.app-list .courses[data-v-61993f14]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-items:center;margin:0 auto;gap:10px}.app-list .course[data-v-61993f14]{-webkit-box-sizing:border-box;box-sizing:border-box;min-width:300px;min-height:300px;max-width:calc(20vw - 20px);max-height:calc(20vw - 20px);padding:20px}.app-list .course .course-content[data-v-61993f14]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;width:100%;height:100%;background-color:#fff;overflow:hidden;-webkit-box-shadow:10px 13px 13px rgba(0,0,0,.15);box-shadow:10px 13px 13px rgba(0,0,0,.15)}.join-course-page[data-v-8bf93c0e]{background-color:#ffce38;min-height:calc(100vh - 60px);background-image:url(../img/mask.475d81eb.png);background-size:cover;background-repeat:repeat}.join-course-page .header .tabs[data-v-8bf93c0e]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;background-color:#fff;-webkit-box-shadow:0 0 1px 0 rgba(24,94,224,.15),0 6px 12px 0 rgba(24,94,224,.15);box-shadow:0 0 1px 0 rgba(24,94,224,.15),0 6px 12px 0 rgba(24,94,224,.15);padding:.75rem;border-radius:99px}.join-course-page .header .tabs [data-v-8bf93c0e]{z-index:2}.join-course-page .header .container input[type=radio][data-v-8bf93c0e]{display:none}.join-course-page .header .tab[data-v-8bf93c0e]{height:30px;min-width:100px;max-width:100px;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:#000;font-weight:700;border-radius:99px;cursor:pointer;-webkit-transition:color .15s ease-in;transition:color .15s ease-in;overflow:hidden}.join-course-page .header .notification[data-v-8bf93c0e],.join-course-page .header .tab[data-v-8bf93c0e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.join-course-page .header .notification[data-v-8bf93c0e]{width:.8rem;height:.8rem;position:absolute;top:10px;left:30%;font-size:10px;border-radius:50%;margin:0;background-color:#e6eef9;-webkit-transition:.15s ease-in;transition:.15s ease-in}.join-course-page .header .container[data-v-8bf93c0e]{width:calc(1.5rem + 340px);margin-left:0;overflow:hidden}.join-course-page .header .container input[type=radio]:checked+label[data-v-8bf93c0e]{color:#fff}.join-course-page .header .container input[type=radio]:checked+label>.notification[data-v-8bf93c0e]{color:#fff;margin:0}.join-course-page .header .container input[id=radio-1]:checked~.glider[data-v-8bf93c0e]{-webkit-transform:translateX(0);transform:translateX(0)}.join-course-page .header .container input[id=radio-2]:checked~.glider[data-v-8bf93c0e]{-webkit-transform:translateX(100%);transform:translateX(100%)}.join-course-page .header .container input[id=radio-3]:checked~.glider[data-v-8bf93c0e]{-webkit-transform:translateX(200%);transform:translateX(200%)}.join-course-page .header .glider[data-v-8bf93c0e]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;width:100px;background-color:#fcc031;z-index:1;border-radius:100px;-webkit-transition:.25s ease-out;transition:.25s ease-out}.join-course-page .body[data-v-8bf93c0e]{height:calc(100vh - 60px);width:auto}.join-course-page .courses[data-v-8bf93c0e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:3vw}.join-course-page .courses .course[data-v-8bf93c0e]{margin-right:auto;min-width:400px;min-height:320px;max-width:400px;max-height:320px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 0 30px rgba(0,0,0,.3);box-shadow:0 0 30px rgba(0,0,0,.3);border-radius:40px;overflow:hidden;padding:30px;background-image:url(http://localhost/CourseGoodBackground1.png);background-size:cover;background-repeat:no-repeat}.join-course-page .courses .course .title[data-v-8bf93c0e]{font-size:30px;height:80px;line-height:40px}.join-course-page .courses .course .studyCount[data-v-8bf93c0e],.join-course-page .courses .course .title[data-v-8bf93c0e]{-webkit-filter:invert(1);filter:invert(1);color:#fff;font-family:"\9ED1\4F53",SimHei,Microsoft YaHei,Arial,Helvetica,sans-serif;width:100%;overflow:hidden}.join-course-page .courses .course .studyCount[data-v-8bf93c0e]{margin-top:20px;font-size:22px;text-wrap:none}.join-course-page .courses .course .price[data-v-8bf93c0e]{-webkit-filter:invert(1);filter:invert(1);color:#fff;font-size:30px;font-family:AlimamaShuHeiTi,serif;width:100%;overflow:hidden;text-wrap:none}.join-course-page .courses i[data-v-8bf93c0e]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:20vw;flex-basis:20vw}.join-course-page .goodBtn-container[data-v-8bf93c0e]{width:100%;height:80px;margin-top:auto}.join-course-page .goodBtn-container .goodBtn[data-v-8bf93c0e]{background-color:#f0f0f0;color:#000;width:50%;border-radius:30px;font-size:1.5rem;font-family:"\9ED1\4F53",SimHei,Microsoft YaHei,Arial,Helvetica,sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5px 10px;cursor:pointer}.join-course-page .pay-type-select-container .el-radio[data-v-8bf93c0e]{color:#bebebe}.join-course-page[data-v-8bf93c0e] .buy-card-redeem-input .el-input__inner{color:#000}.join-course-page .buy-card-divider[data-v-8bf93c0e]{background-color:#414141}.join-course-page .buy-card-divider .el-divider__text[data-v-8bf93c0e]{background-color:#1d1e22;color:#fff}.join-course-page[data-v-8bf93c0e] .buy-card-redeem-input .el-input__inner{background-color:#000!important;border:1px solid #656565!important;color:#fff}.join-course-page[data-v-8bf93c0e] .buy-card-redeem-input .el-input__inner::-webkit-input-placeholder{color:#fff;font-size:14px;font-style:italic}.join-course-page[data-v-8bf93c0e] .buy-card-redeem-input .el-input__inner::-moz-placeholder{color:#fff;font-size:14px;font-style:italic}.join-course-page[data-v-8bf93c0e] .buy-card-redeem-input .el-input__inner:-ms-input-placeholder{color:#fff;font-size:14px;font-style:italic}.join-course-page[data-v-8bf93c0e] .buy-card-redeem-input .el-input__inner::-ms-input-placeholder{color:#fff;font-size:14px;font-style:italic}.join-course-page[data-v-8bf93c0e] .buy-card-redeem-input .el-input__inner::placeholder{color:#fff;font-size:14px;font-style:italic}