body {
    background-color: #fbfbfb;
    box-sizing: border-box;
}
html body {
    overflow-x: visible !important;
}
a {
  color: #F74054;
  word-break: break-all;
  text-decoration: none !important;
}
a:hover {
  color: #F74054;
}
a:focus,
a:active {
  outline: none;
}
img {
    height: 100%;
    width: 100%;
    display: block;
}
p {
  margin-bottom: 0;
}
.banner {
	width: 100%;
	height: 574px;
    margin-top: 64px;
    background: url("https://cms-image.leyifan.cn/resources/image/2026/09/04/845277998198853.png") center center / cover no-repeat;
    cursor: pointer;
}


.tabs-warp {
	width: 100%;
	margin-top: -60px;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(20px) saturate(100%);
	position: sticky;
	top: 64px;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
    z-index: 2;
height: 60px;
}
.tabs-warp .tabs {
    flex: 1;
	display: flex;
	align-items: center;
	padding: 12px 24px;
	overflow-x: auto;
}
.tabs-warp .tabs .tabs-item {
	flex: 1;
	height: 36px;
	display: flex;
	align-items: center;
    justify-content: center;
	gap: 10px;
	flex-shrink: 0;
  color: #333333;
}
.tabs-warp .tabs .tabs-item.active {
  color: #F74054 !important;
}
.tabs .tabs-item .icon {
	height: 20px;
	width: 20px;
}
.tabs .tabs-item .label {
	font-size: 16px;
	line-height: 22px;
    font-weight: 500;
	white-space: nowrap;
}
.tabs .tabs-item .label.active {
	font-weight: 500;
	color: #F74054 !important;
}


.doc-content .title-col {
	display: flex;
	align-items: center;
    justify-content: center;
	gap: 6px;
}
.doc-content .title-col .star-icon{
	height: 22px;
	width: 22px;
}
.doc-content .title-col .title{
	background-image: url(/assets/images/letian/title-back.png);
	background-size: 100% 24px;
	background-position: bottom; /* 定位到底部 */
  	background-repeat: no-repeat; /* 不重复 */
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	padding: 0 24px 6px 24px;
}
.doc-content .title-col .title-special {
	color: #f74054;
}

.doc-content-time {
    margin-top: 64px;
}

.activity-time-main {
    max-width: 1440px;
	display: flex;
    justify-content: center;
    margin: 56px auto 0 auto;
}
.activity-time-row {
	display: flex;
    flex-direction: column;
	align-items: center;
}

.item-title-col {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: normal;
    color: #222222;
}
.item-title-col .item-title-special {
    color: #F74054;
}

.activity-time-row .icon-row {
    display: flex;
    align-items: center;
    gap: 24px;
}
.activity-time-row .activity-time-line {
	width: 140px;
	height: 1.5px;
	border-radius: 1px;
	background: #EEEEEE;
}
.activity-time-line-none {
    height: 0 !important;
}
.activity-time-row .icon-row .icon {
	height: 130px;
	width: 130px;
    margin-top: 24px;
}
.activity-time-row .tips {
	margin-top: 24px;
	font-size: 16px;
	line-height: 24px;
	color: #666666;
    width: 394px;
    text-align: center;
}
.activity-time-line-row {
	height: 100px;
    margin-top: 48px;
	display: flex;
	align-items: center;
}

.activity-time-line-icon {
    height: 202px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.activity-time-line-icon img {
    height: 24px;
	width: 24px;
}  
	

.doc-content-account {
    margin-top: 96px;
    padding: 64px 0 80px 0;
    background-image: url("https://cms-image.leyifan.cn/resources/image/2026/09/04/845294460772421.png");
    background-color: #f6f6f6; /* 红色垫底 */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.activity-account-main {
    margin-top: 56px;
    max-width: 1440px;
    display: flex;
    justify-content: center;
    
    
}
.activity-account-main .account-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 56px;
}
.activity-account-main .account-row .account-row-item {
    width: 692px;
    height: 152px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    border-radius: 12px;
    background: #FFFFFF;
    box-sizing: border-box;
}

.activity-account-main .account-row .account-row-item .title {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    text-align: center;
    letter-spacing: normal;
    /* 若您 */
    color: #666666
}

