.pa[data-v-6b4098c4]{position:absolute}.pr[data-v-6b4098c4]{position:relative}.no-data .type1[data-v-6b4098c4]{width:294px;margin:auto;font-size:18px;color:#9ea7b4;text-align:center;font-weight:400}.no-data .type1>img[data-v-6b4098c4]{width:294px;height:180px;margin:20px auto 6px}.no-data .type2[data-v-6b4098c4]{width:100px;margin:auto;font-size:14px;color:#b4b9c0;letter-spacing:0;font-weight:400;display:flex;align-items:center;margin-top:36px}.no-data .type2>img[data-v-6b4098c4]{width:30px;height:30px;margin-right:5px}.pa[data-v-553a7482]{position:absolute}.pr[data-v-553a7482]{position:relative}.letter-list[data-v-553a7482]{width:100%;height:100%;display:flex;flex-direction:column;padding-right:4px;box-sizing:border-box;border-right:1px solid #dddee2}.letter-list .grade-radio[data-v-553a7482]{display:flex;align-items:center;gap:20px;flex-shrink:0;margin-bottom:6px}.letter-list .grade-radio .radio-item[data-v-553a7482]{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-right:8px}.letter-list .grade-radio .radio-item .radio-dot[data-v-553a7482]{width:14px;height:14px;border-radius:50%;border:2px solid #d0d0d0;box-sizing:border-box;flex-shrink:0;transition:all .2s}.letter-list .grade-radio .radio-item .radio-dot.checked[data-v-553a7482]{border-color:#2d8cf0;background:#2d8cf0;box-shadow:inset 0 0 0 2px #fff}.letter-list .grade-radio .radio-item .radio-label[data-v-553a7482]{font-size:14px;color:rgba(0,0,0,.9)}.letter-list .grade-radio .radio-item.active .radio-label[data-v-553a7482]{color:#2d8cf0;font-weight:500}.letter-list .list-wrap[data-v-553a7482]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.letter-list .list-wrap[data-v-553a7482]::-webkit-scrollbar{width:6px;border-radius:4px;background:transparent}.letter-list .list-wrap[data-v-553a7482]::-webkit-scrollbar-thumb{background:transparent;border-radius:2px}.letter-list .list-wrap .letter-item[data-v-553a7482]{width:274px;height:78px;border-radius:10px;padding:12px 14px;cursor:pointer;background:#fff;border:1px solid #f0f2f5;transition:all .2s}.letter-list .list-wrap .letter-item[data-v-553a7482]:hover:not(.is-active){border-color:#c8dffe;background:#f5f9ff}.letter-list .list-wrap .letter-item.is-active[data-v-553a7482]{background:linear-gradient(135deg,#4aa3f5,#2d8cf0);border-color:transparent}.letter-list .list-wrap .letter-item.is-active .item-title[data-v-553a7482]{color:#fff;font-weight:600}.letter-list .list-wrap .letter-item.is-active .tag[data-v-553a7482]{background:hsla(0,0%,100%,.25);color:#fff}.letter-list .list-wrap .letter-item .item-title[data-v-553a7482]{font-size:16px;color:rgba(0,0,0,.9);margin-bottom:4px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.letter-list .list-wrap .letter-item .item-tags[data-v-553a7482]{display:flex;align-items:center;gap:4px}.letter-list .list-wrap .letter-item .item-tags .tag[data-v-553a7482]{font-size:14px;padding:4px 10px;border-radius:8px;white-space:nowrap}.letter-list .list-wrap .letter-item .item-tags .tag.tag-date[data-v-553a7482]{background:#e7fff3;color:rgba(0,0,0,.6)}.letter-list .list-wrap .letter-item .item-tags .tag.tag-grade[data-v-553a7482]{background:#e9f3fe;color:rgba(0,0,0,.6)}