@charset "gb2312";
* {margin:0;padding:0;border:0;-webkit-user-select:text}
a,img {-webkit-touch-callout:none;}
body,p,li,ul,div,span{margin: 0;padding: 0;}

body,html{height: 100%;margin:0 auto;font-family: -apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;}
ul,li{list-style: none;}
a{text-decoration: none;}

html, body{width: 100%;height: 100%;padding: 0;margin: 0;background: #fcfdff;overflow: hidden;}
#canvas{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.wrap{height: 100%;position: relative;overflow: hidden;background: #fcfdff;}
.load{width: 100%;height: 100%;position: absolute;z-index: 500;background: #fff;overflow: hidden;}
.sh_logo{width: 4.5rem;margin: 60% auto 0;}
.sh_logo img{width: 2.7rem;height: auto;margin: 0 auto;display: block;animation:logo 1.4s infinite linear;-webkit-animation:logo 1.4s infinite linear;}
.percent{font-size: .28rem;text-align: center;padding-top: 10%;}

/*.last{width: 100%;position: absolute;font-size: .26rem;display: none;bottom: 0;}
.last .author{width: 100%;background: #64a83b;color: #fff;overflow: hidden;padding: .3rem 0 .4rem;}
.author_logo{width: 2.4rem;height: 1.7rem;position: absolute;left: .4rem;top: .5rem;}
.author_logo img.gog_logo{width: 2rem;display: inline-block;height: auto;margin-bottom: .2rem;}
.author_logo img.zw_logo{width: 1.8rem;display: inline-block;height: auto;margin-left: .05rem;}
.author_p{float: right;width: 4rem;text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black;}*/

.tips{position: absolute;z-index: 100;width: .16rem;left: 50%;margin-left: -.08rem;bottom: .5rem;height: 1.4rem;overflow: hidden;}
.line{border-left:1px dashed #e2493b;height: 2rem;width: 0px;margin: 0 auto;}
.triangle{width:0;height:0;border-left:.08rem solid transparent;border-right:.08rem solid transparent;border-bottom:.16rem solid #e2493b;position: absolute;bottom:.3rem;animation:tips 1.4s infinite linear;-webkit-animation:tips 1.4s infinite linear;}

.pc_bg{width: 100%;height: 100%;overflow: hidden;position: fixed;z-index: 10000;left: 0;top: 0;bottom: 0;right: 0;background: #000;display: none;}
.pc_bg img{width: 250px;height: 250px;display: block;margin: 10% auto 30px;}
.pc_bg:after{content:'为了更好的体验，请使用手机扫描二维码浏览';display:block;color:#fff;text-align:center;font-size:20px;}

/*.tip_chioce{background: url(../images/tips.png);background-size: 100% 100%;width: 4.91rem;height: .45rem;position: absolute;top: 12%;left: 50%;margin-left: -2.455rem;}
.logo{text-align: center;}
.author{font-size: .26rem;color: #fffbd5;position: absolute;left: 2.72rem;top: 75%;}*/
.light{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 100;background: #fff;display: none;}
.date{background: url(../images/date.jpg);width: 4.35rem;height: 2.64rem;background-size: 100% 100%;position: absolute;left: 1.025rem;top: 1%;}
.wish{background: url(../images/wish.jpg);width: 3.11rem;height: .99rem;background-size: 100% 100%;position: absolute;top: 26%;left: 1.645rem;}
.dg{background-image: url(../images/dg_1.png);background-size: 100% 100%;width: 6.04rem;height: 4.28rem;position: absolute;top: 40%;left: .18rem;}
.logo{background: url(../images/gog_logo.png);width: 2.32rem;height: .6rem;position: absolute;top: 85%;left: .6rem;background-size: 100% 100%;}
.zw{background: url(../images/zwlogo.jpg);width: 2.35rem;height: .8rem;position: absolute;top: 84%;right: .6rem;background-size: 100% 100%;}

@keyframes tips {
	0% {
		transform: translateY(0); 
	}
	100% {
		transform: translateY(-2rem); 
	}
}

@-webkit-keyframes tips {
	0% {
		-webkit-transform: translateY(0); 
	}
	100% {
		-webkit-transform: translateY(-2rem); 
	}
}

@keyframes logo {
	0% {
		transform: rotateY(0); 
	}
	100% {
		transform: rotateY(360deg); 
	}
}

@-webkit-keyframes logo {
	0% {
		-webkit-transform: rotateY(0); 
	}
	100% {
		-webkit-transform: rotateY(360deg); 
	}
}