body { background-color: #fff; } .w { width: 1170px!important; } .para { font-size: 14px; word-wrap: break-word; color: #333; margin-bottom: 15px; text-indent: 2em; line-height: 24px; zoom: 1; } .lemma-picture.text-pic { float: right; width: 220px; margin: 0 0 3px; position: relative; display: inline; border: 1px solid #e0e0e0; overflow: hidden; } .lemma-picture.text-pic img { width: 100%; display: block; } .lemma-picture.text-pic .description { display: block; color: #555; text-align: left; font-size: 12px; text-indent: 0; font-weight: 400; word-wrap: break-word; word-break: break-all; font-style: normal; line-height: 15px; padding: 8px 7px; min-height: 12px; border-top: 1px solid #e0e0e0; } .bg { width: 100%; min-height: 600px; background: url("/zkjaeduyuncom/images/schoolDetail-banner.png") no-repeat top center; margin-bottom: 25px; } .banner { height: 200px; width: 100%; /* background: url("/zkjaeduyuncom/images/schoolDetail-banner.png") no-repeat top center; */ margin-bottom: 15px; } .banner .w { position: relative; padding-left: 160px; height: 100%; padding-right: 260px; } .banner .w .school-logo { position: absolute; width: 108px; height: 108px; overflow: hidden; left: 20px; top: 50%; margin-top: -54px; text-align: center; } .banner .w .school-logo img { max-width: 100%; max-height: 100%; } .banner .w .school-info { /*color: #fffefe;*/ } .banner .w .school-info .school-name { font-size: 50px; line-height: 30px; padding: 38px 0 20px 0; color: #dc3937; font-weight: 700; font-family: "华文行楷"; letter-spacing: -4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .banner .w .school-info .school-url { height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .banner .w .school-info .school-url a { color: #c15950; font-size: 20px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .banner .w .school-info .school-url a:hover { text-decoration: underline !important; } .banner .w .school-info .school-fun { color: #333; font-size: 24px; line-height: 24px; height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* font-weight: 700; */ } .banner .w .school-info .school-views { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .banner .w .school-info .school-views span { font-size: 15px; color: #333; } .banner .w .school-info .school-views span:first-child { margin-right: 10px; } .banner .w .school-info .school-nature, .banner .w .school-info .school-address { font-size: 18px; line-height: 18px; height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .banner .w .school-qrCode { position: absolute; right: -22px; top: 0; width: 300px; } .banner .w .school-qrCode .address-book, .banner .w .school-qrCode .gfwx { float: left; width: 150px; text-align: center; } .banner .w .school-qrCode .address-book img, .banner .w .school-qrCode .gfwx img { display: block; margin: 48px auto 8px; width: 106px; height: 106px; } .banner .w .school-qrCode .address-book span.img, .banner .w .school-qrCode .gfwx span.img { display: block; margin: 48px auto 8px; width: 106px; height: 106px; border: 3px solid #fff; } .banner .w .school-qrCode .address-book span, .banner .w .school-qrCode .gfwx span { color: #c15950; } .content { margin: 15px auto 25px; padding: 29px 0; background-color: #fff; border: 1px solid #e5e5e5; box-shadow: 0 2px 3px -2px #d5d5d5; position: relative; } .content .main-content { float: left; width: 908px; } .content .main-content .feature_poster { margin-bottom: 30px; padding: 0 30px; } .content .main-content .feature_poster .poster .poster-top .lemmaWgt-lemmaTitle { margin-bottom: 10px; } .content .main-content .feature_poster .poster .poster-top .lemmaWgt-lemmaTitle .lemmaWgt-lemmaTitle-title { margin-bottom: 5px; } .content .main-content .feature_poster .poster .poster-top .lemmaWgt-lemmaTitle .lemmaWgt-lemmaTitle-title h1 { margin: 0 10px 0 0; display: inline; font-size: 34px; line-height: 1.15; font-weight: 400; color: #333; } .content .main-content .feature_poster .poster .poster-top .lemma-summary { clear: both; font-size: 14px; word-wrap: break-word; color: #333; margin-bottom: 15px; text-indent: 2em; line-height: 24px; zoom: 1; } .content .main-content .feature_poster .poster .poster-bottom .baseBox .basic-info { marign: 20px 0 35px; background: url("/zkjaeduyuncom/images/basicInfo-bg_7819f20.png"); } .content .main-content .feature_poster .poster .poster-bottom .baseBox .basic-info .basicInfo-block { float: left; width: 424px; margin-bottom: 0; } .content .main-content .feature_poster .poster .poster-bottom .baseBox .basic-info .basicInfo-block .basicInfo-item { line-height: 26px; display: block; float: left; } .content .main-content .feature_poster .poster .poster-bottom .baseBox .basic-info .basicInfo-block .basicInfo-item.name { width: 90px; padding: 0 5px 0 12px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999; } .content .main-content .feature_poster .poster .poster-bottom .baseBox .basic-info .basicInfo-block .basicInfo-item.value { width: 334px; zoom: 1; color: #333; float: left; position: relative; word-break: break-all; } .content .main-content .school-tabs { padding: 0 30px 0 0; } .content .main-content .school-tabs .nav-tabs { width: 875px; background: #60b2d7; height: 42px; } .content .main-content .school-tabs .nav-tabs li { margin: 0; padding-top: 11px; height: 53px; top: -11px; } .content .main-content .school-tabs .nav-tabs li a { display: block; height: 41px; line-height: 41px; font-size: 17px; color: #fff; border: 0; padding: 0; width: 175px; text-align: center; margin: 0; border-radius: 0; position: relative; background-color: transparent; } .content .main-content .school-tabs .nav-tabs li a:after { content: ""; display: block; position: absolute; height: 24px; width: 1px; background-color: #d8dbde; top: 50%; margin-top: -12px; right: 0; } .content .main-content .school-tabs .nav-tabs li:hover { background: url("/zkjaeduyuncom/images/schoolTabsNavTabsLiAc.png") no-repeat top center; } .content .main-content .school-tabs .nav-tabs li:hover a { background-color: #d8dbde; background-color: transparent; line-height: 30px; } .content .main-content .school-tabs .nav-tabs li.active { background: url("/zkjaeduyuncom/images/schoolTabsNavTabsLiAc.png") no-repeat top center; } .content .main-content .school-tabs .nav-tabs li.active a { line-height: 30px; color: #fff; } .content .main-content .school-tabs .nav-tabs li:last-child a:after { display: none; } .content .main-content .school-tabs .tab-content { padding: 0 10px; } .content .main-content .school-tabs .tab-content .tab-pane { /* padding-left: 30px; */ } .content .main-content .school-tabs .tab-content .tab-pane * { max-width: 100%; } .content .main-content .school-tabs .tab-content .tab-pane .para-title.level-2 { display: block; clear: both; zoom: 1; overflow: hidden; border-left: 12px solid #4f9cee; line-height: 24px; font-size: 22px; font-weight: 400; margin: 35px 0 15px -10px; background: url("/zkjaeduyuncom/images/paraTitle-line_c5e6d61.png"); } .content .main-content .school-tabs .tab-content .tab-pane .para-title.level-2 .title-text { float: left; display: block; padding: 0 8px 0 18px; line-height: 24px; font-size: 22px; font-weight: 400; color: #000; background-color: #fff; margin: 0; } .content .main-content .school-tabs .tab-content .tab-pane .para-title.level-3 { clear: both; zoom: 1; margin: 20px 0 12px; line-height: 20px; font-size: 18px; font-weight: 400; } .content .main-content .school-tabs .tab-content .tab-pane .para-title.level-3 .title-text { font-size: 18px; font-weight: 400; margin: 0; } .content .main-content .school-tabs .tab-content .tab-pane .tstit { border-left: 12px solid #4f9cee; line-height: 24px; font-size: 22px; font-weight: 400; padding-left: 20px; margin: 35px 0 15px -10px; } .content .main-content .school-tabs .tab-content .tab-pane#zsjh table tr { height: 30px; } .content .main-content .school-tabs .tab-content .tab-pane#zsjh table td.tdcenter { text-align: center; } .content .main-content .school-tabs .tab-content .tab-pane#xxhd { /*overflow: hidden;*/ } .content .main-content .school-tabs .tab-content .tab-pane#xxhd .school-hd { width: 840px; padding-top: 10px; position: relative; } .content .main-content .school-tabs .tab-content .tab-pane#xxhd .school-hd li { list-style: none; width: 360px; float: left; line-height: 28px; margin: 0px 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .content .main-content .school-tabs .tab-content .tab-pane#xxhd .school-hd li > div { display: block; position: relative; width: 100%; width: 360px; height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .content .main-content .school-tabs .tab-content .tab-pane#xxhd .school-hd .event_info { padding: 0 20px; color: #999999; font-size: 13px; margin: 0; } .content .main-content .school-tabs .tab-content .tab-pane#xxhd .school-hd .event_info p { height: 34px; line-height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content .main-content .school-tabs .tab-content .tab-pane#xxhd .school-hd .event_info p * { color: #333; line-height: 34px; } .content .main-content .school-tabs .tab-content .tab-pane#xxhd .school-hd .event_info .event_name { color: #333; } .content .main-content .school-tabs .tab-content .tab-pane#xxhd .school-hd .event_info a:hover { /* color: #06978e; */ text-decoration: underline !important; } .content .main-content .school-tabs .tab-content .tab-pane#xxhd .school-hd:hover { box-shadow: 0 0 20px 1px rgba(109, 109, 109, 0.3); } .side-content { float: right; width: 260px; padding-right: 20px; position: relative; } .side-content .summary-pic { width: 100%; border: 1px solid #ddd; margin-bottom: 10px; box-shadow: 1px 1px 1px #ccc; position: relative; font-size: 0; line-height: 0; } .side-content .summary-pic a img { display: block; margin: 0 auto; max-width: 100%; } .side-content .summary-pic p { padding: 4px 5px 4px 14px; box-shadow: 0 -1px 1px #ddd; line-height: 23px; color: #333; font-size: 16px; text-align: center; } .side-content .online-consultation { margin-bottom: 10px; } .side-content .online-consultation .btn { height: 32px; line-height: 32px; background-color: #06978e; padding: 0; display: block; width: 100%; color: #fff; } .side-content .side-catalog { width: 240px; height: 456px; /* position: fixed; bottom: 10px; */ position: relative; font-size: 14px; line-height: 19px; } .side-content .side-catalog .side-bar { position: absolute; top: 0; height: 353px; background-color: #eaeaea; width: 2px; left: 5px; } .side-content .side-catalog .side-bar .circle { position: absolute; left: -5px; width: 10px; height: 10px; background: transparent url("/zkjaeduyuncom/images/sideCatalog_a278e02.gif") 0 -199px no-repeat; zoom: 1; overflow: hidden; margin: 0; font-style: normal; } .side-content .side-catalog .side-bar .circle.start { top: 0; } .side-content .side-catalog .side-bar .circle.end { bottom: 0; } .side-content .side-catalog .catalog-scroller { position: absolute; z-index: 1; top: 0; left: 0; height: 340px; overflow: hidden; padding-right: 10px; } .side-content .side-catalog .catalog-scroller .catalog-list { height: auto; position: relative; padding: 15px 0; } .side-content .side-catalog .catalog-scroller .catalog-list .catalog-title { position: relative; margin-bottom: 7px; padding-left: 7px; } .side-content .side-catalog .catalog-scroller .catalog-list .catalog-title.level1 .pointer { position: absolute; display: block; width: 10px; height: 10px; cursor: pointer; margin-top: 4px; left: 0; background: transparent url("/zkjaeduyuncom/images/sideCatalog_a278e02.gif") 3px -222px no-repeat; } .side-content .side-catalog .catalog-scroller .catalog-list .catalog-title.level1 .title-link { color: #555; font-weight: 700; text-decoration: none; } .side-content .side-catalog .catalog-scroller .catalog-list .catalog-title.level1 .title-link .text { padding-left: 10px; line-height: 19px; display: block; } .side-content .side-catalog .catalog-scroller .catalog-list .catalog-title.level1 .title-link .text .title-index { color: #999; font-weight: 700; font-size: 14px; padding-right: 5px; line-height: 19px; } .side-content .side-catalog .catalog-scroller .catalog-list .catalog-title.level1 .title-link .text .title-link { color: #555; font-weight: 700; line-height: 19px; } .side-content .side-catalog .catalog-scroller .catalog-list .catalog-title.level2 .title-link { color: #666; cursor: pointer; } .side-content .side-catalog .catalog-scroller .catalog-list .catalog-title.level2 .title-link .text { padding-left: 22px; line-height: 19px; display: block; } .side-content .side-catalog .catalog-scroller .catalog-list .catalog-title.level2 .title-link .text .title-index { color: #999; font-size: 14px; padding-right: 5px; line-height: 19px; } .side-content .side-catalog .catalog-scroller .catalog-list .catalog-title.level2 .title-link .text .title-link { color: #666; line-height: 19px; } .side-content .side-catalog .catalog-scroller .catalog-list .catalog-title:hover .pointer { background-position: 3px -245px; } .side-content .side-catalog .catalog-scroller .catalog-list .catalog-title:hover .text { background: #f5f5f5; border-radius: 2px; box-shadow: 0 1px 0 #eaeaea; } .side-content .side-catalog .right-wrap { position: absolute; width: 22px; height: 50px; top: 140px; right: 20px; display: none !important; } .side-content .side-catalog .right-wrap .go-up { display: block; width: 22px; height: 25px; background: transparent url("/zkjaeduyuncom/images/sideCatalog_a278e02.gif") no-repeat; background-position: -248px -83px; } .side-content .side-catalog .right-wrap .go-up.disable { background-position: -275px -83px; } .side-content .side-catalog .right-wrap .go-down { display: block; width: 22px; height: 25px; background: transparent url("/zkjaeduyuncom/images/sideCatalog_a278e02.gif") no-repeat; background-position: -248px -108px; } .side-content .side-catalog .right-wrap .go-down.disable { background-position: -248px -108px; } .side-content .side-catalog .bottom-wrap { position: absolute; bottom: 51px; height: 45px; } .side-content .side-catalog .bottom-wrap a { float: left; display: block; width: 45px; height: 45px; cursor: pointer; background: transparent url("/zkjaeduyuncom/images/sideCatalog_a278e02.gif") no-repeat; } .side-content .side-catalog .bottom-wrap .toggle-button { background-position: 0 0; } .side-content .side-catalog .bottom-wrap .gotop-button { margin-left: 8px; background-position: -1px -62px; } .side-content .side-catalog.collapse { height: 96px; display: block; } .side-content .side-catalog.collapse .side-bar { display: none; } .side-content .side-catalog.collapse .catalog-scroller { display: none; } .side-content .side-catalog.collapse .right-wrap { display: none; } .side-content .side-catalog.collapse .bottom-wrap .toggle-button { background-position: -104px 0; } .side-content .side-catalog.collapse .bottom-wrap .toggle-button:hover { background-position: -154px 0; } #bottom_tools { position: fixed; width: 46px; bottom: 35px; left: 50%; margin-left: 615px; z-index: 99999999999999; } #bottom_tools ul.tools-list li.tools-item { width: 46px; height: 46px; color: #fff; cursor: pointer; font-size: 12px; margin-bottom: 6px; position: relative; } #bottom_tools ul.tools-list li.tools-item .div1 { position: absolute; right: 100%; top: 0; border: 1px solid #d2d2d2; background-color: #fff; display: none; width: 130px; } #bottom_tools ul.tools-list li.tools-item .div2 { width: 46px; height: 100%; overflow: hidden; } #bottom_tools ul.tools-list li.tools-item .div2 .inner { width: 92px; height: 46px; transition: all 0.2s ease-in-out; } #bottom_tools ul.tools-list li.tools-item .div2 .inner .icon-span { float: left; width: 46px; height: 100%; background: url("/zkjaeduyuncom/images/bottomTools.png") no-repeat 0 0; } #bottom_tools ul.tools-list li.tools-item .div2 .inner .text-span { height: 100%; width: 46px; float: left; display: table; text-align: center; padding-left: 3px; } #bottom_tools ul.tools-list li.tools-item .div2 .inner .text-span span { display: table-cell; vertical-align: middle; line-height: 16px; letter-spacing: 3px; } #bottom_tools ul.tools-list li.tools-item .div2:hover .inner { margin-left: -46px; } #bottom_tools ul.tools-list li.tools-item.fx .div1 { width: 130px; } #bottom_tools ul.tools-list li.tools-item.fx .div1 h3 { height: 23px; line-height: 23px; background: none repeat scroll 0% 0% #fafafa; border-bottom: 1px solid #ececec; padding: 0px 0px 0px 10px; font-size: 14px; color: #34495e; font-weight: 400; text-align: left; } #bottom_tools ul.tools-list li.tools-item.fx .div1 .fx-list .fx-item a { display: block; padding-left: 70px; height: 20px; line-height: 20px; font-size: 12px; margin: 9px 0; background: url("/zkjaeduyuncom/images/share-icon.png") no-repeat 40px 0; } #bottom_tools ul.tools-list li.tools-item.fx .div1 .fx-list .fx-item a.qq { background-position: 40px -20px; } #bottom_tools ul.tools-list li.tools-item.fx .div1 .fx-list .fx-item a.wx { background-position: 40px -40px; } #bottom_tools ul.tools-list li.tools-item.fx .div1 .fx-list .fx-item a.wb { background-position: 40px -60px; } #bottom_tools ul.tools-list li.tools-item.fx .div2 .inner .icon-span { background-color: #ff6c64; background-position: 0 0; } #bottom_tools ul.tools-list li.tools-item.fx .div2 .inner .text-span { background-color: #ff4a44; } #bottom_tools ul.tools-list li.tools-item.gzwx .div1 { padding: 15px 0; } #bottom_tools ul.tools-list li.tools-item.gzwx .div1 img { display: block; width: 96px; margin: 0 auto; } #bottom_tools ul.tools-list li.tools-item.gzwx .div1 p { color: #999; text-align: center; padding-top: 8px; } #bottom_tools ul.tools-list li.tools-item.gzwx .div2 .inner .icon-span { background-color: #56eda1; background-position: 0 -46px; } #bottom_tools ul.tools-list li.tools-item.gzwx .div2 .inner .text-span { background-color: #33e27e; } #bottom_tools ul.tools-list li.tools-item.zxkf .div2 .inner .icon-span { background-color: #4fa9f8; background-position: 0 -92px; } #bottom_tools ul.tools-list li.tools-item.zxkf .div2 .inner .text-span { color: #fff; background-color: #348bf5; } #bottom_tools ul.tools-list li.tools-item.fhdb .div1 { display: none; } #bottom_tools ul.tools-list li.tools-item.fhdb .div2 .inner { display: block; } #bottom_tools ul.tools-list li.tools-item.fhdb .div2 .inner .icon-span { background-position: 0 -138px; background-color: #949494; } #bottom_tools ul.tools-list li.tools-item.fhdb .div2 .inner .text-span { background-color: #727272; } #bottom_tools ul.tools-list li.tools-item:hover .div1 { display: block; } .interlocution-list { margin-top: 17px; } .interlocution-list .list-item { border-bottom: 1px solid #eee; position: relative; padding: 17px 0 17px 120px; min-height: 82px; } .interlocution-list .list-item .answer, .interlocution-list .list-item .view { height: 45px; border: 1px solid #ddd; text-align: center; color: #009588; background-color: #eaefe0; position: absolute; left: 0px; top: 17px; width: 50px; } .interlocution-list .list-item .answer .p1, .interlocution-list .list-item .view .p1 { line-height: 22px; font-size: 14px; overflow: hidden; } .interlocution-list .list-item .answer .p2, .interlocution-list .list-item .view .p2 { line-height: 22px; font-size: 12px; } .interlocution-list .list-item .view { color: #666; margin: 0 0 0 10px; left: 50px; } .interlocution-list .list-item .info .p1 { font-size: 12px; color: #666; } .interlocution-list .list-item .info .p1 span + span { margin-left: 8px; } .interlocution-list .list-item .info .p2 a { font-size: 16px; color: #333; line-height: 28px; display: inline-block; } .interlocution-list .list-item .info .p2 a:hover { text-decoration: underline !important; } #myQuiz .modal-dialog { min-width: 700px; height: 546px !important; } #myQuiz .modal-header .modal-title { font-size: 16px; } #myQuiz .modal-body { padding-bottom: 20px; } #myQuiz .modal-body .p1 { font-size: 16px; padding-bottom: 9px; } #myQuiz .modal-body .p1 .tips { font-size: 14px; color: #666; } #myQuiz .modal-body .q_desc { padding-bottom: 15px; } #myQuiz .modal-body .q_desc input { width: 100%; line-height: 30px; padding: 0 5px; } #myQuiz .modal-body #txtContent #edui1_iframeholder { height: 230px !important; overflow: auto; } .modal-footer .btn { background-color: #06978e; border-color: #06978e; } .content .main-content .school-tabs .tab-pane .pagediv { text-align: center; } .content .main-content .school-tabs .tab-pane .pagediv .pagination li { color: #06978e; border: 0; } .content .main-content .school-tabs .tab-pane .pagediv .pagination li span { background: transparent; border: 0; padding: 0 7px; float: none; border-radius: 0; line-height: 24px; display: inline-block; margin: 0 5px; } .content .main-content .school-tabs .tab-pane .pagediv .pagination li a { position: static; float: none; border: 1px solid #ccc; background: transparent; color: #06978e; padding: 0 7px; border-radius: 0; line-height: 24px; display: inline-block; margin: 0 5px; } .content .main-content .school-tabs .tab-pane .pagediv .pagination li.active span { color: #808080; margin: 0 5px; } /*弹出层*/ #ZTSchool .modal-dialog { min-width: 700px; } .link_bt { font-size: 16px; line-height: 30px; display: block; } .link_bt .btda { color: #00a46a; font-size: 24px; line-height: 35px; } .fs1 { float: left; width: 310px; height: 239px; padding-left: 35px; background: url("/zkjaeduyuncom/images/ztc_16.png") 307px 0px no-repeat; } .fs2 { float: left; width: 325px; height: 239px; padding-left: 45px; } .fs1 span, .fs2 span { display: block; } .fs_tit { font-size: 18px; padding-top: 45px; } .fs_js { font-size: 14px; padding: 10px 0px 5px 0px; } .fs1 .fs_tel { width: 200px; height: 105px; margin-top: 10px; padding-left: 60px; background: url("/zkjaeduyuncom/images/ztc_17.jpg") 0px 8px no-repeat; } #xxname { color: #00a46a; } .fs1 .tel_bg { width: 45px; height: 40px; display: none; } .fs1 .telnum { width: 175px; height: 105px; text-align: left; color: #ff0000; line-height: 36px; overflow: hidden; font-size: 22px; } /*弹出层结束*/