.pay_box {
  box-shadow: 0 0 33px 6px rgb(0 0 0 / 10%);
  padding: 10px;
  text-align: center;
  height: 120px;
  margin-bottom: 30px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pay_box p {
  margin-top: 12px;
}
.pay_box .coin {
  background: url(/resource/imgs/coin.png) no-repeat 21% center;
  background-size: auto 100%;
}

.pay_user {
  height: 100px;
  width: 100%;
}
.pay_user .input {
  width: 60%;
  height: 80px;
  line-height: 80px;
  float: left;
  margin-left: 5%;
  margin-top: 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
}
.pay_user .input input {
  width: 100%;
  height: 50px;
  padding: 15px;
  border: none;
  text-align: center;
}
.pay_user .btn {
  width: 30%;
  height: 80px;
  line-height: 80px;
  padding: 10px;
  float: right;
}
.pay_user .btn a {
  width: 100%;
  margin: 0 auto;
  background: #353535;
  color: #fff;
  display: block;
  text-align: center;
  border-radius: 20px;
}
.row.contact-page-address-wrap {
  padding-bottom: 10px !important;
}
.way{
    height: 55px;
    margin-top: 10px;
}
.recharge-tips {
  padding-top: 12px;
  line-height: 18px;
  color: #a3a3a3;
  font-size: 14px;
}
.recharge-tips p {
  padding-top: 8px;
}

.go_pay {
  width: 100%;
  margin-top: 20px;
  height: 130px;
}
.go_pay .sel {
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.payment-item {
  width: 160px;
  height: 40px;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  margin-right: 30px;
  text-align: center;
  line-height: 38px;
  cursor: pointer;
  font-size: 16px;
  float: left;
  margin-top: 10px;
}
.way-alipay {
  font-size: 16px;
  color: #08a9f0;
}
.way-alipay:hover {
  background: #08a9f0;
  color: #fff;
  border-color: #08a9f0;
}
.way-alipay.selected {
  background: #08a9f0;
  color: #fff;
  border-color: #08a9f0;
}
.way-wechat:hover {
    background: #0cbc14;
    color: #fff;
    border-color: #0cbc14;
}
.way-wechat.selected {
    background: #0cbc14;
    color: #fff;
    border-color: #0cbc14;
}
.way-wechat {
    font-size: 16px;
    color: #0cbc14;
}
.way-alipay.selected .i-alipay {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB1UExURUdwTP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+otqWgAAAAmdFJOUwD9+zXC7j1F9jFOuud8nSkHmFdzhjeQQfIBYdcd8RXda9jLsQ7f36zXeAAAAL5JREFUeNrV0kkSgyAQQNEWCWEW56iZB+5/xECKlAIXSP4Gyld2b4Cfj2Bq1w6ijLWwcShyHL4uWIYb3vJ3cgl1uNEt+3E7F4PBH35Vwsve9YTKHzLldHjOD/cbISMxRma8pqG3OdNhZGSuX26+zpky3rX8CFDBEeU8KOsTHGDqu1vK1/uHEQdmwM1occT1XDiVI3Ak1RmSLCKs7RozKb+YahbzySLd9FxdbAg3WxY2LdrNUKK0hMhF/FoY/HtvtwMj0OwqL1EAAAAASUVORK5CYII=);
}
.way-alipay:hover .i-alipay {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB1UExURUdwTP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+otqWgAAAAmdFJOUwD9+zXC7j1F9jFOuud8nSkHmFdzhjeQQfIBYdcd8RXda9jLsQ7f36zXeAAAAL5JREFUeNrV0kkSgyAQQNEWCWEW56iZB+5/xECKlAIXSP4Gyld2b4Cfj2Bq1w6ijLWwcShyHL4uWIYb3vJ3cgl1uNEt+3E7F4PBH35Vwsve9YTKHzLldHjOD/cbISMxRma8pqG3OdNhZGSuX26+zpky3rX8CFDBEeU8KOsTHGDqu1vK1/uHEQdmwM1occT1XDiVI3Ak1RmSLCKs7RozKb+YahbzySLd9FxdbAg3WxY2LdrNUKK0hMhF/FoY/HtvtwMj0OwqL1EAAAAASUVORK5CYII=);
}
.i-alipay {
  margin: 4px 2px 0 0;
}
.i-alipay {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABvUExURUdwTACg5gCf5QCf5QCf5QCi5QCf5gCh6ACg6ACf5gCg5gCj5gCf5QCf5QCh5wCf5gCg5wCf5gCt/wCg5wCf5gCg5gCh6QCg5QCg5QD//wCi6QCn6QCg5QCh5wCg5gCn7QCf5QCf5QCg5gCf5QCf5RMSaoEAAAAkdFJOUwCb/vvuRcMyNvZOPefzQLlxkQdXe4YuRr4BKBHeYdcd2Mt/sRuLqtkAAADBSURBVHja1ZJZDsMgDAUfpWULIXvSPV24/xkbS1QF0gO082PLIz9LCPw8hdD+Q1nJ1G58ClexFmF6FTZ0+1i/kxVY6HSsKW67INFQoVOZvu4WTjhSsbnOw9f6OU2TK1zRtnalPzCoL9u6cdJd2Jny11qPZqjNDIyY+Vo3DxptKgMc1HDLdX33BDeQLYBjLdLtCz2FdTDc9idkeF7IeujaQ0+HNZOpLj1nnTL92QdEF+vK5yS3R55ZrRAj92X2W/6dF9I9IkC/Dyi3AAAAAElFTkSuQmCC)
    no-repeat 50%;
}
.i-alipay,
.i-wechat {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: top;
}
.way-wechat.selected .i-wechat {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB7UExURUdwTP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////y5kv0UAAAAodFJOUwCj/l4C4TgQ+HUFz56I3UYKLY+qeWbvlk1UMR7q8hskH7HG2W17utfQnM1YAAAAsElEQVR42t3RSRKDIBBA0UaQyVljnGLmoe9/wsgiVkOZC/gXLHhQUNWwj5Tsi0r9MZNEuBTdzcaJdsa1UxugSNGrEx5nvs6ZojpGFE8vpeqKcEowfpalOWJKOHfbRi/rh1vBY0R8EHaAfZUkg4AiQZcObmNuBcD4/r1BmKHLwMTWPzLCEl1zrXFNAqnGoA5otvG1seDHCGojIOiwYp6dA3Osb/wiB15MsNW1dIOD3fQFw10hDYtHgm0AAAAASUVORK5CYII=);
}
.i-wechat {
    margin: 4px 2px 0 0;
}
.i-alipay, .i-wechat {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: top;
}
.i-wechat {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABpUExURUdwTA2+FAy8FAy8FA29FQy8FAy8FEziTA/EHwy9FQy8FAy8FBC/FQ69Fgy9FAy9FAy9FAy9FBDBGBnEGQy9FQy8FAy+FQ28FAy+FAy8FAy8FA28FAy8FAy+FRK8HA6/FQ69FQy9FAy8FEv3RacAAAAidFJOUwBIo/5c994DEHXx4i41rZ6Ieh4Kj9A6lmbJ2Or4UBskbbqe12ASAAAAp0lEQVR42t3OWRKDIAyA4YhgAHHfq3bJ/Q9ZeagTGHsB/yeGjyVwj3SRJE7/MTOkdJQu5uLEbOlsnSPEioImDLgO1daaa5FyXBute8eYP52/u85YqhhnfttsRPSQiDL3C8aKjnY3LDtCMpBPRbcpQwRwn98fjAX5DLTinFHwycln+43ORmD1FDUBD8tQS4QwwVCZWKE5MaufkXlWpXyNUiYtXNV2cKu+WBscbGwY/H0AAAAASUVORK5CYII=) no-repeat 50%;
}

