.middle-wrap {
  margin-top: 40px;
}
.content-wrap {
  float: left;
  width: 800px;
  margin-right: 24px;
  box-sizing: border-box;
}
.content-wrap::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  clear: both;
}

/* 首页 */
.btns-wrap {
  display: flex;
}
.btns-wrap .btn-item {
  position: relative;
  display: block;
  width: 288px;
  height: 268px;
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
}
.btns-wrap .btn-item:not(:last-child) {
  margin-right: 16px;
}
.btns-wrap .btn-item .btn-img {
  width: 100%;
  height: 180px;
}
.btns-wrap .btn-item .btn-name {
  font-size: 20px;
  padding-top: 30px;
  color: #181818;
  font-weight: 600;
  text-align: center;
}
.btns-wrap .btn-item .btn-tip {
  display: none;
  position: absolute;
  width: 120px;
  height: 48px;
  padding: 0 20px;
  line-height: 48px;
  top: 40px;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
  z-index: 9;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
  box-sizing: border-box;
}
.btns-wrap .btn-item .btn-hover-wrap {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 140px;
  background: #ff4c00;
  text-align: center;
  font-weight: 600;
  border-radius: 0 0 8px 8px;
  box-sizing: border-box;
}
.btns-wrap .btn-item .btn-hover-wrap .btn-name-cn {
  margin: 42px 0 8px;
  font-size: 20px;
  line-height: 28px;
  color: #ffffff;
}
.btns-wrap .btn-item .btn-hover-wrap .btn-name-en {
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}
.btns-wrap .btn-item:hover .btn-hover-wrap {
  display: block;
}
/* 服务-软件下载 */
.software-wrap {
  position: relative;
  width: 100%;
  height: 720px;
  margin-top: 44px;
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
}
.software-tabs-nav .software-tabs-item {
  position: relative;
  float: left;
  width: 240px;
  height: 90px;
  font-size: 20px;
  color: #181818;
  letter-spacing: 0;
  font-weight: 500;
  line-height: 94px;
  text-align: center;
  margin: 0;
  background-image: linear-gradient(180deg, #ffe8df 0%, #ffffff 100%);
  cursor: pointer;
}
.software-tabs-nav .software-tabs-item.active {
  color: #f05a23;
  background: #fff;
  border-top: 4px solid #ff4c00;
  margin-top: -4px;
  box-sizing: content-box;
}
.software-tabs-nav::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  clear: both;
  overflow: hidden;
}
.software-tabs-nav .software-tabs-item:first-child {
  border-radius: 8px 0 0 0;
}
.software-tabs-nav .software-tabs-item:last-child {
  border-radius: 0 8px 0 0;
}
.software-tabs-content {
  margin-top: 35px;
  padding: 0 24px;
  box-sizing: border-box;
}
.software-tabs-content .software-tabs-content-item {
  font-size: 0;
  display: none;
}
.software-tabs-content .software-tabs-content-item.active {
  display: block;
}
.software-tabs-content .software-tabs-content-item .software-list-item {
  display: inline-block;
  background: #f6f6f6;
  border-radius: 8px;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 36px 32px 24px 26px;
  box-sizing: border-box;
}
.software-tabs-content
  .software-tabs-content-item
  .software-list-item:nth-child(2n-1) {
  margin-right: 16px;
}
.software-tabs-content .tab1 .software-list-item {
  width: 568px;
  height: 212px;
}
.download-list-wrap {
  display: none;
}
.download-list-wrap.active {
  display: block;
}
.download-list-item {
  width: 800px;
  height: 100%;
  padding: 28px 32px 28px 48px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-sizing: border-box;
}
.download-list-item:not(:last-child) {
  margin-bottom: 16px;
}
.software-list-item .img-wrap,
.download-list-item .img-wrap {
  /* width: 124px; */
  /* height: 100%; */
  float: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 24px;
}
.download-list-item .img-wrap {
  margin-right: 0;
}
.software-list-item .img-wrap img {
  display: block;
  width: 124px;
  height: 124px;
  border-radius: 8px;
}
.download-list-item .img-wrap img {
  display: block;
  width: 100px;
  height: 100px;
  object-fit: contain;
  border-radius: 8px;
}
.software-list-item .img-wrap .tip,
.download-list-item .img-wrap .tip {
  margin-top: 10px;
  font-size: 14px;
  color: rgba(137, 137, 137, 0.8);
}
.software-list-item .info-wrap {
  float: left;
  width: 360px;
}
.download-list-item .info-wrap {
  float: left;
  width: 580px;
  margin-left: 40px;
}
.download-list-item .info-wrap .info-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.software-list-item .info-wrap .software-name,
.download-list-item .info-wrap .info-top .software-name {
  font-size: 18px;
  color: #f05a23;
  font-weight: 600;
}
.software-list-item .info-wrap .software-updateDate {
  font-size: 14px;
  color: rgba(137, 137, 137, 0.66);
}
.download-list-item .info-wrap .info-top .software-updateDate {
  padding: 2px 8px;
  background: #f6f6f6;
  border-radius: 8px;
  font-size: 14px;
  color: #565656;
}
.tab1 .software-list-item .software-updateDate {
  margin: 8px 0 24px;
}

