.trade-input-control {
  position: relative;
  display: block;
  transform-style: preserve-3d;
  z-index: 15;
  width: 100%;
}
.trade-input-control .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 .input-wrap:focus-within,
.trade-input-control .input-wrap.select-active {
  border-color: #0173E5;
}
.trade-input-control .input-wrap.input-error {
  border-color: #ef5656 !important;
}
.trade-input-control .input-wrap .available {
  position: absolute;
  top: 14px;
  right: 24px;
  z-index: 15;
}
.trade-input-control .input-wrap .available.new-area {
  color: #00A171;
}
.trade-input-control .select-active .ivu-select-arrow {
  transform: translateY(-8px) rotate(180deg);
}
.trade-input-control .input-label {
  padding: 0 24px;
  display: flex;
}
.trade-input-control .input-inner {
  min-width: 282px;
  height: 100%;
  border-radius: 6px;
  padding: 37px 8px 12px 0px;
  height: 100px;
  box-sizing: border-box;
  font-size: 32px;
  color: #000000;
  background: transparent;
  font-weight: 500;
  z-index: 1;
  outline: none;
  border: none;
}
.trade-input-control .input-inner::-webkit-input-placeholder {
  color: #ADADB4;
  font-size: 32px;
  font-weight: 500;
}
.trade-input-control .label-inner {
  position: absolute;
  color: #8A8A8E;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  pointer-events: none;
  left: 24px;
  top: 20px;
  z-index: 2;
  cursor: text;
  transform-origin: top left;
  transition: all 0.2s ease-out;
  user-select: none;
}
.trade-input-control .all {
  color: #0173E5;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  height: 20px;
  margin-top: 49px;
  cursor: pointer;
  position: absolute;
  right: 24px;
  width: auto;
  z-index: 8888;
}
.trade-input-control .trade-select-wrap {
  margin-top: 40px;
  align-items: center;
  display: flex;
  height: 40px;
  padding: 8px 14px 8px 12px;
  background: #f5f5f5;
  border-radius: 20px;
  cursor: pointer;
  user-select: none;
  position: absolute;
  font-weight: 500;
  font-size: 16px;
  right: 24px;
  z-index: 9999;
}
.trade-input-control .trade-select-wrap .iconImg {
  font-size: 18px;
  margin-right: 6px;
  width: 20px;
  height: 20px;
  transition: all 0.3s;
}
.trade-input-control .trade-select-wrap .ivu-select-arrow {
  position: relative;
  right: 0px;
  top: 6px;
}
.trade-input-control .trade-select-wrap:hover {
  background: #EBEBEB;
}
.trade-input-control .trade-select-text {
  margin-right: 6px;
}
.trade-input-control.input-error .input-inner {
  transition: all 0.2s ease-out;
  border-color: #ef5656;
}
.trade-input-control .error-message {
  margin: 8px 0;
  transition: all 0.2s ease-out;
  color: #ef5656;
  font-size: 14px;
  position: absolute;
}
.trade-input-control .available-amount {
  margin-top: 8px;
  position: absolute;
}
.trade-input-control .available-amount .label-available {
  font-size: 14px;
  color: #8A8A8E;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: capitalize;
}
.trade-input-control .available-amount .value-available {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: capitalize;
}
.trade-input-control .available-amount .go-transfer {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: capitalize;
  margin-left: 16px;
}
.trade-input-control .mt32 {
  margin-top: 32px;
}
.trade-input-control .trade-select-container {
  position: absolute;
  left: 0;
  top: 104px;
  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 .trade-select-search {
  padding: 10px 16px;
}
.trade-input-control .trade-select-search .ivu-input {
  height: 40px;
  border-radius: 2px;
}
.trade-input-control .trade-select-search .ivu-icon {
  line-height: 40px;
}
.trade-input-control .trade-select-content {
  max-height: 200px;
  overflow-y: auto;
}
.trade-input-control .trade-select-item {
  user-select: none;
  padding: 8px 0;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}
.trade-input-control .trade-select-item .item-text {
  margin-left: 8px;
}
.trade-input-control .trade-select-item.active .item-text,
.trade-input-control .trade-select-item:hover .item-text {
  color: #0173E5;
}
.trade-input-control .trade-select-item:hover {
  background: rgba(242, 246, 250, 0.7);
}
.trade-input-control .trade-select-item .pl-16 {
  padding-left: 16px;
}
.trade-input-control .trade-select-item .pr-16 {
  padding-right: 16px;
}
.trade-input-control .trade-select-no-data {
  height: 200px;
}
.trade-input-control .trade-select-no-data p {
  margin-top: 10px;
}

.new-faq[data-v-a558f5f8] {
  width: 1200px;
  margin: 80px auto 80px;
  overflow: auto;
}
.new-faq .faq-title[data-v-a558f5f8] {
  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-a558f5f8] {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.new-faq .faq-content .faq-list[data-v-a558f5f8] {
  margin-top: 24px;
  width: 100%;
  padding-bottom: 24px;
  border-bottom: 1px solid #F2F2F2;
}
.new-faq .faq-content .faq-list .faq-qus[data-v-a558f5f8] {
  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-a558f5f8] {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.new-faq .faq-content .faq-list .faq-qus .faq-qus-before[data-v-a558f5f8] {
  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-a558f5f8] {
  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-a558f5f8] {
  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;
}

.quick-trade {
  height: 100%;
  min-height: 680px;
  position: relative;
}
.quick-trade .quick-foot {
  width: 100%;
  height: 425px;
  background: url(https://otc-static.hbfile.net/vue/otc-ssr/otc-web-front/prod/v5.21.42/static/img/trade-footer.b91d91b.svg) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  bottom: -120px;
}
.quick-trade .quick-trade-bg {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.quick-trade-outer {
  width: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  padding: 80px 0;
  background: #FAFAFA;
}
.quick-trade-outer .qt-content {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.quick-trade-outer .qt-content .qt-left {
  width: 560px;
  height: 400px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}
.quick-trade-outer .qt-content .qt-left .qt-bg1 {
  position: absolute;
  width: 280px;
  left: 0px;
  top: -60px;
}
.quick-trade-outer .qt-content .qt-left .qt-title {
  color: var(--000000, #000);
  font-size: 52px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  word-break: break-word;
}
.quick-trade-outer .qt-content .qt-left .qt-info {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.quick-trade-outer .qt-content .qt-left .qt-info div {
  display: flex;
  height: 32px;
  align-items: center;
  margin-bottom: 24px;
}
.quick-trade-outer .qt-content .qt-left .qt-info div img {
  width: 32px;
  height: 32px;
}
.quick-trade-outer .qt-content .qt-left .qt-info div span {
  margin-left: 16px;
  color: var(--000000, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 140% */
  letter-spacing: 1px;
  text-transform: capitalize;
}
.quick-trade-outer.pci-padding {
  padding-bottom: 308px;
}
.info-group {
  width: 100%;
  background: #fff;
  padding: 80px 0;
  display: flex;
  justify-content: center;
}
.info-group .info-content {
  width: 1200px;
  display: flex;
  justify-content: space-between;
}
.info-group .info-content .info-box {
  width: 346px;
  display: flex;
  flex-direction: column;
}
.info-group .info-content .info-box .img {
  width: 74px;
  height: 74px;
}
.info-group .info-content .info-box .img img {
  width: 100%;
}
.info-group .info-content .info-box .i-title {
  margin-top: 24px;
  color: var(--000000, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 140% */
  word-break: break-all;
}
.info-group .info-content .info-box .i-des {
  margin-top: 16px;
  color: var(--565656, #565656);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  word-break: break-all;
}
.quick-trade-drawer {
  width: 706px;
  margin: 0 24px;
  padding-top: 36px;
}
.quick-trade-limit {
  margin-top: 32px;
  color: #9AA5B5;
  text-align: center;
  width: 100%;
  font-size: 12px;
  line-height: 18px;
}
.quick-trade-limit-pc {
  position: absolute;
}
.quick-trade-limit .link {
  color: #0173E5;
  cursor: pointer;
}
.latamex-email .can-modify .ivu-input-group-append {
  background: #f2f6fa !important;
}
.latamex-email .ivu-input[disabled] {
  color: #B5B8BB !important;
}
.latamex-email .ivu-form-item {
  margin-bottom: 0;
}
.quick-trade-wrap {
  z-index: 2;
  position: relative;
}
.quick-trade-wrap .qt-bg2 {
  position: absolute;
  left: -76px;
  top: 10px;
  width: 60px;
  height: 60px;
}
.quick-trade-wrap .quick-trade-transaction {
  position: sticky;
  top: 120px;
}
.quick-trade-wrap .quick-trade-shadow {
  height: 478px;
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  background: #fff;
}
.quick-trade-wrap .quick-trade-nav {
  user-select: none;
  list-style: none;
  height: 70px;
  padding-top: 40px;
  margin: 0 40px;
  overflow: hidden;
}
.quick-trade-wrap .quick-trade-nav li {
  list-style: none;
  line-height: 14px;
  text-align: center;
  font-size: 16px;
  color: #B5B8BB;
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
  margin-right: 34px;
  transform-origin: center left;
  transition: all 0.15s linear;
}
.quick-trade-wrap .quick-trade-nav li:nth-child(2) {
  transform-origin: center center;
}
.quick-trade-wrap .quick-trade-nav li:nth-child(3) {
  transform-origin: center right;
}
.quick-trade-wrap .quick-trade-nav li.active {
  color: #0173E5;
  font-size: 24px;
  cursor: default;
}
.quick-trade-wrap .bottom-safe {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 90px;
  background-color: #EEF6FF;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.quick-trade-wrap .bottom-safe .safe-item .circle {
  height: 32px;
  width: 32px;
  min-width: 32px;
  border-radius: 16px;
  background-color: rgba(1, 115, 229, 0.05);
  border: 1px solid rgba(1, 115, 229, 0.5);
  margin-right: 14px;
}
.quick-trade-wrap .bottom-safe .font-white {
  color: white;
}
.quick-trade-wrap .bottom-safe .first {
  margin-left: 40px;
  margin-right: 12px;
}
.quick-trade-wrap .mt-24 {
  margin-top: 24px;
}
.quick-trade-wrap .mr-6 {
  margin-right: 6px;
}
.quick-trade-wrap .common-bottom-flag {
  height: 60px;
  background-color: transparent;
  color: #B5B8BB;
  padding-right: 10px;
  padding-left: 10px;
  position: absolute;
  bottom: -60px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 12px;
}
.quick-trade-wrap .common-bottom-flag.result {
  bottom: -92px;
}
.quick-trade-transaction {
  animation: show-quick 0.3s forwards ease-in;
}
.quick-trade-container {
  padding: 40px;
  width: 560px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.quick-trade-container .change {
  position: relative;
  height: 58px;
  color: rgba(181, 184, 187, 0.3);
  line-height: 58px;
}
.quick-trade-container .change .iconfont {
  padding-left: 24px;
  font-size: 18px;
}
.quick-trade-container .change::before {
  position: absolute;
  top: 0;
  left: 32px;
  width: 2px;
  height: 10px;
  background-color: #dfe2e7;
  content: " ";
}
.quick-trade-container .change:after {
  position: absolute;
  bottom: 0;
  left: 32px;
  width: 2px;
  height: 10px;
  background-color: #dfe2e7;
  content: " ";
}
.quick-trade-container .change + .trade-input-control {
  z-index: 12;
}
.quick-trade-container .pay-method-wrap {
  margin-top: 24px;
  min-height: 100px;
}
.quick-trade-container .link-card-entry {
  color: #0173E5;
  cursor: pointer;
}
.quick-trade-container .pay-method-container {
  display: flex;
  flex-wrap: wrap;
}
.quick-trade-container .pay-method-item {
  position: relative;
  min-width: 25%;
  height: 72px;
  margin-top: 16px;
  padding-top: 16px;
  font-size: 10px;
  flex: 1;
  text-align: center;
  color: #B5B8BB;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.2s ease-in-out;
}
.quick-trade-container .pay-method-item img {
  height: 16px;
}
.quick-trade-container .pay-method-item p {
  padding-top: 4px;
  text-align: center;
  line-height: 14px;
  margin: 0 auto;
}
.quick-trade-container .pay-method-item.more-item p {
  max-width: 80px;
  max-height: 28px;
}
.quick-trade-container .pay-method-item.active {
  box-shadow: 0px 0px 8px rgba(53, 124, 225, 0.2);
  border-radius: 6px;
  border: 1px solid #0173E5;
  background: rgba(255, 255, 255, 0.9) !important;
}
.quick-trade-container .pay-method-item.active .iconfont {
  color: #0173E5;
}
.quick-trade-container .pay-method-item.active p {
  color: #000000;
}
.quick-trade-container .pay-method-item .best {
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  margin: 0 auto;
  height: 20px;
  margin-bottom: 4px;
}
.quick-trade-container .pay-method-item:nth-child(n+5) {
  flex: 0;
}
.quick-trade-container .pay-method-item:active,
.quick-trade-container .pay-method-item:hover {
  border-radius: 6px;
  background: rgba(242, 244, 247, 0.5);
}
.quick-trade-container .exchange-list {
  margin: 16px 0;
  width: 100%;
  z-index: 32;
}
.quick-trade-container .exchange-list span {
  height: 38px;
  width: 38px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiByeD0iMTgiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgcng9IjE4IiBzdHJva2U9IiNFQkVCRUIiLz4KPHBhdGggZD0iTTI2LjMzNzggMTguNTM5MkMyNi4yNjg4IDE4LjU5NTcgMjYuMTg1MyAxOC42MjYxIDI2LjA5OTUgMTguNjI2MUwyNC4wNTg3IDE4LjYyNjFMMjQuMDU4NyAyMi41MDEyQzI0LjA3MjkgMjUuMjYyOSAyMi44MzkyIDI2Ljc2MjUgMjAuMzU3NiAyN0MyMC41ODQ3IDI2Ljc2IDIxLjkyNDggMjUuNzExMiAyMS45MjQ4IDIyLjUwMTJDMjEuOTI0OCAyMC4zNjEyIDIxLjkwMjUgMTkuMDY5NSAyMS44NTgxIDE4LjYyNjFMMTkuOTAwNSAxOC42MjYxQzE5LjY3OTMgMTguNjI2MSAxOS41IDE4LjQyNzggMTkuNSAxOC4xODMxQzE5LjUgMTguMDkxNSAxOS41MjU2IDE4LjAwMjIgMTkuNTczNCAxNy45Mjc1TDIyLjYwMDEgMTMuMTg3NUMyMi43Mjc3IDEyLjk4NzYgMjIuOTc3NiAxMi45NCAyMy4xNTgzIDEzLjA4MTJDMjMuMTkzMSAxMy4xMDg0IDIzLjIyMzcgMTMuMTQxNiAyMy4yNDkxIDEzLjE3OTVMMjYuNDIxMyAxNy45MTk0QzI2LjU1MyAxOC4xMTYxIDI2LjUxNTYgMTguMzkzNiAyNi4zMzc4IDE4LjUzOTJaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTEuNjYyMiAxOS40NjA4QzExLjczMTIgMTkuNDA0MyAxMS44MTQ3IDE5LjM3MzkgMTEuOTAwNSAxOS4zNzM5TDEzLjk0MTMgMTkuMzczOUwxMy45NDEzIDE1LjQ5ODhDMTMuOTI3MSAxMi43MzcxIDE1LjE2MDggMTEuMjM3NSAxNy42NDI0IDExQzE3LjQxNTMgMTEuMjQgMTYuMDc1MiAxMi4yODg4IDE2LjA3NTIgMTUuNDk4OEMxNi4wNzUyIDE3LjYzODggMTYuMDk3NSAxOC45MzA1IDE2LjE0MTkgMTkuMzczOUwxOC4wOTk1IDE5LjM3MzlDMTguMzIwNyAxOS4zNzM5IDE4LjUgMTkuNTcyMiAxOC41IDE5LjgxNjlDMTguNSAxOS45MDg1IDE4LjQ3NDQgMTkuOTk3OCAxOC40MjY2IDIwLjA3MjVMMTUuMzk5OSAyNC44MTI1QzE1LjI3MjMgMjUuMDEyNCAxNS4wMjI0IDI1LjA2IDE0Ljg0MTcgMjQuOTE4OEMxNC44MDY5IDI0Ljg5MTYgMTQuNzc2MyAyNC44NTg0IDE0Ljc1MDkgMjQuODIwNUwxMS41Nzg3IDIwLjA4MDZDMTEuNDQ3IDE5Ljg4MzkgMTEuNDg0NCAxOS42MDY0IDExLjY2MjIgMTkuNDYwOFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=) no-repeat;
  border-radius: 25px;
  margin: 0 4px;
}
.quick-trade-container .exchange-list span .icon-Convert-hover {
  display: none;
}
.quick-trade-container .exchange-list span:hover {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCA2OCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDE5QzE2IDkuMDU4ODggMjQuMDU4OSAxIDM0IDFDNDMuOTQxMSAxIDUyIDkuMDU4ODggNTIgMTlDNTIgMjguOTQxMSA0My45NDExIDM3IDM0IDM3QzI0LjA1ODkgMzcgMTYgMjguOTQxMSAxNiAxOVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNiAxOUMxNiA5LjA1ODg4IDI0LjA1ODkgMSAzNCAxQzQzLjk0MTEgMSA1MiA5LjA1ODg4IDUyIDE5QzUyIDI4Ljk0MTEgNDMuOTQxMSAzNyAzNCAzN0MyNC4wNTg5IDM3IDE2IDI4Ljk0MTEgMTYgMTlaIiBzdHJva2U9IiNBREFEQjQiLz4KPHBhdGggZD0iTTQxLjMzNzggMTguNTM5MkM0MS4yNjg4IDE4LjU5NTcgNDEuMTg1MyAxOC42MjYxIDQxLjA5OTUgMTguNjI2MUwzOS4wNTg3IDE4LjYyNjFMMzkuMDU4NyAyMi41MDEyQzM5LjA3MjkgMjUuMjYyOSAzNy44MzkyIDI2Ljc2MjUgMzUuMzU3NiAyN0MzNS41ODQ3IDI2Ljc2IDM2LjkyNDggMjUuNzExMiAzNi45MjQ4IDIyLjUwMTJDMzYuOTI0OCAyMC4zNjEyIDM2LjkwMjUgMTkuMDY5NSAzNi44NTgxIDE4LjYyNjFMMzQuOTAwNSAxOC42MjYxQzM0LjY3OTMgMTguNjI2MSAzNC41IDE4LjQyNzggMzQuNSAxOC4xODMxQzM0LjUgMTguMDkxNSAzNC41MjU2IDE4LjAwMjIgMzQuNTczNCAxNy45Mjc1TDM3LjYwMDEgMTMuMTg3NUMzNy43Mjc3IDEyLjk4NzYgMzcuOTc3NiAxMi45NCAzOC4xNTgzIDEzLjA4MTJDMzguMTkzMSAxMy4xMDg0IDM4LjIyMzcgMTMuMTQxNiAzOC4yNDkxIDEzLjE3OTVMNDEuNDIxMyAxNy45MTk0QzQxLjU1MyAxOC4xMTYxIDQxLjUxNTYgMTguMzkzNiA0MS4zMzc4IDE4LjUzOTJaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjYuNjYyMiAxOS40NjA4QzI2LjczMTIgMTkuNDA0MyAyNi44MTQ3IDE5LjM3MzkgMjYuOTAwNSAxOS4zNzM5TDI4Ljk0MTMgMTkuMzczOUwyOC45NDEzIDE1LjQ5ODhDMjguOTI3MSAxMi43MzcxIDMwLjE2MDggMTEuMjM3NSAzMi42NDI0IDExQzMyLjQxNTMgMTEuMjQgMzEuMDc1MiAxMi4yODg4IDMxLjA3NTIgMTUuNDk4OEMzMS4wNzUyIDE3LjYzODggMzEuMDk3NSAxOC45MzA1IDMxLjE0MTkgMTkuMzczOUwzMy4wOTk1IDE5LjM3MzlDMzMuMzIwNyAxOS4zNzM5IDMzLjUgMTkuNTcyMiAzMy41IDE5LjgxNjlDMzMuNSAxOS45MDg1IDMzLjQ3NDQgMTkuOTk3OCAzMy40MjY2IDIwLjA3MjVMMzAuMzk5OSAyNC44MTI1QzMwLjI3MjMgMjUuMDEyNCAzMC4wMjI0IDI1LjA2IDI5Ljg0MTcgMjQuOTE4OEMyOS44MDY5IDI0Ljg5MTYgMjkuNzc2MyAyNC44NTg0IDI5Ljc1MDkgMjQuODIwNUwyNi41Nzg3IDIwLjA4MDZDMjYuNDQ3IDE5Ljg4MzkgMjYuNDg0NCAxOS42MDY0IDI2LjY2MjIgMTkuNDYwOFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=) -15px 0px no-repeat;
}
.quick-trade-container .exchange-list i {
  font-size: 35px;
}
.quick-trade-container .trade-setting {
  margin-top: -68px;
  float: right;
}
.quick-trade-container .trade-setting.mobile-style {
  margin-top: -55px;
}
.quick-trade-container .trade-setting .guide {
  margin-left: 16px;
}
.quick-trade-container .trade-setting .dash-border {
  border: 1px dashed #ECF1F8;
  width: 100%;
}
.quick-trade-container .trade-setting .setting-icon {
  color: #B5B8BB;
}
.quick-trade-container .trade-setting .setting-icon:hover {
  color: #0173E5;
}
.quick-trade-container .trade-setting .setting-icon i {
  font-size: 25px;
}
.quick-trade-container .trade-setting .setting-icon .icon-settings-guide {
  margin-left: 6px;
  margin-right: 6px;
}
.quick-trade-container .trade-setting .setting-icon.no-guide {
  margin-left: 18px;
}
.quick-trade-container .setting-dlg {
  position: absolute;
  top: 80px;
  right: 20px;
  z-index: 16;
  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: 260px;
  animation: hover-show 0.3s forwards ease-out;
}
.quick-trade-container .setting-dlg .inner-title {
  min-height: 40px;
  display: flex;
  justify-content: space-between;
  padding: 14px 16px 8px 16px;
}
.quick-trade-container .setting-dlg .inner-title .inner-title-text {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #1C242C;
}
.quick-trade-container .setting-dlg .inner-content {
  padding: 14px 16px;
  background: #F8FAFD;
  mix-blend-mode: normal;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #495666;
}
.quick-trade-container .setting-dlg .inner-content .mt-8 {
  margin-top: 8px;
}
.quick-trade-container .setting-dlg.pc .icon-switch-checked,
.quick-trade-container .setting-dlg.pc .icon-switch-close {
  font-size: 12px;
}
.quick-trade-container .setting-dlg.pc .ivu-switch {
  margin-top: 2px;
  width: 32px;
  height: 16px;
}
.quick-trade-container .setting-dlg.pc .ivu-switch-checked .ivu-switch-inner {
  left: 2px;
  top: -2px;
  transform: scale(0.6);
}
.quick-trade-container .setting-dlg.pc .ivu-switch-inner {
  left: 16px;
  top: -2px;
  transform: scale(0.6);
}
.quick-trade-container .setting-dlg.pc .ivu-switch-checked:after {
  left: 17px;
}
.quick-trade-container .setting-dlg.pc .ivu-switch:after {
  width: 12px;
  height: 12px;
}
.quick-trade-container .full-over {
  background: transparent;
  height: calc(100% + 240px);
  margin-top: -120px;
  margin-left: calc(-50vw + 220px);
  width: 100vw;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 4;
}
.quick-trade-footer {
  height: 56px;
}
.quick-trade-btn {
  margin-top: 68px;
  -webkit-appearance: none;
  outline: none;
  height: 56px;
  width: 100%;
  border-radius: 8px;
  color: #fff;
  gap: 4px;
  background-color: #0173E5;
}
.quick-trade-btn:disabled:not(.loading) {
  background-image: none;
  background-color: #EBEBEB;
  color: #8A8A8E;
  cursor: not-allowed;
}
.quick-trade-btn.loading {
  cursor: not-allowed;
}
.quick-trade-btn:focus {
  outline: none;
}
.quick-trade-btn img {
  width: 30px;
  height: 30px;
}
.quick-trade-btn:hover {
  color: #fff;
  opacity: .7;
}
.quick-trade-sucess-info {
  position: relative;
  min-height: 450px;
}
.quick-trade-sucess-info .max-long {
  max-width: 300px;
}
.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;
}
.trade-from-spe {
  position: relative;
  min-height: 226px;
}
.trade-from-spe .init {
  transform: translateY(0);
  transition: all .3s;
  animation-fill-mode: forwards;
}
.trade-from-spe .actives {
  z-index: 33;
}
.trade-from-spe .active-bottom {
  transform: translateY(-172px);
}
.trade-from-spe .active-column {
  transform: translateY(172px);
}
.trade-from-spe .active-column .error-message {
  position: absolute;
}
.quick-trade-info {
  padding: 0 40px 32px 40px;
  background-color: white;
  border-radius: 8px;
  animation: show-quick 0.3s forwards ease-in;
}
.quick-trade-info.no-radius {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.quick-trade-info .trade-back {
  display: inline-flex;
  cursor: pointer;
  height: 60px;
  position: relative;
  margin-left: -5px;
}
.quick-trade-info .trade-back .text {
  margin-left: 6px;
}
.quick-trade-info .coin-flag {
  font-size: 40px;
}
.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 .first-list {
  padding-top: 24px;
  border-top: 1px solid #e6ecf2;
}
.quick-trade-info .first-list.no-border {
  border-top: none;
}
.quick-trade-info .last-list {
  margin-bottom: 106px;
}
.quick-trade-info .nickname-title {
  padding: 18px 0;
}
.quick-trade-info .space-turkey {
  margin-bottom: 52px;
}
.quick-trade-info .pay-table {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  border-radius: 4px;
  overflow: hidden;
  border-top: 1px solid #E9EAED;
}
.quick-trade-info .pay-table .pay-table-item {
  min-width: 33.333%;
  text-align: center;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
  flex-grow: 1;
  background-color: #F2F4F7;
  cursor: pointer;
  border-bottom: 1px solid #E9EAED;
  border-left: 1px solid #E9EAED;
}
.quick-trade-info .pay-table .pay-table-item.active {
  border: 1px solid #0173E5 !important;
  background-color: rgba(1, 115, 229, 0.05);
  color: #0173E5;
}
.quick-trade-info .pay-table .pay-table-item.disabled {
  color: #B5B8BB !important;
}
.quick-trade-info .pay-table .pay-table-item img {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.quick-trade-info .pay-table .pay-table-item:nth-child(3n) {
  border-right: 1px solid #E9EAED;
}
.quick-trade-info .pay-table .pay-table-item:nth-child(n+4) {
  flex-grow: 0;
}
.quick-trade-info .pay-table .pay-table-item:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.quick-trade-info .pay-table .pay-table-item:last-child {
  border-right: 1px solid #E9EAED;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.quick-trade-info .ml-8 {
  margin-left: 8px;
}
.quick-trade-info .p2p-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.quick-trade-info .p2p-title .desc-underline {
  border-bottom: 1px dashed #565656;
}
.quick-trade-info .p2p-title .payment-options {
  color: #565656;
  text-align: right;
  font-size: 12px;
  line-height: 14px;
}
.quick-trade-info .p2p-title .payment-dlg {
  position: absolute;
  width: 280px;
  max-height: 288px;
  right: 0px;
  z-index: 2;
}
.quick-trade-info .p2p-title .payment-extra-label .option-wrapper {
  max-height: 200px;
}
.quick-trade-info .p2p-title .p2p-add {
  padding: 0 0 0 10px;
  margin: 0 4px;
  height: 40px;
  line-height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.quick-trade-info .p2p-title .p2p-add:hover {
  background: #F8FAFD;
}
.quick-trade-info .p2p-title .p2p-current {
  max-width: 148px;
  overflow-wrap: anywhere;
}
.quick-trade-info .p2p-title .p2p-current .payment-line > span {
  line-height: 20px;
  text-align: left;
  word-break: break-word;
}
.quick-trade-info .p2p-list {
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 20px;
  padding: 16px;
  background: rgba(242, 244, 247, 0.5);
  border-radius: 4px;
}
.quick-trade-info .p2p-list .p2p-item {
  justify-content: space-between;
  text-align: center;
  height: auto;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  margin-top: 20px;
}
.quick-trade-info .p2p-list .p2p-item.active {
  color: #0173E5;
}
.quick-trade-info .p2p-list .p2p-item.active .cell-right .detail-price {
  font-weight: bold;
}
.quick-trade-info .p2p-list .p2p-item:first-child {
  margin-top: 0;
}
.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: 48px;
}
.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;
  height: 304px;
  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 {
  margin-top: 32px;
}
.quick-trade-info .quick-trade-convert-info {
  position: relative;
  min-height: 468px;
}
.quick-trade-info .quick-trade-convert-info .icp-coin {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNCAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTciIGN5PSIxNyIgcj0iMTciIGZpbGw9IiNFRkYyRjMiLz4KPHBhdGggZD0iTTIzLjY4NDUgMTFDMjIuMjMyIDExIDIwLjY0NzYgMTEuODAzOSAxOC45NzUxIDEzLjM4ODhDMTguMTgyOSAxNC4xMzUzIDE3LjQ4OTcgMTQuOTM5MyAxNi45ODM2IDE1LjU4MjRDMTYuOTgzNiAxNS41ODI0IDE3Ljc5NzggMTYuNTM1NiAxOC42ODkxIDE3LjU1NzhDMTkuMTczMiAxNi45Mzc2IDE5Ljg2NjQgMTYuMDk5MiAyMC42Njk2IDE1LjM0MTJDMjIuMTU0OSAxMy45Mjg2IDIzLjEyMzIgMTMuNjQxNSAyMy42ODQ1IDEzLjY0MTVDMjUuNzc0OSAxMy42NDE1IDI3LjQ2OTQgMTUuNDIxNiAyNy40Njk0IDE3LjYyNjdDMjcuNDY5NCAxOS44MDg4IDI1Ljc3NDkgMjEuNTg4OSAyMy42ODQ1IDIxLjYxMTlDMjMuNTg1MyAyMS42MTE5IDIzLjQ2NDIgMjEuNjAwNCAyMy4zMjEzIDIxLjU2NTlDMjMuOTI2NCAyMS44NTMgMjQuNTg2NiAyMi4wNTk4IDI1LjIwMjggMjIuMDU5OEMyOS4wMzE4IDIyLjA1OTggMjkuNzc5OCAxOS4zNzIzIDI5LjgyMzggMTkuMTc3MUMyOS45MzM4IDE4LjY4MzMgMzAgMTguMTY2NCAzMCAxNy42MzgxQzI5Ljk4ODkgMTMuOTc0NSAyNy4xNjEzIDExIDIzLjY4NDUgMTFaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxwYXRoIGQ9Ik0xMC4zMTU2IDI0LjI0MTlDMTEuNzY4IDI0LjI0MTkgMTMuMzUyNCAyMy40MzggMTUuMDI0OSAyMS44NTMxQzE1LjgxNzEgMjEuMTA2NiAxNi41MTAzIDIwLjMwMjYgMTcuMDE2NCAxOS42NTk1QzE3LjAxNjQgMTkuNjU5NSAxNi4yMDIyIDE4LjcwNjMgMTUuMzEwOSAxNy42ODQxQzE0LjgyNjggMTguMzA0MyAxNC4xMzM2IDE5LjE0MjcgMTMuMzMwNCAxOS45MDA3QzExLjg0NTEgMjEuMzAxOCAxMC44NjU4IDIxLjYwMDQgMTAuMzE1NiAyMS42MDA0QzguMjI1MDkgMjEuNjAwNCA2LjUzMDY1IDE5LjgyMDMgNi41MzA2NSAxNy42MTUyQzYuNTMwNjUgMTUuNDMzMSA4LjIyNTA5IDEzLjY1MyAxMC4zMTU2IDEzLjYzQzEwLjQxNDcgMTMuNjMgMTAuNTM1NyAxMy42NDE1IDEwLjY3ODcgMTMuNjc2QzEwLjA3MzYgMTMuMzg4OSA5LjQxMzQgMTMuMTgyMSA4Ljc5NzI1IDEzLjE4MjFDNC45NjgyNSAxMy4xODIxIDQuMjIwMDQgMTUuODY5NiA0LjE3NjA0IDE2LjA2NDhDNC4wNjYwMiAxNi41NTg2IDQgMTcuMDc1NSA0IDE3LjYwMzdDNCAyMS4yNjc0IDYuODI3NzQgMjQuMjQxOSAxMC4zMTU2IDI0LjI0MTlaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXIpIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTMuMjI2NiAxNS4zOTg2QzEyLjgwODUgMTQuOTg1MiAxMC43NjE5IDEzLjI5NjkgOC44MDM0MiAxMy4yMzk1QzUuMzEzMjEgMTMuMTUwNCA0LjI4NzIyIDE1LjczMDcgNC4xOTg3NiAxNi4wNjM1QzQuODY3MyAxMy4xNyA3LjM1OTI5IDExLjAxMTUgMTAuMzIxOCAxMUMxMi43MzcgMTEgMTUuMTc3NiAxMy40MDgyIDE2Ljk4MDggMTUuNTgxNUMxNi45ODM3IDE1LjU3NzggMTYuOTg2NiAxNS41NzQzIDE2Ljk4OTMgMTUuNTcwOUMxNi45ODkzIDE1LjU3MDkgMTcuODAzNSAxNi41MjQxIDE4LjY5NDggMTcuNTQ2MkMxOC42OTQ4IDE3LjU0NjIgMTkuNzA3IDE4Ljc2MzYgMjAuNzg1MyAxOS44MzE3QzIxLjIwMzQgMjAuMjQ1MSAyMy4yMzg4IDIxLjkxMDQgMjUuMTk3NCAyMS45Njc4QzI4Ljc4NDUgMjIuMDcxMiAyOS43NzQ3IDE5LjM0OTMgMjkuODI5NiAxOS4xNDI2QzI5LjE2OTYgMjIuMDQ4MiAyNi42NzE5IDI0LjIxODggMjMuNzAxIDI0LjIzMDNDMjEuMjg1MSAyNC4yMzAzIDE4Ljg0MzcgMjEuODIwNiAxNy4wMzI4IDE5LjY0NjdDMTcuMDI5MyAxOS42NTExIDE3LjAyNTggMTkuNjU1NCAxNy4wMjI2IDE5LjY1OTVDMTcuMDIyNiAxOS42NTk1IDE2LjIwODQgMTguNzA2MiAxNS4zMTcxIDE3LjY4NDFDMTUuMzE3MSAxNy42ODQxIDE0LjMwNDkgMTYuNDY2NyAxMy4yMjY2IDE1LjM5ODZaTTQuMTkzMjEgMTYuMDg3N0M0LjE5NDIgMTYuMDgxOSA0LjE5NjAzIDE2LjA3MzcgNC4xOTg3NiAxNi4wNjM1QzQuMTk2OSAxNi4wNzE1IDQuMTk1MDQgMTYuMDc5NiA0LjE5MzIxIDE2LjA4NzdaIiBmaWxsPSIjMjlBQkUyIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSIyMC4zNzE5IiB5MT0iMTEuOTU5IiB4Mj0iMjkuNDUxNyIgeTI9IjIwLjk2NjkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjIxIiBzdG9wLWNvbG9yPSIjRjE1QTI0Ii8+CjxzdG9wIG9mZnNldD0iMC42ODQxIiBzdG9wLWNvbG9yPSIjRkJCMDNCIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhciIgeDE9IjEzLjYyMDkiIHkxPSIyMy4yNzgiIHgyPSI0LjU0MTE2IiB5Mj0iMTQuMjcwMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBvZmZzZXQ9IjAuMjEiIHN0b3AtY29sb3I9IiNFRDFFNzkiLz4KPHN0b3Agb2Zmc2V0PSIwLjg5MjkiIHN0b3AtY29sb3I9IiM1MjI3ODUiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K) no-repeat;
  width: 40px;
  height: 40px;
  background-size: cover;
}
.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;
  margin-bottom: 138px;
}
.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: 100px;
  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 .pay-new-tips {
  margin-top: 24px;
  font-size: 12px;
  line-height: 18px;
  color: #B5B8BB;
  text-align: center;
}
.quick-trade-info .info-title {
  height: 60px;
}
.quick-trade-info .info-title .ml-16 {
  margin-left: 16px;
}
.quick-trade-info .info-title .accept-guide-switch {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 12px;
  border: 2px solid transparent;
}
.quick-trade-info .info-title .count-down .ivu-poptip-content {
  width: 280px;
}
.quick-trade-info .info-title .count-down .ivu-poptip-content .ivu-poptip-body {
  padding: 16px;
}
.quick-trade-info .info-title .count-down .ivu-poptip-content .ivu-poptip-body p {
  white-space: break-spaces;
  color: #565656;
}
.quick-trade-info .info-title .count-down span {
  cursor: pointer;
  font-size: 14px;
  line-height: 22px;
  color: #B5B8BB;
  border-bottom: 1px dotted #B5B8BB;
}
.quick-trade-info .info-title .count-down span:hover {
  color: #0173E5;
  border-color: #0173E5;
}
.quick-trade-info .info-title .count-down .icon-refresh-mark {
  cursor: pointer;
  display: inline-block;
  font-size: 17px;
  color: #0173E5;
}
.quick-trade-info .info-title .count-down .icon-refresh-mark.loading {
  animation: loading infinite 1.2s linear;
}
.quick-trade-info .pay-info-tips {
  font-size: 12px;
  margin-top: 24px;
  margin-bottom: 12px;
  line-height: 18px;
  color: #B5B8BB;
}
.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-pay-info .info-outer {
  min-height: 388px;
}
.tohighLevel {
  display: flex;
  align-items: center;
  color: #0173E5;
  font-size: 16px;
}
.tohighLevel i {
  color: #999999;
  padding-left: 12px;
}
.tohighLevel:hover {
  cursor: pointer;
}
.buy-tips {
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #B5B8BB;
  margin-top: 20px;
}
.buy-tips a {
  display: none;
}
.quick-pay-info .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;
}
.quick-pay-info .ivu-poptip-popper[x-placement="bottom-start"] .ivu-poptip-arrow {
  left: 26px;
}
.quick-pay-info .ivu-poptip-arrow {
  border-bottom-color: #DFE2E7 !important;
}
.quick-pay-info .ivu-poptip-popper[x-placement^="top"] .ivu-poptip-arrow {
  border-width: 7px 7px 0px;
}
.quick-pay-info .ivu-poptip-popper[x-placement^="bottom"] .ivu-poptip-arrow {
  border-width: 1px 7px 7px;
}
.quick-pay-info .poptips {
  font-size: 12px;
  line-height: 18px;
  color: #565656;
  text-align: left;
}
.quick-pay-info .trade-tag {
  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;
}
.quick-pay-info .trade-tag.trade-tag-accept {
  box-shadow: inset 0 0 0 0.5px #0173E5;
  color: #0173E5;
}
.quick-pay-info .icon-tips-hover {
  font-size: 0;
  margin-left: 16px;
}
.jumio-auth-wrapper .jumio-auth {
  width: 300px;
  margin: 0 auto;
  text-align: center;
}
.jumio-auth-wrapper .jumio-auth-btn {
  margin-top: 32px;
}