.box[data-v-ad193ad4]{padding:15px;background:#fff;border-radius:5px;border:1px solid #e8e8e8}.course[data-v-ad193ad4]{z-index:1;position:relative}.course img[data-v-ad193ad4]{height:100%;width:100%}.code[data-v-ad193ad4]{z-index:2;position:absolute;top:402px;left:50%;transform:translate(-50%,-50%);border:1px solid #e8e8e8}.code img[data-v-ad193ad4]{height:140px;width:140px}.name[data-v-ad193ad4]{font-size:16px}.mask[data-v-ad193ad4]{z-index:3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.3);position:absolute;transition:opacity .3s;cursor:pointer;top:0;bottom:0;left:0;right:0;opacity:0}.mask[data-v-ad193ad4]:hover{opacity:1}