.detail{background-color:#fff}.detail .detail-thumb{opacity:0;z-index:0;background:linear-gradient(90deg,#333,#505763);width:100vw;min-height:320px;animation:.5s .8s forwards slide-in;position:relative;top:0!important}.detail .thumb-img{object-fit:cover;width:100vw;height:100%;position:absolute}.detail .thumb-title{letter-spacing:.1em;color:#fff;z-index:1;width:1070px;max-width:100%;margin:0 auto;padding:40px 0 80px;font-size:42px;font-style:normal;font-weight:400;line-height:150%;position:relative}.detail .thumb-container{z-index:1;border-radius:20px;width:1070px;max-width:100%;height:auto;min-height:170px;margin:0 auto;padding:25px 50px;position:absolute;bottom:-80px;left:0;right:0;box-shadow:10px 10px 20px #00000040}.detail .thumb-content{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:20px 30px;display:flex}.detail .class-item,.detail .mb-30{margin-bottom:0}.detail .class-price{width:auto;min-width:233px}.detail .class-share{width:auto}.detail .class-btn{z-index:2;cursor:pointer;border-radius:50px;justify-content:center;align-items:center;width:137px;height:45px;font-size:18px;transition:opacity .3s,background-color .3s,border .3s,top .5s;display:flex}.detail .class-platform{width:auto;min-width:228px}.detail .class-people{width:auto;min-width:140px}.detail .class-time{width:auto;min-width:205px}.detail .thumb-content-title{letter-spacing:.1em;color:#fff;white-space:nowrap;min-width:104px;margin-right:25px;font-size:24px;font-weight:400;line-height:120%}.detail .thumb-content-price{letter-spacing:.1em;color:#ffe98c;font-size:30px;font-weight:700;line-height:100%}.detail .thumb-content-subtitle{letter-spacing:.1em;color:#fff;margin-right:15px;font-size:18px;line-height:120%}.detail .thumb-content-desc{color:#ececec;font-size:16px;line-height:120%}.detail .thumb-content-img{width:55px;margin-right:10px}.detail .hot-list{flex-wrap:wrap;margin-top:20px;display:flex}.detail .hot-list .hot-item{cursor:pointer;background-color:#f6eedf;height:32px;margin:0 15px 18px 0;transition:all .3s;box-shadow:0 1px 4px 1px #0003}.detail .hot-list .hot-item:hover{box-shadow:inset 0 1px 1px 1px #000000b3}.detail .hot-list .hot-item:first-child{color:#fff;background:linear-gradient(91.97deg,red -10.07%,#fd666f 126.39%)}.detail .hot-list .hot-item:nth-child(2){color:#fff;background-color:#f57b51}.detail .hot-list .hot-item:nth-child(3){background-color:#d1cebd}.detail .heart-item{height:32px}.detail .container{z-index:2;width:1070px;max-width:100vw;margin:100px auto 0;padding-top:0;display:flex;left:0;right:0}.detail .content{z-index:1;background-color:#0000;width:100%;min-height:100vh;margin-right:30px;padding:0 40px 40px;position:relative}.detail .block{margin-top:50px}.detail .block-title{color:#333;margin-bottom:20px;font-size:32px;font-weight:700;line-height:1.5}.detail .block-desc{color:#333;white-space:pre-line;width:100%;font-size:18px;line-height:2}.detail .block-desc.normal{white-space:normal}.detail .card-star{align-items:center;font-size:13px;display:flex}.detail .card-star .rating{gap:2px;display:flex}.detail .card-star .star{color:#ddd;font-size:16px}.detail .card-star .star.filled{color:#f90}.detail .card-rating{color:#666;margin-left:10px;font-size:16px}.detail .chapter-list{background-color:#fff;border:1px solid #ebeef5;border-radius:4px;margin-top:20px;overflow:hidden}.detail .chapter-item{background-color:#fff;border-bottom:1px solid #ebeef5;margin-bottom:0}.detail .chapter-item:last-child{border-bottom:none}.detail .chapter-header{cursor:pointer;color:#303133;background-color:#0000;justify-content:space-between;align-items:center;height:auto;padding:10px 15px;font-size:18px;line-height:2;transition:color .3s;display:flex}.detail .chapter-header:hover{color:#409eff}.detail .chapter-toggle{color:#909399;text-align:center;flex-shrink:0;width:16px;margin-left:8px;font-size:14px;font-weight:400;transition:transform .3s}.detail .chapter-content{background-color:#0000;margin-left:10px;padding:0 15px 10px}.detail .chapter-subtitle{color:#606266;border:none;margin-bottom:5px;padding:0;font-size:14px;line-height:1.8}.detail .htmlStyle{margin-top:50px}.detail .htmlStyle *{max-height:auto!important}.detail .htmlStyle p{color:#4c545a;margin:10px 0;line-height:1.7em}.detail .htmlStyle img{max-width:100%}.detail .htmlStyle .fr-view img{margin:5px auto}.detail .htmlStyle .fr-fic.fr-dib{display:none}.detail .htmlStyle .fr-view .fr-video{width:100%}.detail .htmlStyle .fr-draggable{width:100%!important}.detail .htmlStyle .fr-view strong{color:#4c545a;font-size:16px;font-weight:700;line-height:1.7em;display:block}.detail .card-row{flex-wrap:wrap;margin-top:20px;display:flex}.detail .card-row .class-card{border-top-left-radius:16px;border-top-right-radius:16px;width:280px;box-shadow:0 1px 3px #0003}.detail .empty-result{color:#999;letter-spacing:.1em;text-align:center;padding:60px 0;font-size:30px}@keyframes slide-in{0%{opacity:0;top:30px}to{opacity:1;top:1px}}@media screen and (max-width:767px){.detail{margin-top:60px}.detail .container{width:100vw;margin:0 auto;padding:0;display:block}.detail .content{width:100%;box-shadow:none;margin-right:0;padding:20px 20px 120px}.detail .thumb-title{width:100%;padding:20px;font-size:26px}.detail .thumb-container{width:90vw;height:auto;margin-top:20px;padding:20px;position:relative;bottom:0}.detail .thumb-content{flex-direction:column;align-items:flex-start}.detail .class-price,.detail .class-share,.detail .class-platform,.detail .class-people,.detail .class-time{width:100%;margin-bottom:15px}.detail .block{margin-top:30px}.detail .block-title{margin-bottom:15px;font-size:18px}.detail .block-desc{font-size:14px}.detail .card-star{margin-bottom:15px}.detail .htmlStyle p{color:#4c545a;margin:10px 0;line-height:1.7em}.detail .htmlStyle .fr-view img{margin:5px auto}.detail .htmlStyle .fr-fic.fr-dib{display:none}.detail .htmlStyle .fr-view .fr-video{width:100%}.detail .htmlStyle .fr-draggable{width:100%!important}.detail .htmlStyle .fr-view strong{color:#4c545a;font-size:16px;font-weight:700;line-height:1.7em;display:block}.detail .card-row{flex-wrap:wrap}.detail .card-row .class-card{width:100%;margin:10px 0}}