@charset "utf-8";
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input,figure{
	margin:0;padding:0;-webkit-text-size-adjust: none;}
h1, h2, h3, h4, h5, h6{font-size:36px;}
body>div{margin:0 auto}
a ,img {border:0}
body { color: #333; font-family:'Microsoft Yahei',Tahoma,Helvetica,Arial,sans-serif; }
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;text-decoration:none}
a:hover {text-decoration: none}
.clear{height:0; overflow:hidden; clear:both}
.absolute{position: absolute;}
.relative{position: relative;}
.text-center{text-align: center;}
.overflow-y{overflow-y: auto;}
html,body{position: relative;width:100%;height: 100%;overflow: hidden;background: #f5f5f5;}
.page,.loading{width: 100%;height: 100%;}
.page_mask,.page_work,.page_tired,.page_air,.page_video,.board2{z-index: -99;opacity: 0;}
.page_rule{
	background-image: url("../img/rule-bg.jpg");
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	/*transform: translate3d(0, 100%, 0);*/
	/*-webkit-transform: translate3d(0, 100%, 0);*/
	opacity: 0;
	position: relative;
}
.loading{
	position: relative;
	z-index: 999;
	background: #fff url("../img/loading-bg.jpg") no-repeat left top;
	background-size: 100%;
	text-align: center;
	font-size:0.28rem;
	color:#a5cce7;
}
.main_visual{padding-top:2.1rem;}
/* music */
@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}

#musicControl{position:fixed;width:0.8rem;height:0.8rem;line-height:0.8rem;right:0;top:0;display:inline-block;z-index:99999;}
#musicControl a,.again{ display:inline-block;width:0.8rem;height:0.8rem;overflow:hidden;background:url('../img/music-icon.png') no-repeat;background-size:100%;}
#musicControl a audio{width:100%;height:56px;}
#musicControl a.stop { background-position:left bottom;}
#musicControl a.on { background-position:0px 1px;-webkit-animation: rotating 1.2s linear infinite;animation: rotating 1.2s linear infinite;}
#music_play_filter{width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;z-index:99999998;}
.again{position:fixed;background-image: url("../img/refresh.png");top:0;right:inherit;left:0;z-index: 9;}


.loading p{padding-top: 0.8rem;}
.loading p span:last-child{padding-left: 5px;}
.index_up{z-index:99!important;opacity: 1;}
.page_mask,.page_tired,.page_air,.page_work{background: rgba(0,0,0,.6);}
.page_one{left:0;top:0;z-index:10}
.page_todeng{z-index:1;opacity: 0;}
.img-auto img{width: 100%;border:0;}
.logo{width:3.11rem;z-index: 2;top:0;left:0;}
.slogan img{width:4.89rem;margin-top: 1.84rem;}

