body { color: #292a2f; font-family: "Microsoft YaHei", Arial, sans-serif; }
a { color: inherit; }
a, a:visited, a:hover, a:focus, a:active { text-decoration: none; }
.navigation-bar { width: 100%; background: #264d9d; }
.header { width: 100%; max-width: 1200px; margin: 0 auto; background: #264d9d; color: #fff; display: flex; }
.header .box { width: 120px; flex: 0 0 120px; height: 50px; position: relative; display: flex; justify-content: center; align-items: center; text-align: center; }
.header .box:first-child { margin-left: 0; }
.header .box:last-child { margin-right: 0; }
.header .box > div > a { color: #fff; position: relative; z-index: 3; }
.header .img { display: none; width: 120px; height: 66px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 2; }
.header .tip { display: none; position: absolute; z-index: 20; top: 50px; }
.header .tip > div { width: 160px; height: 50px; line-height: 50px; background: #264d9d; }
.header .tip > div:hover { background: #3f76e8; }
.page-header .login { align-items: center; gap: 12px; }
.page-header .login b { color: #87a8dc; font-weight: normal; }
.page-header .header-logo-search .search { display: flex; align-items: stretch; }
.page-header .header-logo-search .search input { box-sizing: border-box; width: calc(100% - 88px); height: 40px; border: 1px solid #dcdfe6; padding: 0 14px; line-height: 40px; }
.page-header .header-logo-search .search button { box-sizing: border-box; flex: 0 0 88px; width: 88px; height: 40px; min-height: 40px; padding: 0; border: 0; border-radius: 0; color: #fff; background: #264d9d; line-height: 40px; white-space: nowrap; cursor: pointer; }
.page-header .header-logo-search .logo { position: relative; }
.header-subtitle { display: block; width: 66%; margin: 22px auto 0; padding-left: 28%; border-top: 2px solid #161616; color: #161616; font-size: 22px; font-weight: 700; line-height: 42px; text-align: center; }
.mobile-menu-toggle { display: none; }
.contact-widget .contact-container { display: none; position: fixed; right: 70px; top: 35%; z-index: 30; width: 250px; background: #fff; box-shadow: 0 2px 14px rgba(0,0,0,.18); }
.contact-widget .contact-container.is-open { display: block; }
.contact-icon { border: 0; cursor: pointer; z-index: 31; }
#footer .footer-select { width: calc(25% - 20px); height: 40px; border: 0; padding: 0 12px; color: #fff; background: #5481db; }
.page-footer a { color: #fff; }
#layer1 .carousel .item { display: block; height: 400px; overflow: hidden; }
#layer1 .carousel .item img { width: 100%; height: 100%; object-fit: cover; }
#layer1 .hero-carousel { height: 400px; }
#layer1 .hero-carousel .hero-slide { height: 400px; }
#layer1 .hero-carousel .swiper-button-prev, #layer1 .hero-carousel .swiper-button-next { border: 0; background-color: transparent; }
#layer1 .hero-carousel .swiper-pagination { left: auto; right: 12px; bottom: 5px; width: auto; z-index: 4; }
#layer1 .hero-carousel .swiper-pagination-bullet { background: #fff; opacity: .7; }
#layer1 .hero-carousel .swiper-pagination-bullet-active { background: #264d9d; opacity: 1; }
#layer1 .notifies { height: 330px; overflow-y: auto; overflow-x: hidden; border-top: 2px solid #86aaf4; scrollbar-width: auto; }
#layer1 .notifies::-webkit-scrollbar, #section2 .sm-bg-container::-webkit-scrollbar, #section4 .sub-content::-webkit-scrollbar { width: 12px; }
#layer1 .notifies::-webkit-scrollbar-thumb, #section2 .sm-bg-container::-webkit-scrollbar-thumb, #section4 .sub-content::-webkit-scrollbar-thumb { background: #999; border-radius: 6px; }
#layer1 .notifies::-webkit-scrollbar-track, #section2 .sm-bg-container::-webkit-scrollbar-track, #section4 .sub-content::-webkit-scrollbar-track { background: #f1f1f1; }
#section2 { align-items: stretch; }
#section2 .news, #section2 .down-load, #section2 .access { min-height: 410px; }
#section2 .access { background: #6aacff; }
#section2 .sm-bg-container { box-sizing: border-box; }
#section2 .sm-bg-container { height: 330px; overflow-y: auto; overflow-x: hidden; scrollbar-width: auto; }
#section2 .sm-bg-container ul { min-height: 100%; }
#section3 a { width: calc(50% - 15px); }
#section3 a img { width: 100%; }
#section4 .expert { width: 540px; }
#section4 .expert-name { color: #292a2f; }
#section4 .law .sub-content, #section4 .expert .sub-content { overflow-y: auto; overflow-x: hidden; }
.friend-links img { display: block; width: 100%; }
#section5 .swiper-button-prev, #section5 .swiper-button-next { border: 0; background-color: transparent; }
.machine-home #breadcrumb { margin-top: 0; }
.machine-home #layer1 .machine-carousel, .machine-home #layer1 .machine-carousel .hero-slide, .machine-home #layer1 .machine-carousel .item { height: 400px; overflow: hidden; }
.machine-home #layer1 .machine-carousel .item { display: block; }
.machine-home #layer1 .machine-carousel .item img { width: 100%; height: 100%; object-fit: cover; }
.machine-home #layer1 .machine-carousel .swiper-button-prev, .machine-home #layer1 .machine-carousel .swiper-button-next { border: 0; background-color: transparent; }
.machine-home #layer1 .machine-carousel .swiper-pagination { left: auto; right: 12px; bottom: 5px; width: auto; z-index: 4; }
.machine-home #layer1 .machine-carousel .swiper-pagination-bullet { background: #fff; opacity: .7; }
.machine-home #layer1 .machine-carousel .swiper-pagination-bullet-active { background: #264d9d; opacity: 1; }
.machine-home #layer1 .notifies, .machine-home #section2 .sm-bg-container, .machine-home #section5 .sub-content, .machine-home #section6 .sub-content { overflow-y: auto; overflow-x: hidden; scrollbar-width: auto; }
.machine-home #layer1 .notifies { height: 330px; }
.machine-home #section2 .news, .machine-home #section2 .down-load, .machine-home #section2 .yth { min-height: 410px; }
.machine-home #section2 .title button { border: 0; background: transparent; font: inherit; }
.machine-home #section2 .sm-bg-container { height: 330px; box-sizing: border-box; }
.machine-home #section2 .yth .sm-bg-container { overflow: hidden; }
.machine-home #machine-integration-list.is-scrolling { animation: machine-company-scroll 100s linear infinite; }
.machine-home #machine-integration-list.is-scrolling:hover { animation-play-state: paused; }
.machine-home #machine-integration-list .machine-company-name { width: auto; }
.machine-home #section4 .signup { display: flex; flex-wrap: wrap; gap: 16px 24px; }
.machine-home #section4 .signup > div { box-sizing: border-box; width: calc(50% - 12px); margin: 0; }
.machine-home #section4 .signup > div a { display: flex; align-items: center; color: #161616; line-height: 1.4; }
.machine-home #section4 .signup > div a span { margin-left: 20px; font-size: 24px; }
.machine-home #section5 .credit, .machine-home #section5 .law { width: 49%; }
.machine-home #section5 .sub-title, .machine-home #section6 .sub-title { position: relative; }
.machine-home #section5 .sub-title .more { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #264d9d; font-size: 14px; }
.machine-home #section6 { gap: 24px; }
.machine-home #section6 .expert { flex: 1 1 0; }
.machine-home #section6 .expert .experts .expert-name { width: calc(50% - 60px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.branch-home #breadcrumb { margin-top: 0; }
.branch-home #layer1 .branch-carousel, .branch-home #layer1 .branch-carousel .hero-slide, .branch-home #layer1 .branch-carousel .item { height: 400px; overflow: hidden; }
.branch-home #layer1 .branch-carousel .item { display: block; }
.branch-home #layer1 .branch-carousel .item img { width: 100%; height: 100%; object-fit: cover; }
.branch-home #layer1 .branch-carousel .swiper-button-prev, .branch-home #layer1 .branch-carousel .swiper-button-next { border: 0; background-color: transparent; }
.branch-home #layer1 .branch-carousel .swiper-pagination { left: auto; right: 12px; bottom: 5px; width: auto; z-index: 4; }
.branch-home #layer1 .branch-carousel .swiper-pagination-bullet { background: #fff; opacity: .7; }
.branch-home #layer1 .branch-carousel .swiper-pagination-bullet-active { background: #264d9d; opacity: 1; }
.branch-home #layer1 .notifies, .branch-home #section2 .sm-bg-container, .branch-home #section5 .sub-content { overflow-y: auto; overflow-x: hidden; scrollbar-width: auto; }
.branch-home #layer1 .notifies { height: 330px; }
.branch-home #section2 .news, .branch-home #section2 .down-load, .branch-home #section2 .yth { min-height: 410px; }
.branch-home #section2 .title button { border: 0; background: transparent; font: inherit; }
.branch-home #section2 .sm-bg-container { height: 330px; box-sizing: border-box; }
.branch-home #section5 .sub-title { position: relative; }
.branch-home #section5 .sub-title .more { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #264d9d; font-size: 14px; }
.branch-home #section5 .expert .experts .expert-name { width: calc(50% - 60px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@keyframes machine-company-scroll {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}
.navi-item { display: block; color: #292a2f; }
.content-section .container { padding-top: 0; }
.page-title { margin: 0; }
.p8_content_view { padding: 10px 30px 40px; font-size: 16px; line-height: 2; }
.p8_content_view p { margin-bottom: 18px; }
.page-detail .article-title { padding-top: 10px; }
.article-cover { width: 96px; height: 64px; margin-right: 14px; object-fit: cover; }
.article-list-copy { min-width: 0; flex: 1; }
.article-summary { color: #8d8d8d; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.empty-page { padding: 80px 20px; color: #8d8d8d; text-align: center; }
.empty-row { color: #8d8d8d; }
.article-attachments { margin: 30px 0; padding: 20px; background: #f5f8fc; }
.article-attachments h2 { margin-bottom: 12px; font-size: 18px; }
.article-attachments li { display: flex; justify-content: space-between; line-height: 32px; }
#article-pagination { margin: 24px 0 18px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; color: #555; text-align: left; }
#article-pagination .pagination-summary, #article-pagination .pagination-navigation, #article-pagination .pagination-jump { display: flex; align-items: center; gap: 8px; }
#article-pagination .pagination-summary { font-size: 14px; white-space: nowrap; }
#article-pagination .pagination-navigation { flex-wrap: wrap; justify-content: center; }
#article-pagination .pagination-control, #article-pagination .pagination-number, #article-pagination .pagination-ellipsis { box-sizing: border-box; min-width: 32px; height: 32px; margin: 0; padding: 0 10px; border: 1px solid #dce3ef; background: #fff; color: #333; line-height: 30px; text-align: center; }
#article-pagination .pagination-number { padding: 0; }
#article-pagination .pagination-control:hover, #article-pagination .pagination-number:hover { border-color: #507fde; color: #264d9d; }
#article-pagination .pagination-number.active { border-color: #264d9d; background: #264d9d; color: #fff; }
#article-pagination .pagination-control.disabled { border-color: #edf0f5; background: #f5f7fa; color: #aaa; cursor: not-allowed; }
#article-pagination .pagination-ellipsis { border-color: transparent; background: transparent; color: #888; }
#article-pagination .pagination-jump { font-size: 14px; white-space: nowrap; }
#article-pagination .pagination-jump input { box-sizing: border-box; width: 58px; height: 32px; padding: 0 6px; border: 1px solid #dce3ef; text-align: center; }
#article-pagination .pagination-jump button { height: 32px; padding: 0 14px; border: 1px solid #264d9d; background: #264d9d; color: #fff; cursor: pointer; }
#article-pagination .pagination-jump button:hover { background: #3f76e8; }
@media (max-width: 767px) {
  body { min-width: 0; }
  .page-header .page-header-content, .container, .section .container { width: auto; }
  .page-header .page-header-content { padding: 12px 15px; }
  .page-header .top-layer { justify-content: flex-end; }
  .page-header .header-logo-search { margin: 24px 0 12px; display: block; }
  .page-header .page-header-content .header-logo-search .logo { display: block; width: 100%; }
  .header-subtitle { width: 78%; margin-top: 12px; padding-left: 0; font-size: 18px; line-height: 34px; }
  .page-header .page-header-content .header-logo-search .search { width: 100%; padding: 18px 0 0; }
  .mobile-menu-toggle { display: block; width: 100%; height: 44px; border: 0; color: #fff; background: #264d9d; font-size: 22px; }
  .navigation-bar .header { display: none; flex-wrap: wrap; }
  .navigation-bar .header.is-open { display: flex; }
  .header .box { width: 50%; flex: 0 0 50%; height: 44px; }
  .header .tip, .header .img { display: none !important; }
  .contact-icon { right: 10px; }
  .contact-widget .contact-container { right: 55px; top: 28%; max-width: calc(100vw - 80px); }
  .container { padding: 20px 15px 0; }
  #layer1, #section2, #section3, #section4 { display: block; }
  #layer1 .carousel, #layer1 .notify, #section2 .news, #section2 .down-load, #section2 .access, #section4 .law, #section4 .expert { width: 100%; box-sizing: border-box; }
  .machine-home #layer1 .machine-carousel, .machine-home #layer1 .machine-carousel .hero-slide, .machine-home #layer1 .machine-carousel .item { height: 230px; }
  .branch-home #layer1 .branch-carousel, .branch-home #layer1 .branch-carousel .hero-slide, .branch-home #layer1 .branch-carousel .item { height: 230px; }
  .machine-home #section2 .yth, .machine-home #section5 .credit, .machine-home #section5 .law, .machine-home #section6 .expert { width: 100%; box-sizing: border-box; }
  .branch-home #section2 .yth, .branch-home #section5 .credit, .branch-home #section5 .law, .branch-home #section5 .expert { width: 100%; box-sizing: border-box; }
  .machine-home #section4 .signup > div { width: 100%; }
  .machine-home #section4 .signup > div a span { font-size: 19px; }
  #layer1 .carousel .item { height: 230px; }
  #layer1 .hero-carousel, #layer1 .hero-carousel .hero-slide { height: 230px; }
  #layer1 .notify, #section2 > *, #section4 > * { margin-top: 20px; }
  #section2 .news, #section2 .down-load, #section2 .access { min-height: 0; }
  #section3 a { display: block; width: 100%; margin-bottom: 15px; }
  #section5 .swiper-button-prev { left: 4px; z-index: 2; }
  #section5 .swiper-button-next { right: 4px; z-index: 2; }
  #footer .selection { padding: 15px; }
  #footer .selection .select-container { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  #footer .footer-select { width: 100%; }
  #breadcrumb { width: auto; margin: 15px 0; box-sizing: border-box; }
  .navigate-page { display: block; }
  .navigate-page .navigation, .navigate-page .page-list { width: 100%; }
  .navigate-page .navigation .navi-list { display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 15px; }
  .navigate-page .page-list .pagination-content-list .item { padding-left: 22px; padding-right: 4px; line-height: 46px; }
  .navigate-page .page-list .pagination-content-list .item::before { left: 8px; }
  .navigate-page .page-list .pagination-content-list .item .time { width: 92px; font-size: 12px; }
  .navigate-page .page-list .pagination-content-list .item .con-text { width: calc(100% - 98px); }
  .article-title h1 { font-size: 22px; line-height: 1.5; }
  .article-title .description { width: auto; }
  .p8_content_view { padding: 5px 8px 30px; }
  #article-pagination { justify-content: center; gap: 10px; }
  #article-pagination .pagination-summary, #article-pagination .pagination-navigation, #article-pagination .pagination-jump { width: 100%; justify-content: center; }
}
.membership-fee-list {
    display: grid;
    gap: 22px;
    padding: 20px 24px 12px;
}
.membership-fee-card {
    min-height: 150px;
    box-sizing: border-box;
    padding: 28px 38px;
    border: 1px solid #cfdded;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(45, 87, 145, 0.18);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    background: #fff;
}
.membership-fee-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #111;
    font-size: 22px;
}
.membership-fee-crown {
    color: #ef5d67;
    font-size: 27px;
    line-height: 1;
}
.membership-fee-copy p {
    margin: 16px 0 0;
    color: #888;
    font-size: 18px;
}
.membership-fee-payment {
    display: flex;
    align-items: center;
    gap: 28px;
    flex: 0 0 auto;
}
.membership-fee-price {
    color: #ef5d67;
    font-size: 27px;
}
.membership-fee-action {
    min-width: 130px;
    height: 48px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ef5d67;
    color: #fff !important;
    font-size: 18px;
    border-radius: 4px;
}
.membership-fee-action:hover { background: #df4f59; }

@media (max-width: 767px) {
    .membership-fee-list { gap: 14px; padding: 14px 0; }
    .membership-fee-card { min-height: 0; padding: 20px; align-items: flex-start; flex-direction: column; gap: 18px; }
    .membership-fee-heading { gap: 10px; font-size: 18px; }
    .membership-fee-copy p { margin-top: 10px; font-size: 15px; }
    .membership-fee-payment { width: 100%; justify-content: space-between; gap: 12px; }
    .membership-fee-price { font-size: 22px; }
    .membership-fee-action { min-width: 108px; height: 42px; font-size: 16px; }
}

.membership-payment-detail .article-title { display: none; }
.membership-payment-detail .p8_content_view { padding-top: 1px; }
.membership-payment-detail .p8_content_view > .title {
    margin: 39px 0 58px !important;
    font-size: 24px !important;
    line-height: 1.5;
}
.membership-payment-detail .amount-payable { margin: 15px 0 !important; }
.membership-payment-detail .amount-content { margin: 0 0 60px !important; }
.membership-payment-detail .payment-qrCode-box {
    width: 300px;
    margin: 0 auto !important;
}
.membership-payment-detail .payment-box-item { width: 300px; }
.membership-payment-detail .wx-box {
    box-sizing: border-box;
    width: 300px;
    height: 300px;
    margin: 0 0 15px !important;
    overflow: hidden;
}
.membership-payment-detail .wx-box img {
    display: block;
    width: 100% !important;
    height: 100% !important;
}
.membership-payment-detail .payment-icon {
    color: #111;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
.membership-payment-detail .alipay-mark {
    margin-right: 3px;
    padding: 0 2px;
    border-radius: 3px;
    background: #159be8;
    color: #fff;
}
.membership-payment-detail .wechat-mark {
    margin: 0 3px 0 4px;
    color: #19b955;
    font-size: 10px;
}
.page-entry { display:flex; align-items:center; justify-content:space-between; border-top:1px solid #ddd; padding:22px 0 10px; color:#63758b; font-size:16px; }
#page-entry { display:none; }
#page-entry { display:none; }
.page-entry input { margin-right:10px; }
.page-entry-button { padding:12px 28px; border-radius:4px; background:#8fc5f8; color:#fff !important; font-size:18px; }
.page-entry-button.disabled { opacity:.65; cursor:not-allowed; }
@media (max-width:767px) { .page-entry { gap:15px; align-items:flex-start; flex-direction:column; } }

@media (max-width: 767px) {
    .membership-payment-detail .p8_content_view > .title { margin: 25px 0 38px !important; font-size: 20px !important; }
    .membership-payment-detail .payment-qrCode-box, .membership-payment-detail .payment-box-item, .membership-payment-detail .wx-box { width: min(300px, 82vw); }
    .membership-payment-detail .wx-box { height: min(300px, 82vw); }
}