/*
 * @Author: mikey.sehui
 * @Date: 2019-04-11 17:13:39
 * @Last Modified by: mikey.sehui
 * @Last Modified time: 2019-04-12 20:03:33
 */

html{
    font-size: calc(100vw / 750 * 100);
    font-weight: lighter;
}
:root,html,body{
    width: 100vw;
    height: 100vh;
}
body{
    padding-top: 1.21rem;
    overflow-x: hidden;
}
/* public */
.content-box{
    width: 100vw;
    margin: 0 auto;
    position: relative;
}
.rank-box,
.newtrack-box,
.newtrophy-box,
.driftingspree-box{
    padding-top: .8rem;
}
.container-top{
    position: relative;
    width: 6.68rem;
    margin: 0 auto;
}
.icon{
    position: absolute;top:-.4rem;right:-.17rem;
}
/* bg */
.kv{
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/kv-bg.jpg') no-repeat 0 0/100% 10.75rem;
    height: 9.75rem;
    position: relative;
}
.rank{
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/rank-bg.jpg') no-repeat center -.2rem/100% 13.17rem;
    height: 12.8rem;
    position: relative;
}
.newtrack{
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/newtrack-bg.jpg') no-repeat center -.2rem/100% 10.77rem;
    height: 10.57rem;
    position: relative;
}
.newtrophy{
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/newtrophy-bg.jpg') no-repeat center -.19rem/100% 9.65rem;
    height: 9.45rem;
    position: relative;
    overflow: hidden;
}
.driftingspree{
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/driftingspree-bg.jpg') no-repeat center -.19rem/100% 9.87rem;
    height: 9.67rem;
    position: relative;
}
.assistant{
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/assistant-bg.jpg') no-repeat center 0/100% 7.47rem;
    height: 7.17rem;
    position: relative;
}
.kv  .mct_download_btn {
    width: 3.49rem;
    height: .88rem;
    padding: 0;
    margin: .56rem 0 0 -.95rem;
    text-indent: -9999rem;
    background: none;
}

