/*公共的css*/
@charset "UTF-8";
html{font-size: 20px;}
.img{ height: auto; display: block; margin: 0;}
.demo--label{display:inline-block;padding-top: 2px;}
.demo--radio{display:none}
.demo--radio:checked .demo--radioInput{border:1px solid #8720f0;}
.demo--radioInput{background-color:#fff;border:1px solid #bbb;border-radius:100%;display:inline-block;height:16px;margin-top:-3px;vertical-align:middle;width:16px;line-height:1}
.demo--radio:checked + .demo--radioInput:after {
    border: 1px solid #157efb;
    background-color: #157efb;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 12px;
    margin: 1px;
    width: 12px
}
.demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0;border:1px solid #8720f0;}
.shade{width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.5); z-index: 1; display: none}
.shade .shade-main{width: 80%; position: relative; top: 21%; right: 0; left: 10%; background: #fff; border-radius:4px;overflow: hidden;}
.shade .shade-main h4{font-size:18px;text-align:center;height:50px;line-height:50px;color:#333;font-weight:600;}
.shade .shade-main ul{width:80%;margin:0 auto;overflow: hidden;}
.shade .shade-main ul li{width:25%;float:left;height:48px;}
.shade-main ul li div{background:#eeeeee;width:80%;height:40px;line-height:40px;margin:auto;text-align:center;border-radius:4px;}
.shade .shade-main h4 span{display:inline-block;width:10%;height:2px;background:#bbbbbb; margin: 4px 5%;}
.btn-sub {
    text-align: center;
    line-height: 48px;
    height: 48px;
    background: #ff8006;
    font-size: 17px;
    color: #FFF;
     
}
.line{height:15px;background: #eeeeee;}
#quote{display:block; width:94%; margin: 20px auto; text-decoration: none;color: #fff;}
.right-icon1{width: 10px; height: 15px; position: absolute; top: 18px; right: 20px; text-align: center}
.right-icon2{width: 10px; height: 7px; position: absolute; top: 14px; right: 20px; text-align: center}
.siteFoot{width:100%; background:#eee !important; margin-top:20px;}
.layui-layer{background: none !important; box-shadow : none !important;}
.layui-layer-setwin .layui-layer-close2{right: 9px !important; top: 34px !important; opacity: 0 !important;}
.layui-layer-content img{width: 100%;}
/*快速报价*/
.offer{background: #fff; font-size:20px;}
.offer #type{margin-left:30%;}
.offer a:focus,.offer a:active,.offer a:visited,.offer a:hover, .offer a:link{color:#fff;}
.offer .main{overflow-y: scroll; overflow-x: hidden}
.offer header h1{font-size: 2.2rem; text-align: center; color: #00aede; margin-bottom: 3px; font-family: 微软雅黑}
.offer header h2{font-size: 1.5rem; text-align: center; color: #4c4c4c; font-family: 微软雅黑; margin-bottom: 10px}
.offer h5{font-size:14px; text-align: center; color: #8e8e8e; font-family: 微软雅黑; margin: 20px 0}
    .offer h5 > span {
        font-family: HelveticaCyr;
        font-size: 14px;
        color: #157efb;
        padding: 0 4px
    }
.offer section{overflow: hidden; margin-top: 20px;}
.offer section form{width: 94%; margin: 20px auto 0 auto}
.offer .form-group{position: relative}
.offer .form-control{background: #efefef !important;}
.offer .active{background:#ff3d00; color:#fff;}
.offer .form-group span{width: 20px; height: 20px; position: absolute; top: 15px; right: 20px; text-align: center}
.offer section button{width: 100%; background: #00aede; color: #fff; margin: 0 auto}
.offer nav img{display:block; width:90%; margin:20px auto;}
.offer .money{width:94%; margin: 0 auto;}
.offer .money-center{box-sizing:border-box; border:2px solid #e7e7e7; height:80px; border-radius:4px; border-top:none; text-align:center;}
.offer .money-center > div{height:40px; line-height:40px; font-size:16px; color:#676767;}
.offer .money-center span{font-weight:600; color:#666;}
.offer .money .money-top{box-sizing:border-box; border:8px solid #d2d1d1; height:96px; border-radius:4px;}
.offer .money .money-top .money-tdiv{box-sizing:border-box; border:4px solid #3d3c30; border-top:2px solid #3d3c30; border-bottom:2px solid #3d3c30; height:80px; background:#d3d3cb; border-radius: 4px;}
.offer .random{font-family:calculator;font-size:64px; font-weight:600;}
.offer .line{height:12px; background:#eee;}
.offer .money .money-top .money-tdiv span{display:block; text-align:right; float:right; height:80px; line-height:80px; color:#333333;}
.offer .type-btn{background:#fff; border-top:2px solid #eeeeee; color:#ff3d00;}
.offer .offer-top{margin: 1rem 0;}
.offer #formdata
/*报价成功--装修报价单*/
.offer-suc{background:#8720f0;}
.offer-suc img{height:100%;width:100%;}
.offer-suc .logo{display:block;width:40%;margin: 0 auto;}
.offer-suc .title{text-align: center;height: 4rem;font-size: 2rem;color: #fff;line-height: 4rem;margin-top: 1rem;font-weight: 600;}
.offer-suc .top{font-size:1rem;text-align:center;color:#fff;height:30px;line-height:30px;margin-bottom:10px;}
.offer-suc section{width:94%;margin: 0 auto; position: relative;}
.offer-suc .sec-top{height:20px;position: absolute;text-align:center;}
.offer-suc .sec-top1{top:8%;left:10%;width:80%;color:#8720f0;font-size:1.25rem;}
.offer-suc .sec-top2{top:25%;left:10%;width:80%;color:#01affc;font-size:.875rem;}
.offer-suc .sec-top3{top:40%;left:25%;width:50%;}
.offer-suc .moneyAll{font-size:1.785rem;color:#ff3d00;height:30px;}
.offer-suc .money-l{top: 71%; left: 13%; width: 37%;}
.offer-suc .money1{font-size:1.25rem;color:#ff3d00;height:2rem;line-height:2rem;}
.offer-suc .money-r{top: 71%; left: 50%; width: 37%;}
.offer-suc .money2{font-size:1.25rem;color:#ff3d00;height:2rem;line-height:2rem;}
.offer-suc .center{height:256px;background:#fff;width:94%;margin: 0 auto;margin-top:-4px;}
.offer-suc .block{border-top:1px solid #efefef;position:relative;width:94%;margin:0 auto;}
.offer-suc .block .block-t{font-size:1.25rem;height:3rem;line-height:3rem;color:#656565;}
.offer-suc .block .zero{display:inline-block;color:#ff8b00;padding:0 8px;font-size:1.25rem;}
.offer-suc .block .lose{color:#b3b3b3;font-size:1.25rem; text-decoration: line-through;}
.offer-suc .block .block-title{color:#8720f0;font-size:1rem;height:1.5rem;}
.offer-suc .block .block-title1{color:#999799;margin:0 0 10px 0;}
.offer-suc .go{display:block;width:22%;height:32px;text-align:center;line-height:32px;color:#fff;background:#ff3d00;position:absolute;bottom:12%;right:5%;font-size:1rem; text-decoration: none;}
.offer-suc .foot{font-size:.875rem;text-align:center;color:#fff;height:40px;line-height:40px;margin-bottom:20px;margin-top: 1rem;}
/*用户协议 */
.agreement{font-family: 宋体;}
.agreement h5{text-align:center; font-weight: 700; height:30px; line-height:30px; font-size:1.2rem;}
.agreement h6{height:40px; line-height:40px; font-weight: 700; margin-left:20px; font-size:1rem;}
.agreement p{width: 96%; margin: 0 auto; text-indent:20px; line-height:1.2; font-size:.8rem;}
.agreement font{text-indent:20px; line-height:1.2; display:block; width:96%; margin: 0 auto; font-size:.8rem;}
/*免费量房*/
.mhouse{background: #fff; margin: 0}
.mhouse header{;width: 100%; margin: 0 0 10px 0; overflow: hidden}
.mhouse header img{width: 100%}
.mhouse section{overflow: hidden}
.mhouse section form{width: 90%; margin: 20px auto 0 auto}
.mhouse nav{height: 15px; background: #eee;}
.mhouse h5{font-size: 15px; height: 20px; line-height: 20px; text-align: center; color: #8e8e8e; font-family: 微软雅黑;}
.mhouse h5>span{font-family: HelveticaCyr; font-size: 15px; height: 20px; line-height: 20px; color: #8720F0; padding: 0 4px}
.mhouse section form{width: 90%; margin: 20px auto 0 auto}
.mhouse .form-group{position: relative}
.mhouse form .btn-sub{margin-bottom:20px; background:#8720F0;}
.mhouse .form-control{background: #fff;position: relative}
/*免费设计*/
.design{background: #fff; margin: 0}
.design .footimg{width: 100%;}
.design header{;width: 100%; margin: 0 0 0 0; overflow: hidden}
.design .form-control{}
.design header img{height: 100%; width: 100%;}
.design nav{border-top: 1px solid #000}
.design h5{height: 20px; line-height: 20px; font-size: 14px; text-align: center; color: #999799; font-family: 微软雅黑; margin: 20px 0}
.design h5>span{font-family: HelveticaCyr; height: 20px; line-height: 20px; font-size: 14px; color: #8720f0; padding: 0 4px}
.design section form{width: 90%; margin: 20px auto 0 auto}
.design .form-group{position: relative}
.design .form-group h4{height: 41px; line-height: 41px; text-align: center; color: #fff; font-size: 28px;}
.design .form-group h6{height:17px; line-height: 17px; font-size: 12px; color: #fff; text-align: center; margin-bottom: 20px;}
.design section>div{border-bottom:1px solid #48c5fc;}
.design form .btn-sub{background:#FF3D00;color:#fff;}
.design .footer{background:#fedd01;}
.design .footer h4 , .design .footer h6{color:#4d4d4d;}
.design a:focus,.offer a:active,.offer a:visited,.offer a:hover, .offer a:link{color:#fff;}
.design a:link, a:visited, a:hover, a:active{color: #fff;}
.design .form-control{background: #fff}
/*成功页面*/
.success {background: #fff;}
.success header img{display: block; width: 50px; height: 50px; margin: 20px auto;}
.success header div{text-align: center; height: 24px; font-size: 15px; line-height: 24px; color: #6F6F6F;}
.success nav{height: 15px; background: #EEEEEE;}
.success h3{text-align: center; height: 50px; line-height: 50px; color: #636363; font-size: 16px; border-bottom: 1px solid #E9E9E9; color: #01affc; font-size: 22px;}
.success .gesture{position: fixed; top: -70px; left: 5%; display: block; height: 10%; width: 10%; display: none}

/*预约工地*/
.site{background: #fff;}
.site img{width:100%; height:100%;}
.site #formdata{width: 94%; margin: 20px auto}
.site #formdata .form-group{position: relative}
.site h5{height: 20px; line-height: 20px; font-size: 14px; text-align: center; color: #8e8e8e; font-family: 微软雅黑;}
.site h5>span{height: 20px; line-height: 20px; font-size: 14px; text-align: center; color: #ff3d00; font-family: 微软雅黑;}
.site #formdata .form-group img{position: absolute; height: 20px; width: 20px; top: 11px; left: 12px}
.site .btn-sub{margin-top: 20px;background: #8720F0;}
/*预约设计师*/
.designer{background: #fff;}
.designer .overview{color: #fff;text-align: center;margin: 11px auto;}
.designer .overview span{background: #8720F0;padding: 4px;border-radius: 4px;}
.designer h5{height: 20px; line-height: 20px; font-size: 14px; text-align: center; color: #8e8e8e; font-family: 微软雅黑; margin: 20px 0;}
.designer h5>span{font-family: HelveticaCyr; height: 20px; line-height: 20px; font-size: 14px; color: #00a2ea; padding: 0 4px;}
.designer section{width: 94%;margin: 0 auto;margin-top:15px;}
.designer header{height: 170px; overflow: hidden}
.designer header .portrait{width: 80px; height: 80px; background: #FFF; border-radius: 50%;margin:20px auto 0 auto;}
.designer header h5{line-height:20px;height:23px;text-align:center;font-size:14px;color:#808080;margin:10px 0;}
.designer .info{float: left; margin-top: 40px; height: 100%; width: 55%;}
.designer .info .name{font-family: 微软雅黑; font-size: 1.5rem; color: #444; line-height: 35px; font-weight: 600}
.designer .info .style{font-family: 微软雅黑; font-size: 1rem; color: #666; line-height: 22px}
.designer .title{margin: 20px 0 5px 0; color: #444; font-family: 微软雅黑; font-size: 1rem}
.designer header img{width: 80px; height: 80px; border-radius: 50%; text-align: center; float: left;}
.designer form .form-group{width: 100%; margin: 10px auto}
.designer textarea{width: 100%; max-width: 100%; min-width: 100%; height: 80px; min-height: 80px; max-height: 80px; font-family: 微软雅黑; color: #636363}
.designer .btn-sub{color: #fff; margin-top: 20px;background: #8720F0;width: 100%; margin: 20px 0 0 0;border-radius: 4px;}
.designer #houseType{background: none;}
/*优惠活动详情*/
.active{background: #fff;}
.active header{width: 100%; border-bottom: 1px solid #e1e1e1; overflow: hidden}
.active .content-img{height:100%;width:100%;}
.active .btn{width: 100%; height: 40px; line-height: 40px; background: #ff3d00; text-align: center; color: #fff; font-size: 15px; font-weight: 600; display: none;}
.active header .h-title{font-family: 微软雅黑; font-size: 1rem; color: #444; width: 94%; margin: 0 auto; height: 3rem; line-height: 3rem; display:none;}
.active header .h-time{font-family: 微软雅黑; font-size: .875rem; color: #868686; height: 1.5rem; line-height: 1.5rem; width: 94%; margin: 1rem auto; overflow: hidden;}
.active header .h-time>img{float: left; height: 20px; width: 20px; margin-right: 5px}
.active header .h-time>span{float: left; height: 20px; line-height: 20px; color: #333; font-size:1.1rem;}
.active header .h-time > .time{height: 20px; line-height: 20px; color: #666; font-size:1rem;}
.active section{overflow: hidden; /* margin: 14px 0 0 0; */}
.active section img{display: block;}
.active blockquote{display:none; overflow: hidden; /* margin-top: 1rem; */}
.active blockquote>img{width: 94%; margin: 0 auto; display: block; height:auto;}
.active section>p{width: 94%; margin: 0 auto; text-indent: 1rem; font-size: .9rem;}
.activeList{background: #ECEDEF;}
.activeList a{display: block; overflow: hidden; margin: 15px 14px; color: #444; text-decoration: none; position: relative}
.activeList a .activity-img{width: 100%; /* height: 145px;*/ height: 9.1rem;}
.activeLi >div{background: #FFF;}
.activeList a .end-img{position: absolute; top: 86px; width: 112px; height: 72px; right: 50px}
.activeList .h-title{font-family: 微软雅黑; color: #444; margin: 0 auto; /* height: 35px; line-height: 35px;*/ height: 2.1875rem; line-height: 2.1875rem; /* font-size: 16px;*/ font-size: 1rem; width: 96%; overflow: hidden;}
.activeList .h-time{font-family: 微软雅黑; /*font-size: 14px;*/ font-size: .875rem; width: 96%; color: #868686; height: 20px; line-height: 20px; margin: 0 auto; overflow: hidden; padding-bottom: 8px;}
.activeList .h-time>img{float: left; height: 1.25rem; width: 1.25rem;; margin-right: 5px}
.activeList .h-time>span{display: block; float: left; height: 20px; line-height: 20px; /*font-size:14px;*/ font-size:.875rem;}
.activeList .h-time .number{float: right !important; display: block; padding: 2px 6px; background: #ffe4c4; color: #ff8b00; height: 18px; line-height: 18px;}
.active .btn,.wrap-page{position:absolute; left:0; right:0;}
.active .btn{height:40px; text-align: center; z-index:900; line-height:44px;}
.active .btn{bottom: 0;background: #8720F0}
.active .wrap-page{top: 0px; bottom: 40px; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.active .page{padding: 10px;}
.active .page p{margin-bottom: 10px;}
/*优惠活动报名*/
.apply{background: #fff;}
.apply .active{height:145px; width: 100%;}
.apply section{width: 94%; margin: 0 auto; background: #fff; border-radius: 8px; margin: 20px auto 0 auto; overflow: hidden}
.apply section h2{height: 40px; line-height: 40px; text-align: center; font-size: 1.5rem; color: #333; font-weight: 600; margin-top: 20px}
.apply h5{text-align: center; height:23px; line-height: 23px; color: #999799; margin: 20px 0; font-size: 15px;}
.apply h2{text-align: center; height: 30px; line-height: 30px; font-size: 15px;}
.apply h5 span{height:23px; line-height: 23px; font-size: 15px; color: #00a2ea;}
.apply h6{text-align: center; height: 50px; line-height: 50px; color: #636363; font-size: 16px; border-bottom: 1px solid #E9E9E9;}
.apply section h3{text-align: center; font-size: 1rem; color: #d9d9d9}
.apply section form{width: 100%; margin: 0 auto; margin-top: 20px}
.apply section .btn-sub{background: #8720F0;}
.apply .line{height: 15px; background: #EEEEEE;}
.apply ul{margin-top: 20px;}
.apply ul a{display: block; width: 94%; margin: 0 auto; height: 145px; overflow: hidden; margin-bottom: 10px;}
.apply ul a img{width: 100%; height: 100%;}
/* 优惠活动报名成功*/
.applySuccess{background: #fff;}
.applySuccess header img{display: block; width: 50px; height: 50px; margin: 20px auto;}
.applySuccess header div{text-align: center; height: 24px; font-size: 15px; line-height:24px; color: #6F6F6F;}
.applySuccess nav{height: 15px; background: #EEEEEE;}
.applySuccess h3{text-align: center; height: 50px; line-height: 50px; color: #636363; font-size: 16px; border-bottom: 1px solid #E9E9E9;}
.applySuccess h2{text-align: center; height: 30px; line-height: 30px; font-size: 15px;}
.applySuccess ul a{display: block; width: 94%; margin: 0 auto; height: 145px; overflow: hidden; margin-bottom: 10px;}
.applySuccess ul a img{width: 100%; height: 100%;display: block;}
.applySuccess .logo{width: 100%;max-height: 140px; height:auto;display: block;}
.siteFoot{width:100%;background:#eee !important;margin-top:20px;}
/* 整装套餐 详情页面*/
/*.total .btn-sub{position: fixed; bottom: 0; left:0; right: 0;}*/
.total .logo{display:none;}
.total img{width: 100%; height: auto;display: block;}
.total .btn-sub,.wrap-page{position:absolute; left:0; right:0;}
.total .btn-sub{height:40px;text-align: center; z-index:900; line-height:44px;background: #8720F0}
.total .btn-sub{bottom: 0;}
.total .wrap-page{top: 0px; bottom: 40px; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.total .page{padding: 10px;}
.total .page p{margin-bottom: 10px;}
/* 整装预约报名*/
.totalApple img{width: 100%; height: 100%;}
.totalApple h3 {
    text-align: center;
    font-size: 20px; /* height: 35px; line-height: 35px;*/
    height: 2.1875rem;
    line-height: 2.1875rem;
    font-size: 1.25rem;
    color: #157efb;
}
.totalApple h4{text-align: center; font-size: 14px; /* height: 23px; line-height: 23px;*/ height: 1.43rem; height: 1.43rem; color: #999799;}
    .totalApple h4 span {
        color: #157efb;
        font-size: 14px;
        height: 23px;
        line-height: 23px;
    }
.totalApple h5,.totalApple h6{text-align: center; font-size: 14px;line-height: 23px; margin-bottom:10px; color: #999799;}
.totalApple h6{margin-top: 0; height: 23px; line-height: 23px; font-size: .875rem;}
.totalApple h5 span {
    color: #157efb;
    font-size: 14px;
    height: 23px;
    line-height: 23px;
}
.totalApple h6 span {
    color: #157efb;
    font-size: .875rem;
    height: 30px;
    line-height: 30px;
}
.totalApple form{width: 94%; margin: 0 auto;}
.totalApple .btn-sub {
    background: #ff8006;
    border-radius: 5px;
}

.spar img{display: block;width: 100%;height: auto;}
.spar .btn-sub,.wrap-page{position:absolute; left:0; right:0;}
.spar .btn-sub{height:40px; text-align: center; z-index:900; line-height:44px;background: #8720F0}
.spar .btn-sub{bottom: 0;}
.spar .wrap-page{top: 0px; bottom: 40px; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.spar .page{padding: 10px;}
.spar .page p{margin-bottom: 10px;}

.totalApple{background: #fff;font-size:20px;}
@media only screen and (max-width:1600px) and (min-width:700px){.entrust header img{width: 20%} .mhouse header img{display: block; width: 50%; margin: 0 auto}}
@media only screen and (max-width:340px){ html{font-size:14px;} .offer #type{margin-left:10%;}}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background: #FFF;}