@charset "utf-8";

/* 重设 */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;}/*放大或缩小页面时不改变字体大小*/
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background-color:transparent;cursor:pointer;text-decoration:none;}
a:active,a:hover{outline:0;text-decoration:none;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;vertical-align:middle;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
pre{overflow:auto;}
code,kbd,pre,samp{font-size:1em;font-family:monospace,monospace;}
button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input{line-height:normal;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid #c0c0c0;}
legend{padding:0;border:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
/*table{border-collapse:collapse;border-spacing:0;}*/
td,th{padding:0;}
body{font-size:14px;font-weight:400;color:#333;font-family:Arial,"Microsoft YaHei",Helvetica,sans-serif;}
ol,ul{list-style:none;}
.ov{overflow:hidden;}
.clear{clear:both;}
/*位置*/
.fl{float:left;}
.fr{float:right;}
.fc{margin:0 auto;}
.al{text-align:left;}
.ac{text-align:center;}
.ar{text-align:right;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.l10{left:10px;}
.r10{right:10px;}
.t10{top:10px;}
.b10{bottom:10px;}
/* 外边距 */
.m0{margin:0!important;}
.m10{margin:10px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.m5{margin:5px;}
.ml5{margin-left:5px;}
.mr5{margin-right:5px;}
.mt5{margin-top:5px;}
.mb5{margin-bottom:5px;}
.mt30{margin-top:30px;}
/* 内边距 */
.p0{padding:0!important;}
.p10{padding:10px;}
.pl10{padding-left:10px;}
.pr10{padding-right:10px;}
.plr10{padding-left:10px;padding-right:10px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.ptb10{padding-top:10px;padding-bottom:10px;}
.ptb12{padding-top:12px;padding-bottom:12px;}
.p5{padding:5px;}
.pl5{padding-left:5px;}
.pr5{padding-right:5px;}
.plr5{padding-left:5px;padding-right:5px;}
.pt5{padding-top:5px;}
.pb5{padding-bottom:5px;}
.ptb5{padding-top:5px;padding-bottom:5px;}
.pt30{padding-top:30px;}
.pt20{padding-top:20px;}
.pt15{padding-top:15px;}
.pb20{padding-bottom:20px;}
/*元素显示*/
a:hover{text-decoration:underline;}
.hide{display:none;}
.block{display:block;}
.inline_block{display:inline-block;}
.inline{display:inline;}
.ov_hide{overflow:hidden;white-space: nowrap;text-overflow:ellipsis; }
/*字体颜色*/
.color_white{color:#fff;}
.color_gray{color:#909090;}
.color_gray5{color:#5c5d5d;}
.color_gray3{color:#333;}
.color_gray6{color:#676767;}
/*背景颜色*/
.back_white{background-color:#fff;}
.back_palegray{background-color:#f1f1f1;}
.back_lightergray{background-color:#e5e5e5;}
.back_lightgray{background-color:#ddd;}
.back_gray{background-color:#808080;color:#fff;}
.back_grayf2{background-color:#f2f2f2;}
.back_darkgray{background-color:#ededed;}
.back_darkergray{background-color:#333;color:#fff;}
.back_black{background-color:#000;color:#fff;}
.back_skyblue{background-color:#54c7fc;color:#fff;}
.back_yellow{background-color:#ffcd00;color:#fff;}
.back_orange{background-color:#ff9600;color:#fff;}
.back_pink{background-color:#ff2851;color:#fff;}
.back_blue{background-color:#0076ff;color:#fff;}
.back_green{background-color:#44db5e;color:#fff;}
.back_red{background-color:#ff3824;color:#fff;}
.back_purple{background-color:#6614c2;color:#fff;}
/*边框*/
/* 1px border */
.border{border:0 solid ;}
.border_da{border:0 dashed ;}
.border_do{border:0 dotted ;}
.border_t{border-top-width:1px;}
.border_r{border-right-width:1px;}
.border_b{border-bottom-width:1px;}
.border_l{border-left-width:1px;}
.border_a{border-width:1px;}
/* 边框颜色 */
.border_white{border-color:#fff;}
.border_darkergray{border-color:#ccc;}
.border_blue{border-color:#005d7f;}
/* 边框圆角 */
.border_no{border:none;}
.radius,.radius::after{-webkit-border-radius:4px;border-radius:4px;}
.radius100,.radius100::after{-webkit-border-radius:100%;border-radius:100%;}


/* 字体大小 */
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f36{font-size:36px;}
/* 图标大小 */
.i10 i{font-size:10px;}
.i12 i{font-size:12px;}
.i14 i{font-size:14px;}
.i16 i{font-size:16px;}
.i18 i{font-size:18px;}
.i20 i{font-size:20px;}
.i22 i{font-size:22px;}
.i24 i{font-size:24px;}

/*按钮*/
/*middle*/
.btn_middle{width: 150px; line-height: 44px; text-align: center; background: #D33130; color: #fff; cursor: pointer; }
/* 按钮 */
.btn{display:block;position:relative;text-overflow:ellipsis;-webkit-appearance:none;appearance:none;width:100%;text-align:center;line-height:44px;white-space:nowrap;cursor:pointer;}
.btn_small{line-height:32px;}
.btn_lg{line-height:48px;}
.btn_disabled{pointer-events:none;opacity:.45;filter:alpha(opacity=45);-box-shadow:none;cursor:none;}

/*width*/
.w100{width:100%;}
.mb10 






