@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

.tag_wrap .tag_item .tag_text, .breaking_news_info .breaking_news_text span, .popup_inactive_wrap .hot_new_item h2,
.popup_inactive_wrap .hot_new_item h3,
.popup_inactive_wrap .hot_new_item h4, .popup_inactive_wrap .hot_new_item a, .news_list_three_block_wrap .news_list_three_block_area .new_pic_wrap a .new_title span,
.news_list_three_block_wrap .news_list_three_block_area .new_pic_wrap a .new_title h3,
.news_list_three_block_wrap .news_list_three_block_area .new_list_wrap a .new_title span,
.news_list_three_block_wrap .news_list_three_block_area .new_list_wrap a .new_title h3, .latest_news_more_wrap .news_list_item .news_info .time, .news_list_mosaic_wrap .news_list_mosaic_area .new_pic_wrap a .new_title span,
.news_list_mosaic_wrap .news_list_mosaic_area .new_pic_wrap a .new_title h3,
.news_list_mosaic_wrap .news_list_mosaic_area .new_list_wrap a .new_title span,
.news_list_mosaic_wrap .news_list_mosaic_area .new_list_wrap a .new_title h3, .top_stories_info_wrap .top_stories_menu .top_stories_item a, .news_list_wrap.news_style06_list3 .news_list_item .news_info .title, .news_list_wrap.news_style03_list3 .news_list_item .news_info .title, .news_list_wrap .news_list_item .news_info .title_box .title, .title_wrap .title_name span,
.title_wrap .title_name a {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.popup_wrap .popup_content .popup_body .title_wrap .title_name span, .feature_content_wrap .news_list_item .news_info .title, .top_stories_info_wrap .top_stories_other .top_stories_other_item a .title, .top_stories_info_wrap .top_stories_info_block .top_stories_info .desc, .top_stories_info_wrap .top_stories_info_block .top_stories_info .title, .news_list_wrap.news_news_video_style01_list1 .news_list_item a .news_info .title, .news_list_wrap .news_list_item .news_info .desc, .news_list_wrap .news_list_item .news_info > .title, .title_live_icon .live_title_name, .icon_live .live_title_name, .title_wrap.lines2 .title_name span,
.title_wrap.lines2 .title_name a {
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

html,
body {
  font-family: "Noto Sans TC", sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  color: #2e2e2e;
  touch-action: manipulation; /* 專門用於解決點擊與捲動衝突 */
}
html.no_scroll,
body.no_scroll {
  overflow: hidden;
  touch-action: none;
}

.area-table {
  width: 100%;
  margin: auto;
  padding: 0 10px;
  box-sizing: border-box;
  display: block;
}
@media screen and (min-width: 768px) {
  .area-table {
    max-width: 768px;
  }
}
@media screen and (min-width: 1024px) {
  .area-table {
    max-width: 970px;
    padding: 0;
  }
}
@media screen and (min-width: 1280px) {
  .area-table {
    max-width: 1200px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-size: unset;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4, h5, h6 {
  line-height: 1em;
  display: flex;
}
h1.hide,
h2.hide,
h3.hide,
h4.hide, h5.hide, h6.hide {
  width: 0;
  height: 0;
  position: fixed;
  top: -99999999px;
  left: -99999999px;
  opacity: 0;
}

svg {
  fill: #fff;
}

img {
  display: flex;
}

/* 適用於 Firefox */
.scrollable {
  scrollbar-width: none; /* 隱藏捲軸，但是仍然可以捲動。 */
}

.svg_box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.svg_box .svg_icon {
  background: url("../images/icon/sprite1.png") no-repeat;
  background-size: 320px 970px;
  width: 20px;
  height: 20px;
}
.svg_box .svg_icon.search {
  background-position: -60px 0px;
}
.svg_box .svg_icon.search_white {
  background-position: -60px -60px;
}
.svg_box .svg_icon.login {
  background-position: -30px 0px;
}
.svg_box .svg_icon.logout {
  background-position: 0px 0px;
}
.svg_box .svg_icon.volume {
  background-position: -150px -60px;
}
.svg_box .svg_icon.close_white {
  background-position: -120px -60px;
}
.svg_box .svg_icon.close_black {
  background-position: -120px 0px;
}
@media screen and (min-width: 1024px) {
  .svg_box:hover .svg_icon.search {
    background-position: -60px -30px;
  }
  .svg_box:hover .svg_icon.login {
    background-position: -30px -30px;
  }
  .svg_box:hover .svg_icon.logout {
    background-position: 0px -30px;
  }
}

.svg_box .svg_icon.home {
  background-position: -90px 0px;
}
@media screen and (min-width: 1024px) {
  .svg_box:hover .svg_icon.home {
    background-position: -90px -60px;
  }
}

.svg_box .svg_icon.arrow_up1 {
  background-position: -30px -190px;
}
.svg_box .svg_icon.arrow_down1 {
  background-position: 0px -190px;
}
.svg_box .svg_icon.arrow_up2 {
  background-position: -120px -310px;
}
.svg_box .svg_icon.arrow_down2 {
  background-position: -150px -310px;
}
.svg_box .svg_icon.arrow_up3 {
  background-position: -30px -250px;
}
.svg_box .svg_icon.arrow_left1 {
  background-position: -60px -340px;
}
.svg_box .svg_icon.arrow_right1 {
  background-position: -90px -340px;
}
.svg_box .svg_icon.arrow_right2 {
  background-position: -90px -250px;
}
.svg_box .svg_icon.arrow_left3 {
  background-position: -60px -310px;
}
.svg_box .svg_icon.arrow_right3 {
  background-position: -90px -310px;
}
.svg_box .svg_icon.arrow_top_left3 {
  background-position: -180px -310px;
}
.svg_box .svg_icon.arrow_top_right3 {
  background-position: -210px -310px;
}
@media screen and (min-width: 1024px) {
  .svg_box:hover .svg_icon.arrow_down {
    background-position: 0px -220px;
  }
  .svg_box:hover .svg_icon.arrow_up2 {
    background-position: -120px -340px;
  }
  .svg_box:hover .svg_icon.arrow_down2 {
    background-position: -150px -340px;
  }
  .svg_box:hover .svg_icon.arrow_up3 {
    background-position: -30px -220px;
  }
  .svg_box:hover .svg_icon.arrow_left1 {
    background-position: -60px -220px;
  }
  .svg_box:hover .svg_icon.arrow_right1 {
    background-position: -90px -220px;
  }
  .svg_box:hover .svg_icon.arrow_right2 {
    background-position: -90px -280px;
  }
}

.svg_box .svg_icon.pen {
  background-position: -90px -730px;
}
.svg_box .svg_icon.mosaic {
  background-position: 0px -730px;
}
.svg_box .svg_icon.vote {
  background-position: -60px -730px;
}
.svg_box .svg_icon.lightning {
  background-position: -150px -790px;
}
.svg_box .svg_icon.trend {
  background-position: -180px -790px;
}
.svg_box .svg_icon.fire {
  background-position: -120px -760px;
}
.svg_box .svg_icon.tag {
  background-position: -30px -730px;
}
.svg_box .svg_icon.pin {
  background-position: -210px -820px;
}

.svg_box .svg_icon.youtube_def {
  background-position: 0px -510px;
}
.svg_box .svg_icon.youtube {
  background-position: 0px -540px;
}
.svg_box .svg_icon.facebook {
  background-position: -30px -540px;
}
.svg_box .svg_icon.instagram {
  background-position: -60px -540px;
}
.svg_box .svg_icon.line {
  background-position: -90px -540px;
}
.svg_box .svg_icon.X {
  background-position: -120px -540px;
}
.svg_box .svg_icon.threads {
  background-position: -150px -540px;
}
@media screen and (min-width: 1024px) {
  .svg_box:hover .svg_icon.youtube_def {
    background-position: 0px -630px;
  }
  .svg_box:hover .svg_icon.youtube {
    background-position: 0px -570px;
  }
  .svg_box:hover .svg_icon.facebook {
    background-position: -30px -570px;
  }
  .svg_box:hover .svg_icon.instagram {
    background-position: -60px -570px;
  }
  .svg_box:hover .svg_icon.line {
    background-position: -90px -570px;
  }
  .svg_box:hover .svg_icon.X {
    background-position: -120px -570px;
  }
  .svg_box:hover .svg_icon.threads {
    background-position: -150px -570px;
  }
}

.svg_box .svg_icon.gift {
  background-position: 0px -950px;
}
.svg_box .svg_icon.coin {
  background-position: -30px -950px;
}

.svg_box.article_tool .svg_icon.facebook {
  background-position: -30px -570px;
}
@media screen and (min-width: 768px) {
  .svg_box.article_tool .svg_icon.facebook {
    background-position: -30px -600px;
  }
}
.svg_box.article_tool .svg_icon.facebook_amp {
  background-position: -30px -570px;
}
.svg_box.article_tool .svg_icon.line {
  background-position: -90px -570px;
}
@media screen and (min-width: 768px) {
  .svg_box.article_tool .svg_icon.line {
    background-position: -90px -600px;
  }
}
.svg_box.article_tool .svg_icon.line_amp {
  background-position: -90px -570px;
}
.svg_box.article_tool .svg_icon.threads {
  background-position: -150px -570px;
}
@media screen and (min-width: 768px) {
  .svg_box.article_tool .svg_icon.threads {
    background-position: -150px -600px;
  }
}
.svg_box.article_tool .svg_icon.threads_amp {
  background-position: -150px -570px;
}
.svg_box.article_tool .svg_icon.size_S {
  background-position: -300px -90px;
}
@media screen and (min-width: 768px) {
  .svg_box.article_tool .svg_icon.size_S {
    background-position: -300px -120px;
  }
}
.svg_box.article_tool .svg_icon.size_M {
  background-position: -270px -90px;
}
@media screen and (min-width: 768px) {
  .svg_box.article_tool .svg_icon.size_M {
    background-position: -270px -120px;
  }
}
.svg_box.article_tool .svg_icon.size_L {
  background-position: -240px -90px;
}
@media screen and (min-width: 768px) {
  .svg_box.article_tool .svg_icon.size_L {
    background-position: -240px -120px;
  }
}
.svg_box.article_tool .svg_icon.voice_play {
  background-position: -180px -90px;
}
@media screen and (min-width: 768px) {
  .svg_box.article_tool .svg_icon.voice_play {
    background-position: -180px -120px;
  }
}
.svg_box.article_tool .svg_icon.voice_pause {
  background-position: -210px -90px;
}
@media screen and (min-width: 768px) {
  .svg_box.article_tool .svg_icon.voice_pause {
    background-position: -210px -120px;
  }
}
@media screen and (min-width: 1024px) {
  .svg_box.article_tool:hover .svg_icon.facebook {
    background-position: -30px -570px;
  }
  .svg_box.article_tool:hover .svg_icon.line {
    background-position: -90px -570px;
  }
  .svg_box.article_tool:hover .svg_icon.threads {
    background-position: -150px -570px;
  }
  .svg_box.article_tool:hover .svg_icon.size_S {
    background-position: -300px -90px;
  }
  .svg_box.article_tool:hover .svg_icon.size_M {
    background-position: -270px -90px;
  }
  .svg_box.article_tool:hover .svg_icon.size_L {
    background-position: -240px -90px;
  }
  .svg_box.article_tool:hover .svg_icon.voice_play {
    background-position: -180px -90px;
  }
  .svg_box.article_tool:hover .svg_icon.voice_pause {
    background-position: -210px -90px;
  }
}

.svg_box .svg_icon.title_directory {
  background-position: -240px -730px;
}
.svg_box .svg_icon.directory_list_icon {
  background-position: -270px -730px;
}

.svg_box .svg_icon.vote_type1 {
  background-position: -90px -410px;
}
.svg_box .svg_icon.vote_type2 {
  background-position: -90px -440px;
}

.svg_box.feature_link_svg .facebook {
  background-position: -30px -660px;
}
.svg_box.feature_link_svg .line {
  background-position: -90px -660px;
}
.svg_box.feature_link_svg .threads {
  background-position: -150px -660px;
}
@media screen and (min-width: 1024px) {
  .svg_box.feature_link_svg:hover .facebook {
    background-position: -30px -660px;
  }
  .svg_box.feature_link_svg:hover .line {
    background-position: -90px -660px;
  }
  .svg_box.feature_link_svg:hover .threads {
    background-position: -150px -660px;
  }
}

.svg_box2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.svg_box2 .svg_icon {
  background: url("../images/icon/sprite2.png") no-repeat;
  background-size: 290px 360px;
}

.svg_box2 .svg_icon.Q_icon {
  width: 28px;
  height: 40px;
  background-position: 0px -300px;
}
.svg_box2 .svg_icon.slash {
  width: 20px;
  height: 60px;
  background-position: -38px -300px;
}

.svg_app_btn {
  width: 140px;
  height: 40px;
}
.svg_app_btn .svg_icon {
  width: 140px;
  height: 40px;
}
.svg_app_btn .svg_icon.app_apple {
  background-position: 0 0px;
}
.svg_app_btn .svg_icon.app_googlePlay {
  background-position: -150px 0px;
}
@media screen and (min-width: 1024px) {
  .svg_app_btn:hover .svg_icon.app_apple {
    background-position: 0 -50px;
  }
  .svg_app_btn:hover .svg_icon.app_googlePlay {
    background-position: -150px -50px;
  }
}

.nav_bar {
  position: relative;
}
.nav_bar.nav_fixed {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99999;
}
.nav_bar.nav_open .nav_arrow > .arrow_down {
  transform: rotate(180deg);
}

.nav_wrap {
  position: relative;
  background-color: #e3edff;
}
.nav_wrap .nav_area {
  width: 100%;
  display: flex;
  padding: 0;
}
.nav_wrap .nav_block {
  display: flex;
  align-items: center;
  overflow-x: auto;
  white-space: nowrap;
}
.nav_wrap .nav_box {
  height: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.nav_wrap .nav_home,
.nav_wrap .nav_arrow {
  cursor: pointer;
}
.nav_wrap .nav_home a,
.nav_wrap .nav_arrow a {
  width: 44px;
  height: 44px;
}
.nav_wrap .nav_home > .arrow_down,
.nav_wrap .nav_arrow > .arrow_down {
  transition: 0.2s;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .nav_wrap .nav_home:hover,
  .nav_wrap .nav_arrow:hover {
    background-color: #99bbff;
  }
}
.nav_wrap .nav_home.active,
.nav_wrap .nav_arrow.active {
  background-color: #004ba0;
}
@media screen and (min-width: 1024px) {
  .nav_wrap .nav_home.active:hover,
  .nav_wrap .nav_arrow.active:hover {
    background-color: #004ba0;
  }
}
.nav_wrap .nav_home.active .svg_icon {
  background-position: -90px -60px;
}
.nav_wrap .nav_item {
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .nav_wrap .nav_item:hover {
    background-color: #99bbff;
  }
  .nav_wrap .nav_item:hover a {
    color: #fff;
  }
}
.nav_wrap .nav_item a {
  height: 100%;
  text-decoration: none;
  color: #2e2e2e;
  font-size: 1.125rem;
  line-height: 1.5em;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding: 0 8px;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .nav_wrap .nav_item.focus_item:hover {
    background-color: #ff7a00;
  }
  .nav_wrap .nav_item.focus_item:hover a {
    color: #fff;
  }
}
.nav_wrap .nav_item.focus_item a {
  color: #ff7a00;
}
.nav_wrap .nav_item.focus_item.active {
  background-color: #ff7a00;
}
.nav_wrap .nav_item.focus_item.active a {
  color: #fff;
}
.nav_wrap .nav_item.active {
  background-color: #004ba0;
}
.nav_wrap .nav_item.active a {
  color: #fff;
}

.nav_block {
  width: calc(100% - 72px);
}
.nav_block .nav_box {
  display: flex;
  align-items: center;
}
.nav_block .nav_box li {
  order: 9;
}
.nav_block .nav_box li.item1 {
  order: -1;
}
.nav_block .nav_box li.item1.active {
  order: -1;
}
.nav_block .nav_box li.active {
  order: 4;
}
.nav_block .nav_box li.focus_item {
  order: 1;
}

.menu_wrap {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #f7f7f7;
  z-index: 99999;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
}
.menu_wrap .menu_area .nav_menu {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 8px 0 20px;
}
.menu_wrap .menu_area .nav_menu .nav_item {
  list-style-type: none;
  height: 100%;
  margin-top: 12px;
  margin-right: 12px;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .menu_wrap .menu_area .nav_menu .nav_item:hover {
    background-color: #99bbff;
  }
  .menu_wrap .menu_area .nav_menu .nav_item:hover a {
    color: #fff;
  }
}
.menu_wrap .menu_area .nav_menu .nav_item a {
  height: 100%;
  text-decoration: none;
  color: #2e2e2e;
  font-size: 1.125rem;
  line-height: 1.5em;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding: 6px 20px;
  box-sizing: border-box;
}
.menu_wrap .menu_area .nav_menu .nav_item.active {
  background-color: #004ba0;
}
.menu_wrap .menu_area .nav_menu .nav_item.active a {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .menu_wrap .menu_area .nav_menu .nav_item.focus_item:hover {
    background-color: #ff7a00;
  }
  .menu_wrap .menu_area .nav_menu .nav_item.focus_item:hover a {
    color: #fff;
  }
}
.menu_wrap .menu_area .nav_menu .nav_item.focus_item a {
  color: #ff7a00;
}
.menu_wrap .menu_area .nav_menu .nav_item.focus_item.active {
  background-color: #ff7a00;
}
.menu_wrap .menu_area .nav_menu .nav_item.focus_item.active a {
  color: #fff;
}

.header_wrap {
  background-color: #fff;
}
.header_wrap.nav_fixed {
  margin-bottom: 44px;
}
.header_wrap .header_area {
  height: 44px;
  padding: 0 2px 0 6px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .header_wrap .header_area {
    height: 56px;
    padding: 0;
  }
}
.header_wrap .left_wrap,
.header_wrap .right_wrap {
  width: 110px;
}
@media screen and (min-width: 768px) {
  .header_wrap .left_wrap,
  .header_wrap .right_wrap {
    width: auto;
  }
}
.header_wrap .logo_wrap {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .header_wrap .logo_wrap {
    width: auto;
    margin-left: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .header_wrap .logo_wrap {
    margin-left: 0;
  }
}
.header_wrap .pc_logo {
  display: none;
}
@media screen and (min-width: 768px) {
  .header_wrap .pc_logo {
    display: block;
    width: 95px;
  }
}
@media screen and (min-width: 1024px) {
  .header_wrap .pc_logo {
    width: 237px;
  }
}
.header_wrap .mobile_logo {
  width: 95px;
}
@media screen and (min-width: 768px) {
  .header_wrap .mobile_logo {
    display: none;
  }
}
.header_wrap .live_logo {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .header_wrap .live_logo {
    margin-left: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .header_wrap .live_logo {
    margin-left: 20px;
  }
}
.header_wrap .live_logo img {
  width: 27px;
}
.header_wrap .menu_list {
  display: none;
}
@media screen and (min-width: 1024px) {
  .header_wrap .menu_list {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0 20px 0 0;
  }
}
.header_wrap .menu_list .menu_item {
  margin-right: 10px;
}
.header_wrap .menu_list .menu_item:last-child {
  margin-right: 0;
}
.header_wrap .menu_list a {
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.5em;
  font-weight: 500;
  color: #8f8f8f;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .header_wrap .menu_list a:hover {
    color: #2e2e2e;
  }
  .header_wrap .menu_list a:hover img {
    opacity: 1;
  }
}
.header_wrap .menu_list a img {
  width: 20px;
  height: 20px;
  margin-right: 2px;
  display: flex;
  opacity: 0.5;
}
.header_wrap .menu_list a i {
  margin-right: 2px;
}
.header_wrap .tool_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header_wrap .login_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
}
@media screen and (min-width: 1024px) {
  .header_wrap .login_wrap {
    margin-right: 0;
  }
}
.header_wrap .login_wrap .login_box,
.header_wrap .login_wrap .logout_box,
.header_wrap .login_wrap a {
  width: 20px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  cursor: pointer;
}
.header_wrap .login_wrap img {
  width: 20px;
}
.header_wrap .btn_text {
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.5em;
  font-weight: 500;
  color: #2e2e2e;
  margin-left: 5px;
}
.header_wrap .search_wrap.input_open .search_block {
  opacity: 1;
  pointer-events: auto;
  width: calc(100vw - 72px - 15px);
  z-index: 99999;
  transition: all 0.2s ease-in-out;
}
@media screen and (min-width: 768px) {
  .header_wrap .search_wrap.input_open .search_block {
    width: 280px;
  }
}
@media screen and (min-width: 1024px) {
  .header_wrap .search_wrap.input_open .search_block {
    width: 400px;
  }
}
.header_wrap .search_wrap.input_open .search_key_wrap {
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 40px;
  right: 0;
  min-height: 100%;
  border: solid 1px #DFDFDF;
  background-color: #fff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  border-radius: 18px;
  display: none;
}
.header_wrap .search_wrap.input_open .search_key_wrap.search_key_open {
  display: block;
}
.header_wrap .search_wrap.input_open .search_key_wrap .search_key_area {
  max-height: 300px;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.header_wrap .search_wrap.input_open .search_key_wrap .search_key_area .search_key_item {
  height: 30px;
  display: inline-block;
}
.header_wrap .search_wrap.input_open .search_key_wrap .search_key_area .search_key_item:last-child {
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .header_wrap .search_wrap.input_open .search_key_wrap .search_key_area .search_key_item:hover {
    background-color: #F7F7F7;
  }
}
.header_wrap .search_wrap.input_open .search_key_wrap .search_key_area .search_key_item a {
  padding: 0px 15px;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 30px;
  display: block;
  color: #2e2e2e;
  box-sizing: border-box;
}
.header_wrap .search_wrap .search_area {
  position: relative;
  display: flex;
  align-items: center;
  height: 36px;
  min-width: 36px;
}
.header_wrap .search_wrap .search_block {
  opacity: 0;
  pointer-events: none;
  width: 90px;
  height: 36px;
  border-radius: 36px;
  border: 1px solid #dfdfdf;
  box-sizing: border-box;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
  right: 0;
  z-index: 99999;
}
.header_wrap .search_wrap input {
  width: 100%;
  height: 100%;
  border-radius: 100px;
  border: 0;
  border-bottom: 2px solid rgb(153, 187, 255);
  padding-left: 15px;
  padding-right: 36px;
  box-sizing: border-box;
  outline: none;
}
.header_wrap .search_wrap .svg_box {
  width: 36px;
  height: 34px;
  position: absolute;
  top: 1px;
  right: 0;
  z-index: 99999;
  cursor: pointer;
}

.footer_wrap {
  background-color: #0f427d;
  color: #e3edff;
  padding: 40px 0;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .footer_wrap {
    margin-top: 60px;
  }
}
.footer_wrap .footer_area {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.footer_wrap a {
  color: #e3edff;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .footer_wrap a:hover {
    text-decoration: underline;
  }
}
.footer_wrap .footer_header_wrap {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .footer_wrap .footer_header_wrap {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: dashed 1px #99bbff;
  }
}
.footer_wrap .footer_header_wrap .footer_logo_wrap {
  width: 111px;
}
.footer_wrap .footer_header_wrap .footer_logo_wrap img {
  width: 100%;
}
.footer_wrap .footer_header_wrap .footer_community_wrap {
  border-top: dashed 1px #99bbff;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .footer_wrap .footer_header_wrap .footer_community_wrap {
    border-top: 0;
    margin-top: 0;
  }
}
.footer_wrap .footer_link_list {
  display: none;
  margin: 0;
  padding: 0;
  list-style-type: none;
  gap: 15px 40px;
}
@media screen and (min-width: 768px) {
  .footer_wrap .footer_link_list {
    display: flex;
    flex-wrap: wrap;
  }
}
.footer_wrap .footer_link_list .link_item {
  position: relative;
}
.footer_wrap .footer_link_list .link_item::before {
  content: "";
  display: block;
  position: absolute;
  right: -20px;
  width: 1px;
  height: 100%;
  background-color: #e3edff;
}
.footer_wrap .footer_link_list .link_item:last-child::before {
  display: none;
}
.footer_wrap .app_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.footer_wrap .copyright {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5em;
  font-size: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.circle_community_list {
  margin: 0;
  padding: 20px 0 0;
  display: flex;
  justify-content: flex-start;
  gap: 10px;
}
@media screen and (min-width: 375px) {
  .circle_community_list {
    gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .circle_community_list {
    padding: 0;
  }
}
.circle_community_list .community_item {
  width: 40px;
  height: 40px;
  list-style-type: none;
  border: 1px solid #e3edff;
  border-radius: 50%;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .circle_community_list .community_item:hover {
    background: #e3edff;
  }
}

.ad_spring_couplet_wrap .ad_spring_couplet_area {
  display: none;
  position: fixed;
  margin-left: 50%;
  transform: translate(-50%, 0);
  top: 0;
}
@media screen and (min-width: 1280px) {
  .ad_spring_couplet_wrap .ad_spring_couplet_area {
    display: block;
  }
}
.ad_spring_couplet_wrap .ad_spring_couplet_area .ad_spring_couplet_left,
.ad_spring_couplet_wrap .ad_spring_couplet_area .ad_spring_couplet_right {
  width: 120px;
  height: 500px;
}
.ad_spring_couplet_wrap .ad_spring_couplet_area .ad_spring_couplet_left {
  position: absolute;
  top: 120px;
  left: -130px;
  width: 120px;
}
.ad_spring_couplet_wrap .ad_spring_couplet_area .ad_spring_couplet_right {
  position: absolute;
  top: 120px;
  right: -130px;
  width: 120px;
}

.ad_wrap .ad_area {
  padding: 0;
}
.ad_wrap .ad_area img {
  width: 100%;
}
.ad_wrap.ad_970x250_wrap .ad_area {
  width: 970px;
  height: 250px;
}
.ad_wrap.ad_300x250_wrap .ad_area {
  width: 300px;
  height: 250px;
}
.ad_wrap.ad_300x250_wrap .ad_area img {
  width: 100%;
}
.ad_wrap.ad_384x50_wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}
.ad_wrap.ad_384x50_wrap .ad_area {
  width: 300px;
  height: 39.06px;
}
@media screen and (min-width: 375px) {
  .ad_wrap.ad_384x50_wrap .ad_area {
    width: 355px;
    height: 46.22px;
  }
}
@media screen and (min-width: 768px) {
  .ad_wrap.ad_384x50_wrap .ad_area {
    width: 384px;
    height: 50px;
  }
}
.ad_wrap.ad_384x50_wrap .ad_area img {
  width: 100%;
}
.ad_wrap.ad_200x50_wrap .ad_area {
  width: 161.72px;
  height: 39.05px;
}
@media screen and (min-width: 375px) {
  .ad_wrap.ad_200x50_wrap .ad_area {
    width: 184px;
    height: 46.22px;
  }
}
@media screen and (min-width: 768px) {
  .ad_wrap.ad_200x50_wrap .ad_area {
    width: 200px;
    height: 50px;
  }
}
.ad_wrap.ad_200x50_wrap .ad_area img {
  width: 100%;
}
.ad_wrap.ad_300x600_wrap .ad_area {
  width: 300px;
  height: 600px;
}
.ad_wrap.ad_300x600_wrap .ad_area img {
  width: 100%;
}
.ad_wrap.ad_60x55_wrap .ad_area {
  width: 60px;
  height: 55px;
  margin: auto;
}
.ad_wrap.ad_60x55_wrap .ad_area img {
  width: 100%;
}
.ad_wrap.ad_870x250_wrap .ad_area {
  width: 870px;
  height: 250px;
  margin: auto;
}
.ad_wrap.ad_300x100_wrap .ad_area {
  width: 300px;
  height: 100px;
  margin: auto;
}
.ad_wrap.ad_320x100_wrap .ad_area {
  width: 320px;
  height: 100px;
  margin: auto;
}
.ad_wrap.ad_728x90_wrap .ad_area {
  width: 728px;
  height: 90px;
  margin: auto;
}

.ad_text_wrap {
  background-color: #f2f7ff;
  height: 39.05px;
}
@media screen and (min-width: 375px) {
  .ad_text_wrap {
    height: 46.22px;
  }
}
@media screen and (min-width: 768px) {
  .ad_text_wrap {
    height: 50px;
  }
}
.ad_text_wrap.ad_text_200x50 {
  width: 138.28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 375px) {
  .ad_text_wrap.ad_text_200x50 {
    width: 171px;
  }
}
@media screen and (min-width: 768px) {
  .ad_text_wrap.ad_text_200x50 {
    width: 184px;
  }
}
.ad_text_wrap .ad_text_area {
  font-size: 1rem;
  line-height: 1.5em;
  font-weight: 500;
  color: #2e2e2e;
}
.ad_text_wrap .ad_text_area .day {
  font-size: 1.875rem;
  line-height: 1.3em;
  font-weight: 700;
  color: #004ba0;
  padding: 0 4px;
}
@media screen and (min-width: 375px) {
  .ad_text_wrap .ad_text_area .day {
    font-size: 2.25rem;
  }
}

.YT_ad_wrap.YT_ad_300x250_wrap .ad_area {
  width: 300px;
  height: 250px;
}
.YT_ad_wrap.YT_ad_300x250_wrap iframe {
  display: flex;
}

.anima_loading_bg {
  background: linear-gradient(100deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 30%) #ededed;
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1.5s adLoading ease-in-out infinite;
}

@keyframes adLoading {
  to {
    background-position-x: -20%;
  }
}
.title_wrap {
  display: flex;
  justify-content: space-between;
  height: 34px;
}
.title_wrap .title_name {
  padding-left: 10px;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}
.title_wrap .title_name::before {
  content: "";
  display: block;
  width: 5px;
  height: 100%;
  background-color: #004ba0;
  position: absolute;
  top: 0;
  left: 0;
}
.title_wrap .title_name span,
.title_wrap .title_name a {
  color: #2e2e2e;
  font-size: 1.375rem;
  line-height: 1.5em;
  font-weight: 500;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .title_wrap .title_name span,
  .title_wrap .title_name a {
    font-size: 1.625rem;
    line-height: 1.3em;
  }
}
@media screen and (min-width: 1024px) {
  .title_wrap .title_name a:hover {
    color: #8f8f8f;
  }
}
.title_wrap .title_name.small_title span,
.title_wrap .title_name.small_title a {
  font-size: 1.375rem;
}
@media screen and (min-width: 768px) {
  .title_wrap .title_name.small_title span,
  .title_wrap .title_name.small_title a {
    font-size: 1.375rem;
  }
}
.title_wrap .title_name.icon_title span,
.title_wrap .title_name.icon_title a {
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .title_wrap .title_name.icon_title span,
  .title_wrap .title_name.icon_title a {
    font-size: 1.375rem;
  }
}
.title_wrap .title_name > .svg_box {
  width: auto;
}
.title_wrap.lines2 {
  height: auto;
}
.title_wrap.lines2 .title_name .svg_box {
  align-items: normal;
  margin-top: 14px;
}
.title_wrap.title_icon .title_name {
  padding-left: 0;
  line-height: 1.5em;
}
.title_wrap.title_icon .title_name::before {
  display: none;
}
.title_wrap.title_icon .title_name i {
  margin-right: 10px;
}
.title_wrap.title_icon.small_title {
  height: 27px;
}
@media screen and (min-width: 768px) {
  .title_wrap.title_icon.small_title {
    height: 34px;
  }
}
.title_wrap.title_icon.small_title .title_name {
  padding-left: 0;
  display: flex;
}
.title_wrap.title_more_icon .title_name {
  width: calc(100% - 55px - 10px);
}
.title_wrap.title_more_icon .title_more {
  width: 55px;
  display: flex;
  align-items: center;
}
.title_wrap.title_more_icon .title_more a {
  color: #004ba0;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5em;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .title_wrap.title_more_icon .title_more a:hover {
    color: #99bbff;
  }
}

.icon_live {
  height: auto;
}
.icon_live .title_name {
  padding: 0;
}
.icon_live .title_name::before {
  display: none;
}
.icon_live .live_icon {
  height: 20px;
  background-color: #ffe5cc;
  border-radius: 100px;
  padding: 3px 8px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.icon_live .live_icon img {
  width: 42px;
}
.icon_live .live_icon .live_icon_name {
  font-size: 1rem;
  line-height: 1.5em;
  font-weight: 700;
  font-style: Bold;
  color: #032973;
  margin-left: 4px;
}
.icon_live .live_title_name {
  font-size: 1.125rem;
  line-height: 1.5em;
  font-weight: 500;
  margin-left: 10px;
}
@media screen and (min-width: 768px) {
  .icon_live .live_title_name {
    font-size: 1.25rem;
    -webkit-line-clamp: 1;
  }
}

.title_live_icon {
  height: auto;
}
.title_live_icon .title_name {
  padding: 0;
}
.title_live_icon .title_name::before {
  display: none;
}
.title_live_icon .live_icon {
  height: 30px;
  background-color: #ffe5cc;
  border-radius: 100px;
  padding: 3px 8px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.title_live_icon .live_icon img {
  width: 48px;
}
.title_live_icon .live_icon .live_icon_name {
  font-size: 1rem;
  line-height: 1.5em;
  font-weight: 700;
  font-style: Bold;
  color: #032973;
  margin-left: 4px;
}
.title_live_icon .live_title_name {
  font-size: 1.125rem;
  line-height: 1.5em;
  font-weight: 500;
  margin-left: 10px;
}
@media screen and (min-width: 768px) {
  .title_live_icon .live_title_name {
    font-size: 1.25rem;
    -webkit-line-clamp: 1;
  }
}

.news_list_wrap {
  margin-top: 20px;
}
.news_list_wrap .news_list_area {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .news_list_wrap .news_list_area {
    gap: 20px 24px;
  }
}
.news_list_wrap .news_list_area.news_open {
  height: auto;
}
.news_list_wrap .news_list_item {
  width: 100%;
  position: relative;
}
.news_list_wrap .news_list_item > a,
.news_list_wrap .news_list_item .video_link {
  display: flex;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .news_list_wrap .news_list_item > a,
  .news_list_wrap .news_list_item .video_link {
    flex-direction: column;
  }
}
@media screen and (min-width: 1024px) {
  .news_list_wrap .news_list_item > a img,
  .news_list_wrap .news_list_item > a .news_info .title,
  .news_list_wrap .news_list_item > a .news_info > .desc,
  .news_list_wrap .news_list_item .video_link img,
  .news_list_wrap .news_list_item .video_link .news_info .title,
  .news_list_wrap .news_list_item .video_link .news_info > .desc {
    transition: 0.5s;
  }
  .news_list_wrap .news_list_item > a:hover img,
  .news_list_wrap .news_list_item .video_link:hover img {
    opacity: 0.8;
  }
  .news_list_wrap .news_list_item > a:hover .news_info .title,
  .news_list_wrap .news_list_item > a:hover .news_info > .desc,
  .news_list_wrap .news_list_item .video_link:hover .news_info .title,
  .news_list_wrap .news_list_item .video_link:hover .news_info > .desc {
    color: #8f8f8f;
    text-decoration: underline;
  }
}
@media screen and (min-width: 1024px) {
  .news_list_wrap .news_list_item > a:hover,
  .news_list_wrap .news_list_item .video_link:hover {
    color: #8f8f8f;
    text-decoration: none;
  }
}
.news_list_wrap .news_list_item .news_pic {
  width: 170px;
  aspect-ratio: 16/9; /* 固定比例 */
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .news_list_wrap .news_list_item .news_pic {
    width: 100%;
  }
}
.news_list_wrap .news_list_item .news_pic picture,
.news_list_wrap .news_list_item .news_pic img {
  width: 100%;
  object-fit: cover; /* 等比例裁切、填滿整框 */
}
.news_list_wrap .news_list_item .news_info {
  width: calc(100% - 170px - 10px);
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .news_list_wrap .news_list_item .news_info {
    width: 100%;
    margin-left: 0;
    margin-top: 4px;
  }
}
.news_list_wrap .news_list_item .news_info > .title:not(.litv_title), .news_list_wrap .news_list_item .news_info .title_box .title {
  color: #2e2e2e;
}
.news_list_wrap .news_list_item .news_info > .title:not(.litv_title) > a, .news_list_wrap .news_list_item .news_info .title_box .title > a {
  color: #2e2e2e;
}
@media screen and (min-width: 1024px) {
  .news_list_wrap .news_list_item .news_info > .title:hover:not(.litv_title), .news_list_wrap .news_list_item .news_info .title_box .title:hover {
    color: #8f8f8f;
  }
}
.news_list_wrap .news_list_item .news_info .title_box {
  display: flex;
  align-items: center;
}
.news_list_wrap .news_list_item .news_info .title_box .svg_box {
  width: 20px;
  height: 20px;
}
.news_list_wrap .news_list_item .news_info .title_box .title {
  font-size: 1.125rem;
  line-height: 1.3em;
  width: calc(100% - 20px - 10px);
  margin-left: 10px;
}
.news_list_wrap .news_list_item .news_info > .title {
  font-size: 1.125rem;
  line-height: 1.3em;
}
.news_list_wrap .news_list_item .news_info > .title.title_pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .news_list_wrap .news_list_item .news_info > .title.title_pc {
    display: -webkit-box;
  }
}
@media screen and (min-width: 768px) {
  .news_list_wrap .news_list_item .news_info > .title.title_mobile {
    display: none;
  }
}
.news_list_wrap .news_list_item .news_info .desc {
  width: 100%;
  color: #454545;
  font-size: 1rem;
  line-height: 1.3em;
  margin-top: 10px;
  min-height: 42px;
}
.news_list_wrap .news_list_item .news_info .desc > a {
  color: #454545;
}
@media screen and (min-width: 1024px) {
  .news_list_wrap .news_list_item .news_info .desc > a:hover {
    color: #8f8f8f;
    text-decoration: underline;
  }
}
.news_list_wrap .news_list_item .news_info > .time {
  font-size: 0.875rem;
  line-height: 1.5em;
  color: #8f8f8f;
}
.news_list_wrap .news_list_item .news_info .time_box {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.news_list_wrap .news_list_item .news_info .time_box .tab {
  font-size: 0.875rem;
  line-height: 1.5em;
  font-weight: 500;
  color: #004BA0;
  background-color: #E3EDFF;
  padding: 2px 8px;
  border-radius: 4px;
  margin-right: 10px;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .news_list_wrap .news_list_item .news_info .time_box .tab:hover {
    color: #fff;
    background-color: #99BBFF;
  }
}
.news_list_wrap .news_list_item .news_info .time_box .time {
  font-size: 0.875rem;
  line-height: 1.5em;
  color: #8f8f8f;
}
.news_list_wrap .news_list_item .info_footer_wrap {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news_list_wrap .news_list_item .info_footer_wrap .time {
  font-size: 0.875rem;
  line-height: 1.5em;
  color: #8f8f8f;
}
.news_list_wrap.news_style01_list4 .news_list_item {
  padding: 20px 0;
  border-bottom: 1px solid #dfdfdf;
}
.news_list_wrap.news_style01_list4 .news_list_item:nth-child(1) {
  padding-top: 0;
}
.news_list_wrap.news_style01_list4 .news_list_item:last-child {
  border-bottom: unset;
}
@media screen and (min-width: 768px) {
  .news_list_wrap.news_style01_list4 .news_list_item {
    width: calc((100% - 48px) / 3);
    border-bottom: unset;
    padding: 0;
  }
  .news_list_wrap.news_style01_list4 .news_list_item .news_info .time {
    margin-top: 4px;
  }
}
@media screen and (min-width: 1024px) {
  .news_list_wrap.news_style01_list4 .news_list_item {
    display: block;
    width: calc((100% - 72px) / 4);
  }
}
.news_list_wrap.news_style01_list3 .news_list_area {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .news_list_wrap.news_style01_list3 .news_list_area {
    gap: 20px 24px;
  }
}
.news_list_wrap.news_style01_list3 .news_list_item {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #dfdfdf;
}
.news_list_wrap.news_style01_list3 .news_list_item:nth-child(1) {
  padding-top: 0;
}
.news_list_wrap.news_style01_list3 .news_list_item:last-child {
  border-bottom: unset;
}
@media screen and (min-width: 768px) {
  .news_list_wrap.news_style01_list3 .news_list_item {
    width: calc((100% - 48px) / 3);
    border-bottom: unset;
    padding: 0;
    display: none;
  }
  .news_list_wrap.news_style01_list3 .news_list_item:nth-child(-n+12) {
    display: block;
  }
  .news_list_wrap.news_style01_list3 .news_list_item .news_info .time {
    margin-top: 4px;
  }
}
.news_list_wrap.news_style02_list3 a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.news_list_wrap.news_style02_list3 .news_pic,
.news_list_wrap.news_style02_list3 .news_info {
  width: 100%;
}
.news_list_wrap.news_style02_list3 .news_info .time {
  margin-top: 4px;
}
.news_list_wrap.news_style02_list3 .news_list_item {
  border-bottom: 1px solid #dfdfdf;
}
.news_list_wrap.news_style02_list3 .news_list_item:last-child {
  border-bottom: unset;
}
@media screen and (min-width: 768px) {
  .news_list_wrap.news_style02_list3 .news_list_item {
    width: calc((100% - 24px) / 2);
    border-bottom: unset;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .news_list_wrap.news_style02_list3 .news_list_item {
    display: block;
    width: calc((100% - 48px) / 3);
  }
}
.news_list_wrap.news_style03_list3 .news_list_area {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .news_list_wrap.news_style03_list3 .news_list_area {
    gap: 20px 24px;
  }
}
.news_list_wrap.news_style03_list3 .news_list_item {
  width: 100%;
  padding: 12px 0;
  border-bottom: 1px solid #dfdfdf;
}
.news_list_wrap.news_style03_list3 .news_list_item:nth-child(1) {
  padding-top: 0;
}
.news_list_wrap.news_style03_list3 .news_list_item:last-child {
  border-bottom: unset;
}
.news_list_wrap.news_style03_list3 .news_list_item .news_pic {
  display: none;
}
.news_list_wrap.news_style03_list3 .news_list_item .news_info {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .news_list_wrap.news_style03_list3 .news_list_item {
    width: calc((100% - 48px) / 3);
    border-bottom: unset;
    padding: 0;
    display: none;
  }
  .news_list_wrap.news_style03_list3 .news_list_item:nth-child(-n+12) {
    display: block;
  }
  .news_list_wrap.news_style03_list3 .news_list_item .news_pic {
    display: block;
  }
  .news_list_wrap.news_style03_list3 .news_list_item .news_info .title {
    -webkit-line-clamp: 2;
  }
  .news_list_wrap.news_style03_list3 .news_list_item .news_info .time {
    margin-top: 4px;
  }
}
.news_list_wrap.news_style04_list2 .news_list_area {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media screen and (min-width: 768px) {
  .news_list_wrap.news_style04_list2 .news_list_area {
    gap: 12px 12px;
  }
}
.news_list_wrap.news_style04_list2 .news_list_item {
  width: 100%;
  border-top: 1px solid #DFDFDF;
  padding-top: 12px;
  box-sizing: border-box;
}
.news_list_wrap.news_style04_list2 .news_list_item:nth-child(1) {
  border-top: 0;
}
@media screen and (min-width: 768px) {
  .news_list_wrap.news_style04_list2 .news_list_item {
    width: calc((100% - 12px) / 2);
  }
  .news_list_wrap.news_style04_list2 .news_list_item:nth-child(1), .news_list_wrap.news_style04_list2 .news_list_item:nth-child(2) {
    border-top: 0;
    padding-top: 0;
  }
}
.news_list_wrap.news_style04_list2 .news_list_item a {
  display: flex;
  flex-direction: row;
}
@media screen and (min-width: 768px) {
  .news_list_wrap.news_style04_list2 .news_list_item .news_pic {
    width: 170px;
  }
}
@media screen and (min-width: 1024px) {
  .news_list_wrap.news_style04_list2 .news_list_item .news_pic {
    width: 150px;
  }
}
@media screen and (min-width: 1280px) {
  .news_list_wrap.news_style04_list2 .news_list_item .news_pic {
    width: 200px;
  }
}
.news_list_wrap.news_style04_list2 .news_list_item .news_info {
  margin-left: 10px;
}
@media screen and (min-width: 768px) {
  .news_list_wrap.news_style04_list2 .news_list_item .news_info {
    width: calc(100% - 170px - 10px);
  }
}
@media screen and (min-width: 1024px) {
  .news_list_wrap.news_style04_list2 .news_list_item .news_info {
    width: calc(100% - 150px - 10px);
  }
}
@media screen and (min-width: 1280px) {
  .news_list_wrap.news_style04_list2 .news_list_item .news_info {
    width: calc(100% - 200px - 10px);
  }
}
.news_list_wrap.news_style05_list3 a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.news_list_wrap.news_style05_list3 .news_pic,
.news_list_wrap.news_style05_list3 .news_info {
  width: 100%;
}
.news_list_wrap.news_style05_list3 .news_info {
  margin-left: 0;
  margin-top: 4px;
}
.news_list_wrap.news_style05_list3 .news_list_item {
  margin-top: 20px;
}
.news_list_wrap.news_style05_list3 .news_list_item:nth-child(1) {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .news_list_wrap.news_style05_list3 .news_list_item {
    display: block;
    width: calc((100% - 48px) / 3);
    border-bottom: unset;
    margin-top: 0;
  }
}
.news_list_wrap.news_style04_list1 .news_list_area {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.news_list_wrap.news_style04_list1 .news_list_item {
  width: 100%;
  border-top: 1px solid #DFDFDF;
  padding-top: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}
.news_list_wrap.news_style04_list1 .news_list_item:nth-child(1) {
  border-top: 0;
  padding-top: 0;
}
.news_list_wrap.news_style04_list1 .news_list_item a {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .news_list_wrap.news_style04_list1 .news_list_item .news_pic {
    width: 200px;
  }
}
.news_list_wrap.news_style04_list1 .news_list_item .news_info {
  margin-left: 10px;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .news_list_wrap.news_style04_list1 .news_list_item .news_info {
    width: calc(100% - 200px - 10px);
  }
}
.news_list_wrap.news_style04_list1 .news_list_item .news_info .title {
  text-decoration: none;
  -webkit-line-clamp: 2;
}
@media screen and (min-width: 1024px) {
  .news_list_wrap.news_style04_list1 .news_list_item .news_info .title:hover {
    color: #8f8f8f;
  }
}
.news_list_wrap.news_style06_list3 .news_list_area {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 24px;
}
.news_list_wrap.news_style06_list3 .news_list_item {
  width: 100%;
  padding: 20px;
  border: 1px solid #D0D0D0;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .news_list_wrap.news_style06_list3 .news_list_item {
    width: calc((100% - 24px) / 2);
  }
}
@media screen and (min-width: 1024px) {
  .news_list_wrap.news_style06_list3 .news_list_item {
    width: calc((100% - 48px) / 3);
  }
}
.news_list_wrap.news_style06_list3 .news_list_item > a {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .news_list_wrap.news_style06_list3 .news_list_item > a:hover .title,
  .news_list_wrap.news_style06_list3 .news_list_item > a:hover .desc {
    text-decoration: none;
  }
}
.news_list_wrap.news_style06_list3 .news_list_item .news_pic {
  width: 100%;
}
.news_list_wrap.news_style06_list3 .news_list_item .news_info {
  width: 100%;
  margin-top: 10px;
  margin-left: 0;
}
.news_list_wrap.news_style06_list3 .news_list_item .news_info .title {
  text-decoration: none;
  font-weight: 500;
}
.news_list_wrap.news_style06_list3 .news_list_item .news_info .desc {
  text-decoration: none;
}
.news_list_wrap.news_style06_list3 .news_list_item .news_info .time {
  margin-top: 15px;
  margin-bottom: 3px;
}
.news_list_wrap.news_style06_list3 .news_list_item .search_tag {
  color: #E45050;
}
.news_list_wrap.news_style06_list3 .news_list_item .info_footer_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news_list_wrap.news_style06_list3 .news_list_item .news_tag_wrap .news_tag_list {
  display: flex;
}
.news_list_wrap.news_style06_list3 .news_list_item .news_tag_wrap .news_tag_item {
  background-color: #E3EDFF;
  border-radius: 4px;
  margin-left: 5px;
}
.news_list_wrap.news_style06_list3 .news_list_item .news_tag_wrap .news_tag_item:nth-child(1) {
  margin-left: 0;
}
.news_list_wrap.news_style06_list3 .news_list_item .news_tag_wrap .news_tag_item a {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5em;
  color: #004BA0;
  padding: 2px 8px;
  display: block;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .news_list_wrap.news_style06_list3 .news_list_item .news_tag_wrap .news_tag_item:hover {
    background-color: #99BBFF;
  }
  .news_list_wrap.news_style06_list3 .news_list_item .news_tag_wrap .news_tag_item:hover a {
    color: #fff;
  }
}
.news_list_wrap.news_style07_list3 .video_link,
.news_list_wrap.news_style07_list3 a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.news_list_wrap.news_style07_list3 .news_pic,
.news_list_wrap.news_style07_list3 .news_info {
  width: 100%;
}
.news_list_wrap.news_style07_list3 .news_info {
  margin-left: 0;
  margin-top: 4px;
}
.news_list_wrap.news_style07_list3 .news_list_item {
  margin-top: 20px;
}
.news_list_wrap.news_style07_list3 .news_list_item:nth-child(1) {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .news_list_wrap.news_style07_list3 .news_list_item {
    display: block;
    width: calc((100% - 48px) / 3);
    border-bottom: unset;
    margin-top: 0;
  }
}
.news_list_wrap.news_WF_style01_list3 {
  display: flex;
  text-decoration: none;
}
.news_list_wrap.news_WF_style01_list3 .news_list_area {
  width: 100%;
}
.news_list_wrap.news_news_video_style01_list1 .news_list_area {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .news_list_wrap.news_news_video_style01_list1 .news_list_area {
    gap: 20px 24px;
  }
}
.news_list_wrap.news_news_video_style01_list1 .news_list_item {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #dfdfdf;
}
.news_list_wrap.news_news_video_style01_list1 .news_list_item:nth-child(1) {
  padding-top: 0;
}
.news_list_wrap.news_news_video_style01_list1 .news_list_item:last-child {
  border-bottom: unset;
}
@media screen and (min-width: 768px) {
  .news_list_wrap.news_news_video_style01_list1 .news_list_item {
    border-bottom: unset;
    padding: 0;
  }
  .news_list_wrap.news_news_video_style01_list1 .news_list_item .news_info .time {
    margin-top: 4px;
  }
}
.news_list_wrap.news_news_video_style01_list1 .news_list_item a {
  flex-direction: column;
}
.news_list_wrap.news_news_video_style01_list1 .news_list_item a .news_pic,
.news_list_wrap.news_news_video_style01_list1 .news_list_item a .news_info {
  width: 100%;
}
.news_list_wrap.news_news_video_style01_list1 .news_list_item a .news_info {
  margin-left: 0;
  margin-top: 4px;
}
@media screen and (min-width: 768px) {
  .latest_news_wrap .news_list_wrap .news_list_area {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 24px;
  }
}

.top_stories_info_wrap {
  width: 100%;
}
.top_stories_info_wrap .top_stories_info_area {
  padding: 16px 20px 20px;
  box-sizing: border-box;
}
.top_stories_info_wrap .top_stories_menu {
  display: flex;
}
.top_stories_info_wrap .top_stories_menu .top_stories_item {
  width: 33.3333333333%;
  text-align: center;
  position: relative;
}
.top_stories_info_wrap .top_stories_menu .top_stories_item::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #dfdfdf;
  position: absolute;
  top: 0;
  left: 0;
}
.top_stories_info_wrap .top_stories_menu .top_stories_item:nth-child(1)::before {
  display: none;
}
.top_stories_info_wrap .top_stories_menu .top_stories_item a {
  color: #2e2e2e;
  font-size: 1.125rem;
  line-height: 1.5em;
  font-weight: 500;
  text-decoration: none;
  margin: 0 10px;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .top_stories_info_wrap .top_stories_menu .top_stories_item a:hover {
    color: rgb(143, 143, 143);
  }
}
.top_stories_info_wrap .top_stories_info_block {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .top_stories_info_wrap .top_stories_info_block .top_stories_info {
    min-height: 155px;
  }
}
@media screen and (min-width: 1280px) {
  .top_stories_info_wrap .top_stories_info_block .top_stories_info {
    min-height: 156px;
  }
}
.top_stories_info_wrap .top_stories_info_block > a {
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .top_stories_info_wrap .top_stories_info_block > a:hover .top_stories_pic {
    opacity: 0.8;
  }
  .top_stories_info_wrap .top_stories_info_block > a:hover .top_stories_info .title {
    color: #8f8f8f;
    text-decoration: underline;
  }
  .top_stories_info_wrap .top_stories_info_block > a:hover .top_stories_info .desc {
    color: #8f8f8f;
  }
}
.top_stories_info_wrap .top_stories_info_block .top_stories_pic {
  transition: 0.5s;
  aspect-ratio: 16/9; /* 固定比例 */
  overflow: hidden;
}
.top_stories_info_wrap .top_stories_info_block .top_stories_pic img {
  width: 100%;
  object-fit: cover; /* 等比例裁切、填滿整框 */
}
.top_stories_info_wrap .top_stories_info_block .top_stories_info {
  margin-top: 10px;
}
.top_stories_info_wrap .top_stories_info_block .top_stories_info .title {
  color: #2e2e2e;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5em;
  transition: 0.5s;
}
.top_stories_info_wrap .top_stories_info_block .top_stories_info .desc {
  color: #454545;
  font-size: 1.125rem;
  line-height: 1.5em;
  margin-top: 10px;
  transition: 0.5s;
}
.top_stories_info_wrap .top_stories_info_block .top_stories_info .time {
  color: #8f8f8f;
  font-size: 0.875rem;
  line-height: 1.5em;
  margin-top: 10px;
}
.top_stories_info_wrap .top_stories_other {
  margin-top: 24px;
  padding-top: 15px;
  border-top: 1px solid #dfdfdf;
}
.top_stories_info_wrap .top_stories_other .top_stories_other_list {
  padding-bottom: 40px;
}
.top_stories_info_wrap .top_stories_other .top_stories_other_list .swiper-scrollbar {
  width: calc(100% - 90px);
  bottom: 15px;
  height: 2px;
  background: #f7f7f7;
}
.top_stories_info_wrap .top_stories_other .top_stories_other_list .swiper-scrollbar .swiper-scrollbar-drag {
  background: #8f8f8f;
}
.top_stories_info_wrap .top_stories_other .top_stories_other_item {
  display: inline-flex;
  height: 100%;
}
.top_stories_info_wrap .top_stories_other .top_stories_other_item a {
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
  box-sizing: border-box;
  padding: 10px 20px;
  text-decoration: none;
  display: block;
}
.top_stories_info_wrap .top_stories_other .top_stories_other_item a .title {
  font-size: 1.125rem;
  line-height: 1.5em;
  height: 3em;
  color: #2e2e2e;
}
@media screen and (min-width: 1024px) {
  .top_stories_info_wrap .top_stories_other .top_stories_other_item a .title:hover {
    text-decoration: underline;
    color: #8f8f8f;
  }
}
.top_stories_info_wrap .top_stories_other .top_stories_other_item a .time {
  font-size: 0.875rem;
  line-height: 1.5em;
  color: #8f8f8f;
  margin-top: 4px;
}

.news_list_mosaic_wrap:nth-child(1) {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .news_list_mosaic_wrap .news_list_mosaic_area {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
  }
}
.news_list_mosaic_wrap .news_list_mosaic_area .news_list_mosaic_item {
  padding: 20px;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .news_list_mosaic_wrap .news_list_mosaic_area .news_list_mosaic_item {
    width: 50%;
  }
}
.news_list_mosaic_wrap .news_list_mosaic_area .news_list_mosaic_item:nth-child(odd) {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .news_list_mosaic_wrap .news_list_mosaic_area .news_list_mosaic_item:nth-child(odd) {
    background-color: unset;
  }
}
.news_list_mosaic_wrap .news_list_mosaic_area .news_list_mosaic_item:nth-child(even) {
  background-color: #f7f7f7;
}
@media screen and (min-width: 768px) {
  .news_list_mosaic_wrap .news_list_mosaic_area .news_list_mosaic_item:nth-child(even) {
    background-color: unset;
  }
}
@media screen and (min-width: 768px) {
  .news_list_mosaic_wrap .news_list_mosaic_area .news_list_mosaic_item:nth-child(4n+1), .news_list_mosaic_wrap .news_list_mosaic_area .news_list_mosaic_item:nth-child(4n) {
    background-color: #f7f7f7;
  }
}
@media screen and (min-width: 768px) {
  .news_list_mosaic_wrap .news_list_mosaic_area .news_list_mosaic_item:nth-child(4n+2), .news_list_mosaic_wrap .news_list_mosaic_area .news_list_mosaic_item:nth-child(4n+3) {
    background-color: #fff;
  }
}
.news_list_mosaic_wrap .news_list_mosaic_area .new_pic_wrap,
.news_list_mosaic_wrap .news_list_mosaic_area .new_list_wrap {
  width: 100%;
}
.news_list_mosaic_wrap .news_list_mosaic_area .new_pic_wrap .new_item,
.news_list_mosaic_wrap .news_list_mosaic_area .new_list_wrap .new_item {
  border-bottom: 1px solid #dfdfdf;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  box-sizing: border-box;
}
.news_list_mosaic_wrap .news_list_mosaic_area .new_pic_wrap a,
.news_list_mosaic_wrap .news_list_mosaic_area .new_list_wrap a {
  text-decoration: none;
  max-width: 100%;
}
.news_list_mosaic_wrap .news_list_mosaic_area .new_pic_wrap a .pic_box,
.news_list_mosaic_wrap .news_list_mosaic_area .new_list_wrap a .pic_box {
  aspect-ratio: 16/9; /* 固定比例 */
  overflow: hidden;
}
.news_list_mosaic_wrap .news_list_mosaic_area .new_pic_wrap a .pic_box,
.news_list_mosaic_wrap .news_list_mosaic_area .new_pic_wrap a .new_title,
.news_list_mosaic_wrap .news_list_mosaic_area .new_list_wrap a .pic_box,
.news_list_mosaic_wrap .news_list_mosaic_area .new_list_wrap a .new_title {
  transition: 0.5s;
}
.news_list_mosaic_wrap .news_list_mosaic_area .new_pic_wrap a .new_title,
.news_list_mosaic_wrap .news_list_mosaic_area .new_list_wrap a .new_title {
  height: 50px;
  font-size: 1.125rem;
  line-height: 1.5em;
  color: #2e2e2e;
  padding-left: 10px;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  box-sizing: border-box;
  align-items: center;
}
.news_list_mosaic_wrap .news_list_mosaic_area .new_pic_wrap a .new_title::before,
.news_list_mosaic_wrap .news_list_mosaic_area .new_list_wrap a .new_title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background: rgb(143, 143, 143);
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .news_list_mosaic_wrap .news_list_mosaic_area .new_pic_wrap a:hover .pic_box,
  .news_list_mosaic_wrap .news_list_mosaic_area .new_list_wrap a:hover .pic_box {
    opacity: 0.8;
  }
  .news_list_mosaic_wrap .news_list_mosaic_area .new_pic_wrap a:hover .new_title,
  .news_list_mosaic_wrap .news_list_mosaic_area .new_list_wrap a:hover .new_title {
    color: #8f8f8f;
    text-decoration: underline;
  }
}
.news_list_mosaic_wrap .news_list_mosaic_area .new_pic_wrap {
  margin-top: 10px;
}
.news_list_mosaic_wrap .news_list_mosaic_area .new_pic_wrap .new_item img {
  width: 100%;
}
.news_list_mosaic_wrap .news_list_mosaic_area .new_pic_wrap .new_item a {
  width: 100%;
}
.news_list_mosaic_wrap .news_list_mosaic_area .new_list_wrap {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.news_list_mosaic_wrap .news_list_mosaic_area .new_list_wrap .new_item {
  height: 50px;
}
.news_list_mosaic_wrap .news_list_mosaic_area .new_list_wrap .new_item:last-child {
  border-bottom: unset;
}

.video_highlights_news_wrap .news_list_area {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 20px 0px;
}
@media screen and (min-width: 768px) {
  .video_highlights_news_wrap .news_list_area {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px 24px;
  }
}
.video_highlights_news_wrap .news_list_item {
  display: none;
  border-bottom: 0 !important;
}
.video_highlights_news_wrap .news_list_item:nth-child(-n+3) {
  display: block;
}
@media screen and (min-width: 768px) {
  .video_highlights_news_wrap .news_list_item {
    display: block;
  }
}
.video_highlights_news_wrap .news_list_item .news_info {
  margin-left: 0;
  margin-top: 10px;
}
.video_highlights_news_wrap .news_list_item .news_info > .title {
  -webkit-line-clamp: 1;
}

.video_item .news_pic {
  position: relative;
}
.video_item .news_pic::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  z-index: 99;
  background: url("../images/icon/sprite2.png") no-repeat;
  background-size: 290px 360px;
  background-position: 0 -140px;
}
@media screen and (min-width: 1024px) {
  .video_item a,
  .video_item .video_link {
    cursor: pointer;
  }
  .video_item a:hover .news_pic::before,
  .video_item .video_link:hover .news_pic::before {
    background-position: 0 -200px;
  }
}
.video_item_LD .news_pic {
  position: relative;
}
.video_item_LD .news_pic::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 50px;
  height: 50px;
  z-index: 99;
  background: url("../images/icon/sprite2.png") no-repeat;
  background-size: 290px 360px;
  background-position: 0 -140px;
  transform: scale(0.6);
}

.latest_news_more_wrap .news_list_item {
  width: 100%;
  margin-bottom: 10px;
}
.latest_news_more_wrap .news_list_item:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .latest_news_more_wrap .news_list_item {
    width: calc((100% - 12px) / 2);
    margin-right: 12px;
    margin-bottom: 20px;
  }
  .latest_news_more_wrap .news_list_item:nth-child(even) {
    margin-right: 0;
  }
  .latest_news_more_wrap .news_list_item:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .latest_news_more_wrap .news_list_item {
    width: calc((100% - 24px) / 3);
    margin-right: 12px;
  }
  .latest_news_more_wrap .news_list_item:nth-child(even) {
    margin-right: 12px;
  }
  .latest_news_more_wrap .news_list_item:nth-child(3n), .latest_news_more_wrap .news_list_item:nth-child(5n) {
    margin-right: 0;
  }
  .latest_news_more_wrap .news_list_item:nth-last-child(-n+3) {
    margin-bottom: 0;
  }
}
.latest_news_more_wrap .news_list_item a {
  background: #f7f7f7;
  padding: 20px;
  box-sizing: border-box;
}
.latest_news_more_wrap .news_list_item .news_pic {
  width: 140px;
}
@media screen and (min-width: 768px) {
  .latest_news_more_wrap .news_list_item .news_pic {
    width: 100%;
  }
}
.latest_news_more_wrap .news_list_item .news_info {
  width: calc(100% - 140px - 8px);
  margin-left: 8px;
}
@media screen and (min-width: 768px) {
  .latest_news_more_wrap .news_list_item .news_info {
    width: 100%;
  }
}
.latest_news_more_wrap .news_list_item .news_info .title {
  font-size: 1.125rem;
  line-height: 1.5em;
}
@media screen and (min-width: 768px) {
  .latest_news_more_wrap .news_list_item .news_info .title {
    -webkit-line-clamp: 1;
  }
}
.latest_news_more_wrap .news_list_item .news_info .time {
  margin-top: 4px;
}
@media screen and (min-width: 768px) {
  .latest_news_more_wrap .news_list_item:nth-child(4n+1) a, .latest_news_more_wrap .news_list_item:nth-child(4n) a {
    flex-direction: row;
  }
  .latest_news_more_wrap .news_list_item:nth-child(4n+1) .news_pic, .latest_news_more_wrap .news_list_item:nth-child(4n) .news_pic {
    width: 150px;
  }
  .latest_news_more_wrap .news_list_item:nth-child(4n+1) .news_info, .latest_news_more_wrap .news_list_item:nth-child(4n) .news_info {
    width: calc(100% - 150px - 8px);
  }
  .latest_news_more_wrap .news_list_item:nth-child(4n+1) .news_info .title, .latest_news_more_wrap .news_list_item:nth-child(4n) .news_info .title {
    -webkit-line-clamp: 2;
  }
}
@media screen and (min-width: 1024px) {
  .latest_news_more_wrap .news_list_item:nth-child(4n+1) a, .latest_news_more_wrap .news_list_item:nth-child(4n) a {
    flex-direction: column;
  }
  .latest_news_more_wrap .news_list_item:nth-child(4n+1) .news_pic, .latest_news_more_wrap .news_list_item:nth-child(4n) .news_pic {
    width: 100%;
  }
  .latest_news_more_wrap .news_list_item:nth-child(4n+1) .news_info, .latest_news_more_wrap .news_list_item:nth-child(4n) .news_info {
    width: 100%;
  }
  .latest_news_more_wrap .news_list_item:nth-child(4n+1) .news_info .title, .latest_news_more_wrap .news_list_item:nth-child(4n) .news_info .title {
    -webkit-line-clamp: 1;
  }
}
@media screen and (min-width: 1024px) {
  .latest_news_more_wrap .news_list_item:nth-child(6n+1) a, .latest_news_more_wrap .news_list_item:nth-child(6n+3) a, .latest_news_more_wrap .news_list_item:nth-child(6n) a {
    flex-direction: row;
  }
  .latest_news_more_wrap .news_list_item:nth-child(6n+1) .news_pic, .latest_news_more_wrap .news_list_item:nth-child(6n+3) .news_pic, .latest_news_more_wrap .news_list_item:nth-child(6n) .news_pic {
    width: 160px;
  }
  .latest_news_more_wrap .news_list_item:nth-child(6n+1) .news_info, .latest_news_more_wrap .news_list_item:nth-child(6n+3) .news_info, .latest_news_more_wrap .news_list_item:nth-child(6n) .news_info {
    width: calc(100% - 160px - 8px);
  }
  .latest_news_more_wrap .news_list_item:nth-child(6n+1) .news_info .title, .latest_news_more_wrap .news_list_item:nth-child(6n+3) .news_info .title, .latest_news_more_wrap .news_list_item:nth-child(6n) .news_info .title {
    -webkit-line-clamp: 2;
  }
}

.feature_content_wrap {
  background-color: #F2F7FF;
  border: 1px solid #D0D0D0;
  box-sizing: border-box;
  display: flex;
  overflow-x: auto;
  padding: 20px;
  box-sizing: border-box;
  overflow: hidden;
}
.feature_content_wrap .feature_content_area {
  width: 100%;
  overflow: hidden;
}
.feature_content_wrap .news_list_wrap {
  margin-top: 0;
  overflow-x: auto;
}
.feature_content_wrap .news_list_area {
  display: inline-flex;
  gap: 0 12px;
  flex-wrap: nowrap;
}
.feature_content_wrap .news_list_item {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  box-sizing: border-box;
  width: 270px;
}
@media screen and (min-width: 768px) {
  .feature_content_wrap .news_list_item {
    width: 33.3333333333%;
  }
}
.feature_content_wrap .news_list_item a {
  width: 100%;
  flex-direction: column;
}
.feature_content_wrap .news_list_item .news_pic {
  width: 100%;
}
.feature_content_wrap .news_list_item .news_pic img {
  width: 100%;
}
.feature_content_wrap .news_list_item .news_info {
  width: 100%;
  margin-top: 4px;
}
.feature_content_wrap .news_list_item .news_info .title {
  font-size: 1.125rem;
  line-height: 1.5em;
  color: #2E2E2E;
}

@media screen and (min-width: 768px) {
  .news_list_three_block_wrap .news_list_three_block_area {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
  }
}
.news_list_three_block_wrap .news_list_three_block_area .news_list_three_block_item {
  padding: 20px;
  border-right: 1px solid #D0D0D0;
  border-left: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .news_list_three_block_wrap .news_list_three_block_area .news_list_three_block_item {
    width: 50%;
    border-left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .news_list_three_block_wrap .news_list_three_block_area .news_list_three_block_item {
    width: 33.3333333333%;
  }
}
.news_list_three_block_wrap .news_list_three_block_area .news_list_three_block_item:nth-child(1) {
  border-top: 1px solid #D0D0D0;
}
@media screen and (min-width: 768px) {
  .news_list_three_block_wrap .news_list_three_block_area .news_list_three_block_item:nth-child(1) {
    border-left: 1px solid #D0D0D0;
  }
}
@media screen and (min-width: 768px) {
  .news_list_three_block_wrap .news_list_three_block_area .news_list_three_block_item:nth-child(2) {
    border-top: 1px solid #D0D0D0;
  }
}
.news_list_three_block_wrap .news_list_three_block_area .news_list_three_block_item:nth-child(3) {
  display: none;
}
@media screen and (min-width: 1024px) {
  .news_list_three_block_wrap .news_list_three_block_area .news_list_three_block_item:nth-child(3) {
    display: block;
    border-top: 1px solid #D0D0D0;
  }
}
.news_list_three_block_wrap .news_list_three_block_area .new_pic_wrap,
.news_list_three_block_wrap .news_list_three_block_area .new_list_wrap {
  width: 100%;
}
.news_list_three_block_wrap .news_list_three_block_area .new_pic_wrap .new_item,
.news_list_three_block_wrap .news_list_three_block_area .new_list_wrap .new_item {
  border-bottom: 1px solid #dfdfdf;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  box-sizing: border-box;
}
.news_list_three_block_wrap .news_list_three_block_area .new_pic_wrap a,
.news_list_three_block_wrap .news_list_three_block_area .new_list_wrap a {
  text-decoration: none;
  max-width: 100%;
}
.news_list_three_block_wrap .news_list_three_block_area .new_pic_wrap a .pic_box,
.news_list_three_block_wrap .news_list_three_block_area .new_pic_wrap a .new_title,
.news_list_three_block_wrap .news_list_three_block_area .new_list_wrap a .pic_box,
.news_list_three_block_wrap .news_list_three_block_area .new_list_wrap a .new_title {
  transition: 0.5s;
}
.news_list_three_block_wrap .news_list_three_block_area .new_pic_wrap a .new_title,
.news_list_three_block_wrap .news_list_three_block_area .new_list_wrap a .new_title {
  height: 50px;
  font-size: 1.125rem;
  line-height: 1.5em;
  color: #2e2e2e;
  padding-left: 10px;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  box-sizing: border-box;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .news_list_three_block_wrap .news_list_three_block_area .new_pic_wrap a:hover .pic_box,
  .news_list_three_block_wrap .news_list_three_block_area .new_list_wrap a:hover .pic_box {
    opacity: 0.8;
  }
  .news_list_three_block_wrap .news_list_three_block_area .new_pic_wrap a:hover .new_title,
  .news_list_three_block_wrap .news_list_three_block_area .new_list_wrap a:hover .new_title {
    color: #8f8f8f;
    text-decoration: underline;
  }
}
.news_list_three_block_wrap .news_list_three_block_area .new_pic_wrap {
  margin-top: 10px;
}
.news_list_three_block_wrap .news_list_three_block_area .new_pic_wrap .new_item .pic_box {
  aspect-ratio: 16/9; /* 固定比例 */
  overflow: hidden;
}
.news_list_three_block_wrap .news_list_three_block_area .new_pic_wrap .new_item picture,
.news_list_three_block_wrap .news_list_three_block_area .new_pic_wrap .new_item img {
  width: 100%;
}
.news_list_three_block_wrap .news_list_three_block_area .new_pic_wrap .new_item a {
  width: 100%;
}
.news_list_three_block_wrap .news_list_three_block_area .new_list_wrap {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.news_list_three_block_wrap .news_list_three_block_area .new_list_wrap .new_item {
  min-height: 50px;
  padding: 12px 0;
}
.news_list_three_block_wrap .news_list_three_block_area .new_list_wrap .new_item:last-child {
  border-bottom: unset;
  padding-bottom: 0;
}
.news_list_three_block_wrap .news_list_three_block_area .new_list_wrap .new_item a {
  display: flex;
}
.news_list_three_block_wrap .news_list_three_block_area .new_list_wrap .new_item .pic_box {
  width: 130px;
  aspect-ratio: 16/9; /* 固定比例 */
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .news_list_three_block_wrap .news_list_three_block_area .new_list_wrap .new_item .pic_box {
    width: 140px;
  }
}
@media screen and (min-width: 1024px) {
  .news_list_three_block_wrap .news_list_three_block_area .new_list_wrap .new_item .pic_box {
    width: 150px;
  }
}
.news_list_three_block_wrap .news_list_three_block_area .new_list_wrap .new_item .pic_box img {
  width: 100%;
}
.news_list_three_block_wrap .news_list_three_block_area .new_list_wrap .new_item .new_title {
  width: calc(100% - 130px - 10px);
  height: auto !important;
}
.news_list_three_block_wrap .news_list_three_block_area .new_list_wrap .new_item .new_title span {
  -webkit-line-clamp: 3;
}
@media screen and (min-width: 768px) {
  .news_list_three_block_wrap .news_list_three_block_area .new_list_wrap .new_item .new_title {
    width: calc(100% - 140px - 10px);
  }
}
@media screen and (min-width: 1024px) {
  .news_list_three_block_wrap .news_list_three_block_area .new_list_wrap .new_item .new_title {
    width: calc(100% - 150px - 10px);
  }
}

.community_link_wrap {
  display: flex;
  gap: 0 10px;
}
.community_link_wrap .community_item {
  border: solid 1px #D0D0D0;
  background-color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
@media (min-width: 1024px) {
  .community_link_wrap .community_item:hover {
    background-color: #DFDFDF;
  }
}

.column_wrap .column_area {
  display: flex;
  gap: 0 24px;
}
.column_wrap.column_style_2-1 .column_area {
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .column_wrap.column_style_2-1 .column_area {
    flex-direction: row;
  }
}
.column_wrap.column_style_2-1 .left_column {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .column_wrap.column_style_2-1 .left_column {
    width: calc(100% - 24px - 300px);
    margin-bottom: 0;
  }
}
.column_wrap.column_style_2-1 .right_column {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .column_wrap.column_style_2-1 .right_column {
    width: 300px;
  }
}

.popup_wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999;
  display: none;
}
.popup_wrap.active {
  display: block;
}
.popup_wrap .popup_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99;
}
.popup_wrap .popup_close {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
@media screen and (min-width: 1024px) {
  .popup_wrap .popup_close:hover {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.15);
  }
}
.popup_wrap .popup_content {
  width: 95%;
  max-width: 800px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999999;
  border-radius: 20px;
  overflow: hidden;
}
.popup_wrap .popup_content .popup_header {
  height: 56px;
  padding: 8px 10px 8px 26px;
  background-color: #004ba0;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popup_wrap .popup_content .popup_header .logo {
  width: 158px;
  height: 16px;
}
@media screen and (min-width: 1024px) {
  .popup_wrap .popup_content .popup_header .logo {
    width: 198px;
    height: 20px;
  }
}
.popup_wrap .popup_content .popup_header .logo img {
  width: 100%;
}
.popup_wrap .popup_content .popup_body {
  background-color: #fff;
  padding: 14px 20px 24px;
}
@media screen and (min-width: 1024px) {
  .popup_wrap .popup_content .popup_body {
    padding: 26px 26px 37px;
  }
}
.popup_wrap .popup_content .popup_body .title_wrap {
  height: auto;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .popup_wrap .popup_content .popup_body .title_wrap .title_name span {
    -webkit-line-clamp: 1;
  }
}
.popup_wrap.mobile_full_ad_wrap .popup_content {
  width: 100%;
  border-radius: unset;
  max-width: 500px;
}
.popup_wrap.mobile_full_ad_wrap .popup_content .popup_header,
.popup_wrap.mobile_full_ad_wrap .popup_content .popup_body {
  background-color: transparent;
  padding: 0;
}
.popup_wrap.mobile_full_ad_wrap .popup_content .popup_close {
  background-color: #fff;
  border: 2px solid #2e2e2e;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 999999;
}
.popup_wrap.mobile_full_ad_wrap .popup_content .popup_close2 {
  width: 33.3px;
  height: 33.3px;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 999999;
}
.popup_wrap.mobile_full_ad_wrap .popup_content .popup_header {
  justify-content: flex-end;
  padding: 0 10px;
}
.popup_wrap.mobile_full_ad_wrap .popup_content .popup_body {
  position: relative;
}
.popup_wrap.mobile_full_ad_wrap .popup_content .popup_body img {
  width: 100%;
  display: block;
}

.popup_YesNo_wrap .popup_body {
  max-height: 400px;
  overflow-y: auto;
}
.popup_YesNo_wrap .popup_footer {
  background-color: #d2e0e9;
  padding: 10px 0;
}
.popup_YesNo_wrap .popup_footer .btn_list {
  display: flex;
  justify-content: center;
}

.popup_inactive_wrap.active {
  display: none;
}
@media screen and (min-width: 1024px) {
  .popup_inactive_wrap.active {
    display: block;
  }
}
.popup_inactive_wrap .inactive_text {
  width: calc(100% - 40px);
  font-size: 1rem;
  line-height: 1.5em;
  font-weight: 500;
  text-align: center;
  color: #fff;
}
.popup_inactive_wrap .popup_body_section_wrap {
  margin-top: 10px;
}
.popup_inactive_wrap .popup_body_section_wrap:nth-child(1) {
  margin-top: 0;
}
.popup_inactive_wrap .popup_body_section_wrap .popup_body_section_area.columa2 {
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
}
.popup_inactive_wrap .popup_body_section_wrap .popup_body_section_left {
  width: calc(100% - 300px);
}
.popup_inactive_wrap .popup_body_section_wrap .popup_body_section_left .title_wrap {
  margin-bottom: 0;
}
.popup_inactive_wrap .popup_body_section_wrap .popup_body_section_right {
  width: 300px;
}
.popup_inactive_wrap .news_list_wrap .news_list_area {
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
}
.popup_inactive_wrap .hot_news_list {
  padding: 0;
  margin: 0;
}
.popup_inactive_wrap .hot_new_item {
  display: flex;
  border-top: 1px solid #dfdfdf;
  padding: 20px 0 20px 10px;
  box-sizing: border-box;
  position: relative;
}
.popup_inactive_wrap .hot_new_item::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: #8f8f8f;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.popup_inactive_wrap .hot_new_item:nth-child(1) {
  border-top: 0;
}
.popup_inactive_wrap .hot_new_item a {
  font-size: 1.125rem;
  line-height: 1.5em;
  font-weight: 400;
  text-decoration: none;
  color: #2e2e2e;
}
@media screen and (min-width: 1024px) {
  .popup_inactive_wrap .hot_new_item a:hover {
    color: #8f8f8f;
    text-decoration: underline;
  }
}
.YT_RWD_wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.YT_RWD_wrap .YT_RWD_area {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.YT_RWD_wrap iframe {
  width: 100%;
  height: 100%;
  display: flex;
}

@media screen and (min-width: 1024px) {
  .breaking_news_main_area {
    display: flex;
  }
}

.breaking_news_wrap {
  margin: 0 -10px;
  position: relative;
  padding-right: 56px;
  box-sizing: border-box;
}
.breaking_news_wrap::before {
  content: "";
  display: block;
  position: absolute;
  width: 56px;
  height: 100%;
  top: 0;
  right: 0;
  background-image: url("../images/breaking_img/bg.svg");
  background-size: 100%;
  background-position: none;
}
@media screen and (min-width: 1024px) {
  .breaking_news_wrap {
    margin: 0;
    width: calc(100% - 384px - 24px);
    padding-right: 100px;
  }
  .breaking_news_wrap::before {
    width: 100px;
    background-image: url("../images/breaking_img/bg_pc.svg");
  }
}
@media screen and (min-width: 1024px) {
  .breaking_news_wrap.W_max {
    width: 100%;
  }
}
.breaking_news_wrap .breaking_news_area {
  height: 36px;
  display: flex;
  align-items: center;
  padding: 0px 0px 0px 10px;
  background-color: #fedc40;
  border-bottom: 4px solid #f0c000;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .breaking_news_wrap .breaking_news_area {
    height: 50px;
  }
}

.volume_icon_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ff5e5e;
  border: 2px solid #ffe5cc;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .volume_icon_wrap {
    width: 34px;
    height: 34px;
  }
}
.volume_icon_wrap .svg_box {
  width: auto;
  transform: scale(0.75);
}
@media screen and (min-width: 1024px) {
  .volume_icon_wrap .svg_box {
    transform: scale(1);
  }
}
.volume_icon_wrap .volum_text {
  width: auto;
  line-height: 1.5em;
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  margin-left: 2px;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .volume_icon_wrap .volum_text {
    font-size: 1.125rem;
    margin-left: 4px;
  }
}

.breaking_news_info {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .breaking_news_info {
    width: calc(100% - 65px);
  }
}
.breaking_news_info .breaking_news_text {
  width: 100%;
  margin-right: 10px;
  font-size: 1.125rem;
  line-height: 150%;
  font-weight: 500;
  color: #2e2e2e;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .breaking_news_info .breaking_news_text {
    width: auto;
    max-width: calc(100% - 10px - 40px);
  }
}
@media screen and (min-width: 1024px) {
  .breaking_news_info .breaking_news_text:hover {
    text-decoration: underline;
  }
}
.breaking_news_info .time {
  display: none;
}
@media screen and (min-width: 768px) {
  .breaking_news_info .time {
    display: block;
    width: 40px;
    color: #8f8f8f;
    font-size: 0.875rem;
    line-height: 150%;
  }
}

.breaking_news_swiper {
  width: calc(100% - 34px);
  height: 100%;
  margin-left: 10px;
  margin-right: 0;
}
.breaking_news_swiper .swiper-button-arrow-box {
  width: 65px;
  height: 50px;
  display: none;
  position: absolute;
  right: -10px;
  top: 0;
}
@media screen and (min-width: 1024px) {
  .breaking_news_swiper .swiper-button-arrow-box {
    display: flex;
  }
}
.breaking_news_swiper .swiper-button-arrow-box::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: 30px;
  width: 1px;
  height: 40px;
  background-color: #d0d0d0;
  transform: rotate(45deg);
}
.breaking_news_swiper .swiper-button-arrow-box .swiper-button-prev,
.breaking_news_swiper .swiper-button-arrow-box .swiper-button-next {
  width: 30px;
  height: 30px;
}
.breaking_news_swiper .swiper-button-arrow-box .swiper-button-prev::after,
.breaking_news_swiper .swiper-button-arrow-box .swiper-button-next::after {
  display: none;
}
.breaking_news_swiper .swiper-button-arrow-box .swiper-button-prev {
  left: 0px;
}
.breaking_news_swiper .swiper-button-arrow-box .swiper-button-next {
  right: 0;
  top: 40px;
}

@media screen and (min-width: 1024px) {
  .breaking_news_ad_wrap .breaking_news_ad_area {
    margin-top: 0;
  }
}
.breaking_news_ad_wrap .breaking_news_ad_area .breaking_news_item .atest_news_item_area {
  display: flex;
  justify-content: center;
}

.breaking_news_aside_ad_wrap {
  margin-top: 20px;
}
@media screen and (min-width: 1024px) {
  .breaking_news_aside_ad_wrap {
    margin-top: 0;
    margin-left: 24px;
  }
}

.breaking_news_ad01_wrap {
  margin: 20px auto 0;
}
@media screen and (min-width: 768px) {
  .breaking_news_ad01_wrap {
    display: none;
  }
}

.breaking_news_ad02_wrap,
.breaking_news_ad03_wrap {
  display: none;
}
.breaking_news_ad02_wrap.active,
.breaking_news_ad03_wrap.active {
  display: block;
}

.breaking_news_ad03_area {
  display: flex;
  justify-content: center;
}

.social_section_wrap {
  width: 100%;
  max-width: 500px; /* 可視需求設定上限 */
  margin-left: auto;
  margin-right: auto;
}
.social_section_wrap span,
.social_section_wrap iframe,
.social_section_wrap div {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
  .header_ad_wrap,
  .breaking_news_main_wrap {
    margin-top: 20px;
  }
}

html {
  background-color: #0f427d;
}
@media screen and (min-width: 1024px) {
  html {
    background-color: transparent;
  }
}

body {
  background-color: #fff;
}

main {
  display: flex;
  flex-direction: column;
}

.scroll_style__none {
  scrollbar-width: none;
  scrollbar-color: transparent transparent;
}
.scroll_style__none::-webkit-scrollbar {
  display: none;
  background: transparent;
}
.scroll_style__none::-webkit-scrollbar-track {
  background: transparent;
}
.scroll_style__none::-webkit-scrollbar-thumb {
  background: transparent;
}

.btn_list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  gap: 0 10px;
  overflow-x: auto;
  overflow-y: clip;
  padding-bottom: 2px;
}
.btn_list .btn_item {
  position: relative;
}
.btn_list .btn_item.btn_item_full {
  flex: 1;
}
.btn_list.btn_list_style2 .btn_item {
  display: flex;
  padding-right: 10px;
}
.btn_list.btn_list_style2 .btn_item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #dfdfdf;
}
.btn_list.btn_list_style2 .btn_item:last-child::after {
  display: none;
}

