.thom_picture{background-image:url(/image/thom.jpg)}.jonny_picture{background-image:url(/image/jonny.jpg)}.colin_picture{background-image:url(/image/colin.jpg)}.phil_picture{background-image:url(/image/phil.jpg)}body>div.hex-teaching-schoolBook>div{position:fixed;top:60px;left:0;right:0;bottom:0;display:-webkit-box;display:flex}body>div.hex-teaching-schoolBook>div>div.left{width:217px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;padding:0 0 30px 22px}body>div.hex-teaching-schoolBook>div>div.left>a{margin-right:33px;height:38px;background-repeat:no-repeat;background-size:24px 24px}body>div.hex-teaching-schoolBook>div>div.left>a.hide{visibility:hidden}body>div.hex-teaching-schoolBook>div>div.left>a.top{background-position:bottom 14px center}body>div.hex-teaching-schoolBook>div>div.left>a.bottom{background-position:top 14px center}body>div.hex-teaching-schoolBook>div>div.left ::-webkit-scrollbar{width:0!important;height:0!important}body>div.hex-teaching-schoolBook>div>div.left ::-webkit-scrollbar-thumb{width:0!important;height:0!important}body>div.hex-teaching-schoolBook>div>div.left>div{-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow:auto}body>div.hex-teaching-schoolBook>div>div.left>div>div.list>a{display:block;width:162px;margin-bottom:20px;position:relative;border:3px solid transparent}body>div.hex-teaching-schoolBook>div>div.left>div>div.list>a>img{width:100%;height:100%}body>div.hex-teaching-schoolBook>div>div.left>div>div.list>a>span{font-size:14px;display:block;margin-top:8px;text-align:center}body>div.hex-teaching-schoolBook>div>div.left>div>div.list>a>i{position:absolute;top:50%;right:-36px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}body>div.hex-teaching-schoolBook>div>div.left>div>div.list>a:nth-last-of-type(1){margin-bottom:0}body>div.hex-teaching-schoolBook>div>div.right{-webkit-box-flex:1;flex:1;border-radius:4px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;padding:20px 30px;margin-right:22px;overflow:auto}body>div.hex-teaching-schoolBook>div>div.right>div.header>strong{padding-left:32px;height:36px;line-height:36px;font-size:28px;background-repeat:no-repeat;background-position:left center;background-size:24px 24px}body>div.hex-teaching-schoolBook>div>div.right>div.content>div.oneChapter>div.name{padding:28px 0}body>div.hex-teaching-schoolBook>div>div.right>div.content>div.oneChapter>div.name>strong{font-size:28px}body>div.hex-teaching-schoolBook>div>div.right>div.content>div.oneChapter>div.list{display:-webkit-box;display:flex;flex-wrap:wrap;margin:-10px -14px}body>div.hex-teaching-schoolBook>div>div.right>div.content>div.oneChapter>div.list>a{width:calc(50% - 28px);display:block;border-radius:4px;padding:23px 20px;margin:10px 14px}body>div.hex-teaching-schoolBook>div>div.right>div.content>div.oneChapter>div.list>a>div.name>span{font-size:24px}body>div.hex-teaching-schoolBook>div>div.right>div.content>div.oneChapter>div.list>a>div.submit{padding-top:10px}body>div.hex-teaching-schoolBook>div>div.right>div.content>div.oneChapter>div.list>a>div.submit>div.progress-bar{display:-webkit-box;display:flex}@media screen and (max-width:1100px){body>div.hex-teaching-schoolBook>div>div.right>div.content>div.oneChapter>div.list>a>div.submit>div.progress-bar>div.left{-webkit-box-flex:1;flex:1}}body>div.hex-teaching-schoolBook>div>div.right>div.content>div.oneChapter>div.list>a>div.submit>div.progress-bar>div.left{margin-top:5px;height:16px;width:256px;border-radius:8px}body>div.hex-teaching-schoolBook>div>div.right>div.content>div.oneChapter>div.list>a>div.submit>div.progress-bar>div.left>i{display:block;height:100%;border-radius:8px}body>div.hex-teaching-schoolBook>div>div.right>div.content>div.oneChapter>div.list>a>div.submit>div.progress-bar>div.right{padding-left:16px}body>div.hex-teaching-schoolBook>div>div.right>div.content>div.oneChapter>div.list>a>div.submit>div.progress-bar>div.right>span{font-size:20px}body>div.hex-teaching-schoolBook>div>div.empty{position:absolute;left:0;right:0;top:0;bottom:0;padding:300px 0 0;background-position:50% 60px;background-repeat:no-repeat;background-size:200px 200px;z-index:1}body>div.hex-teaching-schoolBook>div>div.empty>span{text-align:center;font-size:24px;display:block;margin:0 auto}