@charset "UTF-8";

/*
- 상품 템플릿 css 
- 기존 mc-static-root/css/evnt.css 파일 경로를 https://image.oliveyoung.co.kr/uploads/contents/planshop/xxx.css로 변경 및 파일명 변경
- 모던 기획전 상세 페이지에서만 로드
*/

.event_container {
    position: relative
}

.event_container .event_type_box {
    padding: 0 2.67vw 6.67vw;
    background-size: 100%
}

.event_container .event_type_box em {
    font-style: normal
}

.event_container .item_box:first-child {
    margin-top: 0
}

.event_container .item_box .list_items {
    padding: 0 3.33vw
}

.event_container .item_box .list_items .item {
    position: relative;
    width: 100%;
    padding: 5.33vw 0;
    border-top: 1px solid #e5e7ea
}

.event_container .item_box .list_items .item:first-child {
    border-top: 0
}

.event_container .item_box .list_items .item>a {
    display: block;
    width: 100%
}

.event_container .item_box .list_items .item .thum {
    display: block;
    position: relative;
    width: 53.33vw;
    height: 53.33vw;
    margin: 0 auto;
    text-align: center
}

.event_container .item_box .list_items .item .thum img {
    width: auto;
    height: auto;
    max-width: 53.33vw;
    max-height: 53.33vw
}

.event_container .item_box .list_items .item .thum .flag {
    display: block;
    position: absolute;
    top: -1.86vw;
    left: -1.86vw;
    width: 12vw;
    height: 12vw;
    background-color: #ff5753;
    border-radius: 100%;
    text-align: center
}

.event_container .item_box .list_items .item .thum .flag>em {
    font-style: normal;
    font-size: 5.33vw;
    color: #fff;
    line-height: 12vw;
    font-weight: 700
}

.event_container .item_box .list_items .item .thum .flag>span {
    font-size: 3.2vw;
    color: #fff;
    line-height: 12vw;
    font-weight: 700
}

.event_container .item_box .list_items .item .thum .flag.txt {
    top: 25px;
    padding: 3px 3px 3px 2px;
    line-height: 12px
}

.event_container .item_box .list_items .item .thum .flag.txt>em {
    font-size: 12px;
    line-height: 12px;
    color: #fff
}

.event_container .item_box .list_items .item .info {
    display: block;
    min-height: 100px;
    margin-top: 2.66vw;
    min-height: auto;
    vertical-align: middle;
    padding: 0
}

.event_container .item_box .list_items .item .info .bname {
    margin-bottom: 1.33vw;
    font-size: 3.2vw;
    line-height: 3.47vw;
    color: #292c33;
    word-break: keep-all;
    text-align: center
}

.event_container .item_box .list_items .item .info .iname {
    font-size: 3.46vw;
    line-height: 4.8vw;
    color: #000;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 9.6vw;
    word-break: keep-all;
    font-weight: 500
}

.event_container .item_box .list_items .item .info .price {
    margin-top: 1.86vw;
    text-align: center
}

.event_container .item_box .list_items .item .info .price del {
    font-size: 3.2vw;
    color: #757d86;
    margin-right: .93vw;
    line-height: 3.53vw;
    vertical-align: .3vw
}

.event_container .item_box .list_items .item .info .price del .won {
    font-size: 3.2vw;
    color: #757d86;
    line-height: 3.53vw
}

.event_container .item_box .list_items .item .info .price em {
    font-size: 5.33vw;
    color: #000;
    line-height: 3.87vw;
    font-weight: 500
}

.event_container .item_box .list_items .item .info .price em .won {
    font-size: 4vw;
    line-height: 3.87vw;
    font-weight: 500;
    vertical-align: .3vw
}

.event_container .item_box .list_items .item .info .txt_rev {
    margin-top: 5px;
    font-size: 14px;
    line-height: 18px;
    color: #292c33;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 36px
}

.event_container .item_box .list_items .item .itemtxts {
    margin: 2.4vw 0 0;
    padding: 0 26vw;
    text-align: center;
    font-size: 2.93vw;
    line-height: 4.26vw;
    color: #292c33;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 12.8vw;
    word-break: keep-all;
    white-space: pre-line
}

.event_container .item_box .btnMove {
    margin-bottom: 3vw;
    text-align: center
}

.event_container .item_box .btnMove>.btn {
    display: inline-block;
    width: 60vw;
    height: 10.67vw;
    background-color: #ef4400
}

.event_container .item_box .btnMove>.btn>span {
    padding-right: 4.67vw;
    font-size: 3.47vw;
    color: #fff;
    font-weight: 700;
    line-height: 10.67vw;
    background: url(/mc-static-root/image/event/arr_dw_40_24.png) 100% 50%/2.67vw auto no-repeat
}

.event_container .item_box.two {
    padding: 1.33vw 3.33vw
}

.event_container .item_box.two .list_items {
    display: flex;
    flex-flow: row wrap;
    padding: 0;
    border-top: 1px solid #e5e7ea
}

