:root {
    --c-ffffff: #fff;
    --c-000000: #000;
    --c-333333: #333;
    --c-508cee: #508cee;
    --c-f5f7fb: #f5f7fb;
    --c-e5e6f2: #e5e6f2;
    --c-9a9ead: #9a9ead;
    --c-808595: #808595;
    --c-fd4331: #fd4331;
    --c-05aa3b: #05aa3b;
    --c-fb2f3b: #fb2f3b;
    --c-1bc07d: #1bc07d;
    --b-ffffff: #fff;

    --c-c7a646: #c7a646;
}

:root {
    --ft-font-size12: 0.24rem;
    --ft-font-family: PingFangSC-Regular;
}

html *:not(body)::-webkit-scrollbar {
    height: 0 !important;
    width: 0 !important;
}

html *:not(body) {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

body {
    font-family: PingFang SC, Microsoft YaHei, Arial, helvetica neue;
    font-size: 0.28rem;
    background-color: var(--c-ffffff);
    color: var(--c-333333);
}

* {
    margin: 0;
    padding: 0;
}

html {
    font-size: 50px;
}

body {
    max-width: 15rem;
    margin: 0 auto;
    overflow-x: hidden;
}

a {
    outline: none;
}
a,
a:hover,
a:active,
a:visited {
    text-decoration: none;
}

@media (min-width: 450px) {
    html {
        font-size: 50px;
    }
}

body {
    background-color: #0a2043;
}

.-flex {
    display: flex;
    display: -webkit-flex;
}

.-fdc {
    flex-direction: column;
}

.-fjs {
    justify-content: flex-start;
}
.-fas {
    align-items: flex-start;
}
.-fae {
    align-items: flex-end;
}
.-fac {
    align-items: center;
}
.-fjc {
    justify-content: center;
}
.-fje {
    justify-content: flex-end;
}
.-fjs {
    justify-content: space-around;
}
.-fgrow {
    flex-grow: 1;
}
.-fshrik {
    flex-shrink: 0;
}

.s-after {
    position: relative;
}

.s-after:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    transform: scaleY(0.5);
    background-color: var(--c-c7a646);
}

.c-after {
    position: relative;
}
.c-after:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    transform: scaleY(0.5);
    background-color: #303a44;
}

.m-bg {
    position: relative;
    width: 100%;
}

.m-bg-img {
    width: 100%;
    display: block;
}

.m-bar {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    /* width: //calc(100% - 0.4rem); */
    /* background-color: rgba(117, 47, 1, 0.3); */
    /* border: 1px solid rgba(117, 47, 1, 0.5); */
    border-radius: 0.12rem;
    /* padding: 0.3rem 0; */
    box-sizing: border-box;
    background-image: linear-gradient(180deg, rgba(10, 31, 67, 0) 0%, #0a1f43 54%);
}

/* 根据背景图片中m-bar的位置比例设置，这里假设是在图片高度的30%位置 */
/* 你可以根据实际情况调整这个百分比值 */
.m-bar {
    bottom: 0rem;
}

.m-bar-item {
    flex: 1;
    cursor: pointer;
    transition: transform 0.2s ease;
}
.m-bar-item:active {
    transform: scale(0.9);
}
.m-bar-item.touched .m-bar-img {
    animation: none;
}

.m-bar-img {
    /* width: 1.76rem; */
    vertical-align: middle;
    height: 1.36rem;
}
.m-bar-img.heartbeat {
    animation: heartbeat 0.6s ease-in-out infinite;
}

.m-bar-txt {
    font-size: 0.26rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.26rem;
    font-weight: 400;
}

@keyframes heartbeat {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.15);
    }
}

.m-title {
    font-family: PingFangSC-Semibold;
    font-size: 0.36rem;
    font-weight: 600;
    line-height: 0.36rem;
    color: #c7a646;
    padding: 0.3rem 0.2rem;
    padding-top: 0.4rem;
    position: relative;
}

.m-title-flag {
    background: #752f01;
    width: 0.06rem;
    height: 0.36rem;
    border-radius: 0.06rem;
    margin: 0;
    margin-right: 0.16rem;
}

.m-title-bf {
    position: absolute;
    top: 0;
    height: 0.6rem;
}

/* event */
.m-event-scroll {
    position: relative;
    width: 100%;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
}
.m-event {
    font-family: PingFangSC-Regular;
    position: relative;
    min-width: 100%;
    flex-shrink: 0;
    /* flex-grow: 1; */
    height: 4.2rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
    color: #ffffff;
    scroll-snap-align: start;
}

.m-event-title {
    position: absolute;
    right: 0.36rem;
    z-index: 999;
    font-size: 0.28rem;
    line-height: 0.28rem;
    font-weight: 400;
    padding-top: 0.36rem;
}

