.box[data-v-9d85467a]{margin:100px auto 0;width:80%}.clear[data-v-9d85467a]:after{content:"";display:block;clear:both}.slider[data-v-9d85467a]{position:relative;margin:20px 0;width:100%;height:10px;top:50%;background:#747475;border-radius:5px;cursor:pointer;z-index:99999}.slider .process[data-v-9d85467a]{position:absolute;left:0;top:0;width:112px;height:10px;border-radius:5px;background:#4ab157;z-index:111}.slider .thunk[data-v-9d85467a]{position:absolute;left:100px;top:-4px;width:10px;height:6px;z-index:122}.slider .block[data-v-9d85467a]{width:16px;height:16px;border-radius:50%;background:#fff;transition:all .2s}.slider .block[data-v-9d85467a]:hover{transform:scale(1.1);opacity:.6}.volume[data-v-50cdbda7]{position:relative}.volume .volume-progress[data-v-50cdbda7]{position:absolute;top:-150px;width:32px;height:140px;background:#f6f6f6;border-radius:4px;padding-top:10px}.volume .volume-bar-bg[data-v-50cdbda7]{margin:0 auto;width:6px;height:120px;background:#dcdcdc;border-radius:100px;flex:1;position:relative;transform:rotate(180deg);cursor:pointer}.volume .volume-bar-bg .volume-bar[data-v-50cdbda7]{width:6px;height:50%;background:#56bf8b;border-radius:100px}.volume .volume-btn img[data-v-50cdbda7]{width:18px;height:18px;margin-top:15px;margin-left:6px}.audio-right[data-v-50cdbda7]{width:100%;height:49px;line-height:49px;background:#f6f6f6;border-radius:6px;display:flex;padding:0 15px}.audio-right .dialogAudioPlay[data-v-50cdbda7]{cursor:pointer;color:#5c5e66;font-size:20px}.audio-right .dialogAudioPlay img[data-v-50cdbda7]{width:18px;height:18px;margin-top:15px;margin-left:6px}.audio-right .progress-bar-bg[data-v-50cdbda7]{background-color:#fff;flex:1;position:relative;height:10px;top:50%;transform:translateY(-50%);margin-top:-1px;cursor:pointer;margin:0 10px}.audio-right .progress-bar[data-v-50cdbda7]{background-color:#56bf8b;width:0;height:10px;border-radius:5px}.audio-right .audio-time[data-v-50cdbda7]{overflow:hidden;font-size:14px}.audio-right .audio-time .audio-length-total[data-v-50cdbda7]{float:right}.audio-right .audio-time .audio-length-current[data-v-50cdbda7]{float:left}.TooltipTree[data-v-6637cbfe]{min-width:65%}.TooltipTree .input[data-v-6637cbfe]{display:flex;height:32px;line-height:30px;border:1px solid #d3d3d3;border-radius:4px;font-size:13px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;padding:0 2px}.TooltipTree .input[data-v-6637cbfe]:hover{border-color:#66a4f2}.database-index-left-tab-li[data-v-6040ecb6]{width:25%!important}.database-index-right-list-data-ul-left[data-v-6040ecb6]{min-width:260px;max-width:260px;height:146px;background:#707070!important;font-size:9px;color:#fff}.database-index-right-list-data-ul-left-id[data-v-6040ecb6]{position:absolute;left:0;top:0;z-index:1;background:#9f9f9f;padding:4px 8px}.database-index-right-list-data-ul-left-span[data-v-6040ecb6]{width:100%;position:absolute;bottom:0;left:0;padding:4px;background-color:rgba(0,0,0,.4)}.database-index-right-list-data-ul-left img[data-v-6040ecb6]{max-width:260px;max-height:146px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.database-index-right-list-data-ul-right[data-v-6040ecb6]{padding:20px 0}.database-index-right-top-left[data-v-6040ecb6]{display:block}.database-index-right-top-left-name[data-v-6040ecb6]{float:left;min-width:282px;height:40px}.new_database-index-right-list-data-ul-count[data-v-6040ecb6]{display:-webkit-inline-box;position:absolute;right:0;bottom:8px;border:1px solid #3788ee;border-radius:5px;font-size:12px;color:#3788ee;padding:2px 20px;cursor:pointer}.code_info_left_play[data-v-6040ecb6]{width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.search-li[data-v-6040ecb6]{cursor:pointer;line-height:32px;padding:0 10px}.search-li[data-v-6040ecb6]:hover{color:#568afd}.code_info_ul .code_info_left img[data-v-6040ecb6]{max-width:100%;max-height:100%;position:relative;left:50%;transform:translate(-50%)}.code_info_ul .code_info_left .code_info_left_play[data-v-6040ecb6]{width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}