@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

::-webkit-scrollbar{width:0px}
::-webkit-scrollbar-track{border-left:0 solid #f8f8f8}
::-webkit-scrollbar-thumb{width:0;background:#808080;background-size:0}

@media all and (orientation:portrait){.tips-ping{display:none}}
@media all and (orientation:landscape){.tips-ping{display:block}}

html,
body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-family: "微软雅黑";
	font-size: 0;
}

select{appearance:none;-moz-appearance:none;-webkit-appearance:none}
option{appearance:none;-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
a{text-decoration:none}
li{list-style-type:none}
img{pointer-events:none}

.btn{pointer-events:auto}
.w{width:100%}
.h{height:100%}
.g{width:100%;position: relative;}

.wait{width:100%;height:100%;background:transparent;position:fixed;left:0;top:0;z-index:9000;display:none}
.wait img{width:12%;background:rgba(0,0,0,0.7);margin:63% auto 0 auto;padding:10px;text-align:center;display:block;border-radius:5px}
.wait p{width:10%;background:#000000;text-align:center;display:block;color:#FFFFFF;font-size:12px;margin:7px auto}

.music-ctr{width:30px;position:fixed;right:10px;top:10px;z-index:1000}

.ytips{width:70%;background:rgba(0,148,255,1);padding:3.5% 5%;position:absolute;left:0%;right:0%;top:40%;transform:translateY(-50%);z-index:9999;margin:0 auto;border-radius:5px}
.ytips p{width:100%;font-size:16px;font-weight:bold;text-align:center;color:#FFFFFF}

.page-nav{width:7.6%!important;position:absolute;left:0;right:0;bottom:0px;z-index:100;margin:0 auto;-webkit-animation:page-nav 1.7s ease infinite}

.page{width:100%;height:100%;position:absolute;left:0%;top:0%;z-index:1;overflow:hidden;}

.con{width:100%;position:absolute;left:0%;top:50%;z-index:1;transform:translate3d(0,-50%,0px);}


@-webkit-keyframes page-nav{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0px)}}

@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

@-webkit-keyframes fadeInT{0%{opacity:0;-webkit-transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0)}}

@-webkit-keyframes fadeInR{0%{opacity:0;-webkit-transform:translateX(100px)}100%{opacity:1;-webkit-transform:translateX(0)}}

@-webkit-keyframes fadeInB{0%{opacity:0;-webkit-transform:translateY(100px)}100%{opacity:1;-webkit-transform:translateY(0)}}

@-webkit-keyframes fadeInL{0%{opacity:0;-webkit-transform:translateX(-100px)}100%{opacity:1;-webkit-transform:translateX(0)}}

@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}

@-webkit-keyframes fadeOutT{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-100px)}}

@-webkit-keyframes fadeOutR{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(100px)}}

@-webkit-keyframes fadeOutB{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(100px)}}

@-webkit-keyframes fadeOutL{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-100px)}}

@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}

@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(0.9)}100%{-webkit-transform:scale(1)}}

@-webkit-keyframes bounceInT{0%{opacity:0;-webkit-transform:translateY(-100px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}

@-webkit-keyframes bounceInR{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-5px)}80%{-webkit-transform:translateX(3px)}100%{-webkit-transform:translateX(0)}}

@-webkit-keyframes bounceInB{0%{opacity:0;-webkit-transform:translateY(100px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0)}}

@-webkit-keyframes bounceInL{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(10px)}80%{-webkit-transform:translateX(-5px)}100%{-webkit-transform:translateX(0)}}

@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(0.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(0.3)}}

@-webkit-keyframes bounceOutT{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-100px)}}

@-webkit-keyframes bounceOutR{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(100px)}}

@-webkit-keyframes bounceOutB{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(100px)}}

@-webkit-keyframes bounceOutL{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-100px)}}

@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg)}100%{opacity:1;-webkit-transform:rotate(0)}}

@-webkit-keyframes rotateInLT{0%{-webkit-transform-origIn:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origIn:left bottom;-webkit-transform:rotate(0);opacity:1}}

@-webkit-keyframes rotateIneftB{0%{-webkit-transform-origIn:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origIn:left bottom;-webkit-transform:rotate(0);opacity:1}}

@-webkit-keyframes rotateInRT{0%{-webkit-transform-origIn:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origIn:right bottom;-webkit-transform:rotate(0);opacity:1}}

@-webkit-keyframes rotateInRB{0%{-webkit-transform-origIn:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origIn:right bottom;-webkit-transform:rotate(0);opacity:1}}

@-webkit-keyframes rotateOut{0%{-webkit-transform-origIn:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origIn:center center;-webkit-transform:rotate(200deg);opacity:0}}

@-webkit-keyframes rotateOutLT{0%{-webkit-transform-origIn:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origIn:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}

@-webkit-keyframes rotateOutLB{0%{-webkit-transform-origIn:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origIn:left bottom;-webkit-transform:rotate(90deg);opacity:0}}

@-webkit-keyframes rotateOutRT{0%{-webkit-transform-origIn:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origIn:right bottom;-webkit-transform:rotate(90deg);opacity:0}}

@-webkit-keyframes rotateOutBR{0%{-webkit-transform-origIn:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origIn:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}

@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timIng-function:ease-Out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timIng-function:ease-Out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timIng-function:ease-In}80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(0.95);-webkit-animation-timIng-function:ease-In}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timIng-function:ease-In}}

@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0);opacity:1}}

@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(100vw) rotate3d(0,1,0,90deg) translateZ(0);opacity:0}40%{-webkit-transform:perspective(100vw) rotate3d(0,1,0,0deg) translateZ(0)}70%{-webkit-transform:perspective(100vw) rotate3d(0,1,0,10deg) translateZ(0)}100%{-webkit-transform:perspective(100vw) rotate3d(0,1,0,0deg) translateZ(0);opacity:1}}

@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}

@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}

@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}

@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}

@-webkit-keyframes swIng{20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0)}}

@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0)}15%{-webkit-transform:translateX(-100px) rotate(-5deg)}30%{-webkit-transform:translateX(80px) rotate(3deg)}45%{-webkit-transform:translateX(-65px) rotate(-3deg)}60%{-webkit-transform:translateX(40px) rotate(2deg)}75%{-webkit-transform:translateX(-20px) rotate(-1deg)}100%{-webkit-transform:translateX(0)}}

@-webkit-keyframes rIng{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}

@-webkit-keyframes zoomIn{0%{-webkit-transform:scale3d(0,0,0)}}