.guide-header{width:100%;height:80px;overflow:hidden;background:url(../img/head-bg.c286df1c.png) no-repeat 50%}.guide-header .logo{padding-left:30px}.guide-header .logo img{max-height:100%}.guide-header .menu{padding-right:30px;font-size:18px;color:#fff}.guide-header .menu i{font-size:26px;cursor:pointer}.guide-body{width:100%;height:calc(100% - 80px);background-size:cover;-webkit-transition:background 2s linear;transition:background 2s linear;overflow:hidden}.menu-container{width:1200px;margin:0 auto;height:100%;overflow:scroll}.menu-container .menu-item{border-bottom:1px solid hsla(0,0%,86.7%,.3);margin-top:15px}.menu-container .menu-item:last-child{border:none}.menu-container .menu-item .title{padding:12px 0;color:#fff;font-size:18px;font-weight:700}.menu-container .menu-item .box{padding:12px 0}.menu-container .menu-item .menu{width:136px;height:136px;-webkit-transition:.5s;transition:.5s;float:left;margin-right:10px;margin-bottom:10px;-webkit-box-shadow:0 0 5px 0 rgba(28,32,36,.07);box-shadow:0 0 5px 0 rgba(28,32,36,.07);cursor:pointer;border:1px dotted #fff;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menu-container .menu-item .menu:first-child{background-color:rgba(52,161,142,.702)}.menu-container .menu-item .menu:nth-child(2){background-color:rgba(138,172,76,.702)}.menu-container .menu-item .menu:nth-child(3){background-color:rgba(232,177,71,.702)}.menu-container .menu-item .menu:nth-child(4){background-color:rgba(200,94,78,.702)}.menu-container .menu-item .menu:nth-child(5){background-color:rgba(145,95,163,.702)}.menu-container .menu-item .menu:nth-child(6){background-color:rgba(68,92,161,.702)}.menu-container .menu-item .menu:hover{border:1px solid #fff}.menu-container .menu-item .menu:first-child:hover{background-color:#34a18e}.menu-container .menu-item .menu:nth-child(2):hover{background-color:#8aac4c}.menu-container .menu-item .menu:nth-child(3):hover{background-color:#e8b147}.menu-container .menu-item .menu:nth-child(4):hover{background-color:#c85e4e}.menu-container .menu-item .menu:nth-child(5):hover{background-color:#915fa3}.menu-container .menu-item .menu:nth-child(6):hover{background-color:#445ca1}.menu-container .menu-item .icon{width:45px;height:40px;margin:0 auto;margin-top:10px}.menu-container .menu-item .icon,.menu-container .menu-item .name{display:block;color:#fff;-webkit-transition:all .5s;transition:all .5s;font-size:16px;text-align:center}.menu-container .menu-item .name{margin-top:10px}