* {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
body {
	width: 100%;
	height: 100%;
}

html,
body,
fieldset,
img,
iframe,
abbr {
	border: 0;
}

li {
	list-style: none;
}

textarea {
	overflow: auto;
	resize: none;
}

button {
	cursor: pointer;
}

a,
a:hover {
	text-decoration: none;
	color: #6f6f6f;
}

a,
a:active,
a:focus,
input,
button {
	outline: 0;
}

li {
	display: block;
}

.hide {
	display: none!important;
}

html,
body,
select,
textarea,
input,
button {
	font-family: "微软雅黑";
}

.clear {
	clear: both;
}

.hide {
	display: none;
}

.show {
	display: block;
}
.w_boy {
    width: 100%;
    height: 10.3rem;
    background: url(../images/kv.jpg) no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
.logo{
	display: block;
	width:2.91rem;
	height:1.39rem;
	position:absolute;
	top:0.35rem;
	left:0.13rem;
}
.l_yy{
	display: block;
	width:3.28rem;
	height:1.93rem;
	position:absolute;
	left:0;
	top:4.3rem;
}
.l_yy .b_img{
	display: block;
	width:100%;
	height:100%;
}
.l_yy .s_img{
	display: block;
	width:0.47rem;
	height:0.38rem;
	position:absolute;
	left:0.35rem;
	bottom:0.4rem;
	animation: animate1 2s linear infinite;
	-webkit-animation: animate1 2s linear infinite;
}
@keyframes animate1{
	0%{transform: translateX(10px) translateY(-5px);}
	50%{transform: translateX(0) translateY(0px);}
	100%{transform: translateX(10px) translateY(-5px);}
}
@-webkit-keyframes animate1{
	0%{transform: translateX(10px) translateY(-5px);}
	50%{transform: translateX(0) translateY(0px);}
	100%{transform: translateX(10px) translateY(-5px);}
}
.l_yy .s1_img{
	display: block;
	width:0.23rem;
	height:0.26rem;
	position:absolute;
	right:0.87rem;
	top:0.24rem;
	animation: animate2 2s linear infinite;
	-webkit-animation: animate2 2s linear infinite;
}
@keyframes animate2{
	0%{transform: translateX(0px) translateY(0px);}
	50%{transform: translateX(10px) translateY(-5px);}
	100%{transform: translateX(0px) translateY(0px);}
}
@-webkit-keyframes animate2{
	0%{transform: translateX(0px) translateY(0px);}
	50%{transform: translateX(10px) translateY(-5px);}
	100%{transform: translateX(0px) translateY(0px);}
}
.new{
	display: block;
	width:2.76rem;
	height:1.84rem;
	position:absolute;
	left:0;
	top:6.09rem;
	animation-delay: .3s;
	-webkit-animation-delay: .3s;
}
.new img{
	display: block;
	width:100%;
	height:100%;
}
.here{
	display: block;
	width:2.6rem;
	height:1.81rem;
	position:absolute;
	left:0;
	top:7.77rem;
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
}
.here img{
	display: block;
	width:100%;
	height:100%;
}
.b_t{
	width:100%;
	height:0.5rem;
	background:url(../images/b_bg.png) no-repeat center;
	background-size:100% 100%;
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	position:absolute;
	bottom:0;
}
.b_t a{
	display: block;
	font-size:0.2rem;
	color:#fff;
	margin:0 0.2rem;
	line-height:0.5rem;
}
.login{
	width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
}
.login_1{
	width:5.02rem;
	height:9.01rem;
	position:relative;
	background:url(../images/login1.png) no-repeat center;
	background-size:100% 100%;
	left:50%;
	top:50%;
	margin-left:-2.51rem;
	margin-top:-4.505rem;
}
.s_login{
	width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
}
.chengg{
	width:100%;
	height:1px;
	background:none;
}
.code{
	width:4.12rem;
	height:1.85rem;
	overflow: hidden;
	position:relative;
	margin:3.53rem auto 0;
	display: flex;
	display: -webkit-flex;
}
.code .c_bg{
	width:1.5rem;
	height:1.83rem;
	background:url(../images/c_bg.png) no-repeat center;
	background-size:100% 100%;
	overflow: hidden;
	position:relative;
	margin-right:0.12rem;
}
.code .c_bg img{
	display: block;
	width:1.37rem;
	height:1.37rem;
	margin:0 auto;
	position:relative;
	margin-top:0.05rem;
}
.code .c_bg p{
	font-size:0.18rem;
	text-align: center;
	color:#000;
}
.code .r_bg{
	width:2.4rem;
	height:100%;
	overflow: hidden;
	position:relative;
}
.code .r_bg p{
	font-size: 0.24rem;
	color:#fff;
	line-height:0.45rem;
}
.code .r_bg p a{
	color:#f8e19d;
}
.b_list{
	width:4.02rem;
	overflow: hidden;
	position:relative;
	margin:0.75rem auto 0;
}
.b_list .b_l{
	font-size:0.24rem;
	color:#796838;
	margin-left:0.12rem;
}
.b_list .b_l a{
	color:#a81c2a;
	text-decoration: underline;
	margin-left:0.15rem;
}
.b_list .b_l em{
	font-size:0.2rem;
	color:#000;
	font-style: normal;
	margin-left:0.15rem;
}
.b_list .b_l .s_p{
	margin-left:0.34rem;
}
.b_list .b_l .s_p a{
	display: inline-block;
	width:1.27rem;
	height:0.5rem;
	background:url(../images/qun.png) no-repeat center;
	background-size:100% 100%;
	text-decoration: none;
	text-align: center;
	line-height:0.5rem;
}
.b_list .b_l:nth-child(2){
	margin-top:0.2rem;
}
.b_list .b_l:nth-child(3){
	margin-top:0.2rem;
}
.close{
	display: block;
	width:0.84rem;
	height:1.23rem;
	position:absolute;
	left:50%;
	margin-left:-0.42rem;
	bottom:-0.15rem;
}

.login_2{
	width:6.01rem;
	height:9.5rem;
	background:url(../images/login2.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-3.005rem;
	margin-top:-4.75rem;
}
.login_p{
	width:5.1rem;
	overflow: hidden;
	position:relative;
	margin:3.3rem auto 0;
}
.login_p p{
	font-size:0.2rem;
	line-height:0.4rem;
	text-align: left;
}
.login_p p:nth-child(1){
	color:#a81c2a;
}
.login_p p:nth-child(2){
	color:#333;
	margin:0.4rem 0;
}
.login_p p:nth-child(3){
	color:#a81c2a;
}
.s_close{
	display: block;
	width:0.84rem;
	height:1.23rem;
	position:absolute;
	left:50%;
	margin-left:-0.42rem;
	bottom:-0.15rem;
}