@CHARSET "UTF-8";

/*.contain{margin-top: 44px;}*/

body{

    position: relative;

    background: #fff;

    margin: 0 auto;

}

.left{float: left;}

.right{float: right;}

a{text-decoration: none;}	

.zxd-form {

    margin-top: 0;

    background: transparent none repeat scroll 0 0;

    padding: 0 15px;

}

.zxd-form div {

    background:#E8E8E8 none repeat scroll 0 0;

    /*border: 1px solid #e1e1e1;*/

    border-radius: 5px;

    margin: 10px 0;

    overflow: hidden;

    position: relative;

}

.zxd-form div span {

    vertical-align: 6px;

}

.zxd-form div span {

    color: #333;

    position: absolute;

    right: 15px;

    top: 16px;

}

.jishi{

    height: 1.3rem;

    line-height: 1.3rem;

}

.jishi label:nth-of-type(1)::before {

    border-right: 1px solid #e3e3e3;

    content: "";

    height: 26px;

    position: absolute;

    right: 4px;

    top: 12px;

    z-index: 10;

}

.jishi label::after {

    border-color: #999 transparent transparent;

    border-style: solid;

    border-width: 6px;

    content: "";

    font-size: 0;

    height: 0;

    position: absolute;

    right: 18px;

    top: 23px;

    width: 0;

}

.jishi label {

    float: left;

    width: 33%;

}

.jishi label select {

    background-color: #fff;

    border: 0 none;

    height: 50px;

    margin-left: 3%;

    outline: 0 none;

    width: 100%;

	-webkit-appearance:none;

	font-size:15px;

}

.zxd-form div.download-arrow1:after{top:38%;}

input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 

.jishi label:nth-of-type(2)::before {

    border-right: 1px solid #e3e3e3;

    content: "";

    height: 26px;

    position: absolute;

    right: 4px;

    top: 12px;

    z-index: 10;

}

.zxd-form div span{top: 0.25rem;right: 0.21875rem;}

.jiting{height: 1.34375rem;font-size: 0.3125rem;}

.jiting label select{height: 1.34375rem;}

.jishi label select{height: 1.34375rem;}

.jiting label::after{top: 0.609375rem;}

.jishi  label::after{top: 0.609375rem;}

.btnSubmit{height: 1.34375rem;font-size: 0.375rem;}

.zxd-form .touch-input2{width: 100%;margin-bottom:0;}

