@font-face { font-family: digifaw; src: url(./digifaw.ttf); } body{ width: 1920px; height: 1080px; background-image: url("/screen/images/bg.png"); margin: 0 auto; overflow: hidden; } .nav-header{ width: 1920px; height: 98px; margin: 0 auto; position: relative; } .nav-header .nav-title{ position: relative; width: 1137px; height: 98px; line-height: 98px; background-image: url("/screen/images/project/title-bg.png"); display: inline-block; padding-left: 214px; float: left; overflow: hidden; } .nav-header .nav-title .nav-title-logo{ width: 270px; height: 47px; vertical-align: middle; margin-top: -20px; margin-right: 20px; } .nav-title text{ font-size: 32px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; letter-spacing: 2px; margin-left: 60px; } .nav-header .nav-date{ width: 750px; height: 98px; line-height: 98px; display: inline-block; float: right; padding-left: 364px; overflow: hidden; } .nav-header .nav-date text{ font-size: 28px; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; margin-left: 19px; margin-right: 10px; } .nav-header .nav-date .fgx1{ display: inline-block; width: 12px; height: 39px; background-image: url("/screen/images/project/date-fgx.png"); vertical-align: middle; } .nav-header .nav-date .fgx2{ display: inline-block; width: 12px; height: 39px; background-image: url("/screen/images/project/date-fgx.png"); vertical-align: middle; } .nav-header .nav-date .fgx3{ display: inline-block; width: 12px; height: 39px; background-image: url("/screen/images/project/date-fgx.png"); vertical-align: middle; } .main{ width: 1920px; height: 982px; overflow: hidden; position: relative; padding: 40px; } .main1{ width: 540px; height: 982px; display: inline-block; float: left; } .main1-one{ width: 540px; height: 336px; border: 1px solid #1B2266; background: linear-gradient(-7deg, rgba(13, 28, 97, 0.41) 0%, rgba(10, 11, 55, 0) 100%); display: inline-block; } .main1-two{ width: 540px; height: 526px; border: 1px solid #1B2266; background: linear-gradient(-7deg, rgba(13, 28, 97, 0.41) 0%, rgba(10, 11, 55, 0) 100%); display: inline-block; margin-top: 40px; } .worker-comment{ width: 540px; height: 216px; display: inline-block; padding: 20px; } .worker-comment-order{ width: 540px; height: 560px; display: inline-block; overflow: hidden; padding-bottom: 20px; } .title-all{ width: 100%; height: 54px; display: inline-block; line-height: 54px; } .title-all .title-left{ width: 232px; height: 54px; background-image: url("/screen/images/project/title-box.png"); } .title-all .title-left img{ height: 20px; width: 20px; margin-left: 20px; /*vertical-align: middle;*/ margin-top: -8px; } .title-all .title-left text{ font-size: 22px; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; margin-left: 13px; letter-spacing: 2px; } .main1-bottom{ width: 540px; height: 282px; display: inline-block; } .main1-bottom-left{ width: 390px; height: 282px; display: inline-block; float: left; padding-right: 20px; padding-bottom: 20px; } .main1-bottom-right{ width: 140px; height: 282px; display: inline-block; float: right; padding-right: 20px; padding-left: 20px; position: relative; } .underway-workers{ width: 120px; height: 120px; display: inline-block; background: rgba(0, 5, 69, 0.25); border: 1px solid #1B2266; position: absolute; margin-left: -120px; } .underway-workers .title{ width: 100%; height: 40px; line-height: 50px; display: inline-block; font-size: 16px; font-family: Source Han Sans CN; font-weight: 400; color: #FFFFFF; text-align: center; } .underway-workers .nums{ width: 100%; height: 80px; display: inline-block; font-size: 51px; font-family: DIN; font-weight: bold; color: #0263FF; text-align: center; } .leisure-workers{ width: 120px; height: 120px; display: inline-block; background: rgba(0, 5, 69, 0.25); border: 1px solid #1B2266; float: right; } .leisure-workers .title{ width: 100%; height: 40px; line-height: 50px; display: inline-block; font-size: 16px; font-family: Source Han Sans CN; font-weight: 400; color: #FFFFFF; text-align: center; } .leisure-workers .nums{ width: 100%; height: 80px; display: inline-block; font-size: 51px; font-family: DIN; font-weight: bold; color: #42E2FF; text-align: center; } .workers-count-nums{ width: 120px; height: 120px; display: inline-block; background: rgba(0, 5, 69, 0.25); border: 1px solid #1B2266; float: right; margin-top: 10px; } .workers-count-nums .title{ width: 100%; height: 40px; line-height: 50px; display: inline-block; font-size: 16px; font-family: Source Han Sans CN; font-weight: 400; color: #FFFFFF; text-align: center; } .workers-count-nums .nums{ width: 100%; height: 80px; display: inline-block; font-size: 51px; font-family: DIN; font-weight: bold; color: #00FF66; text-align: center; } .main2{ width: 690px; height: 982px; display: inline-block; margin-left: 40px; } .main2-one{ width: 690px; height: 462px; display: inline-block; border: 1px solid #1B2266; background: linear-gradient(-7deg, rgba(13, 28, 97, 0.41) 0%, rgba(10, 11, 55, 0) 100%); } .main2-two{ width: 690px; height: 400px; margin-top: 40px; display: inline-block; border: 1px solid #1B2266; background: linear-gradient(-7deg, rgba(13, 28, 97, 0.41) 0%, rgba(10, 11, 55, 0) 100%); } .main2-two .order-data{ width: 690px; height: 346px; display: inline-block; } .main2-order-all{ width: 690px; height: 408px; display: inline-block; padding: 0px 18px 18px 18px; } .main2-order-left{ width: 138px; height: 380px; display: inline-block; float: left; } .underway-order{ width: 120px; height: 120px; display: inline-block; background: rgba(0, 5, 69, 0.25); border: 1px solid #1B2266; margin-top: 10px; } .underway-order .title{ width: 100%; height: 40px; line-height: 50px; display: inline-block; font-size: 16px; font-family: Source Han Sans CN; font-weight: 400; color: #FFFFFF; text-align: center; } .underway-order .nums{ width: 100%; height: 80px; display: inline-block; font-size: 51px; font-family: DIN; font-weight: bold; color: #0263FF; text-align: center; } .add-order{ width: 120px; height: 120px; display: inline-block; background: rgba(0, 5, 69, 0.25); border: 1px solid #1B2266; margin-top: 10px; } .add-order .title{ width: 100%; height: 40px; line-height: 50px; display: inline-block; font-size: 16px; font-family: Source Han Sans CN; font-weight: 400; color: #FFFFFF; text-align: center; } .add-order .nums{ width: 100%; height: 80px; display: inline-block; font-size: 51px; font-family: DIN; font-weight: bold; color: #F0852E; text-align: center; } .accomplish-order{ width: 120px; height: 120px; display: inline-block; background: rgba(0, 5, 69, 0.25); border: 1px solid #1B2266; margin-top: 10px; } .accomplish-order .title{ width: 100%; height: 40px; line-height: 50px; display: inline-block; font-size: 16px; font-family: Source Han Sans CN; font-weight: 400; color: #FFFFFF; text-align: center; } .accomplish-order .nums{ width: 100%; height: 80px; display: inline-block; font-size: 51px; font-family: DIN; font-weight: bold; color: #00FF66; text-align: center; } .main2-order-right{ width: 516px; height: 380px; background: rgba(0, 5, 69, 0.25); border: 1px solid #1B2266; display: inline-block; float: right; margin-top: 10px; position: relative; } .main2-order-title{ width: 516px; height: 60px; line-height: 60px; font-size: 25px; font-family: Source Han Sans CN; font-weight: 400; color: #FFFFFF; display: inline-block; padding-left: 20px; position: absolute; } .main2-order-nums{ width: 516px; height: 380px; display: inline-block; text-align: center; margin-top: 20px; } .main2-order-nums text{ width: 355px; height: 380px; line-height: 350px; display: inline-block; background-image: url("/screen/images/project/ball.png"); font-size: 90px; font-family: DIN; font-weight: bold; color: #FFFFFF; } .main3{ width: 530px; height: 892px; margin-left: 40px; display: inline-block; float: right; } .main3-top{ width: 530px; height: 462px; border: 1px solid #1B2266; background: linear-gradient(-7deg, rgba(13, 28, 97, 0.41) 0%, rgba(10, 11, 55, 0) 100%); display: inline-block; } .main3-top-table{ position: absolute; z-index: 10; width: 530px; height: 410px; color: #ffffff; padding-top: 10px; overflow: hidden; } .main3-bottom{ width: 530px; height: 400px; border: 1px solid #1B2266; background: linear-gradient(-7deg, rgba(13, 28, 97, 0.41) 0%, rgba(10, 11, 55, 0) 100%); display: inline-block; margin-top: 45px; } .main3-bottom-table{ position: absolute; z-index: 10; width: 530px; height: 341px; color: #ffffff; padding-top: 10px; overflow: hidden; } /*表格*/ .table2 { color: #ffffff; width: 98%; border: 0; table-layout:fixed ; margin: 0 auto; } .table2 th,td { text-align: center; height: 44px; line-height: 44px; font-size: 14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .table2 thead tr{ background: rgba(0,16,107,0.2); font-size: 14px; } .table2 tbody tr:nth-child(odd){ border-collapse:separate; border-spacing:0px 10px; background: rgba(26,48,127,0.2); } .table2 tbody tr:nth-child(even){ background: rgba(0,16,107,0.2); } /*.table2 .table-color2{*/ /* color: #0FC2DD;*/ /*}*/ /*.table2 .table-color3{*/ /* color: #49E9A0;*/ /*}*/