@charset "utf-8"; /* 51教育网 蓝色 #2E83FF rgba(46,131,255) 主题色 #F87F05 rgba(248,127,5) */ body { margin: 0; padding: 0; font-family: "Microsoft Yahei", "微软雅黑", Tahoma,Arial, sans-serif, Simsun; line-height: 1.6; background-color: #fff; color: #333; font-size: 15px;} a { display: inline-block; text-decoration: none; color: #333; transition: .3s ease all;} a:hover { color: #F87F05;} a.clearfix { display: block;} body, div, dl, dt, dd, ul, ol, li, input, textarea, p, img, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;} img { border: 0; margin: 0; padding: 0; display: block; width: auto; height: auto;} /* i { display: block; float: left;} */ ol, ul, li { list-style-type: none;} input, textarea { border: 1px solid #d7d7d7;} .block { display: block;} .hidden { display: none;} .clearfix { zoom: 1;} .clearfix:after { content: " "; display: block; clear: both; height: 0;} .left { float: left;} .right { float: right;} .content { width: 1080px; height: auto; margin: 0 auto;} .content2 { width: 1200px; height: auto; margin: 0 auto;} .mt15 { margin-top: 15px;} .mt20 { margin-top: 20px;} .mt30 { margin-top: 30px!important;} .mt0 { margin-top: 0px;} /* 2025.08 分站样式调整 */ /* 顶部面包屑导航 */ .breadcrumb { background-color: #FAFAFA; border-bottom: 1px solid #eee;} .breadcrumb, .breadcrumb a { font-size: 12px; line-height: 36px;} .breadcrumb a { display: block; float: left;} .breadcrumb a:nth-child(1) { margin-left: 0;} .breadcrumb a:nth-child(1):hover svg:nth-child(1) { display: none;} .breadcrumb a:nth-child(1):hover svg:nth-child(2) { display: block; margin: 7px 6.5px -7px 0; float: left;} /* 学校logo */ .school_logo { background-color: #fff; padding: 10px 0;} .school_logo a, .school_logo a img, .school_logo a h1 { display: block; float: left;} .school_logo a img { height: 60px; margin-right: 15px;} .school_logo a h1 { line-height: 60px; font-size: 30px; color: #000;} .school_logo .right { text-align: center; line-height: 20px; margin-top: 12px;} .school_logo .right div:nth-child(1) { font-weight: bold; background: url(https://res.51eduu.com/images/icon_tel.gif) no-repeat left; background-size: 31px; padding-left: 38px; font-size: 16px; color: #2961a8;} .school_logo .right div:nth-child(2) { padding-left: 25px; font-size: 12px;} .school_logo .right div:nth-child(1) span { color: #D30101; margin-left: 3px;} /* banner */ .focus_item { width: 1080px; border-radius: 8px; overflow: hidden} .focus_item img { width: 1080px;} /* 机构首页导航 */ .nav_sch { background-color: #F87F05;} .nav_sch li { width: 120px; float: left; text-align: center; margin-right: 15px;} .nav_sch a { display: block; height: 46px; line-height: 46px; color: #fff; font-size: 16px;} .navt_item li.menu a:hover, .navt_item li.menu:nth-child(1) { text-decoration-line: underline; color: #fff;} /* 机构首页banner */ .carousel { position: relative; margin: 20px auto; overflow: hidden; border-radius: 6px;} .carousel-container { display: flex; transition: transform 0.5s ease;} .carousel-slide { min-width: 100%; box-sizing: border-box; position: relative;} .carousel-slide img { width: 100%; height: auto; display: block;} .carousel-dots { position: absolute; bottom: 10px; right: 10px; display: flex; gap: 5px; background: rgba(0, 0, 0, 0.3); padding: 4px 6px; border-radius: 20px;} .dot { width: 5px; height: 5px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); border: none; padding: 0; cursor: pointer; transition: all 0.3s ease;} .dot.active { background: #fff; transform: scale(1.1);} .dot:focus { outline: none; box-shadow: 0 0 0 2px rgba(255,255,255,0.5);} /* 机构首页课程 */ .course_type span, .course_type a { line-height: 28px; font-size: 14px;} .course_type span { background: url(https://res.51eduu.com/images/icon_type.png) no-repeat left; background-size: 15px; display: inline-block; padding-left: 20px; color: #F87F05;} .course_type a { display: inline-block; background-color: #f8f8f8; border-radius: 4px; padding: 0 10px; margin: 0 0 10px 10px;} .course_type a:hover { background-color: #F87F05; color: #fff!important;} .course_index .courses a { width: calc((100% - 30px) / 3); display: block; margin: 20px 15px 0 0; float: left; color: #000;} .course_index .courses a:nth-child(1), .course_index .courses a:nth-child(2), .course_index .courses a:nth-child(3) { margin-top: 5px;} .course_index .courses a:nth-child(3n+3) { margin-right: 0;} .course_index .courses a img { width: 100%; border-radius: 6px; margin-bottom: 5px;} .course_index .courses a p { color: #757575; font-size: 14px; margin-top: 3px;} /* 机构首页简介 */ .introduction_index p, .introduction_index div { text-indent: 2em; line-height: 1.8; margin: 5px 0;} .introduction_index img { border-radius: 6px; display: block; margin: 12px auto;} /* 机构首页环境图 */ .campus_img_index .left { width: 50%; text-align: center;} .campus_img_index .left:nth-child(1), .campus_img_index .left:nth-child(2) { margin-bottom: 15px;} .campus_img_index .left img { width: 260px; border-radius: 6px; margin: 0 auto 5px;} /* 机构首页问答 */ .hot_about_index a { padding: 10px 0; border-bottom: 1px dashed #eee;} .hot_about_index a:nth-child(2) { padding-top: 0;} .hot_about_index a div:before, .hot_about_index a p:before { content: "问"; display: block; width: 18px; height: 18px; line-height: 18px; font-size: 12px; text-align: center; color: #fff; background-color: #2E83FF; border-radius: 4px; float: left; margin: 4px 0 0 -30px; font-weight: normal;} .hot_about_index a div { padding-left: 30px;} .hot_about_index a:hover, .hot_about_index a div:hover { color: #2E83FF;} .hot_about_index a div span { text-align: right; font-size: 12px; color: #575757; float: right; margin-top: 3px;} .hot_about_index a p { color: #757575; margin-top: 5px; font-size: 14px; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; padding-left: 30px;} .hot_about_index a p:before { content: "答"; background-color: #F87F05; margin-top: 1px;} /* 机构首页相关推荐 */ .courselist_about a, .courseclass_about a { width: calc((100% - 30px) / 4); margin: 0 10px 10px 0; display: block; float: left;} .courselist_about a { width: calc((100% - 30px) / 3); margin: 0 15px 10px 0;} .courselist_about a:nth-child(3n+3), .courseclass_about a:nth-child(4n+4) { margin-right: 0;} .courselist_about a:before, .courseclass_about a:before { content: "· ";} .courselist_about a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px;} .courseclass_about p { color: #757575; font-size: 14px; padding-left: 9px; line-height: 1.4; margin-top: 3px; height: 40px; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;} .courseclass_about a:nth-last-child(1), .courseclass_about a:nth-last-child(2), .courseclass_about a:nth-last-child(3), .courseclass_about a:nth-last-child(4) { margin-bottom: 0;} /* 左右分布 */ .left_con { width: calc(100% - 305px);} .content2 .left_con { width: calc(100% - 320px);} .left_con_list { width: calc(100% - 320px);} .right_con { width: 285px;} .block_con { background-color: #fff; border-radius: 6px; border: 1px solid #eee; padding: 15px; overflow: hidden;} .sticky { position: sticky; top: 20px;} /* 左侧标题 */ .left_title { font-weight: bold; font-size: 20px; margin: -5px 0 16px; color: #000; border-bottom: 1px solid #eee; padding: 0 0 4px;} .left_title svg { margin: 6px 5px -6px 0;} .left_title:before { content: " "; display: block; width: 12px; height: 22px; background-color: #F87F05; border-radius: 4px; float: left; margin: 5px 0 0 -22px;} /* 右侧标题 */ .right_title { font-size: 18px; font-weight: bold; color: #000; line-height: 1; margin-bottom: 15px;} .right_title:before { content: " "; display: block; width: 12px; height: 20px; background-color: #F87F05; border-radius: 4px; float: left; margin: -0.2px 0 0 -22px;} /* 机构页面小面包 */ .bread { background-color: #F87F05;} .bread, .bread a, .bread span { line-height: 46px; color: #fff;} /* 左侧问答推荐 */ .hot_about a { border-bottom: 1px dashed #eee; padding: 10px 0;} .hot_about a:nth-child(2) { padding-top: 0;} .hot_about a:before { content: " "; display: block; float: left; width: 4px; height: 4px; background-color: rgba(248,127,5,.3); margin: 11px 8px 0 0;} .hot_about a span { text-align: right; font-size: 12px; color: #757575; float: right; margin-top: 2px;} .hot_about a:hover:before { background-color: rgba(248,127,5,.8);} /* 左侧问答表单 */ .question_about form textarea { border-radius: 4px; padding: 10px; width: calc(100% - 22px); background: #f8f8f8; border: 1px solid #eee;} .question_about button { border: none; width: 100px; line-height: 30px; color: #fff; background-color: #2E83FF; border-radius: 4px; margin-top: 10px;} #successMessage, #errorMessage { display: none; color: green; margin-top: 5px; font-size: 14px;} #errorMessage { color: red;} /* 左侧课程推荐 */ .course_about a { width: calc((100% - 45px) / 4); margin-right: 15px; float: left; text-align: center; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .course_about a:nth-child(4n+4) { margin-right: 0;} .course_about a img { width: 100%; border-radius: 6px; margin-bottom: 8px;} .course_about a:nth-child(5), .course_about a:nth-child(6), .course_about a:nth-child(7), .course_about a:nth-child(8) { margin-top: 15px;} /* 左侧评价 */ .comment_about dl { border-bottom: 1px dashed #eee; padding: 15px 0;} .comment_about dl:nth-child(3) { padding-top: 5px;} .comment_about dt span { float: left; width: 60px; color: #F87F05; font-weight: bold;} .comment_about dt span:after { content: "：";} .comment_about dt p { float: right; width: calc(100% - 60px);} .comment_about dd { padding-left: 60px; margin-top: 5px;} .comment_about dd span { font-size: 14px; color: #757575; margin-right: 15px;} .comment_about .cover { width: calc((100% - 80px) / 3); border-radius: 6px; overflow: hidden; margin: 10px 0 0 10px;} .comment_about .cover:nth-child(1) { margin-left: 60px;} .comment_about .cover img { width: 100%;} /* 口碑评价表单 */ .open-btn { padding: 0; background-color: #F87F05; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; width: 70px; line-height: 22px; margin-top: -48px; float: right;} .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 1000; justify-content: center; align-items: center;} .form-container { width: 360px; background-color: white; padding: 40px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); position: relative;} .form-container > div { text-align: center; font-weight: bold; font-size: 22px;} .form-container > div:after { content: " "; display: block; width: 35px; height: 3px; border-radius: 5px; background: #2692FF; margin: 10px auto 30px;} .close-btn { position: absolute; top: 10px; right: 10px; font-size: 30px; font-weight: bold; line-height: 20px; cursor: pointer; background: none; border: none;} .close-btn:hover { color: #c00000; transition-duration: .3s;} .form-group { margin-bottom: 15px;} #syform label { display: block; margin-bottom: 5px; font-weight: bold; display: none;} #syform input, textarea { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box;} #syform textarea { height: 100px; resize: vertical;} .submit-btn { width: 100%; padding: 10px; background-color: #4CAF50; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 16px;} .submit-btn:disabled { background-color: #cccccc; cursor: not-allowed;} .error { color: red; font-size: 12px; margin-top: 5px; display: none;} .success-message { position: fixed; top: 40%; left: 50%; transform: translateX(-50%); background-color: #4CAF50; color: white; padding: 15px 30px; border-radius: 4px; display: none; z-index: 1001;} /* 右侧校区 */ .right_campus p { margin-top: 12px; padding-left: 20px; background: url(https://res.51eduu.com/images/icon_xq.png) no-repeat 0 5px; background-size: 12px; color: #000;} .right_campus dl { padding-left: 20px; margin-top: 8px;} .right_campus dl:before { content: " "; display: block; float: left; width: 4px; height: 4px; background-color: rgba(248,127,5,.5); margin: 12px 0 0 -12px;} .right_campus dt { margin-top: 10px; color: #333} .right_campus dd { color: #757575; font-size: 14px; line-height: 1.5; margin-top: 3px;} /* 右侧师资 */ .right_teacher div.clearfix { border-bottom: 1px dashed #eee; padding: 15px 0;} .right_teacher div.clearfix:nth-child(2) { padding-top: 10px;} .right_teacher .left { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; border: 1px solid #eee; align-items: center; display: flex;} .right_teacher .left img { width: 100%;} .right_teacher .right { width: calc(100% - 100px);} .right_teacher .right p:nth-child(1) { font-weight: bold; margin: 5px 0;} .right_teacher .right p:nth-child(2) { font-size: 14px;} .right_teacher .right p:nth-child(2) span:nth-child(1) { color: #757575;} /* 右侧新闻 */ .right_news a { border-bottom: 1px dashed #eee; padding: 10px 0 10px 12px; line-height: 24px; font-size: 14px; display: block;} .right_news a:nth-child(2) { padding-top: 0;} .right_news a:before { content: " "; display: block; float: left; width: 4px; height: 4px; background-color: rgba(248,127,5,.3); margin: 8px 0 0 -12px;} .right_news a span:nth-child(1) { float: left; width: calc(100% - 80px);} .right_news a span:nth-child(2) { font-size: 10px; float: right; width: 70px; text-align: right; color: #575757;} /* footer */ #footer { text-align: center; padding-bottom: 15px; margin-top: 20px; font-size: 14px; background-color: #fff;} #footer a { font-size: 14px;} #footer > div:nth-child(1) { background: #F87F05; color: #fff;} #footer > div:nth-child(1) a { color: #fff; line-height: 40px; margin: 0 15px 0 10px;} #footer > div:nth-child(1) a:hover { text-decoration: underline; color: #fff!important;} #footer > div:nth-child(2) { padding: 15px 0;} #footer > div:nth-child(2) a, #footer > div:nth-child(2) span { margin: 0 5px;} #footer > div:nth-child(2) span strong { color: #F87F05;} #footer img { display: block; margin: 0 auto;} /* 悬浮窗 */ div.xuanfu { width: 120px; border-radius: 8px; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.1); position: fixed; left: calc(50% + 610px); bottom: 470px; z-index: 900; cursor: pointer;} div.xuanfu .x-tel { text-align: center; background: #2E83FF; border-top-left-radius: 8px; border-top-right-radius: 8px;} div.xuanfu .x-tel span { color: #fff; background: url(https://res.51eduu.com/images/xuanfu-tel1.png) no-repeat 16px center; background-size: 24px;} div.xuanfu .x-tel .none { float: left; background: #fff; border-radius: 6px; font-size: 10px; margin: -60px 10px 0 -220px; box-shadow: 0 2px 10px rgba(0,0,0,.1); padding: 15px; display: none;} div.xuanfu .x-tel:hover .none { display: block;} div.xuanfu .x-tel .none:after { content: " "; display: block; width: 12px; height: 12px; transform: rotate(45deg); float: right; margin: -12px -20px 0 0; background: #fff; box-shadow: 8px -2px 8px rgba(0,0,0,.1);} div.xuanfu .x-tel .none strong { display: block; font-size: 20px; color: #2E83FF; padding-left: 30px; background: url(https://res.51eduu.com/images/icon_tel.gif) no-repeat left; background-size: 24px;} div.xuanfu .x-tel span, div.xuanfu > a:nth-child(2), div.xuanfu > a:nth-child(3) { display: block; text-align: center; line-height: 50px; font-size: 14px; border-bottom: 1px solid rgba(46,131,255,.1); text-indent: 28px;} div.xuanfu > a:nth-child(2) { background: url(https://res.51eduu.com/images/xuanfu-zx1.png) no-repeat 18px center; background-size: 20px;} div.xuanfu > a:nth-child(2):hover { color: #2E83FF;} div.xuanfu > a:nth-child(3) { background: url(https://res.51eduu.com/images/xuanfu-xf.png) no-repeat 18px center; background-size: 20px;} div.xuanfu > a:nth-child(3):hover { color: #FC3628;} div.xuanfu > a:nth-child(5) { display: block;} div.xuanfu > a:nth-child(5) img { width: 30px; margin: 10px auto; display: block; opacity: .4;} div.xuanfu > a:nth-child(5):hover img { opacity: 1; transition-duration: .3s;} /* 当目标为模态框时显示 */ #pcform:target { display: block;} /* 模态框的内容 */ #pcform { display: none; width: 280px; background: #fff; padding: 30px; border-radius: 6px; box-shadow: 0 2px 20px rgba(0,0,0,.2); margin: -153px 0 -168px -350px; z-index: 999;} /* 用于关闭模态框的按钮 */ #pcform .closebtn { text-decoration: none; float: right; font-size: 36px; font-weight: bold; color: #000; line-height: 1; margin: -25px -20px 0 -50px;} #pcform .closebtn:hover, #pcform .closebtn:focus { color: red; text-decoration: none; cursor: pointer;} #pcform div:nth-child(2) { font-weight: bold; font-size: 22px; text-align: center; margin-bottom: 20px;} #pcform div:nth-child(2) span { color: #2E83FF;} #pcform div.text { display: block; background: #fff; line-height: 40px; height: 40px; border: 1px solid #eee; border-radius: 50px; margin-top: 10px; padding: 0 15px; font-size: 14px;} #pcform div.text input { border: none; border-left: 1px solid #eee; padding-left: 20px; margin-left: 10px; color: #575757; width: 120px;} #pcform .submit_yuyue { color: #fff; background: #2E83FF; border-radius: 40px; display: block; line-height: 40px; text-align: center; font-size: 16px; letter-spacing: 0px; box-shadow: 0 0 6px 0 #fff inset; margin: 20px auto 0; font-weight: normal; width: 150px;} @media screen and (max-width: 1440px) { div.xuanfu { width: 60px; bottom: 145px;} div.xuanfu .x-tel span { color: #fff; background: url(https://res.51eduu.com/images/xuanfu-tel1.png) no-repeat center 9px; background-size: 26px;} div.xuanfu .x-tel .none { margin: -75px 10px 0 -220px;} div.xuanfu .x-tel span, div.xuanfu > a:nth-child(2), div.xuanfu > a:nth-child(3) { line-height: 18px; text-indent: 0; padding: 40px 10px 10px;} div.xuanfu > a:nth-child(2) { background: url(https://res.51eduu.com/images/xuanfu-zx1.png) no-repeat center 12px; background-size: 24px;} div.xuanfu > a:nth-child(3) { background: url(https://res.51eduu.com/images/xuanfu-xf.png) no-repeat center 12px; background-size: 24px;} #pcform { margin-top: -235px; margin-bottom: -86px;} } @media screen and (max-height: 900px) { div.xuanfu { bottom: 10px;} } /* 课程详情页 */ /* 缩略图 */ .course_thumbnail img { width: 320px; height: auto; border-radius: 6px; float: left;} .course_thumbnail .right { width: calc(100% - 360px);} .course_thumbnail .c_title { font-weight: bold; font-size: 22px; margin: 10px 0;} .course_thumbnail p { margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .course_thumbnail p span { color: #575757;} .course_thumbnail p strong { color: #F87F05;} .course_thumbnail p i { color: #F87F05; font-size: 12px; margin-left: 5px;} /* 定位导航 */ .navbar.fixed { position: fixed; top: 0; margin-top: 0; z-index: 1000; width: 748px; border-radius: 0;} .navbar li { float: left; width: 120px; display: block; margin: 0; padding: 0; text-align: center;} .navbar a { font-size: 16px; font-weight: bold; display: inline-block;} /* 高亮状态的导航项 */ .nav-links a.active { color: #F87F05;} .nav-links a.active:after { content: " "; width: 50px; height: 2px; background-color: #F87F05; animation: underline 0.2s ease; display: block; left: 50%; margin: 5px auto -7px;} @keyframes underline { from { width: 0;} to { width: 50px;} } /* 文本缩进+图片居中 */ .essay div, .essay p, .essay { text-indent: 2rem; line-height: 2; margin: 5px 0; text-align: justify;} .essay div > img, .essay p > img, .essay > img { border-radius: 10px; display: block; margin: 15px auto;} /* 课程标题 */ .Bt_box01, .essay div.Bt_box01, .essay div.Bt_box02, .essay div.Bt_box03, .essay div.Bt_box04, .essay div.Bt_box05, .essay div.Bt_box06 { text-align: center; margin: 20px auto!important; text-indent: 0;} div.Bt_box01 > span, .essay div.Bt_box01 > span, .essay div.Bt_box02 > span, .essay div.Bt_box03 > span, .essay div.Bt_box04 > span, .essay div.Bt_box01 > span, .essay div.Bt_box05 > span { position: relative; display: inline-block; font-size: 18px; font-weight: bold; border-bottom: 1px solid #F87F05; line-height: 36px; text-indent: 0;} .Bt_box01 > span::after, .essay div.Bt_box01 > span::after, .essay div.Bt_box02 > span::after, .essay div.Bt_box03 > span::after, .essay div.Bt_box04 > span::after, .essay div.Bt_box01 > span::after, .essay div.Bt_box05 > span::after { content: " "; display: block; width: 30px; height: 3px; background: #F87F05; margin: 0 auto -2px;} /* 课程环境图 */ .course_campus_img .con { float: left; width: calc(100% / 3 - 20px); margin-right: 30px;} .course_campus_img .con:nth-last-child(1) { margin-right: 0px;} .course_campus_img .img { height: 150px; overflow: hidden; border-radius: 6px; margin: 0; padding: 0;} .course_campus_img .img img { width: 100%; border-radius: 0; margin: 0;} .course_campus_img span { display: block; text-align: center; border-bottom: 1px solid #eee; padding: 8px 0; margi: 0 5px;} /* 课程详情页校区 */ #course-campus .container { width: 100%; height: 350px; margin: 0;} .BMap_stdMpCtrl.BMap_stdMpType1.BMap_noprint.anchorTL { left: auto!important; right: 2px!important;} .anchorBL { left: auto!important; right: 2px!important;} .BMap_cpyCtrl.anchorBL { left: auto!important; right: 2px!important;} /* 白色 */ #course-campus .control-panel { float: left; width: 240px; height: 310px; margin: 10px -300px -350px 10px; padding: 10px; position: relative; z-index: 999; background-color: #fff; border-radius: 4px;} /* 一级筛选 */ #course-campus div.region-select { width: 100%; margin-bottom: 10px;} #course-campus .region-select label { font-weight: bold; width: 80px; float: left; line-height: 32px;} #course-campus select { padding: 5px 8px; font-size: 14px; border: 1px solid #eee; border-radius: 4px; background-color: white; width: calc(100% - 80px); float: right;} /* 二级校区 */ #course-campus .campus-options { height: calc(100% - 50px); overflow-x: hidden; overflow-y: scroll;} #course-campus .campus-options::-webkit-scrollbar { width: 3px; height: 20px; border-radius: 10px;} #course-campus .campus-options::-webkit-scrollbar-track { border-radius: 10px; background: #f0f0f0;} #course-campus .campus-options::-webkit-scrollbar-thumb { border-radius: 10px; background: #F87F05;} #course-campus .campus-option { background-color: #fff; padding: 12px 5px 11px; cursor: pointer; width: calc(100% - 20px); margin: 0; border-bottom: 1px solid #eee; transition: all 0.3s ease;} #course-campus .campus-option.active { background-color: #F87F05; color: white; border-bottom: 1px solid #F87F05; border-radius: 4px; width: calc(100% - 40px); padding: 12px 15px 11px;} #course-campus .campus-option p { margin: 0; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #course-campus .campus-option .campus-name { font-weight: bold; margin-bottom: 5px;} #course-campus .map-container { width: 100%; height: 350px; overflow: hidden; position: relative;} #course-campus .map { width: 100%; height: 100%; display: none; position: relative;} #course-campus .map.active { display: block;} #course-campus .map-title { position: absolute; top: 15px; left: 15px; background-color: rgba(255, 255, 255, 0.9); padding: 8px 15px; border-radius: 20px; font-weight: bold; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); z-index: 10;} #course-campus .map-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; color: white; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); text-align: center;} /* 机构校区页面 */ /* 联系我们 */ .contact_num .left, .contact_num .right { width: calc(50% - 0.5px); margin: 15px 0;} .contact_num .left p { padding: 8px 0;} .contact_num .left p svg { margin: 4px 8px -4px 0;} .contact_num .right { border-left: 1px dashed #ddd; text-align: center;} .contact_num .right img { width: 100px; margin: 0 auto 5px;} /* 地区 */ #campus_list .coursesclass a { border: 1px solid #eee; border-radius: 4px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; margin: 0 10px 10px 0; text-align: center; cursor: pointer; display: inline-block; padding: 0 12px; font-size: 14px;} #campus_list .coursesclass a.on { border: 1px solid #F87F05; background-color: #F87F05; color: #fff;} /* 二级校区 */ #campus_list .left { float: left; width: calc(45% - 10px); max-height: 350px; overflow-x: hidden; overflow-y: scroll;} #campus_list .left::-webkit-scrollbar { width: 3px; height: 20px; border-radius: 10px;} #campus_list .left::-webkit-scrollbar-track { border-radius: 10px; background: #f0f0f0;} #campus_list .left::-webkit-scrollbar-thumb { border-radius: 10px; background: #F87F05;} #campus_list .course_choose li { border-bottom: 1px dashed #eee; cursor: pointer; width: calc(100% - 20px); transition: all 0.2s ease; padding: 15px 5px; zoom: 1;} #campus_list .course_choose li.on { background-color: #f8f8f8; padding: 10px 15px; width: calc(100% - 40px); border-bottom: none; border-radius: 6px;} /* 单个校区 */ #campus_list .course_choose h3 { font-weight: bold; margin-bottom: 5px; font-size: 1rem;} #campus_list .course_choose p { margin: 0; font-size: 14px; line-height: 1.4; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; color: #575757;} #campus_list .course_choose li a { background-color:#F87F05; border-radius: 50px; line-height: 26px; width: 90px; color:#fff; text-align: center; margin: 10px 0 0 -5px; display: none; font-size: 14px;} #campus_list .course_choose li a:hover { color:#fff!important;} #campus_list .course_choose li.on a { display: block;} /* 右侧地图 */ #campus_list .branch_map { width: 55%; height: 350px; border-radius: 4px; overflow: hidden; position: relative; float: right;} #campus_list .map { width: 100%; height: 100%; display: none; position: relative;} #campus_list #container { height: 350px;} #campus_list .map.active { display: block;} #campus_list .map-title { position: absolute; top: 15px; left: 15px; background-color: rgba(255, 255, 255, 0.9); padding: 8px 15px; border-radius: 20px; font-weight: bold; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); z-index: 10;} #campus_list .map-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; color: white; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); text-align: center;} /* 校区页面环境图 */ .campus_img .left { display: block; width: calc((100% - 30px) / 4); height: auto; float: left; text-align: center; margin: 0 10px 0 0; border-radius: 6px; overflow: hidden;} .campus_img .left:nth-child(4n+5) { margin-right: 0;} .campus_img .left_img { border-radius: 6px; overflow: hidden; margin-bottom: 5px;} .campus_img .left img { width: 100%; height: auto; display: block; position: relative;} .campus_img .left:hover img { transition: all 1s; -webkit-transform: scale(1.2,1.2);} /* 问答详情页 */ .hot_essay { padding: 15px 25px;} .hot_essay h2 { font-size: 26px; margin-left: 35px; color: #000;} .hot_essay h2:before { content: "问"; display: block; width: 24px; height: 24px; line-height: 24px; font-size: 14px; text-align: center; color: #fff; background-color: #2E83FF; border-radius: 4px; float: left; margin: 10px 0 0 -35px; font-weight: normal;} /* 问答来源+时间 */ .source { margin: 5px 0 20px; border-bottom: 1px dashed #eee; padding-left: 35px; padding-bottom: 15px;} .source > span, .source time { font-size: 14px; color: #757575; margin-right: 30px;} /* 问答正文 */ .hot_essay_content p { margin: 8px 0; text-indent: 2rem; line-height: 2; text-align: justify;} .hot_essay_content p a, .hot_essay_content p strong, .hot_essay_content p span, .hot_essay_content p b { text-indent: 0; margin: 0; display: contents;} .hot_essay_content img, .hot_essay_content p img, .hot_essay_content div img { display: block; border-radius: 6px; margin: 15px auto;} /* 问答上一页下一页 */ .Page_detail { border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-top: 20px; padding: 15px 0;} .Page_detail > div { width: calc(50% - 30px); padding: 5px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .Page_detail > div a { display: contents;} /* 51教育网logo头部 */ .top_index { padding: 20px 0;} .top_index > a.left { display: block;} .top_index > a.left img { float: left;} .top_index > a.left h1 { float: left; font-size: 30px; line-height: 50px; margin-left: 20px; display: none;} .top_index > .right { line-height: 50px; font-weight: bold; color: #F87F05; font-size: 24px;} .top_index > .right svg { margin: 4px 5px -4px 0;} /* 城市切换 */ .city_change { margin: 10px 0 0 40px; display: inline-block;} .city_name { width: 70px; font-size: 16px; font-weight: bold; color: #333; font-family: "微软雅黑", "宋体"; display: inline;} .change { margin-top: 4px; border: 1px solid #eee; color: #ccc; font-size: 12px; line-height: 18px; height: 18px; width: 60px; display: inline; _overflow: hidden; border-radius: 4px; text-align: center; cursor: pointer;} .change a { color: #ccc; display: block; cursor: pointer; text-align: center;} .citylist { border: 1px solid #eee; padding: 8px 10px; display: none; z-index: 100; width: 200px; height: auto; position: relative; background: #fff;} .citylist a { line-height: 2; display: block; float: left; width: calc(100% / 3); color: #575757; background: #fff;} .citylist a:hover { color: #F87F05;} /* 导航栏 */ .nav_index { border-bottom: 1px solid #eee;} .nav_index li { float: left; margin-right: 75px;} .nav_index .content li { float: left; margin-right: 60px;} .nav_index li:nth-last-child(1) { margin-right: 0;} .nav_index li > a { display: block; padding: 0 5px 15px; font-size: 18px;} .nav_index li.on a { color: #F87F05;} .nav_index li > a:after { content: " "; display: none; background-color: #F87F05; width: 25px; height: 4px; border-radius: 4px; margin: 5px auto -5px;} .nav_index li.on > a:after { display: block;} .nav_index li:hover a:after { display: block;} .nav_index li svg { margin: 3px 0 -3px 3px; fill: #ddd; stroke: #ddd;} .nav_index li:hover .hidden { display: block;} .nav_index li:hover svg { transform: rotate(180deg); fill: #F87F05; stroke: #F87F05; transition: all 0.3s ease;} .nav_index div.hidden { border: 1px solid #eee; padding: 5px 15px; position: absolute; background-color: #fff; margin: 2px -2px 0; box-shadow: 0 2px 15px rgba(0,0,0,.1); z-index: 500;} .nav_index div.hidden a { display: block; text-align: center; padding: 5px; border-bottom: 1px dashed #ddd; font-size: 14px;} /* 课程列表页 */ /* 课程列表页大分类 */ .type_course { border: 1px solid #eee; padding: 10px 20px; border-radius: 4px; margin-bottom: 20px;} .type_course td { padding: 8px 0;} .type_course td a { display: block; float: left; background-color: #f9f9f9; border-radius: 4px; line-height: 28px; margin: 3px 10px 3px 0; font-size: 14px; padding: 0 10px;} .type_course td a.selected, .type_course td a:hover { color: #fff; background-color: #F87F05; border-radius: 4px;} .type_course td.type_course1 { background: url(https://res.51eduu.com/images/icon_type.png) no-repeat left; background-size: 15px; padding-left: 20px; color: #F87F05; width: 70px; font-size: 14px;} /* 列表页小面包 */ .bread_list { font-size: 14px; display: none;} .bread_list a { color: #333;} .bread_list span { color: #575757;} .list_title { overflow: hidden; font-size: 28px; font-weight: bold; line-height: 30px; padding-bottom: 15px; color: #000;} .list_title:before { content: " "; display: block; width: 15px; height: 26px; background-color: #F87F05; border-radius: 6px; float: left; margin: 3px 15px 0 -8px; background: linear-gradient(45deg, #F87F05, #FFA347);} /* 课程列表 + 新闻列表 + 资讯列表 */ .course_list1, .news_list1, .zixun_list1 { border-bottom: 1px dashed #eee; padding: 20px 0;} .course_list1:nth-child(2), .news_list1:nth-child(2), .zixun_list1:nth-child(2) { border-top: 1px solid #eee;} .course_list1 > a, .news_list1 > a, .zixun_list1 img { display: block; float: left; width: 250px; border-radius: 8px;} .course_list1 > a img, .news_list1 > a img { border-radius: 8px; width: 100%;} .course_list1 > .right, .news_list1 > .right, .zixun_list1 .right { width: calc(100% - 275px);} .course_list1 > .right > a, .news_list1 > .right > a, .zixun_list1 .right div { font-weight: bold; line-height: 1.2; font-size: 20px;} .course_list1 .school_name, .course_list1 .des, .news_list1 p, .news_list1 time, .zixun_list1 .right p, .zixun_list1 time { font-size: 14px; margin-top: 15px; color: #757575;} .course_list1 .school_name a, .news_list1 .school_name a { color: #F87F05; font-weight: bold;} .course_list1 .des, .news_list1 .des, .zixun_list1 .right p { line-height: 1.8; text-align: justify;} .course_list1 .des a, .news_list1 .des a { color: #F87F05; margin-left: 2px; display: inline-block;} .news_list1 time, .zixun_list1 time { margin-top: 18px; display: block; line-height: 1;} .zixun_list1 .right div { margin-top: 8px;} /* 课程列表页pass */ .course_list_pass { text-align: center;} .course_list_pass img { margin: 20px auto;} .course_list_pass a { color: #F87F05;} /* 资讯分类 */ .type_zixun { border-bottom: 1px solid #eee; padding: 10px 0;} .type_zixun a { display: block; float: left; background-color: #f8f8f8; border-radius: 4px; line-height: 28px; margin: 5px 10px 5px 0; font-size: 14px; padding: 0 10px;} .type_zixun a.active { background-color: #F87F05; color: #fff;} .type_zixun a.active:hover { color: #fff;} /* 问答列表 */ .ask_list a:nth-child(2) { border-top: 1px solid #eee;} .ask_list a { padding: 15px 0; border-bottom: 1px dashed #eee;} .ask_list a div:before, .ask_list a p:before { content: "问"; display: block; width: 18px; height: 18px; line-height: 18px; font-size: 12px; text-align: center; color: #fff; background-color: #2E83FF; border-radius: 4px; float: left; margin: 4px 0 0 -30px; font-weight: normal;} .ask_list a div { padding-left: 30px;} .ask_list a:hover, .ask_list a div:hover { color: #2E83FF!important;} .ask_list a div span { text-align: right; font-size: 12px; color: #575757; float: right; margin-top: 3px;} .ask_list a p { color: #757575; margin-top: 8px; font-size: 14px; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; padding-left: 30px; text-align: justify;} .ask_list a p:before { content: "答"; background-color: #F87F05; margin-top: 1px;} /* 页码 */ .pagelist { padding: 0 0px 20px; float: none!important;} .pagelist a { color: #575757; line-height: 36px; padding: 0 14px; width: auto; display: inline-block; border: 1px solid #eee; background: #fff; border-radius: 2px;} .pagelist a:hover { background: #F87F05; color: #fff!important;} .pagelist ul { overflow: hidden;} .pagelist li { display: inline; margin-right: 10px; width: auto;} .pagelist .pegelist_un { border: 1px solid #ccc;} .pagelist .pegelist_un a { color: #ccc; display: inline-block; height: 20px; line-height: 20px; padding: 0 14px;} .pagelist .pagelist_c a { background: #F87F05; color: #fff; display: inline-block; height: 36px; line-height: 36px; padding: 0 14px;} .pagelist .pagelist_dian { border: none;} /* 城市课程类别辅导班/培训班-相关搜索 */ .list_more a { width: calc((100% - 30px) / 4); margin: 0 10px 10px 0; display: block; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; color: #757575;} .list_more a:nth-child(4n+4) { margin-right: 0;} .list_more a:before { content: "· ";} /* 排行榜入口 */ .ranking { background: url(https://res.51eduu.com/images/ranking.jpg) no-repeat top; background-size: 100%; height: 155px; border: none; display: block; color: #fff; font-size: 36px; text-shadow: 0 1.5px 0 #dd6a00; padding: 30px 28px 0; letter-spacing: 2px; font-weight: bold;} .ranking:hover { color: #fff;} /* 课程列表页右侧--最新上线课程/机构 */ .course_list_right a { display: block; color: #575757; margin-bottom: 10px;} .list_more a:hover, .course_list_right a:hover { color: #F87F05;} /* 新闻详情页 */ .news_essay h2 { font-size: 28px; text-align: center; margin: 10px 0; color: #000;} .news_essay .source { border: none; margin: 0 0 20px; padding: 0; text-align: center;} .news_essay .source span, .news_essay .source time { margin: 0 10px;} .news_essay .source span a { background: linear-gradient(#dc0000, #cc0000); color: #fff; border-radius: 4px; padding: 0 6px; margin-left: 2px} .news_essay .abstract { border: 1px solid #eee; background-color: #f9f9f9; padding: 15px 20px; line-height: 1.8; margin: 15px 0 20px; font-size: 14px; color: #555;} .news_essay .abstract span { color: #cc0000;} .news_essay_content, .news_essay_content p, .news_essay_content div { text-indent: 2rem; text-align: justify; line-height: 2; color: #555; margin: 8px 0;} .news_essay_content a { text-indent: 0;} .news_essay_content img { display: block; margin: 15px auto; max-width: 100%;} .original { color: #000;} .original span { color: #cc0000;} .news_more { background-color: #f8f8f8; border-radius: 4px; padding: 10px 15px; text-indent: 0!important;} .news_more a { color: #F87F05; font-weight: 600; display: contents;} .news_more span { color: #cc0000;} /* 资讯详情页表单 */ .form_zixun { border: 10px solid rgba(46,131,255,.2); padding: 30px 50px; border-radius: 4px;} .form_zixun .form_title { font-weight: bold; text-align: center; font-size: 22px; margin-bottom: 10px; background: url(https://res.51eduu.com/images/back-form-zixun.png) no-repeat center; background-size: 240px; color: #F87F05;} .form_zixun .form_title span { color: #2E83FF;} .form_zixun .form_zixun_content div { background-color: #f8f8f8; border-radius: 50px; width: calc(50% - 50px); padding: 10px 20px; float: left; margin-top: 20px;} .form_zixun .form_zixun_content div:nth-child(2) { margin-left: 20px;} .form_zixun .form_zixun_content div:nth-child(3) { width: calc(100% - 40px);} .form_zixun .form_zixun_content div input { background: none; border: none; border-left: 1px solid #575757; color: #757575; padding-left: 15px; margin-left: 15px;} .form_zixun a.form_zixun_btn { text-align: center; width: 220px; background: #FF8400; border-radius: 50px; line-height: 46px; color: #fff; margin: 25px auto 0; box-shadow: 0 0 10px 0 #fff inset; display: block;} /* 分站首页banner */ .city_banner { top: 0px; height: 435px; width: 100%; border-radius: 6px; overflow: hidden;} .swiper_sy { width: 100%; margin: 0 auto;} .swiper-slide1 { width: 100%;} .swiper-slide1 img { width: 100%;} .city_banner .swiper-pagination-bullet { width: 30px; height: 5px; border-radius: 5px;} .city_banner .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 0.5);} /* 分站首页课程 */ .city_index_course { border: 1px solid #eee; padding: 19px; overflow: hidden;} .city_index_course .right { width: 260px;} .city_index_course .left { width: calc(100% - 285px);} /* .city_index_course .left:before { content: " "; display: block; width: 12px; height: 24px; background-color: #F87F05; border-radius: 4px; float: left; margin: 3px 0 0 -25px;} */ .city_title_left, .city_title_right { border-bottom: 1px solid #eee; line-height: 30px; padding-bottom: 5px;} .city_title_left span { font-weight: bold; font-size: 26px; color: #000;} .city_title_left a { float: right; margin-left: 15px; font-size: 14px; opacity: .8;} .city_title_left a:nth-last-child(1) { margin-left: 0; margin-right: -10px;} .city_title_left:before { content: " "; display: block; width: 12px; height: 24px; background-color: #F87F05; border-radius: 4px; float: left; margin: 3px 0 0 -25px;} .city_title_right { font-weight: bold; color: #000; font-size: 18px;} .city_title_right:before { content: " "; display: block; width: 6px; height: 18px; background-color: #F87F05; border-top-right-radius: 5px; border-bottom-right-radius: 5px; float: left; margin: 6px 10px 0 0;} .city_course_content li { float: left; width: calc((100% - 40px) / 3); margin: 25px 20px 0 0; background-color: #fff; border-radius: 8px;} .city_course_content li:nth-child(3n+3) { margin-right: 0;} .city_course_content img { width: 100%; border-radius: 8px;} .city_course_content span { display: block; margin: 8px 10px 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} /* .city_course_content span:before { content: "课程名称：";} */ .city_course_content .city_index_school { color: #757575; margin: 0 10px 10px; font-size: 14px;} .city_course_content .city_index_school:hover { color: #F87F05; transition: all 0.3s ease;} .city_course_content .city_index_school:before { content: "开课机构：";} .city_course_content li:hover { transform: translateY(-15px); transition-duration: .3s; box-shadow: 0 2px 20px rgba(0,0,0,.1);} .city_index_course2 { display: block; margin-top: 8px; color: #575757;} .city_index_btn { color: #F87F05; border: 1px solid #F87F05; display: block; text-align: center; line-height: 36px; border-radius: 4px; margin-top: 15px;} .city_index_btn:hover { color: #fff!important; background-color: #F87F05;} /* 新闻+问答+资讯+学校 */ .city_news_title { font-weight: bold; font-size: 20px; display: block; line-height: 20px; margin-bottom: 12px;} a.city_news_title { background: url(https://res.51eduu.com/images/icon_city_news_title.png) no-repeat 95px 1px; background-size: 13px; cursor: pointer;} a.city_news_title:hover { background: url(https://res.51eduu.com/images/icon_city_news_title.png) no-repeat 95px -23px; background-size: 13px;} .city_news .left { border: 1px solid #eee; padding: 14px; width: calc((100% - 60px) / 4 - 30px); margin-right: 20px;} .city_news1 { padding: 8px 0; line-height: 20px; color: #575757;} .city_news1 p { float: left; width: calc(100% - 80px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .city_news1 p:before { content: "· ";} .city_news1 span { float: right; width: 80px; font-size: 12px; color: #757575; text-align: right;} .city_news1:hover p, .city_news1:hover span { color: #F87F05; transition-duration: .03s;} .city_news .left:nth-last-child(1) { margin-right: 0;} .city_news .left:nth-last-child(1) .city_news1:before, .city_index_course2:before { content: " "; display: block; width: 4px; height: 4px; background-color: #eee; float: left; margin: 9px 10px 0 0;} .city_news .left:nth-last-child(1) .city_news1:hover:before, .city_index_course2:hover:before { background-color: #F87F05; transition-duration: .3s; opacity: .3;} /* 51首页 banner */ .banner_index { width: 100%; height: 480px; position: relative;} .banner_index .slideBox { width: 100%; height: 480px; /* height: 468px; */ overflow: hidden; position: relative; z-index: 0;} .banner_index .slideBox .hd { position: absolute; left: 0; bottom: 24px; width: 100%; z-index: 1; text-align: center; height: 14px;} .banner_index .slideBox .hd ul { display: block; width: 100%; height: 100%; font-size: 0;} .banner_index .slideBox .hd ul li { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; width: 14px; height: 14px; margin: 0 7px; border-radius: 45px; -webkit-border-radius: 45px; -moz-border-radius: 45px; background-color: #fff; background-color: rgba(255,255,255,.5); -webkit-background-color: rgba(255,255,255,.5); -moz-background-color: rgba(255,255,255,.5); cursor: pointer; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -ms-transition: .4s ease-in-out;} .banner_index .slideBox .hd ul li.on { background: #fff; width: 30px;} .banner_index .slideBox .bd { position: relative; height: 100%; z-index: 0;} .banner_index .slideBox .bd li { zoom:1; vertical-align: middle; position: relative; min-width: 1200px; height: 480px; overflow: hidden;} .banner_index .slideBox .bd a { position: absolute; left: 50%; top: 0; margin-left: -960px; display: block; width: 100%; height: 100%;} /* 51首页 banner下面的热门城市 */ .index_hotcity { width: 1160px; padding: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 15px rgba(0,0,0,.2); margin: -20px auto 50px; position: relative;} .index_hotcity p { line-height: 24px; font-size: 20px; padding: 5px 0; color: #757575;} .index_hotcity ul { width: 1100px;} .index_hotcity li { float: left; line-height: 22px; padding: 3px 0; border-radius: 4px; border: 1px solid #fff; text-align: center; cursor: pointer; width: 70px;} .index_hotcity li:hover { border: 1px solid #F87F05; transition-duration: .3s all ease;} .index_hotcity li:hover a { color: #F87F05;} /* 51首页 标题 */ .index_title { border-bottom: 1px solid #F87F05; font-size: 20px; color: #000; font-weight: bold; padding-bottom: 10px; line-height: 20px; margin-bottom: 10px;} .index_title:before { content: " "; display: inline-block; border-left: 5px solid #2E83FF; border-right: 5px solid #F87F05; width: 8px; height: 18px; transform: skewX(-30deg); margin: 2px 15px -2px 5px;} /* 51首页 右侧标题 */ .index_title_right { font-size: 18px; font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 5px;} .index_title_right svg { margin: 3px 8px -3px 0;} /* 51首页 左侧热门课程分类 */ .index_hot_course li { width: calc((100% - 30px) / 3 - 30px); float: left; padding: 14px; border: 1px solid #eee; margin: 15px 15px 0 0;} .index_hot_course li:nth-child(3n+3) { margin-right: 0;} .index_hot_course a { color: #575757; margin-right: 10px; font-size: 14px;} .index_hot_course a:nth-child(1) { color: #F87F05; display: block; font-size: 16px; font-weight: bold; margin: 0 0 8px; border-left: 4px solid #F87F05; line-height: 1; padding-left: 10px;} .index_hot_course li:nth-child(7), .index_hot_course li:nth-child(8), .index_hot_course li:nth-child(9), .index_hot_course li:nth-child(10), .index_hot_course li:nth-child(11), .index_hot_course li:nth-child(12) { height: 97px;} /* 51首页 右侧最新上线课程+机构 */ .index_lastest { border: 1px solid #eee; padding: 14px;} .index_lastest a { display: block; color: #575757; margin-top: 10px;} .index_lastest a:before { content: "· ";} /* 51首页 合作伙伴 */ .index_painter img { width: calc((100% - 45px) / 4 - 2px); margin: 15px 15px 0 0; display: block; float: left; border: 1px solid #eee;} .index_painter img:nth-child(4n+4) { margin-right: 0;} /* 51首页 底部热门城市 */ .index_hotcity_bottom a { float: left; width: calc(100% / 7); display: block; margin-top: 5px;} .index_hotcity_bottom a:before { content: "· ";} /* 友链 */ .FriendLinks { border: 1px solid #eee; padding: 19px;} .FriendLinks a { margin: 5px 20px 0 0; display: inline-block; color: #757575;} /* 排行榜页面banner */ .banner_rank { background: url(https://res.51eduu.com/images/ranking-b.jpg) no-repeat top; background-size: cover; text-align: center; padding: 30px 0;} .banner_rank h2 { display: inline-block; background: url(https://res.51eduu.com/images/ranking-t.png) no-repeat top; background-size: 150px; color: #fff; font-size: 70px; padding-top: 65px; letter-spacing: 1px; text-shadow: 0 1px 6px #ff4b19;} .banner_rank h2:before, .banner_rank h2:after { content: " "; display: inline-block; width: 100px; height: calc(100px / 0.75); background: url(https://res.51eduu.com/images/ranking-l.png) no-repeat left; background-size: cover; float: left; margin-top: -5px;} .banner_rank h2:after { background: url(https://res.51eduu.com/images/ranking-r.png) no-repeat right; background-size: cover; float: right;} .banner_rank p { color: #fff; margin-top: 15px;} /* 排行榜机构 */ .rankings { counter-reset: rank-counter-one; background-color: #fff; border-radius: 10px; padding: 20px; width: calc(100% - 350px)!important; overflow: hidden;} .rank_school { padding: 30px 20px 30px 30px; background: #f9f9f9; border-radius: 6px; margin-top: 15px; overflow: hidden;} .rank_school:nth-child(2) { background-color: rgba(220,124,0,.06);} .rank_school:nth-child(3) { background-color: rgba(84,112,146,.06);} .rank_school:nth-child(4) { background-color: rgba(206,90,26,.06);} .rank_school .left:nth-child(1) { width: 30px; height: 30px; background: #eee; margin: -30px 0 0 -30px; border-bottom-right-radius: 6px;} .rank_school .left:nth-child(1)::before { counter-increment: rank-counter-one; content: counter(rank-counter-one); display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-weight: bold; font-size: 14px; color: #333;} .rank_school:nth-child(2) .left:nth-child(1) { background: linear-gradient(135deg,#FFEFCD,#FED487);} .rank_school:nth-child(2) .left:nth-child(1)::before { color: #DC7C00;} .rank_school:nth-child(3) .left:nth-child(1) { background: linear-gradient(135deg,#DEE5EC,#B6C8DD);} .rank_school:nth-child(3) .left:nth-child(1)::before { color: #547092;} .rank_school:nth-child(4) .left:nth-child(1) { background: linear-gradient(135deg,#FDD9B4,#EBA05F);} .rank_school:nth-child(4) .left:nth-child(1)::before { color: #CE5A1A;} .rank_school img { width: 100px; height: auto; background-color: #fff; padding: 9px; display: block; float: left; margin: 10px 0 0; border: 1px solid #eee;} .rank_school:nth-child(2) img { border: 1px solid #DC7C00;} .rank_school:nth-child(3) img { border: 1px solid #547092;} .rank_school:nth-child(4) img { border: 1px solid #CE5A1A;} .rank_school_title { width: calc(100% - 280px); margin-left: 30px;} .rank_school_title a { font-size: 22px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .rank_school_title p { color: #F87F05; display: contents; font-weight: normal; font-size: 14px;} .rank_school_title p:before { content: "——"; margin: 0 10px;} .rank_school:nth-child(2) .rank_school_title p { color: #DC7C00;} .rank_school:nth-child(3) .rank_school_title p { color: #547092;} .rank_school:nth-child(4) .rank_school_title p { color: #CE5A1A;} .rank_add span { display: block; font-size: 14px; color: #575757; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 11px;} .rank_add span:before { content: "·"; margin-right: 7px;} .rank_add span:nth-child(1):before { display: none;} .rank_add span:nth-child(1) { color: #F87F05; margin: 0 0 3px;} .rank_school:nth-child(2) .rank_add span:nth-child(1) { color: #DC7C00;} .rank_school:nth-child(3) .rank_add span:nth-child(1) { color: #547092;} .rank_school:nth-child(4) .rank_add span:nth-child(1) { color: #CE5A1A;} .rank_add span svg { fill: #F87F05; stroke: #F87F05; margin: 3px 5px -3px 0;} .rank_school:nth-child(2) .rank_add span svg { fill: #DC7C00; stroke: #DC7C00;} .rank_school:nth-child(3) .rank_add span svg { fill: #547092; stroke: #547092;} .rank_school:nth-child(4) .rank_add span svg { fill: #CE5A1A; stroke: #CE5A1A;} .rank_btn { background: linear-gradient(to right,#FE724B,#E52928); color: #fff; width: 120px; display: block; text-align: center; line-height: 3; border-radius: 6px; margin-top: 40px;} .rank_btn:hover { color: #FDC22D!important;} /* 排行榜 快速获取价格 */ #chat { background: rgb(255, 255, 255); border: 1px solid #F87F05; border-radius: 15px; overflow: hidden; text-align: center; padding: 0px 0px 20px; margin: 25% 0 0 calc(50% - 200px); width: 400px;} #chat h2 { background-color: #F87F05; color: rgb(255, 255, 255); margin: 0px; font-size: 24px; line-height: 50px; letter-spacing: 1px;} #chat input, #chat select { margin: 20px auto 0px; border: 1px solid rgb(221, 221, 221); border-radius: 40px; display: block; line-height: 30px; padding: 0px 15px; width: 80%;} #chat select { height: 30px; width: 300px;} #chat .btn { background-color: #F87F05; color: rgb(255, 255, 255); border: none; border-radius: 6px; line-height: 36px; font-size: 16px; width: 80%;} #chat { position: fixed; top: 0px; background: rgb(255, 255, 255); z-index: 20000;} #close { background: url(https://res.51eduu.com/images/close-one.png) center center / cover no-repeat; width: 1.5rem; height: 1.5rem; float: right; margin: 0.8rem 0.8rem 0px -5rem;} #bg { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; opacity: 0.6; background: rgb(0, 0, 0); display: none; z-index: 8;} /* 排行榜右侧 */ .rank_right { background: #fff url(https://res.51eduu.com/images/rank_right.jpg) no-repeat top; background-size: 100%; padding: 10px 10px 5px; border-radius: 10px;} .rank_right .city_title_right { border-bottom: none;} .rank_right div.clearfix { background-color: #fff; border-radius: 6px; padding: 10px 15px 0;} .rank_right a { color: #575757; display: block; margin-bottom: 10px;} .rank_more a:before { content: "· ";} .rank_course a img { width: calc(100% - 25px); border-radius: 4px; display: none; margin: 5px 0 0 25px;} .rank_course a:nth-child(1) img, .rank_course a:nth-child(2) img, .rank_course a:nth-child(3) img { display: block;} .rank_course { counter-reset: rank-counter-two;} .rank_course a span::before { counter-increment: rank-counter-two; content: counter(rank-counter-two); display: flex; align-items: center; justify-content: center; width: 20px; line-height: 20px; height: 20px; background-color: #ddd; color: #fff; border-radius: 4px; font-size: 14px; margin-right: 10px; flex-shrink: 0; float: left; margin-top: 2px;} .rank_course a:nth-child(1) span::before { background-color: #DC7C00;} .rank_course a:nth-child(2) span::before { background-color: #547092;} .rank_course a:nth-child(3) span::before { background-color: #CE5A1A;} .kc_box01 { width: 100%; overflow: hidden; text-align: center;} .kc_box01 > ul > li { width: calc(100% / 3 - 24px); float: left; padding: 0 12px 15px;} .kc_box01 > ul > li > .con { display: block;} .kc_box01 > ul > li > .con > .img { display: block; width: 100%; overflow: hidden; position: relative;} .kc_box01 > ul > li > .con > .img > img { display: block; width: 100%; margin: 0 auto;} .kc_box01 > ul > li > .con > .img > span { opacity: 0; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 149px; color: white; font-size: 50px; font-family: monospace; background: rgba(0,0,0,0.5);} .kc_box01 > ul > li > .con > .text { border-bottom: 1px solid #ddd; padding-bottom: 5px;} .kc_box01 > ul > li > .con > .text > span { font-size: 16px; font-weight: bold; color: #000; display: block; margin: 8px auto 5px; text-align: center; text-indent: 0;} .kc_box01 > ul > li > .con > .text > p { font-size: 14px; color: #575757; text-indent: 0; line-height: 1.8;} .kc_box02 { width: 100%;} .kc_box02 > ul > li { width: calc((100% - 40px) / 3 - 30px); float: left; padding: 15px; box-shadow: 0 2px 15px rgba(0,0,0,0.1); text-align: center; margin: 0;} .kc_box02 > ul > li:nth-child(2) { margin: 0 20px;} .kc_box02 > ul > li > .con { text-indent: 0; margin: 0;} .kc_box02 > ul > li > .con > i { display: inline-block; overflow: hidden; width: 100%;} .kc_box02 > ul > li > .con > i > img { width: 100%; display: block; margin: 0;} .kc_box02 > ul > li > .con > span { display: block; font-size: 1rem; font-weight: bold; text-indent: 0; text-align: center;} .kc_box02 > ul > li p { font-size: 14px; color: #757575; text-align: left; text-indent: 0; line-height: 1.8;} /* 改过了 */ .kc_box03 > ul > li { float: left; width: calc(50% - 47.5px); padding: 19px 19px 10px; border: 1px solid #eee; margin: 15px 15px 0 0;} .kc_box03 > ul > li:nth-child(2n+2) { margin-right: 0;} .kc_box03 > ul > li img { width: 100%;} .kc_box03 > ul > li > span { font-size: 18px; color: white;} .kc_box03 > ul > li > hr { display: block; width: 15%; height: 2px; background: white; margin: 10px 0px;} .kc_box03 > ul > li > p { text-align: center; text-indent: 0;} .kc_box03 > ul > li > p span { color: #000; font-weight: bold; font-size: 18px; text-indent: 0;} .kc_box04 { width: 100%; margin: 0!important;} .kc_box04, .kc_box04 > div { zoom: 1;} .kc_box04:after, .kc_box04 > div:after { content: " "; display: block; clear: both; height: 0;} .kc_box04 > div { width: 100%; border-bottom: 1px dashed #ddd; padding: 15px 0;} .kc_box04 > div img { float: left; width: 200px; border-radius: 4px; margin: 0;} .kc_box04 > div .text { float: right; width: calc(100% - 230px); text-align: left; text-indent: 0;} .kc_box04 > div.i_r img { float: right;} .kc_box04 > div.i_r .text { float: left;} .kc_box04 > div .text p { color: #575757; font-size: 14px; text-indent: 0; line-height: 1.8;} .kc_box04 > div .text span { color: #000; font-size: 16px; text-align: left; font-weight: bold; display: block; margin-top: 10px;} .kc_box05 > .per03 { width: calc((100% - 50px) / 3 - 40px); float: left; border: 1px solid #003586; box-shadow: 5px 5px 0 rgba(0,53,134,.6); margin: 0; padding: 14px 19px;} .kc_box05 > .per03:nth-child(2) { margin: 0 25px;} .kc_box05 > .per03 > h4 { width: 160px; background: #003586; margin: 5px auto 15px; color: #fff; text-align: center; line-height: 36px; font-size: 16px; font-weight: bold; border-radius: 20px; text-indent: 0;} .kc_box05 > .per03 > p { color: #575757; text-indent: 0; line-height: 1.8;} .kc_box06 > .per02 { width: calc(50% - 10px); border-radius: 4px; overflow: hidden; float: left; box-shadow: 0 2px 10px rgba(153,153,153, .4); background: #fff; padding: 0;} .kc_box06 > .per02:nth-child(2n+1) { margin-right: 20px;} .kc_box06 > .per02:nth-child(1), .kc_box06 > .per02:nth-child(2) { margin-bottom: 20px;} .kc_box06 > .per02 > div { height: 60px; padding: 0; margin: 0;} .kc_box06 > .per02:nth-child(1) > .yan { background: #ffc056;} .kc_box06 > .per02:nth-child(2) > .yan { background: #abd478;} .kc_box06 > .per02:nth-child(3) > .yan { background: #7dc6a9;} .kc_box06 > .per02:nth-child(4) > .yan { background: #ffa7ae;} .kc_box06 > .per02 > .yan > span { display: block; font-family: " ɷ "; font-size: 36px; line-height: 60px; color: rgba(255,255,255, .5); margin: 0 20px; float: left; text-indent: 0;} .kc_box06 > .per02 > .yan > h5 { display: block; font-size: 16px; color: #fff; float: left; line-height: 60px; width: 250px; overflow: hidden; height: 60px; margin: -60px 0 0 80px;} .kc_box06 > .per02 > p { padding: 15px 20px 15px 75px; font-size: 14px; text-indent: 0;} .kc_box07 > .per { border-radius: 10px; box-shadow: 0 1px 12px rgba(153,153,153, .4); padding: 20px 20px 10px; margin-top: 60px; margin-bottom: 30px; zoom: 1;} .kc_box07 > .per:after { content: " "; display: block; clear: both; height: 0;} .kc_box07 > .per:nth-last-child(1) { margin-bottom: 0;} .kc_box07 > .per > div:nth-child(1) { width: 178px; height: 158px; border: 1px solid #003586; border-radius: 10px; overflow: hidden; box-shadow: 4px 4px 0 #003586; margin-top: -60px; float: left;} .kc_box07 > .per > div:nth-child(1) img { margin: 0;} .kc_box07 > .per > div:nth-child(2) { float: right; width: calc(100% - 210px);} .kc_box07 > .per > div > h4 { font-size: 16px; color: #003586; line-height: 36px; font-weight: bold; text-indent: 0;} .kc_box07 > .per > div > p { text-indent: 0;} .kc_box08 > .per { border-radius: 8px; box-shadow: 0 2px 12px rgba(153,153,153, .4); margin: 0 0 15px; padding: 20px; zoom: 1;} .kc_box08 > .per:after { content: " "; display: block; clear: both; height: 0;} .kc_box08 > .per > img { float: left; border-radius: 0; width: 240px; margin: 0;} .kc_box08 > .per > div { float: right; width: calc(100% - 265px);} .kc_box08 > .per > div > h4 { font-size: 16px; font-weight: bold; line-height: 40px; text-indent: 0;} .kc_box08 > .per > div > p { text-indent: 0; line-height: 1.8; color: #575757;} /* 改过了 */ .kc_box09 { width: 100%;} .kc_box09 .per02 { width: calc((100% - 45px) / 4 - 32px); float: left; margin: 25px 15px 0 0; border: 1px solid #095297; border-radius: 6px; padding: 0 15px 10px;} .kc_box09 .per02:nth-last-child(1) { margin-right: 0;} .kc_box09 .per02:hover { transform: translateY(-15px);} .kc_box09 .per02 img { margin: -25px auto 15px; width: 50px; background-color: #fff; border-radius: 40px;} .kc_box09 .per02 h3, .kc_box09 .per02 h5, .kc_box09 .per02 p { text-indent: 0;} .kc_box09 .per02 h3, .kc_box09 .per02 h5 { font-size: 16px; text-align: center;} .kc_box09 .per02 p { line-height: 1.5; font-size: 14px;} .kc_box10 > table { width: 100%; text-align: center; font-size: 14px;} .kc_box10 > table > tbody > tr > th { background: #ccc; line-height: 36px;} .kc_box10 > table > tbody > tr > td { background: #fff;} /* 小标题样式 问答详情页 */ .hot_essay_content h2, .hot_essay_content h3 { font-size: 16px; line-height: 30px; margin: 5px 0 5px 2rem; text-align: left; text-indent: 0; font-weight: bold;} .hot_essay_content h2 > span, .hot_essay_content h3 > span { text-indent: 0;} /* 无序号 */ .tt1, .tt2, .tt3, .tt4 { font-size: 1rem; text-indent: 0; margin-left: 2rem;} .tt1 { color: #2a6800; text-align: left;} .tt1:before { content: " "; display: block; width: 10px; height: 10px; background: #2a6800; border-radius: 2px; transform: rotate(45deg); float: left; margin: 11px 8px 0 0; box-shadow: 0 0 5px 0 #fff inset;} .tt2 { color: #25A04E; overflow: hidden; text-align: left;} .tt2:before { content: " "; display: block; float: left; width: 4px; height: 16px; background: #25A04E; color: #fff; margin: 9px 8px 0 0;} .tt3 { display: inline-block; border: 1px solid #84779F; padding: 0 15px; border-radius: 40px; border-top-left-radius: 0; box-shadow: 3px 2px 0 #84779F; line-height: 2; color: #84779F; margin-left: 2em; text-indent: 0; font-size: 1rem;} .tt4 { display: inline-block; background: linear-gradient(#8370DB 96%,#fff 96%); color: #fff; border-bottom: 1px solid #FFCD45; padding: 0 20px 2px 10px; line-height: 2;} .tt4:before { content: " "; display: block; width: 20px; height: 8px; background: url(https://src.tantuw.com/web/images/back-t4.png) no-repeat center; float: left; margin: -4px -10px 0 0;} /* 有序号 */ .t01, .t02, .t03, .t04, .t05, .t06 { font-size: 1rem; text-indent: 0; margin-left: 2rem;} .t01 > span, .t02 > span, .t03 > span, .t04 > span, .t05 > span, .t06 > span { font-size: .85rem; text-indent: 0;} .t01 { border-bottom: 1px solid #FFCD45; color: #1F95F1; display: inline-block;} .t01 span { display: inline-block; margin-right: 10px; text-align: center; color: #fff; line-height: 22px; width: 22px; background: #1F95F1; font-size: .85rem;} .t02 { color: #25A04E; overflow: hidden;} .t02 > span { display:inline-block; width: 30px; height: 30px; background: #25A04E; color: #fff; margin-right: 8px; border-radius: 40px; text-indent: -4px;} .t02 > span:after { content: " "; display: block; width: 12px; height: 12px; background: #fff; border-radius: 2px; transform: rotate(45deg); float: left; margin: 10px -25px 0 25px;} .t03 { border-bottom: 1px solid #783C93; display: inline-block; color: #333; padding-right: 5px;} .t03 span { color: #783C93; font-size: 22px; margin-right: 10px; background: url(https://mob.tantuw.com/Public/Wap/images/h2four.png) no-repeat 0 0; padding-left: 5px;} .t04 { margin-top: 15px; line-height: 30px; color: #4770EA;} .t04 > span { display: inline-block; margin-right: 10px; text-align: center; border: 1px solid #4770EA; width: 30px; background: #fff url(https://src.tantuw.com/newwap/images/backh3-no3.jpg) no-repeat center; background-size: 86%;} .t05 { color: #C4D447;} .t05 > span { background: #C4D447; color: #fff; border-radius: 30px; border-top-left-radius: 0; font-size: .8rem; padding: 3px 10px; margin-right: 10px;} .t06 { color: #333;} .t06 > span { color: #BB0005; margin-right: 5px; font-size: 24px; line-height: 1;} .t06 > span:before { content: "✿ "; font-weight: normal;} .t06 > span:after { content: " /"; font-weight: normal;} /* 课程标题 */ .k1,.k2,.k3,.k4,.k5 { font-size: 18px; color: #000; text-align: center; margin: 20px auto; text-indent: 0;} .k1 { background: url(https://src.tantuw.com/web/images/back-kt1.png) no-repeat center;} .k1 > strong { color: #ec0704;} .k2 { background: url(https://src.tantuw.com/web/images/back-kt2.png) no-repeat center; padding: 5px 0;} .k3 { background: url(https://src.tantuw.com/web/images/back-kt3.png) no-repeat center; background-size: 260px; color: #fff!important; text-align: center; line-height: 40px;} /* 课程样式 */ .kec1 { padding: 20px 25px; background: #f8f8f8; margin: 10px 0;} .kec1 h3 { font-size: 18px; margin-bottom: 10px; color: #000; text-indent: 0;} .kec1 h3 span { font-size: 22px; margin-right: 10px; border-bottom: 1px solid #0c6bb6; color: #0c6bb6;} .kec1 p { text-indent: 0;} .kec1:hover { background: #0c6bb6; color: #fff; transition-duration: .3s; box-shadow: 0 2px 15px rgba(153,153,153,.6);} .kec1:hover span { border-bottom: 1px solid #ffcc00; color: #ffcc00;} .kec1:hover h3 { color: #fff;} .kec1:hover p { color: #fff;} .kec2 { margin: 20px 0;} .kec2 .left { float: left; width: 80px; text-align: center; font-style: italic; font-weight: bold; color: #803c82; font-size: 40px; line-height: 2.6em; background: url(https://src.tantuw.com/web/images/back-kec2.png) no-repeat center; background-size: 80%;} .kec2 .right { float: right; width: calc(100% - 150px); background: #fff; border-radius: 15px; box-shadow: 0 2px 8px rgba(128,60,130,.8); padding: 15px 25px;} .kec2 .right:before { content: " "; display: block; width: 15px; height: 15px; transform: rotate(45deg); border-radius: 2px; float: left; margin: 30px 0 0 -30px; box-shadow: -4px 4px 4px rgba(128,60,130,.4); background: #fff;} .kec2 .right h3 { color: #803c82;} .kec2 .right h3, .kec2 .right p, .kec2 .left { text-indent: 0;} .kec3 h4 { background: #FBFBFB url(https://src.tantuw.com/web/images/back-kec3.png) no-repeat left; background-size: 150px; padding-left: 20px; color: #fff; text-indent: 0;} .kec3 p { margin-top: 5px; border: 1px solid #FBA900; padding: 20px; background: #FFFAF7; box-shadow: 0 0 10px 0 #fff inset; text-indent: 0;} .kec4 h4 { border-bottom: 1px solid #a8e6df; padding-left: 10px; text-indent: 0; color: #000;} .kec4 h4:after { content: " "; display: block; width: 100px; height: 3px; background: #a8e6df; margin-bottom: -2px; margin-left: -10px;} .kec4 p { margin-top: 5px; padding: 15px; background: #F0F9F8; text-indent: 0;} .kec5 h4 { border-bottom: 1px solid #D87168; color: #D87168; padding-left: 2px; text-indent: 0;} .kec5 h4:after { content: " "; display: block; width: 100px; height: 3px; background: #D87168; margin-bottom: -2px; margin-left: -2px;} .kec5 p { background: #FFF7FA; padding: 15px 20px 35px;} .kec5 p:before { content: " "; display: block; width: 65px; height: 16px; background: url(https://src.tantuw.com/web/images/back-kec5.png) no-repeat 0 0; margin-bottom: 10px;} .kec5 p:after { content: " "; display: block; width: 65px; height: 16px; background: url(https://src.tantuw.com/web/images/back-kec5.png) no-repeat 0 0; float: right; margin-top: 5px;} .kec6 .left { width: 45%; float: left; background: #fff; padding: 15px 2%; box-shadow: 0 2px 15px rgba(49,126,243,.2); margin-bottom: 15px;} .kec6 .left:nth-child(2n+2) { margin-left: 2%;} .kec6 .left img {width: 40%;margin: 0!important;float: left;height: auto;} .kec6 .left .right {width: 55%;margin: 0!important;float: right;} .kec6 .left .right h4 { line-height: 1.2; text-indent: 0; color: #000;} .kec6 .left .right h4:after { content: "——"; display: block; color: rgba(49,126,243); line-height: 1;} .kec6 .left .right p { text-indent: 0; line-height: 1.6; margin: 0;} .kec7 { box-shadow: 0 0 20px rgba(153,153,153,.3); border-radius: 15px; overflow: hidden; margin: 15px 0;} .news_essay_content div.kec7 img { margin: 0; float: left; width: 350px;} .kec7 .right { padding: 10px 15px; margin: 8px 0 0; text-indent: 0; width: calc(100% - 390px);} .kec7 .right span { background: #337FE5; color: #fff; padding: 5px 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; text-indent: 0;} .kec7 .right p { text-indent: 0; margin: 10px 0 15px; width: 100%; line-height: 1.4;} /* 2024.12.26 同步坦途网课程样式 */ .course_details h3 { font-size: 20px!important; font-weight: bold; text-align: center; margin: 30px auto 20px; line-height: 30px;} .course_details h4 { font-weight: bold; font-size: 16px;} .course_details p { margin: 0; text-indent: 0} .course_details img { margin: 0!important;} /* #F87F05 rgba(248,127,5) */ .course_details > img { display: block; margin: 10px auto!important;} .course_details > p { text-indent: 2rem;} .course_details.o1 h3:after { content: " "; display: block; width: 160px; height: 1px; border-bottom: 1px solid #F87F05; margin: 0 auto 20px!important;} .course_details.o1 h3:before { content: "“ "; color: #F87F05; margin-left: -30px; font-size: 24px;} .course_details.o1 .c1 img { float: left; width: 300px; height: 300px;} .course_details.o1 .c1 .right { width: calc(100% - 330px);} .course_details.o1 .c1 span { color: #F87F05; border-bottom: 2px solid #F87F05; line-height: 30px; display: inline-block; margin-right: 10px;} .course_details.o1 .c1 p { line-height: 1.6; text-indent: 0; margin-top: 10px; margin-bottom: 20px;} .course_details.o1 .c1 p:nth-last-child(1) { margin-bottom: 0px;} .course_details.o1 .c2 div { border: 1px solid #F87F05; box-shadow: 4px 4px #F87F05; padding: 20px; width: calc(54% - 40px); background: rgba(248,127,5,.03);} .course_details.o1 .c2 span, .course_details.o1 .c2 h4 { color: #F87F05; text-align: center; font-weight: bold; display: block;} .course_details.o1 .c2 span { font-size: 40px; margin: 10px 0;} .course_details.o1 .c2 h4:after { content: " "; display: block; width: 80px; height: 80px; background: rgba(248,127,5,.1); border-radius: 80px; margin: -72px auto 0;} .course_details.o1 .c2 p { text-indent: 0!important; color: #666; margin-top: 10px;} .course_details.o1 .c3 { border: 1px solid #F87F05; padding: 20px; margin-bottom: 15px;} .course_details.o1 .c3:before { content: " "; display: block; width: 80px; height: 5px; background: #F87F05; margin: -20px 0 20px -20px;} .course_details.o1 .c3 h4 { text-indent: 10px;} .course_details.o1 .c3 h4:after { content: " "; display: block; width: 300px; height: 8px; background: linear-gradient(to right,rgba(248,127,5,.4),#fff); border-radius: 80px; margin: -6px 0 10px;} .course_details.o1 .c4 {display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around;} .course_details.o1 .c4 div { width: 30%; padding: 15px; box-shadow: 0 2px 10px rgba(248,127,5,.25); border-bottom: 3px solid #F87F05;} .course_details.o1 .c4 h4 { color: #F87F05; text-align: center; margin: 10px auto;} .course_details.o1 .c4 div:nth-child(2) { margin: 0 2%;} .course_details.o1 .c4 img { background: #F87F05; border-radius: 80px; width: 80px; border: 1px solid #F87F05; margin: 5px auto!important;} .block-all { margin: 10px 0; width: 100%; padding: 0;} .block-all div:nth-last-child(1) { padding-bottom: 5px;} .block-all p { margin: 10px 15px; text-indent: 2rem;} .block1 { border: 1px solid #52B2A6;} .block1 div { background: #52B2A6; padding: 0 15px; color: #fff; font-weight: bold; line-height: 36px; text-indent: 0; margin: 0;} .block1 div:after { content: " "; display: block; width: 8px; height: 8px; float: right; border-left: 8px solid #fff; border-right: 8px solid #ffcc00; margin-top: 12px;} .block2 { text-indent: 0!important;} .block2 div { border: 1px solid #75C4FF; margin: 0;} .block2 div:nth-child(1) { background: #75C4FF; color: #fff; font-weight: bold; display: inline-block; padding: 2px 15px; border-top-left-radius: 6px; border-top-right-radius: 6px; text-indent: 0;} .block2 div:nth-child(1):after { content: ""; display: inline-block; width: 8px; height: 8px; background: #ffcc00; float: right; margin: 25px -24px -6px 0;} .block2 div:nth-child(2) { box-shadow: 5px 3px 0 rgba(117,196,255,.8);} .block3 { border: 1px solid #FCA641; background: #FFF6EB; text-indent: 0!important;} .block3 div:nth-child(1) { background: #FCA641; color: #fff; font-weight: bold; display: inline-block; padding: 2px 20px 2px 15px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; margin: 0; text-indent: 0;} .phb1 { border: 1px solid #eee; padding-bottom: 15px;} .phb1 div:nth-child(1) { border-bottom: 1px solid #eee; padding: 2px 15px; font-weight: bold; color: #000; text-indent: 0; margin: 0;} .phb1 div.clearfix { background: #fff; border: 1px solid #95CCED; border-radius: 4px; margin: 10px 15px 0; line-height: 30px; padding: 0} .phb1 div.clearfix span:nth-child(1) { width: 30px; line-height: 30px; display: block; float: left; color: #95CCED; font-weight: bold; text-align: center; background: #fff; border-radius: 40px; position: relative; text-indent: 0;} .phb1 div.clearfix p { width: calc(100% - 40px - 14rem); background: #95CCED; color: #fff; float: left; margin: 0 0 0 -15px; border-bottom-right-radius: 30px; border-top-right-radius: 30px; padding: 0; line-height: 30px;} .phb1 div.clearfix span:nth-last-child(1) { float: right; font-size: .95rem; color: #666; padding-right: 10px;} .phb1 div.clearfix:nth-child(2) { border: 1px solid #F5634F;} .phb1 div.clearfix:nth-child(2) span:nth-child(1) { color: #F5634F;} .phb1 div.clearfix:nth-child(2) p { background: #F5634F;} .phb1 div.clearfix:nth-child(3) { border: 1px solid #EFA64A;} .phb1 div.clearfix:nth-child(3) span:nth-child(1) { color: #EFA64A;} .phb1 div.clearfix:nth-child(3) p { background: #EFA64A; width: calc(100% - 50px - 14rem);} .phb1 div.clearfix:nth-child(4) { border: 1px solid #47CD84;} .phb1 div.clearfix:nth-child(4) span:nth-child(1) { color: #47CD84;} .phb1 div.clearfix:nth-child(4) p { background: #47CD84; width: calc(100% - 60px - 14rem);} .phb1 div.clearfix:nth-child(5) p { width: calc(100% - 70px - 14rem);} .phb1 div.clearfix:nth-child(6) p { width: calc(100% - 80px - 14rem);} .phb1 div.clearfix:nth-child(7) p { width: calc(100% - 90px - 14rem);} .phb1 div.clearfix:nth-child(8) p { width: calc(100% - 100px - 14rem);} .phb1 div.clearfix:nth-child(9) p { width: calc(100% - 110px - 14rem);} .phb1 div.clearfix:nth-child(10) p { width: calc(100% - 120px - 14rem);} .phb1 div.clearfix:nth-child(11) p { width: calc(100% - 130px - 14rem);} .phb2 { border: 1px solid #92D050; padding: 15px 0;box-shadow: 5px 3px 0 rgba(146,208,80,.8);} .phb2 div { background: #92D050; color: #fff; font-weight: bold; border-radius: 40px; margin: 0 auto 10px; width: 260px; text-align: center; padding: 5px 0; text-indent: 0;} /* 2025.11 小标题代码有序 */ h3.subtitle { font-size: 16px; line-height: 30px; margin: 10px 0 5px 2em; text-align: left; text-indent: 0; font-weight: bold; color: #000;} h3.ordered { counter-increment: rank-counter-one;} h3.ordered::before { content: counter(rank-counter-one, decimal-leading-zero);} h3.disorder1 { text-align: center; margin-left: 0;} .disorder1 span { text-align: center!important; border-bottom: 1px solid #BBD043; padding: 0 5px 5px;} .disorder1:after { content: " "; display: block; width: 2.5em; height: 3px; background-color: #BBD043; margin: -1px auto 0px;} .disorder2:before { content: " "; display: inline-block; width: 14px; height: 14px; border-radius: 10px; background-color: #3189A6; box-shadow: -10px 0 0 rgba(49,137,166,.5); margin: 0 10px;} .disorder3 { background: url(https://guoji.tantuw.com/Public/Home/images/h304.png) no-repeat left; background-size: 20px; padding-left: 30px; color: #F04001;} .disorder4 { text-align: center!important;} .disorder4 span { display: inline-block; background-color: #5FA37E; color: #fff; border-radius: 6px; padding: 0 20px;} .disorder4 span::before, .disorder4 span::after { content: " "; display: block; width: 30px; height: 30px; float: left; margin: 0 0 0 -40px; background: url(https://res.51eduu.com/images/icon_disorder4.gif) no-repeat center; background-size: 25px;} .disorder4 span::after { float: right; margin: 0 -40px 0 0;} .ordered1 { color: #410E04;} .ordered1:before { opacity: .2; font-size: 26px; display: block; margin-bottom: -15px; background: linear-gradient(#410E04,#fff); -webkit-background-clip: text; color: transparent;} .ordered1:after { content: " "; display: block; background-color: #410E04; width: 30px; height: 3px;} .ordered2 { color: #1F6E8C;} .ordered2:before { content: " "; display: block; background-color: #1F6E8C; border-radius: 4px; width: 30px; height: 30px; color: #fff; text-align: center; float: left; font-size: 12px; line-height: 30px; background: #fff url(https://guoji.tantuw.com/Public/Home/images/h30302.png) no-repeat center; background-size: 30px; margin-right: 8px;} .ordered3 { background: #C6B2D1 url(https://res.51eduu.com/images/icon_ordered3_02.png) no-repeat right; background-size: 30px; display: inline-block; padding-right: 30px; color: #fff!important; margin-left: 15px;} .ordered3:before { content: " "; display: block; width: 26px; height: 30px; background-size: 26px; background: url(https://res.51eduu.com/images/icon_ordered3.png) no-repeat left; float: left; margin: -5px 10px -5px -15px; padding-top: 10px; color: #fff; text-align: center; font-size: 13px;} .essay > table { width: 100%!important;} .essay > table td.blue_bar { background-color: #F87F05; color: #fff; padding: 0 15px;} .t2, .t3, .t4, .t5 { font-size: 1rem; margin-left: 2rem; text-indent: 0; margin-top: 15px;} .t2 { color: #2f7eed; background: url(https://res.51eduu.com/images/back-t2.jpg) no-repeat 0 center; background-size: 30px;} .t2 span { background: none; margin-right: 20px; color: #fff; margin-left: 3px;} .t3 { color: #2f7eed;} .t3 > span { padding: 0; color: #fff; margin-right: 10px; border-radius: 40px; border-top-left-radius: 0; background: #2f7eed; text-indent: 0; display: inline-block; width: 40px; text-align: center;} .t4 { line-height: 30px; background: #FFEBE6; color: #DD3D17; text-indent: 0; display: inline-block; padding: 0 15px 0 0; margin-left: 20px;} .t4 > span { display: block; width: 30px; line-height: 25px; border-radius: 25px; border: 2.5px solid #fff; text-align: center; float: left; margin-left: -15px; background-color: #DD3D17; color: #fff; margin-right: 10px;} .t5 { background: url(https://res.51eduu.com/images/back-t5.jpg) no-repeat left; background-size: 180px; line-height: 30px; padding: 0 0 5px 20px; color: #ff7200;} /* 改过了 */ .tlt { background: url(https://res.51eduu.com/images/tltu-pc.jpg) no-repeat center; background-size: cover; padding: 30px 50px; color: #fff; border-radius: 6px;} .tlt h1, .tlt h3 { font-weight: bold; font-size: 24px; line-height: 1; margin: 0 0 5px 0; color: #ffcc00; text-shadow: 0 2px 2px rgba(0,0,0,.2); text-indent: 0;} .tlt p { font-size: 16px; text-indent: 0; color: #fff;} .tlt a { display: block; width: 130px; line-height: 40px; text-align: center; float: right; box-shadow: 3px 3px 0 rgba(0,0,0,.1); margin-top: -60px; font-weight: bold; background: #FEC712; color: #0C3AA9; font-style: italic; border-radius: 50px;} .tlt.t1 { display:block; background: url(https://res.51eduu.com/images/tltu-pc1.jpg); background-size: cover; padding: 30px 50px 20px;} .tlt.t1 h3 { background: linear-gradient(#fff,#BCE2FE); -webkit-background-clip: text; color: transparent; font-weight: bold; text-align: center; font-size: 24px; font-style: italic; letter-spacing: 2px; line-height: 1; padding: 0; margin-top: -5px;} .tlt.t1 p { width: 100%; color: #28F4FA; font-weight: bold; letter-spacing: 1px; text-align: center; margin: 0;} .tlt.t1 a { float: none; line-height: 2.2; font-style: normal; margin: 10px auto 0;} .tlt.t2 { background: #E1FFF9 url(https://res.51eduu.com/images/tlt3.png) no-repeat 30px center; background-size: 120px; padding: 20px 10px 20px 180px; height: 120px;} .tlt.t2 h3 { color: #38C2A1; margin: 10px 0 10px 0; text-shadow: none;} .tlt.t2 p { text-align: left; background: #38C2A1; border-radius: 40px; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .9em; margin: 5px 0; display: inline-block} .tlt.t2 a { float: none; background: linear-gradient(to right,#EB491C,#FEB898); color: #fff; box-shadow: none; font-style: normal; font-size: .9rem; margin: -5px 0 0 0; line-height: 2.4; border-radius: 6px;} /* 2026-05 表格样式新增 */ #table-1 { border-top: 1px solid #5C7EA3; margin: 15px 0; width: 100%;} #table-1 th, #table-1 td { padding: 10px 15px; border-bottom: 1px solid #5C7EA3; color: #5C7EA3; text-align: left;} #table-1 th { color: #5C7EA3;} #table-1 tr:nth-child(even) td { background-color: rgba(92,126,163,.06);} #table-2 { border: 1px solid #7F66A0; border-bottom: 0; margin: 15px 0; width: 100%;} #table-2 th, #table-2 td { padding: 10px 5px; border-bottom: 1px solid #7F66A0; text-align: center;} #table-2 th { color: #fff; background-color: #7F66A0;} #table-3 { border-bottom: 0; margin: 15px 0; width: 100%;} #table-3 th, #table-3 td { padding: 10px 5px; text-align: center;} #table-3 th { color: #000; background-color: #DBECFF;} #table-3 tr:nth-child(odd) td { background-color: #F5F9FF;} table.block10 { width: 100%;} table.block10 td { background-color: #fff; padding: 10px 15px;} table.block10 tr:nth-child(1) td { color: #fff; font-weight: bold; background-color: #954035; text-align: center;}