@charset "utf-8";a,a:hover{color:#fff}#scroller,html *{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none}*{box-sizing:border-box}html{-ms-touch-action:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;outline:0}article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,img,nav,section,video{display:block;clear:both}html *{outline:0}table{border-collapse:collapse;border-spacing:0}a,a:hover,ins{text-decoration:none}fieldset,iframe,img{border:0}textarea{resize:none}ol,ul{list-style:none}form{display:inline}button,input,select{font-family:'Microsoft YaHei',arial,helvetica,sans-serif;font-size:100%;vertical-align:middle;outline:0;-webkit-user-modify:read-write-plaintext-only}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button}input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder{color:transparent}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0!important;*margin-top:-1px;line-height:0}#bg,.arrow,img{width:100%}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html .clearfix{height:1%}#bg,body,html{height:100%}*+html .clearfix{min-height:1%}.left{float:left}.right{float:right}.hide{display:none!important}.show{display:block!important}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.break{word-break:break-all;word-wrap:break-word}

html, body, menu, ul, ol, li, p, div, form, h1, h2, h3, h4, h5, h6, img, a img, input, button, textarea, fieldset{ padding: 0; margin: 0; border: 0;font-family:"\5FAE\8F6F\96C5\9ED1"; }
ul, ol, li { list-style: none }
h1, h2, h3, h4, h5, h6, b, i, em {
: 1em; font-weight: normal; font-style: normal }
body, input, button, textarea, select { -webkit-text-size-adjust: none; font: normal 14px/1.5 helvetica, verdana, san-serif; outline: 0;color: #fff; }
body { margin: 0 auto; background: #fff; /*min-width:320px; width:320px*/ }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], button, textarea { -webkit-appearance: none }
option { height: 24px }
a { text-decoration: none;color: #eb1d01; }
a { blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
.img img, video { vertical-align: middle }
.btn { display: inline-block; vertical-align: middle }
a:hover { color: #eb1d01; text-decoration: none; }
img { border: none }
ol, ul, li { list-style: none; }
i, em { font-style: normal; }
/* 禁止长按链接与图片弹出菜单 */}
html, body {
    -webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */
    user-select: none;
}
body{
	font-family:"Microsoft Yahei","SimSun";
	color:#000;
	height:auto;
	position:relative;
}

@media (max-width: 380px) {
	body{ font-size:14px; }
}

@media (max-width: 325px) {
	body{ font-size:12px; }
}

@media (min-width: 760px) {
	body{ font-size:28px; }
}

a{
	color:#000;
}




img{
	width:100%;
	height:100%;
	display:block;
}
.wrapper{
    width: 100%;
	position:relative;
}




h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}
p,li{
	overflow:hidden;
}

.abs{
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}





.topic{
    width: %;
    height: %;
    left: %;
    top: %;
    background-image: url(images/.png);
}
.{
    width: %;
    height: %;
    left: %;
    top: %;
    background-image: url(images/.png);
}











.btn{
	cursor:pointer;
	width: 3.6em;
    height: 3.6em;
	right:6.4%;
}
.btn i{
	width:100%;
	height:100%;
	display:block;
	background-image: url(images/btn1.png);
	background-size:100% 100%;
}
@-ms-keyframes btn{
	from{ }
	50%{ transform: scale(1.15,1.15); }
	to{  }
}
@-moz-keyframes btn{
	from{ }
	50%{ transform: scale(1.15,1.15); }
	to{  }
}
@-o-keyframes btn{
	from{ }
	50%{ transform: scale(1.15,1.15); }
	to{  }
}
@-webkit-keyframes btn{
	from{ }
	50%{ transform: scale(1.15,1.15); }
	to{  }
}
@keyframes btn{
	from{ }
	50%{ transform: scale(1.15,1.15); }
	to{  }
}
.btn{
	animation:'btn' 2s linear 0s infinite;
	-ms-animation:btn 2s linear 0s infinite;
	-moz-animation:btn 2s linear 0s infinite;
	-o-animation:'btn' 2s linear 0s infinite;
	-webkit-animation:'btn' 2s linear 0s infinite;
}


@-ms-keyframes music{
	from{ transform:rotate(-360deg); }
	to{ }
}
@-moz-keyframes music{
	from{ transform:rotate(-360deg); }
	to{ }
}
@-o-keyframes music{
	from{ transform:rotate(-360deg); }
	to{ }
}
@-webkit-keyframes music{
	from{ transform:rotate(-360deg); }
	to{ }
}
@keyframes music{
	from{ transform:rotate(-360deg); }
	to{ }
}
.btn.off i{
	animation:'music' 3.5s linear 0s infinite;
	-ms-animation:music 3.5s linear 0s infinite;
	-moz-animation:music 3.5s linear 0s infinite;
	-o-animation:'music' 3.5s linear 0s infinite;
	-webkit-animation:'music' 3.5s linear 0s infinite;
}



@-ms-keyframes music1{
	from{}
	to{ }
}
@-moz-keyframes music1{
	from{}
	to{ }
}
@-o-keyframes music1{
	from{}
	to{ }
}
@-webkit-keyframes music1{
	from{}
	to{ }
}
@keyframes music1{
	from{}
	to{ }
}
.btn.on i{
	animation:'music1' 0s linear 0s infinite;
	-ms-animation:music1 0s linear 0s infinite;
	-moz-animation:music1 0s linear 0s infinite;
	-o-animation:'music1' 0s linear 0s infinite;
	-webkit-animation:'music1' 0s linear 0s infinite;
}





.anniu{
	width:44.4%;
	left:36%;
	position:absolute;
	top:0;
}
@-ms-keyframes anniu{
	from{}
	50%{opacity:0.9;transform: scale(0.95,0.95);}
	to{ }
}
@-moz-keyframes anniu{
	from{}
	50%{opacity:0.9;transform: scale(0.95,0.95);}
	to{ }
}
@-o-keyframes anniu{
	from{}
	50%{opacity:0.9;transform: scale(0.95,0.95);}
	to{ }
}
@-webkit-keyframes anniu{
	from{}
	50%{opacity:0.9;transform: scale(0.95,0.95);}
	to{ }
}
@keyframes anniu{
	from{}
	50%{opacity:0.9;transform: scale(0.95,0.95);}
	to{ }
}
.anniu{
	animation:'anniu' 2s linear 0s infinite;
	-ms-animation:anniu 2s linear 0s infinite;
	-moz-animation:anniu 2s linear 0s infinite;
	-o-animation:'anniu' 2s linear 0s infinite;
	-webkit-animation:'anniu' 2s linear 0s infinite;
}






#btn1{top: 2.2%;}
#btn2{top: 15.2%;}
#btn3{top: 3.5%;}
#btn4{top: 3.7%;}
#btn5{top: 1.7%;}
#btn6{top: 2%;}
#btn7{top: 5.2%;}
#btn8{top: 0.8%;}
#btn9{top: 4.8%;}
#btn10{top: 3.6%;}
#btn11{top: 3%;}
#btn12{top: 2.2%;}

#btn10 i,#btn11 i,#btn12 i{background-image: url(images/btn2.png);}







@media screen and (orientation: landscape) {
	body{ width:750px !important; margin:0 auto;}
	.btn{ width:96px; height:96px; right:48px;}
}