body{
	background-color: #fff;
}

#main{
	margin-top: 60px;
}
#main .left-nav{
	width: 300px;
	border:1px solid #e2e2e2;
	float: left;
	background-color: #f7f7f7;
}
#main .left-nav .title{
	height: 77px;
	line-height: 77px;
	/*background-color: #ffa144;*/
	font-size: 28px;
	color: #fff;
	text-align: center;
	background:url("../images/user.png") no-repeat 70px 24px #ffa144;
	text-indent: 30px;
}

#main .left-nav .header{
	text-align: center;
}
#main .left-nav .header > span{
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	-webkit-border-radius:50px;
	margin-top: 25px;
	overflow: hidden;
	background-color: #e0e0e0;
}
#main .left-nav .header > p{
	line-height: 45px;
	font-size: 18px;
}
#main .left-nav .nav-item{
	height: 60px;
	line-height: 60px;
	padding-left: 38px;
	font-size: 18px;
	color: #333;
	border-top: 1px solid #e2e2e2;
	margin-top: 10px;
}
#main .left-nav .nav-item > a{
	color: #333;
	display: block;
}
#main .left-nav .nav-item.active{
	background: url("../images/nav-item-bg.png") no-repeat 23px center;
	color: #f34641;
}
#main .left-nav .nav-item.active > a{
	color: #f34641;
}

#main .right-content{
	margin-left: 350px;
	border:1px solid #e2e2e2;
	min-height: 730px;
}
#main .right-content .top{
	height: 52px;
	line-height: 52px;
	background-color: #ececec;
	text-indent: 26px;	
	position: relative;
}
#main .right-content .top .title{
	font-size: 22px;
	color: #333;
	line-height: 52px;
}
#main .color-red{
	color: #de140e;
}

#main .right-content .account{
	margin: 15px 45px;
	
}
#main .right-content .account > span,
#main .right-content .account > a{
	line-height: 50px;
	font-size: 18px;
}
#main .right-content .account > span{
	margin-right: 40px;
}
#main .right-content .account .box{
	border-top: 1px solid #e2e2d2;
	padding: 15px 0;
	position: relative;
}
#main .right-content .account .box .box-l{
	width: 100px;
	height: 100px;
	border-radius: 50px;
	-webkit-border-radius:50px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
}
#main .right-content .account .box .box-r h3{
	font-size: 18px;
	margin-bottom: 10px;
}
#main .right-content .account .box .box-r > p{
	color: #999;
	line-height: 25px;
}
#main .right-content .account .box .box-r .remark,
#main .right-content .account .box .box-r .active{
	color: #f34641;
}
#main .right-content .account .box .btn{
	background-color: #f34641;
	display: inline-block;
	font-size: 18px;
	color: #fff;
	padding: 0 12px;
	line-height: 35px;
	border-radius: 4px;
	-webkit-border-radius:4px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -17px;
}
#main .right-content .account .box .box-r .check-link{
	color: #f34641;
	text-decoration: underline;
	margin-left:45px;
}
#main .right-content .account .box .box-r .check{
	background: url("../images/ok.png") no-repeat left center;
	padding-left: 18px;
	margin-right: 20px;
	color: #f34641;
}
#main .right-content .account .box .box-r .nocheck{
	background: url("../images/nocheck.png") no-repeat left center;
	padding-left: 18px;
}

.fuceng .popup2 .modify-type{
	display: block;
	text-align: right;
	line-height: 45px;
	color: #f34641;
	font-size: 16px;
	margin-right: 10px;

}
.fuceng .popup1{
	height: auto!important;
}
.fuceng .popup1 .content{
	margin: 25px 28px;
	line-height: 30px;
	color: #666;
	font-size: 14px;
}

