body { font-family: Helvetica Neue,Helvetica,Microsoft Yahei,Tahoma,sans-serif; background: #F4F4F4}

#gototop {}
.c-face-img-con {
	display:inline-block;
	position:relative
}
.v-lazy-image {
	filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="2" /></filter></svg>#filter');
	-webkit-filter:blur(2px);
	filter:blur(2px);
-webkit-transition:-webkit-filter .5s;
transition:-webkit-filter .5s;
transition:filter .5s;
transition:filter .5s, -webkit-filter .5s
}
.v-lazy-image-loaded {
	filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
	-webkit-filter:blur(0);
	filter:blur(0)
}
.c-face-img img {
	width:100%;
	height:100%
}
.c-face-img .user-verify-icon {
	position:absolute;
	height:25%;
	width:25%;
	bottom:2px;
	right:2px
}
.c-face-img .user-verify-icon img {
	position:absolute;
	width:100%!important;
	height:100%!important
}
.c-null-data-img-wrap {
	text-align:center
}
.c-null-data-img-wrap img {
	max-width:53.33333%
}
.c-null-data-img {
	font-size:200px;
	color:#999;
	text-align:center
}
@media only screen and (max-width:800px) {
.c-null-data-img {
font-size:90px
}
}
.c-null-font {
	text-align:center;
	max-width:80%;
	margin:0 auto;
	padding-top:20px
}
.c-null-font span {
	font-size:17px;
	color:#999
}
@media only screen and (max-width:800px) {
.c-null-font span {
font-size:14px
}
}
.c-img-loading {
	background:#faf9f7 url(//res2.huashi6.com/static/hst/pc/imgs/image-loading.fffc5fa.svg) no-repeat 50%;
	background-size:80% auto;
	min-height:100px
}
.c-work-img {
	position:relative;
	overflow:hidden
}
.c-work-img img {
	width:100%;
	position:absolute;
	top:0;
	left:0
}
.c-work-img .v-lazy-image {
	position:absolute;
	top:50%;
	left:50%;
	width:122px;
	height:37px;
	margin-top:-18px;
	margin-left:-61px
}
.c-work-img .v-lazy-image-loaded {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	margin-top:0;
	margin-left:0
}
.c-work-img .c-img-inner {
	height:0
}
.c-work-img .c-img-loading {
	background-color:transparent;
	width:100%;
	min-height:100%;
	background-size:50% auto
}
.c-auto-work-img {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%
}
.c-auto-work-img>img {
	display:block;
	max-width:none
}
.c-auto-work-img .img-vec {
	width:100%!important;
	height:auto!important;
	position:absolute;
	top:0
}
.c-auto-work-img .img-hor {
	width:auto!important;
	height:100%!important;
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch
}
body {
	margin:0;
	font-size:14px;
	line-height:1.5;
	color:#333;
	background-color:#fff
}

.bg-color-f4f4f4 {
	background-color:#f4f4f4!important
}
.bg-color-f8f8f8 {
	background-color:#f8f8f8!important
}
.bg-color-fafafa {
	background-color:#fafafa
}
.bg-color-fff {
	background-color:#fff!important
}
.bg-color-F8CF39 {
	background-color:#FFF200!important
}
video::-internal-media-controls-download-button {
display:none
}
video::-webkit-media-controls-enclosure {
overflow:hidden
}
video::-webkit-media-controls-panel {
width:calc(100% + 30px)
}
[v-cloak] {
visibility:hidden
}
.animated {
-webkit-animation-duration:.5s!important;
animation-duration:.5s!important;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.open-consult {
	cursor:pointer;
	position:relative
}
.open-consult .kefu-one {
	top:10px;
	left:40px;
	width:18px;
	height:18px
}
.open-consult .kefu-one, .open-consult .zixun-one {
	position:absolute;
	border-radius:50%!important;
	background-color:red;
	color:#fff
}
.open-consult .zixun-one {
	top:-10px;
	left:42px;
	width:24px;
	height:24px
}
body.el-loading-parent--hidden {
	overflow:visible!important;
	overflow:initial!important
}
.border-none {
	border:none
}
.not-border {
	border:0!important
}
.pull-left {
	float:left
}
.pull-right {
	float:right
}
.position-relative {
	position:relative
}
.position-absolute {
	position:absolute
}
.space-normal {
	white-space:normal
}
.space-nowrap {
	white-space:nowrap
}
.bg-color-f1f1f1 {
	background-color:#f1f1f1
}
.bg-color-fff {
	background-color:#fff
}
.bg-color-f8f8f8 {
	background-color:#f8f8f8
}
.width-full {
	width:100%!important
}
.width-95 {
	width:95%!important
}
.width-80 {
	width:80%!important
}
.height-full {
	height:100%
}
.ele-block {
	display:block
}
.inline-block {
	display:inline-block;
	font-size:19.2px;
	font-size:1.2rem
}
.overHide {
	overflow:hidden
}
.viewer-title {
	font-size:18px;
	line-height:2;
	opacity:1;
	color:#fff
}
.shadow {
	-webkit-box-shadow:0 2px 12px 0 rgba(0, 0, 0, .1);
	box-shadow:0 2px 12px 0 rgba(0, 0, 0, .1)
}
@media screen and (min-width:500px) {
.el-message {
top:30%!important
}
}
@media screen and (max-width:500px) {
.el-message {
min-width:80%!important;
top:20%!important
}
}
.el-message-box .el-message-box__btns .el-button--primary {
	color:#333;
	background-color:#FFF200;
	border-color:#FFF200
}
@media screen and (max-width:500px) {
.el-message-box {
max-width:80%!important
}
}
a:hover {
	color:#FFF200
}
a:focus {
	outline:none
}
input::-ms-clear, input::-ms-reveal {
display:none
}
button {
	cursor:pointer;
	border:none;
	padding:0;
	margin:0;
	background:none;
	text-align:center
}
button, button:active, button:hover, button:link, button:visited {
	outline:none
}
.ihvRvo {
	z-index:1900!important
}
.ifKxRU {
	padding:0!important;
	top:200px!important
}
.flex-between {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.flex-item {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1
}
.vertical {
	vertical-align:middle
}
.u-fl {
	float:left
}
.u-hide-scroll::-webkit-scrollbar {
display:none
}
.u-hide-scroll {
	scrollbar-width:none;
	-ms-overflow-style:none;
	overflow:-moz-scrollbars-none;
	height:auto!important;
	overflow:hidden
}
.u-fr {
	float:right
}
.u-clear {
	clear:both
}
.u-clearfix {
	zoom:1
}
.u-clearfix:after {
	content:"";
	display:block;
	clear:both
}
.u-banner-carousel--full {
	width:100%;
	height:370px;
	position:relative;
	overflow:hidden
}
.u-banner-carousel--1200 {
	width:1200px;
	height:400px;
	margin:0 auto;
	position:relative;
	overflow:hidden
}
.u-banner-static--full, .u-banner-static--full img {
	max-width:1920px;
	margin:0 auto;
	width:100%;
	height:auto
}
.c-btn {
	cursor:pointer;
	display:inline-block;
	text-align:center;
	border-radius:4px;
	background:#f8cf39;
	color:#fff
}
.u-textarea {
	padding:5px 10px;
	outline:none
}
.u-title-mark {
	display:inline-block;
	width:15px;
	height:15px;
	background:#f8cf39;
	margin-right:15px
}
.container, .l-container-wide {
	width:1200px;
	margin:0 auto
}
body, html {
	height:100%
}
body {
	min-width:1200px;
	background:#f4f4f4
}
#app {
	height:100%
}
.el-carousel__item h3 {
	color:#475669;
	font-size:18px;
	opacity:.75;
	margin:0
}
.el-carousel__item:nth-child(2n) {
background-color:#99a9bf
}
.el-carousel__item:nth-child(odd) {
background-color:#d3dce6
}
.el-message {
	top:10%!important
}
.login-icon:hover {
	background-position:-68px 0
}
.register-icon:hover {
	background-position:-68px -38px
}
.fl {
	float:left
}
.fr {
	float:right
}
.clear {
	clear:both
}
.clearfix {
	zoom:1
}
.clearfix:after {
	content:"";
	display:block;
	clear:both
}
input {
	outline:none
}
.omit-2 {
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.min-height-570 {
	min-height:570px
}
.mt-10 {
	margin-top:10px!important
}
.mt-20 {
	margin-top:20px!important
}
.mt-30 {
	margin-top:30px!important
}
.mt-40 {
	margin-top:40px!important
}
.mt-50 {
	margin-top:50px!important
}
.mt-60 {
	margin-top:60px!important
}
.mt-70 {
	margin-top:70px!important
}
.mt-80 {
	margin-top:80px!important
}
.mt-90 {
	margin-top:90px!important
}
.mt-100 {
	margin-top:100px!important
}
.mt--45 {
	margin-top:-45px
}
.mb-10 {
	margin-bottom:10px!important
}
.mb-20 {
	margin-bottom:20px!important
}
.mb-30 {
	margin-bottom:30px!important
}
.mb-40 {
	margin-bottom:40px!important
}
.mb-60 {
	margin-bottom:60px!important
}
.mb-80 {
	margin-bottom:80px!important
}
.pt-0 {
	padding-top:0!important
}
.pt-20 {
	padding-top:20px!important
}
.pt-30 {
	padding-top:30px!important
}
.pt-40 {
	padding-top:40px!important
}
.pt-60 {
	padding-top:60px!important
}
.pt-80 {
	padding-top:80px!important
}
.pt-100 {
	padding-top:100px!important
}
.pt-120 {
	padding-top:120px!important
}
.pb-40 {
	padding-bottom:40px!important
}
.pb-60 {
	padding-bottom:60px
}
.pb-70 {
	padding-bottom:70px
}
.pb-80 {
	padding-bottom:80px
}
.pb-100 {
	padding-bottom:100px
}
.pb-120 {
	padding-bottom:120px
}
.pb-150 {
	padding-bottom:150px
}
.pb-170 {
	padding-bottom:170px
}
.pl-20 {
	padding-left:20px
}
.mt-0 {
	margin-top:0!important
}
.ml-0 {
	margin-left:0!important
}
.ml-10 {
	margin-left:10px!important
}
li :not(.list-with-style), ul {
list-style:none
}
.pd-lt-rt-20 {
	padding:0 20px
}
a[type=button]:hover {
	opacity:.8
}
.carousel-box {
	width:100%;
	height:490px;
	position:relative;
	overflow:hidden
}
.el-carousel {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0
}
.el-carousel .el-carousel__container {
	height:100%!important
}
.el-carousel .el-carousel__item {
	text-align:center
}
.filter {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:hsla(0, 0%, 100%, .1)
}
.index-banners {
	width:100%;
	text-align:center;
	max-width:1920px;
	margin:0 auto
}
@media (min-width:1200px) {
.index-banners {
height:400px
}
}
.index-banners-item {
	position:absolute;
	left:50%;
	margin-left:-960px;
	width:1920px;
	height:100%
}
.index-banners-item>a {
	display:block;
	height:100%
}
@media (min-width:768px) {
.index-banners-item {
margin-left:-608.448px;
width:1216.896px
}
}
@media (min-width:992px) {
.index-banners-item {
margin-left:-797.28px;
width:1594.56px
}
}
@media (min-width:1200px) {
.index-banners-item {
margin-left:-960px;
width:1920px
}
}
.nets-banners {
	width:1200px;
	text-align:center;
	max-width:1200px;
	height:460px!important;
	margin:0 auto;
	position:relative
}
.nets-banners .index-banners-item img {
	width:100%;
	height:100%;
	border-radius:15px
}
.nets-banners .apply {
	position:absolute;
	bottom:120px;
	left:432px;
	z-index:100000
}
.nets-banners .apply a {
	display:inline-block;
	border-radius:8px;
	font-size:17.86px;
	font-weight:700;
	color:#fff;
	background:#2eb8d0;
	padding:2px 30px
}
.nets-banners .apply a:first-child {
	margin-right:10px
}
.wh-bottom .s-icon {
	width:14px
}
.wh-bottom .s-text {
	color:#b8b8b8;
	font-size:15px;
	margin-left:5px
}
.wh-bottom .l-icon {
	width:14px;
	height:13px;
	margin-left:20px
}
.c-app-bread {
	height:50px;
	line-height:50px;
	color:#282828;
	font-size:14px
}
.c-app-bread span {
	color:#999
}
.color-28 {
	color:#282828
}
.load-more .loadend {
	color:#bbb;
	font-size:20px
}
.load-more .loadend, .load-more .loading {
	padding:20px;
	text-align:center
}
.load-more .loading img {
	-webkit-animation:spiner 1s linear infinite;
	animation:spiner 1s linear infinite;
	width:20px;
	height:20px
}
.load-more .loading .loading-text {
	margin-top:15px;
	color:#bbb;
	font-size:20px
}
.viewer-button {
	right:404px;
	top:18px;
	width:29px;
	height:29px;
	line-height:29px;
	border-radius:0
}
.viewer-button, .viewer-button:hover {
	background:none
}
.viewer-open {
	overflow:visible
}
.viewer-close {
	font-size:29px;
	font-family:iconfont!important;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.viewer-close:before {
	bottom:auto;
	left:auto;
	background:none;
	width:auto;
	height:auto;
	color:#fff;
	font-size:29px;
	line-height:29px;
	content:"\E73B;"
}
.viewer-title {
	display:none
}
.viewer-toolbar>ul>li {
	width:32px;
	height:32px;
	margin:6px;
	color:#fff;
	font-size:14px;
	font-family:iconfont!important;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	position:relative
}
.viewer-toolbar>ul>li:before {
	width:14px;
	height:14px;
	font-size:14px;
	background:none;
	color:#fff;
	position:absolute;
	top:16px;
	left:9px;
	margin:0 auto
}
.viewer-toolbar>ul>.viewer-large {
	width:40px;
	height:40px;
	margin-top:2px
}
.viewer-navbar {
	margin-bottom:20px;
	background:none
}
.viewer-list {
	height:80px
}
.viewer-list .viewer-active {
	border:4px solid #FFF200
}
.viewer-list>li {
	width:80px;
	height:80px
}
.viewer-zoom-in:before {
	content:"\E673"
}
.viewer-zoom-out:before {
	content:"\E66C"
}
.viewer-one-to-one:before {
	content:"\E672"
}
.viewer-reset:before {
	content:"\E670"
}
.viewer-prev:before {
	content:"\E675"
}
.viewer-play:before {
	content:"\E66E"
}
.viewer-next:before {
	content:"\E674"
}
.viewer-rotate-left:before {
	content:"\E66F"
}
.viewer-rotate-right:before {
	content:"\E665"
}
.viewer-flip-horizontal:before {
	content:"\E66D"
}
.viewer-flip-vertical:before {
	content:"\E671"
}
.c-app-guide {
	height:100vh;
	background:#fff
}
.c-app-guide iframe {
	display:block;
	width:400px;
	height:100vh;
	margin:0 auto
}
.c-footer {
	width:100%;
	padding-bottom:80px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.c-footer.logined-state {
	padding-bottom:0
}
.c-footer-main {
	background:#282828;
	padding-top:30px;
	position:relative;
	z-index:11
}
.c-footer-main-content {
	width:1120px;
	margin:0 auto
}
.c-footer-main-content .c-top {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	height:40px;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.c-footer-main-content .c-top img {
	height:40px;
	background:#fff;
	border-radius:4px
}
.c-footer-main-content .c-top p {
	font-size:12px;
	color:#717171;
	margin-left:15px
}
.c-footer-main-content .c-line {
	width:100%;
	height:1px;
	background:#333;
	margin:30px auto
}
.c-footer-main-content .c-center {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding-bottom:30px;
	border-bottom:1px solid #333;
	margin-bottom:16px
}
.c-footer-main-content .c-center-left-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-bottom:30px
}
.c-footer-main-content .c-center-left-list>a {
	width:160px;
	text-align:center;
	-ms-flex-negative:0;
	flex-shrink:0
}
.c-footer-main-content .c-center-left-list a {
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	height:30px;
	margin-right:30px;
	font-size:14px;
	color:#a3a3a3;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.c-footer-main-content .c-center-left-list a:hover {
	color:#fff
}
.c-footer-main-content .c-center-left-list .friendly-links {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.c-footer-main-content .c-center-left-list .btn {
	border-radius:15px;
	border:1px solid #999;
	padding:0 16px
}
.c-footer-main-content .c-center-left-list .btn:hover {
	border:1px solid #fff
}
.c-footer-main-content .c-center-left-list .btn:hover .iconfont {
	color:#fff
}
.c-footer-main-content .c-center-left-list .btn .iconfont {
	font-size:14px;
	color:#a3a3a3;
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	margin-right:6px
}
.c-footer-main-content .c-center-left p {
	line-height:24px;
	font-size:12px;
	color:#666
}
.c-footer-main-content .c-center-right {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.c-footer-main-content .c-center-right>div {
	margin-left:20px
}
.c-footer-main-content .c-center-right .qr {
	display:block;
	width:110px;
	height:110px;
	background:#fff;
	margin-bottom:12px;
	border-radius:4px
}
.c-footer-main-content .c-center-right p {
	width:110px;
	height:24px;
	font-size:14px;
	line-height:24px;
	color:#888;
	text-align:center
}
.caseNumber {
	margin:0 auto;
	font-size:12px;
	color:#a3a3a3;
	text-align: center
}
.caseNumber img {
	display:inline-block;
	margin-right:5px
}
.caseNumber:hover {
	color:#fff
}
.c-footer-bottom {
	padding:17px 0;
	height:80px;
	background:rgba(0, 0, 0, .6);
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:2003
}
.c-footer-bottom img {
	width:121px;
	height:51px
}
.c-footer-bottom .c-footer-login {
	width:518px;
	float:right;
	text-align:center;
	font-size:18px;
	color:#fff;
	line-height:28px
}
.c-footer-bottom .c-footer-login img {
	width:46px;
	height:46px;
	margin:0 13px;
	cursor:pointer
}
.c-footer-bottom .c-footer-login i {
	position:absolute;
	top:5px;
	font-size:20px;
	cursor:pointer
}
@media (min-width:1920px) {
.c-footer-bottom {
padding:17px 260px
}
}
@media (min-width:1200px) {
.c-footer-bottom {
padding:17px 60px
}
}
.user-login-dialog .login-logo {
	display:block;
	width:154px;
	margin:0 auto;
	height:auto
}
.user-login-dialog .tip {
	font-size:14px;
	font-weight:400;
	color:#999;
	line-height:24px;
	margin-top:15px
}
.user-login-dialog .login-type-tabs {
	margin-top:37px
}
.user-login-dialog .input-phone button, .user-login-dialog .input-phone input {
	margin:10px 0;
	background:#f4f4f4
}
.user-login-dialog .input-phone .btn {
	width:100%;
	background:#f8cf39;
	border-color:#f8cf39;
	height:44px
}
.user-login-dialog .input-phone .error-tip {
	font-size:12px;
	color:#ff6161;
	line-height:17px
}
.user-login-dialog .el-input__inner {
	border:none
}
.user-login-dialog .el-input__inner::-webkit-input-placeholder {
color:#999
}
.user-login-dialog .el-input__inner::-moz-placeholder {
color:#999
}
.user-login-dialog .el-input__inner::-ms-input-placeholder {
color:#999
}
.user-login-dialog .el-input__inner::placeholder {
color:#999
}
.user-login-dialog .el-button {
	border:none
}
.user-login-dialog .el-dialog__header {
	padding:0
}
.user-login-dialog .el-button--warning {
	font-size:14px
}
.user-login-dialog .el-dialog__headerbtn {
	font-size:24px;
	top:10px
}
.user-login-dialog .el-dialog__body {
	padding:30px 66px;
	border-right:6px;
	-webkit-box-shadow:0 12px 27px 0 rgba(0, 0, 0, .5);
	box-shadow:0 12px 27px 0 rgba(0, 0, 0, .5)
}
.user-login-dialog .el-dialog {
	border-radius:6px
}
.user-login-dialog .third-login {
	margin-top:59px;
	text-align:center;
	color:#999;
	font-size:14px
}
.user-login-dialog .third-login img {
	width:47px;
	height:46px;
	margin:0 20px
}
.user-login-dialog .third-login img:hover {
	-webkit-transform:scale(1.5);
	transform:scale(1.5);
	cursor:pointer
}
.user-login-dialog .third-login .third-login-header {
	position:relative;
	margin-bottom:15px
}
.user-login-dialog .third-login .third-login-header .line {
	position:absolute;
	width:100px;
	border-bottom:1px solid #ccc;
	top:12px
}
.user-login-dialog .third-login .third-login-header .line-left {
	left:0
}
.user-login-dialog .third-login .third-login-header .line-right {
	right:0
}
.c-app-wrap {
	width:233px;
	height:125px;
	background:#fff;
	-webkit-box-shadow:0 5px 18px 0 rgba(0, 0, 0, .15);
	box-shadow:0 5px 18px 0 rgba(0, 0, 0, .15);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:0 14px
}
.c-app-wrap .c-app-wrap-left img {
	margin-bottom:8px;
	display:block;
	width:92px
}
.c-app-wrap .c-app-wrap-left p {
	margin-top:8px;
	font-size:12px;
	font-family:MicrosoftYaHei;
	text-align:center;
	color:#666;
	line-height:16px
}
.c-app-wrap .c-app-wrap-qrcode {
	width:90px;
	height:90px;
	background:#fff;
	border:1px solid #ffd800;
	border-radius:4px;
	padding:6px;
	margin-left:23px
}
.c-dropdown-wrap {
	width:213px;
	border:1px solid #ebeef5;
	border-radius:4px;
	-webkit-box-shadow:0 2px 12px 0 rgba(0, 0, 0, .1);
	box-shadow:0 2px 12px 0 rgba(0, 0, 0, .1);
	background-color:#fff;
	padding:16px 0
}
.c-dropdown-wrap .user-home {
	display:block;
	margin-top:5px;
	color:#feab00;
	font-size:12px;
	text-align:center
}
.c-dropdown-ul {
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.c-dropdown-ul, .c-dropdown-ul .dropdown-item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.c-dropdown-ul .dropdown-item {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	width:33.33%;
	margin-bottom:8px;
	cursor:pointer
}
.c-dropdown-ul .dropdown-unread .drop-item-icon {
	position:relative
}
.c-dropdown-ul .dropdown-unread .drop-item-icon:after {
	content:"";
	position:absolute;
	right:-1px;
	top:5px;
	width:8px;
	height:8px;
	background:#f92525;
	border-radius:50%
}
.c-dropdown-ul .drop-item-icon {
	font-size:24px;
	line-height:normal
}
.c-dropdown-ul .dropdown-text {
	color:#2f2f2f;
	font-size:12px;
	margin-top:5px
}
.bg-color-FFFFFF {
	background-color:#fff!important;
	border-bottom:1px solid #eee
}
.el-dialog__body {
	padding:50px 100px
}
.el-button--warning {
	color:#1a1a1a;
	font-size:21px;
	font-weight:400;
	color:#333
}
.header-wrap {
	height:64px
}
.header-wrap .header-container {
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	width:100%;
	padding:0 60px;
	min-width:1200px
}
.header-wrap .header-container>div {
	-ms-flex-negative:0;
	flex-shrink:0
}
.header-wrap header {
	width:100%;
	height:64px;
	position:fixed;
	top:0;
	z-index:2000;
	-webkit-box-shadow:0 6px 10px 0 rgba(0, 0, 0, .06);
	box-shadow:0 6px 10px 0 rgba(0, 0, 0, .06)
}
.header-wrap header .logo {
	width:113px;
	height:34px;
	margin:15px 0;
	float:left
}
.header-wrap header .c-nav {
	height:64px;
	line-height:64px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-left:40px;
	float:left;
	color:#282828;
	font-size:16px;
	font-weight:400;
	-ms-flex-negative:0;
	flex-shrink:0
}
.header-wrap header .c-nav .iconhot {
	position:absolute;
	right:10px;
	top:-10px;
	font-size:12px;
	color:#ff3636
}
.header-wrap header .c-nav li {
	text-align:center;
	padding:0 22px;
	position:relative
}
.header-wrap header .c-nav li a {
	color:#282828;
	display:block
}
.header-wrap header .c-nav li a:hover {
	color:#333;
	width:100%;
	height:64px;
	display:block
}
.header-wrap header .c-nav li a.active {
	color:#FFF200;
	width:100%;
	height:64px;
	display:block;
	font-weight:600
}
.header-wrap header .search {
	position:relative;
	width:450px;
	height:44px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-right:auto;
	background-color:#f4f4f4;
	margin-left:auto;
	border-radius:22px;
	padding-right:20px
}
.header-wrap header .search .search-input {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	height:100%
}
.header-wrap header .search .search-input input {
	border:none;
	background-color:transparent;
	padding:0 0 0 21px;
	height:100%;
	width:100%
}
.header-wrap header .search .go-search {
	-ms-flex-negative:0;
	flex-shrink:0;
	font-size:22px;
	color:#777;
	cursor:pointer
}
.header-wrap header .search-box {
	position:absolute;
	top:100%;
	left:31px;
	width:397px;
	background:#fff;
	-webkit-box-shadow:0 4px 10px 0 rgba(0, 0, 0, .1);
	box-shadow:0 4px 10px 0 rgba(0, 0, 0, .1);
	border-radius:4px
}
.header-wrap header .search-box .word-list {
	width:100%
}
.header-wrap header .search-box .word-list .word-item {
	width:100%;
	height:34px;
	line-height:34px;
	color:#333;
	padding:0 20px;
	background-color:#fff;
	font-size:12px;
	cursor:pointer
}
.header-wrap header .search-box .word-list .word-item-active {
	background-color:#eee
}
.header-wrap header .search-box .search-history {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:18px 15px;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.header-wrap header .search-box .search-history span {
	color:#333;
	font-size:16px;
	margin-right:10px;
	width:64px;
	display:inline-block;
	-ms-flex-negative:0;
	flex-shrink:0
}
.header-wrap header .search-box .search-history .history-item {
	height:30px;
	background:#eee;
	border-radius:4px;
	line-height:30px;
	text-align:center;
	padding:0 10px;
	color:#333;
	font-size:14px;
	cursor:pointer;
	margin-right:8px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.header-wrap header .search-box .search-history .history-item:last-child {
	margin-right:0
}
.header-wrap header .upload {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:100px;
	height:40px;
	background:#FFF200;
	border-radius:4px;
	color:#333;
	font-size:16px;
	margin-left:auto;
	margin-right:32px;
	cursor:pointer;
	-ms-flex-negative:0;
	flex-shrink:0
}
.header-wrap header .upload .iconpc-tougao {
	font-size:20px;
	margin-right:8px
}
.header-wrap header .header-login-register {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:relative
}
.header-wrap header .header-login-register .unread-message {
	position:relative
}
.header-wrap header .header-login-register .unread-message:after {
	content:"";
	position:absolute;
	right:4px;
	top:0;
	width:8px;
	height:8px;
	background:#f92525;
	border-radius:50%;
	overflow:hidden
}
.header-wrap header .header-login-register .el-button+.el-button {
	margin-left:0
}
.header-wrap header .header-login-register .index-login-btn, .header-wrap header .header-login-register .index-reg-btn {
	font-size:16px;
	color:#282828;
	line-height:16px;
	padding:0 8px;
	height:21px
}
.header-wrap header .header-login-register img {
	width:50px;
	height:50px;
	border-radius:50%;
	cursor:pointer
}
.header-wrap header .header-login-register .index-login-btn {
	border-right:1px solid #ccc;
	border-radius:0
}
@media screen and (max-width:1400px) {
.header-wrap .header-container {
padding:0 20px
}
.header-wrap header .c-nav {
margin-left:20px
}
.header-wrap header .search {
width:300px
}
.header-wrap header .search-box {
width:247px
}
}
@media screen and (max-width:1180px) {
.header-wrap .header-container {
padding:0 10px
}
.header-wrap header .c-nav {
margin-left:10px
}
.header-wrap header .c-nav li {
padding:0 10px
}
.header-wrap header .search {
width:250px
}
.header-wrap header .search-box {
width:197px
}
.header-wrap header .search {
margin-left:10px;
margin-right:10px
}
.header-wrap header .upload {
margin-left:10px
}
}
.pm-msg-tips {
	-webkit-box-shadow:rgba(0, 0, 0, .1) 0 6px 10px!important;
	box-shadow:0 6px 10px rgba(0, 0, 0, .1)!important
}
.pm-msg-tips, .pm-msg-tips .popper__arrow {
	border:none!important
}
.p-404 {
	padding:100px 0 200px
}
.p-404 .l-404 {
	width:650px;
	height:300px;
	position:fiexd;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	text-align:center
}
.p-404 .text-404 {
	font-size:80px;
	font-weight:700;
	margin-right:6px
}
.p-404 img {
	width:240px
}
.p-404 p {
	padding-top:35px;
	margin:0 0 24px;
	font-size:24px;
	color:#FFF200
}
.p-404 ul {
	line-height:28px;
	color:#999;
	font-size:14px
}
.c-progress-bar {
	position:fixed;
	top:0;
	left:0;
	background-color:#FFF200;
	z-index:99999;
	height:2px;
	width:1px
}
.chuzhan-app-download {
	position:fixed;
	right:calc(50% + 620px);
	top:260px;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.chuzhan-app-download, .chuzhan-app-download .qrcode {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.chuzhan-app-download .qrcode {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.chuzhan-app-download .chuzhan-download-head {
	display:block;
	width:81px;
	height:auto;
	margin:0 auto
}
.chuzhan-app-download .chuzhan-download-container {
	width:110px;
	height:185px;
	border-radius:4px;
	background:#ffd800
}
.chuzhan-app-download .chuzhan-download-container .chuzhan-download-title {
	width:100%;
	height:27px;
	overflow:hidden
}
.chuzhan-app-download .chuzhan-download-container .chuzhan-download-title img {
	display:block;
	width:58px;
	height:auto;
	margin:4px auto 0
}
.chuzhan-app-download .chuzhan-download-container .chuzhan-download-main {
	padding-top:6px;
	width:100%;
	height:152px;
	background:#fff
}
.chuzhan-app-download .chuzhan-download-container .chuzhan-download-qrcode {
	margin:0 auto;
	width:90px;
	height:90px;
	background:#fff;
	border:1px solid #ffd800;
	border-radius:4px
}
.chuzhan-app-download .chuzhan-download-container p {
	width:90px;
	margin:0 auto;
	padding-top:10px;
	font-size:12px;
	text-align:center;
	color:#666;
	line-height:16px
}
.p-classify-nav {
	padding:30px 0 20px
}
.p-classify-nav img {
	height:26px;
	margin-right:10px;
	margin-top:-12px
}
.p-classify-nav span {
	font-size:24px;
	line-height:35px;
	font-weight:600
}
.p-classify-nav p {
	float:right;
	color:#222;
	font-size:22px;
	margin-top:6px
}
.p-classify-nav a {
	color:#555;
	font-size:16px
}
.p-classify-nav a i {
	color:#d1d1d1
}
.c-work-manage-item {
	width:224px;
	border-radius:4px;
	overflow:hidden;
	background:#fff;
	cursor:pointer
}
.c-work-manage-item .image-container {
	width:224px;
	height:168px;
	background:#ebe9e9;
	overflow:hidden;
	position:relative
}
.c-work-manage-item .image-container img {
	width:100%
}
.c-work-manage-item .image-container .status-label {
	height:26px;
	border-radius:4px;
	font-size:14px;
	color:#fff;
	line-height:14px;
	padding:6px 8px;
	position:absolute;
	left:8px;
	top:8px
}
.c-work-manage-item .image-container .status-label.pending-process {
	background:#ffa820
}
.c-work-manage-item .image-container .status-label.not-pass {
	background:#ed414d
}
.c-work-manage-item .image-container .edit-btn {
	position:absolute;
	height:26px;
	background:rgba(0, 0, 0, .6);
	border-radius:4px;
	font-size:14px;
	color:#fff;
	line-height:14px;
	padding:6px 12px;
	right:8px;
	top:8px;
	display:none
}
.c-work-manage-item .image-container:hover .edit-btn {
	display:block
}
.c-work-manage-item .work-info .title {
	height:50px;
	padding:10px 14px 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.c-work-manage-item .work-info .title p {
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:26px;
	height:26px;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:150px
}
.c-work-manage-item .work-info .title button {
	width:50px;
	height:26px;
	background:#eee;
	border-radius:4px;
	font-size:14px;
	color:#3a3a3a
}
.c-work-manage-item .work-info .time {
	font-size:14px;
	font-weight:400;
	color:#b8b8b8;
	line-height:20px;
	padding:10px 14px 0
}
.c-work-manage-item .work-info .numbers {
	font-size:14px;
	font-weight:400;
	color:#b8b8b8;
	line-height:19px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:left;
	-ms-flex-pack:left;
	justify-content:left;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin:16px 14px
}
.c-work-manage-item .work-info .numbers .number-item {
	text-align:center;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1
}
.c-work-manage-item .work-info .numbers .number-item .iconfont {
	margin-right:4px
}
.p-painter-setting {
	width:1200px;
	margin:0 auto
}
.p-painter-setting .painter-tip {
	width:100%;
	height:150px;
	background:#fff;
	padding:30px;
	margin-bottom:16px
}
.p-painter-setting .painter-tip .painter-tip-title {
	color:#333;
	font-size:28px
}
.p-painter-setting .painter-tip .painter-tip-content {
	font-size:26px;
	color:#ff1514;
	margin-top:6px
}
.p-painter-setting .painter-main {
	padding:0 30px 100px;
	background:#fff
}
.p-painter-setting .painter-avatar {
	position:relative;
	width:162px;
	height:162px;
	display:block;
	margin:0 auto;
	cursor:pointer
}
.p-painter-setting .painter-avatar input {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	opacity:0;
	z-index:2;
	cursor:pointer
}
.p-painter-setting .painter-avatar .painter-avatar-img {
	width:100%;
	height:100%;
	border-radius:50%;
	cursor:pointer
}
.p-painter-setting .painter-avatar .painter-avatar-icon {
	position:absolute;
	width:58px;
	height:58px;
	right:0;
	bottom:0
}
.p-painter-setting .painter-wrap {
	width:100%;
	height:310px;
	padding-top:40px;
	border-bottom:1px solid #eee
}
.p-painter-setting .painter-wrap p {
	margin-top:10px;
	text-align:center;
	color:#666660;
	font-size:30px
}
.p-painter-setting .painter-name {
	width:100%;
	height:98px;
	background:#fff;
	padding:28px 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:30px;
	border-bottom:1px solid #eee
}
.p-painter-setting .painter-name .name-label {
	margin-right:40px;
	-ms-flex-negative:0;
	flex-shrink:0
}
.p-painter-setting .painter-name input {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	height:100%
}
.p-painter-setting .painter-name input:disabled {
	background-color:transparent
}
.p-painter-setting .painter-description {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	background:#fff;
	padding:24px 0;
	border-bottom:1px solid #eee;
	font-size:30px;
	height:224px;
	margin-bottom:50px
}
.p-painter-setting .painter-description .description-label {
	-ms-flex-negative:0;
	flex-shrink:0;
	margin-right:40px
}
.p-painter-setting .painter-description textarea {
	overflow:hidden;
	resize:none;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	height:100%
}
.p-painter-setting .painter-description textarea:disabled {
	background-color:transparent
}
.p-painter-setting .painter-save {
	margin:0 auto;
	width:345px;
	height:47px;
	line-height:47px;
	text-align:center;
	color:#505050;
	font-size:15px;
	background:#ffdb26;
	border-radius:4px;
	font-weight:500;
	cursor:pointer
}
.p-painter-setting .painter-save-disabled {
	background:#999;
	color:#fff
}
.c-preview-image .c-preview-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.c-preview-image .c-preview-li {
	width:268px;
	height:150px;
	-ms-flex-negative:0;
	flex-shrink:0;
	margin-bottom:20px;
	position:relative;
	margin-right:10px
}
.c-preview-image .c-preview-li:hover .preview-close {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.c-preview-image .c-preview-li .preview-img {
	-o-object-fit:cover;
	object-fit:cover;
	display:block;
	width:100%;
	height:100%
}
.c-preview-image .c-preview-li .preview-close {
	cursor:pointer
}
.c-preview-image .preview-close {
	display:none;
	position:absolute;
	top:10px;
	right:10px;
	padding:10px;
	border-radius:4px;
	height:30px;
	background:rgba(0, 0, 0, .5);
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	color:#fff;
	cursor:pointer
}
.c-preview-image .preview-close .iconfont {
	margin-right:8px
}
.c-preview-image .upload-file {
	width:268px;
	height:150px;
	-ms-flex-negative:0;
	flex-shrink:0;
	margin-bottom:20px;
	position:relative;
	border:2px dashed #ddd;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	cursor:pointer
}
.c-preview-image .upload-file .upload-file-input, .c-preview-image .upload-file input {
	cursor:pointer;
	position:absolute;
	opacity:0;
	width:100%;
	height:100%;
	left:0;
	top:0
}
.c-preview-image .upload-file .iconfont {
	font-size:36px;
	color:#999
}
.c-preview-image .upload-file p {
	font-size:12px;
	color:#999;
	line-height:16px;
	margin-top:16px
}
.p-showcase-create {
	background:#f6f6f6;
	padding-bottom:62px
}
.p-showcase-create h2 {
	font-size:20px;
	font-weight:600;
	color:#333;
	line-height:20px
}
.p-showcase-create .showcase-create-container {
	width:900px;
	background:#fff;
	margin:34px auto 0;
	overflow:hidden;
	padding:37px 37px 40px
}
.p-showcase-create .showcase-form-classify {
	margin-top:24px
}
.p-showcase-create .showcase-classify-list {
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.p-showcase-create .showcase-classify, .p-showcase-create .showcase-classify-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.p-showcase-create .showcase-classify {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:5px 10px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:20px;
	font-size:12px;
	color:#999;
	line-height:12px;
	position:relative;
	margin-right:10px;
	cursor:pointer;
	-ms-flex-negative:0;
	flex-shrink:0;
	margin-bottom:10px
}
.p-showcase-create .showcase-classify:before {
	content:"";
	width:1px;
	height:16px;
	background:#ccc;
	border-radius:1px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	left:32px
}
.p-showcase-create .showcase-classify .iconfont {
	font-size:16px;
	color:#999;
	margin-right:13px
}
.p-showcase-create .classify-disable-btn {
	background:#eee;
	color:#999;
	border:1px solid transparent
}
.p-showcase-create .showcase-classify-active {
	background:#f8cf39;
	color:#333;
	border:1px solid transparent
}
.p-showcase-create .showcase-classify-active:before {
	background:#e0bc36
}
.p-showcase-create .showcase-classify-active .iconfont {
	color:#333
}
.p-showcase-create .showcase-create-tip {
	width:799px;
	background:#fffbf3;
	border:1px solid #ff8c00;
	border-radius:4px;
	margin-top:22px;
	padding:16px
}
.p-showcase-create .showcase-create-tip p {
	font-size:14px;
	color:#333;
	line-height:14px;
	margin-top:16px
}
.p-showcase-create .create-tip-status {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:18px;
	font-family:MicrosoftYaHei, MicrosoftYaHei-Bold;
	font-weight:700;
	color:#ff8c00;
	line-height:18px
}
.p-showcase-create .create-tip-status .iconfont {
	font-size:16px;
	color:#ff8c00;
	margin-right:9px
}
.p-showcase-create .showcase-name {
	margin-top:24px
}
.p-showcase-create .showcase-name .showcase-form-label {
	margin-top:14px
}
.p-showcase-create .showcase-form-item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.p-showcase-create .showcase-form-item .showcase-form-wrap {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	margin-left:10px
}
.p-showcase-create .showcase-form-item .showcase-form-label {
	width:72px;
	font-size:16px;
	color:#333;
	line-height:20px;
	text-align:right;
	-ms-flex-negative:0;
	flex-shrink:0
}
.p-showcase-create .showcase-form-item .showcase-form-label i {
	color:red
}
.p-showcase-create .showcase-form-item .showcase-form-input {
	width:716px;
	height:48px;
	border-radius:4px
}
.p-showcase-create .showcase-form-item .showcase-form-input input {
	width:100%;
	height:100%
}
.p-showcase-create .showcase-form-item .showcase-form-tip {
	margin-top:12px;
	font-size:14px;
	color:#999;
	line-height:20px
}
.p-showcase-create .showcase-form-cycle {
	margin-top:24px
}
.p-showcase-create .showcase-form-cycle .showcase-form-input {
	width:134px;
	height:48px;
	border-radius:4px
}
.p-showcase-create .showcase-form-cycle .showcase-form-input input {
	width:100%;
	height:100%;
	text-align:center
}
.p-showcase-create .showcase-form-cycle span {
	margin-left:10px;
	font-size:16px;
	color:#666;
	line-height:21px
}
.p-showcase-create .showcase-form-cycle .showcase-form-wrap {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row
}
.p-showcase-create .showcase-form-cycle .showcase-form-label {
	margin-top:16px
}
.p-showcase-create .showcase-form-price {
	margin-top:24px
}
.p-showcase-create .showcase-form-price .showcase-form-label {
	margin-top:16px
}
.p-showcase-create .showcase-form-price .showcase-form-wrap {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row
}
.p-showcase-create .showcase-form-price .showcase-price-max, .p-showcase-create .showcase-form-price .showcase-price-min {
	width:90px;
	height:48px;
	border-radius:4px
}
.p-showcase-create .showcase-form-price .showcase-price-max input, .p-showcase-create .showcase-form-price .showcase-price-min input {
	width:100%;
	height:100%;
	text-align:center
}
.p-showcase-create .showcase-form-price .showcase-price-min {
	margin-right:10px
}
.p-showcase-create .showcase-form-price .showcase-price-max {
	margin-left:10px
}
.p-showcase-create .showcase-form-price span {
	margin-left:12px;
	font-size:16px;
	color:#666;
	line-height:21px
}
.p-showcase-create .showcase-form-desc {
	margin-top:24px
}
.p-showcase-create .showcase-form-desc .showcase-form-label {
	margin-top:16px
}
.p-showcase-create .showcase-form-desc .showcase-form-textarea {
	width:716px;
	height:160px;
	border-radius:4px
}
.p-showcase-create .showcase-form-desc .showcase-form-textarea textarea {
	width:100%;
	height:100%;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	resize:none;
	padding:20px 16px;
	color:#333;
	font-size:14px
}
.p-showcase-create .showcase-form-desc .showcase-form-textarea textarea:focus {
	border-color:#ddd
}
.p-showcase-create .showcase-form-upload {
	margin-top:24px
}
.p-showcase-create .create-desc {
	color:#999;
	margin-left:84px;
	font-size:12px;
	line-height:16px;
	margin-top:24px
}
.p-showcase-create .create-desc .desc-title {
	margin-bottom:11px
}
.p-showcase-create .create-desc .desc-line {
	margin-bottom:5px
}
.p-showcase-create .upload-btn {
	margin-left:84px;
	margin-top:24px;
	background-color:#FFF200;
	font-size:18px;
	width:240px;
	height:60px;
	border-radius:4px;
	color:#333
}
.p-showcase-create .upload-btn-disable {
	background:#eee;
	color:#999;
	border:none
}
.p-showcase-detail {
	padding-bottom:62px
}
.p-showcase-detail .showcase-detail-wrap {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.p-showcase-detail .showcase-detail-item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-top:20px
}
.p-showcase-detail .showcase-detail-item .showcase-detail-label {
	font-size:14px;
	text-align:right;
	color:#666;
	line-height:19px;
	width:76px;
	margin-right:12px;
	-ms-flex-negative:0;
	flex-shrink:0
}
.p-showcase-detail .showcase-detail-item .showcase-detail-cycle {
	font-size:16px;
	color:#333;
	line-height:21px
}
.p-showcase-detail .showcase-detail-item .showcase-detail-price {
	font-size:24px;
	font-family:MicrosoftYaHei, MicrosoftYaHei-Bold;
	font-weight:700;
	text-align:center;
	color:#feab00;
	line-height:24px
}
.p-showcase-detail .showcase-detail-item .showcase-detail-price span {
	font-size:16px;
	font-family:MicrosoftYaHei, MicrosoftYaHei-Bold;
	font-weight:700;
	text-align:center;
	color:#feab00;
	line-height:16px
}
.p-showcase-detail .showcase-detail-item .showcase-detail-desc {
	font-size:16px;
	font-family:MicrosoftYaHei;
	color:#333;
	line-height:24px;
	white-space:pre-wrap
}
.p-showcase-detail .showcase-detail-item .showcase-detail-image {
	width:697px;
	height:auto;
	margin-bottom:20px
}
.p-showcase-detail .showcase-main-container {
	width:860px;
	background:#fff;
	border-radius:4px;
	overflow:hidden;
	padding:24px 34px 40px
}
.p-showcase-detail .showcase-classify-list, .p-showcase-detail .showcase-classify-list .showcase-classify {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.p-showcase-detail .showcase-classify-list .showcase-classify {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:5px 10px;
	background:#eee;
	border-radius:20px;
	font-size:12px;
	color:#333;
	line-height:12px;
	position:relative;
	margin-right:10px;
	cursor:pointer
}
.p-showcase-detail .showcase-classify-list .showcase-classify:before {
	content:"";
	width:1px;
	height:16px;
	background:#d8d8d8;
	border-radius:1px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	left:32px
}
.p-showcase-detail .showcase-classify-list .showcase-classify .iconfont {
	font-size:16px;
	color:#333;
	margin-right:13px
}
.p-showcase-detail .showcase-main-head {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.p-showcase-detail .showcase-main-head .showcase-title {
	width:588px;
	font-size:26px;
	color:#1a1a1a;
	line-height:34px
}
.p-showcase-detail .showcase-main-head .showcase-delete-btn, .p-showcase-detail .showcase-main-head .showcase-edit-btn {
	width:84px;
	height:32px;
	line-height:32px;
	border-radius:4px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	font-size:14px;
	color:#333;
	cursor:pointer
}
.p-showcase-detail .showcase-main-head .showcase-delete-btn {
	background:#eee;
	margin-left:20px
}
.p-showcase-detail .showcase-main-head .showcase-edit-btn {
	margin-left:10px;
	background:#FFF200
}
.p-showcase-detail .showcase-main-head .iconicon-showcase-delete, .p-showcase-detail .showcase-main-head .iconicon-showcase-revise {
	margin-right:4px;
	color:#333
}
.p-showcase-detail .showcase-detail-tip {
	width:786px;
	background:#f4f4f4;
	border-radius:4px;
	margin-top:20px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:14px 16px;
	font-size:12px;
	color:#999;
	line-height:18px
}
.p-showcase-detail .showcase-detail-tip .iconfont {
	margin-right:10px;
	font-size:24px;
	color:#ccc
}
.p-showcase-detail .showcase-sidebar, .p-showcase-detail .showcase-sidebar .showcase-painter-info {
	width:320px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.p-showcase-detail .showcase-sidebar .showcase-painter-info {
	position:sticky;
	top:70px;
	height:307px;
	background:#fff;
	border-radius:4px;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:24px
}
.p-showcase-detail .showcase-sidebar .painter-name {
	margin-top:13px;
	font-size:16px;
	font-family:MicrosoftYaHei;
	color:#1a1a1a;
	line-height:22px
}
.p-showcase-detail .showcase-sidebar .painter-follow {
	margin-top:12px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:12px;
	font-family:MicrosoftYaHei;
	color:#999;
	line-height:18px;
	position:relative
}
.p-showcase-detail .showcase-sidebar .painter-follow:before {
	content:"";
	width:1px;
	height:16px;
	background:#eee;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.p-showcase-detail .showcase-sidebar .painter-follow .painter-followers {
	margin-left:29px
}
.p-showcase-detail .showcase-sidebar .painter-description {
	margin-top:12px;
	font-size:12px;
	font-family:MicrosoftYaHei;
	color:#999;
	line-height:18px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	overflow:hidden;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis
}
.p-showcase-detail .showcase-sidebar .painter-buttons {
	display:block;
	width:120px;
	height:40px;
	background:#f8cf39;
	border-radius:4px;
	font-size:16px;
	text-align:center;
	color:#333;
	line-height:40px;
	margin-top:18px;
	cursor:pointer
}
.p-showcase-detail .painter-others {
	position:sticky;
	top:396px;
	width:100%;
	background:#fff;
	margin-top:19px;
	border-radius:4px
}
.p-showcase-detail .painter-others-title {
	font-size:18px;
	line-height:18px;
	font-weight:600;
	color:#333;
	padding:20px 15px;
	border-bottom:1px solid #eee
}
.p-showcase-detail .painter-work-item {
	padding:20px 15px 0;
	display:block
}
.p-showcase-detail .painter-work-item .showcase-item-image {
	display:block;
	width:290px;
	height:196px;
	margin:0 auto;
	border-radius:4px;
	overflow:hidden
}
.p-showcase-detail .painter-work-item .desc {
	margin-top:10px;
	font-size:12px;
	color:#333;
	line-height:16px;
	padding-bottom:20px;
	border-bottom:1px solid #eee
}
.p-showcase-detail .painter-work-item:last-child .desc {
	border-bottom:none
}
.p-showcase-detail .letter-btn {
	display:block;
	width:200px;
	height:60px;
	background:#f8cf39;
	border-radius:4px;
	text-align:center;
	line-height:60px;
	font-size:18px;
	font-family:MicrosoftYaHei;
	color:#333;
	margin:40px auto 0;
	cursor:pointer
}
.p-works-create {
	width:900px;
	background-color:#fff;
	padding:0 50px 70px;
	margin:20px auto
}
.p-works-create .search-tag .el-input__inner {
	height:48px
}
.p-works-create .tag-list {
	margin-left:84px;
	margin-top:24px;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.p-works-create .tag-list, .p-works-create .tag-list .tag-list-item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.p-works-create .tag-list .tag-list-item {
	padding:4px 9px;
	background:#f4f4f4;
	border-radius:4px;
	border:1px solid #e9e9eb;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	cursor:pointer;
	margin-right:10px;
	margin-bottom:10px
}
.p-works-create .tag-list span {
	color:#333;
	font-size:12px
}
.p-works-create .tag-list .iconfont {
	margin-left:7px;
	font-size:12px;
	color:#333
}
.p-works-create .head {
	padding:21px 0;
	border-bottom:1px solid #eee
}
.p-works-create .head .tabs-item {
	cursor:pointer;
	font-size:20px;
	color:#999;
	line-height:20px;
	padding-right:30px;
	border-right:1px solid #eee;
	margin-left:30px
}
.p-works-create .head .tabs-item:first-child {
	margin-left:0
}
.p-works-create .head .tabs-item:last-child {
	border-right:none
}
.p-works-create .head .tabs-item-active {
	color:#333;
	font-weight:600
}
.p-works-create .audit-msg-area {
	margin-top:24px
}
.p-works-create .audit-msg-area .audit-tip {
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:20px
}
.p-works-create .audit-msg-area .audit-result {
	font-size:13px;
	font-weight:400;
	color:#ff1514;
	line-height:18px;
	margin-top:6px
}
.p-works-create .work-share-tip {
	width:800px;
	height:48px;
	background:#fffbec;
	border-radius:4px;
	margin:20px auto;
	padding:14px;
	font-size:14px;
	color:#666;
	line-height:19px
}
.p-works-create .work-share-tip a {
	color:#FFF200;
	font-weight:700
}
.p-works-create .form-select {
	width:447px
}
.p-works-create .form-item {
	margin-top:24px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.p-works-create .form-item label {
	width:84px;
	text-align:left;
	-ms-flex-negative:0;
	flex-shrink:0;
	font-size:16px;
	color:#333;
	line-height:48px
}
.p-works-create .form-item label.top {
	line-height:16px
}
.p-works-create .form-item .form-control {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1
}
.p-works-create .form-item .form-control .el-input__prefix {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.p-works-create .form-item .form-control .iconlabel {
	font-size:20px;
	color:#b7bac2;
	margin-left:20px
}
.p-works-create .form-item .form-control .tags-input .el-input__inner {
	padding-left:53px
}
.p-works-create .form-item .form-control .el-input, .p-works-create .form-item .form-control .el-select, .p-works-create .form-item .form-control input, .p-works-create .form-item .form-control select {
	height:48px;
	width:100%
}
.p-works-create .form-item .form-control .input-tags {
	border-radius:4px;
	border:1px solid #dcdfe6;
	width:100%;
	height:48px;
	padding:0 20px
}
.p-works-create .form-item .form-control .input-tags, .p-works-create .form-item .form-control .input-tags-item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.p-works-create .form-item .form-control .input-tags-item {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:4px 9px;
	background-color:#f4f4f4;
	color:#333;
	font-size:12px;
	border-radius:4px;
	border:1px solid #e9e9eb;
	cursor:pointer;
	margin-right:10px
}
.p-works-create .form-item .form-control .input-tags-item .iconfont {
	font-size:12px;
	color:#c0c4cc;
	margin-left:8px
}
.p-works-create .form-item-tip {
	margin-top:12px;
	font-size:14px;
	color:#666
}
.p-works-create .image-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.p-works-create .image-list>* {
	margin-right:20px;
	margin-bottom:20px
}
.p-works-create .image-list .image-upload {
	width:268px;
	height:150px;
	border:2px dashed #ddd;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	cursor:pointer
}
.p-works-create .image-list .image-upload .upload-icon {
	font-size:36px;
	color:#999
}
.p-works-create .image-list .image-upload .desc {
	font-size:12px;
	color:#999;
	line-height:16px;
	margin-top:16px
}
.p-works-create .image-list .uploaded-image {
	width:268px;
	background:#fff;
	-webkit-box-shadow:0 4px 10px 0 rgba(0, 0, 0, .1);
	box-shadow:0 4px 10px 0 rgba(0, 0, 0, .1)
}
.p-works-create .image-list .uploaded-image .image-container {
	height:150px;
	background:#000;
	overflow:hidden;
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.p-works-create .image-list .uploaded-image .image-container img {
	max-width:100%;
	max-height:100%
}
.p-works-create .image-list .uploaded-image .image-container .cover-checkbox {
	background-color:rgba(0, 0, 0, .2);
	padding:4px;
	border-radius:4px;
	position:absolute;
	font-size:12px;
	color:#fff;
	left:8px;
	top:8px;
	cursor:pointer;
	line-height:12px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.p-works-create .image-list .uploaded-image .image-container .cover-checkbox .iconfont {
	margin-right:4px
}
.p-works-create .image-list .uploaded-image .image-container .delete-line {
	display:none;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	height:30px;
	background:rgba(0, 0, 0, .5);
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	color:#fff;
	cursor:pointer
}
.p-works-create .image-list .uploaded-image .image-container .delete-line .iconfont {
	margin-right:8px
}
.p-works-create .image-list .uploaded-image .image-container:hover .delete-line {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.p-works-create .image-list .uploaded-image .desc {
	height:40px;
	font-size:12px;
	color:#333;
	line-height:16px;
	padding:12px 10px;
	width:100%;
	border:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
.p-works-create .create-desc {
	color:#999;
	margin-left:84px;
	font-size:12px;
	line-height:16px;
	margin-top:24px
}
.p-works-create .create-desc .desc-title {
	margin-bottom:11px
}
.p-works-create .create-desc .desc-line {
	margin-bottom:5px
}
.p-works-create .upload-btn {
	margin-left:84px;
	margin-top:24px;
	background-color:#FFF200;
	font-size:18px;
	width:240px;
	height:60px;
	border-radius:4px;
	color:#333
}
.p-article-detail .article-detail-main {
	padding-bottom:20px
}
.p-article-detail .bread {
	margin:0 auto;
	width:1200px;
	padding:22px 28px
}
.p-article-detail .detail-content {
	font-size:16px
}
.p-article-detail .detail-content img {
	max-width:100%
}
.p-article-detail .article-next, .p-article-detail .article-prev {
	display:block;
	color:#666;
	font-size:14px;
	margin:15px 0
}
.p-article-detail .article-detail-left {
	float:left;
	width:820px;
	background-color:#fff;
	padding:30px
}
.p-article-detail .article-detail-left .detail-header {
	border-bottom:1px solid #eee;
	padding-bottom:14px
}
.p-article-detail .article-detail-left .detail-title {
	color:#1a1a1a;
	font-size:26px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	overflow:hidden;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis
}
.p-article-detail .article-detail-left .detail-reading {
	display:inline-block;
	font-size:14px;
	color:#999
}
.p-article-detail .article-detail-left .detail-time {
	margin-left:40px;
	font-size:14px;
	color:#999;
	display:inline-block
}
.p-article-detail .article-detail-right {
	float:right;
	width:360px
}
.p-article-detail .editor, .p-article-detail .recommend {
	width:100%;
	background-color:#fff;
	padding-bottom:10px;
	border-radius:4px
}
.p-article-detail .editor .article-head, .p-article-detail .recommend .article-head {
	color:#282828;
	font-size:18px;
	font-weight:700;
	padding:20px 15px;
	border-bottom:1px solid #eee
}
.p-article-detail .recommend {
	margin-top:20px
}
.p-article-detail .article-li {
	display:block;
	padding:18px 15px;
	border-bottom:1px solid #eee
}
.p-article-detail .article-li:last-child {
	border-bottom:none
}
.p-article-detail .article-thumb {
	float:left;
	width:96px;
	height:64px;
	border-radius:3px
}
.p-article-detail .article-info {
	width:224px;
	float:right;
	margin-left:10px
}
.p-article-detail .article-title {
	color:#282828;
	font-size:12px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	overflow:hidden;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis
}
.p-article-detail .article-down {
	margin-top:10px;
	color:#999;
	font-size:12px
}
.p-article-detail .article-reading {
	float:left
}
.p-article-detail .article-time {
	float:left;
	margin-left:15px
}
.p-article-detail .recommend-ul {
	padding:0 15px;
	width:100%
}
.p-article-detail .recommend-ul .recommend-list-item {
	position:relative;
	color:#282828;
	font-size:14px;
	margin:10px 0;
	display:block;
	width:100%;
	height:27px;
	line-height:27px;
	padding-left:32px
}
.p-article-detail .recommend-ul .recommend-list-item:first-child .recommend-article-index {
	background-color:#ea4435
}
.p-article-detail .recommend-ul .recommend-list-item:nth-child(2) .recommend-article-index {
background-color:#ff6000
}
.p-article-detail .recommend-ul .recommend-list-item:nth-child(3) .recommend-article-index {
background-color:#ffa516
}
.p-article-detail .recommend-ul .recommend-article-index {
	position:absolute;
	top:50%;
	left:0;
	margin-top:-10px;
	display:inline-block;
	width:20px;
	text-align:center;
	line-height:20px;
	color:#fff;
	font-size:12px;
	height:20px;
	background-color:#ccc;
	border-radius:4px
}
.p-article-detail .recommend-ul .recommend-article-title {
	width:100%;
	display:inline-block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.c-all-tag {
	padding-bottom:60px;
	width:1200px;
	margin:0 auto
}
.c-tag-title {
	font-size:22px;
	color:#333;
	font-weight:700;
	margin-bottom:12px
}
.c-tag-top-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.c-tag-top-list span {
	display:inline-block;
	width:120px;
	font-size:16px;
	color:#333
}
.c-tag-top-list li {
	width:37px;
	list-style:none;
	text-align:left;
	font-size:16px
}
.c-tag-top-list li a {
	color:#666
}
.c-tag-top-list li a:hover {
	font-weight:700;
	color:#FFF200
}
.c-tag-alphabet-list {
	padding-bottom:16px;
	border-bottom:1px solid #ccc;
	margin-bottom:40px;
	margin-top:24px
}
.c-tag-alphabet-list li {
	list-style:none;
	position:relative
}
.c-tag-alphabet-list .anchor {
	width:2px;
	height:2px;
	background:transparent;
	position:absolute;
	top:-55px
}
.c-tag-alphabet-list .row-label {
	font-size:16px;
	font-weight:700;
	color:#333;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin:16px 0
}
.c-tag-alphabet-list .label-list .label-item {
	height:30px;
	line-height:30px;
	display:inline-block;
	padding:0 12px;
	background:#fff;
	font-size:14px;
	color:#333;
	margin-right:24px;
	margin-bottom:24px;
	border-radius:15px
}
.c-tag-alphabet-list .label-list .label-item:hover {
	background:#FFF200;
	color:#fff
}
.c-tag-recommend-list .title {
	font-size:16px;
	font-weight:700;
	color:#333
}
.c-tag-recommend-list .article-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-bottom:40px
}
.c-tag-recommend-list .article-list li {
	list-style:none;
	margin-right:24px;
	margin-top:10px;
	font-size:14px
}
.c-tag-recommend-list .article-list li a {
	color:#333
}
.c-tag-recommend-list .article-list:last-of-type {
	margin-bottom:0
}
.tip[data-v-9f14f06c] {
	font-size:14px;
	font-weight:400;
	color:#999;
	line-height:24px;
	margin-top:15px
}
.p-binding[data-v-9f14f06c] {
	min-height:calc(100vh - 200px)!important;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.p-binding .pc-body-binding[data-v-9f14f06c] {
	width:500px;
	height:300px
}
.p-binding .login-logo[data-v-9f14f06c] {
	width:178px;
	height:auto
}
.p-binding .input-phone[data-v-9f14f06c] {
	padding:15px
}
.p-binding .input-phone button[data-v-9f14f06c], .p-binding .input-phone input[data-v-9f14f06c] {
	margin:10px 0
}
.p-binding .input-phone .error-tip[data-v-9f14f06c] {
	font-size:12px;
	color:#ff6161;
	line-height:17px
}
.rank-popover-rise-num {
	color:#f92525
}
.rank-popover-decline-num {
	color:#95c1f6
}
.c-rank-item {
	width:224px;
	height:364px;
	background:#fff;
	border-radius:4px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	overflow:hidden
}
.c-rank-item .rank-cover-img {
	width:100%;
	height:285px;
	cursor:pointer;
	overflow:hidden;
	position:relative
}
.c-rank-item .rank-cover-img .img-vec {
	width:100%;
	height:auto
}
.c-rank-item .rank-cover-img .img-hor {
	width:auto;
	height:100%;
	position:absolute;
	left:50%;
	top:0;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.c-rank-item .rank-work-content {
	padding:12px
}
.c-rank-item .rank-work-name {
	font-size:14px;
	color:#333;
	max-width:168px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.c-rank-item .rank-work-bottom {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-top:16px
}
.c-rank-item .rank-work-num {
	color:#777;
	font-size:14px
}
.c-rank-item .rank-work-rise {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	cursor:pointer
}
.c-rank-item .rank-work-rise .icondown, .c-rank-item .rank-work-rise .iconup {
	font-size:12px;
	color:#f92525;
	margin-right:4px
}
.c-rank-item .rank-work-rise .icondown {
	color:#95c1f6
}
.c-rank-item .rank-work-rise span {
	font-size:16px;
	font-weight:600;
	color:#f92525
}
.c-rank-pagination {
	width:1200px;
	margin:20px auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.c-rank-pagination a {
	display:block
}
.c-rank-pagination .rank-pagination-item, .c-rank-pagination .rank-pagination-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.c-rank-pagination .rank-pagination-item {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:125px;
	height:40px;
	background:#fff;
	border-radius:4px;
	border:1px solid #eee;
	margin-right:9px;
	cursor:pointer;
	color:#999;
	font-size:16px
}
.c-rank-pagination .pagination-item-active {
	background-color:#FFF200;
	color:#333;
	font-size:16px;
	font-weight:500
}
.c-rank-pagination .rank-pagination-next, .c-rank-pagination .rank-pagination-prev {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:126px;
	height:40px;
	background:#fff;
	border-radius:4px;
	border:1px solid #eee;
	font-size:16px;
	color:#999;
	margin-right:9px;
	cursor:pointer
}
.c-rank-pagination .rank-pagination-next .iconpc-shangyige, .c-rank-pagination .rank-pagination-prev .iconpc-shangyige {
	font-size:12px;
	margin-right:10px
}
.c-rank-pagination .rank-pagination-next {
	margin-right:0
}
.c-rank-pagination .rank-pagination-next .iconpc-xiayige {
	font-size:12px;
	margin-left:10px
}
.p-rank-index .p-rank-list {
	width:1200px;
	margin:20px auto 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.p-rank-index .c-rank-item {
	margin-right:20px;
	position:relative;
	margin-bottom:20px
}
.p-rank-index .c-rank-item:nth-child(5n) {
margin-right:0
}
.p-rank-index .c-rank-item .first, .p-rank-index .c-rank-item .second, .p-rank-index .c-rank-item .third {
	position:absolute;
	right:-19px;
	top:-27px;
	width:108px;
	height:106px
}
.p-rank-index .c-rank-item .first img, .p-rank-index .c-rank-item .second img, .p-rank-index .c-rank-item .third img {
	display:block;
	width:100%;
	height:100%
}
.p-rank-index .c-rank-item .rank-num {
	position:absolute;
	right:4px;
	top:4px;
	font-size:20px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	color:#000;
	width:39px;
	font-weight:600;
	height:40px;
	background:#f8cf39;
	border-radius:20px 4px 20px 20px
}
.c-chat-conversation {
	height:calc(100vh - 80px);
	min-height:auto!important;
	width:1200px;
	margin:0 auto;
	padding:10px 0
}
.c-chat-conversation .chat-page-content {
	margin:0 auto;
	background:#fff;
	border-radius:4px;
	height:calc(100% - 60px);
	width:1200px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	overflow:hidden
}
.c-chat-conversation .chat-page-content .conversation-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	overflow-y:scroll;
	width:300px;
	height:100%;
	border-right:1px solid #ccc
}
.c-chat-conversation .chat-page-content .conversation-list.empty-list {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.c-chat-conversation .chat-page-content .conversation-item {
	height:70px;
	border-bottom:1px solid #eee;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:10px;
	width:100%;
	cursor:pointer;
	position:relative;
	-ms-flex-negative:0;
	flex-shrink:0
}
.c-chat-conversation .chat-page-content .conversation-item .avatar {
	width:50px;
	height:50px;
	position:relative
}
.c-chat-conversation .chat-page-content .conversation-item .unread-msg-count {
	border-radius:8px;
	line-height:16px;
	padding:0 2px;
	background:#ff1514;
	color:#fff;
	font-size:12px;
	position:absolute;
	right:5px;
	top:5px;
	text-align:center;
	min-width:16px
}
.c-chat-conversation .chat-page-content .conversation-item.active {
	background:#eee
}
.c-chat-conversation .chat-page-content .conversation-item .conversation-info {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	margin-left:8px;
	position:relative;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1
}
.c-chat-conversation .chat-page-content .conversation-item .conversation-info .user-name {
	line-height:20px;
	font-size:14px;
	color:#333
}
.c-chat-conversation .chat-page-content .conversation-item .conversation-info .last-msg-content {
	font-size:12px;
	line-height:20px;
	height:20px;
	color:#999;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	width:140px
}
.c-chat-conversation .chat-page-content .conversation-item .conversation-info .time {
	line-height:20px;
	font-size:12px;
	color:#999;
	position:absolute;
	right:0;
	bottom:0;
	width:80px;
	text-align:right;
	white-space:nowrap;
	overflow:hidden
}
.c-chat-conversation .chat-page-content .conversation-chat-panel {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	width:900px
}
.c-chat-conversation .chat-page-content .conversation-chat-panel.no-select-conversation {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	font-size:14px;
	color:#333
}
.c-chat-conversation .chat-page-content .chat-user-banner {
	height:60px;
	background:#fff;
	-ms-flex-negative:0;
	flex-shrink:0;
	-webkit-box-shadow:rgba(0, 0, 0, .1) 0 0 10px;
	box-shadow:0 0 10px rgba(0, 0, 0, .1);
	padding:10px;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	z-index:10
}
.c-chat-conversation .chat-page-content .chat-user-banner .user-desc {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	margin-left:12px
}
.c-chat-conversation .chat-page-content .chat-user-banner .user-desc .name {
	height:20px;
	line-height:20px;
	font-size:14px;
	color:#333
}
.c-chat-conversation .chat-page-content .chat-user-banner .user-desc .remark {
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#999;
	width:700px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.c-chat-conversation .chat-page-content .message-list-area {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	overflow-y:scroll;
	overflow-x:hidden;
	background:#eee;
	position:relative;
	padding-bottom:20px
}
.c-chat-conversation .chat-page-content .message-list-area .load-more-msg {
	height:40px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.c-chat-conversation .chat-page-content .rule-tip {
	height:20px;
	width:100%;
	line-height:20px;
	font-size:12px;
	padding-left:4px;
	background:rgba(0, 0, 0, .4);
	color:#fff
}
.c-chat-conversation .chat-page-content .message-list {
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start
}
.c-chat-conversation .chat-page-content .message-item, .c-chat-conversation .chat-page-content .message-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.c-chat-conversation .chat-page-content .message-item {
	max-width:70%;
	padding:20px
}
.c-chat-conversation .chat-page-content .message-item .message-user-content {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.c-chat-conversation .chat-page-content .message-item .message-user-content .message-user {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start
}
.c-chat-conversation .chat-page-content .message-item .message-user-content .message-text {
	white-space:normal;
	word-break:break-all;
	background:#fff;
	margin-left:12px;
	padding:10px;
	font-size:14px;
	color:#333;
	line-height:20px;
	border-radius:4px;
	position:relative;
	-webkit-box-shadow:rgba(0, 0, 0, .1) 0 0 6px;
	box-shadow:0 0 6px rgba(0, 0, 0, .1)
}
.c-chat-conversation .chat-page-content .message-item .message-user-content .message-text a {
	border-bottom:1px dotted #FFF200
}
.c-chat-conversation .chat-page-content .message-item .message-user-content .message-text:before {
	content:"";
	position:absolute;
	border-radius:2px;
	width:10px;
	height:10px;
	top:15px;
	left:-4px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	background:#fff
}
.c-chat-conversation .chat-page-content .message-item .msg-bottom-line {
	margin-top:5px;
	font-size:12px;
	margin-left:60px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row
}
.c-chat-conversation .chat-page-content .message-item .client-info {
	color:#fff;
	background:#aaa;
	margin-left:5px;
	border-radius:4px;
	padding:0 4px
}
.c-chat-conversation .chat-page-content .message-item .time {
	color:#bbb
}
.c-chat-conversation .chat-page-content .message-item.self {
	-ms-flex-item-align:end;
	align-self:flex-end
}
.c-chat-conversation .chat-page-content .message-item.self .time {
	text-align:right;
	margin-left:auto;
	margin-right:60px
}
.c-chat-conversation .chat-page-content .message-item.self .message-text {
	background:#fff;
	margin-left:auto;
	color:#333;
	margin-right:12px
}
.c-chat-conversation .chat-page-content .message-item.self .message-text:before {
	content:"";
	position:absolute;
	top:15px;
	right:-4px;
	left:auto;
	background:#fff
}
.c-chat-conversation .chat-page-content .message-send-area {
	width:100%;
	height:180px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex-negative:0;
	flex-shrink:0
}
.c-chat-conversation .chat-page-content .message-send-area .el-textarea {
	width:100%;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	border-bottom:1px solid #eee
}
.c-chat-conversation .chat-page-content .message-send-area textarea {
	height:100%;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	resize:none;
	border:none;
	padding:5px;
	color:#333;
	font-size:14px
}
.c-chat-conversation .chat-page-content .message-send-area .bottom {
	height:60px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	padding:0 20px
}
.p-user-center {
	position:relative;
	padding-top:70px;
	padding-bottom:120px;
	background:#f4f4f4
}
.p-user-center .back-ground {
	background-image:url(//res2.huashi6.com/static/hst/pc/imgs/user-bg.7176b65.png);
	background-repeat:repeat;
	background-size:100% 100%;
	position:absolute;
	height:300px;
	top:0;
	left:0;
	right:0;
	z-index:0
}
.p-user-center .page-body {
	width:1200px;
	margin:0 auto;
	z-index:1;
	position:relative
}
.p-user-center .user-profile {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	min-height:160px
}
.p-user-center .user-profile .avatar {
	height:160px;
	width:160px
}
.p-user-center .user-profile .avatar img {
	border:6px solid #fff
}
.p-user-center .user-profile .user-info {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	margin-left:40px
}
.p-user-center .user-profile .user-info .name-row {
	height:40px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.p-user-center .user-profile .user-info .name-row .name {
	font-size:30px;
	color:#fff
}
.p-user-center .user-profile .user-info .name-row .user-home-link {
	margin-left:20px;
	font-size:18px;
	font-weight:600
}
.p-user-center .user-profile .user-info .describe {
	height:28px;
	font-size:16px;
	color:#aaa;
	line-height:21px;
	margin-top:16px;
	word-break:break-all
}
.p-user-center .user-profile .user-info .icon-edit {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	border-radius:50%;
	color:#000;
	background:#fff;
	width:50px;
	height:50px;
	margin-top:26px;
	font-size:20px
}
.p-user-center .content-area {
	margin-top:100px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.p-user-center .content-area .left-nav {
	width:223px;
	height:300px;
	background:#fff;
	border-radius:4px;
	padding:20px
}
.p-user-center .content-area .left-nav .nav-item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	color:#2f2f2f;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	position:relative
}
.p-user-center .content-area .left-nav .nav-item .el-icon-key, .p-user-center .content-area .left-nav .nav-item .iconfont {
	font-size:24px;
	margin-right:10px
}
.p-user-center .content-area .left-nav .nav-item.active {
	color:#FFF200
}
.p-user-center .content-area .left-nav .nav-item.badge:after {
	content:"";
	position:absolute;
	width:8px;
	height:8px;
	border-radius:50%;
	background:red;
	top:-4px;
	left:20px
}
.p-user-center .content-area .left-nav .nav-item:not(:first-of-type) {
margin-top:20px
}
.p-user-center .content-area .right-content {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	margin-left:20px
}
.p-user-center .content-area .right-content .content-header {
	width:100%;
	height:57px;
	background:#fff;
	border-radius:4px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:0 20px 0 16px;
	font-size:18px;
	font-weight:600;
	color:#2f2f2f
}
.p-user-center .content-area .right-content .content-body {
	margin-top:20px;
	width:100%;
	max-width:956px
}
.p-change-pwd .change-pwd-form {
	width:500px
}
.p-change-pwd .submit-area {
	text-align:right
}
.p-user-setting .content-body {
	padding:34px 40px 40px;
	background:#fff;
	border-radius:4px
}
.p-user-setting .el-form-item {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-bottom:30px
}
.p-user-setting .el-form-item__label {
	float:none;
	line-height:20px
}
.p-user-setting .el-form-item__content {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	margin-left:28px!important
}
.p-user-setting .avatar {
	-ms-flex-negative:0;
	flex-shrink:0;
	width:90px;
	height:90px;
	border-radius:50%;
	overflow:hidden;
	background:#eee;
	position:relative;
	cursor:pointer;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.p-user-setting .avatar .iconfont {
	font-size:47px;
	color:#fff
}
.p-user-setting .avatar img {
	width:100%;
	height:100%
}
.p-user-setting .avatar .tip {
	font-size:12px;
	font-weight:400;
	color:#fff;
	line-height:17px;
	width:100%;
	height:30px;
	background:rgba(0, 0, 0, .2);
	position:absolute;
	left:0;
	bottom:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.p-user-setting .birth-year {
	width:90px
}
.p-user-setting .birth-month {
	width:90px;
	margin-left:20px
}
.p-user-setting .user-remark.el-form-item {
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:start
}
.p-user-setting .user-remark.el-form-item textarea {
	height:118px
}
.p-user-setting .save-btn {
	width:94px;
	height:36px;
	border-radius:4px;
	color:#333;
	margin-left:96px
}
.m-work-item {
	background:#fff;
	border-radius:4px;
	overflow:hidden;
-webkit-transition:-webkit-transform .2s, -webkit-box-shadow .2s;
transition:-webkit-transform .2s, -webkit-box-shadow .2s;
transition:transform .2s, box-shadow .2s;
transition:transform .2s, box-shadow .2s, -webkit-transform .2s, -webkit-box-shadow .2s
}
.m-work-item:hover {
	-webkit-box-shadow:0 6px 10px 0 hsla(0, 0%, 55%, .2);
	box-shadow:0 6px 10px 0 hsla(0, 0%, 55%, .2);
	-webkit-transform:scale(1.01);
	transform:scale(1.01)
}
.m-work-item .m-img-box {
	display:block;
	width:100%;
	overflow:hidden;
	position:relative
}
.m-work-item .m-img-box .c-img-loading {
	background:transparent
}
.m-work-item .m-img-box .img-vec {
	width:100%;
	height:auto
}
.m-work-item .m-img-box .img-vec .c-img-loading {
	background:transparent;
	min-height:100%
}
.m-work-item .m-img-box .img-hor {
	width:auto;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.m-work-item .m-img-box .img-hor .c-img-loading {
	background:transparent;
	min-width:100%;
	min-height:100%
}
.m-work-item .m-info {
	padding:12px 13px
}
.m-work-item .m-info .u-title {
	font-size:14px;
	color:#333;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.m-work-item .m-info .wh-bottom {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding-top:13px
}
.m-work-item .m-info .painter-avatar {
	display:block;
	-ms-flex-negative:0;
	flex-shrink:0;
	width:32px;
	height:32px;
	border-radius:50%
}
.m-work-item .m-info .painter-avatar img {
	width:100%;
	height:100%
}
.m-work-item .m-info .painter-name {
	color:#777;
	font-size:14px;
	max-width:154px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-left:8px
}
.m-work-item .m-info .like {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-top:4px;
	color:#ddd;
	font-size:14px;
	-ms-flex-negative:0;
	flex-shrink:0;
	margin-left:auto
}
.m-work-item .iconhome_like_h, .m-work-item .iconpc-kechengshoucang {
	font-size:14px;
	color:#ddd
}
.iconhome_like_h {
	display: inline-block;
	width: 15px;
	height: 18px;
	margin-left:30px;
	background: url(love.png) no-repeat left center
}
.c-painter-item {
	background:#fff;
	border-radius:3px;
	height:215px;
	padding: 0 20px;
	margin-bottom:20px;
	position:relative;
	cursor:pointer
}
.c-painter-item, .c-painter-item .painter {
}
.c-painter-item:hover {
	-webkit-box-shadow:0 6px 10px 0 hsla(0, 0%, 55%, .2);
	box-shadow:0 6px 10px 0 hsla(0, 0%, 55%, .2)
}
.c-painter-item .painter-info, .c-painter-item .painter-info .avatar {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:140px
}
.c-painter-item .painter-info .avatar {
	float: left;
	width:140px;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.c-painter-item .painter-info img {
	width:100px;
	border-radius:50%;
	float:left;
	margin-right:16px
}
.c-painter-item .painter-info p {
	font-size:21px;
	color:#222;
	line-height:27px;
	margin-top:10px
}
.c-painter-item .painter-info p span {
	font-size:15px;
	color:#aaa;
	line-height:21px
}
.c-painter-item .painter-info p:hover {
	color:#f5be34
}
.c-painter-item .painter-wrap {
	float: left;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	height:100%;
	width:200px;
	margin-top: 24px;
}
.c-painter-item .painter-wrap .painter-name {
	color:#222;
	font-size:18px
}
.c-painter-item .painter-wrap .painter-id {
	color:#aaa;
	font-size:14px;
	margin-top:8px
}
.c-painter-item .painter-wrap .painter-work-num {
	color:#aaa;
	font-size:14px
}
.c-painter-item .painter-wrap .painter-num {
	margin-top:15px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.c-painter-item .painter-wrap .painter-num-item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	text-align:center
}
.c-painter-item .painter-wrap .painter-num-item .nums {
	color:#333;
	font-size:16px;
	font-weight:700
}
.c-painter-item .painter-wrap .painter-num-item .num-text {
	margin-top:5px;
	color:#b8b8b8;
	font-size:14px
}
.c-painter-item .painter-works {
	margin-left:20px
}
.c-painter-item .painter-works, .c-painter-item .painter-works .painter-works-wrap {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.c-painter-item .painter-works .painter-works-wrap {
	float: left;
	width: 224px;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	margin-right:18px;
	overflow:hidden
}
.c-painter-item .painter-works .painter-works-wrap:last-child {
	margin-right:0
}
.c-painter-item .painter-works .pic {
	position:relative;
	width:224px;
	height:150px;
	border-radius:4px;
	overflow:hidden
}
.c-painter-item .painter-works .pic .work-img {
	position:relative;
	width:224px;
	height:150px;
	float:left;
	overflow:hidden;
-webkit-transition:-webkit-transform .5s;
transition:-webkit-transform .5s;
transition:transform .5s;
transition:transform .5s, -webkit-transform .5s
}
.c-painter-item .painter-works .pic .work-img:hover {
	-webkit-transform:scale(1.2);
	transform:scale(1.2)
}
.c-painter-item .painter-works .pic .work-img .img-vec {
	width:100%;
	height:auto
}
.c-painter-item .painter-works .pic .work-img .img-hor {
	width:auto;
	height:100%
}
.c-painter-item .painter-works .pic .work-img img {
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.c-painter-item .painter-works .pic p {
	position:absolute;
	bottom:0;
	width:224px;
	padding:0 12px;
	height:30px;
	font-size:12px;
	font-weight:400;
	color:#fff;
	line-height:30px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background:url(//res2.huashi6.com/static/hst/pc/imgs/painterD.eb913e3.png) no-repeat
}
.c-painter-item .painter-works .work-info {
	margin-top:10px;
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.c-painter-item .painter-works .work-info .work-text {
	font-size:14px;
	color:#333;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	max-width:165px
}
.c-painter-item .painter-works .work-info .like {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:14px;
	color:#ccc;
	line-height:20px
}
.c-painter-item .painter-works .work-info .like .iconfont {
	margin-right:3px
}
.c-painter-item .more {
	width:10px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	right:40px
}
.c-painter-item .more i {
	width:10px;
	height:10px;
	margin:5px 0;
	background:#f8cf39;
	border-radius:50%;
	display:inline-block
}
.p-index .p-classify-title {
	color:#333;
	font-size:24px;
	font-weight:600;
	margin-bottom:20px
}
.p-index .p-hot-works {
	margin-top:30px
}
.p-index .index-work-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.p-index .index-work-list .index-work-item {
	margin-right: 20px;
	margin-bottom: 20px
}
.p-index .index-work-list .index-work-item:nth-child(4n) {
margin-right:0
}
.swiper-title {
	width:90%;
	height:36px;
	font-size:19px;
	font-weight:400;
	color:#fff;
	line-height:50px;
	position:absolute;
	bottom:20px;
	left:36px;
	text-align:left
}
.el-carousel__arrow--left, .el-carousel__arrow--right {
	width:58px;
	height:58px;
	font-size:34px;
	background:rgba(0, 0, 0, .5)
}
.el-carousel__arrow--left:hover, .el-carousel__arrow--right:hover {
	color:#f8cf39;
	background:#7f7f7f
}
.p-index-1200 {
	width:1200px;
	margin:0 auto
}
.p-index-1200 .p-swiper-hot {
	margin-top:40px
}
.p-index-1200 .p-swiper-hot .p-swiper {
	height:368px;
	width:902px;
	float:left;
	border-radius:4px;
	overflow:hidden
}
.p-index-1200 .p-swiper-hot .p-hot-search {
	width:278px;
	height:368px;
	float:right;
	background:#fff;
	border-radius: 4px
}
.p-index-1200 .p-swiper-hot .p-hot-search .p-hot-search-nav {
	margin-top:10px;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:18px;
	color:#000;
	font-weight:700
}
.p-index-1200 .p-swiper-hot .p-hot-search .p-hot-text {
	overflow:hidden;
	height:300px
}
.p-index-1200 .p-swiper-hot .p-hot-search .p-hot-text>span {
	cursor:pointer
}
.p-index-1200 .p-swiper-hot .p-hot-search .p-hot-text a {
	width: 33%;
	display:inline-block;
	text-align:center;
	padding: 0;
	float:left;
	font-size:12px;
	color:#999;
	line-height:16px;
	border-right:1px solid #e9e9e9;
	margin:10px 0;
	overflow:hidden;
	height:18px
}
.p-index-1200 .p-swiper-hot .p-hot-search .p-hot-text a:nth-child(3n) {
border-right:none
}
.p-index-1200 .p-swiper-hot .p-hot-search .p-hot-text a:hover {
	color:#feab00
}
.dib {
	display:inline-block
}
.tag {
	padding:0 10px;
	margin:10px 0;
	width: 88px;
	height:20px;
	line-height:20px;
	text-align:center;
	float:left;
	font-size:14px;
	font-family:MicrosoftYaHei;
	color:#777;
	border-right:1px solid #bbb;
	cursor:pointer;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.tag:nth-child(11n) {
border-right:none
}
.tag:hover {
	color:#f5be34
}
.px-container {
	width:100%;
	max-width:1200px;
	margin:0 auto
}
.px-waterfall {
	width:224px;
	margin-right:20px
}
.px-waterfall:nth-child(5n) {
margin-right:0
}
.px-waterfall>a {
	display:block
}
.px-waterfall .px-waterfall-item {
	cursor:pointer;
	overflow:hidden;
	background:#fff;
	border-radius:4px;
	margin-bottom:20px;
-webkit-transition:-webkit-transform .2s, -webkit-box-shadow .2s;
transition:-webkit-transform .2s, -webkit-box-shadow .2s;
transition:transform .2s, box-shadow .2s;
transition:transform .2s, box-shadow .2s, -webkit-transform .2s, -webkit-box-shadow .2s
}
.px-waterfall .px-waterfall-item:hover {
	-webkit-box-shadow:0 6px 10px 0 hsla(0, 0%, 55%, .2);
	box-shadow:0 6px 10px 0 hsla(0, 0%, 55%, .2);
	-webkit-transform:scale(1.02);
	transform:scale(1.02)
}
.px-waterfall .px-img {
	position:relative;
	width:224px
}
.px-waterfall .px-img .operation {
	height:34px;
	width:100%;
	position:absolute;
	z-index:1;
	display:none;
	bottom:8px;
	cursor:pointer
}
.px-waterfall .px-img .operation img {
	position:absolute;
	width:34px;
	height:34px;
	bottom:0
}
.px-waterfall .px-img .operation .collect {
	right:50px
}
.px-waterfall .px-img .operation .like {
	right:5px
}
.px-waterfall .px-img:hover .operation {
	display:block
}
.px-waterfall .px-info {
	padding:12px
}
.px-waterfall .px-info .px-info-title {
	display:block;
	font-size:14px;
	word-break:break-all;
	display:-webkit-box;
	overflow:hidden;
	white-space:normal!important;
	text-overflow:ellipsis;
	word-wrap:break-word;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	font-family:PingFangSC-Regular, PingFang SC;
	color:#333;
	font-weight:400
}
.px-waterfall .px-info .px-info-share, .px-waterfall .px-info .px-like-collection {
	font-size:12px;
	font-weight:400;
	color:#bfbfbf;
	line-height:17px;
	margin-top:14px;
	clear:both
}
.px-waterfall .px-info .px-like-collection {
	height:20px
}
.px-waterfall .px-info .collection-num {
	position:relative;
	float:left;
	margin-right:10px;
	height:20px;
	line-height:20px
}
.px-waterfall .px-info .collection-num .iconfont {
	font-size:14px;
	color:#ddd
}
.px-waterfall .px-info .px-info-painter {
	margin-top:14px
}
.px-waterfall .px-info .px-info-painter .s-text {
	color:#b8b8b8
}
.px-waterfall .px-info .px-info-painter .px-info-painter-info {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.px-waterfall .px-info .px-info-painter .painter-name {
	margin-left:8px;
	max-width:154px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.px-waterfall .px-info .px-info-painter .like {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-top:4px;
	color:#ddd;
	font-size:14px;
	-ms-flex-negative:0;
	flex-shrink:0;
	margin-left:auto
}
.px-waterfall .px-info .px-info-painter .like .iconfont {
	margin-right:4px
}
.px-waterfall .px-info .px-info-painter img {
	width:26px;
	height:26px;
	border-radius:50%;
	margin-right:5px
}
.px-waterfall .px-info .px-info-painter span {
	font-size:14px;
	color:#222
}
.px-waterfall .px-info .px-info-painter span:hover {
	color:#f5be34
}
.c-works-comment {
	margin-top:14px;
	padding:24px 28px;
	background-color:#fff;
	border-radius:4px
}
.c-works-comment .comment-form {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.c-works-comment .comment-form textarea {
	outline:none;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	height:40px;
	background:#fff;
	border-radius:4px 0 0 4px;
	padding:12px;
	font-size:14px;
	border:1px solid #eee;
	overflow:hidden;
	resize:none
}
.c-works-comment .comment-form textarea::-webkit-input-placeholder {
color:#999
}
.c-works-comment .comment-form textarea::-moz-placeholder {
color:#999
}
.c-works-comment .comment-form textarea::-ms-input-placeholder {
color:#999
}
.c-works-comment .comment-form textarea::placeholder {
color:#999
}
.c-works-comment .comment-form .comment-btn {
	cursor:pointer;
	width:116px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:#FFF200;
	border-radius:0 4px 4px 0;
	color:#2d2d2d;
	font-size:18px
}
.c-works-comment .comment-more {
	cursor:pointer;
	margin:40px auto 0;
	width:90%;
	height:36px;
	line-height:36px;
	text-align:center;
	background:#f7f7f7;
	color:#999;
	font-size:14px
}
.c-works-comment .comment-num {
	font-size:16px;
	color:#1a1a1a;
	padding:20px 0
}
.c-works-comment .comment-num span {
	color:#999;
	font-size:14px
}
.c-works-comment .comment-li {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-bottom:20px
}
.c-works-comment .comment-li:last-child {
	margin-bottom:0
}
.c-works-comment .comment-li:last-child .comment-info {
	border-bottom:none
}
.c-works-comment .comment-li .author-comment {
	font-size:12px;
	background:#FFF200;
	color:#2d2d2d;
	border-radius:4px;
	margin-left:2px;
	margin-right:2px;
	line-height:14px;
	padding:0 4px
}
.c-works-comment .comment-li .self-comment {
	font-size:12px;
	background:#fff;
	color:#999;
	border:1px solid #999;
	border-radius:4px;
	margin-left:2px;
	margin-right:2px;
	line-height:14px;
	padding:0 4px
}
.c-works-comment .user-avatar {
	width:60px;
	height:60px;
	border-radius:50%;
	-ms-flex-negative:0;
	flex-shrink:0
}
.c-works-comment .comment-wrap {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	margin-left:20px;
	border-bottom:1px solid #eee;
	padding-bottom:20px
}
.c-works-comment .user-name {
	font-weight:700;
	color:#333;
	font-size:14px
}
.c-works-comment .user-content {
	margin-top:8px;
	color:#666;
	font-size:14px;
	word-break:break-all
}
.c-works-comment .comment-info {
	padding:14px 0 0;
	color:#999;
	font-size:12px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.c-works-comment .comment-time {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1
}
.c-works-comment .cmt-btn {
	margin-right:12px;
	cursor:pointer
}
.c-works-comment .cmt-btn:hover {
	color:#FFF200
}
.c-works-comment .like-num {
	cursor:pointer;
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.c-works-comment .like-num span {
	margin-bottom:2px;
	display:inline-block
}
.c-works-comment .like-num .iconfont {
	margin-right:4px;
	font-size:14px
}
.c-works-comment .like-num .iconfont.active {
	color:#FFF200
}
.c-works-comment .like-num img {
	display:inline-block;
	width:14px;
	height:14px
}
.c-works-comment .reply-cmt-area {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-top:14px;
	margin-bottom:14px
}
.c-works-comment .reply-cmt-area .el-input {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1
}
.c-works-comment .reply-cmt-area .el-button {
	margin-left:10px
}
.c-works-comment .sub-cmt-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.c-works-comment .sub-cmt-list .sub-cmt-item {
	line-height:24px;
	cursor:pointer;
	padding:4px 6px;
	border-radius:4px
}
.c-works-comment .sub-cmt-list .sub-cmt-item .sub-cmt-main {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.c-works-comment .sub-cmt-list .sub-cmt-item .sub-cmt-content {
	word-break:break-all;
	white-space:normal;
	width:calc(100% - 72px);
	font-size:0
}
.c-works-comment .sub-cmt-list .sub-cmt-item .sub-cmt-content>span {
	font-size:14px
}
.c-works-comment .sub-cmt-list .sub-cmt-item .cmt-user {
	color:#FFF200;
	font-size:0!important
}
.c-works-comment .sub-cmt-list .sub-cmt-item .cmt-user>* {
	font-size:14px
}
.c-works-comment .sub-cmt-list .sub-cmt-item .reply-text {
	color:#666
}
.c-works-comment .sub-cmt-list .sub-cmt-item .sub-time {
	color:#999;
	margin-left:12px;
	font-size:12px!important
}
.c-works-comment .sub-cmt-list .sub-cmt-item .sub-op-btn {
	font-size:12px;
	color:#999;
	margin-left:6px;
	display:none;
	cursor:pointer;
	margin-right:6px
}
.c-works-comment .sub-cmt-list .sub-cmt-item .sub-op-btn:hover {
	color:#FFF200
}
.c-works-comment .sub-cmt-list .sub-cmt-item.active, .c-works-comment .sub-cmt-list .sub-cmt-item:hover {
	background:#eee
}
.c-works-comment .sub-cmt-list .sub-cmt-item:hover .sub-op-btn {
	display:inline;
	display:initial
}
.c-works-comment .sub-cmt-list .toggle-sub-list {
	padding:5px 10px;
	display:block;
	line-height:24px;
	font-size:12px;
	text-align:center
}
.c-collect-dialog .el-dialog__header {
	padding-top:40px
}
.c-collect-dialog .collect-dialog-container {
	padding:0 40px
}
.c-collect-dialog .collect-list {
	width:100%;
	max-height:500px;
	overflow-y:auto;
	padding:0 40px
}
.c-collect-dialog .collect-list .collect-item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	width:100%;
	height:67px;
	padding:10px 0;
	border-bottom:1px solid #eee
}
.c-collect-dialog .collect-list .collect-name {
	color:#1a1a1a;
	font-size:16px
}
.c-collect-dialog .collect-list .collect-default {
	background:#ffdb26;
	color:#333;
	font-weight:600
}
.c-collect-dialog .collect-list .collect-default, .c-collect-dialog .collect-list .collect-privacy {
	width:37px;
	height:20px;
	line-height:20px;
	text-align:center;
	border-radius:4px;
	font-size:12px;
	margin-left:12px
}
.c-collect-dialog .collect-list .collect-privacy {
	background:#938cfb;
	color:#fff
}
.c-collect-dialog .collect-list .collect-btn {
	width:74px;
	height:40px;
	line-height:40px;
	color:#333;
	font-size:16px;
	text-align:center;
	background:#f8cf39;
	border-radius:8px;
	margin-left:auto;
	cursor:pointer;
	-ms-flex-negative:0;
	flex-shrink:0
}
.c-collect-dialog .create-collect {
	width:328px;
	height:44px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin:40px auto 10px;
	background:#f8cf39;
	border-radius:4px;
	cursor:pointer
}
.c-collect-dialog .create-collect .iconnewlyadd {
	margin-right:8px;
	font-size:19px;
	color:#000
}
.c-collect-dialog .create-collect span {
	font-size:14px;
	color:#333;
	font-weight:600
}
.c-works-detail {
	width:1200px;
	margin:0 auto
}
.c-works-detail .chuzhan-download-qrcode {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.c-works-detail .app-download-dialog {
	position:relative
}
.c-works-detail .app-download-mask {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .5);
	z-index:99
}
.c-works-detail .app-download-container {
	width:733px;
	height:506px;
	position:fixed;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	background:url(//res2.huashi6.com/static/hst/pc/imgs/img-bg-erweima.d5c9d09.png) no-repeat top;
	background-size:100% auto;
	z-index:100;
	overflow:hidden
}
.c-works-detail .app-download-container .download-img {
	display:block;
	margin-left:436px;
	margin-top:12px;
	width:144px;
	height:42px;
	background:#333;
	border-radius:8px;
	text-align:center;
	line-height:42px;
	font-size:16px;
	color:#fff
}
.c-works-detail .app-download-container2 {
	height:456px;
	background:url(//res2.huashi6.com/static/hst/pc/imgs/img-bg-erweima2.5082d0f.png) no-repeat top;
	background-size:100% auto
}
.c-works-detail .app-download-follow .title {
	display:block;
	width:211px;
	height:52px;
	margin-top:20px;
	margin-left:403px
}
.c-works-detail .app-download-follow .chuzhan-download-qrcode {
	width:144px;
	height:144px;
	background:#fff;
	border:1px solid #ffa232;
	border-radius:11px;
	margin-left:436px;
	margin-top:8px
}
.c-works-detail .app-download-follow-head {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-left:379px;
	margin-top:118px
}
.c-works-detail .app-download-follow-head p {
	font-size:16px;
	font-family:MicrosoftYaHei;
	color:#333;
	line-height:21px;
	margin-left:12px
}
.c-works-detail .app-download-follow-head span {
	font-weight:700
}
.c-works-detail .app-download-qrcode .right-bubble {
	background:url(//res2.huashi6.com/static/hst/pc/imgs/img-Bubble1.113c976.png) no-repeat top;
	background-size:100% auto
}
.c-works-detail .app-download-qrcode .left-bubble, .c-works-detail .app-download-qrcode .right-bubble {
	width:192px;
	height:56px;
	padding-top:11px;
	padding-left:33px;
	font-size:14px;
	font-family:MicrosoftYaHei;
	color:#997f2b;
	line-height:19px
}
.c-works-detail .app-download-qrcode .left-bubble {
	background:url(//res2.huashi6.com/static/hst/pc/imgs/img-Bubble2.cca4ae7.png) no-repeat top;
	background-size:100% auto
}
.c-works-detail .app-download-qrcode .bubble1 {
	margin-left:340px;
	margin-top:50px
}
.c-works-detail .app-download-qrcode .bubble2 {
	margin-left:435px;
	margin-top:-6px
}
.c-works-detail .app-download-qrcode .bubble3 {
	margin-left:365px;
	margin-top:-6px
}
.c-works-detail .app-download-qrcode .chuzhan-download-qrcode {
	width:144px;
	height:144px;
	background:#fff;
	border:1px solid #ffa232;
	border-radius:11px;
	margin-top:8px;
	margin-left:436px
}
.c-works-detail .app-download-qrcode img {
	width:241px;
	height:auto;
	display:block;
	margin-left:388px;
	margin-top:-6px
}
.c-works-detail .app-download-qrcode p {
	font-size:14px;
	font-family:MicrosoftYaHei;
	color:#9d7a11;
	line-height:19px;
	margin-top:8px;
	margin-left:403px
}
.c-works-detail .app-download-close {
	font-size:16px;
	color:#fff;
	position:absolute;
	right:25px;
	top:47px;
	cursor:pointer
}
.c-works-detail .ad-box-wrap {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:900px;
	height:600px;
	z-index:100;
	background:url(//res2.huashi6.com/static/hst/pc/imgs/ad-bg.322aba8.png) no-repeat;
	background-size:100%
}
.c-works-detail .ad-box-wrap .qrCode-list {
	padding-top:300px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.c-works-detail .ad-box-wrap .code-item .code-item-img {
	width:180px;
	height:180px;
	background:#fff;
	border-radius:11px;
	border:1px solid #333;
	padding:15px;
	text-align:center
}
.c-works-detail .ad-box-wrap .code-item .code-item-img img {
	width:100%;
	height:100%
}
.c-works-detail .ad-box-wrap .code-item span {
	display:block;
	font-size:14px;
	color:#333;
	text-align:center;
	margin-top:13px
}
.c-works-detail .ad-box-wrap .code-item:last-child {
	margin-left:100px
}
.c-works-detail .ad-box-wrap .close {
	position:absolute;
	right:28px;
	top:25px;
	font-size:24px;
	cursor:pointer
}
.c-works-detail .ad-box-mask {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .2);
	z-index:100
}
.c-works-detail .works-detail-collect {
	position:fixed;
	top:415px;
	left:calc(50% + 520px);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	z-index:10
}
.c-works-detail .works-detail-collect:after {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:54px;
	height:93px;
	background:#fff;
	-webkit-box-shadow:0 1px 10px 3px rgba(0, 0, 0, .05);
	box-shadow:0 1px 10px 3px rgba(0, 0, 0, .05);
	border-radius:8px
}
.c-works-detail .works-detail-collect .collect, .c-works-detail .works-detail-collect .like {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:70px;
	height:70px;
	background:#fff;
	-webkit-box-shadow:0 8px 20px 0 rgba(0, 0, 0, .12);
	box-shadow:0 8px 20px 0 rgba(0, 0, 0, .12);
	border-radius:50%;
	overflow:hidden;
	z-index:1;
	cursor:pointer
}
.c-works-detail .works-detail-collect .collect .iconfont, .c-works-detail .works-detail-collect .like .iconfont {
	color:#ddd;
	font-size:28px
}
.c-works-detail .works-detail-collect .collect {
	margin-top:10px
}
.c-works-detail .works-panel {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap
}
.c-works-detail .works-panel .works-detail-left {
	width:744px
}
.c-works-detail .works-panel .works-detail-left .works-content {
	background:#fff;
	border-radius:3px;
	padding:24px 24px 13px
}
.c-works-detail .works-panel .works-detail-left .works-content .work-img-box {
	margin-bottom:16px;
	border-radius:4px;
	overflow:hidden;
	position:relative;
	cursor:-webkit-zoom-in;
	cursor:zoom-in
}
.c-works-detail .works-panel .works-detail-left .works-content .pic {
	position:relative
}
.c-works-detail .works-panel .works-detail-left .works-content .download-btn {
	position:absolute;
	top:12px;
	right:12px;
	width:106px;
	height:42px;
	background:rgba(0, 0, 0, .7);
	border-radius:4px;
	text-align:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	cursor:pointer
}
.c-works-detail .works-panel .works-detail-left .works-content .download-btn i {
	font-size:16px;
	color:#fff
}
.c-works-detail .works-panel .works-detail-left .works-content .download-btn span {
	margin-left:7px;
	font-size:16px;
	color:#fff
}
.c-works-detail .works-panel .works-detail-left .describe {
	padding:24px;
	margin-top:14px;
	background:#fff;
	border-radius:4px
}
.c-works-detail .works-panel .works-detail-left .describe .title {
	font-size:22px;
	line-height:26px;
	height:auto;
	font-weight:500;
	color:#333
}
.c-works-detail .works-panel .works-detail-left .describe .introduction {
	font-size:16px;
	font-weight:300;
	line-height:24px;
	color:#000;
	margin-top:10px;
	word-wrap:break-word
}
.c-works-detail .works-panel .works-detail-left .describe .share-person {
	height:21px;
	font-size:14px;
	font-weight:400;
	color:#b8b8b8;
	line-height:20px;
	margin-top:14px
}
.c-works-detail .works-panel .works-detail-left .work-middle-ad {
	display:block;
	width:100%;
	border-radius:4px;
	overflow:hidden
}
.c-works-detail .works-panel .works-detail-right {
	margin-left:20px;
	width:316px
}
.c-works-detail .works-panel .works-detail-right .painter-other-works {
	margin-top:14px;
	padding:16px;
	background:#fff;
	border-radius:4px
}
.c-works-detail .works-panel .works-tag-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-top:10px;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.c-works-detail .works-panel .works-tag-list .tag-item {
	margin-right:10px
}
.c-works-detail .painter-other-header {
	font-size:17px;
	font-weight:600;
	color:#282828;
	line-height:44px;
	border-radius:3px;
	border-bottom:1px solid #eee;
	margin-bottom:10px
}
.c-works-detail .painter-other-container {/*!*.c-work-img {*!*//*!*    width: 100px;*!*//*!*    !*margin: 0 0 10px 10px;*!*!*//*!*    margin-bottom: 8px;*!*//*!*    border-radius: 2px;*!*/
}
.c-works-detail .painter-other-container a {
	position:relative;
	display:block;
	float:left;
	width:138px;
	height:138px;
	margin-right:8px;
	margin-bottom:8px;
	overflow:hidden
}
.c-works-detail .painter-other-container a:nth-child(2n) {
margin-right:0
}
.c-works-detail .painter-other-container a img {
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.c-works-detail .share button {
	font-size:14px;
	color:#b8b8b8;
	line-height:20px;
	margin-right:20px;
	padding:0 15px;
	text-align:left
}
.c-works-detail .share button img {
	width:16px;
	height:16px;
	float:left;
	margin-top:4px
}
.c-works-detail .introduce-container {
	height:50px
}
.c-works-detail .introduce-container img {
	width:50px;
	height:50px;
	float:left;
	margin-right:15px;
	border-radius:50%
}
.c-works-detail .introduce-container .name {
	font-size:17px;
	line-height:22px;
	color:#222;
	font-weight:600
}
.c-works-detail .introduce-container .name:hover {
	color:#f5be34
}
.c-works-detail .introduce-container .nums {
	line-height:18px;
	font-size:14px;
	color:#aaa
}
.c-works-detail .guess-like {
	position:relative;
	padding-top:60px;
	z-index:11
}
.c-works-detail .guess-like .guess-nav {
	color:#282828;
	font-size:24px;
	padding-bottom:16px
}
.c-works-detail .side-button {
	width:140px;
	height:280px;
	position:fixed;
	bottom:138px;
	right:40px
}
.c-works-detail .side-button .fixed-box {
	text-align:center;
	width:140px;
	height:140px
}
.c-works-detail .detail-painter-info {
	display:block;
	padding:19px;
	background-color:#fff;
	border-radius:4px
}
.c-works-detail .detail-painter-info .painter-avatar {
	position:relative;
	display:block;
	margin:0 auto;
	width:88px
}
.c-works-detail .detail-painter-info .painter-avatar img {
	display:block;
	margin:0 auto
}
.c-works-detail .detail-painter-info .painter-name {
	display:block;
	color:#1a1a1a;
	font-size:16px;
	text-align:center;
	margin-top:10px
}
.c-works-detail .detail-painter-info .painter-follow {
	text-align:center;
	position:relative
}
.c-works-detail .detail-painter-info .painter-follow:after {
	content:"";
	position:absolute;
	width:1px;
	height:16px;
	background:#eee;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.c-works-detail .detail-painter-info .painter-followers, .c-works-detail .detail-painter-info .painter-following {
	color:#999;
	font-size:12px;
	text-align:center;
	display:inline-block
}
.c-works-detail .detail-painter-info .painter-followers {
	margin-left:30px
}
.c-works-detail .detail-painter-info .painter-description {
	font-size:12px;
	color:#999;
	display:-webkit-box;
	-webkit-line-clamp:2;
	overflow:hidden;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	margin-top:10px;
	text-align:center
}
.c-works-detail .detail-painter-info .painter-buttons {
	text-align:center;
	margin-top:30px
}
.c-works-detail .detail-painter-info .painter-buttons .follow-btn {
	cursor:pointer;
	margin:30px auto 0;
	width:120px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#333;
	font-size:16px;
	background:#f8cf39;
	border-radius:4px
}
.c-works-detail .detail-rank {
	margin-top:14px;
	width:100%;
	height:93px;
	background:#fff;
	border-radius:4px;
	padding:17px
}
.c-works-detail .detail-rank .detail-rank-top {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	line-height:20px
}
.c-works-detail .detail-rank .detail-rank-bottom {
	margin-top:14px;
	font-size:14px
}
.c-works-detail .detail-rank .detail-rank-bottom span {
	color:#feab00
}
.c-works-detail .detail-rank .iconrank {
	font-size:24px;
	color:#FFF200
}
.c-works-detail .detail-rank .detail-rank-title {
	margin-left:8px;
	color:#282828;
	font-size:18px;
	font-weight:600
}
.c-works-detail .detail-rank .rank-more {
	margin-left:auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	cursor:pointer;
	color:#555;
	font-size:12px
}
.c-works-detail .detail-rank .iconpc-xiayige {
	font-size:12px;
	margin-left:6px
}
.p-work-detail {
	padding-top:10px
}
.p-work-detail .rel-keywords-block {
	overflow:hidden;
	padding:20px 20px 6px;
	width:1200px;
	margin:auto
}
.p-work-detail .rel-label {
	font-size:14px;
	font-weight:600;
	color:#333;
	line-height:20px;
	margin-bottom:14px
}
.p-work-detail .rel-tags {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.p-work-detail .rel-tags .tag-item {
	display:block;
	margin-right:10px;
	margin-bottom:14px;
	background:#f7f7f7;
	border-radius:15px;
	padding:6px 14px;
	font-size:12px;
	color:#666;
	line-height:16px
}
.p-work-detail .rel-tags .tag-item:hover {
	background:rgba(248, 207, 57, .1);
	color:#f8cf39
}
.bread {
	margin:0 auto;
	width:1200px;
	padding:22px 28px
}
.c-loading {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:99999
}
.c-loading img {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:50px;
	height:50px;
	opacity:1
}
.c-detailLayer-close {
	position:fixed;
	top:87px;
	right:32px;
	font-size:33px;
	cursor:pointer
}
.c-detailLayer-wrap {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:hsla(0, 0%, 90%, .9);
	z-index:999;
	overflow:auto;
	scroll-behavior:smooth
}
.c-null {
	width:100%;
	height:105px
}
.c-detailLayer {
	position:relative;
	z-index:1000
}
.c-arrows {
	position:fixed;
	left:50%;
	top:0;
	margin-left:-600px;
	width:1200px;
	height:100%;
	z-index:-1
}
.c-arrows-left {
	position:absolute;
	left:-88px;
	top:50%;
	margin-top:-71px;
	width:58px;
	height:143px;
	background:rgba(0, 0, 0, .15);
	border-radius:4px;
	cursor:pointer
}
.c-arrows-left i {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	font-size:26px;
	color:#fff;
	font-weight:500
}
.c-arrows-left:hover {
	background:rgba(0, 0, 0, .3)
}
.c-arrows-left:hover i {
	color:#f8cf39
}
.c-arrows-right {
	cursor:pointer;
	position:absolute;
	right:-88px;
	top:50%;
	margin-top:-71px;
	width:58px;
	height:143px;
	background:rgba(0, 0, 0, .15);
	border-radius:4px
}
.c-arrows-right i {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	font-size:26px;
	color:#fff;
	font-weight:500
}
.c-arrows-right:hover {
	background:rgba(0, 0, 0, .3)
}
.c-arrows-right:hover i {
	color:#f8cf39
}
.c-pagination {
	width:100%;
	padding:40px 0;
	text-align:center
}
.c-pagination ul {
	display:inline-block;
	margin:0 auto
}
.c-pagination ul li {
	float:left;
	margin-right:20px;
	width:40px;
	height:40px;
	line-height:40px
}
.c-pagination ul li a {
	font-size:15px;
	text-align:center;
	color:#999;
	display:inline-block;
	width:100%;
	height:100%;
	border-radius:4px;
	border:1px solid #eee;
	background:#fff
}
.c-pagination ul li.active a {
	border:1px solid #FFF200;
	color:#333;
	background:#f8cf39
}
.c-pagination ul li:last-of-type {
	margin-right:0
}
.c-pagination .c-pagination-next, .c-pagination .c-pagination-prev {
	font-size:18px
}
.p-user-like .user-like-works {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.p-user-like .user-like-works .user-like-work-item {
	margin-right:20px;
	margin-bottom:20px
}
.p-user-like .user-like-works .user-like-work-item:nth-child(4n) {
margin-right:0
}
.search-header {
	background:#fff;
	height:50px;
	line-height:50px
}
.search-header p span {
	color:#f5be34
}
.search-header .search-input {
	width:260px;
	float:right
}
.search-header .search-input input {
	height:36px;
	border-radius:5px 0 0 5px
}
.search-header .search-input button {
	background:#f8cf39;
	height:35px;
	color:#1a1a1a;
	margin-top:-8px;
	border-radius:0 4px 4px 0
}
.search-header .search-input button i {
	font-weight:700
}
.search-container {
	overflow:hidden
}
.search-container .null-data {
	margin:60px auto
}
.search-container .works {
	margin-top:20px;
	overflow:hidden
}
.search-container .tag-list {
	margin-top:60px;
	overflow:hidden
}
.search-container .tag {
	padding:0 10px;
	margin:10px 0;
	width:109px;
	height:20px;
	line-height:20px;
	text-align:center;
	float:left;
	font-size:14px;
	font-family:MicrosoftYaHei;
	color:#777;
	border-right:1px solid #bbb;
	cursor:pointer;
	overflow:hidden
}
.search-container .tag:nth-child(11n) {
border-right:none
}
.search-container .tag:hover {
	color:#f5be34
}
.search-container .classify-header {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin:40px 0 20px;
	font-size:24px;
	color:#333;
	font-weight:700
}
.search-container .classify-header .more {
	cursor:pointer;
	font-size:16px;
	color:#555;
	font-weight:400
}
.search-container .classify-header .more .iconfont {
	font-size:11px;
	color:#ddd
}
.search-container .classify-no-result {
	text-align:center
}
.search-container .classify-no-result p {
	font-size:16px;
	height:40px;
	font-family:PingFangSC-Regular, PingFang SC;
	font-weight:400;
	color:#f5be34;
	line-height:40px
}
.c-recommend-work-item {
	display:block
}
.c-recommend-work-item .pic {
	position:relative;
	border-radius:4px;
	overflow:hidden;
	cursor:pointer;
	width:100%;
	height:100%
}
.c-recommend-work-item .pic:hover p {
	display:block
}
.c-recommend-work-item .pic .img-vec {
	width:100%;
	height:auto
}
.c-recommend-work-item .pic .img-hor {
	width:auto;
	height:100%
}
.c-recommend-work-item .pic .work-img {
	position:absolute;
	width:100%;
	height:100%
}
.c-recommend-work-item .pic .work-img .v-lazy-image {
	position:absolute;
	top:50%;
	left:50%;
	width:122px;
	height:37px;
	margin-top:-18px;
	margin-left:-61px;
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
.c-recommend-work-item .pic .work-img .v-lazy-image-loaded {
	width:100%;
	height:auto;
	position:absolute;
	margin-top:0;
	margin-left:0;
	top:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.c-recommend-work-item .pic p {
	display:none;
	position:absolute;
	bottom:0;
	width:100%;
	height:46px;
	line-height:46px;
	padding:0 12px;
	color:#fff;
	font-size:14px;
	background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
	background:linear-gradient(180deg, transparent, #000);
	border-radius:0 0 4px 4px
}
.c-painter-recommend-item {
	width:793px;
	background:#fff;
	border-radius:4px;
	padding:30px 30px 14px
}
.c-painter-recommend-item .recommend-painter-info {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:80px
}
.c-painter-recommend-item .recommend-painter-profile {
	margin-top:20px;
	font-size:14px;
	color:#717171;
	line-height:28px;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	overflow:hidden;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis
}
.c-painter-recommend-item .recommend-work-list {
	margin-top:30px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.c-painter-recommend-item .c-recommend-work-item {
	display:block;
	margin-right:16px;
	margin-bottom:16px
}
.c-painter-recommend-item .pic {
	position:relative;
	width:172px;
	height:172px;
	border-radius:4px;
	overflow:hidden;
	cursor:pointer
}
.c-painter-recommend-item .pic:hover p {
	display:block
}
.c-painter-recommend-item .pic .img-vec {
	width:100%;
	height:auto
}
.c-painter-recommend-item .pic .img-hor {
	width:auto;
	height:100%
}
.c-painter-recommend-item .pic .work-img {
	position:absolute;
	width:100%;
	height:100%
}
.c-painter-recommend-item .pic .work-img img {
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.c-painter-recommend-item .pic p {
	display:none;
	position:absolute;
	bottom:0;
	width:100%;
	height:46px;
	line-height:46px;
	padding:0 12px;
	color:#fff;
	font-size:14px;
	background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
	background:linear-gradient(180deg, transparent, #000);
	border-radius:0 0 4px 4px
}
.c-painter-recommend-item .follow-btn {
	width:90px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	color:#333;
	font-weight:600;
	background:#FFF200;
	border-radius:4px;
	margin-left:auto
}
.c-painter-recommend-item .painter-info-middle {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	margin-left:16px;
	height:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.c-painter-recommend-item .painter-info-middle .painter-name {
	font-size:18px;
	color:#333;
	font-weight:600
}
.c-painter-recommend-item .painter-info-middle .painter-num, .c-painter-recommend-item .painter-info-middle .painter-num-item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.c-painter-recommend-item .painter-info-middle .painter-num-item {
	padding-right:20px;
	margin-left:18px;
	position:relative
}
.c-painter-recommend-item .painter-info-middle .painter-num-item:after {
	content:"";
	position:absolute;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	width:1px;
	height:28px;
	background:#eee
}
.c-painter-recommend-item .painter-info-middle .painter-num-item:first-child {
	margin-left:0
}
.c-painter-recommend-item .painter-info-middle .painter-num-item:last-child {
	padding-right:0
}
.c-painter-recommend-item .painter-info-middle .painter-num-item:last-child:after {
	display:none
}
.c-painter-recommend-item .painter-info-middle .nums-icon {
	font-size:18px;
	color:#ccc
}
.c-painter-recommend-item .painter-info-middle .nums {
	font-size:16px;
	color:#333;
	font-weight:600;
	margin-left:8px
}
.c-data-loading {
	padding:30px;
	text-align:center;
	color:#bbb;
	font-size:12px
}
@-webkit-keyframes loading-spiner {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn)
}
}
@keyframes loading-spiner {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn)
}
}
.c-data-loading img {
	-webkit-animation:loading-spiner 1s linear infinite;
	animation:loading-spiner 1s linear infinite;
	width:20px;
	height:20px
}
.c-data-loading .loading-text {
	margin-top:15px
}
.p-recommend-painter .painter-recommend-container {
	width:1200px;
	margin:0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.p-recommend-painter .painter-recommend-container .recommend-container-left {
	width:793px;
	padding-bottom:20px;
	margin-top:10px
}
.p-recommend-painter .painter-recommend-container .recommend-container-right {
	position:relative;
	width:386px;
	margin-top:10px;
	margin-left:20px;
	-ms-flex-negative:0;
	flex-shrink:0
}
.p-recommend-painter .painter-recommend-container .fixed-box {
	position:sticky;
	top:64px
}
.p-recommend-painter .painter-recommend-container .right-title {
	width:100%;
	height:60px;
	line-height:60px;
	font-size:18px;
	font-weight:600;
	color:#333;
	padding:0 20px;
	border-bottom:1px solid #eee;
	background-color:#fff;
	border-radius:4px 4px 0 0
}
.p-recommend-painter .painter-recommend-container .hot-painter-swiper {
	position:relative;
	width:100%;
	height:419px;
	background:#fff;
	border-radius:0 0 4px 4px
}
.p-recommend-painter .painter-recommend-container .hot-painter-swiper .el-carousel__item {
	border-radius:0 0 4px 4px
}
.p-recommend-painter .painter-recommend-container .hot-painter-swiper .el-carousel__button {
	width:10px;
	height:10px;
	border-radius:50%
}
.p-recommend-painter .painter-recommend-container .hot-painter-swiper .el-carousel .el-carousel__item {
	background-color:#fff
}
.p-recommend-painter .painter-recommend-container .hot-painter-swiper .el-carousel__indicator button {
	background-color:#ccc
}
.p-recommend-painter .painter-recommend-container .hot-painter-swiper .el-carousel__indicator.is-active button {
	background-color:#FFF200
}
.p-recommend-painter .painter-recommend-container .hot-painter-swiper .el-carousel__arrow--left, .p-recommend-painter .painter-recommend-container .hot-painter-swiper .el-carousel__arrow--right {
	display:none
}
.p-recommend-painter .painter-recommend-container .painter-swiper-item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding:18px 18px 0
}
.p-recommend-painter .painter-recommend-container .painter-item {
	width:166px
}
.p-recommend-painter .painter-recommend-container .painter-avatar {
	display:block;
	margin:20px auto 0
}
.p-recommend-painter .painter-recommend-container .painter-name {
	color:#333;
	font-weight:600;
	font-size:16px;
	margin-top:8px
}
.p-recommend-painter .painter-recommend-container .c-painter-recommend-item {
	margin-bottom:20px
}
.p-recommend-painter .painter-recommend-container .c-painter-recommend-item:last-child {
	margin-bottom:0
}
.top[data-v-6759038e] {
	position:fixed;
	left:calc(50% + 630px);
	top:70%;
	width:100px;
	height:100px
}
.top img[data-v-6759038e] {
	width:100%;
	height:100%;
	display:block
}
.c-work-square-item {
	width:222px;
	background:#fff;
	border-radius:4px;
	overflow:hidden;
-webkit-transition:-webkit-transform .2s, -webkit-box-shadow .2s;
transition:-webkit-transform .2s, -webkit-box-shadow .2s;
transition:transform .2s, box-shadow .2s;
transition:transform .2s, box-shadow .2s, -webkit-transform .2s, -webkit-box-shadow .2s
}
.c-work-square-item:hover {
	-webkit-box-shadow:0 6px 10px 0 hsla(0, 0%, 55%, .2);
	box-shadow:0 6px 10px 0 hsla(0, 0%, 55%, .2);
	-webkit-transform:scale(1.01);
	transform:scale(1.01)
}
.c-work-square-item .cover-img {
	height:190px;
	width:100%;
	display:block;
	overflow:hidden;
	position:relative
}
.c-work-square-item .cover-img .c-img-loading {
	background:transparent
}
.c-work-square-item .cover-img .img-vec {
	width:100%;
	height:auto
}
.c-work-square-item .cover-img .img-vec .c-img-loading {
	background:transparent;
	min-height:100%
}
.c-work-square-item .cover-img .img-hor {
	width:auto;
	height:100%
}
.c-work-square-item .cover-img .img-hor .c-img-loading {
	background:transparent;
	min-width:100%;
	min-height:100%
}
.c-work-square-item .cover-img img {
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.c-work-square-item .work-info {
	padding:0 12px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:44px
}
.c-work-square-item .work-info .name {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	color:#333;
	margin-right:18px;
	text-align:left
}
.c-work-square-item .work-info .like-num {
	font-size:14px;
	font-weight:400;
	color:#b8b8b8;
	line-height:20px;
	white-space:nowrap
}
.c-work-square-item .work-info .like-num .iconfont {
	margin-right:4px
}
.c-painter-showcase-item {
	display:block;
	width:384px;
	height:361px;
	background:#fff;
	border-radius:4px;
	overflow:hidden
}
.c-painter-showcase-item .showcase-item-top {
	width:100%;
	height:260px;
	position:relative
}
.c-painter-showcase-item .showcase-item-top .showcase-item-image {
	width:100%;
	height:100%;
	display:block
}
.c-painter-showcase-item .showcase-item-top .showcase-status {
	position:absolute;
	top:12px;
	left:12px;
	width:86px;
	height:26px;
	text-align:center;
	line-height:26px;
	background:#ed414d;
	border-radius:4px;
	font-size:14px;
	color:#fff
}
.c-painter-showcase-item .showcase-item-top .iconfont {
	font-size:16px
}
.c-painter-showcase-item .showcase-item-top .showcase-delete-btn, .c-painter-showcase-item .showcase-item-top .showcase-edit-btn {
	position:absolute;
	top:12px;
	width:68px;
	height:26px;
	line-height:26px;
	border-radius:4px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	font-size:14px;
	color:#333;
	cursor:pointer
}
.c-painter-showcase-item .showcase-item-top .showcase-delete-btn {
	background:#eee;
	right:90px
}
.c-painter-showcase-item .showcase-item-top .showcase-edit-btn {
	background:#FFF200;
	right:12px
}
.c-painter-showcase-item .showcase-item-top .icon-showcase-delete, .c-painter-showcase-item .showcase-item-top .showcase-revise {
	margin-right:4px;
	color:#333
}
.c-painter-showcase-item .showcase-item-info {
	padding:16px 20px 20px 12px;
	background-color:#fff
}
.c-painter-showcase-item .showcase-work-title {
	font-size:14px;
	color:#333;
	line-height:19px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.c-painter-showcase-item .showcase-work-bottom {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-top:20px
}
.c-painter-showcase-item .showcase-work-bottom .hand-painted, .c-painter-showcase-item .showcase-work-bottom .style-btn {
	-ms-flex-negative:0;
	flex-shrink:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:5px 10px;
	background:#eee;
	border-radius:20px;
	font-size:12px;
	color:#333;
	line-height:12px;
	position:relative
}
.c-painter-showcase-item .showcase-work-bottom .hand-painted:before, .c-painter-showcase-item .showcase-work-bottom .style-btn:before {
	content:"";
	width:1px;
	height:16px;
	background:#d8d8d8;
	border-radius:1px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	left:32px
}
.c-painter-showcase-item .showcase-work-bottom .iconfont {
	font-size:16px;
	color:#333;
	margin-right:13px
}
.c-painter-showcase-item .showcase-work-bottom .hand-painted {
	margin-right:8px
}
.c-painter-showcase-item .showcase-work-bottom .work-price {
	-ms-flex-negative:0;
	flex-shrink:0;
	margin-left:auto;
	font-size:20px;
	font-weight:700;
	color:#FFF200;
	line-height:26px
}
.c-painter-showcase-item .showcase-work-bottom .work-price span {
	font-size:16px;
	font-weight:700;
	color:#FFF200;
	line-height:16px
}
.p-painter-detail {
	padding-bottom:120px
}
.p-painter-detail .bg {
	background:url(//res2.huashi6.com/static/hst/pc/imgs/painterbg.29fd039.png) no-repeat;
	background-size:100% auto;
	height:459px;
	position:relative;
	width:100%;
	padding-top:153px
}
.p-painter-detail .bg .painter-profile {
	width:1200px;
	height:300px;
	background:#fff;
	-webkit-box-shadow:0 2px 20px 7px rgba(0, 0, 0, .03);
	box-shadow:0 2px 20px 7px rgba(0, 0, 0, .03);
	border-radius:8px;
	padding:40px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:relative;
	margin:0 auto
}
.p-painter-detail .bg .painter-profile .verify-img {
	position:absolute;
	width:127px;
	height:88px;
	left:6px;
	top:-56px
}
.p-painter-detail .bg .painter-profile .painter-info-panel {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	margin-left:40px;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1
}
.p-painter-detail .bg .painter-profile .painter-info-panel .name-row {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:38px
}
.p-painter-detail .bg .painter-profile .painter-info-panel .name-row .name {
	font-size:24px;
	color:#222;
	line-height:31px;
	cursor:pointer
}
.p-painter-detail .bg .painter-profile .painter-info-panel .name-row .iconpc-bianji {
	margin-left:14px;
	font-size:26px;
	color:#000
}
.p-painter-detail .bg .painter-profile .painter-info-panel .name-row .user-home-link {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	text-align:right;
	font-size:14px;
	line-height:19px
}
.p-painter-detail .bg .painter-profile .painter-info-panel .name-row .user-home-link a {
	color:#feab00
}
.p-painter-detail .bg .painter-profile .painter-info-panel .describe {
	font-size:14px;
	color:#333;
	line-height:30px;
	margin-top:20px
}
.p-painter-detail .bg .painter-profile .painter-info-panel .describe .expand {
	margin-left:17px;
	color:#feab00
}
.p-painter-detail .bg .painter-profile .painter-info-panel .painter-nums {
	margin-top:27px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.p-painter-detail .bg .painter-profile .painter-info-panel .painter-nums .num-item {
	-webkit-box-flex:0;
	-ms-flex-positive:0;
	flex-grow:0;
	margin-right:32px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.p-painter-detail .bg .painter-profile .painter-info-panel .painter-nums .num-item .num {
	font-size:16px;
	font-weight:600;
	color:#333;
	line-height:22px
}
.p-painter-detail .bg .painter-profile .painter-info-panel .painter-nums .num-item .num-title {
	font-size:14px;
	color:#b8b8b8;
	line-height:19px;
	margin-top:4px
}
.p-painter-detail .bg .painter-profile .painter-info-panel .painter-operations {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-top:30px;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.p-painter-detail .bg .painter-profile .painter-info-panel .painter-operations .op-btn {
	-webkit-box-flex:0;
	-ms-flex-positive:0;
	flex-grow:0;
	margin-right:14px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	background:#FFF200;
	border-radius:4px;
	width:98px;
	height:30px;
	font-size:12px;
	color:#333;
	line-height:16px;
	cursor:pointer
}
.p-painter-detail .bg .painter-profile .painter-info-panel .painter-operations .op-btn .iconfont {
	margin-right:7px
}
.p-painter-detail .bg .painter-profile .painter-info-panel .painter-operations .share-user {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	font-size:16px;
	color:#777;
	line-height:21px;
	text-align:right
}
.p-painter-detail .painter-page-body {
	width:1200px;
	margin:0 auto
}
.p-painter-detail .painter-page-body .hot-works {
	margin-top:40px
}
.p-painter-detail .painter-page-body .hot-works .hot-work-list {
	height:234px;
	position:relative
}
.p-painter-detail .painter-page-body .hot-works .hot-work-list .hot-work-page {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.p-painter-detail .painter-page-body .hot-works .hot-work-list .hot-work-page .work-item:not(:first-of-type) {
margin-left:22px
}
.p-painter-detail .painter-page-body .hot-works .hot-work-list .arrow-btn {
	position:absolute;
	width:58px;
	height:143px;
	background:rgba(0, 0, 0, .15);
	border-radius:4px;
	cursor:pointer;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	color:#fff;
	top:45px
}
.p-painter-detail .painter-page-body .hot-works .hot-work-list .arrow-btn:hover {
	background:rgba(0, 0, 0, .3)
}
.p-painter-detail .painter-page-body .hot-works .hot-work-list .arrow-btn:hover i {
	color:#f8cf39
}
.p-painter-detail .painter-page-body .hot-works .hot-work-list .left-arrow {
	left:-90px
}
.p-painter-detail .painter-page-body .hot-works .hot-work-list .right-arrow {
	right:-90px
}
.p-painter-detail .painter-page-body .hot-works .el-carousel .el-carousel__item {
	background:transparent
}
.p-painter-detail .painter-page-body .painter-showcase, .p-painter-detail .painter-page-body .painter-works {
	margin-top:60px
}
.p-painter-detail .painter-page-body .painter-showcase .title {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.p-painter-detail .painter-page-body .painter-showcase .title span {
	cursor:pointer;
	margin-left:20px;
	font-size:14px;
	color:#999;
	line-height:19px;
	font-weight:400
}
.p-painter-detail .painter-page-body .painter-showcase .mange-btn {
	cursor:pointer;
	font-size:16px;
	font-weight:400;
	color:#555;
	line-height:22px;
	margin-left:auto
}
.p-painter-detail .painter-page-body .painter-showcase .mange-btn i {
	font-size:20px;
	color:#999;
	margin-left:9px
}
.p-painter-detail .painter-page-body .painter-showcase .painter-showcase-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.p-painter-detail .painter-page-body .painter-showcase .painter-showcase-list .c-painter-showcase-item {
	margin-right:24px
}
.p-painter-detail .painter-page-body .painter-showcase .painter-showcase-list .c-painter-showcase-item:last-child {
	margin-right:0
}
.p-painter-detail .painter-page-body .painter-showcase .upload-link {
	width:384px;
	height:357px;
	background:#fff;
	border-radius:4px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.p-painter-detail .painter-page-body .painter-showcase .upload-link p {
	margin-top:20px;
	font-size:16px;
	color:#999;
	line-height:21px
}
.p-painter-detail .painter-page-body .painter-showcase .upload-link img {
	width:100px;
	height:100px;
	display:block;
	margin:0 auto
}
.p-painter-detail .painter-page-body .rel-painters {
	margin-top:60px
}
.p-painter-detail .painter-page-body .rel-painters .rel-painter-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.p-painter-detail .painter-page-body .rel-painters .rel-painter-list .rel-painter-item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	width:100px
}
.p-painter-detail .painter-page-body .rel-painters .rel-painter-list .rel-painter-item:not(:first-of-type) {
margin-left:20px
}
.p-painter-detail .painter-page-body .rel-painters .rel-painter-list .rel-painter-item .name {
	height:22px;
	width:100%;
	font-size:16px;
	font-weight:600;
	color:#505050;
	line-height:22px;
	margin-top:16px;
	text-overflow:ellipsis;
	overflow:hidden;
	text-align:center;
	display:block;
	white-space:nowrap
}
.p-painter-detail .painter-page-body .painter-block {
	width:100%
}
.p-painter-detail .painter-page-body .painter-block .title {
	font-size:24px;
	font-weight:600;
	color:#333;
	line-height:36px;
	margin-bottom:20px
}
.p-painter-detail .painter-page-body .rel-keywords-block {
	overflow:hidden;
	padding:20px 20px 6px
}
.p-painter-detail .painter-page-body .rel-label {
	font-size:14px;
	font-weight:600;
	color:#333;
	line-height:20px;
	margin-bottom:14px
}
.p-painter-detail .painter-page-body .rel-tags {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.p-painter-detail .painter-page-body .rel-tags .tag-item {
	display:block;
	margin-right:10px;
	margin-bottom:14px;
	background:#f7f7f7;
	border-radius:15px;
	padding:6px 14px;
	font-size:12px;
	color:#666;
	line-height:16px
}
.p-painter-detail .painter-page-body .rel-tags .tag-item:hover {
	background:rgba(248, 207, 57, .1);
	color:#f8cf39
}
.p-painter-detail .painter-showcase-dialog {
	padding-top:68px;
	padding-bottom:40px;
	border-radius:8px;
	-webkit-box-shadow:0 10px 20px 0 rgba(0, 0, 0, .2);
	box-shadow:0 10px 20px 0 rgba(0, 0, 0, .2);
	overflow:hidden
}
.p-painter-detail .painter-showcase-dialog .el-dialog__header {
	padding:0
}
.p-painter-detail .painter-showcase-dialog .el-dialog__body {
	padding:0 40px
}
.p-painter-detail .q-text {
	font-size:16px;
	font-weight:700;
	color:#333;
	line-height:24px;
	margin-top:20px
}
.p-painter-detail .a-text {
	margin-top:12px;
	font-size:14px;
	color:#666;
	line-height:24px
}
.p-painter-detail .qa-btn {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:160px;
	height:44px;
	background:#f8cf39;
	border-radius:4px;
	text-align:center;
	margin:40px auto 0;
	font-size:14px;
	color:#333;
	line-height:19px;
	cursor:pointer
}
.p-painter-detail .painter-showcase-manage {
	width:460px;
	padding-top:70px;
	padding-bottom:30px;
	border-radius:4px;
	overflow:hidden;
	position:relative
}
.p-painter-detail .painter-showcase-manage .upload-link {
	width:420px;
	height:141px;
	background:#f4f4f4;
	border-radius:4px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.p-painter-detail .painter-showcase-manage .upload-link p {
	margin-top:8px;
	font-size:14px;
	color:#999;
	line-height:20px
}
.p-painter-detail .painter-showcase-manage .upload-link img {
	width:70px;
	height:70px;
	display:block;
	margin:0 auto
}
.p-painter-detail .painter-showcase-manage .el-dialog__header {
	padding:0
}
.p-painter-detail .painter-showcase-manage .el-dialog__body {
	padding:0 20px
}
.p-painter-detail .painter-showcase-manage .showcase-item {
	padding:12px;
	margin-bottom:14px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width:100%;
	height:141px;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	background:#f4f4f4;
	position:relative
}
.p-painter-detail .painter-showcase-manage .showcase-item:last-child {
	margin-bottom:0
}
.p-painter-detail .painter-showcase-manage .showcase-item .showcase-image {
	width:117px;
	height:117px;
	display:block;
	-ms-flex-negative:0;
	flex-shrink:0
}
.p-painter-detail .painter-showcase-manage .showcase-item .showcase-info {
	margin-left:10px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	height:100%
}
.p-painter-detail .painter-showcase-manage .showcase-item .showcase-status {
	position:absolute;
	top:18px;
	left:18px;
	text-align:center;
	padding:6px 8px;
	background:#ed414d;
	line-height:14px;
	border-radius:4px;
	font-size:14px;
	color:#fff;
	z-index:2
}
.p-painter-detail .painter-showcase-manage .showcase-bottom {
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end
}
.p-painter-detail .painter-showcase-manage .showcase-bottom .iconfont {
	font-size:16px
}
.p-painter-detail .painter-showcase-manage .showcase-bottom .showcase-delete-btn, .p-painter-detail .painter-showcase-manage .showcase-bottom .showcase-edit-btn {
	width:68px;
	height:26px;
	line-height:26px;
	border-radius:4px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	font-size:14px;
	color:#333;
	cursor:pointer
}
.p-painter-detail .painter-showcase-manage .showcase-bottom .showcase-delete-btn {
	background:#ddd;
	margin-right:10px
}
.p-painter-detail .painter-showcase-manage .showcase-bottom .showcase-edit-btn {
	background:#FFF200
}
.p-painter-detail .painter-showcase-manage .showcase-bottom .iconicon-showcase-delete, .p-painter-detail .painter-showcase-manage .showcase-bottom .iconicon-showcase-revise {
	margin-right:4px;
	color:#333
}
.c-collect-item {
	width:224px;
	height:297px;
	background:#fff;
	border-radius:4px;
	overflow:hidden;
	padding:8px;
	display:block
}
.c-collect-item .c-collect-img {
	position:relative;
	width:208px;
	height:208px;
	border-radius:4px;
	overflow:hidden
}
.c-collect-item .c-collect-img:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(hsla(0, 0%, 94%, 0)));
	background:linear-gradient(180deg, rgba(0, 0, 0, .6), hsla(0, 0%, 94%, 0))
}
.c-collect-item .c-collect-img img {
	width:100%;
	height:100%
}
.c-collect-item .c-collect-img .c-collect-info {
	position:absolute;
	left:12px;
	top:12px;
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	z-index:1
}
.c-collect-item .c-collect-img .c-collect-info .c-collect-name {
	font-size:14px;
	color:#fff;
	max-width:175px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.c-collect-item .c-collect-img .c-collect-info .collect-top {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.c-collect-item .c-collect-img .c-collect-info .collect-top .favorite-name {
	font-size:14px;
	max-width:84px;
	color:#fff;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.c-collect-item .c-collect-img .c-collect-info .collect-top .label-def {
	line-height:17px;
	padding:2px 7px;
	text-align:center;
	font-size:12px;
	color:#333;
	background:#ffdb26;
	border-radius:4px;
	font-weight:600;
	margin-left:16px
}
.c-collect-item .c-collect-img .c-collect-info .collect-top .label-privacy {
	line-height:17px;
	margin-left:10px;
	padding:2px 7px;
	text-align:center;
	font-size:12px;
	color:#fff;
	background:#938cfb;
	border-radius:4px;
	font-weight:600
}
.c-collect-item .c-collect-img .c-collect-info .c-work-num {
	margin-top:2px;
	line-height:20px;
	font-size:10px;
	color:#fff
}
.c-collect-item .work-list {
	padding:8px 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.c-collect-item .work-list .work-list-item {
	width:65px;
	height:65px;
	background-color:#f0f0f0;
	border-radius:4px;
	margin-right:6px;
	overflow:hidden
}
.c-collect-item .work-list .work-list-item img {
	display:block;
	width:100%;
	height:100%
}
.c-collect-item .work-list .work-list-item:last-child {
	margin-right:0
}
.p-user-page {
	width:100%;
	overflow:hidden
}
.p-user-page .collect-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.p-user-page .collect-list a {
	display:block;
	margin-right:20px;
	margin-bottom:20px
}
.p-user-page .collect-list a:nth-child(5n) {
margin-right:0
}
.p-user-page .bg {
	width:100%;
	height:300px;
	background-image:url(//res2.huashi6.com/static/hst/pc/imgs/title.5de33a1.png);
	background-repeat:no-repeat;
	background-size:cover
}
.p-user-page .user-info {
	width:1200px;
	margin:0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:100%
}
.p-user-page .user-info .c-face-img {
	-ms-flex-negative:0;
	flex-shrink:0
}
.p-user-page .user-info .user-wrap {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	margin-left:40px;
	width:900px
}
.p-user-page .user-info .user-wrap>div {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.p-user-page .user-info .user-name {
	font-size:30px;
	font-family:MicrosoftYaHei;
	color:#fff;
	word-wrap:break-word;
	line-height:40px
}
.p-user-page .user-info .user-name img {
	width:24px;
	height:24px;
	margin-top:7px;
	cursor:pointer
}
.p-user-page .user-info .remark {
	margin-top:16px;
	font-size:16px;
	color:#aaa;
	line-height:21px;
	word-break:break-all
}
.p-user-page .user-info .chat-btn {
	margin-top:15px;
	font-size:24px
}
.p-user-page .user-info .user-painter-link {
	display:block;
	margin-top:5px;
	font-size:14px;
	margin-left:20px;
	color:#FFF200
}
.p-user-page .painter-info {
	width:749px;
	height:460px;
	background:-webkit-gradient(linear, left bottom, left top, from(#fff2b5), to(#f8cf39));
	background:linear-gradient(1turn, #fff2b5, #f8cf39);
	position:relative
}
.p-user-page .painter-info .pic {
	width:150px;
	height:150px;
	position:absolute;
	top:48px;
	left:300px
}
.p-user-page .painter-info .text-info {
	position:absolute;
	top:217px;
	text-align:center;
	width:500px;
	left:50%;
	margin-left:-250px
}
.p-user-page .painter-info .text-info .name {
	height:50px;
	font-size:40px;
	font-weight:500;
	color:#222;
	line-height:56px
}
.p-user-page .painter-info .text-info .name img {
	width:34px;
	height:34px;
	margin-left:8px
}
.p-user-page .painter-info .text-info .info {
	height:34px;
	font-size:24px;
	font-weight:400;
	color:#917122;
	line-height:33px;
	margin-top:13px
}
.p-user-page .tab-header {
	background:#fff
}
.p-user-page .collection-nav {
	width:1200px;
	margin:0 auto;
	height:100px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:relative
}
.p-user-page .collection-nav .collection-nav-item {
	cursor:pointer;
	margin-right:20px
}
.p-user-page .collection-nav .collection-nav-item p {
	font-size:21px;
	font-weight:600;
	color:#282828
}
.p-user-page .collection-nav .collection-nav-item p:first-child {
	margin-right:60px
}
.p-user-page .collection-nav .collection-nav-item .border {
	position:absolute;
	bottom:0;
	width:70px;
	height:3px;
	background:#000;
	border-radius:4px;
	margin-bottom:1px;
	margin-left:8px;
	display:none
}
.p-user-page .collection-nav .collection-nav-item.active .border {
	display:block
}
.p-user-page .my-collection {
	padding:20px 0
}
.p-user-page .my-collection .no-collection {
	text-align:center
}
.p-user-page .my-collection .no-collection .tip {
	height:40px;
	font-size:14px;
	font-weight:400;
	color:#f5be34;
	line-height:40px;
	text-align:center
}
.p-user-page .my-collection .no-collection .go-collection {
	margin-top:50px;
	width:270px;
	height:70px;
	display:inline-block;
	background:linear-gradient(25deg, #fea030, #ffd900);
	border-radius:10px;
	font-size:21px;
	font-weight:400;
	color:#fff;
	line-height:70px
}
.p-person-work-manager {
	margin:auto
}
.p-person-work-manager .header-toolbar {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	width:100%;
	position:relative
}
.p-person-work-manager .header-toolbar, .p-person-work-manager .header-toolbar .header-tabs {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:100%
}
.p-person-work-manager .header-toolbar .header-tabs {
	color:#999;
	font-size:18px
}
.p-person-work-manager .header-toolbar .header-tabs-item {
	padding-right:16px;
	border-right:1px solid #eee;
	margin-left:16px;
	cursor:pointer
}
.p-person-work-manager .header-toolbar .header-tabs-item:first-child {
	margin-left:0
}
.p-person-work-manager .header-toolbar .header-tabs-item:last-child {
	border-right:none
}
.p-person-work-manager .header-toolbar .header-tabs-active {
	color:#363636;
	position:relative
}
.p-person-work-manager .header-toolbar .header-tabs-active:after {
	content:"";
	position:absolute;
	width:37px;
	height:5px;
	background:#f8cf39;
	border-radius:4px;
	bottom:-15px;
	left:18px
}
.p-person-work-manager .header-toolbar .add-btn {
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	width:94px;
	height:36px;
	background:#FFF200;
	border-radius:4px;
	font-size:14px;
	font-weight:600;
	color:#333;
	line-height:20px;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.p-person-work-manager .header-toolbar .add-btn .iconfont {
	margin-right:8px
}
.p-person-work-manager .work-list {
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:left;
	-ms-flex-pack:left;
	justify-content:left
}
.p-person-work-manager .work-list .work-item {
	margin-right:20px;
	margin-bottom:20px
}
.p-person-work-manager .work-list .work-item:nth-child(4n) {
margin-right:0
}
.p-collect-detail-dialog .el-dialog__header {
	padding-top:40px
}
.p-collect-detail-dialog .submit-btn {
	width:328px;
	height:44px;
	line-height:44px;
	text-align:center;
	color:#333;
	font-size:14px;
	margin:18px auto 0;
	background:#f8cf39;
	border-radius:4px;
	cursor:pointer
}
.p-collect-detail-dialog .dialog-textarea, .p-collect-detail-dialog .el-textarea__inner {
	height:117px
}
.p-collect-detail-dialog .dialog-item-def {
	margin-bottom:10px;
	padding-bottom:15px;
	border-bottom:1px solid #eee
}
.p-collect-detail-dialog .dialog-switch {
	margin-left:222px;
	height:26px;
	border-radius:28px
}
.p-collect-detail-dialog .dialog-switch .el-switch__core {
	height:26px;
	border-radius:28px
}
.p-collect-detail-dialog .dialog-switch .el-switch__core:after {
	width:24px;
	height:24px;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.p-collect-detail-dialog .el-switch.is-checked .el-switch__core:after {
	margin-left:-24px
}
.p-collect-detail-dialog .el-dialog__body {
	padding:40px 50px
}
.p-user-favorite .header-toolbar {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	width:100%
}
.p-user-favorite .header-toolbar .add-btn {
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	width:94px;
	height:36px;
	background:#FFF200;
	border-radius:4px;
	font-size:14px;
	font-weight:600;
	color:#333;
	line-height:20px;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.p-user-favorite .header-toolbar .add-btn .iconfont {
	margin-right:8px
}
.p-user-favorite .favorite-list {
	width:956px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.p-user-favorite .favorite-list .c-collect-item {
	margin-right:20px;
	margin-bottom:20px
}
.p-user-favorite .favorite-list .c-collect-item:nth-of-type(4n) {
margin-right:0
}
.p-user-message .msg-item {
	padding:20px;
	width:100%;
	background:#fff;
	border-radius:4px;
	margin-bottom:20px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.p-user-message .msg-item .avatar {
	width:80px;
	height:80px;
	background:#FFF200;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	border-radius:50%;
	position:relative
}
.p-user-message .msg-item .avatar .iconfont {
	font-size:35px
}
.p-user-message .msg-item .avatar.unread:after {
	content:"";
	position:absolute;
	width:8px;
	height:8px;
	border-radius:50%;
	background:red;
	right:7px;
	bottom:67px
}
.p-user-message .msg-item .msg-content {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	max-width:788px;
	margin-left:16px
}
.p-user-message .msg-item .msg-content .title {
	height:20px;
	font-size:14px;
	font-weight:400;
	color:#2f2f2f;
	line-height:20px
}
.p-user-message .msg-item .msg-content .time {
	margin-top:4px;
	font-size:12px;
	font-weight:400;
	color:#777;
	line-height:17px
}
.p-user-message .msg-item .msg-content .msg-text {
	margin-top:4px;
	white-space:normal;
	word-break:break-all;
	font-size:14px;
	font-weight:400;
	color:#2f2f2f;
	line-height:20px
}
.p-so-tags {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	overflow:hidden;
	background:#fff;
	padding:0 20px 20px
}
.p-so-tags .tag-item {
	display:block;
	margin-right:10px;
	margin-top:20px;
	background:#f7f7f7;
	border-radius:15px;
	padding:6px 14px;
	font-size:12px;
	color:#666;
	line-height:16px
}
.p-so-tags .tag-item:hover {
	background:rgba(248, 207, 57, .1);
	color:#f8cf39
}
.p-so-detail {
	padding-bottom:163px
}
.p-so-detail .work-list {
	margin-top:20px
}
.p-so-detail h1 {
	font-size:24px;
	font-weight:600;
	color:#333;
	line-height:36px;
	padding-bottom:20px
}
.p-so-detail .c-app-bread a {
	color:inherit
}
.p-so-detail .p-so-detail-block {
	overflow:hidden;
	background:#fff;
	padding:20px 20px 6px
}
.p-so-detail .p-so-detail-label {
	font-size:14px;
	font-weight:600;
	color:#333;
	line-height:20px;
	margin-bottom:14px
}
.p-so-detail .p-so-detail-tags {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.p-so-detail .p-so-detail-tags .tag-item {
	display:block;
	margin-right:10px;
	margin-bottom:14px;
	background:#f7f7f7;
	border-radius:15px;
	padding:6px 14px;
	font-size:12px;
	color:#666;
	line-height:16px
}
.p-so-detail .p-so-detail-tags .tag-item:hover {
	background:rgba(248, 207, 57, .1);
	color:#f8cf39
}
.p-so-detail .p-so-detail-head {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-top:50px;
	margin-bottom:20px
}
.p-so-detail .so-head-title {
	font-size:24px;
	font-weight:600;
	color:#333;
	line-height:36px
}
.p-so-detail .so-head-more {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:16px;
	color:#555;
	line-height:22px
}
.p-so-detail .so-head-more i {
	color:#d0d0d0
}
.p-article-list {
	background-color:#fff;
	padding-bottom:20px
}
.p-article-list .article-header-title {
	padding-top:37px;
	text-align:center;
	font-size:24px;
	color:#333;
	font-weight:700
}
.p-article-list .article-main {
	margin-top:17px
}
.p-article-list .article-nav {
	text-align:center;
	margin-top:10px
}
.p-article-list .article-nav .article-nav-item {
	display:inline-block;
	margin-right:24px;
	color:#666;
	font-size:16px;
	padding:4px 0
}
.p-article-list .article-nav .article-nav-item:last-child {
	margin-right:0
}
.p-article-list .article-nav .article-nav-active {
	color:#333;
	font-weight:700;
	position:relative
}
.p-article-list .article-nav .article-nav-active:after {
	content:"";
	width:100%;
	height:2px;
	background:#f8cf39;
	position:absolute;
	bottom:0;
	left:0
}
.p-article-list .article-left {
	width:740px;
	float:left
}
.p-article-list .article-right {
	float:right;
	width:460px
}
.p-article-list .article-list .article-list-item {
	padding:20px 40px 20px 0;
	display:block
}
.p-article-list .article-list .article-thumb {
	width:210px;
	height:140px;
	float:left;
	border-radius:5px;
	overflow:hidden
}
.p-article-list .article-list .article-thumb img {
-webkit-transition:-webkit-transform .5s;
transition:-webkit-transform .5s;
transition:transform .5s;
transition:transform .5s, -webkit-transform .5s
}
.p-article-list .article-list .article-thumb:hover img {
	-webkit-transform:scale(1.2);
	transform:scale(1.2)
}
.p-article-list .article-list .article-wrap {
	float:right;
	width:470px;
	height:140px;
	padding:8px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.p-article-list .article-list .article-title {
	color:#282828;
	font-size:18px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.p-article-list .article-list .article-content {
	color:#999;
	font-size:14px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	overflow:hidden;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis
}
.p-article-list .article-list .article-reading {
	font-size:12px;
	color:#999;
	float:left
}
.p-article-list .article-list .article-time {
	font-size:12px;
	color:#999;
	float:left;
	margin-left:40px
}
.p-article-list .article-recommend-list .recommend-list-item {
	display:block;
	padding:15px 0 15px 30px;
	height:60px;
	position:relative;
	width:100%;
	border-bottom:1px solid #eee
}
.p-article-list .article-recommend-list .recommend-list-item:first-child .recommend-article-index {
	background-color:#ea4435
}
.p-article-list .article-recommend-list .recommend-list-item:nth-child(2) .recommend-article-index {
background-color:#ff6000
}
.p-article-list .article-recommend-list .recommend-list-item:nth-child(3) .recommend-article-index {
background-color:#ffa516
}
.p-article-list .article-recommend-list .recommend-article-index {
	position:absolute;
	top:50%;
	left:0;
	margin-top:-10px;
	display:inline-block;
	width:20px;
	text-align:center;
	line-height:20px;
	color:#fff;
	font-size:12px;
	height:20px;
	background-color:#ccc;
	border-radius:4px
}
.p-article-list .article-recommend-list .recommend-article-title {
	display:inline-block;
	margin-left:12px;
	color:#282828;
	font-size:18px;
	width:100%;
	line-height:1.7;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.p-tag-detail {
	width:1200px;
	margin:0 auto
}
.p-tag-detail .tag-header {
	background-color:#fff;
	border-radius:3px;
	padding:21px 17px
}
.p-tag-detail .tag-header .title {
	display:block;
	font-size:19px;
	font-weight:700;
	color:#1a1a1a;
	line-height:19px
}
.p-tag-detail .tag-header .desc {
	margin-top:14px;
	font-size:14px;
	color:#999;
	line-height:21px
}
.p-tag-detail .num-text {
	margin-top:19px;
	font-size:12px;
	line-height:16px;
	color:#666
}
.p-tag-detail .num-text>span {
	color:#FFF200
}
.p-tag-detail .tag-waterfall {
	margin-top:12px
}
.p-tag-detail .rel-tags {
	margin-top:80px;
	font-size:22px;
	font-weight:700;
	color:#282828;
	line-height:34px;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.p-tag-detail .rel-tags .title {
	font-size:19px;
	font-weight:700;
	color:#282828;
	line-height:29px
}
.p-tag-detail .rel-tags .tag-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-top:20px
}
.p-tag-detail .rel-tags .tag-list .tag-item {
	display:block;
	font-size:12px;
	color:#282828;
	margin-right:18px;
	padding:5px 10px;
	line-height:15px;
	margin-bottom:18px
}
.p-tag-detail .rel-tags .tag-list .tag-item:hover {
	background-color:#fff;
	border-radius:13px;
	color:#FFF200
}
.p-collect-detail {
	width:1200px;
	margin:0 auto
}
.p-collect-detail .p-collect-main {
	margin-top:40px
}
.p-collect-detail .collect-info {
	padding:30px;
	margin-top:40px;
	width:100%;
	background:#fff;
	border-radius:4px
}
.p-collect-detail .collect-info-header {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-bottom:20px
}
.p-collect-detail .collect-introduction {
	font-size:16px;
	color:#333;
	margin-bottom:20px
}
.p-collect-detail .user-info {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.p-collect-detail .user-info .user-avatar {
	display:block
}
.p-collect-detail .user-info .user-name {
	color:#777;
	font-size:16px;
	margin-left:16px
}
.p-collect-detail .user-info .user-works {
	color:#ccc;
	font-size:24px;
	margin-left:auto
}
.p-collect-detail .collect-name {
	font-size:32px;
	color:#333;
	font-weight:600
}
.p-collect-detail .collect-default {
	font-size:12px;
	color:#333;
	font-weight:600;
	background:#ffdb26
}
.p-collect-detail .collect-default, .p-collect-detail .collect-privacy {
	width:37px;
	height:20px;
	line-height:20px;
	text-align:center;
	margin-left:12px;
	border-radius:4px
}
.p-collect-detail .collect-privacy {
	background:#938cfb;
	color:#fff
}
.p-collect-detail .collect-edit {
	margin-left:auto;
	margin-right:40px;
	cursor:pointer
}
.p-collect-detail .collect-edit .iconfont {
	font-size:30px
}
.p-collect-detail .collect-delete {
	width:100px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:#f04949;
	font-size:16px;
	color:#fff;
	border-radius:4px;
	cursor:pointer
}
i.el-icon-arrow-right { width: 10px; height: 13px; display: inline-block; margin-left: 3px; background: url(rightx.png) no-repeat left center}

    .bannerx_box { position: relative; width: 1500px; height: 381px}
	.bannerx { width: 1500px; height: 380px; overflow: hidden; border-radius: 4px}
	.bannerx .pic img { width: 1500px; height: 380px; display: block}
	.bannerx .hd { overflow:hidden; zoom:1; position:absolute; bottom: 5px; z-index:3; width: 100%; text-align: center}
	.bannerx .hd li { float: none; display: inline-block; text-align:center; font-size:12px; width:30px; height:2px; cursor:pointer; overflow:hidden; background: #FFFFFF; margin: 0 3px; filter:alpha(opacity=48); opacity: 0.48; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
	.bannerx .hd .on { filter:alpha(opacity=100); opacity: 1}

	.bannerx .prev,
	.bannerx .next { width:58px; height:58px; position:absolute; top: 50%; margin-top: -29px; border-radius: 50%; z-index:3; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease; background-color: rgba(0,0,0,.5); background-repeat: no-repeat}
	.bannerx .prev { left: 0; background-image:url(b_left.png); background-position: 16px center}
	.bannerx .next { right: 0; background-image:url(b_right.png); background-position: 18px center}
	.bannerx:hover .prev { left: 15px; opacity: 1}
	.bannerx:hover .next { right: 15px; opacity: 1}
	.bannerx .prev:hover { background-image:url(b_left2.png); background-color: #7F7F7F}
	.bannerx .next:hover { background-image:url(b_right2.png); background-color: #7F7F7F}
	
	
.half_box { float: left; width: 590px; margin-right: 20px}
.half_box img { width: 100%; border-radius: 4px}


.album-card-box, .card-box, .cate-card-box {
    float: left;
	width: 224px;
    position: relative;
    background: #fff;
    border-radius: 4px;
    margin: 0 20px 20px 0;
	transition: all 0.5s ease 0s
}
.album-card-box:hover { transform: translateY(-5px)}
.album-card-box:last-child { margin-right: 0}
.album-card-box .card-img {
    margin: 10px auto 0;
    overflow: hidden;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.album-card-box .card-img {
    width: 204px;
    height: 150px;
}
.album-card-box .card-info, .card-box .card-info {
    border-bottom: 1px solid #eee;
    padding: 11px 16px 13px;
    height: 75px;
    position: relative;
}
.album-card-box .card-info-title {
    margin-bottom: 3px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.album-card-box .card-info .card-info-title, .card-box .card-info .card-info-title {
    position: relative;
    height: 20px;
    line-height: 20px;
}
.album-card-box .card-info .card-info-title .title-content, .card-box .card-info .card-info-title .title-content {
    display: inline-block;
    float: left;
    vertical-align: middle;
}
.album-card-box .card-info .card-info-title .title-content {
    width: 100%;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}
.album-card-box .card-info .card-info-title .title-content:hover { color: red}
.album-card-box .card-info .card-info-title a, .card-box .card-info .card-info-title a {
    font-size: 14px;
    color: #333;
}
.tag-color-orange, .tag-color-pink {
    height: 18px;
    font-size: 12px;
    border-radius: 2px;
    display: inline-block;
}
.tag-color-pink {
    color: #FF334B;
    background: rgba(255,51,75,.08);
}
.album-card-box .card-info-type {
    line-height: 18px;
    margin-bottom: 14px;
}
.album-card-box .card-info-type>span {
    font-size: 12px;
    display: block;
    -webkit-transform: scale(.83,.83);
    transform: scale(.83,.83);
}
.album-card-box .card-info .card-info-item, .card-box .card-info .card-info-item {
    font-size: 12px;
    color: #bbb;
}
.album-card-box .card-info .card-info-item span[class^=statistics], .card-box .card-info .card-info-item span[class^=statistics] {
    margin-right: 7px;
    cursor: default;
}
.album-card-box .card-info .card-info-item span[class^=statistics]:before, .card-box .card-info .card-info-item span[class^=statistics]:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin-right: 5px;
}
.album-card-box .card-info .card-info-item span.statistics-content:before, .card-box .card-info .card-info-item span.statistics-content:before {
    background: url(card-contents.svg) 0 3px no-repeat;
    background-size: 16px auto;
}
.album-card-box .card-info .card-info-item span.statistics-collect:before, .card-box .card-info .card-info-item span.statistics-collect:before {
    background: url(shoucang.svg) no-repeat;
    background-size: 16px 16px;
}
.album-card-box .card-img img { width: 204px; height: auto}



@media (min-width: 1551px) {
.wp, .whole_boxx { width: 1380px !important}

.zsj-design ul { width: 1400px !important}
.zsj-design li img { width: 260px !important}

.zsj-box .list li { width: 260px}
.zsj-box .list li .img-box { width: 260px; height: 175px}
.zsj-box .list li .img-box img { width: 260px; height: auto}

.wpn { width: 1380px !important}
.half_box { width: 680px}
.album-card-box, .card-box, .cate-card-box { width: 260px}
.album-card-box .card-img { width: 240px; height: 183px}
.album-card-box .card-img img { width: 240px; height: auto}
.c-footer-main-content { width: 1380px !important}
}
@media (min-width: 1701px) {
.wp, .whole_boxx { width: 1500px !important}

.zsj-design ul { width: 1520px !important}
.zsj-design li img { width: 284px !important}

.zsj-box .list li { width: 284px}
.zsj-box .list li .img-box { width: 284px; height: 192px}
.zsj-box .list li .img-box img { width: auto; height: 192px}

.wpn { width: 1500px !important}
.half_box { width: 740px}
.album-card-box, .card-box, .cate-card-box { width: 284px}
.album-card-box .card-img { width: 264px; height: 202px}
.album-card-box .card-img img { width: 264px; height: 202px}
.c-footer-main-content { width: 1500px !important}
}
@media (max-width: 1701px) {
.bannerx_box { width: 1380px; height: 350px; overflow: hidden; border-radius: 4px}
.bannerx .pic img { width: 1380px; height: auto; display: block}
}
@media (max-width: 1551px) {
.bannerx_box { width: 1200px; height: 304px; overflow: hidden; border-radius: 4px}
.bannerx .pic img { width: 1200px; height: auto; display: block}
}


.tab1.navfixed { position: fixed; width: 100%; top: 0 !important; z-index: 999; box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%)}