* { margin: 0; padding: 0; box-sizing: border-box; list-style: none; } @font-face { font-family:"思源黑体"; src: url(../font/SourceHanSansCN-Regular.otf); } html, body { font-family: "思源黑体", arial, helvetica, sans-serif; font-size: 14px; border: 0; outline: none; color: #d6f4ff; } .clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; } a { text-decoration: none; } .clearfix { zoom: 1; } .fl { float: left; } .fr { float: right; } html { height: 100%; } body { width: 100%; height: 100%; overflow: hidden; background: url(../img/bg.jpg) no-repeat; background-size: 100% 100%; } ::-webkit-scrollbar { width: 3px; height:3px; background-color: #1b3971; border-radius: 3px; } /* 滚动条滑块 */ ::-webkit-scrollbar-thumb { border-radius: 3px; background: #496bc9; } .mt-10{ margin-top: 10px; } /* 头部 */ .topper{ width: 100%; height: 67px; position: fixed; background: url(../img/topbg.png) no-repeat; } .weather{ width: 340px; height: 30px; margin-top: 15px; padding-left: 20px; } .logo{ width: 301px; height: 28px; position: absolute; left: 50%; top: 15px; margin-left: -150px; } .time{ width: 200px; height: 30px; margin-top: 10px; font-family: impact; padding-right: 20px; } .wrapper { width: 100%; height: 100%; top: 67px; bottom:0px; position: fixed; } /* 菜单 */ .menu { width: 130px; position: absolute; top: 50px; bottom: 100px; overflow-y: auto; overflow-x: hidden; } .menu li{ width: 130px; height: 80px; margin-bottom: 10px; background: url(../img/menuli.png) no-repeat; text-align: center; } .menu li a{ display: block; color: #ffffff; font-size: 18px; padding-top: 15px; } .menu li a span{ margin-top: 4px; display: block; } .menu li:hover,.menu li.current{ background: url(../img/menulih.png) no-repeat; } .menu li:hover a,.menu li.current a{ color: #00f4ff; } .menu li .menu-icon{ width: 22px; height: 22px; margin: 0 auto; text-align: center; } .menu li .menu-icon1{ background: url(../img/menu-icon1.png) no-repeat; } .menu li:hover .menu-icon1, .menu li.current .menu-icon1{ background: url(../img/menu-icon1h.png) no-repeat; } .menu li .menu-icon2{ background: url(../img/menu-icon2.png) no-repeat; } .menu li:hover .menu-icon2, .menu li.current .menu-icon2{ background: url(../img/menu-icon2h.png) no-repeat; } .menu li .menu-icon3{ background: url(../img/menu-icon3.png) no-repeat; } .menu li:hover .menu-icon3, .menu li.current .menu-icon3{ background: url(../img/menu-icon3h.png) no-repeat; } .menu li .menu-icon4{ background: url(../img/menu-icon4.png) no-repeat; } .menu li:hover .menu-icon4, .menu li.current .menu-icon4{ background: url(../img/menu-icon4h.png) no-repeat; } .menu li .menu-icon5{ background: url(../img/menu-icon5.png) no-repeat; } .menu li:hover .menu-icon5, .menu li.current .menu-icon5{ background: url(../img/menu-icon5h.png) no-repeat; } .menu li .menu-icon6{ background: url(../img/menu-icon6.png) no-repeat; } .menu li:hover .menu-icon6, .menu li.current .menu-icon6{ background: url(../img/menu-icon6h.png) no-repeat; } .menu li .menu-icon7{ background: url(../img/menu-icon7.png) no-repeat; } .menu li:hover .menu-icon7, .menu li.current .menu-icon7{ background: url(../img/menu-icon7h.png) no-repeat; } .content { /*min-width: 800px; min-height: 600px;*/ top: 120px; left: 170px; bottom: 5px; right: 10px; position: fixed; } /* 二级菜单 */ .second-menu { width: 100%; overflow-x: auto; overflow-y: hidden; } .second-menu ul { width: 1000px; height: 51px; position:absolute; z-index:2; } .second-menu li { min-width: 120px; max-width: 200px; height: 51px; background: url(../img/second-menuli.png) no-repeat; background-size: 100% 100%; padding: 0 15px; float: left; white-space: nowrap; margin-right: 18px; } .second-menu li a { font-size: 18px; color: #FFFFFF; display: block; text-align: center; line-height: 51px; } .second-menu-li-a:hover, .second-menu-li-a.current { color: #00fffc; } .second-menu ul li ul li { float: none; } .second-menu ul li ul { position: absolute; top: 51px; display: none; } .second-menu ul li:hover ul { display: block; } .second-menu ul li ul li a:hover, .second-menu ul li ul li a.current { color: #00fffc; } .maincontent { width: 100%; position: absolute; top: 0px; bottom: 0px; overflow: auto; border: 0px solid rgba(29,76,109,0.7); } .maincontent iframe { width: 99.9%; height: 99.2%; min-Width: 800px; min-height: 700px; border: none; }