@charset "utf-8";
/* CSS Document */

body, html {
	width:100%;
}
html{font-size:1px;}
@media screen and (max-width: 1920px) {
  html {
    font-size: 0.05208333333vw;
  }
}

body {
	margin:0;
	padding:0;
	font-family:"Montserrat", "微软雅黑", Arial;
	line-height:1.5;
	color:#333;
	width:100%; background:#fff;
	font-size:14px;
	margin:0px auto;
	min-width:1250px;
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	
}
img {
	border:0;
	display:inline;
	vertical-align: bottom;
	width:auto;
	height:auto;
	max-width:100%;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
.clear {
	clear:both;
}
.container {
	margin:0px auto;
   max-width:1500px;
   width:90%;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* {
	box-sizing: border-box;
}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center-y {
	display: flex;
	align-items: center;
}
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}


/*用户登录*/
.login_midd{ width:100%; height:100vh; background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-size: cover; }
.login_box{ padding: 40px 0px; justify-content: flex-end; display: flex;}
.login_box .login_1{background-color:rgba(255,255,255,0.8); border-radius: 8px; width: 440px; padding: 35px 30px 30px;box-shadow: 0px 0px 8px rgb(65 142 222 / 10%);}
.login_box .login_1 .title{ font-size: 28px; line-height: 1; font-weight: 600; margin-bottom: 35px;}
.login_box .login_1 .login_class{ border-bottom: 1px #e6e6e6 solid; margin-bottom: 25px;}
.login_box .login_1 .login_class ul li{ font-size: 20px; line-height: 2.5; display: inline-block; position: relative; font-weight: 600;}
.login_box .login_1 .login_class ul li:before{ content: ""; width: 100%; bottom: -1px; left: 0px; background-color: #598aff; height: 2px; position: absolute;}

.login_box .login_1 .login_book ul li.no1{ overflow: hidden; display: flex; align-items: center; justify-content: space-between; }
.login_box .login_1 .login_book ul li{ display:flex;align-items:center; margin-bottom:24px;}
.login_box .login_1 .login_book ul li .formbit{ flex:1; overflow:hidden; background-color:#fff;  height:40px; line-height:normal;border:0px; font-size:16px;border: 1px #c3d5e8 solid;border-radius: 8px; height: 52px;padding-right: 20px; outline:none; transition: all .3s ease;-webkit-transition: all .3s ease; padding-left: 64px;}
.login_box .login_1 .login_book ul li .formbit::-webkit-input-placeholder {
color:#999; 
}
.login_box .login_1 .login_book ul li.no1 .icon { width: 48px; text-align: center; border-right: 1px #c3d5e8 solid; height: 28px; position: absolute; left: 0px;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.login_box .login_1 .login_book ul li.no1 .icon img{ height: 21px; width: auto;}
.login_box .login_1 .login_book ul li.no1 .closed{ cursor: pointer; position: absolute;right: 20px;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); display:none;}
.login_box .login_1 .login_book ul li .on .closed{display: block;}
.login_box .login_1 .login_book ul li.no1 .closed img{ height: auto; width: 21px;}
.login_box .login_1 .login_book ul li.no1 .eye{ cursor: pointer;position: absolute;right: 20px;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.login_box .login_1 .login_book ul li.no1 .eye img{ height: auto; width: 21px;}
.login_box .login_1 .login_book ul li.no1 .eye.open .close,
.login_box .login_1 .login_book ul li.no1 .eye .view{display: none;}
.login_box .login_1 .login_book ul li.no1 .eye.open .view{display: block;}
.login_box .login_1 .login_book ul li.no1 .box{ flex:1; display: flex; align-items: center; justify-content:space-between; overflow: hidden; background-color: #fff;  position: relative;}
.login_box .login_1 .login_book ul li.no1 .code{ width: 153px; margin-left: 7px;}
.login_box .login_1 .login_book ul li.no2{ color: #999; margin-bottom: 39px;}
.login_box .login_1 .login_book ul li.no2 label{ color: #999; display: flex; align-items: center; cursor: pointer;}
.login_box .login_1 .login_book ul li.no2 .gray{ color: #999;}

.login_box .login_1 .login_book ul li.no2 label input[type='radio']{ width:14px; height:14px; border:1px #dde0e7 solid; -webkit-appearance: none;outline: none; margin-right:6px;
			cursor: pointer;background-color: #fff;}
.login_box .login_1 .login_book ul li.no2 label input[type=radio]:checked {	
			background: url(../images/gou_24.jpg) no-repeat center;
			background-size:cover;
			border: 0px ;
		}
.login_box .login_1 .login_book ul li.no3{ margin-bottom: 0px;}
.login_box .login_1 .login_book ul li.no3 .sumbit{ width:100%; border:0px;background-color:#5088fe;color:#fff; text-align:center; height:52px; line-height:normal; border-radius:8px; font-size:20px; cursor:pointer;outline:none;}
.login_box .login_1 .login_book ul li.no3 .sumbit:hover{ background-color: #2967e7;}
.login_box .login_1 .login_book ul li .formbit:focus{   border: 1px solid #598aff; }
.login_box .login_1 .login_book ul li .formbit.no2{ padding-left: 20px;}

@media screen and (max-width: 1200px) {
	
  }