.kv-box .download-box {
    position: absolute;
    top: 7.06rem;
    left: 50%;
    margin-left: -2.20rem;
    width: 5.45rem;
    height: 2.15rem;
    background: url(//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/kv-download-bg.png) no-repeat 0 0/5.45rem 2.15rem;
}
.kv .mct_download_btn {
    width: 3.49rem;
    height: .88rem;
    padding: 0;
    margin: .56rem 0 0 -.95rem;
    text-indent: -9999rem;
    background: none;
}

/* header */
.header{
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    height: 1.21rem;
    padding: 0 .3rem 0 .4rem;
    width: 7.5rem;
    margin: 0 auto;
    background-color: #202645;
    color: #fff;
    z-index: 1000;
    left: 50%;
    transform: translateX(-50%);
}
.header div {
    width: 2.1rem;
    margin-right: 1.9rem;
}
.header .download-btn {
    width: 1.76rem;
    line-height: .6rem;
    color: #03094b;
    font-weight: bold;
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/icons.png') no-repeat -4.75rem -3.38rem/6.92rem 4.42rem;
}
.logo {
    width: .8rem;
    padding-top: .8rem;
    background-color: #000;
    margin-right: .22rem;
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/header-logo.png') no-repeat 0 0/100% 100%;
}
.header h2{
    line-height: 1;
}
/* kv */
.kv-box {
    padding-top: .2rem;
}
.kv-top{
    margin-bottom: 3.4rem;
    padding: 0 .4rem;
}
.swiper{
    width: 100%;
    position: relative;
    margin: .3rem auto 0;
}
.kv-dj-bg img{
    vertical-align: middle;
    width: .39rem;
    height: .39rem;
}
.logo-kh{
    position: absolute;
    left: 2.3rem;
    top: .1rem;
    display: inline-block;
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/logo1.png')no-repeat 0 0/100%;
    width: 2.09rem;
    height: 1.49rem;

}
/* rank */
.list-bj{
    position: relative;
    display: inline-block;
    height: 0;
    transition: height .2s;
    overflow: hidden;
}
.container-list{
    height: 10rem;
    padding: 0 .4rem;
}
.current .list-bj{
    position: relative;
    height:5.43rem;
    width:6.71rem;
    margin-top: .1rem;
    border: 1px solid #69e8ff;
}

.container-list li{
    font-size:0;
    padding-bottom: .1rem;
    position: relative;
    /* transition: height 0.3s; */
}
.pj-container{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.current .list-bj.bj-1{
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/rank-swiper-img.png') no-repeat 0 0/100%;
}
.current .list-bj.bj-2{
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/rank-swiper-img.png') no-repeat 0 0/100%;
}
.current .list-bj.bj-3{
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/rank-swiper-img.png') no-repeat 0 0/100%;
}
.current .list-bj.bj-4{
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/rank-swiper-img4.png') no-repeat 0 0/100%;
}
.bj-4 img{
    /* position: absolute; */
    margin: .25rem 2.075rem 0 0;
    width: 3.79rem;
    height: 2.65rem;
}
.bj-3 img,
.bj-2 img{
    width: 100%;
    height: 3.84rem;
}
.rank-swiper-text-box.sprite-p{
    position: absolute;
    bottom: 0;
    height:1.59rem;width:6.71rem;
    background-position:-6.31rem -4.23rem;
}
.rank-swiper-text{
    text-align: left;
    padding: .2rem .15rem .1rem;
    line-height: 1;
    opacity: 0;
    transition: opacity 1.7s;
}
.current .rank-swiper-text{opacity: 1;}

/* newtrack */
.newtrack-bbl{
    position: relative;
    margin: .5rem auto .5rem;
    width: 7.1rem;
    height: 6.1rem;
}
.allin-track-img,
.bbl-icon,
.bbl-content,
.introduction-bg,
.story-mc-bg,
.story-bg,
.allin-track-img,
.introduction-text-box,
.newtrack-play-btn,
.three{
    position: absolute;
}
.bbl-icon{
    z-index: 999;
    width: 2.86rem;
    height: .97rem;
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/newtrack-icon-bg.png')no-repeat 0 0/100%;
}
.bbl-content{
    width: 100%;
    height: 100%;
}
.newtrack-list{
    font-style: italic;
    font-weight: 700;
}
.introduction-bg{
    top: .6rem;
    right: 0;
    width: 6.71rem;
    height: 4.24rem;
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/newtrack-play-bg.png')no-repeat 0 0/100%;
}
.story-mc-bg{
    top: 1.2rem;
    right: 0;
    width: 6.71rem;
    height: 2.6rem;
    overflow-y: scroll;
    margin-right: -.2rem;
}
.story-text{
    padding:0 .5rem .5rem;
    width: 5.52rem;
}
.story-mc-bg p{
    line-height: .3rem;
    text-align: left;
}
.story-mc-bg li:not(:last-of-type){
    margin-bottom: .6rem;
}
.story-bg{
    top: .6rem;
    right: 0;
    width: 6.71rem;
    height: 4.24rem;
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/newtrack-track-bg.png')no-repeat 0 0/100%;
}
.newtrack-play-btn,
.allin-track-img{
    z-index: 99;
    top: 50%;
    left: 50%;
}
.allin-track-img{
    width: 3.2rem;
    height: 2.72rem;
    margin: -1.7rem 0 0 -1.6rem;
}
.introduction-text-box{
    bottom: 0;
    right: 0;
    width: 6.53rem;
    height: 1.53rem;
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/newtrack-bbl-text-box.png')no-repeat 0 0/100%;
}
.introduction-text-box p{
    text-indent: .4rem;
    padding: .1rem .2rem .2rem;
    text-align: left;
    line-height: 1;
}
.newtrack-play-btn{
    margin:-0.75rem 0 0 -0.55rem;
    -webkit-animation: play 1s linear infinite alternate;
    animation: play 1s linear infinite alternate;
}
.three{
    bottom: 1.5rem;
    left: 50%;
    width: 0;
    height: 0;
    border: .2rem solid #fff;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    -webkit-animation: three 1s linear infinite alternate;
    animation: three 1s linear infinite alternate;
}


.newtrack-list span{
    display: inline-block;
    width: 1.4rem;
    background: linear-gradient(to bottom,#ffeddb,#ffffff);
    background-image: -webkit-gradient(linear, left 0, right 0, from(#ffeddb), to(#ffffff));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* newtrophy */
.swiper-container{
    overflow: initial;
}
.newtrophy-car-list{
    margin: .1rem auto 0;
    width: 7rem;
    height: 1.3rem;
    align-items: center;
}
.newtrophy-car-list li{
    flex: 1;
}
.newtrophy-swiper-car,
.newtrophy-swiper-cloths{
    margin: .5rem auto 0;
    overflow: hidden;
}

.swiper-button-next2,
.swiper-button-next1{
    right: .1rem;

}
.swiper-button-next3,
.swiper-button-next2,
.swiper-button-next1{
    -webkit-animation: swiperNext 1s linear infinite alternate;
    animation: swiperNext 1s linear infinite alternate;
}
.swiper-button-prev1,
.swiper-button-prev2,
.swiper-button-prev3{
    -webkit-animation: swiperPrev 1s linear infinite alternate;
    animation: swiperPrev 1s linear infinite alternate;
}
.swiper-button-next3{
    right: -.1rem;
}
.swiper-button-prev3{
    left: -.1rem;
}
.swiper-button-prev1,
.swiper-button-prev2{
    left: .1rem;
}
.swiper-button-prev1,
.swiper-button-next1,
.swiper-button-prev2,
.swiper-button-next2,
.swiper-button-prev3,
.swiper-button-next3{
    position: absolute;
    top: 50%;
    margin-top: -.29rem;
    z-index: 10;
}
.newtrophy-swiper-car .swiper-slide,
.newtrophy-swiper-cloths .swiper-slide,
.newtrophy-swiper-other .swiper-slide{opacity:0!important;}

.newtrophy-swiper-car .swiper-slide-active,
.newtrophy-swiper-cloths .swiper-slide-active,
.newtrophy-swiper-other .swiper-slide-active{opacity:1!important;}

/* swiper car */
.newtrophy-swiper-car{
    height:5.51rem;width:7.2rem;
}
.newtrophy-swiper-car .swiper-slide{
    padding-top: 4.5rem;
    height:1.01rem;width:6.94rem;
}
.newtrophy-swiper-car .swiper-slide p{
    text-align: left;
    padding: .2rem .4rem .2rem .3rem;
    line-height: 1;
}
.newtrophy-swiper-car .swiper-slide:nth-of-type(1){
    padding-top: 4.5rem;
    height:1.01rem;
    background-position:-7.11rem -14.45rem;
}
.newtrophy-swiper-car .swiper-slide:nth-of-type(2){
    padding-top: 4.4rem;
    height:1.11rem;
    background-position:0 -20.37rem;
}


/* swiper cloths */
.newtrophy-swiper-cloths{
    display: none;
    height:6.3rem;width:6.86rem;
    margin: .2rem auto 0;
}
.newtrophy-swiper-cloths .swiper-wrapper{
    height:5.70rem;
}
.newtrophy-swiper-pagination.swiper-pagination{
    bottom: .15rem;
}
.swiper-pagination-bullet.swiper-pagination-bullet,
.swiper-pagination-bullet.swiper-pagination-bullet{
    background: #fff;
    opacity: 1;
}
.newtrophy-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.newtrophy-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: .21rem;
    border-radius: .1rem;
    background: #fb9e42;
}
.newtrophy-swiper-cloths .swiper-slide p{
    text-align: left;
    padding: .35rem;
    line-height: 1;
}
.newtrophy-swiper-cloths .swiper-slide:first-of-type p{
    padding: .55rem .45rem 0;
}
.newtrophy-swiper-cloths .swiper-slide{
    padding-top: 4rem;
    height:1.70rem;width:6.86rem;
}
.newtrophy-swiper-cloths .swiper-slide:nth-of-type(1){
    width: 6.86rem;
    height: 5.79rem;
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/newtrophy-swiper-cloths1.png')no-repeat 0 0/100%;
}
.newtrophy-swiper-cloths .swiper-slide:nth-of-type(2){
    width: 6.86rem;
    height: 5.70rem;
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/newtrophy-swiper-cloths2.png')no-repeat 0 0/100%;
}
.newtrophy-swiper-cloths .swiper-slide:nth-of-type(3){
    background-position:-1px -8.5rem;
}


/* swiper other */
.newtrophy-swiper-other .swiper-slide{
    margin-top: .6rem;
}
.newtrophy-swiper-other{
    display: none;
    height:5rem;width:6.35rem;
    margin: .5rem auto 0;
}
.newtrophy-swiper-pagination.swiper-pagination1{
    bottom: 0;
}
.newtrophy-swiper-other .swiper-wrapper{
    height:4.04rem;
    margin-bottom: .5rem;
}
.newtrophy-swiper-other img{
    width: 100%;
}

/* driftingspree */
.driftingspree-content-box{
    margin: 1.4rem 0 .5rem;
    overflow: hidden;
}
.swiper-container.driftingspree-swiper {
    height: 4.5rem;
    width: 5.5rem;
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/driftingspree-swiper-box-bg.png')no-repeat 0 0/100%;
    overflow: initial;
}

.driftingspree-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active,
.driftingspree-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: .21rem;
    border-radius: .1rem;
    background: #8554cf;
}
.driftingspree-swiper .swiper-wrapper{
    position: absolute;
    height: 3.1rem;
}
.driftingspree-swiper .swiper-wrapper .swiper-slide{
    margin: .2rem 0 0;
}
.driftingspree-swiper .swiper-slide img{
    width: 5rem;
    height: 3rem;
    margin-left: -.1rem;
    border: 1px solid rgba(255,255,255,.2);
    border-right-color: #fff;
}

#driftingspree-pagination{
    position: absolute;
    bottom: .8rem;
}
.swiper-button-prev4{
    left: -.8rem;
    -webkit-animation: swiperPrev 1s linear infinite alternate;
    animation: swiperPrev 1s linear infinite alternate;
}
.swiper-button-next4{
    right: -.8rem;
    -webkit-animation: swiperNext 1s linear infinite alternate;
    animation: swiperNext 1s linear infinite alternate;
}
.swiper-button-next4,
.swiper-button-prev4{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    margin-top: -.335rem;
    z-index: 10;
}

/* assistant */
.assistant-content{
    width: 6.5rem;
    margin: 0 auto;
    position: relative;
}
.content-left{
    padding-top: .5rem;
}
.content-right{
    margin-top: .3rem;
}
.right-item{
    padding-top: .29rem;
    width: 2.33rem;
    height: 2rem;
}
.right-item:nth-of-type(1){
    margin-left: .2rem;
}
.right-item:nth-of-type(3){
    margin-right: .2rem;
}
.content-left .left-item{
    width: 2.31rem;
    height: 2.3rem;
}
.content-left .left-item:not(:last-of-type) p{
    margin-bottom: .15rem;
    line-height: 1;
}
.content-left .left-item:last-of-type{
    margin-top: -.15rem;
}
.content-left .left-item:last-of-type p{
    margin-bottom: .25rem;
    line-height: 1;
}
.item-zhushou,
.item-weibo,
.item-wechat{
    width: 1.13rem;
    padding-top: 1.13rem;
}
.item-zhushou{
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/assistant-zhushou.png')no-repeat 0 0/1.13rem 1.13rem;
}
.item-weibo{
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/assistant-weibo.png')no-repeat 0 0/1.13rem 1.13rem;
}
.item-wechat{
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/assistant-wechat.png')no-repeat 0 0/1.13rem 1.13rem;
}
.yb-bg{
    display: inline-block;
    width: 1.48rem;
    height: 1.5rem;
}
.right-yb{
    margin-top: .2rem;
    height: 2.51rem;
    width: 6.68rem;
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/assistant-box-bg.png') no-repeat 0 0/6.68rem 2.51rem;;
}
.item-cloths{
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/assistant-cloths.png') no-repeat 0 0/100%;
}
.item-dj{
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/assistant-dj.png') no-repeat 0 0/100%;
}
.item-xyyb{
    background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/assistant-xyyb.png') no-repeat 0 0/100%;
}

/* footer */
#afooter{
    background: #000;
}
.foot{

    text-align: center;
    color: #666;
}


/* .sprite */
.sprite{background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/sprite.png') no-repeat 0 0/14.75rem 37.94rem;}
.sprite-p{background:url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/sprite-p.png')  no-repeat 0 0/14.05rem 25.77rem;;}

/* kv sprite */
.kv-dj-bg{font-weight: 500;font-style: italic;display: inline-block;line-height:.59rem;height:.59rem;width:7.5rem; background-position:-6.91rem -11.23rem;}
.kv-title-bg{width:7.38rem;height: 2.77rem;background: url(//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/slogan.png) no-repeat 0 0/7.38rem 2.77rem;text-indent: -9999rem;}
.kv-dj-img{height:.43rem;width:43rem;background-position:-1.12rem 0;}
.kv-logo{padding-top:1.08rem;width:1.96rem;background-position:-6.73rem -.88rem;}
.kv-enter-official-btn{padding-top:.64rem;width:2.03rem;background-position:0 -.89rem;}
.kv-next-btn{
    margin: 1.4rem auto 0;
    height:.47rem;width:.71rem;
    background-position:-3.92rem 0;
    -webkit-animation: nextBtn 1s linear infinite alternate;
    animation: nextBtn 1s linear infinite alternate;
}
.kv-text-bg{padding-top:.57rem;width:6.67rem;background-position:0 -11.23rem;display: none}

/* rank sprite */
.rank-swiper-1,
.rank-swiper-2,
.rank-swiper-3,
.rank-swiper-4{padding-top:1.02rem;width:6.72rem;}
.rank-swiper-3{background-position:0 -33.38rem;}
.rank-swiper-4{background-position:0 -7.19rem;}
.rank-swiper-2{background-position:0 -32.21rem;}
.rank-swiper-1{background-position:0 -31.06rem;}
.rank-title-bg{padding-top:.62rem;width:4.68rem;background-position:0 -4.48rem;}
.rank-icon{padding-top:.71rem;width:1.19rem;background-position:-7.52rem 0;}
.rank-swiper-img{height:5.43rem;width:6.72rem;background-position:-7.52rem -29.16rem;}
.current .rank-swiper-4{background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/rank-swiper-active-4.png')no-repeat 0 0/6.72rem 1.02rem;}
.current .rank-swiper-2{background-position:-7.51rem -35.85rem;}
.current .rank-swiper-1{background-position:-7.52rem -34.71rem;}
.current .rank-swiper-3{background-position:0 -36.92rem;}


/* newtrack sprite */
.newtrack-game-active-btn,
.newtrack-game-btn{
    height:.72rem;width:2.05rem;
}
.newtrack-icon{padding-top:.71rem;width:1.19rem;background-position:-4.80rem 0;}
.newtrack-play-btn{height:1.30rem;width:1.30rem;background-position:-8.88rem -.88rem;}
.newtrack-game-btn{background-position:-4.49rem -.88rem;}
.newtrack-game-active-btn{background-position:-2.23rem -.88rem;}
.newtrack-title-bg{padding-top:.62rem;width:4.68rem;background-position:0 -5.29rem;}

/* newtrophy sprite */
.newtrophy-cloths-btn,
.newtrophy-other-btn,
.newtrophy-car-btn{
    padding-top:.76rem;
}
.newtrophy-swiper-right-btn,
.newtrophy-swiper-left-btn{
    height:.58rem;width:.47rem;
}
.newtrophy-swiper-right-btn{background-position:-1.76rem 0;}
.newtrophy-swiper-left-btn{background-position:-2.40rem 0;}
.newtrophy-icon{padding-top:.71rem;width:1.19rem;background-position:-6.16rem 0;}
.newtrophy-other-btn{background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/newtrophy-other-btn.png')no-repeat 0 0/100%;}
.newtrophy-cloths-btn{background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/newtrophy-cloths-btn.png')no-repeat 0 0/100%;}
.newtrophy-car-btn{background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/newtrophy-car-btn.png')no-repeat 0 0/100%;}
.active.newtrophy-other-btn{margin-top:-.15rem;padding-top:.91rem;background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/newtrophy-other-active-btn.png')no-repeat 0 0/100%;}
.active.newtrophy-cloths-btn{margin-top:-.2rem;padding-top:.91rem;background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/newtrophy-cloths-active-btn.png')no-repeat 0 0/100%;}
.active.newtrophy-car-btn{margin-top:.1rem;padding-top:.96rem;background: url('//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/newtrophy-car-active-btn.png')no-repeat 0 0/100%;}
.newtrophy-title-bg{padding-top:.62rem;width:4.68rem;background-position:0 -3.68rem;}


/* driftingspree sprite */
.driftingspree-swiper-left-btn,
.driftingspree-swiper-right-btn{
    height:.39rem;width:.36rem;
}
.driftingspree-swiper-btn-bg{height:.67rem;width:.68rem;background-position:-3.05rem 0;}
.driftingspree-swiper-left-btn{background-position:0 0;}
.driftingspree-swiper-right-btn{background-position:-.56rem 0;}
.driftingspree-icon{padding-top:.71rem;width:1.19rem;background-position:-8.88rem 0;}
.driftingspree-look-btn{padding-top:.84rem;width:3.07rem;background-position:-7.12rem -2.46rem;}
.driftingspree-title-bg{padding-top:.62rem;width:4.68rem;background-position:0 -6.07rem;}

/* dialog video */
#dialog-video.dialog-video{
    width:  100vw;
    height: 40vh;
}

#video {
    width: 100vw;
    height: 40vh!important;
}

#dialog-video .video-close {
    font-size: .5rem;
    color: #fff;
    height: initial;
    font-style: normal;
    position: absolute;
    right: .1rem;
    top: -.7rem;
    z-index: 10000;
}

.hide-dia{
    position: absolute;
    right: -1rem;
    top: 0;
    background-image: url(//game.gtimg.cn/images/speedm/cp/a20190423newtrackm/close.png);
    width: .58rem;
    padding-top: .58rem;
}

@-webkit-keyframes play{
    from{
        transform: scale(1);
    }
    to{
        transform: scale(1.2);
    }

}


@keyframes play{
    from{
        transform: scale(1);
    }
    to{
        transform: scale(1.2);
    }

}
@-webkit-keyframes nextBtn{
    from{
        transform: translateY(0);
    }
    to{
        transform: translateY(-.1rem);
    }

}

@keyframes nextBtn{
    from{
        transform: translateY(0);
    }
    to{
        transform: translateY(-.1rem);
    }

}
@-webkit-keyframes three{
    from{
        transform: translateY(0rem);
    }
    to{
        transform: translateY(-.1rem);
    }

}

@keyframes three{
    from{
        transform: translateY(0rem);
    }
    to{
        transform: translateY(-.1rem);
    }

}
@-webkit-keyframes swiperNext{
    0%{
                transform: translateX(0);
    }

    100%{
                transform: translateX(.1rem);
    }
}
@keyframes swiperNext{
    0%{
                transform: translateX(0);
    }

    100%{
                transform: translateX(.1rem);
    }
}
@-webkit-keyframes swiperPrev{
    0%{
                transform: translateX(0);
    }

    100%{
                transform: translateX(-.1rem);
    }
}
@keyframes swiperPrev{
    0%{
                transform: translateX(0);
    }

    100%{
                transform: translateX(-.1rem);
    }
}