/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

@font-face {
  font-family: 'iconfont';
  font-display: swap;
  src: url('//static01.findlvr.net/social-trading-web-v2/public/iconfonts/icomoon.eot?vjf8un');
  src: url('//static01.findlvr.net/social-trading-web-v2/public/iconfonts/icomoon.eot?vjf8un#iefix') format('embedded-opentype'), url('//static01.findlvr.net/social-trading-web-v2/public/iconfonts/icomoon.woff?vjf8un') format('woff'), url('//static01.findlvr.net/social-trading-web-v2/public/iconfonts/icomoon.ttf?vjf8un') format('truetype'), url('//static01.findlvr.net/social-trading-web-v2/public/iconfonts/icomoon.svg?vjf8un#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconfont.flex {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.icon-account:before {
  content: "\E900";
}
.icon-add:before {
  content: "\E901";
  color: #008cf7;
}
.icon-analysis:before {
  content: "\E902";
}
.icon-delete:before {
  content: "\E903";
  color: #008cf7;
}
.icon-edit:before {
  content: "\E904";
  color: #008cf7;
}
.icon-email:before {
  content: "\E905";
}
.icon-kfemail:before {
  content: "\E906";
}
.icon-kfphone:before {
  content: "\E907";
}
.icon-language:before {
  content: "\E908";
}
.icon-manage:before {
  content: "\E909";
}
.icon-message:before {
  content: "\E90A";
}
.icon-phone:before {
  content: "\E90B";
}
.icon-repair:before {
  content: "\E90C";
  color: #008cf7;
}
.icon-search:before {
  content: "\E90D";
}
.icon-setting:before {
  content: "\E90E";
}
.icon-signOut:before {
  content: "\E90F";
}
.icon-wallet:before {
  content: "\E910";
}
.icon-warning:before {
  content: "\E911";
  color: #008cf7;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
p,
a,
th,
td,
ul,
ol {
  padding: 0;
  margin: 0;
  font-family: PingFangSC, Roboto, Poppins, Microsoft YaHei, SimHei, Helvetica Neue, Helvetica, Arial, "sans-serif";
}
@font-face {
  font-family: 'Poppins';
  font-display: swap;
  src: url('//static01.findlvr.net/social-trading-web-v2/public/font/Poppins-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  font-display: swap;
  src: url('//static01.findlvr.net/social-trading-web-v2/public/font/Roboto-Regular.ttf');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+30-39;
}
*,
button:focus,
button.close:focus {
  outline: none;
  box-shadow: none;
}
body {
  font-weight: 500;
  background: #ffffff;
}
.ant-layout {
  min-width: 1170px;
}
ul,
ol {
  list-style: none;
}
::selection {
  background: #1890FF;
}
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.shadow-card {
  box-shadow: 0 3px 22px 0 #ececec;
  background: #ffffff;
}
.ErrorWrapper {
  width: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ErrorWrapper .exception-content {
  margin-left: 48px;
}
.ErrorWrapper .exception-content img {
  margin-bottom: 10px;
}
.ErrorWrapper p {
  font-size: 16px;
  color: #a1a1a1;
}
.ErrorWrapper a {
  font-size: 16px;
  padding-top: 16px;
  display: block;
  color: #e51c1c;
  text-decoration: underline;
}
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background: #fafafa;
}
::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #fafafa;
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #c1c1c1;
}
::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.45);
  letter-spacing: 0.05em;
}
:-moz-placeholder {
  color: rgba(0, 0, 0, 0.45);
  letter-spacing: 0.05em;
}
::-moz-placeholder {
  color: rgba(0, 0, 0, 0.45);
  letter-spacing: 0.05em;
}
:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.45);
  letter-spacing: 0.05em;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition-delay: 99999s;
  transition: color 99999s ease-out, background-color 99999s ease-out;
}
.ant-layout-header {
  z-index: 1051 !important;
}
.ant-message {
  z-index: 1052 !important;
}
.ant-input:focus {
  box-shadow: none !important;
  border-bottom: 1px solid #e51c1c !important;
}
.ant-select-selection {
  box-shadow: none !important;
  border-color: #d9d9d9 !important;
}
.ant-modal-footer {
  padding: 10px 24px !important;
}
.ant-modal-header {
  border-radius: 4px 4px 0 0 !important;
}
.ant-modal-footer {
  border-radius: 0 0 4px 4px !important;
}
.ant-modal-content {
  border-radius: 4px !important;
}
.ant-select-dropdown .name {
  display: inline-block;
  max-width: 100px;
}
.ant-select-dropdown .extra {
  float: right;
  display: flex;
  align-items: center;
}
.ant-select-tree-dropdown {
  max-height: 248px !important;
}
.ant-table {
  min-height: 360px;
}
.ant-table-empty .ant-table-placeholder {
  border-bottom: none;
}
.ant-table-empty .ant-empty {
  margin: 100px 0;
}
.ant-table-row-expand-icon {
  font-family: PingFangSC, Roboto, Poppins, Microsoft YaHei, SimHei, Helvetica Neue, Helvetica, Arial, "sans-serif";
}
.ant-select-dropdown-menu {
  max-height: 198px !important;
}
.ant-select-dropdown-menu li {
  display: flex;
  align-items: center;
}
.ant-select-dropdown-menu li .broker {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  flex-shrink: 0;
}
.ant-select-dropdown-menu .ant-select-dropdown-menu-item-disabled {
  display: block !important;
}
.ant-card.ant-card-bordered {
  border: none;
}
.ant-card .ant-card-body:before,
.ant-card .ant-card-body:after {
  display: none;
}
.ant-card .ant-card-body .ant-card-loading-content {
  width: 100%;
}
.ant-tabs-tab .icon-email,
.ant-tabs-tab .icon-phone {
  color: rgba(0, 0, 0, 0.45);
}
.ant-tabs-tab-active .icon-email,
.ant-tabs-tab-active .icon-phone {
  color: #e51c1c;
}
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background: #f5f5f5 !important;
}
button[ant-click-animating-without-extra-node]:after {
  border: 0 none;
  opacity: 0;
  animation: none 0 ease 0 1 normal;
}
.ant-tooltip.md {
  max-width: 400px;
}
.ant-tooltip.lg {
  max-width: 550px;
}
.warning-wrap {
  text-align: center;
}
.warning-wrap .report-warning {
  display: inline-block;
  box-shadow: 0 6px 22px 0 rgba(209, 209, 209, 0.75);
  background-color: #008cf7;
  margin: auto;
  color: #ffffff;
  line-height: 40px;
  padding: 0 16px;
}
.warning-wrap .report-warning.close {
  display: none;
}
.warning-wrap .report-warning .info-icon {
  font-size: 16px;
  margin-right: 10px;
}
.warning-wrap .report-warning .close-icon {
  font-size: 16px;
  margin: 12px 0 0 30px;
  cursor: pointer;
}
.filter.global {
  padding: 16px 24px !important;
  border-bottom: 1px solid #e6e6e6;
}
.filter.global .label {
  font-size: 20px !important;
  color: rgba(0, 0, 0, 0.65) !important;
}
.filter-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  margin-left: 24px;
}
.filter-wrap .left span,
.filter-wrap .right span {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  margin-right: 10px;
  border: 1px solid transparent;
  cursor: pointer;
  position: relative;
}
.filter-wrap .left span:not(.disabled):hover,
.filter-wrap .right span:not(.disabled):hover,
.filter-wrap .left span.active,
.filter-wrap .right span.active {
  border: 1px solid #e51c1c;
  color: #e51c1c !important;
  cursor: pointer !important;
}
.filter-wrap .left span.disabled,
.filter-wrap .right span.disabled {
  cursor: not-allowed;
  color: #c9c9c9;
}
.Modal-content .ant-input-group-addon,
.Modal-content .ant-input,
.Modal-content .ant-select-selection {
  border: none;
  border-bottom: 1px solid #e6e6e6;
}
.Modal-content .ant-form-item {
  margin-bottom: 10px;
}
.Modal-content .ant-select-disabled {
  background-color: #f5f5f5;
}
.Modal-content .ant-select-selection {
  border-top: none !important;
  border-left: none !important;
  border-color: #e6e6e6 !important;
}
.Modal-content .ant-tabs-bar {
  margin-bottom: 10px;
  text-align: center;
}
.Modal-content .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab {
  padding: 0;
  line-height: 50px;
  color: rgba(0, 0, 0, 0.45);
}
.Modal-content .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active {
  color: #e51c1c;
}
.Modal-content .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab .icon-email {
  font-size: 24px;
  margin-right: 8px;
  position: relative;
  top: 5px;
}
.Modal-content .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab .icon-phone {
  font-size: 24px;
  margin: 0 2px 0 -3px;
  position: relative;
  top: 5px;
}
.Modal-content .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab:first-child {
  margin-right: 50px;
}
.Modal-content .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab:first-child:after {
  content: '/';
  position: absolute;
  right: -26px;
  color: #35393f;
  top: 0px;
}
.Modal-content.relate .AvatarWrapper {
  margin-top: 24px;
}
.Modal-content.relate .AvatarWrapper .avatar-container {
  margin: auto;
  width: 80px !important;
  height: 80px !important;
  margin-right: auto !important;
}
.Modal-content.relate .AvatarWrapper .avatar-container .temp-avatar {
  line-height: 80px !important;
}
.Modal-content.relate p {
  text-align: center;
}
.Modal-content.relate p.userinfo {
  margin: 24px 0;
}
.Modal-content.mobile .role-label {
  margin-right: 0;
}
.Modal-content.mobile .role-label span {
  display: none;
}
.Modal-columns {
  padding-bottom: 16px;
}
.Modal-columns .columns-check p {
  font-weight: 700;
}
.Modal-columns .columns-check .ant-checkbox-group {
  width: 100%;
}
.Modal-columns .columns-check .ant-checkbox-group .ant-checkbox-group-item {
  width: 33%;
  margin: 16px 0 0 0;
}
.Modal-joyChoose p {
  display: flex;
  justify-content: center;
  margin: 30px 0 15px 0;
}
.Modal-joyChoose p span {
  border: 1px solid #e51c1c;
  padding: 2px 10px;
  font-size: 15px;
  cursor: pointer;
}
.Modal-joyChoose p span:first-child {
  margin-right: 10px;
}
.select-account .ant-select-selection-selected-value {
  display: flex !important;
  align-items: center;
}
.select-account .ant-select-selection-selected-value .broker {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  flex-shrink: 0;
}
.info-type-label {
  display: inline-block;
  width: 32px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 2px;
  margin-right: 6px;
  font-size: 12px;
  flex-shrink: 0;
}
.info-type-label.demo {
  width: 42px;
  background: #FBDFB0;
  color: #D58500;
}
.info-type-label.live {
  background: rgba(0, 140, 247, 0.1);
  color: #008cf7;
}
.info-type-label.expire {
  width: 42px;
  background: rgba(0, 0, 0, 0.15);
}
.info-type-label.unknow {
  background: #f2f2f2;
}
.info-type-label.lg {
  width: 52px;
  height: 26px;
  line-height: normal;
  box-sizing: border-box;
  padding: 4px 8px;
}
.broker-img {
  height: 14px;
  margin-right: 6px;
}
.broker-label {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  margin-right: 6px;
  border-radius: 2px;
  padding: 0 4px;
  background: #f2f2f2;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  vertical-align: middle;
  max-width: 105px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.broker-label.lg {
  height: 26px;
  line-height: normal;
  box-sizing: border-box;
  padding: 4px 8px;
}
.broker-label.no-ellipsis {
  max-width: none;
}
.broker-label img {
  height: 12px;
  margin: -2px 8px 0 0;
}
.role-label {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  margin-right: 6px;
  border-radius: 2px;
  padding: 0 4px 0 2px;
  background: #f2f2f2;
  color: rgba(0, 0, 0, 0.65);
  align-items: center;
  font-size: 12px;
  flex-shrink: 0;
}
.role-label img {
  height: 20px;
  margin-top: -2px;
}
.role-label.lg {
  height: 26px;
  line-height: normal;
  box-sizing: border-box;
  padding: 4px 8px;
}
.role-label.lg img {
  margin: -1px 6px 0 0;
}
.sendCode-btn {
  position: absolute;
  background: #ffffff;
  right: 0;
  bottom: 1px;
  padding: 0;
}
span.sendCode-btn {
  height: 32px;
}
span.sendCode-btn button {
  padding: 0;
  vertical-align: top;
  background: #ffffff !important;
  border-color: #ffffff !important;
}
.ant-btn.sendCode-btn,
.ant-btn[disabled].sendCode-btn,
.ant-btn:hover.sendCode-btn,
.ant-btn:focus.sendCode-btn {
  background: #ffffff;
  border-color: #ffffff;
}
.safe-check-wrapper .hide-tab .ant-tabs-nav-wrap {
  display: none;
}
.joyride-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
}
.joyRestartBtn {
  margin-left: 5px;
  cursor: pointer;
}
.joyRestartBtn.details {
  display: none;
}
.joyRestartBtn.show {
  display: block;
}
.TCaptcha-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #000;
  opacity: .5;
  z-index: 2000000000;
}
.GCaptcha-wrapper {
  margin-top: 4px;
  height: 37px;
  overflow: hidden;
  position: relative;
  background-color: #fbfcff;
}
.GCaptcha-wrapper .GCaptcha {
  position: absolute;
  left: -1px;
  top: -18px;
}
.GCaptcha-wrapper .GCaptcha .GCaptcha-error {
  width: '100%';
  height: '100%';
  display: 'inline-block';
  cursor: 'pointer';
}
.GCaptcha-wrapper .GCaptcha-float {
  position: absolute;
  top: 0px;
  display: initial;
  left: 52px;
  width: 100%;
  background: #fbfcff;
  height: 100%;
  line-height: 37px;
}
.ImgCode-wrap .title {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  line-height: 18px;
}
.ImgCode-wrap .title .reload {
  cursor: pointer;
  color: #e51c1c;
  text-decoration: underline;
  white-space: nowrap;
}
.ImgCode-wrap .img {
  padding: 8px 0 12px;
}
.ImgCode-wrap .verify {
  display: flex;
}
.ImgCode-wrap .verify input {
  height: 32px;
  margin-right: 10px;
}
.ImgCode-wrap .verify button {
  height: 32px;
}
.ant-modal.hide-close-icon-modal .ant-modal-close {
  display: none;
}
.ant-modal.function-online-notify .function-online-content p {
  margin: 0 0 10px;
}

.Mobile .shadow-card {
  box-shadow: 0 0.8vw 5.867vw 0 #ececec;
  background: #ffffff;
}
.Mobile.en_US .am-tabs-default-bar-top .am-tabs-default-bar-tab,
.Mobile.ja_JP .am-tabs-default-bar-top .am-tabs-default-bar-tab,
.Mobile.vi_VN .am-tabs-default-bar-top .am-tabs-default-bar-tab,
.Mobile.th_TH .am-tabs-default-bar-top .am-tabs-default-bar-tab,
.Mobile.en_US .am-tabs-default-bar-bottom .am-tabs-default-bar-tab,
.Mobile.ja_JP .am-tabs-default-bar-bottom .am-tabs-default-bar-tab,
.Mobile.vi_VN .am-tabs-default-bar-bottom .am-tabs-default-bar-tab,
.Mobile.th_TH .am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
  margin-right: 4vw !important;
}
.Mobile.en_US.MobileLoginWrapper .login-title,
.Mobile.ja_JP.MobileLoginWrapper .login-title,
.Mobile.vi_VN.MobileLoginWrapper .login-title,
.Mobile.th_TH.MobileLoginWrapper .login-title {
  font-size: 32px;
}
.Mobile .NodataWrapper {
  min-height: 53.333vw !important;
}
.Mobile .NodataWrapper img {
  width: 20vw;
}
.Mobile .NodataWrapper .text {
  margin-top: 6.667vw;
  font-size: 13px;
}
.Mobile .info-type-label {
  display: inline-block;
  min-width: 12.8vw;
  height: 6.4vw;
  line-height: 4.267vw;
  text-align: center;
  border-radius: 0.533vw;
  margin-right: 1.6vw;
  font-size: 12px;
  flex-shrink: 0;
  padding: 1.067vw 2.133vw;
}
.Mobile .info-type-label.demo {
  width: 11.2vw;
  background: #FBDFB0;
  color: #D58500;
}
.Mobile .info-type-label.live {
  background: rgba(0, 140, 247, 0.1);
  color: #008cf7;
}
.Mobile .info-type-label.expire {
  width: 11.2vw;
  background: rgba(0, 0, 0, 0.15);
}
.Mobile .info-type-label.unknow {
  background: #f2f2f2;
}
.Mobile .info-type-label.lg {
  width: 11.2vw;
  height: 5.867vw;
  line-height: 5.867vw;
}
.Mobile .broker-img {
  height: 3.733vw;
  margin-right: 1.6vw;
}
.Mobile .broker-label {
  display: inline-block;
  height: 6.4vw;
  line-height: 4.267vw;
  margin-right: 1.6vw;
  border-radius: 0.533vw;
  padding: 1.067vw 2.133vw;
  background: #f2f2f2;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  vertical-align: middle;
  max-width: 17.6vw;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.Mobile .broker-label.lg {
  height: 5.867vw;
  line-height: 5.867vw;
}
.Mobile .broker-label.no-ellipsis {
  max-width: none;
}
.Mobile .broker-label img {
  height: 3.2vw;
  margin: -0.533vw 0.8vw 0 0;
}
.Mobile .role-label {
  display: inline-block;
  height: 6.4vw;
  line-height: 4.267vw;
  margin-right: 1.6vw;
  border-radius: 0.533vw;
  padding: 1.067vw 2.133vw;
  background: #f2f2f2;
  color: rgba(0, 0, 0, 0.65);
  align-items: center;
  font-size: 12px;
  flex-shrink: 0;
}
.Mobile .role-label img {
  height: 5.333vw;
  margin-top: -0.533vw;
}
.Mobile .role-label.lg {
  height: 5.867vw;
  line-height: 5.867vw;
}
.Mobile .role-label.lg img {
  margin-top: -1px;
}
.Mobile .return-title-wrap {
  font-size: 16px;
  padding: 0 3.2vw;
  margin-bottom: 0;
}
.Mobile .return-title-wrap i {
  margin-right: 2.133vw;
}
.Mobile .ant-modal-header {
  padding: 3.2vw 4.8vw;
}
.Mobile .ant-modal-body {
  padding: 4.8vw;
}
.Mobile .ant-modal-footer {
  padding: 2.133vw 4.8vw;
}
.Mobile .ant-modal-close-x {
  width: 11.2vw;
  height: 11.2vw;
  line-height: 11.2vw;
}
.Mobile .ant-radio-button-wrapper {
  padding: 0 2.133vw;
}
.Mobile .AvatarWrapper .layout.layout-circle-large .avatar-container {
  width: 17.333vw;
  height: 17.333vw;
  margin-right: 2.667vw;
}
.Mobile .AvatarWrapper .layout.layout-circle-large .avatar-container .temp-avatar {
  line-height: 17.333vw;
  font-size: 24px;
}
.Mobile .AvatarWrapper .layout.layout-circle-large .avatar-name {
  font-size: 18px;
  line-height: 5.867vw;
  margin-top: -6.667vw;
}
.Mobile .AvatarWrapper .layout.layout-circle-mini .avatar-container {
  width: 6.933vw;
  height: 6.933vw;
  margin-right: 0;
}
.Mobile .AvatarWrapper .layout.layout-circle-mini .avatar-container .temp-avatar {
  line-height: 6.933vw;
}
.Mobile .AvatarWrapper .layout.layout-rank-nametop .avatar-container {
  width: 11.733vw;
  height: 11.733vw;
  margin-right: 3.2vw;
}
.Mobile .AvatarWrapper .layout.layout-rank-nametop .avatar-container .temp-avatar {
  line-height: 11.733vw;
}
.Mobile .AvatarWrapper .layout.layout-rank-nametop .avatar-name {
  font-size: 14px;
  line-height: 6.4vw;
}
.Mobile .ant-form-item {
  margin-bottom: 6.4vw;
}
.Mobile .ant-form-item .ant-input {
  height: 8.533vw;
  padding: 1.067vw 2.933vw;
}
.Mobile .ant-form-item .ant-form-item-required:before {
  display: none;
}
.Mobile .ant-form-item .ant-form-item-control,
.Mobile .ant-form-item .ant-input-group {
  line-height: 1;
}
.Mobile .ant-form-item .ant-form-explain {
  margin-top: 1.067vw;
}
.Mobile .form-button {
  width: 100%;
  height: 12.8vw;
  font-size: 16px;
  font-weight: 500;
}
.Mobile .sendCode-btn {
  position: absolute;
  background: #ffffff;
  padding: 0;
}
.Mobile .sendCode-btn:focus,
.Mobile .sendCode-btn:hover {
  color: rgba(0, 0, 0, 0.65);
}
.Mobile .ant-btn:hover[disabled].sendCode-btn,
.Mobile .ant-btn:focus[disabled].sendCode-btn {
  color: rgba(0, 0, 0, 0.25);
}
.Mobile .form-bottom {
  display: flex;
  justify-content: space-between;
  line-height: 5.867vw;
  margin-top: 4.267vw;
}
.Mobile .form-bottom a {
  color: rgba(0, 0, 0, 0.85);
}
.Mobile .warning-wrap {
  text-align: left;
}
.Mobile .warning-wrap .report-warning {
  padding: 2.667vw 10.667vw 2.667vw 4.267vw;
  box-shadow: 0 1.6vw 5.867vw 0 rgba(209, 209, 209, 0.75);
  line-height: 5.333vw;
  position: relative;
}
.Mobile .warning-wrap .report-warning .info-icon {
  display: none;
}
.Mobile .warning-wrap .report-warning .close-icon {
  position: absolute;
  right: 4.267vw;
  top: 3.2vw;
  margin: 0;
  font-size: 14px;
}
.Mobile .PageWrapper {
  margin: 6.4vw 0 0 0;
}
.Mobile .PageWrapper .total {
  display: none;
}
.Mobile .PageWrapper .ant-pagination {
  width: 100%;
}
.MobilePageWrapper {
  padding-top: 16vw;
  min-height: 100vh;
}
.mobile-filter-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile-filter-wrap span {
  display: inline-block;
  flex: 1;
  height: 6.933vw;
  line-height: 6.933vw;
  border: 1px solid transparent;
  text-align: center;
  background: #f6f6f6;
  color: rgba(0, 0, 0, 0.45);
  margin-right: 3.2vw;
}
.mobile-filter-wrap span:last-child {
  margin-right: 0;
}
.mobile-filter-wrap span.active {
  border: 1px solid #e51c1c;
  color: #e51c1c !important;
  background: #ffffff;
}
.mobile-filter-radius span {
  display: inline-block;
  height: 7.467vw;
  line-height: 7.467vw;
  text-align: center;
  padding: 0 4.267vw;
  border-radius: 3.733vw;
  font-size: 12px;
}
.mobile-filter-radius span:last-child {
  margin-right: 0;
}
.mobile-filter-radius span.active {
  color: rgba(0, 0, 0, 0.85);
  background: #f6f6f6;
}
.mobile-list-view {
  height: 100%;
  overflow: auto;
}
.mobile-list-view .list-view-footer {
  height: 21.333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-list-view::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.mobile-list-view .am-list {
  min-height: 102.4vw;
}
.mobile-list-view .am-list .am-pull-to-refresh {
  height: 100%;
  overflow: auto;
}
.mobile-list-view .am-list .am-pull-to-refresh-content-wrapper {
  min-height: 102.4vw;
}
.mobile-list-view .am-list-body {
  border-top: none;
  border-bottom: none;
}
.mobile-list-view .am-list-body:after,
.mobile-list-view .am-list-body:before {
  display: none !important;
}
.mobile-list-view .am-list-body .am-list-line {
  border-top: none;
  border-bottom: none;
}
.mobile-list-view .am-list-body .am-list-line:after,
.mobile-list-view .am-list-body .am-list-line:before {
  display: none !important;
}
.mobile-list-view .list-view-section-body {
  padding-bottom: 3.2vw;
}
.mobile-modal-pop-list {
  padding: 5.333vw 0;
}
.mobile-modal-pop-list li {
  line-height: 10.667vw;
  font-weight: 500;
}
.mobile-modal-pop-list li.active {
  color: rgba(0, 0, 0, 0.85);
  background: #f5f5f5;
}
.MobileLoginWrapper {
  display: flex;
  flex-direction: column;
  min-height: calc(5vh);
  padding: 5.333vw;
}
.PopPageWrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: scroll;
  background: #ffffff;
  z-index: 100;
}
.PopPageWrapper.InnerPage {
  padding: 0 5.333vw;
}
.PopPageWrapper.InnerPage .title {
  display: flex;
  justify-content: space-between;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.85);
  margin: 6.4vw 0 3.2vw 0;
}
.PopPageWrapper.InnerPage .title i {
  font-size: 16px;
}
.PopPageWrapper.InnerPage .tip {
  margin-bottom: 8.533vw;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}
