
.banner {
    width: 100%;
    margin-top: 80px;
}

.banner .lshop {
    height: 520px;
    background: url('../mirror/images/distribute/lshop_bg.png') no-repeat center center;
    background-size: 100% 100%;
}

.banner .lshop .lshop_ber {
}

.banner .lshop .lshop_ber .lshop_ber_ber {
    width: 100%;
    height: 100%;
    background: url('../mirror/images/distribute/lshop_ber_ber.png') no-repeat center right;
}

.banner .lshop .lshop_ber .lshop_ber_ber > .ls_tit {
    color: #333;
    font-family: AlibabaPuHuiTi-3-85-Bold;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-top: 109px;
    margin-left: -32px;
}

.banner .lshop .lshop_ber .lshop_ber_ber > .ls_tit > span {
    background: linear-gradient(88deg, #0340FF 15.86%, #6087FF 62.6%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: AlibabaPuHuiTi-3-85-Bold;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.banner .lshop .lshop_ber .lshop_ber_ber > .ls_msg {
    color: #003EFF;
    font-family: AlibabaPuHuiTi-3-75-SemiBold;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 123.077% */
    letter-spacing: 2.08px;
    margin-top: 10px;
}

.banner .lshop .lshop_ber .lshop_ber_ber > .lshop_ul {
    width: 450px;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
}

.banner .lshop .lshop_ber .lshop_ber_ber > .lshop_ul > li {
    color: #475793;
    font-family: AlibabaPuHuiTi-3-55-RegularL3;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    width: 50%;
    padding-bottom: 20px;
}

.banner .lshop .lshop_ber .lshop_ber_ber .lshop_but {
    margin-top: 20px;
}

.banner .lshop .lshop_ber .lshop_ber_ber .lshop_but > .free {
    margin-right: 50px;
    padding: 5px 20px;
    background: #003EFF;
    border-radius: 6px 6px 6px 6px;

    font-size: 20px;
    font-family: AlibabaPuHuiTi-3-75-SemiBold;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 41px;
}

.sec-tit-sty {
    color: #333;
    font-family: AlibabaPuHuiTi-3-85-Bold;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/*核心功能*/
.function-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.function-box .func-tit {
    padding: 42px 0 50px 0;
}

.function-box .func-cont {
    width: 1200px;
    display: flex;
    justify-content: center;
    padding-bottom: 80px;
}

.function-box .func-cont .cont-mid {
    width: 794px;
    height: 520px;
    background: url('../mirror/images/distribute/func_bg.png') no-repeat center center;
    background-size: 100% 100%;
    position: relative;
}

.function-box .func-cont .cont-mid .lst-item {
    display: flex;
    width: 232px;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 0px 8px 0px rgba(66, 84, 123, 0.10);
    display: flex;
    flex-direction: column;
    position: absolute;
}

.function-box .func-cont .cont-mid .item1 {
    top: 10%;
    left: -16%;
    align-items: flex-end !important;
}

.function-box .func-cont .cont-mid .item2 {
    top: 10%;
    right: -26%;
    align-items: flex-start !important;
}

.function-box .func-cont .cont-mid .item3 {
    bottom: 0%;
    left: -17%;
    align-items: flex-end !important;
}

.function-box .func-cont .cont-mid .item4 {
    bottom: 0%;
    right: -24%;
    align-items: flex-start !important;
}

.function-box .func-cont .cont-mid .lst-item .it-tit {
    color: #3A6AFF;
    font-family: AlibabaPuHuiTi-3-85-Bold;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 8px;
}

.function-box .func-cont .cont-mid .lst-item .it-des {
    color: #495770;
    font-family: AlibabaPuHuiTi-3-55-RegularL3;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/*适用场景*/
.scene-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #F4F6FA;
}

.scene-box .scene-tit {
    padding: 42px 0;
}

.scene-box .scene-cont {
    width: 1200px;
    padding-bottom: 87px;
}

.scene-box .scene-cont .cont-lst {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.scene-box .scene-cont .cont-lst .lst-item {
    margin-right: 20px;
    width: calc(25% - 20px);
    flex-shrink: 0;
    border-radius: 12px 12px 0px 0px;
    border: 2px solid #FFF;
    background: rgba(255, 255, 255, 0.40);
}

.scene-box .scene-cont .cont-lst .lst-item:last-child {
    margin-right: 0px;
}

.scene-box .scene-cont .cont-lst .lst-item .it-img {
}

.scene-box .scene-cont .cont-lst .lst-item .it-bot {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px 0 40px;
}

.scene-box .scene-cont .cont-lst .lst-item .it-bot .tit {
    color: #495770;
    font-family: AlibabaPuHuiTi-3-65-Medium;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.scene-box .scene-cont .cont-lst .lst-item .it-bot .line {
    width: 106px;
    height: 4px;
    flex-shrink: 0;
    background: #3A6AFF;
    margin-top: 24px;
}

/*联系方式*/
.contact-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background: url('../mirror/images/distribute/contact_bg.png') no-repeat center center;
    background-size: 100% 100%;
}

.contact-box .contact-tit {
    padding: 42px 0 23px 0;
}

.contact-box .contact-cont {
    width: 1200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact-box .contact-cont .cont-user {
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.70);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(35px);
    width: 713px;
    /*height: 430px;*/
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 11px 24px 26px 24px;
}

.contact-box .contact-cont .input-box {
    display: flex;
    flex-wrap: wrap;
}

.contact-box .contact-cont .input-box .in-item {
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-top: 15px;
}

.contact-box .contact-cont .input-box .in-item:nth-child(2n) {
    margin-right: 0px;
}

.contact-box .contact-cont .input-box .in-item .label {
    color: #333;
    font-family: AlibabaPuHuiTi-3-75-SemiBold;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.contact-box .contact-cont .input-box .in-item .label span {
    color: #FF1111;
}

.contact-box .contact-cont .input-box .in-item .input {
    padding: 0 16px;
    margin-top: 7px;
    border-radius: 8px;
    border: 1px solid #E7E7E7;
    background: #FFF;
}

.contact-box .contact-cont .input-box .in-item .input input {
    height: 38px;
    width: 100%;
    border: none;
}

.contact-box .contact-cont .submit {
    width: 71%;
    height: 44px;
    background-color: #3A6AFF;
    border-radius: 44px;
    color: #FFF;
    font-family: AlibabaPuHuiTi-3-65-Medium;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.contact-box .contact-cont .user-qr {
    margin-top: 20px;
}

.contact-box .contact-cont .user-des {
    margin-top: 12px;
    color: #333;
    font-family: AlibabaPuHuiTi-3-65-Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 114.286% */
}

.contact-box .contact-cont .cont-bar {
    width: 100%;
    margin-top: 26px;
    border-radius: 12px 12px 0px 0px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.70);
}

.contact-box .contact-cont .bar-lst {
    padding: 0 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contact-box .contact-cont .bar-lst .lst-item {
    padding: 29px 0;
    display: flex;
    align-items: center;

}

.contact-box .contact-cont .bar-lst .lst-item .it-img {
}

.contact-box .contact-cont .bar-lst .lst-item .it-tit {
    color: #333;
    font-family: AlibabaPuHuiTi-3-75-SemiBold;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: 8px;
}

.contact-box .contact-cont .bar-lst .lst-item .it-tit span {
    color: #3A6AFF;
}
