html,body{
|
width:100%;
|
height:100%;
|
}
|
.center {
|
text-align:center;
|
}
|
.topMenu {
|
background:#E6E6FA;
|
height:60px;
|
border:0px;
|
width:100%;
|
display:flex;
|
flex-direction: row;
|
}
|
.logo {
|
width:80%;
|
}
|
.topSet{
|
width:20%;
|
text-align:left;
|
}
|
.topSet img{
|
margin-top:5px;
|
}
|
.topFont {
|
font-size:32px;
|
font-family:SimHei;
|
font-weight:bold;
|
}
|
.content{
|
background-color: #F0F4F7;
|
width:100%;
|
position:absolute;
|
top:60px;
|
left:0;
|
bottom:0;
|
display: flex;
|
flex-direction: row;
|
}
|
.leftDiv{
|
width:400px;
|
height:100%;
|
display: flex;
|
flex-direction: column;
|
}
|
.leftBottom{
|
display: flex;
|
flex-direction: row;
|
justify-content: center;
|
justify-items: center;
|
}
|
.reloadDiv{
|
background:#3C3C3C;
|
display:inline;
|
border: none;
|
width: 34px;
|
margin-left:15px;
|
}
|
.reloadImg{
|
background-image: url('zz.png');
|
backround-repeat: no-repeat;
|
background-position: center top;
|
text-align:center;
|
width: 30px;
|
height: 30px;
|
margin-top:5px;
|
}
|
.curInDiv{
|
background:#F0F4F7;
|
width:173px;
|
}
|
.curInBg{
|
background-image:url('03.jpg');
|
backround-repeat: no-repeat;
|
text-align:center;
|
height:40px;
|
width:173px;
|
margin-left:5px;
|
}
|
.curOutBg{
|
background-image:url('02.jpg');
|
backround-repeat: no-repeat;
|
text-align:center;
|
height:40px;
|
width:173px;
|
}
|
.rightDiv{
|
width:100%;
|
height:100%;
|
margin-left:10px;
|
position: relative;
|
}
|
.calendarDiv{
|
background:#F0F4F7;
|
height:60px;
|
width:100%;
|
text-align: right;
|
padding-right:5px;
|
}
|
.calendarDiv span{
|
font-size:28px;
|
font-family:SimHei;
|
text-align:center;
|
}
|
.chartDiv{
|
position: absolute;
|
background:white;
|
width:100%;
|
top:33px;
|
left:0;
|
bottom:5px;
|
}
|
.chartDiv .header{
|
height: 33px;
|
font-size:25px;
|
font-weight: bold;
|
padding-left:20px;
|
}
|
.inImg {
|
background:url('01.jpg');
|
}
|
.outImg {
|
background:url('02.jpg');
|
}
|
.allImg {
|
background:url('03.jpg');
|
}
|
.imgDiv{
|
margin:30px 0px 5px 10px;
|
height:160px;
|
width:391px;
|
display: flex;
|
flex-direction: row;
|
}
|
.imgText{
|
margin-left:80px;
|
margin-top:70px;
|
width:100px;
|
}
|
.countDiv{
|
width:100px;
|
height:100px;
|
margin-top: 40px;
|
}
|
.countDiv .countFont{
|
font-size:70px;
|
color:white
|
}
|
.countDiv .ext{
|
font-size:20px;
|
color:white
|
}
|
.imgText span.cn{
|
font-size:22px;
|
color:white
|
}
|
.imgText span.en{
|
font-size:11px;color:white
|
}
|