.event_container .item_box.two .list_items .item {
    width: 50%;
    padding: 4vw 1.33vw
}

.event_container .item_box.two .list_items .item:nth-child(1),.event_container .item_box.two .list_items .item:nth-child(2) {
    border-top: 0
}

.event_container .item_box.two .list_items:first-child {
    border-top: 0
}

.event_container .item_box.two .list_items .item:nth-child(odd) {
    padding-left: 0
}

.event_container .item_box.two .list_items .item:nth-child(even) {
    padding-right: 0
}

.event_container .item_box.two .list_items .item .thum {
    display: block;
    position: relative;
    width: 42.66vw;
    height: 42.66vw;
    margin: 0 auto
}

.event_container .item_box.two .list_items .item .thum img {
    width: auto;
    max-width: 42.66vw;
    max-height: 42.66vw
}

.event_container .item_box.two .list_items .item .info {
    margin-top: 3.2vw;
    padding: 0 1.2vw
}

.event_container .item_box.two .list_items .item .info .bname,.event_container .item_box.two .list_items .item .info .iname {
    text-align: left
}

.event_container .item_box.two .list_items .item .info .price {
    text-align: left;
    margin-top: 2.13vw
}

.event_container .item_box.two .list_items .item .info .price del {
    display: block;
    margin-left: 0;
    margin-bottom: 1.6vw
}

.event_container .item_box.two .list_items .item .info .price em {
    display: block
}

.event_container .item_box.two .list_items .item .itemtxts {
    margin-bottom: 0;
    padding: 0 5.2vw 0 1.2vw;
    text-align: left
}

.event_container .item_box.radius05 {
    border-radius: .66vw
}

.event_container .list_item_box .item_box {
    background-color: #fff;
    border-radius: 1.33vw
}

.event_container .list_item_box .btnMove {
    margin-top: 4vw;
    margin-bottom: 0;
    text-align: center
}

.event_container .list_item_box .btnMove>.btn {
    display: inline-block;
    width: 60vw;
    height: 10.67vw;
    background-color: #f84000
}

.event_container .list_item_box .btnMove>.btn>span {
    padding-right: 4.67vw;
    font-size: 3.47vw;
    color: #fff;
    font-weight: 700;
    line-height: 10.67vw;
    background: url(/mc-static-root/image/event/arr_r_24_44.png) 100% 50%/1.6vw auto no-repeat
}

.event_container .event_tab_area .tab_head {
    position: relative
}

.event_container .event_tab_area .tab_head.imgBG {
    position: relative;
    z-index: 0
}

.event_container .event_tab_area .tab_head>ul {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.event_container .event_tab_area .tab_head>ul>li {
    float: left;
    width: 50%;
    height: 100%;
    vertical-align: bottom
}

.event_container .event_tab_area .tab_head>ul>li>a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0;
    color: transparent
}

.event_container .event_tab_area .tab_head>ul.bg01 {
    background: url(/mc-static-root/image/event/mc_tabs_img_01.jpg) 0 0/100% auto no-repeat
}

.event_container .event_tab_area .tab_head>ul.bg02 {
    background: url(/mc-static-root/image/event/mc_tabs_img_02.jpg) 0 0/100% auto no-repeat
}

.event_container .event_tab_area .tab_head>ul.bg03 {
    background: url(/mc-static-root/image/event/mc_tabs_img_03.jpg) 0 0/100% auto no-repeat
}

.event_container .event_tab_area .tab_head>ul.bg04 {
    background: url(/mc-static-root/image/event/mc_tabs_img_04.jpg) 0 0/100% auto no-repeat
}

.event_container .event_tab_area .tab_head.tabNum3>ul>li {
    display: table-cell;
    width: 33.3333%;
    vertical-align: bottom
}

.event_container .event_tab_area .tab_head.tabNum4>ul>li {
    display: table-cell;
    width: 25%;
    vertical-align: bottom
}

.event_container .event_tab_area .tabContainer {
    background-color: #fff;
    border-radius: 0 0 1.33vw 1.33vw
}

.event_container .event_tab_area .tabContainer .tabCont {
    display: none
}

.event_container .event_tab_area .tabContainer .tabCont.on {
    display: block
}

.event_container .event_tab_area .tabContainer .tabCont .event_type_box {
    padding: 0
}

.event_container .event_tab_area.radius05 {
    border-radius: 5px;
    background-color: transparent
}

.event_container .event_tab_area.radius05 .tab_head>ul>li>a {
    border-radius: 5px 5px 0 0
}

.event_container .event_tab_area.radius05 .tabContainer {
    background-color: #fff;
    border-radius: 0 0 5px 5px
}

.event_container .event_swiper_area {
    padding: 0 0 5.33vw;
    background-color: #fff;
    border-radius: 1.33vw
}

.event_container .event_swiper.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    z-index: 1
}

.event_container .event_swiper .swiper-wrapper,.event_container .event_swiper.swiper-container-android .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    transform: translate3d(0,0,0)
}

