.container{position:relative;width:100%;max-width:1440px;margin:0 auto;padding-left:10px;padding-right:10px}
header{position:-webkit-sticky;position:sticky;top:0;z-index:1080;width:100%;background-color:#fff;margin-bottom:15px}
nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;height:68px}
nav .logo{color:#fff;font-size:30px;font-weight:500;letter-spacing:-1px}
nav .logo img{height:54px;width:auto;margin:4px 0}
nav .nav-box{display:flex;flex:1}
nav .nav-items{display:flex;flex:1;padding:0 0 0 40px}
nav .nav-items .menu-item{list-style:none;margin:0 15px;position:relative}
nav .nav-items li a{color:#000000;font-weight:400;padding:15px 0;text-decoration:none;display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}
nav .nav-items li.current-menu-item a,nav .nav-items li.current-menu-parent a{font-weight:500;color:#41a3bc}
nav .nav-items li.current-menu-item a:before,nav .nav-items li.current-menu-parent a:before{content:"";position:absolute;z-index:-1;width:200%;left:-50%;bottom:0;background:#41a3bc;height:2px}
nav .nav-items li a:hover{color:#41a3bc}
nav .nav-items li a:hover:before{left:0;right:0}
nav .nav-items li a:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#41a3bc;height:2px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
nav .nav-items li.nav-activ a:before{display:none}
nav .nav-items li.active a:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#000000;height:2px}
nav .cancel-icon,nav .menu-icon{width:40px;text-align:center;font-size:18px;color:#000000;cursor:pointer;display:none}
nav .cancel-icon,nav .menu-icon span{display:none}
.sub-menu{display:none;background:#fff;position:fixed;margin-left:-10px;z-index:99;width:160px;border-radius:4px;text-align:center;box-shadow:0 1px 4px rgba(99,99,99,.3)}
.sub-menu::after{position:absolute;content:"";display:block;width:0;height:0;top:-16px;left:20px;border-width:10px;border-style:solid;border-color:transparent transparent #fff transparent}
nav .nav-items li.menu-item-has-children a:hover:before{display:none}
nav .nav-items li .sub-menu li{height:48px;line-height:48px;padding:0 10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:1px dotted #ddd;cursor:pointer}
nav .nav-items li .sub-menu li:last-of-type{border-bottom:none}
nav .nav-items li .sub-menu li:hover{border-radius:4px;background:#f3f3f3;border-bottom:1px dotted #ccc}
nav .nav-items li .sub-menu li a{-webkit-transform:none;transform:none;color:#555;box-shadow:0 0 0 transparent;padding:0}
nav .nav-items li .sub-menu .menu-item-has-children{background-position:96% 50%}
nav .nav-items li .sub-menu .menu-item-has-children:hover{background-position:96% 50%;background-size:9px 9px}
nav .nav-items li .sub-menu .menu-item-has-children .sub-menu{margin-left:150px;margin-top:-50px}
nav .nav-items li .sub-menu .menu-item-has-children .sub-menu a{color:#333}
nav .nav-items li .sub-menu .menu-item-has-children .sub-menu li:hover{background:#f3f3f3;border-bottom:1px dotted #ccc}
nav .nav-items li .sub-menu .menu-item-has-children .sub-menu a:hover,nav .nav-items li .sub-menu li:hover a{color:#00c167}
nav .nav-items li .sub-menu li a:before{bottom:0;background:0 0;height:0}
nav .nav-items li .sub-menu li.current-menu-item{background:#f3f3f3}
nav .nav-items li .sub-menu li.current-menu-item a{font-weight:500;border-bottom:none}
.m-nav li{display:block;padding:.75rem;margin-left:.5rem;margin-right:.5rem}
/* 搜索框 */
.search-box{height:36px;overflow:hidden;position:relative}
.search-box input{width:100%;padding:0 50px 0 10px;border:1px solid rgba(0,0,0,.05);line-height:36px;height:36px;color:#555;font-size:13px;background-color:transparent;transition:all .35s ease 0s}
.search-box button{position:absolute;right:0;top:0;border:0;line-height:36px;height:36px;text-align:center}
.input-group{display:table;border-collapse:separate}
.input-group .form-control,.input-group-btn{display:table-cell}
.search-form .input-group-btn button{width:66px;padding: 8px 12px;background-color:#41a3bc;border: 1px solid #fff;border-right: -1;color:#fff;border-radius:28px 0 0 28px;white-space:nowrap;vertical-align:middle}
.input-group,.input-group-btn,.input-group-btn>.btn,.nav>li,.nav>li>a{position:relative}
.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;touch-action:manipulation;cursor:pointer;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.dropdown-menu{box-shadow:5px 5px rgba(102,102,102,.1);min-width:175px;position:absolute;z-index:1000;display:none;float:left;list-style:none;text-shadow:none;padding:0;background-color:#fff;margin:10px 0 0;border:1px solid #eee;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;top:100%;font-size:14px;text-align:left;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}
.dropdown-menu>li>a{padding:8px 16px;color:#6f6f6f;text-decoration:none;display:block;font-weight:300;line-height:18px;white-space:nowrap}
.open>.dropdown-menu{display:block}
.btn-group>.dropdown-menu:before{position:absolute;top:-8px;left:9px;right:auto;display:inline-block!important;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;content:''}
.search-form .search-keyword{width:100%;padding:0 50px 0 10px;border:1px solid #41a3bc;border-radius:0 5px 5px 0;line-height:35px;height:35px;color:#555;font-size:13px;background-color:#fff;transition:all .35s ease 0s}
.search-form .input-group .search-btn{background-color:transparent;color:#999!important;position:absolute;right:0;top:0;border:0;text-align:center}
.search-form .input-group .search-btn i{font-size: 18px;}
.login-btn{display:flex}
.login-btn .user-login{height:2rem;line-height:2rem;padding:0 .75rem;margin-left:1rem;border:1px solid #41a3bc;color:#41a3bc;font-size:13px;background:0 0;border-radius:4px;font-weight:200}
.login-btn .user-login:hover{opacity:.8;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
@media (min-width: 768px) {.login_user, .nav-login {margin-left: 100px;}} /*... 登录和头像容器左边距 */
@media (min-width: 768px) {.login_user, .nav-login, .login-btn {margin-left: 100px;}}
.login_user{display:flex;color:#eee;font-weight:200;}
.login_user{display:flex;color:#eee;font-weight:200}
.login_user a{color:#000;font-weight:200;margin:0 -6px}
.simple-info img{height:38px;width:38px;border-radius:20px;margin:0 8px;
border: 2px solid #d7d4d4; }    /* 添加圆形边框，颜色为 #fff，边框宽度为 2px */
.simple-info *{display:inline-flex;line-height:28px;vertical-align:middle;}
.login_user:hover .user-menu {display: block !important;}
.user-menu:hover {display: block !important;}
.user-menu {display: none;  position: absolute; top: calc(90% + 10px);  right: 10px; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);  
border-radius: 4px; min-width: 370px; z-index: 9999;  padding: 15px;height: 320px; overflow-y: auto; /* 当内容超出高度时显示滚动条 */}
.wallet-box {background: #f8f9fa;border-radius: 8px; margin-top: 10px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
.wallet-container {padding: 12px 20px; display: flex; gap: 30px;justify-content: center;}
.wallet-item {display: flex;align-items: center;gap: 5px; margin: 0; /* 移除原有边距 */}
.wallet-label {color: #666;}
.wallet-value {color: #ff6a00;font-weight: bold;}
.wallet-item:nth-child(2) .wallet-value {color: #2f5fef;}/* 新增积分单独颜色 */
.member-bg-box {width: 100%;margin-top: 8px;position: relative; }/* 会员背景独立容器 */
.conference-title {position: absolute;top: 10px;left: 15px;font-size: 14px;font-weight:500;color: #fff;text-shadow: 1px 1px 3px rgba(0,0,0,0.5);z-index: 1;}
.member-background {display: block;width: 100%;height: 120px;object-fit: cover; border-radius: 8px;border: 1px solid #f0f0f0;}
.validity-period {position: absolute;bottom: 5px; right: 5px;color: #fff;font-size: 12px;font-weight: 500;padding: 3px 8px;border-radius: 3px;}
/* 按钮容器样式 */
.button-container {display: flex;justify-content: space-between;padding: 0 5px;margin: 15px 0 0;border: 1px solid rgba(255,255,255,0.3);/* 新增半透明边框 */
border-radius: 28px; /* 匹配按钮圆角 */background: rgba(255,255,255,0.05); /* 添加轻微背景色 */}
.member-btn {background: rgba(255, 255, 255, 0.2);border: 1px solid #f5f5f5;color: #fff;padding: 6px 8px;border-radius: 8px;font-size: 14px;
transition: all 0.3s;margin: 0 2px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.member-btn i {margin-right: 5px;vertical-align: middle; }/* 添加垂直对齐 */
.member-btn:hover {border-color: #2f8a9e;background: rgba(255,255,255,0.3);box-shadow: 0 3px 6px rgba(0,0,0,0.2);transform: translateY(-2px);}/* 悬停状态增强 */
.member-btn:focus {outline: none;border-color: #41a3bc;box-shadow: 0 0 0 3px rgba(65,163,188,0.3);}/* 焦点状态 */
.user-info {display: flex;  align-items: center; }
.user-details { display: flex; flex-direction: column; /* 垂直排列 */}
.user-name { font-size: 15.3px;  font-weight: 600; color: #333; margin-bottom: 0px;}/*文字大小*/
.user-level { font-size: 14px;  color: #666;}  /*会员等级*/
.user-menu::before {content: ''; position: absolute; bottom: 100%; right: 15px; border-width: 0 8px 10px; border-style: solid; border-color: transparent transparent #fff transparent;
 filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.1));} /* 为箭头添加阴影效果 */
/* 小头像样式 */
.user-avatar-small { width: 30px; height: 30px; border-radius: 50%; object-fit: cover;  margin-right: 10px; border: 2px solid #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
.level-icon { width: 42px; height: 40px;  object-fit: contain;  margin-left: 5px;  vertical-align: middle; }/* 等级图标样式 */
.swiper{max-width:70%;border-radius:8px;  height: 380px;}
.swiper img{width:100%;  height: 100%;  object-fit: cover;margin-bottom:-5px}
.right-image {width: 30%;height: 380px;border-radius: 8px;overflow: hidden;}/* 新增右侧图片样式 */
.right-image img {width: 100%;height: 100%;object-fit: cover;}
.carousel-container {display: flex;gap: 10px; max-width:1440px;margin: 0 auto;}/* 新增容器样式 */
/* 在现有轮播图样式下方添加移动端隐藏规则 */
.swiper {width: 70%;height: 350px;} /* 保持其他原有样式不变 */

/* 原公告栏样式（保留不变） */
.announcement-bar {
    max-width: 1440px;
    margin: 10px auto;
    padding: 12px 10px;
    background: #e9f5ff;
    color: #dd4814;
    border-radius: 8px;
    font-size: 15px;
    border: 1px solid rgba(65,163,188,0.2);
        display: flex;          /* 启用弹性布局 */
    align-items: center;    /* 垂直居中 */
    gap: 10px;              /* 元素间距 */
}

@media (max-width: 767px) {
    /* 优化移动端公告栏 */
    .announcement-bar {
        margin: 8px 5px;  /* 缩小边距适应窄屏 */
        padding: 10px 8px; /* 紧凑内边距 */
        font-size: 14px;  /* 调小字号 */
        background: #f0f9ff; /* 更醒目的背景色 */
        border: 1px solid #41a3bc; /* 加深边框颜色 */
        box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* 添加投影 */
    }
    
    .announcement-bar i {
        margin-right: 6px; /* 缩小图标间距 */
        font-size: 16px;  /* 调大公告图标 */
    }
    
    /* 保持原有隐藏规则 */
    .carousel-container {display: none !important;}
}
/* 新增公告栏图标样式 */
.announcement-bar .bi-megaphone {
    font-size: 20px;
    margin: 0 10px;
    vertical-align: middle; /* 添加垂直对齐 */
}
.right-image {width: 30%;height: 350px;}/* 新增移动端隐藏 */
.swiper-button-next,.swiper-button-prev{width:35px;height:70px;margin-top:-35px}
.swiper-button-next::after,.swiper-button-prev::after{content:'';display:block;width:35px;height:70px;border-radius:3px;background-color:rgba(0,0,0);background-repeat:no-repeat;background-position:50%;opacity:.1;transition-duration:1s}
.swiper-button-prev::after{background-image:url(../images/arrow-left.png)}
.swiper-button-next::after{background-image:url(../images/arrow-right.png)}
.swiper:hover .swiper-button-next::after,.swiper:hover .swiper-button-prev::after{opacity:.6}
.hot_recommend{margin:15px -10px;height:auto;overflow:hidden}
.hot_recommend h2{padding-top:20px;padding-bottom:24px;text-align:center;position:relative;font-size:24px;color:rgba(0,0,0,.85);line-height:32px;font-weight:400}
.hot_recommend ul li{float:left;border-radius:4px;padding-left:10px;padding-right:10px;margin-bottom:10px;position:relative;cursor:pointer}
.hot_recommend ul li a{padding-top:45%;position:relative;overflow:hidden;display:block;width:100%;height:100%;border-radius:8px}
.hot_recommend ul li a img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .4s}
.hot_recommend ul li .mask{text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(14,22,32,.4);opacity:0;transition:all .4s}
.hot_recommend ul li .mask{opacity:1;text-align:center}
.hot_recommend ul li .mask i{display:inline-block;font-size:50px;color:#fff;margin-top:10%}
.hot_recommend ul li .mask p{text-align:center;font-size:18px;color:#fff;margin-top:10px}
.hot_recommend ul li .mask-hover{text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(14,22,32,.4);opacity:0;transition:all .4s ease-in;font-size:24px;color:#fff}
.hot_recommend ul li .mask-hover p{position:absolute;width:100%;text-align:center;top:calc(50% - 12px)}
.hot_recommend ul li:hover .mask{opacity:0}
.hot_recommend ul li:hover .mask-hover{opacity:1}
.hot_recommend ul li:hover img{transform:scale(1.1)}
.module-title{width:100%;font-size:26px;color:#555;font-weight:700;display:inline-block;vertical-align:bottom}
.module-title h2{font-size:26px;color:#333;height:32px;line-height:32px;font-weight:500;margin:0px 0 0 0;padding:0 80px;position:relative;display:inline-block}
.module-title h2:before{content:'';width:61px;height:10px;position:absolute;top:10px;left:0;background:url(../images/left.png) center no-repeat}
.module-title h2:after{content:'';width:61px;height:10px;position:absolute;top:10px;right:0;background:url(../images/right.png) center no-repeat}
.module-title em{display:block;border-bottom:2px solid #41a3bc;width:50px;margin:20px auto}
.module-title .module-cat{margin-bottom:30px}
.module-cat li{align-items:center;cursor:pointer;display:inline-block;letter-spacing:1px;line-height:32px;outline:0;padding:0 13px;text-align:center;border-radius:5px;font-weight:400;background:#fff;color:var(--primary-color);border:1px solid #eee;font-size:15px}
.module-cat li.active,.module-cat li:hover{color:#41a3bc}
#content .module-list{display:none}
#content .module-list.active{display:block}
#content .module-list li{float:left}
.module-list{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}
.module-list li{padding-left:10px;padding-right:10px;margin-bottom:25px;border-radius:4px;transition:transform .3s}
.module-list li:hover{transform:translateY(-5px);-ms-transform:translateY(-5px)}
.module-list_box{background-color:#fff;padding:.75rem;border-radius:8px;box-shadow:0 1px 8px rgba(0,0,0,.1)}
.module-list_thumb{display:block;position:relative;background-position:50% 50%!important;background-size:cover!important;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.module-list_thumb.wide{padding-top:70%;background:url(../images/load.gif) no-repeat}
.module-list_detail .title{margin-top:8px}
#article .article-list_box{width: 100%;padding:.75rem;border-radius:8px;box-shadow:0 1px 8px rgba(0,0,0,.1)}
#article .article-list_box .article-list_detail{padding-top:0}
#article .article-list_box .article-list_detail .title{font-size:18px;font-weight:400}
@media (max-width:1200px){
#article .article-list_box .article-list_detail{width: 100%;}.main-fixed .main-left .article-list_detail{width: 100%;}}
.filter{margin:0 auto;border-radius:.375rem;box-sizing:border-box;background:#fff;padding:25px 40px 15px 40px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}
.filter .items{position:relative;width:100%;height:auto;overflow:hidden}
.filter .items.more{padding-right:110px}
.filter .items span{display:inline-block;position:absolute;left:0;top:0;line-height:28px}
.filter .items dl{height:auto;overflow:hidden;width:100%;padding-bottom:15px;padding-left:136px}
.filter .items dt{display:inline-block;position:absolute;left:68px;top:0;color:rgba(0,0,0,.65);margin-right:26px}
.filter .items dd,.filter .items dt{display:inline-block; position:absolute;left:68px;top:0;line-height:28px;color:rgba(0,0,0,.65);margin-right:26px;border-radius:4px;margin-bottom:4px}
.filter .items dt{color:#000;letter-spacing:2px}
.filter .items dd{white-space:nowrap}
.filter .items dd a,.filter .items dt a{display:block;width:100%;height:28px;line-height:28px;color:inherit;padding:0 6px}
.filter .items dd.active,.filter .items dd:hover a,.filter .items dt.active,.filter .items dt:hover a{color:#fff;background-color:rgba(16,185,129);border-radius:.25rem}
.filter .items.more dd{margin-bottom:10px}
.filter .items.more{height:42px;overflow:hidden}
.filter .items h2{font-weight:400;font-size:14px}
.filter .items.line{height:15px;position:relative;border-top:1px solid rgba(0,0,0,.05);overflow:visible}
.filter .items.line a{position:absolute;display:block;width:100px;height:30px;line-height:30px;background:#f2f2f2;right:0;top:-30px;text-align:center;color:rgba(0,0,0,.65);font-size:12px}
.filter .items.line a i{font-size:8px}
.filter .items.line a i.up{transform:rotate(180deg);display:inline-block}
.filter .items.orderby{display:inline-block;width:auto;position:absolute;right:0;top:0;height:38px;overflow:visible}
.filter .items.orderby:last-child{margin-right:0}
.filter .items.orderby dl{overflow:visible;padding-left:68px}
.filter .items.orderby dd.new{position:relative}
.filter .items.orderby dd.new:after{content:"";width:30px;height:20px;position:absolute;top:-8px;right:-19px;background:url(../images/new-icon.svg) no-repeat center}
.list-pages{margin-top:20px;margin-bottom:30px;text-align:center}
.list-pages a,.list-pages span{display:inline-block;min-width:30px;margin-left:4px;margin-right:4px;padding:5px 9px;border-radius:4px;background-color:#fff}
.list-pages a:hover{color:#41a3bc}
.list-pages .current{color:#fff;background-color:#41a3bc}
.list-pages .last{margin-right:0}
.main-left{float:left}
.main-left .article{padding:2rem;border-radius:8px;background-color:#fff}
.main-left .article .article-title{border-bottom:1px solid #e5e7eb;text-align:center}
.main-left .article .article-title .title{font-size:1.5rem;line-height:2rem;color:#374151;font-weight:600}
.main-left .article .article-title .detail,.main-left .article .article-title .detail a{padding-bottom:1.25rem;margin-top:1rem;color:rgba(107,114,128)}
.main-left .article p{font-size:14px;margin-top:24px;margin-bottom:24px;line-height:28px}
.main-left .article p img{width:100%}
.main-left .main-relate{margin-top:20px;padding:2rem 2rem 0 2rem;background-color:#fff;border-radius:.375rem}
.main-left-down .down-score{color:rgba(107,114,128);text-align:center;margin-top:1rem;margin-bottom:1rem}
.main-left-down .down-feedback,.main-left-down .down-feedback a{color:rgba(156,163,175);text-align:center;padding-bottom:1rem}
.module-title-box{padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid #e5e7eb}
.module-title-box .title{font-size:1.25rem;line-height:1.75rem}
.use-tip{margin-top:1.25rem}
.use-tip h3{font-size:1.25rem;line-height:1.75rem;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid #e5e7eb}
.main-left .article .use-tip p,.main-left .article .use-tip p a{margin-top:0;margin-bottom:0;line-height:28px;font-size:14px;color:#999}
.main-right{float:right;padding-left:20px}
.main-left .btn,.main-right .btn,.login-opt .btn,#login_box .btn{display:inline-block;padding-top:.88rem;padding-bottom:.88rem;width:100%;border-radius:.375rem;color:#fff!important;text-align:center}
.main-right .side{padding:1.25rem;background-color:#fff;border-radius:8px}
.main-right .side .down-score{color:rgba(107,114,128);text-align:center;margin-top:1rem;margin-bottom:1rem}
.main-right .side .down-feedback,.main-right .side .down-feedback a{color:rgba(156,163,175);text-align:center;padding-bottom:1rem;border-bottom:1px solid rgba(229,231,235)}
.main-right .side .down-feedback a{border:none}
.main-right .side .down-feedback a:hover{color:#41a3bc}
.main-right .side .down-attribute{margin-top:1.25rem}
.main-right .side .down-attribute li{margin-top:.75rem;color:rgba(156,163,175)}
.main-right .side .down-attribute li span{display:inline-block;color:rgba(55,65,81)}
.main-right .side .module-list li{padding-left:5px;padding-right:5px;margin-bottom:15px}
.main-right .side .module-list .module-list_box{border-radius:3px}
.main-right .side .module-list .module-list_detail{padding:5px}
.main-right .side .module-list .module-list_thumb{border-radius:3px 3px 0 0}
/*.main-right .side .module-list .module-list_detail .title{margin-top:0;font-weight:500;font-size:.7rem;line-height:1rem;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;webkit-line-clamp:2}*/    
.main-right .side .module-list .module-list_detail .detail{margin-top:.5rem;font-size:.65rem;line-height:1rem;color:rgba(107,114,128)}
.fixedbox-on{position:fixed;top:83px;z-index:98;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.fixedbox-off{position:absolute;bottom:0;z-index:98}
.tag a{display:inline-block;margin-left:12px;padding:4px 8px;border-radius:4px;background-color:#f3f4f6}
.tag a:first-child{margin-left:0}
.tag a:hover{color:#fff;background-color:#41a3bc}
.side_tag a{display:inline-block;margin:0 8px 8px 0;padding:4px 8px;border-radius:4px;background-color:#f3f4f6}
.footer{background-color:#111827;margin-top:30px}
.footer .container{padding-top:1rem;padding-bottom:1rem;font-size:.75rem;line-height:1rem;color:#9ca3af}
.footer .container a{color:#9ca3af}
.footer .container .justify-center{justify-content:center}
.scroll-to-top{padding:1px;text-align:center;position:fixed;bottom:90px;z-index:10001;display:none;right:20px}
.scroll-to-top>i{display:inline-block;color:#000;font-size:40px;opacity:.6;cursor:pointer}
#login_box{position: fixed;z-index:9999;background-color:#fff;border-radius:.25rem;padding:1rem;width: 20rem;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}
#login_box .login_box_title{position:relative;margin-bottom:1rem}
#login_box .login_box_title h4{font-size:1rem;line-height:1.5rem}
#close_login{position:absolute;background-color:#fff;opacity:.8;width:1rem;height:1rem;right:0;top:.25rem}
#login_box img{display:inline-block}
.login{position:relative}
.login-form{margin-top:0;padding:inherit}
.login-form .form-title{margin-bottom:30px;text-align:center;font-size:16px}
.login-form .form-group{padding:5px 0}
.form-group{margin-bottom:15px}
.form-control{width:100%;height:34px;padding:6px 12px;background-color:#fff;border:1px solid #c2cad8;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.mask-body-dark{background:rgba(52,73,94,.9);background-color:rgba(52,73,94,.9);pointer-events:auto;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}
.mask-body{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;z-index:9998;top:0;right:0;bottom:0;left:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.625em;overflow-x:hidden}
.login-page{margin:0 auto 20px;display:flex;justify-content:center;align-items:center}
.login-page .login-options a{color:#fff!important;font-size:14px;margin:0; -webkit-border-radius:50%; -moz-border-radius:50%;border-radius:50%;position:relative;display:inline-block;margin-right:10px;width:32px;height:32px;text-align:center;line-height:32px;cursor:pointer;margin-left:10px;padding:0;letter-spacing:0;font-weight:400}
.login-container{position:relative;width:90%;height:660px;box-shadow:0 15px 50px rgba(0,0,0,.1);border-radius:8px;overflow:hidden}
.login{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}
.login-container .login-img{position:relative;width:40%;height:100%;transition:.5s}
.login-container .login .login-img img{position:absolute;top:0;left:0;width:100%;height:100%}
.login-container .login .login-form{position:relative;width:60%;height:100%;background:#fff;display:flex;justify-content:center;align-items:center;padding:40px;transition:.5s}
.login-form form{width:90%}
.login-container .login .login-form form h2{font-size:18px;font-weight:500;text-transform:uppercase;letter-spacing:2px;width:100%;margin-bottom:30px;color:#333}
.login-container .login .login-form form input{position:relative;width:100%;padding:16px;background:#fcfcfc;color:#333;border:none;outline:0;box-shadow:none;margin:8px 0;font-size:14px;letter-spacing:1px;font-weight:300;border:1px solid #ddd;border-radius:6px}
.login-container .login .login-form form input:focus{border-color:#41a3bc;background-color:#fff}
.login-container .login .login-form form button,.login-container .login .login-form form input[type=submit]{background:#41a3bc;color:#fff;cursor:pointer;letter-spacing:1px;transition:.5s}
.login-container .login .login-form form input[type=submit]{border-color:#41a3bc}
.login-container .login .login-form form button:hover,.login-container .login .login-form form input[type=submit]:hover{background:#41a3bc}
.login-container .login .login-form form .login-opt{display:flex;padding-top:14px}
.login-container .login .login-form form .login-opt button{padding:15px 0}
.login-container .login .login-form form input[type=checkbox]{width:13px;border:1px solid #41a3bc;vertical-align:middle;margin:0;margin-right:10px}
.login-container .mobile_btn{padding:15px 30px;width:100%;margin:0;font-size:14px;font-weight:200;border-radius:6px}
@media (max-width:991px){.login-container .login-img{display:none}
.login-container .login .login-form{width:100%}}
.search-word{font-size:1.5rem;line-height:2rem;padding-top:1.25rem;padding-bottom:1.25rem;border-radius:.375rem}
/* 文章列表页+详情页 */
.main-fixed {width: 100%;}
.container .main-left .filter .items dl{padding-left:66px;padding-bottom:0}
.container .main-left .filter .items dt{left:0}
.article-content img{max-width:100%!important}
.article-content li{list-style:none}
.article-content ol,.article-content ul{padding-left:12px;counter-reset:ol-li}
.article-content ol li:before{display:block;float:left;width:1.3rem;height:1.3rem;line-height:1.3rem;margin:4px 12px 0 0;color:#fff;font-size:14px;font-weight:500;font-style:normal;background-color:#ed2126;border-radius:50%;text-align:center;content:counter(ol-li);counter-increment:ol-li;transition:all .5s}
.article-list_box .article-list_thumb .img-box{overflow:hidden;display:block;position:relative;width:100%;height:0;border-radius:8px;background-size:cover;background-position:center center;box-shadow:0 1px 8px rgba(0,0,0,.1)}
.article-list_box .article-list_thumb .img-box::before{content:"";background-color:rgba(0,0,0,0);position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.article-list_box .article-list_thumb .img-box:hover::before{background-color:rgba(0,0,0,.4)}
.article-list_box .article-list_detail{padding-left:20px;padding-top:10px;}
.article-list_box .article-list_detail .title{font-size:20px;font-weight:700;margin-bottom:10px}
.article-list_box .article-list_detail .note{font-size:14px;color:#999;word-wrap:break-word;line-height:24px}
.article-list_box .article-list_detail .meta{color:#999;font-size:12px;margin-bottom:10px}
.meta .pc,.meta .pv,.meta time{margin-right:20px}
.side-article-list_detail{padding-left:12px}
.side-article-list_detail .title{font-size:15px;font-weight:400}
.side-article-list_detail .meta{color:#999;font-size:12px;margin-top:6px}
.side-article-list .article-list_box .article-list_thumb .img-box{border-radius:6px}