@charset "UTF-8";

/* 所有的宽、高、行高、字体大小通通为rem单位  计算方法为设计图相应尺寸/192 */
.wrapper {
  width: 100%;
  height: auto;
  opacity: 0.01;
  background: #fbfbf6;
}

/* 主体部分 start */
.main-section {
  width: 100%;
  height: auto;
  padding: 0.625rem 0 0.28125rem;
}

.main-wrap {
  width: 5.833333333333333rem;
	height: 560px;
  background: #fff;
  padding: 0.130208333333333rem 0.203125rem 0.3125rem;
  border: 0.005208333333333rem solid #ededed;
}

.chongzhi-title {
  height: 0.260416666666667rem;
  line-height: 0.260416666666667rem;
  padding-left: 0.114583333333333rem;
  color: #333;
  font-size: 0.114583333333333rem;
  position: relative;
  margin-bottom: 0.338541666666667rem;
}

.chongzhi-title::before, .chongzhi-title:before, .chongzhi-title before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.020833333333333rem;
  height: 0.114583333333333rem;
  margin-top: -0.057291666666667rem;
  display: block;
  content: "";
  background: #ff6600;
}

.chongzhi-main {
  width: 4.979166666666667rem;
}

.chongzhi-div-wrap {
  margin-bottom: 0.114583333333333rem;
  width: 100%;
}

.zhanghao {
  width: 2.322916666666667rem;
  position: relative;
}

.cz-tt {
  width: 1.001666666666667rem;
  text-align: right;
  color: #979797;
  font-size: 0.072916666666667rem;
  line-height: 0.260416666666667rem;
  height: 0.260416666666667rem;
}

.qufu-tt {
  width: 0.5625rem;
}

.zhanghao-txt {
  width: 1.166666666666667rem;
  height: 0.25rem;
  line-height: 0.25rem;
  padding: 0 0.052083333333333rem;
  border: 0.005208333333333rem solid #d7d7d7;
  border-radius: 4px;
  background: #fff;
  color: #979797;
  font-size: 0.072916666666667rem;
}

.game-list, .qufu-list {
  position: absolute;
  z-index: 10;
  top: 0.260416666666667rem;
  left: 1.001666666666667rem;
  width: 1.166666666666667rem;
  padding: 0 0.052083333333333rem;
  border: 0.005208333333333rem solid #d7d7d7;
  background: #fff;
}

.game-list>span, .qufu-list>span {
  line-height: 0.25rem;
  color: #979797;
  font-size: 0.072916666666667rem;
  text-align: center;
  display: block;
  border-bottom: 0.005208333333333rem solid #d7d7d7;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.game-list>span:last-child, .qufu-list>span:last-child {
  border-bottom: none;
}

.jine {
  width: 100%;
}

.jine-con, .chongzhi-con {
  width: 3.15625rem;
}

.jine-con>a {
  width: 0.375rem;
  height: 0.239583333333333rem;
  line-height: 0.239583333333333rem;
  float: left;
  display: block;
  text-align: center;
  background: url("../img/jine-bg.png?pcv=20210624") no-repeat center center/100% 100%;
  color: #9b9b9b;
  font-size: 0.072916666666667rem;
  margin: 0 0.114583333333333rem 0.052083333333333rem 0;
  border-radius: 4px;
}

.jine-con>a.active {
  background: url("../img/active-bg.png?pcv=20210624") no-repeat center center/100% 100%;
}

.qita {
  height: 0.229166666666667rem;
  line-height: 0.229166666666667rem;
  float: left;
  width: auto;
  border: 0.005208333333333rem solid #d8d8d8;
  min-width: 0.479166666666667rem;
  padding: 0 0.041666666666667rem;
  white-space: nowrap;
  text-align: center;
  background: #f8f8f8;
  color: #9b9b9b;
  font-size: 0.072916666666667rem;
  margin: 0 0.114583333333333rem 0.052083333333333rem 0;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}

.qita.active {
  border: 0.010416666666667rem solid #4fb217;
  height: 0.21875rem;
  line-height: 0.21875rem;
  background: #fff;
}

.qita::after, .qita:after, .qita after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0.145833333333333rem;
  height: 0.145833333333333rem;
  z-index: 10;
  display: block;
  content: "";
}

.qita.active::after, .qita.active:after, .qita.active after {
  background: url("../img/check.png?pcv=20210624") no-repeat center center/100% 100%;
}

.other-jine {
  min-width: 0.104166666666667rem;
  display: inline-block;
}

.chongzhi-con>a, .yinhang-con>a {
  float: left;
  width: 0.583333333333333rem;
  height: 0.239583333333333rem;
  background: url("../img/fangshi-kuang.png?pcv=20210624") no-repeat center center/100% 100%;
  margin-right: 0.052083333333333rem;
  position: relative;
}

.yinhang-con>a {
  margin-bottom: 0.052083333333333rem;
}

.chongzhi-con>a.active, .yinhang-con>a.active {
  background: url("../img/fangshi-kuang-active.png?pcv=20210624") no-repeat center center/100% 100%;
}

.chongzhi-con>a>img, .yinhang-con>a>img {
  display: block;
  width: 0.5625rem;
  position: absolute;
  top: 0.010416666666667rem;
  left: 0.010416666666667rem;
  z-index: 9;
}

.yh-wrap {
  margin-bottom: 0.15625rem;
}

.yinhang-con {
  width: 3.520833333333333rem;
}

.sure {
  display: block;
  width: 1.5625rem;
  height: 0.270833333333333rem;
  margin: 0 auto;
  color: #fff;
  line-height: 0.270833333333333rem;
  text-align: center;
  border-radius: 0.135416666666667rem;
  background: #ff6600;
  font-size: 0.072916666666667rem;
}