@charset "utf-8";
html{
    font-size: 625%;
}
body{
    max-width:780px;
    margin: 0 auto !important;
}
@media only screen and (min-width: 320px) {
    html {
        font-size:calc(42.666px * 2)  !important;
    }
}
@media only screen and (min-width: 360px) {
    html {
        font-size:calc(48px * 2)  !important;
    }
}
@media only screen and (min-width: 375px) {
    html {
        font-size: calc(50px* 2) !important;
    }
}
@media only screen and (min-width: 414px) {
    html {
        font-size:calc(55.2px * 2)   !important;
    }
}
@media only screen and (min-width: 480px) {
    html {
        font-size:calc(64px * 2)   !important;
    }
}
@media only screen and (min-width: 560px) {
    html {
        font-size:calc(74.666px * 2)   !important;
    }
}
@media only screen and (min-width: 640px) {
    html {
        font-size:calc(85.333px * 2)   !important;
    }
}
@media only screen and (min-width: 720px) {
    html {
        font-size:calc(96px * 2)   !important;
    }
}
@media only screen and (min-width: 750px) {
    html {
        font-size: calc(100px * 2)  !important;
    }
}
body,ul,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,figure,tr,td,img{
    margin:0;
    padding:0;
    font:.14rem "微软雅黑";
    color:#727272;
}
ul,dl{
    list-style:none;
}
a{
    text-decoration: none;
}
img{
    border:0;
}
.center{
    margin:0 auto;
}
.clear{
    clear: both;
}
button{
    outline: none;
}
body::-webkit-scrollbar {
    display: none;
}
html::-webkit-scrollbar {
    display: none;
}


header{
    padding-top: .2rem;
    box-sizing: border-box;
    background: #fefefe;
    height: .83rem;
    display: flex;
    padding-left: .1rem;
}
header .header-logo{
    width: 1.21rem;
    height: .45rem;
    align-items: center;
}
.header-nav{
    align-items: center;
    display: flex;
    width: 2.1rem;
    flex-wrap: wrap;
    height: .45rem;
    justify-content: space-between;
    padding: 0 .14rem;
    box-sizing: border-box;
}
.header-nav a{
   font-size: .13rem;
    color:black;
    outline: none;
}
.header-nav a.active{
    color:#333;
}
.sanLine{
    width: .24rem;
    margin-top: .05rem;

}
.right-list{
    position: absolute;
    top: .65rem;
    right:0;
    z-index: 10;
    background: rgba(0,0,0,.5);
}

.right-list a{
    display: inline-block;
    width: 1.2rem;
    font-size: .1rem;
    color:white;
    opacity: .8;
    text-align: center;
    line-height: .3rem;
    border-bottom: 1px dotted white;
}


/*弹框*/
/*弹框*/
.huashi-filter{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top:0;
    left: 0;
    background: rgba(0,0,0,.4);
    z-index: 10;
}
.huashi-filter p{
    font-size: .25rem;
    color:#000;
    border-bottom: 2px solid #e40011;
}
.huashi-filter a{
    font-size: .18rem;
    color:#222;
    display: inline-block;
    width: 100%;
    line-height: .5rem;
    border-bottom: 1px solid #ccc;
}
.course-nav-list{
    width: 2.5rem;
    padding: .2rem;
    background: white;
    height: 60vh;
    overflow: scroll;
    margin: 20vh auto;
    border-radius: 10px;
}
.course-nav-list li{
    display: inline-block;
    width: 100%;
}