.site-header{ border-bottom: 1px solid #a0a7b3; background: #fff; } .site-header .header-logo{ margin-top: 20px; } .site-header .header-logo .logo{ background: url("../../imgs/logof2.png") no-repeat scroll 0 0; height: 60px; width: 200px; } .headerbar-login{ height: 98px; line-height: 98px; padding-top: 0px; } .headerbar-login a.bn{ padding: 6px 20px; border: 1px solid #567ebb; border-radius: 3px; margin-left: 10px; transition: all 0.5s ease 0s; } .headerbar-login .go-home{ margin-left: 16px; } .headerbar-login a:hover{ background: #eee; } .headerbar-login a.bn:FIRST-CHILD{ margin-left: 0px; } .header-bar{ margin-left: 40px; float: left; } .head-login-tips{ float:right; height: 98px; margin-left: 40px; line-height: 98px; } .header-bar li{ float: left; margin-left: 16px; height: 98px; line-height: 98px; } .header-bar li a{ padding: 8px 10px; width: 90px; border-radius: 5px; color: #444; } .header-bar li.active a, .header-bar li a:hover{ background: #606d80; color: #fff; } .headerbar-right .right-hide li .iconfont{ visibility: hidden; color: #00BB9C; } .headerbar-right .right-hide li.active .iconfont{ visibility: visible; } .site-banner{ padding-top: 1px; height: 371px; } .site-banner .banner{ height: 371px; overflow: hidden; } .site-banner .banner img{ height: 371px; width: 100%; } .site-content .top{ border-bottom: 1px solid #d2d2d2; position: relative; } .site-content .top .headerbar-right{ background: #567ebb; position: absolute; left: 0; top: 0; color: #fff; } .site-content .top .headerbar-right{ float: left; } .site-content .top .headerbar-right h3{ font-size: 16px; } .site-content .top .headerbar-right h3 .iconfont{ float: right; font-size: 24px; margin-left: 0px; margin-right: 8px; transition: all 0.3s ease 0s; } .site-content .top .headerbar-right:hover h3 .iconfont{ transform: rotate(180deg) !important; } .site-content .top .slidebar{ padding-left: 236px; } .site-content .bottom{ padding-top: 32px; min-height: 600px; padding-bottom: 24px; overflow: hidden; } .site-content.elite-detail .container{ background: #fff; } .list-no-border{ width: 1230px; } .list-no-border .list-item{ margin-right: 16px; margin-bottom: 40px; float: left; position: relative; z-index: 1; width: 380px; transition: all 0.2s linear 0s; } .list-no-border .list-item .list-img .paper-img{ width: 147px; height: 229px; display: block; } .list-no-border .list-item .list-img .word-img{ background: url("../../imgs/word.png") no-repeat; } .list-no-border .list-item .list-img .power-point-img{ background: url("../../imgs/power-point.png") no-repeat; } .list-no-border .list-item .list-img .pdf-img{ background: url("../../imgs/pdf.png") no-repeat; } .list-no-border .list-item .list-content{ width: 200px; margin-left: 16px; } .list-no-border .list-item .list-content dl{ max-height: 180px; overflow: auto; } .list-no-border .list-item .list-content dt{ font-size: 16px; color: #444; margin-bottom: 16px; margin-top: 16px; } .list-no-border .list-item .list-content .op{ position: absolute; bottom: 8px; } .list-no-border .list-item:hover{ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); transform: translate3d(0px, -2px, 0px); z-index: 2; } .time-line{ position: relative; margin-top: 30px; } .time-line > .title{ left: 230px; line-height: 40px; padding-left: 67px; position: absolute; top: 0; z-index: 101; } .time-line > .title h2{ font-size: 24px; margin-bottom: -8px; } .time-line .year h2{ font-size: 24px; height: 40px; line-height: 40px; padding-right: 30px; text-align: right; width: 170px; } .time-line .year h2 a{ display: block; } .time-line .year h2 i { border-color: #63cd52 transparent transparent; border-style: solid; border-width: 6px; display: block; height: 0; left: 190px; position: relative; top: -20px; transform-origin: 6px 3px 0; transition: all 0.5s ease 0s; width: 0; } .time-line .clock{ color: #eb4f38 ; font-size: 30px; left: 236px; margin-right: 5px; position: absolute; top: -39px; } .time-line .year .list ul li .month{ clear: left; display: block; float: left; line-height: 24px; text-align: right; width: 200px; font-size: 18px; line-height: 32px; } .time-line .year .list ul li{ padding: 30px 0; } .time-line .year .list ul{ bottom: 0; } .time-line .year{ position: relative; z-index: 100; } .time-line .year .list{ overflow: hidden; position: relative; } .time-line .year.first .list{ margin-top: 30px; } .time-line .grid-panel{ float: left; margin-left: 100px; width: 900px; padding-top: 0px; } .time-line .grid-panel .grid-content{ width: 940px; } .time-line .line{ height: 100%; left: 250px; position: absolute; width: 2px; background: #e5e5e5; } .time-line .line div{ background: #fff none repeat scroll 0 0; left: 0; position: absolute; width: 2px; } .time-line .line .div1{ bottom: 16px; height: 6px; } .time-line .line .div2{ bottom: 6px; height: 4px; } .time-line .cirle{ background: #fff none repeat scroll 0 0; border: 1px solid #eb4f38; border-radius: 50%; display: block; height: 14px; top: 7px; position: absolute; width: 14px; } .time-line .cirle-content{ background: #fff none repeat scroll 0 0; height: 30px; position: absolute; left: 243px; width: 30px; } .time-line .cirle span{ background: #eb4f38 none repeat scroll 0 0; border-radius: 50%; display: block; height: 8px; left: 3px; margin: 8px 0; position: absolute; top: -5px; width: 8px; } .time-line .year.close h2 i { transform: rotate(-90deg); } .bottom .item{ width: 100%; padding-left: 18px; } .go-home{ margin-left: 16px; font-size: 12px; } .top-opts{ margin: 0px; border-bottom: 0px; padding-left: 16px; } .elite-road .top-opts .opts-row a{ font-size: 16px; } .elite-road .top-opts .opts-row .opts{ padding-left: 0px; } .elite-road .top-opts .opts-row a:hover, .top-opts .opts-row a.active{ background: #eb4f38; } .simulation-test .top-opts .opts-row a:hover, .simulation-test .top-opts .opts-row a.active{ background: #606D80; } .simulation-test .top-opts .opts-row a span{ display: block; font-size: 12px; } .simulation-test .top-opts .opts-row a span.m{ font-size: 16px; } .simulation-test .top-opts .opts-row .label{ top: 14px; } .simulation-test .top-opts .opts-row .all{ top: 10px; } .simulation-test .top-opts .opts-row a{ width: 40px; margin-right: 16px; text-align: center; } .simulation-test .head{ margin-bottom: 30px; } .simulation-test .head h2{ font-weight: normal; margin-bottom: 8px; } .simulation-test .grid-panel .grid-content .grid-items{ margin-right: 30px; } .bottom .item{ display: none; } .test-content li{ overflow: hidden; } .bottom .item.learning-material{ padding-left: 24px; } .look-link{ color: #e67015; margin-left: 16px; } .bottom .item .panel-body h3{ font-style: normal; font-weight: normal; font-size: 14px; } .table-div { margin-top: 24px; } .table-div h3{ font-size: 14px; color: #444; font-weight: normal; height: 40px; line-height: 40px; } .table-div table{ text-align: center; width: 1170px; border-spacing: 0; border-radius: 5px; } .table-div table tbody{ border: 1px solid #e6e6e6; border-top: 0px; } .table-div thead{ height: 40px; line-height: 40px; color: #fff; } .table-div thead th{ border-left: 1px solid #fff; font-weight: normal; background: #606d80; } .table-div thead th:first-child{ border-left: 0px; border-radius: 5px 0 0 0; } .table-div thead th:last-child{ border-radius: 0px 5px 0 0; } .table-div tbody td{ padding: 4px 8px; height: 32px; border-right: 1px solid #e5e5e5; } .table-div tbody tr{ border-top: 1px solid #e5e5e5; font-size: 12px; } .table-div tbody tr.odd{ background: #f2f2f2; }