.wrap {
    width: 100%;
    max-width: 63.458vw;
    margin: 0 auto;
}

.live1 {
    padding: 2.344vw 7.813vw 6.979vw;
    background: rgba(0, 0, 0, 0.33);
    border: 0.26042vw solid rgba(230, 232, 255, 0.54);
    border-radius: 4.16667vw;
}

.live1 .pic {
    width: 31.25vw;
    margin: 0 0 3.125vw;
    position: relative;
}


.live1 .pic::after {
    content: '';
    display: block;
    width: 48.646vw;
    height: 0.052vw;
    background: #FFFFFF;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.live1 .intr {
    font-size: 1.25vw;
    line-height: 2;
    color: #B2B2B2;
}



.live-title .left {
    width: 40%;
}

.live-title .pic {
    width: 11.542vw;
}

.live-title .intr {
    width: 40%;
    font-size: 1.163vw;
    letter-spacing: 0.104vw;
    color: #FFFFFF;
}

.live-title .right .pic {
    width: 26.25vw;
}

.live-line {
    width: 57.813vw;
}

.live-line img {
    width: 100%;
}

.live2 .live-title {
    margin: 7.167vw auto 4.979vw;
}

.live3 .live-title {
    margin: 6.188vw auto 5.229vw;
}

.live2 .p-video p {
    font-size: 1.667vw;
}

.live2 .live-line {
    margin: 5.292vw auto;
}

.live3 .main .ev {
    width: 11.583vw;
}

.live3 .main p {
    margin-top: 2.76vw;
    text-align: center;
    font-size: 1.267vw;
    font-weight: 400;
    color: #FFFFFF;
}

.live3 .live-line {
    margin: 7.938vw auto 8.104vw;
}

.live4 .main {
    margin: 5.146vw 0 0;
}

.live4 .main .p-video {
    margin-bottom: 6.146vw;
}

.live4 .live-line {
    margin: 2.688vw auto 7.417vw;
}

.live5 .main {
    margin: 5.438vw 0 0;
}

.live5 .live-line {
    margin: 5.49vw auto 7.375vw;
}

.live6 .main {
    margin: 8.333vw 0 0;
}

.live6 .live-line {
    margin: 6.771vw auto 7.417vw;
}

.live6 .ev img {
    width: 100%;
}

.live7 .live-title .pic {
    transform: translateX(-3.125vw);
}

.live7 .main {
    width: 63.542vw;
    margin: 5.208vw auto 0;
}

.live7 .main p {
    font-size: 1.267vw;
    color: #FFFFFF;
}


.live7 .live-line {
    margin: 6.25vw auto 7.063vw;
}

.live4 .live-title,
.live6 .live-title {
    flex-direction: row-reverse;
}

.live8 {
    margin-bottom: 10.417vw;
}

.live8 .title .pic {
    width: 27.208vw;
}

.live8 .title {
    margin-bottom: 5.104vw;
}

.live8 .main-pic {
    margin-bottom: 5.625vw;
}

.live8 .main-pic,
.live8 .main-pic img {
    width: 100%;
}

.live8 .ev {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2.083vw;
}

.live8 .ev:nth-of-type(2n) {
    flex-direction: row-reverse;
}

.live8 .ev:nth-of-type(2n) .intr {
    padding: 0 15% 0 0;
}

.live8 .ev .pic {
    width: 48%;
    border-radius: 1.04167vw;
    overflow: hidden;
}

.live8 .ev .intr {
    width: 52%;
    padding: 0 0 0 4%;
}

.live8 .ev .intr .intr-box {
    width: 21.875vw;
}

.live8 .ev .intr .intr-box h2 {
    font-size: 1.875vw;
    margin-bottom: 0.7em;
    color: #FFFFFF;
}

.live8 .ev .intr .intr-box p {
    font-size: 1.15vw;
    line-height: 2;
    color: #FFFFFF;
}

.live1-copy {
    padding: 2.344vw 5.469vw 4.167vw;
}

.live9 {
    margin: 5.938vw auto 10.208vw;
}

.live9 .title .pic {
    margin: 0 auto;
    margin-top: 2vw;
    width: 54.271vw;
}

.live9-A {
    margin-top: 5.781vw;
}

.live9-A .pic {
    width: 67%;
}

.live9-A .intr {
    width: 33%;
    padding: 0 0 0 3.125vw;
}

.live9-A .intr li {
    margin-bottom: 2.292vw;
}

.live9-A .intr h2 {
    font-size: 1.683vw;
    margin-bottom: 0.521vw;
    font-weight: 800;
    color: #F8CD1C;
}

