body,html {
    background: #ffffff;
}
/*banner*/
.designer_banner_box {
    width: 100%;
    height: 671px;
    margin-bottom: 50px;
}
.designer_banner {
    width: 100%;
    height: 671px;
    margin: 0 auto;
    background: url("/Public/static/images/designer/designer_banner.jpg") no-repeat center center;
}


/*轮播图*/
html, body {
    position: relative;
    height: 100%;
}
body {
    background: #fff;
    font-family:"Microsoft Yahei", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
}
.swiper-container {
    width: 100%;
    height: 100%;

}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#shuffling {
    width: 1102px;
    height: 776px;
}
.sw1,.sw2,.sw3 {
    background:url("/Public/static/images/designer/shuffling_bg_03.jpg") no-repeat center center;
}
.swiper_pagination {
    margin-bottom: 20px;
}

.main {
    width: 1061px;
    height: 736px;
    /*background: salmon;*/
}
.top {
    width: 945px;
    height: 396px;
    margin: 19px auto;
    /*background: #d41f09;*/
}
.photos {
    float: left;
    position: relative;
    width: 400px;
    height: 396px;
}

.photos .designer_h1 {
    position: absolute;
    right: 54px;
    bottom: 45px;
    width: 30px!important;
    height: 30px!important;
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    cursor: pointer;
}
.photos .designer_h1 img {
    text-align: center;
    padding-top: 6px;
    width: 18px;
    height: 18px;
}
.photos .designer_h1:hover+.designer_qr {
    display: block;
}

.photos img {
    width: 100%;
    height: 100%;
}
.designer_qr {
    display: none;
}

.main .top .photos .designer_qr img {
    position: absolute;
    right: -38px;
    bottom: 5px;
    width: 89px!important;
    height: 111px!important;
}



.synopsis {
    float: right;
    width: 400px;
    height: 396px;
    /*background: #ef8c8c;*/
}
.synopsis h4 {
    /*line-height: 62px;*/
    margin-top: 20px;
    text-align: left;
}
.synopsis p {
    font-size: 16px;
    text-align: left;
}
.lower {
    width: 945px;
    height: 250px;
    margin: 0 auto;
}
.lower li{
    float: left;
    width: 300px;
    height: 218px;
    margin-left: 11px;
    margin-top: 15px;
    background: #c9c9c9;
}
.next {
    width: 35px;
    height: 35px;
    background: deepskyblue;
}
.more {
    width: 1100px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    line-height: 50px;
    color: #3b3a38;
    font-size: 18px;
    cursor: pointer;
    color: #DAAE57;
    display: none;
}

/*achievement*/
.achievement {
    width: 1101px;
    height: 605px;
    margin: 0 auto;
    background: url("/Public/static/images/designer/achievement_img.jpg") no-repeat center center;
}
.recommend_box {
    width: 1101px;
    height: 1042px;
    margin: 0 auto;
    /*background: skyblue;*/
}
.recommend {
    width: 1101px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    color: #e7f7ff;
    font-size: 16px;
    background: #000000;
}
.recommend_main {
    width: 100%;
    height: 100%;
    /*background: grey;*/
}
.recommend_main li {
    float: left;
    width: 275px;
    height: 431px;
    margin-top: 20px;
}
.recommend_main li span {
    display: block;
    width: 263px;
    height: 431px;
    margin: 0 auto;
    border: 1px solid #d7d7d7;
}
.recommend_main li span a {
    float: left;
    margin-top: 10px;
    display: block;
    width: 41px;
    height: 41px;
}
.recommend_main li span a i {
    display: block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
}
.recommend_main li span p{
    display: block;
    text-align: left;


}


/*设计师模块轮播按钮 start*/
.swiper-button-prev2,.swiper-button-next2 {margin-top: 133px}
/*设计师模块轮播按钮 end*/

