.button[data-v-70133fcb]{display:block;height:400rem;padding:0;width:100%}.button[data-v-70133fcb],.button[data-v-70133fcb]:hover{background:transparent}.button .p-banner1[data-v-70133fcb]{background-image:url(/yuanben/site/20231020/classroom/banner/banner-bg1.png);background-size:cover}.button .p-banner2[data-v-70133fcb]{background-image:url(/yuanben/site/20231020/classroom/banner/banner-bg2.png);background-size:cover}.button .p-banner3[data-v-70133fcb]{background-image:url(/yuanben/site/20231020/classroom/banner/banner-bg3.png);background-size:cover}.title-box[data-v-43c78a46]{margin-bottom:60rem}.title-box .title[data-v-43c78a46]{color:var(--black-primary);font-size:50rem;font-weight:700;line-height:1;text-align:center}.title-box .sub-title[data-v-43c78a46]{align-items:center;color:#a3aab4;display:flex;flex-direction:column;font-size:28rem;line-height:1;margin-top:15rem}.title-box .sub-title[data-v-43c78a46]:after{background-color:var(--green-primary);content:"";height:3rem;margin-top:12rem;width:120rem}@media screen and (min-width:1200px){.title-box[data-v-43c78a46]{margin-bottom:80px}.title-box .sub-title[data-v-43c78a46]{font-size:16px}.title-box .sub-title[data-v-43c78a46]:after{height:2px;width:68px}}.container .item[data-v-43c78a46]{align-items:stretch;cursor:pointer;display:flex;margin:0 auto 35rem;width:704rem}.container .item .image[data-v-43c78a46]{width:300rem}.container .content[data-v-43c78a46]{background-color:#fff;border-radius:0 4rem 4rem 0;box-shadow:0 5px 16px #0000001a;flex:1;overflow:hidden;padding:25rem 30rem}.container .content .title[data-v-43c78a46]{color:var(--black-primary);font-size:28rem;font-weight:700;line-height:1;margin-bottom:30rem;overflow:hidden;white-space:nowrap}.container .content .desc[data-v-43c78a46]{color:var(--black-light);font-size:24rem}.container .content .play-num[data-v-43c78a46],.container .content .time[data-v-43c78a46]{align-items:center;color:#777;display:flex;font-size:24rem}.container .content .play-num img[data-v-43c78a46],.container .content .time img[data-v-43c78a46]{height:26rem;margin-right:16rem;width:34rem}.container .content .time[data-v-43c78a46]{align-items:center;display:flex;justify-content:space-between}.container .content .time .tag[data-v-43c78a46]{display:none}@media screen and (min-width:1200px){.container[data-v-43c78a46]{display:flex;flex-wrap:wrap}.container .item[data-v-43c78a46]{flex-direction:column;margin:0 0 0 19px;width:380px}.container .item[data-v-43c78a46]:first-child{margin-left:0}.container .item .image[data-v-43c78a46]{height:154px;width:100%}.container .item .content[data-v-43c78a46]{padding:18px 24px}.container .item .content .title[data-v-43c78a46]{font-size:18px}.container .item .content .desc[data-v-43c78a46]{font-size:16px;margin-bottom:5px;margin-top:-15px}.container .item .content .play-num[data-v-43c78a46],.container .item .content .time[data-v-43c78a46]{font-size:14px}.container .item .content .play-num img[data-v-43c78a46],.container .item .content .time img[data-v-43c78a46]{height:14px;margin-right:10px;width:18px}.container .item .content .time .tag[data-v-43c78a46]{background-color:#e6fff3;border-radius:2px;color:var(--green-primary);display:block;line-height:24px;padding:0 12px}.container .item.small[data-v-43c78a46]{width:284px}.container .item.small .image[data-v-43c78a46]{height:154px}.container .item.small .content[data-v-43c78a46]{padding:14px 8px}}