@charset "utf-8"; /* 公共样式 - start */
html {
    font-size: 20px;
}

body {
    max-width: 768px;
    min-width: 320px;
    margin: auto !important;
    position: relative;
}

:root {
    --font46: 2.3rem;
    --font40: 2rem;
    --font30: 1.5rem;
    --font34: 1.7rem;
    --font28: 1.4rem;
    --font26: 1.3rem;
    --font24: 1.2rem;
    --font20: 1rem;
}

.std-font46 {
    font-size: var(--font46);
    color: #583789;
    font-weight: 500;
    line-height: 1.5;
}

.std-font40 {
    font-size: var(--font40);
    color: #704DA4;
    font-weight: 500;
    line-height: 1.5;
}

.std-font30 {
    font-size: var(--font30);
    color: #543681;
    font-weight: bold;
    line-height: 1.5;
}

.std-font34 {
    font-size: var(--font34);
    color: #704DA4;
    line-height: 1.5;
}

.std-font28 {
    font-size: var(--font28);
    color: #48484E;
    line-height: 1.5;
}

.std-font26 {
    font-size: var(--font26);
    color: #9B9898;
    line-height: 1.5;
}

.std-font24 {
    font-size: var(--font24);
    color: #48484E;
    line-height: 1.5;
}

.std-font20 {
    font-size: var(--font20);
    color: #48484E;
    line-height: 1.5;
}

body {
    font-family: "Noto Serif SC", "PingFang SC", "Microsoft YaHei" !important;
}

/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: "Noto Serif SC", "PingFang SC", "Microsoft YaHei" !important;
}

/* 英文站换行规则 */
/* p,div,h1,h2,h3,h4,h5,h6,span,a{ 

    word-wrap: normal; 

    word-break: keep-all; 

} */
/*分享翻译*/
.ys-wechat-cont-parga p::before {
    content: '分享到 - 微信';
    /* content: 'Share the - weixin'; */
}

/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .2);
}

/*导航默认选中*/
.yxnav-active1 {
}

.yxnav-active2 {
}

.head-nav-item-title {
    line-height: var(--line80);
}

/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child) {
    display: none;
}

/* 省略号 */
.line-clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 过渡 */
.transition-time1 {
    transition: all .36s both;
}

.transition-time2 {
    transition: all .5s both;
}

/* 公共样式 - end */
/*鼠标效果*/
@media screen and (min-width: 1200px) {
}

.ly-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    overflow: hidden;
}

.ly-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-cry {
    height: 100vh;
    position: relative;
    z-index: 6;
    display: flex;
    flex-direction: column;
    padding-bottom: 11.5rem;
    justify-content: flex-end;
}

.home-cry-img1, .home-cry-img1 img {
    width: 100%;
}

.home-cry-img1 {
    height: 26.3868vh;
    display: flex;
    align-items: flex-end;
}

.home-cry-top {
    position: relative;
    height: 20vh;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.home-cry-img2 {
    width: 49.6%;
    margin: 0 auto;
    margin-top: -4.2vh;
    transform: translateX(4%);
    margin-bottom: 1.35rem;
}

.home-cry-logo {
    width: 12.6rem;
    margin: 0 auto;
    position: relative;
}

.home-cry-logo-link {
    display: block;
    position: relative;
    z-index: 6;
}

.home-cry-logo img {
    width: 100%;
}

.home-cry-logo-bg {
    position: absolute;
    width: 300%;
    left: 47%;
    top: 42%;
    transform: translate(-50%, -50%);
}

.home-cry-text {
    border-radius: 1.1rem;
    background: rgba(206, 198, 217, 0.15);
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.03);
    width: 91.2%;
    margin: 0 auto;
    padding: 2.85rem 1.8rem 2.8rem 3.05rem;
    margin-top: 1.75rem;
    position: relative;
    z-index: 6;
}

.std-text1, .std-text1 p {
    font-size: 1.35rem;
    line-height: 1.45;
    letter-spacing: -0.02rem;
    color: #261E2C;
}

.home-cry-bot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 19.865vh;
    max-height: 13.25rem;
    overflow: hidden;
    display: flex;
}

.home-cry-bot1 {
    justify-content: flex-start;
}

.home-cry-bot2 {
    left: auto;
    right: 0;
    justify-content: flex-end;
}

.home-cry-bot img {
    height: 100%;
    max-width: none;
}

.mod-submit {
    width: 17.55rem;
    height: 4.4rem;
    position: relative;
    z-index: 6;
    margin: 0 auto;
    margin-top: 2.6rem;
}

.mod-submit-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.mod-submit img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.mod-submit-link .std-font30 {
    position: relative;
    z-index: 6;
}

.mod-head {
    border-bottom: 0.75rem solid #704DA4;
    position: relative;
    padding-top: 1.25rem;
    /* position: sticky; */
    /* top: 0; */
    z-index: 30;
}

.mod-head-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
}

.mod-head-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right bottom;
}

.mod-head .std-font34 {
    position: relative;
    text-align: center;
    z-index: 6;
    margin-top: 0.6rem;
    margin-bottom: 1.45rem;
}

