@charset "utf-8";
/* CSS Document */
body, html {
	width:100%;
}
html{font-size:10px;}
@media screen and (max-width: 1920px) {
  html {
    font-size: 0.5208333333vw;
  }
}

body {
	margin:0;
	padding:0;
	font-family:"Montserrat", "微软雅黑", Arial;
	line-height:1.5;
	color:#000;
	width:100%; background:#fff;
	font-size:14px;
	margin:0px auto;
	min-width:1250px;
}
a {
	color:#000;
	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:1920px;
   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;
}


/*用户登录*/
.login_midd{ width:100%; height:100vh; position:relative;display: flex;
	flex-direction: column;
	justify-content: space-between;}
.header_1{ margin-top: 4.5rem; margin-bottom: 15px;}
.header_1 .logo ul li{ padding-right: 10px; margin-right: 10px; position: relative;}
.header_1 .logo ul li:after{ content: ""; position: absolute; right: 0px; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); width: 1px; height: 80%; background-color: #ecedf1;}
.header_1 .logo ul li img{ height: 8.9rem; width: auto;}
.header_1 .logo ul li:last-child:after{ display: none;}
.login_1{ flex:1; display: flex; align-items: center;}
.login_1 .login_right{ width: 46%; margin-left: 5%; border-radius: 10px; border: 1px #ebedf2 solid; padding: 6rem 10rem 2.9rem; font-size: 16px; color: #262a33;}
.login_1 .login_box{ display: flex; align-items: center; justify-content: space-between; width: 100%;}
.login_1 .login_box .login_left{ flex:1; overflow: hidden;}
.login_1 .login_box .login_left .list{ width: 90%; margin: 0px auto;}
.login_1 .login_box .login_left .list ul li{ text-align: center;}
.login_1 .login_box .login_left .s_btn{display: flex; align-items: center; justify-content: center; margin-top: 5.6rem; }
.login_1 .login_box .login_left .s_btn span{background-color: #dcdde1; width: 15px; height: 3px; margin: 0px 4px; display: inline-block; cursor: pointer; border-radius: 0px;}
.login_1 .login_box .login_left .s_btn span.active{  background-color: #386ee7;}
.login_1 .login_right .title{ font-size: 4rem; color: #262a33; margin-bottom: 5rem; line-height: 1;}
.login_1 .login_right .login_class ul li{ color: #7d8085; margin-right: 3.6rem; position: relative; cursor: pointer;}
.login_1 .login_right .login_class ul li.cur{ color: #386ee7;}
.login_1 .login_right .login_class ul li.cur:after{ content: ""; bottom: -7px; background-color: #386ee7; width: 14px; height: 3px; left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); position: absolute;}
.login_1 .login_right .login_class { margin-bottom: 3.5rem;}

.login_1 .login_right .login_book { margin-bottom: 7.3rem;}
.login_1 .login_right .login_book ul li.no1{ border: 0.1rem #e7e7e8 solid; padding: 0px 1.8rem; border-radius: 1rem;}
.login_1 .login_right .login_book ul li{ display:flex;align-items:center; margin-bottom:2.3rem;}
.login_1 .login_right .login_book ul li .formbit{ flex:1; overflow:hidden; background-color:#fff;  height:7rem; line-height:normal; padding:0px 0rem; border:0px; font-size:16px; outline:none;}
.login_1 .login_right .login_book ul li .formbit::-webkit-input-placeholder {
color:#999; 
}
.login_1 .login_right .login_book ul li.no1.juli{ margin-bottom: 3.8rem;}
.login_1 .login_right .login_book ul li.no2{ margin-bottom: 2.5rem; padding-left: 1.2rem; }
.login_1 .login_right .login_book ul li.no2 label{ display: flex; align-items: center;}
.login_1 .login_right .login_book ul li.no2 label input{margin: 0px; margin-right: 5px; }
.login_1 .login_right .login_book ul li.no2 a{ color: #4c6aff; margin: 0px 5px;}
.login_1 .login_right .login_book ul li.no1 .code img{ height: 2.5rem; width: auto; display: block; cursor: pointer;}
.login_1 .login_right .login_book ul li .sumbit{ width:100%; border:0px;background-color:#386ee7;color:#fff; text-align:center; height:8rem; line-height:normal; border-radius: 1rem; font-size:18px; cursor:pointer;outline:none;}
.login_1 .login_right .login_book ul li.no1.pdd1{ padding-right: 0px;}
.login_1 .login_right .login_book ul li.no1.pdd1 .code1{border-radius:0px 1rem 1rem 0px; overflow: hidden; width: 110px; height: 100%;}
.login_1 .login_right .login_book ul li.no1.pdd1 .code1 img{ width: 100%; height: 100%; display: block;}

.login_1 .login_right .login_book ul li.no4 .tpright img{ height: 1.7rem; width: auto; display: block;}
.login_1 .login_right .login_book ul li.no4 .tpright .items{ padding: 0px 10px; line-height: 1; }
.login_1 .login_right .login_book ul li.no4 .tpright a{ display: flex; align-items: center; color: #7d8085;}
.login_1 .login_right .login_book ul li.no4 .tpright .items:nth-child(1){border-right: 1px #cbccce solid;}
.login_1 .login_right .login_book ul li.no4 .tpright .items:last-child{ padding:0px 0px;}
.login_1 .login_right .login_book ul li.no4 .tpright .items .icon{ margin-left: 4px;}
.login_1 .login_right .login_book ul li.no5 { color: #f74f4f;}
.login_1 .login_right .login_book ul li.no5 img{ height: 1.9rem; width: auto; margin-right: 5px;}
.login_1 .login_right .langer { margin-left: -6.5rem;}
.login_1 .login_right .langer a{ display: flex; align-items: center; color: #7d8085;}
.login_1 .login_right .langer a img{ height: 1.9rem; width: auto; margin-left: 5px;}
.login_1 .login_right .blue{color: #4c6aff !important;}
.tabcontent_1 .login_book{
	display:none;
}
.tabcontent_1 .login_book.cur{
	display: block;
}

.footer{ padding-bottom:15px; text-align:center; margin-top: 20px; color: #7d8085; font-size: 14px; }
.footer a{ color: #7d8085; padding: 0px 5px;}
.footer p{ margin-bottom: 10px; color:#ddd;}
.footer a:hover{ color: #222;}

@media screen and (max-width: 1200px) {
	html {
	  font-size: 7px;
	}
  }