/* 全局重置 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { vertical-align: top; }
body { font-family: "微软雅黑", "microsoft yahei"; font-size: 16px; color: #404040;}
.clearfix:after { content: ''; display: block; clear: both; }
.box { margin: 0 auto; width: 1200px; }
a { color: #333; text-decoration: none; }
a:hover { color: #bd1a2d; text-decoration: none; }
.pos-re { position: relative; }
.pos-ab { position: absolute; }
.bg-white { background: #FFFFFF; }
.fl { float: left; }
.fr { float: right; }
.inner1000 { width: 1200px; margin: 0 auto; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* 主容器 */
.main { width: 100%; min-height: 1200px; background: url('../images/csrl_bg.png') #F7F6F6 no-repeat top center;padding-bottom: 50px; padding-top: 35px; position: relative; }

/* AI助手 */
.ai-assistant { position: fixed; right: -33px; top: 200px; z-index: 1000; transition: right 0.3s ease; width: 120px; height: 150px; }
.ai-assistant:hover, .ai-assistant.active { right: 5px; }
/* 滑动时显示的简单提示 */
.ai-hint { display: none; position: absolute; right: 126px; top: 18px; width: 357px; background: rgba(255,255,255,0.95); border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.15); padding: 20px 15px 20px 20px; font-size: 16px; color: #2e2a29; line-height: 1.6; }
.ai-hint.show { display: block; }
.ai-hint::before { content: ''; position: absolute; right: -10px; top: 30px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid rgba(255,255,255,0.95); }
.ai-hint p { margin: 0; }
.ai-hint p:first-child { margin-bottom: 8px; }
.ai-hint .hint-greeting { color: #eb8032; font-weight: bold; }
.ai-hint .hint-highlight { color: #1e88e5;cursor: pointer; }
.hint-close { position: absolute; right: 15px; top: 15px; border: none; background: transparent; cursor: pointer; padding: 0; }
.hint-close img { width: 20px; height: 20px; }
/* 点击时显示的完整对话框 */
.ai-dialog { display: none; position: absolute; right: 126px; top: 18px; width: 357px; background: #fff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.15); padding: 20px 15px 20px 20px; }
.ai-dialog.show { display: block; }
.ai-dialog::before { content: ''; position: absolute; right: -10px; top: 30px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fff; }
.dialog-header { margin-bottom: 15px; }
.dialog-title { font-size: 16px; font-weight: bold; color: #2e2a29; line-height: 1.5; }
.dialog-close { position: absolute; right: 15px; top: 15px; border: none; background: transparent; cursor: pointer; padding: 0; }
.dialog-close img { width: 20px; height: 20px; }
.dialog-content { font-size: 16px; color: #2e2a29; line-height: 1.8; max-height: 438px; overflow-y: auto; padding-right: 8px;}
.dialog-content::-webkit-scrollbar { width: 8px; }
.dialog-content::-webkit-scrollbar-track { background-color: #ececec; border-radius: 4px; }
.dialog-content::-webkit-scrollbar-thumb { background-color: #c4d7f7; border-radius: 4px; }
.dialog-content p { margin-bottom: 15px;text-align: justify; }
.dialog-content p:last-child { margin-bottom: 0; }
.dialog-link { display: inline-block; margin-left: 8px; vertical-align: middle; }
.dialog-link img { width: 22px; height: 20px; }
.ai-button { position: absolute; right: 0; bottom: 0; width: 112px; height: 150px; border: none; background: transparent; cursor: pointer; padding: 0; transition: transform 0.4s ease; }
.ai-button img { width: 112px; height: 150px; }

/* 顶部区域 */
.header-section { padding: 0 0 30px 0; }
.temp-slide { overflow: hidden; height: 46px; margin-bottom: 10px; }
.temp-slide .bd ul { list-style: none; padding: 0; margin: 0; }
.temp-slide .bd li { display: flex; align-items: center; height: 46px; }
.temp-icon { width: 50px; height: 46px; }
.temp-text { font-size: 18px; color: #2e2a29; margin-left: 20px; }
.title-section { clear: both; text-align: left;  }
.main-title { font-size: 78px; font-weight: bold; color: #2e2a29; letter-spacing: -3px;}
.sub-title { font-size:20px; color: #2e2a29; letter-spacing: 7px; }

/* 主体内容区域 */
.content-wrapper { width: 1200px; margin: 0 auto; display: flex; gap: 40px; }

/* 左侧面板 */
.left-panel { width: 300px; flex-shrink: 0; }

/* 左侧整体容器 */
.left-container { background: #fff; border-radius: 8px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }

/* 日历盒子 */
.calendar-box { position: relative; }
.calendar-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; padding-bottom: 12px; }
.calendar-icon { width: 24px; height: 24px; }
.calendar-title { font-size: 20px; font-weight: bold; color: #2e2a29; flex: 1; text-align: left;margin-left: 15px; }
.calendar-prev, .calendar-next { position: relative; width: 28px; height: 28px; border: none;  cursor: pointer; background: none;}
/* 左箭头 */
.calendar-prev::before { content: ''; position: absolute; top: 50%; left: 40%; width: 8px; height: 8px; border-left: 2px solid #acacac;; border-bottom: 2px solid #acacac;; transform: translate(-30%, -50%) rotate(45deg); }
.calendar-prev:hover::before { border-color: #acacac;; }
/* 右箭头 */
.calendar-next::before { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-right: 2px solid #acacac;; border-top: 2px solid #acacac;; transform: translate(-50%, -50%) rotate(45deg); }
.calendar-next:hover::before { border-color: #acacac;; }

/* 星期标题 */
.week-header { display: flex; margin-bottom: 10px; }
.week-header span { flex: 1; text-align: center; font-size: 14px; color: #999; font-weight: 500; }

/* 日历网格 */
.calendar-grid { display: flex; flex-wrap: wrap; }
.date-cell { width: 14.28%; height: 36px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #2e2a29; cursor: pointer; border-radius: 4px; margin-bottom: 2px; font-weight: bold;}
.date-cell.other-month { color: #ccc; }
.date-cell.other-month:hover { background: transparent; cursor: default; }
.date-cell:hover:not(.other-month) { background: #eb8032; }
.date-cell.today { color: #eb8032; font-weight: bold; }
.date-cell.today:hover{color: #fff;}

/* 分割线 */
.divider { height: 1px; background: #eee; margin: 10px 0; }

/* 移动端日历 */
.mobile-calendar { display: none; align-items: center; gap: 10px; padding: 10px 15px; }
.date-input { flex: 1; padding: 10px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; cursor: pointer; }
.date-input::-webkit-calendar-picker-indicator { display: none; }
.date-input[type="date"]::-webkit-inner-spin-button,
.date-input[type="date"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

/* 热门标签 */
.hot-tags { padding: 15px 0; }
.section-title { font-size: 20px; font-weight: bold; color: #2e2a29; margin-bottom: 12px; padding-left: 5px; }
.tags-row { display: flex; gap: 8px;  justify-content: flex-start; flex-wrap: wrap; }
.tag-btn {width: 76px;height: 24px;line-height: 24px; border: solid 1px #d8d5d5; border-radius: 6px; background: #fff; font-size: 14px;color: #2e2a29; cursor: pointer; text-align: center;margin-bottom: 5px;}
.tag-btn:hover { border-color: #eb8032; color: #eb8032; }
.tag-btn.active {background-color: #eb8032; border-color: #eb8032; color: #fff; }

/* 热门文旅服务 */
.hot-service { padding-top: 15px; }
.service-banner { position: relative; width: 100%; margin-bottom: 12px; overflow: hidden; }
.service-banner .bd { position: relative; }
.service-banner .bd ul { margin: 0; padding: 0; list-style: none; }
.service-banner .bd li { position: relative; list-style: none; }
.service-banner .bd li::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40px; background-image: linear-gradient(0deg, #000000 0%, rgba(0,0,0,0) 30%);}
.service-banner .bd img { width: 100%; height: 132px; object-fit: cover; }
.service-banner .hd { position: absolute; bottom: 10px; right: 30px; z-index: 10; }
.service-banner .hd ul { margin: 0; padding: 0; list-style: none; display: flex; gap: 8px; }
.service-banner .hd li { width: 7px; height: 7px; background-color: #ffffff;border-radius: 50%; cursor: pointer; text-indent: -999px;}
.service-banner .hd li.on {width: 18px; background: #eb8032; 	border-radius: 3px;}
.service-list { padding-left: 5px; }
.service-list li { font-size: 14px; color: #2e2a29; line-height: 26px; }
.service-list li .dot { color: #eb8032; margin-right: 5px; }
.service-list li a { font-size: 14px; color: #2e2a29; text-decoration: none; }
.service-list li a:hover { text-decoration: underline; }
.more-link { display: block; text-align: right; font-size: 13px; color: #eb8032; margin-top: 10px; }

/* 右侧面板 */
.right-panel { flex: 1; min-width: 0;padding-top: 108px; }

/* 活动头部 */
.activity-header { margin-bottom: 25px; }
.activity-title { font-size: 36px; font-weight: bold; color: #2e2a29; margin-bottom: 5px; }
.activity-bar { display: flex; justify-content: space-between; align-items: center; }
.activity-count { background: #fff; padding: 0 15px; border-radius: 6px; height: 36px; line-height: 36px; font-size: 16px;color: #2e2a29}
.activity-count span { font-size: 16px;color: #2e2a29;}
.activity-count .highlight-num { color: #eb8032; font-weight: bold; font-size: 16px; margin: 0 4px; }
.activity-tabs { display: flex; gap: 20px; }
.activity-tabs .tab { font-size: 18px; color: #2e2a29; cursor: pointer; padding-bottom: 5px; border-bottom: 2px solid transparent; display: flex; align-items: center; }
.activity-tabs .tab.active { color: #eb8032;}
.tab-icon { width: 18px; height: 16px; margin-left: 5px; }

/* 活动列表 */
.activity-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 27px; }
.activity-card { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08); transition: transform 0.2s; }
.activity-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.12); }
.card-image { position: relative; }
.card-image img { width: 100%; height: 250px; object-fit: cover; }
.card-tag { position: absolute; top: 10px; left: 10px; padding: 4px 10px; background: rgba(0,0,0,0.5); color: #fff; font-size: 14px; border-radius: 4px; }
.card-title { font-size: 18px; font-weight: bold;color: #2e2a29; padding: 12px 15px 8px; line-height: 2.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.card-info { padding: 0 15px 18px; display: flex; gap: 20px; }
.card-info span:first-child { flex:1;font-size: 14px; color: #2e2a29; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.card-info .list_time { font-size: 14px; color: #2e2a29; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.card-footer { position: relative; padding: 18px 15px 18px; display: flex; justify-content: space-between; align-items: center; }
.card-footer::before { content: ''; position: absolute; top: 0; left: 15px; right: 15px; height: 1px; background: #f0f0f0; }
.card-footer .source { font-size: 14px; color: #2e2a29;opacity: .6;}
.detail-link { font-size: 14px; color: #eb8032; }

/* 发现更多按钮 */
.discover-btn-wrap { text-align: center; margin-top: 30px; }
.discover-btn { width: 200px;height: 42px;line-height: 42px; text-align: center; background-color: #ffffff;border-radius: 6px;border: solid 1px #eb8032;
font-size: 18px;color: #eb8032;margin: 0 auto;cursor: pointer;}
.date-cell.selected {
  background-color: #eb8032;
  color: #fff;
}
.date-cell.today {
  color: #eb8032;
}
.date-cell.today.selected {
  background-color: #eb8032;
  color: #fff;
}

/* 响应式样式 */
@media only screen and (max-width: 1200px) and (min-width: 1024px) {
  html, body { min-width: 1200px !important; }
  .content-wrapper{gap: 20px; padding: 0 10px;box-sizing: border-box;}
}

@media only screen and (max-width: 1023px) {
  .main{background-size: 100%;}
  .content-wrapper { width: 100%; max-width: 100%; padding: 0 10px; box-sizing: border-box;gap: 20px; }
}

@media only screen and (max-width: 768px) {
  .main-title { font-size: 54px; }
  .sub-title { font-size: 14px; }
  .activity-title { font-size: 28px; }

  /* 移动端日历 */
  .mobile-calendar { display: flex; }
  .calendar-popup { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); padding: 15px; z-index: 100; margin-top: 8px; visibility: hidden; opacity: 0; transform: translateY(-10px) scale(0.95); transition: all 0.25s ease; pointer-events: none; }
  .calendar-box.show-calendar .calendar-popup { visibility: visible; opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }
  .calendar-box.show-calendar .calendar-header { display: flex; }
  .calendar-box.show-calendar .week-header { display: flex; flex-wrap: nowrap; }
  .calendar-box.show-calendar .calendar-grid { display: flex; }
  /* 热门标签横向滚动 */
  .tags-row { display: flex; overflow-x: auto; flex-wrap: nowrap; gap: 10px; padding-bottom: 10px; }
  .tags-row::-webkit-scrollbar { height: 4px; }
  .tags-row::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 2px; }
  .tags-row::-webkit-scrollbar-thumb { background: #ddd; border-radius: 2px; }
  .tags-row .tag-btn { flex-shrink: 0; }


  .activity-bar{display: block;}
  .activity-count{height: auto;line-height: 28px;}
  .activity-tabs{margin-top: 20px;}
  .right-panel{padding-top: 0;}
}

@media only screen and (max-width: 750px) {
  .activity-list { grid-template-columns: 1fr; }
}
@media only screen and (max-width: 650px) {
.left-panel{width: 250px;}
}
@media only screen and (max-width: 560px) {
.content-wrapper { flex-direction: column; }
.left-panel{width: 100%;}
.service-banner .bd img{height: 200px;object-fit: inherit;}
  .service-banner{display: none;}
}

@media only screen and (max-width: 480px) {
  .left-panel { width: 100%; margin-bottom: 20px; }
  .right-panel { width: 100%; padding-top: 0; }
  .main-title { font-size: 34px; }
  .sub-title { font-size: 12px; }
  .activity-title { font-size: 24px; }
  .card-title { font-size: 16px; }
  .card-info span { font-size: 12px; }
  .content-wrapper { flex-direction: column; }
  /* AI助手响应式 */
  .ai-dialog { width: calc(100vw - 140px); max-width: 280px; right: 110px; }
  .ai-hint { width: calc(100vw - 140px); max-width: 280px; right: 110px; }
  .ai-button { width: 90px; height: 120px; }
  .ai-button img { width: 90px; height: 120px; }
  .ai-assistant { right: -25px; }
  .ai-assistant:hover, .ai-assistant.active { right: 5px; }

}

@media only screen and (max-width: 360px) {
  .content-wrapper { padding: 0 5px; }
}
/* 细览页面样式 */
.xl-main {  background: url('../images/csrl_bg.png') #F7F6F6 no-repeat top center;padding-bottom: 50px; padding-top: 35px;}
.xl-breadcrumb {  padding: 12px 0;}
.xl-breadcrumb .inner1000 { display: flex; align-items: center; }
.xl-breadcrumb-nav { flex: 1; display: flex; align-items: center; }
.xl-breadcrumb-nav a { font-size: 18px; color: #2e2a29; text-decoration: none; }
.xl-breadcrumb-nav a:hover { color: #eb8032; }
.xl-breadcrumb-nav .breadcrumb-current { color: #eb8032; }
.xl-breadcrumb-nav .breadcrumb-arrow { margin: 0 8px; color: #2e2a29; }
/* 分享 */
.xl-share-bar { display: flex; align-items: center;zoom: 1; }
.xl-share-bar img { width: 16px; height: 16px; margin-right: 6px; }
.xl-share-bar:after { content: ""; display: block; clear: both; }
.xl-share-bar a { float: left; width: 26px; height: 26px; border-radius: 50%; margin-left: 13px; background: #c9c9c9; cursor: pointer; display: block;margin-top:2px; }
.xl-share-bar a i { display: block; width: 26px; height: 26px; -webkit-transition: .4s all;-moz-transition: .4s all; -ms-transition: .4s  all; transition: .4s all; }
.xl-share-bar a:hover i { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.xl-share-bar #share-icon { width: 26px; height: 26px; float: left; display: none; }
.xl-share-bar #share-icon img { width: 100%; height: 100%; }
.xl-share-bar .share-qqzone i { background: url("../images/cont_ico_share_20240305.png") 4px  center no-repeat; }
.xl-share-bar .share-qqzone:hover { background-color: #fc7354; }
.xl-share-bar .share-wechat { position: relative; }
.xl-share-bar .share-wechat i { background: url("../images/cont_ico_share_20240305.png") -30px  center no-repeat; }
.xl-share-bar .share-wechat:hover { background-color: #1fbc7d; }
.xl-share-bar .share-weibo i { background: url("../images/cont_ico_share_20240305.png") -65px  center no-repeat; }
.xl-share-bar .share-weibo:hover { background-color: #e96157; }
.xl-share-bar .bg-code { left: -36px; z-index: 10; }
.xl-share-bar .qrcode { position: absolute; top: 36px; border: 1px solid  #ccc; padding: 5px; background: #fff; display: none; width: 100px; height: 100px; left: -98%; z-index: 11; }
.xl-share-bar .close-btn { position: absolute; background: #fff; color: #000; font-size: 12px; z-index: 12; width: 12px; height: 12px; line-height: 12px; text-align: center; right: -39px; top: 50px; display: none; cursor: pointer; }
.xl-header { padding: 30px 0 0;  }
.xl-header .inner1000 { display: flex; }
.xl-main-image { width: 675px; height: 390px; flex-shrink: 0; }
.xl-main-image img { width: 100%; height: 100%; }
.xl-info-card { width: 525px; flex-shrink: 0; display: flex; flex-direction: column; background: #fff; padding: 25px 40px; box-sizing: border-box;}
.xl-card-header { margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px solid #eee; }
.xl-tag {width: 135px;height: 36px;line-height: 36px; display: inline-block;background: url("/images/csrl_xl_kzhd_tit_bg.png") no-repeat center center; color: #fff; font-size: 18px; margin-bottom: 15px;text-align: center;  margin-left: -40px; }
.xl-title { font-size: 24px; font-weight: bold; color: #2e2a29; line-height: 1.4; padding-top: 20px; }
.xl-info-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.xl-info-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 40px;}
.xl-info-item:nth-child(n+3) { margin-bottom: 0; }
.xl-info-item .icon-wrap { width: 49px; height: 49px; background: #eb8032; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.xl-info-item img {  }
.xl-info-item .info-text { display: flex; flex-direction: column; }
.xl-info-item .info-label { font-size: 16px; color: #2e2a29;}
.xl-info-item .info-value { font-size: 14px; color: #2e2a29; margin-top: 4px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; }
.xl-content { padding: 40px 0 0;   }
.xl-section-title { display: flex; align-items: center; margin-bottom: 30px; }
.xl-section-title img { width: 4px; height: 24px; margin-right: 10px; }
.xl-section-title h2 { font-size: 36px; font-weight: bold; color: #2e2a29; margin: 0; }
.xl-article { font-size: 16px; color: #2e2a29; line-height: 32px; }
.xl-article p { text-indent: 2em;text-align: justify;}
.xl-article h3 { text-indent: 2em;  font-size: 18px; font-weight: bold; color: #2e2a29; }
.xl-article-divider { height: 2px; background-color: #e8e8e8; margin-top: 50px; }
.xl-related { padding: 40px 0 60px;}
.xl-related-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.xl-related-item { overflow: hidden; position: relative; }
.xl-related-tag { position: absolute; top: 12px; left: 12px; background: #eb8032; color: #fff; font-size: 14px; padding: 4px 10px; z-index: 10;border-radius: 4px; }
.xl-related-item img { width: 100%; height: 220px;  }
.xl-related-item .related-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)); }
.xl-related-item h4 { font-size: 16px; color: #fff; margin: 0; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
@media only screen and (max-width: 1200px) and (min-width: 1024px) {
  .xl-main{padding: 35px 10px 50px;box-sizing: border-box;}
 .inner1000{width: 100%;}
}

@media only screen and (max-width: 1023px) {
  .xl-main{padding: 35px 10px 50px;box-sizing: border-box;}
 .inner1000{width: 100%;}
 .xl-info-card{width: auto;flex: 1;}
}

@media only screen and (max-width: 768px) {
  .xl-title { font-size: 22px; }
  .xl-section-title h2 { font-size: 26px; }
  .xl-article h3 { font-size: 16px; }
  .inner1000 { width: 100%; max-width: 100%; padding: 0 10px; box-sizing: border-box; }
  .xl-header .inner1000 { flex-direction: column; }
  .xl-main-image { width: 100%; height: auto; }
  .xl-info-card { width: 100%; margin-top: 15px; }

  .xl-related-list { grid-template-columns: repeat(2, 1fr); }
  .xl-section-title h2 { font-size: 28px; }
  .xl-tag { margin-left: -30px; }
}

@media only screen and (max-width: 750px) {
  .xl-related-list { grid-template-columns: 1fr; }
  .xl-breadcrumb .inner1000 { flex-direction: column; align-items: flex-start; gap: 10px; }
  .xl-breadcrumb-nav { flex: none; width: 100%; max-width: 100%; overflow-x: auto; white-space: nowrap; }
  .xl-breadcrumb-nav a { font-size: 14px; }
  .xl-breadcrumb-nav .breadcrumb-arrow { margin: 0 5px; }
}

@media only screen and (max-width: 650px) {
  .xl-info-card { padding: 20px; }
  .xl-tag { margin-left: -20px; }
  .xl-related-item img{width: 100%;height: auto;}
}

@media only screen and (max-width: 560px) {
  .xl-info-item .info-value { max-width: 180px; }
}

@media only screen and (max-width: 480px) {
  .xl-title { font-size: 20px; }
  .xl-section-title h2 { font-size: 24px; }
  .xl-article { font-size: 14px; line-height: 28px; }
  .xl-article h3 { font-size: 15px; }
  .xl-info-item .info-value { max-width: 120px; }
  .xl-related-list { grid-template-columns: 1fr; }
}
@media only screen and (max-width: 430px) {
.xl-info-list { grid-template-columns: 1fr; }
.xl-info-item .info-value{width: 100%;max-width: 100%;}
.xl-info-item{margin: 10px 0 !important;}
}

@media only screen and (max-width: 360px) {
  .xl-info-card { padding: 15px; }
  .xl-tag { margin-left: -15px; }
  .xl-section-title h2 { font-size: 22px; }
    
      
}