div{-webkit-box-sizing:border-box;box-sizing:border-box}#menu-view{height:100%;width:100%;overflow:auto;background-color:#f8faff}#menu-view .content-box{width:100%;margin:0 auto;padding:0 25px}#menu-view .title{font-size:30px;line-height:19px;letter-spacing:0;color:#323232;padding:40px 0}#menu-view .nav-box{display:grid;grid-template-columns:repeat(auto-fill,244px);grid-template-rows:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#menu-view .nav-box .tip-box{width:247px;background-color:#fff;-webkit-box-shadow:0 2px 3px 0 rgba(154,163,170,.15);box-shadow:0 2px 3px 0 rgba(154,163,170,.15);border-radius:3px;padding:10px 10px 10px 20px;margin:0 5px 20px 5px;-webkit-transition:all .2s;transition:all .2s;cursor:pointer}#menu-view .nav-box .tip-box img{width:34px;vertical-align:middle}#menu-view .nav-box .tip-box .tip-title{line-height:34px;margin-left:10px;font-weight:700}#menu-view .nav-box .tip-box .tip-content{font-size:13px;line-height:36px;letter-spacing:0;color:#969696}#menu-view .nav-box .tip-box.active{-webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,.1);box-shadow:0 10px 10px 0 rgba(0,0,0,.1);-webkit-transform:translateY(-10px);transform:translateY(-10px)}