@font-face {
	font-family:'zcwebfont';src:url("./font/zcfont.eot");src:url("./font/zcfont.eot?#iefix") format("embedded-opentype"),url("./font/zcfont.woff2") format("woff2"),url("./font/zcfont.woff") format("woff"),url("./font/zcfont.ttf") format("truetype"),url("./font/zcfont.svg#zcwebfont") format("svg")
}

html,body,h1,h2,h3,h4,h5,h6,p,blockquote,ul,li,input,dl,dt,dd,td,th,tr {
	margin: 0;
	padding: 0
}

html,body {
	color: #444;
	position: relative;
	background: #f1f1f1
}

ul,li {
	list-style: none outside
}

h1,h3,h4,h5,h6,th {
	font-weight: normal
}

label,input,select,img,textarea {
	vertical-align: middle;
	background: none;
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
	font-family: 'Microsoft Yahei',sans-serif
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset
}

a {
	text-decoration: none
}

cite,code,em {
	font-style: normal
}

html,body {
	font-size: 14px;
	font-family: 'Microsoft Yahei',sans-serif
}

img {
	vertical-align: bottom;
	border: none
}

a {
	outline: none;
	text-decoration: none;
	color: #444
}

a,a:link,a:active,a:focus,a:visited {
	text-decoration: none;
	color: #444
}

a:hover {
	text-decoration: none;
	/* color: #E78400 */
}