.PopPageWrapper.InnerPage .form-button {
  width: 100%;
  margin-top: 2.667vw;
  height: 10.667vw;
  font-size: 16px;
  font-weight: 500;
}
.PopPageWrapper.InnerPage .sendCode-btn:focus,
.PopPageWrapper.InnerPage .sendCode-btn:hover {
  color: rgba(0, 0, 0, 0.65);
}
.PopPageWrapper.InnerPage .form-bottom {
  display: flex;
  justify-content: space-between;
  line-height: 5.867vw;
  margin-top: 4.267vw;
}
.PopPageWrapper.InnerPage .form-bottom a {
  color: rgba(0, 0, 0, 0.85);
}
.PopPageWrapper .AreaWrapper {
  padding-bottom: 25.333vw;
}
.PopPageWrapper.InnerPageArea {
  z-index: 101;
}
.container-hide {
  display: none;
}
.am-tabs-default-bar .am-tabs-default-bar-tab {
  width: auto !important;
  line-height: 12.267vw;
  height: 12.267vw;
  margin-right: 6.4vw;
}
.am-tabs-default-bar-underline {
  display: none;
}
.am-tabs-default-bar-top {
  position: relative;
}
.am-tabs-default-bar-top:before {
  content: '';
  position: absolute;
  width: 98%;
  height: 98%;
  top: 0;
  left: 0;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  box-sizing: border-box;
  pointer-events: none;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .am-tabs-default-bar-top:before {
    width: 200%;
    height: 200%;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
@media (-webkit-min-device-pixel-ratio: 2.5) {
  .am-tabs-default-bar-top:before {
    width: 250%;
    height: 250%;
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
  }
}
@media (-webkit-min-device-pixel-ratio: 2.75) {
  .am-tabs-default-bar-top:before {
    width: 275%;
    height: 275%;
    transform: scale(0.36363636);
    -webkit-transform: scale(0.36363636);
  }
}
@media (-webkit-min-device-pixel-ratio: 3) {
  .am-tabs-default-bar-top:before {
    width: 300%;
    height: 300%;
    transform: scale(0.33333333);
    -webkit-transform: scale(0.33333333);
  }
}
.am-tabs-default-bar-top:before {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ececec;
}
.am-tabs-default-bar-top .am-tabs-default-bar-tab,
.am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
  padding-top: 4.267vw;
}
.am-tabs-default-bar-tab:after {
  background-color: transparent !important;
  height: 0.533vw !important;
  transform: scale(1) !important;
}
.am-tabs-default-bar-tab-active:after {
  background-color: #e51c1c !important;
  height: 0.533vw !important;
  transform: scale(1) !important;
}
.MobileLoginWrapper .ant-form-item .ant-form-item-label,
.MobileSafeCheckWrapper .ant-form-item .ant-form-item-label,
.MobileSafeSetWrapper .ant-form-item .ant-form-item-label {
  padding-bottom: 0;
}
.MobileLoginWrapper .ant-form-item .ant-input,
.MobileSafeCheckWrapper .ant-form-item .ant-input,
.MobileSafeSetWrapper .ant-form-item .ant-input {
  border: none;
  border-bottom: 1px solid #efefef;
  height: auto;
  padding: 1.6vw 0;
  color: rgba(0, 0, 0, 0.85);
}
.MobileLoginWrapper .ant-form-item .ant-input:focus,
.MobileSafeCheckWrapper .ant-form-item .ant-input:focus,
.MobileSafeSetWrapper .ant-form-item .ant-input:focus {
  border-bottom: 1px solid rgba(0, 0, 0, 0.85) !important;
}
.MobileLoginWrapper .ant-form-item .ant-input-group-wrapper,
.MobileSafeCheckWrapper .ant-form-item .ant-input-group-wrapper,
.MobileSafeSetWrapper .ant-form-item .ant-input-group-wrapper {
  top: 0 !important;
}
.MobileLoginWrapper .ant-form-item.focus .ant-input-group-addon,
.MobileSafeCheckWrapper .ant-form-item.focus .ant-input-group-addon,
.MobileSafeSetWrapper .ant-form-item.focus .ant-input-group-addon {
  border-bottom: 1px solid rgba(0, 0, 0, 0.85) !important;
}
.MobileLoginWrapper .ant-form-item .ant-input-group-addon,
.MobileSafeCheckWrapper .ant-form-item .ant-input-group-addon,
.MobileSafeSetWrapper .ant-form-item .ant-input-group-addon {
  position: relative;
  border: none;
  border-bottom: 1px solid #efefef;
  padding: 1.6vw 0;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.85);
}
.MobileLoginWrapper .ant-form-item .ant-input-group-addon span,
.MobileSafeCheckWrapper .ant-form-item .ant-input-group-addon span,
.MobileSafeSetWrapper .ant-form-item .ant-input-group-addon span {
  padding: 0 6.933vw 1.6vw 0;
}
.MobileLoginWrapper .ant-form-item .ant-input-group-addon:after,
.MobileSafeCheckWrapper .ant-form-item .ant-input-group-addon:after,
.MobileSafeSetWrapper .ant-form-item .ant-input-group-addon:after {
  width: 0;
  height: 0;
  content: '';
  position: absolute;
  top: 3.733vw;
  right: 3.2vw;
  border: 0.8vw solid transparent;
  border-top: 1.067vw solid black;
}
.MobileLoginWrapper .ant-form-item .ant-form-item-control.has-error .ant-input-group-addon,
.MobileSafeCheckWrapper .ant-form-item .ant-form-item-control.has-error .ant-input-group-addon,
.MobileSafeSetWrapper .ant-form-item .ant-form-item-control.has-error .ant-input-group-addon,
.MobileLoginWrapper .ant-form-item .ant-form-item-control.has-error .ant-input,
.MobileSafeCheckWrapper .ant-form-item .ant-form-item-control.has-error .ant-input,
.MobileSafeSetWrapper .ant-form-item .ant-form-item-control.has-error .ant-input {
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #e51c1c !important;
}
.MobileSafeCheckWrapper .ant-form-item .ant-form-explain,
.MobileSafeSetWrapper .ant-form-item .ant-form-explain,
.MobilePopFormWrapper .ant-form-item .ant-form-explain {
  margin-top: 1.067vw;
}
.MobileSafeCheckWrapper .ant-form-item .ant-form-item-required:before,
.MobileSafeSetWrapper .ant-form-item .ant-form-item-required:before,
.MobilePopFormWrapper .ant-form-item .ant-form-item-required:before {
  display: none;
}
.MobilePopFormWrapper {
  padding-bottom: 8vw;
}
.MobilePopFormWrapper .title {
  font-size: 20px !important;
}
.MobilePopFormWrapper .ant-form-item {
  margin-bottom: 5.333vw !important;
}
.MobilePopFormWrapper .icon-warning:before {
  color: rgba(0, 0, 0, 0.65);
}
.MobilePopFormWrapper .ant-checkbox-group {
  display: flex;
  flex-direction: column;
}
.MobilePopFormWrapper .ant-checkbox-group .ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 0;
}
.MobilePopFormWrapper .ant-btn {
  width: 100%;
}
.MobilePopFormWrapper .ant-select-selection--multiple {
  height: 8.533vw;
  overflow: hidden;
}
.MobilePopFormWrapper .ant-input-group-addon .ant-select-selection {
  border: none !important;
}
.MobileErrorWrapper {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.MobileErrorWrapper .error-img {
  height: 64vw;
}
.MobileErrorWrapper .exception-content {
  margin-top: 8vw;
  text-align: center;
}
.MobileErrorWrapper .exception-content img {
  height: 9.333vw;
  margin-bottom: 2.667vw;
}
.MobileErrorWrapper p {
  font-size: 16px;
  color: #a1a1a1;
}
.MobileErrorWrapper a {
  font-size: 16px;
  padding-top: 10.667vw;
  display: block;
  color: #e51c1c;
  text-decoration: underline;
}
.Mobile.zh_CNS .StatisticsWrapper .statistics-list li p,
.Mobile.zh_CNT .StatisticsWrapper .statistics-list li p {
  letter-spacing: 1.333vw;
}
.Mobile.zh_CNS .MobileWalletPage .mobile-select-wrap .current,
.Mobile.zh_CNT .MobileWalletPage .mobile-select-wrap .current {
  width: 28.267vw;
}
.Mobile.zh_CNS .MobileAccountStrategyPage .card-content li.cover,
.Mobile.zh_CNT .MobileAccountStrategyPage .card-content li.cover {
  padding: 0;
  line-height: 12.267vw;
}
.Mobile.zh_CNS .MobileAccountStrategyPage .card-content li.cover .ant-checkbox-group,
.Mobile.zh_CNT .MobileAccountStrategyPage .card-content li.cover .ant-checkbox-group {
  margin: 3.467vw 0;
}
.Mobile.en_US .mobile-select-wrap .mobile-select {
  min-width: 31.467vw;
}
.Mobile.en_US .TraderWrapper .module-title {
  font-size: 22px;
}
.Mobile.en_US .MobileReportPage .VieWrapper .report-view-card .card-compare {
  display: block;
}
.Mobile.en_US .MobileReportPage .TstarWrapper .report-tstar-card {
  height: 77.333vw;
}
.Mobile.en_US .MobileReportPage .TstarWrapper .report-tstar-card .card-desc {
  height: 16.533vw;
}
.Mobile.en_US .MobileReportPage .VstarWrapper .report-vstar-card .shadow-wrap li .tip {
  width: 49.6vw;
}
.Mobile.en_US .MobileAccountPage .account-list .account-wrap .mobile-more-pop a {
  width: 48vw;
}
.Mobile.en_US .MobileAccountPage .account-list .statistic-wrap li:last-child {
  width: 18.667vw;
}
.Mobile.ko_KR .MobileReportPage .VieWrapper .view-title {
  font-size: 19px;
}
.Mobile.ko_KR .MobileReportPage .VstarWrapper .report-vstar-card .shadow-wrap li .tip {
  width: 50.667vw;
}
.Mobile.ko_KR .MobileWalletPage .mobile-select-wrap .current {
  width: 29.867vw;
}
.Mobile.ko_KR .MobileAccountPage .account-list .account-wrap .name .mobile-more-pop a {
  width: 40vw;
}
.Mobile.ja_JP .MobileReportPage .TstarWrapper .report-tstar-card {
  height: 72vw;
}
.Mobile.ja_JP .MobileReportPage .TstarWrapper .report-tstar-card .card-desc {
  height: 13.333vw;
}
.Mobile.ja_JP .MobileReportPage .VstarWrapper .report-vstar-card .shadow-wrap li .tip {
  width: 48vw;
}
.Mobile.ja_JP .MobileWalletPage .mobile-select-wrap .current {
  width: 37.867vw;
}
.Mobile.ja_JP .MobileAccountPage .title .extra .input-wrap.active {
  width: 32vw;
}
.Mobile.ja_JP .MobileAccountPage .account-list .account-wrap .name .mobile-more-pop a {
  width: 31.467vw;
}
.Mobile.ja_JP .MobileAccountPage .account-list .statistic-wrap li:last-child {
  width: 19.2vw;
}
.Mobile.vi_VN .MobileReportPage .VieWrapper .report-view-card .card-compare {
  display: block;
}
.Mobile.vi_VN .MobileReportPage .TstarWrapper .report-tstar-card {
  height: 77.333vw;
}
.Mobile.vi_VN .MobileReportPage .TstarWrapper .report-tstar-card .card-title {
  height: 16vw;
}
.Mobile.vi_VN .MobileReportPage .TstarWrapper .report-tstar-card .card-desc {
  height: 19.2vw;
}
.Mobile.vi_VN .MobileReportPage .VstarWrapper .report-vstar-card .shadow-wrap li .tip {
  padding: 0 2.667vw;
  width: 48vw;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.Mobile.vi_VN .MobileWalletPage .mobile-select-wrap .current {
  width: 47.733vw;
}
.Mobile.vi_VN .MobileAccountPage .title .extra .input-wrap.active {
  width: 42.667vw;
}
.Mobile.vi_VN .MobileAccountPage .account-list .account-wrap .info-label .broker-label {
  max-width: 28vw;
}
.Mobile.vi_VN .MobileAccountPage .account-list .account-wrap .name .mobile-more-pop a {
  width: 44.8vw;
}
.Mobile.vi_VN .MobileAccountPage .account-list .statistic-wrap li:first-child {
  width: 18.667vw;
}
.Mobile.vi_VN .MobileAccountPage .account-list .statistic-wrap li:last-child {
  width: 20.8vw;
}
.Mobile.th_TH .MobileReportPage .VieWrapper .report-view-card .card-compare {
  display: block;
}
.Mobile.th_TH .MobileReportPage .TstarWrapper .report-tstar-card {
  height: 77.333vw;
}
.Mobile.th_TH .MobileReportPage .TstarWrapper .report-tstar-card .card-title {
  height: 16vw;
}
.Mobile.th_TH .MobileReportPage .TstarWrapper .report-tstar-card .card-desc {
  height: 19.2vw;
}
.Mobile.th_TH .MobileReportPage .VstarWrapper .report-vstar-card .shadow-wrap li .tip {
  padding: 0 2.667vw;
  width: 48vw;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.Mobile.th_TH .MobileWalletPage .mobile-select-wrap .current {
  width: 40.267vw;
}
.Mobile.th_TH .MobileAccountPage .title .extra .input-wrap.active {
  width: 42.667vw;
}
.Mobile.th_TH .MobileAccountPage .account-list .account-wrap .name .mobile-more-pop a {
  width: 36.267vw;
}
.Mobile.th_TH .MobileAccountPage .account-list .statistic-wrap li:first-child {
  width: 27.2vw;
}
.Mobile.th_TH .MobileAccountPage .account-list .statistic-wrap li:last-child {
  width: 17.333vw;
}

.ArticalPage {
  padding-top: 129px;
  padding-bottom: 20px;
}
.ArticalPage .module-wrap {
  width: 1170px;
  margin: 0 auto;
}
.ArticalPage .article-wrap {
  padding: 24px;
  min-height: 456px;
}

.MobileArticalPage {
  padding: 0 5.333vw;
}
.MobileArticalPage .module-title {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.85);
  padding: 5.333vw 0;
}
.MobileArticalPage .article-wrap {
  min-height: 121.6vw;
  margin-bottom: 8vw;
  padding: 5.333vw;
  box-shadow: 0 0.8vw 5.867vw 0 #ececec;
  background: #ffffff;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  background: #fff;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-card-hoverable {
  cursor: pointer;
}
.ant-card-hoverable:hover {
  border-color: rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
}
.ant-card-bordered {
  border: 1px solid #e8e8e8;
}
.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 24px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 2px 2px 0 0;
  zoom: 1;
}
.ant-card-head::before,
.ant-card-head::after {
  display: table;
  content: '';
}
.ant-card-head::after {
  clear: both;
}
.ant-card-head-wrapper {
  display: flex;
  align-items: center;
}
.ant-card-head-title {
  display: inline-block;
  flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-head .ant-tabs {
  clear: both;
  margin-bottom: -17px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
}
.ant-card-head .ant-tabs-bar {
  border-bottom: 1px solid #e8e8e8;
}
.ant-card-extra {
  float: right;
  margin-left: auto;
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
}
.ant-card-body {
  padding: 24px;
  zoom: 1;
}
.ant-card-body::before,
.ant-card-body::after {
  display: table;
  content: '';
}
.ant-card-body::after {
  clear: both;
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  float: left;
  width: 33.33%;
  padding: 24px;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset;
  transition: all 0.3s;
}
.ant-card-grid-hoverable:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 2px 2px 0 0;
}
.ant-card-actions {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
  zoom: 1;
}
.ant-card-actions::before,
.ant-card-actions::after {
  display: table;
  content: '';
}
.ant-card-actions::after {
  clear: both;
}
.ant-card-actions > li {
  float: left;
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.ant-card-actions > li > span {
  position: relative;
  display: block;
  min-width: 32px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.ant-card-actions > li > span:hover {
  color: #e51c1c;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
  color: #e51c1c;
}
.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid #e8e8e8;
}
.ant-card-type-inner .ant-card-head {
  padding: 0 24px;
  background: #fafafa;
}
.ant-card-type-inner .ant-card-head-title {
  padding: 12px 0;
  font-size: 14px;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  margin: -4px 0;
  zoom: 1;
}
.ant-card-meta::before,
.ant-card-meta::after {
  display: table;
  content: '';
}
.ant-card-meta::after {
  clear: both;
}
.ant-card-meta-avatar {
  float: left;
  padding-right: 16px;
}
.ant-card-meta-detail {
  overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}
.ant-card-meta-title {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-meta-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-card-loading {
  overflow: hidden;
}
.ant-card-loading .ant-card-body {
  user-select: none;
}
.ant-card-loading-content p {
  margin: 0;
}
.ant-card-loading-block {
  height: 14px;
  margin: 4px 0;
  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  background-size: 600% 600%;
  border-radius: 2px;
  animation: card-loading 1.4s ease infinite;
}
@keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.ant-card-small > .ant-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
  padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  padding: 8px 0;
  font-size: 14px;
}
.ant-card-small > .ant-card-body {
  padding: 12px;
}

.Relation-wrapper.has-icon {
  margin-right: 18px;
}
.Relation-wrapper .relation-content {
  display: flex;
  flex-direction: column;
  height: 67px;
}
.Relation-wrapper .relation-content .title {
  line-height: 20px;
  margin-bottom: 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  max-width: 160px;
}
.Relation-wrapper .relation-content .list-container {
  position: relative;
}
.Relation-wrapper .relation-content .list-container .anticon-left,
.Relation-wrapper .relation-content .list-container .anticon-right {
  position: absolute;
  top: 9px;
}
.Relation-wrapper .relation-content .list-container .anticon-left.disabled,
.Relation-wrapper .relation-content .list-container .anticon-right.disabled {
  color: #ffffff;
  cursor: default;
}
.Relation-wrapper .relation-content .list-container .anticon-left {
  left: -20px;
}
.Relation-wrapper .relation-content .list-container .anticon-right {
  right: -20px;
}
.Relation-wrapper .relation-content .list-wrap {
  max-width: 160px;
  overflow: hidden;
}
.Relation-wrapper .relation-content .list-wrap .relation-list {
  height: 24px;
  display: flex;
  margin-top: 4px;
  transition: transform .3s;
}
.Relation-wrapper .relation-content .list-wrap .relation-list li {
  margin-right: 10px;
  width: 24px;
  height: 24px;
}
.Relation-wrapper .relation-content .list-wrap .relation-list li:last-child {
  margin-right: 0;
}
.Relation-wrapper .relation-content .list-wrap .relation-list li .click-pop {
  width: 24px;
  height: 24px;
  margin-top: -24px;
  position: relative;
  z-index: 1;
}
.Relation-wrapper .relation-content .list-wrap .relation-list li .click-pop a {
  display: block;
  width: 24px;
  height: 24px;
}
.Relation-wrapper .relation-content .list-wrap .relation-list li .avatar-container {
  width: 24px;
  height: 24px;
}
.Relation-wrapper .relation-content .list-wrap .relation-list li .avatar-container .temp-avatar {
  line-height: 24px;
}
.Relation-wrapper .relation-content .list-wrap .relation-list li .avatar-name {
  display: none;
}
.releation-pop {
  width: 464px;
}
.releation-pop.thiner {
  width: 310px;
}
.releation-pop .ant-popover-inner-content {
  padding: 0;
}
.releation-pop .simple-info .ant-card .ant-card-body {
  display: flex;
  justify-content: center;
  height: 182px;
  padding: 20px 20px 16px 20px;
  flex-direction: column;
}
.releation-pop .simple-info .avatar-wrap {
  height: 64px;
  margin-bottom: 26px;
}
.releation-pop .simple-info .avatar-wrap .avatar-container {
  width: 64px !important;
  height: 64px !important;
  margin-right: 16px !important;
}
.releation-pop .simple-info .avatar-wrap .avatar-container .temp-avatar {
  line-height: 64px !important;
  font-size: 32px !important;
}
.releation-pop .simple-info .avatar-wrap .avatar-name {
  font-size: 16px;
  line-height: 22px;
  margin-top: -25px;
}
.releation-pop .simple-info .avatar-wrap .avatar-name:hover {
  color: #e51c1c;
}
.releation-pop .simple-info .avatar-wrap .info-label {
  display: flex;
  align-items: center;
  margin-top: -25px;
  padding-left: 78px;
}
.releation-pop .simple-info .data-list {
  display: flex;
}
.releation-pop .simple-info .data-list li > p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.releation-pop .simple-info .data-list li {
  width: 130px;
}
.releation-pop .simple-info .data-list li:nth-child(2) {
  width: 145px;
  margin: 0 10px;
}
.releation-pop .simple-info .data-list li p:first-child {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 8px;
}
.releation-pop .simple-info .data-list li p:last-child {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.releation-pop .simple-info .data-list li p .section {
  color: rgba(0, 0, 0, 0.45);
}

.details-symbol-bar {
  display: flex;
  padding: 24px 24px 0 24px;
  height: 82px;
}
.details-symbol-bar .label {
  margin: -3px 8px 0 0;
}
.details-symbol-bar .ant-card {
  flex: 1;
  height: 62px;
  margin-top: -16px;
}
.details-symbol-bar .ant-card .ant-card-body {
  padding: 0;
}
.details-symbol-bar .bar-wrap {
  flex: 1;
  padding-top: 16px;
}
.details-symbol-bar .bar-wrap .bar {
  display: flex;
  justify-content: space-between;
  height: 16px;
  margin-bottom: 7px;
}
.details-symbol-bar .bar-wrap .bar li {
  height: 16px;
}
.details-symbol-bar .bar-wrap .desc {
  display: flex;
  justify-content: space-between;
  height: 22px;
}
.details-symbol-bar .bar-wrap .desc li {
  display: flex;
  align-items: center;
}
.details-symbol-bar .bar-wrap .desc li span:first-child {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
}
.details-symbol-bar .bar-wrap .desc li span:last-child {
  margin-left: 5px;
}
.details-symbol-bar .bar-wrap .no-data {
  height: 16px;
  background: #f0f0f0;
  position: relative;
}
.details-symbol-bar .bar-wrap .no-data span {
  display: block;
  line-height: 1.57;
  position: absolute;
  top: 22px;
  color: rgba(0, 0, 0, 0.45);
}

.dateFilter-wrap .ant-select-selection--single .ant-select-selection__rendered {
  margin-right: 34px;
}

.AccountDetailsWrapper {
  padding-top: 108px;
  width: 1170px;
  margin: auto;
  user-select: none;
}
.AccountDetailsWrapper .account-title {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  margin-bottom: 38px;
  color: rgba(0, 0, 0, 0.85);
}
.AccountDetailsWrapper .account-title .return-title-wrap {
  margin-bottom: 0 !important;
}
.AccountDetailsWrapper .account-title i {
  margin-right: 8px;
}
.AccountDetailsWrapper .account-card {
  box-shadow: 0 3px 22px 0 #ececec;
  background: #ffffff;
  margin-bottom: 30px;
}
.AccountDetailsWrapper .simple-info .ant-card .ant-card-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 156px;
  padding: 0 24px;
}
.AccountDetailsWrapper .simple-info .avatar-wrap {
  width: 358px;
  height: 108px;
}
.AccountDetailsWrapper .simple-info .avatar-wrap .info-label {
  display: flex;
  align-items: center;
  margin-top: -44px;
  padding-left: 138px;
}
.AccountDetailsWrapper .simple-info .data-list {
  display: flex;
}
.AccountDetailsWrapper .simple-info .data-list li > p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.AccountDetailsWrapper .simple-info.detail .data-list li {
  width: 150px;
}
.AccountDetailsWrapper .simple-info.detail .data-list li:nth-child(2) {
  width: 165px;
  margin: 0 10px;
}
.AccountDetailsWrapper .simple-info.detail .data-list li p:first-child {
  line-height: 20px;
  margin-bottom: 14px;
}
.AccountDetailsWrapper .simple-info.detail .data-list li p:last-child {
  font-size: 24px;
  line-height: 33px;
  font-weight: 700;
}
.AccountDetailsWrapper .simple-info.detail .data-list li p .section {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.AccountDetailsWrapper .simple-info.position .info-label {
  margin-top: -40px;
}
.AccountDetailsWrapper .simple-info.position .avatar-name {
  margin-top: -30px;
}
.AccountDetailsWrapper .simple-info.position .data-list li {
  width: 150px;
  text-align: center;
}
.AccountDetailsWrapper .simple-info.position .data-list li:nth-child(2) {
  width: 180px;
}
.AccountDetailsWrapper .simple-info.position .data-list li:nth-child(4) {
  width: 100px;
}
.AccountDetailsWrapper .simple-info.position .data-list li p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.AccountDetailsWrapper .simple-info.position .data-list li p:first-child {
  font-size: 24px;
  line-height: 33px;
  margin-bottom: 8px;
  font-weight: 700;
}
.AccountDetailsWrapper .simple-info.position .data-list li p:last-child {
  line-height: 20px;
}
.AccountDetailsWrapper .simple-info .follow-btn {
  width: 128px;
  height: 40px;
  font-size: 16px;
}
.AccountDetailsWrapper .statistics-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.AccountDetailsWrapper .statistics-info .score {
  width: 370px;
  padding: 20px 24px 0 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
.AccountDetailsWrapper .statistics-info .score .highcharts-tooltip span {
  font-size: 12px !important;
}
.AccountDetailsWrapper .statistics-info .score .title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.AccountDetailsWrapper .statistics-info .score .title .icon-warning {
  font-size: 20px;
  color: #008cf7;
}
.AccountDetailsWrapper .statistics-info .score .ant-spin-nested-loading {
  flex: 1;
}
.AccountDetailsWrapper .statistics-info .score .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
  display: flex;
  align-items: center;
}
.AccountDetailsWrapper .statistics-info .score .NodataWrapper {
  min-height: 245px;
}
.AccountDetailsWrapper .statistics-info .statistics {
  width: 770px;
  margin-bottom: 0;
}
.AccountDetailsWrapper .statistics-info .statistics .table-wrap {
  border-bottom: 1px solid #ededf0;
  padding: 20px 24px;
}
.AccountDetailsWrapper .statistics-info .statistics .table-wrap .strategy {
  display: -webkit-box;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 25px;
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  max-height: 100px;
}
.AccountDetailsWrapper .statistics-info .statistics .table-wrap table {
  width: 100%;
  height: 138px;
  margin-top: 16px;
}
.AccountDetailsWrapper .statistics-info .statistics .table-wrap table tr td {
  width: 240px;
}
.AccountDetailsWrapper .statistics-info .statistics .table-wrap table tr td:nth-child(1) {
  padding-right: 25px;
}
.AccountDetailsWrapper .statistics-info .statistics .table-wrap table tr td:nth-child(2) {
  padding: 0 12px;
  background: #f9f9f9;
}
.AccountDetailsWrapper .statistics-info .statistics .table-wrap table tr td:nth-child(3) {
  padding-left: 25px;
}
.AccountDetailsWrapper .statistics-info .statistics .table-wrap table tr div {
  display: flex;
  justify-content: space-between;
}
.AccountDetailsWrapper .statistics-info .statistics .table-wrap table tr div span.bold {
  font-weight: 500;
  color: #e51c1c;
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.AccountDetailsWrapper .filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
}
.AccountDetailsWrapper .filter .label {
  color: rgba(0, 0, 0, 0.85);
  line-height: 33px;
}
.AccountDetailsWrapper .display-msg {
  color: rgba(0, 0, 0, 0.65);
  margin-top: 8px;
  margin-bottom: 24px;
}
.AccountDetailsWrapper .display-btn {
  width: 128px;
  height: 40px;
}
.AccountDetailsWrapper .report-info .common-card {
  padding-bottom: 24px;
}
.AccountDetailsWrapper .report-info .common-card .reprot-chart-wrap {
  display: flex;
  flex-wrap: wrap;
}
.AccountDetailsWrapper .report-info .common-card .reprot-chart-wrap .trend-wrap {
  position: relative;
  margin-top: 24px;
  width: 585px;
}
.AccountDetailsWrapper .report-info .common-card .reprot-chart-wrap .trend-wrap.analysis {
  width: 330px;
}
.AccountDetailsWrapper .report-info .common-card .reprot-chart-wrap .trend-wrap.position {
  width: 255px;
}
.AccountDetailsWrapper .report-info .common-card .reprot-chart-wrap .trend-wrap.profit .gain-series {
  visibility: hidden;
}
.AccountDetailsWrapper .report-info .common-card .reprot-chart-wrap .trend-wrap.risk .filter .label {
  width: 360px;
}
.AccountDetailsWrapper .report-info .common-card.report .filter {
  margin: 0;
}
.AccountDetailsWrapper .report-info .common-card .filter .label {
  font-size: 24px;
}
.AccountDetailsWrapper .report-info .common-card .trend-content {
  padding: 20px 20px 0 20px;
  min-height: 276px;
}
.AccountDetailsWrapper .report-info .MonthChartsWrapper .highcharts-point-select,
.AccountDetailsWrapper .report-info .MonthChartsWrapper .highcharts-point-hover {
  fill: #45cf8c;
  stroke: rgba(0, 0, 0, 0.05);
  stroke-width: 18;
}
.AccountDetailsWrapper.position .common-card .title {
  margin-bottom: 0;
}
.AccountDetailsWrapper.position .common-card .filter {
  margin: 0;
}
.AccountDetailsWrapper.position .common-card .filter .right {
  color: rgba(0, 0, 0, 0.45);
}
.AccountDetailsWrapper .common-card {
  padding-bottom: 30px;
}
.AccountDetailsWrapper .common-card .filter {
  margin: 34px 0 19px 0;
}
.AccountDetailsWrapper .common-card .filter .label {
  font-size: 14px;
}
.AccountDetailsWrapper .common-card.order {
  margin-bottom: 64px;
}
.AccountDetailsWrapper .common-card .PageWrapper {
  margin: 16px 0 0 0;
}
.AccountDetailsWrapper .joyride-wrap-module1,
.AccountDetailsWrapper .joyride-wrap-module4 {
  position: relative;
}
.AccountDetailsWrapper .joyride-wrap-module2 {
  position: absolute;
  width: 128px;
  height: 40px;
  top: 58px;
  right: 24px;
}
.AccountDetailsWrapper .joyride-wrap-module5 {
  position: absolute;
  width: 116px;
  height: 32px;
  top: 8px;
  right: 24px;
}

.AnalysisPage {
  padding-top: 112px;
  padding-bottom: 64px;
  width: 1170px;
  margin: 0 auto;
  text-align: center;
}
.AnalysisPage .ExposureWrapper .warning-wrap .report-warning {
  margin-bottom: 28px;
}
.AnalysisPage .ExposureWrapper .common-card {
  font-size: 16px;
  margin: 12px 0 48px 0;
}
.AnalysisPage .ExposureWrapper .common-card.tip-hide {
  margin-top: 30px;
}
.AnalysisPage .ExposureWrapper .common-card .title {
  margin-bottom: 24px;
}
.AnalysisPage .ExposureWrapper .common-card .content {
  width: 1050px;
  margin: 0 auto 48px;
}
.AnalysisPage .ExposureWrapper .top-sign {
  width: 100%;
  padding-left: 94px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 24px;
}
.AnalysisPage .ExposureWrapper .top-sign span {
  position: relative;
}
.AnalysisPage .ExposureWrapper .top-sign span:before {
  content: '';
  display: block;
  width: 14px;
  height: 10px;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: -20px;
}
.AnalysisPage .ExposureWrapper .top-sign span:first-child {
  margin-left: 24px;
}
.AnalysisPage .ExposureWrapper .top-sign span:first-child:before {
  background: #45cf8c;
}
.AnalysisPage .ExposureWrapper .top-sign span:last-child {
  margin-right: 4px;
}
.AnalysisPage .ExposureWrapper .top-sign span:last-child:before {
  background: #ff5858;
}
.AnalysisPage .ExposureWrapper .exposure-list li {
  display: flex;
  align-items: center;
  height: 28px;
  line-height: 28px;
  margin-top: 18px;
}
.AnalysisPage .ExposureWrapper .exposure-list li .symbol {
  min-width: 94px;
  font-size: 16px;
  text-align: left;
}
.AnalysisPage .ExposureWrapper .exposure-list li .bar {
  width: 100%;
  height: 100%;
  background: #ff5858;
  position: relative;
}
.AnalysisPage .ExposureWrapper .exposure-list li .bar .bar-percent {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: space-between;
  padding: 0 12px;
  color: #fbfcff;
  z-index: 1;
}
.AnalysisPage .ExposureWrapper .exposure-list li .bar.allBuy .buy-bar {
  max-width: 100%;
}
.AnalysisPage .ExposureWrapper .exposure-list li .bar .buy-bar {
  min-width: 7%;
  max-width: 93%;
  height: 100%;
  background: #45cf8c;
  position: relative;
}
.AnalysisPage .ExposureWrapper .exposure-list li .bar .buy-bar:after {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #eaf4ff;
}
.AnalysisPage .HeatmapWrapper .common-card .title {
  margin-bottom: 24px;
}
.AnalysisPage .HeatmapWrapper .heatmap-tradview {
  width: 1050px;
  height: 499px;
  min-height: 499px;
  margin: 0 auto 24px;
}
.AnalysisPage .MarketWrapper .common-card {
  font-size: 16px;
  margin: 40px 0 48px 0;
}
.AnalysisPage .MarketWrapper .common-card .title {
  margin-bottom: 32px;
}
.AnalysisPage .MarketWrapper .common-card .filter {
  font-size: 14px;
  margin-bottom: 20px;
}
.AnalysisPage .MarketWrapper .common-card .content {
  padding: 0 24px;
}
.AnalysisPage .MarketWrapper .common-card .content .market-header {
  display: flex;
  font-size: 14px;
  height: 54px;
  line-height: 54px;
  font-weight: 600;
  padding: 0 24px;
  border-bottom: 1px solid #ededf0;
  background: #fafafa;
  border-radius: 4px 4px 0 0;
}
.AnalysisPage .MarketWrapper .common-card .content .market-header li,
.AnalysisPage .MarketWrapper .common-card .content .data-list li {
  width: 16.3571%;
}
.AnalysisPage .MarketWrapper .common-card .content .market-header li:first-child,
.AnalysisPage .MarketWrapper .common-card .content .data-list li:first-child {
  text-align: left;
  width: 16.2857%;
}
.AnalysisPage .MarketWrapper .common-card .content .market-header li.profit,
.AnalysisPage .MarketWrapper .common-card .content .data-list li.profit {
  width: 18.2857%;
}
.AnalysisPage .MarketWrapper .common-card .content .market-header li.profit span.loss,
.AnalysisPage .MarketWrapper .common-card .content .data-list li.profit span.loss {
  color: #e51c1c;
  white-space: nowrap;
}
.AnalysisPage .MarketWrapper .common-card .content .market-header li.profit span.win,
.AnalysisPage .MarketWrapper .common-card .content .data-list li.profit span.win {
  color: #33b480;
  white-space: nowrap;
}
.AnalysisPage .MarketWrapper .common-card .content .market-header li:last-child,
.AnalysisPage .MarketWrapper .common-card .content .data-list li:last-child {
  text-align: right;
}
.AnalysisPage .MarketWrapper .common-card .content .list-wrap {
  height: 432px;
  overflow: hidden;
  margin-bottom: 30px;
}
.AnalysisPage .MarketWrapper .common-card .content .list-wrap .list-li-wrap {
  border-bottom: 1px solid #ededf0;
}
.AnalysisPage .MarketWrapper .common-card .content .list-wrap .list-li-wrap:nth-child(2n) {
  background: #fbfcff;
}
.AnalysisPage .MarketWrapper .common-card .content .list-wrap .data-list {
  display: flex;
  padding: 0 24px;
}
.AnalysisPage .MarketWrapper .common-card .content .list-wrap .data-list li {
  height: 53px;
  line-height: 53px;
  font-size: 14px;
}

.RingChartWrapper p {
  line-height: 22px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}
.RingChartWrapper .highcharts-point-inactive {
  opacity: 0.8 !important;
}

.ReportPage {
  width: 1170px;
  margin: auto;
  padding-top: 112px;
}
.ReportPage .VieWrapper .view-title {
  font-size: 46px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 67px;
  text-align: center;
  margin: 26px 0 41px 0;
}
.ReportPage .VieWrapper .order-desc {
  text-align: center;
  line-height: 33px;
  font-size: 16px;
  color: #008cf7;
}
.ReportPage .VieWrapper .order-desc p {
  display: inline-block;
  background: rgba(0, 140, 247, 0.05);
  height: 33px;
  border-radius: 19px;
  padding: 0 24px;
}
.ReportPage .VieWrapper .order-desc span {
  margin-right: 5px;
}
.ReportPage .VieWrapper .order-num {
  line-height: 140px;
  text-align: center;
  font-size: 100px;
  color: #e51c1c;
  font-weight: 700;
}
.ReportPage .VieWrapper .card-list {
  display: flex;
  justify-content: space-between;
  margin: 58px 0 51px 0;
}
.ReportPage .VieWrapper .card-list .report-view-card {
  width: 270px;
  height: 130px;
  box-shadow: 0 0 12px 0 rgba(216, 216, 216, 0.5);
  background: #ffffff;
  padding: 20px 36px;
}
.ReportPage .VieWrapper .card-list .report-view-card .card-desc {
  font-size: 16px;
  height: 22px;
  color: #008cf7;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.ReportPage .VieWrapper .card-list .report-view-card .card-desc img {
  margin-right: 5px;
}
.ReportPage .VieWrapper .card-list .report-view-card .card-num {
  font-size: 28px;
  line-height: 39px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 700;
}
.ReportPage .VieWrapper .card-list .report-view-card .card-compare {
  margin-top: 1px;
  color: rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
}
.ReportPage .VieWrapper .card-list .report-view-card .card-compare span {
  margin-right: 5px;
}
.ReportPage .VieWrapper .card-list .report-view-card .card-compare .triangle {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  margin-left: 5px;
}
.ReportPage .VieWrapper .card-list .report-view-card .card-compare .triangle.increase {
  border-color: #33b480 transparent;
  border-width: 0 5px 6px;
}
.ReportPage .VieWrapper .card-list .report-view-card .card-compare .triangle.reduce {
  border-color: #e51c1c transparent;
  border-width: 6px 5px 0;
}
.ReportPage .VieWrapper .run-time {
  text-align: center;
  font-size: 16px;
  color: #333333;
  margin-bottom: 69px;
}
.ReportPage .VieWrapper .run-time i {
  margin-right: 8px;
}
.ReportPage .VieWrapper .run-time .time {
  color: #008cf7;
  margin: 0 6px;
  font-weight: 700;
  font-size: 20px;
}
.ReportPage .VieWrapper .run-time .start {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
}
.ReportPage .report-module-title {
  text-align: center;
  font-size: 36px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 50px;
}
.ReportPage .report-module-title p {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 17px;
  margin-top: 6px;
}
.ReportPage .ReportModule {
  border-top: 1px solid #ededf0;
  padding-top: 64px;
}
.ReportPage .DataWrapper {
  padding-top: 72px;
}
.ReportPage .DataWrapper .pie-group {
  padding: 64px 0 118px 0;
  display: flex;
  justify-content: space-around;
  min-height: 544px;
}
.ReportPage .StatisticsWrapper .chart-group {
  padding: 64px 0 72px 0;
  min-height: 420px;
}
.ReportPage .StatisticsWrapper .chart-group .filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.ReportPage .StatisticsWrapper .chart-group .filter .label {
  font-size: 24px;
}
.ReportPage .RankWrapper {
  padding-top: 112px;
}
.ReportPage .RankWrapper .rank-list {
  display: flex;
  justify-content: space-between;
  margin: 35px 0 39px 0;
}
.ReportPage .RankWrapper .report-rank-card {
  width: 377px;
  height: 577px;
  box-shadow: 0 0 12px 0 rgba(216, 216, 216, 0.5);
  background: #ffffff;
  padding: 29px 27px 41px 20px;
  color: rgba(0, 0, 0, 0.85);
}
.ReportPage .RankWrapper .report-rank-card .card-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
}
.ReportPage .RankWrapper .report-rank-card .card-title img {
  vertical-align: top;
}
.ReportPage .RankWrapper .report-rank-card .card-title span {
  margin: 0 6px;
  display: inline-block;
  max-width: 265px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ReportPage .RankWrapper .report-rank-card .card-list {
  padding-left: 28px;
}
.ReportPage .RankWrapper .report-rank-card .card-list .list-title {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
  margin-top: 24px;
}
.ReportPage .RankWrapper .report-rank-card .card-list .list-body li {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  line-height: 32px;
  font-size: 12px;
  position: relative;
}
.ReportPage .RankWrapper .report-rank-card .card-list .list-body li .rank-num {
  width: 12px;
  text-align: center;
  position: absolute;
  left: -28px;
  font-size: 10px;
  font-weight: 700;
}
.ReportPage .RankWrapper .report-rank-card .card-list .list-body li .AvatarWrapper:hover .avatar-name {
  color: #e51c1c;
}
.ReportPage .TstarWrapper .star-map {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 32px 0 72px 0;
}
.ReportPage .TstarWrapper .star-map .report-tstar-card {
  width: 324px;
  height: 309px;
  color: rgba(0, 0, 0, 0.85);
  text-align: center;
  cursor: pointer;
  transition: all .3s;
  border: 1px solid transparent;
}
.ReportPage .TstarWrapper .star-map .report-tstar-card:hover {
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ReportPage .TstarWrapper .star-map .report-tstar-card .card-title {
  font-size: 16px;
  line-height: 22px;
  padding: 32px 0 22px 0;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85) !important;
}
.ReportPage .TstarWrapper .star-map .report-tstar-card .profit {
  line-height: 45px;
  color: #dfab22;
  font-size: 32px;
  margin: 12px 0;
}
.ReportPage .TstarWrapper .star-map .report-tstar-card .card-desc {
  line-height: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.35);
}
.ReportPage .VstarWrapper {
  padding-top: 72px;
}
.ReportPage .VstarWrapper .star-map {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 64px 0 48px 0;
}
.ReportPage .VstarWrapper .star-map .report-vstar-card {
  width: 570px;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 48px;
}
.ReportPage .VstarWrapper .star-map .report-vstar-card .card-title {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 21px;
}
.ReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap {
  height: 209px;
  background: #ffffff;
  transition: all .3s;
  cursor: pointer;
  padding: 0 20px;
  border: 1px solid transparent;
}
.ReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap:hover {
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li {
  height: 104px;
  position: relative;
  padding: 17px 0;
}
.ReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li:first-child {
  border-bottom: 1px solid #ededf0;
}
.ReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li .volumn-profit {
  font-size: 14px;
  line-height: 2;
  margin-top: -28px;
  padding-left: 75px;
}
.ReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li .volumn-profit span {
  color: rgba(0, 0, 0, 0.45);
}
.ReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li .volumn-profit span:nth-child(3) {
  margin-left: 16px;
}
.ReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li .volumn-profit span:nth-child(even) {
  color: rgba(0, 0, 0, 0.85);
}
.ReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li .tip {
  position: absolute;
  width: 150px;
  height: 36px;
  line-height: 36px;
  background-image: linear-gradient(100deg, #f7cc51 -47%, #cb891c 122%);
  text-align: center;
  right: 0;
  top: 15px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.85);
}
.ReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li .no-data {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.DocumentPage {
  padding-top: 76px;
  width: 770px;
  margin: auto;
  min-height: 100vh;
  padding-bottom: 20px;
}
.DocumentPage .document-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
}
.DocumentPage .document-title .return-title-wrap {
  margin-bottom: 0;
}
.DocumentPage .document-title .search-wrap {
  width: 200px;
  height: 40px;
  position: relative;
}
.DocumentPage .document-title .search-wrap .icon-search {
  position: absolute;
  left: 10px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 24px;
}
.DocumentPage .document-title .search-wrap .search-input {
  width: 100%;
  height: 100%;
  border: solid 1px #e5e9ec;
  padding-left: 40px;
}
.DocumentPage .search-info {
  font-size: 24px;
  line-height: 33px;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  margin: 28px 0;
}
.DocumentPage .search-info span {
  color: rgba(0, 0, 0, 0.85);
}
.DocumentPage .result-list {
  min-height: 568px;
}
.DocumentPage .result-list li {
  border-bottom: 1px solid #ededf0;
}
.DocumentPage .result-list li .list-title {
  position: relative;
  height: 70px;
  line-height: 70px;
  padding: 0 50px 0 31px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  display: flex;
}
.DocumentPage .result-list li .list-title:hover,
.DocumentPage .result-list li .list-title.active {
  color: #e51c1c;
}
.DocumentPage .result-list li .list-title:hover .open-btn,
.DocumentPage .result-list li .list-title.active .open-btn {
  color: #e51c1c;
}
.DocumentPage .result-list li .list-title:before {
  content: '';
  display: block;
  background: #e51c1c;
  width: 7px;
  height: 7px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
}
.DocumentPage .result-list li .list-title .open-btn {
  position: absolute;
  right: 27px;
  font-size: 18px;
  top: 50%;
  margin-top: -9px;
  color: rgba(0, 0, 0, 0.45);
}
.DocumentPage .result-list li .list-content {
  display: none;
  padding: 0 100px 20px 50px;
}
.DocumentPage .result-list li .list-content p {
  font-weight: 400 !important;
  line-height: 2 !important;
}
.DocumentPage .result-list li .list-content img {
  max-width: 100%;
}
.DocumentPage .result-list li .list-content.open {
  display: block;
}
.DocumentPage .result-list li .list-content table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.DocumentPage .result-list li .list-content table th {
  border-bottom: 2px solid #ccc !important;
  text-align: center;
}
.DocumentPage .result-list li .list-content table th,
.DocumentPage .result-list li .list-content table td {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 3px 5px;
}

.MobileDocumentPage {
  padding: 0 5.333vw;
}
.MobileDocumentPage .search-info {
  font-size: 20px;
  line-height: 8vw;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  margin: 8.533vw 0;
}
.MobileDocumentPage .search-info span {
  color: rgba(0, 0, 0, 0.85);
}
.MobileDocumentPage .result-list {
  min-height: 106.667vw;
  padding-bottom: 14.933vw;
}
.MobileDocumentPage .result-list li {
  border-bottom: 1px solid #ededf0;
}
.MobileDocumentPage .result-list li .list-title {
  display: flex;
  position: relative;
  color: rgba(0, 0, 0, 0.85);
  padding: 4.267vw 9.6vw 4.267vw 0;
}
.MobileDocumentPage .result-list li .list-title .open-btn {
  position: absolute;
  right: 0;
  font-size: 18px;
  top: 50%;
  margin-top: -2.4vw;
  color: rgba(0, 0, 0, 0.65);
}
.MobileDocumentPage .result-list li .list-content {
  display: none;
  padding-bottom: 5.333vw;
}
.MobileDocumentPage .result-list li .list-content p {
  font-weight: 400 !important;
  line-height: 1.8 !important;
}
.MobileDocumentPage .result-list li .list-content p,
.MobileDocumentPage .result-list li .list-content span {
  color: rgba(0, 0, 0, 0.65) !important;
}
.MobileDocumentPage .result-list li .list-content img {
  max-width: 100%;
}
.MobileDocumentPage .result-list li .list-content.open {
  display: block;
}
.MobileDocumentPage .result-list li .list-content table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.MobileDocumentPage .result-list li .list-content table th {
  border-bottom: 0.533vw solid #ccc !important;
  text-align: center;
}
.MobileDocumentPage .result-list li .list-content table th,
.MobileDocumentPage .result-list li .list-content table td {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 0.8vw 1.333vw;
}
.MobileDocumentPage .loadMore {
  display: block;
  height: 8.533vw;
  margin: -8.533vw auto 10.667vw;
}

.HelpPage {
  padding-top: 76px;
  width: 1170px;
  margin: 0 auto 90px;
}
.HelpPage .HelpMenuWrapper h2 {
  text-align: center;
  line-height: 65px;
  font-size: 46px;
  margin: 62px 0 35px 0;
  font-weight: 500;
}
.HelpPage .HelpMenuWrapper .search-bar {
  position: relative;
  width: 770px;
  height: 56px;
  box-shadow: 0 3px 22px 0 #ececec;
  background: #ffffff;
  margin: 0 auto 70px;
}
.HelpPage .HelpMenuWrapper .search-bar .icon-search {
  position: absolute;
  left: 20px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
}
.HelpPage .HelpMenuWrapper .search-bar .search-input {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0 112px 0 56px;
}
.HelpPage .HelpMenuWrapper .search-bar .search-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
}
.HelpPage .HelpMenuWrapper .search-bar .search-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
}
.HelpPage .HelpMenuWrapper .search-bar .search-input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
}
.HelpPage .HelpMenuWrapper .search-bar .search-btn {
  position: absolute;
  width: 98px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  right: 8px;
  top: 50%;
  margin-top: -20px;
}
.HelpPage .HelpMenuWrapper .warning {
  text-align: center;
  color: rgba(0, 0, 0, 0.45);
  margin-bottom: 66px;
  line-height: 20px;
}
.HelpPage .HelpMenuWrapper .choose-list {
  display: flex;
  flex-wrap: wrap;
}
.HelpPage .HelpMenuWrapper .choose-list.hover img,
.HelpPage .HelpMenuWrapper .choose-list.hover p {
  opacity: .3;
}
.HelpPage .HelpMenuWrapper .choose-list li {
  width: 210px;
  min-height: 132px;
  box-shadow: 0 7px 33px 0 #e5e5e5;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  position: relative;
  padding-top: 25px;
  margin: 0 30px 30px 0;
  transition: border .3s;
}
.HelpPage .HelpMenuWrapper .choose-list li:nth-child(5n) {
  margin-right: 0;
}
.HelpPage .HelpMenuWrapper .choose-list li img {
  transition: opacity .3s;
}
.HelpPage .HelpMenuWrapper .choose-list li img.icon1,
.HelpPage .HelpMenuWrapper .choose-list li img.icon-1,
.HelpPage .HelpMenuWrapper .choose-list li img.custIcon0 {
  margin: 4px 0;
}
.HelpPage .HelpMenuWrapper .choose-list li img.icon3,
.HelpPage .HelpMenuWrapper .choose-list li img.custIcon3 {
  margin: 1px 0 2px 0;
}
.HelpPage .HelpMenuWrapper .choose-list li p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  transition: opacity .3s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  max-height: 44px;
  margin-bottom: 10px;
  padding: 0 8px;
}
.HelpPage .HelpMenuWrapper .choose-list li.active {
  border: 1px solid #e51c1c;
}
.HelpPage .HelpMenuWrapper .choose-list li.active img,
.HelpPage .HelpMenuWrapper .choose-list li.active p {
  opacity: 1;
}
.HelpPage .FeedbackWrapper h3,
.HelpPage .ContactWrapper h3 {
  text-align: center;
  line-height: 33px;
  font-size: 24px;
  margin-bottom: 15px;
  font-weight: 500;
}
.HelpPage .FeedbackWrapper .warning,
.HelpPage .ContactWrapper .warning {
  text-align: center;
  color: rgba(0, 0, 0, 0.45);
  margin-bottom: 40px;
  line-height: 20px;
}
.HelpPage .FeedbackWrapper textarea {
  width: 100%;
  height: 241px;
  padding: 20px;
  resize: none;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #ffffff;
}
.HelpPage .FeedbackWrapper .feed-text::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.HelpPage .FeedbackWrapper .feed-text:-moz-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.HelpPage .FeedbackWrapper .feed-text:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.HelpPage .FeedbackWrapper .feed-btn {
  display: block;
  width: 98px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  margin: 20px auto 120px;
}
.HelpPage .ContactWrapper .contact-us {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}
.HelpPage .ContactWrapper .contact-us.between {
  justify-content: space-between;
}
.HelpPage .ContactWrapper .contact-us div {
  width: 570px;
  height: 172px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 3px 22px 0 #ececec;
  background: #ffffff;
}
.HelpPage .ContactWrapper .contact-us div .iconfont {
  font-size: 40px;
  margin-bottom: 14px;
  cursor: default;
}
.HelpPage .ContactWrapper .contact-us div p {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 700;
}
.HelpPage .ContactWrapper .contact-us div p:last-child {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
  margin-top: 5px;
  font-weight: 300;
}

