.details[data-v-2f6734bf]{border-radius:5px;box-shadow:0 1px 0 1px #ffffff4d;color:#fff;margin:0 auto;max-width:1350px;min-height:100vh;overflow:hidden;position:relative}.details[data-v-2f6734bf]:before{border-radius:inherit;bottom:-5px;box-shadow:0 1px 0 1px #ffffff1a;content:"";display:inline-block;left:8px;position:absolute;right:8px;top:-5px;z-index:-1}.details .introduce[data-v-2f6734bf]{height:279px;position:relative;width:100%}.details .introduce img[data-v-2f6734bf]{filter:blur(10px) brightness(.7);height:100%;width:100%}.details .introduce .mark[data-v-2f6734bf]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;left:0;padding:10px;position:absolute;top:0;width:100%}.details .introduce .con_box[data-v-2f6734bf]{display:flex;justify-content:space-between;width:100%}.details .introduce .con_box .icon[data-v-2f6734bf]{height:60px;width:60px}.details .introduce .con_box .icon img[data-v-2f6734bf]{border-radius:50%;filter:none;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.details .introduce .con_box .text_introduce[data-v-2f6734bf]{flex:1;margin-left:10px}.details .introduce .con_box .text_introduce h1[data-v-2f6734bf]{-webkit-line-clamp:1;font-size:18px}.details .introduce .con_box .text_introduce h1[data-v-2f6734bf],.details .introduce .con_box .text_introduce p[data-v-2f6734bf]{display:-webkit-box;-webkit-box-orient:vertical;color:#fff;overflow:hidden;text-overflow:ellipsis}.details .introduce .con_box .text_introduce p[data-v-2f6734bf]{margin-top:10px;-webkit-line-clamp:10;font-size:12px}.details .introduce .play[data-v-2f6734bf]{background-image:linear-gradient(180deg,#1381e7,#42cffa);border-radius:20px;color:#fff;cursor:pointer;font-weight:700;text-align:center}.details .introduce .play a[data-v-2f6734bf]{display:block;height:51px;line-height:51px;width:100%}.details .tags_box[data-v-2f6734bf]{margin:15px 10px}.details .tags_box h4[data-v-2f6734bf]{padding:10px 0}.details .tags_box .tags[data-v-2f6734bf]{padding:0 10px}.details .tags_box .tags span[data-v-2f6734bf]{background:#ffffff4d;border-radius:8px;display:inline-block;font-size:13px;margin:0 10px 10px 0;padding:5px;text-align:center}.details .tags_box .instructions[data-v-2f6734bf]{background-color:#ffffff1a;border-radius:8px;font-size:12px;margin:0 10px;padding:10px}.details .recommend[data-v-2f6734bf]{margin:15px 10px;padding:0 10px}.details .recommend h4[data-v-2f6734bf]{background:linear-gradient(45deg,var(--el-color-primary-light-3),transparent);border-radius:8px;color:#fff;padding:4px 0 4px 4px}.details .recommend .rec_list[data-v-2f6734bf]{padding:5px 0}.details .recommend .rec_list ul li a[data-v-2f6734bf]{border-bottom:1px solid #eee;display:flex;padding:5px 0}.details .recommend .rec_list ul li img[data-v-2f6734bf]{border-radius:8px;height:90px;-o-object-fit:cover;object-fit:cover;width:90px}.details .recommend .rec_list ul li .rec_info[data-v-2f6734bf]{display:flex;flex:1;flex-direction:column;justify-content:space-between;margin-left:10px}.details .recommend .rec_list ul li .rec_info p[data-v-2f6734bf]:first-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-weight:600;overflow:hidden;text-overflow:ellipsis}.details .recommend .rec_list ul li .rec_info p[data-v-2f6734bf]:last-child{color:#7f7f7f;font-size:12px}.details .recommend .rec_list ul li .rec_info span[data-v-2f6734bf]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;border-radius:4px;color:#7f7f7f;font-size:12px;overflow:hidden;text-overflow:ellipsis}.details .recommend .rec_list ul li .rec_info em[data-v-2f6734bf]{background-color:#79bbff;border-radius:4px;color:#fff;padding:2px 5px}@media screen and (min-width:992px){.details[data-v-2f6734bf]{padding:0!important}.details .introduce[data-v-2f6734bf]{height:379px;margin:0 auto;width:70%}.details .introduce .text_introduce h1[data-v-2f6734bf]{font-size:24px;font-weight:600}.details .introduce .text_introduce p[data-v-2f6734bf]{font-size:18px!important;width:80%}.details .tags_box[data-v-2f6734bf]{margin:0 auto;width:80%}.details .tags_box .instructions[data-v-2f6734bf],.details .tags_box .tags span[data-v-2f6734bf]{font-size:18px}.details .recommend[data-v-2f6734bf]{margin:30px auto;width:80%}.details .recommend .rec_list ul[data-v-2f6734bf]{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around}.details .recommend .rec_list ul li[data-v-2f6734bf]{padding:15px 0;width:48%}.details .recommend .rec_list ul li img[data-v-2f6734bf]{height:110px;width:130px}.details .recommend .rec_list ul li .rec_info span[data-v-2f6734bf]{color:#cec7c7;font-size:18px}}