@charset "utf-8";

/*header**/
.header{padding:0.2rem .3rem;width: 100%;overflow: hidden;background-color:#f91f28;background: linear-gradient(90deg, #f91f28, #f85e2b);box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.header h2{color: #fff;font-size:.50rem;line-height: 30px;display: block;}
.header p{color: #fff;font-size: .28rem;line-height: 24px;margin-top:0.15rem;opacity:0.7;}

/*表单区域**/
.form-box{width:100%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */padding:.3rem;overflow: hidden;}
.form-item{height: 70px;text-align: left;position: relative;margin-top:20px;margin-bottom: 5px;}
.g-text {color: #555 !important;display: inline-block;margin-bottom: 5px;line-height: 1.4;font-size:14px;font-weight:500;}
.form-row-group{border-radius:3px;height:40px;background-color:#fff;border:solid 1px #eee;}
.form-row-group .form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;position:relative;box-sizing: border-box;height:100%;}
.form-row-group.with-icons .form-row i{position:absolute;line-height:40px;width:24px}
.form-row-group.with-icons .form-row .form-element{padding-left:24px;font-weight:700;}
.form-row-group.with-icons .form-row .icon{position:absolute;width:18px;top:11px;height:18px;display:block;left:10px;}
.form-element{display:inline-block;width:80%;border:none;box-sizing:border-box;-moz-box-sizing:border-box;height:40px;outline:0;line-height:40px;background-color:none;position:absolute;top:0;left:25px;font-size: 14px;color: #444;}
.form-row-group.with-icons .form-row .form-element{padding-left:24px;font-weight:700;}
.btn-div{margin: 40px auto; text-align: center;width:60%;height:50px;}
.btn-div a.btn{display: block;line-height:50px;text-align: center;color: #fff;font-size: 16px;border-radius: 5px;background: linear-gradient(90deg, #f91f28, #f85e2b);width: 100%;height: 50px;text-align: center;cursor: pointer;}
.btn-div a.btn1{display: block;line-height:48px;text-align: center;color: #f85e2b;font-size: 16px;border-radius: 5px;border:1px solid #f85e2b;width: 100%;height: 48px;text-align: center;cursor: pointer;}

/**分割线*/
.line{height: 8px;width:100%;background: #f4f4f4;}
/**选择支付页面*/
.butPayBox{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;padding:.6rem .3rem .3rem .3rem;overflow: hidden;background: #fff;}
.butPayBox nav {width: 100%;height: .4rem;line-height:.4rem;font-size: 0.36rem;color: #333; text-align: center;font-weight: bold;letter-spacing: 1px;}
.butPayBox nav span {position: relative;}
.butPayBox nav span::before, #gsqmPayTwo .butPayBox nav span::after { content: '';width: 0.46rem;height: 1px;display: block; position: absolute;top: 51%;background: #040000;}
.butPayBox nav span::before { left: -0.8rem;}
.butPayBox .c1 {width:6.7rem;display:flex;justify-content:space-between;flex-wrap:wrap;margin:.6rem auto 0 auto;}
.logo-item{width:3.25rem;height:2.41rem;border-radius:.15rem;background-color:#fff;margin-bottom:.2rem;overflow:hidden;-moz-box-shadow: 1px 5px 10px rgba(0,0,0,.05);box-shadow: 1px 5px 10px rgba(0,0,0,.05);}
.butPayBox .c1 .logo-item img {display: block;width:100%;border-radius: 0.2rem;}
.copy{text-align: center;font-size: 14px;color: #555;padding:10px 0 20px 0;line-height: 1.6}

.payBox {width: 100%;overflow: hidden;padding: .3rem;background: #fff;}
.payBox .payCon { position: relative;padding: 0.6rem 0.3rem 0.5rem;border:1px solid #eee;border-radius:5px;}
.order_h{font-size: .38rem;color:#f91f28;font-weight: 600;text-align: center;margin-bottom: 20px;}
.tips{font-size: .24rem;color: #b5332b;font-weight: bold;text-align: left;padding-top: 20px;line-height: 1.6}
.payBottomTxt{text-align: center;border-bottom: 1px dashed #dcdbdc;padding-bottom:10px;width: 100%;height: auto;font-size: 0.28rem;text-align: center;margin-top:.3rem;color: #19aa0f;letter-spacing: 0.02rem;}
.payBox .payCon .payZs {width: 100%; overflow: hidden; }
.payBox .payCon .payZs img{display: block;width: 100%;}
.payBox .payCon .payBut {width: 100%;overflow: hidden;margin: 0.3rem auto 0.48rem;}
.payBox .payCon .payBut li {width: 100%;height:.9rem;margin-bottom: 0.22rem;}
.payBox .payCon .payBut li a {width: 100%;height: 100%;text-align:center;}
.payBox .payCon .payBut li a.wechat{background:#04BE02;border-radius:50px;}
.payBox .payCon .payBut li a.alipay{background:#00A0E9;border-radius:50px;}
.payBox .payCon .payBut li a span{font-size:18px;font-weight:700;color:#fff;line-height:0.9rem;display: inline-block;padding-left:0.8rem;}
.payBox .payCon .payBut li a.wechat span{background: url(../images/wx.png) no-repeat left center;background-size: 0.6rem auto;}
.payBox .payCon .payBut li a.alipay span{background: url(../images/zfb.png) no-repeat left center;background-size: 0.6rem auto;}
.yhj {width: 4.49rem; height: 2.92rem;background: url(../images/yhj.png) no-repeat center;background-size: auto; background-size: 4.49rem 2.92rem; position: relative;overflow: hidden;display: flex;align-items: center; justify-content: center; flex-direction: column;margin: 0 auto;}
.price{font-size: 0.6rem;font-weight: 500;color: #A51C1D;line-height: 0.6rem;margin-top: 0rem;}
.oldprice{font-size: 0.26rem;font-weight: 400;text-decoration: line-through;color: #A51C1D;line-height: 0.26rem;margin-bottom: 0.1rem;}
.p0{margin-bottom: 0.3rem;font-size: 15px;margin-top: 5px;}
.p1{font-size: 12px;color: #a61c29;margin-top: 0.15rem;}

/**支付遇到问题页面**/
.pay-process{padding:.3rem;overflow: hidden;background: #f4f4f4;}
.pay-process .pay{font-size: 0.32rem;text-align: center;margin-top:.3rem;color: #19aa0f;letter-spacing: .02rem;}
.tishi{margin-top: 30px;overflow: hidden;}
.tishi p{font-size:15px;color: #555;text-align: center;line-height: 1.6}



/**行业选择弹窗**/
.industry{width:100%;border-radius:5px;padding:10px;box-sizing:border-box;display:none;}
.industry .con{margin:.2rem auto;text-align:center;padding:0 .3rem .5rem .3rem;overflow:hidden}
.industry .con ul{overflow: hidden;border-left:1px solid #eee;border-right:1px solid #eee;}
.industry .con p{font-size:.4rem;padding:0.2rem 0 .3rem 0;border-bottom:1px solid #eee;}
.industry .con li{float:left;width:33%;cursor:pointer;height:2rem;display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-moz-box-align:center;-webkit-box-align:center;box-align:center;flex-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;-moz-box-orient:vertical;-webkit-box-orient:vertical;justify-content:center;-webkit-justify-content:center;-moz-box-pack:center;-webkit-box-pack:center;box-pack:center;border-right:1px solid #eee;border-bottom:1px solid #eee}
.industry .con li span{display:block;height:1rem;display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-moz-box-align:center;-webkit-box-align:center;box-align:center}
.industry .con li img{width:.7rem}
.industry .con li i{font-size:.26rem;display:block;padding-top:.2rem;color:#333}
.industry .con li:nth-child(3n){border-right:1px solid transparent}
.industry .con li.no{border-bottom:1px solid transparent}
.industry .con li.end{line-height:1.8;font-weight:700;color:#666}
.industry-forward{background-color:#f4f3f3;padding:.2rem 0;position:fixed;width:100%;bottom:0;max-width:750px}
.industry-forward img{width:.2rem}
.submit-btn{width:6.43rem;height:.85rem;text-align:center;margin:0 auto .7rem auto;color:#fff;font-size:.38rem;background-color:#104DFD;background: linear-gradient(90deg, #104DFD,#678BFF);line-height:.85rem;border-radius:.15rem;font-weight:700;}



/*原始css样式*/
.fl{float: left;}
.fr{float: right;}
.Clearbox:after,
.Clearbox:before{display: block;content: "";height: 0;clear: both;width: 0;}
.Container{width: 1200px;margin: 0 auto;}
.flex{display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}
.flexDirVert{flex-direction: column;-ms-flex-direction: column;-webkit-flex-direction: column;-moz-box-orient: vertical;-webkit-box-orient: vertical;}
.flexDirVertRev{flex-direction: column-reverse;-ms-flex-direction: column-reverse;-webkit-flex-direction: column-reverse;-moz-box-orient: vertical;-webkit-box-orient: vertical;-moz-box-direction: reverse;-webkit-box-direction: reverse;}
.flexDirRow{flex-direction: row;-ms-flex-direction: row;-webkit-flex-direction: row;-moz-box-orient: horizontal;-webkit-box-orient: horizontal;}
.flexDirRowRev{flex-direction: row-reverse;-ms-flex-direction: row-reverse;-webkit-flex-direction: row-reverse;-moz-box-orient: horizontal;-webkit-box-orient: horizontal;-moz-box-direction: reverse;-webkit-box-direction: reverse;}
/*一行放不下如何换行 flex-wrap:nowrap(默认值，不换行)*/.flexNoWrap{-ms-flex-wrap: nowrap;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-lines: single;box-lines: single;}
/*换行显示*/.flexNoWrap{flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;-webkit-box-lines: multiple;}
/*换行，第一行在下方*/.flexNoWrapRev{flex-wrap: wrap-reverse;-ms-flex-wrap: wrap-reverse;-webkit-flex-wrap: wrap-reverse;}
/*在X轴上的对齐方式 默认:flex-start*//*左对齐*/.flexXLeft{justify-content: flex-start;-webkit-justify-content: flex-start;-moz-box-pack: start;-webkit-box-pack: start;box-pack: start;}
/*右对齐*/.flexXRight{justify-content: flex-end;-webkit-justify-content: flex-end;-moz-box-pack: end;-webkit-box-pack: end;box-pack: end;}
/*居中对齐*/.flexXCenter{justify-content: center;-webkit-justify-content: center;-moz-box-pack: center;-webkit-box-pack: center;box-pack: center;}
/*两端对齐*/.flexXBetween{justify-content: space-between;-webkit-justify-content: space-between;-moz-box-pack: justify;-webkit-box-pack: justify;box-pack: justify;}
/*每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍*/.flexXAround{justify-content: space-around;-webkit-justify-content: space-around;}
/*在Y轴上的对齐方式*//*顶端对齐*/.flexYStart{-webkit-align-items: flex-start;align-items: flex-start;-moz-box-align: start;-webkit-box-align: start;box-align: start;}
/*底部对齐*/.flexYEnd{-webkit-align-items: flex-end;align-items: flex-end;-moz-box-align: end;-webkit-box-align: end;box-align: end;}
/*垂直居中对齐*/.flexYCenter{-webkit-align-items: center;align-items: center;-moz-box-align: center;-webkit-box-align: center;box-align: center;}
/*拉伸*/.flexYStretch{-webkit-align-items: stretch;align-items: stretch;-moz-box-align: stretch;-webkit-box-align: stretch;box-align: stretch;}
/*基线对齐*/.flexYBase{-webkit-align-items: baseline;align-items: baseline;-moz-box-align: baseline;-webkit-box-align: baseline;box-align: baseline;}
/*多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用*//*align-content:flex-start\flex-end\center\space-between\space-around\stretch*//*子元素自动分配空间*/.flexChild1{-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}