table {
	border-collapse: collapse
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	display: block;
	content: '.';
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}
.swiper-bg_line{
	width: 100%;
	height: 4px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;	
}
.txt-break {
	word-break: break-all;
	overflow: hidden;
	word-wrap: break-word;
	font-family: PingFangSC-Regular;
font-size: 16px;
color: #586064;
letter-spacing: 0;
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.header {
	width: 100%;
	height: 70px;
	line-height: 70px;
	background: #3d464b;
	overflow: hidden
}

.hlinks {
	width: 1180px;
	margin: 0 auto
}

.hlinks a,.hlinks a:visited {
	color: #fff
}

.hlinks a:hover {
	color: #aab0b4
}

.hlinks a {
	float: left;
	display: block
}

.hlinks .logo {
	margin-right: 20px
}

.hlinks .tits a {
	padding: 0 13px;
	margin-right: 30px;
	font-size: 18px;
	line-height: 66px
}

.hlinks .tits a.select {
	border-bottom: 4px solid #FFC14A
}

.hlinks .login {
	float: right
}

.hlinks .login .register {
	display: block
}

.hlinks .login .hide {
	display: none
}

.hlinks .login .cur {
	cursor: default
}

.hlinks .login a {
	margin-left: 12px
}

.hlinks .login .message {
	width: 24px;
	height: 68px;
	background: url("http://zhongce.sina.com.cn/static/images/task/message.png") 6px 27px no-repeat
}

.hlinks .login .unread {
	background-position: 2px -35px
}

.hlinks .login .login-link {
	margin-top: 18px;
	float: left
}

.hlinks .login img {
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%
}

.zcPageDiv {
	text-align: center;
	margin: 30px 0
}

.zcPageDiv .page_num {
	display: inline-block;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #666;
	background: #f8f8f8;
	border: 1px solid #dbdbdb;
	margin-right: 4px
}

.zcPageDiv .page_num:hover {
	color: #fff;
	background: #FFC14A
}

.zcPageDiv .page_num_select {
	color: #fff;
	background: #a8a8a8;
	cursor: default
}

.zcPageDiv .btn {
	width: 60px
}

.zcPageDiv .unclick {
	background: #fff;
	border: 1px solid #e8e8e8;
	color: #c4c4c4
}

.zcPageDiv .unclick:hover {
	cursor: default;
	background: #fff;
	color: #c4c4c4
}

.footer {
	width: 100%;
	border-top: 1px solid #d4d4d4;
	color: #666;
	font-size: 14px
}

.footer a,.footer a:visited {
	color: #666;
	font-size: 14px
}

.footer a:hover {
	color: #E78400;
	text-decoration: underline
}

.footerWrap {
	width: 1180px;
	margin: 0 auto
}

.footLeft {
	width: 735px;
	overflow: hidden;
	float: left
}

.footLeft .zcLinks {
	line-height: 16px;
	padding: 36px 0
}

.footLeft .zcLinks a {
	padding-right: 12px;
	margin-right: 12px;
	border-right: 1px solid #999;
	display: inline-block;
	line-height: 16px
}

.footLeft .friLink p {
	line-height: 18px;
	margin: 14px 0 10px;
	background: url(http://zhongce.sina.com.cn/static/images/fline.png) 90px center no-repeat;
	font-weight: bold
}

.footLeft .friLink a {
	padding-right: 20px;
	display: block;
	margin-right: 54px;
	line-height: 30px;
	float: left
}

.footRight p {
	float: right;
	width: 112px;
	text-align: center
}

.footRight p span {
	display: block;
	line-height: 70px
}

.footRight p img {
	display: block
}

.footRight p a {
	display: block;
	width: 112px;
	height: 112px;
	text-indent: -300px;
	overflow: hidden;
	background: url(http://zhongce.sina.com.cn/static/images/fWeibo.png) no-repeat
}

.footRight p a:hover {
	background-position: 0 -113px
}

.footRight .weibo {
	margin-left: 50px
}

.zcCopy {
	width: 100%;
	line-height: 52px;
	text-align: center;
	font-size: 14px;
	color: #666;
	padding-top: 32px
}

a.common-btn1 {
	display: block;
	width: 128px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border-radius: 4px;
	background: #FFC14A;
	color: #fff;
	font-size: 16px
}

a.common-btn2,span.common-btn2 {
	display: block;
	width: 174px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	background: #FFC14A;
	color: #fff;
	font-size: 20px;
	border-radius: 6px
}

span.common-btn2 {
	background: #787878
}

a.common-btn1:visited,a.common-btn1:hover,a.common-btn2:visited,a.common-btn2:hover {
	color: #fff
}

.zcFace {
	width: 100%;	
	min-width: 1180px
}

.zcFaceWrap {
	width: 1180px;
	margin: 0 auto;
	padding: 24px;
	position: relative;
	background: #fff;
	margin-top: 20px;
	padding:20px;
	box-sizing: border-box;	
	border-radius: 8px;
}

.zcFaceWrap .date {
	position: absolute;
	right: 24px;
	top: 24px;
	width: 60px;
	height: 60px;
	display: block
}

.zcFaceWrap .faceImg {
	float: left;
	display: block;
	width: 579px;
	height: 290px;
	/* margin-right: 20px; */
	position: relative
}

.zcFaceWrap .faceImg img {
	display: block;
	width: 100%;
	height: 100%
}

.zcFaceWrap .faceImg span {
	display: block
}

.zcFaceWrap .faceImg .msk {
	position: absolute;
	width: 729px;
	height: 155px;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#7F000000,endColorStr=#7F000000)
}

.zcFaceWrap .faceImg .txt {
	position: absolute;
	width: 637px;
	left: 46px;
	top: 332px;
	color: #fff;
	z-index: 10
}

.zcFaceWrap .faceImg .tit {
	font-size: 22px;
	line-height: 26px;
	margin-top: 28px;
	color: #fff
}

.zcFaceWrap .faceImg .info {
	font-size: 16px;
	line-height: 30px;
	max-height: 60px;
	overflow: hidden;
	margin-top: 16px;
	color: #e5e4e4
}

.zcFaceWrap .faceRight {
	float: left;
	width: 538px;
	height: 290px;
	text-align: center;
	position: relative;
	z-index: 1;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	margin-left: 22px;
}
.btn_join{
	width: 538px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	background: #FFC14A;
	border-radius: 8px;
	font-size: 26px;
	color: #FFFFFF!important;
	letter-spacing: 0;
}
.task_intro{
	font-family: PingFangSC-Medium;
	font-size: 16px;
	color: #787878;
	letter-spacing: 0;
	line-height: 28px;
	text-align: left;
}
.task_title{
	font-family: PingFangSC-Semibold;
font-size: 24px;
color: #3D464B;
letter-spacing: 0;
}
.faceRightTop{
	width: 100%;
	height: 60px;
	display: flex;
	flex-direction:row;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #D8D8D8;
}
.top-left{
	font-family: PingFangSC-Medium;
	font-size: 20px;
	color: #3D464B;
	letter-spacing: 0;
}
.top-right{
	font-family: PingFangSC-Medium;
	font-size: 16px;
	color: #3D464B;
	letter-spacing: 0;
	text-align: right;
}
.apply-num{
	font-family: PingFangSC-Medium;
font-size: 20px;
color: #FFC14A;
letter-spacing: 0;
text-align: right;
line-height: 22px;
}
.zcFaceWrap .faceRight .faceRightW {
	width: 280px;
	margin: 0 auto
}

.zcFaceWrap .faceRight .zcDate {
	position: absolute;
	top: 0;
	right: 0
}

/* .zcFaceWrap .faceRight h2 {
	font-size: 26px;
	width: 380px;
	overflow: hidden;
	margin: 40px auto 22px;
	font-weight: normal;
	line-height: 40px;
	color: #444;
	height: 40px
} */

.zcFaceWrap .faceRight h2 span {
	color: #FFC14A;
	padding-left: 45px;
	background: url(http://n.sinaimg.cn/tech/zcapp2018/topic.png) 0 0 no-repeat;
	display: inline-block
}

.faceRightW .p1 {
	line-height: 30px;
	font-size: 22px;
	margin: 28px 0 26px
}

.faceRightW .p1 em {
	color: #FFC14A;
	padding: 0 2px
}

.faceDetail {
	width: 280px;
	padding: 25px 0 10px;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8
}

.faceDetail p {
	line-height: 24px;
	margin-bottom: 16px;
	color: #787878
}

.faceDetail .p1 {
	margin: 0 0 16px 0;
	line-height: 30px
}

.faceDetail .p2 {
	font-size: 16px
}

.faceDetail .p2 em {
	color: #FFC14A
}

.faceRight .faceBtn {
	color: #fff;
	font-size: 26px;
	display: block;
	width: 280px;
	margin: 0 auto;
	line-height: 66px;
	height: 66px;
	background: #FFC14A;
	border-radius: 4px
}

.faceRight .faceBtn:hover {
	background: #F2AF2F
}

.faceRight .unclick {
	background: #bac1c5;
	cursor: default
}

.faceRight .unclick:hover {
	background: #bac1c5
}

.faceRight .view {
	background: #435762
}

.faceRight .view:hover {
	background: #394b55
}

.faceRight .faceTime {
	font-size: 18px;
	color: #787878;
	margin-top: 26px;
	width: 380px;
	height: 30px;
	line-height: 30px;
	overflow: hidden
}

.faceRight .faceTime em {
	font-size: 24px;
	color: #FFC14A
}

.zcLR {
	width: 1180px;
	margin: 20px auto 80px
}

.zcLeft {
	float: left;
	width: 780px;
	background: #fff;
	float: left;
	position: relative;
	padding-top: 55px
}

.zcLeft .zcTab {
	height: 54px;
	width: 750px;
	line-height: 54px;
	border-bottom: 1px solid #e8e8e8;
	padding-left: 30px;
	background: #fff;
	z-index: 10;
	border-radius: 6px 6px 0 0
}

.zcLeft .zcTabMask {
	width: 750px;
	height: 55px;
	float: left;
	top: 0;
	left: 0;
	z-index: -1
}

.zcLeft .zcTab a {
	font-size: 18px;
	color: #444;
	padding: 14px 0;
	margin-right: 26px
}

.zcLeft .zcTab a:hover {
	color: #E78400;
	border-bottom: 3px solid #FFC14A
}

.zcLeft .zcTab .selected {
	color: #FFC14A;
	border-bottom: 3px solid #FFC14A
}

.zcLeft .zcTabDiv {
	background: #fff;
	z-index: 100;
	height: 54px;
	line-height: 54px;
	position: absolute;
	top: 0;
	border-radius: 6px 6px 0 0
}

.zcLeft .zcApplyBtn {
	display: none;
	position: absolute;
	width: 100px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	background: #FFC14A;
	text-align: center;
	font-size: 18px;
	top: 9px;
	right: 30px
}

.zcLeft .zcFixedTab {
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1),-1px 1px 1px rgba(0,0,0,0.1);
	top: 0;
	position: fixed
}

.zcLeft .zcLBox {
	margin: 40px 30px 10px 30px
}

.zcLeft .ztitle {
	font-size: 20px;
	font-weight: normal;
	padding-left: 10px;
	border-left: 5px solid #FFC14A;
	height: 22px;
	line-height: 22px;
	color: #444
}

.zcLeft .ztitle em {
	font-size: 14px
}

.zcLeft .ztitle span {
	font-size: 14px;
	color: #444;
	padding-left: 22px
}

.task_sub {
	position: relative
}

.sub_tab {		
	position: relative;
	margin-top: 20px;
}

.sub_tab a {
	display: inline-block;
	width: 71px;
	height: 34px;
	border: 1px solid #CECECE;
	border-radius: 17px;
	font-size: 12px;
	color: #787878;
	margin-left: 6px;
	line-height: 34px;
	text-align: center
}

.sub_tab a:hover,.sub_tab a.selected {
	background: #FFC14A;
	color: #fff;
	border: none;
	padding: 1px
}

.pwrap {
	position: relative
}

.pwrap .pitem {
	padding-bottom: 25px;
	border-bottom: 1px dashed #e8e8e8;
	margin-top: 30px
}

.pwrap .pitem .phead {
	float: left;
	display: block;
	width: 104px;
	text-align: center;
	margin-right: 10px;
	margin-top: 4px;
	position: relative
}

.pwrap .pitem .phead img {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: block;
	margin: 0 auto
}

.pwrap .pitem .phead span {
	display: block;
	margin-top: 20px;
	width: 104px
}

.pwrap .pitem .phead em {
	display: block;
	width: 22px;
	height: 22px;
	position: absolute;
	background: url(../images/zc_verify1.png) no-repeat;
	left: 62px;
	top: 42px
}

.pwrap .pitem .pcon {
	float: left;
	width: 606px;
	overflow: hidden
}
.pwrap .pcon h3 a{
	font-weight: bold;
}
.pwrap .pcon h3 {
	/* position: relative;
	margin: 8px 0;
	text-indent: 10px;
	height: 34px;
	width: 606px;
	line-height: 34px;
	background: #f2f3f4;
	font-size: 18px; */
	overflow: hidden;
	padding-left: 10px;
	margin: 10px 0;
	font-family: PingFangSC-Semibold;
	font-size: 20px;
	color: #3D464B;
	letter-spacing: 0;
}

.pwrap .pitem .pcon a:hover {
	color: #444
}
.pwrap .pcon .tgood{
	position: relative;
}
.pwrap .pcon .tgood:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 72px;
	height: 32px;
	top: 50%;
	margin-top: -16px;
	background: url("../images/essence.png?v=2") 8px -144px no-repeat
}

.pwrap .pitem .pcon p {	
	margin: 16px 0 20px;
	max-height: 52px;
	overflow: hidden;
	padding-left: 10px;
	font-size: 16px;
	color: #3D464B;
	letter-spacing: 0;
	line-height: 26px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;    
}

.pwrap .pitem .pcon .pic {
	width: 606px;
	height: 120px;
	overflow: hidden;
	padding-left: 10px
}

.pwrap .pitem .pcon .pic img {
	margin-right: 10px;
	float: left
}

.pwrap .pcon .tag {
	position: relative;
	margin-top: 14px;
	line-height: 26px;
	height: 26px;
	font-size: 14px
}

.pitem .pcon .tag,.pitem .act a {
	font-size: 14px;
	color: #787878
}

.pitem .pcon .tag .time {
	float: left;
	padding-left: 10px;
	letter-spacing: 1px;
	font-size: 12px;
	color: #aaaaaa;
}

.pitem .pcon .tag .act {
	float: right;
	line-height: 22px
}

.sharetool {
	display: none;
	position: absolute;
	right: 0px;
	bottom: 25px;
	width: 125px;
	height: 38px;
	background: #f2f3f4
}

.sharetool a {
	display: block;
	float: left;
	width: 40px;
	height: 38px;
	background: url("../images/page_tags.png") no-repeat
}

.sharetool .weibo {
	background: url('http://n.sinaimg.cn/tech/zcapp2018/s_weibo1.png') no-repeat 50%;
}

.sharetool .weixin {
	background: url('http://n.sinaimg.cn/tech/zcapp2018/s_weixin1.png') no-repeat 50%;
}

.sharetool .qzone {
	background: url('http://n.sinaimg.cn/tech/zcapp2018/s_qzone1.png') no-repeat 50%;
}

.sharetool .weibo:hover {
	background: url('http://n.sinaimg.cn/tech/zcapp2018/s_weibo_hover1.png') no-repeat 50%;
}

.sharetool .weixin:hover {
	background: url('http://n.sinaimg.cn/tech/zcapp2018/s_weixin_hover1.png') no-repeat 50%;
}

.sharetool .qzone:hover {
	background: url('http://n.sinaimg.cn/tech/zcapp2018/s_qzone_hover1.png') no-repeat 50%;
}

.tagshare .sharetool {
	display: block
}

.pitem .act a {
	float: left;
	display: block;
	padding-left: 20px;
	background: url("../images/page_tags.png") no-repeat;
	height: 26px;
	line-height: 26px
}

.pitem .act span {
	display: block;
	float: left;
	margin: 5px 15px 0;
	width: 1px;
	height: 15px;
	overflow: hidden;
	text-indent: 100px;
	border-left: 1px solid #f2f3f4
}

.pitem .act a:hover {
	color: #E78400
}

.pitem .act .comment {
	background: url('http://n.sinaimg.cn/tech/zcapp2018/s_cmt.png') no-repeat left
}

.pitem .act .comment:hover {
	background: url('http://n.sinaimg.cn/tech/zcapp2018/s_cmt_hover.png') no-repeat left;
}

.pitem .act .taskzan {
	background: url('http://n.sinaimg.cn/tech/zcapp2018/s_zan.png') no-repeat left;
}

.pitem .act .taskzan:hover,.pitem .act .taskzan.selected {
	background: url('http://n.sinaimg.cn/tech/zcapp2018/s_zan_hover.png') no-repeat left;
	color: #FFC14A
}

.pitem .act .tshare {
	background: url('http://n.sinaimg.cn/tech/zcapp2018/s_share.png') no-repeat left;
	background-size: contain;
	width: 0px
}

.pitem .act .tshare:hover,.tagshare .act .tshare {
	width: 0px;
	background: url('http://n.sinaimg.cn/tech/zcapp2018/s_share_hover.png') no-repeat left;
	background-size: contain;
}

.pitem .act .tshare:hover .sharetool,.tagshare .act .tshare .sharetool {
	display: block
}

.zcRight {
	float: right;
	width: 380px
}

.zcRight .zcRBox {
	width: 380px;
	/* background: #fff; */
	/* padding: 20px; */
	margin-bottom: 20px
}

.zcRight .zcRBox h3 {
	font-family: PingFangSC-Medium;
	font-size: 20px;
	padding-left: 20px;
	width: 380px;
	height: 52px;
	line-height: 52px;
	color: #3D464B;
	letter-spacing: 0;
	background: #FFFFFF;
	box-sizing: border-box;
}

.zcweixin,.zcweibo {
	float: left;
	width: 112px
}

.zcweixin h3,.zcweibo h3 {
	width: 112px;
	text-align: center
}

.zcweixin {
	margin: 0 25px 10px 33px
}

.zcweibo {
	margin-left: 25px
}

.zcweibo a {
	display: block;
	width: 112px;
	height: 112px;
	text-indent: -300px;
	overflow: hidden;
	background: url(../images/fWeibo.png) no-repeat
}

.zcweibo a:hover {
	background-position: 0 -113px
}

.zcRight .zcRBox .zcImg {
	display: block;
	width: 340px
}

.zcRight .zcRBox .zcImg img {
	display: block;
	width: 340px;
	max-height: 500px;
	border: 1px solid #e8e8e8
}

.zcRight .zcRBox .zcImg span {
	display: block;
	line-height: 22px;
	font-size: 18px;
	padding-top: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center
}

.zcRight .zcRBox .more {
	padding-top: 20px;
	font-size: 14px;
	color: #444;
	text-align: center;
	border-top: 1px dashed #e8e8e8
}

.zcRBox .tasklist {
	margin-bottom: 20px
}

.zcRBox .tasklist li {	
	height: 190px;
	overflow: hidden;
	background-color: #fff;
	margin-top: 20px;
}

.zcRBox .tasklist li a {
	width: 380px;
	height: 190px;
	overflow: hidden;
	background-color: #fff;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-content: center;
}

.zcRBox .tasklist li a img {	
	width: 380px;
	height: 150px;	
}

.zcRBox .tasklist li a span {
	display: block
}
.contactus{
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
}
.zcRight .zcRBox .con-weixin,.zcRight .zcRBox .con-weibo{
	font-size: 18px;
    margin-bottom: 26px;
    color: #444;
    line-height: 22px;
	height: 22px;
	width: 112px;
    text-align: center;
}
.zcRBox .tasklist li a .txt {
	
	width: 380px;
	box-sizing: border-box;
	padding-left: 20px;	
	height: 40px;
	overflow: hidden;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	color: #3D464B;
	letter-spacing: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.zcRBox .tasklist li a .tit {
	line-height: 22px;
	font-size: 16px
}

.zcRBox .tasklist li a .info {
	line-height: 23px;
	font-size: 14px;
	color: #444
}

.task_pro p,.task_pro h2 {
	margin-top: 20px;
	color: #444;
	line-height: 24px
}

.task_pro p {
	font-size: 14px
}

.task_pro h2 {
	font-size: 16px
}

.sina-comment-wrap {
	margin-top: 28px;
	border-top: none
}

.task_list {
	width: 100%;
	position: relative;
	margin-bottom: 80px
}
.tasklist .img-box{
	width: 380px;
	height: 150px;
	overflow: hidden;
}
.tasklist .cover-related {
	transition: all .5s ease-in-out; 
}
  
.tasklist .cover-related:hover {
	transform: scale(1.1); 
}
.task_list_wrap {
	width: 1180px;
	margin: 59px auto 0;
	position: relative;
	transition: all 0.3s;
}

.task_list .task_item {
	width: 580px;
	height: 460px;	
	overflow: hidden;
	position: relative;
	background: #fff;
	margin-bottom: 30px;
	background: #FFFFFF;
	border-radius: 8px;
	float: left;
	display: block;
	transition: all .3s;
}
.task_list .task_item:hover{
	background: #FFFFFF;
	box-shadow: 4px 4px 10px 0 rgba(0,0,0,.2);
    -webkit-transform: translate(-4px,-4px);
    transform: translate(-4px,-4px);
}
.task_list .marginleft {
	margin-left: 20px;
}
.task_item .photo {
	width: 580px;
	height: 290px;
	position: relative;
	float: left
}

.task_item .photo .pic {
	width: 100%;
	height: 100%;
	display: block
}

.task_item .date {
	position: absolute;
	right: 17px;
	top: 17px;
	width: 60px;
	height: 60px;
	display: block
}

.task_item .con {
	margin-right: 30px;
	margin-left: 30px;
	float: left;	
	position: relative
}

.task_item .con .tit {
	font-size: 20px;
	color: #444;
	line-height: 30px;
	margin: 22px 0 11px;
	font-weight: bold;
	height: 30px;
	overflow: hidden
}

.task_item .con .info {
	font-size: 16px;
	color: #444;
	line-height: 32px;
	overflow: hidden;
	height: 96px;
	width: 100%
}

.task_item .con .info a {
	color: #999999;
}

.task_item .con .info a:hover {
	color: #E78400
}

.task_item .tname {
	position: relative;
	border-top: 1px solid #eee;
	padding-top: 12px;
	margin-top: 26px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.task_item .pname {
	font-size: 20px;
	color: #787878;
	line-height: 42px
}

.task_item .pprice {
	font-size: 16px;
	color: #787878;
	line-height: 26px
}

.task_item .pprice em {
	color: #FFC14A
}

.task_item .pprice span {
	float: right
}

.task_item .btn {
	width: 290px;
	float: right;
	text-align: center;
	position: relative
}

.task_item .btn p {
	line-height: 22px;
	margin-bottom: 46px;
	font-size: 16px;
	color: #787878
}

.task_item .btn p em {
	color: #FFC14A
}

.task_item .btn .tit {
	font-size: 22px;
	color: #444;
	margin: 30px 0 47px;
	height: 30px;
	line-height: 30px
}

.task_item .btn .tit span {
	font-size: 26px;
	color: #FFC14A
}

.task_item .btn a {
	display: block;
	width: 280px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 26px;
	color: #fff;
	background: #FFC14A;
	border-radius: 4px;
	margin: 0 auto
}

.task_item .btn a:hover {
	background: #F2AF2F
}

.task_item .btn .unclick {
	background: #bac1c5;
	cursor: default
}

.task_item .btn .unclick:hover {
	background: #bac1c5
}

.task_item .btn .view {
	background: #435762
}

.task_item .btn .view:hover {
	background: #394b55
}

.myInvite {
	position: relative;
	width: 530px;
	margin: 76px auto 0
}

.myInvite h2 {
	font-size: 23px;
	line-height: 28px;
	text-align: center;
	margin-bottom: 26px
}

.myInvite h2 span {
	color: #FFC14A;
	font-size: 28px
}

.myInvite .box {
	position: relative;
	margin-bottom: 28px
}

.myInvite .box .tit {
	font-size: 17px;
	line-height: 45px
}

.myInvite .box .links {
	position: relative;
	height: 40px;
	overflow: hidden
}

.myInvite .box .links input {
	border: none;
	float: left;
	display: block;
	line-height: 38px;
	height: 38px;
	width: 426px;
	border: 1px solid #dde3eb;
	font-size: 17px;
	color: #b7b7b7;
	text-indent: 10px;
	overflow: hidden
}

.myInvite .box .links a {
	margin-left: -1px;
	display: block;
	width: 102px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #FFC14A;
	float: left
}

.myInvite .box .wx {
	margin: 0 auto;
	width: 190px;
	height: 190px;
	position: relative;
	overflow: hidden
}

.myInvite .box .wx img {
	width: 190px;
	height: 190px
}

.myInvite .box .txt {
	text-align: center;
	font-size: 15px;
	line-height: 50px
}

.myInvite .box .txt span {
	color: #FFC14A
}

.invitePage {
	width: 1180px;
	text-align: center;
	margin: 40px auto 80px;
	padding: 168px 0 278px;
	background: url(../images/inviteBg.png) right bottom no-repeat
}

.invitePage .me_portrait_w {
	margin: 0 auto
}

.invitePage p {
	line-height: 70px;
	font-size: 22px
}

.invitePage p a,.invitePage p span {
	color: #FFC14A
}

.invitePage .btn {
	display: block;
	width: 190px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #FFC14A;
	color: #fff;
	font-size: 18px;
	margin: 15px auto 0
}

.zcPageDiv {
	text-align: center;
	margin: 30px 0
}

.zcPageDiv .page_num {
	display: inline-block;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #444;
	background: #f8f8f8;
	border: 1px solid #dbdbdb;
	margin-right: 4px
}

.zcPageDiv .page_num:hover {
	color: #fff;
	background: #a8a8a8
}

.zcPageDiv .page_num_select {
	color: #fff;
	background: #a8a8a8;
	cursor: default
}

.zcPageDiv .btn {
	width: 60px
}

.zcPageDiv .unclick {
	background: #fff;
	border: 1px solid #e8e8e8;
	color: #c4c4c4
}

.zcPageDiv .unclick:hover {
	cursor: default;
	background: #fff;
	color: #c4c4c4
}

.taskMsgBox {
	padding: 20px 0;
	font-size: 18px;
	color: #fff;
	z-index: 10000;
	background: rgba(0,0,0,0.7);
	position: fixed;
	left: 50%;
	top: 200px;
	text-align: center;
	line-height: 28px;
	width: 390px;
	margin-left: -195px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#B2000000,endColorStr=#B2000000)
}

a.u_rule,a.u_rule:visited {
	color: #FFC14A
}

a.u_rule:hover {
	color: #4384ad
}

.notask {
	font-size: 16px;
	line-height: 30px;
	margin-top: 10px;
	text-align: center
}

.boxborder {
	box-shadow: 0 2px 3px 0 #ccc
}

.artMain {
	padding: 20px 0 65px;
	width: 100%;
	background: #f1f1f1
}

.artWrap {
	width: 1180px;
	margin: 0 auto
}

.artMain .artLeft {
	width: 836px;
	float: left;
	position: relative;
	overflow: hidden
}

.artMain .artRight {
	width: 326px;
	float: right;
	position: relative
}

.artScroll {
	width: 836px;
	height: 370px;
	margin: 0 auto
}

a.artTxt {
	position: absolute;
	bottom: 0;
	display: block;
	width: 525px;
	height: 73px;
	padding: 12px 15px;
	background: rgba(4,4,4,0.4);
	color: #fff
}

.artScroll a,.artScroll a:visited,.artScroll a:hover {
	color: #fff
}

.artBox {
	position: relative;
	width: 100%
}

.artBox .kind {
	display: block;
	width: 44px;
	padding-left: 10px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	line-height: 24px;
	position: absolute;
	top: 0;
	color: #fff;
	left: 0
}

.artBox .kind1 {
	background-color: rgb(138, 197, 255);
}

.artBox .kind2 {
	background-color: rgb(255, 155, 155);
}

.artBox .kind3 {
	background-color: rgb(255, 170, 42);
}

.artTxt span {
	display: block;
	font-size: 20px;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.artTxt .essence1,.artTxt .essence2 {
	background: url(../images/essence.png?v=2) 0 5px no-repeat;
	text-indent: 75px
}

.artTxt .essence2 {
	background-position: 0 -45px
}

.artScroll .artR {
	float: right;
	width: 275px;
	overflow: hidden
}

.artR img {
	display: block;
	width: 275px;
	height: 183px
}

.artR li {
	position: relative;
	width: 275px;
	height: 183px
}

.artR li:first-child {
	margin-bottom: 4px
}

.artR li a:first-child {
	display: block;
	width: 275px;
	height: 183px;
	position: relative
}

.artR li a:last-child {
	position: absolute;
	bottom: 0;
	display: block;
	width: 259px;
	height: 54px;
	padding: 4px 8px;
	background: rgba(4,4,4,0.4)
}

.artR li .txt {
	display: block;
	margin: 4px 0;
	line-height: 24px
}

.artR li .essence1,.artR li .essence2 {
	background: url("../images/essence.png?v=2") 0 -97px no-repeat;
	text-indent: 60px
}

.artR li .essence2 {
	background-position: 0 -149px
}

.artScroll .artL {
	width: 555px;
	position: relative
}

.artSlider {
	position: relative;
	width: 555px;
	height: 370px;
	overflow: hidden
}

.slider_item {
	float: left;
	width: 555px;
	height: 370px;
	-webkit-transform: translate3d(0, 0, 0)
}

.slider_item .artBox {
	display: block;
	width: 555px;
	height: 370px;
	position: relative
}

.slider_item a img {
	display: block;
	width: 555px;
	height: 370px
}

.artArr {
	position: relative;
	width: 100%;
	z-index: 10
}

.artArr a {
	position: absolute;
	display: block;
	width: 35px;
	height: 35px;
	top: 160px;
	background: url(../images/task/artArr.png) no-repeat
}

.artArr .slider_prev {
	left: 15px
}

.artArr .slider_next {
	right: 15px;
	background-position: 0 -36px
}

.slider_dot {
	position: absolute;
	bottom: 15px;
	right: 22px;
	width: 500;
	height: 20px;
	font-size: 0px;
	text-align: right
}

.slider_dot span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: url("../images/pc-dot.png?v={=$vPcCss=}") center 0 no-repeat;
	width: 20px;
	height: 20px;
	cursor: pointer;
	border-radius: 50%
}

.slider_dot .cur {
	background-position: center -50px
}

.artList {
	position: relative;
	margin: 24px 0 30px;
	width: 834px
}

.artListTab {
	line-height: 34px;
	position: relative;
	width: 100%;
	text-align: left
}

.artListTab .tab1 {
	font-size: 14px;
	color: #FFC14A
}

.artListTab .tab1 a {
	font-size: 18px;
	display: inline-block;
	color: #787878;
	padding: 0 10px
}

.artListTab .tab1 .all {
	font-size: 22px;
	height: 34px;
	color: #444;
	padding-left: 0
}

.artListTab .tab1 a:hover,.artListTab .tab1 a.selected {
	color: #E78400
}

.artListTab .tab2 {
	position: absolute;
	right: 4px
}

.artListTab .tab2 a {
	display: inline-block;
	width: 42px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	font-size: 13px;
	margin-left: 6px
}

.artListTab .tab2 a:hover,.artListTab .tab2 a.selected {
	border-color: #FFC14A;
	background: #FFC14A;
	color: #fff
}

.artListCon {
	margin-top: 24px;
	width: 836px;
	overflow: hidden;
	position: relative
}

.artListCon ul {
	margin-right: -16px;
	position: relative
}

.artListCon ul li {
	float: left;
	width: 268px;
	position: relative;
	background-color: #fff;
	margin-right: 16px;
	margin-bottom: 15px
}

.artListCon .pic {
	position: relative;
	display: block;
	overflow: hidden
}

.artListCon .pic img {
	display: block;
	height: 179px;
	vertical-align: middle;
	margin: 0 auto
}

.artListCon .essence {
	display: block;
	font-size: 16px;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	margin: 6px 8px 0
}

.artListCon .essence1,.artListCon .essence2 {
	text-indent: 60px;
	background: url("../images/essence.png?v=2") 0 -95px no-repeat
}

.artListCon .essence2 {
	background-position: 0 -148px
}

.artListCon .author {
	line-height: 30px;
	height: 30px;
	padding: 10px 15px 16px 12px;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #787878
}

.artListCon .author .time {
	float: right
}

.artListCon .author a {
	display: block;
	width: 190px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	color: #787878
}

.artListCon .author a:hover {
	color: #E78400
}

.artListCon .author a img {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 8px;
	float: left
}

.artListCon .author a span {
	float: left;
	max-width: 120px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.viewTitle .tags .author em,.artListCon .author a em {
	float: left;
	width: 22px;
	height: 30px;
	margin-left: 4px;
}
.viewTitle .tags .author em,.artListCon .author a em.rank1 {
	background: url("/images/icons/icon-rank1.png") 0 50% no-repeat;
	background-size: 18px auto;
}

.viewTitle .tags .author em,.artListCon .author a em.rank2 {
	background: url("/images/icons/icon-rank2.png") 0 50% no-repeat;
	background-size: 18px auto;
}

.viewTitle .tags .author em,.artListCon .author a em.rank3 {
	background: url("/images/icons/icon-rank3.png") 0 50% no-repeat;
	background-size: 18px auto;
}

.artListCon .zcPageDiv {
	margin-top: 30px
}

.artListCon .zcPageDiv .page_num {
	border-color: #d2d2d2;
	background: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 14px
}

.artListCon .zcPageDiv .page_num:hover,.artListCon .zcPageDiv .page_num_select {
	background: #a8a8a8
}

.artListCon .zcPageDiv .btn {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center
}

.artListCon .zcPageDiv .btn:hover {
	background: #fff
}

.artListCon .zcPageDiv .btn img {
	vertical-align: middle
}

.articleBtn {
	position: relative;
	width: 325px;
	height: 64px;
	border-radius: 4px;
	background: #FFC14A
}

.articleBtn a {
	display: block;
	width: 325px;
	height: 64px;
	overflow: hidden;
	line-height: 200px;
	background: url("../images/artButton.png") center center no-repeat
}

.articleBtn a:hover {
	color: #fff
}

.t_v_r .articleBtn {
	width: 380px
}

.artRank {
	position: relative;
	width: 285px;
	background: #fff;
	padding: 15px 18px 0;
	margin: 20px auto 0
}

.artRank h2 {
	margin-bottom: 25px;
	line-height: 28px;
	width: 285px;
	position: relative;
	font-size: 18px
}

.artRank .zc_v {
	background: url(../images/zc_verify2.png) 66px center no-repeat
}

.artRank .zc_v a {
	float: right;
	font-size: 14px;
	font-weight: normal
}

.artRank .zc_v a:hover {
	color: #444
}

.artRank h2 span {
	display: inline-block;
	position: absolute;
	top: 2px;
	right: 0px;
	font-size: 14px
}

.artRank h2 a {
	color: #444
}

.artRank h2 a:hover,.artRank h2 a.selected {
	color: #E78400
}

.artRank h2 em {
	padding: 0 4px
}

.artRank li {
	line-height: 30px;
	padding-bottom: 20px;
	font-size: 14px
}

.artRank li a,.artRank li img,.artRank li span {
	display: block;
	height: 30px;
	float: left
}

.artRank li .name {
	line-height: 30px;
	max-width: 86px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.artRank li .num {
	width: 30px;
	text-align: left
}

.artRank li a img {
	height: 30px;
	border-radius: 50%;
	margin-right: 10px
}

.artRank li a em {
	float: left;
	width: 22px;
	height: 30px;
	background: url(../images/zc_verify2.png) 6px center no-repeat
}

.artRank li .honor {
	float: right
}

.artRank li a,.artRank li .honor,.artRank li a:hover {
	color: #787878
}

.artRank .r1 a,.artRank .r1 .honor,.artRank .r1 a:hover {
	color: #E78400
}

.artRank .r2 a,.artRank .r2 .honor,.artRank .r2 a:hover,.artRank .r3 a,.artRank .r3 .honor,.artRank .r3 a:hover {
	color: #444
}

.artRank li .honor em {
	padding-left: 14px;
	background: url(../images/task/artUpArr.png) 0 -77px no-repeat
}

.artRank .r1 .honor em {
	background-position: 0 3px
}

.artRank .r2 .honor em,.artRank .r3 .honor em {
	background-position: 0 -37px
}

.t_v_r .zBox {
	background: #fff;
	width: 340px;
	padding: 20px
}

.t_v_r .zBox .title {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 26px
}

.t_v_r .zBox .other {
	margin-bottom: -10px
}

.t_v_r .zBox .otherBox {
	margin-bottom: 30px
}

.t_v_r .zBox .otherBox .img2 {
	display: block;
	width: 120px;
	height: 80px;
	float: left;
	margin-right: 20px
}

.t_v_r .zBox .otherBox .otherR {
	float: left;
	position: relative;
	height: 80px
}

.t_v_r .zBox .otherBox .otherR p {
	width: 200px;
	height: 42px;
	overflow: hidden;
	word-wrap: break-word;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 8px
}

.t_v_r .zBox .otherBox .otherR .author {
	display: block;
	width: 145px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #444;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.t_v_r .zBox .otherBox .otherR .author img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 6px;
	float: left
}

.t_v_r .zBox .otherBox .otherR .author span {
	max-width: 84px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float: left
}

.t_v_r .zBox .otherBox .otherR .tags {
	width: 200px;
	overflow: hidden;
	line-height: 30px
}

.t_v_r .zBox .otherBox .otherR .tags .t {
	float: right
}

.t_v_r .zBox .otherBox .otherR .author em {
	float: left;
	width: 22px;
	height: 30px;
	background: url(../images/zc_verify2.png) 6px center no-repeat
}

.destroy {
	opacity: 0;
	padding-top: 0;
	padding-bottom: 0;
	height: 0;
	margin-bottom: 0
}

.footer {
	width: 100%;
	border-top: 1px solid #d4d4d4;
	color: #444;
	font-size: 14px
}

.footer a,.footer a:visited {
	color: #444;
	font-size: 14px
}

.footer a:hover {
	color: #E78400;
	text-decoration: underline
}

.footerWrap {
	width: 1180px;
	margin: 0 auto
}

.footLeft {
	width: 735px;
	overflow: hidden;
	float: left
}

.footLeft .zcLinks {
	line-height: 16px;
	padding: 36px 0
}

.footLeft .zcLinks a {
	padding-right: 12px;
	margin-right: 12px;
	border-right: 1px solid #787878;
	display: inline-block;
	line-height: 16px
}

.footLeft .friLink p {
	line-height: 18px;
	margin: 14px 0 10px;
	background: url(../images/fline.png) 90px center no-repeat;
	font-weight: bold
}

.footLeft .friLink a {
	padding-right: 20px;
	display: block;
	margin-right: 54px;
	line-height: 30px;
	float: left
}

.footRight p {
	float: right;
	width: 112px;
	text-align: center
}

.footRight p span {
	display: block;
	line-height: 70px
}

.footRight p img {
	display: block
}

.footRight p a {
	display: block;
	width: 112px;
	height: 112px;
	text-indent: -300px;
	overflow: hidden;
	background: url(../images/fWeibo.png) no-repeat
}

.footRight p a:hover {
	background-position: 0 -113px
}

.footRight .weibo {
	margin-left: 50px
}

.zcCopy {
	width: 100%;
	line-height: 52px;
	text-align: center;
	font-size: 14px;
	color: #444;
	padding-top: 32px
}

.zcFixBtn {
	position: fixed;
	left: 50%;
	margin-left: 600px;
	bottom: 180px;
	width: 64px;
	z-index: 900
}

.zcFixBtn a {
	width: 64px;
	height: 64px;
	background: url(../images/zcTag.png) no-repeat
}

.zcFixBtn .zcTop {
	display: block;
	margin-top: 20px;
	background: url("/static/images/content_zcs.png") 0 -130px no-repeat
}

.zcFixBtn .zcTop:hover {
	background-position: -83px -130px
}

.zcFixBtn .zcComment {
	display: block;
	margin-top: 20px;
	background-position: -204px -335px
}

.zcFixBtn .zcComment:hover {
	background-position: -297px -335px
}

.zcFixBtn .bdsharebuttonbox .bds_more {
	display: block;
	width: 64px;
	height: 64px;
	background-position: -204px -251px
}

.zcFixBtn .bdsharebuttonbox .bds_more:hover {
	background-position: -297px -251px
}

.zcFixBtn .survey {
	display: block;
	overflow: hidden;
	line-height: 500px;
	margin-top: 20px;
	background: url("../images/survey.png") 0 0 no-repeat
}

.zcFixBtn .survey:hover {
	background-position: -83px 0
}

.recommend_apply {
	width: 286px;
	height: 50px;
	text-align: center;
	margin: 0 auto;
	border-top: 1px solid #e8ecf2
}

.recommend_apply a {
	height: 50px;
	line-height: 50px;
	color: #FFC14A;
	font-size: 16px
}

.recommend_apply a:visited,.recommend_apply a:hover {
	color: #E78400
}

.triangle {
	width: 0px;
	height: 0px;
	border-width: 30px;
	border-style: solid;
 /*定义的是实现边框*/
	border-color: #FFC14A #FFC14A transparent  transparent;
	position: absolute;
	top: 17px;
	right: 17px;
}

.qi_num {
	word-break: keep-all;
	white-space: nowrap;
	transform: rotate(45deg) translate(-24px,-1px);
	color: #fff;
	display: inline-block;
}
.totals{
	opacity: 0.8;
	background: #3D464B;
	border-radius: 3.29px;
	width: 92px;
	height: 65.7px;
	position: absolute;
	top: 26.3px;
	right: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.totals p{
	font-family: PingFangSC-Regular;
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: justify;
	line-height: 19.72px;
	margin-bottom: 6px;
	display: inline-block;
}
.totals p.totals-info{
	margin-bottom: 0;
}

.collections{
	width: 1180px;
	height: 190px;	
	margin: 30px auto 0;
	position: relative;
}
.swiper-inner-box{
	height: 190px;	
	border-radius: 20px;	
	position: relative;	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;	
	box-shadow: 4px 4px 10px 0 rgba(0,0,0,.8);	
}
.swiper-arrow{
	width: 380px;
	height: 13px;
	position: absolute;
    bottom: 0;
    z-index: 20;
	display: none;
}
.activity-swiper .swiper-arrow{
	display: block;
}
.collections .swiper-slide{	
	height: 218px;	
}
.collections .swiper-inner-box:hover{
	transition: all .3s;
	background: rgba(61,70,74,0.6);
}
.activity-swiper .swiper-inner-box{
	transition: all .3s;
	background: rgba(61,70,74,0.6);
}
.collections .swiper-slide .collect-item-img{	
	width: 100%;
	height: 190px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 20px;
	z-index: -2;
}
.collections .swiper-slide .collect-item-title{
	padding: 0 20px;
	line-height: 50px;
	text-align: center;	
	background: rgba(255, 255, 255, 0.2);
	border-radius: 28.98px;
	font-family: PingFangSC-Semibold;
	font-size: 26px;
	color: #FFFFFF;
	letter-spacing: 0;	
}
.collections .swiper-slide .collect-item-desc{
	margin-top: 24px;
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	padding: 2px 12px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 16.89px;
}

#collections .swiper-button-next{
	background-image: url("/images/right_arrow.png");
	width: 60px!important;
	height: 60px!important;
	z-index: 9999;
}

#collections .swiper-button-prev{
	z-index: 9999;
	background-image: url("/images/left_arrow.png");
	width: 60px!important;
	height: 60px!important;
}

#collections .swiper-button-next:hover{
	z-index: 9999;
	background-image: url("/images/right_arrow_hover.png");
	width: 60px!important;
	height: 60px!important;
}

#collections .swiper-button-prev:hover{
	z-index: 9999;
	background-image: url("/images/left_arrow_hover.png");
	width: 60px!important;
	height: 60px!important;
}
.collect,.iscollect{
	width: 26px;
	height: 26px;	
	float: left;
	display: inline-block;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.collect .collect-report-img{
	width: 16px;
	height: 16px;
	background: url('/images/collect.png') no-repeat;
}
.collect:hover .collect-report-img{	
	background: url('/images/collect_hover.png') no-repeat;
}
.iscollect .collect-report-img{
	width: 16px;
	height: 16px;
	background: url('/images/collected.png') no-repeat;
}
#zcTabApply{
	text-align: center;
    font-size: 16px!important;
    float: right;
    background: #FFC14A;
    border-radius: 17px;
    width: 100px;
    height: 34px;
    padding: 0!important;;
    color: #fff!important;
    line-height: 34px;
	margin-top: 10px;
	margin-right: 30px;
	cursor: pointer;
	display: none;
}
#zcTabApply:hover{
	border-bottom: none;
}

.cover-related{
	width: 100%;
	height: 150px;
	background-size: cover;
	background-position: center;
}
.tag_task{
	position: absolute;
    bottom: 20px;
    height: 65px;
    width: 65px;
    border-radius: 50%;
    background: #ffc14a;
    /* line-height: 80px; */
    /* text-align: center; */
    display: flex;
    flex-direction: row;
    justify-content: center;
	align-items: center;
	transform: rotateZ(-25deg);
	left: 20px;
}
.tag_task_name{
	text-align: center;
    width: 40px;
	margin: 0 auto;
	font-size: 15px;    
}
.tag_task_name:hover{
	color: #444!important;
}