body{
	background-color: #fff
}
.head-box .head-box-bottom{
	box-shadow: 0 5px 20px #f3f3f3;
}
.head-box .head-box-bottom img.logo{
	width: 94px;
	margin: 9px 95px 0 0 ;
}
.head-box .head-box-bottom ul.nav li{
	float: left;
	margin: 15px 10px;
	padding: 0 15px;
	color: #333;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	position: relative;
	height: 30px;
	overflow: hidden;
	transition:all .3s;
	-moz-transition:all .3s; /* Firefox 4 */
	-webkit-transition:all .3s; /* Safari and Chrome */
	-o-transition:all .3s; /* Opera */
	border-radius: 50px;
}
.head-box .head-box-bottom ul.nav li.on{
	background-color: #ff8722;
	color: #fff;
}
.head-box .head-box-bottom ul.nav li:hover{
	color: #ff8722;
}
.head-box .search-div{
	padding: 28px 0;
	text-align: center;
	background: url("../../../images/v3/bg.png") center no-repeat;
	background-size: cover;
}
.head-box .search-div .input-div{
	position: relative;
	background-color: #fff;
	border-radius:50px;
	margin-right: 20px;
}
.head-box .search-div .input-div.on:before{
	content: "搜索作品";
	position: absolute;
	left: 314px;
	top: 2px;
	line-height: 40px;
	padding-left: 24px;
	color: #909090;
	font-size: 12px;
	z-index: 1;
	background: url("../../../images/v3/top_search_icon.png") left center no-repeat;
	background-size: 16px;
}
.head-box .search-div input{
	text-align: center;
	width: 702px;
	height: 40px;
	line-height: 40px;
	border-radius:50px;
	border: 2px solid #c05b06;
	font-size: 16px;
	z-index: 2;
	position: relative;
	padding: 0;
}
.head-box .search-div input:before{
	content: "搜索作品";
	position: absolute;
	left: 314px;
	top: 0;
	line-height: 40px;
	padding-left: 30px;
	color: #909090;
	font-size: 12px;
}
.head-box .search-div .search-btn{
	border: 2px solid #c05b06;
	width: 77px;
	height: 40px;
	line-height: 40px;
	border-radius:50px;
	text-align: center;
	color: #fe8821;
	font-size: 16px;
	background-color: #fff;
	cursor: pointer;
}
.head-box .head-box-bottom .a-wrap{
	margin-top: 22px;
	float: right;
}
.head-box .head-box-bottom .a-wrap a{
	font-size: 15px;
	color: #808080;
	line-height: 1;
	transition:all .3s;
	-moz-transition:all .3s; /* Firefox 4 */
	-webkit-transition:all .3s; /* Safari and Chrome */
	-o-transition:all .3s; /* Opera */
	text-decoration:none;
}
.head-box .head-box-bottom .a-wrap a:hover{
	color: #ff8722
}
.head-box .head-box-bottom .a-wrap a:first-child{
	margin-right: 20px;
	position: relative;
}
.head-box .head-box-bottom .a-wrap a:first-child:before{
	content: "";
	width: 1px;
	height: 15px;
	background-color: #808080;
	position: absolute;
	right: -10px;
	top: 0;
}
.head-box .head-box-bottom .user-head{
	float: right;
	display: none;
	position: relative;
	margin-top: 9px;
}
.head-box .head-box-bottom .user-head ul{
	position: absolute;
	right: 1px;
	top: 50px;
	padding: 12px 0;
	width: 146px;
	background-color: #fff;
	box-shadow: 0 0 5px #e6e6e6;
}
.head-box .head-box-bottom .user-head ul li{
	padding-left: 53px;
	background-repeat: no-repeat;
	background-position: left 34px center;
	margin: 0;
	font-size: 13px;
	line-height: 38px;
	cursor: pointer;
}
.head-box .head-box-bottom .user-head ul li:nth-child(1){
	background-image: url(../../../images/v3/top_change_noraml_icon.png);
	background-size: 13px;
}
.head-box .head-box-bottom .user-head ul li:nth-child(2){
	background-image: url(../../../images/v3/top_perfect_normal_icon.png);
	background-size: 13px;
}
.head-box .head-box-bottom .user-head ul li:nth-child(3){
	background-image: url(../../../images/v3/top_quit_normal_icon.png);
	background-size: 13px;
}
.head-box .head-box-bottom .user-head ul li:nth-child(1):hover{
	background-image: url(../../../images/v3/top_change_pressed_icon.png);
	color: #ff8723;
}
.head-box .head-box-bottom .user-head ul li:nth-child(2):hover{
	background-image: url(../../../images/v3/top_perfect_pressed_icon.png);
	color: #ff8723;
}
.head-box .head-box-bottom .user-head ul li:nth-child(3):hover{
	background-image: url(../../../images/v3/top_quit_pressed_icon.png);
	color: #ff8723;
}
.head-box .head-box-bottom .user-head img{
	width: 42px;
	height: 42px;
	border-radius: 50px;
}
.head-box .head-box-bottom .search-div input:-ms-input-placeholder{
	color: #d4d4d4;
	font-size: 15px;
}
.head-box .head-box-bottom .search-div input::-webkit-input-placeholder{
	color: #d4d4d4;
	font-size: 15px;
}
.head-box .head-box-bottom .search-div input::-moz-input-placeholder{
	color: #d4d4d4;
	font-size: 15px;
}
.head-box .head-box-bottom .search-div input::-o-input-placeholder{
	color: #d4d4d4;
	font-size: 15px;
}
.login-tc{
	width: 421px;
	height: 363px;
	position: fixed;
	left: 0;
	right: 0;
	top: 15%;
	margin: auto;
	z-index: 11;
	background-color: #fff;
	display: none;
}
.login-tc .title{
	width: 100%;
	height: 89px;
	background: url(../../../images/v3/login_bg_icon_03.png) center no-repeat;
	background-size: 421px;
	font-size: 20px;
	color: #fff;
	line-height: 1;
	padding-top: 25px;
	box-sizing: border-box;
	text-align: center;
}
.login-tc .login-content {
	margin-top: 43px;
	text-align: center;
}
.login-tc .login-content input{
	width: 282px;
	border: 1px solid #e1e1e1;
	padding: 0 14px;
	box-sizing: border-box;
	line-height: 39px;
	height: 41px;
	margin-bottom: 15px;
	display: inline-block;
}
.login-tc .login-content span{
	margin-top: 5px;
	display: inline-block;
	width: 282px;
	line-height: 41px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background-color: #ff8723;
	cursor: pointer;
}
.login-tc .login-content p{
	margin-top: 20px;
	color: #9b9b9b;
}
.login-tc .login-content p a{
	color: #ff8723
}
.login-tc .login-close{
	width: 15px;
	height: 15px;
	position: absolute;
	right: 19px;
	top: 16px;
	background: url(../../../images/v3/login_close_icon.png) center no-repeat;
	background-size: 15px;
	cursor: pointer;
}
.login-cover{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	display: none;
}
input:-ms-input-placeholder{
	color: #b3b3b3;
	font-size: 12px;
}
input::-webkit-input-placeholder{
	color: #b3b3b3;
	font-size: 12px;
}
input::-moz-input-placeholder{
	color: #b3b3b3;
	font-size: 12px;
}
input::-o-input-placeholder{
	color: #b3b3b3;
	font-size: 12px;
}
input.err{
	border-color: #ff0000;
}
input.err:-ms-input-placeholder{
	color: #ff0000;
}
input.err::-webkit-input-placeholder{
	color: #ff0000;
}
input.err::-moz-input-placeholder{
	color: #ff0000;
}
input.err::-o-input-placeholder{
	color: #ff0000;
}




