/**
* 媒体查询样式
* 开发者: 天水云图网络科技有限公司
* 邮箱: services@ytuiring.cn
* 网站: https://www.ytuiring.cn
* 
*/
/* 比例化媒体查询（1920px设计稿 → 1750px内容区） */
.container {
  width: calc(100% - 2rem);
  margin: 0 auto;
}
@media screen and (min-width: 375px) {
  .container {
    width: calc(100vw * 0.9115);
  }
}
@media screen and (min-width: 576px) {
  .container {
    width: calc(100vw * 0.9115);
  }
}
@media screen and (min-width: 768px) {
  .container {
    width: calc(768px * 0.9115);
  }
}
@media screen and (min-width: 992px) {
  .container {
    width: calc(992px * 0.9115);
  }
}
@media screen and (min-width: 1200px) {
  .container {
    width: calc(1200px * 0.9115);
  }
}
@media screen and (min-width: 1400px) {
  .container {
    width: calc(1400px * 0.9115);
  }
}
@media screen and (min-width: 1600px) {
  .container {
    width: calc(1600px * 0.9115);
  }
}
@media screen and (min-width: 1920px) {
  .container {
    width: 1750px;
  }
}
/* 中等屏幕适配（小桌面/大平板：≤1200px） */
@media (max-width: 1600px) {
  .page-header .page-header-container .page-navs {
    gap: 0;
  }
  .page-header .page-header-container .page-navs .page-nav {
    display: block;
    height: 65px;
    font-size: 18px;
    padding: 0 20px;
    line-height: 65px;
    position: relative;
  }
}
@media (max-width: 1100px) {
  .page-header {
    padding-top: 0px;
  }
  .page-header .page-header-container .page-header-logo {
    width: auto;
    height: 20px;
  }
  .page-header .page-header-container .page-navs {
    display: none;
  }
  .page-header .page-header-container .mb-navbtn {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 30px;
    height: 25px;
    object-fit: cover;
    position: relative;
    cursor: pointer;
  }
  .page-header .page-header-container .mb-navbtn .mb-navbtn-line1,
  .page-header .page-header-container .mb-navbtn .mb-navbtn-line2,
  .page-header .page-header-container .mb-navbtn .mb-navbtn-line3 {
    width: 100%;
    height: 3px;
    background-color: #fff;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    border-radius: 6px;
  }
  .page-header .page-header-container .mb-navbtn_active {
    flex-direction: row;
  }
  .page-header .page-header-container .mb-navbtn_active .mb-navbtn-line1,
  .page-header .page-header-container .mb-navbtn_active .mb-navbtn-line2,
  .page-header .page-header-container .mb-navbtn_active .mb-navbtn-line3 {
    width: 3px;
    height: 100%;
  }
  .page-header .page-header-container .mb-navbtn-black .mb-navbtn-line1,
  .page-header .page-header-container .mb-navbtn-black .mb-navbtn-line2,
  .page-header .page-header-container .mb-navbtn-black .mb-navbtn-line3 {
    background-color: #333;
  }
  .mb-navbar {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100vh;
    background-color: #fff;
    width: 80%;
    left: -81%;
    transition: left 0.3s ease-in-out;
    z-index: 100;
    padding: 40px 20px;
    box-sizing: border-box;
  }
  .mb-navbar .mb-page-navs {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .mb-navbar .mb-page-navs .mb-page-nav {
    font-size: 20px;
    padding: 10px;
    border-bottom: 1px solid #eee;
  }
  .mb-navbar .mb-page-navs .mb-page-nav:last-child {
    border-bottom: none;
  }
  .mb-navbar .mb-page-navs .mb-page-nav-active {
    color: #ff9500;
  }
  .mb-navbar-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 99;
    display: none;
  }
  .mb-navbar_active {
    left: 0;
  }
}
/* 小屏幕适配（平板竖屏/大手机：≤768px） */
/* 超小屏幕应急处理（手机：≤480px） */
@media (max-width: 768px) {
  .index-welcome .welcome-content .welcome-content-title {
    margin-top: 40px;
    font-size: 30px;
  }
  .index-welcome .welcome-content .welcome-content-button {
    width: 180px;
    height: 62px;
  }
  .index-year {
    display: none;
  }
  .index-declaration {
    padding: 50px 0;
    text-align: center;
    position: relative;
  }
  .index-declaration::before {
    content: none;
    bottom: 50px;
    width: 23px;
    height: 27px;
  }
  .index-declaration::after {
    content: none;
    bottom: 50px;
    width: 41px;
    height: 70px;
  }
  .page-card .page-card-header {
    text-align: center;
  }
  .page-card .page-card-header .page-card-first-title {
    font-size: 30px;
    line-height: 100%;
  }
  .page-card .page-card-header .page-card-cn-first-title {
    font-size: 25px;
  }
  .page-card .page-card-header .page-card-cn-title {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 100%;
  }
  .page-card .page-card-header .page-card-en-title {
    font-size: 25px;
  }
  .page-card .page-card-header .page-card-des {
    font-size: 25px;
  }
  .index-news .index-news-main {
    flex-direction: column;
  }
  .index-news .index-news-main .index-news-image {
    width: 100%;
    height: 200px;
  }
  .index-news .index-news-main .index-news-items {
    flex: 1;
    height: auto;
  }
  .index-news .index-news-main .index-news-items .index-news-item {
    height: 90px;
    font-size: 20px;
    gap: 20px;
  }
  .index-news .index-news-main .index-news-items .index-news-item .index-news-item-title {
    padding-right: 0;
  }
  .index-founders .index-founders-main {
    margin-top: 30px;
  }
  .index-founders .index-founders-main .index-founders-items {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
  .index-founders .index-founders-main .index-founders-items .index-founders-item .index-founders-info .index-founders-name {
    font-size: 32px;
  }
  .index-founders .index-founders-main .index-founders-items .index-founders-item .index-founders-info .index-founders-cn-des {
    font-size: 22px;
  }
  .index-founders .index-founders-main .index-founders-items .index-founders-item .index-founders-info .index-founders-en-des {
    font-size: 18px;
  }
  .index-collection {
    flex-direction: column;
    gap: 30px;
  }
  .index-collection .index-collection-pic {
    width: 100%;
  }
  .index-collection .index-collection-info {
    padding: 0;
  }
  .index-collection .index-collection-info .index-collection-flower {
    display: none;
  }
  .index-collection .index-collection-info .index-collection-slogan {
    font-size: 16px;
    text-align: center;
  }
  .index-collection .index-collection-info .index-collection-title {
    font-size: 35px;
    text-align: center;
  }
  .index-collection .index-collection-info .index-collection-en-title {
    font-size: 25px;
    text-align: center;
  }
  .index-collection .index-collection-info .index-collection-des {
    font-size: 22px;
  }
  .index-collection .index-collection-info .index-collection-des p {
    line-height: 35px;
  }
  .index-collection .index-collection-info .index-collection-skus {
    margin-top: 20px;
  }
  .index-collection .index-collection-info .index-collection-skus .index-collection-sku {
    padding: 10px;
  }
  .index-collection .index-collection-info .index-collection-skus .index-collection-sku .index-collection-sku-name {
    padding-right: 10px;
    font-size: 20px;
  }
  .index-products {
    padding: 30px 0;
  }
  .index-products .page-card-header {
    margin-bottom: 40px;
  }
  .index-products .index-products-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .index-products .index-products-items .index-products-item .index-products-item-pic {
    width: 100%;
    padding-top: 130%;
    position: relative;
    margin-bottom: 20px;
  }
  .index-products .index-products-items .index-products-item .index-products-item-pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .index-products .index-products-items .index-products-item .index-products-item-title {
    font-size: 25px;
    color: #fff;
    text-align: center;
  }
  .index-artist {
    margin-bottom: 30px;
  }
  .index-artist .index-artist-items {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
  }
  .index-artist .index-artist-items .index-artist-item .index-artist-item-pic {
    margin-bottom: 20px;
  }
  .index-artist .index-artist-items .index-artist-item .index-artist-item-name {
    font-size: 25px;
    text-align: center;
    margin-bottom: 10px;
  }
  .index-artist .index-artist-items .index-artist-item .index-artist-item-link {
    text-align: center;
    width: 150px;
    margin: 0 auto;
    padding: 10px;
    font-size: 16px;
  }
  .page-footer .page-footer-main .page-footer-line {
    margin: 0 auto 20px;
  }
  .page-footer .page-footer-main .page-footer-copyright {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .page-footer .page-footer-main .page-footer-contact {
    font-size: 16px;
  }
  .maison-jing-welcome {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .maison-jing-welcome .welcome-content .full-banner-content-first-title {
    font-size: 20px;
  }
  .maison-jing-welcome .welcome-content .welcome-content-title {
    font-size: 60px;
  }
  .maison-jing-welcome .welcome-content .welcom-content-bottom-title {
    font-size: 20px;
  }
  .mj-home-card {
    padding: 100px 0;
    flex-direction: column;
  }
  .mj-home-card .mj-home-card-text {
    font-size: 26px;
    box-sizing: border-box;
  }
  .mj-home-card .mj-home-card-text .mj-home-card-title {
    font-size: 50px;
    margin-bottom: 40px;
  }
  .mj-home-card .mj-home-card-text .mj-home-card-text-line1 {
    margin-bottom: 30px;
  }
  .mj-home-card .mj-home-card-text .mj-home-card-text-line2 {
    margin-bottom: 30px;
  }
  .mj-home-card .mj-home-card-img {
    width: 100%;
    padding: 0;
  }
  .mj-home-card .mj-home-card-img img {
    position: relative;
  }
  .mj-custom-card {
    padding: 90px 0;
  }
  .mj-custom-card .mj-custom-card-header .mj-custom-card-title {
    font-size: 44px;
  }
  .mj-custom-card .mj-custom-card-container {
    flex-direction: column;
  }
  .mj-custom-card .mj-custom-card-container .mj-custom-card-text-items {
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
    flex-direction: column;
    margin-bottom: 10px;
  }
  .mj-custom-card .mj-custom-card-container .mj-custom-card-text-items .mj-custom-card-text-item {
    font-size: 20px;
    line-height: 40px;
  }
  .mj-custom-card .mj-custom-card-container .mj-custom-card-main {
    width: 100%;
  }
  .mj-custom-card .mj-custom-card-container .mj-custom-card-main .mj-custom-card-main-tabs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
  }
  .mj-custom-card .mj-custom-card-container .mj-custom-card-main .mj-custom-card-main-tabs .mj-custom-card-main-tab1,
  .mj-custom-card .mj-custom-card-container .mj-custom-card-main .mj-custom-card-main-tabs .mj-custom-card-main-tab2 {
    font-size: 24px;
    padding: 10px 10px;
    text-align: center;
  }
  .mj-custom-card .mj-custom-card-container .mj-custom-card-main .mj-custom-card-main-tab1-content,
  .mj-custom-card .mj-custom-card-container .mj-custom-card-main .mj-custom-card-main-tab2-content {
    padding: 0 30px;
    font-size: 20px;
    line-height: 40px;
  }
  .mj-custom-card .mj-custom-card-imgs {
    margin-top: 40px;
    grid-template-columns: repeat(1, 1fr);
  }
  .mj-custom-card .mj-custom-card-imgs .mj-custom-card-img .mj-custom-card-img-title {
    font-size: 20px;
    left: 10px;
  }
  .mj-custom2-card .mj-custom2-card-header .mj-custom2-card-title {
    font-size: 44px;
  }
  .mj-custom2-card .mj-custom2-card-header .mj-custom2-card-container {
    font-size: 20px;
    line-height: 60px;
  }
  .mj-custom2-card .mj-custom2-card-header .mj-custom2-card-container p {
    font-size: 20px;
    margin: 0;
  }
  .mj-solution-card .mj-solution-card-header {
    margin-bottom: 30px;
    text-align: center;
  }
  .mj-solution-card .mj-solution-card-header .mj-solution-card-title {
    font-size: 44px;
    margin-bottom: 10px;
  }
  .mj-solution-card .mj-solution-card-header .mj-solution-card-des {
    font-size: 20px;
  }
  .mj-solution-card .mj-solution-items {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .mj-solution-card .mj-solution-items .mj-solution-item {
    box-sizing: border-box;
    padding: 30px;
    border-radius: 10px;
  }
  .mj-solution-card .mj-solution-items .mj-solution-item .mj-solution-item-title {
    font-size: 35px;
    margin-bottom: 10px;
  }
  .mj-solution-card .mj-solution-items .mj-solution-item .mj-solution-item-etitle {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .mj-solution-card .mj-solution-items .mj-solution-item .mj-solution-item-des {
    font-size: 20px;
    line-height: 30px;
  }
  .mj-rating-card {
    padding: 90px 0;
  }
  .mj-rating-card .mj-rating-card-header {
    position: relative;
    margin-bottom: 80px;
  }
  .mj-rating-card .mj-rating-card-header::before {
    content: none;
  }
  .mj-rating-card .mj-rating-card-header .mj-rating-card-title {
    font-size: 44px;
    margin-bottom: 20px;
  }
  .mj-rating-card .mj-rating-card-header .mj-rating-card-des {
    width: 100%;
  }
  .mj-rating-card .mj-rating-content {
    line-height: 25px;
  }
  .mj-rating-card .mj-rating-content .c-title-b {
    display: inline-block;
    border: 2px solid #000;
    padding: 5px;
    font-size: 20px;
    margin: 10px 0 10px 0;
    box-sizing: border-box;
  }
  .mj-rating-card .mj-rating-content p {
    margin-bottom: 0;
  }
  .mj-custom-flow-card {
    padding: 90px 0;
  }
  .mj-custom-flow-card .mj-custom-flow-card-header .mj-custom-flow-card-title {
    font-size: 44px;
  }
  .mj-custom-flow-card .mj-custom-flow-timeline {
    position: relative;
    /* 左侧项 */
    /* 右侧项 */
  }
  .mj-custom-flow-card .mj-custom-flow-timeline::before {
    left: 0;
  }
  .mj-custom-flow-card .mj-custom-flow-timeline .mj-custom-flow-timeline-item {
    width: 100%;
    margin-bottom: 30px;
  }
  .mj-custom-flow-card .mj-custom-flow-timeline .mj-custom-flow-timeline-item:last-child {
    margin-bottom: 0;
  }
  .mj-custom-flow-card .mj-custom-flow-timeline .mj-custom-flow-timeline-item .mj-custom-flow-timeline-item-title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .mj-custom-flow-card .mj-custom-flow-timeline .mj-custom-flow-timeline-item .mj-custom-flow-timeline-item-content {
    overflow-y: visible;
    max-height: fit-content;
  }
  .mj-custom-flow-card .mj-custom-flow-timeline .mj-custom-flow-timeline-item .mj-custom-flow-timeline-item-content p {
    margin: 0;
  }
  .mj-custom-flow-card .mj-custom-flow-timeline .mj-custom-flow-timeline-item.left {
    left: 0;
    padding: 0 30px;
  }
  .mj-custom-flow-card .mj-custom-flow-timeline .mj-custom-flow-timeline-item.left::after {
    left: -12px;
  }
  .mj-custom-flow-card .mj-custom-flow-timeline .mj-custom-flow-timeline-item.left .mj-custom-flow-timeline-item-title {
    text-align: left;
  }
  .mj-custom-flow-card .mj-custom-flow-timeline .mj-custom-flow-timeline-item.right {
    left: 0;
    padding: 0 30px;
  }
  .mj-custom-flow-card .mj-custom-flow-timeline .mj-custom-flow-timeline-item.right::after {
    left: -12px;
  }
  .mj-custom-flow-card .mj-custom-flow-timeline .mj-custom-flow-timeline-item.right .mj-custom-flow-timeline-item-title {
    text-align: left;
  }
  .mj-company-story-card {
    padding: 90px 0;
  }
  .mj-company-story-card .mj-company-story-card-header .mj-company-story-card-title {
    font-size: 44px;
  }
  .mj-company-story-card .mj-company-story-card-header .mj-company-story-card-des {
    font-size: 16px;
  }
  .mj-company-story-card .mj-company-story-items {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .mj-company-story-card .mj-company-story-items .mj-company-story-item {
    padding: 20px;
  }
  .mj-company-story-card .mj-company-story-items .mj-company-story-item .mj-company-story-item-title {
    font-size: 20px;
  }
  .mj-company-story-card .mj-company-story-items .mj-company-story-item .mj-company-story-item-des {
    font-size: 16px;
  }
  .brand-story-items {
    padding: 30px 0;
  }
  .brand-story-items .brand-story-item {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 60px;
  }
  .brand-story-items .brand-story-item .brand-story-item-left {
    text-align: center;
    width: 100%;
  }
  .brand-story-items .brand-story-item .brand-story-item-left .en-title {
    font-size: 18px;
  }
  .brand-story-items .brand-story-item .brand-story-item-left .cn-title {
    font-size: 44px;
  }
  .brand-story-items .brand-story-item .brand-story-item-right {
    flex: 1;
  }
  .brand-story-items .brand-story-item .brand-story-item-right .brand-story-item-content {
    font-size: 18px;
    line-height: 35px;
  }
  .sponsor-c1 {
    padding: 30px 0;
  }
  .sponsor-c1 .sponsor-c1-title {
    font-size: 35px;
    margin-bottom: 30px;
  }
  .sponsor-c1 .sponsor-c1-main .sponsor-c1-img {
    width: 100%;
    height: auto;
  }
  .sponsor-c1 .sponsor-c1-main .sponsor-c1-btn {
    width: 200px;
    height: 56px;
    line-height: 56px;
  }
  .sponsor-c2 {
    padding: 90px 0;
  }
  .sponsor-c2 .sponsor-c2-title {
    font-size: 35px;
    margin-bottom: 30px;
  }
  .sponsor-c2 .sponsor-c2-content {
    font-size: 22px;
    line-height: 50px;
    width: 100%;
  }
  .sponsor-c2 .sponsor-c2-content .sponsor-c2-content-line {
    padding-left: 21px;
    margin-bottom: 10px;
  }
  .sponsor-c3 {
    padding: 60px 0;
  }
  .sponsor-c3 .sponsor-c3-title {
    font-size: 44px;
    margin-bottom: 30px;
  }
  .sponsor-c3 .sponsor-c3-imgs {
    grid-template-columns: repeat(2, 1fr);
  }
  .sponsor-c3 .sponsor-c3-content {
    font-size: 22px;
    line-height: 50px;
    width: 100%;
    margin: 30px auto;
    text-align: center;
  }
  .sponsor-c3 .sponsor-c3-donate {
    text-align: center;
    font-size: 32px;
  }
  .sponsor-c3 .sponsor-c3-donate .sponsor-c3-donate-title1 {
    margin-bottom: 30px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
  }
  .sponsor-c3 .sponsor-c3-donate .sponsor-c3-donate-title2 {
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
  }
  .sponsor-c3 .sponsor-c3-donate .sponsor-c3-donate-title2::before,
  .sponsor-c3 .sponsor-c3-donate .sponsor-c3-donate-title2::after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    width: 50px;
    height: 4px;
    background-color: #fe7124;
  }
  .sponsor-c3 .sponsor-c3-donate .sponsor-c3-donate-title2::before {
    left: -70px;
  }
  .sponsor-c3 .sponsor-c3-donate .sponsor-c3-donate-title2::after {
    right: -70px;
  }
  .sponsor-c3 .sponsor-c3-donate .sponsor-c3-donate-items .sponsor-c3-donate-item {
    line-height: 50px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .product-c2 {
    padding: 60px 0;
  }
  .product-c2 .product-c2-title {
    font-size: 35px;
  }
  .product-c2 .product-c2-items {
    grid-template-columns: repeat(2, 1fr);
  }
  .product-c2 .product-c2-items .product-c2-item-title {
    font-size: 16px;
  }
  .product-c3 {
    padding: 30px 0;
  }
  .product-c3 .product-c3-header {
    margin-bottom: 30px;
  }
  .product-c3 .product-c3-header .product-c3-title {
    font-size: 35px;
  }
  .product-c3 .product-c3-header .product-c3-des {
    font-size: 16px;
  }
  .product-c3 .product-c3-main {
    flex-direction: column;
    gap: 30px;
  }
  .product-c3 .product-c3-main .product-c3-main-infos .product-c3-main-info {
    padding-bottom: 10px;
  }
  .product-c3 .product-c3-main .product-c3-main-infos .product-c3-main-info .product-c3-main-info-title {
    font-size: 25px;
  }
  .product-c3 .product-c3-main .product-c3-main-infos .product-c3-main-info .product-c3-main-info-des {
    font-size: 20px;
  }
  .product-c3 .product-c3-main .product-c3-main-infos .product-c3-main-skus .product-c3-main-sku {
    padding: 10px 0;
  }
  .product-c3 .product-c3-main .product-c3-main-infos .product-c3-main-skus .product-c3-main-sku .product-c3-main-sku-title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .product-c3 .product-c3-main .product-c3-main-infos .product-c3-main-skus .product-c3-main-sku .product-c3-main-sku-dp {
    flex-direction: column;
    align-items: flex-start;
  }
  .product-c3 .product-c3-main .product-c3-main-infos .product-c3-main-skus .product-c3-main-sku .product-c3-main-sku-dp .product-c3-main-sku-des {
    font-size: 16px;
  }
  .product-c3 .product-c3-main .product-c3-main-infos .product-c3-main-skus .product-c3-main-sku .product-c3-main-sku-dp .product-c3-main-sku-price {
    font-size: 20px;
  }
  .product-c4 {
    padding: 60px 0;
  }
  .product-c4 .product-c4-title {
    font-size: 35px;
    margin-bottom: 20px;
  }
  .product-c4 .product-c4-courses .product-c4-course {
    margin-bottom: 40px;
  }
  .product-c4 .product-c4-courses .product-c4-course:nth-child(odd) {
    padding-left: 0;
  }
  .product-c4 .product-c4-courses .product-c4-course:nth-child(odd) .product-course-img {
    margin-top: 20px;
  }
  .product-c4 .product-c4-courses .product-c4-course:nth-child(even) {
    padding-right: 0;
  }
  .product-c4 .product-c4-courses .product-c4-course:nth-child(even) .product-course-img {
    margin-bottom: 20px;
  }
  .product-c4 .product-c4-courses .product-c4-course .product-course-name {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .product-c4 .product-c4-courses .product-c4-course .product-course-info {
    flex-direction: column;
    height: auto;
    padding: 20px;
    border-radius: 18px;
  }
  .product-c4 .product-c4-courses .product-c4-course .product-course-info .product-course-img {
    width: 100%;
    max-width: 100%;
    height: 300px;
  }
  .product-c4 .product-c4-courses .product-c4-course .product-course-info .product-course-img::before {
    content: none;
  }
  .product-c4 .product-c4-courses .product-c4-course .product-course-info .product-course-content {
    font-size: 16px;
    padding: 0 20px;
  }
  .product-c4 .product-c4-bili .product-c4-bili-img {
    width: 100%;
    margin: 0 auto 20px;
  }
  .product-c4 .product-c4-bili .product-c4-bili-btn {
    text-align: center;
    margin-bottom: 20px;
  }
  .product-c4 .product-c4-bili .product-c4-bili-btn .btn {
    font-size: 16px;
  }
  .product-c4 .product-c4-bili .product-c4-bili-des {
    font-size: 16px;
    border-radius: 18px;
    height: auto;
    line-height: 1.5;
    width: 100%;
    margin: 0 auto;
    padding: 8px 10px;
    box-sizing: border-box;
  }
  .product-c4 .product-c4-bili .product-c4-bili-des::after {
    content: none;
  }
  .product-c5 {
    padding: 30px 0;
  }
  .product-c5 .product-c5-title {
    font-size: 35px;
    margin-bottom: 10px;
  }
  .product-c5 .product-c5-des {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .product-c5 .product-c5-courses .product-c5-course {
    flex-direction: column;
    margin-bottom: 50px;
    gap: 20px;
  }
  .product-c5 .product-c5-courses .product-c5-course:last-child {
    margin-bottom: 0;
  }
  .product-c5 .product-c5-courses .product-c5-course .product-c5-course-img {
    width: 100%;
    max-width: 100%;
  }
  .product-c5 .product-c5-courses .product-c5-course .product-c5-course-info .product-c5-course-title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .product-c5 .product-c5-courses .product-c5-course .product-c5-course-info .product-c5-course-title:first-child {
    margin-left: 0;
  }
  .product-c5 .product-c5-courses .product-c5-course .product-c5-course-info .product-c5-course-des {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .product-c5 .product-c5-courses .product-c5-course .product-c5-course-info .product-c5-course-des2 {
    font-size: 14px;
  }
  .product-c5 .product-c5-courses .product-c5-course .product-c5-course-info .product-c5-course-price {
    margin-bottom: 10px;
    font-size: 30px;
  }
  .product-c5 .product-c5-courses .product-c5-course .product-c5-course-info .product-c5-course-price span {
    font-size: 14px;
  }
  .product-c5 .product-c5-courses .product-c5-course .product-c5-course-info .product-c5-course-service {
    margin: 20px 0;
  }
  .product-c5 .product-c5-courses .product-c5-course .product-c5-course-info .product-c5-course-service .product-c5-course-service-title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .product-c5 .product-c5-courses .product-c5-course .product-c5-course-info .product-c5-course-service .product-c5-course-service-items .product-c5-course-service-item {
    font-size: 16px;
    line-height: 30px;
    position: relative;
    padding-left: 21px;
  }
  .product-c5 .product-c5-courses .product-c5-course .product-c5-course-info .product-c5-course-service .product-c5-course-service-items .product-c5-course-service-item::before {
    top: 10px;
  }
  .product-c5 .product-c5-courses .product-c5-course .product-c5-course-info .product-c5-course-btn {
    text-align: center;
  }
  .product-c5 .product-c5-courses .product-c5-course .product-c5-course-info .product-c5-course-btn .btn {
    font-size: 16px;
  }
  .product-c6 {
    padding: 30px 0;
    background-color: #fff;
    text-align: center;
  }
  .product-c6 .product-c6-title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .product-c6 .product-c6-content {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 2em;
  }
  .product-c6 .product-c6-btn {
    text-align: center;
  }
  .product-c6 .product-c6-btn .btn {
    font-size: 16px;
  }
  .contact-title {
    font-size: 35px;
    padding: 0 20px 20px;
  }
  .contact-form1 {
    margin: 0 auto 20px;
    width: 100%;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .contact-form1 input {
    height: 30px;
    padding: 10px 10px;
    font-size: 16px;
  }
  .contact-map {
    padding: 20px 20px 30px;
    height: auto;
    background-size: 0;
  }
  .contact-map .contact-form2 {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 6px;
  }
  .contact-map .contact-form2 .contact-form2-title {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .contact-map .contact-form2 .contact-form2-item {
    margin-bottom: 20px;
  }
  .contact-map .contact-form2 .contact-form2-item .contact-form2-item-label {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .contact-map .contact-form2 .contact-form2-item .contact-form2-item-main {
    font-size: 14px;
  }
  .contact-map-img {
    display: block;
    width: 100%;
  }
  .page-feature {
    padding-top: 75px;
  }
  .page-feature .feature-text .feature-text-etitle {
    font-size: 30px;
  }
  .page-feature .feature-text .feature-text-ctitle {
    font-size: 60px;
  }
  .page-feature .feature-actions .feature-actions1 {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }
  .page-feature .feature-actions .feature-actions1 .feature-action {
    padding: 10px 30px;
    font-size: 20px;
  }
  .page-feature .feature-actions .feature-actions2 {
    gap: 10px;
    margin-top: 20px;
  }
  .page-feature .feature-actions .feature-actions2 .feature-action {
    font-size: 20px;
  }
  .characters {
    padding: 60px 0;
  }
  .characters .character {
    flex-direction: column;
    gap: 30px;
    margin-bottom: 30px;
  }
  .characters .character .character-left {
    width: 100%;
  }
  .characters .character .character-left .character-avatar {
    width: 150px;
    height: 150px;
    margin: 0 auto 20px;
  }
  .characters .character .character-left .character-name {
    margin-bottom: 10px;
    text-align: center;
  }
  .characters .character .character-left .character-name .character-cname {
    font-size: 22px;
  }
  .characters .character .character-left .character-name .character-ename {
    font-size: 14px;
  }
  .characters .character .character-left .character-socials {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  .characters .character .character-left .character-socials .character-social {
    width: 30px;
    height: 30px;
    line-height: 34px;
  }
  .characters .character .character-right {
    flex: 1;
    /* 三图拼贴布局核心代码 */
  }
  .characters .character .character-right .character-name {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .characters .character .character-right .character-desc {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .characters .character .character-right .character-creations {
    width: 100%;
    gap: 10px;
  }
  .characters .character .character-right .character-creations1 {
    grid-template-columns: repeat(2, 1fr);
  }
  .characters .character .character-right .character-creations2 {
    margin-top: 60px;
  }
  .characters .character .character-right .character-creations2 .character-creations2-title {
    font-size: 26px;
  }
  .characters .character .character-right .character-creations2 .character-creations2-list {
    width: 100%;
  }
  .character-product {
    flex-direction: column;
    gap: 20px;
    padding: 60px 0;
  }
  .character-product .character-product-img {
    width: 100%;
    padding-top: 20px;
  }
  .character-product .character-product-info {
    flex: 1;
  }
  .character-product .character-product-info .character-product-title {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .character-product .character-product-info .character-product-desc {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  .character-product .character-product-info .character-product-skus {
    margin-bottom: 20px;
  }
  .character-product .character-product-info .character-product-skus .character-product-sku {
    font-size: 20px;
    padding: 10px 10px 0;
    margin-bottom: 20px;
  }
  .character-product .character-product-info .character-product-buy-btn {
    margin-bottom: 20px;
    text-align: right;
  }
  .character-product .character-product-info .character-product-buy-btn .link-btn {
    display: inline-flex;
    width: 150px;
  }
  .character-product .character-product-info .character-product-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: stretch;
    gap: 10px;
  }
  .character-product .character-product-info .character-product-gallery .character-product-gallery-item {
    width: 100%;
    padding-top: 120%;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
  }
  .product-sku-detail {
    padding: 40px 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
  }
  .product-sku-detail .product-skus-list {
    width: 100%;
  }
  .product-sku-detail .product-skus-list .product-sku-item {
    font-size: 25px;
    width: 100%;
    height: 50px;
    line-height: 50px;
  }
  .product-sku-detail .product-sku-content {
    flex: 1;
  }
  .product-sku-detail .product-sku-content .product-sku-content-item {
    font-size: 28px;
  }
  .product-sku-detail .product-sku-content .product-sku-content-item .product-sku-content-line {
    font-size: 18px;
    line-height: 30px;
  }
  .character-gallery {
    padding: 60px 0;
    width: 100%;
  }
  .character-gallery .character-gallery-title {
    font-size: 26px;
  }
  .trademarks {
    padding: 0;
  }
  .trademarks-title {
    font-size: 44px;
  }
  .trademarks-des {
    font-size: 16px;
  }
  .trademarks-group {
    padding: 30px 0;
  }
  .trademarks-group .trademarks-group-title {
    font-size: 25px;
    margin-bottom: 20px;
    text-align: center;
  }
  .trademarks-group .trademarks-group-list {
    gap: 10px;
  }
  .trademarks-group .trademarks-group-list .trademark-row-break {
    display: none;
  }
  .trademarks-group .trademarks-group-list .trademark-row-c {
    width: 100%;
    height: 54.91px;
  }
  .trademarks-group .trademarks-group-list .trademark-row-c {
    margin-left: 0;
  }
  .page-container {
    padding: 0px 0 30px;
  }
  .page-container .page-container-header {
    margin-bottom: 20px;
  }
  .page-container .page-container-header .page-container-title {
    font-size: 44px;
  }
  .page-container .page-container-header .page-container-meta {
    font-size: 14px;
  }
  .page-container .page-container-content {
    font-size: 16px;
    line-height: 35px;
  }
  .page-container .page-container-content .page-container-content-title {
    font-size: 30px;
    line-height: 40px;
  }
}