body {
    font-family: "Microsoft YaHei",tahoma,verdana,arial,sans-serif;
    font-size: 15px;
    line-height: 21px;
    max-width: 640px;
    margin: 0px auto;
    color: #424242;
    background-color: #efeff4;
    -webkit-overflow-scrolling: touch
}

ul,li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

i {
    font-style: normal;
}

.mui-popover.mui-popover-action.showkf {
    width: 350px;
    height: 280px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -175px;
    border-radius: 6px;
    padding: 0.1rem;
    background: #ffffff;
    z-index: 99999;
}

.mui-popover.mui-popover-action.showkf ul li {
    height: 100px;
    background: #f0eef3;
    border-radius: 10px;
    margin: 5px;
    overflow: hidden;
}

.mui-popover.mui-popover-action.showkf ul li a .kficon img {
    max-height: 100px;
}

.kftit {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
}

.kflogo {
    margin-top: 12px;
}

.kflogo img {
    height: 20px;
}

.kflogotit {
    color: #000000;
    font-size: 18px;
    padding: 3px;
}

.kflogodes {
    color: #8e8e8e;
    font-size: 13px;
}

.kficon {
    text-align: center;
}

.mui-pull-left {
    float: left
}

.mui-clearfix:after,.mui-clearfix:before {
    display: table;
    content: ' '
}

@media (min-width: 400px) {

    .mui-col-sm-10 {
        width: 83.33333333%
    }

    .mui-col-sm-9 {
        width: 75%
    }

    .mui-col-sm-8 {
        width: 66.66666667%
    }

    .mui-col-sm-7 {
        width: 58.33333333%
    }

    .mui-col-sm-6 {
        width: 50%
    }

    .mui-col-sm-5 {
        width: 41.66666667%
    }

    .mui-col-sm-4 {
        width: 33.33333333%
    }

    .mui-col-sm-3 {
        width: 25%
    }

    .mui-col-sm-2 {
        width: 16.66666667%
    }

    .mui-col-sm-1 {
        width: 8.33333333%
    }
}