div,a,span:focus{ outline: none; border: none; -webkit-tap-highlight-color:rgba(0,0,0,0);    -webkit-tap-highlight-color: transparent; }
.container{ width: 100%; overflow: hidden;max-width: 750px;margin: 0 auto;}
.compic{ width: 100%; position: relative;}
img{ width: 100%; display: block;}
.wraps {
    width: 100%;
    overflow: hidden;
    min-width: 1200px;
}
.wraps img {
    width: 100%;
    display: block;
}

.sectionauto {
    width: 100%;
    position: relative;
}
.popbgs{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    display: none;
}
.popcontent{
    width: 90%;
    height: 80vh;
    background: #ceedc4;
    border-radius: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #000;
}
.viewcontent{
    height: calc(100% - 140px);
    width: 80%;
    margin: 0 auto;
    padding-right: 20px;
    overflow-y: auto;
}
.popt1{
    font-size: 22px;
    color: #000;
    text-align: center;
    font-weight: bold;
    padding-top: 20px;
    margin-bottom: 30px;
}
.sectionparth{
    margin-bottom: 20px;
}
.tavns1 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;

}
.tavns3 {
    font-size: 16px;
    margin-bottom: 4px;

}
.tavns2 {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 4px;
}
.palft1{
    padding-left: 15px;
}
.palft2{
    padding-left: 35px;
}
.closepopps{
    font-size: 50px;
    position: absolute;
    top: -11px;
    right: 5px;
    z-index: 30;
    cursor: pointer;
}
.pathvcont{
    margin-bottom: 20px;
}
.pnameitem{
    font-size: 16px;
    display: inline-block;
}
.pnameitem:after{
    content: '、';
    display: inline-block;
}
.pathvcont .pnameitem:last-child:after{
    display: none;
}
.posbtns{
    display: block;
    position: absolute;
}
.toplinks{
    top: 37%;
    left: 30%;
    width: 41%;
    height: 8%;
}

.coloraaa{
    color:transparent;
    background: linear-gradient(180deg, rgb(169, 150, 118) 17%, rgb(133, 114, 82) 80%);
    -webkit-background-clip: text;
}

