/** @format */

.vip-container {
  font-family: "Microsoft YaHei",  sans-serif;
}
.vip-container div {
  box-sizing: border-box;
}
.vip-container .content {
  position: relative;
  width: 1200px;
  margin: auto;
}
.vip-container .nav {
  background: #1d1814;
  color: #fff;
  font-size: 20px;
}
.yin-label {
  font-size: 12px;
  color: #999999;
  line-height: 1.2;
}
.fb {
  display: flex;
  justify-content: space-between;
}
.fm {
  display: flex;
  align-items: center;
}
.tab-box {
  width: 800px;
  height: 100px;
}
.tab-box .el-tabs__item {
  font-size: 20px;
  height: auto;
}
.tab-box .el-tabs--border-card > .el-tabs__header,
.tab-box .el-tabs--border-card,
.tab-box .el-tabs__item.is-active,
.tab-box .el-tabs__item {
  background: none;
  border: none;
}
.tab-box .el-tabs__item {
  width: 222px;
  color: #fff;
  text-align: center;
}
.tab-box .el-tabs__item.is-active {
  color: #ffe58f;
}
.tab-box .el-tabs__item.is-active .yin-label {
  color: #ffe58f;
}
.tab-box .el-tabs__item:not(.is-disabled):hover {
  color: #ffe58f;
}
.tab-box .el-tabs__content {
  padding: 0;
}
.tab-box .el-tabs__nav-wrap::after {
  display: none;
}
.tab-box .el-tabs__header {
  margin: 0;
}
.tab-box .el-tabs__nav {
  margin: 0 20px;
  padding: 20px 0;
  width: 700px;
}
.tab-box .el-tabs__active-bar {
  background-color: #ffe58f;
  height: 3px;
}
.vip-container .abox {
  background: url(//static-1.602.com/602/v3/images/vip/a-bg.jpg) no-repeat;
  color: #fff;
  padding-top: 50px;
  background-position: top;
}
.vip-container .abox .al {
  width: 380px;
  height: 440px;
  background: url(//static-1.602.com/602/v3/images/vip/al-bg.png) no-repeat;
  padding: 20px;
}
.vip-container .abox .al-t-l {
  position: relative;
}
.vip-container .abox .al-t-l .flex-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 105px;
  height: 104px;
}
.vip-container .abox .al-t-l .avatar {
  width: 90px;
  height: 90px;
  padding: 10px 5px 5px 8px;
  border-radius: 50%;
  overflow: hidden;
}
.vip-container .abox .al-t-m {
  font-size: 20px;
}
.vip-container .al-m1 {
  margin-top: 10px;
}
.vip-container .al-m1-r {
  width: 194px;
}
.vip-container .al-m1-r .el-progress-bar__inner {
  background: #fff370;
}
.vip-container .el-progress-bar__inner::after {
  background: url(//static-1.602.com/602/v3/images/vip/small-son.png) no-repeat;
  width: 14px;
  height: 20px;
  top: -10px;
  position: relative;
}
.vip-container .el-progress-bar__outer {
  overflow: visible;
}
.vip-container .al-m1-r .el-progress__text {
  color: #fff !important;
}
.vip-container .al-m1-rr {
  width: 73px;
  overflow: visible;
  white-space: nowrap;
}
.vip-container .al-m2 {
  color: #1d1814;
  font-size: 14px;
  margin-top: 8px;
  white-space: nowrap;
}
.vip-container .al-m2-t {
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  line-height: 40px;
}
.vip-container .al-m3 {
  background: url(//static-1.602.com/602/v3/images/vip/al-m3-bg.png);
  padding: 12px 27px;
  height: 147px;
  margin-top: 35px;
  color: #ebe5d9;
}
.vip-container .ar {
  position: relative;
  background: url(//static-1.602.com/602/v3/images/vip/zhu.png) no-repeat;
  width: 800px;
  height: 440px;
}
.vip-container .ar-1 {
  position: relative;
  font-size: 18px;
  padding-left: 17px;
}
.vip-container .ar-1::before {
  content: " ";
  position: absolute;
  top: 3px;
  right: 100%;
  width: 7px;
  height: 21px;
  background: #ffe58f;
}
.vip-container .ar-1 .chongzhi-btn {
  margin-left: 10px;
}
.vip-container .flex-vip-icon {
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100px;
  height: 33px;
}
.vip-container .flex-vip-icon.vip1 {
  background: url(//static-1.602.com/602/v3/images/vip/zhu-b1.png) no-repeat;
  left: 49px;
}
.vip-container .flex-vip-icon.vip2 {
  background: url(//static-1.602.com/602/v3/images/vip/zhu-b2.png) no-repeat;
  left: 143px;
}
.vip-container .flex-vip-icon.vip3 {
  background: url(//static-1.602.com/602/v3/images/vip/zhu-b3.png) no-repeat;
  left: 237px;
}
.vip-container .flex-vip-icon.vip4 {
  background: url(//static-1.602.com/602/v3/images/vip/zhu-b4.png) no-repeat;
  left: 331px;
}
.vip-container .flex-vip-icon.vip5 {
  background: url(//static-1.602.com/602/v3/images/vip/zhu-b5.png) no-repeat;
  left: 418px;
}
.vip-container .flex-vip-icon.vip6 {
  background: url(//static-1.602.com/602/v3/images/vip/zhu-b6.png) no-repeat;
  left: 510px;
}
.vip-container .flex-vip-icon.vip7 {
  background: url(//static-1.602.com/602/v3/images/vip/zhu-b7.png) no-repeat;
  left: 600px;
}
.vip-container .flex-vip-icon.vip8 {
  background: url(//static-1.602.com/602/v3/images/vip/zhu-b8.png) no-repeat;
  left: 694px;
}
.vip-container .bbox {
  background: url(//static-1.602.com/602/v3/images/vip/b-bg.jpg) no-repeat;
  background-position: center;
  padding-bottom: 274px;
}
.vip-container .b-b1 {
  text-align: right;
  font-size: 18px;
  padding-top: 30px;
}
.vip-container .b-b1 a {
  color: #ff7a00;
  text-decoration: underline;
}
.vip-container .bbox-t {
  text-align: center;
  padding: 70px 0;
}
.vip-container .b-list {
  display: flex;
  justify-content: space-between;
}
.vip-container .p-b-f_btn {
    position: absolute;
    top: 70px;
    height: 30px;
    width: 75px;
    right: 376px;
}
.vip-container .al-t-r.vip-icon-0 {
  background-position: center;
}
.vip-container .b-list .b-item {
  width: 255px;
  height: 175px;
  cursor: pointer;
}
.vip-container .b-list .b-item.c1 {
  background: url(//static-1.602.com/602/v3/images/vip/c1.png) no-repeat;
}
.vip-container .b-list .b-item.c1:hover {
  background: url(//static-1.602.com/602/v3/images/vip/c1-a.png) no-repeat;
}
.vip-container .b-list .b-item.c2 {
  background: url(//static-1.602.com/602/v3/images/vip/c2.png) no-repeat;
}
.vip-container .b-list .b-item.c2:hover {
  background: url(//static-1.602.com/602/v3/images/vip/c2-a.png) no-repeat;
}
.vip-container .b-list .b-item.c3 {
  background: url(//static-1.602.com/602/v3/images/vip/c3.png) no-repeat;
}
.vip-container .b-list .b-item.c3:hover {
  background: url(//static-1.602.com/602/v3/images/vip/c3-a.png) no-repeat;
}
.vip-container .b-list .b-item.c4 {
  background: url(//static-1.602.com/602/v3/images/vip/c4.png) no-repeat;
}
.vip-container .b-list .b-item.c4:hover {
  background: url(//static-1.602.com/602/v3/images/vip/c4-a.png) no-repeat;
}
.vip-container .b-list .b-item.c5 {
  background: url(//static-1.602.com/602/v3/images/vip/c5.png) no-repeat;
}
.vip-container .b-list .b-item.c5:hover {
  background: url(//static-1.602.com/602/v3/images/vip/c5-a.png) no-repeat;
}
.vip-container .b-list .b-item.c6 {
  background: url(//static-1.602.com/602/v3/images/vip/c6.png) no-repeat;
}
.vip-container .b-list .b-item.c6:hover {
  background: url(//static-1.602.com/602/v3/images/vip/c6-a.png) no-repeat;
}
.vip-container .b-list .b-item.c7 {
  background: url(//static-1.602.com/602/v3/images/vip/c7.png) no-repeat;
}
.vip-container .b-list .b-item.c7:hover {
  background: url(//static-1.602.com/602/v3/images/vip/c7-a.png) no-repeat;
}
.vip-container .b-list .b-item.c8 {
  background: url(//static-1.602.com/602/v3/images/vip/c8.png) no-repeat;
}
.vip-container .b-list .b-item.c8:hover {
  background: url(//static-1.602.com/602/v3/images/vip/c8-a.png) no-repeat;
}
.vip-container .p-b {
  
}
.vip-container .p-b-0 {
  position: relative;
  padding-top: 21px;
  text-align: center;
  background: url(//static-1.602.com/602/v3/images/vip/a-bg.jpg) no-repeat;
  background-position: top;
}
.vip-container .p-b-a-i {
  position: relative;
  width: 280px;
  height: 314px;
  font-size: 14px;
  background: #fff;
  border-radius: 8px 8px 0 0;
}
.vip-container .p-b-a-i .p-b-a-it {
  height: 60px;
  line-height: 60px;
  background: url(//static-1.602.com/602/v3/images/vip/p-b-it.png) no-repeat;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  border-radius: 8px 8px 0 0;
}
.vip-container .p-b-a-il {
  text-align: left;
  padding-left: 50px;
  margin-bottom: 12px;
}
.vip-container .p-b-a-il.a {
  color: #ff7a00;
}
.vip-container .p-b-a-il::before {
  content: ' ';
  background: url(//static-1.602.com/602/v3/images/vip/gou.png) no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  left: -8px;
  top: 3px;
}
.vip-container .p-b-a-il.a::before {
  background: url(//static-1.602.com/602/v3/images/vip/gou-a.png) no-repeat;
}
.vip-container .p-b-a  {
  margin-top: 20px;
}
.vip-container .p-b-1 .p-b-a {
  margin: 0;
}
.vip-container .p-b-1 {
  background: url(//static-1.602.com/602/v3/images/vip/b-bg.jpg) no-repeat;
  padding-top: 50px;
  padding-bottom: 36px;
  background-position: center;
}
.vip-container .p-b-a-i.l {
  height: 540px;
  border-radius: 8px;
}
.vip-container .p-b-a-i .flex-vip-icon {
    left: 0;  
}
.vip-container .p-b-b {
  background: url(//static-1.602.com/602/v3/images/vip/p-b-cbg.png) no-repeat;
  padding: 1px 40px;
  margin-top: 50px;
  height: 390px;
}
.vip-container .p-b-b-t {
  color: #ffe58f;
  font-size: 18px;
  margin-bottom: 10px;
  padding-top: 30px;
}
.vip-container .p-b-b-c {
  color: #ebe5d9;
  font-size: 16px;
  margin-bottom: 16px;
}
.vip-container .flex-icon {
  position: absolute;
  top: -28px;
  left: 0;
  display: none;
}
.vip-container .p-b-a-i.a .flex-icon {
  display: block;
}
.vip-container .p-b-a-i.a .p-b-a-it {
  background: url(//static-1.602.com/602/v3/images/vip/p-b-it-a.png) no-repeat;
  color: #e9c88f;
}
.vip-container .p-c-0 {
 background: url(//static-1.602.com/602/v3/images/vip/a-bg.jpg) no-repeat;
 text-align: center;
 padding: 20px 0;
}
.vip-container .p-c-1 {
 background: url(//static-1.602.com/602/v3/images/vip/b-bg.jpg) no-repeat;
 padding-top: 40px;
 padding-bottom: 277px;
 background-position: top;
}
.vip-container .p-c {
 background: #fff;
 border-radius: 8px;
 
}
.vip-container .p-c .el-tabs__nav.is-left {
  padding-top: 30px;
  height: 100%;
}
.vip-container .p-c .el-tabs--left .el-tabs__active-bar.is-left {
  display: none;
}
.vip-container .p-c .el-tabs__item {
  height: 58px;
  width: 250px;
  font-size: 18px;
  color: #666666;
  line-height: 58px;
      margin-right: 2px;
}
.vip-container .p-c .el-tabs__item.is-active {
  color: #1d1814;
  
  background: url(//static-1.602.com/602/v3/images/vip/p-c-ib.png) no-repeat;
  
}
.vip-container .p-c-c-t {
  margin-top: 47px;
  font-size: 18px;
  color: #333333;
  font-weight: bold;
}
.vip-container .p-c-c-c {
  margin-top: 10px;
  font-size: 16px;
  color: #666;
}
.vip-container .p-c-c {
  margin-left: 24px;
  padding-right: 24px;
}
.vip-container .p-c-tips {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 10;
  width: 210px;
  text-align: center;
}
.vip-container .p-c-tips a {
  color: #ff7a00;
}
.back-btn {
  font-size: 12px;
  color: #906018;
  cursor: pointer;
}

.ty {
  color: #ffe58f;
}
.tys {
  background: linear-gradient(120deg, #fff370 0%, #fffde0 50%, #fff370 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.vip-container .g-dialog .el-dialog__title {
  color: #b77b30;
  font-size: 24px;
  font-weight: bold;
  position: relative;

}
.vip-container .g-dialog .el-dialog__title::after {
  content: '';
  display: block;
  position: absolute;
  top: 37px;
  height: 5px;
  width: 100%;
  background: #b77b30;
}
.vip-container .el-dialog__headerbtn .el-dialog__close {
  font-size: 28px;
  color: #333;
}
.vip-container .g-dialog-tips {
color: #ff7a00;
width: 800px;
margin: 30px auto; 
}
.vip-container .g-table {
  width: 800px;
  margin: auto;
  background: #eeeeee;
  text-align: center;
}
.vip-container .g-table .el-table tr {
  background: #eeeeee;
}
.vip-container .g-table .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
  background: #e4e4e4;
  color: #333;
  text-align: center;
}
.vip-container .g-table .el-table__cell {
  text-align: center;
}
.al-t-r.vip-icon-1,
.al-t-r.vip-icon-2,
.al-t-r.vip-icon-3,
.al-t-r.vip-icon-5,
.al-t-r.vip-icon-6,
.al-t-r.vip-icon-7 {
  position: relative;
  top: 5px;
}
.al-t-r.vip-icon-4 {
  position: relative;
  top: 7px;
}