.newest_nav{
	position: fixed;
	width: 100vw;
	height: 70px;
	top: 0;
}
.new_detail{
	margin-top: 70px;
}


.z_a{
	text-align: center;
}
.work_attrs{
	float: left;
}
body, .body-gray{
	background: #fff;
	
}
.work_main{
	border-top: 1px solid #eff3f5;
}
/*详情*/
.new_detail {
	padding-right: 0;
}
/*创建时间*/
.work_tags span.y{
	line-height: 95px;
}
.msg span{
	margin-right: 0;
}
.msg span em.ver_line{
	font-size: 14px;
	margin: 0 15px;
	position: relative;
}
.msg span em.ver_line:after{
	content: "";
	position: absolute;
	height: 12px;
	width: 1px;
	background: #909399;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.xiexia{
	margin: 0 10px;
	position: relative;
}
.xiexia:after{
	content: "/";
	font-size: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.msg span em.slash{
	margin: 0 3px;
}


.msg span .copy_right i{
	margin-top: -1px;
	margin-right: 0;
}
.msg span i{
	color: #909399;
	/*margin-top: -4px;*/
}
.msg span .ll_number,.msg span .sc_number,.msg span .dz_number,.msg span {
	margin-right: 3px;
}
/*分享收藏*/
.work_tags .operate .y1 div.cl{
	width: 115px;
	border-radius: 20px;
}
.work_tags .operate .y1 div.z span {
	    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.work_tags .operate .y1 div.z em,.work_tags .operate a{
	width: 80px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	font-weight: bold;
	color: #303133;
}
.work_tags .operate .y1 div.z .z{
	border: 1px solid rgba(0, 0, 0, 0.1);
	
	color: #303133;
}
.work_tags .operate .y1 div.z span.z{
	margin-left: -1px;
}
.work_tags .operate a{
	border-radius: 20px;
	
}
.work_tags .operate .y1 div.z em{
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
/*.work_tags .operate a{
	border: 1px solid #BFC4CD;
}*/
.work_tags .operate .y1 div.cl.on{
	background: rgba(255, 140, 41, 0);
}
.work_tags .operate .y1 div.cl.on .z i{
	color: #ff8c29;
}
.work_tags .operate .y1 div.cl.on em,.work_tags .operate .y1 div.cl.on .z{
	background: rgba(255, 140, 41, 0.1);
	color: #ff8c29;
	border: 1px solid rgba(255, 140, 41, 0.29);
}
.work_tags .operate .y1 div.cl .z:hover{
	/*background: rgba(255, 140, 41, 0);
	border: 1px solid rgba(255, 140, 41, 1);*/
	color: #ff8c29;
}
.work_tags .operate .y1 div.cl .z:hover i{
	color: #ff8c29;
}
.work_tags .operate .y1 div.cl.on .z:hover{
	border: 1px solid rgba(255, 140, 41, 0.29);
}

/*已收藏状态*/
/*.work_tags .operate .y1 div.cl.on em{
	background: #3d7eff;
	border: 1px solid #3d7eff;
}*/


/*点赞按钮*/
.work_tags .operate .z2{
	width: 160px;
	height: 70px;
	line-height: 70px;
	border-radius: 35px;
	line-height: 18px;
	padding-top: 10px;
	background: #3d7eff;
	color: #ffffff;

}
.work_tags .operate .z2 i{
	color: #ffffff;
}
.work_tags .operate .z2:not(.on):hover{
	background: #3779fc;
}
.work_tags .operate .z2.on i{
	color: #3d7eff;
}
.work_tags .operate .z2.on{
	color: #3d7eff;
	background: #ffffff;
	border: 1px solid rgba(191, 196, 205, .3);
}
.work_tags .operate .z2.on:hover{
	background: rgba(239, 241, 245, 0.5);
	border: 1px solid rgba(239, 241, 245, 0.5);
}


/*.work_tags .operate a:hover{
    background-color: #dce7f7;
}*/
.work_tags .operate a:hover{
	color: #3d7eff;
	/*border: 1px solid #3d7eff;
	background: rgba(0, 0, 0, 0);*/

}
.scrollup a:nth-child(2){
	display: none;
}

/*投票按钮*/
.work_tags .operate .z2.vote-btn{
	background: rgba(255,140,41,0.9);
	border:1px solid rgba(255,140,41,0.9);
	
	margin-left: 20px;
}
.work_tags .operate .z2.vote-btn:hover{
	background: rgba(255,140,41,1);
	border:1px solid rgba(255,140,41,1);
}
.work_tags .operate .vote-btn p{
	line-height: 3.5;
	color: #fff;
}
/*投票按钮不可点击状态*/
.work_tags .operate .z2.vote-btn.on{
	background: #ced7de;
	border:1px solid #ced7de;
}
.work_tags .operate .z2.vote-btn.on:hover{
	background: #ced7de;
	border:1px solid #ced7de;
}

/*底部浮动投票条*/
.vote-bar{

	position: fixed;
	bottom: 0px;
	width: 100%;
	height: .7rem;
	background: #3779fc;
	z-index: 9;
}
.vote-bar .bar_nav{
	display: flex;
	justify-content: space-between;
	color: #fff;
	font-size: .16rem;
	margin-top: .2rem;
}

.vote-bar .vote-bar-btn{
	background: #fff;
	border-radius: .2rem;
	color: #3779fc;
	padding:0.05rem .2rem;
}
.vote-bar.on{
	display: none
}

/*用户信息浮动框和返回顶部*/
.scroll_user{
	position: fixed;
    bottom: 155px;
    right: 60px;
    z-index: 10;
    display: block;
    width: 48px;
}
.scroll_user>div {
    height: 48px;
    width: 48px;
    float: left;
    background-color: rgba(255,255,255,.8);
    font-size: 20px;
    text-align: center;
    line-height: 48px;
    color: #303133;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 15px;
	position: relative;
	border-radius: 8px;
}
.scroll_user .right-float-comment{
	height: 48px;
    width: 48px;
    float: left;
    background-color: rgba(255,255,255,.8);
    font-size: 20px;
    text-align: center;
    line-height: 48px;
    color: #303133;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 15px;
	position: relative;
	border-radius: 8px;
}
.scroll_user .scroll_zan .icon-zan_s{
	color: #303133;
	line-height: 48px;
	font-size: 20px;
}
.scroll_user .scroll_zan.on .icon-zan_s{
	color: #3d7eff;
}
.scroll_user .scroll_zan:hover .icon-zan_s{
	color: rgba(61, 126, 255, 0.8);
}
.scroll_user>div.on{
	background: rgba(255,255,255,0.95);
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: rgba(61, 126, 255, 0.8);
}
.scroll_user>div.on div{
	color: #fff;
}
.scroll_user>div:not(:first-of-type):hover{
	/*background: #eff1f5;*/
	/*font-size: 25px;*/
	color: rgba(61, 126, 255, 0.8);
	background: rgba(255,255,255,0.95);
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.scroll_user .right-float-comment:hover{
	/*background: #eff1f5;*/
	/*font-size: 25px;*/
	color: rgba(61, 126, 255, 0.8);
	background: rgba(255,255,255,0.95);
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.scroll_user>div.on:hover div{
	/*background: #eff1f5;*/
	/*font-size: 25px;*/
	color: #3d7eff;
	
}
.scroll_user>div.icon-star3.on{
	color: #ff8c29;
	background: rgba(255,255,255,0.95);
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.scroll_user>div.icon-star3:hover{
	color: rgba(255, 140, 41, 0.8);
	background: rgba(255,255,255,0.95);
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.scrollup .arrows{
	color: ##303133;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: rgba(255,255,255,0.8);
}
.scrollup .arrows:hover {
   	color: rgba(61, 126, 255, 0.8);
	background: rgba(255,255,255,0.95);
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.scroll_user_info{
	position: absolute;
	width: 470px;
	height: 320px;
	background: url(https://s1.ui.cn/img/scroll_user_bg.png) 0 0 no-repeat;
	background-size: cover;
	right: 25px;
	top: -25px;
	display: none;
}


.scroll_user .head_img:hover .scroll_user_info{
	display: block;
}
.scroll_user .head_img{
	border-radius: 50%;
	line-height: 0;
	border: 0px;
}
.scroll_user .head_img>a> img{
	
	height: 48px;
    width: 48px;
	border-radius: 50%;

}
/*团队*/
.scroll_user .head_img .abs_team img{
	position: absolute;
	width: 20px;
	height: 20px;
	bottom: 0px;
	right: 0px;
	/*transform: translateX(50%);*/
	border: 2px solid #fff;
}
.scroll_user .head_img .float_cover img{
	
	height: 45px;
    width: 45px;
	border-radius: 50%;

}


.scroll_user >div .act_num,
.scroll_user .right-float-comment .act_num{
	position: absolute;
	top: -8px;
	right: 0px;
	font-size: 13px;
	background: #fff;
	border: 1px solid #BFC4CD;
	border-radius: 10px;
	height: 20px;
	line-height: 10px;
	padding: 5px;
	color: #606266;
	margin-left: 50%;
	transform: translateX(50%);
}

.scroll_user >div.on .act_num,
.scroll_user .right-float-comment.on .act_num{
	background: rgba(255,255,255,0.95);
	border: 1px solid rgba(61,126,255,1);
	color: #3d7eff;
}

.scroll_user >div.icon-star3.on .act_num{

	border: 1px solid rgba(255, 140, 41, 1.0);
	color: rgba(255, 140, 41, 1.0);
}



.scroll_user_info>div{
	position: relative;
}
.float_cover,.float_info,.float_medal{
	position: absolute;

}
.float_cover{
	left: 50px;
	top: 50px;
}
.float_info{
	left: 105px;
	top: 50px;
	text-align: left;
	width: 170px;
	height: 49px;
	overflow: hidden;
}
.float_info .user_name{
	font-size: 18px;
	line-height: 22px;
	font-weight: 550;
}
.float_info .aside_intro{

	color: #909399;
}
.float_medal{
	right: 58px;
	top: 60px;
}
.float_medal .zbd_medal img{
	width: 20px;
	height: 22px;
	margin-left: 3px;
}

.author_more_project{
	top: 140px;
	text-align: left;
	left: 50px;
}
.author_more_project ul{
	float: left !important;
	width: 100%;
	height: 108px;
}
.author_more_project li a{
	float: left;
	width: 115px;
	height: 150px;
	overflow: hidden;
	margin-right: 10px;
	height: 86px;
	border-radius: 5px;
}
.author_more_project li a:hover{
	/*box-shadow: 0 0 20px #000;*/
	box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}
.author_more_project .project_name{
	font-size: 15px;
	color: #606266;
}
.author_more_project .works_self{
	margin-top: 16px;
}
.author_more_project .author_data{
	font-size: 15px;
	color: #909399;

}
.author_more_project .author_data span{
	margin: 0 15px 0px -5px;
}
.scrollup .arrows{
	border-radius: 10px;
}
.top_bar{
	right: 0;
	background: #fff;
}

.recommend-work{
	border-top: 0px;
}

.hot_num_pos_a {
   
    min-width: 100px;
    height: 42px;
    line-height: 42px;
    text-align: right;
    opacity: 0.5;
    font-family: num;
    font-size: 26px;
    color: #FF5542;
    top: 50%;
    margin-top: -21px;
}
.hot_num_pos_a i{
    font-size: 26px;
    /*opacity: 0.7;*/
   	color: #FF5542;
}
.hot_num_pos_a{
	
}
.msg span em,.msg span a{
	font-size: 16px;
	color: #909399;
}
.msg span a:hover em{
	cursor: pointer;
	color: #606266;
}
/*标题中的用户信息*/
.title_user_info{
	text-align: center;
	height: 50px;
	margin-top: 20px;
}
.title_user_info .user_cover{
	position: relative;
	width: 23px;
	height: 23px;
}
.title_user_info .user_cover img{
	width: 23px;
	height: 23px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.title_user_info .user_name{
	font-size: 16px;
	color: #303133;
	font-weight: 600;
}
.work_name_pos{
	font-weight: bold;
}
.title_user_info .user_name:hover{
	color: #3d7eff;
	cursor: pointer;
}

.title_user_info>div{
	float: left;
	margin-left: 50%;
	transform: translateX(-50%);
}

.title_user_info div a{
	float: left;
	margin: 0px 3px;
}
.title_user_info div .identity,.title_user_info div .identity i{
	font-size: 20px;
	margin:-3px 0 ;
}
.title_user_info .user_medal img{
	width: 20px;
	height: 20px;
}

.l-box-a{
	background: #eff1f5;
	padding-top: 30px;
}
.comment-form{
	margin-top: 0;
}
.work_author{
	border-bottom: 0px;
}
.guess_you_like{
	border-top: 0px;
}
.guess_you_like h3{
	font-weight: bold;
}
.comment-list div.y p{
	float: left;
	color: #606266;
	font-size: 14px;
	margin-left: 20px;
}
/*评论右侧的标签*/
.new_tags{
	float: right;
	width: 28%;
}
.new_tags_title{
	color: #151516 ;
	font-size: 16px;
	margin-bottom: 10px;
}
.new_tags a{
	    display: inline-block;
    vertical-align: middle;
    padding: 7px 16px;
    box-sizing: border-box;
    border: 1px solid rgba(191, 196, 205, 0.5);
    border-radius: 40px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #606266;
    margin-right: 10px;
    margin-bottom: 10px;
}

.work_author{
	border-top: 1px solid #eff3f5;
}
.comment-list li{
	padding: 15px 0px;
}
.comment-list .detail_answer{
	margin-top: 5px;
	margin-bottom: 5px;
	color: #606266;
	overflow: hidden;
}
.comment-list div.y{
	display: block;
}

.comment-list div.y .compid{
	display: none;
}
.comment-list li:hover .compid{
	display: block;
}
.comment-list div.y i{
	font-size: 18px;
}

/*猜你喜欢*/
.guess_you_like li .tag{
	color: #909399;
	background: rgba(239, 241, 245, 0.8);
	border: 1px solid rgba(239, 241, 245, 0.8);
	float: left;
	padding: 0;
	text-align: center;
	width: 48px;
	height: 24px;
	line-height: 22px;
}
.guess_you_like li .view{
	line-height: 25px;
	margin-left: 55px;
	
}
.guess_you_like li .view span,.guess_you_like li .view span i{
	color: #909399;
}
.guess_you_like li .mybelike_author_cover img{
	width: 20px;
	height: 20px;
	border-radius: 10px;
	display: inline;
	margin-right: 5px;
}
.mybelike_author_cover{
	margin: 10px 12px;
}
.mybelike_author_time{
	float: right;
	margin-right: 12px;
	color: #bfc4cd;
}
.work_author .head_top p.self_intro{
	margin-top: 5px;
	color: #909399;
}
.icon-recommendation_designer.no,.icon-certification_designer.no,.icon-huiyuanPLUSchunsehui.no{
	color:rgba(191, 196, 205, 0.6)
}

.icon-recommendation_designer:hover{
    color: #e74c3c;
}

.icon-certification_designer:hover {
    color: #3D7EFF;
}

.comment-form .btn{
	border-radius: 20px;
}

.flex-title{
	position: absolute;
	display: flex;
	justify-content: space-between;
	background: #fff;
	padding-right: 30px;
}
.is_gif{
	position: relative;
}
.is_gif:after{
	content: "GIF";
	background: rgba(0,0,0,.3);
	position: absolute;
	width: 1rem;
	height: .73rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 0.08rem;
	font-size: 0.16rem;
	line-height: 0.5rem;
	text-align: center;
	color: #fff;
	font-weight: 600;
}
.is_gif:before{
	content: "滑过查看";
	position: absolute;
	width: 1rem;
	height: .73rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 0.14rem;
	color: #fff;
	font-weight: 400;
	line-height: 0.95rem;
	z-index: 9;
}
.is_gif.hide-gif-icon:after,
.is_gif.hide-gif-icon:before{
	display: none;
}