.filter-condition[data-v-1b23cb64] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
}
.filter-condition .container[data-v-1b23cb64] {
  position: fixed;
  top: 0;
  left: 20%;
  right: 0;
  bottom: 0;
  background-color: #fff;
}
.filter-condition .container .wrap-btn[data-v-1b23cb64] {
  position: fixed;
  bottom: 34px;
  width: 80%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.filter-condition .container .wrap-btn .left[data-v-1b23cb64] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 46px;
  line-height: 46px;
  text-align: center;
  background: #e1ebff;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #387cff;
}
.filter-condition .container .wrap-btn .right[data-v-1b23cb64] {
  height: 46px;
  line-height: 46px;
  text-align: center;
  background: #387cff;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
}
.filter-condition .container .title[data-v-1b23cb64] {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #0c2233;
  margin-top: 53px;
  margin-left: 12px;
}
.filter-condition .container .title-small[data-v-1b23cb64] {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0c2233;
  margin-top: 25px;
  margin-left: 12px;
}
.filter-condition .container .play[data-v-1b23cb64] {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0c2233;
  margin-top: 20px;
  margin-left: 12px;
}
.filter-condition .container .content[data-v-1b23cb64] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
}
.filter-condition .container .content .item[data-v-1b23cb64] {
  width: 114.67px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  background: #eff3f4;
  border-radius: 3px;
  margin-right: 7px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0c2233;
}
.filter-condition .container .content .item.active[data-v-1b23cb64] {
  border: 1px solid #387cff;
  color: #387cff;
}
@media screen and (min-width: 375px) {
.filter-condition .container .content .item[data-v-1b23cb64] {
    width: 136.3px;
}
}
.filter-condition .container .wrap-play[data-v-1b23cb64] {
  margin-top: 16px;
  margin-left: 12px;
}
.filter-condition .container .wrap-play .wrap[data-v-1b23cb64] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.filter-condition .container .wrap-play .wrap .item[data-v-1b23cb64] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 33px;
  line-height: 33px;
  text-align: center;
  background: #eff3f4;
  border-radius: 3px;
  margin-right: 7px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0c2233;
}
.filter-condition .container .wrap-play .wrap .item.active[data-v-1b23cb64] {
  border: 1px solid #387cff;
  color: #387cff;
}
.filter-condition .container .input[data-v-1b23cb64] {
  margin-top: 16px;
  margin-left: 12px;
  margin-right: 12px;
}
.filter-condition .container .input input[data-v-1b23cb64] {
  height: 38px;
  line-height: 38px;
  border-radius: 2px;
  border: 1px solid #e3e8eb;
  outline: none;
  background: none;
  width: 100%;
  padding-left: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0c2233;
}
.filter-condition .container .input input[data-v-1b23cb64]::-webkit-input-placeholder {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #c4c9cc;
}
.filter-condition .container .input input[data-v-1b23cb64]::-ms-input-placeholder {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #c4c9cc;
}
.filter-condition .container .input input[data-v-1b23cb64]::placeholder {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #c4c9cc;
}


html .cube-dialog-btn_highlight,
body .cube-dialog-btn_highlight,
#app .cube-dialog-btn_highlight {
  color: #2468ff !important;
}