.live9-A .intr p {
    font-size: 1vw;
    color: #FFFFFF;
}

.live9-B {
    margin: 5.458vw auto 0;
}

.live9-B dl {
    width: 31.083vw;
    padding: 3.527vw 3.688vw 0.567vw;
    background: rgba(255, 255, 255, 0.13);
    border: 0.26042vw solid rgba(230, 232, 255, 0.54);
    border-radius: 4.16667vw;
}

.live9-B dt {
    font-size: 1.813vw;
    margin-bottom: 0.6em;
    font-weight: 800;
    color: #F8CD1C;
}

.live9-B dd {
    font-size: 1.05vw;
    margin-bottom: 1.7em;
    line-height: 2;
    font-weight: 400;
    color: #FFFFFF;
    padding-left: 1.3em;
    position: relative;
}

.live9-B dd::after {
    display: inline-block;
    content: '\25C6';
    position: absolute;
    left: 0;
    top: 0vw;
}

.live9-C {
    margin: 10.74vw 0 10.74vw -2.208vw;
}

.live9-C .left {
    width: 43.906vw;
}


.live9-C .right {
    width: 17.75vw;
}

.live9-D .p-video {
    width: 39.271vw;
}

.live10 {
    margin: 0 auto 6.042vw;
}

.live10 .title .pic {
    width: 52.875vw;
}

.live10 .title2 {
    margin: 6.927vw 0 0.396vw;
}

.live10 .title2 .pic {
    width: 24.417vw;
}

.live10 .ev {
    width: 30.13vw;
    background: rgba(255, 255, 255, 0.13);
    border: 0.26042vw solid rgba(230, 232, 255, 0.54);
    border-radius: 2.08333vw;
    padding: 3.104vw 3.844vw 2.167vw;
    font-size: 1.15vw;
}

.live10 .ev .pic {
    margin: 0 auto 0.82vw;
}

.live10 .ev:nth-of-type(1) .pic {
    width: 13.813vw;
}

.live10 .ev:nth-of-type(2) .pic {
    width: 19.604vw;
}

.live10 .ev .intr {
    line-height: 2;
    font-size: 1.25vw;
    color: #FFFFFF;
}

.live11 .title .pic {
    width: 24.417vw;
}

.live11 .title p {
    margin-top: 0;
    font-size: 1.25vw;
    color: #FFFFFF;
    margin-bottom: 2.813vw;
}

.live11 .main {
    padding: 3.167vw;
    background: rgba(255, 255, 255, 0.13);
    border: 0.26042vw solid rgba(230, 232, 255, 0.54);
    border-radius: 4.16667vw;
    width: 50.0vw;
    display: block!important;
    margin: 0 auto;
    margin-bottom: 7.813vw;
}

.live11 .main .main-title {
    margin-bottom: 3.646vw;
}

.live11 .main .main-title .pic {
    width: 26.302vw;
}

/*
*======================================================media===============================================================
*/
@media screen and (max-width:1919px) {}

@media screen and (max-width:1519px) {}

@media screen and (max-width:1366px) {}

@media screen and (max-width:1250px) {}

