﻿@charset "utf-8";

/*===================================
* copyRight: 
* fileName: login.css
* createTime: 2019/05/20
* author: 
* version: 1.1
* modify: {}
* description: 登录
===================================*/

._login_ ._view_ .logo {
	width: auto;
	height: 50px;
	overflow: hidden;
    margin-top: 7px;
}
._login_ ._view_ .logo .txt{
	height: 18px;
	line-height: 18px;
	font-size: 20px;
	color: #333;
	padding-left: 17px;
	margin-left: 16px;
	border-left: 1px solid #dedede;
	display: inline-block;
	position: relative;
	top: 20px;
}
/* header */
._login_ .header {
	padding: 22px 0;
}

/* 网络安全 */
._login_ .rule {
	height: 38px;
	line-height: 38px;
	background-color: #fff8f2;
	color: #999;
	margin-top: 22px;
	text-align: center;
}
._login_ .rule i,
._login_ .rule span {
	display: inline-block;
	vertical-align: top;
}
._login_ .rule i {
	font-size: 18px;
	margin-right: 5px;
}

/* content */
._login_ .content {
	height: 380px;
	padding: 60px 0;
	background-color: #e86069;
}
._login_ .content .banner {
	float: left;
    padding-top: 15px;
    padding-left: 94px;
    padding-right: 94px;	
}
._login_ .content .banner img {
	background: none;
}

._login_ .content .login-tab {
	width: 310px;
	height: 340px;
	background-color: #fff;
	float: left;
	padding: 20px;
	position: relative;
}

._login_ .content .login-tab .tab-controller {
	border-bottom: solid 1px #ddd;
	padding-bottom: 15px;
}
._login_ .content .login-tab .tab-controller li {
	width: 50%;
	float: left;
	text-align: center;
}
._login_ .content .login-tab .tab-controller li a {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #999;
}
._login_ .content .login-tab .tab-controller li.zh a {
	border-right: solid 1px #ddd;
}
._login_ .content .login-tab .tab-controller li.current a {
	font-weight: 600;
	color: #d83030;
}
._login_ .content .login-tab .tab-response {

}
._login_ .content .login-tab .tab-response .tab-response-item {
	display: none;
}
._login_ .content .login-tab .tab-response .tab-response-item.current {
	display: block;
}
._login_ .content .login-tab .tab-response .msg {
	height: 24px;
	margin-top: 3px;
	margin-bottom: 3px;
}
._login_ .content .login-tab .tab-response .msg p {
	display: none;
	height: 22px;
	line-height: 22px;
	border: solid 1px #faccc6;
	background-color: #fff0f0;
	color: #d83030;
	padding-left: 10px;
}
._login_ .content .login-tab .tab-response .msgi,
._login_ .content .login-tab .tab-response .msg span {
	vertical-align: top;
}
._login_ .content .login-tab .tab-response .msg i {
	margin-right: 5px;
}
._login_ .content .login-tab .tab-response .form {

}
._login_ .content .login-tab .tab-response .form li {
	margin-bottom: 15px;
}
._login_ .content .login-tab .tab-response .form li:last-child{
	margin-bottom: 10px;
}
._login_ .content .login-tab .tab-response .form .inner {
	border: solid 1px #ddd;
}
._login_ .content .login-tab .tab-response .form input {
	height: 20px;
	padding: 10px;
	width: 92%;
	border: none;
	font-size:17px;
}
._login_ .content .login-tab .tab-response .form li.error {
	border-color: #d83030;
}
/* 短信验证码 */
._login_ .content .login-tab .tab-response .form li.sms input {
	float: left;
	width: 60%;
}
._login_ .content .login-tab .tab-response .form li.sms .captcha {
	float: right;
	width: 90px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	color: #666;
	cursor: pointer;
}
._login_ .content .login-tab .tab-response .form li.sms .captcha.disabled {
	cursor: default;
	color: #ddd;
}
._login_ .content .login-tab .tab-response .form li .verify {
	height: 38px;
	background-color: #ededed;
	border-radius: 2px;
	position: relative;
	text-align: center;
	line-height: 38px;
	color: #666;
}
._login_ .content .login-tab .tab-response .form li .verify .verify-okbg {
	background-color: #7ac23c;
	width: 0;
	height: 38px;
}
._login_ .content .login-tab .tab-response .form li .verify .verify-text {
	position: absolute;;
	top: 0;
	left: 0;
	width: 308px;
	user-select: none;
}
._login_ .content .login-tab .tab-response .form li .verify .verify-slider {
	width: 46px;
	height: 36px;
	border: solid 1px #aaa;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 1px;	   
	background-color: #fff; 
	background-position: center center;
	background-repeat: no-repeat;
	cursor: move;
}
._login_ .content .login-tab .tab-response .form li .verify .verify-slider.regular {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==);
}
._login_ .content .login-tab .tab-response .form li .verify .verify-slider.ok {
	    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==);
}
._login_ .content .login-tab .tab-response .forget {
	padding-bottom: 15px;
	/*text-align: right;*/
	float: right;
}
._login_ .content .login-tab .tab-response .forget a {
	color: #666;
}
._login_ .content .login-tab .tab-response .preserve_gou{
	float: left;
	padding-bottom: 15px;
}
._login_ .content .login-tab .tab-response .preserve_password{
	float: left;
	padding-bottom: 15px;
	color: #666;
}
._login_ .content .login-tab .tab-response .button {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff!important;
	background-color: #d83030;
	display: block;
	font-size: 18px;
	font-weight: 600;
	border: none;
	cursor: pointer;
	clear: both;
}
._login_ .content .login-tab .extra {
	height: 20px;
	position: absolute;
	width: 310px;
	bottom: 20px;
}
._login_ .content .login-tab .extra .shortcut {
	height: 20px;
	float: left;
}
._login_ .content .login-tab .extra .shortcut li {
	float: left;
	line-height: 20px;
}
._login_ .content .login-tab .extra .shortcut i,
._login_ .content .login-tab .extra .shortcut span {
	vertical-align: top;
}
._login_ .content .login-tab .extra .shortcut i {
	margin-right: 5px;
	font-size: 18px;
}
._login_ .content .login-tab .extra .shortcut span {
	color: #666;
}

._login_ .content .login-tab .extra .shortcut .qq i {
	color: #10a8ff;
}
._login_ .content .login-tab .extra .shortcut .qq span {
	border-right: solid 1px #ddd;
	padding-right: 15px;
}
._login_ .content .login-tab .extra .shortcut .wx {
	padding-left: 15px;
}
._login_ .content .login-tab .extra .shortcut .wx i {
	color: #51c332;
}
._login_ .content .login-tab .extra .registe {
	float: right;
	color: #666;
}