html{font-family:sans-serif;line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}


body{margin:0;background: #FFFFFF;}


/* 内外边距通常让各个浏览器样式的表现位置不同 */


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {


    margin: 0;


    padding: 0;


}


input, select, textarea {


    font-size: 100%;


}


/* 去掉各 Table  cell 的边距并让其边重合 */


table {


    border-collapse: collapse;


    border-spacing: 0;


}


/* 去除默认边框 */


fieldset, img {


    border: 0;


}


/* 去掉 firefox 下此元素的边框 */


abbr, acronym {


    border: 0;


    font-variant: normal;


}


/* 一致的 del 样式 */


del {


    text-decoration: line-through;


}


address, caption, cite, code, dfn, em, th, var,i {


    font-size:100%;


    font-style: normal;


    font-weight: normal;


}


/* 去掉列表前的标识, li 会继承 */


ol, ul {


    list-style: none;


}


/* 对齐是排版最重要的因素, 别让什么都居中 */


caption, th {


    text-align: left;


}


/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */


h1, h2, h3, h4, h5, h6 {


    font-size: 100%;font-weight: normal;


}


q:before, q:after {


    content: '';


}


/* 统一上标和下标 */


sub, sup {


    font-size: 75%;


    line-height: 0;


    position: relative;


    vertical-align: baseline;


}


sup {


    top: -0.5em;


}


sub {


    bottom: -0.25em;


}


/* 正常链接 未访问 */


/* 鼠标悬停 */


a:hover {


    text-decoration:none;


}


/* 默认不显示下划线，保持页面简洁 */


ins, a {


    text-decoration: none;


}


button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}


button,input{overflow:visible}


button,select{text-transform:none}


[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}


[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}


[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}


fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}


legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}


progress{display:inline-block;vertical-align:baseline}


textarea{overflow:auto}


[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}


[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}


[type=search]{-webkit-appearance:textfield;outline-offset:-2px}


[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}


::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}


details,menu{display:block}


summary{display:list-item}


canvas{display:inline-block}


template{display:none}


[hidden]{display:none}


p{margin: 0;padding: 0;}


em{font-style: normal;}


ul,li{list-style: none;padding: 0;margin: 0;}


a:hover{text-decoration:none}


a,ins{text-decoration:none}


a,a:hover,a:active,a:visited,a:link,a:focus{


    -webkit-tap-highlight-color:rgba(0,0,0,0);


    -webkit-tap-highlight-color: transparent;


    outline:none;


    text-decoration: none;


    color: #333;


}


input:focus {


    outline:none;


}


select:focus {


    outline:none;


}


/*----------------共用-----------------*/





.box{max-width:414px;min-width: 414px;width:100%;margin: 0 auto;overflow: hidden;position: relative;}

.ban_1{width: 100%;position: relative;    margin-top: -1px;}

.ban_1 img{width: 100%;display: block;}

