@charset "utf-8";
html,body { font:14px/20px 微软雅黑,"Microsoft Yahei"; color:#555; background:url(../images/bg.jpg) no-repeat center top; background-size:cover;}

.login-wrapper { width: 100%; height: 100vh; background: url('../images/login-bg.png') no-repeat 0 0; background-size: 100% 100%;}
.c-btn-blue { border-color: #7165E3; background: #7165E3; border-radius: 20px !important;}
.c-btn-blue:hover, .c-btn-blue:focus,.c-btn-blue:active { border-color: #7165E3; background: #7165E3;opacity: 0.8}
.login-wrap { width: 742px; height:435px; background-color:#fff; background-color:rgba(255,255,255,.95); margin: 0 auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;_width: 742px;_height:435px;_background:#fff;}
.login-wrap-fixed {position:fixed; left:50%; top:50%; margin-left:-371px; margin-top:-217px;_position:absolute;_width:742px;_height:235px;_background:#fff;}
.login-tit { height: 38px; padding:35px 0 15px;color:#7165E3;font-size:22px;text-align:left;width:548px;margin:0 auto;line-height:38px;}
.login-tit img { display: block; margin-top:5px; padding-right:10px;}
.login { position: relative; width: 700px; margin: 0 auto 0;}
.signin-area { display: inline; float: left; margin: 0 20px 0 54px; width: 240px; padding:1px 17px;}
.input-login-text { margin: 0 0 30px; padding:0; font-size: 18px; font-weight: 100; text-align: left; color:#838383;}
.signin-area-bg { display: inline; float: left; width:255px; margin-top:0; min-height:253px; position: relative;}
.input01 { padding:2px 2px 2px 10px; width:240px; height: 30px; line-height: 30px; border:1px solid #ccc; color:#868686; font-size: 16px;}
.btn-signin { width: 254px; height: 36px; font-size: 16px;}
.input-boxer {border:1px solid #dddddd;padding:6px 10px;color:#bbbbbb;border-radius:20px;background:#fff;line-height:26px;}
.input-boxer span{display:block;}
.input-boxer input{border:none;height:24px;line-height:24px;width:207px;color:#bbbbbb;_width:188px;_border:0 none; outline:none;}
.input-boxer.focus{border-color:#7165E3;}
.sign-input-a{width:255px;}
.sign-input-a a{padding:10px 0;}
.remember-password{font-size:13px;}
.remember-password a{color:#7165E3;}
.icon-chkbox { display: inline-block; width:16px; height:17px; margin-right: 8px; background: url(../images/icon-checkbox.png) no-repeat; vertical-align: middle; *display: inline; *zoom:1;}
.icon-chkbox.checked { background-position: -16px 0;}
.gou_boxer{cursor:pointer;}


.login-wrap-small { overflow: hidden; position: fixed; left: 50%; top: 50%; z-index: 10; width: 396px; height: 350px; _width: 396px;_height:400px; -webkit-transform: translate(-50%,-80%); transform: translate(-50%,-80%);}
.login-wrap-small.login-wrap-fixed{margin-left:-198px; margin-top:-200px; _width:396px;_height:200px;}
.login-wrap-small .login-tit {width: 255px;}

/* 忘记密码 */
.pop-mask {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 39;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}
.pop-login-rule {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 40;
  width: 600px;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 0px 3px 30px 1px rgba(0, 0, 0, 0.1);
}

.pop-login-rule.login-forget {
  width: 440px;
}

.pop-login-rule .rule-close {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 5;
  width: 30px;
  height: 30px;
  background: url('../images/mask-close.png') no-repeat center;
  background-size: 12px 12px;
}

.forget-head {
  padding: 20px;
}

.forget-head .hd-tit {
  line-height: 1.2;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: normal;
  color: #1E1C1D;
}

.forget-head .hd-des {
  line-height: 1.3;
  font-size: 12px;
  color: #FF6F00;
}

.forget-main {
  padding: 0 20px;
}

.login-opera-box {
	margin-bottom: 10px;
}

.login-opera-box .opera-row {
	position: relative;
	display: flex;
	align-items: center;
	border: 1px solid #F2F6FA;
	border-radius: 5px;
	background: #F2F6FA;
	margin-bottom: 20px;
	padding: 8px 15px;
}

.login-opera-box .opera-row.active {
	border-color: #7165E3;
	box-shadow: 0px 3px 10px 1px rgba(113, 101, 227, .3);
}

.login-opera-box .opera-row.disabled {
	background: #F4F6F9;
}

.login-opera-box .opera-row.disabled .r-edit {
	pointer-events: none;
}

.login-opera-box .opera-row.ready .r-edit {
	pointer-events: none;
}

.login-opera-box .opera-row.fail {
	border-color: #ff4633;
	box-shadow: 0px 3px 10px 1px rgba(255, 89, 90, 0.3);
	margin-bottom: 30px;
}

.login-opera-box .opera-row.fail .r-fail {
	display: block;
}

.login-opera-box .opera-row .r-tit {
	width: 110px;
	line-height: 1.1;
	font-size: 14px;
	color: #1E1C1D;
}

.login-opera-box .opera-row .r-edit {
	display: block;
	flex: 1 1 1px;
	width: 1px;
	background: transparent;
	height: 30px;
	font-size: 14px;
	color: #1E1C1D;
}

.login-opera-box .opera-row .r-edit::-webkit-input-placeholder {
	color: #999999;
}

.login-opera-box .opera-row .r-code {
	position: relative;
	display: block;
	height: 28px;
	line-height: 28px;
	padding-left: 20px;
	text-align: right;
	font-size: 14px;
	color: #7165E3;
}

.login-opera-box .opera-row .r-code.code-bdl::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 16px;
	background: #E1E1E1;
	margin-top: -8px;
}

.login-opera-box .opera-row .r-imgCode {
	display: block;
	width: 140px;
	height: 50px;
}

.login-opera-box .opera-row .r-imgCode > img {
	vertical-align: top;
	width: 140px;
	height: 50px;
	object-fit: contain;
}

.login-opera-box .opera-row .r-fail {
	display: none;
	position: absolute;
	left: 0;
	top: 110%;
	width: 100%;
	line-height: 1.3;
	padding-bottom: 10px;
	font-size: 13px;
	color: #ff4633;
}

.login-btn {
	display: block;
	height: 44px;
	line-height: 44px;
	background: #7165E3;
	border-radius: 5px;
	margin-top: 0;
	margin-bottom: 20px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

.login-btn:hover {
	background-color: #7165E3;
}