@charset "utf-8";

/*!
 * @名称：base.css
 * @功能：1、重设浏览器默认样式
 *       2、设置通用原子类
 */
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
* {
   font-family: 'Microsoft YaHei';
   box-shadow: none;
   text-decoration:none
}
html,body{
   font-size: 100%;
}
html {
   background: white;
   color: black;


}
::-webkit-scrollbar {
   width: 12px;
}
::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background: #8C85E6;
   -webkit-box-shadow: #8C85E6;
}
::-webkit-scrollbar-track {
   border-radius: 10px;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
   margin: 0;
   padding: 0;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body,
button,
input,
select,
textarea {
   font: 12px \5b8b\4f53, arial, sans-serif;
}

/*input,select,textarea {
    font-size:100%;
}*/
/* 去掉 table cell 的边距并让其边重合 */
table {
   border-collapse: collapse;
   border-spacing: 0;
}

/* ie bug：th 不继承 text-align */
th {
   text-align: inherit;
}

/* 去除默认边框 */
fieldset,
img {
   border: none;
}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
   display: block;
}

/* 去掉 firefox 下此元素的边框 */
abbr,
acronym {
   border: none;
   font-variant: normal;
}

/* 一致的 del 样式 */
del {
   text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
   font-style: normal;
   font-weight: 500;
}

/* 去掉列表前的标识，li 会继承 */
ol,
ul {
   list-style: none;
}

/* 对齐是排版最重要的因素，别让什么都居中 */
caption,
th {
   text-align: left;
}

/* 来自yahoo，让标题都自定义，适应多个系统应用 */
h1,
h2,
h3,
h4,
h5,
h6 {
   font-size: 100%;
   font-weight: 500;
}

q:before,
q:after {
   content: '';
}

/* 统一上标和下标 */
sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
}

sup {
   top: -0.5em;
}

sub {
   bottom: -0.25em;
}

/* 让链接在 hover 状态下显示下划线 */
a:hover {
    text-decoration:none!important;
}
a:hover{text-decoration:none!important;/*指鼠标在链接*/}
a:active{text-decoration:none!important;}/* 指正在点的链接*/
a:link{text-decoration:none!important;}   /* 指正常的未被访问过的链接*/
/* 默认不显示下划线，保持页面简洁 */
a {
   text-decoration: none;
}

/* 去除 ie6 & ie7 焦点点状线 */
a:focus,
*:focus {
   outline: none;
}

/* 清除浮动 */
.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
   content: "";
   display: block;
   height: 0;
   clear:both;
   visibility: hidden;
}
.clearfix{
   *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}

.clear {
   clear: both;

}

/* 设置显示和隐藏，通常用来与 js 配合 */
.hide {
   display: none;
}

.block {
   display: block;
}

/* 设置浮动，减少浮动带来的 bug */
.fl,
.fr {
   display: inline;
}

.fl {
   float: left;
}

.fr {
   float: right;
}

/* 禁止选中文本 */
.usn {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
}
/* 元素类型 */
.db {
   display: block;
}

.dn {
   display: none;
}

.di {
   display: inline
}

.dib {
   display: inline-block;
}

.transparent {
   opacity: 0
}


/*文字排版、颜色*/
.f12 {
   font-size: 12px
}

.f14 {
   font-size: 14px
}

.f16 {
   font-size: 16px
}

.f18 {
   font-size: 18px
}

.f20 {
   font-size: 20px
}

.fb {
   font-weight: bold
}

.fn {
   font-weight: normal
}

.t2 {
   text-indent: 2em
}

.red,
a.red {
   color: #cc0031
}

.darkblue,
a.darkblue {
   color: #039
}

.gray,
a.gray {
   color: #878787
}

.lh150 {
   line-height: 150%
}

.lh180 {
   line-height: 180%
}

.lh200 {
   line-height: 200%
}

.unl {
   text-decoration: underline;
}

.no_unl {
   text-decoration: none;
}

.tl {
   text-align: left;
}

.tc {
   text-align: center;
}

.tr {
   text-align: right;
}

.tj {
   text-align: justify;
   text-justify: inter-ideograph;
}

.wn {
   /* 强制不换行 */
   word-wrap: normal;
   white-space: nowrap;
}

.wb {
   /* 强制换行 */
   white-space: normal;
   word-wrap: break-word;
   word-break: break-all;
}

.wp {
   /* 保持空白序列*/
   overflow: hidden;
   text-align: left;
   white-space: pre-wrap;
   word-wrap: break-word;
   word-break: break-all;
}

.wes {
   /* 多出部分用省略号表示 , 用于一行 */
   overflow: hidden;
   word-wrap: normal;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.wes-2 {
   /* 适用于webkit内核和移动端 */
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}

.wes-3 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
}

.wes-4 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;
   overflow: hidden;
}

/* 溢出样式 */
.ofh {
   overflow: hidden;
}

.ofs {
   overflow: scroll;
}

.ofa {
   overflow: auto;
}

.ofv {
   overflow: visible;
}

/* 定位方式 */
.ps {
   position: static;
}

.pr {
   position: relative;
   zoom: 1;
}

.pa {
   position: absolute;
}

.pf {
   position: fixed;
}


/* 垂直对齐方式 */
.vt {
   vertical-align: top;
}

.vm {
   vertical-align: middle;
}

.vb {
   vertical-align: bottom;
}


/* 鼠标样式 */
.csd {
   cursor: default;
}

.csp {
   cursor: pointer;
}

.csh {
   cursor: help;
}

.csm {
   cursor: move;
}

/* flex布局 */
.df-sb {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.df-sa {
   display: flex;
   align-items: center;
   justify-content: space-around;
}

/* 垂直居中 */
.df-c {
   display: flex;
   align-items: center;
   justify-content: center;
}

.tb-c {
   text-align: center;
   display: table-cell;
   vertical-align: middle;
}

.ts-c {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}

.ts-mc {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   margin: auto;
}

/* 辅助 */
.mask-fixed-wrapper {
   width: 100%;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 999;
}

.bg-cover {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
}

.bg-cover-all {
   background-size: 100% 100%;
   background-repeat: no-repeat;
   background-position: center center;
}
/*页面加载loading*/
#loading {
   position: fixed;
   z-index: 400;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0%;
   text-align: center;
   font-size: 0.9rem;
   color: #595758;
   background:rgba(0,0,0,0.3);
}
#loading>img{
   position: relative;
   top: 50%;
   transform:translate(0 ,-50%);
}