.content{ width: 1400px; } .row{ display:flex!important; } .border-right{ border-right: 1px solid #fff!important; } .border-left{ border-left: 1px solid #fff!important; } .border-bottom{ border-bottom: 1px solid #fff!important; } .more-btn-row { position: absolute; bottom: 10px; text-align: center; width: 860px; } .more-btn{ font-size: 14px; } .more-btn:hover{ color: #e04543; } .header { width: 100%; /*background-image: */ position: fixed; background: #fff; box-shadow: 0 5px 8px -4px rgba(0, 0, 0, 0.15); z-index: 9999; } .header .row{ height: 72px; /*overflow: hidden;*/ white-space: nowrap; } .header a { color: #333; line-height: 72px; font-size: 16px; } .header .list { font-size: 0; } .header .list > li { font-size: 14px; display: inline-block; } /*header-left*/ .header-left { /*float: left;*/ display: flex; } .header-left > img, .header-left > ul, .header-right > img, .header-right > ul { /*display: inline-block;*/ vertical-align: middle; } .header-left > img { margin-right: 30px; width: 146px; height: 33px; margin-top: 20px; } .header-left-list > li { position: relative; } .header-left-list > li .exam-type-link-group { width: 1200px; height: 415px; font-size: 0; left: -190px; overflow: hidden; background: #fffcfc; } /*最近直播&免费课程*/ .header-window-content { margin: 0 45px; display: flex; } .header-window-content .live-title { color: #333333; font-size: 18px; font-weight: bold; margin-bottom: 10px; } .header-window-content .live-title span { color: #f5232d; font-size: 18px; font-weight: bold; } .latest-live-course { width: 810px; } .latest2 { width: auto; margin-right: 30px; padding: 29px 32px; border-radius: 10px; } .latest-live-course .latest-live-list{ display: flex; flex-wrap: wrap; } .latest-live-course .live-item { width: 367px; background-color: #ffffff; border-radius: 10px; border: solid 1px #eeeeee; margin-right: 37px; padding: 20px; margin-bottom: 30px; transition: all 0.5s; } .latest2 .live-item { width: 410px; margin-bottom: 25px; } .latest-live-course .live-item:hover { background-image: linear-gradient(0deg, #ffffff 0%, #fff8f8 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; border: solid 1px #f5232d; } .latest-live-course .live-item:nth-child(2n) { margin-right: 0; } .latest-live-course .live-item:nth-child(3n), .latest-live-course .live-item:nth-child(4n) { margin-bottom: 0; } .latest-live-course .live-time { color: #f5232d; font-size: 18px; display: flex; align-items: center; margin-bottom: 15px; } .latest-live-course .live-time:before { content: ''; display: inline-block; background: center center no-repeat; background-size: 18px 18px; width: 18px; height: 18px; margin-right: 5px; } .latest-live-course .live-name { color: #000000; font-size: 16px; margin-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .latest-live-course .live-detail { color: #333333; font-size: 14px; display: flex; align-items: center; margin-bottom: 25px; } .latest-live-course .live-detail .arrow-right { width: 0; height: 0; border-width: 6px 0 6px 8px; border-style: solid; border-color: transparent transparent transparent #c9c9c9; margin-right: 5px; } .latest-live-course .live-bottom { display: flex; justify-content: space-between; } .latest-live-course .live-teacher { display: flex; align-items: center; } .latest-live-course .teacher-logo { width: 35px; height: 35px; border-radius: 50%; overflow: hidden; margin-right: 9px; display: flex; align-items: center; justify-content: center; } .latest-live-course .teacher-logo img { height: 100%; } .latest-live-course .teacher-name { margin-bottom: 0; color: #333333; font-size: 15px; } .latest-live-course .live-appoint-btn { width: 95px; height: 30px; line-height: 30px!important; text-align: center; background-image: linear-gradient(90deg, #ff5d29 0%, #ff586b 100%); border-radius: 16px; color: #ffffff; font-size: 14px; cursor: pointer; } .free-live { width: 300px; } .free-live-list .free-item { background-color: #ffffff; border-radius: 10px; border: solid 1px #eeeeee; padding: 20px 10px; margin-bottom: 30px; transition: all 0.5s; line-height: unset!important; width: 300px; height: 185px; display: block; } #freelive2 .free-item { width: 448px; height: 212px; padding: 20px 27px; } #freelive2 .free-item:last-child { margin-bottom: 0; } #freelive2 .free-header { height: 85px; } .free-live-list .free-item:hover { background-image: linear-gradient(0deg, #ffffff 0%, #fff8f8 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; border: solid 1px #f5232d; } .free-live-list .free-header { height: 58px; } .free-live-list .free-title { color: #000000; font-size: 16px; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .free-live-list .free-label { display: flex; margin-bottom: 7px; flex-wrap: wrap; } .free-live-list .free-label-item { border-radius: 2px; padding: 5px 1px 3px; margin-right: 5px; max-width: 90px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #freelive2 .free-label-item { max-width: 110px; } .free-live-list .free-detail { display: flex; align-items: center; margin-bottom: 10px; } .free-live-list .arrow-right { width: 0; height: 0; border-width: 6px 0 6px 8px; border-style: solid; border-color: transparent transparent transparent #c9c9c9; margin-right: 5px; } .free-live-list .free-detail span { margin-right: 4px!important; color: #999; } .free-live-list .label1 { background-color: #ebf8ff; color: #00aaee; } .free-live-list .label2 { background-color: #fff3f3; color: #ff5151; } .free-live-list .label3 { background-color: #ecfff3; color: #18c86f; margin-right: 0; } .free-live-list .free-teacher-list { display: flex; overflow: hidden; flex-wrap: wrap; height: 67px; } .free-live-list .teacher-item { width: 56px; margin-right: 10px; text-align: center; margin-bottom: 12px; } .free-live-list .teacher-pic { width: 35px; height: 35px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; margin: 0 auto 6px; } .free-live-list .teacher-pic img { height: 100%; } .free-live-list .teacher-name { margin-bottom: 0; color: #818a92; font-size: 14px; font-weight: normal; } .free-live-list .free-bottom { display: flex; justify-content: space-between; border-top: 1px solid #f1f1f1; padding: 10px 0; } .free-live-list .free-buy-count { color: #818a92; font-size: 13px; } .free-live-list .free-price { color: #23a705; font-size: 16px; } /*顶部nav面授班级*/ .header-window-content .nav-recommend-class-list { display: flex; flex-wrap: wrap; } .nav-recommend-class-list .class-item { width: 350px; margin-right: 20px; margin-bottom: 20px; line-height: unset!important; background: #fff; border-radius: 10px; border: solid 1px #eeeeee; padding: 20px 0 15px; transition: all 0.5s; } .nav-recommend-class-list .class-item:nth-child(3n) { margin-right: 0!important; } .nav-recommend-class-list .class-item:hover { background-image: linear-gradient(0deg, #ffffff 0%, #fff8f8 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; border: solid 1px #f5232d; } .nav-recommend-class-list .class-title { color: #000000; font-size: 16px; margin: 0 20px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nav-recommend-class-list .class-info-content { height: 105px; overflow: hidden; margin: 0 20px; } .nav-recommend-class-list .class-label { display: flex; margin-bottom: 7px; flex-wrap: wrap; } .nav-recommend-class-list .class-label-item { border-radius: 2px; padding: 5px 1px 3px; margin-right: 5px; max-width: 90px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .nav-recommend-class-list .label1 { background-color: #ebf8ff; color: #00aaee; } .nav-recommend-class-list .label2 { background-color: #fff3f3; color: #ff5151; } .nav-recommend-class-list .label3 { background-color: #ecfff3; color: #18c86f; margin-right: 0; } .nav-recommend-class-list .class-detail { display: flex; flex-wrap: wrap; } .nav-recommend-class-list .class-detail-item { padding: 0 7px; background-color: #ffffff; border-radius: 2px; border: solid 1px #c7d1da; color: #818a92; margin-right: 12px; margin-bottom: 10px; height: 28px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 160px; position: relative; } .nav-recommend-class-list .class-price { color: #ff4623; text-align: right; border-top: 1px solid #f1f1f1; padding: 15px 20px 0; } .nav-recommend-class-list .class-price span { font-size: 16px; } .nav-recommend-class-list .class-price-num { font-size: 20px!important; } /*顶部nav真题套卷*/ .nav-paper-content { margin: 28px 65px; } .paper-content .nav-paper-list { width: 810px; overflow: hidden; padding-right: 50px; margin-right: 50px; } .paper-content .paper-item { display: flex; align-items: center; border-bottom: solid 1px #ececec; margin-bottom: 15px; padding-bottom: 15px; } .paper-content .paper-item:last-child { border-bottom: none; } .paper-content .paper-left { text-align: center; color: #333333; margin-right: 20px; line-height: 20px!important; } .paper-content .paper-name { display: block; line-height: 34px!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #444444; font-size: 14px; transition: all 0.5s; } .paper-content .paper-name:hover { color: #ff4623; } .paper-content .right-item { width: 300px; background: #fff; border: dashed 1px #dadada; border-radius: 10px; } .paper-content .right-item .app-head-content { width: auto; padding-top: 10px; } .list-content { background-color: #fff; /*border: 1px solid #e04543;*/ top: 67px; position: absolute; z-index: 111; border: none; box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); } .list-content:before { content: none; position: absolute; top: -5px; width: 12px; height: 5px; display: block; background-image: ; background-size: 12px 5px; } .header-left-list > li .exam-type-link-group:before { left: 261px; } .header-left-list > li .exam-type-link-group > li { display: inline-block; width: 320px; border-right: 1px dotted #e5e5e5; padding-left: 40px; } .header-left-list > li .exam-type-link-group > li > a { color: #666; font-size: 14px; margin-right: 24px; } .header-left-list > li .exam-type-link-group > li > a:hover { color: #e04543; } .header-left-list > li .exam-type-link-group > li:nth-child(3n) { border-right: 0; } .header-left-list .type-row { display: flex; justify-content: space-between; margin: 25px 45px 31px; } .header-left-list .type-row .type-item { width: 155px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #000; background-color: #f9f9f9; border-radius: 6px; border: solid 1px #ececec; } .header-left-list .type-row .type-item:hover { background-image: linear-gradient(0deg, #ff5d29 0%, #ff586b 100%); color: #ffffff; } .left-list-link-type { font-weight: normal; font-size: 15px; width: 60px; display: inline-block; color: #999; } .left-list-link-point { font-size: 15px; font-weight: bold; margin: 0 18px; } .header-left-list { /*width: 306px;*/ display: flex; } .header-left-list > li > a { padding: 0 14px; display: inline-block; margin-top: 8px; line-height: 48px; z-index: 9999; background: #fff; border: solid 1px #fff; border-top: 4px solid #fff; position: absolute; left: 102px; } .header-left-list > li:hover > a{ /*box-shadow: 0 -2px 4px -1px rgba(0, 0, 0, 0.15);*/ border-radius: 5px 5px 0 0; border: solid 1px #e04543; border-bottom: 0; border-top: 4px solid #e04543; /*border-left: 1px solid ;*/ height: 60px; transition: 0.5s; color: #e04543; font-weight: bold; } .header-left-list .about:hover > a { border-left: none; border-right: none; border-top: 4px solid #fff; } .header-left-list > li:after { content: none; background-color: #fff; width: 25px; height: 4px; display: block; position: absolute; left: 50%; -webkit-transform: translatex(-50%); -moz-transform: translatex(-50%); -ms-transform: translatex(-50%); -o-transform: translatex(-50%); transform: translatex(-50%); -webkit-transition: bottom linear 0.2s, opacity linear 0.2s; -moz-transition: bottom linear 0.2s, opacity linear 0.2s; -ms-transition: bottom linear 0.2s, opacity linear 0.2s; -o-transition: bottom linear 0.2s, opacity linear 0.2s; transition: bottom linear 0.2s, opacity linear 0.2s; bottom: 10px; opacity: 0; } .header-left-list > li:hover:after { bottom: 21px; opacity: 1; } .header-left-list .row{ justify-content: space-around; height: auto; margin-bottom: 30px; margin-top: 24px; } .header-left-list .row li{ width: 172px; height: 160px; border: 1px solid #f0f0f0!important; border-radius: 10px; /*margin-bottom: 30px;*/ /*margin-top: 24px;*/ background-color: #f7f7f7; text-align: center; padding-top: 16px; transition: 0.5s; } .header-left-list .row li:hover{ border: 1px solid #e04543!important; background-color: #fffafa; } .header-left-list .list-content a{ line-height: 50px; margin-right: 10px; } .header-left-list .list-content-icon{ width: 56px; height: 56px; margin: 0 auto; } .header-left-list .list-content-icon img{ width: auto; height: 33px; margin-top: 8px; } .header-left-list .row li:hover .list-content-icon{ border: 1px dashed #e04543; border-radius: 50% ; background-color: #fff; transition: 0.5s; } .header-left-list .highlight-text{ padding-bottom: 4px; } .header-left-list .highlight-text:hover{ border-bottom: 2px solid #e04543; transition: border 0.5s; } .header li .list-content, .right-banner li .list-content { /*display: none;*/ height: 0; /*transition: 0.5s;*/ /*background-color: #fff;*/ overflow: hidden; padding: 0; } .header li:hover .list-content{ height: 555px; transition: height 0.5s; background-color: #fffcfc; border-radius: 5px; border: solid 1px #f5232d; } .app-content-wrapper:hover .list-content{ height: 485px!important; transition: height 0.5s; background-color: #fffcfc; border-radius: 5px; border: solid 1px #f5232d; } .weixin-weibo-code:hover .list-content{ height: 440px!important; transition: height 0.5s; background-color: #fffcfc; border-radius: 5px; border: solid 1px #f5232d; } .app-content-wrapper { position: relative; } .app-head-content { height: 415px; width: 230px; left: 305px; } .app-head-content:before { left: 102px; } .app-head-content { padding-top: 45px; text-align: center; } .app-head-content img { margin-top: 35px!important; } .app_logo { margin-bottom: 15px; } .app_name { font-size: 18px; color: #333; margin-bottom: 8px; font-weight: bold; } .app_tip { font-size: 12px; color: #959595; margin: 10px 0; } .app_tip2 { color: #00a1e9; font-size: 12px; border-bottom: dashed 1px #dadada; padding-bottom: 25px; } /*header-right*/ .header-right { /*float: right;*/ /*display: flex;*/ } .header-right img{ /*float: right;*/ margin-top: 24px; } .header-right-list { /*display: inline-block;*/ /*width: 210px;*/ display: flex; } .header-right-list > li { margin-right: 30px; } .header-right .btn{ display: inline-block; padding: 0 18px; margin-top: 10px; line-height: 48px; background: #fff; border: solid 1px #fff; border-top: 4px solid #fff; z-index: 999; position: absolute; } .header-right li:last-child .btn{ left: 72px; } .header-right li:hover .btn{ box-shadow: 0 -2px 4px -1px rgba(0, 0, 0, 0.15); border-radius: 5px 5px 0 0; border: solid 1px #ededed; border-bottom: 0; border-top: 4px solid #e04543; height: 60px; transition: 0.5s; color: #e04543; font-weight: bold; } .weixin-weibo-code > .list-content{ left: 393px; display: inline-block; } .weixin-weibo-code .app_logo { width: 131px; margin-bottom: 5px; margin-top: 30px!important; } .weixin-weibo-code .app_name { font-size: 14px; font-weight: normal } .weixin-weibo-code p { color: #333!important; } .page-top-img { display: block; margin: 0 auto; max-width: 2100px; min-width: 1200px; width: 100%; } /*主内容*/ .main-content { /*margin-top: -60px;*/ } /*顶端搜索栏*/ .top-search { /*padding: 10px 0 1px 0;*/ text-align: center; /*background-color: rgba(255, 255, 255, 0.6);*/ position: relative; z-index: 100; flex: 1.0; /*width: 30%;*/ border-radius: 18px; height: 36px; margin-top: 18px; margin-bottom: 18px; margin-right: 26px; /*float: left;*/ display: flex; justify-content: flex-end; } .search-content { /*border: 1px solid #e04543;*/ display: inline-block; font-size: 0; /*background-color: #fff;*/ border-radius: 17px; /*width: 90%;*/ width: 376px; position: relative; border: 1px solid #ebebeb; transition: width 0.5s; } .search-content-input { padding-left: 11px; width: 100%; height: 36px; display: inline-block; vertical-align: middle; outline: none; border-radius: 17px; background: #f6f6f6 } .search-btn { /*height: 36px;*/ /*background-color: #e04543;*/ /*width: 72px;*/ /*border: 0;*/ /*font-size: 16px;*/ /*color: #fff;*/ /*display: inline-block;*/ /*vertical-align: middle;*/ /*border-radius: 17px;*/ position: absolute; right: 10px; top: 5px; cursor: pointer; border: none; } .convenient-wrapper { /*width: 830px;*/ /*margin: 0 auto;*/ text-align: left; position: absolute; /*width: 360px;*/ width: 500px; height: 0; box-shadow: 0px 0px 13px 0px rgba(207, 207, 207, 0.35); border-radius: 0px 0px 6px 6px; /*padding: 0;*/ right: 0; overflow: hidden; background: #fff; margin-top: 42px; } .convenient-wrapper.active{ /*height: 285px;*/ height: auto; /*padding: 22px 15px 32px;*/ transition: height 0.5s; border: solid 1px #ededed; } .convenient-wrapper .search-guide1{ font-size: 14px; color: #f15449; } .convenient-wrapper .search-guide2{ font-size: 14px; color: #333; } .convenient-wrapper .search-guide3{ font-size: 18px; color: #333; } .convenient-wrapper .search-guide:hover{ color: #e04543;; } .convenient-wrapper .convenient-header{ display: flex; padding-bottom: 16px; border-bottom: 1px dashed #ededed; margin: 22px 15px 0; } .convenient-wrapper .convenient-header img{ width: 16px; height: 16px; margin-right: 10px; } .convenient-wrapper .convenient-header p{ color: #999999; } .convenient-list { /*display: inline-block;*/ text-align: left; /*max-width: 600px;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; flex-wrap: wrap; padding: 28px 0; } .convenient-list > li { display: inline-block; margin: 5px 15px; } .convenient-list > li > a { color: #333; } .convenient-list > li > a, .convenient-next { font-size: 14px; line-height: 30px; } .convenient-next { display: inline-block; margin-right: 130px; color: #e04543; } .exam-type-group { font-size: 0; margin-top: 20px; display: flex; justify-content: space-between; } .exam-type-wrapper { /*width: 200px;*/ width: 16.67%; height: 223px; margin-right: 24px; /*display: inline-block;*/ text-align: center; overflow: hidden; border-radius: 6px; box-shadow: 0px 0px 13px 0px rgba(207, 207, 207, 0.35); } .exam-type-wrapper:last-child { margin-right: 0; } .exam-type-wrapper:hover .type-img-wrapper, .exam-type-wrapper.active .type-img-wrapper { /*margin-top: -144px;*/ margin-top: -206px; padding-bottom: 10px; } .exam-type-wrapper:hover{ border: solid 1px #f9c9c8; border-top: 4px solid #e04543; } .exam-type-wrapper:hover .type-title > a { color: #e04543; -webkit-transition: color linear 0.2s; -moz-transition: color linear 0.2s; -ms-transition: color linear 0.2s; -o-transition: color linear 0.2s; transition: color linear 0.2s; } .type-title2{ background-image: linear-gradient(90deg, #f15449 0%, #fe7171 100%);; height: 47px; line-height: 47px; } .type-title2 a{ margin-top: 0; color: #fff; letter-spacing: 1px; font-size: 18px; } .type-img-wrapper { -webkit-transition: margin-top linear 0.2s; -moz-transition: margin-top linear 0.2s; -ms-transition: margin-top linear 0.2s; -o-transition: margin-top linear 0.2s; transition: margin-top linear 0.2s; padding-top: 30px; padding-bottom: 8px; } .type-link { height: 144px; text-align: center; font-size: 0; } .type-link > a { font-size: 16px; color: #333; display: inline-block; padding: 3px; margin-right: 20px; margin-bottom: 25px; } .type-link > a:hover { color: #e04543; } .type-link > a:nth-child(2n) { margin-right: 0; } .type-title > a { margin-top: 23px; font-size: 18px; color: #333; display: block; margin-bottom: 32px; } .type-img-wrapper img{ border-radius: 50%; border: 1px dashed #e04543; padding: 1px; } @media screen and (max-width: 1215px) { .exam-type-wrapper{ height: 175px; } .exam-type-wrapper:hover .type-img-wrapper, .exam-type-wrapper.active .type-img-wrapper { /*margin-top: -144px;*/ margin-top: -164px; padding-bottom: 2px; } .type-img-wrapper img{ width: 80px; } .type-link a{ font-size: 14px; margin-bottom: 15px; margin-right: 5px; } .type-title2{ height: 36px; line-height: 36px; margin-top: 8px; } } /*分地区链接组*/ .area-link-group { margin-top:0; height: 89px; background-image: linear-gradient(45deg, #f5f5ff 0%,#f9f4f1 50%,#f5f5ff 100%); display: flex; align-items: center; } .area-link-group .area-link-box{ width:1400px; margin: 0 auto; align-items: center; } .area-link-group .area-link-right a { display: block; font-size: 18px; color: #333; margin-right: 50px; line-height: 36px; width: 56px; text-align: center; } .area-link-group .area-link-right a:hover { background-color: #f5232d; color: #fff; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); transition: 0.5s; border-radius: 4px; } .area-link-group .hover-none:hover{ background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor: unset; } .area-link-group .area-link-right{ flex: 1.0; display: flex; margin-left: 25px; } .area-link-group .area-link-right .row{ justify-content: space-around; } .information-group { font-size: 0; margin-top: 20px; width: 100%; display: flex; justify-content: stretch; } .information-link-group { /*width: 418px;*/ /*height: 394px;*/ /*display: inline-block;*/ margin-right: 20px; /*flex: 1.0;*/ width: 44%; } .information-list { padding: 36px 10px 25px 25px; /*padding-top: 36px;*/ } .information-list > li > a { line-height: 43px; display: inline-block; margin-right: 8px; font-size: 16px; color: #555; width: 100%; } .information-list > li > a:last-child { margin-right: 0; } .information-list > li.main-information > a { font-size: 20px; line-height: 54px; color: #333; font-weight: bold; } .information-group .information-list > li.main-information > a { color: #e04543; font-size: 22px; } .information-list > li.main-information > a:hover { color: #e04543; } .information-list > li.main-information:before, .information-list > li.information-list-head:before, .information-list > li.information-second-head:before, .information-list > li.main-information a:before, .information-list > li.information-list-head a:before, .information-list > li.information-second-head a:before { content: none; display: none; } .information-list > li:before{ content: none; } .information-list > li a:before { content: ""; width: 7px; height: 7px; display: inline-block; background-color: #bbb; border-radius: 50%; vertical-align: middle; margin-right: 9px; } /*.information-list .slide-text{*/ /*color: #e04543;*/ /*text-decoration: underline;*/ /*margin-left: -375px;*/ /*transition: 0.5s;*/ /*}*/ /*.information-list .slide-text:before{*/ /*content: "";*/ /*display: inline-block;*/ /*background: center center no-repeat;*/ /*width: 23px;*/ /*height: 12px;*/ /*margin-right: 9px;*/ /*}*/ /*.information-list .subtitle:hover .slide-text{*/ /*margin-left: 0;*/ /*transition: 0.5s;*/ /*}*/ .information-list .subtitle{ white-space: nowrap; overflow: hidden; } .information-list .subtitle:hover .highlight-text{ margin-left: 19px; transition: 0.5s; text-decoration: underline; } .information-list .subtitle:hover .highlight-text:before{ content: ""; display: inline-block; background: center center no-repeat; width: 23px; height: 12px; margin-right: 9px; } .information-second-head { margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .information-second-head > span > a { border-bottom: 2px solid #e04543; color: #333; display: inline-block; font-size: 16px; padding: 7px; padding-left: 0px; font-weight: bold; -webkit-transition: padding-left 0.2s linear, background-color 0.2s linear, color 0.2s linear; -moz-transition: padding-left 0.2s linear, background-color 0.2s linear, color 0.2s linear; -ms-transition: padding-left 0.2s linear, background-color 0.2s linear, color 0.2s linear; -o-transition: padding-left 0.2s linear, background-color 0.2s linear, color 0.2s linear; transition: padding-left 0.2s linear, background-color 0.2s linear, color 0.2s linear; } .information-second-head > span > a:hover:after { content: "->"; color: #fff; margin-left: 3px; } .information-second-head > span > a:hover { padding-left: 7px; background-color: #e04543; color: #fff; } .swiper-box { /*display: inline-block;*/ /*width: 762px;*/ height: 448px; vertical-align: top; font-size: 0; padding: 36px 30px 39px 21px; /*flex: 1.0;*/ width: 56%; overflow: hidden; white-space: nowrap; } .swiper-img-group img { display: block; /*width: 125px;*/ /*height: 70px;*/ width: 100%; height: auto; } .swiper-img-group { display: inline-block; vertical-align: middle; margin-right: 24px; /*width: auto;*/ width: 20%; } .swiper-img-group > li { position: relative; margin-bottom: 12px; text-align: center; cursor: pointer; } .swiper-img-group > li:last-child { margin-bottom: 0; } .swiper-img-group > li p { background-color: rgba(0, 0, 0, 0.8); position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: #fff; font-size: 14px; padding: 10px; text-align: left; opacity: 0; -webkit-transition: opacity linear 0.2s; -moz-transition: opacity linear 0.2s; -ms-transition: opacity linear 0.2s; -o-transition: opacity linear 0.2s; transition: opacity linear 0.2s; white-space: pre-wrap; } .swiper-img-group > li.active > p, .swiper-img-group > li:hover > p { opacity: 1; } .swiper-container.first-swiper { /*width: 559px;*/ /*height: 315px;*/ width: 80%; height: auto; display: inline-block; vertical-align: middle; } .swiper-container.teacher-swiper { width: 1200px; display: inline-block; vertical-align: middle; } .swiper-box .adver-bottom{ height: 48px; margin-top: 20px; display: flex; } .swiper-box .adver-bottom a{ flex: 0.5; } .swiper-box .adver-bottom img{ width: 100%; } .course-item-group { font-size: 0; padding-right: 20px; } .course-item-group .information-list .slide-text{ margin-left: -340px; } .course-item-box { /*display: inline-block;*/ vertical-align: middle; /*width: 418px;*/ margin-right: 0px; flex: 1.0; width: 0; } .course-item-box .information-list { padding-top: 27px; } .course-item-box .information-list > li > a { line-height: 40px; } .course-item { /*width: 418px;*/ width: 100%; height: 348px; display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 20px; margin-bottom: 0px; border: solid 1px #eaeaea; } .course-item:hover{ border: solid 1px #f6c5c5; box-shadow: 0px 0px 13px 0px rgba(207, 207, 207, 0.35); transition: 0.5s; } .course-item2{ border-left: 1px solid #fff; } .course-item2:hover{ border-left: 1px solid #f6c5c5; } .course-item3{ border-top: 1px solid #fff; } .course-item3:hover{ border-top: 1px solid #f6c5c5; } .course-item4{ border-top: 1px solid #fff; border-left: 1px solid #fff; } .course-item4:hover{ border-top: 1px solid #f6c5c5; border-left: 1px solid #f6c5c5; } .course-item .course-top { display: flex; justify-content: space-between; border-bottom: solid 1px #e6e6e6; padding-bottom: 10px; margin: 0 25px; position: relative; background: url(/uploads/image/rccimage/course-top-bg.png) 140px center no-repeat; } .course-item .course-top .course-title{ font-size: 26px; font-weight: bold; line-height: 26px; padding-left: 15px; } .course-item .course-top .course-title:after{ content:""; display: inline-block; background: center center no-repeat; background-size: 126px 8px; width: 126px; height: 8px; position: absolute; left: 0; bottom: -6px; } .course-item .course-top .red{ font-size: 26px; font-weight: bold; display: inline-block; } .red{ color: #e04543; } .course-item .course-more{ font-size: 16px; margin-top: 26px; } .course-item .course-more:hover{ color: #e04543; } .course-adver-wrapper { width: 418px; height: 575px; display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 20px; margin-bottom: 20px; padding: 25px 20px; } .course-small-adver { font-size: 0; } .course-big-adver { width: 377px; height: 211px; display: block; } .course-small-adver > a { display: inline-block; vertical-align: top; width: 179px; height: 100px; } .course-small-adver > a:nth-child(2n) { margin-left: 20px; margin-bottom: 30px; } .course-small-adver > a > img { width: 100%; height: 100%; display: block; } .course-infor-wrapper { font-size: 0; display: flex; margin: 30px auto; } .course-infor-wrapper .prepare-header{ display: flex; height: 48px; line-height: 48px; justify-content: space-around; background: ; border-bottom: 1px solid #e6e6e6; margin-bottom: 24px; } .course-infor-wrapper .prepare-header span{ font-size: 26px; display: inline-block; font-weight: bold; } .course-infor-wrapper .prepare-header .prepare-tab-acitve span{ color: #e04543; } .course-infor-wrapper .prepare-header .prepare-tab-acitve{ position: relative; } .course-infor-wrapper .prepare-header .prepare-tab-acitve:after{ content: ""; display: inline-block; background: center center no-repeat; width: 116px; height: 8px; position: absolute; left: 0; bottom: -6px; } .course-infor-wrapper .prepare-item-group{ margin-right: 30px; padding: 34px 40px 19px; background: #fff; } .course-infor-wrapper .page-right-modal{ background: #fff; } .course-infor-wrapper .prepare-tab{ font-size: 26px; cursor: pointer; padding: 0 10px; font-weight: bold; } .course-infor-wrapper .prepare-item-group .omit{ width: 80px; height: 32px; line-height: 32px; text-align: center; color: #f15449; background-color: #fff4f4; border-radius: 4px; border: solid 1px #f15449; display: block; margin: 0 auto; } .course-infor-wrapper .prepare-item-group .course-item{ height: 571px; border: none; } .course-infor-wrapper .prepare-item-group .information-list{ padding-top: 0; width: 0; flex: 1.0; padding-bottom: 0; } .course-infor-wrapper .prepare-item-group .main-information{ margin-top: 5px; } .prepare-info-wrapper .course-item:hover{ border: none!important; box-shadow: none!important; } .course-infor { font-size: 14px; /*width: 876px;*/ /*display: inline-block;*/ vertical-align: top; /*flex: 1.0;*/ width: 68%; } .choose-recommend-btn { width: 97px; height: 31px; text-align: center; line-height: 31px; background-color: #fff; border: 0; font-size: 16px; color: #555; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); vertical-align: middle; margin-left: 20px; outline: none; } .recommend-value { font-size: 16px; color: #333; } .choose-recommend { float: right; margin-right: 18px; padding-top: 32px; } .free-live-wrapper { /*width: 434px;*/ width: 32%; font-size: 14px; /*display: inline-block;*/ vertical-align: top; /*flex: 0.3;*/ } .free-live-wrapper .live-header img{ margin-top: 6px; margin-right: 20px; } .free-live-wrapper .live-border{ border-left: 1px solid #dddddd; margin-left: 15px; } .free-live-wrapper .live-title{ margin-left: 41px; margin-bottom: 12px; } .free-live-wrapper .front-live-list{ margin-top: 9px; } .page-right-modal { /*width: 434px;*/ width: 100%; /*height: 697px;*/ padding: 20px 22px 0 22px; overflow: hidden; border-radius: 10px; } .free-live-box span > a { font-size: 14px; color: #555; display: inline-block; vertical-align: middle; } .free-live-box span.score { color: #0ae; font-weight: bold; } .free-live-box span:first-child > a { width: 265px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .free-live-box span:first-child > a:hover { color: #e04543; } .free-live-box .teacher-item { font-size: 14px; color: #555; } .free-live-title { font-size: 20px; color: #333; /*font-weight: bold;*/ font-weight: 900; line-height: 42px; text-align: center; margin-bottom: 25px; padding: 0 20px; /*background-image: ;*/ /*background-repeat: no-repeat;*/ /*background-size: 100% 100%;*/ /*-moz-background-size: 100% 100%;*/ background-color: #f6f6f6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 2px; border-radius: 21px; /*width: 330px;*/ width: 85%; } .main-teacher, .main-time { margin-bottom: 20px; margin-left: 77px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .main-time { font-size: 18px; color: #555; } .main-teacher:before, .main-time:before { content: ""; display: inline-block; vertical-align: middle; width: 26px; height: 23px; background-repeat: no-repeat; background-position: left center; background-image: ; margin-right: 32px; } .teacher-right { position: absolute; right: 0; width: 165px; top: 50%; height: 14px; transform: translatey(-50%); } .teacher-right .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; margin-right: 10px; background: #fff; vertical-align: middle; border: 2px solid #bcc1bd; } .teacher-right .swiper-pagination-bullet-active { background: #f75452; width: 12px; height: 12px; border: 3px solid #ffc8c7; } .main-time:before { background-image: ; width: 24px; height: 27px; } .free-reg-wrapper { text-align: center; } .free-reg-btn { /*background-color: #0ae;*/ background-image: linear-gradient(90deg, #26bffd 0%, #07a4ed 100%), linear-gradient(#00aaee, #00aaee); color: #fff!important; width: 120px!important; height: 36px; border: 0; border-radius: 16px; margin: 0 auto 21px; /*margin-bottom: 24px;*/ /*margin-top: 20px;*/ display: inline-block; line-height: 36px; font-size: 16px!important; } .free-reg-btn > a { color: #fff; font-size: 15px; } .front-live { color: #e04543; font-weight: bold; font-size: 18px; margin-bottom: 20px; } .front-live-list > li { border-left: 1px solid #ddd; padding-top: 20px; margin-left: 15px; } .front-live-list > li:first-child { padding-top: 0; } .front-live-list > li > div { margin-bottom: 20px; } .front-live-list .front-live-header{ display: flex; align-items: flex-end; } .front-live-list .front-live-header .live-time{ font-size: 20px; font-weight: bold; letter-spacing: 2px; margin-right: 47px; } .front-live-list .front-live-header .live-date, .front-live-list .front-live-header .live-week{ font-size: 17px; color: #555; } .front-live-list .front-live-header .live-date{ margin-right: 30px; } .front-live-list .front-live-content{ border-bottom: 1px dashed #ddd; display: flex; margin-left: 41px; padding-bottom: 28px; padding-top: 10px; } .front-live-list .live-border{ margin-top: 10px; padding-bottom: 11px; } .front-live-list .front-live-title{ /*width: 186px;*/ flex: 1.0; font-size: 16px; color: #555; } .front-live-list .see-live-box{ width: 88px; height: 30px; margin-left: 43px; white-space: nowrap; overflow: hidden; cursor: pointer; } .see-live-hover{ margin-left: -88px; width: 88px; height: 30px; background-image: linear-gradient(90deg, #f15449 0%, #fe7171 100%), linear-gradient(#e04543, #e04543); color: #fff!important; border: none!important; text-align: center; line-height: 30px; border-radius: 15px; display: inline-block; /*transition: 0.5s;*/ } .front-live-list .see-live{ /*background-image: linear-gradient(90deg, #f15449 0%, #fe7171 100%), linear-gradient( #e04543, #e04543);*/ width: 88px; height: 30px; color: #e04543; border: 1px solid #e04543; text-align: center; line-height: 30px; border-radius: 15px; display: inline-block; } .front-live-list .front-live-icon{ background: center center no-repeat; width: 28px; height: 27px; margin-right: 28px; } .front-live-list .front-list-box{ margin-bottom: 12px; } .front-live-list .front-list-box:hover .front-live-icon{ background: center center no-repeat; transition: 0.5s; } .front-live-list .front-list-box:hover .front-live-title{ color: #e04543; transition: 0.5s; } .front-live-list .front-list-box:hover .see-live{ /*display: none;*/ transition: 0.5s; } .front-live-list .front-list-box:hover .see-live-hover{ margin-left: 0; transition: 0.5s; } .item-title:before { content: none; width: 11px; height: 29px; display: inline-block; vertical-align: top; background-image: ; background-repeat: no-repeat; background-position: center center; margin-right: 10px; } .item-title { display: inline-block; padding: 30px 0; font-size: 30px; letter-spacing: 3px; font-weight: bold; } .information-list-head { padding-bottom: 6px; } .information-list-head .information-list-title{ font-size: 18px; color: #333; font-weight: bold; line-height: 30px; display: block; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 21px; } .information-list-head > span:first-child { cursor: pointer; width: 100%; } .information-list-head > span:first-child > a { font-size: 20px; color: #333; font-weight: bold; line-height: 30px; display: block; /*width: 280px;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .information-list-head > span:first-child:hover > a { color: #e04543; } .information-list-head .rt { background-color: #df4142; position: relative; padding: 3px 6px; margin-top: 5px; } .information-list-head .rt > a { font-size: 14px; color: #fff; } .information-list-head .rt > a:after { content: ""; width: 3px; height: 3px; display: block; position: absolute; left: 0; bottom: -3px; font-size: 14px; color: #fff; background-color: #df4142; background-image: ; background-repeat: no-repeat; } .course-type-group { padding: 32px 24px; font-size: 0; } .course-type-group > li { margin-right: 20px; margin-bottom: 20px; display: inline-block; } .course-type-group > li > a { width: 175px; height: 96px; display: block; text-align: center; line-height: 96px; font-size: 20px; color: #fff; border: 1px solid #fff; } .course-list li { width: 270px; /*height: 304px;*/ height: auto!important; display: inline-block; vertical-align: top; margin-right: 20px; overflow: hidden; margin-bottom: 19px; padding: 10px 10px 50px 10px!important; border: 1px solid #fff; background: #fff; flex: 0.5; } .course-list li:last-child { margin-right: 0; } .course-list .show-course-detail{ width: 84px; height: 36px; background-color: #fff4f4; border-radius: 18px; border: solid 1px #f15449; display: block; float: right; text-align: center; line-height: 36px; color: #e04543; } .course-list li:hover{ border: solid 1px #f6c5c5; transition: 0.5s; } .course-list li:hover .show-course-detail{ background-color: #f15449; color: #fff; transition: 0.5s; } .course-list li:nth-child(3n) { margin-right: 0; } .course-list > div { font-size: 0; } .course-type-group > li:nth-child(2n) { margin-right: 0; } .modal-link-group { font-size: 0; } .modal-link-group .item { margin-top: 32px; box-shadow: 0px 0px 3px 0px rgba(207, 207, 207, 0.35); height: 158px; flex: 1.0; text-align: center; white-space: nowrap; overflow: hidden; /*margin-right: 13.7px;*/ } .modal-link-group .item-hover{ background-image: linear-gradient(90deg, #f15449 0%, #fe7171 100%), linear-gradient(#e04543, #e04543); margin-left: -105%; /*transition: 0.5s;*/ } .modal-link-group .item-hover .bg{ background: #fff; } .modal-link-group .item-hover p{ color: #fff; } .modal-link-group .item:hover .item-hover{ margin-left: 0; transition: 0.5s; } .modal-link-group .item .item-inner{ padding: 26px 0 35px; display: inline-block; width: 100%; } .modal-link-group .item1{ background-color: #f5ffff; } .modal-link-group .item2{ background-color: #fff2f1; } .modal-link-group .item3{ background-color: #fff7ec; } .modal-link-group .item4{ background-color: #f0fbff; } .modal-link-group .item p{ font-size: 18px; } .modal-link-group .item .bg{ width: 64px; height: 64px; border-radius: 50%; text-align: center; padding-top: 14px; margin: 0 auto 16px; } .modal-link-group .item .bg img{ height: 34px; } .modal-link-group .bg1{ background-image: linear-gradient(40deg, #6ccaca 0%, #52eaea 100%), linear-gradient(#6ccaca, #6ccaca); } .modal-link-group .bg2{ background-image: linear-gradient(40deg, #e55f52 0%, #ff8c80 100%), linear-gradient(#ff6d5e, #ff6d5e); } .modal-link-group .bg3{ background-image: linear-gradient(40deg, #f28e00 0%, #ffbb5b 100%), linear-gradient(#f8af48, #f8af48); } .modal-link-group .bg4{ background-image: linear-gradient(40deg, #42a6cc 0%, #54cffd 100%), linear-gradient(#57c8f2, #57c8f2); } .modal-link-group > div > a { /*width: 138px;*/ /*height: 50px;*/ /*font-size: 18px;*/ /*text-align: center;*/ /*line-height: 50px;*/ /*color: #e04543;*/ /*font-weight: bold;*/ /*display: block;*/ /*-webkit-transition: color linear 0.2s, background-color linear 0.2s;*/ /*-moz-transition: color linear 0.2s, background-color linear 0.2s;*/ /*-ms-transition: color linear 0.2s, background-color linear 0.2s;*/ /*-o-transition: color linear 0.2s, background-color linear 0.2s;*/ /*transition: color linear 0.2s, background-color linear 0.2s;*/ } .modal-link-group > div > a:hover { /*background-color: #e04543;*/ /*color: #fff;*/ } .modal-link-group > div:last-child { margin-right: 0; } .area-question-wrapper .zt_title{ width: 312px; height: 48px; line-height: 48px; text-align: center; margin-top: 7px; font-size: 20px; letter-spacing: 2px; margin-left: 5px; font-weight: bold; } .area-question-wrapper .zt_title1{ background-image: linear-gradient(90deg, #f15449 0%, #fe7171 100%), linear-gradient(#e04543, #e04543); color: #fff; } .area-question-wrapper .zt_title2, .area-question-wrapper .zt_title3{ background-color: #f3f4f8; } .area-question-wrapper > p { font-size: 16px; color: #333; font-weight: bold; margin-bottom: 28px; } .area-question-list { font-size: 0; margin-left: 62px; margin-top: 23px; } .area-question-list > li { display: inline-block; margin-right: 26px; margin-bottom: 22px; } .area-question-list > li:nth-child(3n) { margin-right: 0; } .area-question-list > li > a { display: block; width: 76px; height: 30px; text-align: center; line-height: 30px; border-radius: 2px; border: 1px solid #e5e5e5; font-size: 14px; color: #555; -webkit-transition: background-color linear 0.3s, color linear 0.3s; -moz-transition: background-color linear 0.3s, color linear 0.3s; -ms-transition: background-color linear 0.3s, color linear 0.3s; -o-transition: background-color linear 0.3s, color linear 0.3s; transition: background-color linear 0.3s, color linear 0.3s; background-color: #f3f4f8; } .area-question-list > li > a:hover { /*background-color: #e04543;*/ background-image: linear-gradient(90deg, #f15449 0%, #fe7171 100%), linear-gradient(#e04543, #e04543); color: #fff; } .teacherlist { background-color: #fff; font-size: 0; text-align: left; } .teacherlist > li { display: inline-block; font-size: 0; } .teacherlist > li > .teacher-img-wrapper > img { display: block; width: 100%; } .teacherlist > li > .teacher-img-wrapper { display: inline-block; vertical-align: top; width: 205px; } .teacherlist > li > .teacher-info-wrapper { display: inline-block; vertical-align: top; width: 0; height: 429px; overflow: hidden; -webkit-transition: width 0.3s linear; -moz-transition: width 0.3s linear; -ms-transition: width 0.3s linear; -o-transition: width 0.3s linear; transition: width 0.3s linear; } .teacherlist > li > .teacher-info-wrapper > div { background-image: ; background-repeat: no-repeat; background-position: top center; background-size: 100% auto; } .teacherlist > li > .teacher-info-wrapper .teacher-info-text { color: #555; font-size: 14px; letter-spacing: 1px; line-height: 25px; } .teacherlist > li.active > .teacher-info-wrapper { width: 380px; } .teacherlist > li > .teacher-info-wrapper > div { padding: 0 22px; width: 100%; } .teacher-name { font-size: 18px; font-weight: bold; color: #e04543; margin-bottom: 16px; display: block; } .teacher-honor { font-size: 14px; font-weight: bold; color: #333; margin-bottom: 26px; } .course-wrapper-right { /*width: 325px;*/ margin-bottom: 20px; } .course-list { /*width: 855px;*/ font-size: 0; display: inline-block; vertical-align: top; /*margin-right: 20px;*/ } .course-list .row{ flex: 1.0; width: 0; } .course-list img{ width: 100%; height: auto; } .course-list > li { display: inline-block; vertical-align: top; width: 270px; height: 234px; margin-right: 20px; margin-bottom: 20px; } .course-list > li:nth-child(3n) { margin-right: 0; } .course-list > li img { width: 270px; } .course-title { font-size: 14px; color: #555; line-height: 20px; padding: 26px 10px 0 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .course-wrapper-right { /*width: 325px;*/ display: inline-block; vertical-align: top; } .course-wrapper-right .item{ background: #fff; /*padding: 30px;*/ flex: 1.0; width: 0; align-items: center; justify-content: space-evenly; } .course-wrapper-right .item:last-child { box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); } .course-wrapper-right .item:last-child a { flex: 0.5; } .course-wrapper-right .item:first-child{ margin-right: 30px; padding: 0; } .course-wrapper-right .item img{ width: 90%; display: block; margin: 0 auto; } .course-wrapper-right .item img:hover{ width: 100%; transition: 0.5s; } .course-wrapper-right .item:first-child img{ width: 100%; } .course-recommend { font-size: 0; } .book-top { border-bottom: 1px solid #e04543; position: relative; } .book-wrapper { /*padding: 34px 20px 0 31px;*/ } .book-wrapper .item-title { padding-bottom: 20px; } .book-type-list { font-size: 0; position: absolute; right: 0; bottom: 0; } .book-type-list > li { display: inline-block; font-size: 24px; width: 136px; height: 60px; line-height: 55px; text-align: center; border: 1px solid transparent; border-bottom: 0; position: relative; top: 4px; color: #666; border-radius: 5px 5px 0 0; } .book-type-list > li.active { border-color: #e04543; background-color: #fff; color: #e04543; border-left: 0; border-right: 0; box-shadow: 0 -3px 8px -1px rgba(0, 0, 0, 0.15); border-top: 4px solid #e04543; } .book-list-wrapper .book-list { font-size: 0; margin-top: 20px; display: flex; flex-wrap: wrap; } .book-list-wrapper .book-list .row{ height: 100%; align-items: center; } .book-list-wrapper .book-list .item{ /*width: 0;*/ /*flex: 0.5;*/ width: 33.3%; padding: 10px; } .book-list-wrapper .book-list .item:hover .book-title, .book-list-wrapper .book-list .item:hover .book-price { font-weight: bold; color: #e04543; } .book-list > li { /*width: 220px;*/ width: 32.3%; height: 264px; /*display: inline-block;*/ /*margin-right: 10px;*/ -webkit-transition: box-shadow linear 0.2s; -moz-transition: box-shadow linear 0.2s; -ms-transition: box-shadow linear 0.2s; -o-transition: box-shadow linear 0.2s; transition: box-shadow linear 0.2s; border: solid 1px #e6e6e6; position: relative; overflow: hidden; } .book-list .discount{ font-size: 20px; color: #e04543; margin-right: 10px; } .book-list .price{ font-size: 16px; color: #bcbcbc; text-decoration: line-through; } .book-list > li img { /*width: 220px;*/ /*height: 220px;*/ width: 50%; height: auto; display: block; margin-bottom: 20px; margin-right: 10px; } .book-list > li a{ display: block; height: 100%; } .book-list > li:last-child { margin-right: 0; } .book-list > li:hover { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); border: solid 1px #f6c5c5!important; } .book-list > li:hover .book-link { /*margin-top: -89px;*/ bottom: 22px; transition: 0.5s; } .book-info { /*position: relative;*/ overflow: hidden; } .book-info, .book-info > .book-detail, .book-info > .book-link { /*width: 100%;*/ /*height: 89px;*/ } .book-info > .book-detail { padding: 0 10px; margin-bottom: 32px; } .book-info .book-title { font-size: 16px; color: #333; margin-bottom: 57px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .book-info .book-price { color: #e04543; font-size: 18px; margin-right: 10px; } .book-info .book-origin-price { color: #999; font-size: 14px; text-decoration: line-through; } .book-detail { } .book-link { /*margin-top: 0;*/ position: absolute; text-align: center; /*padding-top: 24px;*/ z-index: 1; background-color: rgba(224, 69, 67, 0.95); -webkit-transition: margin-top linear 0.2s; -moz-transition: margin-top linear 0.2s; -ms-transition: margin-top linear 0.2s; -o-transition: margin-top linear 0.2s; transition: margin-top linear 0.2s; width: 98px; height: 36px; background-color: #fff4f4; border-radius: 18px; border: solid 1px #f15449; line-height: 36px; bottom: -36px; right: 16px; transition: 0.5s; } .book-link > p { color: #e04543; font-size: 16px; } /*.book-link > p:before {*/ /*content: "";*/ /*display: inline-block;*/ /*vertical-align: middle;*/ /*width: 12px;*/ /*height: 12px;*/ /*background-image: ;*/ /*background-size: 12px 12px;*/ /*background-repeat: no-repeat;*/ /*margin-right: 11px;*/ /*}*/ .book-link > .book-link-price { font-size: 14px; margin-bottom: 10px; } /*banner*/ .right-banner { position: fixed; right: 19px; top: 50%; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); z-index: 100; } .right-banner > .right-banner-list > li { width: 56px; height: 56px; margin-bottom: 12px; border-radius: 2px; background-color: #fff; background-repeat: no-repeat; background-position: center center; display: table; vertical-align: bottom; position: relative; cursor: pointer; -webkit-transition: background-position linear 0.2s; -moz-transition: background-position linear 0.2s; -ms-transition: background-position linear 0.2s; -o-transition: background-position linear 0.2s; transition: background-position linear 0.2s; } .right-banner > .right-banner-list > li.top_icon:hover { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; background-position: center center; } .right-banner > .right-banner-list > li:hover > p { bottom: 6px; opacity: 1; } .right-banner > .right-banner-list > li:hover { background-position: center 9px; } .right-banner > .right-banner-list > li.kf_icon { background-image: ; } .right-banner > .right-banner-list > li.phone_icon { background-image: ; } .right-banner > .right-banner-list > li.yj_icon { background-image: ; } .right-banner > .right-banner-list > li.qr_icon { background-image: ; } .right-banner > .right-banner-list > li.top_icon { background-image: ; } .right-banner > .right-banner-list > li.kf_icon:hover { background-image: ; } .right-banner > .right-banner-list > li.phone_icon:hover { background-image: ; } .right-banner > .right-banner-list > li.yj_icon:hover { background-image: ; } .right-banner > .right-banner-list > li.qr_icon:hover { background-image: ; } .phone-list-content { width: 285px; height: 128px; right: 64px; left: auto; top: -32px; padding-top: 10px; } .phone-list-content.list-content:before { top: 60px; right: -8px; transform: rotate(90deg); } .appqr-list-content { right: 64px; left: auto; top: -78px; padding: 32px; width: 394px; height: 216px; } .appqr-list-content.list-content:before { top: 104px; right: -8px; transform: rotate(90deg); } .appqr-list-content > div { display: inline-block; } .appqr-list-content > div:first-child img, .appqr-list-content > div:first-child p { text-align: center; padding-right: 30px; color: #555; } .appqr-list-content > div:last-child img, .appqr-list-content > div:last-child p { text-align: center; padding-left: 30px; color: #555; } .phone-list-content > div { font-size: 14px; color: #555; margin-top: 14px; margin-left: 30px; padding-left: 30px; line-height: 30px; } .phone-list-content > div:first-child { background-image: url(/uploads/image/rccimage/lt_icon_phone.jpg); background-repeat: no-repeat; background-position: left center; } .phone-list-content > div:last-child { background-image: url(/uploads/image/rccimage/lt_icon_time.jpg); background-repeat: no-repeat; background-position: left center; } .first-swiper img { /*width: 559px;*/ /*height: 315px;*/ width: 100%; height: auto; display: block; } /*.first-swiper .swiper-slide {*/ /*width: 80% !important;*/ /*}*/ /*左*/ .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: ; width: 25px; height: 65px; background-color: rgba(0, 0, 0, 0.4); background-position: center center; background-repeat: no-repeat; background-size: 20px 38px; left: 0; } /*右*/ .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: ; width: 25px; height: 65px; background-color: rgba(0, 0, 0, 0.4); background-position: center center; background-repeat: no-repeat; background-size: 20px 38px; right: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .course-item-modal-wrapper { padding: 36px 23px 36px 24px; font-size: 0; } .course-item-modal-wrapper .row{ margin-bottom: 10px; margin-right: 0; height: 50%; align-items: center; justify-content: space-evenly; } .course-item-modal-wrapper > div { display: inline-block; margin-bottom: 20px; margin-right: 20px; } .course-item-modal-wrapper > div:nth-child(2n) { margin-right: 0; } .course-item-modal-wrapper > div > a { display: block; width: 175px; height: 96px; font-size: 20px; color: #fff; text-align: center; line-height: 96px; } .course-item-modal-wrapper img{ width: 100%; transition: 0.5s; } .course-item-modal-wrapper .item{ /*height: 133px;*/ flex: 1.0; max-width: 200px; } .course-item-modal-wrapper .item:first-child{ margin-right: 10px; } .course-item-modal-wrapper img:hover{ width: 106%; margin-left: -3%; margin-top: -3%; transition: 0.5s; } /*页面中部广告位*/ .adver-wrapper{ /*height: 105px;*/ overflow: hidden; padding-bottom: 26px; } .adver-wrapper .item{ flex: 1.0; } /*金牌教师*/ .teacher-content .row{ align-items: stretch; flex-wrap: wrap; justify-content: space-between; } .teacher-content .box{ padding-bottom: 17px; overflow: hidden; width: 24%; } .teacher-content .item{ border: solid 1px #eaeaea; padding: 12px 15px 15px; text-align: center; height: 100%; position: relative; /*margin-right: 14px;*/ /*margin-left: 14px;*/ display: block; } .teacher-content .item img{ width: 100%; } .teacher-content .teacher-info{ text-align: center; font-size: 16px; color: #555; line-height: 18px; } .teacher-content .teacher-info span{ font-size: 20px; color: #e04543; margin-right: 10px; display: inline-block; margin-top: 15px; font-weight: bold; } .teacher-content .item .teacher-hover{ position: absolute; width: 90%; left: 5%; top: -120%; /*height: 0;*/ transition: 1s; } .teacher-content .item:hover .teacher-hover{ top: 12px; /*height: auto;*/ transition: 1s; } .change-teacher{ /*margin-right: 18px;*/ cursor: pointer; } @media screen and (max-width: 1550px) { .teacher-content .teacher-info{ font-size: 14px; } .teacher-content .teacher-info span{ font-size: 16px; margin-right: 5px; } } .banner { background-image: linear-gradient(0deg, #ee2e2f 0%, #f75e58 51%, #ee3031 100%); height: 272px; padding-top: 72px; } .banner .banner-content { width: 1400px; margin: 0 auto; display: flex; padding: 19px 0; justify-content: space-between; } .banner .banner-left { width: 996px; height: 162px; } .banner .banner-right { width: 390px; display: flex; justify-content: center; overflow: hidden; } .banner .banner-right img { max-height: 162px; } /*考试类型*/ .kc-type-row { padding: 20px 0; display: flex; justify-content: space-between; position: relative; height: 180px; } .kc-type-row .kc-type-item { width: 190px; background-image: linear-gradient(45deg, #fd9030 0%, #f33535 100%); border-radius: 6px 6px 5px 5px; text-align: center; padding: 7px; height: 140px; transition: height 0.5s; } .kc-type-row .kc-type-bg { width: 100%; vertical-align: bottom; } .kc-type-row .kc-type-title { color: #fff; font-size: 20px; margin: 9px 0 11px; } .kc-type-row .kc-type-detail { background: #fff; width: 176px; height: 68px; overflow: hidden; border-radius: 0 0 10px 10px; position: absolute; transition: height 0.5s; } .kc-type-row .kc-type-box { transition: margin-top 0.5s; } .kc-type-row .kc-type-item:hover { height: 170px; } .kc-type-row .kc-type-item:hover .kc-type-box{ margin-top: -55px; } .kc-type-row .kc-type-item:hover .kc-type-detail { height: 98px; } .kc-type-row .kc-type-icon { margin-bottom: 20px; margin-top: 5px; } .kc-type-row .kc-type-link { display: flex; flex-wrap: wrap; padding: 0 6px; } .kc-type-row .link-item { width: 80px; height: 26px; line-height: 26px; text-align: center; color: #555555; font-size: 16px; margin-bottom: 8px; cursor: pointer; } .kc-type-row .link-item:hover { background-color: #f5232d; border-radius: 4px; color: #fff; } /*首页自定义模板*/ .index-template-diy { background-color: #ffffff; border-radius: 10px; border: solid 1px #f5232d; padding: 24px 32px; margin: 30px auto; } /*热门推荐广告位&报考公告*/ .hot-commercial { width: 450px; padding-top: 47px; } .hot-commercial img { width: 450px; height: 162px; margin-bottom: 30px; display: block; background-color: #efefef; border-radius: 4px; } .hot-commercial a:last-child img { margin-bottom: 0; } .index-module-title { display: flex; align-items: center; margin-bottom: 10px; height: 37px; margin-right: 37px; } .index-module-title p { color: #333333; font-size: 24px; font-weight: bold; margin-right: 5px; } .index-module-title p span { color: #f5232d; font-size: 24px; font-weight: bold; } .exam-announcement { width: 448px; padding-left: 32px; } .exam-announcement-list .announcement-item{ display: flex; align-items: center; margin-bottom: 10px; } .exam-announcement-list .announcement-item:nth-child(5n) { border-bottom: solid 1px #ececec; padding-bottom: 12px; margin-bottom: 22px; } .exam-announcement-list .announcement-item:last-child { border-bottom: none; margin-bottom: 0; } .exam-announcement-list .announcement-status { padding: 5px 8px; border-radius: 4px; margin-right: 10px; background-color: #fff0f2; color: #ff556c; } .exam-announcement-list .announcement-status.not-appoint { background-color: #e5eeff; color: #3f9ef8; } .exam-announcement-list .announcement-title { color: #444444; flex: 1.0; white-space: nowrap; overflow: hidden; width: 341px; display: block; text-overflow: ellipsis; line-height: 16px; } .exam-announcement-list .announcement-title:hover { color: #f5232d; } /*考试日历等连接*/ .modal-link-group .link-item { width: 160px; height: 80px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 20px; font-weight: bold; margin-right: 25px; cursor: pointer; transition: margin-top 0.2s; } .modal-link-group .link-item:last-child { margin-right: 0; } .modal-link-group .link-item:hover { margin-top: -5px; } .modal-link-group .link1 { background: center center no-repeat; background-size: cover; } .modal-link-group .link2 { background: center center no-repeat; background-size: cover; } .modal-link-group .link3 { background: center center no-repeat; background-size: cover; } .modal-link-group .link4 { background: center center no-repeat; background-size: cover; } /*备考资料&真题下载*/ .index-paper-content .nav-paper-list { width: 100%; } .index-paper-content .paper-name { width: 310px; } .course-info-header { display: flex; align-items: center; justify-content: space-between; } .course-info-header .course-info-category { display: flex; justify-content: space-around; background-color: #f9f9f9; border-radius: 10px 10px 0px 0px; margin-right: 30px; flex: 1.0; } .course-info-header .category-item { font-size: 20px; padding: 13px 10px; cursor: pointer; } .course-info-header .category-item:last-child { margin-right: 0; } .course-info-header .category-item:hover, .course-info-header .category-item-active{ background-color: #f5232d; border-radius: 4px 4px 0px 0px; color: #ffffff; } .prepare-materials { display: flex; flex-wrap: wrap; margin-right: 30px; padding: 24px 28px 35px; height: 520px; border-radius: 10px; position: relative; } .prepare-materials .material-item { padding: 14px 18px 18px 28px; border-right: solid 1px #ececec; border-bottom: solid 1px #ececec; width: 430px; } .prepare-materials .material-item:first-child { padding-left: 0; } .prepare-materials .material-item:nth-child(2n) { border-right: none; } .prepare-materials .material-item:nth-child(3n) { border-bottom: none; padding-left: 0; } .prepare-materials .material-item:nth-child(4n) { border: none; } .prepare-materials .material-title { color: #d7000f; font-size: 18px; margin-bottom: 6px; font-weight: bold; } .prepare-materials .material-list { line-height: 32px; } .prepare-materials .material-detail { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #444444; cursor: pointer; } .prepare-materials .material-detail:before { content: ''; display: inline-block; margin-right: 5px; width: 3px; height: 3px; border-radius: 50%; background: #f5232d; vertical-align: middle; } .prepare-materials .material-detail:hover { color: #f5232d; } /*中部广告位*/ .commercial-wrapper { height: 150px; } /*报考指导*/ .applicate-guide-wrapper { padding: 29px 28px; display: flex; flex-wrap: wrap; margin-right: 30px; border-radius: 10px; } .applicate-guide-wrapper .applicate-guide-item { margin-right: 36px; margin-bottom: 20px; } .applicate-guide-wrapper .applicate-guide-item:nth-child(2n) { margin-right: 0; } .applicate-guide-wrapper .guide-title { color: #d7000f; font-size: 18px; margin-bottom: 6px; font-weight: bold; } .applicate-guide-wrapper .guide-content { background: center center no-repeat; background-size: 400px 144px; width: 410px; height: 144px; padding: 24px 26px 24px 15px; line-height: 33px; } .applicate-guide-wrapper .guide-info { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #444; } .applicate-guide-wrapper .guide-info:before { content: ''; display: inline-block; margin-right: 5px; width: 3px; height: 3px; border-radius: 50%; background: #b3b3b3; vertical-align: middle; } .applicate-guide-wrapper .guide-info:hover { color: #f5232d; } /*最近直播日历部分*/ .index-calendar { display: flex; align-items: center; width: 595px; margin-right: 30px; justify-content: space-between; } .index-calendar .calendar-month { width: 110px; height: 34px; text-align: center; line-height: 34px; background-color: #f9f9f9; border-radius: 4px; border: solid 1px #d5d5d5; color: #6d6d6d; font-size: 14px; margin-top: -5px; margin-right: 10px; } .index-calendar .calendar-weekly { display: flex; flex: 1.0; justify-content: space-around; } .index-calendar .week-item { width: 49px; border-radius: 4px; text-align: center; padding: 5px 0; cursor: pointer; margin-bottom: 5px; } .index-calendar .week-title { color: #aaa; } .index-calendar .week-date { color: #090909; font-size: 18px; } .index-calendar .week-item:hover, .index-calendar .week-item.active { background-color: #f5232d; } .index-calendar .week-item.active .week-title, .index-calendar .week-item.active .week-date { color: #fff; } .index-calendar .week-item:hover .week-title, .index-calendar .week-item:hover .week-date { color: #fff; } /*展鸿名师*/ .index-teacher-list { background-color: #ffffff; border-radius: 10px; padding: 30px 10px; height: 403px; } .index-teacher-list .teacher-list { display: flex; justify-content: space-around; height: 363px; width: 1300px; margin: 0 auto; } .index-teacher-list .teacher-item { display: block; width: 218px; height: 323px; border-radius: 10px; position: relative; box-shadow: 0 0 13px 0 hsla(0,0%,81.2%,.35); cursor: pointer; overflow: hidden; transition: height 0.5s; } .index-teacher-list .teacher-name { background: center center no-repeat; background-size: cover; height: 74px; margin-top: 172px; margin-bottom: 0; padding: 20px; transition: margin-top 0.5s; } .index-teacher-list .teacher-name p { font-weight: bold; font-size: 18px; color: #1d1d1d; margin-top: 32px; } .index-teacher-list .teacher-info { height: 77px; background: #fff; padding: 26px 20px; } .index-teacher-list .teacher-detail { background: center center no-repeat; background-size: 100% 200px; width: 100%; height: 200px; bottom: -200px; position: absolute; transition: bottom 0.5s; padding: 30px 20px 0; } .index-teacher-list .teacher-item:hover { height: 363px; } .index-teacher-list .teacher-item:hover .teacher-detail { bottom: 0; } .index-teacher-list .teacher-item:hover .teacher-name { margin-top: 212px; } .index-teacher-list .teacher-detail-name { color: #fff; font-weight: bold; font-size: 18px; } .index-teacher-list .teacher-detail-info { color: #fff; padding: 13px 0 13px 0; border-bottom: 1px dashed #fff; margin-bottom: 13px; } .index-teacher-list .teacher-detail-label { display: flex; flex-wrap: wrap; max-height: 90px; overflow: hidden; } .index-teacher-list .teacher-label-item { background: #fff; padding: 4px 6px; color: #333333; margin: 0 10px 10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .index-teacher-list .top-button-prev { background: center center no-repeat; background-size: 31px 48px; width: 31px; height: 48px; left: -70px; } .index-teacher-list .top-button-next { background: center center no-repeat; background-size: 31px 48px; width: 31px; height: 48px; right: -70px; } /*首页底部辅导图书*/ .index-book-list { background-color: #ffffff; border-radius: 10px; padding: 30px 10px; text-align: center; } .index-book-list .book-list { display: flex; justify-content: space-around; width: 1300px; margin: 0 auto; padding: 5px 0; } .index-book-list .book-item { display: block; width: 218px; height: 300px; position: relative; cursor: pointer; overflow: hidden; transition: height 0.5s; border-radius: 6px; } .index-book-list .book-pic { height: 210px; display: flex; align-items: center; justify-content: center; border-bottom: 1px dashed #e6e6e6; } .index-book-list .book-pic img { max-height: 209px; } .index-book-list .book-name { color: #333333; margin: 20px 0 15px; -webkit-line-clamp: 2; flex-grow: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .index-book-list .book-price { display: flex; align-items: flex-end; } .index-book-list .discount-price { color: #e04543; font-size: 18px; margin-right: 10px; } .index-book-list .discount-price span { font-size: 12px; } .index-book-list .original-price { color: #999999; text-decoration: line-through; } .index-book-list .book-detail { background-image: linear-gradient(-21deg, #ff586b 0%, #ff5d29 100%); width: 100%; height: 90px; bottom: -90px; position: absolute; transition: bottom 0.5s; text-align: center; padding: 22px 0 ; } .index-book-list .book-item:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); } .index-book-list .book-item:hover .book-detail { bottom: 0; } .index-book-list .book-detail-price { color: #fff; margin-bottom: 12px; font-size: 16px; } .index-book-list .book-buy { color: #fff; font-size: 18px; } .index-book-list .book-buy:before { content: ''; display: inline-block; background: center center no-repeat; background-size: 12px 12px; width: 12px; height: 12px; margin-right: 10px; } .index-book-list .top-button-prev { background: center center no-repeat; background-size: 31px 48px; width: 31px; height: 48px; left: -70px; top: -155px; } .index-book-list .top-button-next { background: center center no-repeat; background-size: 31px 48px; width: 31px; height: 48px; right: -70px; top: -155px; } /*首页底部:关于展鸿&企业新闻*/ .index-bottom-wrapper { display: flex; } .index-bottom-wrapper .index-bottom-item { width: 50%; margin-right: 50px; } .index-bottom-wrapper .index-bottom-item:last-child { margin-right: 0; } .index-bottom-wrapper .index-bottom-commercial { width: 710px; height: 400px; } .index-bottom-wrapper .index-news-list { padding: 35px 40px 25px; background-color: #ffffff; border-radius: 6px; height: 390px; } .index-news-list .news-item { display: block; } .index-news-list .item1 { border-bottom: 1px dashed #d4d4d4; margin-bottom: 20px; } .index-news-list .item1 .news-title { color: #444444; font-size: 20px; margin-bottom: 20px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } .index-news-list .item1 .news-detail { -webkit-line-clamp: 2; flex-grow: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; color: #a2a2a2; font-size: 16px; line-height: 26px; margin-bottom: 10px; height: 52px; } .index-news-list .item1 .news-btn-row { display: flex; justify-content: flex-end; } .index-news-list .item1 .news-btn { width: 107px; height: 32px; line-height: 32px; text-align: center; background-image: linear-gradient(90deg, #ff5d29 0%, #ff586b 100%); border-radius: 16px; color: #ffffff; font-size: 16px; margin-bottom: 20px; } .index-news-list .item1 .news-btn:hover{ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); } .index-news-list .item2 { display: flex; line-height: 20px; margin-bottom: 15px; } .index-news-list .item2:last-child { margin-bottom: 0; } .index-news-list .item2:hover .news-title, .index-news-list .item2:hover .news-date { color: #e04543; } .index-news-list .item2 .news-title { color: #444444; width: 480px; margin-right: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .index-news-list .item2 .news-title:before { content: ''; display: inline-block; margin-right: 5px; width: 3px; height: 3px; border-radius: 50%; background: #f5232d; vertical-align: middle; } .index-news-list .item2 .news-date { color: #444444; width: 80px; } .jesong-container-mini-badge { z-index: 9; }