*,:after,:before{box-sizing:border-box}body,html{font-size:14px;margin:0}body{font-family:MiSans,"MiSans Latin","Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;padding:0;font-weight:400;line-height:1.6;background:#fff;-webkit-overflow-scrolling:touch;color:#333;word-wrap:break-word;overflow-wrap:break-word}h1{font-size:1.8rem}h2{font-size:1.6rem}h3{font-size:1.4rem}h4{font-size:1.2rem}h5{font-size:1.1rem}h6{font-size:1rem}ol,ul{padding-left:16px}blockquote{color:#666;margin:0;padding-left:3em;border-left:.5em solid #eee}mark{color:#f78e2e;background-color:transparent}small{color:#6c757d;font-weight:400}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a{cursor:pointer;text-decoration:none}[hidden]{display:none!important}img{max-width:100%;height:auto}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.container{width:100%;margin-right:auto;margin-left:auto}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}.am-modal-content{background:#fafafa!important;border-radius:1.57rem 1.57rem 0 0}@media(prefers-color-scheme:dark){.am-modal-content{background:#242424!important}}:root{max-width:640px;min-height:100vh;margin:0 auto;background:#ccc}.container{min-height:100vh;background-color:#fff;font-family:"MiSans-Regular";color:rgba(0,0,0,.5);padding-bottom:35.1851851852vw}.container ul{list-style:none;padding:0;margin:0}.container .banner{width:100%;height:auto;line-height:0}.container .banner .bannerImg{width:100%;height:auto;display:block}.container .content{width:100%;padding:0 7.4074074074vw;box-sizing:border-box}.container .content .contentTitle{font-family:"MiSans-Light";font-weight:300;font-size:7.4074074074vw;color:rgba(0,0,0,.8);line-height:9.537037037vw;margin-top:3.5185185185vw;margin-bottom:3.2407407407vw}.container .content .contentDesc,.container .content .contentTxt{font-size:3.3333333333vw}.container .content .contentTxt{line-height:5.6481481481vw}.container .content .contentDesc{line-height:3.8888888889vw;margin-bottom:2.2222222222vw}.container .content .line{width:100%;height:1px;background-color:rgba(0,0,0,.1);margin:5.5555555556vw 0}.container .content .courseItem{width:100%;margin-bottom:3.3333333333vw;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.container .content .courseItem .courseBanner{position:relative;overflow:hidden;width:32.7777777778vw;height:18.5185185185vw;border-radius:2.2222222222vw}.container .content .courseItem .courseBanner .courseImg{width:100%;height:100%;display:block}.container .content .courseItem .courseBanner .courseType{width:8.5185185185vw;height:4.0740740741vw;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:2.4074074074vw;font-family:"MiSans-Medium";font-weight:500;position:absolute;left:2.962962963vw;top:1.5740740741vw;color:#fff;background-color:#ff612e;border-radius:1.1111111111vw}.container .content .courseItem .courseBanner .courseTypeMember{color:#fac58d;background-color:#353535}.container .content .courseItem .courseDes{padding-left:3.9814814815vw}.container .content .courseItem .courseDes .courseName{width:47.6851851852vw;font-family:"MiSans-Medium";font-size:4.6296296296vw;color:#000;font-weight:500;line-height:5.462962963vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container .content .courseItem .courseDes .courseInfo{width:47.6851851852vw;font-weight:400;font-size:3.7037037037vw;color:rgba(0,0,0,.6);line-height:5.3703703704vw;margin-top:1.2962962963vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container footer{position:fixed;left:0;right:0;bottom:0;text-align:center}.container footer button{background:#ff612e;box-shadow:0 6px 28px #ff9674;border-radius:7.5vw;border:none;font-size:4.2592592593vw;line-height:14.7222222222vw;color:#fff;margin-bottom:16.6666666667vw;padding:1px 1em}@media(min-width:576px){.container{color:rgba(0,0,0,.5);padding-bottom:128px}.container .banner{width:100%;height:auto}.container .banner .bannerImg{width:100%;height:auto;display:block}.container .content{width:100%;padding:0 28px;box-sizing:border-box}.container .content .contentTitle{font-size:31px;color:rgba(0,0,0,.8);line-height:36px;margin-top:13px;margin-bottom:12px}.container .content .contentDesc,.container .content .contentTxt{font-size:13px}.container .content .contentTxt{line-height:21px}.container .content .contentDesc{line-height:15px;margin-bottom:8px}.container .content .line{margin:21px 0}.container .content .courseItem{width:100%;margin-bottom:13px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.container .content .courseItem .courseBanner{position:relative;overflow:hidden;width:123px;height:73px;border-radius:8px}.container .content .courseItem .courseBanner .courseImg{width:100%;height:100%;display:block}.container .content .courseItem .courseBanner .courseType{width:32px;height:15px;font-size:9px;position:absolute;left:11px;top:6px;border-radius:4px}.container .content .courseItem .courseDes{padding-left:15px}.container .content .courseItem .courseDes .courseName{width:181px;font-size:17px;line-height:20px}.container .content .courseItem .courseDes .courseInfo{width:181px;font-size:14px;line-height:20px;margin-top:5px}.container footer button{border-radius:7.5vw;font-size:16px;line-height:54px;margin-bottom:60px}}