.mobile-wrap{
    position:relative;
    min-height:100vh;
    width:100%;
    float:left;
	padding-top: 1rem;
    background-color:#ededee
}
.heads{width:7.5rem;position:fixed;left:50%;margin-left:-3.75rem;top:0;height:1rem;padding:0 .2rem;border-bottom:.02rem solid #998064;z-index:999;background:url(../img/09ead5_750x100.jpg) top center no-repeat;background-size:100% auto}.heads .logo{height:1rem;display:flex;justify-content:center;align-items:center}.heads .logo img{width:2.8rem;margin-left:-0.2rem;}.heads .webs{height:100%;display:flex;justify-content:center;align-items:flex-start;font-size:.36rem;color:#fff;line-height:.4rem;font-family:arial;letter-spacing:1px;text-transform:uppercase;flex-direction:column}.heads .webs span{display:inline-block;width:3.8rem;height:.5rem;background-image:linear-gradient(to right,#fdd2a2,#fdf7df);border-radius:.33rem;color:#0d0a04;padding:0 .15rem;text-align:center;line-height:.5rem}.heads .webs em{display:inline-block;width:.6rem;text-align:center;color:#f90e0e}.heads.fix{background-color:#000}body{padding-top:1rem}@-webkit-keyframes myfirst{from{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes myfirst{from{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}
.move-touch{
    -webkit-overflow-scrolling:touch
}
.auto-center ul li .pict{
    display:table;
    width:100%;
    text-align:center
}
.auto-center ul li .pict i{
    vertical-align:middle;
    display:table-cell
}
.vague{
    -webkit-filter:blur(2px);
    transition:.3s;
    -webkit-transition:.3s
}
.rogate{
    transition:.3s;
    -webkit-transition:.3s
}
.rogate:hover{
    transform:rotate(90deg)
}
.arrow{
    position:relative;
    line-height:1;
    margin-left:.1rem
}
.arrow:before{
    content:"";
    position:absolute;
    top:-.02rem;
    left:0;
    width:0;
    height:0;
    border-bottom:.08rem solid;
    border-right:.08rem solid transparent;
    border-top:.08rem solid transparent;
    border-left:.08rem solid transparent
}
.arrow:after{
    content:"";
    position:absolute;
    top:.18rem;
    left:0;
    width:0;
    height:0;
    border-top:.08rem solid;
    border-right:.08rem solid transparent;
    border-bottom:.08rem solid transparent;
    border-left:.08rem solid transparent
}
.arrow.one:before{
    display:none
}
.arrow.one:after{
    top:.14rem
}
.border-top:before{
    background:#dadada;
    content:"";
    position:absolute;
    height:1px;
    transform-origin:0 0;
    transform:scale(.5,.5);
    -webkit-transform:scale(.5,.5);
    -moz-transform:scale(.5,.5);
    width:200%;
    top:0;
    left:0
}
.border-bottom:after{
    background:#dadada;
    content:"";
    position:absolute;
    height:1px;
    transform-origin:0 0;
    transform:scale(.5,.5);
    -webkit-transform:scale(.5,.5);
    -moz-transform:scale(.5,.5);
    width:200%;
    bottom:-1px;
    left:0
}
.flex-slide{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch
}
.flex-slide>*{
    flex-shrink:0
}
.box-space-between{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    justify-content:space-between
}
.box-space-between>*{
    flex-shrink:0
}
.touch-state{
    position:relative
}
.touch-state label{
    position:relative;
    background:#fff;
    display:block;
    width:.9rem;
    height:.45rem;
    border:1px solid #ccc;
    border-radius:.3rem;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.touch-state label:after{
    content:'';
    position:absolute;
    z-index:1;
    left:0;
    width:.41rem;
    height:.41rem;
    background:#fff;
    box-shadow:0 0 .1rem rgba(0,0,0,.4);
    border-radius:50%;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.touch-state input{
    position:absolute;
    z-index:0;
    opacity:0;
    left:45%;
    top:20%
}
.touch-state input:checked+label{
    background:#47b92c;
    border-color:#47b92c
}
.touch-state input:checked+label:after{
    left:calc(100% - .41rem)
}
.swiper-wrapper{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    display:-webkit-box;
    position:relative
}
.swiper-slide{
    flex-shrink:0;
    position:relative
}
.mohu{
    filter:blur(1px);
    -webkit-filter:blur(1px);
    -moz-filter:blur(1px);
    -ms-filter:blur(1px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=1, MakeShadow=false)
}
.fixed-top{
    position:fixed;
    left:0;
    width:100%;
    top:0;
    z-index:2;
    background:#fff
}
.fixed-bottom{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:2;
    background:#fff
}
.column{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex
}
.column>*{
    column-count:1;
    flex-grow:1;
    flex-shrink:0;
    text-align:center
}
a,body,button,dd,dl,dt,h1,h2,h3,h4,h5,i,img,input,li,p,select,span,strong,textarea,ul{
    margin:0;
    padding:0
}
b,h1,h2,h3,h4,h5,h6,strong{
    font-weight:400
}
table{
    border-spacing:0
}
body{
    font-family:"microsoft yahei",Arial;
    font-size:.26rem;
    line-height:1;
    color:#333;
    -webkit-user-select:none;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
    -moz-text-size-adjust:100%!important
}
::-webkit-scrollbar{
    width:0;
    height:0
}
*{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
li{
    list-style-type:none;
    float:left
}
a{
    text-decoration:none;
    color:#333;
    outline:0
}
img{
    border:none;
    vertical-align:middle
}
em,i,var{
    font-style:normal
}
button{
    font-family:"microsoft yahei",Arial;
    outline:0;
    cursor:pointer;
    font-size:.26rem;
    border:none
}
iframe{
    border:none
}
.input,select,textarea{
    outline:0;
    font-family:"microsoft yahei",Arial;
    font-size:.26rem;
    border-radius:0;
    border:none;
    background:0 0
}
.input:disabled{
    opacity:1;
    color:#333
}
.button,input[type=button],input[type=date],input[type=number],input[type=password],input[type=reset],input[type=submit],input[type=text],textarea{
    -webkit-appearance:none;
    border:none;
    background:0 0
}
.textarea{
    resize:none
}
.ico{
    display:inline-block;
    vertical-align:middle
}
.fl{
    float:left
}
.fr{
    float:right
}
.clear{
    clear:both
}
.clearfix:after{
    content:"";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.clearfix{
    zoom:1
}
.hide{
    display:none!important
}

body,html{
    width:100%;
    height:100%
}
.downloads{
    width:100%
}
.downloads .banner{
    width:100%;
    position:relative
}
.downloads .banner .teacher{
    position:absolute;
    right:.3rem;
    top:1.24rem;
    color:#fff;
    z-index:99
}
.downloads .banner ul{
    width:100%
}
.downloads .banner ul li{
    width:100%;
    position:relative
}
.downloads .banner ul li .imgs{
    width:100%
}
.downloads .banner ul li .imgs img{
    width:100%
}
.downloads .banner ul li .text{
    width:100%;
    position:absolute;
    left:0;
    bottom:.6rem
}
.downloads .banner ul li .text .btns{
    width:100%;
    text-align:center;
    padding-bottom:.1rem
}
.downloads .banner ul li .text .btns button{
    width:5.18rem;
    height:1.06rem;
    background:url(../img/16088e_518x106.png) center no-repeat;
    background-size:5.18rem 1.06rem;
    -webkit-animation:myfirst 1s infinite;
    animation:myfirst 1s infinite
}
.downloads .banner ul li .text .txts{
    width:100%;
    text-align:center;
    color:#fff;
    font-size:.3rem;
    line-height:.42rem
}
.downloads .banner ul li .text .txts em{
    color:#ffd800
}
.downloads .banner .swiper-pagination{
    bottom:.26rem!important
}
.downloads .banner .swiper-pagination .swiper-pagination-bullet{
    width:.36rem;
    margin:0 .09rem;
    height:.04rem;
    opacity:.6;
    border-radius:.02rem;
    background-color:#fff
}
.downloads .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color:#fff;
    opacity:1;
    width:.72rem
}
.downloads .cooperation{
    width:100%;
    background-color:#fff;
    float:left;
    padding-top:.16rem;
    padding-bottom:.28rem
}
.downloads .cooperation .title{
    width:100%;
    padding:0 .3rem;
    line-height:.6rem;
    font-size:.32rem;
    color:#000
}
.downloads .cooperation .list{
    width:100%;
    padding-left:.3rem
}
.downloads .cooperation .list ul{
    width:100%
}
.downloads .cooperation .list ul li{
    width:3.16rem;
    margin-right:.28rem
}
.downloads .cooperation .list ul li .imgs{
    width:100%;
    padding:.16rem 0
}
.downloads .cooperation .list ul li .imgs img{
    width:100%
}
.downloads .cooperation .list ul li .txts{
    width:100%;
    line-height:.34rem;
    font-size:.26rem;
    color:#333
}
.downloads .logins{
    width:100%;
    margin-top:.1rem;
    background-color:#fff;
    padding:.28rem 0;
    float:left;
    padding-bottom:.1rem
}
.downloads .logins .title{
    width:100%;
    height:.4rem;
    display:flex;
    padding:0 .3rem;
    justify-content:space-between;
    align-items:center
}
.downloads .logins .title span{
    font-size:.32rem;
    color:#000
}
.downloads .logins .title a{
    color:#6f6f6f
}
.downloads .logins .title a img{
    width:.26rem
}
.downloads .logins .list{
    width:100%;
    padding:0 .3rem
}
.downloads .logins .list ul{
    width:100%
}
.downloads .logins .list ul li{
    width:100%;
    padding:.3rem 0;
    display:flex;
    justify-content:space-between;
    border-bottom:1px solid #eee
}
.downloads .logins .list ul li a{
    display:flex;
    justify-content:space-between;
    width:100%
}
.downloads .logins .list ul li .imgs{
    width:1.21rem;
    height:1.21rem
}
.downloads .logins .list ul li .imgs img{
    width:100%
}
.downloads .logins .list ul li .intr{
    width:calc(100% - 1.21rem);
    padding-left:.3rem;
    display:flex;
    justify-content:space-between
}
.downloads .logins .list ul li .intr .btns{
    height:1.21rem;
    display:flex;
    justify-content:center;
    align-items:center
}
.downloads .logins .list ul li .intr .btns button{
    display:inline-block;
    width:1.24rem;
    height:.54rem;
    background-color:#e2dcd9;
    border-radius:.27rem;
    text-align:center;
    line-height:.54rem;
    color:#543e31
}
.downloads .logins .list ul li .intr .text{
    width:auto;
    padding-top:.1rem
}
.downloads .logins .list ul li .intr .text .tits{
    width:100%;
    height:.38rem;
    display:flex;
    justify-content:flex-start;
    align-items:center
}
.downloads .logins .list ul li .intr .text .tits span{
    font-size:.24rem;
    color:#543e31
}
.downloads .logins .list ul li .intr .text .tits img{
    width:.29rem;
    margin-left:.04rem
}
.downloads .logins .list ul li .intr .text .webs{
    width:100%;
    line-height:.38rem;
    font-size:.32rem;
    color:#000
}
.downloads .logins .list ul li .intr .text .ms{
    width:100%;
    line-height:.36rem;
    font-size:.24rem;
    color:#6f6f6f
}
.downloads .game{
    width:100%;
    background-color:#fff;
    float:left;
    padding:.12rem 0
}
.downloads .game .title{
    width:100%;
    line-height:.7rem;
    font-size:.32rem;
    color:#000;
    padding:0 .3rem
}
.downloads .game .conts{
    width:100%
}
.downloads .game .conts .list{
    width:100%;
    margin:.14rem 0;
    float:left
}
.downloads .game .conts .list ul{
    width:100%;
    transition-timing-function:linear
}
.downloads .game .conts .list ul li{
    width:1.58rem;
    height:1.58rem;
    margin-right:.28rem
}
.downloads .game .conts .list ul li img{
    width:100%;
    height:100%
}
.downloads .game .conts .list:last-child{
    padding-left:.28rem
}
.downloads .star{
    width:100%;
    margin-top:.1rem;
    background-color:#fff;
    float:left;
    padding-bottom:.3rem;
    padding:.28rem 0;
    padding-bottom:.3rem
}
.downloads .star .title{
    width:100%;
    line-height:.7rem;
    font-size:.32rem;
    color:#000;
    padding:0 .3rem
}
.downloads .star .list{
    width:100%;
    padding-bottom:.28rem;
    margin-top:.2rem
}
.downloads .star .list ul{
    width:100%
}
.downloads .star .list ul li{
    width:6.32rem;
    margin:0 .14rem;
    box-shadow:0 .13rem .19rem rgba(185,187,200,.3);
    border-radius:.3rem
}
.downloads .star .list ul li .imgs{
    width:100%;
    overflow:hidden;
    border-radius:.3rem .3rem 0
}
.downloads .star .list ul li .imgs img{
    width:100%
}
.downloads .star .list ul li .text{
    width:100%;
    padding:.3rem .28rem;
    padding-bottom:.54rem
}
.downloads .star .list ul li .text h5{
    line-height:.62rem;
    font-size:.32rem
}
.downloads .star .list ul li .text p{
    font-size:.26rem;
    color:#000
}
.downloads .footers{
    width:100%;
    background-color:#edeef1;
    padding:.5rem 0;
    float:left
}
.downloads .footers .links{
    width:100%
}
.downloads .footers .links ul{
    width:100%
}
.downloads .footers .links ul li{
    width:25%
}
.downloads .footers .links ul li .ico{
    width:100%;
    padding:.1rem 0;
    text-align:center
}
.downloads .footers .links ul li .ico img{
    width:1.06rem
}
.downloads .footers .links ul li .txt{
    font-size:.22rem;
    color:#6f6f6f;
    text-align:center;
    line-height:.3rem
}

.downloads .footers .text{
    width:100%;
    text-align:center;
    line-height:.36rem;
    font-size:.24rem;
    color:#6f6f6f;
    padding-top:.1rem;
    float:left
}
.alert{
    width:100%;
    height:100%;
    background:rgba(0,0,0,.6);
    position:fixed;
    left:0;
    top:0;
    display:none;
    z-index:99
}
.alert .alert-bg{
    width:100%;
    height:100%
}
.alert .alert-video{
    width:7rem;
    height:5rem;
    background-color:#fff;
    position:absolute;
    left:50%;
    margin-left:-3.5rem;
    top:50%;
    margin-top:-2.5rem;
    border-radius:.1rem;
    display:none
}
.alert .alert-video iframe{
    width:100%;
    height:100%
}
.ranks{
    width:100%;
    border-top:.1rem solid #eee;
    float:left;
    padding:.3rem;
    background-color:#fff;
    padding-bottom:.1rem
}
.ranks .title{
    width:100%;
    text-align:center
}
.ranks .title img{
    width:4.16rem
}
.ranks .label{
    width:100%;
    height:.84rem;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    font-size:.3rem
}
.ranks .label img{
    width:.18rem;
    margin-left:.08rem
}
.ranks .tabs{
    width:100%;
    height:.84rem;
    border-radius:.1rem;
    background-color:#ebedf1;
    padding:.18rem 0
}
.ranks .tabs ul{
    width:100%;
    padding:0 .1rem;
    display:flex;
    justify-content:space-between
}
.ranks .tabs ul li{
    width:.8rem;
    height:.48rem;
    border-radius:.06rem;
    text-align:center;
    line-height:.48rem
}
.ranks .tabs ul li.acti{
    background-color:#fff
}
.ranks .team{
    width:100%;
    padding-top:.2rem
}
.ranks .team table{
    width:100%
}
.ranks .team table tr{
    width:100%
}
.ranks .team table tr th{
    line-height:.58rem;
    color:#969696;
    font-size:.24rem;
    font-weight:400;
    border-bottom:1px solid #eaeaea
}
.ranks .team table tr th:first-child{
    width:55%;
    text-align:left
}
.ranks .team table tr td{
    line-height:.6rem;
    font-size:.28rem;
    text-align:center
}
.ranks .team table tr td .rank{
    width:100%;
    height:.6rem;
    display:flex;
    justify-content:flex-start;
    align-items:center
}
.ranks .team table tr td .rank span{
    font-size:.28rem;
    padding-left:.06rem
}
.ranks .team table tr td .rank em{
    display:inline-block;
    width:.28rem;
    height:.3rem;
    background:url(../img/a7aca9_28x30.png) center no-repeat;
    background-size:.28rem .3rem;
    line-height:.3rem;
    font-size:.24rem;
    color:#fff
}
.ranks .team table tr td .rank img{
    width:.54rem;
    margin-left:.06rem
}
.ranks .team table tr:nth-child(2) td .rank em{
    background:url(../img/4a833e_28x30.png) center no-repeat;
    background-size:.28rem .3rem
}
.ranks .team table tr:nth-child(3) td .rank em{
    background:url(../img/deb5f9_28x30.png) center no-repeat;
    background-size:.28rem .3rem
}
.ranks .team table tr:nth-child(4) td .rank em{
    background:url(../img/4e4431_28x30.png) center no-repeat;
    background-size:.28rem .3rem
}
.ranks .team .more{
    width:100%;
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:.3rem 0;
    border-bottom:1px solid #f6f6f6
}
.ranks .team .more a{
    color:#969696
}
.ranks .team .more a img{
    width:.24rem;
    position:relative;
    top:-.04rem
}
.schedule{
    width:100%;
    background-color:#fff;
    padding:0 .3rem;
    float:left
}
.schedule .label{
    width:100%;
    height:.84rem;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    font-size:.3rem
}
.schedule .label img{
    width:.18rem;
    margin-left:.08rem
}
.schedule .tabs{
    width:100%;
    height:.84rem;
    background-color:#ebedf1;
    border-radius:.1rem;
    padding:0 .1rem
}
.schedule .tabs ul{
    width:100%
}
.schedule .tabs ul li{
    width:1.74rem;
    height:.52rem;
    border-radius:.1rem;
    text-align:center;
    line-height:.52rem;
    margin:.16rem 0;
    margin-right:.2rem
}
.schedule .tabs ul li.acti{
    background-color:#fff
}
.schedule .games{
    width:100%
}
.schedule .games table{
    width:100%
}
.schedule .games table tr{
    width:100%
}
.schedule .games table tr td{
    width:20%;
    padding:.1rem 0;
    border-bottom:1px solid #f5f5f5
}
.schedule .games table tr td p{
    line-height:.7rem;
    text-align:center
}
.schedule .games table tr td .state{
    color:#8c8c8c
}
.schedule .games table tr td .box{
    height:.7rem;
    display:flex;
    justify-content:flex-start;
    align-items:center
}
.schedule .games table tr td .box img{
    width:.64rem;
    margin-right:.16rem
}
.schedule .games table tr td .box span{
    font-size:.28rem
}
.schedule .games table tr td h5{
    line-height:.36rem;
    font-size:.28rem
}
.schedule .games table tr td h4{
    line-height:.36rem;
    font-size:.22rem;
    color:#8c8c8c
}
.schedule .games table tr td:nth-child(2){
    width:30%
}
.schedule .games table tr td:nth-child(3){
    width:25%
}
.schedule .games table tr td:nth-child(4){
    width:25%
}
.teachAlt{
    display:none;
    position:fixed;
    z-index:3;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow-y:scroll
}
.teachAlt::-webkit-scrollbar{
    display:none
}
.teachAlt img{
    width:100%
}
@-webkit-keyframes myfirst{
    from{
        transform:scale(1)
    }
    50%{
        transform:scale(.9)
    }
    to{
        transform:scale(1)
    }
}
@keyframes myfirst{
    from{
        transform:scale(1)
    }
    50%{
        transform:scale(.9)
    }
    to{
        transform:scale(1)
    }
}
.fix-service{
     position:fixed;
     right:50%;
     margin-right:-3.75rem;
     z-index:99;
     top:30% 
}
 .fix-service img{
     width:1.22rem 
}
 @-webkit-keyframes myfirst{
     from{
         transform:scale(1.1) 
    }
     50%{
         transform:scale(1) 
    }
     to{
         transform:scale(1.1) 
    }
}
 @keyframes myfirst{
     from{
         transform:scale(1.1) 
    }
     50%{
         transform:scale(1) 
    }
     to{
         transform:scale(1.1) 
    }
}
.ranks .images {
    width: 100%;
    float: left;
}
.ranks .images img {
    width: 100%;
}
.downloads .footers .logos{
    width:100%;
    padding-top:.4rem;
    float:left;
    text-align:center
}
.downloads .footers .logos img{
    width:2.92rem
}