.page-navs-w{display:none;width:200px;position:fixed;left:calc(50%+520px);top:50%;transform:translateY(-50%);background:#fff;box-shadow:0 4px 12px 0 rgba(86,182,239,0.28);border-radius:10px;padding:10px 8px;box-sizing:border-box}.page-navs-w .navs-img{position:absolute;left:-36px;top:-30px}.page-navs-w.show{display:block}.page-navs{padding-top:100px;padding-bottom:15px;border:2px dashed #61aef2;border-radius:10px}.page-navs .item-nav{line-height:69px;color:#333;font-size:22px;text-align:center;cursor:pointer;box-sizing:border-box;border-bottom:1px dashed #61aef2}.page-navs .item-nav:hover{color:#61aef2}.page-navs .item-nav.active{position:relative;width:220px;margin-left:-20px;color:#fff;line-height:48px;background:linear-gradient(180deg,rgba(117,199,244,1),rgba(96,159,241,1));box-shadow:0 4px 12px 0 rgba(86,182,239,0.28)}.page-navs .item-nav.active::before{content:"";position:absolute;display:block;left:0;top:48px;border:5px solid transparent;border-right-color:#4c96d6;border-top-color:#4c96d6}.page-navs .item-nav.active::after{content:"";position:absolute;display:block;right:0;top:48px;border:5px solid transparent;border-left-color:#4c96d6;border-top-color:#4c96d6}.page-navs .qr-box{text-align:center;margin:15px 0 0}.page-navs .qr-box img{width:118px}.page-navs .qr-box p{font-size:12px;color:#333}@media screen and (min-width:1300px) and (max-width:1450px){.page-navs-w.show{right:0;left:auto}}@media screen and (max-width:1300px){.page-navs-w.show{display:none}}