._s._airport .conbx .flexbx{  width: 100%; display: flex; margin-top: 90px; }
._s._airport .conbx .flexbx .lbx{ width: calc(790 / 1920 * 100%); padding-left: calc(160 / 1920 * 100%); box-sizing: border-box; }
._s._airport .conbx .flexbx .lbx .top{ background-color: rgba(255,255,255,0.2); display: flex; justify-content: space-between; padding: 14px 40px; box-sizing: border-box; align-items: center; }
._s._airport .conbx .flexbx .lbx .top strong{ font-size: 20px; font-weight: 500;  }
._s._airport .conbx .flexbx .lbx .top em{ display: block; font-size: 16px; color: rgba(255,255,255,0.3); }
._s._airport .conbx .flexbx .lbx .scrolls{ width: 100%; padding: 40px; box-sizing: border-box; height: 820px; overflow: auto; border: 1px solid rgba(255,255,255,0.2); }
._s._airport .conbx .flexbx .lbx .scrolls::-webkit-scrollbar{ width: 7px; background-color: rgba(255,255,255,0.15); }
._s._airport .conbx .flexbx .lbx .scrolls::-webkit-scrollbar-thumb{ width: 7px; background-color: #878787; border-radius: 10px; }

._s._airport .conbx .flexbx .lbx .scrolls .lists{ width: 100%; }
._s._airport .conbx .flexbx .lbx .scrolls .lists > li{ width: 100%; background-color: rgba(255,255,255,0.04); margin-bottom: 20px; padding: 45px 50px; box-sizing: border-box; position: relative; transition-duration: 0.2s; cursor: pointer; }
._s._airport .conbx .flexbx .lbx .scrolls .lists > li > span{ display: block; font-size: 18px; font-weight: 500; transition-duration: 0.2s; }
._s._airport .conbx .flexbx .lbx .scrolls .lists > li > dl{ margin-top: 15px; line-height: 1.3; }
._s._airport .conbx .flexbx .lbx .scrolls .lists > li > dl dt{ font-size: 40px; line-height: calc(52 / 40); font-weight: 600; transition-duration: 0.2s; }
._s._airport .conbx .flexbx .lbx .scrolls .lists > li > dl dd{ font-size: 18px; font-weight: 300; color: #999999; margin-top: 15px; transition-duration: 0.2s; }
._s._airport .conbx .flexbx .lbx .scrolls .lists > li ol{ margin-top: 40px; }
._s._airport .conbx .flexbx .lbx .scrolls .lists > li ol li{ display: flex; font-size: 18px; color: #999999; margin-bottom: 7px; transition-duration: 0.2s; line-height: 1.3; }
._s._airport .conbx .flexbx .lbx .scrolls .lists > li ol li span{ display: block; width: 165px; flex-shrink: 0; font-weight: 700;  }
._s._airport .conbx .flexbx .lbx .scrolls .lists > li ol li:last-of-type p{ padding-right: 25%; box-sizing: border-box; }
._s._airport .conbx .flexbx .lbx .scrolls .lists > li .urls{ width: 98px; height: 98px; border-radius: 50%; border: 1px solid rgba(201, 201, 201, 0.4); display: flex; align-items: center; justify-content: center; box-sizing: border-box; position: absolute; bottom: 34px; right: 50px; color: rgba(201, 201, 201, 0.4); transition-duration: 0.2s; }
._s._airport .conbx .flexbx .lbx .scrolls .lists > li .weather{ position: absolute; top: 30px; right: 50px; filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.2)); }


@media screen and (min-width: 821px){
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li:hover{ background-color: #fff; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li:hover > span{ color: #000;  }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li:hover dl dt{ color: #080808;  }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li:hover dl dd{ color: #333; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li:hover ol li{ color: #333333; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li:hover .urls{ border-color: #c9c9c9; color: #c9c9c9; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li:hover .urls:hover{ filter: invert(1); }
}


._s._airport .conbx .flexbx .rbx{ width: calc(1130 / 1920 * 100%); padding-left: calc(75 / 1920 * 100%); box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; position: relative; }

._s._airport .conbx .flexbx .rbx .map{ width: 100%; max-width: 503px; margin: 0 auto; padding-right: 5%; box-sizing: border-box; height: 100%; display: flex; align-items: center; position: relative; }
._s._airport .conbx .flexbx .rbx .nav{ position: absolute; top: 2.5%; left: calc(75 / 1130 * 100%); }
._s._airport .conbx .flexbx .rbx .nav .in{ display: flex; align-items: center; margin-bottom: 10px; }
._s._airport .conbx .flexbx .rbx .nav .in span{ width: 10px; height: 10px; border-radius: 50%; background-color: #fff; margin-right: 5px; }

._s._airport .conbx .flexbx .rbx .nav .in span.y_{ background-color: #EDC129; }
._s._airport .conbx .flexbx .rbx .nav .in span.y_ ~ p{ color: #EDC129; }
._s._airport .conbx .flexbx .rbx .nav .in p{ font-size: 16px; }

._s._airport .conbx .flexbx .rbx .urgent{ width: 100%; flex-shrink: 0; }
._s._airport .conbx .flexbx .rbx .urgent .flex{ display: flex; align-items: baseline; }
._s._airport .conbx .flexbx .rbx .urgent .flex > a{ display: block; margin-left: 30px; color: rgba(255,255,255,0.7); transition-duration: 0.4s; font-size: 18px; }
._s._airport .conbx .flexbx .rbx .urgent .flex > a i{ transition-duration: 0.4s; }
._s._airport .conbx .flexbx .rbx .urgent .flex > a:hover{ color: #fff; }
._s._airport .conbx .flexbx .rbx .urgent .flex > a:hover i{ transform: translateX(10px); }
._s._airport .conbx .flexbx .rbx .urgent h3{ font-size: 30px; font-weight: 700; }
._s._airport .conbx .flexbx .rbx .urgent .urgsw{ width: 100%; margin-top: 13px; }
._s._airport .conbx .flexbx .rbx .urgent .urgsw .swiper-slide > a{ display: block; padding: 15px 25px; box-sizing: border-box; background-color: rgba(255,255,255,0.04); transition-duration: 0.2s; }
._s._airport .conbx .flexbx .rbx .urgent .urgsw .swiper-slide > a dl dt{ font-size: 20px; letter-spacing: -0.02em; font-weight: 600; line-height: calc(30 / 20); transition-duration: 0.2s; height: 3em; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  }
._s._airport .conbx .flexbx .rbx .urgent .urgsw .swiper-slide > a dl dd{ font-size: 16px; margin-top: 10px; color: #878787; }


@media screen and (min-width: 821px){
    ._s._airport .conbx .flexbx .rbx .urgent .urgsw .swiper-slide > a:hover{ background-color: #fff; }
    ._s._airport .conbx .flexbx .rbx .urgent .urgsw .swiper-slide > a:hover dl dt{ color: #333333; }
}

@media screen and (max-width: 1800px){
    ._s._airport .conbx .flexbx .lbx{ padding-left: 2.5%; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li{ padding: 40px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li .urls{ width: 60px; height: 60px; right: 40px; bottom: 40px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li .weather{ top: 23px; right: 33px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li > span{ font-size: 16px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li > dl dt{ font-size: 30px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li > dl dd{ font-size: 16px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li ol{ margin-top: 30px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li ol li:last-of-type p{ padding-right: 65px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li ol li{ font-size: 16px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li ol li span{ width: 140px; }
}

@media screen and (max-width: 1280px){
    ._s._airport .conbx .flexbx .lbx .top{ padding: 14px 30px; }
    ._s._airport .conbx .flexbx .lbx .scrolls{ padding: 25px; height: 850px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li{ padding: 30px 20px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li > span{ font-size: 14px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li > dl dt{ font-size: 24px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li > dl dd{ font-size: 14px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li .weather{ top: 13px; right: 15px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li .urls{ width: 45px; height: 45px; right: 20px; bottom: 30px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li ol li span{ width: 90px; }
    ._s._airport .conbx .flexbx .rbx .urgent{ margin-top: 40px; }
    ._s._airport .conbx .flexbx .rbx .urgent h3{ font-size: 26px; }
    ._s._airport .conbx .flexbx .rbx .urgent .urgsw .swiper-slide > a{ padding: 15px; }
    ._s._airport .conbx .flexbx .rbx .urgent .urgsw .swiper-slide > a dl dt{ font-size: 16px; }
    ._s._airport .conbx .flexbx .rbx .urgent .urgsw .swiper-slide > a dl dd{ font-size: 14px; }
}

@media screen and (max-width: 1024px){
    ._s._airport .conbx .flexbx .lbx{ width: 55%; }
    ._s._airport .conbx .flexbx .rbx{ width: 45%; }
}

@media screen and (max-width: 820px){
    ._s._airport .conbx .flexbx{ flex-direction: column; padding: 0 2.5%; box-sizing: border-box; }
    ._s._airport .conbx .flexbx .lbx{ width: 100%; padding: 0; }
    ._s._airport .conbx .flexbx .rbx{ width: 100%; padding: 0; margin-top: 30px; }
    ._s._airport .conbx .flexbx .rbx .map{ max-width: 350px; padding: 0; }
    ._s._airport .conbx .flexbx .lbx .top{ padding: 14px 20px; }
    ._s._airport .conbx .flexbx .lbx .top em{ font-size: 14px; }
    ._s._airport .conbx .flexbx .lbx .top strong{ font-size: 16px; }
    ._s._airport .conbx .flexbx .lbx .scrolls{ padding: 15px; height: 40vh; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li{ padding: 20px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li > dl{ margin-top: 5px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li > dl dt{ font-size: 18px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li > dl dt br{ display: none; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li > dl dd{ margin-top: 5px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li ol{ margin-top: 20px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li ol li{ font-size: 14px; margin-bottom: 5px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li ol li span{ width: 140px; }
    ._s._airport .conbx .flexbx .rbx .urgent h3{ font-size: 22px; }

    ._s._airport .conbx .flexbx .rbx .nav{ left: 0; z-index: 10; }
    ._s._airport .conbx .flexbx .rbx .nav .in p{ font-size: 14px; }
}

@media screen and (max-width: 500px){
    ._s._airport .conbx .flexbx{ margin-top: 40px; }
    ._s._airport .conbx .flexbx .lbx .scrolls{ padding: 5px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li{ padding: 15px 10px; margin-bottom: 10px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li ol li span{ width: 80px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li .weather{ width: 45px; right: 0; top: 0; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li .urls{ width: 35px; height: 35px; right: 10px; bottom: 15px; }
    ._s._airport .conbx .flexbx .lbx .scrolls .lists > li ol li:last-of-type p{ padding-right: 30px; width: 100%; box-sizing: border-box; }

    ._s._airport .conbx .flexbx .rbx .map{ padding-top: 50px; }
}