@charset "utf-8";
/* CSS Document */

/* CSS重置 */
html { height: 100%; background-color: #f9f9f9;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{ font-size:16px; color:#333; background-color: #fbfbfb;}
table { border-collapse:collapse; border-spacing:0;}
fieldset { border:none;}
img {vertical-align: middle;border: none;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style:normal; font-weight: normal;}
del,ins{ text-decoration:none;}
ol,ul,li { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before, q:after { content:'';}
abbr,acronym { border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:normal;font-weight:normal; outline:none;}
input,button,textarea,select{*font-size:100%;border: none;}
textarea { resize:none;}
i, em, strong { font-style:normal;}
a {color: inherit;text-decoration: none;}
a:active,a:hover {text-decoration: none; outline: none;}
/* 文字排版 */
.fontBig { font-size:18px;font-weight: bold;}
.fontNom { font-size:16px;}
.fontMid { font-size:14px;}
.fontSmall { font-size:12px;}
.fb { font-weight:bold;}
.fn { font-weight:normal;}
.t2 { text-indent:2em;}
.lh150 { line-height:150%;}
.lh180 { line-height:180%;}
.lh200 { line-height:200%;}
.unl { text-decoration:underline;}
.no_unl { text-decoration:none;}
/*颜色*/
.gray3 {color: #333}
.gray6 {color: #666}
.gray9 {color: #999}
.red {color: #dd4f51}
.green {color: #44b549}
.blue {color: #0066CC!important;}
/* 定位 */
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}
.bc { margin-left:auto; margin-right:auto;}
.fl { float:left; display:inline;}
.fr { float:right; display:inline;}
.cb { clear:both;}
.cl { clear:left;}
.cr { clear:right;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{ display:inline-block;}
*html .clearfix { height:1%;}
.clearfix { display:block;}
.vm { vertical-align:middle;}
.pr { position:relative;}
.pa { position:absolute;}
.pf { position:fixed;}
.abs-right { position:absolute; right:0;}
.abs-center { position:absolute; top:50% !important;transform:translate(0,-50%);}
.zoom { zoom:1;}
.hidden { visibility: hidden;}
.none { display:none;}
/*上下居中 - flex*/
.flexCenter { display: flex; align-items: center; justify-content: center;}
.flex { display: flex; align-items: center;}
/* 长度高度 */
.w10 { width:10px;}
.w20 { width:20px;}
.w30 { width:30px;}
.w40 { width:40px;}
.w50 { width:50px;}
.w60 { width:60px;}
.w70 { width:70px;}
.w80 { width:80px;}
.w90 { width:90px;}
.w100 { width:100px;}
.w150 { width:150px;}
.w200 { width:200px;}
.w250 { width:250px;}
.w300 { width:300px;}
.w400 { width:400px;}
.w500 { width:500px;}
.w600 { width:600px;}
.w700 { width:700px;}
.w800 { width:800px;}
.w960 { width:960px;}
.w { width:100%;}
.wauto { width:auto;}

.h50 { height:50px;}
.h80 { height:80px;}
.h100 { height:100px;}
.h200 { height:200px;}
.h { height:100%;}

/* 边距 */
.m10 { margin:10px;}
.m15 { margin:15px;}
.m20 { margin:20px;}
.m25 { margin:25px;}
.m30 { margin:30px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt50 { margin-top:50px;}
.mt100 { margin-top:100px;}

.mb0 { margin-bottom:0!important;}
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb50 { margin-bottom:50px;}
.mb100 { margin-bottom:100px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}
.ml50 { margin-left:50px;}
.ml100 { margin-left:100px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr50 { margin-right:50px;}
.mr100 { margin-right:100px;}
.l20{
    line-height: 20px;
}

.c444{
    color: #444;
}


.p5 { padding:5px;}
.p10 { padding:10px;}
.p15 { padding:15px;}
.p20 { padding:20px;}
.p25 { padding:25px;}
.p30 { padding:30px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pt30 { padding-top:30px;}
.pt50 { padding-top:50px;}
.pt100 { padding-top:100px;}
.pt150 { padding-top:150px;}
.pt200 { padding-top:200px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb25 { padding-bottom:25px;}
.pb30 { padding-bottom:30px;}
.pb50 { padding-bottom:50px;}
.pb100 { padding-bottom:100px;}

.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl25 { padding-left:25px;}
.pl30 { padding-left:30px;}
.pl50 { padding-left:50px;}
.pl100 { padding-left:100px;}

.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr25 { padding-right:25px;}
.pr30 { padding-right:30px;}
.pr50 { padding-right:50px;}
.pr100 { padding-right:100px;}

a:hover,a.light {
    color: #6e6eab!important;
}
a{
    cursor: pointer;
}
.dn{
    display: none!important;
}
::-webkit-scrollbar{
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-thumb{
    border-radius: 1em;
    background-color: rgba(50,50,50,.3);
}
::-webkit-scrollbar-track{
    border-radius: 1em;
    background-color: rgba(50,50,50,.1);
}


input {
    background-color: #F1F1F1;
    padding: 9px;
}
.flex{
    display: flex;
}
.flexitems-center{
    align-items: center;
}