.online_teaching .page1{height:200px}.online_teaching .page1 h1{color:#7bc2ba;font-size:18px}.online_teaching .page1 h1 small{font-size:24px;color:inherit}.online_teaching .page2{height:700px}.online_teaching .page2 .han-player-layer{width:556px;display:inline-block}.online_teaching .page2 .labelTitle{width:400px;height:50px;line-height:50px;text-align:center;font-size:24px;text-decoration:none;background:#9583ea;border-radius:25px;color:#fff;display:inline-block}.online_teaching .page2 li{float:left;width:19.6%;margin-left:.5%;height:220px}.online_teaching .page2 li:nth-of-type(1){margin-left:0}.online_teaching .page2 li >div:nth-of-type(1){height:100px;line-height:100px}.online_teaching .page2 li >div:nth-of-type(1) img{height:57px}.online_teaching .page2 li >div:nth-of-type(2){height:120px;padding:0 25px}.online_teaching .page2 li >div:nth-of-type(2) h3{color:#363a3b;font-size:14px}.online_teaching .page3{height:500px;padding:0 138px}.online_teaching .page3 h3{font-size:24px}.online_teaching .page3 li{height:320px}.online_teaching .page3 li h4{font-size:14px;color:#363a3b}.online_teaching .page4{height:750px}.online_teaching .page4 button{width:186px;text-align:center;background:#ffab3a;height:30px;border-radius:15px;border:1px solid #ffab3a;outline:0;padding:0;color:#fff;font-size:16px}.online_teaching .page4 button:hover{background:#da7615}.online_teaching .page4 ul{width:655px}.online_teaching .page4 li{height:38px;border-bottom:1px solid #e0e0e0}.online_teaching .page4 li p{color:#363a3b;float:left;height:100%;line-height:38px;text-align:center;margin-right:16px;margin-bottom:0}.online_teaching .page4 li p:nth-of-type(1){width:70px}.online_teaching .page4 li p:nth-of-type(2){width:287px;text-align:left;padding-left:25px}.online_teaching .page4 li p:nth-of-type(3){width:162px;color:#646464}.online_teaching .page4 li p:nth-of-type(4){width:88px;margin-right:0;color:#646464}.online_teaching .page4 li:nth-of-type(1){height:41px}.online_teaching .page4 li:nth-of-type(1) p{line-height:41px;color:#fff;font-size:14px}.online_teaching .page4 li:nth-of-type(1) p:nth-of-type(1),.online_teaching .page4 li:nth-of-type(1) p:nth-of-type(3){background:#ffab3a}.online_teaching .page4 li:nth-of-type(1) p:nth-of-type(2){padding-left:20px;background:#15a448}.online_teaching .page4 li:nth-of-type(1) p:nth-of-type(4){background:#15a448}.online_teaching .page4 li:nth-of-type(1):hover{background:transparent}.online_teaching .page4 li:hover{background:#e0e0e0}.online_teaching .page5{height:350px}.online_teaching .page5 h3{color:#ff7342;font-size:24px}.online_teaching .page5 ul{width:600px}.online_teaching .page5 li >div:nth-of-type(1){width:100%;height:94px}.online_teaching .page5 li >div:nth-of-type(1) p{width:94px;height:94px;border-radius:50%;text-align:center;line-height:94px;background:#ff7342}.online_teaching .page5 li >div:nth-of-type(2){text-align:center;color:#212121}.online_teaching .page6{height:400px;position:relative}.online_teaching .page6 >img{position:absolute;width:241px;height:293px;z-index:10}.online_teaching .page6 ul{padding:10px 50px}.online_teaching .page6 ul li{height:108px;border-bottom:1px dashed #f9b39b;position:relative}.online_teaching .page6 ul li:nth-last-of-type(1){border-bottom:0}.online_teaching .page6 ul li >div{position:relative;height:100%}.online_teaching .page6 ul li >div >span{position:absolute;width:44px;height:44px;background:#ee5c28;color:#fff;text-align:center;line-height:44px;left:0;top:50%;margin-top:-22px;font-size:24px}.online_teaching .page6 ul li >div >p{margin-bottom:0;font-size:14px;color:#212121}.online_teaching .page6 ul li >div >p span{color:#413c3c}.online_teaching .page6 ul li div:nth-of-type(1){padding-left:60px}.online_teaching .page6 ul li div:nth-of-type(2){padding-right:60px}.online_teaching .page6 ul li div:nth-of-type(2) span{left:auto;right:0}.online_teaching .page7{padding:0 138px;height:600px}.online_teaching .page7 .mainBox>li >div p{color:#363a3b;font-size:14px}.online_teaching .page7 .mainBox>li >ul li{padding-right:120px;position:relative}.online_teaching .page7 .mainBox>li >ul li img{position:absolute;right:0;top:0;width:115px;height:115px}.online_teaching .page7 .mainBox>li >ul li >div>p:nth-of-type(1){padding-bottom:10px;border-bottom:1px solid #c1c1c1}.online_teaching .page7 button{font-size:16px;width:260px;height:44px;border-radius:22px;text-align:center}