*{
    padding: 0;
    margin: 0;
}
body{
    min-height: 100vh;
}
a {
    text-decoration: none !important;
}
a:hover {
    color:#3D3D3D;
}
img {
    vertical-align: top;
}
/* 外层容器 */
.container {
    padding: 20px 0;
    box-sizing: border-box;
    width: 100%;   
    min-width: 1200px;
    color: #333;
    background-color: #f5f5f5;
}
/* 主容器 */
.main-container {
    margin: 0 auto;
    width: 60vw;
    min-width: 1200px;
    font-size: 14px;
    min-height: calc(100vh - 230px);
}
/* 组件容器 */
.component-container {
    width: 100%;   
    min-width: 1200px;
    color: #333;
}
/* 组件主容器 */
.component-main {
    margin: 0 auto;
    width: 60vw;
    min-width: 1200px;
    font-size: 14px;
}
/* 去除头尾最小高度 */
.mh {
    min-height: calc(100vh - 230px);
}
/* 超出显示省略号 */
.hide_text {
    text-overflow:-o-ellipsis-lastline;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/* 超出两行显示省略号 */
.hide_text_2 {
    text-overflow:-o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* 模块名称 */
.module_name {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    color: #0E3460;
    padding: 6px 0;
    border-bottom: 1px solid #5393FB;
    font-family: Source Han Sans;
}
.module_name::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 5px;
    background-color: #5393FB;
}
/* 居中模块名称 */
.module_name_mid {
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #0E3460;
    padding: 6px 0;
    border-bottom: 1px solid #5393FB;
    font-family: Source Han Sans;
}
.module_name_mid::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background-color: #5393FB;
}
/* 翻页 */
.pagenation-wrap {
     margin-top: 40px;
     text-align: center;
}
.pagenation {
    display: inline-block;
}
.pagenation a {
    font-size: 14px;
    font-weight: bold;
    color: #3D3D3D;
    text-decoration: none;
}
.pagenation i {
    font-style: normal;
}
.pagenation-num a {
    padding: 3px 8px;
}
.pagenation_cur {
    color: #5393FB !important;
    border: 1px solid #5393FB;
    border-radius: 4px;
}
/* 通用标签 */
.tags_item {
    display: inline-block;
    margin-right: 4px;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 12px;
}
/* 限制内容宽度 */
.richtext * {
    max-width: 100%;
}
/* 富文本图片限制 */
.richtext img {
    max-width: 100% !important;
    height: auto !important;
}
/* 单图富文本去边 */
.richtext_nogap p {
    padding: 0 !important;
    margin: 0 !important;
}
.richtext_nogap img {
    width: 100% !important;
    height: auto !important;
}
/* 通用tab */
.tab-wrap {
    display: flex;
    background-color: #fff;
}
.tab-wrap a {
    flex: 1;
    text-decoration: none;
}
.tab-item {
    flex: 1;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: Source Han Sans;
    color: #3D3D3D;
    padding: 30px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #5393FB;
}
.tab-item_active {
    color: #5393FB;
}
.tab-item_active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 4px;
    background-color: #5393FB;
}
.tab-item:hover {
    color: #5393FB;
}
.tab-item:hover::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 4px;
    background-color: #5393FB;
}
/* 右下角动作按钮 */
.fixed-btn {
    position: fixed;
    right: 20px;
    bottom: 60px;
} 
.back-btn {
    margin-top: 16px;
    cursor: pointer;
}
.top-btn {
    display: none;
    cursor: pointer;
}
/* element分页 */
.el-pagenation-wrap {
    margin-top: 10px;
    text-align: center;
}
.el-pagenation-wrap .el-pager li {
    padding:0 8px;
    min-width: initial;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 4px;
    line-height: 26px;
}
.el-pagenation-wrap .el-pager .active {
    border: 1px solid #5393FB !important;
}