*{font-family:'Microsoft-Yahei'}

.academy-card .msg-main .page-left{width: calc(100% - 380px);margin-right: 20px;float: left; background-color: #F3F5F7;margin-top: 0;padding-top: 0;}

.banner{width: 100%;margin-bottom: 20px;position: relative;}
.banner .layui-carousel-ind ul{margin-right: 30px;background: transparent !important;}


.tabs{width: 100%;height: 80px;color:#262626;font-size: 18px;line-height: 80px;text-align: center;}
.tabs .tab{width: 20%;height: 100%;float: left;background: #fff;border-bottom: 1px solid #e7e7e7;cursor: pointer;}
.tabs .tab.active{border-bottom: 4px solid #ff4b40}
/* .lists{background: #fff;margin-bottom: 100px;} */
.lists li{width: 100%;padding: 30px;display: inline-block;border-bottom: 1px solid #e7e7e7;}
.lists .img img{width: 100%;max-height: 100%;}
.lists .info .name a:hover{color: #ff4b40;}
.lists .info .desc{width: 100%;font-size: 14px;color: #8d8d8d;line-height: 30px;height: 120px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
/* .lists .info .author span{margin-right: 20px;} */
.lists .info .author .tag.yx{color: #e82e2e;}
.lists .info .author .tag.pp{color: #f89b49;}
.lists .info .author .tag.zx{color: #5DB26B;}
.lists .info .author .tag.al{color: #203AFF;}
.lists .info .author .tag.yl{color: #4ad979;}
.lists .bot{width: 100%;display: none;}


.users{width: 100%;height: 400px;background: #fff;padding: 30px;}
.users .btns{width: 100%;text-align: center;height: 40px;line-height: 40px;margin-top: 10px;}
.users .btns .btn{display: inline-block;width: 40%;padding-bottom: 5px;cursor: pointer;font-size: 18px;color: #b6b6b6;position: relative;}
.users .btns .btn.active{color: #ee4138;}
.users .btns .btn.active:after{width: 26px;height: 2px;position: absolute;content: "";background: #ff4b40;bottom: 0;left: 50%;transform: translateX(-50%);}
.users .btns .divide{width: 1px;height: 18px;background: #ececec;display: inline-block;margin-top: 11px;}
.users .login-form{display: inline-block;width: 100%;margin-top: 30px;}
.users .login-form input{height: 46px;}
.users .login-form input#captcha{width: calc(100% - 140px);float: left;}
.users .login-form #captcha_img{width: 120px;height: 46px;float: left;margin-left: 20px;}
.users .login-form #login_btn{border: none;color: #fff;cursor: pointer;box-sizing: border-box;width: 100%;height: 46px;background: #ee4138;}
.users .login-form .rgst{float: left;color: #888;}
.users .login-form .rgst a{color: #ee4138;}
.users .login-form .forget{float: right;color: #888;}
.users .login-form .layui-form-item{margin-bottom: 20px;}

.haslogin{width: 100%;display: inline-block;background: #fff;padding:20px 30px;margin-bottom: 20px;text-align: center;}
.haslogin .img{width: 70px;height: 70px;float: left;background: url(/static/v2020/images/academy/toux.png) center center no-repeat;}
.haslogin .msg{font-size: 20px;font-weight: bold;}
.haslogin .info{width: calc(100% - 100px);margin-left: 20px;float: left;font-size: 18px;color: #666;line-height: 30px;text-align: left;padding-top: 5px;}
.haslogin .info .greet{font-size: 14px;color: #ff432a;}

.ad{width: 100%;height: 170px;background: url(/static/v2020/images/health/zl-yljk.jpg) center center no-repeat;position: relative;margin-bottom: 20px;}
.ad .content{width: 100%;display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-weight: bold;text-align: center;}
.ad .content .label{font-size: 18px;color: #313131;margin-bottom: 15px;}
.ad .content .no{font-size: 24px;color: #ee4138;}
.card .card-title .name i{width: 24px;height: 24px;box-sizing: border-box;float: left;margin-top: 13px;}
/* .card .more:hover{float: right;color: #ff5341;} */

.medias .media-list li,.wemedias .wemedias-list li{width: 100%;height: 36px;text-align: center;}
.medias .media-list li.th,.wemedias .wemedias-list li.th{height: 40px;line-height: 40px;background: #efefef;}
.medias .media-list li.tr,.wemedias .wemedias-list li.tr{background: #fbfbfb;height: 40px;line-height: 40px;}
.medias .media-list li.tr2,.wemedias .wemedias-list li.tr2{background: #f7f7f7;}
.medias .media-list li>div,.wemedias .wemedias-list li>div{width: 25%;float: left;padding: 0 6px;overflow: hidden;height: 40px;line-height: 40px;text-overflow: ellipsis;white-space: nowrap;}
.medias .media-list li>div:nth-child(2),.wemedias .wemedias-list li>div:nth-child(2){width: 30%;}
.medias .media-list li>div:nth-child(3),.wemedias .wemedias-list li>div:nth-child(3){width: 22.5%;}
.medias .media-list li>div:nth-child(4),.wemedias .wemedias-list li>div:nth-child(4){width: 22.5%;}
.medias .media-list li>div>span,.wemedias .wemedias-list li>div>span{display: inline-block;width: 20px;height: 20px;background: #2a7eff;border-radius: 3px;color: #fff;line-height: 20px;}
.medias .media-list li>div>span.rec,.wemedias .wemedias-list li>div>span.rec{background: #ff432a;margin-right: 5px;}

.articles .article-list li .time{padding-left: 20px;color: #999999;margin-top: 8px;}

.tags{margin-bottom: 20px;}
.tags .tag-list{width: calc(100% + 20px);display: inline-block;}

.route{margin-bottom: 20px;}
.route a{color: tomato;margin-left:5px;}


.medias .card-title .name i{background: url(/static/v2020/images/academy/iocn-zggmt.png);}
.articles .card-title .name i{background: url(/static/v2020/images/academy/iocn-rmwz.png);}
.tags .card-title .name i{background: url(/static/v2020/images/academy/icon-rmbq.png);}
/* .zhuanlan .card-title .name i{background: url(/static/v2020/images/academy/icon-zl.png);} */

@media screen and (max-width: 1440px){
  .academy-page .academy-card{width: 96%;min-width: unset;}
}

@media screen and (max-width: 992px){
  .page-left{width: 100%;}
  .page-right{width: 100%;}
}

/* v2023 */
*{margin: 0;padding: 0;border: none;font-family: '微软雅黑';}
body{background-color: #F3F5F7;}
/* banner */
.top-banner{width: 100%;height: 370px;background-color: #fff;display: none;}
.academy-page  .active{display: block;}
.academy-page .page-left .hide{display: none;}
.banner .layui-carousel-ind ul li{width: 30px;height: 4px;border-radius: 2px;background-color: #ffe0e0;}
.banner .layui-carousel-ind ul li.layui-this{background-color: #f45555;}
.layui-carousel-ind { top: -60px;}

.msg-main{width: 1200px;margin: 0 auto;}
/* .page-left .header_article{width: 800px;height: 400px;text-align: center;font-weight: 400;font-size: 24px;margin-top: 24px; display: none;overflow: hidden;} */
.page-left .header_article{width: 800px;height: 400px;text-align: center;font-weight: 400;font-size: 24px;margin-top: 24px; overflow: hidden;}
.page-left .visib{display: block;}
.page-left .header_article .img{width: 100%;height: 100%;}
.page-left .header_article .img img{width: 100%;height: 100%;border-radius: 10px;}
.page-left .header_article .name{margin-top: -106px;width: 800px;height: 106px;line-height: 106px;border-radius: 10px;background: linear-gradient(0deg,rgba(51,51,51,0.8) 0%,rgba(50,50,50,0) 100%); position: absolute;}
.page-left .header_article .name a{margin-top: -50px;color: #fff;}
/* .page-left .lists{width: 800px;height: 720px;overflow: hidden;background-color: #fff;border-radius: 10px;padding: 24px;margin-top: 30px;} */
.page-left .lists{width: 800px;height: 720px;overflow: hidden;background-color: #fff;border-radius: 10px;padding: 24px;margin-top: 30px;}
.academy-card .page-left .height-auto{height: auto;}
.page-left .lists .column-title{height: 78px;}
.page-left .lists .title{font-size: 30px;font-weight: bold;line-height: 48px;color: #333;float: left;}
.page-left .lists .title::before{content: '';background-color: #ff2222;display: inline-block;width: 8px;height: 8px;border-radius: 2px;margin-right: 10px;margin-bottom: 6px;}
.page-left .lists:nth-child(3) .title::before{background-color: #ff7522;}
.page-left .lists:nth-child(4) .title::before{background-color: #203aff;}
.page-left .lists:nth-child(5) .title::before{background-color: #5db26b;}
.page-left .lists .column-title a{float: right;width: 115px;height: 36px;background-color: #fff;border: 1px solid #ffc9c9;border-radius: 3px;font-size: 16px;font-weight: 400;line-height: 36px;color: #f45555;text-align: center;}
.page-left .lists li{display: flex;padding: 24px 0;border-bottom: 1px solid #F3F5F7;;}
.page-left .lists .img img{width: 240px;height: 150px;}
.page-left .lists .info{width: 480px;font-size: 24px;font-weight: 400;color: #333;line-height: 36px;margin-left: 24px;display: flex;flex-direction: column;justify-content: space-between;}
.page-left .lists .author{font-size: 16px;font-weight: 400;color: #666;line-height: 30px;}
.page-left .lists .author span:nth-child(1){color: #e82e2e;width: 80px;display: inline-block;}
.page-left .lists .author span:nth-child(3){width: 120px;display: inline-block;margin-left: 20px;}
.page-left .lists .author span:nth-child(5){width: 120px;display: inline-block;margin-left: 20px;}
.page-left .lists .author .line{width: 2px;height: 16px;background: #bcbcbc;display: inline-block;opacity: 1;}
/* .page-left .lists:nth-child(3) .author span:nth-child(1){color: #f89b49;}
.page-left .lists:nth-child(4) .author span:nth-child(1){color: #203AFF;}
.page-left .lists:nth-child(5) .author span:nth-child(1){color: #5DB26B;} */



.page-right{width: 360px;float: left;margin-top: 30px;}
.card{background: #fff;padding:10px 20px;margin-bottom: 20px;border-radius: 10px;}
.card .card-title{width: 100%;line-height: 50px;margin-bottom: 10px;text-align: center;}
.card .more1{width: 100%;margin-bottom: 24px;text-align: center;height: 40px;line-height: 40px;background-color: #fafafa;font-weight: 400;color: #999;font-size: 14px;margin-top: 20px;}
.articles{background: linear-gradient(175deg,#fffaf9 0%,#fff 100%);font-weight: 400;}
.article-list li span{font-size: 36px;color: #d6d6d6;line-height: 30px;}
.articles .article-list li{width: 100%;margin-bottom: 30px;display: inline-block;}
.article-list li .title{font-size: 16px;color: #666;line-height: 24px;padding-left: 50px;position: relative;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: -35px;}
.tags .tag-list li{border-radius: 5px;margin-right: 18px;margin-bottom: 20px;text-align: center;line-height: 14px;float: left;cursor: pointer;padding: 14px;}
.tags .tag-list li.type1{background-color: #ffe9e9;color: #d86a6a;}
.tags .tag-list li.type1:hover{background: #ffd3d3;}
.tags .tag-list li.type2{background-color: #e9f7ff;color: #3477FF;}
.tags .tag-list li.type2:hover{background: #cde1ff;}
.tags .tag-list li.type3{background: #FFF1DE;color: #FF6A30;}
.tags .tag-list li.type3:hover{background: #ffe5c1;}
.zhuanlan img{width: 100%;height: 208px;border-radius: 10px;margin-bottom: 30px;}


/* 医疗健康 */
/* .academy-card .page-left{background-color: #fff;padding: 24px;border-radius: 10px;margin-top: 24px;margin-bottom: 68px;float: left;width: 800px;margin-right: 30px;} */
.academy-card .page-left{border-radius: 10px;margin-bottom: 68px;float: left;width: 800px;margin-right: 30px;}
.academy-card .page-left .lists{margin-top: 24px;border-top: 1px solid #f3f5f7;}
.lists .img{width: 240px;height: 150px;float: left;margin-right: 24px;}
.lists .info .name{color: #333;font-size: 24px;line-height: 36px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 70px;}
.lists .info .author{line-height: 30px;overflow: hidden;color: #666;font-size: 16px;height: 30px;margin-top: 50px;width: 380px;display: flex;justify-content: space-between;align-items: center;cursor: default;}
.lists .info{display: flex;flex-direction: column;}
.lists .bot .more{width: 752px;height: 40px;border-radius: 5px;background: #fafafa;color: #999;text-align: center;line-height: 30px;cursor: pointer;font-size: 14px;font-weight: 400;margin: 24px auto;}
.special-subject .lists{height: auto;}
.special-subject .lists .info .author{width: 100%;justify-content: start;}
.special-subject  .lists .author span:nth-child(1) {color: #666;display: inline-block;width: auto;margin-right: 10px;}
.special-subject  .lists .author span:nth-child(2) {margin-left: 10px;}
.special-subject  .lists .bot{display: block;}
.medium .page-l-t {font-size: 16px; color: #666; margin: 17px 0;}
.medium .page-l-t span a{color: #999;}
.medium .page-right{width: 360px;float: left;margin-top: 0;}

/* 教育 */
.academy-page .academy-card{width: 1200px; margin: 0 auto;}
.tags .card-title .name i {	background: url(/static/v2020/images/health/icon-cnxs.png);}
.medias .card-title .name i {background: url(/static/v2020/images/health/iocn-tjmt.png);}
.wemedias .card-title .name i{background: url(/static/v2020/images/health/iocn-tjzmt.png);}
.articles .card-title .name i {background: url(/static/v2020/images/health/iocn-rwyx.png);}
.page-l-t{font-size: 14px;letter-spacing: 1px;color: #8d8d8d;margin-top: 15px;}

/* 新增内容样式 */
.list_top{width: 100%;display: flex;font-size: 24px;line-height: 30px;color: #222;font-weight: 400;height: 80px;}
.list_top .active{border-bottom:3px solid #ff3921;padding-bottom: 54px;}
.list_top a{width: 25%;text-align: center;display: block;cursor: pointer;}
/* .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 200px !important;left: -200px !important;} */