.m-event-content {
    position: absolute;
    font-family: PingFangSC-Semibold;
    font-size: 0.36rem;
    line-height: 0.38rem;
    font-weight: 600;
    bottom: 0.72rem;
    right: 0.36rem;
}

.m-event-foot {
    font-family: PingFangSC-Regular;
    position: absolute;
    font-size: 0.26rem;
    font-weight: 400;
    line-height: 0.26rem;
    color: #ffffff;
    bottom: 0.36rem;
    right: 0.36rem;
}

.m-company-title {
    position: absolute;
    color: #ffffff;
    font-family: PingFangSC-Semibold;
    font-size: 0.36rem;
    font-weight: 600;
    line-height: 0.36rem;
    padding: 0 0.36rem;
    bottom: 0.62rem;
    width: calc(100% - 1.72rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 99;
}
.m-company-content {
    position: absolute;
    color: #ffffff;
    font-size: 0.26rem;
    line-height: 0.26rem;
    bottom: 0.24rem;
    padding: 0 0.36rem;
    width: calc(100% - 1.72rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 99;
}

.m-company-video {
    position: relative;
    width: 100%;
    height: 100%;
}

/* product */
.m-product {
    position: relative;
    flex-wrap: wrap;
    padding: 0 0.2rem;
}
.m-product-item {
    width: 33.3%;
    padding: 0.2rem 0;
    /* box-shadow: 0 10px 20px 0 rgba(247,213,115,0.50); */
    /* background-image: linear-gradient(
        180deg,
        rgba(237, 160, 72, 0) 0%,
        rgba(237, 160, 72, 0.36) 72%,
        rgba(237, 160, 72, 0) 100%
    ); */
}
.m-product-item img {
    width: 2.18rem;
    height: 2.66rem;
    border-radius: 0.06rem;
    /* box-shadow: 0 10px 20px 0 rgba(247,213,115,0.50); */
    /* box-shadow: 0px 10px 20px 0px rgba(247, 213, 115, 0.5); */
}
.m-product-item-content {
    width: 100%;
    /* background-image: linear-gradient(270deg, #E5D27C 0%, #C7A646 100%);
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.35), inset 0 -1px .06rem 0 #A28121; */
    /* background-image: linear-gradient(
        270deg,
        rgba(255, 231, 159, 0) 2%,
        #ffe79f 36%,
        #ffe79f 64%,
        rgba(255, 231, 159, 0) 100%
    ); */
}
.m-product-item-title {
    /* color: #752f01; */
    color: #0a1f43;
    font-size: 0.26rem;
    background-image: linear-gradient(270deg, #e5d27c 0%, #c7a646 100%);
    box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.35), inset 0 -1px 0.06rem 0 #a28121;
    /* background-image: linear-gradient(0deg, #e7a84d 0%, #eacb80 53%, #ffe4a2 100%);
    box-shadow: inset 0px 1px 1px 0px rgba(251, 249, 235, 1);
    box-shadow: inset 0px -1px 3px 0px rgba(200, 116, 40, 1); */
    border-radius: 23px;
    height: 0.46rem;
    text-align: center;
    margin: 0 0.21rem;
}

/* resource */
.m-resource {
    position: relative;
    padding: 0 0.2rem;
    overflow-x: scroll;
}
.m-resource-item {
    position: relative;
}
.m-resource-item img {
    width: 2.3rem;
    height: 2.18rem;
    margin-right: 0.1rem;
    border-radius: 0.06rem;
}
.m-resource-item-bg {
    position: absolute;
    top: 50%;
    height: 50%;
    width: calc(100% - 0.1rem);
    background-image: linear-gradient(180deg, rgba(30, 10, 0, 0) 0%, #1e0a00 100%);
}
.m-resource-item-title {
    position: absolute;
    width: calc(100% - 0.1rem);
    bottom: 0.2rem;
    font-family: PingFangSC-Semibold;
    font-size: 0.26rem;
    color: #fff3ce;
}

/* tab */
.m-tab {
    margin-left: auto;
    padding: 0.04rem;
}
.m-tab-item {
    font-size: 0.3rem;
    color: #c7a646;
    border-radius: 0.3rem;
    cursor: pointer;
    border: 2px solid rgba(199, 166, 70, 0.2);
    border-radius: 0.46rem;
    flex-grow: 1;
    min-width: 1.5rem;
    margin: 0 0.1rem;
    height: 0.46rem;
}
.m-tab-active {
    background-image: linear-gradient(270deg, #e5d27c 0%, #c7a646 100%);
    border: none;
    color: #0a1f43;
    height: 0.5rem;
}

/* feed */

.m-feed {
    position: relative;
    height: 1.7rem;
    padding: 0.3rem 0;
    margin: 0 0.2rem;
}
.m-feed-l {
    position: relative;
}
.m-feed-title {
    font-size: 0.36rem;
    color: #ffffff;
    line-height: 0.48rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: PingFangSC-Medium;
    font-weight: 400;
}
.m-feed-i {
    position: relative;
    color: #c7a646;
    font-size: 0.24rem;
}
.m-feed-r {
    display: block;
    height: 1.65rem;
    width: 2.47rem;
    border-radius: 0.06rem;
    margin-left: 0.1rem;
    flex-shrink: 0;
}

.m-nothing {
    position: relative;
    height: 1rem;
    width: 100%;
    color: #808595;
    font-size: 0.28rem;
}

/* 产品详情浮层 */
.m-product-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.m-product-modal-content {
    position: relative;
    /* background-color: #0a2043; */
    border-radius: 0.2rem;
    /* padding: 0.4rem; */
    width: calc(100% - 0.8rem);
    max-width: 8rem;
}

.m-product-modal-close {
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    width: 0.5rem;
    height: 0.5rem;
    background-color: rgba(255, 216, 157, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0a2043;
    font-size: 0.36rem;
    cursor: pointer;
}

.m-product-modal-img {
    width: 100%;
    height: auto;
    min-height: 5rem;
    border-radius: 0.1rem;
    margin-bottom: 0.3rem;
}

.m-product-modal-desc {
    color: #808595;
    font-size: 0.28rem;
    line-height: 0.4rem;
    margin-bottom: 0.4rem;
    text-align: justify;
}

.m-product-modal-btns {
    display: flex;
    justify-content: space-around;
    gap: 0.1rem;
}

.m-product-modal-btn {
    font-family: PingFangSC-Semibold;
    text-align: center;
    font-size: 0.36rem;
    border-radius: 0.46rem;
    cursor: pointer;
    height: 0.88rem;
}

.m-product-modal-btn-close {
    background: rgba(0, 0, 0, 0.72);
    border: 2px solid #847645;
    border-radius: 0.06rem;
    color: #837545;
    width: 1.68rem;
}

.m-product-modal-btn-detail {
    flex: 1;
    background-image: linear-gradient(90deg, #ffcb4e 0%, #c69300 100%);
    border-radius: 0.06rem;
    color: #0a2043;
    height: 0.96rem;
}

/* 更多按钮 */
.m-more {
    width: 0.4rem;
    height: 0.4rem;
    background: url("https://n.sinaimg.cn/finance/2026/zdt_zt/more.png") center center/contain no-repeat;
    cursor: pointer;
    display: none;
}

#main {
    display: none;
}
.v-play-btn-wrap {
    z-index: 9999 !important;
}
.v-play-btn {
    z-index: 9999 !important;
}

/* header start */
.hhead {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 15rem;
    height: 1rem;
    z-index: 99999;
    color: #fff;
    background-color: #000d29;
    background-image: linear-gradient(0deg, rgba(10, 31, 67, 0) 0%, #0a1f43 54%);
}

.hhome {
    position: absolute;
    left: 0.1rem;
    z-index: 10;
    background-image: url(//n.sinaimg.cn/finance/ad5a274c/20251110/hhome.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 0.44rem;
    height: 0.44rem;
    margin-left: 0.3rem;
}

.hback {
    position: absolute;
    left: 0.1rem;
    z-index: 10;
    background-image: url(//n.sinaimg.cn/finance/2023/common/icon/back_gray.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 0.32rem;
    height: 0.32rem;
    margin-left: 0.3rem;
}

.htext {
    font-size: 0.32rem;
    width: 100%;
    text-align: center;
}

.haleft {
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 0.88rem;
    width: 0.6rem;
    justify-content: center;
}

.haright {
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    height: 0.88rem;
    width: 0.6rem;
}

.haicon {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    width: 0.24rem;
    height: 0.2rem;
}

.haiconl {
    background-image: url(//n.sinaimg.cn/finance/2022/cncw/cfg/l1.png);
}

.haiconr {
    background-image: url(//n.sinaimg.cn/finance/2022/cncw/cfg/r1.png);
}

.hshare {
    position: absolute;
    right: 0;
    z-index: 10;
    margin-right: 0.32rem;
    height: 1rem;
}

.hshare-icon {
    background-image: url(https://n.sinaimg.cn/finance/2023/common/icon/share_gray.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 0.44rem;
    height: 0.44rem;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fade-in {
    animation: fadeIn 1s ease-in;
}

.fade-in-slow {
    animation: fadeIn .5s ease-in;
}
.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s ease-in;
}
.fade-enter-from,
.fade-leave-to {
    opacity: 0;
}