@media screen and (max-width:991px) {
    .wrap {
        width: 90%;
        max-width: 1564px;
    }

    .live1 {
        padding: 23px 75px 67px;
        border: 2px solid rgba(230, 232, 255, 0.54);
        border-radius: 40px;
    }

    .live1 .pic {
        width: 400px;
        margin: 0 0 30px;
    }


    .live1 .pic::after {
        width: 467px;
        height: 1px;
    }

    .live1 .intr {
        font-size: 12px;
    }

    .live-title .left {
        width: 40%;
    }

    .live-title .pic {
        width: 130px;
    }

    .live-title .intr {
        width: 40%;
        font-size: 15px;
        letter-spacing: 2px;
    }

    .live-title .right .pic {
        width: 252px;
    }

    .live-line {
        width: 555px;
    }

    .live2 .live-title {
        margin: 88px auto 115px;
    }

    .live3 .live-title {
        margin: 69px auto 78px;
    }

    .live2 .p-video p {
        font-size: 16px;
    }

    .live2 .live-line {
        margin: 70px auto;
    }

    .live3 .main .ev {
        width: 140px;
    }

    .live3 .main p {
        margin-top: 27px;
        font-size: 16px;
    }

    .live3 .live-line {
        margin: 105px auto 95px;
    }

    .live4 .main {
        margin: 107px 0 0;
    }

    .live4 .main .p-video {
        margin-bottom: 59px;
    }

    .live4 .live-line {
        margin: 45px auto 100px;
    }

    .live5 .main {
        margin: 129px 0 0;
    }

    .live5 .live-line {
        margin: 82px auto 90px;
    }

    .live6 .main {
        margin: 80px 0 0;
    }

    .live6 .live-line {
        margin: 65px auto 100px;
    }

    .live7 .live-title .pic {
        transform: translateX(-30px);
    }

    .live7 .main {
        width: 610px;
        margin: 50px auto 0;
    }

    .live7 .main p {
        font-size: 18px;
    }


    .live7 .live-line {
        margin: 60px auto 135px;
    }

    .live8 {
        margin-bottom: 100px;
    }

    .live8 .title .pic {
        width: 386px;
    }

    .live8 .title {
        margin-bottom: 49px;
    }

    .live8 .main-pic {
        margin-bottom: 54px;
    }

    .live8 .ev {
        margin-bottom: 20px;
    }

    .live8 .ev:nth-of-type(2n) .intr {
        padding: 0 15% 0 0;
    }

    .live8 .ev .pic {
        width: 48%;
        border-radius: 10px;
    }

    .live8 .ev .intr {
        width: 52%;
        padding: 0 0 0 4%;
    }

    .live8 .ev .intr .intr-box {
        width: 210px;
    }

    .live8 .ev .intr .intr-box h2 {
        font-size: 18px;
    }

    .live8 .ev .intr .intr-box p {
        font-size: 14px;
    }

    .live1-copy {
        padding: 23px 53px 40px;
    }

    .live9 {
        margin: 57px auto 98px;
    }

    .live9 .title .pic {
        width: 617px;
    }

    .live9-A {
        margin-top: 56px;
    }

    .live9-A .pic {
        width: 67%;
    }

    .live9-A .intr {
        width: 33%;
        padding: 0 0 0 30px;
    }

    .live9-A .intr li {
        margin-bottom: 22px;
    }

    .live9-A .intr h2 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .live9-A .intr p {
        font-size: 14px;
    }

    .live9-B {
        margin: 110px auto 0;
    }

    .live9-B dl {
        width: 48%;
        padding: 67px 45px 40px;
        border: 2px solid rgba(230, 232, 255, 0.54);
        border-radius: 40px;
    }

    .live9-B dt {
        font-size: 27px;
    }

    .live9-B dd {
        font-size: 14px;
    }

    .live9-C {
        margin: 142px 0 142px;
    }

    .live9-C .left {
        width: 60%;
    }


    .live9-C .right {
        width: 30%;
    }

    .live9-D .p-video {
        width: 377px;
    }

    .live10 {
        margin: 0 auto 58px;
    }

    .live10 .title .pic {
        width: 642px;
    }

    .live10 .title2 {
        margin: 67px 0 23px;
    }

    .live10 .title2 .pic {
        width: 388px;
    }

    .live10 .ev {
        width: 48%;
        border: 2px solid rgba(230, 232, 255, 0.54);
        border-radius: 20px;
        padding: 49px 47px 40px;
    }

    .live10 .ev .pic {
        margin: 0 auto 28px;
    }

    .live10 .ev:nth-of-type(1) .pic {
        width: 171px;
    }

    .live10 .ev:nth-of-type(2) .pic {
        width: 265px;
    }

    .live10 .ev .intr {
        line-height: 2;
        font-size: 20px;
    }

    .live11 .title .pic {
        width: 388px;
    }

    .live11 .title p {
        margin-top: -1em;
        font-size: 20px;
    }

    .live11 .main {
        margin: 53px 0 87px;
        padding: 44px;
        border: 2px solid rgba(230, 232, 255, 0.54);
        border-radius: 40px;
    }

    .live11 .main .main-title {
        margin-bottom: 35px;
    }

    .live11 .main .main-title .pic {
        width: 253px;
    }

    .live6 .ev {
        margin-bottom: 40px;
    }
}

