/*----样式初始化----------------------*/
html { height: 100%; }
body { font-family:"微软雅黑"; background: #000; -webkit-text-size-adjust: 100%;/*解决Iphone下橱窗字体变大问题*/ height: 100%;width:100%;}
* { padding: 0; margin: 0; border: 0; font-style: normal; font-weight: normal; -webkit-tap-highlight-color: rgba(0,0,0,0); /*禁止链接高亮*/ -webkit-touch-callout: none;/*禁止链接长按弹出选项菜单*/ }
nav, footer, section, header, article { display: block; }
ul { list-style: none; }
a:link { -webkit-tap-highlight-color: rgba(0,0,0,0);/*禁止链接高亮*/ -webkit-touch-callout: none; /*禁止链接长按弹出选项菜单*/ }
a:link, a:visited, a:hover, a:active { color: #000; text-decoration:none; }
input, textarea { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; box-shadow: none;}
img { display: block;border:none; }
input {-webkit-appearance:none; /*去除input默认样式*/}
input[type="submit"],
input[type="reset"],
input[type="button"],
input{-webkit-appearance:none;}
input[type="date"]:before {
content: attr(placeholder);
color:#fff;
}
::-webkit-input-placeholder {
color:#fff;
}
/*#fade { background: #000 url(../images/load.gif) no-repeat center center; position: fixed; z-index: 50000; height: 100%; width: 100%; left: 0px; top: 0px; }*/
/*----样式初始化----------------------*/
.bg{ width:100%; height:100%; background:url(../img/bg.jpg) no-repeat; background-size:cover; z-index:-1;position:fixed; top:0; left:0; }
.tree{ width:100%; z-index:10; position:relative; bottom:0; right:0; margin:0 auto;}
.tree img{ width:100%;margin:0 auto; display:block;}
/*导航*/
.nav{ width:100%; position: fixed; left:0%; bottom:1%; z-index:999;}
.nav ul{}
.nav ul li{ float: left; width:25%; margin-left:4.167%;margin-right:4.167%}
.nav ul li a{}
.nav ul li a img{width:88%; margin:0 auto;}
/*导航*/
/*点灯按钮背景光*/
.a1{ width:150px; height:150px; position: fixed; right:-6%; bottom:-2%; border-radius:50%; z-index:998;}
@media screen and (max-width: 320px) and (max-height: 480px){/*iphone4s */
.a1{ width:150px; height:150px; position: fixed; right:-10%; bottom:-3%;}
}
@media screen and (max-width: 320px){
.a1{ width:150px; height:150px; position: fixed; right:-10%; bottom:-3%;}
}
.a2{ width:150px; height:150px; position: fixed; right:-2.5%; bottom:-2%; border-radius:50%; z-index:998;}
@media screen and (max-width: 320px) and (max-height: 480px){/*iphone4s */
.a2{ width:150px; height:150px; position: fixed; right:-6.5%; bottom:-3%;}
}
@media screen and (max-width: 320px){
.a2{ width:150px; height:150px; position: fixed; right:-6.5%; bottom:-3%;}
}
.lightss{
-webkit-animation: cloerchg 1.5s linear infinite;
-moz-animation: cloerchg 1.5s linear infinite;
-o-animation: cloerchg 1.5s linear infinite;
-ms-animation: cloerchg 1.5s linear infinite;
animation: cloerchg 1.5s linear infinite;
}
@keyframes cloerchg {
0% ,100%{opacity:0; transform:scale(0.5)}
50% {opacity:100;transform:scale(1)}
}
@-webkit-keyframes cloerchg {
0% ,100%{opacity:0; -webkit-transform:scale(0.5)}
50% {opacity:100;-webkit-transform:scale(1)}
}
/*点灯按钮背景光*/
/*点灯屏幕闪光*/
/*.a1{ width:100%; height:100%;position: fixed; top:0; left:0;background: url(../img/sg.png) center center;z-index:9999; display:none;
-webkit-animation:cloerchg2 0.7s linear forwards;
-moz-animation:cloerchg2 0.7s linear forwards;
-o-animation:cloerchg2 0.7s linear forwards;
-ms-animation:cloerchg2 0.7s linear forwards;
animation:cloerchg2 0.7s linear forwards;
}
@-webkit-keyframes cloerchg2 {
0% {opacity:0; -webkit-transform:scale(0)}
50% {opacity:100;-webkit-transform:scale(3)}
100%{opacity:0;-webkit-transform:scale(0)}
}
@-moz-keyframes cloerchg2 {
0% {opacity:0; -moz-transform:scale(0)}
50% {opacity:100;-moz-transform:scale(3)}
100%{opacity:0;-moz-transform:scale(0)}
}
@-o-keyframes cloerchg2 {
0% {opacity:0; -o-transform:scale(0)}
50% {opacity:100;-o-transform:scale(3)}
100%{opacity:0;-o-transform:scale(0)}
}
@-ms-keyframes cloerchg2 {
0% {opacity:0; -ms-transform:scale(0)}
50% {opacity:100;-ms-transform:scale(3)}
100%{opacity:0;-ms-transform:scale(0)}
}
@keyframes cloerchg2 {
0% {opacity:0; transform:scale(0)}
50% {opacity:100;transform:scale(3)}
100%{opacity:0;transform:scale(0)}
}
*/
/*点灯屏幕闪光*/
/*圣诞树*/
/*礼物*/
.star{width:34%; position:absolute; top:0%; left:32.8%; z-index:10}
.star img{ width:100%}
.star_light{width:40%; position:absolute; top:-2%; left:30%; z-index1}
.star_light img{ width:100%}
.present7{width:40%; position:absolute; top:8%; left:21%; z-index:10}
.present7 img{ width:100%}
.present7_light{width:40%; position:absolute; top:8.5%; left:22.5%; z-index1}
.present7_light img{ width:100%}
.present2{width:40%; position:absolute; top:24.6%; left:14%;z-index:10}
.present2 img{ width:100%}
.present2_light{width:40%; position:absolute; top:23.5%; left:12%; z-index1}
.present2_light img{ width:100%}
.present3{width:45%; position:absolute; top:28.5%; left:48%;z-index:10}
.present3 img{ width:100%}
.present3_light{width:40%; position:absolute; top:32.9%; left:48%; z-index1}
.present3_light img{ width:100%}
.present4{width:36%; position:absolute; top:42%; left:20%;z-index:10}
.present4 img{ width:100%}
.present4_light{width:40%; position:absolute; top:42.5%; left:12.5%; z-index1}
.present4_light img{ width:100%}
.present1{width:40%; position:absolute; top:55%; left:60%;z-index:10}
.present1 img{ width:100%}
.present1_light{width:40%; position:absolute; top:52.5%; left:45.5%; z-index1}
.present1_light img{ width:100%}
.present6{width:40%; position:absolute; top:62%; left:25%;z-index:10}
.present6 img{ width:100%}
.present6_light{width:40%; position:absolute; top:62.3%; left:20.8%; z-index1}
.present6_light img{ width:100%}
.present5{width:40%; position:absolute; top:72%; left:-12%;z-index:10}
.present5 img{ width:100%}
.present5_light{width:40%; position:absolute; top:69.6%; left:-9%; z-index1}
.present5_light img{ width:100%}
.present8{width:40%; position:absolute; top:75%; left:60%;z-index:2}
.present8 img{ width:100%}
.present8_light{width:40%; position:absolute; top:76.2%; left:53.8%; z-index1}
.present8_light img{ width:100%}
/*礼物*/
/*灯*/
.light_black01{width:18%; position:absolute; top:13%; left:44.5%;z-index:2; transform:rotate(-0deg)}
.light_black01 img{ width:100%}
.light_black02{width:25%; position:absolute; top:18%; left:25%;z-index:2;transform:rotate(15deg)}
.light_black02 img{ width:100%}
.light_black03{width:16%; position:absolute; top:22%; left:46%;z-index:2;transform:rotate(-45deg)}
.light_black03 img{ width:100%}
.light_black04{width:23%; position:absolute; top:25%; left:54%;z-index:2; transform:rotate(-10deg)}
.light_black04 img{ width:100%}
.light_black05{width:16%; position:absolute; top:28%; left:36%;z-index:2;transform:rotate(20deg)}
.light_black05 img{ width:100%}
.light_black06{width:14%; position:absolute; top:33%; left:48%;z-index:2;transform:rotate(-30deg)}
.light_black06 img{ width:100%}
.light_black07{width:25%; position:absolute; top:32%; left:15%;z-index:2; transform:rotate(20deg)}
.light_black07 img{ width:100%}
.light_black08{width:25%; position:absolute; top:38%; left:30%;z-index:2;transform:rotate(50deg)}
.light_black08 img{ width:100%}
.light_black09{width:18%; position:absolute; top:42%; left:68%;z-index:2;transform:rotate(80deg)}
.light_black09 img{ width:100%}
.light_black10{width:18%; position:absolute; top:45%; left:44.5%;z-index:2; transform:rotate(-20deg)}
.light_black10 img{ width:100%}
.light_black11{width:16%; position:absolute; top:43%; left:18%;z-index:2;transform:rotate(-80deg)}
.light_black11 img{ width:100%}
.light_black12{width:25%; position:absolute; top:46%; left:58%;z-index:2;transform:rotate(30deg)}
.light_black12 img{ width:100%}
.light_black13{width:20%; position:absolute; top:50%; left:5%;z-index:2;transform:rotate(20deg)}
.light_black13 img{ width:100%}
.light_black14{width:25%; position:absolute; top:50%; left:28%;z-index:2;transform:rotate(-10deg)}
.light_black14 img{ width:100%}
.light_black15{width:18%; position:absolute; top:55%; left:45%;z-index:2;transform:rotate(-20deg)}
.light_black15 img{ width:100%}
.light_black16{width:25%; position:absolute; top:53%; left:70%;z-index:2;transform:rotate(60deg)}
.light_black16 img{ width:100%}
.light_black17{width:25%; position:absolute; top:55%; left:12%;z-index:2;transform:rotate(40deg)}
.light_black17 img{ width:100%}
.light_black18{width:20%; position:absolute; top:60%; left:31%;z-index:2;transform:rotate(20deg)}
.light_black18 img{ width:100%}
.light_black19{width:25%; position:absolute; top:60%; left:0%;z-index:2;transform:rotate(-10deg)}
.light_black19 img{ width:100%}
.light_black20{width:18%; position:absolute; top:66%; left:49%;z-index:2;transform:rotate(-20deg)}
.light_black20 img{ width:100%}
.light_black21{width:25%; position:absolute; top:65%; left:8%;z-index:2;transform:rotate(-30deg)}
.light_black21 img{ width:100%}
.light_black22{width:18%; position:absolute; top:65%; left:80%;z-index:2;transform:rotate(-10deg)}
.light_black22 img{ width:100%}
.light_black23{width:20%; position:absolute; top:72%; left:22%;z-index:2;transform:rotate(-50deg)}
.light_black23 img{ width:100%}
.light_black24{width:18%; position:absolute; top:69%; left:0%;z-index:2;transform:rotate(30deg)}
.light_black24 img{ width:100%}
.light_black25{width:25%; position:absolute; top:73%; left:42%;z-index:2;transform:rotate(-50deg)}
.light_black25 img{ width:100%}
.light_black26{width:18%; position:absolute; top:73%; left:72%;z-index:2;transform:rotate(-30deg)}
.light_black26 img{ width:100%}
.light_black27{width:18%; position:absolute; top:78%; left:12%;z-index:2;transform:rotate(-10deg)}
.light_black27 img{ width:100%}
.light_black28{width:18%; position:absolute; top:82%; left:0%;z-index:2;transform:rotate(-10deg)}
.light_black28 img{ width:100%}
.light_black29{width:18%; position:absolute; top:80%; left:30%;z-index:2;transform:rotate(-10deg)}
.light_black29 img{ width:100%}
.light_black30{width:18%; position:absolute; top:78%; left:80%;z-index:2;transform:rotate(-10deg)}
.light_black30 img{ width:100%}
/*灯*/
/*圣诞树*/
/*弹窗*/
/*查礼品*/
#mcover1 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: none;
z-index: 20000;
padding-top:2%;
}
#mcover1 .ydxz {
position: fixed;
right:3%;
top:2%;
width:94%;
background:none;
z-index: 20001;
border-radius:10px;
}
.title{ width:100%; margin:0 auto;}
.title img{ width:100%;}
.cons_ck{ height:470px; background:#9ec0ba; width:89.22%; margin:0 auto; margin-top:-1.68%; border-radius:3px; border:4px solid #fff;overflow-y:scroll;overflow-x:hidden;text-shadow:1px 1px 1px #fff;}
.cons_ck p{ font-size:14px; color:#000; }
.top p{ width:70%; float:left;line-height:40px; margin-left:12px;}
.top span{ width:23%; float:right; margin-right:2%;}
.top span img{ width:100%;}
.cons_ck .middle{ width:100%; clear:both;}
.cons_ck .middle ul{ margin-top:-3%}
.cons_ck .middle ul li{ border-bottom:1px dashed #ccc; margin:0 6px 0 10px; height:45px; line-height:45px;width:94%; color:#603811}
.cons_ck .middle ul li：last{ border:0}
.cons_ck .middle ul li h1{ font-size:14px; float:left; width:76%;}
.cons_ck .middle ul li span{ float:right; width:21%; margin-top:4.1%}
.cons_ck .middle ul li span img{ width:100%;}
.cons_ck .middle p{ width:96%;line-height:20px; margin-left:12px; height:50px; margin-top:10px;}
.cons_ck .middle .lq a{ width:90%;display:block; height:22px; line-height:22px; border-radius:3px; font-size:14px; text-align:center; box-shadow:1px 1px 1px #555; text-shadow:none; font-family:"微软雅黑";}
.cons_ck .middle .lq_ a{ width:90%; display:block; height:22px; line-height:22px; border-radius:3px; font-size:14px; text-align:center; box-shadow:1px 1px 1px #555; text-shadow:none;font-family:"微软雅黑";}
.bottom{ width:100%;}
.bottom img{ width:100%;}
i{ color:#F00; padding-left:1%; padding-right:1%; text-shadow:none;}
.bot{ width:100%; margin:0 auto; margin-top:-0.6%}
.bot img{ width:100%;}
.close1{ position:absolute; top:-1.5%; right:0%;width:16%;z-index:20002}
.close1 img{ width:100%;margin:0 auto;}
@media screen and (max-width: 320px){
.cons_ck{ height:390px;}
}
@media screen and (max-width: 320px) and (max-height: 480px){/*iphone4s */
.cons_ck{ height:190px;}
}
.pre{ width:15%; position:fixed; top:1%; right:0; }
.pre a{ font-size:14px; color:#fff; text-align:center; text-decoration:underline; text-shadow:1px 1px 1px #000; height:30px; line-height:30px; display:block;}
.pre img{ width:100%;}
/*查礼品*/
/*我的礼品*/
#mcover_wdlp {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: none;
z-index: 20000;
padding-top:2%;
}
#mcover_wdlp .ydxz {
position: fixed;
right:3%;
top:20%;
width:94%;
background:none;
z-index: 20001;
border-radius:10px;
}
.title{ width:100%; margin:0 auto;}
.title img{ width:100%;}
#mcover_wdlp .ydxz .cons{ height:150px; background:#9ec0ba url(../img/logo.png) no-repeat right bottom;background-size:16%; width:89.22%; margin:0 auto; margin-top:-1.68%; border-radius:3px; border:4px solid #fff; position:relative;overflow-y:scroll;overflow-x:hidden}
#mcover_wdlp .ydxz .cons p{ font-size:14px; text-shadow:1px 1px 1px #fff; color:#000; padding:6px 6px 0px 9px; line-height:22px; z-index:999999999}
#mcover_wdlp .ydxz .cons span{ width:16%; position:absolute; right:1%; bottom:0; z-index:0}
#mcover_wdlp .ydxz .cons span img{ width:100%;}
#mcover_wdlp .ydxz .cons ul{ margin-bottom:2%;}
#mcover_wdlp .ydxz .cons ul li{ font-size:14px; color:#603811; text-shadow:1px 1px 1px #fff; padding-left:12px; height:25px; line-height:25px;}
.bot{ width:100%; margin:0 auto; margin-top:-0.6%}
.bot img{ width:100%;}
.close2{ position:absolute; top:15.5%; right:0%;width:16%;z-index:20002}
.close2 img{ width:100%;margin:0 auto;}
/*我的礼品*/
/*看说明*/
#mcover2 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: none;
z-index: 20000;
padding-top:2%;
}
#mcover2 .ydxz {
position: fixed;
right:3%;
top:20%;
width:94%;
background:none;
z-index: 20001;
border-radius:10px;
}
.title{ width:100%; margin:0 auto;}
.title img{ width:100%;}
#mcover2 .ydxz .cons{ height:150px; background:#9ec0ba url(../img/logo.png) no-repeat; background-position:98% 95%;background-size:20%;width:89.22%; margin:0 auto; margin-top:-1.68%; border-radius:3px; border:4px solid #fff; position:relative;overflow-y:scroll;overflow-x:hidden}
#mcover2 .ydxz .cons p{ font-size:14px; text-shadow:1px 1px 1px #fff; color:#000; padding:6px 6px 6px 9px; line-height:22px; z-index:999999999}
#mcover2 .ydxz .cons span{ width:16%; position:absolute; right:1%; bottom:0; z-index:0}
#mcover2 .ydxz .cons span img{ width:100%;}
.share{ position: fixed; top:0; right:0; width:50%;}
.share img{ width:100%;}
.bot{ width:100%; margin:0 auto; margin-top:-0.6%}
.bot img{ width:100%;}
.close2{ position:absolute; top:15.5%; right:0%;width:16%;z-index:20002}
.close2 img{ width:100%;margin:0 auto;}
/*看说明*/
/*我的树*/
#mcover3 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: none;
z-index: 20000;
padding-top:2%;
}
#mcover3 .ydxz {
position: fixed;
right:3%;
top:20%;
width:94%;
background:none;
z-index: 20001;
border-radius:10px;
}
.title{ width:100%; margin:0 auto;}
.title img{ width:100%;}
.cons_wds{ height:170px; background:#9ec0ba url(../img/logo.png) no-repeat right bottom;background-size:16%;; width:89.22%; margin:0 auto; margin-top:-1.68%; border-radius:3px; border:4px solid #fff; position: relative; }
.cons_wds .qiandao{ width:30%; margin-left:35%; margin-top:0%;}
.cons_wds .qiandao img{ width:100%;}
.cons_wds .text{ width:100%;position:absolute; top:2%; left:2%;font-size:14px;color:#000;text-align:left;}
.cons_wds .text ul li{ height:25px; line-height:25px;text-shadow:1px 1px 1px #fff;}
.cons_wds .text ul li a{ color:#603811; text-shadow:1px 1px 1px #fff;}
/*我的树*/
/*领取礼物*/
#mcover4 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: none;
z-index: 20000;
padding-top:2%;
}
#mcover4 .ydxz {
position: fixed;
right:3%;
top:20%;
width:94%;
background:none;
z-index: 20001;
border-radius:10px;
}
#mcover4 .ydxz .cons{ height:170px; background:#9ec0ba url(../img/logo.png) no-repeat right bottom;background-size:16%;; width:89.22%; margin:0 auto; margin-top:-1.68%; border-radius:3px; border:4px solid #fff;}
#mcover4 .ydxz .cons .qq{ width:100%; margin-top:6%;}
#mcover4 .ydxz .cons .qq ul{ width:70%; margin-left:13%;}
#mcover4 .ydxz .cons .qq ul li{ float:left;border: 1px solid #CCC; height: 25px;line-height: 25px;background:#73b262;border-radius: 5px;box-shadow:1px 1px 1px #555; color:#fff;font-size:14px; width:35%; text-align:center; margin-left:12%;}
#mcover4 .ydxz .cons .qq ul li a{ color:#fff }
/*#mcover4 .ydxz .cons a img{ width:100%;}*/
#mcover4 .ydxz .cons input{ background:none; border-bottom:1px solid rgba(225,225,225,0.5); width:45%; color:#603811; margin-left:2%; font-size:16px;}
#mcover4 .ydxz .cons p{ font-size:14px; text-shadow:1px 1px 1px #fff; color:#000; padding:6px 6px 6px 9px; line-height:22px;}
#mcover5 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: none;
z-index: 20000;
padding-top:2%;
}
#mcover5 .ydxz {
position: fixed;
right:3%;
top:20%;
width:94%;
background:none;
z-index: 20001;
border-radius:10px;
}
#mcover5 .ydxz .cons{ height:170px; background:#9ec0ba url(../img/logo.png) no-repeat right bottom;background-size:16%; width:89.22%; margin:0 auto; margin-top:-1.68%; border-radius:3px; border:4px solid #fff;}
#mcover5 .ydxz .cons a img{ width:100%;}
#mcover5 .ydxz .cons p{ font-size:14px; text-shadow:1px 1px 1px #fff; color:#000; padding:6px 6px 6px 9px; line-height:22px;}
#mcover5 .ydxz .cons .wdlp{ width:28%; background:#73b262; border-radius:5px; border:1px solid #fff;box-shadow:1px 1px 1px #000; margin:0 auto; margin-top:10%;}
#mcover5 .ydxz .cons .wdlp a{height:25px; line-height:25px; color:#fff; font-size:14px; padding-left:18%;}
@media screen and (max-width: 320px) and (max-height: 480px){/*iphone4s */
.cons_wds{ height:170px;}
.cons_wds .qiandao a{ margin-right:3.5%;}
#mcover5 .ydxz .cons .wdlp a{padding-left:12%;}
}
@media screen and (max-width: 320px){
.cons_wds{ height:170px;}
.cons_wds .qiandao a{ margin-right:3.5%;}
#mcover5 .ydxz .cons .wdlp a{padding-left:12%;}
}
/*领取礼物*/
/*点灯*/
#mcover_dd {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: none;
z-index: 20000;
padding-top:2%;
}
#mcover_dd .ydxz {
position: fixed;
right:3%;
top:20%;
width:94%;
background:none;
z-index: 20001;
border-radius:10px;
}
#mcover_dd .ydxz .cons{ height:150px; background:#9ec0ba url(../img/logo.png) no-repeat right bottom;background-size:16%; width:89.22%; margin:0 auto; margin-top:-1.68%; border-radius:3px; border:4px solid #fff; position:relative;overflow-y:scroll;overflow-x:hidden}
#mcover_dd .ydxz .cons p{ font-size:14px; text-shadow:1px 1px 1px #fff; color:#000; padding:6px 6px 6px 9px; line-height:22px; z-index:999999999}
#mcover_dd .ydxz .cons span{ width:16%; position:absolute; right:1%; bottom:0; z-index:0}
#mcover_dd .ydxz .cons span img{ width:100%;}
/*点灯*/
/*音乐*/
#audio_btn{
position: fixed;
top: 10px;
left:10px;
z-index: 20001;
width: 50px;
height: 50px;
background-repeat: no-repeat;
}
.loading_background {
background-image: url(../images/music_loading.gif);
background-size: 30px 30px;
opacity: 0.5;
background-position: center center;
}
.loading_yinfu {
position: absolute;
left: 10px;
top: 10px;
width: 30px;
height:30px;
background-image: url(../images/yinfu.png);
background-repeat: no-repeat;
background-position: center center;
}
.play_yinfu {
background-image: url(../images/music.gif);
background-repeat: no-repeat;
background-position: center center;
background-size: 60px 60px;
}
.rotate {
position: absolute;
left: 10px;
top: 10px;
width: 30px;
height: 30px;
background-size: 100% 100%;
background-image: url(../images/music_off.png);
-webkit-animation: rotating 1.2s linear infinite;
-moz-animation: rotating 1.2s linear infinite;
-o-animation: rotating 1.2s linear infinite;
animation: rotating 1.2s linear infinite;
}
@-webkit-keyframes rotating {
from{
-webkit-transform: rotate(0deg);
}
to{
-webkit-transform: rotate(360deg);
}
}
@keyframes rotating {
from{
transform: rotate(0deg);
}
to{
transform: rotate(360deg);
}
}
@-moz-keyframes rotating {
from{
-moz-transform: rotate(0deg);
}
to{
-moz-transform: rotate(360deg);
}
}
.off{background-image: url(../images/music_off.png);background-size: 30px 30px; background-repeat: no-repeat;background-position: center center;}
/*引导页*/
.bgs{ width:100%; z-index:1;position:fixed; top:0; left:0;}
.bgs img{ width:100%;}
.bgs2{ width:100%; z-index:-1;position:fixed; top:0; left:0;}
.bgs2 img{ width:100%;}
.bgs{
width:100%; z-index:1;position:fixed; top:0; left:0;
-webkit-animation:cloerchg3 1s linear 2s forwards;
-moz-animation:cloerchg3 1s linear 2s forwards;
-o-animation:cloerchg3 1s linear 2s forwards;
-ms-animation:cloerchg3 1s linear 2s forwards;
animation:cloerchg3 1s linear 2s forwards;
}
.imggg{ width:100%;}
.imggg img{ width:100%;}
@-webkit-keyframes cloerchg3 {
0% {opacity:1;}
15% {opacity:0;}
30%{opacity:1;}
45%{opacity:0;}
60%{opacity:1;}
75%{opacity:0;}
90%{opacity:1;}
100%{opacity:0;}
}
@-moz-keyframes cloerchg3 {
0% {opacity:1;}
15% {opacity:0;}
30%{opacity:1;}
45%{opacity:0;}
60%{opacity:1;}
75%{opacity:0;}
90%{opacity:1;}
100%{opacity:0;}
}
@-o-keyframes cloerchg3 {
0% {opacity:1;}
15% {opacity:0;}
30%{opacity:1;}
45%{opacity:0;}
60%{opacity:1;}
75%{opacity:0;}
90%{opacity:1;}
100%{opacity:0;}
}
@-ms-keyframes cloerchg3 {
0% {opacity:1;}
15% {opacity:0;}
30%{opacity:1;}
45%{opacity:0;}
60%{opacity:1;}
75%{opacity:0;}
90%{opacity:1;}
100%{opacity:0;}
}
@keyframes cloerchg3 {
0% {opacity:1;}
15% {opacity:0;}
30%{opacity:1;}
45%{opacity:0;}
60%{opacity:1;}
75%{opacity:0;}
90%{opacity:1;}
100%{opacity:0;}
}
/*点灯屏幕闪光*/
/*引导页弹窗*/
#mcover_y {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 20000;
padding-top:2%;
-webkit-animation:cloerchg4 1s linear backwards;
-moz-animation:cloerchg4 1s linear backwards;
-o-animation:cloerchg4 1s linear backwards;
-ms-animation:cloerchg4 1s linear backwards;
animation:cloerchg4 1s linear backwards;
-webkit-animation-delay: 6s;
-moz-animation-delay: 6s;
-o-animation-delay:6s;
-ms-animation-delay: 6.s;
animation-delay:6s;
}
@-webkit-keyframes cloerchg4 {
0% {opacity:0;}
50% {opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes cloerchg4 {
0% {opacity:0;}
50% {opacity:0;}
100%{opacity:1;}
}
@-o-keyframes cloerchg4 {
0% {opacity:0;}
50% {opacity:0;}
100%{opacity:1;}
}
@-ms-keyframes cloerchg4 {
0% {opacity:0;}
50% {opacity:0;}
100%{opacity:1;}
}
@keyframes cloerchg4 {
0% {opacity:0;}
50% {opacity:0;}
100%{opacity:1;}
}
#mcover_y .ydxz {
position: fixed;
right:3%;
top:20%;
width:94%;
background:none;
z-index: 20001;
border-radius:10px;
}
.title{ width:100%; margin:0 auto;}
.title img{ width:100%;}
#mcover_y .ydxz .cons{ height:150px; background:#9ec0ba url(../img/logo.png) no-repeat right bottom;background-size:16%; width:89.22%; margin:0 auto; margin-top:-1.68%; border-radius:3px; border:4px solid #fff; position:relative;overflow-y:scroll;overflow-x:hidden}
#mcover_y .ydxz .cons p{ font-size:14px; text-shadow:1px 1px 1px #fff; color:#000; padding:6px 6px 6px 9px; line-height:22px; z-index:999999999}
#mcover_y .ydxz .cons span{ width:16%; position:absolute; right:1%; bottom:0; z-index:0}
#mcover_y .ydxz .cons span img{ width:100%;}
.bot{ width:100%; margin:0 auto; margin-top:-0.6%}
.bot img{ width:100%;}
.close2{ position:absolute; top:15.5%; right:0%;width:16%;z-index:20002}
.close2 img{ width:100%;margin:0 auto;}
.page1_2{
-webkit-animation-delay: 3.5s;
-moz-animation-delay: 3.5s;
-o-animation-delay:3.5s;
-ms-animation-delay: 3.5s;
animation-delay:3.5s;
}
.know{ font-size:14px; width:35%; text-align:center; margin:0 auto; margin-top:5%; height:30px; line-height:30px;background:#73b262;border-radius: 5px;box-shadow:1px 1px 1px #555;}
.know a{ color:#fff;}
/*引导页弹窗*/
/* 加载弹出层[[ */
.hide{display:none!important;}
.popload{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%;position: fixed;bottom:0;left:0;text-align:center;z-index:9999999;background-color:rgba(0,0,0,1);}
.popload-main{width: 180px;padding:15px 0;color:#000000;-webkit-border-radius:4px;border-radius:4px;overflow:hidden;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.2);box-shadow:0 0 6px 0 rgba(0,0,0,0.2);background-color:rgba(0,0,0,0.5);color:#FFFFFF;}
.popload-main-ico{display:inline-block;height:30px;width:30px;background-image:url("data:image/gif;base64,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");-webkit-background-size:auto 100%;background-size:auto 100%;}
.popload-main-txt{margin-top: 15px;}
/* 加载弹出层]] */