* {
  padding: 0;
  margin: 0;
  font-family: DINPro-Medium;
  box-sizing: border-box;
}

html body {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

button {
  border: none;
}

li {
  list-style: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}

input[type="number"] {
  -moz-appearance: textfield;
}

span {
  user-select: none;
}

.pc {
  background-color: #13131d;
  min-width: 1430px;
  display: none;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.linerBlock {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 800px;
  background: linear-gradient(180deg, rgba(108, 23, 255, 0.3) 0%, rgba(48, 23, 255, 0) 100%);
}

.pc .header {
  width: 100%;
  height: 60px;
  min-width: 1430px;
  position: relative;
  z-index: 2;
}
.pc .header2 {
  position: absolute;
  height: 800px;
}
.pc .bannertop {
  margin-top: 60px !important;
}
.pc .footer {
  width: 100%;
  height: 682px;
  position: relative;
  z-index: 2;
  min-width: 1300px;
}

.pc .bg {
  z-index: 0;
  width: 100%;
  position: absolute;
  min-width: 1652px;
  left: 50%;
  transform: translateX(-50%);
  top: 60px;
}
.pc .banner {
  margin-top: 0px;
  width: 100%;
  overflow-x: clip;
  /* height: 800px; */
  /* background: linear-gradient(
    180deg,
    rgba(108, 23, 255, 0.3) 0%,
    rgba(48, 23, 255, 0) 100%
  ); */
  position: relative;
}
.pc .banner {
  display: flex;
  justify-content: center;
}

.pc .banner .mian {
  width: 1200px;
  display: flex;
  justify-content: space-between;
}
.pc .banner .mian .main-left .text1 {
  font-size: 54px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 60px;
  margin-top: 110px;
}
.pc .banner .mian .main-left .text2 {
  font-size: 30px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 42px;
  margin-top: 20px;
}

.btnGroup {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 22px;
  margin-top: 90px;
}
.btnGroup .myprize {
  background: #7751ff;
  border-radius: 6px;
  padding: 14px 53px;
  box-sizing: border-box;
  height: 50px;
  cursor: pointer;
  white-space: nowrap;
}
.btnGroup .myprize:hover {
  background: #8e61ff;
}
.btnGroup .ImmediateDocumentary {
  margin-left: 16px;
  padding: 14px 53px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 2px solid #ffffff;
  height: 50px;
  cursor: pointer;
  white-space: nowrap;
}
.activeRules {
  margin-top: 40px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
  border-bottom: 1px dashed #ffffff;
  display: inline-block;
  cursor: pointer;
}
.activeRules:hover {
  color: #7751ff;
  border-bottom: 1px dashed #7751ff;
}

.pc .banner .mian .main-right {
  width: 710px;
  height: 441px;
  margin-top: 70px;
}
.pc .banner .mian .main-right img {
  width: 710px;
  height: 441px;
}
.list {
  width: 1200px;
}

.list .listHeader {
  width: 1200px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  z-index: 15;
}
.list .listHeader .listTab {
  display: flex;
  align-items: center;
  max-width: 800px;
  overflow-x: auto;
  height: 44px;
  position: relative;
}
.list .listHeader .listTab .listTab-item {
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #85899c;
  line-height: 28px;
  padding-right: 38px;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}
.listHeader-l {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.list .listHeader .listTab .listTab-item:hover {
  color: #ffffff;
}
.list .listHeader .listTab .listTab-item.active {
  color: #ffffff;
}
.list .listHeader .icon-btn {
  margin-left: 15px;
  transform: translateY(2px);
  display: none;
}
.list .listHeader .icon-btn img {
  cursor: pointer;
}
.list .listHeader .icon-btn img:first-child {
  margin-right: 16px;
}

.list .listHeader .listTab .listTab-item.active::after {
  position: absolute;
  content: "";
  display: block;
  width: 40%;
  height: 4px;
  background: #7751ff;
  bottom: -8px;
  left: 0;
  transform: translateX(calc(50% - 10px));
}

.list .listHeader .listTabSelect {
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 14px;
  cursor: pointer;
  position: relative;
  /* width: 120px; */
  display: flex;
  justify-content: flex-end;
}
.list .listHeader .listTabSelect:hover .selectGroup {
  display: block;
}

.list .listHeader .listTabSelect .selectGroup {
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 8;
  display: none;
  width: 240px;
  top: 18px;
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 4px;
  padding: 13px 0;
}
.list .listHeader .listTabSelect .selectGroup .selectGroup-item {
  color: #1a1a1a;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000;
  height: 22px;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  box-sizing: border-box;
}
.list .listHeader .listTabSelect .selectGroup .selectGroup-item img {
  width: 10px;
  display: none;
}
.list .listHeader .listTabSelect .selectGroup .selectGroup-item.active {
  color: #7752ff;
}
.list .listHeader .listTabSelect .selectGroup .selectGroup-item.active img {
  display: block;
}
.list .listHeader .listTabSelect .selectGroup .selectGroup-item:not(:last-child) {
  margin-bottom: 5px;
}
.list .listHeader .listTabSelect img {
  margin-left: 9px;
  height: 14px;
}

.list .listContent {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 36px;
  grid-template-rows: auto;
  margin-top: 30px;
}
.list .listContent-one {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.pad-c {
  padding: 1px;
  background: linear-gradient(180deg, rgba(235, 116, 0, 1), rgba(235, 116, 0, 0));
  border-radius: 12px;
}
.list .listContent .listContentItem {
  background: linear-gradient(180deg, rgba(53, 45, 40, 1) 0%, rgba(31, 31, 42, 1) 100%);
  min-height: 374px;
  border-radius: 12px;
  position: relative;
}
.list .listContent-one .listContentItem {
  background: linear-gradient(180deg, rgba(53, 45, 40, 1) 0%, rgba(31, 31, 42, 1) 100%);
  min-height: 500px;
  border-radius: 12px;
  position: relative;
}
/* .list .listContent .listContentItem::after {
  position: absolute;
  content: '';
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 12px;
  top: -1px;
  left: -1px;
  z-index: -1;
  background: linear-gradient(
    180deg,
    rgba(235, 116, 0, 1),
    rgba(235, 116, 0, 0)
  );
} */

.list .listContent .listContentItem .listContentItemTop {
  height: 139px;
}

.list .listContent .listContentItem .listContentItemTop .imgBox {
  width: 100%;
  height: 100%;
  position: relative;
}
.list .listContent .listContentItem .listContentItemTop .imgBox .title1 {
  position: absolute;
  font-size: 28px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 40px;
  left: 50%;
  transform: translateX(-50%);
  top: 32px;
  white-space: nowrap;
}
.list .listContent .listContentItem .listContentItemTop .imgBox .title2 {
  position: absolute;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 25px;
  left: 50%;
  transform: translateX(-50%);
  top: 72px;
  white-space: nowrap;
}
.list .listContent .listContentItem .listContentItemTop .imgBox img {
  width: 100%;
  height: 100%;
}

.list .listContent .listContentItem .listContentItemMiddle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px;
}
.list .listContent .listContentItem .listContentItemMiddle .leftBox {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.list .listContent .listContentItem .listContentItemMiddle .leftBox img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}
.list .listContent .listContentItem .listContentItemMiddle .leftBox .nameBox {
  display: flex;
  flex-direction: column;
  margin-left: 12px;
}
.list .listContent .listContentItem .listContentItemMiddle .leftBox .nameBox .name {
  font-size: 18px;
  font-family: Inter-Medium, Inter;
  font-weight: 500;
  color: #ffffff;
  line-height: 18px;
}
.list .listContent .listContentItem .listContentItemMiddle .leftBox .nameBox .nickName {
  font-size: 14px;
  font-family: Inter-Regular, Inter;
  font-weight: 400;
  color: #85899c;
  line-height: 17px;
  margin-top: 6px;
}

.list .listContent .listContentItem .listContentItemMiddle .rightBox {
  display: flex;
  align-items: center;
}
.list .listContent .listContentItem .listContentItemMiddle .rightBox .genBtn {
  background: #7751ff;
  border-radius: 6px;
  padding: 8px 31px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 20px;
  margin-left: 21px;
  cursor: pointer;
}
.rightBox .genBtn:hover {
  background-color: #8e61ff !important;
}
.h5-list-block .pad-c:not(:first-child) {
  margin-top: 21px;
}

.list .listContent .listContentItem .listContentItemMiddle .rightBox .shareBox {
  display: none;
  align-items: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
  cursor: pointer;
}
.rightBox .shareBox:hover {
  color: #7751ff !important;
}
.list .listContent .listContentItem .listContentItemMiddle .rightBox .shareBox img {
  margin-right: 10px;
  cursor: pointer;
}

.list .listContent .listContentItem .listContentItemBottom {
  cursor: pointer;
  padding: 0 30px;
}
.list .listContent .listContentItem .listContentItemBottom .zhanji {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 20px;
  margin-top: 24px;
  margin-bottom: 6px;
}

.list .listContent .listContentItem .listContentItemBottom .rows {
  display: flex;
  align-items: center;
}

.list .listContent .listContentItem .listContentItemBottom .rows .rows-item {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.t-left {
  text-align: left;
}
.t-right {
  text-align: right;
}

.color-1,
.color-2 {
  width: 100%;
}

.color-1 {
  font-size: 30px;
  font-family: Inter-Bold, Inter;
  font-weight: bold;
  color: #11bf8c;
  line-height: 36px;
}

.color-2 {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #85899c;
  line-height: 20px;
  margin-top: 5px;
}
.color-3 {
  width: 100%;
  font-size: 30px;
  font-family: Inter-Bold, Inter;
  font-weight: bold;
  color: #ffffff;
  line-height: 36px;
}
.occupSpace {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  flex-direction: column;
}
.occupSpace .next {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffb017;
  line-height: 25px;
  margin-top: 42px;
}
.occupSpace img {
  width: 66px;
  height: 66px;
  margin: 24px 0;
}

.occupSpace .nv-1,
.occupSpace .nv-2 {
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 33px;
  text-align: center;
}

.occupSpace .applyforBtn {
  width: 377px;
  height: 44px;
  background: #7751ff;
  border-radius: 6px;
  line-height: 44px;
  text-align: center;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 44px;
  margin-top: 24px;
  cursor: pointer;
}
.occupSpace .applyforBtn:hover {
  background: #8e61ff !important;
}
.lsitSingle-one {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0 284px;
}
.single-name {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.single-name img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}
.single-name .name1 {
  font-size: 18px;
  font-family: Inter-Medium, Inter;
  font-weight: 500;
  color: #ffffff;
  line-height: 18px;
  margin-top: 15px;
  width: 100%;
  text-align: center;
}
.single-name .name2 {
  font-size: 14px;
  font-family: Inter-Regular, Inter;
  font-weight: 400;
  color: #85899c;
  line-height: 17px;
  margin-top: 6px;
  width: 100%;
  text-align: center;
}
.shangbang {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 20px;
  margin-top: 24px;
}
.shangbangRows {
  width: 100%;
  display: flex;
  margin-top: 6px;
  cursor: pointer;
}

.shangbangRows .shangbangRowsItem {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.lsitSingle-bootm {
  width: 100%;
  display: flex;
  /* align-items: center; */
  justify-content: center;
  margin-top: 40px;
}
.lsitSingle-bootm .gendan,
.lsitSingle-bootm .fenxiang {
  width: 252px;
  height: 44px;
  border-radius: 6px;
  line-height: 44px;
  text-align: center;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 44px;
  cursor: pointer;
}
.fenxiang {
  margin-left: 18px;
  display: none;
}
.lsitSingle-bootm .gendan {
  background: #7751ff;
}
.lsitSingle-bootm .gendan:hover {
  background: #8e61ff;
}
.lsitSingle-bootm .fenxiang {
  background: rgba(133, 137, 156, 0.1);
}
.lsitSingle-bootm .fenxiang:hover {
  background: rgba(133, 137, 156, 0.2) !important;
}
.gendanli {
  width: 1200px;
  margin-top: 80px;
}

.gendanli .gendanli-top .gendanli-1 {
  font-size: 36px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 50px;
}
.gendanli .gendanli-top .gendanli-2 {
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 25px;
  margin-top: 8px;
}

.gendanli-bottom {
  width: 100%;
  overflow: hidden;
}

.gendanli-bottom .container {
  margin-top: 33px;
  display: flex;
  align-items: center;
  width: 300%;
  position: relative;
}

.container-item {
  width: 224px;
  height: 200px;
  border-radius: 12px;
  background-color: rgba(133, 137, 156, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 20px;
}
.container-item:last-child {
  margin-right: 0px;
}

.container-item .imgblock {
  width: 150px;
  height: 50px;
  position: relative;
  margin-top: 43px;
}
.container-item .imgblock img {
  width: 150px;
  height: 50px;
}

.container-item .imgblock .amount {
  position: absolute;
  left: 69px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  font-weight: bold;
  font-family: Inter-Bold, Inter;
  color: #ffffff;
}
.container-item .ammount-u {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 28px;
  margin-top: 26px;
  text-align: center;
  word-wrap: break-word;
  max-width: 90%;
}
.container-item .ammount-text {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 28px;
  text-align: center;
  margin-top: 26px;
  padding: 0 15px;
}

.shangbangfuli {
  margin-top: 70px;
  width: 1200px;
  margin-bottom: 70px;
}

.shangbangfuli .shangbangfulitext {
  font-size: 36px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 50px;
}

.shangbangfuli .shangbangfuli-container {
  display: flex;
  align-items: flex-start;
  margin-top: 38px;
}

.shangbangfuli .shangbangfuli-container .shangbangfuli-container-item {
  width: 224px;
  min-height: 200px;
  background: rgba(133, 137, 156, 0.05);
  border-radius: 12px;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.shangbangfuli .shangbangfuli-container .shangbangfuli-container-item:last-child {
  margin-right: 0px;
}

.shangbangfuli .shangbangfuli-container .shangbangfuli-container-item > img {
  margin-top: 30px;
}

.shangbangfuli .shangbangfuli-container .shangbangfuli-container-item .fulitext {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 28px;
  margin-top: 6px;
  text-align: center;
  word-break: break-word;
  max-width: 90%;
}
.h5 {
  position: relative;
  background-color: #13131d;
  display: none;
}
.h5bannerbg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 5.54rem;
  background: linear-gradient(180deg, rgba(108, 23, 255, 0.3) 0%, rgba(48, 23, 255, 0) 100%);
}
.h5-sharebox {
  height: 100vh;
}

.h5 .h5-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.15rem;
  height: 0.44rem;
  width: 100%;
}
.h5 .h5-nav .lanset {
  height: 100%;
  display: flex;
  align-items: center;
}
.h5 .h5-nav .lanset .currentLangText {
  font-size: 0.14rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.2rem;
  margin-right: 0.06rem;
}
.h5ChangeBox {
  display: flex;
  align-items: center;
  position: relative;
}

.h5langList {
  position: absolute;
  top: 23px;
  right: 0;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  background: #ffffff;
  width: 100px;
  border-radius: 6px;
  display: none;
}
.h5langListItem {
  padding: 10px;
  text-align: center;
}
.h5langListItem.h5langListItemActive {
  color: #7751ff;
}

.h5-banner {
  width: 100%;
  z-index: 2;
}
.h5-banner-main {
  background-image: url("../images/h5bannerbg.png");
  background-position: 1.17rem 0.15rem;
  background-size: 4.26rem 2.64rem;
  background-repeat: no-repeat;
}

.h5-banner-bot .h5-banner-text1 {
  font-size: 0.28rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 0.3rem;
  padding-top: 0.54rem;
  padding-left: 0.15rem;
}
.h5-banner-bot .h5-banner-text2 {
  font-size: 0.18rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.25rem;
  margin-top: 0.14rem;
  padding-left: 0.15rem;
}

.h5-gendan-group {
  padding: 0 0.15rem;
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 1.55rem;
}
.h5-gendan-group div {
  padding: 0.12rem;
  box-sizing: border-box;
  width: 1.65rem;
  border-radius: 0.06rem;
  font-size: 0.14rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 0.2rem;
  flex: 1;
  text-align: center;
}
.h5-gendan-group .h5-gendan {
  background: #7751ff;
  margin-right: 0.15rem;
}
.h5-gendan-group .h5-jiangpin {
  border: 0.02rem solid #ffffff;
  background-color: transparent;
}
.h5-rules {
  width: 100%;
  text-align: center;
  font-size: 0.12rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.17rem;
  margin-top: 0.24rem;
  margin-bottom: 0.48rem;
}
.h5-container-list {
  padding: 0 0.15rem;
  z-index: 20;
}

.h5-list {
}

.h5-list .h5-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.h5-list .h5-list-head .h5-list-head-l {
  display: flex;
  align-items: center;
}
.mobile-icon-btn {
  display: none;
  margin-left: 0.1rem;
}
.mobile-icon-btn img:first-child {
  margin-right: 0.05rem;
}
.h5-list .h5-list-head .itemTabBox {
  display: flex;
  align-items: center;
  font-size: 0.16rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #85899c;
  line-height: 0.22rem;
  max-width: 1.5rem;
  overflow-x: auto;
}
.h5-list .h5-list-head .itemTabBox .itemTab:not(:last-child) {
  padding-right: 0.18rem;
}
.h5-list .h5-list-head .itemTabBox .itemTab {
  white-space: nowrap;
}

.h5-list .h5-list-head .itemTabBox .itemTab.itemActive {
  color: #ffffff;
}
.changeItemTab {
  display: flex;
  align-items: center;
  position: relative;
}
.changeItemTab .changeText {
  font-size: 0.14rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.14rem;
}
.changeItemTab img {
  margin-left: 0.09rem;
}
.changeItemTab .changeItemTabUl {
  position: absolute;
  top: 0.2rem;
  right: 0;
  max-height: 150px;
  background-color: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  display: none;
  width: 160px;
  padding: 10px 0;
  box-sizing: border-box;
  z-index: 7;
}
.changeItemTab .changeItemTabUl .item {
  color: #000;
  padding: 6px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000;
  line-height: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  box-sizing: border-box;
}
.changeItemTab .changeItemTabUl .item img {
  display: none;
}
.changeItemTab .changeItemTabUl .item:not(:last-child) {
  margin-bottom: 5px;
}
.changeItemTab .changeItemTabUl .item.active {
  color: #7752ff;
}
.changeItemTab .changeItemTabUl .item.active img {
  display: block;
}

.h5-list-block {
  margin-top: 0.34rem;
}
.h5-list-block .list-card {
  width: 100%;
  min-height: 3.92rem;
  border-radius: 0.12rem;
  /* border: 0.01rem solid; */
  background: linear-gradient(180deg, rgba(53, 45, 40, 1) 0%, rgba(31, 31, 42, 1) 100%);
  border-radius: 0.12rem;
  padding-bottom: 12px;
}
.list-card-top {
  height: 0.9rem;
}
.cardimgbox {
  height: 0.9rem;
}
.h5-list-block .list-card .cardimgbox {
  background: url("../images/item.svg") no-repeat center center;
  background-size: 100% 0.9rem;
  position: relative;
}

.cardimgbox .span1 {
  font-size: 0.2rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 0.2rem;
  display: inline-block;
  position: absolute;
  top: 0.25rem;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.cardimgbox .span2 {
  font-size: 0.12rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 0.17rem;
  display: inline-block;
  position: absolute;
  top: 0.46rem;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.list-card-mid {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.list-card-mid img {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  object-fit: cover;
  margin-top: 0.15rem;
}

.list-card-mid .crad-nickname {
  font-size: 0.18rem;
  font-family: Inter-Medium, Inter;
  font-weight: 500;
  color: #ffffff;
  line-height: 0.18rem;
  margin-top: 0.06rem;
  margin-bottom: 0.06rem;
}
.list-card-mid .crad-name {
  font-size: 0.14rem;
  font-family: Inter-Regular, Inter;
  font-weight: 400;
  color: #85899c;
  line-height: 0.17rem;
}

.list-card-bot {
  padding: 0 0.15rem;
}
.list-card-bot .crad-zhanji {
  font-size: 0.14rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 0.2rem;
  margin-top: 0.18rem;
}
.list-card-bot .crad-item-list {
  display: flex;
  margin-top: 0.12rem;
}
.crad-item {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.color-green {
  font-size: 0.18rem;
  font-family: Inter-Bold, Inter;
  font-weight: bold;
  color: #11bf8c;
  line-height: 0.21rem;
}
.color-gray {
  font-size: 0.12rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #85899c;
  line-height: 0.17rem;
  margin-top: 0.06rem;
}
.color-whilte {
  font-size: 0.18rem;
  font-family: Inter-Bold, Inter;
  font-weight: bold;
  color: #ffffff;
  line-height: 0.21rem;
}
.card-group-btn {
  width: 100%;
  display: flex;
  margin-top: 0.31rem;
  padding: 0 0.15rem;
}
.card-group-btn div {
  flex: 1;
  font-size: 0.14rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 0.2rem;
  border-radius: 0.06rem;
  text-align: center;
  height: 0.44rem;
  line-height: 0.44rem;
}

.card-gendan {
  margin-right: 0.15rem;
  background: #7751ff;
}
.card-fenxiang {
  background-color: rgba(133, 137, 156, 0.1);
}
.card-fenxiang:hover {
  background-color: rgba(133, 137, 156, 0.2);
}

.h5-shouci {
  padding: 0 0.15rem;
  margin-top: 0.37rem;
}
.h5-shouci .h5-shouci-1 {
  font-size: 0.18rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 0.25rem;
}

.h5-shouci .h5-shouci-2 {
  font-size: 0.12rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.17rem;
  margin-top: 0.06rem;
}
.h5-shouci-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.15rem;
  grid-template-rows: auto;
  margin-top: 0.21rem;
}

.h5-shouci-block .block-item {
  min-height: 1.4rem;
  background: rgba(133, 137, 156, 0.05);
  border-radius: 0.09rem;
}

.h5-block-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 1.3rem;
  background: rgba(133, 137, 156, 0.05);
  border-radius: 0.09rem;
}
.h5-imgblock {
  position: relative;
  width: 1.11rem;
  height: 0.37rem;
  margin-top: 0.3rem;
}
.h5-imgblock img {
  width: 1.11rem;
  height: 0.37rem;
  position: absolute;
}
.h5-amount {
  position: absolute;
  left: 0.51rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.18rem;
  font-weight: bold;
  font-family: Inter-Bold, Inter;
  color: #ffffff;
}
.h5-ammount-u {
  margin-top: 0.15rem;
}
.h5-ammount-u,
.h5-ammount-text {
  font-size: 0.12rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.17rem;
  text-align: center;
  word-break: break-word;
  margin-top: 0.15rem;
  padding: 0 0.15rem;
}
.h5-shangbang-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.15rem;
  grid-template-rows: auto;
  margin-top: 0.21rem;
}
.h5-shangbanfuli {
  padding: 0 0.15rem;
  margin-top: 0.36rem;
  margin-bottom: 0.48rem;
}
.h5-shangbang-text {
  font-size: 0.18rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 0.25rem;
}
.h5-shangbang-block-item {
  display: flex;
  flex-direction: column;
  align-items: center;

  min-height: 1.4rem;
  background: rgba(133, 137, 156, 0.05);
  border-radius: 0.09rem;
}
.h5-shangbang-block-item img {
  width: 0.69rem;
  height: 0.69rem;
  margin-top: 0.15rem;
}

.h5-shangbang-block-item .h5-text {
  font-size: 0.12rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.17rem;
  margin-top: 0.09rem;
  text-align: center;
  word-break: break-word;
}

/* dialog.css */
.common-dialog {
  font-size: 0.12rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
  transition: all 0.3s;
}

.common-dialog .dialog-content {
  width: 320px;
  padding: 24px;
  background: #1e1e29;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}
.common-dialog .dialog-content-new {
  width: 550px;
  background: linear-gradient(180deg, #352d28 0%, #1f1f2a 100%);
  border-radius: 12px;
  border: 2px solid #ffb017;
  padding: 12px 24px 24px 24px;
}
.common-dialog .dialog-content-new1 {
  width: 320px;
  padding: 16px 24px 24px 24px;
  background: linear-gradient(180deg, #352d28 0%, #1f1f2a 100%);
  border-radius: 12px;
  border: 2px solid #ffb017;
}

.common-dialog .dialog-content-new1 .dialog-conten-title,
.common-dialog .dialog-content-new .dialog-conten-title,
.common-dialog .dialog-content .dialog-conten-title {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
}

/* dialog  my price conetnt style*/
.flex-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dialog-template-main {
  width: 100%;
}

.dialog-template-main .myPriceItemList {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.myPriceItem {
  width: 100%;
}
.myPriceItem:not(:last-child) {
  border-bottom: 1px solid rgba(133, 137, 156, 0.2);
  padding-bottom: 24px;
}
.myPriceItem .name {
  margin-top: 24px;
}
.myPriceItem .name .name-1 {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #85899c;
  line-height: 17px;
  align-self: flex-start;
}
.myPriceItem .name .name-2 {
  font-size: 18px;
  font-family: Inter-Bold, Inter;
  font-weight: bold;
  color: #ffffff;
  line-height: 20px;
  margin-left: 15px;
  flex: 1;
  text-align: right;
}
.myPriceItem .tiojian {
  margin-top: 17px;
}
.myPriceItem .tiojian .name-3 {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #85899c;
  line-height: 17px;
  align-self: flex-start;
}
.myPriceItem .tiojian .name-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 15px;
  flex: 1;
}

.myPriceItem .tiojian .name-4 span {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  width: 100%;
  display: inline-block;
  text-align: right;
}
.myPriceItem .zhuangtai {
  margin-top: 18px;
}

.myPriceItem .zhuangtai .name-5 {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #85899c;
  line-height: 17px;
}
.myPriceItem .zhuangtai .name-6.red {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #d61a29;
  line-height: 17px;
}
.myPriceItem .zhuangtai .name-6.green {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #11bf8c;
  line-height: 17px;
}
.shareBoxrt-p {
  position: fixed;
  left: -20000px !important;
}
.shareBoxrt {
  width: 570px;
  background: #1e1e29;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 24px;
  display: none;
  align-items: center;
  flex-direction: column;
  border-radius: 12px;
  z-index: 99;
  justify-content: center;
}

.shareBoxrt .shareBoxTop {
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: center;
  position: relative;
}
.imgBseContainer {
  width: 100%;
  display: flex;
  justify-content: center;
}
#baseImg {
  margin-top: 30px;
  width: 340px;
  /* height: 486px */
}

.shareText {
  height: 16px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 16px;
}

.shareContentBox {
  width: 311px;
  height: 423px;
  margin-top: 30px;
  position: fixed;
  left: -3000px;
}
.shareContentBox .text-z {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #85899c;
  line-height: 17px;
}

.shareContentBox .text-x {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #85899c;
  line-height: 17px;
  margin-top: 5px;
}

.shareContentBox .text-y {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 28px;
  margin-top: 3px;
}
.shareContentBox-x {
  padding: 60px 15px 21px 15px;
  display: flex;
  flex-direction: column;
  background-color: transparent;
}
.imgLogo {
  width: 108px;
}
.shareContentBox .user {
  display: flex;
  margin-top: 32px;
}
.shareContentBox .imgPerson {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  background: #ffffff;
  margin-right: 10px;
}
.user-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.shareContentBox .text-name {
  font-size: 16px;
  font-family: Inter-Medium, Inter;
  font-weight: 500;
  color: #ffffff;
  line-height: 18px;
  /* margin-top: 21px; */
}
.shareContentBox .text-nickName {
  font-size: 14px;
  font-family: Inter-Regular, Inter;
  font-weight: 400;
  color: #85899c;
  line-height: 17px;
  margin-top: 5px;
}
.text-shangbang {
  color: #fff;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 60px;
  margin-bottom: 18px;
}

.text-number {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
}
.text-number div {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.text-number div:last-child {
  margin-bottom: 0;
}
.text-number div span {
  display: block;
}
.font-1 {
  color: #85899c;
  font-family: "PingFang SC";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 6px;
}
.font-2 {
  color: var(--functional-green-up, #11bf8c);
  font-family: "PingFang SC";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px; /* 100% */
}
.font-3 {
  color: #fff;
  font-family: "PingFang SC";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px; /* 100% */
}
.text-aligin-left {
  text-align: left;
}
.text-aligin-right {
  text-align: right;
}
.saomazhuce {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #85899c;
  border-radius: 0px 0px 12px 12px;
  background: rgba(133, 137, 156, 0.05);
  margin-top: 12px;
  padding: 14px 24px;
}
.saomazhuce .qrcodeLeft {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.saomazhuceleft {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 17px;
  text-align: left;
  width: 100%;
}
.saomazhuceright {
  font-size: 10px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #85899c;
  margin-top: 6px;
  text-align: left;
  width: 100%;
}
.qrcode {
  /* width: 60px; */
  /* height: 60px; */

  background: #ffffff;
  border-radius: 4px;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;

  display: none;
}

.intuce {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #85899c;
  line-height: 17px;
  margin-top: 24px;
  text-align: center;
  width: 100%;
}
.bottomx {
  display: flex;
  align-items: center;
  /* width: 340px; */
  width: 100%;
  justify-content: space-between;
  margin-top: 15px;
}
.box-x {
  /* flex: 1; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.box-y {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.fuzhilianjie,
.baocuntupian {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
  margin-top: 10px;
}

.dialog-mian-x {
  width: 100%;
}
.dialog-mian-x-main {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dialog-mian-x-main img {
  margin-top: 17px;
}
.dialog-mian-x-main .dialog-text-x {
  margin-top: 16px;
  width: 100%;
  padding: 0 10px;
  text-align: center;
  font-size: 18px;
  font-family: Inter-Bold, Inter;
  font-weight: bold;
  color: #ffffff;
  line-height: 21px;
}
.closeDialog {
  width: 100%;
  margin-top: 47px;
  height: 40px;
  background: rgba(133, 137, 156, 0.1);
  border-radius: 6px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 40px;
}
.closeGroupBtn {
  display: flex;
  align-items: center;
  margin-top: 47px;
}
.closeGroupBtn div {
  flex: 1;
}
.closeGroupBtn .closeBx {
  height: 40px;
  background: rgba(133, 137, 156, 0.1);
  border-radius: 6px;
  line-height: 40px;
  text-align: center;
  margin-right: 12px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 40px;
}
.closeGroupBtn .closeBy {
  height: 40px;
  background: #7751ff;
  border-radius: 6px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 40px;
}

.common-tips {
  display: none;
  position: fixed;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  background: #1e1e29;
  border-radius: 12px;
}

.common-tips .div-tips {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-family: Inter-Bold, Inter;
  font-weight: bold;
  color: #ffffff;
}
.common-tips .div-tips img {
  margin-right: 10px;
  width: 40px;
}

.globolNoData {
  width: 100%;
  height: 100px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.debugText {
  font-size: 12px;
  color: #ffffff;
}

.dialogFengXianTiShi {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  padding: 20px;
  border-radius: 12px;
  width: 524px;
  z-index: 99;
  display: none;
}

.dialog-title-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
}
.dialog-title-block .dialog-title {
  font-size: 14px;
}
.dialog-content-scoll {
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
.dialog-fengxian-content .dialog-content-scoll p {
  margin: 14px 0;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC, sans-serif;
  font-weight: 400;
  color: #1b1e28;
  line-height: 22px;
  word-break: break-word;
}
.dialogCheckBox {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.dialogCheckBox span {
  margin-left: 10px;
}

.woyiyuedu {
  font-size: 14px;
  font-weight: 500;
  color: #1b1e28;
}
.btn-confirm {
  width: 100%;
  text-align: center;
  padding: 8px 12px;
  background-color: #7751ff;
  color: #ffffff;
  margin-top: 10px;
  border-radius: 6px;
  font-size: 14px;
}

.myPriceListPc {
  width: 100%;
  margin-top: 24px;
}
.myPriceListPcTop {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #85899c;
  line-height: 20px;
  padding: 0 12px;
}
.myPriceListPcTopName {
  width: 30%;
}
.myPriceListPcTopTJ {
  width: 50%;
  font-size: 14px;
}
.myPriceListPcTopStatus {
  width: 20%;
  text-align: right;
}
.myPriceListPcScoll {
  width: 100%;
  height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.myPriceListPcScollh5 {
  width: 100%;
  height: 250px;
}

.myPriceListPcScollListItem {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  background: rgba(133, 137, 156, 0.1);
  border-radius: 6px;
  margin-top: 10px;
}

.list-1 {
  width: 30%;
  font-size: 14px;
  font-family: Inter-Bold, Inter;
  font-weight: bold;
  color: #ffffff;
  line-height: 14px;
  padding-right: 8px;
}
.list-2 {
  width: 50%;
}
.list-2-1,
.list-2-2 {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
  padding-right: 8px;
}

.list-3 {
  width: 20%;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
  text-align: right;
}
.list-3.red {
  color: #d61a29;
}
.list-3.green {
  color: #11bf8c;
}
.nodataNew {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nodataNew img {
  width: 60px;
  height: 60px;
  margin-top: 60px;
}
.nodataNew .nodataNewText {
  margin-top: 30px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
}

.closeBoxBtn {
  cursor: pointer;
  position: absolute;
  right: 0;
}
.closeImg {
  cursor: pointer;
}
.mySwiper {
  width: 60% !important;
}
.swiper-button-prev,
.swiper-button-next {
  width: 35px !important;
  height: 33px !important;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.7);
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: #7751ff;
}
.swiper-button-prev {
  left: -100px;
}
.swiper-button-next {
  right: -100px;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "" !important;
  color: #ffffff;
  width: 25px;
  height: 26px;
  top: 8%;
  left: 25%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAcCAYAAACH81QkAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABlSURBVHgB7dXBCYAwDIXhVydxRDexG+gmjuAIjvKMUhBEQtN46CE/lJLLBzkloSGSo3xTGTOsXYC8g0+bF7hzA1LdOgqwBhBANVCQ7AEGzYYlZZ0loIB6guZfIFj7gPaEhvg6oyd+MoYAgSX74QAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  transform: scale(0.5);
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "" !important;
  color: #ffffff;
  width: 25px;
  height: 26px;
  top: 8%;
  left: 30%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAcCAYAAACH81QkAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABlSURBVHgB7dXBCYAwDIXhVydxRDexG+gmjuAIjvKMUhBEQtN46CE/lJLLBzkloSGSo3xTGTOsXYC8g0+bF7hzA1LdOgqwBhBANVCQ7AEGzYYlZZ0loIB6guZfIFj7gPaEhvg6oyd+MoYAgSX74QAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  transform: scale(0.5) rotate(180deg);
}