@import url(https://res.maxiaoha.cn/h5/BeiKe/css/tcplayer.css);.main[data-v-180a069e]{width:1120px;margin:0 auto;overflow:hidden}.areabox[data-v-180a069e]{width:100%;height:537px;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;padding-left:0;margin-top:20px}.areabox li[data-v-180a069e]{height:100%}.areabox li[data-v-180a069e]:first-child{width:280px;position:relative}.areabox li[data-v-180a069e]:nth-child(2){width:820px}.TextbooksImg[data-v-180a069e]{display:block;width:240px;height:147px;margin:0 auto 30px}[data-v-180a069e] .ant-card-body{padding:20px 0 4px}[data-v-180a069e] .ant-card-bordered{border:0}.TextbooksTitle[data-v-180a069e]{position:relative;padding-left:11px}.TextbooksTitle[data-v-180a069e]:before{content:"";width:4px;height:16px;background:#f7b400;position:absolute;top:55%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.TopicBox[data-v-180a069e]{width:100%;height:304px;overflow-y:auto}.TopicBox[data-v-180a069e]::-webkit-scrollbar{width:4px;height:66px}.TopicBox[data-v-180a069e]::-webkit-scrollbar-track{background:transparent;border-radius:2px}.TopicBox[data-v-180a069e]::-webkit-scrollbar-thumb{height:66px;background:#bfbfbf;border-radius:10px}.TopicBox[data-v-180a069e]::-webkit-scrollbar-thumb:hover{background:#333}.TopicBox[data-v-180a069e]::-webkit-scrollbar-corner{background:#179a16}.TextbooksTopic[data-v-180a069e]{width:100%;height:38px;text-align:center;font-size:14px;font-weight:400;line-height:38px}.TextbooksTopic p[data-v-180a069e]{width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 auto;cursor:pointer;text-align:left}.Selected[data-v-180a069e]{color:#fff;background:#f7b400}.VideoBox[data-v-180a069e]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px 20px;height:100%}.back[data-v-180a069e]{width:6px;height:40px;background:#d8d8d8;border-radius:0 6px 6px 0;right:-6px;cursor:pointer}.back[data-v-180a069e],.back i[data-v-180a069e]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.back i[data-v-180a069e]{width:4px;height:10px;left:0}.areabox .backS[data-v-180a069e]{-webkit-animation:slideIn1-180a069e .3s ease forwards;animation:slideIn1-180a069e .3s ease forwards}@-webkit-keyframes slideIn1-180a069e{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideIn1-180a069e{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.areabox .backZ[data-v-180a069e]{-webkit-animation:slideOut-180a069e .3s ease forwards;animation:slideOut-180a069e .3s ease forwards}@-webkit-keyframes slideOut-180a069e{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideOut-180a069e{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.triangle-left[data-v-180a069e]{border-right:5px solid #9f9f9f}.triangle-left[data-v-180a069e],.triangle-right[data-v-180a069e]{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent}.triangle-right[data-v-180a069e]{border-left:5px solid #9f9f9f}[data-v-180a069e] .ant-breadcrumb-separator{color:#f6791c}