.nav_bg{width: 74.3vw;position: fixed;top:0;left: 50%;transform: translateX(-50%);z-index: 99;display: flex;justify-content: space-between;padding: 0 5vw;}
.nav_box1{width: 72%;left: 15%;position: absolute;top:0;display: flex;justify-content: space-evenly;flex-wrap: wrap;}
.nav_box1_item{height: 8.4vw;font-size: 3vw;line-height: 9.4vw;color: #929292;font-weight: bold;}
.nav_box1_item a{color: #929292;}
.nav_box1_item.active{color: #bba281;font-weight: bold;}

.btn_img{position: absolute;top:-17vw;left: 34.1vw;width: 37.3vw;}
.title_pic{position: absolute;top:-7vw;left: 0;width: 98.9vw;}
.nav_box{width: 60vw;top:40.8vw;left: 50%;transform: translateX(-50%);background: #d4d5e0;position: absolute;height: 7.1vw;border-radius: 5vw;display: flex;justify-content: space-around;align-items: center;}
.nav_box_item{width: 15.1vw;height: 5.5vw;background:#d4d5e0;border-radius: 4vw;display: flex; align-items: center;justify-content: center;}
.nav_box_item.active{background:#e9eaef;}
.bg_001{display: none;}
.bg_001.active{display: block;}
.nav_box_item_text{font-weight: bold;
    color: #929292;
}
.nav_box_item.active .nav_box_item_text{
    color:transparent;
    background: linear-gradient(180deg, #baa180 17%, #a48a67 80%);
    -webkit-background-clip: text;
}
.nav_box_item_icon{width: 4vw;height: 4vw;margin-right: 0.5vw;}
.nav_box_item_icon_01{background: url("../images/nav_box_item_icon_01.png") center center no-repeat;background-size:auto 95%;}
.nav_box_item_icon_02{background: url("../images/nav_box_item_icon_02.png") center center no-repeat;background-size:auto 95%;}
.nav_box_item_icon_03{background: url("../images/nav_box_item_icon_03.png") center center no-repeat;background-size:auto 95%;}
.nav_box_item.active .nav_box_item_icon_01{background: url("../images/nav_box_item_icon_01_active.png") center center no-repeat;background-size:auto 95%;}
.nav_box_item.active .nav_box_item_icon_02{background: url("../images/nav_box_item_icon_02_active.png") center center no-repeat;background-size:auto 95%;}
.nav_box_item.active .nav_box_item_icon_03{background: url("../images/nav_box_item_icon_03_active.png") center center no-repeat;background-size:auto 95%;}

.tips{width: 43.7vw;position: absolute;left: 50%;transform: translateX(-50%);top:50.7vw;}

.content_box{position: absolute;top:60.8vw;width: 86.8vw;left: 50%;transform: translateX(-50%);}
.content_box_content{width: 100%;position: relative;display: none;}
.content_box_content.active{display: flex;display: flex;justify-content: space-between;flex-wrap: wrap;}
.content_box_item{width: 40.3vw;position: relative;margin-top:4vw;margin-bottom: 2vw;}
.content_box_item:nth-child(n+1){margin-right: 2vw;}
.content_box_item_play_btn{position: absolute;width: 8vw;height: 8vw;right: 0.7vw;bottom: 0.7vw;}
.mask {
    position: absolute;
    width: 25.1vw;
    height:25.1vw;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.3);
    left: 8%;
    bottom: 5.8%;
    display: block; /* Visible by default */
    animation: pulse 1.5s infinite;
}

.content_box_item.active .mask {
    display: none; /* Hide mask when active */
}

@keyframes pulse {
    0%, 100% {
        opacity: 0.1;
    }
    50% {
        opacity: 0.8;
    }
}
.product_ult_wear{position: absolute;width: 18.5vw;left:36.3vw;bottom:32.1vw;}
.product_linkbuds_fit{position: absolute;width: 20vw;left:60.7vw;bottom:32.1vw;}

.product_ult_field1{position: absolute;width: 25.9vw;left:33vw;bottom:2vw;mix-blend-mode: darken;}
.product_ult_field11{position: absolute;width: 25.9vw;left:59vw;bottom:2vw;mix-blend-mode: darken;}
.product_ult_field111{position: absolute;width: 24.9vw;left:61vw;bottom:2vw;mix-blend-mode: darken;}
.product_srs_xb100{position: absolute;width: 23.6vw;left:59.3vw;bottom:2vw;mix-blend-mode: darken;}

.product_01{position: absolute;width: 18.5vw;left:36.3vw;bottom:2vw;}
.product_02{position: absolute;width: 20vw;left:60.7vw;bottom:2vw;}
.product_0222{position: absolute;width: 19vw;left:43vw;bottom:2vw;}

.product_03{position: absolute;width: 22.1vw;left:10.4vw;bottom:2vw;}
.product_04{position: absolute;width: 22.3vw;left:35.9vw;bottom:2vw;}
.product_05{position: absolute;width: 22.1vw;left:62vw;bottom:2vw;}

.product_06{position: absolute;width: 22.1vw;left:13.1vw;bottom:2vw;}
.product_07{position: absolute;width: 22.1vw;left:38.3vw;bottom:2vw;}

.product_08{position: absolute;width: 24vw;left:15.2vw;bottom:2vw;}
.product_088{position: absolute;width: 23vw;left:17.9vw;bottom:2vw;}
.product_09{position: absolute;width: 20vw;left:42.3vw;bottom:2vw;}

.product_10{position: absolute;width: 13.5vw;left:23.3vw;bottom:1.5vw;}
.product_11{position: absolute;width: 15.9vw;left:44.5vw;bottom:1.5vw;}
.product_12{position: absolute;width: 15.3vw;left:66.9vw;bottom:1.5vw;}

.product_13{position: absolute;width: 18.5vw;left:23.3vw;bottom:32.1vw;}
.product_14{position: absolute;width: 20vw;left:60.7vw;bottom:32.1vw;}
.product_15{position: absolute;width: 20vw;left:12.4vw;bottom:2vw;}

.product_16{position: absolute;width: 21.1vw;left:33.5vw;bottom:27.9vw;}
.product_17{position: absolute;width: 22.3vw;left:60.4vw;bottom:27.9vw;}
.product_18{position: absolute;width: 22.1vw;left:33.5vw;bottom:2vw;}


.product_19{position: absolute;width: 13.5vw;left:37.3vw;top:2.5vw;}
.product_20{position: absolute;width: 15.9vw;left:63.2vw;top:2.5vw;}
.product_21{position: absolute;width: 15.3vw;left:10vw;bottom:2vw;}
.product_22{position: absolute;width: 23.9vw;left:32vw;bottom:2vw;}

.product_23{position: absolute;width: 21.1vw;left:35.3vw;bottom:36vw;}
.product_24{position: absolute;width: 21.3vw;left:60vw;bottom:36vw;}
.product_25{position: absolute;width: 22.1vw;left:35.3vw;bottom:1vw;}
.product_26{position: absolute;width: 24vw;left:60vw;bottom:1vw;}

.product_27{position: absolute;width: 14.2vw;left:36.5vw;bottom:31.9vw;}
.product_28{position: absolute;width: 15.9vw;left:63.2vw;bottom:31.9vw;}
.product_29{position: absolute;width: 15.3vw;left:35.3vw;bottom:2vw;}

.product_30{position: absolute;width: 18.1vw;left:63vw;bottom:2vw;}
.product_31{position: absolute;width: 18.1vw;left:65vw;bottom:2vw;}

.content_box_item_tui{width: 100%;position: relative;margin-bottom: 5vw;display: none;}
.content_box_item_tui.active{display: block;}
.gostore{position: fixed;right: 2%;top: 132vw;width: 33.3%;cursor: pointer;z-index: 99;transition: all 0.6s ease;transform: translateX(120%);}
.gostore.gostoreShow{transform: translateX(0);}
.popcontentbg{ width: 100%; height: 100%; position: fixed; z-index: 9999; top: 0; left: 0; background: rgba(0,0,0,0.7); display: none;}
.popcont{ width: 89.2%; position: absolute; top: 5%; left: 50%; transform: translate(-50%,0);}
.closepopc{ display: block; width: 7%; position: absolute; top: 6.5vw; right: 6.5vw; z-index: 2;}
.popcont_title{ display: block; position: absolute;    top: 8vw;
    left: 9.6vw;
    z-index: 2;font-size: 3.2vw;font-weight: bold;color: #fff; }
.cont_fcpop{ width: 72.4vw; height: 124vw; position: absolute; top: 15.5vw;
    left: 10.6vw; overflow-y: scroll; scrollbar-width:none}
.fctant{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.store_t{width: 98%;}
.cont_fcpop::-webkit-scrollbar {
    width: 4px;
}
.cont_fcpop::-webkit-scrollbar-track {
    background-color: #7e7e7e;
    border-radius: 8px;
}

.cont_fcpop::-webkit-scrollbar-thumb {
    background-color: #ff669b;
    border-radius: 8px;
}
.lvzuan{width: 19.9vw;position: fixed;bottom:10%;right: 2%;z-index: 99;display: flex;justify-content: space-between;cursor: pointer;}
.store_t{ font-size: 3vw; color: #fff;  line-height: 1.6; margin-bottom: 30px;}
.store_t b{ font-size: 3vw;}

@media screen and ( max-width : 800px) {
    .mobi-right {
        width: 36vw;
    }
    .logo_img {border: none;display: block;max-width:100%!important;}
    #header-mobi img {border: none;display: block;width: auto!important; max-width:100%!important;}
    .mobi-right img{width: 6vw!important;}
    #headerNav .search-btn, #headerNav .user-btn{margin-right: 2.7vw!important;}
    .mobile .head_content.mobi p a {width: 6vw!important;padding: 1.5vw!important;}
    .mobile .menu-btn img {height: 9vw!important;width: 9vw!important;}
    .mobile #headerNav{height: 18vw!important;}
    .header-v2 {height: 18vw!important;}
    .mobile #headerNav .head_content{height: 18vw!important;}
    .mobile #headerNav .logo-brand{padding-top:7vw!important;margin-left: 0!important;width: 21.4vw!important; }
    #header-mobi{top:17.8vw!important;}
    #mobi-search{top:17.8vw!important;}
    #headerNav input#mobi-myinput{font-size:4vw!important;height:13.5vw!important;padding: 2vw 2rem 2vw 13vw!important;}
    #mobi-search .mobi-search-showicon{width: 6vw!important;left: 4vw!important;top: 3.5vw!important;}
    #mobi-search_url{font-size: 4vw!important;padding: 4vw 6vw!important;}
    div#header-mobi .button button, div#header-mobi .button a{font-size: 4vw!important;padding: 2.5vw 12vw!important;}
    div#header-mobi .button button#close-btn{width: 5.3vw!important;}
    .menu-close-btn {margin-bottom: 8vw!important;}
    div#header-mobi .button button:not(#close-btn) img, div#header-mobi .button a img {
        position: absolute;
        right: 7vw!important;
        height: 3vw!important;
        top: 50%;
        transform: translate(0, -50%);
    }
    div#header-mobi .button button#close-btn img{width: 100%!important;}
    #header-mobi .menu-level-two-item {
        font-weight: bold;
        margin: 3vw 0!important;
        float: right;
    }
    .mobi-recommend .select_recommend, .mobi-autosuggestion-search li {
        line-height: 1;
        text-indent: 13vw!important;
        cursor: default;
        font-size: 4vw!important;
        padding: 2.5vw 0!important;
    }
    #headerNavMain{display: none!important;}
    .aem-Grid--default--12 .header-v2 {height: 18vw!important;}
    #main_footer #footer_one .button .cmp-button {
        font-size: 3.7vw!important;
        line-height: 5.6vw!important;
        text-align: center;
        flex-direction: column;
        padding: 0 3.3vw!important;
    }
    #main_footer #footer_one {
        margin: 8vw 0 0 0!important;
        padding: 0 0% 5%;
    }
    #main_footer .button .cmp-button img {
        width: 6.4vw!important;
        height: 6.4vw!important;
        margin-right: 0;
    }
    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button.menu-level-one-item {
        font-size: 3.5vw!important;
        width: 100%;
        color: #272A31;
        line-height: 4.5vw!important;
        text-align: left;
        padding:5.3vw 0!important;
        position: relative;
    }
    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button.menu-level-one-item::after {
        content: "";
        width: 2.7vw!important;
        background-size:  2.7vw!important;
        height:  2.7vw!important;
        position: absolute;
        display: block;
        right: 0;
        transform: rotate(90deg);
        transition: transform 0.2s ease-in;
        top: 45%;
    }
    #main_footer #footer_two #footer_two_right .button .cmp-button {
        font-weight: 400;
        font-size: 3.2vw!important;
        color: #272A31;
        line-height: 5.1vw!important;
        padding: 1.3vw 8vw !important;
    }
    #main_footer #footer_three .button .cmp-button.menu-title {
        font-size: 3.2vw!important;
        line-height: 5.1vw!important;
    }
    #main_footer #footer_three .button .cmp-button.menu-level-one-item {
        font-size: 2.9vw!important;
        line-height: 3.9vw!important;
        padding: 0;
    }
    .cmp-container .icpContent {
        padding: 2.7vw 2.7vw !important;
        font-size: 1.2vw!important;
    }
    .icpContent span {
        padding: 0.5vw 2.7vw!important;
        text-align: center;
        font-size: 2.7vw!important;
    }
    #footer_three >.aem-Grid {
        text-align: center;
        padding-top: 10.7vw!important;
    }
    #footer_three >.aem-Grid >.container {
        width: 100%;
        margin: 2.7vw 0!important;
    }
    #footer_two_right .share-container .share-container-item{
        margin-bottom: 2.7vw!important;
    }
    .cmp-embed .websecret {
        font-size: 1.6vw !important;
        color: #808080;
    }
    #main_footer #footer_three {
        padding: 0px 4% 10.7vw!important;
    }
    .footer-share-button .shareIcon {
        width: 6.4vw!important;
        height: 6.4vw!important;
    }
    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button {
        font-size:2.9vw!important;
        line-height: 3.9vw!important;
        text-align: left;
        color: #666666;
        padding: 3% 0;
    }
    .icpContent span img {
        top: 0.7vw!important;
        margin-right: 0.7vw!important;
    }
    #button-af2dda1aaf img{width: 2.7vw!important;}
}
@media screen and ( max-width : 750px) {
    .aem-Grid--default--12 .header-v2 {height: 18vw!important;}
    #main_footer #footer_one .button .cmp-button {
        font-size: 3.7vw!important;
        line-height: 5.6vw!important;
        text-align: center;
        flex-direction: column;
        padding: 0 3.3vw!important;
    }
    #main_footer #footer_one {
        margin: 8vw 0 0 0!important;
        padding: 0 0% 5%;
    }
    #main_footer .button .cmp-button img {
        width: 6.4vw!important;
        height: 6.4vw!important;
        margin-right: 0;
    }
    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button.menu-level-one-item {
        font-size: 3.5vw!important;
        width: 100%;
        color: #272A31;
        line-height: 4.5vw!important;
        text-align: left;
        padding:5.3vw 0!important;
        position: relative;
    }
    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button.menu-level-one-item::after {
        content: "";
        width: 2.7vw!important;
        background-size:  2.7vw!important;
        height:  2.7vw!important;
        position: absolute;
        display: block;
        right: 0;
        transform: rotate(90deg);
        transition: transform 0.2s ease-in;
        top: 45%;
    }
    #main_footer #footer_two #footer_two_right .button .cmp-button {
        font-weight: 400;
        font-size: 3.2vw!important;
        color: #272A31;
        line-height: 5.1vw!important;
        padding: 1.3vw 8vw !important;
    }
    #main_footer #footer_three .button .cmp-button.menu-title {
        font-size: 3.2vw!important;
        line-height: 5.1vw!important;
    }
    #main_footer #footer_three .button .cmp-button.menu-level-one-item {
        font-size: 2.9vw!important;
        line-height: 3.9vw!important;
        padding: 0;
    }
    .cmp-container .icpContent {
        padding: 2.7vw 2.7vw !important;
        font-size: 1.2vw!important;
    }
    .icpContent span {
        padding: 0.5vw 2.7vw!important;
        text-align: center;
        font-size: 2.7vw!important;
    }
    #footer_three >.aem-Grid {
        text-align: center;
        padding-top: 10.7vw!important;
    }
    #footer_three >.aem-Grid >.container {
        width: 100%;
        margin: 2.7vw 0!important;
    }
    #footer_two_right .share-container .share-container-item{
        margin-bottom: 2.7vw!important;
    }
    .cmp-embed .websecret {
        font-size: 1.6vw !important;
        color: #808080;
    }
    #main_footer #footer_three {
        padding: 0px 4% 10.7vw!important;
    }
    .footer-share-button .shareIcon {
        width: 6.4vw!important;
        height: 6.4vw!important;
    }
    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button {
        font-size:2.9vw!important;
        line-height: 3.9vw!important;
        text-align: left;
        color: #666666;
        padding: 3% 0;
    }
    .icpContent span img {
        top: 0.7vw!important;
        margin-right: 0.7vw!important;
    }
    #button-af2dda1aaf img{width: 2.7vw!important;}
}

