@charset "UTF-8";.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)}html{height:100%}body{min-height:100%}body div.hex-teaching-hteList{min-height:100%;padding-top:50px;padding-bottom:110px}body div.hex-teaching-hteList>.timeList>div.empty{float:left;width:100%;height:100px;position:relative;margin:20px 0 10px}body div.hex-teaching-hteList>.timeList>div.empty>i{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;width:100px;height:100px;background-position:center;background-size:contain;background-repeat:no-repeat}body div.hex-teaching-hteList>.timeList>div.splitLine{margin:10px 0;width:100%;height:0;float:left}body div.hex-teaching-hteList>.timeList>.title{display:-webkit-box;display:flex;width:100%;height:30px;position:relative}body div.hex-teaching-hteList>.timeList>.title>div{display:-webkit-box;display:flex;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body div.hex-teaching-hteList>.timeList>.title>div>i{display:block;width:4px;height:4px;border-radius:50%;margin:13px 6px 0}body div.hex-teaching-hteList>.timeList>.title>div>span{line-height:30px}body div.hex-teaching-hteList>.timeList>.list{padding-top:10px;width:100%;display:inline-block}body div.hex-teaching-hteList>.timeList>.list>a{display:block;border-radius:3px;width:calc(16.6% - 20px);height:160px;margin:10px;float:left;position:relative}body div.hex-teaching-hteList>.timeList>.list>a.wrongBook{background-position:bottom;background-repeat:no-repeat}body div.hex-teaching-hteList>.timeList>.list>a.wrongBook>div>span{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);position:absolute;top:46px;left:50%;font-size:18px;width:100%;text-align:center}body div.hex-teaching-hteList>.timeList>.list>a.wrongBook>div>span.title{top:46px}body div.hex-teaching-hteList>.timeList>.list>a.wrongBook>div>span.count{top:80px}body div.hex-teaching-hteList>.timeList>.list>a:not(.wrongBook){background-position:right 10px top 10px;background-repeat:no-repeat;background-size:38px auto}@media (max-width:1450px){body div.hex-teaching-hteList>.timeList>.list>a{width:calc(20% - 20px)}}@media (max-width:1225px){body div.hex-teaching-hteList>.timeList>.list>a{width:calc(25% - 20px)}}body div.hex-teaching-hteList>.timeList>.list>a>i.tag{display:block;width:25px;height:25px;border-radius:3px;position:absolute;top:16px;right:13px;text-align:center}body div.hex-teaching-hteList>.timeList>.list>a>i.tag.class,body div.hex-teaching-hteList>.timeList>.list>a>i.tag.course{display:none}body div.hex-teaching-hteList>.timeList>.list>a>i.tag::before{line-height:25px;font-size:14px;color:#15B0B7}body div.hex-teaching-hteList>.timeList>.list>a>i.tag.course::before{content:'课'}body div.hex-teaching-hteList>.timeList>.list>a>i.tag.class::before{content:'班'}body div.hex-teaching-hteList>.timeList>.list>a>i.tag.tier::before{content:'层'}body div.hex-teaching-hteList>.timeList>.list>a>i.tag.personal::before{content:'靶'}body div.hex-teaching-hteList>.timeList>.list>a>i.tag.media::before{content:'媒'}body div.hex-teaching-hteList>.timeList>.list>a>div{height:100%;width:100%;border-radius:4px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}body div.hex-teaching-hteList>.timeList>.list>a>div>div.title{-webkit-box-flex:1;flex:1;overflow:hidden;position:relative}body div.hex-teaching-hteList>.timeList>.list>a>div>div.title>div>*{display:block;width:calc(100% - 20px);position:absolute;left:11px}body div.hex-teaching-hteList>.timeList>.list>a>div>div.title>div>strong{top:48px;font-size:14px;font-weight:400}body div.hex-teaching-hteList>.timeList>.list>a>div>div.title>div>span{top:66px;font-size:18px;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}body div.hex-teaching-hteList>.timeList>.list>a>div>div.progressBar{position:absolute;left:10px;top:10px;width:54px;height:24px;padding:0}body div.hex-teaching-hteList>.timeList>.list>a>div>div.progressBar>span{display:block;border-radius:3px;border:1px solid #676767;height:100%;position:relative}body div.hex-teaching-hteList>.timeList>.list>a>div>div.progressBar>span>i{display:block;height:100%;overflow:hidden;position:relative;z-index:2}body div.hex-teaching-hteList>.timeList>.list>a>div>div.progressBar>span>i>span{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);position:absolute;left:0;top:50%;width:52px;font-size:14px;text-align:center}body div.hex-teaching-hteList>.timeList>.list>a>div>div.progressBar>span>span{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:52px;font-size:14px;text-align:center;z-index:1}body div.hex-teaching-hteList>.timeList>.list>a>div>div.child{height:35px;display:-webkit-box;display:flex}body div.hex-teaching-hteList>.timeList>.list>a>div>div.child>span{line-height:25px;font-size:14px;-webkit-box-flex:1;flex:1;text-align:center;margin:5px;border-radius:3px}body div.hex-teaching-hteList>.timeList>.list>a>div>div.bg>span{font-size:18px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body div.hex-teaching-hteList>.timeList>.empty>span{text-align:center;font-size:30px;display:block;margin:0 auto}body>div.modals>div{position:fixed;width:100%;height:100%;left:0;top:0;z-index:7}body>div.modals>div>div{width:986px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:fixed;border-radius:6px;padding:10px;background-color:#4A90E2;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}body>div.modals>div>div>div.loading{width:100%;height:400px;background-color:#FFF;border-radius:6px;background-image:url(../../../image/loading_blue.gif);background-size:100px auto;background-position:center;background-repeat:no-repeat}body>div.modals>div>div>div:not(.loading){border-radius:6px;overflow:auto;background-color:#FFF}body>div.modals>div>div>div:not(.loading):nth-of-type(2){margin-top:10px}body>div.modals>div>div>div:not(.loading).true>div.list>span{background-color:#6fd855}body>div.modals>div>div>div:not(.loading).true>div.list>span>span{color:#FFF}body>div.modals>div>div>div:not(.loading).wrong>div.list>span>span{color:#E43333}body>div.modals>div>div>div:not(.loading)>div.list{display:-webkit-box;display:flex}body>div.modals>div>div>div:not(.loading)>div.list>span{width:70px;position:relative}body>div.modals>div>div>div:not(.loading)>div.list>span>span{width:100%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:28px;text-align:center}body>div.modals>div>div>div:not(.loading)>div.list>div{-webkit-box-flex:1;flex:1;max-height:300px;overflow-x:hidden;overflow-y:auto}body>div.modals>div>div>div:not(.loading)>div.list>div>span{display:block;float:left;width:calc(20% - 14px);height:44px;line-height:44px;background-color:#4A90E2;color:#FFF;font-size:32px;margin:7px;text-align:center;border-radius:6px}.fade1-enter-active,.fade1-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade1-enter,.fade1-leave-to{opacity:0}.slide-fade1-enter-active{-webkit-transition:all .5s ease;transition:all .5s ease}.slide-fade1-leave-active{-webkit-transition:all .5s cubic-bezier(1,.5,.8,1);transition:all .5s cubic-bezier(1,.5,.8,1)}.slide-fade1-enter,.slide-fade1-leave-to{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}.fade2-enter-active,.fade2-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade2-enter,.fade2-leave-to{opacity:0}.slide-fade2-enter-active{-webkit-transition:all .5s ease;transition:all .5s ease}.slide-fade2-leave-active{-webkit-transition:all .5s cubic-bezier(1,.5,.8,1);transition:all .5s cubic-bezier(1,.5,.8,1)}.slide-fade2-enter,.slide-fade2-leave-to{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}