.bg{background: url(/static/images/index/partymasses/bg3.png) no-repeat;height: 180px;width: 100%;background-size: 100% 100%;min-width: 1220px;}
.container{padding-left: 45px;padding-right: 45px;}

.title-pc{background-color: #EBEBEB;width: 100%;min-width: 1220px;}
.title-pc .content{width: 100%;margin: 0 auto;height: 55px;position: relative;}
.title-pc .content .name{position: absolute; display: block;width: 200px;height: 66px;line-height: 60px;text-align: center;color: #fff;font-size: 23px; background-color: #DD2A00;}
.title-pc .content .introduction{margin-left: 10%;width: 80%;text-align: center;font-size: 23px;line-height: 55px;margin-bottom: 0px;}
.title-pc .content .name .triangle-topright {position:absolute;bottom: 2px;left: -10px;  width: 0;height: 0;border-top: 10px solid #710E0E;border-left: 10px solid transparent;}

.title-mobile a{color: #828282;height: 60px;line-height: 60px;padding-left: 20px;border-bottom: 1px solid #ddd;padding-bottom: 20px;width: 100%;display: block;}
.title-mobile span.active{color: #15499A;}


.block-content{width: 100%;margin: 0 auto;margin-top: 70px; margin-bottom: 30px;min-height: 600px;}
.block-content .p1{font-size: 20px;text-indent:2em;}
.block-content .img-box{margin-top: 30px;}
.block-content .img-box .img3{width: 70%;margin-left: 15%;} 
.block-content .intro-mobile{color: #15499A;display: none;font-size: 23px;}


.forlist {
  height: 260px;
  margin-top: 45px;
  background-color: #EBEBEB;
  overflow: hidden;
}
.forlist .forlist-img {
width: 45%;
height: 100%;
float: left;
}
.forlist .forlist-imgs {
height: 100%;
width: 100%;
}

.forlist .forlist-nr {
display: inline-block;
height: 100%;
padding: 30px;
width: 50%;
margin-left: 5%;
position: relative;
}
.forlist .forlist-nr-title {
color: red;
font-weight: bold;
}
.forlist .forlist-nr-summary {
  margin-top: 30px;
  margin-bottom: 20px;
  color: #333;
  text-indent: 2em;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;

}
.forlist.forlist-nr-ljgd {
font-size: 12px;
color: #333;
}
.forlist .forlist-time{background-color: #DFDFDF;color: #333;display: inline-block;padding: 2px 13px;display: none;}
/* .forlist .left_icon{position: absolute;bottom: 5px;right: -10px; width: 100px;display: none;} */
.forlist .left_icon img{width: 100%;}

  /* 分页 */
  .page-box{
    /* padding:20px 0; */
    text-align: right;
  }
  .page-box-inner{
    /* display: inline-block; */
  }
  .page-box ul{overflow: hidden;}
  .page-box ul li{border: 1px solid #dfdfdf;width: 30px;height: 30px;margin-left: 5px;line-height: 30px;}
  .page-box ul li a,.page-box ul li span{text-align: center;display: block;height: 100%;width: 100%;color: #333;}
  .page-box ul li.active{border-color: #FF9600;}
  .page-box ul li.active span{color: #FF9600;}
  .page-box ul li.disabled span{color: #9f9f9f;}


@media (max-width: 768px) {   
  .container{padding-left: 1.5rem;padding-right: 1.5rem;}
  .bg{min-width: auto;background: url(/static/images/index/partymasses/bg3_mobile.png) no-repeat;background-size: 100% 100%;}
  .title-pc{display: none;}
  .title-mobile{display: block;}

  .block-content{width: 100%;margin-top:10px; min-height: auto;}
  .block-content .intro-mobile{display: block;}

  .block-content .img-box .img3{width: 90%;margin-left: 5%;}


  .forlist{height: auto;background-color:#fff;box-shadow: -1px 5px 8px #ddd;}
  .forlist .forlist-time{display: inline-block;}
  .forlist .forlist-img{width: 100%;overflow: hidden;}
  
  .forlist .forlist-nr{width: 100%;margin-left:0px;}
  .forlist .forlist-nr-title{font-weight: 700;color: #333;}
  .forlist .forlist-nr-summary {text-indent: 0em;color: #848484;margin-top: 16px;}
  .forlist .forlist-nr-ljgd{display: none;}
  .forlist .left_icon{display: block;}
  .page-box{float: none;}
  .block-content .p1{font-size: 1rem;}
}
@media (min-width: 768px) {

  .title-pc{display: block;}
  .title-mobile{display: none;}
}