@charset "utf-8";
html,
body {
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  
}
body {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 0.8rem;
  line-height: 1rem;
  color: #000;
  background-color: #efeff4;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
}

a,
button,
input,
select,
textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a,
u {
  text-decoration: none;
}
#airesult a {
    color: #42abfb;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-appearance: none;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
em,
img,
q,
s,
b,
i,
u,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
canvas,
footer,
header,
nav,
output,
section,
summary,
time,
mark,
audio,
video,
button {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font: inherit;
  font-size: 100%;
}
ol,
ul {
  list-style: none;
}
textarea,
input {
  display: block;
  padding-top: 0.1rem;
  padding-left: 0;
  height: 1.7rem;
  vertical-align: middle;
  font-size: 0.7rem;
  line-height: 0.8rem;
  border: 0;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  font-family: inherit;
  outline-offset: 0;
  outline-style: none;
  background-image: none;
}
textarea,
[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"] {
  margin: 0;
  padding: 0;
  -webkit-user-select: text;
}


/*  */
.box {
    width: 100%;
    padding: 3.4rem 5% 13.5rem 5%;
    box-sizing: border-box;
    /* background: -webkit-gradient(linear,left top,left bottom,color-stop(4%,#ABD2FF),color-stop(16%,#F5F6F9));
    background: -webkit-linear-gradient(top,#ABD2FF 4%,#F5F6F9 16%);
    background: linear-gradient(to bottom,#ABD2FF 4%,#F5F6F9 16%); */
}

.box .wrap{
    margin-bottom: 10px;
}