/*设计师模块more start */
.bm-designer-nav-more{float: right;font-size: 15px;line-height: 15px;margin-left: 20px;margin-top: 72px;color: #707070;}
/*设计师模块more end*/

/*设计师模块文字部分 start*/
.bm-allsay-title{padding-left: 10px;display: block;position: relative;color: #333111;font-weight: bold;line-height: 14px;font-size: 14px;margin: 16px;}
/*设计师模块文字部分 end*/

/*设计师模块详情 start*/
.designer-detailed {display: inline-block;margin-top: 25px;margin-left: 10px}
.designer-detailed h3 {margin-left: 8px;font-size: 22px;font-weight: 700}
.designer-detailed p {margin-top: 18px;font-size: 17px;font-weight: 600}
/*设计师模块详情 end*/

/*设计师二维码部分 start*/
.designer {position: relative;}
.designer-hover { position: absolute;bottom: -15px;right: 70px;width: 36px;height: 35px;text-align: center;border: 1px solid #d9d9d9;border-radius: 20px;background: #ffffff;cursor:pointer;}
.designer-hover img {margin-top: 6px;}
.designer-hover:hover+.designer-qr {display: block;}
.designer-qr {display: none;position: absolute;bottom: 22px;right: 26px;}
/*设计师二维码部分 end*/
.bm-allsay-detail{display: block;padding: 0 16px 0 16px;font-size: 12px;line-height: 18px;color: #555;}


    /* 设计师box*/
.designer_list_box {
    width: 100%;
    height:394px ;
    display: none;
    margin-top: 20px;
}
.designer_list {
    width: 1104px;
    height: 394px;
    margin: 0 auto;
}

/*designer_list*/
.designer_list_01 {
    float: left;
    width: 276px;
    height: 394px;
}

.designer_list_01_1 {
    width: 259px;
    height: 394px;
    margin: auto;

}

.bm-allsay-list-items1 {
    width: 257px;
    margin-right: 20px;
    height: 392px;
    border: 1px solid #d9d9d9;
}
.imgbox1{
    width: 100%;
    display: block;
    height: 225px;
}

.bm-allsay-title1 {
    padding-left: 0px;
    display: block;
    position: relative;
    color: #333111;
    font-weight: bold;
    line-height: 9px;
    font-size: 9px;
    margin: 11px;
}
.margin_b {
    margin-bottom: 110px;
}


/*卷帘展示*/
.Photography_box {
    width: 100%;
    height: 402px;
    margin-top: 100px;
    background: #eeeeee;
}
.Photography {
    width: 1102px;
    height: 402px;
    margin: 0 auto;
    background: salmon;
}
.decorate1 {
    float: left;
    width: 408px;
    height: 402px;
}
.decorate1 img {
    width: 100%;
    height: 100%;
}
.decorate2 {
    width: 1102px;
    height: 402px;
    background: darkolivegreen;
}
.decorate2 img {
    width: 694px;
    height: 100%;
}
/*黑色分割*/

.Black_partition_box {
    width: 100%;
    height: 45px;
}
.Black_partition {
    width: 1101px;
    height: 45px;
    margin: 0 auto;
    background: #000000;
}
.Black_partition p {
    width: 100%;
    height: 100%;
    line-height: 46px;
    text-align: center;
    font-size: 21px;
    font-weight: 500;
    color: #ffffff;
}
/*展示*/
.classification_box {
    width: 100%;
    height: 458px;
}
.classification {
    width: 1102px;
    height: 458px;
    margin: 0 auto;
    background: url("/Public/static/images/designer/classification_bg_03.jpg") no-repeat center center;
}
.classification_main {
    width: 930px;
    height: 442px;
    margin: 45px auto;
}

.classification_main li {
    float: left;
    width: 186px;
    height: 237px;
}
.classification_main li span {
    display: block;
    margin: 3px auto;
    width: 166px;
    height: 230px;
}
.classification_main li span img {
    width: 166px;
    height: 182px;
}
.classification_main li span p {
    width: 166px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #a3a3a3 ;

}
/*end*/

.swiper-button-next{right: 30px !important;background-image: url("/Public/static/images/else/next.png") !important;background-size: 100% 100% !important;width: 50px !important;height: 50px !important;opacity: 0.7;}
.swiper-button-next:hover{opacity: 1;}
.swiper-button-prev{left: 30px !important;background-image: url("/Public/static/images/else/prev.png") !important;background-size: 100% 100% !important;width: 50px !important;height: 50px !important;opacity: 0.7;}
.swiper-button-prev:hover{opacity: 1;}