html{font-size: 16px; height:100%;-webkit-text-size-adjust:none;color: #9A5C3D;}
body,h1,h2,h3,ul,li,p{margin: 0;padding: 0;font-size: 14px;font-weight: normal;}
a{-webkit-tap-highlight-color:rgba(0,0,0,0);text-decoration: none;color: #9A5C3D;}
img{vertical-align: top;width: 100%;}
ul,li{list-style: none;}
input{font-size:100%;outline:none;color: #9A5C3D;}
body{font-family: Helvetica;height:100%;overflow-x: hidden;}
*{-webkit-text-size-adjust: none;padding: 0;margin: 0;}
address, cite, dfn, em, var {font-style: normal; }
.wrap {overflow-x: hidden;width: 7.5rem;position: relative;font-size: 0.22rem;color: #fff;line-height:0.36rem;min-height: 10rem;}
a,select,div{-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}
div#afooter {padding: .2rem 0;text-align: center;color: #5a5a5a;background: #111111;font-size: .2rem;line-height: 0.4rem;}
div#afooter a{color:#5a5a5a;}
footer.foot {padding-bottom: 0;}

.pr {
	position: relative;
}

.pa {
	position: absolute;
}

.dis-n {
	display: none;
}

.dis-b {
	display: block;
}

.sw-bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
}
.btn_playmusic {
    width: .62rem;
    height: .6rem;
    position: absolute;
    top: 1.6rem;
    right: .2rem;
    background: url(//game.gtimg.cn/images/srpg/m/m202006/btn_playmusic.png) no-repeat;
    background-size: auto .6rem;
    -webkit-animation: roll 12s linear infinite;
    animation: roll 12s linear infinite;
    z-index: 1;
    position: fixed;
}
.btn_playmusic.pause {background-position: -.92rem 0;animation:infinite;}

@-webkit-keyframes roll {0% {-webkit-transform: rotate(0);transform: rotate(0);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes roll {0% {-webkit-transform: rotate(0);transform: rotate(0);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
/* load */
.loader{position: fixed;font-size:.18rem;width: 115%;left: -.45rem;height: 100%;z-index: 9999;/* transform: scale(1.15); *//* background-color: #1b1b1b; */background-image: url(//game.gtimg.cn/images/srpg/m/m202006/bg2.jpg);background-position: top center;background-repeat: no-repeat;background-size: auto 15rem;}
.loadImg{display: block; width: 100%;}
.unloaded .loader{display: block;}
.schedule{display: block;width: 2rem;height: 1.82rem;position: absolute;top: 50%;left: 50%;margin-left: -1rem;margin-top: -.91rem;}
.schedule .loading2{position: absolute; left: -27px; top: 2px;}
.schedule .ending{width: 100%;height: 100%;border-radius:2px;position: relative;z-index: 3;line-height: 1.82rem;text-align: center;}
.schedule .ending span{display: inline-block;/* position: absolute; */width: 1.2rem;height: 1.25rem;overflow: inherit !important;background: url(//game.gtimg.cn/images/srpg/m/m202006/load-icon2.png) top/100% no-repeat;text-align: center;vertical-align: middle;color: #dbdbdb;top: .5rem;padding-left: .1rem;font-size: .24rem;line-height: 1.25rem;box-sizing: border-box;}
.schedule .ending span i{position: absolute; right: -11px; top: -9px; -webkit-animation:xz 3s linear infinite;animation:xz 3s linear infinite;}
span.borderSpan{display: block;width: 10px;height: 10px;border: 3px solid #7e643c;margin: 10px auto;transform: rotate(48deg);}
span.loadLine{display: block;width: 1px;height: 92%;border-left: 3px dashed #7e643c;margin: 0 auto;}
.loader .l-left{
	background: url(//game.gtimg.cn/images/srpg/m/m202006/l-left.png)no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: all 4s;
}
.loader .l-right{
	background: url(//game.gtimg.cn/images/srpg/m/m202006/l-right.png)no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: all 4s;
}
.schedule:before{
	content: "";
	display: block;
	width: 2rem;
	height: 1.82rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -1rem;
	margin-top: -.91rem;
	background-size: 100%;
	background-image: url(//game.gtimg.cn/images/srpg/m/m202006/load-icon1.png);
	-webkit-animation: rotate 4s linear infinite;
	animation: rotate 4s linear infinite;
}
@-webkit-keyframes rotate {
    from{-webkit-transform: rotate(0);transform: rotate(0);}
    to{-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}
}
@keyframes rotate {
    from{-webkit-transform: rotate(0);transform: rotate(0);}
    to{-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}
}

/*part1*/
.part1{
	position: relative;
	width: 100%;
	height: 13.79rem;
}
.p1-cloud{position: absolute;top: 0;left: 0;}
.bg1{
	background-image: url(//game.gtimg.cn/images/srpg/m/m202006/bg1.jpg);
	background-size: auto 13.79rem;
	/* background-size: cover; */
	background-position: top center;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 13.79rem;
	/* background-attachment:fixed; */
}
.vid_con{
	/* top: 0; */
	left: -.45rem;
	width: 115%;
	position: fixed!important;
	overflow: hidden;
}
.p1_video{
    background: url(//game.gtimg.cn/images/srpg/m/m202006/btn-video.png) no-repeat center/cover;
    width: .74rem;
    height: .76rem;
    position: absolute;
    top: 5rem;
    left: 50%;
    margin-left: -.37rem;
    z-index: 999;
    opacity: 0;
}
.slogan{
	background: url(//game.gtimg.cn/images/srpg/m/m202006/slogan.png) no-repeat center/cover;
	width: 7.5rem;
	height: 5.1rem;
	top: 1.6rem;
	z-index: 1;
	position: absolute;
	opacity: 0;
}
.p1_btn{
	background: url(//game.gtimg.cn/images/srpg/m/m202006/p1_btn.png) no-repeat center/cover;
	width: 4.44rem;
	height: 1.74rem;
	position: absolute;
	top: 9.2rem;
	left: 50%;
	margin-left: -2.22rem;
	z-index: 999;
	opacity: 0;
}

/*part2*/
.part2{
	background-image: url(//game.gtimg.cn/images/srpg/m/m202006/part2.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 11.16rem;
	margin-top: -2.8rem;
	z-index: 4;
}
.part2 .p2_con{
	width: 4.37rem;
	height: 6.53rem;
	position: absolute;
	top: 2.2rem;
	left: 50%;
	margin-left: -2.18rem;
	opacity: 0;
}
/*patr3*/
.part3{
	height: 8rem;
	margin-top: -1.3rem;
	z-index: 3;
}
.part3 img{
	height: 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets.swbg-pa{
	bottom: .3rem;
	z-index: 99;
	position: absolute;
}
.swiper-pagination-bullet{
	width: .95rem;
	height: .97rem;
	opacity: 1;
	background: url(//game.gtimg.cn/images/srpg/m/m202006/swbg-pa.png) no-repeat center/cover;
	background-size: .63rem .60rem;
}
.swiper-pagination-bullet-active{
	background: url(//game.gtimg.cn/images/srpg/m/m202006/swbg-pa-on.png) no-repeat center/cover;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 .42rem;
	position: relative;
}
.swiper-pagination-bullet:after{
	content: '';
	background: url(//game.gtimg.cn/images/srpg/m/m202006/swbg-pa-line.png)top/100% no-repeat;
	width: .87rem;
	height: .34rem;
	position: absolute;
	top: .3rem;
	left: -.84rem;
}
.swiper-pagination-bullet:nth-of-type(1):after{
	display: none;
}
.gif-bg1{
	background: url(//game.gtimg.cn/images/srpg/m/m202006/gif-bg1.jpg)top/100% no-repeat;
	width: 7.5rem;
	height: 8rem;
}
.gif-bg2{
	background: url(//game.gtimg.cn/images/srpg/m/m202006/gif-bg2.jpg)top/100% no-repeat;
	width: 7.5rem;
	height: 8rem;
}
.gif-bg3{
	background: url(//game.gtimg.cn/images/srpg/m/m202006/gif-bg3.jpg)top/100% no-repeat;
	width: 7.5rem;
	height: 8rem;
}
/*part4*/
.part4{
	background-image: url(//game.gtimg.cn/images/srpg/m/m202006/part4.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 2.34rem;
	margin-top: -1.1rem;
	z-index: 4;
	pointer-events: none;
}

/*part5*/
.part5{
	margin-top: -1.3rem;
	width: 100%;
	height: 14.11rem;
	z-index: 2;
}
.p5_ti{
	background: url(//game.gtimg.cn/images/srpg/m/m202006/p5_ti.png)top/100% no-repeat;
	width: 6.89rem;
	height: 1.21rem;
	position: absolute;
	top: 1.8rem;
	left: 50%;
	margin-left: -3.44rem;
	z-index: 5;
	opacity: 0;
}
.part5 img{
	transition: all 0.5s;
	position: absolute;
	top: 0;
}
.p5_img1{
	z-index: 2;
}
.p5_img2{
	z-index: 1;
}
.lcloud{
	background: url(//game.gtimg.cn/images/srpg/m/m202006/lcloud.png)top/100% no-repeat;
	width: 3.65rem;
	height: 5.68rem;
	position: absolute;
	top: 2rem;
	left: 0;
	z-index: 5;
}
.rcloud{
	background: url(//game.gtimg.cn/images/srpg/m/m202006/rcloud.png)top/100% no-repeat;
	width: 1.62rem;
	height: 4.13rem;
	position: absolute;
	top: 2rem;
	right: 0;
	z-index: 5;
}
.rain-wrap {
    position: absolute;
    top: -4rem;
    left: 0;
    z-index: 10;
}
.rain-item{
	background: url(//game.gtimg.cn/images/srpg/m/m202006/rain.png) no-repeat;
	width: 7.5rem;
	height: 13.66rem;
	-moz-animation: rainIn .48s linear infinite;
    -webkit-animation: rainIn .48s linear infinite;
    -o-animation: rainIn .48s linear infinite;
    -ms-animation: rainIn .48s linear infinite;
    animation: rainIn .48s linear infinite;
    position: absolute;
    top: -50px;
}
.rain-item:nth-of-type(1){
	
	left: 0;
}
.rain-item:nth-of-type(2){
	left: 5rem;
	-moz-animation: rainIn .48s linear .12s infinite;
    -webkit-animation: rainIn .48s linear .12s infinite;
    -o-animation: rainIn .48s linear .12s infinite;
    -ms-animation: rainIn .48s linear .12s infinite;
    animation: rainIn .48s linear .12s infinite
}
.rain-item:nth-of-type(3){
	left: -3rem;
	-moz-animation: rainIn .48s linear .24s infinite;
    -webkit-animation: rainIn .48s linear .24s infinite;
    -o-animation: rainIn .48s linear .24s infinite;
    -ms-animation: rainIn .48s linear .24s infinite;
    animation: rainIn .48s linear .24s infinite
}
.rain-item:nth-of-type(4){
	top: -1.1rem;
	left: 2rem;
	-moz-animation: rainIn .48s linear .36s infinite;
    -webkit-animation: rainIn .48s linear .36s infinite;
    -o-animation: rainIn .48s linear .36s infinite;
    -ms-animation: rainIn .48s linear .36s infinite;
    animation: rainIn .48s linear .36s infinite
}
@-webkit-keyframes rainIn {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translate(0,0)
    }

    50% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translate(-.5rem,2rem)
    }

    100% {
        -webkit-transform: translate(-1rem,4rem);
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@-moz-keyframes rainIn {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-transform: translate(0,0)
    }

    50% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-transform: translate(-.5rem,2rem)
    }

    100% {
        -moz-transform: translate(-1rem,4rem);
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@-o-keyframes rainIn {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -o-transform: translate(0,0)
    }

    50% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
        -o-transform: translate(-.5rem,2rem)
    }

    100% {
        -o-transform: translate(-1rem,4rem);
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@-ms-keyframes rainIn {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-transform: translate(0,0)
    }

    50% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform: translate(-.5rem,2rem)
    }

    100% {
        -ms-transform: translate(-1rem,4rem);
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@keyframes rainIn {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translate(0,0)
    }

    50% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
        transform: translate(-.5rem,2rem)
    }

    100% {
        transform: translate(-1rem,4rem);
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0)
    }
}
/*part6*/
.part6{
	background: url(//game.gtimg.cn/images/srpg/m/m202006/part6.png)top/100% no-repeat;
	width: 7.5rem;
	height: 1.85rem;
	margin-top: -1.2rem;
	z-index: 2;
	position: relative;
}
/*part7*/
.part7{
	width: 100%;
	height: 11.87rem;
	margin-top: -1.3rem;
	z-index: 1;
}
.p7_ti{
	background: url(//game.gtimg.cn/images/srpg/m/m202006/p7_ti.png)top/100% no-repeat;
	width: 7.19rem;
	height: 1.19rem;
	position: absolute;
	top: 1.8rem;
	left: 50%;
	margin-left: -3.44rem;
	z-index: 5;
	opacity: 0;
}
.part7 img{
	transition: all 0.5s;
	position: absolute;
	top: 0;
}
.p7_img1{
	z-index: 2;
}
.p7_img2{
	z-index: 1;
}
.lcloud2{
	background: url(//game.gtimg.cn/images/srpg/m/m202006/lcloud2.png)top/100% no-repeat;
	width: 3.74rem;
	height: 1.25rem;
	position: absolute;
	top: 3.3rem;
	left: 0;
	z-index: 5;
}
.rcloud2{
	background: url(//game.gtimg.cn/images/srpg/m/m202006/rcloud2.png)top/100%  no-repeat;
	width: 7.5rem;
	height: 4.2rem;
	position: absolute;
	top: 1.5rem;
	right: 0;
	z-index: 5;
}
.p7_fix{
	background: url(//game.gtimg.cn/images/srpg/m/m202006/p7_img3.png)top/100% no-repeat;
	width: 7.5rem;
	height: 7.83rem;
	position: absolute;
	left: 0;
	bottom: -2.5rem;
	z-index: 5;
}

/*part8*/
.part8{
	background: url(//game.gtimg.cn/images/srpg/m/m202006/part8.png)top/100% no-repeat;
	width: 100%;
	height: 13.5rem;
	margin-top: -2rem;
	z-index: 1;
}
.p8_ti{
	background: url(//game.gtimg.cn/images/srpg/m/m202006/p8_ti.png)top/100% no-repeat;
	width: 6.78rem;
	height: .83rem;
	position: absolute;
	top: 2.8rem;
	left: 50%;
	margin-left: -3.1rem;
	z-index: 5;
	opacity: 0;
}
.p8_con{
	width: 7.23rem;
	height: 3.46rem;
	position: absolute;
	top: 4.2rem;
	left: 50%;
	margin-left: -3.61rem;
	opacity: 0;
}
.p8_con .p8_item{
	position: absolute;
	transition: all;
}
.p8_con .p8_item .shadow{
    width: 92%;
    height: 100%;
    background: rgba(0,0,0,.3)!important;
    position: absolute;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    top: 15px;
    left: 30px;
    z-index: -1;
}
.p8_con .p8_item:hover{z-index: 9;}
.p8_con .p8_item:hover .shadow{
	opacity: 1;
}

.p8_item1{
	top: .5rem;
	width: 1.59rem;
	height: 2.52rem;
}
.p8_item2{
	left: 1.2rem;
	top: 1.2rem;
	width: 1.82rem;
	height: 2.98rem;
}
.p8_item3{
	top: .5rem;
	left: 2.6rem;
	/* z-index: 5; */
	width: 1.81rem;
	height: 3.24rem;
}
.p8_item4{
	top: 1rem;
	left: 4rem;
	z-index: 4;
	width: 1.84rem;
	height: 2.86rem;
}
.p8_item5{
	top: .75rem;
	right: .1rem;
	z-index: 4;
	width: 1.76rem;
	height: 2.47rem;
}
.p8_item1 .p8_img,
.p8_item1 .shadow{
	-moz-animation: imgUpAndDown6 3s linear alternate infinite;
    -webkit-animation: imgUpAndDown6 3s linear alternate infinite;
    -o-animation: imgUpAndDown6 3s linear alternate infinite;
    -ms-animation: imgUpAndDown6 3s linear alternate infinite;
    animation: imgUpAndDown6 3s linear alternate infinite
}
.p8_item2 .p8_img,
.p8_item2 .shadow{
	-moz-animation: imgUpAndDown6 2.5s linear alternate infinite;
	-webkit-animation: imgUpAndDown6 2.5s linear alternate infinite;
	-o-animation: imgUpAndDown6 2.5s linear alternate infinite;
	-ms-animation: imgUpAndDown6 2.5s linear alternate infinite;
	animation: imgUpAndDown6 2.5s linear alternate infinite;
}
.p8_item3 .p8_img,
.p8_item3 .shadow{
	-moz-animation: imgUpAndDown6 2.2s linear alternate infinite;
	-webkit-animation: imgUpAndDown6 2.2s linear alternate infinite;
	-o-animation: imgUpAndDown6 2.2s linear alternate infinite;
	-ms-animation: imgUpAndDown6 2.2s linear alternate infinite;
	animation: imgUpAndDown6 2.2s linear alternate infinite;
}
.p8_item4 .p8_img,
.p8_item4 .shadow{
	-moz-animation: imgUpAndDown6 1.8s linear alternate infinite;
    -webkit-animation: imgUpAndDown6 1.8s linear alternate infinite;
    -o-animation: imgUpAndDown6 1.8s linear alternate infinite;
    -ms-animation: imgUpAndDown6 1.8s linear alternate infinite;
    animation: imgUpAndDown6 1.8s linear alternate infinite
}
.p8_item5 .p8_img,
.p8_item5 .shadow{
	-moz-animation: imgUpAndDown6 5s linear alternate infinite;
    -webkit-animation: imgUpAndDown6 5s linear alternate infinite;
    -o-animation: imgUpAndDown6 5s linear alternate infinite;
    -ms-animation: imgUpAndDown6 5s linear alternate infinite;
    animation: imgUpAndDown6 5s linear alternate infinite
}

 @-webkit-keyframes imgUpAndDown6 {
    0% {
        -webkit-transform:translateY(-17.5px);
        -moz-transform: translateY(-17.5px);
        -ms-transform: translateY(-17.5px);
        -o-transform: translateY(-17.5px);
        transform: translateY(-17.5px)
    }

    100% {
        -webkit-transform: translateY(17.5px);
        -moz-transform: translateY(17.5px);
        -ms-transform: translateY(17.5px);
        -o-transform: translateY(17.5px);
        transform: translateY(17.5px)
    }
}

@-moz-keyframes imgUpAndDown6 {
    0% {
        -webkit-transform: translateY(-17.5px);
        -moz-transform: translateY(-17.5px);
        -ms-transform: translateY(-17.5px);
        -o-transform: translateY(-17.5px);
        transform: translateY(-17.5px)
    }

    100% {
        -webkit-transform: translateY(17.5px);
        -moz-transform: translateY(17.5px);
        -ms-transform: translateY(17.5px);
        -o-transform: translateY(17.5px);
        transform: translateY(17.5px)
    }
}

@-o-keyframes imgUpAndDown6 {
    0% {
        -webkit-transform: translateY(-17.5px);
        -moz-transform: translateY(-17.5px);
        -ms-transform: translateY(-17.5px);
        -o-transform: translateY(-17.5px);
        transform: translateY(-17.5px)
    }

    100% {
        -webkit-transform: translateY(17.5px);
        -moz-transform: translateY(17.5px);
        -ms-transform: translateY(17.5px);
        -o-transform: translateY(17.5px);
        transform: translateY(17.5px)
    }
}

@-ms-keyframes imgUpAndDown6 {
    0% {
        -webkit-transform: translateY(-17.5px);
        -moz-transform: translateY(-17.5px);
        -ms-transform: translateY(-17.5px);
        -o-transform: translateY(-17.5px);
        transform: translateY(-17.5px)
    }

    100% {
        -webkit-transform: translateY(17.5px);
        -moz-transform: translateY(17.5px);
        -ms-transform: translateY(17.5px);
        -o-transform: translateY(17.5px);
        transform: translateY(17.5px)
    }
}

@keyframes imgUpAndDown6 {
    0% {
        -webkit-transform: translateY(-17.5px);
        -moz-transform: translateY(-17.5px);
        -ms-transform: translateY(-17.5px);
        -o-transform: translateY(-17.5px);
        transform: translateY(-17.5px)
    }

    100% {
        -webkit-transform: translateY(17.5px);
        -moz-transform: translateY(17.5px);
        -ms-transform: translateY(17.5px);
        -o-transform: translateY(17.5px);
        transform: translateY(17.5px)
    }
}

.p8_footer{
	/*width: 1000px;
	height: 120px;*/
	position: relative;
	top: 10.5rem;
	left: -0;
	right: 0;
	margin: auto;
	text-align: center;
}
.p8_footer a:nth-child(1){
	 margin-left: 0; 
}
.p8_icon:nth-child(1){
	/* margin-left: 0; */
}
.p8_icon{
	width: 1.27rem;
	height: 1.7rem;
	display: inline-block;
	margin-left: .2rem;
	color: #af9363;
	position: relative;
}
.p8_icon.on{
	display: none;
}
.p8_icon .icon{
	position: absolute;
	top: 0;
	left: 0;
	height: 1.32rem;
}
.p8_icon  p{
	position: absolute;
	bottom: -.05rem;
	font-size: .2rem;
	text-align: center;
	width: 100%;
}
.wzs{
	display: none;
}
/*.p8_icon .img{
	opacity: 0;
}
.p8_icon:hover .img{
	opacity: 1;
}
.p8_icon:hover .icon{
	opacity: 0;
}

*/



/* pop */
.pop{
	display: none;
	/*width: 100%;
	transform: translateY(-50%);
	margin-top: 0!important;*/
}
.pop img{
	width: 6.94rem;
	height: 3.9rem;
	margin: auto;
	display: block;

}
.pop-img{
	width: max-content;
    position: relative;
    margin: auto;
}

.close{
	display: block;
	width: .54rem;
	height: .5rem;
	text-align: center;
	line-height: .36rem;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: -.58rem;
	font-family: Tahoma;
	font-size: .42rem;
	color: #7f7868;
	text-decoration: none;
	background: url(//game.gtimg.cn/images/srpg/m/m202006/btn-close.png)top/100% no-repeat;
}
.pop#pop1 .oh{
	width: 6.94rem;
	overflow-x: auto;
}
.pop#pop1 img{
	width: 6.94rem;
	height: 3.90rem;
}
.pop#pop3 img{
	height: 4.17rem;
}
.pop#pop4 img{
	width: 6.94rem;
	height: 3.90rem;
}
/*load*/
.load{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
	z-index: 9999;
}
.load .num{
	position: absolute;
	width: 100px;
	height: 50px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	text-align: center;
}
.load img{
	width: 140px;
	height: 150px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-120%);
}

#vindex-play {
    width: 100%;
    height: auto;
    border: 0.01rem solid #7f7868;
    display: none;
}

#vindex-play .pop-con,
.pop#vindex-play .tenvideo_player {
    padding: 0;
    width: 7.5rem;
    height: 5rem;
}

.btn-pop-close {
    display: block;
    width: .4rem;
    height: .4rem;
    text-align: center;
    line-height: .36rem;
    cursor: pointer;
    position: absolute;
    right: .15rem;
    top: -.5rem;
    font-family: Tahoma;
    font-size: .42rem;
    color: #7f7868;
    text-decoration: none;
}



/*scroll*/
#pop1 .oh::-webkit-scrollbar{
    width: .1rem;
    height: 0.1rem;
    background-color: #0e1732;
    margin-top: .1rem;
    position: relative;
}
#pop1 .oh::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #312e2e;
}
#pop1 .oh::-webkit-scrollbar-thumb{
    height: 2px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #fff;
}



.touch-box{
    display: block;
    width: 1.53rem;
    height: .45rem;
    margin: auto;
    position: relative;
    z-index: 2;
    bottom: -.3rem;
    left: 0;
    right: 0;
}
.touch-box .touch-prev,
.touch-box .touch-next{
    display: block;
    width: .5rem;
    height: .17rem;
    background: url(//game.gtimg.cn/images/srpg/m/m202006/icon_touch_hint.png) center left no-repeat;
    background-size: 1.53rem auto;
    position: absolute;
    left: 0rem;
    top: 50%;
    margin-top: -.2rem;
    animation: touch_prev 3s infinite;
    -webkit-animation: touch_prev 3s infinite;
}
.touch-box .touch-next{
    background-position: center right;
    left: auto;
    right: 0rem;
    animation: touch_next 3s infinite;
    -webkit-animation: touch_next 3s infinite;
}
.touch-box .icon-touch{
    display: block;
    width: .6rem;
    height: .45rem;
    background: url(//game.gtimg.cn/images/srpg/m/m202006/icon_touch_hint.png) center no-repeat;
    background-size: 1.53rem auto;
    margin: 0 auto;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform-origin: center bottom;
    -webkit-transform-origin: center bottom;
    animation: icon_touch 1s infinite alternate;
    -webkit-animation: icon_touch 1s infinite alternate;
}
#pop1 p{
	text-align: center;
    color: #fff;
    position: relative;
    margin-top: .5rem;
}
@keyframes touch_prev{
    form{
        transform: translateX(0rem);
    }
    to{
        transform: translateX(-.5rem);
    }
}
@-webkit-keyframes touch_prev{
    form{
        -webkit-transform: translateX(0rem);
    }
    to{
        -webkit-transform: translateX(-.5rem);
    }
}
@keyframes touch_next{
    form{
        transform: translateX(0rem);
    }
    to{
        transform: translateX(.5rem);
    }
}
@-webkit-keyframes touch_next{
    form{
        -webkit-transform: translateX(0rem);
    }
    to{
        -webkit-transform: translateX(.5rem);
    }
}
@keyframes icon_touch{
    form{
        transform: rotate(-30deg);
    }
    to{
        transform: rotate(30deg);
    }
}
@-webkit-keyframes icon_touch{
    form{
        -webkit-transform: rotate(-30deg);
    }
    to{
        -webkit-transform: rotate(30deg);
    }
}/* #t6Hl8#245C6C9801CC8C169AAD0762BD1CB09F */