@charset "utf-8";
/* CSS Document */

.clearfix:after{
  display: block;
  content:'';
  clear: both;
  height:0;
}
.mainC {
    width: 1200px;
    margin: auto;
    margin-top: 10px;
    clear: both;
    /* background: url(../images/dbsearch/beijing.png) no-repeat ; */
    padding-top: 1px;
}
.img_bg_d{
  width: 100%;
  background: url(../images/dbsearch/beijing.png) no-repeat;
}
.searchHeader {
     height: 145px;
     position: relative;
     margin-top:46px;

}
.searchHeader .dbNav-header-logo{
  height: 116px;
  width: 176px;
  background: url(../images/dbsearch/hezuotubiao.png);
  background-repeat: no-repeat;
  margin-right: 72px;
  float: left;

}
.searchHeader .jsearch-header-logo{
  height: 116px;
  width: 176px;
  background: url(../images/jsearch/jsearchLogo.png);
  background-repeat: no-repeat;
  margin-right: 72px;
  float: left;
}
.dbsearch-bg-image,
.jsearch-bg-image{
    position: absolute;
    width: 100%;
    left: 0px;
    height: 155px;

    background-color: #36B5FC;
    background-image: url(../images/jsearch/dh-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1440px 155px;
}

/*dbsearch start*/
.dbsearch-bg-image
{
     background-image: url(../images/dbsearch/bg.png);
}

.rowgroupC{
  margin-bottom: 0px !important;
  margin-left: 15px;

}
.rowgroupC .groupbtn {
    display:none;
    }
.topGroup{
  /* padding-left: 15px; */
  border: 1px solid #DCDCDC;
  padding-top: 10px;

}

.topGroup .rowgroupC .groupContent
{
        padding-top: 0px;
        font-size:14px;

        border: none;
        padding:0px;
        /* border-bottom:dotted 1px #D1D1D1; */
}

.topGroup .rowgroupC .groupContent > div
{
    display:inline-block;
}
.topGroup .rowgroupC
{
    border: none;

    padding:0px;
}


.topGroup .groupContent li.small
{
    margin-right:13px;
    font-weight:bold;
    height: 20px;
    line-height: 20px;
}
/*鼠标悬停*/
.topGroup .groupContent li.small:hover
{
  background-color: #009944
}
.topGroup .groupclosebtn
{
    display:none;
}

.topGroup .groupContent a{
    font-size:14px;
}

.dbsearchItem
{
    width:100%;
    padding-left: 15px;
    padding-top:20px;
    padding-bottom:21px;
    border: 1px solid #DCDCDC;
    height: 177px;
    background-color: #FAFAFA;
    margin-bottom: 20px;
}

.dbsearchItem > span
{
    display:block;
    float: left;
}

.dbsearchItem .Newer
{
    margin-left: 19px;
    color: red;
    font-weight: bold;
    font-size: 20px;
    font-style: oblique;
    letter-spacing: -2px;
}

.leftitem
{
   width: 500px;
   margin-left: 15px;


}

.leftitem .title a
{
    font-size:14px;
    line-height:30px;
    font-weight:bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.leftitem .title a:hover{
  color: #FB703D;
}
.leftitem .dbsubject,
.leftitem .restype
{
    font-size: 12px;
    color: #666666;
    line-height: 30px;
}
.leftitem .restype .enterBox{
  display: inline-block;
  width: 85px;
  height: 31px;
  line-height: 31px;
  /* padding: 0px 0px 0px 18px; */
  text-align: center;
  font-size: 12px;
  background-color: #0000CC;
  color: #FFFFFF;
  border-radius: 6px;
  margin-right: 5px;
}
.leftitem .restype .enterBox:hover{
  opacity: 0.5;
}
  .enter {
    float: right;
    width: 70px;
    height: 20px;
    display: inline-block;
    border: 1px solid #999999;
    line-height: 17px;
    padding: 2px;
    text-align: center;
    margin-left: 5px;
}
.enter:hover{
    border: 1px solid #2F8BD6;
    color: #2F8BD6;
}

.rightitem {
    width: 220px;
    height: 136px;
    padding: 6px 5px 6px 6px;
}

.rightitem img {
    width:209px;
    height:124px;
}

.descWrap
{
    background-color:#010351;
    width:657px;
    /* height: 164px; */
    padding:17px 19px;
    color:#ffffff;
    font-size:12px;
    line-height:24px;
    position: relative;
}
.descWrap .jiantou{
  width:0;
  height:0;
  border-width:0 8px 8px;
  border-style:solid;
  border-color:transparent transparent #010351;/*透明 透明  灰*/
  position: absolute;
  top:-8px;
  left:33px;
}
.descWrap .name{
  font-size: 14px;
}
.descWrap .intro {
    font-size: 12px;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}
.descWrap a
{
       background-color: #36B5FC;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;

    text-align: center;
    line-height: 32px;
    float: right;
    margin-left: 7px;
}
.descWrap a:nth-of-type(1){
  width: 100px;
  height: 31px;
  background-color: #3097DB;
}
.descWrap a:nth-of-type(2){
  width: 81px;
  height: 31px;
  background-color: #1EA903;
}
.dbsort
{
    margin-left:500px;
}
/*dbsearch end*/

.largePage
{
    margin-top:20px;
    position:relative;
}

.largePage .rc-pagination
{
    display:inline-block;
    margin-left: 260px;
}

  .largePage .toTop{
    display:inline-block;
    cursor:pointer;
    vertical-align: top;
    line-height: 26px;
    border: 1px solid #ccc;
    width: 80px;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    margin-left: 8px;
    color: #666666;
}
.jsearch-header-content
{
    z-index:999;
    position: relative;
    height: 155px;
    display: inline-block;


}


.jsearch-header-bg
{
     margin-left: 266px;
         background-image: url(../images/jsearch/search-bg.png);
           background-size: cover;
    width: 800px;
    height: 63px;
    margin-top: 49px;

     display:inline-block;
     vertical-align:middle;


}

.jsearch-header-wrapper
{
    margin-left: 10px;
    height: 39px;
    margin-top: 30px;
    float: left;
    width: 813px;
    background-color: #3940B9;
    border:1px solid  #3940B9;
    border-radius: 5px;
}



.jsearch-header-wrapper .db-label
{
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 4px;
    line-height: 23px;
    background-color:#3940B9;
    width: 111px!important;
    text-align: center;
    border: none;
    color:#FFF;
    margin-right: 5px;
}
.jsearch-header-wrapper input
{
     border-left: 1px solid #FFFFFF;
      outline:none;
     padding-left:10px;
    width: 640px!important;
    background-color:  #3940B9;
    color:#fff;
    height: 30px;


}

.jsearch-header-wrapper select
{
    outline:none;
    display: inline-block;
    padding-bottom: 4px;
    background-color:#3940B9;
    width: 111px!important;
    border: none;
    color:#FFF;
    padding-left: 11px;
    margin-right: 5px;
}
.jsearch-header-wrapper  .blueline
  {
          width: 1px;
    height: 43px;
    margin-left: 7px;
    vertical-align: middle;
    background-color: #c2e9fe;
    display: inline-block;
  }

.jsearch-header-wrapper .clearBtn
{
        width: 25px;
    display: inline-block;
    vertical-align: middle;
    height: 25px;
    margin-left:2px;
    position: relative;
    background-repeat: no-repeat;
    background-image: url("../images/jsearch/clear.png")
}

.jsearch-header-wrapper .searchBtn
{
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    height: 39px;
    margin-left:15px;
    position: relative;
    background-color:  #3940B9;
    background-repeat: no-repeat;
    background-image: url("../images/dbsearch/dbNav.png");
    background-position: -176px -11px;
    position: relative;
    top: -2px;
    border-radius: 0px 5px 5px 0px;
}
.jsearch-header-wrapper .searchBtn.place{
  top: -1px;
}

.navRegion {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: #999999;
    height: 37px;
    line-height: 37px;
    background-color: rgba(239,239,239,1);
    padding-left: 16px;
}
.navRegion a{
  color:#999999
}
.navRegion .imgbg
{
    background-image: url(../images/dbsearch/dbNav.png);
    background-position:-125px -12px;
    width: 22px;
    height: 15px;
    margin-right: 6px;
}

.navRegion > div
{
    vertical-align: middle;
    display:inline-block;
}
.topType {
    margin-left:10px;
    margin-right:40px;
}




.contentRegion {

        margin-bottom: 50px;
        margin-right: 5px;
        margin-left: 5px;
        background-color: #FFFFFF;
        position: relative;
        padding: 12px;
}
.leftGroup {
    /* width:223px; */
    /* margin-right:12px; */
    float:left;
    background-color: #FFFFFF;
}
/*改造左边风琴样式*/
.leftGroup .rc-collapse > .rc-collapse-item
{
  background-color: #FFFFFF;
  border: none !important;
}

.leftGroup .rc-collapse > .rc-collapse-item > .rc-collapse-header {
    height: 37px;
    width: 222px;
    line-height: 52px;
    text-indent: 16px;
    /* text-align: center; */
    line-height: 37px;
    color: #ffffff;
    cursor: pointer;
    font-weight:bold;
    background-image: url(../images/dbsearch/dbNav.png);
    background-position: -268px -11px;
    font-size:16px;
    background-color: #FFFFFF;
    outline: none;
    border: none !important;
}

.leftGroup .rc-collapse > .rc-collapse-item > .rc-collapse-header .arrow {
    display:none;
}

.leftGroup .rc-collapse-content {
    width: 206px;
    color: #000000;
    padding:0px;
    background-color: #f2f2f2;
     /* border: 1px solid #DDDDDD; */
}
.rc-collapse-content-inactive{
  display: none;
}
.leftGroup .rc-collapse-content .listSpan{
  padding-top: 10px;
  background: url(../images/leftUlbg.png) no-repeat 0px 2px;
  /* padding-bottom: 1px; */
}

.leftGroup .rc-collapse-content .listSpan li
{
    height:28px;
    line-height:28px;
    background:none;
    width: 193px;
    border: 1px solid #DDDDDD;
    margin-bottom: 9px;
    margin-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #ffffff;

}
/* .leftGroup .rc-collapse-content .listSpan li:first{
  margin-top: 9px;
  border-top: none;
} */

.leftGroup .rc-collapse-content .listSpan li:hover,
.leftGroup .rc-collapse-content .listSpan li.hover,
.leftGroup .rc-collapse-content .listSpan li.active
{
    background-color:#FB703D;

}

.subject
{
    position: relative;
    border: 1px solid #FB703D;
    background-color: #FFFFFF;
    padding-left: 40px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 14px;
    color: #000000;
    top: -4px;
    font-weight: bold;
    width: 870px;
    float: left;

}
.subject .journals-subjects-yuan{
  position: absolute;
  top:6px;
  left:-10px;
  background-color:#FFFFFF;
  width: 8px;
  height: 16px;
  border-radius: 10px 0 0 10px;

}
.subject > span
{
    float:left;
    margin-right:30px;
    line-height:35px;
    cursor:pointer;
    width:177px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.subject > span:hover,
.subject > span.active
{
    color:#FB703D;
}

.rc-dropdown-placement-topLeft
{

}

.leftGroup .rc-collapse {
    border:none;
	position:relative;
    }
.leftGroup .rc-collapse-content .listSpan li a

{
	 height:28px;
   vertical-align:middle;
   line-height:28px;
   width: 183px;
   display: inline-block;
   margin-left: 10px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
      /* padding-left:26px;
    padding-right:10px;
    overflow: hidden;
	position:relative;
    text-overflow: ellipsis;
    white-space: nowrap; */
}
.leftGroup .rc-collapse-content .listSpan li:hover a,
.leftGroup .rc-collapse-content .listSpan li.active a
{
        color:#ffffff!important;
    text-decoration:none;
}

.leftGroup .rc-collapse-content .listSpan li a:hover
{
     color:#ffffff!important;
}

/*结束*/

/*拼音区域*/
.topGroup {

}

.topGroup .topGroupBg{
    background-image:url("../images/jsearch/dh-9.png");
    width:16px;
    height:14px;
    margin-right:22px;
    display:inline-block;

        vertical-align: top;
    margin-top: 5px;

}

.searchBodyTop
{
    display:inline-block;
     vertical-align:middle;
     width: 100%;

     height: 113px;
}
.spellRow{
  margin-bottom: 10px;
  border-bottom: 1px solid #DDDDDD;
  padding-left: 15px;
  padding-bottom: 5px;
}
.spellRow span {
    font-size: 14px;
    font-weight: bold;
    margin-right: 11px;
    line-height: 30px;
    padding-right: 3px;

}
.spellRow span:first-child{
  color: #FFFFFF;
  padding-left: 3px;
}
.spellRow span.active{
  background-color: #009944

}
.spellRow span.active a{
  color:#FFFFFF;
}
.spellRow a{
    text-decoration: none;
    color: #000000;
}
.oaRow a{
  text-decoration: none;
  color: #666666;
  font-size: 14px;
}
  .spellRow a:hover,{
        color: #3AC637;
 }
 .oaRow a:hover{
     color:#CD0400;
 }

    .spellRow a.active{
      color: #FFFFFF;
}
   ,.oaRow a.active{
     color::#CD0400
   }
    {
        color: #FFFFFF;

    }

    .oaRow a:hover,
 .oaRow a.active {
        color: #CD0400;

 }

.oaRow {
    margin-top:25px;
    margin-bottom:22px;
    padding-left: 15px;
}
.oaRow span {
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    line-height: 31px;
    width:110px;
    height:31px;
    background-size: 134px 44px;
    display:inline-block;
    border: 1px solid #F1F0F0;
    background-color: #F1F0F0;
}
.oaRow span div{
  width: 30px;
  height: 30px;
  margin-right: 8px;
  float: left;
}

.oaRow span a{
   line-height:31px;
 }
.oaRow .full .oaRow-simg
{
    background-image:url("../images/font.png");
    background-position: -12px -23px;
    background-repeat: no-repeat;
    background-size:auto;
}
.oaRow .halfoa .oaRow-simg{
  background-image:url("../images/font.png");
  background-position: -98px -23px;
  background-repeat: no-repeat;
  background-size:auto;
}
.oaRow .oa .oaRow-simg{
  background-image:url("../images/font.png");
  background-position: -57px -23px;
  background-repeat: no-repeat;
  background-size:auto;
}
.oaRow .halfoa
{
    width:138px;
}

.oaRow .oa
{

}

.oaRow .full:hover,
.oaRow .full-active
{
  border: 1px solid #CD0400;
  background-color: #FFFFFF;
}
.oaRow .full:hover .oaRow-simg,
.oaRow .full-active .oaRow-simg{
  background-image:url("../images/font.png");
  background-position: -12px -23px;
  background-repeat: no-repeat;
  background-size:auto;
}

.oaRow .halfoa:hover ,
.oaRow .halfoa-active
{
     width:138px;
     border: 1px solid #CD0400;
     background-color: #FFFFFF;
}
.oaRow .halfoa:hover .oaRow-simg,
.oaRow .halfoa-active .oaRow-simg{
  background-image:url("../images/font.png");
  background-position: -98px -23px;
  background-repeat: no-repeat;
  background-size:auto;
}
.oaRow .oa:hover,
.oaRow .oa-active
{
  border: 1px solid #CD0400;
  background-color: #FFFFFF;
   /* background-image:url("../images/jsearch/dh-13.png"); */
}
.oaRow .oa:hover .oaRow-simg,
.oaRow .oa-active .oaRow-simg{
  background-image:url("../images/font.png");
  background-position: -57px -23px;
  background-repeat: no-repeat;
  background-size:auto;
}
/*结束*/
.rightRegion {
    float:left;
    width: 935px;

    border-radius: 3px;

    padding-top:5px;

}

.rightRegion .pageSizeWrap
{
    float: right;
    margin-right: 15px;

}


.rightRegion .pageSizeWrap span
{
    margin-right:11px;
    font-size: 12px;
}
.rightRegion .pageSizeWrap select{
    height: 20px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 !important
}
.resultHeader.resultHeader-margin{
  margin-bottom: 0 !important;
  border-top: 1px solid #DDDDDD;
  height: 36px;
  line-height: 33px;
  padding: 0 0 0 15px !important
}
/*开始翻页样式*/

.resultHeader .rc-pagination {
    margin: auto;
    display: inline-block;

    vertical-align: middle;
    height: 18px;
    margin-left: 20px;
}

.resultHeader .rc-pagination-simple .rc-pagination-simple-pager .rc-pagination-slash {
    margin: 0px;
}

.resultHeader .rc-pagination-simple .rc-pagination-simple-pager {
    padding: 0px;
    margin: 0px;
    height: 18px;
    line-height: 18px;
    color: rgb(251, 112, 61);
}

    .resultHeader .rc-pagination-simple .rc-pagination-simple-pager input,
    .resultHeader .rc-pagination-slash {
        padding: 0px;
        margin: 0px;
        height: 18px;
        line-height: 18px;
        min-height: 18px;
        text-align:center;
        vertical-align: top;
        color:  #FB703D;
    }
    .resultHeader .rc-pagination-simple .rc-pagination-simple-pager input{
      color: #666666;
    }
.resultHeader .rc-pagination-prev:focus,
.resultHeader .rc-pagination-next:focus {
    outline: none;
}

.resultHeader .rc-pagination-next a:after,
.resultHeader .rc-pagination-prev a:after {
    background-image: url(../images/jdetail/font.png);
    background-position: -120px 170px;
    width: 18px;
    height: 18px;
    content: "";

}

.resultHeader .rc-pagination-disabled a:after {
    background-image: url(../images/jdetail/font.png);
    background-position: -120px 189px;
}





.resultHeader .rc-pagination-simple .rc-pagination-simple-pager button:hover,
.resultHeader .rc-pagination-simple .rc-pagination-simple-pager button:active,
.resultHeader .rc-pagination-simple .rc-pagination-simple-pager button:focus {
    color: #2db7f5;
    background-color: #fff;
    border:none;
}

.resultHeader .rc-pagination-next a:after {
    margin-left: 10px;
}

.resultHeader .rc-pagination-prev a:after {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* Internet Explorer */
    -moz-transform: rotate(180deg); /* Firefox */
    -webkit-transform: rotate(180deg); /* Safari 和 Chrome */
    -o-transform: rotate(180deg); /* Opera */
}
/*翻页样式结束*/

.resultHeader {
    padding: 15px;
    border-bottom: 1px solid #DCDCDC;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC ;
    margin-bottom: 20px;

}

.resultHeader .sort{
    margin-left:310px;
}
    .resultHeader span,
    .resultHeader ul,


    .resultHeader ul {
        list-style: none;

        line-height: 15px;
    }

.result
{
    /* min-height:600px; */
}

.result .table
{
        /* min-height: 500px; */
}
.result .theader {

     height: 40px;
    line-height: 40px;
    background-color: #E1F4FF;
    padding-left: 35px;
    color:#36B5FC;
}

 .result .searchItem > span,
 .result .theader > span{
    display:inline-block;

}


 .result .searchItem
 {
      padding-left: 35px;
      height: 40px;
      border-top: 1px solid #DDDDDD;
      border-left: 1px solid #DDDDDD;
      border-right: 1px solid #DDDDDD;
 }
 .result .searchItem:last-of-type{
   border-bottom:  1px solid #DDDDDD;
 }

 .result .searchItem .JTITLE
 {
     width:60%;
     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 40px;
 }

  .result .searchItem .JTITLE a:hover
 {
      color:#1b66e6;
 }
  .result .searchItem .IMPACTFACTOR
 {
     width: 11%;
    margin-left: 23px;
    line-height: 40px;
    vertical-align: top;
 }
   .result .searchItem .IMPACTFACTOR span
   {
         display: inline-block;
   }
  .result .searchItem .COREINDEXBY
  {
      width:15%;
      line-height: 40px;
      height: 40px;
      margin-right: 10%;
      margin-left: 5%;
  }


   .result .searchItem .COREINDEXBY span
   {
           max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
   }
    .result .searchItem .OPENACCESSOPTION
 {
        /* width: 10%; */
        width: 6%;
            height: 40px;
            /* background-position-x: 15px; */
    background-position: 15px 12px;
    background-size: 22px 18px;
  /* vertical-align:middle; */
    background-repeat: no-repeat;
 }

.result .searchItem .oaType0,.result .searchItem .oaType1,.result .searchItem .oaType2{
     background-image: url(../images/font.png);
     background-size: auto;
}
 .result .searchItem .oaType0{
     background-position: -44px -76px;
 }
 .result .searchItem .oaType1{
     background-position: 2px -74px;
 }

.result .searchItem .oaType2{
     background-position: 2px -115px
 }
.sortbtn-active{
    background-color:orangered;
}
/* 新加的title */
.recommendJournal_title_1,.recommendJournal_title_1Eng{
  width: 926px;
  height:50px;
  background-position:0px -8px;;
  margin-top: -6px;
  margin-left: 10px;
}
.recommendJournal_title_1{
    background-image: url(../images/jsearch/introduction.png);
}
.recommendJournal_title_1Eng{
      background-image: url(../images/jsearch/introduction_Eng.png);
}
.recommendJournal_title_2,.recommendJournal_title_2Eng{
  width: 926px;
  height: 50px;
  /* background-position:-40px -326px; */
  margin-top: -5px;
  margin-left: 10px;
}
.recommendJournal_title_2{
  background-image: url(../images/jsearch/recommedations.png);
}
.recommendJournal_title_2Eng{
    background-image: url(../images/jsearch/recommedations_Eng.png);
}
/* 新加结束 */
.recommendJournal .caption {
    height: 20px;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
    text-align: center;
    overflow: visible;
    margin: -5px 0px 40px 0px;

}


    .recommendJournal .caption span {
        display: block;
        height: 20px;
        width: 173px;
        text-align: center;
        margin: 0 auto;

    }

    .recommendJournal .caption p {
        font-size: 24px;
        color: #000000;
        line-height: 40px;
        height: 30px;
        font-family:p "Microsoft Yahei";
        letter-spacing: 2px;
    }

    .recommendJournal .caption p {
        display: block;
        width: 250px;
        background: #ffffff;
        margin: 0 auto;
    }



.recommendJournal .NR {
       padding-bottom: 20px;
    margin: 0 15px;
    font-size: 14px;
    opacity: 0.8;
    line-height: 32px;
    background: url(../images/dbsearch/jieshaobeijing.png) no-repeat;
    position: relative;
    height: 275px;
    margin-bottom: 30px;
}
.recommendJournal .NR.lineHightEn{
  line-height: 29px;
}
.recommendJournal .NR .NR-box{
  position: absolute;
  left:20px;
  top:20px;
  padding-left:20px;
  padding-right: 30px;

  /* background-color: #36B5FC; */

}
.recommendJournal .NR .NR-box.NR-box-ch{
  padding-top: 20px;
}
.recommendJournal .NR a{
    color:#36B5FC;
}

.recommendJournal .NR p{
    text-indent:28px;
    }

.recommendJournal .NR .to_right
{
    position:relative;
    right:0px;
}
.subjects {
        margin: auto;
    margin-left: 66px;

}

    .subjects span {
         display: inline-block;
        text-align: left;
        padding-bottom: 5px;
        padding-left: 17px;
        font-size: 18px;
        font-weight: 500;
        margin-right: 36px;
        cursor:pointer;
    }

.journals,.dbs {

    margin-top: 20px;
    margin:auto;
    padding-bottom:50px;
}


.dbs .jitem
{
    float: left;
    margin-top: 12px;
    width: 293px;
    height: 307px;
    border: 1px solid #DCDCDC;
    margin-left: 14px;
}
.dbs .jitem:hover{
     box-shadow: 0 0 15px rgba(186,204,207,.7);
     background: url(../images/dbsearch/db-shadow.png)

}

.journals  .jitem{
    float: left;
    margin-top: 12px;
    width: 220px;
    height: 250px;
    border: 1px solid #DCDCDC;
    margin-left: 8px;
    position: relative;
}

    .journals .jitem .left{
      width: 114px;
      height: 150px;
      /* margin-bottom: 12px; */
      /* border: 1px solid #d9d9d9; */
      margin-top: 20px;
      margin-left: 54px;
      margin-right:52px;
      position: relative;
    }
    .journals .jitem .jitem-t{
       position: absolute;
       top:10px;
       height: 0;
       width:67px;
       border-top: 26px solid #34A801;
       border-right: 26px solid transparent;
       z-index: 2;
    }
    .journals .jitem .jitem-t.part{
      border-top: 26px solid #FB6A35;
    }
      .journals .jitem .jitem-t .jitem-t-font{
        position: absolute;
        height: 26px;
        width: 50px;
        top:-20px;
        left:5px;
        font-size: 12px;
        color: #FFFFFF;
      }
    .journals .jitem .left .jitem-boder{
      width:100%;
      height:100%;
      border: 1px solid #D2D2D2;
      position: absolute;
      top: 15px;
      left:15px;
    }

    .journals .jitem img
    {
        width:100%;
        height:100%;
        position: absolute;
        top: 0px;
        left:0px;
     }
/*
    .dbs .jitem .right {
        width: 166px;
        font-size:12px;
        line-height:24px;
    } */
    .journals .jitem .right{
      margin-top: 20px;
        width: 220px;
        height: 50px;
        /* float: left; */
        font-size:12px;
        line-height:24px;
    }

    .journals .jitem .right .title{
      font-weight:bold;
     height: 44px;
     word-break: break-word;
     word-wrap: break-word;
      position: relative;
      margin-top:27px;
      text-align: center;
      font-size: 16px;
      font-weight: bold;

    }

   .ant-breadcrumb-link a:hover
   {
       color:#36B5FC;
   }

     .journals .jitem .right  .impactor
     {
         margin-top:15px;
         opacity:0.8;
     }




      .journals .jitem:hover{
           color:#2F8BD6;
           box-shadow: 0 0 15px rgba(186,204,207,.7);
           background: url(../images/jsearch/box-shadow.png);


      }
      .journals .jitem:hover .jitem-t{
        opacity: 0.7
      }
        .journals .jitem .right  .oa
        {
             opacity: 0.8;
        }

         .journals .jitem .right  .oa span
         {
             display:inline-block;
         }


         .journals .jitem .right  .oa .oatype1,
         .journals .jitem .right  .oa .oatype2
        {
             color:#36B5FC;
        }

          .journals .jitem:hover .right  .oa  .oatype1,
           .journals .jitem:hover .right  .oa  .oatype2
          {
               color:#1BBE18;
          }


.cleardiv
{
    clear:both;
}

.dbs .jitem .right{
     width: 272px;
    height: 128px;
    /* margin-top:26px; */
    margin-left: 10px;
    font-size:12px;
    line-height:24px;
}

.dbs .jitem .title {
        font-size: 14px;
        font-weight:bold;
        overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;

}
.dbs .jitem .left
{
     width: 272px;
    height: 168px;
    margin-top: 11px;
    margin-left: 10px;
    margin-right:10px;
}
.dbs .jitem img {
    width: 272px;
    height: 168px;
}

.dbs .jitem .restype span {
      opacity: 0.6;
    color: #000000;
}
.dbs .jitem .dbsubjects {

         width: 100%;
    height: 62px;
    opacity: 0.6;
    color: #000000;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    line-height: 20px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding-top: 10px;
}

.subjects span:hover,
.subjects .active
{

      background-size:9px 10px;
          background-position-y: 8px;
          background-repeat: no-repeat;
              color: #FB703D;
}

.noResult
{
    text-align:center;
    margin: auto;
    margin-top: 100px;
    color: #ccc;
}
/* .toTopDiv{
  height: 30px;
  width: 30px;
  background-image: url(../images/back-to-top.png);
  position:fixed;
  top:350px;
  right: 100px;
} */
.toTopDiv.hide{
  display:none;
}
@media (min-width: 1024px){
  .toTopDiv{
    height: 30px;
    width: 30px;
    background-image: url(../images/back-to-top.png);
    position:fixed;
    top:200px;
    right: 0;
  }
} /*>=1024的设备*/

@media (min-width: 1100px) {

} /*>=1100的设备*/
@media (min-width: 1280px) {
  .toTopDiv{
    height: 30px;
    width: 30px;
    background-image: url(../images/back-to-top.png);
    position:fixed;
    top:200px;
    right: 2%;
  }
} /*>=1280的设备*/

 @media (min-width: 1366px) {


}

 @media (min-width: 1440px) {
   .toTopDiv{
     height: 30px;
     width: 30px;
     background-image: url(../images/back-to-top.png);
     position:fixed;
     top:345px;
     right: 6%;
   }
}

 @media (min-width: 1680px) {
   .toTopDiv{
     height: 30px;
     width: 30px;
     background-image: url(../images/back-to-top.png);
     position:fixed;
     top:380px;
     right: 10%;
   }
}
 @media (min-width: 1920px) {
   .toTopDiv{
     height: 30px;
     width: 30px;
     background-image: url(../images/back-to-top.png);
     position:fixed;
     top:56%;
     right: 10%;
   }
}