@charset "utf-8";
|
|
/*******************以下CSS为数据对比模块*********************/
|
.data {
|
overflow: hidden;
|
padding: 0 10px;
|
height: 360px;
|
}
|
|
.data>div {
|
height: 90px;
|
line-height: 80px;
|
margin-top: 30px;
|
}
|
|
.elc-today {
|
background: #ccecfe;
|
margin-bottom: 20px;
|
}
|
|
.number {
|
float: left;
|
width: 45px;
|
height: 110px;
|
background: #0076D0;
|
margin-top: -20px;
|
}
|
|
.number>h2 {
|
font: 30px "Microsoft Yahei";
|
font-weight: bold;
|
text-align: center;
|
color: #fff;
|
margin-top: 10px;
|
}
|
|
.number>hr {
|
width: 20px;
|
border: 4px solid #fff;
|
margin-top: 45px;
|
margin-left: 8px;
|
}
|
|
.elc-yesterday {
|
background: #ebf6d4;
|
margin-bottom: 15px;
|
}
|
|
.number2 {
|
float: left;
|
width: 45px;
|
height: 110px;
|
background: #74B000;
|
margin-top: -20px;
|
}
|
|
.number2>h2 {
|
font: 30px "Microsoft Yahei";
|
font-weight: bold;
|
text-align: center;
|
color: #fff;
|
margin-top: 10px;
|
}
|
|
.number2>hr {
|
width: 20px;
|
border: 4px solid #fff;
|
margin-top: 45px;
|
margin-left: 8px;
|
}
|
|
.elc-yesterday2 {
|
float: left;
|
margin-top: -55px;
|
margin-left: 10px;
|
color: #608408;
|
font-weight: bold;
|
font-family: "Micorsoft Yahei";
|
}
|
|
.elc-yesterday3 {
|
font: 25px "Microsoft Yahei";
|
color: #608408;
|
line-height: 90px;
|
float: right;
|
padding-right: 30px;
|
}
|
|
@media ( max-width :1000px) {
|
.elc-yesterday3 {
|
line-height: 15px;
|
}
|
}
|
|
@media ( max-width :780px) {
|
.elc-yesterday3 {
|
line-height: 90px;
|
}
|
}
|
|
.elc-today2 {
|
float: left;
|
margin-left: 10px;
|
margin-top: -55px;
|
font-weight: bold;
|
color: #0076D0;
|
font-family: "Micorsoft Yahei";
|
}
|
|
.elc-today3 {
|
font: 25px "Microsoft Yahei";
|
color: #0076D0;
|
line-height: 90px;
|
float: right;
|
padding-right: 30px;
|
}
|
|
#main_pie {
|
height: 300px;
|
margin-top: -10px;
|
padding: 0 10px;
|
}
|
|
.elc-ring {
|
background: #f9f5cf;
|
margin-bottom: 20px;
|
padding-right: 30px;
|
}
|
|
.number3 {
|
float: left;
|
width: 45px;
|
height: 110px;
|
background: #F08500;
|
margin-top: -20px;
|
}
|
|
.number3>h2 {
|
font: 30px "Microsoft Yahei";
|
font-weight: bold;
|
text-align: center;
|
color: #fff;
|
margin-top: 10px;
|
}
|
|
.number3>hr {
|
width: 20px;
|
border: 4px solid #fff;
|
margin-top: 45px;
|
margin-left: 8px;
|
}
|
|
.elc-ring2 {
|
float: left;
|
margin-top: -55px;
|
margin-left: 10px;
|
color: #D37105;
|
font-weight: bold;
|
font-family: "Micorsoft Yahei";
|
}
|
|
.elc-ring3 {
|
font: 25px "Microsoft Yahei";
|
color: #D37105;
|
line-height: 90px;
|
float: right;
|
/* padding-right: 30px; */
|
}
|
|
@media ( max-width :1000px) {
|
.elc-ring3 {
|
margin-top: -10px;
|
}
|
}
|
|
@media ( max-width :780px) {
|
.elc-ring3 {
|
margin-top: 25px;
|
}
|
}
|
|
.hr-color {
|
width: 100px;
|
border: 1px solid #5C9FCE;
|
}
|
|
.dashed {
|
border-bottom: 1px dashed #D37105;
|
padding-bottom: 20px;
|
}
|
|
.dashed2 {
|
margin-top: 10px;
|
}
|
|
.elc-ring4>img {
|
width: 21px;
|
position: absolute;
|
top: 2px;
|
right: 160px;
|
}
|