.event_container .event_swiper .swiper-slide {
    flex-shrink: 0;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: top;
    align-items: top
}

.event_container .event_swiper .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translate3d(0,0,0);
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px
}

.event_container .event_swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 2px;
    border-radius: 100%;
    background: #c9cdd2;
    vertical-align: top
}

.event_container .event_swiper button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.event_container .event_swiper .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.event_container .event_swiper .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #9ac75b
}

.event_container .event_swiper .swiper-button-next,.event_container .event_swiper .swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 10.66vw;
    height: 13.33vw;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.event_container .event_swiper .swiper-button-next.swiper-button-disabled,.event_container .event_swiper .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.event_container .event_swiper .swiper-button-prev,.event_container .event_swiper .swiper-container-rtl .swiper-button-next {
    left: 0;
    background: url(/mc-static-root/image/event/arr_sw_01.png) 0 0/100% auto no-repeat
}

.event_container .event_swiper .swiper-button-next {
    right: 0;
    background: url(/mc-static-root/image/event/arr_sw_02.png) 0 0/100% auto no-repeat
}

.event_container .event_swiper .swiper-button-next.swiper-button-white,.event_container .event_swiper .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: $white
}

.event_container .event_swiper .swiper-button-next.swiper-button-black,.event_container .event_swiper .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: $black
}

.event_container .event_swiper .swiper-scrollbar {
    position: absolute;
    left: 3.33vw;
    right: 3.33vw;
    bottom: 0;
    z-index: 50;
    height: 1.33vw;
    border-radius: .66vw;
    background-color: #dadde0
}

.event_container .event_swiper .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background-color: #ef4400;
    border-radius: .66vw;
    left: 0;
    top: 0
}

.event_container .event_swiper .swiper-scrollbar-cursor-drag {
    cursor: move
}

.event_container .event_swiper .swiper-scrollbar-lock {
    display: none
}

.event_container .event_swiper .item {
    position: relative;
    width: 100%;
    padding: 5.33vw 2.66vw 3vw
}

.event_container .event_swiper .item>a {
    display: block;
    width: 100%;
    padding: 0
}

.event_container .event_swiper .item .thum {
    display: block;
    position: relative;
    width: 53.33vw;
    height: 53.33vw;
    margin: 0 auto;
    text-align: center
}

.event_container .event_swiper .item .thum img {
    width: auto;
    max-width: 53.33vw;
    max-height: 53.33vw
}

.event_container .event_swiper .item .thum .flag {
    display: block;
    position: absolute;
    top: -1.86vw;
    left: -1.86vw;
    width: 12vw;
    height: 12vw;
    background-color: #ff5753;
    border-radius: 100%;
    text-align: center
}

.event_container .event_swiper .item .thum .flag>em {
    font-style: normal;
    font-size: 5.33vw;
    color: #fff;
    line-height: 12vw;
    font-weight: 700
}

.event_container .event_swiper .item .thum .flag>span {
    font-size: 3.2vw;
    color: #fff;
    line-height: 12vw;
    font-weight: 700
}

.event_container .event_swiper .item .thum .flag.txt {
    top: 25px;
    padding: 3px 3px 3px 2px;
    line-height: 12px
}

.event_container .event_swiper .item .thum .flag.txt>em {
    font-size: 12px;
    line-height: 12px;
    color: #fff
}

.event_container .event_swiper .item .info {
    display: block;
    margin-top: 2.66vw;
    min-height: auto;
    padding: 0
}

.event_container .event_swiper .item .info .bname {
    margin-bottom: 1.33vw;
    font-size: 3.2vw;
    line-height: 3.47vw;
    color: #292c33;
    word-break: keep-all;
    text-align: center
}

.event_container .event_swiper .item .info .iname {
    font-size: 3.46vw;
    line-height: 4.8vw;
    color: #000;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 14.4vw;
    word-break: keep-all
}

.event_container .event_swiper .item .info .price {
    margin-top: 1.86vw;
    text-align: center
}

.event_container .event_swiper .item .info .price em {
    font-size: 5.33vw;
    color: #000;
    line-height: 3.87vw;
    font-weight: 500
}

.event_container .event_swiper .item .info .price em .won {
    font-size: 4vw;
    line-height: 3.87vw;
    font-weight: 500;
    vertical-align: .3vw
}

.event_container .event_swiper .item .info .price del {
    font-size: 3.2vw;
    color: #757d86;
    margin-left: .93vw;
    line-height: 3.53vw;
    vertical-align: .3vw
}

.event_container .event_swiper .item .info .price del .won {
    font-size: 3.2vw;
    color: #757d86;
    line-height: 3.53vw
}

.event_container .event_swiper .item .itemtxts {
    margin: 2.4vw 0 2vw;
    padding: 0 24.74vw;
    text-align: center;
    font-size: 2.93vw;
    line-height: 4.26vw;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 12.8vw;
    word-break: keep-all;
    white-space: pre-line
}

