.desk__aside--container {
  width: 240px;
}
.desk__aside--container .desk__aside--nav {
  border-top: 1px solid #e6ecf2;
  border-bottom: 1px solid #e6ecf2;
}
.desk__aside--container .base-item {
  width: 50%;
  height: 40px;
}
.desk__aside--container .base-item .text,
.desk__aside--container .base-item .tooltip-container {
  height: 40px;
  line-height: 40px;
}
.desk__aside--container .split-line {
  border-right: 1px solid #e6ecf2;
}
.desk__aside--container .desk__coin--container {
  margin: 24px 0 60px 0;
}
.desk__aside--container .desk__coin--container li {
  list-style: none;
  height: 56px;
  border-right: 2px solid #e6ecf2;
}
.desk__aside--container .desk__coin--container li .iconfont {
  font-size: 24px;
  margin: 0 16px 0 28px;
}
.desk__aside--container .desk__coin--container .active {
  background-image: linear-gradient(270deg, #ffffff 0%, #f6f8fb 56%);
  border-color: #0173E5;
}
.desk__aside--container .desk__coin--container .active span {
  color: #0173E5;
}
.desk__aside--container .m-trade-menu {
  display: none;
  box-shadow: 0 4px 10px 0 rgba(86, 86, 86, 0.06);
}
.desk__aside--container .m-trade-type {
  justify-content: center;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.desk__aside--container .m-trade-type a {
  width: 100px;
  border-radius: 3px;
  height: 36px;
  border: 1px solid #dfe2e7;
  line-height: 36px;
  display: inline-block;
}
.desk__aside--container .m-trade-type a.space {
  margin-right: 10px;
}
.desk__aside--container .m-trade-type.first {
  margin-right: 10px;
}
.desk__aside--container .m-trade-type.first a {
  border-color: #0173E5;
}
.desk__aside--container .m-trade-coin {
  display: flex;
  padding-left: 24px;
  flex-wrap: wrap;
}
.desk__aside--container .m-trade-coin div {
  width: 64px;
  margin-bottom: 24px;
}
.desk__aside--container .m-trade-coin span {
  padding-bottom: 4px;
  border-bottom: 2px solid transparent;
  display: inline-block;
}
.desk__aside--container .m-trade-coin span.buy-active {
  color: #00A171;
  border-color: #00A171;
}
.desk__aside--container .m-trade-coin span.sell-active {
  color: #E94359;
  border-color: #E94359;
}
@media (max-width: 768px) {
.desk__aside--container {
    width: 100%;
}
.desk__aside--container .desk__aside--nav,
  .desk__aside--container .desk__coin--container {
    display: none;
}
.desk__aside--container .m-trade-menu {
    display: block;
}
}

.input-style .ivu-input {
  height: 48px;
}
.desk__right--container {
  width: 808px;
}
.desk__right--container .outline-container {
  padding: 0 56px;
}
.desk__right--container .desk__from--container {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  padding-top: 38px;
}
.desk__right--container .desk__from--container .title a {
  margin-right: 40px;
  padding-bottom: 4px;
  border-bottom: 2px solid transparent;
  color: #000000;
  transition: all .2s;
}
.desk__right--container .desk__from--container .title a:last-child {
  margin-right: 0;
}
.desk__right--container .desk__from--container .title .buy.active {
  border-color: #00A171;
  color: #00A171;
}
.desk__right--container .desk__from--container .title .sell.active {
  border-color: #ef5656;
  color: #ef5656;
}
.desk__right--container .desk__from--container .input-container .active {
  color: #000000;
}
.desk__right--container .desk__from--container .input-control-inner {
  position: relative;
  flex-grow: 2;
}
.desk__right--container .desk__from--container .input-control-inner .append-in {
  position: absolute;
  top: 14px;
  right: 18px;
  color: #B5B8BB;
  z-index: 2;
}
.desk__right--container .desk__from--container .input-control-inner .error-tips-inner {
  position: absolute;
  bottom: -22px;
  left: 0;
  z-index: 2;
  color: #ef5656;
}
.desk__right--container .desk__from--container .switch-label {
  margin: 42px 0 6px 0;
}
.desk__right--container .desk__from--container .switch-label label {
  padding-top: 10px;
}
.desk__right--container .desk__from--container .first::after {
  content: "";
  background-color: #e6ecf2;
  height: 10px;
  width: 2px;
  display: inline-block;
  margin: 0 10px;
}
.desk__right--container .desk__from--container .btn {
  width: 222px;
  height: 48px;
  border-color: #0173E5;
  margin-left: 18px;
  outline: none;
  transition: all .3s;
}
.desk__right--container .desk__from--container .btn span {
  font-size: 18px;
  color: #0173E5;
}
.desk__right--container .desk__from--container .getPrice:hover {
  background-color: #0173E5;
}
.desk__right--container .desk__from--container .getPrice:hover span {
  color: #ffffff;
}
.desk__right--container .desk__from--container .trade-btn {
  margin-left: 0;
  background-color: rgba(233, 234, 237, 0.7);
  border-color: transparent;
}
.desk__right--container .desk__from--container .trade-btn:hover {
  background-color: rgba(233, 234, 237, 0.7);
  border-color: transparent;
}
.desk__right--container .desk__from--container .trade-btn span {
  color: rgba(181, 184, 187, 0.7);
}
.desk__right--container .desk__from--container .trade-btn.active {
  background-image: linear-gradient(90deg, #719FF2 0%, #0173E5 100%);
}
.desk__right--container .desk__from--container .trade-btn.active span {
  color: #ffffff;
}
.desk__right--container .desk__from--container .trade-btn.active:hover {
  background-image: linear-gradient(90deg, #648EDB 0%, #567BBE 100%);
}
.desk__right--container .desk__from--container .loading-btn {
  position: relative;
}
.desk__right--container .desk__from--container .loading-btn .icon-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 4px;
  background-color: #ffffff;
  z-index: 1;
}
.desk__right--container .desk__from--container .loading-btn .icon-container .loading-icon {
  font-size: 20px;
  height: 20px;
  color: #0173E5;
  width: 20px;
  animation: loading .9s linear infinite;
}
.desk__right--container .desk__from--container .desk__coin--info {
  background-color: rgba(233, 234, 237, 0.3);
  padding: 0 56px;
  margin-top: 42px;
  height: 140px;
}
.desk__right--container .desk__from--container .desk__coin--info .iconfont {
  font-size: 54px;
  margin-right: 18px;
}
.desk__right--container .desk__from--container .desk__coin--info .font-green {
  font-size: 24px;
}
.desk__right--container .desk__from--container .desk__coin--info .space {
  margin-right: 6px;
}
.desk__right--container .desk__from--container .desk__coin--info .tip-icon {
  color: #0173E5;
  margin-bottom: 3px;
  font-weight: 500;
}
.desk__right--container .desk__from--container .desk__coin--info .price-gray {
  font-size: 24px;
  color: #B5B8BB;
}
.desk__right--container .desk-footer-email {
  margin-top: 40px;
  line-height: 18px;
  color: #B5B8BB;
  text-align: right;
}
.desk__right--container .desk-footer-email.mobile-footer-email {
  display: none;
}
.desk__right--container .desk__feature--item {
  margin-top: 40px;
}
.desk__right--container .desk__feature--item .item {
  font-size: 12px;
  width: 258px;
  background-color: rgba(233, 234, 237, 0.3);
  border-bottom: 3px solid #E9EAED;
  padding: 22px;
}
.desk__right--container .desk__feature--item .item .title {
  font-size: 14px;
  margin-bottom: 12px;
}
.desk__right--container .desc-tip {
  margin-top: 40px;
  text-align: right;
}
@media (max-width: 768px) {
.desk__right--container {
    width: 100%;
}
.desk__right--container .desk__from--container {
    box-shadow: none;
    border-radius: 0;
    padding-top: 30px;
}
.desk__right--container .desk__from--container .outline-container {
    padding: 0 24px;
}
.desk__right--container .desk__from--container .input-container .switch-label {
    margin-top: 20px;
}
.desk__right--container .desk__from--container .mobile-style {
    display: flex;
    flex-direction: column;
}
.desk__right--container .desk__from--container .btn {
    margin: 22px 0 0 0;
    width: 100%;
}
.desk__right--container .desk__from--container .title a {
    font-size: 16px;
    margin-right: 30px;
}
.desk__right--container .desk__from--container .desk__coin--info {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 30px 24px;
    height: auto;
    margin-top: 30px;
}
.desk__right--container .desk__from--container .desk__coin--info .mobile-text-show {
    display: block;
    font-size: 12px;
}
.desk__right--container .desk__from--container .desk__coin--info .space,
  .desk__right--container .desk__from--container .desk__coin--info .price-gray {
    font-size: 20px;
}
.desk__right--container .desk__from--container .desk__coin--info .iconfont {
    font-size: 40px;
    align-self: baseline;
}
.desk__right--container .desk__feature--item {
    display: none;
}
.desk__right--container .desc-tip {
    text-align: left;
    margin: 18px 0 32px 0;
    padding-left: 24px;
}
.desk__right--container .desk-footer-email {
    display: none;
    margin-left: 16px;
    text-align: left;
}
.desk__right--container .desk-footer-email.mobile-footer-email {
    display: block;
}
.desk__right--container .desk-footer-email a {
    margin-top: 4px;
}
}

.desk-view-container .desk-layout-title {
  margin: 80px 0 62px 0;
}
.desk-view-container .desk-layout-title span {
  margin-left: 24px;
}
.desk-view-container .desk-content {
  position: relative;
  height: 90%;
  min-height: 600px;
}
.desk-view-container .view__loading--container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 22;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
}
.desk-view-container .view__loading--container .loading-icon {
  color: #B5B8BB;
  animation: loading .9s linear infinite;
}
@media (max-width: 768px) {
.desk-view-container {
    margin-top: 26px;
}
.desk-view-container .desk-content {
    display: flex;
    flex-direction: column;
}
.desk-view-container .mobile-desk-content {
    flex-direction: column;
    flex-grow: 2;
    justify-content: flex-start;
}
.desk-view-container .desk-layout-title {
    display: none;
}
}

.business-container {
  margin-top: 80px;
}
.business-container .title-desc {
  font-weight: 400;
  line-height: 40px;
}
.business-container .title-label {
  margin-top: 8px;
  line-height: 24px;
}
.business-container .business-feature {
  margin-top: 56px;
}
.business-container .business-feature .item {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  padding: 10px 28px;
  height: 344px;
  width: 275px;
}
.business-container .business-feature .icons {
  display: inline-block;
  width: 64px;
  height: 64px;
  background: linear-gradient(180deg, #F5AF71 0%, #fa6400 52.49%);
  border-radius: 50%;
  text-align: center;
  line-height: 64px;
}
.business-container .business-feature .icons.spec1 {
  background: linear-gradient(180deg, #9DB4FC 0%, #0173E5 52.49%);
}
.business-container .business-feature .icons.spec2 {
  background: linear-gradient(180deg, #A2EBC8 0%, #80D1AA 52.49%);
}
.business-container .business-feature .icons .iconfont {
  color: #ffffff;
  font-size: 18px;
}
.business-container .business-feature h5 {
  margin-top: 28px;
  margin-bottom: 10px;
  font-weight: 400;
}
.business-container .business-feature p {
  line-height: 1.6;
  width: 186px;
  text-align: center;
}
.business-container .btn-box {
  margin: 50px 0;
}
.business-container .btn-box .checkbox {
  margin-bottom: 30px;
}
.business-container .btn-box .checkbox .checkbox-desc {
  margin-right: 0;
}
.business-container .btn-box .remark-merchant {
  padding: 12px 70px;
  background-color: #0173E5;
  border-radius: 2px;
  color: #ffffff;
}
.business-container .btn-box .cancel-remark {
  margin-top: 24px;
}
.business-container .btn-box .loading-icon {
  animation: loading 1s infinite linear;
  display: inline-block;
}
.business-container .btn-box .min {
  min-width: 96px;
}
.business-container .states {
  width: 50%;
  margin: 60px auto;
}
.business-container .states .titles {
  text-align: center;
  font-weight: 400;
  margin-bottom: 12px;
}
.business-container .states .titles img {
  width: 24px;
  position: relative;
  top: 4px;
  margin-right: 8px;
}
.business-container .states p {
  text-align: center;
  line-height: 1.6;
}
.business-container .updateApply {
  margin-top: 30px;
}
.business-container .update-btn {
  padding: 0 16px;
  border-radius: 2px;
  outline: none;
  background-color: #0173E5;
  color: #ffffff;
  border: none;
  position: relative;
  min-width: 70px;
  width: 270px;
  height: 48px;
  font-size: 16px;
}
.business-container .update-btn:hover {
  opacity: .7;
}
@media (max-width: 768px) {
.business-container {
    margin-top: 56px;
    padding: 24px;
}
.business-container .business-in .title-desc,
  .business-container .business-in .title-label {
    margin-top: 0;
}
.business-container .business-feature {
    margin-top: 40px;
    flex-direction: column;
    justify-content: center;
    display: flex;
    align-items: center;
}
.business-container .business-feature .item {
    width: 100%;
    max-width: 100%;
    margin-bottom: 56px;
}
.business-container .business-feature .item:last-child {
    margin-bottom: 0;
}
.business-container .states {
    width: 100%;
}
.business-container .checkbox {
    padding-bottom: 24px;
}
.business-container .btn-box .btn {
    width: 100% !important;
    margin: 0 !important;
}
}

.download-client-container {
  background: url("https://otc-huobi-web.oss-cn-hangzhou.aliyuncs.com/vue/static/pages/download/title_bg.png") no-repeat top center;
  height: 100%;
  width: 100%;
  max-width: 750px;
  background-size: contain;
  overflow-y: auto;
  background-color: #051B8E;
  margin: 0 auto;
}
.download-client-container.relative {
  position: relative;
}
.download-client-container .font-white {
  color: white;
}
.download-client-container .img-bg {
  max-height: 96px;
  object-fit: contain;
  margin-left: 12px;
}
.download-client-container .img-1 {
  margin-top: 70px;
}
.download-client-container .img-phone {
  max-height: 564px;
  margin: 46px 0 80px 0;
}
.download-client-container .img-flag {
  max-height: 20px;
  position: absolute;
  bottom: 30px;
  right: 22px;
}
.download-client-container .title {
  font-size: 30px;
  margin-bottom: 8px;
  margin-top: 3px;
}
.download-client-container .btn {
  height: 48px;
  border-radius: 5px;
  background-color: #0173E5;
}
.download-client-container .btn .icons {
  margin-right: 10px;
}
.download-client-container .fix-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 36px 25px 15px 25px;
  max-width: 750px;
  margin: 0 auto;
  background-image: linear-gradient(to bottom, rgba(5, 27, 142, 0), rgba(4, 15, 74, 0.8));
}

.download-otc-view {
  background-color: #195FEC;
  padding: 0 0 20px 0;
  min-height: 1500px;
}
.download-otc-view .flex-column-layout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.download-otc-view .font36 {
  font-size: 18px;
}
.download-otc-view .content-in {
  padding: 0 15px;
  position: absolute;
  top: 177px;
  left: 0;
  right: 0;
}
.download-otc-view .text-linear {
  background-image: -webkit-linear-gradient(bottom, #2FB9F3, #1A60EC);
  margin: 0 8px;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.download-otc-view .feature-item {
  background-color: white;
  border-radius: 7px;
  padding: 20px 40px 0 40px;
}
.download-otc-view .feature-item .full-btn {
  width: 100%;
  max-width: 750px;
  background-color: #2088F7;
  height: 40px;
  border-radius: 5px;
  margin-bottom: 20px;
  color: white;
}
.download-otc-view .feature-item .space {
  margin: 16px 0 10px 0;
}
.download-otc-view .circle {
  align-items: center;
}
.download-otc-view .circle span {
  height: 6px;
  width: 6px;
  background-color: #2088F7;
  border-radius: 3px;
  margin-right: 4px;
}
.download-otc-view .circle span:first-child {
  background-color: rgba(32, 136, 247, 0.1);
}
.download-otc-view .circle span:nth-child(2) {
  background-color: rgba(32, 136, 247, 0.3);
}
.download-otc-view .circle span:last-child {
  background-color: rgba(32, 136, 247, 0.5);
}
.download-otc-view .circle.reverse {
  flex-direction: row-reverse;
}
.download-otc-view .circle.reverse span:first-child {
  margin-right: 0;
}
.download-otc-view .circle.reverse span:last-child {
  margin-left: 3px;
}
.download-otc-view .mt30 {
  margin-top: 14px;
}
.download-otc-view .feature-inner {
  border-radius: 10px;
  border: 2px solid #E7EBEE;
  width: 100%;
}
.download-otc-view .img {
  object-fit: contain;
  margin-top: 15px;
}
.download-otc-view .imgs {
  object-fit: contain;
}
.download-otc-view .img-title {
  width: 100%;
}
.download-otc-view .img-1 {
  max-height: 275px;
}
.download-otc-view .img-2 {
  max-height: 267px;
}
.download-otc-view .img-3 {
  max-height: 119px;
}
.download-otc-view .last-desc {
  margin: 15px 0 20px 0;
}
.download-otc-view .spe-top {
  margin-top: 20px;
}
.download-otc-view .font-white {
  color: white;
}

.web-apply-container .title {
  margin-top: 80px;
}
.web-apply-container .title h5 {
  font-size: 32px;
  font-weight: 400;
}
.web-apply-container .title .demo-tip {
  margin-top: 4px;
}
.web-apply-container .progress {
  margin: 46px 0 80px 0;
}
.web-apply-container .progress .gradual {
  height: 1px;
  width: 120px;
  background: linear-gradient(to right, #ffffff 0%, #0173E5 80%);
}
.web-apply-container .progress .circle {
  height: 1px;
  width: 120px;
  background-color: #0173E5;
  margin-left: 30px;
}
.web-apply-container .progress .circle::before {
  content: "";
  height: 6px;
  width: 6px;
  display: inline-block;
  border-radius: 50%;
  background-color: #0173E5;
  position: relative;
  left: -18px;
}
.web-apply-container .progress .last {
  margin-left: 30px;
  background: linear-gradient(to right, #0173E5 0%, #ffffff 80%);
}
.web-apply-container .progress .last::after {
  content: "";
  height: 6px;
  width: 6px;
  display: inline-block;
  border-radius: 50%;
  background-color: #0173E5;
  position: relative;
  right: 18px;
}
.web-apply-container .progress .relative {
  position: relative;
}
.web-apply-container .text-inner {
  margin: 0 64px;
  margin-top: 20px;
}
.web-apply-container .text-inner .text-item {
  width: 140px;
}
.web-apply-container .text-inner .margin {
  margin-right: 11px;
}
.web-apply-container .text-inner .spe-margin {
  margin-right: 9px;
}
.web-apply-container .base-information-item {
  border-top: 1px solid #e6ecf2;
  padding-top: 40px;
}
.web-apply-container .base-information-item.first {
  margin-bottom: 16px;
}
.web-apply-container .base-information-item.last-item {
  padding-left: 150px;
}
.web-apply-container .base-information-item.last-item .inline {
  display: inline;
}
.web-apply-container .base-information-item .tip {
  color: #fa6400;
}
.web-apply-container .base-information-item h5 {
  width: 120px;
  margin-right: 25px;
}
.web-apply-container .base-information-item .base-information-form .common-spacing {
  margin-top: 20px;
}
.web-apply-container .base-information-item .base-information-form .reset-input {
  width: 168px;
}
.web-apply-container .base-information-item .base-information-form .reset-input.spacing-nomore {
  margin-right: 0;
}
.web-apply-container .base-information-item .base-information-form .reset-form {
  margin-right: 72px;
}
.web-apply-container .base-information-item .demo-picture {
  height: 118px;
  width: 118px;
  position: relative;
  margin-right: 28px;
}
.web-apply-container .base-information-item .demo-picture p {
  width: 100%;
  height: 25px;
  position: absolute;
  background-color: rgba(1, 115, 229, 0.6);
  bottom: 0;
  color: #ffffff;
  line-height: 25px;
}
.web-apply-container .base-information-item .demo-picture-inner {
  margin: 12px 0 44px 0;
  position: relative;
}
.web-apply-container .base-information-item .demo-picture-inner .shade-container {
  height: 120px;
  width: 120px;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 146px;
  z-index: 99;
  cursor: no-drop;
}
.web-apply-container .base-information-item .demo-picture-inner .shade-container.vedio-spe {
  left: 0;
}
.web-apply-container .base-information-item .demo-picture-inner .error-tips {
  position: absolute;
  bottom: -30px;
  left: 146px;
  color: #ef5656;
}
.web-apply-container .base-information-item .demo-picture-inner .error-tips.video-tips {
  left: 0;
}
.web-apply-container .base-information-item .spe-vedio-inner {
  margin-bottom: 40px;
}
.web-apply-container .base-information-item .vedio-tip {
  background-color: #f2f6fa;
  padding: 18px 24px;
  margin-top: 12px;
  margin-bottom: 40px;
  max-width: 1054px;
}
.web-apply-container .base-information-item .btn-otc-inner {
  margin: 32px 0 80px 0;
}
.web-apply-container .base-information-item .check-reset {
  font-size: 16px;
  color: #000000;
  margin-right: 0;
}
.web-apply-container .base-information-item .check-reset.require {
  color: #ef5656;
}
.web-apply-container .base-information-item .check-reset.edit {
  color: #B5B8BB;
}
.web-apply-container .base-information-item .mt-24 {
  margin-top: 24px;
}
.web-apply-container .base-information-item .mt-6 {
  margin-top: 6px;
}
.web-apply-container .base-information-item .icons-distance {
  margin-right: 4px;
}

.c3-view-component {
  position: relative;
}
.c3-view-component .c3-width {
  width: 1200px;
  margin: 0 auto;
}
.c3-view-component .c3-pre-wrap {
  white-space: pre-wrap;
}
.c3-view-component .c3-header {
  border: 1px solid #dfe2e7;
  padding: 24px;
  border-radius: 2px;
  margin-top: 16px;
}
.c3-view-component .c3-header::after {
  content: "";
  height: 165px;
  width: 266px;
  background: url(https://otc-static.hbfile.net/vue/otc-ssr/otc-web-front/prod/v5.21.66/static/img/c3_title_bg.96fe7d3.svg) no-repeat center center;
  margin-left: 86px;
  align-self: center;
  min-width: 262px;
}
.c3-view-component .c3-header .p-text p {
  display: inline;
}
.c3-view-component .c3-header .title {
  line-height: 36px;
  margin-bottom: 16px;
}
.c3-view-component .c3-header .warn-box {
  padding: 12px 16px;
  background: rgba(250, 173, 20, 0.05);
  border: 1px solid rgba(250, 173, 20, 0.3);
  margin-top: 16px;
}
.c3-view-component .c3-header .warn-box .iconfont {
  color: #faad14;
  margin-right: 8px;
  height: 16px;
}
.c3-view-component .c3-content-in {
  border: 1px solid #dfe2e7;
  border-radius: 2px;
  padding: 24px 24px 16px 24px;
  margin-top: 16px;
  margin-bottom: 40px;
}
.c3-view-component .c3-content-in.edit-content-in {
  margin-top: 24px;
}
.c3-view-component .c3-content-in .edit-list {
  margin-bottom: 40px;
  white-space: normal;
  word-break: normal;
  word-wrap: break-word;
}
.c3-view-component .c3-content-in .edit-list .form-label {
  margin-bottom: 16px;
}
.c3-view-component .c3-content-in .c3-list {
  margin-bottom: 56px;
}
.c3-view-component .c3-content-in .c3-list.spe-mb {
  margin-bottom: 32px;
}
.c3-view-component .c3-content-in .c3-list.spe-mb.inline {
  margin-top: -24px;
}
.c3-view-component .c3-content-in .c3-list.spe-mb .c3-textarea {
  margin-bottom: 24px;
}
.c3-view-component .c3-content-in .c3-list.dynamic-mb {
  margin-bottom: 56px;
}
.c3-view-component .c3-content-in .c3-list.radio-mb {
  margin-bottom: 24px;
}
.c3-view-component .c3-content-in .c3-list.c3-last-list {
  margin-bottom: 0;
}
.c3-view-component .c3-content-in .c3-list .mb-8 {
  margin-bottom: 8px;
}
.c3-view-component .c3-content-in .c3-list .ivu-form-item-content .ml-24 {
  margin-left: 24px;
}
.c3-view-component .c3-content-in .c3-list .fix-width {
  width: 200px;
}
.c3-view-component .c3-content-in .c3-list .fix-width .ivu-input-large {
  height: 40px;
}
.c3-view-component .c3-content-in .c3-list .fix-width.long-width {
  width: 470px;
}
.c3-view-component .c3-content-in .c3-list .fix-width textarea.ivu-input {
  height: 40px;
  line-height: 30px;
}
.c3-view-component .c3-content-in .c3-list .fix-indent {
  margin-right: 72px;
}
.c3-view-component .c3-content-in .c3-list .fix-indent.fix-height textarea {
  min-height: 400px;
}
.c3-view-component .c3-content-in .c3-list .form-label {
  margin-bottom: 32px;
}
.c3-view-component .c3-content-in .c3-list .pic-label {
  margin-bottom: 16px;
}
.c3-view-component .c3-content-in .c3-list .pic-indent {
  margin-right: 28px;
}
.c3-view-component .c3-content-in .c3-list .hover-bottom {
  border-bottom: 1px dashed #B5B8BB;
}
.c3-view-component .c3-content-in .c3-list .example-pic {
  position: relative;
  height: 118px;
}
.c3-view-component .c3-content-in .c3-list .example-pic p {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #ffffff;
  width: 100%;
  height: 24px;
  line-height: 24px;
  background-color: rgba(1, 115, 229, 0.6);
}
.c3-view-component .c3-content-in .c3-list .example-text {
  margin-bottom: 8px;
}
.c3-view-component .c3-content-in .error-tip {
  padding-top: 6px;
}
.c3-view-component .c3-content-in .address-option .ivu-input {
  font-size: 14px;
  padding: 6px 7px;
  height: 40px;
  width: 470px;
}
.c3-view-component .c3-content-in .address-option.error .ivu-input {
  border-color: #ef5656;
}
.c3-view-component .c3-content-in .address-relative {
  position: relative;
}
.c3-view-component .c3-content-in .address-relative .address-error-tip {
  position: absolute;
  bottom: 6px;
}
.c3-view-component .c3-content-in .review-raido-label {
  height: auto;
  line-height: normal;
  margin-bottom: 14px;
  margin-right: 0;
}
.c3-view-component .c3-content-in .review-raido-label.no-space {
  margin-bottom: 0;
}
.c3-view-component .c3-content-in .review-raido-label .ivu-radio {
  margin-right: 14px;
}
.c3-view-component .c3-content-in .review-form-item {
  margin-bottom: 0;
}
.c3-view-component .c3-content-in .poptip-reset .ivu-poptip-body .ivu-poptip-body-content {
  white-space: normal;
}
.c3-view-component .c3-content-in .poptip-reset .ivu-poptip-popper {
  z-index: 7;
}
.c3-view-component .c3-status-container {
  margin-top: 62px;
}
.c3-view-component .c3-status-container .iconfont {
  font-size: 82px;
  width: 82px;
  height: 82px;
}
.c3-view-component .c3-status-container .warn {
  color: #faad14;
}
.c3-view-component .c3-status-container .fail {
  color: #ef5656;
}
.c3-view-component .c3-status-container .desc {
  max-width: 400px;
  margin: 0 auto;
}
.c3-view-component .c3-status-container .status-text {
  margin-top: 30px;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
.c3-view-component .c3-width {
    width: 100%;
}
.c3-view-component .c3-header {
    display: block;
    margin-top: 0;
    padding: 0;
    border: none;
    border-radius: none;
}
.c3-view-component .c3-header::after {
    display: none;
}
.c3-view-component .c3-header .c3-mobile {
    width: 100%;
    background-color: #f2f6fa;
    padding-top: 24px;
}
.c3-view-component .c3-header .c3-mobile::after {
    content: "";
    width: 285px;
    height: 214px;
    background: url(https://otc-static.hbfile.net/vue/otc-ssr/otc-web-front/prod/v5.21.66/static/img/c3_mobile_header.c375700.svg) no-repeat;
    display: inline-block;
    background-position: 0 20px;
}
.c3-view-component .c3-header section {
    border-top-left-radius: 36px;
    border-top-right-radius: 36px;
    background-color: #ffffff;
    position: relative;
    top: -24px;
    padding: 24px 16px 0 16px;
    box-shadow: 0 -4px 11px 0 rgba(53, 124, 225, 0.08);
}
.c3-view-component .c3-header .title {
    text-align: center;
    margin-bottom: 24px;
}
.c3-view-component .c3-header .warn-box {
    margin-top: 24px;
}
.c3-view-component .c3-header .p-text p {
    display: block;
    font-size: 14px;
    line-height: 22px;
}
.c3-view-component .c3-header .p-text p:last-child {
    margin-top: 16px;
}
.c3-view-component .c3-content-in {
    margin-top: 0;
    border: none;
    border-radius: none;
    padding: 0 16px;
    margin-bottom: 16px;
}
.c3-view-component .c3-content-in .c3-list {
    margin-bottom: 40px;
}
.c3-view-component .c3-content-in .c3-list.spe-mb {
    margin-bottom: 16px;
}
.c3-view-component .c3-content-in .c3-list.spe-mb.inline {
    margin-top: -16px;
}
.c3-view-component .c3-content-in .c3-list.spe-mb .c3-textarea {
    margin-bottom: 24px;
}
.c3-view-component .c3-content-in .c3-list.dynamic-mb {
    margin-bottom: 40px;
}
.c3-view-component .c3-content-in .c3-list.radio-mb {
    margin-bottom: 24px;
}
.c3-view-component .c3-content-in .c3-list .c3-pc {
    flex-direction: column;
}
.c3-view-component .c3-content-in .c3-list .fix-width {
    width: 100%;
}
.c3-view-component .c3-content-in .c3-list .fix-width.long-width {
    width: 100%;
}
.c3-view-component .c3-content-in .c3-list .fix-width textarea.ivu-input {
    height: 80px;
}
.c3-view-component .c3-content-in .c3-list .fix-indent {
    margin-right: 0;
}
.c3-view-component .c3-content-in .c3-list .form-label {
    margin-bottom: 24px;
}
.c3-view-component .c3-content-in .c3-list .m-pic-label {
    margin-bottom: 24px;
}
.c3-view-component .c3-content-in .c3-list .picture-upload-component {
    height: unset !important;
    word-break: break-all;
}
.c3-view-component .c3-content-in .address-option {
    margin-bottom: 24px;
}
.c3-view-component .c3-content-in .address-option .ivu-input {
    height: 40px;
    width: 100%;
}
.c3-view-component .c3-out-container .c3-btn {
    padding: 0 16px;
}
.c3-view-component .c3-status-container {
    margin-bottom: 22px;
}
.c3-view-component .c3-status-container .desc {
    max-width: 100%;
    padding: 0 16px;
}
}