@charset "UTF-8";
/*.banner{background: url("../images/designer.jpg") center no-repeat;width: 100%;height: 347px;}*/

/*筛选*/
.fg-bar{ width: 1200px;height: 35px;padding: 30px 0 15px;}
.fg-cur{ padding:0 12px; height:35px; }
.fg-cur span{height:35px; float:left; display:inline-block; color:#999; line-height:30px; margin-right:8px;font-size: 15px;}
.fg-cur-title{ font-size:14px; color:#9f9e9e; width:65px; float:left; display:inline-block;}
.fg-cur-select{width: 130px; line-height:24px; padding: 7px 2px 7px;color: #333;border: 1px solid #a0a0a0; border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
.fg-cur-select1{width: 135px; line-height:24px; padding: 7px 2px 7px; color: #333;   border: 1px solid #a0a0a0;  border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
.fg-sub{ padding:0 25px; height:35px;  line-height:35px; background:#E0AF6D; font-size:14px;  color:#333; cursor:pointer; border:none;}
.fg-cur span .active{ color:#a0763c; 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;  line-height: 20px; padding: 4px 5px;    border: 1px solid #a0a0a0;}
.fg-bar .f-r{float: right;margin-right: 16px}
.fg-bar .f-r .fg-sub{    padding: 0 25px; height: 35px;line-height: 35px;background: #757575;font-size: 14px;color: #ffffff;cursor: pointer;border: none;}

.designer{width: 96%;height: 100%;}
.designer_center{width: 100%;margin: auto;height: auto;}
.sjs-list{ width:100%; margin:0 auto; height:auto;}
.sjs-in{ margin-right:-13px; margin-top:20px;overflow: hidden;}
.sjs-in li{ width:330px; height:560px;float:left; margin-right:13px; margin-bottom:20px;cursor: pointer;}
.sjs-t{ width:100%; height:445px; position:relative;display: flex;justify-content: center;align-items: center;}
.sjs-t img{ width:100%; max-height:445px; }
.sjs-but{ width:100%; height:40px; line-height:35px; position:absolute; left:0; bottom:0;}
.sheji{ width:144px; height:40px; display:block; float:left; text-align:center;background: rgba(40, 40, 90, 1.29);color: #fff;font-size: 16px;opacity:0.7;filter:alpha(opacity=70);}
.zixun{ width:144px; height:40px; display:block; float:right; text-align:center;background: rgba(251, 255, 0, 1.28); font-size: 16px;color: #333;opacity:0.7;filter:alpha(opacity=70);}
.sjs-b{ width:100%; margin:0 auto; height:115px;  line-height:48px; color:#585858;}
.sjs-b span.name{color:#0E0E0E;font-weight:700;display:block;font-size:18px;height: 50px;border-bottom: 1px solid #b1b1b1;    margin-bottom: 10px;}
.sjs-b span.name em{float: left;width: 100px;text-align: center;}
.sjs-b span.name .zan{font-size: 18px;word-spacing: 2px;color: #1b1b1b; background: url(../images/zan.png) 9px 14px no-repeat;text-indent: 30px;height: 48px; display: block;float: right;font-weight: 500;}
.sjs-b p{ font-size: 14px;line-height: 24px;}

}

.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: Gray;

}
/*加载。。*/
.sjs-list .sjs-in{ margin-right:-13px; margin-top:20px;overflow: hidden;}
.sjs-list .sjs-in li{ width:24%; height:560px;float:left; margin-right:10px; margin-bottom:20px;cursor: pointer;}
.sjs-list .more{width:25%;margin:30px auto}
.sjs-list .more a{display:block;background:#FFF;padding:10px;color:#a0763c;border:1px solid #a0763c;text-align:center;font-size:16px}
.sjs-list .more a:hover{display:block;background:#a0763c;padding:10px;color:#fff;border:1px solid #a0763c;text-align:center;font-size:16px}
.sjs-list .more p{display:block;background:#FFF;padding:10px;color:#a0763c;border:1px solid #a0763c;text-align:center;font-size:16px}
.sjs-list .more p:hover{display:block;background:#a0763c;padding:10px;color:#fff;border:1px solid #a0763c;text-align:center;font-size:16px}