
html,body,ul,li,a{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

.header{
    height: 550px;
}
.container{
    width: 90%;
    margin: 0 auto;
    
}
.bg-img{
    height: 500px;
    background-image: url(../images/1.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 20px;
}



/* 装修计算器部分 */
.zx-title{
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin: 20px;
}


.zx-jsq-z{
    display: flex;
    height: 230px;
    justify-content:center;
    align-items: center;
    margin: 10px auto 10px;
    border: 1px solid #f1f1f1;

    
}




/* 装修计算器左侧 */
.zx-left{
    width: 50%;
    text-align: center;
    background-color: #fefefe;
   
}
.zx-left-t{
    font-size: 18px;
    text-align: center;
   
}

.city{
    position: relative;
    margin: 25px auto 5px;
    width: 235px;

}
.city .glyphicon-menu-down{
    position: absolute;
    top: 11px;
    right: 14px;
    z-index: 8;
}

/* 建筑面积 */
.house-area{
    margin: 0 auto 5px;
    width: 235px;
    
}

.house-model{
    display: flex;
    flex-grow: 1;
   justify-content: center;
}
.house-room-1{
    width: 113px;
    height: 35px;
    border-radius: 5px;
    margin: 5px;

}
.house-hall-1{
    width: 113px;
    height: 35px;
    border-radius: 5px;
    margin: 5px;

}
.zx-tel{
    margin: 0 auto 5px;
    width: 235px;
}

/* 装修计算器中间按钮 */
.btn-js{
    position: absolute;
    height: 150px;
    width: 150px;
    background-color: #f3d20b;
    border-radius: 50%;
    font-size: 24px;
}
/* 装修计算器右侧结果部分 */
.zx-right{
    width: 50%;
    height: 230px;
    text-align: center;
    background-color: #f1f1f1;
  
}
.zx-right-ins{
    width: 50%;
    margin: 0 auto;
    text-align: right;
}
.js-result{
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 25px;

}
.js-result-1{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.js-result-2{
    display: inline-block;
    margin-right: 110px;
    margin-bottom: 10px;
}
.jc-result{
    font-size: 17px;
    margin-bottom: 8px;
}
.cf-result{
    font-size: 17px;
    margin-bottom: 8px;
}
.wy-result{
    font-size: 17px;
    margin-bottom: 8px;
}

/* 装修五部曲 */

.zx-wubuqu{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    background-color: #f6f6f6;
    padding-bottom: 40px;
}

.wbq-title{
    font-size: 40px;
    margin-bottom: 30px;
}
.zx-wubuqu .wbq-container  .iconfont{
    font-size: 40px;
    margin-left: 20px;
}
.wbq-1-i{
    font-size: 24px;
}
.wbq-container{
    display: flex;
    justify-content: center;
}

.wbq-1,.wbq-2,.wbq-3,.wbq-4,.wbq-5{
    display: flex;
    flex-direction: column;
}
/* 全家包装 */
.qjbz{
    width: 1200px;
    margin: 0 auto;
    font-size: 30px;
    text-align: center;
    margin-top: 15px;
    height: 150px;
    line-height: 150px;
    background-image: url(../images/2.png);
}

/* 装修八包 */
.zx-babao{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.zx-babao .bb-container .iconfont{
    font-size: 30px;
}
.bb-container{
    display: flex;
    justify-content: center;
    padding: 50px;
    flex-wrap: wrap;
}
.bb-1,.bb-2,.bb-3,.bb-4,.bb-5,.bb-6,.bb-7,.bb-8{
    display: flex;
    flex-direction: column;
    border: 1px solid #f1f1f1;
    padding: 15px;
    margin: 100px;
    margin-bottom: 0;
    
}


.xia{
    margin-top:1000px;
}

/* 环保家居 */

.hbjz{
    width: 1200px;
    margin: 0 auto;
    font-size: 30px;
    text-align: center;
    margin-top: 15px;
    height: 150px;
    line-height: 150px;
    background-image: url(../images/3.png);
}

/* 装修品牌 */
.zx-pinpai{
    width: 1200px;
    margin: 35px auto;
}
.pp-container{
    display: flex;
    flex-wrap: wrap;
    
}
.pp-1,.pp-2,.pp-3{
    display: flex;
    justify-content: center;
    padding: 10px;
    margin: 30px 10px 30px;
    border: 1px solid #f1f1f1;

    
}

.pp-1-pic,.pp-2-pic,.pp-3-pic{
    width: 300px;
    height: 150px;
    margin-right: 20px;
    background-image: url(../images/4.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.pp-2-pic{
    background-image: url(../images/5.png);
}
.pp-3-pic{
    background-image: url(../images/6.png);
}
.pp-1-ins,.pp-2-ins,.pp-3-ins{
    padding: 25px;
}
.pp-1-ins-title,.pp-2-ins-title,.pp-1-ins-title{
    font-size: 26px;
}
.pp-4{
    width: 600px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.pp-4-btn{
    width: 150px;
    height: 30px;
    border-radius: 5px;
    margin: 10px auto;
    background-color: rgb(212, 23, 23);
}
.pp-4-ins{
    font-size: 16px;
    color: #999;
}
.pp-4-tel{
    font-size: 30px;
    border: 1px solid silver;
    margin-top: 5px;
    padding: 10px;
}
/* 严选大牌 */

.yxdp{
    width: 1200px;
    margin: 0 auto;
    font-size: 30px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 30px;
    height: 150px;
    line-height: 150px;
    background-image: url(../images/7.png);
}
/* 合作伙伴 */
.zx-hezuo{
    width: 1200px;
  
}
.thumbnail-pic{
    width: 99%;
    text-align: center;

}
.row .container .col-sm-4{
    height: 200px;
}
.caption{
    width: 100%;
    height: 36px;
    background-color: #d5d5d5;
    text-align: center;
}
.caption-ins{

}

/* 金标工艺 */
.jbgy{
    width: 1200px;
    margin: 0 auto;
    font-size: 30px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 40px;
    height: 150px;
    line-height: 150px;
    background-image: url(../images/jbgy.png);
}

/* 九大用途 */

.zxyt-1{
    margin: 50px 0;
}

.zxytdiv .container{
    margin-bottom: 50px;
}

/* 痛点页面 */
/* 痛点页面 */
/* 痛点页面 */
/* 痛点页面 */
/* 痛点页面 */
/* 痛点页面 */
/* 痛点页面 */

.td-container{
    background-color: #ebebeb;
    width: 90%;
    margin: 0 auto;
}

.td-jumb{
    height: 850px;
    text-align: center;
    background-color: #ebebeb;
}

.td-jumb .td-ksh{
    font-size: 110px;
    color: #e37D17;
    margin-top: 50px;
    margin-bottom: 40px;
}

.td-jumb .td-ins{
    width: 90%;
    margin: 0 auto;
    font-size: 50px;
    text-align: left;
}


/* 四大痛点 */


.container-fuild{
  
    background-color: #e4e4e4;
}


.td-title{
    text-align: center;
    font-size: 60px;
}
.td-pic{
    width: ;
}
.td-ins{
    background-color: #e4e4e4;
    font-size: 30px;
   height: 300px;
}

.td-ins-ins{
    display: flex;
    margin: 25px;
}

/* 序号加三角形边框 */

.td-num{
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    font-size: 30px;
    
    line-height: 75px;
    border-bottom: 1px solid black;
    box-sizing: border-box;
    overflow: hidden;
     
}
.td-num::before,.td-num::after{
    position: absolute;
    content: "";
    bottom: 0;
    width: 1px;
    height: 60px;
    background: #000;
    transform-origin: bottom;
}
.td-num::before{
    left: 0;
    transform: rotate(30deg);
}
.td-num::after{
    right: 0;
    transform: rotate(-30deg);
}



/* 管理体系 */

.gl-title{
    font-size: 60px;
    text-align: center;
    
}

.gl-title .gl-dkh {
    margin-top: -150px;
    transform: rotate(90deg);
}

.gl-title .gl-dkh .iconfont{
    font-size: 240px;
    text-align: center;
}

/* 管理体系第一行 */
.gl-1{
    display: flex;
    justify-content: center;
}
.gl-1-ins{
    display: flex;
    flex-direction: column;
    margin: 25px;
    text-align: center; 
    font-size: 30px;
}
.gl-1-ins .iconfont{
    font-size: 80px;  
}

.gl-1-f{
    display: flex;
}
.gl-1-f1{
    display: flex;
    flex-direction: column;
    transform: rotate(23deg);
    margin-right: 10px;
}
.gl-1-f2{
    display: flex;
    flex-direction: column;
    transform: rotate(-23deg);
    margin-left: 10px;
}
.gl-1-f1 .iconfont,.gl-1-f2 .iconfont{
    font-size: 40px;
}
.gl-1-f3{
    font-size: 20px;
    transform: rotate(-23deg); 
}
.gl-1-f4{
    font-size: 20px;
    transform: rotate(23deg);
}

/* 管理体系第二行 */


.gl-2{
    display: flex;
    justify-content: center;
}
.gl-2-ins{
    display: flex;
    flex-direction: column;
    margin: 15px;
    text-align: center; 
    font-size: 30px;
}
.gl-2-ins .iconfont{
    font-size: 80px;  
}

/* 六部分  验收 */
.row .td-container-yanshou .col-sm-6{
    border: none;
}
.row .td-container-yanshou{
    width: 75%;
    margin: 0 auto;
}
.row .td-container-yanshou .col-sm-6 .thumbnail .td-pic{
    display: flex;
    justify-content: center;
    
}
.row .td-container-yanshou .col-sm-6 .thumbnail .td-pic-1{
    margin-right: 15px;
    
}
.row .td-container-yanshou .col-sm-6 .thumbnail .td-pic-2{
    margin-left: 15px;
}
.row .td-container-yanshou .col-sm-6 .td-ys-title{
    height: 40px;
    text-align: center;
}






/* 案例页面 */
/* 案例页面 */
/* 案例页面 */
/* 案例页面 */
/* 案例页面 */
/* 案例页面 */
/* 案例页面 */
/* 案例页面 */
/* 案例页面 */



.al-jumb{
    width: 95%;
    height: 350px;
    background-image: url(../images/26.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    
}

.al-jumb .al-title1{
    font-size: 120px;
    margin: 25px;
}
.al-jumb .al-title2{
    font-size: 80px;
    margin-bottom: 40px;
}


.zs-title{
    width: 920px;
    height: 130px;
    background-color: #D1D5d6;
    margin-top: 50px;
    margin-left: 100px;
   margin-bottom: 100px;
    line-height: 130px;
}
.zs-title1{
    color: #9c6638;
    font-size: 80px;
    margin-left: 50px;
}

/* 案例瀑布流布局 */


.al-pubulliu ul{
    column-count: 2;
    margin: 50px;
}

.al-pubulliu li{
    display: inline-block;
    width: 800px;
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 10px;
    margin: 20px;
}
.al-pubulliu ul li img{
    width: 100%;
}
.al-footer{
    width: 100%;
    height: 250px;
    background-image: url(../images/al-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 50px;
}



/* 魔术师-让你的家变大20%页面 */
/* 魔术师-让你的家变大20%页面 */
/* 魔术师-让你的家变大20%页面 */
/* 魔术师-让你的家变大20%页面 */
/* 魔术师-让你的家变大20%页面 */
/* 魔术师-让你的家变大20%页面 */
/* 魔术师-让你的家变大20%页面 */
/* 魔术师-让你的家变大20%页面 */
/* 魔术师-让你的家变大20%页面 */


.mss-container{
    width: 80%;
    margin: 10px auto;
}
.mss-bg-1{
    background-color: #f3f3f3;

}

/* 绘制顶端三角形 */
.mss-bg-logo{
    width: 280px;
    height: 200px;
    background-color: #e8952f;
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
    text-align: center;
    margin-left: 200px;
}
.mss-bg-logo-1{
    position: relative;
    font-size: 26px;
    padding-top: 10px;
    
}
.mss-bg-logo-2{
    font-size: 16px;
    margin-top: 10px;
}


/* 标题字体部分 */

.mss-bg-title{
    font-size: 46px;
    letter-spacing: 15px;
    text-align: center;
}
.mss-bg-title-1{
    font-size: 46px;
    color: #999;
    border-bottom: 1px solid gainsboro;
    letter-spacing: 5px;
}
.mss-bg-title-2{
    font-size: 76px;
    color: #EC9039;
    letter-spacing: 5px;
}

.mss-bg-subtitle{
    width: 50%;
    margin-left: 200px;
    border-radius: 10px;
    font-size: 36px;
    text-align: center;
    background-color: #f5cd00;
}


.mss-bg-img{
   position: absolute;
   right: 120px;
   top: 238px;
   width: 700px;
   height: 700px;
   background-image: url(../images/mss-bg.png);
   background-repeat: no-repeat;
   background-size: contain;

}
.mss-bg-bigdata{
    display: flex;
    background-image: url(../images/mss-bg-3.png);
    background-repeat: no-repeat;
    background-size: contain;
}




/* 百叶窗内的五个问题 */
.mss-bg-problem{
    position: relative;
    width: 65%;
    width: 990px;
    height: 600px;
}

/* 第一部分定位，，，由于背景是图片，，，所以屏幕大小改变时，，，定位偏移 */
/* 第一部分定位，，，由于背景是图片，，，所以屏幕大小改变时，，，定位偏移 */
/* 第一部分定位，，，由于背景是图片，，，所以屏幕大小改变时，，，定位偏移 */
/* 第一部分定位，，，由于背景是图片，，，所以屏幕大小改变时，，，定位偏移 */
/* 第一部分定位，，，由于背景是图片，，，所以屏幕大小改变时，，，定位偏移 */
/* 第一部分定位，，，由于背景是图片，，，所以屏幕大小改变时，，，定位偏移 */
/* 第一部分定位，，，由于背景是图片，，，所以屏幕大小改变时，，，定位偏移 */
/* 第一部分定位，，，由于背景是图片，，，所以屏幕大小改变时，，，定位偏移 */
/* 第一部分定位，，，由于背景是图片，，，所以屏幕大小改变时，，，定位偏移 */
.mss-p1{
    position: absolute;
    left: 44%;
    top: 25%;
    width: 13%;
    height: 21.7%;
    text-align: center;
    padding: 10px;
}
.mss-p1-1,.mss-p1-2{
    color: #98c3e1;
    font-size: 20px;
    font-weight: 700;
}

/* 第二部分定位，，，问题上同 */
/* 第二部分定位，，，问题上同 */
/* 第二部分定位，，，问题上同 */
/* 第二部分定位，，，问题上同 */
.mss-p2{
    position: absolute;
    left: 71.5%;
    top: 29.7%;
    width: 10%;
    height: 16.7%;
    text-align: center;
    padding: 10px;
}

.mss-p1-4,.mss-p1-5{
    color: #6a4439;
    font-size: 16px;
    font-weight: 700;
}


/*第三部分定位，问题上同 */
/*第三部分定位，问题上同 */
/*第三部分定位，问题上同 */
/*第三部分定位，问题上同 */
/*第三部分定位，问题上同 */

.mss-p3{
    position: absolute;
    left: 57.5%;
    top: 46%;
    width: 150px;
    height: 150px;
    text-align: center;
    padding: 10px;
}

.mss-p1-7,.mss-p1-8{
    color: #ac0c3d;
    font-size: 20px;
    font-weight: 700;
}
/* 第四部分定位   ，，，问题上同 */
/* 第四部分定位   ，，，问题上同 */
/* 第四部分定位   ，，，问题上同 */
/* 第四部分定位   ，，，问题上同 */

.mss-p4{
    position: absolute;
    left: 49%;
    top: 70%;
    width: 100px;
    height: 100px;
    text-align: center;
    padding: 10px;
}

.mss-p1-10,.mss-p1-11{
    color: green;
    font-size: 16px;
    font-weight: 700;
}

/* 第五部分定位，问题上同 */
/* 第五部分定位，问题上同 */
/* 第五部分定位，问题上同 */
/* 第五部分定位，问题上同 */


.mss-p5{
    position: absolute;
    left: 72%;
    top: 69%;
    width: 110px;
    height: 110px;
    text-align: center;
    padding: 10px;
}

.mss-p1-13,.mss-p1-14{
    color: #288371;
    font-size: 16px;
    font-weight: 700;
}


.mss-p1-12,.mss-p1-15{
    font-size: 10px;
}



/* 文字部分，大数据调查 */


.mss-bigdata-solve{
    width: 30%;
    text-align: center;
    padding-top: 250px;
}

.mss-bigdata-title{
    font-size: 60px;
}

.mss-bigdata-t1{
    color: #ba4e16;
}

.mss-bigdata-ins{
    font-size: 20px;
    font-weight: 700;
}


.mss-bigdata-1{
    color: #d796a8;
}

.mss-bigdata-ins2{
    width: 70%;
    margin: 5px auto;
    font-size: 18px;
    background-color: #000;
    color: #fff;
    border-radius: 5px;
}

/* 顶部背景第二部分 */

.mss-bg-2{
    background: #f3f3f3;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 100px;
}
.mss-bg-2-title{
    display: flex;
    justify-content: center;
}
.mss-bg-bian{
    width: 150px;
    height: 150px;
    line-height: 150px;
    border-radius: 50%;
    font-size: 80px;
    background-color: #bd5a1d;
    color: #FFF;
    border-right: 1px solid #000;
}
.mss-bg-ai{
    font-size: 75px;
    color: #bd5a1d;
    margin-left: 5px;
}

.mss-bg-ins{
    font-size: 30px;
    margin: 10px;
}
.mss-bg-ins-2{
    color: #D99154;
}
.mss-bg-s{
    width: 35%;
    margin: 0 auto;
    background-color: #000;
    font-size: 20px;
    padding: 10px;
    color: #FFF;
}







.mss-container .col-sm-6{
    display: flex;
    height: 650px;
    margin-bottom: 10px;

}

.mss-container .col-sm-6 .thumbnail{
    width: 45%;
    
}

.mss-container .col-sm-6 .mss-ins{
    width: 45%;
    height: 640px;
}
.adv-title{
    margin: 15px;
    
}
.adv-title1{
    background-color: #000;
    color: #fff;
    width: 95%;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.adv-title2{
    font-size: 15px;
}

.mss-ins{
    background-color: #e4e4e4;

}
.mss-ins-title{
    display: flex;
    justify-content: center;
    margin-top: 35%;
    
}
.mss-ins-num{
    width: 30px;
    height: 30px;
    background-color: #D9521E;
    border-radius: 30px 0 0 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding-top: 8px;
}
.mss-ins-con{
    font-size: 20px;
    margin: 4px;
}
.mss-subtitle{
    color: #867339;
    text-align: center;
}
.mss-ins-1{
    width: 75%;
    margin: 25% auto;
}
.mss-ins-intr{
    display: flex;
   
}
.mss-ins-intr1{
    color: rebeccapurple;
    padding-right: 10px;
}
.mss-ins-intr2{
    padding-left: 2px;
    
}
.mss-ins-line{
    width: 74%;
    border-top: 1px solid gray;
    margin-bottom: 20px;
}

.mss-ins-ins{
    display: flex;

}
.mss-ins-ins1{
    width: 16px;
    height: 16px;
    line-height: 1px;
    text-align: center;
}




/* 新春纳福季板块专题 */
/* 新春纳福季板块专题 */
/* 新春纳福季板块专题 */
/* 新春纳福季板块专题 */
/* 新春纳福季板块专题 */
/* 新春纳福季板块专题 */
/* 新春纳福季板块专题 */





.ny-container{
    background-color: #a90f03;
    width: 80%;
    margin: 0 auto;
    text-align: center;

  
}
.ny-slogan1{
    font-size: 100px;
    color: #fff;
    font-weight: 700;
}
.ny-slogan2{
    font-size: 50px;
    color: #fff;
}
.ny-slogan3{
    font-size: 200px;
    font-weight: 700;
    letter-spacing: 10px;
    color: #fef573;

}
.ny-slogan4{
    font-size: 50px;
    color: #fff;  
}

/* 三个送部分，，三个优惠 */


.nyyh-z{

    display: flex;
    width: 80%;
    margin: 0 auto;
    justify-content: center;
    
}
.nyyh-1,.nyyh-2,.nyyh-3{
    width: 280px;
    height: 370px;
    background-color: #fff;
    margin: 20px;
    border-radius: 25px;
    overflow: hidden;
    
}
.nyyh-s{
    background-color: #e3483c;
    width: 70px;
    height: 70px;
    line-height: 45px;
    padding-right: 18px;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    clip-path: polygon(0 0, 100% 0, 0 100%);
}
.nyyh-1-t,.nyyh-2-t,.nyyh-3-t{
    font-size: 40px;
    font-weight: 700;
    color: #ba192b;
}
.nyyh-2-t span{
    font-size: 25px;
    color: #000;
    font-weight: 500;
}
.nyyh-1-ins,.nyyh-2-ins,.nyyh-3-ins{
    font-size: 25px;
}
.nyyh-1-img,.nyyh-2-img,.myyh-3-img{
    width: 90%;
    text-align: right;
}

/* 第一个优惠部分，，，新老客户进店，领取神秘福袋 */
/* 第一个优惠部分，，，新老客户进店，领取神秘福袋 */
/* 第一个优惠部分，，，新老客户进店，领取神秘福袋 */
/* 第一个优惠部分，，，新老客户进店，领取神秘福袋 */
/* 第一个优惠部分，，，新老客户进店，领取神秘福袋 */



.nyyh-f-t{
    background-color: #fcf5e5;
    width: 40%;
    margin: 0 auto;
    padding: 10px;
    font-size: 35px;
    font-weight: 700;
    color: #ba192b;
    border-left: 100px solid #c72e1c;
    border-right: 100px solid #c72e1c;
    border-bottom: 20px solid #c72e1c;
    border-top: 20px solid #c72e1c;
    box-sizing: content-box;
}
.nyyh-f-1-ins,.nyyh-f-2-ins,.nyyh-f-3-ins{
    font-size: 25px;
    color: #fff;
    margin: 15px;
    letter-spacing: 5px;
}

.nyyh-f-1-det,.nyyh-f-2-det,.nyyh-f-3-det{
    display: flex;
    justify-content: center;
}
.nyyh-f-1-det1,.nyyh-f-1-det2,.nyyh-f-1-det3{
    background-color: #fefefe;
    width: 300px;
    height: 200px;
    border-radius: 25px;
    margin: 20px;
    overflow: hidden;
}

.nyyh-f-1-det-t,.nyyh-f-2-det-t,.nyyh-f-3-det-t{
    font-size: 25px;
    color: #ba192b;
    margin: 15px;
}
.nyyh-f-1-det-img,.nyyh-f-2-det-img,.nyyh-f-3-det-img{
    text-align: right;
}

/* 第二个优惠部分，，，现金券 */


.nyyh-f-2-det1,.nyyh-f-2-det2,.nyyh-f-2-det3{
    background-color: #f9e3d5;
    width: 300px;
    height: 120px;
    border-radius: 5px;
    margin: 20px;
    overflow: hidden;
}

.nyyh-f-1-det-t{
    font-size: 40px;
    font-weight: 700;
}
.nyyh-f-1-det-t .iconfont{
    font-size: 20px;
}

.nyyh-f-2-det-ins{
    font-size: 16px;
    color: #d4a7af;
}


/* 第三个送，，，送家电 */



.nyyh-f-3-det1,.nyyh-f-3-det2{
    background-color: #fae3dd;
    width: 400px;
    height: 220px;
    border-radius: 25px;
    margin: 20px;
    overflow: hidden;
}
.nyyh-f-3-det1{
    display: flex;
}
.nyyh-f-3-det-t{
    font-size: 30px;
    font-weight: 700;
    white-space: nowrap;
}

/* .nyyh-f-3-det-ins{
    display: flex;
    flex-direction: column;
    
} */
.nyyh-f-3-det-t1{
    background-color: #ba192b;
    color: #fff;
    width: 80%;
    font-size: 16px;
    margin-top: 20px;
    margin-left: 50px;
    
}
.nyyh-f-3-det-img{
    margin-top: 50px;
}
.nyyh-f-3-det-img img{
   width: 200px;
}

.nyyh-f-3-det-vip{
    display: flex;
    justify-content: center;
    font-size: 25px;
    color: #ba192b;
    white-space: nowrap;
    padding-top: 15px;
}
.nyyh-f-3-det-vip-t{
    font-weight: 700;
}
.nyyh-f-3-det-vip-t1{
    text-align: left;

}


/* 10秒极速报价 */
/* 10秒极速报价 */
/* 10秒极速报价 */
/* 10秒极速报价 */
/* 10秒极速报价 */
/* 10秒极速报价 */
/* 10秒极速报价 */



.ny-price-t{
    font-size: 100px;
    color: #fff;
    letter-spacing: 20px;
}

.ny-price-ins{
    display: flex;
    background-color: #fcfdeb;
    width: 90%;
    margin: 0 auto;
    justify-content: center;
}
.ny-price-ins{
    display: flex;
   
    
}

/* 第一列 */

.ny-price-ins-1-a{
    display: flex;
    font-size: 16px;
    font-weight: 700;
    padding: 20px;
}
.ny-price-ins-1-b{
    display: flex;
    font-size: 16px;
    padding: 20px;
}
.ny-price-ins-1-c{
    display: flex;
    font-size: 16px;
    font-weight: 700;
    padding: 20px;
}

/* 第二列 */

.ny-price-ins-2-a,.ny-price-ins-2-b,.ny-price-ins-2-c{
    display: flex;
    font-size: 16px;
    font-weight: 700;
    padding: 20px;
    white-space: nowrap;
}
.ny-price-ins-2-b2,.ny-price-ins-2-c2{
    width: 75%;
    height: 40px;
    margin-left: 15px;
}

/* 第三列 */

.ny-price-ins-3-a,.ny-price-ins-3-c{
    display: flex;
    font-size: 16px;
    font-weight: 700;
    padding: 20px;
    white-space: nowrap;
}
.ny-price-ins-3-b{
    display: flex;
    font-size: 14px;
    padding: 20px;
    white-space: nowrap;
}
.ny-price-ins-3-d{
    background-color: #ba192b;
    color: #fff;
    width: 80%;
    font-size: 25px;
    margin-left: 60px;
    margin-bottom: 20px;        

}

.ny-address{
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    padding: 20px;
}



/* iconfont */
/* iconfont */
/* iconfont */
/* iconfont */
/* iconfont */
/* iconfont */
/* iconfont */



@font-face {
    font-family: 'iconfont';  /* project id 1067396 */
    src: url('//at.alicdn.com/t/font_1067396_1f6884kc9qn.eot');
    src: url('//at.alicdn.com/t/font_1067396_1f6884kc9qn.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1067396_1f6884kc9qn.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1067396_1f6884kc9qn.woff') format('woff'),
    url('//at.alicdn.com/t/font_1067396_1f6884kc9qn.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1067396_1f6884kc9qn.svg#iconfont') format('svg');
  }





/* 装修计算器部分 */



.wrap{
    position:relative;
    width:464px;
    height:34px;
    margin:20px auto;
    border:0;
    
}
.input{
    position:absolute;
    top:0;left:0;width:
    457px;margin:0;
    padding-left:5px;
    height:30px;
    line-height:30px;
    font-size:12px;
    border:1px solid #c9cacb;
}

._citys { 
    position: relative; 
    width: 450px; 
    display: inline-block;
    border: 2px solid #999;
    padding: 5px; 
    background-color: #f1f1f1;
    }
._citys span { 
    color: #05920a; 
    height: 15px; 
    width: 15px; 
    line-height: 15px; 
    text-align: center; 
    border-radius: 3px; 
    position: absolute; 
    right: 10px; 
    top: 10px; 
    border: 1px solid #05920a; 
    cursor: pointer; 
}
._citys0 { 
    width: 95%; 
    height: 34px; 
    line-height: 34px; 
    display: inline-block; 
    border-bottom: 2px solid #05920a; 
    padding: 0px 5px; font-size:14px; 
    font-weight:bold; 
    margin-left:6px; 
}
._citys0 li { 
    display: inline-block; 
    line-height: 34px; 
    font-size: 15px; 
    color: #888; 
    width: 80px; 
    text-align: center; 
    cursor: pointer; 
}
._citys1 { 
    width: 100%; 
    display: inline-block; 
    padding: 10px 0; }

._citys1 a { 
    width: 83px; 
    height: 35px; 
    display: inline-block; 
    background-color: #f5f5f5; 
    color: #666; 
    margin-left: 6px; 
    margin-top: 3px; 
    line-height: 35px; 
    text-align: center; 
    cursor: pointer; 
    font-size: 12px; 
    border-radius: 5px; 
    overflow: hidden; 
}
._citys1 a:hover { 
    color: #fff; 
    background-color: #05920a; 
}
.AreaS { 
    background-color: #05920a !important; 
    color: #fff !important; 
}