html{
    font-family: sans-serif;
}
.w-1200 {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.header {
	height: 120px;
	background: #fff;
}
.header .logo {
	float: left;
	display: block;
	padding-top: 25px;
}
.header .logo img {
	width: 295px;
	height: 80px;
}
.main {
	margin-bottom: 20px;
	height: 600px;
	background: url(../images/login-bg.jpg) center no-repeat;
}
.mbox {
	position: relative;
}
.login-wrap {
	position: absolute;
	width: 360px;
	/* height: 490px; */
	top: 37px;
	right: 20px;
	border: 4px solid rgba(0,0,0,0.2);
}
.login-wrap .inner-box {
	height: 100%;
	background: #fff;
}
.login-wrap .inner-box .title {
	height: 40px;
	line-height: 40px;
	padding-left: 30px;
	font-size: 16px;
	color: #606060;
	background: #f3f3f3;
	font-family: 'Microsoft Yahei';
}
.login-wrap .sub-box {
	padding: 30px;
}
.login-wrap .inner-box .tip {
	position: relative;
	padding-left: 36px;
	font-size: 12px;
	border: 1px solid #ff8e8e;
	height: 24px;
	line-height: 24px;
	color: #3276b1;
	margin-bottom: 5px;
	opacity: 0;
}
.login-wrap .inner-box .tip .icons {
	position: absolute;
	width: 14px;
	height: 14px;
	top: 5px;
	left: 10px;
	background: url(../images/iconbs.png)  -13px -133px no-repeat;
}
.login-wrap .inner-box .login-row {
	position: relative;
	height: 42px;
	margin-bottom: 20px;
}
.login-row .t-input {
	display: block;
	width: 100%;
	height: 40px;
	border: 1px solid #e5e6e7;
	font-size: 12px;
	color: #4c4c4c;
	padding-left: 50px;
	outline: none;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 12px 0 12px 50px;
}
.login-wrap .focus-r {
	color: #3276b1;
}
.login-wrap .forget {
	text-decoration: underline;
}
.login-wrap .register {
	float: right;
}
.pin .t-input {
	float: left;
	width: 155px;
}
.pin .pin-img {
	float: left;
	margin-left: 10px;
	margin-top: 2px;
}
.pin .pin-img img {
	width: 100px;
	height: 40px;
}
.login-row .t-input::-webkit-input-placeholder {
	color: #767676;
}
.login-row .t-input:-moz-input-placeholder {
	color: #767676;
}
.login-row .t-input::-moz-input-placeholder {
	color: #767676;
}
.login-row .t-input:-ms-input-placeholder {
	color: #767676;
}
.i-icon {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 40px;
	height: 40px;
	background: #f3f3f3 url(../images/iconbs.png)  0 0 no-repeat;
}
.password .icons {
	background-position:  0 -40px;
}
.pin .icons {
	background-position:  0 -80px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.link-box {
	/*margin-top: -20px;*/
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #4c4c4c;
}
.link-box .l-focus {
	color: #0a65b4;
	text-decoration: underline;
}
.login-box .login-btn {
	display: block;
	width: 100%;
	height: 42px;
	line-height: 42px;
	border-radius: 4px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	background-color: #3276b1;
	border: 0;
	cursor: pointer;
	outline: none;
	font-family: 'Microsoft Yahei';
	/*margin-bottom: 60px;*/
}
.prompt {
         height: 40px;
         line-height: 40px;
         text-align: center;
         font-size: 16px;
         color: #3276b1;
}
.login-box .login-btn:hover {
	background: #0a65b4;
}
.other .t {
	font-size: 12px;
	color: #797979;
	height: 42px;
	line-height: 42px;
}
.other .t-box {
	/* overflow: hidden; */
}
.t-btn {
	display: block;
	border-radius: 4px;
	color: #fff;
	width: 138px;
	height: 42px;
	margin-top: 10px;
	line-height: 42px;
	font-size: 14px;
	text-align: center;
	background-color: #4aa1e8;
	font-family: 'Microsoft Yahei';
}
.t-btn:hover {
	color: #fff;
}
.douyin-login {
	background-color: #000;
}
.qq-login {
	background-color: #19A4ED;
}
.weixin-login {
	background-color: #0FAE2D;
}
/* 第三方登录按钮 */
.other-button {
	margin: 0 8px 10px 0;
	display: inline-block;
	border-radius: 4px;
	color: #fff;
	width: 90px;
	height: 42px;
	line-height: 42px;
	font-size: 12px;
	background-color: #3276b1;
	max-width: 30%;
	text-align: center;
}
.other-button:hover {
	color: #fff;
-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.4);
        box-shadow: 0 0 8px 0 rgba(0,0,0,0.4);
}
.other-button:last-child {
	margin-right: 0;
}
.other-button.weixin-login {
	background-color: #3eb134;
}
.other-button.qq-login {
	background-color: #4aa1e8;
}
.other-button.douyin-login {
	background-color: #170b1a;
}
.other-button .iconfont {
	font-size: 22px;
	color: #fff;
	vertical-align: middle;
}
.other-button .icon-qq::before {
	content:'\e64b';
}
.other-button .icon-weixin::before {
	content:'\e60f';
}
.other-button .icon-douyin::before {
	content:'\e75d';
}
.footer {
	text-align: center;
	color: #525252;
	padding-bottom: 15px;
    border-top: none;
    background: #ffffff;
}
.footer .link {
	margin-bottom: 10px;
}
.footer .link a{
	padding: 0 7px;
	color: #525252;
	border-left: 1px solid #c6c6c6;
	border-right: 1px solid #dadada;
}
.footer .link a:hover {
	text-decoration: underline;
}
.footer .link a:first-child {
	border-left: 0;
}
.footer .link a:last-child {
	border-right: 0;
}
.m-wrap .registers {
	background: #fff;
}
.m-wrap {
	padding: 20px 0;
	background: #f1f2f7;
}
.reg-title {
	height: 41px;
	line-height: 41px;
	background: #fff
}
.reg-title .t {
	width: 200px;
	text-align: center;
	font-size: 22px;
	color: #fff;
	background: #3276b1;
	font-family: 'Microsoft Yahei';
}
.m-wrap .reg-t:before {
	content: '*';
	color: #3276b1;
	margin-right: 10px;
}
/*获取短信验证码*/
.js-send-code {
	color: #616161;
	display: inline-block;
	border: 1px solid #9c9c9c;
	padding: 8px;
	line-height: 16px;
	background: #ececec;
	border-radius: 2px;
}