body,
html {
    max-width: 800px;
    margin: 0 auto;
}

* {
    padding: 0;
    margin: 0;
}

.fit {
    width: 100%;
    height: 100%
}

.fitwidth {
    width: 100%;
    box-shadow: inset 0px .1168rem .1168rem -0.0467rem rgba(255, 255, 255, 0.7),
        inset 0px -0.1168rem .1168rem -0.0467rem rgba(255, 255, 255, 0.7);
    overflow: hidden;
}

.fitwidth>.fit {
    position: relative;
    /*z-index: -1;*/
    vertical-align: top;
}

.height_70 {
    height: 1.63551rem;
}

.height_120 {
    height: 2.80374rem;
}

.radius_5 {
    border-radius: 0.11682rem;
}

/*底部悬浮*/
.ad_bottom_flex {
    height: 2.3364rem;
    width: 100%;
}

.ad_bottom_flex_body {
    height: 2.3364rem;
    width: 100%;
    left: 0;
    bottom: 0;
    position: fixed;
    z-index: 999;
}

.ad_bottom_flex_box {
    height: 100%;
    width: 100%;
    max-width: 800px;
    box-shadow: 0px -0.0935rem .0935rem 0px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    margin: 0 auto;
}

.bottom_flex_img {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    max-width: 800px;
    margin: 0 auto;
}

/* 顶部悬浮 */
.ad_top_flex {
    height: 2.3364rem;
    width: 100%;
}

.ad_top_flex_body {
    height: 2.3364rem;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 999;
}

#section_ad_app_download>.ad_top_flex {
    height: 1.4019rem;
}

#section_ad_app_download>.ad_top_flex>.ad_top_flex_body {
    height: 1.4019rem;
}

.ad_top_flex_box {
    height: 100%;
    width: 100%;
    max-width: 800px;
    box-shadow: inset 0px -0.1168rem .1168rem -0.0467rem rgba(255, 255, 255, 0.7);
    overflow: hidden;
    margin: 0 auto;
}

.top_flex_img {
    height: 100%;
    width: 100%;
    max-width: 800px;
    position: relative;
    z-index: -1;
    vertical-align: top;
}

/*    */
.app_title {
    width: 100%;
    height: .7009rem;
    line-height: .7009rem;
    margin: .1402rem 0;
    background: #FAFAFA;
    text-align: center;
    color: #C00052;
    font-size: .3972rem;
    font-weight: 700;
    letter-spacing: -0.0056rem;
}

#ad_app {
    display: flex;
    flex-wrap: wrap;
    gap: .1168rem 0.19rem;
    padding: 0 .1636rem;
    margin: .1168rem 0 .2804rem 0;
}

#ad_app>.flex_item {
    /*width: 1.8692rem;*/
    flex-basis: 15%;
    height: 2.0037rem;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#ad_app>.flex_item>p {
    width: 100%;
    margin: 0 auto
}

#ad_app>.flex_item>.ad_app_icon {
    width: 100%;
    /*height: 1.5187rem;*/
    box-shadow: 0px .0234rem .0467rem 0px rgba(0, 0, 0, 0.25);
    border-radius: .3271rem;
    text-align: center;
}

#ad_app>.flex_item>.ad_app_title {
    width: 100%;
    font-family: Inter;
    font-size: .3037rem;
    font-weight: 700;
    color: #FB6C9A;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#ad_app>.flex_item>.ad_app_button>button {
    width: 100%;
    height: .5841rem;
    line-height: .5841rem;
    border-radius: .5841rem;
    border: .0234rem solid #FF3D7B;
    box-shadow: 0px .0467rem .1168rem 0px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    color: #FF538A;
    font-size: .3271rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: -0.0056rem;
}

.flex_head_zt {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .2804rem;
    box-shadow: none;
}

.flex_head_zt>.flex_item {
    flex-basis: 25%;
    height: 1.1682rem;
    line-height: 1.1682rem;
    text-align: center;
    background: #F7F7F7;
    box-sizing: border-box;
    margin-top: .2804rem;
    color: #000;
    font-size: .3972rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.0056rem;
}

.flex_head_zt>.flex_item>a,
.flex_head_zt>.flex_item>a:link,
.flex_head_zt>.flex_item>a:visited,
.flex_head_zt>.flex_item>a:hover {
    color: #000;
    font-weight: 400;
    text-decoration: none;
}

.ad_left_flex {
    position: fixed;
    left: 0.37rem;
    top: 50%;
    width: 1.63551rem;
    height: 1.63551rem;
    flex-shrink: 0;
    border-radius: 0.46729rem;
    border: .0701rem solid #F00;
    background: url(<path-to-image>) lightgray 50% / cover no-repeat;
    overflow: hidden;
}