.btn {
  display: block;
  font-size: 1rem;
  line-height: 1.3em;
  height: 36px;
  font-weight: 500;
  color: #2e2e2e;
  border: 1px solid #d0d0d0;
  background-color: #fff;
  padding: 6px 20px;
  border-radius: 8px;
  box-sizing: border-box;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}
.btn.active {
  color: #ffffff;
  background-color: #004ba0;
}
@media screen and (min-width: 1024px) {
  .btn.active:hover {
    color: #ffffff;
    background-color: #004ba0;
  }
}
@media screen and (min-width: 1024px) {
  .btn:hover {
    color: #ffffff;
    background-color: #99bbff;
  }
}
.btn.btn_style1 {
  color: #2e2e2e;
  background-color: #fff;
  border: 1px solid #d0d0d0;
}
.btn.btn_style1.active {
  color: #fff;
  background-color: #004ba0;
  border: 1px solid #004ba0;
}
@media screen and (min-width: 1024px) {
  .btn.btn_style1.active:hover {
    color: #fff;
    background-color: #004ba0;
  }
}
@media screen and (min-width: 1024px) {
  .btn.btn_style1:hover {
    color: #fff;
    background-color: #99bbff;
  }
}
.btn.btn_style2 {
  height: 100%;
  border-radius: 50px;
  font-size: 1rem;
  line-height: 1.5em;
  font-weight: 500;
  text-decoration: none;
  color: #fff;
  background-color: #004ba0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: unset;
}
@media screen and (min-width: 1024px) {
  .btn.btn_style2:hover {
    background-color: #99bbff;
  }
}
.btn.btn_style3 {
  border-radius: 4px;
  border: unset;
  color: #fff;
  background-color: #004ba0;
}
.btn.btn_style3.active {
  color: #ffffff;
  background-color: #004ba0;
}
@media screen and (min-width: 1024px) {
  .btn.btn_style3.active:hover {
    color: #ffffff;
    background-color: #004ba0;
  }
}
@media screen and (min-width: 1024px) {
  .btn.btn_style3:hover {
    color: #fff;
    background-color: #99bbff;
  }
}
.btn.btn_style3.btn_style3_animation {
  animation: btnStyle3Animation 2s infinite;
}
@media screen and (min-width: 1024px) {
  .btn.btn_style3.btn_style3_animation:hover {
    animation: none;
  }
}
.btn.btn_style4 {
  color: #2e2e2e;
  background-color: #fff;
  border: 1px solid transparent;
}
@media screen and (min-width: 1024px) {
  .btn.btn_style4:hover {
    color: #fff;
    background-color: #99bbff;
  }
}
.btn.btn_style4.active {
  color: #ffffff;
  background-color: #004ba0;
}
@media screen and (min-width: 1024px) {
  .btn.btn_style4.active:hover {
    color: #ffffff;
    background-color: #004ba0;
  }
}
.btn.btn_style5 {
  border-radius: 8px;
  border: unset;
  color: #fff;
  background-color: #004ba0;
}
.btn.btn_style5.active {
  color: #2e2e2e;
  background-color: #fff;
  border: 1px solid #d0d0d0;
}
@media screen and (min-width: 1024px) {
  .btn.btn_style5.active:hover {
    color: #fff;
    background-color: #99bbff;
  }
}
@media screen and (min-width: 1024px) {
  .btn.btn_style5:hover {
    color: #fff;
    background-color: #99bbff;
  }
}
.btn.btn_more {
  color: #2e2e2e;
  background-color: #f7f7f7;
  border-radius: 100px;
  border: unset;
  width: 200px;
  height: 40px;
  line-height: 1em;
  text-decoration: none;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .btn.btn_more:hover {
    background-color: #dfdfdf;
  }
}
.btn.btn_more i {
  margin-left: 10px;
}
.btn.btn_search {
  background-color: #004BA0;
}
@media screen and (min-width: 1024px) {
  .btn.btn_search:hover {
    background-color: #0F427D;
  }
}

