body {
    background-color: #fff;
    min-height: 94%;
}

.dc-main {
    /* margin-top: -.1rem; */
    background-color: #fff;
    /* border-top: .1rem solid #ededed; */
    padding-top: .01rem;
}

.dc-banner {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    flex-wrap: wrap;
    border-bottom: .1rem solid #ededed;
    padding: .2rem 0;
}

.dc-banner li {
    width: 3.48rem;
    height: 2.12rem;
    margin: .05rem;
    overflow: hidden;
}

.dc-banner li:nth-child(3) {
    width: 7.06rem;
}

.dc-banner li img {
    width: 3.48rem;
    height: 2.12rem;
    border-radius: .06rem;
}

.dc-banner li:nth-child(3) img {
    width: 7.06rem;
}

.all-h2 {
    height: .4rem;
    margin: .64rem 0 0;
    border-left: .08rem solid #F0583A;
    padding-left: .14rem;
    font-size: .36rem;
    line-height: .4rem;
    color: #323232;
    font-family: "Noto Sans CJK SC Medium", "Source Han Sans CN Medium";
    font-weight: 500;
}

.dc-filter {
    width: 100%;
    padding: .46rem .34rem 0;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.dc-filter select {
    height: .7rem;
    width: 1.5rem;
    background: #F7F7F7 url(/m_images/c2-arrow-down.svg) no-repeat center right;
    background-size: 25% 12%;
    box-sizing: border-box;
    padding-left: .2rem;
    border-radius: .16rem;
    font-size: .24rem;
    color: #7A869A;
}
.dc-anli{
    padding-bottom: .4rem;
}
.dc-details {
    padding: .4rem 0 0;
}
.dc-details li{
    margin-bottom: .4rem;
}
.dc-details a{
    display: block;
    width: 6.86rem;
    height: 4.36rem;
    margin: 0 auto;
    position: relative;
    box-shadow:0 .04rem .2rem 0 rgba(0,0,0,0.1);
    border-radius: .16rem;
    overflow: hidden;
}

.dc-details img {
    width: 6.86rem;
    height: 4.36rem;
}
.dc-details .vide { 
    /*! display:none; */ 
    position:absolute; 
    top:0; left:0; 
}
.dc-details .vr3d {
 position:absolute;
 width:90px;
 height:auto;
 margin-left:40%;
 margin-top: -36%;
}
.dc-details .dc-info{
    width: 100%;
    height: 100%;
    background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%);
    position: absolute;
    bottom: 0;
}
.dc-details .dc-desc{
    width: 100%;
    box-sizing: border-box;
    padding: .3rem 0 .3rem .3rem;
    position: absolute;
    bottom: 0;
}

.num-div {
    padding: 0 .2rem;
}

.num-div select {
    height: .8rem;
    width: 2.26rem;
    background: #f4f4f4 url(/m_images/arrow-down.svg) no-repeat center right;
    background-size: 20% 20%;
    box-sizing: border-box;
    padding-left: .12rem;
    border-radius: .06rem;
    vertical-align: top;
    margin-right: .05rem;
    font-size: .28rem;
}

#search_building {
    display: inline-block;
    width: 2.3rem;
    height: .8rem;
    line-height: .8rem;
    border-radius: .06rem;
    border: .02rem solid #323232;
    text-align: center;
    box-sizing: border-box;
    font-size: .28rem;
}

.dc-h4 {
    color: #fff;
    font-size: .32rem;
    line-height: .36rem;
    margin-bottom: .2rem;
    font-family: "Noto Sans CJK SC Bold", "Source Han Sans CN Bold";
    font-weight: bold;
    white-space: nowrap;   
    overflow: hidden;    
    text-overflow:ellipsis;
    text-shadow:0 .04rem .2rem rgba(0,0,0,0.1),0 .04rem .04rem rgba(0,0,0,0.2);
    width: 70%;
}

.dc-p {
    font-family: "Noto Sans CJK SC Regular", "Source Han Sans CN Regular";
    font-weight: 400;
    color: #fff;
    font-size: .24rem;
    display: flex;
    display: -webkit-flex;
    line-height: .28rem;
    text-shadow:0 .04rem .2rem rgba(0,0,0,0.1);
}
.dc-p img{
    width: .32rem;
    height: .28rem;
    margin-right: .1rem;
}
.dc-p span{
    margin-right: .4rem;
}
.dc-p i{
    margin-right: .1rem;
    font-size: .24rem;
}
.dc-p span i{
    font-style:normal;
    margin-right: 0;
}
.dc-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.b_ad img{
    width:100%;
    height:1.92rem; 
}

.st-foot {
    border-top:.1rem solid #ededed;
}
.st-foot img{
    height:1.92rem;
}

.designer-list {width: 94%; padding:0.2rem; height: auto; margin:0 auto;   margin-top:0.3rem;}
.designer-list  li{width:98%; height: auto; padding: .3rem 0; box-shadow: 0 .05rem .25rem #e3e3e4; border-radius: .14rem; background: #fff; margin-bottom: .3rem;}
.designer-list   a{display: block; }

.designer{width: 100%; height:3rem;  }
.designer-logo{width: 2rem; height: 2.9rem; margin-left:0.2rem;float:left;}
.image-center{background-size: cover; background-position: top center;}
 
.star{display:-webkit-flex; display: flex; -webkit-align-items:center; align-items:center; height: .8rem;}
.star i{background-image: url(../img/star.png); width: .22rem; height: .22rem; margin: 0 .02rem;display: inline-block; background-size: 100% 100%;}
.star i.starb{background-image: url(../img/starb.png);}

.designer-info{width: 4.1rem; height: 100%; float:left;margin-left:0.3rem; }
.designer-info .name{display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; height: .6rem;}
.designer-info .name h3{line-height: .8rem; font-weight: 600;}
.designer-info .name h3 span{font-size: .24rem; color: #727272; margin-left: .14rem;}
.designer-info .info h5{color: #727272; margin-top: .15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.designer-info .info h5 span{color: #c79e68; font-size: .24rem;}
.designer-info .btn{display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; margin-top: .2rem;}
.designer-info .btn button{width: 1.8rem; height: .6rem; border-radius: .1rem; font-size: .24rem; border: 1px solid #c79e68; color: #c79e68; text-align: center; }
.designer-info .btn button:last-child{background: #c79e68; color: #fff;}
.designer-info .btn a button:last-child{background: #c79e68; color: #fff;}
.designer-info .btn a:nth-child(1) button{background-color: #fff;width: 1.8rem; height: .6rem; border-radius: .1rem; font-size: .24rem; border: 1px solid #c79e68; color: #c79e68; text-align: center; }