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

body { -webkit-font-smoothing: antialiased; background-color: #fff; 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; }

.text-red { color: #f1514e; }

@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-close:before { content: "\e60c"; }

.icon-xlwb:before { content: "\e616"; }

.icon-wx:before { content: "\e7e5"; }

.icon-gg:before { content: "\e607"; }

.icon-remove:before { content: "\e62f"; }

.icon-gotop:before { content: "\e67f"; }

.icon-share:before { content: "\e615"; }

.icon-weixin:before { content: "\e61e"; }

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

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

.icon-oncollect:before { content: "\e605"; }

.icon-collect:before { content: "\e682"; }

.icon-phone:before { content: "\e768"; }

.icon-kc:before { content: "\e600"; }

.icon-sj:before { content: "\e65e"; }

.icon-mark:before { content: "\e68e"; }

.icon-arrow-r:before { content: "\e6ad"; }

.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 #fa6164; outline: none; }

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

.border-red { border: 1px solid #fa6164 !important; }

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-bottom: 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; }

.m-head { width: 100%; height: 80px; background: #fff; }

.headbox { height: 80px; width: 1200px; margin: 0 auto; }
.headbox .logo a { display: block; width: 100%; height: 80px; line-height: 80px; }
.headbox .hd-slogan { padding: 25px 0 0 20px; }
.headbox .hd-slogan span { display: block; height: 30px; line-height: 30px; font-size: 20px; color: #333; padding-left: 20px; border-left: 1px solid #ccc; }
.headbox .hd-return a { display: block; line-height: 80px; font-size: 16px; color: #333; }

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: 1200px; 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%; }

.md-crumbslink { width: 100%; position: relative; line-height: 30px; overflow: hidden; padding: 10px 0; }
.md-crumbslink span { float: left; font-size: 13px; }
.md-crumbslink ul { float: left; padding-left: 10px; }
.md-crumbslink li { float: left; font-size: 13px; }
.md-crumbslink li + li:before { padding: 0 5px; color: #999999; content: "/"; }
.md-crumbslink li a { color: #999999; }
.md-crumbslink li a:hover { color: #666666; }
.md-crumbslink li.active { color: #333; }

.pagelist-box { text-align: center; padding: 20px 0; }
.pagelist-box .pagelist { text-align: center; display: inline-block; }
.pagelist-box .pagelist li { float: left; margin: 0 5px; height: 35px; line-height: 35px; }
.pagelist-box .pagelist li a { padding: 0 10px; display: block; color: #4d555d; font-size: 14px; }
.pagelist-box .pagelist li a:hover { color: #202a34; }
.pagelist-box .pagelist li a.list-num { min-width: 35px; height: 35px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }
.pagelist-box .pagelist li a.list-num:hover { background: #e5e8ea; }
.pagelist-box .pagelist li a.list-active { background: #f3554d; color: #fff; }
.pagelist-box .pagelist li a.list-active:hover { background: #f3554d; color: #fff; }
.pagelist-box .pagelist li.disabled a { cursor: not-allowed; color: #c2cacc; }
.pagelist-box .pagelist li.pagelist-ellipsis span { display: block; height: 35px; line-height: 35px; }

.floating { position: fixed; top: 35%; right: 12px; width: 60px; height: auto; background: #fff; border: 1px solid #f1f4f6; z-index: 500; padding: 0 5px; }
.floating > ul > li { width: 50px; height: 60px; text-align: center; border-bottom: 1px solid #f1f4f6; cursor: pointer; }
.floating > ul > li a { display: block; }
.floating > ul > li a i { font-size: 25px; color: #666666; }
.floating > ul > li a em { display: block; width: 50px; line-height: 12px; font-size: 12px; color: #666666; }
.floating > ul > li.contrastbar a em { width: 50px; line-height: 20px; padding: 10px; }
.floating > ul > li.floating-code, .floating > ul > li.dl-app { position: relative; overflow: hidden; }
.floating > ul > li.floating-code .code-box, .floating > ul > li.dl-app .code-box { position: absolute; top: 0; right: 100px; width: 160px; padding: 15px; background: #fff; -webkit-box-shadow: 0 0 15px #e1e9f0; -moz-box-shadow: 0 0 15px #e1e9f0; box-shadow: 0 0 15px #e1e9f0; border: 1px solid #f1f5f9; opacity: 0; filter: alpha(opacity=0); transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; z-index: 500; }
.floating > ul > li.floating-code .code-box span, .floating > ul > li.dl-app .code-box span { display: block; width: 130px; height: 130px; }
.floating > ul > li.floating-code .code-box span img, .floating > ul > li.dl-app .code-box span img { width: 100%; height: 100%; }
.floating > ul > li.floating-code .code-box p, .floating > ul > li.dl-app .code-box p { padding-top: 10px; line-height: 18px; font-size: 12px; color: #787d82; }
.floating > ul > li.floating-code:hover, .floating > ul > li.dl-app:hover { overflow: inherit; }
.floating > ul > li.floating-code > span:hover ~ .code-box, .floating > ul > li.floating-code > a:hover ~ .code-box, .floating > ul > li.dl-app > span:hover ~ .code-box, .floating > ul > li.dl-app > a:hover ~ .code-box { opacity: 1; filter: alpha(opacity=100); right: 70px; }

.main-title { height: 40px; line-height: 40px; text-align: center; position: relative; }
.main-title span { position: relative; display: inline-block; padding: 0 30px; background: #fff; font-size: 18px; font-weight: 600; color: #333; z-index: 2; }
.main-title:after { position: absolute; top: 50%; content: ''; display: block; width: 100%; height: 1px; background: #efefef; z-index: 1; }

.more-btn { padding: 20px 0; text-align: center; }
.more-btn a { display: inline-block; height: 40px; line-height: 40px; padding: 0 60px; font-size: 16px; border: 1px solid #f3554d; background: #f3554d; color: #fff; border-radius: 3px; }
.more-btn a:hover { background: #f6837d; }
.more-btn a:focus { outline: none !important; }

.banner { position: relative; width: 100%; min-width: 1280px; height: 220px; background: url(../../images/must/banner-bg.jpg) no-repeat center; overflow: hidden; }
.banner h2 { width: 1200px; margin: 0 auto; color: #fff; text-align: center; font-size: 40px; font-weight: 400; line-height: 160px; }

.m-menu { position: absolute; bottom: 0; width: 100%; min-width: 1280px; height: 50px; background: rgba(255, 255, 255, 0.1); }
.m-menu .menu-list { width: 1200px; margin: 0 auto; }
.m-menu .menu-list ul li { float: left; width: 150px; text-align: center; }
.m-menu .menu-list ul li a { display: block; color: #fff; line-height: 50px; font-size: 16px; }
.m-menu .menu-list ul li:hover { background: #e44649; }

.container { width: 1200px; margin: 0 auto; padding-bottom: 30px; }
.container.index-container { padding: 30px 0; }

.query-form { border: 1px solid #efefef; padding: 20px 45px; margin-top: 10px; }
.query-form .form-item ~ .form-item { padding-top: 15px; }

.filter-box { width: 250px; }
.filter-box ~ .filter-box { margin-left: 35px; }
.filter-box .filter-title { height: 38px; line-height: 38px; }

.filter-major { position: relative; padding-right: 60px; }
.filter-major a { display: inline-block; position: absolute; top: 0; right: 0; width: 50px; padding-top: 5px; cursor: pointer; line-height: 15px; font-size: 12px; color: #f3554d; }

.filter-search { width: 535px; }

.form-btn { text-align: center; padding-top: 20px; }
.form-btn a { display: inline-block; color: #f3554d; font-size: 16px; height: 40px; line-height: 40px; border: 1px solid #f3554d; background: #fff; color: #f3554d; border-radius: 20px; padding: 0 20px; }
.form-btn a:hover { background: white; }
.form-btn a:focus { outline: none !important; }
.form-btn a.link-btn { width: 200px; border: 1px solid #f3554d; background: #f3554d; color: #fff; border-radius: 20px; }
.form-btn a.link-btn:hover { background: #f6837d; }
.form-btn a.link-btn:focus { outline: none !important; }
.form-btn a ~ a { margin-left: 20px; }

.sub-banner { padding-top: 20px; }
.sub-banner a { display: block; }
.sub-banner a img { width: 100%; height: auto; }

.quick-query { padding-top: 20px; }

.quick-tab { text-align: center; padding: 20px 0; }
.quick-tab .tab-nav { width: 600px; height: 40px; border: none; margin: 0 auto; }
.quick-tab .tab-nav > ul > li { position: relative; width: 300px; margin: 0; height: 40px; line-height: 38px; font-size: 18px; color: #333; border: 1px solid #d4d4d4; z-index: 1; }
.quick-tab .tab-nav > ul > li.active { border: 1px solid #f1514e; color: #f1514e; z-index: 2; }
.quick-tab .tab-nav > ul > li ~ li { left: -1px; }
.quick-tab .tab-nav > ul > li:nth-child(1) { border-radius: 10px 0 0 10px; }
.quick-tab .tab-nav > ul > li:nth-child(2) { border-radius: 0 10px 10px 0; }
.quick-tab .tab-content { padding-top: 20px; }

.query-info .info-condition li { float: left; width: 100px; padding: 0 5px; }
.query-info .info-condition li a { display: block; background: #f5f5f5; color: #666666; height: 35px; line-height: 35px; font-size: 16px; margin-top: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.query-info .info-condition li.active a { background: #fff; color: #f1514e; border: 1px solid #f1514e; }
.query-info .info-condition.department { text-align: center; }
.query-info .info-condition.department li { float: initial; display: inline-block; width: auto; }
.query-info .info-condition.department li a { padding: 0 20px; }
.query-info .info-detail { padding-top: 30px; }
.query-info .info-detail .title { height: 60px; line-height: 60px; background: #f5f5f5; font-size: 18px; border: 1px solid #efefef; }
.query-info .info-detail .title em { color: #f3554d; padding: 0 5px; }
.query-info .info-detail ul { border-left: 1px solid #efefef; }
.query-info .info-detail ul li { width: 20%; height: 110px; padding: 15px; float: left; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.query-info .info-detail ul li a { display: block; }
.query-info .info-detail ul li a em { display: inline-block; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 25px; font-size: 15px; color: #333; }
.query-info .info-detail ul li a span { display: block; line-height: 30px; color: #999999; font-size: 14px; }
.query-info .info-detail ul li a span i { color: #f1514e; padding: 0 5px; }

.m-realtime { padding: 20px 0; }
.m-realtime .realtime-list ul li { float: left; width: 285px; }
.m-realtime .realtime-list ul li a { display: block; height: 70px; padding: 20px 0; background: #fc6e6e url(../../images/must/realtime-bg.png) no-repeat right; -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; }
.m-realtime .realtime-list ul li a em { position: relative; display: inline-block; padding-right: 30px; line-height: 30px; color: #fff; font-size: 16px; background: url(../../images/must/arrow-r.png) no-repeat right center; }
.m-realtime .realtime-list ul li:nth-child(1) a { background: #fc6e6e url(../../images/must/realtime-bg.png) no-repeat right; }
.m-realtime .realtime-list ul li:nth-child(2) a { background: #f89a66 url(../../images/must/realtime-bg.png) no-repeat right; }
.m-realtime .realtime-list ul li:nth-child(3) a { background: #c781de url(../../images/must/realtime-bg.png) no-repeat right; }
.m-realtime .realtime-list ul li:nth-child(4) a { background: #ec83c8 url(../../images/must/realtime-bg.png) no-repeat right; }
.m-realtime .realtime-list ul li ~ li { margin-left: 20px; }

.md-prompt { width: 100%; margin: 0 auto; padding: 10px 15px; background: #fbf9ef; border: 1px solid #f4df7c; }
.md-prompt p { font-size: 14px; color: #555; }
.md-prompt p a { color: #f1514e; margin-left: 15px; }

.results-detail { padding: 20px 0; }
.results-detail.unit-detail { padding: 0 0 20px 0; }

.query-table { margin-bottom: 20px; }
.query-table .title { padding-bottom: 10px; position: relative; }
.query-table .title span { display: block; text-align: center; font-size: 14px; line-height: 40px; }
.query-table .title span em { font-weight: 600; color: #f1514e; padding: 0 5px; }
.query-table .title a { position: absolute; top: 5px; right: 0; height: 30px; line-height: 28px; padding: 0 30px; font-size: 16px; border: 1px solid #f3554d; background: #f3554d; color: #fff; border-radius: 3px; }
.query-table .title a:hover { background: #f6837d; }
.query-table .title a:focus { outline: none !important; }
.query-table .title.unit-title span { color: #333; font-size: 18px; }
.query-table .table thead { background: #f5f5f5; }
.query-table .table thead th { border: none; }
.query-table .table tbody td p { line-height: 25px; }
.query-table .table tbody td a { display: inline-block; color: #f1514e; height: 25px; line-height: 23px; }
.query-table .table tbody td a.info-btn { padding: 0 10px; border: 1px solid #f3554d; background: #fff; color: #f3554d; border-radius: 25px; }
.query-table .table tbody td a.info-btn:hover { background: white; }
.query-table .table tbody td a.info-btn:focus { outline: none !important; }
.query-table .table tbody td button { border: none; background: none; outline: none; color: #666666; }

.pop-contrast { position: fixed; top: 50%; left: 50%; width: 210px; margin-left: 610px; margin-top: -140px; overflow: hidden; }
.pop-contrast .title { height: 40px; line-height: 40px; background: #f3554d; color: #fff; padding: 0 15px; font-size: 16px; }
.pop-contrast .title i { float: right; font-size: 16px; cursor: pointer; }

.contrast-list { padding: 0 15px 15px 15px; border: 1px solid #d4d4d4; background: #f8f8f8; }
.contrast-list ul { height: 180px; padding: 10px 0; }
.contrast-list ul li { position: relative; padding-right: 20px; height: 40px; line-height: 40px; }
.contrast-list ul li p { font-size: 14px; height: 40px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.contrast-list ul li i { position: absolute; right: 0; top: 0; cursor: pointer; font-size: 16px; color: #999999; }
.contrast-list .contrast-btn { text-align: center; }
.contrast-list .contrast-btn button { height: 30px; line-height: 28px; padding: 0 25px; font-size: 14px; outline: none; }
.contrast-list .contrast-btn button ~ button { margin-left: 10px; }
.contrast-list .contrast-btn button.to-compare { border: 1px solid #f3554d; background: #f3554d; color: #fff; border-radius: 3px; }
.contrast-list .contrast-btn button.to-compare:hover { background: #f6837d; }
.contrast-list .contrast-btn button.to-compare:focus { outline: none !important; }
.contrast-list .contrast-btn button.remove-btn { border: 1px solid #999; background: #fff; color: #999; border-radius: 3px; }
.contrast-list .contrast-btn button.remove-btn:hover { background: white; }
.contrast-list .contrast-btn button.remove-btn:focus { outline: none !important; }

.notice-head { padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; }
.notice-head .notice-title { margin-bottom: 10px; }
.notice-head .notice-title h5 { margin-right: 380px; font-size: 20px; color: #333; }
.notice-head .notice-title .recruit-num { display: inline-block; height: 20px; line-height: 20px; font-size: 15px; margin-left: 15px; padding-left: 15px; border-left: 1px solid #999999; color: #999999; font-weight: 400; }
.notice-head .notice-title .recruit-num i { font-weight: 600; padding: 0 2px; }
.notice-head .notice-title .notice-hd-btn { position: relative; padding-right: 130px; }
.notice-head .notice-title .notice-hd-btn .notice-contrast { font-size: 14px; border: none; background: none; outline: none; margin: 0 15px; color: #666666; }
.notice-head .notice-title .notice-hd-btn .notice-intention { font-size: 12px; padding: 5px 10px; border: 1px solid #d11243; background: #fff; color: #d11243; border-radius: 25px; }
.notice-head .notice-title .notice-hd-btn .notice-intention:hover { background: white; }
.notice-head .notice-title .notice-hd-btn .notice-intention:focus { outline: none !important; }
.notice-head .notice-title .notice-hd-btn .notice-intention i { display: inline-block; height: 12px; line-height: 12px; margin-left: 5px; padding-left: 5px; border-left: 1px solid #d11243; }
.notice-head .notice-matching { height: 30px; line-height: 30px; color: #999999; font-size: 14px; }
.notice-head .notice-matching .matching-hide { display: inline-block; width: 82px; height: 30px; background: url(../../images/must/matching-hide.jpg); }
.notice-head .notice-matching .matching-look { border: none; background: none; outline: none; line-height: 30px; color: #d11243; margin-left: 10px; }

.notice-info { padding-top: 15px; }
.notice-info .notice-title { font-size: 14px; color: #333; font-weight: 600; height: 35px; line-height: 30px; padding-bottom: 5px; }
.notice-info .notice-title .notice-tag { line-height: 20px; margin-left: 10px; font-weight: 400; background: #d11243; color: #fff; font-size: 12px; padding: 0 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.notice-info .notice-table th { background: #f8f8f8; border: 1px solid #e5e5e5; padding: 15px; font-size: 15px; font-weight: 400; color: #666666; text-align: left; }
.notice-info .notice-table td { font-size: 15px; border: 1px solid #e5e5e5; text-align: left; padding: 15px; }
.notice-info .notice-table td a { color: #337ab7; }
.notice-info .notice-table td a:hover { text-decoration: underline; }

.notice-btn { padding: 25px 0 15px; text-align: center; }
.notice-btn a { display: inline-block; text-align: center; width: 170px; height: 40px; line-height: 38px; margin: 0 15px; font-size: 16px; border: 1px solid #f2514e; background: #f2514e; color: #fff; border-radius: 25px; }
.notice-btn a:hover { background: #f5807e; }
.notice-btn a:focus { outline: none !important; }
.notice-btn a.sign-join { border: 1px solid #f2514e; background: #fff; color: #f2514e; border-radius: 25px; }
.notice-btn a.sign-join:hover { background: white; }
.notice-btn a.sign-join:focus { outline: none !important; }

.detail-operation { position: absolute; top: 0; right: 0; height: 30px; }
.detail-operation > a { padding: 0 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; line-height: 25px; }
.detail-operation > a:hover, .detail-operation > a:focus { color: #fff; }
.detail-operation > a.hollow-red { margin-left: 5px; }
.detail-operation > a.hollow-red:hover, .detail-operation > a.hollow-red:focus { color: #f1514e; }
.detail-operation .signup-num { display: inline-block; margin-left: 10px; font-size: 12px; color: #666666; }
.detail-operation .signup-num i { margin-left: 5px; font-size: 14px; color: #f1514e; }
.detail-operation .share-btn { display: inline-block; margin-left: 10px; font-size: 14px; color: #666666; cursor: pointer; line-height: 30px; }
.detail-operation .share-btn i { float: left; margin-right: 5px; color: #f47471; font-size: 16px; }
.detail-operation .share-down { position: relative; }
.detail-operation .share-down .share-btn { padding-left: 10px; position: relative; }
.detail-operation .share-down .share-btn:before { position: absolute; top: 8px; left: 0; content: ""; width: 1px; height: 16px; background: #ececec; }
.detail-operation .share-down:hover .share-down-box { display: block; }
.detail-operation .share-down .share-down-box { display: none; position: absolute; top: 30px; left: 50%; width: 120px; margin-left: -40px; background: #fff; border: 1px solid #dbdee2; padding: 5px 10px; z-index: 501; }
.detail-operation .share-down .share-down-box .arrow-top { position: absolute; top: -5px; left: 45%; width: 8px; height: 6px; background: url(../../images/must/arrow-top.png) no-repeat; }
.detail-operation .share-down .share-down-box ul li { line-height: 30px; border-bottom: 1px solid #f1f4f6; }
.detail-operation .share-down .share-down-box ul li a { display: block; color: #555; padding: 0 5px; }
.detail-operation .share-down .share-down-box ul li a:hover { background: #f1f1f1; }
.detail-operation .share-down .share-down-box ul li i { float: left; margin-right: 8px; }
.detail-operation .share-down .share-down-box ul li i.icon-qq { color: #4cabee; }
.detail-operation .share-down .share-down-box ul li i.icon-xlwb { color: #ea4533; }
.detail-operation .share-down .share-down-box ul li i.icon-wx { color: #5ca328; }
.detail-operation .share-down .share-down-box ul li:last-child { border: none; }
.detail-operation .share-down .share-down-box .wx-code { padding: 10px; }
.detail-operation .share-down .share-down-box .wx-code img { width: 100%; height: 100%; }

.md-prompt { width: 1200px; margin: 0 auto; margin-top: 20px; padding: 10px 20px; background: #fbf9ef; border: 1px solid #f4df7c; }
.md-prompt p { font-size: 14px; color: #666666; }
.md-prompt p a { color: #d11243; margin-left: 15px; }

.contrast-table { background: #fff; margin-bottom: 15px; }
.contrast-table .table { border: 1px solid #e5e5e5; margin-bottom: 0; }
.contrast-table .fixed-top { position: fixed; top: 0; }
.contrast-table thead tr th { height: 40px; line-height: 40px; border: none; padding: 0; }
.contrast-table thead tr th.contrast-title { height: 100%; }
.contrast-table thead tr th.contrast-title .table-category { position: relative; width: 100%; height: 50px; }
.contrast-table thead tr th.contrast-title .table-category span { display: block; text-align: right; padding: 0 10px; position: absolute; right: 0; top: 0; line-height: 25px; }
.contrast-table thead tr th.contrast-title .table-category span ~ span { text-align: left; left: 0; right: inherit; bottom: 0; top: inherit; }
.contrast-table thead tr th.contrast-title .table-category:after { position: absolute; left: -5px; top: 50%; display: inline-block; content: ""; width: 190px; height: 1px; background: #EDF1F2; transform: rotate(17deg); -ms-transform: rotate(17deg); /* IE 9 */ -moz-transform: rotate(17deg); /* Firefox */ -webkit-transform: rotate(17deg); /* Safari 和 Chrome */ -o-transform: rotate(17deg); }
.contrast-table tbody tr td { border-top: 1px solid #EDF1F2; padding: 0; }
.contrast-table .contrast-title { width: 180px; border-right: 1px solid #EDF1F2; font-weight: 600; font-size: 14px; background: #fafafa; text-align: center; }
.contrast-table .table-ul { height: 100%; }
.contrast-table .table-ul li { height: 100%; padding: 15px 25px; font-size: 14px; line-height: 30px; display: table-cell; text-align: center; }
.contrast-table .table-ul li ~ li { border-left: 1px solid #EDF1F2; }
.contrast-table .contrast-head { background: #f8f8f8; }
.contrast-table .contrast-head li { position: relative; }
.contrast-table .contrast-head li p { line-height: 25px; font-size: 14px; }
.contrast-table .contrast-head li i { position: absolute; right: 5px; top: 0px; font-size: 20px; color: #999999; cursor: pointer; font-weight: 400; }

.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-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; }

@media screen and (max-width: 1500px) { .pop-contrast { left: initial; right: 0; margin-left: 0; } }