/* 基础样式定义 */
body,
html,
ul,
li,
p,
h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}
img {
    border: none;
    font-size: 0;
}
a {
    color: #71777d;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
ul,
li {
    list-style-type: none;
}
body {
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    min-width: 960px;
    color: #666;
}
/*icon定义*/


.clearfix {
    *zoom: 1;
    /*overflow:hidden*/
}
.clearfix ::after {
    display: block;
    clear: both;
    content: ".";
    overflow: hidden;
    visibility: hidden;
    height: 0;
}
h1,
h2,
h3,
h4,
h5 {
    text-align: center;
    font-weight: normal;
}
input {
    border: none;
    outline: none;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.text_c {
    text-align: center;
}
.text_l {
    text-align: left;
}
.box_bor {
    box-sizing: border-box;
}
.none {
    display: none !important;
}
.input_num_n input[type=number] {
    -moz-appearance: textfield;
}
.input_num_n input[type=number]::-webkit-inner-spin-button,
.input_num_n input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* 禁止选中文本 */
.usn{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
}

/* 浮动 */
.fl { float: left; }
.fr { float: right; }
.cf { zoom: 1; }
.cf:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}

/* 元素类型 */
.db { display: block; }
.dn { display: none; }
.di { display: inline }
.dib {display: inline-block;}
.transparent { opacity: 0 }


/*文字排版、颜色*/
.f12 { font-size:12px }
.f13 { font-size:13px }
.f14 { font-size:14px }
.f15 { font-size:15px }
.f16 { font-size:16px }
.f17 { font-size:17px }
.f18 { font-size:18px }
.f19 { font-size:19px }
.f20 { font-size:20px }
.f21 { font-size:21px }
.f22 { font-size:22px }
.f23 { font-size:23px }
.f24 { font-size:24px }
.f25 { font-size:25px }
.f26 { font-size:26px }
.col333{color:#333;}
.col666{color:#666;}
.col999{color:#999;}

.fb { font-weight:bold }
.fn { font-weight:normal }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }

.unl { text-decoration:underline; }
.no_unl { text-decoration:none; }

.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%;
    height: 100%;
    position: fixed;
    left:0;top:0;
    background: rgba(0, 0, 0, 0.65);
    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;
}


.mt2{margin-top:2px;}
.mt4{margin-top:4px;}
.mt6{margin-top:6px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt14{margin-top:14px;}
.mt16{margin-top:16px;}
.mt18{margin-top:18px;}
.mt20{margin-top:20px;}

.mr2{margin-right:2px;}
.mr4{margin-right:4px;}
.mr6{margin-right:6px;}
.mr8{margin-right:8px;}
.mr10{margin-right:10px;}
.mr12{margin-right:12px;}
.mr14{margin-right:14px;}
.mr16{margin-right:16px;}
.mr18{margin-right:18px;}
.mr20{margin-right:20px;}

.ml2{margin-left:2px;}
.ml4{margin-left:4px;}
.ml6{margin-left:6px;}
.ml8{margin-left:8px;}
.ml10{margin-left:10px;}
.ml12{margin-left:12px;}
.ml14{margin-left:14px;}
.ml16{margin-left:16px;}
.ml18{margin-left:18px;}
.ml20{margin-left:20px;}

.mb2{margin-bottom:2px;}
.mb4{margin-bottom:4px;}
.mb6{margin-bottom:6px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb12{margin-bottom:12px;}
.mb14{margin-bottom:14px;}
.mb16{margin-bottom:16px;}
.mb18{margin-bottom:18px;}
.mb20{margin-bottom:20px;}

.by {
    text-align: center;
    color: #aaa;
    font-size: 12px;
    padding: 10px 0;
    background: #f1f1f1;
}
.by .beian-one {
    cursor: pointer;
}