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}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
b,h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
button,input,select,textarea{outline:none}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
label,input[type=button],input[type=submit]{cursor:pointer}button{cursor:pointer;overflow:visible;padding:0;width:auto;border:0;background:none;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
.fl{float:left;}
*{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";}
a{text-decoration:none;}
a:hover{text-decoration: none;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *zoom: 1; }
body, html{width:100%;}
body {background-color: #7a0b0d; font-family: "Helvetica Neue", Helvetica, sans-serif; }
ul, ol, li {list-style-type: none;display: block;}
.hide{display: none !important;}

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

.wrapper { width: 750px; position:relative; background-color: #e8352e; font-size: 36px; line-height:32px;margin: 0 auto; -webkit-overflow-scrolling: touch; }
.wrapper section{width:100%;position:relative;}

.part-box1{background:#e8352e url(../img/bg_01.jpg) no-repeat;height:724px;}
.part-box2{background:#e8352e url(../img/bg_02.jpg) no-repeat;height:485px;}
.part-box3{background:#e8352e url(../img/bg_03.jpg) no-repeat;height:670px;}
.part-box4{background:#e8352e url(../img/bg_04.jpg) no-repeat;height:115px;}
.part-box5{background:#e8352e url(../img/bg_05.jpg) no-repeat;height:249px;}
.part-box6{background:#e8352e url(../img/bg_06.jpg) no-repeat;height:266px;}
.part-box7{background:#e8352e url(../img/bg_07.jpg) no-repeat;height:260px;}
.part-box8{background:#e8352e url(../img/bg_08.jpg) no-repeat;height:257px;}
.part-box9{background:#e8352e url(../img/bg_09.jpg) no-repeat;height:263px;}
.part-box10{background:#e8352e url(../img/bg_10.jpg) no-repeat;height:265px;}

.part-box11{background:#e8352e url(../img/bg_11.jpg) no-repeat;height:264px;}
.part-box12{background:#e8352e url(../img/bg_12.jpg) no-repeat;height:258px;}
.part-box13{background:#e8352e url(../img/bg_13.jpg) no-repeat;height:261px;}
.part-box14{background:#e8352e url(../img/bg_14.jpg) no-repeat;height:261px;}
.part-box15{background:#e8352e url(../img/bg_15.jpg) no-repeat;height:261px;}
.part-box16{background:#e8352e url(../img/bg_16.jpg) no-repeat;height:261px;}

.part-box17{background:#e8352e url(../img/bg_17.jpg) no-repeat;height:262px;}
.part-box18{background:#e8352e url(../img/bg_18.jpg) no-repeat;height:80px;}

.s-wrap { position: relative; width: 100%; height: 100%; }
.s-wrap .s-maincont { width: 750px; position: absolute; left: 0; z-index: 2;}
.s-wrap .s-bg { position: relative; width: 750px; margin: 0 auto; }
.s-wrap .s-bg div{background-size: auto 100%;}

.s-signbox{width:100%;position: absolute;left:0;top:900px;}
.s-signbox .signbox{width:100%;}
.s-signbox .form-wrap{width: 450px;
    box-sizing: border-box;
    margin:0 auto;
}
.form-wrap .form-item{display: flex;align-items: center;margin-bottom: 20px;}
.form-wrap .form-item label{color:#d64844;font-size:24px;font-weight: bold;margin-right:5px;}
.form-wrap .form-item input{height:58px;color:#fff;background: #e64c34;flex:1;border:0;border-radius: 5px;padding:0 15px;font-size:24px;}

.form-btn-group{width:340px;height:72px;margin:0 auto;padding-top:10px;}
.form-btn{width:340px;height:60px;margin-left:20px;display:block;position: relative;z-index:0;background: #ffcf70;font-size:28px;font-weight: bold;color:#c11d01;border:3px solid #c11d01;border-radius: 10px;box-sizing: border-box;background-image: -webkit-linear-gradient(top,#ffcf70,#ffa52b);}

.mod-wrap{position: absolute; left: 0;top:1390px;width:100%;}
.mod-box{border:4px solid #ffedcc;background: #f55523;border-radius: 20px;height:420px;margin:0 40px;}

.mod-box .mod-hd{width:100%;height:70px;background: #fa8039;border-top-left-radius: 20px;border-top-right-radius: 20px;overflow: hidden;}
.mod-box .mod-hd .tit_s11{width: 266px;height:52px;background: url('../img/tit_s11.png') no-repeat;background-size: 266px 52px;margin: 10px 0 0 20px;}
.mod-box .mod-bd{margin:13px;}

.house-list{overflow-x: auto;}
.house-list ul{display: flex;}
.house-list li{width:228px;height:324px;background-color: #ffedcc;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;margin-right:13px;}
.house-list li .inner{display: block;}
.house-list li .info{padding:0 10px;}
.house-list li .info .title{display: flex;align-items: center;margin: 16px 0 12px;}
.house-list li .info .title span{font-size:24px;font-weight: bold;color:#d44942;text-shadow:1px 1px 0px #FFFFFF, -1px -1px 0px #FFFFFF, 2px 2px 0px #FFFFFF, -2px -2px 0px #FFFFFF, 3px 3px 0px #FFFFFF, -3px -3px 0px #FFFFFF;}
.house-list li .info .title .icon-11{width:49px;height:23px;background:url('../img/11.png') no-repeat;background-size: 49px 23px;margin-right:10px;}
.house-list li .info .label{font-size:0;}
.house-list li .info .label span{color:#666;font-size:18px;}
.house-list li .info .label span+span{margin-left:10px;}

.sign-dialog{width:100%;height:7504px;position: absolute; left: 0;top:2332px;cursor: pointer;}

/*dialog*/
.backdrop{position: fixed; top: 0; left: 0; z-index: 11; width: 100%;height: 100%; background-color: rgba(0, 0, 0, 0.4); visibility: hidden; opacity: 0; -webkit-transition: 0.1s opacity linear; transition: 0.1s opacity linear;} .backdrop.visible{visibility: visible;} .backdrop.active{opacity: 1;}
.mask{display: none;position: fixed;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index:500}
.mod_dialog,.mod_dialog_qrcode{display: none;position:fixed;bottom:0;left:0;width:100%;height:100%;z-index:999;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.mod_trade{position: relative;width: 80%;max-width:640px; padding: 0 8px;border-radius: 5px;background-color: #fffdef;overflow: hidden;z-index: 12;display: flex;flex-direction: column;}
/* .mod_qrcode{position: relative;width: 480px; padding: 0 8px;border-radius: 5px;background-color: #fffdef;overflow: hidden;z-index: 12;display: flex;flex-direction: column;} */

.mod_qrcode{position: relative;width: 480px;border-radius: 10px;overflow: hidden;z-index: 12;}
.mod_close{position: relative;z-index:12;width: 58px;height: 58px;margin-top: 30px;background: url("../images/colse.png") no-repeat center;background-size: 58px 58px;}

.mod_trade .mod_hd{font-size: 40px;font-weight: bold;line-height: 50px;color: #bd0100;text-align: center;padding:40px 0 40px;}
.mod_trade .mod_con{padding: 5px 10px;overflow: hidden;}

.mod_qrcode .mod_hd{font-size: 28px;font-weight: bold;line-height: 40px;color: #bd0100;text-align: center;padding:60px 20px 40px;}
.mod_qrcode .mod_hd{display: flex;}
.mod_qrcode .mod_hd .text+.text{margin-top:20px;}
.mod_qrcode .mod_code{margin: 80px auto 0px;}

.mod_trade .mod_price{position: relative;width: 80%;height: 90px;border:1px solid #dcdcdc;background: #fff;border-radius: 10px;overflow: hidden;margin: 0 auto;margin-bottom:30px;}
.mod_trade .mod_price.name{border:1px solid #dcdcdc;background: #fff;}
.mod_trade .mod_mobile{margin-top: 2px;width: 80%;height: 90px;border:1px solid #dcdcdc;background: #fff;border-radius: 10px;overflow: hidden;margin: 0 auto;}
.mod_ipt::-webkit-input-placeholder {
  color: #333;
}
.mod_trade .mod_ipt{font-size: 28px;width: 100%;height:60px;line-height: 60px;position: relative;top:16px;border: none;padding:0 20px;}
.mod_trade .mod_con .tip{font-size:16px;line-height:30px;}
.mod_trade .mod_afirm{width: 80%;margin: 30px auto 50px auto;padding: 22px 0;line-height:44px;border: none;border-radius: 10px;font-size: 36px;background-color: #ef2b31;color: #fff;}