/* 要闻 */
.h-column-content.domestic-news {
    background: url("images/news-center/bg5.png") right bottom no-repeat;
}

.news.h-container {
    background-color: #fa4c61;
    background-image: linear-gradient(111deg, #ffa74f, #fa4c61);
}

.news .slide {
    width: 50%;
    height: 346px;
}

.news .slide .item {
    width: 100%;
    height: 100%;
    padding: 20px;
    position: relative;
}

.news .slide .item .text {
    padding: 12px 12px 24px 12px;
    position: absolute;
    z-index: 1;
    left: 20px;
    right: 20px;
    bottom: 24px;
    background-color: rgba(0, 0, 0, 0.6);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.news .slide .item .img {
    width: 100%;
    height: 306px;
    background-color: #f2f2f2;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.news .slide .item .title {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    /*margin-top: 6px;*/
}

.news .slide .item .title:hover {
    text-decoration: underline;
}

.news .slide .item .content {
    width: 100%;
    font-size: 14px;
    line-height: 1.3em;
    height: 2.5em;
    overflow: hidden;
    color: #fff;
    padding: 0;
}

.news .slide .slick-prev {
    margin-left: 30px;
    z-index: 1;
    width: 36px;
    height: 36px;
    /*margin-top: -36px;*/
}

.news .slide .slick-next {
    margin-right: 30px;
    z-index: 1;
    width: 36px;
    height: 36px;
    /*margin-top: -36px;*/
}

.news .slide .slick-prev:before,
.news .slide .slick-next:before {
    font-size: 36px;
}

.news .slide .slick-dots {
    bottom: 24px;
    color: #fff;
    text-align: right;
    right: 28px;
}

.news .slide .slick-dots li {
    margin: 0 3px;
}

.slick-dots li button:before {
    opacity: .5;
}

.news .slide .slick-dots li button:before {
    color: #fff !important;
}

.news .list {
    position: absolute;
    right: 2%;
    top: 24px;
    width: 47%;
    height: 346px;
}

.news .h-news-link .h-news-title,
.news .h-news-link .h-news-date {
    color: #fff;
}

.news .h-news-link .h-news-title:hover {
    text-decoration: underline;
}

.news .h-list-sep {
    background-color: #fff;
    opacity: 0.6;
}

/* 通知公告 */

.h-column-content.announcement {
    background: url("images/news-center/bg6.png") left bottom no-repeat;
}

.announcement .lists {
    padding: 20px;
}

.announcement .lists .left {
    width: 48%;
    float: left;
}

.announcement .lists .right {
    width: 48%;
    float: right;
}

/* 工作动态 */

.work-process .h-column-content {
    background: url("images/news-center/bg7.png") right bottom no-repeat;
}

.work-process .lists {
    padding: 20px;
}

.work-process .lists .left {
    width: 48%;
    float: left;
}

.work-process .lists .right {
    width: 48%;
    float: right;
}

/*.work-process .lists {*/
/*width: 100%;*/
/*}*/

/*.work-process .lists .left {*/
/*width: 36%;*/
/*margin: 2%;*/
/*float: left;*/
/*}*/

/*.work-process .lists .right {*/
/*width: 56%;*/
/*margin: 2%;*/
/*float: left;*/
/*}*/

/*.work-process .left .img {*/
/*width: 100%;*/
/*height: 195px;*/
/*border-radius: 2px;*/
/*background-color: #d8d8d8;*/
/*display: inline-block;*/
/*background-repeat: no-repeat;*/
/*background-position: center;*/
/*background-size: cover;*/
/*}*/

/*.work-process .left .news-title {*/
/*width: 100%;*/
/*font-size: 14px;*/
/*font-weight: bold;*/
/*color: #656565;*/
/*overflow: hidden;*/
/*margin-top: 18px;*/
/*text-decoration: none;*/
/*white-space: nowrap;*/
/*text-overflow: ellipsis;*/
/*}*/

/* 各地团讯 */

.messages .h-column-content {
    background: url("images/news-center/bg8.png") left bottom no-repeat;
}

.messages .catalog {
    width: 220px;
    float: left;
    margin-top: -20px;
}

.messages .catalog .item {
    width: 180px;
    height: 80px;
    border-radius: 6px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    float: left;
    margin-bottom: 20px;
    margin-left: 30px;
    line-height: 80px;
    font-size: 24px;
    color: #fefefe;
    text-align: center;
    position: relative;
    cursor: pointer;
    user-select: none;
}

.messages .catalog .item.active:before {
    content: '';
    width: 0;
    height: 0;
    border-left: solid 17px;
    border-top: solid 13px transparent;
    border-bottom: solid 13px transparent;
    border-right: solid 0 transparent;
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -13px;
}

.messages .catalog .item-1 {
    margin-top: 27px;
    background-color: #8962fe;
    background-image: linear-gradient(to right, #8962fe, #6f44e4);
}

.messages .catalog .item-1.active:before {
    border-left-color: #8962fe;
}

.messages .catalog .item-2 {
    background-color: #ffbf00;
    background-image: linear-gradient(to right, #ffbf00, #ffa100);
}

.messages .catalog .item-2.active:before {
    border-left-color: #ffbf00;
}

.messages .catalog .item-3 {
    background-color: #ff6646;
    background-image: linear-gradient(to right, #ff6646, #ff473d);
}

.messages .catalog .item-3.active:before {
    border-left-color: #ff6646;
}

.messages .h-container {
    float: right;
    width: 640px;
}

.messages .list {
    padding: 20px;
}

.messages .list.hide {
    display: none;
}

/* 青春聚焦 */
.youth-focus .blocks.hide {
    display: none;
}

.youth-focus .block {
    float: left;
    position: relative;
    width: 290px;
    height: 240px;
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    margin-right: 10px;
}

.youth-focus .block-3 {
    margin-right: 0;
}

.youth-focus .block .img {
    width: 100%;
    height: 107px;
    background-color: #f2f2f2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.youth-focus .block .news-title {
    position: absolute;
    top: 118px;
    left: 15px;
    right: 15px;
    height: 18px;
    font-size: 14px;
    font-weight: bold;
    color: #656565;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: color .3s;
}

.youth-focus .block .news-title:hover {
    color: #40a5ed;
}

.youth-focus .block .content {
    position: absolute;
    top: 146px;
    left: 16px;
    width: 260px;
    font-size: 12px;
    color: #656565;
    overflow: hidden;
    line-height: 1.5em;
    height: 4.3em;
    padding: 0;
}

.youth-focus .block .detail {
    font-size: 12px;
    color: #989898;
    position: absolute;
    right: 15px;
    bottom: 15px;
    text-decoration: none;
    transition: color .3s;
}

.youth-focus .block .detail:hover {
    color: #40a5ed;
}

/* 专栏新闻 */

.column-news .blocks.hide {
    display: none;
}

.column-news .block {
    float: left;
    position: relative;
    width: 290px;
    height: 240px;
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    margin-right: 10px;
}

.column-news .block-3 {
    margin-right: 0;
}

.column-news .block .img {
    width: 100%;
    height: 107px;
    background-color: #f2f2f2;
    background-repeat: no-repeat;
    /*background-position: center;*/
    /*background-size: cover;*/
    background-position: center top;
    display: inline-block;
}

.column-news .block .news-title {
    position: absolute;
    top: 118px;
    left: 15px;
    right: 15px;
    height: 18px;
    font-size: 14px;
    font-weight: bold;
    color: #656565;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color .3s;
}

.column-news .block .news-title:hover {
    color: #40a5ed;
}

.column-news .block .content {
    position: absolute;
    top: 146px;
    left: 15px;
    width: 260px;
    line-height: 1.5em;
    height: 4.3em;
    padding: 0;
    font-size: 14px;
    color: #656565;
    /*overflow: hidden;*/
}

.column-news .block .detail {
    font-size: 12px;
    color: #989898;
    position: absolute;
    right: 15px;
    bottom: 15px;
    text-decoration: none;
    transition: color .3s;
}

.column-news .block .detail:hover {
    color: #40a5ed;
}

.column-news .block-1 .img {
    background-image: url("images/news-center/b-zyff.png");
}

.column-news .block-2 .img {
    background-image: url("images/news-center/b-cyjy.png");
}

.column-news .block-3 .img {
    background-image: url("images/news-center/b-xwgc.png");
}