.details-page[data-v-1fe36d38]{min-height:calc(100vh - 80px);background-color:#f8f8f8;border-radius:8px;overflow:hidden}.details-page>div>div.details[data-v-1fe36d38]{max-width:1200px;margin:0 auto;background-color:#fff}.details-page .details-title[data-v-1fe36d38]{height:277px;display:flex;align-items:center;padding:0 48px;box-sizing:border-box}.details-page .details-title .title-img[data-v-1fe36d38]{width:404px;height:229px;border-radius:8px;overflow:hidden}.details-page .details-title .title-img img[data-v-1fe36d38]{width:100%}.details-page .details-title .title-info[data-v-1fe36d38]{align-self:flex-start;margin-left:36px;margin-top:52px}.details-page .details-title .title-info p[data-v-1fe36d38]{margin:0;color:#333}.details-page .details-title .title-info>p[data-v-1fe36d38]:first-child{font-size:24px;font-weight:700}.details-page .details-title .title-info>p[data-v-1fe36d38]:nth-child(2){font-size:16px;margin-top:22px}.details-page .details-title .title-progress[data-v-1fe36d38]{margin-left:auto;align-self:flex-start;margin-top:80px}.details-page .details-title .title-progress .progress-pro[data-v-1fe36d38]{width:100%}.details-page .details-title .title-progress .progress-pro span[data-v-1fe36d38]{float:left;margin-left:30px;margin-top:-8px}.details-page .details-title .title-progress .progress-btns[data-v-1fe36d38]{width:306px;display:flex;justify-content:space-between;margin-top:88px}.details-page .details-title .title-progress .progress-btns button[data-v-1fe36d38]{width:133px;height:43px;background:#fff;border:1px solid #c6c3c3;border-radius:4px;font-size:16px;color:#333;cursor:pointer}.details-page .details-title .title-progress .progress-btns .collection[data-v-1fe36d38]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAA+CAYAAAAvS+tgAAAAAXNSR0IArs4c6QAABedJREFUWEftmFtslEUUx/9nZr5eKa1QtOzFiEDZpXITgj5IgMRIUNQHkcQQYhSQB0oEiRc0CjQgRi4RJKiAlzdFhfiCEdSYEDQQSxCw3RYkGPp1iylQCqW0/WbmmG9LSUu77Vd8tJNsssme85sz/3Pm7MwQAozKQgynLPU5CAUZTXreyAac78uN+jL4BVD3RMUyAVkGQgZb3hBz9XoCvN58+wRXhxCzwtlBhOkAfPtj0ngvjU7i+B2DvwcyR0bFIoZcA6LCdhBfBfPGphq9ZQrQnA7ea8QVEYySpD4E6DEQCR9CzJYZR1qsVzqxl6jTgn1ti8JyPkmxDaDBnSNj5mZhzdvJWrtjJtDSU9T0NSAnDUFum0SOI5BjHQxilvdKQRMs6FkQTehxuZZPg/gbWP7DsDkLgWuS0Jx5Dc2XruA6JcLyeRJiIsAjALofhPvAGASiPhN7a0JmP+rzAJ8D6JyxOEGJiKonIW4mpq/iC/g782VKROR2IrEYRBkB3Xo3Y26DxWdUDji5EfUWEb0Ooqz/BudWWN7a6umylI5n70K+l6NKWdAyAu7ul76p0mYGcInAO63VW+K1/veb43gBCrJy1YskaDmASH/gBP6Hmbez1R/50FS9d156VSHykKlehaTXAMoMLIu1W53revXIBjR2+HQrqURUrSSidUBwvdnasrirV3cOpAvY3yzjws4uCCwgItWPiPc2ufq5KZ06XhdwdQiFLJyvQJjZ0RsCwZl/Ny3eUyX1uNCjFKeHI26VsxdArEvy2rPe4OcfwJBuibVco9l78oFanOgRXBmRjwuSu0AItXfIFPAywIeNpR8kwWPwbBI0DYxhHRMwcwPYLoq7Zl+P4Oqos5QJfuIKUh0MfACG9xg2R+J1qPGnOhlGOJvkVCYxD4TZzMiD35eZy2Kufr/niMPyCSHERmY+Ly02t1zX5eMacZUA01lrP8mjC5CXnaUmscIyIpok2K4sThdxoEQFNAreGgMC026QfvqnNR+I+JY0A1IMSNF9nwxUxUBV/G+q4mgehg7Od9YQ8TMEOmhueKvGXkRdb/82fW4Q//ycE1GvAFRijLfNkc4SJq5XNXrtaKA1HbxPcEURxkrHecca3h1P6p+rh2MySfUmG3o3VueV3xG4AsiQUbEQLGLNWq978ALqzwzBYJ2r3gDh2iCrP4i6uNETvNeIT4UQVUK+B2BfzDX7qP3sRpUh9aiQtNDT3tpxdUgEAjNAp4ciJHJUiWWea0kUeFe9JeMbU4fC1KgYhkEiS24iiDy29kvTbE5+2wB3DWC7nCuqCjGGs9QiIhQDCDEoSzAuE/hIK+md42pw9vaozoQR0aQWE2gaCIUAe8xIMnCWWX+RkiIRUQdAqCDWB60HN7sV7ogruBL08OLrjgxEtIOIgJrOhIdT4Kqoc1pYu6K41uwPCktnd6ZITdcO7UyBqyNOKRPPMUavKunjHaK3idvfNtR6MMpT4NQrStgpJeKnCfrlmIuT/Y089QQh1FayOHoJeuOtcvMzLTPVUgBTGLos7uJUULgPFXDWCua/W5v0Jr+CutSxf0Nty1XLCTQq5noLgoKrInI3ETVeM3rDlCQu+n7dNkhFCJOkdD6J1XhTg4ITUXVMar2iuA6HutRxZ8CfYTVTElbGXT0nKLgqovaT5V1jkua7tOCqqHyBWUyOu15pUHAirLYIoHZMrd6cFlwZVmUSaOxsxICsjCA/0yLXADeSSVyZCegOSCIslgjQ+DG1xk9+anTROPXAFHV2gr39cRd7GRB/hRHyhHxEQsxi8HAw1Vu2P5Ixh2IXUOPfqBJFmEGOWiFr9LyOHt0F3N4mnY+ZzfFW2H1ZkDMA+B8w47DyzGHjyMkQmAFGBgi/Odr81CrkdCFormnR80vq0dRjVVT6dz0if0kZID5PwEFpzK8jk6glwPrdL1GIIpktHzLALAka5YOM4U/jSbPnZmvtXm7+X1H2MAyVAtnGQeNYF423XyBTKwDEqXzkO9nIJ402cxEXS4C2Do3/BdX8Y/dXvNSbAAAAAElFTkSuQmCC) no-repeat;background-position:26% 150%}.details-page .details-title .title-progress .progress-btns .now-see[data-v-1fe36d38]{background:#2badef;border:0;color:#fff}.details-page .details-directory[data-v-1fe36d38]{padding:20px 45px 20px 32px;box-sizing:border-box;margin-top:20px}.details-page .details-directory .directory-title[data-v-1fe36d38]{width:100%;font-size:18px;color:#2badef;text-align:center;margin:0}.details-page .details-directory .course-catalog-text[data-v-1fe36d38]{font-size:18px;color:#333;margin-left:8px;position:relative}.details-page .details-directory .course-catalog-text[data-v-1fe36d38]:before{content:"";display:block;width:2px;height:18px;background:#2badef;position:absolute;top:50%;transform:translateY(-50%)}.details-page .details-directory ul[data-v-1fe36d38]{padding:0;margin-top:16px}.details-page .details-directory ul li[data-v-1fe36d38]{list-style-type:none;max-width:657px;height:40px;line-height:40px;border-radius:4px;padding:0 14px;box-sizing:border-box;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAABqCAYAAACMLWCdAAAAAXNSR0IArs4c6QAABABJREFUWEftWF1oI1UU/k5+pibNtt1ma+r6i33RgFioLD60NMlDV5ksbYXSBx+Mr118KAV/HiwWFJFF2BcFF8EUBe2KtKUkrpXdmQouLcoaFhShskiFrtna0l3atEkmc+TOZLJJOtttq49z3zL3fPec+53v3vkmBJvxyMUhHwVcJ8VUqZS7uXpmLlcfRtUPWtMvNwWgjbnI9RYAb3muqEP/8M5u/oPNwZlNK74CPHHppYcC3JBhcBuBahZkMIPodq6kPb0mf/23ABsBxy8ONTcdc98gUKtd6dYzBrZ3XbtPZk9P3zKAj6WHJ4jo7fpMFqBNaobc/jySK99Bh35u5cWp1+kJJfEAdvN3qvZUk7RVasL5Z0bwzeoPmL15VcwVC9pWCz2aHu5wk+sP8aTvwedwdf1XbJV2DLCX3Jg6NY5P/0wjnV2qLJgv6eEa4KmWp/BOOIHBxXHoXMJ89zm8+/sXuLx2raYKA3hy7oxf8gQEzQb9IuvZjgGU9BI+ujGDy2u/1PNV3HF5jpvkfDv8PoHesMjpPfEsfG4Jl7I/7SFZJ/38ygtTo2Y7vh9qbtIO1o6dAjpu9X+ZrTQ6ODf08DGP5zcATXa9ZGBXd3PHX31frVYEYAW2p4faGsjzJgGvVUuOmT/Jcek9SzV7gNYCgjAm/+Pit+6VVrKnP9/eV+T7yc0BHoKdmpN+CJx5AxxlOMB9WHPIccg5yqEqv5GPAnUk50iuloFCLJYA8ysAOsszGTAnJVWdrI6sKIcjkZYi0TSIIrZkMqte5kFSVcN6VoCFaFQFUS9CIXhGRkCdnUAgAM5kUJqcBF+/DjCrkqJEK0CjPOAzAfJeuGAA6oc2OmqCgVelK1eSRkYrm2diAtTdbV9pJgNtbExkXZAUJWICYzFRd7N3dtY2m7HS1haK/f0CuCkpiunlCrEYH/RMMjMaFMX03vlo9B8iCh4IzJyVFKXdAo4T0cR9gWwUdlZSlI8r7chHIj8TUVfdB4C5ltsNaJrY34+Sqhrs1QtgBkDvnsxiR8wLXuaBPQKwgsuSS4DIlBxzBkRJ0Ttbyd13f3UBzi3n3HKH1YwZ7yjHUY6jnHsx4JwO53T8T6cjlUoluN52Asl4PG5vOxVFadne3p6me9hOZlYbGxsHo9Fore1MpVKqsCo+nw/hcBjBYBAejwfr6+tYXl7GxsYGBDgej9+1naI8YTsFqKenxwDUj8XFRQMsbKcsy6bttLJ1dXUhFArZsiUyLy0Z/z8uyLJs2s5UKmXYzr6+PttsIkbTNMzPz4tyN+PxuGk7DwMEcFuW5Zb/XOrRyKkmaL92WMTUvJGFAHK5nL3tNHle8Pv9A3sEYPWg3FNR+t0vHSApelfdp38BGGqqcAc5JEMAAAAASUVORK5CYII=) no-repeat;background-position:96% 120%;position:relative}.details-page .details-directory ul li img[data-v-1fe36d38]{margin-right:8px;position:relative;top:5%}.details-page .details-directory ul li[data-v-1fe36d38]:hover{background-color:#fafafa}.details-page .details-directory ul li .chapter-nearly[data-v-1fe36d38]{font-style:normal;font-size:12px;color:#8b8a8a;position:absolute;right:8%}