.kb_dashboard { width: 1920px; height: 1080px; position: relative; /*background-color: #17678c;*/ background-color: #000; font-size: 16px; /*font-family: Microsoft YaHei;*/ font-family: Arial; color: #fff; background-size: 1920px 1080px; /*background: url("../../assets/images/kb_bg.png") no-repeat;*/ overflow: hidden; } .kb_backgroundCustom { position: absolute; width: 1920px; height: 1080px; background: url('../../assets/images/background001.jpg') no-repeat; } .kb_header { /*background-color: #123;*/ height: 90px; line-height: 90px; font-size: 56px; color: #09d8f2; } .kb_header_text { letter-spacing: 5px; font-weight: bolder; } .kb_title_text { font-weight: bolder; font-size: 24px; } .kb_headerPic { position: absolute; top: 39px; /*top: 0px;*/ width: 1808px; /*height: 90px;*/ height: 12px; /*background-size: 100% 100%;*/ /*background: url("../../assets/images/kb_title.png") no-repeat;*/ background: url("../../assets/images/kb_headtitle2.png") no-repeat; margin-left: 56px; } .kb_headTime { position: absolute; right: 85px; /*width: 360px;*/ height: 50px; z-index: 10; top: -20px; font-size: 28px; } .flex_c_c { display: flex; justify-content: center; align-items: center; } .flex_c_s { display: flex; flex-direction: column; justify-content: space-evenly; /*align-content: center;*/ } .flex_c_b { display: flex; flex-direction: column; justify-content: space-between; align-content: space-between; } .flex_e_c { display: flex; justify-content: space-evenly; align-content: center; } .flex_s_c { display: flex; justify-content: flex-start; align-content: center; } .kb_pd10 { padding: 10px; } .kb_mt10 { margin-top: 10px; } .kb_mt10 { margin-top: 10px; } /*公告样式*/ .MarqueeTipsContentClass { color: #00ffff; height: 30px; width: 100%; line-height: 30px; font-size: 32px; z-index: 2; position: absolute; top: 80px; } /* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */ /*::-webkit-scrollbar {*/ /* width: 0 !important;*/ /* height: 0 !important;*/ /* display: none !important;*/ /*}*/ /*scrollbar END*/ .smallTitle { height: 35px; display: flex; color: #00ffff; font-size: 26px; /*align-content: flex-start;*/ } .svg_class { margin-right: 10px; font-size: 28px; } .lineContent { height: 435px; border: 1px solid #09d8f2; border-radius: 5px; padding: 2px; box-shadow: #00FFFF 0 0 10px; } .lineContentCenter { height: 935px; border: 1px solid #09d8f2; border-radius: 5px; padding: 2px; box-shadow: #00FFFF 0 0 10px; } .horn { background: linear-gradient(#00FFFF, #00FFFF) left top, linear-gradient(#00FFFF, #00FFFF) left top, linear-gradient(#00FFFF, #00FFFF) right top, linear-gradient(#00FFFF, #00FFFF) right top, linear-gradient(#00FFFF, #00FFFF) left bottom, linear-gradient(#00FFFF, #00FFFF) left bottom, linear-gradient(#00FFFF, #00FFFF) right bottom, linear-gradient(#00FFFF, #00FFFF) right bottom; background-repeat: no-repeat; background-size: 2px 20px, 20px 2px; }