/*监控图样式*/
/*.monitor_pic{
    width:100%;
    padding:1rem 0;
    box-sizing: border-box;
}
.bottom_margin{
    background-color: #fff;
}
.circle_part{
    display:inline-block;
    width:2.5rem;
    height:2.5rem;
    margin:0 auto;
    border-radius: 50%;
    vertical-align: middle;
}
.circle_small{
    width: 2rem;
    height:2rem;
    border-radius: 50%;
    position: relative;
}
.circle_text{
    width:1.8rem;
    position: absolute;
    word-wrap: break-word;
}
.past_circle{
    border: 2px solid #8e8e8e;
}
.past_circle .circle_small{
    background-color: #8e8e8e;
    margin:0.25rem auto;
    color:#fff;
    font-size:0.5rem;
    text-align:center;
    line-height:2rem;
    word-wrap: break-word;
}
.now_circle{
    display:inline-block;
    width:3rem;
    height:3rem;
    position: relative;
    vertical-align: middle;
}
.circle_title{
    width:1.8rem;
    word-wrap: break-word;
    font-size:0.5rem;
    text-align:center;
    position:absolute;
    top:0;
    line-height:3rem;
    left:50%;
    margin-left:-28%;
    color:#fff;
}
.will_circle{
    display: inline-block;
    width:2rem;
    height:2rem;
    margin:0.25rem;
    border-radius: 50%;
    background-color: #6690ff;
    color:#fff;
    font-size: 0.5rem;
    text-align: center;
    line-height: 2rem;
    word-wrap: break-word;
    position:relative;
    vertical-align: middle;
}
.step_item{
    width:6rem;
    vertical-align:top;
    margin:0 auto;
}
.step_content{
    display:inline-block;
    width:2.5rem;
    font-size:0.5rem;
    text-align: center;
    vertical-align: middle;
}
/*.now_circle~.step_content{*/
    /*margin:0;*/
/*}*/
/*.pointer_part{
    width:6rem;
    margin:1rem auto;
}
.pointer_past,.pointer_will{
    background:url("../../images/pointer_monitor.png") no-repeat;
    width:1.25rem;
    height:0.8rem;
    background-size:2.6rem 0.8rem;
    transform:rotate(90deg);
    margin-left:0.8rem;
}
.pointer_past{
    background-position: 0 0;
}
.pointer_will{
    background-position: -1.35rem 0;
}
*/
body{
    background:#fff;
}
#monitor_win{
    position:relative;
    padding-bottom:3rem;
    transform:rotate(90deg);
    margin:3rem;
}
#monitor_win svg{
    position:relative;
}
#monitor_win .cover{
    position:absolute;
    z-index:200;
    width:2000px;
    height:1000px;
}
.step,.past_content,.will_content{
    position:absolute;
    width:65px;
    height:65px;
    text-align: center;
}
.step img{
    position:relative;
}
.now_text{
    position:absolute;
    width:38px;
    text-align: center;
    font-size:10px;
    color: #fff;
    top:20%;
    left:20%;
}
#monitor_win .joint_zoom{
    position:absolute;
    right:30px;
    top:40px;
    border-radius:2em 2em;
    background-color:rgba(129,168,210,0.05);
    border:1px solid #95afcc;
    box-shadow:0px 3px 3px #ddd;
}
#monitor_win .joint_zoom>span{
    display:inline-block;
    padding:2px 10px;
    padding-top:3px;
}
#monitor_win .joint_zoom img{
    width:100%;
    height:100%;
    padding-bottom:2px;
}
#zoom-in{
    border-right:1px solid #95afcc;
}
.past_time{
    font-size:10px;
}
.link:hover .marker-vertices,
.link:hover .marker-arrowheads,
.link:hover .link-tools {
    opacity: 0;
}