.clearfix::after{content:" ";display:block !important;clear:both}.align-center{text-align:center}.relative{position:relative}.absolute{position:absolute}ul.nav-head{justify-content:center;align-items:center;height:2.35rem;background-color:#5BAAA0}ul.nav-head li{box-sizing:border-box;font-size:.65rem;font-weight:bold;width:4.95rem;height:1.35rem;line-height:1.35rem;text-align:center;color:#fff;position:relative}ul.nav-head li.active{background-color:#fff;color:#000}ul.nav-head li.active::after{position:absolute;left:50%;transform:translateX(-50%);display:block;content:" ";width:0;height:0;border-left:.2rem solid transparent;border-right:.2rem solid transparent;border-top:.275rem solid #fff}ul.nav-body{background:url("../img/bg.jpg") repeat;padding-top:.9rem}ul.nav-body li.lesson{display:none}ul.nav-body li.lesson.active{display:block}ul.nav-body li.lesson ul.class{justify-content:space-evenly}ul.nav-body li.lesson ul.class li{border-radius:.125rem;width:7.3rem;background-color:#fff;padding-bottom:.4rem;margin-bottom:.525rem}ul.nav-body li.lesson ul.class li .div-img{position:relative}ul.nav-body li.lesson ul.class li .div-img p.time{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:3.475rem;height:.875rem;background-color:rgba(249,106,67,0.75);font-size:.5rem;line-height:.875rem;text-align:center;color:#fff}ul.nav-body li.lesson ul.class li a.title{display:block;font-size:.6rem;font-weight:bold;text-align:center;line-height:1.5rem}ul.nav-body li.lesson ul.class li .div-text{justify-content:space-evenly}ul.nav-body li.lesson ul.class li .div-text a{display:block;width:3.3rem;height:1rem;border-radius:.125rem;font-size:.5rem;text-align:center;color:#fff;line-height:1rem}ul.nav-body li.lesson ul.class li .div-text a:first-of-type{background-color:#51B5A8}ul.nav-body li.lesson ul.class li .div-text a:last-of-type{background-color:#ED110F}div.lesson-ex{padding:0 .5rem;background-color:#fff;border-radius:.125rem;background:url("../img/bg.jpg") repeat}div.lesson-ex div{background-color:#fff;border-radius:.125rem}div.lesson-ex div p.title{color:#ff4310;font-weight:bold;font-size:.9rem;padding:.75rem 0}div.lesson-ex div div{justify-content:space-evenly}div.lesson-ex div div ul{width:7rem}div.lesson-ex div div img{margin-bottom:.375rem}div.form-table{padding:.5rem;background:url("../img/bg.jpg") repeat}div.form-table form{background-color:#fff;padding:.5rem;border-radius:.125rem}div.form-table form p.title{font-size:.8rem;font-weight:bold}div.form-table form input{display:block;margin:.375rem auto}div.form-table form input.color{width:12.5rem;height:1.45rem;border:2px solid #EFDCCF;text-align:center;border-radius:.125rem;font-size:.45rem;line-height:1.55rem;outline:none;color:#EFDCCF}div.form-table form input.color::-webkit-input-placeholder{color:#EFDCCF}div.form-table form input.color::-moz-placeholder{color:#EFDCCF}div.form-table form input.color:-ms-input-placeholder{color:#EFDCCF}div.form-table form input.sub{width:12.7rem;height:1.675rem;line-height:1.675rem;background-color:#FF3A3A;font-size:.65rem;color:#fff;font-weight:bold;text-align:center;border:none}div.form-table form p.sp{font-size:.35rem;color:#b9b6b6;text-align:center}div.form-table form p.sp span{color:red}