@charset "UTF-8";
/* 公用样式 */
@font-face {
  font-family: "IBM Plex Sans-Bold";
  font-display: swap;
  src: url("./IBMPlexSansJP-Bold.ttf");
}
@font-face {
  font-family: "IBM Plex Sans-Medium";
  font-display: swap;
  src: url("./IBMPlexSansJP-Medium.ttf");
}
@font-face {
  font-family: "Albert Sans";
  font-display: swap;
  src: url("./AlbertSans-VariableFont_wght.ttf");
}
@font-face {
  font-family: "Noto Sans JP";
  font-display: swap;
  src: url("./NotoSansJP-VariableFont_wght.ttf");
}
/* page editor */
/** article context editor **/
.gcb-editor-form {
  background: #fff !important;
}

/* page editor */
.Sans-Medium {
  font-family: IBM Plex Sans-Medium !important;
}

.Sans {
  font-family: IBM Plex Sans !important;
}

.Sans-Bold {
  font-family: IBM Plex Sans-Bold !important;
}

body {
  font-size: 16px;
  font-family: Noto Sans JP;
  line-height: 1.2;
}

img[src=""] {
  opacity: 0;
}

a {
  text-decoration: none;
  color: unset;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP";
}

.font-noto {
  font-family: "Noto Sans JP";
}

.font-albert {
  font-family: "Albert Sans";
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}

[class^=mf-] a {
  text-decoration: none;
  color: #191919;
}

[class^=mf-] a:hover {
  text-decoration: none;
}

.mf-a {
  text-decoration: underline;
  color: #12225c;
}

