/** 页面：登录 & 注册 **/
#main.login {
	padding-top: 0;
	min-height: 100vh;
	background: url('../img/bg-login.jpg') top center no-repeat;
}

#main.login>.container {
	position: relative;
}

#main.login .login-box {
	margin-top: 120px;
	padding: 30px;
	border-radius: 4px;
	background-color: #FFF;
}

#main.login .login-box.register {
	padding-bottom: 20px;
}

#main.login .login-box h1 {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 40px;
	text-align: center;
}

#main.login .login-box .method {
	margin-bottom: 40px;
	border: 1px solid #E7E7E8;
	border-radius: 4px;
	overflow: hidden;
	padding: 0;
}

#main.login .login-box .method a {
	display: inline-block;
	width: 49%;
	text-align: center;
	color: #323232;
	padding: 9px 0;
	text-decoration: none;
	box-sizing: border-box;
}

#main.login .login-box .method .active {
	color: #FFF;
	border-color: #009EFF;
	background-color: #009EFF;
}


#main.login .login-box .box>* {
	display: none;
}

#main.login .login-box .box.show-all>* {
	display: block;
}

#main.login .login-box .box .form-control {
	/*margin: 20px 0;*/
	/*padding: 11px;*/
	border: none;
	border-bottom: 1px solid #E1E1E1;
}

#main.login .login-box .box .form-control.sms-fix {
	margin: 0;
}

#main.login .login-box .box .sms {
	background-color: #ffffff;
	margin: 7px 0 0 30px;
}

#main.login .login-box .box .sms {
	display: block;
	text-align: center;
	width: 96%;
	font-size: 14px;
	color: #009EFF;
	padding: 7px 0 6px;
	text-decoration: none;
	border: 1px solid #009EFF;
	border-radius: 8px;
}

#main.login .login-box .box .sms.sending {
	color: gray;
	border-color: gray;
}

#main.login .login-box .btn {
	display: block;
	margin: 0px 0 0;
	width: 100%;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	padding: 13px 0;
	background-color: #009EFF;
}

#main.login .login-box .actions {
	margin-top: 12px;
}

#main.login .login-box .actions a {
	display: inline-block;
	font-size: 15px;
}

#main.login .login-box .actions .forgot {
	color: #373737;
}

#main.login .login-box .actions .reg {
	color: #009EFF;
	text-align: right;
	float: right;
}

#main.login .login-box .go-login {
	margin-top: 12px;
	text-align: center;
}

#main.login .login-box .go-login a {
	color: #009EFF;
}

#main.login .login-box .checkbox {
	margin: 40px 0 0;
}

#main.login .login-box .checkbox a {
	color: #009EFF;
}

@media (min-width: 768px) {

	#main.login .login-box {
		float: right;
		display: inline-block;
		width: 520px;
		margin-top: 180px;
		padding: 40px 70px;
	}

	#main.login .login-box h1 {
		font-size: 32px;
	}
}



@media (min-width: 1200px) {}

/** page: user-center **/
#main.user {background-color: #ececec;}
#main.user>.banner {
	background: url('../img/banner/user.jpg') center center no-repeat;
}

#main.user .container {
	position: relative;
}

#main.user .user-info {
	position: relative;
	margin: 30px 0;
	padding-left: 65px;
}
#main.user .user-info .avatar {
	position: absolute;
	top: 0;
	left: 0;
}

#main.user .user-info .avatar img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

#main.user .user-info .info {
	margin-left: 16px;
}

#main.user .user-info .info .name {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
}

#main.user .user-info .info .text>* {
	display: inline-block;
	margin-right: 10px;
}

#main.user .user-info .info .sign {
	margin-top: 5px;
}

#main.user>.banner .user-nav ul {
	margin: 0;
	padding-bottom: 10px;
}

#main.user>.banner .user-nav ul li {
	float: left;
	width: 23%;
}

#main.user>.banner .user-nav ul li a {
	font-size: 16px;
	color: #FFF;
	padding-bottom: 10px;
	border-bottom: 3px solid transparent;
	text-decoration: none;
}

#main.user>.banner .user-nav ul li a:hover,
#main.user>.banner .user-nav ul li.active a {
	color: #AAF650;
	border-color: #AAF650;
}

#main.user>.banner .user-nav .profile {
	position: absolute;
	top: 15px;
	right: 15px;
}

#main.user>.banner .user-nav .profile a {
	color: #323232;
	padding: 6px 12px;
	background-color: #FFF;
}

#main.user h2 {
	font-size: 24px;
	font-weight: bold;
	margin: 20px 0;
}

#main.user .nav.nav-pills {
	margin-bottom: 30px;
}

#main.user .nav.nav-pills li {
	margin: 0;
}

#main.user .nav.nav-pills li+li {
	margin-left: -1px;
}

#main.user .nav.nav-pills li a {
	font-size: 14px;
	color: #000;
	font-weight: bold;
	padding: 6px 20px;
	border: 1px solid #E7E7E8;
	border-radius: 0;
}

#main.user .nav.nav-pills li a:hover,
#main.user .nav.nav-pills li.active a {
	color: #FFF;
	background-color: #323232;
}


