.App {
  text-align: center;
}
.App-logo {
  height: 40vmin;
  pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    -webkit-animation: App-logo-spin infinite 20s linear;
            animation: App-logo-spin infinite 20s linear;
  }
}
.App-header {
  background-color: #f9f9f9;
  min-height: 100vh;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}
.App-link {
  color: #61dafb;
}
@-webkit-keyframes App-logo-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes App-logo-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.am-modal:not(.am-modal-transparent):not(.am-modal-popup) {
  width: 275px;
  height: auto;
}
.am-modal.am-modal-popup {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.am-modal-wrap .am-modal-transparent {
  width: 300px;
}
.am-modal-wrap .am-modal-transparent .am-modal-content {
  padding-top: 30px;
}
.am-modal-wrap .am-modal-transparent .am-modal-content .am-modal-body {
  padding: 0 30px 30px;
}
.am-modal-wrap .am-modal-transparent .am-modal-content .am-modal-body .am-button {
  background-color: #CCAC77;
  color: #ffffff;
  font-size: 15px;
  height: 42px;
  line-height: 42px;
  margin-top: 15px;
  border-radius: 4px;
}
.am-modal-wrap .am-modal-transparent .am-modal-content .modal-title {
  font-size: 18px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 600;
  margin-bottom: 15px;
}
.am-modal-wrap .am-modal-transparent .am-modal-content .modal-container {
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  text-align: justify;
  line-height: 21px;
  font-weight: 400;
}
.am-modal-wrap .am-modal-transparent .am-modal-content .cancel-btn {
  position: absolute;
  bottom: -35px;
  color: #FFFFFF;
  width: 20px;
  height: 20px;
}

.modal-loading-warp {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.toast-modal {
  width: 90px;
  height: 90px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 15px;
  border-radius: 5px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
}
@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
/*
animation： 动画名称  完成动画所花费的时间  动画的速度曲线  延迟  播放的次数   是否应该轮流反向播放动画
*/
.line-scale-pulse-out > div {
  background-color: #CCAC77;
  width: 3px;
  height: 18px;
  border-radius: 2px;
  margin: 3px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
  animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
}
.line-scale-pulse-out > div:nth-child(2) {
  -webkit-animation-delay: 0.2s !important;
  animation-delay: 0.2s !important;
}
.line-scale-pulse-out > div:nth-child(1),
.line-scale-pulse-out > div:nth-child(3) {
  -webkit-animation-delay: 0.4s !important;
  animation-delay: 0.4s !important;
}
.mt {
  margin-top: 5px;
  color: #FFFFFF;
}

.view {
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
}


.navBar {
  position: fixed;
  top: 0;
  left: 0px;
  width: 100%;
  height: 44px;
  line-height: 44px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  z-index: 99;
}
.navBar .btn {
  position: absolute;
  left: 0;
  width: 60px;
  height: 44px;
  margin-left: 12px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.navBar .share {
  position: absolute;
  right: 4px;
  width: 40px;
  height: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.navBar .ant-image {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.navBar .ant-image .iconBack {
  width: 12px;
  height: 20px;
}
.navBar .ant-image .iconShare {
  width: 24px;
  height: 24px;
}
.navBar .title {
  color: white;
  font-size: 18px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  margin-top: 0;
}

.table-container {
  width: 100%;
  position: relative;
  display: -webkit-flex;
  display: flex;
  border: 1px solid #EEE;
}
.table-container .scroll-table {
  table-layout: fixed;
  word-break: break-all;
  border-spacing: 0;
  font-size: 12px;
  width: 100%;
}
.table-container .scroll-table-td-container {
  padding: 9px;
  text-align: center;
}
.table-container .scroll-table thead {
  display: table-cell;
}
.table-container .scroll-table th {
  color: #ccac77;
  background-color: #fcf4df;
  font-weight: bold;
}
.table-container .scroll-table th:nth-last-of-type(1) {
  border: none;
}
.table-container .scroll-table td {
  border: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.table-container .scroll-table td div {
  line-height: 20px;
}
.table-container .scroll-table-even-td {
  background-color: #FAFAFA;
}
.table-container .scroll-container-left {
  box-shadow: #333;
  position: relative;
}

.no-data {
  margin: 50% auto 0;
  background-color: white;
}
.no-data .img {
  width: 75px;
  margin: 0 auto;
  display: block;
}
.no-data .text {
  font-size: 14px;
  text-align: center;
  color: #999999;
  margin-top: 15px;
}

.list-title {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
  font-size: 18px;
}
.list-title .list-title-value {
  color: #333;
  font-size: 20px;
}
.list-title .list-title-seeMore {
  color: #ccac77;
  font-size: 12px;
  -webkit-flex: 1;
          flex: 1;
  text-align: right;
}
.list-item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 15px 0;
  font-size: 14px;
  border-bottom: 1px solid #eeeeee;
}
.list-item:last-of-type {
  border-bottom: none;
}
.list-item .list-item-left {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: left;
          justify-content: left;
}
.list-item .list-item-left .title-image {
  width: 21px;
  height: 21px;
  margin-right: 9px;
}
.list-item .list-item-left .list-item-title {
  font-size: 14px;
}
.list-item .list-item-right {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: right;
          justify-content: right;
  margin-left: 18px;
}
.list-item .list-item-right .arrow-image {
  width: 8px;
  height: 14px;
}

.antd-picker-com {
  width: 100%;
}
.antd-picker-com .antd-picker-com-choose {
  display: -webkit-flex;
  display: flex;
}
.antd-picker-com .antd-picker-com-choose .antd-picker-com-type {
  width: 65px;
  text-align: right;
}
.antd-picker-com .antd-picker-com-choose .choose {
  -webkit-flex: 1;
          flex: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: start;
          justify-content: start;
  -webkit-align-items: center;
          align-items: center;
}
.antd-picker-com .antd-picker-com-choose .choose .choose-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.antd-picker-com .antd-picker-com-choose .choose .pull-down-img {
  width: 10px;
  margin-left: 6px;
}

.companyIntroduce {
  margin: 0 0 5px;
}
.companyIntroduce .ph-3 {
  padding: 24px;
}
.companyIntroduce .text-container {
  padding: 0 24px;
}
.companyIntroduce .text-introduce {
  color: #333333;
  margin-top: 30px;
}
.companyIntroduce .text-introduce p {
  font-size: 14px;
  line-height: 21px;
}
.companyIntroduce .text-introduce .mb {
  margin-bottom: 15px;
}
.companyIntroduce .company-desc {
  font-size: 14px;
  line-height: 21px;
  margin-top: 20px;
}
.companyValue {
  padding: 15px 24px 25px;
  margin: 0 0 5px;
  background: white;
}
.companyValue .item {
  margin-bottom: 48px;
}
.companyValue .item .title {
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 6px;
  color: #333333;
  font-weight: 600;
}
.companyValue .item .desc {
  font-size: 14px;
  line-height: 21px;
}
.companyInvest {
  padding: 15px 24px 15px;
  margin: 0 0 5px;
  background: white;
}
.companyInvest .text {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 24px;
  color: #333333;
}
.companyInvest .btn {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
  background-image: linear-gradient(180deg, #ffffff 0%, #f9f6f1 100%);
  font-size: 18px;
  line-height: 27px;
  padding: 17px 15px;
  border-radius: 5px;
  color: #ccac77;
  text-align: center;
  text-decoration: none;
  margin-bottom: 21px;
}
.companyInvest .btn .triangle {
  width: 0;
  height: 0;
  border: 7px solid;
  border-color: transparent transparent transparent #ccac77;
}
.companyTeam {
  padding-bottom: 40px;
  margin: 0 0 5px;
  background: white;
}
.companyTeam .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 24px 0;
  margin: 0 24px;
  border-bottom: 1px solid #dddddd;
}
.companyTeam .flex .left {
  height: 90px;
}
.companyTeam .flex .left .img {
  height: 90px;
}
.companyTeam .flex .ml-px-15 {
  margin-left: 15px;
}
.companyTeam .flex .ml-px-15 .name {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 6px;
  color: #333333;
}
.companyTeam .flex .ml-px-15 .jobTitle {
  font-size: 12px;
  margin-bottom: 6px;
  color: #333333;
}
.companyTeam .flex .ml-px-15 .jobDesc {
  font-size: 12px;
  color: #999999;
  line-height: 150%;
}
.companyLongTerm,
.companyProfessionalTeam,
.companyStrictAfterInvest {
  padding: 24px;
  background: white;
}
.companyLongTerm .desc,
.companyProfessionalTeam .desc,
.companyStrictAfterInvest .desc {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 31px;
  text-align: justify;
}
.companyDeepSystem {
  padding: 24px;
  background: white;
}
.companyDeepSystem .desc {
  font-size: 19px;
  line-height: 24px;
  margin-bottom: 25px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.companyDeepSystem .desc .bar {
  width: 3px;
  height: 17px;
  background: #CCAC77;
  margin-right: 12px;
}
.companyDeepSystem .desc-bottom {
  margin-top: 60px;
}
.companyDeepSystem .desc-bottom p {
  font-size: 15px;
  margin-bottom: 15px;
}
.companyDeepSystem .f18 {
  font-size: 18px;
  font-weight: bold;
}
.companyVote {
  padding: 15px 24px;
  margin: 0 0 5px;
  background: white;
}
.companyVote .bdl-primary {
  font-size: 18px;
  margin-bottom: 24px;
  padding-left: 10px;
  line-height: 1;
  color: #bf9e57;
  border-left: 3px solid #bf9e57;
}
.companyVote .container {
  background: #fcfbf7;
  border-radius: 5px 5px 0px 0px;
}
.companyVote .container .box {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  border-bottom: 1px solid #dddddd;
  margin: 0 15px 18px;
  padding: 16px 0 12px;
}
.companyVote .container .box .icon-box {
  width: 24px;
  height: 24px;
  margin-right: 9px;
}
.companyVote .container .box .icon-box .icon {
  width: 24px;
  height: 24px;
}
.companyVote .container .box .right .title {
  font-size: 15px;
  margin-bottom: 6px;
  color: #997333;
}
.companyVote .container .box .right .line-box {
  color: #333333;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  line-height: 1.5;
  margin-bottom: 5px;
}
.companyVote .container .box .right .line-box .dot {
  margin-right: 10px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #e7d7b3;
}
.companyInitiator {
  padding: 15px 24px;
  margin: 0 0 5px;
  background: white;
}
.companyInitiator .shadow {
  padding: 19px;
  background: #fffbf4;
  box-shadow: 0 5px 10px 0 rgba(142, 120, 88, 0.2);
  border-radius: 10px;
}
.companyInitiator .shadow .text {
  font-size: 14px;
  margin-bottom: 25px;
  color: #b29666;
  line-height: 24px;
  text-align: justify;
}
.companyBrand {
  padding: 24px;
  background: white;
}
.companyBrand .title {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 15px;
}
.companyBrand .box {
  display: block;
  padding: 15px;
  line-height: 1;
  margin-bottom: 15px;
  background-image: url(https://mr.loyalvalleycapital.com//static/bg-1bdc72629453e711c255e76da1e171dd.png);
  background-size: 100% 100%;
  text-decoration: none;
  color: #333;
}
.companyBrand .box .font-small {
  font-size: 11px;
  color: #999999;
  margin-bottom: 6px;
}
.companyBrand .box .text {
  font-size: 14px;
  margin-bottom: 15px;
}
.companyBrand .box .text1 {
  font-size: 14px;
}
.companyBrand .box .flex {
  display: -webkit-flex;
  display: flex;
}
.companyBrand .box .flex .flex-70 {
  width: 70%;
}
.companyBrand .box .flex .flex-30 {
  width: 30%;
}
.companyBrand .tip {
  font-size: 11px;
  margin-top: 15px;
  color: #999;
  margin-left: 5px;
}
.companyZhengxin {
  padding: 24px 15px;
  color: #333333;
  background: white;
}
.companyZhengxin .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 15px;
}
.companyZhengxin .flex .left {
  font-size: 15px;
}
.companyZhengxin .flex .logo {
  height: 15px;
}
.companyZhengxin .table {
  margin-bottom: 20px;
  border: 1px solid #e6e6e6;
}
.companyZhengxin .table .th {
  text-align: left;
  background-color: #eeeeee;
  padding: 10px;
}
.companyZhengxin .table .td {
  padding: 5px;
  line-height: 1.62;
}
.companyZhengxin .table .tr:nth-child(odd) {
  display: -webkit-flex;
  display: flex;
  background-color: #fbfbfb;
}
.companyZhengxin .table .tr:nth-child(odd) .td.flex-38 {
  width: 38%;
  font-size: 11px;
  text-align: right;
  color: #999999;
}
.companyZhengxin .table .tr:nth-child(odd) .td.flex-62 {
  width: 62%;
  font-size: 11px;
  text-align: left;
}
.companyZhengxin .table .tr:nth-child(even) {
  display: -webkit-flex;
  display: flex;
  background-color: #ffffff;
}
.companyZhengxin .table .tr:nth-child(even) .td.flex-38 {
  width: 38%;
  font-size: 11px;
  text-align: right;
  color: #999999;
}
.companyZhengxin .table .tr:nth-child(even) .td.flex-62 {
  width: 62%;
  font-size: 11px;
  text-align: left;
}
.companyZhengxin .table .items-center {
  -webkit-align-items: center;
          align-items: center;
}
.companyZhengxin .tip {
  font-size: 11px;
  margin-top: 15px;
  color: #999;
  margin-left: 5px;
}
.companyAdvertise .relative {
  position: relative;
  width: 100%;
}
.companyAdvertise .scroll {
  position: absolute;
  width: 305px;
  top: 125px;
  left: 42px;
  overflow: scroll;
}

.modal {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.toast-modal {
  width: 90px;
  height: 90px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 15px;
  border-radius: 5px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
}
@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
/*
animation： 动画名称  完成动画所花费的时间  动画的速度曲线  延迟  播放的次数   是否应该轮流反向播放动画
*/
.line-scale-pulse-out > div {
  background-color: #CCAC77;
  width: 3px;
  height: 18px;
  border-radius: 2px;
  margin: 3px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
  animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
}
.line-scale-pulse-out > div:nth-child(2) {
  -webkit-animation-delay: 0.2s !important;
  animation-delay: 0.2s !important;
}
.line-scale-pulse-out > div:nth-child(1),
.line-scale-pulse-out > div:nth-child(3) {
  -webkit-animation-delay: 0.4s !important;
  animation-delay: 0.4s !important;
}
.mt {
  margin-top: 5px;
}

.report-list-container {
  background: #F9F9F9;
}
.report-list-container .row-item {
  padding: 14px 15px;
  min-height: 80px;
}
.report-list-container .row-item .row-left .title {
  font-size: 14px;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.report-list-container .row-item .row-left .description .tag {
  width: 30px;
  height: 17px;
  margin-right: 9px;
}
.report-list-container .row-item .row-left .description .explain,
.report-list-container .row-item .row-left .description .date {
  font-size: 12px;
  color: #999999;
  font-weight: 400;
}
.report-list-container .row-item .row-left .description .explain {
  margin-right: 5px;
}

.row-item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 14px 15px;
}
.row-item .title {
  font-size: 15px;
  color: #333333;
}
.row-item .title-mb-6 {
  font-size: 15px;
  color: #333333;
}
.row-item .primary {
  color: #ccac77;
}
.row-item .date {
  margin-left: 10px;
  color: #999999;
}
.row-item .image {
  display: block;
  width: 80px;
  height: 60px;
}
.row-item .flex-column {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  height: 60px;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.project-list {
  background-color: #ffffff;
}
.project-item {
  display: -webkit-flex;
  display: flex;
  padding: 18px 0;
  margin: 0 24px;
  border-bottom: 1px solid #eeeeee;
}
.project-item .content {
  margin-left: 18px;
}
.project-item .content .title {
  font-size: 14px;
  color: #333333;
  margin-bottom: 15px;
}
.project-item .content .description {
  font-size: 12px;
  color: #999999;
}
.project-item .content .more {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  color: #999999;
}
.project-item .image {
  width: 97px;
  height: 56px;
}
.project-dym-list {
  background-color: #ffffff;
}
.project-dym-list .project-item .image {
  width: 110px;
  height: 75px;
}
.project-dym-list .project-item .title {
  font-size: 14px;
  line-height: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

.article-detail-webview {
  background-color: #F9F9F9;
}
.article-detail-webview .article-title {
  padding: 20px 24px 0;
  margin-bottom: 5px;
  background-color: white;
}
.article-detail-webview .article-title .title {
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 20px;
  color: #333333;
  line-height: 1.4;
}
.article-detail-webview .article-meta {
  background-color: #ffffff;
  padding: 22px 24px 12px;
}
.article-detail-webview .article-meta .meta {
  padding: 12px 22px;
  display: -webkit-flex;
  display: flex;
  background-color: #fdfdf9;
  border-radius: 5px;
}
.article-detail-webview .article-meta .meta .image {
  margin-right: 12px;
  width: 15px !important;
  height: 13px !important;
}
.article-detail-webview .article-meta .meta .f14 {
  font-size: 14px;
  color: #D7B884;
  line-height: 1.6;
}
.article-detail-webview .article-label {
  color: #999999;
  background-color: white;
  padding: 0 24px 17px;
}
.article-detail-webview .article-label .mr {
  margin-right: 10px;
}
.article-detail-webview .article-content {
  background-color: white;
  padding: 20px 24px 0;
}
.article-detail-webview .article-content p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 27px;
}

.project-detail-webview .project-title {
  padding: 20px 24px 0;
  background-color: white;
}
.project-detail-webview .project-title .title {
  font-weight: bold;
  font-size: 24px;
  padding-bottom: 20px;
  color: #333333;
}
.project-detail-webview .project-content {
  background-color: white;
  padding: 20px 24px 0;
}
.project-detail-webview .project-content p {
  font-size: 16px;
  line-height: 28px;
  padding-bottom: 40px;
  text-align: justify;
}
.project-detail-webview .more {
  padding-left: 10px;
  margin-left: 24px;
  border-left: 3px solid #ccac77;
  font-size: 16px;
}

.text-input-box .am-list-item .am-input-clear {
  width: 15px;
  height: 15px;
  background-size: 15px auto;
  background-image: url(https://mr.loyalvalleycapital.com//static/icon_clear-fb6b628e6a3e679e40b54aa7d74755ac.png);
  background-color: transparent;
  background-position: 0%;
}
.text-input-box .am-list-item.am-input-error {
  border-bottom: 0.5px solid #FF0000 !important;
}
.text-input-box .am-list-item.am-input-error .am-input-error-extra {
  width: 15px;
  height: 15px;
  background-size: 15px auto;
  background-image: url(https://mr.loyalvalleycapital.com//static/icon_error-f7826fdf121e45b1ac9dbfeefac6859d.png);
  background-color: transparent;
  background-position: 0%;
}
.text-input-box .am-list-item.am-input-error .am-input-control input {
  color: #333333;
}
.text-input-box .am-list-item.am-input-item {
  padding-left: 0;
}
.text-input-box .am-list-item.am-input-item .am-list-line {
  padding-right: 0;
}
.text-input-box .am-list-item.am-input-item .am-list-line .am-input-control input {
  font-size: 14px;
}
.text-input-box .am-list-item.am-input-item .am-list-line .am-input-extra {
  color: #333333;
  font-size: 14px;
}
.text-input-box .errMsg {
  font-size: 12px;
  color: #FF0000;
}
.verify-code-box {
  position: relative;
}
.verify-code-box .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
  position: absolute;
  z-index: 1;
  top: 0;
  pointer-events: none;
}
.verify-code-box .am-list-item {
  width: 120%;
}
.verify-code-box .am-list-item .am-list-line {
  padding: 0 20px 0 17px;
  border: none !important;
}
.verify-code-box .am-list-item .am-list-line .am-input-control {
  width: 120%;
}
.verify-code-box .am-list-item .am-list-line .am-input-control input {
  letter-spacing: 47px;
  width: 120%;
}
.verify-code-box .verify-code-item {
  margin-right: 15px;
  border: 1px solid #f1f1f1;
  width: 38px;
  height: 44px;
}
.verify-code-box .verify-code-item:nth-last-child(1) {
  margin-right: 0;
}

.address-content {
  display: -webkit-flex;
  display: flex;
  height: 100vh !important;
}
.address-content .content {
  padding: 0 30px;
}
.address-content .content .title {
  font-size: 18px;
}
.address-content .content .tip {
  color: #666;
}
.address-content .content .picker-area {
  font-size: 14px;
  padding: 12px 0;
  border-bottom: 1px solid #f1f1f1;
}
.address-content .content .picker-area.placeholder {
  color: #bbbbbb;
}
.address-content .content .am-list-item.am-input-item,
.address-content .content .am-list-item.am-list-item-middle {
  padding-left: 0;
}
.address-content .content .am-list-item .am-input-control input {
  font-size: 14px;
}

.month-bill {
  color: #333333;
  height: 100vh;
}
.month-bill .top {
  background: #f9f9f9;
  padding: 15px 15px 18px;
  border-radius: 0 0 15px 15px;
}
.month-bill .top .top-container {
  background: #ffffff;
  position: relative;
  padding: 0 15px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
  border-radius: 15px;
}
.month-bill .top .top-container .date {
  color: #999999;
  padding: 10px 0 18px;
  text-align: center;
}
.month-bill .top .top-container .question {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 15px;
  top: 10px;
}
.month-bill .top .top-container .row {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding-bottom: 18px;
  border-bottom: 1px solid #eeeeee;
}
.month-bill .top .top-container .row .left,
.month-bill .top .top-container .row .right {
  width: 50%;
  text-align: center;
}
.month-bill .top .top-container .row .left .profit-title,
.month-bill .top .top-container .row .right .profit-title {
  color: #666666;
  margin-bottom: 12px;
}
.month-bill .top .top-container .row .left .profit,
.month-bill .top .top-container .row .right .profit {
  font-size: 21px;
}
.month-bill .top .top-container .row2 {
  padding-top: 18px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding-bottom: 18px;
}
.month-bill .top .top-container .row2 .left,
.month-bill .top .top-container .row2 .right {
  width: 50%;
  text-align: center;
}
.month-bill .top .top-container .row2 .left .profit-title,
.month-bill .top .top-container .row2 .right .profit-title {
  color: #666666;
  margin-bottom: 12px;
}
.month-bill .top .top-container .row2 .left .profit-default,
.month-bill .top .top-container .row2 .right .profit-default {
  font-size: 14px;
  color: #333333;
}
.month-bill .invest {
  padding: 24px 15px;
  background-color: #ffffff;
}
.month-bill .invest .title {
  font-size: 15px;
  text-align: center;
  margin-bottom: 12px;
}
.month-bill .invest .table .tr {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  padding: 10px 0;
}
.month-bill .invest .table .th {
  color: #999999;
  font-size: 11px;
}
.month-bill .invest .table .th:nth-of-type(1) {
  width: 20%;
  text-align: left;
}
.month-bill .invest .table .th:nth-of-type(2) {
  width: 30%;
  text-align: right;
}
.month-bill .invest .table .th:nth-of-type(3) {
  width: 25%;
  text-align: right;
}
.month-bill .invest .table .th:nth-of-type(4) {
  width: 25%;
  text-align: right;
}
.month-bill .invest .table .td {
  font-size: 11px;
}
.month-bill .invest .table .td:nth-of-type(1) {
  width: 20%;
  text-align: left;
  color: #ccac77;
}
.month-bill .invest .table .td:nth-of-type(2) {
  width: 30%;
  text-align: right;
}
.month-bill .invest .table .td:nth-of-type(3) {
  width: 25%;
  text-align: right;
}
.month-bill .invest .table .td:nth-of-type(4) {
  width: 25%;
  text-align: right;
}
.month-bill .invest .table .tr.total .th {
  color: #333333;
  font-weight: bold;
}
.month-bill .invest .tip {
  padding: 12px 0 6px;
  color: #999999;
}
.month-bill .report {
  padding: 24px 15px 0;
}
.month-bill .report .report-title {
  font-size: 15px;
  text-align: center;
  margin-bottom: 12px;
}
.month-bill .matchProduct {
  padding: 21px 12px 15px;
}
.month-bill .matchProduct .shadow {
  padding: 18px;
  background: #ffffff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
  border-radius: 5px;
}
.month-bill .matchProduct .shadow .mb-px-10 {
  margin-bottom: 10px;
  font-size: 14px;
}
.month-bill .matchProduct .shadow .match-content {
  font-size: 14px;
  line-height: 1.4;
  text-align: justify;
}
.month-bill .hope {
  padding: 21px 12px 0;
  margin-bottom: 55px;
  background-color: #f9f9f9;
}
.month-bill .hope .shadow {
  padding: 18px;
  background: #ffffff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  color: #333333;
}
.month-bill .hope .shadow .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
}
.month-bill .hope .shadow .flex .blue {
  -webkit-flex: 1;
          flex: 1;
  color: #4a90e2;
  font-size: 14px;
  text-align: right;
}
.month-bill .hope .shadow img {
  height: 17px;
}
.month-bill .hope .shadow .remark {
  margin-top: 15px;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
}
.month-bill .fixed-bar {
  width: 100%;
  position: absolute;
  bottom: 0;
  background: #f5f5f5;
  padding: 15px 0;
  color: #999999;
}
.month-bill .fixed-bar p {
  text-align: center;
}
.month-bill .blue {
  color: #387dcc;
}
.month-bill .red {
  color: #d0021b !important;
}
.month-bill .green {
  color: #3db917 !important;
}
.month-bill .primary {
  color: #ccac77;
}
.month-bill .no-data {
  background: none;
  margin-top: 0;
  padding-top: 50%;
}

.no-data {
  margin: 50% auto 0;
  background-color: white;
}
.no-data .img {
  width: 75px;
  margin: 0 auto;
  display: block;
}
.no-data .text {
  font-size: 14px;
  text-align: center;
  color: #999999;
  margin-top: 15px;
}

.month-bill-list .item {
  font-size: 15px;
  color: #333333;
  padding: 22px 24px;
  border-bottom: 1px solid #EEEEEE;
}

.month-bill-rule {
  color: #333333;
}
.month-bill-rule .pa-px-24 {
  padding: 0 24px 24px;
}
.month-bill-rule .pa-px-24 .item {
  color: #333333;
}
.month-bill-rule .pa-px-24 .item .title {
  font-size: 21px;
  margin-bottom: 10px;
  padding-top: 30px;
}
.month-bill-rule .pa-px-24 .item .content,
.month-bill-rule .pa-px-24 .item p {
  font-size: 14px;
  line-height: 1.5;
}

.account-result {
  margin-top: 50%;
}
.account-result .image {
  width: 45px;
  height: 45px;
  display: block;
  margin: 0 auto 25px;
}
.account-result .f15 {
  font-size: 15px;
  text-align: center;
}
.account-result .f18 {
  font-size: 18px;
  text-align: center;
}
.account-result .fixed {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.list .list-box.pv-px-9 {
  padding: 9px 0;
}
.list .list-box.pv-px-15 {
  padding: 15px 0;
}
.list .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
  border-bottom: 1px solid #eeeeee;
}
.list .flex:nth-last-child(1) {
  border-bottom: none;
}
.list .flex .title {
  width: 35%;
  font-size: 14px;
  color: #333333;
  line-height: 21px;
  font-weight: 400;
}
.list .flex .title.wd-90 {
  width: 90%;
}
.list .flex .content .main {
  font-size: 14px;
  color: #333333;
  text-align: right;
  line-height: 21px;
  font-weight: 400;
}
.list .flex .content .extra {
  font-size: 12px;
  color: #999999;
  text-align: right;
  line-height: 18px;
  font-weight: 400;
}
.list .flex .arrow {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-left: 10px;
}
.list .flex .arrow .image {
  width: 8px;
  height: 14px;
}

.risktest {
  width: 100%;
  height: 100vh;
  background: url(https://mr.loyalvalleycapital.com//static/bg-51cb21a75dc739cd69315896fae54a0f.jpg);
  background-size: 100% 100%;
}
.risktest .ph-px-24 {
  padding: 0 24px;
}
.risktest .quote {
  font-size: 30px;
  color: #CCAC77;
  padding: 15px 0 8px;
}
.risktest .quote .f15 {
  font-size: 15px;
}
.risktest .title {
  font-size: 21px;
  color: #333;
  line-height: 30px;
  margin-bottom: 15px;
}
.risktest .choiceAnswer {
  background: #FFFFFF;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 15px 24px;
  margin-bottom: 20px;
  font-size: 15px;
  color: #333333;
  text-align: justify;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.risktest .choiceAnswer.active {
  color: #CCAC77;
  box-shadow: 0 6px 12px 0 rgba(204, 172, 119, 0.4);
  padding: 15px 24px 15px 0;
}
.risktest .triangle {
  background: #CCAC77;
  width: 6px;
  height: 24px;
  margin-right: 18px;
}
.risktest .fixed-button {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 90px;
  background-color: #fff;
  width: 100%;
  padding-top: 24px;
}
.risktest .fixed-button .flex-end {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  padding: 0 24px;
}
.risktest .fixed-button .flex-between {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 0 24px;
}
.risktest .fixed-button .flex-between .lv-btn {
  font-size: 18px !important;
}

.risktest-result .ph-px-24 {
  padding: 0 24px;
}
.risktest-result .top {
  margin-top: 24px;
  margin-bottom: 45px;
  padding: 30px 0;
  background: #FFFFFF;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.risktest-result .top .primary {
  color: #CCAC77;
  font-size: 30px;
  margin-bottom: 6px;
  text-align: center;
}
.risktest-result .top .date {
  font-size: 14px;
  color: #333333;
  text-align: center;
}
.risktest-result .grey99 {
  color: #999999;
  font-size: 14px;
  text-align: center;
  margin-bottom: 24px;
}
.risktest-result .relative {
  position: relative;
  margin-bottom: 30px;
}
.risktest-result .relative .bg {
  width: 80%;
  display: block;
  margin: 0 auto;
}
.risktest-result .relative .pointer {
  width: 10px;
  height: 75px;
}
.risktest-result .f13 {
  font-size: 13px;
  line-height: 21px;
  text-align: justify;
}
.risktest-result .f13 .red {
  color: #D0021B;
}
.risktest-result .fixed-button {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 90px;
  background-color: #fff;
  width: 100%;
  padding-top: 24px;
}
.risktest-result .fixed-button .flex-between {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 0 24px;
}
.risktest-result .fixed-button .flex-between .lv-btn {
  font-size: 18px !important;
}

.upload-idcard {
  color: #333333;
  background: #F9F9F9;
  height: 100vh;
}
.upload-idcard .title {
  font-size: 16px;
  line-height: 16px;
  padding: 30px;
  background: #FFFFFF;
}
.upload-idcard .upload-area {
  background: #FFFFFF;
}
.upload-idcard .upload-area .area {
  padding-bottom: 45px;
}
.upload-idcard .upload-area .operate-item {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  height: 160px;
  width: 100%;
  margin: 0 0 45px;
  position: absolute;
  top: 150px;
}
.upload-idcard .upload-area .operate-item .wd-px-24 {
  width: 24px;
  height: 24px;
  margin: 0 20px;
}
.upload-idcard .upload-area .operate-item-1 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  height: 160px;
  width: 100%;
  margin: 0 0 45px;
  position: absolute;
  top: 355px;
}
.upload-idcard .upload-area .operate-item-1 .wd-px-24 {
  width: 24px;
  height: 24px;
  margin: 0 20px;
}
.upload-idcard .upload-area .successTip {
  text-align: center;
  color: #999999;
  margin-top: 10px;
}
.upload-idcard .upload-area .successTip .green {
  color: #50AC35;
}
.upload-idcard .upload-area .upload-man,
.upload-idcard .upload-area .upload-chinese {
  width: 240px;
  margin: 0 auto;
  background: #FFFFFF;
  border: 1px solid #CCAC77;
  border-radius: 5px;
  text-align: center;
  padding: 29px 0 15px;
  position: relative;
}
.upload-idcard .upload-area .upload-man img,
.upload-idcard .upload-area .upload-chinese img {
  width: 150px;
}
.upload-idcard .upload-area .upload-man .primary,
.upload-idcard .upload-area .upload-chinese .primary {
  color: #CCAC77;
  margin-top: 14px;
}
.upload-idcard .upload-area .am-image-picker {
  width: 240px;
  height: 160px;
  position: absolute;
  top: 0;
  opacity: 0;
}
.upload-idcard .upload-area .am-image-picker .am-image-picker-list {
  padding: 0;
  margin: 0;
}
.upload-idcard .upload-area .am-image-picker .am-image-picker-list .am-flexbox {
  margin: 0;
}
.upload-idcard .upload-area .am-image-picker .am-image-picker-list .am-flexbox .am-flexbox-item {
  width: 240px;
  height: 160px;
  position: static;
  margin: 0;
}
.upload-idcard .upload-area .am-image-picker .am-image-picker-list .am-flexbox .am-image-picker-item {
  position: static;
  top: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.upload-idcard .upload-area .errMsg {
  padding: 10px 0 0;
  color: #FF001F;
  text-align: center;
}
.upload-idcard .bgF9 {
  padding: 30px 24px 80px;
  background-color: #F9F9F9;
}
.upload-idcard .fixed-0 {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.upload-proof {
  color: #333333;
  background: #f9f9f9;
  height: 100vh;
}
.upload-proof .ph-px-24 {
  padding: 30px 24px 0;
  background: #FFFFFF;
}
.upload-proof .bgF9 {
  background-color: #F9F9F9;
  padding: 30px 24px 80px;
}
.upload-proof .f15 {
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 10px;
}
.upload-proof .f12 {
  font-size: 12px;
  line-height: 21px;
  margin-bottom: 4px;
}
.upload-proof .gray999 {
  font-size: 12px;
  line-height: 21px;
  color: #999999;
  margin-bottom: 30px;
}
.upload-proof .primary {
  color: #CCAC77;
}
.upload-proof .example {
  font-size: 14px;
  color: #CCAC77;
  padding-top: 12px;
  padding-bottom: 24px;
  text-align: center;
}
.upload-proof .upload-area {
  position: relative;
  background: #FFFFFF;
}
.upload-proof .upload-area .area {
  margin-bottom: 45px;
}
.upload-proof .upload-area .upload-man,
.upload-proof .upload-area .upload-item {
  width: 240px;
  margin: 0 auto 15px;
  background: #FFFFFF;
  border: 1px dashed #999999;
  border-radius: 5px;
  text-align: center;
  padding: 58px 0;
  position: relative;
}
.upload-proof .upload-area .upload-man img,
.upload-proof .upload-area .upload-item img {
  width: 20px;
  height: 20px;
}
.upload-proof .upload-area .upload-man .primary,
.upload-proof .upload-area .upload-item .primary {
  color: #CCAC77;
  margin-top: 12px;
}
.upload-proof .upload-area .am-image-picker {
  width: 240px;
  margin: 0 auto;
  opacity: 1;
}
.upload-proof .upload-area .am-image-picker .am-image-picker-list {
  padding: 0;
  margin: 0;
}
.upload-proof .upload-area .am-image-picker .am-image-picker-list .am-flexbox {
  margin: 0;
  display: block;
}
.upload-proof .upload-area .am-image-picker .am-image-picker-list .am-flexbox .am-flexbox-item {
  width: 240px;
  height: 160px;
  overflow: hidden;
  position: static;
  margin: 0 0 45px;
}
.upload-proof .upload-area .am-image-picker .am-image-picker-list .am-flexbox .am-image-picker-item {
  position: static;
  top: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.upload-proof .upload-area .area-pick .am-image-picker {
  width: 240px;
  height: 160px;
  position: absolute;
  top: 0;
  opacity: 0;
}
.upload-proof .upload-area .area-pick .am-image-picker .am-image-picker-list {
  padding: 0;
  margin: 0;
}
.upload-proof .upload-area .area-pick .am-image-picker .am-image-picker-list .am-flexbox {
  margin: 0;
}
.upload-proof .upload-area .area-pick .am-image-picker .am-image-picker-list .am-flexbox .am-flexbox-item {
  width: 240px;
  height: 160px;
  position: static;
  margin: 0;
}
.upload-proof .upload-area .area-pick .am-image-picker .am-image-picker-list .am-flexbox .am-image-picker-item {
  position: static;
  top: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.upload-proof .upload-area .operate-area {
  width: 100%;
  position: absolute;
  top: 68px;
}
.upload-proof .upload-area .operate-area .operate-item {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  height: 160px;
  width: 100%;
  margin: 0 0 45px;
}
.upload-proof .upload-area .operate-area .operate-item .wd-px-24 {
  width: 24px;
  height: 24px;
  margin: 0 20px;
}
.upload-proof .upload-area .errMsg {
  padding: 10px 0 0;
  color: #FF001F;
  text-align: center;
}
.upload-proof .gray99 {
  color: #999999;
}
.upload-proof .flex {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 8px;
}
.upload-proof .flex .radius-50 {
  margin-right: 6px;
}
.upload-proof .flex .radius-50 span {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #DDDDDD;
  margin-top: 6px;
}
.upload-proof .flex .blue {
  color: #4A90E2;
}
.upload-proof .flex .desc {
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
}
.upload-proof .flex .desc .bold {
  font-weight: bold;
}
.upload-proof .fixed-upload {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: white;
}
.upload-proof .fixed-upload .tip {
  color: #999999;
  text-align: center;
}
.larger-modal {
  width: 88% !important;
  height: auto !important;
}
.desc-modal .flex {
  display: -webkit-flex;
  display: flex;
}
.desc-modal .flex .radius {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #cccccc;
  margin-top: 5px;
}

.upload-proof-ex {
  color: #333333;
}
.upload-proof-ex img {
  width: 270px;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.upload-proof-ex .title {
  padding: 30px 24px 30px;
  font-size: 20px;
  text-align: center;
}
.upload-proof-ex .desc {
  color: #999;
  padding: 10px 0 30px;
  text-align: center;
}
.upload-proof-ex .fixed {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.upload-proof-ex .fixed .tip {
  color: #999999;
  text-align: center;
}
.modal-input {
  border: none;
  border-bottom: 1px solid #eeeeee;
  width: 100%;
  padding: 5px 0;
}
.modal-errTip {
  color: #FF0000;
  padding-top: 10px;
  text-align: left;
}
.modal-tip {
  color: #999;
  padding-top: 10px;
  text-align: left;
}

.visit-confirm {
  color: #333333;
}
.visit-confirm .desc {
  font-size: 14px;
  line-height: 21px;
  text-align: justify;
  padding: 15px 15px 0;
  margin-bottom: 20px;
}
.visit-confirm .blue {
  color: #387dcc;
}
.visit-confirm .list {
  padding: 0 15px 50px;
}
.visit-confirm .list .item {
  display: -webkit-flex;
  display: flex;
  font-size: 14px;
  line-height: 21px;
  text-align: justify;
  margin-bottom: 15px;
}
.visit-confirm .list .item span:nth-of-type(2) {
  margin-left: 6px;
}
.visit-confirm .fixed {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.asset-certificate-apply-of-paper-navbar-right {
  font-size: 12px;
  position: absolute;
  right: 10px;
  color: white;
}
.picker-list {
  font-size: 15px !important;
}
.picker-list input {
  font-size: 15px !important;
}
.picker-list input.picker-list input::-webkit-input-placeholder {
  font-size: 15px;
}
.picker-list input.picker-list input:-ms-input-placeholder {
  font-size: 15px;
}
.picker-list input.picker-list input::placeholder {
  font-size: 15px;
}
.picker-list .am-list-item .am-input-label,
.picker-list .am-list-content {
  font-size: 15px !important;
}
.picker-list .am-list-item .am-input-label.am-input-label-5 {
  width: initial !important;
}
.picker-list .am-list-body::before {
  background-color: none !important;
  content: none !important;
}
.picker-list .am-list-item {
  padding-left: 24px;
}
.picker-list .am-list-item.am-input-item {
  padding-left: 24px;
  height: 54px;
}
.picker-list .am-input-control input {
  color: #333 !important;
}
.picker-list .am-input-control input::-webkit-input-placeholder {
  color: #ccc !important;
}
.picker-list .am-input-control input:-ms-input-placeholder {
  color: #ccc !important;
}
.picker-list .am-input-control input::placeholder {
  color: #ccc !important;
}
.picker-list .default-select-color .am-list-extra {
  color: #ccc !important;
  font-size: 15px !important;
}
.picker-list .select-color .am-list-extra {
  color: #333 !important;
}
.picker-list .am-list-item .am-list-line .am-list-extra {
  -webkit-flex-basis: initial;
          flex-basis: initial;
}

.adm-input-element {
  padding: 10px;
  margin-bottom: 10px;
}
.forgerTradePwd-page .am-list-item.am-input-item {
  border-bottom: 1px solid #eeeeee !important;
  padding: 0;
}
.forgerTradePwd-page .am-list-item.am-input-item .am-list-line {
  padding: 0;
}
.forgerTradePwd-page .am-list-item.am-input-item .am-list-line input {
  font-size: 15px;
}

.id-picker-page {
  height: 100vh !important;
}
.id-picker-flex {
  -webkit-flex: 1 !important;
          flex: 1 !important;
}
.id-pick-container .question-container {
  padding: 30px 24px 0;
  background-color: #fff;
}
.id-pick-container .question-container .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.id-pick-container .question-container .flex .radio {
  width: 18px;
}
.id-pick-container .question-container .flex .value {
  font-size: 14px;
  padding: 0 0 0 12px;
  text-align: justify;
}
.tips-container {
  padding: 0 24px;
  position: fixed;
  bottom: 75px;
}
.tips-container p {
  color: #999999;
  line-height: 18px;
  text-align: justify;
}
.tips-container p.mb-18 {
  margin-bottom: 18px;
  text-align: justify;
}
.tips-container .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.tips-container .flex .blue {
  color: #4a90e2;
}
.tips-container .copy {
  color: #ccac77;
  width: 15%;
  text-align: right;
}
@media screen and (max-height: 700px) {
  .tips-container {
    position: relative;
    bottom: 0;
    padding: 20px 24px 70px;
  }
}
.more-desc {
  padding: 0 24px;
}
.more-desc .checkbox {
  display: -webkit-flex;
  display: flex;
}
.more-desc .checkbox .pt-px-1 {
  padding-top: 1px;
}
.more-desc .checkbox .checkbox-value {
  font-size: 12px;
  color: #999999;
  text-align: justify;
  line-height: 18px;
  -webkit-flex: 1;
          flex: 1;
}
.form .am-list-item {
  height: 45px !important;
}
.form .am-list-item .am-list-line {
  padding-right: 0 !important;
  margin-right: 15px;
  border-bottom: 1px solid #eeeeee !important;
}
.form .am-list-item .am-list-line:after {
  background: none !important;
}
.form .am-list-item .am-list-line div {
  font-size: 14px;
  color: #333333;
}
.form .am-list-item .am-list-line .am-input-label {
  font-size: 14px;
  color: #333333;
}
.form .am-list-item .am-list-line .am-input-control input {
  font-size: 14px;
  text-align: right;
  color: #333333;
}
.form .am-list-item .am-list-line .am-list-extra {
  color: #999999;
}
.form .am-list-item .am-list-line .am-list-arrow {
  width: 8px;
  height: 14px;
}
.form .my-radio {
  margin-left: 30px;
}
.form .my-radio .am-radio {
  padding: 4.5px;
  margin-top: -2px;
  border: 1px solid #ccc;
  border-radius: 50%;
  margin-right: 5px;
  width: 8px;
  height: 8px;
}
.form .my-radio .am-radio.am-radio-checked .am-radio-inner:after {
  background: #ccac77;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  top: -1px;
  left: 2px;
  border: none;
}
.form .am-flexbox {
  border-bottom: 1px solid #eeeeee;
  padding: 15px 0;
  margin: 0 15px;
}
.form .am-flexbox .am-flexbox-item {
  text-align: right;
  font-size: 14px;
  color: #333333;
}
.form .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 12px 15px;
  background-color: #ffffff;
}
.form .flex .gray33 {
  color: #333333;
  font-size: 14px;
}
.form .flex .gray99 {
  color: #999999;
  font-size: 14px;
}
.form .title {
  background: #f9f9f9;
  padding: 15px 0 6px 15px;
  color: #999999;
}
.add-fixed {
  background-color: #ffffff;
  padding: 15px;
  font-size: 15px;
  color: #4a90e2;
  text-align: center;
}
.am-toast-text div {
  color: #ffffff;
}

.basicInfoRegister-content {
  height: 100vh !important;
  background-color: #f5f5f5 !important;
}
.basicInfoRegister-content .more-desc {
  padding: 0;
}
.basicInfoRegister-content .more-desc .checkbox .checkbox-value {
  color: #333;
}
.basicInfoRegister-content .container {
  background-color: #fff;
}
.basicInfoRegister-content .container .input-container {
  padding: 0 15px;
}
.basicInfoRegister-content .container .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid #eeeeee;
}
.basicInfoRegister-content .container .flex .left,
.basicInfoRegister-content .container .flex .right {
  font-size: 14px;
  line-height: 21px;
}
.basicInfoRegister-content .container .flex .right {
  text-align: right;
}
.basicInfoRegister-content .container .flex .am-list-item {
  height: 21px;
  min-height: 21px;
}
.basicInfoRegister-content .container .flex .am-list-item .am-list-line {
  padding-right: 0;
  height: 21px;
}
.basicInfoRegister-content .container .flex .am-list-item .am-list-line .am-input-control input {
  font-size: 14px;
  text-align: right;
}
.basicInfoRegister-content .container .flex .picker-area {
  font-size: 14px;
}
.basicInfoRegister-content .container .flex .picker-area.placeholder {
  color: #bbbbbb;
}
.basicInfoRegister-content .checkbox-container {
  padding: 0 15px;
}

.intro-content {
  -webkit-flex: 1;
          flex: 1;
  padding: 18px 15px 50px;
}
.intro-content p {
  font-size: 14px;
  text-align: justify;
  line-height: 28px;
  margin-bottom: 20px;
}

.extraRule {
  padding: 15px;
  margin-top: 45px;
}
.extraRule .title {
  font-size: 18px;
  color: #333333;
  line-height: 27px;
  font-weight: 600;
  margin-bottom: 6px;
}
.extraRule .content {
  font-size: 14px;
  color: #333333;
  text-align: justify;
  line-height: 28px;
  font-weight: 400;
  margin-bottom: 21px;
}
.extraRule .tip {
  font-size: 12px;
  color: #333333;
  text-align: justify;
  line-height: 18px;
  font-weight: 400;
}
.extraRule .tip .tipTitle {
  margin-bottom: 6px;
}
.extraRule .tip .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 6px;
}
.extraRule .tip .round {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #DDDDDD;
  margin-right: 10px;
}
.extraPoint {
  padding: 15px;
  margin-top: 45px;
}
.extraPoint .primary {
  font-size: 18px;
  font-weight: 600;
  color: #ccac77;
  margin-bottom: 15px;
}
.extraPoint .pt-2 {
  padding-top: 20px;
}
.extraPoint .title {
  font-size: 14px;
  color: #333333;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 6px;
}
.extraPoint .content {
  font-size: 14px;
  color: #333333;
  text-align: justify;
  line-height: 28px;
  font-weight: 400;
  margin-bottom: 9px;
}
.extraPoint .content p {
  font-size: 14px;
  text-align: justify;
  line-height: 28px;
  margin-bottom: 15px;
}
.extraPoint .content .mb-0 {
  margin-bottom: 0;
}
.extraPoint .titleSecond {
  font-size: 18px;
  color: #333333;
  line-height: 27px;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 4px;
}
.extraTeam {
  margin-top: 45px;
}
.extraTeam .part {
  padding: 15px 15px 0;
  background-color: #ffffff;
}
.extraTeam .part .title {
  font-size: 18px;
  color: #333333;
  line-height: 27px;
  font-weight: 600;
  margin-bottom: 30px;
}
.extraTeam .part2 {
  padding: 15px 15px 40px;
  background-color: #ffffff;
}
.extraTeam .part2 .title {
  font-size: 18px;
  color: #333333;
  line-height: 27px;
  font-weight: 600;
  margin-bottom: 6px;
}
.extraTeam .img {
  margin: 0 auto 15px;
}
.extraTeam .jobTitle {
  font-size: 18px;
  color: #403A35;
  text-align: center;
  line-height: 27px;
  font-weight: 600;
  margin-bottom: 15px;
}
.extraTeam .content {
  font-size: 14px;
  color: #333333;
  text-align: justify;
  line-height: 28px;
  font-weight: 400;
  padding-bottom: 15px;
}
.extraTeam .lineSpace {
  width: 100%;
  height: 5px;
  background: #f9f9f9;
}

.bg-f9 {
  background-color: #f9f9f9;
}
.extraQuestion {
  margin-top: 44px;
}
.extraQuestion .item {
  margin-bottom: 5px;
  background-color: white;
  padding: 0 15px 9px;
}
.extraQuestion .item .question {
  font-size: 18px;
  color: #333333;
  line-height: 27px;
  font-weight: 600;
  padding: 15px 0 9px;
  border-bottom: 1px solid #eeeeee;
}
.extraQuestion .item .answer {
  padding-top: 9px;
  font-size: 14px;
  color: #333333;
  text-align: justify;
  line-height: 28px;
  font-weight: 400;
}
.extraQuestion .item .answer p {
  font-size: 14px;
}
.extraQuestion .item .answer ul {
  display: block;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-padding-start: 15px;
          padding-inline-start: 15px;
}

.bg-f9 {
  background-color: #f9f9f9;
}
.extra-contract-list {
  margin-top: 44px;
  padding: 0 15px;
  background-color: #ffffff;
}
.product-notice-list {
  padding: 0 15px;
  background-color: #ffffff;
}

.extraFeature {
  margin-top: 44px;
  background-color: white;
}
.extraFeature .content {
  padding-top: 15px;
  padding-bottom: 15px;
}
.extraFeature .content .title {
  display: -webkit-flex;
  display: flex;
  font-size: 15px;
  color: #ccac77;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 21px;
}
.extraFeature .content .title .dot {
  width: 9px;
  height: 9px;
  display: block;
  border-radius: 50%;
  background-color: #ccac77;
  margin-top: 6px;
  margin-right: 10px;
}
.extraFeature .content .title.mt-4 {
  margin-top: 40px;
}
.extraFeature .content .fs {
  font-size: 12px;
  line-height: 18px;
  color: #333;
}
.extraFeature .content .desc {
  font-size: 15px;
  line-height: 22px;
  text-align: justify;
  margin-bottom: 10px;
  color: #333;
}
.extraFeature .ph-px-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.extraFeature .pl-px-15 {
  padding-left: 15px;
}

.featureList .item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: start;
          align-items: start;
  margin-bottom: 9px;
  color: #333333;
  font-size: 12px;
  line-height: 18px;
}
.featureList .item .roundBox {
  width: 5%;
  margin-top: -3px;
}
.featureList .item .round {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #dddddd;
  margin-right: 10px;
  margin-top: 8px;
}
.featureList .item .roundContent {
  font-size: 14px;
  line-height: 21px;
  text-align: justify;
}
.featureList .item .blue {
  margin-left: 10px;
  color: #4a90e2;
}

#lineChart {
  width: 100%;
  height: 180px;
}
.chart-card {
  width: 100%;
  padding: 0;
  margin-bottom: 3.2vw;
  background: #fff;
  position: relative;
}
.chart-legend {
  height: 40px;
  font-size: 11px;
  color: #333;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: start;
          align-items: start;
}
.chart-legend .chart-legend-title {
  width: 115px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  line-height: 16px;
  color: #999999;
}
.item span.item-marker {
  display: inline-block;
  width: 15px;
  height: 3px;
  margin-right: 6px;
  margin-top: -3px;
  border-radius: 3px;
  vertical-align: middle;
}
.tooltip-wrapper {
  height: 40px;
  font-size: 11px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: start;
          align-items: start;
  position: absolute;
  visibility: hidden;
  top: 0;
  width: 100%;
  background: #ffffff;
  z-index: 10;
  transition: visibility 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.tooltip-wrapper .tooltip-title {
  color: #999999;
}
.tooltip-title {
  width: 100px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  line-height: 16px;
}
.tooltip-content {
  font-size: 3.2vw;
  color: #808080;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-content: space-between;
          align-content: space-between;
}
.tab {
  margin-top: 20px;
  height: 24px;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
}
.tab .time-button {
  font-size: 12px;
  color: #999999;
  text-align: center;
  line-height: 18px;
  font-weight: 400;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
  margin: 0;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 24px;
  height: 24px;
  transition: all ease-in-out 0.5s;
}
.tab .time-button.active {
  color: #CCAC77;
  border-color: #CCAC77;
  vertical-align: middle;
}

.table {
  width: 100%;
}
.table .thead {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  border-bottom: 1px solid rgba(204, 172, 119, 0.4);
  padding: 3px 0 9px;
  font-size: 14px;
  color: #333333;
  text-align: center;
  line-height: 21px;
  font-weight: 400;
}
.table .thead .th {
  width: 25%;
  text-align: right;
}
.table .thead .th:nth-of-type(1) {
  text-align: left;
}
.table .thead .th-33 {
  width: 33.3%;
  text-align: right;
}
.table .thead .th-33:nth-of-type(1) {
  text-align: left;
}
.table .tr {
  padding: 12px 0;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #eeeeee;
  font-size: 12px;
  color: #333333;
  text-align: center;
  line-height: 18px;
  font-weight: 400;
}
.table .tr .td {
  width: 25%;
  text-align: right;
}
.table .tr .td:nth-of-type(1) {
  text-align: left;
}
.table .tr .td-33 {
  width: 33.3%;
  text-align: right;
}
.table .tr .td-33:nth-of-type(1) {
  text-align: left;
}
.table .tr .red {
  color: #D0021B;
}
.table .tr .green {
  color: #50AC35;
}

.product {
  background: #f9f9f9;
}
.product-detail {
  padding-bottom: 44px;
  background: url(https://mr.loyalvalleycapital.com//static/topbg-a911d992c51b51a8045d10ba2d869d7e.png) no-repeat top center;
  background-size: 100%;
}
.product-detail.bg_size {
  background-size: 100% 14%;
}
.product-detail .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.product-detail .mb {
  margin-bottom: 10px;
}
.product-detail .wd-50 {
  width: 50%;
}
.product-detail .card1 {
  margin: 0 15px 10px;
  padding: 15px;
  background: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.product-detail .card1 .product-name {
  font-size: 21px;
  color: #333333;
  font-weight: 600;
}
.product-detail .card1 .red {
  font-size: 24px;
  color: #ff5656;
  line-height: 36px;
  font-weight: 600;
}
.product-detail .card1 .gray-333 {
  font-size: 24px;
  color: #333333;
  line-height: 36px;
  font-weight: 600;
}
.product-detail .card1 .primary {
  font-size: 24px;
  color: #ccac77;
  line-height: 36px;
  font-weight: 600;
}
.product-detail .card1 .gray {
  font-size: 12px;
  color: #999999;
  line-height: 18px;
  font-weight: 400;
}
.product-detail .card1 .label {
  margin-top: 12px;
  margin-bottom: 15px;
  display: -webkit-flex;
  display: flex;
}
.product-detail .card1 .label .primary {
  border: 1px solid #ccac77;
  border-radius: 1px;
  font-size: 12px;
  color: #ccac77;
  line-height: 18px;
  font-weight: 400;
  margin-right: 9px;
  padding: 0 2px;
}
.product-detail .card1 .tip {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  background: #f9f9f9;
  border-radius: 3px;
  padding: 8px;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: 400;
}
.product-detail .card1 .tip .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-detail .card1 .tip .space-between {
  -webkit-justify-content: space-between;
          justify-content: space-between;
  width: 100%;
}
.product-detail .card1 .tip .f14 {
  font-size: 14px;
}
.product-detail .card1 .tip .orange {
  color: #ff7700;
  font-weight: 600;
}
.product-detail .card2 {
  padding: 15px;
  margin: 0 15px 10px;
  background: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.product-detail .card2 .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-bottom: 9px;
}
.product-detail .card2 .flex .primary {
  color: #ccac77;
}
.product-detail .card2 .f14 {
  font-size: 14px;
  margin-bottom: 9px;
  text-align: justify;
}
.product-detail .card2 .pt {
  padding-top: 10px;
}
.product-detail .card2 .card-title {
  font-size: 18px;
  color: #333333;
  line-height: 27px;
  font-weight: 600;
}
.product-detail .card2 .feature {
  font-size: 14px;
  color: #333333;
  text-align: justify;
  line-height: 21px;
  font-weight: 400;
}
.product-detail .card2 .feature .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: start;
          align-items: start;
  margin-bottom: 9px;
}
.product-detail .card2 .feature .flex .roundBox {
  width: 5%;
}
.product-detail .card2 .feature .flex .round {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #dddddd;
  margin-right: 10px;
  margin-top: 8px;
}
.product-detail .card2 .feature .moreFature {
  width: 96px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #ccac77;
  border-radius: 12px;
  text-align: center;
  color: #ccac77;
  margin: 0 auto;
}
.product-detail .cardOperateAnalyse .content {
  height: 285px;
  overflow: hidden;
}
.product-detail .cardOperateAnalyse .open-content {
  height: auto;
}
.product-detail .cardOperateAnalyse .open-btn {
  color: #ccac77;
  font-size: 14px;
  text-align: center;
  margin-top: 12px;
}
.product-detail .card3 {
  padding: 15px;
  margin: 0 15px 10px;
  background: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.product-detail .card3 .card-title {
  font-size: 18px;
  color: #333333;
  line-height: 27px;
  font-weight: 600;
  margin-bottom: 9px;
}
.product-detail .card3 .card-title .gray {
  font-size: 12px;
  color: #999999;
  line-height: 18px;
  font-weight: 400;
  margin-left: 9px;
}
.product-detail .card4 {
  padding: 15px;
  margin: 0 15px 10px;
  background: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.product-detail .card4 .card-title {
  font-size: 18px;
  color: #333333;
  line-height: 27px;
  font-weight: 600;
  margin-bottom: 9px;
}
.product-detail .card4 .pt-px-15 {
  padding-top: 15px;
}
.product-detail .card4 .moreNav {
  width: 96px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #ccac77;
  border-radius: 12px;
  text-align: center;
  color: #ccac77;
  margin: 0 auto 12px;
}
.product-detail .card4 .tip {
  font-size: 12px;
  color: #333333;
  text-align: justify;
  line-height: 21px;
  font-weight: 400;
}
.product-detail .card4 .tip .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: start;
          align-items: start;
}
.product-detail .card4 .tip .flex .round-box {
  width: 5%;
}
.product-detail .card4 .tip .flex .round {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #dddddd;
  margin-right: 10px;
  margin-top: 8px;
}
.product-detail .card5 {
  padding: 15px 15px 4px;
  margin: 0 15px 10px;
  background: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.product-detail .card5 .mb-px-6 {
  margin-bottom: 6px;
}
.product-detail .card5 .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
}
.product-detail .card5 .card-title {
  font-size: 18px;
  color: #333333;
  line-height: 27px;
  font-weight: 600;
}
.product-detail .card5 .gray {
  font-size: 12px;
  color: #999999;
  text-align: right;
  line-height: 18px;
  font-weight: 400;
}
.product-detail .card5 .list .list-box .title {
  width: 80px;
}
.product-detail .card5 .list .list-box .flex {
  -webkit-flex: 1;
          flex: 1;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
}
.product-detail .card5 .list .list-box .flex .content {
  text-align: right;
}
.product-detail .card6 {
  padding: 15px 15px 4px;
  margin: 0 15px 10px;
  background: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.product-detail .card6 .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
}
.product-detail .card6 .card-title {
  font-size: 18px;
  color: #333333;
  line-height: 27px;
  font-weight: 600;
}
.product-detail .card6 .gray {
  font-size: 12px;
  color: #999999;
  text-align: right;
  line-height: 18px;
  font-weight: 400;
}
.product-detail .card6 .time-progress {
  padding: 26px 0 15px;
  margin-bottom: 5px;
  position: relative;
  height: 50px;
}
.product-detail .card6 .time-progress .time-line {
  height: 2px;
  width: 100%;
  background-color: #ccac77;
}
.product-detail .card6 .time-progress .time-context {
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  position: absolute;
  width: 60px;
  left: 45px;
  top: 23px;
}
.product-detail .card6 .time-progress .time-context-right {
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  position: absolute;
  width: 80px;
  right: 38px;
  top: 23px;
}
.product-detail .card6 .time-progress .time-round {
  width: 4px;
  height: 4px;
  border: 2px solid #ccac77;
  margin: 0 auto 10px;
  text-align: center;
  border-radius: 50%;
  background-color: white;
}
.product-detail .card6 .time-progress .time-text-title,
.product-detail .card6 .time-progress .time-text {
  text-align: center;
  color: #333333;
  margin-bottom: 4px;
}
.product-detail .card7 {
  padding: 15px 15px 4px;
  margin: 0 15px 10px;
  background: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.product-detail .card8 {
  padding: 15px;
  margin: 0 15px 10px;
  background: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.product-detail .card8 .card-title {
  font-size: 18px;
  color: #333333;
  line-height: 27px;
  font-weight: 600;
  margin-bottom: 9px;
}
.product-detail .risk-tip {
  background-color: #eeeeee;
  padding: 15px;
  font-size: 10px;
  color: #666666;
  text-align: justify;
  line-height: 15px;
  font-weight: 400;
}
.button {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #ccac77;
  background: #ffffff;
}
.button .full-button {
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  line-height: 27px;
  font-weight: 400;
  background-color: #ccac77;
  padding: 8px 0;
  width: 100%;
}
.button .left-button {
  font-size: 18px;
  color: #ccac77;
  text-align: center;
  line-height: 27px;
  font-weight: 400;
  background-color: white;
  padding: 8px 0;
  width: 33%;
}
.button .right-button {
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  line-height: 27px;
  font-weight: 400;
  background-color: #ccac77;
  padding: 8px 0;
  width: 67%;
}
.button .right-button.opacity-5 {
  background: rgba(204, 172, 119, 0.5);
}
.product-kyc-modal .am-modal-content {
  border-radius: 20px 20px 0 0;
}
.background-gray-modal {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.phone-modal-container {
  width: 100%;
  background-color: #fff;
  color: #333333;
}
.phone-modal-container .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.phone-modal-container .flex .wd-50 {
  width: 50%;
  text-align: center;
  padding-top: 30px;
}
.phone-modal-container .flex .wd-50 .img {
  display: block;
  width: 40px;
  margin: 0 auto 10px;
}
.phone-modal-container .flex .f14 {
  font-size: 14px;
}
.phone-modal-container .cancel-btn {
  display: block;
  width: 100%;
  padding: 30px 0 20px;
  font-size: 14px;
  text-align: center;
}
.kyc-modal-container {
  padding: 30px 15px 36px;
  text-align: justify;
  color: #333;
  line-height: 1.5;
}
.kyc-modal-container .kyc-modal-container-title {
  font-size: 18px;
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
}
.kyc-modal-container .kyc-modal-container-highlighten {
  padding: 15px;
  background: #fff9f0;
  border: 1px solid #ffbb4a;
  border-radius: 5px;
  font-size: 14px;
  margin-bottom: 30px;
}
.kyc-modal-container .kyc-modal-container-highlighten .red {
  color: #d0021b;
}
.kyc-modal-container .kyc-modal-container-buttons {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.kyc-modal-container .kyc-modal-container-buttons .button-item {
  width: 156px;
  height: 42px;
  border-radius: 21px;
  border: 1px solid #ccac77;
  color: #ccac77;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
}
.kyc-modal-container .kyc-modal-container-buttons .button-item.primary {
  background: #ccac77;
  color: #fff;
}
.kyc-modal-container .kyc-modal-container-buttons .button-item.wd-100 {
  width: 100%;
}
.kyc-modal-container .flex-between {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.kyc-modal-container .kyc-modal-container-process-title {
  font-size: 15px;
  line-height: 15px;
}
.kyc-modal-container .kyc-modal-container-process-title.gray {
  color: #999;
}
.kyc-modal-container .kyc-modal-container-process-title.active {
  color: #333;
}
.kyc-modal-container .kyc-modal-container-process-title.red {
  color: #d0021b;
}
.kyc-modal-container .kyc-modal-container-process-title.blue {
  color: #4a90e2;
}
.kyc-modal-container .kyc-modal-container-spot {
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  border: 2px solid #eee;
  border-radius: 7px;
}

.history-nav {
  margin-top: 44px;
  padding: 20px 15px 0;
  background-color: #fff;
}

.mh-px-15 {
  margin: 0 15px;
}
.productBasicInfo {
  margin: 44px 0 15px;
  background-color: #F9F9F9;
}
.productBasicInfo .f18 {
  font-size: 18px;
  color: #333333;
  line-height: 27px;
  font-weight: 600;
  padding-bottom: 9px;
  border-bottom: 1px solid #eeeeee;
}
.productBasicInfo .f14 {
  font-size: 14px;
  color: #333333;
  text-align: justify;
  line-height: 21px;
  font-weight: 400;
  padding: 12px 0;
}
.productBasicInfo .f14 .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: start;
          align-items: start;
}
.productBasicInfo .f14 .flex div {
  font-size: 14px;
}
.productBasicInfo .list1 {
  background-color: white;
  padding: 15px 15px 0;
  margin-bottom: 5px;
}
.productBasicInfo .list1 .bank-content {
  padding: 15px 0;
}
.productBasicInfo .list1 .bank-content .bank {
  display: -webkit-flex;
  display: flex;
  font-size: 14px;
  line-height: 26px;
  color: #333333;
}
.productBasicInfo .list1 .bank-content .bank .name {
  width: 16%;
  text-align: right;
}
.productBasicInfo .list1 .bank-content .bank .context {
  margin-left: 6px;
}

.consumer-detail-page .img {
  width: 100%;
}
.consumer-detail-page .file {
  margin: 0 15px;
  margin-bottom: 5px;
  border-bottom: 1px solid #DDDDDD;
}
.consumer-detail-page .file .file-title {
  font-size: 15px;
  font-weight: bold;
  padding: 15px 0 12px;
  border-bottom: 1px solid #DDDDDD;
}
.consumer-detail-page .file .list .list-box.pv-px-9 {
  padding: 15px 0;
}
.consumer-detail-page .file .list .list-box.pv-px-9 .title {
  font-size: 12px;
}
.consumer-detail-page .rule {
  padding: 0 15px 20px;
}
.consumer-detail-page .rule .rule-title {
  padding: 15px 0 20px;
}

.pdf-doc {
  height: 100%;
}
.pdf-doc .doc-title {
  font-size: 20px;
  color: #333;
  line-height: 40px;
  padding: 20px 15px 6px;
  text-align: center;
  font-weight: 500;
}
.pdf-doc .info {
  color: #999;
  margin-bottom: 10px;
  font-size: 12px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
}
.pdf-doc .info span {
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
  white-space: nowrap;
}
.pdf-doc .doc-footer {
  color: #999;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 20px 10px;
}
.pdf-doc .doc-footer .doc-footer-read {
  line-height: 40px;
}
.pdf-doc .doc-footer .doc-footer-like {
  line-height: 40px;
}
.pdf-doc .doc-footer .doc-footer-like img {
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}
.pdf-doc .doc-footer .doc-footer-like p {
  line-height: 40px;
  display: inline-block;
  margin-left: 5px;
}
.pdf-loading .am-modal-content {
  background-color: transparent;
}
.progress .progress-num {
  color: #fff;
  margin-bottom: 20px;
}
.progress .progress-text {
  color: #fff;
  margin: 20px auto;
}
.progress .am-progress-bar {
  border: 2px solid #c6ae61;
}
.progress .am-progress-outer {
  background-color: #ccc !important;
}

.product-overview {
  background-color: #192C56;
}
.product-overview .bg {
  padding: 14px 30px;
  margin-top: -180px;
}
.product-overview .bg:before {
  content: '';
  width: calc(100vw - 30px);
  height: 100%;
  margin: 0 15px;
  background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 98%);
  opacity: 0.08;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  position: absolute;
  top: 70px;
  left: 0;
}
.product-overview .content {
  font-size: 14px;
  line-height: 21px;
  color: #ffffff;
  margin-bottom: 15px;
  text-align: justify;
}
.product-overview .bold {
  font-weight: bold;
}
.product-overview .img {
  margin-bottom: 30px;
}
.product-overview .star-title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 9px;
}
.product-overview .star-title .img-star {
  width: 14px;
  height: 14px;
  margin-right: 6px;
}
.product-overview .star-title span {
  font-size: 15px;
  color: #CCAC77;
}

.topbar {
  background: #ffffff;
  padding: 20px 0;
  margin-bottom: 5px;
}
.topbar .topbar-line-area {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 0 40px;
}
.topbar .topbar-line-area .text-center {
  text-align: center;
}
.topbar .topbar-line-area .topbar-line-radius {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #ccac77;
}
.topbar .topbar-line-area .topbar-line {
  width: 85px;
  height: 1px;
  background: #dddddd;
}
.topbar .topbar-line-area .topbar-line-radius-gray {
  width: 9px;
  height: 9px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background: #ffffff;
  box-sizing: border-box;
}
.topbar .topbar-text {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 0 22px;
  margin-top: 12px;
}
.topbar .topbar-text .wd-px-54 {
  width: 54px;
  font-size: 12px;
}
.topbar .topbar-text .grayAAA {
  color: #aaaaaa;
}
.topbar .topbar-text .wd-px-48 {
  width: 48px;
  text-align: center;
}
.red {
  color: #d0021b;
}
.primary {
  color: #ccac77;
}
.riskBook {
  height: calc(100vh - 44px);
  background: #f9f9f9;
}
.riskBook .content {
  background: #ffffff;
  padding-top: 30px;
  text-align: center;
}
.riskBook .content .f15 {
  font-size: 15px;
  text-align: center;
  margin-bottom: 24px;
}
.riskBook .content .f30 {
  font-size: 30px;
  text-align: center;
  margin-bottom: 24px;
}
.riskBook .content .description {
  font-size: 13px;
  text-align: justify;
  padding: 0 15px 30px;
  line-height: 1.5;
}
.riskBook .content .notice {
  font-size: 10px;
  padding: 15px;
  text-align: justify;
  color: #999999;
  background: #f9f9f9;
  height: 100%;
}
.confirmletter {
  padding: 27px 24px;
  color: #333333;
}
.confirmletter div,
.confirmletter p {
  font-size: 14px;
}
.confirmletter .title {
  margin-bottom: 14px;
  line-height: 2;
}
.confirmletter .content,
.confirmletter .tip {
  line-height: 2;
  text-align: justify;
}
.confirmletter .tip {
  margin-top: 28px;
}
.confirmletter .managerCode {
  margin-top: 120px;
}
.confirmletter .managerCode .name {
  text-align: right;
}
.confirmletter .agreeArea {
  margin-top: 50px;
}
.confirmletter .agreeArea .checkbox {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 15px;
}
.confirmletter .agreeArea .checkbox .pt-px-1 {
  padding-top: 1px;
}
.confirmletter .agreeArea .checkbox .checkbox-value {
  -webkit-flex: 1;
          flex: 1;
  font-size: 13px;
  color: #333333;
  text-align: justify;
  line-height: 16px;
  margin-left: 8px;
}
.confirmletter .agreeArea .blueE2 {
  color: #4a90e2;
  font-size: 13px;
  margin-bottom: 10px;
  margin-left: 20px;
}
.reserve-product-content {
  display: -webkit-flex;
  display: flex;
  height: 100vh !important;
}
.reserve-product-content .content {
  padding: 0 30px;
}
.reserve-product-content .content .title {
  font-size: 18px;
  color: #333333;
}
.reserve-product-result {
  display: -webkit-flex;
  display: flex;
  height: 100vh !important;
  text-align: center;
  color: #333333;
}
.reserve-product-result .ph-px-24 {
  padding: 0 24px;
}
.reserve-product-result .f15 {
  font-size: 15px;
}
.reserve-product-result .bold {
  font-weight: bold;
  font-size: 18px;
}
.reserve-product-result .f36 {
  font-size: 36px;
}
.reserve-product-result .blue {
  color: #4a90e2;
}
.reserve-product-result .tip {
  color: #999999;
  text-align: justify;
  line-height: 19px;
}
.double-record-entry {
  padding: 0 15px;
}
.double-record-entry p {
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  font-weight: 600;
}
.double-record-entry .icon-container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
}
.double-record-entry .iconCode {
  width: 215px;
  height: 215px;
}
.double-record-entry .tip {
  color: #999999;
  line-height: 18px;
}
.double-record-modal {
  width: 100%;
}
.double-record-modal .double-record-modal-title {
  font-size: 15px;
  font-weight: bold;
  color: #333;
}
.double-record-modal .am-list-item.am-input-item {
  padding-left: 0;
}
.double-record-modal .am-list-item.am-input-item .am-input-extra {
  color: #ccac77;
}
.double-record-modal .am-list-item .am-input-clear {
  width: 15px;
  height: 15px;
  background-size: 15px auto;
}
.double-record-modal .am-list-item .am-list-line {
  padding-right: 0;
}
.checkIdentify {
  background: #f9f9f9;
}
.checkIdentify .content {
  background: #ffffff;
  padding: 20px 0;
}
.checkIdentify .content .title {
  font-size: 14px;
  line-height: 22px;
  padding: 0 24px 10px;
}
.checkIdentify .content .inputArea {
  padding: 0 24px 0 9px;
}
.checkIdentify .content .inputArea .am-list-item {
  margin-bottom: 15px;
}
.checkIdentify .content .inputArea .am-list-item .am-list-line::after {
  content: '';
  position: absolute;
  background-color: #ddd;
  display: block;
  z-index: 1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}

.pdf-sign-doc {
  height: 100%;
}
.pdf-sign-doc .fixed,
.pdf-sign-doc .fixed-button {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.pdf-sign-doc .doc-title {
  font-size: 20px;
  color: #333;
  line-height: 40px;
  padding: 20px 15px 6px;
  text-align: center;
  font-weight: 500;
}
.pdf-sign-doc .info {
  color: #999;
  margin-bottom: 10px;
  font-size: 12px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
}
.pdf-sign-doc .info span {
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
  white-space: nowrap;
}
.pdf-sign-doc .doc-footer {
  color: #999;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 20px 10px;
}
.pdf-sign-doc .doc-footer .doc-footer-read {
  line-height: 40px;
}
.pdf-sign-doc .doc-footer .doc-footer-like {
  line-height: 40px;
}
.pdf-sign-doc .doc-footer .doc-footer-like img {
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}
.pdf-sign-doc .doc-footer .doc-footer-like p {
  line-height: 40px;
  display: inline-block;
  margin-left: 5px;
}
.pdf-loading .am-modal-content {
  background-color: transparent;
}
.progress .progress-num {
  color: #fff;
  margin-bottom: 20px;
}
.progress .progress-text {
  color: #fff;
  margin: 20px auto;
}
.progress .am-progress-bar {
  border: 2px solid #c6ae61;
}
.progress .am-progress-outer {
  background-color: #ccc !important;
}

.order-tips-container {
  padding: 30px 24px 0;
  background-color: #fff;
}
.order-tips-container .title {
  font-size: 15px;
  text-align: center;
}
.order-tips-container .text-center {
  text-align: center;
}
.order-tips-container .text-center .time {
  font-size: 30px;
  font-weight: bold;
  color: #FF7700;
  margin-left: 6px;
}
.order-tips-container .text-center .unit {
  font-size: 15px;
  font-weight: bold;
  color: #FF7700;
  margin-left: 6px;
}
.order-tips-container .main-container {
  padding: 12px 15px;
  background: #F5F5F5;
  border-radius: 10px;
}
.order-tips-container .main-container .title-desc {
  font-size: 14px;
  line-height: 21px;
  text-align: justify;
}
.order-tips-container .main-container .timeline-container {
  padding: 15px;
  border-radius: 5px;
  background: #ffffff;
}
.order-tips-container .main-container .timeline-container .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-top: -5px;
}
.order-tips-container .main-container .timeline-container .flex .radius {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #eeeeee;
}
.order-tips-container .main-container .timeline-container .flex .grey-radius {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
}
.order-tips-container .main-container .timeline-container .flex .flex-right {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
          flex: 1;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-left: 9px;
}
.order-tips-container .main-container .timeline-container .flex .flex-right .left-text {
  font-size: 14px;
  line-height: 21px;
}
.order-tips-container .main-container .timeline-container .flex .flex-right .right-text {
  font-size: 14px;
  line-height: 21px;
}
.order-tips-container .main-container .timeline-container .flex .flex-right .grey-text {
  color: #999999;
}
.order-tips-container .main-container .timeline-container .line {
  width: 1px;
  height: 23px;
  background: #DDDDDD;
  margin-left: 4px;
  margin-top: -5px;
}
.order-tips-container .main-container .timeline-container .total {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-left: 20px;
}
.order-tips-container .main-container .timeline-container .total .total-title {
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
}
.order-tips-container .tips {
  color: #666666;
  line-height: 18px;
}
.order-tips-container .tips .blue {
  color: #4A90E2;
}
.button {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #CCAC77;
}
.button .left-button {
  font-size: 18px;
  color: #CCAC77;
  text-align: center;
  line-height: 27px;
  font-weight: 400;
  background-color: white;
  padding: 8px 0;
  width: 50%;
}
.button .left-button-disable {
  font-size: 18px;
  color: rgba(204, 172, 119, 0.5);
  text-align: center;
  line-height: 27px;
  font-weight: 400;
  background-color: white;
  padding: 8px 0;
  width: 50%;
}
.button .right-button {
  font-size: 18px;
  color: #FFFFFF;
  text-align: center;
  line-height: 27px;
  font-weight: 400;
  background-color: #CCAC77;
  padding: 8px 0;
  width: 50%;
}

.hold {
  background: #f5f5f5;
}
.hold .hold-detail {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  min-height: calc(100vh - 44px);
}
.hold .hold-detail .topbar {
  padding-top: 15px;
  padding-bottom: 0;
  background: white;
}
.hold .hold-detail .main-title {
  font-size: 12px;
  color: #999999;
}
.hold .hold-detail .main-title .main-flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  margin-bottom: 12px;
}
.hold .hold-detail .main-title .eye {
  display: block;
  width: 18px;
  height: 12px;
  margin-left: 6px;
}
.hold .hold-detail .main-title .main-value {
  color: #ff5656;
  font-size: 24px;
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
}
.hold .hold-detail .second {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 9px;
}
.hold .hold-detail .second .second-item {
  width: 33.3%;
  text-align: center;
}
.hold .hold-detail .second .second-item .title {
  font-size: 12px;
  color: #999999;
  margin-bottom: 6px;
}
.hold .hold-detail .second .second-item .value {
  font-size: 15px;
}
.hold .hold-detail .second .second-item .red {
  color: #ff5656;
}
.hold .hold-detail .second .second-item .green {
  color: #50ac35;
}
.hold .hold-detail .tranglle {
  position: relative;
  width: 0;
  height: 0;
  border-width: 0 10px 10px;
  border-style: solid;
  border-color: transparent transparent #f9f9f9;
  margin: 0 auto;
}
.hold .hold-detail .fold-content {
  background: #f9f9f9;
  padding: 15px;
  color: #333333;
}
.hold .hold-detail .fold-content .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 9px;
}
.hold .hold-detail .fold-content .flex:last-child {
  margin-bottom: 0;
}
.hold .hold-detail .fold-content .flex .item {
  width: 50%;
  font-size: 11px;
}
.hold .hold-detail .tab-month-report {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
  background-color: #ffffff;
  padding: 15px;
}
.hold .hold-detail .tab-month-report .flex {
  display: -webkit-flex;
  display: flex;
}
.hold .hold-detail .tab-month-report .flex .icon-month-report {
  width: 75px;
}
.hold .hold-detail .tab-month-report .flex .f14 {
  font-size: 14px;
}
.hold .hold-detail .tab-month-report .arrow-right {
  width: 8px;
  height: 14px;
}
.hold .hold-detail .tab-list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 15px 30px 12px;
  margin: 5px 0;
  background-color: white;
}
.hold .hold-detail .tab-list p {
  color: #333333;
}
.hold .hold-detail .chart-area {
  background-color: white;
  padding: 15px;
  margin-bottom: 5px;
}
.hold .hold-detail .chart-area .card-title {
  font-family: PingFangSC-Semibold;
  font-size: 18px;
  color: #333333;
  letter-spacing: 0;
  line-height: 27px;
}
.hold .hold-detail .card-list {
  background-color: white;
  padding: 0 15px;
}
.hold .hold-detail .risk-tip {
  background-color: #f5f5f5;
  padding: 15px 15px 0;
  font-size: 10px;
  color: #666666;
  text-align: justify;
  line-height: 15px;
  font-weight: 400;
}
.hold .button {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #ccac77;
}
.hold .button .left-button {
  font-size: 18px;
  color: #ccac77;
  text-align: center;
  line-height: 27px;
  font-weight: 400;
  background-color: white;
  padding: 8px 0;
  width: 50%;
}
.hold .button .left-button-disable {
  font-size: 18px;
  color: rgba(204, 172, 119, 0.5);
  text-align: center;
  line-height: 27px;
  font-weight: 400;
  background-color: white;
  padding: 8px 0;
  width: 50%;
}
.hold .button .right-button {
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  line-height: 27px;
  font-weight: 400;
  background-color: #ccac77;
  padding: 8px 0;
  width: 50%;
}
.hold .button .right-button.opacity-5 {
  background: rgba(204, 172, 119, 0.5);
}

.hold-nav-list .item-month {
  padding: 15px 15px 5px;
  background: #f9f9f9;
}
.hold-nav-list .item-moduleList {
  padding: 0 15px;
}
.hold-nav-list .item-moduleList .trade-card {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.hold-nav-list .item-moduleList .trade-card .trade-card-left {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex: 1;
          flex: 1;
}
.hold-nav-list .item-moduleList .trade-card .trade-card-left .color-red {
  color: #d0021b;
}
.hold-nav-list .item-moduleList .trade-card .trade-card-left .color-blue {
  color: #4a90e2;
}
.hold-nav-list .item-moduleList .trade-card .trade-card-left .color-grey {
  color: #999999;
}
.hold-nav-list .item-moduleList .trade-card .trade-card-left .trade-card-tradeType {
  width: 30px;
}
.hold-nav-list .item-moduleList .trade-card .trade-card-left .trade-card-center {
  -webkit-flex: 1;
          flex: 1;
  margin-left: 10px;
}
.hold-nav-list .item-moduleList .trade-card .trade-card-left .trade-card-productName {
  font-size: 14px;
}
.hold-nav-list .item-moduleList .trade-card .trade-card-subamt {
  font-size: 14px;
}
.hold-nav-list .item-moduleList .trade-card .trade-card-status {
  text-align: right;
}

.invest-project-detail .project-top-area {
  text-align: center;
  color: #fff;
  background: #ccac77;
}
.invest-project-detail .project-top-area .core-top-ele {
  position: relative;
  padding: 20px 0 30px;
}
.invest-project-detail .project-top-area .core-top-ele .flex-center {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding-bottom: 18px;
  font-size: 15px;
}
.invest-project-detail .project-top-area .core-top-ele .flex-center .display-title {
  font-size: 15px;
}
.invest-project-detail .project-top-area .core-top-ele .close-eye {
  position: absolute;
  width: 60px;
  height: 60px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  top: -1px;
  left: 50%;
  margin-left: 31px;
}
.invest-project-detail .project-top-area .core-top-ele .close-eye .eye {
  display: block;
  width: 15px;
  height: 15px;
}
.invest-project-detail .project-top-area .core-top-ele .display-value {
  font-size: 33px;
}
.invest-project-detail .project-top-area .core-top-ele .question-area {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 0;
  right: 0;
  line-height: 60px;
}
.invest-project-detail .project-top-area .core-top-ele .question-area .question {
  width: 12px;
  height: 12px;
}
.invest-project-detail .project-top-area .core-two-ele {
  display: -webkit-flex;
  display: flex;
  color: #fff;
  padding: 20px 0 15px;
  margin: 0 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.invest-project-detail .project-top-area .core-two-ele .ele {
  width: 50%;
  text-align: center;
  font-size: 14px;
}
.invest-project-detail .project-top-area .core-two-ele .ele .ele-title {
  margin-bottom: 5px;
}
.invest-project-detail .project-report {
  padding: 0 15px;
  margin-bottom: 5px;
  background-color: #fff;
}
.invest-project-detail .project-report .project-report-title {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
  font-size: 18px;
  padding: 15px 0 10px;
  color: #333;
}
.invest-project-detail .project-report .project-report-title .project-report-seeMore {
  color: #ccac77;
  font-size: 14px;
  -webkit-flex: 1;
          flex: 1;
  text-align: right;
}
.invest-project-detail .project-nav {
  padding-bottom: 30px;
}
.invest-project-detail .project-nav .project-nav-title {
  padding: 15px 0 15px;
}
.invest-project-detail .project-nav .nav-box {
  border: 1px solid #eeeeee;
}
.invest-project-detail .project-nav .nav-box .flex-item {
  display: -webkit-flex;
  display: flex;
  background: #fafafa;
  border-bottom: 1px solid #eeeeee;
}
.invest-project-detail .project-nav .nav-box .flex-item:nth-of-type(2n) {
  background: #ffffff;
}
.invest-project-detail .project-nav .nav-box .flex-item:last-of-type {
  border-bottom: none;
}
.invest-project-detail .project-nav .nav-box .flex-item .left {
  width: 30%;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-right: 1px solid #eeeeee;
}
.invest-project-detail .project-nav .nav-box .flex-item .right {
  width: 70%;
  height: 42px;
  line-height: 42px;
  text-align: left;
  padding-left: 15px;
}
.invest-project-detail .project-transition {
  padding: 15px 15px 0;
  margin-bottom: 15px;
  background-color: #fff;
}
.invest-project-detail .project-transition .project-transition-title {
  font-size: 18px;
  color: #333;
}
.invest-project-detail .project-transition .transition-card {
  font-size: 12px;
  padding-top: 12px;
}
.invest-project-detail .project-transition .transition-card .transition-card-month {
  color: #999999;
  margin-bottom: 10px;
}
.invest-project-detail .project-transition .transition-card .transition-card-item {
  display: -webkit-flex;
  display: flex;
  height: 60px;
  -webkit-align-items: center;
          align-items: center;
  border-top: 1px solid #eeeeee;
}
.invest-project-detail .project-transition .transition-card .transition-card-item .transition-card-item-type {
  width: 28px;
  line-height: 1.5;
  margin-right: 18px;
}
.invest-project-detail .project-transition .transition-card .transition-card-item .gray99 {
  color: #999;
}
.invest-project-detail .project-transition .transition-card .transition-card-item .red {
  color: #ff5656;
}
.invest-project-detail .project-transition .transition-card .transition-card-item .blue {
  color: #4a90e2;
}
.invest-project-detail .project-transition .transition-card .transition-card-item .transition-card-item-subAmt {
  -webkit-flex: 1;
          flex: 1;
  font-size: 14px;
  line-height: 14px;
}
.invest-project-detail .project-transition .transition-card .transition-card-item .transition-card-item-date {
  width: 130px;
  color: #999999;
  text-align: right;
}

.am-textarea-item {
  padding-left: 0;
}
.am-textarea-item .am-textarea-control textarea {
  font-size: 14px;
  color: #333;
}
.am-textarea-item .am-textarea-control textarea:disabled {
  font-size: 14px;
  color: #333;
}

.project-nav-list {
  margin: 20px;
  border: 1px solid #eeeeee;
}
.project-nav-list .list-header {
  display: -webkit-flex;
  display: flex;
  background: #eeeeee;
}
.project-nav-list .list-header .item {
  width: 33.3%;
  height: 42px;
  line-height: 42px;
  text-align: center;
}
.project-nav-list .list-body .flex {
  display: -webkit-flex;
  display: flex;
}
.project-nav-list .list-body .flex:nth-of-type(2n) {
  background: #fafafa;
}
.project-nav-list .list-body .flex .item {
  width: 33.3%;
  height: 42px;
  line-height: 42px;
  text-align: center;
}

.netWorth-detail {
  margin: 15px;
  border: 0.5px solid #e6e6e6;
}
.netWorth-detail .theader {
  color: #C7AD60;
  font-weight: 600;
}
.netWorth-detail .border-right-view {
  border-right: 0.5px solid #e6e6e6;
}
.netWorth-detail .border-right-trans {
  border-right: 1px solid transparent;
}

.dividends-detail {
  margin: 15px;
  border: 0.5px solid #e6e6e6;
}
.dividends-detail .theader {
  color: #C7AD60;
  font-weight: 600;
}
.dividends-detail .border-right-view {
  border-right: 0.5px solid #e6e6e6;
}
.dividends-detail .border-right-trans {
  border-right: 1px solid transparent;
}

.cash-balance .topbar {
  padding: 24px 0 0;
  background: #CCAC77;
  color: #ffffff;
  text-align: center;
}
.cash-balance .topbar .f15 {
  font-size: 15px;
  margin-bottom: 18px;
}
.cash-balance .topbar .f33 {
  font-size: 33px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin: 0 24px;
}
.cash-balance .topbar .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 15px 34px 17px;
}
.cash-balance .topbar .flex .item {
  text-align: center;
}
.cash-balance .topbar .flex .item .mb-px-11 {
  margin-bottom: 11px;
}
.cash-balance .topbar .flex .item .mount {
  font-size: 15px;
}
.cash-balance .canvas {
  text-align: center;
  margin: 0 24px;
}
.cash-balance .canvas #container {
  width: 100% !important;
  height: auto !important;
}
.cash-balance .canvas .title {
  color: #999999;
  padding: 30px 0 0;
}
.cash-balance .canvas .flex-box {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  border: 1px solid #CCAC77;
  border-radius: 3px;
  overflow: hidden;
}
.cash-balance .canvas .flex-box .item-box {
  width: 33%;
  background-color: #fff;
  color: #CCAC77;
  padding: 8px 0;
  text-align: center;
  border-right: 1px solid #CCAC77;
}
.cash-balance .canvas .flex-box .item-box:nth-of-type(3) {
  border: none;
}
.cash-balance .canvas .flex-box .item-box.active {
  color: white;
  background-color: #CCAC77;
}
.cash-balance .canvas .flex-box .item-box.active:nth-of-type(3) {
  border-right: 1px solid #CCAC77;
}
.cash-balance .pt-3 {
  padding-top: 30px;
}
.cash-balance .pt-3 .title {
  color: #D0AF68;
  margin-bottom: 14px;
  font-size: 18px;
  text-align: center;
}
.cash-balance .pt-3 .desc {
  font-size: 14px;
  color: #333333;
  width: 230px;
  text-align: center;
  line-height: 21px;
  margin: 0 auto 24px;
}
.cash-balance .pt-3 .flex {
  display: -webkit-flex;
  display: flex;
  padding: 0 45px;
}
.cash-balance .pt-3 .flex .wd-50 {
  width: 50%;
  text-align: center;
}
.cash-balance .pt-3 .flex .icon {
  width: 60px;
  height: 60px;
  margin-bottom: 18px;
}
.cash-balance .pt-3 .flex .icon-desc {
  font-size: 14px;
  color: #333333;
}
.cash-balance .pt-3 .flex .mb-px-4 {
  margin-bottom: 4px;
}
.fixed {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  background-color: #CCAC77;
}

.no-bankcard-data {
  margin: 50% auto 0;
  background-color: white;
  height: 100vh;
}
.no-bankcard-data .img {
  width: 90px;
  margin: 0 auto 24px;
  display: block;
}
.no-bankcard-data .text {
  font-size: 18px;
  text-align: center;
  color: #333333;
  margin-bottom: 14px;
}
.no-bankcard-data .tips {
  font-size: 14px;
  text-align: center;
  color: #999999;
}

.result-message {
  background-color: white;
  height: 100vh;
}
.result-message .img {
  width: 45px;
  margin: 0 auto 18px;
  display: block;
}
.result-message .message {
  font-size: 16px;
  text-align: center;
  color: #333333;
  margin-bottom: 30px;
}
.result-message .tip {
  font-size: 14px;
  line-height: 1.6;
  color: #999999;
  padding: 0 30px;
  text-align: justify;
}
.result-message .tip .text-left {
  text-align: left;
  font-size: 14px;
}
.result-message .tip .text-justify {
  text-align: justify;
  font-size: 14px;
}
.result-message .tip .primary {
  color: #ccac77;
}

.withdrawal-detail {
  color: #333333;
  background-color: #f9f9f9;
  height: 100vh;
}
.withdrawal-detail .topbar {
  padding: 30px 0;
  background: #ccac77;
  color: #ffffff;
  text-align: center;
  margin-bottom: 0;
}
.withdrawal-detail .topbar .custname {
  background: #ccac77;
  color: #ffffff;
  padding: 0 20px 20px;
  text-align: left;
}
.withdrawal-detail .topbar .f15 {
  font-size: 15px;
  margin-bottom: 18px;
}
.withdrawal-detail .topbar .f33 {
  font-size: 33px;
}
.withdrawal-detail .content {
  background-color: #fff;
  padding: 0 24px;
}
.withdrawal-detail .content .select-bank {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #eeeeee;
}
.withdrawal-detail .content .select-bank .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  width: 80%;
}
.withdrawal-detail .content .select-bank .wd-px-24 {
  height: 24px;
  margin-right: 9px;
}
.withdrawal-detail .content .select-bank .f15 {
  font-size: 15px;
}
.withdrawal-detail .content .select-bank .arrow {
  width: 8px;
  height: 14px;
}
.withdrawal-detail .content .desc {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 12px 0 30px;
}
.withdrawal-detail .content .desc .grey-999 {
  color: #999999;
}
.withdrawal-detail .content .desc .primary {
  font-size: 14px;
  color: #ccac77;
}
.withdrawal-detail .content .desc .primary-f12 {
  font-size: 12px;
  color: #ccac77;
}
.withdrawal-detail .content .radio-area .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 25px;
}
.withdrawal-detail .content .radio-area .flex .item {
  color: #333333;
  margin-left: 9px;
  font-size: 14px;
}
.withdrawal-detail .content .radio-area .flex .gray-999 {
  color: #999999;
  font-size: 12px;
}
.withdrawal-detail .content .radio-area .flex .ml-px-9 {
  margin-left: 9px;
}
.withdrawal-detail .content .radio-area .flex .red {
  color: #ff5656;
  font-size: 12px;
}
.withdrawal-detail .content .inputItem {
  padding-bottom: 24px;
  position: relative;
}
.withdrawal-detail .content .inputItem .am-list-item.am-input-item {
  padding-left: 0;
}
.withdrawal-detail .content .inputItem .am-list-item .am-input-label.am-input-label-5 {
  font-size: 30px;
  width: 18px;
}
.withdrawal-detail .content .inputItem .am-list-item .am-input-clear {
  display: none;
  width: 15px;
  height: 15px;
  background-size: 15px auto;
}
.withdrawal-detail .content .inputItem .chinese {
  color: #999999;
  padding: 12px 0 0 30px;
}
.withdrawal-detail .content .inputItem .withdrawalAll {
  position: absolute;
  right: 0px;
  top: 16px;
  color: #ccac77;
  font-size: 14px;
}
.withdrawal-detail .bottom-tips {
  color: #999;
  font-size: 12px;
  line-height: 18px;
  padding: 0 15px;
  margin-top: 10px;
}
.withdrawal-detail .result {
  padding: 30px 24px 0;
}
.withdrawal-detail .result .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.withdrawal-detail .result .flex .wd-px-24 {
  width: 24px;
  height: 24px;
  margin-right: 9px;
}
.withdrawal-detail .result .flex .f14 {
  font-size: 14px;
}
.withdrawal-detail .result .flex .f14 .primary {
  color: #ccac77;
}
.withdrawal-detail .result .line {
  width: 1px;
  height: 60px;
  background-color: #dddddd;
  margin-left: 11px;
}
.withdrawal-detail .fixed {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: block;
  background-color: transparent;
}
.withdrawal-detail .fixed .text-center {
  text-align: center;
  margin-bottom: 20px;
  color: #ccac77;
}
.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm {
  background-color: #ccac77 !important;
}
.bankModal .title {
  font-size: 16px;
  padding-top: 15px;
  margin-bottom: 10px;
}
.bankModal .bankList {
  padding: 10px 20px;
}
.bankModal .bankList .item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 10px;
}
.bankModal .bankList .item .image_bank {
  max-width: 102px;
  max-height: 24px;
  margin-right: 10px;
}
.bankModal .bankList .item .bankNo {
  color: #333333;
}
.withdrawal_confirmModal {
  width: 310px !important;
}
.withdrawal_confirmModal .am-modal-content {
  padding-top: 0 !important;
}
.withdrawal_confirmModal .am-modal-content .am-modal-body {
  padding: 20px !important;
}
.withdrawal_confirmModal .title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.withdrawal_confirmModal .content {
  margin-bottom: 15px;
}
.withdrawal_confirmModal .content .item {
  text-align: left;
  color: #333;
  margin-bottom: 5px;
}
.withdrawal_confirmModal .content .item span {
  width: 60px;
  display: inline-block;
  color: #999;
}
.withdrawal_confirmModal .tips {
  color: #ccac77;
  text-align: left;
  margin-bottom: 15px;
}
.withdrawal_confirmModal .tips p {
  font-size: 12px;
}
.withdrawal_confirmModal .close_btn {
  font-size: 20px;
  width: 62px;
  height: 62px;
  line-height: 62px;
  position: absolute;
  top: 0;
  right: 0;
}

.cash-know .topbar {
  padding: 36px 0 45px;
  background: #CCAC77;
  color: #ffffff;
  text-align: center;
}
.cash-know .topbar .returnRate {
  font-size: 28px;
  margin-bottom: 12px;
}
.cash-know .topbar .returnRate-text {
  font-size: 45px;
}
.cash-know .pt-3 {
  padding-top: 30px;
}
.cash-know .pt-3 .title {
  color: #D0AF68;
  margin-bottom: 14px;
  font-size: 18px;
  text-align: center;
}
.cash-know .pt-3 .desc {
  font-size: 14px;
  color: #333333;
  width: 230px;
  text-align: center;
  line-height: 21px;
  margin: 0 auto 24px;
}
.cash-know .pt-3 .flex {
  display: -webkit-flex;
  display: flex;
  padding: 0 45px;
}
.cash-know .pt-3 .flex .wd-50 {
  width: 50%;
  text-align: center;
}
.cash-know .pt-3 .flex .icon {
  width: 60px;
  height: 60px;
  margin-bottom: 18px;
}
.cash-know .pt-3 .flex .icon-desc {
  font-size: 14px;
  color: #333333;
}
.cash-know .pt-3 .flex .mb-px-4 {
  margin-bottom: 4px;
}
.fixed {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.withdrawal-rule {
  margin-top: 40px;
  padding: 0 24px;
}
.withdrawal-rule .title {
  font-size: 12px;
  margin-bottom: 14px;
}
.withdrawal-rule .mt-px-22 {
  margin-top: 22px;
}
.withdrawal-rule tr:nth-of-type(2n-1) {
  background-color: #fafafa;
}
.withdrawal-rule tr:nth-of-type(2n) {
  background-color: #ffffff;
}

.header-card {
  padding: 0 15px;
}
.header-card .text {
  font-size: 14px;
  font-weight: bold;
  margin-right: 6px;
}
.header-card .centerNumber {
  font-size: 24px;
  font-weight: 550;
}
.header-card .headerList-number {
  font-size: 14px;
  font-weight: 550;
}
.follow-desc-modal .text {
  text-align: left;
  color: #333333;
  font-size: 14px;
  line-height: 21px;
}
.follow-desc-modal .bold {
  font-weight: bold;
}
.follow-desc-modal .tip-text {
  color: #FF7700;
  line-height: 18px;
  text-align: justify;
}

.pdf-doc {
  height: 100%;
}
.pdf-doc .doc-title {
  font-size: 20px;
  color: #333;
  line-height: 40px;
  padding: 20px 15px 6px;
  text-align: center;
  font-weight: 500;
}
.pdf-doc .info {
  color: #999;
  margin-bottom: 10px;
  font-size: 12px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
}
.pdf-doc .info span {
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
  white-space: nowrap;
}
.pdf-doc .doc-footer {
  color: #999;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 20px 10px;
}
.pdf-doc .doc-footer .doc-footer-read {
  line-height: 40px;
}
.pdf-doc .doc-footer .doc-footer-like {
  line-height: 40px;
}
.pdf-doc .doc-footer .doc-footer-like img {
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}
.pdf-doc .doc-footer .doc-footer-like p {
  line-height: 40px;
  display: inline-block;
  margin-left: 5px;
}
.pdf-loading .am-modal-content {
  background-color: transparent;
}
.progress .progress-num {
  color: #fff;
  margin-bottom: 20px;
}
.progress .progress-text {
  color: #fff;
  margin: 20px auto;
}
.progress .am-progress-bar {
  border: 2px solid #c6ae61;
}
.progress .am-progress-outer {
  background-color: #ccc !important;
}

.privacy-page,
.register_page,
.fund_service,
.pay_service {
  padding: 0 15px;
  text-align: justify;
}
.privacy-page div,
.register_page div,
.fund_service div,
.pay_service div,
.privacy-page p,
.register_page p,
.fund_service p,
.pay_service p {
  font-size: 14px;
}
.privacy-page .table .th .td,
.register_page .table .th .td,
.fund_service .table .th .td,
.pay_service .table .th .td {
  font-weight: bold;
}
.privacy-page .table .th,
.register_page .table .th,
.fund_service .table .th,
.pay_service .table .th,
.privacy-page .table .tr,
.register_page .table .tr,
.fund_service .table .tr,
.pay_service .table .tr {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  border: 1px solid #eeeeee;
  padding: 0;
}
.privacy-page .table .th .td,
.register_page .table .th .td,
.fund_service .table .th .td,
.pay_service .table .th .td,
.privacy-page .table .tr .td,
.register_page .table .tr .td,
.fund_service .table .tr .td,
.pay_service .table .tr .td {
  height: 100%;
  padding: 4px 5px;
  border-right: 1px solid #eeeeee;
  text-align: left;
  overflow: hidden;
  word-wrap: break-word;
}
.privacy-page .table .th .td:nth-child(1),
.register_page .table .th .td:nth-child(1),
.fund_service .table .th .td:nth-child(1),
.pay_service .table .th .td:nth-child(1),
.privacy-page .table .tr .td:nth-child(1),
.register_page .table .tr .td:nth-child(1),
.fund_service .table .tr .td:nth-child(1),
.pay_service .table .tr .td:nth-child(1) {
  width: 50px;
  font-weight: bold;
}
.privacy-page .table .th .td:nth-child(2),
.register_page .table .th .td:nth-child(2),
.fund_service .table .th .td:nth-child(2),
.pay_service .table .th .td:nth-child(2),
.privacy-page .table .tr .td:nth-child(2),
.register_page .table .tr .td:nth-child(2),
.fund_service .table .tr .td:nth-child(2),
.pay_service .table .tr .td:nth-child(2) {
  -webkit-flex: 1;
          flex: 1;
}
.privacy-page .table .th .td:nth-last-child(1),
.register_page .table .th .td:nth-last-child(1),
.fund_service .table .th .td:nth-last-child(1),
.pay_service .table .th .td:nth-last-child(1),
.privacy-page .table .tr .td:nth-last-child(1),
.register_page .table .tr .td:nth-last-child(1),
.fund_service .table .tr .td:nth-last-child(1),
.pay_service .table .tr .td:nth-last-child(1) {
  -webkit-flex: 1;
          flex: 1;
  border-right: 0;
}
.privacy-page .table .th .br0,
.register_page .table .th .br0,
.fund_service .table .th .br0,
.pay_service .table .th .br0,
.privacy-page .table .tr .br0,
.register_page .table .tr .br0,
.fund_service .table .tr .br0,
.pay_service .table .tr .br0 {
  border-right: 0;
}
.privacy-page .table .th .bl,
.register_page .table .th .bl,
.fund_service .table .th .bl,
.pay_service .table .th .bl,
.privacy-page .table .tr .bl,
.register_page .table .tr .bl,
.fund_service .table .tr .bl,
.pay_service .table .tr .bl {
  border-left: 1px solid #eeeeee;
}
.f14 {
  font-size: 14px;
}
.f24 {
  font-size: 24px !important;
}
.bold {
  font-weight: bold;
}
.lh-120 {
  line-height: 1.2;
}
.lh-180 {
  line-height: 1.8;
}
.mt-px-12 {
  margin-top: 12px;
}
.mb {
  margin-bottom: 10px;
}

.modal-title {
  font-size: 20px !important;
  margin-bottom: 20px !important;
}
.login-modal-container {
  position: relative;
}
.login-modal-container .am-list-item .am-list-line {
  padding-right: 0px !important;
}
.login-modal-container .am-list-item.am-input-item {
  padding-left: 0px;
}
.login-modal-container .orgList-container {
  display: -webkit-flex;
  display: flex;
  height: 44px;
  color: #bbb;
  font-size: 15px;
  line-height: 44px;
  border-bottom: 0.5px solid #dddddd;
}
.login-modal-container .orgList-container .orgList-item {
  color: #333333;
  font-size: 14px;
  margin-bottom: 6px;
  padding: 8px 5px;
}
.tab-container {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-top: 10px;
}
.tab-container .tab-item {
  font-size: 14px;
  color: #CCAC77;
}

.download-container {
  width: 100%;
  height: 100vh;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  overflow: hidden;
}

.transition-card {
  background-color: #ffffff;
  border-radius: 1px;
  padding: 15px 0;
  margin-bottom: 15px;
}
.transition-card .title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 0 15px 9px 0;
}
.transition-card .title .flex-center {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  width: 60%;
}
.transition-card .title .flex-center .bar {
  width: 4px;
  height: 18px;
  background: #ccac77;
  border-radius: 0 3px 3px 0;
}
.transition-card .title .flex-center .bar-white {
  background: #fff;
}
.transition-card .title .flex-center .name {
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
  padding-left: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.transition-card .title .tradeValue {
  width: 40%;
  text-align: right;
}
.transition-card .bottom {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
  color: #999999;
  padding: 0 15px;
  font-size: 12px;
}
.transition-card .bottom .left {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  width: 70%;
}
.transition-card .bottom .left .ellipsis {
  padding-left: 6px;
  -webkit-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-list-container,
.research-report-list-container {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 15px 0 0;
}
.report-list-container .flex-top,
.research-report-list-container .flex-top {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  padding: 0 15px 0 0;
  -webkit-flex: 1;
          flex: 1;
}
.report-list-container .bar,
.research-report-list-container .bar {
  width: 4px;
  height: 18px;
  background: #ccac77;
  border-radius: 0 3px 3px 0;
}
.report-list-container .bar-title,
.research-report-list-container .bar-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
  padding-left: 11px;
}
.research-report-list-container {
  padding-top: 0;
}
.report-card {
  background-color: #ffffff;
  border-radius: 2px;
  padding: 15px 0;
  margin: 0 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  border-bottom: 1px solid #eeeeee;
}
.report-card .left {
  -webkit-flex: 1;
          flex: 1;
  width: 70%;
}
.report-card .left .report-name {
  font-size: 14px;
  line-height: 21px;
  padding-bottom: 5px;
}
.report-card .left .flex-left {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.report-card .left .flex-left .icon-report {
  width: 14px;
  margin-right: 6px;
}
.report-card .left .flex-left .file-type {
  font-size: 12px;
  color: #999;
}
.report-card .email {
  width: 60px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #ccac77;
  background: #ffffff;
  border: 1px solid #ccac77;
  text-align: center;
  margin-left: 15px;
}
.todo-card {
  background-color: #ffffff;
  border-radius: 1px;
  padding: 15px 0 0;
}
.todo-card .flex-center {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.todo-card .flex-center .bar {
  width: 4px;
  height: 18px;
  background: #ccac77;
  border-radius: 0 3px 3px 0;
}
.todo-card .flex-center .title {
  font-size: 14px;
  font-weight: 600;
  line-height: 27px;
  padding-left: 11px;
}
.todo-card .todo-list {
  padding: 0 15px;
}
.todo-card .todo-list .item {
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}
.todo-card .todo-list .item:nth-last-child(1) {
  border-bottom: none;
}
.todo-card .todo-list .item .title {
  line-height: 21px;
  margin-bottom: 6px;
}
.todo-card .todo-list .item .description {
  font-size: 12px;
  line-height: 18px;
  color: #999999;
}
.tips {
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  color: #999;
  padding: 0 0 15px;
}
.email-send-modal {
  width: 240px !important;
}
.email-send-modal .am-modal-content {
  padding: 30px;
  border-radius: 5px;
}
.email-send-modal .am-modal-content .am-modal-body {
  padding: 0 !important;
}
.email-send-modal .am-modal-content img {
  width: 30px;
  height: 25px;
}
.email-send-modal .am-modal-content .modal-text {
  font-size: 12px;
  line-height: 18px;
  color: #333;
}

.qijian-desc-modal.am-modal-transparent {
  width: 315px;
  padding: 20px 0 10px;
}
.qijian-desc-modal.am-modal-transparent .am-modal-content {
  border-radius: 5px;
}
.qijian-desc-modal.am-modal-transparent .am-modal-content .am-modal-header {
  font-size: 15px;
  padding: 0 15px;
  margin-bottom: 10px;
}
.qijian-desc-modal.am-modal-transparent .am-modal-content .am-modal-body {
  padding: 10px 30px 30px;
}
.qijian-desc-modal.am-modal-transparent .am-modal-content .am-modal-body .text {
  text-align: justify;
  color: #333333;
  max-height: 355px;
  overflow: scroll;
}
.qijian-desc-modal.am-modal-transparent .am-modal-content .am-modal-body p {
  margin-bottom: 10px;
  font-size: 12px;
  text-align: justify;
}
.qijian-desc-modal.am-modal-transparent .am-modal-content .am-modal-body .am-textarea-control {
  padding: 0;
}
.qijian-desc-modal.am-modal-transparent .am-modal-content .am-modal-body .am-textarea-control textarea {
  font-size: 15px;
  line-height: 1.5;
  text-align: justify;
  color: #333333;
}
.qijian-desc-modal.am-modal-transparent .am-modal-content .am-modal-body .am-textarea-control textarea:disabled {
  font-size: 14px;
  color: #333;
}

.account-total {
  background-image: url(https://mr.loyalvalleycapital.com//static/bg_small-f0ea8e12059f47e994e845c47c6eece3.png);
  background-color: #fff;
  background-size: 100% 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  padding-bottom: 15px;
  min-height: 85px;
}
.account-total.bg-big {
  background-image: url(https://mr.loyalvalleycapital.com//static/bg_big-c01eadf4e9dc914e3fe542ada6b102a6.png);
  min-height: 145px;
  padding: 1px;
}
.account-total .overview-title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.account-total .overview-title .left {
  -webkit-flex: 1;
          flex: 1;
  padding: 15px 0 14px 15px;
  font-size: 14px;
  font-weight: bold;
}
.account-total .overview-title .right {
  width: 100px;
  padding: 15px 15px 15px 0;
  text-align: right;
}
.account-total .overview-title .right .icon-question {
  width: 14px;
  height: 14px;
}
.account-total .overview-title .icon-eye {
  width: 15px;
  margin-left: 6px;
}
.account-total .cumulative-gain {
  margin: 0 15px 21px;
}
.account-total .cumulative-gain .flex {
  display: -webkit-flex;
  display: flex;
  font-size: 14px;
}
.account-total .cumulative-gain .flex .item {
  width: 50%;
}
.account-total .cumulative-gain .flex .item .title {
  font-size: 12px;
  color: #999;
  margin-bottom: 10px;
}
.account-total .cumulative-gain .flex .item .red {
  color: #d0021b;
  font-family: DINRegular;
}
.account-total .cumulative-gain .flex .item .green {
  color: #50ac35;
  font-family: DINRegular;
}
.account-total .cumulative-gain .flex .item-right {
  text-align: right;
}
.account-total .cumulative-gain-and-market {
  margin: 0 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.account-total .cumulative-gain-and-market .item {
  width: 50%;
}
.account-total .cumulative-gain-and-market .item:nth-of-type(2) {
  text-align: right;
}
.account-total .cumulative-gain-and-market .item .title {
  font-size: 12px;
  color: #666;
  margin-bottom: 8px;
}
.account-total .cumulative-gain-and-market .item .value {
  font-size: 15px;
  font-family: DINMedium;
}
.account-total .cumulative-gain-and-market .item .green {
  color: #50ac35;
}
.account-total .assets {
  font-size: 12px;
  padding: 0 15px 22px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.account-total .assets .currency-assets {
  -webkit-flex: 1;
          flex: 1;
}
.account-total .assets .currency-assets:nth-child(1) {
  text-align: left;
}
.account-total .assets .currency-assets:nth-child(2) {
  text-align: right;
}
.account-total .assets .currency-assets .title {
  font-size: 12px;
  margin-bottom: 6px;
  color: #999;
}
.account-total .assets .currency-assets .f18 {
  font-family: DINMedium;
  font-size: 18px;
}

.invest-list-container .blue {
  font-size: 14px;
  color: #4a90e2;
  text-align: center;
  padding: 10px 0 20px;
}
.invest-card {
  padding: 15px 0 0;
  margin-bottom: 10px;
  border-radius: 2px;
  background-color: #ffffff;
}
.invest-card .product-title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 0 15px 15px 0;
}
.invest-card .product-title .flex-center {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  width: 80%;
}
.invest-card .product-title .flex-center .bar {
  width: 4px;
  height: 18px;
  background: #ccac77;
  border-radius: 0 3px 3px 0;
}
.invest-card .product-title .flex-center .name {
  -webkit-flex: 1;
          flex: 1;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  padding-left: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.invest-card .product-basic-ele,
.invest-card .product-history-basic-ele {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 12px;
  padding: 0 15px;
}
.invest-card .product-basic-ele .product-basic-ele-item,
.invest-card .product-history-basic-ele .product-basic-ele-item {
  width: 33.3%;
  margin-bottom: 20px;
}
.invest-card .product-basic-ele .product-basic-ele-item:nth-child(3n-1),
.invest-card .product-history-basic-ele .product-basic-ele-item:nth-child(3n-1) {
  text-align: center;
}
.invest-card .product-basic-ele .product-basic-ele-item:nth-child(3n-1) .item-title,
.invest-card .product-history-basic-ele .product-basic-ele-item:nth-child(3n-1) .item-title {
  padding: 0;
}
.invest-card .product-basic-ele .product-basic-ele-item:nth-child(3n),
.invest-card .product-history-basic-ele .product-basic-ele-item:nth-child(3n) {
  text-align: right;
}
.invest-card .product-basic-ele .product-basic-ele-item:nth-child(3n) .item-title,
.invest-card .product-history-basic-ele .product-basic-ele-item:nth-child(3n) .item-title {
  text-align: right;
  padding: 0;
}
.invest-card .product-basic-ele .product-basic-ele-item .item-title,
.invest-card .product-history-basic-ele .product-basic-ele-item .item-title {
  color: #999999;
  margin-bottom: 8px;
}
.invest-card .product-basic-ele .product-basic-ele-item .item-content,
.invest-card .product-history-basic-ele .product-basic-ele-item .item-content {
  font-family: DINMedium;
}
.invest-card .product-basic-ele .product-basic-ele-item .red,
.invest-card .product-history-basic-ele .product-basic-ele-item .red {
  color: #d0021b;
}
.invest-card .product-basic-ele .product-basic-ele-item .green,
.invest-card .product-history-basic-ele .product-basic-ele-item .green {
  color: #50ac35;
}
.invest-card .product-basic-ele .noMargin,
.invest-card .product-history-basic-ele .noMargin {
  margin-bottom: 0;
}
.invest-card .product-history-basic-ele .product-basic-ele-item {
  margin-bottom: 15px;
}
.invest-card .product-basic-ele-qijian {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 12px;
  padding: 15px;
  background: #fffbf6;
}
.invest-card .product-basic-ele-qijian .product-basic-ele-item {
  width: 33.3%;
  margin-bottom: 20px;
}
.invest-card .product-basic-ele-qijian .product-basic-ele-item:nth-child(3n-1) {
  text-align: center;
}
.invest-card .product-basic-ele-qijian .product-basic-ele-item:nth-child(3n-1) .item-title {
  padding: 0;
}
.invest-card .product-basic-ele-qijian .product-basic-ele-item:nth-child(3n) {
  text-align: right;
}
.invest-card .product-basic-ele-qijian .product-basic-ele-item:nth-child(3n) .item-title {
  text-align: right;
  padding: 0;
}
.invest-card .product-basic-ele-qijian .product-basic-ele-item:nth-last-child(-n + 3) {
  margin-bottom: 0;
}
.invest-card .product-basic-ele-qijian .product-basic-ele-item .item-title {
  color: #999999;
  margin-bottom: 8px;
}
.invest-card .product-basic-ele-qijian .product-basic-ele-item .item-content {
  font-family: DINMedium;
}
.invest-card .product-basic-ele-qijian .product-basic-ele-item .red {
  color: #d0021b;
}
.invest-card .product-basic-ele-qijian .product-basic-ele-item .green {
  color: #50ac35;
}
.invest-card .product-extra-ele {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  color: #999;
  margin: 0 15px;
  font-size: 12px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.invest-card .product-extra-ele .product-extra-ele-item:nth-child(1) {
  margin-right: 24px;
}
.invest-card .product-extra-ele .product-extra-ele-item .nav,
.invest-card .product-extra-ele .product-extra-ele-item .nav-date,
.invest-card .product-extra-ele .product-extra-ele-item .pay-rate {
  color: #333;
}
.invest-card .product-extra-ele .product-extra-ele-item .nav-date {
  display: inline-block;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  padding-left: 2px;
}
.invest-card .product-extra-ele-qijian {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  color: #999;
  margin: 0 15px;
  font-size: 12px;
  padding-bottom: 15px;
}
.invest-card .product-extra-ele-qijian .product-extra-ele-item:nth-child(2) {
  text-align: right;
}
.invest-card .product-extra-ele-qijian .product-extra-ele-item .value {
  font-family: DINMedium;
  color: #333;
  margin-top: 5px;
}

.transition-card,
.transition-card-simple {
  background-color: #ffffff;
  border-radius: 1px;
  padding: 15px 0;
  margin-bottom: 15px;
}
.transition-card .title,
.transition-card-simple .title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 0 15px 9px 0;
}
.transition-card .title .flex-center,
.transition-card-simple .title .flex-center {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  width: 60%;
}
.transition-card .title .flex-center .bar,
.transition-card-simple .title .flex-center .bar {
  width: 4px;
  height: 18px;
  background: #ccac77;
  border-radius: 0 3px 3px 0;
}
.transition-card .title .flex-center .bar-white,
.transition-card-simple .title .flex-center .bar-white {
  background: #fff;
}
.transition-card .title .flex-center .name,
.transition-card-simple .title .flex-center .name {
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
  padding-left: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.transition-card .title .trade-value,
.transition-card-simple .title .trade-value {
  width: 40%;
  text-align: right;
  font-family: DINMedium;
}
.transition-card .bottom,
.transition-card-simple .bottom {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
  color: #999999;
  padding: 0 15px;
  font-size: 12px;
}
.transition-card .bottom .left,
.transition-card-simple .bottom .left {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  width: 70%;
}
.transition-card .bottom .left .ellipsis,
.transition-card-simple .bottom .left .ellipsis {
  padding-left: 6px;
  -webkit-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.transition-card-simple {
  padding: 15px 0;
  margin: 0 15px;
  border-bottom: 1px solid #eee;
}
.transition-card-simple .title {
  padding-right: 0;
}
.transition-card-simple .title .flex-center .name {
  padding-left: 0;
}
.transition-card-simple .bottom {
  padding-left: 0;
  padding-right: 0;
}

.crm-common-card {
  background-color: #ffffff;
  border-radius: 2px;
  padding: 15px 0;
  margin-bottom: 15px;
}
.crm-common-card .title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 0 15px 15px 0;
}
.crm-common-card .title .flex-center {
  width: 75%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
}
.crm-common-card .title .flex-center .bar {
  width: 4px;
  height: 18px;
  background: #ccac77;
  border-radius: 0 3px 3px 0;
}
.crm-common-card .title .flex-center .name {
  -webkit-flex: 1;
          flex: 1;
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
  padding-left: 11px;
}
.crm-common-card .title .spec-name {
  -webkit-flex: 1;
          flex: 1;
}
.crm-common-card .title .exra-text {
  font-size: 12px;
  color: #999;
}
.crm-common-card .asset-item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 0 15px;
  margin-bottom: 15px;
  color: #333;
  font-family: DINMedium;
}
.crm-common-card .asset-item:nth-last-child(1) {
  margin-bottom: 0;
}
.crm-common-card .notice {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  height: 30px;
  background: #fff7df;
  border-radius: 1px;
  padding-left: 9px;
  margin: 15px 15px 0;
  color: #ff7700;
  font-size: 12px;
}
.crm-common-card .notice .icon-notice {
  width: 12px;
  height: 12px;
  margin-right: 5px;
}
.arrow-area {
  width: 15%;
  height: 18px;
  text-align: right;
  font-size: 12px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
}
.arrow-area .icon-arrow {
  width: 7px;
  height: 12px;
}
.crm-common-card.hide-padding-bottom {
  padding-bottom: 0;
}

.qijianMain-page {
  background-color: #f5f5f5;
  position: relative;
}
.qijianMain-page .header {
  display: -webkit-flex;
  display: flex;
  color: #fff;
  background-color: #ccac77;
  padding: 15px;
  height: 150px;
}
.qijianMain-page .header .icon-org {
  width: 40px;
  height: 40px;
}
.qijianMain-page .header .header-right {
  margin-left: 10px;
}
.qijianMain-page .header .header-right .name {
  margin-bottom: 6px;
}
.qijianMain-page .header .header-right .welcome {
  font-size: 12px;
}
.qijianMain-page .qijianMain-account-overview-container {
  width: calc(100vw - 30px);
  padding: 5px 15px 5px;
  position: absolute;
  top: 90px;
}
.qijianMain-page .main-container {
  position: relative;
}
.qijianMain-page .main-container .bg {
  width: 100%;
  height: 150px;
  background-image: linear-gradient(#fff, #f5f5f5);
  position: absolute;
  top: 0;
}
.qijianMain-page .main-container .desc {
  padding: 15px 15px 0;
  line-height: 21px;
  margin-bottom: 2px;
  position: relative;
}
.qijianMain-page .tabs .am-tabs-default-bar-top {
  padding: 0 15px;
  background-color: transparent !important;
}
.qijianMain-page .tabs .am-tabs-default-bar-content {
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.qijianMain-page .tabs .am-tabs-default-bar-content .am-tabs-default-bar-tab {
  width: auto !important;
  padding: 0;
  height: 50px;
  font-size: 14px;
}
.qijianMain-page .tabs .am-tabs-default-bar-content .am-tabs-default-bar-tab::after {
  height: 0 !important;
}
.qijianMain-page .tabs .am-tabs-default-bar-content .relative {
  position: relative;
}
.qijianMain-page .tabs .am-tabs-default-bar-content .custom-default-tab {
  width: 80px;
  text-align: center;
  color: #333;
  background: #ffffff;
  border-radius: 3px;
  padding: 0 8px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #eeeeee;
}
.qijianMain-page .tabs .am-tabs-default-bar-content .custom-active-tab {
  background: #ccac77;
  color: #fff;
  border-radius: 3px;
  border: none;
}
.qijianMain-page .tabs .am-tabs-default-bar-content .custom-arrow {
  width: 0 !important;
  height: 0 !important;
  border: 5px solid;
  border-color: #ccac77 transparent transparent transparent;
  background-color: transparent !important;
  left: 50%;
  position: absolute;
  margin-left: -6px;
}
.qijianMain-page .tabs .tab-list {
  margin: 6px 15px 0;
}
.qijianMain-page .see-all-btn {
  color: #4a90e2;
  text-align: center;
  padding: 15px 0;
}

.picker-row-flex {
  min-height: 45px;
  padding: 0 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.module {
  -webkit-flex: 1 !important;
          flex: 1 !important;
  line-height: 45px;
  font-size: 12px;
}
.module:nth-of-type(1),
.module:nth-of-type(2) {
  margin-right: 6px;
}
.module:nth-of-type(3) .antd-picker-com .antd-picker-com-choose .antd-picker-com-type {
  width: 40px;
  text-align: right;
}

.qijianReportList-page {
  background-color: #ffffff;
}
.qijianReportList-page .all-report-list-container .bar-container {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  padding: 15px 0;
  background: #f5f5f5;
}
.qijianReportList-page .all-report-list-container .bar-container .bar {
  width: 4px;
  height: 18px;
  margin-left: 15px;
  background-color: #ccac77;
}
.qijianReportList-page .all-report-list-container .bar-container .bar-title {
  font-size: 14px;
  font-weight: bold;
  margin-left: 10px;
}
.qijianReportList-page .report-card {
  border-radius: 2px;
  padding: 15px 0;
  margin: 0 15px 0;
  border-bottom: 1px solid #eeeeee;
}
.qijianReportList-page .report-card .left {
  -webkit-flex: 1;
          flex: 1;
  width: 70%;
}
.qijianReportList-page .report-card .left .flex-top {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  padding: 0 15px 8px 0;
  -webkit-flex: 1;
          flex: 1;
}
.qijianReportList-page .report-card .left .bar-white {
  background: #fff;
}
.qijianReportList-page .report-card .left .report-name {
  font-size: 14px;
  line-height: 21px;
  padding-left: 0;
}
.qijianReportList-page .report-card .left .flex-left {
  padding-left: 0;
  font-size: 12px;
}
.qijianReportList-page .report-card .email {
  margin-right: 0;
}
.am-icon-loading {
  display: none;
}
.am-toast-notice-content .am-toast-text {
  padding: 9px 10px;
}
.am-toast-text-info {
  font-size: 12px;
}

.qijian-history-investList-page {
  padding: 60px 15px 10px;
  background-color: #f5f5f5;
  min-height: calc(100vh - 70px);
}

.header {
  position: relative;
  width: 100%;
  height: 90px;
  background: #ccac77;
}
.header-big {
  position: relative;
  width: 100%;
  height: 135px;
  background: #ccac77;
}
.account-overview-container {
  width: calc(100vw - 30px);
  padding: 5px 15px 5px;
  position: absolute;
  top: 5px;
}
.fixedIncome-page {
  min-height: 100vh;
}
.fixedIncome-page .tab-list {
  margin: 15px 15px 0;
}

.qijianSingleAccount-page {
  min-height: 100vh;
}
.qijianSingleAccount-page .header {
  height: 155px;
}
.qijianSingleAccount-page .tab-list {
  margin: 15px 15px 0;
}

.stock-stock-detail-page {
  min-height: 100vh;
}
.stock-stock-detail-page .basicInfo {
  background-color: #fff;
  padding: 21px 15px 0;
}
.stock-stock-detail-page .basicInfo .flex-between {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-bottom: 15px;
}
.stock-stock-detail-page .basicInfo .flex-between .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.stock-stock-detail-page .basicInfo .flex-between .flex .title {
  font-weight: bold;
}
.stock-stock-detail-page .basicInfo .flex-between .icon-tip {
  width: 12px;
  height: 12px;
  margin-left: 8px;
}
.stock-stock-detail-page .basicInfo .flex-between .date {
  font-size: 12px;
  color: #999;
}
.stock-stock-detail-page .basicInfo .basicInfo-table {
  border: 1px solid #eeeeee;
}
.stock-stock-detail-page .basicInfo .basicInfo-table .basicInfo-table-item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  font-size: 12px;
  border-bottom: 1px solid #eee;
  color: #333;
}
.stock-stock-detail-page .basicInfo .basicInfo-table .basicInfo-table-item:nth-child(2n) {
  background-color: #fafafa;
}
.stock-stock-detail-page .basicInfo .basicInfo-table .basicInfo-table-item:nth-last-child(1) {
  border-bottom: none;
}
.stock-stock-detail-page .basicInfo .basicInfo-table .basicInfo-table-item .left {
  width: 48%;
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
  border-right: 1px solid #eee;
}
.stock-stock-detail-page .basicInfo .basicInfo-table .basicInfo-table-item .right {
  width: 52%;
  line-height: 30px;
  padding: 0 8px;
}
.stock-stock-detail-page .tab-list {
  margin: 15px 15px 0;
}
.stock-stock-detail-page .tab-list .all-report-list-container .bar-container {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  padding: 15px 0 15px;
  background: #f5f5f5;
}
.stock-stock-detail-page .tab-list .all-report-list-container .bar-container .bar {
  width: 4px;
  height: 18px;
  background-color: #ccac77;
}
.stock-stock-detail-page .tab-list .all-report-list-container .bar-container .bar-title {
  font-size: 14px;
  font-weight: bold;
  margin-left: 10px;
}
.stock-stock-detail-page .tab-list .all-report-list-container .report-card {
  border-radius: 2px;
  padding: 15px;
  margin: 0;
  border-bottom: 1px solid #eeeeee;
}
.stock-stock-detail-page .tab-list .all-report-list-container .report-card .left {
  -webkit-flex: 1;
          flex: 1;
  width: 70%;
}
.stock-stock-detail-page .tab-list .all-report-list-container .report-card .left .flex-top {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  padding: 0 15px 8px 0;
  -webkit-flex: 1;
          flex: 1;
}
.stock-stock-detail-page .tab-list .all-report-list-container .report-card .left .bar-white {
  background: #fff;
}
.stock-stock-detail-page .tab-list .all-report-list-container .report-card .left .report-name {
  font-size: 14px;
  line-height: 21px;
  padding-left: 0;
}
.stock-stock-detail-page .tab-list .all-report-list-container .report-card .left .flex-left {
  padding-left: 0;
  font-size: 12px;
}
.stock-stock-detail-page .tab-list .all-report-list-container .report-card .email {
  margin-right: 0;
}

.qijian-party-activity .am-wingblank.am-wingblank-lg {
  margin: 0;
}
.qijian-party-activity .img-container {
  display: inline-block;
  width: 100%;
  height: 100vh;
}
.qijian-party-activity .img-container .image {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.children-assist-activity {
  padding-bottom: 40px;
}
.children-assist-activity .img-container {
  margin: 0;
  padding: 0;
}
.children-assist-activity .img-container .image {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.children-assist-activity .fixed-0 {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.children-assist-apply-activity {
  padding-bottom: 40px;
  background: #fdf8f1;
  color: #333;
}
.children-assist-apply-activity .img-container {
  text-align: center;
  position: relative;
  top: 40px;
}
.children-assist-apply-activity .img-container .image {
  height: 45px;
}
.children-assist-apply-activity .main-container {
  padding: 10px 15px 15px;
  margin: 20px;
  border: 1px solid #ffd9cc;
  border-radius: 10px;
}
.children-assist-apply-activity .main-container .title {
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 5px;
}
.children-assist-apply-activity .main-container .label {
  margin: 15px 0 10px;
}
.children-assist-apply-activity .main-container .label .red {
  color: #ff5656;
  font-size: 14px;
}
.children-assist-apply-activity .main-container .label .sm {
  font-size: 12px;
}
.children-assist-apply-activity .main-container .am-input-control input {
  font-size: 14px;
  color: #333;
}
.children-assist-apply-activity .main-container .am-input-item {
  padding-left: 10px;
}
.children-assist-apply-activity .main-container .relationship .am-list-item {
  border-radius: 5px;
  height: 36px;
  min-height: 36px;
  padding-left: 10px;
}
.children-assist-apply-activity .main-container .relationship .am-list-item .am-list-line {
  height: 36px;
}
.children-assist-apply-activity .main-container .relationship .am-list-item .am-list-line .am-list-content {
  font-size: 14px;
}
.children-assist-apply-activity .main-container .relationship .am-list-item .am-list-line .am-list-extra {
  display: none;
}
.children-assist-apply-activity .main-container .sex-radio {
  margin-right: 30px;
}
.children-assist-apply-activity .main-container .sex-radio .am-radio {
  padding: 4.5px;
  margin-top: -2px;
  border-radius: 50%;
  margin-right: 5px;
  width: 8px;
  height: 8px;
  background-color: #fff;
}
.children-assist-apply-activity .main-container .sex-radio .am-radio .am-radio-inner:after {
  background: #ff794c;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  top: -1px;
  left: 2px;
  border: none;
}
.children-assist-apply-activity .main-container .ill-flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 10px;
}
.children-assist-apply-activity .main-container .ill-flex .ill-item {
  width: 50%;
  margin-bottom: 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
}
.children-assist-apply-activity .main-container .ill-flex .ill-item .ill-radio-container {
  width: 18px;
  height: 18px;
}
.children-assist-apply-activity .main-container .ill-flex .ill-item .ill-radio-container .ill-radio {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
}
.children-assist-apply-activity .main-container .ill-flex .ill-item .ill-radio-container .ill-radio.active {
  width: 8px;
  height: 8px;
  border: 5px solid #fff;
  background-color: #fa531a;
}
.children-assist-apply-activity .main-container .ill-flex .ill-item .text {
  margin-left: 8px;
  margin-top: 2px;
  line-height: 1.2;
}
.children-assist-apply-activity .main-container .image-picker-cotainer .am-flexbox-item {
  margin-right: 15px;
}
.children-assist-apply-activity .main-container .image-picker-cotainer .am-flexbox-item .am-image-picker-item {
  background: #ffffff;
}
.children-assist-apply-activity .main-container .image-picker-cotainer .am-flexbox-item .am-image-picker-item.am-image-picker-upload-btn {
  border: 1px solid #fa531a;
}
.children-assist-apply-activity .main-container .image-picker-cotainer .am-flexbox-item .am-image-picker-item.am-image-picker-upload-btn:after,
.children-assist-apply-activity .main-container .image-picker-cotainer .am-flexbox-item .am-image-picker-item.am-image-picker-upload-btn::before {
  color: #fa531a;
  background: #fa531a;
}
.children-assist-apply-activity .main-container .am-checkbox-agree {
  margin-left: 0;
}
.children-assist-apply-activity .main-container .am-checkbox-agree .am-checkbox-agree-label {
  color: #333;
  font-size: 12px;
  text-align: justify;
  margin-left: 20px;
}
.children-assist-apply-activity .main-container .am-checkbox-agree .am-checkbox-agree-label .am-checkbox-checked .am-checkbox-inner {
  border: 0;
  background: #ff794c;
}
.children-assist-apply-activity .main-container .am-checkbox-agree .am-checkbox-agree-label .am-checkbox-inner {
  width: 12px;
  height: 12px;
  border: 1px solid #ddd;
  border-radius: 0;
}
.children-assist-apply-activity .main-container .am-checkbox-agree .am-checkbox-agree-label .am-checkbox-inner::after {
  right: 4px;
  width: 4px;
  height: 5px;
}
.children-assist-apply-activity .fixed-0 {
  position: absolute;
  bottom: 0px;
  width: 100%;
  z-index: 100;
}

.qijian-photo-list {
  padding: 24px 15px;
  color: #333;
}
.qijian-photo-list .title {
  text-align: center;
  line-height: 21px;
  padding-bottom: 5px;
}
.qijian-photo-list .title-bar {
  width: 50px;
  height: 3px;
  background: #CC320D;
  margin: 0 auto 24px;
}
.qijian-photo-list .pic-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.qijian-photo-list .pic-list .pic-item-c {
  width: 30%;
  height: 100%;
  margin-right: 15px;
  margin-bottom: 21px;
}
.qijian-photo-list .pic-list .pic-item-c:nth-of-type(3n) {
  margin-right: 0;
}
.qijian-photo-list .pic-list .pic-item-c .pic-item {
  position: relative;
  width: 100%;
  padding-top: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.qijian-photo-list .pic-list .pic-item-c .pic-item .pic-img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  object-fit: cover;
}
.qijian-photo-list .pic-list .pic-item-c .text {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
}
.qijian-photo-list .pic-list .pic-item-c .text .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.qijian-photo-list .pic-list .pic-item-c .text .flex .zan {
  height: 12px;
}
.qijian-photo-list .pic-list .pic-item-c .text .flex .num {
  font-size: 12px;
  margin-left: 4px;
}
.qijian-photo-list .pic-list .pic-item-c .text .name {
  color: #999;
  margin-left: 4px;
}
.qijian-pic-list-modal.am-modal-transparent .am-modal-content {
  background-color: transparent;
  padding-top: 0;
}
.qijian-pic-list-modal.am-modal-transparent .am-modal-content .am-modal-body {
  padding: 0 10px;
}
.qijian-pic-list-modal.am-modal-transparent .am-modal-content .am-modal-body .modal-title {
  margin-bottom: 0 !important;
}
.qijian-pic-list-modal.am-modal-transparent .am-modal-content .am-modal-body ul.slider-list .slider-slide {
  height: 500px !important;
}
.qijian-pic-list-modal.am-modal-transparent .am-modal-content .am-modal-body ul.slider-list .slider-slide .pic-container {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.qijian-pic-list-modal.am-modal-transparent .am-modal-content .am-modal-body ul.slider-list .slider-slide .pic-container .pic {
  max-width: 100%;
  max-height: 100%;
}
.qijian-photograph {
  padding: 15px;
  color: #333;
}
.qijian-photograph .title {
  line-height: 21px;
  margin-bottom: 15px;
}
.qijian-photograph .content {
  padding-bottom: 60px;
}
.qijian-photograph .container .bar-title {
  font-size: 15px;
  line-height: 15px;
  padding-left: 6px;
  font-weight: bold;
  border-left: 3px solid #BD2C09;
  margin-bottom: 14px;
}
.qijian-photograph .container .pic-list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 30px;
}
.qijian-photograph .container .pic-list .pic-item-c {
  width: 30%;
  height: 100%;
  margin-right: 15px;
}
.qijian-photograph .container .pic-list .pic-item-c .pic-item {
  position: relative;
  width: 100%;
  padding-top: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.qijian-photograph .container .pic-list .pic-item-c .pic-item img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  object-fit: cover;
}
.qijian-photograph .container .pic-list .pic-more {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: end;
          justify-content: end;
  -webkit-flex: 1;
          flex: 1;
  height: 90px;
}
.qijian-photograph .container .pic-list .pic-more img {
  width: 18px;
  height: 18px;
}
.qijian-photograph .join-btn {
  width: calc(100vw - 30px);
  height: 58px;
  line-height: 58px;
  background: white;
  border-radius: 30px;
  color: #CC320D;
  border: 1px solid #CC320D;
  font-size: 18px;
  text-align: center;
  display: block;
  position: fixed;
  bottom: 30px;
}
.qijian-input-modal .am-list-item .am-list-line {
  padding-right: 0px !important;
  padding-left: 6px;
  border: 1px solid #eee;
}
.qijian-input-modal .am-list-item.am-input-item {
  padding-left: 0px;
}
.qijian-photo-activity {
  padding: 15px;
  color: #333;
}
.qijian-photo-activity .title {
  margin-bottom: 39px;
}
.qijian-photo-activity .title .red {
  color: #FF5656;
}
.qijian-photo-activity .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  padding-bottom: 36px;
}
.qijian-photo-activity .flex .new-radio {
  width: 24px;
  height: 24px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 50%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.qijian-photo-activity .flex .new-radio .new-radio-inner {
  display: none;
}
.qijian-photo-activity .flex .new-radio .new-radio-inner-red {
  width: 12px;
  height: 12px;
  background-color: #CC320D;
  border-radius: 50%;
}
.qijian-photo-activity .flex .radio-text {
  font-size: 18px;
  margin-left: 20px;
}
.qijian-photo-activity .flex .radio-text-red {
  color: #CC320D;
  font-size: 18px;
  margin-left: 20px;
}
.qijian-photo-activity .files {
  padding-bottom: 100px;
}
.qijian-photo-activity .files .am-image-picker-list {
  padding: 0;
}
.qijian-photo-activity .files .am-image-picker-list .am-flexbox {
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-bottom: 15px;
}
.qijian-photo-activity .files .am-image-picker-list .am-flexbox .am-flexbox-item {
  margin-right: 15px;
}
.qijian-photo-activity .files .am-image-picker-list .am-flexbox .am-flexbox-item:nth-of-type(3n) {
  margin-right: 0;
}
.qijian-photo-activity .btn-container {
  width: calc(100vw - 30px);
  height: 60px;
  position: fixed;
  bottom: 30px;
}

.second-mark-seminar {
  padding-bottom: 65px;
  background-color: #7B000B;
}
.second-mark-seminar .img {
  display: block;
  width: 100%;
}
.second-mark-seminar .content {
  position: relative;
}
.second-mark-seminar .content .form-box {
  position: absolute;
  top: 76%;
  left: 25px;
  right: 25px;
}
.second-mark-seminar .content .form-box .form-item {
  margin-bottom: 21px;
}
.second-mark-seminar .content .form-box .form-item .input,
.second-mark-seminar .content .form-box .form-item .select {
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  border-radius: 4px;
  padding: 0px 10px;
}
.second-mark-seminar .content .form-box .form-item .select {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.second-mark-seminar .content .form-box .form-item .triangle {
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #D8D8D8;
}
.second-mark-seminar .content .form-box .form-item .unselected {
  color: #999999;
}
.second-mark-seminar .content .form-box .form-item .input input {
  font-size: 14px !important;
}
.second-mark-seminar .content .form-box .form-item .input input::-webkit-input-placeholder {
  color: #999999;
}
.second-mark-seminar .content .form-box .form-item .input input:-ms-input-placeholder {
  color: #999999;
}
.second-mark-seminar .content .form-box .form-item .input input::placeholder {
  color: #999999;
}
.second-mark-seminar .button {
  height: 51px;
  line-height: 51px;
  text-align: center;
  font-size: 21px;
  color: #fff;
  -webkit-justify-content: center;
          justify-content: center;
  background-color: #CCAC77;
}

body {
  margin: 0;
  font-family: -apple-system, PingFangSC-Regular, '微软雅黑';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
          user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
}
::-webkit-scrollbar {
  display: none;
}
div,
p {
  margin: 0;
  padding: 0;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
#root {
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  -webkit-flex-grow: 1;
          flex-grow: 1;
}
/* 判断iphoneX 将 footer 的 padding-bottom 填充到最底部 */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .fixed {
    background-color: white;
    padding-bottom: 30px !important;
  }
}
.lh15 {
  line-height: 1.5;
}
.lh20 {
  line-height: 2;
}
.f12 {
  font-size: 12px;
  line-height: 1.5;
}
.f14 {
  font-size: 14px;
  line-height: 1.5;
}
.f24 {
  font-size: 24px;
  line-height: 1.5;
}
.fw {
  font-weight: bold;
}
.fw550 {
  font-weight: 550;
}
.fw5 {
  font-weight: 500;
}
.fw6 {
  font-weight: 600;
}
.grey33 {
  color: #333;
}
.grey66 {
  color: #666;
}
.grey99 {
  color: #999;
}
.check-tag {
  background-color: #ff7700;
  color: white;
  display: inline-block;
  width: 50px;
  text-align: center;
  padding: 3px 3px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  font-size: 12px;
  line-height: 1.5;
}
@font-face {
  font-family: DINMedium;
  src: url(https://mr.loyalvalleycapital.com//static/DIN-Medium-1bbe3460b053c4f1d67d1f1afecdaa76.otf);
}
@font-face {
  font-family: DINRegular;
  src: url(https://mr.loyalvalleycapital.com//static/DIN-Regular-799221d7685b2dbc3b74ea9b66514835.otf);
}