.event_container .event_swiper_area+.btnMove {
    margin-top: 4vw;
    margin-bottom: 0;
    text-align: center
}

.event_container .event_swiper_area+.btnMove>.btn {
    display: inline-block;
    width: 60vw;
    height: 10.67vw;
    background-color: #ffd200
}

.event_container .event_swiper_area+.btnMove>.btn>span {
    padding-right: 4.67vw;
    font-size: 3.47vw;
    color: #ef4400;
    font-weight: 700;
    line-height: 10.67vw;
    background: url(/mc-static-root/image/event/arr_dw2_40_24.png) 100% 50%/2.67vw auto no-repeat
}

.event_container .event_swiper .item .info .txt_rev {
    margin-top: 5px;
    font-size: 14px;
    line-height: 18px;
    color: #292c33;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 36px
}

.event_container .event_swiper.two {
    display: flex;
    flex-flow: row wrap
}

.event_container .event_swiper.two .swiper-slide {
    padding: 0 2.66vw
}

.event_container .event_swiper.two .item {
    width: 50%
}

.event_container .event_swiper.two .item:nth-child(1) {
    padding-left: 0
}

.event_container .event_swiper.two .item:nth-child(2) {
    padding-right: 0
}

.event_container .event_swiper.two .item .thum {
    display: block;
    position: relative;
    width: 42.66vw;
    height: 42.66vw;
    margin: 0 auto
}

.event_container .event_swiper.two .item .thum img {
    width: auto;
    max-width: 42.66vw;
    max-height: 42.66vw
}

.event_container .event_swiper.two .item .info {
    margin-top: 3.2vw;
    padding: 0 1.2vw
}

.event_container .event_swiper.two .item .info .bname,.event_container .event_swiper.two .item .info .iname {
    text-align: left
}

.event_container .event_swiper.two .item .info .price {
    text-align: left;
    margin-top: 2.13vw
}

.event_container .event_swiper.two .item .info .price del {
    display: block;
    margin-left: 0;
    margin-bottom: 1.6vw
}

.event_container .event_swiper.two .item .info .price em {
    display: block
}

.event_container .event_swiper.two .item .itemtxts {
    padding: 0 5.2vw 0 1.2vw;
    text-align: left
}

.event_temp_wrap {
    padding: 0 4vw 8vw
}

.event_temp_wrap .event_goods_swiper .event_num_pagination .current,.event_temp_wrap .good .flag li,.event_temp_wrap .good .info i,.event_temp_wrap .good .info s,.event_temp_wrap .good .info>p,.event_temp_wrap .good .info>p u,.event_temp_wrap .good .info>span,.event_temp_wrap .good .thumb i,.event_temp_wrap p {
    font-family: -apple-system,BlinkMacSystemFont,AppleSDGothicNeo,NotoSansCJKkr,Roboto,Montserrat,sans-serif
}

.event_temp_wrap .event_title_guide {
    display: block;
    margin-bottom: 5.333vw;
    color: #fff;
    font-size: 9.6vw;
    font-weight: 700
}

.event_temp_wrap .event_img {
    margin: 0 -4vw
}

.event_temp_wrap .event_img img {
    display: block;
    width: 100%
}

.event_temp_wrap.event_width_temp .event_goods {
    padding: 5.333vw;
    margin: 8vw 0
}

.event_temp_wrap.event_width_temp .event_goods:last-child {
    margin-bottom: 0
}

.event_temp_wrap .event_goods {
    overflow: hidden;
    padding: 5.333vw 5.333vw 8vw;
    background-color: #fff
}

.event_temp_wrap .event_goods+.event_goods,.event_temp_wrap .event_goods+.event_title_guide {
    margin-top: 5.333vw
}

.event_temp_wrap .event_goods .goods_list>li {
    margin-top: 9.6vw
}

.event_temp_wrap .event_goods .goods_list li:first-child,.event_temp_wrap .event_goods .goods_list.swiper-wrapper>li {
    margin-top: 0
}

.event_temp_wrap .swiper {
    width: 100%;
    position: relative;
    list-style: none;
    padding: 0;
    z-index: 1;
    box-sizing: border-box
}

.event_temp_wrap .event_goods_swiper {
    padding: 5.333vw 0 6.667vw
}

.event_temp_wrap .event_goods_swiper+.event_goods_swiper {
    margin-top: 0
}

.event_temp_wrap .event_goods_swiper .swiper {
    overflow: hidden
}

.event_temp_wrap .event_goods_swiper .goods_list.type2,.event_temp_wrap .event_goods_swiper .goods_list>li {
    padding: 0 5.333vw
}

.event_temp_wrap .event_goods_swiper .goods_list.type2>li {
    padding: 0
}

.event_temp_wrap .event_goods_swiper .event_swiper_control {
    margin-top: 6.667vw;
    text-align: center;
    font-size: 0
}

