#atomic .Bdc\(\$headerTitleTopBorderColorMobile\) {
    border-color: #232a31 transparent transparent
}

#atomic .Mt\(52px\) {
    margin-top: 52px
}

#atomic .Bxsh\(\$social-bar-box-shadow\) {
    box-shadow: 0 7px 10px #000
}

#atomic .Mx\(20px\) {
    margin-left: 20px;
    margin-right: 20px
}

#atomic .Bdc\(\$c-fuji-grey-m\) {
    border-color: #232a31
}

#atomic .Bgc\(\#fbd927\) {
    background-color: #fbd927
}

#atomic .C\(\$c-fuji-grey-m\) {
    color: #232a31
}

#atomic .C\(\$commentColor\) {
    color: #6e7780
}

#atomic .Fxg\(1\) {
    flex-grow: 1
}

#atomic .Fxs\(1\) {
    flex-shrink: 1
}

#atomic .Fxb\(0\) {
    flex-basis: 0
}

#atomic .Fxw\(w\) {
    flex-wrap: wrap
}

#atomic .Fw\(900\) {
    font-weight: 900
}

#atomic .Fz\(20px\) {
    font-size: 20px
}

#atomic .H\(27px\) {
    height: 27px
}

#atomic .Mt\(24px\) {
    margin-top: 24px
}

#atomic .Mb\(24px\) {
    margin-bottom: 24px
}

#atomic .Mstart\(0\.15em\) {
    margin-left: .15em
}

#atomic .Mah\(114px\) {
    max-height: 114px
}

#atomic .Mih\(19px\) {
    min-height: 19px
}

#atomic .Mih\(20px\) {
    min-height: 20px
}

#atomic .Op\(1\) {
    opacity: 1
}

#atomic .Pt\(14px\) {
    padding-top: 14px
}

.item-hover-trigger:hover .item-hover-trigger\:h_Scale\(1\.05\) {
    transform: scale(1.05)!important
}

#atomic .Trs\(listItemTransformTransition\) {
    transition: transform .3s ease-in-out 0s
}

#atomic .W\(\$topicItemsBarActionWidthMobile\) {
    width: calc(100% - 134px)
}

#atomic .W\(114px\) {
    width: 114px
}

#atomic .W\(250px\) {
    width: 250px
}

#atomic .W\(37px\) {
    width: 37px
}

#atomic .Z\(0\) {
    z-index: 0
}

.LineClamp\(3\,80px\) {
    -webkit-line-clamp: 3;
    max-height: 80px
}

#atomic .Bgc\(\$c-fuji-marshmallow\) {
    background-color: #f5f8fa
}

#atomic .C\(\$c-fuji-grey-i\) {
    color: #5b636a
}

#atomic .Mx\(0\) {
    margin-left: 0;
    margin-right: 0
}

#atomic .Maw\(1260px\) {
    max-width: 1260px
}

#atomic .Py\(40px\) {
    padding-bottom: 40px;
    padding-top: 40px
}

#atomic .Pend\(20px\) {
    padding-right: 20px
}

#atomic .Tt\(u\) {
    text-transform: uppercase
}

#atomic .Bdbc\(\$c-fuji-grey-d\) {
    border-bottom-color: #d8dae3
}

#atomic .Bdbw\(1px\) {
    border-bottom-width: 1px
}

#atomic .Bdrs\(6px\) {
    border-radius: 6px
}

#atomic .Bgi\(n\)\! {
    background-image: none!important
}

#atomic .Bgc\(t\) {
    background-color: transparent
}

#atomic .C\(\$inherit\) {
    color: inherit
}

#atomic .D\(tb\) {
    display: table
}

#atomic .D\(tbr\) {
    display: table-row
}

.Reader-open .Reader-open_D\(ib\) {
    display: inline-block!important
}

#atomic .Fl\(start\) {
    float: left
}

#atomic .Fz\(0\) {
    font-size: 0
}

#atomic .H\(50px\) {
    height: 50px
}

