.enter-classroom-tool[data-v-03ae0aa1]{min-height:100%;position:relative;padding:30px 0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.enter-classroom-tool .tools[data-v-03ae0aa1]{padding:0 100px;width:100%;display:-ms-grid;display:grid;-ms-grid-columns:(280px)[auto-fit];grid-template-columns:repeat(auto-fit,280px);-ms-flex-pack:center;justify-content:center;gap:32px}.enter-classroom-tool .tools .tool-item[data-v-03ae0aa1]{position:relative;width:280px;height:176px;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);border-radius:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 24px;cursor:pointer}.enter-classroom-tool .tools .tool-item[data-v-03ae0aa1]:hover{box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.enter-classroom-tool .tools .tool-item .tool-item-text[data-v-03ae0aa1]{font-weight:500;font-size:16px;color:#000;line-height:24px;margin:10px 0}.enter-classroom-tool .tools .tool-item .tool-item-tips[data-v-03ae0aa1]{font-weight:400;font-size:14px;color:#4b5563;line-height:20px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2}.enter-classroom-tool .tools .tool-item .tool-item-attainment[data-v-03ae0aa1]{position:absolute;right:11px;top:-4px}.enter-classroom-tool .tools .tool-item .tool-item-attainment .tool-item-attainment-inner[data-v-03ae0aa1]{width:40px;height:24px;background:#fee2e2;border-radius:0 0 4px 4px;font-weight:400;font-size:12px;color:#dc2626;line-height:24px;text-align:center;position:relative;z-index:2}.enter-classroom-tool .tools .tool-item .tool-item-attainment[data-v-03ae0aa1]:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:46px;border-bottom:3px solid #bf9999;border-left:10px solid transparent;border-right:10px solid transparent;height:0;z-index:0}.enter-classroom-tool .tools .tool-item .tool-img[data-v-03ae0aa1]{width:42px;height:42px;border-radius:4px}.btnWrap[data-v-03ae0aa1]{text-align:center}.btnWrap button[data-v-03ae0aa1]{margin:0 12px}.no-data[data-v-03ae0aa1]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:400;font-size:16px;color:#9e9e9e;line-height:26px;text-align:center}.no-data img[data-v-03ae0aa1]{width:208px}