.event_temp_wrap .event_goods_swiper .event_num_pagination {
    display: inline-block;
    position: relative;
    min-width: 80px;
    min-width: 21.333vw;
    padding: 1.333vw 4vw 1.333vw 0;
    font-size: 3.733vw;
    line-height: 4.267vw;
    color: #b2b8be;
    vertical-align: top;
    box-sizing: border-box
}

.event_temp_wrap .event_goods_swiper .event_num_pagination .current {
    display: inline-block;
    position: relative;
    min-width: 45px;
    min-width: 12vw;
    padding-right: 1.067vw;
    color: #50585f
}

.event_temp_wrap .event_goods_swiper .event_num_pagination .current:after {
    position: absolute;
    top: 50%;
    right: 2.133vw;
    width: .267vw;
    height: 3.2vw;
    margin-top: -1.6vw;
    background: #dadde0;
    content: ""
}

.event_temp_wrap .event_goods_swiper .swiper-button-next,.event_temp_wrap .event_goods_swiper .swiper-button-prev {
    display: inline-block;
    padding: 1.333vw;
    vertical-align: top;
    background-color: transparent
}

.event_temp_wrap .event_goods_swiper .swiper-button-next:before,.event_temp_wrap .event_goods_swiper .swiper-button-prev:before {
    display: inline-block;
    width: 4.267vw;
    height: 4.267vw;
    background-repeat: no-repeat;
    vertical-align: top;
    background-size: 4.267vw;
    content: ""
}

.event_temp_wrap .event_goods_swiper .swiper-button-prev:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12.425 2.001.905.864L8.404 8l4.926 5.136-.905.864L6.67 8z' fill='%23C9CDD2' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-color: transparent
}

.event_temp_wrap .event_goods_swiper .swiper-button-next:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2.667 2.865.905-.864L9.327 8l-5.755 5.999-.905-.864 4.925-5.136z' fill='%23C9CDD2' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    background-color: transparent
}

.event_temp_wrap .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform
}

.event_temp_wrap .swiper-container-android .swiper-slide,.event_temp_wrap .swiper-wrapper {
    transform: translate3d(0,0,0)
}

.event_temp_wrap .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.event_temp_wrap .swiper_carousel {
    background-color: #fff
}

.event_temp_wrap .goods_list.type2 {
    overflow: hidden
}

.event_temp_wrap .goods_list.type2>li {
    width: calc((100% - 2.4vw)/ 2);
    margin-top: 10.667vw
}

.event_temp_wrap .goods_list.type2>li:first-child,.event_temp_wrap .goods_list.type2>li:nth-child(2) {
    margin-top: 0
}

.event_temp_wrap .goods_list.type2>li:nth-child(odd) {
    float: left;
    clear: both
}

.event_temp_wrap .goods_list.type2>li:nth-child(even) {
    float: right
}

.event_temp_wrap .goods_list.type2 .good .thumb {
    height: 39.467vw
}

.event_temp_wrap .goods_list.type2 .good .info {
    padding-right: .8vw
}

.event_temp_wrap .goods_list.type2 .good .info>p {
    line-height: normal;
    -webkit-line-clamp: 3
}

.event_temp_wrap .goods_list.type2 .good .btn_group {
    overflow: hidden;
    position: static;
    margin-top: 4.267vw
}

.event_temp_wrap .goods_list.type2 .good .btn_group .cart,.event_temp_wrap .goods_list.type2 .good .btn_group .like {
    display: inline-block;
    width: 4.267vw;
    height: 4.267vw;
    margin-top: 0;
    background-size: 4.267vw
}

.event_temp_wrap .goods_list.type2 .good .btn_group .cart {
    margin-left: 6.4vw
}

.event_temp_wrap .goods_list.type2 .good s {
    display: block;
    line-height: 3.467vw
}

.event_temp_wrap .goods_list.type2 .good>span,.event_temp_wrap .goods_list.type2 .good>span em {
    font-size: 3.467vw;
    line-height: 4vw
}

.event_temp_wrap .goods_list.type2 .good i {
    font-size: 3.467vw;
    line-height: 3.467vw
}

.event_temp_wrap .goods_list.type3 {
    padding: 0
}

.event_temp_wrap .goods_list.type3>li {
    display: inline-block;
    width: 34.667vw!important;
    margin-top: 0;
    margin-right: 1.6vw;
    vertical-align: top
}

.event_temp_wrap .goods_list.type3>li:last-child {
    margin-right: 0
}

.event_temp_wrap .goods_list.type3 .good .thumb {
    height: 34.667vw
}

.event_temp_wrap .goods_list.type3 .good .info {
    padding-right: .8vw
}

.event_temp_wrap .goods_list.type3 .good .info>p {
    line-height: normal;
    -webkit-line-clamp: 3
}

.event_temp_wrap .goods_list.type3 .good .btn_group {
    overflow: hidden;
    position: static;
    margin-top: 4.267vw
}

.event_temp_wrap .goods_list.type3 .good .btn_group .cart,.event_temp_wrap .goods_list.type3 .good .btn_group .like {
    display: inline-block;
    width: 4.267vw;
    height: 4.267vw;
    margin-top: 0;
    background-size: 4.267vw
}