.btn_gift01 {
  border-radius: 200px;
  background: linear-gradient(265.93deg, #0094EF 0%, #005EA5 100%);
  overflow: hidden;
  height: 30px;
  padding: 2px;
  display: inline-flex;
  box-sizing: border-box;
}
.btn_gift01 a {
  height: 100%;
  text-decoration: none;
  background: linear-gradient(90deg, #0094EF 0%, #005EA5 100%);
  padding: 0 15px;
  box-sizing: border-box;
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn_gift01 .svg_box {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.btn_gift01 .btn_text {
  font-size: 0.875rem;
  line-height: 1.5em;
  font-weight: 500;
  color: rgb(254, 220, 64);
}

.btn_gift02 {
  border-radius: 200px;
  background: linear-gradient(265.93deg, #0094EF 0%, #005EA5 100%);
  overflow: hidden;
  height: 30px;
  padding: 2px;
  display: inline-flex;
  box-sizing: border-box;
}
.btn_gift02 a {
  height: 100%;
  text-decoration: none;
  background: linear-gradient(90deg, #0094EF 0%, #005EA5 100%);
  box-sizing: border-box;
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn_gift02 .svg_box {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.btn_gift02 .btn_text {
  font-size: 0.875rem;
  line-height: 1.5em;
  font-weight: 500;
  color: rgb(254, 220, 64);
  margin: 0 5px;
}
.btn_gift02 .gift_num {
  min-width: 30px;
  height: 30px;
  border-radius: 30px;
  line-height: 25px;
  padding: 0 5px;
  margin-left: -2px;
  text-align: center;
  color: #FEDC40;
  background-color: #0094EF;
  border: 2px solid #0168B3;
  box-sizing: border-box;
}

.more_wrap {
  width: 100%;
  display: block;
  position: relative;
  margin-top: 10px;
  height: 40px;
}
.more_wrap::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #d0d0d0;
  position: absolute;
  top: 50%;
}
.more_wrap .btn_more {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
}

.icon_list_wrap {
  height: 100%;
  transition: 2s;
  overflow: hidden;
  display: flex;
  height: 40px;
}
.icon_list_wrap.icon_open .icon_list_area {
  padding-right: 38px;
}
.icon_list_wrap .icon_list_area {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 0;
  transition: 0.5s;
}
.icon_list_wrap .icon_item {
  margin-left: 5px;
  position: absolute;
  right: 0;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon_list_wrap .icon_item a {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #e60000;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_list_wrap .icon_item .svg_box i {
  transform: scale(0.8);
}
@media screen and (min-width: 1024px) {
  .icon_list_wrap .icon_item.youtube_icon a:hover {
    background-color: #e60000;
  }
  .icon_list_wrap .icon_item.youtube_icon a:hover .svg_box i {
    background-position: 0px -630px;
  }
}

.page_tool_wrap {
  position: fixed;
  right: 20px;
  bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  z-index: 99999;
}

#backTop {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background-color: rgba(153, 187, 255, 0.6);
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  #backTop:hover {
    background-color: rgb(153, 187, 255);
  }
}

.header_ad_wrap {
  display: none;
}
@media screen and (min-width: 1024px) {
  .header_ad_wrap {
    display: block;
  }
}

.main_column_wrap .main_column_area {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .main_column_wrap .main_column_area {
    flex-direction: row;
    align-items: flex-start;
  }
}

.size_wrap .tool_item,
.voice_wrap .tool_item {
  display: none;
}
.size_wrap .tool_item.active,
.voice_wrap .tool_item.active {
  display: block;
}

figure {
  margin: 0;
}
figure img {
  width: 100% !important;
}
figure figcaption {
  font-size: 0.875rem;
  line-height: 1.5em;
  position: relative;
  padding-left: 22px;
  margin-top: 10px;
  box-sizing: border-box;
  color: #535353;
}
figure figcaption:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border-left: solid 1px rgb(0, 75, 160);
  border-bottom: solid 1px rgb(0, 75, 160);
  box-sizing: border-box;
}

.page_wrap .page_area {
  display: flex;
  justify-content: center;
  gap: 0 10px;
}
.page_wrap .page_area .page_item a {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: 1px solid #8F8F8F;
  border-radius: 50%;
  overflow: hidden;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5em;
  color: #8F8F8F;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .page_wrap .page_area .page_item a:hover {
    background-color: #DFDFDF;
  }
}
.page_wrap .page_area .page_item.active a {
  color: #fff;
  background-color: #8F8F8F;
}
.page_wrap .page_area .page_item.disabled a {
  opacity: 0.5;
  pointer-events: none;
}

.tag_wrap .tag_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  max-height: 80px;
  overflow: hidden;
}
.tag_wrap .tag_item > a,
.tag_wrap .tag_item > div,
.tag_wrap .tag_item > button {
  cursor: pointer;
  background-color: #F2F7FF;
  padding: 4px 10px;
  display: flex;
  text-decoration: none;
  border: 0;
}
@media screen and (min-width: 1024px) {
  .tag_wrap .tag_item > a:hover .tag_text,
  .tag_wrap .tag_item > div:hover .tag_text,
  .tag_wrap .tag_item > button:hover .tag_text {
    box-shadow: inset 0 -0.6em 0 0 #FFE5CC;
  }
}
.tag_wrap .tag_item .tag_text {
  font-size: 1.125rem;
  line-height: 1.5em;
  font-weight: 500;
  margin-left: 4px;
  color: #2E2E2E;
  text-decoration: none;
}

@keyframes btnStyle3Animation {
  0% {
    background-color: #004ba0;
  }
  49% {
    background-color: #004ba0;
  }
  50% {
    background-color: #99bbff;
  }
  100% {
    background-color: #99bbff;
  }
}
.share_title_wrap {
  display: flex;
}
@media screen and (min-width: 768px) {
  .share_title_wrap {
    position: relative;
  }
  .share_title_wrap::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10px;
    width: 100%;
    background-color: #F7F7F7;
    z-index: -9;
  }
}
.share_title_wrap > .title_wrap {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .share_title_wrap > .title_wrap {
    width: calc(100% - 122px - 10px);
  }
}
.share_title_wrap > .title_wrap.lines2 {
  height: auto;
}
.share_title_wrap > .title_wrap.lines2 .title_name {
  align-items: flex-start;
}
.share_title_wrap > .title_wrap.lines2 .title_name span,
.share_title_wrap > .title_wrap.lines2 .title_name a {
  -webkit-line-clamp: none;
}
.share_title_wrap > .title_wrap.lines2 .title_name .svg_box {
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .share_title_wrap > .title_wrap.lines2 .title_name .svg_box {
    height: 20px;
  }
}
.share_title_wrap .community_link_wrap {
  margin-left: 10px;
  margin-right: 11px;
  padding-right: 1px;
  position: absolute;
  right: 0;
  display: none;
}
@media screen and (min-width: 1024px) {
  .share_title_wrap .community_link_wrap {
    position: static;
    display: flex;
  }
}
.share_title_wrap .community_link_wrap.fixed {
  position: fixed;
  top: 51px;
  right: calc(50% - 50vw);
  z-index: 999;
  display: flex;
  border: 1px solid rgb(247, 247, 247);
  box-sizing: border-box;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) inset;
  border-radius: 100px;
  padding: 8px 10px;
}
@media screen and (min-width: 768px) {
  .share_title_wrap .community_link_wrap.fixed {
    right: calc(50% - 384px);
  }
}
@media screen and (min-width: 1024px) {
  .share_title_wrap .community_link_wrap.fixed {
    right: calc(50% - 485px);
    margin-right: 1px;
  }
}
@media screen and (min-width: 1280px) {
  .share_title_wrap .community_link_wrap.fixed {
    right: calc(50% - 600px);
    margin-right: 1px;
  }
}

.btn_list_wrap {
  margin-top: 20px;
}
.btn_list_wrap .btn_list_area {
  width: 100%;
}
.btn_list_wrap.btn_list_more .btn_list_area {
  display: flex;
  justify-content: space-between;
}
.btn_list_wrap.btn_list_more .btn_more {
  width: 55px;
  display: flex;
  align-items: center;
}
.btn_list_wrap.btn_list_more .btn_more a {
  color: #004ba0;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5em;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .btn_list_wrap.btn_list_more .btn_more a:hover {
    color: #99bbff;
  }
}/*# sourceMappingURL=main.css.map */