body {
    margin: 0;
}

.headerpart {
    width: 100%;
    height: auto;
}

.headerpart a {
    display: block;
    width: 285px;
    height: auto;
    position: absolute;
    left: 360px;
    top: 54px;
}

.contentpart {
    width: 1200px;
    height: auto;
    margin: 30px auto;
    overflow: hidden;
}

.oldType_switch {
    top: 40px;
    right: 430px;
}

.oldType_switch,
.button_wza {
    background-color: #124bb6;
    width: 120px !important;
    height: 25px !important;
    line-height: 22px;
    color: #FFF;
    display: block;
    text-align: center;
    position: absolute;
    z-index: 10;
}

.button_wza {
    top: 40px;
    right: 255px;
}

a,
a:active,
a:hover {
    text-decoration: none;
    cursor: pointer;
}

.centerpart {
    display: block;
    width: 1200px;
    height: 188px;
    margin: -40px auto 20px auto;
}

.partleft {
    float: left;
    width: 220px;
    height: 850px;
    background: url(ml.png) no-repeat;
}

.partright {
    float: left;
    width: 960px;
    height: 850px;
    background: url(lb.png) no-repeat;
    margin-left: 20px;
}

.f-title {
    height: 55px;
    width: 100%;
}
.f-title span,.l-title span {
    font-size: 24px;
    color: #fff;
    line-height: 55px;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: bold;
}

.l-title {
    height: 55px;
    width: 215px;
}

.f-list {
    width: 100%;
    height: 790px;
}
.l-list {
    width: 98%;
    margin-left: 1%;
}
.l-list .rlista{
    display: block;
    width: 100%;
    height: 100px;
    border-bottom: 1px dashed #b7ccff;
}
.l-list a span {
    float: left;
    line-height: 100px;
    font-size: 16px;
}

.l-list a span:nth-of-type(1){
    color: #2264ff;
    width: 15%;
    margin-left: 20px;
}
.l-list a span:nth-of-type(2){
    color: #333;
    width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.l-list a span:nth-of-type(3){
    float: right !important;
    color: #999;
    width: 12%;
    margin-right: 15px;
}
.f-list>span{
    display: block;
    height: 45px;
    line-height: 45px;
}

.f-list .fatherLevel {
   border-left: 40px solid transparent;
   width: 75%;
   margin-left: 6px;
}
.f-list .childrenLevel {
    border-left: 60px solid transparent;
    width: 66%;
    margin-left: 6px;
}
.f-list:nth-last-child() {
    color: #999;
}
.l-list {
    display: none;
}
.listshow {
    display: block;
}
.childrenLevel {
    cursor: pointer;
}
.childrenLevel:hover {
    background-color: #fff;
}
.fatherLevel span {
    margin-left: 10px;
}
.yljz:hover {
    cursor: pointer;
    background-color: #fff;
}
.graysrow {
    color: #999;
}

/* 适老化 */
.newStyle .headerpart:hover,.newStyle .centerpart:hover,.newStyle .partleft:hover,.newStyle .partright:hover {
    outline: red solid thick;
}
.newStyle .partleft,.newStyle .partright {
    margin: 5px;
}
.newStyle .f-title span,.newStyle .l-title span{
    font-size: 28px;
}
.newStyle .f-list span {
    font-size: 20px;
}
.newStyle .graysrow {
    display: none;
}
.newStyle .l-list a span{
    font-size: 20px;
}
.newStyle .l-list a span:nth-of-type(1){
    width: 20%;
}
.newStyle .l-list a span:nth-of-type(2){
    width: 62%;
}
.newStyle .l-list a span:nth-of-type(3){
    width: 12%;
}