.page-solutions-detail #second-header .level-left {
    font-size: 14px
}

.page-solutions-detail #second-header .level-left img {
    width: 28px
}

.page-solutions-detail #background:before,.page-solutions-detail #contact-us:before,.page-solutions-detail #can-do:before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.page-solutions-detail #banner .gradient img {
    width: 28px;
    height: 28px
}

.page-solutions-detail #banner p {
    font-size: 18px
}

.page-solutions-detail #background {
    position: relative;
    padding: 160px 0;
    background: #f5f7fa
}

.page-solutions-detail #background .column>p {
    position: relative;
    font-size: 14px
}

.page-solutions-detail #background .column>p:before {
    content: "";
    position: absolute;
    top: 4px;
    left: -12px;
    width: 6px;
    height: 16px;
    background: linear-gradient(317deg,#866dff,#4d6bff)
}

.page-solutions-detail #function {
    padding: 160px 0;
    background: linear-gradient(0deg,#fff,#f5f7fa);
}

.page-solutions-detail #function h2 {
    margin-bottom: 20px
}

.page-solutions-detail #function p {
    font-size: 18px
}

.page-solutions-detail #function .sub>p{
    font-size: 1.5rem!important;   
    margin-bottom: 160px
}

.page-solutions-detail #function .item:not(:last-child) {
    margin-bottom: 160px!important
}

.page-solutions-detail #can-do {
    position: relative;
    margin-bottom: 400px;
    padding: 100px 0

}

.page-solutions-detail #can-do:before {
    margin-bottom: -240px;
    background-color: #0089ff;
}

.page-solutions-detail #can-do .is-flex {
    height: 100%;
    padding: 58px 32px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(43,56,95,.11)
}

.page-solutions-detail #can-do .is-flex>img {
    width: 150px;
    height: 150px
}

.page-solutions-detail #can-do .is-flex>p {
    font-size: 14px
}

@media screen and (min-width: 768px) {
    .page-solutions-detail #can-do .columns {
        position:absolute;
        width: 100%
    }
}

.page-solutions-detail #industry-customers {
    padding-bottom: 160px
}

.page-solutions-detail #industry-customers p {
    font-size: 14px
}

.page-solutions-detail #contact-us {
    position: relative;
    padding: 88px 0;
    background: url(/assets/images/contact-us-bg.svg) no-repeat 50%/cover
}

.page-solutions-detail #contact-us:before {
    background: linear-gradient(226deg,#41476d,#0f1123)
}

.page-solutions-detail #banner {
    background: linear-gradient(180deg,#fff,#f5f7fa)
}

.page-solutions-detail #banner h1:lang(zh) {
    line-height: 68px
}

.page-solutions-detail #banner p:lang(zh) {
    line-height: 32px
}

.page-solutions-detail #banner .button.is-black {
    background: linear-gradient(225deg,#41476d,#0f1123)
}

.page-solutions-detail #second-header .level-left {
    font-size: 14px
}

.page-solutions-detail #second-header .level-left img {
    width: 28px
}

.page-solutions-detail #components-banner {
    padding-bottom: 64px
}
.page-solutions-detail #pains {
    padding: 160px 0;
    background: #f5f8fe;
}
.page-solutions-detail #capabilities {
    padding: 88px 0;
    background-color: #edf0f6;
}

.page-solutions-detail #capabilities .card {
    height: 100%;
    padding: 24px 88px;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(43,56,95,.11);
    border-radius: 8px
}

@media screen and (max-width: 767px) {
    .page-solutions-detail #capabilities .card {
        padding:24px
    }
}

.page-solutions-detail #capabilities .card img {
    max-width: 100%;
    max-height: 100%
}

.page-solutions-detail #benifits {
    padding: 160px 0;
    background: linear-gradient(0deg,#fff,#f5f7fa)
}

.page-solutions-detail #benifits .item:not(:last-child){
    margin-bottom: 160px
}

.page-solutions-detail #use-cases {
    padding: 160px 0;
    background: linear-gradient(225deg,#41476d,#0f1123)
}

.page-solutions-detail #use-cases .el-carousel {
    overflow-y: unset
}

.page-solutions-detail #use-cases .el-carousel__container {
    margin-top: 88px;
    height: 300px;
    border: none
}

@media screen and (max-width: 768px) {
    .page-solutions-detail #use-cases .el-carousel__container {
        height:400px
    }
}

.page-solutions-detail #use-cases .el-carousel__indicators--labels {
    top: 0
}

.page-solutions-detail #use-cases .el-carousel__indicators--labels .el-carousel__indicator .el-carousel__button {
    white-space: nowrap;
    height: 36px;
    margin: 0 36px;
    background-color: transparent;
    border-bottom: 4px solid transparent;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 20px
}

.page-solutions-detail #use-cases .el-carousel__indicators--labels .el-carousel__indicator.is-active .el-carousel__button {
    border-bottom-color: #866dff
}

@media screen and (max-width: 767px) {
    .page-solutions-detail #use-cases .el-carousel__indicators--labels {
        overflow:hidden;
        overflow-x: auto;
        display: flex
    }

    .page-solutions-detail #use-cases .el-carousel__indicators--labels .el-carousel__indicator .el-carousel__button {
        width: auto;
        margin: 0
    }
}

.page-solutions-detail #use-cases .card {
    height: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: none
}

.page-solutions-detail #use-cases .card .poster {
    width: 500px;
    height: 100%;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.page-solutions-detail #use-cases .card .poster img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transition: all .4s
}

.page-solutions-detail #use-cases .card h5 {
    -webkit-line-clamp: 1;
    height: 26px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.page-solutions-detail #use-cases .card p {
    color: #343741;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.page-solutions-detail #resources {
    padding: 160px 0
}

.page-solutions-detail #resources .container {
    padding: 64px 0;
    background: url(/assets/images/resources-bg.png) no-repeat 50%/cover,linear-gradient(135deg,#e7edff,#e4ecff);
    box-shadow: 0 2px 2px 0 rgba(43,56,95,.09);
    border-radius: 8px
}
.solution-card{
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    height: 100%;
    transition: all .4s;
}
.page-solution #banner {
    background: #edf0f6;
    padding-bottom: 200px;
}
.page-solution #list .list-top {
    margin-top: -220px;
}