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

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

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 {
    display: flex;
    align-items: center;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.kficon {
    text-align: center;
    float: left;
    width: 33.3333%; /* 保持与 mui-col-sm-4 对齐 */
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mui-popover ul li a .kficon img {
    max-height: 100px;
    width: auto;
    display: block;
    margin: 0 auto;
}

.mui-pull-left {
    float: left;
}

.kflogo {
    margin-top: 12px;
}

.kflogo img {
    height: 20px;
}

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

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

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

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

/* 响应式布局 */
@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% }
}