.event_temp_wrap .goods_list.type3 .good .btn_group .cart {
    margin-left: 6.4vw
}

.event_temp_wrap .goods_list.type3 .good s {
    display: block;
    line-height: 3.467vw
}

.event_temp_wrap .goods_list.type3 .good>span,.event_temp_wrap .goods_list.type3 .good>span em {
    font-size: 3.467vw;
    line-height: 4vw
}

.event_temp_wrap .goods_list.type3 .good .info i {
    font-size: 3.467vw;
    line-height: 3.467vw
}

.event_temp_wrap .goods_list.type4 {
    overflow: hidden
}

.event_temp_wrap .goods_list.type4>li {
    width: 100%;
    margin-top: 7.467vw
}

.event_temp_wrap .goods_list.type4>li:first-child {
    margin-top: 0
}

.event_temp_wrap .goods_list.type4 .good {
    position: relative;
    display: flex;
    align-items: flex-start
}

.event_temp_wrap .goods_list.type4 .good .thumb {
    width: 20.267vw;
    height: 20.267vw
}

.event_temp_wrap .goods_list.type4 .good .info {
    position: static;
    padding-right: 7.733vw;
    flex: 1;
    min-height: auto;
    margin-left: 4vw;
    margin-top: 0
}

.event_temp_wrap .goods_list.type4 .good .btn_group .cart,.event_temp_wrap .goods_list.type4 .good .btn_group .like {
    width: 3.733vw;
    height: 3.733vw;
    background-size: 3.733vw
}

.event_temp_wrap .goods_list.type4 .good .btn_group .cart {
    margin-top: 5.867vw
}

.event_temp_wrap .goods_list.type4 .good .info>p span {
    display: inline-flex
}

.event_temp_wrap .goods_list.type4 .good s {
    line-height: 3.467vw
}

.event_temp_wrap .goods_list.type4 .good>span,.event_temp_wrap .goods_list.type4 .good>span em {
    font-size: 3.467vw;
    line-height: 4vw
}

.event_temp_wrap .goods_list.type4 .good i {
    font-size: 3.467vw;
    line-height: 3.467vw
}

.event_temp_wrap .goods_list.type4 .good .info>p {
    margin-bottom: .8vw;
    min-height: auto;
    line-height: 4.267vw
}

.event_temp_wrap .goods_list.type4 .good .flag {
    margin-top: 1.867vw
}

.event_temp_wrap .goods_list.type4 .good .btn_group {
    position: absolute;
    top: 3.467vw
}

.event_temp_wrap .goods_list.type4 .good .btn_group .like {
    margin-top: 0
}

.event_temp_wrap .good.is_out_stock .thumb:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: .5;
    z-index: 1
}

.event_temp_wrap .good .thumb {
    position: relative;
    display: block;
    height: 45.867vw;
    background-color: rgba(0,0,0,.03);
    border-radius: 1.067vw
}

.event_temp_wrap .good .thumb i {
    width: 11.467vw;
    height: 11.467vw;
    padding-top: 2.667vw;
    background: url(/mc-static-root/image/renew/common/bg_flag_discount.png) center/100% auto no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 3.467vw;
    font-weight: 700;
    font-style: normal;
    box-sizing: border-box;
    text-align: center;
    letter-spacing: 0;
    line-height: 4vw;
    z-index: 1
}

.event_temp_wrap .good .thumb i em {
    margin-left: .8vw;
    font-size: 2.667vw;
    letter-spacing: 0
}

.event_temp_wrap .good .thumb img {
    object-fit: contain;
    width: 100%!important;
    height: 100%!important;
    mix-blend-mode: multiply
}

.event_temp_wrap .good .info {
    position: relative;
    min-height: 70px;
    min-height: 18.667vw;
    margin-top: 3.2vw;
    padding-right: 12.8vw;
    font-size: 0
}

.event_temp_wrap .good .info>p {
    overflow: hidden;
    min-height: 20px;
    min-height: 5.333vw;
    margin-bottom: 1.333vw;
    font-size: 3.467vw;
    font-weight: 400;
    color: #131518;
    text-align: left;
    letter-spacing: normal;
    display: -webkit-box;
    white-space: normal;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-wrap: break-word
}

.event_temp_wrap .good .info>p span {
    font-size: 0
}

.event_temp_wrap .good .info>p u {
    display: inline-flex;
    align-items: center;
    font-size: 3.467vw;
    color: #131518;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: normal
}

.event_temp_wrap .good .info>p u:after {
    content: "";
    display: inline-block;
    width: .267vw;
    height: 2.933vw;
    font-size: 0;
    line-height: 0;
    vertical-align: baseline;
    background-color: #e5e7ea;
    margin: 0 1.333vw;
    overflow: hidden
}

.event_temp_wrap .good .info s {
    display: inline-block;
    font-size: 2.933vw;
    color: #99a1a8;
    font-weight: 400;
    line-height: 4.267vw;
    text-decoration: line-through;
    letter-spacing: 0
}

