.GW { width: 100%; max-width: 1200px; margin: auto; } .pro-back { position: absolute; top: 0; right: 0; width: auto; height: 100%; z-index: 12; } .single-customer { position: relative; padding: 74px 0 80px; background-color: transparent; } .scs-top { background-color: transparent!important; } .scs-top .customer-case-title { position: relative; width: 66%; margin: 0 0 24px; color: #26262c; font-size: 48px; line-height: 56px; font-weight: 900; word-break: break-word; z-index: 13; color: var(--main-font-color); background-color: transparent; } .scs-top .achieve-list { width: 100%; margin-top: 60px; padding-top: 37px; padding-right: 30%; z-index: 13; border-top: 1px solid #fff; background-color: transparent; } @media (max-width: 920px) { .scs-top .achieve-list { flex-flow: wrap; } } .scs-top .achieve-list-ul { display: flex; position: relative; z-index: 13; background-color: transparent; } .scs-top .achieve-list-item { display: flex; flex-flow: column; width: 33%; padding-right: 20px; box-sizing: border-box; background-color: transparent; } .scs-top .c-title { width: 100%; font-weight: 700; font-size: 44px; word-break: break-word; color: var(--main-font-color); background-color: transparent; } .scs-top .c-des { width: 100%; font-weight: 700; font-size: 20px; word-break: break-word; color: var(--main-font-color); background-color: transparent; } .scs-main { padding: 0 80px 80px; } .scs-main .scs-text-box-left { max-width: 680px; } .scs-main #doc-content { padding: 0; } .scs-main .scs-text-box { display: flex; justify-content: space-between; padding-top: 50px; } @media (max-width: 920px) { .scs-main .scs-text-box { flex-flow: column; } .scs-main .scs-text-box .scs-result, .scs-main .scs-text-box .demo { margin-top: 20px; } .scs-main .scs-text-box .scs-demo { margin: auto; } } .scs-main .scs-text-box-right { width: 270px; } .scs-main .scs-text-box-right .scs-demo { position: sticky; top: 157px; display: flex; flex-flow: column; justify-content: center; align-items: center; width: 100%; padding: 24px; margin-bottom: 30px; background-color: #ff6700; color: #ffffff; } .scs-main .scs-text-box-right .scs-demo-text { font-weight: 700; font-size: 24px; margin-bottom: 15px; background-color: #FF6700; } .scs-main .scs-text-box-right .scs-demo-link { display: flex; justify-content: center; align-items: center; width: 200px; height: 45px; border-radius: 20px; text-decoration: none; font-size: 16px; font-weight: bold; color: #ff6700; background-color: #ffffff; } .scs-main .scs-text-box-right .scs-demo-link:hover { background-color: #fbf5f5; } .scs-main .scs-text-box-right .list-item { width: 100%; } .scs-main .scs-text-box-right .list-item .item-title { margin: 0; padding-bottom: 6px; /*color: #000;*/ line-height: 24px; word-break: break-word; font-weight: 700; background-color: #15172C; } .scs-main .scs-text-box-right .list-item .text { margin-bottom: 0; padding-bottom: 18px; /*color: #646363;*/ font-size: 14px; line-height: 17px; word-break: break-word; background-color: #15172C; } .scs-main .scs-text-box-right .list-item:last-child .text { padding-bottom: 0px; } .scs-main .scs-text-box-right .scs-company-info .title { margin-top: 0; margin-bottom: 18px; line-height: 20px; font-size: 22px; /*color: #26262c;*/ font-weight: 700; } .scs-main .scs-text-box-right .scs-company-info .text { margin-bottom: 24px; /*color: #1d1d1e;*/ font-size: 14px; line-height: 22px; } .scs-main .scs-text-box-right .scs-result .aside-bg-section { margin-bottom: 4px; padding: 14px 20px; color: #000; font-size: 16px; line-height: 20px; font-weight: 700; } .scs-main .share-link { margin-bottom: 20px; border-bottom: 1px solid #bdbdbd; } .scs-main .share-customer-story .share-title { margin: 10px 0 8px; font-size: 16px; font-weight: 700; line-height: 26px; /*color: #000;*/ } .scs-main .share-customer-story .share-list { display: flex; align-items: center; margin: 0 0 24px 0; padding: 0; } .scs-main .share-customer-story .share-list-item { list-style: none; margin-bottom: 5px; margin-right: 11px; cursor: pointer; } .scs-main .share-customer-story .share-list-item:hover .icon-box { transform: translateY(-3px); background-color: #FF6700; } .scs-main .share-customer-story .icon-box { justify-content: center; align-items: center; display: flex; width: 36px; height: 36px; background-color: #979797; border-radius: 50%; transition: all 0.3s; } .scs-main .share-customer-story .icon-box .icon-svg { height: 60%; fill: #ffffff; } .scs-share-item { margin-top: 50px; margin-bottom: 50px; padding-top: 60px; text-align: center; } .scs-share-item .center-title { margin: 0 0 28px 0; font-weight: 700; font-size: 44px; text-align: center; /*color: #000000;*/ } .scs-share-item .read-more-link { display: inline-block; margin-bottom: 28px; font-weight: 500; font-size: 16px; line-height: 24px; text-align: center; color: #FFFFFF; text-decoration: none; } .scs-share-item .read-more-link:hover { color: #ff6700; } .scs-share-item .collection-list { display: grid; grid-template-columns: repeat(3, 1fr); } .scs-share-item .collection-list-item { margin-bottom: 40px; margin-left: 24px; margin-right: 24px; border-radius: 4px; overflow: hidden; background-color: #15172C; } .scs-share-item .collection-list-item-link { text-decoration: none; } .scs-share-item .collection-list-item .img { height: 235px; background-color: transparent; } .scs-share-item .collection-list-item .img-p { max-width: 100%; height: auto; } .scs-share-item .collection-list .thumb-tile__title { min-height: 90px; color: #FFFFFF; text-align: left; background-color: #15172C; margin-bottom: 1px; padding: 17px 19px 19px; line-height: 18px; } .scs-empty { display: block; padding: 100px 0; color: #000000; font-weight: 700; font-size: 44px; text-align: center; background: #ffca7f; background: linear-gradient(37deg, #ffca7f 0%, rgba(254, 232, 201, 0.53545168) 19%, rgba(254, 232, 201, 0.43461134) 48%, #eeb667 100%); } .customer-case-page .c-page-link { display: inline-block; color: #303133; font-weight: bold; min-width: 25px; text-align: center; margin: 0 5px; padding: 0 5px; border-radius: 2px; cursor: pointer; } @media (max-width: 768px) { .pro-back { position: static; width: 100%; } .single-customer { padding: 20px 20px 40px; } .scs-top .customer-case-title { width: 100%; } .scs-main { padding: 0 20px 40px; } .scs-main .scs-text-box-right { width: 100%; } .scs-main .share-link { display: none; } .scs-main .scs-text-box-right .scs-demo-text { font-size: 20px; } .scs-main .scs-text-box-right .scs-demo { margin-bottom: 0; } .scs-main .scs-text-box-right .scs-demo-link { width: 100%; } .scs-share-item { padding: 0 20px 40px; } .scs-share-item .collection-list { grid-template-columns: repeat(2, 1fr); grid-gap: 24px; } .scs-share-item .collection-list-item { margin: 0; width: 100%; } } @media (max-width: 425px) { .scs-top .customer-case-title { font-size: 24px; font-weight: 700; line-height: 150%; /* 36px */ } .scs-top .achieve-list { width: 100%; margin-top: 36px; padding: 26px 0 0; } .scs-top .achieve-list .achieve-list-ul { flex-flow: column; } .scs-top .achieve-list .achieve-list-ul .achieve-list-item { width: 100%; } .scs-share-item { margin: 0; } .scs-share-item .center-title { margin-bottom: 16px; text-align: center; font-size: 24px; font-weight: 700; line-height: 150%; } .scs-share-item .read-more-link { margin-bottom: 32px; } .scs-share-item .collection-list { grid-template-columns: repeat(1, 1fr); } } /*# sourceMappingURL=single-customer-case.css.map */