html,body{width: 100%;height: 100%;}
body{margin: 0;padding: 0;overflow: hidden;}
.xft{width: 0;height: 0;overflow: hidden;}
.container{opacity: 0;background: url(../images/bg.png) no-repeat;width: 100%;background-size: 100% 100%;}
.container>div{position: relative;z-index: 3;}
.logos {padding: 20px;width: 180px;}
.logos img{display:block;width:100%;}
.title {}
.sound {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 22px;
}
.sound button{background:url(../images/changing.png) no-repeat;width: 40px;height: 50px;border: 0;padding: 0;background-size: 100% auto;display: inline-block;margin-top: 4px;margin-left: 9px;position: relative;cursor: pointer;}
.soundbox {background:url(../images/voise.png) no-repeat;background-size: 100% auto;width: 254px;color: #806a5a;font-size: 15px;cursor: pointer;overflow: hidden;}
.soundbox .sub {line-height: 48px;margin: 0 0 0 40px;}
.soundbox .sub span{margin-right: 3px;color: #9f1c13;font-weight: bold;font-size: 18px;margin-left: -17px;}
.title img{width: 82%;margin: 0 auto;display: block;}
.asset { position: absolute; z-index: 99; top: 0; bottom: 0; width: 100%;}
.asset ._load {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;color: #aaa;/* background: rgba(0, 0, 0, 0.7); */}
.asset ._load * { position: absolute; top: 50%; left: 50%; width: 100%;}
.asset ._load center {padding-bottom: 100%;left: 0;margin-top: -52.5%;}
.asset ._load sub { -webkit-animation: ani-load1 3s linear infinite both; width: 150%; padding-bottom: 150%; margin: -75% 0 0 -75%;;}
.asset ._load sup { width: 28.125%; padding-bottom: 28.125%; margin: -14.0625% 0 0 -14.0625%; }
.asset ._load em { width: 20%; padding-bottom: 20%; margin: -10% 0 0 -10%; overflow: hidden; border-radius: 100%; background-size: 100% 100%;}
.asset ._load var {left: 0;text-align: center;font-size: 1.2em;margin-top: 25%;top: 0;}
#lgif{width: 250px;position: relative;margin: 0 auto;display: block;left: 0;top: 0;margin-top: 3%;}

.avatar {display: inline-block;}
.avatar img{display: inline-block;height: 36px;width: auto;border: 2px solid #d84651;border-radius: 9px;margin-right: 7px;position: relative;top: 4px;}
.zan{margin-top: 15px;}
.zan .pointer{
  background: url(../images/pointer.png) no-repeat;
  width: 88px;
  height: 103px;
  margin: 0 auto;
  background-size: 100% auto;
  cursor: pointer;
  position: relative;
  animation: bounce 1s infinite linear;
  -webkit-animation: bounce 1s infinite linear;
}
.g1{width: 13px;position: relative;top: 3px;left: -21px; display: none;}
.g1_s{width: 13px;position: relative;top: 3px;left: -21px;}
.zan .pointer.on{animation: "";-webkit-animation:"";}
#viseq{background: url(../images/box.png) no-repeat;margin:0 auto;background-size: 100% auto;height: 56px;width: 352px;line-height: 51px;text-align: center;font-size: 16px;font-weight: bold;color: #ffa66f;}
#viseq p{margin-top: 0;}
.txt{color: #941613;font-size: 17px;font-weight: bold;line-height: 1.15;text-align: center;}
.txt p{margin: 12px 0;}
.envelope{position: absolute !important;z-index: 1;bottom: 0;width: 100%;}
.envelope img{display: block;width: 100%;}
.ewm{color: #714345;font-size: 14px;text-align: center;font-weight: bold;}
.ewm img{display: inline-block;margin-left: 8px;width: 75px;}
.ewm a {display: inline-block; }
.ewm .ewm4{}
.cpy{font-size: 13px;bottom: 0;text-align: center;width: 100%;color: #e0dcdc;line-height: 1.0;/* position: absolute !important; */background-color: #9f1d14;padding: 2px 0;}
.cpy p{margin: 6px 0;}
.poper{position: fixed;width: 100%;height: 100%;z-index: 9;display: none;top: 0;left: 0;}
.poper .tip{position: absolute;width: 30%;top: 30px;right: 30px;}
.poper .tip img{display:block;width:100%}
@media (min-width: 600px) {
	body{width: 600px; margin: 0 auto; overflow: hidden;position: relative; height: 900px;}

}

@keyframes bounce {
	0%{
		transform: scale(1.0, 1.0);
		-webkit-transform: scale(1.0, 1.0);
	}
	50% {
		transform: scale(1.12, 1.12);
		-webkit-transform: scale(1.12, 1.12);
	}
	100% {
		transform: scale(1.0, 1.0);
		-webkit-transform: scale(1.0, 1.0);
	}
}

@-webkit-keyframes bounce {
	0%{
		transform: scale(1.0, 1.0);
		-webkit-transform: scale(1.0, 1.0);
	}
	50% {
		transform: scale(1.12, 1.12);
		-webkit-transform: scale(1.12, 1.12);
	}
	100% {
		transform: scale(1.0, 1.0);
		-webkit-transform: scale(1.0, 1.0);
	}
}