@charset "utf-8";

/* 基础样式 */
body { font-family: "Microsoft YaHei"; }
.clearfix::after { content: ''; display: block; clear: both; }
.container{overflow: visible;width: 1240px;}
.elli-s{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.elli-m{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* 头部 */
body{background: url(/sthjt/xhtml/ztzl/mlsc/images/header_bg.png) center top no-repeat;}
.zt-header {padding-top: 10px;}
.zt-header .header-logo .zt-logo {height: 74px;display: block;}
.zt-header .header-logo .zt-logo img{height: 100%;display: block;}
.zt-header .header-logo .zt-icon-box{float: right;}
.zt-header .header-logo .zt-icon-box a{margin-left: 27px;}
.zt-header .header-text{text-align: center;margin-top: 83px;}
.zt-header .header-text img{display: inline-block;width: calc(844 / 1240 * 100%);}

/* 主要内容 */
.main-box{margin-top: 109px;}
.main-box .content-box{border-radius: 16px 16px 0 0;background-color: #fff;padding: 48px 20px;}
.mod-title {position: relative;height: 50px;overflow: hidden;}
.mod-title img{width: auto;height: 100%; position: absolute;left: 50%;transform: translateX(-50%);}
.mod-title .more{position: absolute;top: 10px;right: 0;font-size: 14px;color: rgba(153, 153, 153, 1);}

/* 志愿风采 */
.zyfc-box .mod-content{padding: 0 21px;margin-top: 36px;}
.zyfc-box .mod-content .img-list li{float: left;margin-right: 29px;width: calc((100% - 29px * 2) / 3);height: 232px;}
.zyfc-box .mod-content .img-list li:last-child{margin-right: 0;}
.zyfc-box .mod-content .img-list li a{display: block;width: 100%;height: 100%;position: relative;}
.zyfc-box .mod-content .img-list li a img{display: block;width: 100%;height: 100%;}
.zyfc-box .mod-content .img-list li a .text{position: absolute;left: 0;bottom: 0;width: 100%;background-color: rgba(0, 0, 0, 0.6);padding: 0 14px}
.zyfc-box .mod-content .img-list li a .text h5{font-size: 14px;line-height: 40px;color: #fff;}
.zyfc-box .mod-content .info-list{margin-top: 39px;}
.zyfc-box .mod-content .info-list li{float: left;margin-right: 39px;width: calc((100% - 39px) / 2);line-height: 46px;}
.zyfc-box .mod-content .info-list li:nth-child(even){margin-right: 0;}
.zyfc-box .mod-content .info-list li a::before{content:"";display: inline-block;width: 6px;height: 6px;background-color: rgba(91, 186, 225, 1);border-radius: 50%;vertical-align: top;margin: 20px 10px;}
.zyfc-box .mod-content .info-list li a .text{max-width: 80%;display: inline-block;vertical-align: top;font-size: 16px;}
.zyfc-box .mod-content .info-list li a .time{float: right;color: rgba(166, 166, 166, 1);}

/* 活动发布 */
.hdfb-box {margin-top: 51px;}
.hdfb-box .mod-content{padding: 0 21px;margin-top: 34px;}
.hdfb-box .mod-content .swiper-container{width: 100%;padding-bottom: 50px;}
.hdfb-box .mod-content .swiper-slide{width: calc((100% - 39px) / 2);float: left;margin-right: 39px;}
.hdfb-box .mod-content .swiper-slide .item-title{width: 100%;padding: 13px 23px;background-color: rgba(244, 246, 253, 1);border-top-left-radius: 10px;border-top-right-radius: 10px;}
.hdfb-box .mod-content .swiper-slide .item-title h3{font-size: 20px;font-weight: 700;color: rgba(51, 51, 51, 1);}
.hdfb-box .mod-content .swiper-slide .item-content{font-size: 14px;line-height: 24px;}
.hdfb-box .mod-content .swiper-slide .item-content{padding: 14px 26px;width: 100%;border: 1px solid rgba(225, 245, 234, 1);border-top: none;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.hdfb-box .mod-content .swiper-slide .item-content .text-box {height: 90px;overflow: hidden;}
.hdfb-box .mod-content .swiper-slide .item-content p{height: 100%;line-height: 45px;font-size: 16px;color: rgba(56, 56, 56, 1);text-indent: 2em;margin-top: -55px;}
.hdfb-box .mod-content .swiper-slide .item-content .text-box::before{content:"";height: calc(100% - 35px);display: block;}
.hdfb-box .mod-content .swiper-slide .item-content .show-more{float: right;}
.hdfb-box .mod-content .swiper-slide .item-content .show-more a{width: 97px;height: 35px;background: linear-gradient(270deg, rgba(33, 181, 207, 1) 0%, rgba(90, 184, 226, 1) 100%);border-radius: 999px;text-align: center;line-height: 35px;font-size: 16px;color: #fff;}
.hdfb-box .mod-content .swiper-slide .item-content .show-more span{margin-right: 20px;}
.hdfb-box .mod-content .swiper-pagination{bottom: 0;}
.hdfb-box .mod-content .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background-color: rgba(42, 181, 210, 0.26);width: 16px;height: 5px;border-radius: 999px;opacity: 1;}
.hdfb-box .mod-content .swiper-pagination .swiper-pagination-bullet-active{background-color: rgba(42, 181, 210, 1);width: 43px;}

/* 响应式布局 */
@media (max-width: 1500px) {
    .container{width: 1200px;}
}

@media (max-width: 1280px) {
    .container{width: 970px;}
    .zyfc-box .mod-content .img-list li{height: 190px;}
}

@media (max-width: 992px) {
    .zyfc-box .mod-content .img-list li{height: 170px;}
    .zyfc-box .mod-content .info-list li a .text{max-width: 70%;}
    .mod-title .more{display: none;}
}

@media (max-width: 768px) {
    .zt-header .header-logo .zt-logo{height: 60px;}
}

@media (max-width: 431px) {
    .container{width: calc(100% - 10px) !important;}
    body{background-size: 260% auto;background-position: center top;}
    .zt-header .header-logo .zt-logo{height: 50px;float: left;}
    .zt-header .header-logo .zt-icon-box{/* float: none; */text-align: center;}
    .zt-header .header-logo .zt-icon-box{margin: 0 10px;margin-top: 20px;}
    .zt-header .header-logo .zt-icon-box a{margin-left:0;}
    .zt-header .header-logo .zt-icon-box img{width: 29px;}
    .zt-header .header-text{margin-top: 15px;}
    .zt-header .header-text img{width: 90%;}
    .main-box{margin-top: 30px;}
    .main-box .content-box{border-radius: 9px 9px 0 0;padding: 20px 15px;}
    .mod-title{height: 39px;}
    .zyfc-box .mod-content .img-list li{width: 100%;margin-right: 0;margin-top: 15px;height: 200px;}
    .zyfc-box .mod-content{padding: 0;margin-top: 15px;}
    .zyfc-box .mod-content .info-list li{width: 100%;margin-right: 0;}
    .zyfc-box .mod-content .info-list{margin-top: 15px;}
    .hdfb-box{margin-top: 25px;}
    .hdfb-box .mod-content{padding: 0;}
    .hdfb-box .mod-content .swiper-slide .item-content .show-more a{font-size: 14px;width: 79px;height: 30px;line-height: 30px;}
    .hdfb-box .mod-content .swiper-slide .item-content .text-box{height: 70px;}
    .hdfb-box .mod-content .swiper-slide .item-content p{line-height: 36px;}
    .hdfb-box .mod-content .swiper-slide .item-content .text-box::before{width: calc(100% - 30px);}
    .hdfb-box .mod-content .swiper-slide .item-content p{margin-top: -40px;}
    .hdfb-box .mod-content{margin-top: 15px;}
    .hdfb-box .mod-content .swiper-container{padding-bottom: 30px;}
}