@media screen and (max-width:1200px){.mainbox{width:100%}.m-pd20,.mainbox{padding:0 20px}.w1200{width:100%}.edu-nav-box,.header{display:none!important}.ad-m,.edu-nav-box-m{display:block}.m-dn{display:none!important}.m-db{display:block!important}.m-f12{font-size:12px!important}.m-f14{font-size:14px!important}.m-bd-box{width:100%;background:#fff;border-radius:8px;border:1px solid #ceddf2}}@media screen and (max-width:800px){.m-dn-800{display:none!important}.m-db-800{display:block!important}.msg-box{width:100%!important}}:root{--van-red:#0082fc}// 移动端 @media screen and(max-width: 500px){.m-dn-500{display:none!important}.m-db-500{display:block!important}}@media screen and (max-width:1200px){body,html{background-color:#fff}.wrapper{width:100%!important;padding:0 20px}.adinfo .service{margin-bottom:0!important}.adinfo .service .itemli{width:48%!important;margin-bottom:44px}.adinfo .service .itemli h5{font-size:16px!important}.cere{width:auto!important;height:220px!important;background:rgba(238,243,250,.6);border-radius:8px;margin-top:40px;margin-bottom:100px;margin-left:40px!important;margin-right:30px!important;position:relative}.cere .fcrp{margin:-38px 0 0 -16px}.cere .ibox{height:100%;margin-left:24px!important;margin-right:24px}.cere .ibox p{width:100%!important;font-size:16px!important;line-height:26px;padding:20px 0 30px!important}.cere .ibox .mypd{padding:14px 80px!important;font-size:16px}.top-title{position:relative;text-align:center;padding:40px 0;font-size:16px!important;color:#333}.top-title .line{display:inline-block;vertical-align:middle;width:30px;height:1px!important;top:50%;line-height:30px;background-color:#555}.top-title .line.left{margin-left:0!important}.top-title .line.right{margin-right:0!important}.top-title p{display:inline-block;padding:0 18px}.mine-wrapper .mine{position:relative;width:100%}.mine-wrapper .mine .item{position:relative;height:176px!important;margin-bottom:46px;background-color:#fff;border-radius:8px}.mine-wrapper .mine .item:hover{box-shadow:0 1px 12px 0 #ccd5f0}.mine-wrapper .mine .item .thumb{position:absolute;bottom:0;width:288px!important;height:176px!important;border-radius:8px}.mine-wrapper .mine .item .thumb .img{transition:all .3s;width:288px!important;height:176px!important;border-radius:8px;margin-top:-16px;margin-left:16px}.mine-wrapper .mine .item .content{display:flex;justify-content:space-between;margin-left:304px!important;height:100%;padding:0 20px;box-sizing:border-box}.mine-wrapper .mine .item .content .left-content{flex:1;width:100%;height:100%}.mine-wrapper .mine .item .content .left-content .title{font-size:15px!important;margin:10px 0 8px!important;font-weight:500!important}.mine-wrapper .mine .item .content .left-content .meta{margin:8px 0 16px!important}.mine-wrapper .mine .item .content .left-content .meta span{font-size:12px;color:#617288;margin-right:15px}.mine-wrapper .mine .item .content .left-content .meta span.one{padding-top:0!important}.mine-wrapper .mine .item .content .left-content .meta span strong{padding-left:4px;font-weight:400;font-size:16px!important;padding-top:4px;color:#ff3c23}.mine-wrapper .mine .item .content .left-content .study-progress,.mine-wrapper .mine .item .content .left-content .task-progress{margin-top:14px!important}.mine-wrapper .mine .item .content .left-content .study-progress p,.mine-wrapper .mine .item .content .left-content .task-progress p{font-size:12px!important}.mine-wrapper .mine .item .content .left-content .study-progress .progress,.mine-wrapper .mine .item .content .left-content .task-progress .progress{width:auto!important;margin:4px 0 10px!important}.course-wrapper{padding-bottom:20px}.course-wrapper>.title{position:relative;text-align:center;padding:15px 0;font-weight:600;font-size:24px;color:#333}.course-wrapper>.title .line{position:absolute;width:30px;height:1px;top:27px;line-height:30px;background-color:#000}.course-wrapper>.title .line.left{left:50%;margin-left:95px}.course-wrapper>.title .line.right{right:50%;margin-right:95px}.course-wrapper .course-list{width:100%;display:flex;justify-content:center;flex-wrap:wrap}.course-wrapper .course-list .course-item{width:360px!important;height:690px;background:#fff;border-radius:8px;margin-bottom:28px;box-sizing:border-box;margin:0 10px 24px 10px}.course-wrapper .course-list .course-item:hover{box-shadow:0 1px 12px 0 #ccd5f0}.course-wrapper .course-list .course-item:hover .enroll{background:linear-gradient(-45deg,#eb443e,#f12f59,#fc9550,#ff4b72,#eb443e);background-size:400% 400%;-webkit-animation:gradientBG 4s ease infinite;animation:gradientBG 4s ease infinite}.course-wrapper .course-list .course-item:hover .thumb .img{margin-top:-10px}.course-wrapper .course-list .course-item .btbox{padding:0 24px}.course-wrapper .course-list .course-item .thumb{width:360px!important;height:230px;border-radius:8px 8px 0 0;position:relative}.course-wrapper .course-list .course-item .thumb .img{position:absolute;width:100%;height:100%;border-radius:8px;transition:all .3s}.course-wrapper .course-list .course-item .title{position:relative;padding:15px 0 10px;font-weight:600;font-size:18px;color:#333}.course-wrapper .course-list .course-item .meta{width:328px;color:#617288}.course-wrapper .course-list .course-item .meta span{font-size:14px;color:#617288;white-space:nowrap}.course-wrapper .course-list .course-item .description{height:110px;font-size:14px;line-height:1.5;margin:20px 0}.course-wrapper .course-list .course-item .price:before{content:"";position:absolute;top:-15px;width:100%;height:1px;background-color:#ceddf2}.course-wrapper .course-list .course-item .enroll{width:100%;height:44px!important;border-radius:8px;color:#fff;transition:all .3s;margin:22px auto 0 auto}.course-wrapper .course-list .course-item .enroll span{font-size:16px!important;line-height:22px}.course-wrapper .course-list .course-item .enroll small{font-size:16px}.course-wrapper .course-list .course-item .enroll:hover{width:96%;height:40px!important;margin-top:24px!important}}@media screen and (max-width:700px){.cere{width:auto!important;height:auto!important;background:rgba(238,243,250,.6);border-radius:8px;margin-top:0!important;margin-bottom:100px;margin-left:20px!important;margin-right:20px!important;display:block!important;padding:20px}.cere .fcrp{width:100%!important;margin:0!important}.cere .ibox{height:100%;margin:0!important}.cere .ibox p{width:100%!important;font-size:16px!important;line-height:26px;margin:10px 0!important;padding:0!important}.cere .ibox .mypd{display:block;text-align:center;width:100%!important;padding:12px 0!important;font-size:16px}.mine-wrapper .mine{position:relative;width:100%}.mine-wrapper .mine .item{position:relative;height:104px!important;margin-bottom:46px;background-color:#fff;border-radius:8px}.mine-wrapper .mine .item:hover{box-shadow:0 1px 12px 0 #ccd5f0}.mine-wrapper .mine .item .thumb{position:absolute;bottom:0;width:152px!important;height:92px!important;border-radius:8px}.mine-wrapper .mine .item .thumb .img{transition:all .3s;width:152px!important;height:100px!important;border-radius:8px;margin-top:-16px!important;margin-left:10px!important}.mine-wrapper .mine .item .content{display:flex;justify-content:space-between;margin-left:156px!important;height:100%;padding:0 20px;box-sizing:border-box}.mine-wrapper .mine .item .content .left-content{flex:1;width:100%;height:100%}.mine-wrapper .mine .item .content .left-content .title{font-size:14px!important;margin:10px 0 0!important;font-weight:500!important}.mine-wrapper .mine .item .content .left-content .meta{margin:6px 0 12px!important}.mine-wrapper .mine .item .content .left-content .meta span{font-size:12px;color:#617288;margin-right:15px}.mine-wrapper .mine .item .content .left-content .meta span.one{padding-top:0!important}.mine-wrapper .mine .item .content .left-content .meta span strong{padding-left:4px;font-weight:400;font-size:16px!important;padding-top:4px;color:#ff3c23}.mine-wrapper .mine .item .content .left-content .meta .sp-class-rank,.mine-wrapper .mine .item .content .left-content .meta .sp-my-average{display:none}.mine-wrapper .mine .item .content .left-content .study-progress,.mine-wrapper .mine .item .content .left-content .task-progress{margin-top:0!important}.mine-wrapper .mine .item .content .left-content .study-progress p,.mine-wrapper .mine .item .content .left-content .task-progress p{font-size:12px!important}.mine-wrapper .mine .item .content .left-content .study-progress .progress,.mine-wrapper .mine .item .content .left-content .task-progress .progress{width:auto!important;margin:4px 0 10px!important}.mine-wrapper .mine .item .content .left-content .task-progress{display:none!important}}em[data-v-632b69a7]{font-style:normal}.top-title[data-v-632b69a7]{position:relative;text-align:center;padding:40px 0;font-size:24px;color:#333}.top-title .line[data-v-632b69a7]{display:inline-block;vertical-align:middle;width:30px;height:2px;top:50%;line-height:30px;background-color:#555}.top-title .line.left[data-v-632b69a7]{margin-left:102px}.top-title .line.right[data-v-632b69a7]{margin-right:102px}.top-title p[data-v-632b69a7]{display:inline-block;padding:0 18px}.style-page[data-v-632b69a7]{width:100%;min-height:100%;background-color:#f3f8ff}.style-page .wrapper[data-v-632b69a7]{width:1200px;margin:auto}.style-page .wrapper .mine-wrapper .mine[data-v-632b69a7]{position:relative;width:100%}.style-page .wrapper .mine-wrapper .mine .item[data-v-632b69a7]{position:relative;height:230px;margin-bottom:46px;background-color:#fff;border-radius:8px}.style-page .wrapper .mine-wrapper .mine .item[data-v-632b69a7]:hover{box-shadow:0 1px 12px 0 #ccd5f0}.style-page .wrapper .mine-wrapper .mine .item .thumb[data-v-632b69a7]{position:absolute;bottom:0;width:376px;height:230px;border-radius:8px}.style-page .wrapper .mine-wrapper .mine .item .thumb .img[data-v-632b69a7]{transition:all .3s;width:376px;height:230px;border-radius:8px;margin-top:-16px;margin-left:16px}.style-page .wrapper .mine-wrapper .mine .item .content[data-v-632b69a7]{display:flex;justify-content:space-between;margin-left:420px;height:100%;padding:0 20px;box-sizing:border-box}.style-page .wrapper .mine-wrapper .mine .item .content .left-content[data-v-632b69a7]{flex:1;height:100%}.style-page .wrapper .mine-wrapper .mine .item .content .left-content .title[data-v-632b69a7]{font-size:20px;margin:20px 0 0;font-weight:600}.style-page .wrapper .mine-wrapper .mine .item .content .left-content .meta[data-v-632b69a7]{margin:10px 0 14px}.style-page .wrapper .mine-wrapper .mine .item .content .left-content .meta span[data-v-632b69a7]{font-size:12px;color:#617288;margin-right:15px}.style-page .wrapper .mine-wrapper .mine .item .content .left-content .meta span.one[data-v-632b69a7]{padding-top:5px}.style-page .wrapper .mine-wrapper .mine .item .content .left-content .meta span strong[data-v-632b69a7]{padding-left:4px;font-weight:400;font-size:20px;padding-top:4px;color:#ff3c23}.style-page .wrapper .mine-wrapper .mine .item .content .left-content .study-progress[data-v-632b69a7],.style-page .wrapper .mine-wrapper .mine .item .content .left-content .task-progress[data-v-632b69a7]{margin-top:24px}.style-page .wrapper .mine-wrapper .mine .item .content .left-content .study-progress p[data-v-632b69a7],.style-page .wrapper .mine-wrapper .mine .item .content .left-content .task-progress p[data-v-632b69a7]{font-size:14px}.style-page .wrapper .mine-wrapper .mine .item .content .left-content .study-progress .progress[data-v-632b69a7],.style-page .wrapper .mine-wrapper .mine .item .content .left-content .task-progress .progress[data-v-632b69a7]{width:400px;margin:10px 0}.style-page .wrapper .mine-wrapper .mine .item .content .right-content[data-v-632b69a7]{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:220px;height:200px;margin-top:12px}.style-page .wrapper .mine-wrapper .mine .item .content .right-content .col-23[data-v-632b69a7]{color:#b3c1d3}.style-page .wrapper .mine-wrapper .mine .item .content .right-content .primary[data-v-632b69a7]{height:40px;line-height:40px;width:220px}.style-page .wrapper .mine-wrapper .mine .item .content .right-content .btn[data-v-632b69a7]{height:40px;line-height:40px;text-align:center}.style-page .wrapper .mine-wrapper .mine .item .content .right-content .btn.gray[data-v-632b69a7]{font-size:14px;width:160px;background:#eef3fa;border-radius:20px}.style-page .wrapper .mine-wrapper .mine .item .content .right-content .btn.ghost[data-v-632b69a7]{width:220px;border-radius:8px;border:1px solid #0082fc}.style-page .wrapper .course-wrapper[data-v-632b69a7]{padding-bottom:20px}.style-page .wrapper .course-wrapper>.title[data-v-632b69a7]{position:relative;text-align:center;padding:15px 0;font-weight:600;font-size:24px;color:#333}.style-page .wrapper .course-wrapper>.title .line[data-v-632b69a7]{position:absolute;width:30px;height:1px;top:27px;line-height:30px;background-color:#000}.style-page .wrapper .course-wrapper>.title .line.left[data-v-632b69a7]{left:50%;margin-left:95px}.style-page .wrapper .course-wrapper>.title .line.right[data-v-632b69a7]{right:50%;margin-right:95px}.style-page .wrapper .course-wrapper .course-list[data-v-632b69a7]{width:100%;display:flex;justify-content:center;flex-wrap:wrap}.style-page .wrapper .course-wrapper .course-list .course-item[data-v-632b69a7]{width:380px;height:690px;background:#fff;border-radius:8px;margin-bottom:28px;box-sizing:border-box;margin:0 10px 24px 10px}.style-page .wrapper .course-wrapper .course-list .course-item[data-v-632b69a7]:hover{box-shadow:0 1px 12px 0 #ccd5f0}.style-page .wrapper .course-wrapper .course-list .course-item:hover .enroll[data-v-632b69a7]{background:linear-gradient(-45deg,#eb443e,#f12f59,#fc9550,#ff4b72,#eb443e);background-size:400% 400%;-webkit-animation:gradientBG-632b69a7 4s ease infinite;animation:gradientBG-632b69a7 4s ease infinite}.style-page .wrapper .course-wrapper .course-list .course-item:hover .thumb .img[data-v-632b69a7]{margin-top:-10px}.style-page .wrapper .course-wrapper .course-list .course-item .btbox[data-v-632b69a7]{padding:0 24px}.style-page .wrapper .course-wrapper .course-list .course-item .thumb[data-v-632b69a7]{width:380px;height:230px;border-radius:8px 8px 0 0;position:relative}.style-page .wrapper .course-wrapper .course-list .course-item .thumb .img[data-v-632b69a7]{position:absolute;width:100%;height:100%;border-radius:8px;transition:all .3s}.style-page .wrapper .course-wrapper .course-list .course-item .title[data-v-632b69a7]{position:relative;padding:15px 0 10px;font-weight:600;font-size:18px;color:#333}.style-page .wrapper .course-wrapper .course-list .course-item .meta[data-v-632b69a7]{width:328px;color:#617288}.style-page .wrapper .course-wrapper .course-list .course-item .meta span[data-v-632b69a7]{font-size:14px;color:#617288;white-space:nowrap}.style-page .wrapper .course-wrapper .course-list .course-item .description[data-v-632b69a7]{height:110px;font-size:14px;line-height:1.5;margin:20px 0}.style-page .wrapper .course-wrapper .course-list .course-item .price[data-v-632b69a7]:before{content:"";position:absolute;top:-15px;width:100%;height:1px;background-color:#ceddf2}.style-page .wrapper .course-wrapper .course-list .course-item .price[data-v-632b69a7],.style-page .wrapper .course-wrapper .course-list .course-item .quota[data-v-632b69a7],.style-page .wrapper .course-wrapper .course-list .course-item .registration-time[data-v-632b69a7]{position:relative;width:328px;margin:26px auto 18px;font-size:16px}.style-page .wrapper .course-wrapper .course-list .course-item .price del[data-v-632b69a7],.style-page .wrapper .course-wrapper .course-list .course-item .quota del[data-v-632b69a7],.style-page .wrapper .course-wrapper .course-list .course-item .registration-time del[data-v-632b69a7]{font-size:14px;color:#ccc}.style-page .wrapper .course-wrapper .course-list .course-item .price span[data-v-632b69a7],.style-page .wrapper .course-wrapper .course-list .course-item .quota span[data-v-632b69a7],.style-page .wrapper .course-wrapper .course-list .course-item .registration-time span[data-v-632b69a7]{color:#ff3d23;font-size:24px}.style-page .wrapper .course-wrapper .course-list .course-item .price span em[data-v-632b69a7],.style-page .wrapper .course-wrapper .course-list .course-item .quota span em[data-v-632b69a7],.style-page .wrapper .course-wrapper .course-list .course-item .registration-time span em[data-v-632b69a7]{font-size:14px;padding:0 6px}.style-page .wrapper .course-wrapper .course-list .course-item .price span[data-v-632b69a7]:first-letter,.style-page .wrapper .course-wrapper .course-list .course-item .quota span[data-v-632b69a7]:first-letter,.style-page .wrapper .course-wrapper .course-list .course-item .registration-time span[data-v-632b69a7]:first-letter{font-size:12px}.style-page .wrapper .course-wrapper .course-list .course-item .enroll[data-v-632b69a7]{width:100%;height:60px;background:linear-gradient(270deg,#ff7c6b,#ff4b72);border-radius:8px;color:#fff;transition:all .3s;margin:22px auto 0 auto}.style-page .wrapper .course-wrapper .course-list .course-item .enroll span[data-v-632b69a7]{font-size:22px;line-height:22px}.style-page .wrapper .course-wrapper .course-list .course-item .enroll small[data-v-632b69a7]{font-size:16px}.style-page .wrapper .course-wrapper .course-list .course-item .enroll[data-v-632b69a7]:hover{width:96%;height:54px;margin-top:24px!important}@-webkit-keyframes gradientBG-632b69a7{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientBG-632b69a7{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.adinfo[data-v-632b69a7]{background-color:#fff}.adinfo .service[data-v-632b69a7]{margin-bottom:40px;display:flex;justify-content:center;flex-wrap:wrap}.adinfo .service .itemli[data-v-632b69a7]{width:25%;text-align:center}.adinfo .service .itemli h5[data-v-632b69a7]{font-size:20px;margin:24px 0 10px}.adinfo .service .itemli .icon[data-v-632b69a7]{margin:0 auto;width:100px;height:100px;background:rgba(0,130,252,.24);border-radius:100px}.adinfo .service .itemli .icon i[data-v-632b69a7]{font-size:50px;color:#0082fc}.adinfo .service .itemli .txt[data-v-632b69a7]{padding:0 24px;font-size:14px;color:#617288;text-align:center}.adinfo .cere[data-v-632b69a7]{width:100%;background:rgba(238,243,250,.6);border-radius:8px;margin-top:40px;margin-bottom:100px;display:flex}.adinfo .cere .fcrp[data-v-632b69a7]{width:400px;height:auto;margin:-38px 0 20px -16px}.adinfo .cere .ibox[data-v-632b69a7]{width:auto;height:100%;margin-left:45px}.adinfo .cere .ibox p[data-v-632b69a7]{width:450px;font-size:24px;padding:40px 0 50px}.adinfo .cere .ibox .mypd[data-v-632b69a7]{padding:16px 110px;font-size:16px}