.zxd-form .box{border:none;margin:0;background-color: transparent;}

    .zxd-form .touch-input2 label {

        position: absolute;

        right: 15px;

        top: 50%;

        transform: translateY(-50%);

        vertical-align: middle;

        height: 14px;

        color: #333;

    }

    .download-arrow1::after{

       content: '';

        width: 9px;

        height: 9px;

        font-size: 0;

        position: absolute;

        top: 22px;

        right: 18px;

        border-top: 1px solid #999;

        border-right: 1px solid #999;

        -webkit-transform: rotate(45deg);

        -moz-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        -o-transform: rotate(45deg);

        transform: rotate(45deg);

    }

    .download-arrow2::after {

        content: '';

        width: 8px;

        height: 8px;

        font-size: 0;

        position: absolute;

        top: 50%;

        right: 20px;

        border-top: 4px solid #999;

        border-right: 4px solid #999;

        border-left: 4px solid transparent;

        border-bottom: 4px solid transparent;

        -webkit-transform: rotate(45deg);

        -moz-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        -o-transform: rotate(45deg);

        transform: rotate(45deg) translateY(-50%);

    }

    #area {

        text-align: left;

        border: none;

        -webkit-appearance: none;

        -moz-appearance: none;

        appearance: none; 

        font-family: inherit;

    }

    #areaInput, #newPhone { font-family: inherit; }

    .result-queson{

        height: 60px;

        width: 100%;

        display: block;

        border-radius: 4px;

        border: 1px solid #e7e7e7;

        margin-top: -5px;

    }

    .result-queson ul{

        padding-top: 10px;

    }

    .result-queson ul li{

        line-height: 20px;

        padding-left: 25px;

    }

    .result-queson ul li span{

        margin-right: 30px;

        color: #666

    }

    .result-queson ul li span em{

        font-weight: bold;

        color: #666;

    }

    .jishi em{

        padding-left: 5px;

    }

   #zxd-form-submit.zxd-calc-immd{

        margin: 12px 0 22px;

        font-size: 14px;

    }

    #zxd-form-goto-calc { 

        margin: 15px 27px 0; 

        width: auto;

    }

    .zxd-calc-immd {   

        font-size: 14px;

        box-shadow: 2px 2px 3px -1px #afafaf;

        display: block;

        margin-top: 15px;

        height: 44px;

        width: 100%;

        line-height: 44px;

        text-align: center;

        font-size: 14px;

        color: #fff;

        background-color: #f79c33;

        border-radius: 6px;

        -webkit-appearance: none;

        outline: none;

        border: none;

    }



    .layer-huxing{

        position: fixed;

        left: 0px;

        top: 0px;

        z-index: 99;

        zoom: 1;

        text-align: center;

        bottom: 0px;

        right: 0px;

        background-color: rgba(0, 0, 0, 0.298039);

        display: block; 

    }



    .layer-huxing .layer-content{

        position: fixed;

        left: 8%;

        top: 50%;

        width: 84%;

        padding-top: 23px;

        margin-top: -170px;

        z-index: 100;

        zoom: 1;

        background: #FFF;

        border-radius: 3px;

    }

   .layer-huxing .column{

        position: absolute;

        top: 24px;

        left: 50%;

        margin-left: -80px;

        padding: 0 15px;

        width: 160px;

        text-align: center;

        background: #fff;

        font-size: 18px;

        color: #333;

        z-index: 10;

    }

    .layer-huxing .cut-line{

        width: auto;

        margin: 10px 45px 0;

        height: 1px;

        display: block;

        border-bottom: #e3e3e3 1px solid;

    }

    .layer-huxing .huxing-option{

        width: 100%;

        padding: 30px 10% 10px 10%;

        display: flex;

        justify-content: center;

        border-bottom: 1px #e3e3e3 solid;

    }

    .layer-huxing .huxing-option:after{

        content: '';

        font-size: 0;

        height: 0;

        display: block;

        clear: both;

        overflow: hidden;

    }

   .layer-huxing ul{

        width:20%;

        margin-right: 10px;

        padding-right: 0;

        float: left;

    }

    .layer-huxing ul:last-of-type {

        margin-right: 0;

    }

    .layer-huxing ul li{

        width: 100%;

        height: 27px;

        margin-bottom: 10px;

        line-height: 27px;

        background: #f4f4f4;

        border-radius: 3px;

        color: #666;

    }



    .layer-huxing ul li.on{

        background: #D24A3F;

        color:#fff;

    }

    .layer-huxing input[type="button"]{

        width: 100%;

        height: 45px;

        color: #D24A3F;

        font-size: 16px;

        line-height: 45px;

        background: none;

        -webkit-appearance: none;

        outline: none;

        border: none;

    }

    .choose-type {

        padding-left: 5px;

        line-height: 50px;

        text-align: left;

        height: 50px;

    }

    .zxd-form .choose-type .decoration-type {

        position: relative;

        display: inline-block;

        width: 90px;

        top: 0;

        left: 6px;

        margin-right: 30px;

        padding-left: 20px;

        color: #666;

    }

    .zxd-form .choose-type .decoration-type::before {

        content: '';

        display: block;

        position: absolute;

        left: 0;

        top: 50%;

        margin-top: -7px;

        width: 14px;

        height: 14px;

        color: #9a9a9a;

        border-radius: 50%;

        border: 1px solid;

    }

    .zxd-form .choose-type .decoration-type.selected::before {

        color: #34c083;

    }

    .zxd-form .choose-type .decoration-type.selected::after {

        content: '';

        display: block;

        position: absolute;

        left: 2px;

        top: 50%;

        margin-top: -5px;

        width: 10px;

        height: 10px;

        background-color: #34c083;

        border-radius: 50%;

        border: 1px solid #34c083;

    } 

    .ask-customer-service {

        position: relative;

        display: inline-block;

        transform: translateX(50%);

        left: -50%;

        color: #666;

    }

    .ask-customer-service::before, .ask-customer-service::after {

        content: '';

        display: block;

        position: absolute;

        top: 50%;

        left: 128px;

        height: 1px;

        width: 7px;

        background-color: #666;

        transform-origin: right center;

    }

    .ask-customer-service::before {

        transform: rotate(24deg);

    } 

    .ask-customer-service::after {

        transform: rotate(-24deg);

    }

    .zxd-form div input[type='text'], .zxd-form div input[type='tel'], .zxd-form div input[type='number']{

        display: block;

        width: 100%;

        height: 1.3rem;

        line-height: 1.3rem;

        padding-left: 10px;

        font-size: 0.375rem;

        vertical-align: middle;

        border: 0 none;

        text-align: left;

        outline: 0 none;

        background: transparent;

    }

   .f_words{

        box-sizing: content-box;

    }

    /* 审核弹框 样式兼容 */

    .cpt-fill-content{

        overflow-y: hidden !important;

    }

    input::-webkit-input-placeholder{ 

         color: rgb(153, 153, 153)!important;

    }