.event_temp_wrap .good .info s em {
    display: inline-block;
    margin-left: .267vw;
    font-size: 2.667vw;
    text-decoration: line-through;
    letter-spacing: 0
}

.event_temp_wrap .good .info i {
    display: inline-block;
    font-size: 3.733vw;
    color: #ff5753;
    font-weight: 700;
    font-style: normal;
    line-height: 4.267vw;
    margin-right: .8vw;
    letter-spacing: 0
}

.event_temp_wrap .good .info>span {
    display: inline-block;
    margin-right: .8vw;
    font-size: 3.733vw;
    color: #131518;
    font-weight: 700;
    line-height: 4.267vw;
    text-decoration: none;
    letter-spacing: 0
}

.event_temp_wrap .good .info>span em {
    font-size: 2.933vw;
    color: #131518;
    font-weight: 400;
    line-height: 4.267vw;
    vertical-align: top;
    margin-left: .267vw;
    letter-spacing: 0
}

.event_temp_wrap .good .flag {
    font-size: 0;
    margin-top: 2.667vw;
    overflow: hidden
}

.event_temp_wrap .good .flag li {
    display: inline-block;
    width: auto;
    height: 4.8vw;
    min-height: initial;
    font-size: 2.933vw;
    color: #757d86;
    font-weight: 400;
    line-height: 4.8vw;
    letter-spacing: 0;
    text-align: center;
    background-color: #f0f1f4;
    border: 0;
    border-radius: .533vw;
    padding: 0 1.333vw;
    margin-right: 1.067vw;
    overflow: hidden
}

.event_temp_wrap .good .flag li:last-child {
    margin-right: 0
}

.event_temp_wrap .good .flag li.pink {
    vertical-align: 0;
    color: #e95294
}

.event_temp_wrap .good .flag li.bg_dark {
    color: #fff;
    background-color: #b2b8be
}

.event_temp_wrap .good .btn_group {
    position: absolute;
    top: 0;
    right: 0
}

.event_temp_wrap .good .btn_group .cart,.event_temp_wrap .good .btn_group .like {
    display: block;
    width: 4.8vw;
    height: 4.8vw;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 4.8vw
}

.event_temp_wrap .good .btn_group .like {
    margin-top: .533vw;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='%23757d86'%3E%3Cpath d='M22.997 2.6c-1.898 0-3.705.615-5.189 1.734l-.276.247c-.454.423-.878.897-1.277 1.428l-.252.346-.074-.106c-.495-.697-1.024-1.297-1.587-1.798C12.789 3.244 10.944 2.6 9.003 2.6c-4.766 0-8.63 3.864-8.63 8.63 0 1.687.485 3.304 1.383 4.69.58 1.068 1.384 2.243 2.413 3.526l.49.599c.085.101.17.203.258.305l.539.622.28.317.587.645c.201.217.407.437.618.66l.65.675.337.343.698.698.361.354.745.72.778.736.809.75.84.766c.143.13.287.259.433.389l.888.788.92.804.952.819c.373.318.923.318 1.296 0l.952-.819.92-.804.888-.788.857-.774.825-.758.794-.744.384-.366.747-.722.714-.706.345-.348.667-.684.636-.67.603-.654c.196-.216.387-.43.572-.64l.541-.626c1.4-1.648 2.463-3.14 3.19-4.48.859-1.319 1.345-2.936 1.345-4.622 0-4.767-3.865-8.631-8.631-8.631zm0 1.995c3.665 0 6.636 2.97 6.636 6.636 0 1.298-.373 2.539-1.064 3.604l-.133.239c-1.198 2.111-3.292 4.655-6.283 7.634l-.736.723-.77.74-.804.756-.415.385-.856.781-.44.397-.909.807L16 28.36l-.28-.241c-.313-.27-.619-.538-.92-.802l-.886-.787c-.29-.26-.574-.516-.853-.77l-.82-.755-.397-.371-.771-.73-.738-.715c-.601-.588-1.168-1.16-1.7-1.715l-.623-.657c-.303-.325-.594-.644-.872-.956l-.54-.617C5.204 17.62 4.16 16.172 3.47 14.9c-.73-1.131-1.103-2.372-1.103-3.67 0-3.665 2.971-6.636 6.636-6.636 1.494 0 2.91.494 4.064 1.39.704.628 1.409 1.556 2.057 2.745.378.692 1.37.694 1.75.004.674-1.225 1.405-2.173 2.187-2.85 1.089-.817 2.475-1.289 3.936-1.289z' transform='translate(-844.000000,-1264.000000) translate(100.000000,1264.000000) translate(744.000000,0.000000)'/%3E%3C/g%3E%3C/svg%3E");
    background-color: transparent
}

