html {
font-family: sans-serif;
}
body {
margin: 0px;
}
audio:not([controls]) {
display: none;
height: 0px;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0px none;
}
img {
border: 0px none;
}
svg:not(:root) {
overflow: hidden;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0px;
border: 0px none;
}
@font-face {
font-family: "Glyphicons Halflings";
src: url('glyphicons-halflings-regular.eot') format("embedded-opentype"), url('glyphicons-halflings-regular.html') format("woff2"), url('glyphicons-halflings-regular-2.html') format("woff"), url('glyphicons-halflings-regular.ttf') format("truetype"), url('glyphicons-halflings-regular-3.html') format("svg");
}
.glyphicon-asterisk::before {
content: "*";
}
.glyphicon-plus::before {
content: "+";
}
.glyphicon-eur::before,
.glyphicon-euro::before {
content: "€";
}
.glyphicon-minus::before {
content: "−";
}
.glyphicon-cloud::before {
content: "â˜Â";
}
.glyphicon-envelope::before {
content: "✉";
}
.glyphicon-pencil::before {
content: "âœÂ";
}
.glyphicon-glass::before {
content: "î€Â";
}
.glyphicon-music::before {
content: "";
}
.glyphicon-search::before {
content: "";
}
.glyphicon-heart::before {
content: "";
}
.glyphicon-star::before {
content: "";
}
.glyphicon-star-empty::before {
content: "";
}
.glyphicon-user::before {
content: "";
}
.glyphicon-film::before {
content: "";
}
.glyphicon-th-large::before {
content: "î€Â";
}
.glyphicon-th::before {
content: "";
}
.glyphicon-th-list::before {
content: "";
}
.glyphicon-ok::before {
content: "";
}
.glyphicon-remove::before {
content: "î€â€";
}
.glyphicon-zoom-in::before {
content: "";
}
.glyphicon-zoom-out::before {
content: "";
}
.glyphicon-off::before {
content: "";
}
.glyphicon-signal::before {
content: "";
}
.glyphicon-cog::before {
content: "";
}
.glyphicon-trash::before {
content: "î€ ";
}
.glyphicon-home::before {
content: "";
}
.glyphicon-file::before {
content: "";
}
.glyphicon-time::before {
content: "";
}
.glyphicon-road::before {
content: "";
}
.glyphicon-download-alt::before {
content: "";
}
.glyphicon-download::before {
content: "";
}
.glyphicon-upload::before {
content: "";
}
.glyphicon-inbox::before {
content: "";
}
.glyphicon-play-circle::before {
content: "";
}
.glyphicon-repeat::before {
content: "";
}
.glyphicon-refresh::before {
content: "";
}
.glyphicon-list-alt::before {
content: "";
}
.glyphicon-lock::before {
content: "";
}
.glyphicon-flag::before {
content: "";
}
.glyphicon-headphones::before {
content: "";
}
.glyphicon-volume-off::before {
content: "";
}
.glyphicon-volume-down::before {
content: "";
}
.glyphicon-volume-up::before {
content: "";
}
.glyphicon-qrcode::before {
content: "";
}
.glyphicon-barcode::before {
content: "î€";
}
.glyphicon-tag::before {
content: "îÂÂ";
}
.glyphicon-tags::before {
content: "î‚";
}
.glyphicon-book::before {
content: "îÂÆ’";
}
.glyphicon-bookmark::before {
content: "î„";
}
.glyphicon-print::before {
content: "îÂ…";
}
.glyphicon-camera::before {
content: "î†";
}
.glyphicon-font::before {
content: "î‡";
}
.glyphicon-bold::before {
content: "îˆ";
}
.glyphicon-italic::before {
content: "î‰";
}
.glyphicon-text-height::before {
content: "îÂÂ";
}
.glyphicon-text-width::before {
content: "î‘";
}
.glyphicon-align-left::before {
content: "îÂ’";
}
.glyphicon-align-center::before {
content: "î“";
}
.glyphicon-align-right::before {
content: "îÂâ€";
}
.glyphicon-align-justify::before {
content: "î•";
}
.glyphicon-list::before {
content: "î–";
}
.glyphicon-indent-left::before {
content: "î—";
}
.glyphicon-indent-right::before {
content: "îÂËœ";
}
.glyphicon-facetime-video::before {
content: "îÂâ„¢";
}
.glyphicon-picture::before {
content: "î ";
}
.glyphicon-map-marker::before {
content: "î¢";
}
.glyphicon-adjust::before {
content: "î£";
}
.glyphicon-tint::before {
content: "î¤";
}
.glyphicon-edit::before {
content: "îÂÂ¥";
}
.glyphicon-share::before {
content: "î¦";
}
.glyphicon-check::before {
content: "î§";
}
.glyphicon-move::before {
content: "î¨";
}
.glyphicon-step-backward::before {
content: "î©";
}
.glyphicon-fast-backward::before {
content: "î°";
}
.glyphicon-backward::before {
content: "î±";
}
.glyphicon-play::before {
content: "î²";
}
.glyphicon-pause::before {
content: "î³";
}
.glyphicon-stop::before {
content: "î´";
}
.glyphicon-forward::before {
content: "îµ";
}
.glyphicon-fast-forward::before {
content: "î¶";
}
.glyphicon-step-forward::before {
content: "î·";
}
.glyphicon-eject::before {
content: "î¸";
}
.glyphicon-chevron-left::before {
content: "î¹";
}
.glyphicon-chevron-right::before {
content: "î‚€";
}
.glyphicon-plus-sign::before {
content: "î‚Â";
}
.glyphicon-minus-sign::before {
content: "î‚‚";
}
.glyphicon-remove-sign::before {
content: "";
}
.glyphicon-ok-sign::before {
content: "î‚„";
}
.glyphicon-question-sign::before {
content: "î‚…";
}
.glyphicon-info-sign::before {
content: "";
}
.glyphicon-screenshot::before {
content: "";
}
.glyphicon-remove-circle::before {
content: "";
}
.glyphicon-ok-circle::before {
content: "";
}
.glyphicon-ban-circle::before {
content: "î‚Â";
}
.glyphicon-arrow-left::before {
content: "î‚‘";
}
.glyphicon-arrow-right::before {
content: "î‚’";
}
.glyphicon-arrow-up::before {
content: "î‚“";
}
.glyphicon-arrow-down::before {
content: "î‚â€";
}
.glyphicon-share-alt::before {
content: "î‚•";
}
.glyphicon-resize-full::before {
content: "î‚–";
}
.glyphicon-resize-small::before {
content: "î‚—";
}
.glyphicon-exclamation-sign::before {
content: "î„Â";
}
.glyphicon-gift::before {
content: "î„‚";
}
.glyphicon-leaf::before {
content: "";
}
.glyphicon-fire::before {
content: "î„„";
}
.glyphicon-eye-open::before {
content: "î„…";
}
.glyphicon-eye-close::before {
content: "";
}
.glyphicon-warning-sign::before {
content: "";
}
.glyphicon-plane::before {
content: "";
}
.glyphicon-calendar::before {
content: "";
}
.glyphicon-random::before {
content: "î„Â";
}
.glyphicon-comment::before {
content: "î„‘";
}
.glyphicon-magnet::before {
content: "î„’";
}
.glyphicon-chevron-up::before {
content: "î„“";
}
.glyphicon-chevron-down::before {
content: "î„â€";
}
.glyphicon-retweet::before {
content: "î„•";
}
.glyphicon-shopping-cart::before {
content: "î„–";
}
.glyphicon-folder-close::before {
content: "î„—";
}
.glyphicon-folder-open::before {
content: "";
}
.glyphicon-resize-vertical::before {
content: "î„™";
}
.glyphicon-resize-horizontal::before {
content: "î„ ";
}
.glyphicon-hdd::before {
content: "î„¡";
}
.glyphicon-bullhorn::before {
content: "î„¢";
}
.glyphicon-bell::before {
content: "î„£";
}
.glyphicon-certificate::before {
content: "";
}
.glyphicon-thumbs-up::before {
content: "î„¥";
}
.glyphicon-thumbs-down::before {
content: "";
}
.glyphicon-hand-right::before {
content: "";
}
.glyphicon-hand-left::before {
content: "";
}
.glyphicon-hand-up::before {
content: "î„©";
}
.glyphicon-hand-down::before {
content: "î„°";
}
.glyphicon-circle-arrow-right::before {
content: "";
}
.glyphicon-circle-arrow-left::before {
content: "";
}
.glyphicon-circle-arrow-up::before {
content: "";
}
.glyphicon-circle-arrow-down::before {
content: "î„´";
}
.glyphicon-globe::before {
content: "";
}
.glyphicon-wrench::before {
content: "";
}
.glyphicon-tasks::before {
content: "î„·";
}
.glyphicon-filter::before {
content: "";
}
.glyphicon-briefcase::before {
content: "";
}
.glyphicon-fullscreen::before {
content: "î…€";
}
.glyphicon-dashboard::before {
content: "î…Â";
}
.glyphicon-paperclip::before {
content: "î…‚";
}
.glyphicon-heart-empty::before {
content: "î…ƒ";
}
.glyphicon-link::before {
content: "î…„";
}
.glyphicon-phone::before {
content: "î……";
}
.glyphicon-pushpin::before {
content: "î…†";
}
.glyphicon-usd::before {
content: "î…ˆ";
}
.glyphicon-gbp::before {
content: "î…‰";
}
.glyphicon-sort::before {
content: "î…Â";
}
.glyphicon-sort-by-alphabet::before {
content: "î…‘";
}
.glyphicon-sort-by-alphabet-alt::before {
content: "î…’";
}
.glyphicon-sort-by-order::before {
content: "î…“";
}
.glyphicon-sort-by-order-alt::before {
content: "î…â€";
}
.glyphicon-sort-by-attributes::before {
content: "î…•";
}
.glyphicon-sort-by-attributes-alt::before {
content: "î…–";
}
.glyphicon-unchecked::before {
content: "î…—";
}
.glyphicon-expand::before {
content: "î…˜";
}
.glyphicon-collapse-down::before {
content: "î…™";
}
.glyphicon-collapse-up::before {
content: "î… ";
}
.glyphicon-log-in::before {
content: "î…¡";
}
.glyphicon-flash::before {
content: "î…¢";
}
.glyphicon-log-out::before {
content: "î…£";
}
.glyphicon-new-window::before {
content: "î…¤";
}
.glyphicon-record::before {
content: "î…¥";
}
.glyphicon-save::before {
content: "î…¦";
}
.glyphicon-open::before {
content: "î…§";
}
.glyphicon-saved::before {
content: "î…¨";
}
.glyphicon-import::before {
content: "î…©";
}
.glyphicon-export::before {
content: "î…°";
}
.glyphicon-send::before {
content: "î…±";
}
.glyphicon-floppy-disk::before {
content: "î…²";
}
.glyphicon-floppy-saved::before {
content: "î…³";
}
.glyphicon-floppy-remove::before {
content: "î…´";
}
.glyphicon-floppy-save::before {
content: "î…µ";
}
.glyphicon-floppy-open::before {
content: "î…¶";
}
.glyphicon-credit-card::before {
content: "î…·";
}
.glyphicon-transfer::before {
content: "î…¸";
}
.glyphicon-cutlery::before {
content: "î…¹";
}
.glyphicon-header::before {
content: "";
}
.glyphicon-compressed::before {
content: "î†Â";
}
.glyphicon-earphone::before {
content: "";
}
.glyphicon-phone-alt::before {
content: "";
}
.glyphicon-tower::before {
content: "";
}
.glyphicon-stats::before {
content: "";
}
.glyphicon-sd-video::before {
content: "";
}
.glyphicon-hd-video::before {
content: "";
}
.glyphicon-subtitles::before {
content: "";
}
.glyphicon-sound-stereo::before {
content: "";
}
.glyphicon-sound-dolby::before {
content: "î†Â";
}
.glyphicon-sound-5-1::before {
content: "";
}
.glyphicon-sound-6-1::before {
content: "";
}
.glyphicon-sound-7-1::before {
content: "";
}
.glyphicon-copyright-mark::before {
content: "î†â€";
}
.glyphicon-registration-mark::before {
content: "";
}
.glyphicon-cloud-download::before {
content: "";
}
.glyphicon-cloud-upload::before {
content: "";
}
.glyphicon-tree-conifer::before {
content: "";
}
.glyphicon-tree-deciduous::before {
content: "";
}
.glyphicon-cd::before {
content: "îˆÂ";
}
.glyphicon-save-file::before {
content: "";
}
.glyphicon-open-file::before {
content: "";
}
.glyphicon-level-up::before {
content: "";
}
.glyphicon-copy::before {
content: "";
}
.glyphicon-paste::before {
content: "";
}
.glyphicon-alert::before {
content: "";
}
.glyphicon-equalizer::before {
content: "îˆÂ";
}
.glyphicon-king::before {
content: "";
}
.glyphicon-queen::before {
content: "";
}
.glyphicon-pawn::before {
content: "";
}
.glyphicon-bishop::before {
content: "îˆâ€";
}
.glyphicon-knight::before {
content: "";
}
.glyphicon-baby-formula::before {
content: "";
}
.glyphicon-tent::before {
content: "⛺";
}
.glyphicon-blackboard::before {
content: "";
}
.glyphicon-bed::before {
content: "";
}
.glyphicon-apple::before {
content: "";
}
.glyphicon-erase::before {
content: "";
}
.glyphicon-hourglass::before {
content: "⌛";
}
.glyphicon-lamp::before {
content: "";
}
.glyphicon-duplicate::before {
content: "";
}
.glyphicon-piggy-bank::before {
content: "";
}
.glyphicon-scissors::before {
content: "";
}
.glyphicon-bitcoin::before {
content: "";
}
.glyphicon-btc::before {
content: "";
}
.glyphicon-xbt::before {
content: "";
}
.glyphicon-yen::before {
content: "Â¥";
}
.glyphicon-jpy::before {
content: "Â¥";
}
.glyphicon-ruble::before {
content: "₽";
}
.glyphicon-rub::before {
content: "₽";
}
.glyphicon-scale::before {
content: "";
}
.glyphicon-ice-lolly::before {
content: "";
}
.glyphicon-ice-lolly-tasted::before {
content: "";
}
.glyphicon-education::before {
content: "";
}
.glyphicon-option-horizontal::before {
content: "";
}
.glyphicon-option-vertical::before {
content: "";
}
.glyphicon-menu-hamburger::before {
content: "";
}
.glyphicon-modal-window::before {
content: "";
}
.glyphicon-oil::before {
content: "";
}
.glyphicon-grain::before {
content: "";
}
.glyphicon-sunglasses::before {
content: "";
}
.glyphicon-text-size::before {
content: "î‰Â";
}
.glyphicon-text-color::before {
content: "";
}
.glyphicon-text-background::before {
content: "";
}
.glyphicon-object-align-top::before {
content: "";
}
.glyphicon-object-align-bottom::before {
content: "";
}
.glyphicon-object-align-horizontal::before {
content: "";
}
.glyphicon-object-align-left::before {
content: "";
}
.glyphicon-object-align-vertical::before {
content: "";
}
.glyphicon-object-align-right::before {
content: "";
}
.glyphicon-triangle-right::before {
content: "î‰Â";
}
.glyphicon-triangle-left::before {
content: "";
}
.glyphicon-triangle-bottom::before {
content: "";
}
.glyphicon-triangle-top::before {
content: "";
}
.glyphicon-console::before {
content: "î‰â€";
}
.glyphicon-superscript::before {
content: "";
}
.glyphicon-subscript::before {
content: "";
}
.glyphicon-menu-left::before {
content: "";
}
.glyphicon-menu-right::before {
content: "";
}
.glyphicon-menu-down::before {
content: "";
}
.glyphicon-menu-up::before {
content: "î‰ ";
}
* {
box-sizing: border-box;
}
*::after,
*::before {
box-sizing: border-box;
}
html {
font-size: 10px;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857;
color: rgb(51, 51, 51);
background-color: rgb(255, 255, 255);
}
a {
color: rgb(51, 122, 183);
text-decoration: none;
}
a:focus,
a:hover {
color: rgb(35, 82, 124);
text-decoration: underline;
}
a:focus {
outline: thin dotted;
outline-offset: -2px;
}
img {
vertical-align: middle;
}
blockquote .small::before,
blockquote footer::before,
blockquote small::before {
content: "â€â€Ã‚ ";
}
.blockquote-reverse .small::before,
.blockquote-reverse footer::before,
.blockquote-reverse small::before,
blockquote.pull-right .small::before,
blockquote.pull-right footer::before,
blockquote.pull-right small::before {
content: "";
}
.blockquote-reverse .small::after,
.blockquote-reverse footer::after,
.blockquote-reverse small::after,
blockquote.pull-right .small::after,
blockquote.pull-right footer::after,
blockquote.pull-right small::after {
content: " â€â€";
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.table-striped>tbody>tr:nth-of-type(2n+1) {
background-color: rgb(249, 249, 249);
}
@media screen and (max-width: 767px) {}
.form-control::-moz-placeholder {
color: rgb(153, 153, 153);
opacity: 1;
}
@media not all {}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0px;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0px;
}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
border-radius: 0px;
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.btn-group-vertical>.btn:last-child:not(:first-child) {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 4px;
}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0px;
}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
border-radius: 0px;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
margin-right: -15px;
margin-left: -15px;
}
.breadcrumb>li+li::before {
padding: 0px 5px;
color: rgb(204, 204, 204);
content: "/Â ";
}
@media screen and (min-width: 768px) {}
.popover>.arrow,
.popover>.arrow::after {
position: absolute;
display: block;
width: 0px;
height: 0px;
border-color: transparent;
border-style: solid;
}
.popover>.arrow::after {
content: "";
border-width: 10px;
}
.popover.top>.arrow::after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: rgb(255, 255, 255);
border-bottom-width: 0px;
}
.popover.right>.arrow::after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: rgb(255, 255, 255);
border-left-width: 0px;
}
.popover.bottom>.arrow::after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0px;
border-bottom-color: rgb(255, 255, 255);
}
.popover.left>.arrow::after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0px;
border-left-color: rgb(255, 255, 255);
}
@media not all,
not all {}
.carousel-control .icon-prev::before {
content: "‹";
}
.carousel-control .icon-next::before {
content: "›";
}
@media screen and (min-width: 768px) {}
.btn-group-vertical>.btn-group::after,
.btn-group-vertical>.btn-group::before,
.btn-toolbar::after,
.btn-toolbar::before,
.clearfix::after,
.clearfix::before,
.container-fluid::after,
.container-fluid::before,
.container::after,
.container::before,
.dl-horizontal dd::after,
.dl-horizontal dd::before,
.form-horizontal .form-group::after,
.form-horizontal .form-group::before,
.modal-footer::after,
.modal-footer::before,
.nav::after,
.nav::before,
.navbar-collapse::after,
.navbar-collapse::before,
.navbar-header::after,
.navbar-header::before,
.navbar::after,
.navbar::before,
.pager::after,
.pager::before,
.panel-body::after,
.panel-body::before,
.row::after,
.row::before {
display: table;
content: " ";
}
.btn-group-vertical>.btn-group::after,
.btn-toolbar::after,
.clearfix::after,
.container-fluid::after,
.container::after,
.dl-horizontal dd::after,
.form-horizontal .form-group::after,
.modal-footer::after,
.nav::after,
.navbar-collapse::after,
.navbar-header::after,
.navbar::after,
.pager::after,
.panel-body::after,
.row::after {
clear: both;
}
@font-face {
font-family: "cwTeXHei";
font-style: normal;
font-weight: 500;
src: url('cwtexhei-zhonly.eot') format("embedded-opentype"), url('cwtexhei-zhonly.html') format("woff2"), url('cwtexhei-zhonly-2.html') format("woff"), url('cwtexhei-zhonly.ttf') format("truetype");
}
body {
margin: 0px;
padding: 0px;
color: rgb(51, 51, 51);
background-color: rgb(252, 252, 252);
}
html,
body {
height: 100%;
}
body,
label,
input,
button,
select,
textarea {
font-size: 14px;
line-height: 1.4;
}
body,
input,
button,
select,
textarea {
font-family: "TW-Kai", "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", "LiHei Pro", Meiryo, "Microsoft JhengHei", "Helvetica Neue", "cwTeXHei", Helvetica, Arial, sans-serif;
}
* {
box-sizing: border-box;
}
.guide-container-content {
min-height: 100%;
height: auto ! important;
margin: 0px;
background-color: rgb(255, 255, 255);
}
.container-fluid>.navbar-header {
margin-right: 0px;
margin-left: 0px;
}
.container-fluid {
padding: 0px;
}
.topDiv {
background-color: #3F4145;
height: 45px;
width: 100%;
position: fixed;
top: 0px;
left: 0px;
z-index: 1000;
}
.guideHead {
margin-top: 45px;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
min-width: 1024px;
}
.guideHead.dns {
background-color: #CCE6FF;
}
.guideHead .title {
font-size: 26px;
color: rgb(0, 0, 0);
}
.guideHead .image {
vertical-align: text-bottom;
margin: 0px 10px 0px 28px;
}
.guidHead-content {
position: relative;
}
.guide-body {
background-color: rgb(255, 255, 255);
}
.max-center-content {
max-width: 1024px;
}
.logoDiv {
margin: 0px 20px;
display: inline-flex;
float: left;
}
.logo {
background-image: url('../images/logo.png');
background-repeat: no-repeat;
width: 256px;
height: 23px;
margin: 11px 14px 11px 29px;
}
.top-nav {
width: auto;
height: 100%;
display: inline-flex;
}
.nav::after,
.nav::before {
display: block;
}
.guid-content {
width: 100%;
margin: 32px 0px 92px;
padding: 0px 0px 0px 22px;
text-align: left;
position: relative;
}
.main-content .row:nth-child(2n+1) .problemItem {
margin: 0px 20px 20px;
}
.main-content .row:nth-child(2n) .problemItem {
margin: 20px 20px 0px;
}
.main-content .row:nth-child(2n+1) .arrow {
margin-bottom: 40px;
}
.main-content .row:nth-child(2n) .arrow {
margin-bottom: 20px;
}
.footer {
min-width: 1024px;
background-color: rgb(249, 249, 249);
border-top: 1px solid rgb(221, 221, 221);
}
.footer.guide {
min-width: 1024px;
}
.footer-content {
margin: 18px auto 0px;
height: 112px;
}
.copyright {
color: rgb(204, 204, 204);
float: left;
margin-left: 13px;
font-size: 12px;
}
.bottomDiv {
float: right;
}
.row a:hover,
.row a:focus,
.guideHead a:hover,
.guideHead a:focus {
text-decoration: none;
}
.guid-content img {
margin: 8px auto;
}
.top {
background-image: url('top.png');
background-repeat: no-repeat;
background-position: 0px 0px;
width: 50px;
height: 50px;
position: absolute;
right: 22px;
bottom: -82px;
cursor: pointer;
}
.top:hover {
background-position: 0px -50px;
}
.changeVersionButtonGroup {
margin-right: 18px;
position: absolute;
bottom: -15px;
right: 0px;
}
.changeVersionButton {
width: 120px;
height: 36px;
background-color: #3B9AF4;
color: rgb(255, 255, 255);
text-align: center;
padding: 12px 0px;
float: left;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
margin-left: 1px;
line-height: 14px;
font-size: 14px;
}
.tabUl {
margin: 0;
overflow: hidden;
zoom: 1;
}
.tabUl li {
list-style: none;
margin: 0;
float: left;
}
.tabUl li.on a .changeVersionButton {
background-color: rgb(255, 255, 255);
color: rgb(51, 51, 51);
}
.tabBox {
width: 1000px;
margin-left: 10px;
border: 2px solid #CCE6FF;
border-radius: 20px;
}