@charset "utf-8";
/*初始化*/
body {
      margin: 0;
      padding: 0;
      font-size: 14px;
      font-family:"微软雅黑", Tahoma, Helvetica, 'SimSun', sans-serif;
      background:#fff;
      color:#fff;
      overflow: hidden;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { padding: 0; margin: 0; }
table, td, tr, th, img { font-size: 14px; border: 0; }
ol, ul { list-style: none; }
li { list-style-type: none; }
img { display: block; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: normal; }
address, cite, code, em, th, i, var { font-weight: normal; font-style: normal; }
.clearfix { *zoom: 1; }
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
a{transition: all 0.5s;}
a:link, a:visited {text-decoration: none; }
a:hover { color:#fff; }
input { outline: 0; outline: none; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lf { float: left; }
.ri { float: right; }
.m-t-20{
     margin-top: 20px;
}
.m-t-32{
      margin-top:32px;
}
.text-xs-center{text-align:center;}
.container{
      background:#000;
      width:1920px;
      height:1080px;
      overflow:hidden;
}
*{
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
}
/*头部*/
header{
      position: relative;
      width: 100%;
      height: 73px;
      background: url("../images/topbg.png") no-repeat center top;
}
header .main-title{
    position: relative;
    top: 0px;
    width: 458px;
    height: 73px;
    line-height: 73px;
    text-align: center;
    margin: 0px auto;
    font-size: 16px;
    font-weight: bold;
    color: #1cc5fe;
    letter-spacing: 0;
}
/*时间*/
.sys-time{
      position:absolute;
      right:45px;
      top:18px;
      height: 30px;
      line-height: 30px;
      color:#03d1ff;
      font-size: 16px;
      font-weight: bold;
}
.sys-time span{
      display: inline-block;
}
.sys-time span.y_m_d{
      /*padding-left:90px;*/
}
.sys-time span.d_h_m{
      padding-left:10px;
}
.sys-time span.w{
      padding-left:10px;
}
/*表格公共*/
.table{
      width: 100%;
}
.thead{
      width: 100%;
}
.thead .tr{
      width: 100%;
      *zoom: 1;
}
.thead .tr:after{
      display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "";
}
.thead .th,.tbody .td{
      float: left;
      width: 33.333333%;
      padding:0 8px;
      height: 39px;
      line-height: 39px;
      text-align: center;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
}
.thead .th{
      font-size: 18px;
      color:#ffffff;
}
.tbody .tr{
      height: 39px;
}

.tbody .tr .td{
  font-size: 16px;
  color:#fff;
}
.tbody .tr .td img{
  margin:0px auto;
  margin-top:10px;
}
/*主框架*/
.main{
      padding:0 20px;
      position: relative;
      top:-8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap:nowrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.page-g:nth-child(1),.page-g:nth-child(3){
      width: 550px;
}
.page-g:nth-child(2){
      width: 745px;
}
.page-box{
      position: relative;
      width: 100%;
      border:1px solid #24afff;
      background: #010276;
}
.page-box .page-hd{
      height: 59px;
      line-height: 59px;
      text-align: center;
      color: #1cc7ff;
      font-size: 22px;
      font-weight: bold;
      border-bottom:1px solid #24b0ff;
}
.trans-line{
      display: block;
      position: absolute;
      width: 100%;
      top:54px;
      left:0px;
      text-align: center;
}
.trans-line img{
      display: block;
      margin:0px auto;
}
/*热门数据库*/
.page-g:nth-child(1) .page-box:nth-child(1),
.page-g:nth-child(3) .page-box:nth-child(1){
      height: 391px;
}
.page-g:nth-child(1) .page-box:nth-child(1) .page-bd{
      padding-top:10px;
}
.page-g:nth-child(1) .page-box:nth-child(1) .page-bd .tbody .tr:nth-child(1) .td,
.page-g:nth-child(1) .page-box:nth-child(1) .page-bd .tbody .tr:nth-child(2) .td,
.page-g:nth-child(1) .page-box:nth-child(1) .page-bd .tbody .tr:nth-child(3) .td{
      color:#18b2ee;
}
.page-g:nth-child(1) .table .tr{
      height: 44px;
      line-height: 44px;
      font-weight: bold;
      font-size: 16px;
}
.page-g:nth-child(1) .thead .th{
      font-weight: bold;
      font-size: 16px;
      color:#1bc6fe;
}
.page-g:nth-child(1) .tbody .tr{
      border-top:1px dashed #008090;
}
.page-g:nth-child(1) .page-bd{
      padding:0 18px;
}
.page-g:nth-child(1) .thead .tr .th:nth-child(1),
.page-g:nth-child(1) .tbody .tr .td:nth-child(1){
      width: 95px;
}
.page-g:nth-child(1) .thead .tr .th:nth-child(3),
.page-g:nth-child(1) .tbody .tr .td:nth-child(3){
      width: 120px;
}
.page-g:nth-child(1) .thead .tr .th:nth-child(2),
.page-g:nth-child(1) .tbody .tr .td:nth-child(2){
      width: calc(100% - 215px);
      text-align: left;
}

/*最新数据库,试用数据库,KC top X ESI高被引成果*/
.page-g:nth-child(1) .page-box:nth-child(2),
.page-g:nth-child(1) .page-box:nth-child(3),
.page-g:nth-child(2) .page-box:nth-child(3),
.page-g:nth-child(3) .page-box:nth-child(2),
.page-g:nth-child(3) .page-box:nth-child(3){
      height: 282px;
}
/*访问量*/
.page-g:nth-child(2) .page-box:nth-child(1){
      height:105px;
}
.vi-numList{
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap:nowrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      padding:16px 44px;
}
.vi-numList .ti{
      color:#1dc6ff;
      font-size: 16px;
      font-weight: bold;
}
.vi-numList .item{
      /*width: 33.333333%;*/
      text-align: center;
}
.vi-numList .v-num{
      width: auto;
      height: 38px;
      line-height: 38px;
      background: #054eaa;
      border-radius: 3px;
      margin-top:14px;
      text-align: center;
      padding:0px 8px;
      letter-spacing: 5px;
      color:#f4ec29;
      font-size: 22px;
      font-weight: bold;
}
/*KC学者*/
.page-g:nth-child(2) .page-box:nth-child(2){
      height: 535px;
}
.page-g:nth-child(2) .page-box:nth-child(2) .page-bd{
      padding:0px 20px;
}
.kcxz{
      width: 100%;
      height: 465px;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 28px;
      margin-top: 10px;
}
.kcxz .swiper-slide{
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
}
.kcxz .swiper-slide .s-slide{
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap:nowrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      background: #010f89;
      width: 345px;
      /*height: 182px;*/
      height: calc((100% - 20px) / 2);
}
.kcxz .swiper-pagination-fraction{
      color:#5b6db9;
      font-weight: bold;
      font-size: 16px;
}
.kcxz .swiper-pagination-fraction .swiper-pagination-current{
      color:#40dbf1;
}
.s-img{
      margin-left: 10px;
      width: 129px;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap:nowrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.s-img img{
      width: auto;
	  max-width:129px;
      height: auto;
	  max-height:187px;
}
.s-con{
      width: calc(100% - 139px);
      padding:0px 15px;
}
.s-name{
      height: 35px;
      line-height: 35px;
      margin-top:0px;
      color:#1dc8fe;
      font-weight: bold;
      font-size: 16px;
	  width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.s-ti{
      color:#1dc8fe;
      margin: 5px 0px;
}
.s-p{
    color:#c6deff;
	max-height:38px;
	line-height:19px;
	width:100%;
	overflow: hidden;
text-overflow:ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* .s-p::after{ */
	/* content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 5px; */
    /* background: -webkit-linear-gradient(to right, transparent, transparent 55%); */
    /* background: -o-linear-gradient(to right, transparent, transparent 55%); */
    /* background: -moz-linear-gradient(to right, transparent, transparent 55%); */
    /* background: -ms-linear-gradient(to right, transparent, transparent 55%); */
    /* background: linear-gradient(to right, transparent, transparent 55%); */
/* } */
.s-cgl{
      margin-top:5px;
      color:#1dc8fe;
}
.s-cgl span{
      color:#c6deff;
}
.swiper-pagination-bullet{
      background: #5b6db9;
      opacity: 1;
}
.swiper-pagination-bullet-active{
      background:#40dbf1;
}
/*KC top X ESI高被引成果、KC top X ESI热点论文*/
.table2 .thead .tr .th{
      height: 44px;
      line-height: 44px;
      color:#1dc6fd;
      font-weight: bold;
      background: #002496;
}
.table2 .thead .tr .th:nth-child(1){
      padding-left:30px;
}
.table2 .tbody .tr{
      height: 44px;
      line-height: 44px;
}
.table2 .tbody .tr .td{
      height: 44px;
      line-height: 44px;
      padding:0px 20px;
}
.table2 .tbody .tr:nth-of-type(even){
      background: #002496;
}
.table2 .tbody .tr .td:nth-child(1){
      position: relative;
      padding-left:60px;
}
.table2 .tbody .tr .td:nth-child(1) img{
      position: absolute;
      left:30px;
      top:2px;
      width: 20px;
      height: 20px;
}
.table2 .thead .tr .th:nth-child(2),
.table2 .tbody .tr .td:nth-child(2){
      width: 110px;
}
.table2 .thead .tr .th:nth-child(3),
.table2 .tbody .tr .td:nth-child(3){
      width: 170px;
}
.table2 .thead .tr .th:nth-child(1),
.table2 .tbody .tr .td:nth-child(1){
      width: calc(100% - 280px);
      text-align: left;
}
/*KC机构知识库数据量*/
.page-g:nth-child(3) .page-box:nth-child(1) .page-bd{
      padding:0px 20px;
      height: 100%;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
}
.tj-item{
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap:nowrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      height: 162px;
}
.tj-item .tjl{
      width: 50%;
      text-align: center;
}
.tj-line{
      display: block;
      width: 100%;
      height: 2px;
      background-image: linear-gradient(to right, rgba(68,141,196,0) 0%,#448dc4 50%, rgba(68,141,196,0) 100%);
}
.tj-item .tjl .ti{
      color:#1dc6fd;
      font-size: 16px;
      font-weight: bold;
}
.tj-item .tjl .tj-num{
      color:#43dbf3;
      font-size: 28px;
      padding-top:25px;
}
