*{font-family:'Microsoft-Yahei'}
.academy-page{
  text-align: center;
  padding-top: 30px;
  background: #fbfbfb;
}
.academy-page .academy-card{
  text-align: left;
  width: 1440px;
  max-width: 96%;
  display: inline-block;
}
.page-left{width: calc(100% - 380px);margin-right: 20px;float: left;}
.page-right{width: 360px;float: left;}
.banner{width: 100%;height: 400px;margin-bottom: 20px;position: relative;}
.banner .bannername{width: 100%;height: 150px;position: absolute;bottom: 0;left: 0;background: linear-gradient(0deg, rgba(57, 57, 57, 0.7) 0%, #39393900 100%);font-size: 24px;color: #fff;padding: 100px 0 0  30px;}
.banner .layui-carousel-ind{text-align: right;}
.banner .layui-carousel-ind ul{margin-right: 30px;background: transparent !important;}
.banner .layui-carousel-ind ul li{width: 30px;height: 4px;border-radius: 2px;}

.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{width: 300px;height: 200px;float: left;margin-right: 30px;}
.lists .img img{width: 100%;max-height: 100%;}
.lists .info{width: calc(100% - 330px);float: left;}
.lists .info .name{color: #303030;font-size: 24px;width: 100%;line-height: 36px;height: 36px;margin-top: -5px;margin-bottom:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.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{width: 100%;height: 24px;line-height: 24px;margin-top: 10px;overflow: hidden;color: #939393;font-size: 14px;}
.lists .info .author span{margin-right: 20px;}
.lists .info .author .tag.yx{color: #fea35a;}
.lists .info .author .tag.pp{color: #ffc365;}
.lists .info .author .tag.zx{color: #ff5341;}
.lists .info .author .tag.al{color: #67b9ff;}
.lists .info .author .tag.yl{color: #4ad979;}
.lists .bot{width: 100%;display: inline-block;}
.lists .bot .more{width: 140px;height: 40px;border-radius: 20px;background: linear-gradient(0deg,#f92e31 0%, #ff6969 100%);color: #fff;text-align: center;line-height: 40px;cursor: pointer;margin: 30px auto;}

.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{background: #fff;padding:10px 20px;margin-bottom: 20px;}
.card .card-title{width: 100%;border-bottom: 1px solid #e7e7e7;height: 50px;line-height: 50px;margin-bottom: 20px;}
.card .card-title .name{float: left;min-width: 110px;position: relative;font-size: 18px;color: #313131;font-weight: bold;}
.card .card-title .name:after{position: absolute;width: 100%;height: 4px;content: "";background: #ff4b40;bottom: -2px;left: 0;}
.card .card-title .name i{width: 24px;height: 24px;box-sizing: border-box;float: left;margin-top: 13px;}
.card .card-title .name span{float: left;margin-left: 10px;}
.card .more{float: right;color: #7b7b7b;}
.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{width: 100%;margin-bottom: 20px;display: inline-block;}
.articles .article-list li .title{color: #555555;padding-left: 20px;position: relative;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.articles .article-list li .title::before{position: absolute;content: "";width: 8px;height: 8px;background: #f1463c;border-radius: 4px;left: 0;top: 8px;}
.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;}
.tags .tag-list li{width: 95px;height: 36px;border-radius: 18px;border: 1px solid;margin-right: 18px;margin-bottom: 20px;text-align: center;line-height: 36px;float: left;cursor: pointer;}

.tags .tag-list li.type1{border-color: #ff6868;color: #ff6868;}
.tags .tag-list li.type1:hover{border-color: #ff6868;background: #ff6868;color: #fff;}
.tags .tag-list li.type2{border-color: #fe9f5a;color: #fe9f5a;}
.tags .tag-list li.type2:hover{border-color: #fe9f5a;background: #fe9f5a;color: #fff;}
.tags .tag-list li.type3{border-color: #5fb9ff;color: #5fb9ff;}
.tags .tag-list li.type3:hover{border-color: #5fb9ff;background: #5fb9ff;color: #fff;}

.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%;}
}