.pngStyle[data-v-daa77966]{height:0;padding-bottom:56.25%;width:100%;position:relative}.pngStyle .img[data-v-daa77966]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.info[data-v-daa77966]{margin-top:10px}.info .title[data-v-daa77966]{font-size:16px;font-weight:600;color:#303133;line-height:24px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.info .title .type[data-v-daa77966]{margin-right:4px;color:#1677ff;font-size:12px;font-weight:400;line-height:18px;border:1px solid #7fa9ff;border-radius:6px;background-color:#eaf1ff;white-space:nowrap;padding:2px 6px}.class[data-v-daa77966],.info .title .titleitem[data-v-daa77966]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.class[data-v-daa77966]{color:#475467;font-weight:400;line-height:20px;font-size:14px;margin-top:8px}.class-code-container[data-v-35e6be72]{padding:20px 0}.code-inputs[data-v-35e6be72]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:15px}.code-inputs .code-input[data-v-35e6be72]{width:42px;height:56px;border:1px solid #dcdfe6;border-radius:6px;text-align:center;font-size:18px;font-weight:500;margin:0 6px;-webkit-transition:border-color .3s;transition:border-color .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.code-inputs .code-input[data-v-35e6be72]:focus{outline:none;border-color:#1677ff;-webkit-box-shadow:0 0 0 2px rgba(64,158,255,.2);box-shadow:0 0 0 2px rgba(64,158,255,.2)}.code-inputs .code-input[data-v-35e6be72]::-webkit-input-placeholder{color:#c0c4cc}.code-inputs .code-input[data-v-35e6be72]::-moz-placeholder{color:#c0c4cc}.code-inputs .code-input[data-v-35e6be72]::-ms-input-placeholder{color:#c0c4cc}.code-inputs .code-input[data-v-35e6be72]::placeholder{color:#c0c4cc}.code-inputs .separator[data-v-35e6be72]{font-size:20px;font-weight:700;color:#606266;margin:0 10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.code-hint[data-v-35e6be72]{text-align:center;color:#909399;font-size:12px}