/*自定义字体*/
@font-face {
    font-family: 'MyCustomFont';
    src: url('../fonts/HarmonyOS_Sans_SC_Regular.woff2fonts/MyCustomFont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
*{margin: 0;padding: 0;border: 0;list-style: none;text-decoration: none;color: inherit;font-weight: normal;
font-family: 'MyCustomFont',"微软雅黑";/* 如果浏览器不支持MyCustomFont，将回退到"微软雅黑" */
box-sizing: border-box;font-style: normal;outline: none;-webkit-tap-highlight-color: transparent;}
body{width: 100%;overflow-x: hidden;background: #ffffff}
img{vertical-align: middle;max-width: 100%;}
#app{width: 100%;/*padding: 0 .3rem;*/}
/* 顶部 */
/*.top{width: 100%;display: flex;justify-content: space-between;align-items: center;margin: .15rem 0 .1rem 0;}
.top .class{flex-shrink: 0;font-size: .32rem;color: #333333;position: relative;}
.top .class p{position: relative;}
.top .class p::after{content: "";display: inline-block;width: 0;height: 0;border-width: .08rem;border-color: transparent transparent transparent #333;border-style: solid;transform: rotate(45deg);position: absolute;bottom: -.05rem;right: -.2rem;}
.top .class ul{display: none;position: absolute;top: .5rem;left: 0;background: #ffffff;box-shadow: 0 0 .15rem rgba(0,0,0,.2);padding: .2rem .3rem;min-width: 1.5rem;z-index: 9;border-radius: .1rem;}
.top .class ul li{font-size: .28rem;line-height: .5rem;}
.top .class ul li.on{color: #5266ea;}
.top .class ul.on{display: block;}
.top .search{width: 100%;margin: 0 .4rem;height: .55rem;display: flex;align-items: center;}
.top .search input{width: 100%;height: 100%;background: #f8f8f8;border-radius: .1rem;text-align: center;}
.top .shopcard{font-size: .42rem;color: #666666;}*/
/* 导航 */
.nav {width: 100%;padding: .2rem .1rem .25rem .1rem;}
.nav ul{width: 100%;height: .55rem;display: flex;align-items: center;justify-content: space-between;}
.nav ul li{font-size: .3rem;color: #333333;}
.nav ul li.more{font-size: .32rem;color: #666666;}
.nav ul li.on{color: #5266ea;font-size: .32rem;}
/* 轮播图 */
.slider{width: 100%;}
.swiper-container{width: 100%;height: auto;overflow: hidden;}
.swiper-slide{width: 100%;height: auto;}
.swiper-slide img{width: 100%;}
.swiper-pagination{text-align: right;/*padding-right: .3rem;*/}
.swiper-pagination-bullet{width: .18rem;height: .08rem;border-radius: 100%;}
.swiper-pagination-bullet-active{width: .4rem;background: #002FA7 ;border-radius: .06rem;transition: all .3s linear;}
/* 热门课程 */
/*.hot{width: 100%;height: auto;overflow: hidden;margin-top:.4rem;margin-bottom: .55rem;padding: 0 .05rem;}
.hot .title{width: 100%;display: flex;justify-content: space-between;align-items: center;padding-bottom: .3rem;}
.hot .title span{font-size: .34rem;color: #333333;font-weight: bold;}
.hot .title a{font-size: .25rem;color: #999;display: flex;align-items: center;}
.hot .title a i{font-size: .24rem;padding-left: .1rem;}
.hot .list ul{display: flex;width: 100%;justify-content: space-between;}
.hot .list ul li{width: 3.2rem;padding: .28rem .2rem;background: #f0f5f9;border-radius: .1rem;display: flex;flex-direction: column;justify-content: center;}
.hot .list ul li p{font-size: .3rem;color: #333333;}
.hot .list ul li span{font-size: .24rem;color: #999999;padding-top: .15rem;}*/
/* 名师推荐 */
/*.recommend{width: 100%;height: auto;overflow: hidden;padding: 0 .05rem;}
.recommend .title{width: 100%;display: flex;justify-content: space-between;align-items: center;padding-bottom: .35rem;}
.recommend .title span{font-size: .34rem;color: #333333;font-weight: bold;}
.recommend .title a{font-size: .25rem;color: #999;}
.recommend .title a i{font-size: .24rem;padding-left: .1rem;}
.recommend .list{width: 100%;height: auto;overflow: hidden;padding-top: .2rem;padding-left: .1rem;padding-right: .1rem;}
.recommend .list ul li{display: flex;align-items: center;justify-content: flex-start;margin-bottom: .5rem;}
.recommend .list ul li img{width: 1.65rem;flex-shrink: 0;margin-right: .25rem;}
.recommend .list ul li .desc {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.recommend .list ul li .desc p{font-size: .3rem;color: #333333;margin-bottom: .18rem;}
.recommend .list ul li .desc p.name{display: flex;align-items: center;}
.recommend .list ul li .desc p.name span{font-size: .26rem;color: #666666;margin-right: .15rem;}
.recommend .list ul li .desc p.name i{font-size: .16rem;color: #5266ea;border: .01rem solid #5266ea;padding: .02rem .05rem;border-radius: .05rem;transform: scale(.85);}
.recommend .list ul li .desc span{font-size: .22rem;color: #999999;}*/
/* tap-bar */
.tap-bar-holder{width: 100%;height: 1.15rem;}
.tap-bar{width: 100%;height: auto;overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;background: #ffffff;box-shadow: 0 -.05rem .1rem rgba(100,100,100,.1);}
.tap-bar ul{width: 100%;display: flex;justify-content: space-between;}
.tap-bar ul li{width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 1.15rem;color: #afafaf;}
.tap-bar ul li.on{color: #5266ea;}
.tap-bar ul li i{font-size: .44rem;}
.tap-bar ul li span{font-size: .18rem;margin-top: .05rem;}