@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;}
/*img{border: none;pointer-events: none;}*/  
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{background: url(../images/sh_logo.png);background-size: 100% 100%;width: 4.5rem;height: 1.69rem;margin: 65% auto 0;}
.percent{font-size: .28rem;text-align: center;padding-top: .1rem;}

.last{width: 100%;position: absolute;font-size: .26rem;display: none;bottom: 0;}
.last .author{width: 100%;background: #296a92;color: #000;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;}

.tips{position: absolute;z-index: 100;width: .16rem;left: 50%;margin-left: -.08rem;bottom: .5rem;height: 2rem;overflow: hidden;}
.line{border-left:1px dashed #a91167;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 #a91167;position: absolute;bottom:.3rem;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;}

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