#atomic .H\(8px\) {
    height: 8px
}

#atomic .Lh\(1\) {
    line-height: 1
}

#atomic .My\(0\) {
    margin-top: 0;
    margin-bottom: 0
}

#atomic .My\(12px\) {
    margin-top: 12px;
    margin-bottom: 12px
}

#atomic .Mb\(13px\) {
    margin-bottom: 13px
}

#atomic .Mt\(14px\) {
    margin-top: 14px
}

#atomic .My\(15px\) {
    margin-top: 15px;
    margin-bottom: 15px
}

#atomic .Mend\(25px\) {
    margin-right: 25px
}

#atomic .Mend\(7px\) {
    margin-right: 7px
}

#atomic .T\(-3px\) {
    top: -3px
}

#atomic .T\(14px\) {
    top: 14px
}

#atomic .T\(53px\) {
    top: 53px
}

#atomic .End\(-3px\) {
    right: -3px
}

#atomic .Start\(12px\) {
    left: 12px
}

#atomic .Ovy\(s\) {
    overflow-y: scroll
}

#atomic .Pt\(0\) {
    padding-top: 0
}

#atomic .Pb\(0\) {
    padding-bottom: 0
}

#atomic .Pb\(16px\) {
    padding-bottom: 16px
}

#atomic .Pt\(19px\) {
    padding-top: 19px
}

#atomic .Pend\(0\) {
    padding-right: 0
}

#atomic .Pstart\(14px\) {
    padding-left: 14px
}

#atomic .Pstart\(30px\) {
    padding-left: 30px
}

#atomic .Pstart\(52px\) {
    padding-left: 52px
}

#atomic .Trs\(\$logoTransition\) {
    transition: padding .2s ease-out
}

#atomic .W\(8px\) {
    width: 8px
}

#atomic .Z\(10\) {
    z-index: 10
}

#atomic .Ai\(c\) {
    align-items: center
}

#atomic .Bds\(s\) {
    border-style: solid
}

#atomic .Bd\(0\),.Bd\(0\) {
    border: 0
}

#atomic .Bdbs\(s\) {
    border-bottom-style: solid
}

#atomic .Bdrs\(4px\) {
    border-radius: 4px
}

#atomic .Bdrs\(50\%\) {
    border-radius: 50%
}

#atomic .Bgc\(\#fff\) {
    background-color: #fff
}

#atomic .Bgc\(--white\) {
    background-color: #fff;
    background-color: var(--white)
}

#atomic .Bxz\(bb\) {
    box-sizing: border-box
}

#atomic .C\(--batcave\) {
    color: #232a31;
    color: var(--batcave)
}

#atomic .Cur\(p\) {
    cursor: pointer
}

#atomic .D\(b\) {
    display: block
}

#atomic .D\(f\) {
    display: flex
}

#atomic .D\(i\) {
    display: inline
}

#atomic .D\(ib\),.Ell:after,a[class*=LineClamp],a[class*=LineClamp]:after {
    display: inline-block
}

#atomic .D\(n\) {
    display: none
}

#atomic .D\(tbc\) {
    display: table-cell
}

#atomic .Fld\(r\) {
    flex-direction: row
}

#atomic .Jc\(sb\) {
    justify-content: space-between
}

#atomic .Fl\(end\) {
    float: right
}

#atomic .Fw\(600\) {
    font-weight: 600
}

#atomic .Fz\(12px\) {
    font-size: 12px
}

#atomic .Fz\(14px\) {
    font-size: 14px
}

#atomic .H\(100\%\) {
    height: 100%
}

#atomic .List\(n\) {
    list-style-type: none
}

#atomic .M\(0\) {
    margin: 0
}

#atomic .Mend\(15px\) {
    margin-right: 15px
}

#atomic .Mx\(a\) {
    margin-left: auto;
    margin-right: auto
}

#atomic .My\(10px\) {
    margin-top: 10px;
    margin-bottom: 10px
}

