@charset "utf-8";
/* CSS Document */
* {
    box-sizing: border-box;
    margin:0;
    padding:0;
    border: none;
}
html{
  /*font-size:62.5%;*/
}
*::after, *::before {
    box-sizing: border-box;
}

body{
    color:#333;
    font-size:.26rem;
    line-height: .4rem;
    background:#f2f2f2;
}

ul, li, p, a {
  list-style:none;
  text-decoration:none;
  margin:0;
  padding:0;
}

a {
  color:#5b5b5b;
  outline: medium none;
}
img {
  vertical-align:middle;
  border:none;
}
img {
    width:100%;
}
.mb-0 {margin-bottom:0 !important;}
.clearfix::before, .clearfix::after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.left{ float:left;}
.right{ float:right;}
.color-yellow {color:#FF570A !important;}
.bg-green {background:#48ca0a !important;}
.padding-top-sm {padding-top:.3rem !important;}
.padding-bottom-sm {padding-bottom:.3rem !important;}
.padding-right-sm {padding-right:.3rem !important;}
.padding-left-sm {padding-left:.3rem !important;}
.padding-sm {padding:.3rem !important;}
.padding-0-sm {padding:0 .3rem !important;}
.padding-sm-0 {padding:.3rem 0 !important;}
.padding-bottom-0 {padding-bottom:0 !important;}
.img {width:100%;}
.pull-left {float:left !important;}
.pull-right {float:right !important;}
.text-center {text-align: center;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.color-gray {color:#999 !important;}
.margin-left-sm {margin-left:.3rem !important;}
.margin-top-sm {margin-top:.3rem !important;}
.margin-bottom-sm {margin-bottom:.3rem !important;}
.bg-white {background:#fff !important;}
.color-white {color:#fff !important;}
.color-current {color:#2d9cfb !important;}
.color-blue {color:#2d9cfb !important;}
.bg-current {background:#2d9cfb !important;}
.color-red {color:#e70000 !important;}
.color-black {color:#333 !important;}
.btn-gray {background:#eee !important;color:#333 !important;}


.main-box {position:relative; max-width: 750px;margin:auto;}
.top-box {position: relative;  padding: 5px 15px;   color: #fff;background-image: linear-gradient(to right, #43affb, #48b1fb);margin-bottom:-1px;}
.top-box .page-return {  position: absolute;  display: inline-block; top: .25rem; left: .25rem;  width: .25rem;  height: .4rem;  background: url(../../images/withHoldH5/flow/top-return-btn-img.png);  background-size: 100% 100%;}
.top-box h2 {  font-size:.35rem;padding:.15rem 0;  font-weight: normal;  text-align: center;  width: 70%;  margin: auto;color:#fff;}
.top-right {position:absolute;color:#fff;top:.25rem;right:.25rem;width: .45rem;}

.banner {position:relative;display: block;}
.info-box {margin:.3rem 0;background:#fff;padding:.3rem;}
.title-row {display: flex;align-items: center;justify-content: space-between;}
.title-row {position: relative;font-size:.32rem;color:#333;padding:0 0 .2rem .2rem;color:#333;}
.title-row:after {position:absolute;top:.1rem;left:0;width: .05rem;height: .25rem;content: "";background:#197bf6;border-radius: 3px;}

.rw-info .form-group {position:relative;margin-bottom: 15px;display: flex;align-items: center;}
.form-group label {position: absolute;left:0;display: flex;align-items: center;font-size:.28rem;}
.form-group .icon {width:.35rem;height: .35rem;margin-right:.1rem;}
.rw-info .form-group .form-control {  display: block;  width: 100%;background:#fff;  color: #333;  border-bottom: 1px solid #ddd;  padding-left: 2rem;  height: 40px;  box-shadow: none !important;  outline:none;  }
.rw-info .yz-ts { font-size: 12px; color: #666; text-align: left; }
.rw-info .btn-yz { font-size:13px;right:.1rem;width:95px;  position: absolute;  height: 30px;color: #2d9cfb; background:transparent;text-align:center;border-radius: 20px;outline:none;}
.rw-info .pic-input {margin-right:110px;}
.rw-info .pic-yz {position: absolute;    right: 0;top:0;display: block;width:100px;height:40px;line-height:40px;font-size:20px;font-weight:700; text-align:center;z-index: 10;border:solid 1px #ddd;background:#fff;}
.rw-info .pic-yz img {height:38px;}
.gz-btn {display: flex;align-items: center;color:#2d9cfb;}
.gz-btn img {width: .3rem;height: .3rem;margin-right:.05rem;}
.btn {display:block;height: .7rem;line-height: .7rem;margin-top:.3rem;background-image: linear-gradient(to right, #40afff, #0479f0);color:#fff;font-size:.32rem;text-align: center;border-radius:.1rem;}

.xy-box {padding:.5rem .3rem .3rem;color:#666;}
.gz-box {padding:.3rem;margin:.3rem 0 0;background:#fff;color:#666;}
.gz-title {font-size:.35rem;text-align: center;padding-bottom:.2rem;}










    /*弹窗*/
.popup .popup-bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 1000;filter: alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);}
.popup .popup-info{position: fixed; top:20%;left:10%;width:80%; z-index: 1001;}
.popup-content {position:relative;width:100%;  margin:auto;background:#fff;border-radius: .1rem;padding:.3rem;}
.popup-title {font-size:.32rem;color:#333;text-align: center;padding-bottom:.3rem;margin-bottom:.3rem;color:#333;    font-weight:700;border-bottom:solid 1px #ddd;}
.popup-text {color:#666;padding:.2rem 0;}
.popup-btn {display: block;line-height:.6rem;height:.6rem;min-width:40%;border-radius:.1rem;margin:.3rem auto 0; text-align: center;color:#fff;background:#2d9cfb;}
.close-btn {position: absolute; display: block; right:5px; top: 5px;  width: 30px; height: 30px; line-height: 25px; text-align: center; color: #999; font-size: 30px;}