@charset "utf-8";
/* CSS Document */
html{ overflow-y:scroll; overflow-x:auto;box-sizing:border-box;color: #333;}
*,*:before,*:after{ box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,menu{ margin:0;}
body,input,button,textarea{font: menu;font-size: 0.12rem;}
body{line-height: 1;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
ul,ol{ margin:0; padding:0; list-style:none;}
a img,input,button,textarea{ border:none;}
input[type="button"],input[type="submit"]{cursor: pointer;}
input[type="button"]:hover{transition: 0.5s;}
input[type="submit"],input[type="button"]{ -webkit-appearance:none;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}

/* link style */
a{ text-decoration:none;}
a:visited{ outline:none;}
a:hover{transition: 0.5s;}

/* Body Style */
.clearfix:after{clear: both;}
.clearfix:before,.clearfix:after{content: "";display: table;}
.clear-li li:after{clear: both;}
.clear-li li:before,.clear-li li:after{content: "";display: table;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.dib{ display:inline-block;}
.db{ display:block;}
.hiden{overflow: hidden;}
.none{display: none;}

/*font*/
.n{font-weight: normal;}
em.n,i.n{font-style: normal;}
.b{font-weight: bolder;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.t-hide{text-overflow:ellipsis; white-space:nowrap;overflow: hidden;}
.c-hide{text-indent: -9999px;}
.big{text-transform: uppercase;}
.s12{font-size: 0.12rem;}
.s16{font-size: 0.16rem;}
.s18{font-size: 0.18rem;}
.s20{font-size: 0.2rem;}
.s24{font-size: 0.24rem;}
.s26{font-size: 0.26rem;}
.s32{font-size: 0.32rem;}
.s36{font-size: 0.36rem;}
.line20{line-height: 0.20rem;}
.line22{line-height: 0.22rem;}
.line24{line-height: 0.24rem;}
.line30{line-height: 0.3rem;}
.line35{line-height: 0.35rem;}

/*color*/
.c3{color: #333;}
.c6{color: #666;}
.c9{color: #999;}
.white{color: #fff;}
.bgf{background: #fff;}
.blue{color: #022eaf;}
.blue-2{color: #3276da;}
.brown{color: #b6795f;}
.yellow{color: #f7b347;}
.bg-gray{background: #f8f8f8;}
.bg-gray2{background: #f9f9f9;}
.bg-gray3{background: #f5f5f5;}

/*spacing*/
.mt5{margin-top: 0.05rem;}
.mt10{margin-top: 0.1rem;}
.mt12{margin-top: 0.12rem;}
.mt15{margin-top: 0.15rem;}
.mt20{margin-top: 0.2rem;}
.mt25{margin-top: 0.25rem;}
.mt30{margin-top: 0.3rem;}
.mt50{margin-top: 0.5rem;}

.mb5{margin-bottom: 0.05rem;}
.mb10{margin-bottom: 0.1rem;}
.mb15{margin-bottom: 0.15rem;}
.mb20{margin-bottom: 0.2rem;}
.mb25{margin-bottom: 0.25rem;}
.mb30{margin-bottom: 0.3rem;}

.ml5{margin-left: 0.05rem;}
.ml10{margin-left: 0.1rem;}
.ml12{margin-left: 0.12rem;}
.ml15{margin-left: 0.15rem;}
.ml20{margin-left: 0.2rem;}
.ml25{margin-left: 0.25rem;}
.ml30{margin-left: 0.3rem;}

.mr5{margin-right: 0.05rem;}
.mr10{margin-right: 0.1rem;}
.mr15{margin-right: 0.15rem;}
.mr20{margin-right: 0.2rem;}
.mr25{margin-right: 0.25rem;}
.mr30{margin-right: 0.3rem;}

.pt5{padding-top: 0.05rem;}
.pt10{padding-top: 0.1rem;}
.pt15{padding-top: 0.15rem;}
.pt20{padding-top: 0.2rem;}
.pt25{padding-top: 0.25rem;}
.pt30{padding-top: 0.3rem;}

.pb5{padding-bottom: 0.05rem;}
.pb10{padding-bottom: 0.1rem;}
.pb15{padding-bottom: 0.15rem;}
.pb20{padding-bottom: 0.2rem;}
.pb25{padding-bottom: 0.25rem;}
.pb30{padding-bottom: 0.3rem;}

.pl5{padding-left: 0.05rem;}
.pl10{padding-left: 0.1rem;}
.pl15{padding-left: 0.15rem;}
.pl20{padding-left: 0.2rem;}
.pl25{padding-left: 0.25rem;}
.pl30{padding-left: 0.3rem;}

.pr5{padding-right: 0.05rem;}
.pr10{padding-right: 0.1rem;}
.pr15{padding-right: 0.15rem;}
.pr20{padding-right: 0.2rem;}
.pr25{padding-right: 0.25rem;}
.pr30{padding-right: 0.3rem;}

.mv5{margin-top: 0.05rem;margin-bottom: 0.05rem;}
.mv10{margin-top: 0.1rem;margin-bottom: 0.1rem;}
.mv15{margin-top: 0.15rem;margin-bottom: 0.15rem;}
.mv20{margin-top: 0.2rem;margin-bottom: 0.2rem;}
.mv25{margin-top: 0.25rem;margin-bottom: 0.25rem;}
.mv30{margin-top: 0.3rem;margin-bottom: 0.3rem;}

.mh5{margin-left: 0.05rem;margin-right: 0.05rem;}
.mh10{margin-left: 0.1rem;margin-right: 0.1rem;}
.mh15{margin-left: 0.15rem;margin-right: 0.15rem;}
.mh20{margin-left: 0.2rem;margin-right: 0.2rem;}
.mh25{margin-left: 0.25rem;margin-right: 0.25rem;}
.mh30{margin-left: 0.3rem;margin-right: 0.3rem;}

.ph5{padding-left: 0.05rem;padding-right: 0.05rem;}
.ph10{padding-left: 0.1rem;padding-right: 0.1rem;}
.ph15{padding-left: 0.15rem;padding-right: 0.15rem;}
.ph20{padding-left: 0.2rem;padding-right: 0.2rem;}
.ph25{padding-left: 0.25rem;padding-right: 0.25rem;}
.ph30{padding-left: 0.3rem;padding-right: 0.3rem;}

.pv5{padding-top: 0.05rem;padding-bottom: 0.05rem;}
.pv10{padding-top: 0.1rem;padding-bottom: 0.1rem;}
.pv15{padding-top: 0.15rem;padding-bottom: 0.15rem;}
.pv20{padding-top: 0.2rem;padding-bottom: 0.2rem;}
.pv25{padding-top: 0.25rem;padding-bottom: 0.25rem;}
.pv30{padding-top: 0.3rem;padding-bottom: 0.3rem;}

.p20{padding: 0.2rem;}
.bbe{border-bottom: 1px solid #eee;}



