.div_tab {
|
position:absolute;
|
box-sizing:border-box;
|
z-index:5;
|
top:40px;
|
left:0;
|
right:0;
|
height:40px;
|
border-bottom:#C0D0E0 1px solid;
|
background:#F0F8FF;
|
}
|
|
.div_tab_on, .div_tab_off {
|
position:relative;
|
float:left;
|
box-sizing:border-box;
|
margin:0 2%;
|
width:21%;
|
height:39px;
|
font-size:16px;
|
text-align:center;
|
line-height:39px;
|
}
|
|
.div_tab_on {
|
border-bottom:#0090FF 2px solid;
|
color:#0090FF;
|
}
|
|
.div_tab_off {
|
color:#8090A0;
|
}
|
|
.div_filter_group {
|
display:none;
|
position:absolute;
|
z-index:2;
|
top:80px;
|
bottom:0;
|
left:0;
|
right:0;
|
padding:8px;
|
background:#FFFFFF;
|
overflow:auto;
|
}
|
|
.div_filter_off, .div_filter_on {
|
position:relative;
|
height:36px;
|
border-bottom:#E0E0E0 1px solid;
|
font-size:12px;
|
text-align:center;
|
line-height:36px;
|
}
|
|
.div_filter_off {
|
color:#A0A0A0;
|
}
|
|
.div_filter_on {
|
color:#0090FF;
|
}
|
|
.div_filter_code {
|
position:absolute;
|
top:0;
|
left:0;
|
width:80px;
|
height:36px;
|
font-size:14px;
|
line-height:36px;
|
text-align:left;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_filter_name {
|
position:absolute;
|
top:0;
|
left:80px;
|
right:32px;
|
height:36px;
|
font-size:14px;
|
line-height:36px;
|
text-align:left;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_filter_mark_off, .div_filter_all_off {
|
position:absolute;
|
box-sizing:border-box;
|
top:8px;
|
right:4px;
|
width:20px;
|
height:20px;
|
background:url(../icon/filter_off.png);
|
background-size:100%;
|
}
|
|
.div_filter_mark_on {
|
position:absolute;
|
box-sizing:border-box;
|
top:8px;
|
right:4px;
|
width:20px;
|
height:20px;
|
background:url(../icon/filter_on.png);
|
background-size:100%;
|
}
|
|
.div_filter_all_on {
|
position:absolute;
|
box-sizing:border-box;
|
top:8px;
|
right:4px;
|
width:20px;
|
height:20px;
|
background:url(../icon/filter_all.png);
|
background-size:100%;
|
}
|
|
.div_filter_del {
|
position:absolute;
|
top:0;
|
right:0;
|
width:36px;
|
height:36px;
|
background:url(../icon/del2.png) no-repeat center;
|
background-size:20px 20px;
|
}
|
|
/********** DATE **********/
|
|
.div_date_label {
|
position:relative;
|
margin:2px 12px;
|
color:#A0A0A0;
|
font-size:12px;
|
}
|
|
.div_date_group {
|
position:relative;
|
margin:2px 8px 16px 8px;
|
background:#F8F8F8;
|
border-radius:4px;
|
overflow:hidden;
|
}
|
|
.div_date_item {
|
position:relative;
|
float:left;
|
height:48px;
|
}
|
|
.width_50p {
|
width:50%;
|
}
|
|
.width_40p {
|
width:40%;
|
}
|
|
.width_20p {
|
width:20%;
|
}
|
|
|
.div_date_period {
|
position:relative;
|
margin:8px auto;
|
box-sizing:border-box;
|
width:128px;
|
height:32px;
|
border-radius:16px;
|
font-size:16px;
|
line-height:32px;
|
text-align:center;
|
}
|
|
.div_date_quarter {
|
position:relative;
|
margin:8px auto;
|
width:100px;
|
border-radius:16px;
|
height:32px;
|
font-size:16px;
|
line-height:32px;
|
text-align:center;
|
}
|
|
.div_date_month {
|
position:relative;
|
margin:8px auto;
|
width:32px;
|
height:32px;
|
border-radius:16px;
|
font-size:16px;
|
line-height:32px;
|
text-align:center;
|
}
|
|
.div_date_on {
|
background:#0090FF;
|
color:#FFFFFF;
|
}
|
|
.div_date_off {
|
background:#FFFFFF;
|
color:#0090FF;
|
}
|
|
.div_date_none {
|
background:#FFFFFF;
|
color:#A0A0A0;
|
}
|
|
/************** CHART *************/
|
|
.div_chart {
|
position:absolute;
|
top:80px;
|
bottom:40px;
|
left:0;
|
right:0;
|
padding-top:12px;
|
background:#FFFFFF;
|
}
|
|
.div_option {
|
position:absolute;
|
bottom:0;
|
left:0;
|
right:0;
|
height:40px;
|
background:#F0F8FF;
|
}
|
|
.div_option_item {
|
position:relative;
|
float:right;
|
margin:5px 20px;
|
}
|
