.effect-item{
    width:2.5rem;
    margin-top: .8rem;
}
.effect-icon{
    width: 1.05rem;
    height: 1.05rem;
}
.effect-name {
    font-size: .32rem;
    color: #444444;
    margin: .2rem auto;
}
.line{
    width: 100%;
    border-bottom: 1px solid #f5f5f5;
}
.title-des{
    font-size: .35rem;
    margin: .4rem auto;
}
.ser-wrap {
    width: 100%;
    padding: .6rem .3rem 0rem;
}
.ser-item {
    width: 3.29rem;
    height: 5.33rem;
    border: 1px solid #f5f5f5;
    border-bottom: .08rem solid #c4a064;
    margin-bottom: .24rem;
    padding: .1rem;
    box-shadow:1px 1px 10px #eaeaee;
}
.ser-btm{
    width: 100%;
    height: 1.45rem;
}
.ser-des{
    /* width: 2.12rem; */
}


.ser-icon{
    width: 3.07rem;
    height: 3.77rem;
}
.ser-name{
    font-size: .32rem;
    color: #444444;
}
.brand-img{
    width: 6.87rem;
    margin-top: 1.28rem;
}
/*  案例*/
.brand-case-item{
    width: 6.83rem;
    height: 2.17rem;
    box-shadow: 1px 1px 10px #eaeaea;
    margin-top: .38rem;
}
.brand-case-img-wrap{
  position: relative;   
}
.brand-case-img{
    width: 3.29rem;
    height: 100%;
}
.brand-tag{
    position: absolute;
    left: 0;
    top: .16rem;
    width: 1.54rem;
    height: .42rem;
    background-color: #cfa972;
    border-top-right-radius: .08rem;
    border-bottom-right-radius: .08rem;
    color: #ffffff;
}
.brand-case-title-wrap{
    width: 3.51rem;
    height: 2.17rem;
    padding: .3rem;
}

.brand-case-title{
    font-size: .32rem;
    margin-bottom: .2rem;
    color: #000000;
    
}
.brand-case-subtitle{
    font-size: .24rem;
    margin-top: .1rem;
    color: #808080;
}
.data-wrap {
    background: url(/static/img/brand/pic.png);
    background-size: 100% 100%;
    width: 100%;
    height: 6.15rem;
}
.data-list{
    padding: 0 .9rem;
}
.data-item{
    width: 2.2rem;
    color: #ffffff;
    margin: .7rem auto;
}
.data-title{
    font-size: .5rem;
    margin-bottom: .1rem;
}
.data-line {
    width: .39rem;
    height: .03rem;
    background-color: #c4a064;
}
.data-des{
    font-size: .24rem;
    margin-top: .2rem;
}
.apply-wrap{
    margin-top: .9rem;
}
.apply-title{
    font-size: .5rem;
    color: #333333;
}
.apply-subtitle{
    font-size: .24rem;
    color: #c4a064;
}
/* 弹框 */
.new-pop-con{
    position: fixed;
    background-color: #ffffff;
    z-index: 1004;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6.88rem;
    border-radius: .2rem;
    padding-bottom: .46rem;
}
.new-pop-wrap2{
    display: none;
}
.new-pop-wrap1{
    display: none;
}
.new-pop-close {
    position: absolute;
    right: .26rem;
    top: .26rem;
    width: .33rem;
    height: .33rem;
}
.new-pop-code{
    width: 4rem;
}
.new-pop-title{
    background-color: #c69f66;
    height: .87rem;
    color: #ffffff;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
    font-size: .4rem;
    width: 6.88rem
}
.new-pop-item{
    width: 1.85rem;
    height: .6rem;
    border-radius: .1rem;
    border: 1px solid #c69f66;
    background-color: rgb(198,159,102,0.3);
    color: #c69f66;
    margin: .3rem auto; 
    font-size: .28rem;
}
.new-pop-item-wrap{
    width: 2.29rem;
    border-radius: .1rem;
    border: 1px solid #c69f66;
    background-color: rgb(198,159,102,0.3);
    color: #c69f66;
    height: 3.7rem;
}
.new-pop-btm-item{
    width: 1.6rem;
    height: .6rem;
    border-radius: .1rem;
    border: 1px solid #c69f66;
    color: #c69f66;
    margin: .1rem auto; 
    font-size: .28rem;
}