.software-list-item .info-wrap .software-desc {
  font-size: 14px;
  color: #565656;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 设置行数 */
  display: -ms-grid;
  -ms-grid-rows: 24px 24px; /* 设置行数和行高 */
  -ms-grid-columns: 1fr;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-lines: multiple;
  -moz-line-clamp: 2; /* 设置行数 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.software-list-item .info-wrap .software-desc.line3 {
  -webkit-line-clamp: 3; /* 设置行数 */
  -ms-grid-rows: 24px 24px 24px; /* 设置行数和行高 */
  -moz-line-clamp: 3; /* 设置行数 */
}
.software-list-item .info-wrap .software-desc b {
  font-weight: 500;
}
.download-list-item .info-wrap .software-desc {
  margin-top: 12px;
  font-size: 14px;
  color: #565656;
  line-height: 24px;
}
.download-list-item .info-wrap .software-desc b {
  color: #181818;
  font-weight: 500;
}
/* tab2 */
.software-tabs-content .tab2 .software-list-item {
  width: 568px;
  height: 238px;
}
.tab2 .software-list-item .img-wrap img {
  display: block;
  width: 120px;
  height: 120px;
  margin-left: 4px;
  border-radius: 8px;
}
.tab2 .software-list-item .software-updateDate {
  margin: 8px 0 17px;
}

