@charset "utf-8";
/* 全局样式 */
body {
	min-width: 1200px;
	font-size: 12px;
	overflow-x: hidden;
	background: #000;
}
body, input, select, textarea {
	font-family: Microsoft Yahei;
	color: #333;
}
body, div, form, img, h1, h2, h3, h4, h5, ul, li, p, span, a, dl, dt, dd, select, textarea {
	margin: 0;
	padding: 0;
}
input, select {
	margin: 0;
	outline: 0;
}
img {
	border: 0;
}
button, a {
	cursor: pointer;
}
ul li {
	list-style-type: none;
}
li {
	vertical-align: bottom;
}
a {
	outline: 0;
	border: 0 none;
	text-decoration: none;
}
* {
	-webkit-tap-highlight-color: transparent
}
* {
	margin: 0;
	padding: 0
}
.clear {
	clear: both;
}
.fl {
	float: left !important;
}
.fr {
	float: right !important;
}
.position {
	position: relative;
}

.width100{
	width:100%;
}

.login-bg{
	width:100%;
	height:100%;
}
.login-logo{
	/*width:1024px;
	margin:0 auto;*/
	position:relative;
}
.login-content .logo{
	width: 45%;
	text-align: center;
	padding-top: 65px;
}
.ch_text {
	font-size: 1.25rem;
	color: #fff;
	padding-top: 15px;
	position: relative;
	margin-top: 20px
}
.ch_text:before{
	content: " ";
	position: absolute;
	top: 0;
	left: 50%;
	width: 45px;
	height: 2px;
	background-color: rgba(191,153,99,.65);
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.login-content {
	position: relative;
	height: 100%;
}
.login-content .login {
	position: absolute;
	width: 55%;
	height: 55%\0\9;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-22%);
	-moz-transform: translateX(-50%) translateY(-50%);
	background: #8d1d22 url(../images/cityBg.png) no-repeat left bottom;
	background-size: 60% auto;
}
.login-form{
	width: 55%;
}
.form-item{
	padding: 45px 65px;
	background:url(../images/rightLine.png) no-repeat left center;
}

/*出错提示*/
.login_error_box {
	height:26px;
	margin:0 0 10px 0;
}
.login_error {
    height: 28px;
    padding: 0 10px;
    background: #ffffd6;
    border: 1px solid #ffcfa5;
	border-radius:2px;
    line-height: 28px;
    font-size: 13px;
    color: #3b3836;
}
.icon_wrong {
	width:15px;
	height:15px;
	margin:0 6px 3px 0;
	background: url(../images/wrong.png) no-repeat;
	display:inline-block;
	vertical-align:middle;
}
/**/
.login .field_wrap {
	width:100%;
	height:51px;
	margin:0 0 14px 0;
	position:relative;
}
.login .field_wrap i{
	position: absolute;
    top: 0px;
    left:0;
    z-index: 100;
}
.login .layui-input {
	width:100%;
	height:43px;
	border:1px solid #bebebe;
    border-radius: 4px;
	font-size: .975rem;
	line-height:43px;
    background: #fff;
    position: relative;
    padding: 0 1rem 0 3rem;
    display: block;
}
.login .layui-btn-lg {
	width:100%;
	height:50px;
	line-height:50px;
	font-size:1.333rem;
	margin-top:10px;
}
.icon-wode, .icon-suo, .icon-yanzhengma{
	width:50px;
	height:29px;
	margin:8px 0 0 0;
	display:inline-block;
	vertical-align:middle;
	float:left;
	font-size:1.6rem;
	color:#bcdbff !important;
	text-align:center;
}
.field_yzm{
	position: relative;
}
.field-code{
	position: absolute;
	right: 5px;
	top: 50%;
	width: 130px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-22%);
	-moz-transform: translateY(-50%);
}

.login_links {
	margin:20px 0 0 0;
	text-align: center;
}
.login_links {
	font-size:1rem;
	line-height:20px;
}
.login_links {
	color:#005fc9;
}
.login_links a {
	color:#005fc9;

}
.login_links a:hover {
	color:#005fc9;
	text-decoration:underline;
}

.login-foot{
	position: fixed;
	bottom:30px;
	left:0;
	width:100%;
	padding:14px 0;
	text-align:center;
	line-height:24px;
}
.login-foot p{
	color:#a6a6a6;
}
.login-foot p a{
	color:#a6a6a6;
}
.login-foot p a:hover{
	color:#005fc9;
}
.login-foot p span{
	padding:0 12px;
}

.login-bg .background{
	position: fixed;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    z-index: -1;
	background:url(../images/loginbg.jpg) no-repeat center center;
	background-size: 100% auto;
}
.tc{
	text-align: center !important;
}

/* layui样式调整 */
.layui-input, .layui-select, .layui-textarea {
    height: 34px;
    line-height: 34px;
}
.layui-form-select dl dd.layui-this {
    background-color: #f46f69;
}
.layui-btn {
    background: #bf9963;
    border-radius:5px;
}
.layui-btn-lg {
    height: 42px;
    line-height: 42px;
}
.myinput-placeholder {
	color: #999;
}
.layui-input::-webkit-input-placeholder, .layui-textarea::-webkit-input-placeholder { /* WebKit browsers */
	color: #999;
}
.layui-input:-moz-placeholder, .layui-textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #999;
}
.layui-input::-moz-placeholder, .layui-textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #999;
}
.layui-input:-ms-input-placeholder, .layui-textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #999;
}

.login .field_wrap .layui-input:hover, .layui-textarea:hover {
	border-color: #bf9963!important;
}
.login .field_wrap .layui-input:focus, .layui-textarea:focus {
	border-color: #bf9963!important;
	background:#ffedd4;
}
.login .field_wrap .layui-input:-internal-autofill-selected{
	background-color:#ffedd4 !important;
}
.iconfont{
	width:50px;
	height:29px;
	margin:8px 0 0 0;
	display:inline-block;
	vertical-align:middle;
	float:left;
	font-size:1.6rem;
	color:#bf9963 !important;
	text-align:center;
}
.login .field_wrap .btn-yzm {
	position:absolute;
	right:.3rem;
	top:.3rem;
	padding:.55rem .8rem;
	display:inline-block;
	vertical-align:middle;
	border-radius: 3px;
	font-size:.75rem;
	background: #86beff;
	color:#fff;
	border:none;
	cursor:pointer;
}
input[type="checkbox"] + label{
	color:#999;
	font-size:1rem;
}
input[type="checkbox"] + label::before {
	content: "\a0";  /*不换行空格*/
	display: inline-block;
	vertical-align: .05em;
	width: .8rem;
	height: .8rem;
	border-radius: .166rem;
	border: 1px solid #ccc;
	background-color: #fff;
	text-indent: .15rem;
	line-height: .65;  /*行高不加单位，子元素将继承数字乘以自身字体尺寸而非父元素行高*/
}
input[type="checkbox"]:checked + label::before {
	content: "\2713";
	color: #fff;
	background-color: #005fc9;
	border: 1px solid #005fc9;
}
input[type="checkbox"] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

.QRCode{
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 99;
	width: 100px;
	height: 100px;
}