.new-faq[data-v-85fb8fe6] {
  width: 1200px;
  margin: 0 auto 160px;
  overflow: auto;
}
.new-faq .faq-title[data-v-85fb8fe6] {
  color: var(--1, #000);
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px;
  /* 135.714% */
  text-transform: capitalize;
}
.new-faq .faq-content[data-v-85fb8fe6] {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.new-faq .faq-content .faq-list[data-v-85fb8fe6] {
  margin-top: 24px;
  width: 100%;
  padding-bottom: 24px;
  border-bottom: 1px solid #F2F2F2;
}
.new-faq .faq-content .faq-list .faq-qus[data-v-85fb8fe6] {
  position: relative;
  color: var(--1, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  display: flex;
  align-items: center;
  line-height: 22px;
  /* 137.5% */
}
.new-faq .faq-content .faq-list .faq-qus .faq-btn[data-v-85fb8fe6] {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.new-faq .faq-content .faq-list .faq-qus .faq-qus-before[data-v-85fb8fe6] {
  display: flex;
  width: 16px;
  height: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  background-color: #F2F2F2;
  margin-right: 4px;
}
.new-faq .faq-content .faq-list .answer[data-v-85fb8fe6] {
  width: 100%;
  margin-top: 16px;
  color: var(--2, #565656);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  word-break: break-all;
  display: flex;
}
.new-faq .faq-content .faq-list .answer .answer-before[data-v-85fb8fe6] {
  display: flex;
  width: 16px;
  height: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  background-color: #F2F2F2;
  margin-right: 4px;
  margin-top: 3px;
}

.trade-menu-wrap .trade-menu[data-v-7721b0dd] {
  display: flex;
  padding: 4px;
  border-radius: 8px;
  background: #F5F5F5;
}
.trade-menu-wrap .trade-menu .trade-type[data-v-7721b0dd] {
  display: inline-flex;
}
.trade-menu-wrap .trade-menu .trade-type.buy-active a[data-v-7721b0dd]:first-child {
  color: #00A171;
  background-color: #fff;
}
.trade-menu-wrap .trade-menu .trade-type.sell-active a[data-v-7721b0dd]:last-child {
  color: #E94359;
  background-color: #fff;
}
.trade-menu-wrap .trade-menu .trade-type a[data-v-7721b0dd] {
  display: block;
  width: 130px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #8A8A8E;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 18px;
}
.trade-menu-wrap.isbrand .trade-type.buy-active a[data-v-7721b0dd]:first-child {
  color: #000;
}
.trade-menu-wrap.isbrand .trade-type.sell-active a[data-v-7721b0dd]:last-child {
  color: #000;
}

.otc-btn-container .btn-loading {
  border-radius: 3px;
  color: #ffffff;
  background-color: #0173E5;
  cursor: pointer;
  min-height: 33px;
  min-width: 80px;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  border: transparent;
  height: 100%;
  width: 100%;
  outline: none;
  position: relative;
}
.otc-btn-container .icon-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  min-height: 30px;
  background-color: #0173E5;
  border-radius: 3px;
}
.otc-btn-container .loading-icon {
  font-size: 20px;
  color: #ffffff;
  height: 20px;
  width: 20px;
  animation: loading 1s linear infinite;
}

.tcpn {
  position: relative;
}
.tcpn .ivu-select-item {
  padding: 0;
}
.tcpn .ivu-select-item-focus {
  background-color: rgba(242, 246, 250, 0.5);
}
.tcpn .ivu-select-item-focus .tcpn-count {
  color: #0173E5;
}
.tcpn .ivu-select-item-disabled div.tcpn-count,
.tcpn .ivu-select-item-disabled:hover div.tcpn-count {
  color: #c5c8ce;
}
.tcpn .ivu-select-item-disabled div.tcpn-itm_expried .tcpn-count,
.tcpn .ivu-select-item-disabled:hover div.tcpn-itm_expried .tcpn-count {
  color: #1C252C;
}
.tcpn .ivu-select-item:hover {
  background-color: rgba(242, 246, 250, 0.5);
}
.tcpn .ivu-select-item:hover .tcpn-count {
  color: #0173E5;
}
.tcpn .ivu-select-item:hover .tcpn-itm_expried .tcpn-count {
  color: #1C252C;
}
.tcpn .ivu-select-selection {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 24px;
  overflow: hidden;
  opacity: 0;
}
.tcpn .ivu-select-arrow {
  display: none;
}
.tcpn .ivu-select {
  position: absolute;
  top: 0;
  right: 0;
}
.tcpn .ivu-select-dropdown {
  top: 28px !important;
  width: 366px;
  left: initial !important;
  right: 0;
  min-width: 366px !important;
  margin: 2px 0;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(28, 36, 44, 0.12);
  border-radius: 2px;
}
.tcpn .ivu-select-placeholder {
  display: none !important;
}
.tcpn-itm {
  padding: 7px 16px 7px 12px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.tcpn-itm_none {
  padding: 10px 16px 10px 12px;
  font-weight: 500;
  font-size: 14px;
}
.tcpn-itm-rt {
  display: flex;
  justify-content: space-between;
  flex: 1;
  margin-left: 10px;
  flex-wrap: wrap;
}
.tcpn-itm_expried .tcpn-tag {
  color: #B5B8BB;
  border: 1px solid #B5B8BB;
}
.tcpn-itm_expried .icon-coupon {
  color: #B5B8BB;
}
.tcpn-itm_expried:hover {
  cursor: not-allowed;
}
.tcpn .iconfont {
  padding: 4px 0 4px 0;
}
.tcpn-count {
  padding: 4px 0;
  margin-right: 10px;
  line-height: 17px;
  font-weight: 500;
  font-size: 14px;
  color: #1C252C;
}
.tcpn-tag {
  margin: 4px 0;
  padding: 2px 4px;
  font-size: 12px;
  line-height: 12px;
  border-radius: 3px;
  color: #0173E5;
  border: 1px solid #0173E5;
}
.tcpn-selected {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 50px;
}
.tcpn-selected-count {
  padding-right: 8px;
  font-size: 16px;
  line-height: 16px;
  color: #EB411F;
}
.tcpn-selected-icon {
  padding-right: 13px !important;
}
.tcpn-selected-holder,
.tcpn-selected-none {
  padding-right: 8px;
  font-size: 16px;
  color: #1C242C;
}
.tcpn-selected-holder-small,
.tcpn-selected-none-small {
  font-size: 14px;
  line-height: 14px;
}
.tcpn-arrow {
  transition: transform 0.3s;
  color: #000000;
  opacity: 0.5;
}
.tcpn-arrow_up {
  transform: rotate(180deg);
}
@media (max-width: 768px) {
.tcpn-selected-holder {
    font-size: 14px;
}
.tcpn-selected-count {
    font-size: 14px;
}
.tcpn-selected-none {
    font-size: 14px;
}
}

.modal[data-v-8109a5e0]  .ivu-modal-body {
  padding: 0;
}
.modal[data-v-8109a5e0]  .ivu-modal-close {
  top: 10px;
  right: 10px;
}
.modal .content[data-v-8109a5e0] {
  padding: 32px 24px 24px 24px;
  background: #0E0E0E;
  color: #E6E6E6;
  font-size: 14px;
  border-radius: 8px;
}
.modal .content .header[data-v-8109a5e0] {
  display: flex;
  justify-content: space-between;
}
.modal .content .header .title[data-v-8109a5e0] {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}
.modal .content .header .desc[data-v-8109a5e0] {
  color: #8C8C93;
  margin-top: 8px;
}
.modal .content .header .icon[data-v-8109a5e0] {
  width: 100px;
  height: 84px;
}
.modal .content .body[data-v-8109a5e0] {
  margin-top: 32px;
}
.modal .content .body .item[data-v-8109a5e0] {
  display: flex;
  padding: 12px 16px;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  gap: 20px;
  border-radius: 8px;
  background: var(--161616, #161616);
}
.modal .content .body .item .status[data-v-8109a5e0] {
  color: #EDBF60;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  text-align: right;
}
.modal .content .body .item .status .icon-done[data-v-8109a5e0] {
  font-size: 12px;
}

.trade-list .ivu-poptip-rel {
  display: flex !important;
  align-items: center;
}

.trade-box-table .input-box .ivu-form-item {
  margin-bottom: 0;
  margin-right: 0;
}
.ivu-input-group-append {
  border-bottom-right-radius: 3px !important;
  border-top-right-radius: 3px !important;
}
.landun {
  height: 20px;
}
.en-lang .trade-tag {
  font-weight: 700;
}
.follow-icon {
  font-size: 20px;
  color: #0173E5;
}
.otc-trade-list {
  border-bottom: 1px solid #e6ecf2;
}
.otc-trade-list.hideBottomBorder {
  border-bottom: none;
}
.otc-trade-list.showTopBorder {
  border-top: 1px solid #e6ecf2;
}
.otc-trade-list.isbrand:not(.coinShow) .trade-btn-control .otc-btn-sytle .btn {
  color: #FFD998;
  background: linear-gradient(286deg, #1A1A1A 9.26%, #4F4238 47.04%, #261500 73.38%);
}
.otc-trade-list.isbrand .trade-rt .btn-box-itm {
  background: linear-gradient(286deg, #1A1A1A 9.26%, #4F4238 47.04%, #261500 73.38%);
}
.otc-trade-list.isbrand .trade-rt .btn-box-itm .btn {
  color: #FFD998;
}
.otc-trade-list.isbrand .trade-rt-num > span {
  color: #E2A856;
}
.otc-trade-list.isbrand .online {
  display: none;
}
.otc-trade-list:last-child {
  border: none;
}
.otc-trade-list .trade-list-in {
  font-size: 14px;
  color: #000000;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 24px;
}
.otc-trade-list .trade-list-in .coin-show .iconfont {
  font-size: 32px;
}
.otc-trade-list .trade-list-in .lh-14 {
  line-height: 14px;
}
.otc-trade-list .trade-list-in .lh-18 {
  line-height: 18px;
}
.otc-trade-list .trade-list-in .mt-8 {
  margin-top: 8px;
}
.otc-trade-list .trade-list-in .average {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.otc-trade-list .trade-list-in .user-list {
  margin-right: 10px;
}
.otc-trade-list .trade-list-in .user-list.reset-margin {
  margin-right: 6px;
}
.otc-trade-list .trade-list-in .online {
  width: 5px;
  height: 5px;
  margin-right: 4px;
  border-radius: 50%;
}
.otc-trade-list .trade-list-in .online.on {
  background: #00A171;
}
.otc-trade-list .trade-list-in .online.off {
  background: #ADADB4;
}
.otc-trade-list .info-wrapper {
  width: 100%;
  padding: 25px 0;
  display: flex;
  justify-content: flex-start;
  font-weight: 700;
}
.otc-trade-list .info-wrapper .mr-20 {
  margin-right: 20px;
}
.otc-trade-list .info-wrapper .mr-40 {
  margin-right: 40px;
}
.otc-trade-list .info-wrapper .mr-24 {
  margin-right: 24px;
}
.otc-trade-list .info-wrapper .price {
  font-size: 20px;
  overflow: hidden;
}
.otc-trade-list .info-wrapper .price div {
  font-weight: 700;
}
.otc-trade-list .info-wrapper .price .little {
  font-size: 16px;
  line-height: 19px;
  white-space: normal;
  word-break: break-all;
}
.otc-trade-list .info-wrapper .width100 {
  width: 100px;
}
.otc-trade-list .info-wrapper .width190 {
  width: 190px;
}
.otc-trade-list .info-wrapper .width180 {
  width: 180px;
}
.otc-trade-list .info-wrapper .width300 {
  width: 300px;
}
.otc-trade-list .info-wrapper .width200 {
  width: 200px;
}
.otc-trade-list .info-wrapper .width210 {
  width: 210px;
}
.otc-trade-list .info-wrapper .width220 {
  width: 220px;
}
.otc-trade-list .info-wrapper .width240 {
  width: 240px;
}
.otc-trade-list .info-wrapper .width260 {
  width: 260px;
}
.otc-trade-list .info-wrapper .width270 {
  width: 270px;
}
.otc-trade-list .info-wrapper .width256 {
  width: 256px;
}
.otc-trade-list .info-wrapper .width276 {
  width: 276px;
}
.otc-trade-list .info-wrapper .width280 {
  width: 280px;
}
.otc-trade-list .info-wrapper .right-box {
  text-align: right !important;
  width: 140px;
}
.otc-trade-list .info-wrapper .right-box .otc-btn-sytle {
  width: 100px;
  height: 40px;
}
.otc-trade-list .info-wrapper .right-box .otc-btn-sytle > button {
  width: 100px;
  height: 40px;
}
.otc-trade-list .info-wrapper .grid,
.otc-trade-list .info-wrapper .limit-box {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
.otc-trade-list .info-wrapper .limit-box {
  font-weight: 400;
  text-align: left;
  font-size: 12px;
}
.otc-trade-list .info-wrapper .limit-box .limit span {
  color: #000000;
  line-height: 16px;
  display: inline-block;
}
.otc-trade-list .info-wrapper .auth-way {
  font-weight: 400;
  font-size: 14px;
}
.otc-trade-list .info-wrapper .auth-way span {
  overflow: hidden;
  white-space: initial;
}
.otc-trade-list .info-wrapper .auth-way .ad-limit {
  color: #565656;
}
.otc-trade-list .info-wrapper .grey-label {
  font-weight: 400;
  display: inline-flex;
  white-space: nowrap;
  color: #B5B8BB;
  margin-right: 14px;
}
.otc-trade-list .privilege-main-label {
  display: flex;
  height: 20px;
  padding-right: 4px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, #FFE786 0%, #FFEABD 38.21%, #FFF7D1 57.33%, #FFE6B8 71.15%, #F8CE80 83.69%);
  color: #2E2B26;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
.otc-trade-list .privilege-main-price {
  background: linear-gradient(to top, #F3E5C7 38.5%, transparent 38.5%);
}
.otc-trade-list .grey-line {
  color: #DDDDDD;
  margin-left: 8px;
  margin-right: 8px !important;
}
.otc-trade-list .corner-badge {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 8px 0px 0px 8px;
  background-color: rgba(1, 115, 229, 0.1);
  padding: 2px 8px 2px 8px;
  font-size: 12px;
  color: #0173E5;
  line-height: 1.5;
}
.otc-trade-list .name {
  position: relative;
}
.otc-trade-list .name a {
  display: inline-block;
  color: #000000;
  font-weight: 400;
}
.otc-trade-list .name a .iconfont {
  color: #faad14;
  margin-left: 6px;
}
.otc-trade-list .name a span {
  justify-content: center;
  display: flex;
  align-items: center;
  color: #0173E5;
}
.otc-trade-list .name a span:hover {
  color: #faad14 !important;
}
.otc-trade-list .name h3 {
  margin-right: 6px;
}
.otc-trade-list .name h3:not(.coin):hover {
  color: #0173E5;
}
.otc-trade-list .name .icon-tips-hover {
  justify-content: center;
  display: flex;
  align-items: center;
  display: inline-flex;
}
.otc-trade-list .name .icon-tips-hover .no-normal {
  font-weight: 400;
}
.otc-trade-list .name .merchant-level {
  width: 16px;
  height: 16px;
  display: flex;
}
.otc-trade-list .name .thumb-up {
  width: 16px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
}
.otc-trade-list .name .thumb-pop {
  font-weight: 500;
  font-size: 0;
}
.otc-trade-list .name .thumb-pop .ivu-poptip-content {
  width: 280px;
}
.otc-trade-list .name .thumb-pop .ivu-poptip-content .ivu-poptip-body {
  padding: 16px;
}
.otc-trade-list .name .thumb-pop p,
.otc-trade-list .name .thumb-pop span {
  font-size: 12px;
  line-height: 18px;
}
.otc-trade-list .name .thumb-pop p {
  white-space: break-spaces;
  color: #565656;
}
.otc-trade-list .name .thumb-pop span {
  color: #0173E5;
  display: block;
  width: 100%;
  text-align: right;
  margin-top: 17px;
  cursor: pointer;
}
.otc-trade-list .name .star-img {
  width: 12px;
  height: 12px;
  display: flex;
}
.otc-trade-list .name .order-index-icon {
  margin-right: 8px;
}
.otc-trade-list .name .yanxuan {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.otc-trade-list .tags {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
.otc-trade-list .tags .tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 4px;
  margin-bottom: 6px;
  margin-right: 4px;
  vertical-align: middle;
}
.otc-trade-list .tags .tag span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 220px;
}
.otc-trade-list .tags .special-tags .tag {
  padding: 2px 6px;
  background: linear-gradient(96deg, #827262 8.04%, #32291F 44.6%);
  color: #FBEADC;
}
.otc-trade-list .tags .special-tags .tag.hasicon {
  border-radius: 6px 4px 4px 6px;
}
.otc-trade-list .tags .special-tags .tag img {
  height: 18px;
  margin-top: -2px;
  margin-left: -6px;
  margin-bottom: -2px;
}
.otc-trade-list .tags .normal-tags .tag {
  padding: 0px 4px;
  color: #AF7D4A;
  border: 1px solid #D9D2CD;
}
.otc-trade-list .tags .normal-tags .first {
  padding: 1px 4px;
  background: #F4E7C8;
  border: none;
  color: #876B31;
}
.otc-trade-list .stars {
  display: flex;
  align-items: center;
  color: #000000;
}
.otc-trade-list .stars span em {
  font-style: normal;
}
.otc-trade-list .stars .spite {
  margin: 0 10px;
}
.otc-trade-list .operation {
  justify-content: space-between;
  display: flex;
  align-items: center;
  width: 29%;
}
.otc-trade-list .operation .btn-trades {
  border-radius: 3px;
  color: #ffffff;
  background-color: #0173E5;
  height: 33px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  min-width: 80px;
  position: relative;
  text-align: center;
  line-height: 33px;
}
.otc-trade-list .operation .btn-trades .loading-icon-container {
  position: absolute;
  border-radius: 3px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0173E5;
  justify-content: center;
  display: flex;
  align-items: center;
}
.otc-trade-list .operation .btn-trades:hover {
  background-color: #faad14;
}
.otc-trade-list .limit-box {
  width: 100%;
  text-align: right;
}
.otc-trade-list .limit-box span {
  line-height: 32px;
  color: #B5B8BB;
}
.otc-trade-list .limit-box a {
  color: #0173E5;
}
.otc-trade-list .trade-btn-control {
  width: auto;
  height: 33px;
}
.otc-trade-list .trade-btn-control .web-opreation span {
  font-size: 12px;
  font-weight: 500;
  margin-left: 8px;
}
.otc-trade-list .trade-btn-control .web-opreation span:hover {
  opacity: .7;
}
.otc-trade-list .trade-btn-control .web-opreation .more-wrapper {
  position: relative;
  display: inline-block;
}
.otc-trade-list .trade-btn-control .web-opreation .more-wrapper:hover .more-tab {
  opacity: .7;
}
.otc-trade-list .trade-btn-control .web-opreation .more-wrapper:hover .menu-wrapper {
  display: block;
}
.otc-trade-list .trade-btn-control .web-opreation .more-wrapper .more-tab {
  font-weight: 700;
  margin-left: 14px;
  font-size: 32px;
  margin-top: -1px;
  cursor: pointer;
}
.otc-trade-list .trade-btn-control .web-opreation .more-wrapper .menu-wrapper {
  display: none;
  position: absolute;
  top: 30px;
  left: -74px;
  z-index: 1;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  padding: 4px 0;
  width: 120px;
  text-align: left;
  animation: hover-show 0.3s forwards ease-out;
}
.otc-trade-list .trade-btn-control .web-opreation .more-wrapper .menu-wrapper .menu-item {
  background-color: #ffffff;
  list-style: none;
  line-height: 40px;
  height: 40px;
  padding: 0 16px;
  color: #000000;
  font-weight: 500;
}
.otc-trade-list .trade-btn-control .web-opreation .more-wrapper .menu-wrapper .menu-item:hover {
  background-color: rgba(233, 234, 237, 0.5);
  color: #0173E5;
}
.otc-trade-list .way {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
}
.otc-trade-list .way .paymethod-name {
  color: #464444;
  margin: 4px 8px 4px 0;
  cursor: pointer;
}
.otc-trade-list .amount {
  color: #000000;
  width: 18%;
}
.otc-trade-list .price {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  width: 16%;
}
.otc-trade-list .m-ad-form {
  display: none;
}
.otc-trade-list .trading-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1027;
  background-color: rgba(0, 0, 0, 0.5);
}
.otc-trade-list .trading-box {
  width: 800px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  z-index: 4;
  background-color: #ffffff;
  position: fixed;
  z-index: 1027;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.otc-trade-list .trading {
  display: flex;
  justify-content: flex-start;
}
.otc-trade-list .trading .trade-lf {
  border-radius: 8px;
  width: 340px;
  padding: 32px;
  box-sizing: border-box;
  background: #FAFAFA;
}
.otc-trade-list .trading .trade-rt {
  padding: 28px 32px 32px;
}
.otc-trade-list .trading .trade-rt-main {
  padding-top: 0;
}
.otc-trade-list .trading .trading-coin .iconfont {
  font-size: 32px;
}
.otc-trade-list .trading .trade-reponese {
  margin-top: 24px;
}
.otc-trade-list .trading .trade-reponese-title {
  color: var(--1, #000);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.otc-trade-list .trading .merchant-box {
  width: 100%;
  max-height: 100px;
  overflow-y: scroll;
  word-wrap: break-word;
  word-break: break-all;
}
.otc-trade-list .trading .merchant-box p {
  color: #8A8A8E;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 133.333% */
  margin-bottom: 4px;
  word-wrap: break-word;
  word-break: break-all;
}
.otc-trade-list .trading .merchant-box p label {
  color: #000;
}
.otc-trade-list .trading .merchant-box p label.asset {
  border-bottom: 1px dashed;
  cursor: pointer;
}
.otc-trade-list .trade-avatar {
  display: flex;
  align-items: center;
}
.otc-trade-list .trade-avatar .avatar-container {
  width: 40px;
  height: 40px;
}
.otc-trade-list .mechant-auth {
  margin-top: 24px;
  width: inherit;
  color: #565656;
  display: flex;
  flex-direction: column;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-bottom: 24px;
}
.otc-trade-list .mechant-auth .mechant-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 16px;
  margin-bottom: 6px;
}
.otc-trade-list .mechant-auth .mechant-info .m-title {
  color: var(--3, #8A8A8E);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
}
.otc-trade-list .mechant-auth .mechant-info .m-cont {
  color: var(--1, #000);
  text-align: right;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
}
.otc-trade-list .avatar-desc {
  margin-left: 10px;
  width: 224px;
  color: #B5B8BB;
  display: flex;
  flex-direction: column;
}
.otc-trade-list .avatar-desc .auth-area {
  margin-top: 3px;
  line-height: 17px;
  word-wrap: break-word;
  margin-left: -12px;
}
.otc-trade-list .avatar-desc .auth-area span {
  font-size: 12px;
  display: inline-block;
  color: #000000;
  margin-top: 4px;
  margin-left: 12px;
}
.otc-trade-list .avatar-desc .auth-area span .icon-done {
  font-size: 12px;
  margin-right: 2px;
}
.otc-trade-list .avatar-desc .auth-area span .iconfont {
  color: #00A171;
}
.otc-trade-list .prestige {
  color: #000000;
}
.otc-trade-list .prestige span em {
  font-style: normal;
}
.otc-trade-list .user-name {
  color: #000000;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  display: flex;
  align-items: center;
}
.otc-trade-list .user-name > span {
  max-width: 170px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.otc-trade-list .user-name .tag-list {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 6px;
  height: 28px;
  line-height: 1;
  white-space: nowrap;
}
.otc-trade-list .user-name .tag-list > a {
  display: inline-block;
}
.otc-trade-list .user-name .merchant-level {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.otc-trade-list .user-name .trade-icon-space {
  margin-bottom: 4px;
}
.otc-trade-list .user-name .yanxuan {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.otc-trade-list .user-name .thumb-up {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.otc-trade-list .user-name .star-img {
  width: 16px;
  height: 16px;
  display: flex;
}
.otc-trade-list .price-desc {
  align-self: center;
  /*padding-right: 10%;*/
}
.otc-trade-list .price-desc .no-weight {
  color: #00A171;
  font-weight: 500;
}
.otc-trade-list .price-desc .prices {
  color: #000000;
  white-space: nowrap;
}
.otc-trade-list .trade-box-table .input-box {
  display: flex;
  justify-content: space-between;
}
.otc-trade-list .trade-box-table .input-box-item {
  width: 396px;
}
.otc-trade-list .trade-box-table .input-box-item.order1 {
  order: 1;
}
.otc-trade-list .trade-box-table .input-box-item.order3 {
  order: 3;
}
.otc-trade-list .trade-box-table .limit-num {
  order: 2;
  margin-top: 6px;
  margin-bottom: 16px;
  color: var(--1, #000);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  text-transform: capitalize;
}
.otc-trade-list .trade-box-table .limit-num.limit-num-mt22 {
  margin-top: 22px;
}
.otc-trade-list .trade-box-table .input-item {
  width: 396px;
}
.otc-trade-list .trade-box-table .input-item.pwd-item {
  width: 100%;
}
.otc-trade-list .trade-box-table .iconfont {
  padding-top: 32px;
  color: #B5B8BB;
}
.otc-trade-list .trade-input-box {
  position: relative;
}
.otc-trade-list .trade-input-box .trade-label {
  position: absolute;
  z-index: 10;
  top: 10px;
  left: 20px;
  color: var(--1, #000);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 133.333% */
}
.otc-trade-list .trade-input-box .trade-inp .ivu-input {
  height: 70px !important;
  padding: 26px 0 10px 20px;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.otc-trade-list .append-box {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 32px;
  color: #000;
  font-size: 16px;
}
.otc-trade-list .append-box .button-color {
  cursor: pointer;
}
.otc-trade-list .append-box img {
  margin-right: 6px;
}
.otc-trade-list .append-box .coinImg {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.otc-trade-list .amountTips2 {
  margin-top: 5px;
  color: #E94359;
}
.otc-trade-list .amountTips2 > span {
  margin-right: 10px;
}
.otc-trade-list .ivu-form-item-error-tip {
  position: relative;
}
.otc-trade-list .error-tip {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
}
.otc-trade-list .error-tip .error-tip-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.otc-trade-list .error-tip .error-tip-content > img {
  margin-bottom: 12px;
}
.otc-trade-list .error-tip .error-tip-content > a {
  margin-top: 12px;
}
.otc-trade-list .error-tip .spe-hover {
  display: flex;
  height: 44px;
  padding: 0px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  border-radius: 4px;
  background: #0173E5;
  color: #fff;
  width: 75px;
}
.otc-trade-list .error-tip .close {
  cursor: pointer;
  color: #8A8A8E;
  font-size: 24px;
  position: absolute;
  top: 24px;
  right: 32px;
}
.otc-trade-list .other-message {
  width: inherit;
  position: relative;
  padding: 32px 0 0 42px;
}
.otc-trade-list .other-action {
  position: absolute;
  width: 60px;
  height: 24px;
  right: 0;
  top: 16px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.0001) 0%, #FFFFFF 50%);
}
.otc-trade-list .other-action-btn {
  position: absolute;
  right: 0;
  top: 2px;
  width: 15px;
  height: 16px;
  color: #fff;
  background-color: #B5B8BB;
  font-weight: 700;
  overflow: hidden;
}
.otc-trade-list .other-action-btn::before {
  position: absolute;
  top: -4px;
}
.otc-trade-list .pay-remark {
  display: flex;
  flex-wrap: wrap;
  transition: transform 0.5s;
}
.otc-trade-list .pay-remark .space {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.otc-trade-list .pay-remark .space span {
  margin: 0 20px 0 8px;
  font-size: 12px;
  font-weight: 500;
  word-break: keep-all;
}
.otc-trade-list .pay-remark .space .paymethod-name {
  margin-right: 16px;
}
.otc-trade-list .grey-label-half {
  font-weight: 400;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  color: #565656;
  margin-top: 4px;
}
.otc-trade-list .grey-label-half img {
  cursor: pointer;
}
.loading-icon {
  animation: loading 1s linear infinite;
}
.trade-notes {
  max-height: 96px;
  color: #B5B8BB;
  box-sizing: content-box;
  padding-left: 60px;
  margin-top: 32px;
  line-height: 18px;
  width: 444px;
  font-size: 12px;
}
.trade-notes-tl {
  margin-bottom: 18px;
}
.trade-notes-ctn {
  width: 444px;
  max-height: 72px;
  word-wrap: break-word;
  overflow-y: scroll;
}
.trade-reponese {
  width: inherit;
  width: 276px;
  margin-top: 24px;
  color: #565656;
  font-size: 12px;
}
.trade-reponese-title {
  display: flex;
  line-height: 12px;
  width: 276px;
}
.trade-reponese-info {
  max-height: 100px;
  white-space: pre-wrap;
  color: #565656;
  overflow-y: auto;
}
.trade-reponese-info-text {
  font-size: 14px;
  line-height: 12px;
  font-weight: 700;
  margin-bottom: 12px;
}
.trade-notes-info {
  display: flex;
  margin-top: 24px;
  padding-left: 60px;
  width: 444px;
  line-height: 18px;
  font-size: 12px;
  color: #000000;
}
.trade-notes-info-text {
  margin-left: 8px;
}
.trade-notes-info .mark {
  color: #fa6400;
}
.trade-rt {
  margin-left: auto;
  box-sizing: border-box;
  width: 460px;
  padding: 24px 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.trade-rt-main {
  box-sizing: border-box;
  border-radius: 6px;
}
.trade-rt-tl {
  display: flex;
  height: 20px;
  align-items: center;
  justify-content: space-between;
}
.trade-rt-price {
  height: 20px;
  color: var(--1, #000);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  display: flex;
}
.trade-rt-price span {
  color: var(--unnamed, #00A171);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
}
.trade-rt-price .cutdown-time {
  height: 20px;
  display: flex;
  align-items: center;
  border-radius: 12px;
  background: var(--unnamed, #F2F2F2);
  color: var(--3, #8A8A8E);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  padding: 0 6px;
  margin-left: 12px;
  gap: 2px;
}
.trade-rt .close {
  cursor: pointer;
  color: #8A8A8E;
  font-size: 24px;
}
.trade-rt-num {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}
.trade-rt-num_utprice {
  font-weight: 700;
  color: #0173E5;
}
.trade-rt-form {
  margin-top: 16px;
}
.trade-rt-form .input-box {
  display: flex;
  flex-direction: column;
}
.trade-rt-form-label {
  font-size: 12px;
  margin-bottom: 8px;
  color: #565656;
}
.trade-rt-form-pwd {
  margin-top: 24px;
}
.trade-rt-form-pwd .pwd-input {
  width: 100%;
  margin: 0;
}
.trade-rt-form-pwd .forget-pwd {
  width: fit-content;
  font-size: 12px;
  line-height: 18px;
  margin-top: 14px;
}
.trade-rt-form .ivu-input {
  border-radius: 4px;
}
.trade-rt-footer {
  padding: 12px 32px;
  color: #B5B8BB;
  background-color: rgba(242, 246, 250, 0.5);
  border-top: 1px solid #ECF1F8;
  font-size: 12px;
  line-height: 18px;
}
.trade-rt-footer .trade-tag {
  margin-top: 1px;
  margin-right: 10px;
}
.trade-rt-footer .trade-rt-footer-info {
  flex: 1;
}
.trade-rt-tips {
  margin-top: 32px;
  color: var(--3, #8A8A8E);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  text-transform: capitalize;
}
.trade-rt-tips em {
  font-style: normal;
  padding: 0 4px;
}
.trade-rt-tipsTwo {
  margin-top: 10px;
  color: #B5B8BB;
  font-size: 12px;
}
.trade-rt-tipsTwo .link {
  color: #0173E5;
  cursor: pointer;
}
.trade-rt-available {
  font-size: 12px;
  color: #565656;
  margin-bottom: 8px;
}
.trade-rt-available .iconfont {
  font-size: 12px;
}
.trade-rt .btn-box {
  margin-top: 8px;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.trade-rt .btn-box-itm {
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  height: 44px;
  border-radius: 4px;
}
.trade-rt .btn-box-itm.buy {
  background: #00A171;
}
.trade-rt .btn-box-itm.sell {
  background: #E94359;
}
.trade-rt .btn-box-itm .btn {
  background: transparent !important;
}
.trade-rt .btn-box-itm:hover {
  opacity: 0.75;
}
.trade-rt .btn-box .cutdown-time {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  display: flex;
  align-items: center;
  color: #909090;
  float: left;
}
.trade-rt .btn-box .cutdown-time img {
  margin-right: 4px;
}
.trade-rt .btn-box .btn-group {
  width: 100%;
}
.trade-rt .btn-box .btn-group .sell {
  padding: 0 12px;
  color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.trade-rt .btn-box .btn-group .cancel {
  margin-left: 24px;
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  color: #0173E5;
  box-shadow: inset 0 0 0 1px #0173E5;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
}
.trade-coupon {
  margin-top: 24px;
  padding: 20px 20px 20px 24px;
  background: rgba(53, 124, 225, 0.04);
  border: 1px dashed rgba(53, 124, 225, 0.5);
  border-radius: 6px;
}
.trade-coupon-label {
  color: #565656;
  font-size: 12px;
}
.trade-coupon-mb {
  margin-bottom: 16px;
}
.trade-pay {
  font-size: 16px;
  line-height: 16px;
}
.trade-auth {
  padding-right: 10px;
  color: #0173E5;
  font-size: 14px;
}
.trade-auth-arrow {
  opacity: 0.5;
  color: #000000;
}
.trade-auth-box:hover,
.trade-auth:hover {
  cursor: pointer;
}
.mt-7 {
  margin-top: 7px;
}
.otc-trade-list .name .accept-order .ivu-poptip-inner {
  background: #FFFFFF;
  border: 1px solid #DFE2E7;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px rgba(28, 36, 44, 0.1);
  border-radius: 4px;
}
.otc-trade-list .name .accept-order .ivu-poptip-arrow {
  border-bottom-color: #DFE2E7 !important;
}
.otc-trade-list .name .accept-order .ivu-poptip-popper[x-placement^="top"] .ivu-poptip-arrow {
  border-width: 7px 7px 0px;
}
.otc-trade-list .name .accept-order .ivu-poptip-popper[x-placement^="bottom"] .ivu-poptip-arrow {
  border-width: 1px 7px 7px;
}
.otc-trade-list .name .accept-order .poptips {
  font-size: 12px;
  line-height: 18px;
  color: #565656;
  text-align: left;
  font-weight: 500;
}
.trade-tag {
  font-weight: 500;
  display: inline-block;
  padding: 2px 4px;
  height: 16px;
  margin-right: 8px;
  box-shadow: inset 0 0 0 0.5px #B5B8BB;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  line-height: 12px;
  font-size: 12px;
  color: #B5B8BB;
  cursor: pointer;
}
.trade-tag.trade-tag-accept {
  box-shadow: inset 0 0 0 0.5px #0173E5;
  color: #0173E5;
}
.trade-tag.trade-tag-face {
  box-shadow: inset 0 0 0 0.5px #00A171;
  color: #00A171;
}
.trade-accept-mode {
  font-size: 0;
}
.name .trade-accept-mode .icon-tips-hover {
  font-size: 0;
  margin: 0 8px 0 0;
}

.trade-box-table .input-box .ivu-form-item {
  margin-bottom: 0;
  margin-right: 0;
}
.ivu-input-group-append {
  border-bottom-right-radius: 3px !important;
  border-top-right-radius: 3px !important;
}
.thumbs-up-zone {
  border-top: 1px solid #e6ecf2;
  cursor: pointer;
}
.thumbs-up-zone .zone-title {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.thumbs-up-zone .zone-title .title-label {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 125% */
}
.thumbs-up-zone .zone-content {
  margin: 16px 24px 24px 24px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.thumbs-up-zone .zone-content .content-box {
  padding: 0 24px;
  width: 368px;
  border-radius: 8px;
  height: 116px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.thumbs-up-zone .zone-content .content-box .go-buy {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.thumbs-up-zone .zone-content .content-box.first .go-buy {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #F88B4E;
}
.thumbs-up-zone .zone-content .content-box.first:before {
  background-image: linear-gradient(180.02deg, #FDF9EC 0.02%, rgba(253, 249, 236, 0) 118.1%);
}
.thumbs-up-zone .zone-content .content-box.second:before {
  background: linear-gradient(180.03deg, #F5F8FA 0.02%, rgba(245, 248, 250, 0) 119.78%);
}
.thumbs-up-zone .zone-content .content-box.second .go-buy {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #73AAFE;
}
.thumbs-up-zone .zone-content .content-box.second .no-data-label {
  color: #8A8A8E;
}
.thumbs-up-zone .zone-content .content-box.third:before {
  background: linear-gradient(180.03deg, #FBF1EB 0.03%, rgba(251, 241, 235, 0) 112.38%);
}
.thumbs-up-zone .zone-content .content-box.third .go-buy {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #D97D42;
}
.thumbs-up-zone .zone-content .content-box.third .no-data-label {
  color: #8A8A8E;
}
.thumbs-up-zone .zone-content .content-box .z-index-img {
  z-index: 1;
}
.thumbs-up-zone .zone-content .content-box .box-info {
  width: 100%;
  z-index: 1;
}
.thumbs-up-zone .zone-content .content-box .box-info .info-name {
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}
.thumbs-up-zone .zone-content .content-box .box-info .info-name .merchant-level {
  width: 18px;
  height: 18px;
  display: inline-block;
}
.thumbs-up-zone .zone-content .content-box .box-info .info-name .mr-6 {
  margin-right: 6px;
}
.thumbs-up-zone .zone-content .content-box .box-info .info-name .icon-tips-hover {
  height: 18px;
}
.thumbs-up-zone .zone-content .content-box .box-info .info-name .thumb-up {
  width: 18px;
  height: 18px;
  display: inline-block;
  cursor: pointer;
  margin-left: 2px;
}
.thumbs-up-zone .zone-content .content-box .box-info .info-name .thumb-pop {
  font-weight: 500;
}
.thumbs-up-zone .zone-content .content-box .box-info .info-name .thumb-pop .ivu-poptip-content {
  width: 280px;
}
.thumbs-up-zone .zone-content .content-box .box-info .info-name .thumb-pop p,
.thumbs-up-zone .zone-content .content-box .box-info .info-name .thumb-pop span {
  font-size: 12px;
  line-height: 18px;
}
.thumbs-up-zone .zone-content .content-box .box-info .info-name .thumb-pop p {
  white-space: break-spaces;
  color: #565656;
}
.thumbs-up-zone .zone-content .content-box .box-info .info-name .thumb-pop span {
  color: #0173E5;
  display: block;
  width: 100%;
  text-align: right;
  margin-top: 17px;
  cursor: pointer;
}
.thumbs-up-zone .zone-content .content-box .box-info .info-name .star-img {
  width: 12px;
  height: 12px;
  display: flex;
}
.thumbs-up-zone .zone-content .content-box .box-info .info-trade {
  height: 22px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #B5B8BB;
  margin-top: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.thumbs-up-zone .zone-content .content-box .box-info .info-trade span {
  margin-right: 14px;
}
.thumbs-up-zone .zone-content .content-box .box-info .info-trade img {
  width: 12px;
}
.thumbs-up-zone .zone-content .content-box .box-info .info-third {
  display: flex;
  align-items: center;
  justify-content: center;
}
.thumbs-up-zone .zone-content .content-box .box-info .info-third .info-price {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #000000;
}
.thumbs-up-zone .zone-content .content-box .box-info .info-third .go-buy {
  display: flex;
  align-items: center;
}
.thumbs-up-zone .zone-content .content-box .box-info .info-third .go-buy img {
  margin-left: 8px;
}
.thumbs-up-zone .zone-content .content-box .box-info .no-data-tip1 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
}
.thumbs-up-zone .zone-content .content-box .box-info .no-data-label {
  margin-top: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.thumbs-up-zone .zone-content .content-box .box-info .no-data-tip2 {
  margin-top: 4px;
  font-size: 12px;
  line-height: 14px;
  color: #B5B8BB;
}
.thumbs-up-zone .zone-content .content-box .box-info .no-data-tip3 {
  margin-top: 4px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #000;
}
.thumbs-up-zone .zone-content .content-box .box-info.textAlignCenter {
  text-align: center;
}
.thumbs-up-zone .zone-content .content-box .spe-hover {
  display: inline-block;
  color: #000000;
  font-weight: 400;
}
.thumbs-up-zone .zone-content .content-box .no-normal {
  font-weight: 400;
}

.trade-box-table .input-box .ivu-form-item {
  margin-bottom: 0;
  margin-right: 0;
}
.ivu-input-group-append {
  border-bottom-right-radius: 3px !important;
  border-top-right-radius: 3px !important;
}
.thumbs-up-banner {
  padding: 32px calc(50vw - 600px) 24px calc(50vw - 600px);
}
.thumbs-up-banner .go-back {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 16px;
}
.thumbs-up-banner .go-back img {
  margin-right: 14px;
}
.thumbs-up-banner .banner-box {
  background: #FFFCF2;
  border-radius: 8px;
  padding: 32px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.thumbs-up-banner .banner-box .box-title {
  display: flex;
  align-items: center;
}
.thumbs-up-banner .banner-box .box-title .title-label {
  margin: 0 8px;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  color: #BE8A14;
}
.thumbs-up-banner .banner-box .box-rules {
  margin: 8px 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}
.thumbs-up-banner .banner-box .box-time {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #565656;
}

.m-trade-list + .m-trade-list {
  margin-top: 14px;
}
.m-trade-list .trade-list-in {
  background-color: white;
  position: relative;
  z-index: 4;
  display: block;
  border: 1px solid #ECF1F8;
  border-radius: 8px;
  padding: 16px;
}
.m-trade-list .trade-list-in .trade-limit {
  margin-bottom: 16px;
}
.m-trade-list .trade-list-in .trade-limit span {
  padding-left: 52px;
  display: inline-block;
}
.m-trade-list .trade-avatar {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #000000;
}
.m-trade-list .trade-avatar .trade-avatar-info {
  margin-left: 16px;
  flex: 1;
}
.m-trade-list .trade-avatar .trade-avatar-info-detail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.m-trade-list .trade-avatar a {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
  margin-right: 8px;
}
.m-trade-list .trade-avatar a > span {
  display: inline-block;
  max-width: 200px;
  white-space: normal;
  word-break: break-all;
}
.m-trade-list .trade-avatar .coin-size {
  font-size: 32px;
}
.m-trade-list .trade-avatar .trade-avatar-status {
  display: flex;
  align-items: center;
  font-size: 0;
}
.m-trade-list .trade-avatar .icon-vip {
  color: #faad14;
  margin-left: 6px;
}
.m-trade-list .trade-avatar .merchant-level {
  display: block;
  width: 17px;
  height: 17px;
  margin-right: 8px;
}
.m-trade-list .trade-avatar .thumb-up {
  width: 16px;
  height: 16px;
  display: inline-block;
}
.m-trade-list .trade-avatar .thumb-pop {
  font-weight: 500;
  font-size: 0;
}
.m-trade-list .trade-avatar .thumb-pop .ivu-poptip-content {
  width: 220px;
}
.m-trade-list .trade-avatar .thumb-pop .ivu-poptip-content .ivu-poptip-body {
  padding: 16px;
}
.m-trade-list .trade-avatar .thumb-pop p,
.m-trade-list .trade-avatar .thumb-pop span {
  font-size: 12px;
  line-height: 18px;
}
.m-trade-list .trade-avatar .thumb-pop p {
  white-space: break-spaces;
  color: #565656;
}
.m-trade-list .trade-avatar .thumb-pop span {
  color: #0173E5;
  display: block;
  width: 100%;
  text-align: right;
  margin-top: 17px;
  cursor: pointer;
}
.m-trade-list .trade-avatar .no-normal {
  font-weight: 400;
}
.m-trade-list .trade-avatar .guide-content {
  margin: -8px -10px;
  padding: 6px 0 6px 8px;
}
.m-trade-list .trade-avatar.is-coin .trade-avatar-info {
  display: flex;
  align-items: center;
}
.m-trade-list .trade-avatar.is-coin a {
  margin-right: 8px;
}
.m-trade-list .trade-avatar.is-coin .trade-avatar-status {
  margin-top: 0;
}
.m-trade-list .trade-avatar .grey-label {
  font-weight: 400;
  display: inline-flex;
  white-space: nowrap;
  color: #B5B8BB;
  margin-right: 14px;
}
.m-trade-list .trade-list-line {
  margin: 14px 0 14px 44px;
  border-top: 1px dashed #ECF1F8;
}
.m-trade-list .trade-list-content {
  padding-left: 44px;
}
.m-trade-list .trade-list-content .mechant-auth {
  width: inherit;
  color: #565656;
  margin-bottom: 16px;
}
.m-trade-list .trade-list-content .mechant-auth .ivu-divider {
  background: #565656;
}
.m-trade-list .trade-list-content .mechant-auth .realname {
  margin-top: 14px;
  line-height: 12px;
}
.m-trade-list .trade-list-content .mechant-auth .realname em {
  font-weight: 700;
  font-style: normal;
}
.m-trade-list .trade-list-content .mechant-auth .auth-area {
  margin-top: 14px;
  line-height: 17px;
}
.m-trade-list .trade-list-content .mechant-auth .auth-area span {
  font-size: 12px;
  margin-right: 16px;
  display: inline-block;
  color: #B5B8BB;
}
.m-trade-list .trade-list-content .mechant-auth .auth-area span .icon-done {
  font-size: 12px;
  margin-right: 4px;
}
.m-trade-list .trade-list-content .mechant-auth .auth-area span.certified {
  color: #0173E5;
}
.m-trade-list .trade-list-content .icon .payment-icon {
  margin: 0 8px 8px 0;
}
.m-trade-list .trade-list-content .icon .payment-icon:last-child {
  margin-right: 0;
}
.m-trade-list .trade-list-content .list {
  display: flex;
  justify-content: flex-start;
  margin-top: 10px;
  font-size: 12px;
  line-height: 17px;
  overflow: hidden;
}
.m-trade-list .trade-list-content .list .price-amount {
  color: #00A171;
  font-size: 16px;
  font-weight: 700;
}
.m-trade-list .trade-list-content .list .price {
  margin-right: 10px;
  color: #B5B8BB;
  flex-shrink: 0;
}
.m-trade-list .trade-list-content .list .spe-price {
  color: #000000;
  font-weight: 700;
  flex: 1;
}
.m-trade-list .trade-list-content .list .spite {
  margin: 0 10px;
}
.m-trade-list .trade-list-content .list.m-pay-item {
  display: flex;
}
.m-trade-list .trade-list-content .list .m-icons-innner {
  display: flex;
  justify-content: flex-start;
  line-height: 32px;
  margin-bottom: 8px;
}
.m-trade-list .trade-list-content .list .m-icons-innner span {
  line-height: 22px;
  margin-left: 4px;
}
.m-trade-list .trade-list-content .m-other-message {
  font-size: 12px;
  line-height: 17px;
  color: #B5B8BB;
}
.m-trade-list .trade-list-content .m-other-message .m-remark-shows {
  margin-top: 16px;
  white-space: normal;
  word-break: break-all;
}
.m-trade-list .trade-list-content .m-other-message .m-remark-shows-two {
  margin-top: 10px;
}
.m-trade-list .trade-list-content .m-other-message .m-remark-shows-two .link {
  color: #0173E5;
  cursor: pointer;
}
.m-trade-list .trade-list-content .m-other-message .m-remark-shows .font-default {
  white-space: pre-wrap;
}
.m-trade-list .trade-list-content .m-other-message .trade-detail {
  margin-top: 24px;
  color: #565656;
  font-size: 12px;
}
.m-trade-list .trade-list-content .m-other-message .trade-detail-title {
  display: flex;
  line-height: 12px;
}
.m-trade-list .trade-list-content .m-other-message .trade-detail-info {
  max-height: 100px;
  white-space: pre-wrap;
  color: #000000;
  overflow-y: auto;
}
.m-trade-list .trade-list-content .m-other-message .trade-detail-info-text {
  font-size: 14px;
  line-height: 20px;
}
.m-trade-list .trade-list-content .m-other-message .trade-detail .trade-reponese-info {
  color: #565656;
}
.m-trade-list .trade-list-content .m-other-message .m-remark-shows-info {
  display: flex;
  margin-top: 16px;
  line-height: 18px;
  font-size: 12px;
  color: #565656;
}
.m-trade-list .trade-list-content .m-other-message .m-remark-shows-info-text {
  margin-left: 8px;
}
.m-trade-list .trade-list-content .pay-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.m-trade-list .trade-list-content .pay-box .list {
  flex: 1 1 auto;
}
.m-trade-list .trade-list-content .pay-box .pay-box-btn {
  margin-top: 10px;
  justify-self: flex-end;
}
.m-trade-list .trade-list-content .pay-box .pay-box-btn.other {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  width: 100%;
  text-align: right;
  color: #0173E5;
  font-size: 14px;
  line-height: 16px;
}
.m-trade-list .trade-list-content .pay-box .pay-box-btn.other span + span {
  margin-left: 24px;
}
.m-trade-list .trade-list-content .pay-box .mobile-opreation span {
  color: #0173E5;
  cursor: pointer;
  padding: 6px;
  display: inline-block;
}
.m-trade-list .trade-list-content .pay-amount {
  margin-bottom: 24px;
}
.m-trade-list .trade-list-content .mb-16 {
  margin-bottom: 16px;
}
.m-trade-list .trade-list-content .m-flex-shrink {
  flex-shrink: 0;
}
.m-trade-list .trade-list-content .limit-box {
  margin-top: 16px;
  font-size: 14px;
  line-height: 22px;
}
.m-trade-list .trade-list-content .limit-box .ad-limit {
  cursor: not-allowed;
  color: #565656;
}
.m-trade-list .trading-info {
  transition: all .3s;
  box-shadow: 0px 0px 16px rgba(20, 40, 130, 0.1);
}
.m-trade-list .trading-info .m-errorTips {
  padding-top: 16px;
}
.m-trade-list .trading-info .trade-avatar {
  justify-content: space-between;
  display: flex;
  align-items: center;
  margin-top: 0;
}
.m-trade-list .trading-info .trade-avatar .cancel {
  color: #B5B8BB;
}
.m-trade-list .trading-info .input-margin {
  margin-top: 24px;
}
.m-trade-list .trading-info .r-indent {
  margin-right: 8px;
}
.m-trade-list .trading-info .trade-box-table {
  margin-top: 24px;
}
.m-trade-list .trading-avatar .merchant-level {
  width: 17px;
  height: 17px;
  display: flex;
  margin-left: 8px;
}
.m-trade-list .trading-avatar a {
  margin-left: 14px;
  color: #0173E5;
}
.m-trade-list .trading-avatar a .username {
  margin-left: 0;
}
.m-trade-list .trade-input-box {
  position: relative;
}
.m-trade-list .trade-input-box .append-box {
  position: absolute;
  top: 0;
  right: 0;
  height: 32px;
  width: 55px;
  color: #B5B8BB;
}
.m-trade-list .trade-input-box .append-box span {
  font-size: 12px;
}
.m-trade-list .trade-input-box .append-box .button-color {
  color: #0173E5;
  margin: 8px 4px;
  cursor: pointer;
}
.m-trade-list .trade-input-box .last-formitem-inner {
  margin-bottom: 24px;
}
.m-trade-list .trade-input-box .ivu-form-item-error-tip {
  position: relative;
  padding-top: 2px;
}
.m-trade-list .trade-input-box .ivu-form-item {
  margin-top: 0;
  margin-bottom: 16px;
}
.m-trade-list .trade-input-box .ivu-input {
  border: 1px solid #CCD2DA;
  border-radius: 2px;
}
.m-trade-list .mtrade-coupon {
  margin-bottom: 16px;
}
.m-trade-list .m-accept-mode {
  margin: 24px -16px -16px;
  padding: 12px 16px;
  background-color: rgba(242, 246, 250, 0.5);
  border-top: 1px solid #ECF1F8;
}
.m-trade-list .m-accept-mode .m-accept-mode-text {
  flex: 1;
  margin-left: 2px;
  color: #B5B8BB;
  font-size: 12px;
  line-height: 18px;
}
.m-trade-list .trade-form-operate {
  display: flex;
  flex-direction: row;
}
.m-trade-list .trade-form-operate .trade-form-btn {
  flex: 1;
}
.m-trade-list .trade-form-operate .trade-form-btn + .trade-form-btn {
  margin-left: 9px;
}
.m-trade-list .forget-pwd {
  width: fit-content;
  font-size: 12px;
  line-height: 18px;
  margin-top: 14px;
  margin-bottom: 24px;
}
.m-trade-list .grey-label-half {
  font-weight: 400;
  font-size: 12px;
  display: inline-flex;
  white-space: nowrap;
  color: #565656;
  margin-top: 8px;
}
.delete-line {
  text-decoration: line-through;
}
.mtrade-coupon {
  margin-bottom: 20px;
  padding: 24px 18px 24px 18px;
  background: rgba(53, 124, 225, 0.04);
  border: 1px dashed rgba(53, 124, 225, 0.5);
  border-radius: 6px;
}
.mtrade-coupon .trade-coupon-label {
  font-size: 12px;
}
.mtrade-coupon .trade-auth {
  font-size: 12px;
}
.mtrade-coupon .trade-pay {
  font-size: 12px;
}
.mtrade-coupon .tcpn {
  font-size: 12px;
}
.mtrade-coupon .tcpn .ivu-select-dropdown {
  right: -28%;
  width: 296px !important;
  min-width: 296px !important;
}
.mtrade-coupon .tcpn-selected-icon {
  font-size: 14px;
}
.mtrade-coupon .tcpn-selected-holder,
.mtrade-coupon .tcpn-selected-none {
  font-size: 14px;
}

.husd-container {
  height: 126px;
  width: 1200px;
  margin: 0 auto;
  padding: 32px;
  color: #ffffff;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
}
.husd-container .h-icon {
  margin-right: 16px;
  height: 62px;
  width: 62px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5odXNkX2ljb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUzLjA1OTA3MjMlIiB5MT0iMzkuOTAzODY4OSUiIHgyPSIzMy43NjIzMTc4JSIgeTI9Ijk3LjM4ODk4ODklIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwLjQ4NzY4MDI4OCIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUzLjU5MzY0MiUiIHkxPSIyNi4xMjY3OTgzJSIgeDI9IjMzLjMwODU2NTclIiB5Mj0iMTAwJSIgaWQ9ImxpbmVhckdyYWRpZW50LTIiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC40MTIwNjg0IiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IumhtemdojEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJodXNkMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1Mi4wMDAwMDAsIC0zMzcuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJodXNkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjEuMDAwMDAwLCAzMDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uELTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyLjAwMDAwMCwgMzAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imh1c2RfaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMSw2MiBDNDguMTIwODI3Miw2MiA2Miw0OC4xMjA4MjcyIDYyLDMxIEM2MiwxMy44NzkxNzI4IDQ4LjEyMDgyNzIsMCAzMSwwIEMxMy44NzkxNzI4LDAgMCwxMy44NzkxNzI4IDAsMzEgQzAsNDguMTIwODI3MiAxMy44NzkxNzI4LDYyIDMxLDYyIFoiIGlkPSLmpK3lnIblvaIiIHN0cm9rZT0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgc3Ryb2tlLWRhc2hhcnJheT0iMiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzcuMjA4NjA4NSwzNy4zIEMzNi45NDEyMDEzLDM1Ljk3NzU4NyAzNS45MDM1NTMyLDM0LjkzNTk0NzkgMzQuNTg2MjA2OSwzNC42Njc1MTIyIEwzNC41ODYyMDY5LDM0LjYgTDI1LjE3MjQxMzgsMzQuNiBDMjUuMDIxODYsMzQuNiAyNC44NzIzODk3LDM0LjU5NTM0MzUgMjQuNzI0MTM3OSwzNC41ODYxNjYxIEwyNC43MjQxMzc5LDM0LjYgQzIxLjAxMDQ5OTEsMzQuNiAxOCwzMS41Nzc5MjIxIDE4LDI3Ljg1IEwxOCwxMyBMMjQuNzI0MTM3OSwxMyBMMjQuNzI0MTM3OSwyNC43IEwyNC43OTEzOTE1LDI0LjcgQzI1LjA4ODQ3NjUsMjYuMTY5MTc5IDI2LjMzNjI1NzcsMjcuMjkxODAzMiAyNy44NjIwNjksMjcuMzkyNjE5IEwyNy44NjIwNjksMjcuNCBMMzYuODI3NTg2MiwyNy40IEMzNi45NzgxNCwyNy40IDM3LjEyNzYxMDMsMjcuNDA0NjU2NSAzNy4yNzU4NjIxLDI3LjQxMzgzMzkgTDM3LjI3NTg2MjEsMjcuNCBDNDAuOTg5NTAwOSwyNy40IDQ0LDMwLjQyMjA3NzkgNDQsMzQuMTUgTDQ0LDQ5IEwzNy4yNzU4NjIxLDQ5IEwzNy4yNzU4NjIxLDM3LjMgTDM3LjIwODYwODUsMzcuMyBaIE0zNy4yNzU4NjIxLDEzIEw0NCwxMyBMNDQsMjQuMjUgQzQwLjI4NjM2MTIsMjQuMjUgMzcuMjc1ODYyMSwyMS4yMjc5MjIxIDM3LjI3NTg2MjEsMTcuNSBMMzcuMjc1ODYyMSwxMyBaIE0xOCwzNy4zIEMyMS43MTM2Mzg4LDM3LjMgMjQuNzI0MTM3OSw0MC4zMjIwNzc5IDI0LjcyNDEzNzksNDQuMDUgTDI0LjcyNDEzNzksNDkgTDE4LDQ5IEwxOCwzNy4zIFoiIGlkPSLlvaLnirYiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMikiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat center center;
}
.husd-container li {
  margin-right: 24px;
  list-style: none;
}
.husd-container li::before {
  margin-right: 4px;
  content: " ";
  width: 4px;
  height: 4px;
  display: inline-block;
  border-radius: 1px;
  background-color: #ffffff;
}
.husd-container .go-href {
  height: 40px;
  padding: 0 16px;
  border: 1px solid #ffffff;
  border-radius: 2px;
  color: #ffffff;
  cursor: pointer;
}
.husd-container .go-href .iconfont {
  margin-left: 8px;
  font-size: 20px;
  transform: rotateX(180deg);
  display: inline-block;
}
@media (max-width: 768px) {
.husd-container {
    flex-direction: column;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 16px;
    min-height: 186px;
    height: auto;
    margin-top: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.husd-container .h-icon {
    display: none;
}
.husd-container .mobile-text {
    font-size: 22px;
    text-align: center;
}
.husd-container ul {
    margin-top: 12px;
    justify-content: center;
}
.husd-container li:last-child {
    margin-right: 0;
}
.husd-container .go-href {
    margin-top: 24px;
}
}
.husd-wrapper {
  margin-bottom: 48px;
}
.husd-wrapper .air-line {
  height: 8px;
  background: #f2f6fa;
  width: 100%;
}
@media (max-width: 768px) {
.husd-wrapper {
    padding: 0 24px;
}
.husd-wrapper .air-line {
    display: none;
}
}

.search-amount-container {
  position: relative;
  z-index: 5;
  margin-right: 16px;
}
.search-amount-container .l-12 {
  line-height: 12px;
}
.search-amount-container .white {
  background-color: #ffffff;
}
.search-amount-container .input-container {
  border: 1px solid #dfe2e7;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.search-amount-container .input-container .input-inner {
  border: none;
  outline: none;
  height: 26px;
  width: 164px;
  border-right: 1px solid #e6ecf2;
  border-radius: 0;
}
.search-amount-container .input-container .input-inner .ivu-input {
  border: none;
  border-radius: 0;
  padding: 0;
  height: 25px;
  outline: none;
  box-shadow: none;
}
.search-amount-container .input-container .input-relative {
  position: relative;
}
.search-amount-container .input-container .aapend-coin {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  margin-right: 12px;
}
.search-amount-container .input-container .submit-in {
  padding: 4px 12px;
}
.search-amount-container .down-amount {
  list-style: none;
  position: absolute;
  top: 36px;
  width: 100%;
  padding: 16px 16px 6px 16px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  z-index: 6;
  animation: hover-show 0.3s forwards ease-out;
}
.search-amount-container .down-amount span {
  width: 54px;
  height: 28px;
  border: 1px solid #dfe2e7;
  border-radius: 2px;
  margin-bottom: 10px;
}
.search-amount-container .down-amount span.active,
.search-amount-container .down-amount span:hover {
  background-color: #0173E5;
  color: #ffffff;
  border-color: transparent;
}
.search-amount-container .down-amount li {
  flex-wrap: wrap;
}
.refresh-setting {
  position: relative;
}
.refresh-setting .over-text {
  padding-right: 12px;
  font-size: 14px;
  color: #000000;
}
.refresh-setting.active {
  background-color: #F1FAF9;
  color: #0173E5;
}
.refresh-setting .down-icon {
  color: #B5B8BB;
  position: absolute;
  top: 50%;
  font-size: 16px;
  right: 12px;
  display: inline-block;
  transition: all .3s;
  transform: translateY(-50%);
}
.refresh-setting .down-icon.active {
  transform: translateY(-50%) rotate(180deg);
}
.hierarchySearch.setting-inner-new {
  width: auto !important;
  min-width: 140px;
}
.hierarchySearch.setting-inner-new ul {
  padding: 4px;
}
.hierarchySearch.setting-inner-new ul li {
  font-size: 12px;
  list-style: none;
  line-height: 20px;
  padding: 10px 12px;
  cursor: pointer;
  color: #000000;
}
.hierarchySearch.setting-inner-new ul li:hover,
.hierarchySearch.setting-inner-new ul li.active {
  color: #0173E5;
  background-color: #F8FAFD;
  border-radius: 4px;
}
.blue-serve-container {
  border: 1px solid #dfe2e7;
  border-radius: 2px;
  height: 28px;
  margin-right: 16px;
  padding: 0 12px;
  min-width: 100px;
}
.blue-serve-container.active {
  border-color: transparent;
  background-color: #f6f8fb;
  color: #0173E5;
}
.blue-serve-container .compensate {
  height: 17px;
  width: 17px;
  margin-right: 4px;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch.pay-method-haveHistory {
  right: 0;
  left: auto;
  max-height: fit-content;
  width: 372px;
  max-width: 372px !important;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch.pay-method-haveHistory .trade-select-search {
  width: 100%;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch.pay-method-haveHistory .historical-choice {
  padding-top: 12px;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch.pay-method-haveHistory .historical-choice-header {
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch.pay-method-haveHistory ul {
  display: flex;
  flex-wrap: wrap;
  max-height: 332px;
  padding: 8px 2px 8px 8px;
  position: relative;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch.pay-method-haveHistory ul.haveSelcted {
  padding-bottom: 68px;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch.pay-method-haveHistory li {
  width: 176px;
  margin-bottom: 4px;
  position: relative;
  padding-right: 48px;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch.pay-method-haveHistory li:nth-child(2n+1) {
  margin-right: 4px;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch.pay-method-haveHistory li .payment-icon {
  padding: 10px 0 10px 10px;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch.pay-method-haveHistory li svg {
  right: 8px;
  top: 50%;
  margin-top: -8px;
  position: absolute;
  display: none;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch.pay-method-haveHistory li.active svg {
  display: block;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch.pay-method-haveHistory .multiSelect-payments {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  bottom: 0;
  right: 0;
  background-color: #fff;
  position: absolute;
  border-top: 1px solid #ECF1F8;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch.pay-method-haveHistory .multiSelect-payments-confirm,
.trade-responsive .trade-list-title .setting-inner.payMethodSearch.pay-method-haveHistory .multiSelect-payments-cancel {
  width: 80px;
  height: 32px;
  margin-right: 8px;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch.pay-method-haveHistory .multiSelect-payments-cancel {
  color: #1c242c;
}
.search-amount-container .down-amount.down-amount-history {
  width: 305px;
  left: auto;
  right: 0;
  padding: 8px 0;
}
.search-amount-container .down-amount.down-amount-history .historical-choice-header {
  margin: 4px 0 8px;
  display: flex;
  padding: 0 8px;
  align-items: center;
  justify-content: space-between;
}
.search-amount-container .down-amount.down-amount-history .flex-between-center {
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-right: 8px;
}
.search-amount-container .down-amount.down-amount-history .flex-between-center span {
  min-width: 91px;
  width: auto;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 28px;
  padding: 0 4px;
  margin-left: 8px;
}
@media (max-width: 768px) {
.search-amount-container {
    margin: 16px 16px 0 0;
    z-index: 6;
}
.blue-serve-container {
    margin: 16px 0 0 0;
}
.spe-flex-wrap {
    flex-wrap: wrap;
}
}
.refresh-trade-list.refresh-filtrate .refresh-setting {
  padding: 4px 12px;
}
.refresh-trade-list.refresh-filtrate .refresh-setting > img {
  margin-right: 2px;
}
.refresh-trade-list.refresh-filtrate .refresh-setting span {
  padding: 0;
  color: #000000;
}
.refresh-trade-list.refresh-filtrate .setting-inner-new.filtrateSearch {
  width: 320px;
  height: 380px;
  max-height: 380px;
  overflow-y: auto;
  padding: 16px;
}
.refresh-trade-list.refresh-filtrate .setting-inner-new.filtrateSearch .filtrate-item {
  margin-top: 10px;
}
.refresh-trade-list.refresh-filtrate .setting-inner-new.filtrateSearch .filtrate-item:first-child {
  margin-top: 0px;
}
.refresh-trade-list.refresh-filtrate .setting-inner-new.filtrateSearch .filtrate-item-title {
  color: #8A8A8E;
}
.refresh-trade-list.refresh-filtrate .setting-inner-new.filtrateSearch .filtrate-item-content {
  margin-top: 5px;
}
.refresh-trade-list.refresh-filtrate .setting-inner-new.filtrateSearch .filtrate-item-content ul {
  display: flex;
  flex-wrap: wrap;
}
.refresh-trade-list.refresh-filtrate .setting-inner-new.filtrateSearch .filtrate-item-content li {
  position: relative;
  flex: 0 1 48%;
  margin-left: 10px;
  margin-bottom: 8px;
  background-color: #fafafa;
  border: 1px solid #fafafa;
  border-radius: 4px;
  padding: 8px;
  cursor: pointer;
  word-break: break-all;
}
.refresh-trade-list.refresh-filtrate .setting-inner-new.filtrateSearch .filtrate-item-content li:nth-child(odd) {
  margin-left: 0;
}
.refresh-trade-list.refresh-filtrate .setting-inner-new.filtrateSearch .filtrate-item-content li:hover {
  color: #0173E5;
}
.refresh-trade-list.refresh-filtrate .setting-inner-new.filtrateSearch .filtrate-item-content li.active {
  color: #0173E5;
  border: 1px solid #0173E5;
  background-color: rgba(1, 115, 229, 0.07);
}
.refresh-trade-list.refresh-filtrate .setting-inner-new.filtrateSearch .filtrate-item-content li .circle {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.refresh-trade-list.refresh-filtrate .setting-inner-new.filtrateSearch .filtrate-item-content li .hot {
  padding: 2px 6px;
  position: absolute;
  right: 0px;
  top: 0px;
  color: var(--Functional-Blue, #007FFF);
  text-align: center;
  font-size: 9px;
  font-weight: 500;
  line-height: 12px;
  border-radius: 0px 4px;
  background: var(--Functional-Blue_bg, rgba(0, 127, 255, 0.1));
}
.refresh-trade-list.refresh-avaliable .refresh-setting > img {
  margin-right: 2px;
}
.search-amount-fiat-container {
  position: relative;
  z-index: 5;
  margin-right: 12px;
}
.search-amount-fiat-container .l-12 {
  line-height: 12px;
}
.search-amount-fiat-container .white {
  background-color: #ffffff;
}
.search-amount-fiat-container .input-container {
  border: 1px solid #dfe2e7;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.search-amount-fiat-container .input-container .input-inner {
  border: none;
  outline: none;
  height: 26px;
  width: 124px;
  border-radius: 0;
}
.search-amount-fiat-container .input-container .input-inner .ivu-input {
  border: none;
  border-radius: 0;
  padding: 0;
  height: 25px;
  outline: none;
  box-shadow: none;
}
.search-amount-fiat-container .input-container .input-relative {
  position: relative;
}
.search-amount-fiat-container .input-container .aapend-coin {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  margin-right: 12px;
}
.search-amount-fiat-container .input-container .submit-in {
  padding: 4px 12px;
  display: flex;
  align-items: center;
}
.search-amount-fiat-container .input-container .submit-in img {
  margin-right: 4px;
}
.search-amount-fiat-container .input-container .submit-in .over-text {
  padding-right: 18px;
  font-size: 14px;
}
.search-amount-fiat-container .input-container .submit-in .down-icon {
  color: #B5B8BB;
  position: absolute;
  top: 50%;
  font-size: 16px;
  right: 12px;
  display: inline-block;
  transition: all .3s;
  transform: translateY(-50%);
}
.search-amount-fiat-container .input-container .submit-in .down-icon.active {
  transform: translateY(-50%) rotate(180deg);
}
.search-amount-fiat-container .down-amount {
  list-style: none;
  position: absolute;
  top: 36px;
  width: 100%;
  padding: 16px 16px 6px 16px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  z-index: 6;
  animation: hover-show 0.3s forwards ease-out;
}
.search-amount-fiat-container .down-amount span {
  width: 54px;
  height: 28px;
  border: 1px solid #dfe2e7;
  border-radius: 2px;
  margin-bottom: 10px;
}
.search-amount-fiat-container .down-amount span.active,
.search-amount-fiat-container .down-amount span:hover {
  background-color: #0173E5;
  color: #ffffff;
  border-color: transparent;
}
.search-amount-fiat-container .down-amount li {
  flex-wrap: wrap;
}
.search-amount-fiat-container .search-no-data {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 88px;
}
.search-amount-fiat-container .search-no-data img {
  width: 56px;
  height: 56px;
  margin-bottom: 16px;
}
.search-amount-fiat-container .search-no-data p {
  font-size: 12px;
  color: #B5B8BB;
  line-height: 12px;
}
.trade-responsive .trade-list-title .pc-common-list .refresh-setting {
  border-radius: 8px;
  border: 1px solid #ddd;
  padding: 10px 16px;
  min-width: none;
  height: 40px;
  width: 120px;
}
.trade-responsive .trade-list-title .pc-common-list .refresh-setting.active {
  border-color: #0173E5;
  background: #FAFAFA !important;
}
.trade-responsive .trade-list-title .pc-common-list .refresh-setting .input-container {
  border: none;
}
.trade-responsive .trade-list-title .pc-common-list .refresh-setting .input-container .input-inner {
  width: 96px;
}
.trade-responsive .trade-list-title .pc-common-list .refresh-setting .input-container .submit-in .over-text {
  padding-right: 0;
}
.trade-responsive .trade-list-title .pc-common-list .refresh-setting .trade-select-search .ivu-input {
  border-radius: 4px;
  border: 1px solid #F2F2F2;
  background: #FAFAFA;
  padding-left: 38px;
  border: none;
}
.trade-responsive .trade-list-title .pc-common-list .refresh-setting .trade-select-search .ivu-input:focus {
  border: 1px solid #0173E5 !important;
}
.trade-responsive .trade-list-title .pc-common-list .refresh-setting .trade-select-search .ivu-input-prefix {
  left: 12px;
}
.trade-responsive .trade-list-title .pc-common-list .search-amount-fiat-container {
  width: 200px;
  padding-left: 12px;
}
.trade-responsive .trade-list-title .pc-common-list .search-amount-fiat-container.focus-style {
  border-color: #0173E5;
}
.trade-responsive .trade-list-title .pc-common-list .search-amount-fiat-container li {
  color: #000;
}
.trade-responsive .trade-list-title .pc-common-list .setting-inner,
.trade-responsive .trade-list-title .pc-common-list .setting-inner-new {
  top: 45px;
}

.mobile-search-amount-container {
  position: relative;
  z-index: 6;
  margin-top: 14px;
}
.mobile-search-amount-container .l-12 {
  line-height: 12px;
}
.mobile-search-amount-container .white {
  background-color: #ffffff;
}
.mobile-search-amount-container .input-container {
  border: 1px solid #dfe2e7;
  border-radius: 2px;
}
.mobile-search-amount-container .input-container .input-inner {
  border: none;
  outline: none;
  height: 32px;
  padding: 0 40px 0 7px;
  border-radius: 0;
}
.mobile-search-amount-container .input-container .input-inner::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 14px;
  transform: translateY(-50%);
  background-color: #DFE2E7;
}
.mobile-search-amount-container .input-container .input-inner .ivu-input {
  border: none;
  border-radius: 0;
  padding: 0;
  height: 32px;
  outline: none;
  box-shadow: none;
}
.mobile-search-amount-container .input-container .input-relative {
  position: relative;
  flex: 1;
}
.mobile-search-amount-container .input-container .aapend-coin {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  margin-right: 12px;
}
.mobile-search-amount-container .input-container .submit-in {
  padding: 4px 12px;
}
.mobile-search-amount-container .down-amount {
  list-style: none;
  position: absolute;
  top: 36px;
  width: 100%;
  padding: 16px 16px 6px 16px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  z-index: 6;
  animation: hover-show 0.3s forwards ease-out;
}
.mobile-search-amount-container .down-amount span {
  width: 54px;
  height: 28px;
  border: 1px solid #dfe2e7;
  border-radius: 2px;
  margin-bottom: 10px;
}
.mobile-search-amount-container .down-amount span.active,
.mobile-search-amount-container .down-amount span:hover {
  background-color: #0173E5;
  color: #ffffff;
  border-color: transparent;
}
.mobile-search-amount-container .down-amount li {
  flex-wrap: wrap;
}
.mobile-search-amount-container .down-amount.down-amount-history {
  padding: 6px 0;
}
.mobile-search-amount-container .down-amount.down-amount-history .historical-choice-header {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  justify-content: space-between;
}
.mobile-search-amount-container .down-amount.down-amount-history .flex-between-center {
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-right: 16px;
}
.mobile-search-amount-container .down-amount.down-amount-history .flex-between-center span {
  width: auto;
  min-width: 87.66px;
  margin-left: 16px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 26px;
  padding: 0 4px;
}
.search-list {
  margin-top: 10px;
  flex-wrap: wrap;
}
.refresh-trade-list .compensate {
  height: 17px;
  width: 17px;
  margin-right: 4px;
}
@media (max-width: 768px) {
.search-amount-container {
    z-index: 6;
}
.blue-serve-container {
    margin: 16px 0 0 0;
}
.spe-flex-wrap {
    flex-wrap: wrap;
}
}
.mobile-common-list .refresh-trade-list .over-text {
  padding-right: 0;
}

.otc-select-wrapper-other .otc-select-conatiner {
  position: relative;
  display: flex;
  align-items: center;
}
.otc-select-wrapper-other .otc-select-conatiner .down-icon {
  position: absolute;
  top: 50%;
  right: 4px;
  transition: all .3s;
  transform: translateY(-50%);
  color: #B5B8BB;
}
.otc-select-wrapper-other .otc-select-conatiner .select-hint-box {
  width: 100%;
  padding: 4px 24px 4px 8px;
  font-size: 12px;
  outline: none;
  color: #000;
  transition: all .3s;
}
.otc-select-wrapper-other .otc-select-conatiner .select-hint-box.disable {
  opacity: 1;
  cursor: not-allowed;
  color: #B5B8BB;
}
.otc-select-wrapper-other .otc-select-conatiner .select-hint-box.spe-large-input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: transparent;
}
.otc-select-wrapper-other .otc-select-conatiner.active .select-hint-box {
  color: #0173E5;
}
.otc-select-wrapper-other .otc-select-conatiner.active .down-icon {
  transform: translateY(-50%) rotate(180deg);
  color: #0173E5;
}
.otc-select-wrapper-other .otc-container-dialog {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: #eee;
  z-index: 1000000;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 100%;
}
.otc-select-wrapper-other .otc-select-container {
  width: 100%;
  background-color: #eee;
  max-height: 100%;
}
.otc-select-wrapper-other .otc-select-content {
  background-color: #ffffff;
  height: 238px;
  overflow: hidden;
  width: 100%;
  position: relative;
  transition: all 1s;
}
.otc-select-wrapper-other .scroller-shadow-inner {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  z-index: 3;
  position: absolute;
  left: 0;
  top: 0;
  transform: rotateZ(0px);
}
.otc-select-wrapper-other .scroller-show-text {
  width: 100%;
  height: 34px;
  position: absolute;
  left: 0;
  top: 102px;
  z-index: 3;
  border-top: 1px solid #e6ecf2;
  border-bottom: 1px solid #e6ecf2;
}
.otc-select-wrapper-other .scroller-content-in {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.otc-select-wrapper-other .otc-select-header {
  background-color: #f2f6fa;
  justify-content: space-between;
  display: flex;
  align-items: center;
  font-size: 16px;
  height: 44px;
  position: relative;
}
.otc-select-wrapper-other .otc-select-header::after {
  content: "";
  height: 1px;
  background-color: #dfe2e7;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.otc-select-wrapper-other .otc-select-header p {
  color: #000000;
}
.otc-select-wrapper-other .otc-select-header .cancel {
  padding-left: 14px;
  height: 44px;
  line-height: 44px;
}
.otc-select-wrapper-other .otc-select-header .confirm {
  padding: 0 14px;
  height: 44px;
  line-height: 44px;
}
.otc-select-wrapper-other .otc-select-header .show-in {
  flex: 1 1 auto;
  height: 44px;
  line-height: 44px;
  text-align: center;
}

.trade-responsive .auth-process-wrapper {
  border-radius: 2px;
  margin: 0 auto;
  padding: 40px calc(50vw - 600px) 28px calc(50vw - 600px);
}
.trade-responsive .auth-process-wrapper .close-icon {
  color: #A19877;
}
.trade-responsive .guide-text {
  line-height: 32px;
  padding: 8px 18px 8px 24px;
  width: 1200px;
  background: #FFF8E3;
}
.trade-responsive .guide-text span {
  cursor: pointer;
  color: #0173E5;
}
.trade-responsive .otc-trade-title {
  margin: 0 auto;
}
.trade-responsive .otc-trade-title.noPing {
  padding: 6px calc(50vw - 600px);
}
.trade-responsive .otc-trade-title.ping {
  padding: 6px calc(50vw - 760px);
}
.trade-responsive .otc-trade-title.is-auth-show {
  margin-top: 28px;
}
.trade-responsive .otc-trade-title .trade-nav-tip-box {
  position: absolute;
  top: -2px;
  right: 3px;
}
.trade-responsive .otc-trade-title .change-nav {
  background-color: rgba(1, 115, 229, 0.07);
  height: 32px;
  min-width: 130px;
  margin-left: 16px;
  padding: 0 10px;
}
.trade-responsive .otc-trade-title .change-nav .iconfont {
  margin-left: 8px;
}
.trade-responsive .otc-trade-title .play-video {
  height: 38px;
  background: #ffffff;
  border: 1px solid #F1FAF9;
  border-radius: 4px;
  padding: 0;
}
.trade-responsive .otc-trade-title .play-video span {
  color: #0173E5;
  vertical-align: 1px;
  line-height: 14px;
  font-weight: 500;
  padding: 11px 16px;
  font-size: 12px;
}
.trade-responsive .otc-trade-title .play-video span .icon-player {
  font-size: 14px;
  margin-right: 7px;
}
.trade-responsive .otc-trade-title .play-video:hover {
  opacity: .7;
}
.trade-responsive .otc-trade-title .trade-menu {
  display: flex;
}
.trade-responsive .otc-trade-title .trade-menu .trade-type {
  display: inline-flex;
  border: 1px solid var(--unnamed, #DCDCDD);
  background: var(--ffffff, #FFF);
  border-radius: 10px;
}
.trade-responsive .otc-trade-title .trade-menu .trade-type.buy-active a:first-child {
  color: #00A171;
  background-color: #F2F2F2;
}
.trade-responsive .otc-trade-title .trade-menu .trade-type.sell-active a:last-child {
  color: #E94359;
  background-color: #F2F2F2;
}
.trade-responsive .otc-trade-title .trade-menu .trade-type a {
  display: block;
  width: 130px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  color: #565656;
  border-radius: 10px;
}
.trade-responsive .otc-trade-title .trade-menu .trade-coin-change {
  margin-left: 18px;
  line-height: 40px;
}
.trade-responsive .otc-trade-title .trade-menu .trade-coin-change a {
  margin-left: 32px;
  font-weight: 500;
  color: #000000;
  transition: all .2s;
}
.trade-responsive .otc-trade-title .trade-menu .trade-coin-change a.buy-active {
  color: #00A171;
  font-weight: 700;
}
.trade-responsive .otc-trade-title .trade-menu .trade-coin-change a.sell-active {
  color: #E94359;
  font-weight: 700;
}
.trade-responsive .otc-trade-title .trade-nav-tips {
  margin-left: 8px;
}
.trade-responsive .otc-trade-title .trade-nav-tips .hover-in {
  white-space: normal;
  word-break: break-all;
}
.trade-responsive .otc-trade-title .trade-nav-tips .more-link {
  color: #0173E5 !important;
  float: right;
}
.trade-responsive .otc-trade-title .trade-nav-tips .more-link:hover {
  opacity: .7;
}
.trade-responsive .system-maintain {
  margin: 40px calc(50vw - 600px);
  border-radius: 8px;
  background-color: #f7f7fb;
}
.trade-responsive .trade-content {
  padding-bottom: 160px;
  margin-top: 32px;
}
.trade-responsive .trade-content .ivu-poptip-popper {
  z-index: 6 !important;
}
.trade-responsive .trade-content .ivu-affix {
  background-color: #F9F9F9;
  box-shadow: 0px 0px 1px rgba(20, 40, 130, 0.2), 0px 10px 25px rgba(20, 40, 130, 0.05);
}
.trade-responsive .trade-content .ivu-affix .table-list {
  background: inherit;
}
.trade-responsive .trade-content .pages {
  margin: 0;
  padding: 24px 0 0 0;
}
.trade-responsive .trade-content .pages li {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 28px;
  border-radius: 4px;
  background: #fff;
  min-width: 28px;
  line-height: 28px;
  border: 1px  solid #DDD;
  color: #565656;
  font-size: 16px;
  margin-right: 8px;
  font-weight: 400;
}
.trade-responsive .trade-content .pages li.ivu-page-prev,
.trade-responsive .trade-content .pages li.ivu-page-next {
  line-height: 20px;
}
.trade-responsive .trade-content .pages li.ivu-page-item-active {
  background: #F2F2F2;
  color: #000;
  border: none;
}
.trade-responsive .trade-content .pages li.ivu-page-item-active a {
  color: #000;
  font-weight: 500;
}
.trade-responsive .trade-content .pages li.ivu-page-item:hover {
  background: #F2F2F2;
}
.trade-responsive .trade-content .pages li.ivu-page-item:hover a {
  color: #000;
  font-weight: 500;
}
.trade-responsive .trade-content .pages li.ivu-page-item-jump-next::after,
.trade-responsive .trade-content .pages li.ivu-page-item-jump-prev::after {
  content: '...';
  color: #565656;
}
.trade-responsive .trade-content .pages li.ivu-page-item-jump-next:hover i,
.trade-responsive .trade-content .pages li.ivu-page-item-jump-prev:hover i {
  display: none;
}
.trade-responsive .trade-content .pages li.ivu-page-item-jump-next:hover::after,
.trade-responsive .trade-content .pages li.ivu-page-item-jump-prev:hover::after {
  content: '...';
  color: #565656;
  display: block;
}
.trade-responsive .trade-content .no-more-data {
  width: 1200px;
  margin: 0 auto;
  margin-top: 8px;
  background-color: white;
  border-radius: 8px;
}
.trade-responsive .trade-content .table-list {
  line-height: 44px;
  background: white;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  width: 1200px;
  margin: 0 auto;
  padding: 0px 24px;
  height: 44px;
  border: 1px solid #DCDCDD;
  border-bottom: 0;
}
.trade-responsive .trade-content .table-list .col {
  font-size: 12px;
  display: inline-block;
}
.trade-responsive .trade-content .table-list .col.mr-40 {
  margin-right: 40px;
}
.trade-responsive .trade-content .table-list .col.mr-20 {
  margin-right: 20px;
}
.trade-responsive .trade-content .table-list .col.mr-24 {
  margin-right: 24px;
}
.trade-responsive .trade-content .table-list .col.width100 {
  width: 100px;
}
.trade-responsive .trade-content .table-list .col.width232 {
  width: 232px;
}
.trade-responsive .trade-content .table-list .col.width300 {
  width: 300px;
}
.trade-responsive .trade-content .table-list .col.width200 {
  width: 200px;
}
.trade-responsive .trade-content .table-list .col.width180 {
  width: 180px;
}
.trade-responsive .trade-content .table-list .col.width210 {
  width: 210px;
}
.trade-responsive .trade-content .table-list .col.width240 {
  width: 240px;
}
.trade-responsive .trade-content .table-list .col.width260 {
  width: 260px;
}
.trade-responsive .trade-content .table-list .col.width270 {
  width: 270px;
}
.trade-responsive .trade-content .table-list .col.width280 {
  width: 280px;
}
.trade-responsive .trade-content .table-list .col.width256 {
  width: 256px;
}
.trade-responsive .trade-content .table-list .col.width190 {
  width: 190px;
}
.trade-responsive .trade-content .table-list .col.right-box {
  text-align: right;
}
.trade-responsive .trade-content .table-list .col .icon-question-mark {
  vertical-align: -2px;
}
.trade-responsive .trade-content .table-list .col .icon-question-mark:hover {
  color: #0173E5;
}
.trade-responsive .trade-content .m-list-box {
  display: none;
}
.trade-responsive .trade-content .trade-list-box {
  position: relative;
  min-height: 300px;
}
.trade-responsive .trade-content .content {
  width: 1200px;
  margin: 0 auto;
  background: white;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 1px solid #DCDCDD;
  border-top: 1px solid #F2F2F2;
}
.trade-responsive .trade-content .no-more-tips {
  padding-bottom: 0;
}
.trade-responsive .trade-content.isBrand .table-list .col.user,
.trade-responsive .trade-content.isBrand .info-wrapper .col.user {
  width: 200px;
}
.trade-responsive .trade-content.isBrand .table-list .col.tags,
.trade-responsive .trade-content.isBrand .info-wrapper .col.tags {
  width: 260px;
}
.trade-responsive .trade-content.isBrand .table-list .col.price,
.trade-responsive .trade-content.isBrand .info-wrapper .col.price {
  width: 140px;
}
.trade-responsive .trade-content.isBrand .table-list .col.limit,
.trade-responsive .trade-content.isBrand .info-wrapper .col.limit {
  width: 190px;
}
.trade-responsive .trade-content.isBrand .table-list .col.payment,
.trade-responsive .trade-content.isBrand .info-wrapper .col.payment {
  width: 140px;
}
.trade-responsive .trade-content.isBrand .table-list .col.trade,
.trade-responsive .trade-content.isBrand .info-wrapper .col.trade {
  width: 100px;
}
.trade-responsive .bg-grey {
  padding-top: 32px;
}
.trade-responsive .trade-list-title {
  width: 1200px;
  margin: 0 auto;
}
.trade-responsive .trade-list-title .title-text {
  font-size: 22px;
  line-height: 26px;
}
.trade-responsive .trade-list-title .search-mobile-inner {
  margin-right: 14px;
}
.trade-responsive .trade-list-title .search-mobile-inner .tender-select,
.trade-responsive .trade-list-title .search-mobile-inner .ivu-select-selection {
  height: 28px;
  width: 56px;
}
.trade-responsive .trade-list-title .search-mobile-inner .tender-select .ivu-select-input,
.trade-responsive .trade-list-title .search-mobile-inner .ivu-select-selection .ivu-select-input {
  height: 27px;
  line-height: 28px;
  padding: 0;
  text-align: center;
}
.trade-responsive .trade-list-title .search-mobile-inner .tender-select .ivu-icon,
.trade-responsive .trade-list-title .search-mobile-inner .ivu-select-selection .ivu-icon {
  display: none;
}
.trade-responsive .trade-list-title .refresh-trade-list {
  position: relative;
  z-index: 5;
  width: auto;
}
.trade-responsive .trade-list-title .refresh-trade-list.time-refresh-list {
  width: 114px;
}
.trade-responsive .trade-list-title .refresh-trade-list.pay-search-container {
  width: 120px;
  margin-right: 12px;
}
.trade-responsive .trade-list-title .refresh-trade-list.refresh-filtrate {
  margin-right: 12px;
}
.trade-responsive .trade-list-title .refresh-trade-list.refresh-filtrate .filtrate-active > .over-text {
  color: #0173E5;
}
.trade-responsive .trade-list-title .refresh-trade-list.refresh-filtrate .filtrate-click {
  border: 1px solid #0173E5;
}
.trade-responsive .trade-list-title .refresh-setting {
  background: white;
  border: 1px solid #dfe2e7;
  padding: 4px 16px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  min-height: 28px;
  display: flex;
  align-items: center;
  height: 20px;
}
.trade-responsive .trade-list-title .refresh-setting .iconfont {
  margin-right: 6px;
  font-size: 12px;
}
.trade-responsive .trade-list-title .refresh-setting .rotate {
  animation: loading 1s infinite linear;
  display: inline-block;
}
.trade-responsive .trade-list-title .refresh-setting.active-item {
  background-color: rgba(1, 115, 229, 0.06);
  color: #0173E5;
  border-color: #dfe2e7;
}
.trade-responsive .trade-list-title .refresh-setting .over-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.trade-responsive .trade-list-title .refresh-setting .re-left {
  display: flex;
  align-items: center;
  height: 20px;
}
.trade-responsive .trade-list-title .refresh-setting .icon {
  width: 14px;
  margin-right: 4px;
}
.trade-responsive .trade-list-title .setting-inner {
  position: absolute;
  top: 36px;
  left: 0;
  z-index: 6;
  background-color: #ffffff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 4px;
  width: 100%;
  max-height: 208px;
  overflow-y: auto;
  animation: hover-show 0.3s forwards ease-out;
}
.trade-responsive .trade-list-title .setting-inner.spe-pay {
  min-width: 140px;
}
.trade-responsive .trade-list-title .setting-inner ul {
  list-style: none;
}
.trade-responsive .trade-list-title .setting-inner li {
  padding: 10px 12px;
}
.trade-responsive .trade-list-title .setting-inner li:hover,
.trade-responsive .trade-list-title .setting-inner .search-div:hover {
  background-color: #fafafa !important;
}
.trade-responsive .trade-list-title .setting-inner li.active,
.trade-responsive .trade-list-title .setting-inner .search-div.active {
  color: #0173E5 !important;
}
.trade-responsive .trade-list-title .setting-inner li .currency-icon,
.trade-responsive .trade-list-title .setting-inner .search-div .currency-icon {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.trade-responsive .trade-list-title .setting-inner li,
.trade-responsive .trade-list-title .setting-inner .currency-text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
}
.trade-responsive .trade-list-title .setting-inner .currency-info {
  margin-left: 6px;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch {
  max-height: 288px;
  padding: 0;
  width: 120px;
  max-width: 250px !important;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch ul {
  max-height: 248px;
  overflow-y: auto;
  padding: 4px;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch ul li .payment-icon {
  width: 100%;
  padding: 12px 0 12px 10px;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch ul li .payment-icon .payment-line span {
  width: calc(100% - 8px);
  word-break: break-word;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch ul li:hover .payment-icon .payment-line .line,
.trade-responsive .trade-list-title .setting-inner.payMethodSearch ul li.active .payment-icon .payment-line .line {
  background-color: #0173E5 !important;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch .trade-select-search {
  background: #F8FAFD;
  padding: 4px;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch .trade-select-search .ivu-input {
  font-size: 14px;
  border: 1px solid transparent;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch .search-no-data {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 88px;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch .search-no-data img {
  width: 56px;
  height: 56px;
  margin-bottom: 16px;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch .search-no-data p {
  font-size: 12px;
  color: #B5B8BB;
  line-height: 12px;
}
.trade-responsive .trade-list-title .setting-inner.payMethodSearch .icon-currency {
  margin-left: 12px;
}
.trade-responsive .trade-list-title .setting-inner-new {
  position: absolute;
  top: 38px;
  right: 0;
  z-index: 6;
  background-color: #ffffff;
  box-shadow: 0px 0px 1px rgba(20, 40, 130, 0.2), 0px 4px 10px rgba(20, 40, 130, 0.05);
  border-radius: 4px;
  width: 220px;
  animation: hover-show 0.3s forwards ease-out;
}
.trade-responsive .trade-list-title .setting-inner-new .inner-title {
  min-height: 40px;
  display: flex;
  justify-content: space-between;
  padding: 14px 16px 8px 16px;
}
.trade-responsive .trade-list-title .setting-inner-new .inner-title .inner-title-text {
  max-width: 150px;
  display: inline-block;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #1C242C;
}
.trade-responsive .trade-list-title .setting-inner-new .inner-content {
  padding: 14px 16px;
  background: #F8FAFD;
  mix-blend-mode: normal;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #495666;
}
.trade-responsive .trade-list-title .setting-inner-new .inner-content .mt-8 {
  margin-top: 8px;
}
.trade-responsive .trade-list-title .setting-inner-new.pc .icon-switch-checked,
.trade-responsive .trade-list-title .setting-inner-new.pc .icon-switch-close {
  font-size: 12px;
}
.trade-responsive .trade-list-title .setting-inner-new.pc .ivu-switch {
  margin-top: 2px;
  width: 32px;
  height: 16px;
}
.trade-responsive .trade-list-title .setting-inner-new.pc .ivu-switch:focus {
  box-shadow: none;
}
.trade-responsive .trade-list-title .setting-inner-new.pc .ivu-switch-checked .ivu-switch-inner {
  left: 2px;
  top: -2px;
  transform: scale(0.6);
}
.trade-responsive .trade-list-title .setting-inner-new.pc .ivu-switch-inner {
  left: 16px;
  top: -2px;
  transform: scale(0.6);
}
.trade-responsive .trade-list-title .setting-inner-new.pc .ivu-switch-checked:after {
  left: 17px;
}
.trade-responsive .trade-list-title .setting-inner-new.pc .ivu-switch:after {
  width: 12px;
  height: 12px;
}
.trade-responsive .trade-list-title .share-code {
  width: 160px;
}
.trade-responsive .trade-list-title .share-code input {
  display: flex;
  width: 160px;
  height: 40px;
  padding: 10px 16px;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #ddd;
}
@media (max-width: 768px) {
.trade-responsive .auth-process-wrapper {
    margin-top: 0;
    width: 100%;
}
.trade-responsive .system-maintain {
    margin: 24px;
}
.trade-responsive .bg-grey {
    padding-top: 24px;
}
.trade-responsive .otc-trade-title {
    position: relative;
    padding: 24px;
}
.trade-responsive .otc-trade-title.noPing {
    padding: 24px;
}
.trade-responsive .otc-trade-title .trade-menu-wrap {
    width: 100%;
}
.trade-responsive .otc-trade-title .trade-menu-wrap .m-trade-menu {
    display: inherit;
    width: 100%;
}
.trade-responsive .otc-trade-title .trade-menu-wrap .m-trade-menu .trade-type {
    width: inherit;
}
.trade-responsive .otc-trade-title .trade-menu-wrap .m-trade-menu .trade-type a {
    width: 50%;
}
.trade-responsive .otc-trade-title .trade-menu-wrap .m-trade-coin {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
    margin-left: 0;
}
.trade-responsive .otc-trade-title .trade-menu-wrap .m-trade-coin.hide-more {
    height: 38px;
    overflow: hidden;
}
.trade-responsive .otc-trade-title .trade-menu-wrap .m-trade-coin .link-item {
    flex: 0 0 calc(25% - 6px);
    margin-left: 8px;
    margin-bottom: 14px;
    padding: 4px;
    text-align: center;
    border: 1px solid #CCD2DA;
    border-radius: 2px;
    font-size: 12px;
    color: #565656;
    line-height: 14px;
}
.trade-responsive .otc-trade-title .trade-menu-wrap .m-trade-coin .link-item:not(.no-space):nth-child(4n+1) {
    margin-left: 0;
}
.trade-responsive .otc-trade-title .trade-menu-wrap .m-trade-coin .link-item.buy-active {
    color: #0173E5;
    border-color: #0173E5;
}
.trade-responsive .otc-trade-title .trade-menu-wrap .m-trade-coin .link-item.buy-active {
    color: #00A171;
    border-color: #00A171;
}
.trade-responsive .otc-trade-title .trade-menu-wrap .m-trade-coin .link-item.sell-active {
    color: #ef5656;
    border-color: #ef5656;
}
.trade-responsive .otc-trade-title .m-trade-coin-expend {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 28px;
    color: #B5B8BB;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
}
.trade-responsive .otc-trade-title .m-trade-coin-expend span {
    position: relative;
    display: inline-block;
    padding-right: 20px;
}
.trade-responsive .otc-trade-title .m-trade-coin-expend span .down-icon {
    position: absolute;
    top: 50%;
    right: 4px;
    transition: all .3s;
    transform: translateY(-50%);
    color: #B5B8BB;
}
.trade-responsive .otc-trade-title .m-trade-coin-expend span.active .down-icon {
    transform: translateY(-50%) rotate(180deg);
}
.trade-responsive .trade-content {
    padding: 0 24px 70px 24px;
    margin-top: 0;
    width: 100%;
}
.trade-responsive .trade-content .table-list {
    display: none;
}
.trade-responsive .trade-content .m-list-box {
    display: block;
}
.trade-responsive .trade-content .content {
    width: inherit;
    background: transparent;
}
.trade-responsive .trade-content .no-more-data {
    width: auto;
}
.trade-responsive .trade-list-title {
    width: 100%;
    margin-bottom: 24px;
    padding: 0 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.trade-responsive .trade-list-title .refresh-trade-list {
    flex: 1;
    margin-right: 0;
    max-width: 50%;
}
.trade-responsive .trade-list-title .refresh-trade-list + .refresh-trade-list {
    margin-left: 7px;
}
.trade-responsive .trade-list-title .refresh-trade-list .refresh-setting {
    height: 32px;
}
.trade-responsive .trade-list-title .mobile-trade-text {
    margin-top: 20px;
}
.trade-responsive .trade-list-title .mobile-trade-text .mobile-filter .mobile-filter-divider {
    margin: 0 12px;
    color: #CCD2DA;
}
.trade-responsive .trade-list-title .mobile-trade-text .mobile-filter .mobile-filter-other {
    position: relative;
    padding: 4px 24px 4px 8px;
    font-size: 12px;
    color: #000;
    transition: all .3s;
    line-height: 17px;
}
.trade-responsive .trade-list-title .mobile-trade-text .mobile-filter .mobile-filter-other .down-icon {
    position: absolute;
    top: 50%;
    right: 4px;
    transition: all .3s;
    transform: translateY(-50%);
    color: #B5B8BB;
}
.trade-responsive .trade-list-title .mobile-trade-text .mobile-filter .mobile-filter-other.active {
    color: #0173E5;
}
.trade-responsive .trade-list-title .mobile-trade-text .mobile-filter .mobile-filter-other.active .down-icon {
    transform: translateY(-50%) rotate(180deg);
    color: #0173E5;
}
.trade-responsive .trade-list-title .tender-select {
    height: auto;
}
.trade-responsive .trade-list-title .tender-select .otc-select-wrapper .select-hint-box {
    border: none;
}
.trade-responsive .trade-list-title .title-text {
    font-size: 16px;
}
}
.full-over {
  background: transparent;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 4;
}
.text-line-break {
  white-space: normal;
  word-break: break-all;
}
.trade-page-container .fairy {
  width: 80px !important;
  height: 80px !important;
}
.trade-page-container .fairy-item {
  width: 80px !important;
  height: 80px !important;
}
.trade-page-container .fairy-add {
  width: 45px !important;
  height: 45px !important;
  top: -45px !important;
}
.trade-page-container .fix-box {
  position: fixed;
  right: 20px;
  bottom: 150px;
}
.tender-select {
  max-width: 84px;
  height: 42px;
}
.trade-responsive .ivu-select-input[disabled] {
  cursor: not-allowed;
  background-color: #f5f9f4 !important;
  border-bottom: 0.5px solid #dfe2e7;
  border-radius: 4px;
}
.word-break-word {
  white-space: normal;
  word-break: normal;
  word-wrap: break-word;
}
.changeAffix .ivu-affix {
  top: 0 !important;
}
.trade-banner-wrap {
  padding-bottom: 160px;
}
.trade-banner-wrap .trade-banner-title {
  width: 1200px;
  margin: 0 auto;
  font-weight: 500;
  font-size: 32px;
  line-height: 45px;
  color: #000000;
}
.trade-banner {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: 0 auto;
  margin-top: 40px;
}
.trade-banner .trade-banner-item {
  width: 240px;
  margin-left: 80px;
}
.trade-banner .trade-banner-item:first-child {
  margin-left: 0;
}
.trade-banner .trade-banner-item .trade-banner-pic {
  display: block;
  width: 74px;
}
.trade-banner .trade-banner-item .trade-banner-info {
  margin-top: 24px;
}
.trade-banner .trade-banner-item .trade-banner-name {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #000000;
}
.trade-banner .trade-banner-item .trade-banner-description {
  margin-top: 10px;
  font-size: 14px;
  line-height: 18px;
  color: #565656;
}
.trade-oversea-guide {
  background-color: #fafafa;
}
.trade-oversea-guide.black {
  background-color: #0E0E0E;
}
.trade-oversea-guide .ivu-carousel {
  margin: 0 auto;
  width: 1200px;
  overflow: hidden;
}
.trade-oversea-guide .banner-img {
  width: 1200px;
  height: 190px;
  background-size: cover;
  cursor: pointer;
}
.trade-oversea-guide .ivu-carousel-dots {
  width: auto;
  bottom: 22px;
  left: 0px;
}
.trade-oversea-guide .ivu-carousel-dots li.ivu-carousel-active > button.radius {
  width: 20px;
  background: #8A8A8E;
  opacity: 1;
}
.trade-oversea-guide .ivu-carousel-dots li {
  margin-left: 6px;
}
.trade-oversea-guide .ivu-carousel-dots li:first-child {
  margin-left: 0;
}
.trade-oversea-guide .ivu-carousel-dots button.radius {
  width: 8px;
  height: 4px;
  border-radius: 4px;
  background: #DDDDDD;
  opacity: 1;
}
.trade-guard-bg {
  margin-bottom: 160px;
}
.trade-guard-bg .trade-guard {
  width: 1200px;
  margin: 0 auto;
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
}
.trade-guard-bg .trade-guard .left-content {
  flex: 1;
  align-items: center;
  width: 580px;
}
.trade-guard-bg .trade-guard .left-content h1 {
  color: #000000;
  font-weight: 700;
  font-size: 28px;
  font-style: normal;
  line-height: 38px;
  margin-bottom: 16px;
}
.trade-guard-bg .trade-guard .left-content p {
  color: #565656;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 14px;
}
.trade-guard-bg .trade-guard .left-content .otc-btn-sytle {
  margin-top: 10px;
}
.trade-guard-bg .trade-guard .left-content .otc-btn-sytle > button {
  width: 160px;
  height: 44px;
}
.trade-guard-bg .trade-guard .right-img {
  height: 200px;
  flex: 0 0 380px;
  margin-left: 105px;
}
@media (max-width: 768px) {
.trade-guard-bg {
    background: #F9F9F9;
    width: inherit;
    padding-bottom: 60px;
    margin-bottom: 0;
}
.trade-guard-bg .trade-guard {
    width: inherit;
    margin: 0 24px;
    padding: 24px;
    flex-direction: column-reverse;
}
.trade-guard-bg .trade-guard .left-content h1 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 14px;
}
.trade-guard-bg .trade-guard .left-content p {
    font-size: 12px;
    margin-bottom: 14px;
}
.trade-guard-bg .trade-guard .left-content .otc-btn-sytle {
    margin-top: 0;
    float: right;
}
.trade-guard-bg .trade-guard .right-img {
    width: 188px;
    height: 98px;
    margin-left: 0;
    align-self: flex-start;
    flex: auto;
    margin-bottom: 14px;
}
.trade-guard-bg .trade-guard .right-img img {
    width: inherit;
    height: inherit;
}
}
.trade-content .alert {
  width: 1200px;
  margin: 0 auto 20px;
}
.trade-content .alert.isAffix {
  margin: 0 auto;
}
.trade-content .alert-actionText {
  color: #0173E5;
  margin-left: 12px;
  cursor: pointer;
}

.isDeviceH5 .trade-input-control-new {
  z-index: 2;
  margin-top: 14px;
  width: 100%;
}
.trade-input-control-new {
  position: relative;
  display: block;
  transform-style: preserve-3d;
  z-index: 3;
  width: 320px;
  margin-top: 24px;
}
.trade-input-control-new .available .divider {
  margin: 0 14px;
  border-right: 1px solid #ecf1f8;
  height: 12px;
}
.trade-input-control-new .input-wrap {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 6px;
  border: 1px solid #dfe2e7;
  transition: border 0.3s;
  overflow: hidden;
}
.trade-input-control-new .input-wrap:focus-within,
.trade-input-control-new .input-wrap.select-active {
  border-color: #0173E5;
}
.trade-input-control-new .input-wrap .iconImg {
  font-size: 18px;
  transition: all 0.3s;
  z-index: 2;
}
.trade-input-control-new .input-wrap.input-error {
  border-color: #ef5656 !important;
}
.trade-input-control-new .error-message {
  position: absolute !important;
  width: fit-content;
  padding: 12px 16px;
  line-height: 18px;
  background: #fff;
  border-radius: 4px;
  top: unset;
  bottom: 120px;
  right: 0;
  margin: 0 auto;
  left: 0;
  color: #565656;
  box-shadow: 0 2px 8px 0 rgba(28, 36, 44, 0.1);
  z-index: 99;
}
.trade-input-control-new .error-message:before {
  position: absolute;
  border: 7px solid transparent;
  border-top-color: #fff;
  content: "";
  width: 0;
  height: 0;
  bottom: -13px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.trade-input-control-new .select-active .ivu-select-arrow {
  transform: translateY(-8px) rotate(180deg);
}
.trade-input-control-new .input-label {
  padding: 18px 24px;
  display: flex;
  align-items: center;
}
.trade-input-control-new .input-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.trade-input-control-new .input-title .trade-input-label {
  font-size: 12px;
  line-height: 12px;
  color: #565656;
}
.trade-input-control-new .input-inner {
  width: 100%;
  height: 30px;
  border-radius: 6px;
  text-align: right;
  line-height: 24px;
  font-size: 24px;
  color: #000000;
  background: transparent;
  outline: none;
  border: none;
}
.trade-input-control-new .input-inner::-webkit-input-placeholder {
  color: #B5B8BB;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
}
.trade-input-control-new .input-inner.show-default-value {
  color: #B5B8BB;
}
.trade-input-control-new .input-inner.disabled {
  cursor: not-allowed;
}
.trade-input-control-new .label-inner {
  position: absolute;
  line-height: 12px;
  font-size: 12px;
  color: #B5B8BB;
  pointer-events: none;
  left: 24px;
  top: 14px;
  z-index: 2;
  cursor: text;
  transform-origin: top left;
  transition: all 0.2s ease-out;
  user-select: none;
}
.trade-input-control-new .trade-select-wrap {
  cursor: pointer;
  user-select: none;
}
.trade-input-control-new .trade-select-wrap .ivu-select-arrow {
  right: 24px;
  top: 50px;
}
.trade-input-control-new .trade-select-wrap.disabled {
  cursor: not-allowed;
}
.trade-input-control-new .trade-select-text {
  margin-right: 4px;
  margin-left: 8px;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  color: #000000;
}
.trade-input-control-new .trade-select-container {
  position: absolute;
  left: 0;
  top: 92px;
  right: 0;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  transform: translateZ(200px);
  background-color: #ffffff;
}
.trade-input-control-new .trade-select-search {
  padding: 10px 16px;
}
.trade-input-control-new .trade-select-search .ivu-input {
  height: 40px;
  border-radius: 2px;
}
.trade-input-control-new .trade-select-search .ivu-icon {
  line-height: 40px;
}
.trade-input-control-new .trade-select-content {
  max-height: 200px;
  overflow-y: auto;
}
.trade-input-control-new .trade-select-item {
  user-select: none;
  padding: 8px 0;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}
.trade-input-control-new .trade-select-item .item-text {
  margin-left: 8px;
}
.trade-input-control-new .trade-select-item.active .item-text,
.trade-input-control-new .trade-select-item:hover .item-text {
  color: #0173E5;
}
.trade-input-control-new .trade-select-item:hover {
  background: rgba(242, 246, 250, 0.7);
}
.trade-input-control-new .trade-select-item .pl-16 {
  padding-left: 16px;
}
.trade-input-control-new .trade-select-item .pr-16 {
  padding-right: 16px;
}
.trade-input-control-new .trade-select-no-data {
  height: 200px;
}
.trade-input-control-new .trade-select-no-data p {
  margin-top: 10px;
}

@keyframes ani {
0% {
    top: 0;
    left: 0;
}
80% {
    top: 0;
    left: 100%;
}
81% {
    top: 200%;
    left: 200%;
}
100% {
    top: 200%;
    left: 0;
}
}
.skeleton {
  display: flex;
  align-items: center;
}
.skeleton .ske-title {
  font-size: 18px;
  height: 24px;
  color: black;
  width: 40%;
  background: rgba(1, 115, 229, 0.1);
  margin-bottom: 24px;
  animation: skeleton-placeholder 1.2s ease-in-out alternate infinite;
}
.skeleton .ske-rows .ske-row {
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  background-image: linear-gradient(to right, #F3F3F3, #F3F3F3);
  margin-bottom: 8px;
}
.skeleton .ske-rows .ske-row:last-child {
  margin-bottom: 0;
}
.skeleton .ske-rows .ske-row:after {
  content: '';
  left: -20px;
  top: -5%;
  width: 10px;
  height: 110%;
  position: absolute;
  transform: rotate(8deg);
  animation: ani 2s infinite ease-out;
  background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2));
}
@keyframes skeleton-placeholder {
from {
    background-color: rgba(1, 115, 229, 0.1);
    opacity: .5;
}
to {
    background-color: rgba(1, 115, 229, 0.1);
    opacity: 1;
}
}

.step-one {
  margin-bottom: 24px;
}
.step-one .main {
  height: 158px;
  background: #ffffff;
  border-radius: 8px;
}
.step-one .main .trade-info {
  display: flex;
  position: relative;
  justify-content: space-between;
  padding: 0 24px;
  width: 816px;
}
.step-one .main .trade-info .change-side {
  margin-top: 58px;
  cursor: pointer;
}
.step-one .main .trade-info.sell-side {
  flex-direction: row-reverse;
}
.step-one .main .trade-info .best-price-info {
  position: absolute;
  display: flex;
  bottom: 22px;
  left: 24px;
  font-size: 14px;
  line-height: 14px;
  color: #B5B8BB;
}
.step-one .main .trade-info .best-price-info .amount {
  color: #000000;
}
.step-one .main .trade-info .best-price-info .fee-info {
  margin-left: 16px;
}
.step-one .nftEntry {
  line-height: 60px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  background-color: rgba(255, 255, 255, 0.6);
}
.step-one .nftEntry span {
  margin-left: 6px;
}
.step-one .nftEntry a {
  margin-right: 6px;
}
.isDeviceH5 .main {
  height: 100%;
}
.isDeviceH5 .main .trade-info {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 24px;
  border-radius: 10px;
}
.isDeviceH5 .main .trade-info .change-side {
  margin-top: 14px;
  transform: rotate(90deg);
}
.isDeviceH5 .main .trade-info .change-side.buy-side + .skeleton + .trade-input-control-new {
  z-index: 1;
}
.isDeviceH5 .main .trade-info .best-price-info {
  flex-direction: column;
  justify-content: space-between;
  align-items: end;
  height: 40px;
  top: 45%;
  right: 24px;
  left: unset;
  font-size: 12px;
  line-height: 12px;
}
.isDeviceH5 .main .trade-info.sell-side {
  flex-direction: column-reverse;
}
.isDeviceH5 .main .trade-info .skeleton {
  margin-top: 38px;
  width: 100%;
}
.isDeviceH5 .main .trade-info .skeleton .ske-rows {
  width: 100%;
}

.quick-trade-new .step-two .card-info {
  width: 580px;
  padding: 0 24px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
}
.quick-trade-new .step-two .card-info:last-child {
  margin-bottom: 0;
}
.quick-trade-new .step-two .card-info.ivu-radio-wrapper {
  margin-right: 0;
}
.quick-trade-new .step-two .card-info.ivu-radio-wrapper-checked,
.quick-trade-new .step-two .card-info:hover {
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(1, 115, 229, 0.4);
  background: #FFFFFF;
}
.quick-trade-new .step-two .card-info:hover .detail-price-info .price-amount {
  color: #000000;
}
.quick-trade-new .step-two .card-info.ivu-radio-wrapper-checked .detail-price-info .price-amount {
  color: #0173E5;
  font-weight: 700;
}
.quick-trade-new .step-two .card-info .detail-pay-info {
  flex-grow: 1;
  margin-left: 16px;
}
.quick-trade-new .step-two .card-info .detail-pay-info .detail-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #000000;
}
.quick-trade-new .step-two .card-info .detail-pay-info .detail-name .best-price,
.quick-trade-new .step-two .card-info .detail-pay-info .detail-name .is-used {
  margin-left: 8px;
  padding: 2px 4px;
  border-radius: 9px;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
}
.quick-trade-new .step-two .card-info .detail-pay-info .detail-name .best-price img,
.quick-trade-new .step-two .card-info .detail-pay-info .detail-name .is-used img {
  margin-right: 2px;
}
.quick-trade-new .step-two .card-info .detail-pay-info .detail-name .best-price {
  border: 0.5px solid rgba(4, 198, 147, 0.4);
  color: #00A171;
}
.quick-trade-new .step-two .card-info .detail-pay-info .detail-name .is-used {
  border: 0.5px solid rgba(250, 172, 20, 0.5);
  color: #FAAC14;
}
.quick-trade-new .step-two .card-info .detail-pay-info .warning-message {
  display: flex;
  align-items: center;
}
.quick-trade-new .step-two .card-info .detail-pay-info .warning-message.long {
  margin-top: 4px;
}
.quick-trade-new .step-two .card-info .detail-pay-info .warning-message .circle {
  margin: 8px;
  height: 3px;
  width: 3px;
  border-radius: 1.5px;
  background: #9AA5B5;
}
.quick-trade-new .step-two .card-info .detail-pay-info .warning-message .warning-text {
  font-weight: 400;
  color: #565656;
  font-size: 12px;
  line-height: 12px;
}
.quick-trade-new .step-two .card-info .detail-pay-info .detail-other-info {
  margin-top: 6px;
  font-size: 12px;
  line-height: 14px;
  flex-wrap: wrap;
}
.quick-trade-new .step-two .card-info .detail-pay-info .detail-other-info .available-label {
  color: #B5B8BB;
}
.quick-trade-new .step-two .card-info .detail-pay-info .detail-other-info .available-amount {
  color: #000000;
  font-weight: 500;
}
.quick-trade-new .step-two .card-info .detail-pay-info .detail-other-info .payment-line {
  display: flex;
  align-items: baseline;
  cursor: pointer;
  margin-right: 12px;
}
.quick-trade-new .step-two .card-info .detail-pay-info .detail-other-info .payment-line .line {
  height: 10px;
  width: 2px;
  background-color: #0173E5;
  display: inline-flex;
  flex-shrink: 0;
}
.quick-trade-new .step-two .card-info .detail-pay-info .detail-other-info .payment-line span {
  display: inline-flex;
  padding-left: 6px;
  color: #B5B8BB;
  overflow-wrap: anywhere;
}
.quick-trade-new .step-two .card-info .detail-pay-info .detail-other-info .payment-line .recommend {
  display: inline-block;
  color: #0173E5;
  background: #F0F7FD;
  border-radius: 2px;
  padding: 1px 4px;
  margin-left: 10px;
}
.quick-trade-new .step-two .card-info .detail-pay-info .detail-other-info .payment-line .recommend img {
  width: 9px;
}
.quick-trade-new .step-two .card-info .detail-price-info .price-label {
  font-size: 12px;
  line-height: 12px;
  color: #B5B8BB;
}
.quick-trade-new .step-two .card-info .detail-price-info .price-amount {
  margin: 0 4px;
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  color: #000000;
}
.quick-trade-new .step-two .card-info .detail-price-info .re-quote {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #0173E5;
}
.quick-trade-new .step-two .card-info .detail-price-info .view-all {
  font-size: 14px;
  line-height: 12px;
  color: #0173E5;
}
.quick-trade-new .step-two .no-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 580px;
  padding: 24px;
  margin-bottom: 8px;
  min-height: 344px;
  background-color: #fff;
  text-align: center;
  border-radius: 8px;
}
.quick-trade-new .step-two .no-data .no-data-title {
  font-size: 16px;
  line-height: 16px;
  color: #000000;
}
.quick-trade-new .step-two .no-data .no-data-des {
  margin-top: 8px;
  font-size: 12px;
  line-height: 14px;
  color: #B5B8BB;
}
.quick-trade-new .step-two .no-data .redirect-btn {
  display: block;
  width: auto;
  margin-top: 8px;
  padding: 11px 24px;
  line-height: 18px;
  background: #0173E5;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.quick-trade-new.isDeviceH5 .step-two {
  margin-bottom: 40px;
}
.quick-trade-new.isDeviceH5 .step-two .radio-group {
  width: 100%;
}
.quick-trade-new.isDeviceH5 .step-two .radio-group .card-info {
  width: 100%;
  height: 116px;
  display: block;
}
.quick-trade-new.isDeviceH5 .step-two .radio-group .card-info .ivu-radio {
  float: right;
  margin-top: 50px;
}
.quick-trade-new.isDeviceH5 .step-two .radio-group .card-info .detail-pay-info {
  padding-top: 22px;
  margin-left: 0;
}
.quick-trade-new.isDeviceH5 .step-two .radio-group .card-info .detail-price-info {
  margin-top: 16px;
}
.quick-trade-new.isDeviceH5 .step-two .skeleton {
  width: 100%;
}
.quick-trade-new.isDeviceH5 .step-two .skeleton .ske-rows {
  width: 100%;
}

.cvvFormTitle[data-v-107ca064] {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 24px;
}
.cvvTipBox[data-v-107ca064] {
  height: 88px;
  /* 🌞日间模式/#F1FAF9 */
  background: #F1FAF9;
  border: 1px solid #F1FAF9;
  border-radius: 2px;
  padding: 16px;
  display: flex;
}
.cvvTipBox .cvvCardImg[data-v-107ca064] {
  width: 80px;
  height: 54px;
  margin-right: 16px;
}
.cvvTipBox .cvvTipMsg[data-v-107ca064] {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  margin-top: 8px;
  color: #909090;
}
.cvvConfirmBtnContainer[data-v-107ca064] {
  display: flex;
  flex-direction: row-reverse;
}
.cvvConfirmBtnContainer .cvvConfirmBtn[data-v-107ca064] {
  width: 102px;
  left: 1194px;
  top: 785px;
  /* Normal/##00A171主题蓝色 */
  background: #00A171;
  border-radius: 4px;
  gap: 10px;
  text-align: center;
  height: 50px;
  padding: 0;
  line-height: 50px;
  font-size: 14px;
}
[data-v-107ca064] .ivu-form .ivu-form-item .ivu-form-item-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #909090;
}
.cvv-tooltip[data-v-107ca064] {
  right: 0;
  top: -22px;
  line-height: 1;
  position: absolute;
  cursor: pointer;
}
.cvv-tooltip[data-v-107ca064] .ivu-tooltip-inner {
  width: 350px;
  max-width: 350px;
  padding: 0;
  color: #1C242C;
}
.cvv-tooltip[data-v-107ca064] .ivu-tooltip-arrow {
  display: none;
}

.result-auth[data-v-c4faca24] {
  margin: 0 auto;
  text-align: center;
}
.result-auth-adjust[data-v-c4faca24] {
  min-height: 364px;
}
.agree-checkbox[data-v-c4faca24] {
  margin-left: 8px;
}
.agree-text li[data-v-c4faca24] {
  line-height: 18px;
  margin-left: 12px;
  list-style-type: none;
}
.btn-auth[data-v-c4faca24] {
  margin-top: 32px;
}
.user-address[data-v-c4faca24] {
  display: block;
}
[data-v-c4faca24] .ivu-checkbox-wrapper {
  display: flex;
}

.quick-trade-new .step-three {
  margin-left: 40px;
  width: 580px;
}
.quick-trade-new .step-three .count-down {
  margin-right: 8px;
  font-size: 14px;
  line-height: 18px;
  vertical-align: bottom;
}
.quick-trade-new .step-three .count-down-img {
  margin-right: 4px;
}
.quick-trade-new .step-three .step-content {
  min-height: 344px;
  padding: 24px;
  background: #FFFFFF;
  border-radius: 8px;
  position: relative;
}
.quick-trade-new .step-three .step-content .no-data {
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}
.quick-trade-new .step-three .step-content .no-data img {
  margin: 88px 0 24px 0;
}
.quick-trade-new .step-three .step-content .warning-tips {
  background: rgba(224, 147, 0, 0.05);
  border: 1px solid rgba(224, 147, 0, 0.3);
  box-sizing: border-box;
  padding: 12px 16px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  margin-bottom: 16px;
}
.quick-trade-new .step-three .step-content .warning-tips img {
  margin-right: 8px;
}
.quick-trade-new .step-three .step-content .btn-block {
  display: flex;
  justify-content: flex-end;
  margin-top: 40px;
}
.quick-trade-new .step-three .step-content .btn-block.hasCoupon {
  margin-top: 14px;
}
.quick-trade-new .step-three .step-content .btn-block .pay-btn {
  padding: 14px 16px;
  background: #0173E5;
  border-radius: 4px;
  color: #FFFFFF;
  text-align: center;
  cursor: pointer;
}
.quick-trade-new .step-three .step-content .btn-block .pay-btn.disabled {
  background-color: rgba(229, 235, 245, 0.7);
  color: rgba(154, 165, 181, 0.7);
  cursor: not-allowed;
  border-color: rgba(229, 235, 245, 0.7);
}
.quick-trade-new .step-three .step-content .btn-block .pay-btn.disabled:hover {
  opacity: 1;
}
.quick-trade-new .step-three .step-content .btn-block .pay-btn .label-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}
.quick-trade-new .step-three .step-content .btn-block .pay-btn .label-text.discount {
  color: #9aa5b5;
  text-decoration: line-through;
}
.quick-trade-new .step-three .step-content .btn-block .pay-btn .amount {
  font-weight: 700;
  font-size: 24px;
  line-height: 18px;
}
.quick-trade-new .step-three .step-content .btn-block .pay-btn:hover {
  opacity: 0.7;
}
.quick-trade-new .step-three .step-content .title {
  font-size: 16px;
  line-height: 16px;
  color: #000000;
  margin-bottom: 24px;
}
.quick-trade-new .step-three .step-content .balance-pay .available-total {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 19px;
}
.quick-trade-new .step-three .step-content .balance-pay .available-total .label-text {
  font-weight: 500;
  color: #565656;
}
.quick-trade-new .step-three .step-content .balance-pay .available-total .label-text.dashed {
  text-decoration-line: underline;
  text-decoration-style: dashed;
  text-underline-offset: 3px;
}
.quick-trade-new .step-three .step-content .balance-pay .available-total .amount {
  margin-left: 12px;
  font-weight: 700;
  color: #000000;
}
.quick-trade-new .step-three .step-content .balance-pay .available-total .fiat {
  font-weight: 500;
  color: #B5B8BB;
}
.quick-trade-new .step-three .step-content .balance-pay .available-info {
  padding: 24px;
  background: #F9F9F9;
  border-radius: 4px;
}
.quick-trade-new .step-three .step-content .balance-pay .available-info .info-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.quick-trade-new .step-three .step-content .balance-pay .available-info .info-detail:last-child {
  margin-top: 24px;
}
.quick-trade-new .step-three .step-content .balance-pay .available-info .info-detail .label-text {
  font-size: 14px;
  line-height: 14px;
  color: #565656;
}
.quick-trade-new .step-three .step-content .balance-pay .available-info .info-detail .amount {
  font-weight: 700;
  font-size: 16px;
  line-height: 14px;
  color: #000000;
}
.quick-trade-new .step-three .step-content .balance-pay .available-info .info-detail .fiat {
  font-weight: 700;
  font-size: 16px;
  line-height: 14px;
  color: #B5B8BB;
}
.quick-trade-new .step-three .step-content .balance-pay .add-card {
  cursor: pointer;
  margin-left: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #0173E5;
}
.quick-trade-new .step-three .step-content .third-pay .warning-tips {
  font-weight: 400;
}
.quick-trade-new .step-three .step-content .third-pay .pay-checkbox {
  margin-top: 24px;
}
.quick-trade-new .step-three .step-content .p2p-pay .coupon-use {
  margin-top: 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #565656;
}
.quick-trade-new .step-three .step-content .p2p-pay .coupon-use .coupon-use-info {
  display: flex;
  align-items: center;
  justify-content: end;
}
.quick-trade-new .step-three .step-content .p2p-pay .coupon-use .coupon-use-info .available-coupon {
  margin-right: 5px;
}
.quick-trade-new .step-three .step-content .p2p-pay .coupon-use .coupon-use-info .go-use {
  margin-left: 4px;
}
.quick-trade-new .step-three .step-content .iframe-third-pay {
  width: 100%;
  height: 344px;
}
.quick-trade-new .step-three .step-content .server-tip {
  position: absolute;
  right: 0;
  bottom: -32px;
  margin-top: 16px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #B5B8BB;
}
.quick-trade-new .step-three .payment-radio-info {
  width: 532px;
  height: 52px;
  padding: 0 24px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(36, 131, 255, 0.04);
  border-radius: 8px;
}
.quick-trade-new .step-three .payment-radio-info.large {
  height: 65px;
}
.quick-trade-new .step-three .payment-radio-info.ivu-radio-wrapper-checked,
.quick-trade-new .step-three .payment-radio-info:hover {
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(1, 115, 229, 0.4);
}
.quick-trade-new .step-three .payment-radio-info:hover .payment-price-info .price-amount {
  color: #000000;
}
.quick-trade-new .step-three .payment-radio-info.ivu-radio-wrapper-checked .payment-price-info .price-amount {
  color: #0173E5;
  font-weight: 700;
}
.quick-trade-new .step-three .payment-radio-info.ivu-radio-wrapper-disabled {
  background: #F8FAFD;
}
.quick-trade-new .step-three .payment-radio-info:last-child {
  margin-bottom: 0;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail {
  flex-grow: 1;
  margin-left: 16px;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .payment-info-line {
  display: flex;
  align-items: baseline;
  cursor: pointer;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .payment-info-line .line {
  height: 10px;
  width: 2px;
  background-color: #0173E5;
  display: inline-flex;
  flex-shrink: 0;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .payment-info-line span {
  display: inline-flex;
  padding-left: 6px;
  color: #000000;
  overflow-wrap: anywhere;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .best-price,
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .is-used,
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .new-card {
  margin-left: 4px;
  padding: 2px 4px;
  border-radius: 9px;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .best-price img,
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .is-used img,
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .new-card img {
  margin-right: 2px;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .best-price {
  border: 0.5px solid rgba(4, 198, 147, 0.4);
  color: #00A171;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .recommend {
  border: 0.5px solid #0173E5;
  color: #0173E5;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .is-used {
  border: 0.5px solid rgba(250, 172, 20, 0.5);
  color: #FAAC14;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .card-number {
  margin-top: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  color: #B5B8BB;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .new-card {
  border: 0.5px solid rgba(1, 115, 229, 0.4);
  color: #0173E5;
}
.quick-trade-new .step-three .payment-radio-info .payment-price-info .price-label,
.quick-trade-new .step-three .payment-radio-info .payment-price-info .fee-label {
  font-size: 12px;
  line-height: 12px;
  color: #B5B8BB;
}
.quick-trade-new .step-three .payment-radio-info .payment-price-info .fee-label {
  margin-top: 4px;
  text-align: right;
}
.quick-trade-new .step-three .payment-radio-info .payment-price-info .price-amount {
  margin: 0 4px;
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  color: #000000;
}
.quick-trade-new .step-three .radio-group {
  padding: 1px;
  max-height: 240px;
  overflow-y: auto;
}
.quick-trade-sucess-info .icon-timeout {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9Ijc1IiBjeT0iNzUiIHI9Ijc1IiBmaWxsPSIjRkFFQkREIi8+CjxyZWN0IHg9IjczIiB5PSIxOSIgd2lkdGg9IjQiIGhlaWdodD0iMTEiIHJ4PSIyIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxyZWN0IHg9IjY2IiB5PSIxNSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjYiIHJ4PSIzIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXIpIi8+CjxyZWN0IHg9IjExNi42IiB5PSIzOC41MDI5IiB3aWR0aD0iMy4yODQxIiBoZWlnaHQ9IjkuMDMxMjciIHJ4PSIxLjY0MjA1IiB0cmFuc2Zvcm09InJvdGF0ZSg0OS41MDE2IDExNi42IDM4LjUwMjkpIiBmaWxsPSJ1cmwoI3BhaW50Ml9saW5lYXIpIi8+CjxyZWN0IHg9IjExNi43NDYiIHk9IjM0IiB3aWR0aD0iOS41OTE5IiBoZWlnaHQ9IjQuOTI2MTUiIHJ4PSIyLjQ2MzA3IiB0cmFuc2Zvcm09InJvdGF0ZSg0OS41MDE2IDExNi43NDYgMzQpIiBmaWxsPSJ1cmwoI3BhaW50M19saW5lYXIpIi8+CjxjaXJjbGUgY3g9Ijc0Ljk5OTkiIGN5PSI3NS4wMDAxIiByPSI1MC4yNjY3IiBmaWxsPSJ1cmwoI3BhaW50NF9saW5lYXIpIi8+CjxjaXJjbGUgY3g9Ijc1LjAwMDEiIGN5PSI3NSIgcj0iMzkiIGZpbGw9IiNGMjk5NEEiLz4KPHBhdGggZD0iTTc0Ljk5OTggNzUuODY2OFYzOS40NjY4Qzg4LjI3NiA0MS4xMDI4IDk0LjI4OTMgNDQuMjExMSAxMDEuMTYyIDUxLjczNjVDMTA5IDU5LjUwMDEgMTE4IDg0LjAwMDEgOTYuOTk5OCAxMDJMNzQuOTk5OCA3NS44NjY4WiIgZmlsbD0iI0ZDQzE4RCIvPgo8Y2lyY2xlIGN4PSI3NSIgY3k9Ijc1LjAwMDIiIHI9IjM0LjY2NjciIGZpbGw9IiNGMjk5NEEiIGZpbGwtb3BhY2l0eT0iMC40IiBzdHJva2U9IiNGQ0MxOEQiIHN0cm9rZS13aWR0aD0iMi42Ii8+CjxjaXJjbGUgY3g9Ijc0Ljk5OTkiIGN5PSIxMDkuNjY3IiByPSIxLjczMzMzIiBmaWxsPSJ3aGl0ZSIvPgo8Y2lyY2xlIGN4PSI3NC45OTk5IiBjeT0iNDAuMzMzNCIgcj0iMS43MzMzMyIgZmlsbD0id2hpdGUiLz4KPGNpcmNsZSBjeD0iMTA5LjY2NyIgY3k9Ijc0Ljk5OTkiIHI9IjEuNzMzMzMiIGZpbGw9IndoaXRlIi8+CjxjaXJjbGUgY3g9IjQwLjMzMzMiIGN5PSI3NC45OTk5IiByPSIxLjczMzMzIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNzUuNDk5MiA3Mi4yNjY1VjU5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMuMzMyMjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNzcuMDgxNSA3Ny4yNjQ5TDkyLjg2MjggOTYuOTI1MSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjY2NjEyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPGNpcmNsZSBjeD0iNzUuNDk5MiIgY3k9Ijc0Ljc2NTgiIHI9IjIuNDk5MTgiIGZpbGw9IiNGMjk5NEEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC45MTYzNjUiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9IjcwLjQyODMiIHkxPSIxMi43NjEyIiB4Mj0iNzcuNjY0OCIgeTI9IjMxLjYyOTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0YyOTk0QSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkRDREMiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyIiB4MT0iNTQuNDI3MyIgeTE9IjExLjU5NyIgeDI9IjU0Ljk3NDkiIHkyPSIyMy4zNzczIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGMjk5NEEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkZEQ0RDIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhciIgeDE9IjExNC40ODgiIHkxPSIzMy4zODA3IiB4Mj0iMTIwLjQzIiB5Mj0iNDguODcyMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjI5OTRBIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGRENEQyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50M19saW5lYXIiIHgxPSIxMTAuNTc5IiB5MT0iMzEuMjA2MSIgeDI9IjExMS4yNyIgeTI9IjQwLjg0OTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0YyOTk0QSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkRDREMiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDRfbGluZWFyIiB4MT0iLTM5LjkwMjQiIHkxPSItMzIuMjg1NSIgeDI9Ii0xMi44NDEyIiB5Mj0iMTYxLjc1MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjI5OTRBIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGRENEQyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat;
  width: 150px;
  height: 150px;
}
.quick-trade-sucess-info .mt-18 {
  margin-top: 18px;
}
.quick-trade-info {
  padding: 0 40px;
}
.quick-trade-info .default-bg {
  min-width: 240px;
}
.quick-trade-info .exchange {
  margin-right: 8px;
  margin-left: 8px;
}
.quick-trade-info .list {
  margin-bottom: 24px;
}
.quick-trade-info .list label {
  max-width: 38%;
}
.quick-trade-info .list span {
  text-align: right;
  max-width: 57%;
}
.quick-trade-info .nickname-title {
  padding: 18px 0;
}
.quick-trade-info .ml-8 {
  margin-left: 8px;
}
.quick-trade-info .mt-24 {
  margin-top: 24px;
}
.quick-trade-info .mt-10 {
  margin-top: 10px;
}
.quick-trade-info .select-label {
  line-height: 14px;
  margin-bottom: 8px;
}
.quick-trade-info .pay-info {
  padding-top: 24px;
}
.quick-trade-info .pay-info.buy-info {
  border-bottom: 1px solid #e6ecf2;
  padding-bottom: 24px;
}
.quick-trade-info .pay-info .approx {
  margin-top: 12px;
  text-align: right;
  font-size: 12px;
  line-height: 12px;
}
.quick-trade-info .pay-info .pay-info-text {
  line-height: 14px;
  color: #565656;
}
.quick-trade-info .pay-info-third-party {
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 14px;
}
.quick-trade-info .pay-info-third-party > * {
  margin-left: 4px;
  margin-right: 4px;
}
.quick-trade-info .pay-info-third-party > p {
  color: #565656;
}
.quick-trade-info .pay-info-third-party > i {
  color: #B5B8BB;
  margin-left: 10px;
}
.quick-trade-info .pay-info-third-party:hover {
  cursor: pointer;
}
.quick-trade-info .pay-info-third-party:hover > p,
.quick-trade-info .pay-info-third-party:hover > i {
  color: #0173E5;
}
.quick-trade-info .pay-loading {
  height: 32px;
  background: #f6f8fb;
}
.quick-trade-info .pay-loading-normal {
  background: white;
}
.quick-trade-info .empty-box {
  height: 192px;
}
.quick-trade-info .check-space {
  margin-left: 6px;
}
.quick-trade-info .pass {
  font-size: 72px;
  height: 72px;
  width: 72px;
  overflow: hidden;
}
.quick-trade-info .pass.m-pass {
  font-size: 50px;
  height: 50px;
  width: 50px;
}
.quick-trade-info .mt-14 {
  margin-top: 14px;
}
.quick-trade-info .mb-24 {
  margin-bottom: 24px;
}
.quick-trade-info .mb-32 {
  margin-bottom: 32px;
}
.quick-trade-info .icons-top {
  padding-top: 24px;
}
.quick-trade-info .pay-info-wrapper {
  padding: 16px;
  border-radius: 4px;
  background: rgba(242, 244, 247, 0.5);
}
.quick-trade-info .pay-info-item {
  line-height: 1;
}
.quick-trade-info .pay-info-item span:first-child {
  max-width: 38%;
}
.quick-trade-info .pay-info-item span:last-child {
  text-align: right;
  max-width: 57%;
}
.quick-trade-info .get-total {
  padding-top: 24px;
  line-height: 1;
}
.quick-trade-info .get-total.sell-total {
  padding-top: 0;
}
.quick-trade-info .get-total i {
  vertical-align: middle;
}
.quick-trade-info .get-total .total {
  font-size: 20px;
  font-weight: 700;
}
.quick-trade-info .line-through {
  text-decoration: line-through;
}
.quick-trade-info .bottom-line {
  border-bottom: 1px dashed #565656;
}
.quick-trade-info .jump-btn {
  padding: 0 16px;
  border-radius: 2px;
  outline: none;
  background-color: #0173E5;
  color: #ffffff;
  border-style: none;
  width: 100%;
  display: inline-block;
  height: 48px;
  line-height: 48px;
}
.quick-trade-info .jump-btn.verify-btn {
  margin-top: 72px;
}
.quick-trade-info .jump-btn.jump-asset {
  margin-top: 27px;
}
.quick-trade-info .jump-btn.banxa-jump-asset {
  margin-top: 70px;
}
.quick-trade-info .pay-button {
  margin-top: 32px;
}
.quick-trade-info .show-safe-bottom {
  margin-bottom: 90px;
}
.quick-trade-info .ivu-tooltip-inner {
  white-space: normal;
  word-break: normal;
  word-wrap: break-word;
}
.quick-trade-info .add-payment {
  height: 48px;
  border: 1px dashed #dfe2e7;
  border-radius: 2px;
  color: #0173E5;
  transition: all 0.2s ease-in-out;
  background-color: rgba(242, 246, 250, 0.2);
}
.quick-trade-info .add-payment:hover {
  border-color: #0173E5;
}
.quick-trade-info .add-payment .ml-8 {
  margin-left: 8px;
}
.quick-trade-info .pay-tips {
  background-color: rgba(1, 115, 229, 0.05);
  border: 1px solid rgba(1, 115, 229, 0.3);
  border-radius: 4px;
  padding: 11px 16px;
}
.quick-trade-info .pay-tips i {
  color: #0173E5;
  margin-right: 8px;
  margin-top: 2px;
}
.quick-trade-info .pay-tips span {
  font-size: 12px;
  line-height: 18px;
}
.quick-trade-info .pay-info-select .ivu-select-selection {
  height: 48px;
  border-radius: 2px;
}
.quick-trade-info .pay-info-select .ivu-select-selection .ivu-select-selected-value {
  height: 46px !important;
  line-height: 46px !important;
  padding-left: 16px;
}
.quick-trade-info .pay-info-label {
  display: inline-block;
  max-width: 176px;
  overflow-wrap: anywhere;
}
.quick-trade-info .pay-receive-label {
  max-width: 176px !important;
  line-height: 22px !important;
  overflow-wrap: anywhere;
}
.quick-trade-info .icon-arrow-color {
  color: #8C9FAD;
}
.quick-trade-info .icon-expend-90 {
  transform: rotate(90deg);
}
.quick-trade-info .icon-expend-180 {
  transform: rotate(180deg);
}
.quick-trade-info .icon-expend-270 {
  transform: rotate(270deg);
}
.quick-trade-info .transfer-info {
  padding: 24px 0 16px 0;
  border-bottom: 1px dashed #e6ecf2;
}
.quick-trade-info .transfer-tips {
  padding-top: 16px;
}
.quick-trade-info .transfer-tips .font-green {
  margin-top: 8px;
  font-size: 20px;
}
.quick-trade-info .transfer-button {
  margin-top: 153px;
}
.quick-trade-info .safe-qr-bg {
  background-color: #f2f6fa;
  width: 100%;
  padding: 32px 0;
  margin-bottom: 32px;
}
.quick-trade-info .safe-qr-bg .qr-code-box {
  margin-bottom: 16px;
}
.quick-trade-info .m-progress {
  display: none;
  margin-top: 24px;
  margin-bottom: 48px;
}
.quick-trade-info .m-setp-item {
  padding-bottom: 16px;
  position: relative;
}
.quick-trade-info .m-setp-item.last-item {
  padding-bottom: 0;
}
.quick-trade-info .m-setp {
  width: 24px;
}
.quick-trade-info .m-line {
  position: absolute;
  color: #0173E5;
  border-color: #0173E5;
  background-color: #0173E5;
  width: 2px;
  top: 0;
  bottom: 0;
  left: 11px;
}
.quick-trade-info .m-circle {
  width: 24px;
  height: 24px;
  font-size: 12px;
  color: #0173E5;
  border-radius: 50%;
  border: 2px solid #0173E5;
  position: relative;
  justify-content: center;
  display: flex;
  align-items: center;
  background-color: #ffffff;
}
.quick-trade-info .m-setp-text {
  color: #0173E5;
  padding-left: 8px;
}
.quick-trade-info .claimer-content {
  margin-top: 24px;
  overflow: auto;
}
.quick-trade-info .claimer-content .text {
  padding-bottom: 24px;
  border-bottom: 1px solid #e6ecf2;
}
.quick-trade-info .claimer-content .info {
  padding-top: 24px;
}
.quick-trade-info .claimer-button {
  width: 100%;
  margin-top: 32px;
}
.quick-trade-info .password-input .ivu-input {
  height: 40px;
  border-radius: 2px;
}
.quick-trade-info .payment-date {
  margin-top: 16px;
  margin-bottom: 24px;
  padding: 5px 14px;
  border-radius: 16px;
  background-color: rgba(1, 115, 229, 0.05);
}
.quick-trade-info .result-info {
  width: 300px;
  margin: 0 auto;
  text-align: center;
}
.quick-trade-info .result-text {
  width: 300px;
  margin: 0 auto;
  text-align: center;
}
.quick-trade-info .banxa-message {
  color: #8A98A7;
}
.quick-trade-info .banxa-message .banxa-complete {
  margin-top: 41px;
}
.quick-trade-info .banxa-success {
  background: rgba(53, 124, 225, 0.05);
  border-radius: 16px;
  width: 278px;
  height: 32px;
  margin-top: 21px;
}
.quick-trade-info .banxa-success .clock-icon {
  height: 14px;
  width: 14px;
  line-height: 14px;
  margin-top: 9px;
  margin-bottom: 9px;
  margin-left: 14px;
  color: #000000;
}
.quick-trade-info .banxa-success .clock-message {
  font-size: 14px;
  line-height: 22px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 13px;
  color: #5D6C7D;
  width: 100%;
}
.quick-trade-info .banxa-fail {
  width: 330px;
}
.quick-trade-info .nick-form {
  margin-bottom: 74px;
}
.quick-trade-info .ivu-form-item-error-tip {
  position: relative;
}
.quick-trade-info .ivu-form-item-label {
  line-height: 12px;
  color: #565656;
  display: inline-block;
  padding: 0;
  padding-bottom: 8px !important;
}
.quick-trade-info .ivu-form-item-label:before {
  content: '' !important;
}
.quick-trade-info .ivu-select-selection {
  height: 40px !important;
  border-radius: 2px;
}
.quick-trade-info .pay-coupon .ivu-select-selection {
  height: 40px !important;
  border-radius: 2px;
}
.quick-trade-info .pay-coupon5 .ivu-select-selection {
  height: 22px !important;
  border-radius: 2px;
}
.quick-trade-info .ivu-select-input,
.quick-trade-info .ivu-select-selected-value,
.quick-trade-info .ivu-select-placeholder {
  height: 40px !important;
  line-height: 40px !important;
}
.quick-trade-info .ivu-input {
  height: 40px;
  border-radius: 2px;
  font-size: 14px;
}
.quick-trade-info .ivu-input-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: rgba(181, 184, 187, 0.5);
  cursor: pointer;
}
.quick-trade-info .full-width {
  width: 100%;
}
.quick-trade-info .expired span {
  color: #B5B8BB;
  font-size: 12px;
  line-height: 12px;
  padding: 2px 4px;
  border: 0.5px solid #B5B8BB;
  border-radius: 3px;
}
.quick-trade-info .latest span {
  color: #0173E5;
  font-size: 12px;
  line-height: 12px;
  padding: 2px 4px;
  border: 0.5px solid #0173E5;
  border-radius: 3px;
}
.quick-trade-info .quick-loading {
  margin-top: 75px;
  text-align: center;
}
.quick-trade-info .quick-loading p {
  margin: 0 auto;
  margin-top: 24px;
  line-height: 28px;
}
.quick-trade-info .mt-16 {
  margin-top: 16px;
}
.quick-trade-info .mt-40 {
  margin-top: 40px;
}
.quick-trade-info .mt-100 {
  margin-top: 100px;
}
.quick-trade-info .mt-32 {
  margin-top: 32px;
}
.quick-trade-info .id-wrap {
  background-color: rgba(1, 115, 229, 0.05);
  border-radius: 6px;
}
.quick-trade-info .address-wrap {
  background-color: rgba(1, 115, 229, 0.05);
  border-radius: 6px;
  border: 1px solid #dfe2e7;
}
.quick-trade-info .text-item {
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
  white-space: normal;
  word-break: break-all;
}
.quick-trade-info .jumio-poptip {
  display: block;
  margin-top: 14px;
}
.quick-trade-info .jumio-poptip .ivu-poptip-popper {
  max-width: 280px;
}
.quick-trade-info .jumio-poptip .ivu-poptip-popper .ivu-poptip-body {
  padding: 12px 16px;
}
.quick-trade-info .banxa-frame-wrapper {
  min-width: 465px;
  min-height: 626px;
}
.quick-trade-info iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.quick-trade-info .accept-agreement .accept-agreement-content {
  margin-top: 24px;
  max-height: 304px;
  overflow-y: auto;
}
.quick-trade-info .accept-agreement .accept-agreement-content .title-block {
  flex: 0 0 auto;
  padding: 11px 16px;
  background-color: rgba(1, 115, 229, 0.05);
  border: 1px solid rgba(1, 115, 229, 0.3);
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.quick-trade-info .accept-agreement .accept-agreement-content .title-block .iconfont {
  margin-right: 8px;
  color: #0173E5;
  line-height: 1;
}
.quick-trade-info .accept-agreement-body {
  margin-top: 24px;
  color: #565656;
  font-size: 14px;
  line-height: 22px;
}
.quick-trade-info .accept-agreement-button {
  margin-top: 32px;
}
.quick-trade-info .accept-agreement table {
  width: 100%;
  margin: 24px 0;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border-radius: 2px 2px 0 0;
  overflow: hidden;
}
.quick-trade-info .accept-agreement table td,
.quick-trade-info .accept-agreement table th {
  padding: 17px 10px 17px 24px;
  text-align: left;
  color: #1C242C;
}
.quick-trade-info .accept-agreement table td:first-child,
.quick-trade-info .accept-agreement table th:first-child {
  white-space: nowrap;
}
.quick-trade-info .accept-agreement table th {
  background-color: rgba(13, 168, 139, 0.1);
  color: #B5B8BB;
  font-weight: 500;
  line-height: 1;
}
.quick-trade-info .accept-agreement table th + th,
.quick-trade-info .accept-agreement table td + td {
  border-left: 2px solid #fff;
}
.quick-trade-info .accept-agreement table tbody tr {
  background-color: #fff;
}
.quick-trade-info .accept-agreement table tbody tr:nth-child(2n+1) {
  background-color: rgba(242, 246, 250, 0.3);
}
.quick-trade-info .auto-image {
  width: 75px;
  height: 75px;
}
.quick-trade-sucess-info {
  min-height: auto;
}
.quick-trade-sucess-info .result-text {
  width: 280px;
}
.quick-trade-sucess-info .result-btn {
  position: relative;
  margin-top: 32px;
}
.quick-trade-sucess-info .mobile-font {
  font-size: 12px!important;
}
.quick-trade-sucess-info.mobile-result {
  min-height: 260px;
}
.quick-pay-info .info-outer {
  min-height: 388px;
}
.jumio-auth-wrapper .jumio-auth {
  width: 300px;
  margin: 0 auto;
  text-align: center;
}
.jumio-auth-wrapper .jumio-auth-btn {
  margin-top: 32px;
}
.common-bottom-flag {
  margin-top: 24px;
  background-color: transparent;
  color: #B5B8BB;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
  font-size: 12px;
}
.quick-trade-new.isDeviceH5 .step-three {
  margin-left: 0;
  margin-bottom: 40px;
  width: 100%;
}
.quick-trade-new.isDeviceH5 .step-three .radio-group {
  max-height: initial;
  overflow-y: inherit;
  width: 100%;
}
.quick-trade-new.isDeviceH5 .step-three .radio-group .payment-radio-info {
  width: 100%;
  height: 76px;
  display: block;
}
.quick-trade-new.isDeviceH5 .step-three .radio-group .payment-radio-info.large {
  height: 110px;
}
.quick-trade-new.isDeviceH5 .step-three .radio-group .payment-radio-info.large .ivu-radio {
  margin-top: 50px;
}
.quick-trade-new.isDeviceH5 .step-three .radio-group .payment-radio-info .ivu-radio {
  float: right;
  margin-top: 32px;
}
.quick-trade-new.isDeviceH5 .step-three .radio-group .payment-radio-info .payment-info-detail {
  padding-top: 16px;
  margin-left: 0;
}
.quick-trade-new.isDeviceH5 .step-three .radio-group .payment-radio-info .payment-price-info {
  margin-top: 8px;
}
.quick-trade-new.isDeviceH5 .step-three .radio-group .payment-radio-info .payment-price-info .fee-label {
  text-align: left;
}

.astro-title[data-v-3cf32b3a] {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #1c242c;
  margin-bottom: 20px;
}
.astro-title span[data-v-3cf32b3a] {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #E94359 !important;
  margin-left: 6px;
}

.quick-trade-new .step-three {
  margin-left: 40px;
  width: 580px;
}
.quick-trade-new .step-three .count-down {
  margin-right: 8px;
  font-size: 14px;
  line-height: 18px;
  vertical-align: bottom;
}
.quick-trade-new .step-three .count-down-img {
  margin-right: 4px;
}
.quick-trade-new .step-three .step-content {
  min-height: 344px;
  padding: 24px;
  background: #FFFFFF;
  border-radius: 8px;
  position: relative;
}
.quick-trade-new .step-three .step-content .no-data {
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}
.quick-trade-new .step-three .step-content .no-data img {
  margin: 88px 0 24px 0;
}
.quick-trade-new .step-three .step-content .warning-tips {
  background: rgba(224, 147, 0, 0.05);
  border: 1px solid rgba(224, 147, 0, 0.3);
  box-sizing: border-box;
  padding: 12px 16px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  margin-bottom: 16px;
}
.quick-trade-new .step-three .step-content .warning-tips img {
  margin-right: 8px;
}
.quick-trade-new .step-three .step-content .btn-block {
  display: flex;
  justify-content: flex-end;
  margin-top: 40px;
}
.quick-trade-new .step-three .step-content .btn-block.hasCoupon {
  margin-top: 14px;
}
.quick-trade-new .step-three .step-content .btn-block .pay-btn {
  padding: 14px 16px;
  background: #0173E5;
  border-radius: 4px;
  color: #FFFFFF;
  text-align: center;
  cursor: pointer;
}
.quick-trade-new .step-three .step-content .btn-block .pay-btn.disabled {
  background-color: rgba(229, 235, 245, 0.7);
  color: rgba(154, 165, 181, 0.7);
  cursor: not-allowed;
  border-color: rgba(229, 235, 245, 0.7);
}
.quick-trade-new .step-three .step-content .btn-block .pay-btn.disabled:hover {
  opacity: 1;
}
.quick-trade-new .step-three .step-content .btn-block .pay-btn .label-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}
.quick-trade-new .step-three .step-content .btn-block .pay-btn .label-text.discount {
  color: #9aa5b5;
  text-decoration: line-through;
}
.quick-trade-new .step-three .step-content .btn-block .pay-btn .amount {
  font-weight: 700;
  font-size: 24px;
  line-height: 18px;
}
.quick-trade-new .step-three .step-content .btn-block .pay-btn:hover {
  opacity: 0.7;
}
.quick-trade-new .step-three .step-content .title {
  font-size: 16px;
  line-height: 16px;
  color: #000000;
  margin-bottom: 24px;
}
.quick-trade-new .step-three .step-content .balance-pay .available-total {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 19px;
}
.quick-trade-new .step-three .step-content .balance-pay .available-total .label-text {
  font-weight: 500;
  color: #565656;
}
.quick-trade-new .step-three .step-content .balance-pay .available-total .label-text.dashed {
  text-decoration-line: underline;
  text-decoration-style: dashed;
  text-underline-offset: 3px;
}
.quick-trade-new .step-three .step-content .balance-pay .available-total .amount {
  margin-left: 12px;
  font-weight: 700;
  color: #000000;
}
.quick-trade-new .step-three .step-content .balance-pay .available-total .fiat {
  font-weight: 500;
  color: #B5B8BB;
}
.quick-trade-new .step-three .step-content .balance-pay .available-info {
  padding: 24px;
  background: #F9F9F9;
  border-radius: 4px;
}
.quick-trade-new .step-three .step-content .balance-pay .available-info .info-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.quick-trade-new .step-three .step-content .balance-pay .available-info .info-detail:last-child {
  margin-top: 24px;
}
.quick-trade-new .step-three .step-content .balance-pay .available-info .info-detail .label-text {
  font-size: 14px;
  line-height: 14px;
  color: #565656;
}
.quick-trade-new .step-three .step-content .balance-pay .available-info .info-detail .amount {
  font-weight: 700;
  font-size: 16px;
  line-height: 14px;
  color: #000000;
}
.quick-trade-new .step-three .step-content .balance-pay .available-info .info-detail .fiat {
  font-weight: 700;
  font-size: 16px;
  line-height: 14px;
  color: #B5B8BB;
}
.quick-trade-new .step-three .step-content .balance-pay .add-card {
  cursor: pointer;
  margin-left: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #0173E5;
}
.quick-trade-new .step-three .step-content .third-pay .warning-tips {
  font-weight: 400;
}
.quick-trade-new .step-three .step-content .third-pay .pay-checkbox {
  margin-top: 24px;
}
.quick-trade-new .step-three .step-content .p2p-pay .coupon-use {
  margin-top: 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #565656;
}
.quick-trade-new .step-three .step-content .p2p-pay .coupon-use .coupon-use-info {
  display: flex;
  align-items: center;
  justify-content: end;
}
.quick-trade-new .step-three .step-content .p2p-pay .coupon-use .coupon-use-info .available-coupon {
  margin-right: 5px;
}
.quick-trade-new .step-three .step-content .p2p-pay .coupon-use .coupon-use-info .go-use {
  margin-left: 4px;
}
.quick-trade-new .step-three .step-content .iframe-third-pay {
  width: 100%;
  height: 344px;
}
.quick-trade-new .step-three .step-content .server-tip {
  position: absolute;
  right: 0;
  bottom: -32px;
  margin-top: 16px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #B5B8BB;
}
.quick-trade-new .step-three .payment-radio-info {
  width: 532px;
  height: 52px;
  padding: 0 24px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(36, 131, 255, 0.04);
  border-radius: 8px;
}
.quick-trade-new .step-three .payment-radio-info.large {
  height: 65px;
}
.quick-trade-new .step-three .payment-radio-info.ivu-radio-wrapper-checked,
.quick-trade-new .step-three .payment-radio-info:hover {
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(1, 115, 229, 0.4);
}
.quick-trade-new .step-three .payment-radio-info:hover .payment-price-info .price-amount {
  color: #000000;
}
.quick-trade-new .step-three .payment-radio-info.ivu-radio-wrapper-checked .payment-price-info .price-amount {
  color: #0173E5;
  font-weight: 700;
}
.quick-trade-new .step-three .payment-radio-info.ivu-radio-wrapper-disabled {
  background: #F8FAFD;
}
.quick-trade-new .step-three .payment-radio-info:last-child {
  margin-bottom: 0;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail {
  flex-grow: 1;
  margin-left: 16px;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .payment-info-line {
  display: flex;
  align-items: baseline;
  cursor: pointer;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .payment-info-line .line {
  height: 10px;
  width: 2px;
  background-color: #0173E5;
  display: inline-flex;
  flex-shrink: 0;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .payment-info-line span {
  display: inline-flex;
  padding-left: 6px;
  color: #000000;
  overflow-wrap: anywhere;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .best-price,
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .is-used,
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .new-card {
  margin-left: 4px;
  padding: 2px 4px;
  border-radius: 9px;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .best-price img,
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .is-used img,
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .new-card img {
  margin-right: 2px;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .best-price {
  border: 0.5px solid rgba(4, 198, 147, 0.4);
  color: #00A171;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .recommend {
  border: 0.5px solid #0173E5;
  color: #0173E5;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .is-used {
  border: 0.5px solid rgba(250, 172, 20, 0.5);
  color: #FAAC14;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .card-number {
  margin-top: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  color: #B5B8BB;
}
.quick-trade-new .step-three .payment-radio-info .payment-info-detail .new-card {
  border: 0.5px solid rgba(1, 115, 229, 0.4);
  color: #0173E5;
}
.quick-trade-new .step-three .payment-radio-info .payment-price-info .price-label,
.quick-trade-new .step-three .payment-radio-info .payment-price-info .fee-label {
  font-size: 12px;
  line-height: 12px;
  color: #B5B8BB;
}
.quick-trade-new .step-three .payment-radio-info .payment-price-info .fee-label {
  margin-top: 4px;
  text-align: right;
}
.quick-trade-new .step-three .payment-radio-info .payment-price-info .price-amount {
  margin: 0 4px;
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  color: #000000;
}
.quick-trade-new .step-three .radio-group {
  padding: 1px;
  max-height: 240px;
  overflow-y: auto;
}
.quick-trade-sucess-info .icon-timeout {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9Ijc1IiBjeT0iNzUiIHI9Ijc1IiBmaWxsPSIjRkFFQkREIi8+CjxyZWN0IHg9IjczIiB5PSIxOSIgd2lkdGg9IjQiIGhlaWdodD0iMTEiIHJ4PSIyIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxyZWN0IHg9IjY2IiB5PSIxNSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjYiIHJ4PSIzIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXIpIi8+CjxyZWN0IHg9IjExNi42IiB5PSIzOC41MDI5IiB3aWR0aD0iMy4yODQxIiBoZWlnaHQ9IjkuMDMxMjciIHJ4PSIxLjY0MjA1IiB0cmFuc2Zvcm09InJvdGF0ZSg0OS41MDE2IDExNi42IDM4LjUwMjkpIiBmaWxsPSJ1cmwoI3BhaW50Ml9saW5lYXIpIi8+CjxyZWN0IHg9IjExNi43NDYiIHk9IjM0IiB3aWR0aD0iOS41OTE5IiBoZWlnaHQ9IjQuOTI2MTUiIHJ4PSIyLjQ2MzA3IiB0cmFuc2Zvcm09InJvdGF0ZSg0OS41MDE2IDExNi43NDYgMzQpIiBmaWxsPSJ1cmwoI3BhaW50M19saW5lYXIpIi8+CjxjaXJjbGUgY3g9Ijc0Ljk5OTkiIGN5PSI3NS4wMDAxIiByPSI1MC4yNjY3IiBmaWxsPSJ1cmwoI3BhaW50NF9saW5lYXIpIi8+CjxjaXJjbGUgY3g9Ijc1LjAwMDEiIGN5PSI3NSIgcj0iMzkiIGZpbGw9IiNGMjk5NEEiLz4KPHBhdGggZD0iTTc0Ljk5OTggNzUuODY2OFYzOS40NjY4Qzg4LjI3NiA0MS4xMDI4IDk0LjI4OTMgNDQuMjExMSAxMDEuMTYyIDUxLjczNjVDMTA5IDU5LjUwMDEgMTE4IDg0LjAwMDEgOTYuOTk5OCAxMDJMNzQuOTk5OCA3NS44NjY4WiIgZmlsbD0iI0ZDQzE4RCIvPgo8Y2lyY2xlIGN4PSI3NSIgY3k9Ijc1LjAwMDIiIHI9IjM0LjY2NjciIGZpbGw9IiNGMjk5NEEiIGZpbGwtb3BhY2l0eT0iMC40IiBzdHJva2U9IiNGQ0MxOEQiIHN0cm9rZS13aWR0aD0iMi42Ii8+CjxjaXJjbGUgY3g9Ijc0Ljk5OTkiIGN5PSIxMDkuNjY3IiByPSIxLjczMzMzIiBmaWxsPSJ3aGl0ZSIvPgo8Y2lyY2xlIGN4PSI3NC45OTk5IiBjeT0iNDAuMzMzNCIgcj0iMS43MzMzMyIgZmlsbD0id2hpdGUiLz4KPGNpcmNsZSBjeD0iMTA5LjY2NyIgY3k9Ijc0Ljk5OTkiIHI9IjEuNzMzMzMiIGZpbGw9IndoaXRlIi8+CjxjaXJjbGUgY3g9IjQwLjMzMzMiIGN5PSI3NC45OTk5IiByPSIxLjczMzMzIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNzUuNDk5MiA3Mi4yNjY1VjU5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMuMzMyMjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNzcuMDgxNSA3Ny4yNjQ5TDkyLjg2MjggOTYuOTI1MSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjY2NjEyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPGNpcmNsZSBjeD0iNzUuNDk5MiIgY3k9Ijc0Ljc2NTgiIHI9IjIuNDk5MTgiIGZpbGw9IiNGMjk5NEEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC45MTYzNjUiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9IjcwLjQyODMiIHkxPSIxMi43NjEyIiB4Mj0iNzcuNjY0OCIgeTI9IjMxLjYyOTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0YyOTk0QSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkRDREMiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyIiB4MT0iNTQuNDI3MyIgeTE9IjExLjU5NyIgeDI9IjU0Ljk3NDkiIHkyPSIyMy4zNzczIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGMjk5NEEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkZEQ0RDIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhciIgeDE9IjExNC40ODgiIHkxPSIzMy4zODA3IiB4Mj0iMTIwLjQzIiB5Mj0iNDguODcyMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjI5OTRBIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGRENEQyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50M19saW5lYXIiIHgxPSIxMTAuNTc5IiB5MT0iMzEuMjA2MSIgeDI9IjExMS4yNyIgeTI9IjQwLjg0OTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0YyOTk0QSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkRDREMiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDRfbGluZWFyIiB4MT0iLTM5LjkwMjQiIHkxPSItMzIuMjg1NSIgeDI9Ii0xMi44NDEyIiB5Mj0iMTYxLjc1MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjI5OTRBIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGRENEQyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat;
  width: 150px;
  height: 150px;
}
.quick-trade-sucess-info .mt-18 {
  margin-top: 18px;
}
.quick-trade-info {
  padding: 0 40px;
}
.quick-trade-info .default-bg {
  min-width: 240px;
}
.quick-trade-info .exchange {
  margin-right: 8px;
  margin-left: 8px;
}
.quick-trade-info .list {
  margin-bottom: 24px;
}
.quick-trade-info .list label {
  max-width: 38%;
}
.quick-trade-info .list span {
  text-align: right;
  max-width: 57%;
}
.quick-trade-info .nickname-title {
  padding: 18px 0;
}
.quick-trade-info .ml-8 {
  margin-left: 8px;
}
.quick-trade-info .mt-24 {
  margin-top: 24px;
}
.quick-trade-info .mt-10 {
  margin-top: 10px;
}
.quick-trade-info .select-label {
  line-height: 14px;
  margin-bottom: 8px;
}
.quick-trade-info .pay-info {
  padding-top: 24px;
}
.quick-trade-info .pay-info.buy-info {
  border-bottom: 1px solid #e6ecf2;
  padding-bottom: 24px;
}
.quick-trade-info .pay-info .approx {
  margin-top: 12px;
  text-align: right;
  font-size: 12px;
  line-height: 12px;
}
.quick-trade-info .pay-info .pay-info-text {
  line-height: 14px;
  color: #565656;
}
.quick-trade-info .pay-info-third-party {
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 14px;
}
.quick-trade-info .pay-info-third-party > * {
  margin-left: 4px;
  margin-right: 4px;
}
.quick-trade-info .pay-info-third-party > p {
  color: #565656;
}
.quick-trade-info .pay-info-third-party > i {
  color: #B5B8BB;
  margin-left: 10px;
}
.quick-trade-info .pay-info-third-party:hover {
  cursor: pointer;
}
.quick-trade-info .pay-info-third-party:hover > p,
.quick-trade-info .pay-info-third-party:hover > i {
  color: #0173E5;
}
.quick-trade-info .pay-loading {
  height: 32px;
  background: #f6f8fb;
}
.quick-trade-info .pay-loading-normal {
  background: white;
}
.quick-trade-info .empty-box {
  height: 192px;
}
.quick-trade-info .check-space {
  margin-left: 6px;
}
.quick-trade-info .pass {
  font-size: 72px;
  height: 72px;
  width: 72px;
  overflow: hidden;
}
.quick-trade-info .pass.m-pass {
  font-size: 50px;
  height: 50px;
  width: 50px;
}
.quick-trade-info .mt-14 {
  margin-top: 14px;
}
.quick-trade-info .mb-24 {
  margin-bottom: 24px;
}
.quick-trade-info .mb-32 {
  margin-bottom: 32px;
}
.quick-trade-info .icons-top {
  padding-top: 24px;
}
.quick-trade-info .pay-info-wrapper {
  padding: 16px;
  border-radius: 4px;
  background: rgba(242, 244, 247, 0.5);
}
.quick-trade-info .pay-info-item {
  line-height: 1;
}
.quick-trade-info .pay-info-item span:first-child {
  max-width: 38%;
}
.quick-trade-info .pay-info-item span:last-child {
  text-align: right;
  max-width: 57%;
}
.quick-trade-info .get-total {
  padding-top: 24px;
  line-height: 1;
}
.quick-trade-info .get-total.sell-total {
  padding-top: 0;
}
.quick-trade-info .get-total i {
  vertical-align: middle;
}
.quick-trade-info .get-total .total {
  font-size: 20px;
  font-weight: 700;
}
.quick-trade-info .line-through {
  text-decoration: line-through;
}
.quick-trade-info .bottom-line {
  border-bottom: 1px dashed #565656;
}
.quick-trade-info .jump-btn {
  padding: 0 16px;
  border-radius: 2px;
  outline: none;
  background-color: #0173E5;
  color: #ffffff;
  border-style: none;
  width: 100%;
  display: inline-block;
  height: 48px;
  line-height: 48px;
}
.quick-trade-info .jump-btn.verify-btn {
  margin-top: 72px;
}
.quick-trade-info .jump-btn.jump-asset {
  margin-top: 27px;
}
.quick-trade-info .jump-btn.banxa-jump-asset {
  margin-top: 70px;
}
.quick-trade-info .pay-button {
  margin-top: 32px;
}
.quick-trade-info .show-safe-bottom {
  margin-bottom: 90px;
}
.quick-trade-info .ivu-tooltip-inner {
  white-space: normal;
  word-break: normal;
  word-wrap: break-word;
}
.quick-trade-info .add-payment {
  height: 48px;
  border: 1px dashed #dfe2e7;
  border-radius: 2px;
  color: #0173E5;
  transition: all 0.2s ease-in-out;
  background-color: rgba(242, 246, 250, 0.2);
}
.quick-trade-info .add-payment:hover {
  border-color: #0173E5;
}
.quick-trade-info .add-payment .ml-8 {
  margin-left: 8px;
}
.quick-trade-info .pay-tips {
  background-color: rgba(1, 115, 229, 0.05);
  border: 1px solid rgba(1, 115, 229, 0.3);
  border-radius: 4px;
  padding: 11px 16px;
}
.quick-trade-info .pay-tips i {
  color: #0173E5;
  margin-right: 8px;
  margin-top: 2px;
}
.quick-trade-info .pay-tips span {
  font-size: 12px;
  line-height: 18px;
}
.quick-trade-info .pay-info-select .ivu-select-selection {
  height: 48px;
  border-radius: 2px;
}
.quick-trade-info .pay-info-select .ivu-select-selection .ivu-select-selected-value {
  height: 46px !important;
  line-height: 46px !important;
  padding-left: 16px;
}
.quick-trade-info .pay-info-label {
  display: inline-block;
  max-width: 176px;
  overflow-wrap: anywhere;
}
.quick-trade-info .pay-receive-label {
  max-width: 176px !important;
  line-height: 22px !important;
  overflow-wrap: anywhere;
}
.quick-trade-info .icon-arrow-color {
  color: #8C9FAD;
}
.quick-trade-info .icon-expend-90 {
  transform: rotate(90deg);
}
.quick-trade-info .icon-expend-180 {
  transform: rotate(180deg);
}
.quick-trade-info .icon-expend-270 {
  transform: rotate(270deg);
}
.quick-trade-info .transfer-info {
  padding: 24px 0 16px 0;
  border-bottom: 1px dashed #e6ecf2;
}
.quick-trade-info .transfer-tips {
  padding-top: 16px;
}
.quick-trade-info .transfer-tips .font-green {
  margin-top: 8px;
  font-size: 20px;
}
.quick-trade-info .transfer-button {
  margin-top: 153px;
}
.quick-trade-info .safe-qr-bg {
  background-color: #f2f6fa;
  width: 100%;
  padding: 32px 0;
  margin-bottom: 32px;
}
.quick-trade-info .safe-qr-bg .qr-code-box {
  margin-bottom: 16px;
}
.quick-trade-info .m-progress {
  display: none;
  margin-top: 24px;
  margin-bottom: 48px;
}
.quick-trade-info .m-setp-item {
  padding-bottom: 16px;
  position: relative;
}
.quick-trade-info .m-setp-item.last-item {
  padding-bottom: 0;
}
.quick-trade-info .m-setp {
  width: 24px;
}
.quick-trade-info .m-line {
  position: absolute;
  color: #0173E5;
  border-color: #0173E5;
  background-color: #0173E5;
  width: 2px;
  top: 0;
  bottom: 0;
  left: 11px;
}
.quick-trade-info .m-circle {
  width: 24px;
  height: 24px;
  font-size: 12px;
  color: #0173E5;
  border-radius: 50%;
  border: 2px solid #0173E5;
  position: relative;
  justify-content: center;
  display: flex;
  align-items: center;
  background-color: #ffffff;
}
.quick-trade-info .m-setp-text {
  color: #0173E5;
  padding-left: 8px;
}
.quick-trade-info .claimer-content {
  margin-top: 24px;
  overflow: auto;
}
.quick-trade-info .claimer-content .text {
  padding-bottom: 24px;
  border-bottom: 1px solid #e6ecf2;
}
.quick-trade-info .claimer-content .info {
  padding-top: 24px;
}
.quick-trade-info .claimer-button {
  width: 100%;
  margin-top: 32px;
}
.quick-trade-info .password-input .ivu-input {
  height: 40px;
  border-radius: 2px;
}
.quick-trade-info .payment-date {
  margin-top: 16px;
  margin-bottom: 24px;
  padding: 5px 14px;
  border-radius: 16px;
  background-color: rgba(1, 115, 229, 0.05);
}
.quick-trade-info .result-info {
  width: 300px;
  margin: 0 auto;
  text-align: center;
}
.quick-trade-info .result-text {
  width: 300px;
  margin: 0 auto;
  text-align: center;
}
.quick-trade-info .banxa-message {
  color: #8A98A7;
}
.quick-trade-info .banxa-message .banxa-complete {
  margin-top: 41px;
}
.quick-trade-info .banxa-success {
  background: rgba(53, 124, 225, 0.05);
  border-radius: 16px;
  width: 278px;
  height: 32px;
  margin-top: 21px;
}
.quick-trade-info .banxa-success .clock-icon {
  height: 14px;
  width: 14px;
  line-height: 14px;
  margin-top: 9px;
  margin-bottom: 9px;
  margin-left: 14px;
  color: #000000;
}
.quick-trade-info .banxa-success .clock-message {
  font-size: 14px;
  line-height: 22px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 13px;
  color: #5D6C7D;
  width: 100%;
}
.quick-trade-info .banxa-fail {
  width: 330px;
}
.quick-trade-info .nick-form {
  margin-bottom: 74px;
}
.quick-trade-info .ivu-form-item-error-tip {
  position: relative;
}
.quick-trade-info .ivu-form-item-label {
  line-height: 12px;
  color: #565656;
  display: inline-block;
  padding: 0;
  padding-bottom: 8px !important;
}
.quick-trade-info .ivu-form-item-label:before {
  content: '' !important;
}
.quick-trade-info .ivu-select-selection {
  height: 40px !important;
  border-radius: 2px;
}
.quick-trade-info .pay-coupon .ivu-select-selection {
  height: 40px !important;
  border-radius: 2px;
}
.quick-trade-info .pay-coupon5 .ivu-select-selection {
  height: 22px !important;
  border-radius: 2px;
}
.quick-trade-info .ivu-select-input,
.quick-trade-info .ivu-select-selected-value,
.quick-trade-info .ivu-select-placeholder {
  height: 40px !important;
  line-height: 40px !important;
}
.quick-trade-info .ivu-input {
  height: 40px;
  border-radius: 2px;
  font-size: 14px;
}
.quick-trade-info .ivu-input-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: rgba(181, 184, 187, 0.5);
  cursor: pointer;
}
.quick-trade-info .full-width {
  width: 100%;
}
.quick-trade-info .expired span {
  color: #B5B8BB;
  font-size: 12px;
  line-height: 12px;
  padding: 2px 4px;
  border: 0.5px solid #B5B8BB;
  border-radius: 3px;
}
.quick-trade-info .latest span {
  color: #0173E5;
  font-size: 12px;
  line-height: 12px;
  padding: 2px 4px;
  border: 0.5px solid #0173E5;
  border-radius: 3px;
}
.quick-trade-info .quick-loading {
  margin-top: 75px;
  text-align: center;
}
.quick-trade-info .quick-loading p {
  margin: 0 auto;
  margin-top: 24px;
  line-height: 28px;
}
.quick-trade-info .mt-16 {
  margin-top: 16px;
}
.quick-trade-info .mt-40 {
  margin-top: 40px;
}
.quick-trade-info .mt-100 {
  margin-top: 100px;
}
.quick-trade-info .mt-32 {
  margin-top: 32px;
}
.quick-trade-info .id-wrap {
  background-color: rgba(1, 115, 229, 0.05);
  border-radius: 6px;
}
.quick-trade-info .address-wrap {
  background-color: rgba(1, 115, 229, 0.05);
  border-radius: 6px;
  border: 1px solid #dfe2e7;
}
.quick-trade-info .text-item {
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
  white-space: normal;
  word-break: break-all;
}
.quick-trade-info .jumio-poptip {
  display: block;
  margin-top: 14px;
}
.quick-trade-info .jumio-poptip .ivu-poptip-popper {
  max-width: 280px;
}
.quick-trade-info .jumio-poptip .ivu-poptip-popper .ivu-poptip-body {
  padding: 12px 16px;
}
.quick-trade-info .banxa-frame-wrapper {
  min-width: 465px;
  min-height: 626px;
}
.quick-trade-info iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.quick-trade-info .accept-agreement .accept-agreement-content {
  margin-top: 24px;
  max-height: 304px;
  overflow-y: auto;
}
.quick-trade-info .accept-agreement .accept-agreement-content .title-block {
  flex: 0 0 auto;
  padding: 11px 16px;
  background-color: rgba(1, 115, 229, 0.05);
  border: 1px solid rgba(1, 115, 229, 0.3);
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.quick-trade-info .accept-agreement .accept-agreement-content .title-block .iconfont {
  margin-right: 8px;
  color: #0173E5;
  line-height: 1;
}
.quick-trade-info .accept-agreement-body {
  margin-top: 24px;
  color: #565656;
  font-size: 14px;
  line-height: 22px;
}
.quick-trade-info .accept-agreement-button {
  margin-top: 32px;
}
.quick-trade-info .accept-agreement table {
  width: 100%;
  margin: 24px 0;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border-radius: 2px 2px 0 0;
  overflow: hidden;
}
.quick-trade-info .accept-agreement table td,
.quick-trade-info .accept-agreement table th {
  padding: 17px 10px 17px 24px;
  text-align: left;
  color: #1C242C;
}
.quick-trade-info .accept-agreement table td:first-child,
.quick-trade-info .accept-agreement table th:first-child {
  white-space: nowrap;
}
.quick-trade-info .accept-agreement table th {
  background-color: rgba(13, 168, 139, 0.1);
  color: #B5B8BB;
  font-weight: 500;
  line-height: 1;
}
.quick-trade-info .accept-agreement table th + th,
.quick-trade-info .accept-agreement table td + td {
  border-left: 2px solid #fff;
}
.quick-trade-info .accept-agreement table tbody tr {
  background-color: #fff;
}
.quick-trade-info .accept-agreement table tbody tr:nth-child(2n+1) {
  background-color: rgba(242, 246, 250, 0.3);
}
.quick-trade-info .auto-image {
  width: 75px;
  height: 75px;
}
.quick-trade-sucess-info {
  min-height: auto;
}
.quick-trade-sucess-info .result-text {
  width: 280px;
}
.quick-trade-sucess-info .result-btn {
  position: relative;
  margin-top: 32px;
}
.quick-trade-sucess-info .mobile-font {
  font-size: 12px!important;
}
.quick-trade-sucess-info.mobile-result {
  min-height: 260px;
}
.quick-pay-info .info-outer {
  min-height: 388px;
}
.jumio-auth-wrapper .jumio-auth {
  width: 300px;
  margin: 0 auto;
  text-align: center;
}
.jumio-auth-wrapper .jumio-auth-btn {
  margin-top: 32px;
}
.common-bottom-flag {
  margin-top: 24px;
  background-color: transparent;
  color: #B5B8BB;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
  font-size: 12px;
}
.quick-trade-new.isDeviceH5 .step-three {
  margin-left: 0;
  margin-bottom: 40px;
  width: 100%;
}
.quick-trade-new.isDeviceH5 .step-three .radio-group {
  max-height: initial;
  overflow-y: inherit;
  width: 100%;
}
.quick-trade-new.isDeviceH5 .step-three .radio-group .payment-radio-info {
  width: 100%;
  height: 76px;
  display: block;
}
.quick-trade-new.isDeviceH5 .step-three .radio-group .payment-radio-info.large {
  height: 110px;
}
.quick-trade-new.isDeviceH5 .step-three .radio-group .payment-radio-info.large .ivu-radio {
  margin-top: 50px;
}
.quick-trade-new.isDeviceH5 .step-three .radio-group .payment-radio-info .ivu-radio {
  float: right;
  margin-top: 32px;
}
.quick-trade-new.isDeviceH5 .step-three .radio-group .payment-radio-info .payment-info-detail {
  padding-top: 16px;
  margin-left: 0;
}
.quick-trade-new.isDeviceH5 .step-three .radio-group .payment-radio-info .payment-price-info {
  margin-top: 8px;
}
.quick-trade-new.isDeviceH5 .step-three .radio-group .payment-radio-info .payment-price-info .fee-label {
  text-align: left;
}

.nuvei-cvvform-modal[data-v-5c99e7a0] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}
.nuvei-cvvform-modal .nuvei-mask[data-v-5c99e7a0] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.6);
}
.nuvei-cvvform-modal .cvvform-wrapper[data-v-5c99e7a0] {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10001;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 24px;
  width: 580px;
  border-radius: 8px;
}
.nuvei-cvvform-modal .cvvform-header[data-v-5c99e7a0] {
  position: relative;
}
.nuvei-cvvform-modal .cvvform-header > h4[data-v-5c99e7a0] {
  display: block;
  margin-right: 24px;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
}
.nuvei-cvvform-modal .cvvform-header .cvvform-close[data-v-5c99e7a0] {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  text-align: center;
}
.nuvei-cvvform-modal .cvvform-header .cvvform-close > i[data-v-5c99e7a0] {
  font-size: 14px;
  color: #ADADB4;
}
.nuvei-cvvform-modal .cvvform-content[data-v-5c99e7a0] {
  margin-top: 32px;
}
.nuvei-cvvform-modal .cvvform-content .cvvFormTitle[data-v-5c99e7a0] {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 24px;
  color: #000;
}
.nuvei-cvvform-modal .cvvform-content .cvvform-tooltip[data-v-5c99e7a0] {
  right: 0;
  top: -22px;
  line-height: 1;
  position: absolute;
  cursor: pointer;
}
.nuvei-cvvform-modal .cvvform-content .cvvform-tooltip .cvvTipBox[data-v-5c99e7a0] {
  width: 100%;
  overflow: hidden;
}
.nuvei-cvvform-modal .cvvform-content .cvvform-tooltip .cvvTipMsg[data-v-5c99e7a0] {
  width: 100%;
  overflow-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
}
.nuvei-cvvform-modal .cvvform-content .cvvConfirmBtnContainer[data-v-5c99e7a0] {
  display: flex;
  flex-direction: row-reverse;
}
.nuvei-cvvform-modal .cvvform-content .cvvConfirmBtnContainer .cvvConfirmBtn[data-v-5c99e7a0] {
  background: #00A171;
  border-radius: 4px;
  gap: 10px;
  text-align: center;
  height: 40px;
  padding: 0 10px;
  line-height: 40px;
  font-size: 14px;
  border: none;
}
.nuvei-cvvform-modal .cvvform-content .cvvFormBottomTips[data-v-5c99e7a0] {
  text-align: center;
  color: #565656;
}
.nuvei-cvvform-modal .cvvform-content[data-v-5c99e7a0] .ivu-form .ivu-form-item .ivu-form-item-label {
  color: #565655;
}
.nuvei-cvvform-modal .cvvform-content[data-v-5c99e7a0] .ivu-input {
  color: #565655;
  border: 1px solid #DDDDDD;
}

.full-width {
  width: 100%;
}
.full-height {
  height: 100%;
}
.min-full-height {
  min-height: 100vh;
}
.loading-box {
  border-radius: 6px;
  background: rgba(200, 200, 200, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  z-index: 7;
}
.loading-box .loader {
  width: 30px;
  height: 30px;
  position: relative;
  margin: 0 auto;
}
.loading-box .circular {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1000;
}
.loading-box .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

.top-banner[data-v-1202de98] {
  margin: 16px 0;
}
.top-banner img[data-v-1202de98] {
  width: 100%;
}
.banner[data-v-1202de98] {
  border-radius: 8px;
  overflow: hidden;
}
.banner-img[data-v-1202de98] {
  width: 1200px;
  height: 158px;
  cursor: pointer;
  background-size: cover;
  background-position: 50%;
}

.quick-trade-new {
  height: 100%;
  min-height: 680px;
  position: relative;
  width: 1200px;
  margin: 40px auto 0 auto;
  padding-bottom: 40px;
}
.quick-trade-new .step-header {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #000000;
}
.quick-trade-new .step-header img {
  margin-right: 12px;
}
.quick-trade-new.isDeviceH5 {
  width: 100%;
  padding: 0 24px;
}
.quick-trade-new.haveTopBanner {
  margin-top: 0;
}
.quick-trade-new .alert {
  width: 1200px;
  margin: 0 auto 20px;
}
.quick-trade-new .alert-actionText {
  color: #0173E5;
  margin-left: 12px;
  cursor: pointer;
}
.quick-trade-faq {
  margin-top: 60px;
  padding-bottom: 40px;
  background: rgba(255, 255, 255, 0.4);
}
.quick-trade-faq .faq-main {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}
.quick-trade-faq .faq-main .faq-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  display: flex;
  color: #1C242C;
}
.quick-trade-faq .faq-main .faq-context {
  margin-top: 8px;
  border: none;
  background: transparent;
}
.quick-trade-faq .faq-main .faq-context .ivu-icon-ios-arrow-forward {
  display: none;
}
.quick-trade-faq .faq-main .faq-context .ivu-collapse-item {
  padding: 24px 0;
  border-top: none;
  border-bottom: 1px solid #ECF1F8;
}
.quick-trade-faq .faq-main .faq-context.ivu-collapse > .ivu-collapse-item.ivu-collapse-item-active > .ivu-collapse-header {
  border: none;
}
.quick-trade-faq .faq-main .faq-context .ivu-collapse-header {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  height: 16px;
  color: #000000;
  border: none;
  padding-left: 0;
  display: flex;
  align-items: center;
}
.quick-trade-faq .faq-main .faq-context .ivu-collapse-header img {
  height: 12px;
  width: 12px;
  margin-right: 8px;
}
.quick-trade-faq .faq-main .faq-context .ivu-collapse-content {
  background: transparent;
  padding-left: 20px;
}
.quick-trade-faq .faq-main .faq-context .ivu-collapse-content-box {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #565656;
  padding: 12px 0 0 0;
}
.quick-trade-faq.isDeviceH5 {
  padding: 0 24px;
  margin: 0 24px;
}
.quick-trade-faq.isDeviceH5 .faq-main {
  width: 100%;
}

.modal[data-v-6b756bea]  .ivu-modal-header {
  border: none !important;
}
.modal[data-v-6b756bea]  .ivu-modal-body {
  padding: 0;
}
.modal[data-v-6b756bea]  .ivu-modal-footer {
  border: none !important;
}
.modal .content[data-v-6b756bea] {
  color: #000;
  font-size: 14px;
  overflow: auto;
}
.modal .content .tips[data-v-6b756bea] {
  display: flex;
  padding: 8px 24px;
  gap: 4px;
  font-size: 12px;
  line-height: 16px;
  align-items: flex-start;
  background: #FAFAFA;
}
.modal .content .tips .icon-font[data-v-6b756bea] {
  margin-top: 2px;
}
.modal .content .tags[data-v-6b756bea] {
  padding: 16px 24px 8px 24px;
}
.modal .content .tags .normal-tags[data-v-6b756bea] {
  margin-right: -24px;
  padding-right: 24px;
  max-height: 322px;
  overflow: auto;
}
.modal .content .group[data-v-6b756bea] {
  margin-bottom: 24px;
}
.modal .content .group .group-title[data-v-6b756bea] {
  color: #8A8A8E;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.modal .content .group .item[data-v-6b756bea] {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 12px;
}
.modal .content .group .item .score[data-v-6b756bea] {
  margin-right: auto;
  color: #8A8A8E;
  white-space: nowrap;
}
.modal .content .group .item.disabled[data-v-6b756bea] {
  color: #ADADB4;
}
.modal .content .group .item.disabled .score[data-v-6b756bea] {
  color: #ADADB4;
}
.modal .content .line[data-v-6b756bea] {
  border-bottom: 0.5px solid #ddd;
  margin-bottom: 16px;
}
.modal .content .other[data-v-6b756bea] {
  display: flex;
  align-items: center;
  line-height: 20px;
}
.modal .content .other + .other[data-v-6b756bea] {
  margin-top: 12px;
}
.modal .content .other .name[data-v-6b756bea] {
  color: #8A8A8E;
}
.modal .content .other .value[data-v-6b756bea] {
  color: #000;
  font-size: 500;
  text-align: right;
  margin-left: auto;
}

.link-item .ivu-poptip-rel[data-v-d2e5aeb4] {
  display: inline-block !important;
}


/deep/ .ivu-icon-ios-alert:before {
  content: "\F108" !important;
}
.check-user-web .wrapper {
  display: block;
  background: #0E1015;
}
.check-user-web .wrapper .content-wrapper {
  background: #F9F9F9;
  border-radius: 40px 40px 0px 0px;
}
.check-user-web .wrapper .base-info {
  display: flex;
  margin-top: 0 !important;
  padding: 54px 0 38px 0;
}
.check-user-web .wrapper .base-info .left-content {
  width: 656px;
  display: inline-block;
}
.check-user-web .wrapper .base-info .left-content .avatar,
.check-user-web .wrapper .base-info .left-content .authentication {
  display: flex;
}
.check-user-web .wrapper .base-info .left-content .avatar {
  height: 56px;
}
.check-user-web .wrapper .base-info .left-content .avatar .auth-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.check-user-web .wrapper .base-info .left-content .avatar .auth-info .span-text {
  margin-left: 0;
  font-size: 24px;
  line-height: 18px;
  font-weight: 700;
  color: #E6E6E6;
  display: flex;
  align-items: center;
}
.check-user-web .wrapper .base-info .left-content .avatar .auth-info .span-text .merchant-level {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: 100% 100%;
  vertical-align: -3px;
  cursor: pointer;
  line-height: 1;
}
.check-user-web .wrapper .base-info .left-content .avatar .auth-info .span-text .thumb-pop {
  margin-left: 8px;
  font-weight: 500;
  line-height: 20px;
}
.check-user-web .wrapper .base-info .left-content .avatar .auth-info .span-text .thumb-pop .thumb-up {
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-top: 1px;
}
.check-user-web .wrapper .base-info .left-content .avatar .auth-info .span-text .thumb-pop .ivu-poptip-content {
  width: 280px;
}
.check-user-web .wrapper .base-info .left-content .avatar .auth-info .span-text .thumb-pop .ivu-poptip-content .ivu-poptip-body {
  padding: 16px;
}
.check-user-web .wrapper .base-info .left-content .avatar .auth-info .span-text .thumb-pop p,
.check-user-web .wrapper .base-info .left-content .avatar .auth-info .span-text .thumb-pop span {
  font-size: 12px;
  line-height: 18px;
}
.check-user-web .wrapper .base-info .left-content .avatar .auth-info .span-text .thumb-pop p {
  white-space: break-spaces;
  color: #565656;
}
.check-user-web .wrapper .base-info .left-content .avatar .auth-info .span-text .thumb-pop span {
  color: #0173E5;
  display: block;
  width: 100%;
  text-align: right;
  margin-top: 17px;
  cursor: pointer;
}
.check-user-web .wrapper .base-info .left-content .avatar .auth-info .span-text .yanxuan {
  margin-left: 6px;
  cursor: pointer;
  height: 16px;
}
.check-user-web .wrapper .base-info .left-content .avatar .auth-info .is-auth {
  margin-top: 8px;
  line-height: 22px;
  color: #8C8C93;
}
.check-user-web .wrapper .base-info .left-content .avatar .auth-info .is-auth em {
  font-style: normal;
  font-weight: 700;
}
.check-user-web .wrapper .base-info .left-content .authentication {
  margin-top: 12px;
}
.check-user-web .wrapper .base-info .left-content .authentication .item {
  list-style: none;
  color: #8C8C93;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 12px;
  margin-right: 22px;
}
.check-user-web .wrapper .base-info .left-content .authentication .item:last-child {
  margin-right: 0;
}
.check-user-web .wrapper .base-info .left-content .authentication .item .icon-done {
  margin-right: 6px;
  font-size: 12px;
  color: rgba(176, 184, 219, 0.5);
}
.check-user-web .wrapper .base-info .left-content .authentication .item.certified {
  color: #E6E6E6;
}
.check-user-web .wrapper .base-info .left-content .authentication .item.certified .icon-done {
  color: #0173E5;
}
.check-user-web .wrapper .base-info .left-content .flow {
  margin-top: 20px;
  color: #fff;
  padding: 3px 5px 3px 0px;
  border-radius: 4px;
  border: 1px solid #fff;
  width: 105px;
}
.check-user-web .wrapper .base-info .left-content .flow span {
  display: inline-block;
  padding-left: 10px;
  width: 80px;
  color: #fff;
}
.check-user-web .wrapper .base-info .left-content .flow a {
  color: #fff;
}
.check-user-web .wrapper .base-info .left-content .flow .ivu-dropdown-item:hover {
  color: #0173E5;
  background: #f8fafd;
}
.check-user-web .wrapper .base-info .left-content .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 8px;
}
.check-user-web .wrapper .base-info .left-content .tags .tag {
  padding: 0px 4px;
  color: #AF7D4A;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  border-radius: 4px;
  border: 1px solid #403C39;
}
.check-user-web .wrapper .base-info .left-content .tags .tag:first-child {
  background: #3D3727;
  color: #DEB35C;
}
.check-user-web .wrapper .base-info .left-content .score {
  height: 32px;
  display: inline-flex;
  align-items: flex-end;
  border-radius: 4px;
  border: 1px solid #333333;
  color: #5E5E61;
  padding: 2px 12px;
  margin-top: 8px;
  cursor: pointer;
}
.check-user-web .wrapper .base-info .left-content .score .num {
  color: #E6E6E6;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.check-user-web .wrapper .base-info .left-content .score .num > span {
  font-size: 24px;
  line-height: 28px;
  margin-right: 3px;
}
.check-user-web .wrapper .base-info .left-content .score-tip .score-tip-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.check-user-web .wrapper .base-info .left-content .score-tip .score-tip-content {
  color: #565656;
  font-size: 12px;
  line-height: 16px;
  margin-top: 8px;
}
.check-user-web .wrapper .base-info .left-content .score-tip .score-tip-footer {
  text-align: right;
  margin-top: 12px;
}
.check-user-web .wrapper .base-info .left-content .score-tip .score-tip-footer .ivu-btn {
  height: 28px;
  padding: 0 8px;
}
.check-user-web .wrapper .base-info .right-content {
  display: flex;
  flex-wrap: wrap;
  width: 544px;
}
.check-user-web .wrapper .base-info .right-content .link-item {
  width: 120px;
  display: inline-flex;
  flex-direction: column;
  margin-left: 16px;
  margin-bottom: 20px;
}
.check-user-web .wrapper .base-info .right-content .link-item:nth-child(4n+1) {
  margin-bottom: 0;
}
.check-user-web .wrapper .base-info .right-content .link-item .count {
  color: #E6E6E6;
  font-weight: 400;
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 22px;
}
.check-user-web .wrapper .base-info .right-content .link-item .count.big {
  color: #fff;
  font-weight: 500;
  font-size: 20px;
}
.check-user-web .wrapper .base-info .right-content .link-item .label {
  font-size: 12px;
  color: #5E5E61;
  line-height: 18px;
}
.check-user-web .wrapper .base-info .right-content .link-item .ivu-poptip-rel .label {
  cursor: pointer;
  border-bottom: 1px dashed #8A8A8E;
}
.check-user-web .wrapper .base-info .right-content .link-item .buy-sell-poptip .iconfont {
  font-size: 15px;
  font-weight: 500;
  color: #B0B8DB;
}
.check-user-web .wrapper .base-info .right-content .link-item .buy-sell-poptip:hover .iconfont {
  color: #0173E5;
}
.check-user-web .wrapper .base-info .right-content .link-item .buy-sell-poptip .ivu-poptip-content {
  max-width: 280px;
}
.check-user-web .wrapper .base-info .right-content .link-item .buy-sell-poptip .ivu-poptip-content .ivu-poptip-body {
  padding: 16px;
}
.check-user-web .wrapper .base-info .right-content .link-item .buy-sell-poptip p {
  line-height: 18px;
  font-size: 12px;
  white-space: break-spaces;
}
.check-user-web .wrapper .base-info .right-content .link-item .buy-sell-poptip p span {
  display: inline-block;
}
.check-user-web .wrapper .base-info .right-content .link-item .buy-sell-poptip .font-green {
  color: #00A171;
}
.check-user-web .wrapper .base-info .right-content .link-item .buy-sell-poptip .font-red {
  color: #ef5656;
}
.check-user-web .a_d-info-wrapper {
  margin-top: 0;
  padding-bottom: 90px;
}
.check-user-web .a_d-info-wrapper .title {
  padding-top: 47px;
  font-size: 22px;
  line-height: 31px;
  color: #333;
  padding-bottom: 32px;
}
.check-user-web .a_d-info-wrapper .title.down {
  padding-top: 65px;
}
.check-user-web .table-list {
  background: white;
  border-radius: 8px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  padding: 0 24px;
  margin-bottom: 7px;
}
.check-user-web .table-list .user {
  display: inline-block;
}
.check-user-web .table-list .user.mr-40 {
  margin-right: 40px;
}
.check-user-web .table-list .user.mr-24 {
  margin-right: 24px;
}
.check-user-web .table-list .user.width100 {
  width: 100px;
}
.check-user-web .table-list .user.width232 {
  width: 232px;
}
.check-user-web .table-list .user.width300 {
  width: 300px;
}
.check-user-web .table-list .user.width200 {
  width: 200px;
}
.check-user-web .table-list .user.width180 {
  width: 180px;
}
.check-user-web .table-list .user.width210 {
  width: 210px;
}
.check-user-web .table-list .user.width240 {
  width: 240px;
}
.check-user-web .table-list .user.width260 {
  width: 260px;
}
.check-user-web .table-list .user.width270 {
  width: 270px;
}
.check-user-web .table-list .user.width280 {
  width: 280px;
}
.check-user-web .table-list .user.width256 {
  width: 256px;
}
.check-user-web .table-list .user.width190 {
  width: 190px;
}
.check-user-web .table-list .user.right-box {
  text-align: right;
}
.check-user-web .shield-desc {
  margin-top: 48px;
  text-align: right;
}
.check-user-web .shield-desc a {
  color: #B5B8BB;
  text-decoration: underline;
}
.check-user-web .a_d-list {
  background-color: white;
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}
.check-user-web .a_d-list.no-data {
  padding: 0;
}
.check-user-web .a_d-list .no-data {
  text-align: center;
  padding: 30px 0;
  color: #B5B8BB;
}
.check-user-web .a_d-list .no-data p {
  color: #B5B8BB;
}
.check-user-web .a_d-list .no-data img {
  width: 80px;
  height: 99px;
}
.check-user-web .a_d-list .otc-trade-list .trade-list-in {
  min-height: 90px;
}
.check-user-web .a_d-list .otc-trade-list .trade-list-in .average {
  white-space: normal;
}
.check-user-web .all-no-data {
  border: 1px solid #dfe2e7;
  padding: 60px 0;
}

.mobile-check-user {
  background-color: #0E1015;
}
.mobile-check-user .m-wrapper {
  display: block;
  margin: 0 auto;
}
.mobile-check-user .m-wrapper .base-info {
  padding-top: 40px;
  padding-bottom: 21px;
}
.mobile-check-user .m-wrapper .base-info .avatar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 24px;
}
.mobile-check-user .m-wrapper .base-info .avatar .flag-box {
  width: calc(100% - 56px);
  padding-left: 22px;
}
.mobile-check-user .m-wrapper .base-info .avatar .flag-box .username {
  display: inline-flex;
  font-weight: 400;
  color: white;
  line-height: 18px;
}
.mobile-check-user .m-wrapper .base-info .avatar .flag-box .merchant-level {
  width: 24px;
  height: 24px;
  display: inline-flex;
  background-size: 20px 20px;
  vertical-align: -5px;
  margin-left: 7px;
}
.mobile-check-user .m-wrapper .base-info .avatar .flag-box .thumb-up {
  cursor: pointer;
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: bottom;
}
.mobile-check-user .m-wrapper .base-info .avatar .flag-box .thumb-pop {
  margin-left: 8px;
  font-weight: 500;
}
.mobile-check-user .m-wrapper .base-info .avatar .flag-box .thumb-pop .ivu-poptip-content {
  width: 230px;
}
.mobile-check-user .m-wrapper .base-info .avatar .flag-box .thumb-pop .ivu-poptip-content .ivu-poptip-body {
  padding: 16px;
}
.mobile-check-user .m-wrapper .base-info .avatar .flag-box .thumb-pop p,
.mobile-check-user .m-wrapper .base-info .avatar .flag-box .thumb-pop span {
  font-size: 12px;
  line-height: 18px;
}
.mobile-check-user .m-wrapper .base-info .avatar .flag-box .thumb-pop p {
  white-space: break-spaces;
  color: #565656;
}
.mobile-check-user .m-wrapper .base-info .avatar .flag-box .thumb-pop span {
  color: #0173E5;
  display: block;
  width: 100%;
  text-align: right;
  margin-top: 17px;
  cursor: pointer;
}
.mobile-check-user .m-wrapper .base-info .avatar .flag-box .is-auth {
  margin-top: 7px;
  color: #B0B8DB;
  font-size: 14px;
  line-height: 22px;
}
.mobile-check-user .m-wrapper .base-info .avatar .flag-box .is-auth em {
  font-style: normal;
  font-weight: 700;
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .authentication {
  display: block;
  margin-top: 24px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .authentication .item {
  list-style: none;
  display: inline-block;
  background: rgba(176, 184, 219, 0.2);
  border: 1px solid rgba(176, 184, 219, 0.5);
  border-radius: 8px;
  padding: 7px 15px;
  color: #B0B8DB;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 12px;
  margin-left: 14px;
  margin-bottom: 14px;
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .authentication .item .icon-done {
  margin-left: 6px;
  font-size: 12px;
  color: rgba(176, 184, 219, 0.5);
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .authentication .item.certified {
  color: white;
  background: rgba(36, 131, 255, 0.2);
  border: 1px solid rgba(36, 131, 255, 0.5);
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .authentication .item.certified .icon-done {
  color: #00A171;
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .right-content {
  border-top: .5px dashed #ECF1F8;
  margin: 0 24px;
  padding-top: 24px;
  display: flex;
  flex-wrap: wrap;
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .right-content .link-item {
  width: 103px;
  display: inline-flex;
  flex-direction: column;
  margin-left: 8px;
  margin-bottom: 16px;
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .right-content .link-item:nth-child(4n+1) {
  margin-bottom: 0;
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .right-content .link-item .count {
  color: #8C8C93;
  font-weight: 400;
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 22px;
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .right-content .link-item .count.big {
  color: #fff;
  font-weight: 500;
  font-size: 20px;
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .right-content .link-item .label {
  font-size: 12px;
  color: #5E5E61;
  line-height: 18px;
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .right-content .link-item .ivu-poptip-rel .label {
  cursor: pointer;
  border-bottom: 1px dashed #8A8A8E;
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .right-content .link-item .buy-sell-poptip .iconfont {
  font-size: 15px;
  font-weight: 500;
  color: #B0B8DB;
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .right-content .link-item .buy-sell-poptip:hover .iconfont {
  color: #0173E5;
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .right-content .link-item .buy-sell-poptip .ivu-poptip-content {
  max-width: 280px;
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .right-content .link-item .buy-sell-poptip .ivu-poptip-content .ivu-poptip-body {
  padding: 16px;
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .right-content .link-item .buy-sell-poptip p {
  line-height: 18px;
  font-size: 12px;
  white-space: break-spaces;
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .right-content .link-item .buy-sell-poptip p span {
  display: inline-block;
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .right-content .link-item .buy-sell-poptip .font-green {
  color: #00A171;
}
.mobile-check-user .m-wrapper .base-info .user-credit-info .right-content .link-item .buy-sell-poptip .font-red {
  color: #ef5656;
}
.mobile-check-user .m-wrapper .a_d-list-wrapper {
  background: #F9F9F9;
  border-radius: 40px 40px 0 0;
  padding-bottom: 60px;
}
.mobile-check-user .m-wrapper .a_d-list-wrapper .pd-24 {
  padding: 0 24px;
}
.mobile-check-user .m-wrapper .a_d-list-wrapper .title {
  color: #000000;
  padding: 24px 0;
  font-weight: 700;
}
.mobile-check-user .m-wrapper .a_d-list-wrapper .title.down {
  margin-top: 21px;
}
.mobile-check-user .m-wrapper .a_d-list-wrapper .shield-desc {
  font-size: 12px;
  color: #B5B8BB;
  margin-top: 48px;
  text-align: right;
}
.mobile-check-user .m-wrapper .a_d-list-wrapper .shield-desc a {
  color: #B5B8BB;
  text-decoration: underline;
}
.mobile-check-user .m-wrapper .a_d-list-wrapper .a_d-list {
  /*padding-bottom: 0;*/
  width: 100%;
  border-radius: 8px;
}
.mobile-check-user .m-wrapper .a_d-list-wrapper .a_d-list.no-data {
  padding: 0;
}
.mobile-check-user .m-wrapper .a_d-list-wrapper .a_d-list .no-data {
  text-align: center;
  padding: 30px 0;
  color: #B5B8BB;
}
.mobile-check-user .m-wrapper .a_d-list-wrapper .a_d-list .no-data p {
  color: #B5B8BB;
}

.my-follow {
  width: 1000px;
  margin-top: 32px;
  background: #fff;
  border-radius: 8px;
  padding-bottom: 10px;
}
.my-follow .merchant-level {
  width: 16px;
  height: 16px;
  display: inline-block;
}
.my-follow .title-tab {
  width: 100%;
  height: 48px;
  padding-left: 31px;
  box-sizing: border-box;
  display: flex;
  border-bottom: 1px solid #ecf1f8;
}
.my-follow .title-tab .mytab {
  height: 47px;
  margin-right: 32px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 48px;
  color: #1c242c;
  cursor: pointer;
}
.my-follow .title-tab .mytab.active {
  font-weight: 500;
  border-bottom: 2px solid #0173E5;
}
.my-follow .list-content {
  width: 100%;
  padding: 0px 24px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.my-follow .list-content .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 20px 0px;
  border-bottom: 1px solid #ecf1f8;
}
.my-follow .list-content .list .follow-left {
  display: flex;
  align-items: center;
}
.my-follow .list-content .list .follow-left .head {
  display: flex;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #2483ff;
}
.my-follow .list-content .list .follow-left .name-group {
  margin-left: 12px;
}
.my-follow .list-content .list .follow-left .name-group .name {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  height: 20px;
  line-height: 20px;
  color: #1c242c;
}
.my-follow .list-content .list .follow-left .name-group .info {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #9aa5b5;
  word-break: break-all;
  margin-top: 4px;
}
.my-follow .list-content .list .follow-left .name-group .info span {
  color: #0173E5;
}
.my-follow .list-content .list .follow-left .line {
  width: 1px;
  height: 32px;
  background: #ecf1f8;
  margin: 0 20px;
}
.my-follow .list-content .list .follow-left .vity-group {
  width: 489px;
  display: flex;
  flex-direction: column;
}
.my-follow .list-content .list .follow-left .vity-group .row {
  display: flex;
}
.my-follow .list-content .list .follow-left .vity-group .row:first-child {
  margin-bottom: 10px;
}
.my-follow .list-content .list .follow-left .vity-group .row .vity {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #1c242c;
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.my-follow .list-content .list .follow-left .vity-group .row .vity img {
  margin-right: 4px;
}
.my-follow .list-content .list .detail {
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #0173E5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: 55px;
  width: 120px;
}
.my-follow .list-content .list .detail img {
  margin-left: 6px;
}

.icon-coin-1 {
  color: #f2994a;
}
.icon-coin-2 {
  color: #26a17b;
}
.icon-coin-3 {
  color: #8da0e0;
}
.icon-coin-4 {
  color: #15b4f1;
}
.icon-coin-5 {
  color: #642581;
}
.icon-coin-6 {
  color: #1A61F0;
}
.icon-coin-7 {
  color: #266ba6;
}
.icon-coin-8 {
  color: #9ea3ca;
}
.icon-coin-9 {
  color: #1C242C;
}
.icon-coin-10 {
  color: #8AC072;
}
.icon-coin-11 {
  color: #17DE8D;
}
.icon-coin-12 {
  color: #EAB300;
}
.icon-coin-13 {
  color: #0986D3;
}
.icon-coin-14 {
  color: #0066ED;
}
.icon-coin-15 {
  color: #1C242C;
}
.icon-coin-16 {
  color: #4675EC;
}
.icon-coin-17 {
  color: #102D8C;
}
.icon-coin-18 {
  color: #000000;
}
.icon-coin-19 {
  color: #0090FF;
}
.icon-coin-20 {
  color: #1C242C;
}
.icon-coin-21 {
  color: #1C242C;
}
.icon-coin-22 {
  color: #E50E19;
}
.icon-coin-23 {
  color: #F4B728;
}
.icon-coin-24 {
  color: #2F76D8;
}
.icon-coin-25 {
  color: #00E599;
}
.icon-coin-26 {
  color: #000000;
}
.icon-coin-27 {
  color: #FA6800;
}
.icon-coin-28 {
  color: #58BBF8;
}
.icon-coin-29 {
  color: #C3A634;
}
.icon-coin-30 {
  color: #0065D0;
}
.icon-coin-31 {
  color: #FF0077;
}
.icon-coin-32 {
  color: #000000;
}
.icon-coin-33 {
  color: #2C7EF8;
}
.icon-coin-34 {
  color: #FFFFFF;
}
.icon-coin-35 {
  color: #FFFFFF;
}
.icon-coin-36 {
  color: #FFFFFF;
}
.icon-coin-37 {
  color: #FFFFFF;
}
.icon-coin-38 {
  color: #FFFFFF;
}
.icon-coin-39 {
  color: #FFFFFF;
}
.icon-coin-40 {
  color: #FC511F;
}
.icon-coin-41 {
  color: #3E5BF2;
}
.icon-coin-42 {
  color: #CD0124;
}
.icon-coin-43 {
  color: #3E0D78;
}
.icon-coin-44 {
  color: #F4BD1D;
}
.icon-coin-45 {
  color: #2891F9;
}
.icon-coin-46 {
  color: #FF9632;
}
.icon-coin-47 {
  color: #1CD7BB;
}
.icon-coin-48 {
  color: #1BA976;
}
.icon-coin-49 {
  color: #333333;
}
.icon-coin-50 {
  color: #494BE0;
}
.icon-coin-51 {
  color: #004FDC;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-left .ivu-poptip-body-content-inner {
  text-align: left;
}
.l-height12 {
  line-height: 12px;
}
.l-height14 {
  line-height: 14px;
}
.l-height16 {
  line-height: 16px;
}
.l-height18 {
  line-height: 18px;
}
.l-height20 {
  line-height: 20px;
}
.l-height22 {
  line-height: 22px;
}
.l-height24 {
  line-height: 24px;
}
.l-height26 {
  line-height: 26px;
}
.l-height28 {
  line-height: 28px;
}
.l-height30 {
  line-height: 30px;
}
.l-height32 {
  line-height: 32px;
}
.l-height34 {
  line-height: 34px;
}
.l-height36 {
  line-height: 36px;
}
.l-height38 {
  line-height: 38px;
}
.l-height40 {
  line-height: 40px;
}
.l-height42 {
  line-height: 42px;
}
.l-height44 {
  line-height: 44px;
}
.l-height46 {
  line-height: 46px;
}
.l-height48 {
  line-height: 48px;
}
#app .fedui-header:not([data-mobile="true"]),
#app .fedui-footer:not([data-mobile="true"]),
#app .fedui-footer-simple:not([data-mobile="true"]) {
  min-width: 1310px;
}
@media (max-width: 768px) {
.common-layout-container {
    width: 100%;
}
}
@media (min-width: 768px) {
.common-layout-container {
    width: 1200px;
    margin: 0 auto;
}
}
.no-more-tips {
  text-align: center;
  padding: 56px 0;
  color: #B5B8BB;
}
.no-data-tips {
  text-align: center;
  height: 489px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.no-data-tips img {
  width: 60px;
  height: 60px;
}
.no-data-tips p {
  color: #B5B8BB;
  margin-top: 14px;
  font-size: 12px;
  text-align: center;
}
.coupon-card {
  position: relative;
  overflow: hidden;
  height: 20px;
  min-width: 80px;
  background-color: #ef5656;
  line-height: 20px;
  color: #ffffff;
  padding: 0 6px;
}
.coupon-card::before,
.coupon-card::after {
  content: " ";
  width: 0;
  height: 100%;
  position: absolute;
  top: -4px;
  z-index: 1;
}
.coupon-card::before {
  border-right: 4px dotted #ffffff;
  left: -2px;
}
.coupon-card::after {
  border-right: 4px dotted #ffffff;
  right: -2px;
}
.coupon-card:hover {
  opacity: .7;
}
.pages {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 56px 0;
}
.free-price-hover {
  width: 338px;
  border: 1px solid #e6ecf2;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  padding: 12px 16px;
  line-height: 18px;
  position: absolute;
  top: 29px;
  left: -143px;
  background-color: #ffffff;
  animation: hover-show 0.3s forwards ease-out;
  display: none;
  z-index: 3;
}
.free-price-hover .s-triangle {
  border: 8px solid transparent;
  border-bottom: 8px solid #e6ecf2;
  width: 0;
  position: absolute;
  top: -28px;
  left: 142px;
}
.free-price-hover .s-triangle::before {
  content: " ";
  border: 7px solid transparent;
  border-bottom: 7px solid #ffffff;
  width: 0;
  position: absolute;
  top: -5px;
  left: -7px;
}
@media (max-width: 768px) {
.free-price-hover {
    width: auto;
}
.free-price-hover .s-triangle {
    left: 120px;
}
}
.coupon-switch.ivu-switch-large {
  width: 46px;
}
.coupon-switch.ivu-switch-large.ivu-switch-checked:after {
  left: 25px;
}
.coupon-switch .ivu-switch-inner i {
  font-weight: 700er;
}
.merge-hover-tip {
  position: absolute;
  bottom: 84px;
  width: 312px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 16px;
  background-color: #ffffff;
  z-index: 999;
}
.merge-hover-tip .content-tip-in {
  line-height: 18px;
  position: relative;
}
.merge-hover-tip .content-tip-in::before,
.merge-hover-tip .content-tip-in::after {
  content: " ";
  height: 0;
  width: 0;
  border: 10px solid transparent;
  border-top: 10px solid #ffffff;
  position: absolute;
  left: 0;
}
.merge-hover-tip .content-tip-in::before {
  bottom: -36px;
  border-top: 10px solid #e6ecf2;
}
.merge-hover-tip .content-tip-in::after {
  bottom: -34px;
}
.public-risk-inner .btn_ok {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTc1Mjc5MDE2MDM0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ4MTgiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiAxMDI0QTUxMiA1MTIgMCAxIDEgNTEyIDBhNTEyIDUxMiAwIDAgMSAwIDEwMjR6TTM5NC42MDU3MTQgNDc1Ljc5NDI4NmE1MS4yIDUxLjIgMCAxIDAtNzIuNDExNDI4IDcyLjQxMTQyOGwxMDIuNCAxMDIuNGE1MS4yIDUxLjIgMCAwIDAgNzIuNDExNDI4IDBsMjA0LjgtMjA0LjhhNTEuMiA1MS4yIDAgMSAwLTcyLjQxMTQyOC03Mi40MTE0MjhMNDYwLjggNTQxLjk4ODU3MWwtNjYuMTk0Mjg2LTY2LjE5NDI4NXoiIHAtaWQ9IjQ4MTkiIGZpbGw9IiMwZGE4OGIiPjwvcGF0aD48L3N2Zz4K) !important;
}
@media (max-width: 768px) {
.public-risk-inner .btn_ok,
  .public-risk-inner .btn_slide {
    width: 50px !important;
}
}
.UC_OTC_IS_LOGIN .fedui-header-userinfo {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.UC_OTC_IS_LOGIN .fedui-header-nologin {
  display: none;
}
.auto-width-box {
  width: calc(100% - 320px) !important;
}
@media (max-width: 1599px) {
.auto-width-box {
    width: 100% !important;
}
}
.hide {
  visibility: hidden;
}
.none {
  display: none;
}
.overflow-hide {
  overflow: hidden;
}
.input-hide {
  opacity: 0;
  position: fixed;
  top: -9999px;
  left: -9999px;
  width: 0;
  height: 0;
}
.pay-iconfont {
  flex-shrink: 0;
  width: 56px;
  height: 24px;
}
.merchant-level2 {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgN0MxIDUuMTM2MjMgMSA0LjIwNDM1IDEuMzA0NDggMy40NjkyN0MxLjcxMDQ2IDIuNDg5MTUgMi40ODkxNSAxLjcxMDQ2IDMuNDY5MjcgMS4zMDQ0OEM0LjIwNDM1IDEgNS4xMzYyMyAxIDcgMUM4Ljg2Mzc3IDEgOS43OTU2NSAxIDEwLjUzMDcgMS4zMDQ0OEMxMS41MTA4IDEuNzEwNDYgMTIuMjg5NSAyLjQ4OTE1IDEyLjY5NTUgMy40NjkyN0MxMyA0LjIwNDM1IDEzIDUuMTM2MjMgMTMgN0MxMyA4Ljg2Mzc3IDEzIDkuNzk1NjUgMTIuNjk1NSAxMC41MzA3QzEyLjI4OTUgMTEuNTEwOCAxMS41MTA4IDEyLjI4OTUgMTAuNTMwNyAxMi42OTU1QzkuNzk1NjUgMTMgOC44NjM3NyAxMyA3IDEzQzUuMTM2MjMgMTMgNC4yMDQzNSAxMyAzLjQ2OTI3IDEyLjY5NTVDMi40ODkxNSAxMi4yODk1IDEuNzEwNDYgMTEuNTEwOCAxLjMwNDQ4IDEwLjUzMDdDMSA5Ljc5NTY1IDEgOC44NjM3NyAxIDdaIiBmaWxsPSIjMDBBMTcxIi8+CjxwYXRoIGQ9Ik0zLjkxMTA1IDMuOTI5NzdDNC4yNzc3NSAzLjM1MDg2IDQuOTE1MzMgMyA1LjYwMDYxIDNIOC4zOTkzOUM5LjA4NDY3IDMgOS43MjIyNSAzLjM1MDg2IDEwLjA4OSAzLjkyOTc3TDExLjEwNzkgNS41Mzg0NEMxMS4zNDEzIDUuOTA2OTIgMTEuMzA5IDYuMzg0MTYgMTEuMDI4IDYuNzE3NzdMNy43NjQ4NCAxMC41OTE5QzcuMzY1MjggMTEuMDY2MyA2LjYzNDcyIDExLjA2NjMgNi4yMzUxNiAxMC41OTE5TDIuOTcyIDYuNzE3NzdDMi42OTEwMSA2LjM4NDE2IDIuNjU4NjYgNS45MDY5MiAyLjg5MjA2IDUuNTM4NDRMMy45MTEwNSAzLjkyOTc3WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTUuMTM5NjUgN0w2LjgxOTM1IDguNjc5NzFDNi44OTc0NiA4Ljc1NzgxIDcuMDI0MDkgOC43NTc4MSA3LjEwMjIgOC42Nzk3MUw4Ljc4MTkgNyIgc3Ryb2tlPSIjMDBBMTcxIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==) no-repeat 50% 50%;
  background-size: cover;
}
.merchant-level3 {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgN0MxIDUuMTM2MjMgMSA0LjIwNDM1IDEuMzA0NDggMy40NjkyN0MxLjcxMDQ2IDIuNDg5MTUgMi40ODkxNSAxLjcxMDQ2IDMuNDY5MjcgMS4zMDQ0OEM0LjIwNDM1IDEgNS4xMzYyMyAxIDcgMUM4Ljg2Mzc3IDEgOS43OTU2NSAxIDEwLjUzMDcgMS4zMDQ0OEMxMS41MTA4IDEuNzEwNDYgMTIuMjg5NSAyLjQ4OTE1IDEyLjY5NTUgMy40NjkyN0MxMyA0LjIwNDM1IDEzIDUuMTM2MjMgMTMgN0MxMyA4Ljg2Mzc3IDEzIDkuNzk1NjUgMTIuNjk1NSAxMC41MzA3QzEyLjI4OTUgMTEuNTEwOCAxMS41MTA4IDEyLjI4OTUgMTAuNTMwNyAxMi42OTU1QzkuNzk1NjUgMTMgOC44NjM3NyAxMyA3IDEzQzUuMTM2MjMgMTMgNC4yMDQzNSAxMyAzLjQ2OTI3IDEyLjY5NTVDMi40ODkxNSAxMi4yODk1IDEuNzEwNDYgMTEuNTEwOCAxLjMwNDQ4IDEwLjUzMDdDMSA5Ljc5NTY1IDEgOC44NjM3NyAxIDdaIiBmaWxsPSIjRkU4NzMxIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy42MTQ5OCA1LjExNTIzQzMuMjY5OTEgNC43NzAxNiAyLjY4NTU0IDUuMDczMTkgMi43Njg3NiA1LjU1NDA1TDMuNDk0MjEgOS43NDYxQzMuNTU0NDYgMTAuMDk0MyAzLjc5MzUzIDEwLjM4NDkgNC4xMzA3IDEwLjQ5MDZDNC43ODUwOSAxMC42OTU3IDUuOTI2NTEgMTEuMDAwMSA2LjkzNzU4IDExLjAwMDFDNy45NTQ5NyAxMS4wMDAxIDkuMTA0MzIgMTAuNjkxOSA5Ljc1NjY0IDEwLjQ4NjhDMTAuMDg3MiAxMC4zODI4IDEwLjMyMzcgMTAuMTAwNyAxMC4zODkzIDkuNzYwNDJMMTEuMTkxMSA1LjYwMTU3QzExLjI4NDQgNS4xMTc1NyAxMC42OTUxIDQuODA0ODIgMTAuMzQ2NiA1LjE1MzM1TDkuNDkwMzggNi4wMDk1M0M5LjI0OTA1IDYuMjUwODUgOC44NDIyMyA2LjE4NDgzIDguNjg5NjEgNS44Nzk1OEw3LjQ0NzA3IDMuMzk0NDRDNy4yNjI4MSAzLjAyNTkxIDYuNzM2OSAzLjAyNTkxIDYuNTUyNjQgMy4zOTQ0NEw1LjMxMDA3IDUuODc5NThDNS4xNTc0NSA2LjE4NDgzIDQuNzUwNjMgNi4yNTA4NSA0LjUwOTMxIDYuMDA5NTRMMy42MTQ5OCA1LjExNTIzWk01LjcyMzQ1IDguMDUyODdDNS40NzY0NiA3LjkyOTM3IDUuMTc2MTMgOC4wMjk0OCA1LjA1MjYzIDguMjc2NDdDNC45MjkxNCA4LjUyMzQ2IDUuMDI5MjUgOC44MjM4IDUuMjc2MjQgOC45NDcyOUM2LjQxNyA5LjUxNzY3IDcuNTgyNjkgOS41MTc2NyA4LjcyMzQ1IDguOTQ3MjlDOC45NzA0NCA4LjgyMzggOS4wNzA1NSA4LjUyMzQ2IDguOTQ3MDYgOC4yNzY0N0M4LjgyMzU2IDguMDI5NDggOC41MjMyMyA3LjkyOTM3IDguMjc2MjQgOC4wNTI4N0M3LjQxNyA4LjQ4MjQ4IDYuNTgyNjkgOC40ODI0OCA1LjcyMzQ1IDguMDUyODdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat 50% 50%;
  background-size: cover;
}
.thumb-up {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgN0MxIDUuMTM2MjMgMSA0LjIwNDM1IDEuMzA0NDggMy40NjkyN0MxLjcxMDQ2IDIuNDg5MTUgMi40ODkxNSAxLjcxMDQ2IDMuNDY5MjcgMS4zMDQ0OEM0LjIwNDM1IDEgNS4xMzYyMyAxIDcgMUM4Ljg2Mzc3IDEgOS43OTU2NSAxIDEwLjUzMDcgMS4zMDQ0OEMxMS41MTA4IDEuNzEwNDYgMTIuMjg5NSAyLjQ4OTE1IDEyLjY5NTUgMy40NjkyN0MxMyA0LjIwNDM1IDEzIDUuMTM2MjMgMTMgN0MxMyA4Ljg2Mzc3IDEzIDkuNzk1NjUgMTIuNjk1NSAxMC41MzA3QzEyLjI4OTUgMTEuNTEwOCAxMS41MTA4IDEyLjI4OTUgMTAuNTMwNyAxMi42OTU1QzkuNzk1NjUgMTMgOC44NjM3NyAxMyA3IDEzQzUuMTM2MjMgMTMgNC4yMDQzNSAxMyAzLjQ2OTI3IDEyLjY5NTVDMi40ODkxNSAxMi4yODk1IDEuNzEwNDYgMTEuNTEwOCAxLjMwNDQ4IDEwLjUzMDdDMSA5Ljc5NTY1IDEgOC44NjM3NyAxIDdaIiBmaWxsPSIjRkZEMTJFIi8+CjxwYXRoIGQ9Ik0zLjUgMTBWNi41QzMuNSA2LjIyMzg2IDMuNzIzODYgNiA0IDZDNC4yNzYxNCA2IDQuNSA2LjIyMzg2IDQuNSA2LjVWMTBDNC41IDEwLjI3NjEgNC4yNzYxNCAxMC41IDQgMTAuNUMzLjcyMzg2IDEwLjUgMy41IDEwLjI3NjEgMy41IDEwWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTcuMjY5NDggMy40NjEwNEw2LjI0NzIxIDUuNTA1NTdDNi4wOTU3IDUuODA4NTkgNS43ODYgNiA1LjQ0NzIxIDZDNS4yMDAyMiA2IDUgNi4yMDAyMiA1IDYuNDQ3MjFWOS41QzUgMTAuMDUyMyA1LjQ0NzcyIDEwLjUgNiAxMC41SDguNzc5MjRDOS4yMDk2NyAxMC41IDkuNTkxODEgMTAuMjI0NiA5LjcyNzkyIDkuODE2MjNMMTAuNTYxMyA3LjMxNjIzQzEwLjc3NzEgNi42Njg3IDEwLjI5NTEgNiA5LjYxMjU3IDZIOC43MzYwOUM4LjYxMjUgNiA4LjUxODUgNS44ODkwMyA4LjUzODgxIDUuNzY3MTJMOC44MzgxNCAzLjk3MTE0QzguOTIyODcgMy40NjI3OCA4LjUzMDg0IDMgOC4wMTU0NiAzQzcuNjk5NTUgMyA3LjQxMDc2IDMuMTc4NDggNy4yNjk0OCAzLjQ2MTA0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) no-repeat;
  background-size: cover;
}
.compensate {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTUgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT7nvJbnu4QgNjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIxMDAlIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM1QjhFRTEiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzM0NkRDQiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSIgaWQ9ImxpbmVhckdyYWRpZW50LTIiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjOTBCOEZCIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM1OThDRTAiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0i57uf5LiA5oCn5pW05ZCI6aG16Z2id2ViIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMzc15bGP5bmV5pS+NeS4qiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwOC4wMDAwMDAsIC0yNDYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjA2LjAwMDAwMCwgMjQ1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgZmlsbC1vcGFjaXR5PSIwIiBmaWxsPSIjQzU3NDc0IiB4PSIwLjIiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC0xMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wMDAwMDAsIDIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTcuMiwtMC4yNjA5Nzk4ODYgQzkuNzQwNTEwMDYsLTAuMjk2MzYxODkyIDExLjk1NjM0NjcsMC4yODYxMDY1MzEgMTMuODQxMTIzNSwxLjQ4NzgyNzYgTDEzLjk2MjUxNDcsMS41NjUyMjU4NCBMMTMuOTYyNSwxLjcwOTE5MjI0IEwxMy45NjA0ODQ0LDYuMTczNDg4NTYgQzEzLjU3ODg1NDYsOS42NTY0OTY0NSAxMS4zNTEwMTc2LDEyLjM0ODk3NDggNy4zMTExNzk0OCwxNC4yMzc3OTI3IEw3LjA4ODgyMDUyLDE0LjIzNzc5MjcgQzMuMDQ4OTgyMzYsMTIuMzQ4OTc0OCAwLjgyMTE0NTM3NCw5LjY1NjQ5NjQ1IDAuNDM3OTUzOTMxLDYuMTQ0OTI0NjcgTDAuNDM3NDg1MjY5LDEuNTY1MjI1ODQgTDAuNTU4ODc2NTEzLDEuNDg3ODI3NiBDMi40NDM2NTM0NCwwLjI4NjEwNjQzMyA0LjY1OTQ4OTk5LC0wLjI5NjM2MTg1NiA3LjIsLTAuMjYwOTc5ODg2IFoiIGlkPSLlvaLnirbnu5PlkIgiIHN0cm9rZT0iIzU3OEFERiIgc3Ryb2tlLXdpZHRoPSIwLjUyNSIgZmlsbD0iI0M0REFGQyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wMDAwMDAsIDEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC40MzkzOTM5LDEuNDQyMDkzMTEgTDEwLjQzOTAyOTQsNS4xODQ3MDI5OCBDMTAuMTQxMjU1MSw4LjA0MDE2NjcyIDguNDAxMzk3NzcsMTAuMjQ5NDMwMiA1LjIxOTQ1NzI4LDExLjgxMjQ5MzUgTDUuMjE5NDU3MjgsMC4wMDEzMDc5OTMzIEM3LjIyMTA5ODY0LC0wLjAyODUxNzk3NDQgOC45NjEwNzc1MywwLjQ1MTc0MzczMiAxMC40MzkzOTM5LDEuNDQyMDkzMTEgWiIgaWQ9Iui3r+W+hC0xMyIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNS4yMTk5MzY2NiwxLjQ0MjA5MzExIEw1LjIxOTU3MjE0LDUuMTg0NzAyOTggQzQuOTIxNzk3ODYsOC4wNDAxNjY3MiAzLjE4MTk0MDQ4LDEwLjI0OTQzMDIgNi44NDM0MTQ3MmUtMTMsMTEuODEyNDkzNSBMNi44NDM0MTQ3MmUtMTMsMC4wMDEzMDc5OTMzIEMyLjAwMTY0MTM2LC0wLjAyODUxNzk3NDQgMy43NDE2MjAyNCwwLjQ1MTc0MzczMiA1LjIxOTkzNjY2LDEuNDQyMDkzMTEgWiIgaWQ9Iui3r+W+hC0xMyIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0yKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi42MDk5NjgsIDUuOTA2MjQ3KSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0yLjYwOTk2OCwgLTUuOTA2MjQ3KSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTguODI5NTU1MzgsMy42NDQyMjc1OCBDOC42MzkzOTE5MSwzLjQ1NTA3ODA0IDguMzI3NjI3ODgsMy40NTE1MjA5IDguMTMzMjQxNDcsMy42MzYxOTI5NiBMNC43Nzc4NDI4Myw2LjgyMjg2MTYxIEwzLjA0NDkwMTc3LDUuMTM3MzIyNzMgQzIuODY0OTQ0MzcsNC45NjIxMTY5MSAyLjU2MzIyNDMsNC45NzE4Mzg4IDIuMzcwODA2NTQsNS4xNTg4NDA5IEMyLjE3ODM5NjQ5LDUuMzQ1ODcyMjIgMi4xNjgzNzU3LDUuNjM5NDIwNjcgMi4zNDg1NDkyNiw1LjgxNDU4OTk4IEw0LjQ2Njg1MDgzLDcuODc0ODc4MDkgQzQuNjQ2NzYxOSw4LjA0OTg0Mjg3IDQuOTQ4NTIwNTcsOC4wNDAxMjA5OCA1LjE0MDg5OTc0LDcuODUzMTI2MTggQzUuMTg0OTgxOTYsNy44MTAyODcwNiA1LjIxNzk4NTczLDcuNzYxNzIxNDQgNS4yNDI3NDQzNSw3LjcxMDM2NTYxIEM1LjI2MTc5MDAzLDcuNjk2ODgyMDYgNS4yODA3ODk0LDcuNjg0MDkyNDEgNS4yOTgwNDQsNy42Njc1MjY0OSBMOC44MjEzMjU2Nyw0LjMyMTUzMTM1IEM5LjAxNTk3NDU2LDQuMTM2Njc2NjggOS4wMTk0ODcyNCwzLjgzMzYxMDg1IDguODI5NTkzOTgsMy42NDQyMzQ4OSBMOC44Mjk1NTUzOCwzLjY0NDIzNDg5IEw4LjgyOTU1NTM4LDMuNjQ0MjI3NTggWiIgaWQ9Iui3r+W+hCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjAuMyIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 50% 50%;
}
.spe-hover:hover {
  opacity: 0.7;
}
#baymax {
  z-index: 1000 !important;
}
.cursor {
  cursor: pointer;
}
.font12 {
  font-size: 12px;
}
.font14 {
  font-size: 14px !important;
}
.font16 {
  font-size: 16px;
}
.font18 {
  font-size: 18px;
}
.font20 {
  font-size: 20px;
}
.font24 {
  font-size: 24px;
}
.font32 {
  font-size: 32px;
}
.font-normal {
  font-weight: 400;
}
.font-bold,
.font-bold-cn {
  font-weight: 500;
}
.font-bold-en,
.en-lang .font-bold {
  font-weight: 700;
}
.font-blue {
  color: #0173E5;
}
.font-green {
  color: #00A171;
}
.font-warning {
  color: #faad14;
}
.font-red {
  color: #ef5656;
}
.font-base {
  color: #000000;
}
.font-black {
  color: #565656;
}
.font-gray {
  color: #B5B8BB;
}
.l-height12 {
  line-height: 12px;
}
.l-height14 {
  line-height: 14px;
}
.l-height16 {
  line-height: 16px;
}
.l-height18 {
  line-height: 18px;
}
.l-height20 {
  line-height: 20px;
}
.l-height22 {
  line-height: 22px;
}
.l-height24 {
  line-height: 24px;
}
.text-separator:before,
.text-separator:after {
  content: '\FF0C';
}
.btnCopy {
  cursor: pointer;
  border-bottom: 1px dotted transparent;
}
.btnCopy:hover {
  border-bottom: 1px dotted #B5B8BB;
}
.fixed-width {
  width: 1200px;
  margin: 0 auto;
}
.h5 .fixed-width {
  width: unset;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}
.h-0 {
  height: 0;
}
.w-0 {
  width: 0;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.over-hidden {
  overflow: hidden;
}
.flex {
  display: flex;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.align-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-1 {
  flex: 1;
}
.flex-align-center {
  display: flex;
  align-items: center;
}
.flex-space-between {
  display: flex;
  justify-content: space-between;
}
.overflow-ell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-ell-mult {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.bold {
  font-weight: 700;
}
.m-10 {
  margin: 10px;
}
.m-20 {
  margin: 20px;
}
.m-30 {
  margin: 30px;
}
.m-40 {
  margin: 40px;
}
.m-50 {
  margin: 50px;
}
.mt-0 {
  margin-top: 0;
}
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-50 {
  margin-top: 50px;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-50 {
  margin-bottom: 50px;
}
.ml-0 {
  margin-left: 0;
}
.ml-10 {
  margin-left: 10px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-30 {
  margin-left: 30px;
}
.ml-40 {
  margin-left: 40px;
}
.ml-50 {
  margin-left: 50px;
}
.mr-0 {
  margin-right: 0;
}
.mr-10 {
  margin-right: 10px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-30 {
  margin-right: 30px;
}
.mr-40 {
  margin-right: 40px;
}
.mr-50 {
  margin-right: 50px;
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}
.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}
.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}
.mx-50 {
  margin-left: 50px;
  margin-right: 50px;
}
.p-0 {
  padding: 0;
}
.p-10 {
  padding: 10px;
}
.p-20 {
  padding: 20px;
}
.p-30 {
  padding: 30px;
}
.p-40 {
  padding: 40px;
}
.p-50 {
  padding: 50px;
}
.pt-0 {
  padding-top: 0;
}
.pt-10 {
  padding-top: 10px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-30 {
  padding-top: 30px;
}
.pt-40 {
  padding-top: 40px;
}
.pt-50 {
  padding-top: 50px;
}
.pb-0 {
  padding-bottom: 0;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pl-0 {
  padding-left: 0;
}
.pl-10 {
  padding-left: 10px;
}
.pl-20 {
  padding-left: 20px;
}
.pl-30 {
  padding-left: 30px;
}
.pl-40 {
  padding-left: 40px;
}
.pl-50 {
  padding-left: 50px;
}
.pr-0 {
  padding-right: 0;
}
.pr-10 {
  padding-right: 10px;
}
.pr-20 {
  padding-right: 20px;
}
.pr-30 {
  padding-right: 30px;
}
.pr-40 {
  padding-right: 40px;
}
.pr-50 {
  padding-right: 50px;
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}
.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}
.border {
  border: 1px solid #dbdadd80;
}
.border-t {
  border-top: 1px solid #dbdadd80;
}
.border-b {
  border-bottom: 1px solid #dbdadd80;
}
.border-l {
  border-left: 1px solid #dbdadd80;
}
.border-r {
  border-right: 1px solid #dbdadd80;
}
.border-b-dashed {
  border-bottom: 1px dashed #ADADB4;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.border-box {
  box-sizing: border-box;
}
.scroll {
  overflow: auto;
}
.pre {
  white-space: pre-wrap;
}
.custom-modal {
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-modal .ivu-modal {
  top: unset;
}
.custom-modal .ivu-modal .ivu-modal-header {
  padding: 22px 24px;
  border-bottom: 0;
}
.custom-modal .ivu-modal .ivu-modal-header-inner {
  font-size: 20px;
  font-weight: 500;
  color: #000;
}
.custom-modal .ivu-modal .ivu-modal-body {
  max-height: 460px;
  overflow: auto;
  padding: 0 24px;
}
.custom-modal .ivu-modal .ivu-modal-close {
  right: 13px;
  top: 17px;
}
.custom-modal .ivu-modal .ivu-modal-footer {
  padding: 22px 24px;
  border-top: 0;
}
.custom-iview .ivu-form-item {
  margin-bottom: 16px;
}
.custom-iview .ivu-form-item-label {
  font-size: 14px !important;
  color: #000 !important;
}
.custom-iview .ivu-input,
.custom-iview .ivu-select-input {
  padding: 10px 12px;
  height: 44px !important;
  background: #f5f5f5;
  border: none;
}
.custom-iview .ivu-input::placeholder,
.custom-iview .ivu-select-input::placeholder {
  color: #8a8a8e;
}
.custom-iview .ivu-select-selection {
  background: #f5f5f5;
  height: 44px !important;
  border: none;
  border-radius: 4px;
  overflow: hidden;
}
.custom-iview .ivu-input[disabled] {
  background: #ebebeb !important;
  border: none;
}
.custom-iview .ivu-input[disabled]:hover {
  border: none !important;
}
.custom-iview .ivu-select-disabled .ivu-select-selection {
  background: #ebebeb !important;
}
.custom-iview .ivu-select-disabled .ivu-select-selection .ivu-select-input {
  -webkit-text-fill-color: #000 !important;
  color: #000 !important;
  background: #ebebeb !important;
}
.custom-iview .ivu-btn-large {
  height: 44px;
  font-weight: 700;
}
.custom-iview-small .ivu-select-single .ivu-select-selection {
  height: 28px;
}
.custom-iview-small .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
.custom-iview-small .ivu-select-single .ivu-select-selection .ivu-select-selected-value,
.custom-iview-small .ivu-select-single .ivu-select-selection .ivu-select-input {
  height: 28px;
  line-height: 26px;
}
.custom-iview-small .ivu-input {
  height: 28px;
}
.custom-iview-small .ivu-input-suffix i {
  line-height: 28px;
}
.custom-iview-small .ivu-btn {
  padding: 4px 15px 4px;
  line-height: 1;
  height: 28px;
}
::v-deep .ivu-rate-star:before {
  color: #fff;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMTc1MTMgMS4yMDM1OUM4LjU3MjMzIDAuNjI0MDE2IDkuNDI3NjYgMC42MjQwMTQgOS44MjQ4NyAxLjIwMzU5TDEyLjMyNTcgNC44NTI1N0MxMi40NTU3IDUuMDQyMyAxMi42NDcyIDUuMTgxNDEgMTIuODY3OCA1LjI0NjQ1TDE3LjExMSA2LjQ5NzI2QzE3Ljc4NDkgNi42OTU5MyAxOC4wNDkyIDcuNTA5MzkgMTcuNjIwOCA4LjA2NjI2TDE0LjkyMzIgMTEuNTcyM0MxNC43ODI5IDExLjc1NDYgMTQuNzA5OCAxMS45Nzk2IDE0LjcxNjEgMTIuMjA5NkwxNC44Mzc3IDE2LjYzMTZDMTQuODU3MSAxNy4zMzQgMTQuMTY1MSAxNy44MzY3IDEzLjUwMzEgMTcuNjAxM0w5LjMzNTA1IDE2LjExOTFDOS4xMTgzMyAxNi4wNDIxIDguODgxNjcgMTYuMDQyMSA4LjY2NDk1IDE2LjExOTFMNC40OTY5MyAxNy42MDEzQzMuODM0OTIgMTcuODM2NyAzLjE0Mjk1IDE3LjMzNCAzLjE2MjI2IDE2LjYzMTZMMy4yODM4OCAxMi4yMDk2QzMuMjkwMjEgMTEuOTc5NiAzLjIxNzA4IDExLjc1NDYgMy4wNzY4MSAxMS41NzIzTDAuMzc5MjE2IDguMDY2MjZDLTAuMDQ5MjQ2NSA3LjUwOTQgMC4yMTUwNjQgNi42OTU5MyAwLjg4OTAxMyA2LjQ5NzI2TDUuMTMyMiA1LjI0NjQ1QzUuMzUyODIgNS4xODE0MSA1LjU0NDI5IDUuMDQyMyA1LjY3NDMyIDQuODUyNTdMOC4xNzUxMyAxLjIwMzU5WiIgZmlsbD0iI0RERERERCIvPgo8L3N2Zz4K) !important;
}
::v-deep .ivu-rate-star-full:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMTc1MTMgMS4yMDM1OUM4LjU3MjMzIDAuNjI0MDE2IDkuNDI3NjYgMC42MjQwMTQgOS44MjQ4NyAxLjIwMzU5TDEyLjMyNTcgNC44NTI1N0MxMi40NTU3IDUuMDQyMyAxMi42NDcyIDUuMTgxNDEgMTIuODY3OCA1LjI0NjQ1TDE3LjExMSA2LjQ5NzI2QzE3Ljc4NDkgNi42OTU5MyAxOC4wNDkyIDcuNTA5MzkgMTcuNjIwOCA4LjA2NjI2TDE0LjkyMzIgMTEuNTcyM0MxNC43ODI5IDExLjc1NDYgMTQuNzA5OCAxMS45Nzk2IDE0LjcxNjEgMTIuMjA5NkwxNC44Mzc3IDE2LjYzMTZDMTQuODU3MSAxNy4zMzQgMTQuMTY1MSAxNy44MzY3IDEzLjUwMzEgMTcuNjAxM0w5LjMzNTA1IDE2LjExOTFDOS4xMTgzMyAxNi4wNDIxIDguODgxNjcgMTYuMDQyMSA4LjY2NDk1IDE2LjExOTFMNC40OTY5MyAxNy42MDEzQzMuODM0OTIgMTcuODM2NyAzLjE0Mjk1IDE3LjMzNCAzLjE2MjI2IDE2LjYzMTZMMy4yODM4OCAxMi4yMDk2QzMuMjkwMjEgMTEuOTc5NiAzLjIxNzA4IDExLjc1NDYgMy4wNzY4MSAxMS41NzIzTDAuMzc5MjE2IDguMDY2MjZDLTAuMDQ5MjQ2NSA3LjUwOTQgMC4yMTUwNjQgNi42OTU5MyAwLjg4OTAxMyA2LjQ5NzI2TDUuMTMyMiA1LjI0NjQ1QzUuMzUyODIgNS4xODE0MSA1LjU0NDI5IDUuMDQyMyA1LjY3NDMyIDQuODUyNTdMOC4xNzUxMyAxLjIwMzU5WiIgZmlsbD0iI0VEQkY2MCIvPgo8L3N2Zz4K) !important;
}
.ivu-tooltip-popper {
  z-index: 999 !important;
}

.trade-follow[data-v-709c9896] {
  width: 100%;
  padding-bottom: 100px;
  display: flex;
  justify-content: center;
  background: #f2f6fc;
  border-radius: 50px;
}

.orders-detail-remark-inner {
  padding: 40px 0 24px 0;
}
.orders-detail-remark-inner p {
  line-height: 18px;
}
.orders-detail-remark-inner .remark-container {
  line-height: 18px;
}
.orders-detail-remark-inner .remark-container::before {
  content: " ";
  display: block;
  height: 4px;
  width: 4px;
  border-radius: 2px;
  background-color: #B5B8BB;
  margin: 6px 8px 0 0;
}
.orders-detail-remark-inner .remark-container div {
  flex: 1;
  min-width: 0;
  max-width: 800px;
  margin-bottom: 4px;
}
@media (max-width: 768px) {
.orders-detail-remark-inner .remark-container div {
    min-width: 250px!important;
    max-width: 94%!important;
}
}


.preview-video {
	position: relative;
}
.preview-video img {
	cursor: pointer;
}
.preview-video .video-player-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.8);
	display: flex;
	align-items: center;
	z-index: 999999;
	justify-content: center;
}
.preview-video video {
	max-width: 80%;
	max-height: 80%;
}
.preview-video .close-btn{
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(0,0,0,.5);
	height: 26px;
	width: 26px;
	line-height: 26px;
	cursor: pointer;
}
.preview-video .close-btn img{
	width: 26px;
	height: 26px;
}

.download[data-v-044bb1f0] {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  color: #000;
}
.download .icon[data-v-044bb1f0] {
  width: 16px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGCSURBVHgB7ZiNTcMwEIUfPwN0hDBBswFhAtgAdwOYgI7QDeoNYIOUCSImqDeADcAWDnFNVdt1Lgb1PukpV9f23Yvc5FSAYRiGyeACtAitudYb/iFC69PqHkScg47Kia9ABKWBSWADpWEDpWEDpTl5AzOtGseRs/aHXAPPWp3VLGGdmdvadS0yyDVQO9cWcSb64mtvj6PINfDoxDEm/OL9PYogMHSdRv1xWjpjSzvWeXMF/ggCv02snM8rFCz+Cd93MITAboGHJCL2i80bXdRD4vyc4kVs3tCPuHLimCeM1Foc+H5h54SoYvNSvIkldk182Gts8UlQtRISgwkFouINl6BDam1srEAEpQGDAjHcTpcmxUBKtzkZIQPKieeYjmsn7pCBuevuW7QBPXdezgqZSGezd61b0NHYHH2+dWjBGcL0bXDljG20XjEeJoc5oo0zprRuMNKjuNLaIr7bzNUWIxydfSYkQF78GglPvJgjtM9IjRH+UfBQWi8Ymj+GYRiGni+h4ZoggTbfnQAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
}
.download[data-v-044bb1f0]:hover {
  color: #0173E5;
}
.download:hover .icon[data-v-044bb1f0] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIESURBVHgB7ZldTgIxFIXP7RB99dVEE1iBuAJxBeoK1B2M4rtuQGUH6gp0B+gKiCuQ+Merz4q9tmDGKjpTKBdI7JeQtKTtnNPeae/MAJFIJBKZWfYfd1DvbEMQghRGPBGd2SJD7eB48QICKEjBXM7KuluBEHIGJkQ0MG2igWkTDUybf24gvVtA+ljFKIT0dQgyQKX5S0qoRQdPrZ4gX0xbKs01e33rz00EELYCmvszyKhaQV4mPsXbPv0/OGgVggwweM+pFJsYEG9TJmeMEQhbgZOlcyNgN6vnmfhd/K4dAwGE70J/mVDITChTlhBvKXweUPudQ3CX9OnyUW5DJ/8vwke873XJV1QvVk+WGr7t/8Jr5oe4bn4IuQ8lzMU7zM9wGhjOM2yGuO74T+LBe+Klr2M8Mf8TmVTCNUFoS4m3yOVC1sS7qpjflpR4SwmSNBbbECam09PG34Bzss4S+QaI2lkRyQomBCXJWlZJVCuvbb4B/Xb1VeEa6g81SJPeb5pDo5bVu+o2r3m+gUblxaTM2TtNgrrEwdMGpEgfamb2s1SEgfOinaz45a5Ng9Vcy7QsO92uWb/fYEzYbJV7IerMPJsDUKv1cAOWtFMmpZvfTQjiKd7itwuZgeyAbjhJYcOG9euq7yE4/PcBsxpI3qrQFPxG4bsSs+PZTcPcd4hEIpHIpPgAZ/bvn/J3afEAAAAASUVORK5CYII=);
}
.download-poptip[data-v-044bb1f0]  .ivu-poptip-popper {
  min-width: 80px;
}
.download-poptip[data-v-044bb1f0]  .ivu-poptip-body {
  padding: 0;
}
.pdf-mssage[data-v-044bb1f0] {
  display: flex;
  padding: 10px;
  gap: 8px;
  background: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  width: 228px;
}
.pdf-mssage .name[data-v-044bb1f0] {
  color: #000;
  display: flex;
  flex-direction: column;
  max-height: 32px;
  overflow-y: hidden;
}
.pdf-mssage .name > span[data-v-044bb1f0] {
  display: -webkit-box;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /*! autoprefixer: on */
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.pdf-mssage .size[data-v-044bb1f0] {
  margin-top: 4px;
  color: #ADADB4;
}


.icons-loading[data-v-3ef0829e] {
    max-height: 25px !important;
}

.flex-33 {
  flex: 0 0 33.33%;
  margin-right: 20px;
  flex-basis: 132px;
}
.flex-33:nth-child(3n) {
  margin-right: 0;
}
.info-item-wrapper {
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
}
.info-item-wrapper span {
  display: inline-block;
  word-break: break-all;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}
.info-item-wrapper img {
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.info-item-wrapper .label {
  color: #B5B8BB;
  font-size: 12px;
  line-height: 12px;
}
.info-item-wrapper .detail {
  margin-top: 6px;
  font-size: 14px !important;
  font-size: 14px;
}
@media (max-width: 768px) {
.flex-33 {
    margin-right: 0;
    flex-basis: auto;
}
.info-item-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 16px;
    width: 100%;
    padding-right: 0;
}
.info-item-wrapper .label {
    width: 140px;
    flex: 0 0 140px;
}
.info-item-wrapper .detail {
    margin-top: 0px;
    text-align: right;
    white-space: pre-wrap;
}
}

.info-card-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex: 1;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
.info-card-wrapper {
    display: flex;
    flex-direction: column;
}
.info-card-wrapper .info-item-wrapper {
    flex: 1;
}
}

.payment-card-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 32px;
}
.payment-card-wrapper .content {
  display: flex;
  flex-direction: row;
}
.payment-card-wrapper .info-card-wrapper .seperator {
  background-color: #ECF1F8;
  height: 1px;
  width: 100%;
  margin-top: 8px;
}
.payment-card-wrapper:last-child .info-card-wrapper .seperator {
  height: 0;
}
.payment-card-wrapper:first-of-type {
  margin-top: 0;
}
@media (max-width: 768px) {
.payment-card-wrapper .content {
    display: flex;
    flex-direction: column;
}
}
.payment-card-middle {
  margin-top: 32px;
}
.payment-card-small {
  margin-top: 24px;
}

.FlipCardWrap {
  width: 200px;
  height: auto;
}
.FlipCardWrap .fairy-item {
  position: fixed;
}

.web-card-page {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 100;
  top: 0;
  left: 0;
}
.web-card-page.hasBg {
  background-color: rgba(0, 0, 0, 0.8);
  background-repeat: no-repeat;
  background-position: 40% 30%;
}
.web-card-page .van-popup {
  background: transparent;
  width: 100%;
  height: 100%;
}
.web-card-page .loading-box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.web-card-page .cd-container {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}
.web-card-page .cd-container .cd-body {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
.web-card-page .cd-container .cd-body .card-head {
  width: 100%;
  height: 30px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
}
.web-card-page .cd-container .cd-body .note {
  width: 100%;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  text-align: center;
  margin-top: 10px;
}
.web-card-page .cd-container .cd-body .note span {
  color: yellow;
}
.web-card-page .cd-container .cd-body .content {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
.web-card-page .cd-container .cd-body .content .cd-item {
  margin-right: 10px;
  width: auto;
  width: 110px;
}
.web-card-page .cd-container .cd-body .content .cd-item:last-child {
  margin-right: 0;
}
.web-card-page .cd-container .cd-body .content .cd-item .small {
  width: 100%;
  height: 140px;
}
.web-card-page .cd-container .cd-body .content .cd-item .small .card-footer {
  height: 18px;
  display: flex;
  align-items: center;
}
.web-card-page .cd-container .cd-body .content .cd-item .small .card-footer .icon-sponsor-huobi {
  width: 36px;
  height: 12px;
  margin-bottom: 2px;
}
.web-card-page .cd-container .cd-body .content .cd-item .small .card-footer .icon-sponsor-and {
  height: 6px;
  margin: 0 4px;
  width: 6px;
}
.web-card-page .cd-container .cd-body .content .cd-item .small .card-footer .icon-sponsor-item img {
  width: 12px;
  height: 12px;
}
.web-card-page .cd-container .cd-body .content .cd-item .small .card-footer .icon-sponsor-item span {
  font-size: 12px;
  transform: scale(0.7);
}
.web-card-page .cd-container .cd-body .content .cd-item .small .overturn {
  bottom: 18px;
  height: 16px;
  width: 16px;
}
.web-card-page .cd-container .cd-body .content .cd-item .small .overturn .turn {
  height: 8px;
  width: 12px;
}
.web-card-page .cd-container .cd-body .content .cd-item .small .overturn .done {
  height: 12px;
  width: 12px;
}
.web-card-page .cd-container .confirm {
  position: fixed;
  width: 240px;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  line-height: 40px;
  color: #000;
  bottom: 40px;
  left: 50%;
  margin-left: -120px;
  background: #eeb27f;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
}
.web-card-page .cd-container .closeBtn {
  position: fixed;
  right: 20px;
  top: 45px;
  font-size: 30px;
  color: #fff;
}

.modal[data-v-34a094cb]  .ivu-modal-body {
  padding: 0;
}
.modal .tips[data-v-34a094cb] {
  display: flex;
  padding: 8px 24px;
  gap: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #000;
  border-radius: 4px;
  background: #FFF3EA;
}
.modal .content[data-v-34a094cb] {
  padding: 16px 24px;
}
.modal .content > div[data-v-34a094cb] {
  display: flex;
  font-size: 14px;
  line-height: 20px;
  color: #000;
}
.modal .content > div > span[data-v-34a094cb] {
  flex: 1;
  margin-left: 4px;
}

.modal-content .self-message .ivu-progress-show-info .ivu-progress-outer {
  padding-right: 45px !important;
  margin-right: -50px !important;
}
.chat-modal-in-container {
  position: relative;
  height: 645px;
  background-color: #F8FAFD;
  width: 328px;
  padding: 15px 24px 24px 24px;
  box-sizing: border-box;
}
.chat-modal-in-container .mr-16 {
  margin-right: 16px;
}
.chat-modal-in-container .ml-16 {
  margin-left: 16px;
}
.chat-modal-in-container .word-break {
  word-break: break-all;
}
.chat-modal-in-container.order-modal-inner .footer-inner {
  position: absolute;
  bottom: 24px;
  justify-content: space-between;
  display: flex;
  align-items: center;
  height: 40px;
}
.chat-modal-in-container.order-modal-inner .footer-inner .input-box {
  padding: 8px 12px;
  border: 1px solid #ECF1F8;
  background-color: white;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 250px;
  height: 40px;
}
.chat-modal-in-container.order-modal-inner .footer-inner .icon-upload-btn.cursor:hover {
  color: #0173E5;
}
.chat-modal-in-container.order-modal-inner .footer-inner .icon-upload-btn.disabled {
  cursor: not-allowed;
}
.chat-modal-in-container.order-modal-inner .footer-inner .uploadImg {
  width: 24px;
  height: 20px;
  margin-top: 5px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNCIgeT0iNSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE0IiByeD0iMiIgc3Ryb2tlPSIjNUU2OTdBIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8cGF0aCBkPSJNNCAxN0w3LjQyNDg2IDE1LjI2MzlDNy43MTQ3NiAxNS4xMTY5IDguMDU4IDE1LjEyIDguMzQ1MTkgMTUuMjcyMkwxMC4xNjc5IDE2LjIzOEMxMC41MTkxIDE2LjQyNCAxMC45NDcxIDE2LjM4NDUgMTEuMjU4MyAxNi4xMzcyTDE1Ljc5MzcgMTIuNTMyNkMxNi4xNzk0IDEyLjIyNiAxNi43MzEgMTIuMjQ2MSAxNy4wOTM0IDEyLjU3OTlMMjAgMTUuMjU3MyIgc3Ryb2tlPSIjNUU2OTdBIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8ZWxsaXBzZSBjeD0iMTAuNzI3MyIgY3k9IjEwLjI5NDciIHJ4PSIxLjUyOTkzIiByeT0iMS41NDQ3MiIgc3Ryb2tlPSIjNUU2OTdBIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K);
  background-position: center center;
}
.chat-modal-in-container.order-modal-inner .footer-inner .uploadImg:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNCIgeT0iNSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE0IiByeD0iMiIgc3Ryb2tlPSIjMDE3M0U1IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8cGF0aCBkPSJNNCAxN0w3LjQyNDg2IDE1LjI2MzlDNy43MTQ3NiAxNS4xMTY5IDguMDU4IDE1LjEyIDguMzQ1MTkgMTUuMjcyMkwxMC4xNjc5IDE2LjIzOEMxMC41MTkxIDE2LjQyNCAxMC45NDcxIDE2LjM4NDUgMTEuMjU4MyAxNi4xMzcyTDE1Ljc5MzcgMTIuNTMyNkMxNi4xNzk0IDEyLjIyNiAxNi43MzEgMTIuMjQ2MSAxNy4wOTM0IDEyLjU3OTlMMjAgMTUuMjU3MyIgc3Ryb2tlPSIjMDE3M0U1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8ZWxsaXBzZSBjeD0iMTAuNzI3MiIgY3k9IjEwLjI5NDciIHJ4PSIxLjUyOTkzIiByeT0iMS41NDQ3MiIgc3Ryb2tlPSIjMDE3M0U1IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K);
}
.chat-modal-in-container.order-modal-inner .footer-inner .uploadImg.disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNCIgeT0iNSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE0IiByeD0iMiIgc3Ryb2tlPSIjNUU2OTdBIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8cGF0aCBkPSJNNCAxN0w3LjQyNDg2IDE1LjI2MzlDNy43MTQ3NiAxNS4xMTY5IDguMDU4IDE1LjEyIDguMzQ1MTkgMTUuMjcyMkwxMC4xNjc5IDE2LjIzOEMxMC41MTkxIDE2LjQyNCAxMC45NDcxIDE2LjM4NDUgMTEuMjU4MyAxNi4xMzcyTDE1Ljc5MzcgMTIuNTMyNkMxNi4xNzk0IDEyLjIyNiAxNi43MzEgMTIuMjQ2MSAxNy4wOTM0IDEyLjU3OTlMMjAgMTUuMjU3MyIgc3Ryb2tlPSIjNUU2OTdBIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8ZWxsaXBzZSBjeD0iMTAuNzI3MyIgY3k9IjEwLjI5NDciIHJ4PSIxLjUyOTkzIiByeT0iMS41NDQ3MiIgc3Ryb2tlPSIjNUU2OTdBIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K);
  cursor: not-allowed;
}
.chat-modal-in-container.order-modal-inner .footer-inner .more-menu .ivu-dropdown-item {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  font-size: 14px !important;
}
.chat-modal-in-container.order-modal-inner .footer-inner .more-menu .ivu-dropdown-item:hover {
  background-color: #FAFAFA;
}
.chat-modal-in-container.order-modal-inner .footer-inner .more-menu img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.chat-modal-in-container.order-modal-inner .footer-inner .more-menu .upload-file-item {
  padding: 0px;
}
.chat-modal-in-container.order-modal-inner .footer-inner .more-menu .upload-file {
  height: 100%;
  width: 100%;
}
.chat-modal-in-container.order-modal-inner .footer-inner .more-menu .item-content {
  padding: 10px 12px;
}
.chat-modal-in-container.order-modal-inner .footer-inner .more {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQcSURBVHgB3ZyBdZswEIb/9GWAdAJfJog7QRkhG4RukA1MJoi7QEM36AbQBdpkgRovUKcLpNXFqHHkEwiQFOB77+oaBOjOupM4STlBHEhJomSpZFF/P6s/D6mUPNafWyVl/f97TJhEyVrJTsnfgbJRcqfkEhOBlKzgR/k2oxBGCCnJEU55m3gzyAmGwX6+UnLd4ZoKe5/nWLA1zi3wEj+WcCdXclPfOzrsry4uUCjJsI8ZZ+63fy6b1NcWDs/ZKLlCRLiCt2iu1K5WoIvibVB9z03Ls289P9damaaKxPpVUod6EAKxbHh4iBbgQga7ewYxxrLhgQXetisj2GMI17lL0G19kM0IGcZDhoDGIMjuwDdPMT5SBHCTM9iN4K25BcDmxj/RM4bZusgxG0FjM8YtOpJCNkKK6ZBC1sH5xY0gu0SG6ZFBdm0nF8khd5FTheve2UUIsgUJ04UgxwtquihHXJcg7JM3a4Q1doZjve7QUCmp/w3JxnhWqCG6bShAUuFcKHiFcCSI2zWncGztpsVCt4YExxVLEBYzVuz0iXf1J/etZFz0FfPjs/FdJ39eGcIkx/xYC8de6W66RYHwJIjvGkwBwT24RXCAIqPwd8wXU7fniSY2BAmFS8yXUjiWsCES4cSkp9hakHRbsiEWQsFHzBc9t3qI6BpzNoLGbBWLUxwPayv0R89wuwyVL4RjXUaWJfrzx/j+XF9fL1mE9skXn7JB/xe1zLzfO/jjGnFf1wnd5lwb8WmISePTEDx8rRCPCvKQuRen9Q3p4NgC/aiUnMN9mMyB0UyZcVN/cLhWd4F9ezgyvlenws3eYxgl+vOAOKNa88d+ZNeojIMXmD9m975lQ5irVgjxZ7VjIq3GqdgQ4tgb80XSrWBDlMKJBPMlEY5tdYwwA+ZHzBdTt0rJvR5HmPnJBPOME4TjFlHyP9oQ34SLvA1fR0QqHDvS3ZrqDkSC+DlL86Xw/5TF4RBbSnVfIRyx8x4pjkeUpVSQC0mvurGm4UJPKEkpArIVzuEvP+ECIc4k8AodJoF1xcwLpr4sgF8EOy8LYNbCRQWmC9e9U2vQsO9KFlxhemQ41uMXOrTwS8h5witMhxSedJBcZOxrLDUfIBuh8/JCZqoLTtkIkmuzS/QeChDsKfoxukkKuxEIA2lamb/COOAtWRnkOv6Gx+5/zNsUzmHfpsBG8O7GhOaNK7FbByeZM9h/IHaHYLGM8PZbmdgNPrXU4wcitFKOvOuGSmiDrDxXpq0FsDwh0ua2Q1K4TfoWGLbdcQW37Y4cDy7RkxMMg7BXsos76IUoFeQNsDrdTnCDjcC5lBuMYG0HIf6WaHaDLxj5HvENwinPLpBhQqkB9tccw4zyhBflOQgmCMTQGOGK9vkE7X9IY4eX+KEnhSsE5h+J6ds0awuf5QAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
  margin-left: 9px;
  margin-top: 6px;
}
.chat-modal-in-container.order-modal-inner .footer-inner .more:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAdjSURBVHgB3VtddtNWEJ65EqWP5pEDFHkFmG4gDivgdAMk3QAmLoc+NU7fekrAdAElrKCwgWI2AGEFVppw/Ij72ETSdObKP9K9UizbkjH+zkmiXEmW7uf5uzNzEVaB1sADFTYVUoPAuQ1IHhDU+IxnXOkDwhAIfYTwJALqQah86N48hoqBUBVap03lwH0C9YD/q8FyYGKgF0H4Bg6/ew0VoFwingw8dQEPCKMWLD/5PMSkuOoAfrvuQ0kohwghIAg7BPgAVgh++aOyCFmOiFa/ptTVfUJqFb2FxA4AiM4PIYpOUieVGtkPrPGLNaAgyiBkcSLa/9xHcF7CDBUgMXhA7/iQDV9wDN36EIqASQbHbUAETXBwCwmbM+7w2R514PD6K1gA8xNRRAoIhmwnXvDEu4UnPvO57HmcYAeJjS9a3mYCROxGwX8H8z53PiLYFmAQvQXIeRHibwUX/1YKY+9sBwH3LyHEJ1dtz6MqxYl4fNbACP+CLBKqkIAiaJ92WEIe8iyy1HMuMooREZMgkmA9UNuA0NmFbnmubC6wyqBLL4GomXF2SIq24ffZAdlsImJ1+ABZJETRATy/1YF1gEgHqP2MM4XIuJyIPJsgqgD0CJ7dPIJ1gtgOxJcZZ2aqST4R7B3Q+UYkwUuNCwkRM7yC+H8htFiNFauxaTcQjik4386zYSrv88RFQoZhXGsSBPxu+h35C0uNEzSUe3U/77ZsIljEsuIEItpdaxLGEDJEdQ3w+7ckEMy6xVaNHLuwVoaxKLIN6JDC87qpIpZEyOIJTBLERX5tJAgO+Z0Re8ZoLUtF0kSwNFgrSNE1iRO+UlCAu6a90CrCc02OpYgYSUP6g4gjxqqCJVm+t0+78mO+WGngd9dRrwEVRCmpwORLsW3op66WtcOzG3WoCNj+JM/zRv/6rLt3KwnRJRRQHAoYaxOOLerj2GIiEZnSIAuoqtA+bULaFvHxFQ+qAJPLdu7AGj8PdsaHEyLYNmylLmJpqHwVacKhqtJ7oKNgw1ag4gXbCDERsW/1khexbVgtCStAhq2ojSQzJkKBsoMMco9g0yBpAht67poIUy103PClltVVQgyxEVdgXG5gIjjXAOaaItI5xo0EUWjOrSY5DcWZZM+6WnGidXPRs0bURZOJyMgOS7Z5U5E1N8SGQqklpHG80rzjqhHPzU+NkWLVQGuBtbkkTJGSCkS47Y6q0lNwJRoWhRRlJDosFBg5d3TdK/3sBvt1KITDWz1YEJy4+ZezWMmhmgtWKs4owxVFKo9RJDlO1gjnG58XrjC0P81du0g82zee4ykoC+eBZLQ8WB08CILCNddZKI+IrxzlEUFuVy/UVgV5Vuh2oSSIjfAhKdJoudNikAQIQH28iJkJNoyxTUgMAbKohx9n3hsie7YLf3E3j54x4Ltxz1Jq8Bosg6LWXHsH0zAyCUt4g6JAh79sSk16qExxZp96BzYeaffOnJwoiix36cXxwIZC5kZGNw5GPkeWaMfe0qmyqciaG6q3vOhyetYJadfZVGTNLaATpRMwVi7P2YINBTqOnZvlEmGcobLyk9TcSDshtROjoYQwzk/EAZWC19ZN6JYWvq4Ngmn6fgKM5x4TIb77klT3RmDvbJKfnEDU4umNN3I4rWtkproH1XXSKlx13mMHzJIFTtN207VGaKfvEaJOZbbi4sJPBXO6oFRNVKl+GsgS324SCdWk+jUlQq8VyCzqeJXZCinDRWqbIHqhf/gYqsDPA/ltdf9wgH2ULFmkg31p1XOMQrA0Vrjqbpmd8CvFk0GdE0bvwegKpJALwAki0stwLRW2rcCAsjrV1h5aJQL6E0wSDGnQ11p3h0HHasTiuELtDXIbsdYRTlurREfHREkQ9JO2YQybCNFdDK0OGfYqnUq9SJl4fCa/dzhQtL48QiYho5yZnyltn3bZ75qxROGW3i+GmIS7GOF78xSrfZc906Os2/JTdbGK+MZoTfdkx/XStcNIHYSEv62TWiWCg7x784kYubccMj6sm5qIYWTsjEgwajXQ57ncuyy1N7uIkNfSKzeT6kTPrh/AlwTHCXhBKAFTlk1gEj4zCd/PanMoVk25hAz+iB65uLvyOKPVB6W+hegK1GMXmbFNQZNA94p0CxdL5+v+Zg6qMtP11JRtDCt1r3vaIEqSuRMHS5kk9IuSIChYXxtBIk8Vvb10CxFUt5WJyRY3jkQk2xF+gfzK2geOHH+Yp+tnPiIE8e67ToZrTcJn+3HEYvuqNJVp9a+xKjxkIuS5eQtB0pGxeIdKN7clMXuD2fgRPYrCd7oLZ97tjuA2lHK3CEX0M7cqTSH2AMMfF90yvTgRAr0FMWTpmGMHMMIxy/cQuSIdGaUEpdRtrnYxAWT3deVjYSlIv1YZWISQ5UF68RSqX8voACyHiDHGhBBuzVaZhUB6K5WK/oDAPSqzBbJcIpLQ3bzq/pKk0Oi37Ct9xZ/zBp5Wk8WqjogkOCADR9oYpYNPV9v5GGQjvJe8bLSB/jPov2w/CD/qAtQKml//B3x1aNXZ7MLRAAAAAElFTkSuQmCC);
}
.chat-modal-in-container.order-modal-inner .footer-inner .callBtn {
  cursor: pointer;
  position: absolute;
  right: -35px;
  top: 9px;
  width: 24px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNTEzMTQgMTAuNTk3Nkw2LjUwMzc2IDEwLjU4OE0xMi41MzEyIDE2LjVDMTEuODA5NCAxNi41IDEwLjk4NDUgMTYuMzY2NSAxMC4xMjIxIDE2LjA5QzguMDU5ODQgMTUuNDMyIDYuMDI1NjkgMTQuMDY4NSA0LjQwNCAxMi4yNDcyQzEuOTY2NzcgOS41MTA1MyAwLjc5NTAyNyA2Ljc4MzQgMS4wMjkzOCA0LjM1MTg3QzEuMDk0OTkgMy43NTExNCAxLjI5MTg1IDIuOTg4MyAyLjE4MjM3IDIuMzY4NUMyLjg2NjY3IDEuODE1NDQgMy42NDQ3MSAxLjQ4MTcgNC4yNTQwMSAxLjUwMDc4QzQuODkxNDQgMS41MTAzMSA1LjExNjQyIDEuNzM5MTYgNS43NzI1OSAyLjcyMTMxQzYuNzc1NjEgNC4xMzI1NSA2Ljg1MDYgNC44MzgxNyA2LjgxMzEgNS4yMzg2NkM2Ljc0NzQ5IDUuOTA2MTQgNi4zODE5IDYuMTkyMjEgNi4wNjMxOSA2LjQ0OTY2QzUuOTc4ODIgNi41MTY0MSA1LjkwMzgzIDYuNTczNjIgNS44MzgyMSA2LjY0MDM3QzUuNDQ0NTEgNy4xNTUyOCA0Ljk1NzA2IDcuODYwOTEgNy4wMjg3IDEwLjAzNUM4LjgwMDM4IDExLjc2MDkgOS43NDcxNSAxMS45NzA3IDEwLjE1MDIgMTEuOTQyMUMxMC40NTk2IDExLjkyMyAxMC41OTA4IDExLjc1MTQgMTAuNjM3NyAxMS42OTQxTDEwLjY0NyAxMS42ODQ2QzExLjMwMzIgMTAuNzQwNiAxMS41MjgyIDEwLjUxMTggMTIuMTU2MyAxMC40MTY0QzEyLjc3NDkgMTAuMzIxIDEzLjA4NDMgMTAuNTExOCAxNC4zODczIDExLjM1MDlDMTUuNTY4NCAxMi4xMDQyIDE2LjExMjEgMTIuNjA5NSAxNS45ODA4IDEzLjM5MTVDMTUuOTQzMyAxNC4yNTkyIDE1LjI5NjUgMTUuNDMyIDE0LjU1NiAxNS45NTY1QzE0LjA0OTggMTYuMzE4OCAxMy4zNTYxIDE2LjUgMTIuNTMxMiAxNi41WiIgc3Ryb2tlPSIjNUU2OTdBIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center center;
}
.chat-modal-in-container.order-modal-inner .footer-inner .callBtn:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNTEzMTQgMTAuNTk3Nkw2LjUwMzc2IDEwLjU4OE0xMi41MzEyIDE2LjVDMTEuODA5NCAxNi41IDEwLjk4NDUgMTYuMzY2NSAxMC4xMjIxIDE2LjA5QzguMDU5ODQgMTUuNDMyIDYuMDI1NjkgMTQuMDY4NSA0LjQwNCAxMi4yNDcyQzEuOTY2NzcgOS41MTA1MyAwLjc5NTAyNyA2Ljc4MzQgMS4wMjkzOCA0LjM1MTg3QzEuMDk0OTkgMy43NTExNCAxLjI5MTg1IDIuOTg4MyAyLjE4MjM3IDIuMzY4NUMyLjg2NjY3IDEuODE1NDQgMy42NDQ3MSAxLjQ4MTcgNC4yNTQwMSAxLjUwMDc4QzQuODkxNDQgMS41MTAzMSA1LjExNjQyIDEuNzM5MTYgNS43NzI1OSAyLjcyMTMxQzYuNzc1NjEgNC4xMzI1NSA2Ljg1MDYgNC44MzgxNyA2LjgxMzEgNS4yMzg2NkM2Ljc0NzQ5IDUuOTA2MTQgNi4zODE5IDYuMTkyMjEgNi4wNjMxOSA2LjQ0OTY2QzUuOTc4ODIgNi41MTY0MSA1LjkwMzgzIDYuNTczNjIgNS44MzgyMSA2LjY0MDM3QzUuNDQ0NTEgNy4xNTUyOCA0Ljk1NzA2IDcuODYwOTEgNy4wMjg3IDEwLjAzNUM4LjgwMDM4IDExLjc2MDkgOS43NDcxNSAxMS45NzA3IDEwLjE1MDIgMTEuOTQyMUMxMC40NTk2IDExLjkyMyAxMC41OTA4IDExLjc1MTQgMTAuNjM3NyAxMS42OTQxTDEwLjY0NyAxMS42ODQ2QzExLjMwMzIgMTAuNzQwNiAxMS41MjgyIDEwLjUxMTggMTIuMTU2MyAxMC40MTY0QzEyLjc3NDkgMTAuMzIxIDEzLjA4NDMgMTAuNTExOCAxNC4zODczIDExLjM1MDlDMTUuNTY4NCAxMi4xMDQyIDE2LjExMjEgMTIuNjA5NSAxNS45ODA4IDEzLjM5MTVDMTUuOTQzMyAxNC4yNTkyIDE1LjI5NjUgMTUuNDMyIDE0LjU1NiAxNS45NTY1QzE0LjA0OTggMTYuMzE4OCAxMy4zNTYxIDE2LjUgMTIuNTMxMiAxNi41WiIgc3Ryb2tlPSIjMDE3M0U1IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K);
}
.chat-modal-in-container.order-modal-inner .footer-inner .callBtn.disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNTEzMTQgMTAuNTk3Nkw2LjUwMzc2IDEwLjU4OE0xMi41MzEyIDE2LjVDMTEuODA5NCAxNi41IDEwLjk4NDUgMTYuMzY2NSAxMC4xMjIxIDE2LjA5QzguMDU5ODQgMTUuNDMyIDYuMDI1NjkgMTQuMDY4NSA0LjQwNCAxMi4yNDcyQzEuOTY2NzcgOS41MTA1MyAwLjc5NTAyNyA2Ljc4MzQgMS4wMjkzOCA0LjM1MTg3QzEuMDk0OTkgMy43NTExNCAxLjI5MTg1IDIuOTg4MyAyLjE4MjM3IDIuMzY4NUMyLjg2NjY3IDEuODE1NDQgMy42NDQ3MSAxLjQ4MTcgNC4yNTQwMSAxLjUwMDc4QzQuODkxNDQgMS41MTAzMSA1LjExNjQyIDEuNzM5MTYgNS43NzI1OSAyLjcyMTMxQzYuNzc1NjEgNC4xMzI1NSA2Ljg1MDYgNC44MzgxNyA2LjgxMzEgNS4yMzg2NkM2Ljc0NzQ5IDUuOTA2MTQgNi4zODE5IDYuMTkyMjEgNi4wNjMxOSA2LjQ0OTY2QzUuOTc4ODIgNi41MTY0MSA1LjkwMzgzIDYuNTczNjIgNS44MzgyMSA2LjY0MDM3QzUuNDQ0NTEgNy4xNTUyOCA0Ljk1NzA2IDcuODYwOTEgNy4wMjg3IDEwLjAzNUM4LjgwMDM4IDExLjc2MDkgOS43NDcxNSAxMS45NzA3IDEwLjE1MDIgMTEuOTQyMUMxMC40NTk2IDExLjkyMyAxMC41OTA4IDExLjc1MTQgMTAuNjM3NyAxMS42OTQxTDEwLjY0NyAxMS42ODQ2QzExLjMwMzIgMTAuNzQwNiAxMS41MjgyIDEwLjUxMTggMTIuMTU2MyAxMC40MTY0QzEyLjc3NDkgMTAuMzIxIDEzLjA4NDMgMTAuNTExOCAxNC4zODczIDExLjM1MDlDMTUuNTY4NCAxMi4xMDQyIDE2LjExMjEgMTIuNjA5NSAxNS45ODA4IDEzLjM5MTVDMTUuOTQzMyAxNC4yNTkyIDE1LjI5NjUgMTUuNDMyIDE0LjU1NiAxNS45NTY1QzE0LjA0OTggMTYuMzE4OCAxMy4zNTYxIDE2LjUgMTIuNTMxMiAxNi41WiIgc3Ryb2tlPSIjNUU2OTdBIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K);
  cursor: not-allowed;
}
.chat-modal-in-container.order-modal-inner .footer-inner.disabled {
  cursor: not-allowed;
}
.chat-modal-in-container .chat-title {
  position: relative;
  background: rgba(1, 115, 229, 0.05);
  border-radius: 8px 8px 0 0;
}
.chat-modal-in-container .chat-title .banner {
  border-radius: 8px 8px 0 0;
  padding: 8px 16px;
  font-size: 12px;
  align-items: flex-start;
  border: 1px solid #ECF1F8;
  border-bottom: 0;
  box-sizing: border-box;
}
.chat-modal-in-container .chat-title .banner img {
  width: 14px;
  height: 14px;
  margin-right: 6px;
  margin-top: 3px;
  line-height: 18px;
}
.chat-modal-in-container .chat-title .banner span {
  display: inline-flex;
  line-height: 18px;
  color: #0173E5;
  font-weight: 400;
}
.chat-modal-in-container .chat-title .chat-title-inner {
  position: relative;
  background-color: #FCFDFE;
  padding: 6px 16px 0 16px;
  border: 1px solid #ECF1F8;
  border-top: 0;
  border-bottom: 0;
}
.chat-modal-in-container .chat-title .chat-title-inner .user-list ul {
  padding-bottom: 8px;
  border-bottom: 1px dashed #ECF1F8;
}
.chat-modal-in-container .chat-title .chat-title-inner .user-list ul li {
  list-style: none;
  color: #565656;
  font-size: 12px;
  line-height: 18px;
}
.chat-modal-in-container .chat-title .chat-title-inner .user-list ul li span {
  color: #0173E5;
}
.chat-modal-in-container .chat-title .chat-title-content {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  background: #FCFDFE;
  border: 1px solid #ECF1F8;
  border-top: 0;
  box-sizing: border-box;
  border-radius: 0 0 8px 8px;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse {
  position: relative;
  height: auto;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse:hover .collapse-content {
  overflow: initial;
  animation: hover-show 0.3s both;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse:hover .collapse-content:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAASCAYAAACKN/pgAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPQSURBVHgB7Zl/ThpBFMffzP4QU3+ABWtDrNiYNuk/2hPIDeoNtL1Ae4PWG9QblBOUI+ANOIAJaEI0aAStyo/dnel7AwMrUYIg7NL0G9ednVkR9sP3vTcz7OKqLgHFGAODAx4MTGzQmePxX+GSlBI8QQeA63mAPyCk7Iyb/htdj26S0HCE6iOotmWAZUwv3MvqNZROLyARj8JKYgmmUcTGcSU0ERCBlD6AvepQKlRkdA7qWwhuE+/fwZEt7I7qcROh2qaBgDlMi87Kl3B2ftm5XllemiqoLtIjc5HJ7kGUkEeTHnKQeQcgV4dIdT3GqjTU13bnlVoaX2YPIX+CNlzOmIIbsY1Qu9YPc3H+BVz9uVXtxMsoJFfiEFYRuCa50fFUaO0OQA4fffZazGQ0vIc0MJFypbaHMHfxL9K6zzZ5KMH6Yb5JLsNSdAFq9QYcFUuYcwRez2P/KwiTCCS5kQ6fG6tSyIMbiPzsB9GvJ5MoV24wFBvfEOKu7iOoBDcMYE9KZZU3SRqmFkEtnJzit9+F2cgMbKSSYBjBp5AGurHe9IFEN4JkB/HYTBaeqKEJnFZqKQPghwZLoViBDTDHapgG57CxnlTQetV0HDgqlDpQ11dXwLYtCEKUI+/qXrdKRZAIdT8Rm83BkBrZUgTW4uw3NqmICgzsIDC1/FBty4IP79ZgkiKQ9aanih0S/i4g1S+jgNQa+am/js0W44uRj0LIz/jGivRtu2u4cH3r4AMTMCk1m46C835jtS9MEt1H0G3LhEmKQN7UHDxcDZNy5H5iMfL2OWCSnj3pUfHEOPuOL5yia+1Yc4rnsqNIV62O23UkDFHsDKqxPeFesCQqnCgUmyEoRMYtcqPjCgVzlKr1qRq7ZWgui8uKX/E/7eg+cq1lMgWXct6/okfc2KpaOf8VX7AzMGZNLAZS8YQZaw9p7vpdq+Fa5nQ61xNCLcuRI+9BRDfiUIaBzD5XfhxEgSQ1vQKFIXnbD5epVShaZjTUOYzuxeJPgVMhtXdJDiHip8hKITIYVvPjCqv9FHiV0oLLdrBe2m6vH3fUuwPE+WQhC9Ha2SB4or158cDCeMeJQUH0K1RlZ3uxIo3NNIbizV7AWgQYWbfPTIVtzZnaJDox9vDHE0LP/yS2CZKaC2K7BY62pOj6kV2NantdNecJ93A5NpeHECnU8wi9A4RNKqw2gcLzI5DHISahiEhpZ+NY72zQvBtCrKmcGNJ6MgbjKG31odtijPM1tFOKxnROlqybm3tFoNQ9KufhwVgRX+cKo3pBCu8YV1WLt/CiGHT4HEZ/AZnCCLNOwaZDAAAAAElFTkSuQmCC) no-repeat;
  background-size: contain;
  background-position: center;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse .auth-area {
  padding: 0 16px 10px 16px;
  line-height: 14px;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse .auth-area span {
  margin-top: 8px;
  margin-right: 16px;
  display: inline-block;
  color: #B5B8BB;
  font-size: 12px;
  line-height: 14px;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse .auth-area span .icon-a-check1 {
  margin-right: 4px;
  font-size: 9px;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse .auth-area span.certified {
  color: #0173E5;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse .collapse-content {
  overflow: hidden;
  height: 0;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse .collapse-content:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 9px;
  bottom: -9px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAASCAYAAACKN/pgAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAO0SURBVHgB7ZlvThpBGMbfWf6IqVEgaLQkionph36RG8gN6g00vUB7g9ob1BuUE5Qj4A04QBOxCdWABTRaYP/M9H0GVlcKKgIyNn3iurM745rlx/POO++I84u2IpYQgkIW8SEozA2cLT7+yywppciTOIhczyP+IanUTX84OND1MEhRx5H6HqBGIyGKhMyHWzk7p4vLa9rKvKZoNPLgeNt26Hu5wi1Bb99skMkCG8dVZDMggFQBgP0Kp5ZimtRxQ8UXqJ1lcNs8fpffM8vfhHir41ILAxlqNBxiwBaZqFarQ7YDSD9pc32V5mNzQ8f6MG3H5fd5GP6s5DI9mAsmuwNRUYlNemSRKjlExTbFmpsJ0UTXvbarNVo5fsw+Q37Hl3Hcs4TQcGPRkHGu/VGpUr15SSGeMrYy6YFQgzDRv7WZ5khkzpcU4Gy40fF0aL3toCJ/9IVLOZf34Q3So4lUG619hrnHf5Hz70XDlnFgK6fnVKt333c9vULJ+OJNH1wMmJ6UxsEESLgRR8CNTSXV4RXFvtwHMaiRSVQbV1meXT8yxD3/HqACrilgz6p1OqvVdTu9lqLlZPwOTEAGbFPUYTe27QBIdiMpcZhKzBVoRD2ZwGmjlQkRHfhgEYo1WEPm2CDUpcVXOmGCTIKJOfJ327vNUhkkQ/28nJgv0hM1tqUANmKJb9zM4toksEGo0OpKklaXkzRrAWTb9nSyA/HvY6b6fhyQviYWIzHHCkt84gdmcG0K2Nqvpl7SmACzHyT15kgGeUAT0sQnvWFgwy9gLTsN+Vmr4/4NcpRk57Ga2ifcDxZC4gTHohL1rwtudFypYY6TtY6qqVsGa1kuK37g/7Tr34NrI2Gh4Zq0BhxXQ9zYzVot62tqMZqnKevZYiCSJ64z7jPNvaBrfbiR8Mt0LpZBKMvBkXcgshu5Ky9IFSaR7DxWM5nU/AoUh+SdIFyhq1AoM4b02UT3Sqk0OB1S+0tyDJHfoqCkzHNYLU0rrN6nmWcpXbhil/OlHdSPg339O0CW9byQpezubACe7G1eDCiM3zhxVhCDMirt7BUrctzMcSje7gfsC4CZde8sdNj2OaMN4STE4NeT0l//KW4Dkl4LcrsLDltSuB6yq9Hs1VWLnnSPVhILJTJIRq8j/B0gbiKx2iaE5yGQpyGhqMxIsbNx4u9srCXmy2SwXuTCEPVkDsZxbPWx2xLCsjbYThn0+XOyErdzc78ASo/Rcx4fQpT5ORcc1Y+V9E64qlq+plflWYfPp+gPsp8IbekRTT8AAAAASUVORK5CYII=) no-repeat;
  background-size: contain;
  background-position: center;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse .auto-message {
  background: #FCFDFE;
  border-top: 1px dashed #ECF1F8;
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px 16px;
  border-radius: 0 0 8px 8px;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse .auto-message .link-item {
  flex: 0 0 80px;
  margin-right: 4px;
  margin-top: 14px;
  min-width: 0;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse .auto-message .link-item:nth-child(3n) {
  margin-right: 0;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse .auto-message .link-item span {
  width: inherit;
  display: block;
  line-height: 14px;
  font-size: 12px;
  color: #565656;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse .auto-message .link-item span:last-child {
  line-height: 18px;
  margin-top: 4px;
  color: #B5B8BB;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse .auto-message .link-item span.font-red {
  color: #ef5656;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse .auto-message .link-item span.font-green {
  color: #00A171;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse .auto-message .link-item .tooltip-label {
  width: 80px;
  text-decoration-line: underline;
  text-decoration-style: dashed;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse .auto-message .link-item .ivu-poptip-content {
  max-width: 280px;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse .auto-message .link-item .ivu-poptip-content .ivu-poptip-body {
  padding: 16px;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse .auto-message .link-item .ivu-poptip-content .ivu-poptip-body p {
  line-height: 18px;
  font-size: 12px;
  white-space: break-spaces;
}
.chat-modal-in-container .chat-title .chat-title-content .chat-collapse .auto-message .link-item .ivu-poptip-content .ivu-poptip-body p span {
  display: inline-block;
}
.chat-modal-in-container .name-hover {
  line-height: 19px;
  white-space: break-spaces;
  word-break: break-all;
}
.chat-modal-in-container .name-hover:hover {
  color: #0173E5;
}
.chat-modal-in-container .self-close {
  position: absolute;
  top: 0;
  right: -10px;
}
.chat-modal-in-container .chat-top-avatar.en-us .avatar-hover-content,
.chat-modal-in-container .chat-top-avatar.tr-tr .avatar-hover-content {
  min-width: 98px !important;
}
.chat-modal-in-container .chat-top-avatar.vi-vi .avatar-hover-content {
  min-width: 138px !important;
}
.chat-modal-in-container .chat-top-avatar.pt-br .avatar-hover-content {
  min-width: 114px !important;
}
.chat-modal-in-container .chat-top-avatar.ru-ru .avatar-hover-content {
  min-width: 78px !important;
}
.chat-modal-in-container .chat-relative {
  position: relative;
}
.chat-modal-in-container .new-order-warning {
  height: 60px;
  margin: 14px;
  background: linear-gradient(180deg, rgba(250, 173, 20, 0.08) 0%, rgba(250, 173, 20, 0.00008) 100%), #FFFFFF;
  border: 0.5px solid #F8DDA7;
  border-radius: 8px;
}
.chat-modal-in-container .new-order-warning .no-pay {
  float: left;
  margin: 11px 16px 11px 21px;
}
.chat-modal-in-container .new-order-warning .warn-one {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
  color: #1C242C;
}
.chat-modal-in-container .new-order-warning .warn-two {
  font-size: 12px;
  line-height: 17px;
  color: #EA5656;
  margin-top: 4px;
}
.chat-modal-in-container .modal-content {
  margin: 0 -24px;
  padding: 8px 24px 16px;
  height: 402px;
  overflow-x: hidden;
  overflow-y: auto;
}
.chat-modal-in-container .modal-content .chat-box {
  padding-top: 16px;
}
.chat-modal-in-container .modal-content .chat-box .chat-in-message {
  justify-content: center;
  display: flex;
  align-items: center;
}
.chat-modal-in-container .modal-content .chat-box .img-height {
  height: 35px;
}
.chat-modal-in-container .modal-content .chat-box .chat-content-inner {
  padding: 10px;
  max-width: 100%;
  white-space: normal;
  word-break: normal;
  word-wrap: break-word;
  border-radius: 4px;
  position: relative;
  color: #565656;
  line-height: 18px;
  white-space: pre-wrap;
  word-break: break-all;
}
.chat-modal-in-container .modal-content .chat-box .chat-content-inner.bgcolor-1 {
  background-color: #F1FAF9;
}
.chat-modal-in-container .modal-content .chat-box .chat-content-inner.bgcolor-2 {
  background-color: white;
}
.chat-modal-in-container .modal-content .chat-box .chat-content-inner.bgcolor-3 {
  background-color: #1C242C;
}
.chat-modal-in-container .modal-content .chat-box .cancel-message-card {
  background: white;
  border-radius: 4px;
  padding: 12px;
  font-size: 12px;
  color: #565656;
  margin-bottom: 8px;
}
.chat-modal-in-container .modal-content .chat-box .cancel-message-card .card-header {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: black;
  padding-bottom: 8px;
  border-bottom: 1px solid #ebebeb;
}
.chat-modal-in-container .modal-content .chat-box .cancel-message-card .card-header .icon {
  width: 14px;
  margin-right: 4px;
}
.chat-modal-in-container .modal-content .chat-box .cancel-message-card .card-body {
  padding-top: 8px;
}
.chat-modal-in-container .modal-content .chat-box .cancel-message-card .card-body .bold {
  color: black;
}
.chat-modal-in-container .modal-content .chat-box .self-message {
  display: flex;
  flex-direction: row-reverse;
}
.chat-modal-in-container .modal-content .chat-box .self-message .progress-box {
  width: 60%;
}
.chat-modal-in-container .modal-content .chat-box .manager-header {
  border-radius: 50%;
  height: 32px;
  width: 32px;
  overflow: hidden;
}
.chat-modal-in-container .new-message-flag {
  background: #0173E5;
  border-radius: 12px;
  min-width: 106px;
  height: 24px;
  color: #ffffff;
  position: absolute;
  bottom: 14px;
  left: 117px;
  z-index: 2;
  line-height: 24px;
}
.chat-modal-in-container .input-message {
  outline: none;
  border-style: none;
  resize: none;
  width: 170px;
  height: 100%;
  line-height: 20px;
  height: 20px;
  margin-right: 34px;
}
.chat-modal-in-container .input-message:disabled {
  cursor: not-allowed;
  background-color: #ffffff;
}
.chat-modal-in-container .input-message::-webkit-input-placeholder {
  color: #B5B8BB !important;
}
.chat-modal-in-container .input-message:focus::-webkit-input-placeholder {
  color: rgba(181, 184, 187, 0.5) !important;
}
.chat-modal-in-container .input-send-btn {
  display: flex;
  align-items: center;
}
.chat-modal-in-container .input-send-btn .tel {
  border: 1px solid #dfe2e7;
  padding-left: 10px;
  margin-bottom: 1px;
}
.chat-modal-in-container .input-send-btn .hot-area {
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.chat-modal-in-container .input-send-btn .send-photo {
  height: 30px;
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
  justify-content: center;
  display: flex;
  align-items: center;
}
.chat-modal-in-container .input-send-btn .send-photo input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}
.chat-modal-in-container .input-send-btn .send-photo .icon-mark-inner {
  margin-bottom: 2px;
}
.chat-modal-in-container .big {
  height: 40px;
  width: 40px;
}
.chat-modal-in-container .flex {
  display: flex;
}
.chat-modal-in-container .sys-bg {
  width: fit-content;
  margin: 0 auto;
  padding: 4px 6px;
  background: #F9F9F9;
  border-radius: 4px;
}
.chat-modal-in-container .message-y-space {
  margin-bottom: 24px;
}
.chat-modal-in-container .flex-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.chat-modal-in-container .sys-space {
  margin-bottom: 16px;
}
.chat-modal-in-container .avatar-msg-space {
  margin-left: 16px;
}
.chat-modal-in-container .msg-space {
  margin-top: 10px;
  line-height: 12px;
}
.chat-modal-in-container .msg-space.unread {
  color: #0173E5;
}
.chat-modal-in-container .keyword-warn {
  background: rgba(233, 67, 89, 0.05);
  padding: 10px 16px;
  border-radius: 4px;
}
.chat-modal-in-container .keyword-warn h3 {
  color: #E94359;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 4px;
  font-weight: 700;
}
.chat-modal-in-container .keyword-warn p {
  font-size: 12px;
  line-height: 18px;
  color: #565656;
}
.virtual-space {
  margin-bottom: 2px;
}
.virtual-space .vir-phone {
  display: block;
  width: 34px;
  height: 34px;
  background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzRweCIgaGVpZ2h0PSIzNHB4IiB2aWV3Qm94PSIwIDAgMzQgMzQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT7nvJbnu4QgMTM8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i57uE5Lu2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i6IGK5aSp56qXL+aZrumAmiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI5NC4wMDAwMDAsIC0zMi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC03Ij4KICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtMTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5NC4wMDAwMDAsIDMyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9IuakreWchuW9oiIgZmlsbD0iIzM1N0NFMSIgb3BhY2l0eT0iMC4xIiBjeD0iMTciIGN5PSIxNyIgcj0iMTciPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLnlLXor50iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuMDAwMDAwLCA4LjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgZmlsbD0iIzAwMDAwMCIgb3BhY2l0eT0iMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOS40ODA0MTQ3NiwxMS43NjYyNjY3IEw4Ljc3NDQxNDc2LDEyLjI4NTI2NjcgQzguNzc0NDE0NzYsMTIuMjg1MjY2NyA4LjA2NzQxNDc2LDEyLjYxNDI2NjcgNy4yMTk0MTQ3NiwxMS44NjEyNjY3IEM2LjM3MTQxNDc2LDExLjEwNzI2NjcgNC44NjU0MTQ3Niw5LjM4NTI2NjY2IDQuNDQxNDE0NzYsOC4zOTgyNjY2NiBDNC4wMTc0MTQ3Niw3LjQwOTI2NjY2IDQuODY1NDE0NzYsNi45ODUyNjY2NiA0Ljg2NTQxNDc2LDYuOTg1MjY2NjYgQzQuODY1NDE0NzYsNi45ODUyNjY2NiA1Ljk3MjQxNDc2LDYuMDY3MjY2NjYgNi4wMTg0MTQ3Niw1LjkwMjI2NjY2IEM2LjA2NTQxNDc2LDUuNzM3MjY2NjYgNi42Nzg0MTQ3Niw1LjA3ODI2NjY2IDUuMzU5NDE0NzYsMy4zMTIyNjY2NiBDNC4wNDE0MTQ3NiwxLjU0NjI2NjY2IDMuNzM1NDE0NzYsMS44OTkyNjY2NiAzLjAyODQxNDc2LDIuNDQxMjY2NjYgQzIuMzIyNDE0NzYsMi45ODIyNjY2NiAxLjMzMTQxNDc2LDQuMDQyMjY2NjYgMS4xMjE0MTQ3Niw1LjI2NzI2NjY2IEMwLjkwOTQxNDc2Miw2LjQ5MTI2NjY2IDAuNzY4NDE0NzYyLDcuOTk4MjY2NjYgMi41NTg0MTQ3NiwxMC42ODMyNjY3IEM0LjM0ODQxNDc2LDEzLjM2ODI2NjcgNy4wNTU0MTQ3NiwxNS40MTYyNjY3IDguNTYyNDE0NzYsMTUuNzQ2MjY2NyBDMTAuMDcxNDE0OCwxNi4wNzUyNjY3IDExLjEzMDQxNDgsMTYuMjg3MjY2NyAxMi42MzU0MTQ4LDE1LjA2MzI2NjcgQzE0LjE0MzQxNDgsMTMuODM4MjY2NyAxNC40MDM0MTQ4LDEzLjcyMTI2NjcgMTMuNzE5NDE0OCwxMi44NTAyNjY3IEMxMy4wMzc0MTQ4LDExLjk3ODI2NjcgMTEuNTM0NDE0OCwxMC45MzMyNjY3IDExLjMwOTQxNDgsMTAuODkwMjY2NyBDMTEuMDg1NDE0OCwxMC44NDUyNjY3IDEwLjc2MjQxNDgsMTAuNzcwMjY2NyAxMC4yNTU0MTQ4LDExLjE0NTI2NjcgQzkuNzQ3NDE0NzYsMTEuNTIwMjY2NyA5LjQ4MDQxNDc2LDExLjc2NjI2NjcgOS40ODA0MTQ3NiwxMS43NjYyNjY3IFoiIGlkPSLot6/lvoQiIGZpbGw9IiMzNTdDRTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
}
.virtual-space.gray {
  cursor: pointer;
}
.virtual-space.gray .vir-phone {
  background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzRweCIgaGVpZ2h0PSIzNHB4IiB2aWV3Qm94PSIwIDAgMzQgMzQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYzLjEgKDkyNDUyKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT7nvJbnu4QgMTM8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i56Gu6K6k56i/IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5LiN5pSv5oyBIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI2MC4wMDAwMDAsIC0xODcuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtMTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyNjAuMDAwMDAwLCAxODcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSLmpK3lnIblvaIiIGZpbGw9IiNERkUyRTciIG9wYWNpdHk9IjAuNDUyNTYyMzE0IiBjeD0iMTciIGN5PSIxNyIgcj0iMTciPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgPGcgaWQ9IueUteivnSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS4wMDAwMDAsIDguMDAwMDAwKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uEIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgZmlsbD0iIzAwMDAwMCIgb3BhY2l0eT0iMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05LjQyOTk2MzYzLDExLjc2NTQ0ODggTDguNzI4MTYzNzIsMTIuMjg0NDA1NCBDOC43MjgxNjM3MiwxMi4yODQ0MDU0IDguMDI1MzY5NzYsMTIuNjEzMzc3OCA3LjE4MjQxNDYzLDExLjg2MDQ0MDkgQzYuMzM5NDU5NDksMTEuMTA2NTA0IDQuODQyNDE4ODksOS4zODQ2NDgyMiA0LjQyMDk0MTMyLDguMzk3NzMwODcgQzMuOTk5NDYzNzYsNy40MDg4MTM2OSA0Ljg0MjQxODg5LDYuOTg0ODQ5MiA0Ljg0MjQxODg5LDYuOTg0ODQ5MiBDNC44NDI0MTg4OSw2Ljk4NDg0OTIgNS45NDI4MzMyLDYuMDY2OTI2MDcgNS45ODg1NTk1NCw1LjkwMTkzOTg5IEM2LjAzNTI3OTkzLDUuNzM2OTUzNyA2LjY0NDYzMzExLDUuMDc4MDA4ODkgNS4zMzM0ODAwMiwzLjMxMjE1Njc3IEM0LjAyMzMyMDk4LDEuNTQ2MzA0NjYgMy43MTkxNDE0MSwxLjg5OTI3NTEgMy4wMTYzNDc0NSwyLjQ0MTIyOTcxIEMyLjMxNDU0NzU0LDIuOTgyMTg0NDEgMS4zMjk0NDMxMyw0LjA0MjA5NTY0IDEuMTIwNjkyNDUsNS4yNjY5OTMwNiBDMC45MDk5NTM2NjYsNi40OTA4OTA1NiAwLjc2OTc5MjQ5NCw3Ljk5Nzc2NDM3IDIuNTQ5MTQzNTQsMTAuNjgyNTM5NSBDNC4zMjg0OTQ1OSwxMy4zNjczMTQ3IDcuMDE5MzkwMjksMTUuNDE1MTQzMiA4LjUxNzQyNDk0LDE1Ljc0NTExNTYgQzEwLjAxNzQ0NzcsMTYuMDc0MDg4IDExLjA3MDE0NzYsMTYuMjg2MDcwMyAxMi41NjYxOTQxLDE1LjA2MjE3MjggQzE0LjA2NTIyMjgsMTMuODM3Mjc1MyAxNC4zMjM2NzYsMTMuNzIwMjg1MSAxMy42NDM3NDUzLDEyLjg0OTM1ODEgQzEyLjk2NTgwMjYsMTEuOTc3NDMxMSAxMS40NzE3NDQxLDEwLjkzMjUxODYgMTEuMjQ4MDgyNywxMC44ODk1MjIyIEMxMS4wMjU0MTUzLDEwLjg0NDUyNiAxMC43MDQzMzY4LDEwLjc2OTUzMjIgMTAuMjAwMzUzMSwxMS4xNDQ1MDA4IEM5LjY5NTM3NTIyLDExLjUxOTQ2OTQgOS40Mjk5NjM2MywxMS43NjU0NDg4IDkuNDI5OTYzNjMsMTEuNzY1NDQ4OCBaIiBpZD0i6Lev5b6EIiBmaWxsPSIjOUFBNUI1Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat;
}
.virtual-space.gray:hover .free-price-hover {
  display: inline-block;
}
.virtual-space .vir-loading {
  min-height: 34px;
}
.virtual-space .virtual-phone-hover {
  top: 45px;
  left: -140px;
}
.virtual-space .virtual-phone-hover .s-triangle {
  top: -17px;
  left: 147px;
}
.virtual-space .virtual-phone-hover.cn {
  width: 182px;
}
.font-bold .btn {
  font-weight: 700;
}
.new-bg-color {
  background-color: #0E1015;
}
.l-trade {
  border-radius: 40px 40px 0 0;
  background-color: #F9F9F9;
  padding-bottom: 120px;
  padding-top: 46px;
}
@media (min-width: 768px) {
.l-trade .order-detail-remark {
    width: 1200px;
    margin: 0 auto;
}
.l-trade .orders-detail-remark-inner .remark-container div {
    max-width: 1200px;
}
}
.l-trade .call-box {
  position: fixed;
  width: 500px;
  height: 300px;
  top: 200px;
  left: 50%;
  margin-left: -250px;
  z-index: -1;
}
.l-trade .call-box.call {
  z-index: 2;
}
.l-trade .tab {
  display: flex;
  width: 1200px;
  margin: 0 auto;
  padding: 15px 24px;
  background-color: white;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid #ECF1F8;
}
.l-trade .tab .tab-item {
  position: relative;
  font-size: 12px;
  color: #B5B8BB;
  line-height: 20px;
  cursor: pointer;
}
.l-trade .tab .tab-item.disabled {
  cursor: not-allowed;
}
.l-trade .tab .tab-item.active {
  color: #0173E5;
  font-weight: 500;
}
.l-trade .tab .tab-item.active:after {
  content: " ";
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -9px;
  width: 18px;
  height: 3px;
  border-radius: 2px;
  background-color: #0173E5;
}
.l-trade .tab .tab-item + .tab-item {
  margin-left: 40px;
}
.l-trade .list {
  width: 250px;
  height: 645px;
  background-color: white;
  overflow-y: auto;
}
.l-trade .list .list-item {
  padding: 16px 24px;
  position: relative;
  cursor: pointer;
}
.l-trade .list .list-item:hover,
.l-trade .list .list-item.active {
  background-color: #F8FAFD;
}
.l-trade .list .list-item + .list-item:before {
  position: absolute;
  content: '';
  display: block;
  height: 0;
  border-bottom: 1px dashed #E7EDF2;
  top: 0;
  left: 64px;
  right: 24px;
}
.l-trade .list .list-item .baseInfo {
  display: flex;
  align-items: flex-start;
}
.l-trade .list .list-item .baseInfo .chat-user {
  margin-left: 8px;
  display: flex;
  flex-direction: column;
  line-height: 1;
  word-break: break-all;
  width: calc(100% - 40px);
}
.l-trade .list .list-item .baseInfo .chat-user .icon-tips-hover {
  height: 17px;
  margin-top: -1px;
}
.l-trade .list .list-item .baseInfo .chat-user .icon-tips-hover .merchant-level {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 6px;
}
.l-trade .list .list-item .baseInfo .chat-user .thumb-pop {
  font-weight: 500;
  font-size: 0;
}
.l-trade .list .list-item .baseInfo .chat-user .thumb-pop .thumb-up {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-left: 6px;
}
.l-trade .list .list-item .baseInfo .chat-user .thumb-pop .ivu-poptip-content {
  width: 280px;
}
.l-trade .list .list-item .baseInfo .chat-user .thumb-pop .ivu-poptip-content .ivu-poptip-body {
  padding: 16px;
}
.l-trade .list .list-item .baseInfo .chat-user .thumb-pop p,
.l-trade .list .list-item .baseInfo .chat-user .thumb-pop span {
  font-size: 12px;
  line-height: 18px;
}
.l-trade .list .list-item .baseInfo .chat-user .thumb-pop p {
  white-space: break-spaces;
  color: #565656;
}
.l-trade .list .list-item .baseInfo .chat-user .thumb-pop span {
  color: #0173E5;
  display: block;
  width: 100%;
  text-align: right;
  margin-top: 17px;
  cursor: pointer;
}
.l-trade .list .list-item .baseInfo .chat-user .had-read {
  min-width: 6px !important;
  height: 6px;
  border-radius: 50%;
  background-color: #E94359;
  display: inline-block;
  margin-left: 6px;
}
.l-trade .list .list-item .baseInfo .direction {
  font-size: 12px;
  line-height: 18px;
  color: #B5B8BB;
  font-weight: 400;
}
.l-trade .list .list-item .baseInfo .direction span {
  color: #E94359;
}
.l-trade .list .list-item .baseInfo .direction span.buy {
  color: #00A171;
}
.l-trade .list .list-item .baseInfo .chat-relative {
  position: relative;
}
.l-trade .list .list-item .baseInfo .chat-relative .realname-box {
  width: 186px;
  height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.l-trade .list .list-item .baseInfo .chat-relative .realname-box span {
  border-bottom: 1px dashed #B5B8BB;
}
.l-trade .l-trade-detail {
  width: 622px;
  height: 645px;
  background-color: white;
  position: relative;
}
@media (max-width: 768px) {
.l-trade .l-trade-detail {
    height: auto;
    width: 100%;
    border: none;
}
.l-trade .l-trade-detail .l-trade-title,
  .l-trade .l-trade-detail .l-trade-coin {
    display: none;
}
.l-trade .l-trade-detail .mobile-legal {
    display: inherit;
}
.l-trade .l-trade-detail .mobile-legal .m-inline {
    display: inline;
}
}
.l-trade .c-padding24 {
  padding: 0 24px;
  position: relative;
}
.l-trade .auto-center {
  width: 1200px;
  margin: 0 auto;
}
@media (max-width: 768px) {
.l-trade .auto-center {
    width: 100%;
    margin: 0 auto;
    margin-top: 0;
    flex-direction: column;
}
}
.l-trade .column-align {
  display: flex;
  flex-direction: column;
}
.l-trade .null-text {
  margin-top: 14px;
}
.l-trade .m-bottom {
  margin-bottom: 10px;
}
.l-trade .l-14 {
  line-height: 14px;
}
.l-trade .l-22 {
  line-height: 22px;
}
.l-trade .l-24 {
  line-height: 24px;
}
.l-trade .coupon-tag {
  background-color: rgba(250, 100, 0, 0.1);
  border-radius: 1px;
  color: #fa6400;
  padding: 0 4px;
  height: 14px;
  line-height: 14px;
  margin-left: 6px;
}
.l-trade .main-price {
  color: #0173E5;
}
.l-trade .m-line-space {
  margin-top: 6px;
}
.l-trade .line-through {
  text-decoration: line-through;
}
.l-trade .mobile-trade-info {
  display: none;
  border-bottom: 8px solid #f2f6fa;
}
.l-trade .mobile-trade-info .mobile-nav {
  height: 56px;
  background-color: #f2f6fa;
  position: relative;
}
.l-trade .mobile-trade-info .mobile-nav .close-href {
  position: absolute;
  top: 16px;
  left: 24px;
}
.l-trade .mobile-trade-info .spe-flag {
  background: rgba(1, 115, 229, 0.1);
  border-radius: 9px;
  height: 18px;
  line-height: 18px;
  padding: 0 8px;
  margin-bottom: 16px;
  display: inline-block;
}
.l-trade .mobile-trade-info .m-info-in {
  margin-bottom: 16px;
}
.l-trade .mobile-trade-info .m-trade-detail {
  padding: 24px;
}
.l-trade .mobile-trade-info .m-trade-detail span {
  margin-left: 8px;
}
.l-trade .mobile-trade-info .coin-size {
  font-size: 24px;
  margin-right: 8px;
}
.l-trade .mobile-trade-info .mobile-free {
  max-width: 120px;
}
.l-trade .mobile-trade-info .m-span-align {
  align-self: baseline;
}
.l-trade .mobile-trade-info .mobile-dropdown-container {
  height: 0;
  overflow: hidden;
  transition: all .5s;
}
.l-trade .mobile-trade-info .mobile-dropdown-container.active {
  height: auto;
}
.l-trade .mobile-trade-info .m-indent {
  margin-right: 6px;
}
.l-trade .mobile-trade-info .down-box {
  transform: rotateZ(-180deg);
  margin-bottom: 3px;
}
.l-trade .mobile-trade-info .ivu-icon-md-close {
  color: #B5B8BB;
}
@media (max-width: 768px) {
.l-trade .mobile-trade-info {
    display: block;
}
}
.l-trade-title {
  margin: 0 24px;
  height: 48px;
  border-radius: 2px;
  border-bottom: 1px dashed #ECF1F8;
}
.l-trade-title .flag {
  padding: 0 8px;
  height: 18px;
  border-radius: 9px;
  background: rgba(1, 115, 229, 0.1);
  line-height: 18px;
}
.l-trade-title .text-space {
  margin: 0 8px;
}
.l-trade-title .iconfont {
  font-size: 24px;
}
.l-trade-title .icon-question-mark {
  font-size: 12px;
  margin-left: 4px;
}
.l-trade-title .pay-code-wrap {
  flex-wrap: wrap;
  justify-content: flex-end;
}
.l-trade-title .pay-code::before {
  content: " \B7   ";
  margin: 0 10px;
}
.l-trade-coin {
  padding: 24px;
}
.l-trade-coin .coin-item {
  margin-right: 40px;
  height: 44px;
  line-height: 22px;
}
.l-trade-coin .s-relative,
.l-trade-coin .coin-relative {
  position: relative;
}
.l-trade-coin .coin-relative:hover .free-price-hover {
  display: inline-block;
}
.l-trade-coin .free-price-hover {
  left: -110px;
}
.l-trade-payment .fix-scroll {
  margin-top: 24px;
}
@media (min-width: 768px) {
.l-trade-payment {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-bottom: 110px;
}
.l-trade-payment .fix-scroll {
    flex: 1 0 0;
    margin-right: -24px;
    padding-right: 24px;
    max-height: 304px;
    overflow-y: scroll;
    overflow-x: hidden;
}
}
@media (max-width: 768px) {
.l-trade-payment .payment-title {
    font-size: 16px;
    color: #565656;
    font-weight: 500;
}
.l-trade-payment .payment-title .btn {
    font-weight: 700;
}
}
.l-trade-payment .payment-flag {
  line-height: 16px;
  padding: 12px;
  background: rgba(250, 173, 20, 0.05);
  border: 1px solid rgba(250, 173, 20, 0.3);
  border-radius: 4px;
  margin-top: 8px;
}
.l-trade-payment .payment-flag .icon-warn {
  margin-right: 6px;
  align-self: flex-start;
  color: #faad14;
}
@media (max-width: 768px) {
.l-trade-payment .payment-flag {
    width: auto;
}
}
.l-trade-payment .m-contact {
  display: none;
}
.l-trade-payment .name {
  width: 96px;
  margin-right: 16px;
}
.l-trade-payment .pay-iconfont {
  margin-right: 24px;
}
.l-trade-payment .payment-info {
  max-width: 578px;
  flex-grow: 2;
  display: flex;
  align-items: flex-start;
}
.l-trade-payment .payment-info .frist-span {
  white-space: normal;
  word-break: break-all;
}
.l-trade-payment .payment-info .frist-span span {
  margin-right: 6px;
  min-height: 25px;
}
.l-trade-payment .payment-info .frist-span.other-span {
  max-width: 570px;
}
.l-trade-payment .payment-info .pc-qr:hover {
  opacity: .7;
}
.l-trade-payment .payment-info .hover-img-box {
  white-space: nowrap;
  padding-left: 40px;
}
.l-trade-payment .payment-info .ivu-tooltip-rel,
.l-trade-payment .payment-info .ivu-tooltip {
  display: initial !important;
}
.l-trade-payment .cancel-box {
  margin: 40px 0;
}
.l-trade-payment .hide-payment-box {
  margin: 20px 0;
  background: rgba(242, 246, 250, 0.5);
  border-radius: 8px;
  height: 220px;
  text-align: center;
}
.l-trade-payment .hide-payment-box .title {
  margin-top: 14px;
  font-size: 14px;
  line-height: 18px;
  color: #1C242C;
}
.l-trade-payment .hide-payment-box .content {
  margin-top: 14px;
  margin-left: 16px;
  margin-right: 16px;
  font-size: 12px;
  line-height: 18px;
  color: #9AA5B5;
}
.l-trade-payment .icon-scanqode-flag {
  font-size: 14px;
  margin-right: 6px;
}
.l-trade-payment .payment-disable {
  border-bottom: 1px solid #e6ecf2;
  flex-grow: 2;
}
.l-trade-payment .payment-disable.no-border {
  border-bottom: none;
}
.l-trade-payment .payment-disable-ex {
  background: #F8FAFD;
  border-radius: 4px;
  height: 25px;
  margin-bottom: 26px;
  flex-grow: 2;
  margin-top: 3px;
  white-space: normal;
  word-break: break-all;
}
.l-trade-payment .payment-disable-ex.no-border {
  border-bottom: none;
}
.l-trade-payment .payment-disable-ex .icon-scanqode {
  font-size: 15px;
}
.l-trade-payment .payment-disable-ex .spe-align {
  display: flex;
}
.l-trade-payment .payment-disable-ex .after-receive {
  padding-left: 16px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 25px;
  color: #9AA5B5;
}
.l-trade-payment .payment-list .order-payment-wrapper {
  padding-bottom: 16px;
}
.l-trade-payment .payment-list .payment-card-wrapper .seperator {
  height: 0;
}
.l-trade-payment .payment-list .payment-card-wrapper .flex-33 {
  margin-right: 14px;
  flex-basis: 138px;
}
.l-trade-payment .payment-list .payment-card-wrapper .flex-33:nth-child(3n) {
  margin-right: 0;
}
@media (min-width: 768px) {
.l-trade-payment .payment-list {
    width: 574px;
}
.l-trade-payment .payment-list .order-payment-wrapper {
    width: 132px;
    padding-right: 23px;
}
.l-trade-payment .payment-list .special .seperator {
    margin-top: 0px;
}
}
.l-trade-payment .payment-item {
  height: 78px;
}
.l-trade-payment .payment-item .pc-payment-col {
  height: inherit;
}
.l-trade-payment .payment-item .pc-payment-col .box {
  min-width: 140px;
}
.l-trade-payment .payment-item .pc-payment-col .box .payment-box {
  max-width: 110px;
  padding: 4px 8px;
  font-size: 12px;
  background: #F8FAFD;
  border-radius: 4px;
  display: inline-block;
}
.l-trade-payment .payment-item .pc-payment-col .payment-border {
  height: inherit;
  border-bottom: 1px solid #e6ecf2;
  flex-grow: 2;
  white-space: normal;
  word-break: break-all;
}
.l-trade-payment .payment-item .pc-payment-col .payment-border.no-border {
  border-bottom: none;
}
.l-trade-payment .payment-item .pc-payment-col .payment-border .icon-scanqode {
  font-size: 15px;
}
.l-trade-payment .payment-item .pc-payment-col .payment-border .spe-align {
  min-width: 102px;
  margin-right: 10px;
}
.l-trade-payment .hover-text-tip {
  width: 140px;
  white-space: normal;
  margin-top: 12px;
}
.l-trade-payment .hover-text-tip .font-red {
  color: #ef5656;
}
.l-trade-payment .click-text {
  margin-left: 6px;
}
.l-trade-payment .mobile-payment-col {
  display: none;
}
@media (max-width: 768px) {
.l-trade-payment .icon-tel {
    margin-right: 6px;
    font-size: 14px;
}
.l-trade-payment .name {
    margin-right: 8px;
}
.l-trade-payment .m-name {
    width: 60px;
    flex-shrink: 0;
    margin-right: 16px;
}
.l-trade-payment .m-pay-info {
    flex-grow: 2;
}
.l-trade-payment .mobile-top {
    margin-top: 16px;
}
.l-trade-payment .border-line {
    display: none;
}
.l-trade-payment .m-contact {
    display: inline-block;
}
.l-trade-payment .payment-info {
    display: inline-block;
    width: 100%;
}
.l-trade-payment .payment-info .frist-span {
    display: inline;
}
.l-trade-payment .pc-payment-col {
    display: none;
}
.l-trade-payment .bank-num {
    word-break: break-all;
}
.l-trade-payment .payment-item {
    padding-top: 16px;
}
.l-trade-payment .mobile-payment-col {
    display: flex;
}
.l-trade-payment .mobile-payment-col .right-content {
    margin-left: 16px;
    border-bottom: 1px solid #e6ecf2;
    display: flex;
    flex-grow: 2;
    padding-bottom: 16px;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
}
.l-trade-payment .mobile-payment-col .right-content.no-border {
    border-bottom: 1px solid transparent;
}
.l-trade-payment .mobile-payment-col .right-content .ivu-tooltip,
  .l-trade-payment .mobile-payment-col .right-content .ivu-tooltip-rel {
    display: initial;
}
.l-trade-payment .mobile-payment-col .img-icon {
    align-self: flex-start;
    margin-right: 0;
}
.l-trade-payment .mobile-payment-col .mobile-pic-show {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 16px;
}
.l-trade-payment .mobile-payment-col .mobile-pic-show .icon-scanqode {
    margin-right: 4px;
}
.l-trade-payment .mobile-payment-col .mobile-payment-disable {
    flex-grow: 2;
    border-bottom: 1px solid #e6ecf2;
}
.l-trade-payment .mobile-payment-col .mobile-payment-disable.no-border {
    border-bottom: 1px solid transparent;
}
.l-trade-payment .mobile-payment-col .mobile-payment-disable-ex {
    background: #F8FAFD;
    border-radius: 4px;
    height: 25px;
    margin-bottom: 26px;
    flex-grow: 2;
    margin-left: 10px;
    white-space: normal;
    word-break: break-all;
}
.l-trade-payment .mobile-payment-col .mobile-payment-disable-ex.no-border {
    border-bottom: none;
}
.l-trade-payment .mobile-payment-col .mobile-payment-disable-ex .icon-scanqode {
    font-size: 15px;
}
.l-trade-payment .mobile-payment-col .mobile-payment-disable-ex .spe-align {
    display: flex;
}
.l-trade-payment .mobile-payment-col .mobile-payment-disable-ex .after-receive {
    padding-left: 16px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 25px;
    color: #9AA5B5;
}
.l-trade-payment .mobile-trade-info {
    display: block;
}
}
.l-trade-legal .icon-dunpai {
  font-size: 14px;
  margin-right: 4px;
}
.l-trade-legal .legal-checkbox {
  margin-right: 0;
}
.l-trade-legal .legal-checkbox .tips-pop {
  margin-left: 4px;
}
.l-trade-legal .icon-flag-in {
  margin: 1px 4px 0 0;
  font-size: 14px;
}
.l-trade-status {
  position: relative;
  width: inherit;
  background: white;
  border-top: 1px solid #e6ecf2;
  border-radius: 2px 2px 0 0;
  padding: 24px;
}
@media (min-width: 768px) {
.l-trade-status {
    position: absolute;
    bottom: 0;
    height: 110px;
}
.l-trade-status .l-trade-status-max {
    width: 328px;
}
.l-trade-status .text-status-ellipise {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
}
.l-trade-status .pc-timer-down {
  align-self: flex-start;
}
.l-trade-status .mobile-countdown {
  display: none;
}
.l-trade-status .right-btn-box {
  margin-left: 24px;
  text-align: right;
  white-space: nowrap;
}
.l-trade-status .right-btn-box.flex {
  position: absolute;
  right: 24px;
}
.l-trade-status .right-btn-box.flex span {
  margin-left: 16px;
}
.l-trade-status .right-btn-box.flex span.view {
  color: #000;
}
.l-trade-status .right-btn-box .btn-left {
  margin-right: 30px;
}
.l-trade-status .right-btn-box .sline {
  color: #ADADB4;
  margin: 0 8px;
}
.l-trade-status .l-height16 {
  line-height: 16px;
}
.l-trade-status .l-height24 {
  line-height: 24px;
}
.l-trade-status .l-height40 {
  line-height: 40px;
}
.l-trade-status .l-18 {
  line-height: 18px;
}
.l-trade-status .l-12 {
  line-height: 12px;
}
.l-trade-status .price-space {
  margin: 0 8px;
}
.l-trade-status .price-show {
  margin-top: 8px;
}
.l-trade-status .price-show .cancel-reason {
  color: #ef5656;
  text-decoration: underline;
}
.l-trade-status .text-right {
  text-align: right;
  margin-top: 8px;
}
.l-trade-status .text-right .r-indent {
  margin-right: 16px;
}
.l-trade-status .appeal-text {
  margin-left: 16px;
}
.l-trade-status .iconfont {
  font-size: 40px;
  margin-right: 16px;
}
.l-trade-status .appeal-color {
  color: #ef5656;
  height: 40px;
  line-height: 40px;
}
.l-trade-status .success-color {
  color: #00A171;
}
.l-trade-status .cancel-color {
  color: #B5B8BB;
}
.l-trade-status .icons-style {
  height: 40px;
}
.l-trade-status .complete-space {
  margin: 0 8px;
}
.l-trade-status .inblock {
  display: inline-block;
}
.l-trade-status .m-status-0 {
  display: none;
  margin-bottom: 0;
}
.l-trade-status .ivu-progress-inner {
  background-color: #E9EAED !important;
}
.l-trade-status .m-l16 {
  margin-left: 16px;
}
.l-trade-status .appeal-box {
  position: relative;
  height: 42px;
  width: 42px;
  min-width: 42px;
  margin-right: 16px;
}
.l-trade-status .appeal-box .icon-in {
  position: absolute;
  font-size: 16px;
  margin-right: 0;
  top: 10px;
  left: 13px;
  color: #00A171;
}
.l-trade-status .appeal-bg {
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAAGyxPnNAAAAAXNSR0IArs4c6QAABkJJREFUWAnNWH1sU1UUv/e+14+177V0H4wNRSAkgohfwwQ1MSMIGgwQMOumRiJKsgQNBhigBELVIKztOkHU7A8SRejax1hiIJgFEUPiPyLEiBElYAgZ43ujH/to+9673lt53Xt9bVfaZax/9J7zO+f87nkf595zHwD3frUnXWxpe8vDip59rBMEJt3KBb3dqAt029MN0fPR6emYXrf6vQstHTuf1lm4oMeZAtPT4wLesynjyII10Pym2ushwVeS0m2Cb4buwiYc9D6S8lAJZOIfVep9iPwB9wv5uPNBjycfv/99MIYpZy7grkspKqF8XzOvUrWi1e95wh70vKRFVRoX8DSq1KRo9X9eqcEcwq4pGiCTQh7165lwNcYF3VtBhfAlpwbHUOYCvjUjTkduOhPv6Do9kqMLQjSSD6js8lip0/BzJEqZ4JssIlAlA0MUiYOJUMOmSwqTxlEB6cj5vWsAwg4Dsu3tczaG1DZeaF6KMdoAYqAuunLjTbVNJ9v87leyFYDOWQWQF/CUSh0Wbe3et4a1wiRSFx+lIvlgyzsppUghWTZ2wTOtSB5NOKma40iSQfLRaixFKNG/+19OhlsF35wieLShx/aYkgCtulGpvM69ZdoZiMa1u+t1YB5ArcvFVh9xWXK6OsgaRm7447mc6ArP7W+dpVvpSVDWilIIaTnGROlRBuIKCKQLT02ad+7n+fNFxZ5pzEhK9ppSWZa+YGT4TeiNpuPqQPvBnQ7ZYNyKZRyKNjR9orZllblgy25KmtVBZSBr66d8h3emCtKLfLvbp0dzI5zgfYwXfO9m9OKD90+oEHH+XbMpuaInR15oWaoBClB0V0lWlyUF8OhCSNfSmgTtAfczOmuBANfu9dNQJGFY9KWncmDiH9T81mZAZI+6mgKLFKLOLbf+uRR5DkEArxTJpQnHQHoWkOZrhQYtViEbOSLVP7FYnvR4BGXYkw4WrJP2HECIUaXd0DVDWa0LZrsXeBUMr6l8wL26WD5Ajwakw6A8yb8paOp+++HW6cUQc+B6Kbl0WcMxob11avWRtuH0NdbcSglZyLN60JYnr0ZWxWDOp2+gZcYHPMvoqIrVieXf7aiq7PRkfB0zbieUgZKevzgwh2GwFUtSH2PCg2I/a8FMwsQyhn/DzvW9upnuAVlJswVQvHK/x9pvgjUQyPMwQDUYyFGEUR+Aci/RewGWyAvAlAOAKwAmxUVaUiCD0wihUyZY8sst53vRXPyZbHklSvuEUMSyjKxoiyCDj5cMge9vrNzYn4lwJIyemYYsaBXxq8MQd1iQdV8+iedM1N7hmyuJ8iqEpG/Dzs2/jpREIXZb0PsyxjI9erjC9U1d2TgyJmoXvDWk2OoZA/PZ3eXr7mYLHk2coy98AnQiDHeEG5p+SOfWJEoP7iFJ2oYg2xFqWHc23XksdJvgeVWS8PYSC15we9nmiDJnKlGH0GaPy5EtBhOzc6zuopJE+lh+uLUqlhBPmhGuveXcdJ3ak4nSO9knSdsdDPNxt3P9YHrgg9BLj+2xJcKxP1gkPdnn/DCU3Ef6MH6NYZjO8ZIkvTG9i9eGIYLbRInZTXXI+73lgIFvR+o3eCkw3n7kjHsOIXY5Yo1sNZbkK+MtQSUfCJnfyQFpLivKCStioOYjhuI0HkZZxAeQAYRZhoE9ibg0YzwklSmH/uqjJ0DtSQktlKZ0k/24rNDeKRP5qGH0O+blWpbyoUNOp0T68q7IQGTRqE0wWkSHWs0gXiXRhjxFaT/UsoBvb3k+BTxooY18MFF1yMl1lOYUqttwApK+jQs2z3/QOZYe2GOrcJCzwpLGASWX1BaqADz5liTHhhYjk/lYZMX7dxR8LMbZgst42VpROrOSvXNmbmNCPacuUcXIdfhmg4Q8CzHop1ydt+JfzEjPglfjiYnmeCJMt8tMXFkTVZztR79yyNH+FyFirnF94T97Gl2px6H4FDLWtJFjiWWgXLaAkknhUM/lVa6hXDwjJqoOps1LryzOAjKczBrBTUY2Xivj4I2Li9fG1H7pMk3qQnXEjvqNdpGNWU3Q1DvttunGmUbt402PU+v3lag6UJFdLhf6erq1ZNDMmExANIrAZBySRHJek2MGsxSzAmN89V/hGPHTHnwVgjzH/wCSOx8idtCSZAAAAABJRU5ErkJggg==) no-repeat;
  animation: loading 1.5s infinite linear;
}
.l-trade-status .otc-btn-sytle .default {
  font-size: 14px;
  height: 36px;
  line-height: 36px;
}
@media (max-width: 768px) {
.l-trade-status .m-status-change {
    flex-direction: column;
    justify-content: flex-start;
}
.l-trade-status .mobile-layout-b {
    display: block;
}
.l-trade-status .m-layout-b {
    line-height: 12px;
    margin-top: 8px;
    margin-left: 56px;
    display: inline-block;
}
.l-trade-status .right-btn-box {
    margin: 16px 0 0 !important;
}
.l-trade-status .m-flex-0 {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.l-trade-status .m-status-0 {
    display: block;
    margin: 0 0 10px 0;
}
.l-trade-status .pc-timer-down {
    display: none;
}
.l-trade-status .price-show {
    margin-top: 12px;
}
.l-trade-status .price-show.mobile-mb {
    margin-top: 8px;
}
.l-trade-status .amount-text {
    display: block;
    margin-top: 8px;
}
.l-trade-status .mobile-countdown {
    display: flex;
    margin-left: 0;
    margin-bottom: 10px;
}
.l-trade-status .m-block {
    display: block;
    margin-top: 12px;
}
.l-trade-status .pc-countdown {
    display: none;
}
.l-trade-status .mobile-flex {
    flex-direction: column;
    align-items: flex-start;
}
.l-trade-status .appeal-text {
    margin-left: 24px;
}
.l-trade-status .m-price-show {
    margin-top: 14px;
}
}
.l-trade-legal {
  padding: 26px 0;
  margin: 0 24px;
  border-top: 1px solid #e6ecf2;
}
.l-trade-legal .server-tips {
  padding: 10px 0;
}
.l-trade-legal .server-tips span,
.l-trade-legal .server-tips h6,
.l-trade-legal .server-tips p {
  white-space: pre-wrap;
}
.l-trade-legal .server-tips span {
  white-space: normal;
  word-break: break-all;
  margin-bottom: 16px;
  display: inline-block;
}
.l-trade-legal .server-tips h6 {
  font-weight: 400;
  font-size: 12px;
}
.l-trade-legal .server-tips p {
  margin-top: 16px;
  white-space: normal;
  word-break: break-all;
}
.timer-countdown {
  color: #fa6400;
  margin-left: 8px;
}
.timer-countdown span {
  border: 1px solid #fa6400;
  border-radius: 2px;
  padding: 0 2px;
  min-width: 26px;
  max-width: 32px;
  height: 18px;
  line-height: 17px;
}
.timer-countdown span:last-child {
  margin-left: 4px;
}
.timer-countdown span:first-child {
  margin-right: 4px;
}
@media (max-width: 768px) {
.l-trade-status .text-right {
    margin-top: 24px;
}
.l-trade-payment .payment-list .payment-card-wrapper .flex-33 {
    margin-right: 0;
    flex-basis: auto;
}
.order-detail-remark {
    padding: 24px;
}
.l-trade {
    padding-top: 0;
}
.l-trade .auto-center {
    flex-direction: column-reverse;
}
.mobile-chat-container {
    margin-top: 40px;
    padding: 0 24px;
}
.mobile-chat-container .order-modal-inner {
    margin-left: 0;
    width: 100%;
}
}
.follow-box {
  position: absolute;
  width: 574px;
  height: 81px;
  background: #FFFFFF;
  border: 1px solid #ECF1F8;
  border-radius: 4px;
  z-index: 2;
  bottom: 24px;
  box-sizing: border-box;
  padding: 0 16px;
}
.follow-box .follow-row {
  width: 100%;
  height: 39px;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
  justify-content: space-between;
}
.follow-box .follow-row:first-child {
  border-bottom: 1px solid #F3F3F3;
}
.follow-box .follow-row .follow-btn {
  padding: 0 15px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #0173E5;
  border-radius: 2px;
  box-sizing: border-box;
  color: #0173E5;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  cursor: pointer;
}
.follow-box .follow-row .follow-btn.re {
  color: #000000;
  border-color: #b5b8bc;
}

.not-found-box {
  text-align: center;
  margin-top: 120px;
}
.not-found-box a {
  padding: 12px 24px;
  background-color: #357CE1;
  color: white;
  border: transparent;
  font-size: 16px;
  border-radius: 3px;
  cursor: pointer;
  text-decoration: none;
}
@media (max-width: 768px) {
.not-found-box img {
    width: 100%;
}
}