* { 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: url(../img/newtheme/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 { background: url(../img/newtheme/topbg.png) top center no-repeat; width: 100%; height: 69px; background-size: 100% 100%; position: relative; padding: 20px 20px 0; display: flex; align-items: center; z-index: 3; top: 0; } .weather { width: 360px; height: 30px; margin-top: 15px; padding-left: 20px; top: 0; } .logo { width: 371px; height: 32px; position: absolute; top: 15px; left: 50%; margin-left: -186px; } .time { width: 210px; height: 30px; margin-top: 10px; font-family: impact; padding-right: 20px; } .wrapper { width: 100%; height: 100%; top: 67px; bottom: 0px; position: fixed; } /* 菜单 */ .menu { width: 32%; height: 32px; top: 27px; z-index: 1; position: fixed; } .menuL_btn_back { background: url(../img/newtheme/menuli.png) no-repeat; } .menuR_btn_back { background: url(../img/newtheme/menulir.png) no-repeat; } .menu_btn { display: block; line-height: 42px; font-size: 16px; list-style: none; text-decoration: none; width: 135px; height: 42px; position: relative; z-index: 1; text-align: center; cursor: pointer; color: #ffffff; } .menuL_btn_back:hover, .menuL_btn_back.current { background: url(../img/newtheme/menulih.png) no-repeat; color: #fec600; } .menuR_btn_back:hover, .menuR_btn_back.current { background: url(../img/newtheme/menulirh.png) no-repeat; color: #fec600; } .content { width: calc(100% - 111px); height: calc(100% - 24px); margin-left: 45px; margin-top: 12px; position: relative; } /* 二级菜单 */ .second-menu { width: 100%; overflow-x: auto; overflow-y: hidden; } .second-menu > ul { /*height: 51px;*/ position: absolute; z-index: 2; width: calc(100% - 40px); margin: 14px auto; background: rgba(20, 79, 113, 0.6); border: 1px solid rgba(47,131,180,0.6); padding: 0 90px; } .second-menu li { float: left; margin-right: 40px; height: 50px; line-height: 50px; font-size: 16px; } .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; background: url(../img/newtheme/second-navli.png) bottom center no-repeat; } .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; } /*三级菜单*/ a.three-menu-li-a { width: 110px; background: #145b7e; border: solid 1px #0d3b5c; } .second-menu > ul > li > ul { border: none !important; } .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; }