body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure { margin: 0; padding: 0; } html,body{margin:0 auto;padding:0;} article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } input[type="text"],input[type="password"]{ height:30px; } input, textarea{ border: 1px solid #d2d2d2; border-radius:3px; } [hidden] { display: none; } html { font-size: 100%; } ol, ul{ list-style:outside none none; } li{ list-style:none; } a{ cursor: pointer; } a:hover, a:active { outline: 0 none; } b, strong { font-weight: bold; } option { padding: 5px 0px; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0 none; height: auto; vertical-align: middle; } form { margin: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0 none; padding: 0; } textarea { overflow: auto; vertical-align: top; transition: all 0.4s ease 0s; } table { border-collapse: collapse; border-spacing: 0; } body, input { background-color: #fff; color: #737373; font: 14px/1.5 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif; margin: 0; } body{ min-width: 1200px; background:#DCE0E6; } label[type="radio"], label[type="check"]{ cursor: pointer; } .inline-block{ display: inline-block; *zoom: 1; *display: inline; } a,input,button{ outline:none; } ::-moz-focus-inner{border:0px;} a { color: #737373; text-decoration: none; } a:hover { color:#567ebb; transition: all 0.3s ease 0s; text-decoration: none; } .text-over{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .form_select { background: #fff none repeat scroll 0 0; border: 1px solid #c9c9c9; display: inline-block; height: 20px; margin-right: 10px; overflow: hidden; padding: 3px 5px 5px; vertical-align: middle; } .form_select select { border: medium none; font-size: 14px; width: 100px; } select { height: 22px; vertical-align: top; } .form_select select option { font-size: 14px; line-height: 24px; padding: 5px; } .padding-none{ padding: 0px; } .container::before, .container::after { content: " "; display: table; } .container::after { clear: both; } .container::before, .container::after { content: " "; display: table; } .container{ margin-left: auto; margin-right: auto; width:1200px; } .min-container{ margin-left: auto; margin-right: auto; width:960px; } .text-center{ text-align: center; } .vertical-middle{ vertical-align: middle; } .vertical-bottom{ vertical-align: bottom; } .text-top{ vertical-align: top; } .text-right{ text-align: right; } .text-left{ text-align: left; } .hide{ display:none; } .hidden{ display:none !important; } .fl{ float:left !important; } .fr{ float:right !important; } .fln{ float: none !important; } .block{ display: block; } .base-color{ color: #40762a; } .base-font-color{ color: #737373; } .cursor-pointer-text { cursor: text; } .cursor-pointer{ cursor: pointer; } .clearfix:before, .clearfix:after { content: ""; display: table; line-height: 0; } .clearfix:after { clear: both; } .clearfix:before, .clearfix:after { content: ""; display: table; line-height: 0; } .over-hide{ overflow: hidden; } .font-bold{ font-weight: bold; } .relative{ position: relative; } .color-red{ color: #de411a; } .color-warnning{ color: #E67016; } .blue-link{ color: #567ebb; } .red-link{ color: #DC7226; } .fs12{ font-size: 12px; } .fs14{ font-size: 14px; } .fs16{ font-size: 16px; } .fs18{ font-size: 18px; } .fs20{ font-size: 20px; } .fs22{ font-size: 22px; } .fs24{ font-size: 24px; } .fs26{ font-size: 26px; } .fs28{ font-size: 28px; } .fs30{ font-size: 30px; } .fs36{ font-size: 36px; } .text-line-through{ text-decoration: line-through; } .padding-none{ padding: 0px !important; } .margin-none{ margin: 0px !important; } .iconfont{ margin-right: 5px; } .link-dark-hover, .base-dark-color{ color: #444; } .link-dark-hover:hover{ color: #567ebb; } .font-style-normal{ font-style: normal; } .border-bottom-dashed{ border-style:none none dotted none !important; } .iconfont-before{ font-family: "iconfont" !important; font-style: normal; } .btn { background: #606d80; color: #fff; cursor: pointer; display: inline-block; height: 32px; line-height: 32px; min-width: 60px; text-align: center; transition: all 0.3s ease 0s; box-shadow: none; border-radius:3px; font-size: 14px; position: relative; vertical-align: middle; white-space: nowrap; width: 94px; } .btn-group { display: inline-block; position: relative; vertical-align: middle; } .btn-group .btn { float: left; margin: 0; position: relative; } .btn-of-right{ padding: 0 10px; font-size: 14px; width: 80px; } .btn-group .btn + .btn { margin-left: -1px; } .btn-group > .btn:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-white { background: none repeat scroll 0 0 #fff; border: 1px solid #8f8f8f; color: #474747; } .btn-group .btn.active { background: none repeat scroll 0 0 #40762a; color: #fff; } .btn-small{ padding:0px; font-size:14px; padding: 0px 10px; height: 36px; width: auto; font-size: 16px; line-height: 36px; } .btn-cancel{ padding:0px; width: 80px; font-size:14px; height: 28px; line-height: 28px; background: #b2c9bc; color: #fff; } .btn-gray{ background: #DDE0E7; color: #444; } .btn-orange{ background: #E67016; } .btn-green{ background: #00BB9C; } .btn-red{ background: #de411a; } .btn-dark-gray{ background: #606D80; } .btn-big{ font-size: 16px; border-radius: 0; padding: 4px 24px; } .btn.disabled, .btn.disabled:hover, .btn.disabled:focus{ background: #ddd !important; color: #737373 !important; cursor: not-allowed; } .login-btn{ width: 170px; font-size: 24px; height: 45px; line-height: 45px; } .btn > a:active, .btn > a:focus, .btn > a:hover{ color: #fff; } .btn:hover { background-color: #6490d3; color: #fff; } .btn-orange:hover{ background: #FF7C17; } .btn-green:hover{ background: #00CCA9; } .btn-gray:hover{ background: #D4D7DE; color: #444; } .btn-dark-gray:hover{ background: #6e7d92; } .btn-cancel:hover{ background-color: #83b871; } .btn-cancel:active{ background-color: #98aca1; } .btn-red:hover{ background: #f4562f; } .btn[disabled], .btn[disabled]:active, .btn[disabled]:hover { color: #333; box-shadow:none; background-color: #E4E4E4; } .input-text { background-color: #ffffff; box-shadow: none; width: 300px; color: #333; font-size: 14px; line-height: 25px; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; vertical-align: middle; padding:4px 6px 4px 10px; } .input-text-small[type="text"]{ width: 80px; height: 20px; line-height: 20px; } .input-text:hover,.input-text:focus { border-color: #567ebb; } .input-text:focus label:first-of-type { font-size: 20px; } .tab-panel{ box-sizing: border-box; clear: both; color: #373737; margin-top: 0; min-height: 300px; position: relative; z-index: 1; } .tab-panel .tab-title { height: 40px; border-bottom: 4px solid #485160; } .tab-panel .tab-title > a { color: #fff; display: inline-block; float: left; font-size: 16px; height: 39px; line-height: 39px; border-top-left-radius: 3px; border-top-right-radius: 3px; overflow: hidden; text-align: center; background: #EBEBEB; color: #737373; padding: 0 5px; width: 88px; } .tab-panel .tab-title a.active { background: #485160 none repeat scroll 0 0; color: #fff; border-left: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; } .tab-panel .tab-title a:first-child.active{ border-left: 0px; width: 89px; } .tab-panel .tab-title a:last-child.active{ border-right: 0px; width: 89px; } .tab-panel .tab-panel-content { } .tab-panel .tab-title > a:hover { transition-duration: 500ms; } .placeholder-group { position: relative; display: inline-block; *zoom: 1; *display: inline; } .placeholder-group label { color: #999; line-height: 24px; margin-left: 14px; position: absolute; left: 0px; font-size: 14px; transition: all 0.2s linear 0s; top: 8px; z-index: 1; } .placeholder-group .input-tips{ background: #fff none repeat scroll 0 0; left: 10px; padding: 0 4px; position: absolute; top: -9px; font-size:12px; } .placeholder-group-focus label{ top: -12px; color: #567ebb !important; z-index: 2; background: #fff; font-size: 12px; padding: 0 5px; } .placeholder-group.active label{ color: #999 !important; } .square-radio { background: #fff none repeat scroll 0 0; border: 1px solid #dfdfdf; cursor: pointer; float: left; height: 35px; line-height: 35px; list-style: outside none none; margin: 0 10px 10px 0; text-align: center; transition: all 0.2s ease 0s; width: 100px; } .square-radio.radio-check{ background: #fff none repeat scroll 0 0; border-color: #ff4a00; } .breadcrumb { list-style: outside none none; height: 46px; line-height: 46px; padding-left: 24px; font-size: 12px; } .breadcrumb .iconfont{ color: #737373; font-size: 18px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li > a:hover{ text-decoration: underline; } .breadcrumb > .active { color: #aaa; } .breadcrumb > li:after { content: "> "; padding: 0 5px; } .breadcrumb > li.active:after { content: ""; } .site-topbar{ height:39px; background: #fff; border-bottom: 1px solid #d2d2d2; } .site-topbar .topbar-right > div{ position: relative; } .site-topbar .topbar-right > div > a{ font-size: 12px; padding:0 16px; transition: all 0s ease 0s; display:inline-block; height: 36px; z-index: 1000; border-left: 1px solid #fff; position: relative; border-right: 1px solid #fff; } .site-topbar .topbar-right .weixin-dropdown:hover > a, .site-topbar .topbar-right .qq-dropdown:hover > a{ border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; background: #fff; height: 37px; } .site-topbar .topbar-right .weixin-dropdown:hover .down, .site-topbar .topbar-right .qq-dropdown:hover .down{ display:block; } .site-topbar .topbar-right > div + div{ margin-left: 24px; } .site-topbar .weixin-dropdown .down, .site-topbar .qq-dropdown .down{ background: #fff; position: absolute; width: 168px; height: 128px; display:none; left: 0px; font-size: 12px; top: 36px; text-align:center; padding:16px; z-index: 999; border: 1px solid #d2d2d2; } .topbar-right .weixin-dropdown .down{ height: 180px; } .topbar-right .weixin-dropdown img{ width: 150px; height: 150px; } .site-topbar .qq-dropdown .down{ height: 100px; } .site-topbar .topbar-right .iconfont{ margin-right: 5px; font-size: 18px; } .site-topbar .topbar-right > a{ margin-left: 10px; } .site-topbar .topbar-left{ font-size: 12px; line-height: 39px; height: 39px; } .site-topbar .topbar-left > a{ margin-left: 10px; margin-right: 10px; } .site-topbar .topbar-left > span{ margin-left: 20px; } .site-topbar .topbar-left > a:FIRST-CHILD{ margin-left: 0px; } .site-topbar .topbar-right{ line-height: 39px; height: 39px; } .changeLang{ line-height: 39px; height: 39px; right:10px; font-size: 12px; margin-left: 24px; } .changeLang span{ padding: 0px 5px; font-size: 14px; } .changeLang img{ padding-right: 5px; } .site-header{ background: #dce0e6; height: 98px; } .site-header .header-logo{ float: left; } .logo{ background: url("../imgs/logof.png") no-repeat; height: 96px; width: 367px; float: left; } .logo-p{ background: url("../imgs/logof.png") no-repeat; height: 96px; width: 367px; display: inline-block; } .site-header .head-right{ float: right; margin-top: 26px; } .site-header .head-right li{ float: left; font-size: 12px; } .site-header .head-right li + li{ margin-left: 24px; } .site-header .head-right li a i{ display: inline-block; width: 40px; height: 40px; line-height: 40px; font-size: 18px; background: #606d80; color: #fff; text-align:center; border-radius: 3px; } .site-header .head-right li a{ display:block; width: 50px; text-align: center; } .site-header .head-right li a i span{ transition: all 1s ease-out 0s; } .site-header .head-right li a span{ display: block; } .site-header .head-right li a:hover i > span{ -webkit-transform: rotateY(360deg); /* flip horizontally 180deg*/ -moz-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .site-header .head-right li a:hover i > span span{ transform: rotateY(180deg); transition-delay: 0.2s; } .site-header .head-right li a:hover i{ } .site-header .header-welcome{ height: 138px; line-height: 138px; font-size: 18px; float: right; } .search-form input[type=text]{ width: 608px; height: 40px; float: left; box-sizing: border-box; } .search-form input[type=text]:focus{ border-color: #567ebb; } .search-form .btn-index-search{ width: 124px; height: 40px; position: absolute; line-height: 40px; right: 0px; top: 0px; font-size: 18px; background: #606d80; border-top-left-radius:0px; border-bottom-left-radius:0px; } .search-form form{ position: relative; } .search-form .btn-index-search .iconfont{ font-size: 22px; display: inline-block; } .search-form .btn-index-search:hover{ background: #6e7c91; } .site-headerbar{ height: 48px; background: #f19601; width: 100%; } .headerbar-right{ width: 184px; background: #f4b803; font-size: 18px; padding-left: 16px; height: 48px; color: #fff; position: relative; float: right; } .headerbar-login{ float: right; padding-top: 9px; overflow: hidden; } .headerbar-login a.btn{ border: 1px solid #ffc000; margin-left: 10px; float: left; height: 28px; line-height: 28px; } .headerbar-login a.reg{ border: 1px solid #c9c9c9; } .site-headerbar .headerbar-left h3{ font-size: 18px; line-height: 48px; font-weight:normal; } .site-headerbar .headerbar-left .iconfont{ font-size: 24px; margin-right: 8px; display: inline-block; } .site-headerbar.scroll-to-fixed-fixed{ box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3), 0 0 6px 2px rgba(0, 0, 0, 0.15); } .site-headerbar .headerbar-bar{ font-size: 16px; height: 48px; float: left; line-height: 48px; } .site-headerbar .headerbar-bar ul li{ float: left; position: relative; transition: all 0.3s ease 0s; } .site-headerbar .headerbar-bar .header-bar li a{ color: #fff; float: left; width: 110px; transition: all 0.3s ease 0s; text-align:center; } .site-headerbar .headerbar-bar .header-bar > li:hover, .site-headerbar .headerbar-bar .header-bar > li.active{ background: #f4b803; } .site-headerbar .headerbar-bar .header-bar > li .subs{ position: absolute; top: 48px; left: 0px; height: 0px; overflow: hidden; z-index: 100; } .header-bar > li .subs li{ border-top: 1px solid #fff; } .header-bar > li .subs li:first-child{ border: none; } .header-bar > li .subs li a{ background: #606d80; opacity:0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); } .header-bar > li .subs li a:hover{ opacity:0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); } .site-headerbar .headerbar-bar .header-bar > li:hover .subs{ height: auto; } .headerbar-right{ padding-left: 0px; width: 200px; cursor: pointer; position: relative; } .headerbar-right h3{ padding-left: 16px; height: 48px; line-height: 48px; font-weight: normal; font-size: 18px; } .headerbar-right .right-hide{ background: #fff; display: none; position: absolute; top: 48px; border: 1px solid #d2d2d2; width: 199px; z-index: 99999999; } .headerbar-right .right-hide .tips{ font-size: 18px; margin-left: 16px; } .headerbar-right h3 .iconfont{ font-size: 24px; position:absolute; right:5px; display: inline-block; } .headerbar-right .right-hide li{ padding-left: 8px; transition: all 0.3s ease 0s; } .headerbar-right .right-hide li:last-child a{ border-bottom: 0px; } .headerbar-right .right-hide li a{ height: 41px; line-height: 41px; border-bottom: 1px solid #d9dbdc; color: #444; font-size: 14px; display: inline-block; padding-left: 7px; width: 174px; } .headerbar-right .right-hide li:hover{ background: #ebf0f5; } .headerbar-right .right-hide li a .iconfont{ font-size: 18px; margin-right: 16px; } .site-banner{ position: relative; background: #fff; } .site-banner .banner{ width:100%; overflow: hidden; } .site-banner .banner img{ width: 100%; cursor: pointer; } .site-banner .banner .banner-bg{ background-image: url("../imgs/banner.jpg"); background-size: 100% 100%; width: 100%; height: 500px; display: block; } .site-introduct{ text-align: center; border-bottom: 1px solid #d2d2d2; height: 248px; margin-bottom: 1px; background: #f9f9f9; padding: 30px 0; } .site-introduct ul li{ float: left; width: 300px; height: 224px; color: #737373; transition: all 0.3s ease 0s; } .site-introduct ul li a{ display: block; visibility: visible !important; } .site-introduct ul li .iconfont{ font-size: 64px; } .site-introduct ul li:hover{ color: #567ebb; } .site-introduct ul li h2{ font-size: 24px; } .site-introduct ul li p{ margin-top: 10px; } .site-introduct ul li p span{ width: 220px; margin: 0 auto; display: block; text-align: center; } .site-content { background: #f9f9f9; overflow: hidden; } .grid-panel .grid-titles{ border-bottom: 1px solid #e6e6e6; position: relative; } .grid-panel .grid-titles ul li{ float: left; height: 50px; box-sizing: border-box; margin-left: 30px; } .grid-panel .grid-titles ul li:first-child{ margin-left: 0px; } .grid-panel .grid-titles ul li.active{ border-bottom: 3px solid #5F6E81; } .grid-panel .grid-titles ul li a{ height: 50px; padding: 0 20px; line-height: 50px; font-size: 16px; text-align: center; display: block; } .grid-panel .grid-content{ padding-top: 16px; width: 1245px; } .grid-panel .grid-content .grid-items{ border: 1px solid #e6e6e6; float: left; height: 320px; margin-right: 47px; background: #f9f9f9; margin-bottom: 24px; padding: 16px; transition: all 0.3s linear 0s; position: relative; width: 334px; } .grid-panel.recorded .grid-content .grid-items{ height: 350px; width: 352px; padding: 4px; } .recorded-back .grid-content .grid-items{ height: 328px; } .grid-panel.recorded .grid-content .grid-items .subject span{ margin-right: 16px; } .grid-panel .grid-content .grid-items:hover{ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); transform: translate3d(0px, -2px, 0px); z-index: 9999; } .grid-panel .grid-content .grid-items .item-img{ position: relative; } .grid-panel .grid-content .grid-items .item-img img{ height: 200px; transition: all 0.3s ease 0s; } .grid-panel.recorded .grid-content .grid-items .item-img img{ width: 354px; } .grid-panel .grid-content .grid-items .item-img a{ display: block; overflow: hidden; text-align: center; } .grid-panel .grid-content .grid-items .item-desc{ position: relative; margin-top: 10px; height: 118px; } .grid-panel.recorded .grid-content .grid-items .item-desc{ height: 130px; } .grid-panel.recorded .grid-content .grid-items .item-desc{ margin: 8px 12px 0 12px; } .grid-panel .grid-content .grid-items .item-img .tips-content{ bottom: 0; left: 0; position: absolute; width: 100%; } .grid-panel .grid-content .grid-items .item-img dl{ background: rgba(50,58,82, 0); color: #fff; display:none; padding-top: 16px; height: 0; padding-left: 24px; text-align: left; padding-left: 10px; } .grid-panel .grid-content .grid-items .item-img dl dt{ font-size: 16px; } .grid-panel .grid-content .grid-items .desc .title{ max-width: 330px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .grid-panel .grid-content .grid-items .op{ float: right; } .grid-panel.recorded .grid-content .grid-items .op p{ width: 100px; } .grid-panel .grid-content .grid-items .last-line{ bottom: 8px; left: 0; overflow: hidden; position: absolute; width: 100%; } .grid-panel .grid-content .grid-items .last-line .line-left{ bottom: 5px; position: absolute; } .grid-panel.recorded .grid-content .grid-items .last-line, .grid-panel.recorded .grid-content .grid-items .last-line .line-left{ bottom: 0px; } .grid-panel .grid-content .desc p + p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; } .grid-panel .grid-content .desc p.grade{ font-size: 14px; } .slide-content .head .more{ position: absolute; right: 0; top: 0; height: 50px; line-height: 50px; } .slide-content .head .more .iconfont{ margin-top: -2px; } .slide-content .head{ position: relative; } .grid-panel .grid-content .desc p.book-num{ margin-top: 16px; width: 280px; } .grid-panel.recorded .grid-content .desc p + p{ width: 330px; margin-top: 4px; } .grid-panel .grid-content .price span{ margin-right: 8px; } .grid-panel .grid-content .time{ margin-bottom: 5px; } .grid-panel .grid-content .red-link{ margin-right: 10px; } .grid-panel .grid-titles .more{ height: 50px; line-height: 50px; position: absolute; right: 0; top: 0; } .site-content .slide-content{ background: #fff; } .site-content .metro-panel{ margin: 16px 0; } .site-content .metro-panel .metro-content{ width: 1216px; margin-bottom: -16px; } .metro-panel .metro-title{ font-style: normal; font-size: 20px; text-align:center; height: 50px; border-bottom: 1px solid #e6e6e6; font-weight: normal; line-height: 50px; } .metro-panel .metro-content{ padding-top: 20px; } .metro-panel .metro-items{ float: left; margin-bottom: 16px; margin-right: 16px; text-align: center; overflow:hidden; position: relative; transition: all 0.2s linear 0s; } .metro-panel .metro-items .desc{ color: #fff; margin-left: -120px; position: absolute; top: 110%; left: 50%; width: 240px; } .metro-panel .metro-items:hover{ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); z-index: 9999; transform: translate3d(0px, -2px, 0px); } .metro-panel .metro-items h2{ font-style: normal; font-size: 24px; color: #fff; font-weight: normal; } .metro-panel .metro-items h2:before{ font-family : "iconfont" !important; margin-right: 8px; font-size: 30px; } .metro-panel .fenghuangmu{ background: #FF8D75; width: 360px; height: 250px; } .metro-panel .fenghuangmu h2{ line-height: 250px; } .metro-panel .fenghuangmu h2:before{ content: url(../imgs/sea.png); } .metro-panel .gaojizhongxue{ background: #63C8AA; width: 360px; height: 140px; } .metro-panel .gaojizhongxue h2{ line-height: 140px; } .metro-panel .gaojizhongxue h2:before{ content: url(../imgs/air.png); } .metro-panel .shiwaizhuanxiang{ background: #606D80; width: 448px; height: 140px; } .metro-panel .shiwaizhuanxiang h2{ line-height: 140px; } .metro-panel .shiwaizhuanxiang h2:before{ content: url(../imgs/air.png); } .metro-panel .shiyanshengxue,.shiyanshengxue2,.shiyanshengxue3{ background: #FFA964; width: 258px; height: 96px; } .metro-panel .shiyanshengxue h2,.shiyanshengxue2 h2,.shiyanshengxue3 h2{ line-height: 96px; } .metro-panel .shiyanshengxue h2:before{ content: url(../imgs/air.png); } .metro-panel .shiyanshengxue2 h2:before{ content: url(../imgs/express.png); } .metro-panel .shiyanshengxue3 h2:before{ content: url(../imgs/express.png); } .site-footer{ background: #606d80; height: 160px; color: #fff; padding: 24px 0px; } .site-footer dl{ float: left; height: 160px; text-align: center; width: 300px; } .site-footer dl dt{ font-size: 22px; margin-bottom: 8px; } .site-footer dl dd a{ color: #fff; } .site-footer dl dd { line-height: 24px; } .site-footer dl dd a:hover{ text-decoration: underline; } .site-info{ text-align: center; height: 140px; background: #dce0e6; } .site-info .info-links{ height: 60px; line-height: 60px; border-bottom: 1px solid #d2d2d2; } .site-info .info-links a{ color: #444; } .site-info .info-links a:hover{ color: #567ebb; } .site-info .info-links .info-split{ margin: 0 10px; } .site-info .info-ICP{ margin-top: 20px; } .site-info .info-ICP p{ font-size: 12px; } .input-form .form-row{ margin-top: 30px; position: relative; } .input-form .form-row:first-child{ margin-top: 0px; } .input-form .signle-line{ margin-top: 10px; } .input-form .form-row .row-name{ left: 0; position: absolute; text-align: right; top: 8px; width: 80px; } .input-form .form-row .row-content{ padding-left: 80px; position: relative; } .pagination{ display: inline-block; margin: 20px 0; padding-left: 0; } .pagination li{ float: left; margin: 0 6px 0 0; } .pagination li a{ padding: 2px 6px; } .pagination li .iconfont{ font-size: 22px; } .pagination li.previous a, .pagination li.next a{ display: block; margin-top: -6px; padding: 0; width: 16px; } .pagination li a.active{ background: #606D80; color: #fff; border-radius: 3px; } .pagination li.total{ margin-left: 5px; } .label-with-close{ padding: 4px 8px; background: #485160; color:#fff; border-radius: 3px; position: relative; display: inline-block; font-size: 12px; } .label-with-close .label-close{ background: #485160 none repeat scroll 0 0; border: 2px solid #fff; border-radius: 50%; color: #fff; font-size: 10px; font-style: normal; height: 12px; line-height: 10px; position: absolute; right: -6px; cursor: pointer; text-align: center; top: -8px; width: 12px; } .label-radio{ height: 35px; line-height: 35px; min-width: 70px; border: 1px dotted #d2d2d2; display: inline-block; text-align: center; border-radius: 3px; transition: all 0.3s ease 0s; } .label-radio:hover{ border: 1px dotted #567ebb; color: #567ebb; } .radio-check{ color: #567ebb; border: 1px solid #567ebb; } .input-append{ position: relative; display: inline-block; } .input-append .input-text{ width: 30px; border-radius: 3px 0 0 3px; } .input-append a{ position: absolute; right: 0px; font-size: 14px; } .input-append .add-on{ background-color: #eeeeee; border: 1px solid #ccc; display: inline-block; font-size: 14px; font-weight: normal; height: 22px; line-height: 22px; margin-left: -4px; border-left: 0px; min-width: 16px; padding: 4px; border-radius: 0 3px 3px 0; vertical-align: middle; text-align: center; text-shadow: 0 1px 0 #ffffff; width: auto; } .input-append .add-on a{ color: #999; display: block; height: 12px; overflow: hidden; position: relative; text-align: center; } .input-append .add-on a i{ font-style: normal; font-size: 20px; position: relative; margin-right: 0px; top: -6px; } .input-append .add-on a i:hover{ color: #555; } .stage2{ animation-delay: 0.4s; } .stage3{ animation-delay: 0.8s; } .stage4{ animation-delay: 1.2s; } /* Underline Reveal */ .hvr-underline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #5f6e81; height: 3px; -webkit-transform: translateY(3px); transform: translateY(3px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); } .panel .panel-title h3{ font-weight: normal; font-size: 16px; height: 50px; line-height: 50px; color: #444; margin-left: 16px; } .panel .panel-title{ border-bottom: 1px solid #e6e6e6; } .panel .panel-title h3:before{ font-family: "iconfont" !important; font-size: 22px; font-style: normal; } .type-select .chosen-single{ border: 1px solid #d2d2d2; border-radius: 3px; background: #fff; box-shadow:none; } .type-select .chosen-single{ background-image: none; } .type-select .chosen-single div{ width: 30px; text-align:center; border-left: 1px solid #d2d2d2; } .type-select .chosen-single div b:before{ font-family: "iconfont" !important; display:inline-block; content: "\e62b"; font-size: 20px; color: #616E81; } .type-select .chosen-drop{ margin-top: 0px; } .type-select .chosen-results{ margin: 0px; padding: 0px; } .type-select .chosen-results li{ padding: 8px; transition: all 0.3s ease 0s; } .chosen-container .chosen-results li.highlighted{ background-color: #567ebb; } .type-select .chosen-drop{ transition: all 0.5s ease 0s; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert { border: 1px solid transparent; border-radius: 3px; margin-top: 10px; padding: 4px 15px; } .input-with-icon .iconfont{ font-size: 22px; margin-right:8px; position: absolute; top: 4px; color: #a9b7b7; left: 8px; } .input-with-icon label{ left: 24px; } .input-with-icon .input-text{ padding-left: 40px; } .spinner { box-shadow: 0 3px 3px -4px #aaa; height: 30px; overflow: hidden; border: 1px solid #e6e6e6; width: 110px; } .spinner button, .spinner .value { display: block; float: left; height: 30px; margin: 0; text-align: center; } .spinner button { border: medium none; background: #fff; color: #e5312a; font-size: 22px; padding: 0; width: 30px; color: #898989; } .spinner .decrease { border-right: 1px solid #e6e6e6; cursor: pointer; } .spinner .decrease[disabled] { cursor: default; color: #eaeaea; } .spinner .increase { cursor: pointer; border-left: 1px solid #e6e6e6; } .spinner .value { border: none; height: 30px; line-height: 30px; padding: 0; width: 50px; } .spinner .value.passive { color: #919191; } .spinner .error, .spinner .invalid { background: #aa0000 none repeat scroll 0 0; } .school-search { margin-left: 30px; } .option-base, .option-index { border-bottom: 1px solid #c9c9c9; padding: 12px 10px; } .option-index a.active { background: #e5e5e5 none repeat scroll 0 0; } .option-index a { display: inline-block; line-height: 22px; padding: 0 6px; } .select-school { padding: 9px 14px; } .select-school a { color: #046bc2; font-size: 12px; } .select-school a:hover { text-decoration: underline; } .option-list { height: 250px; overflow: auto; padding: 15px 1px; } .option-list li { display: inline; float: left; height: 23px; line-height: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 200px; } .option-list li i { color: #999; font: 12px/1.5 simsun; } .option-list ul { float: left; width: 100%; } .loading-big { background: rgba(0, 0, 0, 0) url("../imgs/loading-big.gif") no-repeat scroll 0 0; display: inline-block; height: 65px; vertical-align: middle; width: 60px; } .slidebar{ height: 49px; } .slidebar li{ height: 47px; line-height: 47px; float: left; position: relative; margin-left: 60px; } .slidebar li:FIRST-CHILD{ margin-left: 24px; } .slidebar li .bottom-line{ border-bottom: 2px solid #6d798a; width: 100%; position: absolute; bottom: -2px; } .slidebar a{ font-size: 16px; padding: 0px 8px; } .slidebar li.active{ border-bottom: 2px solid #6d798a; } .slidebar li.active a{ color: #6d798a; } .table-content table { width: 100%; } .table-content table tr { border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; height: 48px; line-height: 48px; } .table-content table tr.odd { background: #f2f2f2 none repeat scroll 0 0; } .table-content table td { text-align: center; } .normal-title { color: #444; font-size: 16px; font-weight: normal; height: 40px; line-height: 40px; margin-bottom: 8px; } .diffcult{ height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 16px; } .diffcult ul{ overflow: hidden; } .diffcult label{ font-size: 12px; } .diffcult ul li{ color: #a9b7b7; font-size: 22px; float: left; margin-right: -3px; cursor: default; } .diffcult ul li.active{ color: #ea8010; } .isotope { transition-property: height, width; } .isotope, .isotope .isotope-item { transition-duration: 0.8s; } .up { background: url("../imgs/topback.gif") no-repeat scroll 0 0; height: 54px; opacity: 0.6; width: 54px; } #topcontrol{ transition: all 1s ease 0s; right: -60px; bottom: 10%; } #topcontrol.show { right: 16px !important; transform: scale(0.8) rotate(-360deg) translate(0px); } .page-404{ width: 480px; margin: 60px auto; text-align: center; } .page-404 p{ margin-bottom: 8px; color: #5e5e5e; } .page-404 p.last .btn{ width: 240px; height: 50px; font-size: 24px; line-height: 50px; margin-top: 80px; } .page-404 .bg-404{ background: url("../imgs/404.png") no-repeat; width: 482px; height: 212px; margin-bottom: 24px; } .site-right-fixed{ position: fixed; right: 0px; top: 50%; margin-top: -80px; z-index: 100; } .site-right-fixed li{ border-top: 1px solid #cb3b17; text-align: center; background: #de411a; transition: all 0.4s ease 0s; overflow: hidden; position: relative; } .site-right-fixed li.calculation{ border-radius: 5px 0 0 0; } .site-right-fixed li.youxiang{ border-radius: 0 0 0 5px; } .site-right-fixed li > a{ font-size: 24px; display: block; color: #fff; width: 40px; height: 40px; line-height: 40px; margin-right: 0px; } .site-right-fixed li:hover{ background: #cb3b17; } .site-right-fixed li:FIRST-CHILD > a { border-top: 0px; } .site-right-fixed .div-hide{ overflow: hidden; background: #fff; text-align: center; position: absolute; font-size: 12px; top: 0; border-radius: 5px; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); right: 40px; padding: 16px; background: #f6f6f6; border: 1px solid #e6e6e6; transition-duration: 0.3s; transform: translate3d(0, 20px, 0); } .site-right-fixed .div-hide .inner{ min-width:100px; } .site-right-fixed .div-hide a{ display: block; } .site-right-fixed .weixin .div-hide img{ margin-bottom: 10px; width: 100px; height: 100px; } .site-right-fixed li:hover{ overflow: visible; } .site-right-fixed li:hover .div-hide{ transform: translate3d(0, 0, 0); opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .top-opts{ border-bottom: 1px solid #e6e6e6; color: #444; margin: 24px 24px 0 24px; overflow: hidden; padding-bottom: 16px; } .top-opts .opts-row{ position: relative; } .top-opts .opts-row .label, .top-opts .opts-row .all{ position: absolute; } .top-opts .opts-row .label{ width: 100px; left: 0px; top: 4px; } .top-opts .opts-row .all{ width: 40px; left: 100px; color: #444; top: 0px; text-align: center; } .top-opts .opts-row .opts{ padding-left: 180px; overflow: hidden; } .top-opts .opts-row a{ margin-right: 24px; color: #444; margin-bottom: 16px; border-radius: 3px; padding: 4px 8px; float: left; } .top-opts .opts-row a:hover, .top-opts .opts-row a.active{ background: #606d80; color: #fff; } .collapse-panel{ clear: both; margin-bottom: 20px; margin-top: 0; position: relative; z-index: 1; border-radius: 5px 5px 0 0; overflow: hidden; } .collapse-panel .panel-title { height: 40px; position: relative; line-height: 40px; cursor: pointer; } .collapse-panel .panel-title > h4 { font-size: 18px; font-weight: normal; margin-left: 48px; } .collapse-panel .panel-title .tools { height: 40px; left: 16px; position: absolute; top: 0; } .collapse-panel .panel-title .tools .icon-chevron { display: inline-block; margin-right: 5px; } .collapse-panel .panel-title .tools .icon-chevron:before { content: ""; height: 12px; width: 12px; font-size: 22px; color: #eb4f38; } .collapse-panel .panel-title .tools .icon-chevron-down:before { content: "\e659"; } .collapse-panel.open .panel-title .tools .icon-chevron-down:before { content: "\e658"; } .collapse-panel .panel-body { display: block; padding: 16px; overflow: hidden; display: none; } .collapse-panel.open .panel-body{ display: block; } .recorded-back .grid-panel .grid-content .grid-items .last-line{ bottom: 0px; } .recorded-back .grid-panel .grid-content .grid-items .last-line .line-left{ bottom: 0px; } .no-data{ text-align: center; margin-top: 40px; font-size: 14px; } .shade-bg{ pointer-events: auto; position: fixed; height: 100%; width: 100%; left: 0; top: 0; background-color:#000; opacity:0.3; filter:alpha(opacity=30); z-index: 99999; } .credit-bg{ width: 253px; height: 240px; background: url("../imgs/credit.png") no-repeat; display: block; position: fixed; left: 50%; top: 60%; z-index: 100000; margin-top: -150px; margin-left: -125px; } .credit-bg .credit-text{ position: absolute; font-size: 24px; color: #fff; left: 0; bottom: 52px; width: 253px; font-weight: bold; text-align: center; } .credit-bg .credit-num{ position: absolute; font-size: 107px; color: #abcc0f; right: -110px; top: 0; } .icon-zfb{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -291px -355px; } .icon-wx{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -20px -400px; } .icon-yinlian{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -0px -8px; } .icon-zhaoshang{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -4px -55px; } .icon-gongshang{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -153px -227px; } .icon-jianshe{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -296px -180px; } .icon-zhongguo{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -146px -272px; } .icon-jiaotong{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -3px -181px; } .icon-youzheng{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -152px -8px; } .icon-guangfa{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -149px -136px; } .icon-pufa{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -148px -54px; } .icon-guangda{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -296px -55px; } .icon-pingan{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -12px -308px; } .icon-xingye{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -147px -311px; } .icon-nonghang{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -13px -227px; } .icon-minsheng{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -299px -136px; } .icon-zhongxin{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -290px -6px; } .icon-shanghai{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -9px -93px; } .icon-shenfazhang{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -11px -136px; } .icon-shangnongshang{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -10px -268px; } .icon-ningbo{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -7px -351px; } .icon-beijing{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -146px -94px; } .icon-jiangsu{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -151px -179px; } .icon-hangshangye{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -303px -95px; } .icon-beinongshang{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -300px -226px; } .icon-fudian{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -288px -266px; } .icon-huaxia{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -290px -309px; } .icon-xiaomi{ width:136px; height:48px; display:inline-block; background:url(../imgs/bank-sprites-v2.png) no-repeat -141px -353px; } .layui-layer-tips .layui-layer-content { padding: 3px 10px !important; background: #ffaaaa !important; box-shadow: none !important; } .layui-layer-tips i.layui-layer-TipsL, .layui-layer-tips i.layui-layer-TipsR{ border-bottom-color: #ffaaaa !important; } .layui-layer-msg .layui-layer-content{ font-size: 24px !important; color: #4898d5; } .layui-layer-msg.layui-layer-hui{ background-color: #fff !important; } .layui-layer-msg.layui-layer-hui .layui-layer-content { padding: 17px 25px !important; border-radius: 2px; } .layui-layer{ border-top: 3px solid #e67015; } .notify-fixed, .notify-container { border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: -3px -2px 8px -1px rgba(0, 0, 0, 0.2); filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3); border: 1px solid #e6e6e6; color: #333; right: 10px; box-sizing: border-box; } .notify-fixed{ position: fixed; bottom: 0; cursor: pointer; z-index: 1001; } .notify-container{ position: fixed; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.176); width: 300px; border-bottom: 0; opacity: 0; filter:alpha(opacity=0); z-index: 1000; transition: all 1s ease 0s; } .notify-container .close-container{ background: url("data:image/png;base64,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") repeat scroll 0 0; float: right; height: 10px; margin-top: 5px; width: 10px; cursor: pointer; } .notify-container.show{ display: block; } .notify .header{ padding: 8px 60px; background-color: #f0f0f0; border-bottom: 1px solid #dedede; } .notify .notify-list{ background: #fff; max-height: 400px; overflow-y: auto; } .notify .notify-list li{ padding: 10px 16px; border-bottom: 1px solid #e6e6e6; overflow: hidden; transition: all 0.3s ease 0s; } .notify .notify-list li:hover{ background: #eee; } .notify .notify-list li .qa{ float:left; } .notify .notify-list li .qa{ font-size: 22px; } .notify .notify-list li .qa.warning{ color: #8a6d3b } .notify .notify-list li .qa.success{ color: #3c763d; } .notify .notify-list li .notify-item-content{ margin-left: 40px; } .notify-container .header{ padding-left: 32px; padding-right: 16px; } .notify-fixed .iconfont{ color: #cb3b17; float: right; font-size: 20px; margin-top: -8px; } .noty-bubble { background-color: #fb6b5b; border-radius: 2px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); color: #fff; cursor: pointer; font-size: 9px; font-weight: bold; height: 15px; line-height: 12px; box-sizing: border-box; padding: 2px 5px !important; position: absolute; text-align: center; top: 4px; vertical-align: baseline; white-space: nowrap; }