#CourseHour[data-v-4d1c4e27]{padding:32px 48px 50px 48px;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}#CourseHour[data-v-4d1c4e27]::-webkit-scrollbar{display:none}.label-title[data-v-4d1c4e27]{margin:24px 0 32px 0}.tab-title[data-v-4d1c4e27]{width:160px;height:48px;border-radius:32px;background-color:rgba(250,158,50,.1);font-size:22px;font-weight:700;color:#fa9e32;display:inline-flex;align-items:center;justify-content:center;margin:24px 0 32px 0}.tab-title img[data-v-4d1c4e27]{width:32px;height:32px;object-fit:cover;margin-right:8px}.hour-box[data-v-4d1c4e27]{display:flex;color:#989187;font-size:16px;height:664px;margin-top:32px}.hour-box .hour-list[data-v-4d1c4e27]{width:274px;background-color:#fff;border-radius:32px;flex-shrink:0;display:flex;flex-direction:column}.hour-box .hour-content[data-v-4d1c4e27],.hour-box .hour-result[data-v-4d1c4e27]{flex-grow:1;height:100%}.hour-box .list-title[data-v-4d1c4e27]{height:68px;display:flex;align-items:center;font-size:20px;padding:0 32px;flex-shrink:0}.hour-box .list-title img[data-v-4d1c4e27]{width:16px;height:16px;margin-right:5px}.hour-box ul[data-v-4d1c4e27]{flex-grow:1;overflow:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;position:relative}.hour-box ul[data-v-4d1c4e27]::-webkit-scrollbar{display:none}.hour-box li[data-v-4d1c4e27]{height:88px;padding:0 42px 0 32px;position:relative;display:flex;align-items:center;color:#989187;font-size:16px;cursor:pointer;font-family:JiangChengYuanTi-500W,JiangChengYuanTi}.hour-box li[data-v-4d1c4e27]:after{content:"";width:24px;height:24px;display:inline-block;background-size:cover;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.hour-box li span[data-v-4d1c4e27]{font-family:TitanOne;margin-right:4px;margin-bottom:2px}.hour-box .hour-item[data-v-4d1c4e27]:hover,.hour-box li.checked[data-v-4d1c4e27]{background-color:#f9f9f9;color:#fa9e32}.hour-box li.checked[data-v-4d1c4e27]:before{content:"";display:block;width:6px;height:36px;background-color:#fa9e32;position:absolute;left:0;border-radius:59px}.hour-box li.checked[data-v-4d1c4e27]:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADaSURBVHgB7ZPPDYIwGEd/VAJ4YwRHqLiAIzgCgXjXCYQJ1JOJEYkbsIFOAA5DooJQ47+TCdAKCQfeqUlf+y7fB3S0nsSj5mVDBxCEFF3edqMJJOL3VBLFW0pRdyCXmP456opMoqtnzFBn4EeWsEx9Y8H1BpwwBocnwh34RhLP8Ku4QoEXEsxkPzyWaeKBd2Uc+8XT9WcA6N2hNxZgYIf+9HxCQ4G1akVmmSQ6Ra5ihZWWTmQPXNUOnao+V4D38ydyVTFnmGt2uAInhQGN5EHKCM2yPCiblo728gAc7UKtAwCBkwAAAABJRU5ErkJggg==)}.hour-box li.expire[data-v-4d1c4e27]{color:rgba(152,145,135,.5);cursor:default}.hour-box li.expire[data-v-4d1c4e27]:hover{color:rgba(152,145,135,.5);background-color:transparent}.hour-box li.lock[data-v-4d1c4e27]{color:#d4d4d4;cursor:default}.hour-box li.lock[data-v-4d1c4e27]:hover{color:#d4d4d4;background-color:transparent}.hour-box li.lock[data-v-4d1c4e27]:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFrSURBVHgBvVXbbYMwFLUT4DudIPQbRMsGsEG6AZ2gI5Ru0GyQDZoR0gmoeP2WTlC+QUDPVYlkUGhMKDmSJdv3ca7vAxibGVxGKQiC1XK5dDjn93RumubDsqy9jO1ZgjRNn+q69rFddQw5z0C0NU3z9WKCJEme4cT/0wHnvmEYL0PyxZAgjmNPcE7RumVZ3tDC+ZHuSEA6YRhuBgNgw9F/wlgnR3Dq2radiXLURVdVNWC/qTsgVS6TfQEZt84J275zAt1RDdqjg1qtpQkURdGPe+oYNgBRVlXVrTSBLFDg/JzOJAKpIMQDDRQK52F7h+W11zuk4uukMedrUQ/rHQ2xR33ykwRRFL3BaLDlJNHpqEUvoqnOCY54GFsDeno2xkAZo4z82kSCOn3L2owiOA4cPiPSNrO36ewEo1JEc8J6/4V/JdA0LcDQzUcgfGGl0a/BgU0EhrXzr+68AH3+gB7fXBJp6zwvimLHrokfy1OWP+W7lXoAAAAASUVORK5CYII=)}.hour-box li.lock[data-v-4d1c4e27]:before{display:none}.hour-box li.lock.checked[data-v-4d1c4e27],.hour-box li.success[data-v-4d1c4e27]{color:#989187}.hour-box li.success[data-v-4d1c4e27]:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHLSURBVHgBtZVfcoIwEMZ3g333CPYEhRnts9iDFE+gR2hvoCdQ71GV56qF3oAb1Hch2ywC8ncm4PjNRAlkf1/YbAjAg4U6g0be2IxAmAJgwH0JEBgg/YPl+p0NTG/c7wkxA8K56vYbggP1s7jIaONb7hl0DYbeeIxorCiZscYsA6JoerRct+ZZUa+/b++SYA0dJBCc75ftptGAZw5o7OEeUWTn3yQz4Jw/oeHppqVJnK4LRVa6JiJ9IEA4HeFu0mIxowdifuMmMhBn0FJEsDmaW5sbcUWlyrFiA5Ues+3sGX6ytk4aj8X4Pu+dzEClx6wAgM6qBTrwXk1hRAkzMajM/hyRfFbNUte+BryyEVOmgGb1uRJCVXapiS68ZHT9tpThqmT3CjJITSThZxt4yuxdO9IXYBQG8KInJrYy4cEfunAWfwz5P9toQ3/yp7qVoGTjxCa6cC6Ok7l75uvbGpBY1g++vsnIn6x04PGkCDJWZhBCuGgsS2VCgI4OnBkhyHXFgBcTSUzhTjEjfzYUyvRofbmSqLMJqlhm5O9V9sGPtVurU8xuSled4rEq5sCxZdOmoPjI5C8swgwBBw1gTuuS16/VkVnWPYf+w/UP6Av00freQAgAAAAASUVORK5CYII=)}.hour-box li.success[data-v-4d1c4e27]:before{display:none}.hour-box li.success.checked[data-v-4d1c4e27]{color:#fa9e32}.hour-box .purchase[data-v-4d1c4e27]{height:66px;background:linear-gradient(90deg,#fa831a,#ffb848);border-radius:0 0 32px 32px;position:relative;padding:4px 0 0 88px;text-align:center}.hour-box .purchase img[data-v-4d1c4e27]{width:94px;height:88px;position:absolute;left:0;bottom:0}.hour-box .purchase p[data-v-4d1c4e27]{font-size:14px;color:#fff}.hour-box .purchase p span[data-v-4d1c4e27]{font-size:18px;font-weight:700;margin:0 4px}.hour-box .purchase .ant-btn[data-v-4d1c4e27]{width:96px;height:28px;background:#fff;box-shadow:0 2px 8px 0 rgba(255,109,78,.37);border-radius:32px;border-color:transparent;font-size:14px;color:#ef4e2b}.hour-box .purchase .ant-btn[data-v-4d1c4e27] .anticon{margin-left:0}.content-box[data-v-4d1c4e27]{flex:1 1 auto;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;margin-left:32px}.content-box[data-v-4d1c4e27]::-webkit-scrollbar{display:none}[data-v-4d1c4e27] .purchase-modal .ant-modal-content{background-color:transparent;box-shadow:none}[data-v-4d1c4e27] .purchase-modal .ant-modal-content .ant-modal-body{background-color:#fff;border-radius:30px;overflow:hidden;height:436px;padding:0;background-image:url(../img/h-code-head.png);background-size:100% auto;background-repeat:no-repeat;background-position:top}[data-v-4d1c4e27] .purchase-modal .ant-modal-content .code{display:inline-block;padding:5px;box-shadow:0 0 16px 0 rgba(173,193,76,.4);border-radius:2px;margin-top:120px;margin-left:70px;background-color:#fff}[data-v-4d1c4e27] .purchase-modal .ant-modal-content .code img{width:200px;height:200px}[data-v-4d1c4e27] .purchase-modal .ant-modal-content .info{width:200px;background:#9dca50;border-radius:16px;margin:20px auto 0;text-align:left;padding:14px 17px;color:#fff;font-weight:700}[data-v-4d1c4e27] .purchase-modal .ant-modal-content .anticon-close-circle{font-size:24px;color:#fff}[data-v-4d1c4e27] .purchase-modal .ant-modal-content .ant-modal-close{top:auto;right:auto;left:50%;bottom:0;transform:translate(-50%,70px)}@media screen and (max-width:1000px){#CourseHour[data-v-4d1c4e27]{padding:16px}.content-box[data-v-4d1c4e27]{margin-left:16px}}@media screen and (max-width:700px){.hour-box[data-v-4d1c4e27]{flex-direction:column}.hour-box .hour-list[data-v-4d1c4e27]{width:100%;background-color:transparent}.hour-box .hour-list ul[data-v-4d1c4e27]{height:72px;overflow-y:hidden;overflow-x:auto;white-space:nowrap;margin-bottom:16px}.hour-box .hour-list li[data-v-4d1c4e27]{display:inline-flex;width:192px;height:72px;background:#fff;border-radius:16px;margin-right:16px;line-height:22px;padding:16px;font-size:14px;white-space:normal;padding-right:32px}.hour-box .hour-list li.checked[data-v-4d1c4e27]{background-color:#fff;color:#fa9e32}.hour-box .hour-list li.checked[data-v-4d1c4e27]:before{width:36px;height:6px;bottom:0;left:50%;transform:translateX(-50%)}.hour-box .hour-list li.checked[data-v-4d1c4e27]:after{opacity:0}.hour-box .hour-list li.lock[data-v-4d1c4e27]:after,.hour-box .hour-list li.success[data-v-4d1c4e27]:after{width:16px;height:16px;opacity:1}.hour-box .hour-list span[data-v-4d1c4e27]{flex-shrink:0;margin-right:5px;font-size:16px}.hour-box .content-box[data-v-4d1c4e27]{margin-left:0}.hour-box .list-title[data-v-4d1c4e27]{padding:0;height:30px;margin-bottom:24px}.hour-box .hour-content[data-v-4d1c4e27]{padding-left:0;display:block}.hour-box .hour-result[data-v-4d1c4e27]{margin-left:0;margin-top:32px}.hour-box .purchase[data-v-4d1c4e27]{height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:16px}.hour-box .purchase img[data-v-4d1c4e27]{display:none}.hour-box .purchase p[data-v-4d1c4e27]{margin-right:16px}}.CourseHour-nav[data-v-4d1c4e27]{display:flex;margin-bottom:12px}.CourseHour-nav .CourseHour-nav-title[data-v-4d1c4e27]:before{content:"";display:inline-block;width:4px;height:15px;background:#fa831a;border-radius:3px 3px 3px 3px;margin-right:5px}.CourseHour-nav .CourseHour-nav-title[data-v-4d1c4e27]{font-weight:600;display:flex;align-items:center;font-size:16px;color:#333}.CourseHour-nav .CourseHour-nav-desc[data-v-4d1c4e27]{font-weight:400;font-size:11px;color:#666;margin-left:10px;align-self:flex-end}