@charset "utf-8";
.gameplay{
    margin-top: 35px;
}
/*党建园地样式start*/
/*党建园地工作动态start*/
.djyd_h2{
    color: #333333;
    text-indent: 35px;
    font: 22px/42px "Microsoft YaHei", "微软雅黑", Arial;
    color: #333;
    background: #fff url(../images/ssqyx01.png) no-repeat left bottom;
    background-size: 148px 2px;
}
.djyd_h2 span{
    font: 15px/15px "微软雅黑";
    color: #666666;
    position: relative;
    top: 18px;
    padding-right: 4px;
}
.djzt_yd_cent{
    padding:18px 18px 22px 14px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
}
.djzt_gzdt01{
    width: 31%;
    float: left;
}
.djzt_gzdt01 img{
    width: 100%;
}
.djzt_gzdt01 h2{
    margin-top:12px;
    box-sizing: border-box;
    font: 16px/16px "微软雅黑";
    color: #333;
    text-align: center;
}
.djzt_gzdt01 p{
      margin-top: 10px;
    box-sizing: border-box;
    font: 14px/22px "微软雅黑";
    color: #999999;
    padding-bottom: 10px;
  
  
}
.djzt_gzdt02{
    width: 69%;
    float: right;
    box-sizing: border-box;
    padding-top: 13px;
    padding-left: 27px;
}
.djzt_gzdt02 h2{
    font: 18px/18px "微软雅黑";
    text-align: center;
}
.djzt_gzdt02 h2 a:hover{
        color: #087cd6;
}

.djzt_gzdt02 p{
    margin-top: 25px;
    font: 16px/24px "微软雅黑";
    color: #999999;
    text-indent:25px;
  
}
.zjzt_bottom{
    margin-top: 16px;
    width: 100%;
    height: 0;
    border-bottom: 1px dashed #7f7f7f;
}
.djzt_gzdt02 ul{
    box-sizing: border-box;
    padding-top: 11px;
}
.djzt_gzdt02 ul li{
    position: relative;
    font:15px/15px "微软雅黑" ;
    color: #666666;
    margin-top: 16px;
}
.djzt_gzdt02 .sp_gh01{
  display:block;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
  margin-right:80px;
}
.djzt_gzdt02 .sp_gh{
    font: 12px/12px "微软雅黑";
    color: #999999;
    margin-right: 15px;
    position: absolute;
    right:0px;
    top: 1px;
}
/*党建园地工作动态end*/
/*党建园地广告样式start*/
.djzt_ga{
    margin-top: 18px;
}
.djzt_gaitem{
    width: 100%;
    height: 121px;
    background: url("../images/ssqyx16.png") no-repeat;
    background-size: 100% 100%;
}
/*党建元素广告样式end*/
/*党建园地学习中心start*/
.djyd_xxzx{
    margin-top: 20px;
}
.djyd_x01{
    box-sizing: border-box;
    padding: 20px 7px 25px 18px;
    border: 1px solid #dcdcdc;
}
.djyd_xzwl{
    width: 31%;
    float: left;

}
.zjyd_q01{
    width: 100%;
    background: #f5f5f5;
}
.djyd_img{
    width: 68%;
    float: left;
}
.djyd_img img{
    width: 200px;
    height: 145px;
}
.zjyd_q01 p{
    width: 30%;
    float: right;
    box-sizing: border-box;
    padding: 15px 5px 0 5px;
    font: 15px/25px "微软雅黑";
    color: #515151;
  text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
}
.djyd_xzwr{
    width: 69%;
    float: right;
}
.dj_q{
    margin-top: 23px;
}
/*党建园地学习中心end*/
/*党建园地样式end*/
@media (min-width:751px)and (max-width:990px){
}
@media screen and (max-width:750px){
  .djzt_gzdt02{
    padding-top: 20px;
  }
  .djzt_gzdt02 p{
    margin-top: 10px;
    font: 14px/22px "微软雅黑";
  }
  
    .djzt_gzdt02 .sp_gh{
        display: none;
    }
    .djyd_img img{
        width: 100%;
    }
    .djzt_yd_cent{
        padding: 18px 0 22px 0;
    }
    .djzt_gzdt01{
        float: none;
        width: 100%;
    }
  .djzt_gzdt02 h2{
    font: 16px/18px "微软雅黑";
}
    .djzt_gzdt01 h2,.djzt_gzdt02 h2{
        text-align: left;
    }
    .djzt_gzdt02{
        float: none;
        width: 100%;
        padding-left:5px;
    }
    .djzt_gzdt02 p{
        text-indent: 0;
    }
    .djzt_gzdt02 ul li{
        font: 15px/15px "微软雅黑";
    }
    .djyd_x01{
        padding: 20px 5px 25px 5px;
    }
    .djyd_xzwl{
        float: none;
        width: 100%;
    }
    .djyd_img{
        float: left;
        width: 53%;
    }
    .zjyd_q01 p{
        float: left;
        width: 45%;
        padding: 5px 0 0 17px;
      text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
      
    }
    .dj_q{
        margin-top: 15px;
    }
    .djzt_gzdt01 p{
        padding-left: 5px;
        box-sizing: border-box;
    }
    .djzt_gzdt02 .sp_gh01{
        display: inline-block;
        width: 100%;
        height: 15px;
        overflow: hidden;
      white-space: nowrap;
    text-overflow: ellipsis;
      margin-right: 0px;
    }
}
@media (max-width:414px){
}
@media (max-width:360px){
}
@media (max-width:320px){
}
@media (min-width:1000px){
    .container{
        width:1000px!important;
    }
}