@media screen and ( min-width : 801px) {
    .mobile #headerNav .menu-btn{display: none;}
    .mobile #headerNav .head_content{height: 60px!important;}
    .mobile #headerNav .logo-brand {
        padding-top: 36px;
    }
    .lvzuan{width: 136px;}
    .tips { width: 327px; position: absolute; left: 50%; transform: translateX(-50%); top: 380px; }
    .title_pic { position: absolute; top: -52px; left: 0; width: 741px; }
    .content_box{position: absolute;top:456px;width: 651px;left: 50%;transform: translateX(-50%);} .content_box_content{width: 100%;position: relative;display: none;} .content_box_content.active{display: flex;display: flex;justify-content: space-between;flex-wrap: wrap;} .content_box_item{width: 302px;position: relative;margin-top:30px;margin-bottom: 15px;} .content_box_item:nth-child(n+1){margin-right: 15px;} .content_box_item_play_btn{position: absolute;width: 60px;height: 60px;right: 5px;bottom: 5px;} .mask { position: absolute; width: 188px; height:188px; border-radius: 2px; background: rgba(0, 0, 0, 0.3); left: 8%; bottom: 5.8%; display: block; /* Visible by default */ animation: pulse 1.5s infinite; } .content_box_item.active .mask { display: none; /* Hide mask when active */ } @keyframes pulse { 0%, 100% { opacity: 0.1; } 50% { opacity: 0.8; } } .product_ult_wear{position: absolute;width: 138px;left:272px;bottom:240px;} .product_linkbuds_fit{position: absolute;width: 150px;left:455px;bottom:240px;} .product_ult_field1{position: absolute;width: 194px;left:247px;bottom:15px;mix-blend-mode: darken;} .product_ult_field11{position: absolute;width: 194px;left:442px;bottom:15px;mix-blend-mode: darken;} .product_ult_field111{position: absolute;width: 186px;left:457px;bottom:15px;mix-blend-mode: darken;} .product_srs_xb100{position: absolute;width: 177px;left:444px;bottom:15px;mix-blend-mode: darken;} .product_01{position: absolute;width: 138px;left:272px;bottom:15px;} .product_02{position: absolute;width: 150px;left:455px;bottom:15px;} .product_0222{position: absolute;width: 142px;left:322px;bottom:15px;} .product_03{position: absolute;width: 165px;left:78px;bottom:15px;} .product_04{position: absolute;width: 167px;left:269px;bottom:15px;} .product_05{position: absolute;width: 165px;left:465px;bottom:15px;} .product_06{position: absolute;width: 165px;left:98px;bottom:15px;} .product_07{position: absolute;width: 165px;left:287px;bottom:15px;} .product_08{position: absolute;width: 180px;left:114px;bottom:15px;} .product_088{position: absolute;width: 172px;left:134px;bottom:15px;} .product_09{position: absolute;width: 150px;left:317px;bottom:15px;} .product_10{position: absolute;width: 101px;left:174px;bottom:11px;} .product_11{position: absolute;width: 119px;left:333px;bottom:11px;} .product_12{position: absolute;width: 114px;left:501px;bottom:11px;} .product_13{position: absolute;width: 138px;left:174px;bottom:240px;} .product_14{position: absolute;width: 150px;left:455px;bottom:240px;} .product_15{position: absolute;width: 150px;left:93px;bottom:15px;} .product_16{position: absolute;width: 158px;left:251px;bottom:209px;} .product_17{position: absolute;width: 167px;left:453px;bottom:209px;} .product_18{position: absolute;width: 165px;left:251px;bottom:15px;} .product_19{position: absolute;width: 101px;left:279px;top:18px;} .product_20{position: absolute;width: 119px;left:474px;top:18px;} .product_21{position: absolute;width: 114px;left:75px;bottom:15px;} .product_22{position: absolute;width: 179px;left:240px;bottom:15px;} .product_23{position: absolute;width: 158px;left:264px;bottom:270px;} .product_24{position: absolute;width: 159px;left:450px;bottom:270px;} .product_25{position: absolute;width: 165px;left:264px;bottom:7px;} .product_26{position: absolute;width: 180px;left:450px;bottom:7px;} .product_27{position: absolute;width: 106px;left:273px;bottom:239px;} .product_28{position: absolute;width: 119px;left:474px;bottom:239px;} .product_29{position: absolute;width: 114px;left:264px;bottom:15px;} .product_30{position: absolute;width: 135px;left:472px;bottom:15px;} .product_31{position: absolute;width: 135px;left:487px;bottom:15px;}
}
