*{
    padding: 0;
    margin: 0;
}

a{
    text-decoration: none;
    color: #333;
}
ul li{
    list-style: none;
}


    @media screen and (min-width:751px) {
        .mod-hui{
            display: none;
        }
        
        body{
            background-color: #efefef;
        }
        .hui-content{
            width: 80%;
            margin: auto;
            margin-top: 20px;
            display: flex;
            justify-content: space-between;
        }
        .hui-content .hui-left{
            width: 12%;
            background-color: #fff;
            height: 100%;
            line-height: 30px;
            padding: 0 15px;
        }
        .hui-content .hui-left li{
            padding: 10px 0;
            font-size: 18px;
            letter-spacing: 1px;
            border-bottom: 1px solid #e3e3e3;
        }
        
        .hui-content .hui-left li:last-child{
            border: none;
        }
        .hui-content .hui-left li img{
            width: 15%;
            vertical-align: middle;
            margin-right: 10px;
            margin-top: -5px;
        }
        .hui-content .hui-right{
            width: 84%;
            background-color: #fff;
            padding-bottom: 20px;
        }
        .hui-content .hui-right .hui-right-head{
            width: 95%;
            margin: auto;
            padding: 15px 0;
            font-size: 20px;
            border-bottom: 1px solid #efefef;
            font-weight: bold;
        }
    
        .hui-content .hui-right table{
            width: 95%;
            margin: auto;
            margin-top: 20px;
            background-color: #999;
        }
        .hui-content .hui-right table tr td{
            background-color: #fff;
            text-align: center;
            padding: 10px 20px;
        }
    
    }

    @media screen and (max-width:750px) {
        .hui-content{
            display: none;
        }

        .mod-hui{
            padding-bottom: 55px;
        }
        
           .mod-hui .mod-cont-head{
                display: flex;
                justify-content: space-between;
                padding: 5px 10px;
                border-bottom: 1px solid #efefef;
                font-size: 20px;
            }
            .mod-hui .mod-cont-head span{
                font-weight: bold;
            }
            .mod-hui table{
                width: 95%;
                background-color: #999;
                margin: auto;
                margin-top: 15px;
            }
            .mod-hui table tr td{
                text-align: center;
                background-color: #fff;
                font-size: 14px;
                padding: 10px;
            }
            .fanhui{
                width: 100%;
                position: fixed;
                bottom: 0;
                left: 0;
                display: flex;
            }
            .fanhui span{
                display: inline-block;
                width: 50%;
                text-align: center;
                padding: 15px 0;
                font-size: 15px;
                font-weight: bold;
                letter-spacing: 2px;
            }
            .fanhui span:first-child{
                background-color: #efefef;
            }
            .fanhui span:last-child{
                background-color: #FFBF55;
                color: #fff;
            }
    }