

.ty-column{ background:#111114; margin-bottom: 24px; position: relative;display: block;box-sizing: border-box;}
.ty-column .col-warp{height: 45px; border-bottom: 1px solid #202025; border-left:1px solid #202025; }
.ty-column .col-warp ul{  display: inline-block; width: 100%; }
.ty-column .col-warp ul li{position: relative; display: inline-block; width: 14.285%; height: 44px; line-height: 44px;float: left;  list-style: none;
	background-color:#111114;border-top: 1px solid #202025;text-align: center;border-bottom: none; border-left: none; cursor: pointer; }
.ty-column .col-warp ul li:hover{ opacity: 0.8 }
.ty-column .col-warp ul li a{ color: #666; font-size: 15px; display: block; border-right: 1px solid #202025;} 
.ty-column .col-warp ul .cur{ background: #16161a;  border-left: none; border-top-width: 2px;border-top-color: #f3bb6c; border-top-left-radius: 2px; border-top-right-radius: 2px;}
.ty-column .col-warp ul .cur a{ color: #f3bb6c;}
.ty-column .col-warp ul .cur:after {content: '';position: absolute;display: block;bottom: 0px;height: 2px; -webkit-border-radius: 2px;border-radius: 2px;
									left: 45%; width: 0; height: 0; border-top: 7px solid #16161a; border-right: 7px solid #16161a; border-bottom: 7px solid #0c0c0c; border-left: 7px solid #16161a;}
.ty-column .fm-publish{ position:absolute; top: 5px; right: 0; display: inline-block; }
.ty-column .fm-publish .layui-btn{ height:34px; line-height: 34px; padding: 0 12px; border-radius:20px; background-color: #ea6f5a;}
.ty-column .fm-publish .layui-btn em{vertical-align: top; font-style: normal; padding-left: 4px;}


.bktitle{ height: 52px; line-height: 52px; padding: 0 16px; border-bottom: 1px solid #202025;  }
.bktitle em{ font-weight: 500; font-style: normal; border-left: 2px solid #dbaf7d; padding-left: 8px; color: #d3d3d3; }
.bktitle a{ float: right; font-size: 12px; font-weight: 300;}
.bktitle .iconfont{ font-size: 12px; }
 


 
/****列表筛�*****/ 
.d-filter{background:#111114; margin-top: 0px;border-bottom:1px solid #202025; margin-bottom: 24px; }
.d-filter .activity_filter{ padding-left:15px; position: relative; padding-left: 100px; }
.d-filter .activity_filter span{color:#999;font-size:14px;}
.flcol1 span, 
.filter_two span, 
.filter_three span,
.filter_list span{ position: absolute; left: 20px;  margin-top: 3px;}

.d-filter .activity_filter .filter_one{padding-top:10px; } 
.d-filter .activity_filter .filter_two{border-top:1px dashed #202025; padding-top: 10px; } 
.d-filter .activity_filter .filter_three{ border-top:1px dashed #202025; padding-top:10px; } 
.d-filter .activity_filter .filter_list{ border-top:1px dashed #202025; padding-top:10px; } 


.d-filter .activity_filter .filter_one div{display:inline-block}
.d-filter .activity_filter .filter_one .flcol2{margin-left:40px;border-left:1px dashed #202025;padding-left:30px}
.d-filter .activity_filter .hover{color:#f3bb6c;border:1px solid #f3bb6c}
.filter_item{display:inline-block;text-align:center;margin-right:14px; margin-bottom: 10px; }
.filter_item a{color:#595959;padding:3px 12px;border-radius:4px;font-size:12px;border:1px solid #202025; border-radius: 16px; display:inline-block}
.filter_item a.active{color: #f3bb6c;border: 1px solid #f3bb6c;}
.d-filter .activity_filter .filter_one .flcol3{ float: right; padding:6px 20px;  }
.d-filter .activity_filter .filter_one .flcol3 a{ font-size: 12px; color: #d3d3d3;   } 
.d-filter .activity_filter .filter_one .flcol3 em{ font-style: normal; padding-right: 4px; font-weight: 300; font-size: 12px;}
.d-filter .activity_filter .filter_one .flcol3 .minus .iconfont:before{display: inline-block;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }


 





.right-con .fm-table{ margin-bottom: 10px; }
.fm-table .layui-card{ background: #16161a }

.ty-title{ border-bottom: 1px solid #202025;color: #d3d3d3; padding:6px 10px; border-radius: 2px 2px 0 0;font-size: 14px;}
.ty-title .leftt, .ty-title .rigadd{ display: inline-block; }
.ty-title .rigadd{ float: right; }
.dateoption{ display: flex;} 
.dateoption .toptit{ font-size: 15px; line-height: 38px; font-weight: 500; position: relative; margin-left: 10px; }
.dateoption .topflt{  height: 38px; margin-left: 32px; }
.dateoption .topflt .layui-form-checkbox[lay-skin=primary] span{font-size: 12px; }
.dateoption .topflt .layui-form-checkbox[lay-skin=primary] span{font-size: 12px; }
.dateoption .topfun{  height: 30px;margin-left: 30px; font-size: 12px; margin-top:4px; }
.dateoption .topfun .layui-input-inline{ width: 120px; }
.dateoption .topfun .layui-input{ height: 30px; line-height: 30px; color: #555; }
.dateoption .topfun .layui-form-select dl{ top: 28px!important; }
.dateoption .topfun .layui-form-select dl dd{ line-height: 30px; }
.dateoption .topbut{height: 30px;  margin-left: 20px; padding-top: 4px; }
.dateoption .topbut .sorbut{ border:1px solid #e6e6e6; height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; margin-left: 10px;background-color: #fff; color: #555; display: inline-block;white-space: nowrap;text-align: center;border-radius: 2px;cursor: pointer;}
.dateoption .topbut .on{ border:1px solid #4285F4; color: #4285F4; }


.right-con .layui-card-body{ padding: 0 0px }
.property-list{}
.zcitem{  border-bottom: 1px solid #202025; cursor: pointer; position: relative;}
.zcitem:hover{ background: #25252c;  }
.zcwarp{  padding: 20px 16px; border-radius: 4px;}
.zcwarp .mop-info{ margin-right:110px; }
.zcwarp .mop-info .title{ font-size: 16px; font-weight: 500; margin-bottom:6px; } 
.zcwarp .mop-info .title a{ color:#d3d3d3;  vertical-align: top; }
.zcwarp .mop-info .title span{vertical-align: top; margin-right: 2px; font-size: 11px; font-weight: 300;
 background: #FF3F41;background: -webkit-linear-gradient(117deg,#FF3F41,#E8393B);background: linear-gradient(117deg,#FF3F41,#E8393B); color:#fff;  
 padding: 0px 6px; border-radius:4px; display: inline-block; max-width: 480px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.zcwarp .mop-info .infot{ font-size: 14px; display: flex;  border-radius: 4px;}
.zcwarp .mop-info .infot dd{ flex: 1; color: #373737; text-align: center; padding-top: 4px; padding-bottom: 2px;}
.zcwarp .mop-info .infot dd span{ display: block; color: #999; font-size: 12px; font-weight: 300; line-height: 18px;}
.zcwarp .mop-info .infot dd em{ display: block; font-style: normal; margin-top: 4px; font-size: 20px; font-weight: 500; line-height: 22px;color:#f3bb6c;}
.zcwarp .mop-info .infot dd em i{font-size: 12px; font-style: normal; font-weight: 300; color: #666; margin-left: 2px;}
.zcwarp .mop-info .infot dd .emsmal{ font-size: 15px; max-width: 190px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.zcwarp .mop-info .contact{ font-size: 14px; display: flex;}
.zcwarp .mop-info .contact dd{flex: 1; margin-right: 32px; color: #373737;}
.zcwarp .mop-info .contact dd span{ color: #666; }

.zcwarp .like-btn{ cursor: pointer; position: absolute; right: 16px; top:42px; width: 90px; height: 32px; line-height: 32px; padding: 0 18px; border-radius: 100px; }
.zcwarp .like-btn:hover{ opacity: 0.8; }
.zcwarp .like-btn .iconfont{ font-size: 20px;vertical-align: top; } 
.zcwarp .like-btn em{font-style: normal;font-size: 12px;padding-left: 4px;vertical-align: top;}
.zcwarp .likeing{background: linear-gradient(to right, #e3b688, #f2e3ce); color: #1f2226; border:none; }
.zcwarp .likeed{background-color: #F3F3F3;border:1px solid  #F3F3F3; color: #999; cursor: not-allowed; }