.tab2 .software-list-item .software-btns-wrap {
  margin-top: 22px;
  display: flex;
}
.download-list-item .software-btns-wrap {
  margin-top: 20px;
  display: flex;
}
/* tab5 表格 */
.download-list-table,.trade-list-table {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 10px 0 60px;
}
.software-table-item,.trade-table-item {
  height: 64px;
  margin: 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
}
.software-table-item .table-item-name,.trade-table-item .table-item-name {
  font-size: 16px;
  color: #343434;
  line-height: 24px;
  font-weight: 500;
}
.software-table-item .update-date,.trade-table-item .update-date {
  font-size: 14px;
  color: #898989;
}
.software-table-item:hover .table-item-name,.trade-table-item:hover .table-item-name {
  color: #f05a23;
}
/* 下载中心按钮 */
.download-mask-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 200px;
  background-image: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    #ffffff 20%
  );
  border-radius: 0px 0px 8px 8px;
  z-index: 99;
}
.download-mask-wrap .animation-btn {
  margin-top: 84px;
  margin-left: 500px;
}
/* 交易日历和交易公告 */
.trade-wrap {
  overflow: hidden;
}
.trade-calendar-wrap {
  float: left;
  width: 800px;
  height: 428px;
}
/* title */
.jump-title {
  display: inline-block;
  font-size: 36px;
  color: #181818;
  line-height: 50px;
  font-weight: 600;
  padding-top: 80px;
  padding-bottom: 32px;
}
a.jump-title:hover {
  color: #f05a23;
}
.jump-title::after {
  content: "";
  display: inline-block;
  width: 22px;
  margin-left: 8px;
  height: 28px;
  vertical-align: middle;
  background: url(/app_inc/pingan/v40/futures/images/arrows/academy-more-icon.svg) no-repeat;
  background-size: 100% 100%;
}
a.jump-title:hover::after {
  background: url(/app_inc/pingan/v40/futures/images/arrows/academy-more-icon_hover.svg) no-repeat;
  background-size: 100% 100%;
}
.trade-notice-wrap {
  float: left;
  margin-left: 16px;
}
.trade-notice-content {
  width: 384px;
  height: 428px;
  background: #ffffff;
  border-radius: 8px;
  padding: 18px 24px 24px 20px;
  box-sizing: border-box;
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 和 Edge */
}
.trade-notice-content::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.notice-item {
  display: flex;
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  align-items: center;
  box-sizing: border-box;
}
.notice-item .date-info {
  width: 64px;
  height: 52px;
  background: #f6f6f6;
  border-radius: 4px;
  padding: 5px 6px;
  box-sizing: border-box;
}
.date-info .day {
  font-size: 28px;
  color: #343434;
  text-align: center;
  line-height: 28px;
  font-weight: 600;
}
.date-info .yearM {
  font-size: 12px;
  color: #898989;
  text-align: center;
}
.notice-info {
  margin-left: 8px;
  width: 268px;
  box-sizing: border-box;
}
.notice-title {
  font-size: 14px;
  color: #181818;
  line-height: 24px;
  word-break: break-all;
}
.notice-item:hover .notice-title {
  color: #f05a23;
}
.notice-desc {
  margin-top: 4px;
  font-size: 12px;
  color: rgb(24, 24, 24, 0.66);
}
/* 首页 交易日历 */
.calendar-wrap {
  display: flex;
  height: 428px;
  background-image: linear-gradient(270deg, #ffede6 0%, #ffffff 51%);
  padding: 20px 28px 20px 20px;
  border-radius: 8px;
  box-sizing: border-box;
}
.calendar {
  flex-shrink: 0;
  width: 420px;
  height: 388px;
  padding: 0 28px 10px 0;
  background: #fff;
  border-radius: 10px;
  /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
  box-sizing: border-box;
}

.calendar-header {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  color: #181818;
  font-weight: 600;
}

.calendar-header h2 {
  font-size: 20px;
  color: #181818;
  font-weight: 600;
}

.calendar-header-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 28px;
  cursor: pointer;
}
.calendar-header-btns img {
  width: 22px;
  height: 28px;
}
.calendar-header-btns img.calendar-btn-prev {
  transform: rotate(180deg);
}
.calendar-days,
.calendar-dates {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.calendar-day-name {
  width: 50px;
  height: 50px;
  margin: 0 3px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  color: #f05a23;
  font-weight: 500;
}

.calendar-dates .date {
  width: 50px;
  height: 50px;
  margin: 0 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  color: #181818;

  font-weight: 600;
  box-sizing: border-box;
}
.calendar-dates .date span {
  display: block;
  width: 4px;
  height: 4px;
}
.calendar-dates span.dot {
  border-radius: 50%;
  background: #ff4c00;
  margin-top: 4px;
}
/* 高亮选中的日期 */
.calendar-dates .date.selected, .calendar-dates .date:hover{
  background: #fdeee9;
  border-radius: 28px;
  color: #f05a23;
  border-radius: 50%;
}

/* 标记今天的日期 */
.calendar-dates .date.today {
  position: relative;
}
.calendar-dates .date.today::after {
  content: "今";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  line-height: 12px;
  font-weight: 400;
  padding: 2px;
  background: #ff4c00;
  border-radius: 4px;
}

/* 灰色显示非当前月的日期 */
.calendar-dates div.other-month {
  font-size: 16px;
  color: rgba(24, 24, 24, 0.44);
  text-align: center;
  font-weight: 600;
}
/* 日历数据 */
.calendar-tabs {
  padding-left: 20px;
  border-left: 1px solid rgba(240, 90, 35, 0.1);
}
.calendar-tabs .calendar-tabs-nav {
  display: flex;
  align-items: center;
  padding: 0 14px;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.calendar-tabs-item {
  position: relative;
  list-style: none;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.66);
  line-height: 32px;
  font-weight: 500;
  cursor: pointer;
}
.calendar-tabs-item:not(:last-child) {
  margin-right: 45px;
}
.calendar-tabs-item:hover,
.calendar-tabs-item.active {
  color: #f05a23;
}
.calendar-tabs-item.active::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -4px;
  width: 100%;
  border-bottom: 2px solid rgba(240, 90, 35, 1);
}
.calendar-tabs .calendar-tabs-content .calendar-tab-pane {
  display: none;
}
.calendar-tabs .calendar-tabs-content .calendar-tab-pane.active {
  display: block;
}
.calendar-tab-pane .no-data {
  margin-top: 100px;
  font-size: 13px;
  text-align: center;
  color: #343434;
}
/* 交易提示 */
.trade-category,
.market-data {
  width: 100%;
  height: 352px;
  overflow-y: auto;
  box-sizing: border-box;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 和 Edge */
}
.trade-category::-webkit-scrollbar,
.market-data::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.trade-category .category-item {
  margin-top: 10px;
}
.trade-category .category-item .category-item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 30px;
  padding: 0 8px 0 14px;
  background: rgba(0, 0, 0, 0.06);
  cursor: pointer;
  box-sizing: border-box;
}
.trade-category .category-item .item-title {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  color: #343434;
  font-weight: 500;
}
.trade-category .category-item .item-title .notice-tip {
  display: block;
  background: #c6c6c6;
  text-align: center;
  color: #343434;
  font-weight: 600;
  width: 15px;
  height: 15px;
  font-size: 12px;
  line-height: 15px;
  margin-left: 4px;
  border-radius: 50%;
  cursor: pointer;
}
.trade-category .category-item .icon {
  display: block;
  width: 16px;
  height: 16px;
  background: url(/app_inc/pingan/v40/futures/images/arrows/tip-arrow.svg) no-repeat;
  background-size: 100% 100%;
}
.trade-category .category-item .icon.active {
  transform: rotate(180deg);
}
.deal-list .deal-item {
  margin-top: 16px;
  padding-left: 12px;
  box-sizing: border-box;
}
.deal-list .deal-item .deal-exchange {
  font-size: 14px;
  color: #f05a23;
  line-height: 20px;
  font-weight: 600;
}
.deal-list .deal-item a {
  color: #343434;
}
.deal-list .deal-item a:hover {
  color: #f05a23;
}
.deal-list .deal-item .deal-notice-info {
  margin-top: 6px;
  font-size: 13px;
  color: #343434;
  line-height: 18px;
}
.deal-list .deal-item .deal-notice-info a {
  color: #f05a23;
}
/* 市场数据 */
.market-data .market-data-item {
  margin-top: 18px;
  padding: 0px 14px;
  box-sizing: border-box;
}
.market-data .market-data-item .item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.market-data .market-data-item .item-info {
  font-size: 12px;
  color: rgba(24, 24, 24, 0.66);
  font-weight: 600;
}
.market-data .market-data-item .item-star {
  display: flex;
}
.market-data .market-data-item .item-star i {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.market-data .market-data-item .icon-star-yellow {
  background: url("/app_inc/pingan/v40/futures/images/service/icon-star-yellow.svg") no-repeat;
  background-size: 100% 100%;
}
.market-data .market-data-item .icon-star-gray {
  background: url("/app_inc/pingan/v40/futures/images/service/icon-star-gray.svg") no-repeat;
  background-size: 100% 100%;
}
.market-data .market-data-item .news-title {
  margin-top: 7px;
  font-size: 13px;
  line-height: 18px;
  color: #343434;
}
/* -------------------------------------------------- */
.content-wrap.guide {
  padding: 40px 40px 60px;
  background: #ffffff;
  border-radius: 8px;
  box-sizing: border-box;
}
.guide .title {
  font-size: 36px;
  color: #181818;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 50px;
  margin-bottom: 30px;
}
.guide .guide-item:not(:last-child) {
  margin-bottom: 40px;
}
.guide .guide-item .guide-title {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 20px;
  color: #343434;
  letter-spacing: 0;
  line-height: 32px;
  font-weight: 600;
}
.guide .guide-item .guide-title::before {
  content: "";
  display: block;
  width: 3px;
  height: 16px;
  margin-right: 6px;
  background: #ff4c00;
}
.guide .guide-item .guide-content p {
  font-size: 16px;
  color: #343434;
  letter-spacing: 0;
  line-height: 32px;
}
.guide .guide-item .guide-content p b {
  font-weight: 600;
}
.guide .guide-item .guide-content img {
  width: 720px;
}
.guide-content .info-item {
  display: flex;
  margin-top: 16px;
  min-height: 44px;
}
.guide-content .info-item:first-child {
  margin-top: 0;
}
.info-item span {
  padding: 12px 20px;
  color: #181818;
  font-size: 14px;
  vertical-align: middle;
  box-sizing: border-box;
}
.info-item .info-label {
  display: flex;
  align-items: center;
  width: 200px;
  background: #f6f6f6;
}
.info-item .info-label:first-child {
  content: "";
  margin-right: 10px;
}
.info-item .info-val {
  width: 530px;
  padding: 12px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/* 交割业务 */

.delivery-wrap {
  display: none;
  background: #ffffff;
  border-radius: 8px;
  padding: 40px 40px 60px;
  box-sizing: border-box;
}
.delivery-wrap.active {
  display: block;
}
.delivery-wrap .title {
  font-size: 36px;
  color: #181818;
  letter-spacing: 0;
  font-weight: 600;
  padding-bottom: 8px;
}
.delivery-wrap p {
  font-size: 16px;
  color: #343434;
  letter-spacing: 0;
  line-height: 32px;
}
.delivery-wrap p.sub-title {
  margin-top: 32px;
  font-weight: 600;
}
.delivery-wrap h2 {
  margin-top: 20px;
  margin-bottom: 32px;
}

/* 期货助手 */
.content-wrap.assist {
  background: #ffffff;
  border-radius: 8px;
  padding: 40px 40px 170px;
  box-sizing: border-box;
}
.assist .title {
  font-size: 36px;
  color: #181818;
  letter-spacing: 0;
  font-weight: 600;
  margin-bottom: 40px;
}
.assist .assist-content {
  display: flex;
}
.assist .assist-content .assist-item {
  width: 350px;
  height: 300px;
  border: 1px solid rgba(230, 231, 232, 1);
  border-radius: 8px;
  padding: 32px 24px 24px;
  box-sizing: border-box;
}
.assist .assist-content .assist-item:first-child {
  margin-right: 20px;
}
.assist .assist-content .assist-item .assist-item-title {
  display: inline-block;
  font-size: 20px;
  color: #343434;
  letter-spacing: 0;
  line-height: 32px;
  font-weight: 600;
  border-bottom: 2px solid #343434;
}
.assist .assist-content .assist-item .assist-item-desc {
  font-size: 14px;
  color: #898989;
  letter-spacing: 0;
  margin: 10px 0 20px;
  line-height: 20px;
}
.assist .assist-content .assist-item .qrcode {
  display: flex;
  align-items: center;
}
.assist .assist-content .assist-item .qrcode .img-wrap {
  width: 140px;
  height: 140px;
  border: 1px solid rgba(246, 246, 246, 1);
  border-radius: 4px;
  margin-right: 20px;
}
.assist .assist-content .assist-item .qrcode .img-wrap img {
  margin: 6px;
  width: 128px;
  height: 128px;
}
.assist .assist-content .assist-item .qrcode .assist-tips {
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #f05a23;
  font-weight: 600;
}
.assist .assist-content .assist-item .qrcode .assist-tips::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background: url(/app_inc/pingan/v40/futures/images/common/triangle.svg) no-repeat;
  background-size: 100% 100%;
}

/* tooltip */
.tooltip-wrap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  width: 220px;
  padding: 10px;
  border-radius: 8px;
  font-size: 12px;
  color: #fff;
  box-sizing: border-box;
}


