/*2019.12.2 xiaozhu*/
@charset "utf-8";
/* CSS reset */
html * {outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}
body{font:62.5%/1.5 "Helvetica Neue",Helvetica,STHeiTi,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;min-width:320px}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{vertical-align:middle;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
em,i{font-style:normal}
img{max-width:100%;border:0;border:none;}
input,button{-webkit-appearance:none;border:none;outline: none}
input:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,ul,li{list-style:none}
textarea{resize:none}
a{text-decoration:none}
.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cf{min-height:1%}
.fl{float:left}
.fr{float:right}
.wp{width:320px;margin:0 auto}
.hide{display:none}
.show{display:block}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.break{word-break:break-all;word-wrap:break-word}
*{box-sizing: border-box}
body, a{color: #4d4d4d}

.w{margin:0 auto;width:7.5rem;font-size: .24rem}
.fixed{position: fixed;left: 50%;margin-left: -3.75rem;top: 0;width: 7.5rem;z-index: 5;}
.header{position: relative;;width: 7.5rem;height: 4.03rem;background:#54aec8 url(../images/teach.jpg) no-repeat center top;background-size:7.5rem 4.03rem;}
.header img{width: 100%;height:100%;display: block;margin: 0 auto;}
.header .back,.d-nav .back{width: .7rem;height: .72rem;background: url(../images/back.png) no-repeat center center;background-size: .16rem .28rem;position: absolute;left: 0;top: .52rem;}
.header .search{width: 6.55rem;position: absolute;left: .7rem;top: .52rem;}
.header .search .box{background: rgba(255,255,255,0.2) url(../images/search_icon1.png) no-repeat .4rem center;background-size: .28rem .29rem;;border-radius: .36rem;width: 5.32rem
;height:.72rem;float: left;padding-left: .98rem}
.header .search input{width: 3.4rem;float: left;padding: .1rem 0;height: .72rem;;line-height:normal;background: none;color: #fff;font-size: .28rem}
.header .search input::placeholder{color: #fff}
.header .search .s_close{float: left;}
.header .search .s_close a{float: left;}
.header .search .s_close1{width: .94rem;float:left;height: 100%;background: url(../images/search_icon2.png) no-repeat center center;background-size: .32rem .32rem;
    text-indent: -9999rem;display: none;}
.header .search .s_btn{width: .98rem;;text-align: center;font-size:.36rem;line-height: .76rem;color: #fff;margin-left: .25rem;overflow: hidden;background:none;
    border:none}

.scourse-filter{height: 1.2rem;background: #fff;box-shadow: -.15rem .15rem .3rem #f1f2f3;text-align: center;
    width: 7.5rem;position: relative;z-index: 1;}
.scourse-filter .filter-item{display: inline-block;width: 33.3%;float: left;}
.scourse-filter .filter-item.cur .title{color: #00a7b0}
.scourse-filter .title{font-weight: bold;font-size: .3rem;line-height: 1.2rem;}
.scourse-filter .title .type,.scourse-filter .title i{display: inline-block;height: 1.2rem;vertical-align: top}
.scourse-filter .title i{background:url(../images/down.png) no-repeat left center;background-size: .18rem .1rem;width: .18rem;margin-left: .15rem}
.scourse-filter ul{position: absolute;left: 0;top: 1.2rem;width: 7.5rem;text-align: center;background: #efeff7;display:none;font-size: .28rem}
.scourse-filter ul li a{display: block}
.content{padding-top: 5.23rem;}
.scourse-result{font-size: .28rem;}
.scourse-result a,.scourse-filter ul li{height:1.1rem;line-height: 1.1rem;border-bottom: solid 1px #e5e5e5;display: block;background:url(../images/right.png) no-repeat 95% center;
    background-size: .1rem .18rem;padding-right: .4rem;margin-left: .4rem;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.scourse-result .no-data,.scourse-result .error,.scourse-result .loading{text-align: center;padding: 40% .1rem 0;color: #999;display: none}
.scourse-filter ul li{background: none}
/* detail */
.d-nav{height: .8rem;line-height: .8rem;text-align: center;position: relative;background: #54bbc6;color: #fff;font-size: .3rem;position: fixed;left: 0;top: 0;width: 100%;}
.d-nav .back{height: .8rem;top: 0;}
.scourse-item{margin:0 .2rem;padding: 1.1rem 0 .5rem;overflow:scroll;}
.scourse-item .title{text-align: center;font-size:.36rem;font-weight: bold;margin-bottom: .2rem}
.scourse-item .detail img{max-width: 100%;}
.scourse-item .meta{line-height:1.7;text-align: center;color: #999;border-bottom: 1px solid #e5e5e5;padding-bottom: .3rem;font-size: .22rem}
.scourse-item .meta span{margin: 0 .08rem}
.scourse-item .detail{margin: .3rem .2rem 0;font-size: .26rem;line-height: 1.7}