html,
body {
	width:100%;
	height:100%;
	position:relative;
	font-family: webFont;
}

.loading {
	width: 100%;
	height: 100%;
	background: url(../images/loading.jpg) no-repeat center;
	background-size: 100% 100%;
	overflow: hidden;
	position: relative;
}

.loading .logo {
	display: block;
	width: 2.62rem;
	height: 2.52rem;
	position: absolute;
	left: 1.24rem;
	top: 1.36rem;
}

.loading .ic_mouse {
	display: block;
	overflow: hidden;
	position: absolute;
	width: 11.9rem;
	height: 8.88rem;
	top: 6.7rem;
    left: 50%;
    margin-left: -5.92rem;
	background: url(../images/load_logo.png) no-repeat center top;
	background-size: 11.9rem 17.76rem;
}
.loading .ic_mouse:after {
	content: "";
	display:block;
	overflow: hidden;
	position: absolute;
	width: 11.9rem;
	height: 8.88rem;
	left:0;
	background: url(../images/load_logo.png) no-repeat 0 -8.88rem;
	background-size: 11.9rem 17.76rem;
}
.loading .ic_mouse {
	animation: ic_mouse 2s both linear infinite;
	-webkit-animation: ic_mouse 2s both linear infinite
}
.loading .ic_mouse:after {
	animation: ic_mousea 2s both linear infinite;
	-webkit-animation: ic_mousea 2s both linear infinite
}
@keyframes ic_mouse {
	0%, to {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
	80% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
}
@-webkit-keyframes ic_mouse {
	0%, to {
		-webkit-transform: translate(0);
	}
	80% {
		-webkit-transform: translateY(8px);
	}
}
@keyframes ic_mousea {
	0% {
		height: 0
	}
	80%, to {
		height: 100%
	}
}
@-webkit-keyframes ic_mousea {
	0% {
		height: 0
	}
	80%, to {
		height: 100%
	}
}
.kv {
	width: 100%;
	height: 100%;
	background: url(../images/kv.jpg) no-repeat center;
	background-size: 100% 100%;
	overflow: hidden;
	position: relative;
	display: none;
}
.kv .danmu {
	width: 100%;
	height: 2.9rem;
	position: relative;
	z-index:3;
}
.kv .danmu span{
	position: absolute;
	left: 110%;
	top: 3.84rem;
	white-space:nowrap;
	font-size:0.52rem;
	font-weight:600;
	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
	-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
	-moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
	font-family: arial;
}
.kv .slogan {
	display: block;
	width: 9.7rem;
	height: 2.82rem;
	position: absolute;
	top: 0.94rem;
	right: 2.64rem;
	z-index: 2;
}

.kv .play {
	display: block;
	width: 1.26rem;
	height: 1.26rem;
	overflow: hidden;
	position: absolute;
	top: 0.34rem;
	right: 0.4rem;
}
.kv .play img{
	display: block;
	width:100%;
	height:100%;
}
.kv .play img:nth-child(1){
	display: none;
}
.kv .play.active {
	animation: dialogLoading 2s linear infinite;
	-webkit-animation: dialogLoading 2s linear infinite;
}
.kv .play.active img:nth-child(1){
	display: block;
}
.kv .video {
	width: 13.7rem;
	height: 8.26rem;
	background: url(../images/video_bg.png) no-repeat center;
	background-size: 100% 100%;
	position: relative;
	margin: 3.3rem auto 0;
}
.kv .video #k_video{
	width:12.8rem;
	height:7.5rem;
	position:absolute;
	left:0.44rem;
	top:0.4rem;
	z-index:1;
	display: none;
}
.kv .video .canvasbox{
	width:12.8rem;
	height:7.5rem;
	position:absolute;
	left:0.44rem;
	top:0.4rem;
	z-index:2;
}
.kv .video .v_play{
	display: block;
	width:1.84rem;
	height:1.84rem;
	position:absolute;
	left:50%;
	margin-left:-0.92rem;
	top:50%;
	margin-top:-0.92rem;
	z-index:10;
}
.kv .video #child{
	width:12.8rem;
	height:7.5rem;
	position:absolute;
	left:0;
	top:0;
	border-radius: .5rem;
}
.kv .s_put {
	width: 12.66rem;
	height: 1.86rem;
	background: url(../images/kuang.png) no-repeat center;
	background-size: 100% 100%;
	position: relative;
	margin: 0.24rem auto 0;
}