/* 下载中心 modal */
.mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99999997;
}
.modal-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 99999998;
}
.modal {
  display: block;
  position: absolute;
  top: 12%;
  left: 50%;
  transform: translate(-50%, 0);
  width: 800px;
  z-index: 99999999;
  background: #fff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  box-sizing: border-box;
}
.close-icon {
  position: absolute;
  top: 15px;
  right: 16px;
  cursor: pointer;
}
.modal-title {
  padding: 33px 80px 40px;
  color: #000;
  text-align: center;
  font-size: 20px;
  color: #343434;
  font-weight: 600;
  height: 100px;
  box-sizing: border-box;
}
.modal-content {
  text-align: left;
  height: 440px;
  padding: 0 80px 10px;
  overflow-y: auto;
  font-size: 14px;
  color: #343434;
  line-height: 24px;
  box-sizing: border-box;
}
.modal-content::-webkit-scrollbar {
  width: 6px;
  height: 2px;
  background-color: #fff;
}
.modal-content::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: #fff;
}
.modal-content::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.3);
}
.modal-content p {
  line-height: 24px;
}
.modal-btn {
  line-height: 100px;
  height: 100px;
  text-align: center;
  border-top: 1px solid #eee;
}
.modal-btn span {
  display: inline-block;
  width: 200px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 40px;
  font-size: 20px;
  color: #343434;
  font-weight: 600;
}
.modal-btn .ok {
  background-color: #ff4c00;
  color: #fff;
  margin-right: 20px;
}
.modal-btn .cancel {
  margin-left: 20px;
  background-color: #e6e7e8;
}
/* 下载中心 modal --- */

