body {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}

/* rem计算时的fontsize基数在flexible.js文件里有说明;设计稿原图尺寸是750px，font-size=12px为1rem*/
.page-long-head {
    width: 62.5rem;
    height: 48.625rem;
    background: linear-gradient(180deg, #3C93FF, #1E70EF);
    border-radius: 0rem 0rem 4.17rem 4.17rem;
    overflow: hidden;
}
.page-short-head {
    width: 62.5rem;
    height: 40.79rem;
    background: linear-gradient(180deg, #3C93FF, #1E70EF);
    border-radius: 0rem 0rem 4.17rem 4.17rem;
    overflow: hidden;
}

.ava {
    width: 53.5rem;
    height: 10.5rem;
    margin-left: 4.5rem;
    margin-right: 4.5rem;
    margin-top: 8.0833rem;

}
.label-gzh {
    font-size: 2.6rem;
    color: #E4EFFF;
}
/*/0.4*696px 对696的宽度进行四六分*/
.ava-money {
    /* width: 26rem; */
    color: #FFFFFF;
    text-align: center;
    /* margin-right: 2rem;  */
    /* display: flex;
    flex-direction: column;
    align-content: space-around; */
}

.flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.flex-column {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.ava-amount {
    /* width: 29rem; */
    color: #FFFFFF;
}

.label-avamoney {
    /* width: 24rem; */
    height: 2rem;
    text-align: center;
    /* margin-bottom: 2.0833rem; */
    line-height: 2rem;

}


.label-avaamount {
    /* width: 29rem; */
    height: 2rem;
    /* margin-bottom: 2.0833rem;  */
    text-align: center;
    line-height: 2rem;
}


.input-gzh {
    font-weight: bold;
    background-color: transparent;
    border: transparent;
 width: 38.6667rem;
}

.input-avamoney {
    width: 18rem;
    height: 3.3333rem;
     font-size: 4.1667rem;
    line-height: 3.3333rem;
    text-align: center;
    color: #FFFFFF;
}

.input-avaamount {
    width: 18rem;
    height: 3.3333rem;
    line-height: 3.3333rem;
      font-size: 4.17rem;
    text-align: center;
    color: #FFFFFF;
}

.user {
    margin: -21.0417rem 2.25rem 0 2.25rem;
     /* width: 58rem; */
    height: 30rem;
    background: #FFFFFF;
    box-shadow: 0rem 1rem 1rem 0rem rgba(218, 226, 246, 0.4);
    border-radius: 2.5rem;
    padding: 3rem;
}

.user-item {
    /* margin: 2.2rem 4rem ; */
    font-size: 2.8rem;
    width: 52rem;
}

.label-gzh.label-user {
 width: 12.5rem;
    color: #60687B;
    text-align: left;
    font-size: 2.4667rem;

    line-height: 2.25rem; 
    display: inline-block;
}

.input-user {
    width: 38.6667rem;
    color: #000;
    text-align: left;
    height: 2.8rem;
    display: inline-block;
    line-height: 2.8rem;
    font-size: 2.6rem;
    }

.leftfix{
    float: left;
}
.rightfix{
    float:right;
}
.clearfix::after{
    content: '';
    display: block;
    clear: both;
}

.oper-row {
    margin: 2.5rem auto;
    width: 58rem;
    height: 31rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
   
}
.oper{
    width: 27.75rem;
    height: 14.1083rem;
    border-radius: 1.6667rem;
}

.oper-band {
    background: #FFF2ED;
    color: #FE8050;
}

.oper-record {
    background: #EBF2FF;
    color: #4A8DFF;
}

.oper-pay {
    background: #FFF0F0;
    color: #FE545C;
}

.oper-unband {
    background: #EBF9F5;
    color: #25C79E;
}

.oper-font{
    width: 9.5rem;
    height: 2.25rem;
    line-height: 2.25rem;
    font-size: 2.3333rem;
    margin:2.4167rem auto;
}
.icon-band {
    margin-left: 12.1667rem;
    margin-top: 3.1667rem;
    width: 3.5833rem;
    height: 3.8333rem;
}
.icon-pay {
    margin-top: 3.1667rem;
    margin-left: 12.1667rem;
    width: 3.9167rem;
    height: 3.9167rem;
}
.icon-record {
    margin-top: 3.1667rem;
    margin-left: 12.1667rem;
    width: 4.3333rem;
    height: 3.8333rem;
}
.icon-unband {
    margin-top: 3.1667rem;
    margin-left: 12.1667rem;
    width: 4.8333rem;
    height: 3.8333rem;
}

.foot {
    margin: 2.5rem auto;
    width: 58rem;
    height: 22.1833rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.foot-how {
    width: 27.75rem;
    height:22.1833rem;
    background: linear-gradient(180deg, #CBF2FF, #91CAFF);
    border-radius: 1.6667rem;
  
}

.howtouse {
    width: 10.6667rem;
    height: 2.6667rem;
    margin-top: 3.0833rem ;
    margin-left: 2.75rem;
    margin-bottom: 3.9167rem;
    color: #1F78EA;
    line-height: 2.6667rem;
    font-size: 2.6667rem;
}

.icon-how {
    margin-left: 14.25rem;
    vertical-align: top;
    width: 8.6667rem;
    height: 8.9167rem;
}

.foot-sepro {
  width: 27.75rem;
  height: 22.1667rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: space-between;
}

.foot-secure {
    width: 27.75rem;    
    border-radius: 1.6667rem;
    background: linear-gradient(180deg, #FDE4BF, #FDBC7C);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 3.5rem;
}

.secure {
    /* width: 10.6667rem;*/
    height: 2.5833rem;
    color: #C96927;
    /* margin-left: 3.5833rem;
    margin-top: 3.6667rem; */
    font-size: 2.6667rem;
    line-height: 2.5833rem;
    /* display: inline-block; */
}
.icon-secure { 
    width: 5.1667rem;
    height: 6rem;
}

.foot-problem {
    width: 27.75rem;
    background: linear-gradient(180deg, #D8E4FF, #A7ADFB);
    border-radius: 1.6667rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 3.5rem;
}

.problem {  
    height: 2.5rem;
    color: #314AD4;
    font-size: 2.6667rem;
    line-height: 2.5rem;
}

.icon-problem {
    width: 5.5rem;
    height: 5.5rem;
   
}
.user-band{
    height: 36.375rem;
}
.label-band {    
    height: 2.1667rem;
    color: #000000;
    margin-top: 5.4167rem;
   /* margin-left: 3.75rem; */
    line-height: 2.1667rem;
    font-size: 2.3333rem;
}

.input-band {
    width: 50.55rem;
    height: 6.3583rem;
    background: #F1F4F7;
    border-radius: 1.3333rem;
     /* margin-left: 3.75rem; */
    margin-top: 1.6667rem;
    font-size: 2.1667rem;
    padding-left:1.5833rem ;
}

.scan{
    width: 3rem;
    height: 3rem;
}
.btn-container {
    display: block;
    text-align: center;
  line-height: 3.4167rem;
    height: 6.6083rem;
    font-size: 2.3333rem;
    margin-bottom: 3rem;
}

.btn-submit {
    width: 58rem;
    height: 6.6083rem;
    background: linear-gradient(90deg, #3C93FF, #1E70EF);
    color: #FFFFFF;
    border-radius: 20rem;
    margin:2.9167rem auto;
    line-height:  6.6083rem;
}

.btn-back {
    width: 58rem;
    height: 6.6083rem;
    background: #FFFFFF;
    color: #167FFC;
     border: .0833rem solid #0F59E8;
    border-radius: 20rem;
    margin:2.9167rem auto;
    line-height:  6.6083rem;
}

.userlist {
      margin-top: -30rem;
}

.user-card {
     height: 32rem;
    margin: 2.0833rem;
    background: #FFFFFF;
    box-shadow: 0rem .6667rem 1.3333rem 0rem rgba(218, 226, 246, 0.4);
    border-radius: 2.5rem;
    padding: 2.8rem;

}

.btn-select {
    width: 9.5rem;
    height: 4.4167rem;
    background: linear-gradient(90deg, #3C93FF, #1E70EF);
    border-radius: 1.6667rem;
    /* margin: 1.25rem 3.5833rem 0 47.1667rem; */
    text-align: center;
    color: #FFFFFF;
    line-height: 4.4167rem;
    font-size: 2.1667rem;
}

.card-row {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    margin-left: 3.75rem;
    font-size: 2.5rem;
}
.pay-user {
    margin-left: 6rem;
    margin-top: 6rem;
    height: 27.3333rem;
}

.pay {
    margin-top: -8.7083rem;
    height: 48rem;
}


.money-row {
    padding: 3.5rem;
    /* width: 50.5417rem; */
    height: 14.5rem;
     /*伸缩盒子布局*/
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-between;
     align-content: space-between;
}

.money-item {
    width: 13.8rem;
    height: 5.4667rem;
    background: #F1F7FE;
    border-radius: 1rem;
    border: .1667rem solid #167FFC;
    text-align: center;
    line-height: 5.4667rem;
    color: #167FFC;
    font-size: 2.3333rem;
}

.money-item100 {
    margin: 0 4rem;
}

.icon-ok {
    height: 6.25rem;
 margin: 18rem 28.1667rem 0;

}

.font-ok {
    width: 58.3333rem;
    height: 3.0833rem;
    color: #FFFFFF;
    font-size: 3.1667rem;
    line-height: 3.0833rem;
    text-align: center;
    margin: 4rem auto;
}

.line-container {
    width: 59.1667rem;
    height: 2.3333rem;
    border-radius: 1.1667rem;
    margin-top: 5.25rem;
    background: #084DAF;
    margin: 0 1.4167rem;
}

.shadow {
    width: 55.3333rem;
    height: 1.45rem;
    background: linear-gradient(180deg, #93a4b7, #fff);
    /* background-image: url("./img/shadow.png"); */
}
.user-ok {
    width: 55.3333rem;
    margin: -12.3rem auto 6rem;
    height: 36rem;
    background: #FFFFFF;
    box-shadow: 0 .3333rem .6667rem 0 rgba(218, 226, 246, 0.4);
    border-radius: 0 0 1.3333rem 1.3333rem;
  
}

.user-card-record {
    /* margin: 2.3rem 4rem; */
    font-size: 2.1667rem;
}