@charset "utf-8";

/***********css reset************/
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, th, td, pre, blockquote, fieldset, lengend, input, button, textarea, form{margin: 0; padding: 0;}
body, input, button, textarea, select{font-family:"Microsoft YaHei", Helvetica, Tahoma, Arial, sans-serif;}
h1, h2, h3, i, th, caption, code, address,cite,dfn,em,var{font-style: normal; font-weight: normal;}
ul,ol,li{list-style: none;}
img, fieldset, button, input{border:none;}
input, textarea, button,img{outline:none;}
hr{border:none; height:1px;}
button, input, select, textarea {font-size: 100%;-webkit-appearance: none;}
table{border-collapse:collapse; border-spacing:0;}
button, select, label{vertical-align:middle;}
a{color: #333; outline:none; text-decoration:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover{outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:focus{outline:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:active{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.clearfix{_zoom:1;}
.clearfix:after{content:""; height:0; width:0; visibility:hidden; clear: both; display:block;}
.clear{clear: both;}
/***********通用基础类************/
/*定位*/
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.pr{position:relative;} 
.pa{position:absolute;}
.disno{display:none !important;}
.disbl{display:block !important;}
/*文字排版、颜色*/
.fs12{font-size:12px !important;}
.fs14{font-size:14px;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.text-c{text-align: center;}
.cut{white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
.c333{color: #333333 !important;}
.c666{color: #666666;}
.c999{color: #999999 !important;}
.c-ccc{color: #CCCCCC;}
.c-fff{color: #FFFFFF;}
.c-blue{color: #6ED0E6 !important;}
.c-yellow{color: #ffb10b;}
.c-red{color: #ff636f;}
.of-hidden{overflow: hidden;}
.pb-0{padding-bottom: 0 !important;}
.mar-auto{margin: 0 auto;}
.mar-0{margin: 0 !important;}
.mask{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);z-index: 2000;}
.code{display: none;position: fixed;top: 30%;left: 39%;width: 20%;padding: 1%;transition: all .25s;background-color: #FFFFFF;text-align: center;z-index: 2010;}
.code img{width: 100%; animation: fadeIn .3s .15s both;}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes codeFadeIn{from{width:0}to{width:20%}}