@charset "utf-8";
/* CSS Document */
body{ background:#f3f3f3;}
.main{width:95%; max-width:1340px; margin:0 auto;}
.selected{background: #024289;}

/* 正文 */
.interactive-box{width:100%; padding: 40px 30px;background: #fff;height: auto;box-shadow: 0px 7px 21px rgba(174, 174, 174, 0.15);margin-bottom: 40px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
/* 面包屑 */
.location{font-size: 0.8rem;margin-bottom: 10px;}
.location img{width: 14px;margin-right: 10px;}
.location em{font-style: normal ;color: #1559A3;}
/* 标题 */
.bindong-title{font-weight: bold; font-size: 1.1rem;padding: 28px 20px;position: relative;border-bottom: none !important;}
.bindong-title:before{position:absolute;content: "";width: 6px;height: 25px;background: #1559A3;top: 32px;left:0px;}
.bindong-title.current-area:before {
    background: transparent;
}

.gsgg-line{
    width: 100%;
    border: 1px solid #EBEBEB;
    margin-top: 30px;
    margin-bottom: 30px;
}

.gsgg-tab {
    padding: 10px 0;
    border-bottom: 1px solid #EBEBEB;
}

.gsgg-tab > ul {
    display: flex;
    align-items: center;
}

.gsgg-tab > ul > li {
    border: none;
    color: #293239;
    height: 50px;
    padding: 0 21px;
    background: #F3F6F9;
    border-radius: 5px;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 1rem;
    line-height: 50px;
}

.gsgg-tab > ul > li:hover {
    background-color: #0f4887;
}

.gsgg-tab > ul > li:hover a {
    color: #FFFFFF;
}

.Active {
    background-color: #0f4887!important;
}

.Active a {
    color: #FFFFFF!important;
}

.gsgg-content {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.gsgg-msgbox {
    display: flex;
    width: 49%;
    height: 210px;
    background: #FFFFFF;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
    margin-bottom: 31px;
    padding: 29px 35px;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 15px;
}

.gsgg-msgbox:hover {
    border: 1px solid #1559A3;
    box-shadow: 0px 7px 10px 0px rgba(22, 35, 49, 0.08);
    cursor: pointer;
}
.gsgg-msgbox:hover .gsgg-msgbox-title {

    color: #1559A3!important;
}
.gsgg-msgbox-active {
    border: 1px solid #1559A3;
}

.gsgg-msgbox-title {
    font-size: 1rem;
    font-weight: bold;
    color: #333333;
    text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;
    margin-bottom: 20px;
    height: 56px;
}

.gsgg-msgbox-text{
    font-weight: 400;
    font-size: 0.8rem;
    color: #4F4F4F;
    text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;
    margin-bottom: 20px;
}

.gsgg-msgbox-time {
    font-weight: 400;
    font-size: 0.8rem;
    color: #4F4F4F;
    text-align: right;
}
.pagination{
    display: flex;
    justify-content: center;
}
.gsgg-tab {
    border: none!important;
}
.topicList{padding-top: 10px;padding-bottom: 20px;}
@media(max-width:1024px){
    .gsgg-msgbox {width: 100%;height: 185px; padding: 25px !important;}
    .gsgg-msgbox-title{height: 25px;}

}

@media(max-width:768px){
    .gsgg-msgbox {padding:18px 15px 15px;margin-bottom: 20px;}
    .interactive-box{padding: 25px 15px;}
    .gsgg-content{padding-top: 20px;}
    .gsgg-tab{padding: 0;}
    .bindong-title{padding: 16px 20px;}
    .bindong-title:before{top: 20px;}
}

@media(max-width:640px){
    .interactive-box{padding: 20px 15px;}
    .location img{margin-right: 0;width: 11px;}
    .location{margin-bottom: 0;}
    .bindong-title{padding:16px; }
    .bindong-title:before{width: 4px;top: 18px;height: 18px;}
    .gsgg-tab button{padding: 0 6%;margin-right: 10px;margin-bottom: 15px;}
    .gsgg-content{padding-top: 15px;}
    .gsgg-msgbox{margin-bottom: 15px;height: 166px;}
    .interactive-box {margin-bottom: 20px;}
}