#atomic .Mt\(8px\) {
    margin-top: 8px
}

#atomic .Mend\(-5px\) {
    margin-right: -5px
}

#atomic .Mb\(4px\) {
    margin-bottom: 4px
}

#atomic .Mstart\(20px\) {
    margin-left: 20px
}

#atomic .T\(0\) {
    top: 0
}

#atomic .T\(10px\) {
    top: 10px
}

#atomic .R\(22px\) {
    right: 22px
}

#atomic .End\(0\) {
    right: 0
}

#atomic .B\(0\) {
    bottom: 0
}

#atomic .Start\(0\) {
    left: 0
}

#atomic .Ov\(h\),.Ell,.Ell:after,[class*=LineClamp],a[class*=LineClamp]:after {
    overflow: hidden
}

#atomic .Ovx\(h\) {
    overflow-x: hidden
}

#atomic .P\(0\) {
    padding: 0
}

#atomic .Pstart\(0\) {
    padding-left: 0
}

#atomic .Pend\(10px\) {
    padding-right: 10px
}

#atomic .Px\(20px\) {
    padding-left: 20px;
    padding-right: 20px
}

#atomic .Pos\(a\),.StretchedBox {
    position: absolute
}

#atomic .Pos\(f\) {
    position: fixed
}

#atomic .Pos\(r\) {
    position: relative
}

#atomic .Ta\(end\) {
    text-align: right
}

#atomic .Td\(n\) {
    text-decoration: none
}

.Ell {
    text-overflow: ellipsis;
    white-space: nowrap;
    hyphens: none;
    max-width: 100%
}

#atomic .Va\(m\) {
    vertical-align: middle
}

#atomic .V\(h\),.Ell:after,a[class*=LineClamp]:after {
    visibility: hidden
}

#atomic .W\(100\%\) {
    width: 100%
}

#atomic .W\(30px\) {
    width: 30px
}

#atomic .Z\(1\) {
    z-index: 1
}

#atomic .Z\(2\) {
    z-index: 2
}

#atomic .Z\(3\) {
    z-index: 3
}

#atomic .Z\(4\) {
    z-index: 4
}

.Ell:after,a[class*=LineClamp]:after {
    content: ".";
    font-size: 0;
    height: 0;
    width: 0
}

[class*=LineClamp] {
    -webkit-box-orient: vertical
}

[class*=LineClamp],a[class*=LineClamp] {
    display: -webkit-box
}

.StretchedBox {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

img {
    vertical-align: top
}
/*! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize.css */
body,html {
    height: 100%
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none
}

body {
    margin: 0;
    background: #fff;
    color: #000;
    font: 13px/1.3"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased
}

article,footer,header,main {
    display: block
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

strong {
    font-weight: 700
}

img {
    border: 0;
    vertical-align: bottom
}

svg:not(:root) {
    overflow: hidden
}

button {
    color: inherit;
    margin: 0;
    overflow: visible;
    text-transform: none;
    -webkit-appearance: button;
    cursor: pointer;
    box-sizing: border-box;
    font: 16px"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: normal;
    background-color: transparent;
    border-color: transparent;
    font-family: inherit
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

:link {
    text-decoration: none
}

:link,:visited {
    color: #324fe1
}

a:hover {
    text-decoration: underline
}

ol,p,ul {
    margin: 0
}

h1,h2,h3,h4 {
    font-size: 16px;
    margin: 0
}

ol,ul {
    padding-left: 0;
    list-style-type: none
}

#atomic body,#atomic button {
    font-family: YahooSans,"Helvetica Neue",Helvetica,Arial,sans-serif
}

@font-face {
    font-family:YahooSans;font-weight:400;font-style:normal;font-display:optional
}

@font-face {
    font-family:YahooSans;font-weight:600;font-style:normal;font-display:optional
}

@font-face {
    font-family:YahooSans;font-weight:700;font-style:normal;font-display:optional
}

@font-face {
    font-family:YahooSans;font-weight:800;font-style:normal;font-display:optional
}

@font-face {
    font-family:YahooSans;font-weight:500;font-style:normal;font-display:optional
}

@font-face {
    font-family:"YahooSansCond";font-weight:400;font-style:normal;font-display:fallback
}

@font-face {
    font-family:"YahooSansCond";font-weight:800;font-style:normal;font-display:fallback
}

@font-face {
    font-family:"Sanomat";font-weight:900;font-style:normal;font-display:optional
}

@supports (font-variation-settings:normal) {
    #atomic body,#atomic button {
        font-family: "YahooSans VF","Helvetica Neue",Helvetica,Arial,sans-serif
    }

    h2.header {
        font-family: "YahooSansCond","YahooSans VF","Helvetica Neue",Helvetica,Arial,sans-serif
    }
}

h2.header {
    font-family: "YahooSansCond"
}

#module-article {
    display: flow-root
}