.MobileHelpPage .HelpMenuWrapper h2 {
  text-align: center;
  line-height: 7.467vw;
  font-size: 20px;
  margin: 8.533vw 0 4.267vw 0;
  padding: 0 5.333vw;
}
.MobileHelpPage .HelpMenuWrapper .search-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 29.867vw;
  margin: 0 5.333vw;
  padding: 2.133vw 2.4vw;
  box-shadow: 0 0.8vw 5.867vw 0 #ececec;
  background: #ffffff;
}
.MobileHelpPage .HelpMenuWrapper .search-wrap .search-bar {
  position: relative;
  padding: 2.133vw 1.6vw;
}
.MobileHelpPage .HelpMenuWrapper .search-wrap .search-bar .icon-search {
  position: absolute;
  color: rgba(0, 0, 0, 0.85);
  top: 0;
  font-size: 24px;
}
.MobileHelpPage .HelpMenuWrapper .search-wrap .search-bar .search-input {
  width: 100%;
  height: 100%;
  border: none;
  padding-left: 10.667vw;
}
.MobileHelpPage .HelpMenuWrapper .search-wrap .search-bar .search-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
}
.MobileHelpPage .HelpMenuWrapper .search-wrap .search-bar .search-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
}
.MobileHelpPage .HelpMenuWrapper .search-wrap .search-bar .search-input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
}
.MobileHelpPage .HelpMenuWrapper .search-wrap .search-btn {
  height: 10.667vw;
  line-height: 10.667vw;
  font-size: 16px;
}
.MobileHelpPage .HelpMenuWrapper .warning {
  text-align: center;
  color: rgba(0, 0, 0, 0.45);
  margin: 10.667vw 5.333vw 0 5.333vw;
  line-height: 5.333vw;
}
.MobileHelpPage .HelpMenuWrapper .choose-list .swiper-container {
  padding: 10.667vw 0;
}
.MobileHelpPage .HelpMenuWrapper .choose-list .swiper-container .swiper-pagination {
  position: relative;
  bottom: -2.667vw;
  width: 80vw;
  margin: auto;
}
.MobileHelpPage .HelpMenuWrapper .choose-list .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 2.133vw;
  height: 1.067vw;
  border-radius: 0.533vw;
  opacity: 0.12;
}
.MobileHelpPage .HelpMenuWrapper .choose-list .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 8.533vw;
  background: #e51c1c;
  opacity: 1;
}
.MobileHelpPage .HelpMenuWrapper .choose-list li {
  height: 35.2vw;
  text-align: center;
  position: relative;
  padding-top: 6.667vw;
  border: 1px solid transparent;
  box-shadow: 0 0.8vw 5.867vw 0 #ececec;
  background: #ffffff;
}
.MobileHelpPage .HelpMenuWrapper .choose-list li.swiper-slide-active {
  border: 1px solid #e51c1c;
}
.MobileHelpPage .HelpMenuWrapper .choose-list li img.icon1,
.MobileHelpPage .HelpMenuWrapper .choose-list li img.icon-1,
.MobileHelpPage .HelpMenuWrapper .choose-list li img.custIcon0 {
  margin: 1.067vw 0;
}
.MobileHelpPage .HelpMenuWrapper .choose-list li img.icon3,
.MobileHelpPage .HelpMenuWrapper .choose-list li img.custIcon3 {
  margin: 1px 0 0.533vw 0;
}
.MobileHelpPage .HelpMenuWrapper .choose-list li p {
  margin-top: 5.333vw;
  font-size: 16px;
  line-height: 5.333vw;
  color: rgba(0, 0, 0, 0.85);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  max-height: 10.667vw;
  margin-bottom: 2.667vw;
  padding: 0 2.133vw;
}
.MobileHelpPage .FeedbackWrapper h3,
.MobileHelpPage .ContactWrapper h3 {
  text-align: center;
  line-height: 8vw;
  font-size: 20px;
  margin-bottom: 2.133vw;
}
.MobileHelpPage .FeedbackWrapper .warning,
.MobileHelpPage .ContactWrapper .warning {
  text-align: center;
  color: rgba(0, 0, 0, 0.45);
  margin-bottom: 4.267vw;
  line-height: 5.333vw;
  font-size: 12px;
}
.MobileHelpPage .FeedbackWrapper {
  padding: 0 5.333vw;
}
.MobileHelpPage .FeedbackWrapper h3 {
  margin-top: 2.667vw;
}
.MobileHelpPage .FeedbackWrapper textarea {
  width: 100%;
  height: 42.667vw;
  padding: 4.267vw;
  resize: none;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #ffffff;
}
.MobileHelpPage .FeedbackWrapper .feed-text::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.MobileHelpPage .FeedbackWrapper .feed-text:-moz-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.MobileHelpPage .FeedbackWrapper .feed-text:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.MobileHelpPage .FeedbackWrapper .feed-btn {
  display: block;
  width: 34.667vw;
  height: 10.667vw;
  line-height: 10.667vw;
  font-size: 16px;
  margin: 5.333vw auto 12.8vw;
}
.MobileHelpPage .ContactWrapper .contact-us div {
  margin: 0 5.333vw 6.4vw 5.333vw;
  height: 41.6vw;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 0.8vw 5.867vw 0 #ececec;
  background: #ffffff;
}
.MobileHelpPage .ContactWrapper .contact-us div .iconfont {
  font-size: 40px;
  margin-bottom: 3.2vw;
  cursor: default;
}
.MobileHelpPage .ContactWrapper .contact-us div p {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 700;
}
.MobileHelpPage .ContactWrapper .contact-us div p:last-child {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
  margin-top: 1.333vw;
  font-weight: 300;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
  visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
  visibility: visible;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}
