#event2{}
#event2 .content{
    padding-bottom: 164px;
}
#event2 .head {
    margin: 0 auto;
    max-width: 990px;    
    margin-top: 40px;
}

#event2 .head .t0 {}

#event2 .head .event-subs {
    margin-top: 23px;
    border-top: 2px solid black;
    padding-left: 20px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #F6F7F8;
}

#event2 .head .event-subs strong {
    font-weight: 600;
    font-size: 14px;
    color: #0f0f0f;
}

#event2 .head .event-subs .date {
    font-weight: 400;
    font-size: 14px;
    color: #8f8f8f;
    margin-left: 38px;
}
#event2 .sect{
    position: relative;
    margin: 0 auto;
    max-width: 990px;
}
#event2 .sect .act-outline{
    /* border: 1px solid red; */
    cursor: pointer;
}
#event2 .sect img{
    width: 100%;
}

#event2 .m01 {}
#event2 .m01 ul{
    position: absolute;
    bottom: 0;
    height: 160px;
    left: 0;
    right: 0;
    width: 711px;
    margin: 0 auto;
}
#event2 .m01 ul li{
    float: left;
    width: 25%;
    height: 100%;
    cursor: pointer;
    /* border: 1px solid red; */
}

#event2 .m02 .act-outline{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 116px;
    width: 394px;
    height: 92px;
    margin: 0 auto;
}


#event2 .m03 .act-wrapper{
    position: absolute;
    width: 21.4%;
    height: 4.2%;
    right: 18.9%;
}
#event2 .m03 .act-wrapper .act-outline{
    width: 100%;
    height: 50%;
}

#event2 .m03 .act-wrapper.wdh01 {
    top: 23.6%;
}
#event2 .m03 .act-wrapper.wdh02 {
    top: 44.3%;
}
#event2 .m03 .act-wrapper.wdh03 {
    top: 65.5%;
}
#event2 .m03 .act-wrapper.wdh04 {
    top: 87%;
}
#event2 .m03 .more-wdh{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3.5%;
    width: 42.5%;
    height: 3.3%;
    margin: 0 auto;
    cursor: pointer;
}


#event2 .m04 .act-outline{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 120px;

    width: 394px;
    height: 92px;

    margin: 0 auto;
}
#event2 .m04 .product-router {
    position: absolute;
    top: 17.5%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 63.1%;
    height: 68.8%;    
}
#event2 .m04 .product-router li{
    float: left;
    width: 50%;
    height: 50%;
    cursor: pointer;
}

#event2 .m05 {
    overflow: hidden;
}
#event2 .m05 .swiper-container{
    position: absolute;
    top: 37%;
    left: 0;
    right: 0;
    width: 580px;
    margin: 0 auto;
    overflow: visible;
}
#event2 .i-product .item .thumb .count {
    width: 57px;
    height: 57px;
    font-size: 15px;
}


#event2 .m06 {}
#event2 .m06 .sw-arrow {
    background-image: none;
    width: 24px;
    height: 44px;
    margin-top: -22px;
}
#event2 .m06 .sw-arrow.swiper-button-prev {
    left: 0;
}
#event2 .m06 .sw-arrow.swiper-button-next {
    right: 0;
}
#event2 .m06 .slide-wrapper{
    position: absolute;
    left: 0;
    right: 0;
    width: 700px;
    margin: 0 auto;
    /* padding: 0 75px; */
}
#event2 .m06 .slide-wrapper.studio{
    top: 16%;
}

#event2 .m06 .slide-wrapper.dress{
    top: 40%;
}
#event2 .m06 .slide-wrapper.dress .swiper-container{
    /* float: right; */
}
#event2 .m06 .slide-wrapper.dress .swiper-container .pg {
    left: 48%;
    right: 0;
}
#event2 .m06 .slide-wrapper.dress .swiper-slide{
    text-align: right;
}
#event2 .m06 .slide-wrapper.dress .txt-wrapper{
    left: 40px;
    right: auto;
}
#event2 .m06 .slide-wrapper.dress .txt-wrapper .ef{
    left: 8%;
}
#event2 .m06 .slide-wrapper.dress .txt-wrapper .txt{
    margin-left: 16%;
}

#event2 .m06 .slide-wrapper.makeup{
    top: 64%;
}


#event2 .m06 .slide-wrapper .swiper-container{
    /* width: 52%; */
    /* width: 100%; */
    width: 595px;
    /* left: 0;
    right: auto; */
    margin: 0 auto;
}
#event2 .m06 .slide-wrapper .swiper-slide{
    cursor: pointer;
}
#event2 .m06 .slide-wrapper .swiper-slide > img{
    /* width: 100%; */
    width: 53%;
}
#event2 .m06 .swiper-container .pg {
    text-align: center;
    position: absolute;
    left: 0;
    right: 48%;
    bottom: 10px;
    z-index: 10000;
    width: auto;
    transform: translate3D(0, 0, 10px);
}

#event2 .m06 .swiper-container .swiper-pagination-bullet-active {
    opacity: 1 !important;
}
#event2 .m06 .swiper-container .swiper-pagination-bullet {
    background-color: white;
    cursor: pointer;
    opacity: 0.4;
}
#event2 .m06 .slide-wrapper .txt-wrapper {
    pointer-events: none;
}
#event2 .m06 .slide-wrapper .txt-wrapper .txt {
    width: 71%;
    margin-top: 29%;
    margin-left: 9%;    
}
#event2 .m06 .slide-wrapper .txt-wrapper .ef {
    position: absolute;
    top: 22%;
    right: 11%;
    width: 6%;
}
#event2 .m06 .slide-wrapper .txt-wrapper{
    position: absolute;
    top: 30px;
    right: 16px;
    width: 49%;
    height: 100%;
    z-index: 1;
    pointer-events: none;

    background-image: url('../../../img/mobile/event2/m06-box.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
#event2 .m06 .act-outline{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 135px;
    width: 394px;
    height: 92px;
    margin: 0 auto;
}
#event2 .m07 .act-outline {
    position: absolute;
    /* width: 45%;
    height: 5%; */
    width: 288px;
    height: 60px;
    /* border: 1px solid red; */
}
#event2 .m07 .act-outline[data-id="cp01"] { top:39.5%; left:20.2% }
#event2 .m07 .act-outline[data-id="cp02"] { top:39.5%; right:20.2% }
#event2 .m07 .act-outline[data-id="cp03"] { top:62.8%; left:20.2% }
#event2 .m07 .act-outline[data-id="cp04"] { top:62.8%; right:20.2% }
#event2 .m07 .act-outline[data-id="cp05"] { top:85.9%; left:20.2% }
#event2 .m07 .act-outline[data-id="cp06"] { top:85.9%; right:20.2% }


#event2 .btn-act {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 8%;
    width: 61%;    
    z-index: 2;
}
#event2 .btn-act.req-submit1 {
    top: 48%;
}
#event2 .btn-act.req-submit2 {
    top: 83%;
}
#event2 .btn-act.req-pkg {
    top: 63.4%;
}