#main .right-content .login{
	width: 390px;
	height: 180px;
	margin: 90px 0 0 195px;
	border:1px solid #e0e0e0;
	text-align: center;
}
#main .right-content .login > p{
	line-height: 90px;
	font-size: 24px;
	
}
#main .right-content .login > .btn{
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    color: #fff;
    /* padding: 0 44px; */
    display: inline-block;
    border: 1px solid #f58000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 100px;
    margin: 0;

}
#main .right-content .login > .sure-btn{
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffa505), to(#ffb83b));
	background:-moz-linear-gradient(top,#ffa505,#ffa505);/*火狐*/ 
	background: -ms-linear-gradient(top, #ffa505,  #ffa505);        /* IE 10 */
	background: -o-linear-gradient(top, #ffa505, #ffa505);  /*Opera 11.10+*/
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffa505,endColorStr=#ffb83b); /*IE 6 7 8*/ 
	overflow: hidden;
	position: relative;
	z-index: 1;
	behavior: url("PIE.htc");
	margin-right: 30px;
}
#main .right-content .login > .register-btn{
	border:1px solid #c0c0c0;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#f2f2f2), to(#e8e8e8));
	background:-moz-linear-gradient(top,#f2f2f2,#e8e8e8);/*火狐*/ 
	background: -ms-linear-gradient(top, #f2f2f2,  #e8e8e8);        /* IE 10 */
	background: -o-linear-gradient(top, #f2f2f2, #e8e8e8);  /*Opera 11.10+*/
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f2f2f2,endColorStr=#e8e8e8); /*IE 6 7 8*/ 
	overflow: hidden;
	position: relative;
	z-index: 1;
	behavior: url("PIE.htc");
	color: #333;
}

.fuceng .popup3 .tab{
	height: 66px;
	border-bottom: 1px solid #e0e0e0;
	padding: 0 44px;
	/*position: absolute;
	top: 0;
	left: 0;*/
}
.fuceng .popup3 .tab > .item{
	display: inline-block;
	line-height: 66px;
	width: 49%;
	text-align: center;
	font-size: 22px;
	color: #333;
}
.fuceng .popup3 .tab > .item:hover,
.fuceng .popup3 .tab > .item.active{
	border-bottom: 3px solid #7f7f7f;
}

.fuceng .popup3 .forget-pass{
	color: #1fa7ff;
	display: block;
	position: absolute;
    right: 8px;
    bottom: 15px;
}
.fuceng .popup3 input.code{
    width: 183px;
    margin-right: 20px;
}
.fuceng .popup3 form .error {
    margin-left: 3px;
}
.fuceng .popup3 form .info{
    margin-bottom: 15px;
    background:url("../images/info.png") no-repeat left center;
}
.fuceng .popup3 .register-form{
	overflow: scroll;
	position: relative;
	height: 500px;
	margin: 0;
	padding: 20px 20px 20px 30px;
}

.fuceng .popup3 .register-form .box .success{
    position: absolute;
    top: 16px;
    right: -7px;
    display: inline-block;
    width: 20px;
    height: 20px;
}
.fuceng .popup3 .register-form .box .success > img{width: 100%;}
.fuceng .popup3 .register-form .rule{
	position: relative;
	margin: 5px 0;
}
.fuceng .popup3 .register-form .rule > h3{font-size: 18px;}
.fuceng .popup3 .register-form .reason{
	position: absolute;
    right: 20px;
	top: 0;
	color: #fe2626;
	text-decoration: underline;
}
.fuceng .popup3 .register-form .reason.active{
	background: url("../images/arr3.png") no-repeat right center;
	padding-right: 18px;
}
.fuceng .popup3 .register-form .rule .content{
	border:1px solid #e4e4e4;
	padding: 10px 5px;
	line-height: 30px;
	color: #666;
	margin: 5px 0;
	width: 93%;
	display: none;
}
.fuceng .popup3 .register-form .send-btn{
	height: 52px;
	line-height:52px;
	font-size: 18px;
	color: #fff;
	padding: 0 44px;
	display: inline-block;
	border:1px solid #0090ee;	
	border-radius: 4px;
	-webkit-border-radius:4px;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#1ea6ff), to(#6fc6ff));
	background:-moz-linear-gradient(top,#1ea6ff,#6fc6ff);/*火狐*/ 
	background: -ms-linear-gradient(top, #1ea6ff,  #6fc6ff);        /* IE 10 */
	background: -o-linear-gradient(top, #1ea6ff, #6fc6ff);  /*Opera 11.10+*/
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#1ea6ff,endColorStr=#6fc6ff); /*IE 6 7 8*/ 
	overflow: hidden;
	/*position: relative;*/
	z-index: 1;
	behavior: url("PIE.htc");
}
.fuceng .popup3 .register-form input{
	width: 392px;
}

.fuceng .popup3 .register-form input.code{
    vertical-align: top;
    width: 240px;
}

.fuceng .popup3 .register-form .register-agreement{
	display: block;
    text-align: center;
    text-decoration: underline;
    color: #333;
    font-size: 18px;
}

.fuceng .popup3 .register-form .sure-btn{
    margin: 10px 110px 30px;
}
.fuceng.modify-other-type p.info,
.fuceng.modify-phone-type p.info{margin-left: 0;}
.fuceng.rule p{line-height: 30px;}

@media (max-width: 767px) {
	#main{
		margin-top: 30px;
	}

	#main .left-nav {
		float: none;
		width: 100%;
		height: auto;
	}

	#main .left-nav .title {
		font-size: 18px;
		height: 60px;
		line-height: 60px;
		background-size: 20px 16px;
		background-position: 10px 22px;
		text-align: left;
		text-indent: 40px;
	}

	#main .left-nav .header > span {
		width: 70px;
		height: 70px;
	}

	#main .left-nav .nav-item {
		height: 50px;
		line-height: 50px;
		padding-left: 30px;
	}

	#main .left-nav .nav-item.active {
		background-position: 15px;
	}

	#main .left-nav .nav-item > a {
		font-size: 16px;
	}

	#main .right-content {
		width: 100%;
		margin: 0;
		min-height: auto;
	}

	#main .right-content .top {
		height: 50px;
		line-height: 50px;
	}

	#main .right-content .top .title {
		font-size: 18px;
		line-height: 50px;
	}

	#main .right-content .login {
		width: auto;
		height: auto;
		margin: 15px;
		padding: 15px;
		box-sizing: border-box;
	}
}