/* 未能缩小。正在返回未缩小的内容。 (6318,14): run-time error CSS1039: Token not allowed after unary operator: '-design-theme-color' (6340,14): run-time error CSS1039: Token not allowed after unary operator: '-design-theme-color' (6345,14): run-time error CSS1039: Token not allowed after unary operator: '-design-theme-color' */ @charset "UTF-8"; .nav, .nav .nav-in { position: relative } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, time, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline } body, input { /* font-family: "微软雅黑" font-family: Arial,"Microsoft Yahei", "微软雅黑","宋体" */ font-family: "微软雅黑", "宋体" } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1; min-width: 1258px; font-size: 14px; } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } a { text-decoration: none; color: #333 } a:hover { color: #12bfaf; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } a, button, input, optgroup, textarea { -webkit-tap-highlight-color: transparent; padding: 0; margin: 0; background-color: transparent; } button, input, optgroup, textarea { color: inherit; font: inherit; margin: 0; -webkit-appearance: none; outline: none; line-height: normal; border: none; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-input-placeholder { font-size: 14px; color: #999; } :-moz-placeholder { font-size: 14px; color: #999; } ::-moz-placeholder { font-size: 14px; color: #999; } :-ms-input-placeholder { font-size: 14px; color: #999; } input::-ms-clear, input::-ms-reveal { display: none; } /*start-公共类*/ .fl { float: left !important; } .fr { float: right !important; } .no-margin, .nm { margin: 0 !important; } .no-padding { padding: 0 !important; } .npr { padding-right: 0 !important; } .npl { padding-left: 0 !important; } .nmr { margin-right: 0 !important; } .nml { margin-left: 0 !important; } .no-border { border: none !important; } .nbt { border-top: none !important; } .no-bg { background-color: transparent !important; } .ns { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .clear { clear: both !important; } .none { display: none; } .full-height { height: 100%; box-sizing: border-box; } .ofh { overflow: hidden; } .ofv { overflow: visible; } .fwb { font-weight: bold !important; } .tac { text-align: center; } .LNB .item:last-child { border: none !important; } .break { word-wrap: break-word; word-break: break-all; } .clearfix { zoom: 1 } /* .clearfix:after { display: table; content: "" } .clearfix:after { clear: both } */ .clearfix:after, .clearfix:before { display: table; content: ""; clear: both } /*end-公共类*/ /*start-通用样式*/ .text-nowrap { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .text-nowrap2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .CENTER { width: 1200px; margin: 0 auto; position: relative; } .ease { -webkit-transition: ease .3s; -moz-transition: ease .3s; -ms-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s; } .ease2 { -webkit-transition: ease .8s; -moz-transition: ease .8s; -ms-transition: ease .8s; -o-transition: ease .8s; transition: ease .8s; } .bz { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .relative { position: relative !important; } .z-more { z-index: 1200; } .BGff { background-color: #fff !important; } .BGfa { background-color: #fafafa !important; } .BGf9 { background-color: #f9f9f9 !important; } .pr0 { padding-right: 0 !important; } .pr40 { padding-right: 40px !important; } .pl0 { padding-left: 0 !important; } .pl22 { padding-left: 22px !important } .pt20 { padding-top: 20px !important; } .pt30 { padding-top: 30px !important; } .plr30 { padding: 0 30px; } .plr28 { padding-left: 28px !important; padding-right: 28px !important; } .pt25 { padding-top: 25px !important; } .pt40 { padding-top: 40px !important; } .pl28 { padding-left: 28px !important; } .pl30 { padding-left: 30px !important } .ptb20 { padding: 20px 0 !important; } .p30 { padding: 28px 30px !important; } .pb0 { padding-bottom: 0 !important; } .pb20 { padding-bottom: 20px !important; } .pb40 { padding-bottom: 40px !important; } .pb46 { padding-bottom: 46px !important; } .mt-19 { margin-top: -19px !important; } .mt0 { margin-top: 0 !important; } .mt12 { margin-top: 12px !important; } .mt46 { margin-top: 46px !important; } .mb-10 { margin-bottom: -10px !important; } .mb50 { margin-bottom: 50px !important; } .mb0 { margin-bottom: 0px !important; } .mb12 { margin-bottom: 12px !important; } .mb20 { margin-bottom: 20px !important; } .mb30 { margin-bottom: 30px !important; } .mt10 { margin-top: 10px !important; } .mt20 { margin-top: 20px !important; } .mt30 { margin-top: 30px !important; } .mt33 { margin-top: 33px !important; } .mt35 { margin-top: 35px !important; } .mb40 { margin-bottom: 40px !important; } .mb50 { margin-bottom: 50px !important; } .mt80 { margin-top: 80px !important; } .mt120 { margin-top: 120px !important; } .bb { border-bottom: 1px solid #fafafa; } .color01 { color: #12bfaf !important; } .color02 { color: #fe6507 !important; } .color33 { color: #333 !important; } .opcity05 { opacity: .5; } .mrl { margin: 0 12px; } .fwn { font-weight: normal !important; } .nosl { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bt5 { border-bottom: 5px solid #fafafa; } .nbr { border-right: none !important; } .db { display: block; } /*end-通用样式*/ .cbtn { display: inline-block; width: 170px; height: 48px; line-height: 48px; font-size: 16px; color: #5c5c5c; text-align: center; background-color: #f4f4f4; border-radius: 4px; margin-right: 10px; cursor: pointer; } .cbtn.cur { background-color: #fe6507; color: #fff; } .cbtn.cur:hover { background-color: #eb5a01; } .cbtn:hover { background-color: #eee; } /*start-首页*/ .topmsg { height: 40px; line-height: 40px; background-color: #3a3a3f; color: #cecece; position: relative; z-index: 1211; } .topmsg a { color: #cecece; } .topmsg .phone { margin-left: 5px; } .topmsg .phone:before { content: ''; display: inline-block; vertical-align: -3px; background: url(../images/icon.png) no-repeat; background-position: -27px 0; width: 14px; height: 18px; margin-right: 2px; } .home-header { height: 100px; position: relative; z-index: 2; } .home-header .CENTER { width: 770px; position: relative; padding-left: 430px; margin-top: 34px; } .home-header .left { position: absolute; left: 0; padding-left: 197px; height: 56px; color: #666; padding-top: 6px; } .home-header .left .logo-h { position: absolute; left: 0; top: 0; } .home-header .left .citys { position: relative; top: 0; right: 0; padding-bottom: 5px; } .home-header .left .citys .name { font-size: 16px; } .home-header .left .citys .name:after { content: ''; display: inline-block; width: 0; height: 0; border: 5px solid transparent; border-top-color: #9b9b9b; margin-left: 5px; } .home-header .left .citys .change-city { height: 24px; line-height: 24px; background-color: #f3f3f3; border-radius: 4px; cursor: pointer; margin-top: 7px; text-align: center; width: 70px; } .city-select { position: absolute; left: 0; top: 52px; width: 430px; /*min-height: 209px;*/ /*padding: 0 12px;*/ background-color: #fff; box-shadow: 0px 0 5px 2px rgba(111, 111, 111, 0.2); border-radius: 4px; /*border: solid 1px #f5f5f5;*/ display: none; padding-bottom: 9px; } .city-select .h { padding-top: 14px; margin: 0 12px; color: #999; position: relative; } .city-select .c-nav { font-size: 0; margin: 8px 12px 0; border-bottom: 1px solid #ececec; } .city-select .c-nav .item { cursor: pointer; display: inline-block; width: 14.285%; font-size: 12px; line-height: 28px; position: relative; color: #666; text-align: center; } .city-select .c-nav .item:nth-last-child(2) { position: relative; left: 5px; } .city-select .c-nav .item.cur { font-weight: bold; } .city-select .c-nav .item.cur:after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -13px; width: 26px; height: 2px; background-color: #12bfaf; } .city-select .all { font-size: 0; padding-top: 20px; margin-left: 38px; display: none; } .city-select .all.hot { margin-left: 24px; display: block; } .city-select .all.hot .opt { width: 58px; padding-right: 0; } .city-select .all .paragraph { position: relative; min-height: 27px; } .city-select .all .opt { display: inline-block; font-size: 12px; color: #999; cursor: pointer; margin-bottom: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /*padding: 0 17px;*/ width: 50px; padding-right: 6px; } .city-select .all .letter { position: absolute; left: -24px; top: 0; color: #FF6600; font-size: 12px; } .home-header .search-container { position: relative; margin-top: 5px; } .home-header .search-container .select-opt { border: 1px solid #ececec; background: #fff; font-size: 14px; width: 55px; color: #666; text-align: center; line-height: 30px; position: absolute; left: 10px; top: 44px; border-radius: 4px; cursor: pointer; display: none; } .home-header .search-container .select-opt p:hover { background: rgba(0, 0, 0, .1); } .home-header .search-box, .search-div { position: relative; padding-left: 80px; padding-right: 100px; height: 46px; line-height: 44px; width: 519px; border: 1px solid #fe6507; border-radius: 22px; box-sizing: border-box; } .home-header .search-box .select { position: absolute; left: 0; font-size: 14px; color: #666; width: 67px; text-align: center; cursor: pointer; box-sizing: border-box; padding-left: 5px; } .home-header .search-box .select:after { content: ''; position: absolute; top: 50%; margin-top: -8px; right: 0; height: 16px; border-right: 1px solid #ececec; z-index: 1; } .home-header .search-box .select .txt:after { content: ''; display: inline-block; width: 11px; height: 16px; background: url(../images/icon.png) no-repeat; background-position: 0 -132px; margin-left: 5px; } .home-header .search-box .select.on .txt:after { content: ''; vertical-align: middle; background-position: 0 -112px; } .home-header .search-box .select.on .select-opt { display: block; } .input { border: none; padding: 0; } .home-header .search-box .input, .search-div .input { width: 100%; height: 44px; line-height: 44px; border: none; } .home-header .search-box .btn, .search-div .btn { position: absolute; right: 0; top: -1px; height: 46px; width: 100px; color: #fff; text-align: center; background-color: #fe6507; cursor: pointer; border-radius: 0 22px 22px 0; } .home-header .search-box .btn:before, .search-div .btn:before { content: ''; display: inline-block; height: 16px; width: 16px; background: url(../images/icon.png) no-repeat; background-position: 0 0; vertical-align: -3px; } .home-header .right, .page-nav .right, .phone-box { position: relative; height: 41px; padding-left: 49px; box-sizing: border-box; padding-top: 3px; margin-top: 7px; } .home-header .right:before, .page-nav .right:before, .phone-box:before { content: ''; position: absolute; left: 0; top: 0; width: 41px; height: 41px; background: url(../images/icon.png) no-repeat; background-position: 0 -24px; } .home-header .right .text, .page-nav .right .text, .phone-box .text { font-size: 12px; color: #999; } .home-header .right .phone, .page-nav .right .phone, .phone-box .phone { font-size: 20px; color: #12bfaf; margin-top: 3px; } .top-nav { position: relative; height: 60px; line-height: 60px; font-size: 0; } .top-nav .item { display: inline-block; font-size: 18px; color: #333; margin-right: 35px; position: relative; } .top-nav .item:hover { color: #fe6507; } .top-nav .item.cur { color: #fe6507; font-weight: bold; } .top-nav .item.cur:after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -19px; width: 38px; height: 4px; background-color: #fe6507; border-radius: 2px; } .top-nav .item:last-child { margin-right: 0; } .home-banner { height: 380px; position: relative; z-index: 0; } .swiper-container, .swiper-wrapper { height: 100%; } .fixed-top-nva { position: fixed; width: 100%; top: 0; left: 0; height: 70px; line-height: 70px; background: #fff; box-shadow: 0px 4px 6px 0px rgba(111, 111, 111, 0.2); z-index: 1001; display: none; } .fixed-top-nva .top-nav .item { font-size: 15px; margin-right: 28px; height: 70px; line-height: 70px; } .fixed-top-nva .top-nav .item.cur:after { width: 24px; height: 3px; margin-left: -12px; bottom: 16px; } .fixed-top-nva .img { height: 40px; position: relative; top: -6px; vertical-align: middle; margin-right: 45px; margin-top: 22px; } .home-banner .swiper-container .swiper-slide { height: 380px; } .home-banner .swiper-container .swiper-slide a { display: block; height: 100%; -webkit-background-size: auto 380px; background-size: auto 380px; background-position: center center; background-repeat: no-repeat; } .mid-box .swiper-container .swiper-slide a { -webkit-background-size: auto 300px; background-size: auto 300px; background-position: center center; background-repeat: no-repeat; } .linear-bg .swiper-box1.swiper-container .swiper-slide a { -webkit-background-size: auto 380px; background-size: auto 380px; background-position: center center; background-repeat: no-repeat; } .com-titel { color: #999999; margin-top: 50px; margin-bottom: 20px; padding: 0 !important; border-bottom: 1px solid #EAEAEA; padding-bottom: 20px !important; } .com-titel .txt { font-size: 26px; color: #333; font-weight: bold; margin-right: 13px; } .com-titel .more, .mid-box>.com-titel .more { color: #999999; margin-top: 10px; font-weight: normal !important; font-size: 14px; } .com-titel .link-box { margin-top: 7px; font-size: 16px; } .com-titel .link-box .link { display: inline-block; vertical-align: top; color: #333; margin-right: 20px; position: relative; overflow: hidden; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; max-width: 10em; height: 27px; } .com-titel .link-box .link.cur:after { content: ''; position: absolute; width: 34px; height: 4px; background-color: #12bfaf; top: 22px; left: 50%; margin-left: -17px; border-radius: 2px; } .com-titel.com0 .link-box .link.cur:after { border-radius: 0; } .com-titel .link-box .link.cur, .com-titel .link-box .link:hover, .home-anchor-list .anchor:hover, .footer .link:hover, .filtrate-box .line .container span:hover, .tab-content .item .link:hover, .city-select .all .opt:hover, .link-line .item:hover, .com-titel.com0 .more:hover, .topmsg .fl a:hover, .h-r:hover, .h-v .item:hover, .h-v .link:hover, .h-v .anchor:hover, .h-v a:hover { color: #12bfaf !important; } .com-titel.com0 .more { margin-top: 8px; font-size: 16px; } .block-slide { /*复用、学校主页等*/ height: 246px; position: relative; overflow: hidden; clear: both; } .block-slide .content { /* position: absolute; left: 0; top: 0; height: 242px; */ font-size: 0; white-space: nowrap; z-index: 1; display: inline-block; } .block-slide .content .item { display: inline-block; vertical-align: top; height: 240px; width: 290px; margin-right: 13px; background-color: #f9f9f9; border-bottom: 1px solid #d9d9d9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .block-slide .content .item:hover { border-bottom: 2px solid #fe6507; } .block-slide .content .item:last-child { margin-right: 0; } .block-slide .content .item .img { width: 100%; height: 170px; } .block-slide .content .item .bot { padding: 14px 12px 0; } .block-slide .content .item .bot .txt { position: relative; } .block-slide .content .item .name { font-size: 16px; color: #333333; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box; /* padding-right: 91px; */ position: relative; } .block-slide .content .item .name.pr9 { padding-right: 91px; } .block-slide .content .item .number { color: #fe6507; font-size: 12px; position: absolute; right: 0; top: 4px; } .block-slide .content .item .txt { font-size: 14px; color: #999999; margin-top: 12px; position: relative; } .block-slide .content .item .txt .font { display: inline-block; max-width: 12em; } .block-slide .content .item .txt .number { top: 2px; } .btn-on { width: 38px; height: 86px; position: absolute; z-index: 2; top: 50%; margin-top: -43px; cursor: pointer; background: rgba(255, 255, 255, .5) url(../images/icon.png) no-repeat; display: none; } .btn-on.pre { left: 10px; background-position: 11px -251px; } .btn-on.next { right: 10px; background-position: 14px -187px; } .btn-on:hover { background-color: rgba(18, 191, 175, .6) !important; } .block-slide:hover .btn-on.hide { display: none; } .block-slide:hover .btn-on { display: block; } .mid-box { margin-bottom: 12px; } .mid-box .swiper-box { height: 300px; width: 100%; margin-bottom: 22px; } .swiper-slide, .swiper-slide a { display: block; width: 100%; height: 100%; } .swiper-box:hover .btn-on { display: block; } .swiper-box .swiper-pagination-switch { border-radius: 0; width: 24px; height: 4px; background-color: #fff; opacity: 1; } .swiper-box .swiper-active-switch { background-color: #12bfaf; } .mid-box:nth-child(2n) .swiper-box .swiper-active-switch { background-color: #fe6507; } .left-fixed { position: fixed; z-index: 1500; width: 70px; background-color: #f8f8f8; border-radius: 6px; border: solid 1px #e8e8e8; box-sizing: border-box; font-size: 14px; top: 50%; left: 0px; overflow: hidden; display: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .left-fixed .item { display: block; /*height: 49px;*/ /* padding: 10px 19px 10px; */ padding: 10px 14px 10px; text-align: center; border-bottom: 1px dashed #e4e4e4; border-top: 1px solid transparent; /*text-align: right;*/ line-height: 18px; letter-spacing: 1px; color: #666; } .left-fixed .item:last-child { border: none; } .left-fixed .item.cur { background-color: #fe6507; color: #fff; border-bottom-style: solid; } .recent-news { background-color: #f9f9f9; } .recent-news .news-box { margin-bottom: 50px; } .recent-news .news-box .item { width: 28.88%; background-color: #fff; overflow: hidden; padding: 15px 20px 18px; float: left; margin-right: 20px; margin-bottom: 20px; min-height: 322px; } .recent-news .news-box .item:nth-child(3n) { margin-right: 0; } .recent-news .news-box .item .titel { font-size: 16px; line-height: 34px; font-weight: bold; color: #12bfaf; } .recent-news .news-box .item .titel .more { font-weight: normal; font-size: 14px; color: #999; } .recent-news .news-box .item .link, .aside .news .link, .mews-box .link { display: block; padding-left: 14px; position: relative; font-size: 14px; line-height: 20px; color: #333333; margin-top: 12px; padding-right: 40px; } .recent-news .news-box .item .link:hover, .aside .news .link:hover, .mews-box .link:hover { color: #12bfaf; } .recent-news .news-box .item .link:before, .aside .news .link:before, .mews-box .link:before { content: ''; position: absolute; width: 4px; height: 4px; background: url(../images/icon.png) no-repeat; background-position: 0 -161px; left: 0; top: 8px; } .recent-news .news-box .item .link .date, .aside .news .link .date, .mews-box .link .date { color: #999; position: absolute; right: 0; top: 0; } .home-anchor-list { line-height: 34px; font-size: 0; } .home-anchor-list .anchor { font-size: 14px; margin-right: 12px; color: #999; } .footer { height: 98px; background-color: #4e4e4e; text-align: center; font-size: 0; position: relative; z-index: 100; } .footer p { color: #fff; font-size: 14px; } .footer .p { margin-top: 30px; } .footer .p1 { margin-top: 12px; } .footer .link { color: #fff; font-size: 14px; margin-right: 5px; } .footer .link:last-child { margin-right: 0; } /*end-首页*/ /*start-课程列表*/ .linear-bg { height: 453px; background: url(../images/linear_bg.png) repeat-x 0 0; } .nav-details { padding: 12px 0; margin-top: 14px; color: #666666; } .nav-details>span { color: #333; } .linear-bg .swiper-box1 { height: 380px; } .filtrate-box { border-radius: 4px; border: 1px solid #eee; padding: 5px 0; margin-bottom: 30px; background-color: #f9f9f9; } .filtrate-box .line { position: relative; font-size: 14px; color: #666; border-bottom: 1px dashed #eee; padding-top: 12px; padding-left: 63px; } .filtrate-box .line.navbar { padding-left: 150px; } .filtrate-box .line:last-child { border-bottom: none; } .filtrate-box .line .name { position: absolute; font-weight: bold; color: #999; /* width: 63px; */ width: 63px; text-align: center; left: 0; top: 15px; font-size: 14px; } .filtrate-box .line .container { font-size: 0; } .filtrate-box .line .container span, .filtrate-box .line .container .span { display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 12px; margin-bottom: 12px; padding: 4px 7px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .filtrate-box .line .container>div { /* 11 */ display: inline-block; vertical-align: middle; width: 128px; height: 58px; border: 1px solid #F3F3F3; margin-right: 10px; text-align: center; background-color: #fff; position: relative; } .filtrate-box .line .container>div img { position: relative; top: 50%; /*偏移*/ transform: translateY(-50%); max-width: 128px; max-height: 58px; } .filtrate-box .line .container span.cur, .filtrate-box .line .container .span.cur { color: #fff; background-color: #12bfaf; } .main-box { background: url(../images/border.png) repeat-y 925px 0; } .main-box .left { float: left; width: 925px; } .main-box .link-list, /*复用、咨询频道、课程列表、课程搜索*/ .main-box .anchor-list, /*话题频道*/ .link-list-box { /*学校资讯*/ padding-right: 40px; margin-bottom: -7px; } .main-box .link-list.v2 .item { padding-right: 0; } .main-box .link-list .item, .link-list-box .item { display: block; position: relative; padding-left: 290px; padding-right: 188px; height: 195px; box-sizing: border-box; border-bottom: 1px solid #eee; cursor: pointer; margin-bottom: 25px; } .main-box .link-list .item:hover .name, .link-list-box .item:hover .name { color: #fe6507; } .main-box .link-list .item .img, .link-list-box .item .img { position: absolute; left: 0; top: 0; width: 270px; height: 168px; } .main-box .link-list .item .name, .link-list-box .item .name { font-size: 22px; color: #12bfaf; } .main-box .link-list .item .name { color: #333; } .main-box .link-list .item .address { color: #12bfaf; } .main-box .link-list .item .address i { display: inline-block; width: 13px; height: 15px; background: url(../images/icon.png) no-repeat; background-position: 0 -74px; vertical-align: -2px; margin-right: 4px; margin-top: 12px; } .main-box .link-list .item .text, .link-list-box .item .text { color: #999; line-height: 22px; margin-top: 11px; max-height: 44px; } .main-box .link-list .item .text .more { color: #12bfaf; } .main-box .link-list .item .details, .link-list-box .item .details { /*font-size: 12px; line-height: 25px; color: #999999; position: absolute; bottom: 25px; left: 305px;*/ font-size: 12px; line-height: 25px; color: #999; position: absolute; bottom: 25px; left: 290px; } .main-box .link-list .item .details span, .link-list-box .item .details span { margin-right: 15px; } .main-box .link-list .item .other, .stars { position: absolute; font-size: 24px; color: #fe6507; right: 0; top: 9px; text-align: right; } .main-box .link-list .item .other .num span, .stars .num span { font-size: 12px; } .main-box .link-list .item .other .star, .stars .star { font-size: 12px; color: #666; margin-top: 16px; } .main-box .link-list .item .other .star i, .stars .star i, .com-star { display: inline-block; width: 100px; height: 16px; background: url(../images/stars.png) no-repeat; margin-right: 5px; background-position: 0 0; } .main-box .link-list .item .other .star.s4 i, .stars .star.s4 i, .com-star.s4 { background-position: 0 -22px; } .main-box .link-list .item .other .star.s3 i, .stars .star.s3 i, .com-star.s3 { background-position: 0 -45px; } .main-box .link-list .item .other .star.s2 i, .stars .star.s2 i, .com-star.s2 { background-position: 0 -69px; } .main-box .link-list .item .other .star.s1 i, .stars .star.s1 i, .com-star.s1 { background-position: 0 -96px; } .main-box .link-list .item .other .star.s0 i, .stars .star.s0 i, .com-star.s0 { background-position: 0 -119px; } .pages { font-size: 0; } .pages.v2 { padding-top: 30px; margin: 0 28px 40px; border-top: 1px solid #eee; margin-top: -20px; } .pages.v3 { margin-top: 7px; margin-bottom: 56px; } .pages a { display: inline-block; height: 31px; line-height: 31px; border: 1px solid #f3f3f3; border-radius: 4px; font-size: 14px; color: #333333; padding: 0 10px; margin-right: 7px; vertical-align: middle; background-color: #fff; } .pages a:hover { background-color: #f4f4f4; } .pages a.pre { margin-right: 18px; } .pages a.next { margin-left: 11px; margin-right: 0; } .pages a.cur { background-color: #12bfaf; color: #fff; } .pages a.pre, .pages a.next { padding: 0 20px; /*color: #000066;*/ } .pages a.ell { line-height: 23px; border: none; padding: 0; background: none; } .pages a.disabled { color: #999; } .mid-tab { height: 50px; font-size: 0; border-bottom: 1px solid #eee; margin-top: 67px; } .mid-tab .opt { display: inline-block; margin-right: 32px; font-size: 18px; color: #333; position: relative; line-height: 50px; } .mid-tab .opt.cur { font-weight: bold; } .mid-tab .opt.cur:after { position: absolute; content: ''; width: 44px; height: 3px; background-color: #12bfaf; bottom: 0; left: 50%; margin-left: -22px; } .mid-tab .opt:last-child { margin-right: 0; } .tab-content { padding: 25px 0; margin-bottom: 72px; } .tab-content .item { display: none; } .tab-content .item p { color: #999; line-height: 1.3; text-align: justify; } .tab-content .item .link { color: #999999; margin-right: 30px; line-height: 1.5; } .pr40 { padding-right: 40px; } .main-box .aside { float: right; width: 250px; padding-left: 20px; } .side-titel { font-size: 18px; color: #333333; font-weight: bold; margin-bottom: 14px; } .aside .content-box { /*复用多个页面*/ margin-bottom: 40px; } .aside .content-box .item { display: block; background-color: #f9f9f9; border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; } .aside .content-box .item:hover { border-bottom-color: #fe6507; } .aside .content-box .item .img { height: 126px; width: 100%; } .aside .content-box .item .bot { /*课程*/ height: 57px; padding: 0 12px; overflow: hidden; } .aside .content-box .item .bot .name { color: #333; margin-top: 10px; font-weight: bold; } .aside .content-box .item .bot .txt { font-size: 12px; color: #999; margin-top: 8px; } .aside .content-box .item .bot .txt .font { display: inline-block; max-width: 12em; } .aside .content-box.school .item .bot .txt .font { max-width: none; } .aside .content-box .item .bot .txt .number { color: #fe6507; /*margin-right: 20px; */ } .aside .news { padding-top: 10px; margin-bottom: 44px; } .aside .news .link { margin-top: 0; margin-bottom: 12px; } .aside .icons-box { font-size: 0; margin-top: 17px; margin-bottom: 20px; } .aside .icons-box .icon { display: inline-block; margin-right: 5px; line-height: 26px; border: 1px solid #f7f7f7; color: #333; padding: 0 10px; font-size: 14px; margin-bottom: 12px; border-radius: 4px; } .aside .icons-box .icon:hover { border-color: #12bfaf; color: #12bfaf; } .select-result { height: 73px; line-height: 73px; background-color: #f7f7f7; } .select-result .content { padding-left: 80px; } .select-result .tex { position: absolute; left: 0; top: 0; font-size: 14px; color: #666; } .select-result .res { float: left; height: 28px; line-height: 28px; border-radius: 4px; border: 1px solid #12bfaf; font-size: 14px; color: #12bfaf; padding-left: 12px; padding-right: 20px; margin-top: 22px; margin-right: 12px; cursor: pointer; } .mid-nav { min-height: 36px; background-color: #fff; } .mid-nav .content { min-height: 36px; padding: 18px 0; overflow: hidden; } .mid-nav .content .item.name { /*color: #666;*/ } .mid-nav .content .item { float: left; line-height: 36px; position: relative; font-size: 16px; color: #333; padding: 0 12px; } .mid-nav .content.lh-i .item { line-height: inherit; padding: 0; } .BGfa .block-slide.v3 .content.lh-i .item { background-color: #f9f9f9; } .mid-nav .content .item:hover { color: #12bfaf; } /*.mid-nav .content.bb{ height: 55px; }*/ .mid-nav .content .item.cur, .mid-nav .content .item.cur:hover { background-color: #22c3b4; color: #fff; } /*end-课程列表*/ /*start-话题频道*/ .com-titel.ct0 { margin: 0; padding-bottom: 14px !important; border-bottom: 1px solid #eee; margin-bottom: 22px !important; } .com-titel.ct0.no-margin { margin: 0 !important; } .main-box .anchor-list, .anchor-list-box { margin-bottom: 27px; } .main-box .anchor-list .link, .anchor-list-box .link { display: block; margin-bottom: 22px; padding-bottom: 20px; padding-right: 55px; border-bottom: 1px solid #eee; cursor: pointer; } .main-box .anchor-list .link .name, .anchor-list-box .link .name { font-size: 16px; font-weight: bold; color: #12bfaf; } .main-box .anchor-list .link:hover .name, .mid-link-list .item .top:hover .name, .anchor-list-box .link:hover .name { color: #fe6507; } .main-box .anchor-list .link .text, .anchor-list-box .link .text { font-size: 14px; line-height: 24px; max-height: 48px; color: #666; margin: 15px 0; } .main-box .anchor-list .link .text { padding-right: 72px; } .main-box .anchor-list .link .text span, .anchor-list-box .link .text span { margin-right: 8px; } .img-txt { color: #999; } .img-txt .img:last-of-type { margin-right: 0; } .img-txt .img { width: 26px; height: 26px; border-radius: 50%; vertical-align: middle; margin-right: 2px; } .img-txt span { vertical-align: middle; margin: 0 8px; } /*end-话题频道*/ /*start-话题频道-话题详情*/ .pr32 { padding-right: 32px; } .mid-box01 { line-height: 72px; background-color: #f7f7f7; } .mid-box01 .nav-details { padding: 0; margin-top: 0; } .main-box .left .headline { margin-top: -14px; padding-bottom: 18px; border-bottom: 1px solid #eee; } .main-box .left .headline .h1 { font-weight: normal; line-height: 1.25; font-size: 26px; color: #12bfaf; } .headline .img-txt { margin-top: 12px; } .headline .img-txt span:first-child { margin-left: 0; } .answer-box { border-bottom: 1px solid #eee; } .answer-box .person { padding-left: 61px; height: 88px; position: relative; padding-top: 28px; } .answer-box .person .img { width: 48px; height: 48px; position: absolute; left: 0; top: 20px; border-radius: 50%; } .answer-box .person .txt1 { font-weight: bold; color: #333333; } .answer-box .person .date { position: absolute; color: #999; right: 0; top: 20px; } .answer-box .person .txt2 { margin-top: 7px; color: #999; } .answer-box .textarea { color: #666; line-height: 34px; margin-bottom: 40px; max-height: 510px; min-height: 210px; height: 410px; overflow: hidden; position: relative; } .answer-box .textarea .text-box { height: auto; padding-right: 80px; font-size: 16px; } .answer-box .textarea .more { display: none; position: absolute; bottom: 0; left: 0; color: #12bfaf; line-height: 34px; height: 34px; background: #fff; width: 100%; } .answer-box .textarea .more:after { content: ''; display: inline-block; height: 12px; width: 12px; background: url(../images/icon.png) no-repeat; background-position: 0 -169px; margin-left: 3px; } .answers .answer-box:last-child { border-bottom: none; } .mid-link-list { padding-bottom: 25px; border-bottom: 1px solid #f7f7f7; } .mid-link-list .item { display: block; padding-left: 186px; padding-top: 30px; position: relative; } .mid-link-list .item:last-child .bottom { border-bottom: none; } .mid-link-list .item .top { padding-right: 160px; border-bottom: 1px dashed #efefef; padding-bottom: 12px; margin-bottom: 15px; display: block; } .mid-link-list .item .bottom { border-bottom: 1px solid #f7f7f7; padding-bottom: 30px; } .mid-link-list .item .bottom .blog-meta { font-size: 12px; font-weight: 400; color: #999999; line-height: 25px; margin-top: 20px; } .mid-link-list .item .bottom .top { border-bottom: none; margin: 0; padding: 0; } .mid-link-list .item .top .bottom { border-bottom: none; padding-bottom: 0px; } .mid-link-list .item .bottom .zUI-card { border-top: 1px dashed #efefef; margin-top: 10px; } .mid-link-list .item .img { position: absolute; left: 0; top: 30px; width: 170px; border: solid 1px #f3f3f3; /*max-height: calc(100% - 30px);*/ height: 85px; } .mid-link-list .item .name { font-size: 22px; color: #333; cursor: pointer; } .mid-link-list .item .img-txt { font-size: 12px; color: #f7b113; margin-top: 11px; margin-bottom: 8px; } .mid-link-list .item .img-txt .fa-user { vertical-align: middle; width: 13px; height: 15px; } .mid-link-list .item .img-txt .date-type { color: #12BFAF; margin: 0px; } .mid-link-list .item .img-txt span:first-child { margin-left: 0; } .mid-link-list .item .text { line-height: 22px; color: #666666; max-height: 44px; padding-right: 120px; } .mid-link-list .item .p { margin-top: 12px; font-size: 0; } .mid-link-list .item .p span, .mid-link-list .item .p .more, .mid-link-list .item .p a { font-size: 14px; color: #666666; } .mid-link-list a.span:hover, .mid-link-list .item .p .more:hover { color: #fe6507 !important; } .mid-link-list .item .p .span:last-child:after { border: none; } .mid-link-list .item .p .span:after { content: ''; display: inline-block; width: 0; height: 14px; border-right: 1px solid #e6e6e6; margin: 0 5px 0 7px; vertical-align: -2px; } .mid-link-list .item .p .color01 { margin-right: 5px; } .mid-link-list .item .stars { top: 22px; } .mid-link-list.m1 .item .stars { top: -4px; } .mid-link-list.m1 .item .stars .comment-o { font-size: 12px; } .mews-box { /*复用-多处*/ margin-top: 44px; padding-bottom: 20px; border-bottom: 1px solid #f7f7f7; } .mews-box .h { font-size: 26px; font-weight: bold; color: #333333; border-bottom: 1px solid #f7f7f7; height: 52px; line-height: 52px; padding-right: 19px; overflow: hidden; } .mews-box.m1 .item .content .h { font-size: 18px; } .mews-box .more { margin-top: 6px; font-weight: normal; font-size: 14px; color: #999999; } .mews-box .item:nth-child(2n) { border: none; } .mews-box .item:nth-child(2n) .h { padding-left: 16px; } .mews-box .item:nth-child(2n) .content { padding-left: 16px; } .mews-box .item { float: left; width: 50%; padding-bottom: 25px; border-right: 1px solid #f7f7f7; } .mews-box .item .content { padding-top: 5px; padding-right: 19px; } .mews-box .content1 .link { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mews-box .content1 .link:nth-child(2n - 1) { padding-right: 85px; } .mews-box .content1 .link:nth-child(2n - 1) .date { right: 45px; } .mews-box .content1 .link:nth-child(2n) { padding-left: 59px; } .mews-box .content1 .link:nth-child(2n):before { left: 45px; } /*end-话题频道-话题详情*/ /*start-学校列表*/ .mid-link-list.m1 { padding-bottom: 0; margin-bottom: 27px; } .mid-link-list.m1 .item { padding-top: 0; margin-bottom: 30px; } .mid-link-list.m1 .item:last-child { margin-bottom: 0; } .mid-link-list.m1 .item .img { top: 0; } .aside .content-box.school .item .bot { height: 44px; line-height: 44px; } .aside .content-box.school .item .bot .txt1 { line-height: 44px; } .aside .content-box.school .item .bot .txt { margin-top: 0; } .aside .content-box.school .item .bot .txt .font { font-size: 14px; color: #333; } /*end-学校列表*/ /*start-网站地图*/ .mid-box02 { padding-left: 30px; padding-right: 40px; padding-bottom: 84px; } .h2 { font-size: 16px; color: #333; padding-top: 40px; margin-bottom: 4px; } .link-line { border-bottom: 1px solid #f9f9f9; font-size: 0; padding: 11px 0; } .link-line .item { display: inline-block; font-size: 14px; color: #999; padding: 4px 0; margin-right: 35px; } .h3 { font-size: 14px; font-weight: bold; margin-top: 16px; color: #12bfaf; } /*end-网站地图*/ /*start-最新文章*/ .mid-box03 { padding: 5px 25px 84px; } .mews-box.m0 { margin-bottom: 25px; margin-top: 0; } .mews-box.m1 { margin-top: 30px; padding-bottom: 0; border: none; } .mews-box.m0 .item, .mews-box.m1 .item { border-right: none; } .mews-box.m1 .item { padding-bottom: 0; } .mews-box.m0 .item .content, .mews-box.m1 .item .content { padding-right: 0; } .mews-box.m0 .item.i1 .content { padding-right: 104px; } .mews-box.m0 .item.i2 .content { padding-left: 104px; } .mews-box.m1 .item.i1 .content { padding-right: 45px; } .mews-box.m1 .item.i2 .content { padding-left: 45px; } /*end-最新文章*/ /*start-学校主页*/ .page-nav { height: 80px; font-size: 0; padding-left: 164px; } .page-nav .page-logo { position: absolute; left: 0; width: 120px; height: 60px; top: 50%; margin-top: -30px; } .page-nav .nav-main { color: #333; line-height: 80px; height: 80px; font-size: 0; float: left; } .page-nav .nav-main .item { font-size: 15px; margin-right: 27px; } .page-nav .nav-main .item.cur, .page-nav .nav-main .item:hover { color: #fe6507; } .page-nav .search-box { float: left; font-size: 15px; color: #333; width: 247px; height: 43px; line-height: 43px; background-color: #f9f9f9; border-radius: 22px; position: relative; overflow: hidden; padding-left: 16px; padding-right: 40px; margin-top: 10px; } .page-nav .search-box input { display: block; padding: 0; margin: 0; width: 100%; border: none; line-height: 43px; background: none; height: 43px; } .page-nav .search-box .btn { position: absolute; right: 0; top: 0; width: 50px; height: 43px; border: none; background: none; padding: 0; margin: 0; } .page-nav .search-box .btn i { display: inline-block; width: 16px; height: 16px; background: url(../images/icon.png) no-repeat; background-position: -16px -116px; position: relative; top: 1px; } .page-nav .right { position: absolute; right: 0; top: 21px; margin: 0; } .left-absolute { position: absolute; width: 145px; background-color: #f7f7f7; text-align: center; font-size: 16px; display: block; border-radius: 0; border: none; left: 0; top: 33px; /*padding-bottom: 100px;*/ min-height: 270px; padding-bottom: 15px; } .left-absolute.fixed { position: fixed; left: 0; top: 80px; z-index: 1200; } .left-absolute .h { height: 38px; line-height: 38px; color: #fff; background-color: #fe6507; } .left-absolute .container { padding-top: 5px; } .left-absolute .container .anchor { display: block; color: #333; line-height: 42px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 12px; } .left-absolute .container .anchor:hover { color: #fe6507; } .mid-center { padding-left: 200px; position: relative; } .block-slide.v2 { height: auto; } .block-slide.v2 .content { position: static; height: auto; white-space: normal; } .block-slide.v2 .content .item { margin-bottom: 16px; width: 238px; margin-right: 15px; height: 202px; } .block-slide.v2 .content .item:nth-child(4n) { margin-right: 0; } .block-slide.v2 .content .item .img { display: block; height: 140px; } .block-slide.v2 .content .item .txt { font-size: 12px; position: relative; } .block-slide.v2 .content .item .bot { padding: 10px 12px; } .phone-box { display: block; } .logo-and-text { position: relative; min-height: 120px; padding-left: 212px; padding-right: 200px; } .logo-and-text a { text-decoration: none !important; } .logo-and-text .mid-logo { position: absolute; left: 0; top: 0; width: 200px; height: 100px; border: 1px solid #e6e6e6; } .logo-and-text .name { font-size: 20px; color: #333; font-weight: bold; margin-bottom: 12px; } .logo-and-text .text-area { line-height: 22px; color: #666; max-height: 66px; overflow: hidden; text-align: justify; } .logo-and-text .text-area .more { margin-left: 8px; } .logo-and-text .right { position: absolute; right: 0; top: 0; } .phone-box .phone { font-size: 16px; margin-top: 7px; } .logo-and-text .right .zixun { display: block; margin-top: 12px; width: 161px; height: 42px; line-height: 42px; background-color: #12bfaf; border-radius: 4px; font-size: 16px; color: #fff; text-align: center; } .logo-and-text .right .zixun:hover { background-color: #1ca99c; } .img-list-box .item { float: left; width: 241px; margin-right: 12px; background-color: #fafafa; height: 171px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #efefef; } .img-list-box .item:hover { border-bottom: 2px solid #fe6507; } .img-list-box.v3 .item a { text-decoration: none !important; } .img-list-box .item:nth-child(4n) { margin-right: 0 !important; } .img-list-box .item .img { width: 100%; height: 130px; } .img-list-box .item .name { height: 38px; line-height: 38px; padding: 0 12px; font-size: 14px; color: #333; } .photos-box { overflow: hidden; font-size: 0; } .photos-box .img { width: 244px; margin-right: 7px; height: 182px; } .photos-box .img:nth-child(4n) { margin-right: 0; } .mid-map { position: relative; padding-left: 533px; height: 402px; background-color: #fafafa; } .mid-map .img { position: absolute; left: 0; top: 0; width: 533px; height: 402px; } .mid-map .specific { height: 100%; overflow-y: auto; } .mid-map .specific .headline { padding: 20px 30px 18px; border-bottom: 1px solid #e9e9e9; } .mid-map .specific .headline .h { font-size: 16px; font-weight: bold; color: #333; margin-bottom: 6px; } .mid-map .specific .headline .txt { font-size: 14px; color: #12bfaf; } .mid-map .specific .item { margin: 0 20px; border-bottom: 1px solid #e9e9e9; padding-top: 18px; padding-bottom: 16px; padding-left: 8px; padding-right: 8px; position: relative; overflow: hidden; height: 40px; } .mid-map .specific .item:hover { background-color: #f4f4f4; } .mid-map .specific .item.cur { height: auto; background: #fff; } .mid-map .specific .item:after { content: ''; position: absolute; width: 11px; height: 7px; top: 20px; right: 14px; background: url(../images/icon.png) no-repeat; background-position: -15px -139px; } .mid-map .specific .item.cur:after { background-position: 0 -115px; } .mid-map .specific .item .name, .address-list .item .name { font-size: 16px; color: #12bfaf; position: relative; } .mid-map .specific .item .name i, .address-list .item .name i { position: absolute; left: 2px; top: 1px; width: 13px; height: 15px; background: url(../images/icon.png) no-repeat; background-position: 0 -74px; } .mid-map .specific .item.cur .name { color: #fe6507; } .mid-map .specific .item.cur .name i { background-position: -16px -74px; } .mid-map .specific .item .text, .address-list .item .text { font-size: 14px; color: #999; line-height: 20px; height: 20px; margin: 5px 0 6px; } .mid-map .specific .item.cur .text { height: auto; } .mid-map .specific .item .path { margin-top: 20px; } .mid-map .specific .item .btn-div, .address-list .item .btn-div { overflow: hidden; line-height: 32px; } .mid-map .specific .item .btn-div .color01:hover, .address-list .item .btn-div .color01:hover { color: #fe6507 !important; } .mid-map .specific .item .btn-div .btn, .address-list .item .btn-div .btn { float: left; width: 129px; height: 32px; line-height: 32px; background-color: #12bfaf; border-radius: 4px; text-align: center; font-size: 12px; color: #fff; margin-right: 22px; } .mid-map .specific .item .btn-div .btn:hover, .address-list .item .btn-div .btn:hover { background-color: #1ca99c; } .mid-box04 { border-bottom: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; position: relative; height: 74px; padding: 30px 0; padding-left: 225px; } .mid-box04 .left-num { position: absolute; left: 0; top: 30px; width: 159px; height: 75px; border-right: 1px solid #ebebeb; padding-left: 35px; } .mid-box04 .left-num .num { font-size: 46px; color: #fe6507; } .mid-box04 .left-num .txt { margin-top: 8px; font-size: 14px; color: #999999; } .mid-box04 .name { font-size: 18px; color: #333; } .mid-box04 .starts-box { margin-top: 12px; } .mid-box04 .starts-box, .mid-box04 .text-list { font-size: 0; } .mid-box04 .starts-box span { font-size: 12px; color: #666666; margin-right: 25px; } .mid-box04 .starts-box .color02 { margin-right: 25px; } .com-star { vertical-align: -3px; } .mid-box04 .starts-box .com-star { margin-left: -15px; } .mid-box04 .text-list { margin-top: 15px; } .mid-box04 .text-list span { font-size: 12px; color: #999; } .mid-discuss { padding-top: 14px; padding-bottom: 25px; border-bottom: 1px solid #f5f5f5; } .mid-discuss .child-item { position: relative; padding-left: 87px; } .mid-discuss .child-item .container { padding-right: 160px; padding-top: 37px; padding-bottom: 40px; border-bottom: 1px solid #f5f5f5; } .mid-discuss .child-item .head-img { position: absolute; left: 0; top: 26px; width: 66px; height: 66px; border-radius: 50%; } .mid-discuss .child-item .text { font-size: 0; } .mid-discuss .child-item .words { font-size: 14px; line-height: 22px; color: #666666; margin-top: 20px; margin-bottom: 10px; } .mid-discuss .child-item .text .com-star {} .mid-discuss .child-item .text span { font-size: 12px; color: #666; } .mid-discuss .child-item .text span.color02 { margin-right: 20px; } .mid-discuss .child-item .img-content { font-size: 0; margin-top: 12px; } .mid-discuss .child-item .img-content .img { width: 120px; height: 90px; margin-right: 10px; } .mid-discuss .child-item .date { margin-top: 20px; font-size: 12px; color: #999; } .mid-discuss .child-item .date span { margin-right: 8px; } .mid-discuss .child-item .reply { font-size: 14px; line-height: 22px; color: #999; background-color: #fafafa; padding: 8px 12px; margin-top: 10px; } .mid-discuss .child-item .right-btn { position: absolute; right: 22px; top: 40px; height: 34px; width: 83px; text-align: center; line-height: 34px; background-color: #22c3b4; border-radius: 4px; font-size: 14px; color: #fff; cursor: pointer; white-space: nowrap; } .mid-discuss .child-item .right-btn:hover { background-color: #1ca99c; } .mid-discuss .child-item .right-btn i { display: inline-block; height: 16px; width: 16px; background: url(../images/icon.png) no-repeat; background-position: -15px -91px; vertical-align: -2px; } .mid-discuss .child-item .right-btn span { margin: 0 3px; } .mid-discuss .see-more { display: block; margin: 27px auto 0; width: 161px; height: 42px; line-height: 42px; text-align: center; border-radius: 4px; border: solid 1px #12bfaf; font-size: 16px; color: #12bfaf; } .mid-discuss .see-more:hover { background-color: #22c3b4; color: #fff; } .tab-content.t1 { margin-bottom: 15px; } .footer.type2 { height: 123px; } .footer .font { margin-left: -5px; margin-right: 5px; } .footer span.link:hover { color: #fff !important; } .pageNav { height: 80px; width: 100%; background-color: #fff; box-shadow: 0px 4px 6px 0px rgba(111, 111, 111, 0.2); } .pageNav.fixed { position: fixed; left: 0; top: 0; z-index: 1200; } /*end-学校主页*/ /*start-学校主页-课程列表*/ .block-slide.v3 { height: auto; } .BGfa .block-slide.v3 .content .item { background: #fff; } .BGff .block-slide.v3 .content .item { background: #f9f9f9; } .block-slide.v3 .content .item { /*background: #fff;*/ margin-bottom: 20px; } .block-slide.v3 .content .item:nth-child(4n) { margin-right: 0; } .block-slide.v3 .content { position: static; height: auto; white-space: normal; } .mid-pr { padding-right: 470px; position: relative; } .img-list-box.v2 .item { width: 235px; } .img-list-box.v2 .item:nth-child(3n) { margin-right: 0; } .right-absolute { position: absolute; right: 0; top: 0; width: 450px; } .mews-box.v2 { border: none; padding: 0; } .mews-box.v2 .item { width: 100%; border: none; padding: 0; } .mews-box.v2 .item .content { padding: 0; } /*end-学校主页-课程列表*/ /*start-学校主页-学校简介*/ .mid-box05 { background: #fff url(../images/bg02.png) repeat-y; background-position: 890px 0; } .left-content { width: 890px; float: left; background-color: #fff; } .left-content2 { width: 890px; float: left; background-color: #fafafa; } .left-content2 .img-x { background: url(../images/bj1.png) no-repeat center center / 100% 100%; height: 324px; margin: 26px 0; text-align: center; } .left-content2 .img-x .img-ul { width: 815px; height: 276px; background: #FFFFFF; opacity: 0.9; border-radius: 8px; margin-top: 24px; display: inline-block; } .left-content2 .img-x .img-ul h2 { font-size: 32px; font-weight: bold; color: #333333; line-height: 34px; margin-top: 28px; } .left-content2 .img-x .img-ul img { margin-top: 10px; width: 150px; height: 76px; object-fit: cover; } .left-content2 .img-x .img-ul .form-sh { width: 184px; height: 44px; padding: 0 14px; box-sizing: border-box; background: #25C4B5; border-radius: 8px; text-align: center; font-size: 16px; font-weight: 400; color: #FFFFFF; line-height: 44px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .left-content2 .img-x .img-ul .item-service__text { font-size: 14px; font-weight: 400; color: #666666; margin-top: 30px; } .Introduce_article { /*padding: 40px;*/ font-size: 16px; line-height: 34px; color: #333; } .right-content { float: right; background-color: #fff; width: 304px; } .right-content .aside { padding: 24px; } /*end-学校主页-学校简介*/ /*start-学校主页-学校地址*/ .side-titel.s2 { padding-left: 28px; padding-top: 28px; } .address-list { /*border-bottom: 1px solid #eee;*/ /*padding: 0 28px;*/ margin: 20px 40px 40px 28px; } .address-list .item { display: block; position: relative; /*padding: 15px 28px;*/ border: solid 1px #eaeaea; border-radius: 8px; margin-bottom: 20px; padding: 20px 26px 14px 44px; } .address-list .item:last-child { margin-bottom: 0; } .address-list .item .text { height: auto; margin: 8px 0 11px; } .address-list .item .text.t1 { margin-bottom: 0; padding-bottom: 11px; border-bottom: 1px dashed #eaeaea; } .address-list .item .text { padding-right: 160px; text-align: justify; } .address-list .item .path { margin-top: 12px; } .address-list .item .btn-div { position: absolute; right: 26px; bottom: 25px; } .address-list .item .btn-div .btn { margin: 0; } .address-list .item .name { left: -22px; } /*end-学校主页-学校地址*/ /*start-学校主页-学校地址-校区详情*/ .map-div, .Introduce_article .map-div { width: 600px; height: 280px; margin: 20px 0; text-indent: 0; } .address-list.v2 { padding-right: 0; padding-left: 28px; border-bottom: none; margin: 0; padding-right: 40px; margin-top: 22px; } .address-list.v2 .item .text { max-height: 40px; } .address-list.v2 .item { float: left; width: calc(50% - 10px); padding-right: 28px; min-height: 100px; padding-top: 8px; margin-bottom: 20px; cursor: pointer; padding-left: 20px; padding-top: 18px; padding-bottom: 0; margin-right: 20px; } .address-list.v2 .item:nth-child(2n) { margin-right: 0; } .address-list .item:hover .name { color: #fe6507; } .address-list .item:hover .name i { background-position: -16px -74px; } .address-list.v2 .item .name { left: 0; } .address-list.v2 .item .img { width: 140px; height: 100px; } .address-list.v2 .item .text { padding: 0; } /*end-学校主页-学校地址-校区详情*/ /*start-学校资讯、资讯详情*/ .link-list-box { padding-left: 30px; padding-right: 110px; } .link-list-box .item { padding-right: 0; padding-top: 8px; padding-left: 248px; height: 183px; } .link-list-box .item .img { width: 230px; height: 160px; } .link-list-box .item .name { font-size: 18px; } .link-list-box .item .details { bottom: 26px; left: 248px; } .nav-details.n2 { margin-top: 0; padding: 21px 0; } .block-slide.b0 .content .item { width: 223px; margin-right: 16px; } .block-slide.b0 .content .item .img { height: 130px; } .side-titel .more { font-weight: normal; font-size: 16px; } .artical-head { border-bottom: 1px solid #f3f3f3; margin-bottom: 23px; padding-bottom: 28px; } .artical-head h1 { text-indent: 0; font-weight: normal; font-size: 30px; line-height: 30px; margin-bottom: 12px; } .artical-head .txt-num { margin-top: 12px; } .Introduce_article.v2 .font { font-size: 16px; font-weight: bold; line-height: 22px; color: #fe6507; margin-bottom: 12px; } .Introduce_article.i1 p, .Introduce_article.i1 div { margin-bottom: 10px; } .txt-num { font-size: 0 !important; text-indent: 0 !important; line-height: normal !important; } .txt-num span { font-size: 12px !important; color: #999999 !important; margin-right: 22px !important; } .change-page { font-size: 0; height: 110px; background-color: #fafafa; margin: 0 40px; text-align: center; margin-bottom: 25px; overflow: hidden; } .change-page .btn { margin-top: 31px; display: inline-block; height: 47px; line-height: 47px; background-color: #ffffff; border-radius: 4px; border: solid 1px #f1f1f1; min-width: 304px; max-width: 424px; font-size: 14px; color: #333; padding: 0 8px; } .change-page .btn:first-child { margin-right: 12px; } .Introduce_article.v2 p, .Introduce_article.v2 div { font-size: 16px; line-height: 24px; font-family: "微软雅黑", "宋体" } /*end-学校资讯、资讯详情*/ /*start-学校主页-招生问答*/ .anchor-list-box { padding-left: 28px; padding-right: 78px; padding-top: 10px; } .anchor-list-box .link:first-child { border-top: 1px solid #eee; padding-top: 20px; } .anchor-list-box .link { position: relative; padding-right: 40px; padding-bottom: 22px; } .anchor-list-box .link .date { /*position: absolute; right: 0; top: 5px;*/ font-size: 14px; color: #999999; } .anchor-list-box .link .text { height: auto; text-align: justify; padding-bottom: 10px; line-height: 22px; margin-top: 10px; max-height: none; padding: 0; } .mid-box-s { position: relative; margin-top: 40px; z-index: 1200; } /*end-学校主页-招生问答*/ .mid-box06 { padding-left: 30px; padding-right: 55px; } .mid-box06 .mid-discuss { padding-bottom: 0; } .mid-box06 .mid-discuss .child-item:last-child .container { border-bottom: none; } .mid-box06 .mid-discuss .child-item .right-btn { right: 0; } /*start-学校主页-学校师资*/ .photo-list-box { padding: 0 28px; } .photo-list-box .item { background-color: #fafafa; width: 242px; height: 60px; position: relative; float: left; padding: 168px 12px 18px; margin-right: 18px; margin-bottom: 40px; border-bottom: 1px solid #efefef; height: 247px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .photo-list-box .item:hover { border-bottom: 2px solid #fe6507; } .photo-list-box .item:nth-child(3n) { margin-right: 0; } .photo-list-box .item .img { position: absolute; left: 0; top: 0; width: 100%; height: 156px; } .photo-list-box .item .h { font-size: 16px; color: #333333; margin-bottom: 8px; } .photo-list-box .item .p { margin-top: 5px; font-size: 12px; line-height: 18px; max-height: 36px; color: #999999; } .Introduce_article.v2 div { text-indent: 0; } /*.Introduce_article.v2 p{ margin: 12px 0; }*/ .photo-list-box.v2 .item { padding-bottom: 6px; margin-bottom: 20px; height: 200px; } /*end-学校主页-学校师资*/ /*start-学校主页-学校相册-相册详情*/ .photo-swiper-box { padding: 0 30px; margin-bottom: 85px } .photo-swiper-box .top-div { height: 420px; position: relative; width: 100%; text-align: center; font-size: 0; overflow: hidden; } .photo-swiper-box .top-div .img-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 0; position: relative; width: 100%; height: 100%; vertical-align: middle; font-size: 0; overflow: hidden; } .photo-swiper-box .top-div img { max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none; } .photo-swiper-box .top-div img.cur { display: block; } .photo-swiper-box .top-div .btn-on.pre { left: 0; } .photo-swiper-box .top-div .btn-on.next { right: 0; } .photo-swiper-box .top-div .btn-on { display: block; background-color: #22c3b4; } .photo-swiper-box .top-div .btn-on:hover { background-color: #fe6507 !important; } .photo-swiper-box .slide-box { height: 100px; position: relative; overflow: hidden; } .photo-swiper-box .slide-box .content { height: 100%; position: absolute; min-width: 100%; left: 0; top: 0; white-space: nowrap; font-size: 0; } .photo-swiper-box .slide-box .content .item { display: inline-block; height: 100%; width: 150px; margin-right: 7px; cursor: pointer; opacity: .3; background-repeat: no-repeat; background-size: cover; background-position: center center; } .photo-swiper-box .slide-box .content .item.cur { opacity: 1 !important; position: relative; z-index: 1; } .photo-swiper-box .slide-box .content .item:hover { opacity: .5; } /*end-学校主页-学校相册-相册详情*/ /*start-课程详情*/ .fit2 img, .fit img { /*模板交互动画*/ -o-transition: ease .5s; -ms-transition: ease .5s; -moz-transition: ease .5s; -webkit-transition: ease .5s; transition: ease .5s; } .top-msg-box { /*min-height: 310px;*/ padding-bottom: 40px; overflow: hidden; padding-left: 440px; position: relative; padding-top: 42px; padding-right: 46px; } .top-msg-box .img { position: absolute; left: 28px; width: 388px; height: 242px; top: 30px; } .top-msg-box .txt { font-size: 28px; color: #333; margin-bottom: 15px; } .top-msg-box .txt h1 { width: 550px; font-weight: normal; } .top-msg-box .txt .data { position: relative; font-size: 14px; color: #999; margin-top: 12px; } .top-msg-box .txt1 { font-size: 16px; clear: both; margin-bottom: 11px; } .top-msg-box .txt1 span { margin-left: -5px; } .top-msg-box .line-text { position: relative; padding-left: 78px; font-size: 14px; line-height: 22px; min-height: 22px; color: #666; margin-bottom: 6px; padding-right: 160px; text-align: justify; } .top-msg-box .line-text .p { display: block; -webkit-line-clamp: inherit; text-overflow: inherit; } .top-msg-box .line-text .exp { position: absolute; left: 0; top: 0; color: #999; } .top-msg-box .line-text .span { margin-right: 16px; } .top-msg-box .btn-div { font-size: 0; margin-top: 35px; } .top-msg-box .btn-div .phone-num { font-size: 20px; color: #12bfaf; padding-right: 160px; margin-top: 12px; } .top-msg-box .btn-div .phone-num:before { content: ''; display: inline-block; width: 25px; height: 25px; background: url(../images/icon.png) no-repeat; background-position: -16px -161px; vertical-align: -5px; margin-right: 6px; } .anc-nav { height: 66px; padding: 0 28px; line-height: 66px; /*padding-top: 13px;*/ font-size: 0; overflow: hidden; } .anc-nav .item { float: left; font-size: 18px; cursor: pointer; margin-right: 30px; } .anc-nav .item.cur { font-weight: bold; font-size: 18px; } .logo-img { height: 66px; position: relative; padding-left: 114px; } .logo-img .img { position: absolute; width: 100px; height: 50px; left: 0; top: 0; border-radius: 4px; border: 1px solid #efefef; } .logo-img .h { padding-top: 4px; font-size: 18px; line-height: 1.2; color: #333; font-weight: bold; display: block; } .txt-num-box { font-size: 0; margin-top: 2px; } .txt-num-box .child { display: inline-block; max-width: 84px; overflow: hidden; text-align: center; border-right: 1px solid #dcdcdc; height: 44px; padding-top: 3px; } .txt-num-box .child.ch1 { padding-right: 20px; } .txt-num-box .child.ch2 { padding-left: 20px; padding-right: 20px; } .txt-num-box .child.ch3 { padding-left: 20px; border-right: none; } .txt-num-box .child .txt { font-size: 14px; color: #999; } .txt-num-box .child .num { margin-top: 12px; font-size: 16px; color: #666; } .aside .introduce { font-size: 14px; line-height: 22px; color: #333; height: 88px; margin-top: 16px; -webkit-line-clamp: 4; text-align: justify; } .yuyue { /*position: fixed; z-index: 555555555; left: 10px; top: 10px; width: 340px; height: 420px; */ font-size: 14px; background: #fff; border-radius: 6px; } .yuyue .bg { height: 122px; box-sizing: border-box; background: url(../images/yuyue.png) no-repeat center center / 100% 100%; text-align: center; color: #fff; padding-top: 52px; margin-bottom: 30px; } .yuyue .close { position: absolute; right: 20px; top: 17px; width: 13px; height: 13px; background: url(../images/icon.png) no-repeat; background-position: 0 -124px; cursor: pointer; } .yuyue .h { font-size: 24px; } .yuyue .font { margin-top: 10px; } .yuyue .input { margin: 10px 30px; height: 40px; line-height: 40px; background-color: #fafafa; border-radius: 6px; overflow: hidden; padding: 0 10px; } .yuyue input { height: 100%; width: 100%; } .yuyue .btn { background-color: #12bfaf; color: #fff; margin-top: 20px; } .mid-map.m1 { padding-left: 505px; } .mid-map.m1 .img { width: 505px; } .mid-map.m1 .specific .item { margin: 0; padding-left: 18px; } .mid-map.m1 .specific .item.cur .path, .mid-map.m1 .specific .item.cur .text, .mid-map.m1 .specific .item.cur .btn-div { padding-left: 22px; } .photo-list-box.p1 { padding: 0; } .photo-list-box.p1 .item { width: 240px; } .yuyue2 { height: 180px; background: url(../images/bg11.png) no-repeat center center; padding: 42px 26px 0; } .yuyue2 .h { color: #fff; font-size: 0; } .yuyue2 .h .font1 { font-size: 30px; margin-right: 5px; } .yuyue2 .h .font2 { font-size: 14px; color: #ffffff; opacity: 0.5; } .yuyue2 .input-div { font-size: 0; margin-top: 15px; } .yuyue2 .input-div input { height: 46px; line-height: 46px; background-color: #ffffff; border-radius: 8px; width: 312px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; font-size: 14px; margin-right: 5px; } .yuyue2 .input-div input.btn { width: 134px; color: #fff; text-align: center; background-color: #fe6507; } /*end-课程详情*/ /*start 404、500错误页面*/ .error-img { display: block; margin: 50px auto 27px; } .error-tip .h { font-size: 32px; color: #666; } .error-tip .txt { margin-top: 26px; } .error-tip a { display: inline-block; height: 12px; line-height: 11px; font-size: 14px; color: #999; } .error-tip .a1 { color: #12bfaf; padding-right: 8px; border-right: 1px solid #e2e2e2; margin-right: 8px; } .search-div { width: 467px; height: 38px; background-color: #ffffff; border-radius: 19px; border: solid 1px #12bfaf; padding-left: 18px; padding-right: 84px; margin: 60px auto 30px; } .search-div .input { height: 36px; line-height: 36px; display: block; } .search-div .btn { width: 84px; height: 38px; line-height: 38px; background-color: #12bfaf; } .icon-list { font-size: 0; margin-bottom: 160px; padding-right: 220px; padding-left: 230px; } .icon-list .item { display: inline-block; height: 42px; line-height: 42px; width: 95px; background-color: #f0fbfa; font-size: 14px; color: #12bfaf; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; margin-right: 10px; margin-bottom: 10px; padding: 0 10px; } /*end 404、500错误页面*/ /*start 班级详情、文章详情*/ .textArea { font-family: MicrosoftYaHei; font-size: 14px; line-height: 22px; color: #666666; } .page-mid { padding: 44px 170px 22px 190px; position: relative; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; min-height: 80px; } .page-mid a { text-decoration: none !important; } .page-mid .link { position: absolute; top: 50px; right: 0px; font-size: 18px; color: #333333; width: 165px; height: 54px; line-height: 54px; text-align: center; background-color: #fafafa; } .page-mid .mid-logo { position: absolute; left: 0; top: 25px; width: 190px; height: 95px; background-color: #ffffff; border: solid 1px #f1f1f1; overflow: hidden; } .page-mid .mid-logo img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .text-number-div { padding: 0 17px; } .text-number-div .item { display: inline-block; text-align: center; padding: 0 18px; } .text-number-div .item .num { font-size: 18px; color: #fe6507; font-weight: bold; line-height: 34px; } .text-number-div .item .txt { font-size: 14px; color: #666; } .text-div-box { font-size: 14px; line-height: 22px; color: #666666; padding: 30px 0; } .btn-phone-box { overflow: hidden; } .left-content .btn-phone-box { margin-bottom: 55px; } .left-content .btn-phone-box a { text-decoration: none !important; } .btn-phone-box .btn { float: left; width: 170px; color: #fff; font-size: 16px; height: 48px; line-height: 48px; background-color: #fe6507; border-radius: 4px; text-align: center; } .btn-phone-box .phone-box { float: left; margin-top: 4px; margin-left: 34px; } .msg-list-box { font-size: 14px; line-height: 22px; color: #666666; } .msg-list-box .line { margin-bottom: 20px; } .msg-list-box .line:last-child { margin-bottom: 0; } .img-list-box.v3 .item { margin-right: 10px; width: 200px; } .list-box1 { font-size: 0; margin-bottom: 20px; } .list-box1 .item { display: inline-block; vertical-align: middle; line-height: 21px; background-color: #fafafa; font-size: 14px; color: #333333; margin-right: 8px; margin-bottom: 8px; padding: 16px 30px; text-decoration: none; } .select-listt-div { font-size: 0; height: 38px; line-height: 37px; position: relative; overflow: hidden; margin-bottom: 20px; margin-top: -5px; } .select-listt-div .container { font-size: 14px; color: #666; overflow: hidden; height: 37px; border-bottom: 1px solid #eee; white-space: nowrap; } .select-listt-div .opt { cursor: pointer; display: inline-block; vertical-align: top; margin-right: 20px; position: relative; } .select-listt-div .opt:hover { color: #12bfaf; } .select-listt-div .opt.cur:after { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #12bfaf; } .select-listt-div .more { position: absolute; right: 0; top: 1px; height: 36px; font-size: 14px; background-color: #fff; text-align: right; padding-left: 10px; z-index: 2; color: #12bfaf; box-shadow: -10px -5px 10px 0px #fff; } /*end 班级详情、文章详情*/ /*start-富文本默认样式*/ .defaultStyle { padding-left: 28px; padding-right: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .defaultStyle p { font-size: 14px; line-height: 24px; color: #666; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; } .defaultStyle .template, .defaultStyle .template1, .defaultStyle .template2, .defaultStyle .anc-nav { padding-left: 0; padding-right: 0; } .defaultStyle .template p, .defaultStyle .title p, .defaultStyle .template1 p, .defaultStyle .template2 p, .defaultStyle .title p { font-size: inherit; line-height: inherit; color: inherit; margin-block-start: 0; margin-block-end: 0; } .defaultStyle strong { font-weight: bold; } .defaultStyle img { max-width: 680px; } .defaultStyle h1 { font-size: 28px; font-weight: bold; } .defaultStyle h2 { font-size: 24px; font-weight: bold; } .defaultStyle h3 { font-size: 18.72px; font-weight: bold; } .defaultStyle h4 { font-size: 16px; font-weight: bold; } .defaultStyle h5 { font-size: 13.29px; font-weight: bold; } .defaultStyle h6 { font-size: 12px; font-weight: bold; } .defaultStyle h1, .defaultStyle h2, .defaultStyle h3, .defaultStyle h4, .defaultStyle h5, .defaultStyle h6 { margin: .83em 0; line-height: 1.5; } .defaultStyle ul, .defaultStyle ol { margin: inherit; padding: inherit; display: block; list-style: disc; margin: 1em 0; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } .defaultStyle a { color: #136ec2; text-decoration: underline; } .defaultStyle table { width: 100%; border: 1px solid #dfdfdf; } .defaultStyle table p { margin: 0; } .defaultStyle table tr, .defaultStyle table td { border: 1px solid #dfdfdf; } .defaultStyle table td { text-align: left; padding: 0 12px; } /*end-富文本默认样式*/ /*所有资讯页字体跟好学校一致调整*/ .Introduce_article p { text-align: left; font-size: 16px !important; line-height: 28px; } .Introduce_article strong { font-weight: bold; } .Introduce_article table p { text-indent: 0em; } .Introduce_article .template p { font-size: 16px !important; text-indent: 0 !important; } .Introduce_article .title .h { font-size: 24px; line-height: 1.5; } .Introduce_article .template .txt1, .Introduce_article .template .txt2, .Introduce_article .template .txt3, .Introduce_article .template .txt1 p, .Introduce_article .template .txt2 p, .Introduce_article .template .txt3 p { font-size: 16px; } .Introduce_article .title .h>span { display: block; } /* 2021-4-2 */ .block-slide2 { /* height: 246px; */ position: relative; overflow: hidden; clear: both; } .block-slide2 .content { font-size: 0; white-space: nowrap; z-index: 1; display: inline-block; } .block-slide2 .content .item { display: inline-block; vertical-align: top; height: 200px; width: 235px; margin-right: 6px; background-color: #f9f9f9; border-bottom: 1px solid #d9d9d9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .block-slide2 .content .item .img { width: 100%; height: 130px; } .block-slide2 .content .item .bot { padding: 14px 12px 0; } .block-slide2 .content .item .name { font-size: 16px; color: #333333; } .block-slide2 .content .item .txt { font-size: 14px; color: #999999; margin-top: 12px; } .block-slide2 .content .item .txt .font { display: inline-block; /* max-width: 12em; */ max-width: 128px; } .block-slide2 .content .item .txt .number { top: 2px; } .block-slide2 .content .item .number { color: #fe6507; font-size: 12px; position: relative; top: 4px; } .first-column { float: left; margin-left: 10px; } .first-column .post-title { font-size: 16px; font-weight: bold; color: #333333; line-height: 34px; } .first-column .post-new-type { margin-top: 10px; } .first-column .post-new-type span { vertical-align: middle; width: 130px; height: 60px; text-align: center; background: #FFFFFF; border: 1px solid #F3F3F3; text-align: center; display: inline-block; position: relative; } .first-column .post-new-type span img { position: relative; top: 50%; transform: translateY(-50%); object-fit: cover; max-width: 120px; max-height: 50px; } .main-footer { margin-top: 16px; } .main-footer>span { display: inline-block; padding: 0 12px; height: 26px; line-height: 26px; background: #FFFFFF; border: 1px solid #BDE0DD; border-radius: 6px; font-size: 12px; font-weight: 400; color: #12BFAF; } /* 地图 */ .demo_control { margin-top: 10px; } .city-select .SELECT { border: none; margin: 0; border-radius: 0; } .cd_main .SELECT-on, .SELECT-on { position: relative; } .cd_main .SELECT, .SELECT { float: left; margin-top: 3px; border-radius: 3px; text-indent: 5px; height: 22px; margin-left: 10px; width: 90px; } .city-select .SELECT dt { text-align: right; } .cd_main .SELECT-on dt, .SELECT-on dt { z-index: 2; } .xm-select { border: solid 1px #eee; text-align: left !important; line-height: 30px !important; } .city-select .SELECT dt b, .cd_main_left .cdml_maps .campus_list .campus_count .count .SELECT dt b, .cd_course .info .info_tags .slect-div .SELECT dt b { width: calc(100% - 16px); height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cd_main .SELECT dt b, .SELECT dt b { font-size: 14px; color: #666; display: inline-block; vertical-align: middle; } .xm-select b { color: #494949 !important; height: 30px !important; } .city-select .SELECT dt i { background: none; width: 0; height: 0; border-radius: 0; border-top: 4px solid #006cbf; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: none; margin-left: 3px; margin-top: 10px; } .cd_main .SELECT-on dt i, .SELECT-on dt i { background-position: -87px -22px; } .cd_main .SELECT dt i, .SELECT dt i { display: inline-block; vertical-align: middle; height: 12px; width: 14px; background: url(../images/BAIDUMAP/icon_list2.png) no-repeat; background-position: -30px -21px; margin-left: 7px; border: 1px solid #e5e5e5; border-radius: 4px; float: right; margin-top: 4px; } .xm-select i { margin-top: 14px !important; } .cd_main .SELECT dd, .SELECT dd { display: none; position: absolute; width: 97px; background: #fff; z-index: 2; left: 0; border: 1px solid #e5e5e5; border-top: 0; } .xm-select2 { top: 31px !important; } .cd_main .SELECT dd a, .SELECT dd a { line-height: 24px; height: 24px; } .store-list { float: left; width: 960px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-height: 114px; } .store-list .cur { border: 1px solid #12BFAF; color: #12BFAF; background-image: url(../images/BAIDUMAP/selected2.png); background-repeat: no-repeat; background-position: 92px 10px; } .store-list span { padding: 0 10px; box-sizing: border-box; width: 110px; cursor: pointer; height: 30px; line-height: 30px; display: inline-block; border: solid 1px #eeeeee; margin-left: 7px; color: #494949; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 8px; font-size: 14px; text-align: center; } .store-list span { padding: 0 10px; box-sizing: border-box; width: 110px; cursor: pointer; height: 30px; line-height: 30px; display: inline-block; border: solid 1px #eeeeee; margin-left: 7px; color: #494949; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 8px; font-size: 14px; text-align: center; } .store-list2 { display: inline-block; float: right; width: 85px; position: relative; } .store-list2 span { font-size: 14px; color: #666666; cursor: pointer; height: 30px; line-height: 30px; vertical-align: middle; } .store-list2 i { vertical-align: middle; border-right: 4px solid transparent; border-left: 4px solid transparent; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .sMap_div { background: #fff; margin: 0 auto; padding: 10px; width: 1180px; } .sMap_div #BAIDUMAP { display: block; width: 848px; height: 500px; border: 1px solid #d4d4d4; float: left; /* margin-left: -46px; */ } .pano_close { position: absolute; right: 10px; top: 10px; width: 40px; cursor: pointer; height: 40px; line-height: 40px; border-radius: 3px; background-color: rgba(37, 37, 37, .9); background-image: url(http://api0.map.bdimg.com/images/panorama/close.png); background-repeat: no-repeat; background-position: center center; background-size: 90%; } .pano_pc_indoor_exit { position: absolute; right: 60px; top: 10px; width: 89px; cursor: pointer; height: 40px; line-height: 40px; color: #ebedf0; border-radius: 3px; background-color: #252525; background-color: rgba(37, 37, 37, .9); background-image: url(http://api0.map.bdimg.com/images/panorama/indoor_exit.png); background-repeat: no-repeat; background-position: 15px 12px; } .BMap_zoomer { background-image: url(http://api0.map.bdimg.com/images/mapctrls1d3.gif); background-repeat: no-repeat; overflow: hidden; font-size: 1px; position: absolute; width: 7px; height: 7px; } .BMap_stdMpCtrl div { position: absolute; } .BMap_stdMpPan { width: 44px; height: 44px; overflow: hidden; background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat; } .BMap_stdMpPan .BMap_button { height: 15px; width: 15px; } .BMap_panN { left: 14px; top: 0; } .BMap_panN, .BMap_panW, .BMap_panE, .BMap_panS { overflow: hidden; } .BMap_button { cursor: pointer; } .BMap_panW { left: 1px; top: 12px; } .BMap_stdMpZoom { top: 45px; overflow: hidden; } .search-box { width: 290px; height: 48px; background-color: #fff; display: inline-block; position: absolute; top: 8px; right: 8px; box-shadow: 2px 3px 6px 0px #ededed; float: left; } .search-box>div.cur { background-color: #12BFAF; } .sMap_div .search-box>div { width: 20%; height: 48px; display: inline-block; float: left; border-right: 1px solid #eee; cursor: pointer; text-align: center; box-sizing: border-box; padding: 5px; } .pb-7 { padding-bottom: 7px !important; } .search-box>div img { width: 20px; height: 20px; object-fit: cover; display: inline-block; } .sMap_div .search-box>div span { font-size: 12px; color: #333; text-align: center; display: block; /* margin-top: -18px; */ } .search-box>div.cur span { font-size: 12px; color: #fff; } .search-box2 { width: 290px; height: 330px; background-color: #fff; display: inline-block; position: absolute; top: 64px; right: 8px; box-shadow: 2px 3px 6px 0px #ededed; float: left; overflow: auto; } .location-addr { border-bottom: 1px solid #eee; min-height: 58px; cursor: pointer; padding: 12px 13px; box-sizing: border-box; } .location-num img { width: 18px; vertical-align: middle; } .location-num .span1 { color: #333; font-size: 14px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 150px; } .location-num .span2 { color: #333; font-size: 14px; vertical-align: middle; margin-left: 10px; } .location-num .span3 { font-size: 12px; color: #999999; margin-left: 23px; margin-top: 7px; line-height: 1.3; } .demo_control .city-select { display: inline-block; position: initial; left: 0; top: 52px; width: auto; background-color: #fff; box-shadow: none; border-radius: inherit; padding-bottom: 0px; } .cd_main .SELECT dt span, .SELECT dt span { font-size: 12px; color: #666; vertical-align: middle; } .xm-select span { color: #494949 !important; } .city-select .SELECT-on dt i { border-bottom: 4px solid #006cbf; border-top: none; } .city-select .SELECT-on .normal { max-height: 250px; overflow: auto; border-top: 1px solid #e5e5e5; } .cd_main .SELECT-on .normal, .SELECT-on .normal { width: 100%; border: 1px solid #e5e5e5; border-top: 0; } .cd_main .SELECT-on dd, .SELECT-on dd { display: block !important; z-index: 1; top: 20px; left: -1px; } .cd_main .SELECT-on dd a:hover, .SELECT-on dd a:hover { background: #317cec; color: #fff; } .city-select .SELECT-on dd a, .cd_main_left .cdml_maps .campus_list .campus_count .count .SELECT-on dd a, .cd_course .info .info_tags .slect-div .SELECT-on dd a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-indent: 0; padding: 0 10px; box-sizing: border-box; } .cd_main .SELECT-on dd a, .SELECT-on dd a { display: block; width: 100%; line-height: 24px; text-indent: 10px; font-size: 12px; color: #666666; } .mapInfo_label { position: absolute; border: 0; width: 10px; height: 10px; font-size: 12px; border-radius: 15px; user-select: none; } .mapInfo_label span { display: inline-block; line-height: 41px; height: 41px; background-color: #fe7800; box-sizing: border-box; padding-right: 44px; width: 200px; color: #fff; max-width: 200px; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; top: -52px; transform: translateX(-37%); text-align: center; } .mapInfo_label q { width: 44px; display: inline-block; height: 41px; background-image: url(../images/BAIDUMAP/Navigation.png); background-repeat: no-repeat; position: relative; top: -52px; left: 92px; } .mapInfo_label i { display: inline-block; width: 100px; height: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; top: -12px; transform: translateX(-37%); } .mapInfo_label i:after { z-index: -1; position: absolute; top: 0px; left: 70%; margin-left: -25%; content: ''; width: 0; height: 0; border-top: solid 10px #fe7800; border-left: solid 10px transparent; border-right: solid 10px transparent; } .mapInfo_label .point_icon { cursor: pointer; position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #fe7800; border: solid 4px #ffffff; top: 0px; left: 9px !important; overflow: hidden; } .mapInfo_label .msgbox { display: none; position: absolute; top: -100px; left: -127px; width: 313px; height: auto; z-index: 3; } .msgbox .up { width: 313px; height: 12px; background: url(../images/BAIDUMAP/map_box1.png) left top no-repeat; } .msgbox .content { width: 271px; height: auto; border-left: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; padding: 5px 20px; background: #fff; position: relative; } .msgbox .content .name { font-size: 14px; font-weight: bold; color: #2a2a2a; width: 270px; height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 12px; } .msgbox .content .txt { font-family: "宋体"; font-size: 12px; padding-bottom: 10px; } .msgbox .content .txt label { color: #666; } .msgbox .content .txt a { color: #006cbf; } .msgbox .content a { cursor: pointer; } .msgbox .content .closeimg { display: block; position: absolute; width: 10px; height: 10px; top: -7px; right: 8px; cursor: pointer; } .msgbox .down { width: 313px; height: 31px; background: url(../images/BAIDUMAP/map_box3.png) left top no-repeat; } /*滚动条样式*/ .search-box2::-webkit-scrollbar { /*滚动条整体样式*/ width: 8px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } .search-box2::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 3px; -webkit-box-shadow: inset 0 0 5px #A0A0A0; background: #A0A0A0; } .search-box2::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px #F5F5F5; /*轨道边框颜色*/ border-radius: 0; background: #F5F5F5; } .mt-0 { margin-top: 0 !important; } /* 地址--校区详情 */ .defaultStyle2 { padding-left: 28px; padding-right: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .defaultStyle2 h1, .defaultStyle2 h2, .defaultStyle2 h3, .defaultStyle2 h4, .defaultStyle2 h5, .defaultStyle2 h6 { margin: .83em 0; line-height: 1.5; } .defaultStyle2 h1 { font-size: 28px; font-weight: bold; } .Introduce_article2 { /* padding: 40px; */ font-size: 16px; line-height: 34px; color: #333; } .Introduce_article2 p { text-align: left; /* font-size: 16px !important; */ line-height: 28px; } .defaultStyle2 p { font-size: 14px; line-height: 24px; /* color: #666; */ margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; color: #444444; } .map-div, .Introduce_article2 .map-div { width: 600px; height: 280px; margin: 20px 0; text-indent: 0; } .nav-list-wrap { overflow: hidden; } .nav-list-wrap:after, .nav-list-wrap:before { content: ""; display: table; clear: both; } .nav-list-wrap.mone-oh { overflow: initial; } .nav-list-wrap .list { font-size: 14px; font-weight: 400; width: 50%; float: left; } .nav-list-wrap .list .img-Map { vertical-align: middle; } .nav-list-wrap .list .name-Map { vertical-align: middle; color: #999999; } .nav-list-wrap .list .text-Map { vertical-align: middle; color: #444444; } .nav-list-wrap .list2 { font-size: 14px; font-weight: 400; display: inline-block; } .nav-list-wrap .list2 .img-Map { vertical-align: middle; } .nav-list-wrap .list2 .title-Map { vertical-align: middle; height: 12px; font-size: 14px; font-weight: bold; color: #444444; margin-left: 6px; } .nav-list-wrap .list2 .name-Map { vertical-align: top; color: #999999; width: 94px; text-align: right; display: inline-block; } .nav-list-wrap .list2 .text-Map { vertical-align: middle; color: #444444; display: inline-block; width: 730px; line-height: 22px; } .subscribe-form { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #444444; margin-left: 26px; display: inline-block; width: 700px; vertical-align: middle; } .arlo_tm_animation_text_word { width: 100px; display: inline-block; text-align: right; font-size: 12px; font-weight: 400; color: #999999; } .name_holder { font-size: 12px; font-weight: 400; color: #999999; margin-left: 24px; } .anchor_nav { line-height: 20px; margin-bottom: 14px; } .nav-list-wrap .list2 .shouldNotFade { width: 410px; display: inline-block; } .nav-list-wrap .list2 .shouldNotFade .img-Map { vertical-align: top; } .shouldNotSwitch { display: inline-block; font-size: 14px; font-weight: 400; color: #444444; line-height: 28px; margin-left: 4px; margin-top: -4px; } .shouldNotSwitch .title-Map2 { font-size: 14px; font-weight: bold; color: #444444; } /* .gai */ .gai .photos-box { margin: 0 35px; } .gai .photos-box .img { width: 198px; height: 150px; } .gai .com-titel { margin-left: 35px; margin-right: 35px; margin-bottom: 0px; border-bottom: none; } .gai .com-titel.com0 .more { font-size: 14px; font-weight: 400; color: #999999; } /* 相册详情 */ .im_wrapper { padding: 0 30px; } .im_wrapper .curved { width: 180px; height: 180px; display: inline-block; background: #F5F5F5; margin: 0 2px 18px; float: left; } .im_wrapper .curved .img { width: 180px; height: 140px; object-fit: cover; } .im_wrapper .curved .im_name { font-size: 14px; font-weight: 400; color: #666666; height: 40px; line-height: 40px; text-align: center; } .im_wrapper:after, .im_wrapper:before { content: ""; display: table; clear: both; } /* 半透明的遮罩层 */ .overlay { background: rgba(0, 0, 0, .5); filter: alpha(opacity=50); /* IE的透明度 */ opacity: 0.5; /* 透明度 */ display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1300; /* 此处的图层要大于页面 */ display: none; text-align: center; min-width: 1280px; min-height: 720px; } .detailImg_1 { object-fit: cover; max-width: 870px; max-height: 470px; width: 870px; height: 470px; position: relative; top: 50%; transform: translateY(-50%); display: inline-block; } .detailImg_1 .img { object-fit: cover; max-width: 870px; max-height: 470px; /* width: 658px; height: 451px; */ position: relative; top: 50%; transform: translateY(-50%); display: inline-block; } .detailImg_1 .fdr { display: inline-block; background: url(../images/icon/icon2015-1.png) no-repeat; vertical-align: middle; overflow: hidden; position: absolute; top: -40px; cursor: pointer; right: -100px; width: 50px; height: 50px; background-position: 0 -423px; } .detailImg_1 .fdr:hover { width: 50px; height: 50px; background-position: -205px -423px; } .tn3_rh { min-width: 980px; height: 138px; background: #000000; position: absolute; bottom: 0; width: 100%; } .tn3_rh .end { color: #F5F5F5; font-size: 12px; font-weight: 400; line-height: 35px; opacity: 0.8; cursor: pointer; } .tn3_rh .end>span { margin-right: 20px; } .tn3_rh .end .this { color: #3685EB; } .tn3-thumbs { min-width: 980px; width: 100%; overflow: hidden; position: relative; } .tn3-thumbs ul:after, .tn3-thumbs ul:before { content: ""; display: table; clear: both; } .tn3-thumbs ul { position: relative; transition: all 2s; left: 0px; } .tn3-thumbs li { width: 80px; height: 80px; display: inline-block; background-color: #fff; float: left; margin-right: 10px; } .tn3-thumbs li img { width: 100%; height: 100%; object-fit: cover; } .gv_filmstripWrap { width: 980px; text-align: left; display: inline-block; } .gv_filmstrip { position: relative; } .gv_filmstrip .Previous2 { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 24px; height: 42px; display: inline-block; background-color: rgba(51, 51, 51, .8); text-align: center; cursor: pointer; z-index: 999; } .gv_filmstrip .Next2 { position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 24px; height: 42px; display: inline-block; background-color: rgba(51, 51, 51, .8); text-align: center; cursor: pointer; z-index: 999; } .gv_filmstrip .Previous2 img, .gv_filmstrip .Next2 img { position: relative; top: 50%; transform: translateY(-50%); } .detailImg_1 .Previous { display: inline-block; background: url(../images/icon/icon2015-1.png) no-repeat; vertical-align: middle; overflow: hidden; display: inline-block; width: 38px; height: 72px; background-position: -77px -408px; position: absolute; top: 50%; transform: translateY(-50%); left: -100px; cursor: pointer; } .detailImg_1 .Previous:hover { background-position: -282px -408px; } .detailImg_1 .Next { display: inline-block; background: url(../images/icon/icon2015-1.png) no-repeat; vertical-align: middle; overflow: hidden; display: inline-block; width: 38px; height: 72px; background-position: -147px -410px; position: absolute; top: 50%; transform: translateY(-50%); right: -100px; cursor: pointer; } .detailImg_1 .Next:hover { background-position: -352px -410px; } .tn3-thumbs li.this { border: 3px solid #49F; width: 74px; height: 74px; } img { image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } .br-n { border: none !important; } .lh-n { line-height: normal !important; } .mt-30 { margin-top: 30px !important; } .pt-30 { padding-top: 30px !important; } .mid-link-list .item .top.zUI-second-nav { border-bottom: 0px dashed #efefef; padding-bottom: 0px; margin-bottom: 0px; } .SELECT { text-align: left; line-height: 30px; height: 30px; } .select2, .wdateGroup, .TIMER, .select2.Wdate { display: inline-block; vertical-align: top; border-radius: 2px; /* width: 134px; */ } .select2, .select2 dt b, .select2 dt span { display: inline-block; vertical-align: top; } .select2 dt { position: relative; height: 100%; padding-right: 22px; } .SELECT dt b { width: 100px; font-size: 12px; color: #4c4c4c; line-height: 30px; font-weight: normal; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2, .select2 dt b, .select2 dt span { display: inline-block; vertical-align: top; } .select2 dt b { width: 100%; float: none; line-height: inherit; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .select2 dt i, .selBox:after, .inputGroup1 .areaCodeBox .code:after, .nav .online .stat:after { position: absolute; background: none; width: 0; height: 0; right: 10px; top: 50%; margin-top: -2px; border-left: 4.5px solid transparent; border-right: 4.5px solid transparent; border-top: 5px solid #d8d8d8; } .SELECT dt:after { content: ''; display: table; clear: both; visibility: hidden; } .ab-btn { position: absolute; top: 5px; left: 50px; } .clearfix:after { content: ""; display: table; clear: both; } .sendPhoneMap { z-index: 22224; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); display: none; } .yuyue .provingcode { display: flex; align-items: center; margin: 10px 30px; height: 40px; line-height: 40px; } .yuyue .provingcode input { background-color: #fafafa; border-radius: 6px; padding: 0 10px; flex: 1; } .yuyue .provingcode img { width: 100px; margin: 0px 6px; } .yuyue .provingcode span { cursor: pointer; display: inline-block; width: 100px; color: #fff; background: #317cec; line-height: 32px; height: 32px; text-align: center; font-size: 14px; border-radius: 3px; margin: 0px 6px; } .yuyue .provingcode span.sending { opacity: 0.5; cursor: no-drop; } #baidu_jsapi_watermark { opacity: 0 !important; } #baidu_jsapi_watermark div { display: none !important; opacity: 0 !important; width: 0 !important; height: 0 !important; } .sMap_div .search-box, .sMap_div .search-box2 { z-index: 500; } .header-ic_search { color: var(--design-theme-color, #12bfaf); font-size: 16px; } .page-nav .header-ic_phone { position: absolute; right: 0; top: 21px; margin: 0; height: 42px; padding-left: 49px; box-sizing: border-box; padding-top: 3px; } .page-nav .header-ic_phone .text { font-size: 12px; color: #999; } .page-nav .header-ic_phone .phone { font-size: 20px; color: var(--design-theme-color, #12bfaf); margin-top: 3px; } .page-nav .header-ic_phone:before { color: var(--design-theme-color, #12bfaf); font-size: 42px; position: absolute; left: 0; top: 0; }