body {
    height:100%;position:relative;

}
.menu_Nva>ul>li>a>p.index{color:#b4090f;}

.container {width:100%; position:relative; /*-webkit-box-flex:1;overflow:hidden;*/}
.mainContainer {width:100%;height:100%;position:relative;background:url(../img/m-bg1.jpg) no-repeat bottom center;background-size:cover;
}
.main {
    position:absolute;
    left:50%;top:50%;
    width:25rem;
    height:44rem;
    margin-left:-12.5rem;
    margin-top:-18rem;
}
.logo {
    width: 11.75rem; 
    margin:auto;
}
.title{
     width:21.95rem; 
     margin:0 auto;
     overflow:hidden;
}




.button {position:absolute;width:100%;bottom:4.4rem;left:0;
}
.slogn {position:absolute;width:100%;bottom:7.4rem;left:0;
}

.header{width:100%;margin:auto;position:relative;}
.m-font{width:90%;position:absolute;left:5%;bottom:1.5rem;}
.m-font>h1{font-size:1.8rem;color:#fff;text-align:center;font-weight:normal;}
.m-font>p{font-size:1.3rem;color:#fff;text-align:center;letter-spacing:1px;line-height:175%;}

.m-info{width:90%;margin:2rem auto;position:relative;}
.m-info>ul>li{width:100%;position:relative;height:3.5rem;margin:1.2rem auto;}
.m-info>ul>li>p.m-info1{width:25%;height:3.5rem;text-align:center;line-height:3.5rem;float:left;color:#000;}

#houseType{width:70%;height:3.5rem;border:1px solid #b5b5b5;float:right;    padding-left: 10px;}

#houseDesign{width:70%;height:3.5rem;border:1px solid #b5b5b5;float:right;    padding-left: 10px;}

#renovationType{width:70%;height:3.5rem;border:1px solid #b5b5b5;float:right;    padding-left: 10px;}
.renovation_input{width:70%;height:3.5rem;border:1px solid #b5b5b5;float:right;    padding-left: 10px;}

select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;

  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("../img/arrow.png") no-repeat scroll right center transparent;

  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}

.select::-ms-expand { display: none; }  


.input {

  -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;
    border:none;
    font-family:"PingFang SC","Microsoft YaHei","微软雅黑";
   

}
input::-webkit-input-placeholder{color:#a0a0a0;}



.vote-button{width:90%;height:4rem;position:relative;margin:0 auto 6rem;}
.vote-button .confirm{width:100%;height:4rem; border: none;font-size:1.5rem;font-weight:bold;color:#fff;float:right;background:#b4090f;}




/*弹出分黑色遮罩层*/

 .mask{ background: #000;
                opacity: 0.85;
                position: absolute;
                z-index: 1;
                width: 100%;
                height: 100%;
               /*display:none;*/     
        }
   .maskCon {
    width: 96%;
    margin: 0 auto;
    margin-top: 1%;
    z-index: 1;
}

/*弹出计算结果层*/

.m-result { position: absolute; width: 80%; top: 10%; z-index: 99; padding: 1.5rem; left: 6%; /*display:none;*/}
.m-result > .content {  position: relative; width:25rem;height:31rem; padding: 1rem; color:#fff;background:url(../img/bao-bg.jpg)no-repeat top center;background-size:cover;text-align:center;}
.m-result > .content > .closeBtn { display: block; width: 2.5rem; position: absolute; right: -1.2rem; top: -1.2rem; }
.m-result > .content > .title { width: 15rem; margin: 1rem auto 3rem; }
.m-result > .content >button { background: #cc0033; border: none; height: 4rem; line-height: 4rem; /* border-radius: 0.6rem; */ width: 90%; color: #fff; font-size: 1.4rem; margin: 2.4rem auto; /* left: 5%; */ /* position: absolute; */ /* bottom: 2rem; */font-weight:bold; }
.m-result > .content >button >a{color:#fff;font-weight:bold;}
.m-result > .content > h2 { font-size: 2rem; color: #fff;padding-top:2rem; }
.m-result > .content > .decorate_cup { width: 15rem; position: relative; top: -1rem;}
.m-result > .content > .result { font-size: 1.4rem; padding-top:1rem; padding-bottom:2rem; }

.m-result> .content > .date { font-size: 3.5rem;font-weight:bold; }
.date > b { color: #fff; margin: 0.2rem 0 0 5px; font-size: 1.3rem;}
.m-result> .content > .detail { font-size: 1.2rem;padding:2rem 0 0.5rem; }



.post{width:100%;position:relative;margin:0 auto;overflow:hidden;}

.guide-nva{width:100%;position:relative;min-height:20rem;margin:2rem auto 0;}

.guide-nva>ul>li{width:33.3%;float:left;position:relative;height:10rem;text-align:center;}


.guide-nva-1{width:6.2rem;height:6.2rem;line-height:6.2rem;background:#b4090f;border-radius:50%;margin:0 auto 0.5rem;}
.guide-nva-1>img{width:4rem;display:block;margin:0 auto 0;vertical-align:middle;padding-top:1rem;}
.guide-nva-2{width:6.2rem;height:6.2rem;line-height:6.2rem;background:#2a9cd5;border-radius:50%;margin:0 auto 0.5rem;}
.guide-nva-2>img{width:4rem;display:block;margin:0 auto 0;vertical-align:middle;padding-top:1rem;}
.guide-nva-3{width:6.2rem;height:6.2rem;line-height:6.2rem;background:#00bb00;border-radius:50%;margin:0 auto 0.5rem;}
.guide-nva-3>img{width:4rem;display:block;margin:0 auto 0;vertical-align:middle;padding-top:1rem;}
.guide-nva-4{width:6.2rem;height:6.2rem;line-height:6.2rem;background:#fb7376;border-radius:50%;margin:0 auto 0.5rem;}
.guide-nva-4>img{width:4rem;display:block;margin:0 auto 0;vertical-align:middle;padding-top:1rem;}
.guide-nva-5{width:6.2rem;height:6.2rem;line-height:6.2rem;background:#f8855a;border-radius:50%;margin:0 auto 0.5rem;}
.guide-nva-5>img{width:4rem;display:block;margin:0 auto 0;vertical-align:middle;padding-top:1rem;}
.guide-nva-6{width:6.2rem;height:6.2rem;line-height:6.2rem;background:#e14fb6;border-radius:50%;margin:0 auto 0.5rem;}
.guide-nva-6>img{width:4rem;display:block;margin:0 auto 0;vertical-align:middle;padding-top:1rem;}

@media screen and (min-width:320px) and (max-height:415px) {
  .logo {width:11.75rem; margin-top:3rem;}


}