.div_simulate_group {
|
position:absolute;
|
top:40px;
|
left:0;
|
right:0;
|
bottom:0;
|
overflow:auto;
|
}
|
|
.div_simulate_title {
|
position:relative;
|
height:40px;
|
}
|
|
.div_simulate_divider {
|
position:relative;
|
height:8px;
|
}
|
|
.div_simulate_divider_label {
|
position:absolute;
|
left:10px;
|
right:160px;
|
top:4px;
|
height:1px;
|
background:#0090FF;
|
}
|
|
.div_simulate_divider_value {
|
position:absolute;
|
right:10px;
|
width:140px;
|
top:4px;
|
height:1px;
|
background:#0090FF;
|
}
|
|
.div_simulate_component {
|
position:relative;
|
height:40px;
|
}
|
|
.div_simulate_component_bullet {
|
position:absolute;
|
top:10px;
|
left:10px;
|
width:4px;
|
height:20px;
|
}
|
|
.div_simulate_component_label {
|
position:absolute;
|
top:10px;
|
left:20px;
|
right:160px;
|
height:16px;
|
color:#808080;
|
font-size:16px;
|
line-height:20px;
|
}
|
|
.div_simulate_component_value {
|
position:absolute;
|
top:10px;
|
right:60px;
|
width:90px;
|
height:16px;
|
color:#808080;
|
font-size:16px;
|
line-height:20px;
|
text-align:right;
|
}
|
|
.div_simulate_component_detail {
|
position:absolute;
|
top:0;
|
right:4px;
|
width:40px;
|
height:40px;
|
background:url(../icon/forward2.png);
|
background-size:100%;
|
}
|
|
.canvas_chart {
|
display:block;
|
position:relative;
|
margin:10px auto;
|
width:240px;
|
height:240px;
|
-webkit-user-select:none;
|
}
|
|
/********** COMPONENT **********/
|
|
.div_component_group {
|
position:absolute;
|
top:40px;
|
left:0;
|
right:0;
|
bottom:0;
|
background:#F0F0F0;
|
padding:4px;
|
overflow:auto;
|
}
|
|
.div_component_item {
|
position:relative;
|
margin:4px;
|
border-radius:4px;
|
background:#FFFFFF;
|
}
|
|
.div_component_bullet {
|
position:absolute;
|
top:16px;
|
left:8px;
|
width:16px;
|
height:16px;
|
background:url(../icon/next.png);
|
background-size:100%;
|
}
|
|
.div_component_title {
|
position:relative;
|
padding:8px 28px;
|
height:32px;
|
color:#0090FF;
|
font-size:16px;
|
line-height:32px;
|
}
|
|
.input_component_value {
|
display:block;
|
position:absolute;
|
top:8px;
|
right:36px;
|
box-sizing:border-box;
|
width:100px;
|
height:32px;
|
border-radius:4px;
|
border:#0090FF 1px solid;
|
background:#F8F8F8;
|
padding:3px;
|
color:#0090FF;
|
font-size:16px;
|
line-height:24px;
|
text-align:right;
|
-webkit-appearance:none;
|
outline:none;
|
resize:none;
|
}
|
|
.div_component_range {
|
position:absolute;
|
top:0;
|
right:0;
|
width:180px;
|
height:48px;
|
}
|
|
.input_component_readonly {
|
border:#E0E0E0 1px solid;
|
color:#808080;
|
}
|
|
.div_component_unit {
|
position:absolute;
|
right:12px;
|
top:8px;
|
width:20px;
|
height:32px;
|
color:#A0A0A0;
|
font-size:14px;
|
line-height:32px;
|
}
|
|
.div_component_result {
|
position:relative;
|
margin:4px;
|
border:#0090FF 1px solid;
|
border-radius:4px;
|
background:#E0F0FF;
|
height:40px;
|
color:#0090FF;
|
font-size:20px;
|
text-align:center;
|
line-height:40px;
|
}
|
|
.div_component_policy {
|
position:relative;
|
margin:4px;
|
border-radius:4px;
|
background:#FFFFFF;
|
padding:8px;
|
color:#A0A0A0;
|
font-size:12px;
|
}
|
|
.color_1 {
|
color:#F7464A;
|
}
|
|
.color_2 {
|
color:#46BFBD;
|
}
|
|
.color_3 {
|
color:#FDB45C;
|
}
|
|
.color_4 {
|
color:#8291E3;
|
}
|
|
.bg_1 {
|
background:#F7464A;
|
}
|
|
.bg_2 {
|
background:#46BFBD;
|
}
|
|
.bg_3 {
|
background:#FDB45C;
|
}
|
|
.bg_4 {
|
background:#8291E3;
|
}
|
