body{background: #fcf6f3!important;}
.join-wrapper{
    margin-top: 1rem;
}
.top-img{
    width: 100%;
    height: auto;
    display: block;
}
.green-title{
    border-bottom:1px solid rgba(238,238,238,1);
    font-weight: bold;
    color:rgba(102,102,102,1);
}
.step{
    display: block;
    width: 100%;
    height: auto;
    padding: .34rem .4rem;
    box-sizing: border-box;
}
.banklist{
    font-size: 0;
    padding: .52rem 0 .68rem;
}
.banklist img{
    width: auto;
    height: 1.3rem;
    display: inline-block;
    margin-left: .66rem;
}
.banktitle{
    height: 1.28rem;
    padding:0 .4rem;
    line-height: 1.28rem;
    display: flex;
    border-bottom:1px solid rgba(238,238,238,1);
}
.banktitle img {
    height: .44rem;
    width: .44rem;
    margin-top: .4rem;
}
.banktitle .title{
    flex: 1;
    font-size:.36rem;
    font-weight:bold;
    color:rgba(68,68,68,1);
    margin-left: .28rem;
}
.banktitle .tap{
    width:2rem;
    height:.72rem;
    background:linear-gradient(149deg,rgba(252,210,122,1) 0%,rgba(255,165,96,1) 100%);
    border-radius:.36rem;
    text-align: center;
    font-size:.28rem;
    color:rgba(255,255,255,1);
    line-height:.72rem;
    margin-top: .28rem;
}
.bankwrap{
    padding: .36rem .4rem .22rem;
}
.bankwrap .top-text{
    font-size:.32rem;
    font-weight:bold;
    color:rgba(68,68,68,1);
    line-height:.32rem;
    margin-bottom: .44rem;
}
.bankwrap .stage{
    font-size: 0;

    color:rgba(102,102,102,1);
}
.bankwrap .stage>div{
    width: auto;
    display: flex;
    text-align: center;
    font-size:.28rem;
    line-height:.28rem;

    /* display: flex;
    flex-direction: column; */
}
.bankwrap .stage>div p {
    margin-bottom: .2rem;
}
.bankwrap .stage>div p:first-child{
    width: 1.12rem;
    margin-right: .12rem;
}
.bankwrap .stage .title{
    font-weight:bold;
}
.bankwrap .stage .c1{
    width: 1.36rem;
}
.bankwrap .stage .c2{
    width: 1.64rem;
}
.bankwrap .stage .c3{
    width: 1.36rem;
}
.bankwrap .stage .c4{
    width: 1.36rem;
}
.bankwrap .stage .c5{
    width: 1.36rem;
}
.bankwrap .des{
    margin-top: .24rem;
    margin-bottom: .48rem;
    font-size:.24rem;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:1;
}
.bankwrap .icon-text{
    height: .88rem;
    line-height: .44rem;
    display: flex;
    color:rgba(102,102,102,1);
    margin-bottom: .14rem;
}
.bankwrap .icon-text img{
    width: .72rem;
    height: .72rem;
    margin-top: .1rem;
}
.bankwrap .icon-text .text{
    font-size:.32rem;
    font-weight:bold;
    flex: 1;
    padding-left: .24rem;
}
.bankwrap .icon-text .one{
    margin-top: .2rem;
}

.form {
    padding: 1rem .4rem .76rem;
    width: 6.28rem;
}
.form-box{
    margin: 0 0 .36rem;
    position: relative;
    font-size:.32rem;
}
.form .title{
    font-size:.4rem;
    font-weight:bold;
    color:rgba(85,85,85,1);
    line-height:.4rem;
    margin-bottom: .76rem;
}
.form-box input{
    height: .92rem;
    background: #fff;
    padding-left: 0.35rem;
    border-radius:.46rem;
    color:#666;
    border:1px solid rgba(221,221,221,1);
    box-sizing: border-box;
}
.code-box input{
    padding-right: 50%;
    box-sizing: border-box;
}
.form-box input::placeholder
,.form-box textarea::placeholder{
    color:#C5C5C5;
}
.getcode {
    position: absolute;
    border-radius:.11rem;
    top: 0;
    right: .3rem;
    line-height: .92rem;
    color: #FF7E7E !important;
    box-sizing: border-box;
    text-align: center;
}
.getcode.on{
    background:rgba(245,245,245,1);
    color:rgba(197,197,197,1) !important;
    border: none;
}
.form .save {
    margin: 0 0 .2rem;
    display: block;
    height: .92rem;
    background:#FF6767;
    background-size: 100% 100%;
    position: relative;
    color:rgba(255,255,255,1);
    line-height:.92rem;
    text-align: center;
    font-size: .32rem;
    border-radius: .7rem;
}

/**
new
 */
.title-t{text-align: center}
.title-new{ padding-top: 0.27rem; width:3rem; height:auto}
.newbankwrap{
    height: auto;
    box-shadow:0px 0px 0.6rem 0px rgba(0, 0, 0, 0.08);
    border-radius:.1rem; background: #fff;
    padding:.52rem .3rem .6rem;
    margin: .30rem .3rem
}
.newbankwrap .new-top-text{padding-top: .4rem; text-align: left;}
.newbankwrap .new-top-text .c-red{color:#F36935}

.bank_list{height: auto;box-shadow:0px 0px 0.6rem 0px rgba(0, 0, 0, 0.08);border-radius:.1rem; background: #fff;margin: .30rem .3rem}
.bank_list .nongye{ padding-left: .2rem}
.bank_list  .bank{padding-bottom: .1rem}
.bank_list .icon-text{display: flex;vertical-align:middle;}
.bank_list .icon-text img{
    width: .60rem;
    height: .50rem;
    margin-top: .1rem;
    padding-left: .2rem;

}
.bank_list .icon-text .text{
    font-size:.32rem;
    font-weight:bold;
    flex: 1;
    padding-left: .10rem;
    padding-top:.2rem;
    padding-bottom: .2rem;
}
.bank_list  .c-yellow{color: #F0A729}
.bank_list .line10{ height: 0.02rem}
.bank_list .gouxuan{  width: .50rem;height: .50rem; float: right; padding-right: .2rem; padding-top: .3rem}
.join-wrapper .fenqi{ padding: .2rem;}
.join-wrapper .tap{

    height:.78rem;
    background:linear-gradient(149deg,rgba(240, 167, 40, 1) 0%,rgba(255, 153, 71, 1) 100%);
    border-radius:.36rem;
    text-align: center;
    font-size:.28rem;
    color:rgba(255,255,255,1);
    line-height:.78rem;
    margin-top: .02rem;
    font-weight:bold;
}
.black-title{text-align:center; line-height: .4rem;height: .4rem; margin-top: .2rem; margin-bottom: .2rem}
.black-title .left{
    width: .5rem;display:inline-block; border-top: .1rem solid #444444 ;margin-right: .1rem;
}
.black-title .right{
    border-top: .1rem solid #444444;width: .5rem;display:inline-block; margin-left: .1rem;

}
.black-title .txt{vertical-align: middle; color: #444444}