.sticky-html, .sticky-body {
    overflow: visible;
}

.topic-cry {
    padding-left: 4.3rem;
    padding-right: 4.3rem;
    padding-top: 3.25rem;
    padding-bottom: 9.2rem;
}

.topic-cry .std-font46 {
    text-align: center;
    margin-bottom: 1.5rem;
}

.topic-cry-inof-item .std-font28 {
    text-align: center;
}

.topic-cry-inof-item {
    padding-top: 2.5rem;
    padding-bottom: 2.7rem;
    border-bottom: 1px solid #D7D5E5;
}

.topic-cry-inof-item:first-child {
    padding-top: 0;
}

.topic-cry .mod-submit {
    margin-top: 3.75rem;
}

.tcii-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2.25rem;
}

.tcii-select-btn {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.tcii-select-btn-nub:first-child, .tcii-select-btn-nub:last-child {
    width: 2.25rem;
    height: 2.25rem;
}

.tcii-select-btn-nub:nth-of-type(2), .tcii-select-btn-nub:nth-last-of-type(2) {
    width: 1.75rem;
    height: 1.75rem;
}

.tcii-select-btn-nub:nth-of-type(3) {
    width: 1.5rem;
    height: 1.5rem;
}

.tcii-select-btn-nub {
    position: relative;
    cursor: pointer;
}

.tcii-select-btn-nub::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #D7D5E5;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .2s;
}

.tcii-select-btn-nub::after {
    content: '';
    width: 66%;
    height: 66%;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .2s;
    background: #583789;
    opacity: 0;
}

.tcii-select-btn-nub.on::before {
    border: 2px solid #583789;
}

.tcii-select-btn-nub.on::after {
    opacity: 1;
}

.topic-bot {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    background: #583789;
    height: 4rem;
    max-width: 768px;
    z-index: 10;
    display: flex;
    align-items: center;
    padding-left: 1.9rem;
    padding-right: 1.9rem;
}

.topic-bot-data {
    font-size: 1.6rem;
    color: #fff;
    line-height: 1.5;
    width: 6.5rem;
    padding-right: 1.15rem;
    text-align: right;
}

.topic-bot-pro {
    width: calc(100% - 6.5rem);
    height: 0.25rem;
    position: relative;
    overflow: hidden;
}

.topic-bot-pro::before, .topic-bot-pro::after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    background: rgba(255, 254, 252, .5);
    border-radius: 3px;
    top: 50%;
    transform: translateY(-50%);
}

.topic-bot {
    --pro: 0%;
}

.topic-bot-pro::after {
    width: var(--pro);
    background: #fff;
    transition: all .4s ease;
}

