.mui-off-canvas-left, .mui-off-canvas-right{
        width:85%;
    }
    .left-title {
        padding: 22px 0 12px 12px;
        border-bottom: 1px solid #717171;
    }

    .left-list-icon {
        float: left;
       width:29%;
    }

        .left-list-icon img {
            width: 20px;
            margin-right: 8px;
        }

        .left-list-icon span {
            color: #e3e3e3;
            font-size: 15px;
            vertical-align: super;
        }
        .left-list{
                padding-left:0;
                margin:0;
        }
        .left-list-li {
            padding: 18px 0 18px 12px;
            overflow:hidden;
            border-bottom: 1px solid #717171;
        }
        .left-list-li .left-list-icon{
            margin-top:10px;
        }
        .left-list-text{
            width:69%;
            float:left;
            box-sizing:border-box;
            padding-left:15px;
        }
        .left-text-list{
            padding-left:0;
             margin:0;
        }
        .left-text-list li {
            font-size: 17px;
            float: left;
            color: #999;
            margin-right: 16px;
            margin-top: 7px;
        }
        .left-option{
            border-top: 1px solid #717171;
            margin-top:30px;
        }
        .left-option-block{
            width:50%;
            float:left;
            box-sizing:border-box;
            border-right: 1px solid #717171;
        }
        .left-option-block-aa{
            width:92px;
            margin:10px auto;
        }
        .left-option-block-aa img{
            width:18px;
            margin-right: 8px;
        }
        .left-option-block-aa span{
            color:#e3e3e3;
            font-size:15px;
            vertical-align: super;
        }
    @media only screen and (max-width: 370px) {
         .left-title {
        padding: 16px 0 6px 12px;       
    }
        .left-list-text{
            width:62%;           
        }
        .left-list-li{
            padding: 10px 0 8px 12px;
        }
         .left-option{
            margin-top:15px;
        }
         .left-list-icon img{
             width:19px;
         }
         .left-list-icon span{
             font-size:14px;
         }
         .left-text-list li{
             font-size:13px;
         }
         .left-option-block-aa{
            margin:5px auto;
        }
         .left-option-block-aa img{
            width:17px;
        }
        .left-option-block-aa span{
            font-size:14px;
        }
    }