.left_flex_img {}

.ad_right_flex {
    position: fixed;
    right: 0.37rem;
    top: 50%;
    width: 1.63551rem;
    height: 1.63551rem;
    flex-shrink: 0;
    border-radius: 0.46729rem;
    border: .0701rem solid #F00;
    background: url(<path-to-image>) lightgray 50% / cover no-repeat;
    overflow: hidden;
}

.right_flex_img {}

.ad_toast_mask {
    position: fixed;
    width: 100%;
    height: 100%;
    /*background: #cccccc;*/
    background: #00000080;
    z-index: 100;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ad_toast {
    margin: 0 auto;
    width: 282px;
    height: 440px;
    top: 50%;
    margin-top: -220px;
    position: absolute;
}

.ad_toast_body {
    width: 100%;
    border-radius: 10px;
    height: calc(100% - 40px);
    background: #ffffff;
    position: relative;

}

.ad_toast_bottom {
    text-align: center;
    position: absolute;
    top: -20px;
    right: -20px;
}

.ad_toast_bottom_img {
    width: 36px;
    height: 36px;
    text-align: center;
}

.ad_toast_system_header {
    height: 120px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.ad_toast_system_body {
    word-wrap: break-word;
    text-align: center;
    padding: 10px 20px 0 20px;
    box-sizing: border-box;
    overflow-y: auto;
    height: calc(100% - 160px);

}

.ad_toast_system_bottom {
    height: 40px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#AD_TYPE_ZT {
    padding: 0 .2804rem;
    margin-top: .2804rem;
}

.ad_type_zt {
    border-radius: .1168rem .1168rem 0 0;
    border-bottom: .0234rem solid #26645D;
    box-shadow: 0px .0234rem .0935rem 0px rgba(0, 0, 0, 0.25);
    gap: .2804rem;
    width: 100%;
    height: 1.1682rem;
    margin-bottom: .2804rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.ad_type_zt>.ad_type_zt_left {
    width: 1.9626rem;
    height: .5607rem;
    font-size: .3505rem;
    font-weight: 700;
    letter-spacing: -0.0056rem;
    text-align: center;
    color: #FB6C9A;
    line-height: .5607rem;
    border-right: .0234rem solid #26645D;

}

.ad_type_zt>.ad_type_zt_right {
    width: calc(100% - 1.986rem);
    height: .9813rem;
    padding: .0935rem 0;
    display: flex;
    flex-wrap: wrap;
}

.ad_type_zt>.ad_type_zt_right>.ad_type_zt_right_item {
    position: relative;
    height: .514rem;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ad_type_zt>.ad_type_zt_right>.ad_type_zt_right_item>a,
.ad_type_zt>.ad_type_zt_right>.ad_type_zt_right_item>a:link,
.ad_type_zt>.ad_type_zt_right>.ad_type_zt_right_item>a:visited,
.ad_type_zt>.ad_type_zt_right>.ad_type_zt_right_item>a:hover {
    height: .514rem;
    line-height: .514rem;
    font-size: .3271rem;
    font-weight: 400;
    letter-spacing: -0.0056rem;
    text-align: center;
    color: #000000;
    text-decoration: none;
}

.ad_type_zt>.ad_type_zt_right>.ad_type_zt_right_item>.ad_type_zt_right_item_hot {
    position: absolute;
    right: 0;
    top: -0.0701rem;
    width: .2804rem;
    height: .2804rem;
    flex-shrink: 0;
    border-radius: .0467rem;
    background: #F26355;
    color: #FFF;
    font-size: .1869rem;
    font-weight: 700;
    line-height: .2804rem;
    letter-spacing: .0117rem;
    text-align: center;
    animation: quiver 0.2s infinite step-start;
}

@keyframes quiver {
    0% {
        background: #F26355;
        top: -0.0701rem;
    }

    50% {
        background: #E01CD8;
        top: -0.0467rem;
    }

    100% {
        background: #F26355;
        top: -0.0701rem;
    }
}

.bottom {
    text-align: center;
    /*height: 7.4766rem;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .2804rem 0;
    /*margin-top: .2804rem;*/
    box-sizing: border-box;
    padding: .2804rem .3505rem;
}

.bottom>.title {
    font-size: .514rem;
    font-weight: 700;
    line-height: .514rem;
    letter-spacing: -0.0103rem;
}

.bottom>.content {
    font-size: .4206rem;
    font-weight: 400;
    line-height: .4206rem;
    letter-spacing: -0.0084rem;
}

.search_body>form {
    display: flex;
    justify-content: space-between;
    padding: 0 .2804rem;
}

.search {
    width: calc(100% - 2.5701rem);
    height: .8047rem;
    border-radius: .1168rem;
    border: .0234rem solid #26645D;
    padding: .2804rem;
    box-sizing: border-box;
    outline: none;
    font-weight: 400;
    font-size: .3972rem;
}

.search_button {
    width: 2.5234rem;
    height: .8047rem;
    border-radius: .1168rem;
    background: #FB6C9A;
    font-size: .3972rem;
    font-weight: 400;
    line-height: .3972rem;
    letter-spacing: -0.0056rem;
    text-align: center;
    color: #FFFFFF;
}

.website {
    background: #FB6C9A;
    height: 1.40187rem;
    line-height: 1.40187rem;
    color: #FFF;
    font-size: 0.53738rem;
    font-weight: 400;
    letter-spacing: -0.00561rem;
    text-align: center;
}

.page_list {
    display: flex;
    justify-content: center;
    margin-bottom: .3271rem;
}

.page_list>.page_number_list {
    display: flex;
    justify-content: center;
}

.page_list>.page_number_list>.page_number.page_select {
    background: #FB6C9A;
    color: #ffffff;
}

.page_list>.page_number_list>.page_number {
    width: .8411rem;
    height: 1.1682rem;
    color: #FB6C9A;
    font-size: .3738rem;
    font-weight: 400;
    line-height: 1.1682rem;
    letter-spacing: .0117rem;
    text-align: center;
    text-decoration: none;
}

.page_list>.disable {
    color: #B1B2B2;
}

.page_list>.page_prev {
    text-decoration: none;
    text-align: center;
    width: 2.9673rem;
    height: 1.1682rem;
    line-height: 1.1682rem;
    background: #FBFBFD;
    font-size: .3738rem;
}

.page_list>.page_next {
    text-align: center;
    text-decoration: none;
    width: 2.9673rem;
    height: 1.1682rem;
    line-height: 1.1682rem;
    background: #FBFBFD;
    font-size: .3738rem;
}

.jump_page {
    display: flex;
    justify-content: center;
    height: .8645rem;
    padding: .0701rem 0;
    gap: 0 .2804rem;
}

.jump_page>.jump_span {
    height: .8645rem;
    line-height: .8645rem;
    color: #000;
    font-size: .3972rem;
    font-weight: 400;
    letter-spacing: -0.0056rem;
}

.jump_page>.jump_input {
    width: 2.8037rem;
    height: .8645rem;
    border-radius: .1168rem;
    border: .0234rem solid #26645D;
    box-sizing: border-box;
    padding: 0 .2804rem;
}

.jump_page>.jump_button {
    width: 1.7523rem;
    height: .8645rem;
    border-radius: .1168rem;
    background: #FB6C9A;
    color: #FFFFFF;
    font-size: .3972rem;
    font-weight: 400;
    line-height: .8645rem;
    letter-spacing: -0.0056rem;
    text-align: center;
    border: none;
}

.ad_video {
    padding: .2804rem 0 0 0;
}

.ad_video_header {
    height: .771rem;
    display: flex;
    justify-content: space-between;
    padding: 0 .2804rem;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg, #D62F66 100%, #D62F66 100%);
    background-size: .0701rem 50%;
    background-position: 0% 50%;
}

.ad_video_header>.ad_video_title {
    font-size: .4673rem;
    font-weight: 700;
    height: .771rem;
    line-height: .771rem;
    letter-spacing: .0117rem;
    color: #000000;
}

.ad_video_header>.ad_video_more {
    font-size: .3738rem;
    font-weight: 700;
    height: .771rem;
    line-height: .771rem;
    letter-spacing: .0117rem;
    color: #000000;
    text-decoration: none;
}

.ad_video_body {
    padding: .2804rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* column-count: 2;
    column-width: 4.5rem; */
}

.ad_video_body>.ad_video_item {
    width: 4.5rem;
    box-sizing: border-box;
    display: inline-block;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: .1402rem 0;
    break-inside: avoid;
    margin-bottom: .2804rem;
}

.ad_video_body>.ad_video_item>.ad_video_image {
    width: 4.5rem;
    height: 2.5701rem;
    border-radius: .1168rem;
    object-fit: cover;
    display: inline-block;
}

.ad_video_body>.ad_video_item>.ad_video_item_title {
    width: 4.5rem;
    color: #000;
    font-family: Inter;
    font-size: .3738rem;
    font-style: normal;
    font-weight: 400;
    line-height: .3738rem;
    letter-spacing: .0117rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ad_video_body>.ad_video_item>.ad_video_item_tags {
    width: 4.5rem;
    color: #999;
    font-family: Inter;
    font-size: .3271rem;
    font-style: normal;
    font-weight: 400;
    line-height: .3271rem;
    letter-spacing: .0117rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}