/* 交易日历 单独 */
.content-wrap.calendar-single {
  padding: 40px 40px 60px;
  background: #ffffff;
  border-radius: 8px;
  box-sizing: border-box;
}
.calendar-single .title {
  font-size: 36px;
  color: #181818;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 50px;
  margin-bottom: 30px;
}
.trade-calendar-wrap.single {
  height: auto;
  width: auto;
}
.trade-calendar-wrap.single .calendar-wrap {
  flex-direction: column;
  height: auto;
  padding: 0;
  background-image: none;
}
.trade-calendar-wrap.single .calendar {
  width: 560px;
  height: auto;
  margin-left: 80px;
  padding: 20px 0;
}
.trade-calendar-wrap.single .calendar .calendar-day-name {
  width: 60px;
  height: 60px;
  margin: 0px 10px;
  line-height: 60px;
  font-size: 18px;
}
.trade-calendar-wrap.single .calendar .calendar-dates .date {
  width: 60px;
  height: 60px;
  margin: 0 10px;
  font-size: 18px;
}
.trade-calendar-wrap.single .calendar .calendar-header-btns {
  width: 80px;
}
.trade-calendar-wrap.single .calendar-tabs {
  width: 560px;
  margin-left: 80px;
  padding-left: 0;
  border-left: none;
  border-top: 1px solid #f6f6f6;
}
.trade-calendar-wrap.single .trade-category,
.trade-calendar-wrap.single .market-data {
  height: auto;
}
.trade-calendar-wrap.single .market-data .market-data-item .news-title,
.trade-calendar-wrap.single .market-data .market-data-item .item-info,
.trade-calendar-wrap.single .deal-list .deal-item .deal-notice-info {
  font-size: 14px;
}