@supports not (display:flow-root) {
    #module-article {
        padding: .02px 0
    }
}

:root {
    --barbie: #f80e5d;
    --barney: #cc008c;
    --batcave: #232a31;
    --battleship: #5b636a;
    --black: #000;
    --blurple: #5d5eff;
    --bob: #b0b9c1;
    --bonsai: #00873c;
    --canary: #ffde00;
    --carrot-juice: #ff520d;
    --charcoal: #464e56;
    --cheetos: #ff6e0c;
    --cobalt: #003abc;
    --denim: #1a0dab;
    --dirty-seagull: #e0e4e9;
    --dolphin: #6e7780;
    --dory: #0f69ff;
    --gandalf: #979ea8;
    --grape-jelly: #6001d2;
    --grey-hair: #f0f3f5;
    --hendrix: #f8f4ff;
    --hulk-pants: #7e1fff;
    --inkwell: #1d2228;
    --kiwi: #00d15e;
    --malbec: #39007d;
    --malibu: #ff0080;
    --marshmallow: #f5f8fa;
    --masala: #ff8b12;
    --midnight: #101518;
    --mimosa: #ffd333;
    --mulah: #1ac567;
    --mulberry: #5015B0;
    --ninja-turtle: #00ab5e;
    --pebble: #c7cdd2;
    --peeps: #7dcbff;
    --playdoh: #21d87d;
    --ramones: #2c363f;
    --sapphire: #2f0060;
    --scooter: #0063eb;
    --sea-foam: #11d3cd;
    --shark: #828a93;
    --sky: #12a9ff;
    --smurfette: #188fff;
    --solo-cup: #eb0f29;
    --spirulina: #009c94;
    --starfish: #7759ff;
    --swedish-fish: #ff333a;
    --thanos: #907cff;
    --turmeric: #ffa700;
    --watermelon: #ff4d52;
    --white: #fff;
    --rgb-batcave: 35,42,49;
    --rgb-black: 0,0,0;
    --rgb-dory: 15,105,255;
    --rgb-dirty-seagull: 224,228,233;
    --rgb-grape-jelly: 96,1,210;
    --rgb-grey-hair: 240,243,245;
    --rgb-inkwell: 29,34,40;
    --rgb-white: 255,255,255;
    --elevation-1: 0 1px 0 rgba(var(--rgb-dirty-seagull),1);
    --elevation-2: 0 0 1px rgba(var(--rgb-black),0.1),0 2px 4px rgba(var(--rgb-black),0.08);
    --elevation-3: 0 0 1px rgba(var(--rgb-black),0.08),0 4px 8px rgba(var(--rgb-black),0.1);
    --elevation-4: 0 0 2px rgba(var(--rgb-black),0.05),0 4px 16px rgba(var(--rgb-black),0.2);
    --elevation-5: 0 0 16px rgba(var(--rgb-black),0.05),0 32px 32px -20px rgba(var(--rgb-black),0.4);
    --att-blue: #0057b8;
    --rogers-red: #c41522;
    --frontier-red: #c41230
}

