.dark-primary-color    { background: #689F38; }
.default-primary-color { background: #8BC34A; }
.light-primary-color   { background: #DCEDC8; }
.text-primary-color    { color: #212121; }
.accent-color          { background: #FF9800; }
.primary-text-color    { color: #212121; }
.secondary-text-color  { color: #757575; }
.divider-color         { border-color: #BDBDBD; }

html, body{
    font-family: 'Microsoft YaHei','Roboto', sans-serif;
    font-size: 14px;
    overflow-x: hidden;
    background:#eeeeee;
    color:#212121;
    padding:0px;
    margin:0px;
    height:100%;
    width:100%;
}
body a,body a:hover,body a:active,body a:visited{
    color:#212121;
    text-decoration:none;
}
a img{
    border: 0px;
}
header{
    width:100%;
    clear: both;
    background-color: #2780d2;
}
footer{
    box-sizing: border-box;
    width:100%;
    background-color: #BDBDBD;
    clear: both;
    padding:15px;
}
.content{
    width: 100%;
    background-color: #fff;
}
header .banner{
    width:1000px;
    margin:0 auto;
}
header .banner img{
    width:100%;
    height:100%;
}
#teaching-menu{
    width:1000px;
    margin:0 auto;
}
#teaching-menu .section{
    width:100%;
    clear: both;
}
#teaching-menu .section-title{
    text-align: center;
    width:100%;
    height:80px;
    position: relative;
}
#teaching-menu .section-title .section-title-text {
    display: inline-block;
    font-size: 2em;
    font-weight: bold;
    background-color: #fff;
    text-align: center;
    vertical-align:middle;
    width: 180px;
    height:40px;
    left:50%;
    margin-left:-90px;
    top:50%;
    margin-top: -20px;
    position: absolute;
    color:#0288D1;
    z-index: 9;
}
#teaching-menu .section .section-title .section-divider{
    border-bottom: solid 2px #0288D1;
    position: absolute;
    width:96%;
    top: 50%;
    left: 2%;
    z-index:0;
}
#teaching-menu .section .section-book{
    width:100%;
    padding:15px;
}
#teaching-menu .book{
    width:20%;
    float:left;
    text-align: center;
}
#teaching-menu .book .book-title{
    padding: 10px;
    height: 68px;
}
#teaching-menu .book .book-title p{
    padding: 3px;
    margin: 0px;
}
#teaching-menu .book .book-cover{
}
#teaching-menu .book .book-cover .book-cover-img{
    margin:0 auto;
    width:158px;
    height:220px;
    box-shadow: 5px 5px 1px 1px #b1b1b1;
}
#teaching-menu .book .book-cover .book-cover-img img{
    width:100%;
    height:100%;
}
.line-end{
    width:100%;
    clear: both;
    height:0px;
}

.black-link{
    position: absolute;
    bottom:7%;
    right:3%;
}

.black-link a, .black-link a:hover, .black-link a:active, .black-link a:visited{
    display: inline-block;
    color: #fff;
    width:60px;
    height:60px;
    line-height: 60px;
    background-color: #FF9800;
    text-align: center;
    border-radius:50%;
    font-size: 1.2em;
}
.no-overflow{
    overflow-y: hidden;
}
.qrcode{
    margin:15px;
    display:none;
    background-color: #fff;
}
.qrcode img{
    width:100%;
}
.info{
    word-wrap: break-word;
    word-break: break-all;
}
@media (max-width:1000px){
    header .banner{
        width:100%;
    }
    #teaching-menu{
        width:100%;
    }
}
@media (max-width:768px){
    #teaching-menu .book{
        width:25%;
    }
    .qrcode{
        display:inline-block;
    }
}
@media (max-width:650px){
    #teaching-menu .book{
        width:33.333333333333333333%;
    }
}
@media (max-width:485px){
    #teaching-menu .book{
        width:50%;
    }
}