/*--------common color css-----------*/

.c_33{color: #333333;}
.c_8D{color: #8D8D8D;}
.c_69{color: #696969;}
.c_66{color: #666666;}
.c_ff{color: #ffffff;}
.c_D7{color: #D7D7D7;}
.c_aa{color: #AAAAAA;}
.c_12A6F3{color:#12A6F3;}
.c_D2{color: #D2D2D2;}
.c_ef{color: #EFEFEF;}
.c_9f{color: #9F9F9F;}
.c_bb{color: #BBBBBB;}
c_2F2F2F{color: #2F2F2F;}
.c_0B0B0B{color:#0B0B0B;}
.c_6a{color: #6A6A6A;}
.c_D20000{color: #D20000;}
.c_84{color:#848484; }
.c_12A615{color: #12A615;}
.c_70{color:#707070;}
.c_CE0013{color: #CE0013;}
.c_797878{color: #797878;}
.c_49{color: #494949;}
.c_98{color: #989898;}
.c_F00D3A{color: #F00D3A;}
.c_FF9000{color: #FF9000;}

/*--------common background css-----------*/
.bg_1981FF{background:#1981FF;}
.bgc_1981FF{background:rgba(25,129,255,.6);}
.bgc_ff{background: #ffffff;}
.bg_FF5A5A{background:#FF5A5A;}
.bgc_FF5A5A{background:rgba(255,90,90,.6);}
.bgc_F87832{background:rgba(248,120,50,.6);}
.bgc_CECECE{background: #CECECE;}
.bgc_f5{background: #f5f5f5;}
.bgc_cf{background: #CFCFCF;}
.bgc_E9F0FF{background: #E9F0FF;}
.bgc_51C03B{background:rgba(81,192,59,.6); }
.bg_51C03B{background:#51C03B; }
.bgc_DEB023{background:rgba(222,176,35,.6);}
.bgc_E5F6E2{background: #E5F6E2;}
.bgc_FFF2EC{background: #FFF2EC;}
.bgc_FFE6E6{background: #FFE6E6;}
.bgc_bf{background: #BFBFBF;}
.bgc_00{background: #000000;}

/*--------common font size css-----------*/
.fs12{font-size: .12rem;}
.fs14{font-size: .14rem;}
.fs16{font-size: .16rem;}
.fs18{font-size: .18rem;}
.fs20{font-size: .2rem;}
.fs25{font-size: .25rem;}
.fs30{font-size: .30rem;}
.fs35{font-size: .35rem;}
.fs40{font-size: .30rem;}
.fs50{font-size: .50rem;}

/*--------common marginTop css-----------*/
.mt10{margin-top: .1rem;}

.mt20{margin-top: .2rem;}
.mt30{margin-top: .3rem;}
.mt34{margin-top: .34rem;}
.mt50{margin-top: .5rem;}
.mt80{margin-top: .8rem;}
.mt100{margin-top: 1rem;}
.mt118{margin-top: 1.18rem;}
.mag30{margin:0 .3rem;}


/*--------common marginBottom css-----------*/
.mbbottom20{margin-bottom: .2rem;}
.mb30{margin-bottom: .3rem;}
.mb40{margin-bottom: .4rem;}
.mbotom189{margin-bottom: 1.89rem;}

/*--------common marginLeft css-----------*/
.ml10{margin-left: .1rem;}
.ml20{margin-left: .2rem;}
.ml30{margin-left: .3rem;}
.ml100{margin-left: 1rem;}

/*--------common marginright css-----------*/
.mr10{margin-right: .1rem;}
.mr20{margin-right: .2rem;}
.mr30{margin-right: .3rem;}
.mr100{margin-right: 1rem;}
/*--------common padding css-----------*/
.pd85{padding: .85rem;}
.pd30{padding: .3rem;}
.pt20{padding-top: .2rem;}
/*--------common line height css-----------*/
.lineH41{line-height: .41rem;}

/*--------common width css-----------*/
.w100_{width: 100%;}
.w50{width: .5rem;}
.w223{width: 2.23rem;}
.w84{width: .84rem;}
.w80{width: .8rem;}
.w215{width: 2.15rem;}
.w120{width: 1.2rem;}
.w280{width: 2.8rem;}




/*--------common height css-----------*/
.h100_{height: 100%;}

/*--------common cursour css-----------*/
.cursorPoi{cursor: pointer;}


.logo{width: 2.91rem;height: 0.8rem;}


/*--------common footer css-----------*/
.commFlex{
    display: flex;
    justify-content: space-between;
}
.commFlexStart{
    display: flex;
    justify-content: flex-start;
}
.comm_wrap{
    flex-wrap: wrap;
}
.comm_footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.89rem;
    background: #2D579E;
    padding:0 .3rem;
    display: flex;
    justify-content: space-between;
    z-index: 9;
}


/*--------common text center css-----------*/
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}

/*--------common btline css-----------*/
.bline:after{
    content: ''; // 必须
position: absolute;
    bottom: 0;
    right: 0;
    width: 3.12rem;
    height: 1px;
    background-color: #dcdcdc;
    left: 1.3rem;
    top: 1rem;
}
/*--------common clear both css-----------*/
.clearfix:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}
.clearfix {
    *zoom: 1;
    clear: both;
}

/*--------common font weight css-----------*/
.fsw400{font-weight: 400;}
.fsBold{font-weight: bold;}


.eellipsis_cs
{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

/*--------common header css-----------*/

.header{
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    background: #000000;
    display: flex;
    justify-content: space-between;
    padding: 0 .3rem;
}
.icon_z{
    display: inline-block;
    /*margin-left: .02rem;*/
    /*margin-top: .02rem;*/
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg);
}


.btn{
    width: 3.96rem;
    height: .7rem;
    border-radius: .5rem;
    margin: auto;
    line-height: .7rem;
    color: #ffffff;
}
.flex2{flex: 2;}

.change_btn{
    width:6.71rem;
    height:.88rem;
    line-height: .88rem;
    background:#C4C4C4;
    border-radius:.05rem;
    font-size: .3rem;
    color: #ffffff;
    margin: .2rem auto;
    text-align: center;
}