﻿.kefu-box.active {
	opacity: 1;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1)
}

.kefu-box {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #333;
	z-index: 9999;
	overflow: auto;
	-webkit-transform: scale(0,0);
	-o-transform: scale(0,0);
	transform: scale(0,0);
	opacity: 0;
	background: url(bg.jpg) no-repeat center top;
}

.dsyy {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 5px
}

.dsyy .logo1 {
	width: 430px;
	height: 78px;
	margin: 0 auto;
	background: url(logo.png) no-repeat center;
	background-size: 250px 100%
}

.dsyy .m-login-form {
	box-shadow: 12px 2px 24px rgba(0,0,0,.1);
	z-index: 100;
	background-color: #fff;
	border-radius: 12px;
	margin: 20px auto 0;
	width: 430px;
	background: #fdefd3;
	padding: 0
}

.dsyy .m-login-form .form-foot {
	background: #fdefd3;
	padding: 20px 10px 25px 0;
	border-radius: 12px;
	text-align: center
}

.dsyy .logos {
	width: 430px;
	height: 78px;
	margin: 0 auto;
	background-size: 250px 100%
}

.m-login-page .m-login-form .form-head {
	text-align: center;
	background: #f4e0ad;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border: 1px solid #e2c78c;
	margin: 0
}

.m-login-page .m-login-form .form-head .form-title {
	display: block;
	width: 430px;
	height: 70px;
	line-height: 70px;
	color: #e86143;
	border-bottom: 1px solid #fdf9e5;
	font-size: 22px;
	font-weight: 400;
	font-family: Simsun,sans-serif
}

.m-login-page .m-login-form .form-body {
	padding: 7px 0 0
}

.m-login-page .m-login-form .form-foot {
	background: #fdefd3;
	padding: 20px 10px 25px 0;
	border-radius: 12px;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	color: #666
}

.m-login-page .m-login-form .form-foot a {
	display: inline-block;
	height: 20px;
	padding-left: 22px;
	line-height: 20px
}

.m-login-page .m-login-form .form-foot a.line {
	background-position: 0 0
}

.m-login-page .m-login-form .form-foot a.phone {
	background-position: 0 -40px
}

.m-login-page .m-login-form .form-foot a.key {
	background-position: 0 -20px
}

.m-login-page .m-login-form .form-foot a:hover {
	color: #e86143
}

.m-login-page .m-login-form .form-item {
	height: 40px;
	width: 440px;
	clear: both;
	background: #f0dfbf;
	margin: 20px 0 20px -6px;
	border-top: 1px solid #d0a964;
	border-bottom: 1px solid #d0a964;
	border-radius: 3px;
	position: relative
}

.m-login-page .m-login-form .form-item .label {
	width: 80px;
	line-height: 40px;
	text-align: center;
	background: #e86143;
	color: #fff;
	border-radius: 3px;
	border-bottom-left-radius: 0;
	background: url(login1.png) repeat;
	font-size: 14px;
	position: relative
}

.m-login-page .m-login-form .form-item .label:after {
	content: '';
	border: 9px solid #ee7b4e;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right: 0;
	position: absolute;
	bottom: 10px;
	right: -7px
}

.m-login-page .m-login-form .form-item input {
	width: 338px;
	height: 38px;
	font-size: 14px;
	background-color: #f0dfbf;
	padding: 0 5px 0 15px;
	color: #e86143;
	border: 1px solid #fdf9e5;
	border-radius: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	font-size: 16px
}

.m-login-page .m-login-form .form-item input.yan {
	width: 210px;
	border: none
}

.m-login-page .m-login-form .form-item span.img {
	width: 6px;
	height: 6px;
	position: absolute;
	bottom: -6px;
	left: 0;
	background: transparent url(small.png) no-repeat right top
}

.m-login-page .m-login-form .agree {
	padding: 5px 0 0 55px
}

.m-login-page .m-login-form .buttonB {
	background: 0 0;
	border: none
}

.m-login-page .m-login-form .buttonB .form-button {
	vertical-align: middle;
	height: 60px;
	line-height: 60px;
	padding: 0 24px;
	width: 340px;
	font-size: 22px;
	background: #e86143 url(login2.png) repeat;
	color: #fff;
	cursor: pointer;
	border-radius: 6px;
	font-family: "微软雅黑";
	border: 0;
	margin: 0 55px
}

.m-login-page .m-login-form .form-control {
	border: 0;
	height: 30px;
	line-height: 30px;
	padding: 6px 9px;
	box-sizing: content-box;
	outline: 0;
	border: 1px solid #D5D6D9;
	border-radius: 6px;
	width: 340px;
	font-size: 16px;
	background-color: #fff
}

.m-login-page .m-login-form .form-body {
	padding: 20px 0 0;
	width: 430px
}

.addBtn .btn1 {
	width: 335px;
	height: 40px;
	margin: 0 10px;
	text-align: center;
	line-height: 40px;
	font-size: 30px;
	font-family: "微软雅黑";
	display: inline-table;
}

.addBtn .btns a {
	padding: 0 16px 0 0
}

.addBtn {
	margin: 0 auto;
	max-width: 355px;
	width: 100%
}