#zxd-form-submit{

    height: 1.3rem;

    line-height: 1.3rem;

    background: -webkit-repeating-linear-gradient(0deg,#C42131,#AF1C26);        

    background: -o-repeating-linear-gradient(0deg,#C42131,#AF1C26);        

    background: -moz-repeating-linear-gradient(0deg,#C42131,#AF1C26);        

    background: repeating-linear-gradient(0deg,#C42131,#AF1C26);

}

#tel_rengong{

    display: block;

    width: 100%;

    height: 1.3rem;

    line-height: 1.3rem;

    margin-top: 14px;

    text-align: center;

    color: #D9423E;

    border: 1px solid #D9423E;

    text-indent: 0.4rem;

    background: #fff url(../image/tel.png) no-repeat 15.8% center;

    background-size:7.3% 48%;

    font-size: 17px;

    border-radius: 8px;

    text-decoration: none;

}

/*@keyframes figerscale{

    0%{

        transform:scale(1);

        -webkit-transform:scale(1)

    }

    100%{

        transform:scale(1.2);

        -webkit-transform:scale(1.2)

        }

    }

@-webkit-keyframes figerscale{

    0%{

        ransform:scale(1);

        -webkit-transform:scale(1)

    }

    100%{

        transform:scale(1.2);

        -webkit-transform:scale(1.2)}

    }

.finger{

    position: absolute;

    display: block;

    top: 20px;

    left: 63%;

    width: 36px;

    height: 39px;

    background: url(../image/finger.png) no-repeat;

    background-size: 100% 100%;

    animation:figerscale .5s linear infinite alternate;

    -webkit-animation:figerscale .5s linear infinite alternate;

}*/



/*报价表单*/

.price_form{

    position: relative;

   /* padding: 10px 10px 30px 10px;*/

    width: 100%;

    height:13.26rem;

    background-color: #fff;

    -webkit-box-shadow: 0 0.027rem 0.053rem rgba(0,0,0,0.05), 0 0.133rem 0.267rem rgba(0,0,0,0.05);

    box-shadow: 0 0.027rem 0.053rem rgba(0,0,0,0.05), 0 0.133rem 0.267rem rgba(0,0,0,0.05);

    /*background: -webkit-repeating-linear-gradient(0deg,#D05043,#BA483E);

    background: -o-repeating-linear-gradient(0deg,#D05043,#BA483E);

    background: -moz-repeating-linear-gradient(0deg,#D05043,#BA483E);

    background: repeating-linear-gradient(0deg,#D05043,#BA483E);*/

}

.bgf8_title{

    font-weight: bold;

    text-align: center;

    font-size: 0.7rem;

    margin: 0.4rem auto;

    color: #C42230;

}

.bgf8{

    position: absolute;

    left:0.25rem;

    top: 0.7rem;

    width: 9.5rem;

    /*height: 10rem;*/

    border: 1px solid #E8E8E8;

    border-radius: 20px;

    background-color: #fff;

    overflow: hidden;

   /* -webkit-box-shadow: 0px 4px 18px 4px #C4C4C4;

    box-shadow: 0px 4px 18px 4px #C4C4C4;*/

}

.yusuantext{

    position: relative;

    text-align: center;

    font-size: 0.35rem;

    /*margin-bottom: 20px;*/

    color: #666;

    text-align: center;

    letter-spacing: -1px;

}

.yusuantext:before{

    position: absolute;

    content: ' ';

    top: 50%;

    left: 8%;

    width: 10%;

    height: 1px;

    border-top: 1px solid #E8E8E8;

}

.yusuantext:after{

    position: absolute;

    content: ' ';

    top: 50%;

    right: 8%;

    width: 10%;

    height: 1px;

    border-top: 1px solid #E8E8E8;

}

.yusuantext span{

    color: #D34036;

}

.card{

    position: relative;

}

.card .purchase{

    display: block;

    position: absolute;

    right: 0.7rem;

    bottom: 0.95rem;

    width:3.3rem;

    height: 1rem;

    line-height: 1rem;

    text-align: center;

    background-color: #ED1925;

    font-size: 0.5rem;

    color: #fff;

    border-radius:30px;

}

.gift1,.gift2,.gift3,.gift4,.gift5{

    position: relative;

}

.box_pop{

    display:block;

    position: absolute;

    right: 1.4rem;

    top: 7.2rem;

    width: 1.6rem;

    height: auto;

    color: #fff;

    text-align: center;

    font-size: 0.4rem;

}

.box_pop img{

    width: 100%;

    height: auto;

}

.gift1 .box_pop{

    top: 2rem;

}

.gift2 .box_pop{

    top: 2.6rem;

}

.gift3 .box_pop{

    top: 2.67rem;

}

.gift4 .box_pop{

    top: 2.5rem;

}

.gift5 .box_pop{

    top: 2.65rem;

}

.gift5_button{

    position: relative;

}

.bigButton{

    display: block;

    position: absolute;

    width: 5rem;

    height: auto;

    left: 25%;

    top:25%;

    animation:enrollscale .5s linear infinite alternate;

    -webkit-animation:enrollscale .5s linear infinite alternate;

}

@keyframes enrollscale{

    0%{

        transform:scale(0.9);

        -webkit-transform:scale(0.9)

    }

    100%{

        transform:scale(1);

        -webkit-transform:scale(1)

        }

    }

@-webkit-keyframes enrollscale{

    0%{

        transform:scale(0.9);

        -webkit-transform:scale(0.9)

    }

    100%{

        transform:scale(0.8);

        -webkit-transform:scale(1)}

    }

.reserve{

    padding-top: 0.2rem;
    width: 100%;
    height: 6.8rem;
    background: none;
    position: absolute;
    z-index: 99;
    top: 1rem;

}

.reverse_form{

    position: relative;

    width: 95%;

    padding: 10px 0 20px 0;

    margin:0 auto;

}

.reverse_form div{

    width:72%;
    height: 0.8rem;
    line-height: 0.8rem;
    margin: 0 auto;
    border: 1px solid #CCCCCC;
    background-color: #fff;
    border-radius: 6px;
    margin-bottom: 0.15rem;

}

.reverse_form input{

    width: 100%;

     appearance:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    border: none;

    background-color:transparent;

    text-indent: 10px;

    font-size: 0.32rem;

    outline: none;

}

.reverse_form div span{

    font-size: 0.375rem;

    margin-right: 20px;

}

#getReverse .bigButton{

    top:3.3rem;

}   

.oupai_reverse{

    position: relative;

    height: 1.7rem;

}

.reverse_form i{

    display: block;

    color: #A9A9A9;

    text-align: center;

    font-size: 12px;

    margin-top: 0.3rem;

}

.house{

    position: relative;

    overflow: hidden;

    width: 100%;

    background-color: #EE070B;

}

.house .swiper-container{

    margin-left: 2%;

    padding-bottom: 0.3rem;

}

.swiper-button-prev{

    background-image:url(../image/left.png); 

}

.swiper-button-next{

    background-image:url(../image/right.png); 

}

.house .more{

    display: block;

    position: absolute;

    color: #fff;

    font-size: 0.36rem;

    top: -0.06rem;

    right: 0.5rem;

    font-family: "黑体";

    text-decoration: none;

}

.enroll_form{

    position: relative;

}

.footer_enroll{

    position: absolute;

    left: 2.8rem;

    top: 1.2rem;

}

.footer_enroll div{

    width: 6.7rem;

    height: 1.2rem;

    margin-bottom: 0.2rem;

    line-height:1.2rem;

    background-color: #fff;

    border:1px solid #F5CA7D;

    border-radius:10px;

}

.footer_enroll div input{

    appearance:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    border:none;

    line-height: 1.2rem;

    text-indent: 10px;

    font-size: 0.375rem;

    width: 90%;

    background-color: transparent;

    outline: none;

}

.footer_enroll a img{

    width: 6.93rem;

    height: auto;

    margin-top: 0.1rem;

    animation:enrollscale .5s linear infinite alternate;

    -webkit-animation:enrollscale .5s linear infinite alternate;

}

/*.gongdi{

    width: 100%;

    padding: 20px 0;

    background-color: #6B0105;

}*/

@keyframes viewscale{

    0%{

        transform:scale(0.9);

        -webkit-transform:scale(0.9)

    }

    100%{

        transform:scale(1);

        -webkit-transform:scale(1)

        }

    }

@-webkit-keyframes viewscale{

    0%{

        transform:scale(0.9);

        -webkit-transform:scale(0.9)

    }

    100%{

        transform:scale(0.8);

        -webkit-transform:scale(1)}

    }

/*.gongdi a{

    display: block;

    width: 9.33rem;

    height: auto;

    margin:0 auto;

    animation:viewscale .5s linear infinite alternate;

    -webkit-animation:viewscale .5s linear infinite alternate;

}*/

.video{

    position: relative;

}

.view_box{

    display: none;

}

.view_box iframe{

    width: 84%;

    height: 4.53rem;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: 19%;

    margin: 0 auto;

}

/*弹框*/

.pop{

    display: none;

    width: 100%;

    height: 100%;

    position: fixed;

    top:0;

    left:0;

    right: 0;

    bottom:0;

    background:rgba(0,0,0,0.5);

    z-index:1000;

}

.pop .pop_form{

    width: 7.88rem;

    height: 7.88rem;

    background: url(../image/bg.png) no-repeat center center;

    margin: 0 auto;

    margin-top: 3rem;

    background-size: 100% 100%;

    overflow: hidden;

}

.pop .pop_form>form{

    margin-top: 3.4rem;

}

.close_pop{

    display: block;

    width: 1.06rem;

    height: 1.06rem;

    margin: 0 auto;

    margin-top: 20px;

}

.pop .pop_form input{

    appearance:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    display: block;

    width: 80%;

    height: 1.2rem;

    margin: 0 auto;

    line-height: 1.2rem;

    text-indent: 15px;

    /*text-align: center;*/

    background-color: #E8E8E8;

    border: 1px solid #999999;

    border-radius: 6px;

    margin-top: 0.25rem;

    outline: none;

    font-size: 0.4rem;

}

.pop .pop_form a{

    display: block;

    width: 80%;

    height: auto;

    margin: 0 auto;

    margin-top: 0.3rem;

}



/*倒计时*/

.time{

    position: relative;

}

#countdown {

    position: absolute;

    right: 0.26rem;

    top: 0.2rem;

    width:6.6rem;

    height: 1.1rem;

    margin: 0px auto;

    display: inline-block;

}

.dash {

    float: left;

    position: relative;

    width: 1.6rem;

    height:0.706rem;

    margin-top:0.16rem;

    background: transparent url(../image/time.png) 0 0 no-repeat;

    background-size: 100% 100%;

}



.dash .digit {

    font-size: 0.6rem;

    font-weight: bold;

    float: left;

    width: 0.53rem;

    height: 0.706rem;

    margin-top: 0.05rem;

    text-align: center;

    font-family: Arial;

    color: #fff;

    position: relative;

    text-align: center;

    font-family: "LedNumber";

}



.dash_title {

    position: absolute;

    display: block;

    right: 0;

    top:50%;

    transform: translateY(-50%);

    text-align:center;

    font-weight:bold;

    font-size: 0.375rem;

    color: #2f2e2e;

}