﻿
 /*使用帮助*/
.humanmaintitle {
    background: #f5f5f5;
}
.userhelpContent {
    width: 1400px;
    margin:0 auto;
    height: auto;
    display: flex;
    justify-content: center;
}
.userhelpLeft {
    width: 20%;
    height: auto;
    background: white;
    margin: 30px 0;
}
    .userhelpLeft ul {
        width: 100%;
        height: 100%;

    }
        .userhelpLeft ul li{
            width:100%;
            height:45px;
            line-height:45px;
            text-align:center;
            cursor:pointer;
        }
            .userhelpLeft ul li:hover {
                background: #0179fe;
                color: white;
            }
.usercentent{
    width:100%;
    height:760px;
    /*overflow-y:auto;*/
}
.active {
    background: #0179fe;
    color: white;
}
.userhelpRight {
    width: 80%;
    background:white;
    min-height: 900px;
    margin: 30px 10px;
    padding:0 20px;
}
            .userhelpRight h1{
                text-align:center;
                margin-top:20px;
                margin-bottom:30px;
            }
.userhelpRight img{
    width:100%;
}
                .userhelpRight p{
                    padding:15px 0;
                }
                    .userhelpRight p span img {
                        vertical-align: middle;
                    }
    .userhelpRight .times {
        width: 97%;
        height: 45px;
        background: #f0f4f6;
        text-align: center;
        line-height: 45px;
        display: inline-block;
        color: #666;
        font-size: 16px;
        margin-bottom: 50px;
        margin-left: 15px;
    }





.userhelpRight p:first-child span{
    font-size:24px;
}
    .userhelpRight p span span span img {
        display: inline-block;
        vertical-align:middle;
    }
    .userhelpRight p{
        line-height:30px;
    }
.bannerbutton {
    position: absolute;
    top: 23%;
    left: 40%;
    text-align: center;
}
.bannertitle-help {
    position: absolute;
    top: 25%;
    left: 43.5%;
    font-size:60px;
    color:#fff;
    white-space: nowrap;
}
.minibannertitle-help {
    font-size: 24px;
    position: absolute;
    top: 46%;
    left: 46.5%;
    color: #fff;
}


@media screen and (max-width: 768px) {
    .userhelpContent{
        width:750px;
    }
    .bannerindex{
        width: 680px;
        height: 250px;
        margin: 0 35px;
    }
        .bannerindex .bannertitle-help {
            font-size: 0.3rem;
            left: 41.5%;
        }
        .bannerindex .minibannertitle-help {
            font-size: 0.16rem;
            left: 43.5%;
        }
        .bannerindex ul li {
            width: 680px;
            height: 265px;
        }
    .bannerindex ul li img {
        width: 100%;
        height: 100%;
    }

}
