@charset "UTF-8";
.cont{ position: relative;}
.new_sprite{background: url(/skin/default/images/new.png) no-repeat;background-size:6.01rem  4.6rem;}
.header .btn_kf { background-position: -3.22rem -1.48rem;width:1.77rem;right: 2.1rem;}
.dis_b {
    display: block;
}

.btn_video{
	background-position: 0 -1.5rem;
	top: 6.6rem;
	left: 50%;
	text-indent: -999em;
	width: 1.33rem;
	height: 1.33rem;
	margin-left: -0.62rem;
}
.btn_video span,.btn_video i{
	width: 100%;
	height: 100%;
	display: block;
	background: url(/skin/default/images/sprite-play.png) no-repeat;
	background-size: 1.5rem 3rem;
}
.btn_video span {
    background-position: 0 0;
    animation: rota 2s linear infinite;
}
@keyframes rota{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.btn_video i {
	background-position: 0 -1.5rem;
    position: absolute;
	top: 0;
	left: 0.02rem;
	z-index: 3;
}
.date{
	background-position: 0 -1.48rem;
	width:3.12rem;
	height:1.02rem;
	top: 6.2rem;
	left: 50%;
	margin-left: -1.56rem;
}
.btn_download {
	background-position: 0 -2.6rem;
	width:3.06rem;
	height:.99rem;
    top: 7.85rem;
    left: 50%;
    margin-left: -1.53rem;
    text-indent: -999em;
    z-index: 1;
}
.btn_tap {
	background-position: 0 -3.69rem;
	width: 2.88rem;
	height: .91rem;
	margin-left: -1.44rem;
}
.reward{
	background-position: 0 0;
	width:4.99rem;
	height:1.38rem;
    top: 8.38rem;
    left: 50%;
    margin-left: -2.495rem;
}
.arrow {
	width: 100%;
	top: 10.5rem;
	left: 0;
	text-align: center;
}
.arrow p {
	color: #fff;
	font-size: .18rem;
}
.arrow i {
	background-position: -5.09rem -1.02rem;
	width:.67rem;
	height:.35rem;
	margin: 0 auto;
	animation: arrow 1s infinite;
}
@keyframes arrow {
	0%,
	100% {
		transform: translateY(0);
		opacity: .5;
	}
	50% {
		transform: translateY(.1rem);
		opacity: 1;
	}
}
.sprite {
	background: url(/skin/default/images/sprite.png) no-repeat;
	background-size: 18.13rem 13.17rem;
}
.exclusive{
	width:1.31rem;
	height:.92rem;
	top: 7.5rem;
	left: .14rem;
}
.exclusive i{
	background-position: -16.07rem -8.24rem;
	width:1.31rem;
	height:.92rem;
	top: 0;
	left: 0;
	animation: shaky .5s linear infinite;
}
.exclusive em{
	background-position: -16.07rem -10.25rem;
	width:1.31rem;
	height:.33rem;
	top: .6rem;
	left: 0;
}
.exclusive b {
	bottom: -.2rem;
	width: 100%;
	text-align: center;
	color: #ff6cf4;
	font-size: .18rem;
	line-height: .22rem;
	left: 0;
}
@keyframes shaky {
	0%,50%,100%{
		transform: rotateZ(0deg);
	}
	25% {
		transform: rotateZ(10deg);
	}
	75% {
		transform: rotateZ(-10deg);
	}
}
/*.cont1 .btn{ left: 0; right: 0; top: 10.01rem; padding: 0 .8rem;}
.cont1 .btn a{ background: url(/skin/default/images/yy.png) 0 0/5.86rem 1.03rem no-repeat; display: block; width: 2.81rem; height: 1.03rem;}
.cont1 .btn a.ios{ background-position: 0 0; float: left; display: none;}
.cont1 .btn a.android{ background-position: -3.05rem 0; float: none; margin: 0 auto;}
.cont1 .btn a.active{ float: right;}*/

.cont2 .news{ left: 0; right: 0; top: 1.8rem;}
.cont2 .swiper-container-news{ width: 6.82rem; height: 3.13rem; left: 0; top: 0; border:2px solid #db81ec; border-radius: .05rem;}
.cont2 .swiper-container-news img{ width: 100%; }
.cont2 .swiper-pagination{ position: absolute;}
.cont2 .swiper-pagination-bullet{ background: #fff; box-shadow: 0 0 .1rem #5e2459;}
.cont2 .swiper-container-horizontal>.swiper-pagination{ width: auto; bottom: .13rem;}

.cont4 .list{ top: 2.03rem;}
.cont4 .list ul{ margin-left: .37rem;}
.cont4 .list ul li{ float: left; margin-right: .51rem; margin-bottom: .73rem;}
.cont4 .list ul li:nth-child(3n){ margin-right: 0;}
.cont4 .list ul li a{ width: 1.91rem; height: 3.25rem; background: url(/skin/default/images/m_cont3_list.png) 0 0/6.74rem 7.23rem no-repeat; display: block;
	transition: .3s all;
	-webkit-transition: .3s all;
}
.cont4 .list ul li:nth-child(1) a{ background-position:0 0;}
.cont4 .list ul li:nth-child(2) a{ background-position:-2.42rem 0;}
.cont4 .list ul li:nth-child(3) a{ background-position:-4.83rem 0;}
.cont4 .list ul li:nth-child(4) a{ background-position:0 -3.98rem;}
.cont4 .list ul li:nth-child(5) a{ background-position:-2.42rem -3.98rem;}
.cont4 .list ul li:nth-child(6) a{ background-position:-4.83rem -3.98rem;}

.cont5 .spec {width: 7.5rem;margin: 0 auto 0; top: 2.3rem;}
.cont5 .spec .swiper-slide { width: 6.8rem; height: 4rem; }
.cont5 .spec .swiper-slide img { width: 100%; height: 4rem; border: 2px solid #db81ec; box-sizing: border-box;}

.cont5 .spec .swiper-pagination { position: relative; top: .57rem; width: 5rem; left: 50%; height: 0.46rem; line-height: 0.46rem;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);

	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,0,0,0)), color-stop(0.49, rgba(0,0,0,0.69)), color-stop(0.5, rgba(0,0,0,0.7)), color-stop(0.72, rgba(0,0,0,0.39)), color-stop(0.99, rgba(30,87,153,0.01)), to(rgba(30,87,153,0)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.69) 49%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.39) 72%, rgba(30,87,153,0.01) 99%, rgba(30,87,153,0) 100%);
	background: linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.69) 49%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.39) 72%, rgba(30,87,153,0.01) 99%, rgba(30,87,153,0) 100%); 	
}
.cont5 .spec .swiper-pagination-bullet { height: 0.16rem; width: 0.16rem; background:#ffffff; opacity: 1; margin: 0 .1rem; position: relative; top: -.3rem;}
.cont5 .spec .swiper-pagination-bullet-active { background: url(/skin/default/images/bullet.png) 0 0/100% 100% no-repeat; width: 0.5rem; height: 0.61rem; top: -.2rem; position: relative; margin: 0 -.1rem 0 0;}

.cont5 .btn-prev,.cont5 .btn-next { width: 0.65rem; height: 0.79rem; top: 1.75rem; background: url(/skin/default/images/prev.png) 0 0/100% 100% no-repeat; z-index: 1;
	transition: .3s all; 
	-webkit-transition: .3s all; 
}
.cont5 .btn-prev { left: 0; opacity: .5;}
.cont5 .btn-next { right: 0; 
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}
.note{
	width: 100%;
	height: 8.86rem;
    top: 1.71rem;
	left: 0;
}
.note_top{
	width: 7.5rem;
	height: 4.75rem;
    background: url(/skin/default/images/top.png) no-repeat;
    background-size:100% 100% ;
    left: 0;
    top:-1rem;
}
.note_lead{
	width:8.45rem;
	height: 3.46rem;
    background: url(/skin/default/images/lead.png) no-repeat;
    background-size:100% 100% ;
    left: 0;
    top:0;
}
.note_w {
	width: 2.64rem;
	line-height: .35rem;
	height: 1.75rem;
	left: .39rem;
	text-align: center;
	font-size: .2rem;
	color: #ffffff;
	top:2.08rem;
}
.notew_sp{
	color: #ffff00;
}
.note_lead{
	width:6.81rem;
	height:.47rem;
    background: url(/skin/default/images/lead.png) no-repeat;
    background-size:100% 100% ;
    left: .35rem;
    top:3.5rem;
}
.note_s,.note_more{
	line-height: .47rem;
	height:.47rem;
	display: inline-block;
	font-size:.28rem;
	color: #979198;
	font-weight: bold;
	text-align: center;
}
.note_s{
	position: relative;
	width:1.3rem;
}
.note_b::after{
	content: '';
	width: 1px;
	height:.23rem;
	background: #ffffff;
	right: 0;
	top: 50%;
	margin-top: -.11rem;
	position: absolute;
}
.note_a{
	color:#ffffff ;
}
.note_a::before{
	content: '';
	width: .68rem;
	height:.07rem;
	background: #ffff00;
	top: 0;
	left: 50%;
	margin-left: -.34rem;
	position: absolute;
}
.note_more{
	top: 0;
	width: 2rem;
	right:.2rem ;
}
.more_sp{
	letter-spacing:-.09rem;
}
.note_bottom{
	width: 6.83rem;
	height: 4.22rem;
	top: 4.4rem;
	left: .34rem;
}
.note_in:nth-child(1){
	width: 100%;
	height: 100%;
	left: 0;
    top: 0;
    background: url(/skin/default/images/m_pic_stategy.jpg) no-repeat;
	background-size:100% 100% ;
	text-indent: -999em;
}
.note_in:nth-child(2),.note_in:nth-child(3){
	width: 100%;
	height: 100%;
	left: 0;
    top: 0;
    background: url(/skin/default/images/video_bg.png) no-repeat;
	background-size:100% 100% ;
}
.video_block{
	width:6.54rem;
    height:3.98rem;
    top:.15rem;
    left: .17rem;
}
.video_in,.video_in2{
	width: 3.04rem;
	height:1.71rem;
	margin: .1rem .09rem;
	display: block;
	float: left;
	border: 1px solid #b449ad;
	position: relative;
}
.video_in .video_img,.video_in2 .video_img{
	width:3.04rem;
	height:1.71rem;
}
.order_pic{
	background: url(/skin/default/images/order.png) no-repeat;
	background-size:6.93rem 3.65rem;
	text-indent: -999em;
}
.order1{
	background-position: 0 0;
    width: 3.42rem;
    height: 1.33rem;
    left: 3.5rem;
    top: 1.02rem;
}
/*.order2{
	width:3.14rem;
	height:.76rem;
	background: url(/skin/default/images/order2.png) no-repeat;
	background-size:100% 100% ;
	left:3.67rem;
	top:2.23rem;
	text-indent: -999em;
}
.order3{
	background-position: -3.52rem -1.26rem;
	width:3.15rem;
	height:.97rem;
	left:3.68rem;
	top:3.06rem;
}*/
/*未开启*/
.order2{
	background-position: -3.52rem 0;
	width:3.41rem;
	height:1.16rem;
	left:3.5rem;
	top:2.14rem;
}
.order3{
	background-position: 0 -1.43rem;
	width:3.38rem;
	height:1.32rem;
	left:3.52rem;
	top:2.99rem;
}
/*弹窗*/
.fadeIn{
	animation: fadeIn .2s linear forwards;
	-webkit-animation: fadeIn .2s linear forwards;
}
@keyframes fadeIn{
	0%{ transform: scaleY(0);}
	100%{ transform: scaleY(1);}
}
@-webkit-keyframes fadeIn{
	0%{ transform: scaleY(0);}
	100%{ transform: scaleY(1);}
}

.alert_pop{ border: 1px solid #b7319d; background: #000000; padding: 0.25rem; position: fixed; left: 50%; top: 50%; z-index: 10; text-align: center; margin: -1.82rem 0 0 -1.41rem; z-index: 9999; }
.alert_pop img{ width: 2.3rem;}
.alert_pop p{ color: #686069; line-height: 0.44rem; font-size: .3rem; padding-top: .1rem}
.alert_pop p:last-child{ padding-bottom: .1rem;}
.alert_gm{ }
.alert_wechat{}


.strategy_img{
	width: 2.05rem;
	height: 2.12rem;
	background: url(/skin/default/images/enterance1.png) no-repeat;
	background-size: 100% 100%;
	top: 8.6rem;
    right: 1.7rem;
	text-indent: -999em;
	-moz-transform: scale(.75);
	-webkit-transform: scale(.75);
	transform: scale(.75);
}
.strategy_img:before{
	content: '';
	width: 2.05rem;
	height: 2.12rem;
	background: url(/skin/default/images/enterance2.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	animation: opacitystrategy .9s infinite;
}
.exclusive_img{
	width: 1.42rem;
	height: 1.22rem;
	background: url(/skin/default/images/gift_img2.png) no-repeat;
	background-size: 100% 100%;
	top: 9.15rem;
    left: 2.2rem;
	text-indent: -999em;
}
.exclusive_img:before{
	content: '';
	width: 1.42rem;
	height: 1.22rem;
	background: url(/skin/default/images/gift_img.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	animation: opacitystrategy .9s .3s infinite;
}
@keyframes opacitystrategy{
	0%,100%{opacity: 1;}
	50%{opacity: .5;}
}