html,body{background: #f6f8fa;}
/*分页头图*/
.jz_page_head{
    background:url(../images/sjzp_banner_bg.jpg)no-repeat center;
    -webkit-background-size:100% calc(260rem/30);
    background-size:100% calc(260rem/30);
}

/*设计作品列表*/
.jz_sjzp_list{
    width:calc(670rem/30);
    background: #ffffff;
    margin:calc(40rem/30) auto calc(40rem/30) auto;
    box-shadow:0 calc(3rem/30) calc(5rem/30) rgba(0,0,0,.03);
}

.jz_sjzp_list dd{
    width: 100%;
    padding:calc(17rem/30) 0 calc(3rem/30) 0;
    border-bottom:1px dashed #d9d9d9;
}

.jz_sjzp_list dd:last-child{
    border-bottom: 0;
}

.jz_sjzp_list dd{
    display: flex;
    align-items: center;
}

.jz_sjzp_list dd span{
    display: block;
    background: #fcfdfd;
    width:calc(142rem/30);
    color: #17310e;
    font-size:calc(20rem/30);
    text-align: center;
}

.jz_sjzp_list dd ul{
    width:calc(548rem/30);
    font-size: 0;
    box-sizing: border-box;
    padding-left:calc(45rem/30);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.jz_sjzp_list dd li{
    color: #17310e;
    display:block;
    font-size:calc(18rem/30);
    height:calc(36rem/30);
    line-height:calc(36rem/30);
    vertical-align: middle;
    margin-bottom: calc(14rem/30);
    padding:0 calc(20rem/30);
    border-radius:calc(18rem/30);
    box-sizing: border-box;
    margin-right:calc(25rem/30);
}


.jz_sjzp_list dd .choose_li{
    color: #ffffff;
    background-image: linear-gradient(to right,#4c8e5b,#2e6e3d);
}

/*设计作品*/
.jz_sjzp{
    padding:0 0 calc(60rem/30) 0;
}

.jz_sjzp dl{
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
    width: calc(670rem/30);
    margin: 0 auto calc(30rem/30) auto;
}

.jz_sjzp dd{
    width:calc(323rem/30);
    margin-bottom:calc(20rem/30);
    box-shadow: 0 calc(8rem/30) calc(30rem/30) 0 rgba(52,116,67,.3);
}

.jz_sjzp .sjzp_img{
    display: block;
    width:calc(323rem/30);
    height:calc(168rem/30);
    position: relative;
    overflow: hidden;
}

.jz_sjzp dd img{
    position:absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
}

.jz_sjzp .sjzp_main{
    width: 100%;
    height:calc(73rem/30);
    background:#ffffff;
    padding:0 calc(12rem/30) 0 calc(17rem/30);
    box-sizing: border-box;
}

.sjzp_main{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jz_sjzp .sjzp_main .sjzp_text span{
    font-size:calc(22rem/30);
    color: #17310e;
    display: block;
    width:calc(200rem/30);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jz_sjzp .sjzp_main .sjzp_text p{
    color: #aaacaa;
    font-size:calc(14rem/30);
}

.jz_sjzp .sjzp_main a{
    display: block;
    float: right;
    width:calc(90rem/30);
    height:calc(36rem/30);
    line-height:calc(36rem/30);
    border-radius:calc(18rem/30);
    text-align: center;
    background-image: linear-gradient(to right,#4c8d5b,#2e6e3d);
    font-size:calc(14rem/30);
    color: #ffffff;
}

.yxgd_fy{
    display: flex;
    justify-content: center;
}

.yxgd_fy .yxgd_prev{
    height: calc(30rem/30);
    line-height: calc(30rem/30 - 2px);
    border: 1px solid #e1e0e0;
    color: #7c7c7c;
    font-size: calc(14rem/30);
    background:url(../images/prev_icon.png)no-repeat left calc(10rem/30) center;
    -webkit-background-size: calc(6rem/30) calc(12rem/30);
    background-size: calc(6rem/30) calc(12rem/30);
    box-sizing: border-box;
    padding-left: calc(22rem/30);
}

.yxgd_fy .yxgd_next{
    height: calc(30rem/30);
    line-height: calc(30rem/30 - 2px);
    border: 1px solid #e1e0e0;
    color: #7c7c7c;
    font-size: calc(14rem/30);
    background:url(../images/next_icon.png)no-repeat right calc(12rem/30) center;
    -webkit-background-size: calc(6rem/30) calc(12rem/30);
    background-size: calc(6rem/30) calc(12rem/30);
    box-sizing: border-box;
    padding-left: calc(12rem/30);
}

.yxgd_fy ul{
    display: flex;
    justify-content: center;
    margin: 0 calc(8rem/30);
}

.yxgd_fy li{
    width: calc(30rem/30);
    height: calc(30rem/30);
    line-height: calc(30rem/30 - 2px);
    color: #7c7c7c;
    font-size: calc(14rem/30);
    box-sizing: border-box;
    border: 1px solid #e1e0e0;
    border-radius:calc(2rem/30);
    text-align: center;
}

.yxgd_fy li+li{
    margin-left: calc(8rem/30);
}

.yxgd_fy li.active{
    color: #ffffff;
    border: 1px solid #2d6d3c;
    background:#2d6d3c;
}

.jz_rzxq{
    background: #ffffff;
}