* {
    margin: 0;
    padding: 0;
}

.group_1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../assets/download/background_1.svg") content-box;
    background-size: 100%;
    min-width: 1920px;
    height: 680px;
}

.logo {
    position: absolute;
    top: 40px;
    left: 235px;
}

.logo--xidian {
    display: none;
    position: absolute;
    top: 40px;
    left: 235px;
}

.group_2 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../assets/download/background_2.svg") no-repeat;
    background-size: 100%;
    min-width: 1920px;
    height: 1007px;
}

.group_3 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../assets/download/background_3.svg") no-repeat;
    background-size: 100%;
    min-width: 1920px;
    height: 760px;
}

.group_4 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../assets/download/background_4.svg") no-repeat;
    background-size: 100%;
    min-width: 1920px;
    height: 760px;
}

.group_5 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../assets/download/background_3.svg") no-repeat;
    background-size: 100%;
    min-width: 1920px;
    height: 760px;
}

.group_6 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../assets/download/background_4.svg") no-repeat;
    background-size: 100%;
    min-width: 1920px;
    height: 760px;
}

.group img {

}

.download-container {
    position: relative;
}

.download-windows {
    position: absolute;
    top: 330px;
    left: 0;
    background: url("../assets/download/download-windows.svg");
    background-size: 100%;
    width: 200px;
    height: 56px;
    cursor: pointer;
}

.download-windows:hover {
    background: url("../assets/download/download-windows-active.svg");
}

.download-mac {
    position: absolute;
    top: 330px;
    left: 230px;
    background: url("../assets/download/download-mac.svg");
    background-size: 100%;
    width: 170px;
    height: 56px;
    cursor: pointer;
}

.download-mac:hover {
    background: url("../assets/download/download-mac-active.svg");
}

.download-mac-box {
    display: none;
}

.mac-download-tip-mask {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.4 );
}

.mac-download-tip {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 840px;
    height: 620px;
    padding: 30px 30px 30px 60px;
    border-radius: 10px;
    background: #FFF;
    box-sizing: border-box;
    z-index: 3;
}

.mac-download-tip .close {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
}

.mac-download-tip h3 {
    color: rgba(19, 27, 38, 1);
    font-family: PingFang SC;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-top: 30px
}

.mac-download-tip p {
    color: rgba(102, 102, 102, 1);
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.mac-download-tip .introduce {
    margin: 24px 0;
}

.mac-download-tip h4 {
    color: rgba(19, 27, 38, 1);
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.mac-download-tip .manual {
    margin-bottom: 8px;
}

.mac-download-tip .manual strong {
    color: rgba(0, 0, 0, 1);
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 400;
}

.mac-download-tip .manual-img {
    margin: 12px 0 20px 0 ;
}

.mac-download-tip .suit-tip {
    text-align: center;
    margin-bottom: 20px;
}

.mac-download-tip .downloadBox {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-bottom: 11px;
    margin-right: 30px;
}

.mac-download-tip .downloadBox img {
    cursor: pointer;
}
.download-windows-box {
    display: none;
}

.windows-download-tip-mask {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.4 );
}

.windows-download-tip {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 840px;
    height: 620px;
    padding: 30px 30px 30px 60px;
    border-radius: 10px;
    background: #FFF;
    box-sizing: border-box;
    z-index: 3;
}

.windows-download-tip .close {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
}

.windows-download-tip h3 {
    color: rgba(19, 27, 38, 1);
    font-family: PingFang SC;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-top: 30px
}

.windows-download-tip p {
    color: rgba(102, 102, 102, 1);
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.windows-download-tip .introduce {
    margin: 24px 0;
}

.windows-download-tip h4 {
    color: rgba(19, 27, 38, 1);
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0;
}

.windows-download-tip .manual {
    margin-bottom: 8px;
}

.windows-download-tip .manual strong {
    color: rgba(0, 0, 0, 1);
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 400;
}

.windows-download-tip .manual-img {
    margin: 12px 0 20px 0 ;
}

.windows-download-tip .suit-tip {
    text-align: center;
    margin-bottom: 20px;
}

.windows-download-tip .downloadBox {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-bottom: 11px;
    margin-right: 30px;
}

.windows-download-tip .downloadBox img {
    cursor: pointer;
}