.ly-bg img:nth-of-type(n+2) {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.result-cry {
    height: 100vh;
    position: relative;
    z-index: 6;
    padding-bottom: 6rem;
    padding-top: 2.5rem;
    display: flex;
    flex-direction: column;
}

.result-cry .std-font40 {
    text-align: center;
    font-weight: 500;
}

.rcii-icon {
    width: 4.1rem;
    height: 4.1rem;
    border-radius: 50%;
    background: var(--color);
}

.rcii-status {
    color: var(--nocolor);
}

.result-cry-inof-item {
    display: flex;
    align-items: flex-start;
}

.rcii-box {
    display: flex;
    align-items: center;
    width: 100%;
}

.result-cry-inof {
    padding-left: 4rem;
    padding-right: 4rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.result-cry-inof-item:not(:last-child) {
    flex-grow: 1;
}

.rcii-name {
    width: 6.2rem;
    padding-left: 0.85rem;
    padding-right: 0.85rem;
    color: #48484E;
    line-height: 1.5;
}

.rcii-percent {
    color: #926122;
}

.rcii-status span:nth-of-type(n+2) {
    display: none;
}

.result-cry-inof-item.mod-open .rcii-status span:first-child, .result-cry-inof-item.mod-active .rcii-status span:first-child {
    display: none;
}

.result-cry-inof-item.mod-open .rcii-status span:nth-of-type(2) {
    display: block;
}

.result-cry-inof-item.mod-active .rcii-status span:nth-of-type(3) {
    display: block;
}

.result-cry-inof-item.mod-open .rcii-status {
    color: var(--opencolor);
}

.result-cry-inof-item.mod-active .rcii-status {
    color: var(--activecolor);
}

.rcii-text {
    width: 5.25rem;
    padding-right: 0.25rem;
}

.rcii-pro {
    width: 20%;
    flex-grow: 1;
    position: relative;
    height: 1rem;
}

.rcii-pro::before {
    content: '';
    background: #fff;
    opacity: .4;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.rcii-pro::after {
    content: '';
    background: var(--color);
    position: absolute;
    width: 0%;
    height: 100%;
    border-radius: 1rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .8s .1s ease;
}

.result-cry-inof-item.on .rcii-pro::after {
    width: calc(var(--pro) / 2 + 50%);
}

.rcii-pro {
    display: flex;
    justify-content: space-evenly;
}

.rcii-pro span {
    width: 1px;
    background: rgba(150, 143, 109, 0.10);
    height: var(--height1);
}

.result-cry-inof-item:last-child .rcii-pro span {
    height: 100%;
}

.result-cry .std-font30 {
    text-align: center;
    color: #704DA4;
    line-height: 1.5;
    font-weight: normal;
    margin-top: 1.5rem;
    position: relative;
    z-index: 6;
}

.result-logo-bg {
    position: absolute;
    width: 200%;
    bottom: -3rem;
    left: 50%;
    transform: translateX(-40%);
}

.result-cry .home-cry-logo {
    margin-bottom: 0.2rem;
}

.result-cry .std-font40 {
    margin-bottom: 2rem;
    position: relative;
    z-index: 6;
}

.result-cry-core {
    flex-grow: 1;
    position: relative;
}

.result-cry-inof {
    height: 100%;
    position: relative;
    z-index: 6;
}

.result-cry-core-bg {
    position: absolute;
    width: 100%;
    bottom: -2.3rem;
    left: 0;
}

.result-cry-core-bg img {
    width: 100%;
}

.home-cry, .result-cry {
    height: var(--vh);
}

.ys-page-wrap {
    min-height: var(--vh);
}

.ys-page-wrap.home-main, .ys-page-wrap.result-main {
    height: var(--vh);
}

.result-cry-core-bg {
    position: relative;
    bottom: auto;
    padding-top: 3.3rem;
}

.result-cry-core {
    flex-grow: initial;
}

.result-cry-inof {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}

.result-cry-inof-item:not(:last-child) {
    flex-grow: initial;
}

.result-cry-inof-item:first-child {
    margin-bottom: 1.05rem;
}

.result-cry-inof-item:nth-of-type(2) {
    margin-bottom: 2.1rem;
}

.result-cry-inof-item:nth-of-type(3) {
    margin-bottom: 1.9rem;
}

.result-cry-inof-item:nth-of-type(4) {
    margin-bottom: 0.9rem;
}

.result-cry-inof-item:nth-of-type(5) {
    margin-bottom: 0.55rem;
}

.result-cry-inof-item:nth-of-type(6) {
    margin-bottom: 0.5rem;
}

.result-add {
    padding-left: 4rem;
    padding-right: 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
}

.result-add-code-img {
    width: 5.2rem;
    background: #fff;
    border-radius: 0.3rem;
    overflow: hidden;
}

.result-add-code-img img {
    width: 100%;
}

.result-add-code {
    display: flex;
    align-items: center;
}

.result-add-code .std-font20 {
    padding-left: 1rem;
    color: #917759;
    line-height: 1.45;
}

.homm-pc {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homm-pc h2 {
    font-size: 40px;
    color: #333;
    line-height: 1.5;
    text-align: center;
    font-weight: bold;
}

.homm-ph {
    display: none;
}

.ys-main.act .homm-ph {
    display: block;
}

.ys-main.act .homm-pc {
    display: none;
}

.tcii-select-btn-nub:nth-of-type(3).on::before {
    border: 2px solid #9B9FAA;
}

.tcii-select-btn-nub:nth-of-type(3)::after {
    background: #9B9FAA;
}

.tcii-select-btn-nub:nth-child(1)::before, .tcii-select-btn-nub:nth-child(2)::before {
    border: 2px solid #D8E3F1;
}

.tcii-select-btn-nub:nth-child(1).on::before, .tcii-select-btn-nub:nth-child(2).on::before {
    border: 2px solid #3A7AC1;
}

.tcii-select-btn-nub:nth-of-type(1)::after, .tcii-select-btn-nub:nth-of-type(2)::after {
    background: #3A7AC1;
}

.topic-pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 99;
}

.topic-pop-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}

.topic-pop-wrap-tit {
    text-align: center;
    color: #583789;
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 15px;
}

.topic-pop-wrap-btn {
    display: flex;
    justify-content: center;
}

.tpwb-btn {
    font-size: 1.5rem;
    line-height: 1.8;
    color: #fff;
    background: #583789;
    border-radius: 80px;
    padding: 0.3rem 2.8rem 0.5rem;
}

.tcii-select-btn-nub:nth-of-type(3)::before {
    border: 2px solid #d8d8d8;
}

.homm-pc {
    display: none;
}

.homm-ph {
    display: block;
}

@media screen and (min-width: 600px) {
    .result-cry {
        padding-top: 2rem;
    }

    .result-cry .std-font40 {
        margin-bottom: 1.1rem;
    }

    .result-cry-core {
        transform: scale(0.8);
        margin-top: -70px;
    }

    .result-add {
        margin-top: -40px;
    }

    .homm-ph {
        display: none;
    }

    .homm-pc {
        display: flex;
    }
}

.rcii-pro-jin {
    background: var(--color);
    position: absolute;
    width: 0%;
    height: 100%;
    border-radius: 1rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .8s .1s ease;
}

.rcii-pro::after {
    display: none;
}

.result-cry-inof-item.on .rcii-pro-jin {
    width: var(--jin);
}

.topic-bot-pro span {
    display: block;
    height: 100%;
    background: #fff;
    width: 0%;
}