.icon{display: inline-block;width: 0.5rem;height:0.5rem;background-size: 100%;}
.icon-9{background-image: url("../img/icon-9.png");}
.icon-10{background-image: url("../img/icon-10.png");}
.icon-11{background-image: url("../img/icon-11.png");}
.icon-12{background-image: url("../img/icon-12.png");}
.board table td.current{color: #ff0000;}
.current .icon-9{background-image: url("../img/icon-9h.png");}
.current .icon-10{background-image: url("../img/icon-10h.png");}
.current .icon-11{background-image: url("../img/icon-11h.png");}
.current .icon-12{background-image: url("../img/icon-12h.png");}

.board{width: 100%;height:3.1rem;bottom:0;left:0;z-index:2;background: rgba(0,0,0,.5);}
.board span{display:block;width:24.6%;font-size:12px;color: #d8d8d8;height: 1.51rem;float: left;overflow:hidden;text-align: center;position:relative;border:1px solid rgba(253,253,253,0.1);border-width:1px 1px 0 0;}
.board2 span{height: 1.7rem;}
.board span p:last-child{opacity: 0.5;}
.board2{height: 1.7rem;opacity: 1;}
.board span:nth-child(4n){border-right:0;}
.board span p:first-child{padding-top:0.37rem;}
.board span img{width: 0.5rem;}
.board1{transform: translate3d(0, 100%, 0);-webkit-transform: translate3d(0, 100%, 0);}
.board1.active ,.board2.active{-webkit-animation:fadeInUp 0.5s ease-in-out;animation:fadeInUp 0.5s ease-in-out;}
.board span.red p{color: #ff0000;-webkit-animation:dot 1.5s infinite ease-in-out; animation:dot 1.5s infinite ease-in-out;}
.board span.red p:last-child{opacity:1;}

.text{width: 100%;color:#fff;left:0;bottom:3.4rem;opacity: 0.77;font-size: 11px;}
.page_todeng .text{top:4rem;bottom:inherit;color: #ff0000;z-index: 2;opacity: 0.4!important;}
.text span{padding:0 10px;}
.text em{display: inline-block;}
.text em:first-child{-webkit-animation:floatLeft 1.5s infinite ease-in-out;animation:floatLeft 1.5s infinite ease-in-out;}
.text em:last-child{-webkit-animation:floatRight 1.5s infinite ease-in-out;animation:floatRight 1.5s infinite ease-in-out;}

.room,.dot-box{position:absolute; width:100%; height:100%; left:0; top:0;}
.room .scrollBody{position:relative; height:100%;}
.room img.scrollImg{display:block; height:100%;}
/**/
.room .dot{display:block;position:absolute;z-index:3;font-size:13px;color: #0892ea;background-size:100%;background-repeat: no-repeat;}
.dot span{display:inline-block;width: 50px;position:absolute;}
.room .dot.play{width:0.9rem;height:0.49rem;background-image: url("../img/dot-1-2.png");}
.room .dot.play span{ left:0.2rem;top:-0.35rem;}
.room .dot.eat{width:1.31rem;height:0.55rem;background-image: url("../img/dot-2-2.png");}
.room .dot.eat span{ left:0.5rem;top:-0.35rem;}
.room .dot.light{width:1.31rem;height:0.44rem;background-image: url("../img/dot-5-2.png");}
.room .dot.light span{ left:0.5rem;top:0.05rem;}
.room .dot.work2{width:1.38rem;height:0.45rem;background-image: url("../img/dot-4-2.png");}
.room .dot.work2 span{ left:0.3rem;top:-0.35rem;}

.room .dot.rest{width:2.11rem;height:1.42rem;background-image: url("../img/dot-3-2.png");}
.room .dot.rest span{left:1.2rem;top:-0.35rem;}

.room .dot.xuan{width:1.45rem;height:0.73rem;background-image: url("../img/dot-6-2.png");}
.room .dot.xuan span{ left:0.5rem;top:-0.35rem;}

.room .dot:after{content:'';width: 1.13rem;height:1.13rem;background:url("../img/point2-2.png") no-repeat center center; background-size:100%;position: absolute;
	-webkit-animation:dot 1.2s infinite ease-in-out; animation:dot 1.2s infinite ease-in-out;}
.room .dot.play:after{left:-0.6rem;bottom:-0.8rem;}
.room .dot.eat:after{left:-0.65rem;bottom:-0.8rem;}
.room .dot.work2:after{left:0.9rem;bottom:-0.8rem;}
.room .dot.rest:after{left:-0.65rem;bottom:-0.8rem;}
.room .dot.light:after{left:-0.65rem;top:-0.7rem;}
.room .dot.xuan:after{left:-0.56rem;bottom:-0.6rem;}




@keyframes opacity {
	0%{opacity: 0.1;}
	50%{opacity: 0.5;}
	100%{opacity:1;}
}

.loading div img{animation:dot 2s infinite ease-in-out;}
.arrow-bt{display: inline-block;width:0.6rem;height:0.6rem;line-height:0.6rem;
	position: fixed;
	bottom:2rem;
	right:0.2rem;
	animation:opa_btm 1s infinite ease-in-out;-webkit-animation:opa_btm 1s infinite ease-in-out;
	background: rgba(255,255,255,.5);
	text-align: center;
	border-radius: 50%;
	z-index: 10;
}
.arrow-bt img{width: 70%;position: relative; top:-0.2rem;}
.off{display:block;width:1rem;height:1rem;top:0;right:0;z-index:100;display: none;}
.fan-btn span{display: inline-block;width:1.57rem;height:0.6rem;line-height: 0.6rem;border:1px solid #e60012;
	color: #e60012;font-size: 0.36rem;border-radius:4px;margin:0 0.2rem;vertical-align: top;margin-top: 0.3rem;background:transparent;}
.fan-btn span.current{border-color:#fff;color:#fff;}
.air_txt{height:0.64rem;position: relative;}
.air_txt p{height:0.64rem;position: absolute;width: 100%;display: none;}
.mic-c,#mic-n,.mic-c span:first-child{display:block;width:4.24rem;height: 3.51rem;margin:0 auto;background: url("../img/c-all-white.png");background-size: 100%;}
.mic-c{margin-top:0.5rem;}
.mic-c span:first-child{width:2.39rem;height:2.39rem;left:50%;top:0.8rem;margin-left:-1.19rem;background-image: url("../img/fan.png");
	transform-origin: center center;
	-webkit-transform-origin: center center;
	animation: leafRotate 0s infinite linear;
	-webkit-animation: leafRotate 0s infinite linear;
	position: absolute;}

#status{position: relative;z-index: 3;font-size:1rem;height:1rem;line-height:1rem;color:#e60012;text-align: center;padding-top:0.2rem;}
.air_info{font-size: 0.35rem!important;color:#fff;line-height: 0.55rem!important;opacity: 0.8;padding-top: 0.2rem;display: none;}
.n1,.n2{background-image: url("../img/c-1.png")!important;}
.n3,.n4{background-image: url("../img/c-2.png")!important;}
.n5,.n6{background-image: url("../img/c-6.png")!important;}
.n7,.n8{background-image: url("../img/c-7.png")!important;}
.n9,.n10{background-image: url("../img/c-8.png")!important;}
.n11,.n12{background-image: url("../img/c-9.png")!important;}
.n13,.n14{background-image: url("../img/c-10.png")!important;}
.n15,.n16{background-image: url("../img/c-11.png")!important;}
.n17,.n18{background-image: url("../img/c-12.png")!important;}
.n19,.n20{background-image: url("../img/c-13.png")!important;}
.n20,.n21{background-image: url("../img/c-14.png")!important;}
.n22,.n23,.n24,.n25,.n26{background-image: url("../img/c-15.png")!important;}
.n27,.n28,.n29,.n30{background-image: url("../img/c-16.png")!important;}
.n31,.n31,.n32,.n33,.n34{background-image: url("../img/c-17.png")!important;}
.n35,.n36,.n37,.n38,.n39,.n40,.n41,.n42,.n43,.n44,.n45,.n46,.n47{background-image: url("../img/c-18.png")!important;}
.n48,.n49,.n50,.n51,.n52{background-image: url("../img/c-19.png")!important;}
.n53,.n54,.n55{background-image: url("../img/c-20.png")!important;}
.n56,.n57,.n58,.n59,.n60,.n61{background-image: url("../img/c-21.png")!important;}
.n62,.n63,.n64,.n65,.n66,.n67,.n68,.n69{background-image: url("../img/c-22.png")!important;}
.n70,.n71,.n72,.n73{background-image: url("../img/c-23.png")!important;}
.n74,.n75,.n76,.n77,.n78,.n79{background-image: url("../img/c-24.png")!important;}
.n80,.n81,.n82,.n83,.n84,.n85,.n86{background-image: url("../img/c-25.png")!important;}
.n87{background-image: url("../img/c-26.png")!important;}
.n88{background-image: url("../img/c-27.png")!important;}
.n89{background-image: url("../img/c-28.png")!important;}
.n90{background-image: url("../img/c-29.png")!important;}
.n91{background-image: url("../img/c-30.png")!important;}
.n92{background-image: url("../img/c-31.png")!important;}
.n93{background-image: url("../img/c-32.png")!important;}
.n94{background-image: url("../img/c-33.png")!important;}
.n95{background-image: url("../img/c-34.png")!important;}
.n96,.n97,.n98,.n99,.n100{background-image: url("../img/c-all.png")!important;}
.mic-c span.fan1{animation:leafRotate1 0.7s infinite linear;}
.mic-c span.fan2{animation:leafRotate2 0.4s infinite linear;}/*animation-duration: 0.4s;-webkit-animation-duration: 0.4s;*/
.mic-c span.fan3{animation:leafRotate3 0.2s infinite linear;}/*animation-duration: 0.2s;-webkit-animation-duration: 0.2s;*/
.paused{
	animation-play-state:paused;
	-webkit-animation-play-state:paused;
}
@keyframes leafRotate1 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes leafRotate1 {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes leafRotate2 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes leafRotate2 {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes leafRotate3 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes leafRotate3 {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}


.main_image {
	width:100%;
	height:422px;
	overflow:hidden;
	margin:0 auto;
	position:relative
}
.main_image ul {
	width:9999px;
	height:422px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0
}
.main_image li {
	float:left;
	width:100%;
	color: #fff;
	font-size: 12px;
}
.main_image li p:last-child{padding:0.2rem;line-height:20px;text-align: justify;}
.main_image li p img {
	width:100%;
	display: block;
}
.main_image li a {
	display:block;
	width:100%;
	height:422px
}


.btn_prev, .btn_next {
	z-index:11111;
	position:absolute;
	display:block;
	width:0.51rem!important;
	height:0.51rem!important;
	top:30%;
	background-size: 100%;
}
.btn_prev {
	background-image:url('../img/hover_left.png');
	left:0;
}
.btn_next {
	background-image:url('../img/hover_right.png');
	right:0;
}

.am_css{
	transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
}
.page_pop.am_css {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.page_enioy,.page_work,.page_tired,.page_air,.page_video{
	z-index:50;
	opacity: 1;
	background: rgba(0,0,0,.6);
	transform: translate3d(-100%, 0, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
}
/*.page_pop.show{z-index: 50;}*/
.show,.show .down-btn{opacity: 1;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.page_rule.show{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.hide{
	transform: translate3d(0, -100%, 0);
	-webkit-transform: translate3d(0, -100%, 0);
}
.hideR{transform: translate3d(100%, 0, 0);-webkit-transform: translate3d(100%, 0, 0);}
.board.hide{transform: translate3d(0, -14rem, 0);-webkit-transform: translate3d(0, -14rem, 0);}
.fadeOut{opacity: 0;}

.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	-webkit-animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
	animation-duration: .75s;
	-webkit-animation-duration: .75s;
}
@-webkit-keyframes opa_btm {
	0%  {-webkit-transform: translateY(0);}
	50% {-webkit-transform: translateY(5px);}}
@keyframes opa_btm {
	0%{transform: translateY(0);}
	50% {transform: translateY(5px);}
}
@-webkit-keyframes floatLeft {
	0% {opacity: 1;-webkit-transform: translateX(0px);}
	50% {opacity: 0.3;-webkit-transform: translateX(-10px);}
}
@keyframes floatLeft {
	0% {opacity: 1;transform: translateX(0);}
	50% {opacity: 0.3;transform: translateX(-10px);}
}
@-webkit-keyframes floatRight {
	0% {opacity: 1;-webkit-transform: translateX(0px);}
	50% {opacity: 0.3;-webkit-transform: translateX(10px);}
}
@keyframes floatRight {
	0% {opacity: 1;transform: translateX(0);}
	50% {opacity: 0.3;transform: translateX(10px);}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}
@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
.fadeInUp {
	animation-name: fadeInUp;
	-webkit-animation-name: fadeInUp;
}

@keyframes bounceInDown {
	from, 60%, 75%, 90%, to {
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0);
	}

	75% {
		transform: translate3d(0, -10px, 0);
	}

	90% {
		transform: translate3d(0, 5px, 0);
	}

	to {
		transform: none;
	}
}
@-webkit-keyframes bounceInDown {
	from, 60%, 75%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
	}

	to {
		-webkit-transform: none;
	}
}
.bounceInDown {
	animation-name: bounceInDown;
	-webkit-animation-name: bounceInDown;
}

@keyframes dot{
	0% {
		opacity:0.8;
		transform:scale3d(1,1,1);
	}
	50% {
		opacity:1;
		transform:scale3d(1.2,1.2,1.2);
	}
	100% {
		opacity:0.8;
		transform:scale3d(1,1,1);
	}
}
@-webkit-keyframes dot{
	0% {
		opacity:0.8;
		-webkit-transform:scale3d(1,1,1);
	}
	50% {
		opacity:1;
		-webkit-transform:scale3d(1.2,1.2,1.2);
	}
	100% {
		opacity:0.8;
		-webkit-transform:scale3d(1,1,1);
	}
}

@keyframes bounceIn {
	from, 20%, 40%, 60%, 80%, to {
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
	}

	20% {
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		transform: scale3d(.9, .9, .9);
	}

	60% {
		opacity: 1;
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		transform: scale3d(.97, .97, .97);
	}

	to {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes bounceIn {
	from, 20%, 40%, 60%, 80%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
	}
}

.bounceIn {
	animation-name: bounceIn;
	-webkit-animation-name: bounceIn;
}

.btn {
	animation: sploosh 0.5s ease-out;
	-webkit-animation: sploosh 0.5s ease-out;
}
.btn2 {
	animation: sploosh2 0.5s cubic-bezier(0.6, 0.97, 1, 1);
	-webkit-animation: sploosh2 0.5s cubic-bezier(0.6, 0.97, 1, 1);
}
.btn3 {
	animation: sploosh3 0.5s cubic-bezier(0.4, 0, 1, 1);
	-webkit-animation: sploosh3 0.5s cubic-bezier(0.4, 0, 1, 1);
}
.btn,.btn2,.btn3{
	display: block;
	height: 50%;
	width: 50%;
	position: absolute;
	z-index: 10;
	top:50%;
	left:50%;
	margin:-20% 0 0 -25%;
	border-radius:100%;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	background: transparent;
}
@keyframes sploosh {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 0, 1, 0.7);
	}
	100% {
		box-shadow: 0 0 0 30px rgba(255, 0, 1, 0);
	}
}
@keyframes sploosh2 {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}
	100% {
		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
	}
}
@keyframes sploosh3 {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 0, 1, 0.7);
	}
	100% {
		box-shadow: 0 0 0 10px rgba(255, 0, 1, 0);
	}
}
@-webkit-keyframes sploosh {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 0, 1, 0.7);
	}
	100% {
		box-shadow: 0 0 0 30px rgba(255, 0, 1, 0);
	}
}
@-webkit-keyframes sploosh2 {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}
	100% {
		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
	}
}
@-webkit-keyframes sploosh3 {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 0, 1, 0.7);
	}
	100% {
		box-shadow: 0 0 0 10px rgba(255, 0, 1, 0);
	}
}