.mf-text-decoration {
  text-decoration: none !important;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-decoration-none {
  text-decoration: none !important;
}

.l301-1 .view-item p a {
  text-decoration: underline;
  color: rgb(13, 110, 253);
}
.l301-1 .content a {
  text-decoration: underline;
  color: rgb(13, 110, 253);
}
.l301-1 .sub-desc a {
  text-decoration: underline;
  color: rgb(13, 110, 253);
}

.l105-1 a,
.l201-0 .mf-common-header-content a {
  text-decoration: underline;
  color: #bca675;
}

.l216-header .mf-common-header-content a {
  text-decoration: underline;
  color: #bca675;
}

.l216-1 .l201-1 .mf-common-header-line-right div > a {
  text-decoration: underline;
  color: #bca675;
}
.l216-1 .l201-1 .l104TradingPlatforms-content-list-content a {
  text-decoration: underline;
  color: #bca675;
}

.l216-1 .line-height-18 a,
.l216-2 .line-height-18 a {
  text-decoration: underline;
  color: #bca675;
}

.mf-part2 p a,
.mf-numberone p a,
.mf-reason .mf-step p a,
.l105-6 p a,
.l201-4 p a,
.l201-5 p a,
.l201-6 p a,
.l201-7 p a,
.l105-8 p a,
.mf-common-header .mf-common-header-content p a,
.mf-part3 p a {
  text-decoration: underline;
  color: #bca675;
}

.com-a-link a {
  text-decoration: underline !important;
  color: #bca675 !important;
}

.mf-about-footer-6 .list a {
  text-decoration: underline !important;
  color: #bca675 !important;
}

.com-a-text {
  font-size: 1rem;
}
.com-a-text a {
  text-decoration: underline !important;
  color: #bca675 !important;
  cursor: pointer;
}

img {
  border: none;
}

ol,
ul,
li {
  list-style: none;
}

.l2-25-main li,
.field-content li {
  list-style: decimal;
}

table {
  border-collapse: collapse;
}

html {
  overflow-y: scroll;
}

.hide {
  display: none !important;
}

.hidden {
  display: none;
}

.mf-fade .fade-item {
  opacity: 0;
  transition: opacity 0.6s;
}

.mf-fade:hover .fade-item {
  opacity: 1;
}

.bg-E5E5E5 {
  background-color: #e5e5e5;
}

.field-content {
  max-width: 100% !important;
}
.field-content img {
  width: 100% !important;
  height: auto !important;
}
.field-content p {
  margin-top: 2rem;
}

/* 线条 */
.line-col {
  width: 0.06rem;
  height: 0.63rem;
  background: #c1c1c1;
}

.my-btn {
  padding: 0.6rem 1.25rem;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  background: linear-gradient(90deg, #fcecb3 0%, #a88b4a 100%);
}

.bg-line-FCECB3 {
  background: linear-gradient(90deg, #fcecb3 0%, #a88b4a 100%);
}

.color-line-A88B4A {
  background-image: linear-gradient(90deg, #fcecb3 0%, #a88b4a 100%);
  color: transparent;
  -webkit-background-clip: text;
}

.max-height-0 {
  max-height: 0;
  overflow: hidden;
}

.max-height-auto {
  max-height: auto;
  overflow: hidden;
}

.weight500 {
  font-weight: 500;
}

.color-1F1F1F {
  color: #1f1f1f;
}

.color-FDEBA9 {
  color: #fdeba9 !important;
}

.mf-common-header-line-right .color-FDEBA91 {
  color: #fdeba9 !important;
}

.color-12225C {
  color: #12225c !important;
}

.color-F5E4AA {
  color: #f5e4aa;
}

.color-A88B4A {
  color: #a88b4a !important;
}

.color-BCA675 {
  color: #bca675 !important;
}

.color-E5E5E5 {
  color: #e5e5e5;
}

.mf-hide-scrollbar {
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}
.mf-hide-scrollbar::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}

.mb-0rem {
  margin-bottom: 0 !important;
}

.text-linear-FCECB3 {
  background-image: linear-gradient(90deg, #fcecb3 0%, #a88b4a 100%);
  color: transparent;
  -webkit-background-clip: text;
}

.text-linear-FCECB31 {
  background-image: linear-gradient(180deg, #fcecb3 0%, #a88b4a 100%);
  color: transparent;
  -webkit-background-clip: text;
}

.bg-linear-FCECB3 {
  background: linear-gradient(270deg, #fcecb3 0%, #a88b4a 100%);
}

.bg-linear-FCECB31 {
  background: linear-gradient(135deg, #fcecb3 0%, #a88b4a 100%);
}

.bg-linear-0954B5-right {
  background: linear-gradient(to right, rgb(16, 27, 75), rgba(9, 84, 181, 0.4), rgb(16, 27, 75));
}

.bg-linear-0954B5 {
  background: linear-gradient(90deg, #0954b5 0%, #12225c 100%);
}

.bg-14964F {
  background-color: #14964f;
}

.bg-0954B5 {
  background: #0954b5;
}

.bg-0954B5-click {
  background: #0954b5 !important;
}

.color-14964F {
  color: #14964f;
}

.color-BCA675 {
  color: #bca675;
}

.bg-12225C {
  background-color: #12225c;
}

.bg-040D31 {
  background-color: #040d31 !important;
}

.bg-e5e5e5 {
  background-color: rgba(229, 229, 229, 0.4) !important;
}

.bf-fill {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.bg-101B4B {
  background-color: #101b4b;
}

.bg-none {
  background-color: transparent !important;
}

.bg-fff {
  background-color: #fff;
}

.color-1483F4 {
  color: #1483f4 !important;
}

.color-101B4B {
  color: #101b4b !important;
}

.color-5387CC {
  color: #5387cc;
}

.color-191919 {
  color: #191919;
}

.color-C1C1C1 {
  color: #c1c1c1;
}

.color-fff {
  color: #fff !important;
}

.color-0954B5 {
  color: #0954b5 !important;
}

.color-FE710D {
  color: #fe710d !important;
}

.color-828698 {
  color: #828698 !important;
}

.p-0rem {
  padding: 0rem !important;
}

.m-0rem {
  margin: 0rem !important;
}

.mt-0rem {
  margin-top: 0rem !important;
}

.border-none {
  border: none !important;
}

.w100 {
  width: 100%;
}

.bg-F5F5F5 {
  background-color: #f5f5f5;
}

.h100 {
  height: 100%;
}

.navbar-toggler:focus {
  box-shadow: none !important;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
  z-index: 3;
}

.radius-unset {
  border-radius: unset !important;
}

.w-4rem {
  width: 4rem;
}

.line-height-4rem {
  line-height: 4rem;
}

.line-height-0 {
  line-height: 0;
}

.img-88 {
  width: 0.88rem;
  height: 0.88rem;
}

.img-cover {
  background-size: 100% 100%;
}

.pointer {
  cursor: pointer;
}

.img-15 {
  width: 1.5rem;
  height: 1.5rem;
}

.img-32 {
  width: 3.2rem;
  height: 3.2rem;
}

.img-36 {
  width: 3.6rem;
  height: 3.6rem;
}

.img-46 {
  width: 4.6rem;
  height: 4.6rem;
}

.img-34 {
  width: 3.4rem;
  height: 3.4rem;
}

.img-40 {
  width: 4rem;
  height: 4rem;
}

.img-42 {
  width: 4.2rem;
  height: 4.2rem;
}

.img-50 {
  width: 5rem;
  height: 5rem;
}

.img-52 {
  width: 5.2rem;
  height: 5.2rem;
}

.img-64 {
  width: 6.4rem;
  height: 6.4rem;
}

.img-76 {
  width: 7.6rem;
  height: 7.6rem;
}

.img-80 {
  width: 8rem;
  height: 8rem;
}

.img-100 {
  width: 10rem;
  height: 10rem;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.right {
  float: right;
}

.text-under-line-bold {
  text-decoration: underline;
  text-decoration-thickness: 0.63rem;
  text-decoration-color: #040d31;
  text-underline-position: from-font;
  line-height: 1.5;
}

.mf-text-right {
  text-align: right;
}

.mf-text-left {
  text-align: left;
}

.mf-text-center {
  text-align: center;
}

.relative {
  position: relative;
}

.mf-flex-shrink {
  flex-shrink: 0;
}

.mf-flex {
  display: flex;
}

.mf-flex1 {
  flex: 1;
}

.mf-flex-1 {
  flex: 1;
}

.mf-flex2 {
  flex: 2;
}

.dropdown-menu {
  overflow: auto;
}

.mf-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mf-ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.mf-ellipsis-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.navbar-collapse {
  z-index: 999;
  flex: 1;
}

.mf-about-part-4 .text-linear-FCECB3 {
  white-space: nowrap;
}

.mf-nowrap {
  white-space: nowrap;
}

.nowrap1 {
  white-space: nowrap;
}

.mf-flex-wrap {
  flex-wrap: wrap;
}

.mf-flex-nowrap {
  flex-wrap: nowrap;
}

.mf-flex-row-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.justify-content-center {
  justify-content: center;
}

.mf-flex-center {
  display: flex;
  align-items: center;
}

.mf-flex-row-space-between-center {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.mf-flex-row-space-around-center {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.mf-flex-row {
  display: flex;
  flex-direction: row;
}

.mf-flex-column {
  display: flex;
  flex-direction: column;
}

.mf-flex-column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mf-flex-column-row-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mf-flex-row-justify-start {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.mf-flex-row-justify-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.mf-flex-row-justify-end {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.mf-flex-row-justify-around {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.mf-flex-column-justify-around {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.mf-flex-column-center-justify-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.mf-flex-column-justify-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mf-flex-column-justify-end {
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.mf-flex-row-justify-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.mf-common-button {
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  padding: 0.9rem 2.5rem;
  padding-right: 3rem;
}

.mf-flex-row-align-start {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.mf-flex-row-align-center {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.mf-flex-row-align-end {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.mf-overflow-hidden {
  overflow: hidden;
}

.mf-icon-user-black {
  position: relative;
}

.mf-icon-user-black:after {
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  right: 20px;
  width: 24px;
  height: 24px;
  background: url("../images/icon/60fenadd_black.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.mf-icon-user-white {
  position: relative;
}

.mf-icon-user-white:after {
  content: "";
  position: absolute;
  top: calc(50% - 0.9rem);
  right: 1.15rem;
  width: 1.8rem;
  height: 1.5rem;
  background: url("../images/60fenadd.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.mf-arrow-right {
  position: relative;
}
.mf-arrow-right:after {
  content: "";
  position: absolute;
  top: calc(50% - 0.25rem);
  right: 1rem;
  width: 1rem;
  height: 1rem;
  border-top: 0.15rem solid;
  border-right: 0.15rem solid;
  border-color: #191919;
  transform: rotate(45deg);
}

.mf-arrow-right-black {
  position: relative;
}
.mf-arrow-right-black::after {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  right: 1.15rem;
  height: 16px;
  width: 9px;
  background: url("../images/icon/Chevron--right1@2x.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.mf-arrow-right-white {
  position: relative;
}
.mf-arrow-right-white:after {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  right: 1.15rem;
  height: 16px;
  width: 9px;
  background: url("../images/icon/Chevron--right@2x.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.mf-arrow-bottom-black {
  position: relative;
}
.mf-arrow-bottom-black:after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  right: 1.15rem;
  width: 16px;
  height: 9px;
  background: url("../images/icon/Chevron--down.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.mf-arrow-top-jin {
  position: relative;
}
.mf-arrow-top-jin:after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  right: 1.15rem;
  width: 16px;
  height: 9px;
  background: url("../images/icon/Chevron--top-c.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.mf-arrow-bottom-jin {
  position: relative;
}
.mf-arrow-bottom-jin:after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  right: 1.15rem;
  width: 16px;
  height: 9px;
  background: url("../images/icon/Chevron--down-c.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.mf-arrow-top-jin1 {
  position: relative;
}
.mf-arrow-top-jin1:after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  width: 16px;
  height: 9px;
  background: url("../images/icon/Chevron--top-c.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.mf-arrow-bottom-jin1 {
  position: relative;
}
.mf-arrow-bottom-jin1:after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  width: 16px;
  height: 9px;
  background: url("../images/icon/Chevron--down-c.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.mf-arrow-bottom-white {
  position: relative;
}
.mf-arrow-bottom-white:after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  right: 1.15rem;
  width: 16px;
  height: 9px;
  background: url("../images/icon/Chevron--right2@2x.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.mf-arrow-right-img {
  position: relative;
}
.mf-arrow-right-img:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.25rem;
  margin-top: -0.5rem;
  width: 0.57rem;
  height: 1rem;
  background: url("../images/icon/Chevron--right1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.stone-x-img-click-enlarge {
  cursor: pointer;
}

.mf-image-viewer {
  z-index: 999999;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  display: none;
  opacity: 0;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
.mf-image-viewer .el-image-viewer__img {
  transform: scale(0.9);
  margin-left: 0px;
  margin-top: 0px;
  width: 80%;
  min-width: 50%;
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}
.mf-image-viewer .enlarge-close {
  cursor: pointer;
  position: fixed;
  top: 20px;
  right: 40px;
  width: 30px;
  height: 30px;
}

.mf-arrow-right-img-white {
  position: relative;
}
.mf-arrow-right-img-white:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.25rem;
  margin-top: -0.5rem;
  width: 0.57rem;
  height: 1rem;
  background: url("../images/icon/Chevron--right.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.s60 {
  font-size: 24px;
  color: #101b4b;
}

.mf-arrow-down {
  position: relative;
}
.mf-arrow-down:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.25rem;
  margin-top: -0.3rem;
  width: 1rem;
  height: 0.57rem;
  background-image: url("../images/icon/Chevron--down.png");
}

.bg-040D31 {
  background: #040d31;
}

.mf-search-box {
  background: #040d31;
  padding: 1rem 1.5rem;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  opacity: 1;
  border: 0.06rem solid #ffffff;
}

.mf-search-input {
  width: 100%;
  color: #ffffff;
  font-size: 1rem;
  border: none;
  background: transparent;
}

.mf-search-input::placeholder {
  color: #999;
}

.mf-search-input:focus-visible {
  border: none;
  outline: none;
  background: transparent;
  border-color: transparent;
}

.mf-li-line {
  width: 100%;
  height: 1px;
  background: #ffffff;
  opacity: 0.1;
  padding: 0;
}

.mf-header {
  position: sticky;
  top: 0;
  z-index: 10;
}

.mf-header-nav {
  width: 100%;
  position: sticky;
  top: 5rem;
  z-index: 10;
}

.mf-header {
  z-index: 110;
}
.mf-header .navbar .container-fluid .mf-flex1 {
  background-color: #101b4b;
}
.mf-header .show .collapsed-btn {
  /* display: none !important; */
}
.mf-header .navbar .nav-item a {
  color: #ffffff !important;
}
.mf-header .storex-log {
  height: 0.62rem;
}
.mf-header .fopex-img {
  height: 0.6rem;
}
.mf-header .storex-img {
  height: 1.88rem;
  width: auto;
}
.mf-header .kzks {
  padding: 1.1rem;
}
.mf-header .menu-img {
  height: 1.25rem;
  width: 1.25rem;
}
.mf-header .menu-img-box {
  padding: 1rem;
}

.mf-swiper .swiper {
  width: 100%;
}
.mf-swiper .swiper-wrapper {
  height: auto;
}
.mf-swiper .mySwiper-top {
  width: 100%;
}
.mf-swiper .mySwiper-top .swiper-slide {
  height: 31rem;
  width: 62rem;
}
.mf-swiper .mySwiper-bottom-box {
  width: 100%;
  height: 4.69rem;
  box-sizing: border-box;
  margin-top: 1.3rem;
  margin-bottom: 3.2rem;
}
.mf-swiper .mySwiper-bottom-box .bi-chevron-right {
  margin-right: 4rem !important;
}
.mf-swiper .mySwiper-bottom-box .bi-chevron-left {
  margin-left: 4rem !important;
}
.mf-swiper .mySwiper-bottom .swiper-slide {
  width: 10.38rem;
  height: 100%;
  opacity: 0.4;
}
.mf-swiper .mySwiper-bottom .swiper-wrapper {
  padding: 0;
}
.mf-swiper .mySwiper-bottom .swiper-slide-thumb-active {
  opacity: 1;
  border: 2px solid #fe710f;
}
.mf-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.mf-fx {
  position: fixed;
  right: 0;
  bottom: 0rem;
  z-index: 100;
  left: 0;
}
.mf-fx .collapse {
  padding: 0.5rem 0 !important;
}
.mf-fx .mf-flex-column-center-justify-between {
  justify-content: center;
  line-height: 1.3rem;
}
.mf-fx .img-riben {
  width: 1.6rem;
}
.mf-fx .fx-index-box {
  text-align: center;
  font-size: 0.75rem;
  margin-top: 0.5rem;
  display: flex;
}
.mf-fx .fx-index-box .fx-index-box-item {
  flex: 1;
  width: 4rem;
}
.mf-fx .fx-btn {
  padding: 1rem 2.75rem;
  font-size: 0.88rem;
  font-weight: bold;
  color: #ffffff;
  background: #101b4b;
  line-height: 0;
  cursor: pointer;
}
.mf-fx .fx-btn-active {
  background: linear-gradient(90deg, #0954b5 0%, #12225c 100%);
}
.mf-fx .mf-col-line {
  width: 0.06rem;
  margin: 0.5rem;
  height: 3rem;
  /* height: 100%; */
  background: #ffffff;
  opacity: 0.1;
}
.mf-fx .mf-fx-icon {
  margin-right: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  background: #ffffff;
  box-shadow: 0.31rem 0.31rem 0.63rem 0.06rem rgba(0, 0, 0, 0.3);
  border: 0.06rem solid transparent;
  border-radius: 50%;
  cursor: pointer;
  z-index: 666;
  position: static;
}

.mf-footer-rules .list {
  padding-left: 0.8rem;
}
.mf-footer-rules .list a {
  text-decoration: underline;
  color: #bca675;
}
.mf-footer-rules .list p {
  margin-bottom: 0;
  position: relative;
  font-size: 0.8rem;
}
.mf-footer-rules .list p:before {
  content: "";
  position: absolute;
  left: -0.8rem;
  top: 0.4rem;
  border: 3px solid #c1c1c1;
  border-radius: 50%;
}
.mf-footer-rules .tips a {
  color: #fdeba9 !important;
  text-decoration: underline !important;
  text-underline-color: #fdeba9;
}

.l103shulei .l103shulei-title {
  font-size: 1.7rem;
}
.l103shulei .l103shulei-text {
  font-size: 1rem;
  margin-top: 2.7rem;
}
.l103shulei .l103shulei-img-box {
  font-size: 1.5rem;
  margin-bottom: 5rem;
  display: flex;
  flex-wrap: wrap;
}
.l103shulei .l103shulei-img-box .l103shulei-img {
  margin-top: 2.6rem;
  margin-right: 1.8rem;
  height: 11rem;
}
.l103shulei .l103shulei-img-box .size-7rem {
  margin-right: 1.8rem;
  max-width: 18rem;
}

.l103shuleijia {
  padding: 0.4rem 1rem;
  margin: 0 1rem;
}

.l103shulei-bg-box {
  min-width: 15rem;
  flex-wrap: wrap;
}
.l103shulei-bg-box .l103shulei-bg-box-title {
  background: #040d31;
  padding: 0.4rem 0.6rem;
  font-size: 1rem;
  font-weight: bold;
  color: #bca675;
}
.l103shulei-bg-box .l103shulei-bg-box-title-dot {
  width: 2rem;
  height: 2rem;
  border: 0.06rem solid #bca675;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 500;
  color: #bca675;
}

.mf-footer-provide {
  background: #fff;
  padding: 45px 0;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.mf-footer-provide .list {
  display: flex;
  align-items: center;
  margin-top: 27px;
}
.mf-footer-provide .list .list-li {
  margin-right: 20px;
}
.mf-footer-provide .list .img-provide {
  width: 100%;
  height: auto;
}

@media (min-width: 576px) {
  .mf-content {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .mf-content {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .mf-content {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .mf-content {
    max-width: 1140px;
  }
}
.mf-numberone {
  background: url("../images/bk.png") no-repeat;
  background-color: #101b4b;
}
.mf-numberone .content {
  margin: 0 auto;
}

.mf-account {
  background: linear-gradient(270deg, #0954b5 0%, #12225c 100%);
  padding: 35px 68px;
  padding-top: 15px;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 20px !important;
  justify-content: space-between;
}
.mf-account .mf-account-box {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 50%;
  margin-right: 0px;
}
.mf-account .mf-account-img {
  width: 90px;
  height: 90px;
  margin-top: 20px;
}
.mf-account .mf-account-text {
  margin-top: 20px;
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-size: 20px;
  color: #ffffff;
  display: flex;
}
.mf-account .mf-account-text .liushi {
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  background-image: linear-gradient(90deg, #fcecb3 0%, #a88b4a 100%);
  color: transparent;
  -webkit-background-clip: text;
}
.mf-account .mf-account-text .ko {
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 42px;
  background-image: linear-gradient(90deg, #fcecb3 0%, #a88b4a 100%);
  color: transparent;
  -webkit-background-clip: text;
}
.mf-account .mf-account-text .kotext {
  font-size: 42px;
}
.mf-account .mf-text-img {
  height: 90px;
  width: 110px;
}

.mf-reason {
  background: #101b4b;
}
.mf-reason .mf-step a {
  text-decoration: none;
}
.mf-reason .mf-step .circle {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  line-height: 2rem;
  border: 1px solid #f4e2a8;
  margin: 0 auto;
}
.mf-reason .mf-reason-button {
  width: 13.56rem;
  height: 3.13rem;
  line-height: 3.13rem;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  margin: 1.7rem auto 0;
}
.mf-reason .mf-account img {
  margin: 0 auto;
}

.mf-part1 .mf-reason-button {
  width: 13.56rem;
  height: 3.13rem;
  line-height: 3.13rem;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  margin: 1.7rem auto 0;
}

.mf-part2 .mf-button,
.mf-part3 .mf-button {
  width: 13.56rem;
  height: 3.13rem;
  line-height: 3.13rem;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  margin: 1.7rem auto 0;
}

.mf-ratio .ratio-item {
  margin-bottom: 1.25rem;
}
.mf-ratio .col-md-12 {
  margin-top: 1.6rem;
}
.mf-ratio .progress-box {
  position: relative;
}
.mf-ratio .progress-box .middle-line {
  position: absolute;
  top: 0;
  margin-top: -0.3rem;
  left: 50%;
  height: 1.2rem;
  border-right: 1px solid #fff;
  opacity: 0.25;
}
.mf-ratio .more-box {
  height: 0;
  overflow: hidden;
}
.mf-ratio .mf-button {
  width: 13.56rem;
  height: 3.13rem;
  line-height: 3.13rem;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  margin: 1.7rem auto 0;
}

.mf-market .header-search {
  height: 3.5rem;
  border: 0.06rem solid #ffffff;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
}
.mf-market .mf-market-item {
  position: relative;
  padding-bottom: 1.25rem;
  background: #101b4b;
}
.mf-market .mf-market-item .text-start {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  width: 2rem;
  white-space: nowrap;
  background: #12225c;
  margin-top: 0 !important;
}
.mf-market .mf-market-item .line {
  height: 1.88rem;
  width: 0.06rem;
  background: #040d31;
}
.mf-market .mf-market-item .top-img {
  width: 4rem;
  position: absolute;
  top: -1.5rem;
  left: calc(50% - 2rem);
}
.mf-market .more-box {
  height: 0;
  overflow: hidden;
}
.mf-market .mf-button {
  width: 13.56rem;
  height: 3.13rem;
  line-height: 3.13rem;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  margin: 1.7rem auto 0;
}

.mf-part4 .tags span {
  padding: 0.13rem 0.3rem;
  background: #101b4b;
  margin-right: 0.3rem;
  margin-bottom: 0.3rem;
  display: inline-block;
}
.mf-part4 .mf-part4-button {
  width: 17.56rem;
  height: 3.13rem;
  line-height: 3.13rem;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  margin: 1.7rem auto 0;
}

.mf-part5 .mf-part5-button {
  width: 17.56rem;
  height: 3.13rem;
  line-height: 3.13rem;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  margin: 1.7rem auto 0;
}

.mf-part6 .bottom-text {
  height: 3.13rem;
  line-height: 3.13rem;
}
.mf-part6 .bottom-text img {
  max-height: 1.75rem;
}
.mf-part6 .mf-part6-button {
  width: 17.56rem;
  height: 3.13rem;
  line-height: 3.13rem;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  margin: 1.7rem auto 0;
}
.mf-part6 .mf-part6-pc-item,
.mf-part6 .part6-sp-item {
  position: relative;
}
.mf-part6 .mf-part6-pc-item .item-header,
.mf-part6 .part6-sp-item .item-header {
  position: relative;
}
.mf-part6 .mf-part6-pc-item .item-header:before,
.mf-part6 .part6-sp-item .item-header:before {
  content: "";
  position: absolute;
  width: 1.75rem;
  height: 1.13rem;
  top: -0.5rem;
  left: 1rem;
  background: url("../images/icon/icon-2.png") 100% 100% no-repeat;
}
.mf-part6 .mf-part6-pc-item .item-header:after,
.mf-part6 .part6-sp-item .item-header:after {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  right: 1rem;
  width: 1.75rem;
  height: 1.13rem;
  background: url("../images/icon/icon-3.png") 100% 100% no-repeat;
}

.mf-line {
  width: 100%;
  height: 0.06rem;
  border-radius: 50%;
  background: #a88b4a;
}

.rotate180 {
  transform: rotate(180deg);
}

.rotate-180 {
  transform: rotate(-180deg);
}

.mf-kongzuo {
  z-index: 100;
  cursor: pointer;
  position: fixed;
  right: 0rem;
  bottom: 20rem;
}
.mf-kongzuo .img-kongzuo-close {
  position: absolute;
  right: 0rem;
  top: -0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0.31rem 0.31rem 0.63rem 0.06rem rgba(0, 0, 0, 0.3);
  border: 0.06rem solid #ac904f;
  transition: transform 0.3s;
}
.mf-kongzuo .rotate90 {
  transform: rotate(90deg);
}
.mf-kongzuo .mf-kongzuo-box {
  position: relative;
}
.mf-kongzuo .img-kongzuo-box {
  border-radius: 0.63rem 0.63rem 0.63rem 0.63rem;
  padding: 0;
  width: 5rem;
  height: 0;
  font-size: 0.88rem;
  font-weight: bold;
  color: #191919;
  background: linear-gradient(90deg, #fcecb3 0%, #a88b4a 100%);
  box-shadow: 0.31rem 0.31rem 0.63rem 0.06rem rgba(0, 0, 0, 0.3);
  transition: height 0.3s;
  overflow: hidden;
}
.mf-kongzuo .img-kongzuo-active {
  height: 11rem;
}

.mf-footer-60fen {
  padding: 0.5rem 0;
  background: #2e2a14;
  justify-content: end;
  position: relative;
}
.mf-footer-60fen .mf-footer-60fen-img {
  margin-right: 6rem;
  height: 2.5rem;
}
.mf-footer-60fen .mf-footer-60fen-btn {
  cursor: pointer;
  background: #5a4820;
  color: #fdeba9;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 3.75rem;
}

.l103-9 .mf-footer-60fen-box {
  margin-right: 6rem;
}
.l103-9 .mf-footer-60fen-img {
  margin-left: 1rem;
  margin-right: 0;
}
.l103-9 .mf-footer-60fen-img .duan60f-top-text {
  font-size: 1.25rem;
}

.l103-7 .pc-show .title:nth-child(1) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 2rem;
}
.l103-7 .phone-show .title:nth-child(1) {
  text-align: left !important;
}
.l103-7 .phone-show .title:nth-child(1) .ml-30rem {
  margin-left: 0rem !important;
}

.l104-msg-list .list {
  margin-top: 0.8rem;
  flex-wrap: wrap;
}
.l104-msg-list .list-item {
  margin-top: 0.8rem;
  width: 13rem;
  margin-right: 1rem;
}
.l104-msg-list .list-item .list-item-box {
  padding: 0.8rem 1rem;
  min-height: 9rem;
  display: flex;
}
.l104-msg-list .list-item:last-child {
  margin-right: 0rem;
}

.my-footer-3 {
  overflow: hidden;
  background: linear-gradient(270deg, #0954b5 0%, #12225c 100%);
  color: #fff;
  padding: 3.69rem 6.25rem;
  padding-top: 0;
}
.my-footer-3 .my-footer-3-phone-logo {
  display: none;
}
.my-footer-3 .my-footer-3-box {
  padding-top: 3.56rem;
  padding-right: 2.75rem;
}
.my-footer-3 .my-footer-3-box .my-footer-3-title {
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
}
.my-footer-3 .my-footer-3-box .my-footer-3-text {
  font-size: 0.88rem;
  font-weight: 500;
  color: #ffffff;
}
.my-footer-3 .my-footer-3-box .my-footer-3-line {
  margin-top: 0.63rem;
  margin-bottom: 1.19rem;
  width: 100%;
  height: 0.06rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0rem 0rem 0rem 0rem;
}
.my-footer-3 .my-footer-3-box .my-footer-3-line .my-footer-3-line-color {
  width: 1.88rem;
  height: 0.06rem;
  background: linear-gradient(90deg, #fcecb3 0%, #a88b4a 100%);
  opacity: 1;
}
.my-footer-3 .my-footer-3-img {
  flex: 1;
  min-width: 40%;
  float: right;
  padding-top: 3.69rem;
}
.my-footer-3 .my-footer-3-img .storex-img {
  height: 2.3rem;
}
.my-footer-3 .my-footer-3-img .storex-fxv {
  height: 1.88rem;
  margin-top: 1.25rem;
  margin-right: 8px;
  cursor: pointer;
}
.my-footer-3 .my-footer-3-img .my-footer-3-text-split {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: end;
  font-size: 0.88rem;
  font-weight: 500;
  flex-wrap: wrap;
}
.my-footer-3 .my-footer-3-img .my-footer-3-text-split a {
  text-decoration: none;
  display: flex;
  color: #ffffff;
  cursor: pointer;
}
.my-footer-3 .my-footer-3-img .my-footer-3-text-split .line-col {
  margin: 0 1rem;
}
.my-footer-3 .my-footer-3-img .my-footer-3-text-list {
  margin-top: 2.5rem;
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  padding-right: 0.63rem;
  display: flex;
  flex-direction: column;
  align-items: end;
}
.my-footer-3 .my-footer-3-img .my-footer-3-text-list .my-footer-3-text-list-item {
  cursor: pointer;
  text-decoration: none;
  display: inline;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #ffffff;
}

.setp-list {
  justify-content: space-around;
}
.setp-list .setp-list-item {
  padding: 2rem 0rem;
  width: 15.81rem;
  background: #040d31;
  text-align: center;
}
.setp-list .setp-list-item .temp-number {
  font-size: 1.75rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 2.19rem;
}
.setp-list .setp-list-item .temp-title {
  margin-top: 0.2rem;
  font-size: 1.75rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 2.19rem;
}
.setp-list .setp-list-item .temp-content {
  margin-top: 1.64rem;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.81rem;
}
.setp-list .temp-right {
  width: 3rem;
  height: 4.19rem;
  margin: 0.88rem;
}

.l106-img-list {
  margin-top: 2rem !important;
}
.l106-img-list .l106-img-list-item {
  background: #040d31;
  padding: 0.8rem 1.25rem;
  border-right: 0.25rem solid #101b4b;
  justify-content: start;
}
.l106-img-list .l106-img-list-dot {
  height: 3.75rem;
  width: 3.75rem;
  margin-right: 1.25rem;
}

.mf-footer-5 {
  background: #040d31;
  padding: 2.4rem 1.5rem 1.25rem;
}
.mf-footer-5 .pc-show .footer-5-item a:hover {
  text-decoration: underline !important;
}
.mf-footer-5 .pc-show .footer-5-item p:hover {
  text-decoration: underline !important;
}
.mf-footer-5 .content .title {
  justify-content: center;
}
.mf-footer-5 .pc-show .title .ml-30rem {
  margin-left: 0 !important;
}
.mf-footer-5 .pc-show .title .text-linear-FCECB3 {
  margin-left: 0 !important;
}
.mf-footer-5 .row .col-md-12 {
  padding-right: 0;
  margin-right: 0;
  margin-left: 0;
  padding-left: 0;
  margin-top: 0;
}
.mf-footer-5 .row .why-us-content {
  padding: 1.25rem;
}
.mf-footer-5 .mf-button {
  width: 16.5rem;
  height: 3.13rem;
  line-height: 3.13rem;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  margin: 1.7rem auto 0;
}

.mf-about-footer-6 .mf-button {
  width: 16.5rem;
  height: 3.13rem;
  line-height: 3.13rem;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  margin: 1.7rem auto 0;
}

.mf-about-footer-7 img {
  width: 1rem;
  height: 1rem;
  display: block;
}
.mf-about-footer-7 .time-line .time-line-item {
  margin-bottom: 0.7rem;
}
.mf-about-footer-7 .time-line .time-line-item .year {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
}

/* 找到 .mf-common-header-header 下的第一个 div */
.mf-common-header-header > div:first-child {
  /* 你的样式规则 */
  margin-left: 4.2rem;
}

/* 找到 .mf-common-header-header 下的最后一个 div */
.mf-common-header-header > div:last-child {
  /* 你的样式规则 */
  margin-right: 1rem;
}

.mf-common-header .mf-common-header-header {
  padding: 0.6rem 0;
  font-size: 1rem;
  overflow-x: scroll;
}
.mf-common-header .cli {
  width: 0.06rem;
  height: 0.69rem;
  background-color: #c1c1c1;
  margin: 0 1.5rem;
}
.mf-common-header .mf-common-header-content-left {
  z-index: 1;
}
.mf-common-header .mf-common-header-title {
  font-size: 3.38rem;
  color: #ffffff;
  margin-top: 3.38rem;
  line-height: 1.2;
}
.mf-common-header .mf-common-header-title p {
  margin-bottom: 0 !important;
}
.mf-common-header .mf-common-header-title .mf-common-header-content {
  margin-top: 1.9rem !important;
}
.mf-common-header .my-common-header-text {
  color: #fdeba9 !important;
  text-decoration: underline !important;
}
.mf-common-header a .my-common-header-text {
  color: #fdeba9 !important;
  text-decoration: underline !important;
}
.mf-common-header .mf-common-header-active {
  color: #0954b5;
  text-decoration: none;
}
.mf-common-header .mf-common-header-active a {
  color: #0954b5 !important;
  text-decoration: none;
}
.mf-common-header .nav-list a:last-child .my-common-header-text:last-child {
  color: #0954b5 !important;
  text-decoration: none !important;
}

.mf-header-nav .mf-common-header-header {
  padding: 0.6rem 0;
  font-size: 1rem;
  overflow-x: scroll;
}
.mf-header-nav .cli {
  width: 0.06rem;
  height: 0.69rem;
  background-color: #c1c1c1;
  margin: 0 1.5rem;
}
.mf-header-nav .mf-common-header-title {
  font-size: 3.38rem;
  color: #ffffff;
  margin-top: 3.38rem;
  line-height: 1.2;
}
.mf-header-nav .mf-common-header-title p {
  margin-bottom: 0 !important;
}
.mf-header-nav .mf-common-header-title .mf-common-header-content {
  margin-top: 1.9rem !important;
}
.mf-header-nav .my-common-header-text {
  color: #fdeba9 !important;
  text-decoration: underline !important;
}
.mf-header-nav a .my-common-header-text {
  color: #fdeba9 !important;
  text-decoration: underline !important;
}
.mf-header-nav .mf-common-header-active {
  color: #0954b5;
  text-decoration: none;
}
.mf-header-nav .mf-common-header-active a {
  color: #0954b5 !important;
  text-decoration: none;
}
.mf-header-nav .nav-list a:last-child .my-common-header-text:last-child {
  color: #0954b5 !important;
  text-decoration: none !important;
}

.mf-common-header-content-right {
  z-index: 0;
}
.mf-common-header-content-right .mf-common-header-content-right-img {
  position: absolute;
  top: 0;
  right: 0;
}

.l104123 {
  margin-top: 2.8rem;
}

.mf-common-header-content {
  overflow: hidden;
}
.mf-common-header-content .left-bg {
  position: absolute;
  left: 0;
}
.mf-common-header-content .mf-common-header-content {
  font-size: 1.13rem;
  color: #ffffff;
  margin-top: 2rem;
}
.mf-common-header-content .mf-common-header-content-left {
  z-index: 1;
  max-width: 37rem;
}
.mf-common-header-content .mf-common-header-content-left .mf-common-header-active {
  font-size: 0.88rem;
}
.mf-common-header-content .mf-common-header-line-style-none {
  max-width: none !important;
  flex: none !important;
}
.mf-common-header-content .mf-common-header-line {
  margin-bottom: 3rem;
  font-size: 2rem;
  display: flex;
  flex-wrap: wrap;
}
.mf-common-header-content .mf-common-header-line .mf-common-header-line-left {
  margin-top: 3rem;
  max-width: 17.31rem;
  margin-right: 2.75rem;
  flex: 1;
  font-size: 2rem;
}
.mf-common-header-content .mf-common-header-line .mf-common-header-line-left .top-line {
  margin-bottom: 2.5rem;
  height: 0.06rem;
  background: linear-gradient(90deg, #0954b5 0%, #12225c 100%);
}
.mf-common-header-content .mf-common-header-line .right-line {
  display: none;
}
.mf-common-header-content .mf-common-header-line .mf-common-header-line-right {
  font-size: 1.7rem;
  margin-top: 3rem;
  flex: 1;
}
.mf-common-header-content .mf-common-header-line .mf-common-header-line-right .top-line {
  margin-bottom: 2.5rem;
  height: 0.06rem;
  background: rgba(255, 255, 255, 0.2);
}

.mf-btn {
  width: 100%;
}
.mf-btn .mf-common-button {
  background: linear-gradient(90deg, #fcecb3 0%, #a88b4a 100%);
}
.mf-btn .mf-common-button.white-button {
  background: transparent;
  color: #fff;
}
.mf-btn .mf-arrow-right:after {
  right: 1.8rem;
  margin-top: -0.25rem;
  width: 0.6rem;
  height: 0.6rem;
  border-top: 0.15rem solid;
  border-right: 0.15rem solid;
  border-color: #191919;
  transform: rotate(45deg);
}

.l104TradingPlatforms-content .l104TradingPlatforms-content-img {
  max-width: 57rem;
  width: 100%;
  margin-top: 3rem;
}
.l104TradingPlatforms-content .temp-img1 {
  width: 28rem;
  height: 22rem;
}
.l104TradingPlatforms-content .temp-img500 {
  width: 18.75rem;
  height: 16rem;
}
.l104TradingPlatforms-content .temp-img-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.l104TradingPlatforms-content .btns-box {
  margin-bottom: 3.63rem;
}
.l104TradingPlatforms-content .btns-box .mf-btn {
  margin-bottom: 2rem;
  flex: 1;
}
.l104TradingPlatforms-content .l104TradingPlatforms-content-text {
  margin-top: 1.8em;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.81rem;
}

.commont-dots {
  padding-bottom: 5rem;
}

.l103-1 .mf-common-header-line {
  margin-top: 0 !important;
}
.l103-1 .mf-common-header-line-right {
  line-height: 2rem;
}
.l103-1 .mf-common-header-line-right p:nth-child(1) span {
  margin-left: 1.5rem;
}
.l103-1 .mf-common-header-line-right p:nth-child(2) span:nth-child(1) {
  margin-left: 0.5rem;
}

.l106-6 {
  padding-top: 1rem;
}
.l106-6 .row .bg-040D31 {
  display: flex;
  flex-direction: column;
}
.l106-6 .row .bg-040D31 .row {
  flex: 1;
}
.l106-6 .row .bg-040D31 .row img {
  height: 12.5rem;
  max-width: 100%;
}

.l105-6 .text-linear-FCECB3 {
  word-break: keep-all;
  display: inline;
}
.l105-6 a {
  text-decoration: none;
}

.l103-2 .mf-account-bg {
  margin: 0 1.25rem;
}

.l103-4 .l103shulei-img-box:nth-last-child(1) .color-C1C1C1 {
  padding-left: 0.6rem;
}
.l103-4 pre {
  font-size: 0.8rem !important;
  font-family: IBM Plex Sans-Bold !important;
  overflow: visible;
}
.l103-4 .l103shulei-bg-box-title .mf-flex1 {
  text-align: center;
}

.why-us-item {
  margin: 0 0.7rem;
  width: 30rem;
}

.why-us-img {
  width: 8rem;
  object-fit: cover;
}

.l106-1 {
  padding-bottom: 2rem !important;
}

.why-us-content {
  padding: 1.25rem;
}

.l103-6 .common-img-list-item1 {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.l103-6 .common-img-list-item1 .pl-20rem {
  flex: 1;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.l103-6 .common-img-list-item1 .mf-btn {
  flex: 1;
  display: flex;
  align-items: end;
  justify-content: center;
}

.l104TradingPlatforms-list {
  flex-wrap: wrap;
  justify-content: space-between;
}
.l104TradingPlatforms-list .top-line {
  margin-bottom: 2.5rem;
  height: 0.06rem;
  background: rgba(255, 255, 255, 0.2);
}
.l104TradingPlatforms-list .l104TradingPlatforms-content-text {
  margin-top: 1.8em;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.81rem;
}
.l104TradingPlatforms-list .l104TradingPlatforms-list-item {
  padding-right: 2rem;
  flex: 1;
  flex-wrap: wrap;
  min-width: 48%;
  margin-bottom: 2.4rem;
}
.l104TradingPlatforms-list .l104TradingPlatforms-list-item:last-child {
  margin-bottom: 0;
}
.l104TradingPlatforms-list .l104TradingPlatforms-list-item .size-10rem {
  line-height: 1.8rem;
}

.l104TradingPlatforms-content-text-dot {
  height: 3.75rem !important;
  width: 3.75rem !important;
  margin-right: 1.25rem;
}

.l104TradingPlatforms-content-list-content {
  flex: 1;
}

.common-img-list {
  flex-wrap: wrap;
}
.common-img-list .common-img-list-item {
  flex-wrap: wrap;
  width: 14rem;
}
.common-img-list .common-img-list-item:nth-child(1) .common-img-list-item-img img {
  height: 3.04rem;
}
.common-img-list .common-img-list-item:nth-child(2) .common-img-list-item-img img {
  height: 4.8rem;
}
.common-img-list .common-img-list-item:nth-child(3) .common-img-list-item-img img {
  height: 3.25rem;
}
.common-img-list .common-img-list-item:nth-child(4) .common-img-list-item-img img {
  height: 5rem;
}
.common-img-list .common-img-list-item .common-img-list-item-img {
  padding: 2rem;
  background: #040d31;
  height: 7rem;
}

.g-go-to-top {
  position: fixed;
  cursor: pointer;
  bottom: 0;
  z-index: 10;
  right: 10px;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  box-shadow: 0px 5px 8px 0 rgba(0, 0, 0, 0.2);
  transform: translateY(calc(100% + 60px));
  transition: 0.25s ease 0s;
  transition-property: transform;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ddd;
}
.g-go-to-top .top-up::before {
  font-size: 20px;
  font-weight: bold !important;
}
.g-go-to-top .top-up {
  line-height: 16px;
  background-image: linear-gradient(0deg, #0954b5 0%, #12225c 100%);
  color: transparent;
  -webkit-background-clip: text;
}

.g-go-to-top-show {
  transform: translateY(calc(100% - 230px));
}

.common-img-list-item1:nth-child(1) .common-img-list-item-img img {
  height: 3.04rem;
}
.common-img-list-item1:nth-child(2) .common-img-list-item-img img {
  height: 4.8rem;
}
.common-img-list-item1:nth-child(3) .common-img-list-item-img img {
  height: 3.25rem;
}
.common-img-list-item1:nth-child(4) .common-img-list-item-img img {
  height: 5rem;
}
.common-img-list-item1 .common-img-list-item-img {
  padding: 2rem;
  background: #040d31;
  height: 7rem;
}

.common-img-list1 {
  margin-top: 0rem !important;
  flex-wrap: wrap;
  justify-content: space-between;
}
.common-img-list1 .common-img-list-item1 {
  margin-top: 2.5rem !important;
  flex-wrap: wrap;
  flex: 1;
}
.l105-8 .list .list-item {
  display: flex;
  flex-direction: column;
}
.l105-8 .list .list-item .mb-21rem {
  flex: 1;
}

.img-dowm-111 {
  margin-top: 3rem;
  min-width: 10rem;
}
.img-dowm-111 img {
  margin-left: 0;
}
.img-dowm-111 {
  margin-bottom: 3rem;
}

.screenshot-img-3 {
  width: 11.25rem;
  height: 8.88rem;
  margin-right: 1.8rem;
}

.table-box .bi-chevron-down {
  transition: all 0.4s;
}

.mf-select-box {
  position: relative;
}
.mf-select-box .bi-chevron-down {
  display: flex;
}
.mf-select-box + .mt-20rem {
  margin-top: 0 !important;
}
.mf-select-box + .mt-20rem > div {
  margin-top: 2rem;
}
.mf-select-box + .mt-20rem > p {
  margin-top: 2rem;
}
.mf-select-box .select-icon {
  transition: all 0.4s;
  width: 1.5rem;
  height: 1.5rem;
  background: #ffffff;
  border-radius: 50%;
  position: absolute;
  color: #040d31;
  right: 1.25rem;
  top: calc(50% - 0.75rem);
}
.mf-select-box .color-C1C1C1 {
  font-family: IBM Plex Sans !important;
}
.mf-select-box .mf-select {
  background-color: #040d31;
  border: none;
  padding: 1.25rem;
  padding-right: 3rem;
  font-size: 1.7rem;
  line-height: 1.6rem;
  width: 100%;
  min-width: 15rem;
  /* 清除默认的箭头样式 */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  color: #ffffff;
}

.btnssss {
  display: flex;
  align-items: center;
  justify-content: start;
}

.mf-product-header-part-1 .check {
  width: 1.83rem;
}
.mf-product-header-part-1 .under-line {
  position: absolute;
  bottom: 0;
  left: -0.6rem;
  right: -2rem;
  height: 0.63rem;
  background: #040d31;
  z-index: -1;
}

.play-icon1 {
  position: absolute;
  width: 6rem;
  height: 6rem;
  top: calc(50% - 3rem);
  left: calc(50% - 3rem);
}

.play-icon2 {
  position: absolute;
  width: 4rem;
  height: 4rem;
  top: calc(50% - 2rem);
  left: calc(50% - 2rem);
}

.mf-product-part-1 .check,
.l1-09-part1 .check {
  width: 1.83rem;
}
.mf-product-part-1 .under-line,
.l1-09-part1 .under-line {
  position: absolute;
  bottom: 0;
  left: -0.6rem;
  right: -2rem;
  height: 0.63rem;
  background: #040d31;
  z-index: -1;
}

.video-close {
  position: absolute;
  top: 1rem;
  right: 0rem;
  width: 3.13rem;
  height: 3.13rem;
}

.mf-product-part-2 .header-search {
  height: 3.5rem;
  border: 0.06rem solid #ffffff;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
}
.mf-product-part-2 .mf-button {
  width: 13.56rem;
  height: 3.13rem;
  line-height: 3.13rem;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  margin: 1.7rem auto 0;
}

.mf-product-part-3 img {
  max-width: 100%;
}
.mf-product-part-3 .row {
  margin-left: 0;
  margin-right: 0;
}
.mf-product-part-3 .mf-button {
  padding: 0.25rem 1.75rem;
  min-height: 3.13rem;
  width: 25rem;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  margin: 1.7rem auto 0;
}

.mf-product-part-4 .list-item .left {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  line-height: 1rem;
}
.mf-product-part-4 .mf-button {
  width: 12.56rem;
  height: 3.13rem;
  line-height: 3.13rem;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  margin: 1.7rem auto 0;
}

.tabs-item {
  cursor: pointer;
}

.mf-education-part-1 img {
  max-width: 100%;
}
.mf-education-part-1 .mf-button {
  width: 12.56rem;
  height: 3.13rem;
  line-height: 3.13rem;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  margin: 1.7rem auto 0;
}

.mf-education-part-2 .list-item .left {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  line-height: 1rem;
}
.mf-education-part-2 .mf-button {
  width: 12.56rem;
  height: 3.13rem;
  line-height: 3.13rem;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  margin: 1.7rem auto 0;
}

.mf-about-part-41 {
  font-size: 1rem;
}
.mf-about-part-41 .content {
  margin-left: 0rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.mf-about-part-41 .block2 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.mf-about-part-41 .left-bg {
  top: unset !important;
}

.mf-about-part-4 .item-header {
  position: relative;
}
.mf-about-part-4 .item-header:before {
  content: "";
  position: absolute;
  width: 1.75rem;
  height: 1.13rem;
  top: -0.5rem;
  left: 1rem;
  background: url("../images/icon/icon-2.png") 100% 100% no-repeat;
}
.mf-about-part-4 .item-header:after {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  right: 1rem;
  width: 1.75rem;
  height: 1.13rem;
  background: url("../images/icon/icon-3.png") 100% 100% no-repeat;
}
.mf-about-part-4 .bottom-text {
  height: 3.13rem;
  line-height: 3.13rem;
}
.mf-about-part-4 .bottom-text img {
  max-height: 1.75rem;
}

.gantan {
  min-width: 2rem;
  min-height: 2rem;
  background: #fe710d;
  font-size: 1.2rem;
}

.gantan-box {
  font-size: 1.5rem;
  font-weight: bold;
  color: #fe710d;
  line-height: 1.8rem;
  margin-top: 5rem;
}
.gantan-box .mf-keep-all {
  letter-spacing: -2px;
}
.gantan-box {
  padding: 0 !important;
}

.l207-top-btn .mf-btn {
  width: 13rem;
}
.header-btns .header-btn {
  padding: 0.88rem 1.25rem;
  border-radius: 1.75rem;
}
.header-btns .header-btn a {
  white-space: normal;
}
.header-btns .header-btn-img {
  position: absolute;
  right: 1.6rem;
  width: 1.5rem;
  height: 1.5rem;
}
.header-btns .header-btn-icon {
  position: absolute;
  right: 1.6rem;
}

.border-fff {
  border: 0.06rem solid #ffffff;
}

.mf-line-1-8 {
  line-height: 1.8rem;
}

.sentiment-1 {
  width: 100%;
  padding: 7rem 6.25rem;
  padding-bottom: 3rem;
}
.sentiment-1 .temp-text {
  width: 100%;
  text-align: right;
  font-size: 0.75rem;
  font-weight: 500;
  color: #191919;
  line-height: 1rem;
}
.sentiment-1 .echart-top {
  width: 100%;
  height: 24rem;
}
.sentiment-1 .echart-top .img-fluid {
  width: 100%;
  height: 100%;
}
.sentiment-1 .echart-teble {
  width: 100%;
  height: 34rem;
  margin-top: 3.5rem;
}
.sentiment-1 .echart-teble .img-fluid {
  width: 100%;
  height: 100%;
}

.sentiment-2 .mf-flex-row {
  justify-content: space-between;
}
.sentiment-2 .iframe-sentiment {
  margin-top: 0.8rem;
}

.sentiment-1-1 {
  padding-bottom: 0;
}

.sentiment-1-2 {
  padding-top: 4rem;
}

.sentiment-3 {
  overflow: hidden;
}
.sentiment-3 .mf-wrapper {
  margin-top: 7.5rem;
}

.sentiment-4 {
  padding-bottom: 7.5rem;
}
.sentiment-4 .temp-px {
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  height: 1.25rem;
  background: #0954b5;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ffffff;
}
.sentiment-4 .fx-title {
  font-size: 1rem;
  font-weight: bold;
  color: #191919;
}
.sentiment-4 .mf-search-input {
  color: #12225c;
  line-height: 1.2rem;
}
.sentiment-4 .temp-img {
  height: 18rem;
  width: 100%;
}
.sentiment-4 .temp-list {
  margin-top: 0.7;
}
.sentiment-4 .temp-list-item {
  width: 49%;
  margin-top: 1.88rem;
  background: #f5f5f5;
  overflow: hidden;
}
.sentiment-4 .temp-title {
  font-size: 1.25rem;
  font-weight: bold;
  color: #101b4b;
  line-height: 1.88rem;
}
.sentiment-4 .temp-list-item {
  background: #f5f5f5;
}
.sentiment-4 .color-fff {
  color: rgb(16, 27, 75) !important;
}
.sentiment-4 .header-search {
  border-color: #12225b;
}
.sentiment-4 .tabs {
  background-color: #fff;
  justify-content: start;
}
.sentiment-4 .tabs div {
  background: #f5f5f5 !important;
  color: #12225c !important;
}
.sentiment-4 .tabs .active {
  color: #ffffff !important;
  background: linear-gradient(90deg, #0954b5 0%, #12225c 100%) !important;
}
.sentiment-4 .mf-common-header-content .mf-common-header-line .mf-common-header-line-left .top-line {
  background: #e5e5e5;
}
.sentiment-4 .mf-common-header-line-right {
  border-top: 1px solid #e5e5e5;
}
.sentiment-4 .temp-title {
  color: #101b4b;
}
.sentiment-4 .temp-text {
  color: #191919;
}
.sentiment-4 .tabs div {
  background: #f5f5f5;
}
.sentiment-4 .tabs {
  color: #ffffff !important;
}
.sentiment-4 .table-item .bg-040D31 > .mf-flex-row-center .line {
  background: #c1c1c1;
}
.sentiment-4 .table-item .bg-040D31 > .mf-flex-row-center {
  background: #f5f5f5;
}
.sentiment-4 .table-item .arrow-down {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e5e5e5;
}
.sentiment-4 .temp-text {
  font-size: 0.8rem;
  font-weight: 500;
  color: #191919;
  line-height: 1.81rem;
}

.l207-1 .mf-common-header-line {
  margin-top: 0;
}
.l207-1 .mf-list-text {
  padding-right: 2.5rem;
}
.l207-1 .temp-img {
  height: 17rem;
  width: 100%;
}
.l207-1 .temp-list {
  margin-top: 4rem;
}
.l207-1 .temp-list .temp-list-item {
  border: 0.8rem solid #101b4b;
  padding: 1.65rem;
}
.l207-1 .temp-list .temp-list-item .header-btns {
  height: 3.13rem;
}
.l207-1 .temp-list .temp-list-item .header-btns .header-btn-icon {
  right: 1rem;
}

.phone-resver {
  flex-direction: column-reverse;
}

.l201-6 .mf-list-text {
  padding-right: 2.5rem;
}
.l201-6 .temp-img {
  height: 12.5rem;
  width: 100%;
}
.l201-6 .temp-list .temp-list-item {
  margin-top: 2.6rem;
}

.l205-6 .mf-list-text {
  padding-right: 2.5rem;
}
.l205-6 .temp-img2 {
  height: 9.5rem;
  width: 17.5rem;
}
.l205-6 .temp-list .temp-list-item {
  margin-top: 2.6rem;
}
.l205-6 .mf-common-header-line-right {
  padding-bottom: 7.4rem !important;
}

.l205-7 .mf-common-header-line-right {
  padding-bottom: 7.4rem !important;
}

.l106-3 .mf-common-header-line {
  margin-bottom: 0 !important;
}
.l106-3 .mf-common-header-line-right {
  padding-bottom: 5rem;
}

.l106-4 .mf-common-header-line-left {
  margin-top: 0 !important;
}
.l106-4 .mf-common-header-line-right {
  margin-top: 0 !important;
}

.l106-5 .l104TradingPlatforms-list {
  margin-top: 0.5rem !important;
}
.l106-5 .mf-common-header-line-right .row + .row {
  margin-top: 1rem;
}
.l106-5 .mf-common-header-line-right .row + .row .size-22rem {
  margin-top: 1.62rem;
}
.l106-5 .mf-common-header-line-right .row + .row + .mt-2rem {
  margin-top: 2rem !important;
}

.mf-line-2 {
  line-height: 2rem;
}

.font-500 {
  font-weight: 500;
}

.gantan-content {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 1.2rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.81rem;
}

.computed-img-box {
  padding: 2rem 3rem;
}

.computed-img {
  width: 12rem;
  height: 8rem;
}

.l110-3 .mf-common-header-line-right .col-sm-12:nth-child(1) .computed-img-box {
  padding-top: 1.1rem !important;
}

.l110-3 .mf-common-header-line-right .computed-img:nth-child(1) {
  width: 18.31rem;
  height: 12.5rem;
}

.l110-4 .mf-common-header-line-right .col-sm-12:nth-child(1) .computed-img-box {
  padding-top: 1.1rem !important;
}

.l110-4 .mf-common-header-line-right .computed-img:nth-child(1) {
  width: 18.31rem;
  height: 12.5rem;
}

.l110-5 .mf-common-header-line-right .col-sm-12:nth-child(1) .computed-img-box {
  padding-top: 1.1rem !important;
}

.l110-5 .mf-common-header-line-right .computed-img:nth-child(1) {
  width: 18.31rem;
  height: 12.5rem;
}

.l110-2 {
  background: #040d31;
  padding: 3rem 0;
  margin-bottom: 4rem !important;
}
.l110-2 .mf-btn {
  margin-top: 4rem;
}

.l110-3 .mf-btn {
  margin-bottom: 3.5rem;
}

.a-block {
  display: block;
}

.l205-com .temp-img {
  width: 18.75rem;
  height: 18.75rem;
}
.l205-com .mf-common-header-line-right {
  padding-bottom: 6rem;
}
.l205-com .mf-common-header-line {
  margin-bottom: 0;
}
.l205-com .mf-common-header-line-right {
  margin-top: 0 !important;
}
.l205-com .l104-msg-list .list-item {
  width: 30%;
}
.l205-com .l104-msg-list .list-item .list-item-box {
  min-height: 7.5rem;
}
.l205-com .l104-msg-list .list-item .beizhu {
  margin: 0 2rem;
}
.l205-com .l104-msg-list .list-item .temp-title {
  margin-top: 1rem;
}
.l205-com .l104-msg-list .list-item .list-item-box {
  padding: 0rem 1rem;
}
.l205-com .size-10rem {
  letter-spacing: -1px;
}
.l205-com .temp-number-img {
  width: 3.75rem;
  height: 3.75rem;
  margin-right: 0.63rem;
}
.l205-com .temp-number {
  font-size: 1.75rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 2.19rem;
}

.l205-5 .temp-img1 {
  width: 28rem;
  height: 22rem;
}
.l205-5 .temp-img500 {
  width: 18.75rem;
  height: 16rem;
}
.l205-5 .temp-img-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.l205-1 .temp-row {
  margin-top: 1.25rem;
}

.l205-2 .mf-common-header-line-right {
  padding-bottom: 6rem;
}
.l205-2 .mf-common-header-line {
  margin-bottom: 0;
}

.l205-0 .pc-hide p {
  letter-spacing: -3px;
}

.l205-3 .mf-common-header-line-right {
  padding-bottom: 6rem;
}
.l205-3 .mf-common-header-line {
  margin-bottom: 0;
}
.l205-3 .mf-common-header-line-right {
  margin-top: 0 !important;
}
.l205-3 .mf-common-header-line-right .list .list-item {
  display: flex;
  flex-direction: column;
}
.l205-3 .mf-common-header-line-right .list .list-item .list-item-box {
  flex: 1;
}
.l205-3 .mf-common-header-line-right .list .list-item .list-item-box > div:nth-child(2) {
  /* 在这里添加你的样式 */
  white-space: nowrap;
  letter-spacing: -3px;
}
.l205-3 .mf-common-header-line-right .list .list-item .list-item-box > div:nth-child(2) .text-linear-FCECB3 {
  margin-right: -4px;
}

.aLink {
  cursor: pointer;
}

.l110-4 .mf-btn {
  margin-bottom: 3.5rem;
}
.l110-4 .list .list-item {
  display: flex;
  flex-direction: column;
}
.l110-4 .list .list-item .list-item-box {
  flex: 1;
}
.l110-4 .list .list-item .list-item-box > div:nth-child(2) {
  /* 在这里添加你的样式 */
  white-space: nowrap;
  letter-spacing: -3px;
}
.l110-4 .list .list-item .list-item-box > div:nth-child(2) .text-linear-FCECB3 {
  margin-right: -11px;
}

.l110-5 .mf-btn {
  margin-bottom: 3.5rem;
}

.mf-img {
  height: 4rem;
  width: 25rem;
}

.l110-1 .mf-common-header-title {
  letter-spacing: 0px;
}

.letter-spacing--3px {
  letter-spacing: -3px;
}

.letter-spacing--1px {
  letter-spacing: -1px;
}

.mf-keep-all {
  word-break: keep-all;
  display: inline;
}

.mf-market-news-part1 .small-list,
.mf-market-news-part2 .small-list {
  padding: 1.25rem;
}
.mf-market-news-part1 .small-list a,
.mf-market-news-part2 .small-list a {
  display: block;
  margin-bottom: 0.6rem;
}
.mf-market-news-part1 .small-list a:last-child,
.mf-market-news-part2 .small-list a:last-child {
  margin-bottom: 0;
}
.mf-market-news-part1 .small-list img,
.mf-market-news-part2 .small-list img {
  width: 4.56rem;
  height: 4.56rem;
  margin-right: 0.6rem;
}
.mf-market-news-part1 .news-list .news-item,
.mf-market-news-part2 .news-list .news-item {
  display: flex;
  flex-direction: column;
}
.mf-market-news-part1 .news-list .news-item img,
.mf-market-news-part2 .news-list .news-item img {
  width: 100%;
  height: 11.56rem;
}
.mf-market-news-part1 .news-list .news-item .text-box,
.mf-market-news-part2 .news-list .news-item .text-box {
  flex: 1;
  padding: 1.25rem;
}
.mf-market-news-part1 .news-list .news-item .tags span,
.mf-market-news-part2 .news-list .news-item .tags span {
  padding: 0.13rem 0.3rem;
  background: #101b4b;
  margin-right: 0.3rem;
  margin-bottom: 0.3rem;
  display: inline-block;
}
.mf-market-news-part1 .news-list .news-item .button,
.mf-market-news-part2 .news-list .news-item .button {
  position: relative;
  width: 13.56rem;
  height: 3.13rem;
  border-radius: 1.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.mf-market-news-part1 .news-list .news-item .button img,
.mf-market-news-part2 .news-list .news-item .button img {
  position: absolute;
  top: 0.7rem;
  right: 1rem;
  width: 1.5rem;
  height: 1.5rem;
}
.mf-market-news-part1 .news-list .operate-blue,
.mf-market-news-part2 .news-list .operate-blue {
  padding-top: 3rem;
  padding-bottom: 2.5rem;
  background: linear-gradient(90deg, #0954b5 0%, #12225c 100%);
}
.mf-market-news-part1 .news-list .operate-blue .button,
.mf-market-news-part2 .news-list .operate-blue .button {
  background: linear-gradient(90deg, #fcecb3 0%, #a88b4a 100%);
  color: #191919;
}
.mf-market-news-part1 .news-list .operate-gold,
.mf-market-news-part2 .news-list .operate-gold {
  padding-top: 3rem;
  padding-bottom: 2.5rem;
  background: linear-gradient(90deg, #fcecb3 0%, #a88b4a 100%);
  color: #191919;
}
.mf-market-news-part1 .news-list .operate-gold .button,
.mf-market-news-part2 .news-list .operate-gold .button {
  background: linear-gradient(90deg, #0954b5 0%, #12225c 100%);
  color: #fff;
  line-height: 1rem;
}

.mf-market-news-part3 {
  padding-top: 2rem;
}
.mf-market-news-part3 .link-list {
  max-width: 63rem;
  margin: 0 auto;
}
.mf-market-news-part3 .link-list .link-item {
  margin: 0 1.7rem 1.5rem;
  width: 17.31rem;
  height: 3.13rem;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
}

.mf-market-news-part4 img {
  width: 2.25rem;
  height: 2.25rem;
}

.mf-market-news-part5 .row {
  gap: 1rem;
}
.mf-market-news-part5 .item {
  width: calc(50% - 2rem);
  display: block;
  padding: 0;
}
.mf-market-news-part5 .item:nth-child(2n) {
  margin-right: 0;
}
.mf-market-news-part5 .item img {
  width: 7.81rem;
  height: 8.44rem;
}
.mf-market-news-part5 .item .item-content {
  padding: 0.94rem;
}
.mf-market-news-part5 .item .item-content .item-title {
  font-size: 1.1rem;
}
.mf-market-news-part5 .item .item-content .name {
  margin-bottom: 0.44rem;
}
.mf-market-news-part5 .mf-button {
  margin-top: 2rem;
}
.mf-market-news-part5 .tags span {
  padding: 0.13rem 0.3rem;
  background: #101b4b;
  margin-right: 0.3rem;
  margin-bottom: 0.3rem;
  display: inline-block;
}

.mf-border-top {
  border-top: 0.06rem solid rgba(255, 255, 255, 0.2);
}

.mf-account-bg {
  padding: 1.25rem;
}
.mf-account-bg a {
  text-decoration: none;
}
.mf-account-bg .img-fluid {
  height: 3.83rem;
}
.mf-account-bg .btn-box1 {
  display: flex;
  flex-wrap: wrap;
}
.mf-account-bg .btn-box1 + div {
  color: #fff !important;
}
.mf-account-bg .account-content {
  display: flex;
  align-items: center;
  flex: 1;
  line-height: 22px;
  min-width: 80px;
  max-width: 180px;
}
.mf-account-bg .mf-btn1 {
  text-align: left;
}
.mf-account-bg .mf-btn1 .img-user1 {
  position: absolute;
  top: 0.6rem;
  right: 1.8rem;
  width: 1.15rem;
}
.mf-account-bg .mf-btn2 .mf-common-button {
  background: transparent;
  color: #fff !important;
  border: 0.06rem solid #ffffff;
}
.mf-account-bg .mf-btn2 .mf-arrow-right:after {
  border-color: white;
}
.mf-account-bg .mf-btn1 .mf-arrow-right:after {
  display: none;
}
.mf-account-bg .mf-btn {
  width: 13rem;
  margin-right: 0.6rem;
}
.mf-account-bg .mf-btn .mf-common-button {
  width: 100%;
  display: block;
}

.l105-list .l105-list-item {
  cursor: pointer;
  height: 4.13rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 1.8rem;
  width: 15rem;
  margin: 0 0.3rem;
  background: #12225c;
  border-radius: 3.13rem 3.13rem 3.13rem 3.13rem;
}

.l105-comtent-list {
  display: flex;
  flex-wrap: wrap;
}

.l105-comtent-list-item {
  width: 17rem;
  background: #040d31;
  margin-right: 1.2rem;
}

.l105-comtent-list-item-img {
  width: 100%;
  height: 12rem;
}

.l105-comtent-list-item-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.25rem;
}

.l105-comtent-list-item-dot {
  padding: 0.13rem 0.31rem;
  background: #101b4b;
  font-size: 0.75rem;
  margin-right: 0.31rem;
}

.l1-04-2 .commont-dots {
  padding-bottom: 1rem;
}

.l1-04-4 .l104TradingPlatforms-list {
  margin-top: 0 !important;
}
.l1-04-4 .mf-btn {
  margin-bottom: 2rem !important;
}
.l1-04-4 .common-img-list1 .common-img-list-item1 {
  display: flex;
}
.l1-04-4 .common-img-list1 .common-img-list-item1 .color-fff {
  display: flex;
  flex-direction: column;
}
.l1-04-4 .common-img-list1 .common-img-list-item1 .color-fff .size-8rem {
  flex: 1;
}

.l1-04-5 .mf-common-header-line {
  margin-bottom: 0;
}
.l1-04-5 .mf-common-header-content {
  display: none !important;
}

.l1-04-6 .mf-common-header-line-left {
  margin-top: 0 !important;
}
.l1-04-6 .mf-common-header-line-right {
  margin-top: 0 !important;
}

.duan60f .duan60f-top-text {
  font-size: 1rem;
  margin-bottom: 0;
  white-space: nowrap;
  line-height: unset;
  color: #ffffff !important;
}
.duan60f .duan60f-top-text .f60f {
  font-size: 2.5rem;
}
.duan60f .duan60f-bott-text {
  margin-bottom: 0;
  white-space: nowrap;
  font-size: 1.75rem;
  color: #ffffff !important;
  margin-top: 6px;
}
.duan60f .duan60f-bott-text .f60f {
  font-size: 2.25rem;
}

.l107-img-reser {
  flex-direction: row-reverse;
  justify-content: start;
}

.l107-img-reser-img {
  width: 18rem;
  height: 18rem;
}

.l107-table-padding {
  padding: 1rem;
}

.table-box11 .mf-flex .mf-flex1 {
  width: 50%;
}

.l107-table {
  background-color: transparent;
}
.l107-table .row {
  flex-wrap: nowrap;
}
.l107-table .l107-table-title {
  background: rgba(4, 13, 49, 0.5);
  color: #bca675;
  line-height: 1.12rem;
  text-align: center;
  font-size: 0.88rem !important;
}
.l107-table .l107-table-title th:nth-child(1) {
  border-left: none !important;
}
.l107-table .l107-table-title th:nth-last-child(1) {
  border-right: none !important;
}
.l107-table .l107-table-title th {
  font-size: 0.88rem !important;
}
.l107-table .l107-table-list:nth-last-child(1) {
  border-bottom: none;
}
.l107-table .l107-table-list {
  background: rgb(4, 13, 49);
  color: #bca675;
  font-weight: bold;
  line-height: 1.12rem;
  text-align: center;
  font-size: 0.88rem !important;
}
.l107-table .l107-table-list td:nth-child(1) {
  border-left: none !important;
}
.l107-table .l107-table-list td:nth-last-child(1) {
  border-right: none !important;
}
.l107-table .l107-table-list td {
  font-size: 0.88rem !important;
}
.l107-table .l107-table-right {
  background: rgba(4, 13, 49, 0.5);
  color: #bca675;
  font-weight: bold;
  line-height: 1.12rem;
  text-align: center;
  font-size: 0.88rem !important;
  border-right: 1px solid #0a2963;
  border-top: 1px solid #0a2963;
}
.l107-table .l107-table-left {
  background: rgb(4, 13, 49);
  color: #bca675;
  font-weight: bold;
  line-height: 1.12rem;
  text-align: center;
  font-size: 0.88rem !important;
  border-top: 1px solid #0a2963;
}

.border-mf {
  border-color: #0a2963 !important;
}

.border-top-none {
  border-top: none !important;
}

.border-right-none {
  border-right: none !important;
}

.border-left-none {
  border-left: none !important;
}

.l107-list {
  font-size: 0.88rem;
  font-weight: 500;
  color: #bca675;
  line-height: 1.13rem;
}
.l107-list .l107-list-item {
  padding: 0.81rem 2rem;
}
.l107-list .l107-list-item-title {
  text-align: center;
  margin-top: 0.3rem;
  background: rgba(4, 13, 49, 0.5);
  display: flex;
  align-items: center;
}
.l107-list .l107-list-item-content {
  text-align: left;
  margin-top: 0.3rem;
  background: #040d31;
  display: flex;
  align-items: center;
}

.l107-com .mf-btn .mf-common-button {
  width: 14rem;
  margin-top: 4rem;
  color: #ffffff !important;
  background: linear-gradient(90deg, #0954b5 0%, #12225c 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.l107-com .mf-btn .mf-common-button .img-user1 {
  position: absolute;
  right: 1rem;
}

.l2-25-main ol {
  padding-left: 1.3rem;
}
.l2-25-main .small-list {
  background: rgba(229, 229, 229, 0.4);
  padding: 1.25rem;
}
.l2-25-main .small-list a {
  display: block;
  margin-bottom: 0.6rem;
}
.l2-25-main .small-list a:last-child {
  margin-bottom: 0;
}
.l2-25-main .small-list img {
  width: 4.56rem;
  height: 4.56rem;
  margin-right: 0.6rem;
}
.l2-25-main .left-part-article .text-content {
  padding: 1.4rem 1.5rem 2.5rem;
  background: rgba(229, 229, 229, 0.4);
  position: relative;
}
.l2-25-main .left-part-article .text-content:before {
  content: "";
  position: absolute;
  width: 1.75rem;
  height: 1.13rem;
  top: -0.5rem;
  left: 1rem;
  background: url("../images/icon/icon-4.png") 100% 100% no-repeat;
}
.l2-25-main .left-part-article .text-content:after {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  right: 1rem;
  width: 1.75rem;
  height: 1.13rem;
  background: url("../images/icon/icon-5.png") 100% 100% no-repeat;
}
.l2-25-main .l2-25-step {
  border: 0.06rem solid #c1c1c1;
}
.l2-25-main .l2-25-step > div:not(:last-child) {
  margin-bottom: 1rem;
}
.l2-25-main .l2-25-step a {
  color: #a88b4a !important;
  text-decoration: underline !important;
}
.l2-25-main .l2-25-tags {
  flex-wrap: nowrap;
}
.l2-25-main .l2-25-tags .size-8rem {
  white-space: nowrap;
}
.l2-25-main .l2-25-tags .tags span {
  color: #fff;
  font-size: 0.75rem;
  padding: 0.13rem 0.3rem;
  background: #101b4b;
  margin-right: 0.3rem;
  margin-bottom: 0.3rem;
  display: inline-block;
}
.l2-25-main .l2-25-part4 {
  padding: 1.25rem;
}
.l2-25-main .l2-25-part4 .economic-calendar {
  padding: 0 !important;
  box-shadow: none;
  background-color: transparent;
  border-radius: 0;
}
.l2-25-main .l2-25-part4 .economic-calendar .economic-calendar__tile-number {
  color: #868686;
  font-size: 12px;
}
.l2-25-main .l2-25-part4 .economic-calendar .fxit-eventurl {
  color: #12225c !important;
}
.l2-25-main .l2-25-part4 .economic-calendar a {
  text-decoration: none !important;
  cursor: pointer !important;
}
.l2-25-main .l2-25-part4 .item {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 0.8rem;
}
.l2-25-main .l2-25-part4 .item:not(:first-child) {
  padding-top: 0.8rem;
}
.l2-25-main .l2-25-part4 .item .item-content-2 {
  color: #868686;
}
.l2-25-main .l2-25-part4 .item img {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  overflow: hidden;
}
.l2-25-main .button {
  position: relative;
  width: 13.56rem;
  height: 3.13rem;
  border-radius: 1.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  color: #191919 !important;
}
.l2-25-main .button img {
  position: absolute;
  top: 0.7rem;
  right: 1rem;
  width: 1.5rem;
  height: 1.5rem;
}

.l2-25-main-2 .news-list .news-item {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}
.l2-25-main-2 .news-list .news-item img {
  width: 100%;
  height: 11.56rem;
}
.l2-25-main-2 .news-list .news-item .text-box {
  flex: 1;
  padding: 1.25rem;
}
.l2-25-main-2 .news-list .news-item .tags span {
  padding: 0.13rem 0.3rem;
  background: #101b4b;
  margin-right: 0.3rem;
  margin-bottom: 0.3rem;
  display: inline-block;
}
.l2-25-main-2 .news-list .news-item .button {
  position: relative;
  width: 13.56rem;
  height: 3.13rem;
  border-radius: 1.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.l2-25-main-2 .news-list .news-item .button img {
  position: absolute;
  top: 0.7rem;
  right: 1rem;
  width: 1.5rem;
  height: 1.5rem;
}
.l2-25-main-2 .news-list .operate-blue {
  padding-top: 3rem;
  padding-bottom: 2.5rem;
  background: linear-gradient(90deg, #0954b5 0%, #12225c 100%);
}
.l2-25-main-2 .news-list .operate-blue .button {
  background: linear-gradient(90deg, #fcecb3 0%, #a88b4a 100%);
  color: #191919;
}
.l2-25-main-2 .news-list .operate-gold {
  padding-top: 3rem;
  padding-bottom: 2.5rem;
  background: linear-gradient(90deg, #fcecb3 0%, #a88b4a 100%);
  color: #191919;
}
.l2-25-main-2 .news-list .operate-gold .button {
  background: linear-gradient(90deg, #0954b5 0%, #12225c 100%);
  color: #fff;
  line-height: 1rem;
}

[class^=l109] .mf-common-header-line {
  margin-bottom: 0;
}
[class^=l109] .mf-common-header-line .mf-common-header-line-left,
[class^=l109] .mf-common-header-line .mf-common-header-line-right {
  margin-top: 0;
  padding-bottom: 0rem;
}

.commont-dots {
  padding-bottom: 0;
}

.l207-4 .header-btns {
  margin-top: 3rem;
}

.l207-6 {
  margin: 0 3rem;
  padding: 3.63rem;
  margin-bottom: 7.5rem;
}
.l207-6 .temp-title {
  margin: 0 16rem;
  line-height: 2.63rem;
}
.l207-6 .mf-account-bg {
  margin-top: 3.5rem;
  margin-bottom: 2.5rem;
}
.l207-6 .header-btns {
  margin-top: 2.25rem;
}
.l207-6 .bi-chevron-right {
  right: 1.25rem !important;
}
.l207-6 .temp-list {
  justify-content: space-around;
}
.l207-6 .temp-list .temp-list-item {
  padding: 1rem 1rem;
  width: 14.5rem;
  font-size: 1rem;
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  color: #bca675;
  line-height: 1.5rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l207-6 .temp-list .temp-list-line {
  width: 0.06rem;
  margin: auto 0.2rem;
  height: 5.06rem;
  opacity: 0.2;
  background-color: #ffffff;
}

.l216-2 {
  padding-top: 4rem;
}
.l216-2 .mt-21rem {
  color: #212529;
}
.l216-2 .temp-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
.l216-2 .temp-list .temp-list-item {
  height: 100%;
  flex: 1;
  height: auto;
  margin-top: 1.8rem;
  margin-right: 1.3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.6rem 0.63rem;
  width: 13.38rem;
  background: rgba(229, 229, 229, 0.4);
  padding-bottom: 0;
}
.l216-2 .temp-list .temp-list-item .temp-title {
  font-size: 1.25rem;
  font-weight: bold;
  color: #101b4b;
  line-height: 1.69rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l216-2 .temp-list .temp-list-item .temp-line {
  width: 100%;
  height: 0.06rem;
  background: #e5e5e5;
  margin: 0.8rem 0;
}
.l216-2 .temp-list .temp-list-item .temp-tip {
  font-size: 0.88rem;
  font-weight: 500;
  color: #191919;
  line-height: 1.14rem;
  letter-spacing: -1px;
  margin-top: 1rem;
  margin-bottom: 1.8rem;
}
.l216-2 .temp-list .temp-list-item .temp-img-box {
  margin-top: 1.5rem;
  flex: 1;
}
.l216-2 .temp-list .temp-list-item .temp-img {
  width: 10rem;
  height: 9rem;
}
.l216-2 .temp-list .temp-list-item .mf-btn {
  margin-top: 0rem;
  width: auto;
  margin-bottom: 1.5rem;
}

.l216-3 {
  padding-bottom: 3.75rem;
  padding-top: 7.5rem;
}

.mf-button {
  display: block;
  width: 17.5rem;
  height: 3.13rem;
  line-height: 3.13rem;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
}
.mf-button a {
  text-decoration: none;
  color: #191919;
}

.video-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
}
.video-box .video-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(5px);
  filter: blur(5px);
}
.video-box .video-content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-box .video-content .video {
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-box .video-content .myVideo {
  width: 100%;
}

.l207-3 .temp-content1 {
  margin-top: 2.8rem;
}
.l207-3 .temp-img {
  width: 27rem;
  height: 12.5rem;
  margin-top: 3rem;
}
.l207-3 .temp-one {
  margin-bottom: 2.5rem;
}
.l207-3 .temp-two {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.l207-3 .temp-img1 {
  height: 32rem;
  width: 100%;
}

.l301-main-1 .check {
  width: 1.83rem;
}

.mf-page {
  display: table;
  margin: 20px auto;
}

.mf-page a {
  cursor: default;
  display: inline-block;
  color: #000;
  background-color: #fff;
  height: 25px;
  font-size: 10pt;
  line-height: 25px;
  padding: 0 16px;
  border: 1px solid #101b4b;
  margin: 4px 4px;
  border-radius: 4px;
  vertical-align: middle;
  text-decoration: none;
}

.mf-page a:not(.disabled):not(.current):hover {
  border: 1px solid #101b4b;
  cursor: pointer;
}

.mf-page a.current {
  display: inline-block;
  font-size: 10pt;
  height: 25px;
  line-height: 25px;
  margin: 4px 4px;
  color: #fff;
  background-color: #101b4b;
  border: 1px solid #101b4b;
  border-radius: 4px;
  vertical-align: middle;
}

.mf-page a.disabled {
  display: inline-block;
  font-size: 10pt;
  height: 25px;
  line-height: 25px;
  padding: 0 9px;
  margin: 0 2px;
  color: #ddd;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  vertical-align: middle;
  cursor: no-drop;
}

.line-height-18 {
  line-height: 1.8rem;
}

.line-height-16 {
  line-height: 1.6;
}

.l216-1 .l105-comtent-list-item {
  background-color: #e5e5e5;
  line-height: 1.88rem;
  color: #101b4b;
}
.l216-1 .l105-comtent-list-item .temp-content {
  font-weight: bold;
  font-size: 1.1rem;
}
.l216-1 .l105-comtent-list-item .temp-tip {
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 500;
  color: #191919;
  line-height: 1.6rem;
  padding-bottom: 0.5rem;
}

.l301-list .l301-list-item {
  cursor: pointer;
  height: 4.13rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 1.8rem;
  width: 15rem;
  margin: 0 0.3rem;
  background: #12225c;
  border-radius: 3.13rem 3.13rem 3.13rem 3.13rem;
}
.l301-list .l301-list-item.active {
  background: #14964f;
}

.fxcalendar .fxcalendar-box {
  margin: 50px auto;
  background-color: #fff;
}

.gray-view {
  padding: 1.8rem;
}

.view-item .left-block {
  background: linear-gradient(360deg, #0954b5 0%, #12225c 100%);
}
.view-item .block {
  margin-top: 3.5rem;
}
.view-item .block .block-list > div {
  margin-bottom: 1.2rem;
}
.view-item .block .block-list > div:last-child {
  margin-bottom: 0;
}
.view-item .block .block-list > div .index {
  margin-right: 1.2rem;
}
.view-item .block .block-desc {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.view-item .block .sub-desc {
  margin-top: 1rem;
  font-size: 1rem;
  margin-bottom: 1rem;
}
.view-item .block .sub-list .sub-title {
  margin-bottom: 0.6rem;
  font-size: 1.2rem;
}

.l301-1 .block-desc {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.l301-1 .sub-desc {
  margin-top: 1rem;
  font-size: 1rem;
  margin-bottom: 1rem;
}

.l210-video {
  transition: all 0.1s;
}

.l210-tab > div {
  background: #12225c;
  border-radius: 1.75rem 1.75rem 0rem 0rem;
  cursor: pointer;
}
.l210-tab > div:first-child {
  margin-right: 1.25rem;
}
.l210-tab > div.active {
  background: linear-gradient(90deg, #0954b5 0%, #12225c 100%);
}

.l210-2 .mf-button {
  width: 17.5rem;
  margin: 1.25rem auto;
}

.l211-img {
  height: 15.6rem;
}

.l211-6 .l211-6-content .l211-6-list .circle {
  width: 3.75rem;
  height: 3.75rem;
  line-height: 3.75rem;
  text-align: center;
  border-radius: 50%;
}
.l211-6 .l211-6-content .l211-6-video {
  width: 100%;
}

.l211-7 .l211-7-block .link {
  text-decoration: underline;
}

.l216-header {
  margin-bottom: 3.75rem !important;
}
.l216-header .mf-common-header-content {
  line-height: 1.4rem;
}

.l204-1 .text-under-line {
  text-decoration: underline;
}
.l204-1 .tableOut {
  width: 100%;
  overflow: auto;
}
.l204-1 .l204-1-table {
  border: 1px solid #101b4b;
  position: relative;
}
.l204-1 .l204-1-table a {
  display: block;
  line-height: 1.8;
  text-decoration: underline;
  color: #fdeba9;
}
.l204-1 .table-row {
  display: flex;
  border: 1px solid #101b4b;
  min-width: calc(1240px - 9.25rem);
}
.l204-1 .cell {
  padding: 1rem;
  width: 16.88rem;
  color: #fff;
  background: rgba(4, 13, 49, 0.7);
  border-bottom: 2px solid #101b4b;
}
.l204-1 .cell p {
  margin: 0;
  line-height: 1.8;
}
.l204-1 .cell ul li {
  margin-bottom: 0.6rem;
}
.l204-1 .cell:not(:last-child) {
  border-right: 2px solid #101b4b;
}
.l204-1 .cell.align-center {
  display: flex;
  align-items: center;
}
.l204-1 .cell.column-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.l204-1 .l204-1-table .table-row:first-child .cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.l204-1 .l204-1-table .table-row:first-child .cell:not(:first-child) {
  background: #040d31;
}
.l204-1 .l204-1-table .table-row .cell:first-child {
  position: sticky;
  left: 0;
  z-index: 3;
  background: #101b4b;
  padding: 0;
  color: #bca675;
  min-width: 9.25rem;
  white-space: normal;
  line-height: 1.5;
}
.l204-1 .l204-1-table .table-row .cell:first-child .cell-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(4, 13, 49, 0.35);
  text-align: center;
}
.l204-1 .table-bottom-desc {
  padding-left: 0.5rem;
  margin-top: 1.8rem;
}
.l204-1 .table-bottom-desc p {
  margin: 0;
  line-height: 1.5;
}
.l204-1 .table-bottom-desc a {
  text-decoration: underline;
  color: #bca675;
}

.l204-4 .l211-3-part:not(:first-child) {
  padding-top: 2.5rem;
  border-top: 0.06rem solid rgba(255, 255, 255, 0.2);
}

.collapse-view a {
  text-decoration: underline !important;
  color: #bca675 !important;
}

.theme-white .theme-color {
  background-color: #fff;
}
.theme-white .color-fff {
  color: rgb(16, 27, 75) !important;
}
.theme-white .header-search {
  border-color: #12225b;
}
.theme-white .tabs {
  color: #ffffff !important;
}
.theme-white .mf-common-header-content .mf-common-header-line .mf-common-header-line-left .top-line {
  background: #e5e5e5;
}
.theme-white .mf-common-header-line-right {
  border-top: 1px solid #e5e5e5;
}
.theme-white .sentiment-4 .temp-list-item {
  background: #f5f5f5;
}
.theme-white .sentiment-4 .temp-title {
  color: #101b4b;
}
.theme-white .sentiment-4 .temp-text {
  color: #191919;
}
.theme-white .table-item .bg-040D31 > .mf-flex-row-center .line {
  background: #c1c1c1;
}
.theme-white .table-item .bg-040D31 > .mf-flex-row-center {
  background: #f5f5f5;
}
.theme-white .table-item .arrow-down {
  background: #e5e5e5;
}

.size-1rem {
  font-size: 0.1rem !important;
}

.m-1rem {
  margin: 0.1rem !important;
}

.mt-1rem {
  margin-top: 0.1rem !important;
}

.mb-1rem {
  margin-bottom: 0.1rem !important;
}

.ml-1rem {
  margin-left: 0.1rem !important;
}

.mr-1rem {
  margin-right: 0.1rem !important;
}

.p-1rem {
  padding: 0.1rem !important;
}

.pt-1rem {
  padding-top: 0.1rem !important;
}

.pb-1rem {
  padding-bottom: 0.1rem !important;
}

.pl-1rem {
  padding-left: 0.1rem !important;
}

.pr-1rem {
  padding-right: 0.1rem !important;
}

.size-2rem {
  font-size: 0.2rem !important;
}

.m-2rem {
  margin: 0.2rem !important;
}

.mt-2rem {
  margin-top: 0.2rem !important;
}

.mb-2rem {
  margin-bottom: 0.2rem !important;
}

.ml-2rem {
  margin-left: 0.2rem !important;
}

.mr-2rem {
  margin-right: 0.2rem !important;
}

.p-2rem {
  padding: 0.2rem !important;
}

.pt-2rem {
  padding-top: 0.2rem !important;
}

.pb-2rem {
  padding-bottom: 0.2rem !important;
}

.pl-2rem {
  padding-left: 0.2rem !important;
}

.pr-2rem {
  padding-right: 0.2rem !important;
}

.size-3rem {
  font-size: 0.3rem !important;
}

.m-3rem {
  margin: 0.3rem !important;
}

.mt-3rem {
  margin-top: 0.3rem !important;
}

.mb-3rem {
  margin-bottom: 0.3rem !important;
}

.ml-3rem {
  margin-left: 0.3rem !important;
}

.mr-3rem {
  margin-right: 0.3rem !important;
}

.p-3rem {
  padding: 0.3rem !important;
}

.pt-3rem {
  padding-top: 0.3rem !important;
}

.pb-3rem {
  padding-bottom: 0.3rem !important;
}

.pl-3rem {
  padding-left: 0.3rem !important;
}

.pr-3rem {
  padding-right: 0.3rem !important;
}

.size-4rem {
  font-size: 0.4rem !important;
}

.m-4rem {
  margin: 0.4rem !important;
}

.mt-4rem {
  margin-top: 0.4rem !important;
}

.mb-4rem {
  margin-bottom: 0.4rem !important;
}

.ml-4rem {
  margin-left: 0.4rem !important;
}

.mr-4rem {
  margin-right: 0.4rem !important;
}

.p-4rem {
  padding: 0.4rem !important;
}

.pt-4rem {
  padding-top: 0.4rem !important;
}

.pb-4rem {
  padding-bottom: 0.4rem !important;
}

.pl-4rem {
  padding-left: 0.4rem !important;
}

.pr-4rem {
  padding-right: 0.4rem !important;
}

.size-5rem {
  font-size: 0.5rem !important;
}

.m-5rem {
  margin: 0.5rem !important;
}

.mt-5rem {
  margin-top: 0.5rem !important;
}

.mb-5rem {
  margin-bottom: 0.5rem !important;
}

.ml-5rem {
  margin-left: 0.5rem !important;
}

.mr-5rem {
  margin-right: 0.5rem !important;
}

.p-5rem {
  padding: 0.5rem !important;
}

.pt-5rem {
  padding-top: 0.5rem !important;
}

.pb-5rem {
  padding-bottom: 0.5rem !important;
}

.pl-5rem {
  padding-left: 0.5rem !important;
}

.pr-5rem {
  padding-right: 0.5rem !important;
}

.size-6rem {
  font-size: 0.6rem !important;
}

.m-6rem {
  margin: 0.6rem !important;
}

.mt-6rem {
  margin-top: 0.6rem !important;
}

.mb-6rem {
  margin-bottom: 0.6rem !important;
}

.ml-6rem {
  margin-left: 0.6rem !important;
}

.mr-6rem {
  margin-right: 0.6rem !important;
}

.p-6rem {
  padding: 0.6rem !important;
}

.pt-6rem {
  padding-top: 0.6rem !important;
}

.pb-6rem {
  padding-bottom: 0.6rem !important;
}

.pl-6rem {
  padding-left: 0.6rem !important;
}

.pr-6rem {
  padding-right: 0.6rem !important;
}

.size-7rem {
  font-size: 0.7rem !important;
}

.m-7rem {
  margin: 0.7rem !important;
}

.mt-7rem {
  margin-top: 0.7rem !important;
}

.mb-7rem {
  margin-bottom: 0.7rem !important;
}

.ml-7rem {
  margin-left: 0.7rem !important;
}

.mr-7rem {
  margin-right: 0.7rem !important;
}

.p-7rem {
  padding: 0.7rem !important;
}

.pt-7rem {
  padding-top: 0.7rem !important;
}

.pb-7rem {
  padding-bottom: 0.7rem !important;
}

.pl-7rem {
  padding-left: 0.7rem !important;
}

.pr-7rem {
  padding-right: 0.7rem !important;
}

.size-8rem {
  font-size: 0.8rem !important;
}

.m-8rem {
  margin: 0.8rem !important;
}

.mt-8rem {
  margin-top: 0.8rem !important;
}

.mb-8rem {
  margin-bottom: 0.8rem !important;
}

.ml-8rem {
  margin-left: 0.8rem !important;
}

.mr-8rem {
  margin-right: 0.8rem !important;
}

.p-8rem {
  padding: 0.8rem !important;
}

.pt-8rem {
  padding-top: 0.8rem !important;
}

.pb-8rem {
  padding-bottom: 0.8rem !important;
}

.pl-8rem {
  padding-left: 0.8rem !important;
}

.pr-8rem {
  padding-right: 0.8rem !important;
}

.size-9rem {
  font-size: 0.9rem !important;
}

.m-9rem {
  margin: 0.9rem !important;
}

.mt-9rem {
  margin-top: 0.9rem !important;
}

.mb-9rem {
  margin-bottom: 0.9rem !important;
}

.ml-9rem {
  margin-left: 0.9rem !important;
}

.mr-9rem {
  margin-right: 0.9rem !important;
}

.p-9rem {
  padding: 0.9rem !important;
}

.pt-9rem {
  padding-top: 0.9rem !important;
}

.pb-9rem {
  padding-bottom: 0.9rem !important;
}

.pl-9rem {
  padding-left: 0.9rem !important;
}

.pr-9rem {
  padding-right: 0.9rem !important;
}

.size-10rem {
  font-size: 1rem !important;
}

.m-10rem {
  margin: 1rem !important;
}

.mt-10rem {
  margin-top: 1rem !important;
}

.mb-10rem {
  margin-bottom: 1rem !important;
}

.ml-10rem {
  margin-left: 1rem !important;
}

.mr-10rem {
  margin-right: 1rem !important;
}

.p-10rem {
  padding: 1rem !important;
}

.pt-10rem {
  padding-top: 1rem !important;
}

.pb-10rem {
  padding-bottom: 1rem !important;
}

.pl-10rem {
  padding-left: 1rem !important;
}

.pr-10rem {
  padding-right: 1rem !important;
}

.size-11rem {
  font-size: 1.1rem !important;
}

.m-11rem {
  margin: 1.1rem !important;
}

.mt-11rem {
  margin-top: 1.1rem !important;
}

.mb-11rem {
  margin-bottom: 1.1rem !important;
}

.ml-11rem {
  margin-left: 1.1rem !important;
}

.mr-11rem {
  margin-right: 1.1rem !important;
}

.p-11rem {
  padding: 1.1rem !important;
}

.pt-11rem {
  padding-top: 1.1rem !important;
}

.pb-11rem {
  padding-bottom: 1.1rem !important;
}

.pl-11rem {
  padding-left: 1.1rem !important;
}

.pr-11rem {
  padding-right: 1.1rem !important;
}

.size-12rem {
  font-size: 1.2rem !important;
}

.m-12rem {
  margin: 1.2rem !important;
}

.mt-12rem {
  margin-top: 1.2rem !important;
}

.mb-12rem {
  margin-bottom: 1.2rem !important;
}

.ml-12rem {
  margin-left: 1.2rem !important;
}

.mr-12rem {
  margin-right: 1.2rem !important;
}

.p-12rem {
  padding: 1.2rem !important;
}

.pt-12rem {
  padding-top: 1.2rem !important;
}

.pb-12rem {
  padding-bottom: 1.2rem !important;
}

.pl-12rem {
  padding-left: 1.2rem !important;
}

.pr-12rem {
  padding-right: 1.2rem !important;
}

.size-13rem {
  font-size: 1.3rem !important;
}

.m-13rem {
  margin: 1.3rem !important;
}

.mt-13rem {
  margin-top: 1.3rem !important;
}

.mb-13rem {
  margin-bottom: 1.3rem !important;
}

.ml-13rem {
  margin-left: 1.3rem !important;
}

.mr-13rem {
  margin-right: 1.3rem !important;
}

.p-13rem {
  padding: 1.3rem !important;
}

.pt-13rem {
  padding-top: 1.3rem !important;
}

.pb-13rem {
  padding-bottom: 1.3rem !important;
}

.pl-13rem {
  padding-left: 1.3rem !important;
}

.pr-13rem {
  padding-right: 1.3rem !important;
}

.size-14rem {
  font-size: 1.4rem !important;
}

.m-14rem {
  margin: 1.4rem !important;
}

.mt-14rem {
  margin-top: 1.4rem !important;
}

.mb-14rem {
  margin-bottom: 1.4rem !important;
}

.ml-14rem {
  margin-left: 1.4rem !important;
}

.mr-14rem {
  margin-right: 1.4rem !important;
}

.p-14rem {
  padding: 1.4rem !important;
}

.pt-14rem {
  padding-top: 1.4rem !important;
}

.pb-14rem {
  padding-bottom: 1.4rem !important;
}

.pl-14rem {
  padding-left: 1.4rem !important;
}

.pr-14rem {
  padding-right: 1.4rem !important;
}

.size-15rem {
  font-size: 1.5rem !important;
}

.m-15rem {
  margin: 1.5rem !important;
}

.mt-15rem {
  margin-top: 1.5rem !important;
}

.mb-15rem {
  margin-bottom: 1.5rem !important;
}

.ml-15rem {
  margin-left: 1.5rem !important;
}

.mr-15rem {
  margin-right: 1.5rem !important;
}

.p-15rem {
  padding: 1.5rem !important;
}

.pt-15rem {
  padding-top: 1.5rem !important;
}

.pb-15rem {
  padding-bottom: 1.5rem !important;
}

.pl-15rem {
  padding-left: 1.5rem !important;
}

.pr-15rem {
  padding-right: 1.5rem !important;
}

.size-16rem {
  font-size: 1.6rem !important;
}

.m-16rem {
  margin: 1.6rem !important;
}

.mt-16rem {
  margin-top: 1.6rem !important;
}

.mb-16rem {
  margin-bottom: 1.6rem !important;
}

.ml-16rem {
  margin-left: 1.6rem !important;
}

.mr-16rem {
  margin-right: 1.6rem !important;
}

.p-16rem {
  padding: 1.6rem !important;
}

.pt-16rem {
  padding-top: 1.6rem !important;
}

.pb-16rem {
  padding-bottom: 1.6rem !important;
}

.pl-16rem {
  padding-left: 1.6rem !important;
}

.pr-16rem {
  padding-right: 1.6rem !important;
}

.size-17rem {
  font-size: 1.7rem !important;
}

.m-17rem {
  margin: 1.7rem !important;
}

.mt-17rem {
  margin-top: 1.7rem !important;
}

.mb-17rem {
  margin-bottom: 1.7rem !important;
}

.ml-17rem {
  margin-left: 1.7rem !important;
}

.mr-17rem {
  margin-right: 1.7rem !important;
}

.p-17rem {
  padding: 1.7rem !important;
}

.pt-17rem {
  padding-top: 1.7rem !important;
}

.pb-17rem {
  padding-bottom: 1.7rem !important;
}

.pl-17rem {
  padding-left: 1.7rem !important;
}

.pr-17rem {
  padding-right: 1.7rem !important;
}

.size-18rem {
  font-size: 1.8rem !important;
}

.m-18rem {
  margin: 1.8rem !important;
}

.mt-18rem {
  margin-top: 1.8rem !important;
}

.mb-18rem {
  margin-bottom: 1.8rem !important;
}

.ml-18rem {
  margin-left: 1.8rem !important;
}

.mr-18rem {
  margin-right: 1.8rem !important;
}

.p-18rem {
  padding: 1.8rem !important;
}

.pt-18rem {
  padding-top: 1.8rem !important;
}

.pb-18rem {
  padding-bottom: 1.8rem !important;
}

.pl-18rem {
  padding-left: 1.8rem !important;
}

.pr-18rem {
  padding-right: 1.8rem !important;
}

.size-19rem {
  font-size: 1.9rem !important;
}

.m-19rem {
  margin: 1.9rem !important;
}

.mt-19rem {
  margin-top: 1.9rem !important;
}

.mb-19rem {
  margin-bottom: 1.9rem !important;
}

.ml-19rem {
  margin-left: 1.9rem !important;
}

.mr-19rem {
  margin-right: 1.9rem !important;
}

.p-19rem {
  padding: 1.9rem !important;
}

.pt-19rem {
  padding-top: 1.9rem !important;
}

.pb-19rem {
  padding-bottom: 1.9rem !important;
}

.pl-19rem {
  padding-left: 1.9rem !important;
}

.pr-19rem {
  padding-right: 1.9rem !important;
}

.size-20rem {
  font-size: 2rem !important;
}

.m-20rem {
  margin: 2rem !important;
}

.mt-20rem {
  margin-top: 2rem !important;
}

.mb-20rem {
  margin-bottom: 2rem !important;
}

.ml-20rem {
  margin-left: 2rem !important;
}

.mr-20rem {
  margin-right: 2rem !important;
}

.p-20rem {
  padding: 2rem !important;
}

.pt-20rem {
  padding-top: 2rem !important;
}

.pb-20rem {
  padding-bottom: 2rem !important;
}

.pl-20rem {
  padding-left: 2rem !important;
}

.pr-20rem {
  padding-right: 2rem !important;
}

.size-21rem {
  font-size: 2.1rem !important;
}

.m-21rem {
  margin: 2.1rem !important;
}

.mt-21rem {
  margin-top: 2.1rem !important;
}

.mb-21rem {
  margin-bottom: 2.1rem !important;
}

.ml-21rem {
  margin-left: 2.1rem !important;
}

.mr-21rem {
  margin-right: 2.1rem !important;
}

.p-21rem {
  padding: 2.1rem !important;
}

.pt-21rem {
  padding-top: 2.1rem !important;
}

.pb-21rem {
  padding-bottom: 2.1rem !important;
}

.pl-21rem {
  padding-left: 2.1rem !important;
}

.pr-21rem {
  padding-right: 2.1rem !important;
}

.size-22rem {
  font-size: 2.2rem !important;
}

.m-22rem {
  margin: 2.2rem !important;
}

.mt-22rem {
  margin-top: 2.2rem !important;
}

.mb-22rem {
  margin-bottom: 2.2rem !important;
}

.ml-22rem {
  margin-left: 2.2rem !important;
}

.mr-22rem {
  margin-right: 2.2rem !important;
}

.p-22rem {
  padding: 2.2rem !important;
}

.pt-22rem {
  padding-top: 2.2rem !important;
}

.pb-22rem {
  padding-bottom: 2.2rem !important;
}

.pl-22rem {
  padding-left: 2.2rem !important;
}

.pr-22rem {
  padding-right: 2.2rem !important;
}

.size-23rem {
  font-size: 2.3rem !important;
}

.m-23rem {
  margin: 2.3rem !important;
}

.mt-23rem {
  margin-top: 2.3rem !important;
}

.mb-23rem {
  margin-bottom: 2.3rem !important;
}

.ml-23rem {
  margin-left: 2.3rem !important;
}

.mr-23rem {
  margin-right: 2.3rem !important;
}

.p-23rem {
  padding: 2.3rem !important;
}

.pt-23rem {
  padding-top: 2.3rem !important;
}

.pb-23rem {
  padding-bottom: 2.3rem !important;
}

.pl-23rem {
  padding-left: 2.3rem !important;
}

.pr-23rem {
  padding-right: 2.3rem !important;
}

.size-24rem {
  font-size: 2.4rem !important;
}

.m-24rem {
  margin: 2.4rem !important;
}

.mt-24rem {
  margin-top: 2.4rem !important;
}

.mb-24rem {
  margin-bottom: 2.4rem !important;
}

.ml-24rem {
  margin-left: 2.4rem !important;
}

.mr-24rem {
  margin-right: 2.4rem !important;
}

.p-24rem {
  padding: 2.4rem !important;
}

.pt-24rem {
  padding-top: 2.4rem !important;
}

.pb-24rem {
  padding-bottom: 2.4rem !important;
}

.pl-24rem {
  padding-left: 2.4rem !important;
}

.pr-24rem {
  padding-right: 2.4rem !important;
}

.size-25rem {
  font-size: 2.5rem !important;
}

.m-25rem {
  margin: 2.5rem !important;
}

.mt-25rem {
  margin-top: 2.5rem !important;
}

.mb-25rem {
  margin-bottom: 2.5rem !important;
}

.ml-25rem {
  margin-left: 2.5rem !important;
}

.mr-25rem {
  margin-right: 2.5rem !important;
}

.p-25rem {
  padding: 2.5rem !important;
}

.pt-25rem {
  padding-top: 2.5rem !important;
}

.pb-25rem {
  padding-bottom: 2.5rem !important;
}

.pl-25rem {
  padding-left: 2.5rem !important;
}

.pr-25rem {
  padding-right: 2.5rem !important;
}

.size-26rem {
  font-size: 2.6rem !important;
}

.m-26rem {
  margin: 2.6rem !important;
}

.mt-26rem {
  margin-top: 2.6rem !important;
}

.mb-26rem {
  margin-bottom: 2.6rem !important;
}

.ml-26rem {
  margin-left: 2.6rem !important;
}

.mr-26rem {
  margin-right: 2.6rem !important;
}

.p-26rem {
  padding: 2.6rem !important;
}

.pt-26rem {
  padding-top: 2.6rem !important;
}

.pb-26rem {
  padding-bottom: 2.6rem !important;
}

.pl-26rem {
  padding-left: 2.6rem !important;
}

.pr-26rem {
  padding-right: 2.6rem !important;
}

.size-27rem {
  font-size: 2.7rem !important;
}

.m-27rem {
  margin: 2.7rem !important;
}

.mt-27rem {
  margin-top: 2.7rem !important;
}

.mb-27rem {
  margin-bottom: 2.7rem !important;
}

.ml-27rem {
  margin-left: 2.7rem !important;
}

.mr-27rem {
  margin-right: 2.7rem !important;
}

.p-27rem {
  padding: 2.7rem !important;
}

.pt-27rem {
  padding-top: 2.7rem !important;
}

.pb-27rem {
  padding-bottom: 2.7rem !important;
}

.pl-27rem {
  padding-left: 2.7rem !important;
}

.pr-27rem {
  padding-right: 2.7rem !important;
}

.size-28rem {
  font-size: 2.8rem !important;
}

.m-28rem {
  margin: 2.8rem !important;
}

.mt-28rem {
  margin-top: 2.8rem !important;
}

.mb-28rem {
  margin-bottom: 2.8rem !important;
}

.ml-28rem {
  margin-left: 2.8rem !important;
}

.mr-28rem {
  margin-right: 2.8rem !important;
}

.p-28rem {
  padding: 2.8rem !important;
}

.pt-28rem {
  padding-top: 2.8rem !important;
}

.pb-28rem {
  padding-bottom: 2.8rem !important;
}

.pl-28rem {
  padding-left: 2.8rem !important;
}

.pr-28rem {
  padding-right: 2.8rem !important;
}

.size-29rem {
  font-size: 2.9rem !important;
}

.m-29rem {
  margin: 2.9rem !important;
}

.mt-29rem {
  margin-top: 2.9rem !important;
}

.mb-29rem {
  margin-bottom: 2.9rem !important;
}

.ml-29rem {
  margin-left: 2.9rem !important;
}

.mr-29rem {
  margin-right: 2.9rem !important;
}

.p-29rem {
  padding: 2.9rem !important;
}

.pt-29rem {
  padding-top: 2.9rem !important;
}

.pb-29rem {
  padding-bottom: 2.9rem !important;
}

.pl-29rem {
  padding-left: 2.9rem !important;
}

.pr-29rem {
  padding-right: 2.9rem !important;
}

.size-30rem {
  font-size: 3rem !important;
}

.m-30rem {
  margin: 3rem !important;
}

.mt-30rem {
  margin-top: 3rem !important;
}

.mb-30rem {
  margin-bottom: 3rem !important;
}

.ml-30rem {
  margin-left: 3rem !important;
}

.mr-30rem {
  margin-right: 3rem !important;
}

.p-30rem {
  padding: 3rem !important;
}

.pt-30rem {
  padding-top: 3rem !important;
}

.pb-30rem {
  padding-bottom: 3rem !important;
}

.pl-30rem {
  padding-left: 3rem !important;
}

.pr-30rem {
  padding-right: 3rem !important;
}

.size-31rem {
  font-size: 3.1rem !important;
}

.m-31rem {
  margin: 3.1rem !important;
}

.mt-31rem {
  margin-top: 3.1rem !important;
}

.mb-31rem {
  margin-bottom: 3.1rem !important;
}

.ml-31rem {
  margin-left: 3.1rem !important;
}

.mr-31rem {
  margin-right: 3.1rem !important;
}

.p-31rem {
  padding: 3.1rem !important;
}

.pt-31rem {
  padding-top: 3.1rem !important;
}

.pb-31rem {
  padding-bottom: 3.1rem !important;
}

.pl-31rem {
  padding-left: 3.1rem !important;
}

.pr-31rem {
  padding-right: 3.1rem !important;
}

.size-32rem {
  font-size: 3.2rem !important;
}

.m-32rem {
  margin: 3.2rem !important;
}

.mt-32rem {
  margin-top: 3.2rem !important;
}

.mb-32rem {
  margin-bottom: 3.2rem !important;
}

.ml-32rem {
  margin-left: 3.2rem !important;
}

.mr-32rem {
  margin-right: 3.2rem !important;
}

.p-32rem {
  padding: 3.2rem !important;
}

.pt-32rem {
  padding-top: 3.2rem !important;
}

.pb-32rem {
  padding-bottom: 3.2rem !important;
}

.pl-32rem {
  padding-left: 3.2rem !important;
}

.pr-32rem {
  padding-right: 3.2rem !important;
}

.size-33rem {
  font-size: 3.3rem !important;
}

.m-33rem {
  margin: 3.3rem !important;
}

.mt-33rem {
  margin-top: 3.3rem !important;
}

.mb-33rem {
  margin-bottom: 3.3rem !important;
}

.ml-33rem {
  margin-left: 3.3rem !important;
}

.mr-33rem {
  margin-right: 3.3rem !important;
}

.p-33rem {
  padding: 3.3rem !important;
}

.pt-33rem {
  padding-top: 3.3rem !important;
}

.pb-33rem {
  padding-bottom: 3.3rem !important;
}

.pl-33rem {
  padding-left: 3.3rem !important;
}

.pr-33rem {
  padding-right: 3.3rem !important;
}

.size-34rem {
  font-size: 3.4rem !important;
}

.m-34rem {
  margin: 3.4rem !important;
}

.mt-34rem {
  margin-top: 3.4rem !important;
}

.mb-34rem {
  margin-bottom: 3.4rem !important;
}

.ml-34rem {
  margin-left: 3.4rem !important;
}

.mr-34rem {
  margin-right: 3.4rem !important;
}

.p-34rem {
  padding: 3.4rem !important;
}

.pt-34rem {
  padding-top: 3.4rem !important;
}

.pb-34rem {
  padding-bottom: 3.4rem !important;
}

.pl-34rem {
  padding-left: 3.4rem !important;
}

.pr-34rem {
  padding-right: 3.4rem !important;
}

.size-35rem {
  font-size: 3.5rem !important;
}

.m-35rem {
  margin: 3.5rem !important;
}

.mt-35rem {
  margin-top: 3.5rem !important;
}

.mb-35rem {
  margin-bottom: 3.5rem !important;
}

.ml-35rem {
  margin-left: 3.5rem !important;
}

.mr-35rem {
  margin-right: 3.5rem !important;
}

.p-35rem {
  padding: 3.5rem !important;
}

.pt-35rem {
  padding-top: 3.5rem !important;
}

.pb-35rem {
  padding-bottom: 3.5rem !important;
}

.pl-35rem {
  padding-left: 3.5rem !important;
}

.pr-35rem {
  padding-right: 3.5rem !important;
}

.size-36rem {
  font-size: 3.6rem !important;
}

.m-36rem {
  margin: 3.6rem !important;
}

.mt-36rem {
  margin-top: 3.6rem !important;
}

.mb-36rem {
  margin-bottom: 3.6rem !important;
}

.ml-36rem {
  margin-left: 3.6rem !important;
}

.mr-36rem {
  margin-right: 3.6rem !important;
}

.p-36rem {
  padding: 3.6rem !important;
}

.pt-36rem {
  padding-top: 3.6rem !important;
}

.pb-36rem {
  padding-bottom: 3.6rem !important;
}

.pl-36rem {
  padding-left: 3.6rem !important;
}

.pr-36rem {
  padding-right: 3.6rem !important;
}

.size-37rem {
  font-size: 3.7rem !important;
}

.m-37rem {
  margin: 3.7rem !important;
}

.mt-37rem {
  margin-top: 3.7rem !important;
}

.mb-37rem {
  margin-bottom: 3.7rem !important;
}

.ml-37rem {
  margin-left: 3.7rem !important;
}

.mr-37rem {
  margin-right: 3.7rem !important;
}

.p-37rem {
  padding: 3.7rem !important;
}

.pt-37rem {
  padding-top: 3.7rem !important;
}

.pb-37rem {
  padding-bottom: 3.7rem !important;
}

.pl-37rem {
  padding-left: 3.7rem !important;
}

.pr-37rem {
  padding-right: 3.7rem !important;
}

.size-38rem {
  font-size: 3.8rem !important;
}

.m-38rem {
  margin: 3.8rem !important;
}

.mt-38rem {
  margin-top: 3.8rem !important;
}

.mb-38rem {
  margin-bottom: 3.8rem !important;
}

.ml-38rem {
  margin-left: 3.8rem !important;
}

.mr-38rem {
  margin-right: 3.8rem !important;
}

.p-38rem {
  padding: 3.8rem !important;
}

.pt-38rem {
  padding-top: 3.8rem !important;
}

.pb-38rem {
  padding-bottom: 3.8rem !important;
}

.pl-38rem {
  padding-left: 3.8rem !important;
}

.pr-38rem {
  padding-right: 3.8rem !important;
}

.size-39rem {
  font-size: 3.9rem !important;
}

.m-39rem {
  margin: 3.9rem !important;
}

.mt-39rem {
  margin-top: 3.9rem !important;
}

.mb-39rem {
  margin-bottom: 3.9rem !important;
}

.ml-39rem {
  margin-left: 3.9rem !important;
}

.mr-39rem {
  margin-right: 3.9rem !important;
}

.p-39rem {
  padding: 3.9rem !important;
}

.pt-39rem {
  padding-top: 3.9rem !important;
}

.pb-39rem {
  padding-bottom: 3.9rem !important;
}

.pl-39rem {
  padding-left: 3.9rem !important;
}

.pr-39rem {
  padding-right: 3.9rem !important;
}

.size-40rem {
  font-size: 4rem !important;
}

.m-40rem {
  margin: 4rem !important;
}

.mt-40rem {
  margin-top: 4rem !important;
}

.mb-40rem {
  margin-bottom: 4rem !important;
}

.ml-40rem {
  margin-left: 4rem !important;
}

.mr-40rem {
  margin-right: 4rem !important;
}

.p-40rem {
  padding: 4rem !important;
}

.pt-40rem {
  padding-top: 4rem !important;
}

.pb-40rem {
  padding-bottom: 4rem !important;
}

.pl-40rem {
  padding-left: 4rem !important;
}

.pr-40rem {
  padding-right: 4rem !important;
}

.size-41rem {
  font-size: 4.1rem !important;
}

.m-41rem {
  margin: 4.1rem !important;
}

.mt-41rem {
  margin-top: 4.1rem !important;
}

.mb-41rem {
  margin-bottom: 4.1rem !important;
}

.ml-41rem {
  margin-left: 4.1rem !important;
}

.mr-41rem {
  margin-right: 4.1rem !important;
}

.p-41rem {
  padding: 4.1rem !important;
}

.pt-41rem {
  padding-top: 4.1rem !important;
}

.pb-41rem {
  padding-bottom: 4.1rem !important;
}

.pl-41rem {
  padding-left: 4.1rem !important;
}

.pr-41rem {
  padding-right: 4.1rem !important;
}

.size-42rem {
  font-size: 4.2rem !important;
}

.m-42rem {
  margin: 4.2rem !important;
}

.mt-42rem {
  margin-top: 4.2rem !important;
}

.mb-42rem {
  margin-bottom: 4.2rem !important;
}

.ml-42rem {
  margin-left: 4.2rem !important;
}

.mr-42rem {
  margin-right: 4.2rem !important;
}

.p-42rem {
  padding: 4.2rem !important;
}

.pt-42rem {
  padding-top: 4.2rem !important;
}

.pb-42rem {
  padding-bottom: 4.2rem !important;
}

.pl-42rem {
  padding-left: 4.2rem !important;
}

.pr-42rem {
  padding-right: 4.2rem !important;
}

.size-43rem {
  font-size: 4.3rem !important;
}

.m-43rem {
  margin: 4.3rem !important;
}

.mt-43rem {
  margin-top: 4.3rem !important;
}

.mb-43rem {
  margin-bottom: 4.3rem !important;
}

.ml-43rem {
  margin-left: 4.3rem !important;
}

.mr-43rem {
  margin-right: 4.3rem !important;
}

.p-43rem {
  padding: 4.3rem !important;
}

.pt-43rem {
  padding-top: 4.3rem !important;
}

.pb-43rem {
  padding-bottom: 4.3rem !important;
}

.pl-43rem {
  padding-left: 4.3rem !important;
}

.pr-43rem {
  padding-right: 4.3rem !important;
}

.size-44rem {
  font-size: 4.4rem !important;
}

.m-44rem {
  margin: 4.4rem !important;
}

.mt-44rem {
  margin-top: 4.4rem !important;
}

.mb-44rem {
  margin-bottom: 4.4rem !important;
}

.ml-44rem {
  margin-left: 4.4rem !important;
}

.mr-44rem {
  margin-right: 4.4rem !important;
}

.p-44rem {
  padding: 4.4rem !important;
}

.pt-44rem {
  padding-top: 4.4rem !important;
}

.pb-44rem {
  padding-bottom: 4.4rem !important;
}

.pl-44rem {
  padding-left: 4.4rem !important;
}

.pr-44rem {
  padding-right: 4.4rem !important;
}

.size-45rem {
  font-size: 4.5rem !important;
}

.m-45rem {
  margin: 4.5rem !important;
}

.mt-45rem {
  margin-top: 4.5rem !important;
}

.mb-45rem {
  margin-bottom: 4.5rem !important;
}

.ml-45rem {
  margin-left: 4.5rem !important;
}

.mr-45rem {
  margin-right: 4.5rem !important;
}

.p-45rem {
  padding: 4.5rem !important;
}

.pt-45rem {
  padding-top: 4.5rem !important;
}

.pb-45rem {
  padding-bottom: 4.5rem !important;
}

.pl-45rem {
  padding-left: 4.5rem !important;
}

.pr-45rem {
  padding-right: 4.5rem !important;
}

.size-46rem {
  font-size: 4.6rem !important;
}

.m-46rem {
  margin: 4.6rem !important;
}

.mt-46rem {
  margin-top: 4.6rem !important;
}

.mb-46rem {
  margin-bottom: 4.6rem !important;
}

.ml-46rem {
  margin-left: 4.6rem !important;
}

.mr-46rem {
  margin-right: 4.6rem !important;
}

.p-46rem {
  padding: 4.6rem !important;
}

.pt-46rem {
  padding-top: 4.6rem !important;
}

.pb-46rem {
  padding-bottom: 4.6rem !important;
}

.pl-46rem {
  padding-left: 4.6rem !important;
}

.pr-46rem {
  padding-right: 4.6rem !important;
}

.size-47rem {
  font-size: 4.7rem !important;
}

.m-47rem {
  margin: 4.7rem !important;
}

.mt-47rem {
  margin-top: 4.7rem !important;
}

.mb-47rem {
  margin-bottom: 4.7rem !important;
}

.ml-47rem {
  margin-left: 4.7rem !important;
}

.mr-47rem {
  margin-right: 4.7rem !important;
}

.p-47rem {
  padding: 4.7rem !important;
}

.pt-47rem {
  padding-top: 4.7rem !important;
}

.pb-47rem {
  padding-bottom: 4.7rem !important;
}

.pl-47rem {
  padding-left: 4.7rem !important;
}

.pr-47rem {
  padding-right: 4.7rem !important;
}

.size-48rem {
  font-size: 4.8rem !important;
}

.m-48rem {
  margin: 4.8rem !important;
}

.mt-48rem {
  margin-top: 4.8rem !important;
}

.mb-48rem {
  margin-bottom: 4.8rem !important;
}

.ml-48rem {
  margin-left: 4.8rem !important;
}

.mr-48rem {
  margin-right: 4.8rem !important;
}

.p-48rem {
  padding: 4.8rem !important;
}

.pt-48rem {
  padding-top: 4.8rem !important;
}

.pb-48rem {
  padding-bottom: 4.8rem !important;
}

.pl-48rem {
  padding-left: 4.8rem !important;
}

.pr-48rem {
  padding-right: 4.8rem !important;
}

.size-49rem {
  font-size: 4.9rem !important;
}

.m-49rem {
  margin: 4.9rem !important;
}

.mt-49rem {
  margin-top: 4.9rem !important;
}

.mb-49rem {
  margin-bottom: 4.9rem !important;
}

.ml-49rem {
  margin-left: 4.9rem !important;
}

.mr-49rem {
  margin-right: 4.9rem !important;
}

.p-49rem {
  padding: 4.9rem !important;
}

.pt-49rem {
  padding-top: 4.9rem !important;
}

.pb-49rem {
  padding-bottom: 4.9rem !important;
}

.pl-49rem {
  padding-left: 4.9rem !important;
}

.pr-49rem {
  padding-right: 4.9rem !important;
}

.size-50rem {
  font-size: 5rem !important;
}

.m-50rem {
  margin: 5rem !important;
}

.mt-50rem {
  margin-top: 5rem !important;
}

.mb-50rem {
  margin-bottom: 5rem !important;
}

.ml-50rem {
  margin-left: 5rem !important;
}

.mr-50rem {
  margin-right: 5rem !important;
}

.p-50rem {
  padding: 5rem !important;
}

.pt-50rem {
  padding-top: 5rem !important;
}

.pb-50rem {
  padding-bottom: 5rem !important;
}

.pl-50rem {
  padding-left: 5rem !important;
}

.pr-50rem {
  padding-right: 5rem !important;
}

.iframe-sentiment {
  width: 100%;
  height: 226px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.iframe-tab {
  width: 100%;
  height: 96px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mf-header .offcanvas {
  --bs-offcanvas-width: 100vh;
}

.offcanvas-header {
  position: relative;
  justify-content: center;
}
.offcanvas-header .close-offcanvas {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2000;
}
.offcanvas-header .offcanvas-title {
  font-size: 1.25rem;
  padding-top: 4rem;
  text-align: center;
}

.offcanvas-body .list-back {
  margin: 1rem 0;
}
.offcanvas-body .navbar-nav {
  flex-direction: column;
}
.offcanvas-body .list {
  width: 98vw;
  background: #101b4b;
  position: fixed;
  left: 100%;
  top: 0;
  bottom: 0;
  z-index: 1025;
  overflow: auto;
  transition: all 0.3s;
  padding: 4rem 1.25rem 1.25rem;
}
.offcanvas-body .list .navbar-nav {
  margin-top: 1rem;
}
.offcanvas-body .offcanvas-btns {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.offcanvas-body .offcanvas-btns .offcanvas-btn {
  padding: 13px 80px;
  font-family: IBM Plex Sans-Bold !important;
  display: flex;
  align-items: center;
  margin-top: 20px;
  border-radius: 1.75rem;
}
.offcanvas-body .offcanvas-btns .offcanvas-btn1 {
  background: linear-gradient(270deg, #fcecb3 0%, #a88b4a 100%);
}
.offcanvas-body .offcanvas-btns .offcanvas-btn1 a {
  color: #191919;
}
.offcanvas-body .offcanvas-btns .offcanvas-btn2 {
  background-color: #14964f;
}
.offcanvas-body .offcanvas-btns .offcanvas-btn2 a {
  color: #fff;
}
.offcanvas-body .nav-item-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 1025px) {
  .iframe-tab {
    height: 189px;
  }
}
@media (max-width: 400px) {
  .iframe-tab {
    height: 183px;
  }
}
.clientsentiment-echart1 {
  height: 310px;
  width: 100%;
}

.clientsentiment-echart2 {
  height: 510px;
  width: 100%;
}

.clientsentiment-echart3 {
  height: 510px;
  width: 100%;
}
.clientsentiment-echart3 .echart-teble {
  height: 100%;
  width: 100%;
}

@media (max-width: 768px) {
  .clientsentiment-echart1 {
    height: 140px;
  }
}
.cs-1-1 .tabs {
  justify-content: start;
}
.cs-1-1 .mf-page a.current {
  background-color: #040d31;
  border-color: #040d31;
}
.cs-1-1 .mf-loading-mask {
  background-color: rgba(255, 255, 255, 0.2);
}
.cs-1-1 .header-collapse .left-icon {
  width: 1.8rem;
  height: 1.5rem;
  margin-right: 0.5rem;
}
.cs-1-1 .tabs {
  color: #fff;
}
.cs-1-1 .bi-search {
  color: #fff;
}
.cs-1-1 .mf-sentiment .sentiment {
  background-color: #040d31;
}
.cs-1-1 .sentiment-com {
  min-height: 120px;
}
.cs-1-1 .collapsed,
.cs-1-1 .header-collapse {
  color: #fff;
}
.cs-1-1 .form-check-input {
  --bs-form-control-bg: #040d31;
  margin-right: 0.5rem;
}
.cs-1-1 .form-check-input:checked {
  background-color: #0954b5;
  border-color: transparent;
}
.cs-1-1 .title-1 {
  padding-top: 80px;
  font-weight: bold;
  font-size: 28px;
  color: #fff;
  text-align: left;
  margin-bottom: 0px;
}
.cs-1-1 .title-name {
  color: #fff;
}
.cs-1-1 .title-2 {
  font-weight: bold;
  font-size: 20px;
  color: #bca675;
  text-align: left;
  margin-top: 30px;
}
.cs-1-1 .list-item {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  color: #191919;
}

.ec-1-1 .tabs {
  background-color: #fff;
  justify-content: start;
}
.ec-1-1 .header-collapse .left-icon {
  width: 1.8rem;
  height: 1.5rem;
  margin-right: 0.5rem;
}
.ec-1-1 .form-check-input {
  --bs-form-control-bg: #040d31;
  margin-right: 0.5rem;
}
.ec-1-1 .form-check-input:checked {
  background-color: #0954b5;
  border-color: transparent;
}
.ec-1-1 .title-1 {
  padding-top: 80px;
  font-weight: bold;
  font-size: 28px;
  color: #191919;
  text-align: left;
  margin-bottom: 0px;
}
.ec-1-1 .title-2 {
  font-weight: bold;
  font-size: 20px;
  color: #bca675;
  text-align: left;
  margin-top: 30px;
}
.ec-1-1 .list-item {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  color: #191919;
}

.mf-loading-mask {
  background-color: rgba(255, 255, 255, 0.9);
  bottom: 0;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s;
  z-index: 2000;
}
.mf-loading-mask .mf-loading-spinner {
  margin-top: -21px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}
.mf-loading-mask .mf-loading-spinner .circular {
  -webkit-animation: loading-rotate 2s linear infinite;
  animation: loading-rotate 2s linear infinite;
  display: inline;
  height: 42px;
  width: 42px;
}
.mf-loading-mask .mf-loading-spinner .circular .path {
  -webkit-animation: loading-dash 1.5s ease-in-out infinite;
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: #409eff;
  stroke-linecap: round;
}

@-webkit-keyframes loading-rotate {
  to {
    transform: rotate(1turn);
  }
}
@keyframes loading-rotate {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }
  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }
  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
.ce-1-2 {
  padding: 0 0;
}
.ce-1-2 .litem-tab-two {
  background: #f5f5f5;
}
.ce-1-2 .litem-tab-two .row {
  padding: 1rem;
  padding-top: 0;
}
.ce-1-2 .litem-tab-two .iframe-box {
  height: 260px;
}
.ce-1-2 .litem-tab-two .iframe-box iframe {
  background-color: #f5f5f5;
  border: 1px solid #cdd0d6;
}

.ce-1-1 {
  padding: 0 14px;
}
.ce-1-1 .litem-tab-two .iframe-box {
  height: 260px;
}
.ce-1-1 .litem-tab-two .iframe-box iframe {
  background-color: #f5f5f5;
}

.bg-0F1B4B {
  background-color: #0f1b4b;
}

.rijing-com {
  padding: 0 20px;
}
.rijing-com .fj-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  object-fit: cover;
}
.rijing-com .fj-2-text2 {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  color: #212529;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.rijing-com .rj-text1 {
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  line-height: 48px;
}
.rijing-com .rj-text2 {
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  line-height: 36px;
}
.rijing-com .rj-title2 {
  font-weight: bold;
  font-size: 32px;
  color: #ffffff;
  text-align: left;
}
.rijing-com .rj-title3 {
  font-weight: bold;
  font-size: 48px;
  color: #ffffff;
  line-height: 48px;
  text-align: left;
}
.rijing-com .rj-title4 {
  font-weight: bold;
  font-size: 36px;
  color: #ffffff;
  line-height: 48px;
}
.rijing-com .rj7-icon-box {
  width: 240px;
  height: 120px;
  position: absolute;
  z-index: 2;
  top: -50px;
  left: -40px;
}
.rijing-com .rj7-icon-box .rj7-icon {
  width: 100%;
  height: 100%;
}
.rijing-com .rj7-icon-box .rj7-icon-text {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: end;
  top: 4px;
  right: 20px;
  width: 100%;
  height: 100%;
  font-size: 25px;
  transform: rotate(-10deg);
}

.rijing-block {
  width: 80%;
  margin: 0 auto;
}

.rijing-header {
  position: relative;
  width: 100%;
  min-height: 810px;
  padding: 0;
}
.rijing-header .rj-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  object-fit: cover;
}
.rijing-header .rj-header-top {
  z-index: 1;
  position: absolute;
  display: flex;
  padding: 0 5%;
  padding-top: 130px;
  justify-content: space-between;
  padding-bottom: 90px;
}
.rijing-header .rj-header-top .rj-header-img {
  width: 50%;
  object-fit: contain;
}
.rijing-header .rj-header-top .rj-header-text-img {
  width: 40%;
  object-fit: scale-down;
}
.rijing-header .rj-header-top .rj-header-title {
  flex: 1;
}
.rijing-header .rj-header-top .rj-header-title .title1 {
  color: #ffffff;
}
.rijing-header .rijing-logo {
  width: 320px;
  height: 68px;
  position: fixed;
  top: 1%;
  left: 2%;
  z-index: 99;
}
.rijing-header .rijing-logo img {
  width: 100%;
  height: 100%;
}
.rijing-header h1 {
  line-height: 170px;
  font-size: 180px;
  text-align: right;
}
.rijing-header .title2 {
  color: #14964f;
}
.rijing-header .rj-header-box {
  width: 100%;
  position: absolute;
  bottom: 20px;
  left: 5%;
  width: 28%;
}
.rijing-header .rj-header-box .rj-header-text {
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 22px;
  color: #ffffff;
  line-height: 36px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.rijing-header .rj-header-box .rj-header-tip {
  margin-top: 20px;
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: 500;
  font-size: 12px;
  color: #ffffff;
  line-height: 18px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.header-right-box-xf {
  position: fixed;
  bottom: 80px;
  left: calc(50% - 145px);
  width: 290px;
  height: auto;
  border-radius: 10px;
  z-index: 99;
  cursor: pointer;
}
.header-right-box-xf img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.header-right-box-xf .header-right-text {
  position: absolute;
  bottom: 36px;
  margin-left: 20px;
}

.rijing-2 {
  position: relative;
  margin-top: 110px;
  padding: 0;
}
.rijing-2 .laba {
  position: absolute;
  width: 100%;
  text-align: center;
  top: -40px;
  z-index: 9;
}
.rijing-2 .laba .laba-img {
  width: 110px;
  height: 110px;
}
.rijing-2 .laba .laba-title {
  text-align: center;
  letter-spacing: 4px;
  margin-top: 20px;
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 54px;
  color: #ffffff;
  font-style: normal;
  text-transform: none;
}
.rijing-2 .fj-2-imgs {
  display: flex;
  flex-wrap: wrap;
}
.rijing-2 .fj-2-imgs .fj-2-img {
  margin-top: 20px;
  position: relative;
  width: 33%;
  height: 600px;
}
.rijing-2 .fj-2-imgs .fj-2-box {
  font-family: IBM Plex Sans, IBM Plex Sans;
  text-align: center;
  font-style: normal;
  text-transform: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  bottom: 70px;
  position: absolute;
  width: 100%;
}
.rijing-2 .fj-2-imgs .fj-2-box .fj-2-text1 {
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
}
.rijing-2 .fj-2-imgs .fj-2-box .mt-18px {
  margin-top: 18px;
}
.rijing-2 .fj-2-imgs .fj-2-box .fj-2-text3 {
  font-weight: bold;
  font-size: 32px;
  color: #fbfbfb;
  line-height: 42px;
}
.rijing-2 .fj-2-imgs .fj-2-box .fj-2-text4 {
  margin-top: 18px;
  font-weight: bold;
  font-size: 50px;
  color: #ffffff;
}
.rijing-2 .fj-2-imgs .fj-2-box .fj-2-text4 .text-linear-FCECB3 {
  font-size: 99px;
}
.rijing-2 .fj-2-imgs .fj-2-box .fj-2-text5 {
  font-weight: bold;
  font-size: 40px;
  color: #ffffff;
}

.rijing-3 {
  margin-top: 70px;
}
.rijing-3 .rj3-title {
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 64px;
  line-height: 82px;
}
.rijing-3 .rj3-text {
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: 500;
  font-size: 54px;
  color: #ffffff;
  line-height: 82px;
  letter-spacing: -4px;
}
.rijing-3 .rj3-list .rj3-list-item {
  margin-top: 80px;
  padding: 0 20px;
}
.rijing-3 .rj3-list .rj3-list-item .rj-text1 {
  margin-right: 28px;
}
.rijing-3 .rj3-list .rj3-list-item .rj-title3 {
  margin-top: 8px;
}

.rijing-4 {
  margin-top: 120px;
  display: flex;
}
.rijing-4 .r4-left {
  background-color: #040d31;
  padding: 50px;
  flex: 1;
}
.rijing-4 .r4-left .r4-left-title .r4-title {
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 0;
  line-height: 36px;
}
.rijing-4 .r4-left .r4-left-text {
  margin-top: 31px;
}
.rijing-4 .r4-left .r4-mz {
  width: 66px;
  height: 40px;
}
.rijing-4 .r4-right {
  background-color: #040d31;
  padding: 30px;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  align-items: center;
}
.rijing-4 .r4-right .r4-img {
  width: 366px;
}

.rijing-5 {
  margin-top: 120px;
  display: flex;
}
.rijing-5 .r5-left {
  padding: 0 50px;
}
.rijing-5 .r5-left .r5-left-title {
  align-items: baseline;
}
.rijing-5 .r5-left .r5-left-title .r5-title {
  font-weight: bold;
  font-size: 100px;
  color: #14964f;
  margin-bottom: 0;
}
.rijing-5 .r5-left .r5-left-title .r5-title1 {
  font-weight: bold;
  font-size: 48px;
  color: #ffffff;
  line-height: 48px;
}
.rijing-5 .r5-left .r5-left-text {
  margin-top: 31px;
}
.rijing-5 .r5-left .r5-mz {
  width: 66px;
  height: 40px;
}
.rijing-5 .r5-right {
  padding: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  align-items: center;
}
.rijing-5 .r5-right .r5-img {
  width: 440px;
}

.rijing-6 {
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding: 0 10%;
  margin-top: 91px;
  overflow: hidden;
  padding-bottom: 90px;
}
.rijing-6 .rj61 {
  margin-top: 88px;
  z-index: 1;
  position: relative;
}
.rijing-6 .rj61 .fj-img-number {
  height: 50px;
}
.rijing-6 .rj61 .rj-title2 {
  text-align: center;
}
.rijing-6 .rj61 .rj-title3 {
  margin-top: 10px;
  text-align: center;
}
.rijing-6 .rj61 .rj61-content {
  margin-top: 50px;
  display: flex;
}
.rijing-6 .rj61 .rj61-content .rj61-content-img {
  margin-left: 60px;
  width: 440px;
}
.rijing-6 .rj61 .rj61-content .rj61-content-img1 {
  margin-right: 60px;
  width: 440px;
}
.rijing-6 .gj62 {
  margin-top: 88px;
  background-color: rgba(16, 27, 75, 0.8);
  padding: 50px;
  z-index: 1;
  position: relative;
}
.rijing-6 .gj62 .rj62-title {
  align-items: center;
}
.rijing-6 .gj62 .gj62-icon {
  width: 60px;
  height: 60px;
  margin-right: 20px;
}
.rijing-6 .gj62 .rj62-h3 {
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 36px;
  color: #ffffff;
  line-height: 48px;
}
.rijing-6 .gj62 .rj62-title-right {
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
  line-height: 36px;
  text-align: right;
}
.rijing-6 .gj62 .gj62-list {
  margin-top: 30px;
  display: flex;
  align-items: center;
}
.rijing-6 .gj62 .gj62-list .item-content-right {
  width: 40px;
  height: 40px;
}
.rijing-6 .gj62 .gj62-list .gj62-item {
  background-color: rgba(18, 34, 92, 0.6);
  margin: 0 10px;
}
.rijing-6 .gj62 .gj62-list .gj62-item .item-header {
  background-color: #0f1b4b;
  color: #ffffff;
  padding: 10px;
}
.rijing-6 .gj62 .gj62-list .gj62-item .item-header {
  padding: 10px;
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rijing-6 .gj62 .gj62-list .gj62-item .item-blod {
  font-size: 25px;
}
.rijing-6 .gj62 .gj62-list .gj62-item .item-content {
  padding: 10px;
}
.rijing-6 .gj62 .gj62-list .gj62-item .item-content-img {
  width: 100%;
}
.rijing-6 .gj62 .gj62-list .gj62-item .item-content-text {
  margin-top: 20px;
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  line-height: 24px;
}

.l2-25-sp .mf-account-bg {
  justify-content: center;
  padding-top: 0 !important;
}
.l2-25-sp .mf-account-bg .phone-hide {
  width: 80px;
  height: 80px;
}
.l2-25-sp .mf-account-bg .duan60f {
  margin-top: 1.25rem;
}
.l2-25-sp .mf-account-bg .btn-box1 {
  margin-top: 1.25rem;
}
.l2-25-sp .mf-account-bg .account-content {
  margin-top: 1.25rem;
}
.l2-25-sp .mf-account-bg .account-code {
  margin-top: 1.25rem;
}

.l207-10 {
  padding: 1.25rem !important;
}
.l207-10 .duan60f {
  flex: 1;
  flex-wrap: nowrap;
  margin-top: 0 !important;
}
.l207-10 .btn-box1 {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.l207-10 .com-a-link {
  text-align: center;
  flex: 1;
}

.rijin-7 {
  margin-top: 140px;
  position: relative;
}
.rijin-7 .rj7-content {
  padding: 90px 0;
  position: relative;
  z-index: 99;
}
.rijin-7 .rj7-content .rj7-h3 {
  margin-top: 8px;
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 36px;
  color: #ffffff;
  line-height: 48px;
  text-align: center;
}
.rijin-7 .rj7-content .rj7-h2 {
  margin-top: 6px;
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 64px;
  color: #14964f;
  line-height: 48px;
  text-align: center;
}
.rijin-7 .rj7-content .rg7-text {
  margin-top: 30px;
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
  line-height: 42px;
  text-align: center;
}
.rijin-7 .ri7-mz {
  padding: 50px;
  position: relative;
  z-index: 9;
}
.rijin-7 .ri7-mz .rijing-4 {
  background-color: transparent;
}
.rijin-7 .ri7-mz .rijing-4 .r4-left {
  background-color: rgba(16, 27, 75, 0.7);
  padding-bottom: 0;
}
.rijin-7 .ri7-mz .rijing-4 .r4-right {
  background-color: rgba(16, 27, 75, 0.7);
}
.rijin-7 .ri7-mz .rijing-4 .r4-right .r4-img {
  width: 425px;
}
.rijin-7 .ri7-mz .mz-tip {
  padding: 50px;
  padding-top: 10px;
  background-color: rgba(16, 27, 75, 0.7);
  width: 100%;
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  line-height: 30px;
  text-align: left;
}

.rijin-9 {
  padding-bottom: 1px;
}
.rijin-9 .ri9-ditu {
  position: relative;
  height: 650px;
}
.rijin-9 .ri9-ditu .fj-img {
  width: 110%;
  left: -5%;
  right: -5%;
  object-fit: contain;
}
.rijin-9 .rj9-content {
  margin-top: 30px;
  font-family: IBM Plex Sans, IBM Plex Sans;
  color: #ffffff;
  font-weight: bold;
}
.rijin-9 .rj9-content .rj9t1 {
  font-size: 24px;
  line-height: 36px;
  text-align: center;
}
.rijin-9 .rj9-content .rj9t2 {
  font-weight: 500;
  font-size: 18px;
  line-height: 36px;
  text-align: center;
}
.rijin-9 .rj9-content .rj9up1 {
  margin-top: 19px;
}
.rijin-9 .rj9-content .rj9up2 {
  margin-top: 35px;
}
.rijin-9 .rj9-mz {
  margin: 50px;
  margin-top: 70px;
  padding: 50px;
  padding-top: 0;
  background-color: rgba(16, 27, 75, 0.7);
  position: relative;
  z-index: 9;
}
.rijin-9 .rj9-mz .rj9-mz-box {
  padding-top: 50px;
}
.rijin-9 .rj9-mz .rj9-mz-box .rj9-mz-img {
  width: 66px;
  height: 40px;
  margin-right: 18px;
}
.rijin-9 .rj9-mz .rj9-mz-box .rj9-title {
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
  line-height: 36px;
}
.rijin-9 .rj9-mz .rj9-text2 {
  margin-top: 0px;
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  line-height: 36px;
  text-align: left;
}
.rijin-9 .rj9-mz .rj9-mz-echart {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rijin-9 .rj9-mz .rj9-img-echart {
  margin-top: 50px;
  width: 40%;
}

.rijin-10 {
  margin-top: 118px;
  position: relative;
}
.rijin-10 .rj10t1 {
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 48px;
  color: #ffffff;
  line-height: 48px;
  text-align: center;
}
.rijin-10 .rj10t2 {
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 36px;
  color: #ffffff;
  line-height: 48px;
  text-align: center;
}
.rijin-10 .rj10t3 {
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
  line-height: 32px;
  text-align: center;
}
.rijin-10 .rj10-title {
  padding-top: 100px;
}
.rijin-10 .rj10-title .color-14964F {
  color: #14964f;
}
.rijin-10 .rj10-title .text-linear-FCECB31 {
  background-image: linear-gradient(180deg, #fcecb3 0%, #a88b4a 100%);
  color: transparent;
  -webkit-background-clip: text;
}
.rijin-10 .pb-13rem {
  padding-bottom: 99px !important;
}
.rijin-10 .rju5 {
  margin-top: 5px;
}
.rijin-10 .rju15 {
  margin-top: 15px;
}
.rijin-10 .rju38 {
  margin-top: 38px;
}
.rijin-10 .rju40 {
  margin-top: 40px;
}
.rijin-10 .rju30 {
  margin-top: 30px;
}
.rijin-10 .rg10dn {
  margin-top: 70px;
  text-align: center;
}
.rijin-10 .rg10dn-img {
  width: 400px;
  height: 178px;
}
.rijin-10 .rj10t4 {
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
  line-height: 32px;
  margin-left: 200px;
  margin-right: 200px;
}
.rijin-10 .rj10t4 p {
  text-align: left;
}
.rijin-10 .rj10t5 {
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  line-height: 32px;
  text-align: center;
}
.rijin-10 .rg10-imgs {
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
  justify-content: space-around;
}
.rijin-10 .rg10-imgs img {
  width: 300px;
  height: 200px;
}

.rijin-11 {
  margin: 90px 0;
  position: relative;
  background: #040d31;
  padding: 0;
}
.rijin-11 .rg11-img {
  width: 100%;
}
.rijin-11 .rg11-60 {
  width: 100%;
  position: absolute;
  margin-top: -80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rijin-11 .rg11-60 img {
  width: 180px;
  height: 180px;
}
.rijin-11 .rg11-60-text {
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 60px;
  color: #14964f;
  line-height: 28px;
  text-align: center;
  height: 180px;
}
.rijin-11 .rg11-title {
  margin-top: 140px;
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 54px;
  color: #14964f;
  line-height: 28px;
  text-align: center;
}
.rijin-11 .rg11-text1 {
  padding: 0 50px;
  margin-top: 50px;
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
  line-height: 36px;
  text-align: center;
}
.rijin-11 .rg11-text2 {
  margin-top: 60px;
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 32px;
  color: #ffffff;
  line-height: 46px;
  text-align: center;
}
.rijin-11 .rg11-list {
  margin-top: 34px;
  display: flex;
  justify-content: center;
}
.rijin-11 .rg11-list .rg11-item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px;
  width: 330px;
}
.rijin-11 .rg11-list .rg11-item .rg11-item-img {
  width: 100%;
}
.rijin-11 .rg11-list .rg11-item .rg11-itemt1 {
  margin-top: -24px;
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 24px;
  color: #14964f;
  line-height: 48px;
  text-align: center;
}
.rijin-11 .rg11-list .rg11-item .rg11-itemt2 {
  margin-top: 13px;
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: bold;
  font-size: 32px;
  color: #14964f;
  line-height: 32px;
  text-align: center;
}
.rijin-11 .rg11-list .rg11-item .rg11-itemt3 {
  margin-top: 10px;
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  line-height: 24px;
  text-align: center;
}
.rijin-11 .rg11-list .rg11-item .rg11-itemt3 a {
  text-decoration: underline;
  color: #bca675;
}
.rijin-11 .rg11-list .rg11-img-right {
  width: 1.56rem;
  height: 1.82rem;
  margin-top: 180px;
}
.rijin-11 .rg11-btn {
  width: 300px;
  padding: 16px;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  margin: 1.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rijin-11 .rg11-btn a {
  text-align: center;
  width: 100%;
  text-decoration: none;
  color: #191919;
}

.r-line {
  text-decoration: underline;
  text-underline-offset: 10px;
}

.rj7-tip {
  margin-top: 9px;
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: 500;
  font-size: 12px;
  color: #ffffff;
  line-height: 22px;
  text-align: right;
  font-style: normal;
  text-transform: none;
}

.rj-12 {
  overflow: hidden;
  padding: 90px 15%;
  background: linear-gradient(270deg, #0954b5 0%, #12225c 100%);
}
.rj-12 .rj12t1 {
  display: flex;
  align-items: end;
  justify-content: center;
}
.rj-12 .rj12t1 .rj-storex-img {
  height: 22px;
  margin: 0 4px;
}
.rj-12 .rj12t2 {
  margin-top: 22px;
}
.rj-12 .rj12t2 .rj-storex-img2 {
  height: 40px;
}
.rj-12 .rj12text {
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  line-height: 18px;
}
.rj-12 .fj12links {
  margin-top: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.rj-12 .fj12links .fj12links-item {
  margin: 0 15px;
  margin-top: 13px;
  cursor: pointer;
}
.rj-12 .fj12links a {
  font-family: IBM Plex Sans, IBM Plex Sans;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}
.rj-12 .fj12links .line-col {
  margin-top: 13px;
  width: 0.06rem;
  height: 0.63rem;
  background: #c1c1c1;
}
.rj-12 .fj12imgs {
  text-align: center;
}
.rj-12 .fj12imgs a {
  display: inline-block;
}
.rj-12 .fj12imgs .fj12-fxv {
  margin: 0 15px;
  margin-top: 38px;
  width: 30px;
  height: 30px;
  text-decoration: none;
}

.fj13 .list {
  justify-content: center;
}

.econ-calen-page5 {
  padding-bottom: 2px;
}
.econ-calen-page5 .myjiansuo {
  margin-top: -2px;
}
.econ-calen-page5 .myjiansuo .hr {
  height: 1px;
  background: #191919;
  border-radius: 0px 0px 0px 0px;
  opacity: 0.2;
  margin: 0.4rem 0;
  width: 100%;
}
.econ-calen-page5 .myjiansuo .tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 0;
  background-color: #f5f5f5;
}
.econ-calen-page5 .myjiansuo .tabs .item {
  background: #f5f5f5;
  color: #12225c;
  width: 181px;
  height: 56px;
  border-radius: 1.75rem;
  text-align: center;
  line-height: 56px;
  margin-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  cursor: pointer;
  user-select: none;
}
.econ-calen-page5 .myjiansuo .tabs .active {
  color: #fff;
  background: linear-gradient(90deg, #0954b5 0%, #12225c 100%);
}
.econ-calen-page5 .myjiansuo .tabs .left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.econ-calen-page5 .myjiansuo .select-date {
  height: 40px;
  border-radius: 5px;
  margin-bottom: 20px;
  width: 400px;
}
.econ-calen-page5 .myjiansuo .tj {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.8rem;
  padding-bottom: 30px;
}
.econ-calen-page5 .myjiansuo .tj .left {
  color: #191919;
  cursor: pointer;
  user-select: none;
}
.econ-calen-page5 .myjiansuo .tj .right {
  color: #191919;
}
.econ-calen-page5 .myjiansuo .tj .right .mf-arrow-top1 {
  margin-left: 20px;
  margin-right: 30px;
}
.econ-calen-page5 .myjiansuo .drop-down {
  background: #f5f5f5;
  overflow: hidden;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  height: 0;
  padding: 0 3.5rem;
}
.econ-calen-page5 .myjiansuo .drop-down .radio_type {
  margin-right: 10px;
}
.econ-calen-page5 .myjiansuo .drop-down .drop-down-item {
  padding-top: 70px;
}
.econ-calen-page5 .myjiansuo .drop-down .drop-down-item .mf-arrow-top-jin {
  display: none;
}
.econ-calen-page5 .myjiansuo .drop-down .checklist .checkitem {
  margin-bottom: 0.9rem;
  display: flex;
  align-items: center;
}
.econ-calen-page5 .myjiansuo .drop-down .checklist .checkitem .gq {
  width: 1.5333rem;
  height: 1.2rem;
  margin: 0 0.4167rem;
}
.econ-calen-page5 .myjiansuo .drop-down .checklist .checkitem .name {
  color: #191919;
}
.econ-calen-page5 .myjiansuo .drop-down .biaoti {
  font-size: 28px;
  margin-bottom: 1.25rem;
}
.econ-calen-page5 .myjiansuo .drop-down-show {
  overflow: visible;
  height: auto;
  padding: 3.5rem;
  padding-top: 0;
}
.econ-calen-page5 .smjb {
  margin-top: 4.875rem;
  padding: 0 0.8rem;
  padding-bottom: 2px;
}
.econ-calen-page5 .smjb .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.econ-calen-page5 .smjb .title .mf-arrow-bottom-jin1 {
  margin-left: 20px;
}
.econ-calen-page5 .smjb .title .mf-arrow-top-jin1 {
  margin-left: 20px;
}
.econ-calen-page5 .smjb .title .left {
  color: #191919;
  position: relative;
}
.econ-calen-page5 .smjb .title .left .sselect-box {
  position: absolute;
  top: 30px;
  min-width: 200px;
  max-width: 600px;
  z-index: 9999999;
}
.econ-calen-page5 .smjb .title .left .sselect-box .ss-img {
  width: 16px;
  height: 10px;
  display: block;
  margin: 0 auto;
}
.econ-calen-page5 .smjb .title .left .sselect-box .ss-list-box {
  position: relative;
  z-index: 9;
  max-height: 300px;
  overflow-y: auto;
}
.econ-calen-page5 .smjb .title .left .sselect-box .ss-list {
  margin-top: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3019607843);
  border-radius: 4px;
  background-color: #fff;
  padding: 10px 0;
}
.econ-calen-page5 .smjb .title .left .sselect-box .ss-mock {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
}
.econ-calen-page5 .smjb .title .left .sselect-box .ss-input-box {
  padding: 10px;
}
.econ-calen-page5 .smjb .title .left .sselect-box .ss-input {
  position: relative;
  width: 100%;
  z-index: 9;
  min-width: 200px;
  padding: 10px;
  font-size: 14px;
  line-height: 21px;
  color: #707070;
}
.econ-calen-page5 .smjb .title .left .sselect-box .ss-list-item {
  font-weight: bold;
  font-size: 16px;
  color: #191919;
  line-height: 24px;
  padding: 10px 20px;
  text-align: left;
  font-style: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #e5e5e5;
  transition: all 0.1s;
}
.econ-calen-page5 .smjb .title .left .sselect-box .ss-list-item:hover {
  background: #101b4b;
  color: #fff;
}
.econ-calen-page5 .smjb .title .left .sselect-box .ss-list-item:last-child {
  border-bottom: none;
}
.econ-calen-page5 .smjb .title .right {
  color: #191919;
  display: flex;
  align-items: center;
}
.econ-calen-page5 .smjb .title .right span {
  display: flex;
  margin-left: 0.6167rem;
  align-items: center;
  line-height: 0;
}
.econ-calen-page5 .smjb .title .right span::before {
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  background-color: #fe710d;
  border-radius: 50%;
  margin-right: 5px;
  margin-left: 5px;
}
.econ-calen-page5 .smjb .title .right span:nth-child(2)::before {
  background-color: #14964f;
}
.econ-calen-page5 .smjb .title .right span:nth-child(3)::before {
  background-color: #5387cc;
}
.econ-calen-page5 .smjb .tb {
  margin-top: 1.1667rem;
}
.econ-calen-page5 .smjb .tb .th {
  background: #f5f5f5;
  color: #12225c;
  display: flex;
  align-items: center;
}
.econ-calen-page5 .smjb .tb .th .tone {
  width: 60%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 2.5rem;
  padding-right: 0.625rem;
}
.econ-calen-page5 .smjb .tb .th .td {
  width: 13.3333333333%;
  text-align: center;
  padding: 1rem 0;
  margin: 0.5rem 0;
}
.econ-calen-page5 .smjb .tb .tr {
  margin-top: 0.4167rem;
  color: #191919;
  flex-direction: column;
}
.econ-calen-page5 .smjb .tb .tr .tr-top {
  background: #f5f5f5;
  color: #12225c;
  display: flex;
  align-items: center;
  width: 100%;
}
.econ-calen-page5 .smjb .tb .tr .tr-top .tone {
  width: 60%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 2.5rem;
  padding-right: 1rem;
}
.econ-calen-page5 .smjb .tb .tr .tr-top .tone .time {
  background: #0954b5;
  color: #ffffff;
  font-weight: 500;
  font-size: 10px;
  padding: 2px 6px;
}
.econ-calen-page5 .smjb .tb .tr .tr-top .tone .gq {
  width: 32px;
  height: 24px;
  margin: 0 20px;
}
.econ-calen-page5 .smjb .tb .tr .tr-top .tone .yuan {
  width: 15px;
  height: 15px;
  background-color: #fe710d;
  border-radius: 50%;
}
.econ-calen-page5 .smjb .tb .tr .tr-top .tone .green {
  background-color: #14964f;
}
.econ-calen-page5 .smjb .tb .tr .tr-top .tone .blue {
  background-color: #5387cc;
}
.econ-calen-page5 .smjb .tb .tr .tr-top .td {
  width: 13.3333333333%;
  text-align: center;
  padding: 1rem 0;
  margin: 0.5rem 0;
  border-left: 1px solid #c1c1c1;
}
.econ-calen-page5 .smjb .tb .tr .tr-dwrap {
  border: 1px solid rgba(25, 25, 25, 0.2);
  height: 0;
  padding: 0 2.5rem;
  overflow: hidden;
  transition: all 0.2s;
}
.econ-calen-page5 .smjb .tb .tr .tr-dwrap .dr-wrap-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.econ-calen-page5 .smjb .tb .tr .tr-dwrap .dr-wrap-top .left .gq {
  width: 2.5rem;
  margin: 0 12px;
  height: 1.875rem;
}
.econ-calen-page5 .smjb .tb .tr .tr-dwrap .dr-wrap-top .left {
  display: flex;
  align-items: center;
}
.econ-calen-page5 .smjb .tb .tr .tr-dwrap .dr-wrap-top .left .text {
  flex: 1;
}
.econ-calen-page5 .smjb .tb .tr .tr-dwrap .dr-wrap-top .right {
  display: flex;
}
.econ-calen-page5 .smjb .tb .tr .tr-dwrap .dr-wrap-top .right .col-line {
  height: auto;
  background-color: rgba(25, 25, 25, 0.1);
  width: 1px;
  margin: 0 20px;
}
.econ-calen-page5 .smjb .tb .tr .tr-dwrap .dr-wrap-top .right .tj {
  text-align: center;
}
.econ-calen-page5 .smjb .tb .tr .tr-dwrap .dr-wrap-top .right .tj .top {
  color: #5387cc;
  margin-bottom: 1rem;
}
.econ-calen-page5 .smjb .tb .tr .tr-dwrap .dr-wrap-top .right .tj .bottom {
  color: #191919;
  font-size: 1.6667rem;
}
.econ-calen-page5 .smjb .tb .tr .tr-dwrap .dr-wrap-top .right .tj:last-child {
  border-right: none;
}
.econ-calen-page5 .smjb .tb .tr .tr-dwrap .content {
  font-weight: 500;
  font-size: 16px;
  color: #191919;
  line-height: 24px;
  padding: 1.6667rem 0;
  text-align: left;
}
.econ-calen-page5 .smjb .tb .tr .tr-dwrap .shawanyi a {
  color: #a88b4a;
}
.econ-calen-page5 .smjb .tb .tr .tr-dwrap-show {
  height: auto;
  padding: 2.5rem 2.5rem;
  overflow: visible;
}

.live-table-chart-page .phone-show .table-title .mf-flex2 {
  margin: 0px 4px;
  flex: 1;
}
.live-table-chart-page .phone-show .table-title .arrow-down {
  display: none;
}
.live-table-chart-page .phone-show .table-box .table-item .line {
  margin: 0 1px;
}
.live-table-chart-page .phone-show .table-box .table-item .arrow-down {
  display: none;
}
.live-table-chart-page .phone-show .table-box .table-item .pl-10rem {
  flex: 1;
  margin: 6px 4px;
  padding-left: 0px !important;
  flex-direction: column;
}
.live-table-chart-page .phone-show .table-box .table-item .pl-10rem .temp-px {
  width: 1.6rem;
  height: 1rem;
  font-size: 0.65rem;
  margin-left: 4px;
}
.live-table-chart-page .phone-show .table-box .table-item .pl-10rem .temp-px {
  margin-bottom: 6px;
}
.live-table-chart-page .phone-show .table-box .table-item .pl-10rem img {
  margin-bottom: 4px;
}

.sentiment {
  line-height: 1.5;
  font-weight: 400;
  background-color: #101b4b;
  padding: 1rem 1.25rem;
  max-width: 600px;
  margin: 0 auto;
  margin-top: 10px;
}
.sentiment .head {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.sentiment .head img {
  width: 50px;
  height: 30px;
  object-fit: contain;
  margin-right: 0.75rem;
}
.sentiment .head h4 {
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
}
.sentiment .head h3 {
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
}
.sentiment .compare {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.sentiment .compare:last-child {
  margin-bottom: 0;
}

.sentiment .compare .l,
.sentiment .compare .r {
  display: inherit;
  flex-direction: column;
  align-items: center;
}

.sentiment .compare .l span:first-child,
.sentiment .compare .r span:first-child {
  color: #5387cc;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: IBM Plex Sans JP, system-ui, Avenir, Helvetica, Arial, sans-serif;
}

.sentiment .compare .l span:nth-child(2),
.sentiment .compare .r span:nth-child(2) {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 600;
}

.sentiment .compare .l span:last-child,
.sentiment .compare .r span:last-child {
  color: #fff;
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sentiment .compare .l span:last-child.inc,
.sentiment .compare .r span:last-child.inc {
  color: #5387cc;
  font-family: IBM Plex Sans JP, system-ui, Avenir, Helvetica, Arial, sans-serif;
}

.sentiment .compare .l span:last-child.inc:before,
.sentiment .compare .r span:last-child.inc:before {
  content: "+";
}

.sentiment .compare .l span:last-child.dec,
.sentiment .compare .r span:last-child.dec {
  color: #fe710d;
}

.sentiment .compare .c {
  flex: 1;
  display: inherit;
  flex-direction: column;
  align-items: center;
}

.sentiment .compare .c span {
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  padding: 0 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 292px) {
  .sentiment .compare .c span {
    max-width: 3rem;
  }
}
@media (max-width: 992px) {
  .mf-sentiment {
    flex-wrap: wrap !important;
  }
  .mf-sentiment .wp-block-column-is-layout-flow {
    min-width: 100%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .sentiment {
    padding: 0.6rem 0.8rem;
  }
  .sentiment .compare .l span:first-child {
    font-size: 0.65rem;
  }
  .sentiment .compare .l span:nth-child(2) {
    font-size: 0.8rem;
  }
  .sentiment .compare .r span:last-child {
    font-size: 0.65rem;
  }
  .sentiment .compare .r span:nth-child(2) {
    font-size: 0.8rem;
  }
  .sentiment .compare .c span {
    font-size: 0.75rem;
  }
}
.sentiment .compare .c .bar {
  position: relative;
  width: 100%;
  height: 10px;
  background-color: #1d2a61;
}

.sentiment .compare .c .bar .long,
.sentiment .compare .c .bar .short {
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--percent);
  z-index: 1;
  animation: proportion-1ee6180a 1s ease-in-out 1 forwards;
}

.sentiment .compare .c .bar .long {
  left: 0;
  background-color: #5387cc;
}

.sentiment .compare .c .bar .short {
  right: 0;
  background-color: #fe710d;
}

.sentiment .compare .c .bar:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 18px;
  top: -4px;
  left: calc(50% - 1px);
  background-color: rgba(255, 255, 255, 0.2509803922);
  z-index: 2;
}

@keyframes proportion-1ee6180a {
  0% {
    width: 0;
  }
  to {
    width: calc(var(--percent) + 1px);
  }
}
.mf-fx .tabs {
  background-color: #040d31;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 0.35rem;
  width: 100%;
  overflow: hidden;
}

.tabs .options {
  display: inherit;
  flex-direction: column;
  height: auto;
  margin-right: 1rem;
}

.tabs .options .option {
  background-color: #101b4b;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 2.25rem;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
  cursor: pointer;
}

.tabs .options .option:first-child {
  margin-bottom: 3px;
}

.tabs .options .option:last-child {
  margin-top: 3px;
}

.tabs .options .option.active {
  background-image: linear-gradient(to right, #0954b5 0, #12225c 100%);
}

.tabs .tablet-heads {
  display: none;
}

@media (max-width: 440px) {
  .tabs .tablet-heads span {
    font-size: 0.6rem;
  }
  .tabs .collections .collection .item .name img {
    display: none;
  }
  .tabs .collections .collection .item .name span {
    min-width: unset;
    font-size: 0.65rem;
  }
  .tabs .collections .collection .item .data .spread {
    font-size: 0.65rem;
  }
  .tabs .collections .collection .item .data .sentimenta > div span {
    font-size: 0.65rem;
  }
}
.tabs .collections .collection {
  display: flex;
  flex-flow: row nowrap;
}

.tabs .collections .collection .item {
  display: inherit;
  flex-flow: row nowrap;
  overflow: hidden;
  padding: 0.25rem 0;
  align-items: center;
}

@media (max-width: 768px) {
  .tabs .collections .collection .item {
    padding: 0.125rem 0;
  }
}
.tabs .collections .collection .item:after {
  content: "";
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  margin-top: 0.5rem;
  display: block;
  width: 1px;
  height: calc(100% - 1rem);
  background-color: #242a47;
}

.tabs .collections .collection .item:last-child:after {
  content: none;
}

.tabs .collections .collection .item .name {
  display: inherit;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
}

.tabs .collections .collection .item .name img {
  width: 32px;
  height: 20px;
  object-fit: contain;
  margin-bottom: 0.5rem;
}

.tabs .collections .collection .item .name span {
  font-size: 0.75rem;
  font-weight: 600;
}

.tabs .collections .collection .item .data {
  display: flex;
  flex-direction: column;
}

.tabs .collections .collection .item .data .spread {
  display: flex;
  flex-flow: row nowrap;
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0.375rem;
}

.tabs .collections .collection .item .data .spread div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 1025px) {
  .mf-fx .tabs {
    flex-direction: column;
  }
  .tabs .options {
    flex-direction: row;
    margin-right: 0;
    width: 100%;
    margin-bottom: 0.35rem;
  }
  .tabs .options .option:first-child {
    margin-bottom: 0;
  }
  .tabs .options .option:last-child {
    margin-top: 0;
  }
  .tabs .tablet-heads {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    width: 100%;
  }
  .tabs .tablet-heads span {
    font-size: 0.65rem;
    font-weight: 600;
    white-space: nowrap;
    text-align: center;
    padding: 0 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .tabs .tablet-heads span:first-child {
    flex: 0 0 25%;
  }
  .tabs .tablet-heads span:nth-child(2) {
    flex: 0 0 18%;
  }
  .tabs .tablet-heads span:nth-child(3) {
    flex: 0 0 18%;
  }
  .tabs .tablet-heads span:nth-child(n+4) {
    flex: 0 0 19.5%;
  }
  .tabs .collections {
    width: 100%;
  }
  .tabs .collections .collection {
    flex-direction: column;
    width: 100%;
  }
  .tabs .collections .collection .item:after {
    content: none;
  }
  .tabs .collections .collection .item .name {
    flex: 0 0 25%;
    flex-flow: row nowrap;
    padding: 0 0.5rem;
    margin-right: 0;
    overflow: hidden;
  }
  .tabs .collections .collection .item .name img {
    margin-right: 0.75rem;
    margin-bottom: 0;
  }
  .tabs .collections .collection .item .name span {
    word-break: break-all;
    min-width: 5rem;
  }
  .tabs .collections .collection .item .data {
    flex: 0 0 75%;
  }
  .tabs .collections .collection .item .data {
    flex-flow: row nowrap;
    align-items: center;
  }
  .tabs .collections .collection .item .data .spread {
    flex: 0 0 75%;
    margin-bottom: 0;
  }
  .tabs .collections .collection .item .data .spread div {
    flex: 0 0 33.333%;
  }
  .tabs .collections .collection .item .data .spread div span:first-child {
    display: none;
  }
  .tabs .collections .collection .item .data .spread div:nth-child(2) {
    margin: 0;
  }
  .tabs .collections .collection .item .data .sentimenta {
    flex: 0 0 25%;
  }
  .tabs .collections .collection .item .data .sentimenta > div {
    justify-content: center;
  }
  .tabs .collections .collection .item .data .sentimenta > div span {
    margin-right: 0;
  }
  .tabs .collections .collection .item .data .sentimenta > div .bar {
    display: none;
  }
}
.tabs .collections .collection .item .data .spread div span:first-child {
  font-weight: 600;
  white-space: nowrap;
}

@media (max-width: 332px) {
  .tabs .collections .collection .item .data .spread div span:last-child {
    max-width: 2.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.tabs .collections .collection .item .data .spread div:first-child span:last-child {
  color: #5387cc;
}

.tabs .collections .collection .item .data .spread div:nth-child(2) span:last-child {
  color: #fe710d;
}

.tabs .collections .collection .item .data .spread div:last-child span:last-child {
  color: #fdeba9;
}

.tabs .collections .collection .item .data .sentimenta > div {
  display: flex;
  flex-direction: row nowrap;
  align-items: center;
}

.tabs .collections .collection .item .data .sentimenta > div span {
  font-size: 0.75rem;
  font-weight: 500;
  margin-right: 0.75rem;
  line-height: 1;
}

@media (max-width: 332px) {
  .tabs .collections .collection .item .data .sentimenta > div span {
    max-width: 2.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.tabs .collections .collection .item .data .sentimenta > div .bar {
  flex: 1;
  height: 2px;
  position: relative;
  background-color: #101b4b;
}

.tabs .collections .collection .item .data .sentimenta > div .bar .l,
.tabs .collections .collection .item .data .sentimenta > div .bar .s {
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--percent);
  z-index: 2;
}

.tabs .collections .collection .item .data .sentimenta > div .bar .l {
  left: 0;
}

.tabs .collections .collection .item .data .sentimenta > div .bar .s {
  right: 0;
}

.tabs .collections .collection .item .data .sentimenta.ask span {
  color: #fe710d;
}

.tabs .collections .collection .item .data .sentimenta.ask .l {
  background-color: #fe710d;
}

.tabs .collections .collection .item .data .sentimenta.ask .s {
  background-color: #5387cc;
}

.tabs .collections .collection .item .data .sentimenta.bid span {
  color: #5387cc;
}

.tabs .collections .collection .item .data .sentimenta.bid .l {
  background-color: #5387cc;
}

.tabs .collections .collection .item .data .sentimenta.bid .s {
  background-color: #fe710d;
}

#chart {
  width: 100%;
  height: 310px;
}

@media (max-width: 768px) {
  #chart {
    height: 140px;
  }
}
.stonex-article-default-table table {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(255, 255, 255);
  background: whitesmoke;
}
.stonex-article-default-table table tr:first-child td {
  min-width: 100px;
}
.stonex-article-default-table table td {
  padding: 15px;
  border-style: solid;
  border-width: 2px;
  border-color: rgb(255, 255, 255);
}

@media (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
  }
}
.hide-on-desktop {
  display: none !important;
}

@media (max-width: 768px) {
  .hide-on-desktop {
    display: flex !important;
  }
}
.button-bordered-secondary a {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
  transition: all 0.5s;
  padding: 11px 20px;
}

.button-bordered-secondary a:hover {
  background-color: #fff;
  color: #12225c;
}

.button a {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1;
  transition: background-color 0.5s, color 0.5s, border 0.5s, box-shadow 0.5s;
  border-radius: 20px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
  text-decoration: none;
}

@media (max-width: 768px) {
  .button a {
    padding: 13px;
  }
}
.mf-lp-echart .gdpechart {
  width: 100%;
  border: 1px solid #e5e5e5;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.mf-lp-echart .gdpechart .title {
  color: #101b4b;
  font-size: 28px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mf-lp-echart .gdpechart .title .gjimg {
  width: 40px;
  height: 30px;
  margin-right: 5px;
}
.mf-lp-echart .gdpechart .cell {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.mf-lp-echart .gdpechart .cell .left {
  font-weight: 500;
  font-size: 16px;
  color: #101b4b;
}
.mf-lp-echart .gdpechart .cell .right {
  font-weight: 500;
  font-size: 12px;
  color: #191919;
}
.mf-lp-echart .gdpechart .tips {
  font-weight: 500;
  font-size: 12px;
  color: #191919;
  text-align: right;
  margin: 10px 0;
}
.mf-lp-echart .echart-item-open {
  position: relative;
}
.mf-lp-echart .echart-item-open .gdpitem {
  width: 100%;
  border: 1px solid #eee;
  padding: 15px;
  cursor: pointer;
  box-sizing: border-box;
}
.mf-lp-echart .echart-item-open .gdpitemActive {
  border: 1px solid #5484cc;
}
.mf-lp-echart .echart-item-open .qqb {
  display: flex;
  justify-content: flex-end;
  font-size: 20px;
  align-items: flex-end;
  color: #14964f;
}
.mf-lp-echart .echart-item-open .qqb span {
  font-size: 12px;
  margin: 0 2px;
}
.mf-lp-echart .echart-item-open .cover-echart {
  width: 100%;
  height: 200px;
  margin-top: 15px;
}
.mf-lp-echart .echart-item-open .echart-wrap {
  width: 206%;
  min-height: 620px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  margin-top: 40px;
}
.mf-lp-echart .echart-item-open .echart-wrap .one {
  border: 1px solid #eee;
  padding: 20px;
}
.mf-lp-echart .echart-item-open .fade-enter-active,
.mf-lp-echart .echart-item-open .fade-leave-active {
  transition: all 0.3s;
}
.mf-lp-echart .echart-item-open .fade-enter-from,
.mf-lp-echart .echart-item-open .fade-leave-to {
  opacity: 0;
  height: 0;
}
.mf-lp-echart .title {
  display: flex;
  align-items: center;
  font-weight: bold;
  justify-content: center;
}
.mf-lp-echart .title .icon {
  width: 35px;
  height: 25px;
  margin-right: 5px;
  border: 1px solid #c1c1c1;
}
.mf-lp-echart .cell {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  align-items: center;
  margin-bottom: 5px;
}
.mf-lp-echart .zoom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mf-lp-echart .zoom .left .label {
  font-size: 12px;
}
.mf-lp-echart .zoom .left button {
  font-size: 12px;
  border: 1px solid #eee;
  outline: none;
  border-radius: 2px;
  width: 40px;
  height: 30px;
  background-color: transparent;
  margin-top: 5px;
}
.mf-lp-echart .zoom .left button:hover {
  cursor: pointer;
  background-color: #edf1f5;
}
.mf-lp-echart .zoom .right {
  font-size: 12px;
  color: #191919;
}

.mf-economic-echart .gdpechart {
  width: 100%;
  border: 1px solid #e5e5e5;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.mf-economic-echart .gdpechart .title {
  color: #101b4b;
  font-size: 28px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mf-economic-echart .gdpechart .title::after {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  right: 30px;
  border: 8px solid transparent;
  border-top-color: #fff;
  /* 箭头颜色 */
  pointer-events: none;
  /* 避免干扰点击事件 */
}
.mf-economic-echart .gdpechart .cell {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.mf-economic-echart .gdpechart .cell .left {
  font-weight: 500;
  font-size: 16px;
  color: #101b4b;
}
.mf-economic-echart .gdpechart .cell .right {
  font-weight: 500;
  font-size: 12px;
  color: #191919;
}
.mf-economic-echart .gdpechart .tips {
  font-weight: 500;
  font-size: 12px;
  color: #191919;
  text-align: right;
  margin: 10px 0;
}
.mf-economic-echart .echart-item-open {
  position: relative;
}
.mf-economic-echart .echart-item-open .title {
  box-sizing: border-box;
  color: var(--text, #12225c);
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.6px;
}
.mf-economic-echart .echart-item-open .gdpitem {
  width: 100%;
  border-radius: 8px;
  background: #fff;
  padding: 20px;
  cursor: pointer;
  border: 1px solid transparent;
}
.mf-economic-echart .echart-item-open .gdpitemActive {
  border-color: #5484cc;
}
.mf-economic-echart .echart-item-open .qqb1 {
  color: var(--primary, #14964f);
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: right;
}
.mf-economic-echart .echart-item-open .qqb2 {
  margin-top: 4px;
  color: var(--text2, #333);
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: right;
}
.mf-economic-echart .echart-item-open .cover-echart {
  width: 100%;
  height: 200px;
  margin-top: 15px;
}
.mf-economic-echart .echart-item-open .echart-wrap {
  width: 206%;
  min-height: 620px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  margin-top: 40px;
}
.mf-economic-echart .echart-item-open .echart-wrap .one {
  padding: 20px;
  border-radius: 8px;
  background: #fff;
}
.mf-economic-echart .echart-item-open .kline-btn button {
  background-color: #fffdfd;
  border: none;
  cursor: pointer;
  font-size: 12px;
  color: #333;
  font-family: none;
  padding: 5px 10px;
}
.mf-economic-echart .echart-item-open .kline-btn button.active {
  background-color: #eeeeee;
}
.mf-economic-echart .echart-item-open .fade-enter-active,
.mf-economic-echart .echart-item-open .fade-leave-active {
  transition: all 0.3s;
}
.mf-economic-echart .echart-item-open .fade-enter-from,
.mf-economic-echart .echart-item-open .fade-leave-to {
  opacity: 0;
  height: 0;
}
.mf-economic-echart .title .icon {
  width: 33px;
  height: 22px;
  margin-right: 8px;
  border: 1px solid #ddd;
  object-fit: cover;
}
.mf-economic-echart .cell {
  margin-top: 18px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  align-items: start;
  margin-bottom: 5px;
}
.mf-economic-echart .cell .left {
  display: flex;
  width: 130px;
  padding: 4px 0px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: var(--background, #f5f5f5);
  color: #14245e;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 1.2px;
  min-width: 120px;
}
.mf-economic-echart .cell .left .left-text {
  color: #14245e;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
  letter-spacing: 1.4px;
}
.mf-economic-echart .zoom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}
.mf-economic-echart .zoom .left .label {
  font-size: 12px;
}
.mf-economic-echart .zoom-btn {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-top: 20px;
}
.mf-economic-echart .zoom-btn .right {
  display: flex;
  width: 482px;
  height: 32px;
  justify-content: flex-end;
  align-items: center;
  border-radius: 6px;
  background: var(--background, #f5f5f5);
}
.mf-economic-echart .zoom-btn .right button {
  border: none;
  outline: none;
  border-radius: 2px;
  background-color: transparent;
  border-right: 1px solid var(--divider, #ddd);
  background: var(--background, #f5f5f5);
  display: flex;
  height: 32px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 1px;
  letter-spacing: 1.4px;
}
.mf-economic-echart .zoom-btn .right button span {
  color: var(--white, #12225c);
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.2px;
}
.mf-economic-echart .zoom-btn .right button:nth-child(1) {
  border-radius: 6px 0px 0px 6px;
}
.mf-economic-echart .zoom-btn .right button:hover {
  background-color: #edf1f5;
}
.mf-economic-echart .zoom-btn .right .zoom-active {
  background: #12225c !important;
  color: #fff;
}
.mf-economic-echart .zoom-btn .right .zoom-active span {
  color: #fff;
}
.mf-economic-echart .zoom-btn .right button:last-child {
  border-right: none;
}
.mf-economic-echart .zoom .left {
  color: var(--text2, #333);
  text-align: right;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.7;
}
.mf-economic-echart .zoom .right {
  display: flex;
  padding: 9px 32px 10px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background-color: #f5f5f5;
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 2.25px;
  opacity: 0.99;
  transition: all 0.1s;
}
.mf-economic-echart .zoom .right:hover {
  cursor: pointer;
  color: #edf1f5;
  background-color: #12225c;
}

.economic-indicators-country-compare {
  word-break: break-all;
}
.economic-indicators-country-compare .economic-box {
  padding: 20px;
  gap: 10px;
  align-self: stretch;
  border-radius: 6px;
  background: #fff;
  margin: 14px 0;
}
.economic-indicators-country-compare .economic-box .e-header {
  display: flex;
}
.economic-indicators-country-compare .economic-box .e-header .e-item {
  padding: 10px 12px;
}
.economic-indicators-country-compare .economic-box .e-header .e-item:nth-child(1) {
  width: 25%;
}
.economic-indicators-country-compare .economic-box .e-header .e-item:nth-child(2) {
  width: 25%;
}
.economic-indicators-country-compare .economic-box .e-header .e-item:nth-child(3) {
  width: 20%;
}
.economic-indicators-country-compare .economic-box .e-header .e-item:nth-child(4) {
  width: 20%;
}
.economic-indicators-country-compare .economic-box .e-header .e-item:nth-child(5) {
  width: 20%;
}
.economic-indicators-country-compare .economic-box .e-header .e-flag {
  width: 10%;
}
.economic-indicators-country-compare .economic-box .e-cell {
  display: flex;
  border-bottom: 1px solid #ddd;
}
.economic-indicators-country-compare .economic-box .e-cell .e-item {
  /* 14px */
  padding: 14px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.economic-indicators-country-compare .economic-box .e-cell .e-item:nth-child(1) {
  width: 25%;
}
.economic-indicators-country-compare .economic-box .e-cell .e-item:nth-child(2) {
  width: 25%;
}
.economic-indicators-country-compare .economic-box .e-cell .e-item:nth-child(3) {
  width: 20%;
}
.economic-indicators-country-compare .economic-box .e-cell .e-item:nth-child(4) {
  width: 20%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.economic-indicators-country-compare .economic-box .e-cell .e-item:nth-child(5) {
  width: 20%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.economic-indicators-country-compare .economic-box .e-cell .e-item:nth-child(5) .e-text2 {
  line-height: 140%;
}
.economic-indicators-country-compare .economic-box .e-cell .e-item-right {
  margin-top: 10px;
}
.economic-indicators-country-compare .economic-box .e-cell .e-flag {
  width: 10%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 14px 12px;
}
.economic-indicators-country-compare .economic-box .e-cell .e-flag .icon {
  width: 33px;
  height: 22px;
  border: 1px solid #ddd;
  object-fit: cover;
}
.economic-indicators-country-compare .economic-box .e-cell:last-child {
  border-bottom: none;
}
.economic-indicators-country-compare .economic-box .e-text1 {
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.economic-indicators-country-compare .economic-box .e-text2 {
  color: #333;
  font-family: "Albert Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 14px */
}
.economic-indicators-country-compare .economic-box .e-text3 {
  opacity: 0.99;
  color: #333;
  font-family: "Albert Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.economic-indicators-country-compare .economic-country .e-header .e-item:nth-child(1) {
  width: 30%;
}
.economic-indicators-country-compare .economic-country .e-header .e-item:nth-child(2) {
  width: 30%;
}
.economic-indicators-country-compare .economic-country .e-header .e-flag {
  display: none;
}
.economic-indicators-country-compare .economic-country .e-cell .e-item:nth-child(1) {
  width: 30%;
}
.economic-indicators-country-compare .economic-country .e-cell .e-item:nth-child(2) {
  width: 30%;
}
.economic-indicators-country-compare .economic-country .e-cell .e-flag {
  display: none;
}
.economic-indicators-country-compare .custom-select-wrap {
  display: flex;
  margin-top: 50px;
}
.economic-indicators-country-compare .custom-select-wrap .custom-select {
  position: relative;
  display: flex;
  width: 450px;
  height: 37px;
  margin: 3px 16px;
  justify-content: space-between;
  align-items: center;
  border-radius: 100px;
  padding: 0 16px;
  background: var(--gray, #eaeaea);
  min-width: 220px;
}
.economic-indicators-country-compare .custom-select-wrap .custom-select select {
  cursor: pointer;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  flex: 1;
  color: var(--text, #12225c);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.4px;
  font-size: 16px;
  border: none;
  margin-right: 10px;
}
.economic-indicators-country-compare .custom-select-wrap .custom-select select:focus-visible {
  outline-offset: 0px;
  outline: none;
}
.economic-indicators-country-compare .custom-select-wrap .custom-select select option {
  margin-top: 4px;
  padding: 2px 16px;
}
.economic-indicators-country-compare .custom-select-wrap .custom-select .select-down {
  width: 24px;
  height: 24px;
}
.economic-indicators-country-compare .echart-list-wrap {
  margin-top: 40px;
}
.economic-indicators-country-compare .echart-list-wrap .echart-list-category {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.economic-indicators-country-compare .echart-list-wrap .echart-list-category .category {
  color: #12225c;
  font-family: "Albert Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  /* 40px */
  text-transform: uppercase;
  word-break: break-all;
}
.economic-indicators-country-compare .echart-list-wrap .echart-list-category .category_translate {
  margin: 0 10px;
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.4px;
}
.economic-indicators-country-compare .echart-list-wrap .echart-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.economic-indicators-country-compare .echart-list-wrap .echart-list .echart-item {
  width: calc(50% - 20px);
  box-sizing: border-box;
  margin-bottom: 30px;
}
.economic-indicators-country-compare .echart-list-wrap .echart-list .echart-item .echart-item-open .echart-wrap {
  box-sizing: unset;
  width: calc(200% + 40px);
}

.main-echart {
  margin: 20px;
  position: relative;
}
.main-echart .title {
  box-sizing: border-box;
  color: var(--text, #12225c);
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.6px;
}
.main-echart .gdpitem {
  width: 100%;
  border-radius: 6px;
  background: #fff;
  padding: 20px;
  cursor: pointer;
  border: 1px solid transparent;
}
.main-echart .gdpitemActive {
  border-color: #5484cc;
}
.main-echart .qqb1 {
  color: var(--primary, #14964f);
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: right;
}
.main-echart .qqb2 {
  margin-top: 4px;
  color: var(--text2, #333);
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: right;
}
.main-echart .echart-wrap {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  margin-top: 40px;
}
.main-echart .echart-wrap .one {
  padding: 20px;
  border-radius: 8px;
  background: #fff;
}
.main-echart .fade-enter-active,
.main-echart .fade-leave-active {
  transition: all 0.3s;
}
.main-echart .fade-enter-from,
.main-echart .fade-leave-to {
  opacity: 0;
  height: 0;
}
.main-echart .title {
  display: flex;
  align-items: center;
}
.main-echart .title .icon {
  width: 33px;
  height: 22px;
  margin-right: 8px;
  border: 1px solid #ddd;
  object-fit: cover;
}
.main-echart .title h2,
.main-echart .title h3,
.main-echart .title h4 {
  font-size: 16px;
}
.main-echart .cell {
  margin-top: 18px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  align-items: start;
  margin-bottom: 5px;
}
.main-echart .cell .left {
  display: flex;
  width: 130px;
  padding: 4px 0px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: var(--background, #f5f5f5);
  color: #14245e;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 1.2px;
  min-width: 120px;
}
.main-echart .cell .left .left-text {
  color: #14245e;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
  letter-spacing: 1.4px;
}
.main-echart .zoom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}
.main-echart .zoom .left .label {
  font-size: 12px;
}
.main-echart .zoom-btn {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-top: 20px;
}
.main-echart .zoom-btn .right {
  display: flex;
  width: 482px;
  height: 32px;
  justify-content: flex-end;
  align-items: center;
  border-radius: 6px;
  background: var(--background, #f5f5f5);
}
.main-echart .zoom-btn .right button {
  border: none;
  outline: none;
  border-radius: 2px;
  background-color: transparent;
  border-right: 1px solid var(--divider, #ddd);
  background: var(--background, #f5f5f5);
  display: flex;
  height: 32px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 1px;
  letter-spacing: 1.4px;
}
.main-echart .zoom-btn .right button span {
  color: var(--white, #12225c);
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.2px;
}
.main-echart .zoom-btn .right button:nth-child(1) {
  border-radius: 6px 0px 0px 6px;
}
.main-echart .zoom-btn .right button:hover {
  background-color: #edf1f5;
}
.main-echart .zoom-btn .right .zoom-active {
  background: #12225c !important;
  color: #fff;
}
.main-echart .zoom-btn .right .zoom-active span {
  color: #fff;
}
.main-echart .zoom-btn .right button:last-child {
  border-right: none;
}
.main-echart .zoom .left {
  color: var(--text2, #333);
  text-align: right;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.7;
}
.main-echart .zoom .right {
  display: flex;
  padding: 9px 32px 10px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background-color: #f5f5f5;
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 2.25px;
  opacity: 0.99;
  transition: all 0.1s;
}
.main-echart .zoom .right:hover {
  cursor: pointer;
  color: #edf1f5;
  background-color: #12225c;
}

.main-list {
  margin-top: 20px;
  background-color: #fff;
  padding: 5px 0px;
  border-radius: 6px;
}
.main-list .m-header {
  display: flex;
}
.main-list .m-header .m-item {
  flex: 2 1 0%;
  padding: 16px 20px;
  text-align: center;
}
.main-list .m-cell {
  display: flex;
  border-bottom: 1px solid var(--divider, #ddd);
}
.main-list .m-cell .m-item {
  font-size: 12px;
  flex: 2 1 0%;
  padding: 16px 20px;
  text-align: center;
}
.main-list .m-cell:last-child {
  border-bottom: none;
}
.main-list .m-text1 {
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 14px */
}
.main-list .m-text2 {
  color: var(--text2, #333);
  font-family: "Albert Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 14px */
  opacity: 0.99;
}
.main-list .m-text3 {
  opacity: 0.99;
  opacity: 0.99;
  color: var(--text2, #333);
  font-family: "Albert Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.custom-select-country {
  border: 1px solid transparent;
  position: relative;
  width: calc(33% - 12px);
  height: 37px;
  cursor: pointer;
  outline: none;
  margin: 8px 16px;
  justify-content: space-between;
  align-items: center;
  border-radius: 100px;
  padding: 0 16px;
  background: #eaeaea;
  min-width: 220px;
}
.custom-select-country .selected-value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.custom-select-country .selected-value .selected-text {
  flex: 1;
  margin: 0 4px;
  color: #666;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.4px;
}
.custom-select-country .select-down {
  width: 24px;
  height: 24px;
  transition: all 0.2s;
}
.custom-select-country .close-down-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}
.custom-select-country .close-down-box .close-down {
  width: 24px;
  height: 10px;
  object-fit: contain;
}
.custom-select-country .options {
  position: absolute;
  backdrop-filter: blur(8px);
  top: 50px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  left: 0;
  width: 100%;
  max-height: 260px;
  overflow-y: auto;
  border-radius: 6px;
  z-index: 10;
  padding: 8px 1rem;
  transition: backdrop-filter 0.3s ease, background 0.3s ease;
  margin-bottom: 0;
}
.custom-select-country .options .option-img {
  margin-right: 6px;
}
.custom-select-country .options li {
  padding: 12px 14px;
  display: flex;
  align-items: center;
  transition: background 0.2s;
  color: #12225c;
  font-family: "Albert Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 14px */
}
.custom-select-country .options li:hover {
  background-color: #f0f0f0;
}
.custom-select-country .options li.selected {
  background-color: #12225c;
  color: #fff;
  border-radius: 4px;
}
.custom-select-country .option-img {
  width: 18px;
  height: 12px;
}
.custom-select-country .options .is-disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}
.custom-select-country .options .is-disabled:hover {
  background-color: unset;
}

.is-open-selected {
  border-color: #ddd !important;
}
.is-open-selected .select-down {
  transform: rotate(180deg);
}

.is-selected .selected-value .selected-text {
  color: #12225c !important;
}

.custom-scroll {
  /* 滚动条整体样式 */
}
.custom-scroll::-webkit-scrollbar {
  width: 0.4rem;
  /* 垂直滚动条宽度 */
  height: 0.4rem;
  /* 水平滚动条高度 */
}
.custom-scroll {
  /* 滚动条轨道（背景） */
}
.custom-scroll::-webkit-scrollbar-track {
  background: transparent;
  /* 轨道颜色 */
  border-radius: 5px;
  /* 轨道圆角 */
}
.custom-scroll {
  /* 滚动条滑块（拖动部分） */
}
.custom-scroll::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  /* 滑块颜色 */
  border-radius: 4px;
  /* 滑块圆角 */
  transition: background 0.3s;
  /*  hover 动画过渡 */
}
.custom-scroll {
  /* 滑块 hover 效果 */
}
.custom-scroll::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
  /* 加深颜色 */
}
.custom-scroll {
  /* 滚动条按钮（两端箭头，可选隐藏） */
}
.custom-scroll::-webkit-scrollbar-button {
  display: none;
  /* 隐藏默认按钮 */
}

.vue-echart-list .custom-select-wrap {
  display: flex;
  margin-top: 50px;
}
.vue-echart-list .custom-select-wrap .custom-select {
  position: relative;
  width: 230px;
  height: 50px;
  margin-right: 20px;
}
.vue-echart-list .custom-select-wrap .custom-select::after {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  right: 30px;
  border: 8px solid transparent;
  border-top-color: #fff;
  /* 箭头颜色 */
  pointer-events: none;
  /* 避免干扰点击事件 */
}
.vue-echart-list .custom-select-wrap .custom-select:last-child {
  margin-right: 0;
}
.vue-echart-list .custom-select-wrap .custom-select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #0954b5 0%, #12225c 100%);
  border-radius: 30px;
  color: #fff;
  padding: 0 30px;
  font-size: 16px;
  border: none;
}
.vue-echart-list .custom-select-wrap .custom-select select option {
  color: #000;
}
.vue-echart-list .echart-list-wrap {
  margin-top: 40px;
}
.vue-echart-list .echart-list-wrap .echart-list-category {
  color: #101b4b;
  font-size: 32px;
  margin-left: 20px;
  margin-bottom: 20px;
}
.vue-echart-list .echart-list-wrap .echart-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.vue-echart-list .echart-list-wrap .echart-list .echart-item {
  width: 50%;
  padding: 0 20px;
  box-sizing: border-box;
  margin-bottom: 30px;
}

.lp-tabel .lp-tabel-head,
.lp-tabel .lp-tabel-item {
  background-color: #fafafa;
  display: flex;
}

.lp-tabel .lp-tabel-head span,
.lp-tabel .lp-tabel-item span {
  flex: 1;
  margin: 5px 0;
  color: #12225c;
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  padding: 8px 0;
}

.lp-tabel .lp-tabel-head span:first-child,
.lp-tabel .lp-tabel-item span:first-child {
  flex: 2;
}

.lp-tabel .lp-tabel-item {
  background-color: #f5f5f5;
  margin-top: 5px;
}

.lp-tabel .lp-tabel-item span {
  color: #191919;
  border-right: 1px solid #c1c1c1;
}

.lp-tabel .lp-tabel-item span:last-child {
  border-right: none;
}

.transition-arrow-up {
  transform: rotate(180deg);
  transition: all 0.8s ease;
}

.kline-dom {
  height: 600px;
}

.kline-currentdata {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #999;
  padding-bottom: 10px;
}

.kline-currentdata span {
  font-weight: normal;
  font-family: none;
  margin-right: 10px;
}

.kline-btn {
  display: flex;
  margin: 0 0 0 10px;
  padding-left: 7%;
}

.kline-btn button {
  background-color: #fffdfd;
  border: none;
  cursor: pointer;
  font-size: 12px;
  color: #333;
  font-family: none;
  padding: 5px 10px;
}

.kline-btn button.active {
  background-color: #eeeeee;
}

.market-calendar__grid {
  background-color: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.market-calendar__grid .economic-calendar__tile {
  border-top: none;
  background-color: rgba(4, 13, 49, 0.9);
  margin-bottom: 5px;
}
.market-calendar__grid .economic-calendar__tile-header {
  color: #fff;
}
.market-calendar__grid .fxit-eventurl {
  color: #fff !important;
}
.market-calendar__grid .economic-calendar__tile-number span {
  color: #fff;
}

.echart-tooltip-title {
  font-size: 16px;
}

.echart-tooltip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}
.echart-tooltip .echart-tooltip-label {
  margin-top: 4px;
  margin-right: 30px;
}

.map-box {
  background: #12225c;
}
.map-box .map-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.map-box .map-container::-webkit-scrollbar {
  display: none;
}
.map-box .map-header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 15px;
}
.map-box .map-title {
  border-radius: 30px;
  border: 3px solid #0954b5;
  width: 200px;
  height: 36px;
  background: #fff;
  flex-shrink: 0;
  color: #191919;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.map-box .map-dec {
  margin-top: 15px;
  color: #fff;
  text-align: center;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  line-height: 10px;
}
.map-box .map-title-active {
  background: #14964f;
  color: #fff;
}
.map-box .screen-wrapper {
  height: 100%;
  width: 100%;
  background-color: #12225c;
}
.map-box .screen {
  pointer-events: none;
  display: inline-block;
  width: 1920px;
  height: 960px;
  transform-origin: 0 0;
  position: absolute;
  left: 0;
}
.map-box .map {
  width: 100%;
  height: 100%;
  /* object-fit: contain; */
  display: block;
  user-select: none;
}
.map-box .marker {
  position: absolute;
  transform: translate(-50%, -100%);
  cursor: pointer;
}
.map-box .marker-img {
  width: 24px;
  height: 38px;
  transition: transform 0.3s ease;
  transform-origin: 50% 100%;
}
.map-box .marker-select .marker-img {
  transform: scale(1.4);
}
.map-box .marker-shadow {
  position: relative;
  z-index: -1;
}
.map-box .marker-shadow .shadow-img {
  position: absolute;
  width: 76px;
  height: 64.619px;
  top: -22px;
  left: -10px;
  pointer-events: none;
  opacity: 0.4;
  background-blend-mode: overlay;
}
.map-box .marker-title2 {
  white-space: nowrap;
  margin-left: 20px;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  height: 1px;
  top: -8px;
  /* 100% */
}
.map-box .marker-title {
  position: absolute;
  white-space: nowrap;
  left: 20px;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  top: 4px;
  display: flex;
  align-items: end;
  /* 100% */
}
.map-box .marker-title1 {
  left: unset;
  right: 20px;
}
.map-box .marker-underline {
  background-color: #fff;
  transition: all 0.3s ease;
  height: 2px;
  opacity: 0;
  width: 100%;
  position: absolute;
  bottom: -2px;
}
.map-box .hovered .marker-underline {
  opacity: 1;
}
.map-box .info-popup {
  position: absolute;
  color: white;
  z-index: 100;
  display: flex;
  word-break: break-word;
  align-items: center;
  transition: opacity 0.3s ease;
  font-size: 14px;
}
.map-box .info-popup .info-item-title {
  margin-top: 6px;
  text-align: center;
  white-space: nowrap;
  font-style: normal;
  font-size: 12px;
}
.map-box .info-popup .info-item {
  margin-top: 6px;
  text-align: center;
  white-space: nowrap;
  font-style: normal;
  font-family: "BIZ UDPGothic";
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
}
.map-box .info-popup .info-item a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.map-box .info-popup .info-left {
  margin-left: 8px;
  margin-right: 8px;
  background: #0954b5;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  border: 0.5px solid #fff;
  opacity: 0.9;
  padding: 10px 20px;
  gap: 8px;
}
.map-box .info-popup .info-right {
  margin-right: 10px;
  background: #12225c;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  border: 0.5px solid #fff;
  opacity: 0.9;
  padding: 10px;
  gap: 8px;
  text-align: center;
}
.map-box .phone-show {
  z-index: 10;
}
.map-box .suoxiao {
  position: absolute;
  right: 30px;
  top: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.map-box .select-country-mark {
  position: fixed;
  display: none;
  z-index: 10;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  touch-action: none;
}
.map-box .select-country {
  border-radius: 10px;
  background-color: #fff;
  z-index: 11;
  padding: 0;
  position: fixed;
  z-index: 10;
  height: 0;
  left: 30px;
  right: 30px;
  bottom: 20px;
  transition: all 0.3s ease;
  overflow-y: auto;
}
.map-box .select-country .select-item {
  transition: all 0.3s ease;
  display: flex;
  padding: 6px 20px;
  align-items: center;
  align-self: stretch;
  color: #b0b8ba;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 6px;
  /* 133.333% */
}
.map-box .select-country .select-item-img {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  display: none;
}
.map-box .select-country .select-item-img1 {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.map-box .select-country .select-item-active {
  border-radius: 10px;
  background: #e6e8f1;
  color: #12225c;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 133.333% */
}
.map-box .select-country .select-item-active .select-item-img {
  display: block;
}
.map-box .select-country .select-item-active .select-item-img1 {
  display: none;
}

.newswrap {
  background-color: #fff;
  padding: 0 12px;
  border-radius: 6px;
}
.newswrap .news-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid #ddd;
}
.newswrap .news-row:last-child {
  border-bottom: none;
}
.newswrap .row-left {
  display: flex;
  align-items: center;
}
.newswrap .row-left .time {
  color: #12225c;
  font-family: "Albert Sans";
  font-size: 14px;
  font-style: normal;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 0.7px;
  min-width: 130px;
}
.newswrap .row-left .title {
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.7px;
  padding-left: 27px;
}
.newswrap .righticon {
  color: #12225c;
}
@media screen and (max-width: 768px) {
  .newswrap .news-row {
    padding: 15px 0px;
  }
  .newswrap .row-left {
    flex-direction: column;
    align-items: flex-start;
  }
  .newswrap .row-left .title {
    padding-left: 0;
    padding-top: 5px;
    line-height: 160%;
    font-size: 15px;
    font-style: Bold;
  }
  .newswrap .row-left .time {
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 1.2px;
  }
  .newswrap .righticon {
    display: none;
  }
}

.goodpatch-economic-calendar .swiper-pagination-bullet-active {
  background-color: #12225c;
}
.goodpatch-economic-calendar .ecitem {
  padding: 20px;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
}
.goodpatch-economic-calendar .ecitem::after {
  content: "";
  display: block;
  background-color: #ddd;
  height: 1px;
  width: calc(100% - 40px);
  position: absolute;
  bottom: 0;
}
.goodpatch-economic-calendar .ecitem:last-child::after {
  display: none;
}
.goodpatch-economic-calendar .ecitem .one .flag {
  width: 60px;
  height: 40px;
}
.goodpatch-economic-calendar .ecitem .one .time {
  color: #12225c;
  font-family: "Albert Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.6px;
  margin-left: 76px;
  margin-top: -48px;
}
.goodpatch-economic-calendar .ecitem .one .title {
  margin-left: 76px;
  margin-top: 8px;
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.9px;
}
.goodpatch-economic-calendar .ecitem .two {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.goodpatch-economic-calendar .ecitem .two .tag {
  display: flex;
}
.goodpatch-economic-calendar .ecitem .two .tag .tag-item {
  color: #14245e;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1.2px;
  border-radius: 4px;
  background: #f5f5f5;
  padding: 4px;
  margin-right: 8px;
}
.goodpatch-economic-calendar .ecitem .two .tag .tag-item span {
  font-weight: 700;
}
.goodpatch-economic-calendar .ecitem .two .zm {
  color: #14245e;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1.2px;
}
.goodpatch-economic-calendar .ecitem .two .zm a {
  font-weight: 700;
  margin-right: 8px;
}
.goodpatch-economic-calendar .ecitem .two .zm a:hover {
  text-decoration: underline;
}
.goodpatch-economic-calendar .ecitem .content {
  color: #333;
  /* 本文 */
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1.4px;
  margin-top: 10px;
  line-height: 1.5;
}
.goodpatch-economic-calendar .ecitem .content a:hover {
  color: #12225c !important;
  text-decoration: underline !important;
}
.goodpatch-economic-calendar .phone {
  display: none;
}
@media screen and (max-width: 768px) {
  .goodpatch-economic-calendar .pc {
    display: none;
  }
  .goodpatch-economic-calendar .phone {
    display: block;
  }
  .goodpatch-economic-calendar .ecitem {
    border-radius: 5px;
  }
  .goodpatch-economic-calendar .ecitem::after {
    display: none;
  }
  .goodpatch-economic-calendar .ecitem .one {
    position: relative;
  }
  .goodpatch-economic-calendar .ecitem .one .time {
    margin: 0;
  }
  .goodpatch-economic-calendar .ecitem .one .flag {
    position: absolute;
    width: 22px;
    height: 14px;
    top: 24px;
  }
  .goodpatch-economic-calendar .ecitem .one .title {
    margin: 0;
    text-indent: 30px;
    margin-top: 6px;
  }
  .goodpatch-economic-calendar .ecitem .two {
    flex-direction: column;
    align-items: flex-start;
  }
  .goodpatch-economic-calendar .ecitem .two .zm {
    margin-bottom: 10px;
  }
  .goodpatch-economic-calendar .ecitem .two .zm span {
    margin-top: 16px;
    display: inline-block;
  }
}

.financialwrap {
  padding: 15px 20px;
  background-color: #fff;
  border-radius: 6px;
  max-width: 1080px;
}
.financialwrap .header {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 12px 0;
  border-bottom: 1px solid var(--divider, #ddd);
}
.financialwrap .header .header-item {
  width: 100%;
  text-align: left;
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.7px;
}
.financialwrap .header .header-item:nth-child(1) {
  text-align: left;
  min-width: 310px;
}
.financialwrap .financialwrap-row {
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-bottom: 1px solid #ddd;
  padding: 12px 0;
}
.financialwrap .financialwrap-row:last-child {
  border-bottom: none;
}
.financialwrap .financialwrap-row-item {
  width: 100%;
  text-align: left;
  color: #333;
  font-family: "Albert Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
.financialwrap .financialwrap-row-item .flag {
  width: 50px;
  height: 35px;
}
.financialwrap .financialwrap-row-item .s1 {
  font-size: 14px;
  min-width: 30px;
  text-align: left;
}
.financialwrap .financialwrap-row-item .s2 {
  color: #12225c;
  font-family: "Albert Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  text-wrap-mode: nowrap;
}
.financialwrap .financialwrap-row-item:nth-child(1) {
  display: flex;
  align-items: center;
  gap: 24px;
  min-width: 310px;
}
.financialwrap .financialwrap-row-item:nth-child(2) {
  color: #193bb3;
}
.financialwrap .financialwrap-row-item:nth-child(3) {
  color: #ea5516;
}
.financialwrap .orange {
  color: #ea5516;
}
.financialwrap .blue {
  color: #193bb3;
}
@media screen and (max-width: 971px) {
  .financialwrap .header .header-item:nth-child(1) {
    text-align: left;
    min-width: 210px;
  }
  .financialwrap .financialwrap-row .financialwrap-row-item:nth-child(1) {
    gap: 12px;
    min-width: 210px;
  }
  .financialwrap .financialwrap-row .financialwrap-row-item:nth-child(1) .flag {
    width: 40px;
    height: 25px;
    margin: 0 14px;
  }
  .financialwrap .financialwrap-row .financialwrap-row-item:nth-child(1) .s1,
  .financialwrap .financialwrap-row .financialwrap-row-item:nth-child(1) .s2 {
    font-size: 14px;
  }
}
@media screen and (max-width: 750px) {
  .financialwrap .header .header-item:nth-child(1) {
    text-align: left;
    min-width: 84px;
  }
  .financialwrap .header .header-item {
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 0px;
  }
  .financialwrap .financialwrap-row .financialwrap-row-item {
    font-size: 12px;
  }
  .financialwrap .financialwrap-row .financialwrap-row-item:nth-child(1) {
    flex-wrap: wrap;
    gap: 8px;
    min-width: 82px;
  }
  .financialwrap .financialwrap-row .financialwrap-row-item:nth-child(1) .flag {
    margin: 0;
  }
  .financialwrap .financialwrap-row .financialwrap-row-item:nth-child(1) .s1 {
    min-width: 0;
    font-size: 10px;
  }
  .financialwrap .financialwrap-row .financialwrap-row-item:nth-child(1) .s2 {
    font-size: 12px;
    margin-top: 8px;
  }
}

.goodpatch-position-ratio {
  background-color: #fff;
  border-radius: 6px;
  padding: 24px 12px;
}
.goodpatch-position-ratio .header {
  display: flex;
  border-bottom: 1px solid #ddd;
  justify-content: space-between;
}
.goodpatch-position-ratio .header .h-left {
  display: flex;
}
.goodpatch-position-ratio .header .h-left .litem {
  color: #8f8f8f;
  font-family: "Noto Sans JP";
  border-radius: 5px 5px 0 0;
}
@media screen and (max-width: 768px) {
  .goodpatch-position-ratio .header .h-left .litem {
    font-size: 12px;
    padding: 10px;
  }
}
@media screen and (min-width: 768px) {
  .goodpatch-position-ratio .header .h-left .litem {
    font-size: 14px;
    padding: 10px 20px;
  }
}
.goodpatch-position-ratio .header .h-left .litem {
  font-weight: 700;
  letter-spacing: 1.4px;
}
.goodpatch-position-ratio .header .h-left .lactive {
  color: #12225c;
  border: 1px solid #ddd;
  border-bottom-color: #fff;
  margin-bottom: -2px;
  background-color: #fff;
}
.goodpatch-position-ratio .header .h-right {
  display: flex;
  align-items: center;
}
.goodpatch-position-ratio .header .h-right .ritem {
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  .goodpatch-position-ratio .header .h-right .ritem {
    font-size: 12px;
    margin-right: 0;
  }
}
.goodpatch-position-ratio .header .h-right .ritem {
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.4px;
  margin-right: 16px;
}
.goodpatch-position-ratio .header .h-right .ritem:last-child::before {
  background: #ea5516;
}
.goodpatch-position-ratio .header .h-right .ritem::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 4px;
  border-radius: 4px;
  background: #1b3cb4;
  margin-right: 8px;
}
.goodpatch-position-ratio .goodpatch-position-ratio-row {
  display: flex;
  align-items: center;
  padding: 12px;
  border-bottom: 1px solid var(--divider, #ddd);
}
.goodpatch-position-ratio .goodpatch-position-ratio-row:last-child {
  border-bottom: none;
}
.goodpatch-position-ratio .goodpatch-position-ratio-row .gprrleft {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .goodpatch-position-ratio .goodpatch-position-ratio-row .gprrleft {
    flex-direction: column;
  }
}
.goodpatch-position-ratio .goodpatch-position-ratio-row .gprrleft-top {
  display: flex;
  align-items: center;
}
.goodpatch-position-ratio .goodpatch-position-ratio-row .gprrleft-top .title {
  color: #333;
  font-family: "Albert Sans";
  font-size: 14px;
  font-style: normal;
  max-width: 2rem;
  min-width: 30px;
}
@media screen and (max-width: 750px) {
  .goodpatch-position-ratio .goodpatch-position-ratio-row .gprrleft-top .title {
    font-size: 10px;
  }
}
.goodpatch-position-ratio .goodpatch-position-ratio-row .gprrleft-top .title {
  font-weight: 700;
}
.goodpatch-position-ratio .goodpatch-position-ratio-row .gprrleft-top .flag {
  width: 57px;
  height: 39px;
  margin: 0 24px;
}
@media screen and (max-width: 750px) {
  .goodpatch-position-ratio .goodpatch-position-ratio-row .gprrleft-top .flag {
    width: 36px;
    height: 23px;
    margin: 0 8px;
  }
}
.goodpatch-position-ratio .goodpatch-position-ratio-row .gprrleft .market-name {
  font-family: "Albert Sans";
  font-size: 16px;
  font-weight: 700;
  width: 9rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 750px) {
  .goodpatch-position-ratio .goodpatch-position-ratio-row .gprrleft .market-name {
    font-size: 12px;
    width: 5rem;
  }
}
.goodpatch-position-ratio .goodpatch-position-ratio-row .gprrleft .market-name {
  color: #12225c;
}
.goodpatch-position-ratio .goodpatch-position-ratio-row .jdtwrap {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0 5% 0 5%;
}
.goodpatch-position-ratio .goodpatch-position-ratio-row .jdtwrap .text {
  color: #12225c;
  font-family: "Albert Sans";
  font-size: 16px;
}
@media screen and (max-width: 750px) {
  .goodpatch-position-ratio .goodpatch-position-ratio-row .jdtwrap .text {
    font-size: 14px;
  }
}
.goodpatch-position-ratio .goodpatch-position-ratio-row .jdtwrap .text {
  text-align: right;
  min-width: 60px;
  font-style: normal;
  font-weight: 700;
}
.goodpatch-position-ratio .goodpatch-position-ratio-row .jdtwrap .jdt {
  display: flex;
  align-items: center;
  margin: 0 12px;
  border-radius: 10px;
  height: 6px;
  overflow: hidden;
  flex: 1;
}
.goodpatch-position-ratio .goodpatch-position-ratio-row .jdtwrap .jdt .l {
  height: 100%;
  width: 85%;
  background-color: #1b3cb4;
}
.goodpatch-position-ratio .goodpatch-position-ratio-row .jdtwrap .jdt .r {
  height: 100%;
  width: 15%;
  background-color: #ea5516;
}
@media screen and (max-width: 400px) {
  .goodpatch-position-ratio .goodpatch-position-ratio-row .jdtwrap {
    padding: 0;
  }
}

.fxindices {
  display: flex;
}
.fxindices .tabs {
  display: flex;
  flex-direction: column; /* 默认桌面端垂直排列 */
}
.fxindices .tabs .item {
  color: #12225c;
  font-size: 12px;
  font-family: "Albert Sans";
  letter-spacing: 1.2px;
  text-align: center;
  padding: 10px 15px;
  white-space: nowrap;
  font-weight: 700;
  cursor: pointer;
  box-sizing: border-box;
  min-width: 100px;
}
.fxindices .tabs .active {
  background-color: #eaeaea;
  border-radius: 4px 0 0 4px;
}
.fxindices .sview-wrap {
  width: 100%;
  overflow: hidden;
  background-color: #eaeaea;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 8px 15px;
  position: relative;
}
.fxindices .sview-wrap .sview {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  padding-right: 10px;
  box-sizing: border-box;
  background-color: #eaeaea;
  padding-bottom: 16px;
  scrollbar-width: none;
}
.fxindices .sview-wrap .sview::-webkit-scrollbar {
  display: none;
}
.fxindices .sview-wrap .sview .scroll-container {
  display: flex;
  flex-wrap: nowrap;
}
.fxindices .sview-wrap .sview .inline {
  display: inline-block;
}
.fxindices .sview-wrap .sview .inline .item {
  display: flex;
  align-items: center;
  width: 351px;
  border: 1px solid #d6d6d6;
  border-radius: 10px;
  padding: 6px 12px;
  margin-right: 12px;
}
.fxindices .sview-wrap .sview .inline .item .left {
  display: flex;
  flex-direction: column;
  min-width: 70px;
  align-items: center;
}
.fxindices .sview-wrap .sview .inline .item .left img {
  width: 35px;
  height: 25px;
  margin-bottom: 5px;
}
.fxindices .sview-wrap .sview .inline .item .left span {
  font-family: Albert Sans;
  font-weight: 700;
  font-style: Bold;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  word-break: break-all;
  white-space: normal;
  color: #12225c;
}
.fxindices .sview-wrap .sview .inline .item .con {
  flex: 1;
  padding: 0 3%;
}
.fxindices .sview-wrap .sview .inline .item .con .one {
  display: flex;
  justify-content: space-between;
}
.fxindices .sview-wrap .sview .inline .item .con .one span {
  font-family: Albert Sans;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 1px;
}
.fxindices .sview-wrap .sview .inline .item .con .two {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}
.fxindices .sview-wrap .sview .inline .item .con .two span {
  color: #12225c;
  font-family: Albert Sans;
  font-weight: 700;
  font-style: Bold;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: 0%;
}
.fxindices .sview-wrap .sview .inline .item .con .three {
  display: flex;
  align-items: center;
  font-family: Albert Sans;
}
.fxindices .sview-wrap .sview .inline .item .con .three .num {
  font-family: Albert Sans;
  color: #12225c;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}
.fxindices .sview-wrap .sview .inline .item .con .three .num span {
  color: #12225c;
}
.fxindices .sview-wrap .sview .inline .item .con .three .num .unit {
  font-family: Albert Sans;
  font-weight: 700;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
}
.fxindices .sview-wrap .sview .inline .item .con .three .jdt {
  display: flex;
  align-items: center;
  flex: 1;
  height: 4px;
  overflow: hidden;
  margin: 0 10px;
}
.fxindices .sview-wrap .sview .inline .item .con .three .jdt .l {
  width: 80%;
  height: 100%;
  background-color: #0954b5;
}
.fxindices .sview-wrap .sview .inline .item .con .three .jdt .r {
  width: 20%;
  height: 100%;
  background-color: #ea5516;
}
.fxindices .sview-wrap .sview .inline .item .right {
  color: #12225c;
}
.fxindices .sview-wrap .scrollbar-track {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 8px;
  height: 4px;
  background: transparent;
  border-radius: 2px;
  opacity: 0;
  transition: opacity 0.3s;
}
.fxindices .sview-wrap:hover .scrollbar-track {
  opacity: 1;
}
.fxindices .sview-wrap .scrollbar-thumb {
  position: absolute;
  height: 4px;
  background: #c1c1c1;
  border-radius: 2px;
  cursor: pointer;
  transition: background 0.3s;
}
.fxindices .sview-wrap .scrollbar-thumb:hover {
  background: #a1a1a1;
}

@media screen and (max-width: 500px) {
  .fxindices {
    flex-direction: column;
  }
  .fxindices .tabs {
    flex-direction: row;
  }
  .fxindices .tabs .active {
    border-radius: 6px 6px 0 0;
  }
  .fxindices .sview-wrap {
    border-bottom-left-radius: 0;
  }
}
.goodpatch-search {
  font-family: Noto Sans JP;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
  .goodpatch-search {
    position: relative;
    max-width: 230px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .goodpatch-search {
    position: relative;
    max-width: 268px;
  }
}
.goodpatch-search .gp-global-search-input {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  padding: 9px 0;
  position: relative;
  display: flex;
  flex-direction: row;
}
.goodpatch-search .gp-global-search-input .icon {
  width: 18px;
  height: 18px;
  margin-right: 15px;
}
.goodpatch-search .gp-global-search-input input {
  background-color: transparent;
  outline: none;
  border: none;
  color: #fff;
  flex: 1;
  margin: 0 5px 0 15px;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .goodpatch-search .gp-global-search-input input {
    width: 84%;
  }
}
@media screen and (min-width: 992px) {
  .goodpatch-search .searchlist {
    position: absolute;
    top: 45px;
    left: 0;
  }
}
.goodpatch-search .searchlist {
  width: 100%;
  background-color: #081132;
  border-radius: 10px;
  box-sizing: border-box;
  transition: all 0.2s;
  overflow-y: auto;
  max-height: 0;
}
.goodpatch-search .searchlist .item {
  color: #fff;
  padding: 12px;
}
@media screen and (max-width: 768px) {
  .goodpatch-search .searchlist .item {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .goodpatch-search .searchlist .item {
    font-size: 15px;
  }
}
.goodpatch-search .searchlist .item:hover {
  color: #12225c;
  background-color: #fff;
  cursor: pointer;
}

.funkec input[type=checkbox]:checked {
  background-color: red;
}
.funkec .ecfilter {
  background-color: #fff;
  border-radius: 8px;
  padding: 10px 20px;
  color: #12225c;
}
.funkec .ecfilter .cell {
  display: flex;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 10px;
}
.funkec .ecfilter .cell .cellleft {
  margin-right: 8%;
  font-family: "Albert Sans";
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
}
.funkec .ecfilter .cell .cellright {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 10px;
}
.funkec .ecfilter .cell .cellright .radiowrap {
  display: flex;
  align-items: center;
  margin: 10px 0;
  margin-right: 8%;
}
.funkec .ecfilter .cell .cellright .radiowrap label {
  margin-left: 10px;
  font-family: "Albert Sans";
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
}
.funkec .ecfilter .cell .cellright .currentorg {
  height: 37px;
  background-color: #f5f5f5;
  border-radius: 20px;
  display: flex;
  align-items: center;
  padding: 0 30px;
  justify-content: space-between;
}
.funkec .ecfilter .cell .cellright .currentorg .img {
  width: 16px;
  height: 10px;
  margin-right: 5px;
}
.funkec .ecfilter .cell .cellright .currentorg .text {
  color: #12225c;
  font-family: Noto Sans JP;
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
}
@media screen and (max-width: 765px) {
  .funkec .ecfilter .cell {
    padding-top: 24px;
  }
  .funkec .ecfilter .cell .cellleft {
    width: 100%;
    padding-bottom: 12px;
  }
  .funkec .ecfilter .cell .cellright .radiowrap {
    margin-bottom: 10px;
  }
}
.funkec .ecfilter .jiaoru {
  display: flex;
  align-items: center;
  padding-top: 10px;
  gap: 8px;
}
.funkec .ecfilter .jiaoru span {
  font-family: Noto Sans JP;
  font-weight: 400;
  font-size: 14px;
  color: #12225c;
}
.funkec .ecfilter .jiaoru img {
  margin-right: 5px;
}
@media screen and (max-width: 765px) {
  .funkec .ecfilter .jiaoru {
    padding-top: 24px;
  }
}
.funkec .funktitle {
  color: #12225c;
  display: flex;
  justify-content: space-between;
  padding: 20px 0 10px 0;
  font-family: "Albert Sans";
  font-size: 24px;
  font-weight: bold;
}
.funkec .funktitle .xbt {
  font-family: "Noto Sans JP";
  font-size: 14px;
  margin-left: 5px;
}
.funkec .funktitle .ftright {
  font-family: "Noto Sans JP";
  font-size: 14px;
}
.funkec .funktime {
  color: #12225c;
  font-weight: bold;
  font-size: 20px;
  padding: 10px 0;
  font-family: "Albert Sans";
}
@media screen and (max-width: 765px) {
  .funkec .funktitle {
    font-size: 20px;
  }
  .funkec .funktitle .xbt {
    font-size: 12px;
  }
  .funkec .funktime {
    font-size: 16px;
  }
}
.funkec .funklist {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
}
.funkec .funklist .w-15 {
  width: 15%;
}
.funkec .funklist .w-10 {
  width: 10%;
}
.funkec .funklist .w-20 {
  width: 20%;
}
.funkec .funklist .w-30 {
  width: 30%;
}
.funkec .funklist .w-40 {
  width: 40%;
}
.funkec .funklist .w-50 {
  width: 50%;
}
.funkec .funklist .w-60 {
  width: 60%;
}
.funkec .funklist .w-70 {
  width: 70%;
}
.funkec .funklist .w-80 {
  width: 80%;
}
.funkec .funklist .w-90 {
  width: 90%;
}
.funkec .funklist .w-100 {
  width: 100%;
}
.funkec .funklist .pclist .pclisttitle {
  display: flex;
  color: #12225c;
  font-size: 16px;
  padding-bottom: 20px;
  font-family: "Noto Sans JP";
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
}
.funkec .funklist .pclist .pclistitem {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.funkec .funklist .pclist .pclistitem:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.funkec .funklist .pclist .pclistitem .topwrap {
  display: flex;
  color: #12225c;
}
.funkec .funklist .pclist .pclistitem .topwrap .svg {
  height: 16px;
  width: 24px;
  margin-right: 8px;
}
.funkec .funklist .pclist .pclistitem .topwrap .time {
  font-family: Albert Sans;
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
}
.funkec .funklist .pclist .pclistitem .topwrap .title {
  font-family: "Albert Sans";
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.funkec .funklist .pclist .pclistitem .topwrap .num20 {
  font-weight: normal;
  color: #333;
  font-family: "Albert Sans";
}
.funkec .funklist .pclist .pclistitem .topwrap .lastw {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.funkec .funklist .pclist .pclistitem .topwrap .lastw .icon {
  transition: all 0.3s;
  width: 16px;
  height: 10px;
}
.funkec .funklist .pclist .pclistitem .topwrap .lastw .activeicon {
  transform: rotate(180deg);
}
.funkec .funklist .pclist .pclistitem .bottomwrap {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s;
}
.funkec .funklist .pclist .pclistitem .bottomwrap .btn-url-box {
  margin-top: 12px;
  display: flex;
  justify-content: end;
}
.funkec .funklist .pclist .pclistitem .bottomwrap .btn-url-box .btn-url {
  color: var(--text, #12225c);
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 2.25px;
  opacity: 0.99;
  display: flex;
  padding: 9px 32px 10px 32px;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  border-radius: 100px;
  background: var(--background, #f5f5f5);
}
.funkec .funklist .pclist .pclistitem .bottomwrap .btn-url-box .btn-url:hover {
  cursor: pointer;
  color: #edf1f5;
  background-color: #12225c;
}
.funkec .funklist .pclist .pclistitem .bottomwrap .sbtitle {
  color: #12225c;
  padding: 20px 0;
  font-size: 16px;
}
.funkec .funklist .pclist .pclistitem .bottomwrap .sbtitle span {
  margin-right: 12px;
  text-decoration: underline;
}
.funkec .funklist .pclist .pclistitem .bottomwrap .desc {
  padding: 20px 0;
  color: #333;
  /* 本文 */
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
  letter-spacing: 1.4px;
}
.funkec .funklist .pclist .pclistitem .active {
  max-height: 400px;
}
.funkec .funklist .molist {
  display: none;
}
.funkec .funklist .molist .molistitem {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.funkec .funklist .molist .molistitem:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.funkec .funklist .molist .molistitem .one .gj {
  width: 22px;
  height: 15px;
  margin-right: 10px;
}
.funkec .funklist .molist .molistitem .one .title {
  color: #12225c;
  font-family: Noto Sans JP;
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
}
.funkec .funklist .molist .molistitem .two {
  display: flex;
  padding: 16px 0;
}
.funkec .funklist .molist .molistitem .two .twoitem {
  width: 33.3333%;
  display: flex;
  flex-direction: column;
  margin: 0 1px;
}
.funkec .funklist .molist .molistitem .two .twoitem .label {
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 10px */
}
.funkec .funklist .molist .molistitem .two .twoitem .value {
  padding-top: 8px;
  font-family: "Albert Sans";
  font-size: 14px;
  font-weight: 700;
  color: var(--text2, #333);
  font-style: normal;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.4px;
}
@media screen and (max-width: 460px) {
  .funkec .funklist .molist .molistitem .two .twoitem .label {
    font-size: 12px;
  }
  .funkec .funklist .molist .molistitem .two .twoitem .value {
    font-size: 14px;
  }
}
@media screen and (max-width: 400px) {
  .funkec .funklist .molist .molistitem .two .twoitem .label {
    font-size: 10px;
  }
  .funkec .funklist .molist .molistitem .two .twoitem .value {
    font-size: 14px;
  }
}
.funkec .funklist .molist .molistitem .three {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.funkec .funklist .molist .molistitem .three .left {
  color: #12225c;
  font-size: 14px;
  color: #14245e;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 18px */
  letter-spacing: 1.2px;
}
.funkec .funklist .molist .molistitem .three .left .gmt {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #ddd;
  color: var(--text, #12225c);
  font-family: "Albert Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  /* 19.2px */
  letter-spacing: 0.6px;
}
@media screen and (max-width: 765px) {
  .funkec .funklist .molist .molistitem .three .left {
    font-size: 12px;
  }
}
.funkec .funklist .molist .molistitem .three .right .icon {
  transition: all 0.3s;
  width: 8px;
}
.funkec .funklist .molist .molistitem .three .right .activeicon {
  transform: rotate(180deg);
}
.funkec .funklist .molist .molistitem .bottomwrap {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s;
}
.funkec .funklist .molist .molistitem .bottomwrap .sbtitle {
  color: #12225c;
  padding: 20px 0;
  font-size: 14px;
}
.funkec .funklist .molist .molistitem .bottomwrap .sbtitle span {
  margin-right: 12px;
  text-decoration: underline;
}
.funkec .funklist .molist .molistitem .bottomwrap .btn-url-box {
  margin-top: 16px;
  display: flex;
  justify-content: center;
}
.funkec .funklist .molist .molistitem .bottomwrap .btn-url-box .btn-url {
  display: flex;
  padding: 9px 32px 10px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: var(--background, #f5f5f5);
  color: var(--text, #12225c);
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 2.25px;
  opacity: 0.99;
}
.funkec .funklist .molist .molistitem .bottomwrap .desc {
  margin-top: 12px;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 18px */
  letter-spacing: 1.2px;
}
.funkec .funklist .molist .molistitem .active {
  max-height: 400px;
}
@media screen and (max-width: 820px) {
  .funkec .funklist .pclist {
    display: none;
  }
  .funkec .funklist .molist {
    display: block;
  }
}
.funkec .filtermask {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
.funkec .datewrap {
  display: flex;
  align-items: center;
}
.funkec .datewrap input {
  display: flex;
  border-radius: 30px;
  border: 1px solid #ddd;
  height: 37px;
  align-items: center;
  outline: none;
  position: relative;
  width: 148px;
  padding: 3px 20px;
  align-items: center;
  color: var(--text2, #333);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.4px;
}
.funkec .datewrap input::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 10px;
  padding-left: calc(100% - 40px);
  background-image: url(../images/calendar_month.png);
  width: 24px;
  height: 24px;
}
.funkec .datewrap input:before {
  content: attr(placeholder);
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.4px;
}
.funkec .datewrap input::-webkit-datetime-edit {
  display: none;
}
.funkec .datewrap .selected:before {
  display: none;
}
.funkec .datewrap .selected::-webkit-datetime-edit {
  display: block;
  padding-right: 20px;
}
.funkec .datewrap span {
  width: 8px;
  height: 1px;
  background-color: #333;
  display: inline-block;
  margin: 0 10px;
}
.funkec .filterdialog {
  background-color: #fff;
  padding: 20px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1100px;
  border-radius: 8px;
}
.funkec .filterdialog .datewrap input {
  margin-bottom: 20px;
}
.funkec .filterdialog .datewrap span {
  margin-bottom: 20px;
  opacity: 0.5;
}
.funkec .filterdialog .dialog-box {
  max-height: 65vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.funkec .filterdialog .dialogheader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
}
.funkec .filterdialog .dialogheader .left {
  color: #12225c;
  font-size: 24px;
}
.funkec .filterdialog .dialogheader .right {
  width: 17px;
  height: 17px;
}
.funkec .filterdialog .dialogrow {
  display: flex;
  padding: 18px 0;
  flex-wrap: wrap;
}
.funkec .filterdialog .dialogrow .left {
  width: 120px;
  color: #12225c;
  font-family: "Albert Sans";
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  margin-right: 2rem;
}
.funkec .filterdialog .dialogrow .right {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  float: unset;
}
.funkec .filterdialog .dialogrow .right .radiowrap {
  margin-right: 8%;
  margin-right: 12px;
  width: 30%;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.funkec .filterdialog .dialogrow .right .radiowrap label {
  margin-left: 10px;
  font-family: "Noto Sans JP";
  font-weight: 700;
  font-style: Regular;
  font-size: 12px;
}
.funkec .filterdialog .dialogrow .right .dialogrow {
  width: 100%;
  padding: 0;
}
.funkec .filterdialog .dialogrow .right .dialogrow .left {
  color: #333;
  width: 120px;
  font-family: "Noto Sans JP";
  font-weight: 700;
  font-style: Bold;
}
.funkec .filterdialog .dialogrow .right .dialogrow .left .icon {
  transition: all 0.3s;
  width: 10px;
  margin-left: 6px;
  display: none;
}
.funkec .filterdialog .dialogrow .right .dialogrow .left .activeicon {
  transform: rotate(180deg);
}
.funkec .filterdialog .dialogrow .right .dialogrow .right .radiowrap label {
  font-family: "Noto Sans JP";
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
}
.funkec .filterdialog .show-date .left {
  padding-top: 10px;
}
.funkec .filterdialog .show-date .right .date-line {
  width: 1px;
  height: 37px;
  background: var(--divider, #ddd);
  margin-bottom: 20px;
  margin-left: -20px;
  margin-right: 40px;
}
.funkec .filterdialog .show-date .right .radiowrap {
  width: 110px;
  margin-right: 10px;
}
.funkec .filterdialog .zmd-box .right .radiowrap {
  width: 110px;
  margin-right: 10px;
}
.funkec .filterdialog .guo-box .right .dialogrow {
  margin-top: 20px;
}
.funkec .filterdialog .guo-box .right .dialogrow:nth-child(1) {
  margin-top: 0;
}
.funkec .filterdialog .guo-box .right .radiowrap {
  width: 150px;
  margin-right: 10px;
}
.funkec .filterdialog .high-box .right .radiowrap {
  width: 200px;
  margin-right: 10px;
}
.funkec .filterdialog .bank-box .right .radiowrap {
  width: 200px;
  margin-right: 20px;
}
.funkec .filterdialog .dialogfooter {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #ddd;
  color: #12225c;
  font-size: 14px;
  padding-top: 20px;
  font-family: "Noto Sans JP";
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
}
.funkec .filterdialog .dialogfooter .sbww {
  font-family: "Noto Sans JP";
}
.funkec .filterdialog .dialogfooter .sbww2 {
  width: 173px;
  height: 37px;
  display: flex;
  font-family: "Noto Sans JP";
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background-color: #f5f5f5;
  margin-left: 40px;
}
@media screen and (max-width: 1100px) {
  .funkec .filterdialog .dialogrow .left {
    width: 100%;
    padding-bottom: 20px;
  }
  .funkec .filterdialog .dialogrow .right .dialogrow {
    flex-direction: column;
  }
  .funkec .filterdialog .dialogrow .right .dialogrow .left {
    width: 100%;
  }
  .funkec .filterdialog .dialogrow .right .dialogrow .left .icon {
    display: inline-block;
  }
  .funkec .filterdialog .dialogrow .right .dialogrow .right {
    max-height: 0;
    transition: all 0.3s;
    overflow: hidden;
  }
  .funkec .filterdialog .dialogrow .right .dialogrow .activeright {
    max-height: 300px;
  }
}
@media screen and (max-width: 1100px) {
  .funkec .filterdialog {
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 0;
  }
  .funkec .filterdialog .dialog-box {
    max-height: 72vh;
  }
  .funkec .filterdialog .dialogrow .right .radiowrap label {
    color: var(--text2, #333);
    font-family: "Albert Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 12px */
  }
  .funkec .filterdialog .dialogrow .right .radiowrap label {
    margin-left: 4px;
  }
}

.pagination {
  display: flex;
  gap: 12px;
  margin-top: 16px;
}
.pagination button {
  display: flex;
  width: 26px;
  height: 26px;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  cursor: pointer;
  border: none;
  color: #333;
  font-family: "Albert Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 14px */
  border-radius: 4px;
}
.pagination a {
  display: flex;
  width: 26px;
  height: 26px;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  cursor: pointer;
  border: none;
  color: #333;
  font-family: "Albert Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 14px */
  border-radius: 4px;
}
.pagination button.active {
  background: var(--text, #12225c);
  color: var(--white, #fff);
  font-family: "Albert Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 14px */
}
.pagination button:disabled {
  cursor: not-allowed;
  color: #999;
  background: #f5f5f5;
  opacity: 0.7;
}
.pagination a.active {
  background: var(--text, #12225c);
  color: var(--white, #fff);
  font-family: "Albert Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 14px */
}
.pagination a[aria-disabled=true] {
  cursor: not-allowed;
  color: #999;
  background: #f5f5f5;
  opacity: 0.7;
}
.pagination .next-btn {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  padding: 0;
}
.pagination .prev-btn {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  padding: 0;
}

.goodpatch-pricing-table-filter .l-search {
  display: flex;
  padding: 0 20px;
}
.goodpatch-pricing-table-filter .l-search .l-left {
  display: flex;
  align-items: center;
  flex: 1;
  margin-right: 10px;
}
.goodpatch-pricing-table-filter .l-search .l-left .active {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.4px;
  border-bottom-color: #12225c;
}
.goodpatch-pricing-table-filter .l-search .l-title {
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.4px;
  margin-right: 28px;
  cursor: pointer;
  transition: all 0.1s;
  display: flex;
  padding: 6px 2px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-bottom: 2px solid transparent;
}
.goodpatch-pricing-table-filter .l-search .l-right {
  display: flex;
  align-items: center;
}
.goodpatch-pricing-table-filter .l-search .l-right .l-input {
  display: flex;
  height: 37px;
  padding: 4px 16px;
  justify-content: flex-end;
  align-items: center;
  border-radius: 100px;
  background: var(--gray, #eaeaea);
  margin-right: 12px;
}
.goodpatch-pricing-table-filter .l-search .l-right .l-input .search-input {
  flex: 1;
  margin-right: 6px;
  flex-shrink: 0;
  background-color: transparent;
  border: none;
  color: var(--text, #12225c);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.4px;
}
.goodpatch-pricing-table-filter .l-search .l-right .l-input .search-input::placeholder {
  color: #12225c;
}
.goodpatch-pricing-table-filter .l-search .l-right .l-input .search-input:focus-visible {
  border: none;
  outline: none;
  background: transparent;
  border-color: transparent;
}
.goodpatch-pricing-table-filter .l-search .l-right .l-input .input-img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}
.goodpatch-pricing-table-filter .l-search .l-right .open-img {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 0 4px 4px 0;
  align-items: center;
  aspect-ratio: 1/1;
}
.goodpatch-pricing-table-filter .l-search .l-right span {
  color: var(--text, #12225c);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.4px;
  white-space: nowrap;
}
.goodpatch-pricing-table-filter .l-list {
  margin-top: 22px;
  padding: 20px;
  border-radius: 8px;
  background: #fff;
}
.goodpatch-pricing-table-filter .l-list .l-filter {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-radius: 4px;
  background: var(--background, #f5f5f5);
  overflow: hidden;
}
.goodpatch-pricing-table-filter .l-list .l-filter .l-title {
  display: flex;
  padding: 16px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  border-right: 1px solid var(--divider, #ddd);
  cursor: pointer;
}
.goodpatch-pricing-table-filter .l-list .l-filter .l-title span {
  color: var(--text2, #333);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 60%;
  /* 8.4px */
  opacity: 0.6;
}
.goodpatch-pricing-table-filter .l-list .l-filter .l-title:last-child {
  border-right: 1px solid transparent;
}
.goodpatch-pricing-table-filter .l-list .l-filter .active {
  background: var(--text, #12225c);
  /* 14px */
}
.goodpatch-pricing-table-filter .l-list .l-filter .active span {
  color: var(--white, #fff);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  opacity: 0.99;
}
.goodpatch-pricing-table-filter .l-list .l-loading {
  margin-top: 120px;
}
.goodpatch-pricing-table-filter .l-list .l-loading .spinner-border {
  margin-right: 6px;
}
.goodpatch-pricing-table-filter .l-list .l-nodata {
  margin-top: 120px;
}
.goodpatch-pricing-table-filter .l-list .list-box1 {
  min-height: 250px;
  padding: 16px 0;
  gap: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.goodpatch-pricing-table-filter .l-list .list-box1 .list-item {
  display: flex;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.goodpatch-pricing-table-filter .l-list .list-box1 .list-item .item-header {
  display: flex;
  align-items: center;
}
.goodpatch-pricing-table-filter .l-list .list-box1 .list-item .item-header .item1-img {
  width: 52px;
  margin-right: 12px;
}
.goodpatch-pricing-table-filter .l-list .list-box1 .list-item .item-header span {
  color: #12225c;
  font-family: "Albert Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 16px */
}
.goodpatch-pricing-table-filter .l-list .list-box1 .list-item .item-echart {
  width: 100%;
  height: 180px;
  border: 1px solid #f5f5f5;
}
.goodpatch-pricing-table-filter .l-list .list-header2 {
  margin-top: 24px;
  display: flex;
  padding: 12px 20px;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-bottom: 1px solid var(--divider, #ddd);
}
.goodpatch-pricing-table-filter .l-list .list-header2 .l-title {
  color: #12225c;
  font-family: "Albert Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  flex: 1;
  /* 14px */
}
.goodpatch-pricing-table-filter .l-list .list-header2 .l-title:nth-child(1) {
  flex: 2;
}
.goodpatch-pricing-table-filter .l-list .list-box2 {
  min-height: 250px;
}
.goodpatch-pricing-table-filter .l-list .list-box2 .list-item {
  display: flex;
  padding: 12px 20px;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-bottom: 1px solid var(--divider, #ddd);
}
.goodpatch-pricing-table-filter .l-list .list-box2 .list-item:last-child {
  border: none;
}
.goodpatch-pricing-table-filter .l-list .list-box2 .list-item .item1 {
  display: flex;
  align-items: center;
  gap: 24px;
  flex: 2;
  height: 33px;
}
.goodpatch-pricing-table-filter .l-list .list-box2 .list-item .item1 .fx {
  white-space: nowrap;
  color: #333;
  font-family: "Albert Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  min-width: 30px;
  /* 14px */
}
.goodpatch-pricing-table-filter .l-list .list-box2 .list-item .item1 .item1-img {
  width: 52px;
  margin: 0;
}
.goodpatch-pricing-table-filter .l-list .list-box2 .list-item .item1 .text1 {
  color: #12225c;
  font-family: "Albert Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 16px */
}
.goodpatch-pricing-table-filter .l-list .list-box2 .list-item .item2 {
  flex: 1;
}
.goodpatch-pricing-table-filter .l-list .list-box2 .list-item .item2 span {
  color: #193bb3;
  font-family: "Albert Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  opacity: 0.99;
}
.goodpatch-pricing-table-filter .l-list .list-box2 .list-item .item3 {
  flex: 1;
}
.goodpatch-pricing-table-filter .l-list .list-box2 .list-item .item3 span {
  color: #ea5516;
  font-family: "Albert Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  opacity: 0.99;
}
.goodpatch-pricing-table-filter .l-list .list-box2 .list-item .item3 {
  /* 16px */
}
.goodpatch-pricing-table-filter .l-list .list-box2 .list-item .item4 {
  flex: 1;
}
.goodpatch-pricing-table-filter .l-list .list-box2 .list-item .item4 span {
  color: #333;
  font-family: "Albert Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 16px */
  opacity: 0.99;
}
.goodpatch-pricing-table-filter .l-list .list-box2 .list-item .item5 {
  flex: 1;
  display: flex;
  align-items: center;
}
.goodpatch-pricing-table-filter .l-list .list-box2 .list-item .item5 svg {
  margin-right: 2;
}
.goodpatch-pricing-table-filter .l-list .list-box2 .list-item .item5 span {
  color: #333;
  font-family: "Albert Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 16px */
  opacity: 0.99;
}
.goodpatch-pricing-table-filter .l-list .list-box3 {
  min-height: 250px;
}
.goodpatch-pricing-table-filter .l-list .list-box3 .list-item {
  display: flex;
  padding: 12px 40px;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-bottom: 1px solid var(--divider, #ddd);
  height: 64px;
}
.goodpatch-pricing-table-filter .l-list .list-box3 .list-item:last-child {
  border: none;
}
.goodpatch-pricing-table-filter .l-list .list-box3 .list-item .item1 {
  display: flex;
  align-items: center;
  gap: 0;
  margin-right: 24px;
  width: 320px;
}
.goodpatch-pricing-table-filter .l-list .list-box3 .list-item .item1 .fx {
  color: #333;
  font-family: "Albert Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  min-width: 30px;
  /* 14px */
}
.goodpatch-pricing-table-filter .l-list .list-box3 .list-item .item1 .item1-img {
  width: 52px;
  margin: 0 24px;
}
.goodpatch-pricing-table-filter .l-list .list-box3 .list-item .item1 .text1 {
  color: #12225c;
  font-family: "Albert Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 16px */
}
.goodpatch-pricing-table-filter .l-list .list-box3 .list-item .item2 {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.goodpatch-pricing-table-filter .l-list .list-box3 .list-item .item2 .bar {
  position: relative;
  width: 100%;
  height: 5px;
  background-color: #1d2a61;
  margin: 12px;
  flex: 1;
  border-radius: 6px;
}
.goodpatch-pricing-table-filter .l-list .list-box3 .list-item .item2 .bar .long,
.goodpatch-pricing-table-filter .l-list .list-box3 .list-item .item2 .bar .short {
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--percent);
  z-index: 1;
  animation: proportion-1ee6180a 1s ease-in-out 1 forwards;
}
.goodpatch-pricing-table-filter .l-list .list-box3 .list-item .item2 .bar .long {
  left: 0;
  background-color: #1b3cb4;
  border-radius: 4px 0 0 4px;
  overflow: hidden;
}
.goodpatch-pricing-table-filter .l-list .list-box3 .list-item .item2 .bar .short {
  right: 0;
  background-color: #ea5516;
  overflow: hidden;
  border-radius: 0 4px 4px 0;
}
.goodpatch-pricing-table-filter .l-list .list-box3 .list-item .item2 .bar:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 18px;
  top: -4px;
  left: calc(50% - 1px);
  background-color: rgba(255, 255, 255, 0.2509803922);
  z-index: 2;
}
.goodpatch-pricing-table-filter .l-list .list-box3 .list-item .item2 .i-number {
  color: #06154f;
  font-family: "Albert Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 16px */
  min-width: 18px;
}
.goodpatch-pricing-table-filter .l-list .list-box3 .list-item .item2 .i-unit {
  color: #06154f;
  font-family: "Albert Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.goodpatch-pricing-table-filter .l-list .list-header3 {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.goodpatch-pricing-table-filter .l-list .list-header3 .l-tabs {
  display: flex;
  align-items: center;
}
.goodpatch-pricing-table-filter .l-list .list-header3 .l-tab {
  cursor: pointer;
  display: flex;
  width: 150px;
  height: 40px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px 4px 0 0;
  color: #8f8f8f;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 14px */
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}
.goodpatch-pricing-table-filter .l-list .list-header3 .active {
  border-top-color: #ddd;
  border-right-color: #ddd;
  border-left-color: #ddd;
  background: #fff;
  color: var(--text, #12225c);
}
.goodpatch-pricing-table-filter .l-list .list-header3 .l-dot {
  display: flex;
  align-items: center;
}
.goodpatch-pricing-table-filter .l-list .list-header3 .l-dot .dot1 {
  width: 14px;
  height: 4px;
  border-radius: 4px;
  background: #1b3cb4;
  margin-left: 16px;
  margin-right: 2px;
}
.goodpatch-pricing-table-filter .l-list .list-header3 .l-dot .dot2 {
  width: 14px;
  height: 4px;
  border-radius: 4px;
  background: #ea5516;
  margin-left: 16px;
  margin-right: 2px;
}
.goodpatch-pricing-table-filter .l-list .list-header3 .l-dot span {
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.4px;
  white-space: nowrap;
}
.goodpatch-pricing-table-filter .l-list .t-line {
  width: 100%;
  height: 1px;
  margin-top: -1px;
  background: var(--divider, #ddd);
  margin-bottom: 2px;
}
.goodpatch-pricing-table-filter .pagination-box {
  display: flex;
  justify-content: center;
}
.goodpatch-pricing-table-filter .filtermask {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
.goodpatch-pricing-table-filter .filterdialog {
  background-color: #fff;
  padding: 20px;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  width: 992px;
  border-radius: 8px;
}
.goodpatch-pricing-table-filter .filterdialog .dialog-box {
  max-height: 65vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.goodpatch-pricing-table-filter .filterdialog .d-close {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
}
.goodpatch-pricing-table-filter .filterdialog .d-title1 {
  color: var(--text, #12225c);
  font-family: "Albert Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 24px */
  padding-bottom: 48px;
  position: sticky;
  top: 0;
  background-color: #fff;
}
.goodpatch-pricing-table-filter .filterdialog .d-title2 {
  color: var(--text2, #333);
  font-family: "Albert Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 14px */
}
.goodpatch-pricing-table-filter .filterdialog .d-title3 {
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 12px */
}
.goodpatch-pricing-table-filter .filterdialog .dialog-box {
  min-height: 50vh;
  overflow-y: auto;
}
.goodpatch-pricing-table-filter .filterdialog .dialog-box .d-list {
  display: flex;
  margin-bottom: 48px;
}
.goodpatch-pricing-table-filter .filterdialog .dialog-box .d-list .d-title2 {
  margin-right: 16px;
  width: 150px;
}
.goodpatch-pricing-table-filter .filterdialog .dialog-box .d-list .d-selects {
  display: grid;
  flex: 1;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.goodpatch-pricing-table-filter .filterdialog .dialog-box .d-list .d-item {
  display: flex;
  align-items: center;
}
.goodpatch-pricing-table-filter .filterdialog .dialog-box .d-list .s-input {
  margin-right: 8px;
}
.goodpatch-pricing-table-filter .filterdialog .dialog-box .d-list .s-img {
  width: 34.002px;
  height: 22px;
  margin-right: 8px;
}
.goodpatch-pricing-table-filter .filterdialog .dialogfooter {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #ddd;
  color: #12225c;
  font-size: 14px;
  padding-top: 20px;
  font-family: "Noto Sans JP";
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
}
.goodpatch-pricing-table-filter .filterdialog .dialogfooter .sbww {
  font-family: "Noto Sans JP";
}
.goodpatch-pricing-table-filter .filterdialog .dialogfooter .sbww2 {
  width: 173px;
  height: 37px;
  display: flex;
  font-family: "Noto Sans JP";
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background-color: #f5f5f5;
  margin-left: 40px;
}

@media screen and (max-width: 765px) {
  .goodpatch-economic-calendar-pc {
    display: none;
  }
}
.goodpatch-economic-calendar-pc {
  display: flex;
  padding: 8px 12px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 6px;
  background: #fff;
}
.goodpatch-economic-calendar-pc .item {
  display: flex;
  padding: 20px 20px 24px 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  border-bottom: 1px solid #ddd;
  background: #fff;
}
.goodpatch-economic-calendar-pc .item .header {
  display: flex;
  padding-left: 1px;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
.goodpatch-economic-calendar-pc .item .header .flag {
  width: 60px;
  height: 45px;
  aspect-ratio: 4/3;
}
.goodpatch-economic-calendar-pc .item .header .right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.goodpatch-economic-calendar-pc .item .header .right .time {
  color: #12225c;
  font-family: "Albert Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 12px */
  letter-spacing: 0.96px;
}
.goodpatch-economic-calendar-pc .item .header .right .title {
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 18px */
  letter-spacing: 0.72px;
}
.goodpatch-economic-calendar-pc .item .info {
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 5px;
}
.goodpatch-economic-calendar-pc .item .info .tag-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.goodpatch-economic-calendar-pc .item .info .tag-group .tag-item {
  display: flex;
  width: 130px;
  padding: 4px 0px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: #f5f5f5;
}
.goodpatch-economic-calendar-pc .item .info .tag-group .tag-item .l-span {
  color: #14245e;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 18px */
  letter-spacing: 1.2px;
}
.goodpatch-economic-calendar-pc .item .info .tag-group .tag-item .r-span {
  color: #14245e;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
  letter-spacing: 1.4px;
}
.goodpatch-economic-calendar-pc .item .info .check {
  display: flex;
  height: 29px;
  padding: 4px 10px;
  align-items: center;
  gap: 12px;
  flex: 1 0 0;
  border-radius: 4px;
}
.goodpatch-economic-calendar-pc .item .info .check .check-label {
  color: #14245e;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 18px */
  letter-spacing: 1.2px;
}
.goodpatch-economic-calendar-pc .item .info .check .check-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.goodpatch-economic-calendar-pc .item .info .check .check-group .check-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.goodpatch-economic-calendar-pc .item .info .check .check-group .check-item span {
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.2px;
}
.goodpatch-economic-calendar-pc .item .info .check .check-group .check-item a:hover {
  color: #12225c !important;
  text-decoration: underline !important;
}
.goodpatch-economic-calendar-pc .item .content {
  align-self: stretch;
  color: #333;
  /* 本文 */
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
  letter-spacing: 1.4px;
}
.goodpatch-economic-calendar-pc .item .content a:hover {
  color: #12225c !important;
  text-decoration: underline !important;
}
.goodpatch-economic-calendar-pc .item:last-child {
  border-bottom: none;
}

.custom-multi-select {
  position: relative;
  border: 1px solid transparent;
  cursor: pointer;
  height: 37px;
  user-select: none;
  outline: none;
  display: flex;
  width: 273px;
  padding: 0 16px;
  justify-content: space-between;
  align-items: center;
  border-radius: 100px;
  background: #eaeaea;
}
.custom-multi-select .selected-value {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.custom-multi-select .selected-value .selected-text {
  flex: 1;
  margin: 0 4px;
  color: #666;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.4px;
  display: flex;
  align-items: center;
}
.custom-multi-select .selected-value .selected-text img {
  margin-right: 6px;
}
.custom-multi-select .option-img {
  width: 18px;
  height: 12px;
}
.custom-multi-select .select-down {
  width: 24px;
  height: 24px;
  transition: all 0.2s;
}
.custom-multi-select .close-down-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}
.custom-multi-select .close-down-box .close-down {
  width: 24px;
  height: 10px;
  object-fit: contain;
}
.custom-multi-select .selected-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  justify-content: space-between;
  flex: 1;
}
.custom-multi-select .placeholder1 {
  color: #999;
  font-size: 14px;
  font-family: "Noto Sans JP";
  margin-right: 6px;
}
.custom-multi-select .tag {
  color: var(--text, #12225c);
  display: flex;
  align-items: center;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.4px;
}
.custom-multi-select .tag .remove {
  margin-left: 6px;
  cursor: pointer;
}
.custom-multi-select .arrow {
  width: 12px;
  height: 12px;
  margin-left: auto;
}
.custom-multi-select .dropdown {
  position: absolute;
  backdrop-filter: blur(8px);
  top: 100%;
  left: 0;
  width: 100%;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 6px;
  max-height: 260px;
  overflow-y: auto;
  padding: 8px 1rem;
  z-index: 10;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 5px 0;
  background-color: transparent !important;
}
.custom-multi-select .dropdown li {
  padding: 12px 14px;
  display: flex;
  align-items: center;
  transition: background 0.2s;
  color: #12225c;
  font-family: "Albert Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.custom-multi-select .group-title {
  padding-left: 10px;
  font-size: 14px;
  color: #909399;
  font-family: "Albert Sans";
  line-height: 30px;
  cursor: default;
}
.custom-multi-select .svg {
  height: 16px;
  width: 24px;
  margin: 0 8px;
}
.custom-multi-select .dropdown li:hover {
  background-color: #f5f7fa;
}
.custom-multi-select .dropdown li.selected {
  background-color: #e6f7ff;
}

.multi-open .down-svg {
  transform: rotate(180deg);
}

.checkox-theme[type=checkbox]:checked {
  background-color: #14964f;
  /* 你可以更改这个颜色为你想要的颜色 */
}

.market-insights {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.market-insights .m-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 0;
}
.market-insights .m-header .m-t1 {
  color: #12225c;
  font-family: "Albert Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  /* 40px */
  text-transform: uppercase;
}
.market-insights .m-header .m-t2 {
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.4px;
}
.market-insights .m-tab-area {
  display: flex;
  align-items: center;
  gap: 24px;
}
.market-insights .m-tab-area .m-tab {
  display: flex;
  padding: 6px 2px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid transparent;
}
.market-insights .m-tab-area .m-tab span {
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.4px;
}
.market-insights .m-tab-area .m-tab .m-dot {
  height: 2px;
  position: absolute;
  bottom: 0;
  background-color: transparent;
  left: 2px;
  right: 2px;
}
.market-insights .m-tab-area .m-tab-active .m-dot {
  background-color: #12225c;
}
.market-insights .m-list {
  border-radius: 8px;
  background: #fff;
  display: flex;
  width: 100%;
  padding: 20px;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
}
.market-insights .m-list .m-list-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}
.market-insights .m-list .m-list-header {
  display: flex;
  align-items: center;
  gap: 20px;
  align-self: stretch;
}
.market-insights .m-list .m-list-header .header-item {
  display: flex;
  padding: 0 20px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
}
.market-insights .m-list .m-list-header .header-item .item-text1 {
  color: #12225c;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 14px */
}
.market-insights .m-list .m-list-header .header-item .item-text2 {
  color: var(--text, #12225c);
  text-align: center;
  font-family: "Albert Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 30px */
  letter-spacing: 3px;
}
.market-insights .m-list .m-list-header .m-header-line {
  width: 1px;
  height: 54px;
  background: var(--divider, #ddd);
}
.market-insights .m-list .m-list-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}
.market-insights .m-list .m-list-items .list-item {
  display: flex;
  padding: 8px 32px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  background: var(--background, #f5f5f5);
}
.market-insights .m-list .m-list-items .list-item .list-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  flex: 1 0 0;
}
.market-insights .m-list .m-list-items .list-item .list-row .item-row {
  display: flex;
  padding: 0 60px;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
.market-insights .m-list .m-list-items .list-item .list-row .item1 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.market-insights .m-list .m-list-items .list-item .list-row .item-t1 {
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.4px;
  white-space: nowrap;
}
.market-insights .m-list .m-list-items .list-item .list-row .item-t2 {
  color: #12225c;
  font-family: "Albert Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 16px */
  letter-spacing: 1.6px;
  white-space: nowrap;
}
.market-insights .m-list .m-annotate {
  display: flex;
  align-items: center;
  gap: 4px;
}
.market-insights .m-list .m-annotate span {
  color: var(--text2, #333);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.4px;
}
.market-insights .m-desc {
  display: flex;
  padding: 20px 20px 24px 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  border-radius: 8px;
  background: #fff;
}
.market-insights .m-desc .desc-t1 {
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 18px */
  letter-spacing: 0.9px;
}
.market-insights .m-desc .desc-t2 {
  color: #333;
  /* 本文 */
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
  letter-spacing: 1.4px;
}

.kline-merge-table {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.kline-merge-table .m-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 0;
}
.kline-merge-table .m-header .m-t1 {
  color: #12225c;
  font-family: "Albert Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  /* 40px */
  text-transform: uppercase;
}
.kline-merge-table .m-header .m-t2 {
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.4px;
}
.kline-merge-table .inr {
  display: flex;
  width: 100%;
  padding: 20px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  border-radius: 8px;
  background: var(--white, #fff);
}
.kline-merge-table .inr .rate {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.kline-merge-table .inr .rate .rate-item {
  display: flex;
  padding: 12px 0;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid var(--divider, #ddd);
  width: 100%;
  flex-wrap: wrap;
  gap: 8px;
}
.kline-merge-table .inr .rate .k-left {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  flex: 1;
}
.kline-merge-table .inr .rate .k-left span {
  color: var(--text2, #333);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.4px;
  white-space: nowrap;
}
.kline-merge-table .inr .rate .k-right {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 40px;
  flex-wrap: wrap;
}
.kline-merge-table .inr .rate .k-right .k-item:last-child {
  margin-right: 0;
}
.kline-merge-table .inr .rate .k-right .t1 {
  color: var(--text2, #333);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.4px;
}
.kline-merge-table .inr .rate .k-right .t2 {
  color: var(--text2, #333);
  font-family: "Albert Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 16px */
  letter-spacing: 1.6px;
}
.kline-merge-table .inr .info {
  display: flex;
  padding-top: 4px;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
.kline-merge-table .inr .info .info-text {
  display: flex;
  align-items: center;
  gap: 8px;
}
.kline-merge-table .inr .info .info-text .info-dot1 {
  width: 14px;
  height: 4px;
  border-radius: 4px;
  background: #1b3cb4;
}
.kline-merge-table .inr .info .info-text .info-dot2 {
  width: 14px;
  height: 4px;
  border-radius: 4px;
  background: #ea5516;
}
.kline-merge-table .inr .info .info-text span {
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.4px;
}
.kline-merge-table .inr .chart {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  position: relative;
  height: 600px;
}
.kline-merge-table .inr .chart .date {
  height: 100%;
  width: 100%;
}
.kline-merge-table .inr .chart .date .chart-dom {
  width: 100%;
  height: 100%;
}
.kline-merge-table .inr .chart .chart-footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: absolute;
  bottom: 80px;
  right: 10px;
  left: 10px;
}
.kline-merge-table .inr .chart .m-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-self: stretch;
  flex: 1;
}
.kline-merge-table .inr .chart .m-btn .m-btns {
  display: flex;
  align-items: center;
  border-radius: 6px;
  overflow: hidden;
}
.kline-merge-table .inr .chart .m-btn .m-btns .btn-item {
  border: none;
  display: flex;
  height: 38px;
  padding: 10px 22px;
  justify-content: center;
  align-items: center;
  border-right: 1px solid var(--divider, #ddd);
  background: var(--background, #f5f5f5);
}
.kline-merge-table .inr .chart .m-btn .m-btns .btn-item .b-number {
  color: var(--white, #12225c);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.4px;
}
.kline-merge-table .inr .chart .m-btn .m-btns .btn-item .b-text {
  color: var(--white, #12225c);
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
}
.kline-merge-table .inr .chart .m-btn .m-btns .btn-item:first-child {
  border-radius: 6px 0 0 6px;
  overflow: hidden;
}
.kline-merge-table .inr .chart .m-btn .m-btns .btn-item:last-child {
  border-right: none;
}
.kline-merge-table .inr .chart .m-btn .m-btns .btn-item:hover {
  background-color: #edf1f5;
}
.kline-merge-table .inr .chart .m-btn .m-btns .active {
  background: var(--text, #12225c) !important;
}
.kline-merge-table .inr .chart .m-btn .m-btns .active .b-number {
  color: var(--white, #fff);
  font-weight: 700;
}
.kline-merge-table .inr .chart .m-btn .m-btns .active .b-text {
  color: var(--white, #fff);
  font-weight: 700;
}
.kline-merge-table .inr .chart .date-specification {
  border-top: 1px solid var(--divider, #ddd);
  display: flex;
  padding-top: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.kline-merge-table .inr .chart .date-specification .select {
  display: flex;
  align-items: center;
}
.kline-merge-table .inr .chart .date-specification .select input {
  display: flex;
  border-radius: 30px;
  border: 1px solid #ddd;
  height: 37px;
  align-items: center;
  outline: none;
  position: relative;
  width: 148px;
  padding: 3px 20px;
  align-items: center;
  color: var(--text2, #333);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.4px;
}
.kline-merge-table .inr .chart .date-specification .select input::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 10px;
  padding-left: calc(100% - 40px);
  background-image: url(../images/calendar_month.png);
  width: 24px;
  height: 24px;
}
.kline-merge-table .inr .chart .date-specification .select input:before {
  content: attr(placeholder);
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.4px;
}
.kline-merge-table .inr .chart .date-specification .select input::-webkit-datetime-edit {
  display: none;
}
.kline-merge-table .inr .chart .date-specification .select .selected:before {
  display: none;
}
.kline-merge-table .inr .chart .date-specification .select .selected::-webkit-datetime-edit {
  display: block;
  padding-right: 20px;
}
.kline-merge-table .inr .chart .date-specification .select span {
  width: 8px;
  height: 1px;
  background-color: #333;
  display: inline-block;
  margin: 0 10px;
}

.goodpatch-instrument-live-table {
  display: flex;
  max-width: 444px;
  min-height: 300px;
}
@media screen and (max-width: 768px) {
  .goodpatch-instrument-live-table {
    min-height: 290px;
  }
}
.goodpatch-instrument-live-table {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
  background: var(--white, #fff);
}
.goodpatch-instrument-live-table .buy-sell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid var(--divider, #ddd);
}
.goodpatch-instrument-live-table .buy-sell .sell {
  display: flex;
  padding: 16px 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
}
.goodpatch-instrument-live-table .buy-sell .sell .c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}
.goodpatch-instrument-live-table .buy-sell .sell .c .label {
  align-self: stretch;
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.4px;
}
.goodpatch-instrument-live-table .buy-sell .sell .c .pricing {
  align-self: stretch;
  color: var(--sell, #1b3cb4);
  font-family: "Albert Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 30px */
  letter-spacing: 3px;
}
@media screen and (max-width: 768px) {
  .goodpatch-instrument-live-table .buy-sell .sell .c .pricing {
    font-size: 18px;
  }
}
.goodpatch-instrument-live-table .buy-sell .spread {
  display: flex;
  max-width: 80px;
  padding: 10px 26px;
}
@media screen and (max-width: 768px) {
  .goodpatch-instrument-live-table .buy-sell .spread {
    max-width: 60px;
    padding: 10px 20px;
  }
}
.goodpatch-instrument-live-table .buy-sell .spread {
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--text, #12225c);
}
.goodpatch-instrument-live-table .buy-sell .spread .live {
  color: var(--white, #fff);
  font-family: "Albert Sans";
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .goodpatch-instrument-live-table .buy-sell .spread .live {
    font-size: 18px;
  }
}
.goodpatch-instrument-live-table .buy-sell .spread .live {
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 20px */
  letter-spacing: 2px;
}
.goodpatch-instrument-live-table .buy-sell .buy {
  display: flex;
  padding: 16px 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
}
.goodpatch-instrument-live-table .buy-sell .buy .c {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  align-self: stretch;
}
.goodpatch-instrument-live-table .buy-sell .buy .c .label {
  align-self: stretch;
  color: #12225c;
  text-align: right;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.4px;
}
.goodpatch-instrument-live-table .buy-sell .buy .c .pricing {
  align-self: stretch;
  color: var(--buy, #ea5718);
  text-align: right;
  font-family: "Albert Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 30px */
  letter-spacing: 3px;
}
@media screen and (max-width: 768px) {
  .goodpatch-instrument-live-table .buy-sell .buy .c .pricing {
    font-size: 18px;
  }
}
.goodpatch-instrument-live-table .rate {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.goodpatch-instrument-live-table .rate .rate-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.goodpatch-instrument-live-table .rate .rate-row .yesterday-compare {
  display: flex;
  align-items: center;
  gap: 24px;
}
.goodpatch-instrument-live-table .rate .rate-row .yesterday-compare .l {
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.4px;
}
.goodpatch-instrument-live-table .rate .rate-row .yesterday-compare .r .percent {
  color: var(--text, #12225c);
  font-family: "Albert Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 20px */
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .goodpatch-instrument-live-table .rate .rate-row .yesterday-compare .r .percent {
    font-size: 14px;
  }
}
.goodpatch-instrument-live-table .rate .rate-row .yesterday-compare .r .value {
  color: var(--text, #12225c);
  font-family: "Albert Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 1.4px;
}
@media screen and (max-width: 768px) {
  .goodpatch-instrument-live-table .rate .rate-row .yesterday-compare .r .value {
    font-size: 12px;
  }
}
.goodpatch-instrument-live-table .rate .rate-row .f4 {
  display: flex;
  padding: 8px 20px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  border-radius: 4px;
  background: var(--background, #f5f5f5);
}
.goodpatch-instrument-live-table .rate .rate-row .f4 .group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  flex: 1 0 0;
}
.goodpatch-instrument-live-table .rate .rate-row .f4 .group .item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.goodpatch-instrument-live-table .rate .rate-row .f4 .group .item .lb {
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.4px;
}
@media screen and (max-width: 768px) {
  .goodpatch-instrument-live-table .rate .rate-row .f4 .group .item .lb {
    font-size: 12px;
  }
}
.goodpatch-instrument-live-table .rate .rate-row .f4 .group .item .rv {
  color: #12225c;
  font-family: "Albert Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 16px */
  letter-spacing: 1.6px;
}
@media screen and (max-width: 768px) {
  .goodpatch-instrument-live-table .rate .rate-row .f4 .group .item .rv {
    font-size: 14px;
  }
}
.goodpatch-instrument-live-table .rate .rate-row .f4 .line {
  width: 1px;
  height: 70px;
  background: var(--divider, #ddd);
}
.goodpatch-instrument-live-table .position-rate {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 13px;
  align-self: stretch;
}
.goodpatch-instrument-live-table .position-rate .label {
  align-self: stretch;
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 14px */
  letter-spacing: 1.4px;
}
.goodpatch-instrument-live-table .position-rate .percent-line {
  display: flex;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}
.goodpatch-instrument-live-table .position-rate .percent-line .label {
  color: #06154f;
  font-family: "Albert Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 16px */
}
.goodpatch-instrument-live-table .position-rate .percent-line .bar {
  position: relative;
  width: 100%;
  height: 5px;
  background-color: #1d2a61;
  margin: 12px;
  flex: 1;
  border-radius: 6px;
}
.goodpatch-instrument-live-table .position-rate .percent-line .bar .long,
.goodpatch-instrument-live-table .position-rate .percent-line .bar .short {
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--percent);
  z-index: 1;
  animation: proportion-1ee6180a 1s ease-in-out 1 forwards;
}
.goodpatch-instrument-live-table .position-rate .percent-line .bar .long {
  left: 0;
  background-color: #1b3cb4;
  border-radius: 4px 0 0 4px;
  overflow: hidden;
}
.goodpatch-instrument-live-table .position-rate .percent-line .bar .short {
  right: 0;
  background-color: #ea5516;
  overflow: hidden;
  border-radius: 0 4px 4px 0;
}
.goodpatch-instrument-live-table .position-rate .percent-line .bar:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 18px;
  top: -4px;
  left: calc(50% - 1px);
  background-color: rgba(255, 255, 255, 0.2509803922);
  z-index: 2;
}
.goodpatch-instrument-live-table .position-rate .percent-line .i-number {
  color: #06154f;
  font-family: "Albert Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 16px */
}
@media screen and (max-width: 768px) {
  .goodpatch-instrument-live-table .position-rate .percent-line .i-number {
    font-size: 12px;
  }
}

.gp-glossary-panel {
  display: flex;
  max-width: 1080px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.gp-glossary-panel .panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.gp-glossary-panel .panel .sec-chart {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.gp-glossary-panel .panel .sec-chart .bar {
  display: flex;
  max-width: 1080px;
  padding: 0 20px;
  justify-content: space-between;
  align-items: center;
  column-gap: 40px;
}
@media screen and (max-width: 992px) {
  .gp-glossary-panel .panel .sec-chart .bar {
    flex-direction: column-reverse;
    align-items: initial;
    flex-wrap: wrap;
    gap: 24px;
    padding: 0px;
  }
}
.gp-glossary-panel .panel .sec-chart .bar .tab {
  display: flex;
  height: 31px;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 992px) {
  .gp-glossary-panel .panel .sec-chart .bar .tab {
    overflow-x: auto;
    height: 50px;
    width: 90vw;
    -webkit-overflow-scrolling: touch;
    /* iOS平滑滚动 */
  }
}
@media screen and (max-width: 992px) {
  .gp-glossary-panel .panel .sec-chart .bar .tab .item {
    flex: 0 0 auto;
    /* 防止项目拉伸或收缩 */
  }
}
.gp-glossary-panel .panel .sec-chart .bar .tab .item {
  display: flex;
  padding: 8px 2px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.gp-glossary-panel .panel .sec-chart .bar .tab .item span {
  color: var(--text, #12225c);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.4px;
}
.gp-glossary-panel .panel .sec-chart .bar .tab .item:hover span {
  font-weight: 700;
}
.gp-glossary-panel .panel .sec-chart .bar .tab .underline-hover {
  position: relative;
  text-decoration: none;
  /* 移除默认下划线 */
  color: #333;
}
.gp-glossary-panel .panel .sec-chart .bar .tab .underline-hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  /* 调整下划线位置 */
  width: 100%;
  height: 2px;
  /* 下划线粗细 */
  background-color: #12225c;
  /* 下划线颜色 */
  transform: scaleX(0);
  /* 初始状态：宽度为0 */
  transition: transform 0.3s ease;
  /* 动画效果 */
}
.gp-glossary-panel .panel .sec-chart .bar .tab .underline-hover:hover::after {
  transform: scaleX(1);
  /* 悬停时：宽度恢复100% */
}
.gp-glossary-panel .panel .sec-chart .bar .search {
  font-family: Noto Sans JP;
  background-color: rgba(255, 255, 255, 0.4);
  padding: 10px 15px;
  display: flex;
  position: relative;
  min-width: 216px;
  border-radius: 100px;
  background: var(--gray, #eaeaea);
}
.gp-glossary-panel .panel .sec-chart .bar .search svg {
  margin-right: 16px;
}
.gp-glossary-panel .panel .sec-chart .bar .search input {
  background-color: transparent;
  font-size: 14px;
  font-family: "Noto Sans JP";
  outline: none;
  border: none;
  flex: 1;
  margin: 0 15px;
}
.gp-glossary-panel .panel .sec-chart .bar .search .options {
  max-height: 300px;
  padding: 8px 1rem;
  position: absolute;
  backdrop-filter: blur(8px);
  top: 50px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  left: 0;
  width: 100%;
  overflow-y: auto;
  border-radius: 6px;
  z-index: 10;
  transition: backdrop-filter 0.3s ease, background 0.3s ease;
  margin-bottom: 0;
}
.gp-glossary-panel .panel .sec-chart .bar .search .options .option-img {
  margin-right: 6px;
}
.gp-glossary-panel .panel .sec-chart .bar .search .options li {
  padding: 12px 14px;
  display: flex;
  align-items: center;
  transition: background 0.2s;
  color: #12225c;
  font-family: "Albert Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 14px */
}
.gp-glossary-panel .panel .sec-chart .bar .search .options li:hover {
  background-color: #f0f0f0;
}
.gp-glossary-panel .panel .sec-chart .bar .search .options li.selected {
  background-color: #12225c;
  color: #fff;
  border-radius: 4px;
}
.gp-glossary-panel .panel .sec-chart .bar .search .option-img {
  width: 18px;
  height: 12px;
}
.gp-glossary-panel .panel .sec-chart .bar .search .options .is-disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}
.gp-glossary-panel .panel .sec-chart .bar .search .options .is-disabled:hover {
  background-color: unset;
}
.gp-glossary-panel .panel .sec-chart .inr {
  display: flex;
  padding: 8px 0;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 6px;
  background: #fff;
}
.gp-glossary-panel .panel .sec-chart .inr .inrli {
  display: flex;
  padding: 0 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 6px;
}
.gp-glossary-panel .panel .sec-chart .inr .inrli .inrli-inr {
  display: flex;
  padding: 20px 20px 24px 20px;
}
@media screen and (max-width: 992px) {
  .gp-glossary-panel .panel .sec-chart .inr .inrli .inrli-inr {
    padding: 16px 10px;
  }
}
.gp-glossary-panel .panel .sec-chart .inr .inrli .inrli-inr {
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
  background: #fff;
}
.gp-glossary-panel .panel .sec-chart .inr .inrli .inrli-inr .one-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .gp-glossary-panel .panel .sec-chart .inr .inrli .inrli-inr .one-group {
    font-size: 18px;
  }
}
.gp-glossary-panel .panel .sec-chart .inr .inrli .inrli-inr .one-group {
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 24px */
  letter-spacing: 1.2px;
  align-self: stretch;
}
.gp-glossary-panel .panel .sec-chart .inr .inrli .inrli-inr .one-group .gg {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.gp-glossary-panel .panel .sec-chart .inr .inrli .inrli-inr .one-group .gg .group-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 15px;
}
.gp-glossary-panel .panel .sec-chart .inr .inrli .inrli-inr .one-group .gg .group-group .one-line {
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  /* 默认所有元素都有下边框 */
}
.gp-glossary-panel .panel .sec-chart .inr .inrli .inrli-inr .one-group .gg .group-group .one-line:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}
.gp-glossary-panel .panel .sec-chart .inr .inrli .inrli-inr .one-group .gg .group-group .one-line {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* 4等分列 */
}
@media screen and (max-width: 992px) {
  .gp-glossary-panel .panel .sec-chart .inr .inrli .inrli-inr .one-group .gg .group-group .one-line {
    grid-template-columns: repeat(2, 1fr);
    /* 2等分列 */
  }
}
@media screen and (max-width: 450px) {
  .gp-glossary-panel .panel .sec-chart .inr .inrli .inrli-inr .one-group .gg .group-group .one-line {
    grid-template-columns: repeat(1, 1fr);
    /* 1等分列 */
  }
}
.gp-glossary-panel .panel .sec-chart .inr .inrli .inrli-inr .one-group .gg .group-group .one-line {
  gap: 10px;
  /* 列间距 */
  align-items: center;
  align-self: stretch;
  flex-wrap: wrap;
}
.gp-glossary-panel .panel .sec-chart .inr .inrli .inrli-inr .one-group .gg .group-group .one-line a {
  cursor: pointer;
  box-sizing: border-box;
  /* 包括padding和border在宽度内 */
  padding: 10px 0;
  /* 可选的内边距 */
}
@media screen and (max-width: 992px) {
  .gp-glossary-panel .panel .sec-chart .inr .inrli .inrli-inr .one-group .gg .group-group .one-line a {
    padding: 5px 0px;
  }
}
.gp-glossary-panel .panel .sec-chart .inr .inrli .inrli-inr .one-group .gg .group-group .one-line a {
  color: #12225c;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 14px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.gp-article-lists {
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* 3等分列 */
}
@media screen and (max-width: 1440px) {
  .gp-article-lists {
    grid-template-columns: repeat(2, 1fr);
    /* 2等分列 */
  }
}
@media screen and (max-width: 768px) {
  .gp-article-lists {
    grid-template-columns: repeat(1, 1fr);
    /* 2等分列 */
  }
}
.gp-article-lists .item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
.gp-article-lists .item .item-c {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  border-radius: 8px;
  background: #fff;
  width: 100%;
  /* 本日のニュース标签 - 严格相对image左上角 */
}
.gp-article-lists .item .item-c .today-tag {
  position: absolute;
  top: 25px; /* 紧贴image顶部 */
  left: 0; /* 紧贴image左侧 */
  z-index: 1;
  background-color: #ff4d4f;
  color: white;
  font-size: 10px;
  padding: 2px 5px;
  font-weight: bold;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  /* 45度倾斜 + 微调位置（保证完全贴合左上角） */
  transform: rotate(-45deg) translate(-32%, -8px);
  transform-origin: top left; /* 旋转中心=image左上角 */
  -webkit-font-smoothing: antialiased;
  white-space: nowrap; /* 防止文字换行 */
}
.gp-article-lists .item .item-c {
  /* 图片容器 - 作为标签的相对定位参考 */
}
.gp-article-lists .item .item-c .image-wrapper {
  border-radius: 4px;
  border: 1px solid var(--background, #f5f5f5);
  background: var(--divider, #ddd);
  height: 206.803px;
}
@media screen and (max-width: 320px) {
  .gp-article-lists .item .item-c .image-wrapper {
    height: 100px;
  }
}
.gp-article-lists .item .item-c .image-wrapper {
  flex-shrink: 0;
  align-self: center;
  aspect-ratio: 304/206.8;
  transition: all 0.3s ease;
  transform: scale(1);
}
.gp-article-lists .item .item-c .image-wrapper:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.gp-article-lists .item .item-c .feature-image {
  border-radius: 4px;
  border: 1px solid var(--background, #f5f5f5);
  background: var(--divider, #ddd);
  height: 206.803px;
}
@media screen and (max-width: 320px) {
  .gp-article-lists .item .item-c .feature-image {
    height: 100px;
  }
}
.gp-article-lists .item .item-c .feature-image {
  flex-shrink: 0;
  align-self: center;
  aspect-ratio: 304/206.8;
  transition: all 0.3s ease;
  transform: scale(1);
}
.gp-article-lists .item .item-c .feature-image:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.gp-article-lists .item .item-c .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.gp-article-lists .item .item-c .text .title {
  color: #14245e;
  text-align: left;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  /* 32px */
  letter-spacing: 0.8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 限制显示的行数 */
  height: 4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.gp-article-lists .item .item-c .text .title:hover {
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  /* 下划线粗细 */
  text-underline-offset: 0.2em;
  /* 下划线位置（向下偏移） */
}
.gp-article-lists .item .item-c .text .excerpt {
  color: #333;
  align-self: stretch;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
  letter-spacing: 1.4px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  /* 限制显示的行数 */
  height: 6.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gp-article-lists .item .item-c .text .time {
  font-size: 14px;
  font-weight: 500;
  font-family: "Noto Sans JP";
  color: #333;
}

@media screen and (max-width: 768px) {
  .gp-article-header {
    margin-top: 19px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  .gp-article-header {
    margin-top: 42px;
    margin-bottom: 40px;
  }
}
.gp-article-header .gp-article-h1 {
  color: var(--text, #12225c);
  font-family: "Albert Sans";
}
@media screen and (max-width: 768px) {
  .gp-article-header .gp-article-h1 {
    font-size: 28px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .gp-article-header .gp-article-h1 {
    font-size: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .gp-article-header .gp-article-h1 {
    font-size: 40px;
  }
}
.gp-article-header .gp-article-h1 {
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  /* 44px */
  letter-spacing: 2px;
  margin-bottom: 20px;
}
.gp-article-header .gp-article-excerpt {
  color: var(--text2, #333);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  /* 23.8px */
  letter-spacing: 2.1px;
  margin-bottom: 10px;
}
.gp-article-header .gp-article-author {
  color: var(--text2, #333);
  font-family: "Noto Sans JP";
}
@media screen and (max-width: 992px) {
  .gp-article-header .gp-article-author {
    font-size: 13px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .gp-article-header .gp-article-author {
    font-size: 15px;
  }
}
@media screen and (min-width: 1200px) {
  .gp-article-header .gp-article-author {
    font-size: 15px;
  }
}
.gp-article-header .gp-article-author {
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  /* 23.8px */
  letter-spacing: 2.1px;
}
.gp-article-header .gp-article-author a {
  color: var(--text, #12225c);
}
.gp-article-header .gp-article-author a:hover {
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.2em;
}
.gp-article-header .gp-article-date {
  font-size: 12px;
  color: #c1c1c1;
  font-family: "Noto Sans JP";
  line-height: 170%;
  /* 23.8px */
  letter-spacing: 2.1px;
  margin-bottom: 20px;
}

.gp-article-footer-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  gap: 20px;
  flex-wrap: wrap;
}
.gp-article-footer-bar .pre-next {
  display: flex;
  max-width: 335px;
  align-items: center;
  gap: 3px;
}
@media screen and (max-width: 992px) {
  .gp-article-footer-bar .pre-next {
    width: 45%;
    /* 占据整行 */
  }
}
@media screen and (max-width: 992px) {
  .gp-article-footer-bar .pre-next svg {
    width: 14px;
  }
}
.gp-article-footer-bar .pre-next .link {
  color: #333;
  width: 90%;
  /* 本文 */
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
  letter-spacing: 1.4px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 限制显示的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
@media screen and (min-width: 992px) {
  .gp-article-footer-bar .pre-next .link {
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  .gp-article-footer-bar .pre-next .link {
    font-size: 12px;
  }
}
.gp-article-footer-bar .pre-next .link:hover {
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  /* 下划线粗细 */
  text-underline-offset: 0.2em;
  /* 下划线位置（向下偏移） */
}
@media screen and (max-width: 992px) {
  .gp-article-footer-bar .middle-btn {
    order: 3;
    /* 第二个元素放在第三位，强制换行 */
    width: 100%;
    /* 占据整行 */
  }
}
.gp-article-footer-bar .middle-btn {
  justify-items: center;
}
.gp-article-footer-bar .middle-btn a {
  display: flex;
  padding: 9px 32px 10px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: var(--white, #ddd);
  color: var(--text, #12225C);
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 2.25px;
}
@media screen and (max-width: 992px) {
  .gp-article-footer-bar .middle-btn a {
    width: 80%;
    /* 占据整行 */
  }
}
.gp-article-footer-bar .middle-btn a:hover {
  color: var(--white, #ddd);
  background: var(--text, #12225C);
}

.gp-article-nav {
  display: flex;
  padding: 32px 28px 36px 28px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  border-radius: 8px;
  background: #FFF;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .gp-article-nav {
    padding: 20px;
  }
}
.gp-article-nav .title {
  color: #12225C;
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 24px */
  letter-spacing: 1.2px;
  align-self: stretch;
}
@media screen and (max-width: 768px) {
  .gp-article-nav .title {
    font-size: 16px;
    line-height: 160%;
    /* 25.6px */
    letter-spacing: 0.8px;
  }
}
.gp-article-nav ul {
  padding-left: 0 !important;
}
.gp-article-nav ul li::before {
  content: "•";
  color: #12225C;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  text-align: center;
}
.gp-article-nav .lists {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.gp-article-nav .lists .item {
  color: #12225C;
  font-family: "Noto Sans JP";
  font-style: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-underline-offset: 0.1em;
}
@media screen and (max-width: 768px) {
  .gp-article-nav .lists .item {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    /* 18px */
    letter-spacing: 1.2px;
  }
}
@media screen and (min-width: 768px) {
  .gp-article-nav .lists .item {
    font-size: 14px;
    font-weight: 700;
    line-height: 100%;
  }
}

.gp-instrument-marketinfo {
  border-radius: 8px;
  background: #fff;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .gp-instrument-marketinfo {
    padding: 20px 10px;
  }
}
.gp-instrument-marketinfo .flex-container {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.gp-instrument-marketinfo .flex-container .flex-row {
  display: flex;
  flex-direction: row;
}
.gp-instrument-marketinfo .flex-container .flex-row .item {
  width: 50%;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .gp-instrument-marketinfo .flex-container .flex-row .item {
    font-size: 13px;
  }
}
.gp-instrument-marketinfo .flex-container .flex-row .item {
  font-family: "Noto Sans JP";
  font-weight: 400;
  letter-spacing: 1.2px;
  color: #333;
}
.gp-instrument-marketinfo .flex-container .flex-row .item .tip {
  letter-spacing: 1.2px;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .gp-instrument-marketinfo .flex-container .flex-row .item .tip {
    font-size: 10px;
  }
}
.gp-instrument-marketinfo .flex-container .flex-row .item .tip {
  color: gray;
}

.gp-article-filter {
  border-radius: 8px;
  background: #fff;
  padding: 20px;
  margin-bottom: 20px;
}
.gp-article-filter .text-14 {
  color: #12225C;
  font-family: "Albert Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 14px */
}
.gp-article-filter .filter-r {
  display: flex;
  padding: 8px 20px 8px 0;
  align-items: center;
  gap: 52px;
  align-self: stretch;
  flex-wrap: wrap;
}
@media screen and (max-width: 1200px) {
  .gp-article-filter .filter-r {
    gap: 20px;
    row-gap: 20px;
  }
}
.gp-article-filter .filter-r .filter-label {
  min-width: 60px;
}
@media screen and (max-width: 768px) {
  .gp-article-filter .filter-r .filter-label {
    width: 100%;
  }
}
.gp-article-filter .filter-c {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .gp-article-filter .filter-c {
    gap: 30px;
    row-gap: 14px;
  }
}
.gp-article-filter .filter-c .filter-radio {
  min-height: 20px;
  align-items: center;
  display: flex;
  justify-content: center;
  align-content: center;
  gap: 5px;
}
.gp-article-filter .filter-c .filter-radio .fl-radio {
  width: 12px;
  height: 12px;
  margin-bottom: 2px;
}

.algolia-search-wrap {
  width: 100%;
  min-height: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  justify-content: center;
  background-position: center;
  background-size: cover;
  padding: 80px 15px;
  background-image: url("../images/fxall-instruments-swirl-background.jpg");
  box-sizing: border-box;
}
.algolia-search-wrap .algolia-search {
  font-family: Noto Sans JP;
  background-color: #fff;
  border-radius: 25px;
  display: flex;
  position: relative;
  width: 560px;
  height: 50px;
  align-items: center;
}
.algolia-search-wrap .algolia-search .icon {
  width: 18px;
  height: 18px;
  margin-right: 15px;
}
.algolia-search-wrap .algolia-search input {
  background-color: transparent;
  outline: none;
  border: none;
  flex: 1;
  margin: 0 5px 0 15px;
  font-size: 16px;
}
.algolia-search-wrap .algolia-search .searchlist {
  position: absolute;
  top: 47px;
  left: 0;
  width: 100%;
  border-radius: 0 0 10px;
  box-sizing: border-box;
  transition: all 0.2s;
  overflow-y: auto;
  max-height: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: #fff;
  padding: 0 20px;
}
.algolia-search-wrap .algolia-search .searchlist .item {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  background-color: transparent;
  transition: background-color 0.2s;
}
.algolia-search-wrap .algolia-search .searchlist .item:hover {
  color: #12225c;
  cursor: pointer;
  background-color: rgba(112, 112, 112, 0.35);
}

@media screen and (max-width: 750px) {
  .algolia-search-wrap .algolia-search {
    width: 100%;
  }
}
.ASmainwrap {
  width: 1000px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}

.datalist {
  width: 100%;
}
.datalist .dataitem {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  padding: 30px;
  position: relative;
  width: 100%;
  border-radius: 10px;
  transition: box-shadow 0.5s ease-out;
  box-sizing: border-box;
}
.datalist .dataitem:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
}
.datalist .dataitem .title {
  color: #12225c;
  font-size: 24px;
}
.datalist .dataitem .title:hover {
  text-decoration: underline;
  cursor: pointer;
}
.datalist .dataitem .zhaiyao {
  color: #000;
  font-size: 16px;
}
.datalist .dataitem .url {
  color: #12225c;
  font-size: 16px;
  word-break: break-all;
}
.datalist .dataitem .url:hover {
  text-decoration: underline;
  cursor: pointer;
}

@media screen and (max-width: 750px) {
  .ASmainwrap {
    width: 100%;
  }
  .datalist .dataitem {
    padding: 20px;
  }
  .datalist .dataitem .title {
    font-size: 20px;
  }
  .datalist .dataitem .zhaiyao {
    font-size: 14px;
  }
  .datalist .dataitem .url {
    font-size: 14px;
  }
}
.ais-Results {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
  margin-top: 40px;
}
.ais-Results p, .ais-Results ul {
  font-size: 16px;
  line-height: 22px;
}
.ais-Results .checked-bullet-list-dark-white {
  -webkit-padding-start: 20px;
  padding-inline-start: 20px;
}
.ais-Results .checked-bullet-list-dark-white li {
  position: relative;
  padding-left: 10px;
  list-style-type: none;
}
.ais-Results .checked-bullet-list-dark-white li::before {
  width: 16px;
  height: 16px;
  background: url(../images/check-circle-dark.svg) center center no-repeat transparent;
  content: "";
  position: absolute;
  left: -21px;
  z-index: 2;
  top: 5px;
  box-sizing: inherit;
}