
	
body{background:#f7f7f7 }
	.login_cen{background: #f7f7f7;height: 100vh;width: 100%;display: flex;align-items: center;overflow-y: auto;}
	.login_position{width: 75%;margin: 0 auto;transition: all 0.3s}
	.login_positionzc{width: 1000px!important;margin: 0 auto;transition: all 0.3s}
	.login_logo{padding-bottom: 30px;padding-top: 25px}
.login_logo img{display: block;height: 45px;width: auto}
	.login_content{background: #fff;box-shadow: 2px 3px 18px #ddd;overflow: hidden;display: flex;flex-wrap: wrap;align-items: center}
	.login_content dd {width: 52%;float: left}
	.login_content dt{width: 38%;float: left;padding: 40px 5%}
	.login_content dt h2{text-align: center;font-size: 28px;margin-bottom: 40px}
	.login_content dd img{display: block;width: 100%;height: auto}
	input{outline: none}
	.login_input li{width: 94%;background: #f7f7f7;border-radius: 300px;margin-bottom: 17px;overflow: hidden;padding: 0 3%}
	.login_input input{width: calc(100% - 56px);padding: 17px 28px;border: 0;}
	.login_li_1 input{background: url(../images/login_u.png) no-repeat left center;background-size: 20px}
	.login_li_2 input{background: url(../images/login_m.png) no-repeat left center;background-size: 20px}
	.login_li_3 input{background: url(../images/login_y.png) no-repeat left center;background-size: 20px}
	.login_li_4 input{background: url(../images/login_n.png) no-repeat left center;background-size: 20px}
	.login_li_5 input{background: url(../images/login_t.png) no-repeat left center;background-size: 20px}
	.login_li_6 input{background: url(../images/login_g.png) no-repeat left center;background-size: 20px}
	
	
.login_input input::-webkit-input-placeholder{font-size: 15px;}
.login_input input::-moz-input-placeholder{font-size: 15px;}
.login_input input::-ms-input-placeholder{ font-size: 15px;}
	
	.login_yz{display: flex;}
	.login_yzimg{margin-left: 15px}
	.login_yzimg img{display: block;height: 50px;width: auto;cursor: pointer}
	.login_btn{margin-top: 15px}
	.login_btn button{width: 100%;border: 0;background: #1da5a5;color: #fff;height: 48px;border-radius: 300px;font-size: 16px;cursor: pointer;transition: all 0.3s}
	.login_btn button:hover{background: #2abbbb}
	.zhuce_a{width: 48%;text-align: center;margin-top: 20px;font-size: 15px;color: #999}
	.zhuce_a a{color: #1da5a5;margin-left: 6px}
	.zhuce_a a:hover{text-decoration: underline}
	
	.dl_a{width: 100%;text-align: center;margin-top: 20px;font-size: 15px;color: #999;margin-bottom: 15px}
	.dl_a a{color: #1da5a5;margin-left: 6px}
	.dl_a a:hover{text-decoration: underline}
	
	.zhuce_cen{display: inherit;}
	.zhuce_cen dt{margin: 0 auto;float: inherit;padding: 35px 0;width: 500px}
	


.perul .per_li{display: flex;padding: 13px 0;border-bottom: 1px solid #f7f7f7;align-items: center}
.perul .per_li:nth-last-child(1){border: 0}
.perul .per_li span:nth-child(1){width: 85px;text-align: right;margin-right: 22px;font-size: 15px;color: #666}
.perul .per_li span:nth-child(2){font-size: 15px;width: calc(100% - 107px)}
.perul .last_li span:nth-child(2){cursor: pointer;display: flex;align-items: center}
.last_li img{height: 30px;width: auto;padding:0 5px }
.last_li span{}

.my_sqs{display: block;color: #fff;background: #1da5a5;width: 100px;padding: 7px 0;text-align: center;font-style: normal;border-radius: 6px;cursor: pointer}
.my_sqs:hover{background: #2abbbb;color: #fff}
.my_sqs_on{display: block;color: #666;background: #ddd;width: 100px;padding: 7px 0;text-align: center;font-style: normal;border-radius: 6px;cursor: pointer}
.my_sqs_on:hover{background: #ddd;color: #666}
.shstate{font-style: normal;color: red}
.shstate_on{font-style: normal;color: #1da5a5}

.zhuce_cen li input{padding: 16px 28px;}
.zhuce_cen li{margin-bottom: 15px}

.login_positionzc .login_logo{padding-bottom: 22px}
.zhuce_cen dt h2{margin-bottom: 32px}



.viewcen {
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.3);
	position: fixed;
	top: 0;
	z-index: 888888;
	display: none;
	margin: 0 auto
}

.shouquan{
	position: absolute;
	top: 10vh;
	width: 700px;
	background: #fff;
	height: 80vh;
	left:50%;
	margin-left: -350px;
	overflow-y: auto
	
}

.sq_cen{line-height: 28px;padding: 0;position: relative}
.sq_cen h1{text-align: center;font-size: 20px;margin-bottom: 20px;position: fixed;top: 10vh;text-align: center;background: #fff;width: 680px;padding: 25px 0}
.sq_cen .sq_2{margin-top: 80px;padding: 0 3%}
.sq_cen .sq_2 img{max-width: 100%;height: auto;margin: 8px 0}

.closebtn {
	position: fixed;
	top: 10vh;
	right: calc((100% - 650px)/2);
	padding: 30px 15px 0 0
}
	@media (max-width: 1700px){
		.login_content dt{width: 36%}
		.login_content dd{width: 54%}
		.zhuce_cen dt{width: 500px;}
	}
	
	@media (max-width: 1600px){
		.login_position{width: 85%;}
	}
	
	@media (max-width: 1400px){
		.login_position{width: 90%;}
		.login_content dt h2{font-size: 26px}
	}
	
	@media (max-width: 1300px){
		.login_content dt h2{margin-bottom: 32px}
		.login_content dd img{height: 433px}
	}
	
	
	@media (max-width: 1200px){
		.login_positionzc{width: 80%!important;}
		.zhuce_cen dt{width: 70%;}
	}

@media (max-width: 1024px){
	.du_xz dd span{display: none}
	.du_xz dt{display: none}
	.bmc-head {padding: 0px 0 15px;}
	.du_xz_cen{width: 96%;display: inherit}
	.du_xz dd{display: inherit;text-align: right;padding-right: 15px}
}
@media (max-width: 1023px){
	
	.login_position{width: 80%;}
	.login_content dd{display: none}
	.login_content dt{width: 80%;margin: 0 auto;float: inherit}
	.zhuce_a{width: 100%;text-align: center}
	.login_logo img{display: block;width: 40%;height: auto;margin: 0 auto;margin-bottom: 20px}
	.perul .per_li{padding: 12px 0}
	}
	@media (max-width: 640px){
		.login_position{width: 94%;}
		.login_positionzc{width: 94%!important;}
		.zhuce_cen dt{width: 85%;}
		.login_logo img{margin: 0 auto;display: block;width: 55%;height: auto;}
		.login_content dt h2{font-size: 25px;margin-bottom: 35px;}
		.login_logo img{display: block;width: 55%;height: auto;margin: 0 auto}
		.login_input li{width: 90%;padding: 0 5%}
	}

@media (max-width: 750px){
	
	.shouquan{
	top: 5vh;
	width: 94%;
	height: 90vh;
	left:3%;
	margin-left: 0;
	
}

.sq_cen h1{top: 5vh;width: calc(94% - 10px);padding: 25px 0}

.closebtn {
	position: fixed;
	top: 5vh;
	right: 25px;
	padding: 30px 15px 0 0
}
	
}