.header{width:100%;height:45px;background:#fff;position:relative}

.ha_index{width:25px;height:20px;position:absolute;top:13px;left:.5rem}

.ha_index img{width:100%;height:100%}

.he_dao{width:25px;height:20px;position:absolute;right:9px;top:13px;}

.he_dao img{width:100%;height:100%}

.he_logo{width:100px;position:absolute;left:0;right:0;margin:auto;top:10px;font-size:.45rem;text-align:center}

.he_logo img{width:100%;height:100%}
.top_bm{
   width:84%; margin:4vw auto 1vw auto;background:#eeeeee;position:relative;overflow:hidden;padding:20px;border-radius:15px;height:90vw;
}
.top_bm h1{
    width:100%;
    font-size:25px;
    color:#333;
    font-weight:bold;
    color:#3e5065;
    text-align:center;
}
.top_bm p{
    text-align:center;width:100%;font-size:16px;color:#333;color:#222;
}
.top_bm>div.bm_box{
    width:94%;
    margin:0 auto;
}
.top_bm .bm_box>div{
    width:100%;
    height:0.9rem;
    border:1px solid #d0d0d0;
    margin-top:0.18rem;
    background:#fff;
    border-radius: 6px;
}
.top_bm .bm_box>div:first-child{
    width:100%;
    margin-bottom:0.20rem;
}
.top_bm .bm_box>div:last-child{
    border:none;
}
.top_bm .bm_box>div:last-child img{
    width:100%;
}
.top_bm .bm_box>div:nth-child(2) input{
    width:90%;
}
.top_bm .bm_box>div:nth-child(2) span{
    color:#999;
}
.top_bm .bm_box>div:first-child img{
    width:100%;
    display:block;
}
.p_6{position:absolute;top:15vw;left:0;right:0;text-align:center;width:100%;font-size:16px;color:#333;color:#222;} 

.bao_nam{width:100%;height:auto;overflow:hidden;position:relative;margin-top:-1px;padding-bottom:20px}

.bao_nam .ban_center{width:84%;margin:4vw auto 1vw auto;background:#eeeeee;position:relative;overflow:hidden;padding:20px;border-radius:15px;height:90vw;}

.bao_nam .form-list-box{height: 50px;margin-bottom: 10px;border-radius:10px;}


.bao_nam .form-list-box .form-area,.form-list-box .form-loction,.form-list-box .form-phone{width: 100%;float:left;position:relative;height: 50px;border-radius:5px;border: 1px solid #afafaf;background: #fff;}


.bao_nam .form-list-box .form-area{float:right}


.bao_nam .form-list-box .form-area,.form-list-box .form-yusuan-provinces{position:relative}


.bao_nam .form-list-box input[type=tel],.form-list-box input[type=text]{display:block;text-align:left;width: 90%;color:#7b7b7b;border:none;outline:0;font-size: 16px;line-height: 50px;margin-left: 1vw;}


.bao_nam .yusuan-areas-input,.yusuan-provinces-input{-webkit-appearance:none;outline:0;padding-left:15px;display:inline-block}


.bao_nam .form-list-box input::-webkit-input-placeholder{font-size:16px;color:#7b7b7b}


.bao_nam .form-area span{position:absolute;top: 14px;z-index:2;right: 5px;font-size: 18px;color:#7b7b7b;}


.bao_nam .form-yusuan-provinces::after{content:"";display:block;position:absolute;border-top: 9px solid #7b7b7b;border-left: 9px solid transparent;border-right: 9px solid transparent;top: 23px;right:10px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}


.bao_nam .form-list-box #style{display: block;text-align: left;width: 95%;color: #7b7b7b;border: none;outline: 0;font-size: 16px;line-height: 50px;background: #fff;}


.bao_nam .yusuan-jishi{position:relative;display:block;text-align:left;width:100%;height: 50px;color:#7b7b7b;font-size: 16px;line-height: 50px;border-radius:5px;border: 1px solid #989898;}


.bao_nam .yusuan-jishi em{color:#7b7b7b;padding-left:10px}


.bao_nam .download-arrow2::after{content:"";display:block;position:absolute;border-top: 9px solid #7b7b7b;border-left: 9px solid transparent;border-right: 9px solid transparent;top: 23px;right:10px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}


.bao_nam .overlay-bd,.yusuan-submit{position:relative;width:100%}


.bao_nam .yusuan-submit{background: url("../images/bot.png") center no-repeat;width: 265px;height: 55px;background-size: 100% 100%;margin: 20px auto 0;}


.bao_nam .form-list-box .form-phone{width: 96.5%;padding-left:10px;}





.checked-clause .home-design-finger{animation:figerscale .5s linear infinite alternate;-webkit-animation:figerscale .5s linear infinite alternate}


.layer-huxing{position:fixed;left:0;top:0;z-index:99;zoom:1;text-align:center;bottom:0;right:0;background-color:rgba(0,0,0,.298039);display:block}


.layer-huxing .layer-content{position:fixed;left:8%;top:50%;width:84%;padding-top:23px;margin-top: -230px;z-index:100;zoom:1;background:#FFF;border-radius:3px;}


.layer-huxing .layer-content .column{font-size:25px}


.layer-huxing .cut-line{width:auto;margin:10px 45px 0;height:1px;display:block;border-bottom:#e3e3e3 1px solid}


.layer-huxing .huxing-option{width:80%;padding:30px 10% 20px;display:flex;justify-content:center;border-bottom:1px #e3e3e3 solid}


.layer-huxing ul{width:23%;margin-right:10px;float:left}


.layer-huxing ul li{width:100%;height: 30px;margin-bottom:10px;line-height: 30px;background:#f4f4f4;border-radius:3px;color:#666;font-size: 16px;}


.layer-huxing ul li.on{background:#f79c33;color:#fff}


.layer-huxing input[type=button]{width:100%;height: 55px;color:#f79c33;font-size: 25px;line-height: 55px;background:0 0;-webkit-appearance:none;outline:0;border:none;}





.num-frame{


    overflow: hidden;


    position: relative;


    height: 52px;


    margin: 20vw auto 10px;


    border: 6px solid #D2D1D1;


    border-radius: 4px;


}


.num-frame .yuan{


    position: absolute;


    width: 16px;


    height: 16px;


    line-height: 16px;


    right: 12px;


    bottom: 6px;


}


.num-window{


    width: 100%;


    height: 87%;


    /* padding-right: 28px;


    padding-top: 4px;


    border-radius: 4px; */


    /* border-top: 2px solid #3D3C30;


    border-bottom: 2px solid #6C6B60;


    border-left: 3px solid #3D3C30;


    border-right: 3px solid #3D3C30;


    background-color: #D3D3CB; */


    /* box-shadow: 0px 1px 5px 1px #ABABA5 inset; */


}



.num-window div img{
    width: 100%;
}





.zi_xun{width:100%;height:auto;overflow:hidden;position:relative;background:#21a4ff;margin-top:-1px;padding-bottom:20px}


.zi_xun .zi_center{width:89%;margin:0 auto;background:#fff;position:relative;overflow:hidden;padding:10px;border-radius:15px}


.zi_xun .zi_center a{float:left;display:block;width:45%;font-size:16px;text-align:center;margin:8px;line-height:40px;color:#fff}


.zi_xun .zi_center .a_right{background:#3dca83}


.zi_xun .zi_center .a_left{background:#20a4ff}


.zi_xun .zi_center span{width:100%;display:block;text-align:center;font-size:24px;color:#20a4ff;margin:10px}


.min_two{width:100%;height:auto;overflow:hidden;position:relative;background:#8c46ff;margin-top:-1px;padding-bottom:20px}


.min_two .min_center{width:90%;margin:0 auto;background:#fff;position:relative;overflow:hidden;padding:10px;border-radius:15px}


.min_two .min_center .ba_span{color:#725cff;display:block;text-align:center;font-size:20px;margin-bottom:15px}


.min_two .min_center .form-area{width:96.5%;padding-left:10px;position:relative;height:45px;border:1px solid #afafaf;background:#fff;margin-bottom:10px;border-radius:5px}


.min_two .min_center .form-area input{display:block;text-align:left;width:90%;color:#7b7b7b;border:none;outline:0;font-size:16px;line-height:45px}


.min_two .min_center .bot_on{width:60%;text-align:center;background:#e5d739;margin:0 auto;line-height:50px;border-radius:10px}


.min_two .min_center .form-area span{position:absolute;top:14px;z-index:2;right:5px;font-size:18px;color:#7b7b7b}


.p_2{position:absolute;top:0;left:0;right:0;text-align:center;color:#fff;font-size:22px}








.carousel{width:95%;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;}


.carousel .bd{width:100%;height:auto;margin-top:10vw}


.carousel .bd li{float:left;width:100%;overflow:hidden;position:relative}


.carousel .bd li img{width:100%;height:auto;display:block}


.carousel .hd{text-align:center;width:100%;position:absolute;bottom:-32px;}


.carousel .hd li{display:inline-block;width:98px;height:10px;border-radius:15px;background:#ff7b42;text-indent:-9999px;overflow:hidden;margin:0 5px;border:1px solid #ff7b42}


.carousel .hd li.on{background:#fff;border:1px solid #ff7b42}
html{
    font-size:100px;
}
 input::-webkit-input-placeholder {
    color: #999;
    font-size:16px;
  }
  input::-moz-input-placeholder {
    color: #999;
    font-size:16px;
  }
 input::-ms-input-placeholder {
    color: #999;
    font-size:16px;
  } 
 input{
    border:none;
    outline:none;
    width:100%;
    height:100%;
    font-size:16px;
    color:#666;
    text-indent: 10px;
    background-color:transparent;
}
.bm_item{
    position:absolute;
    bottom:0.78rem;
    width:84%;
    left:8%;
}
.bm_item input{
   font-size:0.24rem;
}
.bm_item div{
    height:0.85rem;
    border-radius: 8px;
}
.bm_item div:first-child{
    height:0.85rem;
    background:#fff;
    width:2.5rem;
    float:left;
}
.bm_item div:nth-child(2){
    height:0.85rem;
    width:3.5rem;
    background:#fff;
    float:right;
}
.bm_item div:nth-child(3){
    height:0.85rem;
    width:100%;
    float:right;
}
.bm_bm{
    width:96%;
    margin:0 auto;
}
.bm_bm div{
    width:100%;
    height:0.96rem;
    background:#eee;
    margin-top:0.11rem;
}
.bm_bm div:first-child input{
   width:90%;
}
.bm_bm div:first-child span{
   color:#999;
}
.bm_bm div:last-child{
   line-height:0.96rem;
   text-align:center;
   color:#fff;
   font-size:0.36rem;
   background:#ff7b42;
}