2023-2-16
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
* {
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@@ -40,17 +40,20 @@ body {
|
||||
padding: 15px 15px 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.logowrap {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: -24px;
|
||||
}
|
||||
.logowrap .logo{
|
||||
height: 35px;
|
||||
width: 252px;
|
||||
background: url(../images/logo.png) center center no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.logowrap .logo {
|
||||
height: 35px;
|
||||
width: 252px;
|
||||
background: url(../images/logo.png) center center no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.item-big {
|
||||
display: block !important;
|
||||
font-size: 18px;
|
||||
@@ -207,27 +210,26 @@ body {
|
||||
box-shadow: 0 0 10px rgb(0,162,233);
|
||||
}
|
||||
|
||||
.tab-wrap-tit{
|
||||
|
||||
.tab-wrap-tit {
|
||||
}
|
||||
|
||||
.tab-wrap-tit .tab {
|
||||
font-size: 12px;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
}
|
||||
.tab-wrap-tit .tab {
|
||||
font-size: 12px;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
}
|
||||
|
||||
.tab-wrap-tit .tab .t-item {
|
||||
cursor: pointer;
|
||||
width: 48px;
|
||||
text-align: center;
|
||||
/*color: #fff;*/
|
||||
}
|
||||
.tab-wrap-tit .tab .t-item {
|
||||
cursor: pointer;
|
||||
width: 48px;
|
||||
text-align: center;
|
||||
/*color: #fff;*/
|
||||
}
|
||||
|
||||
.tab-wrap-tit .tab .t-item:first-child {
|
||||
/*border-top-left-radius: 4px;
|
||||
.tab-wrap-tit .tab .t-item:first-child {
|
||||
/*border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;*/
|
||||
}
|
||||
}
|
||||
|
||||
.tab-wrap .tab .t-item:last-child {
|
||||
/*border-top-right-radius: 4px;
|
||||
@@ -260,28 +262,28 @@ body {
|
||||
display: -webkit-flex;
|
||||
}
|
||||
|
||||
.tab-wrap .tab .t-item {
|
||||
cursor: pointer;
|
||||
width: auto;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.tab-wrap .tab .t-item:first-child {
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
|
||||
.tab-wrap .tab .t-item:last-child {
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
.tab-wrap .tab .t-item {
|
||||
cursor: pointer;
|
||||
width: auto;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.tab-wrap .tab .spline {
|
||||
width: 0;
|
||||
border-left: 1px solid rgba(0,162,233,1);
|
||||
}
|
||||
.tab-wrap .tab .t-item:first-child {
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
|
||||
.tab-wrap .tab .t-item:last-child {
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.tab-wrap .tab .spline {
|
||||
width: 0;
|
||||
border-left: 1px solid rgba(0,162,233,1);
|
||||
}
|
||||
|
||||
.tab-wrap .tab .active {
|
||||
/*color: #333;*/
|
||||
@@ -295,11 +297,11 @@ body {
|
||||
}
|
||||
|
||||
.content-ul .c-item {
|
||||
cursor:pointer;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
max-width: 100%;
|
||||
font-size:12px;
|
||||
font-size: 12px;
|
||||
/* margin-bottom: 8px; */
|
||||
}
|
||||
|
||||
@@ -315,8 +317,8 @@ body {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
word-break: keep-all;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.content-ul .c-item .time {
|
||||
@@ -480,14 +482,14 @@ body {
|
||||
|
||||
.flex {
|
||||
display: -webkit-flex;
|
||||
/* 新版本语法: Chrome 21+ */
|
||||
/* �°汾�: Chrome 21+ */
|
||||
display: flex;
|
||||
/* 新版本语法: Opera 12.1, Firefox 22+ */
|
||||
/* �°汾�: Opera 12.1, Firefox 22+ */
|
||||
/*display: -webkit-box;
|
||||
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box;
|
||||
/* 老版本语法: Firefox (buggy) */
|
||||
/* �ϰ汾�: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box;
|
||||
/* �ϰ汾�: Firefox (buggy) */
|
||||
display: -ms-flexbox;
|
||||
/* 混合版本语法: IE 10 */
|
||||
/* ��ϰ汾�: IE 10 */
|
||||
}
|
||||
|
||||
.flex1 {
|
||||
@@ -557,29 +559,29 @@ body {
|
||||
.pdlrb {
|
||||
padding: 0 10px 10px !important;
|
||||
}
|
||||
/* 圆角背景框 */
|
||||
/* Բ�DZ����� */
|
||||
.bg-item {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
border: 2px solid rgb(0,162,233);
|
||||
margin-bottom: 10px;
|
||||
box-shadow: rgb(0,162,233) 0px 0px 50px inset;
|
||||
border-radius:10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.bg-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
/* 背景色进度条 */
|
||||
.bg-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
/* ����ɫ������ */
|
||||
.tab-content {
|
||||
color: #fff;
|
||||
margin-top: 10px;
|
||||
font-size:12px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.tab-content .tab-i {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.tab-content .tab-i {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.tab-content .txt {
|
||||
width: 90px;
|
||||
@@ -587,9 +589,9 @@ body {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.tab-content .line-wrap {
|
||||
align-items: center;
|
||||
}
|
||||
.tab-content .line-wrap {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.tab-content .line-item {
|
||||
flex: 1;
|
||||
@@ -600,21 +602,23 @@ body {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.tab-content .line-item > div {
|
||||
border-radius: 10px;
|
||||
content: '';
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 91;
|
||||
background-color: #1BCD34;
|
||||
width: 10%;
|
||||
}
|
||||
.tab-content .per {
|
||||
margin-left: 10px;
|
||||
width: 40px;
|
||||
}
|
||||
.tab-content .line-item > div {
|
||||
border-radius: 10px;
|
||||
content: '';
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 91;
|
||||
background-color: #1BCD34;
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
.tab-content .per {
|
||||
margin-left: 10px;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.line-item .normal {
|
||||
background-color: #1BCD34 !important;
|
||||
}
|
||||
@@ -622,6 +626,7 @@ body {
|
||||
.line-item .warn {
|
||||
background-color: #C71D26 !important;
|
||||
}
|
||||
|
||||
.row1 {
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
@@ -631,38 +636,42 @@ body {
|
||||
margin-top: 5px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.row1 span.num {
|
||||
font-size: 20px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.row2 {
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
align-items: center;
|
||||
}
|
||||
.row2 .txt {
|
||||
|
||||
}
|
||||
|
||||
.row2 .item-txt-list {
|
||||
width: 100%;
|
||||
}
|
||||
.row2 .txt {
|
||||
}
|
||||
|
||||
.row2 .item-txt-list .txt-tit {
|
||||
width: 70px;
|
||||
}
|
||||
.row2 .item-txt-list {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.row2 .item-txt-list .fixtt {
|
||||
letter-spacing: 4px;
|
||||
}
|
||||
.row2 .item-txt-list .txt-tit {
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
.row2 .item-txt-list .fixtt {
|
||||
letter-spacing: 4px;
|
||||
}
|
||||
|
||||
.row2 .item-txt-list:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.row2 .item-txt-list:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'digifacewide';
|
||||
src: url('font/digifacewide.ttf');
|
||||
}
|
||||
|
||||
.specialNum {
|
||||
font-family: digifacewide;
|
||||
}
|
||||
@@ -673,72 +682,72 @@ body {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.content-wrap-1 .item {
|
||||
}
|
||||
|
||||
.content-wrap-1 .item .tit {
|
||||
color: #fff;
|
||||
position: relative;
|
||||
font-size: 10px;
|
||||
padding-left: 6px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.content-wrap-1 .item .tit:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
.content-wrap-1 .item .content-1 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-bottom: 5px;
|
||||
align-items: flex-end;
|
||||
padding-left:10px;
|
||||
}
|
||||
|
||||
.content-wrap-1 .item .content-1 .cc-num-wrap {
|
||||
height: 100%;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.content-wrap-1 .item .content-1 .cc-num-wrap .cc-num {
|
||||
color: #fdc006;
|
||||
/*background-color: #4967AD;*/
|
||||
font-size: 32px;
|
||||
padding: 0 2px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.content-wrap-1 .item {
|
||||
}
|
||||
|
||||
.content-wrap-1 .item .content-1 .unit {
|
||||
font-size: 10px;
|
||||
color: #fff;
|
||||
}
|
||||
.content-wrap-1 .item .tit {
|
||||
color: #fff;
|
||||
position: relative;
|
||||
font-size: 10px;
|
||||
padding-left: 6px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.content-wrap-1 .item .content {
|
||||
justify-content: space-between;
|
||||
padding: 0 10px;
|
||||
align-items:center;
|
||||
}
|
||||
.content-wrap-1 .item .tit:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
.content-wrap-1 .item .content .t-item {
|
||||
color: #fff;
|
||||
}
|
||||
.content-wrap-1 .item .content-1 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-bottom: 5px;
|
||||
align-items: flex-end;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.content-wrap-1 .item .content .t-item .c-num {
|
||||
color: #abd373;
|
||||
font-size: 24px;
|
||||
}
|
||||
.content-wrap-1 .item .content-1 .cc-num-wrap {
|
||||
height: 100%;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.content-wrap-1 .item .content .t-item .c-txt {
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
}
|
||||
.content-wrap-1 .item .content-1 .cc-num-wrap .cc-num {
|
||||
color: #fdc006;
|
||||
/*background-color: #4967AD;*/
|
||||
font-size: 32px;
|
||||
padding: 0 2px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.content-wrap-1 .item .content-1 .unit {
|
||||
font-size: 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.content-wrap-1 .item .content {
|
||||
justify-content: space-between;
|
||||
padding: 0 10px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.content-wrap-1 .item .content .t-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.content-wrap-1 .item .content .t-item .c-num {
|
||||
color: #abd373;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.content-wrap-1 .item .content .t-item .c-txt {
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user