#IOStip{
    border-bottom: 1px solid #eee;

}
.main{
    max-width: 750px;
    margin: 0 auto;
}
.banner{
    position: relative;
    min-height: 5.1em;
    font-size: 0;
}
#logo{
    position: absolute;
    left: 50%;
    width: 2.98em;
    margin-left: -1.45em;
    top:0.22em  
}
.content{
    /* rem改为em */
    font-size: 65px; 
    /* width: 6.78em; */
    border-radius: 0.16em;
    /* background: linear-gradient(180deg, rgba(252, 247, 247, 0.8) 0%, rgba(236, 236, 236, 0) 100%); */
    backdrop-filter: blur(6px);
    margin: 20px 20px 20px; 
    /* padding: 0.4em 0.36em; */
    box-sizing: border-box;
    position: relative;
    /* z-index: 99; */
}
.content .content-title{
    font-size: 25px; 
    margin-bottom: 10px;
    font-weight: 600;
    margin-top: 10px;
}
.content-bottom{
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.content h2{
    font-size: 0.28em;
    color: #333;
}
.t1{
    color: #6A6A6A;
    font-size: 0.25em;
    font-weight: 400;
}
.t2{
    color: #333;
    font-size: 0.26em;
    font-weight: 600;
}
.notice-blue,
.notice-blue a{
    color: #1989FA;
}
.notice-red{
    color: #F6685D;
}
.t3{
    /* font-size: 0.28em; */
    font-weight: 600;
    background: linear-gradient(180deg, #FF823D 0%, #FFB389 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 2px;
}
.t4{
    color: #F6685D;
    font-size: 0.25em;
    font-weight: 400;
}
.t5{
    /* font-size: 0.28em; */
    font-weight: 500;
}
.t6{
    font-size: 0.24em;
    color: #333;
}
.t7{
    color: #F6685D;
}
.footer{
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.4em;
}
.footer>div{
    background: #333;
    width: 2.88em;
    height: 0.64em;
    font-size: 0.28em;
    font-weight: 500;
    color: #FFF;
    text-align: center;
    line-height: 0.64em;
    border-radius: 0.08em;
}
.text-center{
    text-align: center;
}
.mt-10{
    margin-top: 0.1em;
}
.mt-46{
    margin-top: 1.06em;
}
.mt-62{
    margin-top: 0.62em;
}
.mb-10{
    margin-bottom: 0.1em;
}
.mb-4{
    margin-bottom: 0.04em;
}
.main.qp .content{
    background: linear-gradient(158.32deg, rgba(68, 66, 74, 0.9) 3.19%, rgba(26, 24, 33, 0.9) 22.15%, rgba(27, 27, 27, 0.279) 95.7%);
    backdrop-filter: blur(16px);
    margin-top: -1.7em;
}
.qp .t1{
   color: #fff; 
}
.qp h2{
    color: #fff;
}
.qp .t2{
    color: #fff;
}
.qp .t6{
    color: #fff;
}
.qp .footer>div{
    width: 2.88em;
    height: 0.64em;
    font-size: 0.28em;
    font-weight: 500;
    color: #A2A6B1;
    text-align: center;
    line-height: 0.64em;
    border-radius: 0.08em;
    border: 1px solid rgba(162, 166, 177, 0.41);
    background: none;
}
.qp .footer>div:last-child{
    background: linear-gradient(158.32deg, rgba(26, 24, 33, 0.9) 3.19%, rgba(27, 27, 27, 0.9) 95.7%);
    color: #FFDF94;
}

@keyframes blink-red-text {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
}

.blink-red-text {
    color: #ff2b2b;
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: #ff2b2b;
    animation: blink-red-text 1s infinite;
}

@keyframes contact-link-pulse {
    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(25, 137, 250, 0.35);
    }
    50% {
        box-shadow: 0 0 0 6px rgba(25, 137, 250, 0);
    }
}

.contact-link {
    display: inline-block;
    color: #1989fa;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
    background: rgba(25, 137, 250, 0.12);
    border: 1px solid rgba(25, 137, 250, 0.35);
    border-radius: 999px;
    padding: 0 8px;
    margin-left: 2px;
    animation: contact-link-pulse 1.6s infinite;
}

.contact-link:hover {
    background: rgba(25, 137, 250, 0.2);
}

.contact-link:active {
    transform: scale(0.98);
}

.contact-tip {
    color: #1989fa;
    font-size: 0.22em;
    font-weight: 600;
    margin-left: 4px;
}

.qp .contact-link {
    color: #7ec8ff;
    background: rgba(126, 200, 255, 0.15);
    border-color: rgba(126, 200, 255, 0.45);
}

.qp .contact-tip {
    color: #7ec8ff;
}