/*my reset*/
*{-webkit-tap-highlight-color:transparent;}
html,body{font-size:14px;position: relative;font-family: "microsoft yaihei","微软雅黑";}
html{color:#333;}
html *{outline:0;/*transition:all .3s ease-in 0s;*/}
body{margin: 0px auto !important;}
article,aside,blockquote,body,button,code,dd,details,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,textarea,ul{margin:0;padding:0;box-sizing:border-box}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
address,cite,dfn,em,i,var{font-style:normal}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
li,ol,ul{list-style:none}
.cl,.clearfix:after,.fix:after{content:".";overflow:hidden;display:none;height:0px;clear:both;visibility:hidden}
img{display: inline-block;}
a{color:#333;transition: color 0.25s,background-color 0.25s,border-color 0.25s;}
form{display: block;}


.wrap{margin:0px auto;padding:10px;}
.wrapfff{background: #fff;}
.relative{position:relative}.absolute{position: absolute;}
.block{display: block}
.center,.tac{text-align: center !important;}.tar{text-align: right;}
.fl{float:left;}.fr{float: right;}.cl{height:0px;width:0px;clear:both;}
.ofh{overflow: hidden;}
.hide,.hidden{display: none;}
.ellipsis{max-width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }/*ÎÄ×ÖÊ¡ÂÔ*/



.btn-full{width:100% !important;box-sizing: border-box:  !important;}
.btn-big{color:#fff !important;height:5rem;line-height:5rem;font-size:1.4rem;border:none;display: inline-block;text-align: center;box-sizing: border-box;}
.btn-middle{color:#fff !important;height:3rem;line-height:3rem;font-size:1.2rem;border:none;display: inline-block;text-align: center;box-sizing: border-box;}
.btn-small{color:#fff !important;height:2.4rem;line-height:2.4rem;font-size:1rem;border:none;display: inline-block;text-align: center;box-sizing: border-box;}
*[class*='btn-']{border-radius: 3px;}

.btn-white{background:#fff ;color:#222 !important;border:1px solid #ccc ;}
.btn-yellow{color:#555 ;background:#FFdd19}
.btn-orange{background:#FF8C19}
.btn-red{background:#ff0000}
.btn-green{background:#01bb80}
.btn-blue{background:#1976d2}
.btn-blue2{background:#00bfff}

a[class*='btn-white']:hover,button[class*='btn-white']:hover{border-color:#444c6b !important;}


/*line*/
.line{border:1px solid #ddd;}.line1{border-top:1px solid #ddd;} .line2{border-right:1px solid #ddd;} .line3{border-bottom:1px solid #ddd;} .line4{border-left:1px solid #ddd;}

/*alpha*/
.alpha30{opacity: 0.3} .alpha50{opacity: 0.5} .alpha70{opacity: 0.7}

.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;} .w110{width: 110px;} .w120{width: 120px;} .w130{width: 130px;} .w140{width: 140px;}
.h20{height: 20px;} .h30{height: 30px;} .h40{height: 40px;} .h50{height: 50px;} .h60{height: 60px;} .h70{height: 70px;} .h80{height: 80px;} .h90{height: 90px;} .h100{height: 100px;} .h110{height: 110px;} .h120{height: 120px;} .h130{height: 130px;} .h140{height: 140px;}


.p5{padding:5px !important;}.p10{padding:10px !important;} .p20{padding:20px !important;} .p30{padding:30px!important;}
.plr10{padding-left:10px!important;padding-right:10px!important;}
.plr20{padding-left:20px!important;padding-right:20px!important;}
.ptb5{padding-top:5px!important;padding-bottom:10px!important;}
.ptb10{padding-top:10px!important;padding-bottom:10px!important;}
.ptb15{padding-top:15px!important;padding-bottom:15px!important;}
.ptb20{padding-top:20px!important;padding-bottom:20px!important;}

.ml5{margin-left:5px !important;}.ml10{margin-left:10px !important;} .ml20{margin-left:20px !important;} .ml30{margin-left:30px !important;} 
.mr5{margin-right:5px !important;}.mr10{margin-right:10px !important;} .mr20{margin-right:20px !important;} .mr30{margin-right:30px !important;} 
.mt5{margin-top:5px !important;}.mt10{margin-top:10px !important;} .mt20{margin-top:20px !important;} .mt30{margin-top:30px !important;} .mt40{margin-top:40px!important;;}.mt50{margin-top:50px!important;;}


.bgfff,.bgf{background-color: #fff !important;}
.bgf9{background-color: #f9f9f9 !important;}
.bgf6{background-color: #f6f6f6 !important;}
.bgf0{background-color: #f0f0f0 !important;}
.bgef{background-color: #efefef !important;}
.bgdf{background-color: #dfdfdf !important;}


.b,.bold{font-weight:700;}
.c-999{color:#999 !important;}
.c-666{color:#666 !important;}
.c-333{color:#333 !important;}
.c-bbb{color:#BBB !important;}
.c-ccc{color:#CCC !important;}
.c-ddd{color:#DDD !important;}
.c-eee{color:#EEE !important;}
.c-fff{color:#FFF !important;}
.c-f40{color:#f40 !important;}.c-f60{color:#f60 !important;}.c-f90{color:#f90 !important;}

.c-gold{color:#fe0 !important;}.c-orange{color:#FCAE52 !important;} .c-dorange{color:#FF8C19 !important;}
.c-green{color:#259b24 !important;} .c-lgreen{color:#8bc34a !important;}
.c-red{color:#f22 !important;} .c-dred{color:#b00 !important;}
.c-blue{color:#417ff0 !important;} .c-dblue{color:#3f51b5 !important;}

.f10{font-size:1.0rem !important;}
.f11{font-size:1.1rem !important;}
.f12{font-size:1.2rem !important;}
.f14{font-size:1.4rem !important;}
.f16{font-size:1.6rem !important;}
.f18{font-size:1.8rem !important;}
.f20{font-size:2.0rem !important;}
.f22{font-size:2.2rem !important;}
.f24{font-size:2.4rem !important;}
.f26{font-size:2.6rem !important;}
.f28{font-size:2.8rem !important;}
.f30{font-size:3.0rem !important;}
.f32{font-size:3.2rem !important;}
.f34{font-size:3.4rem !important;}
.f36{font-size:3.6rem !important;}
.f40{font-size:4.0rem !important;}
.f44{font-size:4.4rem !important;}
.f48{font-size:4.8rem !important;}
.f120{font-size:12rem !important;}

.flex{display: -webkit-flex;display: flex;}
.flex .cell{-webkit-flex:1;flex:1;}
.flex1{-webkit-flex:1;flex:1;}.flex2{-webkit-flex:2;flex:2;}.flex3{-webkit-flex:3;flex:3;}.flex4{-webkit-flex:4;flex:4;}.flex5{-webkit-flex:5;flex:5;}
.flex6{-webkit-flex:6;flex:6;}.flex7{-webkit-flex:7;flex:7;}.flex8{-webkit-flex:8;flex:8;}.flex9{-webkit-flex:9;flex:9;}.flex10{-webkit-flex:10;flex:10;}
.flex-ai-fs{-webkit-align-items:flex-start !important; align-items:flex-start !important;}
.flex-ai-c{-webkit-align-items:center !important; align-items:center !important;}
.flex-jc-c{-webkit-justify-content:center !important; justify-content:center !important; }
.flex-jc-fe{-webkit-justify-content:flex-end !important; justify-content:flex-end !important; }
.flex-jc-sb{-webkit-justify-content:space-between !important; justify-content:space-between !important;}
.flex-jc-sa{-webkit-justify-content:space-around !important; justify-content:space-around !important; }