* { 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 { zoom: 1; } .clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; } a { text-decoration: none; } .fl { float: left; } .fr { float: right; } html { height: 100%; } body { width: 100%; height: 100%; overflow: hidden; background: url(../img/jcjglimg/jcjglimg/jcjglimg/bg.jpg) no-repeat; background-size: 100% 100%; } ::-webkit-scrollbar { width: 6px; 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/jcjglimg/jcjglimg/jcjglimg/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%; padding-top: 92px; } /* 菜单 */ .menu { width: 130px; height: 100%; } .menu li { width: 130px; height: 80px; margin-bottom: 10px; background: url(../img/jcjglimg/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/jcjglimg/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/jcjglimg/menu-icon1.png) no-repeat; } .menu li:hover .menu-icon1, .menu li.current .menu-icon1 { background: url(../img/jcjglimg/menu-icon1h.png) no-repeat; } .menu li .menu-icon2 { background: url(../img/jcjglimg/menu-icon2.png) no-repeat; } .menu li:hover .menu-icon2, .menu li.current .menu-icon2 { background: url(../img/jcjglimg/menu-icon2h.png) no-repeat; } .menu li .menu-icon3 { background: url(../img/jcjglimg/menu-icon3.png) no-repeat; } .menu li:hover .menu-icon3, .menu li.current .menu-icon3 { background: url(../img/jcjglimg/menu-icon3h.png) no-repeat; } .menu li .menu-icon4 { background: url(../img/jcjglimg/menu-icon4.png) no-repeat; } .menu li:hover .menu-icon4, .menu li.current .menu-icon4 { background: url(../img/jcjglimg/menu-icon4h.png) no-repeat; } .menu li .menu-icon5 { background: url(../img/jcjglimg/menu-icon5.png) no-repeat; } .menu li:hover .menu-icon5, .menu li.current .menu-icon5 { background: url(../img/jcjglimg/menu-icon5h.png) no-repeat; } .menu li .menu-icon6 { background: url(../img/jcjglimg/menu-icon6.png) no-repeat; } .menu li:hover .menu-icon6, .menu li.current .menu-icon6 { background: url(../img/jcjglimg/menu-icon6h.png) no-repeat; } .menu li .menu-icon7 { background: url(../img/jcjglimg/menu-icon7.png) no-repeat; } .menu li:hover .menu-icon7, .menu li.current .menu-icon7 { background: url(../img/jcjglimg/menu-icon7h.png) no-repeat; } .content { width: 100%; height: 100%; padding-left: 170px; padding-right: 30px; } /* 二级菜单 */ .second-menu { width: 100%; height: 51px; } .second-menu li { width: 152px; height: 51px; background: url(../img/jcjglimg/second-menuli.png) no-repeat; float: left; text-align: center; line-height: 51px; margin-right: 18px; } .second-menu li a { font-size: 18px; color: #FFFFFF; display: block; } .second-menu li a:hover, .second-menu li a.current { color: #00fffc; } /* 内容 */ .content1 { width: 100%; height: calc(100% - 66px); margin-top: 15px; } .con-con { width: calc(32.85% - 19px); margin-right: 19px; height: 100%; } .con-tit { width: 100%; height: 36px; background: url(../img/jcjglimg/con-titbg.png) bottom no-repeat; padding-left: 18px; font-size: 18px; color: #FFFFFF; line-height: 32px; } .con-cont { width: 100%; height: calc(100% - 36px); background: rgba(8, 42, 69, 0.6); padding: 8px 0; } /* 各科目参训总人数 */ .kmcx { width: 33.33%; height: 33.33%; float: left; } .kmcx-icon1 { width: 56px; height: 94px; } .kmcx-con { width: 100%; padding-left: 68px; padding-top: 30px; } .kmcx-num { height: 36px; font-size: 16px; color: #37c5f3; } .kmcx-num span { font-family: impact; font-size: 36px; color: #fbdba6; margin-right: 10px; } .kmcx-name { font-size: 14px; color: #d6f4ff; padding-top: 6px; } /* 训练统计 */ .xltj-time { width: 230px; height: 34px; position: absolute; top: 14px; right: 0px; z-index: 1; } .xlfx-select { width: 180px; height: 34px; float: right; margin-right: 15px; background: url(../img/jcjglimg/xlfx-select.png) no-repeat; } .xlfx-select select { width: 100%; height: 34px; background: transparent; border: 0; outline: 0; text-align: center; color: #e4ffff; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-align-last: center; } /* 战训统计列表 */ .train-list-search { width: 100%; height: 40px; } .project-menu { width: 100%; height: 30px; margin-top: 30px; } .project-menu li { float: left; padding: 0 30px; background: url(../img/jcjglimg/line.png) right center no-repeat; } .project-menu li:first-child { padding-left: 0; } .project-menu li a { display: block; font-size: 18px; color: #FFFFFF; } .project-menu li a:hover, .project-menu li a.current { color: #00ffea; } .train-list{ height: calc(100% - 124px); margin-top: 24px; overflow: auto; } .train-list table { width: 100%; } .train-list table tr { height: 44px; } .train-list table tr.tou { background: #083c65; } .train-list table tr th { line-height: 44px; color: #00fcff; font-size: 18px; text-align: center; border-bottom: 1px solid #114d91; } .train-list table tr td { line-height: 54px; text-align: center; font-size: 16px; color: #FFFFFF; } .train-list table tr.shen { background: #073357; } .train-list table tr td img{ display: inline-block; vertical-align: middle; margin: 0 10px; } /* 机构目录 */ .train-jgml{ width: 300px; height: 100%; background: rgba(8,42,69,0.7); border: 1px solid rgba(12,59,124,0.7); } .train-jgml-tit{ width: 100%; height: 50px; background: #0392cf; line-height: 50px; border-radius: 4px 4px 0 0; color: #FFFFFF; padding-left: 15px; font-size: 18px; }