.account-row-item .login-btn {
    width: 160px;
    height: 40px;
    /* 自动布局 */
    display: flex;
    align-items: center;
    padding: 0px 64px;
    border-radius: 30px;
    background: linear-gradient(180deg, #ff9580 0%, #ff515f 100%);
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: normal;
    color: #FFFFFF;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}
.account-row-item .reg-btn {
    width: 192px;
    height: 40px;
    /* 自动布局 */
    display: flex;
    align-items: center;
    padding: 0px 64px;
    gap: 16px;
    border-radius: 30px;
    background: linear-gradient(180deg, #ffb964 0%, #ff7741 100%);
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: normal;
    color: #FFFFFF;
    box-sizing: border-box;
    cursor: pointer;
}

@media (min-width: 1440px) and (max-width:1919px){
    .activity-time-row .activity-time-line {
        width: 127px;
    }
    .activity-time-row .tips {
        width: 368px;
    }
    .activity-account-main .account-row .account-row-item {
        width: 652px;
    }
}

@media (min-width: 1280px) and (max-width:1439px){
    .banner {
        height: 510px;
    }
    .item-title-col {
        gap: 4px;
    }
    .activity-time-row .icon-row .icon {
        margin-top: 16px;
        height: 100px;
        width: 100px;
    }
    .activity-time-row .activity-time-line {
        width: 115.33px;
    }
    .activity-time-row .tips {
        width: 314.67px;
        margin-top: 16px;
    }
    .activity-time-line-icon {
        height: 164px;
    }
    .activity-account-main .account-row .account-row-item {
        width: 572px;
        height: 176px;
    }
}

@media (min-width: 1024px) and (max-width:1279px){
    .banner {
        height: 408px;
    }
    .item-title-col {
        gap: 4px;
    }
    .activity-time-row .icon-row .icon {
        margin-top: 16px;
        height: 100px;
        width: 100px;
    }
    .activity-time-row .activity-time-line {
        width: 78px;
    }
    .activity-time-row .tips {
        width: 240px;
        margin-top: 16px;
    }
    .activity-time-line-icon {
        height: 164px;
    }

    .activity-account-main .account-row .account-row-item {
       width: 476px;
       height: 176px;
    }
    .activity-account-main .account-row {
        gap: 24px;
    }
}

@media (min-width: 960px) and (max-width:1023px){
    .banner {
        height: 382px;
    }
    .doc-content-time {
        margin-top: 56px;
    }
    .doc-content .title-col .title {
        font-size: 24px;
        font-weight: bold;
        line-height: 32px;
    }
    .activity-time-main {
        margin-top: 48px;
    }
    .item-title-col {
        gap: 4px;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    }
    .activity-time-row .icon-row .icon {
        margin-top: 16px;
        height: 100px;
        width: 100px;
    }
    .activity-time-row .activity-time-line {
        width: 67.33px;
    }
    .activity-time-row .tips {
        width: 250.67px;
        margin-top: 16px;
        font-size: 14px;
        font-weight: normal;
        line-height: 22px;
    }
    .activity-time-line-icon {
        height: 164px;
    }


    .doc-content-account {
        margin-top: 80px;
        padding: 56px 0 72px 0;
    }
    .doc-content .title-col .title {
        font-size: 24px;
        font-weight: bold;
        line-height: 32px;
    }
    .activity-account-main {
        margin-top: 48px;
    }
    .activity-account-main .account-row .account-row-item {
       width: 444px;
       height: 172px;
    }
    
    .activity-account-main .account-row {
        gap: 24px;
    }
    .activity-account-main .account-row .account-row-item .title {
        font-size: 14px;
        font-weight: normal;
        line-height: 22px;
    }
}

@media (min-width: 840px) and (max-width:959px){
    .banner {
        height: 394px;
        background: url("https://cms-image.leyifan.cn/resources/image/2026/09/04/845310554898501.png") left center / cover no-repeat;
    }
    .doc-content-time {
        margin-top: 56px;
    }
    .doc-content .title-col .title {
        font-size: 24px;
        font-weight: bold;
        line-height: 32px;
    }
    .activity-time-main {
        margin-top: 48px;
    }
    .item-title-col {
        gap: 4px;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    }
    .activity-time-row .icon-row .icon {
        margin-top: 16px;
        height: 100px;
        width: 100px;
    }
    .activity-time-row .activity-time-line {
        width: 47.33px;
    }
    .activity-time-row .tips {
        width: 210.67px;
        margin-top: 16px;
        font-size: 14px;
        font-weight: normal;
        line-height: 22px;
    }
    .activity-time-line-icon {
        height: 164px;
    }

    .doc-content-account {
        margin-top: 80px;
        padding: 56px 0 72px 0;
    }
    .doc-content .title-col .title {
        font-size: 24px;
        font-weight: bold;
        line-height: 32px;
    }
    .activity-account-main {
        margin-top: 48px;
    }
    .activity-account-main .account-row .account-row-item {
       width: 384px;
       height: 172px;
    }
    
    .activity-account-main .account-row {
        gap: 24px;
    }
    .activity-account-main .account-row .account-row-item .title {
        font-size: 14px;
        font-weight: normal;
        line-height: 22px;
    }
}

@media (min-width: 768px) and (max-width:839px){
    .banner {
        height: 366px;
        margin-top: 96px;
        background: url("https://cms-image.leyifan.cn/resources/image/2026/09/04/845310554898501.png") left center / cover no-repeat;
    }
    .doc-content-time {
        margin-top: 56px;
    }
    .doc-content .title-col .title {
        font-size: 24px;
        font-weight: bold;
        line-height: 32px;
    }
    .activity-time-main {
        margin-top: 48px;
    }
    .item-title-col {
        gap: 4px;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    }
    .activity-time-row .icon-row .icon {
        margin-top: 16px;
        height: 100px;
        width: 100px;
    }
    .activity-time-row .activity-time-line {
        width: 35.33px;
    }
    .activity-time-row .tips {
        width: 186.67px;
        margin-top: 16px;
        font-size: 14px;
        font-weight: normal;
        line-height: 22px;
    }
    .activity-time-line-icon {
        height: 164px;
    }

    
    
    .doc-content-account {
        margin-top: 80px;
        padding: 56px 0 72px 0;
    }
    .doc-content .title-col .title {
        font-size: 24px;
        font-weight: bold;
        line-height: 32px;
    }
    .activity-account-main {
        margin-top: 48px;
    }
    .activity-account-main .account-row .account-row-item {
       width: 348px;
       height: 172px;
    }
    
    .activity-account-main .account-row {
        gap: 24px;
    }
    .activity-account-main .account-row .account-row-item .title {
        font-size: 14px;
        font-weight: normal;
        line-height: 22px;
    }
}

@media (min-width: 600px) and (max-width:767px){
    .banner {
        height: 299px;
        margin-top: 96px;
        background: url("https://cms-image.leyifan.cn/resources/image/2026/09/04/845310554898501.png") left center / cover no-repeat;
    }
    .doc-content-time {
        margin-top: 40px;
    }
    .doc-content .title-col .title {
        font-size: 24px;
        font-weight: bold;
        line-height: 32px;
    }
    .activity-time-main {
        margin-top: 36px;
        flex-direction: column;
        align-items: center;
    }
    .activity-time-row {
        width: 568px;
    }
    .item-title-col {
        gap: 4px;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    }
    .activity-time-row .icon-row .icon {
        margin-top: 16px;
        height: 100px;
        width: 100px;
    }
    .activity-time-row .activity-time-line {
        display: none;
    }
    .activity-time-row .tips {
        width: 100%;
        margin-top: 16px;
        font-size: 14px;
        font-weight: normal;
        line-height: 22px;
    }
    .activity-time-line-icon {
        display: flex;
        flex-direction: column;
        height: auto;
        margin: 24px 0;
    }
    .activity-time-line-icon .activity-time-line {
        height: 28px;
        width: 1.5px;
        border-radius: 1px;
        background: #EEEEEE;
    }
    .activity-time-line-icon img {
        transform: rotate(90deg);
    }



    .doc-content-account {
        margin-top: 48px;
        padding: 40px 0 48px 0;
    }
    .doc-content .title-col .title {
        font-size: 24px;
        font-weight: bold;
        line-height: 32px;
    }
    .activity-account-main {
        margin-top: 36px;
    }
    .activity-account-main .account-row .account-row-item {
       width: 568px;
       height: 126px;
       padding: 16px;
    }
    
    .activity-account-main .account-row {
        gap: 24px;
        flex-direction: column;
        gap: 24px;
    }
    .activity-account-main .account-row .account-row-item .title {
        font-size: 14px;
        font-weight: normal;
        line-height: 22px;
    }
            
}

@media (min-width: 480px) and (max-width:599px){
    .banner {
        height: 251px;
        margin-top: 96px;
        background: url("https://cms-image.leyifan.cn/resources/image/2026/09/04/845310554898501.png") left center / cover no-repeat;
    }
    .doc-content-time {
        margin-top: 40px;
    }
    .doc-content .title-col .title {
        font-size: 18px;
        font-weight: bold;
        line-height: 24px;
    }
    .activity-time-main {
        margin-top: 36px;
        flex-direction: column;
        align-items: center;
    }
    .activity-time-row {
        width: 448px;
    }
    .item-title-col {
        gap: 4px;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    }
    .activity-time-row .icon-row .icon {
        margin-top: 16px;
        height: 100px;
        width: 100px;
    }
    .activity-time-row .activity-time-line {
        display: none;
    }
    .activity-time-row .tips {
        width: 100%;
        margin-top: 16px;
        font-size: 13px;
        font-weight: normal;
        line-height: 17px;

    }
    .activity-time-line-icon {
        display: flex;
        flex-direction: column;
        height: auto;
        margin: 24px 0;
    }
    .activity-time-line-icon .activity-time-line {
        height: 28px;
        width: 1.5px;
        border-radius: 1px;
        background: #EEEEEE;
    }
    .activity-time-line-icon img {
        transform: rotate(90deg);
    }


    .doc-content-account {
        margin-top: 48px;
        padding: 40px 0 48px 0;
    }
    .doc-content .title-col .title {
        font-size: 18px;
        font-weight: bold;
        line-height: 24px;
    }
    .activity-account-main {
        margin-top: 36px;
    }
    .activity-account-main .account-row .account-row-item {
       width: 448px;
        height: 148px;
       padding: 16px;
    }
    
    .activity-account-main .account-row {
        gap: 24px;
        flex-direction: column;
        gap: 24px;
    }
    .activity-account-main .account-row .account-row-item .title {
        font-size: 14px;
        font-weight: normal;
        line-height: 22px;
    }
}

@media (max-width:479px){
    .banner {
        height: 203px;
        margin-top: 96px;
        background: url("https://cms-image.leyifan.cn/resources/image/2026/09/04/845310554898501.png") left center / cover no-repeat;
    }
    .doc-content-time {
        margin-top: 40px;
    }
    .doc-content .title-col .title {
        font-size: 18px;
        font-weight: bold;
        line-height: 24px;
    }
    .activity-time-main {
        margin-top: 36px;
        flex-direction: column;
        align-items: center;
    }
    .activity-time-row {
        width: 328px;
    }
    .item-title-col {
        gap: 4px;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    }
    .activity-time-row .icon-row .icon {
        margin-top: 16px;
        height: 100px;
        width: 100px;
    }
    .activity-time-row .activity-time-line {
        display: none;
    }
    .activity-time-row .tips {
        width: 100%;
        margin-top: 16px;
        font-size: 13px;
        font-weight: normal;
        line-height: 17px;

    }
    .activity-time-line-icon {
        display: flex;
        flex-direction: column;
        height: auto;
        margin: 24px 0;
    }
    .activity-time-line-icon .activity-time-line {
        height: 28px;
        width: 1.5px;
        border-radius: 1px;
        background: #EEEEEE;
    }
    .activity-time-line-icon img {
        transform: rotate(90deg);
    }


    .doc-content-account {
        margin-top: 48px;
        padding: 40px 0 48px 0;
    }
    .doc-content .title-col .title {
        font-size: 18px;
        font-weight: bold;
        line-height: 24px;
    }
    .activity-account-main {
        margin-top: 36px;
    }
    .activity-account-main .account-row .account-row-item {
        width: 328px;
        height: 148px;
        padding: 16px;
    }
    
    .activity-account-main .account-row {
        gap: 24px;
        flex-direction: column;
        gap: 24px;
    }
    .activity-account-main .account-row .account-row-item .title {
        font-size: 14px;
        font-weight: normal;
        line-height: 22px;
    }
}