/*.main-box{*/ /* width: 100%;*/ /* height: auto;*/ /* !*min-height: 100%;*!*/ /*}*/ /*.main-box.main-box-h2{*/ /* padding: 60px 36px 30px 156px;*/ /*}*/ .main-all{ width: 100%; height: auto; padding: 0px 36px !important; } .main1{ width: 100%; height: 182px; margin-top: 23px; } .main1 .main1-bg1{ height: 182px; } .main1 .one-bg{ background-image: url("/admin/img/main-bg1.png"); background-repeat: no-repeat; background-size: 100% 100%; } .main1 .two-bg{ background-image: url("/admin/img/main-bg2.png"); background-repeat: no-repeat; background-size: 100% 100%; } .main1 .three-bg{ background-image: url("/admin/img/main-bg3.png"); background-repeat: no-repeat; background-size: 100% 100%; } .main1 .four-bg{ background-image: url("/admin/img/main-bg4.png"); background-repeat: no-repeat; background-size: 100% 100%; } .main1 .main1-bg1 .main1-type-title{ width: 100%; height: 50px; padding-left: 28px; padding-top: 16px; font-size: 18px; font-weight: 400; color: #FFFFFF; } .main1 .main1-bg1 .main1-type-nums{ width: 100%; height: 40px; line-height: 40px; font-size: 46px; font-family: Source Han Sans CN; font-weight: 500; color: #FFFFFF; text-align: center; } .main1 .main1-bg1 .main1-type-bottom{ margin-top: 14px; width: 100%; height: 42px; line-height: 42px; } .main1 .main1-bg1 .main1-type-bottom span{ margin-left: 25px; font-size: 19px; color: #fff; } .main1 .main1-bg1 .main1-type-bottom .type-bottom-right{ width: auto; display: inline-block; float: right; text-align: right; font-size: 19px; padding-right: 20px; } .main1 .main1-bg1 .main1-type-bottom img{ width: 24px; height: 24px; } .main2{ width: 100%; height: 250px; background: #FFFFFF; box-shadow: 0px 1px 16px 0px rgba(202, 204, 204, 0.65); border-radius: 10px; padding-top: 16px; overflow: hidden; } .main-all-title{ width: 100%; height: 34px; line-height: 34px; } .main-all-title .semicircle{ width: 17px; height: 34px; border-radius: 0px 17px 17px 0px; display: inline-block; float: left; } .main-all-title .color2{ background: #4BA39B; } .main-all-title span{ font-size: 20px; font-weight: 500; color: #3E3E3E; margin-left: 17px; } .main2 .main2-body{ width: 100%; height: 200px; } .main2 .main2-body .body-todo{ /*width: 214px;*/ height: auto; /*display: inline-block;*/ /*float: left;*/ text-align: center; } .main2 .main2-body .row .col-xs-2{ padding: 0 !important; } .main2 .main2-body .body-todo .nums{ text-align: center; font-size: 60px; font-weight: 500; color: #1E84FF; margin-top: 40px; } .main2 .main2-body .body-todo .border-right{ border-right: 2px solid #EDF4F5; } .main2 .main2-body .body-todo .title{ text-align: center; font-size: 20px; font-weight: 500; color: #3E3E3E; margin-top: 10px; } .main2-body .line{ width: 2px; height: 200px; line-height: 200px; display: inline-block; float: left; position: relative; } .main2-body .line .text-line{ width: 2px; height: 44px; background: #EDF4F5; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .main3{ width: 100%; height: 500px; margin-top: 24px; } .main3 .main3-left{ /*width: 860px;*/ height: 500px; background: #FFFFFF; box-shadow: 0px 1px 16px 0px rgba(202, 204, 204, 0.65); border-radius: 10px; padding-top: 16px; /*display: inline-block;*/ /*float: left;*/ } .main3 .main3-left .main3-left-title{ width: 100%; height: 34px; line-height: 34px; } .main3 .main3-left .main3-left-title .left-semicircle{ width: 17px; height: 34px; border-radius: 0px 17px 17px 0px; display: inline-block; float: left; background: #1E84FF; } .main3 .main3-left .main3-left-title span{ font-size: 18px; font-weight: 500; color: #3E3E3E; margin-left: 17px; cursor: pointer; } .main3 .main3-left .main3-left-title .cur{ color: #1E84FF; } .main3 .main3-left .main3-left-body{ width: 100%; height: 450px; padding-top: 15px; overflow: hidden; } .main3 .main3-left .main3-left-body .table thead tr th{ color: #1E84FF; background: #DEF2FF; } .main3 .main3-right{ /*width: 400px;*/ height: 500px; background: #FFFFFF; box-shadow: 0px 1px 16px 0px rgba(202, 204, 204, 0.65); border-radius: 10px; /*display: inline-block;*/ /*float: right;*/ padding-top: 16px; } .main-all-title .color3{ background-color: #AD92E2; } .main3 .main3-right .main3-right-body{ width: 100%; height: 450px; } .main3 .main3-right .main3-right-body .main3-right-body-top{ width: 100%; height: 175px; margin-top: 30px; } .main3 .main3-right .main3-right-body .main3-right-body-top .left-all{ width: 173px; height: 175px; display: inline-block; float: left; position: relative; } .main3 .main3-right .main3-right-body .main3-right-body-top .left-all .left{ width: 173px; height: 175px; } .main3 .main3-right .main3-right-body .main3-right-body-top .percent{ width: 173px; height: 175px; line-height: 175px; font-size: 32px; font-family: Source Han Sans CN; font-weight: bold; /*margin-top: 64px;*/ text-align: center; position: absolute; z-index: 100; top: 0; left: 0; } .main3 .main3-right .main3-right-body .main3-right-body-top .color1{ color: #4266FE; } .main3 .main3-right .main3-right-body .main3-right-body-top .color2{ color: #FF755B; } .main3 .main3-right .main3-right-body .main3-right-body-top .right{ width: 50%; height: 175px; display: inline-block; float: left; padding-left: 20px; } .main3 .main3-right .main3-right-body .main3-right-body-top .right .title{ width: 100%; height: 40px; margin-top: 40px; font-size: 24px; font-weight: 400; } .main3 .main3-right .main3-right-body .main3-right-body-top .right .color1{ color: #607DFE; } .main3 .main3-right .main3-right-body .main3-right-body-top .right .color2{ color: #FF755B; } .main3 .main3-right .main3-right-body .main3-right-body-top .right .nums{ width: 100%; height: 40px; line-height: 40px; font-size: 28px; font-weight: 500; color: #666666; margin-top: 10px; } .main4{ width: 100%; height: 200px; background: #FFFFFF; box-shadow: 0px 1px 16px 0px rgba(202, 204, 204, 0.65); border-radius: 10px; margin-top: 24px; padding-top: 16px; } .main4 .main4-left{ height: 100%; /*display: inline-block;*/ /*float: left;*/ /*padding-left: 34px;*/ /*padding-top: 20px;*/ } .main4 .main4-left .main4-left-title{ height: 34px; line-height: 34px; } .main4 .main4-left .main4-left-title .semicircle{ background-color: #2B5197; width: 17px; height: 34px; border-radius: 0px 17px 17px 0px; display: inline-block; float: left; } .main4 .main4-left .main4-left-title span { font-size: 20px; font-weight: 500; color: #3E3E3E; margin-left: 17px; } .main4 .main4-left .main4-left-body{ width: 100%; height: 150px; padding-top: 25px; padding-left: 33px; } .main4 .main4-left .main4-left-body div{ height: 40px; } .main4 .main4-right{ /*width: 50%;*/ height: 174px; /*line-height: 174px;*/ /*display: inline-block;*/ /*float: right;*/ text-align: right; } .main4 .main4-right .qrcode1{ width: 145px; height: 100%; display: inline-block; float: right; margin-right: 43px; } .main4 .main4-right .qrcode2{ width: 145px; height: 100%; display: inline-block; float: right; margin-right: 43px; } .main4 .main4-right .qrcode1 .title{ width: 100%; height: 32px; line-height: 32px; text-align: center; } .main4 .main4-right .qrcode2 .title{ width: 100%; height: 32px; line-height: 32px; text-align: center; } .main4 .main4-right img{ width: 145px; height: 145px; }