*{margin: 0;padding: 0}
/* 复用样式 */
.vh{visibility:hidden}
.no{display: none }
.db{display: block}
.dib{ display: inline-block! important;;}
.df_r{display: flex;flex-flow:row wrap;justify-content:space-between}
.df_c{display: flex;flex-flow:column wrap;justify-content:space-between}
.df_rs{display: flex;flex-flow:row wrap;justify-content:flex-start}
.df_cs{display: flex;flex-flow:column wrap;justify-content:flex-start}

.po-r{position: relative;}
.po-a{position: absolute}
.fl{float: left;}
.fr{float: right;}
.clear{
    overflow: hidden;  
}
.w1{width: 100%}
.h1{height: 100%}

.w120{width: 120px}
.w220{width: 220px}

.w692{width: 681px}
.h42{height: 42px}
.max-w12{max-width: 1200px;}
.max-w74{max-width: 740px;}

.c2{color:#2c2c2c}
.c3{color:#333}
.c6{color:#666}
.c9{color:#999}
.c52{color:#515C62}

.cf{color:#fff}
.cb7{color:#bea667}
.cff{color: #4AC5FF}
.c61{color:#616161}
.c2b{color: #B42B2B}

.bc-b7{background-color: #bea667}
.bc-2b{background-color: #B42B2B}
.bc-ff{background-color: #4AC5FF}
.bcf{background-color: #fff}

.f12r{font-size: 0.222rem}
.f14r{font-size: 0.26rem}
.f16r{font-size: 0.3rem}
.f18r{font-size: 0.333rem}
.f20r{font-size: 0.37rem}
.f22r{font-size: 0.407rem}
.f24r{font-size: 0.444rem}
.f26r{font-size: 0.48rem}
.f28r{font-size: 0.52rem}

.f12{font-size: 12px}
.f14{font-size: 14px}
.f16{font-size: 16px}
.f18{font-size: 18px}
.f22{font-size: 22px}
.f24{font-size: 24px}
.f26{font-size: 26px}
.f28{font-size: 28px}

.fw-b{font-weight: bold}
.fw500{font-weight: 500}
.fw400{font-weight: 400}
.fs-i{font-style: inherit}
.fsit{font-style: italic}

.b0{bottom: 0}
.b18{bottom: 0.333rem}
.b20{bottom: 20px}

.l-29{left: -29px;}
.l0{left: 0}
.l5{left: 5px}
.l8{left: 8px}
.l14{left: 14px}
.l28{left: 28px}
.l33{left: 33px}
.l42{left: 42px}
.l300{left: 300px;}

.t0{top:0}
.t2{top:2px}
.t5{top:5px}
.t6{top:6px}
.t7{top:7px}
.t88{top: 88px}
.t250{top:250px}

.r0{ right: 0}
.r27{ right: 27px}
.r125{ right: 125px}

.ta-c{text-align: center;}
.ta-r{text-align: right;}
.ti{margin-left: 24px;text-indent: -10px;}
.ti_p{margin-left: 35px;text-indent: -35px;}

.ma{margin: auto}
.m0{margin: 0}
.m8{margin: 8px;}
.mt2{margin-top: 2px}
.mt4{margin-top: 0.074rem}
.mt6{margin-top: 6px}
.mt8{margin-top: 8px}
.mt11{margin-top: 0.203rem}
.mt12{margin-top: 12px}
.mt16{margin-top: 16px}
.mt20{margin-top: 20px}
.mt22{margin-top: 22px}
.mt26{margin-top: 26px}
.mt36{margin-top: 36px}
.mt48{margin-top: 48px}

.mb5{margin-bottom: 5px}
.mb8{margin-bottom: 8px}
.mb12{margin-bottom: 12px}
.mb14{margin-bottom: 14px}
.mb16{margin-bottom: 16px}
.mb20{margin-bottom: 20px}
.mb24{margin-bottom: 24px}
.mb35{margin-bottom: 35px}
.mb36{margin-bottom: 36px}
.mb48{margin-bottom: 48px}
.mb54{margin-bottom: 54px}
.mb64{margin-bottom: 64px}
.mb72{margin-bottom: 72px}
.mb127{margin-bottom: 127px}

.ml8{margin-left: 8px;}
.ml10{margin-left: 10px;}
.ml13{margin-left: 13px;}
.ml18{margin-left: 18px;}
.ml22{margin-left: 22px;}
.ml52{margin-left: 52px;}
.ml75{margin-left: 75px;}
.ml94{margin-left: 94px;}
.ml109{margin-left: 109px;}

.mr8{margin-right: 8px}
.mr16{margin-right: 16px}
.mr22{margin-right: 22px}
.mr26{margin-right: 26px}
.mrb33{margin:0 33px 36px 0}
.mr48{margin-right: 48px}
.mr167{margin-right: 167px;}
.p10{padding: 10px}
.p9{padding:0 9px 0 9px}
.pt4{padding-top: 4px}
.pt20{padding-top: 20px}
.pt48{padding-top: 48px}
.pt70{padding-top: 70px}
.pl30{padding-left: 30px;}
.pr12{padding-right: 12px;}
.pb17{padding-bottom: 17px}
.pb20{padding-bottom: 20px}

.bn{border: none}
.br4{border-radius:4px;}
.bs24{box-shadow:0px 2px 4px 0px rgba(0,0,0,0.2);}

.c-po{cursor: pointer;}

.o5{
    opacity: .5;
}


.cbox_white{
    background-color: #fff;
    background-image: url(../images/tubiao/W.png) ;
    background-repeat: no-repeat;
    background-size: 100%;
}
.cbox_black{
    background-color: #fff;
    background-image: url(../images/tubiao/B.png) ;
    background-repeat: no-repeat;
    background-size: 100%;
}
.cbox_red{
    background-color: #fff;
    background-image: url(../images/tubiao/R.png) ;
    background-repeat: no-repeat;
    background-size: 100%;
}
.cbox_green{
    background-color: #fff;
    background-image: url(../images/tubiao/G.png) ;
    background-repeat: no-repeat;
    background-size: 100%;
}
.cbox_blue{
    background-color: #fff;
    background-image: url(../images/tubiao/U.png) ;
    background-repeat: no-repeat;
    background-size: 100%;
}
.cbox_none{
    background-color: #fff;
    background-image: url(../images/tubiao/C.png) ;
    background-repeat: no-repeat;
    background-size: 100%;
}