@charset "UTF-8";

.winxai-subnav-container a{color: inherit;}
.mobile-icon{border: none;}

.bg-purple{background: #eeeeff;}
.bg-orange{background: #fff3f2;}
.bg-green{background: #effbff;}

.winxai-subnav-dropDown-menu-left-item a.new{background: url(../imgs/new.png) no-repeat right top;}
.winxai-subnav-dropDown-menu-left-item a.hot{background: url(../imgs/hot.png) no-repeat right top;}
.winxai-subnav-dropDown-menu-left-item.bg-green a.hot{background: url(../imgs/hot2.png) no-repeat right top;}

.winxai-subnav-container a:hover{color: #3e94ff;}

.winxai-subnav-container{background:#f0f5ff;height: 70px;font-size: 17px;box-shadow: 0 5px 8px #d5dded inset;color: #000;text-align: left;top: -1px;position: sticky;z-index: 101;}
.winxai-subnav-container a{text-decoration: none;;}
.winxai-subnav-container .details{display: flex;justify-content: center;align-items: center;height: 100%;gap: 30px;}
.winxai-subnav-container .logo a{text-decoration: none;color: #666;}
.winxai-subnav-container .logo a:hover{color: inherit;}
.winxai-subnav-container .logo span{color: #ff9a22;font-size: 21px;}
.winxai-subnav-container .winxai-subnav-right{display: flex;gap: 30px;vertical-align: middle;}
.winxai-subnav-function-list{display: flex;gap: 25px;}
.winxai-subnav-function-list li nav{position: relative;padding: 21px 0;color: #666;}
.winxai-subnav-function-list li nav:hover,.winxai-subnav-function-list li.active nav{color: #3e94ff;cursor: pointer;}
.winxai-subnav-function-list li.hav-list nav{padding-right: 17px;}
.winxai-subnav-function-list li.hav-list nav::after{content: "";position: absolute;right: 0;top: 28px;width: 7px;height: 7px;display: inline-block;border-left: 1px solid currentColor;border-bottom: 1px solid currentColor;transform: rotate(-45deg);}
.winxai-subnav-function-list li nav::before{content: "";width: 0;height: 2px; background: currentColor;position:absolute;bottom: 0;left: 50%;transition: left .5s, width .5s;}
.winxai-subnav-function-list li nav:hover::before,.winxai-subnav-function-list li.active nav::before{left: 0;width:100%;}
.winxai-subnav-function-list li a:hover{text-decoration: none;}
.winxai-subnav-dropDown-menu{position: absolute;top: 69px;left: 0;width: 100%;background: #fff;z-index: 999;display: none;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);}
/* .winxai-subnav-function-list li:hover .winxai-subnav-dropDown-menu{display: block;} */
.winxai-subnav-dropDown-menu-content{display: flex;gap: 3%;justify-content: center;padding: 55px 0;align-items: center;}
.winxai-subnav-dropDown-menu-left{padding-right: 3%;border-right: 1px solid #e8e8e8;}
.winxai-subnav-dropDown-menu-left .perpu{background: #eeeeff;}
.winxai-subnav-dropDown-menu-left-item{border-radius: 5px;width: 360px;margin-bottom: 15px;transition: all 0.2s ease;}
.winxai-subnav-dropDown-menu-left-item:hover{transform: translateY(-3px);}
.winxai-subnav-dropDown-menu-left-item a{display: flex;gap: 10px;align-items: center;padding: 22px;}
.winxai-subnav-dropDown-menu-left-item p{color: #848484;font-size: 15px;line-height: 1.4;}
.winxai-subnav-dropDown-menu-title{font-size: 21px;padding-bottom: 10px;}
.winxai-subnav-dropDown-menu-list{color: #666666;}
.winxai-subnav-dropDown-menu-list li{padding: 10px 0;}
.winxai-subnav-dropDown-menu-list li img{margin-right: 10px;}
.winxai-subnav-dropDown-menu-list li a span{color: #ff9a22;}
.winxai-subnav-dropDown-menu-list li a:hover span{color: currentColor;}
.winxai-subnav-dropDown-menu-list li a{position: relative;}
.winxai-subnav-dropDown-menu-list li a::after{content:""; position:absolute;left: 50%;bottom: 0; width:0;border-bottom: 2px solid currentColor;transition: left 0.5s,width 0.5s ease;}
.winxai-subnav-dropDown-menu-list li a:hover::after{left: 48px;width: calc(100% - 48px);}
.winxai-subnav-dropDown-menu-list li a img{pointer-events: none;}
.winxai-subnav-dropDown-menu-box.menu-list-two{max-width: 26%;}
.winxai-subnav-dropDown-menu-box.menu-list-two .winxai-subnav-dropDown-menu-list{display: flex;flex-wrap: wrap;}
.winxai-subnav-dropDown-menu-box.menu-list-two .winxai-subnav-dropDown-menu-list li{max-width: 50%;flex: 50%;}
.winxai-subnav-dropDown-menu-lists-title{font-size: 21px;padding-bottom: 10px;}
.winxai-subnav-dropDown-menu-lists-item{color: #666666;}
.winxai-subnav-dropDown-menu-right{display: flex;gap: 50px;align-self: stretch;}
.winxai-subnav-dropDown-menu-right .right-lists-box a{position: relative;}
.winxai-subnav-dropDown-menu-right .right-lists-box a::after{content:""; position:absolute;left: 50%;bottom: 0; width:0;border-bottom: 2px solid currentColor;transition: left 0.5s,width 0.5s ease;}
.winxai-subnav-dropDown-menu-right .right-lists-box a:hover::after{left: 0;width:100%;}
.winxai-subnav-dropDown-menu-lists-item li{padding: 9px 0;}
.winxai-subnav-dropDown-menu-right .right-lists-box-flex{display: flex;flex-direction: column;justify-content: space-between;}
.winxai-subnav-dropDown-menu-right .line{align-self:stretch;width:1px;background: #e8e8e8;}
.winxai-subnav-container .subnav-buy-content{display: flex;gap: 12px;align-items: center;}
.winxai-subnav-container .subnav-buy-content .subnav-down{display: block;background-color: #80cb1b;color: #ffffff;height: 40px;line-height: 40px;text-align: center;font-size: 19px;padding: 0 20px;border-radius: 5px;}
/* .winxai-subnav-container .subnav-buy-content .subnav-down::after{content: '';display: inline-block;width: 26px;height: 26px;vertical-align: sub;background: url(../imgs/win-mac.png) no-repeat left top;margin-left: 10px;} */
/* .winxai-subnav-container .subnav-buy-content .subnav-down.mac-plat::after{background-position: right top;} */
/* .winxai-subnav-container .subnav-buy-content .subnav-down.mobile-plat::after{display: none;} */
.winxai-subnav-container .subnav-buy-content a:hover{text-decoration: none;}
.winxai-subnav-container .subnav-buy-content .subnav-buy{color: #ff9a22;font-size: 19px;display: inline-block;border: 1px solid #ff9a22;border-radius: 5px;line-height: 38px;padding: 0 20px;}
.winxai-subnav-function-list .hav-list:last-child .winxai-subnav-dropDown-menu-content{padding-bottom: 30px;}
.winxai-subnav-dropDown-menu-bottom{text-align: center;padding-bottom: 25px;}
.winxai-subnav-dropDown-menu-bottom a{display: inline-block;border-radius: 5px;border: 1px solid currentColor;color:#0049ff; line-height: 44px;padding: 0 15px;}


@media screen and (max-width: 1200px) {
    .details{width: 98%!important;}
}

@media screen and (max-width: 979px) {

    .mobile-icon{border: none;position: absolute;right:20px;top: 40%;}
    .mobile-icon::before{content: "";color: #333; display: inline-block;width: 10px;height: 10px; border-left: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: rotate(-45deg);transition: transform 0.2s;}
    .mobile-icon.active::before{transform: rotate(135deg);}
    .winxai-subnav-container .winxai-subnav-right{display:none;position: absolute;left: 0;right: 0;top: 70px;background: #fff;}
    .winxai-subnav-container button.active + .winxai-subnav-right{display: block;}
    .winxai-subnav-function-list{display: block;overflow: scroll;max-height: calc(100vh - 150px);}
    .winxai-subnav-function-list > li{padding: 0 20px;border-bottom: 1px solid #ccc;}
    .winxai-subnav-function-list li nav{padding: 15px 0;}
    .winxai-subnav-function-list li.hav-list nav::after{top: 20px;}
    .winxai-subnav-function-list li nav:hover{color: #000;}
    .winxai-subnav-function-list li.active nav{color: #3e94ff;}
    .winxai-subnav-container .subnav-buy-content{justify-content: center;padding: 10px 0;}
    .winxai-subnav-container .subnav-buy-content .subnav-down.mobile-plat{padding: 0 27px;}
    .winxai-subnav-dropDown-menu-content{padding: 20px 0;}
    .winxai-subnav-function-list li nav:hover::before, .winxai-subnav-function-list li.active nav::before{display: none;}
    .winxai-subnav-dropDown-menu{position: static;top: 0;}
    .hav-list.active .winxai-subnav-dropDown-menu{display: block!important;}
    .winxai-subnav-dropDown-menu-box.menu-list-two{max-width: none;}
    /* .winxai-subnav-dropDown-menu-right{display: block;} */
    .winxai-subnav-function-list .hav-list:last-child .winxai-subnav-dropDown-menu-left{display: flex;gap: 20px;justify-content: center;}
    .winxai-subnav-function-list .hav-list:last-child .winxai-subnav-dropDown-menu-content{display: block;}
    .winxai-subnav-dropDown-menu-right{justify-content: center;}

}
@media (max-width: 767px) {
    .winxai-subnav-dropDown-menu-left{padding-right: 0;}
    .winxai-subnav-dropDown-menu-content{display: block;}
    .winxai-subnav-dropDown-menu-left{border-right: none;}
    .winxai-subnav-function-list .hav-list:last-child .winxai-subnav-dropDown-menu-left{display: block;}
    .winxai-subnav-dropDown-menu-right{display: block;}




}
@media (max-width: 479px) {
    .winxai-subnav-container{font-size: 15px;}
    .winxai-subnav-dropDown-menu-title,.winxai-subnav-dropDown-menu-lists-title{font-size: 17px;}
    .winxai-subnav-dropDown-menu-lists-item li{padding: 5px 0;}
    .winxai-subnav-dropDown-menu-lists-title{padding-top: 10px;}
    .winxai-subnav-dropDown-menu-left-item{width: auto;}
    .winxai-subnav-dropDown-menu-box.menu-list-two .winxai-subnav-dropDown-menu-list{display: block;}
    .winxai-subnav-dropDown-menu-box.menu-list-two .winxai-subnav-dropDown-menu-list li{max-width: none;}
    
}