@font-face {
    font-display:fallback;font-family:"YahooSerifDisplay";font-style:normal;font-weight:700;src:local("Yahoo Serif Display"),
}

.caas {
    word-wrap: break-word;
    zoom: 1;
    background: #fff;
    display: flow-root;
    font: 13px/1.6 YahooSans VF,Yahoo Sans,YahooSans,Helvetica Neue,Helvetica,Arial,sans-serif
}

.caas h1 {
    margin: 0;
    font-size: 1.85em;
    font-weight: 700;
    line-height: 1.33
}

.caas p,.caas li{
    margin: 0 0 .8em;
    font-size: 16px;
    line-height: 30px;
    text-indent: 2em
}

.caas a {
    color: #0f69ff;
    text-decoration: none
}

.caas a:visited {
    color: #003abc
}

.caas a:active,.caas a:focus {
    text-decoration: underline
}

.caas h3,.caas strong {
    font-weight: 600
}

.caas header {
    margin: 0 0 10px
}

.caas h3 {
    font-size: 1.385em;
    line-height: 1.33;
    margin: 10px 0 15px
}

.caas h4 {
    font-size: 17px;
    font-weight: bold;
    font-size: 1.25em;
    margin: 6px 0;
}


.caas-button:focus:not(:focus-visible),a.caas-button:focus:not(:focus-visible) {
    outline: 0
}

.caas-button.noborder:not(:focus-visible),a.caas-button.noborder:not(:focus-visible) {
    outline: 0
}

.caas-xray-card .xray-card-click-target:not(:focus) {
    border-color: transparent
}

.caas-recipe-direction-wrapper .caas-recipe-direction-list-item::marker {
    font-variant-numeric: normal
}

.caas-attr {
    align-items: center;
    display: flex;
    flex-direction: row
}

.caas-attr-meta {
    font-size: 1.077em;
    line-height: 1
}

.caas-attr-meta .caas-attr-time-style {
    display: inline-block;
    vertical-align: middle;
    color: #6e7780;
    font-size: .86em;
    margin-left: 20px
}

.bread_list span{
    max-width: 120px;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
}

.caas-attr-item-author,.keys a {
    display: inline-block;
    vertical-align: middle
}

.keys a {
    margin-right: 8px;
    font-size: 16px
}

.caas-attr-item-author {
    line-height: 1.43;
    position: relative
}

.caas .caas-header .caas-title-wrapper {
    margin-bottom: 24px
}

.caas .caas-header .caas-title-wrapper h1 {
    font-size: 1.692em;
    line-height: 1.272
}

.caas {
    color: #232a31
}

.caas video{
    display: block;
    width: 100%;
    height: auto !important;
    margin: 0 auto;
}

.caas-coupon:focus:not(:focus-visible) {
    background: rgba(0,0,0,.1);
    border-color: #b0b9c1;
    color: #5b636a
}

.caas-coupon:focus:not(:focus-visible) .copyCode.icon svg {
    fill: #5b636a
}

.caas-cc {
    margin: 16px 20px 0
}

.caas .caas-attr,.caas .caas-title-wrapper {
    margin-bottom: 16px
}

.caas article:focus {
    outline: 0
}

.caas-body p img {
    display: block;
    max-width: 100%;
    height: 100%!important;
    margin: 0 auto
}

#module-relatedContent ul img {
    height: 114px;
    object-fit: cover
}

#atomic .Bgc\(\$header-overlayBackground\) {
    background-color: rgba(0,0,0,.8)
}

#atomic .Colmc\(4\) {
    column-count: 4
}

.bread_list {
    padding: 10px 20px 0
}

.bread_list a {
    text-decoration: none;
    color: var(--batcave);
    display: inline-block;
    height: 24px;
    line-height: 24px;
    text-align: center;
}

