.head{background-color:#e3f0fe;border-bottom:.04rem solid #61c0fa;height:1.06rem;left:0;position:fixed;top:0;width:100vw;z-index:1001}.head p{margin-bottom:0}.head .head-cont{display:flex}.head .logo{background:url(/static/img/logo.png) no-repeat;background-size:100% 100%;height:1.85rem;left:.52rem;position:absolute;top:.07rem;width:3rem}.head .head-nav-list{display:flex;margin-left:5rem}.head .head-nav-list .head-nav-item{margin-right:.4rem;position:relative;width:2.58rem}.head .head-nav-list .head-nav-item .item{align-items:center;cursor:pointer;display:flex;height:1.05rem;justify-content:center;text-align:center;width:100%}.head .head-nav-list .head-nav-item .icon{display:block;max-height:.47rem;max-width:.46rem}.head .head-nav-list .head-nav-item .title{color:#5c7289;font-family:jss;font-size:.32rem;font-style:italic;line-height:.32rem;margin-left:.2rem}.head .head-nav-list .head-nav-item:hover .icon{filter:drop-shadow(.02rem .04rem .06rem #aaaaaa)}.head .head-nav-list .head-nav-item:hover .title{color:#4188d3}.head .head-nav-list .head-nav-item .item-childer{border-bottom-left-radius:.02rem;border-bottom-right-radius:.02rem;margin-top:-.03rem;min-height:1rem;transition:height .1s;width:100%}.head .head-nav-list .head-nav-item .item-childer .game-icon{cursor:pointer;display:block;height:.96rem;margin:auto;transition:all .2s;width:100%}.head .head-nav-list .head-nav-item-active .item{background:url(/static/img/head-active.png) no-repeat;background-size:100% 100%}.head .head-nav-list .head-nav-item-active:hover .icon{filter:none}.head .head-nav-list .head-nav-item-active .title,.head .head-nav-list .head-nav-item-active:hover .title{color:#fff}.head .head-nav-list .head-nav-item-m{display:none}