/* 出入金 */
.content-wrap.all {
  width: 1200px;
  margin-right: 0;
}
/* 银期签约指引 */
.funds-wrap {
  display: none;
  background: #ffffff;
  border-radius: 8px;
  padding: 40px 40px 60px;
  box-sizing: border-box;
}
.funds-wrap.active {
  display: block;
}
.funds-wrap .title {
  font-size: 36px;
  color: #181818;
  letter-spacing: 0;
  font-weight: 600;
}
.funds-wrap p {
  font-size: 16px;
  color: #343434;
  letter-spacing: 0;
  line-height: 32px;
  font-weight: 600;
}
.funds-wrap .secure-custody {
  padding-bottom: 20px;
}
.funds-wrap .secure-custody p {
  font-weight: 400;
}
.funds-wrap .secure-custody .secure-custody-title {
  font-weight: 600;
  font-size: 18px;
}
.funds-wrap .transfer-wrap {
  margin: 30px 0 60px;
  padding: 50px 28px;
  background: #ffede5;
  border-radius: 20px;
  box-sizing: border-box;
  overflow: hidden;
}
.funds-wrap .transfer-wrap .transfer-bank-item {
  float: left;
  width: 200px;
  height: 80px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  background: #ffffff;
  border-radius: 8px;
  margin-right: 16px;
  box-sizing: border-box;
}
.funds-wrap .transfer-wrap .transfer-bank-item:nth-child(5n) {
  margin-right: 0;
}
.funds-wrap .transfer-wrap .transfer-bank-item:nth-child(-n + 10) {
  margin-bottom: 20px;
}
.funds-wrap .transfer-wrap .transfer-bank-item .bank-icon {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}
.funds-wrap .transfer-wrap .transfer-bank-item .bank-name {
  font-size: 18px;
  color: #343434;
  line-height: 32px;
  font-weight: 600;
}
.sign-time {
  margin: 30px 0 40px;
}
.sign-sub-title {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #343434;
  letter-spacing: 0;
  line-height: 32px;
  font-weight: 600;
}
.sign-sub-title::before {
  content: "";
  display: block;
  width: 3px;
  height: 16px;
  background: #ff4c00;
  margin-right: 6px;
}
.note-content {
  margin: 20px 0 30px;
}
.table-bank .thead {
  display: flex;
  padding: 26px 20px;
  background: #ff4c00;
}
.table-bank .th {
  width: 140px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  color: #fff;
}
.table-bank .th:not(:last-child),
.table-bank .td:not(:last-child) {
  margin-right: 16px;
}
.table-bank .tr {
  display: flex;
  align-items: center;
  padding: 20px;
}
.table-bank .tr:nth-child(even) {
  background: #f6f6f6;
}
.table-bank .tr:nth-child(odd) {
  background: #fff;
}
.table-bank .td {
  width: 140px;
  font-size: 14px;
  color: #181818;
}
.table-bank .tr .td:first-child {
  font-weight: 600;
}
.transfer-tips {
  margin-top: 20px;
  font-size: 14px;
  color: #565656;
}

/* 保证金账户 */
.table-margin {
  width: 100%;
  border-spacing: 0;
  /* table-layout: fixed; */
}
.table-margin th,
.table-margin td {
  padding: 0 20px;
  box-sizing: border-box;
}
.table-margin thead th {
  height: 60px;
  font-size: 14px;
  color: #565656;
  font-weight: 600;
  background-image: linear-gradient(180deg, #f6f6f6 0%, #ffffff 100%);
}
.table-margin th,
.table-margin td {
  text-align: center;
}
.table-margin tbody td {
  height: 60px;
  padding: 16px 10px 16px 20px;
  font-size: 14px;
  color: #181818;
}
.table-margin tbody tr:nth-child(even) td {
  background: #f6f6f6;
}
.table-margin tbody tr:nth-child(even) td[rowspan]{
  background: none;
}
.table-margin tbody tr td, .table-margin thead th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  border-left: 1px solid rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
}
.table-margin thead th {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.table-margin tbody tr td:last-child,.table-margin thead th:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.table-margin tbody tr td a {
  color: #f05a23;
}