.emcs-panel {
    width: 275px;
    margin-bottom: 10px;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(6,67,153,.14);
    border-radius: 8px;
    font-size: 12px;
    line-height: 18px;
}
/*.pdlr20 {*/
/*    padding: 0 20px;*/
/*}*/
.flex, .wiki-icon {
    display: flex;
    align-items: center;
}
.between {
    justify-content: space-between;
}
.border-b {
    border-bottom: 1px solid #f0f2f5;
}
.pb10 {
    padding-bottom: 10px;
}
.column {
    flex-direction: column;
}
 a:hover {
    color: #4285f4;
}
a {
    text-decoration: none;
    outline: none;
}
.b {
    font-weight: 700;
}
.f20, .font20 {
    font-size: 20px;
}
.font20 {
    color: #2b2b2b;
}
.f22, .font20 {
    line-height: 28px;
    word-break: break-all;
}
.font14 {
    font-size: 14px;
    line-height: 22px;
    color: #666777;
}
.f15, .font14 {
    word-break: break-all;
}
.wd55.emcs-avatar, .wd55.wiki-icon {
    width: 55px;
    min-width: 55px;
    height: 55px;
    font-size: 27px;
}
.emcs-avatar {
    /*width: 30px;*/
    /*min-width: 30px;*/
    /*height: 30px;*/
    border-radius: 50%;
    background-size: cover;
    background-position: 50%;
}
.emcs-expand {
    flex: 1;
    width: 100px;
}
.flex-st {
    display: flex;
    align-items: flex-start;
}
.h55 {
    height: 55px;
}
.c3 {
    color: #2b2b2b;
}
.f15, .f16 {
    line-height: 20px;
}
.f16, .font16 {
    font-size: 16px;
    word-break: break-all;
}
.nowrap {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    /*word-break: break-all;*/
}
.w100 {
    width: 100%;
}
.pdtb20 {
    padding: 20px 0;
}
.f-btn {
    display: inline-block;
    min-width: 56px;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    padding: 0 5px;
    box-sizing: border-box;
    color: #4285f4;
    border: 1px solid #4285f4;
    border-radius: 4px;
    cursor: pointer;
}
 .emcs-panel .panel-title {
     padding: 20px;
     border-bottom: 1px solid #f0f2f5;
     display: flex;
     align-items: center;
     justify-content: space-between;
     color: #999;
 }
 .mt10 {
     margin-top: 10px;
 }
 .emcs-panel .panel-title .title {
     font-weight: 400;
     padding-left: 10px;
     font-size: 16px;
     color: #666777;
     border-left: 4px solid #409eff;
 }
 .block {
     display: block;
 }
 .cur-p {
     cursor: pointer;
 }
 .mlr20 {
     margin: 0 20px;
 }
 .pdtb10 {
     padding: 10px 0;
 }
 .c9 {
     color: #9a9a9a;
 }
 .emcs-panel .rank-filter .active {
     color: #409eff;
 }
 .emcs-panel .rank-filter span {
     margin-left: 5px;
 }
 .rank-item {
     padding: 10px 20px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     box-sizing: border-box;
 }
 .c3 {
     color: #2b2b2b;
 }
 .font14 {
     font-size: 14px;
     line-height: 22px;
     /*color: #666777;*/
 }
 .rank-item .rank-info {
     display: flex;
     cursor: pointer;
 }
 .f15, .font14 {
     word-break: break-all;
 }
 .rank-item .ranking {
     width: 20px;
     height: 20px;
     background: #c2c2c2;
     color: #fff;
     text-align: center;
     line-height: 20px;
 }
 .rank-item .rank-info {
     /*display: flex;*/
     cursor: pointer;
 }
 .rank-item .ranking.primary {
     background: #409eff;
 }
 .rank-item .title[data-v-21dbe136] {
     margin-left: 10px;
     max-width: 200px;
 }
 .nowrap {
     display: inline-block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: 100%;
     word-break: break-all;
 }
 .flex, .wiki-icon {
     display: flex;
     align-items: center;
 }
 .com-image[data-v-b4b3aad8] {
     width: 112px;
     min-width: 112px;
     height: 143px;
 }
 .com-image {
     /*width: 150px;*/
     /*min-width: 150px;*/
     /*height: 90px;*/
     border-radius: 2px;
 }
 .com-cover-bg, .com-image {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 50%;
 }
 .pd10 {
     padding: 10px;
 }
 .mr10 {
     margin-right: 10px;
 }
 .emcs-text-overflow {
     overflow: hidden;
     text-overflow: ellipsis;
     word-break: break-all;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }
 .event-item[data-v-431e1dae] {
     padding: 15px 20px;
 }
 .course-image.image-large[data-v-431e1dae] {
     width: 100%;
     min-width: 100%;
     height: 140px;
 }
 .course-image[data-v-431e1dae] {
     width: 113px;
     min-width: 113px;
     height: 67px;
     overflow: hidden;
     position: relative;
     border-radius: 4px;
 }
 .center {
     justify-content: center;
 }
 .mb15 {
     margin-bottom: 15px;
 }
 img[data-v-431e1dae] {
     display: block;
     width: 100%;
 }
 .emcs-text-overflow {
     overflow: hidden;
     text-overflow: ellipsis;
     word-break: break-all;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }
 .mb5 {
     margin-bottom: 5px;
 }
 .contract_price[data-v-431e1dae], .small_price[data-v-431e1dae], .tag[data-v-431e1dae] {
     color: #2b2b2b;
 }
 .f20, .font18 {
     font-weight: 400;
     color: #2b2b2b;
     /*word-break: break-all;*/
 }
 .f20 {
     line-height: 30px;
 }
 .f20, .font20 {
     font-size: 14px;
 }
 .around {
     justify-content: space-around;
 }
 .pd5, .pd10 {
     box-sizing: border-box;
 }