.ant-carousel .slick-track::after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .ant-carousel .slick-slide {
  float: right;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev::before {
  content: '\2190';
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next::before {
  content: '\2192';
}
.ant-carousel .slick-dots {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  top: 12px;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  padding: 0;
  text-align: center;
  vertical-align: top;
}
.ant-carousel .slick-dots li button {
  display: block;
  width: 16px;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.ant-carousel .slick-dots li.slick-active button {
  width: 24px;
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active button:hover,
.ant-carousel .slick-dots li.slick-active button:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  width: 3px;
  height: auto;
  transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
  left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
  right: 12px;
}
.ant-carousel-vertical .slick-dots li {
  margin: 0 2px;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}

.HomePage .BannerWrapper {
  position: relative;
}
.HomePage .BannerWrapper .banner-container {
  width: 100%;
  min-width: 1170px;
  height: 768px;
  position: relative;
}
.HomePage .BannerWrapper .banner-container.banner1 {
  background: url('//static01.findlvr.net/social-trading-web-v2/public/images/home/banner-new1.jpg') center / cover;
}
.HomePage .BannerWrapper .banner-container.banner1.Monkey {
  background: url('//static01.findlvr.net/social-trading-web-v2/public/images/home/banner-monkey1.jpg') center / cover;
}
.HomePage .BannerWrapper .banner-container.banner1.Rover {
  background: url('//static01.findlvr.net/social-trading-web-v2/public/images/home/banner-rover1.jpg') center / cover;
}
.HomePage .BannerWrapper .banner-container.banner2 {
  background: url('//static01.findlvr.net/social-trading-web-v2/public/images/home/banner-new2.jpg') center / cover;
}
.HomePage .BannerWrapper .banner-container.banner2.Monkey {
  background: url('//static01.findlvr.net/social-trading-web-v2/public/images/home/banner-monkey2.jpg') center / cover;
}
.HomePage .BannerWrapper .banner-container.banner2.Rover {
  background: url('//static01.findlvr.net/social-trading-web-v2/public/images/home/banner-rover2.jpg') center / cover;
}
.HomePage .BannerWrapper .banner-wrap {
  position: absolute;
  width: 1170px;
  top: 270px;
  left: 50%;
  margin-left: -585px;
  color: #ffffff;
  font-weight: 300;
}
.HomePage .BannerWrapper .banner-wrap h1 {
  font-size: 46px;
  line-height: 1.48;
  color: #ffffff;
  margin-bottom: 26px;
}
.HomePage .BannerWrapper .banner-wrap ul li {
  font-size: 20px;
  line-height: 2;
}
.HomePage .BannerWrapper .banner-wrap ul li b {
  font-weight: 500;
}
.HomePage .BannerWrapper .banner-wrap .banner-btn-group {
  margin-top: 33px;
}
.HomePage .BannerWrapper .banner-wrap .banner-btn-group button {
  min-width: 140px;
  height: 48px;
  font-size: 18px;
  margin-right: 14px;
}
.HomePage .BannerWrapper .banner-wrap .banner-btn-group button.ant-btn-default {
  background: none;
  border: solid 1px rgba(255, 255, 255, 0.34);
  color: rgba(255, 255, 255, 0.65);
}
.HomePage .BannerWrapper .slick-dots-bottom {
  bottom: 20px;
}
.HomePage .BannerWrapper .slick-dots {
  height: 8px;
}
.HomePage .BannerWrapper .slick-dots li {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.35);
  margin: 0 6px;
  overflow: hidden;
}
.HomePage .BannerWrapper .slick-dots li.slick-active {
  width: 45px;
  background: #ffffff;
}
.HomePage .BannerWrapper .slick-dots li button {
  width: 100% !important;
  height: 100%;
}
.HomePage .module-title {
  line-height: 53px;
  font-size: 38px;
}
.HomePage .more-btn {
  width: 220px;
  height: 56px;
  line-height: 56px;
  font-size: 18px;
}
.HomePage .TraderWrapper {
  width: 1032px;
  margin: auto;
  text-align: center;
}
.HomePage .TraderWrapper .module-title {
  margin: 65px 0 16px 0;
}
.HomePage .TraderWrapper .trader-desc {
  font-size: 20px;
  line-height: 2;
  color: rgba(0, 0, 0, 0.45);
  margin-bottom: 45px;
}
.HomePage .TraderWrapper .profit-wrap {
  display: flex;
  justify-content: center;
}
.HomePage .TraderWrapper .profit-wrap .wrapper {
  margin-right: 24px;
}
.HomePage .TraderWrapper .profit-wrap .wrapper:last-child {
  margin-right: 0;
}
.HomePage .TraderWrapper .more-btn {
  margin: 50px 0 79px 0;
}
.HomePage .StatisticsWrapper {
  width: 100%;
  background-image: url('//static01.findlvr.net/social-trading-web-v2/public/images/home/statistics.png');
  padding-top: 18.75%;
  background-size: 100% 100%;
  position: relative;
}
.HomePage .StatisticsWrapper .statistics-list {
  width: 1170px;
  height: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -585px;
}
.HomePage .StatisticsWrapper .statistics-list li {
  text-align: center;
  flex: 1;
}
.HomePage .StatisticsWrapper .statistics-list li:nth-child(2) {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.HomePage .StatisticsWrapper .statistics-list li span {
  font-size: 46px;
  color: #ffffff;
  line-height: 63px;
}
.HomePage .StatisticsWrapper .statistics-list li p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 22px;
  margin: 11px 0 0 0;
}
.HomePage .ModeWrapper {
  text-align: center;
}
.HomePage .ModeWrapper .mode-wrap {
  width: 1170px;
  margin: auto;
}
.HomePage .ModeWrapper .mode-wrap .module-title {
  margin: 72px 0 32px 0;
}
.HomePage .ModeWrapper .mode-wrap ul {
  display: flex;
  height: 245px;
  box-shadow: 0 3px 22px 0 #ececec;
  background: #ffffff;
  align-items: center;
}
.HomePage .ModeWrapper .mode-wrap ul li {
  flex: 1;
  height: 178px;
}
.HomePage .ModeWrapper .mode-wrap ul li:nth-child(2) {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.HomePage .ModeWrapper .mode-wrap ul li h3 {
  font-size: 20px;
  line-height: 28px;
  color: #333333;
  margin: 16px 0;
  font-weight: 700;
}
.HomePage .ModeWrapper .mode-wrap ul li p {
  font-size: 16px;
  line-height: 22px;
  color: #999999;
}
.HomePage .ModeWrapper .mode-wrap .more-btn {
  margin: 64px 0 96px 0;
}
.HomePage .DynamicWrapper {
  height: 680px;
  background: #fbfcff;
  padding-top: 64px;
}
.HomePage .DynamicWrapper .dynamic-wrap {
  width: 1170px;
  margin: 0 auto;
  text-align: center;
}
.HomePage .DynamicWrapper .dynamic-wrap .module-title {
  margin-bottom: 36px;
}
.HomePage .DynamicWrapper .dynamic-wrap .list-wrap {
  height: 364px;
  box-shadow: 0 3px 22px 0 #ececec;
  background: #ffffff;
  overflow: hidden;
}
.HomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li {
  height: 72px;
  line-height: 72px;
  color: rgba(0, 0, 0, 0.85);
}
.HomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .ant-row {
  border-bottom: 1px solid #ededf0;
  padding: 0 24px;
}
.HomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .ant-row .ant-col {
  text-align: left;
  width: auto !important;
  margin-right: 75px;
}
.HomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .ant-row .ant-col.avatar {
  width: 220px !important;
  margin-right: 0;
}
.HomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .ant-row .ant-col.symbol {
  width: 90px !important;
  margin-right: 30px;
}
.HomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .ant-row .ant-col.volume {
  width: 80px !important;
  margin-right: 15px;
}
.HomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .ant-row .ant-col.trend {
  width: 200px !important;
  text-align: center;
  margin-right: 65px;
}
.HomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .ant-row .ant-col.trend i {
  margin: 0 5px;
}
.HomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .ant-row .ant-col.profit {
  margin-right: 0;
}
.HomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .ant-row .ant-col:last-child {
  float: right;
  margin-right: 0;
  text-align: right;
}
.HomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .avatar {
  display: flex;
  align-items: center;
  height: 72px;
}
.HomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .avatar .avatar-name {
  max-width: 160px;
}
.HomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .profit {
  color: #33b480;
}
.HomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .profit.unprofit {
  color: #ff0002;
}
.HomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .time {
  text-align: right;
}
.HomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li:last-child {
  border-bottom: none;
}

.MobileHomePage .BannerWrapper {
  position: relative;
}
.MobileHomePage .BannerWrapper .banner-container {
  width: 100%;
  height: 85.867vw;
  position: relative;
}
.MobileHomePage .BannerWrapper .banner-container.banner1 {
  background: url('//static01.findlvr.net/social-trading-web-v2/public/images/home/banner-new1.jpg') center / cover;
}
.MobileHomePage .BannerWrapper .banner-container.banner1.Monkey {
  background: url('//static01.findlvr.net/social-trading-web-v2/public/images/home/banner-monkey1.jpg') center / cover;
}
.MobileHomePage .BannerWrapper .banner-container.banner1.Rover {
  background: url('//static01.findlvr.net/social-trading-web-v2/public/images/home/banner-rover1.jpg') center / cover;
}
.MobileHomePage .BannerWrapper .banner-container.banner2 {
  background: url('//static01.findlvr.net/social-trading-web-v2/public/images/home/banner-new2.jpg') center / cover;
}
.MobileHomePage .BannerWrapper .banner-container.banner2.Monkey {
  background: url('//static01.findlvr.net/social-trading-web-v2/public/images/home/banner-monkey2.jpg') center / cover;
}
.MobileHomePage .BannerWrapper .banner-container.banner2.Rover {
  background: url('//static01.findlvr.net/social-trading-web-v2/public/images/home/banner-rover2.jpg') center / cover;
}
.MobileHomePage .BannerWrapper .banner-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: -5.333vw;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-weight: 300;
  text-align: center;
}
.MobileHomePage .BannerWrapper .banner-wrap h1 {
  font-size: 28px;
  line-height: 1.29;
  color: #ffffff;
  margin: 0 0 4.533vw 0;
  padding: 0 5.333vw;
}
.MobileHomePage .BannerWrapper .banner-wrap ul {
  padding: 0 5.333vw;
}
.MobileHomePage .BannerWrapper .banner-wrap ul li {
  font-size: 14px;
  line-height: 2;
}
.MobileHomePage .BannerWrapper .banner-wrap ul li b {
  font-weight: 500;
}
.MobileHomePage .BannerWrapper .banner-wrap .banner-btn-group {
  margin-top: 8.8vw;
}
.MobileHomePage .BannerWrapper .banner-wrap .banner-btn-group button {
  min-width: 42.667vw;
  height: 12.8vw;
  font-size: 18px;
  margin-right: 3.733vw;
}
.MobileHomePage .BannerWrapper .banner-wrap .banner-btn-group button.ant-btn-default {
  background: none;
  border: solid 1px rgba(255, 255, 255, 0.34);
  color: rgba(255, 255, 255, 0.65);
}
.MobileHomePage .BannerWrapper .banner-wrap .banner-btn-group button:last-child {
  margin-right: 0;
}
.MobileHomePage .BannerWrapper .slick-dots-bottom {
  bottom: 5.333vw;
}
.MobileHomePage .BannerWrapper .slick-dots {
  height: 1.6vw;
}
.MobileHomePage .BannerWrapper .slick-dots li {
  width: 1.6vw;
  height: 1.6vw;
  border-radius: 0.8vw;
  background: rgba(255, 255, 255, 0.35);
  margin: 0 1.6vw;
  overflow: hidden;
}
.MobileHomePage .BannerWrapper .slick-dots li.slick-active {
  width: 9.6vw;
  background: #ffffff;
}
.MobileHomePage .BannerWrapper .slick-dots li button {
  width: 100% !important;
  height: 100%;
}
.MobileHomePage .module-title {
  font-size: 24px;
  padding: 0 5.333vw;
  margin: 10.667vw 0 6.4vw 0;
}
.MobileHomePage .more-btn {
  min-width: 58.667vw;
  height: 12.8vw;
  line-height: 12.8vw;
  font-size: 18px;
  margin: 8.533vw 0 12.8vw 0;
}
.MobileHomePage .TraderWrapper {
  text-align: center;
}
.MobileHomePage .TraderWrapper .trader-desc {
  padding: 0 5.333vw;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.45);
}
.MobileHomePage .TraderWrapper .trader-desc p {
  margin-bottom: 4.267vw;
}
.MobileHomePage .TraderWrapper .profit-wrap {
  min-height: 86.933vw;
}
.MobileHomePage .TraderWrapper .profit-wrap .Profit-card {
  width: 100%;
}
.MobileHomePage .TraderWrapper .profit-wrap .swiper-container {
  padding: 5.333vw 0;
}
.MobileHomePage .TraderWrapper .more-btn {
  margin-top: 3.733vw;
}
.MobileHomePage .StatisticsWrapper {
  height: 75.733vw;
  background: url('//static01.findlvr.net/social-trading-web-v2/public/images/home/statistics.png') center / cover;
}
.MobileHomePage .StatisticsWrapper .statistics-list {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.MobileHomePage .StatisticsWrapper .statistics-list li {
  text-align: center;
  margin-bottom: 6.4vw;
}
.MobileHomePage .StatisticsWrapper .statistics-list li:last-child {
  margin-bottom: 0;
}
.MobileHomePage .StatisticsWrapper .statistics-list li span {
  font-size: 24px;
  color: #ffffff;
}
.MobileHomePage .StatisticsWrapper .statistics-list li p {
  color: rgba(255, 255, 255, 0.6);
  line-height: 5.867vw;
}
.MobileHomePage .ModeWrapper {
  text-align: center;
}
.MobileHomePage .ModeWrapper ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 5.333vw;
}
.MobileHomePage .ModeWrapper ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 64.8vw;
  margin-bottom: 6.4vw;
  box-shadow: 0 0.8vw 5.867vw 0 #ececec;
  background: #ffffff;
}
.MobileHomePage .ModeWrapper ul li:last-child {
  margin-bottom: 0;
}
.MobileHomePage .ModeWrapper ul li h3 {
  font-size: 20px;
  line-height: 7.467vw;
  color: #333333;
  margin: 4.267vw 0;
  font-weight: 700;
}
.MobileHomePage .ModeWrapper ul li p {
  font-size: 16px;
  color: #999999;
  padding: 0 2.133vw;
}
.MobileHomePage .DynamicWrapper {
  text-align: center;
  margin-bottom: 10.667vw;
}
.MobileHomePage .DynamicWrapper .module-title {
  margin-top: 0;
}
.MobileHomePage .DynamicWrapper .dynamic-wrap .list-wrap {
  margin: 0 5.333vw;
  box-shadow: 0 0.8vw 5.867vw 0 #ececec;
  background: #ffffff;
  overflow: hidden;
}
.MobileHomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li {
  padding: 4.267vw 5.333vw;
  border-bottom: 1px solid #ededf0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.MobileHomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .li-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.MobileHomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .li-row:nth-child(1) {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.MobileHomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .li-row:nth-child(3) {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.MobileHomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .li-row span.symbol {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
}
.MobileHomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .li-row span.type {
  margin: 0 1.6vw;
  font-size: 14px;
  color: #008cf7;
}
.MobileHomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .li-row span.profit {
  font-size: 16px;
}
.MobileHomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .li-row span.trend {
  display: flex;
  font-size: 12px;
  align-items: center;
}
.MobileHomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .li-row span.trend i {
  width: 0;
  height: 0;
  display: block;
  border: 0.8vw solid transparent;
  border-left: 1.067vw solid rgba(0, 0, 0, 0.45);
  margin: 0 0px 0 1.6vw;
}
.MobileHomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .li-row span.avatar .layout {
  flex-direction: row-reverse;
}
.MobileHomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .li-row span.avatar .avatar-container {
  width: 5.333vw;
  height: 5.333vw;
}
.MobileHomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .li-row span.avatar .avatar-container .temp-avatar {
  line-height: 5.333vw;
}
.MobileHomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .li-row span.avatar .avatar-name {
  line-height: 5.333vw;
  margin-right: 1.6vw;
  color: rgba(0, 0, 0, 0.45);
}
.MobileHomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .profit {
  color: #33b480;
}
.MobileHomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li .profit.unprofit {
  color: #ff0002;
}
.MobileHomePage .DynamicWrapper .dynamic-wrap .list-wrap .dynamic-list li:last-child {
  border-bottom: none;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
  width: 100%;
  font-size: 0;
}
.ant-steps-item {
  position: relative;
  display: inline-block;
  flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.ant-steps-item-container {
  outline: none;
}
.ant-steps-item:last-child {
  flex: none;
}
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-item-icon,
.ant-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.ant-steps-item-icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s;
}
.ant-steps-item-icon > .ant-steps-icon {
  position: relative;
  top: -1px;
  color: #e51c1c;
  line-height: 1;
}
.ant-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.ant-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
  border-radius: 1px;
  transition: background 0.3s;
  content: '';
}
.ant-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 16px;
  line-height: 32px;
}
.ant-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #e8e8e8;
  content: '';
}
.ant-steps-item-subtitle {
  display: inline;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
}
.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #e51c1c;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #e51c1c;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #e51c1c;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.65);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process .ant-steps-item-icon {
  background: #e51c1c;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #fff;
}
.ant-steps-item-process .ant-steps-item-title {
  font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #e51c1c;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #e51c1c;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #e51c1c;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.65);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e51c1c;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e51c1c;
}
.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #f5222d;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #f5222d;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: #f5222d;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
  transition: color 0.3s;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
  color: #e51c1c;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
  border-color: #e51c1c;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
  color: #e51c1c;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 16px;
  white-space: nowrap;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  display: none;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.ant-steps-item-custom .ant-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}
.ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  top: 0;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #e51c1c;
}
.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  width: auto;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}
.ant-steps-small .ant-steps-item-icon {
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}
.ant-steps-small .ant-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}
.ant-steps-small .ant-steps-item-title::after {
  top: 12px;
}
.ant-steps-small .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-small .ant-steps-item-tail {
  top: 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}
.ant-steps-vertical {
  display: block;
}
.ant-steps-vertical .ant-steps-item {
  display: block;
  overflow: visible;
}
.ant-steps-vertical .ant-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.ant-steps-vertical .ant-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.ant-steps-vertical .ant-steps-item-title {
  line-height: 32px;
}
.ant-steps-vertical .ant-steps-item-description {
  padding-bottom: 12px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 16px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
  width: 1px;
  height: 100%;
}
.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
  display: block;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 12px;
  padding: 30px 0 6px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
  line-height: 24px;
}
@media (max-width: 480px) {
  .ant-steps-horizontal.ant-steps-label-horizontal {
    display: block;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
    display: block;
    overflow: visible;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
    float: left;
    margin-right: 16px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-title {
    line-height: 32px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-description {
    padding-bottom: 12px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 16px;
    width: 1px;
    height: 100%;
    padding: 38px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
    width: 1px;
    height: 100%;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
    display: block;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
    display: none;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 12px;
    padding: 30px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
    line-height: 24px;
  }
}
.ant-steps-label-vertical .ant-steps-item {
  overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  width: 116px;
  margin-top: 8px;
  text-align: center;
}
.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.ant-steps-label-vertical .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-label-vertical .ant-steps-item-title::after {
  display: none;
}
.ant-steps-label-vertical .ant-steps-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.5;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
  margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
  line-height: 1.5;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  transition: all 0.3s;
  /* expand hover area */
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: '';
}
.ant-steps-dot .ant-steps-item-content,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
  width: 140px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot {
  top: -1px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-top: 8px;
  margin-left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 2px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  left: -2px;
}
.ant-steps-navigation {
  padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
  overflow: visible;
  text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
  opacity: 0.85;
}
.ant-steps-navigation .ant-steps-item:last-child {
  flex: 1;
}
.ant-steps-navigation .ant-steps-item:last-child::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -14px;
  margin-left: -2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg);
  content: '';
}
.ant-steps-navigation .ant-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 3px;
  background-color: #e51c1c;
  transition: width 0.3s, left 0.3s;
  transition-timing-function: ease-out;
  content: '';
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
  left: 0;
  width: 100%;
}
@media (max-width: 480px) {
  .ant-steps-navigation > .ant-steps-item {
    margin-right: 0 !important;
  }
  .ant-steps-navigation > .ant-steps-item::before {
    display: none;
  }
  .ant-steps-navigation > .ant-steps-item.ant-steps-item-active::before {
    top: 0;
    right: 0;
    left: unset;
    display: block;
    width: 3px;
    height: calc(76%);
  }
  .ant-steps-navigation > .ant-steps-item::after {
    position: relative;
    top: -2px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-bottom: 8px;
    text-align: center;
    transform: rotate(135deg);
  }
  .ant-steps-navigation > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    visibility: hidden;
  }
}
.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
  margin-left: -16px;
  padding-left: 16px;
  background: #fff;
}
.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item {
  margin-left: -12px;
  padding-left: 12px;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child {
  overflow: hidden;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child .ant-steps-icon-dot::after {
  right: -200px;
  width: 200px;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::before,
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  position: absolute;
  top: 0;
  left: -10px;
  width: 10px;
  height: 8px;
  background: #fff;
  content: '';
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  right: -10px;
  left: auto;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #ccc;
}

.LoginWrapper .LoginBox .content {
  width: 840px;
  height: 508px;
  margin-left: -360px;
  display: flex;
}
.LoginWrapper .LoginBox .content .content-left {
  color: #ffffff;
  width: 360px;
  padding: 0 44px;
}
.LoginWrapper .LoginBox .content .content-left h2 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
  margin-top: 195px;
}
.LoginWrapper .LoginBox .content .content-left a {
  color: #ffffff;
  display: inline-block;
  margin-top: 160px;
  line-height: 20px;
}
.LoginWrapper .LoginBox .content .content-left a:hover {
  color: #e51c1c;
}
.LoginWrapper .LoginBox .content .content-left a i {
  margin: 3px 6px 0 0;
}
.LoginWrapper .LoginBox .content .content-right {
  width: 480px;
  padding: 50px 60px;
}
.LoginWrapper .LoginBox .content .content-right .ant-tabs-bar {
  margin-bottom: 48px;
  text-align: center;
}
.LoginWrapper .LoginBox .content .content-right .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab {
  padding: 0;
  line-height: 50px;
  color: rgba(0, 0, 0, 0.45);
}
.LoginWrapper .LoginBox .content .content-right .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active {
  color: #e51c1c;
}
.LoginWrapper .LoginBox .content .content-right .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab .icon-email {
  font-size: 24px;
  margin-right: 8px;
  position: relative;
  top: 5px;
}
.LoginWrapper .LoginBox .content .content-right .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab .icon-phone {
  font-size: 24px;
  margin: 0 2px 0 -3px;
  position: relative;
  top: 5px;
}
.LoginWrapper .LoginBox .content .content-right .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab:first-child {
  margin-right: 50px;
}
.LoginWrapper .LoginBox .content .content-right .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab:first-child:after {
  content: '/';
  position: absolute;
  right: -26px;
  color: #35393f;
  top: 0px;
}
.LoginWrapper .LoginBox .content .content-right .ant-form-item {
  margin-bottom: 45px;
}
.LoginWrapper .LoginBox .content .content-right .ant-form-item-label {
  line-height: 1;
}
.LoginWrapper .LoginBox .content .content-right .ant-form-explain {
  position: absolute;
}
.LoginWrapper .LoginBox .content .content-right .ant-input {
  border: none;
  border-bottom: 1px solid #e6e6e6;
}
.LoginWrapper .LoginBox .content .content-right .ant-input-group-addon {
  border: none;
  border-bottom: 1px solid #e6e6e6;
  background: #ffffff;
}
.LoginWrapper .LoginBox .content .content-right .ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: rgba(0, 0, 0, 0.85);
}
.LoginWrapper .LoginBox .content .content-right .ant-input-group-addon .ant-select-selection {
  border: none;
}
.LoginWrapper .LoginBox .content .content-right .login-form-button {
  width: 100%;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
}
.LoginWrapper .LoginBox .content .content-right .form-bottom {
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
  line-height: 20px;
  margin-top: 16px;
}
.LoginWrapper .LoginBox .content .content-right .form-bottom a {
  color: rgba(0, 0, 0, 0.45);
}
.LoginWrapper .LoginBox .content .content-right .form-bottom a:hover {
  color: #e51c1c;
}
.LoginWrapper .LoginBox .content.forget .form-bottom {
  justify-content: flex-end;
}
.LoginWrapper .LoginBox .content.forget .set-password {
  margin-top: 50px;
}
.LoginWrapper .LoginBox .register-content {
  width: 100%;
  padding: 30px 60px 16px 60px;
}
.LoginWrapper .LoginBox .register-content .ant-tabs-bar {
  margin-bottom: 40px !important;
}
.LoginWrapper .LoginBox .register-content .ant-steps-item-title {
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.LoginWrapper .LoginBox .register-content .steps-content {
  width: 100%;
  height: 332px;
  border-bottom: 1px solid #e6e6e6;
  margin: 10px 0 16px 0;
}
.LoginWrapper .LoginBox .register-content .steps-content .content {
  width: 100%;
  height: 100%;
  margin-left: 0;
  justify-content: center;
}
.LoginWrapper .LoginBox .register-content .steps-content .content .content-right {
  width: 360px;
  padding: 15px 0 0 0;
}
.LoginWrapper .LoginBox .register-content .steps-content .content.register-success {
  flex-direction: column;
  align-items: center;
}
.LoginWrapper .LoginBox .register-content .steps-content .content.register-success .success {
  color: #33b480;
  font-size: 100px;
}
.LoginWrapper .LoginBox .register-content .steps-content .content.register-success .return {
  margin: 20px 0;
}
.LoginWrapper .LoginBox .register-content .steps-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.LoginWrapper .LoginBox .register-content .steps-action a {
  color: rgba(0, 0, 0, 0.65);
}
.LoginWrapper .LoginBox .register-content .steps-action a:hover {
  color: #e51c1c;
}

.MobileLoginWrapper a {
  color: rgba(0, 0, 0, 0.85);
}
.MobileLoginWrapper .login-header {
  display: flex;
  justify-content: space-between;
}
.MobileLoginWrapper .login-header img {
  height: 6.667vw;
}
.MobileLoginWrapper .login-title {
  font-size: 36px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 13.333vw;
  margin: 8.533vw 0 10.667vw 0;
}
.MobileLoginWrapper .content {
  flex: 1;
}
.MobileLoginWrapper .content.register-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.MobileLoginWrapper .content.register-success .success {
  color: #33b480;
  font-size: 88px;
  margin-bottom: 6.4vw;
}
.MobileLoginWrapper .content.register-success .tip {
  margin: 4.267vw 0 8.533vw 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.MobileLoginWrapper .content.register-success .tip b {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
}
.MobileLoginWrapper .content.register-success .form-button {
  width: auto;
  padding: 0 8.533vw;
}
.MobileLoginWrapper .login-bottom {
  line-height: 5.867vw;
  text-align: center;
}
.MobileLoginWrapper .login-bottom b {
  margin-right: 1.333vw;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.45);
}
.MobileLoginWrapper .reg-form .ant-form-item-children {
  display: block;
}

.am-checkbox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 21px;
}
.am-checkbox-inner {
  position: absolute;
  right: 0;
  width: 21px;
  height: 21px;
  border: 1px solid #ccc;
  border-radius: 50%;
  transform: rotate(0deg);
  box-sizing: border-box;
}
.am-checkbox-inner:after {
  position: absolute;
  display: none;
  top: 1.5px;
  right: 6px;
  z-index: 999;
  width: 5px;
  height: 11px;
  border-style: solid;
  border-width: 0 1px 1px 0;
  content: ' ';
  transform: rotate(45deg);
}
.am-checkbox-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  border: 0 none;
  appearance: none;
}
.am-checkbox.am-checkbox-checked .am-checkbox-inner {
  border-color: #e51c1c;
  background: #e51c1c;
}
.am-checkbox.am-checkbox-checked .am-checkbox-inner:after {
  display: block;
  border-color: #fff;
}
.am-checkbox.am-checkbox-disabled {
  opacity: 0.3;
}
.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner {
  border-color: #888;
  background: none;
}
.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner:after {
  border-color: #888;
}
.am-list .am-list-item.am-checkbox-item .am-list-thumb {
  width: 21px;
  height: 21px;
}
.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 44px;
}
.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox-inner {
  left: 15px;
  top: 12px;
}
.am-list .am-list-item.am-checkbox-item.am-checkbox-item-disabled .am-list-content {
  color: #bbb;
}
.am-checkbox-agree {
  position: relative;
  display: flex;
  align-items: stretch;
  margin-left: 15px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.am-checkbox-agree .am-checkbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 100%;
}
.am-checkbox-agree .am-checkbox-inner {
  left: 0;
  top: 12px;
}
.am-checkbox-agree .am-checkbox-agree-label {
  display: inline-block;
  font-size: 15px;
  color: #000;
  line-height: 1.5;
  margin-left: 30px;
  margin-top: 1PX;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-cascader {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-cascader-input.ant-input {
  position: static;
  width: 100%;
  padding-right: 24px;
  background-color: transparent !important;
  cursor: pointer;
}
.ant-cascader-picker-show-search .ant-cascader-input.ant-input {
  position: relative;
}
.ant-cascader-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-cascader-picker-with-value .ant-cascader-picker-label {
  color: transparent;
}
.ant-cascader-picker-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-cascader-picker-disabled .ant-cascader-input {
  cursor: not-allowed;
}
.ant-cascader-picker:focus .ant-cascader-input {
  border-color: #f24a44;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(229, 28, 28, 0.2);
}
.ant-cascader-picker-show-search.ant-cascader-picker-focused {
  color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-picker-label {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 20px;
  margin-top: -10px;
  padding: 0 20px 0 12px;
  overflow: hidden;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-cascader-picker-clear {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 2;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 12px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
}
.ant-cascader-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-cascader-picker:hover .ant-cascader-picker-clear {
  opacity: 1;
}
.ant-cascader-picker-arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 12px;
  transition: transform 0.2s;
}
.ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand {
  transform: rotate(180deg);
}
.ant-cascader-picker-label:hover + .ant-cascader-input {
  border-color: #f24a44;
  border-right-width: 1px !important;
}
.ant-cascader-picker-small .ant-cascader-picker-clear,
.ant-cascader-picker-small .ant-cascader-picker-arrow {
  right: 8px;
}
.ant-cascader-menus {
  position: absolute;
  z-index: 1050;
  font-size: 14px;
  white-space: nowrap;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-cascader-menus ul,
.ant-cascader-menus ol {
  margin: 0;
  list-style: none;
}
.ant-cascader-menus-empty,
.ant-cascader-menus-hidden {
  display: none;
}
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-cascader-menu {
  display: inline-block;
  min-width: 111px;
  height: 180px;
  margin: 0;
  padding: 4px 0;
  overflow: auto;
  vertical-align: top;
  list-style: none;
  border-right: 1px solid #e8e8e8;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.ant-cascader-menu:first-child {
  border-radius: 4px 0 0 4px;
}
.ant-cascader-menu:last-child {
  margin-right: -1px;
  border-right-color: transparent;
  border-radius: 0 4px 4px 0;
}
.ant-cascader-menu:only-child {
  border-radius: 4px;
}
.ant-cascader-menu-item {
  padding: 5px 12px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-cascader-menu-item:hover {
  background: #ffeeeb;
}
.ant-cascader-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-cascader-menu-item-disabled:hover {
  background: transparent;
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  font-weight: 600;
  background-color: #fafafa;
}
.ant-cascader-menu-item-expand {
  position: relative;
  padding-right: 24px;
}
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-loading-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  position: absolute;
  right: 12px;
  color: rgba(0, 0, 0, 0.45);
}
:root .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
:root .ant-cascader-menu-item-loading-icon {
  font-size: 12px;
}
.ant-cascader-menu-item .ant-cascader-menu-item-keyword {
  color: #f5222d;
}

.am-tabs {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.am-tabs * {
  box-sizing: border-box;
}
.am-tabs-content-wrap {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.am-tabs-content-wrap-animated {
  transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  will-change: transform, left, top;
}
.am-tabs-pane-wrap {
  width: 100%;
  flex-shrink: 0;
  overflow-y: auto;
}
.am-tabs-tab-bar-wrap {
  flex-shrink: 0;
}
.am-tabs-horizontal .am-tabs-pane-wrap-active {
  height: auto;
}
.am-tabs-horizontal .am-tabs-pane-wrap-inactive {
  height: 0;
  overflow: visible;
}
.am-tabs-vertical .am-tabs-content-wrap {
  flex-direction: column;
}
.am-tabs-vertical .am-tabs-tab-bar-wrap {
  height: 100%;
}
.am-tabs-vertical .am-tabs-pane-wrap {
  height: 100%;
}
.am-tabs-vertical .am-tabs-pane-wrap-active {
  overflow: auto;
}
.am-tabs-vertical .am-tabs-pane-wrap-inactive {
  overflow: hidden;
}
.am-tabs-top,
.am-tabs-bottom {
  flex-direction: column;
}
.am-tabs-left,
.am-tabs-right {
  flex-direction: row;
}
.am-tabs-default-bar {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  width: 100%;
  height: 100%;
  overflow: visible;
  z-index: 1;
}
.am-tabs-default-bar-tab {
  position: relative;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  height: 43.5px;
  line-height: 43.5px;
}
.am-tabs-default-bar-tab .am-badge .am-badge-text {
  top: -13px;
  transform: translateX(-5px);
}
.am-tabs-default-bar-tab .am-badge .am-badge-dot {
  top: -6px;
  transform: translateX(0);
}
.am-tabs-default-bar-tab-active {
  color: #e51c1c;
}
.am-tabs-default-bar-underline {
  position: absolute;
  border: 1px #e51c1c solid;
  transform: translate3d(0, 0, 0);
}
.am-tabs-default-bar-animated .am-tabs-default-bar-content {
  transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  will-change: transform;
}
.am-tabs-default-bar-animated .am-tabs-default-bar-underline {
  transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), color 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  will-change: top, left, width, color;
}
.am-tabs-default-bar-top,
.am-tabs-default-bar-bottom {
  flex-direction: row;
}
.am-tabs-default-bar-top .am-tabs-default-bar-content,
.am-tabs-default-bar-bottom .am-tabs-default-bar-content {
  display: flex;
  width: 100%;
  flex-direction: row;
}
.am-tabs-default-bar-top .am-tabs-default-bar-prevpage,
.am-tabs-default-bar-bottom .am-tabs-default-bar-prevpage {
  pointer-events: none;
  position: absolute;
  top: 0;
  display: block;
  width: 59px;
  height: 100%;
  content: ' ';
  z-index: 999;
  left: 0;
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
.am-tabs-default-bar-top .am-tabs-default-bar-nextpage,
.am-tabs-default-bar-bottom .am-tabs-default-bar-nextpage {
  pointer-events: none;
  position: absolute;
  top: 0;
  display: block;
  width: 59px;
  height: 100%;
  content: ' ';
  z-index: 999;
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
}
.am-tabs-default-bar-top .am-tabs-default-bar-tab,
.am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
  padding: 8px 0;
}
.am-tabs-default-bar-top .am-tabs-default-bar-underline,
.am-tabs-default-bar-bottom .am-tabs-default-bar-underline {
  bottom: 0;
}
.am-tabs-default-bar-top .am-tabs-default-bar-tab {
  border-bottom: 1PX solid #ddd;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab {
    border-bottom: none;
  }
  html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab::after {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 100%;
    transform: scaleY(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab::after {
    transform: scaleY(0.33);
  }
}
.am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
  border-top: 1PX solid #ddd;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
    border-top: none;
  }
  html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab::before {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 50%;
    transform: scaleY(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab::before {
    transform: scaleY(0.33);
  }
}
.am-tabs-default-bar-left,
.am-tabs-default-bar-right {
  flex-direction: column;
}
.am-tabs-default-bar-left .am-tabs-default-bar-content,
.am-tabs-default-bar-right .am-tabs-default-bar-content {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.am-tabs-default-bar-left .am-tabs-default-bar-tab,
.am-tabs-default-bar-right .am-tabs-default-bar-tab {
  padding: 0 8px;
}
.am-tabs-default-bar-left .am-tabs-default-bar-underline {
  right: 0;
}
.am-tabs-default-bar-left .am-tabs-default-bar-tab {
  border-right: 1PX solid #ddd;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab {
    border-right: none;
  }
  html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab::after {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 1PX;
    height: 100%;
    background: #ddd;
    transform-origin: 100% 50%;
    transform: scaleX(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab::after {
    transform: scaleX(0.33);
  }
}
.am-tabs-default-bar-right .am-tabs-default-bar-underline {
  left: 0;
}
.am-tabs-default-bar-right .am-tabs-default-bar-tab {
  border-left: 1PX solid #ddd;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab {
    border-left: none;
  }
  html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab::before {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 1PX;
    height: 100%;
    transform-origin: 100% 50%;
    transform: scaleX(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab::before {
    transform: scaleX(0.33);
  }
}

.am-button {
  display: block;
  outline: 0 none;
  -webkit-appearance: none;
  box-sizing: border-box;
  padding: 0;
  text-align: center;
  font-size: 18px;
  height: 47px;
  line-height: 47px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
  color: #000;
  background-color: #fff;
  border: 1PX solid #ddd;
  border-radius: 5px;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-button {
    position: relative;
    border: none;
  }
  html:not([data-scale]) .am-button::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1PX solid #ddd;
    border-radius: 10px;
    transform-origin: 0 0;
    transform: scale(0.5);
    box-sizing: border-box;
    pointer-events: none;
  }
}
.am-button-borderfix:before {
  transform: scale(0.49) !important;
}
.am-button.am-button-active {
  background-color: #ddd;
}
.am-button.am-button-disabled {
  color: rgba(0, 0, 0, 0.3);
  opacity: 0.6;
}
.am-button-primary {
  color: #fff;
  background-color: #e51c1c;
  border: 1PX solid #e51c1c;
  border-radius: 5px;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-button-primary {
    position: relative;
    border: none;
  }
  html:not([data-scale]) .am-button-primary::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1PX solid #e51c1c;
    border-radius: 10px;
    transform-origin: 0 0;
    transform: scale(0.5);
    box-sizing: border-box;
    pointer-events: none;
  }
}
.am-button-primary.am-button-active {
  color: rgba(255, 255, 255, 0.3);
  background-color: #0e80d2;
}
.am-button-primary.am-button-disabled {
  color: rgba(255, 255, 255, 0.6);
  opacity: 0.4;
}
.am-button-ghost {
  color: #e51c1c;
  background-color: transparent;
  border: 1PX solid #e51c1c;
  border-radius: 5px;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-button-ghost {
    position: relative;
    border: none;
  }
  html:not([data-scale]) .am-button-ghost::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1PX solid #e51c1c;
    border-radius: 10px;
    transform-origin: 0 0;
    transform: scale(0.5);
    box-sizing: border-box;
    pointer-events: none;
  }
}
.am-button-ghost.am-button-active {
  color: rgba(229, 28, 28, 0.6);
  background-color: transparent;
  border: 1PX solid rgba(229, 28, 28, 0.6);
  border-radius: 5px;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-button-ghost.am-button-active {
    position: relative;
    border: none;
  }
  html:not([data-scale]) .am-button-ghost.am-button-active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1PX solid rgba(229, 28, 28, 0.6);
    border-radius: 10px;
    transform-origin: 0 0;
    transform: scale(0.5);
    box-sizing: border-box;
    pointer-events: none;
  }
}
.am-button-ghost.am-button-disabled {
  color: rgba(0, 0, 0, 0.1);
  border: 1PX solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  opacity: 1;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-button-ghost.am-button-disabled {
    position: relative;
    border: none;
  }
  html:not([data-scale]) .am-button-ghost.am-button-disabled::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1PX solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    transform-origin: 0 0;
    transform: scale(0.5);
    box-sizing: border-box;
    pointer-events: none;
  }
}
.am-button-warning {
  color: #fff;
  background-color: #e94f4f;
}
.am-button-warning.am-button-active {
  color: rgba(255, 255, 255, 0.3);
  background-color: #d24747;
}
.am-button-warning.am-button-disabled {
  color: rgba(255, 255, 255, 0.6);
  opacity: 0.4;
}
.am-button-inline {
  display: inline-block;
  padding: 0 15px;
}
.am-button-inline.am-button-icon {
  display: inline-flex;
}
.am-button-small {
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
}
.am-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.am-button > .am-button-icon {
  margin-right: 0.5em;
}

.am-popover {
  position: absolute;
  z-index: 1999;
}
.am-popover-hidden {
  display: none;
}
.am-popover-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  z-index: 999;
}
.am-popover-mask-hidden {
  display: none;
}
.am-popover-arrow {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 1PX;
  background-color: #fff;
  transform: rotate(45deg);
  z-index: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.21);
}
.am-popover-placement-top .am-popover-arrow,
.am-popover-placement-topLeft .am-popover-arrow,
.am-popover-placement-topRight .am-popover-arrow {
  transform: rotate(225deg);
  bottom: -3.5px;
}
.am-popover-placement-top .am-popover-arrow {
  left: 50%;
}
.am-popover-placement-topLeft .am-popover-arrow {
  left: 8px;
}
.am-popover-placement-topRight .am-popover-arrow {
  right: 8px;
}
.am-popover-placement-right .am-popover-arrow,
.am-popover-placement-rightTop .am-popover-arrow,
.am-popover-placement-rightBottom .am-popover-arrow {
  transform: rotate(-45deg);
  left: -3.5px;
}
.am-popover-placement-right .am-popover-arrow {
  top: 50%;
}
.am-popover-placement-rightTop .am-popover-arrow {
  top: 8px;
}
.am-popover-placement-rightBottom .am-popover-arrow {
  bottom: 8px;
}
.am-popover-placement-left .am-popover-arrow,
.am-popover-placement-leftTop .am-popover-arrow,
.am-popover-placement-leftBottom .am-popover-arrow {
  transform: rotate(135deg);
  right: -3.5px;
}
.am-popover-placement-left .am-popover-arrow {
  top: 50%;
}
.am-popover-placement-leftTop .am-popover-arrow {
  top: 8px;
}
.am-popover-placement-leftBottom .am-popover-arrow {
  bottom: 8px;
}
.am-popover-placement-bottom .am-popover-arrow,
.am-popover-placement-bottomLeft .am-popover-arrow,
.am-popover-placement-bottomRight .am-popover-arrow {
  top: -3.5px;
}
.am-popover-placement-bottom .am-popover-arrow {
  left: 50%;
}
.am-popover-placement-bottomLeft .am-popover-arrow {
  left: 8px;
}
.am-popover-placement-bottomRight .am-popover-arrow {
  right: 8px;
}
.am-popover-inner {
  font-size: 15px;
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.21);
  overflow: hidden;
}
.am-popover-inner-wrapper {
  position: relative;
  background-color: #fff;
}
.am-popover .am-popover-item {
  padding: 0 8px;
}
.am-popover .am-popover-item-container {
  position: relative;
  display: flex;
  align-items: center;
  height: 39px;
  box-sizing: border-box;
  padding: 0 8px;
}
.am-popover .am-popover-item:not(:first-child) .am-popover-item-container {
  border-top: 1PX solid #ddd;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-popover .am-popover-item:not(:first-child) .am-popover-item-container {
    border-top: none;
  }
  html:not([data-scale]) .am-popover .am-popover-item:not(:first-child) .am-popover-item-container::before {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 50%;
    transform: scaleY(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-popover .am-popover-item:not(:first-child) .am-popover-item-container::before {
    transform: scaleY(0.33);
  }
}
.am-popover .am-popover-item.am-popover-item-active .am-popover-item-container {
  border-top: 0;
}
.am-popover .am-popover-item.am-popover-item-active .am-popover-item-container:before {
  display: none !important;
}
.am-popover .am-popover-item.am-popover-item-active + .am-popover-item .am-popover-item-container {
  border-top: 0;
}
.am-popover .am-popover-item.am-popover-item-active + .am-popover-item .am-popover-item-container:before {
  display: none !important;
}
.am-popover .am-popover-item.am-popover-item-active {
  background-color: #ddd;
}
.am-popover .am-popover-item.am-popover-item-active.am-popover-item-fix-active-arrow {
  position: relative;
}
.am-popover .am-popover-item.am-popover-item-disabled {
  color: #bbb;
}
.am-popover .am-popover-item.am-popover-item-disabled.am-popover-item-active {
  background-color: transparent;
}
.am-popover .am-popover-item-icon {
  margin-right: 8px;
  width: 18px;
  height: 18px;
}

.MobileAccountDetailsWrapper {
  padding: 3.2vw 0 2.133vw 0;
}
.MobileAccountDetailsWrapper .mobile-page-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.2vw;
}
.MobileAccountDetailsWrapper .highcharts-exporting-group {
  display: none;
}
.MobileAccountDetailsWrapper .simple-info {
  padding: 0 3.2vw;
}
.MobileAccountDetailsWrapper .simple-info .ant-card-body {
  padding: 0;
}
.MobileAccountDetailsWrapper .simple-info .info-box {
  box-shadow: 0 0.8vw 5.867vw 0 #ececec;
  background: #ffffff;
  padding: 4.267vw 3.2vw;
}
.MobileAccountDetailsWrapper .simple-info .info-box.hasMargin {
  padding: 4.267vw 3.2vw 5.333vw 3.2vw;
}
.MobileAccountDetailsWrapper .simple-info .info-box.hasMargin .avatar-wrap {
  margin-bottom: 6.4vw;
}
.MobileAccountDetailsWrapper .simple-info .avatar-wrap {
  height: 17.333vw;
}
.MobileAccountDetailsWrapper .simple-info .avatar-wrap .info-label {
  display: flex;
  align-items: center;
  margin-top: -6.933vw;
  padding-left: 20vw;
}
.MobileAccountDetailsWrapper .simple-info .follow-btn {
  width: 100%;
  height: 10.667vw;
  font-size: 16px;
}
.MobileAccountDetailsWrapper .statistics-wrap .data-list {
  margin-top: 2.133vw;
  height: 49.067vw;
  overflow: hidden;
  transition: all .3s;
  padding: 0 5.333vw;
}
.MobileAccountDetailsWrapper .statistics-wrap .data-list.open {
  height: 177.067vw;
}
.MobileAccountDetailsWrapper .statistics-wrap .data-list li {
  display: flex;
  height: 12.267vw;
  line-height: 12.267vw;
  justify-content: space-between;
  position: relative;
}
.MobileAccountDetailsWrapper .statistics-wrap .data-list li:before {
  content: '';
  position: absolute;
  width: 98%;
  height: 98%;
  top: 0;
  left: 0;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  box-sizing: border-box;
  pointer-events: none;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .MobileAccountDetailsWrapper .statistics-wrap .data-list li:before {
    width: 200%;
    height: 200%;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
@media (-webkit-min-device-pixel-ratio: 2.5) {
  .MobileAccountDetailsWrapper .statistics-wrap .data-list li:before {
    width: 250%;
    height: 250%;
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
  }
}
@media (-webkit-min-device-pixel-ratio: 2.75) {
  .MobileAccountDetailsWrapper .statistics-wrap .data-list li:before {
    width: 275%;
    height: 275%;
    transform: scale(0.36363636);
    -webkit-transform: scale(0.36363636);
  }
}
@media (-webkit-min-device-pixel-ratio: 3) {
  .MobileAccountDetailsWrapper .statistics-wrap .data-list li:before {
    width: 300%;
    height: 300%;
    transform: scale(0.33333333);
    -webkit-transform: scale(0.33333333);
  }
}
.MobileAccountDetailsWrapper .statistics-wrap .data-list li:before {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ececec;
}
.MobileAccountDetailsWrapper .statistics-wrap .data-list li.bold p:first-child {
  font-weight: 600;
}
.MobileAccountDetailsWrapper .statistics-wrap .data-list .score .title {
  height: 12.267vw;
  line-height: 12.267vw;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
}
.MobileAccountDetailsWrapper .statistics-wrap .data-list .score .highcharts-tooltip span {
  font-size: 12px !important;
}
.MobileAccountDetailsWrapper .statistics-wrap .data-list .score .highcharts-container {
  margin: auto;
  font-weight: normal;
}
.MobileAccountDetailsWrapper .statistics-wrap .data-list .score .NodataWrapper {
  min-height: 66.667vw !important;
}
.MobileAccountDetailsWrapper .statistics-wrap .open-btn {
  height: 12.267vw;
  line-height: 12.267vw;
  text-align: center;
  position: relative;
  color: rgba(0, 0, 0, 0.85);
}
.MobileAccountDetailsWrapper .statistics-wrap .open-btn:before {
  content: '';
  position: absolute;
  width: 98%;
  height: 98%;
  top: 0;
  left: 0;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  box-sizing: border-box;
  pointer-events: none;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .MobileAccountDetailsWrapper .statistics-wrap .open-btn:before {
    width: 200%;
    height: 200%;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
@media (-webkit-min-device-pixel-ratio: 2.5) {
  .MobileAccountDetailsWrapper .statistics-wrap .open-btn:before {
    width: 250%;
    height: 250%;
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
  }
}
@media (-webkit-min-device-pixel-ratio: 2.75) {
  .MobileAccountDetailsWrapper .statistics-wrap .open-btn:before {
    width: 275%;
    height: 275%;
    transform: scale(0.36363636);
    -webkit-transform: scale(0.36363636);
  }
}
@media (-webkit-min-device-pixel-ratio: 3) {
  .MobileAccountDetailsWrapper .statistics-wrap .open-btn:before {
    width: 300%;
    height: 300%;
    transform: scale(0.33333333);
    -webkit-transform: scale(0.33333333);
  }
}
.MobileAccountDetailsWrapper .statistics-wrap .open-btn:before {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ececec;
}
.MobileAccountDetailsWrapper .statistics-wrap .open-btn i {
  margin-left: 1.6vw;
}
.MobileAccountDetailsWrapper .am-tabs-pane-wrap:nth-child(2) .tabs-content-wrap {
  margin: 0 !important;
}
.MobileAccountDetailsWrapper .am-tabs-tab-bar-wrap {
  padding: 0 5.333vw;
}
.MobileAccountDetailsWrapper .am-tabs-tab-bar-wrap .am-tabs-default-bar-prevpage {
  left: -5.333vw;
}
.MobileAccountDetailsWrapper .am-tabs-tab-bar-wrap .am-tabs-default-bar-nextpage {
  right: -5.333vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .am-tabs-default-bar-top .am-tabs-default-bar-content,
.MobileAccountDetailsWrapper .tabs-wrap .am-tabs-default-bar-bottom .am-tabs-default-bar-content {
  justify-content: space-between;
}
.MobileAccountDetailsWrapper .tabs-wrap .am-tabs-default-bar .am-tabs-default-bar-tab {
  margin-right: 0;
}
.MobileAccountDetailsWrapper .tabs-wrap .tabs-content-wrap {
  margin: 0 5.333vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .tabs-content-wrap .trend-wrap .title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-weight: 600;
  line-height: 5.867vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.MobileAccountDetailsWrapper .tabs-wrap .report {
  padding-top: 4.267vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .report .gain-series {
  display: none;
}
.MobileAccountDetailsWrapper .tabs-wrap .report .mobile-filter-wrap {
  margin: 0.533vw 0 5.867vw 0;
}
.MobileAccountDetailsWrapper .tabs-wrap .order {
  position: relative;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .filter-btn {
  position: absolute;
  right: 3.2vw;
  top: 6.4vw;
  z-index: 10;
  height: 4vw;
  width: 4vw;
  background: url('//static01.findlvr.net/social-trading-web-v2/public/images/mobile/mobile-filter.svg');
  background-size: 100% 100%;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .filter-btn.hide {
  display: none;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .am-tabs-tab-bar-wrap {
  margin: 4.267vw 0 1.067vw 0;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .am-tabs-default-bar .am-tabs-default-bar-tab {
  font-size: 12px;
  line-height: 7.467vw;
  height: 7.467vw;
  border-radius: 3.733vw;
  color: rgba(0, 0, 0, 0.65);
  padding: 0 4.267vw !important;
  margin-right: 1.6vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .am-tabs-default-bar-top:before {
  display: none;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .am-tabs-default-bar-top .am-tabs-default-bar-tab,
.MobileAccountDetailsWrapper .tabs-wrap .order .am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
  padding: 0px;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .am-tabs-default-bar-top .am-tabs-default-bar-content,
.MobileAccountDetailsWrapper .tabs-wrap .order .am-tabs-default-bar-bottom .am-tabs-default-bar-content {
  justify-content: start;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .am-tabs-default-bar-tab:after {
  display: none;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .am-tabs-default-bar-tab-active {
  background: #f6f6f6;
  color: rgba(0, 0, 0, 0.85);
}
.MobileAccountDetailsWrapper .tabs-wrap .order .am-tabs-default-bar-tab-active:after {
  display: none;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .tabs-content-wrap {
  margin: 0;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .tabs-content-display {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .tabs-content-display .display-div {
  display: flex;
  justify-content: center;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .tabs-content-display .display-msg {
  display: flex;
  justify-content: center;
  margin-top: 2.133vw;
  margin-bottom: 6.4vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .tabs-content-display .display-msg .display-msg-info {
  max-width: 85.333vw;
  overflow-wrap: break-word;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .tabs-content-display .display-btn {
  width: 34.133vw;
  height: 10.667vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list {
  width: 100%;
  min-height: 53.333vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .spin-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 104vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .mobile-list-view {
  height: 104vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .list-wrap {
  margin: 3.2vw 3.2vw 0 3.2vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .list-wrap.open .detail-list {
  display: flex;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .list-wrap.open .header-wrap {
  position: relative;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .list-wrap.open .header-wrap:before {
  content: '';
  position: absolute;
  width: 98%;
  height: 98%;
  top: 0;
  left: 0;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  box-sizing: border-box;
  pointer-events: none;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .MobileAccountDetailsWrapper .tabs-wrap .order .order-list .list-wrap.open .header-wrap:before {
    width: 200%;
    height: 200%;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
@media (-webkit-min-device-pixel-ratio: 2.5) {
  .MobileAccountDetailsWrapper .tabs-wrap .order .order-list .list-wrap.open .header-wrap:before {
    width: 250%;
    height: 250%;
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
  }
}
@media (-webkit-min-device-pixel-ratio: 2.75) {
  .MobileAccountDetailsWrapper .tabs-wrap .order .order-list .list-wrap.open .header-wrap:before {
    width: 275%;
    height: 275%;
    transform: scale(0.36363636);
    -webkit-transform: scale(0.36363636);
  }
}
@media (-webkit-min-device-pixel-ratio: 3) {
  .MobileAccountDetailsWrapper .tabs-wrap .order .order-list .list-wrap.open .header-wrap:before {
    width: 300%;
    height: 300%;
    transform: scale(0.33333333);
    -webkit-transform: scale(0.33333333);
  }
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .list-wrap.open .header-wrap:before {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ececec;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .header-wrap {
  height: 17.333vw;
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 2.667vw 3.2vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .header-wrap .left .info {
  line-height: 5.867vw;
  font-size: 14px;
  margin-bottom: 1.333vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .header-wrap .left .info .symbol {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .header-wrap .left .info .cmd {
  color: #008cf7;
  margin: 0 2.133vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .header-wrap .left .info .volume {
  color: rgba(0, 0, 0, 0.65);
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .header-wrap .left .price {
  line-height: 4.533vw;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .header-wrap .left .price .arrow {
  display: block;
  width: 0;
  height: 0;
  border: 0.8vw solid transparent;
  border-left: 0.8vw solid rgba(0, 0, 0, 0.45);
  margin: 0 1.6vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .header-wrap .right {
  font-size: 16px;
  font-weight: 500;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .header-wrap .right .profit {
  line-height: 5.867vw;
  margin-bottom: 1.333vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .header-wrap .right .profit.loss {
  color: #e51c1c;
  white-space: nowrap;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .header-wrap .right .profit.win {
  color: #33b480;
  white-space: nowrap;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .header-wrap .right .time {
  line-height: 4.533vw;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .header-wrap:after {
  content: '';
  width: 8vw;
  height: 0.533vw;
  border-radius: 1px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -4vw;
  background: #bfbfbf;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .detail-list {
  padding: 2.667vw 3.2vw 0.533vw 3.2vw;
  flex-wrap: wrap;
  font-size: 12px;
  display: none;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .detail-list li {
  display: flex;
  justify-content: space-between;
  width: 46%;
  margin-right: 8%;
  margin-bottom: 2.133vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .detail-list li:nth-child(2n) {
  margin-right: 0;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .detail-list li span:first-child {
  color: rgba(0, 0, 0, 0.45);
  flex-shrink: 0;
}
.MobileAccountDetailsWrapper .tabs-wrap .order .order-list .detail-list li span:last-child {
  color: rgba(0, 0, 0, 0.65);
  text-align: right;
}
.MobileAccountDetailsWrapper .tabs-wrap .position .data-list {
  margin-bottom: 6.667vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .position .data-list li {
  display: flex;
  height: 12.267vw;
  line-height: 12.267vw;
  justify-content: space-between;
  position: relative;
}
.MobileAccountDetailsWrapper .tabs-wrap .position .data-list li:before {
  content: '';
  position: absolute;
  width: 98%;
  height: 98%;
  top: 0;
  left: 0;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  box-sizing: border-box;
  pointer-events: none;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .MobileAccountDetailsWrapper .tabs-wrap .position .data-list li:before {
    width: 200%;
    height: 200%;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
@media (-webkit-min-device-pixel-ratio: 2.5) {
  .MobileAccountDetailsWrapper .tabs-wrap .position .data-list li:before {
    width: 250%;
    height: 250%;
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
  }
}
@media (-webkit-min-device-pixel-ratio: 2.75) {
  .MobileAccountDetailsWrapper .tabs-wrap .position .data-list li:before {
    width: 275%;
    height: 275%;
    transform: scale(0.36363636);
    -webkit-transform: scale(0.36363636);
  }
}
@media (-webkit-min-device-pixel-ratio: 3) {
  .MobileAccountDetailsWrapper .tabs-wrap .position .data-list li:before {
    width: 300%;
    height: 300%;
    transform: scale(0.33333333);
    -webkit-transform: scale(0.33333333);
  }
}
.MobileAccountDetailsWrapper .tabs-wrap .position .data-list li:before {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ececec;
}
.MobileAccountDetailsWrapper .tabs-wrap .position .data-list li p:first-child {
  color: rgba(0, 0, 0, 0.85);
}
.MobileAccountDetailsWrapper .tabs-wrap .position .mobile-filter-wrap {
  margin: 0.533vw 0 5.867vw 0;
}
.MobileAccountDetailsWrapper .tabs-wrap .position .trend-content.risk {
  margin-bottom: 4.267vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .action {
  padding-top: 4.267vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .action .details-symbol-bar {
  padding: 0;
  flex-direction: column;
  height: 19.733vw;
  overflow: hidden;
  margin-bottom: 4.267vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .action .details-symbol-bar .title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-weight: 600;
  line-height: 5.867vw;
  margin-bottom: 2.667vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .action .details-symbol-bar .ant-card-loading-content .ant-row:nth-child(n+3) {
  display: none;
}
.MobileAccountDetailsWrapper .tabs-wrap .action .details-symbol-bar .ant-card {
  margin-top: 0;
}
.MobileAccountDetailsWrapper .tabs-wrap .action .details-symbol-bar .ant-card .bar-wrap {
  padding-top: 0;
}
.MobileAccountDetailsWrapper .tabs-wrap .action .details-symbol-bar .ant-card .bar-wrap .bar {
  height: 4.267vw;
  margin-bottom: 2.667vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .action .details-symbol-bar .ant-card .bar-wrap .desc {
  height: 4.267vw;
  line-height: 4.267vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .action .details-symbol-bar .ant-card .bar-wrap .desc li {
  font-size: 12px;
}
.MobileAccountDetailsWrapper .tabs-wrap .action .details-symbol-bar .ant-card .bar-wrap .desc li span:last-child {
  margin-left: 0;
}
.MobileAccountDetailsWrapper .tabs-wrap .action .details-symbol-bar .ant-card .bar-wrap .no-data {
  height: 4.267vw;
  font-size: 12px;
}
.MobileAccountDetailsWrapper .tabs-wrap .action .details-symbol-bar .ant-card .bar-wrap .no-data span {
  top: 5.867vw;
}
.MobileAccountDetailsWrapper .tabs-wrap .action .mobile-filter-wrap {
  margin: 4.267vw 0;
}
.MobileAccountDetailsWrapper .tabs-wrap .action .mobile-filter-wrap span {
  padding: 0 1.333vw;
}
.MobileAccountDetailsWrapper .relation-wrap {
  width: 100%;
  height: calc(-123vh);
  padding: 6.933vw 0;
}
.MobileAccountDetailsWrapper .relation-wrap .am-list-footer {
  padding: 0;
}
.MobileAccountDetailsWrapper .relation-wrap .am-list-footer .list-view-footer {
  height: auto;
}
.MobileAccountDetailsWrapper .relation-wrap .am-list-footer .list-view-footer .ant-spin {
  padding: 5.333vw 0;
}
.MobileAccountDetailsWrapper .relation-wrap .spin-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 104vw;
}
.MobileAccountDetailsWrapper .relation-wrap .simple-info a {
  padding: 0 5.333vw;
  margin-bottom: 8.533vw;
  display: flex;
  justify-content: space-between;
}
.MobileAccountDetailsWrapper .relation-wrap .simple-info a .avatar-wrap {
  height: 11.733vw;
}
.MobileAccountDetailsWrapper .relation-wrap .simple-info a .avatar-wrap .avatar-container {
  width: 11.733vw;
  height: 11.733vw;
}
.MobileAccountDetailsWrapper .relation-wrap .simple-info a .avatar-wrap .avatar-name {
  font-size: 14px;
  line-height: 4.8vw;
  margin-top: -6.4vw;
}
.MobileAccountDetailsWrapper .relation-wrap .simple-info a .avatar-wrap .info-label {
  margin-top: -5.333vw;
  padding-left: 14.133vw;
}
.MobileAccountDetailsWrapper .relation-wrap .simple-info a .avatar-wrap .temp-avatar {
  line-height: 11.733vw !important;
}
.MobileAccountDetailsWrapper .relation-wrap .simple-info a .profit-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.MobileAccountDetailsWrapper .relation-wrap .simple-info a .profit-wrap .label {
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  margin-bottom: 1.067vw;
}
.MobileAccountDetailsWrapper .relation-wrap .simple-info a .profit-wrap .label .section {
  color: rgba(0, 0, 0, 0.45);
}
.MobileAccountDetailsWrapper .relation-wrap .simple-info a .profit-wrap .gain {
  color: rgba(0, 0, 0, 0.85);
  font-size: 12px;
}
.MobileAccountDetailsWrapper .relation-wrap .simple-info:last-child a {
  margin-bottom: 0;
}

.MobileAnalysisPage .analysis-wrap {
  padding: 0 5.333vw;
}
.MobileAnalysisPage .module-title {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.85);
  padding: 4.267vw 0 2.667vw 0;
}
.MobileAnalysisPage .am-tabs-tab-bar-wrap {
  padding: 0 5.333vw;
}
.MobileAnalysisPage .am-tabs-tab-bar-wrap .am-tabs-default-bar-prevpage {
  left: -5.333vw;
}
.MobileAnalysisPage .am-tabs-tab-bar-wrap .am-tabs-default-bar-nextpage {
  right: -5.333vw;
}
.MobileAnalysisPage .am-tabs-default-bar-top .am-tabs-default-bar-content {
  justify-content: space-between;
}
.MobileAnalysisPage .am-tabs-default-bar .am-tabs-default-bar-tab {
  margin-right: 0;
}
.MobileAnalysisPage .tabs-content-wrap {
  padding: 0 5.333vw;
}
.MobileAnalysisPage .ExposureWrapper {
  margin-bottom: 8.533vw;
}
.MobileAnalysisPage .ExposureWrapper .exposure-list li {
  display: flex;
  align-items: center;
  height: 4.267vw;
  line-height: 4.267vw;
  margin-top: 6.4vw;
  font-size: 12px;
}
.MobileAnalysisPage .ExposureWrapper .exposure-list li .symbol {
  min-width: 18.667vw;
  color: rgba(0, 0, 0, 0.85);
}
.MobileAnalysisPage .ExposureWrapper .exposure-list li .bar {
  width: 100%;
  height: 100%;
  background: #ff5858;
  position: relative;
}
.MobileAnalysisPage .ExposureWrapper .exposure-list li .bar .bar-percent {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: space-between;
  padding: 0 1.067vw;
  color: #fbfcff;
  z-index: 1;
}
.MobileAnalysisPage .ExposureWrapper .exposure-list li .bar.allBuy .buy-bar {
  max-width: 100%;
}
.MobileAnalysisPage .ExposureWrapper .exposure-list li .bar .buy-bar {
  min-width: 16%;
  max-width: 84%;
  height: 100%;
  background: #45cf8c;
  position: relative;
}
.MobileAnalysisPage .ExposureWrapper .exposure-list li .bar .buy-bar:after {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #eaf4ff;
}
.MobileAnalysisPage .HeatmapWrapper {
  margin: 6.4vw 0 8.533vw 0;
}
.MobileAnalysisPage .HeatmapWrapper .heatmap-wrap {
  overflow: scroll;
}
.MobileAnalysisPage .HeatmapWrapper .heatmap-tradview {
  width: 280vw;
  height: 133.067vw;
  min-height: 133.067vw;
}
.MobileAnalysisPage .MarketWrapper {
  margin-top: 5.333vw;
}
.MobileAnalysisPage .MarketWrapper .list-wrap {
  overflow: hidden;
  margin: 4.267vw 0 6.4vw 0;
  box-shadow: 0 0.8vw 5.867vw 0 #ececec;
  background: #ffffff;
}
.MobileAnalysisPage .MarketWrapper .list-wrap .list-li-wrap {
  border-bottom: 1px solid #ededf0;
}
.MobileAnalysisPage .MarketWrapper .list-wrap .data-list {
  padding: 4.267vw 5.333vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
}
.MobileAnalysisPage .MarketWrapper .list-wrap .data-list li {
  display: flex;
  align-items: center;
}
.MobileAnalysisPage .MarketWrapper .list-wrap .data-list li:first-child {
  justify-content: space-between;
}
.MobileAnalysisPage .MarketWrapper .list-wrap .data-list li:first-child p span {
  font-size: 12px;
}
.MobileAnalysisPage .MarketWrapper .list-wrap .data-list li:first-child p span:first-child {
  color: rgba(0, 0, 0, 0.45);
}
.MobileAnalysisPage .MarketWrapper .list-wrap .data-list li:first-child p span:last-child {
  color: #008cf7;
  margin-left: 1.067vw;
}
.MobileAnalysisPage .MarketWrapper .list-wrap .data-list li span.label {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  margin-right: 2.133vw;
}
.MobileAnalysisPage .MarketWrapper .list-wrap .data-list li span.loss {
  color: #e51c1c;
}
.MobileAnalysisPage .MarketWrapper .list-wrap .data-list li span.win {
  color: #33b480;
}

.MobileReportPage {
  padding: 0 5.333vw;
}
.MobileReportPage .VieWrapper .module-title {
  font-size: 20px;
  padding: 4.267vw 0;
  color: rgba(0, 0, 0, 0.85);
}
.MobileReportPage .VieWrapper .warning-wrap .report-warning {
  margin-bottom: 12.267vw;
}
.MobileReportPage .VieWrapper .view-title {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 8vw;
  text-align: center;
  margin-bottom: 6.933vw;
}
.MobileReportPage .VieWrapper .order-desc {
  text-align: center;
  line-height: 8.8vw;
  font-size: 16px;
  color: #008cf7;
}
.MobileReportPage .VieWrapper .order-desc p {
  display: inline-block;
  background: rgba(0, 140, 247, 0.05);
  height: 8.8vw;
  border-radius: 5.067vw;
  padding: 0 6.4vw;
}
.MobileReportPage .VieWrapper .order-desc span {
  margin-right: 1.333vw;
}
.MobileReportPage .VieWrapper .order-num {
  line-height: 18.667vw;
  text-align: center;
  font-size: 60px;
  color: #e51c1c;
  font-weight: 700;
  margin: 5.867vw 0 12.8vw 0;
}
.MobileReportPage .VieWrapper .card-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.MobileReportPage .VieWrapper .card-list .card-wrap:last-child .card-num {
  font-size: 24px;
}
.MobileReportPage .VieWrapper .card-list .report-view-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 42.133vw;
  height: 36.8vw;
  box-shadow: 0 0 3.2vw 0 rgba(216, 216, 216, 0.5);
  background: #ffffff;
  padding: 5.333vw 5.867vw;
  margin-bottom: 5.867vw;
}
.MobileReportPage .VieWrapper .card-list .report-view-card .card-desc {
  font-size: 14px;
  height: 5.333vw;
  color: #008cf7;
  display: flex;
  align-items: center;
}
.MobileReportPage .VieWrapper .card-list .report-view-card .card-desc img {
  margin-right: 1.333vw;
}
.MobileReportPage .VieWrapper .card-list .report-view-card .card-num {
  font-size: 32px;
  line-height: 10.667vw;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 700;
}
.MobileReportPage .VieWrapper .card-list .report-view-card .card-compare {
  color: rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
  font-size: 12px;
}
.MobileReportPage .VieWrapper .card-list .report-view-card .card-compare span {
  margin-right: 1.333vw;
}
.MobileReportPage .VieWrapper .card-list .report-view-card .card-compare .triangle {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  margin-left: 1.333vw;
}
.MobileReportPage .VieWrapper .card-list .report-view-card .card-compare .triangle.increase {
  border-color: #33b480 transparent;
  border-width: 0 0.8vw 1.067vw;
}
.MobileReportPage .VieWrapper .card-list .report-view-card .card-compare .triangle.reduce {
  border-color: #e51c1c transparent;
  border-width: 1.067vw 0.8vw 0;
}
.MobileReportPage .VieWrapper .run-time {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #333333;
  margin: 9.6vw 0 12.8vw 0;
}
.MobileReportPage .VieWrapper .run-time span:nth-child(2) {
  margin: 2.133vw 0;
}
.MobileReportPage .VieWrapper .run-time .time {
  color: #008cf7;
  font-weight: 700;
  font-size: 20px;
  line-height: 8vw;
}
.MobileReportPage .VieWrapper .run-time .start {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}
.MobileReportPage .report-module-title {
  text-align: center;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 8vw;
  font-weight: 700;
}
.MobileReportPage .report-module-title p {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 4.8vw;
  margin-top: 3.2vw;
  font-weight: 500;
}
.MobileReportPage .ReportModule {
  border-top: 1px solid #ededf0;
  padding-top: 12.8vw;
}
.MobileReportPage .DataWrapper .chart-wrap:first-child {
  margin: 10.667vw 0 17.067vw 0;
}
.MobileReportPage .DataWrapper .chart-wrap:last-child {
  margin-bottom: 12.8vw;
}
.MobileReportPage .StatisticsWrapper .chart-group {
  padding: 12.267vw 0 12.8vw 0;
}
.MobileReportPage .StatisticsWrapper .chart-group .filter {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5.333vw;
}
.MobileReportPage .RankWrapper .am-tabs {
  margin: 7.467vw 0 12.8vw 0;
}
.MobileReportPage .RankWrapper .report-rank-card .card-list {
  padding-left: 6.4vw;
}
.MobileReportPage .RankWrapper .report-rank-card .card-list .list-title {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 5.333vw;
  margin-top: 6.4vw;
  color: rgba(0, 0, 0, 0.45);
}
.MobileReportPage .RankWrapper .report-rank-card .card-list .list-body li {
  margin-top: 3.2vw;
  display: flex;
  justify-content: space-between;
  line-height: 8.533vw;
  position: relative;
  color: rgba(0, 0, 0, 0.85);
}
.MobileReportPage .RankWrapper .report-rank-card .card-list .list-body li .rank-num {
  width: 3.2vw;
  text-align: center;
  position: absolute;
  left: -6.4vw;
  font-size: 10px;
  font-weight: 700;
}
.MobileReportPage .RankWrapper .report-rank-card .card-list .list-body li .avatar-container {
  width: 8.533vw;
  height: 8.533vw;
  margin-right: 1.6vw;
}
.MobileReportPage .RankWrapper .report-rank-card .card-list .list-body li .avatar-container .temp-avatar {
  line-height: 8.533vw;
}
.MobileReportPage .RankWrapper .report-rank-card .card-list .list-body li .avatar-name {
  line-height: 8.533vw;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
}
.MobileReportPage .TstarWrapper .star-map {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 10.667vw 0 6.4vw 0;
}
.MobileReportPage .TstarWrapper .star-map .report-tstar-card {
  width: 42.133vw;
  height: 61.867vw;
  color: rgba(0, 0, 0, 0.85);
  padding: 5.333vw 3.2vw;
  margin-bottom: 6.4vw;
  border: 1px solid #dfab22;
  text-align: center;
}
.MobileReportPage .TstarWrapper .star-map .report-tstar-card a {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
.MobileReportPage .TstarWrapper .star-map .report-tstar-card .card-title {
  font-size: 12px;
  line-height: 4.8vw;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85) !important;
}
.MobileReportPage .TstarWrapper .star-map .report-tstar-card .avatar-container {
  width: 12.8vw;
  height: 12.8vw;
}
.MobileReportPage .TstarWrapper .star-map .report-tstar-card .avatar-container .temp-avatar {
  line-height: 12.8vw;
  font-size: 16px;
}
.MobileReportPage .TstarWrapper .star-map .report-tstar-card .avatar-name {
  line-height: 4.8vw;
  font-size: 12px;
}
.MobileReportPage .TstarWrapper .star-map .report-tstar-card .profit {
  line-height: 6.4vw;
  color: #dfab22;
  font-size: 16px;
}
.MobileReportPage .TstarWrapper .star-map .report-tstar-card .card-desc {
  line-height: 4.8vw;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.35);
}
.MobileReportPage .VstarWrapper .star-map {
  margin: 7.467vw 0 12.8vw 0;
}
.MobileReportPage .VstarWrapper .star-map .am-tabs-default-bar-content {
  justify-content: space-between;
}
.MobileReportPage .VstarWrapper .star-map .am-tabs-default-bar .am-tabs-default-bar-tab {
  margin-right: 0;
}
.MobileReportPage .VstarWrapper .star-map .report-vstar-card {
  margin-top: 6.4vw;
}
.MobileReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap {
  height: 58.667vw;
  background: #ffffff;
  border: 1px solid #dfab22;
}
.MobileReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li {
  height: 29.067vw;
  position: relative;
  padding: 5.333vw;
}
.MobileReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li:first-child {
  border-bottom: 1px solid #ededf0;
}
.MobileReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li .avatar-container {
  width: 8.533vw;
  height: 8.533vw;
}
.MobileReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li .avatar-container .temp-avatar {
  line-height: 8.533vw;
  font-size: 14px;
}
.MobileReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li .avatar-name {
  line-height: 4.8vw;
  font-size: 12px;
}
.MobileReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li .volumn-profit {
  font-size: 12px;
  line-height: 4.8vw;
  padding-left: 11.2vw;
  margin-top: -1.6vw;
}
.MobileReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li .volumn-profit p {
  margin-bottom: 1.6vw;
}
.MobileReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li .volumn-profit span {
  color: rgba(0, 0, 0, 0.45);
}
.MobileReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li .volumn-profit span:nth-child(3) {
  margin-left: 4.267vw;
}
.MobileReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li .volumn-profit span:nth-child(even) {
  color: rgba(0, 0, 0, 0.85);
}
.MobileReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li .tip {
  position: absolute;
  width: 34.133vw;
  height: 8.533vw;
  line-height: 8.533vw;
  background-image: linear-gradient(100deg, #f7cc51 -47%, #cb891c 122%);
  text-align: center;
  right: 0;
  top: 0;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
}
.MobileReportPage .VstarWrapper .star-map .report-vstar-card .shadow-wrap li .no-data {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-calendar-picker-container {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-calendar-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: none;
  cursor: text;
  transition: opacity 0.3s;
}
.ant-calendar-picker-input {
  outline: none;
}
.ant-calendar-picker-input.ant-input {
  line-height: 1.5;
}
.ant-calendar-picker-input.ant-input-sm {
  padding-top: 0;
  padding-bottom: 0;
}
.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #f24a44;
}
.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #f24a44;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(229, 28, 28, 0.2);
}
.ant-calendar-picker-clear,
.ant-calendar-picker-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s;
  user-select: none;
}
.ant-calendar-picker-clear {
  z-index: 2;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}
.ant-calendar-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-calendar-picker:hover .ant-calendar-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-calendar-picker-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  line-height: 1;
}
.ant-input-disabled + .ant-calendar-picker-icon {
  cursor: not-allowed;
}
.ant-calendar-picker-small .ant-calendar-picker-clear,
.ant-calendar-picker-small .ant-calendar-picker-icon {
  right: 8px;
}
.ant-calendar {
  position: relative;
  width: 280px;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-calendar-input-wrap {
  height: 34px;
  padding: 6px 10px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-calendar-input {
  width: 100%;
  height: 22px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-calendar-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-week-number {
  width: 286px;
}
.ant-calendar-week-number-cell {
  text-align: center;
}
.ant-calendar-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
}
.ant-calendar-header a:hover {
  color: #f24a44;
}
.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-century-select-arrow,
.ant-calendar-header .ant-calendar-decade-select-arrow,
.ant-calendar-header .ant-calendar-year-select-arrow,
.ant-calendar-header .ant-calendar-month-select-arrow {
  display: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-prev-month-btn,
.ant-calendar-header .ant-calendar-next-month-btn,
.ant-calendar-header .ant-calendar-prev-year-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-prev-century-btn::before,
.ant-calendar-header .ant-calendar-prev-decade-btn::before,
.ant-calendar-header .ant-calendar-prev-year-btn::before,
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-prev-century-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-decade-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-year-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-century-btn:hover::after,
.ant-calendar-header .ant-calendar-prev-decade-btn:hover::after,
.ant-calendar-header .ant-calendar-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before,
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-next-century-btn:hover::before,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::before,
.ant-calendar-header .ant-calendar-next-year-btn:hover::before,
.ant-calendar-header .ant-calendar-next-century-btn:hover::after,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::after,
.ant-calendar-header .ant-calendar-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before,
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-header .ant-calendar-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-prev-month-btn::before,
.ant-calendar-header .ant-calendar-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-prev-month-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-prev-month-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-next-month-btn::before,
.ant-calendar-header .ant-calendar-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-next-month-btn:hover::before,
.ant-calendar-header .ant-calendar-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-next-month-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-month-btn::before,
.ant-calendar-header .ant-calendar-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-body {
  padding: 8px 12px;
}
.ant-calendar table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
}
.ant-calendar table,
.ant-calendar th,
.ant-calendar td {
  text-align: center;
  border: 0;
}
.ant-calendar-calendar-table {
  margin-bottom: 0;
  border-spacing: 0;
}
.ant-calendar-column-header {
  width: 33px;
  padding: 6px 0;
  line-height: 18px;
  text-align: center;
}
.ant-calendar-column-header .ant-calendar-column-header-inner {
  display: block;
  font-weight: normal;
}
.ant-calendar-week-number-header .ant-calendar-column-header-inner {
  display: none;
}
.ant-calendar-cell {
  height: 30px;
  padding: 3px 0;
}
.ant-calendar-date {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 22px;
  text-align: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-date-panel {
  position: relative;
  outline: none;
}
.ant-calendar-date:hover {
  background: #ffeeeb;
  cursor: pointer;
}
.ant-calendar-date:active {
  color: #fff;
  background: #f24a44;
}
.ant-calendar-today .ant-calendar-date {
  color: #e51c1c;
  font-weight: bold;
  border-color: #e51c1c;
}
.ant-calendar-selected-day .ant-calendar-date {
  background: #ffcac2;
}
.ant-calendar-last-month-cell .ant-calendar-date,
.ant-calendar-next-month-btn-day .ant-calendar-date,
.ant-calendar-last-month-cell .ant-calendar-date:hover,
.ant-calendar-next-month-btn-day .ant-calendar-date:hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: transparent;
}
.ant-calendar-disabled-cell .ant-calendar-date {
  position: relative;
  width: auto;
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: not-allowed;
}
.ant-calendar-disabled-cell .ant-calendar-date:hover {
  background: #f5f5f5;
}
.ant-calendar-disabled-cell.ant-calendar-selected-day .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  content: '';
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
  position: relative;
  padding-right: 5px;
  padding-left: 5px;
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  content: ' ';
}
.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-calendar-footer {
  padding: 0 12px;
  line-height: 38px;
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-footer:empty {
  border-top: 0;
}
.ant-calendar-footer-btn {
  display: block;
  text-align: center;
}
.ant-calendar-footer-extra {
  text-align: left;
}
.ant-calendar .ant-calendar-today-btn,
.ant-calendar .ant-calendar-clear-btn {
  display: inline-block;
  margin: 0 0 0 8px;
  text-align: center;
}
.ant-calendar .ant-calendar-today-btn-disabled,
.ant-calendar .ant-calendar-clear-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-today-btn:only-child,
.ant-calendar .ant-calendar-clear-btn:only-child {
  margin: 0;
}
.ant-calendar .ant-calendar-clear-btn {
  position: absolute;
  top: 7px;
  right: 5px;
  display: none;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
  line-height: 20px;
  text-align: center;
  text-indent: -76px;
}
.ant-calendar .ant-calendar-clear-btn::after {
  display: inline-block;
  width: 20px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  line-height: 1;
  text-indent: 43px;
  transition: color 0.3s ease;
}
.ant-calendar .ant-calendar-clear-btn:hover::after {
  color: rgba(0, 0, 0, 0.45);
}
.ant-calendar .ant-calendar-ok-btn {
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  color: #fff;
  background-color: #e51c1c;
  border-color: #e51c1c;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
  line-height: 22px;
}
.ant-calendar .ant-calendar-ok-btn > .anticon {
  line-height: 1;
}
.ant-calendar .ant-calendar-ok-btn,
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn:focus {
  outline: 0;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled] {
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-ok-btn.disabled > *,
.ant-calendar .ant-calendar-ok-btn[disabled] > * {
  pointer-events: none;
}
.ant-calendar .ant-calendar-ok-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-calendar .ant-calendar-ok-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn:hover,
.ant-calendar .ant-calendar-ok-btn:focus {
  color: #fff;
  background-color: #f24a44;
  border-color: #f24a44;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn.active {
  color: #fff;
  background-color: #bf0d13;
  border-color: #bf0d13;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar-range-picker-input {
  width: 44%;
  height: 99%;
  text-align: center;
  background-color: transparent;
  border: 0;
  outline: 0;
}
.ant-calendar-range-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-range-picker-input[disabled] {
  cursor: not-allowed;
}
.ant-calendar-range-picker-separator {
  display: inline-block;
  min-width: 10px;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  text-align: center;
  vertical-align: top;
  pointer-events: none;
}
.ant-calendar-range {
  width: 552px;
  overflow: hidden;
}
.ant-calendar-range .ant-calendar-date-panel::after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: '.';
}
.ant-calendar-range-part {
  position: relative;
  width: 50%;
}
.ant-calendar-range-left {
  float: left;
}
.ant-calendar-range-left .ant-calendar-time-picker-inner {
  border-right: 1px solid #e8e8e8;
}
.ant-calendar-range-right {
  float: right;
}
.ant-calendar-range-right .ant-calendar-time-picker-inner {
  border-left: 1px solid #e8e8e8;
}
.ant-calendar-range-middle {
  position: absolute;
  left: 50%;
  z-index: 1;
  height: 34px;
  margin: 1px 0 0 0;
  padding: 0 200px 0 0;
  color: rgba(0, 0, 0, 0.45);
  line-height: 34px;
  text-align: center;
  transform: translateX(-50%);
  pointer-events: none;
}
.ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: -90px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
  padding: 0 10px 0 0;
  transform: translateX(-50%);
}
.ant-calendar-range .ant-calendar-today :not(.ant-calendar-disabled-cell) :not(.ant-calendar-last-month-cell) :not(.ant-calendar-next-month-btn-day) .ant-calendar-date {
  color: #e51c1c;
  background: #ffcac2;
  border-color: #e51c1c;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
  color: #fff;
  background: #e51c1c;
  border: 1px solid transparent;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
  background: #e51c1c;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: 0;
}
.ant-calendar-range .ant-calendar-input-wrap {
  position: relative;
  height: 34px;
}
.ant-calendar-range .ant-calendar-input,
.ant-calendar-range .ant-calendar-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
  line-height: 24px;
  border: 0;
  box-shadow: none;
}
.ant-calendar-range .ant-calendar-input::-moz-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input:placeholder-shown,
.ant-calendar-range .ant-calendar-time-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-range .ant-calendar-input:hover,
.ant-calendar-range .ant-calendar-time-picker-input:hover {
  border-color: #f24a44;
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  border-color: #f24a44;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(229, 28, 28, 0.2);
}
.ant-calendar-range .ant-calendar-input-disabled,
.ant-calendar-range .ant-calendar-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input-disabled:hover,
.ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input[disabled],
.ant-calendar-range .ant-calendar-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input[disabled]:hover,
.ant-calendar-range .ant-calendar-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-calendar-range .ant-calendar-input,
textarea.ant-calendar-range .ant-calendar-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-calendar-range .ant-calendar-input-lg,
.ant-calendar-range .ant-calendar-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-calendar-range .ant-calendar-input-sm,
.ant-calendar-range .ant-calendar-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  box-shadow: none;
}
.ant-calendar-range .ant-calendar-time-picker-icon {
  display: none;
}
.ant-calendar-range.ant-calendar-week-number {
  width: 574px;
}
.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
  width: 286px;
}
.ant-calendar-range .ant-calendar-year-panel,
.ant-calendar-range .ant-calendar-month-panel,
.ant-calendar-range .ant-calendar-decade-panel {
  top: 34px;
}
.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
  top: 0;
}
.ant-calendar-range .ant-calendar-decade-panel-table,
.ant-calendar-range .ant-calendar-year-panel-table,
.ant-calendar-range .ant-calendar-month-panel-table {
  height: 208px;
}
.ant-calendar-range .ant-calendar-in-range-cell {
  position: relative;
  border-radius: 0;
}
.ant-calendar-range .ant-calendar-in-range-cell > div {
  position: relative;
  z-index: 1;
}
.ant-calendar-range .ant-calendar-in-range-cell::before {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 4px;
  left: 0;
  display: block;
  background: #ffeeeb;
  border: 0;
  border-radius: 0;
  content: '';
}
.ant-calendar-range .ant-calendar-footer-extra {
  float: left;
}
div.ant-calendar-range-quick-selector {
  text-align: left;
}
div.ant-calendar-range-quick-selector > a {
  margin-right: 8px;
}
.ant-calendar-range .ant-calendar-header,
.ant-calendar-range .ant-calendar-month-panel-header,
.ant-calendar-range .ant-calendar-year-panel-header,
.ant-calendar-range .ant-calendar-decade-panel-header {
  border-bottom: 0;
}
.ant-calendar-range .ant-calendar-body,
.ant-calendar-range .ant-calendar-month-panel-body,
.ant-calendar-range .ant-calendar-year-panel-body,
.ant-calendar-range .ant-calendar-decade-panel-body {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker {
  top: 68px;
  z-index: 2;
  width: 100%;
  height: 207px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
  height: 267px;
  margin-top: -34px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
  height: 100%;
  padding-top: 40px;
  background: none;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
  display: inline-block;
  height: 100%;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select {
  height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul {
  max-height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  margin-right: 8px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-today-btn {
  height: 22px;
  margin: 8px 12px;
  line-height: 22px;
}
.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker {
  height: 233px;
}
.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
  border-top-color: transparent;
}
.ant-calendar-time-picker {
  position: absolute;
  top: 40px;
  width: 100%;
  background-color: #fff;
}
.ant-calendar-time-picker-panel {
  position: absolute;
  z-index: 1050;
  width: 100%;
}
.ant-calendar-time-picker-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  outline: none;
}
.ant-calendar-time-picker-combobox {
  width: 100%;
}
.ant-calendar-time-picker-column-1,
.ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select {
  width: 100%;
}
.ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select {
  width: 50%;
}
.ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select {
  width: 33.33%;
}
.ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select {
  width: 25%;
}
.ant-calendar-time-picker-input-wrap {
  display: none;
}
.ant-calendar-time-picker-select {
  position: relative;
  float: left;
  height: 226px;
  overflow: hidden;
  font-size: 14px;
  border-right: 1px solid #e8e8e8;
}
.ant-calendar-time-picker-select:hover {
  overflow-y: auto;
}
.ant-calendar-time-picker-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-calendar-time-picker-select:last-child {
  border-right: 0;
}
.ant-calendar-time-picker-select ul {
  width: 100%;
  max-height: 206px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-calendar-time-picker-select li {
  width: 100%;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  list-style: none;
  cursor: pointer;
  transition: all .3s;
  user-select: none;
}
.ant-calendar-time-picker-select li:last-child::after {
  display: block;
  height: 202px;
  content: '';
}
.ant-calendar-time-picker-select li:hover {
  background: #ffeeeb;
}
.ant-calendar-time-picker-select li:focus {
  color: #e51c1c;
  font-weight: 600;
  outline: none;
}
li.ant-calendar-time-picker-select-option-selected {
  font-weight: 600;
  background: #f5f5f5;
}
li.ant-calendar-time-picker-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-calendar-time-picker-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.ant-calendar-time .ant-calendar-day-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 34px;
}
.ant-calendar-time .ant-calendar-footer {
  position: relative;
  height: auto;
}
.ant-calendar-time .ant-calendar-footer-btn {
  text-align: right;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn {
  float: left;
  margin: 0;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  display: inline-block;
  margin-right: 8px;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-month-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-month-panel > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ant-calendar-month-panel-hidden {
  display: none;
}
.ant-calendar-month-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
  position: relative;
}
.ant-calendar-month-panel-header a:hover {
  color: #f24a44;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-month-panel-body {
  flex: 1;
}
.ant-calendar-month-panel-footer {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-month-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-month-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
  color: #fff;
  background: #e51c1c;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
  color: #fff;
  background: #e51c1c;
}
.ant-calendar-month-panel-cell {
  text-align: center;
}
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-calendar-month-panel-month {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-month-panel-month:hover {
  background: #ffeeeb;
  cursor: pointer;
}
.ant-calendar-year-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-year-panel > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ant-calendar-year-panel-hidden {
  display: none;
}
.ant-calendar-year-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
  position: relative;
}
.ant-calendar-year-panel-header a:hover {
  color: #f24a44;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-year-panel-body {
  flex: 1;
}
.ant-calendar-year-panel-footer {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-year-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-year-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-year-panel-cell {
  text-align: center;
}
.ant-calendar-year-panel-year {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-year-panel-year:hover {
  background: #ffeeeb;
  cursor: pointer;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
  color: #fff;
  background: #e51c1c;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
  color: #fff;
  background: #e51c1c;
}
.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
  color: rgba(0, 0, 0, 0.25);
  user-select: none;
}
.ant-calendar-decade-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-decade-panel-hidden {
  display: none;
}
.ant-calendar-decade-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
  position: relative;
}
.ant-calendar-decade-panel-header a:hover {
  color: #f24a44;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-decade-panel-body {
  flex: 1;
}
.ant-calendar-decade-panel-footer {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-decade-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-decade-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-decade-panel-cell {
  white-space: nowrap;
  text-align: center;
}
.ant-calendar-decade-panel-decade {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-decade-panel-decade:hover {
  background: #ffeeeb;
  cursor: pointer;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
  color: #fff;
  background: #e51c1c;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
  color: #fff;
  background: #e51c1c;
}
.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
  color: rgba(0, 0, 0, 0.25);
  user-select: none;
}
.ant-calendar-month .ant-calendar-month-header-wrap {
  position: relative;
  height: 288px;
}
.ant-calendar-month .ant-calendar-month-panel,
.ant-calendar-month .ant-calendar-year-panel {
  top: 0;
  height: 100%;
}
.ant-calendar-week-number-cell {
  opacity: 0.5;
}
.ant-calendar-week-number .ant-calendar-body tr {
  cursor: pointer;
  transition: all 0.3s;
}
.ant-calendar-week-number .ant-calendar-body tr:hover {
  background: #ffeeeb;
}
.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
  font-weight: bold;
  background: #ffcac2;
}
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
  color: rgba(0, 0, 0, 0.65);
  background: transparent;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-time-picker-panel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.ant-time-picker-panel-inner {
  position: relative;
  left: -2px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-time-picker-panel-input {
  width: 100%;
  max-width: 154px;
  margin: 0;
  padding: 0;
  line-height: normal;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-time-picker-panel-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-panel-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-panel-input-wrap {
  position: relative;
  padding: 7px 2px 7px 12px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-time-picker-panel-input-invalid {
  border-color: #f5222d;
}
.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
  max-width: 112px;
}
.ant-time-picker-panel-select {
  position: relative;
  float: left;
  width: 56px;
  max-height: 192px;
  overflow: hidden;
  font-size: 14px;
  border-left: 1px solid #e8e8e8;
}
.ant-time-picker-panel-select:hover {
  overflow-y: auto;
}
.ant-time-picker-panel-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-time-picker-panel-select:last-child {
  border-right: 0;
}
.ant-time-picker-panel-select:only-child {
  width: 100%;
}
.ant-time-picker-panel-select ul {
  width: 56px;
  margin: 0;
  padding: 0 0 160px;
  list-style: none;
}
.ant-time-picker-panel-select li {
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 0 0 12px;
  line-height: 32px;
  text-align: left;
  list-style: none;
  cursor: pointer;
  transition: all 0.3s;
  user-select: none;
}
.ant-time-picker-panel-select li:focus {
  color: #e51c1c;
  font-weight: 600;
  outline: none;
}
.ant-time-picker-panel-select li:hover {
  background: #ffeeeb;
}
li.ant-time-picker-panel-select-option-selected {
  font-weight: 600;
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-selected:hover {
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
li.ant-time-picker-panel-select-option-disabled:focus {
  color: rgba(0, 0, 0, 0.25);
  font-weight: inherit;
}
.ant-time-picker-panel-combobox {
  zoom: 1;
}
.ant-time-picker-panel-combobox::before,
.ant-time-picker-panel-combobox::after {
  display: table;
  content: '';
}
.ant-time-picker-panel-combobox::after {
  clear: both;
}
.ant-time-picker-panel-addon {
  padding: 8px;
  border-top: 1px solid #e8e8e8;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-time-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 128px;
  outline: none;
  cursor: text;
  transition: opacity 0.3s;
}
.ant-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-input:hover {
  border-color: #f24a44;
  border-right-width: 1px !important;
}
.ant-time-picker-input:focus {
  border-color: #f24a44;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(229, 28, 28, 0.2);
}
.ant-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-time-picker-open {
  opacity: 0;
}
.ant-time-picker-icon,
.ant-time-picker-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
}
.ant-time-picker-icon .ant-time-picker-clock-icon,
.ant-time-picker-clear .ant-time-picker-clock-icon {
  display: block;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
}
.ant-time-picker-clear {
  z-index: 2;
  background: #fff;
  opacity: 0;
  pointer-events: none;
}
.ant-time-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-time-picker:hover .ant-time-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-time-picker-large .ant-time-picker-input {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-time-picker-small .ant-time-picker-input {
  height: 24px;
  padding: 1px 7px;
}
.ant-time-picker-small .ant-time-picker-icon,
.ant-time-picker-small .ant-time-picker-clear {
  right: 7px;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .ant-input {
      line-height: 1.5;
    }
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: default;
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-tag:hover {
  opacity: 0.85;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
:root .ant-tag .anticon-close {
  font-size: 12px;
}
.ant-tag .anticon-close:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tag-has-color {
  border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #e51c1c;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: #e51c1c;
}
.ant-tag-checkable:active {
  background-color: #bf0d13;
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-pink {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-magenta {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-red {
  color: #f5222d;
  background: #fff1f0;
  border-color: #ffa39e;
}
.ant-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
}
.ant-tag-volcano {
  color: #fa541c;
  background: #fff2e8;
  border-color: #ffbb96;
}
.ant-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c;
}
.ant-tag-orange {
  color: #fa8c16;
  background: #fff7e6;
  border-color: #ffd591;
}
.ant-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16;
}
.ant-tag-yellow {
  color: #fadb14;
  background: #feffe6;
  border-color: #fffb8f;
}
.ant-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14;
}
.ant-tag-gold {
  color: #faad14;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14;
}
.ant-tag-cyan {
  color: #13c2c2;
  background: #e6fffb;
  border-color: #87e8de;
}
.ant-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2;
}
.ant-tag-lime {
  color: #a0d911;
  background: #fcffe6;
  border-color: #eaff8f;
}
.ant-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911;
}
.ant-tag-green {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a;
}
.ant-tag-blue {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-tag-geekblue {
  color: #2f54eb;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.ant-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb;
}
.ant-tag-purple {
  color: #722ed1;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.ant-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1;
}

.am-picker-col {
  display: block;
  position: relative;
  height: 238px;
  overflow: hidden;
  width: 100%;
}
.am-picker-col-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  padding: 102px 0;
}
.am-picker-col-item {
  touch-action: manipulation;
  text-align: center;
  font-size: 16px;
  height: 34px;
  line-height: 34px;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.am-picker-col-item-selected {
  font-size: 17px;
}
.am-picker-col-mask {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  z-index: 3;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
  background-position: top, bottom;
  background-size: 100% 102px;
  background-repeat: no-repeat;
}
.am-picker-col-indicator {
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  position: absolute;
  left: 0;
  top: 102px;
  z-index: 3;
  border-top: 1PX solid #ddd;
  border-bottom: 1PX solid #ddd;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-picker-col-indicator {
    border-top: none;
  }
  html:not([data-scale]) .am-picker-col-indicator::before {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 50%;
    transform: scaleY(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-picker-col-indicator::before {
    transform: scaleY(0.33);
  }
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-picker-col-indicator {
    border-bottom: none;
  }
  html:not([data-scale]) .am-picker-col-indicator::after {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 100%;
    transform: scaleY(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-picker-col-indicator::after {
    transform: scaleY(0.33);
  }
}
.am-picker {
  display: flex;
  align-items: center;
}
.am-picker-item {
  flex: 1;
  text-align: center;
}

.am-picker-popup {
  left: 0;
  bottom: 0;
  position: fixed;
  width: 100%;
  background-color: #fff;
  padding-bottom: env(safe-area-inset-bottom);
}
.am-picker-popup-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  transform: translateZ(1px);
}
.am-picker-popup-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  z-index: 1000;
  transform: translateZ(1px);
}
.am-picker-popup-mask-hidden {
  display: none;
}
.am-picker-popup-header {
  background-image: -webkit-linear-gradient(top, #e7e7e7, #e7e7e7, transparent, transparent);
  background-image: linear-gradient(to bottom, #e7e7e7, #e7e7e7, transparent, transparent);
  background-position: bottom;
  background-size: 100% 1PX;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: 1PX solid #ddd;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-picker-popup-header {
    border-bottom: none;
  }
  html:not([data-scale]) .am-picker-popup-header::after {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 100%;
    transform: scaleY(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-picker-popup-header::after {
    transform: scaleY(0.33);
  }
}
.am-picker-popup-header .am-picker-popup-header-right {
  text-align: right;
}
.am-picker-popup-item {
  color: #e51c1c;
  font-size: 17px;
  padding: 9px 15px;
  height: 42px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.am-picker-popup-item-active {
  background-color: #ddd;
}
.am-picker-popup-title {
  flex: 1;
  text-align: center;
  color: #000;
}
.am-picker-popup .am-picker-popup-close {
  display: none;
}
.am-picker-col {
  flex: 1;
}

.RankPage {
  padding-top: 129px;
  padding-bottom: 64px;
  width: 1170px;
  margin: auto;
}
.RankPage .rank-module-title {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 33px;
  margin-bottom: 20px;
}
.RankPage .StarListWrapper.hide {
  overflow: hidden;
}
.RankPage .StarListWrapper .star-list {
  margin: -24px 0 44px 0;
  margin-left: -20px;
}
.RankPage .StarListWrapper .star-list.hand .swiper-container {
  cursor: grab;
}
.RankPage .StarListWrapper .star-list .swiper-container {
  padding: 20px 0;
  padding-left: 20px;
}
.RankPage .StarListWrapper .star-list .swiper-container .swiper-slide {
  width: 240px !important;
}
.RankPage .StarListWrapper .star-list .swiper-container .starRank-button-next,
.RankPage .StarListWrapper .star-list .swiper-container .starRank-button-prev {
  position: absolute;
  width: 36px;
  height: 36px;
  top: 50%;
  margin-top: -18px;
  background: url('//static01.findlvr.net/social-trading-web-v2/public/images/rank/rank-btn.svg');
  background-size: 100% 100%;
  cursor: pointer;
  z-index: 10;
  opacity: .6;
  transition: opacity .3s;
}
.RankPage .StarListWrapper .star-list .swiper-container .starRank-button-next:hover,
.RankPage .StarListWrapper .star-list .swiper-container .starRank-button-prev:hover {
  opacity: 1;
}
.RankPage .StarListWrapper .star-list .swiper-container .starRank-button-next.swiper-button-disabled,
.RankPage .StarListWrapper .star-list .swiper-container .starRank-button-prev.swiper-button-disabled {
  display: none;
}
.RankPage .StarListWrapper .star-list .swiper-container .starRank-button-next {
  right: 12px;
}
.RankPage .StarListWrapper .star-list .swiper-container .starRank-button-prev {
  transform: rotate(180deg);
  left: 32px;
}
.RankPage .StarListWrapper .star-list .Profit-card {
  position: relative;
}
.RankPage .StarListWrapper .star-list .Profit-card:after {
  content: '';
  display: block;
  width: 50px;
  height: 54px;
  background: url('//static01.findlvr.net/social-trading-web-v2/public/images/rank/medal.svg');
  position: absolute;
  top: 0;
  right: 12px;
}
.RankPage .RankListWrapper .rank-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.RankPage .RankListWrapper .rank-title .rank-module-title {
  margin-bottom: 0px;
}
.RankPage .RankListWrapper .rank-title span {
  color: rgba(0, 0, 0, 0.45);
}
.RankPage .RankListWrapper .rank-table-wrap .table-filter {
  line-height: 44px;
  border-radius: 4px 4px 0 0;
  background-color: #f2f2f2;
  padding: 0 24px;
}
.RankPage .RankListWrapper .rank-table-wrap .table-filter .option-container {
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  display: inline-block;
}
.RankPage .RankListWrapper .rank-table-wrap .table-filter .option-container span {
  margin-right: 32px;
}
.RankPage .RankListWrapper .rank-table-wrap .table-filter .option-container span:not(.label):hover {
  color: #e51c1c;
  cursor: pointer;
}
.RankPage .RankListWrapper .rank-table-wrap .table-filter .option-container span.active {
  color: #e51c1c;
}
.RankPage .RankListWrapper .rank-table-wrap .table-filter .option-container .label {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
}
.RankPage .RankListWrapper .rank-table-wrap .SortOrderWrapper {
  border: 1px solid #f2f2f2;
  border-top: none;
  border-radius: 0 0 4px 4px;
}
.RankPage .RankListWrapper .rank-table-wrap .table-list {
  min-height: 480px;
  position: relative;
}
.RankPage .RankListWrapper .rank-table-wrap .table-list li {
  height: 122px;
  box-shadow: 0 3px 22px 0 #ececec;
  background: #ffffff;
  margin-top: 16px;
}
.RankPage .RankListWrapper .rank-table-wrap .table-list li a {
  display: flex;
  align-items: center;
  padding: 24px;
}
.RankPage .RankListWrapper .rank-table-wrap .table-list li a .avatar-name:hover {
  color: #e51c1c;
}
.RankPage .RankListWrapper .rank-table-wrap .table-list li .rank-noun {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.85);
  margin-right: 16px;
  padding-bottom: 10px;
}
.RankPage .RankListWrapper .rank-table-wrap .table-list li .avatar-wrap {
  width: 190px;
  flex-shrink: 0;
}
.RankPage .RankListWrapper .rank-table-wrap .table-list li .avatar-wrap .rank-info {
  display: flex;
  padding-left: 58px;
  height: 16px;
  font-size: 12px;
  margin-top: -16px;
}
.RankPage .RankListWrapper .rank-table-wrap .table-list li .avatar-wrap .star-wrap {
  display: flex;
  align-items: center;
  margin-top: 13px;
}
.RankPage .RankListWrapper .rank-table-wrap .table-list li .avatar-wrap .star-wrap .label {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
  margin-right: 5px;
  line-height: 17px;
}
.RankPage .RankListWrapper .rank-table-wrap .table-list li .areaChart-wrap {
  width: 192px;
  margin: 0 45px 0 30px;
  flex-shrink: 0;
}
.RankPage .RankListWrapper .rank-table-wrap .table-list li .number-wrap {
  display: flex;
  flex: 1;
  justify-content: space-between;
}
.RankPage .RankListWrapper .rank-table-wrap .table-list li .number-wrap .number {
  width: 145px;
}
.RankPage .RankListWrapper .rank-table-wrap .table-list li .number-wrap .number p:first-child {
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.35);
}
.RankPage .RankListWrapper .rank-table-wrap .table-list li .number-wrap .number p:last-child {
  font-size: 24px;
  line-height: 36px;
  color: rgba(0, 0, 0, 0.85);
  margin-top: 10px;
}
.RankPage .RankListWrapper .rank-table-wrap .table-list li .number-wrap .number p.green {
  color: #33b480;
}
.RankPage .RankListWrapper .rank-table-wrap .table-list li .number-wrap .number.pips {
  width: 130px;
}
.RankPage .RankListWrapper .rank-table-wrap .table-list li .number-wrap .number.profit {
  width: 170px;
}
.RankPage .RankListWrapper .rank-table-wrap .PageWrapper {
  display: block;
  margin-bottom: 0;
}
.RankPage .joyride-wrap-module2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1170px;
  height: 122px;
}

.MobileRankPage .rank-module-title {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.85);
  padding: 4.267vw 0;
}
.MobileRankPage .StarListWrapper {
  padding: 0 5.333vw;
}
.MobileRankPage .StarListWrapper .hide {
  overflow: hidden;
}
.MobileRankPage .StarListWrapper .star-list {
  margin: -4.267vw 0 0 -5.333vw;
}
.MobileRankPage .StarListWrapper .star-list .swiper-container {
  padding: 4.267vw 0 5.333vw 0;
  padding-left: 5.333vw;
}
.MobileRankPage .StarListWrapper .star-list .swiper-container .swiper-slide {
  width: 64vw !important;
}
.MobileRankPage .StarListWrapper .star-list .Profit-card {
  position: relative;
}
.MobileRankPage .StarListWrapper .star-list .Profit-card:after {
  content: '';
  display: block;
  width: 13.333vw;
  height: 14.4vw;
  background: url('//static01.findlvr.net/social-trading-web-v2/public/images/rank/medal.svg') no-repeat;
  position: absolute;
  top: 0;
  right: 3.2vw;
}
.MobileRankPage .RankListWrapper {
  margin-bottom: 10.667vw;
}
.MobileRankPage .RankListWrapper .rank-module-title {
  padding: 4.267vw 5.333vw;
}
.MobileRankPage .RankListWrapper .rank-filter {
  display: flex;
  justify-content: space-between;
  background: #f2f2f2;
  padding: 0 2.667vw;
}
.MobileRankPage .RankListWrapper .rank-filter .mobile-select {
  padding: 0 2.667vw;
}
.MobileRankPage .RankListWrapper .rank-filter .mobile-select .current {
  background: #f2f2f2;
  color: rgba(0, 0, 0, 0.85);
  padding: 0;
}
.MobileRankPage .RankListWrapper .rank-filter .mobile-select .current:after {
  border-top: 1.067vw solid #bfbfbf;
}
.MobileRankPage .RankListWrapper .SortOrderWrapper {
  border: none;
  border-bottom: 1px solid #f2f2f2;
  border-radius: 0;
  padding: 0 5.333vw;
  overflow: scroll;
}
.MobileRankPage .RankListWrapper .SortOrderWrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.MobileRankPage .RankListWrapper .SortOrderWrapper li {
  flex-shrink: 0;
  font-size: 12px;
  margin-right: 6.933vw;
}
.MobileRankPage .RankListWrapper .SortOrderWrapper li span.sortor {
  margin-left: 2.133vw;
}
.MobileRankPage .RankListWrapper .SortOrderWrapper li span.sortor i {
  height: 1.6vw;
  font-size: 10px;
}
.MobileRankPage .RankListWrapper .SortOrderWrapper li span.sortor i:first-child {
  margin-top: -1.067vw;
}
.MobileRankPage .RankListWrapper .SortOrderWrapper li:first-child {
  display: none;
}
.MobileRankPage .RankListWrapper .rank-list {
  min-height: 128vw;
  padding: 0 5.333vw 14.933vw 5.333vw;
}
.MobileRankPage .RankListWrapper .rank-list li {
  height: 60.267vw;
  box-shadow: 0 0.8vw 5.867vw 0 #ececec;
  background: #ffffff;
  margin-top: 6.4vw;
  position: relative;
  padding: 6.4vw 5.333vw;
}
.MobileRankPage .RankListWrapper .rank-list li a {
  display: block;
}
.MobileRankPage .RankListWrapper .rank-list li .rank-noun {
  position: absolute;
  top: 0px;
  right: 3.2vw;
  display: flex;
  width: 10.667vw;
  height: 10.667vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.45);
  font-style: italic;
}
.MobileRankPage .RankListWrapper .rank-list li .avatar-wrap {
  margin-bottom: 5.6vw;
}
.MobileRankPage .RankListWrapper .rank-list li .avatar-wrap .rank-info {
  display: flex;
  padding-left: 14.933vw;
  height: 4.267vw;
  font-size: 12px;
  margin-top: -4.8vw;
}
.MobileRankPage .RankListWrapper .rank-list li .avatar-wrap .rank-info .broker-label {
  max-width: 35.2vw;
}
.MobileRankPage .RankListWrapper .rank-list li .avatar-wrap .rank-info .score {
  display: flex;
  align-items: center;
  height: 4.267vw;
  margin-right: 1.6vw;
  color: rgba(0, 0, 0, 0.65);
}
.MobileRankPage .RankListWrapper .rank-list li .avatar-wrap .rank-info .score img {
  width: 3.733vw;
  margin-right: 0.8vw;
}
.MobileRankPage .RankListWrapper .rank-list li .number-wrap {
  display: flex;
  flex: 1;
  justify-content: space-between;
}
.MobileRankPage .RankListWrapper .rank-list li .number-wrap .number {
  width: 31%;
  margin-right: 4%;
}
.MobileRankPage .RankListWrapper .rank-list li .number-wrap .number.profit {
  margin-right: 0;
}
.MobileRankPage .RankListWrapper .rank-list li .number-wrap .number p:first-child {
  font-size: 12px;
  line-height: 4.533vw;
  margin-bottom: 1.067vw;
  color: rgba(0, 0, 0, 0.45);
}
.MobileRankPage .RankListWrapper .rank-list li .number-wrap .number p:last-child {
  font-size: 16px;
  line-height: 6.4vw;
  color: rgba(0, 0, 0, 0.85);
}
.MobileRankPage .RankListWrapper .rank-list li .number-wrap .number p.green {
  color: #33b480;
}
.MobileRankPage .RankListWrapper .rank-list li .areaChart-wrap {
  margin-top: 5.067vw;
}
.MobileRankPage .RankListWrapper .rank-list.maxdown li .number-wrap .number {
  margin-right: 2%;
}
.MobileRankPage .RankListWrapper .rank-list.maxdown li .number-wrap .number.radio {
  width: 25%;
}
.MobileRankPage .RankListWrapper .rank-list.maxdown li .number-wrap .number.drawdown {
  width: 21%;
}
.MobileRankPage .RankListWrapper .rank-list.maxdown li .number-wrap .number.pips {
  width: 23%;
}
.MobileRankPage .RankListWrapper .rank-list.maxdown li .number-wrap .number.profit {
  width: 25%;
  margin-right: 0%;
}
.MobileRankPage .RankListWrapper .rank-list.maxdown li .number-wrap .number.profit p:last-child {
  font-size: 12px;
}
.MobileRankPage .RankListWrapper .loadMore {
  display: block;
  height: 8.533vw;
  margin: -8.533vw auto 0;
}

.SearchPage {
  padding-top: 129px;
  padding-bottom: 64px;
}
.SearchPage .SearchWrapper {
  width: 1170px;
  margin: auto;
}
.SearchPage .SearchWrapper .search-bar {
  display: flex;
  width: 550px;
  height: 40px;
  margin: 0 auto 40px;
}
.SearchPage .SearchWrapper .search-bar .search-input {
  flex: 1;
  padding: 0 12px;
  border: solid 1px #d9d9d9;
}
.SearchPage .SearchWrapper .search-bar .search-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.SearchPage .SearchWrapper .search-bar .search-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.SearchPage .SearchWrapper .search-bar .search-input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.SearchPage .SearchWrapper .search-bar .search-btn {
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
.SearchPage .SearchWrapper .common-card {
  min-height: 480px;
}
.SearchPage .SearchWrapper .common-card .title {
  margin-bottom: 32px;
}
.SearchPage .SearchWrapper .common-card .ant-table-thead > tr > th {
  padding: 16px 24px;
}
.SearchPage .SearchWrapper .common-card .ant-table-tbody > tr > td {
  padding: 11px 24px;
}
.SearchPage .SearchWrapper .common-card .avatar-container {
  width: 32px;
  height: 32px;
}
.SearchPage .SearchWrapper .common-card .avatar-container .temp-avatar {
  line-height: 32px;
}
.SearchPage .SearchWrapper .common-card .avatar-name {
  line-height: 32px;
}
.SearchPage .SearchWrapper .common-card .PageWrapper {
  margin: 16px 0 24px 0;
}

.MobileSearchPage {
  padding: 0 5.333vw;
}
.MobileSearchPage .search-bar {
  width: 100%;
  display: flex;
  height: 10.667vw;
  margin: 7.467vw 0 6.4vw 0;
  position: relative;
}
.MobileSearchPage .search-bar .icon-search {
  position: absolute;
  color: rgba(0, 0, 0, 0.45);
  top: 0;
  left: 2.133vw;
  font-size: 24px;
}
.MobileSearchPage .search-bar .search-input {
  flex: 1;
  padding: 0 3.2vw 0 9.6vw;
  border: solid 1px #d9d9d9;
}
.MobileSearchPage .search-bar .search-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.MobileSearchPage .search-bar .search-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.MobileSearchPage .search-bar .search-input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.MobileSearchPage .search-bar .search-btn {
  padding: 0 5.333vw;
  height: 10.667vw;
  line-height: 10.667vw;
  font-size: 14px;
}
.MobileSearchPage .search-list {
  min-height: 128vw;
  padding-bottom: 14.933vw;
}
.MobileSearchPage .search-list li {
  height: 40vw;
  box-shadow: 0 0.8vw 5.867vw 0 #ececec;
  background: #ffffff;
  margin-top: 6.4vw;
  position: relative;
  padding: 6.4vw 5.333vw;
}
.MobileSearchPage .search-list li a {
  display: flex;
  height: 100%;
  justify-content: space-between;
  flex-direction: column;
}
.MobileSearchPage .search-list li .AvatarWrapper .layout {
  align-items: center;
}
.MobileSearchPage .search-list li .AvatarWrapper .layout .avatar-name {
  font-size: 16px;
  font-weight: 700;
}
.MobileSearchPage .search-list li .number-wrap {
  display: flex;
  justify-content: space-between;
}
.MobileSearchPage .search-list li .number-wrap .number {
  margin-right: 2%;
}
.MobileSearchPage .search-list li .number-wrap .number.radio {
  width: 22%;
}
.MobileSearchPage .search-list li .number-wrap .number.position {
  width: 26%;
}
.MobileSearchPage .search-list li .number-wrap .number.pips {
  width: 22%;
}
.MobileSearchPage .search-list li .number-wrap .number.profit {
  width: 24%;
  margin-right: 0;
}
.MobileSearchPage .search-list li .number-wrap .number.profit p:last-child {
  font-size: 12px;
}
.MobileSearchPage .search-list li .number-wrap .number p:first-child {
  font-size: 12px;
  line-height: 4.533vw;
  margin-bottom: 1.067vw;
  color: rgba(0, 0, 0, 0.45);
}
.MobileSearchPage .search-list li .number-wrap .number p:last-child {
  font-size: 16px;
  line-height: 6.4vw;
  color: rgba(0, 0, 0, 0.85);
}
.MobileSearchPage .search-list li .number-wrap .number p.green {
  color: #33b480;
}
.MobileSearchPage .loadMore {
  display: block;
  height: 8.533vw;
  margin: -8.533vw auto 10.667vw;
}