body{
    background: 100%;
}
.wrp-auto{
    width:100%;
    max-width: 7.5rem;
    margin: 0px auto;
}
.header-info{
    width:90%;
    margin: .2rem auto 0px;
}

.header-info a{
    height:.38rem;
    display: block;
}
.header-info a img{
    width:.38rem;
    height:.38rem;
    display: block;
    margin-top: .03rem;
}
.header-info a.reg{
    font-size:.32rem;
    font-weight:500;
    color:rgba(51,51,51,1);
}
.login-box{
    width:90%;
    margin: .6rem auto 0px;
    text-align: left;
}
.login-box h3{
    font-size:.6rem;
    font-weight:500;
    color:rgba(75,75,75,1);
}
.login-box p{
    font-size:.34rem;
    font-weight:500;
    color:#3596FD;
    margin-top: .3rem;
}
.login-input input{
    width:100%;
    font-size:.34rem;
    font-weight:400;
    color:rgba(185,185,185,1);
    border-bottom:1px solid #E5E5E5;
    padding: .26rem 0rem;
}
.wj-pwd{
    text-align: right;
    display: flex;
    justify-content:flex-end;
    margin-top: .28rem;
}




input[type=checkbox]{
    /*鍘婚櫎娴忚鍣ㄩ粯璁ゆ牱寮�*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*鑷畾涔夋牱寮�*/
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    border: 1px solid #BFBFBF;
    outline: none;
    cursor: pointer;
    /*璁剧疆涓哄渾褰紝鐪嬭捣鏉ユ槸涓崟閫夋*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

/**
* 鍗曢�夋 閫変腑涔嬪悗鐨勬牱寮�
**/
input[type=checkbox]:after{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #00bfff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    /*澧炲姞涓�浜涘姩鐢�*/
    -webkit-transition : all ease-in-out 300ms;
    -moz-transition : all ease-in-out 300ms;
    transition : all ease-in-out 300ms;
}
input[type=checkbox]:checked:after{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}
.wj-pwd span{
    font-size:.24rem;
    font-weight:400;
    color:rgba(185,185,185,1);
    margin-left: .10rem;
}
.login-btn{
    margin-top: .8rem;
}
.login-btn a{
   width:100%;
    height:.98rem;
    background:linear-gradient(0deg,rgba(53,150,253,1),rgba(58,194,252,1));
    border-radius:.49rem;
    display: block;
    font-size:.36rem;
    font-weight:500;
    color:rgba(255,255,255,1);
    text-align: center;
    line-height:.98rem;
}
/*棣栭〉*/

.header-bg{
    width:100%;
    height:3.2rem;
    background:url("../images/index-bg.png") no-repeat;
    background-size: 100% 100%;
}
.billboard{
    width:100%;
    height:.9rem;
    background: #ffffff;
    padding:0px 4%;
    box-sizing: border-box;
    line-height: .9rem;
    text-align: left;
    display: flex;
    justify-content: space-between;
}
.bi-title{
    font-size:.28rem;
    font-weight:500;
    color:rgba(51,51,51,1);
}
.bi-link span{
    font-size:.24rem;
    font-weight:400;
    color:rgba(194,201,203,1);
}
.bi-link img{
    width:.24rem;
    height:.24rem;
    margin-left: .1rem;
}
.bi-link{
    align-items: center;
    height:.9rem;
    display: flex;
}
.index-list{
    width:100%;
    margin-top: .10rem;
    background: #fff;
    padding:0px 4% .28rem;
    box-sizing: border-box;
}
.list-title{
    display: flex;
    justify-content: space-between;
    width:100%;
    height:.70rem;

}
.list-title h3{
    font-size:.26rem;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height: .70rem;
}
.list-item{
    height:.5rem;
    width:100%;
    display: flex;
    justify-content: space-between;
    margin-top: .28rem;
}
.list-item img{
    width:.5rem;
    height:.5rem;
}
.list-item p{
    font-size:.26rem;
    font-weight:bold;
    margin-top: .10rem;
}
.list-item span{
    font-size:.26rem;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height: .5rem;
}
.list-item span:last-child{
    font-weight:bold;
}
.martop{
    height:1.05rem;
}
/*鎺ュ崟*/
.jiedan-bg{
    width:100%;
    height:3.2rem;
    background:url("../images/jiedan-bg.png") no-repeat;
    background-size: 100% 100%;
    text-align: left;
    box-sizing: border-box;
    padding:.60rem .43rem .70rem .50rem;
    display: flex;
    justify-content: space-between;
}
.jiedan-bg a{
 display: block;
    width:1.86rem;
    height:.60rem;
    background:linear-gradient(0deg,rgba(254,187,34,1),rgba(255,214,90,1));
    box-shadow:0px .01rem .04rem 0px rgba(53,151,253,0.77);
    border-radius:.3rem;
    font-size:.24rem;
    font-weight:500;
    color:rgba(147,107,3,1);
    line-height: .6rem;
    text-align: center;
    margin-top: 1rem;
}
.jd-left p{
    font-size:.24rem;
    font-weight:500;
    color:rgba(255,255,255,1);
    margin-top: .2rem;
}
.jd-left h3{
    font-size:.60rem;
    font-weight:bold;
    color:rgba(255,255,255,1);
    margin-top: .36rem;
}
.jd-left h3 span{
    font-size:.24rem;
    font-weight:500;
    color:rgba(255,255,255,1);
    margin-left: .15rem;
}
.jd-sel{
    width:100%;
    padding:0rem 5%;
    border-top:.10rem solid rgba(247,248,250,1);;
    border-bottom:.10rem solid rgba(247,248,250,1);
}
.jd-sel-item{
    padding:.1rem 0rem;
    display: flex;
    justify-content: space-between;
    border-bottom:.01rem solid rgba(238,238,238,1);
    box-sizing: initial;
}
.js-sel-left{
    display: flex;
    align-items: center;
}
.js-sel-left img{
    width:.56rem;
    height:.56rem;
    display: block;
    margin-right: .3rem;
}
.js-sel-left span{
    font-size:.34rem;
    font-weight:500;
    color:rgba(51,51,51,1);
}
.js-sel-right img{
    display: block;
    width:1.3rem;
    height:.5rem;
    margin-top: .08rem;
}
.js-item-small{
    height:auto;
}
.js-item-small span{
    font-size:.26rem;
    font-weight:500;
    color:rgba(51,51,51,1);
}
.jd-no{
    margin-top: .78rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.jd-no span{
    font-size:.24rem;
    font-weight:400;
    color:rgba(170,181,192,1);
    margin: 0px .2rem;
}
.jd-no .line{
    width:.6rem;
    height:.01rem;
    border:.01rem solid rgba(187,200,213,1);

}
.jd-item{
    padding:.30rem 5%;
    width:100%;
    display: flex;
    justify-content: space-between;
    border-bottom:.01rem solid #EEEEEE;
}
.jd-item span{
    font-size:.26rem;
    font-weight:400;
    color:rgba(102,102,102,1);
}
.jd-item span:last-child{
    font-size:.28rem;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.tk{
    width:1.35rem;
    height:1.35rem;
    position: fixed;
    right:.25rem;
    bottom:1.6rem;
}
.tk a{
    width:1.35rem;
    height:1.35rem;
    display: block;
}
.tk img{
    width:1.35rem;
    height:1.35rem;
}

/*鎴戠殑*/
.center-bg{
    width:100%;
    height:2.3rem;
    background:url("../images/jiedan-bg.png") no-repeat;
    background-size: 100% 100%;
    text-align: left;
    box-sizing: border-box;
    padding:.5rem 5%;
    display: flex;
    justify-content: space-between;
}
.center-left{
    display: flex;
    align-items: center;
}
.center-left img{
    width:1rem;
    height:1rem;
}
.center-left span{
    font-size:.40rem;
    font-weight:500;
    color:rgba(255,255,255,1);
    margin-left: .20rem;
}
.center-le p{
    font-size:.24rem;
    font-weight:500;
    color:rgba(255,255,255,1);
}
.center-le p:last-child{
    font-size:.32rem;
    font-weight:bold;
    color:rgba(255,255,255,1);
}
.center-le p span{
    font-size:.24rem;
    font-weight:500;
    color:rgba(255,255,255,1);
    margin-left: .15rem;
}
.center-right{
    display: flex;
    align-items: center;
}
.center-right img{
    width:.13rem;
    height:.23rem;
    margin-left: .2rem;
}
.center-menu{
    width:90%;
    margin: .30rem auto;
    background: #fff;
    text-align: left;
    padding:.34rem .20rem 0rem;
    box-shadow:0px .03rem .07rem 0px rgba(13,26,61,0.11);
    border-radius:.2rem;
}
.center-menu h3{
    font-size:.3rem;
    font-weight:bold;
    color:rgba(38,38,38,1);
    margin-bottom: .2rem;
}
.center-menu .menu-list{
    display: flex;
    width:100%;
    flex-wrap: wrap;
}
.center-menu .menu-list a{
    width:25%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: .34rem;
}

.menu-list a img{
    width:.54rem;
    height:.54rem;
}
.menu-list a p{
    font-size:.24rem;
    font-weight:500;
    color:rgba(38,38,38,1);
    margin-top: .1rem;
}

/*瀹℃牳*/
.sh-header{
    font-size:.32rem;
    font-weight:500;
    color:rgba(255,255,255,1);
    padding:.24rem 0rem;
    background:linear-gradient(90deg,rgba(53,150,253,1),rgba(58,194,252,1));
    border:1px solid rgba(238,238,238,1);
}
.list-header{
    width:100%;
    height:.80rem;
    background: #fff;
    display: flex;
}
.list-header-item{
    width:25%;
    line-height: .8rem;
    text-align: center;
    font-size:.24rem;
    font-weight:300;
    color:rgba(153,153,153,1);
}
.list-title{
    height:.6rem;
    width:100%;
    padding-left: 5%;
    font-size:.22rem;
    font-weight:300;
    color:rgba(51,51,51,1);
    line-height: .6rem;
}
.sh-list{
    background: #fff;
}
.sh-item{
    width:100%;
    display: flex;
    height:1rem;
    border:.01rem solid rgba(238,238,238,1);

}
.sh-item div{
    width:25%;
    height:1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1rem;
    font-size:.24rem;
    font-weight:300;
    color:rgba(51,51,51,1);
}
.sh-item .sh-one{
    width:25%;
    height:1rem;
    display: flex;
    justify-content: center;
}
.sh-item .sh-state{
    color:#369DFD
}
.sh-item p{
    font-size:.24rem;
    font-weight:300;
    color:rgba(51,51,51,1);
}
.sh-item span{
    font-size:.24rem;
    font-weight:300;
    color:rgba(153,153,153,1);
    margin-top: .06rem;
}

.reg-btn{
    margin-top:.5rem;
    padding-bottom: 1rem;
}


    /*搴曢儴鍏叡*/
.footer{
    position: fixed;
    bottom:0px;
    z-index: 100;
    width:100%;
    height:1.05rem;
    background: #fff;
    left:0;
}
.footer ul{
    width:100%;
    height:1.05rem;
}
.footer ul li{
    width:25%;
    float: left;
}
.footer ul li a{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;;
}
.footer ul li a img{
    width:.58rem;
    height:.58rem;
    display: block;
}
.footer ul li .font-bot{
    font-size:.22rem;
    font-weight:400;
    color:#C0C8D0;
}
.footer ul li .active-bot{
    color:rgba(54,157,253,1)
}


@media screen and (min-width:320px) {
    html {
        font-size: 50px
    }
}

@media screen and (min-width:360px) {
    html {
        font-size: 56.25px
    }
}

@media screen and (min-width:375px) {
    html {
        font-size: 58.59px
    }
}

@media screen and (min-width:412px) {
    html {
        font-size: 64.69px
    }
}

@media screen and (min-width:414px) {
    html {
        font-size: 64.69px
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 75px
    }
}

@media screen and (min-width:560px) {
    html {
        font-size: 87.5px
    }
}

@media screen and (min-width:640px) {
    html {
        font-size: 100px
    }
}

@media screen and (min-width:720px) {
    html {
        font-size: 112.5px
    }
}

@media screen and (min-width:750px) {
    html {
        font-size: 117.19px
    }
}

@media screen and (min-width:800px) {
    html {
        font-size: 125px
    }
}

@media screen and (min-width:960px) {
    html {
        font-size: 150px
    }
}