@font-face
{
    font-family: Graphik;
    font-weight: 400;
    font-style: normal;

    font-display: swap;
    src: url(../font/Graphik-Regular.woff2)
    format('woff2'),
    url(../font/Graphik-Regular.woff)
    format('woff');
}

@font-face
{
    font-family: ProductSans;
    font-weight: 400;
    font-style: normal;

    font-display: swap;
    src: url(../font/ProductSans-Regular.woff2)
    format('woff2'),
    url(../font/ProductSans-Regular.woff)
    format('woff');
}

@font-face
{
    font-family: ProductSans;
    font-weight: 500;
    font-style: normal;

    font-display: swap;
    src: url(../font/ProductSans-Medium.woff2)
    format('woff2'),
    url(../font/ProductSans-Medium.woff)
    format('woff');
}

*
{
    box-sizing: border-box;
}

html
{
    transition: all ease .25s;
}

body
{
    font-family: Graphik, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI,
    Roboto, 'Open Sans', 'Helvetica Neue', sans-serif, serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;

    color: #000;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul
{
    margin: 0;
    padding: 0;
}

table
{
    border-collapse: collapse;
}

li
{
    list-style: none;
}

footer,
header,
nav,
section
{
    display: block;
}

a
{
    display: inline-block;

    cursor: pointer;
    text-decoration: none;

    color: #000;
}

a,
a:hover,
a:visited
{
    outline: 0;
}

html
{
        -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

img
{
    max-width: 100%;

    transition: opacity ease .25s;
    vertical-align: middle;

    opacity: 1;
}

img[data-src]
{
    opacity: 0;
}

button
{
    border: none;
    background: 0 0;
}

::-webkit-input-placeholder
{
    color: #ccc;
}

::-moz-placeholder
{
    color: #ccc;
}

:-ms-input-placeholder
{
    color: #ccc;
}

.app-des h3,
.app-des h4,
.appbox-link,
.appbox-tl,
.comments-tl,
.common-title,
.nfl-title,
.nfl-sub,
.right-title,
.curapp-rt-tl,
.desktopnav-link,
.hot-item-info-name,
.navfix-link,
.retitle,
.select-link,
.selectlabel,
.subject-bad,
.subject-good,
.trend-item-info-name,
.twomenu-link,
.software-banner-tl
{
    font-family: ProductSans, Arial, sans-serif, serif;
    font-weight: 500;
}

.art-title,
.category-name,
.comments-label,
.curapp-rt-cate,
.hot-info,
.mation-item-name,
.mation-item-txt,
.review-comment-submit,
.trend-item-tl,
.ver-appname
{
    font-family: ProductSans, Arial, sans-serif, serif;
    font-weight: 400;
}

button:focus,
input:focus
{
    outline: 0;
}

.wrapper
{
    position: relative;

    padding-right: 20px;
    padding-left: 20px;
}

.header .wrapper
{
    position: initial;
}

.header
{
    position: relative;

    height: 48px;
    padding: 11px 16px;

    background-color: #2a66f3;
}

.topsearch-box
{
    position: absolute;
    top: 0;
    right: 20px;

    display: flex;
    justify-content: flex-end;

    width: 48px;
    height: 48px;
    padding-top: 15px;
    padding-right: 5px;
}

.searchbox
{
    position: absolute;
    z-index: 1000;
    top: 4px;
    right: 20px;

    display: flex;
    overflow: hidden;

    width: 0;
    height: 40px;

    transition: all ease .25s;

    border-radius: 20px;
    background-color: #fff;
}

.search-form
{
    flex: 1;

    margin-right: 48px;
    margin-left: 16px;
}

.search-input
{
    font-size: 14px;

    flex: 1;

    height: 100%;

    border: none;
}

.paddingtop
{
    padding-top: 68px;
}

.logo
{
    display: block;

    width: 145px;
    height: 26px;
    margin: 0 auto;

    background-image: url(/wp-content/uploads/2025/08/skiessence.png);
    background-size: cover;
}

.navlogo
{
    width: 135px;
    height: 26px;
    margin-top: 14px;

    background-image: url(/wp-content/uploads/2025/08/skiessence-nav.png);
    background-size: cover;
}

.navlogowp
{
    line-height: 54px;

    height: 54px;
    padding-left: 20px;

    text-align: center;

    border-bottom: 1px solid #e8e8e8;
}

.topmenu-box
{
    position: absolute;
    z-index: 1003;
    top: 17px;
    left: 20px;

    width: 18px;
    height: 16px;
}

#searchmenu,
#selectbox,
#topmenu
{
    display: none;
}

.menu-icon,
.menu-icon::after,
.menu-icon::before
{
    width: 100%;
    height: 2px;

    background-color: #fff;
}

.menu-icon
{
    position: relative;
    z-index: 1000;

    display: block;
}

.menu-icon::after,
.menu-icon::before
{
    position: absolute;
    top: 6px;
    left: 0;

    content: '';
    transition: all ease .25s;
}

.menu-icon::after
{
    top: 12px;
}

.search-box
{
    position: absolute;
    top: 0;
    right: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 50px;
    height: 40px;

    border: none;
}

.search-icon
{
    position: relative;

    display: block;

    width: 14px;
    height: 14px;

    transform: rotate(-45deg);

    border: 2px solid #fff;
    border-radius: 100%;
}

.search-icon::after
{
    position: absolute;
    top: 10px;
    left: 50%;

    display: block;

    width: 2px;
    height: 9px;

    content: '';

    background-color: #fff;
}

#searchmenu:checked ~ .searchbox
{
    width: calc(100vw - 78px);
}

#searchmenu:checked ~ .searchbox .search-icon
{
    border-color: #2a66f3;
}

#searchmenu:checked ~ .searchbox .search-icon::after
{
    background-color: #2a66f3;
}

.opacitybg,
.opacitybg1,
.opacitybg2
{
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;

    background-color: rgba(0, 0, 0, .6);
}

.opacitybg
{
    z-index: 1001;
}

.opacitybg2
{
    top: 48px;

    background-color: rgba(0, 0, 0, 0);
}

#searchmenu:checked ~ .opacitybg2
{
    display: block;
}

.navfix
{
    position: absolute;
    z-index: 999;
    z-index: 1002;
    top: 0;
    bottom: 0;
    left: 0;

    overflow-y: scroll;

    width: 300px;
    height: 100vh;

    transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transform: translateX(-100%);

    border-right-width: 0;
    background-color: #fff;
}

.navfix-ls
{
    overflow: auto;

    height: calc(100vh - 45px);
    padding-top: 10px;
    padding-bottom: 100px;
}

.navfix-item
{
    transition: all .3s ease .05s;
    transform: translateX(-100%);

    opacity: 0;
}
.icon-navfix-nfl {
    width: 18px;
    height: 24px;
    margin-right: 6px;
}
.icon-navfix-bible {
    width: 18px;
    height: 24px;
    fill: #a23021;
    margin-right: 6px;
}

.header-nfl-link {
    display: none;
}

.navfix-link
{
    line-height: 45px;

    display: flex;
    align-items: center;

    padding: 0 16px;

    text-align: left;
}

#topmenu:checked + .opacitybg
{
    display: block;
}

#topmenu:checked ~ .navfix
{
    transform: translateX(0);
}

#topmenu:checked ~ .navfix .navfix-item
{
    transform: translateX(0);

    opacity: 1;
}

#topmenu:checked ~ .navfix .navfix-item:nth-child(1)
{
    transition-delay: .1s;
}

#topmenu:checked ~ .navfix .navfix-item:nth-child(2)
{
    transition-delay: .1s;
}

#topmenu:checked ~ .navfix .navfix-item:nth-child(3)
{
    transition-delay: .15s;
}

#topmenu:checked ~ .navfix .navfix-item:nth-child(4)
{
    transition-delay: .2s;
}

#topmenu:checked ~ .navfix .navfix-item:nth-child(5)
{
    transition-delay: .25s;
}

#topmenu:checked ~ .navfix .navfix-item:nth-child(6)
{
    transition-delay: .3s;
}

#topmenu:checked ~ .topmenu-box .menu-icon
{
    background-color: #fff;
}

#topmenu:checked ~ .topmenu-box .menu-icon::before
{
    transform: rotate(45deg);

    background-color: #2a66f3;
}

#topmenu:checked ~ .topmenu-box .menu-icon::after
{
    transform: rotate(-45deg);
    transform-origin: 1px -2px;

    background-color: #2a66f3;
}

.icon-lang
{
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.dsoff
{
    display: none;
}

.icon-night
{
    width: 20px;
    height: 20px;
    margin-bottom: -2px;
    margin-left: 32px;

    transform: rotate(180deg);
}

.icon-home
{
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.selectbox
{
    line-height: 45px;

    padding: 10px 16px;

    border-top: 1px solid #eee;
}

.desklang
{
    display: none;
}

.selectlabel
{
    position: relative;

    display: block;
}

.select-link
{
    display: flex;
    align-items: center;
}

.select-active
{
    font-weight: 700;

    color: #2a66f3;
}

.desktopnav
{
    display: none;
}

#selectbox:checked ~ .selectlabel::after
{
    margin-top: 4px;

    transform: rotate(135deg);
}

#selectbox:checked ~ .opacitybg2
{
    display: block;
}

.ctrloff
{
    line-height: 60px;

    position: relative;

    height: 60px;
    padding: 0 16px;

    border-top: 1px solid #eee;
}

.offon
{
    position: absolute;
    top: 50%;
    right: 16px;

    display: block;

    width: 35px;
    height: 19px;
    margin-top: -9px;

    border-radius: 18px;
    background-color: #3b3b3b;
}

.offon::after
{
    position: absolute;
    top: 3px;
    left: 3px;

    display: block;

    width: 12px;
    height: 12px;

    content: '';

    border-radius: 12px;
    background-color: #f2f2f2;
}

#offon
{
    display: none;
}

#offon:checked ~ .offon::after
{
    right: 3px;
    left: auto;
}

.footer
{
    margin-top: 16px;
    padding-top: 30px;
    padding-bottom: 30px;

    border-top: 1px solid #ddd;
    background-color: #08192e;
}

.copyright
{
    margin-top: 26px;
    margin-right: -20px;
    margin-left: -20px;
    padding: 24px 20px;

    background-color: #021225;
}

.copyright p
{
    line-height: 24px;

    opacity: .2;
    color: #fff;
}

.ftlogo
{
    margin: 0;
}

.foot-con
{
    
    line-height: 32px;

    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;

    margin-top: 12px;
    margin-left: -8px;

    color: #ccc;
    display: none;
}

.foot-link
{
    padding-right: 8px;
    padding-left: 8px;

    color: #ccc;
}
.footer-service {
    font-size: 14px;
    line-height: 18px;
    margin-top: 12px;
    color: #999;
}

.content
{
    min-height: 70vh;
}

.icon-footer
{
    width: 18px;
    height: 18px;
}

.breadcrumb
{
    display: none;

    padding: 5px 16px;

    word-wrap: break-word;

    color: #bbb;
}

.breadcrumb li
{
    display: inline;
}

.breadcrumb a,
.breadcrumb li
{
    font-size: 12px;

    display: inline;

    color: #666;
}

.breadcrumb li:last-child a
{
    color: #2a66f3;
}

.appbox
{
    position: relative;

    display: flex;
    overflow: hidden;

    margin: 16px;
}

.appbox-con
{
    position: relative;
    z-index: 10;

    display: flex;
    align-items: center;
    flex: 1;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;

    padding: 16px 10px 10px;

    color: #fff;
}

.appbox:before
{
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    content: '';

    background-color: rgba(0, 0, 0, .35);
}

.appbox-safe
{
    position: absolute;
    z-index: 3;
    top: 4px;
    right: 3px;
}

.icon-safe
{
    width: 20px;
    height: 20px;
}

.appbox-logo
{
    overflow: hidden;

    width: 70px;
    height: 70px;

        border-radius: 16px;

    -ms-border-radius: 16px;
     -o-border-radius: 16px;
}

.appbox-info
{
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-between;

    margin-left: 15px;
    padding: 5px 0;
}

.appbox-tl
{
    font-size: 21px;
    line-height: 1.2;

    margin: 10px 0 8px;
}

.appbox-ver
{
    margin-top: 8px;
}

.appbox-dev
{
    font-size: 16px;
}

.appbox-category
{
    padding-top: 8px;

    text-decoration: underline;

    color: #fff;
}

.appbox-link-see
{
    line-height: 40px;

    display: block;

    height: 40px;
    margin: 0 16px;

    text-align: center;

    border-radius: 4px;
}

.deskdown
{
    margin-top: 16px;
}
.app-more {
    font-family: ProductSans, Arial, sans-serif, serif;
    font-weight: 500;
    display: block;
    text-align: center;
    text-decoration: underline;
    font-size: 14px;
    color: #757a7e;
    margin-top: 12px;
}

.appbox-link
{
    font-size: 16px;
    line-height: 56px;

    display: block;
    display: flex;
    align-items: center;
    justify-content: center;

    height: 56px;
    margin-top: 8px;

    text-align: center;

    color: #fff;
    border-radius: 8px;
    background-color: #259f7b;
}

.appbox-link-play
{
    background-color: #1d1d1f;
}

.icon20
{
    width: 20px;
    height: 20px;
    margin-right: 10px;

    fill: #fff;
}

.appdisabled
{
    background: #ddd;
}

.appbox-link .mation-info
{
    font-size: 24px;
}

.desktop
{
    display: none;
}

.appbox-link-see
{
    margin-top: 8px;

    border: 1px solid #ddd;
}

.starwrap
{
    font-size: 14px;
    line-height: 16px;

    display: flex;

    margin-bottom: 4px;

    color: #666;
}

.score-star
{
    position: relative;

    width: 80px;
    height: 16px;
    margin-right: 3px;
    margin-left: -2px;

    background-image: url(../image/star_gray.svg);
    background-size: 16px 16px;
}

.have-star
{
    position: absolute;
    top: 0;
    left: 0;

    height: 16px;

    background-image: url(/wp-content/uploads/2025/08/star_full.svg);
    background-size: 16px 16px;
}

.starwrap .score-span
{
    padding-right: 3px;
    padding-left: 3px;

    color: #f1b000;
}

.score-span
{
    color: #666;
}

.icon-download
{
    width: 16px;
    height: 16px;
}

.common-title,
.nfl-title,
.right-title
{
    font-size: 20px;

    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin: 32px 0 16px;
}
.nfl-title {
    margin-top: 20px;
    margin-bottom: 20px;
}
.nfl-sub {
    font-size: 16px;
    margin: 16px 0;
}
.nfl-title + .nfl-sub {
    margin-top: -8px;
}
.right-title {
    margin-top: 24px;
}

.common-title-in
{
    font-size: 26px;

    padding: 30px 0;

    text-align: center;
}

.common-title-link
{
    font-size: 14px;
    font-weight: 400;

    color: #2a66f3;
}

.scroll-x
{
    font-size: 0;

    position: relative;

    width: 100%;
    margin-top: -8px;
    margin-bottom: 25px;

    white-space: nowrap;
}

.screenbg .scroll-x
{
    margin-top: 0;
    margin-bottom: 0;
}

.screen-ls
{
    overflow-x: auto;

    /* padding: 3px; */

    scroll-behavior: smooth;
}

.screen-item
{
    font-size: 12px;
    line-height: 16px;

    display: inline-block;

    padding-right: 8px;

    vertical-align: top;
    white-space: normal;
}

.screen-item img
{
    height: 250px;

        border-radius: 6px;

    -o-object-fit: scale-down;
       object-fit: scale-down;
    -ms-border-radius: 6px;
     -o-border-radius: 6px;
     cursor: pointer;
}

.review-trend-ls
{
    margin-bottom: 16px;
}

.app-des
{
    font-size: 16px;
    line-height: 1.78;

    position: relative;

    overflow: hidden;

    transition: all ease .3s;

    color: #000;
}

.app-des h3,
.app-des h4
{
    font-size: 18px;

    margin: 12px 0 -8px;
}

.app-des > ul
{
    margin: 12px 0;
    /* margin: -8px 0 12px 0; */
}

.app-des > ul > li
{
    position: relative;

    padding-left: 12px;
}

.app-des > ul > li::before
{
    position: absolute;
    top: 11px;
    left: 0;

    width: 4px;
    height: 4px;

    content: '';

    border-radius: 100%;
    background-color: #000;
}
/* .software .app-des{
    font-size: 16px;
    line-height: 1.78;
} */
/* .software .app-des h3,
.software .app-des h4{
    font-size: 18px;
    margin-bottom: -8px;
} */
.new-des p
{
    margin: 12px 0;
}

.app-des p
{
    margin: 12px 0;
}
.app-des.app-ask p{
    margin-top: 0;
}
.app-ask h4{
    position: relative;
    display: inline-block;
    margin: 0;
}
.app-ask h4::before{
    content: '';
    display: block;
    height: 8px;
    background-color: #d8e3ff;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    z-index: -1;
}
.new-des
{
    line-height: 25px;

    overflow: hidden;

    margin: 0 16px 0;

    color: #444;
}

.new-des br:nth-child(2n)
{
    display: none;
}

.new-des-ls
{
    margin-top: -10px;
    margin-bottom: 14px;
}

.new-des-item
{
    position: relative;

    padding-left: 16px;
}

.new-des-item::before
{
    position: absolute;
    top: 10px;
    left: 0;

    width: 5px;
    height: 5px;

    content: '';

    border-radius: 100%;
    background-color: #000;
}

.mation-ls
{
    margin: 8px 0 -6px;

    color: #444;

    border-bottom: 1px solid #eee;
}


.mation-item
{
    font-size: 14px;
    line-height: 1.4;

    display: flex;
    justify-content: space-between;

    word-break: break-word;

    border: 1px solid #eee;
    border-bottom-width: 0;
}

.mation-item-name
{
    flex: 0 0 140px;
    width: 140px;
    padding: 5px 0;
    text-align: left;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    border-right: 1px solid #eee;
    padding-left: 12px;
}

.mation-item-txt
{
    flex: 1;
    padding: 5px 16px;
    color: #444;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.comments
{
    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 10px;
    padding: 14px 16px;

    border-radius: 8px;
    background-color: #f8f8f8;
}

.mation-info
{
    font-size: 12px;

    display: flex;

    white-space: nowrap;
}

.mation-link
{
    color: #2a66f3;
}

.rating
{
    height: 8px;

    border-radius: 8px;
}

.rating
{
    display: block;

    background-color: #888;
}

.icon-tips
{
    position: absolute;
    right: 0;
    bottom: 0;
}

.trend-item
{
    font-size: 12px;
    line-height: 16px;

    position: relative;

    display: inline-block;

    padding-right: 10px;

    vertical-align: top;
    white-space: normal;
}

.trend-item:nth-child(n + 13)
{
    display: none;
}
.trend-item-ads {
    width: 100%;
    margin-top: 26px;
    padding-right: 16px;
}
.adswp + .trend-ls {
    margin-top: 0;
}

.loadmore
{
    line-height: 40px;

    height: 40px;
    margin-top: 24px;

    cursor: pointer;
    text-align: center;

    color: #fff;
    border-radius: 40px;
    background-color: #2a66f3;
}

#loadmorecontent .trend-item:nth-child(n + 13),
.all-trend-ls .trend-item:nth-child(n + 13)
{
    display: block;
}

#loadmorecontent .trend-item-img
{
    padding-top: 100%;
}

#loadmorecontent .trend-item-img img
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.trend-item-tl
{
    font-size: 14px;

    display: block;
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.coverlink
{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.trend-item-img
{
    position: relative;

    width: 100px;
    height: 100px;
}

.trend-item-img img
{
    width: 100%;

    border: 1px solid #e8e8e8;
    border-radius: 20%;
    background-color: #fff;
}

.art-con
{
    display: flex;
    align-items: center;
}

.art-title
{
    font-size: 14px;
    line-height: 20px;
}

.art-time
{
    font-size: 12px;
    line-height: 20px;

    color: #999;
}

.leftbtn,
.rightbtn
{
    position: absolute;
    top: 50%;

    display: block;
    display: none;

    width: 50px;
    height: 80px;
    margin-top: -40px;

    cursor: pointer;

    background-color: rgba(0, 0, 0, .65);
}

.leftbtn::after,
.rightbtn::after
{
    position: absolute;
    top: 30px;
    left: 10px;

    display: block;

    width: 20px;
    height: 20px;

    content: '';
    transform: rotate(-45deg);

    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.leftbtn::after
{
    left: 20px;

    transform: rotate(135deg);
}

.leftbtn
{
    left: 8px;

    display: none;
}

.rightbtn
{
    right: -8px;
}

.cate-ls
{
    display: flex;

    padding: 10px 0;
}

.cate-item
{
    display: flex;
    align-items: center;
    flex: 1;
    flex-direction: column;
    justify-content: center;
}

.cate-item-one
{
    background-color: #f2b258;
}

.cate-item-two
{
    background-color: #fa8483;
}

.cate-item-three
{
    background-color: #5ec9f3;
}

.icon-hot
{
    width: 20px;
    height: 20px;
}

.section-tl
{
    font-size: 16px;
    font-weight: 700;

    position: relative;

    margin: 16px;
}

.section-tl-more
{
    font-size: 12px;

    position: absolute;
    right: 0;
    bottom: 0;

    text-transform: capitalize;

    color: #2a66f3;
}

.pop-trend
{
    overflow-x: auto;

    padding-left: 16px;
}

.pop-item
{
    font-size: 14px;

    width: 270px;
    margin-right: 16px;

    vertical-align: top;
}

.pop-item-img
{
    position: relative;

    overflow: hidden;

    height: 140px;

    border-radius: 3px;
}

.pop-item-img img
{
    width: 100%;
    height: 100%;
}

.pop-item-info
{
    line-height: 20px;

    overflow: hidden;

    max-height: 80px;
    margin-top: 10px;

    white-space: normal;
}

.pop-item-sort
{
    font-size: 12px;
    line-height: 26px;

    position: absolute;
    top: 0;
    left: 0;

    height: 26px;
    padding: 0 8px;

    color: #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-radius: 3px 0 13px 0;
}

.hot-ls-wp
{
    overflow-x: auto;
    overflow-y: hidden;

    padding-bottom: 3px;
}

.hot-ls-wp::-webkit-scrollbar,
.screen-ls::-webkit-scrollbar,
.trend-ls::-webkit-scrollbar
{
    display: none;
}

.hot-ls
{
    font-size: 0;

    width: calc(300% - 54px);
    margin-top: -16px;
    padding-right: 18px;
    padding-left: 20px;
}

.hot-item
{
    line-height: 16px;

    position: relative;

    display: inline-block;

    width: 33.33333%;
    margin-top: 16px;
    padding-right: 16px;
}

.hot-item a,
.trend-item a
{
    display: block;
}

.hot-item-con
{
    display: flex;
    align-items: center;
}

.hot-item-img
{
    position: relative;

    flex: 0 0 70px;

    width: 70px;
    height: 70px;
}

.hot-item-img-pic
{
        border-radius: 14px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .3);

    -ms-border-radius: 14px;
     -o-border-radius: 14px;
}

.hot-item-info
{
    position: relative;

    overflow: hidden;
    flex: 1;

    padding-right: 12px;
    padding-left: 12px;
}

.cate-block-ls
{
    display: flex;
    flex-wrap: wrap;

    margin-top: -16px;
    margin-right: 16px;
    padding-right: 4px;
    padding-left: 4px;
}

.cate-block-item
{
    flex: 0 0 50%;

    width: 50%;
    margin-top: 16px;
    padding-left: 16px;
}

.cate-block-img
{
    display: block;

    width: 30px;
    height: 30px;

    background-image: url(/wp-content/uploads/2025/08/category.png);
    background-repeat: no-repeat;
    background-size: 120px 509px;
}

.icon-cate-communication
{
    background-position: -30px 0;
}

.icon-cate-house-and-amp-home
{
    background-position: -60px 0;
}

.icon-cate-social
{
    background-position: -30px -30px;
}

.icon-cate-education
{
    background-position: -60px -30px;
}

.icon-cate-beauty
{
    background-position: -90px -30px;
}

.icon-cate-sports
{
    background-position: 0 -60px;
}

.icon-cate-entertainment
{
    background-position: -30px -60px;
}

.icon-cate-business
{
    background-position: -60px -60px;
}

.icon-cate-simulation
{
    background-position: 0 -90px;
}

.icon-cate-music-and-amp-audio
{
    background-position: -30px -90px;
}

.icon-cate-sport
{
    background-position: -90px -90px;
}

.icon-cate-news-and-amp-magazines
{
    background-position: -30px -120px;
}

.icon-cate-photography
{
    background-position: -60px -120px;
}

.icon-cate-racing
{
    background-position: 0 -150px;
}

.icon-cate-finance
{
    background-position: -30px -150px;
}

.icon-cate-video-players-and-amp-editors
{
    background-position: -60px -150px;
}

.icon-cate-puzzle
{
    background-position: 0 -180px;
}

.icon-cate-shopping
{
    background-position: -30px -180px;
}

.icon-cate-arcade
{
    background-position: 0 -210px;
}

.icon-cate-maps-and-amp-navigation
{
    background-position: -30px -210px;
}

.icon-cate-medical
{
    background-position: -60px -210px;
}

.icon-cate-action
{
    background-position: 0 -240px;
}

.icon-cate-tools
{
    background-position: -30px -240px;
}

.icon-cate-adventure
{
    background-position: 0 -270px;
}

.icon-cate-food-and-amp-drink
{
    background-position: -30px -270px;
}

.icon-cate-card
{
    background-position: 0 -300px;
}

.icon-cate-personalization
{
    background-position: -30px -300px;
}

.icon-cate-art-and-amp-design
{
    background-position: -60px -300px;
}

.icon-cate-casino
{
    background-position: 0 -330px;
}

.icon-cate-casual
{
    background-position: 0 -360px;
}

.icon-cate-word
{
    background-position: 0 -390px;
}

.icon-cate-auto-and-vehicles
{
    background-position: -30px -390px;
}

.icon-cate-music
{
    background-position: 0 -420px;
}

.icon-cate-books-and-amp-reference
{
    background-position: -30px -420px;
}

.icon-cate-health-and-fitness
{
    background-position: -30px -450px;
}

.icon-cate-board
{
    background-position: 0 -480px;
}

.icon-cate-lifestyle
{
    background-position: -30px -480px;
}

.cate-block-con
{
    display: flex;
    align-items: center;

    height: 64px;
    padding-right: 16px;
    padding-left: 16px;

    word-break: break-word;

    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 6%);
}

.trend-item-info
{
    position: relative;

    padding-top: 10px;
}
.trend-item-btn {
    padding: 6px 24px;
    border: 1px solid #2a66f3;
    margin-left: 8px;
    border-radius: 4px;
    color: #2a66f3;
}

.hot-item-info-name,
.trend-item-info-name
{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;

    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;
}

.hot-item-info-cate {
    font-size: 12px;

    margin-top: 3px;
    margin-bottom: 3px;

    color: #999;
    position: relative;
    z-index: 2;
}
.hot-item-info-new {
    font-size: 12px;

    margin-top: 3px;
    margin-bottom: 3px;

    color: #999;
    position: relative;
}

.hot-item-info-cate a
{
    color: #999;
}

.pop-item-info
{
    font-size: 14px;
    font-weight: 400;
}

.curapp
{
    position: relative;

    display: flex;
    align-items: center;

    max-width: 728px;
    margin: 24px 0 16px;

    border-radius: 10px;
}

.curapp-lf
{
    position: relative;

    flex: 0 0 72px;

    width: 72px;
}

.curapp-lf-logo
{
    border: 1px solid #e8e8e8;
    border-radius: 20%;
}

.curapp-lf-img
{
    border-radius: 14px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
}

.curapp-rt
{
    overflow: hidden;
    flex: 1;

    padding-left: 20px;
}

.curapp-rt h1 a
{
    display: block;
}

.curapp-rt-tl
{
    font-size: 22px;
    line-height: 1.2;

    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.curapp-rt-cate
{
    line-height: 1.2;

    display: block;

    margin: 3px 0;

    color: #999;
}

.curapp-rt-ver
{
    color: #555;
}

.curapp-how-to
{
    font-size: 12px;
    line-height: 48px;

    display: block;
    display: flex;
    align-items: center;
    justify-content: center;

    height: 48px;
    margin: 8px 16px 16px;

    text-align: center;

    color: #2a66f3;
    border-radius: 8px;
    background-color: #eef7fe;
}

.hot-box
{
    display: flex;
    flex-wrap: wrap;

    margin: 16px;

    border-radius: 3px;
}

.hot-box-top
{
    margin-bottom: 0;
}

.hot-cate-item
{
    display: flex;
    align-items: center;
    flex: 0 0 50%;
    justify-content: center;

    width: 50%;
    padding: 7px 0;
}

.hot-img
{
    flex: 0 0 30px;

    width: 30px;
    height: 30px;

    border-radius: 100%;
    background-color: #f5f5f5;
}

.hot-info
{
    font-size: 14px;
    line-height: 14px;

    flex: 1;

    padding-left: 7px;
}
.large-cate-ads{
    margin-top: 8px;
    margin-bottom: 16px;
}
.category-tl
{
    font-size: 18px;

    display: flex;
    align-items: center;

    padding: 20px 0 12px;
}
.sub-cate{
    /* margin-top: 12px; */
    padding-bottom: 4px;
}
.category-tl .cate-block-img
{
    margin-right: 12px;
    /* margin-left: 4px; */

    /* transform: scale(1.5); */
}

.discover-top
{
    display: flex;
    align-items: center;

    padding: 16px;
}

.discover-top-pic
{
    flex: 0 0 40px;

    width: 40px;
}

.discover-top-info
{
    flex: 1;

    padding-left: 8px;
}

.discover-top-tl
{
    font-size: 18px;
}

.discover-time
{
    font-size: 12px;
}

.discover-time .icon-time
{
    font-size: 12px;

    color: #ffba00;
}

.discover-des
{
    line-height: 1.4;

    padding: 16px 16px 0;
}

.report-tl
{
    font-size: 18px;
}

.report-line
{
    display: block;

    margin-top: 16px;
    margin-bottom: 8px;
}

.radio-line
{
    display: flex;
    align-items: center;

    padding-bottom: 5px;
}

.report-btn
{
    font-size: 14px;
    line-height: 34px;

    height: 34px;
    margin: 16px 0;
    padding: 0 20px;

    color: #fff;
    border-radius: 3px;
    background-image: linear-gradient(to right, #24cd77, #2a66f3);
}

.similar-title
{
    font-size: 18px;

    padding: 16px 16px 0;
}

.similar-title-color
{
    color: #2a66f3;
}

.similar-ls
{
    padding: 0 16px;
}

.similar-item
{
    border-bottom: 1px solid #eee;
}

.similar-link
{
    display: flex;
    align-items: center;

    padding: 16px 0;
}

.similar-pic
{
    overflow: hidden;
    flex: 0 0 80px;

    width: 80px;
    height: 80px;

    border-radius: 10px;
}

.similar-info
{
    flex: 1;

    padding-left: 8px;
}

.similar-tl
{
    font-size: 14px;

    margin-bottom: 6px;
}

.topsearch
{
    display: flex;
    align-items: center;

    height: 32px;
    margin: 8px 16px 8px 56px;
}

.topsearch-input
{
    flex: 1;

    height: 32px;
    padding-left: 10px;

    border: none;
    border-radius: 3px;
}

.topsearch-btn
{
    display: flex;
    align-items: center;
    justify-content: center;

    width: 50px;
    height: 32px;
    margin-left: 8px;

    border-radius: 3px;
    background-color: #fff;
}

.topsearch-btn .search-icon
{
    margin-right: 5px;
    margin-bottom: 4px;

    border-color: #333;
}

.topsearch-btn .search-icon::after
{
    background-color: #333;
}

.search-history
{
    position: relative;

    display: flex;
    align-items: center;

    padding: 12px 16px;

    border-bottom: 1px solid #eee;
}

.search-history .icon-time
{
    font-size: 20px;

    margin-right: 8px;

    color: #aaa;
}

.search-tl
{
    margin-bottom: 10px;
    padding: 12px 16px;

    border-bottom: 1px solid #eee;
}

.search-ls
{
    padding: 0 16px 4px;
}

.search-tag
{
    line-height: 32px;

    height: 32px;
    margin-bottom: 6px;
    padding: 0 16px;

    color: #666;
    border-radius: 16px;
    background-color: #f2f5f9;
}

.icon-hot
{
    width: 20px;
    height: 20px;

    vertical-align: middle;
}

.icon-delete
{
    position: absolute;
    top: 50%;
    right: 16px;

    width: 20px;
    height: 20px;
    margin-top: -10px;
}

.trend-item-info-cate
{
    display: none;
}

.review p
{
    line-height: 25px;

    margin: 14px 0;
}

.retitle
{
    font-size: 24px;
    line-height: 1.25;

    margin: 15px 0;
}

.audio-page
{
    font-size: 16px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 25px 0;

    text-align: center;
}

.page-right-wp
{
    width: 48px;
    height: 36px;
    margin: 0 20px;
}

.page-left,
.page-right
{
    line-height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 36px;

    border-radius: 3px;
    background-color: #2a66f3;
}

.page-left .icon-left,
.page-right .icon-right
{
    width: 24px;
    height: 24px;

    fill: #fff;
}

.iconlinear
{
    display: inline-block;

    width: 24px;
    height: 24px;

    background-image: url(/wp-content/uploads/2025/08/linear_icons.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.linear-home
{
    background-position: -2px -1px;
}

.linear-game
{
    background-position: -2px -24px;
}

.linear-app
{
    background-position: -2px -47px;
}

.linear-cate
{
    background-position: -2px -72px;
}

.subject-lf,
.subject-rt
{
    margin-bottom: 16px;
    padding: 16px;

    border-radius: 4px;
    background-color: #f9f9f9;
}

.subject-good
{
    margin-bottom: 5px;

    color: #6acfa0;
}

.subject-bad
{
    margin-bottom: 5px;

    color: #fa8585;
}

.review .subject-box p
{
    position: relative;

    margin: 0;
    padding-left: 16px;
}

.review .subject-box p::before
{
    position: absolute;
    top: 8px;
    left: 0;

    display: block;

    width: 6px;
    height: 6px;

    content: '';

    border-radius: 100%;
    background-color: #454545;
}

.aboutpage
{
    min-height: 1000px;
    margin: 20px 0 0;
}

.aboutpage p
{
    line-height: 25px;

    margin: 14px 0;
}

.aboutpage h6
{
    font-size: 14px;
    line-height: 25px;

    margin: 14px 0;
}

.aboutpage h4
{
    margin: 16px 0 -8px;
}

table
{
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}

table tr td,
table tr th
{
    line-height: 1.4;

    padding: 10px;

    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.onestar
{
    font-size: 12px;
    line-height: 16px;

    color: #666;
}

.starfull
{
    display: inline-block;

    width: 12px;
    height: 12px;
    margin-right: 3px;

    background-image: url(/wp-content/uploads/2025/08/star_full.svg);
    background-repeat: no-repeat;
    background-position: 0 1px;
    background-size: 12px 12px;
}

.onestar::after
{
    content: '';
}

.search
{
    position: relative;

    height: 40px;
    padding: 2px;

    border-radius: 3px;
    background-image: linear-gradient(to right, #988ff9 85%, #2a66f3);
}

.search-form
{
    display: flex;
    align-items: center;
    justify-content: center;

    height: 100%;
}

#searchmenu:checked ~ .header .opacitybg1
{
    display: block;
}

#searchmenu:checked ~ .header
{
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    left: 0;
}

.goback
{
    font-size: 12px;

    position: fixed;
    right: 16px;
    bottom: 50px;

    display: none;

    width: 40px;
    height: 40px;
    padding-top: 25px;

    text-align: center;
    white-space: nowrap;

    color: #fff;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, .65);
}

.goback::after,
.goback::before
{
    position: absolute;
    left: 16px;

    width: 6px;
    height: 6px;

    content: '';
    transform: rotate(45deg);

    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

.goback::before
{
    top: 15px;
}

.goback::after
{
    top: 20px;
}

.banner
{
    display: flex;
    align-items: center;
    justify-content: center;

    height: 500px;

    color: #fff;
    background-image: url(../image/banner.gif);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.software-banner{
    background-image: url(../image/software/banner.png);
    height: 200px;
    background-size: cover;
    border-radius: 25px;
    margin: 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
}
.software-banner-tl{
    font-size: 22px;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 16px;
    color: #333;
}
.software-banner-logo {
    display: flex;
    gap: 10px;
}

.list-ad{
    width: 100%;
    /* padding-left: 8px; */
    margin-top: 16px;
}
.adswp
{
    margin: 16px 0 0;
}

.disclaimer
{
    margin-bottom: 30px;
}

.common-wp
{
    padding: 0 16px 46px;
}

.disclaimer .common-title
{
    /* margin-right: 0; */
    margin-bottom: 0;
    /* margin-left: 0; */
}

.onewp
{
    margin-bottom: 10px;
}
.app-screen{
    margin-top: 16px;
    /* margin-left: 8px; */
}
.pc-screen{
    margin-bottom: 11px;
}
.app-screen > img
{
    margin-bottom: 5px;
}
.software .pc-screen,.software .app-screen > img{
    margin-bottom: 0;
    /* margin-left: 0; */
}
.single-pic{
    padding-left: 8px;
}
.software .screen-item{
    width: calc(100vw - 60px);
}
.software .app-screen img{
    width: 100%;
    object-fit: cover;
}
/* .app-screen img
{
    border: 1px solid #e8e8e8;
} */

.conright
{
    padding-bottom: 30px;
}

.categorypage,.privacypage
{
    min-height: 100vh;
}
.categorypage .conleft .common-title{
    margin-top: 20px;
}
.about-us h1 {
    margin-top: 16px;
    margin-bottom: 10px;
}
.about-us h2{
    margin-top: 16px;
    margin-bottom: 10px;
}
.about-us h3{
    margin-bottom: 10px;
}
.about-us ul{
    margin-bottom: 14px;
    padding-left: 40px;
}
.about-us li{
    line-height: 24px;
    margin-bottom: 8px;
    list-style: disc;
}
.about-us p{
    line-height: 24px;
    margin-bottom: 14px;
}
.about-us h4
{
    line-height: 24px;

    margin: 14px 0;
}

.about-us h6,
.about-us h4
{
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;

    margin: 14px 0;
}

.searchpage
{
    font-family: Arial, sans-serif, serif;

    min-height: calc(100vh - 200px);

    -webkit-font-smoothing: initial;
    -moz-osx-font-smoothing: initial;
}

.row-item
{
    position: relative;

    display: block;

    padding: 10px 0 9px;

    border-top: 1px solid #f1f3f4;
}

.row-logo
{
    display: inline-block;

    width: 16px;
    height: 16px;
    margin-right: 5px;

    vertical-align: bottom;
}

.row-curlink
{
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.row-curlink-text
{
    display: inline;

    color: #202124;
}
.space-dot{
    font-weight: 700;
    padding-right: 5px;
    padding-left: 5px;
}
.row-tl
{
    font-size: 20px;
    line-height: 26px;

    overflow: hidden;

    padding-top: 10px;
    padding-bottom: 4px;

    color: #1558d6;
}
.sarrow{
    display: none;
}
.row-con{
    max-width: 600px;
}
.row-info
{
    font-size: 14px;
    line-height: 20px;

    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;

    color: #4d5156;

    -webkit-line-clamp: 2;
}

.noresult-tl
{
    margin-top: 20px;
    margin-bottom: 18px;
}

.noresult-ls
{
    margin-top: 15px;
}

.noresult-item
{
    line-height: 20px;

    position: relative;

    padding-left: 3px;
}

.search-page
{
    font-size: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 24px 0;

    text-align: center;
}

.page-right-wp
{
    width: 60px;
    height: 40px;
    margin: 0 20px;
}

.page-left,
.page-right
{
    line-height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 60px;
    height: 40px;

    border-radius: 3px;
    background-color: #1558d6;
}

.page-left .icon-left,
.page-right .icon-right
{
    width: 24px;
    height: 24px;

    transition: all ease .25s;

    fill: #fff;
}

.turn-page
{
    font-size: 14px;
}

.dark .homepage::before
{
    background-color: rgba(17, 17, 17, .9);
}

.dark ::-webkit-input-placeholder
{
    color: #aaa;
}

.dark ::-moz-placeholder
{
    color: #aaa;
}

.dark :-ms-input-placeholder
{
    color: #aaa;
}

.dark,
.dark body
{
    color: #aaa;
    background-color: #181818;
}

.dark .linear-home
{
    background-position: -2px -96px;
}

.dark .linear-game
{
    background-position: -2px -118px;
}

.dark .linear-app
{
    background-position: -2px -143px;
}

.dark .linear-cate
{
    background-position: -2px -168px;
}

.dark .search-input,
.dark .searchbox
{
    color: #fff;
    background-color: #3b3b3b;
}

.dark .cate-block-con,
.dark .comments
{
    background-color: rgba(255, 255, 255, .05);
}

.dark #topmenu:checked ~ .topmenu-box .menu-icon,
.dark .homepage .header,
.dark .navfix
{
    background-color: #121212;
}

.dark .header
{
    background-color: rgba(17, 17, 17, .9);
    background-image: none;
}

.dark .appbox-link
{
    color: #181818;
}

.dark .appbox-link-play
{
    background-color: #aaa;
}

.dark .art-title a,
.dark .cate-block-con a,
.dark .category-name,
.dark .comments-tl,
.dark .curapp-rt-tl a,
.dark .hot-info,
.dark .hot-item-info-name,
.dark .trend-item-info-name,
.dark .ver-appname a
{
    color: #fff;
}

.dark .app-des,
.dark .ctrloff,
.dark .foot-con,
.dark .foot-link,
.dark .mation-ls,
.dark .navfix-link,
.dark .new-des,
.dark .onestar,
.dark .select-link,
.dark .selectlabel,
.dark .twomenu-link
{
    color: #aaa;
}

.dark .art-time,
.dark .copyright,
.dark .hot-item-info-cate,
.dark .hot-item-info-new
{
    color: #666;
}

.dark .select-link.select-active
{
    color: #2a66f3;
}

.dark .comments-label,
.dark .common-title,
.dark .retitle
{
    color: #f2f2f2;
}

.dark .adswp,
.dark .ctrloff,
.dark .footer,
.dark .selectbox,
.dark .twomenu-more
{
    border-top-color: #333;
}

.dark .category-con
{
    border-color: #333;
}

.dark .adswp,
.dark .navlogowp
{
    border-bottom-color: #333;
}

.dark .curapp-how-to
{
    color: #1a8abb;
    background-color: rgba(86, 179, 250, .1);
}

.dark .opacitybg,
.dark .opacitybg1,
.dark .opacitybg2
{
    background-color: rgba(0, 0, 0, .8);
}

.dark .footer
{
    background-color: #111;
}

.dark .icon-night
{
    transform: rotate(360deg);
}

.dark .score-star
{
    background-image: url(../image/star_dark_gray.svg);
}

.dark .appbox:before
{
    background-color: rgba(0, 0, 0, .8);
}

.dark .comments-label,
.dark .hot-item-img,
.dark .trend-item-img img
{
    border: 1px solid #333;
}
.dark .mation-item-name,
.dark .mation-item, .dark .mation-ls{
    border-color: #333;
}
.dark .logo
{
    background-image: url(../image/linear_logo.png);
}

.dark .row-item
{
    border-color: rgba(255, 255, 255, .15);
}

.dark .row-curlink-text
{
    color: #aaa;
}

.dark .row-info
{
    color: #bbb;
}

input[id*='star']
{
    display: none;
}

.comments-tl
{
    margin-right: 8px;
}

.stars
{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;

    width: 140px;
    margin-left: -3px;
}

.star
{
    display: inline-block;

    width: 23px;
    height: 23px;
    margin: 0 3px;

    transition: all .1s;

    background-image: url(../image/star_outline.svg);
    background-size: cover;
}

#star-1:checked ~ .star,
#star-2:checked ~ .star,
#star-3:checked ~ .star,
#star-4:checked ~ .star,
#star-5:checked ~ .star
{
    background-image: url(../image/star_full_active.svg);
}

.subject-wrapper > ul
{
    margin: 14px 0;
}

.subject-title > ul > li,
.subject-wrapper > ul > li
{
    line-height: 26px;

    position: relative;

    padding-left: 12px;
}

.subject-title > ul > li::before,
.subject-wrapper > ul > li::before
{
    position: absolute;
    top: 11px;
    left: 0;

    width: 4px;
    height: 4px;

    content: '';

    border-radius: 100%;
    background-color: #000;
}

.subject-wrapper
{
    margin: 16px 0;
    padding: 16px;

    border: 1px solid #ddd;
    border-radius: 3px;
}

.updated-time
{
    font-size: 12px;
    line-height: 1;

    display: flex;
    justify-content: space-between;

    margin: 0 0 12px;

    color: #ccc;
}

.app-review
{
    font-size: 16px;
    line-height: 1.5;

    margin: 16px;
}

.app-review p
{
    margin: 16px 0;
}

.app-review h3
{
    font-size: 16px;

    margin-bottom: 14px;
}

.content-top
{
    position: relative;

    overflow: hidden;

    margin-top: -48px;
    padding-top: 80px;
    padding-bottom: 30px;

    background: url(../image/home_mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.content-top .wrapper
{
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: center;

    height: 100%;
}

.download-box
{
    display: flex;
    align-items: center;
    flex-direction: column;

    text-align: center;

    color: #fff;
}

.download-logo
{
    width: 68px;
    height: 68px;

    border: 2px solid #fff;
    border-radius: 12px;
}

.download-info
{
    margin-top: 16px;
}

.download-tips
{
    font-size: 20px;
    line-height: 1.5;

    margin-bottom: 5px;
}

.download-text
{
    font-size: 12px;

    opacity: .5;
}

.download-link
{
    font-size: 12px;

    text-decoration: underline;

    color: #28ffe7;
}

.review-comment-wp
{
    position: relative;

    margin-bottom: 20px;
    padding: 16px;

    border-radius: 8px;
    background-color: #f8f8f8;
}

.review-comment-wp::after
{
    position: absolute;
    right: 16px;
    bottom: 70px;

    width: 15px;
    height: 15px;

    content: '';

    background-color: #f8f8f8;
}

.comments-label
{
    line-height: 40px;

    display: inline-block;

    height: 40px;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 0 16px;

    cursor: pointer;

    color: #333;
    border: 1px solid #eee;
    border-radius: 20px;
}

#comments-four:checked + .comments-label,
#comments-one:checked + .comments-label,
#comments-three:checked + .comments-label,
#comments-two:checked + .comments-label
{
    color: #2a66f3;
    border-color: #2a66f3;
}

.review-comment-tips
{
    color: #ccc;
}

.review-comment-input
{
    width: 100%;
    height: 118px;

    border-width: 0;
    background-color: #f8f8f8;
}

.review-comment-submit
{
    line-height: 40px;

    margin-top: 16px;

    cursor: pointer;
    transition: all ease .25s;
    text-align: center;

    color: #fff;
    border-radius: 20px;
    background-color: #bbb;
}

input[name='comments']
{
    display: none;
}

#comments-four:checked + .comments-label,
#comments-one:checked + .comments-label,
#comments-three:checked + .comments-label,
#comments-two:checked + .comments-label
{
    color: #2a66f3;
    border-color: #2a66f3;
}

.trend-ls
{
    display: flex;
    flex-wrap: wrap;

    margin-top: -20px;
    margin-right: -16px;
}

.trend-ls .hot-item-info-cate,
.trend-ls .hot-item-info-new
{
    display: none;
}
.conright .hot-item-info-cate,
.recommend-app .hot-item-info-cate,
.recommend-app .hot-item-info-new {
    display: block;
}

.trend-item
{
    width: 33.3333%;
    margin-top: 20px;
    padding-right: 16px;
}

.trend-ls .trend-item-img
{
    width: 100%;
    height: auto;
}

.recommend-app {
    margin-right: 0;
}
.conright .trend-ls .trend-item,
.recommend-app .trend-item
{
    display: flex;
    align-items: center;

    width: 100%;
    padding-right: 0;
}
.conright .trend-ls .trend-item-img,
.recommend-app .trend-item-img
{
    position: relative;

    flex: 0 0 70px;

    width: 70px;
    height: 70px;
}

.conright .trend-ls .trend-item-info,
.recommend-app .trend-item-info
{
    flex: 1;

    padding-top: 0;
    padding-left: 12px;
}

.category-ls
{
    display: none;
    flex-wrap: wrap;

    margin-top: -24px;
}

.category-item
{
    position: relative;

    width: 20%;
    margin-top: 24px;
    padding: 0 12px;
}

.category-con
{
    position: relative;

    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;

    padding-right: 3px;
    padding-left: 3px;
}

.category-name
{
    font-size: 12px;

    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;

    margin-top: 6px;

    word-break: break-all;

    -webkit-line-clamp: 1;
}

.homepage
{
    position: relative;

    overflow: hidden;
}

.common-scroll::-webkit-scrollbar
{
    display: none;
}

.common-scroll
{
    /* overflow-x: auto;
    overflow-y: hidden; */

    margin-right: -20px;
    margin-left: -20px;
}

.bswiper-wrapper
{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    overflow: hidden;

    width: 100%;
    margin-top: 16px;
    padding-right: 20px;
    padding-left: 20px;
}

.bswiper-slide
{
    line-height: 16px;

    position: relative;

    overflow: hidden;

    width: 100%;
    height: 170px;

    border-radius: 12px;
}

.bswiper-con
{
    position: relative;

    overflow: hidden;

    height: 100%;

    border-radius: 12px;
    background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 1),
    rgba(0, 0, 0, .5)
    );
}

.bswiper-img
{
    width: 100%;
    height: 100%;

    border-radius: 12px;

    -o-object-fit: cover;
       object-fit: cover;
}

.bswiper-slide-info
{
    line-height: 1.2;

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;

    width: 170px;
    padding-left: 24px;

    color: #fff;
    border-radius: 0 0 8px 8px;
}

.bswiper-slide-title
{
    font-size: 20px;
    font-weight: 700;

    margin-top: 16px;
}

.bswiper-slide-btn
{
    font-size: 12px;
    line-height: 34px;

    margin-top: 16px;

    text-align: center;

    border: 1px solid rgba(255, 255, 255, .75);
    border-radius: 8px;
}

.banner-info
{
    position: absolute;
    bottom: 16px;
    left: 20px;

    color: #fff;
}

.category-wp
{
    position: relative;
}

.ver-ls
{
    display: flex;
    flex-wrap: wrap;

    width: 100%;
    margin-top: -16px;
    padding-right: 20px;
    padding-left: 12px;
}
.software .ver-ls{
    margin-top: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}


.ver-item
{
    line-height: 16px;

    position: relative;

    width: 33.33333%;
    margin-top: 16px;
    padding-left: 8px;
}
.software .ver-item{
    width: 100%;
    padding-left: 0;
}
.ver-item-con
{
    font-size: 14px;

    position: relative;

    display: flex;
    flex-direction: column;
}

.ver-item-info
{
    flex: 1;

    margin-top: 10px;
}
.arrow-right{
    display: none;
    width: 22px;
    height: 22px;
    margin-right: 10px;
}
.title-right {
    width: 22px;
    height: 22px;
    fill: #ccc;
}
.common-title:hover .title-right {
    fill: #666;
}
.software .arrow-right{
    display: block; 
}
.conright .arrow-right {
    display: block;
}
.conright .trend-ls .trend-item {
    padding-right: 16px;
}
.conright .arrow-right {
    margin-right: 0;
}
.ver-appname
{
    font-size: 14px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.software .common-applogo {
    width: 78px;
    height: 78px;
}
.software .ver-item-con {
    flex-direction: row;
    align-items: center;
}
.software .ver-item-info {
    margin-left: 14px;
    margin-top: 0;
}
.software .common-appcate {
    display: block;
}


.common-applogo
{
    width: 100%;
    height: auto;

    border: 1px solid #e8e8e8;
    border-radius: 20%;
    background-color: #fff;
}

.common-appcate
{
    font-size: 12px;

    display: block;

    margin-top: 4px;
    margin-bottom: 3px;

    color: #999;
    display: none;
}

.more-info
{
    cursor: pointer;

    color: #2a66f3;
}
.error-tl
{
    font-size: 22px;
    line-height: 1.4;
}
.error-con
{
    margin: 34px 0;

    text-align: center;
}
.error-pic
{
    display: block;

    max-width: 230px;
    margin: 0 auto;
}
.error-des
{
    margin: 16px 0 22px;

    color: #999;
}
.error-link
{
    font-size: 16px;
    line-height: 48px;

    display: block;

    width: 180px;
    margin: 0 auto;

    transition: all ease .25s;

    color: #2a66f3;
    border: 2px solid #2a66f3;
    border-radius: 24px;
}
#moreFlag{
    height: 10px;
}
.stamp-ls
{
   
    margin-top: 16px;
}
.stamp-item
{
    position: relative;

    overflow: hidden;

    margin-bottom: 16px;
    padding: 0 16px 16px 16px;

    border: 1px solid #eee;
    line-height: 1.6375;
    border-radius: 8px;
}
.stamp-item
{
    margin-top: 16px;
}
.stamp-con
{
    display: flex;
    align-items: center;
    flex-direction: column;

    margin-top: 14px;
}

.stamp-num
{
    line-height: 18px;

    position: absolute;
    right: 0;
    left: 0;

    width: 20px;

    text-align: center;

    color: #fff;
    transform: scale(.65);
}
.stamp-info-link,
.goothersite
{
    line-height: 50px;

    display: block;

    margin-top: 16px;

    text-align: center;

    color: #fff;
    border-radius: 6px;
    background-color: #2a66f3;
    font-weight: 700;
}
.stamp-info
{
    overflow: hidden;
    flex: 1;

    padding-left: 16px;
}
.stamp-info-tl
{
    font-size: 16px;

    margin-bottom: 3px;
}
.stamp-info-condition{
    font-size: 12px;
    color: #999;
}
.stamp-img
{
    flex: 0 0 80px;

    width: 80px;
    height: 100%;
}
.linestamp-cate-con{
    position: relative;
}
.mbnone{
    display: none;
}
.fontred
{
    padding-left: 10px;

    color: #f32727;
}
.linestamp-cate{
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-top: -16px;
}
.linestamp-cate-item{
    width: 50%;
    margin-top: 16px;
    padding-left: 16px;
}

.linestamp-cate-con
{

    font-size: 12px;
    line-height: 20px;

    position: relative;

    padding-top: 100%;
    background-color: #f8f8f8;
    border-radius: 8px;
}
.linestamp-cate-place{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.linestamp-cate-img
{
    max-width: 80%;
    max-height: 80%;
    object-fit: cover;
}
.pagetitle
{
    font-size: 20px;
    line-height: 1.5;

    position: relative;

    margin: 16px 0;
    padding-right: 30px;
}
.line-detail
{
    display: flex;
    align-items: center;
    -ms-flex-align: center;

    padding: 16px 0 8px;
    line-height: 1.6375;
}
.line-detail-pic
{
    position: relative;

    width: 90px;
    height: 90px;
}
.line-detail-info
{
    position: relative;
    z-index: 10;

    flex: 1;

    padding-left: 16px;
}
.line-detail-info-tl
{
    font-size: 16px;
    line-height: 1.2;
    margin: 2px 0;
}

.line-detail-info-txt
{
    display: none;
}
.line-detail-info-price
{
    font-size: 24px;
    font-weight: 700;

    color: #43b693;
}
.line-detail-mill,.line-detail-date{
    font-size: 12px;
    color: #999;
}
.line-tips
{
    margin-top: 8px;
    padding: 16px 0;

    text-align: center;
    font-size: 12px;
    background-color: #f8f8f8;
}
.line-detail-ls
{
    display: flex;

    overflow: hidden;
    flex-wrap: wrap;

    margin-bottom: 16px;
}
.line-detail-item
{
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 25%;
    margin-top: 16px;
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
}
.line-detail-item::after
{
    display: block;

    width: 100%;
    padding-top: 100%;

    content: '';
}
.stampdetail table{
    margin: 16px 0;
    width: 100%;
}
.stampdetail table tr td,
.stampdetail table tr th
{
    font-size: 12px;
    line-height: 20px;

    padding: 10px;

    border: 1px solid #eee;
}
.stampdetail table tr th{
    width: 84px;
}
.goothersite
{
    display: flex;
    align-items: center;
    justify-content: center;

    margin: 20px 0;
}
.share-box{
    border: 1px solid #eee;
    text-align: center;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 16px;
}
.share-con{
    display: flex;
    align-items: center;
    justify-content: center;
}
.share-facebook,.share-line,.share-twitter{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 20px 0;
}
.share-facebook{  
    background-color: #3b5997;  
}
.share-line{
    background-color: #01b902; 
}
.share-twitter{
    background-color: #1ea1f1; 
}
.icon-share{
    width: 22px;
    height: 22px;
}
.linepreview
{
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: flex;
    display: none;
    align-items: center;
    -ms-flex-align: center;
    justify-content: center;

    background-color: rgba(0, 0, 0, .5);
}
.stampdetailpage .conright,.stampdetailpage .footer{
    display: none;
}
.stampdetailpage{
    padding-bottom: 80px;
}
.user-action{
    position: fixed;
    height: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border-top: 1px solid #eee;
    display: flex;
    align-items: center;
    padding: 0 16px;
}
.user-action-radius{
    width: 44px;
    height: 44px;
    display: block;
    background-color: #2a66f3;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
.user-action-item{
    background-color: #2a66f3;
    flex: 1;
    margin-left: 24px;
    line-height: 36px;
    border-radius: 22px;
    text-align: center;
    color: #fff;
}
.cur-stamp-pic
{
    max-width: 300px;
    display: block;
    margin: 16px auto;
}
.gotop{
    position: fixed;
    bottom: 60px;
    right: 16px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    line-height: 40px;
    box-shadow: 0 6px 6px rgb(0 0 0 / 15%);
    font-size: 20px;
    z-index: 2;
    display: none;
    cursor: pointer;
}
.free-line-img
{
    width: 100%;
    height: 100%;

    background-image: url(../image/holiday/free-line-stamp-mobile-newyear-2025.png);
    background-size: cover;
}
.swiper-slide-info
{
    line-height: 1.2;

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;

    width: 190px;
    padding-left: 24px;

    color: #fff;
    border-radius: 0 0 8px 8px;
}
.swiper-slide-title
{
    font-size: 20px;
    font-weight: 700;

    margin-top: 16px;
}
.swiper-slide-tag
{
    font-size: 14px;
}
/* .software .mation-ls{
    margin-top: 8px;
    margin-bottom: -6px;
} */
.software .appbox-link{
    background-color: #0078D7;
}
.software .appbox-link.appdisabled{
    background-color: #ddd;
}
.software .trend-item-img img,
.software .curapp-lf-logo,
.software .common-applogo{
    border-radius: 10%;
    background-color: #0078D7;
}
.software-banner-logo .common-applogo {
    width: 100%;
    height: auto;
    max-width: 80px;
    max-height: 80px;
    margin-left: 5px;
    margin-right: 5px;
    border-width: 0;
}
.icon-pc{
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../image/pc_icon.png);
    background-size: 20px 482px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}
.icon-pc-category{
    background-position: 0 -20px;
}
.icon-pc-downloads{
    background-position: 0 -40px;
}
.icon-pc-developer{
    background-position: 0 -61px;
}
.icon-pc-available-on{
    background-position: 0 -80px;
}
.icon-pc-os{
    background-position: 0 -101px;
}
.icon-pc-architecture{
    background-position: 0 -121px;
}
.icon-pc-touch{
    background-position: 0 -141px;
}
.icon-pc-keyboard{
    background-position: 0 -160px;
}
.icon-pc-mouse{
    background-position: 0 -180px;
}
.icon-pc-processor{
    background-position: 0 -200px;
}
.icon-pc-memory{
    background-position: 0 -221px;
}
.icon-pc-graphics-processor{
    background-position: 0 -240px;
}
.icon-pc-camera{
    background-position: 0 -261px;
}
.icon-pc-notes{
    background-position: 0 -281px;
}
.icon-pc-directx{
    background-position: 0 -300px;
}
.icon-pc-video-memory{
    background-position: 0 -320px;
}
.icon-pc-bluetooth{
    background-position: 0 -340px;
} 
.icon-pc-dvc{
    background-position: 0 -361px;
} 
.icon-pc-ops{
    background-position: 0 -381px;
} 
.icon-pc-x86{
    background-position: 0 -403px;
} 
.icon-pc-content-rating{
    background-position: 0 -422px;
}
.icon-pc-interactive-elements{
    background-position: 0 -442px;
}
.icon-pc-in-app-products{
    background-position: 0 -462px;
}
/* .software .mation-item-name, .software .mation-item-txt{
    padding-top: 5px;
    padding-bottom: 5px;
} */
.software .conright{
    margin-top: 16px;
}

.nfl-right {
    position: relative;
    display: flex;
    align-items: center;
    margin: 24px 0;
}
.icon-28 {
    width: 28px;
    height: 28px;
}
.nfl-right-tl {
    font-family: ProductSans, Arial, sans-serif, serif;
    font-size: 20px;
    font-weight: 500;
    margin-left: 10px;
    margin-right: 16px;
}
.icon-24 {
    width: 24px;
    height: 24px;
    transition: all ease 0.3s;
}
.nfl-right:hover .icon-24 {
    margin-left: 6px;
}

.nfl-week,
.nfl-mb-week {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
}
.nfl-week {
    display: none;
}
.week-left {
    flex: 1;
    margin-right: 8px;
    /* height: 65px; */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.icon-week-left,
.icon-week-right {
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.week-ls {
    flex: 1;
    width: 100%;
    display: flex;
    margin-right: 8px;
    display: none;
}
.week-ls.show {
    display: flex;
}
.week-item {
    width: 33.3333%;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    padding: 9px 0;
    margin-left: 8px;
}
.week-tl {
    color: #666;
    font-weight: 700;
    margin-bottom: 7px;
    text-align: center;
}
.week-time {
    color: #999;
    font-size: 10px;
}
.week-item.active {
    background-color: #e32652;
}
.active .week-tl,.active .week-time {
    color: #fff;
}

.week-right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 65px;
    padding: 2px 3px;
    border-radius: 4px;
    background-color: #f5f5f5;
    cursor: pointer;

    display: none;
}
.icon-date {
    width: 22px;
    height: 24px;
}

.nfl-mbscore-ls {

}
.nfl-mbscore-item {
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 16px;
}
.mbscore-final {
    position: relative;
    border-top: 6px solid #e32652;
}
.icon-final {
    position: relative;
    top: -6px;
    width: 100%;
    height: 38px;
}
.final-text {
    position: absolute;
    top: calc(50% - 6px);
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-weight: 700;
}
.mbscore-team-name {
    color: #666;
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 8px;
}
.mbscore-team-info {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}
.mbscore-team-item {
    display: flex;
    justify-content: center;
    align-items: center;
}
.mbscore-team-img {
    width: 72px;
    height: 72px;
}
.mbscore-team-score {
    font-size: 24px;
}
.mbscore-team-img + .mbscore-team-score,
.mbscore-team-score + .mbscore-team-img {
    margin-left: 8px;
}
.icon-play {
    width: 20px;
    height: 20px;
    fill: #e32652;
    margin-right: 4px;
}
.mbscore-bot {
    display: flex;
    flex-wrap: nowrap;
    border-top: 1px solid #eee;
}
.mbscore-bot-play,
.mbscore-bot-time,
.mbscore-bot-start {
    width: 50%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
    font-size: 12px;
}
.mbscore-bot-play {
    border-right: 1px solid #eee;
    color: #e32652;
    font-weight: 700;
}
.mbscore-bot-start {
    color: #000;
    font-weight: 700;
}
.icon-mb-vs {
    width: 20px;
    height: 24px;
    fill: #fff;
}



.nfl-score-ls {
    display: none;
}
.nfl-score-item {
    width: 100%;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid #eee;
    margin-bottom: 16px;
}
.nfl-score-con {
    display: flex;
    justify-content: center;
    align-items: center;
}

.nfl-score-left {
    flex: 1;
    height: 157px;
}
.nfl-left-ls {
    
}
.nfl-left-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nfl-left-item.unit {
    color: #666;
    font-size: 12px;
    font-weight: 700;
}
.nfl-left-item.win {
    color: #000;
}
.nfl-left-item.lose {
    color: #999;
}
.nfl-left-info {
    flex: 1;
    text-align: left;
}
.nfl-left-data {
    display: flex;
    align-items: center;
}
.nfl-data-order {
    display: inline-block;
    width: 24px;
    margin-left: 8px;
    text-align: center;
}
.nfl-data-final {
    display: inline-block;
    width: 32px;
    margin-left: 8px;
    text-align: center;
}
.nfl-data-total {
    display: inline-block;
    width: 32px;
    margin-left: 8px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}
.nfl-team {
    display: flex;
    align-items: center;
}
.team-pic {
    width: 64px;
    height: 64px;
}
.team-info {
    margin-left: 12px;
}
.team-name {
    font-weight: 700;
    margin-bottom: 12px;
}
.team-score {
    font-size: 12px;
}
.icon-win {
    width: 32px;
    height: 32px;
    opacity: 0;
}
.win .icon-win {
    opacity: 1;
}
.nfl-score-right {
    position: relative;
    width: 264px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
}
.video-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;    
    z-index: 2;
}
lite-youtube {
    position: relative;

    display: block;
    contain: content;
    width: 264px;
    height: 157px;
    border-radius: 4px;
    cursor: pointer;

    background-color: lightgray;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
lite-youtube::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(2, 101, 207, 0.16) 25%, rgba(0, 21, 43, 0.6) 100%);
}


lite-youtube > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

lite-youtube > .lty-playbtn {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    transform: translate3d(-50%, -50%, 0);
    top: 50%;
    left: 50%;
    z-index: 1;
    background-color: transparent;
    background-image: url('../image/icon-play.svg');
    
    transition: -webkit-filter .1s cubic-bezier(0, 0, 0.2, 1);
    transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
    transition: filter .1s cubic-bezier(0, 0, 0.2, 1), -webkit-filter .1s cubic-bezier(0, 0, 0.2, 1);
    border: none;
}
  
lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
    -webkit-filter: none;
            filter: none;
}

lite-youtube.lyt-activated {
    cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
    opacity: 0;
    pointer-events: none;
}
.lyt-visually-hidden {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* upcoming */
.nfl-game-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    padding: 24px;
    border: 1px solid #eee;
    border-radius: 8px;
    margin-bottom: 16px;

    display: none;
}
.nfl-game-left {
    flex: 1;
}
.nfl-game-top {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.game-icon-item {
    display: flex;
    margin-right: 16px;
    color: #666;
}
.game-icon-item.link:hover {
    text-decoration: underline;
}
.icon-game-time {
    width: 16px;
    height: 16px;
}
.icon-game-play {
    width: 16px;
    height: 16px;
    fill: #666;
}
.game-icon-item span {
    margin-left: 6px;
}
.nfl-game-center {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 18px;
}
.game-center-item {
    display: flex;
    align-items: center;
    flex: 1 0 0;
}
.game-center-item:first-child {
    justify-content: end;
}
.game-info {
    text-align: left;
    margin: 0 12px;
}
.nfl-game-center .game-info:first-child {
    text-align: right;
}
.game-tl {
    font-weight: 700;
    margin-bottom: 12px;
}
.game-info span {
    color: #666;
}
.game-img {
    width: 64px;
    height: 64px;
}
.icon-vs {
    width: 24px;
    height: 30px;
    fill: #ccc;
    margin: 0 16px;
}
.nfl-game-bot {
    color: #666;
}
.nfl-game-right {
    display: flex;
    align-items: center;
    width: 200px;
    height: 132px;
    border-radius: 4px;
    overflow: hidden;
}
.game-img-item {
    position: relative;
    width: 50%;
    height: 132px;
    margin: 0 auto;
}
.game-piccon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 48px;
    height: 48px;
}
.nfl-score-right .game-img-item {
    height: 157px;
}
.nfl-score-right .game-piccon {
    width: 54px;
    height: 54px;
}
.bye-team-ls {
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px;
}
.bye-team-item {
    width: 50%;
    margin-bottom: 20px;
}
.bye-team-con {
    padding-left: 16px;
}
.bye-team-pic {
    padding: 16px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 12px;
}
.bye-team-piccon {
    width: 88px;
    height: 88px;
}
.bye-team-name {
    font-weight: 700;
    text-align: center;
}

/* standings */
.nfl-cate-ls {
    display: flex;
    padding: 8px;
    background-color: #f5f5f5;
    border-radius: 4px;
    margin: 16px 0;
}
.nfl-cate-item {
    width: 33.3333%;
    background-color: #fff;
    border-radius: 4px;
    padding: 13px 24px;
    text-align: center;
    margin-left: 8px;
    font-weight: 700;
    color: #666;
    cursor: pointer;
}
.nfl-cate-item:first-child {
    margin-left: 0;
}
.nfl-cate-item.active {
    background-color: #e32652;
    color: #fff;
}

.team-rank-item {
    margin: 16px 0;
}
.team-rank-item table {
    width: 100%;
    border: none;
    border-radius: 4px;
    overflow: hidden;
}
.team-rank-item thead tr:first-child {
    background-color: #333;
    color: #999;
    padding: 0 16px;
}
.team-rank-item tr th:first-child {
    color: #fff;
    text-align: left;
    padding-left: 16px;
}
.team-rank-item tr th {
    padding: 13px 8px;
    border: none;
    text-align: center;
    line-height: 1;
}
.team-rank-item tr td {
    width: 40px;
    border: none;
    text-align: center;
    line-height: 1;
}
.team-rank-item tr td:first-child {
    width: auto;
    display: flex;
    align-items: center;

    text-align: left;
    padding-left: 16px;
}
.team-rank-item tr:nth-child(odd) td {
    background-color: #fff;
}
.team-rank-item tr:nth-child(even) td {
    background-color: #f5f5f5;
}
.team-rank-info {

}
.team-rank-img {
    width: 32px;
    height: 32px;
    margin-right: 12px;
}
.team-rank-info span {

}
.team-rank-item .mb-none {
    display: none;
}
.nfl-ads {
    margin-top: 16px;
    margin-bottom: 16px;
}


/* bible-index */
.bible-info {
    display: flex;
    align-items: center;
    margin: 16px 0;
}
.bible-logo {
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    border: 1px solid #e8e8e8;
    border-radius: 20%;
    overflow: hidden;
}
.bible-tl {
    font-size: 24px;
    line-height: 1.2;
    margin-left: 12px;
    overflow: hidden;
}
.bible-desc {
    background-color: #a23021;
    color: #fff;
    margin: 20px 0 16px;
    padding: 20px 32px;
}
.bible-verse {
    font-style: italic;
    font-size: 16px;
    line-height: 1.78;
    text-align: center;
}
.bible-day {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px;
}
.bible-select {
    background-color: #a23021;
    padding: 12px;
    margin-bottom: 16px;
}
.select-tl {
    color: #e0a499;
    margin-bottom: 6px;
}
.bible-select select {
    width: 100%;
    height: 36px;
    border: 1px solid #f2c2a2;
    border-radius: 4px;
    background: #ffddc7 url(../image/arrow.gif) no-repeat 95% 50%;
    color: #655f4a;
    padding-left: 12px;
    font-size: 16px;
    cursor: pointer;
  
    -webkit-appearance: none;
    -moz-appearance: none;
      appearance: none
}
.bible-select select:focus {
    outline: none;
    box-shadow: none;
}
  
  
.bible-chapter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bible-chapter .bible-info {
    flex: 1;
    margin-right: 12px;
}
.icon-print {
    width: 30px;
    height: 30px;
    fill: #494848;
    cursor: pointer;
}
.icon-print:hover {
    fill: #a23021;
}
.content-ls {
    margin-top: 10px;
}
.content-item {
    display: flex;
    
    font-size: 16px;
    line-height: 1.6;

    margin-bottom: 4px;
}
.content-number {
    color: #a23021;
    font-weight: 700;
    padding: 6px 0;
}
.content-desc {
    display: block;
    width: 100%;
    padding: 6px 0;
    margin-left: 20px;
}
.content-desc:hover {
    transition: all ease 0.25s;
    background-color: #a23021;
    color: #fff;
    padding-left: 12px;
    border-radius: 4px;
}

.content-ad {
    margin-bottom: 16px;
}
.chapter-ad {
    margin: 10px 0;
}
.bible-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 20px;
}
.bible-prev,
.bible-next {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    min-width: 150px;
    max-width: 200px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    background-color: #a23021;
    color: #fff;
  
    position: relative;
    overflow: hidden;
}
.bible-prev::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(45deg);
    margin-right: 8px;
    position: relative;
    top: 1px;
  
    transition: margin-left 0.3s ease;
}
.bible-next::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin-left: 8px;
    position: relative;
    top: 1px;
  
    transition: margin-right 0.3s ease;
}
.bible-prev:hover::before {
    margin-left: -12px; 
}
.bible-next:hover::after {
    margin-right: -12px;
}
.bible-none {
    visibility: hidden;
}

.states-ls {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-top: 16px;
    padding-bottom: 16px;
}
.states-item {
    width: 50%;
    font-size: 16px;
    line-height: 42px;
    padding-left: 12px;
}
.states-link {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
.states-link:hover {
    transition: all ease 0.25s;
    background-color: #edeff4;
    padding-left: 12px;
    border-radius: 4px;
}

.meaning-tl {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #a23021;
    margin-bottom: 16px;
}
.meaning-desc {
    font-size: 16px;
    line-height: 1.6;
}


@media screen and (min-width: 728px)
{
    .line-detail-date{
        margin-top: 6px;
    }
    .line-detail-info-tl{
        margin: 6px 0;
    }
    .line-detail-info-tl{
        font-size: 20px;
    }
    .line-detail-pic
    {
        width: 120px;
        height: 120px;
    }
    .stamppage .conright
    {
        margin-top: 40px;
    }
    .mbnone{
        display: block;
    }
    .stamp-con{
        flex-direction: row;
    }
    .stamp-img
    {
        flex: 0 0 140px;

        width: 140px;
        height: 100%;
    }
    .bswiper-wrapper
    {
        margin-left: -16px;
        padding-right: 4px;
        gap: 0;
    }

    .bswiper-slide
    {
        width: 50%;
        padding-left: 16px;
    }
    .ja-swiper {
        width: 100%;
        margin-bottom: 16px;
    }

    .ver-item-con {
        flex-direction: row;
        align-items: center;
    }
    .common-applogo {
        width: 78px;
        height: 78px;
    }
    .ver-item-info {
        margin-left: 14px;
        margin-top: 0;
    }
    .common-appcate {
        display: block;
    }
    .ver-appname {
        display: block;
    }
    

    .loadmore
    {
        max-width: 300px;
        margin: 24px auto;
    }

    .comments
    {
        overflow: hidden;
        flex: 1;

        margin-top: 0;
        margin-bottom: 10px;
        margin-left: 0;
        margin-left: 16px;
    }

    .comments
    {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .common-wp
    {
        padding-right: 0;
        padding-left: 0;
    }

    .homepage
    {
        padding-top: 0;
    }

    .header
    {
        position: relative;
    }

    .paddingtop
    {
        padding-top: 0;
    }

    .homepage .hot-ls
    {
        width: 100%;
        padding-left: 0;
    }

    .conright .hot-ls
    {
        width: 100%;
        padding-left: 0;
    }

    .hot-item-info-name
    {
        display: block;
        overflow: hidden;

        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .hot-ls
    {
        padding-right: 0;
    }

    .homepage .conleft
    {
        padding-top: 16px;
    }

    .wrapper
    {
        position: relative;

        margin: 0 auto;
        padding-top: 1px;
    }

    .breadcrumb li:first-child
    {
        margin-left: -16px;
    }

    .cate-block-ls
    {
        margin-left: -16px;
    }

    .cate-block-item
    {
        flex: 0 0 33.3333%;

        width: 33.3333%;
    }

    .screen-ls
    {
        margin-right: 0;
        padding-left: 0;
    }

    .category-tl,
    .trend-ls
    {
        padding-right: 0;
        padding-left: 0;
    }

    .hot-item
    {
        flex: 0 0 33.3333%;

        width: 33.3333%;
        padding-right: 16px;
        padding-left: 0;
    }

    .appbox
    {
        margin-top: 16px;
        padding-bottom: 16px;
    }

    .appbox-info
    {
        padding-bottom: 0;
    }

    .curapp-other .appbox-link,
    .mobile
    {
        display: none;
    }

    .desktop,
    .hot-item-info-cate,
    .hot-item-info-new
    {
        display: block;
    }

    .hot-item-img
    {
        margin-bottom: 0;
    }

    .trend-item-info-name
    {
        min-height: auto;
    }

    .trend-item-info
    {
        overflow: hidden;
    }

    .adjust,
    .cate-ls
    {
        margin-bottom: 32px;

        border-bottom: 1px solid #eee;
    }

    .hot-cate-item
    {
        flex: 0 0 33.3333%;

        width: 33.3333%;
    }

    .trend-item
    {
        width: 116px;
    }

    .deskdown
    {
        display: flex;
        align-items: center;

        margin-right: -5px;
        margin-left: -5px;
    }

    .appbox-link
    {
        flex: 1;

        margin: 0 5px;
        margin-top: 0;
    }

    .appbox-con
    {
        padding-top: 30px;
    }

    .comments-lf,
    .mation-item-name
    {
        flex: 0 0 214px;

        width: 214px;
        padding-left: 16px;

    }

    .curapp
    {
        margin-top: 16px;
    }

    .retitle
    {
        margin-top: 16px;
    }

    .curapp-other
    {
        display: flex;
    }

    .curapp-how-to
    {
        flex: 1;

        margin-top: 0;
        margin-bottom: 0;
    }

    .subject-box
    {
        display: flex;
    }

    .subject-lf
    {
        flex: 1;
    }

    .subject-rt
    {
        flex: 1;

        margin-left: 16px;
    }

    /* .screenbg
    {
        margin-left: -8px;
    } */

    .screenbg .scroll-x
    {
        margin-top: 0;
    }

    .content-top
    {
        height: 440px;
        margin-top: -64px;

        background-image: url(../image/home_bg.png);
    }

    .download-info
    {
        font-size: 20px;
    }

    .download-tips
    {
        font-size: 32px;

        margin-bottom: 15px;
    }

    .download-logo
    {
        width: 88px;
        height: 88px;
    }

    .trend-ls
    {
        margin-right: -16px;
    }

    .trend-item
    {
        width: 16.6666%;
    }

    .ver-ls
    {
        width: 100%;
    }
    .mation-ls{
        border-bottom: 1px solid #eee;
        margin-top: 16px;
        margin-bottom: 0;
    }
    .mation-item{
        border: 1px solid #eee;
        border-bottom-width: 0;
    }
    .mation-item-name{
        border-right: 1px solid #eee;
    }
    /* .software .mation-ls{
        margin-top: 16px;
        margin-bottom: 0;
    } */
    .mation-item-name, .mation-item-txt{
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .software .ver-item{
        width: 50%;
    }

    .bye-team-item {
        width: 25%;
    }

    /* schedule */
    .week-right {
        position: relative;
        display: flex;
    }
    .date-picker {
        position: absolute;
        top: 80px;
        right: 0;
        width: 340px;
        box-shadow: 0 0 3px 3px #edeef0;
        border-radius: 8px;
        padding: 10px 20px 20px;
        background-color: #fff;
        z-index: 4;
    }
    .date-ls { 
        max-height: 280px;
        overflow-y: auto;
        scrollbar-width: none;
    }
    .date-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 40px;
        color: #666;
        font-size: 12px;
    }
    .date-item.active {
        color: #000;
        font-weight: 700;
    }
    .date-item:hover {
        color: #000;
        font-weight: 700;
    }
    .date-cancel {
        color: #e32652;
        font-weight: 700;
        margin-top: 10px;
        cursor: pointer;
    }
    .date-cancel:hover {
        color: #c4133c;
    }


    .nfl-mb-week {
        display: none;
    }
    .nfl-week {
        display: flex;
    }
    .week-item {
        width: 20%;
        padding: 9px 16px;
    }
    .nfl-score-ls {
        display: block;
    }
    .nfl-mbscore-ls {
        display: none;
    }
    .nfl-game-item {
        display: flex;
    }
    /* standings */
    .team-rank-item .mb-none {
        display: table-cell;
    }
    .team-rank-item tr td {
        width: 60px;
    }

    /* bible-online */
    .states-item {
        width: 33.3333%;
    }
}



@media screen and (min-width: 1058px)
{
    .header-desk {
        flex: 1;
        text-align: right;
        margin-right: 64px;
        display: flex;
        justify-content: end;
        align-items: center;
    }
    .header-nfl {
        margin-left: 24px;
    }
    .header-nfl-link {
        display: inline-flex;
        align-items: center;
        color: #fff;
        font-weight: 700;
    }
    .icon-header-nfl {
        width: 30px;
        height: 30px;
        margin-right: 8px;
    }
    .icon-header-bible {
        width: 21px;
        height: 23px;
        fill: #fff;
        margin-right: 10px;
    }
    .header-nfl-link:hover {
        text-decoration: underline;
    }

    .app-screen{
        margin-left: -8px;
    }
    .software .screen-item{
        width: auto;
    }
    .categorypage .conright,.errorpage .conright{
        margin-top: 16px;
    }
    .swiper-slide-info,.bswiper-slide-info
    {
        width: 230px;
        padding-left: 30px;
    }
    .arrow-right,.software .conright .arrow-right{
        display: block;
    }
    .ja-swiper
    {
        width: 100%;
        margin-bottom: 16px;
        height: 220px;
    }
    .free-line-img
    {
        background-image: url(../image/holiday/free-line-stamp-desktop-newyear-2025.png);
    }
    .stampdetailpage .conright, 
    .stampdetailpage .footer{
        display: block;
    }
    .stampdetailpage{
        padding-bottom: 0;
    }
    .user-action-item{
        line-height: 44px;
    }
    .user-action{
        position: relative;
        padding-left: 0;
        padding-right: 0;
        height: 80px;
    }
    .user-action-radius{
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
    }
    .sarrow{
        display: inline;
    }
    .trend-ls{
        margin-right: -24px;
    }
    .trend-item{
        padding-right: 24px;
    }
    .common-scroll{
        overflow-y: initial;
        overflow-x: initial;
    }
    .trend-item,.ver-item{
        margin-top: 24px;
    }
    .screen-ls
    {
        margin-right: -8px;
        margin-left: 8px;
    }

    .trend-ls .hot-item-info-cate,
    .trend-ls .hot-item-info-new
    {
        display: block;
    }

    .footer .wrapper
    {
        display: flex;
        align-items: center;
        justify-content: space-between;

        padding-bottom: 26px;
    }

    .copyright
    {
        margin-top: 0;
        margin-right: 0;
        padding: 0;

        background: 0 0;
    }

    .reviewpage .conright,
    .stampdetailpage .conright
    {
        margin-top: 40px;
    }

    .category-ls
    {
        margin-left: -16px;
    }

    .category-item
    {
        width: 10%;
        padding-right: 0;
        padding-left: 16px;
    }

    .category-con
    {
        height: 98px;

        border: 1px solid #f5f5f5;
        border-radius: 12px;
    }

    .hot-item
    {
        padding-right: 16px;
    }

    .hot-item-info
    {
        padding-right: 16px;
        padding-left: 12px;
    }

    .topsearch-box
    {
        display: none;
    }

    .homepage .hot-ls
    {
        width: calc(100% + 16px);
    }

    .breadcrumb,
    .dsoff
    {
        display: block;
    }

    .dark .other-lang,
    .dark .twomenu
    {
        background-color: #222;
    }

    .searchbox
    {
        display: block;
    }

    .desklang
    {
        display: block;
    }

    .header
    {
        overflow: visible;

        height: 64px;
        padding: 0;
    }

    .header .wrapper
    {
        display: flex;
        align-items: center;
        justify-content: space-between;

        height: 100%;
    }

    .searchbox
    {
        position: relative;
        top: 0;
        right: 0;

        width: 320px;

        border-radius: 20px;
    }

    .search-box
    {
        right: 10px;

        width: 40px;
        height: 36px;
    }

    .footer {
        padding-bottom: 0;
    }
    .footer-inline {
        display: flex;
        align-items: flex-end;
    }
    .footer-service {
        margin-bottom: 5px;
        padding-left: 24px;
    }
    .foot-con {
        display: flex;
    }

    .header .logo
    {
        margin: 0;
    }

    .topmenu-box,
    a.pcnone
    {
        display: none;
    }

    .icon-night
    {
        margin-top: 12px;
        margin-left: 0;
        margin-bottom: 0;
    }

    .curapp-rt-tl a:hover
    {
        text-decoration: underline;
    }

    .desktopnav
    {
        display: block;
        display: flex;
        align-items: center;
        flex: 1;
        justify-content: flex-end;

        height: 100%;

        text-align: right;
    }

    .desktopnav-link
    {
        font-size: 14px;

        display: flex;
        align-items: center;

        padding-right: 12px;
        padding-left: 12px;

        color: #fff;
    }

    .twomenu .cate-block-img
    {
        margin-right: 3px;
        margin-left: -3px;

        transform: scale(.7);
    }

    .desktopnav-link-wp
    {
        position: relative;

        display: flex;
        align-items: center;

        height: 100%;
    }

    .twomenu
    {
        position: absolute;
        top: 56px;
        left: -24px;

        overflow: hidden;

        min-width: -webkit-max-content;
        min-width:    -moz-max-content;
        min-width:         max-content;
        height: 0;

        transition: all ease .25s;
        transform: translateY(50px);

        opacity: 0;
        border-radius: 10px;
        background-color: #fff;
    }

    .twomenu-link
    {
        line-height: 40px;

        display: flex;
        align-items: center;

        padding-left: 8px;

        text-align: center;

        color: #333;
    }

    .twomenu-link .icons
    {
        margin-right: 5px;
    }

    .twomenu-more
    {
        justify-content: center;

        padding: 0 10px;
        padding-left: 0;

        color: #2a66f3;
        border-top: 1px solid #eee;
    }

    .desktopnav-link-wp:hover .twomenu
    {
        z-index: 99;

        height: auto;

        transform: translateY(0);

        opacity: 1;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    }

    .twomenu-link:hover
    {
        color: #2a66f3;
    }

    .selectbox
    {
        line-height: 40px;

        position: relative;

        display: flex;
        align-items: center;

        height: 100%;
        margin-top: 0;
        padding: 0 24px 0 0;

        border-top: none;
    }

    .selectlabel
    {
        display: flex;
        align-items: center;
        flex: 0 0 60px;
        justify-content: center;

        width: 60px;

        text-align: right;
    }

    .desktopnav-link::after
    {
        width: 5px;
        height: 5px;
        margin-top: -3px;
        margin-right: 6px;
        margin-left: 6px;

        content: '';
        transition: all .3s cubic-bezier(.165, .84, .44, 1);
        transform: rotate(-45deg);

        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
    }

    .other-lang
    {
        position: absolute;
        top: 56px;
        left: -24px;

        overflow: hidden;

        width: 166px;
        height: 0;
        padding-left: 8px;

        transition: all ease .25s;
        transition: all ease .25s;
        transform: translateY(50px);

        opacity: 0;
            border-radius: 10px;
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .15);

        -ms-border-radius: 10px;
         -o-border-radius: 10px;
    }

    .desklang:hover .other-lang
    {
        z-index: 99;

        height: auto;

        transform: translateY(0);

        opacity: 1;
    }

    .search-form
    {
        display: block;

        margin-left: 0;
    }

    .breadcrumb
    {
        padding-top: 15px;
        padding-bottom: 0;
    }

    .select-link:hover
    {
        color: #2a66f3;
    }

    .rightbtn
    {
        display: block;
    }

    .trend-item-info-cate
    {
        display: block;

        color: #999;
    }

    .wrapper
    {
        max-width: 1136px;
    }

    .content
    {
        display: flex;
    }

    .conleft
    {
        flex: 0 0 728px;

        width: 728px;
    }

    .conleft .scroll-x
    {
        max-width: 728px;
    }

    .conright
    {
        /* overflow: hidden; */
        flex: 1;

        padding-left: 32px;
    }

    .conright .scroll-x
    {
        white-space: normal;
    }

    .conright .hot-item
    {
        flex: 0 0 100%;

        width: 100%;
    }

    .hot-ls-wp
    {
        overflow-x: initial;
        overflow-y: initial;
    }

    .homepage .scroll-x
    {
        margin-left: 0;

        white-space: initial;
    }

    .scroll-x
    {
        margin-left: 0;
    }

    .trend-item
    {
        width: 12.5%;
    }

    .conleft .trend-item
    {
        width: 16.6666%;
    }

    .trend-item-img
    {
        width: 100%;
        height: auto;
    }

    .trend-item:nth-child(n + 13)
    {
        display: inline-block;
    }

    .hot-item-info-cate:hover,
    .hot-item-info-name:hover
    {
        text-decoration: underline;
    }

    .cate-block-item
    {
        flex: 0 0 16.6666%;

        width: 16.6666%;
    }

    .search-input
    {
        width: 100%;
        padding-left: 16px;

        border-radius: 4px 0 0 4px;
    }

    .search-icon
    {
        border-color: #2a66f3;
    }

    .search-icon::after
    {
        background-color: #2a66f3;
    }

    .selectbox
    {
        padding-right: 0;
    }

    .comments-rt
    {
        width: 200px;
    }

    label.star:hover
    {
        transform: rotate(-10deg) scale(1.3);
    }

    
    .recommend-app {
        margin-right: 0;
    }
    .conright .trend-ls .trend-item,
    .recommend-app .trend-item
    {
        display: flex;
        align-items: center;

        width: 100%;
        padding-right: 0;
    }

    .conright .trend-ls .trend-item-img,
    .recommend-app .trend-item-img
    {
        position: relative;

        flex: 0 0 70px;

        width: 70px;
        height: 70px;
    }

    .conright .trend-ls .trend-item-info,
    .recommend-app .trend-item-info
    {
        flex: 1;

        padding-top: 0;
        padding-left: 12px;
    }

    .conright .trend-ls
    {
        padding-left: 0;
        /* padding-right: 12px; */
        /* margin-right: -12px; */
    }
    .conright .arrow-right{
        margin-right: 22px;
    }
    .mation-item
    {
        justify-content: initial;
    }
    .software-banner{
        height: 350px;
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .software-banner-tl{
        font-size: 42px;
        margin-bottom: 24px;
        max-width: 650px;
    }
    .software-banner .common-applogo{
        width: 80px;
        height: 80px;
        margin-left: 16px;
        margin-right: 16px;
        /* border-radius: 0; */
    }
    .software .ver-ls{
        margin-left: -8px;
    }
    .software .ver-item{
        width: 33.3333%;
        padding-left: 8px;
    }
    .list-ad{
        margin-top: 24px;
        padding-left: 8px;
    }
    .appbox-link:hover
    {
        background-color: #056449;
        box-shadow: 0 1px 2px 0 var(--gm-fillbutton-keyshadow-color,rgba(60,64,67,.3)),
                    0 1px 3px 1px var(--gm-fillbutton-ambientshadow-color,rgba(60,64,67,.15));
    }
    .software .appbox-link:hover{
        background-color: #0061ad;
    }
    .appbox-link.appdisabled:hover
    {
        box-shadow: none;
        background-color: #ddd;
    }
    .appbox-link-play:hover{
        opacity: .85;
        background-color: #1d1d1f;
    }

    .ver-item:hover .ver-item-con::before,.trend-item:hover::before{
        content: '';
        position: absolute;
        left: -12px;
        right: 12px;
        top: -12px;
        bottom: -12px;
        background-color: #f5f5f5;
        z-index: -1;
        border-radius: 8px;
    }
    .ver-item:hover .ver-item-con::before {
        right: 0;
    }
    .recommend-app .trend-item:hover::before {
        right: -12px;
    }
    .recommend-app .trend-item:hover .trend-item-btn {
        background-color: #2a66f3;
        color: #fff;
    }
    .row-tl:hover{
        text-decoration: underline;
    }
    .stamp-item:hover{
        opacity: .85;
    }
    .linestamp-cate-con:hover{
        background-color: #f1f1f1;
    }
    
}