.optional .leisure[data-v-6e7598b0] {
  text-align: center;
  margin-top: 53px;
}
.optional .footer-popup[data-v-6e7598b0] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.optional .footer-popup .container[data-v-6e7598b0] {
  position: fixed;
  bottom: 34px;
  width: 100%;
  height: 376px;
  background: #fefffe;
}
.optional .footer-popup .container .footer-wrap-btn[data-v-6e7598b0] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 32px;
}
.optional .footer-popup .container .footer-wrap-btn .left[data-v-6e7598b0] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 47px;
  line-height: 47px;
  text-align: center;
  background: #d9dbe5;
  border-radius: 2px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0c2233;
  margin-right: 14px;
}
.optional .footer-popup .container .footer-wrap-btn .right[data-v-6e7598b0] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 47px;
  line-height: 47px;
  text-align: center;
  background: #387cff;
  border-radius: 2px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
}
.optional .footer-popup .container .num-value[data-v-6e7598b0] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 10px;
}
.optional .footer-popup .container .num-value .left[data-v-6e7598b0] {
  font-size: 14px;
  font-weight: 400;
  color: #0c2233;
}
.optional .footer-popup .container .num-value .right[data-v-6e7598b0] {
  font-size: 18px;
  font-weight: 500;
  color: #387cff;
}
.optional .footer-popup .container .num-amount[data-v-6e7598b0] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #9aa3a9;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 16px;
}
.optional .footer-popup .container .norm[data-v-6e7598b0] {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #9aa3a9;
  margin-left: 15px;
  margin-top: 8px;
}
.optional .footer-popup .container .wrap-input[data-v-6e7598b0] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 15px;
  height: 50px;
  border: 1px solid #eff0f3;
}
.optional .footer-popup .container .wrap-input .text[data-v-6e7598b0] {
  position: relative;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #387cff;
  padding-right: -2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 86px;
  text-align: center;
}
.optional .footer-popup .container .wrap-input .text[data-v-6e7598b0]:after {
  position: absolute;
  top: -8px;
  left: -4px;
  content: '';
  width: 1px;
  height: 32px;
  background: #c5cfd5;
}
.optional .footer-popup .container .wrap-input .input[data-v-6e7598b0] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.optional .footer-popup .container .wrap-input .input .currency[data-v-6e7598b0] {
  position: relative;
  top: 18px;
  font-size: 14px;
  font-weight: 400;
  color: #0c2233;
}
.optional .footer-popup .container .wrap-input .input input[data-v-6e7598b0] {
  background: none;
  outline: none;
  border: none;
  height: 50px;
  line-height: 50px;
  width: 80%;
  overflow: hidden;
  padding-left: 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.optional .footer-popup .container .wrap-input .input input[data-v-6e7598b0]:placeholder {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #c4c9cc;
}
.optional .footer-popup .container .wrap-by-price[data-v-6e7598b0] {
  height: 62px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.optional .footer-popup .container .wrap-by-price .item[data-v-6e7598b0] {
  position: relative;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #9aa3a9;
  margin-right: 30px;
}
.optional .footer-popup .container .wrap-by-price .item.active[data-v-6e7598b0] {
  color: #387cff;
}
.optional .footer-popup .container .wrap-by-price .item.active[data-v-6e7598b0]:after {
  position: absolute;
  left: 0px;
  bottom: -10px;
  content: '';
  width: 78px;
  border-bottom: 2px solid #387cff;
}
.optional .footer-popup .container .wrap[data-v-6e7598b0] {
  height: 85px;
  background: #f7f7fa;
  padding: 15px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.optional .footer-popup .container .wrap .wrap-price[data-v-6e7598b0] {
  margin-top: 12px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}
.optional .footer-popup .container .wrap .wrap-price .price[data-v-6e7598b0] {
  color: #0c2233;
  margin-right: 10px;
}
.optional .footer-popup .container .wrap .wrap-price .money[data-v-6e7598b0] {
  color: #387cff;
}
.optional .footer-popup .container .wrap .wrap-buy[data-v-6e7598b0] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.optional .footer-popup .container .wrap .wrap-buy .text[data-v-6e7598b0] {
  font-size: 22px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #2d395b;
}
.optional .list[data-v-6e7598b0] {
  overflow: auto;
}
.optional .list .item[data-v-6e7598b0] {
  padding: 14px 15px 13px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #f2f2f5;
}
.optional .list .item .num[data-v-6e7598b0] {
  font-size: 12px;
  font-weight: 400;
  color: #9aa3a9;
}
.optional .list .item .img-btn[data-v-6e7598b0] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 12px;
}
.optional .list .item .img-btn .img-set[data-v-6e7598b0] {
  position: relative;
  top: 6px;
  left: 0px;
}
.optional .list .item .img-btn .btn[data-v-6e7598b0] {
  width: 80px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: #387cff;
  border-radius: 2px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
}
.optional .list .item .wrap-money[data-v-6e7598b0] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 12px;
}
.optional .list .item .wrap-money .left[data-v-6e7598b0] {
  font-size: 12px;
  font-weight: 400;
  color: #9aa3a9;
}
.optional .list .item .wrap-money .right[data-v-6e7598b0] {
  font-size: 20px;
  font-family: DIN-Bold, DIN;
  font-weight: bold;
  color: #387cff;
}
.optional .list .item .wrap-img[data-v-6e7598b0] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.optional .list .item .wrap-img .name[data-v-6e7598b0] {
  position: relative;
  top: -7px;
  left: 14px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #0c2233;
}
.optional .list .item .wrap-img .right[data-v-6e7598b0] {
  font-size: 12px;
  font-weight: 400;
  color: #9aa3a9;
}
.optional .top[data-v-6e7598b0] {
  padding: 5px 14px 0 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 135px;
  background: -webkit-gradient(linear, left top, right top, from(#4fa1ff), to(#2468ff));
  background: -webkit-linear-gradient(left, #4fa1ff 0%, #2468ff 100%);
  background: linear-gradient(90deg, #4fa1ff 0%, #2468ff 100%);
}
.optional .top .wrap[data-v-6e7598b0] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.optional .top .wrap .item[data-v-6e7598b0] {
  width: 77px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  border-radius: 2px 0px 0px 2px;
  border: 1px solid rgba(255,255,255,0.2);
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #d6e1ff;
}
.optional .top .wrap .item.active[data-v-6e7598b0] {
  border: 1px solid #fff;
  color: #fff;
}
.optional .top .wrap-buy-oversell[data-v-6e7598b0] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
}
.optional .top .wrap-buy-oversell .img .transform[data-v-6e7598b0] {
  margin-right: 14px;
}
.optional .top .wrap-buy-oversell span[data-v-6e7598b0] {
  margin-right: 30px;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #d6e1ff;
}
.optional .top .wrap-buy-oversell span.active[data-v-6e7598b0] {
  font-size: 24px;
  color: #fff;
}
.optional .content[data-v-6e7598b0] {
  height: 100%;
  width: 100%;
  background: #fff;
  border-radius: 10px 10px 0px 0px;
  position: relative;
  top: -43px;
}
.optional .content .wrap-currency[data-v-6e7598b0] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 49px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 1px 0 0 #eff0f3;
          box-shadow: 0 1px 0 0 #eff0f3;
  padding: 0 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  overflow-x: auto;
}
.optional .content .wrap-currency .item[data-v-6e7598b0] {
  font-size: 16px;
  font-weight: bold;
  color: #9aa3a9;
  margin-right: 24px;
}
.optional .content .wrap-currency .item.active[data-v-6e7598b0] {
  font-size: 16px;
  color: #387cff;
}