.fixed-box{height:60px;border-top:1px solid hsla(0,0%,100%,.1);position:relative}.fixed-box .oui-button.disabled{color:#7c7d80!important;background:rgba(124,125,128,.5)!important;border-color:rgba(124,125,128,.5)!important;cursor:not-allowed!important}.fixed-box .mask{display:none}.fixed-box .fixed-wrap{height:60px;transition:all .25s}.fixed-box .fixed-wrap .nav-con{height:60px;overflow:hidden}.fixed-box .fixed-wrap .nav-con .right{float:right;line-height:60px;font-size:0;display:flex;align-items:center}.fixed-box .fixed-wrap .nav-con .right .space{display:inline-block;font-size:14px;color:#666}.fixed-box .fixed-wrap .nav-con .right .nav-item{text-align:center;display:inline-block;padding:0 16px}.fixed-box .fixed-wrap .nav-con .right .nav-item .nav-a{display:block;font-size:14px;color:#fff}.fixed-box .fixed-wrap .nav-con .right .nav-item .nav-a.is-actived,.fixed-box .fixed-wrap .nav-con .right .nav-item .nav-a.nuxt-link-exact-active{color:var(--text-white);font-weight:550}.fixed-box .fixed-wrap .nav-con .right .nav-item .nav-a.is-actived:hover,.fixed-box .fixed-wrap .nav-con .right .nav-item .nav-a.nuxt-link-exact-active:hover{font-weight:550}.fixed-box .fixed-wrap .nav-con .right .nav-item .nav-a:hover{color:var(--text-white);font-weight:550}.fixed-box .fixed-wrap .nav-con .right .nav-item .nav-p{font-size:14px;color:#fff;text-decoration:line-through;vertical-align:middle}.fixed-box .fixed-wrap .nav-con .right .nav-item.button-box{padding:0 0 0 16px}.fixed-box .fixed-wrap .nav-con .right .nav-item.button-box .oui-button{font-size:12px;min-width:48px;width:72px;height:26px;color:var(--theme-color);line-height:26px;border-radius:2px;background:transparent}.fixed-box .fixed-wrap .nav-con .right .nav-item.button-box .oui-button.buy{border:none;color:#fff;background-color:var(--theme-color);vertical-align:middle}.fixed-box .fixed-wrap .nav-con .right .nav-item.button-box .oui-button.buy:hover{background:var(--theme-color-hover)}.fixed-box .fixed-wrap .nav-con .right .nav-item.button-box .oui-button.new-product{width:auto;padding:0 12px}.fixed-box .fixed-wrap .nav-con .left{float:left;line-height:60px;display:flex;align-items:center}.fixed-box .fixed-wrap .nav-con .left .nav-item{padding:0 10px}.fixed-box .fixed-wrap .nav-con .left .nav-item .nav-a{color:var(--text-dark-light2)}.fixed-box .fixed-wrap .nav-con .left .nav-item .nav-a:hover{font-weight:400}.fixed-box .fixed-wrap .nav-con .left .name{font-size:14px;color:#fff;vertical-align:middle}.fixed-box .fixed-wrap .nav-con .left .name:after{padding:0 10px 0 20px;content:"|";opacity:.3}.fixed-box .fixed-wrap.fixed{background:#fff;position:fixed;top:0;width:100%;z-index:88;box-shadow:0 0 20px rgba(0,0,0,.06)}.fixed-box .fixed-wrap.fixed .nav-con .left .name{color:var(--text-dark)}.fixed-box .fixed-wrap.fixed .nav-con .right .nav-item .nav-a,.fixed-box .fixed-wrap.fixed .nav-con .right .nav-item .nav-p{color:var(--text-dark-light);vertical-align:middle}.fixed-box .fixed-wrap.fixed .nav-con .right .nav-item .nav-a:hover,.fixed-box .fixed-wrap.fixed .nav-con .right .nav-item .nav-p:hover{color:#000}.fixed-box .fixed-wrap.fixed .nav-con .right .nav-item .nav-a.nuxt-link-exact-active,.fixed-box .fixed-wrap.fixed .nav-con .right .nav-item .nav-a:hover{color:var(--text-dark)}@media (max-width:999px){.fixed-box .fixed-wrap .nav-con .ext+.right .nav-item{padding:0 12px}.fixed-box .fixed-wrap .nav-con .ext+.right .nav-item.button-box{padding-right:0}}@media (max-width:831px){.fixed-box{position:absolute;height:50px;width:100%}.fixed-box .oui-button.disabled{width:auto!important;padding-left:8px;padding-right:8px}.fixed-box .fixed-wrap>.response-container{padding:0}.fixed-box.expanded{border-top:none}.fixed-box.expanded .mask{display:block;height:100%;width:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.5);z-index:87}.fixed-box.expanded .fixed-wrap.fixed .nav-con,.fixed-box.expanded .fixed-wrap .nav-con{background:#fff;color:#000}.fixed-box.expanded .fixed-wrap.fixed .nav-con .com-top-bar .hard_title .icon,.fixed-box.expanded .fixed-wrap .nav-con .com-top-bar .hard_title .icon{background:url(//res.orayimg.com/sunlogin/1.0/img/6b78e60.png) no-repeat 50%/cover;transform:none}.fixed-box .fixed-wrap{height:50px;position:relative;z-index:88}.fixed-box .fixed-wrap.fixed .nav-con{color:#000}.fixed-box .fixed-wrap.fixed .nav-con .com-top-bar .hard_title .icon{background:url(//res.orayimg.com/sunlogin/1.0/img/6b78e60.png) no-repeat 50%/cover;transform:rotate(180deg)}.fixed-box .fixed-wrap .nav-con{height:50px;font-size:13px;color:#fff;overflow:inherit}.fixed-box .fixed-wrap .nav-con .com-top-bar{padding:0 16px;line-height:50px;display:flex;justify-content:space-between}.fixed-box .fixed-wrap .nav-con .com-top-bar .right-nav{display:flex;justify-content:flex-end;align-items:center}.fixed-box .fixed-wrap .nav-con .com-top-bar .hard_title{display:flex;align-items:center}.fixed-box .fixed-wrap .nav-con .com-top-bar .hard_title span{font-size:13px}.fixed-box .fixed-wrap .nav-con .com-top-bar .hard_title .icon{display:inline-block;height:16px;width:16px;margin-left:5px;background:url(//res.orayimg.com/sunlogin/1.0/img/027f93f.png) no-repeat 50%/contain}.fixed-box .fixed-wrap .nav-con .com-top-bar .oui-button{font-size:12px;width:50px;height:24px;line-height:24px;border-radius:4px;min-width:24px;background:var(--theme-color);color:#fff;border:none;margin-left:10px}.fixed-box .fixed-wrap .nav-con .com-top-bar .oui-button.new-product{padding:0 8px;width:auto}.fixed-box .fixed-wrap .nav-con .nav_box{display:none;line-height:40px;background:#fff;text-align:center}.fixed-box .fixed-wrap .nav-con .nav_box a{color:#333;font-size:13px}}@media (max-width:591px){.fixed-box{position:absolute;height:1.33333rem;width:100%}.fixed-box .oui-button.disabled{width:auto!important;padding-left:.2rem;padding-right:.2rem}.fixed-box .fixed-wrap>.response-container{padding:0}.fixed-box.expanded{border-top:none}.fixed-box.expanded .mask{display:block;height:100%;width:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.5);z-index:87}.fixed-box.expanded .fixed-wrap.fixed .nav-con,.fixed-box.expanded .fixed-wrap .nav-con{background:#fff;color:#000}.fixed-box.expanded .fixed-wrap.fixed .nav-con .com-top-bar .hard_title .icon,.fixed-box.expanded .fixed-wrap .nav-con .com-top-bar .hard_title .icon{background:url(//res.orayimg.com/sunlogin/1.0/img/6b78e60.png) no-repeat 50%/cover;transform:none}.fixed-box .fixed-wrap{height:1.33333rem;position:relative;z-index:88}.fixed-box .fixed-wrap .nav-con{height:1.33333rem;font-size:.32rem;color:#fff;overflow:inherit}.fixed-box .fixed-wrap .nav-con .com-top-bar{padding:0 16px;line-height:1.33333rem;display:flex;justify-content:space-between}.fixed-box .fixed-wrap .nav-con .com-top-bar .right-nav{display:flex;justify-content:flex-end;align-items:center}.fixed-box .fixed-wrap .nav-con .com-top-bar .hard_title{display:flex;align-items:center}.fixed-box .fixed-wrap .nav-con .com-top-bar .hard_title span{font-size:.32rem}.fixed-box .fixed-wrap .nav-con .com-top-bar .hard_title .icon{display:inline-block;height:.37333rem;width:.37333rem;margin-left:.13333rem;background:url(//res.orayimg.com/sunlogin/1.0/img/027f93f.png) no-repeat 50%/contain}.fixed-box .fixed-wrap .nav-con .com-top-bar .oui-button{font-size:.32rem;width:1.17333rem;height:.64rem;line-height:.64rem;border-radius:.05333rem;min-width:.64rem;background:var(--theme-color);color:#fff;border:none;margin-left:.26667rem}.fixed-box .fixed-wrap .nav-con .com-top-bar .oui-button.new-product{padding:0 .21333rem;width:auto}.fixed-box .fixed-wrap .nav-con .nav_box{display:none;line-height:1.06667rem;background:#fff;text-align:center}.fixed-box .fixed-wrap .nav-con .nav_box a{color:#333;font-size:.32rem}.fixed-box .fixed-wrap.fixed .nav-con{color:#000}.fixed-box .fixed-wrap.fixed .nav-con .com-top-bar .hard_title .icon{background:url(//res.orayimg.com/sunlogin/1.0/img/6b78e60.png) no-repeat 50%/cover;transform:rotate(180deg)}}.hardware-nav.layout-1200 .response-container{width:1200px!important;margin:0 auto!important}@media (max-width:1399px){.hardware-nav.layout-1200 .response-container{width:calc(100% - 200px)!important;margin:0 100px!important}}@media (max-width:999px){.hardware-nav.layout-1200 .response-container{width:800px!important;margin:0 auto!important}}@media (max-width:831px){.hardware-nav.layout-1200 .response-container{width:560px!important;min-width:unset!important}}@media (max-width:591px){.hardware-nav.layout-1200 .response-container{width:100%!important}}