@charset "UTF-8";
#MeansAllcontent {
  width: 1400px;
  margin: 0 auto;
  margin-top: 3%;
  min-height: 409px;
  /* 
    background: url(' otherRight.png') no-repeat;
    background-size: 100% 100%;
     */
}
#MeansAllcontent .means{
    height: 100%;
    height: 100%;
    margin-right: 2%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-flow: column;
}
#MeansAllcontent .means .content{
    height: 100%;
    height: 100%;
    margin-right: 2%;
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-flow: row;
    
}
#MeansAllcontent .means .list{
    flex: 0.2;
    background-color: #FAFAFA;
    padding: 8px;
}
#MeansAllcontent .means .list ul{
    display: flex;
    flex: 0.2;
    border: 8px solid #fff;
    height: 100%;
    /* text-align: center; */
    /* justify-content: center; */
    flex-direction: column;
    align-items: center;

}
#MeansAllcontent .means .list ul li{
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #000000;
    opacity: 0.6;
    width: 75%;
    padding: 5%;
    margin: 0% 2%;
    border-bottom: 1px solid #EEEEEE;
    cursor: pointer;
}
#MeansAllcontent .means .list ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
    background: #C3C3C3;
    vertical-align: middle;
    margin-right: 14px;
    
    } 
      
    

#MeansAllcontent .means .content .otherLeftContent {
    height: 100%;
    width: 100%;
    flex: 0.8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding-top: 5px;
  }
  
  #MeansAllcontent .means .content  .otherLeftContent .leftContentItem {
    height: 18%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #eeeeeeb6;
    padding: 5px 0px;
  }
  
  #MeansAllcontent .means .content  .otherLeftContent .leftContentItem .contentTime {
    width: 15%;
    font-size: 16px;
    font-family: DIN;
    font-weight: 400;
    color: #DA0000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px;
  }
  #MeansAllcontent .means .content  .otherLeftContent .leftContentItem .Contentimg {
    /* background: url(" newsimg.png") no-repeat; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px;
    width: 5%;
  }
  
  #MeansAllcontent .means .content  .otherLeftContent .leftContentItem .contentItemAll {
    width: 80%;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #000000;
    /* opacity: 0.6; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  #MeansAllcontent .means .content  .otherLeftContent .leftContentItem .contentItemBtn {
    width: 15%;
    background: url(" otherBtn.png") no-repeat;
    background-size: 75% 40%;
    background-position-x: right;
    background-position-y: center;
  }

  #MeansAllcontent .redLineTitle {
    /* background: url(" title.png") no-repeat;
    background-position: bottom;
    background-position-x: left;
    background-repeat: no-repeat;
    background-size: 100% 100%; */
    border-bottom: 2px solid #da0000;
    height: 12%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

  }
  
  #MeansAllcontent .redLineTitle .redLineTitleLeft{
    /* background: url("/jxyouth/images/redBottom.png") no-repeat; */
    background-position: bottom;
    background-position-x: left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    background-color: #da0000;
    position: relative;
    /* padding-right: 110px; */
    height :33px;
  }
  .redLineTitleLeft::before{
    content: '';
    width: 44px;
    height: 33px;
    position: absolute;
    left: -44px;
    bottom: 0;
    background: -moz-linear-gradient(-45deg,  rgba(216,216,216,0) 0%, rgba(216,216,216,0) 50%, rgba(218,0,0,1) 51%, rgba(218,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(216,216,216,0) 0%,rgba(216,216,216,0) 50%,rgba(218,0,0,1) 51%,rgba(218,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(118deg,  rgba(216,216,216,0) 0%,rgba(216,216,216,0) 50%,rgba(218,0,0,1) 51%,rgba(218,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#da0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  .redLineTitleLeft::after{
    content: '';
    width: 52px;
    height: 33px;
    position: absolute;
    right: -52px;
    bottom:0;
    background: url("/jxyouth/images/line.png") no-repeat;
  }
#MeansAllcontent .redLineTitle span {
    font-size: 14px;
    font-weight: 400;
    color: #0000007e;
  }
  
#MeansAllcontent .redLineTitle span:nth-child(1) {
    font-size: 24px;
    font-family: Source Han Sans CN;
    color: #fff;
    margin-left: 31px;
  }
  #page {
    text-align: center;
    margin: 5% 0px;
  }
  .layui-laypage a{
    border: none !important;
    font-size: 15px !important;
    /* padding: 0 20px !important;   */
  }
  .layui-laypage .layui-laypage-curr em {
      color: #6CBCFF;
      font-size: 15px !important;
  }
  .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color:#fff !important;
  }
  .layui-laypage span{
    border:none !important;
  }