| 1 |
- [data-v-d685358c]:export{color_0:#000;color_1:#111;color_2:#222;color_3:#333;color_4:#444;color_5:#555;color_6:#666;color_7:#777;color_8:#888;color_9:#999;color_a:#aaa;color_b:#bbb;color_c:#ccc;color_d:#ddd;color_e:#eee;color_f2:#f2f2f2;color_f5:#f5f5f5;color_fa:#fafafa;color_fc:#fcfcfc;color_f:#fff;color_on:#f66420;pad:20px}.my-workbench[data-v-d685358c]{position:relative;width:100%;height:696px;min-height:378px;max-height:696px;background:#222020;overflow:hidden}.my-workbench #bgCanvas[data-v-d685358c]{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;background-repeat:no-repeat;background-size:contain;background-position:50%}.my-workbench img[data-v-d685358c]{width:100%;height:auto}.my-workbench .el-image[data-v-d685358c]{width:100%;height:100%}.my-workbench .content[data-v-d685358c]{position:absolute;top:0;bottom:0;left:auto;right:auto;z-index:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;font-size:12px;font-weight:600;line-height:20px;color:#fff}.my-workbench .content .item[data-v-d685358c]{width:300px;height:300px}.my-workbench .content .item .list[data-v-d685358c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.my-workbench .content .item .list .desc p[data-v-d685358c]{-webkit-transition:all .3s;transition:all .3s}.my-workbench .content .item .list .desc img[data-v-d685358c]{width:auto;height:13px;-webkit-transition:all .3s;transition:all .3s}.my-workbench .content .item .list[data-v-d685358c]:hover{cursor:pointer;color:#ee6a74}.my-workbench .content .item .list:hover .desc img[data-v-d685358c]{-webkit-filter:invert(55%) sepia(100%) contrast(180%) hue-rotate(-60deg);filter:invert(55%) sepia(100%) contrast(180%) hue-rotate(-60deg)}.my-workbench .content .item img[data-v-d685358c]{width:60px;height:auto}.my-workbench .content .left[data-v-d685358c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;position:relative;top:0;bottom:0;left:auto;right:-15px;z-index:0}.my-workbench .content .left .list .desc[data-v-d685358c]{text-align:right}.my-workbench .content .right[data-v-d685358c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;top:0;bottom:0;left:auto;right:15px;z-index:0}.my-workbench .content .head-name[data-v-d685358c]{position:relative;width:250px;height:250px}.my-workbench .content .head-name .background[data-v-d685358c]{width:100%;height:100%;-webkit-animation:rotate 50s linear infinite;animation:rotate 50s linear infinite}.my-workbench .content .head-name .background img[data-v-d685358c]{width:100%;height:auto}.my-workbench .content .head-name .rotate[data-v-d685358c]{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.my-workbench .content .head-name .stars[data-v-d685358c]{position:absolute;top:50%;bottom:auto;left:50%;right:0;z-index:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%}.my-workbench .content .head-name .stars img[data-v-d685358c]{width:16px;height:16px;position:absolute}.my-workbench .content .head-name .head[data-v-d685358c]{width:75px;height:75px;position:absolute;top:50%;bottom:auto;left:50%;right:0;z-index:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.my-workbench .content .head-name .head img[data-v-d685358c]{width:100%;height:100%;border-radius:50%;overflow:hidden}.my-workbench .content .head-name P[data-v-d685358c]{position:absolute;top:74%;bottom:auto;left:50%;right:0;z-index:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}
|