.hr_ask{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 40px;
    z-index: 99;
    font-size: 0;
    background: #fff;
  }
  .hr_ask .f_input{
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    
  }
  .hr_ask .f_input input{
    display: block;
    width: 100%;
    height: 40px;
    background: #fff;
    font-size: 14px;
    text-indent: 1em;
    box-sizing: border-box;
    color: #666;
    border: 1px solid #000;
  }
  .hr_ask .f_btn{
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    height: 40px;
    box-sizing: border-box;
    line-height: 40px;
    text-align: center;
    background: #188fff;
  }
  .hr_ask .f_btn a{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
  }
  .hr_ask .f_input input::placeholder{
    color: #000;
 }
 .hr_ask .f_input input::-webkit-input-placeholder{
    color: #000;
}
.hr_ask .f_input input:-moz-placeholder{
    color: #000;
}
.hr_ask .f_input input::-moz-placeholder{
    color: #000;
}
.hr_ask .f_input input:-ms-input-placeholder{
    color: #000;
}
#atomic .footer_wrap {
    padding-top: 20px;
    padding-bottom: 60px;
    border-top: 1px solid #eee
}

#atomic #footer-mobile-v2 {
    background-color: #fff
}

.copyright p {
    font-size: 12px;
    line-height: 24px;
    color: #999
}

.copyright p a {
    color: #999
}

.a_style,.bottom_nav ol li a {
    display: block;
    width: 100%
}

.simple-list li {
    width: 100%;
    height: 114px;
    margin-bottom: 24px;
    position: relative
}

.simple-list li h4 {
    color: #333;
    font-size: 16px
}

.footer-content li {
    height: 36px;
    line-height: 36px
}

.footer-content li a{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.right_arraw{
    padding: 16px 10px 16px 14px;
}

.dropdown,.no_drop {
    border-top-width: 1px;
    border-top-color: var(--dirty-seagull);
    border-top-style: solid;
    clear: both;
    position: relative
}

.no_drop {
    padding-left: 15px
}

.dropdown::before,.no_drop::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    top: 8px;
    background: url(/statics/images/icon.png)no-repeat center center;
    background-size: 60%
}

.dropdown {
    list-style-type: none;
    margin-top: 8px;
    font-size: 14px;
    padding: 0 0 0 15px
}

.dropdown a {
    color: var(--batcave)
}

.inner_ul li {
    padding-left: 30px
}

.profile-open .profile-open_V\(v\)\! {
    visibility: visible!important
}

.Reader-open .Reader-open_D\(n\),.accordionOpen .accordionOpen_D\(n\)\!,.connection-offline .connection-offline_D\(n\),.profile-open .profile-open_D\(n\) {
    display: none!important
}

.accordionOpen .accordionOpen_D\(b\)\!,.header-tooltip-show .header-tooltip-show_D\(b\),.search-open .search-open_D\(b\) {
    display: block!important
}
.item-hover-trigger{
    width: 100%;
    display: flex;
  }
  .item-hover-trigger .text_wrap{
    flex: 1;
    padding-right: 12px;
  }
  .item-hover-trigger .img_wrap{
    flex: 0 0 114px;
    width: 114px;
    height: 114px;
  }
  .item-hover-trigger .img_wrap img{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: cover;
  }
  .news_introduce{
    color: #666;
    margin: 10px 0;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  }
  .duration_time{
    font-size: 12px;
    color: #999;
  }
  .menu_ul{
    position: absolute;
    left: 0;
    right: 0;
    top: 53px;
    padding: 0;
    margin-top: 8px;
    font-size: 14px;
    background-color: var(--white);
    border-radius: 6px;
}
.f_about a{
    display: block; 
    font-size: 12px;
    color: #666;
    margin-top: 4px;
}
table{
    display: block;
    width: 100%;
    margin: 10px 0;
}
table td{
    border: 1px solid #eee;
    padding: 6px 0;
}
.caas table td p{
    text-indent: 0;
    margin: 0;
}
@keyframes blink {
    0% {
      opacity: 1; /* 完全可见 */
    }
    50% {
      opacity: 0; /* 完全隐藏 */
    }
    100% {
      opacity: 1; /* 再次完全可见 */
    }
  }