@charset "UTF-8";
* { margin: 0; padding: 0; box-sizing: border-box; }

body { -webkit-font-smoothing: antialiased; background-color: #f8f8f8; font: 12px/1.5 "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif; color: #666; }

em, i { font-style: normal; }

li { list-style: none; }

img { border: 0; vertical-align: middle; }

button { cursor: pointer; }

a { color: #262626; text-decoration: none; cursor: pointer; }

a:hover { color: #c81623; }

input, textarea, select, button { font-family: "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif; }

.clear { clear: both; width: 100%; height: 0px; overflow: hidden; }

.clearb { clear: both; display: block; margin: 0; padding: 0; height: 10px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.fl { float: left; }

.fr { float: right; }

input[type='number'] { -moz-appearance: textfield; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

input::-webkit-input-placeholder { color: #acacac; }

input:-moz-placeholder { color: #acacac; }

input::-moz-placeholder { color: #acacac; }

input:-ms-input-placeholder { color: #acacac; }

::-webkit-scrollbar { width: 12px; height: 12px; }

::-webkit-scrollbar-button { display: none; }

::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece { background: #fff; }

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:horizontal { -webkit-border-radius: 10px; background: #ccc; }

::-webkit-scrollbar-thumb:hover { background: #999; }

::-webkit-scrollbar-thumb:active { background: #666; }

.hide { display: none !important; }

@font-face { font-family: 'iconfont'; src: url("../fonts/iconfont.eot");
  /* IE9*/
src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#iconfont") format("svg");
  /* iOS 4.1- */ }
/*!--字体代替iconfont--*/
[class*=icon-], [class^=icon-] { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-stroke-width: 0.2px; }

.icon-search:before { content: "\e6b4"; }

.icon-top:before { content: "\e608"; }

.icon-arrow_r:before { content: "\e6ab"; }

.icon-arrow_l:before { content: "\e6bc"; }

.icon-playing:before { content: "\e630"; }

.icon-delete:before { content: "\e839"; }

.icon-pull:before { content: "\e606"; }

.icon-answer:before { content: "\e636"; }

.icon-time:before { content: "\e601"; }

.icon-point_l:before { content: "\e60e"; }

.icon-bulb:before { content: "\e625"; }

.icon-play:before { content: "\e664"; }

.form-group { margin-bottom: 15px; }

.form-control { display: block; width: 100%; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; box-shadow: none; height: 40px; line-height: 40px; padding: 6px 12px; font-size: 14px; border: 1px solid #e2e2e2; color: #333; background-color: #fff; }
.form-control:focus { background: #fff; box-shadow: none; border: 1px solid #999999; outline: none; }

textarea { resize: none; }
textarea.form-control { height: auto; padding: 10px; line-height: 20px; }

table { border-spacing: 0; border-collapse: collapse; }

.table { width: 100%; max-width: 100%; }

.table-border-b thead tr th { padding: 5px 10px; height: 30px; line-height: 30px; color: #333; font-size: 14px; border-bottom: 1px solid #efefef; }
.table-border-b tbody tr td { border-bottom: 1px solid #efefef; text-align: center; padding: 15px 5px; font-size: 14px; }

.table-border thead tr th { padding: 5px 10px; height: 30px; line-height: 30px; color: #333; font-size: 14px; border: 1px solid #efefef; }
.table-border tbody tr td { border: 1px solid #efefef; text-align: center; padding: 15px 5px; font-size: 14px; }

.table-hover tbody tr:hover { background: #f8f8f8; }

.md-tab .tab-nav { height: 35px; border-bottom: 1px solid #edf1f2; position: relative; }
.md-tab .tab-nav > ul > li { float: left; margin-right: 20px; height: 34px; line-height: 30px; font-size: 14px; color: #909599; cursor: pointer; }
.md-tab .tab-nav > ul > li.active { color: #f3554d; }
.md-tab .tab-nav .tab-line { display: block; position: absolute; left: 0; bottom: 0; width: 30px; height: 2px; background: #f3554d; }
.md-tab .tab-content .tab-item { display: none; opacity: 0; transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; }
.md-tab .tab-content .tab-item.active { display: block; opacity: 1; }

.md-head { height: 80px; background: #1e2037; padding: 0 40px; min-width: 1280px; }

.hd-logo { height: 80px; }
.hd-logo a { display: inline-block; padding: 20px 0; }
.hd-logo .logo-img { display: block; height: 44px; width: auto; }

.hd-nav { padding-left: 20px; }
.hd-nav li { float: left; padding: 0 20px; }
.hd-nav a { position: relative; line-height: 80px; font-size: 17px; color: #aaa; }
.hd-nav a.active, .hd-nav a:hover { color: #fff; }
.hd-nav a i { display: inline-block; position: absolute; top: -10px; right: -15px; height: 14px; line-height: 14px; padding: 0 2px; font-size: 12px; background: #f1514e; color: #fff; }
.hd-nav a i:before { position: absolute; left: 0; bottom: -3px; content: ''; width: 0; height: 0; border-top: 0px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #f1514e; }

.hd-search { height: 56px; padding-top: 24px; padding-right: 15px; position: relative; }
.hd-search .search-form { height: 32px; border: 1px solid #afafaf; -moz-border-radius: 16px; -webkit-border-radius: 16px; -o-border-radius: 16px; -ms-border-radius: 16px; -khtml-border-radius: 16px; border-radius: 16px; overflow: hidden; }
.hd-search input { float: left; height: 30px; padding: 0 5px 0 15px; border: none; width: 200px; color: #fff; background: none; }
.hd-search .btn-search { width: 32px; height: 30px; border: none; background: none; }
.hd-search .btn-search:focus { outline: none; }
.hd-search .btn-search i { color: #afafaf; }

.hd-search-list { display: none; position: absolute; background: #fff; border: 1px solid #e2e2e2; left: 0; right: 15px; top: 60px; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; z-index: 10; -webkit-box-shadow: 0 3px 5px #d7d7d7; -moz-box-shadow: 0 3px 5px #d7d7d7; box-shadow: 0 3px 5px #d7d7d7; }
.hd-search-list li { height: 30px; line-height: 30px; border-bottom: 1px solid #f1f1f1; padding-left: 5px; cursor: pointer; }
.hd-search-list li a { display: block; font-size: 13px; color: #666666; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.hd-search-list li:hover { background: #f1f1f1; }

.hd-login { padding-top: 22px; height: 80px; position: relative; }
.hd-login a { display: block; color: #999999; }
.hd-login .login-photo { float: left; display: inline-block; width: 35px; height: 35px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
.hd-login .login-photo img { display: block; width: 100%; height: 100%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
.hd-login .login-name { float: left; position: relative; max-width: 100px; height: 35px; line-height: 35px; padding-left: 5px; padding-right: 20px; font-size: 15px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.hd-login .login-name:after { position: absolute; right: 0; top: 0; content: "\e606"; font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-stroke-width: 0.2px; }
.hd-login:hover .login-menu { display: inline-block; }

.login-menu { display: none; position: absolute; top: 80px; left: 50%; right: 0; width: 140px; margin-left: -70px; background: #fff; -webkit-box-shadow: 0 5px 10px #D6E4EE; -moz-box-shadow: 0 5px 10px #D6E4EE; box-shadow: 0 5px 10px #D6E4EE; border: 1px solid #f1f1f1; border-radius: 0 0 3px 3px; padding: 5px 0; z-index: 501; }
.login-menu ul li { line-height: 40px; }
.login-menu ul li a { padding: 0 20px; display: block; color: #202A34; font-size: 13px; }
.login-menu ul li a i { margin-right: 10px; font-size: 25px; float: left; }
.login-menu ul li a:hover { background: #F0F3F5; }

.hd-logout { height: 80px; line-height: 80px; font-size: 16px; color: #fff; }
.hd-logout a { color: #fff; padding: 0 5px; }
.hd-logout a:hover { color: #f1514e; }

.login-box { position: relative; width: 500px; text-align: center; padding: 30px 0; margin: 0 auto; }

.login-logo { text-align: center; }
.login-logo span { height: 50px; display: inline-block; }
.login-logo span a { display: inline-block; height: 50px; float: left; }
.login-logo span a img { height: 50px; width: auto; }
.login-logo span em { float: left; display: inline-block; height: 50px; line-height: 50px; font-size: 20px; color: #444; margin-left: 15px; padding-left: 15px; position: relative; }
.login-logo span em:before { position: absolute; left: 0; top: 20px; content: ''; width: 1px; height: 12px; background: #333; }
.login-logo p { padding: 10px 0; font-size: 14px; color: #555; }

.signin { width: 280px; margin: 0 auto; padding-top: 10px; }
.signin .signin-tab { position: relative; height: 40px; }
.signin .signin-tab .signin-line { position: absolute; left: 86px; bottom: 0; content: ""; height: 2px; width: 30px; background: #f3554d; }
.signin .signin-tab ul li { margin: 0 20px; display: inline-block; font-size: 16px; height: 40px; line-height: 40px; color: #666666; cursor: pointer; float: none; }
.signin .signin-tab ul li.active { color: #f3554d; }
.signin .signin-box { padding-top: 20px; }
.signin .signin-box .signin-item { display: none; }
.signin .signin-box .signin-item.active { display: block; }

.signin-code { padding-top: 20px; }
.signin-code span { display: block; margin: 0 auto; width: 170px; height: 170px; padding: 10px; border: 1px solid #eee; }
.signin-code span img { width: 100%; height: 100%; }
.signin-code p { font-size: 14px; color: #555; line-height: 30px; padding: 10px 0; }

.go-register { font-size: 14px; color: #555; line-height: 30px; padding: 10px 0; }
.go-register a { font-size: 14px; color: #777; }
.go-register a i { color: #f3554d; }

.bind-phone { padding-top: 20px; }
.bind-phone .bind-box p { font-size: 14px; color: #666666; padding-bottom: 5px; }

.signin-form { width: 280px; margin: 0 auto; padding-top: 20px; }
.signin-form .validate-code .validate-text { float: left; width: 170px; }
.signin-form .validate-code .validate-btn { width: 100px; height: 40px; margin-left: 10px; background: #f68983; border: none; color: #fff; font-size: 14px; cursor: pointer; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; }
.signin-form .validate-code .getcode { background: #f3554d; }

.sign-btn { padding-top: 10px; }
.sign-btn button { width: 100%; height: 40px; line-height: 40px; background: #f3554d; border: none; color: #fff; font-size: 16px; }
.sign-btn button:hover { background: #CF4A44; }

.register-scan { padding-top: 20px; }
.register-scan p { font-size: 14px; color: #555; line-height: 30px; padding: 10px 0; }
.register-scan p a { font-size: 14px; color: #777; }
.register-scan p a i { color: #f3554d; }
.register-scan span { display: block; margin: 0 auto; width: 170px; height: 170px; padding: 10px; border: 1px solid #eee; }
.register-scan span img { width: 100%; height: 100%; }
.register-scan label { display: inline-block; height: 30px; line-height: 30px; margin: 10px 0; font-weight: 400; font-size: 12px; cursor: pointer; color: #666666; }
.register-scan label i { float: left; margin-right: 5px; color: #698ebf; font-size: 14px; }
.register-scan label a { color: #698ebf; }
.register-scan label a:hover { text-decoration: underline; }

footer { min-width: 1280px; }

.foot-guide { width: 100%; text-align: center; overflow: hidden; }
.foot-guide a { display: block; width: 1920px; position: relative; left: 50%; margin-left: -960px; }
.foot-guide a img { height: 100%; width: auto; }

.footer-bt-box { height: 80px; background: #2d2d33; padding: 15px 0; }
.footer-bt-box .footer-copyright { width: 1100px; margin: 0 auto; }

.copyright-info p { line-height: 25px; color: #666666; }
.copyright-info p em { color: #666666; padding: 0 5px; }
.copyright-info p em.copyright-title { color: #aaa; }
.copyright-info p em.copyright-phone { padding-left: 30px; }
.copyright-info p a { display: inline-block; color: #666666; padding: 0 5px; line-height: 20px; }
.copyright-info p a img { position: relative; top: -2px; display: inline-block; height: 16px; width: auto; }

.mechanism { height: 40px; padding-top: 10px; }
.mechanism a { display: inline-block; height: 30px; margin: 0 5px; }
.mechanism a img { display: block; width: auto; height: 100%; }

.aside-link { position: fixed; top: 50%; left: 50%; width: 120px; margin-left: -730px; margin-top: -15%; z-index: 100; }
.aside-link .link-info { background: #f1514e; border-radius: 60px 60px 10px 10px; padding-top: 10px; }
.aside-link .link-info .info-img { width: 100px; height: 100px; margin-left: 10px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; background: #fff; }
.aside-link .link-info .info-nav { padding: 20px 0 10px 0; }
.aside-link .link-info .info-nav li { height: 40px; line-height: 40px; position: relative; }
.aside-link .link-info .info-nav li a { display: block; color: #fff; text-align: center; font-size: 16px; }
.aside-link .link-info .info-nav li.active, .aside-link .link-info .info-nav li:hover { background: #efb51a; }
.aside-link .link-info .info-nav li.active:after, .aside-link .link-info .info-nav li:hover:after { position: absolute; top: 0; right: -14px; display: inline-block; content: ''; width: 15px; height: 40px; background: url(../../images/must/nav-ico.png) no-repeat; }
.aside-link .link-info .go-top { height: 45px; line-height: 45px; background: #cd3330; border-radius: 0 0 10px 10px; text-align: center; cursor: pointer; }
.aside-link .link-info .go-top i { font-size: 36px; color: #fff; }
.aside-link .link-code { background: #fff; padding: 10px; margin-top: 10px; overflow: hidden; }
.aside-link .link-code span { display: inline-block; width: 80px; height: 80px; float: left; }
.aside-link .link-code span img { width: 100%; height: auto; }
.aside-link .link-code p { display: inline-block; width: 20px; font-size: 13px; padding-left: 5px; line-height: 15px; text-align: center; }
.aside-link .link-code p i { display: inline-block; margin-top: 5px; color: #ccc; }

@media screen and (max-width: 1500px) { .aside-link { left: 10px; margin-left: 0; } }
.tab-public .md-tab, .qualification .md-tab, .chance .md-tab, .common-answer .md-tab, .interview .md-tab { padding-top: 20px; }
.tab-public .tab-nav, .qualification .tab-nav, .chance .tab-nav, .common-answer .tab-nav, .interview .tab-nav { border: none; text-align: center; }
.tab-public .tab-nav > ul > li, .qualification .tab-nav > ul > li, .chance .tab-nav > ul > li, .common-answer .tab-nav > ul > li, .interview .tab-nav > ul > li { display: inline-block; float: none; border: 1px solid #666666; background: #fff; color: #666666; border-radius: 30px; width: 160px; font-size: 14px; border-color: #efefef; }
.tab-public .tab-nav > ul > li:hover, .qualification .tab-nav > ul > li:hover, .chance .tab-nav > ul > li:hover, .common-answer .tab-nav > ul > li:hover, .interview .tab-nav > ul > li:hover { background: white; }
.tab-public .tab-nav > ul > li:focus, .qualification .tab-nav > ul > li:focus, .chance .tab-nav > ul > li:focus, .common-answer .tab-nav > ul > li:focus, .interview .tab-nav > ul > li:focus { outline: none !important; }
.tab-public .tab-nav > ul > li.active, .qualification .tab-nav > ul > li.active, .chance .tab-nav > ul > li.active, .common-answer .tab-nav > ul > li.active, .interview .tab-nav > ul > li.active { font-weight: 600; border: 1px solid #f1514e; background: #fff; color: #f1514e; border-radius: 30px; }
.tab-public .tab-nav > ul > li.active:hover, .qualification .tab-nav > ul > li.active:hover, .chance .tab-nav > ul > li.active:hover, .common-answer .tab-nav > ul > li.active:hover, .interview .tab-nav > ul > li.active:hover { background: white; }
.tab-public .tab-nav > ul > li.active:focus, .qualification .tab-nav > ul > li.active:focus, .chance .tab-nav > ul > li.active:focus, .common-answer .tab-nav > ul > li.active:focus, .interview .tab-nav > ul > li.active:focus { outline: none !important; }

.banner { width: 100%; min-width: 1280px; height: 350px; background: #fff; overflow: hidden; position: relative; }
.banner a { position: relative; left: 50%; margin-left: -960px; display: block; width: 1920px; text-align: center; }
.banner a img { width: auto; height: 100%; }

.m-timeline { padding: 20px 0; background: #fff; min-width: 1280px; }

.timeline { width: 1100px; margin: 0 auto; }
.timeline li { width: 25%; float: left; text-align: center; }
.timeline li .title { display: block; font-size: 16px; font-weight: 600; color: #333; }
.timeline li .time { display: block; font-size: 12px; line-height: 25px; }
.timeline li .icon { position: relative; display: block; }
.timeline li .icon .icon-play { position: relative; font-size: 20px; background: #fff; color: #c7c7c7; z-index: 2; }
.timeline li .icon:before, .timeline li .icon:after { position: absolute; top: 50%; content: ""; display: inline-block; width: 50%; height: 1px; background: #e5e5e5; z-index: 1; }
.timeline li .icon:before { left: 0; }
.timeline li .icon:after { right: 0; }
.timeline li .link { display: inline-block; width: 125px; height: 30px; line-height: 30px; margin-top: 5px; font-size: 14px; border: 1px solid #aaa; background: #fff; color: #aaa; border-radius: 30px; }
.timeline li .link:hover { background: white; }
.timeline li .link:focus { outline: none !important; }
.timeline li .link.link-in { border: 1px solid #f1514e; background: #f1514e; color: #fff; border-radius: 30px; }
.timeline li .link.link-in:hover { background: #f57f7d; }
.timeline li .link.link-in:focus { outline: none !important; }
.timeline li:first-child .icon:before { display: none; }
.timeline li:last-child .icon:after { display: none; }
.timeline li.ongoing .title { color: #f1514e; }
.timeline li.ongoing .icon .icon-play { color: #f1514e; }

.container { width: 1100px; margin: 20px auto; background: #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; padding: 40px 60px; }

.introduce { text-align: center; }
.introduce h2 { font-size: 30px; color: #333; padding-bottom: 10px; }
.introduce p { font-size: 16px; color: #333; line-height: 25px; }

.hist-data { padding-top: 50px; text-align: center; }
.hist-data h3 { font-size: 28px; color: #333; font-weight: 400; }
.hist-data .explain { font-size: 14px; color: #333; padding: 20px 50px 30px 50px; }
.hist-data .explain em { font-weight: 600; }

.table-enroll .table thead th { background: #e66183; border: none; color: #fff; padding: 10px 0; font-size: 18px; font-weight: 400; }
.table-enroll .table thead th:nth-child(even) { background: #d54e70; }
.table-enroll .table thead th:first-child { border-radius: 20px 0 0 0; }
.table-enroll .table thead th:last-child { border-radius: 0 20px 0 0; }
.table-enroll .table tbody { background: #f8f8f8; }
.table-enroll .table tbody td { font-size: 16px; color: #444; padding: 10px 5px; }
.table-enroll .table tbody td span { font-weight: 600; }

.table-score .table thead th { background: #f88172; color: #fff; border: none; padding: 10px 0; font-weight: 400; line-height: 25px; font-size: 18px; }
.table-score .table thead th span { display: block; color: #fff; }
.table-score .table thead th p { padding: 0; font-size: 12px; color: #fff; }
.table-score .table thead th:nth-child(even) { background: #ed7363; }
.table-score .table thead th:first-child { border-radius: 20px 0 0 0; }
.table-score .table thead th:last-child { border-radius: 0 20px 0 0; }
.table-score .table tbody { background: #f8f8f8; }
.table-score .table tbody td { font-size: 16px; color: #444; padding: 10px 5px; }
.table-score .table tbody td span { font-weight: 600; }

.exambox { padding-top: 50px; }
.exambox h3 { font-size: 28px; color: #333; font-weight: 400; text-align: center; margin-bottom: 40px; }
.exambox h3 em { color: #d11243; }
.exambox .exam-info { position: relative; border: 1px solid #f1514e; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; padding: 20px 0; }
.exambox .exam-info .exam-title { width: 100%; position: absolute; top: -25px; height: 50px; line-height: 50px; text-align: center; }
.exambox .exam-info .exam-title span { display: inline-block; background: #fff; padding: 0 20px; font-size: 18px; color: #333; }
.exambox .exam-info .exam-title span em { font-weight: 600; color: #f1514e; }
.exambox .exam-info .exam-title span img { float: left; width: 50px; height: 50px; margin-right: 10px; }
.exambox .exam-info .info-title { height: 30px; line-height: 30px; }
.exambox .exam-info .info-title span { display: inline-block; background: #f1514e; color: #fff; padding: 0 40px 0 10px; font-size: 14px; border-radius: 0 30px 30px 0; }

.what-exam { padding: 20px; }
.what-exam ul { background: #f8f8f8; }
.what-exam ul li { position: relative; width: 20%; float: left; padding: 20px; }
.what-exam ul li span { display: block; font-size: 14px; font-weight: 600; color: #f1514e; padding-bottom: 10px; }
.what-exam ul li p { font-size: 12px; color: #555; line-height: 25px; }
.what-exam ul li ~ li:before { position: absolute; top: 25%; left: 0; display: inline-block; content: ''; width: 1px; height: 50%; background: #efefef; }

.aat-tab, .essay-tab { padding: 20px; }

.table-public, .examtab-info, .chancetab-info, .exam-table, .interview-info { padding: 20px 0; }
.table-public .title, .examtab-info .title, .chancetab-info .title, .exam-table .title, .interview-info .title { text-align: center; font-size: 16px; color: #f1514e; padding-bottom: 10px; }
.table-public .table thead, .examtab-info .table thead, .chancetab-info .table thead, .exam-table .table thead, .interview-info .table thead { background: #e66183; }
.table-public .table thead tr:first-child th, .examtab-info .table thead tr:first-child th, .chancetab-info .table thead tr:first-child th, .exam-table .table thead tr:first-child th, .interview-info .table thead tr:first-child th { border: none; color: #fff; font-weight: 400; font-size: 16px; }
.table-public .table thead tr:first-child th:first-child, .examtab-info .table thead tr:first-child th:first-child, .chancetab-info .table thead tr:first-child th:first-child, .exam-table .table thead tr:first-child th:first-child, .interview-info .table thead tr:first-child th:first-child { border-radius: 10px 0 0 0; }
.table-public .table thead tr:first-child th:last-child, .examtab-info .table thead tr:first-child th:last-child, .chancetab-info .table thead tr:first-child th:last-child, .exam-table .table thead tr:first-child th:last-child, .interview-info .table thead tr:first-child th:last-child { border-radius: 0 10px 0 0; }
.table-public .table tbody td, .examtab-info .table tbody td, .chancetab-info .table tbody td, .exam-table .table tbody td, .interview-info .table tbody td { padding: 10px 10px; }
.table-public .info-text, .examtab-info .info-text, .chancetab-info .info-text, .exam-table .info-text, .interview-info .info-text { padding-top: 20px; }
.table-public .info-text span, .examtab-info .info-text span, .chancetab-info .info-text span, .exam-table .info-text span, .interview-info .info-text span { display: block; font-size: 16px; line-height: 25px; color: #333; padding-bottom: 5px; }
.table-public .info-text p, .examtab-info .info-text p, .chancetab-info .info-text p, .exam-table .info-text p, .interview-info .info-text p { font-size: 14px; line-height: 25px; color: #666666; }

.m-strategy { padding: 50px 20px 30px 20px; }

.strategy { position: relative; padding: 20px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
.strategy .poto { width: 100px; height: 230px; position: absolute; top: -20px; left: 60px; }
.strategy .title { text-align: center; font-size: 20px; color: #fff; }
.strategy .title em { font-weight: 600; }
.strategy .info { width: 700px; margin: 0 auto; padding-top: 10px; }
.strategy .info p { height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; margin-top: 10px; }
.strategy .info p i { font-weight: 600; padding: 0 5px; }
.strategy .btn { padding-top: 20px; text-align: center; }
.strategy .btn a { display: inline-block; background: #fff; font-size: 16px; height: 40px; line-height: 40px; padding: 0 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }
.strategy .btn a i { margin-left: 10px; font-size: 25px; float: right; }

.aat-strategy { background: url(../../images/must/aat-bg.jpg) repeat; }
.aat-strategy .info p { background: #e6942e; }
.aat-strategy .btn a { color: #e6942e; }

.essay-strategy { background: url(../../images/must/essay-bg.jpg) repeat; }
.essay-strategy .info p { background: #24c0a8; }
.essay-strategy .btn a { color: #24c0a8; }

.qualification { padding: 40px 0; }
.qualification .title { text-align: center; font-size: 30px; color: #333; }
.qualification .qualification-info { margin-top: 20px; background: #fafafa; padding: 20px; text-align: center; }
.qualification .qualification-info h5 { font-size: 16px; color: #f1514e; padding-bottom: 10px; font-weight: 400; }
.qualification .qualification-info p { font-size: #666666; line-height: 30px; font-size: 14px; }
.qualification .qualification-info p i { font-weight: 600; margin-right: 10px; }

.chance h3 { text-align: center; font-size: 30px; color: #333; font-weight: 400; }
.chance .explain { text-align: center; font-size: 14px; color: #666666; padding: 10px 0 20px 0; }

.chancetab-info .face-table thead tr:first-child th { border: 1px solid #efefef; line-height: 20px; padding: 10px; }
.chancetab-info .face-table thead th { color: #fff; }

.choosejob { padding-top: 20px; }
.choosejob h3 { text-align: center; font-size: 30px; color: #333; font-weight: 400; }
.choosejob .choose-list { padding-top: 20px; }
.choosejob .choose-list li { float: left; width: 310px; padding: 40px 0 30px 0; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; background-size: 100%; color: #fff; }
.choosejob .choose-list li span { display: block; font-size: 16px; line-height: 30px; }
.choosejob .choose-list li p { font-size: 16px; line-height: 30px; padding: 10px 0 15px 0; }
.choosejob .choose-list li a { display: inline-block; background: #fff; font-size: 16px; height: 40px; line-height: 40px; padding: 0 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }
.choosejob .choose-list li a i { margin-left: 10px; font-size: 25px; float: right; }
.choosejob .choose-list li ~ li { margin-left: 25px; }
.choosejob .choose-list li.list-first { background: #f5ab4e url(../../images/must/bc-poto.png) no-repeat; background-position: 240px 30px; }
.choosejob .choose-list li.list-first a { color: #f5ab4e; }
.choosejob .choose-list li.list-second { background: #f78b50 url(../../images/must/bc-poto.png) no-repeat; background-position: 240px 30px; }
.choosejob .choose-list li.list-second a { color: #f78b50; }
.choosejob .choose-list li.list-third { background: #bc66a5 url(../../images/must/bc-poto.png) no-repeat; background-position: 240px 30px; }
.choosejob .choose-list li.list-third a { color: #bc66a5; }

.more-introduce { padding-top: 30px; }
.more-introduce .title { text-align: center; font-size: 16px; color: #f1514e; }
.more-introduce ul { width: 500px; margin: 0 auto; padding: 20px 0; }
.more-introduce ul li { line-height: 40px; }
.more-introduce ul li a { position: relative; display: block; color: #333; font-size: 16px; padding-right: 100px; }
.more-introduce ul li a i { position: absolute; right: 0; top: 7px; background: #f1514e; color: #fff; font-size: 12px; height: 25px; line-height: 25px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; -ms-border-radius: 30px; -khtml-border-radius: 30px; border-radius: 30px; padding: 0 15px; }

.link-btn { height: 40px; line-height: 40px; position: relative; text-align: center; }
.link-btn:after { position: absolute; left: 0; right: 0; top: 50%; content: ''; height: 1px; border-bottom: 1px dashed #efefef; }
.link-btn a { position: relative; display: inline-block; font-size: 16px; background: #f1514e; color: #fff; padding: 0 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px; z-index: 1; }

.common-answer { padding-top: 40px; }
.common-answer h3 { text-align: center; font-size: 30px; color: #333; font-weight: 400; }
.common-answer .md-tab { margin-bottom: 20px; }
.common-answer .tab-nav { height: auto; }
.common-answer .tab-nav > ul > li { width: 140px; margin-bottom: 15px; }

.common-list { padding: 10px 0; background: #fafafa; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
.common-list .title { line-height: 40px; padding: 0 40px; font-size: 16px; color: #f1514e; font-weight: 600; }
.common-list .title i { float: left; margin-right: 10px; font-size: 22px; }
.common-list ul li { line-height: 40px; }
.common-list ul li a { display: block; position: relative; padding: 0 100px 0 40px; font-size: 14px; }
.common-list ul li a i { position: absolute; right: 0; width: 100px; text-align: center; color: #f1514e; }
.common-list ul li a:hover { background: #f3f3f3; }

.take-exam, .interview { padding-top: 50px; text-align: center; }
.take-exam h3, .interview h3 { font-size: 28px; color: #333; font-weight: 400; }
.take-exam .explain, .interview .explain { font-size: 14px; color: #333; padding: 20px 50px 30px 50px; }
.take-exam .explain em, .interview .explain em { font-weight: 600; }

.exam-table { padding: 0 0; }
.exam-table tbody { background: #f8f8f8; color: #333; }
.exam-table tbody td { font-size: 14px; }
.exam-table tbody td em { font-weight: 600; }
.exam-table tbody td p { text-align: left; }
.exam-table tbody td p ~ p { margin-top: 10px; }
.exam-table tbody td span { display: block; text-align: left; font-size: 12px; color: #666666; }

.interview .tab-nav { padding: 0 65px; height: auto; text-align: left; }
.interview .tab-nav > ul > li { text-align: center; width: 260px; margin-bottom: 20px; }

.strategy-item { padding-top: 50px; }
.strategy-item h3 { font-size: 28px; color: #333; font-weight: 400; text-align: center; margin-bottom: 30px; }
.strategy-item h3 em { color: #d11243; }
.strategy-item .strategy-course { padding-top: 30px; }
.strategy-item .strategy-course li { float: left; width: 310px; padding: 40px 0 30px 0; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; background-size: 100%; color: #fff; }
.strategy-item .strategy-course li span { display: block; font-size: 16px; line-height: 30px; }
.strategy-item .strategy-course li p { font-size: 16px; line-height: 30px; padding: 10px 0 15px 0; }
.strategy-item .strategy-course li a { display: inline-block; background: #fff; font-size: 16px; height: 40px; line-height: 40px; padding: 0 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }
.strategy-item .strategy-course li a i { margin-left: 10px; font-size: 25px; float: right; }
.strategy-item .strategy-course li ~ li { margin-left: 25px; }
.strategy-item .xc-course li.list-first { background: #fdb659 url(../../images/must/ly-poto.png) no-repeat; background-position: 0 20px; background-size: 80px; }
.strategy-item .xc-course li.list-first a { color: #fdb659; }
.strategy-item .xc-course li.list-second { background: #fb9b39 url(../../images/must/ly-poto.png) no-repeat; background-position: 0 20px; background-size: 80px; }
.strategy-item .xc-course li.list-second a { color: #fb9b39; }
.strategy-item .xc-course li.list-third { background: #f58f4e url(../../images/must/ly-poto.png) no-repeat; background-position: 0 20px; background-size: 80px; }
.strategy-item .xc-course li.list-third a { color: #f58f4e; }
.strategy-item .sl-course li.list-first { background: #49ceb9 url(../../images/must/hm-poto.png) no-repeat; background-position: 0 20px; background-size: 80px; }
.strategy-item .sl-course li.list-first a { color: #49ceb9; }
.strategy-item .sl-course li.list-second { background: #38bfbd url(../../images/must/hm-poto.png) no-repeat; background-position: 0 20px; background-size: 80px; }
.strategy-item .sl-course li.list-second a { color: #38bfbd; }
.strategy-item .sl-course li.list-third { background: #4ec59a url(../../images/must/hm-poto.png) no-repeat; background-position: 0 20px; background-size: 80px; }
.strategy-item .sl-course li.list-third a { color: #4ec59a; }
.strategy-item .bc-course li.list-first { background: #65a4da url(../../images/must/bc-poto.png) no-repeat; background-position: 240px 20px; }
.strategy-item .bc-course li.list-first a { color: #65a4da; }
.strategy-item .bc-course li.list-second { background: #5cb4cd url(../../images/must/bc-poto.png) no-repeat; background-position: 240px 20px; }
.strategy-item .bc-course li.list-second a { color: #5cb4cd; }
.strategy-item .bc-course li.list-third { background: #44a5e9 url(../../images/must/bc-poto.png) no-repeat; background-position: 240px 20px; }
.strategy-item .bc-course li.list-third a { color: #44a5e9; }
.strategy-item .strategy-link { padding-top: 20px; }
.strategy-item .strategy-link ul li { width: 25%; float: left; }
.strategy-item .strategy-link ul li ~ li { padding-left: 10px; }
.strategy-item .strategy-link ul li a { display: block; background: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; text-align: center; padding: 30px 0; }

.stackbox { margin: 0 auto; width: 980px; height: 490px; position: relative; }

.stackinfo { position: relative; width: 980px; height: 445px; padding: 10px 0; overflow: hidden; }
.stackinfo > ul > li { position: absolute; top: 0; left: 0; list-style: none; opacity: 0; transition: all 0.3s ease-out; width: 200px; height: 272px; left: 50%; top: 50%; margin-top: -136px; margin-left: 0; opacity: 0; z-index: 1; }
.stackinfo > ul > li.stack0 { width: 400px; height: 340px; left: 50%; top: 50%; margin-top: -170px; margin-left: -490px; opacity: 0.6; z-index: 2; -webkit-background-size: auto; background: #ccc; }
.stackinfo > ul > li.stack1 { width: 500px; height: 425px; top: 50%; left: 50%; margin-top: -212.5px; margin-left: -250px; z-index: 3; opacity: 1; }
.stackinfo > ul > li.stack1 .skills-info .title { height: 60px; line-height: 60px; font-size: 24px; }
.stackinfo > ul > li.stack1 .skills-info .title i { font-size: 24px; }
.stackinfo > ul > li.stack1 .skills-info ul li a { height: 50px; line-height: 50px; font-size: 16px; }
.stackinfo > ul > li.stack1 .skills-info .skills-btn button { height: 45px; line-height: 45px; padding: 0 80px; font-size: 16px; }
.stackinfo > ul > li.stack2 { width: 400px; height: 340px; left: 50%; top: 50%; margin-top: -170px; margin-left: 90px; opacity: 0.6; z-index: 2; }

.sliderbarbox { height: 65px; line-height: 40px; position: relative; text-align: center; }
.sliderbarbox .sliderbar { display: inline-block; text-align: center; }
.sliderbarbox .sliderbar a { display: inline-block; width: 30px; height: 6px; margin: 0 5px; cursor: pointer; }
.sliderbarbox .sliderbar span { display: block; width: 30px; height: 6px; background: #f6d6dd; border-radius: 5px; }
.sliderbarbox .sliderbar span.active { background: #d43356; }
.sliderbarbox .btn { cursor: pointer; display: inline-block; }
.sliderbarbox .btn i { color: #f0f0f0; font-size: 30px; position: relative; top: 8px; }
.sliderbarbox .btn.next { right: 0; }

.skills-info { width: 100%; height: 100%; background: #fff; border-radius: 5px; box-shadow: 0 5px 5px #ededed; }
.skills-info .title { height: 48px; line-height: 48px; text-align: center; font-size: 18px; color: #fff; background: #d43356; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #db4d6b, #de6d4e); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #db4d6b, #de6d4e); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #db4d6b, #de6d4e); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #db4d6b, #de6d4e); /* Standard syntax */ }
.skills-info .title i { font-size: 20px; margin-right: 10px; }
.skills-info ul { padding: 15px 0; }
.skills-info ul li { text-align: center; padding: 0 15px; }
.skills-info ul li a { display: inline-block; height: 40px; line-height: 40px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 14px; color: #333; }
.skills-info ul li a i { color: #f1514e; margin-right: 5px; }
.skills-info .skills-btn { text-align: center; }
.skills-info .skills-btn button { height: 36px; line-height: 36px; padding: 0 64px; font-size: 14px; border: 1px solid #d43356; background: #d43356; color: #fff; border-radius: 25px; }
.skills-info .skills-btn button:hover { background: #dd5d79; }
.skills-info .skills-btn button:focus { outline: none !important; }

.subscribe { padding: 20px 0; }
.subscribe a { display: block; }
.subscribe a img { width: 100%; height: auto; }

.notice-link { padding: 30px; border: 1px solid #efefef; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
.notice-link ul ~ ul { margin-top: 15px; }
.notice-link ul li { line-height: 35px; }
.notice-link ul li.title { padding-bottom: 10px; }
.notice-link ul li.title a { font-size: 18px; color: #f1514e; }
.notice-link ul li a { font-size: 16px; color: #333; }
.notice-link ul li a:hover { color: #f1514e; text-decoration: underline; }
.notice-link ul li a ~ a { margin-left: 10px; }

.notice-info { padding: 20px 0; }

.info-item { width: 480px; height: 330px; float: left; padding: 20px 30px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border: 1px solid #efefef; }
.info-item ~ .info-item { margin-left: 20px; }
.info-item .title { text-align: center; font-size: 16px; color: #f1514e; text-align: center; }
.info-item .title span { display: inline-block; line-height: 30px; }
.info-item .title span i { float: left; font-size: 20px; margin-right: 10px; }

.notice-tool ul { padding-top: 10px; }
.notice-tool ul li { width: 25%; float: left; padding: 10px; }
.notice-tool ul li a { display: block; }
.notice-tool ul li a i { display: block; width: 80px; height: 80px; margin: 0 auto; background: url(../../images/temp/tool-ico.png) no-repeat; }
.notice-tool ul li a i.tool-ico1 { background-position: 0 0; }
.notice-tool ul li a i.tool-ico2 { background-position: -90px 0; }
.notice-tool ul li a i.tool-ico3 { background-position: -180px 0; }
.notice-tool ul li a i.tool-ico4 { background-position: -270px 0; }
.notice-tool ul li a i.tool-ico5 { background-position: 0 -90px; }
.notice-tool ul li a i.tool-ico6 { background-position: -90px -90px; }
.notice-tool ul li a i.tool-ico7 { background-position: -180px -90px; }
.notice-tool ul li a i.tool-ico8 { background-position: -270px -90px; }
.notice-tool ul li a span { text-align: center; display: block; line-height: 30px; font-size: 14px; color: #333; }

.notice-guide ul { padding-top: 10px; }
.notice-guide ul li { line-height: 40px; }
.notice-guide ul li a { font-size: 15px; color: #333; }
.notice-guide ul li a:hover { color: #f1514e; text-decoration: underline; }
.notice-guide ul li a ~ a { margin-left: 10px; }

.notice-recommend ul li { width: 230px; float: left; border: 1px solid #f1514e; }
.notice-recommend ul li a { display: block; }
.notice-recommend ul li a span { display: block; height: 40px; line-height: 40px; background: #f1514e; color: #fff; text-align: center; font-size: 16px; }
.notice-recommend ul li a p { padding: 20px 0; font-size: 14px; text-align: center; color: #666666; }
.notice-recommend ul li:nth-child(1) { border: 1px solid #63cdbc; }
.notice-recommend ul li:nth-child(1) span { background: #63cdbc; }
.notice-recommend ul li:nth-child(2) { border: 1px solid #faac69; }
.notice-recommend ul li:nth-child(2) span { background: #faac69; }
.notice-recommend ul li:nth-child(3) { border: 1px solid #74bffb; }
.notice-recommend ul li:nth-child(3) span { background: #74bffb; }
.notice-recommend ul li:nth-child(4) { border: 1px solid #e16973; }
.notice-recommend ul li:nth-child(4) span { background: #e16973; }
.notice-recommend ul li ~ li { margin-left: 20px; }

.pop-box { position: relative; }
.pop-box .pop-close { position: absolute; top: 10px; right: 20px; cursor: pointer; }

.guideapp { position: relative; width: 500px; padding: 50px 0 30px 0; border-top: 3px solid #ff6666; }
.guideapp .pop-close { top: 20px; right: 30px; }
.guideapp .title { text-align: center; font-size: 20px; color: #333; }
.guideapp .guide-code { padding-top: 20px; }
.guideapp .guide-code span { display: block; width: 160px; height: 160px; margin: 0 auto; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background: #fce1e1; }
.guideapp .guide-code span img { display: block; width: 100%; height: 100%; }
.guideapp .guide-code p { padding-top: 20px; text-align: center; font-size: 14px; color: #333; }