#store {
     background: url('../images/pc/store_bg.png') no-repeat center center;
     background-size: cover;
 }

 .section {
     height: 100vh;
     scroll-snap-align: start;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     position: relative;
     overflow: hidden;
 }

 .p-header {
     position: fixed;
     top: 0;
     left: 50%;
     transform: translateX(-50%);
     z-index: 999;
     width: 90%;
     height: 90px;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .logo {
     width: 186px;
     height: 56px;
 }

 /* 导航菜单 */
 nav {
     /* width: 180px; */
     height: 30px;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
 }

 .nva-text {
     color: #33414F;
     font-size: 20px;
     font-weight: 400;
     transition: transform 0.4s ease;
     will-change: transform;
     cursor: pointer;
 }

 .nva-text.active {
     color: white;
 }

 .nva-text:hover {
     font-weight: 500;
     transform: scale(1.2);
 }

 /* .home-bg {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 1878px;
     height: 1878px;
     z-index: -1;
     transform: translate(-50%, -50%);
     transform-origin: center center;
     animation: rotate 60s linear infinite;
 } */

 .home-content {
     width: 560px;
     height: 560px;
     background-color: rgba(255, 255, 255, 0.1);
     animation: shadowFade 1.5s ease-in-out infinite alternate;
     border-radius: 280px;
     position: relative;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     align-items: center;
     backdrop-filter: blur(3px);
 }

 .home-des-img {
     position: absolute;
     top: 83px;
     left: 50%;
     transform: translateX(-50%);
     width: 763px;
     height: 306px;
 }

 .home-search-img {
     margin-bottom: 68px;
     width: 174px;
     height: 32px;
     animation: pulse 3s infinite;
     cursor: pointer;
 }

 @keyframes pulse {

     0%,
     100% {
         transform: scale(1);
     }

     50% {
         transform: scale(1.2);
     }
 }

 .blurb-top {
     width: 600px;
     height: 400px;
     position: absolute;
     top: 0;
     left: 0;
 }

 .blurb-bottom {
     width: 520px;
     height: 300px;
     position: absolute;
     bottom: 0;
     right: 0;
 }

 .blurb-content {
     width: 75%;
     height: 360px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 19;
     display: flex;
     flex-direction: row;
 }

 .blurb-left {
     width: 350px;
     height: 350px;
 }

 .blurb-center {
     margin-left: 90px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 .blurb-center-title-view {
     display: flex;
     align-items: flex-end;
 }

 .blurb-center-title {
     font-weight: 600;
     font-size: 36px;
     color: #71E0FF;
     line-height: 50px;
 }

 .blurb-center-line {
     width: 30px;
     height: 2px;
     border-radius: 1px;
     background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
     margin: 16px 6px;
 }

 .blurb-center-des {
     font-weight: 600;
     font-size: 16px;
     color: #FFFFFF;
     line-height: 36px;
 }

 .blurb-center-text-view {
     margin-top: 28px;
 }

 .blurb-center-text {
     font-weight: 400;
     font-size: 16px;
     color: #FFFFFF;
     line-height: 38px;
 }

 .core-content {
     width: 75%;
     height: 410px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 19;
     display: flex;
     justify-content: flex-end;
 }

 .core-bg {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: url("../images/pc/core_bg_1.png") no-repeat center center;
     background-size: cover;
 }

 .core-bottom {
     width: 360px;
     height: 290px;
     position: absolute;
     bottom: 0;
     right: 0;
 }

 .core-center {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .core-center-item {
     width: 717px;
     height: 106px;
     background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(118, 0, 255, 0.2) 100%);
     border-radius: 58px 0px 0px 58px;
     position: relative;
     backdrop-filter: blur(10px);
     display: flex;
     flex-direction: row;
     align-items: center;
     border: 3px solid transparent;
     background-clip: padding-box;
     cursor: pointer;
 }

 .core-center-item:hover {
     background: url("../images/pc/core_item_bg.png") no-repeat center center;
     background-size: cover;
 }

 .core-item-title {
     width: 150px;
     font-weight: 600;
     font-size: 24px;
     color: #71E0FF;
     line-height: 33px;
     margin-left: 50px;
 }

 .core-item-text {
     margin-left: 30px;
     font-weight: 400;
     font-size: 16px;
     color: #FFFFFF;
     line-height: 22px;
 }

 .store-content {
     width: 75%;
     height: 60%;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
     position: relative;
 }

 .store-tab-view {
     width: 700px;
     height: 102px;
     display: flex;
     justify-content: space-between;
 }

 .store-tab-item {
     width: 252px;
     height: 102px;
     border-radius: 51px;
     background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(118, 0, 255, 0.2) 100%);
     display: flex;
     justify-content: center;
     align-items: center;
     font-weight: 600;
     font-size: 24px;
     color: #FFFFFF;
     cursor: pointer;
 }

 .store-tab-item.active {
     background: url("../images/pc/store_tab_active.png") no-repeat center center;
     background-size: cover;
 }

 .store-map-view {
     margin-top: 250px;
     margin-right: 200px;
     flex: 1;
 }

 .store-map-wrap {
     width: 890px;
     display: flex;
     justify-content: space-between;
     flex-direction: row;
 }

 .store-map-gx {
     width: 370px;
     height: 250px;
     background-image: url('../images/pc/store_map_gx.png');
     background-size: cover;
     position: relative;
     cursor: pointer;
 }

 .store-map-gx:hover {
     background-image: url('../images/pc/store_map_gx_active.png');
     background-size: cover;
 }

 .store-map-gx:hover .store-map-title-view {
     position: absolute;
     top: -188px;
     left: 50%;
     transform: translateX(-50%);
     width: 220px;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .store-map-gx:hover .store-map-ad {
     display: block;
     animation: fadeIn 0.8s ease forwards;
 }

 @keyframes fadeIn {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 .store-map-gx-line {
     position: absolute;
     left: 219px;
     top: -35px;
     width: 3px;
     height: 105px;
     border-radius: 2px;
     background: linear-gradient(180deg, rgba(113, 224, 255, 1), rgba(113, 224, 255, 0));
     position: relative;
 }

 .store-map-gd {
     width: 370px;
     height: 250px;
     background-image: url('../images/pc/store_map_gd.png');
     background-size: cover;
     position: relative;
     cursor: pointer;
 }

 .store-map-gd:hover {
     background-image: url('../images/pc/store_map_gd_active.png');
     background-size: cover;
 }

 .store-map-gd:hover .store-map-title-view {
     position: absolute;
     top: -188px;
     left: 50%;
     transform: translateX(-50%);
     width: 220px;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .store-map-gd:hover .store-map-ad {
     display: block;
     animation: fadeIn 0.8s ease forwards;
 }

 .store-map-gd-line {
     position: absolute;
     left: 250px;
     top: -23px;
     width: 3px;
     height: 136px;
     border-radius: 3px;
     background: linear-gradient(180deg, rgba(113, 224, 255, 1), rgba(113, 224, 255, 0));
     position: relative;
 }

 .store-map-title-view {
     position: absolute;
     top: -60px;
     left: 50%;
     transform: translateX(-50%);
     width: 200px;
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .store-map-ad {
     width: 220px;
     height: 155px;
     display: none;
 }

 .store-map-ad img {
     width: 100%;
     height: 100%;
 }


 .store-map-title {
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: 600;
     font-size: 24px;
     color: #71E0FF;
     line-height: 33px;
 }

 .store-online-view {
     margin-top: 70px;
     display: none;
     flex: 1;
 }

 .store-omline-img {
     width: 300px;
     height: 300px;
 }

 .store-omline-text {
     margin-top: 52px;
     font-weight: 600;
     font-size: 20px;
     color: #71E0FF;
     line-height: 28px;
     text-align: center;
 }

 .service-container {
     width: 100vw;
     height: 100vh;
     overflow: hidden;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .service-bg {
     width: 80%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
 }

 .service-content {
     width: 75%;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .service-item-view {
     display: flex;
     justify-content: space-between;
     width: 780px;
     margin-left: 160px;
 }

 .service-item {
     display: flex;
     flex-direction: column;
     align-items: center;
     position: relative;
     cursor: pointer;
 }

 .service-item-img {
     width: 156px;
     height: 192px;
 }

 .service-item-text {
     position: absolute;
     left: 50%;
     bottom: -90px;
     transform: translateX(-50%);
     width: 260px;
     height: 50px;
     font-weight: 400;
     font-size: 16px;
     color: #FFFFFF;
     line-height: 22px;
     display: none;
     text-align: center;
     text-wrap: wrap;
 }

 .service-item:nth-child(1) .service-item-img {
     background-image: url('../images/pc/service_quality.png');
     background-size: cover;
 }

 .service-item:nth-child(1) .service-item-img:hover {
     background-image: url('../images/pc/service_quality_active.png');
     background-size: cover;
     animation: animate__pulse 0.3s ease-in-out forwards;
 }

 .service-item:nth-child(1):hover .service-item-text {
     display: block;
 }

 .service-item:nth-child(2) .service-item-img {
     background-image: url('../images/pc/service_assure.png');
     background-size: cover;
 }

 .service-item:nth-child(2) .service-item-img:hover {
     background-image: url('../images/pc/service_assure_active.png');
     background-size: cover;
     animation: animate__pulse 0.3s ease-in-out forwards;
 }

 .service-item:nth-child(2):hover .service-item-text {
     display: block;
 }

 .service-item:nth-child(3) .service-item-img {
     background-image: url('../images/pc/service_taste.png');
     background-size: cover;
 }

 .service-item:nth-child(3) .service-item-img:hover {
     background-image: url('../images/pc/service_taste_active.png');
     background-size: cover;
     animation: animate__pulse 0.3s ease-in-out forwards;
 }

 .service-item:nth-child(3):hover .service-item-text {
     display: block;
 }

 @keyframes animate__pulse {

     0% {
         transform: scale3d(1, 1, 1);
     }

     100% {
         transform: scale3d(1.05, 1.05, 1.05);
     }
 }

 .indicator-view {
     width: 2px;
     height: 530px;
     position: fixed;
     top: 50%;
     right: 5%;
     transform: translateY(-50%);
     z-index: 999;
     background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
     display: none;
 }

 .indicator-dot-view {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .indicator-dot {
     width: 6px;
     height: 6px;
     border-radius: 3px;
     background: #BDC2C6;
     box-shadow: 0px 0px 8px 7px #00111F;
     margin-bottom: 46px;
     position: relative;
 }

 .indicator-dot:last-child {
     margin-bottom: 0;
 }

 .indicator-dot.active {
     background: #71E0FF;
     box-shadow: 0px 0px 30px 30px #00111F;
 }

 .indicator-dot-circle {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 18px;
     height: 18px;
     border: 1px solid #71E0FF;
     border-radius: 9px;
 }

 .indicator-dot-text {
     width: 80px;
     height: 24px;
     text-align: center;
     position: absolute;
     top: -10px;
     left: -80px;
     color: #BDC2C6;
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     cursor: pointer;
 }

 .indicator-dot-text.active {
     width: 90px;
     height: 30px;
     position: absolute;
     top: -12px;
     left: -100px;
     font-size: 20px;
     color: #71E0FF;
     line-height: 30px;
     font-weight: 500;
 }

 .footer-next {
     position: absolute;
     bottom: 68px;
     left: 50%;
     transform: translateX(-50%);
     width: 100px;
     height: 48px;
     cursor: pointer;
 }

 .footer-view {
     width: 100%;
     height: 300px;
     background-color: #000000;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 .footer-title-view {
     display: flex;
     align-items: center;
 }

 .footer-title {
     font-size: 36px;
     color: #FFFFFF;
     line-height: 50px;
     margin: 0 80px;
 }

 .footer-title-line {
     width: 457px;
     height: 3px;
     background: linear-gradient(270deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
 }

 .footer-title-line:last-child {
     background: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
 }

 .footer-other-text {
     font-size: 16px;
     color: #FFFFFF;
     line-height: 22px;
     margin-top: 20px;
 }