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;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *zoom: 1; }
body, html{width:100%;}
body {background-color: #a00100; font-family: "Helvetica Neue", Helvetica, sans-serif; }
ul, ol, li {list-style-type: none;display: block;}

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

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

.img{margin:0;padding:0;display: block;line-height: 0;}
.hide{display: none !important;}

.s-wrap { position: relative; width: 100%;}
.s-wrap .s-maincont { width: 1080px; position: relative; left: 0; z-index: 2;}
.s-wrap .s-bg { position: relative; width: 1080px; margin: 0 auto; font-size:0;}
.s-wrap .s-bg div{background-size: cover;}
.s-wrap .s-bg img{width:100%;display: block;}

.s-content{background-color:#bd0100;}
.s-box{padding:0 20px}
.s-list{padding:20px;background: #a00100;overflow: hidden;padding-left:0;}
.s-list li{float:left;width:320px;overflow: hidden;padding-bottom:20px;padding-left:20px;}


.s-signbox{padding:0 20px;background: #a00100; padding-bottom: 20px;}
.s-signbox .signbox{width:100%;background: #fff;}
.s-signbox .form-wrap{padding:40px 0 10px;width:80%;margin:0 auto;box-sizing: border-box;}
.form-wrap .form-item{display: flex;align-items: center;margin-bottom: 30px;}
.form-wrap .form-item label{color:#bd0100;font-size:32px;font-weight: bold;margin-right:5px;}
.form-wrap .form-item input{height:58px;background: #bd0100;flex:1;border:0;border-radius: 5px;padding:0 10px;font-size:28px;color:#fff;}

.form-btn-group{height:132px;background: url('../images/btn-bg.jpg') no-repeat;}
.form-btn{width:100%;height:70px;display:block;margin:0 auto;position: relative;z-index:0;}

/*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{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%;padding: 0 8px;border-radius: 5px;background-color: #fffdef;overflow: hidden;z-index: 12;display: flex;flex-direction: column;}

.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_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: #bd0100;color: #fff;}
