#menu-container a{text-decoration:none;color:#3498db}#menu-container{width:100%;min-height:100%;background:#222;border:20px solid #fff}.folding-menu{font-size:0;padding:0}.folding-menu>li{list-style-type:none}.menu-item{text-align:center;display:inline-block;padding-right:10px;margin-bottom:10px;padding-left:0 !important;transition:background .3s;font-size:15px;vertical-align:top;width:25%}.menu-item img{border:1px solid #e0e0e0}.menu-item:after{content:'';border-top:0 solid #e6e6e6}.unfolded-content{font-size:15px;box-sizing:border-box;position:relative}.active-item{position:relative}.active-item:after{content:'';width:0;height:0;position:absolute;left:calc(50% - 10px);bottom:-10px;border-top:10px solid #e65457;border-right:10px solid transparent;border-bottom:0 solid transparent;border-left:10px solid transparent;z-index:10;transition:border-top-color .3s}.active-item:hover:after{border-top:10px solid #e65457}.close-unfolded-content{position:absolute;top:20px;right:30px;height:20px;width:20px;text-align:center;background:#fff;transition:color .3s,background .3s}.folding-content{margin:0 10px;padding:20px}.close-unfolded-content:hover{color:#fff;background:#444}.folding-content,.unfolded-content{display:none}.unfolded-content{width:100%}.unfolded-content .folding-content{display:block}.menu-item:hover,.close-unfolded-content:hover{cursor:pointer}