@import url(https://imgs.yongkao.com/common/common.css);
.page{float: left;width: 840px;padding: 30px 0 0 0;}
.page h1{font-size: 32px;color: #333;font-weight: normal;width: 1200px;margin:  0px auto 30px auto;line-height: 1.2em;}
/*课程属性*/
.page .course-info{margin-bottom: 25px;}
.page .course-info img{width: 390px;height: 250px;margin-right: 40px;float: left;border-radius: 10px;}
.page .course-info ul{color: #999;font-size: 16px;width: 410px;float: left;}
.page .course-info ul i{font-style: normal;color: #333;}
.page .course-info ul i.open-kefu,.page .course-info ul i.tel400{cursor: pointer;}
.page .course-info ul li{float: left;width: 50%;line-height: 42px;}
.page .course-info ul li:nth-child(3){display: none;}
.page .course-info ul li:nth-child(4){display: none;}
.page .course-info ul li.service{width: 100%;padding-top: 37px;}
.page .course-info ul li.service a{width: 150px;height: 45px;display: block;float: left;text-align: center;color: #fff;text-decoration: none;border-radius: 10px;}
.page .course-info ul li.service a.open-kefu{background: #fe9900;}
.page .course-info ul li.service a.enroll.open-kefu{background: #ed232f;margin-right: 30px;}
.page .course-info ul li.service i{color: inherit;margin-right: 5px;}
/*课程内容*/
.course-content .menu,.course-content .menu h5{line-height: 60px;}
.course-content .menu{margin:0px 0 15px;}
.course-content .menu li{float: left;width: 50%;text-align: center;font-size: 20px;border-top: 5px solid #999;cursor: pointer;}
.course-content .menu li.active{border-top-color: #25b7ff;color: #25b7ff;}
.course-content .menu li.active h5{font-weight: bold;}
.course-content .menu p.updatetime{float: right;color: #666;font-size: 14px;}

.course-content-item{display: none;font-size: 16px;line-height: 32px;}
.course-content-item.active{display: block;}
.course-content-item .container{width: 100%!important;}
.course-content-item strong{font-weight: bold;}
.course-content-item img{max-width: 80%;margin: 0 auto;display: block;}
.course-content-item h2 {font-size: 18px!important;font-weight: bold; line-height: 60px!important;}
.course-content-item p{margin-bottom: 20px;text-align: justify;word-wrap: break-word;word-break: normal;}
.course-content-item .row{/*margin-bottom: 25px;*/}
.course-content-item .row p{margin-bottom: 0;text-indent: 0;}
.course-content-item a{color: #25b7ff;text-decoration: underline;}
.course-content-item .xianshi_pb {position: relative;z-index: 9999;padding-top: 110px;bottom: 2px;margin-top: -110px;width: 100%;background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(88%,#fff));background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 88%);padding-bottom: 6px;}
.course-content-item .chankan_pb {text-align: center;font-size: 14px;margin-bottom: 2em;cursor: pointer;}
.course-content-item .chankan_pb a {color: #999;text-decoration: none;}
p.school-info{line-height: 30px;margin-bottom: 20px;font-size: 16px;margin: 25px 0 20px 0;border-top: 1px solid #e6e6e6;padding: 1.5em .5em;color: #333;}
p.school-info a{font-size: 16px;color: #25b7ff;background: #e5f2ff;padding: 6px 8px;border-radius: 5px;margin: 0px 9px;text-decoration: none;}
p.school-info a:hover{color: #e90f06;}
/*相关校区*/
.correlation ul.xiaoqu li{background: #e7eaf3;border-radius: 5px;text-align: center;padding: 10px 5px;word-wrap: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.correlation ul.xiaoqu li a{color: #6c7177;}
/*相关课程*/
.correlation{}
.correlation h5{font-size: 20px;color: #333;border-bottom: 1px solid #e0dfe4;line-height: 46px;font-weight: bold;margin-bottom: 20px;position: relative;}
.correlation h5 em{position: absolute;width: 5.5em;height: 3px;background: #ff0604;bottom: 0;left: 0;}
.correlation ul{margin-left: -15px;}
.correlation li {float: left;margin-left: 15px;border-radius: 4px;margin-bottom: 12px;    width: 191px;position: relative;}
.correlation li a{text-decoration: none;}
.correlation li a:hover p{color:#e90f06;}
.correlation li p{font-size: 16px;color: #333;line-height: 24px;padding: 8px;}
.correlation img{width: 100%;height: 120px;background-color: #f3f5f7;border-radius: 8px;}
/*相关文章*/
.correlation_article li{width: 410px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.correlation_article li a{padding-left: 10px;color: #999;}
.correlation_article li a:hover{color: #e90f06;}
.correlation_article li:before{content: " ";display: block;position: absolute;width: 4px;height: 4px;top: 50%;left: 0;background: #999;}


/*课程侧边栏*/
.course-sidebar{float: right;width: 290px;position: sticky;top: 0;}
.course-sidebar .school-info,.course-sidebar .correlation{border: 12px solid #f4f4f4;padding:10px;border-radius: 5px;}
.course-sidebar .school-info h2{font-size:15px;line-height: 2.5em;text-align: center;}
.course-sidebar .school-info h2 a{color:#25b7ff;}
.course-sidebar .school-info img{max-width:100%;margin:0 auto;display:block;}
.course-sidebar .school-info ul.data{text-align: center;line-height: 22px;font-size: 14px;margin: 15px 0;padding: 5px 0;}
.course-sidebar .school-info ul.data li{width:80px;float: left;}
.course-sidebar .school-info ul.data li.line{border: 1px solid #e5e5e5;border-top: none;border-bottom: none;}
.course-sidebar .school-info ul.data li em{display:block;color:#9B9B9B;}
.course-sidebar .school-info p{line-height:24px;color:#333;margin:20px 0;border-bottom: 1px solid #e0dfe4;padding:0 8px 20px 8px;}
.course-sidebar .school-info .contact{font-size:15px;line-height: 1.7em;}
.course-sidebar .school-info .contact h3{font-size:15px;line-height: 2.5em;margin-bottom: .5em;font-weight: bold;color:#333;}
.course-sidebar .school-info .contact li{margin-bottom: .5em;}
.course-sidebar .school-info .contact i{color:#25b7ff;}
.course-sidebar .school-info .contact span{padding-left:.5em;}
.course-sidebar .correlation{margin-top: 25px;}
.course-sidebar .correlation ul{margin: 0;}
.course-sidebar .correlation li{float:none;width:100%;margin-left:0;font-size: 16px;line-height: 24px;}
.course-sidebar .correlation img{height:160px;}

.news .page{text-align: left;}
.news h1{font-weight: bold;width: inherit;}
.news .newsinfo{font-size:15px;color: #999;line-height: 4em;margin-bottom: 1.5em; border-bottom:1px solid #ccc;}
.news .newsinfo em{float:right;color:#333;}
.news .course-content-item p{text-indent: 0;color:#444;}
.news .course-content-item .container:after {font-size: 16px;color: #333;font-family: "楷体";border-top: 1px solid #e9e9e9;display: block;padding: .6em .2em;line-height: 1.5em;margin-bottom: .5em;}

/*.newsinfo,.updatetime{position: absolute;top: -10000px;}*/