.way-wechat:hover .i-wechat {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB7UExURUdwTP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////y5kv0UAAAAodFJOUwCj/l4C4TgQ+HUFz56I3UYKLY+qeWbvlk1UMR7q8hskH7HG2W17utfQnM1YAAAAsElEQVR42t3RSRKDIBBA0UaQyVljnGLmoe9/wsgiVkOZC/gXLHhQUNWwj5Tsi0r9MZNEuBTdzcaJdsa1UxugSNGrEx5nvs6ZojpGFE8vpeqKcEowfpalOWJKOHfbRi/rh1vBY0R8EHaAfZUkg4AiQZcObmNuBcD4/r1BmKHLwMTWPzLCEl1zrXFNAqnGoA5otvG1seDHCGojIOiwYp6dA3Osb/wiB15MsNW1dIOD3fQFw10hDYtHgm0AAAAASUVORK5CYII=);
}

.recharge-final {
    border-top: 1px solid #eaeaea;
}
.final-container {
    width: 835px;
    margin: 0 auto;
    height: 86px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.final-total {
    font-size: 20px;
}
.final-total span {
    font-size: 30px;
    color: #e4bf58;
    margin: 0 2px;
    font-family: PingFangSC-Medium;
}
.disabled {
    background: #d3d2d2;
    color: #fff;
}
.final-btn {
    width: 160px;
    height: 46px;
    background: #ffd321;
    border-radius: 23px;
    font-size: 18px;
    color: #282121;
    line-height: 46px;
    display: block;
    text-align: center;
}

.container .item{
    cursor: pointer;
}

.container .item_on{
    background: linear-gradient(135deg, #008ded 0%, #00e8d3 100%);
}
.container .item_on .coin{
    color: #fff!important;
}