[v-cloak]{display: none !important;}
.fixed-el{
    position: fixed;
    z-index: 100;
    width: 100%;
}
.fixed-el2{
    position: fixed;
    z-index: 100;
    width: 100%;
    top:131px
}
.nav{
background-color: #871519;
    padding: 30px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-menu{
background-color: #791216;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.container {
    width: 1300px;
   margin:0 auto;
}

/* .nav-menu .container,
.nav .container {
    width: 1200px;
} */

.wp_nav {
    display: flex;
    justify-content: space-between;
}

.wp_nav::after {
    content: initial;
}

.article-list .article-side {
    width: 21.875%;
    box-shadow: 0px 2px 8px 0px rgba(99, 99, 99, 0.2);
    border-radius: 12px;
    overflow: hidden;
    min-height: 500px;
    /*background-color: #871519;*/
    background-image: url(/_upload/tpl/0e/d8/3800/template3800/images/list_img_bg.png);
   /* background-size: 142px 142px;
    background-position: 200px 400px;
    background-repeat: no-repeat; */
}

.article-list-main {
    width: 73%;
}
.article-list-display-main{
width:100%;
}
.article-list .article-side h2 {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /*height: 114px;*/
    height:74px;
    color: #fff;
    font-size: 30px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-color: #871519;
    background-image: url('/_upload/tpl/0e/d8/3800/template3800/images/article_nav_logo.png');
    /* background-size: 142px 142px; */
    background-size: 92px 92px;
    background-position: 244px 0;
    background-repeat: no-repeat;
}
.article-list .displayInfo-side h2{
height: 114px
}

.wp_listcolumn {
    /* padding: 18px 0; */
    border-top: 0px;
    background-color: #fff;
background-image: url(/_upload/tpl/0e/d8/3800/template3800/images/list_img_bg.png);
}

.wp_listcolumn .wp_column .wp_subcolumn {
    border: none;
    /*padding-bottom: 10px;*/
}

.wp_listcolumn .wp_column {
    /* padding-top: 20px; */
    width: auto;
    border-bottom: none;
}

.wp_listcolumn .wp_column:not(:first-child) {
    border-top: 1px dashed #d9d9d9;
}


.wp_listcolumn .wp_column a {
    display: flex;
    padding: 0;
    align-items: center;
    /*height: 80px;*/
    height:66px;
    border-bottom: none;
    padding-left: calc((100% - 80px)/2);
}
.teacher .wp_listcolumn .wp_column a{
  padding:0px 30px ;
    width: 244px;
}
/* .wp_listcolumn .wp_column:not(.parent) a:hover,
.wp_listcolumn .wp_column:not(.selected) a:hover {
    color: #871519;
} */

.wp_listcolumn >.wp_column.selected, .wp_listcolumn > .wp_column.parent {
    left: 0;
    position: relative;
    padding: 20px 0 0;
    color: #fff;
    border-left: none;

}

.wp_listcolumn >.wp_column.selected a, .wp_listcolumn > .wp_column.parent a {
    background-size: 100%;
    border-radius: 12px;
    overflow: hidden;
    background-color: rgb(137 8 12 / 70%);
    background-image: url(/_upload/tpl/0e/d8/3800/template3800/images/article_nav_logo.png);
    background-size: 92px 92px;
    background-position: 210px 0;
    background-repeat: no-repeat;
}

.wp_listcolumn .wp_column .wp_subcolumn {
    background-color: #fff;
    margin-right: 0;
    margin-left: 0;
}

.wp_listcolumn .wp_column .wp_subcolumn .wp_column {
    border-top: none;
}

.wp_listcolumn .wp_column .wp_subcolumn a  {
    height: 40px;
}


.wp_listcolumn .wp_column .wp_subcolumn .wp_column{background-image: none;}
.wp_listcolumn .wp_column .wp_subcolumn .wp_column a:hover {background-image: none;}
.wp_listcolumn .wp_column .wp_subcolumn .wp_column a.selected{background-image: none;}


.wp_listcolumn >.wp_column.selected, .wp_listcolumn > .wp_column.parent {
    background: transparent;
}

.wp_listcolumn >.wp_column.selected {
    padding-bottom: 20px;
}

.wp_listcolumn .wp_column .wp_subcolumn .wp_column a {
    position: relative;
    padding: 0;
    height: 40px;
    color: #aaa;
padding-left: calc((100% - 80px)/2);
}
.wp_listcolumn .wp_column .wp_subcolumn .wp_column .wp_subcolumn .wp_column  a {
    position: relative;
    padding: 0;
    height: 40px;
    color: #aaa;
padding-left: calc((100% - 40px)/2);
}
.teacher .wp_listcolumn .wp_column .wp_subcolumn .wp_column a {
  padding-left:30px;
}
.wp_listcolumn .wp_subcolumn .wp_column a .column-name{padding-left:0px;    font-size: 16px;}

.wp_listcolumn .wp_column a .column-name{
padding: 5px 10px 5px 0px;
    font-size: 18px;
}

.wp_listcolumn .wp_column .wp_subcolumn .wp_column a::before {
    content: '';
   /* margin-right: 25px; */
    background-color: #aaa;
    width: 12px;
    height: 12px;
    border-radius: 50%;
margin-right: 10px;
}
.wp_listcolumn .wp_column .wp_subcolumn .wp_column .wp_subcolumn .wp_column  a::before {
    content: '';
   /* margin-right: 25px; */
    background-color: #aaa;
    width: 6px;
    height:6px;
    border-radius: 50%;
margin-right: 10px;
}

.wp_listcolumn .wp_column .wp_subcolumn .wp_column a:hover {
    color: #871519;
}

.wp_listcolumn .wp_column .wp_subcolumn .wp_column a.selected::before,
.wp_listcolumn .wp_column .wp_subcolumn .wp_column a:hover::before {
    background-color: #871519;
}

.teacher-img-list .item .img {
    object-fit: cover;
object-position: top;
}
.contact-bg{
   /*  height: 214px; */
    background: #871519;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-container{
    width: 1300px;
}
.contact-title{
    height: 26px;
    font-size: 20px;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: 700;
    color: #FFF;
    line-height: 26px;
}
.contact-content{
padding-top: 12px;
}
.contact-item{
    height: 20px;
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #ffffff;
    line-height: 20px;
    margin-top: 8px;
}
.foot-bg{
    background-color: #871519;
    height: 52px;
}
.foot-container{
    width: 1300px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.foot-item{margin-right: 40px;}
.foot-item a,.foot-item{
    font-size: 14px;
    font-weight: 400;
    color: rgba(255,255,255,.6);
    line-height: 20px;
}


.container4 {
    min-width: 1300px;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.displayInfo-container{
width:1080px;
}
@media screen and (max-width: 480px) {
.platform-container{
    display: flex;
    justify-content: space-between;
flex-wrap: wrap;
    align-items: center;
}
.nav-menu .container{width:100%}
.nav-menu ul{width:100%;display:block}
  .container-1600{width:auto;padding:10px;}
 .container{width:100vw;}
   .nav-menu,.nav-top-links,.searchbox{display:none;}
   .nav .container{padding:0;}
   .icon-nav li{width:25%;margin:0;margin-bottom:20px;}
  
   .wp_article_list .list_item{height:auto;}
   .wp_article_list .list_item .Article_Index{display:none;}
   .logo-img{width:258px;}
   .main-notice .more{display:none}
   .nav{padding:0;height:64px;}
.nav-contatiner .logo{margin-left:10px;}
   #bayWindow{max-width:100px;}
   #bayWindow img{max-width:100px;}
  .icon-nav .text{font-size:12px;}
  #window_60{display:none;}
  
  .article-detail .article-content .content{width:fit-content;margin-left:0;padding:10px}
.article-detail .title{padding:0 10px;}
  .article-list .article-breadcrumbs{padding:10px;}
  .article-detail .article-breadcrumbs{margin: 10px 10px 0;}
  .icon-nav .container{padding:0;}
  .wp_entry img{max-width:100%;}
  .teacher-img-list .item{height:auto;width:100%;}
  .teacher-img-list .item .img{height:auto;}
  .container .menu-icon{display:block;position: absolute;right: 10px;top: 12px;}
  .nav-menu.show {display:block;position:absolute;z-index:1000}
  .nav-menu.show .container{padding:0px;}
  .nav-menu.show .container li{width:100%;margin:0;background-color:#791216;}
  body .wp_nav .nav-item > .sub-nav{display:none;}
  body .wp_nav .nav-item.on > .sub-nav{display:none;}
  body{background-color:#fff;}
  .studentwork-notice-part .learning-notice .content .date{width:18%;}
  .studentwork-notice-part .learning-notice .content .bd{width:80%}
  .custom-teacher-main .info-item{width:100%;}
  .custom-teacher-img{position:static;}

  .custom-teacher-main .sub-title{top:8px}
.contact-bg .contact-container .contact-content .contact-item{height:auto;}
.contact-bg .contact-container .contact-content {padding:10px;}
.copyright .container{width:fit-content;padding:10px;}
.copyright .container div{margin-right:0;}
.copyright{padding:0;}
/*ÁбíÒ³*/
.article-list {
    display: flex;
    flex-direction: column;
}
.article-list .article-side{width:100%;}
.article-list .article-list-main{width:fit-content;margin-top:16px;padding:10px;}
}