.box .avatar{
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.box .text{
    line-height: 25px;
    text-align: justify;
    font-size: 0.8rem;
}

.box .user-box{
    display: flex;
    justify-content: flex-end
}

.box .user-box .user-wrap{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.box .user-box .user-wrap .user-text{
    max-width: 100%;
    margin-left: 48px;
    box-sizing: border-box;
    padding: 0.6rem 0.8rem;
    color: #000;
    background: #ddd;
    border-radius: 14px 5px 14px 14px;
    float: right;
}
.box .user-box .user-wrap .user-text .text{line-height: 25px;font-size: 0.8rem;display: block;}

.box .is-last{
    padding-bottom: 10px;
}

.box .ai-box{
    /* display: flex */
}

.box .ai-box .ai-text{
    max-width: 95%;
    min-height: 56px;
    padding: 0.6rem 0.8rem;
    border-radius: 5px 14px 14px;
    margin-top: 0.6rem;
    background: #ddd;
    color: #333;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;

}

.box .ai-box .ai-text h4{
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 26px;
}

.box .keep-ask{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-bottom: 10px;
    position: relative;
    top: -10px;
}

.box .keep-ask span{
    font-size: 14px;
    color: #333;
    margin-bottom: 6px;
}

.box .keep-ask .title-list{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.box .keep-ask .title-list div{
    width: 100%;
}
.box .keep-ask .title-list div span{
    display: inline-block;
    max-width:95%;
    padding: 12px 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff;
    border-radius: 14px;
    margin-bottom: 5px;
    color: #333;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #fff;
}

.box .keep-ask .title-list div span:hover {
    background: linear-gradient(90deg,#f5f6f9,#e3eff9 19%,#e1f7fe 51%,#e9f3fb 82%,#edf0f9)
}

.box .search-box{
    position: fixed;
    bottom: 40px;
    box-shadow: 0 0 60px 10px #00000014;
    display: flex;
    border-radius: 14px;
    overflow: hidden;
    justify-content: center
}

.login-box,.lock-box{
    width: 95%;
    height: 130px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 5px 14px 14px;
    margin-top: 0.6rem;
   
    cursor: pointer
}

.login-box .unlock,.lock-box .unlock{
    width: 30px;
    z-index: 9;
    align-self: center
}

.login-box .login-btn,.lock-box .login-btn{
    width: 106px;
    height: 40px;
    background: linear-gradient(180deg,#0e121f,#494c57);
    border-radius: 9px;
    border: 1px solid var(--black-btn-border);
    color: #fff;
    text-align: center;
    line-height: 40px;
    z-index: 9;
    align-self: center;
    cursor: pointer;
    font-size: 14px;
}

.login-box .text,.lock-box .text{
    position: absolute;
    text-align: left;
    top: 0;
    padding: 14px 20px;
    box-sizing: border-box;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(5PX);
    font-size: 0.7rem;
}

.refresh-text{
    font-size: 12px;
    color: #838f95;
    margin-left: 12px;
    line-height: 32px;
    cursor: pointer
}

.refresh-text:hover {
    text-decoration-line: underline
}

/* .lock-box{
    height: 100px!important
} */

@keyframes el-skeleton-loading-bd54ba7b {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.skeleton-list{
    display: flex;
    flex-direction: column;
    align-items: flex-start!important
}

.skeleton{
    margin-bottom: 10px;
    height: 18px;
    background: linear-gradient(90deg,#f0f2f5 25%,#e6e8eb 37%,#f0f2f5 63%);
    background-size: 400% 100%;
    animation: el-skeleton-loading-bd54ba7b 1.4s ease infinite
}

.user-skeleton{
    background: linear-gradient(90deg,#2e8fff,#56a4ff,#2e8fff);
    background-size: 400% 100%
}
.fontcolis{color: rgb(255, 4, 4);}

.header_top .header_boxs h3{width: 500px;
    font-size: 16px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;}


    .search{
        position: fixed;
        z-index: 99;
        background: #F5F6F9;
        /* padding: 2.66667vw 5.33333vw calc(env(safe-area-inset-bottom) + 2.66667vw) 5.33333vw; */
        padding: 0.6rem 5%;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    


    /*  */

    .ball-pulse>div:nth-child(1) {
        animation: scale 1s -.48s infinite cubic-bezier(.2,.68,.18,1.08)
    }
    
    .ball-pulse>div:nth-child(2) {
        animation: scale 1s -.32s infinite cubic-bezier(.2,.68,.18,1.08)
    }
    
    .ball-pulse>div:nth-child(3) {
        animation: scale 1s -.16s infinite cubic-bezier(.2,.68,.18,1.08)
    }
    
    .ball-pulse>div:nth-child(4) {
        animation: scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08)
    }
    
    .ball-pulse {
        text-align: justify;
        border: 1PX solid #fff;
        width: fit-content;
        display: flex;
        align-items: center;
        height: 100%
    }
    
    .ball-pulse div {
        background-color: #c9cfd7;
        width: 6px;
        height: 6px;
        border-radius: 100%;
        margin: 3px;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: inline-block
    }
    
    @keyframes scale {
        0% {
            transform: scale(1.2);
            opacity: 1
        }
    
        45% {
            transform: scale(.1);
            opacity: .7
        }
    
        80% {
            transform: scale(1.2);
            opacity: 1
        }
    }
.header_ydbox{position: fixed;left: 0;top: 0;right: 0;z-index: 9999;}
.header_ydtop{height: 2.8rem;line-height: 2.8rem;background-color: #3D9EFF;color: #fff;padding-left: 13%;box-sizing: border-box;}
.header_ydtop .headback{position: absolute;left: 5%;top: 0.8rem;width: 0.7rem;}
.header_ydtop .headback img{display: block;width: 100%;}
.header_ydtop .headback_rgs{position: absolute;right: 3%;font-size: 0.7rem;color: #fff;}

.search_tips {
    width: 100%;
    font-size: .8rem;
    height: 110px;
    overflow: hidden;
    padding: 5px 0;
    box-sizing: border-box;
}
.search_tips .search_tiptext{font-size: 0.8rem;text-align: center;line-height: 25px;color: #999;}
/*  */
.search_ai{position: fixed;z-index: 99;background: #fff;/* padding: 2.66667vw 5.33333vw calc(env(safe-area-inset-bottom) + 2.66667vw) 5.33333vw; */padding: 0.8rem 5%;bottom: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: end;-webkit-align-items: flex-start;-ms-flex-align: end;align-items: flex-start;flex-direction: column;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.sear_ipt{width: 100%;box-shadow: 0 6px 10px 0 rgba(42,60,79,.1);box-sizing: border-box;border-radius: 20px;border: 1px solid #E5E5E5;padding: 0.6rem 3%;}
.sear_texta{display: block;width: 100%;box-sizing: border-box;font-size: 0.9rem;overflow-y: auto;line-height: 1.2rem;}
.sear_btngo img{float: right;width: 2rem;}
.sear_grad{width: 100%;position: relative;}
.sea_gdmo{width: 100%; padding: 0.4rem 3%;border: 1px solid #EBEBEB;border-radius: 8px;margin-bottom: 0.4rem;color: rgba(0, 0, 0, .5);display: flex;align-items: center;font-size: 12px;}
.sea_gdmo img{display: inline-block;width: 15px;height: 15px; margin:0 1%}
.sear_opal{position: absolute;bottom:3rem;left:0;width: 100%;background-color: #fff;z-index: 999;box-shadow: 0 2px 10px 0 rgba(42,60,79,.1);border-radius: 8px;padding: 0.2rem 2%;display: none;}
.sear_opal .sear_dzhi{line-height: 2rem;font-size: 0.9rem;border-top: 2px solid #F3F3F3}
.sear_gradul li{line-height: 2rem;font-size: 0.85rem;white-space: nowrap;text-overflow :ellipsis;overflow : hidden; }
.aiterget{overflow: hidden;display: flex;align-items: center;float: left;margin-top: 0.4rem;}
.aiterget a{padding: 2px 8px;border: 1px solid rgba(0, 0, 0, .12);border-radius: 12px;margin-right: 6px;display: flex;align-items: center;font-size: 0.8rem;color: #333;}
.aiterget a img{display: inline-block; width: 16px;margin-right: 3px;}
.aiterget a.aiattrcl{background-color: #DBEAFE;color: #4D6BFE;}
#lwclass{display: flex;padding-bottom: 0.4rem;}
#lwclass select{font-size: 0.8rem;padding: 0 0.3rem;margin-right: 0.6rem;border:1px solid rgba(0, 0, 0, .12);border-radius: 0.4rem;height: 1.8rem;line-height: 1.8rem;appearance: auto;-webkit-appearance: menulist;-moz-appearance: menulist;color: #666;}
.intext_alos{font-size: 12px;color: #999;text-align: center;width: 100%;padding-top: 0.3rem;}
.sear_aliteb .sear_alituite{overflow: hidden;}
.sear_aliteb .sear_alituite .sear_alituaop{float: left;width: 25%;margin-right: 1.5%;}
.sear_aliteb .sear_alituite .sear_alituaop:first-child{width: 18%;}
.sear_aliteb .sear_alituite .sear_alituaop:nth-child(4){margin: 0;}
.sea_gdmois{padding: 0.4rem 3%;border: 1px solid #EBEBEB;border-radius: 8px;margin-bottom: 0.4rem;color: rgba(0, 0, 0, .5);display: flex;align-items: center;font-size: 12px;}
.sea_gdmois a{display: flex;align-items: center; width: 100%;color: #999;}
.sea_gdmois img{display: inline-block;width: 15px;height: 15px; margin:0 1%}
.sear_opal{position: absolute;bottom:3rem;left:0;width: 100%;background-color: #fff;z-index: 999;box-shadow: 0 2px 10px 0 rgba(42,60,79,.1);border-radius: 8px;padding: 0.2rem 2%;display: none;}

/*试题讲解*/
.container {max-width: 500px;margin: 0 auto;}
.question-card {background-color: var(--card-bg);border-radius: 20px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);overflow: hidden;margin-bottom: 30px;}
.question-header {background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));color: white;}
.question-title {font-size: 1.1rem;font-weight: 600;margin-bottom: 8px;}
.question-text {font-size: 0.95rem;opacity: 0.9;}
.options-list {padding: 20px;}
.option-item {background-color: #f1f5f9;border-radius: 12px;padding: 15px;margin-bottom: 15px;display: flex;justify-content: space-between;align-items: center;transition: all 0.2s ease;}
.option-item-hover {background-color: #e2e8f0;transform: translateY(-2px);}
.option-text {font-size: 0.95rem;font-weight: 500;width:86%;}
.play-btn {background-color: white;border: none;border-radius: 50%;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);transition: all 0.2s ease;}
.play-btn img {width: 10px;transform: rotate(-90deg);}
.audio-player {background-color: var(--card-bg);border-radius: 20px;padding: 20px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);}
.progress-container {width: 100%;height: 6px;background-color: #e2e8f0;border-radius: 3px;margin: 15px 0;cursor: pointer;position: relative;}
.progress-bar {height: 100%;background-color: var(--primary-color);border-radius: 3px;width: 0%;transition: width 0.1s linear;}
.time-display {display: flex;justify-content: space-between;font-size: 0.75rem;color: var(--light-text);margin-top: -5px;}
.controls {display: flex;align-items: center;justify-content: center;gap: 20px;margin-top: 20px;}
.main-control {background-color: var(--primary-color);border: none;border-radius: 50%;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 6px 15px rgba(99, 102, 241, 0.3);transition: all 0.2s ease;}
.main-control img {width: 12px;height:12px;}
.volume-control {display: flex;align-items: center;gap: 8px;}
.volume-btn {background: none;border: none;cursor: pointer;}
.volume-btn img {width: 16px;}
.volume-slider {width: 80px;-webkit-appearance: none;height: 6px;border-radius: 3px;background: #e2e8f0;outline: none;}
.volume-slider::-webkit-slider-thumb {-webkit-appearance: none;width: 16px;height: 16px;border-radius: 50%;background: var(--primary-color);cursor: pointer;}
.nav-buttons {display: flex;justify-content: space-between;margin-top: 20px;}
.nav-btn {background-color: var(--primary-color);color: white;border: none;border-radius: 12px;padding: 10px 20px;font-size: 0.9rem;font-weight: 500;cursor: pointer;transition: all 0.2s ease;}
.nav-btn:hover {background-color: var(--secondary-color);transform: translateY(-2px);}
.nav-btn:disabled {background-color: #cbd5e1;cursor: not-allowed;transform: none;}
@media (max-width: 480px) {
    .container {padding: 10px;}
    .question-header {padding: 15px;}
    .question-title {font-size: 1rem;}
    .option-item {padding: 12px;}
    .main-control {width: 45px;height: 45px;}
}