@charset "utf-8";
.n-container{margin-bottom: 0;background: #eeeeee;}
.box-l{background: #ffffff;width: 885px;}
.w-1100{width: 1200px;padding-top: 25px;margin-bottom: 25px;}
.m-t-10{padding: 35px;margin: 0;}

/*风格分类*/
.sx-box{width: 1100px; padding:8px 0 10px 0; background:#f1f1f1; height:auto; margin: 10px auto 0;}
.fg-sort{ width:100%;border-bottom: 1px solid #DEDEDE;    padding-bottom: 10px;}
.fg-sort-ul{width:auto;overflow:hidden;}
.fg-sort-ul li.clearfix{line-height:30px;position: relative;}
.fg-sort-ul-title{width: 100px;text-align: center;color:#666666; font-size:14px;margin-left:10px;}
.fg-sort-ul-angle{ width:990px; overflow:hidden; }
.fg-sort-ul-angle li{padding:3px 12px; display: inline;color:#666666;}
.fg-sort-ul-angle li a{ display:inline-block; white-space:nowrap; font-size:14px; color:#666666;}
/*筛选*/
.fg-bar{width: 100%;height: 40px;margin: 15px auto 0; }
.fg-cur{ padding:0 12px; height:35px; }
.fg-cur span{height:35px; font-size: 14px;float:left; display:inline-block; color:#666666; line-height:35px; margin-right:8px;}
.fg-cur-title{ font-size:14px; color:#666666; width:65px; float:left; display:inline-block;}
.fg-cur-select{width: 140px; line-height:35px; padding: 8px 2px 8px; border: none; border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
.fg-cur-select1{width: 140px; line-height:35px; padding: 8px 2px 8px; border: none; border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
.fg-sub{ padding:0 20px; height:35px;  line-height:35px; background:#E4572A; font-size:14px; line-height:35px;  color:#333333; cursor:pointer; border:none;}
.fg-cur span .active{ color:red; padding:0 5px;}
input.fg-search{border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; height: 35px; width: 200px; height:30px; line-height: 30px; padding: 2px 5px; border:none;}

/*设计师列表*/
.sjs-list{ width:1099px; margin:0 auto; height:auto;}
.sjs-in{ margin-right:-13px; margin-top:20px;}
.sjs-in li{ width:263px; height:400px; border:1px solid #ffffff; float:left; margin-right:13px; margin-bottom:13px;position:relative;}
.sjs-in li:hover{-moz-box-shadow:4px 4px 12px #969696;-webkit-box-shadow:4px 4px 12px #969696;box-shadow:4px 4px 12px #969696}
.sjs-in li:hover .sjs-but{display: block;}
.sjs-in li:hover .sjs-code{display: block;}
.sjs-code{position:absolute;z-index:400;bottom: 111px;display:none;}
.sjs-t{ width:263px; height:319px; position:relative;}
.sjs-t img{ width:263px; height:319px;}
.sjs-but{ width:100%; height:35px; line-height:35px; position:absolute; left:0; bottom:0;display: none;}
.sheji{ width:131px; height:35px; display:block; float:left; text-align:center;background: rgba(39, 39, 45, 0.71);color: #eee;font-size: 14px;}
.zixun{ width:131px; height:35px; display:block; float:right; text-align:center;background: rgba(255, 152, 0, 0.65);color: #fff;font-size: 14px;}
/*.sjs-but a{ background:#f1f1f1; color:#000000;}*/
.sjs-but a:hover{ background:#f89e00; color:#FFFFFF;}
.sjs-b{ width:255px; margin:0 auto; height:80px; color:#585858;position: relative;}
.sjs-b span{ display:inline-block; padding:0 3px; font-size:13px; color:#585858;}
.sjs-b span.name{ color: #000000;font-weight: bold;position: absolute;width: 52%;left: 0;right: 0;margin: auto;top: 10px;text-align: center;font-size: 16px;}
.sjs-b span i{ color:#ff5858; font-weight:bold;}
.sjs-b span.job{position: absolute;left: 10px;top: 45px;}
.sjs-b span.al{position: absolute;right: 10px;top: 45px;}
.sjs-b em{position: absolute;left: 0;right: 0;width: 50px;background: #FF9800;margin: auto;top: 40px;height: 2px;}

.box-b-bt{width:100%;height:40px;line-height:40px;font-size: 24px;color: #686868;font-weight:bold;position:relative;}
.list-mo{ position:absolute; right:0; top:0; font-size:12px; height:40px; color:#676666; font-weight:normal;}
.case-tj-list{width:799px;height:auto;margin: 30px auto 0;}
.case-tj-list .case-tj-ul{ margin-right:-14px;}
.case-tj-list .case-tj-li{width: 388px;height: 350px;border: 1px solid #ffffff;float: left;margin-right: 15px;margin-bottom: 15px;}
.case-tj-list .case-tj-li .pic{width: 388px;height: 265px;overflow: hidden;position: relative;}
.case-tj-list .case-tj-li .pic img{width: 100%;height: 100%;display: block;}
.caseDetail-push-imgfont{width: 375px;height: 65px;padding: 10px 5px 5px;line-height: 24px;position: relative;}
.caseDetail-push-head{width: 86px;height: 30px;display: block;border: 1px solid #565656;font-size: 14px;color: #565656;text-align: center;line-height: 30px;position: absolute;right: 10px;top: 25px;}
.caseDetail-push-head img{display: inline-block; width: 69px; height: 69px; border: 3px #fff solid; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%;}
.caseDetail-push-imgfont-name{color: #333;overflow: hidden;white-space: nowrap;width: 190px;text-overflow:ellipsis;display: block;font-size: 20px;margin-left: 4px;}
.caseDetail-push-imgfont-name a{color: #333;}
.caseDetail-push-imgfont-setting{font-size: 16px;margin-top: 10px;color: #585858;}
.caseDetail-push-imgfont-setting span{display: inline-block;white-space: nowrap;color: #585858;margin: 0 4px;}
.case-tj-list .case-tj-li:hover{border:1px solid #bfbfbf;}
.case-tj-list .case-tj-li:hover .absolute{border: 1px solid #E4572A;background: #E4572A;color: #ffffff;}
.case-tj-list .more{    width: 100%;
    height: 50px;
    background: #eee;
    margin-top: 10px;}
.case-tj-list .more a{    display: block;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    color: #333;}
.case-tj-list .more p{    display: block;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    color: #333;}

.sjs-js-box{width:100%;height: 434px;}
.sjs-js-zz{width:100%;height: 434px;}
.sjs-js-w{width:1100px;height: 434px;margin:0 auto;position:relative;}
.sjs-link{font-size:14px;padding-top: 15px;padding-bottom: 0;color:#FFFFFF;}
.sjs-link a{ color:#FFFFFF; font-size:14px;}
.sjs-link a:hover{ color:#ff5858;}
.sjs-js-info{width: 1100px;margin:0 auto;}
.sjs-js-info-l{width:285px;height:345px;float:left;margin-top: 20px;margin-left: 100px;}
.sjs-js-info-l img{width:279px; height:339px; border:3px solid #FFFFFF;}
.sjs-js-info-r{width: 405px;height:auto;float:right;margin-top: 70px;position:relative;}
.sjs-info-bt{
    overflow: hidden;
    width: 100%;
}
.sjs-info-bt h2{
    margin: 5px 0;
}
.sjs-info-bt h2 i{font-size: 57px;color: #ffffff;font-weight:bold;display: block;}
.sjs-info-bt h2 span{font-size: 18px;color:#fff4f4;line-height: 15px;}

.sjs-info-p{margin-top:8px;min-height: 180px;}
.sjs-p-n{font-size:14px;color:#FFFFFF;}
.sjs-p-n-a{width: 70px;overflow: hidden;}
.sjs-p-n-b{width: 322px;overflow:hidden;}
.sjs-but-a{ width:128px; height:33px; display:block; color:#000000; background:#dedede url(../images/sjs_01.png) 20px center no-repeat; text-indent:46px; font-size:14px; line-height:33px; float:left; margin-top:6px;}
.sjs-but-b{ width:128px; height:33px; display:block; color:#000000; background:#f89e00 url(../images/sjs_03.png) 20px center no-repeat; text-indent:46px; font-size:14px; line-height:33px; float:left; margin-top:6px; margin-left:15px;}

/*设计师推荐列表*/
.tui_jian_de{width: 100%;margin: 0 auto;position: relative;background: #fff;padding: 15px 0 50px;}
.sjs-tj-list{width: 1165px;height:auto;margin:15px auto 0;}
.sjs-tj-list .sjs-tj-ul{margin-right: -8px;margin-top: 20px;}
.sjs-tj-list .sjs-tj-li{width: 263px;height: 400px;float:left;margin-right: 30px;margin-bottom:10px;position:relative;overflow:hidden;}
.sjs-tj-list .sjs-tj-li .sjs-pic{width: 263px;height: 319px;overflow:hidden;}
.sjs-tj-list .sjs-tj-li .sjs-pic img{width: 263px;height: 319px;display:block;}
.sjs-tj-list .sjs-tj-li .sjs-p{width: 91%;color: #333;background: #f8f8f8;padding: 12px;}
.sjs-pn{font-size: 20px !important;}
.mz-tj-z{  width:192px; height:233px; z-index:9; background:rgba(0,0,0,0.35); position:absolute; left:0; bottom:0;transition: 0.4s;}
.sjs-tj-list span{
    display: block;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sjs-pn i{
    font-size: 16px;
    margin-left: 80px;
}

.essay_bao{width:100%;height: auto;background: #fdfdfd;position:relative;overflow:hidden;margin: 20px 0;}
.essay_bao .essay_bao_mli{padding: 20px 15px 15px 40px;overflow:hidden;display:block;background: #ffffff;border:  1px solid #ddd;}
.essay_bao .essay_bao_mli .essay_bao_left{float:left;width:420px;height: auto;position: relative;overflow:  hidden;}
.essay_bao .essay_bao_mli .essay_bao_right{float:right;height:215px;width: 280px;position: relative;margin-right: 20px;}
.essay_bao_name{position:relative;margin-bottom: 15px;}
.essay_bao_name i{width:6px;height:25px;background:#FF9800;display:block;position:absolute;top:9px;left:5px}
.essay_bao_name span{display:block;font-size: 24px;color: #535353;margin-left: 0;font-weight:  bold;}
.essay_bao_name em{font-size: 18px;margin-left:10px;color: #535353;}
.bd-li{position: relative;width:  188px;height:  58px;float:  left;overflow:  hidden;margin:  5px;padding:  0;}
.bd-li select{width: 188px;border: 0;font-size: 16px;line-height: 58px;height: 58px;background: #eeeeee;border-radius: 5px;padding: 0 0 0 10px;}
.bd-li .bd-li-an{width:82px;padding:6px 5px;border:1px solid #B7B7B7}
.bd-li input{width: 178px;border: 0;font-size: 16px;line-height: 58px;background: #eeeeee;padding: 0 0 0 10px;border-radius: 5px;}

.bd-li em{position: absolute;right: 12px;top: 15px;font-size: 16px;color: #3c3c3c;}
.essay_bao_right .essay_bao_right_name{text-align:center;font-size:18px}
.essay_bao_right .essay_bao_right_name em{color:red}
.essay_bao_right .essay_right_fei{padding:10px 0 5px;text-align:center}
.essay_bao_right .essay_right_fei p{font-size:15px;color:#545454}
.essay_bao_xian{background: url("../images/bu-ico.png") center no-repeat;width: 4px;height: 250px;position: absolute;  left: 100px;right: 0;margin: auto;top: 10px;}
.essay_bao_but{width: 381px;height: 58px;margin: 7px;cursor: pointer;float:  left;background: #f89e00;color: #fff;line-height:  58px;font-size:  24px;border-radius:  5px;position:  initial;}
.essay_bao_right_show{float: right;height: 100px;width: 260px;margin-top: 25px;display: none;}
.essay_bao_right_show .essay_bao_right_name_show{text-align: center;font-size: 25px;color: red;}
.essay_bao_right_show p{font-size: 18px;text-align: center;}
.essay_bao_right .yu-mlid .bd{border-top: 1px dashed #9a9999;border-bottom: 1px dashed #aba8a8;}
.essay_bao_right .yu-mlid .bd ul{ overflow:hidden; zoom:1;border-top: 1px dashed #fff;border-bottom:1px dashed #fff;  }
.essay_bao_right .yu-mlid .bd ul li{height:36px;line-height:36px;zoom:1;font-size:  14px;color: #464646;padding-left:  10px;}
.essay_bao_right .pic-a{ width:89px; float:left;height:36px; overflow:hidden; text-align:center;color: red;}
.essay_bao_right .pic-b{ width:65px; float:left;height:36px; overflow:hidden; text-align:center;}
.essay_bao_right .pic-c{ width:100px; float:left;height:36px; overflow:hidden; text-align:center;}
.essay_bao_right .yu_name{color: #474747;left:0;right:0;margin:auto;text-align:center;font-size: 20px;margin-bottom:10px;}
.essay_bao_right .yu_name em{color: #f89e00;background: #ffffff;text-align:center;padding:0 5px;display:-webkit-inline-box;margin:0 2px;font-size: 26px;}
.essay_bao_right .yu_name em:after{content: none;display:block;height:1px;border-top:1px solid #EEE;width:25%;position:absolute;top:16px;left:67px;}
.essay_bao_right .yu-mlid p{font-size: 14px;color: #f89e00;text-align: center;margin-top: 15px;}

.curthis .on{background: #E4572A;color: #333333;}