.bank-wrap {
  padding: 1.1rem .28rem 1.6rem .28rem;
}

.bank-wrap .tips-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bank-wrap .tips-box .tips {
  font-size: .28rem;
  line-height: .40rem;
  text-align: justify;
  font-weight: 400;
  color: #7B848F;
}

.bank-wrap .list-wrap .uls {
  padding-top: .48rem;
}

.bank-wrap .list-wrap .uls li {
  width: 100%;
  padding-bottom: .18rem;
  position: relative;
}

.bank-wrap .list-wrap .uls li span {
  font-size: .28rem;
  display: block;
  margin-bottom: .20rem;
  font-weight: 400;
  color: #FFFFFF;
}

.bank-wrap .list-wrap .uls li input {
  background: transparent;
  border-radius: .16rem;
  display: block;
  width: 100%;
  height: .88rem;
  border: none;
  font-size: .28rem;
  color: #ffffff;
  margin-bottom: .08rem;
  padding: 0  .32rem 0 .32rem;
  border-radius: .08rem;
  border: 0.02rem solid #606975;
  padding-right: 1rem;
}

.bank-wrap .list-wrap .uls li input::-webkit-input-placeholder {
  color: #606975;
}

.bank-wrap .list-wrap .uls li input:-ms-input-placeholder {
  color: #606975;
}

.bank-wrap .list-wrap .uls li input::-ms-input-placeholder {
  color: #606975;
}

.bank-wrap .list-wrap .uls li input::placeholder {
  color: #606975;
}

.bank-wrap .list-wrap .uls li select {
  border: none;
  display: block;
  width: 100%;
  height: .88rem;
  font-size: .32rem;
  color: #02010E;
  font-weight: 500;
  appearance: none;
  border-radius: .18rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent url("../img/arrow-down@2x.png") no-repeat 95% center;
  background-size: .40rem .40rem;
  padding-right: .32rem;
  padding-left: .32rem;
  border-radius: .08rem;
  border: 0.02rem solid #606975;
  font-size: .28rem;
  font-weight: 400;
  color: #FFFFFF;
}

.bank-wrap .list-wrap .uls li p {
  font-size: .28rem;
  color: #FF0000;
  height: .30rem;
}

.bank-wrap .list-wrap .uls li b {
  position: absolute;
  right: .30rem;
  top: 50%;
  width: .45rem;
  height: .45rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.bank-wrap .list-wrap .uls li b.close {
  background-image: url(../img/close@2x.png);
  opacity: 0;
}

.bank-wrap .list-wrap .uls li b.close.active {
  opacity: 1;
}

.bank-wrap .list-wrap .uls li b.close.right90 {
  right: .90rem;
}

.bank-wrap .list-wrap .uls li b.eye {
  background-image: url(../img/zy.png);
}

.bank-wrap .list-wrap .uls li b.eye.active {
  background-image: url(../img/by.png);
}

.bank-wrap .list-wrap .btn {
  height: .88rem;
  text-align: center;
  line-height: .80rem;
  color: #fff;
  font-size: .30rem;
  margin: 0 auto;
  border-radius: .08rem;
  margin-top: .80rem;
  background: #0078E8;
}

.bank-wrap.list .bankitem li {
  padding: 0 .32rem;
  height: 2.20rem;
  background: url(../img/ic_card1@2x.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: .32rem;
}

.bank-wrap.list .bankitem li.active1 {
  background: url(../img/ic_card2@2x.png) no-repeat;
  background-size: 100% 100%;
}

.bank-wrap.list .bankitem li.active2 {
  background: url(../img/ic_card3@2x.png) no-repeat;
  background-size: 100% 100%;
}

.bank-wrap.list .bankitem li h2 {
  font-size: .36rem;
  font-weight: bold;
  padding-top: .72rem;
  color: #FFFFFF;
}

.bank-wrap.list .bankitem li p {
  font-size: .28rem;
  font-weight: 400;
  color: #FFFFFF;
  opacity: .5;
  margin-top: .22rem;
}

.bank-wrap.list > .btn {
  height: .88rem;
  line-height: .88rem;
  border-radius: .08rem;
  border: 0.02rem solid rgba(255, 255, 255, 0.2);
  text-align: center;
  font-size: .32rem;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: .46rem;
}