.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear,left top,left bottom,from(#666),to(#000));
	background: -moz-linear-gradient(top,#666,#000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000')
}

.black:hover {
	background: #000;
	background: -webkit-gradient(linear,left top,left bottom,from(#444),to(#000));
	background: -moz-linear-gradient(top,#444,#000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000')
}

.black:active {
	color: #666;
	background: -webkit-gradient(linear,left top,left bottom,from(#000),to(#444));
	background: -moz-linear-gradient(top,#000,#444);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666')
}

.red {
	color: #faddde!important;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear,left top,left bottom,from(#ed1c24),to(#aa1317));
	background: -moz-linear-gradient(top,#ed1c24,#aa1317);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317')
}

.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear,left top,left bottom,from(#c9151b),to(#a11115));
	background: -moz-linear-gradient(top,#c9151b,#a11115);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115')
}

.red:active {
	color: #de898c;
	background: -webkit-gradient(linear,left top,left bottom,from(#aa1317),to(#ed1c24));
	background: -moz-linear-gradient(top,#aa1317,#ed1c24);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24')
}

.blue {
	color: #d9eef7!important;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear,left top,left bottom,from(#00adee),to(#0078a5));
	background: -moz-linear-gradient(top,#00adee,#0078a5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5')
}

.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear,left top,left bottom,from(#0095cc),to(#00678e));
	background: -moz-linear-gradient(top,#0095cc,#00678e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e')
}

.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear,left top,left bottom,from(#0078a5),to(#00adee));
	background: -moz-linear-gradient(top,#0078a5,#00adee);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee')
}

.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear,left top,left bottom,from(#7db72f),to(#4e7d0e));
	background: -moz-linear-gradient(top,#7db72f,#4e7d0e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e')
}

.green:hover {
	background: #538018;
	background: -webkit-gradient(linear,left top,left bottom,from(#6b9d28),to(#436b0c));
	background: -moz-linear-gradient(top,#6b9d28,#436b0c);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c')
}

.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear,left top,left bottom,from(#4e7d0e),to(#7db72f));
	background: -moz-linear-gradient(top,#4e7d0e,#7db72f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f')
}

.reds {
	color: #faddde!important;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear,left top,left bottom,from(#ed1c24),to(#d81b21));
	background: -moz-linear-gradient(top,#ed1c24,#aa1317);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317')
}

.red:hover {
	color: #faddde!important;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear,left top,left bottom,from(#ed1c24),to(#aa1317));
	background: -moz-linear-gradient(top,#ed1c24,#aa1317);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317')
}

.reds:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear,left top,left bottom,from(#f47a20),to(#faa51a));
	background: -moz-linear-gradient(top,#f47a20,#faa51a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a')
}

.orange {
	color: #fef4e9!important;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear,left top,left bottom,from(#faa51a),to(#f47a20));
	background: -moz-linear-gradient(top,#faa51a,#f47a20);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20')
}

.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear,left top,left bottom,from(#f88e11),to(#f06015));
	background: -moz-linear-gradient(top,#f88e11,#f06015);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015')
}

.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear,left top,left bottom,from(#f47a20),to(#faa51a));
	background: -moz-linear-gradient(top,#f47a20,#faa51a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a')
}

.oranges {
	background: #f47c20;
	background: -webkit-gradient(linear,left top,left bottom,from(#f88e11),to(#f06015));
	background: -moz-linear-gradient(top,#f88e11,#f06015);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015')
}

.oranges:hover {
	color: #fef4e9!important;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear,left top,left bottom,from(#faa51a),to(#f47a20));
	background: -moz-linear-gradient(top,#faa51a,#f47a20);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20')
}

.oranges:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear,left top,left bottom,from(#f47a20),to(#faa51a));
	background: -moz-linear-gradient(top,#f47a20,#faa51a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a')
}

.m-login-page .m-login-form .form-body>div {
	zoom: 1;
	line-height: 100%;
	vertical-align: middle
}

.btns {
	display: inline-block;
	margin: 0 0 5px;
	padding: 6px 16px;
	line-height: 22px;
	font-size: 16px;
	color: #FFF;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	border: 0 none;
	border-radius: 2px 2px 2px 2px;
	background-color: #348fd4;
	transition: opacity .2s ease-in-out 0s
}

.btn1 {
	display: inline-block;
	margin: 0 0 5px;
	padding: 6px 16px;
	line-height: 22px;
	font-size: 16px;
	color: #FFF;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	border: 0 none;
	border-radius: 2px 2px 2px 2px;
	background-color: #348fd4;
	transition: opacity .2s ease-in-out 0s
}

.btn1:hover {
	text-decoration: none;
	background-color: #fff
}

.btns:hover {
	text-decoration: none;
	background-color: #fff
}

.btn {
	display: inline-block;
	zoom: 1;
	vertical-align: baseline;
	margin: 0 2px;
	outline: 0;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial,Helvetica,sans-serif;
	padding: .5em 2.8em .55em;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	padding-left: 0;
	padding-right: 0
}

.btn:hover {
	text-decoration: none
}

.btn:active {
	position: relative;
	top: 1px
}

.btn1 {
	display: inline-block;
	zoom: 1;
	vertical-align: baseline;
	margin: 0 2px;
	outline: 0;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial,Helvetica,sans-serif;
	padding: .5em 2.8em .55em;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	padding-left: 0;
	padding-right: 0
}

.btns:hover {
	text-decoration: none
}

.btns:active {
	position: relative;
	top: 1px
}

.btns {
	display: inline-block;
	zoom: 1;
	vertical-align: baseline;
	margin: 0 2px;
	outline: 0;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial,Helvetica,sans-serif;
	padding: .5em 2.8em .55em;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	padding-left: 0;
	padding-right: 0
}

.btn1:hover {
	text-decoration: none
}

.btn1:active {
	position: relative;
	top: 1px
}