@charset "utf-8";
/*Author: BeiYue*/
/*QQ: 964214970*/
/*Telegram: BeiYue*/
/*==============================================================*/

/* CSS TanChuang */

/*首页弹窗----开始--------------------------------------------------------*/
.tc_box {
    width: 540px;
    height: 100vh;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 999999;
}

.tc_box .tc_cent {
    width: 86%;
    max-width: 540px;
    max-height: 660px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.tc_cent dd {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 10px;
}

.tc_btn_gb {
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 20px;
}

.tc_cent dt {
    border-radius: 30px;
    padding: 20px;
    box-sizing: border-box;
}

.tc_cent .tc_01 {
    width: 100%;
    background-image: linear-gradient(var(--sc01) 0%, var(--sc02) 100%);
}

.tc_01 ul {
    box-sizing: border-box;
    border-radius: 20px;
    padding: 16px;
    background: var(--bai);
}

.tc_01 ul a {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 135.81px;
    margin-bottom: 12px;
    position: relative;
}

.tc_01 ul a:last-child {
    margin-bottom: 0;
}

.tc_01 ul a i {
    width: auto;
    height: 45px;
    position: absolute;
    left: -7px;
    top: 7px;
}

.tc_btn {
    width: 100%;
    height: 70px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #de0603;
    font-size: 30px;
    letter-spacing: 2px;
    background: linear-gradient(#f5e5e5, #ff9f91);
    box-shadow: inset 0 0 8px #fff;
    margin-top: 20px;
    animation: suofang 1.5s infinite ease-in-out;
}

@keyframes suofang {

    0%,
    100% {
        transform: scale(1.0);
    }

    50% {
        transform: scale(0.95);
    }
}

.tc_box.tc_none {
    display: none;
}

.tc_box.tc_flex {
    display: flex;
}


.tc_box .tc_flex {
    display: flex;
    animation: tanchu 0.5s 1 ease;
}

@keyframes tanchu {

    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.tc_box .tc_none {
    display: none;
}

.tc_cent .tc_02 {
    width: 100%;
    background-image: linear-gradient(#f5eee8, #fff);
}

.tc_02 ul {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.tc_02 ul .tc02_bt_box {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.tc02_bt_box i {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.tc02_bt_box p {
    font-size: 30px;
    font-weight: 600;
    color: #383848;
    margin-bottom: 2px;
}

.ym_box {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 16px;
}

.ym_box p {
    color: #898989;
    font-size: 18px;
    margin-right: 20px;
}

.ym_box a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1b7c61;
    color: #f0ffe3;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 4px 16px;
    font-size: 16px;
    margin-bottom: 2px;
}

.ym_box a:hover {
    filter: brightness(110%);
}

.rjym_box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: var(--bai);
    padding: 12px;
    box-sizing: border-box;
    border-radius: 20px;
    gap: 10px;
    border: solid 1px #ffe9e7;
    margin-bottom: 16px;
}

.rjym_box li {
    width: 100%;
    height: 44px;
    border-radius: 30px;
    background: #ececec;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    box-sizing: border-box;
}

.wz_txt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wz_txt i {
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}

.wz_txt p {
    color: #898989;
    font-size: 22px;
}

.rjxz_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px 16px;
    box-sizing: border-box;
}

.rjxz_box a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    border-radius: 30px;
    color: var(--bai);
}

.rjxz_box a:hover {
    filter: brightness(110%);
}

.rjxz_box a:nth-child(1) {
    background: #46a04e;
}

.rjxz_box a:nth-child(2) {
    background: #ff7f17;
}

.rjxz_box a:nth-child(3) {
    background: #178aff;
}

.rjxz_box a i {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.rjxz_box a p {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2px;
    font-size: 20px;
}

.tc_ms_box {
    font-size: 16px;
    padding: 0 10px;
    color: #8d8d8d;
}

.tc_02 .copy_btn {
    padding: 2px 12px;
    border-radius: 20px;
    font-size: 20px;
    color: var(--bai);
    background-image: linear-gradient(#4ca76a 10%, #428a5a 80%, #4ac473 100%);
    box-shadow: 0 2px 8px rgba(62, 97, 59, 0.5), inset 0 1px 2px #fff, inset 0 -1px 1px rgba(198, 198, 198, .25);
}

/*首页弹窗----结束--------------------------------------------------------*/