.kv .s_put.p_put {
	margin-top: 0.56rem;
}

.kv .s_put input {
	width: 11.24rem;
	height: 1.56rem;
	background: none;
	outline: none;
	border: none;
	font-size: 0.52rem;
	color: #f1d792;
	line-height: 1.56rem;
	text-align: center;
	margin: 0.16rem 0 0 0.32rem;
	float:left;
}
.kv .s_put .sanjiao{
	display: block;
	width:0.5rem;
	height:0.25rem;
	float:left;
	margin:0.76rem 0 0 0;
}
.kv .s_put .t_ul{
	width: 12.66rem;
    max-height: 7.15625rem;
    background: url(../images/x_k.png) no-repeat center;
    background-size: 100% 100%;
    overflow: hidden;
    font-family: "微软雅黑";
    position: absolute;
    left: 0;
    top: 2rem;
    z-index: 2;
    display: none;
}
.kv .s_put .t_ul ul{
	width: 11.9375rem;
    height: 7rem;
    margin: 0 auto;
    overflow: auto;
}
.kv .s_put .t_ul ul li{
	width: 11.9375rem;
    height: 1.2rem;
    font-size: 0.54rem;
    text-align: center;
    line-height: 1.2rem;
    color: #b9a97e;
    background: url(../images/border.png) no-repeat center bottom;
    background-size: 100%;
}
.kv a{
	display: block;
	width:11.12rem;
	height:2.1rem;
	margin:0.44rem auto 0;
}
.kv a img{
	display: block;
	width:100%;
	height:100%;
}
.kv .s_put input::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #ffe49c;
}

.kv .s_put input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #ffe49c;
}

.kv .s_put input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #ffe49c;
}

.kv .s_put input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #ffe49c;
}
.second .bottom{
	width:100%;
	height:8.96rem;
	background:url(../images/zhe.png) no-repeat center;
	background-size:100% 100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:8;
}
.second .bottom .b_txt{
	display: block;
	width:7.98rem;
	height:1.18rem;
	margin:2.64rem auto 0;
}
.second .bottom .code_bg{
	width:10.92rem;
	height:1.3rem;
	background:url(../images/code_bg.png) no-repeat center;
	background-size:100% 100%;
	overflow: hidden;
	margin:0.3rem auto 0;
}
.second .bottom .code_bg p{
	font-size:0.56rem;
	color:#fff;
	text-align: center;
	line-height:1.3rem;
	font-family: arial;
}
.second .bottom .b_enter{
	display: block;
	width:11.12rem;
	height:2.1rem;
	margin:0.6rem auto 0;
}
.second .bottom .b_enter img{
	display: block;
	width:100%;
	height:100%;
}
@keyframes dialogLoading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes dialogLoading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
/*横竖屏提示*/

#orientLayer {
	display: none;
}

@media screen and (min-aspect-ratio: 13/9) {
	#orientLayer {
		display: block;
	}
}

.mod-orient-layer {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 9997
}

.mod-orient-layer__content {
	position: absolute;
	width: 100%;
	top: 45%;
	margin-top: -75px;
	text-align: center
}

.mod-orient-layer__icon-orient {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC');
	display: inline-block;
	width: 67px;
	height: 109px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-webkit-animation: rotation infinite 1.5s ease-in-out;
	animation: rotation infinite 1.5s ease-in-out;
	-webkit-background-size: 67px;
	background-size: 67px
}

.mod-orient-layer__desc {
	margin-top: 20px;
	font-size: 15px;
	color: #fff
}