html,
body {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  -webkit-text-size-adjust: 100%;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
  font-weight: 400;
  background: #fff;
  font-size: 14px;
  color: #616161;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
  overflow-x: hidden;
  overflow-y: auto;
}
ul,li{list-style:none;}
a {
  color: #333;
}
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
a:focus {
  color: #333;
}
a:hover{
	color: #c9141d;
}
em {
	font-style: normal;
}
.clearfix:after {
  display: block;
  content: "";
  clear: both;
}
/* 布局 */
.user-container {
	width: 100%;
  background-color: #fff;
}
.area {
  width: 1240px;
	margin:0 auto;
}
.left,
.right {
  float: left;
  display: inline;
}
.right {
  float: right;
}

.user-header {
	-ms-flex: none;
	flex: none;
	background: #fff;
	position: relative;
	height: 60px;
	overflow:hidden;
}
.user-header .user-logo {
	float: left;
}
.user-header .user-logo a {
	background: url(../img/login-logo.png) no-repeat;
	background-size: contain;
	display: inline-block;
	width: 182px;
	height: 46px;
	margin: 8px 0 0 0;
	cursor: pointer;
}
.user-header .user-tit{

}
.user-header .user-tit h3{
	position: relative;
	height: 50px;
	font-size: 20px;
	padding-left: 24px;
	overflow: visible;
	color: #303030;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	line-height: 60px;
}
.user-header .user-tit h3:before {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 21px;
	width: 2px;
	height: 20px;
	background-color: #666 !important;
}
.user-header .user-nav .user-btn {
	display: inline-block;
	width: 66px;
	height: 60px;
	cursor: pointer;
	background: #dd3635;
	color: #fff;
	line-height: 60px;
	text-align: center;
}
.user-header .user-nav .logout-btn {
	display: inline-block;
	width: 66px;
	height: 60px;
	cursor: pointer;
	background: #c6c6c6;
	color: #fff;
	line-height: 60px;
	text-align: center;
}

.user-container .user-title {
	font-weight: 100;
	width: 100%;
	height: 134px;
	background: linear-gradient(45deg,#f4aa60,#f4aa60,#f16260,#f16260);
	opacity: .9;
	text-align: center;
	line-height: 134px;
	font-size: 38px;
	letter-spacing: -.92px;
	color: #fff;
	color: hsla(0,0%,100%,.8);
}

.login-wrap{
	padding:40px 0;
	background: rgb(229, 226, 215) url(../img/login-bg.jpg)
}
.login-wrap .login-box{
	width:500px;
	margin:0 auto;
	background-color: #fff;
    border: 10px rgba(0,0,0,0.2) solid;
    border-radius: 6px;
    box-shadow: none;
}
.login-box .login-box-hd{
	border-bottom: 1px #e7e7e7 solid;
	padding: 12px 100px 0;
}
.login-box .login-box-hd .login-box-tit {
	bottom: -1px;
	position: relative;
}
.login-box .login-box-hd li{
	position: relative;
	font-size: 18px;
	padding: 18px 0;text-align: center;
	width: 50%;
	float: left;
	color: #333;
	cursor: pointer;
}
.login-box .login-box-hd .cur{
	color: #dd3635;
}
.login-box .login-box-hd .cur:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	height: 3px;
	width: 100%;
	background: #dd3635;
	overflow: hidden;
}
.login-box .login-box-bd {
padding:20px 100px 20px 60px;
}
.login-box .login-box-oper {
	font-size: 14px;
	text-align: center;
	padding: 0px 0 20px;
	line-height: 20px;	
}
.login-box .login-box-oper a {
    display: inline-block;
    padding: 0 10px;
}
.login-box .login-box-ft {
	background-color: #FAFAFA;
	border-top: 1px #EEE solid;
	padding: 20px 100px 40px;
}
.login-box .login-box-ft .platform-title {
	color: #333;
	font-size: 14px;
	text-align: center;
}
.login-box .login-box-ft .platform-list {
	margin: 20px auto 0;
	width: 180px;
}
.login-box .login-box-ft .platform-list .platform-item a {
	background: #ccc;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBDNEUxRENCOTYwNjExRTZBMTU4Q0Y2NDYxQ0NDM0M3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBDNEUxRENDOTYwNjExRTZBMTU4Q0Y2NDYxQ0NDM0M3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEM0RTFEQzk5NjA2MTFFNkExNThDRjY0NjFDQ0MzQzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEM0RTFEQ0E5NjA2MTFFNkExNThDRjY0NjFDQ0MzQzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6XOvZeAAAJFUlEQVR42uxZ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) no-repeat;
	border-radius: 50%;
	float: left;
	height: 30px;
	margin-left: 22px;
	width: 30px;
}
.login-box .login-box-ft .platform-item.weibo a {
	background-position: 0 0;
}
.login-box .login-box-ft .platform-list .platform-item.weixin a {
	background-position: 0 -30px;
}
.login-box .login-box-ft .platform-list .platform-item.qq a{
	background-position: 0 -60px;
}
.login-box .login-box-ft .platform-list:after {
	clear: both;
	content: '.';
	height: 0;
	visibility: hidden;
}


.register-wrap{

}
.register-wrap .register-box{
	width:500px;
	margin:20px auto;
}

.lost-wrap{
	
}
.lost-wrap .lost-box{
	width:500px;
	margin:20px auto;
}

.agreement-wrap {
	background: #f7f7f7;
}
.agreement-wrap .user-body{
	padding-top:50px;
	padding-bottom:50px;
}
.agreement-wrap .agreement-box{
	background: #fcfcfc;
}
.agreement-title {
	font-size: 24px;
	color: #5f5e5e;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px dashed #d2d2d2;
	margin: 0 80px;
	padding: 45px 0;
}
.agreement-content {
	padding: 60px 80px;
	font-size: 16px;
  clear: both;
	overflow: hidden;
	line-height: 30px;
}
.agreement-content p {
	color: #898989;
	padding-bottom: 20px;
}
.user-footer {
	padding: 16px 0;
	background-color: #fff;
  border-top: 1px solid #eee;
	line-height: 22px;
	font-size: 14px;
	color: #a4a4a4
}
.user-footer a {
	display: inline-block;
	padding: 0 10px;
	color: #a4a4a4
}
.user-footer a:hover {
	color: #CFCFCF
}
.user-footer p {
	margin-top: 5px;
	text-align:center;
}