[v-cloak] {
    display: none !important;
}

.detail-container {
    width: 100vw;
    height: 100vh;
    overflow-y: auto;
}

.detail_panel {
    width: 100%;
}

.template_page {
    padding: 10% 5% 10% 6%;
    min-height: 1080px;
    height: fit-content;
}

.cover-image {
    width: 100%;
    min-height: 1px;
}

.cover-image img {
    width: 100%;
    height: auto;
    display: block;
}

.bigTitle {
    font-weight: bold;
    font-size: 88px;
    text-align: left;
    background: linear-gradient(to right, #456EF6, #3EBDF0); /*设置渐变的方向从左到右*/
    -webkit-background-clip: text; /*将设置的背景颜色限制在文字中*/
    -webkit-text-fill-color: transparent; /*给文字设置成透明*/
    /*text-shadow: 5px 10px 5px yellow,10px 20px 10px palegreen;*/
}

.c-title {
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-style: normal;
    text-transform: none;
}

.en-title {
    font-weight: 300;
    font-size: 48px;
    color: #999999;
    line-height: 48px;
    text-align: left;
}

.cn-title {
    font-weight: bold;
    font-size: 56px;
    color: #333333;
    line-height: 56px;
    text-align: left;
    margin-top: 32px;
}

.desc-item {
    font-family: Source Han Sans CN, Source Han Sans CN;
    display: flex;
    align-items: flex-start;
    font-size: 32px;
    line-height: 40px;
    margin-top: 32px;
}

.desc-item .label {
    font-weight: bold;
    flex-shrink: 0;
    margin-right: 10px;
}

.desc-item .value {
    flex: 1;
    word-break: break-all;
}

.desc-value {
    font-size: 32px;
    line-height: 40px;
    color: #858589;
}

.image-panel {
    background-image: url('../img/image-rectangle.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    padding: 32px;
    /*background: #fdfdfd;*/
    /*opacity: 0.5;*/
    border: 2px dashed #dcdcdc;
}

.image-panel img {
    width: 100%;
    height: 100%;
}

/* 背景与痛点部分的样式 */
.template_1 {
    background: linear-gradient(180deg, #DCF1FD 0%, #FFFFFF 100%);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    box-sizing: border-box;
}

.template_1 .left-content {
    flex: 1;
    height: 100%;
    overflow: hidden;
    margin-right: 6%;
}

.template_1 .left-content .content-detail {
    margin-top: 104px;
}

.template_1 .right-content {
    flex: 0 0 33.3%;
    flex-shrink: 0;
    overflow: hidden;
}

.template_1 .right-content .image-panel {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* 企业痛点部分的样式 */
.template_2 {
    background: rgba(255, 255, 255, 0.05);
    padding: 73px 5% 73px 6%;
    display: flex;
    flex-direction: column;
}
.template_2 .card-container {
    flex: 1;
    margin-top: 5%;
    padding: 0 8%;
    display: flex;
    flex-wrap: wrap;
    gap: 6%;
}
.template_2 .card-container .card-item {
    flex: 0 0 calc((100% - 6%) / 2);
    box-sizing: border-box;
    min-height: 24%;
    font-family: Source Han Sans CN, Source Han Sans CN;
}
.template_2 .card-container .card-item .card-icon {
    height: 96px;
    width: 96px;
}
.template_2 .card-container .card-icon img {
    width: 100%;
    height: 100%;
}
.template_2 .card-container .card-item .card-title {
    font-weight: bold;
    font-size: 48px;
    line-height: 64px;
}
.template_2 .card-container .card-item .card-desc {
    margin-top: 5px;
}
/* 核心解决方案 */
.template_3 {

}
.template_3 .title-panel {
    margin-top: 104px;
}
.template_3 .image-panel {
    width: 100%;
    /*height: 400px;*/
    margin-top: 40px;
}

/* 方案构架 */
.template_4 {
    padding-top: 8%;
    padding-bottom: 8%;
    display: flex;
    flex-direction: column;
}
.template_4 .image-panel {
    margin-top: 3%;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.template_4 .image-panel .desc-box .desc-item {
    color: #334176;
}
.template_4 .img {
    margin-top: 3%;
    flex: 1;
    min-height: 350px;
}
/* 核心功能模块 */
.template_5 {
    padding: 6% 3% 18% 3%;
    background-image: url('../img/module-bg.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    display: flex;
    flex-direction: column;
}
.template_5 .title-panel {
    padding-left: 3%;
}

.template_5 .title-panel .en-title {
    color: #3D8095;
}

.template_5 .title-panel .cn-title {
    color: #275867;
}

.template_5 .card-container {
    flex: 1;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 72px;
}
.template_5 .card-container .card-item {
    flex: 0 0 calc((100% - 8px) / 2);
    box-sizing: border-box;
    min-height: 24%;
    font-family: Source Han Sans CN, Source Han Sans CN;
    padding: 24px;
    background: rgba(224,231,239,0.12);
    box-shadow: inset 2px 2px 6px 0px rgba(255,255,255,0.32);
    border-radius: 48px 48px 48px 48px;
    border: 1px solid rgba(255,255,255,0.32);
}
.template_5 .card-container .card-item .card-content {
    width: 100%;
    height: 100%;
    background: #F5FAFF;
    border-radius: 32px 32px 32px 32px;
    display: flex;
    flex-direction: column;
    padding: 2% 6%;  /* 20px 64px */
}
.template_5 .card-container .card-title {
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
    font-size: 48px;
    font-weight: 500;
    color: #333333;
    line-height: 48px;
    padding-bottom: 2%;
}
.template_5 .card-container .desc-box {
    width: 100%;
    padding: 2% 0;  /* 24px 0 */
}
.template_5 .card-container .desc-box .desc-item:first-child {
    margin-top: 0;
}
.template_5 .card-container .desc-box .value {
    color: #86868B;
}

/* 方案优势与价值 */
.template_6 {
    width: 100%;
    padding: 0 5%; /*110px*/
    background: #E8EBF2;
}
.template_6 .content-card {
    padding: 5% 4%;
    background-color: #ffffff;
    position: relative;
    transform: translateY(-100px);
}
.template_6 .template_6_panel {
    width: 100%;
    margin-top: 100px;
}
.template_6 .content1 {
    margin-top: 56px;
}
.template_6 .content1 .content-panel{}
.template_6 .content1 .content-panel .desc-item {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 60px;
    min-height: 112px;
}
.template_6 .content1 .content-panel .desc-item .item-icon{
    width: 10%; /*112px*/
}
.template_6 .content1 .content-panel .desc-item .desc-right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.template_6 .content1 .desc-right .label{
    font-weight: bold;
    font-size: 48px;
    color: #333333;
    line-height: 48px;
}
.template_6 .content1 .desc-right .value{
    font-weight: 500;
    font-size: 32px;
    line-height: 32px;
    margin-top: 32px;
}
.template_6 .content2 {
    margin-top: 8%;  /*160px*/
}
.template_6 .content2 .desc-panel {
    padding: 3%;
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 3%;
}

.template_6 .content2 .desc-panel .desc-item .label {
    color: #86868B;
}

.template_6 .image-panel {
    min-height: 287px;
}
/*典型案例*/
.template_7 {
    padding-top: 7%;
    padding-bottom: 7%;
}
.template_7 .center-panel {
    width: 100%;
    height: fit-content;
    display: flex;
    margin-top: 104px;
    align-items: flex-start;
}
.template_7 .center-panel .left-panel{
    flex: 1;
    margin-right: 60px;
}

.template_7 .center-panel .item {
    font-family: Source Han Sans CN, Source Han Sans CN;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 72px;
}
.template_7 .center-panel .item .label {
    font-weight: bold;
    font-size: 48px;
    color: #333333;
    line-height: 48px;
}
.template_7 .center-panel .item .value {
    font-weight: 500;
    font-size: 32px;
    /*color: #86868B;*/
    line-height: 32px;
    padding-left: 6%;
    padding-top: 32px;
    word-break: break-all;
}
.template_7 .center-panel .right-image-panel{
    flex: 0 0 30%;   /*560px*/
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    /*margin-top: auto;*/
}
.template_7 .bottom-panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;

}
.template_7 .bottom-panel .image-panel {
    flex: 0 0 calc((100% - 2 * 24px) / 3);
    box-sizing: border-box;
    text-align: center;
}