.password-tc{
	width: 421px;
	height: 363px;
	position: fixed;
	left: 0;
	right: 0;
	top: 15%;
	margin: auto;
	z-index: 11;
	background-color: #fff;
	display: none;
}
.password-tc .title{
	width: 100%;
	height: 89px;
	background: url(../../../images/v3/login_bg_icon_03.png) center no-repeat;
	background-size: 421px;
	font-size: 20px;
	color: #fff;
	line-height: 1;
	padding-top: 25px;
	box-sizing: border-box;
	text-align: center;
}
.password-tc .login-content {
	margin-top: 43px;
	text-align: center;
}
.password-tc .login-content input{
	width: 282px;
	border: 1px solid #e1e1e1;
	padding: 0 14px;
	box-sizing: border-box;
	line-height: 39px;
	height: 41px;
	margin-bottom: 15px;
	display: inline-block;
}
.password-tc .login-content span{
	margin-top: 5px;
	display: inline-block;
	width: 282px;
	line-height: 41px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background-color: #ff8723;
	cursor: pointer;
}
.password-tc .login-content p{
	margin-top: 20px;
	color: #9b9b9b;
}
.password-tc .login-content p a{
	color: #ff8723
}
.password-tc .password-close{
	width: 15px;
	height: 15px;
	position: absolute;
	right: 19px;
	top: 16px;
	background: url(../../../images/v3/login_close_icon.png) center no-repeat;
	background-size: 15px;
	cursor: pointer;
}
.password-cover{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	display: none;
}


