.swiper-container{
    background-color: #8230a7;
}

/** 页样式 */
.page-bg1 {
    background-image: url(../page/bg1.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page2-bg {
    
    background-image: url(../page/bg2.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.p2-bg1 {
    background-image: url(../page/p2-bg-c.png);
    background-color: rgb(145, 60, 189, .1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    user-select: none;
}

.p2-bg2 {
    background-image: url(../page/p2-bg-e.png);
    background-color: rgb(145, 60, 189, .1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    user-select: none;
}

.p2-bg3 {
    background-image: url(../page/p2-bg-s.png);
    background-color: rgb(145, 60, 189, .1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    user-select: none;
}

.page3-bg {
    background:
        radial-gradient(circle, rgba(179, 100, 243, 0.8) 1%, rgba(126, 34, 206, var(--un-bg-opacity)) 49%),
        radial-gradient(circle at bottom, rgba(179, 100, 243, 0.8) 1%, rgba(126, 34, 206, var(--un-bg-opacity)) 0%);
    background-image: url(../page/bg3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.case .swiper-slide{
    overflow: hidden;
}
.case .case_layout {
    background: rgba(255, 255, 255, .95);
    position: fixed;
    width: 70%;
    min-width: 800px;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    padding: 40px;
    border-radius: 16px;
    border: 1px solid #8230a7;
    display: none;
    max-height: 98vh;
}

.case .case_layout.open {
    display: block;
}

.case .case_layout .case_close {
    position: absolute;
    right: 11px;
    top: -10px;
}

.case .case_layout .case_close a {
    font-size: 2rem;
    color: #333;
}
.case .case_layout .navigation .swiper-button-next,
.case .case_layout .navigation .swiper-button-prev{
    color: #632ec0;
}
.case_layout .cass_main{
    height: 100%;
    max-height:  calc(98vh - 80px);
    overflow-y: auto;

}
.case_layout .caseSwiper{
}
.case_layout .swiper-slide{
    /* height: 100%; */
}
.case_layout .swiper-slide .img{
    flex: 5;
    flex-shrink: 0;
    padding-right: 10px;
}
.case_layout .swiper-slide .text{
    flex: 7;
    flex-shrink: 0;
}

.case .case_layout .li_tit h3 {
    font-size: 38px;
    margin-bottom: 10px;
    text-align: center;
    color:#8230a7
}

.case .case_layout .li_tit p {
    font-size: 26px;
    margin-bottom: 20px;
    text-align: center;
    color:#8230a7
}

.case .case_layout .li_con {
    margin-bottom: 40px;
}

.case .case_layout .li_con p {
    font-size: 18px;
    padding-left: 30px;
    position: relative;
    color: #2f2f2f;
    margin-bottom: 20px;
}

.case .case_layout .li_con p:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: url(../case_icon2_55.png) no-repeat center center;
    background-size: 100% 100%;
    left: 0;
    top: 4px;
}

.case .case_layout .li_icon dl{text-align:left;font-size:0;}
.case .case_layout .li_icon dl dd{display:inline-block;width:33.333%;text-align:center;}
.case .case_layout .li_icon dl dd .dd_div{border:1px solid #8230a7;margin-right:20px;padding:15px 0;border-radius:8px;}
.case .case_layout .li_icon dl dd span{color:#8230a7;font-size:18px;display:block;height:47px;overflow:hidden;position:relative;}
.case .case_layout .li_icon dl dd span .span_txt{width:300px;text-align:center;display:table-cell;vertical-align:middle;height:47px;line-height: 23px;}
.case .case_layout .li_icon dl dd span p{line-height:30px;}
.case .case_layout .li_icon dl dd h3{background:#8230a7;color:#fff;border-radius:36px;display:inline-block;padding:5px 10px;margin-top:5px;font-size:24px;}
.case .case_layout .li_icon dl dd h3 font{font-size:24px;font-weight:bold;}
.case .case_layout .li_icon dl dd h3 i{margin-top:4px;vertical-align:top;margin-left:-5px;font-size:16px;}


.moli-transition{
    transition: all 0.5s ease;
}

/* 响应式设计 */
@media (max-width: 900px) {
    .case .case_layout .li_tit h3{
        font-size: 20px;
    }
    .case .case_layout .li_tit p{
        font-size: 16px;
    }
    .case .case_layout .li_con p{
        font-size: 14px;
    }
}