/*left menu*/
.yt-left-box {height:100%;background: #dcdcdc;    position: absolute;left: 0; bottom: 0;}

.section-sidebar {display: block;}
.sidebar {background: #ffffff; border-radius: 5px; padding: 20px 20px;}
.sidebar-box {margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #ececec;}
.sidebar-box a{text-decoration : none}
.sidebar-box h3 {height:35px; line-height:35px; margin:0px;margin-bottom: 5px;border-radius:7px 0px; font-size:17px; color:#333;}
.sidebar-box h3 a:link, .sidebar-box h3 a:visited{color:#000;}
.sidebar-box .cate{ font-size:14px;list-style: none; margin: 0;  padding: 0; margin-left: 10px;}
.sidebar-box .cate li{margin-bottom: 5px; overflow:hidden; background: #ffffff; border-radius:7px 0px; line-height:200%; text-indent:10px;}
.sidebar-box .cate li a:link,.sidebar-box .cate li a:visited{display:block; color: #333;}
.sidebar-box .cate li a:hover,.sidebar-box .cate li a.hover{background: #aaf650; color:#000;}
.sidebar-box .note{ font-size:14px;}
.sidebar-box .note li{overflow:hidden;height:37px; line-height:37px; padding:0px 10px; border-bottom: 1px dotted #cccccc;}
.sidebar-box .note a:link, .sidebar-box .note:visited{ color:#333;}
.sidebar-box .note a:hover{color:#339900;}

#sidebarShowBtn {cursor: pointer; margin-top: 10px; border-radius: 20px 0px 0px 20px !important;}


#main.user .right-box {
	background:#ffffff; border-radius: 5px;
	padding: 10px 30px;
	min-height: 750px;
}

#main.user .thumbnail {border: none;}
.amount-box { border:none; }
.amount-box span.ch {
	width: 80px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    margin: 0 10px 10px 0;
    text-align: center;
    border: 1px solid #ddd;
    position: relative;
    font-size: 14px;
    color: #666;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 5px;
}
.amount-box span:hover, .amount-box span.hover {
    color: #d61915;
    border-color: #d61915;
}
.uorder-dothing a{display: block;}


/*scenter*/
.step {height: 60px;background-color: #FFFFFF; margin-bottom: 30px;}

.step li em { display: inline-block; background: #aaaaaa; border-radius: 50%; 
	color: #FFFFFF;font-size: 20px;
	height: 32px;line-height: 32px;margin-right: 10px;
	text-align: center;vertical-align: 0;width: 32px;}
.step ul {list-style: none; padding-right: 0; padding-left: 0; margin-left: 0; margin-right: 0;}
.step li {border-bottom: 7px solid #cccccc; list-style: none;}
.step li {width: 24%;height: 60px;line-height: 60px;color: #6F7885;float: left;font-size: 14px;font-weight: 700;text-align: center;}
.step li.current {color: #009f95; border-color: #19c3b9;}
.step li.ok {color: #009f95; border-color: #009f95;}
.step li.current em{background: #19c3b9;}
.step li.ok em{background: #009f95;}

.up-picture-btn,.up-file-btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.up-picture-btn input,.up-file-btn input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    border: solid transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}



@media (min-width: 768px) {

	#main.user>.banner {
		height: 260px;
	}

	#main.user>.banner .container {
		height: 260px;
	}

	#main.user .user-info {
		margin: 74px 0 0;
		padding-left: 135px;
		min-height: 140px;
	}

	#main.user .user-info .avatar img {
		width: 130px;
		height: 130px;
	}

	#main.user .user-info .info .name {
		font-size: 28px;
	}

	#main.user .user-info .info .text>* {
		margin-right: 15px;
	}

	#main.user .user-info .info .sign {
		margin-top: 12px;
	}

	#main.user>.banner .user-nav {
		position: absolute;
		left: 15px;
		right: 15px;
		bottom: 0;
	}

	#main.user>.banner .user-nav ul {
		display: inline-block;
		width: 80%;
		padding-bottom: 21px;
	}

	#main.user>.banner .user-nav ul li {
		display: inline-block;
		
		/*margin-right: 60px;*/
	}

	#main.user>.banner .user-nav ul li a {
		font-size: 18px;
		color: #FFF;
		padding-bottom: 21px;
		border-bottom: 3px solid transparent;
		text-decoration: none;
	}

	#main.user>.banner .user-nav .profile {
		position: absolute;
		top: unset;
		right: 0;
		bottom: 16px
	}

	#main.user>.banner .user-nav .profile a {
		font-size: 15px;
		padding: 8px 20px;
	}

	#main.user h2 {
		font-size: 24px;
		margin: 40px 0;
	}

	#main.user .nav.nav-pills {
		position: absolute;
		top: 38px;
		right: 15px;
		margin: 0;
	}

	#main.user .nav.nav-pills li a {
		padding: 9px 25px 8px 27px;
	}


	#sidebarShowBtn {display: none;}
    .sidebar {display: block;}
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (max-width: 767px) {
	#main.login .login-box .method {
		margin-bottom:15px;
	}

	.section-sidebar {
	    position: fixed;
	    right: 0px;
	    bottom: 50px;
	    z-index: 999;
	}	
	.section-sidebar.box-shadow {box-shadow: none;}
	#sidebarShowBtn {display: block;}
    .sidebar {display: none; border: 1px solid #cccccc; padding: 10px 15px 0px;}
	.sidebar-box h3 {
		display: none;
	    height: 20px;
	    line-height: 20px;
	    margin-bottom: 5px;
	    font-size: 15px;
	}
	.sidebar-box .cate {
	    font-size: 14px;
	    margin-left: 0px;
	}
	.sidebar-box .cate li {
	    margin-bottom: 0px;
	    overflow: hidden;
	    line-height: 160%;
	    text-indent: 10px;
	}
}