.select-box{position:relative;padding:12px 40px;border-radius:23px;border:1px solid var(--c-sub-grey-04);cursor:pointer}.select-box .select-content{font-weight:500;font-size:15px;line-height:22px;color:var(--c-pri-black);font-family:Outfit}.select-box .select-content .iconfont{margin-left:6px;font-size:22px}.select-box .select-content .icon-a-arrowup{display:none}.select-box .select-options{display:none;width:100%;position:absolute;left:0;top:calc(100% + 12px);background-color:var(--c-white);padding:16px;border-radius:16px;border:1px solid var(--c-sub-grey-04);z-index:1}.select-box .select-options::before{content:"";display:block;width:100%;height:14px;background-color:transparent;position:absolute;top:-14px;left:0}.select-box .select-options .option-item{display:block;cursor:pointer;padding:8px;border-radius:8px;margin-top:8px;font-weight:500;font-size:14px;line-height:20px;color:var(--c-sub-grey-01);font-family:Outfit}.select-box .select-options .option-item:first-of-type{margin-top:0}.select-box .select-options .option-item.select-active,.select-box .select-options .option-item:hover{background-color:var(--c-sub-grey-05);font-weight:500;font-size:14px;line-height:20px;color:var(--c-pri-black);font-family:Outfit}.select-box .select-options.position-top{top:auto;bottom:calc(100% + 12px)}.select-box .select-options.position-top::before{top:auto;bottom:-14px}.select-box:hover .select-options{display:block}.select-box:hover .icon-a-arrowdown{display:none}.select-box:hover .icon-a-arrowup{display:block}.btn-circle,.btn-circle-qn,.pic-label{display:inline-flex}.select-box.small{padding:6px 12px;border-radius:16px}.select-box.small .select-content{font-weight:500;font-size:14px;line-height:20px;color:var(--c-pri-black);font-family:Outfit}.select-box.small .select-content .iconfont{margin-left:6px;font-size:20px}.pic-label{padding:5px 12px;border-radius:16px;align-items:center;justify-content:center;cursor:pointer}.pic-label .iconfont,.pic-label img{margin-right:4px}.pic-label img{width:22px;height:22px}.pic-label-regular{font-size:13px;font-weight:400;line-height:18px}.pic-label-regular .icon{font-size:16px;margin-right:4px}.pic-label-medium{font-size:14px;font-weight:500;line-height:20px}.pic-label-medium .icon{font-size:20px;margin-right:4px}.pic-label-large{font-size:15px;font-weight:500;line-height:22px}.pic-label-large .icon{font-size:22px;margin-right:4px}.pic-label-grey{color:var(--c-sub-grey-01);background:var(--c-sub-grey-05)}.pic-label-grey:hover{background:var(--c-sub-grey-04)}.pic-label-blue{color:var(--c-blue);background:var(--c-blue12)}.btn-circle,.btn-circle .iconfont,.pic-label-white{color:var(--c-sub-grey-01)}.pic-label-blue:hover{background:var(--c-blue30)}.pic-label-white{background:var(--c-white)}.btn-circle,.pic-label-white:hover{background:var(--c-sub-grey-05)}.pic-label-green{color:var(--c-green);background:var(--c-green12)}.pic-label-green:hover{background:var(--c-green30)}.pic-label-red{color:var(--c-red);background:var(--c-red12)}.pic-label-red:hover{background:var(--c-red30)}.pic-label-yellow{color:var(--c-yellow);background:var(--c-yellow12)}.pic-label-yellow:hover{background:var(--c-yellow30)}.pic-label-purple{color:var(--c-purple);background:var(--c-purple12)}.pic-label-purple:hover{background:var(--c-purple30)}.label-qn{position:relative;display:inline-block;width:32px;height:32px;text-align:center}.label-qn>span{position:relative;font-size:20px;line-height:28px;font-weight:700;color:var(--c-pri-black)}.label-qn::before{position:absolute;content:'';width:100%;height:7px;border-radius:1px;left:0;bottom:7px}._btn_circle_loading,.btn-circle.loading::before{content:"";top:50%;left:50%;animation:bnt-circle-load .8s linear infinite}.label-qn-red::before{background:var(--c-red30)}.label-qn-blue::before{background:var(--c-blue30)}.label-qn-grey::before{background:var(--c-sub-grey-03)}@keyframes bnt-circle-load{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}._btn_circle_loading{position:absolute;width:16px;height:16px;border:2px solid var(--c-sub-grey-01);border-top-color:transparent;border-radius:50%}.btn-circle,.btn-circle-qn{border-radius:50%;position:relative;text-align:center}.btn-circle{align-items:center;justify-content:center;width:32px;height:32px;font-size:14px;font-weight:400;cursor:pointer}.btn-circle .iconfont{font-size:16px}.btn-circle-white{background:var(--c-white);box-shadow:0 4px 4px 0 #24231F14}.btn-circle:hover{background:var(--c-sub-grey-04)}.btn-circle.active{background:var(--c-sub-grey-03)}.btn-circle.disable{cursor:not-allowed;pointer-events:none;opacity:.6}.btn-circle.loading{cursor:not-allowed;pointer-events:none;color:transparent!important}.btn-circle.focus,.btn-circle.focus .iconfont{color:var(--c-white)}.btn-circle.loading .iconfont{opacity:0}.btn-circle.loading::before{position:absolute;width:16px;height:16px;border:2px solid var(--c-sub-grey-01);border-top-color:transparent;border-radius:50%}.btn-circle.focus{background:var(--c-pri-black)}@media screen and (max-width:767px){.btn-circle{width:24px;height:24px;font-size:12px}}.btn-circle-qn{align-items:center;justify-content:center;width:40px;height:40px;font-size:16px;font-weight:600;color:var(--c-sub-grey-01);background:var(--c-sub-grey-05);border:2px solid var(--c-sub-grey-04)}.btn-circle-qn.correct{color:var(--c-green);background:var(--c-green12);border-color:var(--c-green12)}.btn-circle-qn.incorrect{color:var(--c-red);background:var(--c-red12);border-color:var(--c-red12)}.c-pagination-container .btn{padding:6px 12px;font-size:14px;line-height:20px}.c-pagination-container .ul{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap}.c-pagination-container .ul .li{margin-right:12px}.c-pagination-container .ul .li:first-child{margin-right:20px}.c-pagination-container .ul .li:last-child{margin-left:20px;margin-right:0}.c-pagination-container .ul .li:nth-last-child(2){margin-right:0}.c-pagination-container .for-mobile{display:none}.c-pagination-container .for-mobile .ul .li:first-child{margin-right:10px}.c-pagination-container .for-mobile .ul .li:last-child{margin-left:0;margin-right:0}.c-pagination-container .for-mobile .ul .li:nth-last-child(2){margin-right:10px}.c-pagination-container .for-mobile .p-n{display:flex;align-items:center;justify-content:center;margin-top:16px}.c-pagination-container .for-mobile .p-n .btn{margin:auto 8px;font-size:12px;line-height:18px}@media screen and (max-width:767px){.c-pagination-container .for-pc{display:none}.c-pagination-container .for-mobile{display:block}}.empty-box{width:100%;height:200px;font-weight:300;font-size:15px;line-height:22px;color:var(--c-sub-grey-01);font-family:Outfit}.empty-box img{width:80px;height:80px;margin-bottom:16px}.upstudy-ai-root-page{height:auto}.page-ask-expert-root{min-height:calc(100vh - 67px)}.page-ask-expert-root .paer-content{padding:0}.page-ask-expert-root .paer-content .ask-tutor-content{padding:32px;max-width:960px;width:100%;margin:0 auto}.page-ask-expert-root .paer-content .ask-tutor-content .ask-title{margin:32px auto 0;font-weight:700;font-size:32px;line-height:40px;color:var(--c-pri-black);font-family:Outfit;width:100%;max-width:620px;text-align:center}.page-ask-expert-root .paer-content .ask-tutor-content .ask-desc{text-align:center;margin:16px auto 0;font-weight:300;font-size:14px;line-height:20px;color:var(--c-sub-grey-01);font-family:Outfit;width:100%;max-width:620px}.page-ask-expert-root .paer-content .ask-tutor-content .online-teacher-box{margin-top:32px}.page-ask-expert-root .paer-content .ask-tutor-content .online-teacher-box img{width:32px;height:32px;border-radius:50%;margin-right:-12px;border:2px solid var(--c-sub-grey-05)}.page-ask-expert-root .paer-content .ask-tutor-content .online-teacher-box .teacher-num{background-color:var(--c-green);border:2px solid var(--c-sub-grey-05);border-radius:16px;padding:6px 12px;font-weight:500;font-size:14px;line-height:20px;color:var(--c-white);font-family:Outfit}.page-ask-expert-root .paer-content .ask-tutor-content .card{background-color:var(--c-white);padding:24px;border-radius:16px;border:1px solid var(--c-sub-grey-04)}.page-ask-expert-root .paer-content .ask-tutor-content .card .card-title{font-weight:700;font-size:24px;line-height:30px;color:var(--c-pri-black);font-family:Outfit}.page-ask-expert-root .paer-content .ask-tutor-content .card .card-desc{margin-top:12px;font-weight:300;font-size:14px;line-height:20px;color:var(--c-sub-grey-01);font-family:Outfit}.page-ask-expert-root .paer-content .ask-tutor-content .card .card-desc .strong{font-weight:400;font-size:14px;line-height:20px;color:var(--c-pri-black);font-family:Outfit}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card{margin-top:64px}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .input-box{margin-top:24px;width:100%}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .input-box textarea{height:178px;padding:12px 16px}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-title{margin-top:32px}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box #select-img{margin-top:24px;width:100%;max-height:246px;object-fit:contain;border-radius:8px;border:1px solid #E9ECED;position:relative}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box #select-img[data-error=false]{display:block}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box #select-img[data-error=false]+label,.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box #select-img[data-error=true]{display:none}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box label{cursor:pointer;margin-top:24px;width:100%;height:256px;border-radius:12px;background-color:var(--c-sub-grey-06)}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box label .upload-icon{width:100px;height:100px}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box label .input-desc{max-width:300px;width:100%;margin-top:16px;text-align:center;font-weight:300;font-size:15px;line-height:22px;color:var(--c-sub-grey-01);font-family:Outfit}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box label .input-desc .strong{font-weight:400;font-size:15px;line-height:22px;color:var(--c-pri-black);font-family:Outfit}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box label:hover{border:1px dashed var(--c-sub-grey-01)}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box .upload-bar-container{display:none;margin-top:24px}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box .upload-bar-container .upload-bar-title{font-weight:700;font-size:20px;line-height:28px;color:var(--c-pri-black);font-family:Outfit}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box .upload-bar-container .upload-handler{margin-top:16px;padding:24px;border-radius:12px;border:1px solid var(--c-sub-grey-04)}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box .upload-bar-container .upload-handler .upload-msg img{width:46px;height:46px}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box .upload-bar-container .upload-handler .upload-msg .msg-content{margin-left:16px}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box .upload-bar-container .upload-handler .upload-msg .msg-content .img-name-txt{font-weight:400;font-size:15px;line-height:22px;color:var(--c-pri-black);font-family:Outfit}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box .upload-bar-container .upload-handler .upload-msg .msg-content .progress-data{margin-top:6px;font-weight:300;font-size:13px;line-height:18px;color:var(--c-sub-grey-01);font-family:Outfit}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box .upload-bar-container .upload-handler .upload-msg .icon-delete{width:24px;height:24px;margin-left:auto;cursor:pointer}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box .upload-bar-container .upload-handler .upload-bar-bg{margin-top:16px;position:relative;height:6px;border-radius:3px;background-color:var(--c-sub-grey-06)}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box .upload-bar-container .upload-handler .upload-bar-bg .upload-bar{position:absolute;left:0;top:0;width:0%;height:6px;border-radius:3px;background-color:var(--c-blue30);transition:width .1s linear}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box .submit-btn{display:block;margin:32px auto 0;padding:11px 66px}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box .upload-desc{margin-left:auto;margin-right:auto;margin-top:32px;max-width:460px;width:100%;text-align:center}.page-ask-expert-root .paer-content .history-box{margin-top:64px}.page-ask-expert-root .paer-content .history-box .history-title-box .history-title{font-weight:700;font-size:24px;line-height:30px;color:var(--c-pri-black);font-family:Outfit}.page-ask-expert-root .paer-content .history-box .history-title-box .select-box{padding:6px 11px}.page-ask-expert-root .paer-content .history-box .history-title-box .tutor-question-select{min-width:112px;background:var(--c-white)}.page-ask-expert-root .paer-content .history-box .history-item{display:block;margin-top:20px;padding:24px;border-radius:16px;border:1px solid var(--c-sub-grey-04);background-color:var(--c-white)}.page-ask-expert-root .paer-content .history-box .history-item .question-img-box{border-radius:12px;background-color:var(--c-sub-grey-06);border:1px solid var(--c-sub-grey-04);margin-bottom:16px}.page-ask-expert-root .paer-content .history-box .history-item .question-img-box .question-img{max-width:100%;max-height:250px;height:auto;margin:0 auto;object-fit:contain;display:block}.page-ask-expert-root .paer-content .history-box .history-item .question-desc{font-weight:300;font-size:15px;line-height:22px;color:var(--c-pri-black);font-family:Outfit;word-break:break-word}.page-ask-expert-root .paer-content .history-box .history-item .question-msg{margin-top:20px}.page-ask-expert-root .paer-content .history-box .history-item .question-msg .pic-label{margin-right:12px}.page-ask-expert-root .paer-content .history-box .history-item .question-msg .question-time{margin-left:auto;font-weight:400;font-size:13px;line-height:18px;color:var(--c-sub-grey-01);font-family:Outfit}.page-ask-expert-root .paer-content .history-box .history-item:hover{box-shadow:var(--border-grey-shadow)}.page-ask-expert-root .paer-content .pagination-box{margin-top:32px}@media screen and (max-width:767px){.page-ask-expert-root{min-height:calc(100vh - 49px)}.page-ask-expert-root .paer-content .ask-tutor-content{padding:32px 16px}.page-ask-expert-root .paer-content .ask-tutor-content .g-bread-crumbs{margin-left:16px}.page-ask-expert-root .paer-content .ask-tutor-content .ask-title{margin:24px auto 0;font-weight:700;font-size:24px;line-height:30px;color:var(--c-pri-black);font-family:Outfit}.page-ask-expert-root .paer-content .ask-tutor-content .ask-desc{margin-top:12px}.page-ask-expert-root .paer-content .ask-tutor-content .online-teacher-box{margin-top:24px}.page-ask-expert-root .paer-content .ask-tutor-content .card{padding:16px}.page-ask-expert-root .paer-content .ask-tutor-content .card .card-title{font-weight:700;font-size:20px;line-height:28px;color:var(--c-pri-black);font-family:Outfit}.page-ask-expert-root .paer-content .ask-tutor-content .card .card-desc{margin-top:8px;font-weight:300;font-size:13px;line-height:18px;color:var(--c-sub-grey-01);font-family:Outfit}.page-ask-expert-root .paer-content .ask-tutor-content .card .card-desc .strong{font-weight:400;font-size:13px;line-height:18px;color:var(--c-pri-black);font-family:Outfit}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-title{margin-top:20px}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box .submit-btn{margin:20px auto 0}.page-ask-expert-root .paer-content .ask-tutor-content .ask-card .upload-box .upload-desc{margin-top:20px}.page-ask-expert-root .paer-content .history-box .history-title-box{flex-direction:column;align-items:flex-start}.page-ask-expert-root .paer-content .history-box .history-title-box .select-box{margin-top:16px}.page-ask-expert-root .paer-content .history-box .history-item{margin-top:16px;padding:16px}}