.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.body-container{width:100%;height:auto;margin:0 auto;min-width:1180px;background:#f5f5f5;font-size:12px;font-family:"PingFang SC",Arial,tahoma,Helvetica,sans-serif,"Microsoft YaHei","微软雅黑";color:#666}
div{display:block}
.clearfix:after{content:" ";display:block;clear:both;height:0;font-size:0;visibility:hidden}
.float_l{float:left}
.float_r{float:right}
em{font-style: normal;}
.ect{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.nav_list a.btn-fabu{display:inline-block;position:absolute;top:55px;z-index:90}
a.btn-fabu{display:inline-block;position:absolute;bottom:17px;right:0;background:url(/sjs/images/btn-fabu.gif);width:106px;height:34px;line-height:34px;padding:0 0 0 42px!important;color:#fff!important;font-size:15px;text-decoration:none}
a.btn-fabu:hover{background:url(/sjs/images/btn-fabu-hover.gif);color:#fff!important;text-decoration:none}
.search{margin-top:10px;margin-bottom:8px;background:#fff}
.search .searchMenu{height:36px;border-left:1px solid #ddd;border-radius:2px 0 0 0;background:#f5f5f5;position:relative}
.search .searchMenu a,.search .searchMenu a:hover{color:#333;text-decoration:none}
.search .searchMenu li{height:36px;padding:0 27px;font:normal 14px/36px 'Microsoft YaHei';background:url(/sjs/images/searchMenuBg.gif) 0 0 repeat-x;border-right:1px solid #ddd;border-radius:0 2px 0 0;float:left;cursor:pointer}
.search .searchMenu .liOn{background-position:0 -36px;font-weight:400;font-size:16px}
.search .searchMenu .liOn:hover{background:url(/sjs/images/searchMenuBg.gif) 0 -36px repeat-x}
.search .con{margin-top:0;border:1px solid #ddd;border-radius:0 1px 0 0}
.LeiSelect{width:100%;margin-bottom:8px}
.LeiSelect .LeiSelectBox{padding:0 10px;margin-top:0;position:relative;z-index:10}
.LeiSelect .set{color:#333;border-bottom:1px solid #f2f2f2;padding:5px 0 3px}
.LeiSelect .set a{display:inline-block;color:#666;margin:0 0 2px 0;padding:0 2px;border:0}
.LeiSelect .set a.LeiSelectBox{background:#d5f5f5;color:#333;border:0}
.LeiSelect .set a:hover{color:#dc3e00}
.LeiSelect .more-item span{float:left;display:block}
.LeiSelect .more-item span.item-tit{width:80px;padding-left:15px;padding-top:3px;background:url(/sjs/images/arrow_right.gif) no-repeat left 8px;font:400 14px/20px microsoft yahei}
.LeiSelect .more-item span.item-lis{width:1050px;padding-top:3px;text-align:left}
.LeiSelect .set a.sct{background:#ffb800;display:inline-block;color:#fff;height:20px;padding:0 6px 1px 6px;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px}
.LeiSelect .more-item span.item-lis a{height:20px;padding:0 6px 1px 6px;font:400 14px/20px microsoft yahei,simsun}
.LeiSelect .more-item span.item-lis a:hover{background:#ffb800;display:inline-block;color:#fff;height:20px;padding:0 6px 1px 6px;font:400 14px/20px microsoft yahei,simsun;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px}
.LeiSelect .more-set{display:none;color:#666}
.case-list-box{width:100%;margin-top:10px;position:relative}
.case-list-box li a:hover img{-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);transform:scale(1.04);box-shadow:0 8px 32px 0 rgba(0,0,0,.1)}
.case-list-hot{position:relative}
.case-list{width:282px;height:368px;float:left;margin:0 19px 20px 0;background:#fff;display:block;overflow:hidden}
.case-list-box li:nth-of-type(4n){margin-right:0}
.case-list .icon-hot{position:absolute;top:0;left:0;width:64px;height:20px;line-height:20px;background:#f75e61;font-style:normal;font-size:12px;color:#fff;text-align:center;border-bottom-right-radius:5px;z-index:10}
.case-list .icon-recommend{position:absolute;top:0;left:0;width:64px;height:20px;line-height:20px;background:#c5a364;font-style:normal;font-size:12px;color:#fff;text-align:center;border-bottom-right-radius:5px;z-index:10}
.case-list .case-info{padding:0 15px;margin:15px 0 10px;height:50px;width:252px;display:block;overflow:hidden}
.case-list .case-info .title{display:block;margin-bottom:15px;color:#333;line-height:18px;font:400 16px Microsoft Yahei}
.case-list .case-info a:hover{color:#dc4844}
.case-list .case-main-img{display:inline;width:282px;height:242px;object-fit:cover;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.case-list .case-info .cut-line{padding:0 10px;border-right:1px #999 solid}
.case-list .case-info .space{padding-left:0;line-height:18px}
.case-list .case-info .price{padding-left:10px}
.case-list-box .case-sjs{height:22px;padding:15px 15px 0 15px;z-index:20;border-top:1px solid #e6e6e6}
.show-sjs-info{display:inline-block}
.case-list-box .case-sjs .head img{border-radius:50%;width:22px;height:22px}
.case-list-box .case-sjs .nick{height:22px;line-height:22px;margin-left:10px;color:#545454;font:400 16px Microsoft Yahei}
.case-list-box .case-sjs .showcount{height:22px;line-height:22px}
.case-list-box .case-sjs .showcount em{color:#bbb;font-size:16px;vertical-align:middle;margin-right:5px;margin-left:15px}
.case-list-box .case-sjs .showcount .viewNum{color:#999;font-size:12px;vertical-align:middle}
.showpage_new{height:25px;PADDING:35px 0 35px 0;COLOR:#ff6500;TEXT-ALIGN:center;font:400 14px/20px microsoft yahei;vertical-align:middle;background:#f5f5f5}
.showpage_new A{BORDER:#b7b7b7 1px solid;PADDING:6px 12px 6px 12px;COLOR:#545454;MARGIN-RIGHT:5px;TEXT-DECORATION:none}
.showpage_new A:hover{BORDER:#dc4844 1px solid;BACKGROUND-IMAGE:none;COLOR:#fff;BACKGROUND-COLOR:#dc4844}
.showpage_new A:active{BORDER:#dc4844 1px solid;BACKGROUND-IMAGE:none;COLOR:#fff;BACKGROUND-COLOR:#dc4844}
.showpage_new SPAN.current{BORDER:#dc4844 1px solid;PADDING:6px 12px 6px 12px;FONT-WEIGHT:bold;COLOR:#fff;MARGIN-RIGHT:5px;BACKGROUND-COLOR:#dc4844}
.showpage_new SPAN.showpagenum{font-size:14px;color:#999}


.col-inner-left {
    padding: 15px 0px 5px 20px;background:#fff;
}
.col-inner-left .column {
    padding-bottom: 10px;
    display: block;
}
.col-inner-left .column p {
    display: inline-block;
    height: 22px;
    width: 130px;
    line-height: 18px;
    font-weight: 400;
    color: #666;
    font-size: 16px;
}
.col-inner-left .tag_list {
    padding-bottom: 15px;
}
.col-inner-left .tag_list a {
    margin-right:16px;margin-bottom:10px;
    float: left;
    width: auto;
    text-align: left;
    white-space: nowrap;
    color: #999;padding:0 3px;
}
.col-inner-left .tag_list a.sct{background:#ffb800;display:inline-block;color:#fff;padding:0 3px;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px}

.col-inner-right {
}
.pic-list{
width:980px;
overflow: hidden;
}
.col-inner-right ul {
    width: 1000px;
}

.col-inner-right ul li {
    width: 237px;
}
.col-inner-right ul li {
    position: relative;
    float: left;
    margin: 0px 11px 11px 0px;
    background: #fff;
}
.col-inner-right .title {
    display: none;
    position: absolute;
    left: 0px;
    bottom: 60px;
    width: 100%;
    height: 16px;
    background: url(/sjs/images/gradual.png) repeat-x;
    color: #b3b2b0;
}
.col-inner-right .title span {
    display: block;
    padding: 0 10px 0px 10px;
    height: 16px;
    line-height: 16px;
    color: #fff;
    font-size: 14px;
    text-align: center;cursor: -webkit-zoom-in;
}
.col-inner-right ul li .pic_box:hover .title{display: block;}
.col-inner-right ul li .works_pic {
    width: 238px;
    height: 200px;
    display: block;
    cursor: -webkit-zoom-in;
}
.col-inner-right ul li .works_pic img {
    width: 100%;
    height: 100%;object-fit:cover;
}
.col-inner-right .sjs_info {
    padding: 10px 15px 10px 15px;
    height: 22px;
    display: block;
}
.sjs_info .sjs_a_label {
    display: inline-block;
}
.col-inner-right .sjs_info img {
    width: 22px;
    height: 22px;
    border-radius:50%;
}
.col-inner-right .sjs_info .nick {
    margin-left: 10px;margin-top:1px;
    overflow: hidden;
    width: 170px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#545454;font:400 14px Microsoft Yahei
}
.col-inner-right .sjs_info .nick em {
    float: left;
}
.col-inner-right ul li .pic_box:hover .btn{display: block;}
.pic-list .btn {position: absolute;top: 10px;right: 10px;display:none;}
.pic-list .btn_black{display: inline-block;height: 30px;line-height: 30px;font-size: 14px;text-align: center;color: #fff;background: #313031;border: none;cursor: pointer;padding: 0 15px;border-radius: 3px;}
.pic-list .btn a{ margin-left: 10px;}
.pic-list .btn a:hover{ background: #dd4f50;}