@charset "utf-8";
.nav_list{overflow: hidden;}
.nav_list dl{margin: 70px 0 40px 0;float: left;}
.nav_list p{float: right;margin-top: 70px;margin-right: 18px;}
.nav_list p a{color: #888;font-size: 14px;}
.nav_list p a .icon-youjiantou{display: inline-block;margin-right: 10px;margin-left: 5px;}
.nav_list dl dd{float: left;margin-right: 30px;height: 30px;line-height: 27px;}
.nav_list dl dd:hover{border-bottom: 2px solid #00BED4}
.nav_list dl dd:hover a{color: #00BED4;}
.nav_list dl dd a{font-size: 16px;color: #888;}
.nav_list dl dt{float: left;margin-right: 30px;border-left: 6px solid #00b2cc;padding-left: 5px;height: 28px;line-height: 28px;}
.nav_list dl dt a{font-size: 20px;color: #333;}
.nav_list dl .on{border-bottom: 2px solid #00BED4;}
.nav_list dl .on a{color: #00BED4;}
.course{overflow: hidden;}
.content_box{display: none;}
.content_box::after{content: "";width: 1px;height: 1px;display: block;clear: both;}
.course .left_box{width:300px;float: left;margin-top: 10px;height: 540px;}
.course .left_box .pub_box{width: 270px;padding: 10px 10px 0 10px;height: 520px;margin: 0 auto;}
.course .left_box .pub_box:hover{width: 280px;background: #fff;height: 530px;box-shadow: 0 0 10px 0 rgba(107,113,131,0.2)}
.course .left_box .pub_box:hover a{height: 440px;}
.course .left_box a{display: block;width: 100%;height: 432px;}
.course .left_box a img{width: 100%;height:100%;}
.text .name{font-size: 16px;color: #333;margin-bottom: 10px;position:relative;width: 241px;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.text .school,.text .seen{font-size: 14px;color: #888;overflow: hidden;}
.text .school{border-bottom: 1px solid #dcdcdc;padding-bottom: 10px;}
.text .seen{height: 50px;line-height: 50px;color: #999;}
.text .school .money{font-size: 12px;}
.text>p,.text .seen{padding: 0 10px;}
.text .seen p span{color: #999;}
.text .seen .fr{float: right;}
.text .icon-redian{color: #ea5455;font-size: 20px;display: inline-block;position:absolute;right:-4px;top:0;}
.text .money{float: right;color: #ff4000;}
.text .seen i{display: inline-block;width: 20px;height: 20px;color: #999;}
.course .right_box{width: 100%;}
.course .right_box ul{padding-top: 10px;margin-right: -30px;}
.course .right_box ul li{width: 285px;float: left;margin-right: 20px;box-shadow: 0 0 10px 0 rgba(107,113,131,0.2);margin-bottom: 30px;}
.course .right_box ul li .div_box{width: 100%;;display: block;margin: 0 auto;}
.course .right_box ul li .div_box img{width:285px;height: 160px;}
.famous_list ul{width: 100%;;margin-top: 50px;margin-left: -20px;}
.famous_list ul::after{content: "";width: 1px;height: 1px;clear: both;display: block;}
.famous_list ul li{width: 280px;float: left;transition: 0.3s all;margin: 0 0 30px 20px;background: #fcfcfc;}
.famous_list ul li .div_box{cursor: pointer;display: block;border: 1px solid #dcdcdc;box-shadow: 4px 4px 10px rgba(58,69,88,0.1)}
.famous_list ul li:hover{transform: translate(0,-10px)}
.famous_list li .div_box a{display: block;float: left;}
.famous_list li .div_box .fl{width: 100%;border-bottom: 1px solid #dcdcdc;height: 80px;padding-top: 60px;}
.famous_list li .div_box .fl .school{font-size: 16px;color: #888;margin-bottom: 10px;text-align: center;}
.famous_list li .div_box .fl .name{font-size: 18px;margin-bottom: 10px;text-align: center;}
.famous_list li .div_box a img{width: 100px;height: 100px;border-radius: 50%;position: absolute;left: 0;top: -50px;right: 0;margin: 0 auto;}
.famous_list li .div_box .pub_box{position: relative;}
.famous_list li .div_box .text{margin: 10px;font-size: 14px;color: #888;height: 80px;overflow: hidden;}
.famous_list li .div_box .pub_box::after{content: "";width: 1px;height: 1px;clear: both;display: block;}

.hot_class ul{margin-left: -30px;}
.hot_class ul li{float: left;width: 285px;margin: 10px 0 30px 20px;}
.hot_class ul li .div_box .live{position: absolute;right: 0px;bottom: 0px;padding: 3px 6px;font-size: 12px;color: #fff;}
.hot_class ul li .div_box img{transition: 0.3s;display: block;width: 100%;}
.hot_class ul li .div_box{position: relative;overflow: hidden;background: #fff;transition: .2s;border-radius: 4px;position: relative;box-shadow: 7px 14px 18px rgba(58,69,88,0.17) }
.hot_class li .div_box .text .name{font-size: 16px;margin: 25px 0;display: block;}
.hot_class li .div_box b{overflow: hidden;display: block;}
.hot_class ul li .div_box:hover img{transform: scale(1.2);}
.hot_class li .div_box .text strong{font-size: 14px;color: #e65353;float: left;}
.hot_class li .div_box .text .num{font-size: 12px;color: #8f9090;float: right;}
.hot_class li .div_box .text{padding: 0 10px;padding-bottom: 20px;overflow: hidden;}
.information_list ul{width: 100%;overflow: hidden;}
.information_list .img_box img{width: 270px;height: 190px;}
.information_list ul li{margin-bottom: 20px;}
.information_list ul li .div_box{margin: 0 30px 30px 0;display: block;overflow: hidden;}
.information_list li .div_box .img_p{float: left;width: 214px;height: 120px;}
.information_list li .div_box .img_p img{width: 100%;height: 100%;}
.information_list li .div_box .content{float: left;padding-left: 20px;min-width: 0px;width: auto;}
.information_list li .div_box .content a{font-size: 17px;color: #333;}
.information_list li .div_box .content a:hover{color: #00bdd6;}
.information_list li .div_box .content .say{display: inline-block;margin-left: 10px;}
.information_list li .div_box .content p{font-size: 15px;color: #888;margin: 15px 0 22px 0;}
.information_list li .div_box .content .time{font-size: 13px;color: #888;display: inline-block;width: max-content;border-right: 1px solid #dcdcdc;margin-right: 20px;padding-right: 20px;}
.information_list li .div_box .content .seen{font-size: 13px;color: #888;}
.information_list li .div_box .icon-youjiantou2{float: right;font-size: 20px;line-height: 120px;color: #999;}