@media screen and (max-width: 768px) {
  .head1 .menu {
    position: fixed;
    left: 0;
    top: -120vh;
    width: 100%;
    height: calc(100vh - var(--head));
    background: #2a2a2a;
    display: block;
    opacity: 0;
    overflow: auto;
    transition: all ease .3s;
    z-index: 50;
    color: #fff;
  }

  header.open .menu {
    top: var(--head);
    opacity: 1;
  }

  header.open .head1 {
    background: #2a2a2a;
  }

  .head1 .link {
    width: auto;
    margin-left: 0;
  }

  .head1 .link>a {
    width: 100%;
    display: block;
    border-bottom: 1px solid #9b9b9b;
    line-height: 50px;
    color: #fff;
  }

  .head1 .link a {
    padding: 0 20px;
  }

  .head1 .link::after {
    display: none;
    width: 52px;
    height: 10px;
    left: 50%;
    top: 100%;
    margin-top: 14px;
    transform: translate(-50%, -50%) scale(0);
  }

  .head1 .link:hover::after,
  .head1 .link.on::after {
    transform: translate(-50%, 0) scale(1);
  }

  .head1 .down {
    min-width: 80px;
    overflow: hidden;
    padding: 0;
  }

  .head1 .link .down {
    left: 50%;
    top: 100%;
    margin-top: 0;
    transform: translate(0, 0);
    min-width: 160px;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    position: static;
    opacity: 1;
    width: 100%;
    pointer-events: visible;
    border-bottom: 1px solid #ddd;
    display: none;
  }

  .head1 .link .down::before {
    width: 100%;
    height: 40px;
    bottom: 100%;
  }

  .head1 .link .down a {
    padding: 10px 30px;
    text-align: left;
    font-size: 14px;
    color: #666;
  }

  .head1 .link .down a:not(:last-child) {
    border-bottom: none;
  }

  .head1 .link .down-jt {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background: url('/img/icon-jia.svg') no-repeat center/15px;
  }


  .head1 .link.on .down-jt {
    background: url('/img/icon-jian.svg') no-repeat center/15px;
  }

  :root {
    --head: 72px;
  }

  svg {
    width: 100%;
    height: 100%;
  }

  .C-wrap {
    width: 95%;
  }

  .C-wrap2 {
    width: 90%;
  }

  .C-btn {
    display: inline-flex;
    flex-wrap: wrap;
    border-radius: 26px;
    padding: 10px 12px;
  }

  .C-btn.theme1 {
    background-image: linear-gradient(90deg, #ffe7c0 0%, #ffe7c0 55%, #d4b485 88%);
    background-size: 210% 100%;
  }

  .C-btn .icon {
    width: 12px;
    height: 12px;
    margin-left: 6px;
  }

  .C-btn2 {
    padding: 7px 10px;
    border-radius: 26px;
    box-shadow: 0 0 0 1px #000 inset;
  }

  .C-btn2:hover {
    box-shadow: 0 0 0 1px #ffe7c0 inset;
  }

  .C-btn2.theme2 {
    padding: 7px 30px;
    box-shadow: 0 0 0 1px #fff inset;
  }

  .C-btn2.theme2:hover {
    box-shadow: 0 0 0 1px #ffe7c0 inset;
  }

  .C-btn3 {
    display: inline-flex;
    flex-wrap: wrap;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, #ffe7c0 0%, #ffe7c0 55%, #d4b485 88%);
    background-size: 210% 100%;
  }

  body {
    font-size: 5px;
  }

  /* -----------------------------------------head,foot-------------------------------------- */
  .head1 {
    width: 100%;
    padding: 0 5%;
  }

  .isback .head1 {
    transform: translateY(-100%);
  }

  .head1 .logo {
    width: 139px;
  }

  .head1 .menu {
    gap: 27px;
    height: 100%;
  }

  .head1 .link {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
  }

  .head1 .link .tag {
    padding: 2px 4px 1px 4px;
    border-radius: 4px;
    margin-left: 2px;
  }

  .head1 .link>a {
    height: auto;
    display: flex;
  }

  .head1 .down {
    left: -19px;
    top: 100%;
    width: 152px;
    padding: 17px 8px;
    border-radius: 16px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  .head1 .down .li {
    display: flex;
    flex-wrap: wrap;
  }

  .head1 .down .li:not(:last-child) {
    margin-bottom: 6px;
  }

  .head1 .down .li .bg {
    width: 38px;
    height: 38px;
    border-radius: 10px;
  }

  .head1 .down .li .txt {
    margin-left: 8px;
    flex: 1;
  }

  .head1 .down .more {
    margin: 8px 0 0 auto;
  }

  .head1 .down .more span {
    text-underline-offset: 2px;
  }

  .head1 .down .more .icon {
    width: 8px;
  }

  .head1 .down2 {
    border-radius: 12px;
    backdrop-filter: blur(19px);
    padding: 8px;
    left: -14px;
    top: 100%;
    margin-top: 30px;
    width: 277px;
  }

  .head1 .down2::after {
    bottom: 100%;
    width: 100%;
    height: 40px;
  }

  .head1 .down2 a {
    padding: 8px 16px;
    border-radius: 12px;
  }

  .head1 .right {
    gap: 15px;
    margin-left: 0;
  }

  .head1 .right .a2 {
    padding: 6px 12px;
    border-radius: 6px;
    background-image: linear-gradient(90deg, #ffe7c0 0%, #ffe7c0 55%, #d4b485 88%);
    background-size: 210% 100%;
  }

  .head1 .right .a1 .icon {
    width: 18px;
  }

  .head1 .right .a1 span {
    margin-left: 2px;
  }

  .foot1 {
    padding: 32px 5% 0;
  }

  .foot1 .line {
    width: 100%;
    border-bottom: 1px solid rgba(217, 217, 217, 0.2);
    margin-top: 27px;
  }

  .foot1 .foot-link ul {
    width: auto;
  }

  .foot1 .foot-link ul:not(:last-child) {
    flex: none;
    width: 50%;
    margin-bottom: 20px;
  }

  .foot1 .foot-link ul:last-child {
    width: 80%;
  }

  .foot1 .foot-link .a1 {
    margin-bottom: 10px;
  }

  .foot1 .foot-link .a2 {
    margin-bottom: 4px;
  }

  .foot1 .shares {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .foot1 .shares .hpic {
    height: 28px;
  }

  .foot1 .foot-form {
    padding: 6px 8px;
    margin: 10px 0;
    border-radius: 25px;
  }

  .foot1 .foot-form input {
    flex: 1;
  }

  .foot1 .foot-form button {
    width: 14px;
  }

  .foot1 .foot-form .error-tip {
    top: 100%;
    margin-top: 4px;
  }

  .foot1 .foot-form .error-tip .icon {
    width: 12px;
    margin-right: 2px;
  }

  .foot1 .foot-form.error .error-tip {
    display: flex;
  }

  .foot2 {
    padding: 28px 5% 23px;
  }

  .foot2 .logo {
    width: 139px;
  }

  .foot2 .you {
    width: 100%;
    margin-top: 20px;
  }

  .foot2 .you .icon {
    width: 12px;
    margin-right: 8px;
    box-shadow: 0 0 0 2px #fff;
    border-radius: 100%;
  }

  .foot4 {
    padding: 0 5% 30px;
  }

  .foot4 .zuo {
    gap: 138px;
  }

  /* -----------------------------------------首页-------------------------------------- */
  .home1 .intr {
    padding: 0 5% 23px;
    width: 100%;
  }

  .home1 .intr .zuo {
    width: 100%;
  }

  .home1 .intr .t2 {
    margin: 7px 0 13px;
  }

  .home1 .pd-tuijian {
    position: static;
    margin-top: 20px;
    bottom: 35px;
    right: 32px;
    padding: 6px 8px 8px 8px;
    border-radius: 4px;
    -webkit-backdrop-filter: blur(39px);
    backdrop-filter: blur(39px);
  }

  .home1 .pd-tuijian .bg {
    width: 67px;
    height: 67px;
    border-radius: 10px;
  }

  .home1 .pd-tuijian .txt {
    width: 197px;
    margin-left: 5px;
    margin-right: 14px;
  }

  .home1 .pd-tuijian .icon {
    width: 20px;
    margin-bottom: 10px;
  }

  .home2 {
    padding: 146px 0 163px;
  }

  .home2 .text {
    width: 100%;
  }

  .home2 .text .t1 {
    letter-spacing: 0.5px;
  }

  .home2 .text .t2 {
    margin-top: 15px;
  }

  .home2 .xfpic1 {
    width: 260px;
    left: 0;
    top: 43px;
  }

  .home2 .xfpic2 {
    width: 300px;
    left: 183px;
    top: 136px;
  }

  .home3 .zuo {
    padding: 5% 5%;
    flex: none;
    width: 100%;
  }

  .home3 .zuo .t1 {
    letter-spacing: 0;
    width: 100%;
  }

  .home3 .zuo .t2 {
    letter-spacing: 0.5px;
    margin: 14px 0 30px;
  }

  .home3 .zuo .user {
    margin-bottom:70px;
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
  }

  .home3 .zuo .user .bg {
    width: 83px;
    height: 83px;
    border-radius: 100%;
  }

  .home3 .zuo .user .txt {
    padding-left: 34px;
    flex: 1;
  }

  .home3 .zuo .user .txt::before,
  .home3 .zuo .user .txt::after {
    width: 9px;
    height: 9px;
  }

  .home3 .zuo .user .txt::before {
    left: 12px;
    bottom: 100%;
    margin-bottom: 12px;
  }

  .home3 .zuo .user .txt::after {
    right: 37px;
    top: 100%;
    margin-top: 12px;
  }

  .home3 .zuo .user .t3 {
    width: 100%;
    letter-spacing: 0.5px;
  }

  .home3 .you {
    width: 80%;
    margin: 0 auto 20px;
    /* padding: 18px 60px 18px 0; */
    padding: 0;
  }

  .home3 .you .video-box {
    width: 100%;
    height: auto;
  }

  .home3 .you .video-box video {
    border-radius: 100%;
  }

  .home3 .you .mask {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 124%;
  }

  .home3 .you .pic {
    width: 100%;
    top: 10%;
    left: 3%;
  }

  .home4 {
    padding: 95px 5% 85px;
  }

  .home4 .sec1 {
    padding-right: 71px;
  }

  .home4 .sec1 .t1 {
    width: 100%;
    letter-spacing: -1px;
  }

  .home4 .sec1 .t2 {
    margin: 12px 0 10px;
  }

  .home4 .swiper {
    margin-top: 25px;
  }

  .home4 .swiper .item {
    width: 230px;
  }

  .home4 .swiper .item .btn {
    right: 8px;
    bottom: 10px;
    width: 33px;
    height: 33px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
    background: linear-gradient(90deg, #fff3df 0.4%, #d4b485 66.32%);
  }

  .home4 .swiper .item .btn .icon {
    width: 12px;
  }

  .home5 .swiper-slide {
    padding: 73px 5% 73px;
  }

  .home5 .swiper-pagination {
    bottom: 20px;
  }

  .home5 .zuo .t1 {
    width: 100%;
    background-image: linear-gradient(92deg, #fff3df 2.37%, #d4b485 51.24%);
  }

  .home5 .zuo .t2 {
    width: 100%;
    margin-top: 15px;
    letter-spacing: -1px;
    background-image: linear-gradient(92deg, #fff3df 2.37%, #d4b485 51.24%);
  }

  .home5 .zuo .pic {
    width: 100%;
    margin-top: -35px;
  }

  .home5 .you {
    padding: 29px 20px 31px 19px;
    border-radius: 10px;
    min-height: 388px;
    width: 100%;
    margin-top: 20px;
  }

  .home5 .you .t4 {
    margin: 3px 0 8px;
  }

  .home5 .you .t5 {
    margin-left: 6px;
  }

  .home5 .you .starts {
    display: flex;
    flex-wrap: wrap;
  }

  .home5 .you .starts img {
    width: 16px;
  }

  .home5 .you .t6 {
    margin-top: 6px;
  }

  .home5 .you .list {
    margin: 30px 0 7px;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
  }

  .home5 .you .list .item {
    padding: 8px 8px 9px 7px;
  }

  .home5 .you .list .item .name .icon {
    width: 15px;
    height: 15px;
  }

  .home5 .you .list .item .l {
    flex: 1;
  }

  .home5 .you .list .item .txt {
    margin-left: 6px;
    flex: 1;
  }

  .home5 .you .list .item .p2 {
    margin-top: 2px;
  }

  .home5 .you .list .item .content {
    border-top: 1px solid #e5e7eb;
    padding-top: 6px;
    margin-left: 20px;
    margin-top: 6px;
  }

  .home5 .you .list .item .content .li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2px;
  }

  .home5 .you .list .item .content .li .icon {
    width: 6px;
  }

  .home5 .you .list .item .content .li p {
    margin-left: 4px;
    flex: 1;
  }

  .home5 .you .list .item:nth-last-child(n+2) {
    border-bottom: 1px solid #e5e7eb;
  }

  .home5 .you .sec2 {
    height: 44px;
  }

  .home5 .you .sec2 .number {
    width: 44px;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    margin-right: 8px;
    display: flex;
    flex-wrap: wrap;
  }

  .home5 .you .sec2 .number-control {
    display: flex;
    flex-direction: column;
  }

  .home5 .you .sec2 .number-control .btn {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    display: flex;
    flex-wrap: wrap;
  }

  .home5 .you .sec2 .number-control .btn img {
    width: 6px;
  }

  .home5 .you .sec2 .C-btn3 {
    flex: 1;
    margin-left: 3px;
  }

  .home5 .you .t20 {
    margin-top: 6px;
  }

  .home6 .sec1 {
    padding: 74px 5% 50px;
  }

  .home6 .sec1 .t1 {
    width: 100%;
    letter-spacing: 0.5px;
  }

  .home6 .sec1 .t2 {
    width: 100%;
    margin: 10px 0 23px;
  }

  .home6 .swiper-slide {
    width: 177px;
    height: 252px;
  }

  .home6 .swiper-slide .poster {
    width: 100%;
    height: 100%;
  }

  .home6 .swiper-slide .pay-btn {
    right: 12px;
    bottom: 13px;
    width: 20px;
    height: 20px;
  }

  .home6 .swiper-slide .product-link {
    bottom: 18px;
    left: 14px;
    width: 37px;
    height: 37px;
    border-radius: 10px;
  }

  .bg video {
    width: 100%;
    height: 100%;
  }

  .home7 {
    padding: 70px 0 78px;
  }

  .home7 .zhuangshi {
    transform: translateY(-50%);
    width: 100%;
  }

  .home7 .sec1 .t1 {
    letter-spacing: 0.5px;
  }

  .home7 .swiper-father {
    padding: 47px 5% 0;
  }

  .home7 .swiper-slide {
    width: 194px;
  }

  .home7 .swiper-slide .icon {
    width: 45px;
    height: 45px;
  }

  .home7 .swiper-slide .t2 {
    margin: 12px 0 8px;
  }

  .home7 .swiper-slide .t3 {
    letter-spacing: 0.4px;
  }

  .home7 .C-control {
    margin-top: 43px;
  }

  .C-control .swiper-pagination {
    width: 272px;
    height: 1px;
    margin-right: 13px;
  }

  .C-control .play {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 1px solid #000;
    background-size: 10px;
  }

  .C-control .sbtn-group {
    margin-left: 24px;
  }

  .sbtn-group {
    gap: 5px;
  }

  .sbtn1 {
    width: 18px;
  }

  .home8 .sec1 {
    padding: 0 5% 31px;
  }

  .home8 .sec1 .t1 {
    letter-spacing: -1px;
  }

  .home8 .sec1 .t2 {
    margin-top: auto;
  }

  .home8 .swiper-slide {
    width: 293px;
  }

  .home8 .swiper-slide .bg {
    border-radius: 4px;
    height: 157px;
  }

  .home8 .swiper-slide .n1 {
    margin: 8px 0 8px;
    border-radius: 50px;
    border: 1px solid #dadada;
    padding: 3px 6px;
  }

  .home8 .swiper-slide .n2 {
    letter-spacing: -0.6px;
    width: 245px;
  }

  .home8 .swiper-slide .n3 {
    margin-top: 6px;
  }

  .home8 .swiper-slide .n3 .icon {
    width: 7px;
  }

  .home8 .sec3 {
    padding: 30px 0 45px;
    justify-content: center;
  }

  /* -----------------------------------------注释-------------------------------------- */
  .news1 .main {
    width: 100%;
    height: 100%;
    padding: 55px 5%;
    align-items: flex-start;
  }

  .news1 .bg {
    height: 450px;
  }

  .news1 .main .t1 {
    letter-spacing: 0.5px;
  }

  .news1 .main .t2 {
    margin-top: 12px;
    width: 100%;
  }

  .news1 .main .t3 {
    margin-top: 13px;
    width: 100%;
  }

  .news1 .main .C-btn {
    margin-top: 19px;
  }

  .news2 {
    padding: 43px 0 0;
  }

  .news2 .tabs {
    gap: 24px;
  }

  .news2 .news-list {
    margin-top: 43px;
  }

  .news2 .C-paging {
    margin-top: 24px;
  }

  .news-list {
    gap: 20px 10px;
  }

  .news-list .item .bg {
    height: 157px;
  }

  .news-list .item .intr {
    padding: 12px;
    gap: 6px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .news-list .item .intr .n1 {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }

  .news-list .item .intr .n1 span {
    padding: 3px 8px;
    border-radius: 50px;
    border: 1px solid #dadada;
  }

  .news-list .item .intr .n3-box {
    width: 100%;
  }

  .news-list .item .intr .n3 {
    letter-spacing: 0.5px;
  }

  .C-more .icon {
    width: 14px;
    margin-left: 4px;
  }

  .C-more::after {
    width: 100%;
    height: 1px;
  }

  .C-paging {
    gap: 18px;
  }

  .C-paging .pages {
    gap: 18px;
  }

  .C-paging a {
    border-radius: 8px;
    display: flex;
  }

  .C-paging a img {
    width: 4px;
  }

  .C-paging a.on {
    width: 30px;
    height: 30px;
  }

  .C-paging a.btn {
    width: 30px;
    height: 30px;
  }

  .news3 {
    padding: 79px 0 95px;
  }

  .news3 .t1 {
    width: 100%;
  }

  .page-bg {
    background-size: 100% auto;
    background: none !important;
  }

  .news4 {
    padding: 84px 5%;
  }

  .news4 .zuo {
    margin-top: 73px;
    width: 155px;
    border-radius: 4px;
    box-shadow: 0 4px 15px 5px rgba(0, 0, 0, 0.04);
    padding: 15px 10px;
    height: 100%;
    display: none;
  }

  .news4 .zuo .ul {
    margin-top: 10px;
  }

  .news4 .zuo .ul .li {
    margin-bottom: 14px;
    display: flex;
    flex-wrap: wrap;
  }

  .news4 .zuo .ul .li p {
    flex: 1;
  }

  .news4 .zhong {
    width: 100%;
  }

  .news4 .zhong .title .t1 {
    width: 100%;
  }

  .news4 .zhong .title .t2box {
    margin-top: 24px;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.8);
  }

  .news4 .zhong .title .share {
    width: 12px;
  }

  .news4 .zhong .empty {
    padding: 34px 0 39px;
  }

  .news4 .zhong .empty img {
    max-width: 100%;
    margin: 24px 0;
  }

  .news4 .zhong .empty .block-section {
    margin-bottom: 18px;
  }

  .news4 .zhong .empty .block-section .e1 {
    margin-bottom: 18px;
  }

  .news4 .zhong .shares .ul {
    gap: 6px;
  }

  .news4 .zhong .shares .li {
    width: 24px;
  }

  .news4 .zhong .fenye {
    margin-top: 16px;
  }

  .news4 .zhong .fenye .fenye-l {
    width: 100%;
    margin-bottom: 20px;
  }

  .news4 .zhong .fenye .fenye-l a:nth-last-child(n+2) {
    margin-bottom: 8px;
  }

  .news4 .zhong .fenye .fenye-r .icon {
    width: 18px;
    margin-right: 8px;
  }

  .news4 .you {
    margin-top: 73px;
    width: 155px;
    padding: 6px 12px;
    border-radius: 4px;
    box-shadow: 0 4px 15px 5px rgba(0, 0, 0, 0.04);
    height: 100%;
    display: none;
  }

  .news4 .you .ul {
    margin-top: 8px;
  }

  .news4 .you .ul .li {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }

  .news4 .you .ul .li .bg {
    width: 37px;
    height: 28px;
  }

  .news4 .you .ul .li .t2 {
    flex: 1;
    margin-left: 12px;
  }

  .news5 {
    padding: 0 5%;
  }

  .news5 .t1 {
    letter-spacing: -1px;
    margin-bottom: 23px;
  }

  .news6 {
    padding: 123px 0;
  }

  .news6 .t2 {
    margin-top: 18px;
  }

  .news6 .zs {
    width: 748px;
    height: 748px;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(212, 180, 133, 0.27) 0%, rgba(212, 180, 133, 0.22) 15%, rgba(212, 180, 133, 0.11) 30%, rgba(212, 180, 133, 0) 60%);
    bottom: -30%;
    right: -30%;
  }

  .sbtn2 {
    width: 26px;
    height: 26px;
    top: 50%;
    transform: translate(0, -50%);
  }

  .sbtn2.next {
    transform: rotateY(180deg) translate(0, -50%);
  }

  .C-banner .bg {
    height: 550px;
  }

  .C-banner.autoHeight .bg {
    height: 550px;
  }

  .C-banner .swiper-slide .intr {
    width: 100%;
    height: 100%;
    padding: 75px 0;
  }

  .C-banner .swiper-slide .intr .t2 {
    margin-top: 7px;
  }

  .C-banner .swiper-slide .intr .C-btn {
    margin-top: 13px;
  }

  .C-banner .sbtn2 {
    margin: 0 20px;
  }

  .C-banner .swiper-pagination {
    bottom: 25px;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-horizontal-gap: 3px;
  }

  .zj2 {
    padding: 124px 0 113px;
  }

  .zj2 .t1 {
    width: 100%;
  }

  .zj2 .t2 {
    width: 100%;
  }

  .zj2 .pic {
    margin: 34px 0 12px;
  }

  .zj3 {
    padding: 0 0 148px;
  }

  .zj3 .t1 {
    width: 100%;
  }

  .zj3 .t2 {
    width: 100%;
  }

  .zj3 .swiper {
    margin: 43px 0 32px;
  }

  .zj3 .swiper .swiper-slide {
    width: 172px;
  }

  .zj3 .swiper .swiper-slide .intr {
    padding: 8px 0 0;
  }

  .zj3 .swiper .swiper-slide .bg {
    height: 450px;
  }

  .zj3 .swiper .swiper-slide .intr .t3 {
    height: auto;
  }

  .zj3 .swiper .swiper-slide .intr .t4 {
    padding: 3px 6px;
    border-radius: 10px;
    border: 1px solid #dadada;
  }

  .zj3 .swiper .swiper-slide .intr .t5 {
    margin-top: 3px;
  }

  .zj3 .swiper .swiper-slide::after {
    left: 100%;
    margin-left: 12px;
    width: 1px;
    height: 100%;
  }

  .zj4 .main {
    width: 100%;
    height: 100%;
    padding: 0 0 26px;
    position: static;
    color: #000;
  }

  .zj4 .main .t2 {
    margin-top: 7px;
  }

  .zj4 .point-list .item .point {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 11px;
    height: 11px;
    border-radius: 100%;
  }

  .zj4 .point-list .item .point::after {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    border-radius: 12px;
  }

  .zj4 .point-list .item span {
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 17px;
  }

  .zj4 .swiper {
    right: 5%;
    bottom: 5%;
    height: auto;
    position: static;
    color: #000;
    width: 80%;
    margin: 10%;
  }

  .zj4 .swiper .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    width: 40vw;
    height: auto;
  }

  .zj4 .swiper .swiper-slide .icon {
    width: 18px;
  }

  .zj5 .main {
    width: 100%;
    height: 100%;
    padding: 39px 0;
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 36.13%, #000 100%); */
  }

  .zj5 .t2 {
    margin-top: 12px;
    width: 100%;
  }

  .zj5 .ul {
    margin-top: 42px;
    gap: 49px;
  }

  .zj5 .ul .li {
    padding: 0 0 22px;
    border-bottom: 1px solid #fff;
  }

  .zj5 .ul .li .t4 {
    margin-top: 2px;
  }

  .zj6 {
    padding: 124px 0 96px;
  }

  .zj6 .zuo {
    width: 100%;
    padding-top: 0;
  }

  .zj6 .zuo .t2 {
    margin: 24px 0;
  }

  .zj6 .you {
    width: 100%;
  }

  .zj6 .zs {
    left: -25%;
    bottom: -10%;
    width: 878px;
    height: 878px;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(212, 180, 133, 0.2) 0%, rgba(212, 180, 133, 0.16) 15%, rgba(212, 180, 133, 0.08) 30%, rgba(212, 180, 133, 0) 60%);
  }

  .C-form .form-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .C-form .form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .C-form .form-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
  }

  .C-form .form-item.w50 {
    flex: none;
    width: 100%;
  }

  .C-form .form-item.full {
    flex: 0 0 100%;
  }

  .C-form .form-input,
  .C-form .form-select-wrap,
  .C-form .form-textarea {
    border: 1px solid #727171;
    border-radius: 4px;
  }

  .C-form .form-input input {
    width: 100%;
    height: 34px;
    padding: 6px 10px;
  }

  .C-form .form-select-wrap {
    height: 34px;
    padding: 0 10px;
    display: flex;
    flex-wrap: wrap;
  }

  .C-form .form-select-wrap .form-select-display {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }

  .C-form .form-select-wrap .form-select-display span {
    flex: 1;
  }

  .C-form .form-select-wrap .form-select-display .arrow {
    width: 16px;
    height: 16px;
  }

  .C-form .form-select-wrap .form-select-options {
    top: 100%;
    width: 100%;
    max-height: 100px;
    border: 1px solid #727171;
    border-radius: 4px;
    margin-top: 2px;
  }

  .C-form .form-select-wrap .form-select-options .option {
    padding: 6px 10px;
  }

  .C-form .form-textarea {
    padding: 8px 9px;
    border-radius: 10px;
  }

  .C-form .form-textarea textarea {
    width: 100%;
    min-height: 65px;
  }

  .C-form .form-checkbox-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .C-form .form-checkbox-group .checkbox-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 45px;
  }

  .C-form .form-checkbox-group .checkbox-col {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .C-form .form-checkbox-group .checkbox-item {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .C-form .form-checkbox-group .checkbox-item .checkbox-box {
    width: 16px;
    height: 16px;
    border: 1px solid #999;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
  }

  .C-form .form-checkbox-group .checkbox-item .checkbox-box img {
    width: 10px;
  }

  .C-form .form-checkbox-group .checkbox-item .checkbox-label {
    flex: 1;
  }

  .C-form .form-submit {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
  }

  .C-form .form-submit button {
    width: 255px;
    height: 47px;
    border-radius: 10px;
    border-radius: 10px;
    background: linear-gradient(103deg, #fff3df 9.51%, #d4b485 35.66%);
  }

  .C-form .form-error {
    margin-top: 2px;
  }

  input:-webkit-autofill {
    box-shadow: 0 0 0 500px transparent inset !important;
  }


  .C-form .form-input-password {
    display: flex;
    padding-right: 10px;
  }

  .C-form .form-input-password .password-toggle {
    width: 10px;
    display: flex;
    flex-shrink: 0;
  }

  .C-form .form-input-password .password-toggle img {
    width: 100%;
    height: 100%;
  }

  .C-form .form-input-date {
    display: flex;
    padding-right: 10px;
  }

  .C-form .form-input-date .date-icon {
    width: 9px;
    display: flex;
    flex-shrink: 0;
  }

  .C-form .form-input-date .date-icon img {
    width: 100%;
    height: 100%;
  }

  .C-form-btn1 {
    min-width: 168px;
    padding: 12px 34px;
    border-radius: 10px;
  }

  .C-form-btn1::after {
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    border-radius: 10px;
  }

  .yhpj2 {
    padding: 100px 0 102px;
  }

  .yhpj2 .t2 {
    margin-top: 12px;
  }

  .yhpj2 .list {
    margin-top: 43px;
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
  }

  .yhpj2 .list .item {
    border-radius: 8px;
  }

  .yhpj2 .list .item .poster {
    width: 100%;
    height: 100%;
  }

  .yhpj2 .list .item .pay-btn {
    right: 12px;
    bottom: 13px;
    width: 20px;
    height: 20px;
  }

  .yhpj3 .main {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
  }

  .yhpj3 .main .t1 {
    width: 100%;
  }

  .yhpj3 .main .t2 {
    width: 100%;
    margin-top: 18px;
  }

  .yhpj4 {
    padding: 100px 0;
  }

  .yhpj4 .zuo {
    width: 100%;
  }

  .yhpj4 .zuo .t1 {
    letter-spacing: -1px;
  }

  .yhpj4 .zuo .pd-tuijian a {
    height: 44px;
    padding: 0 10px 0 5px;
    border-radius: 4px;
  }

  .yhpj4 .zuo .pd-tuijian a.on {
    display: flex;
  }

  .yhpj4 .zuo .pd-tuijian .bg {
    width: 34px;
    height: 34px;
  }

  .yhpj4 .zuo .pd-tuijian .txt {
    flex: 1;
    margin-right: 10px;
  }

  .yhpj4 .zuo .pd-tuijian .icon {
    width: 12px;
  }

  .yhpj4 .you {
    flex: none;
    width: 100%;
    margin: 24px 0 0;
  }

  .yhpj4 .you .swiper-slide {
    width: 177px;
    border-radius: 8px;
  }

  .yhpj4 .you .swiper-slide .poster {
    width: 100%;
    height: 100%;
  }

  .yhpj4 .you .swiper-slide .pay-btn {
    right: 12px;
    bottom: 13px;
    width: 20px;
    height: 20px;
  }

  .yhpj4 .yhpj4-cur {
    width: 100px;
  }

  .yhpj6 {
    padding: 100px 0;
  }

  .yhpj6 .title .t1 {
    letter-spacing: -1px;
    margin-bottom: 4px;
  }

  .yhpj6 .swiper {
    margin-top: 34px;
  }

  .yhpj6 .swiper .swiper-slide {
    width: 185px;
  }

  .yhpj6 .swiper .swiper-slide .bg {
    border-radius: 8px;
  }

  .yhpj6 .swiper .swiper-slide .poster {
    width: 100%;
    height: 100%;
  }

  .yhpj6 .swiper .swiper-slide .pay-btn {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 29px;
    height: 29px;
  }

  .yhpj6 .swiper .swiper-slide .intr {
    padding: 16px 0 0;
  }

  .yhpj6 .swiper .swiper-slide .intr .starts {
    display: flex;
    flex-wrap: wrap;
    margin-right: 15px;
  }

  .yhpj6 .swiper .swiper-slide .intr .starts img {
    width: 11px;
  }

  .yhpj6 .swiper .swiper-slide .intr .t4 {
    margin-top: 6px;
  }

  .yhpj7 {
    overflow: hidden;
  }

  .yhpj7 .main {
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    padding-top: 160px;
    background: rgba(0, 0, 0, 0.4);
  }

  .yhpj7 .main .t1 {
    margin-bottom: 24px;
  }

  .about2 {
    padding: 124px 0;
  }

  .about2 .t1 {
    width: 100%;
  }

  .about2 .t2 {
    width: 100%;
  }

  .about2 .list {
    margin-top: 74px;
  }

  .about2 .list .item {
    width: 45%;
    margin-bottom: 20px;
  }

  .about2 .list .item .t3 {
    font-size: 32px;
    display: flex;
    flex-wrap: wrap;
  }

  .about2 .list .fenge {
    width: 1px;
    height: 29px;
    display: none;
  }

  .about3 {
    padding: 0 0 124px;
  }

  .about3 .zuo {
    width: 100%;
  }

  .about3 .zuo .t2 {
    margin-top: 43px;
  }

  .about3 .zuo .ul {
    margin-top: 43px;
  }

  .about3 .zuo .ul .li {
    margin-bottom: 9px;
    display: flex;
    flex-wrap: wrap;
  }

  .about3 .zuo .ul .li::before {
    width: 6px;
    height: 6px;
    margin-right: 5px;
    border-radius: 100%;
  }

  .about3 .zuo .ul .li p {
    flex: 1;
  }

  .about3 .zuo .t3 {
    margin-top: 43px;
  }

  .about3 .you {
    width: 80%;
    margin: 0 auto;
  }

  .about5 {
    padding: 72px 0 124px;
  }

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

  .about5 .main {
    margin-top: 34px;
  }

  .about5 .zuo {
    width: 100%;
  }

  .about5 .zuo .t3 {
    margin-top: 8px;
  }

  .about5 .zuo .pic {
    margin-top: 24px;
  }

  .about5 .you {
    width: 100%;
    margin-top: 20px;
  }

  .about5 .you .swiper {
    height: 459px;
  }

  .about5 .you .swiper::after {
    width: 1px;
    height: 100%;
    left: 3px;
    top: 8px;
  }

  .about5 .you .swiper-slide {
    padding-left: 18px;
  }

  .about5 .you .swiper-slide::after {
    top: 6px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
  }

  .about5 .you .t6 {
    margin-top: 6px;
  }

  .about6 {
    padding: 0 0 60px;
  }

  .about6 .C-btn2 {
    padding: 7px 24px;
  }

  .about6 .news-list {
    margin-top: 40px;
  }

  .about7 {
    padding: 60px 0 124px;
  }

  .about7 .swiper-father {
    padding: 43px 0 0;
  }

  .about7 .swiper-slide {
    width: 194px;
  }

  .about7 .swiper-slide .icon {
    width: 45px;
    height: 45px;
  }

  .about7 .swiper-slide .t2 {
    margin: 12px 0 8px;
  }

  .about7 .swiper-slide .t3 {
    letter-spacing: 0.4px;
  }

  .about7 .C-control {
    margin-top: 43px;
  }

  .kexue2 {
    padding: 124px 0;
  }

  .kexue2 .sec1 {
    align-items: flex-end;
  }

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

  .kexue2 .swiper {
    margin-top: 43px;
  }

  .kexue2 .swiper-slide {
    width: 241px;
  }

  .kexue2 .swiper-slide .t2 {
    padding: 21px 0 8px;
  }

  .kexue2 .swiper-slide .t2 p {
    height: auto;
  }

  .kexue2 .swiper-slide .t4 {
    padding: 2px 5px;
    border-radius: 50px;
    border: 1px solid #dadada;
    margin-left: 6px;
  }

  .kexue2 .swiper-slide .t5 {
    margin-top: 3px;
  }

  .kexue2 .zs {
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(212, 180, 133, 0.24) 0%, rgba(212, 180, 133, 0.19) 15%, rgba(212, 180, 133, 0.1) 30%, rgba(212, 180, 133, 0) 60%);
    right: -30%;
    top: -30%;
    width: 662px;
    height: 662px;
  }

  .kexue3 {
    padding: 100px 5% 60px;
  }

  .kexue3 .zuo {
    width: 100%;
  }

  .kexue3 .zuo .t1 {
    background-image: linear-gradient(92deg, #fff3df 2.37%, #d4b485 51.24%);
  }

  .kexue3 .zuo .t2 {
    margin-top: 34px;
    letter-spacing: 0.5px;
  }

  .kexue3 .you {
    width: 100%;
    margin-top: 20px;
  }

  .kexue4 {
    padding: 0 5%;
  }

  .kexue4 .zuo {
    width: 100%;
  }

  .kexue4 .you {
    padding: 20px 0;
    flex: none;
    width: 100%;
  }

  .kexue4 .you .Ecollapse {
    border-top: 1px solid #d9dddb;
    margin-top: 34px;
  }

  .kexue4 .you .Ecollapse-item {
    padding: 9px 5px 9px 0;
    border-bottom: 1px solid #d9dddb;
  }

  .kexue4 .you .Ecollapse-item:nth-last-child(n+2) {
    margin-bottom: 10px;
  }

  .kexue4 .you .Ecollapse-item .Ecollapse-name .icon {
    width: 13px;
    height: 13px;
  }

  .kexue4 .you .Ecollapse-name-col {
    flex: 1;
  }

  .kexue4 .you .Ecollapse-content .t5 {
    margin-top: 12px;
  }

  .kexue5 .main {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
  }

  .kexue5 .main .zuo {
    width: 100%;
  }

  .kexue5 .main .t1 {
    background-image: linear-gradient(91deg, #f1dfc2 3.15%, #d4b485 66.32%);
  }

  .kexue5 .main .t2 {
    background-image: linear-gradient(92deg, #fff3df 2.37%, #d4b485 51.24%);
    margin-top: 15px;
  }

  .kexue5 .main .C-btn {
    margin-top: 93px;
  }

  .kexue6 {
    padding: 124px 0;
  }

  .kexue6 .sec1 {
    align-items: flex-end;
  }

  .kexue6 .swiper {
    margin: 43px 0 34px;
  }

  .kexue6 .swiper .swiper-slide {
    width: 369px;
  }

  .kexue6 .swiper .swiper-slide .pic {
    width: 110px;
    margin-right: 18px;
  }

  .kexue6 .swiper .swiper-slide .intr {
    flex: 1;
  }

  .kexue6 .swiper .swiper-slide .intr .t2 {
    margin-bottom: 18px;
  }

  .kexue7 {
    padding: 0 0 124px;
  }

  .kexue7 .list {
    gap: 54px;
    margin-top: 44px;
  }

  .kexue7 .list .item .intr {
    padding-top: 24px;
    gap: 7px;
  }

  .kexue7 .list .item .intr .n1 {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }

  .kexue7 .list .item .intr .n1 span {
    padding: 2px 5px;
    border-radius: 20px;
    border: 1px solid #dadada;
  }

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

  .pd2 {
    padding: 23px 5% 65px;
  }

  .pd2 .zuo {
    width: 100%;
    margin-right: 19px;
    height: 100%;
    /* position: static; */
    position: sticky;
    /* top: 3vh; */
    top: 90px;
    left: 0;
    z-index: 5;
    transition: all ease 0.6s;
  }

  .isback .pd2 .zuo {
    top: 3vh;
  }

  .pd2 .zuo .ul {
    /* margin-top: 15px; */
    margin: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: #fff;
    z-index: 10;
    padding: 85px 5% 20px;
    overflow: auto;
    display: none;
  }

  .pd2 .zuo .ul.on {
    display: block;
    animation: fadeInLeft 1s ease forwards;
  }

  .pd2 .zuo .t1 {
    display: flex;
    gap: 10px;
    background-image: linear-gradient(90deg, #ffe7c0 0%, #ffe7c0 55%, #d4b485 88%);
    background-size: 210% 100%;
    width: fit-content;
    border-radius: 26px;
    padding: 10px 12px;
    margin-bottom: 20px;
    align-items: center;
    font-weight: 500;
    box-shadow: 2px 1px 16px 0px #ffffff70;
  }

  .pd2 .zuo .ul .close {
    background: url(/img/pd3-i1-h.svg) no-repeat center / contain;
    ;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5%;
  }

  .pd2 .zuo .ul .li {
    margin-bottom: 15px;
  }

  .pd2 .zuo .ul .li .name {
    padding: 12px 0;
  }

  .pd2 .zuo .ul .li:nth-child(2) .name {
    padding: 45px 0 12px;
  }

  .pd2 .zuo .ul .li .name span {
    flex: 1;
  }

  .pd2 .zuo .ul .li .name .icon {
    width: 18px;
    height: 18px;
  }

  .pd2 .zuo .ul .li.on .name .icon {
    background-image: url(/img/jh.svg);
  }

  .pd2 .zuo .ul .li .down .down-item {
    display: flex;
    flex-wrap: wrap;
  }

  .pd2 .zuo .ul .li .down .down-item:nth-last-child(n+2) {
    margin-bottom: 16px;
  }

  .pd2 .zuo .ul .li .down .down-item .icon {
    width: 12px;
    height: 12px;
    margin-right: 6px;
  }

  .pd2 .you {
    flex: 1;
  }

  .pd2 .you .pd-list {
    margin-top: 34px;
  }

  .pd2 .you .C-paging {
    margin-top: 24px;
  }

  .pd2 .sec1 {
    display: flex;
    flex-wrap: wrap;
  }

  .pd2 .sec1 .product-info {
    width: 100%;
    padding: 19px 15px;
  }

  .pd2 .sec1 .product-info .pic {
    width: 193px;
  }

  .pd2 .sec1 .product-info .intr {
    padding: 12px 0 0;
    flex: none;
    width: 100%;
  }

  .pd2 .sec1 .product-info .intr .t1 {
    letter-spacing: -0.337px;
  }

  .pd2 .sec1 .product-info .intr .t3 {
    margin-top: 12px;
  }

  .pd2 .sec1 .product-info .intr .t4-box {
    margin-top: 19px;
    margin-bottom: 17px;
    letter-spacing: -0.397px;
  }

  .pd2 .sec1 .product-info .intr .t5 {
    margin-left: 8px;
  }

  .pd2 .sec1 .product-info .intr .C-more {
    margin-right: 15px;
  }

  .pd2 .sec1 .product-info .intr .t6 {
    margin-top: 12px;
    letter-spacing: -0.34px;
  }

  .pd2 .sec1 .bg {
    width: 100%;
    height: auto;
    margin-top: 20px;
  }

  .pd-list {
    gap: 14px 10px;
  }

  .pd-list .pd-item {
    padding: 24px 15px;
  }

  .pd-list .pd-item .pic {
    width: 158px;
  }

  .pd-list .pd-item .intr {
    padding-left: 23px;
    flex: 1;
  }

  .pd-list .pd-item .intr .t1 {
    letter-spacing: -0.337px;
  }

  .pd-list .pd-item .intr .t3 {
    margin-top: 12px;
  }

  .pd-list .pd-item .intr .t4-box {
    margin-top: 15px;
    margin-bottom: 14px;
    letter-spacing: -0.397px;
  }

  .pd-list .pd-item .intr .t5 {
    margin-left: 8px;
  }

  .pd-list .pd-item .intr .C-more {
    margin: 0 0 15px;
  }

  .pd5 {
    padding: 35px 0;
  }

  .pd5 .mbx {
    padding: 0 3px;
  }

  .pd5 .mbx a {
    margin-left: 7px;
  }

  .pd5 .main {
    margin-top: 14px;
  }

  .pd5 .zuo {
    width: 100%;
    height: 100%;
    position: static;
  }

  .pd5 .zuo .firPic {}

  .pd5 .zuo .pic-list .gdnr {
    width: max-content;
    display: flex;
    flex-wrap: nowrap;
  }

  .pd5 .zuo .pic-list .gdnr .pic {
    width: 50vw;
  }

  .pd5 .you {
    width: 100%;
    margin-top: 20px;
  }

  .pd5 .you .t2 {
    margin: 4px 0 7px;
  }

  .pd5 .you .starts {
    display: flex;
    flex-wrap: wrap;
  }

  .pd5 .you .starts img {
    width: 20px;
  }

  .pd5 .you .t3 {
    margin-left: 8px;
  }

  .pd5 .you .t4 {
    margin-top: 25px;
  }

  .pd5 .sec2 {
    margin-top: 12px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding: 12px 0;
  }

  .pd5 .sec2 .size-list {
    /* margin-top: 8px; */
    gap: 12px;
  }

  .pd5 .sec2 .size-list .size-item {
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
  }

  .pd5 .sec2 .size-list .size-item.on {
    border: 1px solid #ffe7c0;
  }

  .pd5 .sec3 {
    margin-top: 24px;
  }

  .pd5 .sec3 .option-list {
    margin-top: 8px;
  }

  .pd5 .sec3 .option-list .option-item {
    border: 1px solid #dcdcdc;
    padding: 12px;
    display: flex;
    flex-wrap: wrap;
    margin-top: -1px;
  }

  .pd5 .sec3 .option-list .option-item .icon {
    width: 12px;
    height: 12px;
  }

  .pd5 .sec3 .option-list .option-item span {
    margin-left: 4px;
  }

  .pd5 .sec3 .option-list .option-item .zhekou {
    border-radius: 2px;
    padding: 2px 6px;
    margin-left: 6px;
  }

  .pd5 .sec4 {
    height: 50px;
    margin-top: 24px;
  }

  .pd5 .sec4 .number {
    width: 47px;
    height: 100%;
    border-radius: 4px;
    border: 2px solid #e5e5e5;
    margin-right: 4px;
    display: flex;
    flex-wrap: wrap;
  }

  .pd5 .sec4 .number-control {
    display: flex;
    flex-direction: column;
  }

  .pd5 .sec4 .number-control .btn {
    width: 23px;
    height: 23px;
    border-radius: 4px;
    border: 2px solid #e5e5e5;
    display: flex;
    flex-wrap: wrap;
  }

  .pd5 .sec4 .number-control .btn img {
    width: 9px;
  }

  .pd5 .sec4 .C-btn3 {
    flex: 1;
    margin-left: 3px;
  }

  .pd5 .baoyou {
    margin-top: 8px;
    padding-left: 78px;
  }

  .pd5 .sec5 {
    margin-top: 34px;
  }

  .pd5 .sec5 .Ecollapse-item {
    border-top: 1px solid #dcdcdc;
    padding: 12px;
  }

  .pd5 .sec5 .Ecollapse-item .Ecollapse-name .icon {
    width: 18px;
    height: 18px;
  }

  .pd5 .sec5 .Ecollapse-content {
    padding-left: 5px;
  }

  .pd5 .sec5 .Ecollapse-content .ul .li {
    margin-top: 8px;
  }

  .pd6 {
    padding: 50px 0 124px;
  }

  .pd6 .main {
    margin-top: 34px;
  }

  .pd6 .zuo {
    width: 100%;
  }

  .pd6 .you {
    padding: 20px 0;
    flex: none;
    width: 100%;
  }

  .pd6 .you .Ecollapse {
    border-top: 1px solid #d9dddb;
    margin-top: 34px;
  }

  .pd6 .you .Ecollapse-item {
    padding: 12px;
    border-bottom: 1px solid #d9dddb;
  }

  .pd6 .you .Ecollapse-item .Ecollapse-name .icon {
    width: 16px;
    height: 16px;
  }

  .pd6 .you .Ecollapse-name-col {
    flex: 1;
  }

  .pd6 .you .Ecollapse-content .t5 {
    margin-top: 6px;
    padding-left: 5px;
  }

  .pd6 .you .Ecollapse-content .t5 p {
    margin-bottom: 4px;
  }

  .pd6 .you .beizhu {
    padding: 0 12px;
  }

  .pd7 .main {
    width: 100%;
    height: 100%;
  }

  .pd7 .main .C-title {
    width: 100%;
  }

  .pd7 .main .list {
    margin-top: 123px;
    gap: 20px 10px;
    justify-content: space-around;
  }

  .pd7 .main .list .item .icon {
    width: 34px;
  }

  .pd7 .main .list .item .t2 {
    margin-top: 12px;
  }

  .pd8 {
    padding: 124px 0 62px;
  }

  .pd8 .main {
    margin-top: 34px;
  }

  .pd8 .main .zuo {
    width: 100%;
  }

  .pd8 .main .zuo .li {
    padding-bottom: 20px;
    padding-left: 13px;
  }

  .pd8 .main .zuo .li .point {
    top: 7px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
  }

  .pd8 .main .zuo .li .line {
    left: 2px;
    top: 7px;
    width: 1px;
    height: 100%;
  }

  .pd8 .main .zuo .li .t3 {
    padding: 5px 10px;
    border-radius: 13px;
  }

  .pd8 .main .zuo .li .t4 {
    margin-left: 6px;
  }

  .pd8 .main .zuo .li .dl {
    margin-top: 10px;
  }

  .pd8 .main .zuo .li .dl .dd {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 6px;
  }

  .pd8 .main .zuo .li .dl .dd::before {
    width: 3px;
    height: 3px;
    border-radius: 100%;
    margin-right: 16px;
    margin-left: 6px;
  }

  .pd8 .main .zuo .li .dl .dd p {
    flex: 1;
  }

  .pd8 .main .zuo .sec2 {
    padding: 9px 12px;
  }

  .pd8 .main .zuo .sec2 .pic {
    width: 63px;
  }

  .pd8 .main .zuo .sec2 .txt {
    flex: 1;
    margin-left: 8px;
  }

  .pd8 .main .zuo .sec2 .t6 {
    margin-bottom: 3px;
  }

  .pd8 .main .you {
    width: 100%;
    margin-top: 20px;
  }

  .pd9 {
    padding: 62px 0;
  }

  .pd9 .main {
    margin-top: 24px;
  }

  .pd9 .zuo {
    flex: none;
    width: 100%;
    margin-right: 8px;
    padding: 29px 5% 29px;
  }

  .pd9 .zuo .pd-img {
    width: 214px;
  }

  .pd9 .sec2 {
    width: 100%;
  }

  .pd9 .zuo .list {
    width: 100%;
    margin-top: 15px;
    border-radius: 8px;
  }

  .pd9 .zuo .list .item {
    padding: 24px 24px;
  }

  .pd9 .zuo .list .item::after {
    left: 24px;
    width: calc(100% - 48px);
    height: 1px;
    border-bottom: 1px solid #fff3df;
  }

  .pd9 .zuo .list .item .t4 {
    padding: 5px 10px;
    border-radius: 13px;
    background: linear-gradient(90deg, #fff3df 0.4%, #d4b485 66.32%);
    left: 24px;
    bottom: 100%;
    transform: translateY(50%);
  }

  .pd9 .zuo .list .item .t6 {
    margin: 2px 0;
  }

  .pd9 .zuo .list .item .btn {
    width: 34px;
    height: 34px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
    background: linear-gradient(90deg, #fff3df 0.4%, #d4b485 66.32%);
  }

  .pd9 .zuo .list .item .btn .icon {
    width: 18px;
  }

  .pd9 .zuo .list .item.on {
    padding: 18px 24px;
    border-radius: 8px;
    border: 2px solid #fff3df;
    box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.4);
  }

  .pd9 .you {
    width: 100%;
    display: none;
  }

  .pd10 {
    padding: 62px 0;
  }

  .pd10 .main {
    margin-top: 24px;
  }

  .pd10 .pic {
    width: 100%;
  }

  .pd10 .Ecollapse {
    width: 100%;
  }

  .pd10 .Ecollapse-item {
    padding: 12px;
    border-top: 1px solid #dcdcdc;
  }

  .pd10 .Ecollapse-item .Ecollapse-name .icon {
    width: 15px;
    height: 15px;
  }

  .pd10 .Ecollapse-name-col {
    flex: 1;
  }

  .pd10 .Ecollapse-content {
    padding: 8px 0 0;
  }

  .pd10 .Ecollapse-content p {
    margin-bottom: 8px;
  }

  .pd11 {
    padding: 62px 0;
  }

  .pd11 .swiper {
    margin: 43px 0 34px;
  }

  .pd11 .swiper-slide {
    width: 241px;
  }

  .pd11 .swiper-slide .intr {
    padding: 21px 0 0;
  }

  .pd11 .swiper-slide .intr .t3 {
    padding: 2px 5px;
    border-radius: 50px;
    margin-left: 6px;
    border: 1px solid #dadada;
  }

  .pd11 .swiper-slide .intr .t4 {
    margin-top: 3px;
  }

  .pd12 {
    padding: 62px 0;
  }

  .pd12 .list {
    margin-top: 34px;
  }

  .pd12 .list .item {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding: 18px 24px;
  }

  .pd12 .list .item .line1 {
    width: 100%;
    height: 1px;
  }

  .pd12 .list .item .line2 {
    width: 100%;
    height: 1px;

    margin: 20px 0;
  }

  .pd12 .list .item .zuo {
    width: 100%;
  }

  .pd12 .list .item .zuo .bg {
    width: 43px;
    height: 43px;
    border-radius: 100%;
  }

  .pd12 .list .item .zuo .txt {
    flex: 1;
    margin-left: 12px;
  }

  .pd12 .list .item .zuo .txt .t1 {
    margin-bottom: 8px;
  }

  .pd12 .list .item .zuo .txt .icon {
    width: 8px;
    margin-left: 2px;
  }

  .pd12 .list .item .zuo .sec2 {
    margin: 10px 0 9px;
  }

  .pd12 .list .item .zuo .sec3 {
    margin-top: 9px;
  }

  .pd12 .list .item .you {
    width: 100%;
  }

  .pd12 .list .item .you .t11 {
    margin-top: 9px;
  }

  .pd13 {
    padding: 62px 0 127px;
  }

  .pd13 .C-title {
    width: 100%;
  }

  .pd13 .swiper {
    margin: 34px 0 27px;
  }

  .pd13 .swiper-slide {
    width: 287px;
    border-radius: 4px;
    padding: 11px 16px;
  }

  .pd13 .swiper-slide .starts img {
    width: 20px;
  }

  .pd13 .swiper-slide .t1 {
    margin-top: 12px;
  }

  .pd13 .swiper-slide .t2 {
    margin-top: 10px;
    height: 291px;
  }

  .pd13 .swiper-slide .t3 {
    margin-top: 12px;
  }

  .terms1 {
    padding: 95px 5% 110px;
  }

  .terms1 .t1 {
    margin-bottom: 27px;
  }

  .orders1 {
    padding: 79px 0 125px;
  }

  .C-back {
    gap: 7px;
  }

  .C-back img {
    width: 20px;
  }

  .orders1-header {
    margin-top: 35px;
  }

  .orders1-tabs {
    margin-top: 34px;
    gap: 11px;
  }

  .orders1-tabs .tab-item {
    display: flex;
    width: 104px;
    padding: 7px 10px;
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.5);
  }

  .orders1-tabs .tab-item.active {
    background: linear-gradient(106deg, rgba(255, 243, 223, 1) 0%, rgba(212, 180, 133, 1) 66%);
  }

  .orders1-list {
    margin-top: 24px;
  }

  .orders1 .orders-ev {
    padding: 24px;
    border-radius: 12px;
    border: 1px solid #000;
    margin-bottom: 48px;
  }

  .order-item {
    padding: 18px 0;
    position: relative;
  }

  .order-left {
    gap: 14px;
  }

  .order-img {
    width: 108px;
    height: 108px;
  }

  .order-img img {
    width: 100%;
    height: 100%;
  }

  .order-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .order-details {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .order-details .detail-row {
    gap: 8px;
  }

  .order-details .label {
    width: 88px;
  }

  .order-right {
    gap: 34px;
    position: absolute;
    right: 0;
    top: 30px;
  }

  .orders1-status {
    margin-top: 30px;
    margin-left: 0;
    width: 100%;
  }

  .orders1-status .status-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
  }

  .orders1-status .status-line {
    width: 100%;
    height: 1px;
  }

  .orders1-status .address {
    margin-top: 8px;
  }

  .orders1-divider {
    width: 100%;
    height: 1px;
    margin: 16px 0;
  }

  .orders1-summary {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-left: 14px;
  }

  .orders1-total {
    padding: 0 12px;
  }

  /* -----------------------------------------注释-------------------------------------- */
  .login1 {
    padding: 84px 0;
  }

  .login1 .C-wrap2 {
    gap: 62px;
  }

  .login1-register,
  .login1-signin {
    flex: none;
    width: 100%;
  }

  .login1 .form-title1 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
  }

  .login1 .form-title1 .title-line {
    width: 100%;
    height: 1px;
  }

  .login1 .form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .login1 .form-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: none;
    width: 100%;
  }

  .login1 .form-item.w50 {
    flex: 0 0 calc(50% - 6px);
  }

  .login1 .form-item.full {
    flex: 0 0 100%;
  }

  .login1 .form-input {
    border: 1px solid #727171;
    border-radius: 4px;
    display: flex;
  }

  .login1 .form-input input {
    flex: none;
    width: 100%;
    height: 24px;
    padding: 6px 10px;
  }

  .login1 .form-select-wrap {
    height: 24px;
    padding: 0 10px;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #727171;
    border-radius: 4px;
  }

  .login1 .form-select-wrap .form-select-display {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }

  .login1 .form-select-wrap .form-select-display span {
    flex: none;
    width: 100%;
  }

  .login1 .form-select-wrap .form-select-display .arrow {
    width: 8px;
    height: 8px;
  }

  .login1 .form-select-wrap .form-select-display .arrow img {
    width: 100%;
    height: 100%;
  }

  .login1 .form-select-wrap .form-select-options {
    top: 100%;
    width: 100%;
    max-height: 100px;
    border: 1px solid #727171;
    border-radius: 4px;
    margin-top: 2px;
  }

  .login1 .form-select-wrap .form-select-options .option {
    padding: 6px 10px;
  }

  .login1 .google-signin {
    gap: 5px;
    margin-bottom: 10px;
  }

  .login1 .google-signin .google-icon {
    width: 12px;
    height: 12px;
  }

  .login1 .C-form-btn1 {
    margin: 38px 0 0 auto;
  }

  .user1 {
    padding: 124px 0 84px;
  }

  .user1-title {
    width: 100%;
  }

  .user1-main {
    width: 100%;
    margin-top: 43px;
  }

  .user1-left {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 91px;
  }

  .user1-right {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 34px;
    margin-top: 34px;
  }

  .plan-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .plan-name {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .plan-name-inner {
    width: 100%;
  }

  .plan-arrow {
    width: 12px;
    display: flex;
  }

  .plan-arrow img {
    width: 100%;
    height: 100%;
  }

  .plan-line {
    width: 100%;
    height: 1px;
  }

  .plan-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .plan-content-inner {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .user1 .C-form .form-body {
    gap: 12px;
  }

  .user1 .C-form .form-row {
    gap: 12px;
  }

  .user1 .C-form .form-item {
    flex: none;
    width: 100%;
  }

  .user1 .C-form .form-item.w50 {
    flex: none;
    width: 100%;
  }

  .user1 .C-form .form-item.full {
    flex: 0 0 100%;
  }

  .user1 .form-input {
    border: 1px solid #727171;
    border-radius: 4px;
    display: flex;
  }

  .user1 .form-input input {
    flex: 1;
    height: 34px;
    padding: 6px 10px;
  }

  .user1 .form-select-wrap {
    height: 34px;
    padding: 0 10px;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #727171;
    border-radius: 4px;
  }

  .user1 .form-select-wrap .form-select-display {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }

  .user1 .form-select-wrap .form-select-display span {
    flex: 1;
  }

  .user1 .form-select-wrap .form-select-display .arrow {
    width: 8px;
    height: 8px;
  }

  .user1 .form-select-wrap .form-select-display .arrow img {
    width: 100%;
    height: 100%;
  }

  .user1 .form-select-wrap .form-select-options {
    top: 100%;
    width: 100%;
    max-height: 100px;
    border: 1px solid #727171;
    border-radius: 4px;
    margin-top: 2px;
  }

  .user1 .form-select-wrap .form-select-options .option {
    padding: 6px 10px;
  }

  .form-input-phone {
    display: flex;
    border: 1px solid #727171;
    border-radius: 4px;
    height: 34px;
    padding: 0 10px;
  }

  .phone-country-display {
    gap: 4px;
  }

  .phone-country-display .country-flag {
    width: 12px;
    height: 9px;
  }

  .phone-country-display .country-arrow {
    width: 6px;
    height: 6px;
  }

  .phone-country-options {
    top: 100%;
    width: 60px;
    max-height: 100px;
    border: 1px solid #727171;
    border-radius: 4px;
    margin-top: 4px;
  }

  .phone-country-options .option {
    padding: 4px 6px;
    display: flex;
    gap: 4px;
  }

  .phone-country-options .option img {
    width: 12px;
    height: 9px;
  }

  .phone-divider {
    width: 1px;
    height: 12px;
    margin: 0 8px;
  }

  .phone-input {
    flex: 1;
    height: 100%;
  }

  .type-checkbox2 {
    display: flex;
    gap: 6px;
  }

  .type-checkbox2 .checkbox-box {
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    border-radius: 4px;
  }

  .type-checkbox2 .checkbox-box::after {
    left: 50%;
    top: 45%;
    width: 6px;
    height: 10px;
    border: 2px solid #000;
    border-top: none;
    border-left: none;
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .prefer-switches {
    margin-top: 12px;
    display: flex;
    gap: 24px;
  }

  .switch-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }

  .type-switch {
    display: flex;
    gap: 8px;
  }

  .type-switch .switch-track {
    width: 24px;
    height: 12px;
    border-radius: 12px;
    padding: 2px;
    display: flex;
  }

  .type-switch.on .switch-track {
    justify-content: flex-end;
  }

  .type-switch .switch-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }

  #personalInfoForm .C-form-btn1,
  #changePasswordForm .C-form-btn1 {
    margin-top: 24px;
  }

  .subscribe-popup {
    width: 100%;
    height: 100%;
  }

  .subscribe-popup .popup-mask {
    width: 100%;
    height: 100%;
  }

  .subscribe-popup .popup-container {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* padding: 45px 28px 24px; */
    padding: 45px 4%;
    max-width: 100%;
    width: 90%;
    overflow: auto;
  }

  .subscribe-popup .popup-decor {
    display: none;
    width: 386px;
    height: 386px;
    border-radius: 100%;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(212, 180, 133, 0.20) 0%, rgba(212, 180, 133, 0.16) 15%, rgba(212, 180, 133, 0.08) 30%, rgba(212, 180, 133, 0.00) 60%);
  }

  .subscribe-popup .popup-decor1 {
    right: -116px;
    top: -114px;
  }

  .subscribe-popup .popup-decor2 {
    left: -144px;
    bottom: -91px;
  }

  .subscribe-popup .popup-close {
    top: 24px;
    right: 16px;
    width: 22px;
  }

  .subscribe-popup .popup-close img {
    width: 100%;
    height: 100%;
  }

  .subscribe-popup .popup-content {
    gap: 24px;
  }

  .subscribe-popup .popup-left {
    flex-shrink: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }

  .subscribe-popup .popup-img {
    width: 74%;
    border-radius: 4px;
    margin-top: 100px;
    opacity: 0.3;
  }

  .subscribe-popup .popup-img img {
    width: 100%;
    height: 100%;
  }

  .subscribe-popup .popup-tag {
    position: relative;
    top: 0;
    left: 0;
    width: max-content;
    background: linear-gradient(90deg, #FFF3DF 0%, #D4B485 100%);
    border-radius: 19px;
    padding: 2px 6px;
    gap: 2px;
    margin-bottom: 8px;
  }

  .subscribe-popup .popup-tag-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
  }

  .subscribe-popup .popup-right {
    width: 100%;
    flex-shrink: 0;
  }

  .subscribe-popup .f_16 {
    font-size: 12px;
  }

  .subscribe-popup .popup-title-wrap {
    margin-bottom: 6px;
  }

  .subscribe-popup .popup-title {
    margin-bottom: 6px;
    font-weight: bold;
  }

  .subscribe-popup .popup-form {
    margin-bottom: 24px;
  }

  .subscribe-popup .popup-checkbox-group {
    margin-bottom: 12px;
  }

  .subscribe-popup .popup-checkbox-group>p {
    margin-bottom: 12px;
  }

  .subscribe-popup .popup-checkbox-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }

  .subscribe-popup .popup-checkbox-col {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: none;
    width: calc(50% - 10px);
  }

  .subscribe-popup .popup-checkbox-item {
    display: flex;
    gap: 4px;
  }

  .subscribe-popup .popup-checkbox-box {
    width: 18px;
    height: 18px;
    border: 0.75px solid #999;
    border-radius: 3px;
    flex-shrink: 0;
  }

  .subscribe-popup .popup-checkbox-item input:checked+.popup-checkbox-box::after,
  .subscribe-popup .popup-agree-item input:checked+.popup-checkbox-box::after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
  }

  .subscribe-popup .popup-email-wrap {
    border: 0.75px solid #999;
    border-radius: 4px;
    padding: 15px 8px;
    margin: 12px 0;
  }

  .subscribe-popup .popup-email-input {
    flex: 1;
    font-size: 14px;
  }

  .subscribe-popup .popup-email-btn {
    /* width: 12px;
    height: 12px;
    flex-shrink: 0; */
  }

  .subscribe-popup .popup-email-btn img {
    /* width: 100%;
    height: 100%; */
  }

  .subscribe-popup .popup-agree-wrap {
    gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }

  .subscribe-popup .popup-agree-item {
    gap: 4px;
  }

  /* -----------------------------------------注释-------------------------------------- */
  .cart1 {
    padding: 84px 0;
  }

  .cart1-header {
    margin-bottom: 34px;
    gap: 30px;
  }

  .cart1-main {
    gap: 43px;
  }

  .cart1-left {
    width: 100%;
    flex-shrink: 0;
  }

  .cart1-left .product-list {
    width: 100%;
  }

  .cart1-left .product-item {
    padding: 4px 18px;
    border-bottom: 0.5px solid #bababa;
  }

  .cart1-left .product-item:first-child {
    border-top: 0.5px solid #bababa;
  }

  .cart1-left .product-item-gift {
    border-bottom: 0.5px solid #bababa;
  }

  .cart1-left .product-info {
    gap: 12px;
    width: 100%;
  }

  .cart1-left .product-img {
    width: 93px;
    height: 93px;
    border-radius: 14px;
  }

  .cart1-left .product-img img {
    width: 100%;
    height: 100%;
  }

  .cart1-left .product-detail {
    width: 100%;
  }

  .cart1-left .detail-top {
    margin-bottom: 6px;
  }

  .cart1-left .product-action {
    gap: 65px;
    margin: 20px 0 30px;
  }

  .cart1-left .number-control {
    border-radius: 4px;
  }

  .cart1-left .number-control .btn {
    width: 30px;
    height: 30px;
    border: 1px solid #666;
    display: flex;
    flex-wrap: wrap;
  }

  .cart1-left .number-control .btn img {
    width: 14px;
  }

  .cart1-left .number-control .minus {
    border-radius: 4px 0 0 4px;
  }

  .cart1-left .number-control .plus {
    border-radius: 0 4px 4px 0;
  }

  .cart1-left .number-control .input-wrap {
    width: 34px;
    height: 30px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
  }

  .cart1-left .number-control .input-wrap input {
    width: 100%;
    height: 100%;
  }

  .cart1-left .price {
    min-width: 40px;
  }

  .cart1-right {
    flex: none;
    width: 100%;
  }

  .cart1-right .checkout-box {
    margin-bottom: 16px;
  }

  .cart1-right .checkout-info {
    padding: 12px;
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
  }

  .cart1-right .checkout-row {
    margin-bottom: 8px;
  }

  .cart1-right .checkout-total {
    padding: 0 12px;
    margin-top: 5px;
  }

  .cart1-right .checkout-actions {
    margin-bottom: 24px;
  }

  .cart1-right .checkout-actions .C-form-btn1 {
    width: 100%;
    padding: 16px 31px;
    border-radius: 10px;
  }

  .cart1-right .checkout-actions .continue-link {
    margin-top: 6px;
  }

  .cart1-right .Ecollapse-item {
    border-top: 1px solid #dcdcdc;
    padding: 12px;
  }

  .cart1-right .Ecollapse-item:last-child {
    border-bottom: 1px solid #dcdcdc;
  }

  .cart1-right .Ecollapse-name-col {
    flex: 1;
  }

  .cart1-right .Ecollapse-desc {
    margin-top: 4px;
  }

  .cart1-right .Ecollapse-name .icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }

  .cart1-right .Ecollapse-content {
    padding-top: 12px;
  }

  .account1 {
    padding: 45px 0 173px;
  }

  .account1-main {
    gap: 49px;
    margin-top: 28px;
  }

  .account1-left {
    flex: none;
    width: 100%;
  }

  .account1-right {
    width: 100%;
    flex-shrink: 0;
  }

  .step-box {
    margin-bottom: 43px;
  }

  .step-header {
    margin-bottom: 24px;
  }

  .step-header .step-title {
    margin-bottom: 12px;
  }

  .step-header .step-line {
    height: 1px;
  }

  .step-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .login-option {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .login-option .login-desc {
    margin-top: 6px;
  }

  .login-option .C-form-btn1 {
    align-self: flex-end;
  }

  .login-option .C-form {
    width: 100%;
  }

  .login-option .C-form .form-body {
    gap: 12px;
  }

  .login-option .C-form .login-title {
    margin-bottom: 4px;
  }

  .step-done {
    padding: 12px 0;
  }

  .step-done .done-info {
    gap: 12px;
  }

  .step-done .done-text {
    flex: none;
    width: 100%;
  }

  .step-done .edit-btn {
    flex-shrink: 0;
  }

  .step-done .edit-btn .icon {
    width: 10px;
    height: 10px;
    margin-left: 4px;
  }

  .account1 .C-form .form-body {
    gap: 12px;
  }

  .account1 .C-form .form-row {
    gap: 12px;
  }

  .account1 .C-form .form-item {
    flex: none;
    width: 100%;
  }

  .account1 .C-form .form-item.w50 {
    flex: none;
    width: 100%;
  }

  .account1 .C-form .form-item.full {
    flex: 0 0 100%;
  }

  .account1 .C-form .form-desc {
    margin-bottom: 12px;
  }

  .account1 .form-input {
    border: 1px solid #727171;
    border-radius: 4px;
  }

  .account1 .form-input input {
    width: 100%;
  }

  .account1 .form-textarea {
    border: 1px solid #727171;
    border-radius: 10px;
    padding: 8px 9px;
  }

  .account1 .form-textarea textarea {
    width: 100%;
    min-height: 65px;
  }

  .account1 .form-input-phone {
    display: flex;
    border: 1px solid #727171;
    border-radius: 4px;
    height: 30px;
  }

  .account1 .phone-country-select {
    padding: 0 6px;
  }

  .account1 .phone-country-display {
    gap: 4px;
  }

  .account1 .phone-country-display .country-flag {
    width: 12px;
    height: 8px;
    border-radius: 2px;
  }

  .account1 .phone-country-display .country-arrow {
    width: 6px;
    height: 6px;
  }

  .account1 .phone-country-options {
    top: 100%;
    min-width: 60px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }

  .account1 .phone-country-options .option {
    display: flex;
    gap: 4px;
    padding: 5px 6px;
  }

  .account1 .phone-country-options .option img {
    width: 12px;
    height: 8px;
    border-radius: 2px;
  }

  .account1 .phone-divider {
    width: 1px;
    height: 12px;
  }

  .account1 .phone-input {
    flex: 1;
    height: 100%;
    padding: 0 10px;
  }

  .account1 .C-form .flex-xend {
    margin-top: 24px;
  }

  .payment-options {
    display: flex;
    flex-direction: column;
  }

  .payment-option {
    display: flex;
    padding: 12px 0;
    border-bottom: 1px solid #000;
  }

  .payment-btn {
    gap: 6px;
    padding: 0 12px;
    height: 30px;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #000;
    border-radius: 4px;
  }

  .payment-btn img {
    width: 50px;
  }

  .payment-card-icons img {
    height: 16px;
  }

  .card-info-section {
    margin-bottom: 24px;
  }

  .billing-address-section {
    padding-top: 20px;
  }

  .billing-address-section .section-title {
    margin-bottom: 12px;
  }

  .cart-summary {
    margin-bottom: 42px;
  }

  .cart-summary-title {
    padding-bottom: 43px;
    border-bottom: 1px solid #dcdcdc;
  }

  .cart-summary-list {
    border-bottom: 1px solid #dcdcdc;
  }

  .cart-item {
    padding: 12px 18px;
    border-bottom: 1px solid #f0f0f0;
  }

  .cart-item-left {
    gap: 12px;
  }

  .cart-item-img {
    width: 50px;
    height: 50px;
    border-radius: 8px;
  }

  .cart-item-img img {
    width: 100%;
    height: 100%;
  }

  .cart-item-info .name {
    margin-bottom: 2px;
  }

  .cart-summary-calc {
    padding: 12px;
    border-bottom: 1px solid #dcdcdc;
  }

  .cart-summary-calc .calc-row {
    margin-bottom: 6px;
  }

  .cart-summary-total {
    padding: 6px 12px;
  }

  .cart-summary-actions {
    padding-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .cart-summary-actions .C-form-btn1 {
    width: 100%;
    min-height: 46px;
    display: flex;
    flex-wrap: wrap;
  }

  .account1-right .Ecollapse-item {
    border-top: 1px solid #dcdcdc;
    padding: 12px;
  }

  .account1-right .Ecollapse-item:last-child {
    border-bottom: 1px solid #dcdcdc;
  }

  .account1-right .Ecollapse-name-col {
    flex: 1;
  }

  .account1-right .Ecollapse-desc {
    margin-top: 4px;
  }

  .account1-right .Ecollapse-name .icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }

  .account1-right .Ecollapse-content {
    padding-top: 12px;
  }

  .home3 .zuo .user .text {
    text-align: left;
  }
}