.kf{
  width:1.28rem;
  height:1.95rem;
  position:fixed;
  right:50%;
  z-index:88;
  margin-right:-3.75rem;
  top:50%;
  margin-top:-.97rem
}
.kf img{
  width:100%;
  height:100%
}
.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
}
.mobile-wrap{
  position:relative;
  min-height:100vh;
  width:100%;
  float:left;
  background-image: linear-gradient(173deg, #f6f8fb 2%, rgba(223, 236, 255, 0.2) 46%, #f6f8fb 97%);
}
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%;
  height: 10.3rem;
}
.downloads .banner ul li .text{
  width:100%;
  position:absolute;
  left:0;
  bottom: 0.8rem
}
.downloads .banner ul li .text .btns{
  width:100%;
  text-align:center;
  padding-bottom:.3rem
}
.downloads .banner ul li .text .txts{
  width:100%;
  text-align:center;
  color:#437cfe;
  font-size:.3rem;
  line-height:.42rem
}
.downloads .banner ul li .text .txts em{
  color:#0f275f;
}
.downloads .banner .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;
  position: absolute;
  top: 7.5rem;
  left: 1.2rem;
  z-index: 1;
}
.downloads .banner .btns button:active {
  width: 4.144rem;
  height: 0.848rem;
  background:url(../img/btn-downloadActive.png) center no-repeat;
  background-size: 4.144rem 0.848rem;
  animation-name: none;
  animation-duration: 0s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  position: absolute;
  top: 7.7rem;
  left: 1.68rem;
  z-index: 1;
}
.downloads .banner .swiper-pagination{
  bottom:.26rem!important
}
.downloads .banner .swiper-pagination .swiper-pagination-bullet{
  width:.7rem;
  margin:0 .09rem;
  height:.08rem;
  opacity:.6;
  border-radius:.02rem;
  background-color:#fff
}
.downloads .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color:#417afa;
  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;
  display: flex;
}
.downloads .cooperation .title img {
  width: 5.2rem;
  margin: 0.5rem auto;
}
.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;
  padding:0 .3rem;
}
.downloads .logins .title .title3 {
  width: 100%;
}
.downloads .logins .title span{
  font-size:.32rem;
  color:#000
}
.downloads .logins .title a{
  color:#6f6f6f;
  float: right;
  margin-top: 0.3rem;
}
.downloads .logins .title a img{
  width:.26rem;
  margin-top: -0.05rem;
}
.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: 75px;
  height: 75px;
}
.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-image: url('../img/btn-enter.png');
  border-radius:.27rem;
  text-align:center;
  line-height:.54rem;
  color:#fff;
  background-size: cover;
}
.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: #4073e1;
}
.downloads .logins .list ul li .intr .text .tits img{
  width:.29rem;
  margin-left:.14rem
}
.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;
  display: flex;
}
.downloads .game .title img{
  width: 5.2rem;
  margin: 0.5rem auto;
}
.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%;
  float:left;
}
.downloads .star .title{
  width:100%;
  line-height:.7rem;
  font-size:.32rem;
  color:#000;
  padding:0 .3rem;
  display: flex;
}
.downloads .star .title img {
  width: 5.2rem;
  margin: 0.5rem auto;
}
.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: 99%;
  padding: 0.3rem 0.28rem;
  padding-bottom: 0.54rem;
  background-image: url(../img/starTextBg.png);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 21px;
  background-size: cover;
}
.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:#d7dcec;
  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 .logos{
  width:100%;
  padding-top:.4rem;
  float:left;
  text-align:center
}
.downloads .footers .logos img{
  width: 5.2rem;
  margin-bottom: 0.2rem;
}
.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%;
  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;
  color: #4080ff;
}
.ranks .label img{
  width:.25rem;
  height: 0.2rem;
  margin-left:.05rem;
  margin-top: -0.02rem;
}
.ranks .tabs{
  width:100%;
  height:.84rem;
  border-radius:.1rem;
  background-image: url('../img/rankLabelBg.svg');
  background-size: contain;
  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;
  color: #4080ff;
}
.ranks .tabs ul li.acti{
  background-image: linear-gradient(to bottom, #74b7ff, #4080ff);
  color: #fff;
}
.ranks .team{
  width:100%;
  padding-top:.2rem
}
.ranks .team .table{
  width:100%;
  display:none
}
.ranks .team .table.show{
  display:block
}
.ranks .team .table table{
  width:100%
}
.ranks .team .table table tbody{
  width:100%
}
.ranks .team .table table tr{
  width:100%
}
.ranks .team .table table tr th{
  line-height:.58rem;
  color:#969696;
  font-size:.24rem;
  font-weight:400;
  border-bottom:1px solid #eaeaea
}
.ranks .team .table table tr th:first-child{
  width:55%;
  text-align:left
}
.ranks .team .table table tr td{
  line-height:.6rem;
  font-size:.28rem;
  text-align:center
}
.ranks .team .table table tr td .rank{
  width:100%;
  height:.6rem;
  display:flex;
  justify-content:flex-start;
  align-items:center
}
.ranks .team .table table tr td .rank span{
  font-size:.28rem;
  padding-left:.06rem
}
.ranks .team .table table tr td .rank em{
  display:inline-block;
  width:.55rem;
  height:.6rem;
  background:url(../img/a7aca9_28x30.png) center no-repeat;
  background-size:.55rem .6rem;
  line-height:.3rem;
  font-size:.24rem;
  color:#fff;
  margin-right:.04rem
}
.ranks .team .table table tr td .rank img{
  width:.4rem;
  margin:0 .08rem
}
.ranks .team .table table tr:nth-child(2) td .rank em{
  background:url(../img/4a833e_28x30.png) center no-repeat;
  background-size: 0.55rem .6rem
}
.ranks .team .table table tr:nth-child(3) td .rank em{
  background:url(../img/deb5f9_28x30.png) center no-repeat;
  background-size:0.55rem .6rem
}
.ranks .team .table table tr:nth-child(4) td .rank em{
  background:url(../img/4e4431_28x30.png) center no-repeat;
  background-size:0.55rem .6rem
}
.ranks .team .more{
  width: 1.7rem;
  height: 0.5rem;
  border-radius: 25.5px;
  background-image: linear-gradient(to bottom, #66b4f7, #437efb 99%);
  text-align: center;
  margin: 0.5rem auto 0.4rem auto;
}
.ranks .team .more a{
  color:#fff;
  font-size: 0.25rem;
  line-height: 0.5rem;
}
.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;
  color: #4080ff;
}
.schedule .label img{
  width: 0.25rem;
  height: 0.2rem;
  margin-left: 0.05rem;
  margin-top: -0.02rem;
}
.schedule .tabs{
  width:100%;
  height:.84rem;
  background-image: url(../img/rankLabelBg.svg);
  background-size: contain;
  border-radius:.1rem;
  padding:0 .1rem;
  position:relative
}
.schedule .tabs:after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:.8rem;
  z-index:9898;
  height:.84rem;
  background-image:linear-gradient(to right,rgba(235,237,241,0),rgba(235,237,241,.9))
}
.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;
  color: #4080ff;
}
.schedule .tabs ul li.acti{
  background-image: linear-gradient(to bottom, #74b7ff, #4080ff);
  color: #fff;
}
.schedule .games{
  width:100%
}
.schedule .games .game-day{
  width:100%;
  display:none
}
.schedule .games .game-day.show{
  display:block
}
.schedule .games table{
  width:100%
}
.schedule .games table tr{
  width:100%;
  border-bottom: 1px solid #d8d8d8;
}
.schedule .games table tr td{
  width:20%;
  padding:.1rem 0;
  border-bottom:1px solid rgba(0,0,0,.3)
}
.schedule .games table tr td p{
  line-height:.7rem;
  text-align:center
}
.schedule .games table tr td .state{
  color:#8c8c8c;
  text-align:center
}
.schedule .games table tr td .box{
  height:.6rem;
  display:flex;
  justify-content:flex-start;
  align-items:center
}
.schedule .games table tr td .box img{
  width:.58rem;
  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%
}
.schedule .more{
  width: 1.7rem;
  height: 0.5rem;
  border-radius: 25.5px;
  background-image: linear-gradient(to bottom, #66b4f7, #437efb 99%);
  text-align: center;
  margin: 0.5rem auto;
}
.schedule .more a{
  color:#fff;
  font-size: 0.25rem;
  line-height: 0.5rem;
}
.schedule .more a img{
  width:.24rem;
  position:relative;
  top:-.04rem
}
.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)
  }
}