body{overflow: hidden}
*, *:before, *:after {outline: none;}
.cell-input{
    width: 100%;
    height: 100%;
    background: rgb(237,239,240);
    font-size: 14px
}
.m-navbar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(255, 255, 255, 0.98);
    position: fixed;
    width: 100%;
    z-index: 999;
    box-shadow: 0 0 5px #ddd inset;
}
.cell-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0.24rem;
    position: relative;
    overflow: hidden;
}
.cell-left {
    color: #333;
    font-size: 0.3rem;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.navbar-center {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.g-scrollview {
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-overflow-scrolling: touch;
    position: relative;
    margin-bottom: -1px;
    padding-top: 45px;
    width: 100%;
    overflow: hidden
}
.g-scrollview:after {
    content: '';
    display: block;
    width: 100%;
    height: 0.5rem;
}
.g-flexview {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1025px;
    min-width: 300px;
}
.cell-left,.cell-right{font-size: 12px}
.m-navbar{height: 44px;}
.navbar-center{height: 100%}
.search .cell-left{padding:8px 2px;font-size: 16px;color: #ccc;}
.g-scrollview{}
.g-scrollview p{text-align: center}
.navbar-center{margin: 0 10px;width: 100%;}
.search{width: 100%;height: 70%;border-radius: 20px;background: rgb(237,239,240);}
.pl12{padding-left: 12px;}
.bar{width: 80px;background: #fff;height: calc(100vh - 90px);overflow-y: auto;}
.bar ul{-webkit-overflow-scrolling : touch;height:auto;width: auto;}
.bar>ul{-webkit-user-select:none;user-select:none;width: auto}
.level1{border-bottom: 1px solid #fff;text-align: center;width: 100%;height: 55px;transition: all 0.3s  linear;overflow: hidden;position: relative }
.fontmore{float: right;color: #999;font-size: 14px}
.fontmore:hover{color: #999;}
.child-link{position: relative;overflow:hidden}
.dummy {padding-top: 100%;}
.dummys {position: relative;height:76.5px;overflow:hidden;}
.third-item{list-style-type: none;display: block;overflow: hidden;max-width: 100%;width: 100%;position: relative;}
.child-link>img,.child-link>.dummys>img{position: absolute; top: 0;  bottom: 0;  left: 0;  right: 0;  max-width: 100%; width: 100%; margin:auto;  padding: auto;  display: block;}
.child-link>.dummys>img{margin: 0;min-height: 100%;}
.bar>ul>li .footNavClassActiveTextColor:after{position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: solid transparent;
    pointer-events: none;
    content: "";
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #fff;
    border-width: 6px;;
    left: 68px;
    top:50%;
    transform: translateY(-50%);
}

.bar ul li .footNavClassTextColor{font-size: 14px;font-family: "Microsoft YaHei", "幼圆", "SimSun", Arial;display: block; position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);overflow:hidden;line-height: 20px;max-height: 40px;}
.set_tit{height: 40px;width: 100%;margin: 7px 0;overflow: hidden;}
.bar ul li .footNavClassTextColor.footNavClassActiveTextColor{color:#fff}
.cell-wrapper{-webkit-overflow-scrolling : touch;text-align: left;position: absolute; height: auto;max-height: calc(100vh - 100px);width: calc(100vw - 80px);margin-left: 80px;padding:0 10px;margin-top: -9px;flex-direction: column;top:65px;}
.cell-wrapper .class-link>img{margin: 0 auto}
.cell-wrapper>ul>li:first-child{border-top: 0px;}
.cell-wrapper>ul{width: calc(100% + 10px)}
.class-link,.child-link{position: relative;list-style-type: none;display: block;   }
.class-link{width: 100%;height: auto;max-width: 100%;text-align: center}
.subClass{float: left;width:100%;}
.subClass>p.line{display: block;border-top: 5px solid rgb(237,239,240);width: calc(100% - 10px);    padding-top: 13px;text-align: left;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.subClass.subClass-list{border-top:0}
.subClass>div{width: 100%;white-space: nowrap;}
.subClass>div ul li{display: inline-block;float: none}
.third-item,.cell-wrapper ul li.subClass.subClass-list{width: 30%;padding-right: 3%;float: left;box-sizing: unset;transition: all ease-out .3s;  }
.third-item>p{margin: 5px 0 13px 0}
.subClass>p{margin:0px 0 10px 0;}
.cell-wrapper{display: none;overflow-y: auto;}
.cell-wrapper>ul>li:first-child .line{border: 0}
/*.footNavClassActiveBgColor .cell-wrapper{display: block;}*/
.level1 .class-link,.level1 .cell-wrapper>ul{opacity: 0;transition: all 0.3s  linear;}
.footNavClassActiveBgColor .class-link, .footNavClassActiveBgColor .cell-wrapper>ul{opacity: 1}
.B-title{font-size: 12px;color:rgb(102,102,102);white-space:nowrap;overflow:hidden;}
.T-title{color:#333;font-size: 15px}
.subClass-list{padding-top: 3%}
.subClass-list>p{margin-top: 10px}
.setLine{width: calc(100% - 10px)}
.line a .T-title{font-weight: bold}
.line a:first-child{max-width: 80%;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;display: inline-block}
.subClass p{text-align: center;overflow: hidden;}
.subClass>ul{overflow: hidden}