/*/topic/topic_template/template_1/css/road_item.css*/
.road_container{width:1008px;margin:0 auto;margin-top:60px}@media (max-width: 768px){.road_container{width:100%;margin-top:0.5rem}}.cities{display:flex;position:relative;z-index:0;gap:10px;width:1008px;margin:0 auto;margin-top:68px}@media (max-width: 768px){.cities{width:7rem;margin:0 auto;gap:0.1rem;margin-top:0.5rem}}.cities .road{position:absolute;z-index:-1;top:30px;left:50%;transform:translateX(-50%)}@media (max-width: 768px){.cities .road{display:none}}.cities .mob_road{display:none}.cities .flag{position:absolute;top:40px;left:150px;display:block}@media (max-width: 768px){.cities .flag{top:0;width:0.3rem}}.cities .city_item{flex:1;display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.cities .city_item{overflow:hidden}}.cities .city_img{width:100%;border:6px solid #e5e5e5;border-radius:999px;overflow:hidden;box-sizing:border-box;position:relative}.cities .city_img::after{content:"";display:block;padding-bottom:100%}@media (min-width: 1024px){.cities .city_img{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}.cities .city_img:hover{border-color:var(--theme_color)}}@media (max-width: 768px){.cities .city_img{width:100%;border-width:2px}}.cities .city_img img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.cities .city_name{font-size:20px;font-weight:bold;color:#fff;margin-top:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.cities .city_name{font-size:0.24rem;margin-top:0.26rem}}.cities .line_time{font-size:20px;font-weight:bold;color:#fff;margin-top:10px;height:20px;display:flex;align-items:center;white-space:nowrap;justify-content:center}@media (max-width: 768px){.cities .line_time{font-size:0.2rem;margin-top:0.15rem;height:0.2rem}}.cities .status{display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;width:97px;height:30px;border:2px solid #fff;margin-top:20px;box-sizing:border-box}@media (min-width: 1024px){.cities .status{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}.cities .status:hover{border-color:var(--theme_color)}}@media (max-width: 768px){.cities .status{width:1.1rem;height:0.38rem;margin-top:0.2rem;border-width:1px;font-size:0.2rem;position:relative}}.cities .status span{display:none}.cities .ended .status{color:#a0a0a0;border-color:#a0a0a0}.cities .ended .ended_text{display:block}.cities .in_progress .in_progress_text{display:block}.cities .current .city_img{border-color:var(--theme_color)}.cities .current .status{color:var(--theme_color);border-color:var(--theme_color)}.cities .unstarted .unstarted_text{display:block}.city_current{width:100%;height:8px;background:var(--theme_color);position:relative;margin-top:35px;overflow:hidden}@media (max-width: 768px){.city_current{height:0.08rem;margin-top:0.2rem;width:100%;padding:0 0.1rem}}.city_current .current_bar{position:absolute;left:0;width:0;background:var(--product_bg_color);height:8px;transition:all 0.3s ease}@media (max-width: 768px){.city_current .current_bar{height:0.08rem}}.city_tab_container{display:flex;flex-direction:column}.city_tab_container .tab_container{display:none;width:100%}.city_tab_container .tab_container.show{display:flex;flex-direction:column}.city_tab_container .tab_container .road_news_container,.city_tab_container .tab_container .road_videos_container{width:100%;margin-top:20px}@media (max-width: 768px){.city_tab_container .tab_container .road_news_container,.city_tab_container .tab_container .road_videos_container{width:6.8rem;margin:0 auto;margin-top:0.2rem}}.city_tab_container .tab_container .road_news_container .s_left,.city_tab_container .tab_container .road_news_container .s_right,.city_tab_container .tab_container .road_videos_container .s_left,.city_tab_container .tab_container .road_videos_container .s_right{position:absolute;z-index:20;width:30px;height:60px;display:flex;align-items:center;justify-content:center;margin-top:-30px;top:50%;background:var(--theme_color);cursor:pointer}@media (max-width: 768px){.city_tab_container .tab_container .road_news_container .s_left,.city_tab_container .tab_container .road_news_container .s_right,.city_tab_container .tab_container .road_videos_container .s_left,.city_tab_container .tab_container .road_videos_container .s_right{width:0.4rem;height:0.8rem;margin-top:-0.4rem}}@media (min-width: 1024px){.city_tab_container .tab_container .road_news_container .s_left,.city_tab_container .tab_container .road_news_container .s_right,.city_tab_container .tab_container .road_videos_container .s_left,.city_tab_container .tab_container .road_videos_container .s_right{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}.city_tab_container .tab_container .road_news_container .s_left:hover,.city_tab_container .tab_container .road_news_container .s_right:hover,.city_tab_container .tab_container .road_videos_container .s_left:hover,.city_tab_container .tab_container .road_videos_container .s_right:hover{opacity:0.5}}.city_tab_container .tab_container .road_news_container .s_left i,.city_tab_container .tab_container .road_news_container .s_right i,.city_tab_container .tab_container .road_videos_container .s_left i,.city_tab_container .tab_container .road_videos_container .s_right i{font-size:14px;color:var(--font_color)}@media (max-width: 768px){.city_tab_container .tab_container .road_news_container .s_left i,.city_tab_container .tab_container .road_news_container .s_right i,.city_tab_container .tab_container .road_videos_container .s_left i,.city_tab_container .tab_container .road_videos_container .s_right i{font-size:0.24rem}}.city_tab_container .tab_container .road_news_container .s_right,.city_tab_container .tab_container .road_videos_container .s_right{right:0}.city_tab_container .news_item{display:block;width:100%;display:flex;flex-shrink:0;position:relative;height:auto;align-items:initial}@media (max-width: 768px){.city_tab_container .news_item{width:6.8rem;margin:0 auto}}.city_tab_container .news_item .news_img{display:block;width:366px;height:257px;padding:7px;background:#ffffff;flex-shrink:0;overflow:hidden;box-sizing:border-box}@media (max-width: 768px){.city_tab_container .news_item .news_img{width:2.3rem;height:1.6rem;padding:0.04rem}}.city_tab_container .news_item .news_img img{width:100%;height:100%;display:block;object-fit:cover;transition:all 0.3s}.city_tab_container .news_item .news_img.video_icon{position:relative}body .city_tab_container .news_item .news_img.video_icon:after {background-image:url("//p.yunshuren.com/images/video_btn.png")}body.up .city_tab_container .news_item .news_img.video_icon:after {background-image:url("//p.yunshuren.com/images/video_btn.png")}body.ali .city_tab_container .news_item .news_img.video_icon:after {background-image:url("//papu.yunshuren.com/images/video_btn.png")}.city_tab_container .news_item .news_img.video_icon:after{content:"";width:50px;height:50px;background-image:;background-size:contain;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block}.city_tab_container .news_item .news_info{background:#d0d0d1;flex:1;margin-left:10px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;box-sizing:border-box}@media (max-width: 768px){.city_tab_container .news_item .news_info{margin-left:0.07rem;padding:0.2rem;height:1.6rem}}.city_tab_container .news_item .news_info .news_title{font-size:22px;color:#303c4a;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 768px){.city_tab_container .news_item .news_info .news_title{font-size:0.24rem;line-height:0.36rem;font-weight:bold}}.city_tab_container .news_item .news_info .news_intro{font-size:16px;color:#303c4a;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}@media (max-width: 768px){.city_tab_container .news_item .news_info .news_intro{display:none}}.city_tab_container .news_item .news_info .news_time{font-size:16px;color:#303c4a;align-self:flex-end}@media (max-width: 768px){.city_tab_container .news_item .news_info .news_time{font-size:0.22rem;align-self:start}}@media (min-width: 1024px){.city_tab_container .news_item{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}.city_tab_container .news_item:hover img{transform:scale(1.1)}.city_tab_container .news_item:hover .news_title{color:var(--theme_color);text-decoration:underline}}/*# sourceMappingURL=road_item.css.map */