.i-relations-ad-ul li{height: 80px; display: flex;justify-content: center;align-items: center;border:1px solid #eee;
box-shadow: 0px 1px 5px 0px rgba(0,19,65,0.21);margin-bottom: 10px;}
.i-relations-ad-ul li:last-child{margin-bottom: 0;}
.i-relations-ad-ul li a{display: block;height: 100%;}
.i-relations-ad-ul img{max-width: 100%;max-height: 100%;}
/* .i-relations-swiper-wrap{padding-top: 10px;} */

.article-database-body .article-database-box{  display: flex;justify-content: space-between; padding-top: 40px;;}
.article-database-body .article-database-left{width: 21%;background: #FFFFFF;}
.article-database-body .article-database-left > div{box-shadow: 0px 2px 8px 0px rgba(0,53,140,0.21);}
.article-database-body .article-database-left ul{padding-top: 10px;}
.article-database-body .article-database-left li{position: relative; font-size: 18px; color: #222222;line-height: 60px;padding-left: 20px;padding-right: 20px;cursor: pointer;}
.article-database-body .article-database-left li span:first-child{font-size: 20px;color: #0052DA;    vertical-align: middle;margin-right: 15px;}
.article-database-body .article-database-left li span:last-child{position: absolute;right: 20px; color: #767676;font-size: 14px;}
.article-database-body .article-database-left li.active span:first-child, .article-database-body .article-database-left li.active span:last-child,
.article-database-body .article-database-left li:hover span:first-child, .article-database-body .article-database-left li:hover span:last-child{color: #fff;}
.article-database-body .article-database-left li.active{background: #0051B8!important;color:#fff;}
.article-database-body .article-database-left li:hover{background:#75b1ff;color:#fff;}
.article-database-body .article-database-right{ width: calc(79% - 40px);}
.article-database-img{ display: flex;align-items: center;justify-content: center; height: 74px;font-size: 26px;font-weight: bold;color: #fff; background:  url(/style/images/custom/article-database.jpg) no-repeat center center / cover;}

.article-database-condition{padding: 30px 28px;background: #F1F5FB;box-shadow: 0px 1px 5px 0px rgba(0,53,140,0.21);margin-bottom: 10px;}
.sarch-condition-con{display: flex;gap: 20px 40px;justify-content: left;flex-wrap: wrap;}
.sarch-condition-con select{height: 36px;padding-left: 15px;  background: url(../../style/images/public/select-arrow2_03.png) no-repeat scroll right center rgba(255, 255, 255, 0.9) ;  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);border-radius: 2px;}
.article-database-condition select,.article-database-condition button{outline:  none;border: 0;   }
#electJournal{width: 235px;}
#yearsIssue select, .ranking select{width: 122px;}
#selectYear{margin-right: 20px;}
#confirBtn{display: block;padding: 0 15px; font-size: 15px;color: #fff; background: #0051B8;border-radius: 2px;height: 36px;}
#rankingYear{margin-right: 30px;}
.article-database-box .article-list{padding-left: 7px;}
.article-database-box .article-list:hover{ background: #FAFCFE;box-shadow: 0px 2px 8px 0px rgba(0,53,140,0.2);border: 0;}
.article-database-box  .article-list-left{display: none;}

.article-database-condition, .article-database-condition .ranking, #yearsIssue, #dbTool{display: none;}
.article-database-condition.active, .article-database-condition .ranking.active, #yearsIssue.active,  #dbTool.active{display: block;}
 #dbTool.active .column{display: block;}

.article-database-title {  margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid #0051B8;}
.article-database-title h1{font-size: 20px;font-weight: bold;}
#dbTool, .article-database-box .article-list-zy.article-list-btn{display: none!important;}

#recommendTopics{display: flex;flex-wrap: wrap;gap: 20px;}
#recommendTopics > div{width: calc(25% - 15px);    position: relative;}
#recommendTopics .topic-slide {display: block;padding-bottom: 45px;position: relative;border-bottom: 1px solid #E7E8F0;}
#recommendTopics .topic-slide:hover {text-decoration: none;}
#recommendTopics .i-topic-imgbg-wrap {overflow: hidden;margin-bottom: 12px;position: relative;box-shadow: 0px 2px 7px 0px rgba(0,19,65,0.21);}
#recommendTopics .i-topic-imgbg {padding-bottom: calc(165 / 325 * 100%);position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;transition: all .5s;}
#recommendTopics .i-topic-tit {font-size: 18px;color: #00001D;line-height:1.67;margin-bottom:8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .5s;}
#recommendTopics .i-topic-experts {font-size: 14px;color: #868686;line-height: 1.5;}
#recommendTopics .i-topic-info {position: absolute;left: 0;bottom: 10px;font-size: 14px;color: #868686;}
#recommendTopics .i-topic-date::before {content: "\e8c4";font-family: "zggtqkwiconfont";margin-right: 5px;}
#recommendTopics .i-topic-date {margin-right: 24px;}
#recommendTopics .i-topic-article-count::before {content: "\e601";font-family: "zggtqkwiconfont";margin-right: 5px;}

.custom-conference-ul .hyhd-l{width: 200px;   border: 1px solid #f1f1f1;}
.custom-conference-ul .hyhd-r{width: calc(100% - 220px);}
.custom-conference-ul  .hyhd-bg{height: 0;padding-top: calc(9 / 16 * 100%) ;}
.custom-conference-ul li{padding:  20px 0;  border-bottom: 1px solid #e3e3e3;}
.custom-conference-ul .conference-custom-location {font-size: 14px;color: #666;padding-left: 16px;position: relative;}
.custom-conference-ul .conference-custom-location::before {content: "\f041";font-family: FontAwesome;position: absolute;left: 0;}
.custom-conference-ul .conference-custom-date {font-size: 14px;color: #666;padding-left: 20px;position: relative;}
.custom-conference-ul .conference-custom-date::before {content: "\f274";font-family: FontAwesome;position: absolute;left: 0;}

.custom-conference-ul  a{display: flex;justify-content: space-between;position: relative;}
.custom-conference-ul  a:hover {text-decoration: none;}
.custom-conference-ul  .conference-custom-info{display: flex;justify-content: space-between;  position: absolute;bottom: 0;left:0;right: 0;}
.custom-conference-ul  .hyhd-r{    position: relative; padding-bottom: 50px;}
.custom-conference-ul .conference-state {position: absolute; left: 8px; top: 8px; font-size: 14px;color: #fff;padding: 5px 16px;border-radius: 100px;}
.custom-conference-ul .conference-state-before {background-color: #FF9900;}
.custom-conference-ul .conference-state-in {background-color: #DC3545;}
.custom-conference-ul .conference-state-after {background-color: #6C757D;}
.custom-conference-ul .hyhd-bg{position: relative;}
.custom-conference-ul .tit{font-size: 20px;font-weight: bold;color: #222;transition: all .5s;}
.custom-conference-ul  a:hover .tit {color: #004BE0;}
.hyhd-intro {margin-top: 10px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.custom-conference-ul  .hyhd-bg{background-size: cover;}

#recommendTopicsPage .journal-type-box .journal-type-tit{padding-top: 0;}



#videoResourcesPage .video-ul {margin-left: -25px;}
#videoResourcesPage .video-ul li {margin-left: 25px;margin-bottom:25px;width: calc(25% - 25px);box-shadow: 0px 2px 6px 0px rgba(0,18,55,0.15);transition: all .4s ease-in;position: relative;float: left;}
#videoResourcesPage .video-ul li:hover {top: -3px;}
#videoResourcesPage .video-ul a:hover {text-decoration: none;}
#videoResourcesPage .video-img {display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;}
#videoResourcesPage .video-img img {width: 100%;height: 100%;transition: all .4s ease;}
#videoResourcesPage .video-img::after {content: "\f144";font: normal normal normal 50px / 1 FontAwesome;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #CCC;}
#videoResourcesPage .video-img:hover img {transform: scale(1.1);}
.i-video-bg {background-size: cover;padding-bottom: calc(211 / 450 * 100%);display: block;width: 100%;transition: all .3s;}
.i-video-type {position: absolute;right: 16px;top: 16px;padding: 0 12px;line-height: 30px;font-size: 14px;border-radius: 15px;background-color: #FE7458;color: #fff;}
#videoResourcesPage .video-ul li:hover .i-video-bg{transform: scale(1.1);}
#videoResourcesPage .video-con {height: 108px;padding: 15px 20px;background: #fff;position: relative;}
#videoResourcesPage .video-tit {font-size: 18px;color: #222;/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/margin-bottom: 5px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
#videoResourcesPage .video-tit:hover {color: #152E70;}
#videoResourcesPage .video-date {font-size: 15px;color: #152E70;font-weight: bold;position: absolute;bottom: 15px;width: 100%;display: flex;justify-content: space-between;padding: 0 20px;left: 0;}
#videoResourcesPage .i-video-source {font-size: 14px;color: #838383;font-weight: normal;width: calc(100% - 100px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: right;}
.i-video-date {padding-left: 20px;position: relative;font-size: 14px;color: #838383;font-weight: normal;width: 100px;}
.i-video-date::before {content: "\e8c4";font-family: "zggtqkwiconfont";color: #838383;font-size: 12px;position: absolute;left: 0;top: 0;}


@media screen and (max-width: 992px){
#recommendTopics > div{width: calc(50% - 10px);}
#videoResourcesPage .video-ul li {width: calc(50% - 15px);margin-left: 15px;margin-bottom: 15px;}
#videoResourcesPage .video-ul {margin-left: -15px;}
#videoResourcesPage .video-tit {font-size: 16px;}
}

@media screen and (max-width: 560x){
#recommendTopics > div{width: 100%;}

}