@media screen and (max-width:768px) {
    .live1 {
        padding: 15px 50px 44px;
        border-radius: 26px;
    }

    .live1 .pic {
        width: 264px;
        margin: 0 0 20px;
    }


    .live1 .pic::after {
        width: 308px;
        height: 1px;
    }

    .live1 .intr {
        font-size: 12px;
    }

    .live-title .left {
        width: 40%;
    }

    .live-title .pic {
        width: 86px;
    }

    .live-title .intr {
        width: 40%;
        font-size: 10px;
        letter-spacing: 2px;
    }

    .live-title .right .pic {
        width: 166px;
    }

    .live-line {
        width: 366px;
    }

    .live2 .live-title {
        margin: 58px auto 76px;
    }

    .live3 .live-title {
        margin: 46px auto 51px;
    }

    .live2 .p-video p {
        font-size: 14px;
    }

    .live2 .live-line {
        margin: 46px auto;
    }

    .live3 .main::after {
        content: '';
        width: 26%;
    }

    .live3 .main .ev {
        width: 26%;
        margin-bottom: 15px;
    }

    .live3 .main p {
        margin-top: 18px;
        font-size: 14px;
    }

    .live3 .live-line {
        margin: 69px auto 63px;
    }

    .live4 .main {
        margin: 71px 0 0;
    }

    .live4 .main .p-video {
        margin-bottom: 39px;
    }

    .live4 .live-line {
        margin: 30px auto 66px;
    }

    .live5 .main {
        margin: 85px 0 0;
    }

    .live5 .live-line {
        margin: 54px auto 59px;
    }

    .live5 .p-video{
        margin-bottom: 15px;
    }

    .live6 .main {
        margin: 53px 0 0;
    }

    .live6 .live-line {
        margin: 43px auto 66px;
    }

    .live7 .live-title .pic {
        transform: translateX(-20px);
    }

    .live7 .main {
        width: 90%;
        margin: 33px auto 0;
    }

    .live7 .main p {
        font-size: 16px;
    }


    .live7 .live-line {
        margin: 40px auto 89px;
    }

    .live8 {
        margin-bottom: 66px;
    }

    .live8 .title .pic {
        width: 255px;
    }

    .live8 .title {
        margin-bottom: 32px;
    }

    .live8 .main-pic {
        margin-bottom: 36px;
    }

    .live8 .ev {
        margin-bottom: 13px;
    }

    .live8 .ev:nth-of-type(2n) .intr {
        padding: 0;
        text-align: right;
    }

    .live8 .ev .pic {
        width: 100%;
        border-radius: 10px;
    }

    .live8 .ev .intr {
        width: 70%;
        margin: 20px 0;
        padding: 0;
    }

    .live8 .ev .intr .intr-box {
        width: 100%;
    }

    .live8 .ev .intr .intr-box h2 {
        font-size: 16px;
    }

    .live8 .ev .intr .intr-box p {
        font-size: 12px;
    }

    .live1-copy {
        padding: 12px 35px 26px;
    }

    .live9 {
        margin: 38px auto 65px;
    }

    .live9 .title .pic {
        width: 407px;
    }

    .live9-A {
        margin-top: 37px;
    }

    .live9-A .pic {
        width: 100%;
    }

    .live9-A .intr {
        width: 100%;
        padding: 20px;
    }

    .live9-A .intr li {
        margin-bottom: 15px;
    }

    .live9-A .intr h2 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .live9-A .intr p {
        font-size: 12px;
    }

    .live9-B {
        margin: 73px auto 0;
    }

    .live9-B dl {
        width: 100%;
        margin-bottom: 20px;
        padding: 44px 30px 26px;
        border: 2px solid rgba(230, 232, 255, 0.54);
        border-radius: 26px;
    }

    .live9-B dt {
        font-size: 18px;
    }

    .live9-B dd {
        font-size: 12px;
    }

    .live9-C {
        margin: 94px 0;
    }

    .live9-C .left {
        width: 60%;
    }


    .live9-C .right {
        width: 30%;
    }

    .live9-D .p-video {
        width: 249px;
    }

    .live10 {
        margin: 0 auto 38px;
    }

    .live10 .title .pic {
        width: 424px;
    }

    .live10 .title2 {
        margin: 44px 0 15px;
    }

    .live10 .title2 .pic {
        width: 256px;
    }

    .live10 .ev {
        width: 100%;
        margin-bottom: 20px;
        border: 2px solid rgba(230, 232, 255, 0.54);
        border-radius: 13px;
        padding: 32px 31px 26px;
    }

    .live10 .ev .pic {
        margin: 0 auto 18px;
    }

    .live10 .ev:nth-of-type(1) .pic {
        width: 190px;
    }

    .live10 .ev:nth-of-type(2) .pic {
        width: 250px;
    }

    .live10 .ev .intr {
        line-height: 2;
        font-size: 14px;
    }

    .live11 .title .pic {
        width: 256px;
    }

    .live11 .title p {
        margin-top: -1em;
        font-size: 18px;
    }

    .live11 .main {
        margin: 32px auto;
        padding: 29px;
        border: 2px solid rgba(230, 232, 255, 0.54);
        border-radius: 26px;
        width: 80%;
    }

    .live11 .main .main-title {
        margin-bottom: 23px;
    }

    .live11 .main .main-title .pic {
        width: 167px;
    }

    .live6 .ev {
        margin-bottom: 26px;
    }
}

@media screen and (max-width:480px) {}