body{
    background: #f8f8f8;
}
.recrichtext-content{
    padding-top:50px;
    padding-bottom:50px;
    opacity: 0;
    transition: .5s;
}
.recrichtext-content .recrichtext-container{
    background: #fff;
    position: relative;
}
/* 左选择栏 */
.container-l{
    width:21%;
    position:absolute;
    margin-right: 2%;
    height: 100%;
    overflow: hidden;
}
.recrichtext-content .recrichtext-container .content-l{
    width: 100%;
    height: 100%;
    float: left;
}
.recrichtext-container .content-l dt{
    margin:52px 0 20px 0;
    padding-left: 70px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.recrichtext-container .content-l dd{
    height: 53px;
    line-height: 53px;
    padding:0 70px;
    position: relative;
    cursor: pointer;
}
.recrichtext-container .content-l dd a{
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.recrichtext-container .content-l dd::before {
    content: "";
    position: absolute;
    width:60%;
    height:2px;
    opacity:0.1;
    bottom:0;
    left:70px;
    transform: scaleY(0.5);
    transform-origin: 0 0;
}
.recrichtext-container .content-l .recrichtext-active{
    background: #fff;
    margin-top:-2px;
}
/* 内容栏 */
.recrichtext-container .container-r{
    width: 76%;
    float: right;
    overflow: hidden;
}
.recrichtext-container .content-r{
    width: 102%;
    float: left;
    overflow-y:scroll;
    -ms-overflow-style: none;
}
.content-r p{
    margin-bottom:20px;
}
table,table tr th, table tr td { border:1px solid #ddd;}
.content-r table{
    width:70%;
}
.content-r table tr{
    height: 50px;
}
.content-r table tr th,.content-r table td{
    text-align: center;
}
h4{
    margin:20px 0;
    color:#333;
    font-size: 20px;
}
.map-item{
    margin-bottom:45px;
    padding-right: 30px;
    /* padding: 10px 10px 10px 10px; */
}
/* .map-item.on{
    border: solid 14px rgba(94, 116, 138, 0.4);
    box-sizing: border-box;
} */