@font-face{font-family:'Rubik';src:url('../font/Rubik-ExtraBold.ttf');font-weight:900}@font-face{font-family:'Rubik';src:url('../font/Rubik-SemiBold.ttf');font-weight:bold;font-display:swap}@font-face{font-family:'Rubik';src:url('../font/Rubik-Regular.ttf');font-weight:normal;font-display:swap}@font-face{font-family:'Rubik';src:url('../font/Rubik-Light.ttf');font-weight:300;font-display:swap}html{scroll-behavior:smooth}body,h1,h2,h3,p,ul,ol,li,div,section{margin:0;padding:0;box-sizing:border-box}ul,ol,li{list-style:none}a{text-decoration:none;color:#333}img{display:inline-block;vertical-align:top}body{font-family:'Rubik';font-size:0.8333vw;background:#fff}.container{width:57.2917vw;margin:0 auto}.flex-wrapper{display:flex;align-items:center;justify-content:space-between}.mobile-style{display:none}.common_banner_first{display:flex;flex-direction:column;justify-content:center;align-items:center;height:10.5208vw;background:url(../img/common-banner-1.png) no-repeat top left / 100%}.common_banner_first .banner_title{font-weight:bold;font-size:1.8229vw;line-height:2.5521vw;letter-spacing:0.0104vw;text-align:center;color:#fff}.common_banner_first .banner_desc{font-weight:300;line-height:1.6667vw;text-align:center;color:#fff;margin-top:0.5208vw}.common_banner_second{display:flex;flex-direction:column;justify-content:center;align-items:center;height:11.7708vw;background:url(../img/common-banner-2.png) no-repeat top left / 100%}.common_banner_second .banner_title{font-weight:bold;font-size:2.0833vw;line-height:2.5521vw;text-align:center;color:#421b95}.common_banner_second .banner_desc{font-size:1.25vw;line-height:1.875vw;text-align:center;color:rgba(66,27,149,0.67);margin-top:0.5208vw}.common_banner_three{background:url(../img/common-banner-1.png) no-repeat top left / 100%;background-size:cover}.common_banner_three .container{height:10.5208vw;display:flex;flex-direction:column;justify-content:center;align-items:start}.common_banner_three .container .banner_title{font-weight:bold;font-size:1.8229vw;line-height:2.5521vw;letter-spacing:0.0104vw;text-align:center;color:#fff}.common_banner_three .container .banner_desc{font-weight:300;line-height:1.6667vw;text-align:center;color:#fff;margin-top:0.5208vw}@media (max-width:768px){body{font-size:4.2667vw}.container{width:90%}.pc-style{display:none}.mobile-style{display:block}.common_banner_first{height:75.4667vw;background:url(../img/common-banner-1.png) no-repeat bottom left;background-size:cover;padding:0 5.3333vw}.common_banner_first .banner_title{font-size:7.4667vw;line-height:11.2vw;letter-spacing:0.0533vw}.common_banner_first .banner_desc{line-height:6.4vw;margin-top:2.6667vw}.common_banner_second{height:60.2667vw;background:url(../img/common-banner-2.png) no-repeat bottom left;background-size:cover;padding:0 5.3333vw}.common_banner_second .banner_title{font-size:9.6vw;line-height:12.8vw}.common_banner_second .banner_desc{font-size:4.2667vw;line-height:6.4vw;margin-top:4vw}.common_banner_three{background:url(../img/common-banner-1.png) no-repeat bottom left;background-size:cover}.common_banner_three .container{height:75.4667vw;align-items:center;padding:0 5.3333vw}.common_banner_three .container .banner_title{font-size:7.4667vw;line-height:11.2vw;letter-spacing:0.0533vw}.common_banner_three .container .banner_desc{line-height:6.4vw;margin-top:2.6667vw}}header{background-color:#fff;height:4.5313vw;z-index:1000}header .container{display:flex;align-items:center;justify-content:space-between}header .container .logo{width:7.3438vw;height:auto}::-webkit-input-placeholder{color:#231815;position:relative;top:-0.1042vw;left:0.2083vw}::-moz-placeholder{color:#231815;position:relative;top:-0.1042vw;left:0.2083vw}:-ms-input-placeholder{color:#231815;position:relative;top:-0.1042vw;left:0.2083vw}input:-moz-placeholder{color:#231815;position:relative;top:-0.1042vw;left:0.2083vw}header .menu ul{height:auto}header .menu ul li{display:inline-block;padding:0.5208vw 1.25vw;font-size:0.9292vw}header .menu ul li .top{font-weight:600}header .menu ul li .product-more,header .menu ul li .support-more-new{visibility:hidden;max-height:0;overflow:hidden;transition:all 0.5s linear}header .menu ul li.curr .product-more,header .menu ul li.curr .support-more-new{visibility:visible;max-height:60vw}header .menu ul li:last-child{padding:0.5208vw 0 0.5208vw 1.25vw;cursor:pointer}header .menu ul li.pro-list a{position:relative}header .menu ul li.pro-list a .icon{display:block;float:right;position:absolute;top:50%;right:0;margin:-0.1563vw 0 0 0;font-size:0.625vw;width:1.0417vw;text-align:center;color:#999;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}header .menu ul li a{color:#000000;text-decoration:none;margin-left:0.2083vw;font-size:0.8333vw;position:relative;font-weight:500}.p_list ul li a{border-bottom-color:transparent}header .menu ul li .p_list{display:none;position:absolute;background:rgba(34,34,34,0.95);top:3.4375vw;z-index:1;width:27.8125vw;padding:1.0417vw;left:-1.0417vw}header .menu ul li .p-icon-down{position:absolute;transition:0.5s;font-size:0.8333vw}header .menu ul li.curr a > .p-icon-down{transform:rotate(180deg)}header .menu ul li .p_list a{margin-left:0}header .menu ul li .p_list ul li{margin:0.2604vw 0.4167vw;padding:0}header .menu ul li .p_list ul li a{font-size:0.7292vw;display:block;width:11.9271vw;height:1.9271vw;border:1px solid #fff;text-align:center;line-height:1.9271vw}header .menu ul li .p_list ul li a:hover{color:#ceb605;border:1px solid #23cafd}header .container .menu ul li.pro-list .product-more{padding:1.0417vw 0.4167vw 0.9375vw;left:-11.9792vw;top:2.7083vw;width:50.5vw;background:#FFFFFF;box-shadow:0 0.2083vw 1.5625vw rgba(0,0,0,0.11);border-top:none;border-radius:0 0 0.8333vw 0.8333vw;position:absolute;z-index:9999;text-align:center}header .container .menu ul li.pro-list .product-more .label{font-size:0.5208vw;padding:0.1042vw 0.3125vw 0.1042vw 0.2604vw;line-height:1;border-radius:0.1042vw;color:#FFFFFF;margin-left:0.2604vw;font-style:oblique}header .container .menu ul li.pro-list .product-more .product-name_hot{background:#FF334D}header .container .menu ul li.pro-list .product-more .product-name_new{background:#18CC4A}header .container .menu ul li.pro-list .product-more .product-name_sale{position:absolute;top:0.94vw;right:0.52vw;width:5.21vw;height:1.25vw;background:url(../img/nav-apple-sale-tag.png) no-repeat;background-size:100% 100%}header .product-more .product-list .product{display:flex;align-items:center}header .product-more .product-list .product .product-figure{margin-right:0.5208vw}header .product-more .product-list .product .product-figure img{width:1.3021vw;height:1.3021vw}header .product-more .product-list .product .product-name{margin:0.5208vw 0}header .support-more-new{background:#ffffff;width:100%;padding:2.0833vw 0;position:absolute;top:2.6042vw;z-index:999;border-top:0.1563vw solid #eaeaea;box-shadow:0 0.5208vw 0.5208vw rgba(0,0,0,0.2)}header .product-more .more_product_link{padding:0;display:inline-block;position:relative;top:10px}header .product-more img{height:100px}.product-more div.img{position:relative;display:inline-block}header .product-more div .img_link{display:block;position:absolute;width:100%;height:100%;top:0;left:0}header .product-more a{color:#a8a7a7;display:block;font-weight:bold}header .product-more a:hover{color:#827502}header .product-more p{color:#a8a7a7;margin-top:20px;font-weight:bold;margin-bottom:15px}header .product-more .overview{font-size:16px;color:#727272}header .product-more .overview a{color:inherit;display:inline;font-weight:bold}header .product-more .overview a:hover{color:#827502}header .product-more .more-down{transform:rotate(267deg);display:inline-block;position:relative;left:0;transition:left 0.4s;font-weight:900}header .product-more .more_product_link:hover i{left:10px}@media (max-width:768px){header{height:auto}header .container{width:100%;box-shadow:0px 4px 43px 0px #00000014}header .container .logo{padding:1.3333vw 3vw;width:29.6vw;height:auto}header .container .mo-menu-box{display:flex;align-items:center}header .container .mo-menu-box .iconfont{font-size:5.5974vw;font-weight:600;padding:1.6667vw}header .container .mo-menu-box .icon-caidan{color:#ffffff;background-color:#5C42FF;border-radius:0.9667vw}header .container .mo-menu-box .store{font-size:4.2667vw;font-weight:500;line-height:5.0667vw;text-align:center;color:#FFFFFF;background:#FF8642;padding:1.3333vw 2.6667vw;display:flex;align-items:center;border-radius:1.3333vw;margin-right:5.3333vw}header .container .mo-menu-box .store img{width:4.8vw;height:4.8vw}.mobile-list{display:none;padding:0 4vw;background-color:white}.mobile-list-title{height:16.8vw;display:flex;align-items:center;font-size:4.2667vw;line-height:5.0667vw;color:#000;position:relative;width:100%;font-weight:600;justify-content:space-between}.mobile-list-title-active{color:#5C42FF}.mobile-list-title::before{content:'';display:block;position:absolute;border:1px solid rgba(0,0,0,0.04);bottom:0;width:100%}.mobile-list-title .p-icon-down{transition:all 0.5s;font-size:4.2667vw}.mobile-list-title-active .p-icon-down{transform:rotate(180deg);transition:all 0.5s}.mobile-list-pop,.mobile-list-pop1{display:none;position:relative}.mobile-list-pop1{text-align:left;margin-bottom:7.7333vw}.mobile-list-item{width:95%;display:flex;align-items:center;margin:2.6667vw 0;padding:3.7333vw 0 3.7333vw 5.0667vw}.mobile-list-item:hover{background:#0000000A;border-radius:2.9333vw}.mobile-list-item-right{position:relative;margin-left:5.6vw}.mobile-right-title{font-weight:600;font-size:3.9667vw;line-height:3.7333vw;cursor:pointer}.mobile-right-title .label{font-size:2.4vw;padding:0 1.6vw 0 1.3333vw;line-height:1;border-radius:0.5333vw;color:#FFFFFF;margin-left:1.3333vw;font-style:oblique}.mobile-right-title .product-name_hot{background:#FF334D}.mobile-right-title .product-name_new{background:#18CC4A}.mobile-right-title .product-name_sale{position:absolute;top:-0.53vw;right:-5.33vw;width:16vw;height:4.27vw;background:url(../img/nav-apple-sale-tag.png) no-repeat;background-size:100% 100%}.mobile-right-subhead{font-weight:300;font-size:2.6667vw;line-height:14px;margin-top:1.8vw}.mobile-list-logo{width:11.7333vw;height:11.7333vw;border:1.8px solid rgba(89,105,233,0.07);border-radius:2.7961vw;cursor:pointer;padding:1.3333vw}.list-pop1-box{display:flex;flex-direction:column}.list-pop1-box-item{padding:4vw;border-bottom:1.8px solid rgba(89,105,233,0.07);font-size:4.2667vw;font-weight:600;line-height:5.0667vw;letter-spacing:0em}.list-pop1-box-item .support-desc{margin-left:2.6667vw}.list-pop1-box-item:hover .support-desc{color:#5C42FF}}header .container{height:100%}header .container .menu{top:0}header .container .menu ul{height:100%;display:flex;align-items:center}header .container .menu ul li{line-height:0.8333vw}header .container .menu ul li:hover a{color:#5C42FF}header .container .menu ul li.store a{display:flex;align-items:center;color:#fff;padding:0.2125vw 0.5208vw;background:#FF8642;border-radius:5px}header .container .menu ul li.store a img{width:0.9475vw;height:0.9475vw;margin-right:0.2604vw}header .container .menu ul li.store a:hover{background:#FF6442}header .container .menu ul li.pro-list{position:relative}header .container .menu ul li.pro-list .product-more .product-music-list-box{display:flex}header .container .menu ul li.pro-list .product-more .product-music-list-box .product-music-list{padding-right:0.3813vw}header .container .menu ul li.pro-list .product-more .product-music-list-box .product-music-list:nth-child(2){margin-left:0.3813vw}header .container .menu ul li.pro-list .product-more .product-music-list:first-child{border-right:1px solid #F4F4F4}header .container .menu ul li.pro-list .product-more .product-music-list .product-music{padding:0.5208vw 0.7813vw}header .container .menu ul li.pro-list .product-more .product-music-list .product-music:hover{background:rgba(27,48,66,0.06);border-radius:0.2083vw;color:#000}header .container .menu ul li.pro-list .product-more .product-music-list .product-music img{width:2.0833vw;height:2.0833vw;border:1px solid #F5F5F5;border-radius:0.4688vw;padding:0.2604vw;background-color:#fff}header .container .menu ul li.pro-list .product-more .product-music-list .product-music .product-name{text-align:left}header .container .menu ul li.pro-list .product-more .product-music-list .product-music .product-name .item-title{font-size:0.7292vw;line-height:0.9896vw;color:#032950;font-weight:bold}header .container .menu ul li.pro-list .product-more .product-music-list .product-music .product-name .item-desc{font-size:0.5208vw;line-height:1.2292vw;color:#032950;display:inline-block;margin-top:0.2604vw;font-weight:lighter}header .container .menu ul li.pro-list .product-more:last-child{border-top:1px solid #E5E5E5}header .container .menu ul li#support{position:relative}header .container .menu ul li#support .support-more-new{top:2.7083vw;left:-50%;width:11.4583vw;box-shadow:0 0.2083vw 1.5625vw rgba(0,0,0,0.11);border-radius:0 0 0.8333vw 0.8333vw;border-top:none;padding:0.4167vw}header .container .menu ul li#support .support-more-new a{display:flex;align-items:center;padding:0.6063vw 0.5208vw;color:#000}header .container .menu ul li#support .support-more-new a:hover{background:rgba(27,48,66,0.06);border-radius:0.2083vw;color:#7458EA}header .container .menu ul li#support .support-more-new a img{width:1.4063vw;height:1.4063vw}header .container .menu ul li#support .support-more-new a .support-desc{font-size:0.8333vw;line-height:0.9896vw;margin-left:0.8333vw;margin-top:0;font-weight:bold}header .container .logo-box{height:100%}footer{background-color:#f5f5f7}footer .container{width:1200px;padding:4.1667vw 0}footer .container .list-box{display:flex;justify-content:space-between}footer .container .logo-box{position:relative;top:-15px;margin-right:38px}footer .container .logo-box img{width:200px;height:45px}footer .container .list{flex:0 0 19%}footer .container .list .jump-box{margin-top:1.5625vw;margin-bottom:23px}footer .container .list .jump-box .iconfont{margin-right:0.2604vw;display:inline-block;vertical-align:bottom;width:28px;height:28px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:50%}footer .container .list .jump-box .iconfont.facebook{background-image:url('../img/index/facebook-icon.png')}footer .container .list .jump-box .iconfont.twitter{background-image:url('../img/index/twitter-icon.png')}footer .container .list .jump-box .iconfont.youtube{background-image:url('../img/index/youtube-icon.png')}footer .container .list .center-btn{width:180px;height:45px;text-indent:15px;font-family:Roboto;font-size:15px;line-height:18px;margin-bottom:10px;border-radius:7px;border:none;transition:all 0.5s;cursor:pointer}footer .container .list .center-btn a{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;color:#fff}footer .container .list .center-btn:hover{transform:translateY(-5px)}footer .container .list .center-btn .btn-icon{display:inline-block;width:27px;height:27px;background-repeat:no-repeat;background-position:center;background-size:contain}footer .container .list .center-btn.product{background-color:#5b41fe}footer .container .list .center-btn.product .btn-icon{background-image:url('../img/index/product-cart.png')}footer .container .list .center-btn.download{background-color:#fe9041}footer .container .list .center-btn.download .btn-icon{width:23px;height:21px;background-image:url('../img/index/download-icon.png')}footer .container .list .list-title{color:#000000;font-size:1.25vw;font-weight:600;margin-bottom:1.5625vw}footer .container .list ul li{margin-top:0.5208vw;font-size:0.7813vw;font-weight:500;line-height:1.5833vw}footer .container .list ul li a{color:#333}footer .select-wrap{position:relative;width:fit-content}footer .select-wrap .title{line-height:2.0833vw;cursor:pointer;font-size:0.8333vw;font-weight:700;color:#000}footer .select-wrap .title img{vertical-align:middle;margin-left:0.5208vw}footer .select-wrap .content-wrap{display:none;position:absolute;bottom:2.6042vw}footer .select-wrap .content-wrap .content{box-sizing:border-box;display:flex;flex-direction:column;background:#fff;border:1px solid #ddd}footer .select-wrap .content-wrap .content a{line-height:2.0833vw;padding-left:1.0417vw;color:#333}footer .select-wrap .content-wrap .content a:hover{color:#fff;background:#55595c}footer .select-wrap .content-wrap .content a img{margin-right:0.2604vw;vertical-align:middle}footer .copyright{display:flex;align-items:center;justify-content:center;text-align:center;height:2.6042vw;background:#000000;font-weight:400;line-height:0.8854vw;color:#ffffff}@media (max-width:768px){footer .container{width:100%;margin-top:85px;padding:13.3333vw 12px;box-sizing:border-box}footer .container .list-box{flex-direction:column}footer .container .logo-box{padding-top:0}footer .container .logo-box img{width:300px;height:68px}footer .container .list{flex:0;width:100%}footer .container .list .jump-box{margin-top:5.3333vw}footer .container .list .jump-box .iconfont{font-size:9.3333vw}footer .container .list .list-title{font-size:5.8667vw;margin:4.6667vw 0}footer .container .list ul li{margin-top:4vw;font-size:4vw}footer .select-wrap{margin-top:5.3333vw}footer .select-wrap .title{font-size:5.8667vw}footer .select-wrap .title img{margin-left:2.6667vw}footer .select-wrap .content-wrap{bottom:7.3333vw}footer .select-wrap .content-wrap .content{padding:1.6667vw}footer .select-wrap .content-wrap .content a{line-height:6.0833vw;font-size:4vw}footer .copyright{height:16.2667vw;line-height:6.2667vw;font-size:4.2667vw}}.activity-promotion{width:100%}.activity-promotion .desktop-activity-img{width:100%;position:relative}.activity-promotion .desktop-close{position:absolute;right:38px;top:2px;z-index:999;width:28px;height:28px}.activity-promotion .mobile-activity-img{width:100%}.activity-promotion .mobile-activity{display:none}@media screen and (max-width:768px){.activity-promotion .desktop-activity{display:none}.activity-promotion .mobile-activity{display:block}.activity-promotion .mobile-close{position:absolute;right:20px;top:10px;z-index:999}.activity-promotion .mobile-activity-img{position:relative}}#activity-sale{align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.65);z-index:9999;display:none}#activity-sale .container{display:flex;align-items:center;justify-content:center;position:relative;width:852px;height:395px;background-size:cover;border-radius:21px}#activity-sale .container .close{position:absolute;bottom:-90px;left:calc(50% - 24.5px);width:48px;height:48px;background:url('../img/activity/icon-close.svg') no-repeat;background-size:100% 100%;cursor:pointer;transition:all 0.5s;opacity:1}#activity-sale .container .close:hover{transform:scale(1.2) rotate(180deg)}#activity-sale .container img{width:100%;height:auto}#activity-sale .container .content{display:flex;flex-direction:column;align-items:center;margin-top:165px}@media (max-width:768px){#activity-sale .container a{text-align:center !important}#activity-sale .container .close{bottom:30px;width:38px;height:38px;left:calc(50% - 15.5px)}#activity-sale .container img{width:95%}}