@charset "utf-8";
/* sidebar */
.about-banner {
    background: #000 url('/images_plus/about/about-img.jpg') 50%/cover;
    width: 100%;
    height: 180px;
}
#Game-Menual {
    background-color: #fff;
    border-right: 1px solid #eaeaea;
    color: #6a6b6d;
    width: 240px;
}
#Game-Menual .title {
    /* border-right: 1px solid #eaeaea; */
    font-size: 20px;
    font-weight: 700;
    padding: 25px;
    border-bottom: 1px solid #eaeaea;
}
.left_side {
    float: left;
    padding-top: 5px;
    width:100%;
    text-align: center;
}
#sidebar li a{
    color: #303133;;
    display: flex;
    align-items: center;
    height: 45px;
    cursor: pointer;
    padding-left: 25px;
    font-weight: 400;
    font-size: 14px;
}

.left_side #sidebar li:hover a,.left_side #sidebar li a.active {
    background: #e3efff;
} 
.left_side #sidebar li.sidebar_bottom {
    background: url('/images_plus/other/dkleft_bottom.png') no-repeat center center;
    height: 55px;
}
/*about*/
.ab_content{
    width: 1000px;
    display: flex;
    margin: 20px auto;
    /* padding: 5px 0; */
    -webkit-box-shadow: 1px 1px 10px #ddd;
    box-shadow: 1px 1px 10px #ddd;
}
.ab_title{
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    background: #f9f9f9;
    border-bottom: 0 solid #eaeaea;
    padding: 0 30px;
    font-size: 20px;
}
.content_wrap {
    width: 760px;
    min-height: 600px;
    background-color: #fff;
    float: right;
    color: #6a6b6d;
}
#articles .help-content{
    line-height: 26px;
    padding: 15px 30px;
    overflow: hidden;
    font-size: 14px;
}
#articles .help-content pre{
    white-space: pre-line;
}
#articles .help-content h2 span,
#articles .help-content h2{
    font-size: 14px;
    color: #ffff00;
}
#direction.content_wrap ul.mtab-menual {
    display: flex;
    width: 100%;
    list-style: none;
    padding: 8px;
    margin: 20px 0 20px 10px;
    flex-wrap: wrap;
}
#direction.content_wrap ul.mtab-menual li{
    display: block;
    line-height: 30px;
    text-decoration: none;
    padding: 0 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    background: #fff;
    color: #000;
    margin-right: 10px;
}
#direction.content_wrap ul.mtab-menual li.m_active,
#direction.content_wrap ul.mtab-menual li:hover{
    background: #26b2fe;
    color: #fff;
}
.ab_inactive{
    display: none;
}