/******************************************************************************************************************/
.edit-tc{
	width: 421px;
	height: 363px;
	position: fixed;
	left: 0;
	right: 0;
	top: 15%;
	margin: auto;
	z-index: 11;
	background-color: #fff;
	display: none;
}
.edit-tc .title{
	width: 100%;
	height: 89px;
	background: url(../../../images/v3/login_bg_icon_03.png) center no-repeat;
	background-size: 421px;
	font-size: 20px;
	color: #fff;
	line-height: 1;
	padding-top: 25px;
	box-sizing: border-box;
	text-align: center;
}
.edit-tc .login-content {
	margin-top: 23px;
	text-align: center;
}
.edit-tc .login-content input{
	width: 282px;
	border: 1px solid #e1e1e1;
	padding: 0 14px;
	box-sizing: border-box;
	line-height: 39px;
	height: 41px;
	margin-bottom: 15px;
	display: inline-block;
}
.edit-tc .login-content span{
	margin-top: 5px;
	display: inline-block;
	width: 282px;
	line-height: 41px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background-color: #ff8723;
	cursor: pointer;
}
.edit-tc .login-content p{
	margin-top: 20px;
	color: #9b9b9b;
}
.edit-tc .login-content p a{
	color: #ff8723
}
.edit-tc .edit-close{
	width: 15px;
	height: 15px;
	position: absolute;
	right: 19px;
	top: 16px;
	background: url(../../../images/v3/login_close_icon.png) center no-repeat;
	background-size: 15px;
	cursor: pointer;
}
.edit-cover{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	display: none;
}

.login-head{
	float: right;
	position: relative;
	margin-top: 5px;
}
.login-head .img{
	border-radius:50px;
	background: url("../../../images/v3/tx_icon1.png") center no-repeat;
	background-size: 23px;
	background-color: #f2f2f2;
	width: 50px;
	height: 50px;
}
.head-box .login-head ul{
	position: absolute;
	right: 1px;
	top: 50px;
	padding: 12px 0;
	width: 146px;
	background-color: #fff;
	box-shadow: 0 0 5px #e6e6e6;
	display: none;
	z-index: 100;
}
.head-box .login-head>img{
	border-radius:50px;
}
.head-box .login-head ul li{
	padding-left: 53px;
	background-repeat: no-repeat;
	background-position: left 34px center;
	margin: 0;
	font-size: 13px;
	line-height: 38px;
	cursor: pointer;
	background-size: 13px;
	transition:all .3s;
	-moz-transition:all .3s; /* Firefox 4 */
	-webkit-transition:all .3s; /* Safari and Chrome */
	-o-transition:all .3s; /* Opera */
}
.head-box .login-head ul li:nth-child(1){
	background-image: url(../../../images/v3/top_change_noraml_icon.png);
}
.head-box .login-head ul li:nth-child(2){
	background-image: url(../../../images/v3/top_perfect_normal_icon.png);
}
.head-box .login-head ul li:nth-child(3){
	background-image: url(../../../images/v3/top_quit_normal_icon.png);
}
.head-box .login-head ul li:nth-child(1):hover{
	color: #ff8722;
	background-image: url("../../../images/v3/top_change_pressed_icon.png");
}
.head-box .login-head ul li:nth-child(2):hover{
	color: #ff8722;
	background-image: url("../../../images/v3/top_perfect_pressed_icon.png");
}
.head-box .login-head ul li:nth-child(3):hover{
	color: #ff8722;
	background-image: url("../../../images/v3/top_quit_pressed_icon.png");
}