首页大屏幕

SGGL/FineUIPro.Web/res/css/kqshowscreen.css

@@ -1,134 +1,167 @@
-*{
+* {
     padding: 0;
     margin: 0;
     box-sizing: border-box;
     font-size: .175rem;
     color: #1ab1ff;
 }
-*::-webkit-scrollbar{
-    display: none;
-}
-html,body{
+
+    *::-webkit-scrollbar {
+        display: none;
+    }
+
+html, body {
     height: 100%;
     width: 100%;
+    overflow: hidden;
+    background-color: #010a2c;
 }
 
-.context{
-    height: 100%;
+.context {
+    height: calc(100% - 1rem);
     width: 100%;
     display: flex;
     flex-direction: row;
     padding: .25rem;
     background-color: #010a2c;
 }
-.site{
+
+.site {
     flex: 1;
     padding: .125rem;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }
-.block{
+
+.block {
     height: calc((100% - .5rem) / 3);
     width: 100%;
     border: 2px solid #112A67;
     border-radius: .125rem;
+}
 
+    .block1 > .title,
+    .block > .title {
+        padding: .125rem 0;
+        color: #00ffff;
+        font-weight: 700;
+        font-size: .25rem;
+        text-align: center;
+        line-height: .35rem;
+    }
+
+    .block > .main {
+        height: calc(100% - .35rem);
+        width: 100%;
+        padding: .25rem;
+    }
+
+.context > .right {
+    /* padding-top: .25rem; */
 }
-.block1>.title,
-.block>.title{
-    color: #00ffff;
-    font-weight: 700;
-    font-size: .175rem;
-    text-align: center;
-    line-height: .35rem;
-}
-.block>.main{
-    height: calc(100% - .35rem);
-    width: 100%;
-    padding: .25rem;
-    
-}
-.context>.right{
-    padding-top: .25rem;
-}
-.block1{
+
+.block1 {
     height: calc((100% - .5rem) / 3 * 2 + .25rem);
     background-color: #010E35;
     border: 2px solid #112A67;
     border-radius: .125rem;
 }
 
-.xc{
+.xc {
     background-image: url(../image/y01.png);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 60% 90%;
     /* background-size: ; */
 }
-.xc>.number{
-    text-align: center;
-    color: #1ab1ff;
-    margin-top: .375rem;
-    font-size: .375rem;
-    font-weight: 700;
-}
-.gsxc{
+
+    .xc > .number {
+        text-align: center;
+        color: #1ab1ff;
+        margin-top: .375rem;
+        font-size: .625rem;
+        font-weight: 700;
+    }
+
+.gsxc {
     height: 100%;
     width: 100%;
 }
- ul{
+
+ul {
     width: 100%;
     padding: 0 .375rem;
 }
-ul>li{
-    padding: .1rem 0;
-    width: 100%;
-    list-style: none;
-    display: flex;
+
+    ul > li {
+        padding: .1rem 0;
+        width: 100%;
+        list-style: none;
+        display: flex;
+    }
+
+        ul > li > span {
+            flex: 1;
+            font-size: .325rem;
+            font-weight: 500;
+        }
+
+.info > ul > li > span:nth-child(2) {
+    flex: 2.5;
 }
-ul>li>span{
-    flex: 1;
-    font-size: .2rem;
-    font-weight: 500;
-}
-.gsxc ul>li>span:nth-child(2){
+
+.gsxc ul > li > span:nth-child(2) {
     color: #00ffff;
-    font-size: .25rem;
+    font-size: .35rem;
     font-weight: 600;
 }
 
-.context .right{
+.context .right {
     flex: 2;
 }
 
-.context>.right>.block1>.top{
+.context > .right > .block1 > .top {
     height: 100%;
     display: flex;
     flex-direction: row;
-
 }
 
-.context>.right>.block1>.top>.info{
-    width: 58%;
-    padding: .75rem .5rem .25rem;
-}
-.context>.right>.block1>.top>.photo{
-    width: 42%;
-    padding: .25rem .875rem 1rem .875rem;
-}
-.context>.right>.block1>.top>.photo>img{
-    width: 100%;
-    height: 100%;
-}
-img{
+    .context > .right > .block1 > .top > .info {
+        width: 58%;
+        padding: .75rem .5rem .25rem;
+    }
+
+    .context > .right > .block1 > .top > .photo {
+        width: 42%;
+        padding: .25rem 1.5rem 1rem 1.875rem;
+    }
+
+        .context > .right > .block1 > .top > .photo > img {
+            width: 100%;
+            height: 100%;
+        }
+
+img {
     user-drag: none;
-user-select: none; 
--moz-user-select: none; 
--webkit-user-drag: none; 
--webkit-user-select: none; 
--ms-user-select: none; 
+    user-select: none;
+    -moz-user-select: none;
+    -webkit-user-drag: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
 }
-#gwnum{
+
+#gwnum {
     padding: .125rem;
-}
+}
+
+.header {
+    height: 1rem;
+    background-image: url(../image/header-bg.png);
+    background-position: center;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    font-size: .5rem;
+    line-height: 1rem;
+    text-align: center;
+}