html,body{background: #f6f8fa;}
/*分页头图*/
.jz_page_head{
    background:url(../images/sjs_banner_bg.jpg)no-repeat center;
    -webkit-background-size:100% calc(260rem/30);
    background-size:100% calc(260rem/30);
}

/*设计师*/
.jz_sjs{
    width:calc(670rem/30);
    margin: 0 auto;
    padding:calc(60rem/30) 0 calc(25rem/30) 0;
}

.jz_sjs .sjs_item{
    position: relative;
    margin-bottom:calc(43rem/30);
}

.jz_sjs .sjs_item:last-child{
    margin-bottom: 0;
}

.sjs_rw{
    width:calc(470rem/30);
    height:calc(614rem/30);
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.sjs_rw .sjs_left_tl{
    width:calc(160rem/30);
    height:calc(160rem/30);
    background: #2d6d3c;
    position: absolute;
    top: 0;
    left: 0;
}

.sjs_rw .sjs_left_br{
    width:calc(160rem/30);
    height:calc(160rem/30);
    background: #2d6d3c;
    position: absolute;
    bottom: 0;
    right: 0;
}

.sjs_rw img{
    position: absolute;
    z-index: 1;
    display: block;
    margin: 0 auto;
    width:calc(450rem/30);
    height:calc(594rem/30);
    top:calc(10rem/30);
    left:calc(10rem/30);
}

.sjs_xq{
    width:calc(684rem/30);
    height:calc(480rem/30);
    background:url(../images/sjs_item_bg.png)no-repeat center;
    -webkit-background-size: calc(684rem/30) calc(480rem/30);
    background-size: calc(684rem/30) calc(480rem/30);
    position: relative;
    margin: 0 auto;
    top:calc(-12rem/30);
    box-sizing: border-box;
    padding-top:calc(57rem/30);
}

.sjs_xq h3{
    font-size:calc(36rem/30);
    color: #17310e;
    font-weight:normal;
    text-align: center;
    margin-bottom:calc(16rem/30);
}

.sjs_xq span{
    font-size:calc(18rem/30);
    color: #353f32;
    line-height:calc(30rem/30);
    margin-bottom:calc(20rem/30);
    display: block;
    text-align: center;
}

.sjs_xq p{
    color: #353f32;
    font-size:calc(16rem/30);
    margin-bottom:calc(22rem/30);
    text-align: center;
}

.sjs_btn{
    font-size: 0;
    display:flex;
    justify-content: center;
}

.sjs_btn a{
    width:calc(174rem/30);
    height:calc(46rem/30);
    line-height:calc(46rem/30);
    border-radius:calc(23rem/30);
    background:#2d6d3c;
    color: #ffffff;
    box-shadow: 0 5px 10px rgba(49,113,64,.6);
    box-sizing: border-box;
    text-align: center;
    font-size:calc(18rem/30);
}

.sjs_btn a+a{
    margin-left:calc(24rem/30);
}

/*设计师详情弹窗*/
.sjs_tc_bg{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:rgba(0,0,0,.5);
    z-index: 11 ;
}

.sjs_tc{
    width:calc(670rem/30);
    position:absolute;
    z-index: 13;
    top:calc(200rem/30);
    left:calc(50% - 670rem/30/2);
    border-radius: 12px;
    background:url(../images/sjs_tc_title.jpg)no-repeat top center #ffffff;
    -webkit-background-size: calc(670rem/30) calc(198rem/30);
    background-size: calc(670rem/30) calc(198rem/30);
    box-shadow:0 5px 10px rgba(0,0,0,.3);
    box-sizing: border-box;
    overflow: hidden;
    padding: calc(70rem/30) 0 calc(35rem/30) calc(60rem/30);
}

.sjs_tc .close_sjs_tc{
    position:absolute;
    right:calc(24rem/30);
    top:calc(24rem/30);
    cursor: pointer;
    width: calc(15rem/30);
    height: calc(14rem/30);
}

.sjs_tx{
    width:calc(200rem/30);
    height:calc(200rem/30);
    border:calc(6rem/30) solid #ffffff;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0 0 calc(10rem/30) rgba(0,0,0,.3);
    float: left;
}

.sjs_tx img{
    width: 100%;
}

.sjs_head{
    margin-bottom:calc(33rem/30);
}

.sjs_head span{
    width:calc(198rem/30);
    height:calc(66rem/30);
    line-height:calc(66rem/30);
    text-align: center;
    font-size:calc(30rem/30);
    color: #2d6d3c;
    float: right;
    display: block;
    background: #f6f8fa;
    border-right:calc(26rem/30) solid #2d6d3c;
    margin-top:calc(95rem/30);
}

.sjs_tc_xq{
    width:calc(580rem/30);
    height:calc(300rem/30);
    overflow:auto;
    box-sizing: border-box;
    padding-right:calc(30rem/30);
}

.sjs_tc_xq::-webkit-scrollbar {
    width:calc(10rem/30);
}

.sjs_tc_xq::-webkit-scrollbar-track {
    background-color:#ffffff;
    -webkit-border-radius:calc(5rem/30);
    -moz-border-radius:calc(5rem/30);
    border-radius:calc(5rem/30);
}

.sjs_tc_xq::-webkit-scrollbar-thumb {
    background-color:#c4c2be;
    -webkit-border-radius:calc(5rem/30);
    -moz-border-radius:calc(5rem/30);
    border-radius:calc(5rem/30);
}

.sjs_tc_xq i{
    width:calc(60rem/30);
    height:calc(6rem/30);
    border-radius:calc(3rem/30);
    display: block;
    background: #2d6d3c;
    margin-bottom:calc(15rem/30);
}

.sjs_tc_xq span{
    color: #353f32;
    font-size:calc(24rem/30);
    display: block;
    margin-bottom:calc(5rem/30);
}

.sjs_tc_xq p{
    font-size:calc(14rem/30);
    color: #353f32;
    line-height:calc(25rem/30);
    margin-bottom:calc(15rem/30);
}
