﻿.help-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: left;
}

.breadcrumb {
    padding: 3px 15px;
    margin-bottom: 10px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 0;
    font-size: 12px;
}

.s_class {
    display: none;
}

.layui-nav-tree .layui-nav-child a:hover {
    background-color: #0081c1;
    color: #fff;
}

.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover {
    background-color: #0081c1;
    color: #fff;
}

.layui-layout-admin .layui-header {
    border-bottom: 5px solid #0081c1;
}

.layui-nav-tree .layui-nav-child.layui-this a {
    color: white;
}

.client .top {
    background-color: #0081c1;
    color: #fff;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 40px;
    border: none;
}

.gonext p a {
    color: #0081c1;
}

.gonext p {
    width: 45%;
    overflow: hidden;
    line-height: 20px;
    height: 20px;
    text-overflow: ellipsis;
}

    .gonext p a:hover {
        color: #006496;
    }

.gonext .shang {
    float: left;
}

.gonext .xia {
    float: right;
}
#text_info_box ,#text_info_box_down{
    width: unset !important;
}
@media screen and (max-width: 750px){
        #text_info_box > a ,#text_info_box_down > a{
        width: 94px!important;
        height: 58px!important;
        margin-right:6px!important;
    }
    #text_info_box > a img,#text_info_box_down > a img{
        width:100%!important;
        height:100%!important;
    }
        .content_info{
            width: calc( 100% - 106px) !important;
        }
        .content_info h4{
            font-size: 14px!important;
            line-height:1.5;
            height:24px!important;
            overflow:hidden;
        }
        .content_info p{
            font-size:12px!important;
            height:40px!important; 
            overflow:hidden;
        }
        .content_title h2{
            font-size: 14px!important;
            overflow: hidden; 
            border-bottom: 0!important;
            margin-bottom:0!important;
            height:32px;
            line-height:16px;
        }
        .bdsharebuttonbox +span{
            font-size:14px!important;
            line-height:14px;
        }
        .breadcrumb +div div:first-child{
            width:88px!important;
            height:55px!important;
            margin-right:5px!important;
        }
        .breadcrumb +div div img{
            width:100%!important;
            height:100%!important;
        }
        .breadcrumb +div .content_title{
            width:72%!important;
            height:unset;
        }
        .bdsharebuttonbox a:nth-child(4),.bdsharebuttonbox a:nth-child(6),.bdsharebuttonbox a:nth-child(9){
            display:none;
        }
    }
    @media screen and (max-width: 350px){
        .prev_content,.next_content{
            font-size: 12px!important;
        }
        .content_info h4{
            font-size: 14px!important;
            height:28px;
            overflow:hidden;
        }
        .content_info p{
            font-size:12px!important;
            height:46px; 
            overflow:hidden;
        }
        
        .breadcrumb +div .content_title{
            width: 66%!important;
        }
        .content_title h2{
            font-size: 14px!important;
            height:32px;
            overflow: hidden; 
            margin-bottom: 0!important;
        }
        .bdsharebuttonbox a:nth-child(2),.bdsharebuttonbox a:nth-child(4),.bdsharebuttonbox a:nth-child(6),.bdsharebuttonbox a:nth-child(8),.bdsharebuttonbox a:nth-child(9){
            display:none;
        }
    }
