.shadow-base { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12) } .ui-sidebar { bottom: 133px !important; z-index: 79; } .cl-blue, .ui-tab .ui-tab-navs .ui-tab-nav a:hover { color: #36c } .header-bar form, .main, .wrapper { width: 1200px; margin: 0 auto } .main { min-height: 580px; margin: 16px auto; position: relative; z-index: 1 } .responsive-table .tool-bar { margin-top: -30px; height: 30px; line-height: 30px; margin-bottom: 16px } i.vip, i.vip-text { display: inline-block } i.vip-text { border-radius: 2px; padding: 2px 4px; font-family: "Open Sans", sans-serif; font-style: normal; font-size: 12px; font-weight: 700; word-spacing: -3px; background-color: #f60; color: #fff; line-height: 14px; box-shadow: 1px 1px 2px rgba(0, 0, 0, .2) } i.vip { width: 20px; height: 20px; vertical-align: -4px; background: url(../images/vip_icons.png) center -20px no-repeat } i.vip.vip1 { background-position: center -13px } i.vip.vip2 { background-position: center -63px } i.vip.vip3 { background-position: center -113px } i.vip.vip4 { background-position: center -163px } i.vip.vip5 { background-position: center -217px } .pagination { line-height: 26px } .ui-dropdown .ui-dropdown-menu li a:hover, div.ui-autocomplete .ui-autocomplete-box .ui-autocomplete-list li span:hover, div.ui-autocomplete .ui-autocomplete-box .ui-autocomplete-list li.active span { color: #36c; background-color: #ebf0fa } .btn-blue { color: #fff; background-color: #36c; border-color: #36c } .btn-blue:active.focus, .btn-blue:active:focus, .btn-blue:active:hover, .btn-blue:focus, .btn-blue:hover { color: #fff; background-color: #274e9b; border-color: #274e9b } .btn-blue:active { color: #fff; background-color: #274e9b; border-color: #274e9b } .ui-sidebar .item { background-color: #36c } .ui-sidebar .item:hover { background-color: #2952a3 } .ui-tab .ui-tab-navs .ui-tab-nav a:after { border-bottom-color: #36c } .ui-tab .ui-tab-navs .ui-tab-nav a.active { color: #36c; border-bottom-color: #36c } .responsive-table-wrapper .responsive-table-toolbar .ui-dropdown-menu label:hover, .table tbody th, .table tbody tr.highlight td, .table tbody tr.highlight th, .ui-topnav .item .subnav li a:hover { background-color: #ebf0fa } .table.table-striped tbody tr th { background-color: #fff } .table.table-striped tbody tr:nth-child(odd)>td, .table.table-striped tbody tr:nth-child(odd)>th { background-color: #f7f9fd } div.ui-dialog { padding: 0; border: 0; overflow: hidden; box-shadow: 1px 1px 10px rgba(0, 0, 0, .5); border-radius: 5px } div.ui-dialog .ui-widget-header { background-color: #fff; border: 0; border-radius: 0; padding: 10px; height: 22px; line-height: 22px; font-size: 18px; font-weight: 400; font-family: "microsoft yahei" } div.ui-dialog .ui-widget-header .ui-dialog-title { margin: 0 } div.ui-dialog .ui-widget-header .ui-dialog-titlebar-close .fa { color: #fff } .form .form-label { font-size: 12px; font-weight: 700; color: #666 } .form .btn.form-control-width { width: 196px; padding-left: 0; padding-right: 0 } .form button.btn.form-control-width { width: 198px; padding-left: 0; padding-right: 0 } .form .form-control { font-size: 12px; width: 180px } .form .form-control.half { width: 75px } .form .form-control:focus { border-color: #99b3e6 } .form select.form-control { width: 198px } .form.align-right .form-label { padding-left: 0; width: 90px; left: -36px } .form.form-style-1, .form.form-style-2 { *zoom: 1 } .form.form-style-1:after, .form.form-style-1:before { content: ""; display: table } .form.form-style-1:after { clear: both } .form.form-style-1 .form-groups { width: 50%; float: left } .form.form-style-1 .form-group { margin-bottom: 20px } .form.form-style-2:after, .form.form-style-2:before { content: ""; display: table } .form.form-style-2:after { clear: both } .form.form-style-2 .form-groups { width: 33.3%; float: left } .form.form-style-2 .form-double-groups { width: 66.66%; float: left } .form.form-style-2 .form-double-groups .form-group { width: 50%; *width: 49.9%; float: left } .form.form-style-2 .form-group { margin-bottom: 8px } .form .box-height-2 { min-height: 76px; width: 220px } .form.form-style-3 { padding-left: 100px; *zoom: 1 } .form.form-style-3 .row:after, .form.form-style-3 .row:before, .form.form-style-3:after, .form.form-style-3:before { content: ""; display: table } .form.form-style-3 .row:after, .form.form-style-3:after { clear: both } .form.form-style-3 .row { *zoom: 1; margin-bottom: 8px } .form.form-style-3 .row.first .col1 { visibility: hidden } .form.form-style-3 .row.first .col3 .removecon { display: none } .form.form-style-3 .col { float: left; padding: 2px 0; margin-right: 8px } .form.form-style-3 .col.col1 { width: 80px } .form.form-style-3 .col.col2 { width: 100px } .form.form-style-3 .col.col3 { width: 320px } .form.form-style-3 .title { font-size: 14px; text-align: center } .form.form-style-3 .form-groups { width: 40%; float: left } .form.form-style-3 form.form-groups { width: 60% } .form.single-page .form-group { margin-bottom: 12px } .dbicons, .tag { display: inline-block } .dbicons { font-style: normal; vertical-align: middle; background: url(../images/dbicons.png) no-repeat 0 0; width: 30px; height: 30px } .dbicons.icon1-1 { background-position: 0 0 } .dbicons.icon1-2 { background-position: -30px 0 } .tag { width: 10px; height: 10px; background: url(../images/tag.png) 0 0 no-repeat } .tag.tag-new { position: relative; top: -4px; left: 4px } .ui-topnav { background-color: #36c; height: 36px; padding: 0 4px; position: relative; z-index: 1 } .ui-topbar #change_language, .ui-topnav .item { float: left; position: relative } .ui-topnav .item .name { display: inline-block; padding: 4px 4px; color: #fff; line-height: 28px; font-size: 14px; position: relative; z-index: 2; cursor: default; font-weight: 700 } .ui-topnav .item .name:hover { text-decoration: none } .ui-topnav .item .name.arrow { padding-right: 14px } .ui-topnav .item .name.arrow:after { content: ""; position: absolute; z-index: 2; right: 4px; bottom: 50%; margin: 0 0 -6px -4px; border: 4px solid transparent; border-top-color: #fff } .ui-topnav .item .subnav { position: absolute; z-index: 1; width: 240px; left: -1px; top: 35px; display: none; padding: 8px 0; background-color: #fff; border: 1px solid #ccc; box-shadow: 0 0 5px rgba(0, 0, 0, .2) } .ui-topnav .item .subnav li { background-position: 10px center } .ui-topnav .item .subnav li a { display: block; _zoom: 1; color: #36c; padding: 8px 16px; text-decoration: none } .ui-topnav .item.active .name { background-color: #fff; color: #36c } .ui-topnav .item.active .subnav { display: block } .ui-topnav .padding { display: inline-block; *zoom: 1; *display: inline; line-height: 28px; padding: 4px 5px; font-weight: 700; font-size: 14px } .ui-topnav .padlr2 { padding: 4px 2px;} .ui-topnav .padding a, .user-header-bar .links a { display: inline-block; color: #fff } .ui-topnav .database-list { min-height: initial } .ui-topnav .database-list .form-control { line-height: 18px; height: 18px; width: 150px } .ui-topnav .database-list .ui-dropdown-menu { width: 964px; min-height: 100px; _height: 100px; padding: 16px; font-size: 12px; background-color: #eee; border-top: 0; box-shadow: 0 5px 5px rgba(0, 0, 0, .2) } .ui-topnav .database-list .ui-dropdown-menu .category { margin-top: 0; padding: 0; line-height: 20px; border: 0; background-color: transparent } .ui-topnav .database-list .ui-dropdown-menu .category .head .database-icon { width: 20px; height: 20px } .ui-topnav .database-list .ui-dropdown-menu .category .body { padding: 0 } .ui-topnav .database-list .db-loading, .ui-topnav .database-list .db-nodata { top: 0 } .ui-topnav .tools { display: inline-block; border-radius: 2px; width: 28px; text-align: center } .ui-topnav .tools:hover { background: #fff; color: #36c } .page-index .ui-topnav { height: 28px; padding: 0 8px } .page-index .ui-topnav .item .name { line-height: 20px; padding: 4px 16px 4px 8px; font-size: 12px; font-weight: 400 } .page-index .ui-topnav .subnav { top: 27px } .page-index .ui-topnav .padding { padding: 4px 8px; line-height: 20px; font-weight: 400; font-size: 12px } .page-index .ui-topnav .database-list, .ui-topbar #change_language li+li { display: none } .page-index .ui-topnav .database-list .form-control { line-height: 14px; height: 14px } .ui-topnav-wrapper { width: 1200px; margin: 0 auto; position: relative; z-index: 89 } .header-bar-wrapper { z-index: 91 } .ui-topbar { background-color: #f1f1f1; border-bottom: 1px solid #ccc; height: 30px; line-height: 30px; position: relative; z-index: 93; } .ui-topbar #change_language { z-index: 5; display: inline-block; cursor: pointer; margin: 0 5px 0 10px } .ui-topbar #change_language ul { list-style: none; margin: 0; padding: 0; text-align: center; background: #f1f1f1; font-size: 12.45px; font-family: 'Microsoft YaHei'; color: #2952a3 } .ui-topbar #change_language li { width: 67px; height: 30px; line-height: 30px; padding-right: 10px } .ui-topbar #change_language li+li:hover { background: #ccdcfc } .ui-topbar #change_language .open { position: absolute; top: 12.5px; right: 5px; border-top: 5.5px solid #666; border-left: 5.5px solid transparent; border-right: 5.5px solid transparent } .ui-topbar .item { float: left; padding: 0 8px } .ui-topbar .item.nav-toggle { display: none; width: 24px; text-align: center; font-size: 20px } .ui-topbar .item.nav-toggle:visited { background-color: transparent } .ui-topbar .item.nav-toggle:active { background-color: #ccc } .ui-topbar .item.app .app-icon { margin: 3px 10px; cursor: pointer; padding: 0 3px; line-height: 20px; border-radius: 3px; color: #fff; background-color: #36c; border: 1px solid #36c } .ui-topbar .item.app .app-icon .fa { font-size: 20px; position: relative; top: 2px; height: 20px; animation: move 3s 0s infinite; -webkit-animation: move 3s 0s infinite } .ui-topbar .item.app .subnav { width: 160px; padding: 10px 20px } .ui-topbar .item.app .subnav .btn { display: block; height: 22px; color: #fff } .ui-topbar .item.app .subnav .btn span { border-left: 1px solid #fff; line-height: 14px; margin: 4px 0 0 4px; padding: 0 8px } .ui-topbar .item.app:hover .hover-layer, .ui-topbar .item.sub-box:hover .subnav { display: block } .ui-topbar .item.user { position: relative; padding-left: 40px } .ui-topbar .item.user img { position: absolute; width: 26px; height: 26px; top: 50%; margin-top: -13px; left: 6px } .ui-topbar .item.joinvip { border: 1px solid #ff3f3a; height: 18px; line-height: 18px; margin-top: 6px; padding: 0 3px } .ui-topbar .item.joinvip a { color: #ff3f3a; text-decoration: none } .ui-topbar .item.joinvip .vip5 { vertical-align: -6px; background: url(../images/vip5kt.png) 0 1px no-repeat; background-size: auto 16px } .ui-topbar .item.sub-box { position: relative } .ui-topbar .item.sub-box .name { display: block; position: relative; z-index: 2; background-color: #f1f1f1 } .ui-topbar .item.sub-box .subnav { display: none; line-height: 24px; position: absolute; z-index: 1; top: 100%; left: 5px; min-width: 100px; border: 1px solid #ccc; border-top: 0; background-color: #f1f1f1 } .ui-topbar .item.sub-box .subnav a { display: block; padding: 0 6px } .ui-topbar .item.cl-blue { color: #36c } @keyframes move { 0%, 65%, to { transform: rotate(0deg) } 70%, 80%, 90% { transform: rotate(10deg) } 75%, 85%, 95% { transform: rotate(-10deg) } } .ui-topbar a { color: #666; vertical-align: top; } .ui-topbar .download_qrcode { display: inline-block; width: 100% } .header-bar { padding: 16px 0; height: 40px; background-color: #fff } .header-bar.stuck { position: fixed; top: 0; left: 0; width: 100%; box-shadow: 2px 2px 2px #eee; border-bottom: 1px solid #ddd; z-index: 10 } .header-bar .logo { display: inline-block; width: 266px; height: 40px; background: url(../images/logo.png) no-repeat 0 -58px; margin-left: 8px } .header-bar .search-box { display: inline-block; *zoom: 1; *display: inline; border: 1px solid silver; margin: 2px 0 0 80px; height: 34px; width: 430px; padding: 0 90px 0 84px; line-height: 34px; position: relative; vertical-align: top } .header-bar .search-box .search-type-select { width: 84px; visibility: hidden; position: absolute; left: -1px; top: 0 } .header-bar .search-box .ui-dropdown-select { height: 34px; position: absolute; left: 0; top: 0 } .header-bar .search-box .ui-dropdown-select .ui-dropdown-select-name { height: 26px; line-height: 26px; border-radius: 0; border: 0 } .header-bar .search-box .ui-autocomplete { height: 34px; float: left } .header-bar .search-box .ui-autocomplete .ui-autocomplete-box, body.detail .time-line .con .line .scroll li { overflow: hidden } .header-bar .search-box .ui-autocomplete .ui-autocomplete-list { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .header-bar .search-box .search { border: 0; border-left: 1px solid silver; height: 34px; line-height: 34px; width: 422px; padding: 0 4px; color: #222; box-shadow: 1px 1px 1px #eee inset; *margin-top: -1px } .header-bar .search-box .search-btn { width: 90px; height: 36px; position: absolute; right: -1px; top: -1px; background: #36c; text-align: center; font-size: 14px; color: #fff; text-decoration: none } .header-bar .link-vip { display: inline-block; vertical-align: top; margin-left: 32px } .header-bar .link-vip img, .page-chart #hotpoint svg { vertical-align: top } .yinliuyangguan { position: fixed; top: 120px; right: 10px; width: 32px; height: 48px } .yinliuyangguan #inliu_header_hg_img1 { cursor: pointer; animation: myfirst 2s infinite; position: absolute; animation-play-state: paused } .yinliuyangguan #inliu_header_hg_img2 { position: absolute; top: -45px; right: 40px } .sub-box-app-tip { position: absolute; display: none; width: 193px; height: 64px; left: 120px; top: 0; z-index: 200; background: url(../images/sub-box-app-tip-bg.png) no-repeat; } .sub-box-app-tip-txt { font-size: 13px; color: #666; display: block; margin: 13px 23px 6px 25px; line-height: 1.5; } .sub-box-app-tip-close { position: absolute; right: 10px; top: 12px; width: 14px; height: 14px; background: url(../images/sub-box-app-tip-close.png) no-repeat; cursor: pointer;} @keyframes myfirst { 0%, to { top: -5px } 50% { top: 5px } } .qiyeban_yinliu { position: absolute; background: url(../images/toVip.png) 0 1px no-repeat; text-align: center; width: 260px; height: 150px; bottom: -155px; right: 65px; display: inline-block } .qiyeban_yinliu .box { font-size: 16px; float: left; width: 150px; margin-left: 10px; text-align: center; line-height: 28px; margin-top: 20px } .qiyeban_yinliu .box .box_t { color: #666 } .qiyeban_yinliu .box .box_i { color: #ff9603 } .qiyeban_yinliu .box .box_b { width: 91px; height: 28px; background-color: orange; background-image: linear-gradient(-90deg, #ffc000 0, #ff9400 100%); border-radius: 3px; text-align: center; color: #fff; margin: 0 auto } .qiyeban_yinliu .box a:hover { text-decoration: none } .user-header-bar { background-color: #36c; padding: 20px 0 } .user-header-bar .wrapper { *zoom: 1 } .user-header-bar .wrapper:after, .user-header-bar .wrapper:before { content: ""; display: table } .user-header-bar .wrapper:after { clear: both } .user-header-bar .logo, .user-header-bar .text { float: left; color: #ff0; text-decoration: none; margin-left: 8px; display: inline-block } .user-header-bar .logo { width: 210px; background: url(../images/logo.png) no-repeat 0 -109px; height: 36px } .user-header-bar .text { line-height: 1; border-left: 1px solid #7ba9ee; padding-left: 10px; height: 30px; margin-top: 4px } .user-header-bar .links { float: left; font-size: 14px; margin-left: 60px; height: 36px; line-height: 36px } .user-header-bar .links a { margin-right: 20px } .user-header-bar .search-box { float: right; background-color: #fff; margin-top: 3px; display: inline-block; *zoom: 1; *display: inline; border: 1px solid silver; height: 28px; line-height: 28px; vertical-align: middle; position: relative } .user-header-bar .search-box .search-type-select { width: 64px; visibility: hidden } .user-header-bar .search-box .ui-dropdown-select { height: 28px; vertical-align: top } .user-header-bar .search-box .ui-dropdown-select .ui-dropdown-select-name { height: 20px; line-height: 20px; border-radius: 0; border: 0; border-right: 1px solid silver } .user-header-bar .search-box .ui-dropdown-select .ui-dropdown-arrow { top: 12px } .user-header-bar .search-box .ui-dropdown-select.open .ui-dropdown-arrow { top: 8px } .user-header-bar .search-box .search { height: 28px; line-height: 28px; width: 260px; border: 0; vertical-align: top; padding: 0 4px; color: #222; font-weight: 700; *height: 26px; *line-height: 26px } .user-header-bar .search-box .search-btn { position: absolute; top: -1px; right: -1px; width: 90px; height: 30px; background: #d5d5d5; text-align: center; font-size: 14px; color: #666; text-decoration: none } .ui-selectmenu-menu.search-type-menu .ui-menu { border-color: silver } .ui-selectmenu-menu.search-type-menu .ui-menu-item { line-height: 26px; padding: 0 4px; border: 0; color: #36c } .ui-selectmenu-menu.search-type-menu .ui-menu-item.ui-state-focus { margin: 0; background-color: #eee } .footer, footer { border-top: 1px solid #ccc; background-color: #f2f2f2; padding: 20px 0; color: #606060; position: relative; z-index: 80 } .footer a, footer a { color: #606060 } .footer .clearfix-mid, footer .clearfix-mid { margin-top: 9px } .footer .clearfix, footer .clearfix { height: 24px; line-height: 20px } .footer .clearfix .fl a, footer .clearfix .fl a { margin-right: 12px } .footer .clearfix .new_beian, footer .clearfix .new_beian { text-decoration: none; float: right } .footer .clearfix .tousu, footer .clearfix .tousu { display: inline-block; position: relative; cursor: pointer; top: -8px; right: 0 } .footer .clearfix .tousu img, footer .clearfix .tousu img { width: 100%; vertical-align: top } .footer .clearfix .tousu .tousu-msg, footer .clearfix .tousu .tousu-msg { width: 172px; height: 74px; box-shadow: 0 0 12px #dcdcdc; background: #fff; border-radius: 4px; position: absolute; z-index: 999; bottom: 50px; left: -40px; padding-top: 16px; display: none } .footer .clearfix .tousu .tousu-msg p, footer .clearfix .tousu .tousu-msg p { margin-left: 16px; line-height: 20px; color: #666; font-size: 12px } .footer .clearfix .tousu .tousu-msg:after, footer .clearfix .tousu .tousu-msg:after { content: ''; display: block; width: 20px; height: 20px; box-shadow: -2px -2px 4px #dcdcdc; -moz-box-shadow: -2px -2px 4px #dcdcdc; -webkit-box-shadow: -2px -2px 4px #dcdcdc; background: #fff; position: absolute; bottom: -10px; left: 72px; transform: rotate(225deg); -ms-transform: rotate(225deg); -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg) } .footer .fa, footer .fa { font-size: 20px; margin: 0 6px; color: #333 } .footer .fa:hover, footer .fa:hover { text-decoration: none } .footer.user-footer, footer.user-footer { color: #999; background-color: #fff; border-top: 2px solid #36c } .footer.user-footer .links, footer.user-footer .links { padding: 0 10px 20px; text-align: left; position: relative } .footer.user-footer .links .follow, footer.user-footer .links .follow { position: absolute; right: 0; top: 0 } .footer.user-footer .links a, footer.user-footer .links a { margin-right: 16px; white-space: nowrap } .footer.user-footer .links a.fa, footer.user-footer .links a.fa { margin-right: 8px } .footer.user-footer .links a:hover, footer.user-footer .links a:hover { color: #36c } .footer.user-footer .relative, footer.user-footer .relative { min-height: 100px } .footer.user-footer .contacts, footer.user-footer .contacts { position: absolute; top: 10px; right: 10px; text-align: right } .footer.user-footer .contacts b, footer.user-footer .contacts b { color: #333 } .footer.user-footer p, footer.user-footer p { margin-top: 4px } .footer #netsafe, footer #netsafe { display: inline-block; text-decoration: none; height: 20px; line-height: 20px } .footer #netsafe img, footer #netsafe img { float: left } .footer #netsafe p, footer #netsafe p { float: left; height: 20px; line-height: 20px; margin: 0 0 0 5px; color: #999 } .footer-style-1 { padding: 40px 0 20px; border-top: 1px solid #ccc; text-align: center } .footer-style-1 p, html.iframe body { margin: 8px } .ui-filter { min-height: 1px } .ui-filter .row { min-height: 22px; line-height: 22px; border-bottom: 1px solid #ccc; padding: 6px } .ui-filter .row .key { width: 6em; text-align: right; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 40px } .ui-filter .row .values { position: relative; overflow: hidden; *zoom: 1 } .ui-filter .row .values .field { display: inline-block; height: 20px; line-height: 20px; border: 1px solid #ccc; position: relative; padding: 0 24px 0 4px; margin-right: 5px; cursor: pointer } .ui-filter .row .values .field em { color: #e74c3c } .ui-filter .row .values .field .fa { position: absolute; right: 0; top: 0; color: #e74c3c; width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: transparent } .ui-filter .row .values .field:hover { border-color: #36c; text-decoration: none } .ui-filter .row .values .field:hover .fa { color: #fff; background-color: #36c } .ui-filter .row .values .link { display: inline-block; margin-right: 16px; color: #36c } .ui-filter .row .values .num-area { display: inline-block } .ui-filter .row .values .num-area input { display: inline-block; width: 3em; border: 1px solid #ccc; height: 20px; line-height: 20px } .ui-filter .row .values .num-area input:focus { border-color: #5c85d6 } .ui-filter .row .values .num-area .btn { margin-left: 4px; padding: 0 8.4px; line-height: 20px; height: 22px } .ui-filter .row .values .checkbox, .ui-filter .row .values .radio, .ui-filter .row .values .text { display: inline-block; line-height: 22px; vertical-align: middle; padding: 0 6px } .ui-filter .row .values .checkbox, .ui-filter .row .values .radio { position: relative; padding-left: 16px } .ui-filter .row .values .checkbox input, .ui-filter .row .values .radio input { position: absolute; margin: 6px 0 0 -16px; *margin: -3px 0 0 -20px; _margin-top: -4px } .ui-filter .row .values .clear-all { position: absolute; right: 0; top: 0 } .ui-filter .row .values .space { margin-right: 16px } .ui-filter .row.multi-select { position: relative } .ui-filter .row.multi-select .values { margin-right: 70px; position: relative; z-index: 2 } .ui-filter .row.multi-select .multi-actions { z-index: 1; position: absolute; top: 0; right: 0; height: 100%; width: 100% } .ui-filter .row.multi-select .multi-actions .multi-more { display: block; position: absolute; right: 6px; top: 6px } .ui-filter .row.multi-select .multi-actions .multi-submit { position: absolute; left: 50%; bottom: 6px; margin-left: -68px; display: none } .ui-filter .row.multi-select .multi-actions .multi-cancel { position: absolute; left: 50%; bottom: 6px; margin-left: 8px; display: none } .ui-filter .row.multi-select.open { min-height: 48px; padding-bottom: 40px } .ui-filter .more .rows, .ui-filter .row.multi-select.open .multi-more { display: none } .ui-filter .row.multi-select.open .link { background: url(//static.yaozh.com/images/core/checkbox-three.png) no-repeat 1px 6px; padding: 0 8px 0 16px; margin: 0 10px 4px 0 } .ui-filter .row.multi-select.open .link.selected { background-position: 1px -44px } .ui-filter .row.multi-select.open .multi-cancel, .ui-filter .row.multi-select.open .multi-submit { display: block } .ui-filter .more { *zoom: 1 } .ui-filter .more:after, .ui-filter .more:before { content: ""; display: table } .ui-filter .more:after { clear: both } .ui-filter .more .control { position: relative; height: 3px; margin-bottom: 26px; border-bottom: 1px solid #ccc; background-color: #f1f1f1 } .ui-filter .more .control .btn { position: absolute; left: 50%; top: 3px; width: 120px; padding: 2px; margin-left: -60px; background-color: #f1f1f1; font-size: 12px; border-top: 0; border-radius: 0 0 5px 5px } .ui-filter .more .control .btn .fa { font-size: 1.4em } .ui-filter .more .control .btn:active, .ui-filter .more .control .btn:focus, .ui-filter .more .control .btn:hover { border-color: #ccc } .ui-filter .more .control .more { display: inline-block } .ui-filter .more .control .less { display: none } .ui-filter .more .control:hover { border-bottom-color: #85a3e0; background-color: #85a3e0 } .ui-filter .more .control:hover .btn { color: #fff; background-color: #85a3e0; border-color: #85a3e0 } .ui-filter .more.open .rows { display: block } .ui-filter .more.open .control .more { display: none } .ui-filter .more.open .control .less { display: inline-block } .ui-filter-loading { border: 1px solid #ccc } .ui-filter-loading .loading { color: #36c; line-height: 30px; text-align: center; font-size: 20px } .ui-filter-loading .qiyeban { font-size: 14px; line-height: 35px; letter-spacing: 0; color: #333; text-align: center } .ui-filter-loading .qiyeban .center { padding-left: 20px; background-image: url(../images/yinliu/saixuan.png); background-repeat: no-repeat; background-position-y: 3px } .db-nodata.base-list .to-custom:hover, .ui-crumb .info a:hover, .ui-crumb>a, .ui-filter-loading .qiyeban .center .a { color: #36c } .sprites-tool_icons_01, .sprites-tool_icons_02 { display: inline-block; background-image: url(../images/sprites.png); background-position: 0 0; width: 100px; height: 100px } .sprites-tool_icons_02 { background-position: -100px 0 } .sprites-tool_icons_03, .sprites-tool_icons_04, .sprites-tool_icons_05, .sprites-tool_icons_06 { display: inline-block; background-image: url(../images/sprites.png); background-position: 0 -100px; width: 100px; height: 100px } .sprites-tool_icons_04, .sprites-tool_icons_05, .sprites-tool_icons_06 { background-position: -100px -100px } .sprites-tool_icons_05, .sprites-tool_icons_06 { background-position: -200px 0 } .sprites-tool_icons_06 { background-position: -200px -100px } .sprites-tool_icons_07, .sprites-tool_icons_08, .sprites-tool_icons_09, .sprites-tool_icons_10 { display: inline-block; background-image: url(../images/sprites.png); background-position: 0 -200px; width: 100px; height: 100px } .sprites-tool_icons_08, .sprites-tool_icons_09, .sprites-tool_icons_10 { background-position: -100px -200px } .sprites-tool_icons_09, .sprites-tool_icons_10 { background-position: -200px -200px } .sprites-tool_icons_10 { background-position: -300px 0 } .ui-crumb { padding: 6px; width: 1186px; margin: auto; border: 1px solid #ccc; position: relative; background-color: #fff } .ui-crumb em { font-style: normal; font-family: consolas } .ui-crumb .info { position: absolute; top: 6px; right: 6px } .ui-crumb .info .fa { font-size: 14px } .link-select-wrap { width: 198px; vertical-align: top; margin-top: -5px } .link-select-wrap .ui-dropdown-select { margin-top: 5px } .link-select-wrap, .ui-data-range { display: inline-block; *zoom: 1; *display: inline } .detail-thumb { height: 120px; position: relative } .detail-thumb .show-detail { position: absolute; right: 0; bottom: 0; padding: 0 8px; color: #36c; font-size: 20px } .publish-animate, .publish-animate .img { position: absolute; right: 240px; top: -88px; width: 105px; height: 95px } .publish-animate .img { right: 0; top: 0; background: url(../images/xh.png) no-repeat 0 0 } .publish-animate.publish-style1 { margin-top: 28px } .db-nodata { position: relative; padding: 16px 0; height: 68px; overflow: hidden; font-size: 14px } .db-nodata .text { line-height: 20px; position: absolute; left: 50%; top: 50%; margin: -10px 0 0 8px } .db-nodata .xiaozhi-girl { position: absolute; top: 50%; right: 50%; margin-right: 8px; margin-top: -44px } .db-nodata.base-list { padding: 100px 0 } .db-nodata.base-list .xiaozhi-boy-find, .db-nodata.base-list .xiaozhi-boy-sport, .db-nodata.base-list .xiaozhi-girl-kefu { position: absolute; right: 50%; top: 50%; margin-right: 200px; margin-top: -44px } .db-nodata.base-list .text { margin-top: -20px; margin-left: -160px } .xiaozhi-boy, .xiaozhi-boy-find, .xiaozhi-boy-sport, .xiaozhi-girl, .xiaozhi-girl-kefu { position: relative; width: 88px; height: 88px } .xiaozhi-boy .img, .xiaozhi-boy-find .img, .xiaozhi-boy-sport .img, .xiaozhi-girl .img, .xiaozhi-girl-kefu .img { position: absolute; right: 0; top: 0; width: 88px; height: 88px } .xiaozhi-girl .img { background: url(../images/xiaozhi_girl.png) no-repeat 0 0 } .xiaozhi-boy .img { background: url(../images/xiaozhi_boy.png) no-repeat 0 0 } .xiaozhi-boy-find .img { background: url(../images/xiaozhi_boy_find.png) no-repeat 0 0 } .xiaozhi-boy-sport .img { background: url(../images/xiaozhi_boy_sport.png) no-repeat 0 0 } .xiaozhi-girl-kefu .img { background: url(../images/xiaozhi_girl_kefu.png) no-repeat 0 0 } .xiaozhi_girl_cry { width: 88px; height: 88px; background: url(../images/xiaozhi_girl_cry.png) no-repeat 0 0 } .db-loading { position: relative; padding: 16px 0; height: 68px; overflow: hidden; font-size: 14px } .db-loading .text { line-height: 20px; position: absolute; left: 50%; top: 50%; margin: -10px 0 0 8px } .db-loading .xiaozhi-girl { position: absolute; top: 50%; right: 50%; margin-right: 8px; margin-top: -44px } .db-loading.base-list { padding: 80px 0 } .tips-dialog { position: relative; height: 200px } .mt40 { margin-top: 40px } .ml40 { margin-left: 40px } .t45P { top: 40% } .zjl_btn-blue { width: 100px; height: 25px; background-color: #36c; border-radius: 3px; text-align: center; display: inline-block; color: #fff; line-height: 25px } .zjl_btn-blue:hover { text-decoration: none } .pd0 { padding-top: 6px !important; padding-bottom: 18px !important } .pd20 { padding-top: 20px !important; padding-bottom: 20px !important } .msg-error, .msg-success, .no-login, .no-vip { width: 380px; padding: 33px 0 33px 140px; position: absolute; left: 50%; margin: 0 0 0 -250px } .cl-blck { color: #666; font-size: 14px } .tip-kefu { background: url(../images/xiaozhi_girl_kefu.png) no-repeat 0 center } .msg-success, .tip-boy { background: url(../images/xiaozhi_boy.png) no-repeat 0 center } .msg-error, .no-login, .no-vip { background: url(../images/xiaozhi_girl2_cry.png) no-repeat 0 center } .zjl_happy { background: url(../images/xiaozhi_girl2_happy.png) no-repeat 0 center !important } .vip-expire .tolink { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .vip-expire .arrow { width: 248px; height: 248px; position: absolute; right: 0; top: 40px; background: url(../images/vip-expire.png) no-repeat 0 0 } .vip-expire .yinliu { background-image: url(../images/yinliu/new_03.png); background-position: 0 4px; background-repeat: no-repeat; padding-left: 30px; margin: 0 auto; width: 358px; color: #333; font-size: 14px } .vip-expire .yinliu .infomation_link { color: #36c } .vip-expire .box { position: absolute; right: 180px; top: 300px; background-color: #fff; width: 600px; padding: 80px; box-shadow: 1px 1px 10px rgba(0, 0, 0, .5) } .vip-expire .box .close { position: absolute; right: 0; top: 0; font-size: 26px; line-height: 26px; width: 26px; text-align: center; text-decoration: none } .vip-expire .content .xiaozhi_girl_cry { float: left; margin-right: 16px; margin-top: -16px } .ad-download { position: fixed; left: 0; bottom: 0; width: 100%; height: 200px; z-index: 100 } .ad-download .bground { width: 100%; height: 100%; position: absolute; z-index: 1; background-color: #001634; opacity: .8; filter: Alpha(Opacity=80) } .ad-download .fground { width: 100%; height: 100%; position: absolute; z-index: 2; text-align: center } .ad-download .actions { width: 100%; height: 100%; position: absolute; z-index: 3 } .ad-download .actions .close { position: fixed; font-size: 40px; line-height: 40px; color: #fff; text-decoration: none; right: 10px; bottom: 160px } .ad-download .actions .close:hover { color: #e74c3c } .ad-download .actions .android, .ad-download .actions .iphone { position: absolute; left: 50%; top: 79px; width: 109px; height: 31px; margin-left: 56px } .ad-download .actions .android { top: 123px } .ui-collect { background-color: #ebf0fa } .ui-collect .ui-collect-head { border-top: 1px solid #ccc; padding: 15px 18px } .ui-collect .ui-collect-body { border-top: 1px dashed #ccc; padding: 15px 0; margin: 0 18px } .ui-collect .ui-collect-body .ui-collect-item { width: 50%; line-height: 25px } .chart-ypzb .red { color: #e74c3c } .chart-ypzb .search-result a.active { color: #36c; font-weight: 600 } .chart-ypzb .ui-filter a { padding: 0 11px } .chart-ypzb .ui-filter a.active, .chart-ypzb .ui-filter a:hover { color: #36c; background: #ebf0fa; border-radius: 2px } .chart-ypzb .fa.zb { position: relative; top: 3px; width: 20px; height: 15px; overflow: visible; background: url(/Public/images/other/chart/ypzb_icons.png) no-repeat 0 0 } .chart-ypzb .fa.zb-dq { background-position: 0 -2px } .chart-ypzb .fa.zb-qy { background-position: 0 -22px } .chart-ypzb .fa.zb-gg { background-position: 0 -41px } .chart-ypzb .fa.zb-new { background-position: 0 -58px } .chart-ypzb .fa.zb-early { background-position: 0 -79px } .chart-ypzb .fa.zb-height { background-position: -1px -100px } .chart-ypzb .fa.zb-lower { background-position: -1px -117px } .chart-ypzb .fa.zb-pz { background-position: 0 -138px } .chart-ypzb .fa.zb-more-pz { background-position: -1px -156px } .chart-ypzb .fa.zb-more-dq { background-position: -1px -174px } .yinliu_new { text-align: center } .yinliu_new ._new_infomation { background-image: url(../images/yinliu/new_03.png); background-position: 0 4px; background-repeat: no-repeat; padding-left: 30px; margin: 0 auto; color: #333; font-size: 14px; display: inline } .yinliu_new ._new_infomation .infomation_link { color: #36c; text-decoration: underline } .yinliu_new_1200 { background-color: #dbe7ff; opacity: .8; padding: 10px; line-height: 1.5; position: relative; z-index: 1; margin: 10px auto -30px } .yixpj_mengban { display: none } .yixpj_mengban .mengban_black { background-color: #000; position: fixed; width: 100%; height: 100%; z-index: 500; opacity: .3 } .yixpj_mengban .mengban_box { position: fixed; width: 424px; height: 277px; background-color: #fff; z-index: 501; left: 50%; top: 50%; margin-left: -212px; margin-top: -138px; text-align: center } .dropdown-multiple, .dropdown-multiple-label, .dropdown-single, .yixpj_mengban .mengban_box ._mengban_close { position: relative } .yixpj_mengban .mengban_box ._mengban_close .close { position: absolute; right: -20px; top: -5px; color: #fff; cursor: pointer; font-size: 20px } .yixpj_mengban .mengban_box ._box_img { padding-top: 30px; text-align: center } .yixpj_mengban .mengban_box ._box_btn { width: 132px; height: 35px; background-color: #36c; border-radius: 3px; display: inline-block; color: #fff; font-size: 16px; line-height: 35px; margin-top: 30px } .yixpj_mengban .mengban_box ._box_btn:hover { text-decoration: none } .yixpj_mengban .mengban_box ._box_close { color: #36c; line-height: 30px; cursor: pointer } @keyframes iui-fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes iui-fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .dropdown-multiple-label.active .dropdown-main, .dropdown-multiple.active .dropdown-main, .dropdown-single.active .dropdown-main { display: block; animation: iui-fadeIn .2s ease-in forwards } .dropdown-multiple-label.active .dropdown-display-label:after, .dropdown-multiple-label.active .dropdown-display:after, .dropdown-multiple.active .dropdown-display-label:after, .dropdown-multiple.active .dropdown-display:after, .dropdown-single.active .dropdown-display-label:after, .dropdown-single.active .dropdown-display:after { border-top: 0; border-bottom: 10px solid #999; border-left: 5px solid transparent; border-right: 5px solid transparent } .dropdown-multiple-label.active .dropdown-display, .dropdown-multiple-label.active .dropdown-display-label, .dropdown-multiple.active .dropdown-display, .dropdown-multiple.active .dropdown-display-label, .dropdown-single.active .dropdown-display, .dropdown-single.active .dropdown-display-label { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .dropdown-display { cursor: pointer } .dropdown-display, .dropdown-display-label { position: relative; display: block; margin-bottom: 0; font-size: 14px; line-height: 1.42857143; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid #aaa; border-radius: 4px; color: #333; background-color: #fff } .dropdown-display-label:after, .dropdown-display:after { content: ''; position: absolute; border-top: 6px solid #999; border-left: 3px solid transparent; border-right: 3px solid transparent; top: 12px; right: 8px } .dropdown-clear-all { background-color: #fff; border: 0; font-size: 22px; z-index: 999; color: #999; position: absolute; right: 2px; top: 2px; display: none; width: 25px; height: 25px; text-align: center; line-height: 25px } .dropdown-clear-all:focus { outline: 0 } .dropdown-clear-all:hover { color: #ccc; text-decoration: none } .dropdown-display { white-space: nowrap; padding: 6px 20px 6px 12px; height: 16px; width: 216px } .dropdown-multiple:hover .dropdown-clear-all, .dropdown-single:hover .dropdown-clear-all { display: block } .dropdown-display .dropdown-chose-list { display: inline-block; vertical-align: middle; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .dropdown-display .dropdown-chose-list span:before { content: ',' } .dropdown-display .dropdown-chose-list span:first-child:before { content: '' } .dropdown-display .placeholder { display: none } .dropdown-display .placeholder:first-child { position: absolute; height: 100%; width: 100%; top: 0; left: 0; color: #333; display: block; text-indent: 10px; font-size: 13px; line-height: 28px } .dropdown-display input { border: 0; outline: 0 } .dropdown-display-label { cursor: text; padding: 6px 25px 5px 0 } .dropdown-display-label .dropdown-search { display: inline-block } .dropdown-display-label input, .dropdown-display-label input:focus { border: 0; outline: 0 } .dropdown-display-label .dropdown-chose-list { display: inline-block; padding: 0 5px } .dropdown-display-label .dropdown-chose-list .placeholder { display: none } .dropdown-display-label .dropdown-selected { position: relative; margin: 0 5px 5px 0; padding: 0 20px 0 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-repeat: repeat-x; color: #333; cursor: default; display: inline-block } .dropdown-display-label .dropdown-selected .del { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0; border: 0; float: right; line-height: 1; color: #999; position: absolute; right: 3px; top: 0 } .dropdown-display-label .dropdown-selected .del:after { content: '\D7'; font-size: 16px } .dropdown-main, .dropdown-main input { box-sizing: border-box; border: 1px solid #ccc; width: 100% } .dropdown-main { position: absolute; top: 100%; left: 0; z-index: 1010; color: #444; background-color: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); border-top: 0; padding: 4px 7px; border-radius: 0 0 4px 4px; margin-top: -1px; display: none } .dropdown-main ul { overflow-x: hidden; overflow-y: auto; max-height: 240px; margin: 0; padding: 0 } .dropdown-main input { margin-top: 0; display: block; height: 30px; text-indent: 5px; border-radius: 3px } .dropdown-main .dropdown-search { display: block; padding: 5px 0 } .detail-main .ui-panel-side a, .dropdown-group, .report-detail .menu li a:hover { font-weight: 700 } .dropdown-group, .dropdown-option { margin: 0; padding-left: 12px; list-style: none; line-height: 26px; word-wrap: break-word } .dropdown-option { position: relative; overflow: hidden; height: 26px; padding-right: 20px; cursor: pointer } .dropdown-option:focus, .dropdown-option:hover { background-color: #efefef; outline: 0 } .dropdown-option[disabled] { color: #ddd; background-color: #fff; cursor: not-allowed; text-decoration: line-through } .dropdown-option.dropdown-chose:after { position: absolute; top: 8px; right: 5px; content: ''; width: 10px; height: 10px; background: #4ab1e9; border-radius: 100% } .dropdown-maxItem-alert { position: absolute; top: 0; left: 0; background-color: #e4e3e2; width: 240px; height: 30px; padding-left: 10px; border-radius: 5px; line-height: 30px; z-index: 1001; color: #999; animation: iui-fadeIn .2s ease-in forwards } .dropdown-price, .dropdowns { width: 250px } .drop-ri { margin-left: 30px } .tips { float: right; margin-top: -16px; font-size: 12px; color: #666 } body.detail .main { margin-top: 40px; position: relative } body.detail .main .head { line-height: 28px; padding: 4px 10px; background-color: #2952a3; color: #fff } body.detail .main .body { line-height: 1.6; font-size: 14px; background-color: #f2f5f8; padding: 16px 332px 16px 16px; position: relative; z-index: 3; min-height: 960px } body.detail .main .body.no-side { padding-right: 16px } body.detail .main .other-database .btn { margin: 0 16px 8px 0 } body.detail .main .table-wrapper { overflow: auto } body.detail .time-line h3 { font-size: 16px; line-height: 24px; border-left: 4px solid #36c; padding-left: 8px; margin: 48px 0 8px } body.detail .time-line .con { margin-left: 12px } body.detail .time-line .con .title { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYWNiMDJkYi03NDNhLWZlNDgtYmE3OC1iNTQ0ZjVlNWM2MjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0MzRDFBOUQyMDNDMTFFODgxMTFCNDYyRjFBNDhDNjciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0MzRDFBOUMyMDNDMTFFODgxMTFCNDYyRjFBNDhDNjciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmI5N2JkM2FkLThjNGYtZTQ0ZS05YTk0LWQwMzZiMTQ5OTVjZSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowYWNiMDJkYi03NDNhLWZlNDgtYmE3OC1iNTQ0ZjVlNWM2MjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4XWUioAAABl0lEQVR42pyTzytEURTH33veFEMKYUEZP4qF3VhQFiwIC4mSf8AIez/Lxvi1lNWIUopo2IgmTH6UiGFhIzV/gJQNGgvxfG6d0Xi9pjG3Pu+8e94533vPPffpXl8kqGlaObxp6Y18uDB5lEYCXm+aIlrdwK2OuTd4PInDBWVQ/B8hNmFhXkwRycRswRpUMC8gYCJh1V7MkIOOn7hj9WKKowbmcF5J4iL0MN+R77tw6CD0e66G2Az4Sgj4hhXEPDJXOzp1oCmeEN/RA2xICSXgAzds4mvEbsOBw45e/whRQoyEJVUe1IqIGvWqUqiEEQgS63cQtMyE0w/L6q22oDxphNqRm5hlbJcsdg6jCsOWNA1HNl+URdT5fUIY+qEQsqEdLiFm2O6EOuRumIQAdOKLyudh6a59KI15VZrLJvaOmXVIaHbw7cE4XCuhaupWXXpOcoHj5Z6oawHrsA+DcAa6EmqDDvAkEcqRhBlYhRZ4hJB0NKRblpXqz5mLuYEqmII+uSof0JCykIgVYRak/VnS/jHO9e5HgAEA7KGAIJLsHiEAAAAASUVORK5CYII=) no-repeat; height: 16px; line-height: 16px; color: #36c; padding-left: 30px; font-weight: 700 } body.detail .time-line .con .line { height: 552px; margin-top: 24px } body.detail .time-line .con .line .thourgh-line { width: 26px; height: 100%; margin-left: 76px } body.detail .time-line .con .line .thourgh-line .change { display: inline-block; width: 22px; height: 22px; border-radius: 26px; border: 2px solid #777; background: #fff; text-align: center; cursor: pointer } body.detail .time-line .con .line .thourgh-line .change div { width: 8px; height: 8px; transform: rotate(45deg); display: inline-block } body.detail .time-line .con .line .thourgh-line .change.noMore, body.detail .time-line .con .line .thourgh-line .change.noMore div { border-color: #c7c7c7 } .zhongbiaogonggao li, body.detail .time-line .con .line .thourgh-line .last { line-height: 24px } body.detail .time-line .con .line .thourgh-line .last div { border-left: 2px solid #777; border-top: 2px solid #777 } body.detail .time-line .con .line .thourgh-line .next { bottom: 0; line-height: 17px } body.detail .time-line .con .line .thourgh-line .next div { border-right: 2px solid #777; border-bottom: 2px solid #777 } body.detail .time-line .con .line .thourgh-line .thourgh { width: 2px; height: 100%; background: #ccc; left: 12px } body.detail .time-line .con .line .scroll { width: 100%; height: 500px; top: 26px; overflow: hidden } body.detail .time-line .con .line .scroll .content { width: 1171px; height: 100%; overflow-y: scroll } body.detail .time-line .con .line .scroll table { width: 1007px; float: right; background: #fff } body.detail .time-line .con .line .scroll table:after, body.detail .time-line .con .line .scroll table:before { content: ''; width: 1px; height: 100%; background: #e0e0e0; position: absolute; right: 0 } body.detail .time-line .con .line .scroll table:after { width: 100%; height: 1px; bottom: 0 } body.detail .time-line .con .line .scroll td, body.detail .time-line .con .line .scroll th { border: 1px solid #e0e0e0; background: #fff } body.detail .time-line .con .line .scroll th { width: 83px; min-width: 88px; padding: 0 5px 0 0; color: #36c; text-align: center } body.detail .time-line .con .line .scroll td { width: 291px; padding: 5px 5px 5px 10px; font-size: 12px } .detail-main a, .page-biaozhun table.table b, .page-index .cats a.active, .page-index .cats a:hover, .zh-main .zh-list .ui-panel-content a .info em, body.detail .time-line .con .line .scroll .blue { color: #36c } body.detail .time-line .con .line .scroll li>div { position: relative; float: right } body.detail .time-line .con .line .scroll li>div+div { margin-top: 12px } body.detail .time-line .con .line .scroll li>div:last-child .xian3 { background: #f2f2f2 } body.detail .time-line .con .line .scroll li>div:hover .triangle, body.detail .time-line .con .line .scroll li>div:hover td, body.detail .time-line .con .line .scroll li>div:hover th { border-color: #cecece; background: #f2f6fa } body.detail .time-line .con .line .scroll li>div:hover .circle { background: #36c } body.detail .time-line .con .line .scroll li>div:hover table { background: #f2f6fa } body.detail .time-line .con .line .scroll li>div:hover table:after, body.detail .time-line .con .line .scroll li>div:hover table:before { background: #cecece } body.detail .time-line .con .line .scroll li+li { margin-top: 44px } body.detail .time-line .con .line .scroll .triangle { position: absolute; width: 12px; height: 12px; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; transform: rotate(45deg); top: 50%; left: -6px; margin-top: -6px; background: #fff } body.detail .time-line .con .line .scroll .circle { width: 5px; height: 5px; background: #ccc; border-radius: 5px; position: absolute; left: -18px; top: 50%; margin-top: -1.5px } body.detail .time-line .con .line .scroll .xian { width: 22px; height: 1px; position: absolute; left: -22px; top: 50%; margin-top: -1px } body.detail .time-line .con .line .scroll .xian2 { width: 23.5px; height: 1px; position: absolute; left: -21.5px; top: 50%; margin-top: -.5px } body.detail .time-line .con .line .scroll .xian.hover, body.detail .time-line .con .line .scroll .xian2.hover { background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QN6aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MGFjYjAyZGItNzQzYS1mZTQ4LWJhNzgtYjU0NGY1ZTVjNjIzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJDNDI1ODM1MjExNDExRThCMzAwODgwM0E0RTIzMDMxIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJDNDI1ODM0MjExNDExRThCMzAwODgwM0E0RTIzMDMxIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiOTdiZDNhZC04YzRmLWU0NGUtOWE5NC1kMDM2YjE0OTk1Y2UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MGFjYjAyZGItNzQzYS1mZTQ4LWJhNzgtYjU0NGY1ZTVjNjIzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgAAQAGAwERAAIRAQMRAf/EAFMAAQAAAAAAAAAAAAAAAAAAAAYBAQEAAAAAAAAAAAAAAAAAAAgJEAADAQAAAAAAAAAAAAAAAAAAyEmJEQACAwEAAAAAAAAAAAAAAAAAhsTFR0j/2gAMAwEAAhEDEQA/AGVd9H2bKzcxodSDTWGKYf/Z) } body.detail .time-line .con .line .scroll .xian, body.detail .time-line .con .line .scroll .xian2 { background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QN6aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MGFjYjAyZGItNzQzYS1mZTQ4LWJhNzgtYjU0NGY1ZTVjNjIzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFGN0E0MTU1MjEwNDExRTg5NUIyRTNCNzQzNEE2NkZDIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFGN0E0MTU0MjEwNDExRTg5NUIyRTNCNzQzNEE2NkZDIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiOTdiZDNhZC04YzRmLWU0NGUtOWE5NC1kMDM2YjE0OTk1Y2UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MGFjYjAyZGItNzQzYS1mZTQ4LWJhNzgtYjU0NGY1ZTVjNjIzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgAAQAGAwERAAIRAQMRAf/EAE0AAQAAAAAAAAAAAAAAAAAAAAoBAQAAAAAAAAAAAAAAAAAAAAAQAAMBAAAAAAAAAAAAAAAAAADGR4cRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AFWWPTGkD//Z) } body.detail .time-line .con .line .scroll .xian3 { position: absolute; width: 1px; height: 99999px; background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QN6aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MGFjYjAyZGItNzQzYS1mZTQ4LWJhNzgtYjU0NGY1ZTVjNjIzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM4QjM2MUUxMjExODExRTg4MEIwRDcyOTFFM0ZERTRBIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM4QjM2MUUwMjExODExRTg4MEIwRDcyOTFFM0ZERTRBIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiOTdiZDNhZC04YzRmLWU0NGUtOWE5NC1kMDM2YjE0OTk1Y2UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MGFjYjAyZGItNzQzYS1mZTQ4LWJhNzgtYjU0NGY1ZTVjNjIzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgABgABAwERAAIRAQMRAf/EAE0AAQAAAAAAAAAAAAAAAAAAAAoBAQAAAAAAAAAAAAAAAAAAAAAQAAMBAAAAAAAAAAAAAAAAAACmJ2cRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AFWWPTGkD//Z); top: 50%; left: 1px } body.detail .time-line .con .line .scroll .xian3.hover { background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QNyaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MGFjYjAyZGItNzQzYS1mZTQ4LWJhNzgtYjU0NGY1ZTVjNjIzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE4QjNEQjZFMjFBNTExRThBODgxQjU5QjA1QUQzM0FBIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE4QjNEQjZEMjFBNTExRThBODgxQjU5QjA1QUQzM0FBIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozOEIzNjFFMDIxMTgxMUU4ODBCMEQ3MjkxRTNGREU0QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozOEIzNjFFMTIxMTgxMUU4ODBCMEQ3MjkxRTNGREU0QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//AABEIAAYAAQMBEQACEQEDEQH/xABTAAEAAAAAAAAAAAAAAAAAAAAGAQEBAAAAAAAAAAAAAAAAAAAICRAAAwEAAAAAAAAAAAAAAAAAAKgpaREAAgMBAAAAAAAAAAAAAAAAAGakpSco/9oADAMBAAIRAxEAPwBlXfR9mys3MaHUg01himH/2Q==) } body.detail .time-line .con .line .scroll .datetime { width: 105px; height: 38px; position: absolute; left: -95px; top: 50%; margin-top: -8px } body.detail .time-line .con .line .scroll .datetime .date { line-height: 1.2em } body.detail .time-line .con .line .scroll .datetime .circle-out { width: 17px; height: 17px; line-height: 17px; background: #bcbbbb; color: #fff; border-radius: 16px; font-size: 10px; right: 0 } body.detail .time-line .con .line .scroll .datetime .circle-out.bg-orange { background: #ff9c00 } body.detail .time-line .con .line .scroll .datetime .circle-out.hover { background: #36c } body.detail .time-line .con .novip { width: 100%; height: 1000px; background: #fff; left: 0; top: 0; background: rgba(255, 255, 255, .7); display: table-cell; vertical-align: middle } body.detail .time-line .con .novip:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .detail-main .ui-panel { border: 0; padding: 0; background-color: transparent } .detail-main .ui-panel-title { border: 0 } .detail-main .ui-panel-name { font-size: 16px; font-weight: 700; color: #36c } .detail-main .ui-panel-name .fa { font-size: 20px } .detail-main .ui-panel-side { font-size: 14px } .detail-main .ui-panel-content { padding: 8px 16px } .detail-main .table { text-align: left } .detail-main .table tbody th { text-align: right; width: 100px } .detail-main .table td, .detail-main .table th { padding: 8px; word-break: break-all } .detail-main .table td p { margin-top: 16px } .detail-main .manual { background-color: #fff; padding: 16px; box-shadow: 1px 1px 5px rgba(0, 0, 0, .4) } .detail-main .manual .title { font-size: 20px; font-weight: 700; text-align: center; color: #36c; margin: 32px 0 } .detail-main .manual .content { padding: 8px 16px } .detail-main .manual img { max-width: 100% } .detail-main .other-database .btn { margin: 0 16px 8px 0 } .detail-main a.btn, .report-detail .detail .ui-panel-title .more:hover { color: #fff } .iframe .body { padding: 16px } .report-detail { padding-left: 216px; position: relative } .page-index #ad-dialog-opbg, .report-detail .menu { position: absolute; left: 0; top: 0; width: 200px } .report-detail .menu ul { border: 1px solid #ccc; width: 198px; overflow: hidden; line-height: 16px } .report-detail .menu ul.stuck { position: fixed; top: 2px } .report-detail .menu li { border-top: 1px solid #ccc; margin-top: -1px } .page-nav .sub-nav p>a, .report-detail .menu li a { display: block; padding: 8px 16px; text-decoration: none } .report-detail .menu li.active a { background-color: #ebf0fa; font-weight: 700 } .report-detail .detail { padding-bottom: 200px } .detail-main .manual .content.hbg, .page-custom .kf-table th, .report-detail .detail .ui-panel-title { background-color: #ebf0fa } .report-detail .detail .ui-panel-content { padding: 16px } .report-detail .detail .cl-blue img { vertical-align: bottom } .bj-img-list { margin: 0 auto; height: 200px; width: 600px; overflow: hidden } .bj-img-list .item { float: left; width: 200px; height: 200px; line-height: 200px; text-align: center } .bj-img-list .item img { width: 100% } .bj-img-list-wrap, header { position: relative } .bj-img-list-wrap .arrows a { text-decoration: none; font-size: 40px; position: absolute; z-index: 100; top: 50%; margin-top: -20px } .bj-img-list-wrap .arrows .arrow-left { left: 0 } .bj-img-list-wrap .arrows .arrow-right { right: 0 } .page-chart .chart-tab .ui-tab-nav a.active:after, .print-show, .search-tab .ui-tab-navs .ui-tab-nav a.active:after, .search-tab .ui-tab-navs:after { display: none } @media print { .report-detail { padding-left: 0 } .print-hide, .report-detail .menu { display: none } .print-show { display: block } } .page-biaozhun table.table p { text-indent: 2em } .page-biaozhun table.table table td, .page-biaozhun table.table table th { border: 0; word-break: break-all } .ui-widget { font-size: 1em } header { height: 2.2em } header .control-bar { position: absolute; top: 8px; right: 8px } .main-page, header { padding: 8px } .page-nav { float: left; width: 240px; margin-right: 10px } .page-nav .sub-nav { padding: 0 } .page-nav .sub-nav p>a { padding: 4px 8px } .page-nav .sub-nav p>a:hover { background-color: #eee } .page-tab { overflow: hidden; *zoom: 1 } .page-tab .ui-tabs-nav li .ui-icon-close { float: left; margin: .4em .2em 0 0; cursor: pointer } .page-tab .tab-iframe, .ui-dialog .dialog-page .dialog-iframe { width: 100%; border: 0 } .page-tab .ui-tabs-panel { padding: 8px } .navigate { position: fixed; left: -142px; top: 20px; z-index: 10; padding-right: 8px; transition: left, .2s } .navigate .ui-widget-header { width: 136px; height: 26px; padding: 4px } .navigate .ui-widget-header a { color: #333 } .navigate:hover { left: 0 } .ui-dialog .dialog-page { padding: 8px } .page-index { height: 100% } .page-index .main { min-height: 400px; margin: 200px auto; text-align: center } .page-index .ui-topbar .wrapper, .page-index .ui-topnav-wrapper { width: auto } .page-index .cats a, .page-index .goVip a { display: inline-block; text-decoration: none; font-weight: 700 } .page-index .cats a { padding: 0 14px; color: #606060 } .page-index .search-tab { width: 550px; margin: 30px auto; font-size: 14px; position: relative; z-index: 2; display: inline-block } .page-index .search-box { margin-top: 6px; border: 1px solid #36c; background-color: #fff; height: 34px; position: relative } .page-index .search-box .ui-autocomplete { position: relative; left: -50px } .page-index .search-box .ui-autocomplete .ui-autocomplete-box { float: left; position: absolute; left: -1px } .page-index .search-box .search { width: 428px; height: 34px; line-height: 34px; border: 0; padding: 0 10px; *margin-top: -1px } .page-index .search-box .submit { position: absolute; top: 0; right: 0; width: 100px; height: 34px; background-color: #36c; border: 0; color: #fff; font-weight: 700; cursor: pointer } .page-index .goVip { display: inline-block; margin-left: 4px } .page-index .goVip a { width: 98px; height: 34px; line-height: 34px; border: 1px solid #36c; background: #fff; color: #36c; font-size: 14px; text-align: center } .page-index .goVip a:hover { background: #36c; color: #fff } .page-index .video-wap { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0, 0, 0, .8) } .page-index .video-wap .video-bg { position: relative; top: 23%; width: 660px; height: 380px; margin: 0 auto; padding-top: 10px } .page-index .video-wap .video-bg .video-close { position: relative; left: 50%; width: 330px; top: 0; text-align: right } .desc img, .page-index #ad-dialog .close img, .page-index .video-wap .video-bg .video-close img { width: 20px } .page-index #ad-dialog a, .page-index .video-wap .video-bg a { display: block; height: auto } .page-index footer { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 80; } .page-index #ad-dialog-opbg { z-index: 500; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50) } .page-index #ad-dialog-wap { position: absolute; left: 0; top: 0; z-index: 501; width: 100%; height: 100% } .page-index #ad-dialog { position: relative; top: 23%; left: 0; z-index: 505; height: auto; width: 80%; max-width: 660px; margin: 0 auto } .page-index #ad-dialog .close { position: relative; width: 104%; top: 0; text-align: right } .database-list .category { margin-top: 16px; padding: 16px; background: #f0f0f0; border: 1px solid #ccc; line-height: 24px } .database-list .category .head { padding: 8px 0 } .database-list .category .head .database-icon { width: 24px; height: 24px; vertical-align: middle } .database-list .category .head .name { font-size: 14px; font-weight: 700; color: #36c; display: inline-block; *zoom: 1; *display: inline; margin-left: 8px; vertical-align: middle } .database-list .category .body { padding: 8px } .database-list .category .body a { display: inline-block; *zoom: 1; *display: inline; padding: 0 8px; text-decoration: none; border-radius: 2px; margin: 0 8px 8px 0 } .database-list .category .body a.active, .database-list .category .body a:hover { background: #36c; color: #fff; box-shadow: 1px 1px 2px rgba(0, 0, 0, .2) } .database-list .db-loading, .database-list .db-nodata { top: 170px } .search-tab { border: 0; padding: 0 } .search-tab .ui-tab-navs .ui-tab-nav { top: 1px; line-height: 29px } .search-tab .ui-tab-navs .ui-tab-nav a { color: #666; margin-right: 8px; border: 1px solid #ccc; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #fff } .search-tab .ui-tab-navs .ui-tab-nav a.active { color: #333; border-top: 2px solid #36c; background-color: #f7f9fd; border-bottom-color: #f7f9fd } .search-tab .ui-tab-panels { background-color: #f7f9fd; border: 1px solid #ccc } .search-tab .ui-tab-panels .ui-tab-panel { padding: 16px } .zh-main { overflow: hidden; *zoom: 1 } .zh-main, .zh-main .mainimg_search { position: relative } .zh-main .mainimg_search .img_search { position: absolute; right: 400px; top: 39px; z-index: 20 } .zh-main .zh-list { float: left; width: 884px } .zh-main .zh-list .zh-li-icon { width: 24px; height: 24px; margin: 0 0 2px 10px; vertical-align: middle; display: inline-block } .zh-main .zh-list .ui-panel { position: relative; top: 0; overflow: hidden; padding: 0 } .zh-main .zh-list .ui-panel-title { padding: 16px 16px 0 } .zh-main .zh-list .ui-panel-content { min-height: 32px; overflow: hidden; padding-bottom: 16px; position: relative } .zh-main .zh-list .ui-panel-content a { display: block; line-height: 24px; font-size: 14px; position: relative; padding: 4px 32px } .zh-main .zh-list .ui-panel-content a .name { display: inline-block } .zh-main .zh-list .ui-panel-content a .info { display: inline-block; margin-left: 16px } .zh-main .zh-list .ui-panel-content a .fa { position: absolute; width: 24px; height: 24px; font-size: 16px; line-height: 24px; top: 4px; color: #999; right: 0 } .zh-main .zh-list .ui-panel-content a:hover { color: #e74c3c; background-color: #eee } .usa-market-list .usa-nav a.active, .zh-main .zh-list .ui-panel-content a:hover .fa { color: #e74c3c } .zh-main .side { position: static; float: right; top: 0; right: 0 } .zh-main .db-supply { margin-top: 32px } .page-hhw .table-style-1 td, .page-hhw .table-style-1 th, .page-zhuce .zhuce-table table.table-nb td, .page-zhuce .zhuce-table table.table-nb th, .zh-main .db-supply .ui-panel { border: 0 } .zh-main .db-supply .ui-panel .ui-panel-title { border-bottom-width: 2px } .zh-main .db-supply .ui-panel .ui-panel-name { font-size: 16px; color: #36c } .list-actions { margin-top: 16px } .horizontal-box, .list-actions .btn-new { position: relative } .list-actions .btn-new .img { position: absolute; width: 20px; height: 20px; left: -1px; top: -1px; margin: 0 } .horizontal-box { padding-left: 216px } .horizontal-box .left-box { position: absolute; left: 0; top: 0; width: 200px } .horizontal-box .left-box .ui-panel .ui-panel-title { border-bottom-width: 2px } .syz-list { height: 840px; overflow-y: auto } .syz-list .item { border-top: 1px solid #ccc; padding: 4px 8px; margin-top: -1px } .page-user .report-list .item .title a, .page-user .user-info p a:hover, .syz-list .item a { color: #36c } .zhongbiaogonggao li a { padding-right: 100px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative } .zhongbiaogonggao li a .date { position: absolute; right: 0; text-align: right; width: 100px; color: #999 } .page-list.page-policies .table th:first-child { text-align: left } .page-list .main .ui-tab.search-tab .form-groups .form-group a.ui-dropdown-select-name { display: inline-block; height: 20px; width: 172px } .page-list .list-jian { display: inline-block; vertical-align: bottom; padding: 6px 30px 0 0; background: url(/Public/images/jian.png) right 0 no-repeat; white-space: nowrap } .hasrule .ui-dropdown-select { background-color: #eee } .hasrule .ui-dropdown-select .ui-dropdown-select-name, .page-zhuce table.zhuce-table-cde tbody { color: #999 } .hasrule .ui-dropdown-select .ui-dropdown-arrow { border-top-color: #999 } .filter-switch-tips { position: absolute; left: 86px; width: 294px; background: #f9edbe; border: 1px solid #f0c36d; padding: 2px 4px; top: -10px } .filter-switch-tips:after, .filter-switch-tips:before { content: ""; position: absolute; left: -14px; top: 15px; display: inline-block; width: 0; height: 0; border: 8px solid transparent; vertical-align: middle; border-right-color: #f9edbe } .filter-switch-tips:before { left: -16px; border-right-color: #f0c36d } .usa-market-list .usa-nav { padding: 8px; width: 1182px; font-size: 14px } .usa-market-list .usa-nav a { display: inline-block; padding: 0 8px } .usa-market-list .usa-nav.stuck { position: fixed; top: 73px } .usa-market-list, .usa-market-list .list { margin-top: 16px } .usa-market-list .list .item { margin-bottom: 16px } .usa-market-list .list .item h3 { font-size: 14px; line-height: 40px } .page-zhaobiaodongtai .table-list tbody th { text-align: left } div.data-export { background: url(/Public/images/list/data_export.png) no-repeat; box-shadow: none; padding: 80px 0 30px } div.data-export .ui-dialog-titlebar { height: 60px; opacity: 0; filter: Alpha(Opacity=0) } div.data-export .ui-dialog-titlebar .ui-dialog-titlebar-close { right: 6px; top: 43px } div.data-export .ui-dialog-content .ui-confirm-content { padding: 49px 8px; font-size: 16px } div.data-export .ui-dialog-content .ui-dialog-toolbar { right: 0; width: 100% } div.data-export .ui-dialog-content .ui-dialog-toolbar .btn-sm { padding: 6px 30px; border-radius: 10px; margin: 0 20px } .page-zhuce .main .ui-tab .form-group .form-box .ui-autocomplete .ui-autocomplete-box { width: 287px; background: #fff } .page-user { background-color: #f5f5f5 } .page-user .user-info { position: relative; padding-left: 116px; height: 84px } .page-user .user-info .head { position: absolute; left: 16px; top: 16px; font-size: 0; overflow: hidden; border-radius: 13px; box-shadow: 1px 1px 5px rgba(0, 0, 0, .3) } .page-user .user-info .fa { font-size: 14px } .page-user .user-info .title { font-size: 16px; margin-top: 4px } .page-user .user-info p { margin-top: 10px } .page-user .rss-info { *zoom: 1 } .page-user .rss-info:after, .page-user .rss-info:before { content: ""; display: table } .page-user .rss-info:after { clear: both } .page-user .rss-info .db-info { float: left; height: 160px; width: 46%; padding-right: 4% } .page-user .rss-info .report-info { float: left; width: 46%; padding-left: 4%; border-left: 1px solid #ccc; margin-left: -1px } .page-user .rss-info .report-info .report { float: left; width: 40%; margin-right: 10% } .page-user .rss-info .report-info .report .img { border: 2px solid #ccc; position: relative; text-align: center; height: 100px; display: block; line-height: 100px } .page-user .rss-info .report-info .report .img img { vertical-align: middle } .page-user .rss-info .report-info .report .img .status { position: absolute; left: 0; top: 8px; padding: 2px 4px; background-color: #4d90fe; color: #fff; font-style: normal; line-height: 1 } .page-user .rss-info .report-info .report .img:hover { border-color: #4d90fe } .page-user .rss-info .report-info .report .title { margin-top: 10px; text-align: center } .page-user .ads, .page-user .fq-msg { margin-left: -16px; *zoom: 1 } .page-user .fq-msg:after, .page-user .fq-msg:before { content: ""; display: table } .page-user .fq-msg:after { clear: both } .page-user .fq-msg .ui-panel { width: 450px; float: left; margin-left: 16px } .page-user .fq-msg .dot { line-height: 24px } .page-user .fq-msg .dot li { position: relative; padding-right: 80px } .page-user .fq-msg .dot a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .page-user .fq-msg .dot .date { position: absolute; top: 0; right: 0 } .page-user .ads:after, .page-user .ads:before { content: ""; display: table } .page-user .ads:after { clear: both } .page-user .ads .ad { display: block; width: 484px; float: left; margin-left: 16px } .page-user .report-list { overflow: hidden; *zoom: 1; margin-right: -33px } .page-user .report-list .item { width: 280px; text-align: center; float: left; position: relative; padding: 4px; border: 2px solid #ccc; margin: 0 33px 33px 0 } .page-user .report-list .item .status { position: absolute; padding: 2px 10px; background-color: #36c; color: #fff; left: 4px; top: 4px; font-style: normal } .page-user .report-list .item .status.past, .page-user .rss-info .report-info .report .img .status.past { color: #333; background-color: #ccc } .page-user .report-list .item .img { width: 260px; height: 200px } .page-user .report-list .item .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; margin: 10px 0 } .page-user .report-list .item .actions { margin-bottom: 10px } .page-custom .header-bar { padding: 0; height: auto } .page-custom .header-bar .wrapper { position: relative } .page-custom .header-bar .home { position: absolute; width: 280px; height: 60px; left: 4px; top: 26px } .page-custom .banner { position: relative; height: 403px; overflow: hidden } .page-custom .banner img { position: absolute; left: 50%; width: 2000px; margin-left: -1000px; height: 403px } .page-custom .banner .btn_box { position: absolute; z-index: 2; top: 66%; left: 17% } .page-custom .banner .btn { margin-right: 30px; width: 100px; line-height: 30px; position: relative } .page-custom .banner .btn .img { position: absolute; width: 30px; height: 30px; left: -1px; top: -1px; margin: 0 } .page-custom .main { padding-bottom: 48px } .page-custom .tese { *zoom: 1; margin-top: 48px } .page-custom .tese:after, .page-custom .tese:before { content: ""; display: table } .page-custom .tese:after { clear: both } .page-custom .tese .item { position: relative; float: left; width: 270px; padding-left: 100px; margin: 0 15px; height: 75px } .page-custom .tese .item .img { width: 100px; height: 80px; position: absolute; top: 0; left: 0; text-align: center } .page-custom .tese .item .title { font-size: 14px; color: #245dc1; font-weight: 700 } .page-custom .tese .item .summary { height: 50px; overflow: hidden; margin-top: 6px } .page-custom .contacts { *zoom: 1; margin-left: -50px; margin-bottom: 50px } .page-custom .contacts:after, .page-custom .contacts:before { content: ""; display: table } .page-custom .contacts:after { clear: both } .page-custom .contacts .item { width: 533px; height: 100px; float: left; margin-left: 50px; padding: 20px; font-size: 14px; border: 1px solid #ccc } .page-custom .contacts .item div { margin-top: 16px; margin-left: 114px } .page-custom .contacts .item .head { float: left; margin-right: 32px; width: 80px; height: 100px; border: 1px solid #ccc } .page-custom .contacts .item .title { margin-top: 0; margin-bottom: 16px } .page-custom .contacts .item .name { margin-right: 16px; font-size: 20px; font-weight: 700 } .page-custom .contacts .item .sit { padding-right: 20px } .page-custom .db-list { overflow: hidden; *zoom: 1; margin-left: -50px } .page-custom .db-list .item { position: relative; height: 90px; width: 465px; float: left; margin-left: 50px; margin-top: -1px; border-top: 1px solid #ccc; padding: 40px 0 40px 110px } .page-custom .db-list .item .img { position: absolute; left: 0; top: 40px; width: 90px; height: 90px; background-color: #ccc } .page-custom .db-list .item .img img { width: 100%; height: 100% } .page-custom .db-list .item .title { font-size: 14px; font-weight: 700 } .page-custom .db-list .item .title a { color: #245dc1 } .page-custom .db-list .item .summary { margin-top: 10px; line-height: 1.8; height: 62px; overflow: hidden } .page-custom .question { border: 1px solid #ccc; padding: 20px 0 40px } .page-custom .question .title { font-size: 20px; font-weight: 700; margin-left: 20px } .page-custom .question .title .fa { font-size: 22px; margin-right: 5px; color: #245dc1 } .page-custom .question .cat-list { margin-top: 20px; overflow: hidden; *zoom: 1 } .page-custom .question .cat-list .item { float: left; width: 25%; margin-left: -1px } .page-custom .question .cat-list .cat-name { font-size: 14px; font-weight: 700; padding: 0 90px } .page-custom .question .cat-list .list { margin-top: 10px; padding: 0 90px; border-left: 1px dotted #ccc; line-height: 24px } .page-custom .question .cat-list .list a { display: block } .page-custom .cat-name { margin: 0 auto 32px; text-align: center; background: url(../images/custom/b_line.jpg) center center no-repeat; font-size: 22px; color: #ffb802 } .page-custom .cat-name .fa { color: #e74c3c } .page-custom .kf-table { line-height: 20px; margin: 30px 0 } .page-custom .kf-table .tl { width: 800px } .page-custom .kf-table .sit, .page-custom .kf-table .tl a { margin-left: 120px } .page-custom .kf-table .sit .fa { font-size: 16px; margin-right: 4px } @media(max-width:640px) { .page-custom .header-bar .wrapper img { max-width: 100% } .page-custom .banner img { position: relative; left: 0; width: auto; margin-left: 0; height: auto; max-width: 100% } .page-custom .fs22 { margin: 15px 0 !important } .page-custom .contacts { margin-bottom: 0 } .page-custom .contacts .item { width: auto; margin-bottom: 15px !important; float: none; height: auto; background: #fff } .page-custom .kf-table .tl { width: auto !important; text-align: center } .page-custom .kf-table .sit, .page-custom .kf-table .tl a { margin-left: 0 !important } .page-custom .cat-name { margin-top: 0 !important } .page-custom .kf-table { margin: 15px 0 !important } .page-custom .tese .item { width: 100%; float: none; background: #fff } .page-custom .banner { height: auto } .page-custom .banner .btn { margin: 10px 5px 0; width: auto; padding: 2px 10px } .page-custom .banner .btn .img { width: 24px; height: 24px } .page-custom .banner .btn_box { position: static } .page-custom .tese { margin-top: 0; overflow: hidden } .page-custom .tese .item { height: 80px; margin: 15px 0; padding: 10px 0 } .page-custom .tese .item .img { padding: 10px 0 } .page-custom .tese .item .summary, .page-custom .tese .item .title { padding-left: 100px } .footer .clearfix .new_beian, footer .clearfix .new_beian { float: none } footer .fl { margin-bottom: 10px !important } } .page-try .new-tips { display: none; overflow: hidden; height: 214px; padding-top: 140px; padding-left: 70px } .page-try .new-tips .xiaozhi { float: left } .page-try .new-tips .context { padding-left: 260px; font-family: "Microsoft YaHei"; color: #333; margin-top: 48px } .page-try .new-tips .context h1 { display: inline-block; margin-bottom: 20px; margin-right: 8px; font-size: 24px } .page-try .new-tips .context .min-h1 { font-size: 14px } .page-try .new-tips .context li { margin-left: 20px; font-size: 13px; line-height: 1.6; color: #666; list-style-type: disc } .page-try .new-tips .context .qq-tip { color: #f61522 } .page-try .new-tips .context .question { float: left; width: 100px; height: 30px; margin-top: 8px; margin-right: 20px; border-radius: 4px; background-color: #2061e2; font-size: 14px; text-align: center; line-height: 30px; color: #fff } .page-chart .form .actions a, .page-try .new-tips .context .question:hover { text-decoration: none } .page-try .new-tips .context .gift { height: 38px; margin-top: 30px } .page-try .new-tips .context .gift .img { position: relative; display: inline-block; width: 60px; height: 38px } .page-try .new-tips .context .gift .img:hover::before { content: ""; position: absolute; top: 4px; right: -12px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 10px solid #ffa312; border-left: 10px solid transparent; z-index: 100 } .page-try .new-tips .context .gift .img:hover::after { content: "填写问卷赢好礼"; position: absolute; top: -5px; right: -112px; width: 100px; height: 30px; border-radius: 4px; background-color: #ffa312; font-size: 12px; line-height: 30px; text-align: center; color: #fff; z-index: 100 } .page-hhw .cl-blue-1 { color: #789cc5 } .page-hhw .cl-blue-2 { color: #063d7e } .page-hhw .top-box { position: relative } .page-hhw .top-box .left-box { margin-right: 230px } .page-hhw .top-box .left-box .img { float: left; margin-right: 10px; height: 230px; border: 1px solid #ccc; position: relative } .page-hhw .top-box .left-box .img .img-box { display: inline-block; width: 200px; height: 200px; line-height: 200px; text-align: center } .page-hhw .top-box .left-box .img .img-box .magnifier-wrapper { display: inline-block; vertical-align: middle; width: 100%; height: 100% } .page-hhw .top-box .left-box .img .img-box img { vertical-align: middle; width: 100%; height: 100% } .page-hhw .top-box .left-box .img .magnifier-preview { position: absolute; visibility: hidden; left: 211px; top: -1px; width: 400px; height: 400px; border: 1px solid #ccc; overflow: hidden } .page-hhw .top-box .left-box .info { overflow: hidden; height: 230px } .page-hhw .top-box .left-box .info .ui-panel-content { height: 201px; overflow-y: auto } .page-hhw .top-box .left-box .info .ui-panel-side a { vertical-align: top; margin-top: 4px } .page-hhw .top-box .left-box .info .bdsharebuttonbox { display: inline-block; *zoom: 1; *display: inline; vertical-align: top; margin-top: 4px } .page-hhw .top-box .left-box .info .bdsharebuttonbox a { line-height: 18px; height: 18px; margin: 0; padding-left: 8px; background-image: none } .page-hhw .top-box .left-box .ui-tab-panels .ui-tab-panel { overflow-x: auto } .page-hhw .top-box .right-box { position: absolute; right: 0; top: 0; width: 220px } .page-hhw .top-box .right-box .company-info .ui-panel-title { color: #fff; background-color: #0a4891 } .page-hhw .top-box .right-box .company-info p { line-height: 22px } .page-hhw .product-info .title { font-weight: 700; text-align: right; width: 80px } .page-hhw .detail-info-table .striped { font-weight: 700; text-align: right; width: 100px } .page-hhw .table-style-1 th { background-color: #e7f0f9 } .page-hhw .zh-menu { border: 2px solid #e7f0f9; padding: 10px; float: left; margin-right: 10px } .page-hhw .zh-menu .title { color: #789cc5; font-size: 14px } .page-hhw .zh-menu ul { padding: 8px; list-style-type: decimal } .page-hhw .zh-menu ul li { margin: 8px 0 8px 16px } .page-hhw .zh-menu ul li .text { display: inline-block; position: relative; font-size: 14px; background-color: #fff } .page-hhw .zh-items { overflow: hidden; *zoom: 1 } .page-hhw .zh-items .item { display: block; margin-bottom: 10px } .page-hhw .zh-items .item .title { background-color: #e7f0f9; padding: 6px 8px; font-size: 14px; font-weight: 700; color: #789cc5; position: relative; cursor: pointer } .page-hhw .zh-items .item .title .arrow, .page-hhw .zh-items .item.open .title .arrow { display: inline-block; width: 0; height: 0; border: 5px solid transparent; vertical-align: middle } .page-hhw .zh-items .item .title .arrow { position: absolute; right: 8px; border-top-color: #789cc5; top: 14px } .page-hhw .zh-items .item .content { display: none; padding: 20px } .page-hhw .zh-items .item.open .title .arrow { top: 8px; border-bottom-color: #789cc5 } .page-hhw .zh-items .item.open .content { display: block } .page-hhw .jiegou-list img { height: 80px } .page-hhw .other-database .btn { margin: 0 16px 8px 0 } .page-zhuce h1 { font-size: 40px; color: #36c; text-align: center; background-color: #e5e5e5; font-weight: 400; line-height: 100px } .page-zhuce .main div.detail-main { padding: 16px; background-color: #f2f2f2; position: relative } .page-zhuce .main div.detail-main .detail_right_png { position: absolute; right: 0; top: -15px; z-index: 101 } .page-zhuce .event-list, .page-zhuce .event-list .item { height: 160px; margin: 16px 0; position: relative } .page-zhuce .event-list .item { float: left; width: 140px; margin: 0 auto; *zoom: 1; z-index: 10; font-size: 16px; line-height: 1; color: #b2b2b2 } .page-zhuce .event-list .item:hover { cursor: default } .page-zhuce .event-list .item .icon { position: absolute; left: 47px; top: 57px; line-height: 46px; width: 46px; height: 46px; font-size: 14px; color: #fff; background-color: #b2b2b2; text-align: center; border-radius: 23px } .page-zhuce .event-list .item .icon .fa { vertical-align: middle; font-size: 27px } .page-zhuce .event-list .item .icon.rect { width: 110px; border-radius: 0; height: 30px; line-height: 30px; left: 15px; top: 65px } .page-zhuce .event-list .item .icon.rect .fa { font-size: 18px } .page-zhuce .event-list .item .date { position: absolute; top: 119px; left: 0; width: 100%; text-align: center; line-height: 1.2; font-size: 14px } .page-zhuce .event-list .item .title { position: absolute; top: 25px; left: 0; width: 100%; text-align: center; white-space: nowrap } .page-zhuce .event-list .item .line { width: 140px; height: 3px; background-color: #b2b2b2; position: absolute; top: 79px; left: 0; z-index: -1 } .page-zhuce .event-list .item .vline { position: absolute; height: 100%; width: 0; border: 1px dashed #b2b2b2; left: 50%; margin-left: -1px } .page-zhuce .event-list .item .text { position: absolute; left: 37.8px; top: 47.8px; line-height: 64.4px; width: 64.4px; height: 64.4px; font-size: 19px; color: #f60; text-align: center; border: 2px solid #f60; border-radius: 34.2px; background-color: #fff; z-index: 9 } .page-zhuce .event-list .item .detail { position: absolute; z-index: 100; display: none; font-size: 10px; background-color: #e1e9f6; border-radius: 5px; border: 2px solid #36c; padding: 16px; color: #5075ac; top: 160px; left: 0; box-shadow: 1px 1px 3px rgba(0, 0, 0, .2); width: 240px } .page-zhuce .event-list .item .detail:after, .page-zhuce .event-list .item .detail:before { content: ""; width: 0; height: 0; position: absolute; left: 58px; top: -20px; border: 10px solid transparent } .page-zhuce .event-list .item .detail:after { border-bottom-color: #e1e9f6; margin-top: 3px } .page-zhuce .event-list .item .detail:before { border-bottom-color: #36c } .page-zhuce .event-list .item .detail .node { border-top: 2px dashed #ddd; height: 0; margin: 18px 0 18px 16px; position: relative } .page-zhuce .event-list .item .detail .node .dot { position: absolute; left: -16px; background-color: #b9cdf0; height: 12px; width: 12px; top: -6px; border-radius: 6px } .page-zhuce .event-list .item .detail .node .dot:after { position: absolute; content: ""; width: 1px; height: 20px; top: -4px; left: 6px; background-color: #b9cdf0 } .page-zhuce .event-list .item .detail .node .name, .page-zhuce .event-list .item .detail .node .time { position: absolute; padding: 0 8px; background-color: #e1e9f6; height: 10px; line-height: 10px; top: -5px } .page-zhuce .event-list .item .detail .node .time { right: 0 } .page-zhuce .event-list .item .detail .node:first-child { margin-top: 5px } .page-zhuce .event-list .item .detail .node:first-child .dot:after { top: 0 } .page-zhuce .event-list .item .detail .node:last-child { margin-bottom: 5px } .page-zhuce .event-list .item .detail .node:last-child .dot:after { top: -17.5px } .page-formula .result p, .page-zhuce .event-list .item .detail .txt { margin-bottom: 8px } .page-zhuce .event-list .item .detail .txt:last-child { margin-bottom: 0 } .page-zhuce .event-list .item .row { position: absolute; top: 50%; width: 100%; height: 0; z-index: 1; border-top: 3px dotted #b2b2b2 } .page-zhuce .event-list .item .jielun { position: absolute; height: 30px; line-height: 30px; top: 50%; left: 50%; margin: -15px 0 0 -50px; background: #fa8631; text-align: center; padding: 0 8px; color: #fff } .page-zhuce .event-list .item.active { color: #36c } .page-zhuce .event-list .item.active .icon { background-color: #36c; border-color: #eee } .page-zhuce .event-list .item.active .line { background-color: #36c } .page-zhuce .event-list .item.hover .detail { display: block } .page-zhuce .event-list .item.small { width: 98px } .page-zhuce .event-list .item.small .icon { left: 39.8px; top: 70.8px; line-height: 18.4px; width: 18.4px; height: 18.4px; border-radius: 9.2px } .page-zhuce .event-list .item.small .icon .fa { font-size: 11px } .page-zhuce .event-list .item.small .date { top: 98.2px; font-size: 13px } .page-zhuce .event-list .item.small .title { font-size: 14px; top: 47.8px } .page-zhuce .event-list .item.small .detail { margin-top: -10px } .page-zhuce .event-list .item.small .detail:after, .page-zhuce .event-list .item.small .detail:before { left: 37px } .page-zhuce .event-list .item.focus { color: #f60 } .page-zhuce .event-list .item.focus .icon { background-color: #f60; left: 42.1px; top: 73.1px; line-height: 13.8px; width: 13.8px; height: 13.8px; font-size: 8px; border-radius: 6.9px } .page-zhuce .event-list .item.focus .date { top: 94.9px; font-size: 13px } .page-zhuce .event-list .baseline { position: absolute; width: 100%; height: 3px; background-color: #b2b2b2; left: 0; top: 79px } .page-zhuce .event-list .layer, .page-zhuce .event-list .novip { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100 } .page-zhuce .event-list .layer { background-color: #f2f5f8; opacity: .9; filter: Alpha(Opacity=90) } .page-zhuce .event-list .novip { text-align: center; font-size: 16px } .page-zhuce .event-list .novip .fs18 { margin-top: 40px } .page-zhuce .zhuce-table { margin-bottom: 48px } .page-zhuce .zhuce-table h3 { font-size: 16px; line-height: 24px; border-left: 4px solid #36c; padding-left: 8px; margin-bottom: 8px } .page-zhuce .zhuce-table table { width: 100%; background-color: #fff } .page-zhuce .zhuce-table table td, .page-zhuce .zhuce-table table th { padding: 8px; border: 1px solid #ccc } .page-zhuce .zhuce-table table th { background-color: #f2f6fa } .page-zhuce .zhuce-table table tbody th { width: 140px } .page-zhuce .zhuce-label { font-size: 14px; font-style: normal; background-color: #d6e0f5; padding: 4px 8px; border-radius: 3px } .page-zhuce .zhuce-title { font-size: 26px; text-align: center; color: #36c } .page-zhuce .fold-arrow { display: inline-block; width: 14px; line-height: 14px; border: 1px solid #999; color: #666 } .page-zhuce .fold-arrow:hover { color: #36c; border-color: #36c; text-decoration: none } .page-zhuce table.zhuce-table-cde { background-color: transparent } .page-zhuce table.zhuce-table-cde td { background-color: #fafafa } .page-zhuce table.zhuce-table-cde .first-row { color: #333 } .page-zhuce table.zhuce-table-cde .first-row td, .page-zhuce table.zhuce-table-cde .last-last-row td { background-color: #fff } .page-zhuce table.zhuce-table-cde .last-last-row { color: #333; display: table-row !important } .page-zhuce table.zhuce-table-cde .fold { border: 0; background-color: transparent !important } .zhuce-tag { display: inline-block; font-size: 12px; font-style: normal; color: red; margin-left: 2px; vertical-align: top } .page-chartsd-form .link-select-wrap { width: auto; margin-left: -5px } .page-chartsd-form .link-select-wrap .ui-dropdown-select { margin-left: 5px } .page-chart .c36c { color: #36c } .page-chart .c2d59b2 { color: #2d59b2 } .page-chart .bc2d59b2 { background: #2d59b2 } .page-chart .form { line-height: 30px; position: relative; z-index: 100 } .page-chart .form .actions { float: right; font-size: 22px } .page-chart .form .date label { cursor: pointer } .page-chart #container { position: relative; z-index: 1 } .page-chart .chart-tab, .page-chart .chart-tab .ui-panel { border: 0; padding: 0 } .page-chart .chart-tab .ui-tab-navs:after { background-color: #2952a3 } .page-chart .chart-tab .ui-tab-nav a { margin-right: 8px; border: 0; padding: 0 16px; font-weight: 400; background-color: #d9d9d9 } .page-chart .chart-tab .ui-tab-nav a.active { background-color: #2952a3; color: #fff } .page-chart .chart-tab .ui-panel .ui-panel-title { border-bottom-color: #2952a3 } .page-chart .chart-tab .ui-panel .ui-panel-name { color: #2952a3 } .page-chart .offset-top-three { margin-top: 48px } .page-chart .yp-select { *zoom: 1 } .page-chart .yp-select .yp-select-list:after, .page-chart .yp-select .yp-select-list:before, .page-chart .yp-select:after, .page-chart .yp-select:before { content: ""; display: table } .page-chart .yp-select .yp-select-list:after, .page-chart .yp-select:after { clear: both } .page-chart .yp-select .yp-table { width: 968px; float: left } .page-chart .yp-select .yp-selected-box { border: 1px solid #ccc; background-color: #fff; width: 214px } .page-chart .yp-select .yp-selected-box .title { line-height: 30px; padding: 0 8px; font-size: 14px; font-weight: 700; border-bottom: 2px solid #ccc } .page-chart .yp-select .yp-selected-box.stuck { top: 72px } .page-chart .yp-select .yp-right { width: 216px; margin-left: 16px; float: left } .page-chart .yp-select .yp-select-list { max-height: 600px; overflow-y: scroll; *zoom: 1 } .page-chart .yp-select .yp-select-list .item { width: 90px; float: left; position: relative; border-radius: 3px; margin: 3px; overflow: hidden; line-height: 20px; text-decoration: none; border: 1px solid #36c } .page-chart .yp-select .yp-select-list .item:hover { color: #fff; background-color: #36c } .page-chart .yp-select .yp-select-list .item:hover .close { right: 0 } .page-chart .yp-select .yp-select-list .name { padding: 0 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #ccc } .page-chart .yp-select .yp-select-list .label { padding: 0 4px } .page-chart .yp-select .yp-select-list .close { position: absolute; right: -40px; top: 0; width: 40px; line-height: 41px; font-size: 40px; font-family: simsun; background-color: #36c; color: #fff; transition: right .2s } .page-chart .table caption { font-size: 16px; padding: 6px } .page-chart #hotpoint { width: 1200px; overflow: hidden; position: relative } .page-chart #hotpoint svg .axis line, .page-chart #hotpoint svg .axis path { fill: none; stroke: #000; shape-rendering: crispEdges } .page-chart #hotpoint svg .axis text { font-family: sans-serif; font-size: 11px } .page-chart #hotpoint .tips { position: absolute; left: 0; top: 0; display: none; padding: 8px; background-color: #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12) } .page-chart .x-axis { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 3em; line-height: 24px; width: 12em } .page-chart .x-axis2 { width: 12em } .page-chart .x-rank { position: absolute; left: 0; font-style: normal; width: 24px; text-align: center; line-height: 24px; background-color: #eee; color: #888 } .page-chart .x-rank.yellow { color: #fff; background-color: orange; font-weight: 700 } .page-chart .x-rank.yellow2 { color: #fff; background-color: #ff9120; font-weight: 700 } .page-chart .pqf-rank-tab .ui-tab-navs { padding: 0; line-height: 40px; height: 41px } .page-chart .pqf-rank-tab .ui-tab-navs:after { height: 1px } .page-chart .pqf-rank-tab .ui-tab-navs .ui-tab-nav { font-size: 16px } .page-chart .pqf-rank-tab .ui-tab-navs .ui-tab-nav a { width: 50%; float: left; text-align: center; background-color: transparent; margin-right: 0; padding: 0 } .page-chart .pqf-rank-tab .ui-tab-navs .ui-tab-nav a.active { color: #2952a3; height: 38px; border-bottom: 2px solid #2952a3 } .page-chart .produce { border: 1px solid #c9c9c9; border-top: 0 } .page-chart .produce table { width: 1100px; margin: 0 auto } .page-chart .produce table td { padding: 10px 0 10px 10px; color: #666 } .page-chart .produce table th { text-align: left; background: #2d59b2; color: #fff; padding: 8px 0 8px 10px } .page-chart .produce table tr+tr { border-top: 1px dashed #c9c9c9 } .page-chart .produce .column2 td, .page-chart .produce .column2 th { width: 50% } .page-chart .produce .column3 td, .page-chart .produce .column3 th { width: 33% } .page-chart .produce .column4 td, .page-chart .produce .column4 th { width: 25% } .page-chart .qi { width: 15px; height: 14px; margin-left: -18px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2MDAwMDY2Ny0xMGIyLTE4NGEtYjdmOS03MWE2NWJmYmU5NTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkJBNzkxM0EzQzZEMTFFOEJDNUFGRTdCMEY5MUZCQjYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkJBNzkxMzkzQzZEMTFFOEJDNUFGRTdCMEY5MUZCQjYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QUU2RUYwNDIzMzZFODExQTdGREZENUI2QTNEREU1RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDAwMDY2Ny0xMGIyLTE4NGEtYjdmOS03MWE2NWJmYmU5NTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5+Vm10AAABDElEQVR42qTTMWoCQRTG8UnYCHaCQlqJjSiCOYJVmgTZIq1sZVKKB/ACVhZaBnICi9zAKkVIk0C0sAksCCLBIhiyxeQ/8WFmh3UL8+Ans2++pwM7Kq21smTRwQRrva21PHdkf5e3BxsIdXqFkosNXyBygu+4xZvTjyT/O1zAR8KvXCKDIGHP5AvHSqkucuqvNmhhihc84xpLK2PyXTPsS+MTQ1SxwiNmGOALZ2hjIXnfDJfkwayfcIMAefSk94A7ZHAq+dIRZ/9mcWId6R59vOJcBiqyN0JW1pHHxxxlFS/7y2q4SujPzVHHKr3McFN4Vn/svqqic+NcdftVpV2SfRW7JP++ngf9MX4EGAC4+8grAaiNHwAAAABJRU5ErkJggg==) } .page-chart .commodity-name { width: 11px; height: 13px; margin-left: -14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2MDAwMDY2Ny0xMGIyLTE4NGEtYjdmOS03MWE2NWJmYmU5NTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0FFNzQ3RTYzQzZEMTFFODg3NThGN0EwNjRCQ0JGMzUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0FFNzQ3RTUzQzZEMTFFODg3NThGN0EwNjRCQ0JGMzUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QUU2RUYwNDIzMzZFODExQTdGREZENUI2QTNEREU1RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDAwMDY2Ny0xMGIyLTE4NGEtYjdmOS03MWE2NWJmYmU5NTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7TLXdLAAAA1UlEQVR42ozQPQrCMBjG8Vj8GIQqih84CC6eQhwEXfQYPYJ4BHEQEXTwBjp6CU+gm4MXELE62GJp/AcihiLaF37pm+YpSSOklMLgwMUVd+zMdTPYRogt8ugjMD8ww3scIjs14MNW8wTDRgjRRR4+PPEp1VfxwFmFQxoHU7j6WdBhNZ9hglaS4YQULKSxxkWH5wiQw9jSWw1go6yP9K4eMuigLvQ1WVhgFPnBAlZoYqhe3FCJhL5ZqmNIfdZ/5b3DbtxwFqUY4Zq65yNNEU8kfoStlwADAILz1rpdDI8MAAAAAElFTkSuQmCC) } .page-chart .chinese-common-name { width: 14px; height: 14px; margin-left: -17px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2ZTZhMTBhMi1mMGFjLTY0NDUtYjhmOS0wYzFjYTFiOTBmNzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTZCMzNDRjU1MjZBMTFFOEE5OUJCMjY3OEU4Qzc1NDQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTZCMzNDRjQ1MjZBMTFFOEE5OUJCMjY3OEU4Qzc1NDQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZlNmExMGEyLWYwYWMtNjQ0NS1iOGY5LTBjMWNhMWI5MGY3MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2ZTZhMTBhMi1mMGFjLTY0NDUtYjhmOS0wYzFjYTFiOTBmNzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7nsNcVAAABMUlEQVR42mzSsS/DQRTAcdeWpoQI6fBrIlIiREwWLNRmYelgNFqlxCZGiUSCXfwTLCIWSzt1sdSCdGhU0q6Gpj/fx7vmvPQln98vv7t3v7t7dy6O4wETYzjEKhKo4Apf/7JkoHGPNhqqhUekw7xE8I9l+Q/esYhIzaOKb2zYGQfjvyj2WYFX0JyJ3+3xGMYTbk3iHnZM2wVqiOTjDF1kggF3aKKue94NBndw43g8s+JZ5HT1sp8DbKKpjrTKEi9op3g4LYqPLtYwg0lMo2P6e+ck1RvSDpktjxWt4ihKwcAFvMmax1HGtSnECfZN2yk+kPcNI1rq9SAprcfkv5c0J/LHYc/p3NySpM4kse3bnbmrck8fMKd3UzqzqGMLnz7R9bnkUzjWIkjFX3Gp7178CDAAi1prtxG7njMAAAAASUVORK5CYII=) } .page-chart .commodity-common-name { width: 14px; height: 14px; margin-left: -17px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2MDAwMDY2Ny0xMGIyLTE4NGEtYjdmOS03MWE2NWJmYmU5NTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzZCNzI1MDEzRUMwMTFFOEI3RUJCRkJDRjYxNEZGOUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzZCNzI1MDAzRUMwMTFFOEI3RUJCRkJDRjYxNEZGOUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OUU2RUYwNDIzMzZFODExQTdGREZENUI2QTNEREU1RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDAwMDY2Ny0xMGIyLTE4NGEtYjdmOS03MWE2NWJmYmU5NTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7pjJjkAAABNUlEQVR42pzSO0sDQRSG4VmziDe8gKIEG7FRGzH/QPtoKdZi6X+w0DKYVIpY2VhZWgh2gpVJI3gpRBSDSowEvFTK+h74JhkXKw88zM5hZs/cXJIkLjCHS5wgo9yRcvlwbJtrxSj2sYkyrnGFBxSwh+nm6OAvU7gI+hXUg/455tMVh/COQRxiEreqOIFdjKlvY13E7DXaZXwig3E8oU/9V4zgDh/K71hZi5nUIZkitv/I52yCVTzlDw1UMaylfyMH28qZKlvUNabXJkZ83NuysaXWYgExDvw5YlF7zMZKHOMRG8H12F46sR7kapi1ObESPeh3v8MmdqRyVq3baQ//Cl+xSwcUxhu+UrkXLb850e5nCTc6HNt3Hu26Y59bwbN/ANZmUdJ79SfYUDugXKTDWbXH8CPAAKrBxtkTBdLdAAAAAElFTkSuQmCC) } .page-chart .chart-rank2-datalabels-inside tspan:first-child { display: none } .page-chart .chart-rank2-datalabels-inside tspan+tspan { fill: #fff } .page-yzxjd .title { color: #36c; height: 83px; line-height: 83px; position: relative } .page-yzxjd .title .yzxpj-tag-wrap { position: absolute; color: #35384a; height: 83px; line-height: 83px; right: 0; top: 0 } .page-yzxjd .title .yzxpj-tag-item { display: inline-block; margin-left: 30px } .page-yzxjd .title .yzxpj-tag-item i { width: 12px; height: 12px; display: inline-block; vertical-align: middle; border-radius: 3px; margin-right: 6px } .page-yzxjd .title .yzxpj-i-green { background: #a0cc40 } .page-yzxjd .title .yzxpj-i-blue { background: #4877e8 } .page-yzxjd .title:after, .page-yzxjd .title:before { content: ''; width: 8px; height: 8px; background: #1f4ba1; display: inline-block; border-radius: 8px; margin: 0 6px } .page-yzxjd .form { display: inline-block } .page-yzxjd .select-label { display: inline-block; margin-left: 30px; height: 30px } .page-yzxjd select { height: 30px; border-radius: 4px; border: 1px solid #ccc } .page-yzxjd .jd { color: #666 } .page-yzxjd .jd ul { overflow: hidden } .page-yzxjd .jd ul li { float: left; width: 168px } .page-yzxjd .jd ul li:first-child { width: 166px; color: #333 } .page-yzxjd .jd ul li:first-child+li { color: #333 } .page-yzxjd .jd>li+li { margin-top: 20px } .page-yzxjd .jd>li+li li:first-child { text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 10px } .page-yzxjd .jd>li+li li+li { height: 20px; line-height: 20px; color: #fff; background: #f1f1f1; position: relative } .page-yzxjd .jd>li+li li+li:after { position: absolute; content: ''; width: 19px; height: 20px; background-position: -57px 0; right: -19px; background-image: url(/Public/images/sprites/sprite-jt.png); z-index: 1 } .page-yzxjd .jd>li:first-child { background: #f1f1f1; border: 1px solid #cfcfcf; font-size: 13px; padding: 5px 0 } .page-yzxjd .jd>li:first-child li:first-child { width: 172px } .page-yzxjd .jd .num0 { background: #d1def7; color: #666 } .page-yzxjd .jd .num0:after { background-position: -76px 0 } .page-yzxjd .jd .num1 { background: #a3bcef } .page-yzxjd .jd .num1:after { background-position: 0 0 } .page-yzxjd .jd .num2 { background: #749be6 } .page-yzxjd .jd .num2, .page-yzxjd .jd .num2:after { background-position: -95px 0 } .page-yzxjd .jd .num3 { background: #4679de } .page-yzxjd .jd .num3, .page-yzxjd .jd .num3:after { background-position: -19px 0 } .page-yzxjd .jd .num4 { background: #2557ba } .page-yzxjd .jd .num4, .page-yzxjd .jd .num4:after { background-position: -114px 0 } .page-yzxjd .jd .num5 { background: #1f4ba1 } .page-yzxjd .jd .num5, .page-yzxjd .jd .num5:after { background-position: -38px 0 } .page-yzxjd .jd .green-ul .num0 { background: #e3f0c7 } .page-yzxjd .jd .green-ul .num0:after, .page-yzxjd .jd .green-ul .num1:after { background: url(/Public/images/sprites/yzxjd-new.png); background-position: 40px 0 !important } .page-yzxjd .jd .green-ul .num1:after { background-position: 160px 0 !important } .page-yzxjd .jd .green-ul .num1, .page-yzxjd .jd .green-ul .num1:before { background: #d1e5ad } .page-yzxjd .jd .green-ul .num2, .page-yzxjd .jd .green-ul .num2:before { background: #c2de83 } .page-yzxjd .jd .green-ul .num2:after { background: url(/Public/images/sprites/yzxjd-new.png); background-position: 220px 0 !important } .page-yzxjd .jd .green-ul .num3, .page-yzxjd .jd .green-ul .num3:before { background: #b0d561 } .page-yzxjd .jd .green-ul .num3:after { background: url(/Public/images/sprites/yzxjd-new.png); background-position: 280px 0 !important } .page-yzxjd .jd .green-ul .num4, .page-yzxjd .jd .green-ul .num4:before { background: #a0cc40 } .page-yzxjd .jd .green-ul .num4:after { background: url(/Public/images/sprites/yzxjd-new.png); background-position: 120px 0 !important } .page-yzxjd .jd .green-ul .num5, .page-yzxjd .jd .green-ul .num5:before { background: #8fc31e } .page-yzxjd .jd .green-ul .num5:after { background: url(/Public/images/sprites/yzxjd-new.png); background-position: 100px 0 !important } .main-box .left-box { width: 200px; margin-right: 16px; float: left } .main-box .left-box .nav-boxs { font-size: 14px; min-height: 500px; border: 1px solid #ccc; background-color: #fff; overflow: hidden } .main-box .left-box .nav-boxs a { position: relative; display: block; text-decoration: none } .main-box .left-box .nav-boxs .nav-box .nav-sub a.active, .main-box .left-box .nav-boxs a:hover { color: #36c } .main-box .left-box .nav-boxs .nav-box .nav-sub a.noread:after { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%; right: 92px; top: 37%; background: #f00; } .main-box .left-box .nav-boxs .nav-box { margin: -1px 16px 0; border-top: 1px solid #ccc } .main-box .left-box .nav-boxs .nav-box .nav-title { font-weight: 700; font-size: 16px; margin: 14px -16px; padding: 0 16px 0 12px; border-left: 4px solid transparent } .main-box .left-box .nav-boxs .nav-box .nav-title .fa { font-size: 18px } .main-box .left-box .nav-boxs .nav-box .nav-title.active { color: #36c; border-left-color: #36c } .main-box .left-box .nav-boxs .nav-box .nav-sub { margin: 0 -16px } .main-box .left-box .nav-boxs .nav-box .nav-sub a { margin: 12px 0; padding: 0 32px } .main-box, .main-box .right-box { overflow: hidden; *zoom: 1 } .main-box .right-box>.ui-panel>.ui-panel-content { min-height: 420px; overflow: hidden; *zoom: 1 } .side { position: absolute; top: 24px; right: 16px } .side, .side .ads { width: 300px; z-index: 10 } .side .ads .ad { width: 100%; display: block; height: 120px; vertical-align: top } .side .ads .ad img { width: 100%; height: 100% } .side .ads .ad, .side .ads-text, .side .db-new-reward, .side .db-supply, .side .db-new-job { margin-bottom: 16px } .side .ads-text a { display: block; font-size: 14px; line-height: 24px; font-weight: 700; color: #36c } .side .db-new-reward .ui-panel-content { overflow: hidden; height: 250px } .side .db-new-reward .ui-panel-content .item { border-top: 1px dotted #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 4px 0; margin: -1px 8px 0 } .side .db-new-reward .ui-panel-content .item b { display: inline-block; margin-right: 8px; background-color: #999; color: #fff; width: 18px; height: 18px; line-height: 18px; font-size: 12px; text-align: center; border-radius: 3px } .side .db-new-reward .ui-panel-content .item b.yel { background-color: #f60 } .db-supply.db-new-job .item .p1 { display: block; font-size: 14px; color: #36c } .db-supply.db-new-job .item .p2 { display: block; color: #F00 } .db-supply.db-new-job .item .p3 { display: block; color: #999 } .side .db-new-job.db-side .ui-panel-content { overflow: hidden } .side .db-new-job.db-side .ui-panel-content .item { border-top: 1px dotted #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 10px; margin: -1px 8px 0 } .side .db-new-job.db-side .ui-panel-content .item>a { display: block } .side .db-new-job.db-side .ui-panel-content .item p { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px } .side .db-new-job.db-side .ui-panel-content .item p.p1 { font-size: 14px } .side .db-new-job.db-side .ui-panel-content .item p.p2 { color: #f00 } .side .db-new-job.db-side .ui-panel-content .item p.p3 { color: #999; margin-bottom: 0 } .side .db-supply { line-height: 22px } .side .db-supply .ui-panel-content { padding: 0 8px } .side .db-supply .item { margin-top: -1px; padding: 10px 0 4px; border-top: 1px dotted #ccc } .side .db-supply .summary, .side .db-supply .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .side .db-supply .title { display: block; font-size: 14px; color: #36c } .side .db-supply .summary { color: #666 } .notfound { background: #000d50; font-family: "microsoft yahei" } .notfound .top { height: 50px; overflow: hidden; margin: 0 auto } .notfound .top .top-w { width: 1000px; margin: 0 auto; line-height: 50px } .notfound .top .top-logo { background: url(../images/logo_w.png) no-repeat; width: 270px; height: 40px; float: left; display: inline-block; margin-top: 3px } .notfound .top .nav { float: right } .notfound .top .nav a { color: #fff } .notfound .top .nav a:hover { text-decoration: underline } .notfound .top .nav ul li { float: left; padding: 0 10px; font-size: 14px } .notfound .overall { position: absolute; width: 100%; height: 100% } .notfound .error { color: #fff; z-index: 99; width: 960px; height: 600px; position: relative; left: 50%; top: 50%; margin-left: -480px; margin-top: -300px } .notfound .error .error-w { position: absolute; top: 0; left: 235px; text-align: center; width: 575px } .notfound .error .er { background: url(../images/notfound/error404.png) no-repeat; width: 470px; height: 130px } .notfound .error .ea { font-size: 45px; text-shadow: 0 2px 3px rgba(0, 0, 0, .7); font-weight: 500; letter-spacing: 5px; padding-top: 5px } .notfound .error .em { font-size: 18px; text-shadow: 0 2px 1px rgba(0, 0, 0, .7); letter-spacing: 2px; padding: 20px } .notfound .error .em_zjl { margin-top: 10px; font-size: 20px; font-weight: 400; font-stretch: normal; line-height: 44px; letter-spacing: 0; color: #fff } .notfound .error .eb-bton_zjl { width: 157px; height: 40px; background-color: #40e6ff; border-radius: 20px; margin: 0 auto; display: block; font-size: 19px; text-decoration: none; color: #000d50; line-height: 40px } .notfound .error .eb-bton { width: 147px; height: 49px; background: url(../images/notfound/btn.png) 0 0 no-repeat; display: block; margin: 10px auto 0 } .notfound .error .eb-bton:hover { background: url(../images/notfound/btn.png) 0 -51px no-repeat; _background-position: 0 -50px } .notfound .foot { bottom: 0; overflow: hidden; width: 100%; height: 300px } .notfound .foot, .notfound .foot .ft { position: absolute } .notfound .foot .ft1 { z-index: 1; top: 0; left: 0 } .notfound .foot .ft2 { z-index: 2; top: 0; left: 0 } .notfound .foot .ft3 { z-index: 3; top: 0; left: 0 } .notfound .foot .ft4 { z-index: 4; top: 0; left: 0 } .notfound .foot-w { position: absolute; left: 50%; width: 2048px; height: 150px; margin-left: -1024px; bottom: 0 } .page-vip .left-box { float: left; width: 800px } .page-vip .left-box .box_yinliu { width: 500px; margin: 80px auto; text-align: center } .page-vip .left-box .box_yinliu .yinliu_text { margin: 0 auto 30px; width: 393px; font-size: 14px } .page-vip .left-box .box_yinliu .yinliu_btn { display: block; margin: 0 auto; width: 157px; height: 35px; background-color: #36c; border-radius: 3px; color: #fff; line-height: 35px; text-align: center; font-size: 14px } .page-vip .left-box .box_yinliu .yinliu_btn:hover { text-decoration: none } .page-vip .right-box { float: right; width: 350px } .page-vip .right-box .item { height: 80px; position: relative; border: 1px solid #ccc; margin-top: 32px; padding: 10px 10px 10px 110px; line-height: 1.6 } .page-vip .right-box .item .head { position: absolute; left: 0; top: 0; height: 80px; width: 100px; padding: 10px 0; border-right: 1px solid #ccc; background-color: #f8f8f8; text-align: center } .page-vip .right-box .item .head .name { display: inline-block; margin-top: 10px } .page-vip .right-box .item .fa { font-size: 50px; color: #36c; position: relative } .page-vip .right-box .item .sicon { position: absolute; right: -10px; bottom: -6px; font-size: 16px; color: #fff; border-radius: 14px; padding: 4px; width: 16px; height: 16px; border: 2px solid #fff; background-color: #36c } .page-vip .vip-action-tab .item { margin: 16px 0 64px } .page-vip .vip-action-tab .item .fs16 { margin: 8px } .page-links .links a { display: inline-block; width: 160px; font-size: 14px; padding: 4px 8px; margin: 4px; text-decoration: none } .page-links .links a:hover { color: #36c } .page-links .add-links-box { position: relative; padding-right: 416px } .page-links .add-links-form { margin-left: 100px } .page-links .add-links-tips { width: 366px; position: absolute; top: 16px; right: 0; line-height: 2 } .page-tool .header { width: 800px; margin: 0 auto; height: 86px; background: url(../images/other/tool_head_bg.jpg) no-repeat center 0; border-bottom: 1px solid #ccc } .page-tool .tool-box { width: 800px; height: 550px; overflow: hidden; margin: 50px auto } .page-tool .tool-box .ui-sliderbox-control { width: 100%; text-align: center; padding: 0 } .page-tool .tool-box .ui-sliderbox-control a { background: #36c; width: 16px; height: 16px; border-radius: 8px } .page-tool .tool-panel { width: 800px; height: 550px; line-height: 1.6; color: #666 } .page-tool .tool-panel .item { width: 207px; border: 1px solid #ccc; padding: 16px 16px 47px 100px; position: relative; margin: 0 0 50px 50px; float: left; overflow: hidden } .page-tool .tool-panel .item .logo { position: absolute; left: 0; top: 0 } .page-tool .tool-panel .item .title { font-size: 16px; height: 24px } .page-tool .tool-panel .item .summary { height: 36px; margin-top: 8px; overflow: hidden } .page-tool .tool-panel .item .btn { z-index: 10; position: absolute; opacity: 0; filter: Alpha(Opacity=0); top: 50px; left: 105.5px; width: 80px } .page-tool .tool-panel .item .status { z-index: 10; position: absolute; left: 0; bottom: 0; width: 100%; background-color: #f8f8f8; height: 30px; font-size: 14px; line-height: 20px; border-top: 1px solid #ccc; overflow: hidden } .page-tool .tool-panel .item .status .s-item { float: left; text-align: center; margin-top: 5px; width: 106px; border-left: 1px solid #ccc; margin-left: -1px } .page-tool .tool-panel .item .status .fa { color: #adc2eb; font-size: 16px; margin-right: 8px } .page-tool .tool-panel .item .status .text { display: none } .page-tool .tool-panel .item .pop { z-index: 1; position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background: #768694; opacity: .8; filter: Alpha(Opacity=80) } .page-tool .tool-panel .item.hover .status { border-top: 0; background: 0; color: #fff; font-size: 12px } .page-tool .tool-panel .item.hover .status .s-item { border-color: #fff } .page-tool .tool-panel .item.hover .status .fa { display: none } .page-tool .tool-panel .item.hover .status .text { display: inline-block } .page-tool .tool-panel .item.hover .pop { top: 0 } .page-tool .tool-panel .item.hover .btn { opacity: 1 } .page-formula .wrapper { width: 800px } .page-formula .ui-box-yellow { height: 366px } .page-formula .result { height: 366px; overflow-y: auto } .page-formula .result .em4 { display: inline-block; text-align: right } .page-formula .result .tips { margin-top: 190px; text-align: center; color: #999 } .page-formula .form.form-style-2 .form-double-groups { width: 60% } .page-formula .form.form-style-2 .form-groups { width: 40% } .page-try .submit { overflow: hidden; *zoom: 1 } .page-try .ui-dialog-titlebar { background-color: transparent; border: 0 } .page-try.ui-dialog .ui-widget-header .ui-dialog-titlebar-close .fa { color: #999; font-size: 24px } .page-try.ui-dialog .ui-widget-header .ui-dialog-titlebar-close .fa:hover { color: #444 } .page-try .form { margin-left: 120px } .page-try .form .form-group { margin-bottom: 10px } .page-try .form .form-label { width: 12em; line-height: 24px } .page-try .form .validate-error { background-color: transparent; color: #e51414; border-color: #e51414 } .page-try .form .form-box { position: relative } .page-try .form .form-control { height: 24px; line-height: 24px; width: 240px; text-indent: 26px } .page-try .form select.form-control { width: 258px; height: 34px } .page-try .form .fa { position: absolute; left: 0; top: 0; font-size: 18px; height: 34px; line-height: 34px; width: 34px; text-align: center; color: #999 } .page-try .form button.btn.form-control-width { width: 258px } @keyframes page-faq-flash { 0% { opacity: .6; transform: scale(1) } 40%, to { opacity: 0; transform: scale(2) } } .page-faq .header-bar { padding: 0; height: auto } .page-faq .header-bar .wrapper { position: relative } .page-faq .header-bar .home { position: absolute; width: 280px; height: 60px; left: 4px; top: 26px } .page-faq .banner { position: relative; height: 600px; overflow: hidden } .page-faq .banner img { position: absolute; left: 50%; width: 1920px; margin-left: -960px } .page-faq .banner .more-info, .page-faq .banner .zx { position: absolute; z-index: 2; top: 62%; left: 50%; margin-left: -160px; width: 140px; line-height: 44px; text-indent: -999px; overflow: hidden } .page-faq .banner .more-info { margin-left: 11px } .page-faq .block { width: 1200px; margin: 80px auto } .page-faq .block .block-title { border-bottom: 1px solid #46b2fa; margin: 40px 0 80px; text-align: center; height: 46px; color: #46b2fa } .page-faq .block .block-title .cn-name { display: inline-block; *zoom: 1; *display: inline; font-size: 26px; line-height: 45px; border-bottom: 3px solid #46b2fa } .page-faq .block .block-title .en-name { font-size: 16px } .page-faq .faq-list { *zoom: 1; font-size: 13px; line-height: 1.7 } .page-faq .faq-list:after, .page-faq .faq-list:before { content: ""; display: table } .page-faq .faq-list:after { clear: both } .page-faq .faq-list .item { position: relative; margin: 0 0 60px 100px; padding: 8px 20px; background: url(../images/faq/b3.jpg) repeat-x #fff } .page-faq .faq-list .num { font-size: 70px; color: #46b2fa; line-height: 70px; width: 108px; height: 90px; position: absolute; left: -120px; top: -8px; text-align: right; background: url(../images/faq/num.png) no-repeat } .page-faq .faq-list .num.num-1 { background-position: 0 0 } .page-faq .faq-list .num.num-2 { background-position: -108px 0 } .page-faq .faq-list .num.num-3 { background-position: -216px 0 } .page-faq .faq-list .num.num-4 { background-position: -324px 0 } .page-faq .faq-list .num.num-5 { background-position: -432px 0 } .page-faq .faq-list .num.num-6 { background-position: -540px 0 } .page-faq .faq-list .num.num-7 { background-position: 0 -90px } .page-faq .faq-list .num.num-8 { background-position: -108px -90px } .page-faq .faq-list .num.num-9 { background-position: -216px -90px } .page-faq .faq-list .num.num-10 { background-position: -324px -90px } .page-faq .faq-list .num.num-11 { background-position: -432px -90px } .page-faq .faq-list .num.num-12 { background-position: -540px -90px } .page-faq .faq-list .title { font-size: 18px; color: #46b2fa; margin-bottom: 8px } .page-faq .card-list { margin: 100px 80px; *zoom: 1 } .page-faq .card-list:after, .page-faq .card-list:before { content: ""; display: table } .page-faq .card-list:after { clear: both } .page-faq .card-list .item { float: left; width: 240px; height: 150px; margin-left: 16px; position: relative } .page-faq .card-list img { position: absolute; left: 0; top: 0; z-index: 1 } .page-faq .card-list .txt { position: relative; z-index: 2; font-size: 14px; color: #fff; margin: 80px 80px 0 10px } .page-faq .card-list .title { font-size: 18px } .page-faq .flash-layer { height: 641px; position: relative; text-align: center; background: url(/Public/images/faq/b2.jpg) no-repeat center 0 } .page-faq .flash-layer .summary { padding-top: 140px; font-size: 16px; color: #fff; line-height: 1.8 } .page-faq .page-faq-flash { position: absolute; width: 10px; height: 10px; border-radius: 5px; top: 50%; background: #fff } .page-faq .page-faq-flash:after { content: ''; position: absolute; left: -2px; top: -2px; width: 8px; height: 8px; border-radius: 50%; border: 3px solid #fff; animation: page-faq-flash 4s ease-out 0s infinite } .page-interface { font-size: 14px } .page-interface .header-bar { padding: 0; height: auto } .page-interface .header-bar .wrapper { position: relative } .page-interface .header-bar .home { position: absolute; width: 280px; height: 60px; left: 4px; top: 26px } .page-interface .banner { position: relative; height: 320px; overflow: hidden } .page-interface .banner img { position: absolute; left: 50%; width: 2000px; margin-left: -1000px; height: 320px } .page-interface .banner .btn { background-color: #427fed; border: 0; line-height: 24px; border-radius: 6px; padding: 4px 28px; color: #fff; position: absolute; left: 50%; margin-left: 231px; top: 200px } .page-interface .banner .btn:hover { background-color: #1660e6 } .page-interface .main { width: auto } .page-interface .wenzi { background: url(../images/other/interface/font_bg.jpg) no-repeat; width: 42px; height: 42px; display: inline-block; font-size: 30px; font-style: normal; text-align: center; line-height: 40px } .page-interface .block { padding: 40px 0 } .page-interface .block .block-title { text-align: center } .page-interface .block .block-summary { padding: 30px 0 60px; text-align: center } .page-interface .block.gray { background: #f8f8f8 } .page-interface .yousi-list { margin-left: -50px; *zoom: 1 } .page-interface .yousi-list:after, .page-interface .yousi-list:before { content: ""; display: table } .page-interface .yousi-list:after { clear: both } .page-interface .yousi-list .item { float: left; width: 304px; margin-left: 50px; padding: 30px; border: 1px solid #ddd; border-radius: 10px } .page-interface .yousi-list .title { font-size: 24px; color: #6490e6; text-align: center } .page-interface .yousi-list .summary { padding: 30px 0; color: #999; line-height: 20px; height: 60px; overflow: hidden; margin-top: 20px } .page-interface .yousi-list .actions { border-top: 1px dashed #ddd; padding-top: 30px; overflow: hidden; *zoom: 1 } .page-interface .yousi-list .actions .act { float: left; background: url(../images/other/interface/icons3.png) no-repeat -110px -66px; padding-left: 30px; width: 118px; font-weight: 700; color: #6490e6 } .page-interface .remen-list { margin-left: -18px; text-align: center; *zoom: 1 } .page-interface .remen-list .actions:after, .page-interface .remen-list .actions:before, .page-interface .remen-list:after, .page-interface .remen-list:before { content: ""; display: table } .page-interface .remen-list .actions:after, .page-interface .remen-list:after { clear: both } .page-interface .remen-list .item { float: left; width: 282px; margin-left: 18px; border-radius: 10px; border: 1px solid #cecece; background-color: #fff; overflow: hidden; padding: 1px 1px 132px; position: relative } .page-interface .remen-list .item:hover { border-width: 2px; padding: 0 0 131px; border-color: #6490e6; box-shadow: 2px 2px 10px rgba(0, 0, 0, .8) } .page-interface .remen-list .item:hover .actions { left: -1px; bottom: -1px } .page-interface .remen-list .icon-box { margin-top: 24px } .page-interface .remen-list .type { font-weight: 700; margin: 20px 0; color: #6490e6 } .page-interface .remen-list .title { font-size: 24px; margin: 16px } .page-interface .remen-list .summary { color: #999; text-align: left; line-height: 20px; height: 40px; overflow: hidden; margin: 0 40px } .page-interface .remen-list .actions { background-color: #6490e6; position: absolute; bottom: 0; left: 0; width: 284px; *zoom: 1 } .page-interface .remen-list .actions .act { height: 64px; width: 140px; padding-top: 8px; float: left; line-height: 30px; color: #fff; background: url(../images/other/interface/item_bg.png) no-repeat } .page-interface .remen-list .actions .act.first { background: 0 } .page-interface .remen-list .actions .act .icon3 { width: 32px; height: 30px; margin-top: 0 } .page-interface .remen-list .actions .act .i-4 { margin-right: 4px } .page-interface .remen-list .nd .type { color: #fdaa0b } .page-interface .remen-list .nd .actions { background-color: #fdaa0b } .page-interface .remen-list .nd:hover { border-color: #fdaa0b } .page-interface .remen-list .rd .type { color: #ff872b } .page-interface .remen-list .rd .actions { background-color: #ff872b } .page-interface .remen-list .rd:hover { border-color: #ff872b } .page-interface .remen-list .th .type { color: #21c4b8 } .page-interface .remen-list .th .actions { background-color: #21c4b8 } .page-interface .remen-list .th:hover { border-color: #21c4b8 } .page-interface .object-list { *zoom: 1 } .page-interface .object-list:after, .page-interface .object-list:before { content: ""; display: table } .page-interface .object-list:after { clear: both } .page-interface .object-list .item { padding-top: 200px; float: left; width: 300px; text-align: center; background: url(../images/other/interface/img1.jpg) no-repeat 26px 0 } .page-interface .object-list .title { font-size: 20px; color: #36c } .page-interface .object-list .summary { margin: 10px 80px; color: #999; text-align: left } .page-interface .object-list .it2 { background-position: -309px 0 } .page-interface .object-list .it3 { background-position: -590px 0 } .page-interface .object-list .it4 { background-position: -890px 0 } .page-interface .step-list { *zoom: 1; background: url(../images/other/interface/img2.jpg) no-repeat 339px -6px } .page-interface .step-list:after, .page-interface .step-list:before { content: ""; display: table } .page-interface .step-list:after { clear: both } .page-interface .step-list .item { float: left; width: 400px; text-align: center } .page-interface .step-list .item:hover .i-1 { background-position: 0 -160px } .page-interface .step-list .item:hover .i-2 { background-position: -138px -160px } .page-interface .step-list .item:hover .i-3 { background-position: -278px -160px } .page-interface .step-list .step { font-size: 18px; margin: 20px 0 } .page-interface .step-list .title { font-size: 24px; margin: 10px 0 } .page-interface .step-list .summary { margin: 10px 116px; color: #999; text-align: left } .page-interface .xxx { background-color: #f8f8f8; padding: 30px 0; height: 60px; font-size: 18px; text-align: center } .page-interface .xxx .item { display: inline-block; *zoom: 1; *display: inline; width: 200px; text-align: center; padding: 0 80px; line-height: 30px } .page-interface .xxx .split { display: inline-block; *zoom: 1; *display: inline; width: 20px; height: 50px; margin-top: 5px; background: url(../images/other/interface/split.jpg) no-repeat } .page-interface .xxx .name { font-size: 30px } .page-interface .fbanner { background: url(../images/other/interface/img3.jpg) no-repeat center 0; height: 320px; color: #fff; overflow: hidden } .page-interface .fbanner .title { margin: 80px 0 40px; font-size: 30px; text-align: center } .page-interface .fbanner .btn { background-color: transparent; color: #fff; padding: 10px 40px; border-radius: 10px; margin: 0 20px; font-size: 16px } .page-interface .fbanner .btn:hover { background-color: #6490e6; border-color: #6490e6 } .page-interface .icon2, .page-interface .icon3 { display: inline-block; *zoom: 1; *display: inline; vertical-align: top } .page-interface .icon3 { background: url(../images/other/interface/icons3.png) no-repeat; margin-top: -10px; width: 50px; height: 50px } .page-interface .icon3.i-2 { background-position: -50px 0 } .page-interface .icon3.i-3 { background-position: -100px 0 } .page-interface .icon3.i-4 { background-position: -10px -60px } .page-interface .icon3.i-5 { background-position: -60px -60px } .page-interface .icon2 { background: url(../images/other/interface/icons2.jpg) no-repeat; width: 300px; height: 200px; margin-left: 10px } .page-interface .icon2.i-2 { background-position: 0 -200px } .page-interface .icon2.i-3 { background-position: 0 -400px } .page-interface .icon2.i-4 { background-position: 0 -600px } .page-interface .icon1 { background: url(../images/other/interface/icons1.png) no-repeat 0 0; width: 124px; height: 124px; display: inline-block; *zoom: 1; *display: inline } .page-interface .icon1.i-2 { background-position: -138px 0 } .page-interface .icon1.i-3 { background-position: -278px 0 } .detail-main .extensible-content { position: relative; margin-bottom: 27px } .detail-main .extensible-content-close { max-height: 100px; overflow: hidden } .detail-main .extensible-content-insert-open { height: auto } .detail-main .extensible-content-insert-close { -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0))); filter: alpha(opacity=100, FinishOpacity=0, Style=1, StartX=0, FinishX=0, StartY=0, FinishY=300); overflow: hidden } .detail-main .extensible-switch-btn { position: absolute; bottom: -20px; display: inline-block; width: 100%; text-align: center; text-decoration: none } .page-bigdata { overflow: hidden } .page-bigdata .s_icons { display: inline-block; width: 30px; height: 26px; vertical-align: top; background: url(/Public/images/bigdata/s_icons.png) no-repeat 0 0 } .page-bigdata .s_icons.i2 { background-position: -30px 0 } .page-bigdata .s_icons.i3 { background-position: -60px 0 } .page-bigdata .s_icons.i4 { background-position: -90px 0 } .page-bigdata .s_icons.i5 { background-position: -120px 0 } .page-bigdata .s_icons.i6 { background-position: -150px 0 } .page-bigdata .s_icons.i7 { background-position: -180px 0 } .page-bigdata .btn-blue { background-color: #427fed } .page-bigdata .btn-blue:hover { background-color: #1660e6 } .page-bigdata .btn-blue1 { color: #fff; border-color: #427fed; background-color: #5b96f5 } .page-bigdata .btn-blue1:hover, .page-bigdata .header-bar .nav .item .subnav a:hover:before { background-color: #427fed } .page-bigdata .header-bar { height: 90px; padding: 0 30px; background-color: #427fed; position: relative; z-index: 3 } .page-bigdata .header-bar .logo { float: left; height: 45px; margin-top: 24px; padding-right: 90px; margin-right: 30px; background: url(/Public/images/bigdata/logo.png) right 5px no-repeat } .page-bigdata .header-bar .logo img { height: 45px } .page-bigdata .header-bar .nav { float: left; height: 46px; line-height: 45px; font-size: 16px; margin-top: 44px } .page-bigdata .header-bar .nav .fa { font-size: 24px; margin: 10px 6px 0 0; vertical-align: top } .page-bigdata .header-bar .nav .item { display: inline-block; color: #fff; cursor: pointer; margin-right: 8px; border-left: 1px solid #6b98ed; border-top: 1px solid #6b98ed; border-right: 1px solid #6b98ed; text-decoration: none; position: relative; z-index: 1 } .page-bigdata .header-bar .nav .item.has-sub .item-name:after { margin-top: -4px; position: absolute; right: 10px; top: 50%; content: ""; width: 0; height: 0; border: 4px solid transparent; border-top-color: #fff } .page-bigdata .header-bar .nav .item.active, .page-bigdata .header-bar .nav .item:hover { border-color: #ccc; color: #427fed } .page-bigdata .header-bar .nav .item.active .item-name, .page-bigdata .header-bar .nav .item:hover .item-name { background-color: #fff } .page-bigdata .header-bar .nav .item.active .item-name:after, .page-bigdata .header-bar .nav .item:hover .item-name:after { border-top-color: #6b98ed } .page-bigdata .header-bar .nav .item:hover { z-index: 2 } .page-bigdata .header-bar .nav .item:hover .subnav { display: block } .page-bigdata .header-bar .nav .item .item-name { position: relative; z-index: 2; padding: 0 30px 0 10px; display: inline-block; background-color: #6b98ed } .page-bigdata .header-bar .nav .item .subnav { position: absolute; z-index: 1; display: none; left: -1px; top: 100%; margin-top: -1px; width: 324px; background-color: #fff; border: 1px solid #ccc } .page-bigdata .header-bar .nav .item .subnav a { padding: 0 20px; display: block; text-decoration: none } .page-bigdata .header-bar .nav .item .subnav a:before { content: ""; width: 6px; height: 6px; border-radius: 3px; background-color: #cdcdcd; display: inline-block; vertical-align: top; margin: 20px 10px 0 0 } .page-bigdata .header-bar .nav .item .subnav a:hover { color: #427fed; background-color: #ebf0fa } .page-bigdata .header-bar .search-box { width: 210px; position: absolute; right: 40px; top: 29px; margin: 0; border: 0; padding-right: 60px; background-color: transparent } .page-bigdata .header-bar .search-box .ui-dropdown-select { box-shadow: none } .page-bigdata .header-bar .search-box input { width: 202px } .page-bigdata .header-bar .search-box .search-btn { height: 34px; width: 60px; background-color: #6b98ed; right: 0; top: 0 } .page-bigdata .ui-topnav { background-color: #6b98ed; height: auto; padding: 0; box-shadow: 0 0 5px rgba(0, 0, 0, .2) } .page-bigdata .ui-topnav .item { float: none } .page-bigdata .ui-topnav .item .name { display: block; padding: 4px 40px; font-weight: 400 } .page-bigdata .ui-topnav .item .name:after { font-family: "FontAwesome"; content: "\f105"; border: 0; margin: 0; bottom: 4px; right: 60px; font-size: 18px } .page-bigdata .ui-topnav .item .subnav { top: -37px; left: 100% } .page-bigdata .s-nav { height: 40px; position: relative; z-index: 2; border-bottom: 1px solid #cdcdcd } .page-bigdata .s-nav .toggle-db-nav { display: block; line-height: 40px; color: #5f92ed; font-size: 16px; text-decoration: none } .page-bigdata .s-nav .toggle-db-nav .fa { font-size: 26px; margin: 8px 10px 0; vertical-align: top } .page-bigdata .s-nav .db-nav { float: left; position: relative; width: 300px; height: 40px; z-index: 2 } .page-bigdata .s-nav .db-nav.active .toggle-db-nav { color: #fff; background-color: #5f92ed } .page-bigdata .s-nav .db-nav.active .toggle-db-nav span { color: #5f92ed } .page-bigdata .s-nav .db-nav.active .db-nav-layer { display: block } .page-bigdata .s-nav .db-nav-layer { position: absolute; left: 50px; top: 0; width: 250px; display: none } .page-bigdata .s-nav .db-nav-layer .title { display: block; position: relative; background-color: #2b6fee; color: #fff; padding: 0 40px; line-height: 40px } .page-bigdata .s-nav .db-nav-layer .title:after { content: ""; position: absolute; z-index: 2; left: -16px; top: 50%; margin-top: -8px; border: 8px solid transparent; border-right-color: #2b6fee } .page-bigdata .s-nav .crumbs { font-size: 14px; line-height: 40px; float: left; color: #666; padding: 0 10px } .page-bigdata .s-nav .crumbs a, .page-bigdata .s-nav .crumbs i, .page-bigdata .s-nav .crumbs span { display: inline-block; margin: 0 4px } .page-bigdata .s-nav .crumbs i { font-size: 16px } .page-bigdata .s-nav .crumbs span, .page-register .reg-main #J_register_form #protocol a { color: #427fed } .page-bigdata .main-view { position: absolute; z-index: 1; top: 162px; left: 0; width: 100%; bottom: 40px; overflow: hidden; background-color: #fff } .page-bigdata .main-view.hide-text .text { visibility: hidden } .page-bigdata .main-view .circle { stroke: #fff; stroke-width: 3px } .page-bigdata .main-view .link { stroke-width: 1; stroke: #888; opacity: .6 } .page-bigdata .main-view .text { fill: #aaa } .page-bigdata .main-view .hover .text { visibility: visible } .page-bigdata .main-view .active .circle { stroke: #f66 !important; stroke-width: 3px } .page-bigdata .main-view .active .text { visibility: visible; fill: #444 } .page-bigdata .main-view .dialog-open { fill-opacity: .5 } .page-bigdata .main-view .dialog-open .active { fill-opacity: 1 } .page-bigdata .options-bar { width: 300px; position: absolute; left: 0; top: 0; bottom: 0; background-color: #f1f1f1; z-index: 9; border-right: 1px solid #cacaca } .page-bigdata .options-bar .content { width: 300px; height: 100%; overflow-y: auto; overflow-x: hidden } .page-bigdata .options-bar .form { padding: 10px 0 } .page-bigdata .options-bar .form .form-group { margin-bottom: 6px } .page-bigdata .options-bar .form .form-group .btn.btn-blue { width: 100px } .page-bigdata .options-bar .form.align-right .form-label { width: 70px; font-weight: 400; font-size: 14px; color: #333 } .page-bigdata .options-bar .form .form-text { display: block; padding: 0; font-size: 12px; color: #999; line-height: 16px } .page-bigdata .options-bar .form .title { font-size: 16px; color: #427fed; padding: 0 20px 10px } .page-bigdata .options-bar .form .hctp-type select { float: left; width: 60px; margin: 0 8px } .page-bigdata .options-bar .form .hctp-type .ui-dropdown-select { float: left; margin: 0 8px } .page-bigdata .options-bar .switch { position: absolute; top: 50%; width: 10px; height: 60px; right: -10px; margin-top: -30px; overflow: hidden } .page-bigdata .options-bar .switch .ic { width: 0; height: 40px; border: 10px solid transparent; border-left-color: #5b96f5 } .page-bigdata .options-bar .switch .ic:after { content: ""; width: 0; height: 0; position: absolute; left: -3px; top: 50%; margin-top: -5px; border: 5px solid transparent; border-right-color: #fff } .page-bigdata .options-bar .switch:hover .ic { border-left-color: #1660e6 } .page-bigdata .options-bar .switch.close .ic:after { left: 3px; border-right-color: transparent; border-left-color: #fff } .page-bigdata .options-bar .group { font-size: 16px; margin: 10px 0; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca } .page-bigdata .options-bar .group.open .list { display: block } .page-bigdata .options-bar .group.open .arrow:after { content: "" } .page-bigdata .options-bar .group .title { display: block; padding: 10px 26px; background: #fff; line-height: 1; text-decoration: none } .page-bigdata .options-bar .group .title.active, .page-bigdata .options-bar .group .title:hover { color: #fff; background-color: #427fed } .page-bigdata .options-bar .group .list { display: none } .page-bigdata .options-bar .group .item { font-size: 14px; display: block; padding: 10px 60px; background: #fff; line-height: 1; text-decoration: none } .page-bigdata .options-bar .group .item.active, .page-bigdata .options-bar .group .item:hover { background: #427fed; color: #fff } .page-bigdata .options-bar .group .arrow:after { content: '' } .page-bigdata .side-actions { position: absolute; right: 10px; bottom: 10px; width: 40px } .page-bigdata .footer, .page-bigdata .side-actions a { background-color: #427fed; text-align: center; color: #fff } .page-bigdata .side-actions a { display: inline-block; height: 40px; font-size: 26px; border-radius: 3px; margin-top: 10px; width: 40px; line-height: 40px } .page-bigdata .side-actions a:hover { background-color: #1660e6 } .page-bigdata .bg-tips { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; background-color: #fff } .page-bigdata .bg-tips .bg-tips-content { position: absolute; left: 50%; z-index: 1; top: 50%; margin: -100px 0 0 -90px; background: url(/Public/images/bigdata/bg_tips.png) no-repeat; font-size: 14px; color: #999; padding: 50px 0 0 1px } .page-bigdata .ui-tips .ui-tips-error { line-height: 24px; background-color: #ffe0c9; border-color: #cd5606; color: #cd5606 } .page-bigdata .ui-tips .ui-tips-error:before { margin: -3px 10px 0 -10px; font-size: 20px; font-family: FontAwesome; content: ""; border: 2px solid #cd5606; border-radius: 30px; vertical-align: top; display: inline-block; width: 24px; height: 24px; text-align: center; line-height: 24px } .page-bigdata #settings .btn { width: 94px } .page-bigdata #settings .clean { margin-left: 5px } .page-bigdata .footer { border-top: 0; padding: 10px 0; line-height: 20px; z-index: 10; position: absolute; left: 0; bottom: 0; width: 100% } .page-bigdata .content-menu { display: none; position: fixed; z-index: 100002; width: 200px; border: 1px solid #bababa; color: #3f3f3f; background-color: #fff; font-size: 13px; line-height: 26px; padding: 4px 0; box-shadow: 2px 2px 2px rgba(0, 0, 0, .5) } .page-bigdata .content-menu .item { display: block; padding: 0 30px; position: relative; margin: 0 -1px; cursor: default; color: #3f3f3f; text-decoration: none } .page-bigdata .content-menu .item:hover { background-color: #4281f4; color: #fff } .page-bigdata .content-menu .item.disabled { color: #a6a698; background-color: transparent } .page-bigdata .content-menu hr { height: 1px; border: 0; background-color: #e9e9e9 } .page-bigdata .bigdata-dialog { z-index: 100001 } .page-bigdata .bigdata-dialog .ui-dialog-titlebar { padding: 0 } .page-bigdata .bigdata-dialog .ui-dialog-titlebar-close { right: 0 } .page-bigdata .bigdata-dialog .ui-dialog-content { padding-top: 0 } .page-bigdata .bigdata-dialog .title { font-size: 16px; line-height: 26px; color: #2a78f5; border-bottom: 1px dashed #ccc; padding-bottom: 8px; margin-bottom: 8px } .page-bigdata .bigdata-dialog .title .s_icons { margin-right: 6px } .page-bigdata .bigdata-dialog .lay-atc { display: -ms-flexbox; display: flex; line-height: 20px } .page-bigdata .bigdata-dialog p { line-height: 20px; max-height: 120px; overflow: hidden } .page-bigdata .bigdata-dialog tr.active td { background-color: #c8e1fa !important } .page-bigdata .bigdata-dialog-layer { background: 0 } .page-bigdata .other-options .checkbox input, .page-bigdata .ui-sidebar, .page-ssxs .ssxs-main .ui-tab-navs .ui-tab-nav a:after { display: none } .page-bigdata .ui-topbar { position: relative; z-index: 10 } .page-bigdata .use-tips, .page-bigdata .use-tips2 { position: fixed; z-index: 100; left: 0; top: 0; right: 0; bottom: 0 } .page-bigdata .use-tips { background: url(/Public/images/bigdata/use_tips.png) no-repeat 294px 110px rgba(0, 0, 0, .6) } .page-bigdata .use-tips a, .page-bigdata .use-tips2 a { position: absolute; left: 828px; top: 235px; width: 112px; height: 40px } .page-bigdata .use-tips2 { background: url(/Public/images/bigdata/use_tips2.png) no-repeat 420px 200px rgba(0, 0, 0, .6) } .page-bigdata .use-tips2 a { top: 467px; left: 468px } .page-bigdata .main-page-view .content-view { width: 100%; height: 100%; overflow-y: auto; line-height: 1.6 } .page-bigdata .main-page { font-size: 16px; line-height: 1.7; width: 1080px; margin: 0 auto; padding: 40px 0 } .page-bigdata .main-page .detail-home-tag { height: 34px; margin: 60px 0 30px; font-size: 18px; color: #fff; line-height: 34px; background: url(/Public/images/bigdata/home_13.png) no-repeat; border-bottom: 1px solid #ccc } .page-bigdata .main-page .detail-home-tag .name { display: inline-block; width: 150px; text-align: center } .page-bigdata .main-page .list { font-size: 14px } .page-bigdata .main-page .list li { color: #427fed; float: left; width: 250px } .page-bigdata .main-page .list li:before { color: #9dc0f9; font: 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin-right: 4px; content: "" } .page-bigdata .main-page .title { margin: 40px 0; line-height: 35px; color: #fff; padding: 0 18px; background: url(/Public/images/bigdata/tag_03.png) no-repeat } .page-bigdata .main-page .title1 { margin: 40px 0 40px 7.5px; display: inline-block; height: 36px; line-height: 36px; background: #2a78f5; position: relative; padding: 0 15px 0 10px; color: #fff } .page-bigdata .main-page .title1:before { content: ''; display: inline-block; position: absolute; width: 6px; height: 36px; background-color: #2a78f5; top: 0; left: -9px } .page-bigdata .main-page .title1:after { content: ''; display: block; width: 0; height: 0; border-width: 20px 0 16px 30px; border-style: solid; border-color: transparent transparent transparent #2a78f5; position: absolute; top: 0; right: -30px } .page-bigdata .home_wrap { width: 1000px; margin: 0 auto } .page-bigdata .data-list-wrapper { width: 1000px; margin: 50px auto; height: 500px; position: relative } .page-bigdata .data-list-wrapper .slider-actions { position: absolute; top: 50%; width: 100%; margin-top: -30px } .page-bigdata .data-list-wrapper .slider-actions a { font-size: 50px; position: absolute; text-align: center; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; border: 1px solid #427fed; color: #427fed; text-decoration: none } .page-bigdata .data-list-wrapper .slider-actions a:hover { background-color: #427fed; color: #fff } .page-bigdata .data-list-wrapper .slider-actions .icon { display: inline-block; position: relative; top: 8px; width: 20px; height: 20px; vertical-align: top; transform: translate(0, 25%) rotate(45deg) } .page-bigdata .data-list-wrapper .slider-actions .prev { left: -80px } .page-bigdata .data-list-wrapper .slider-actions .prev .icon { left: 5px; border-left: 2px solid #9fbef6; border-bottom: 2px solid #9fbef6 } .page-bigdata .data-list-wrapper .slider-actions .next { right: -80px } .page-bigdata .data-list-wrapper .slider-actions .next .icon { left: -5px; border-top: 2px solid #9fbef6; border-right: 2px solid #9fbef6 } .page-bigdata .data-list-wrap { width: 100%; margin-bottom: 50px; overflow: hidden } .page-bigdata .data-list-wrap .list-panel { overflow: hidden } .page-bigdata .data-list-wrap .data-list { margin-left: -40px; font-size: 13px } .page-bigdata .data-list-wrap .data-list .item { width: 280px; margin: 0 0 40px 40px; padding: 30px 30px 90px 170px; float: left; border-radius: 5px; position: relative; background-color: #f4f4f4; overflow: hidden } .page-bigdata .data-list-wrap .data-list .item:hover { background-color: #ebf1ff } .page-bigdata .data-list-wrap .data-list .item.new .item-tag { background-color: #ff8b03 } .page-bigdata .data-list-wrap .data-list .item.jian .item-tag { background-color: #fec21f } .page-bigdata .data-list-wrap .data-list .item-tag { position: absolute; left: 0; top: 0; padding: 3px 8px; background-color: #ff4800; color: #fff } .page-bigdata .data-list-wrap .data-list .title { font-size: 22px } .page-bigdata .data-list-wrap .data-list .summary { height: 100px; margin: 6px 0; text-indent: 2em; overflow: hidden } .page-bigdata .data-list-wrap .data-list .bigdata-icon { position: absolute; left: 30px; top: 65px } .page-bigdata .data-list-wrap .data-list .actions { position: absolute; left: 0; width: 420px; bottom: 30px; padding: 0 30px; line-height: 30px; height: 30px } .page-bigdata .data-list-wrap .data-list .actions .btn { position: absolute; right: 30px; top: 0; line-height: 22px; border: 0; background-color: #427fed } .page-bigdata .data-list-wrap .data-list .actions .btn:hover { background-color: #0741a9 } .page-bigdata .data-list-wrap .data-list .ui-sliderbox-control { left: 50%; width: 200px; margin-left: -80px; text-align: center; padding: 0 } .page-bigdata .data-list-wrap .data-list .ui-sliderbox-control a { border: 1px solid #427fed; background-color: #fff; border-radius: 50%; opacity: 1; filter: Alpha(Opacity=100) } .page-bigdata .data-list-wrap .data-list .ui-sliderbox-control a.active { background-color: #427fed } .page-bigdata .bigdata-icon { display: inline-block; background: url(../images/bigdata/home_icons.png) 0 0 no-repeat; width: 110px; height: 110px } .page-bigdata .bigdata-icon.bi-1 { background-position: 0 0 } .page-bigdata .bigdata-icon.bi-2 { background-position: 0 -120px } .page-bigdata .bigdata-icon.bi-3 { background-position: 0 -240px } .page-bigdata .bigdata-icon.bi-4 { background-position: 0 -360px } .page-bigdata .bigdata-icon.bi-5 { background-position: 0 -487px } .page-bigdata .other-options { position: absolute; left: 0; top: 0; width: 100%; z-index: 2 } .page-bigdata .other-options .toggle { text-align: center; line-height: 16px; font-size: 14px; padding: 10px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; left: 310px } .page-bigdata .other-options .checkbox { display: inline-block; margin: 0 10px; cursor: pointer } .page-bigdata .other-options .checkbox i { display: inline-block; width: 20px; height: 12px; vertical-align: top; margin-top: 2px; border-radius: 3px } .page-bigdata .other-options .checkbox b { color: #666; font-weight: 400 } .page-bigdata .other-options .checkbox.unchecked b { color: #aaa !important } .page-bigdata .other-options .checkbox.unchecked i { background-color: #aaa !important } .page-bigdata .other-options-spec .toggle .checkbox:nth-child(3), .page-bigdata .other-options-spec .toggle .checkbox:nth-child(5) { display: none } .page-bigdata .checkbox_ssyp3 i { position: absolute; left: 0; top: 50%; margin-top: -7px; width: 12px; height: 12px; display: inline-block; border: 1px solid #999; border-radius: 3px; line-height: 12px; text-align: center; font-size: 12px } .page-bigdata .checkbox_ssyp3 i:after { font: 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); display: block } .page-bigdata .checkbox_ssyp3 input[value="1"]+i:after { content: '\f00c' } .page-bigdata .checkbox_ssyp3 input[value="-1"]+i:after { content: '\f00d' } .page-bigdata-help .ui-sidebar, .page-bigdata-index .ui-sidebar { display: block } .page-bigdata-help .icon_cha, .page-bigdata-index .icon_cha { display: inline-block; width: 25px; height: 20px; vertical-align: bottom; background: url(/Public/images/bigdata/dui_cha.png) no-repeat 2px -5px } .page-bigdata-help .icon_dui, .page-bigdata-index .icon_dui { display: inline-block; width: 25px; height: 20px; vertical-align: bottom; background: url(/Public/images/bigdata/dui_cha.png) no-repeat 2px -39px } .page-bigdata-help .main-page p { font-size: 15px; color: #666 } @media(max-width:1200px) { .page-bigdata .header-bar .search-box { display: none } } @media(max-height:800px) { .page-bigdata .options-bar .form { padding: 10px 0 } .page-bigdata .options-bar .form .title { padding: 0 10px 20px } .page-bigdata .options-bar .form .form-group { margin-bottom: 6px } } .page-ssxs .ssxs-color-primary { color: #f90 } .page-ssxs .ssxs-blue { color: #51a3ff } .page-ssxs .ssxs-green { color: #06b84f } .page-ssxs .ssxs-red { color: red } .page-ssxs .ssxs-offset-top { margin-top: 48px } .page-ssxs .ssxs-icon { width: 24px; height: 24px; display: inline-block; vertical-align: top; background: url(/Public/images/ssxs/ssxs_icons.png) no-repeat -3px -24px } .page-ssxs .ssxs-icon.ssxs-icon2 { background-position: -33px -24px } .page-ssxs .ssxs-title { border: 1px solid #ccc; padding: 20px; font-size: 22px; color: #36c; text-align: center; background-color: #ebf0fa } .page-ssxs .ssxs-title .ssxs-title-side { margin-left: 4px; font-size: 13px; line-height: 18px; display: inline-block; *zoom: 1; *display: inline; vertical-align: top; margin-top: -6px; color: #666; width: 100px; text-align: left } .page-ssxs .ssxs-star, .page-ssxs .ssxs-star-half { display: inline-block; width: 10px; height: 10px; vertical-align: middle } .page-ssxs .ssxs-star { background: url(/Public/images/ssxs/star.png) no-repeat } .page-ssxs .ssxs-star-half { background: url(/Public/images/ssxs/star.png) no-repeat -10px 0 } .page-ssxs .ssxs-lines { width: 30px; padding: 0 0 4px 10px; border-bottom: 2px solid #36c; display: inline-block; margin-right: 4px } .page-ssxs .ssxs-lines b { padding: 0 0 4px 10px } .page-ssxs .ssxs-lines b, .page-ssxs .ssxs-lines b i { display: block; border-bottom: 2px solid #36c } .page-ssxs .ssxs-main { border: 0; padding: 0 } .page-ssxs .ssxs-main .ui-tab-navs .ui-tab-nav { font-size: 15px } .page-ssxs .ssxs-main .ui-tab-navs .ui-tab-nav a { font-weight: 400; padding: 0 45px } .page-ssxs .ssxs-main>.ui-tab-panels { padding: 40px 10px 10px } .page-ssxs .ssxs-h2 { font-size: 16px; color: #36c } .page-ssxs .ssxs-content { overflow: hidden; *zoom: 1; border-radius: 3px; font-size: 14px; padding: 4px 0 } .page-ssxs .ssxs-content.ssxs-background-dark { padding: 20px; background-color: #ebf0fa } .page-ssxs .ssxs-table1 { line-height: 24px; width: 97% } .page-ssxs .ssxs-table1 th { vertical-align: top; padding: 12px 0; width: 100px; font-weight: 400; text-align: right; color: #333 } .page-ssxs .ssxs-table1 td { color: #666; padding: 12px 0 } .page-ssxs .tag-list .tag, .page-ssxs .tag-list2 .tag { background: 0; width: auto; height: auto; font-style: normal } .page-ssxs .tag-list .tag { border: 1px solid #36c; color: #333; border-radius: 3px; padding: 0 10px; background-color: #fff; line-height: 22px; margin-bottom: 10px } .page-ssxs .tag-list.tag-background-dark .tag { background-color: #51a3ff; color: #fff; border-color: #51a3ff } .page-ssxs .tag-list2 .tag { margin-left: 30px } .page-ssxs .tag-list2 .dot { display: inline-block; vertical-align: middle; margin-top: -2px; width: 8px; height: 8px; background-color: #9c7652; border-radius: 4px } .page-ssxs .tag-list2 .dot.dot-1 { background-color: #f90 } .page-ssxs .tag-list2 .dot.dot-2 { background-color: #51a3ff } .page-ssxs .tag-list2 .dot.dot-3 { background-color: #06b84f } .page-ssxs .tag-list2 .dot-color.dot-color-1, .page-ssxs .tag-list2 .dot-color.dot-color-2, .page-ssxs .tag-list2 .dot-color.dot-color-3 { color: #f90 } .page-ssxs .ui-panel, .page-ssxs .ui-tab { border: 0; padding: 0 } .page-ssxs .ui-panel .ui-panel-title { padding-left: 10px; line-height: 16px; height: 16px; border-bottom: 0; border-left: 4px solid #36c } .page-ssxs .ui-tab-navs.tab-navs-style1 { height: 31px; padding: 0 20px } .page-ssxs .ui-tab-navs.tab-navs-style1:after { height: 1px; background-color: #36c } .page-ssxs .ui-tab-navs.tab-navs-style1 .ui-tab-nav a { padding: 0 30px; border-bottom: 0 } .page-ssxs .ui-tab-navs.tab-navs-style1 .ui-tab-nav a.active { border: 1px solid #36c; border-bottom: 0; background-color: #fff } .page-ssxs .ui-tab-navs.tab-navs-style2 { width: 200px; margin: 0 auto; padding: 0 } .page-ssxs .ui-tab-navs.tab-navs-style2:after { display: none } .page-ssxs .ui-tab-navs.tab-navs-style2 .ui-tab-nav { padding-left: 1px } .page-ssxs .ui-tab-navs.tab-navs-style2 .ui-tab-nav a { padding: 0; float: left; margin-left: -1px; border: 1px solid #ccc; position: relative; z-index: 1; width: 49%; text-align: center } .page-ssxs .ui-tab-navs.tab-navs-style2 .ui-tab-nav a.active { border-color: #36c; z-index: 2 } .page-ssxs .ui-tab-panel { padding-top: 20px } .page-ssxs .star-tips { position: relative; font-size: 14px; display: inline-block } .page-ssxs .star-tips .star-tips-dialog { position: absolute; display: none; top: -94px; width: 236px; height: 132px; font-size: 12px; background: url(/Public/images/ssxs/star_tips.png) 0 0 no-repeat; padding: 40px 46px } .page-ssxs .star-tips:hover .star-tips-dialog { display: block } .pIndex .indexT { width: 1123px; height: 108px; line-height: 108px } .pIndex .indexT .logo { width: 242px; height: 54px; margin: 27px 0; background: url(/Public/images/login/login-logo.png) } .pIndex .indexT .hot { color: #333; height: 14px } .pIndex .indexC .fw:hover, .pIndex .indexC a:hover, .pIndex .indexT .hot:hover { color: #365cc0; text-decoration: underline } .pIndex .indexC { height: 500px; box-shadow: 0 0 5px 0 #3a6ecd inset; background: url(http://www.yaozh.com/static/images/login/xt.jpg) center no-repeat } .pIndex .indexC .con { width: 1123px } .pIndex .indexC .banner { width: 755px; height: 500px } .pIndex .indexC .box { width: 351px; background: #fff; top: 84.5px; right: 0; border-radius: 4px; box-shadow: 0 0 3px 0 #3c73d7; padding-bottom: 35px } .pIndex .indexC a { color: #333 } .pIndex .indexC ul { margin: 35px 0 0 26px } .pIndex .indexC li { width: 300px } .pIndex .indexC .prompt { width: 100%; height: 42px; line-height: 42px; border: 1px solid #eed3d7; background: #f2dede; color: #b94a4b; font-size: 13px; margin-left: -26px; padding-left: 12px; padding-right: 12px } .pIndex .indexC input { width: 270px; height: 42px; border: 0; border-radius: 5px } .pIndex .indexC .input { padding-left: 30px; border: 1px solid #ccd5db; box-shadow: 0 0 0 100px #fff inset } .pIndex .indexC .submit { width: 300px; color: #fff; background: #427fed; cursor: pointer } .pIndex .indexC .icon { width: 30px; height: 100%; background: url(/Public/images/login/login-logo.png) no-repeat; top: 0; left: 0 } .pIndex .indexC .acc { background-position: -235px -23px } .pIndex .indexC .pwd { background-position: -265px -22px } .pIndex .indexC .fw { color: #333; text-decoration: none } .pIndex .indexC .fw:hover { cursor: pointer } .pIndex .indexB { color: #666; font-family: Arial } .pIndex .indexB ul { margin-top: 83px; line-height: 20px } .pIndex .indexB .police { height: 23px; line-height: 23px; padding-left: 27px; background: url(/Public/images/login/login-logo.png) -241px 2px no-repeat } .pIndex .indexAlert { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; filter: opha(opacity=50); opacity: .5; filter: alpha(opacity=50) } .pIndex .alertBox { width: 600px; height: 384px; background: #fff; position: fixed; top: 50%; left: 50%; margin: -192px 0 0 -300px; border-radius: 4px; box-shadow: 0 0 5px 0 #1a325e; font-family: 'Arial' } .pIndex .alertBox .close_box { margin: 15px 22px 0 } .pIndex .alertBox .close { width: 10px; height: 17px; cursor: pointer; background: url(data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QN6aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NzdiMDUyYzMtY2UwZi02YzRmLWFjZmYtMGIwYTJhYTBhZGRlIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAzMkY4Qjg1MkZDMzExRTc4NTY3RUNFMzYwRkJCOUZBIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAzMkY4Qjg0MkZDMzExRTc4NTY3RUNFMzYwRkJCOUZBIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0ZGRhZjlkMy01ZWE3LTYyNDktYjJlZi01MDcwNDdjMWY5YjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzdiMDUyYzMtY2UwZi02YzRmLWFjZmYtMGIwYTJhYTBhZGRlIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgACgAKAwERAAIRAQMRAf/EAGgAAAMBAAAAAAAAAAAAAAAAAAAHCQoBAQAAAAAAAAAAAAAAAAAAAAAQAAADBQQHCQAAAAAAAAAAAAMFBgECBDUHAGI2N/AREjITFAg0VFVlZleXGIgRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/ANbK1WqmpSplZTOmasMGUgYYF79QKgPl8YoxelwVRxjwhmWlpmI9EAGcMZgRHHAAH4zEqwbmIjXCNCCdB9/XKg3fjXAHK5jHcq9yJvibz3evWA6csho7AE1qN2WVTs3zI9TeO3tqwS5+LcrdPzLYP//Z) 0 6px no-repeat } .pIndex .alertBox .con { margin: 110px 0 0 112px } .pIndex .alertBox .prompt { margin-left: 53px } .pIndex .alertBox .input_email { width: 296px; height: 40px; border-radius: 6px; border: 1px solid #ccd5db; padding-left: 4px } .pIndex .alertBox .retrieve { width: 302px; height: 42px; border-radius: 6px; border: 0; cursor: pointer; background: #427fed; color: #fff; margin: 20px 0 0 53px } .pIndex .alertBox .red { color: #ff0909 } .pIndex .alertBox .tips { width: 300px; margin: 15px 0 0 53px; word-spacing: 4px } @media screen and (max-width:1123px) { .pIndex .indexC .con, .pIndex .indexT { width: 98% } } @media screen and (max-width:870px) { .pIndex .indexC .banner, .pIndex .indexT .hot { display: none } .pIndex .indexC { background: 0; box-shadow: 0 0 0 0 #fff } .pIndex .indexC .box, .pIndex .indexC .input, .pIndex .indexC .submit, .pIndex .indexC li { width: 98% } .pIndex .indexC .input { box-sizing: border-box } .pIndex .indexC .ca { margin-right: 20px !important } .pIndex .alertBox { width: 68.88%; margin-left: -34.44% } .pIndex .alertBox .con { width: 370px; margin: 110px auto } } @media screen and (max-width:548px) { .pIndex .alertBox .email_text { display: none } .pIndex .alertBox .input_email, .pIndex .alertBox .retrieve { margin: 0 0 20px !important; width: 100%; box-sizing: border-box } .pIndex .alertBox .con { width: 100%; margin: 80px auto } .pIndex .alertBox .prompt, .pIndex .alertBox .tips { width: 100%; margin-left: 0 } } .mt13 { margin-top: 13px } .mt30 { margin-top: 30px } .disabled { background: #e9e9e9 !important; color: #b1aeae !important; border: 1px solid #b1aeae !important } .page-register { background: #f8f8f8 } .page-register .header { line-height: 60px; height: 60px; width: 100%; padding: 10px 5px; color: #fff; background: #427fed } .page-register .header .clearfix { width: 1000px } .page-register .reg-main { width: 1000px; margin: 40px auto; padding: 10px 30px; background: #fff } .page-register .reg-main p { line-height: 58px; border-bottom: 1px solid #ccc } .page-register .reg-main #J_register_form dl { padding: 13px 0 } .page-register .reg-main #J_register_form dl.current { background: #fafafa } .page-register .reg-main #J_register_form dl dt { width: 290px; margin-right: 20px; height: 40px; line-height: 40px; text-align: right; font-size: 14px } .page-register .reg-main #J_register_form dl dd { width: 300px; margin-right: 20px; height: 40px; text-align: left; font-size: 14px } .page-register .reg-main #J_register_form .input { width: 290px; height: 40px; line-height: 40px; padding-left: 12px; outline-style: none; -webkit-appearance: none; border: 1px solid #ccc } .page-register .reg-main #J_register_form .input:focus { border-color: #c09853 } .page-register .reg-main #J_register_form .mail_ico { display: inline-block; width: 20px; height: 23px; background: url(/Public/images/reg_method_s.png) no-repeat 0 0; vertical-align: middle; margin-right: 9px } .page-register .reg-main #J_register_form .mark { padding-right: 5px; color: red } .page-register .reg-main #J_register_form #J_tip_password { width: 169px; height: 10px; margin-top: 6px; background: #999 } .page-register .reg-main #J_register_form #J_tip_password .r { width: 25%; background: #39afea } .page-register .reg-main #J_register_form #J_tip_password .r2 { width: 50%; background: #39afea } .page-register .reg-main #J_register_form #J_tip_password .r3 { width: 75%; background: #39afea } .page-register .reg-main #J_register_form #J_tip_password .r4 { width: 100%; background: #39afea } .page-register .reg-main #J_register_form #J_reg_agreement { padding: 4px 5px 0 0 } .page-register .reg-main #J_register_form .anquan { margin-left: 5px } .page-register .reg-main #J_register_form .icon { width: 16px; height: 16px; margin: 0 3px 0 0; overflow: hidden; display: inline-block; background: url(/Public/images/ico_warn.png) } .page-register .reg-main #J_register_form .icon_errorS { background-position: 0 150px } .page-register .reg-main #J_register_form .icon_warnS { background-position: 0 300px } .page-register .reg-main #J_register_form .icon_succM { background-position: 0 -50px } .page-register .reg-main #J_register_form .pop_showmsg { padding: 10px 20px; background: #fcf8e3; color: #c09853; display: block; border: 1px solid #ebeed5 } .page-register .reg-main #J_register_form .alert-error { color: #b94a4b; background: #f2dede; border-color: #eed3d7 } .page-register .reg-main #J_register_form .btn_primary { border-radius: 5px; border: 1px solid #427fed; background-color: #427fed; width: 99px; height: 39px; color: #fff } @media print { .header-bar, .page-zhuce .actions, .page-zhuce .event-list, .search-tab, .ui-crumb, .ui-sidebar, .ui-topbar, .ui-topnav-wrapper, footer { display: none } .main, .wrapper { width: 100% } } @media screen and (min-width:640px) { #footer .openApp_app, #footer .openApp_app_h50 { display: none } } @media(max-width:640px) { .wrapper { width: auto } .mh, .ui-crumb .info, .ui-topbar .wrapper>.fl>.item, .ui-topnav-wrapper .ui-topnav>.item .name.arrow:after { display: none } body { background-color: #f0f0f0 } .main { width: auto; margin: 0 !important; padding: 16px 10px; box-sizing: border-box } .main>.ui-box.ui-box-gray { padding: 8px } .offset-top { margin-top: 8px !important } .offset-right { margin-right: 8px !important } .offset-bottom { margin-bottom: 8px !important } .offset-left { margin-left: 8px !important } .ui-crumb { width: auto; margin: 0 10px; border: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12) } .ui-crumb>span:first-child { display: none } .ui-dialog.go-app-dialog { width: 290px !important; left: 50% !important;transform: translateX(-50%);position: fixed !important; } .ui-dialog { width: 96% !important;left: 2% !important;} .ui-topbar { height: 40px; line-height: 40px } .sub-box-app-tip { display: none !important;} .ui-topnav-wrapper { display: none; position: fixed; z-index: 100; left: 0; width: 100% !important; top: 0; height: 100%; background-color: rgba(0, 0, 0, .66) } .ui-topnav-wrapper .ui-topnav { box-sizing: border-box; position: absolute; overflow-y: auto; left: -70%; top: 0; height: 100%; width: 70%; padding: 32px 0; box-shadow: 0 0 10px rgba(0, 0, 0, .72) } .ui-topnav-wrapper .ui-topnav>.item { float: none; position: static } .ui-topnav-wrapper .ui-topnav>.item .name { display: block; font-size: 14px; padding: 4px 16px; background-color: transparent; color: #fff } .ui-topnav-wrapper .ui-topnav>.item .subnav { position: static; z-index: 10; width: auto; border: 0; box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, .72) inset, 0 10px 10px -10px rgba(0, 0, 0, .72) inset } .ui-topnav-wrapper .ui-topnav>.item .subnav>li { background: 0; padding: 0 } .ui-topnav-wrapper .ui-topnav>.item .subnav>li>a { font-size: 12px; padding: 4px 16px } .ui-topnav-wrapper .ui-topnav>.padding { display: block; padding: 0 } .ui-topnav-wrapper .ui-topnav>.padding>a { display: block; font-size: 14px; padding: 4px 16px } .ui-topnav-wrapper .ui-topnav>.database-list { display: none } .ui-topbar .wrapper>.fl>.item.nav-toggle, .ui-topnav-wrapper.open { display: block } .header-bar, .header-bar.stuck, .search-tab, .ui-filter { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12) } .header-bar form { width: auto; margin: 0 10px } .header-bar .logo { display: none } .header-bar .search-box { display: block; width: auto; margin-left: 0; padding-left: 60px } .header-bar .search-box .search { width: 130px } .header-bar .search-box .search-type-select, body.detail .main .body tbody th { width: 60px } .header-bar .link-vip { display: none } .form .form-box { float: none; width: 100%; padding-left: 60px; box-sizing: border-box } .form .form-box button.btn.form-control-width { width: 100% } .form .form-box .link-select-wrap, .form.form-style-3 form.form-groups { width: auto } .form .form-box .checkbox { display: block } .form.align-right .form-group { position: relative } .form.align-right .form-label { position: absolute; left: 0; top: 0; width: 50px } .form.align-right .form-control, .form.align-right select.form-control { box-sizing: border-box; height: 30px; width: 100% } .form.align-right .form-control.half { width: 46% } .form.align-right .link-select-wrap { display: block; width: 100% } .form.align-right .ui-autocomplete { display: block } .form.form-style-2 .form-double-groups, .form.form-style-2 .form-double-groups .form-group, .form.form-style-2 .form-groups, .form.form-style-3 .form-groups { width: auto; float: none } .form.form-style-3 { padding-left: 0 } .form.form-style-3 .col { margin: 0 } .form.form-style-3 .col.col1 { width: 22% } .form.form-style-3 .col.col2 { width: 28% } .form.form-style-3 .col.col3 { width: 50% } .form-groups+form.form-groups { border-top: 2px solid #36c; margin-top: 16px; padding-top: 16px } .search-tab>.ui-tab-panels { border: 0 } .search-tab>.ui-tab-navs .ui-tab-nav a { border-bottom: 0 } .ui-filter { background-color: #fff } .ui-filter .row { padding: 6px 0; margin: 0 6px } .ui-filter .row .key { width: 5em; text-align: left; margin-right: 8px } .ui-filter .row .values .link { margin-right: 8px; white-space: nowrap } .list-actions { position: static } .list-actions .btn { margin: 4px } .pagination a, footer { background-color: #fff } .pagination .skip-page { display: none } footer { padding: 10px; text-align: center; box-sizing: border-box } footer .wrapper>.clearfix { height: auto; line-height: 1.42 } footer .fa { font-size: 16px } footer .fl, footer .fr { float: none; width: auto } footer .fl a:nth-child(n+5), footer .fr a:nth-child(n+5) { display: none } footer.user-footer .contacts, footer.user-footer .follow, footer.user-footer .wrapper>.relative>p { display: none } footer.user-footer .wrapper>.relative { min-height: auto } footer.user-footer .wrapper>.relative>p:first-child { display: block } footer .openApp_app_h50 { height: 50px; width: 100%; overflow: hidden; position: relative } footer .openApp_app { display: -ms-flexbox; display: flex; height: 50px; width: 100%; position: fixed; bottom: 0; left: 0; background-color: #333; color: #fff } footer .openApp_app .app_text { width: calc(-80%); -ms-flex: 5; flex: 5; text-align: left } footer .openApp_app .app_text .text_info { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: left; margin-top: 7px; padding-left:7.8%; } footer .openApp_app .app_text .text_info .info_img { width: 35px; height: 35px; margin-right: 10px } footer .openApp_app .app_open { width: 90px; background-color: #3a57ed; text-align: center; line-height: 50px; -ms-flex: 2; flex: 2 } #udesk_btn a { bottom: 60px !important } .zh-main { padding-right: 0 } .zh-main .ads { position: static; width: auto; margin-top: 8px } .zh-main .zh-list .ui-panel { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); margin-top: 16px } .zh-main .zh-list .ui-panel-title { padding: 4px 8px; margin: 0 8px } .zh-main .zh-list .ui-panel-content a { padding: 4px 32px 4px 16px } .user-header-bar .text { padding-left: 4px; white-space: nowrap; font-size: 12px } .user-header-bar .text .fs18 { font-size: 16px !important } .main-box .right-box>.user-info>p, .user-header-bar .links { display: none } .user-header-bar .search-box { float: none; margin-top: 8px; width: 100% } .main-box .left-box { float: none; width: auto; margin-right: 0; margin-bottom: 8px } .main-box .left-box .nav-boxs, .main-box .right-box>.ui-panel .ui-panel-content { min-height: auto } .page-index .cats a { padding: 0 4px; display: none } .page-index .cats a:nth-child(-n+4) { display: inline-block } .page-index .logo { display: block; width: auto; background-size: 100% } .page-index .logo img { width: 100%; max-width: 400px } .page-index .search-tab { width: auto; box-shadow: none } .page-index .search-tab .search-box { width: 300px; height: 34px; border: 1px solid #36c; position: relative } .page-index .search-tab .search-box .ui-autocomplete { width: 200px; position: absolute; left: 0 } .page-index .search-tab .search { width: 170px } .page-index .goVip, .page-user .ui-topbar .wrapper>.fl>.item.nav-toggle { display: none } .page-index footer .clearfix { margin: 0 } .page-index footer .clearfix b, .page-index footer .clearfix i { position: relative; top: 6px; right: 0 } .page-index footer .clearfix .tousu { display: inline-block; position: relative; cursor: pointer; top: 0; right: 0 } .page-index footer .clearfix .new_beian { display: inline-block; text-decoration: none; height: 17px; line-height: 17px; float: none } .page-list .database-list .category, .page-mobile-in { background-color: #fff } .page-user .fq-msg { margin: 0 !important } .page-user .fq-msg>.ui-panel { width: auto; float: none; margin: 8px 0 0 } .page-try .form .fa { left: 60px } body.detail .main .body { padding: 16px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12) } body.detail .main .body .table-wrapper { margin: 0 -16px } body.detail .main .body tbody th.em10 { width: 60px !important } body.detail .main .side { margin-top: 16px; position: static } body.detail .main .ads { display: none } .detail-main .table td, .detail-main .table th { padding: 8px 4px } .page-mobile-in .mobile-in-wrapper { max-width: 410px; margin: 40px auto; position: relative; text-align: center } .page-mobile-in .mobile-in-wrapper img { width: 90% } .page-mobile-in .mobile-in-wrapper .action { position: absolute; width: 50%; height: 60%; bottom: 0 } .page-mobile-in .mobile-in-wrapper .app { left: 0 } .page-mobile-in .mobile-in-wrapper .pc { right: 0 } .tips-dialog { height: 300px } .g-tip-box { padding-top: 150px !important; } .tips-dialog .msg-error, .tips-dialog .msg-success, .tips-dialog .no-login, .tips-dialog .no-vip { position: static; margin: 0; width: auto; left: auto; top: auto; padding: 100px 0 0; text-align: center; background-position: center 0 } .tips-dialog .fs22, .vip-expire .box .fs22 { font-size: 18px !important } .vip-expire .box { position: fixed; right: 10px; left: 10px; width: auto; padding: 20px } .vip-expire .box .fs14 { margin-top: 40px !important; text-align: center } .page-list .zh-main .zh-list { float: none; width: auto;} .page-list .zh-main .side { float: none; width: auto;} .page-list .zh-main .ads { display: none; } #yixpj_mengban { display: none !important; } } @media(max-width:640px) and (orientation:landscape) { .page-index footer { display: none } } .page-mobile-download { background-color: #fff; margin: 0 auto; max-width: 640px } .page-mobile-download .mobile-download-wrapper { margin: 20px } .page-mobile-download .mobile-download-wrapper img { width: 100%; margin: 20px 0 } .page-mobile-download .mobile-download-wrapper .btn { width: 100%; box-sizing: border-box; line-height: 30px; margin: 10px 0; border-color: #2b78bf; border-radius: 5px; color: #2b78bf; font-size: 18px; background-color: transparent; text-shadow: none } .page-mobile-download .mobile-download-wrapper .btn .fa { font-size: 1.2em } .page-mobile-download .mobile-download-wrapper .btn.active { background-color: #2b78bf; color: #fff } @media screen and (max-width:900px) { .rightGif { display: none } } .handler-btns { margin-top: 40px; font-size: 14px } .handler-btns .blue-btn { padding: 2px 20px; border-radius: 3px; background: #4877e8; color: #fff } .handler-btns .blue-btn:hover { text-decoration: none } .user-desc { position: relative } .desc, .desc-font { position: absolute; top: 6px } .desc-font { left: 238px; background: rgba(255, 255, 255, .9); padding: 2px 6px; width: 400px; display: none } .desc { right: -27px; cursor: pointer } .readonly { color: #999; background: #eee; border-color: #ccc } .user_datapicker { position: relative; font-size: 14px } .user_datapicker .nmber_end, .user_datapicker .nmber_str { width: 80px; display: inline-block; border-radius: 2px; font-size: 12px; color: #555; line-height: 20px; height: 20px; border: 1px solid #ccc; padding: 4px 8px; box-shadow: 1px 1px 1px #eee inset } .user_datapicker .user_pick_box { position: absolute; border: 1px solid #ddd; background-color: #fff; z-index: 50; border-radius: 5px; box-shadow: 0 6px 12px 0 rgba(2, 29, 54, .08); top: 35px } .user_datapicker .user_datapicker_time { display: none } .user_datapicker .mouth { width: 240px } .user_datapicker .pre, .user_datapicker .pres { cursor: pointer; display: inline-block; width: 120px; height: 30px; line-height: 30px } .user_datapicker .pre { width: 80px } .user_datapicker .pre:nth-child(2) { width: 78px; border-left: 1px solid #ddd; border-right: 1px solid #ddd } .user_datapicker .num:hover, .user_datapicker .pre:hover { color: #4169e1 } .user_datapicker .num { text-align: center; float: left; width: 80px; height: 40px; line-height: 40px; cursor: pointer } .user_datapicker .btn_next { text-align: center; border-top: 1px solid #ddd } .counterfeit, .list-Counterfeit { line-height: 20px; font-size: 12px; display: inline-block; border-radius: 10px; width: 55px; height: 20px; background: #f56e6b; color: #fff; text-align: center } .counterfeit { margin-left: 15px } .list-Counterfeit { margin-top: 5px } .bold-red-link { text-decoration: underline !important; font-weight: 700 !important } .user-name { display: inline-block; width: 50px; overflow: hidden; height: 22px; white-space: nowrap; text-overflow: ellipsis } .go-app-dialog { text-align: center; } .go-app-dialog .ui-widget-header { visibility: hidden !important; height: 0 !important; } .go-app-dialog .d-con { display: inline-block; } .go-app-dialog .zjl_btn-blue { width: 240px; height: 48px; line-height: 48px; font-size: 20px; } .go-app-dialog .d-con .p1 { display: flex; justify-content: center; margin-bottom: 25px; } .go-app-dialog .d-con .p1i { width: 150px; height: 120px; background: url(../images/ok001.png) no-repeat; background-size: cover;background-size: contain;background-position: 50%;} .go-app-dialog .d-con .p1c { text-align: left; } .go-app-dialog .d-con .p11 { color: #3366cc; font-size: 25px; margin: 17px 0 17px 0; } .go-app-dialog .d-con .p12 { font-size: 20px; color: #000; } .go-app-dialog .p3 { margin-top: 10px; } .go-app-dialog .p3 a { color: #666; font-size: 18px; } .go-vip-dialog { text-align: center; } .go-vip-dialog .ui-widget-header { visibility: hidden !important; height: 0 !important; } .go-vip-dialog .d-con { width: 416px; display: inline-block; padding-bottom: 15px; text-align: left; padding: 15px 0 0; } .go-vip-dialog .d-con .pimg { width: 88px; height: 113px; margin-right: 20px; background: url(../images/xiaozhi_girl3_happy.png) no-repeat; background-size: cover; float: left; } .go-vip-dialog .d-con .p1 { color: #333; font-size: 18px; margin-bottom: 5px; margin-top: 10px; } .go-vip-dialog .d-con .p1 span { color: #3366cb; } .go-vip-dialog .d-con .p2 { font-size: 14px; color: #666; margin-bottom: 15px; } .go-vip-dialog .d-con .p2 span { color: #f00; } .go-vip-dialog .d-con .close { display: inline-block; color: #666; font-size: 13px; width: 120px; margin-right: 20px; height: 28px; line-height: 28px; border: 1px solid #ccc; border-radius: 4px; color: #666; text-align: center; cursor: pointer; } .go-vip-dialog .zjl_btn-blue { display: inline-block; background-color: #3366cb; color: #fff; width: 120px; line-height: 48px; font-size: 13px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; } .go-vip-dialog .zjl_btn-blue:hover { color: #3366cb; } .go-vip-dialog .zjl_btn-blue:hover { text-decoration: underline; color: #fff; } @media(max-width:550px) { #goappd { max-height: 195px !important; } .go-app-dialog .d-con .p1i { width: 100px; height: 80px; min-width: 100px; } .go-app-dialog .d-con .p1 { display: flex; justify-content: center; margin-bottom: 25px; align-items: center;font-weight: bold; } .go-app-dialog .d-con .p11 { font-size: 17px; margin: 0 0 12px 0; color: #333;} .go-app-dialog .d-con .p12 { font-size: 14px; line-height: 1.2; color: #666;width: 145px;} .go-app-dialog .zjl_btn-blue { width: 120px; height: 35px; line-height: 35px; font-size: 16px; border: 1px solid; box-sizing: border-box;border: 1px solid #4366c5; border-radius: 5px 0 0 5px;} .go-app-dialog .zjl_btn-blue.gray { width: 120px; height: 35px; line-height: 35px; font-size: 16px; background-color: #cccccc;border: 1px solid #4366c5; border-radius: 0 5px 5px 0; color: #4366c5; background-color: #fff; } .go-app-dialog .p3 { margin-top: 15px; } .go-app-dialog .p3 a { color: #4366c5; font-size: 16px; } .go-app-dialog .p4 { text-align: right; } .go-app-dialog .p4 a { color: #C9C9C9; font-size: 12px; } .tips-close { width: 20px; height: 20px; position: absolute; background-image: url(../images/close.png); background-size: cover; background-repeat: no-repeat; border-radius: 50%; right: 5px; top: -15px; } .ui-dialog .ui-dialog-content { overflow: visible !important; } }