@charset "utf-8";



/*风格分类*/

.sx-box{ padding:8px 0 18px 0; background:#eeeeee; height:auto; margin-top:10px;}

.fg-sort{ width:100%;}

.fg-sort-ul{width:auto;overflow:hidden;}

.fg-sort-ul li.clearfix{line-height:30px;position: relative;}

.fg-sort-ul-title{width: 115px;text-align: center;color:#000000; font-size:14px; font-weight:bold;margin-left:11px;}

.fg-sort-ul-angle{ width:970px; overflow:hidden; }

.fg-sort-ul-angle li{padding:0 10px; display: inline;color:#000000;}

.fg-sort-ul-angle li a{ display:inline-block; white-space:nowrap; font-size:14px; color:#000000;}

/*筛选*/

.fg-bar{ width:1065px; height:24px; background:#424242; margin:7px auto 0; padding:12px 0; }

.fg-cur{ padding:0 12px; height:24px; }

.fg-cur span{height:24px; float:left; display:inline-block; color:#9f9e9e; line-height:24px; margin-right:8px;}

.fg-cur-title{ font-size:14px; color:#9f9e9e; width:65px; float:left; display:inline-block;}

.fg-cur-select{width: 84px; line-height:24px; padding: 3px 2px 4px; border: none; border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius:0px;}

.fg-cur-select1{width: 84px; line-height:24px; padding: 3px 2px 4px; border: none; border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius:0px;}

.fg-sub{ padding:0 10px; height:24px;  line-height:26px; background:#ff0000; font-size:14px; line-height:24px;  color:#ffffff; cursor:pointer; border:none;}

.fg-cur span .active{ color:#ff0000; padding:0 5px;}

input.fg-search{border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; height: 24px; width: 200px; height:20px; line-height: 20px; 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:368px; border:1px solid #a0a0a0; float:left; margin-right:13px; margin-bottom:13px;}

.sjs-t{ width:263px; height:319px; position:relative;}

.sjs-t img{ width:263px; height:319px; background:url(../images/logo_bg.png) center center no-repeat;}

.sjs-but{ width:100%; height:35px; line-height:35px; position:absolute; left:0; bottom:0;}

.sheji{ width:131px; height:35px; display:block; float:left; text-align:center;}

.zixun{ width:131px; height:35px; display:block; float:right; text-align:center;}

.sjs-but a{ background:#f1f1f1; color:#000000;}

.sjs-but a:hover{ background:#f89e00; color:#FFFFFF;}

.sjs-b{ width:255px; margin:0 auto; height:48px;  line-height:48px; color:#585858;}

.sjs-b span{ display:inline-block; padding:0 3px; font-size:12px; color:#585858;}

.sjs-b span.name{ color:#6a6a6a; font-weight:bold;}

.sjs-b span i{ color:#ff5858; font-weight:bold;}



.box-b-bt{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #dedede; font-size:18px;color:#535353; 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:15px auto 0;}

.case-tj-list .case-tj-ul{ margin-right:-14px;}

.case-tj-list .case-tj-li{ width:255px; height:345px; border:1px solid #dcdcdc; float:left; margin-right:14px; margin-bottom:14px;}

.case-tj-list .case-tj-li .pic{ width:255px; height:269px; overflow:hidden; position:relative;}

.case-tj-list .case-tj-li .pic img{width:255px; height:269px; display:block;}

.caseDetail-push-imgfont{width: 235px; height:53px; padding: 10px; line-height: 24px; position:relative}

.caseDetail-push-head{display:inline-block; top:-40px; right:6px; width:75px; height: 75px; position:absolute;}

.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:#585858;overflow: hidden;white-space: nowrap;width: 190px; text-overflow:ellipsis;}

.caseDetail-push-imgfont-name a{color:#585858;}

.caseDetail-push-imgfont-setting{ font-size:12px; margin-top: 5px;color:#585858;}

.caseDetail-push-imgfont-setting span{ display:inline-block; white-space:nowrap; color:#585858;}



.sjs-js-box{ width:100%; height:auto;}

.sjs-js-zz{ width:100%; height:auto; background:rgba(0,0,0,.7);}

.sjs-js-w{ width:1100px; height:auto; margin:0 auto; position:relative;}

.sjs-link{ font-size:14px; padding-top:30px; padding-bottom:14px; color:#FFFFFF;}

.sjs-link a{ color:#FFFFFF; font-size:14px;}

.sjs-link a:hover{ color:#f8b500;}

.sjs-js-info{ width:1045px; margin:0 auto; padding-bottom:60px;}

.sjs-js-info-l{ width:244px; height:339px; float:left; margin-top:30px; border:3px solid #818181; margin-left:38px;}

.sjs-js-info-l img{width:244px; height:339px; }

.sjs-js-info-r{ width:714px; height:auto; float:right; margin-top:27px; position:relative; }

.sjs-info-bt{  border-bottom:1px solid #FFFFFF; height:39px;}

.sjs-info-bt h2{ height:37px; line-height:37px; border-bottom:2px solid #FFFFFF; display:inline-block;}

.sjs-info-bt h2 i{ font-size:24px; color:#f89e00; font-weight:bold; line-height:31px;}

.sjs-info-bt h2 span{ font-size:14px; color:#fff4f4; line-height:31px; margin-left:15px; padding-right:5px;}



.sjs-info-p{ margin-top:8px; min-height:267px;}

.sjs-p-n{ line-height:30px;font-size:14px; color:#FFFFFF;}

.sjs-p-n-a{float:left; width:77px; text-align:right;overflow: hidden; font-weight:bold;}

.sjs-p-n-b{ width:637px; overflow:hidden; float:left;}

.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; }

.sjs-but-b{ width:128px; height:33px; display:block; color:#000000; background:#f89e00 url(../images/sjs_02.png) 20px center no-repeat; text-indent:46px; font-size:14px; line-height:33px; float:left; margin-left:15px;}

.jl-but-a{ width:163px; height:33px; display:block; color:#000000;font-size:14px; line-height:33px; float:left;position: relative;overflow: hidden; background:#f89e00;}

.jl-but-a p{ padding-left:44px;}



.jl-but-a i{position: absolute; width:19px; height:23px;top: 5px;left:14px;display: inline-block;width: 100%;text-align: center;filter:alpha(opacity=100);opacity: 1;}

.jl-but-a i.i-a{ background:url(../images/jl/jl_inc_01.png) no-repeat; background-size:19px auto;}

.jl-but-a:hover i.i-a{ background:url(../images/jl/jl_inc_01.png) no-repeat; background-size:19px auto;}

.jl-but-a:hover{background:#dedede;}





/*设计师推荐列表*/

.sjs-tj-list{width:800px; height:auto; margin:15px auto 0;}

.sjs-tj-list .sjs-tj-ul{ margin-right:-10px;}

.sjs-tj-list .sjs-tj-li{ width:192px; height:233px;float:left; margin-right:10px; margin-bottom:10px;position:relative; overflow:hidden;}

.sjs-tj-list .sjs-tj-li .sjs-pic{ width:192px; height:233px; overflow:hidden; }

.sjs-tj-list .sjs-tj-li .sjs-pic img{width:192px; height:233px; display:block;}

.sjs-tj-list .sjs-tj-li .sjs-p{ width:100%; height:30px; line-height:30px; text-align:center; position:absolute; left:0; bottom:0; font-size:14px; color:#ffffff; background:rgba(0,0,0,0.69); transition: 0.4s; z-index:10;}

.sjs-pn{ margin-right:10px;}

.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-li a:hover .sjs-p{ transform: translateY(100%); transition: 0.4s;}

.sjs-tj-li a:hover .mz-tj-z{ transform: translateY(-100%); transition: 0.4s;}