.practicalactivitypage .green-title {
overflow-wrap: break-word;
color: rgba(0, 138, 123, 1);
font-size: 16px;
font-family: MicrosoftYaHei-Bold;
font-weight: 700;
text-align: justify;
white-space: nowrap;
line-height: 21px;
margin: 0;
}
.practicalactivitypage .text-desc {
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 16px;
font-family: MicrosoftYaHei;
font-weight: normal;
text-align: justify;
line-height: 32px;
margin: 20px 0 0 0;
}
.practicalactivitypage .group-nav-containers {
height: 60px;
margin: 60px auto 0 auto;
width: calc(100% - 154px);
overflow: hidden;
}
.practicalactivitypage .group-nav-containers .text-wrapper-items {
border-radius: 20px;
height: 40px;
border: 1px solid rgba(232, 232, 232, 1);
margin-left: 0;
width: 80px;
margin-right: 40px;
cursor: pointer;
}
.practicalactivitypage .group-nav-containers .text-wrapper-items:last-child {
margin-right: 0px;
}
.practicalactivitypage .group-nav-containers .text-wrapper-items .text-title {
overflow-wrap: break-word;
color: rgba(51, 51, 51, 1);
font-size: 18px;
font-weight: 700;
text-align: justify;
white-space: nowrap;
line-height: 40px;
text-align: center;
}
.practicalactivitypage .contents-app {
width: 100%;
/* min-height: 300px; */
}
.practicalactivitypage .content-app {
width: 100%;
height: auto;
}
.practicalactivitypage .group-nav-containers .swiper-slide-thumb-active .text-wrapper-items {
background-color: #F7B334;
color: #fff;
border: 1px solid #F7B334;
}
.practicalactivitypage .group-nav-containers .swiper-slide-thumb-active .text-wrapper-items .text-title {
color: #fff;
}
.practicalactivitypage .group-nav-containers .swiper-slide-thumb-active .text-wrapper-items>div {
display: inline-block;
position: relative;
width: 100%;
}
.practicalactivitypage .group-nav-containers .swiper-slide-thumb-active .text-wrapper-items>div::after {
content: '';
display: block;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #F7B334;
position: absolute;
top: 95%;
left: 50%;
transform: translateX(-50%);
}
.practicalactivitypage .group-nav-containers .text-wrapper-items.active .text-title {
color: #fff;
}
/*
background: url(/css/img/SketchPnge184025….png) 100% no-repeat; background-size: cover;
*/
.practicalactivitypage .box-item-containers {
height: 500px;
width: 98.3%;
margin: 60px 0 0 0px;
}
.practicalactivitypage .box-item-containers .group-tip-box {
background-color: rgba(247, 248, 250, 1);
width: 52.54%;
position: absolute;
right: -20px;
margin-top: 75px;
padding: 50px 30px 60px 60px;
}
.practicalactivitypage .group-tip-box .text-sn-title {
overflow-wrap: break-word;
color: rgba(204, 204, 204, 0.2);
font-size: 88px;
font-family: DIN-Bold;
font-weight: 700;
text-align: left;
white-space: nowrap;
line-height: 106px;
position: absolute;
margin-top: -40px;
}
.practicalactivitypage .group-tip-box .box-line {
background-color: rgba(249, 156, 52, 1);
width: 40px;
height: 4px;
margin: 98px 0 0 0px;
position: absolute;
display: none;
}
.practicalactivitypage .box-item-containers .text-span-title {
overflow-wrap: break-word;
color: rgba(0, 138, 123, 1);
font-size: 20px;
font-family: MicrosoftYaHei-Bold;
font-weight: 700;
text-align: justify;
white-space: wrap;
line-height: 30px;
margin: 10px 0 0 0;
width: 100%;
}
.practicalactivitypage .box-item-containers .text-span-title::after {
content: '';
background-color: rgba(249, 156, 52, 1);
display: block;
width: 40px;
height: 4px;
margin-top: 20px;
}
.practicalactivitypage .box-item-containers .text-descriptions {
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 16px;
font-family: MicrosoftYaHei;
font-weight: normal;
text-align: justify;
line-height: 32px;
margin: 20px 0 0px 0px;
height: 124px;
}
.image-text-box-shangbanginfo {
width: 100%;
height: 30px;
margin: 64px 0 0 0;
}
.image-text-box-shangbanginfo .text-group-title {
height: 30px;
overflow-wrap: break-word;
color: rgba(0, 138, 123, 1);
font-size: 20px;
font-family: MicrosoftYaHei-Bold;
font-weight: 700;
text-align: justify;
white-space: nowrap;
line-height: 30px;
margin-left: 19px;
}
.practicalactivitypage .content-app .text-shangbang-desc {
width: 100%;
min-height: 64px;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 16px;
font-family: MicrosoftYaHei;
font-weight: normal;
text-align: justify;
line-height: 32px;
margin: 24px 0 0 0;
}
.group-item-event {
width: 100%;
margin: 24px 0 0 0;
padding-bottom: 30px;
}
.group-item-event .group-item {
background-color: rgba(242, 242, 242, 1);
/* height: 215px; */
padding: 40px 30px 40px 30px;
margin-bottom: 20px;
/* min-height: 200px; */
}
.group-item-event .group-item .text-group-inner {
/* height: 120px; */
}
.group-item-event .group-item .text-group-inner .text-title {
height: 36px;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 24px;
font-family: MicrosoftYaHei-Bold;
font-weight: 700;
text-align: left;
white-space: nowrap;
line-height: 36px;
}
.group-item-event .group-item .text-group-inner .text-contents {
height: 96px;
overflow-wrap: break-word;
color: rgba(102, 102, 102, 1);
font-size: 16px;
font-family: MicrosoftYaHei;
font-weight: normal;
text-align: left;
line-height: 32px;
margin-top: 20px;
}
/*轮播图社会实践样式 */
.content-app .hd {
overflow: hidden;
height: 30px;
padding-top: 10px;
}
.content-app .hd ul {
overflow: hidden;
zoom: 1;
margin-top: 10px;
display: table;
margin: 0 auto;
}
.content-app .hd ul li {
float: left;
width: 16px;
height: 16px;
border-radius: 50%;
overflow: hidden;
margin-right: 5px;
text-indent: -999px;
cursor: pointer;
background: #dcd8ca;
}
.group-event-containers .swiper-pagination-bullet {
width: 16px;
height: 16px;
border-radius: 50%;
background: #dcd8ca;
}
.content-app .hd ul li.on,
.group-event-containers .swiper-pagination-bullet-active {
background: #F7B334;
width: 40px;
height: 16px;
border-radius: 6px;
}
.group-item-event-scroll {
overflow: hidden;
position: relative;
background: #fff;
margin-top: 24px;
}
#item-app1 {
display: block;
}
.group-swiper-next {
width: 40px;
height: 40px;
background: url(/image/detailright.png) no-repeat;
background-size: cover;
position: absolute;
top: 22px;
}
.group-swiper-next:hover {
background: url(/image/detailrighthover.png) no-repeat;
background-size: cover;
}
.group-swiper-prev {
width: 40px;
height: 40px;
background: url(/image/detailsleft.png) no-repeat;
background-size: cover;
position: absolute;
top: 22px;
}
.group-swiper-prev:hover {
background: url(/image/detailsleft-hover.png) no-repeat;
background-size: cover;
}
.group-event-containers .swiper-pagination {
margin-top: 30px;
}
@media screen and (max-width: 900px) {
.practicalactivitypage .group-nav-containers .text-wrapper-items {
width: 60px;
height: 32px;
line-height: 32px;
border-radius: 16px;
}
.practicalactivitypage .group-nav-containers .text-wrapper-items .text-title {
line-height: 32px;
font-size: 14px;
}
.group-content-containers {
width: 100%;
}
.group-swiper-next {
width: 32px;
height: 32px;
right: 0;
}
.group-swiper-prev {
width: 32px;
height: 32px;
left: 0;
}
.group-event-containers .swiper-pagination-bullet {
width: 8px;
height: 8px;
}
.group-event-containers .swiper-pagination-bullet-active {
width: 20px;
height: 8px;
border-radius: 4px;
}
.practicalactivitypage .group-nav-containers {
width: calc(100% - 75px);
}
.mid-containers .xd-in {
padding: 0;
}
.group-item-event {
margin-bottom: 10px;
}
.group-event-containers .swiper-pagination {
margin-top: 10px;
}
.practicalactivitypage .box-item-containers {
margin: 0;
}
}