/* 头部 */ #header-box{ height:50px; width:100%;line-height:50px; position: fixed;z-index: 500;top: 0; border-bottom:2px solid #eaeaea; background:#eaeaea;box-shadow: 0px 3px 6px rgba(0,0,0,0.2);} #header{ height:50px; background: #FFF;width:100%;line-height:50px; padding: 0 0 0 10px;} .mlogo{ float: left; width:100%; height:50px; background:url(../wyimages/logo2024.jpg) left center no-repeat; background-size:auto 20px; overflow: hidden;} .indexright{position:relative;} a.icon-menu{display:block; width:50px; height:50px; text-align:center; background:#ffffff; color:#333; position: absolute; right: 0; top: 0;} .icon-menu span{ line-height:50px;font-size:16px;font-weight:normal;} /* 侧边栏 */ .sidenav{width:100%;height:100%;position:fixed;top: 0;left:0;z-index: 600;-webkit-transform: translateX(-100%); transform: translateX(-100%);-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out; display:block;} .sidenav-mask{position: fixed;height: 100%;width:calc(100% - 50px);z-index: 600; background:#ffffff; overflow-y: auto; top: 0; left: 0;} .mask{width:100%;height:100%;background:rgba(0,0,0,0.2);position:fixed;top: 0;left:0;z-index: 600;display:none;} .open-side-nav .sidenav{-webkit-transform: translateX(0%); transform: translateX(0%);} .open-side-nav .mask{display:block;} a.icon-close{display:block; width:50px; height:50px; text-align:center; background:#ffffff; color:#333; position: absolute; right: 0; top: 0;} .icon-close span{ line-height:50px;font-size:16px;font-weight:normal;} .body-y{overflow-y:hidden;} .cclose {display: inline-block; width: 50px; height: 100%; position: absolute; right: 0; top: 50px;} .cd-navigation .sub-menu { background:#fff; display: none; } .cd-navigation .sub-menu .sub-menu{ background:#fff; } .cd-navigation li{border-bottom: 1px solid #dcdcdc;} .cd-navigation a { display: block; line-height:50px; padding: 0 15px 0 15px; color: #333; } .cd-navigation li li:last-child{border-bottom:none;} .cd-navigation li li a{padding-left:30px; color:#333;} .cd-navigation li li li a{padding-left:45px;} .cd-navigation a.current { background-color: #fff; color: #333; } .lateral-menu-is-open { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); /* smooth the scrolling on touch devices - webkit browsers */ -webkit-overflow-scrolling: touch; } /* style menu items which have a submenu */ .item-has-children > a { position: relative; text-transform: uppercase; /* this is the right arrow to show that the item has a submenu */ } .item-has-children > a::after { content: ''; display: block; height: 11px; width: 8px; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 1em; background: url("cd-arrow.svg") no-repeat center center; background-size: 8px 11px; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } .item-has-children > a.submenu-open::after { -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); }