.event_temp_wrap .good .btn_group .like.active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='%23ff5753'%3E%3Cpath d='M22.997 2.6c-1.898 0-3.705.615-5.189 1.734l-.276.247c-.454.423-.878.897-1.277 1.428l-.252.346-.074-.106c-.495-.697-1.024-1.297-1.587-1.798C12.789 3.244 10.944 2.6 9.003 2.6c-4.766 0-8.63 3.864-8.63 8.63 0 1.687.485 3.304 1.383 4.69.58 1.068 1.384 2.243 2.413 3.526l.49.599c.085.101.17.203.258.305l.539.622.28.317.587.645c.201.217.407.437.618.66l.65.675.337.343.698.698.361.354.745.72.778.736.809.75.84.766c.143.13.287.259.433.389l.888.788.92.804.952.819c.373.318.923.318 1.296 0l.952-.819.92-.804.888-.788.857-.774.825-.758.794-.744.384-.366.747-.722.714-.706.345-.348.667-.684.636-.67.603-.654c.196-.216.387-.43.572-.64l.541-.626c1.4-1.648 2.463-3.14 3.19-4.48.859-1.319 1.345-2.936 1.345-4.622 0-4.767-3.865-8.631-8.631-8.631z' transform='translate(-1700.000000,-1264.000000) translate(100.000000,1264.000000) translate(1600.000000,0.000000)'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-color: transparent
}

.event_temp_wrap .good .btn_group .cart {
    margin-top: 8vw;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='%23757d86'%3E%3Cpath d='M16 1.4c3.057 0 5.548 2.42 5.663 5.45l.002.149L26.667 7c.47 0 .872.327.974.777l.02.114 2.333 21.334c.065.591-.399 1.108-.994 1.108H3c-.595 0-1.059-.517-.994-1.108L4.339 7.89c.056-.507.484-.891.994-.891l5-.001.004-.15C10.452 3.82 12.943 1.4 16 1.4zm9.769 7.599l-4.103-.001v1.669c0 .552-.447 1-1 1-.512 0-.935-.386-.993-.884l-.006-.116-.001-1.669h-7.333v1.669c0 .552-.447 1-1 1-.513 0-.935-.386-.993-.884l-.007-.116V8.998l-4.103.001-2.115 19.334h23.769L25.769 8.999zM16 3.4c-1.96 0-3.56 1.537-3.662 3.472l-.003.127h7.329l-.002-.127C19.56 4.937 17.96 3.4 16 3.4z' transform='translate(-844.000000,-1170.000000) translate(844.000000,1170.000000)'/%3E%3C/g%3E%3C/svg%3E");
    background-color: transparent
}

.event_temp_wrap .good .speech_bubble {
    position: relative;
    margin-top: 4.267vw;
    padding: 2.133vw;
    border: .267vw solid #f0f1f4;
    border-radius: 1.067vw;
    box-sizing: border-box
}

.event_temp_wrap .good .speech_bubble:after {
    content: "";
    position: absolute;
    top: -1.6vw;
    left: 4vw;
    width: 1.867vw;
    height: 1.6vw;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='6' viewBox='0 0 7 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%230D5F34' d='M-50-851h375v3962H-50z'/%3E%3Cpath fill='%23FFF' d='M-35-285h345v811H-35z'/%3E%3Cpath d='M3.5 0 7 6h279a4 4 0 0 1 4 4v23a4 4 0 0 1-4 4H-11a4 4 0 0 1-4-4V10a4 4 0 0 1 4-4H0l3.5-6z' stroke='%23F0F1F4'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 1.867vw auto;
    z-index: 1
}

.event_temp_wrap .good .speech_bubble .txt_speech_bubble {
    color: #757d86;
    font-size: 3.2vw;
    line-height: normal;
    letter-spacing: normal;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    white-space: normal;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.event_temp_wrap .bullet_type .swiper-pagination {
    position: absolute;
    text-align: center;
    z-index: 10
}

.event_temp_wrap .event_goods_swiper.bullet_type .event_swiper_control {
    margin-top: 24px;
    height: 8px
}

.event_temp_wrap .bullet_type .swiper-pagination-bullets {
    bottom: 0;
    left: 0;
    width: 100%
}

.event_temp_wrap .bullet_type .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #d8d8d8
}

.event_temp_wrap .bullet_type .swiper-pagination-bullet-active {
    opacity: 1;
    background: #000
}

.event_temp_wrap .bullet_type .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.content-carousel .swiper {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.content-carousel .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.content-carousel .swiper-slide {
    flex-shrink: 0;
    width: 84%;
    position: relative;
    margin-right: 4%;
    transition-property: transform;
    display: block
}

.content-carousel .swiper-slide:first-child:last-child {
    width: auto;
    height: 100%
}

.content-carousel .swiper-slide:first-child:last-child img {
    width: auto!important;
    height: 100%
}

.content-carousel.full-slide .swiper-slide {
    width: 100%;
    margin-right: 0
}

.content-carousel.first-slide-margin .swiper-slide:first-child {
    margin-left: 4%
}

.content-carousel .swiper-pagination {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 0;
    z-index: 1
}

.content-carousel .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    margin: 0 4px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #dadde0
}

.content-carousel .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #000
}