@charset "UTF-8";

@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.7.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),url(../fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: a 2s infinite linear;
    animation: a 2s infinite linear
}

.fa-pulse {
    -webkit-animation: a 1s infinite steps(8);
    animation: a 1s infinite steps(8)
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-close:before, .fa-remove:before, .fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-cog:before, .fa-gear:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-repeat:before, .fa-rotate-right:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before, .fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before, .fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-cogs:before, .fa-gears:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before, .fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before, .fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before, .fa-users:before {
    content: ""
}

.fa-chain:before, .fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before, .fa-scissors:before {
    content: ""
}

.fa-copy:before, .fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-floppy-o:before, .fa-save:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-sort:before, .fa-unsorted:before {
    content: ""
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: ""
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before, .fa-undo:before {
    content: ""
}

.fa-gavel:before, .fa-legal:before {
    content: ""
}

.fa-dashboard:before, .fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-bolt:before, .fa-flash:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-clipboard:before, .fa-paste:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before, .fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-chain-broken:before, .fa-unlink:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: ""
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: ""
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: ""
}

.fa-eur:before, .fa-euro:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before, .fa-usd:before {
    content: ""
}

.fa-inr:before, .fa-rupee:before {
    content: ""
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: ""
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: ""
}

.fa-krw:before, .fa-won:before {
    content: ""
}

.fa-bitcoin:before, .fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before, .fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-try:before, .fa-turkish-lira:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: ""
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before, .fa-car:before {
    content: ""
}

.fa-cab:before, .fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: ""
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: ""
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: ""
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
    content: ""
}

.fa-empire:before, .fa-ge:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before, .fa-weixin:before {
    content: ""
}

.fa-paper-plane:before, .fa-send:before {
    content: ""
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before, .fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-bed:before, .fa-hotel:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-y-combinator:before, .fa-yc:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
    content: ""
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before, .fa-battery-half:before {
    content: ""
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: ""
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-television:before, .fa-tv:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-pause-circle-o:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stop-circle-o:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-wheelchair-alt:before {
    content: ""
}

.fa-question-circle-o:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-volume-control-phone:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
    content: ""
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-sign-language:before, .fa-signing:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: ""
}

.fa-fa:before, .fa-font-awesome:before {
    content: ""
}

.fa-handshake-o:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-envelope-open-o:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-address-book:before {
    content: ""
}

.fa-address-book-o:before {
    content: ""
}

.fa-address-card:before, .fa-vcard:before {
    content: ""
}

.fa-address-card-o:before, .fa-vcard-o:before {
    content: ""
}

.fa-user-circle:before {
    content: ""
}

.fa-user-circle-o:before {
    content: ""
}

.fa-user-o:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-drivers-license:before, .fa-id-card:before {
    content: ""
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
    content: ""
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: ""
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: ""
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: ""
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: ""
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-eercast:before {
    content: ""
}

.fa-microchip:before {
    content: ""
}

.fa-snowflake-o:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td, th {
    padding: 0
}

@media print {
    *, :after, :before {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td, .table th {
            background-color: #fff !important
        }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important
    }
}

@font-face {
    font-family: Glyphicons Halflings;
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: Glyphicons Halflings;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\002a"
}

.glyphicon-plus:before {
    content: "\002b"
}

.glyphicon-eur:before, .glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before, .glyphicon-btc:before, .glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-jpy:before, .glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-rub:before, .glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

*, :after, :before {
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: PingFang,helvetica neue,hiragino sans gb,arial,microsoft yahei ui,microsoft yahei,simsun,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #20abd9
}

    a, a:focus, a:hover {
        text-decoration: none
    }

        a:focus, a:hover {
            color: #167696
        }

        a:focus {
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px
        }

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #fff
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-weight: 400;
        line-height: 1;
        color: #95a3b5
    }

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
        font-size: 65%
    }

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

    .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-size: 75%
    }

.h1, h1 {
    font-size: 36px
}

.h2, h2 {
    font-size: 30px
}

.h3, h3 {
    font-size: 24px
}

.h4, h4 {
    font-size: 18px
}

.h5, h5 {
    font-size: 14px
}

.h6, h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 21px
    }
}

.small, small {
    font-size: 85%
}

.mark, mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.initialism, .text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #95a3b5
}

.text-primary {
    color: #63d3ee
}

a.text-primary:focus, a.text-primary:hover {
    color: #35c6e9
}

.text-success {
    color: #3c763d
}

a.text-success:focus, a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus, a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus, a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus, a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #63d3ee
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #35c6e9
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #fff
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px
}

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0
    }

.list-inline, .list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    margin-left: -5px
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px
    }

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd, dt {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

.dl-horizontal dd:after, .dl-horizontal dd:before {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #95a3b5
}

.initialism {
    font-size: 90%
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #fff
}

    blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
        margin-bottom: 0
    }

    blockquote .small, blockquote footer, blockquote small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #95a3b5
    }

        blockquote .small:before, blockquote footer:before, blockquote small:before {
            content: "\2014 \00A0"
        }

    .blockquote-reverse, blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #fff;
        border-left: 0;
        text-align: right
    }

        .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: "\00A0 \2014"
        }

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code, kbd, pre, samp {
    font-family: Menlo,Monaco,Consolas,Courier New,monospace
}

code {
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

code, kbd {
    padding: 2px 4px;
    font-size: 90%
}

kbd {
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        box-shadow: none
    }

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #505f72;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

    .container:after, .container:before {
        content: " ";
        display: table
    }

    .container:after {
        clear: both
    }

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

    .container-fluid:after, .container-fluid:before {
        content: " ";
        display: table
    }

    .container-fluid:after {
        clear: both
    }

.row {
    margin-left: -15px;
    margin-right: -15px
}

    .row:after, .row:before {
        content: " ";
        display: table
    }

    .row:after {
        clear: both
    }

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #95a3b5
}

caption, th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd
    }

    .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
        border-top: 0
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd
    }

    .table .table {
        background-color: #fff
    }

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd
}

    .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border-bottom-width: 2px
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #dff0d8
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #d9edf7
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fcf8e3
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

        .table-responsive > .table {
            margin-bottom: 0
        }

            .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
                white-space: nowrap
            }

        .table-responsive > .table-bordered {
            border: 0
        }

            .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
                border-left: 0
            }

            .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
                border-right: 0
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
                border-bottom: 0
            }
}

fieldset {
    margin: 0;
    min-width: 0
}

fieldset, legend {
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #505f72;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    box-sizing: border-box
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    padding-top: 7px
}

.form-control, output {
    display: block;
    font-size: 14px;
    line-height: 1.42857143;
    color: #6e8199
}

.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #999
    }

    .form-control::-webkit-input-placeholder {
        color: #999
    }

    .form-control::-ms-expand {
        border: 0;
        background-color: transparent
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #fff;
        opacity: 1
    }

    .form-control[disabled], fieldset[disabled] .form-control {
        cursor: not-allowed
    }

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
        line-height: 34px
    }

    .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm > .input-group-btn > input[type=datetime-local].btn, .input-group-sm > .input-group-btn > input[type=month].btn, .input-group-sm > .input-group-btn > input[type=time].btn, .input-group-sm > input[type=date].form-control, .input-group-sm > input[type=date].input-group-addon, .input-group-sm > input[type=datetime-local].form-control, .input-group-sm > input[type=datetime-local].input-group-addon, .input-group-sm > input[type=month].form-control, .input-group-sm > input[type=month].input-group-addon, .input-group-sm > input[type=time].form-control, .input-group-sm > input[type=time].input-group-addon, .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg > .input-group-btn > input[type=datetime-local].btn, .input-group-lg > .input-group-btn > input[type=month].btn, .input-group-lg > .input-group-btn > input[type=time].btn, .input-group-lg > input[type=date].form-control, .input-group-lg > input[type=date].input-group-addon, .input-group-lg > input[type=datetime-local].form-control, .input-group-lg > input[type=datetime-local].input-group-addon, .input-group-lg > input[type=month].form-control, .input-group-lg > input[type=month].input-group-addon, .input-group-lg > input[type=time].form-control, .input-group-lg > input[type=time].input-group-addon, .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 22px
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

    .checkbox label, .radio label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer
    }

    .checkbox-inline input[type=checkbox], .checkbox input[type=checkbox], .radio-inline input[type=radio], .radio input[type=radio] {
        position: absolute;
        margin-left: -20px;
        margin-top: 4px\9
    }

    .checkbox + .checkbox, .radio + .radio {
        margin-top: -5px
    }

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

    .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: 10px
    }

    .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .checkbox label, fieldset[disabled] .radio-inline, fieldset[disabled] .radio label, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
        cursor: not-allowed
    }

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

    .form-control-static.input-lg, .form-control-static.input-sm, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
        padding-left: 0;
        padding-right: 0
    }

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.input-group-sm > .input-group-btn > select.btn, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, select.input-sm {
    height: 30px;
    line-height: 30px
}

.input-group-sm > .input-group-btn > select[multiple].btn, .input-group-sm > .input-group-btn > textarea.btn, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, select[multiple].input-sm, textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.input-group-lg > .input-group-btn > select.btn, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, select.input-lg {
    height: 46px;
    line-height: 46px
}

.input-group-lg > .input-group-btn > select[multiple].btn, .input-group-lg > .input-group-btn > textarea.btn, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, select[multiple].input-lg, textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

    .has-feedback .form-control {
        padding-right: 42.5px
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline label, .has-success.checkbox label, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.radio-inline label, .has-success.radio label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
    }

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning.checkbox-inline label, .has-warning.checkbox label, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.radio-inline label, .has-warning.radio label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-error .form-control:focus {
        border-color: #843534;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
    }

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #959595
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

        .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
            width: auto
        }

        .form-inline .input-group > .form-control {
            width: 100%
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

        .form-inline .checkbox label, .form-inline .radio label {
            padding-left: 0
        }

        .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
            position: relative;
            margin-left: 0
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

    .form-horizontal .form-group:after, .form-horizontal .form-group:before {
        content: " ";
        display: table
    }

    .form-horizontal .form-group:after {
        clear: both
    }

@media (min-width:768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .btn.focus, .btn:focus, .btn:hover {
        color: #333;
        text-decoration: none
    }

    .btn.active, .btn:active {
        outline: 0;
        background-image: none;
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        cursor: not-allowed;
        opacity: .65;
        filter: alpha(opacity=65);
        box-shadow: none
    }

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

    .btn-default.focus, .btn-default:focus {
        color: #333;
        background-color: #e6e5e5;
        border-color: #8c8c8c
    }

    .btn-default.active, .btn-default:active, .btn-default:hover, .open > .btn-default.dropdown-toggle {
        color: #333;
        background-color: #e6e5e5;
        border-color: #adadad
    }

        .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c
        }

    .btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle {
        background-image: none
    }

    .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
        background-color: #fff;
        border-color: #ccc
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333
    }

.btn-primary {
    color: #fff;
    background-color: #63d3ee;
    border-color: #4ccdeb
}

    .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #35c6e9;
        border-color: #1289a6
    }

    .btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #35c6e9;
        border-color: #19bbe2
    }

        .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
            color: #fff;
            background-color: #19bbe2;
            border-color: #1289a6
        }

    .btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle {
        background-image: none
    }

    .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: #63d3ee;
        border-color: #4ccdeb
    }

    .btn-primary .badge {
        color: #63d3ee;
        background-color: #fff
    }

.btn-success {
    color: #fff;
    background-color: #84be44;
    border-color: #77ad3c
}

    .btn-success.focus, .btn-success:focus {
        color: #fff;
        background-color: #6a9a35;
        border-color: #364e1b
    }

    .btn-success.active, .btn-success:active, .btn-success:hover, .open > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #6a9a35;
        border-color: #587f2c
    }

        .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .btn-success.dropdown-toggle.focus, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover {
            color: #fff;
            background-color: #587f2c;
            border-color: #364e1b
        }

    .btn-success.active, .btn-success:active, .open > .btn-success.dropdown-toggle {
        background-image: none
    }

    .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
        background-color: #84be44;
        border-color: #77ad3c
    }

    .btn-success .badge {
        color: #84be44;
        background-color: #fff
    }

.btn-info {
    color: #fff;
    background-color: #9da2c2;
    border-color: #8d93b8
}

    .btn-info.focus, .btn-info:focus {
        color: #fff;
        background-color: #7e84ae;
        border-color: #4c527a
    }

    .btn-info.active, .btn-info:active, .btn-info:hover, .open > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #7e84ae;
        border-color: #686fa1
    }

        .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .btn-info.dropdown-toggle.focus, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover {
            color: #fff;
            background-color: #686fa1;
            border-color: #4c527a
        }

    .btn-info.active, .btn-info:active, .open > .btn-info.dropdown-toggle {
        background-image: none
    }

    .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
        background-color: #9da2c2;
        border-color: #8d93b8
    }

    .btn-info .badge {
        color: #9da2c2;
        background-color: #fff
    }

.btn-warning {
    color: #fff;
    background-color: #e3746f;
    border-color: #df5f5a
}

    .btn-warning.focus, .btn-warning:focus {
        color: #fff;
        background-color: #db4b44;
        border-color: #9b231e
    }

    .btn-warning.active, .btn-warning:active, .btn-warning:hover, .open > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #db4b44;
        border-color: #d23029
    }

        .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .btn-warning.dropdown-toggle.focus, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle:hover {
            color: #fff;
            background-color: #d23029;
            border-color: #9b231e
        }

    .btn-warning.active, .btn-warning:active, .open > .btn-warning.dropdown-toggle {
        background-image: none
    }

    .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
        background-color: #e3746f;
        border-color: #df5f5a
    }

    .btn-warning .badge {
        color: #e3746f;
        background-color: #fff
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

    .btn-danger.focus, .btn-danger:focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19
    }

    .btn-danger.active, .btn-danger:active, .btn-danger:hover, .open > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }

        .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .btn-danger.dropdown-toggle.focus, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle:hover {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19
        }

    .btn-danger.active, .btn-danger:active, .open > .btn-danger.dropdown-toggle {
        background-image: none
    }

    .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
        background-color: #d9534f;
        border-color: #d43f3a
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff
    }

.btn-link {
    color: #20abd9;
    font-weight: 400;
    border-radius: 0
}

    .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        box-shadow: none
    }

        .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
            border-color: transparent
        }

            .btn-link:focus, .btn-link:hover {
                color: #167696;
                text-decoration: none;
                background-color: transparent
            }

            .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
                color: #95a3b5;
                text-decoration: none
            }

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: 5px
    }

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

    .fade.in {
        opacity: 1
    }

.collapse {
    display: none
}

    .collapse.in {
        display: block
    }

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-property: height,visibility;
    transition-duration: .35s;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #505f72;
        white-space: nowrap
    }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            text-decoration: none;
            color: #465263;
            background-color: #f5f5f5
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        background-color: #63d3ee
    }

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
        color: #95a3b5
    }

        .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed
        }

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #95a3b5;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

    .btn-group-vertical > .btn, .btn-group > .btn {
        position: relative;
        float: left
    }

        .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
            z-index: 2
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
        margin-left: -1px
    }

.btn-toolbar {
    margin-left: -5px
}

    .btn-toolbar:after, .btn-toolbar:before {
        content: " ";
        display: table
    }

    .btn-toolbar:after {
        clear: both
    }

    .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
        float: left
    }

    .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
        margin-left: 5px
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group-lg.btn-group > .btn + .dropdown-toggle, .btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

    .btn-group.open .dropdown-toggle.btn-link {
        box-shadow: none
    }

.btn .caret {
    margin-left: 0
}

.btn-group-lg > .btn .caret, .btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-group-lg > .btn .caret, .dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

    .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before {
        content: " ";
        display: table
    }

    .btn-group-vertical > .btn-group:after {
        clear: both
    }

    .btn-group-vertical > .btn-group > .btn {
        float: none
    }

    .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0
    }

    .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: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

    .btn-group-justified > .btn, .btn-group-justified > .btn-group {
        float: none;
        display: table-cell;
        width: 1%
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%
        }

        .btn-group-justified > .btn-group .dropdown-menu {
            left: auto
        }

[data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio], [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

    .input-group[class*=col-] {
        float: none;
        padding-left: 0;
        padding-right: 0
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

        .input-group .form-control:focus {
            z-index: 3
        }

    .input-group-addon, .input-group-btn, .input-group .form-control {
        display: table-cell
    }

        .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
            border-radius: 0
        }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #6e8199;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

    .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px
    }

    .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px
    }

    .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
        margin-top: 0
    }

    .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), .input-group .form-control:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .input-group-addon:first-child {
        border-right: 0
    }

    .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, .input-group .form-control:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .input-group-addon:last-child {
        border-left: 0
    }

.input-group-btn {
    font-size: 0;
    white-space: nowrap
}

    .input-group-btn, .input-group-btn > .btn {
        position: relative
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px
        }

        .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
            z-index: 2
        }

        .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
            margin-right: -1px
        }

        .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
            z-index: 2;
            margin-left: -1px
        }

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

    .nav:after, .nav:before {
        content: " ";
        display: table
    }

    .nav:after {
        clear: both
    }

    .nav > li, .nav > li > a {
        position: relative;
        display: block
    }

        .nav > li > a {
            padding: 10px 15px
        }

            .nav > li > a:focus, .nav > li > a:hover {
                text-decoration: none;
                background-color: #fff
            }

        .nav > li.disabled > a {
            color: #95a3b5
        }

            .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
                color: #95a3b5;
                text-decoration: none;
                background-color: transparent;
                cursor: not-allowed
            }

    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
        background-color: #fff;
        border-color: #20abd9
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .nav > li > a > img {
        max-width: none
    }

.nav-tabs {
    border-bottom: 1px solid #ddd
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0
        }

            .nav-tabs > li > a:hover {
                border-color: #fff #fff #ddd
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            color: #6e8199;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
            cursor: default
        }

.nav-pills > li {
    float: left
}

    .nav-pills > li > a {
        border-radius: 4px
    }

    .nav-pills > li + li {
        margin-left: 2px
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        color: #fff;
        background-color: #63d3ee
    }

.nav-stacked > li {
    float: none
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0
    }

.nav-justified, .nav-tabs.nav-justified {
    width: 100%
}

    .nav-justified > li, .nav-tabs.nav-justified > li {
        float: none
    }

        .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
            text-align: center;
            margin-bottom: 5px
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto
    }

@media (min-width:768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

        .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
            margin-bottom: 0
        }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
    border-bottom: 0
}

    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-right: 0;
        border-radius: 4px
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border: 1px solid #ddd
    }

@media (min-width:768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

    .navbar:after, .navbar:before {
        content: " ";
        display: table
    }

    .navbar:after {
        clear: both
    }

@media (min-width:768px) {
    .navbar {
        border-radius: 4px
    }
}

.navbar-header:after, .navbar-header:before {
    content: " ";
    display: table
}

.navbar-header:after {
    clear: both
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1);
    -webkit-overflow-scrolling: touch
}

    .navbar-collapse:after, .navbar-collapse:before {
        content: " ";
        display: table
    }

    .navbar-collapse:after {
        clear: both
    }

    .navbar-collapse.in {
        overflow-y: auto
    }

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important
        }

        .navbar-collapse.in {
            overflow-y: visible
        }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width:480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width:768px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none
    }

    .navbar-brand > img {
        display: block
    }

@media (min-width:768px) {
    .navbar > .container-fluid .navbar-brand, .navbar > .container .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

    .navbar-toggle:focus {
        outline: 0
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px
        }

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px
    }

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

        .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
            padding: 5px 15px 5px 25px
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px
        }

            .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
                background-image: none
            }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

        .navbar-nav > li {
            float: left
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px
            }
}

.navbar-form {
    margin: 8px -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1)
}

@media (min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

        .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
            width: auto
        }

        .navbar-form .input-group > .form-control {
            width: 100%
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox, .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

        .navbar-form .checkbox label, .navbar-form .radio label {
            padding-left: 0
        }

        .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
            position: relative;
            margin-left: 0
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0
        }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

    .btn-group-sm > .navbar-btn.btn, .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .btn-group-xs > .navbar-btn.btn, .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

    .navbar-default .navbar-brand {
        color: #777
    }

        .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
            color: #5e5d5d;
            background-color: transparent
        }

    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
        color: #777
    }

        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd
    }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: #ddd
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888
        }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        background-color: #e7e7e7;
        color: #555
    }

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

    .navbar-default .navbar-link:hover {
        color: #333
    }

.navbar-default .btn-link {
    color: #777
}

    .navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
        color: #333
    }

    .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
        color: #ccc
    }

.navbar-inverse {
    background-color: #222;
    border-color: #090909
}

    .navbar-inverse .navbar-brand {
        color: #5aadbb
    }

        .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-text {
        color: #c2cad4
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #5aadbb
    }

        .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #090909
    }

    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
        color: #444;
        background-color: transparent
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333
    }

        .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
            background-color: #333
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff
        }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #101010
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        background-color: #090909;
        color: #fff
    }

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #5aadbb
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #5aadbb
}

    .navbar-inverse .navbar-link:hover {
        color: #fff
    }

.navbar-inverse .btn-link {
    color: #5aadbb
}

    .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
        color: #fff
    }

    .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
        color: #444
    }

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

    .breadcrumb > li {
        display: inline-block
    }

        .breadcrumb > li + li:before {
            content: "/ ";
            padding: 0 5px;
            color: #ccc
        }

    .breadcrumb > .active {
        color: #95a3b5
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

    .pagination > li {
        display: inline
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #20abd9;
            background-color: #fff;
            border: 1px solid #ddd;
            margin-left: -1px
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px
        }

        .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
            z-index: 2;
            color: #167696;
            background-color: #fff;
            border-color: #ddd
        }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 3;
        color: #fff;
        background-color: #63d3ee;
        border-color: #63d3ee;
        cursor: default
    }

    .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
        color: #95a3b5;
        background-color: #fff;
        border-color: #ddd;
        cursor: not-allowed
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center
}

    .pager:after, .pager:before {
        content: " ";
        display: table
    }

    .pager:after {
        clear: both
    }

    .pager li {
        display: inline
    }

        .pager li > a, .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px
        }

            .pager li > a:focus, .pager li > a:hover {
                text-decoration: none;
                background-color: #fff
            }

    .pager .next > a, .pager .next > span {
        float: right
    }

    .pager .previous > a, .pager .previous > span {
        float: left
    }

    .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
        color: #95a3b5;
        background-color: #fff;
        cursor: not-allowed
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

    .label:empty {
        display: none
    }

.btn .label {
    position: relative;
    top: -1px
}

a.label:focus, a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label-default {
    background-color: #95a3b5
}

    .label-default[href]:focus, .label-default[href]:hover {
        background-color: #7889a0
    }

.label-primary {
    background-color: #63d3ee
}

    .label-primary[href]:focus, .label-primary[href]:hover {
        background-color: #35c6e9
    }

.label-success {
    background-color: #84be44
}

    .label-success[href]:focus, .label-success[href]:hover {
        background-color: #6a9a35
    }

.label-info {
    background-color: #9da2c2
}

    .label-info[href]:focus, .label-info[href]:hover {
        background-color: #7e84ae
    }

.label-warning {
    background-color: #e3746f
}

    .label-warning[href]:focus, .label-warning[href]:hover {
        background-color: #db4b44
    }

.label-danger {
    background-color: #d9534f
}

    .label-danger[href]:focus, .label-danger[href]:hover {
        background-color: #c9302c
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #95a3b5;
    border-radius: 10px
}

    .badge:empty {
        display: none
    }

.btn .badge {
    position: relative;
    top: -1px
}

.btn-group-xs > .btn .badge, .btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #20abd9;
    background-color: #fff
}

.list-group-item > .badge {
    float: right
}

    .list-group-item > .badge + .badge {
        margin-right: 5px
    }

.nav-pills > li > a > .badge {
    margin-left: 3px
}

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    background-color: #fff
}

    .jumbotron, .jumbotron .h1, .jumbotron h1 {
        color: inherit
    }

        .jumbotron p {
            margin-bottom: 15px;
            font-size: 21px;
            font-weight: 200
        }

        .jumbotron > hr {
            border-top-color: #ffc
        }

.container-fluid .jumbotron, .container .jumbotron {
    border-radius: 6px;
    padding-left: 15px;
    padding-right: 15px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container-fluid .jumbotron, .container .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron .h1, .jumbotron h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border .2s ease-in-out
}

    .thumbnail > img, .thumbnail a > img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto
    }

    .thumbnail .caption {
        padding: 9px;
        color: #555
    }

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #20abd9
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

    .alert h4 {
        margin-top: 0;
        color: inherit
    }

    .alert .alert-link {
        font-weight: 700
    }

    .alert > p, .alert > ul {
        margin-bottom: 0
    }

        .alert > p + p {
            margin-top: 5px
        }

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
    }

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

    .alert-success hr {
        border-top-color: #c9e2b3
    }

    .alert-success .alert-link {
        color: #2b542c
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

    .alert-info hr {
        border-top-color: #a6e1ec
    }

    .alert-info .alert-link {
        color: #245269
    }

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

    .alert-warning hr {
        border-top-color: #f7e1b5
    }

    .alert-warning .alert-link {
        color: #66512c
    }

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

    .alert-danger hr {
        border-top-color: #e4b9c0
    }

    .alert-danger .alert-link {
        color: #843534
    }

@-webkit-keyframes b {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes b {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #63d3ee;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    transition: width .6s ease
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-size: 40px 40px
}

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: b 2s linear infinite;
    animation: b 2s linear infinite
}

.progress-bar-success {
    background-color: #84be44
}

.progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress-bar-info {
    background-color: #9da2c2
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress-bar-warning {
    background-color: #e3746f
}

.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.media {
    margin-top: 15px
}

    .media:first-child {
        margin-top: 0
    }

.media, .media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

    .media-object.img-thumbnail {
        max-width: none
    }

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

    .list-group-item:first-child {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

a.list-group-item, button.list-group-item {
    color: #555
}

    a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
        color: #333
    }

    a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
        text-decoration: none;
        color: #555;
        background-color: #f5f5f5
    }

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    background-color: #fff;
    color: #95a3b5;
    cursor: not-allowed
}

    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
        color: inherit
    }

    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
        color: #95a3b5
    }

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #63d3ee;
    border-color: #63d3ee
}

    .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small {
        color: inherit
    }

    .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
        color: #fff
    }

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d
}

    a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6
    }

    a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f
}

    a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3
    }

    a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b
}

    a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc
    }

    a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442
}

    a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc
    }

    a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-body {
    padding: 15px
}

    .panel-body:after, .panel-body:before {
        content: " ";
        display: table
    }

    .panel-body:after {
        clear: both
    }

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

    .panel-heading > .dropdown .dropdown-toggle, .panel-title {
        color: inherit
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px
}

    .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
        color: inherit
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

    .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0
    }

    .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px
    }

    .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.list-group + .panel-footer, .panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0
}

    .panel > .panel-collapse > .table caption, .panel > .table-responsive > .table caption, .panel > .table caption {
        padding-left: 15px;
        padding-right: 15px
    }

    .panel > .table-responsive:first-child > .table:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px
    }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
            border-top-left-radius: 3px
        }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
            border-top-right-radius: 3px
        }

    .panel > .table-responsive:last-child > .table:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
            border-bottom-left-radius: 3px
        }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
            border-bottom-right-radius: 3px
        }

    .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd
    }

    .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
        border-top: 0
    }

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

    .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

    .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
        border-bottom: 0
    }

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 20px
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px
    }

        .panel-group .panel + .panel {
            margin-top: 5px
        }

    .panel-group .panel-heading {
        border-bottom: 0
    }

        .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
            border-top: 1px solid #ddd
        }

    .panel-group .panel-footer {
        border-top: 0
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd
        }

.panel-default {
    border-color: #ddd
}

    .panel-default > .panel-heading {
        color: #505f72;
        background-color: #f5f5f5;
        border-color: #ddd
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #505f72
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd
    }

.panel-primary {
    border-color: #63d3ee
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #63d3ee;
        border-color: #63d3ee
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #63d3ee
        }

        .panel-primary > .panel-heading .badge {
            color: #63d3ee;
            background-color: #fff
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #63d3ee
    }

.panel-success {
    border-color: #d6e9c6
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6
    }

.panel-info {
    border-color: #bce8f1
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1
    }

.panel-warning {
    border-color: #faebcc
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc
    }

.panel-danger {
    border-color: #ebccd1
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1
    }

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        border: 0
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0,0,0,.15)
    }

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50)
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal, .modal-open {
    overflow: hidden
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

    .modal.fade .modal-dialog {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out,-webkit-transform .3s ease-out
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .modal-backdrop.in {
        opacity: .5;
        filter: alpha(opacity=50)
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

    .modal-header:after, .modal-header:before {
        content: " ";
        display: table
    }

    .modal-header:after {
        clear: both
    }

    .modal-header .close {
        margin-top: -2px
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

    .modal-footer:after, .modal-footer:before {
        content: " ";
        display: table
    }

    .modal-footer:after {
        clear: both
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: PingFang,helvetica neue,hiragino sans gb,arial,microsoft yahei ui,microsoft yahei,simsun,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0)
}

    .tooltip.in {
        opacity: .9;
        filter: alpha(opacity=90)
    }

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0
    }

    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px
    }

    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0
    }

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px
}

.tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    left: 5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: PingFang,helvetica neue,hiragino sans gb,arial,microsoft yahei ui,microsoft yahei,simsun,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow {
    border-width: 11px
}

    .popover > .arrow:after {
        border-width: 10px;
        content: ""
    }

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    bottom: -11px
}

    .popover.top > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #fff
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25)
}

    .popover.right > .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #fff
    }

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    top: -11px
}

    .popover.bottom > .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #fff
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25)
}

    .popover.left > .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -10px
    }

.carousel, .carousel-inner {
    position: relative
}

.carousel-inner {
    overflow: hidden;
    width: 100%
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        transition: left .6s ease-in-out
    }

        .carousel-inner > .item > a > img, .carousel-inner > .item > img {
            display: block;
            max-width: 100%;
            height: auto;
            line-height: 1
        }

@media (-webkit-transform-3d),(transform-3d) {
    .carousel-inner > .item {
        transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

        .carousel-inner > .item.active.right, .carousel-inner > .item.next {
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
            left: 0
        }

        .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
            left: 0
        }

            .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
                left: 0
            }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

    .carousel-inner > .next.left, .carousel-inner > .prev.right {
        left: 0
    }

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: transparent
}

    .carousel-control.left {
        background-image: linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001));
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000",endColorstr="#00000000",GradientType=1)
    }

    .carousel-control.right {
        left: auto;
        right: 0;
        background-image: linear-gradient(90deg,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5));
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#80000000",GradientType=1)
    }

    .carousel-control:focus, .carousel-control:hover {
        outline: 0;
        color: #fff;
        text-decoration: none;
        opacity: .9;
        filter: alpha(opacity=90)
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        z-index: 5;
        display: inline-block
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        left: 50%;
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        right: 50%;
        margin-right: -10px
    }

    .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 20px;
        height: 20px;
        line-height: 1;
        font-family: serif
    }

        .carousel-control .icon-prev:before {
            content: "\2039"
        }

        .carousel-control .icon-next:before {
            content: "\203a"
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #fff;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000\9;
        background-color: transparent
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #fff
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

    .carousel-caption .btn {
        text-shadow: none
    }

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.activity-list:after, .activity-list:before, .basic-info-tabs:after, .basic-info-tabs:before, .clearfix:after, .clearfix:before, .htp-tab:after, .htp-tab:before, .manage-position-select-status:after, .manage-position-select-status:before, .manage-position:after, .manage-position:before, .notice-component .body .page .btn-group:after, .notice-component .body .page .btn-group:before, .position-analyse-ctn:after, .position-analyse-ctn:before, .position-analyse .form-group:after, .position-analyse .form-group:before, .position-detail-section-title .pub-broadList-btn:after, .position-detail-section-title .pub-broadList-btn:before, .resume-file:after, .resume-file:before, .searh-filter .filter-list-ctn:after, .searh-filter .filter-list-ctn:before, .ws-position-chart:after, .ws-position-chart:before, .ws-position-filter:after, .ws-position-filter:before {
    content: " ";
    display: table
}

.activity-list:after, .basic-info-tabs:after, .clearfix:after, .htp-tab:after, .manage-position-select-status:after, .manage-position:after, .notice-component .body .page .btn-group:after, .position-analyse-ctn:after, .position-analyse .form-group:after, .position-detail-section-title .pub-broadList-btn:after, .resume-file:after, .searh-filter .filter-list-ctn:after, .ws-position-chart:after, .ws-position-filter:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.htp-split-page {
    margin: 0 auto;
    width: 1200px;
    padding-right: 0;
    min-height: 250px
}

    .htp-split-page:after, .htp-split-page:before {
        content: " ";
        display: table
    }

    .htp-split-page:after {
        clear: both
    }

    .htp-split-page.hide-bd {
        margin-top: -1px
    }

    .htp-split-page .filter {
        width: 318px
    }

    .htp-split-page .list {
        overflow: auto
    }

    .htp-split-page .list-page {
        float: left;
        top: 111px;
        bottom: 0;
        overflow: auto;
        max-width: 320px;
        min-width: 225px
    }

    .htp-split-page .list-title {
        font-size: 14px
    }

    .htp-split-page .info-block {
        font-size: 12px;
        margin-top: 3px;
        color: #7b869a
    }

        .htp-split-page .info-block:nth-child(3) {
            margin-right: 35px
        }

    .htp-split-page .gender-icon {
        width: 12px;
        margin-left: 3px
    }

    .htp-split-page > .detail-page {
        float: left;
        width: 880px;
        padding-left: 10px;
        padding-bottom: 126px
    }

.nav-left-pdd-wrapper .htp-split-page .detail-page {
    width: 820px
}

.htp-split-page .detail-page::-webkit-scrollbar, .htp-split-page .list-page::-webkit-scrollbar {
    width: .3em
}

.htp-split-page .detail-page::-webkit-scrollbar-track, .htp-split-page .list-page::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2)
}

.htp-split-page .detail-page::-webkit-scrollbar-thumb, .htp-split-page .list-page::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    outline: 1px solid #708090
}

.list-page-item {
    position: relative;
    width: 316px;
    background-color: #fafafa;
    border-top: 1px solid #e5e5e5;
    margin-top: -1px
}

    .list-page-item.active {
        background-color: #fff
    }

        .list-page-item.active > .item {
            border-left-color: #63d3ee
        }

    .list-page-item:hover .item {
        background-color: #fff;
        border-left-color: #63d3ee
    }

    .list-page-item .item {
        border-left: 5px solid transparent
    }

.nav-left-pdd-wrapper {
    padding-left: 60px
}

.htp-page-title {
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
    padding-top: 13px;
    padding-bottom: 13px;
    border-bottom: 1px solid #e5e5e5;
    height: 52px
}

    .htp-page-title span {
        font-size: 14px;
        margin: 0 5px;
        color: #8b8b8b
    }

a {
    cursor: pointer
}

label {
    font-weight: 400
}

:focus {
    outline: 0
}

textarea {
    resize: none
}

.htp-stable-btn {
    width: 100px
}

.htp-120-btn {
    width: 120px
}

.htp-time-range:after, .htp-time-range:before {
    content: " ";
    display: table
}

.htp-time-range:after {
    clear: both
}

.htp-time-range > .end, .htp-time-range > .start {
    float: left;
    width: 45%
}

.htp-time-range > .separator {
    float: left;
    width: 10%;
    text-align: center;
    padding-top: 7px
}

.toast-title {
    font-weight: 400
}

.htp-paragraph {
    white-space: pre-line
}

.form-foot {
    text-align: center
}

    .form-foot > .btn + .btn {
        margin-left: 26px
    }

.htp-block-gap {
    margin-bottom: 15px
}

.htp-xs-4 {
    float: left;
    width: 33.3333%
}

.htp-row:after, .htp-row:before {
    content: " ";
    display: table
}

.htp-row:after {
    clear: both
}

.htp-col-1 {
    width: 4.16666667%;
    float: left
}

.htp-col-offset-1 {
    margin-left: 4.16666667%
}

.htp-col-2 {
    width: 8.33333333%;
    float: left
}

.htp-col-offset-2 {
    margin-left: 8.33333333%
}

.htp-col-3 {
    width: 12.5%;
    float: left
}

.htp-col-offset-3 {
    margin-left: 12.5%
}

.htp-col-4 {
    width: 16.66666667%;
    float: left
}

.htp-col-offset-4 {
    margin-left: 16.66666667%
}

.htp-col-5 {
    width: 20.83333333%;
    float: left
}

.htp-col-offset-5 {
    margin-left: 20.83333333%
}

.htp-col-6 {
    width: 25%;
    float: left
}

.htp-col-offset-6 {
    margin-left: 25%
}

.htp-col-7 {
    width: 29.16666667%;
    float: left
}

.htp-col-offset-7 {
    margin-left: 29.16666667%
}

.htp-col-8 {
    width: 33.33333333%;
    float: left
}

.htp-col-offset-8 {
    margin-left: 33.33333333%
}

.htp-col-9 {
    width: 37.5%;
    float: left
}

.htp-col-offset-9 {
    margin-left: 37.5%
}

.htp-col-10 {
    width: 41.66666667%;
    float: left
}

.htp-col-offset-10 {
    margin-left: 41.66666667%
}

.htp-col-11 {
    width: 45.83333333%;
    float: left
}

.htp-col-offset-11 {
    margin-left: 45.83333333%
}

.htp-col-12 {
    width: 50%;
    float: left
}

.htp-col-offset-12 {
    margin-left: 50%
}

.htp-col-13 {
    width: 54.16666667%;
    float: left
}

.htp-col-offset-13 {
    margin-left: 54.16666667%
}

.htp-col-14 {
    width: 58.33333333%;
    float: left
}

.htp-col-offset-14 {
    margin-left: 58.33333333%
}

.htp-col-15 {
    width: 62.5%;
    float: left
}

.htp-col-offset-15 {
    margin-left: 62.5%
}

.htp-col-16 {
    width: 66.66666667%;
    float: left
}

.htp-col-offset-16 {
    margin-left: 66.66666667%
}

.htp-col-17 {
    width: 70.83333333%;
    float: left
}

.htp-col-offset-17 {
    margin-left: 70.83333333%
}

.htp-col-18 {
    width: 75%;
    float: left
}

.htp-col-offset-18 {
    margin-left: 75%
}

.htp-col-19 {
    width: 79.16666667%;
    float: left
}

.htp-col-offset-19 {
    margin-left: 79.16666667%
}

.htp-col-20 {
    width: 83.33333333%;
    float: left
}

.htp-col-offset-20 {
    margin-left: 83.33333333%
}

.htp-col-21 {
    width: 87.5%;
    float: left
}

.htp-col-offset-21 {
    margin-left: 87.5%
}

.htp-col-22 {
    width: 91.66666667%;
    float: left
}

.htp-col-offset-22 {
    margin-left: 91.66666667%
}

.htp-col-23 {
    width: 95.83333333%;
    float: left
}

.htp-col-offset-23 {
    margin-left: 95.83333333%
}

.htp-col-24 {
    width: 100%;
    float: left
}

.htp-col-offset-24 {
    margin-left: 100%
}

.htp-gutter-left {
    padding-left: 15px
}

.htp-gutter-right {
    padding-right: 15px
}

.htp-clickable {
    cursor: pointer
}

.form-horizontal .control-label {
    text-align: left
}

.htp-center-line {
    text-align: center;
    margin-top: 6px
}

.htp-group-tabs-select-bottom {
    margin-bottom: 2px
}

.cal-month-day {
    height: 70px
}

.cal-month-box .cal-day-today span[data-cal-date] {
    font-size: 1.2em
}

.cal-month-box [class*=cal-cell], .cal-year-box [class*=span] {
    min-height: 70px
}

span[data-cal-date] {
    margin: 5px
}

.cal-month-day .cal-events-num {
    margin-top: 7px;
    margin-left: 7px
}

span[data-cal-date] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0
}

.cal-month-box [class*=cal-cell], .cal-year-box [class*=span] {
    border-right: none
}

.cal-month-box .cal-row-fluid, .cal-year-box .row {
    border-bottom: none
}

.cal-month-box, .cal-week-box, .cal-year-box {
    border-top: none;
    border-left: none
}

#cal-week-box {
    display: none
}

.badge-important {
    background-color: #b94a48 !important
}

.cal-row-fluid:hover, .cal-year-box .row:hover {
    background-color: initial
}

.event {
    border-color: transparent
}

.htp-fixed-tips {
    position: fixed;
    width: 820px;
    background-color: #fff;
    bottom: 0;
    z-index: 2;
    border-top: 1px solid #e5e5e5;
    text-align: center;
    padding: 10px 0;
    z-index: 5
}

    .htp-fixed-tips .fold-animation {
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 12px
    }

    .htp-fixed-tips .htp-btn-link, .htp-fixed-tips .htp-btn-link-gray {
        font-size: 12px
    }

    .htp-fixed-tips .btn-ctn {
        padding-top: 15px
    }

    .htp-fixed-tips .err-tip {
        text-align: left
    }

.htp-help-icon {
    width: 15px;
    height: 15px;
    opacity: .5
}

.ta-editor {
    min-height: 300px;
    height: auto;
    overflow: auto;
    font-family: inherit;
    font-size: 100%;
    margin: 20px 0
}

.uib-datepicker .btn {
    border-radius: 0
}

body, body > [ui-view], html {
    height: 100%
}

body {
    overflow-y: auto
}

    body::-webkit-scrollbar {
        width: .3em;
        background-color: #fff
    }

    body::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2)
    }

    body::-webkit-scrollbar-thumb {
        background-color: #a9a9a9;
        outline: 1px solid #708090
    }

.htp-tags-input .tags {
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .htp-tags-input .tags .tag-item {
        color: #fff;
        background: #9e9e9f;
        border: 1px solid #d3d3d3;
        border-radius: 2px
    }

        .htp-tags-input .tags .tag-item .remove-button {
            color: #fff
        }

.htp-list {
    padding: 0;
    margin: 0
}

    .htp-list:after, .htp-list:before {
        content: " ";
        display: table
    }

    .htp-list:after {
        clear: both
    }

    .htp-list .htp-list-item {
        border-left: 5px solid transparent;
        border-bottom: 1px solid #eee;
        padding: 23px 25px;
        list-style: none
    }

        .htp-list .htp-list-item:hover {
            border-left-color: #64d3ee;
            background-color: #fafafa
        }

        .htp-list .htp-list-item .htp-list-title {
            padding: 0;
            padding-left: 0;
            padding-bottom: 5px;
            font-size: 18px
        }

            .htp-list .htp-list-item .htp-list-title .htp-list-subtitle {
                color: #b2b2b2;
                font-size: 14px;
                margin-left: 5px
            }

        .htp-list .htp-list-item .htp-list-left-col {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            padding-left: 0
        }

        .htp-list .htp-list-item .htp-list-mid-col {
            font-size: 14px;
            color: #666
        }

            .htp-list .htp-list-item .htp-list-mid-col a {
                color: #666
            }

                .htp-list .htp-list-item .htp-list-mid-col a:hover {
                    color: #64d3ee
                }

        .htp-list .htp-list-item .htp-list-right-col {
            font-size: 12px;
            color: #b2b2b2;
            text-align: right
        }

            .htp-list .htp-list-item .htp-list-right-col > div {
                padding-bottom: 3px
            }

                .htp-list .htp-list-item .htp-list-right-col > div span {
                    margin-right: 10px
                }

                    .htp-list .htp-list-item .htp-list-right-col > div span:last-child {
                        margin-right: 0
                    }

        .htp-list .htp-list-item .htp-list-commission {
            color: #ff7474;
            margin-right: 10px
        }

.htp-btn-switch {
    width: 50px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    height: 20px;
    padding: 2px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 5px
}

    .htp-btn-switch .htp-btn-ctl {
        width: 20px;
        height: 14px;
        right: 25px;
        border-radius: 2px;
        position: absolute;
        background-color: #e5e5e5;
        transition: all .2s ease-in-out
    }

    .htp-btn-switch.htp-btn-switch-on .htp-btn-ctl {
        right: 3px;
        background-color: #63d3ee;
        transition: all .2s ease-in-out
    }

.htp-tags > .tag {
    display: inline-block;
    padding: 4px 6px;
    border: 1px solid #ccc;
    margin-right: 4px;
    margin-bottom: 4px
}

    .htp-tags > .tag:hover {
        border-color: #3b3e47
    }

    .htp-tags > .tag > .remove {
        margin-left: 4px
    }

        .htp-tags > .tag > .remove:before {
            content: "x";
            padding: 0 2px;
            cursor: pointer;
            font-family: arial
        }

.consultant-index {
    width: 1200px;
    margin: 10px auto;
    padding-right: 0
}

.consultant-top-background {
    height: 83px;
    background-color: #58d6ef
}

.consultant-skim {
    color: #fff;
    margin-left: 20px;
    letter-spacing: 2px;
    line-height: 32px;
    font-family: STHeiti Light\ [STXihei],Microsoft YaHei,微软雅黑,Microsoft JhengHei,华文细黑,STHeiti,MingLiu
}

.consultant-edit {
    position: absolute;
    top: 60%;
    right: 10px;
    padding: 3px 6px;
    border: 1px solid #63d3ee;
    border-radius: 4px;
    color: #63d3ee;
    transition: all .2s linear
}

    .consultant-edit:hover {
        color: #fff;
        background-color: #63d3ee
    }

.consultant-top-img {
    position: relative
}

    .consultant-top-img img {
        width: 104px;
        height: 104px;
        border: 8px solid #fff;
        margin-top: -52px;
        margin-left: calc(50% - 52px);
        border-radius: 50%;
        background-color: #fff;
        vertical-align: middle;
        -o-object-fit: cover;
        object-fit: cover
    }

.consultant-top-name {
    margin-top: -54px;
    padding-top: 64px;
    padding-bottom: 15px
}

    .consultant-top-name > .self-info-panel {
        margin-top: 15px
    }

        .consultant-top-name > .self-info-panel:after, .consultant-top-name > .self-info-panel:before {
            content: " ";
            display: table
        }

        .consultant-top-name > .self-info-panel:after {
            clear: both
        }

        .consultant-top-name > .self-info-panel > .x-item {
            float: left;
            width: 49.29453263%
        }

            .consultant-top-name > .self-info-panel > .x-item + .x-item {
                margin-left: 1.41093474%
            }

            .consultant-top-name > .self-info-panel > .x-item .x-icon {
                float: left;
                width: 7.85340314%;
                padding-top: 24px;
                padding-bottom: 24px;
                font-size: 22px;
                text-align: center;
                background-color: #f1f1f1
            }

            .consultant-top-name > .self-info-panel > .x-item .x-content {
                float: left;
                width: 92.14659686%;
                padding: 11px;
                background-color: #fafafa;
                word-break: break-all;
                white-space: pre-line
            }

        .consultant-top-name > .self-info-panel .intro-holder {
            color: #b2b2b2
        }

        .consultant-top-name > .self-info-panel > .x-item > .point-to-offer {
            position: relative
        }

            .consultant-top-name > .self-info-panel > .x-item > .point-to-offer:before {
                position: absolute;
                top: 100%;
                right: 32%;
                width: 0;
                height: 0;
                border-left: 12px solid transparent;
                border-right: 12px solid transparent;
                border-top: 15px solid #fafafa
            }

        .consultant-top-name > .self-info-panel > .x-item .x-content .activity-list + .activity-list, .consultant-top-name > .self-info-panel > .x-item .x-content .activity-list + .basic-info-tabs, .consultant-top-name > .self-info-panel > .x-item .x-content .activity-list + .clearfix, .consultant-top-name > .self-info-panel > .x-item .x-content .activity-list + .htp-tab, .consultant-top-name > .self-info-panel > .x-item .x-content .activity-list + .manage-position, .consultant-top-name > .self-info-panel > .x-item .x-content .activity-list + .manage-position-select-status, .consultant-top-name > .self-info-panel > .x-item .x-content .activity-list + .position-analyse-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .activity-list + .resume-file, .consultant-top-name > .self-info-panel > .x-item .x-content .activity-list + .ws-position-chart, .consultant-top-name > .self-info-panel > .x-item .x-content .activity-list + .ws-position-filter, .consultant-top-name > .self-info-panel > .x-item .x-content .basic-info-tabs + .activity-list, .consultant-top-name > .self-info-panel > .x-item .x-content .basic-info-tabs + .basic-info-tabs, .consultant-top-name > .self-info-panel > .x-item .x-content .basic-info-tabs + .clearfix, .consultant-top-name > .self-info-panel > .x-item .x-content .basic-info-tabs + .htp-tab, .consultant-top-name > .self-info-panel > .x-item .x-content .basic-info-tabs + .manage-position, .consultant-top-name > .self-info-panel > .x-item .x-content .basic-info-tabs + .manage-position-select-status, .consultant-top-name > .self-info-panel > .x-item .x-content .basic-info-tabs + .position-analyse-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .basic-info-tabs + .resume-file, .consultant-top-name > .self-info-panel > .x-item .x-content .basic-info-tabs + .ws-position-chart, .consultant-top-name > .self-info-panel > .x-item .x-content .basic-info-tabs + .ws-position-filter, .consultant-top-name > .self-info-panel > .x-item .x-content .clearfix + .activity-list, .consultant-top-name > .self-info-panel > .x-item .x-content .clearfix + .basic-info-tabs, .consultant-top-name > .self-info-panel > .x-item .x-content .clearfix + .clearfix, .consultant-top-name > .self-info-panel > .x-item .x-content .clearfix + .htp-tab, .consultant-top-name > .self-info-panel > .x-item .x-content .clearfix + .manage-position, .consultant-top-name > .self-info-panel > .x-item .x-content .clearfix + .manage-position-select-status, .consultant-top-name > .self-info-panel > .x-item .x-content .clearfix + .position-analyse-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .clearfix + .resume-file, .consultant-top-name > .self-info-panel > .x-item .x-content .clearfix + .ws-position-chart, .consultant-top-name > .self-info-panel > .x-item .x-content .clearfix + .ws-position-filter, .consultant-top-name > .self-info-panel > .x-item .x-content .htp-tab + .activity-list, .consultant-top-name > .self-info-panel > .x-item .x-content .htp-tab + .basic-info-tabs, .consultant-top-name > .self-info-panel > .x-item .x-content .htp-tab + .clearfix, .consultant-top-name > .self-info-panel > .x-item .x-content .htp-tab + .htp-tab, .consultant-top-name > .self-info-panel > .x-item .x-content .htp-tab + .manage-position, .consultant-top-name > .self-info-panel > .x-item .x-content .htp-tab + .manage-position-select-status, .consultant-top-name > .self-info-panel > .x-item .x-content .htp-tab + .position-analyse-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .htp-tab + .resume-file, .consultant-top-name > .self-info-panel > .x-item .x-content .htp-tab + .ws-position-chart, .consultant-top-name > .self-info-panel > .x-item .x-content .htp-tab + .ws-position-filter, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position + .activity-list, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position + .basic-info-tabs, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position + .clearfix, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position + .htp-tab, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position + .manage-position, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position + .manage-position-select-status, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position + .position-analyse-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position + .resume-file, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position + .ws-position-chart, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position + .ws-position-filter, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position-select-status + .activity-list, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position-select-status + .basic-info-tabs, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position-select-status + .clearfix, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position-select-status + .htp-tab, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position-select-status + .manage-position, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position-select-status + .manage-position-select-status, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position-select-status + .position-analyse-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position-select-status + .resume-file, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position-select-status + .ws-position-chart, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position-select-status + .ws-position-filter, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .activity-list + .btn-group, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .basic-info-tabs + .btn-group, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .btn-group + .activity-list, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .btn-group + .basic-info-tabs, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .btn-group + .btn-group, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .btn-group + .clearfix, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .btn-group + .htp-tab, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .btn-group + .manage-position, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .btn-group + .manage-position-select-status, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .btn-group + .position-analyse-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .btn-group + .resume-file, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .btn-group + .ws-position-chart, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .btn-group + .ws-position-filter, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .clearfix + .btn-group, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .htp-tab + .btn-group, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .manage-position + .btn-group, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .manage-position-select-status + .btn-group, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .position-analyse-ctn + .btn-group, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .position-analyse .btn-group + .form-group, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .position-detail-section-title .btn-group + .pub-broadList-btn, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .resume-file + .btn-group, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .searh-filter .btn-group + .filter-list-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .ws-position-chart + .btn-group, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .ws-position-filter + .btn-group, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse-ctn + .activity-list, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse-ctn + .basic-info-tabs, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse-ctn + .clearfix, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse-ctn + .htp-tab, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse-ctn + .manage-position, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse-ctn + .manage-position-select-status, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse-ctn + .position-analyse-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse-ctn + .resume-file, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse-ctn + .ws-position-chart, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse-ctn + .ws-position-filter, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .activity-list + .form-group, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .basic-info-tabs + .form-group, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .clearfix + .form-group, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .form-group + .activity-list, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .form-group + .basic-info-tabs, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .form-group + .clearfix, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .form-group + .form-group, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .form-group + .htp-tab, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .form-group + .manage-position, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .form-group + .manage-position-select-status, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .form-group + .position-analyse-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .form-group + .resume-file, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .form-group + .ws-position-chart, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .form-group + .ws-position-filter, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .htp-tab + .form-group, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .manage-position + .form-group, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .manage-position-select-status + .form-group, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .notice-component .body .page .form-group + .btn-group, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .position-analyse-ctn + .form-group, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .position-detail-section-title .form-group + .pub-broadList-btn, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .resume-file + .form-group, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .searh-filter .form-group + .filter-list-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .ws-position-chart + .form-group, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .ws-position-filter + .form-group, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .activity-list + .pub-broadList-btn, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .basic-info-tabs + .pub-broadList-btn, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .clearfix + .pub-broadList-btn, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .htp-tab + .pub-broadList-btn, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .manage-position + .pub-broadList-btn, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .manage-position-select-status + .pub-broadList-btn, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .notice-component .body .page .pub-broadList-btn + .btn-group, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .position-analyse-ctn + .pub-broadList-btn, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .position-analyse .pub-broadList-btn + .form-group, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .pub-broadList-btn + .activity-list, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .pub-broadList-btn + .basic-info-tabs, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .pub-broadList-btn + .clearfix, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .pub-broadList-btn + .htp-tab, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .pub-broadList-btn + .manage-position, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .pub-broadList-btn + .manage-position-select-status, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .pub-broadList-btn + .position-analyse-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .pub-broadList-btn + .pub-broadList-btn, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .pub-broadList-btn + .resume-file, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .pub-broadList-btn + .ws-position-chart, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .pub-broadList-btn + .ws-position-filter, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .resume-file + .pub-broadList-btn, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .searh-filter .pub-broadList-btn + .filter-list-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .ws-position-chart + .pub-broadList-btn, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .ws-position-filter + .pub-broadList-btn, .consultant-top-name > .self-info-panel > .x-item .x-content .resume-file + .activity-list, .consultant-top-name > .self-info-panel > .x-item .x-content .resume-file + .basic-info-tabs, .consultant-top-name > .self-info-panel > .x-item .x-content .resume-file + .clearfix, .consultant-top-name > .self-info-panel > .x-item .x-content .resume-file + .htp-tab, .consultant-top-name > .self-info-panel > .x-item .x-content .resume-file + .manage-position, .consultant-top-name > .self-info-panel > .x-item .x-content .resume-file + .manage-position-select-status, .consultant-top-name > .self-info-panel > .x-item .x-content .resume-file + .position-analyse-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .resume-file + .resume-file, .consultant-top-name > .self-info-panel > .x-item .x-content .resume-file + .ws-position-chart, .consultant-top-name > .self-info-panel > .x-item .x-content .resume-file + .ws-position-filter, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .activity-list + .filter-list-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .basic-info-tabs + .filter-list-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .clearfix + .filter-list-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .filter-list-ctn + .activity-list, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .filter-list-ctn + .basic-info-tabs, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .filter-list-ctn + .clearfix, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .filter-list-ctn + .filter-list-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .filter-list-ctn + .htp-tab, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .filter-list-ctn + .manage-position, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .filter-list-ctn + .manage-position-select-status, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .filter-list-ctn + .position-analyse-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .filter-list-ctn + .resume-file, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .filter-list-ctn + .ws-position-chart, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .filter-list-ctn + .ws-position-filter, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .htp-tab + .filter-list-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .manage-position + .filter-list-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .manage-position-select-status + .filter-list-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .notice-component .body .page .filter-list-ctn + .btn-group, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .position-analyse-ctn + .filter-list-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .position-analyse .filter-list-ctn + .form-group, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .position-detail-section-title .filter-list-ctn + .pub-broadList-btn, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .resume-file + .filter-list-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .ws-position-chart + .filter-list-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .ws-position-filter + .filter-list-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-chart + .activity-list, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-chart + .basic-info-tabs, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-chart + .clearfix, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-chart + .htp-tab, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-chart + .manage-position, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-chart + .manage-position-select-status, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-chart + .position-analyse-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-chart + .resume-file, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-chart + .ws-position-chart, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-chart + .ws-position-filter, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-filter + .activity-list, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-filter + .basic-info-tabs, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-filter + .clearfix, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-filter + .htp-tab, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-filter + .manage-position, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-filter + .manage-position-select-status, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-filter + .position-analyse-ctn, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-filter + .resume-file, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-filter + .ws-position-chart, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-filter + .ws-position-filter, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .activity-list + .btn-group, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .basic-info-tabs + .btn-group, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .btn-group + .activity-list, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .btn-group + .basic-info-tabs, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .btn-group + .btn-group, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .btn-group + .clearfix, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .btn-group + .htp-tab, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .btn-group + .manage-position, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .btn-group + .manage-position-select-status, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .btn-group + .position-analyse-ctn, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .btn-group + .resume-file, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .btn-group + .ws-position-chart, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .btn-group + .ws-position-filter, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .clearfix + .btn-group, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .htp-tab + .btn-group, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position + .btn-group, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position-select-status + .btn-group, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse-ctn + .btn-group, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .btn-group + .form-group, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .form-group + .btn-group, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .btn-group + .pub-broadList-btn, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .pub-broadList-btn + .btn-group, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .resume-file + .btn-group, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .btn-group + .filter-list-ctn, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .filter-list-ctn + .btn-group, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-chart + .btn-group, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-filter + .btn-group, .notice-component .body .page .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .form-group + .btn-group, .notice-component .body .page .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .pub-broadList-btn + .btn-group, .notice-component .body .page .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .filter-list-ctn + .btn-group, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .activity-list + .form-group, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .basic-info-tabs + .form-group, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .clearfix + .form-group, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .form-group + .activity-list, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .form-group + .basic-info-tabs, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .form-group + .clearfix, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .form-group + .form-group, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .form-group + .htp-tab, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .form-group + .manage-position, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .form-group + .manage-position-select-status, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .form-group + .position-analyse-ctn, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .form-group + .resume-file, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .form-group + .ws-position-chart, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .form-group + .ws-position-filter, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .htp-tab + .form-group, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position + .form-group, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position-select-status + .form-group, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .btn-group + .form-group, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .form-group + .btn-group, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse-ctn + .form-group, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .form-group + .pub-broadList-btn, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .pub-broadList-btn + .form-group, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .resume-file + .form-group, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .filter-list-ctn + .form-group, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .form-group + .filter-list-ctn, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-chart + .form-group, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-filter + .form-group, .position-analyse .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .btn-group + .form-group, .position-analyse .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .pub-broadList-btn + .form-group, .position-analyse .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .filter-list-ctn + .form-group, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .activity-list + .pub-broadList-btn, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .basic-info-tabs + .pub-broadList-btn, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .clearfix + .pub-broadList-btn, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .htp-tab + .pub-broadList-btn, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position + .pub-broadList-btn, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position-select-status + .pub-broadList-btn, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .btn-group + .pub-broadList-btn, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .pub-broadList-btn + .btn-group, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse-ctn + .pub-broadList-btn, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .form-group + .pub-broadList-btn, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .pub-broadList-btn + .form-group, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .pub-broadList-btn + .activity-list, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .pub-broadList-btn + .basic-info-tabs, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .pub-broadList-btn + .clearfix, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .pub-broadList-btn + .htp-tab, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .pub-broadList-btn + .manage-position, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .pub-broadList-btn + .manage-position-select-status, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .pub-broadList-btn + .position-analyse-ctn, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .pub-broadList-btn + .pub-broadList-btn, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .pub-broadList-btn + .resume-file, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .pub-broadList-btn + .ws-position-chart, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .pub-broadList-btn + .ws-position-filter, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .resume-file + .pub-broadList-btn, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .filter-list-ctn + .pub-broadList-btn, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .pub-broadList-btn + .filter-list-ctn, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-chart + .pub-broadList-btn, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-filter + .pub-broadList-btn, .position-detail-section-title .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .btn-group + .pub-broadList-btn, .position-detail-section-title .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .form-group + .pub-broadList-btn, .position-detail-section-title .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .filter-list-ctn + .pub-broadList-btn, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .activity-list + .filter-list-ctn, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .basic-info-tabs + .filter-list-ctn, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .clearfix + .filter-list-ctn, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .filter-list-ctn + .activity-list, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .filter-list-ctn + .basic-info-tabs, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .filter-list-ctn + .clearfix, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .filter-list-ctn + .filter-list-ctn, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .filter-list-ctn + .htp-tab, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .filter-list-ctn + .manage-position, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .filter-list-ctn + .manage-position-select-status, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .filter-list-ctn + .position-analyse-ctn, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .filter-list-ctn + .resume-file, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .filter-list-ctn + .ws-position-chart, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .filter-list-ctn + .ws-position-filter, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .htp-tab + .filter-list-ctn, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position + .filter-list-ctn, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position-select-status + .filter-list-ctn, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .btn-group + .filter-list-ctn, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .filter-list-ctn + .btn-group, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse-ctn + .filter-list-ctn, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .filter-list-ctn + .form-group, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .form-group + .filter-list-ctn, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .filter-list-ctn + .pub-broadList-btn, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .pub-broadList-btn + .filter-list-ctn, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .resume-file + .filter-list-ctn, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-chart + .filter-list-ctn, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-filter + .filter-list-ctn, .searh-filter .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .btn-group + .filter-list-ctn, .searh-filter .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .form-group + .filter-list-ctn, .searh-filter .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .pub-broadList-btn + .filter-list-ctn {
            margin-top: 3px
        }

        .consultant-top-name > .self-info-panel > .x-item .x-content .activity-list:last-child > span, .consultant-top-name > .self-info-panel > .x-item .x-content .basic-info-tabs:last-child > span, .consultant-top-name > .self-info-panel > .x-item .x-content .clearfix:last-child > span, .consultant-top-name > .self-info-panel > .x-item .x-content .htp-tab:last-child > span, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position-select-status:last-child > span, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position:last-child > span, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .btn-group:last-child > span, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse-ctn:last-child > span, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .form-group:last-child > span, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .pub-broadList-btn:last-child > span, .consultant-top-name > .self-info-panel > .x-item .x-content .resume-file:last-child > span, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .filter-list-ctn:last-child > span, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-chart:last-child > span, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-filter:last-child > span, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .btn-group:last-child > span, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .form-group:last-child > span, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .pub-broadList-btn:last-child > span, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .filter-list-ctn:last-child > span {
            color: #b2b2b2;
            cursor: pointer
        }

            .consultant-top-name > .self-info-panel > .x-item .x-content .activity-list:last-child > span:hover, .consultant-top-name > .self-info-panel > .x-item .x-content .basic-info-tabs:last-child > span:hover, .consultant-top-name > .self-info-panel > .x-item .x-content .clearfix:last-child > span:hover, .consultant-top-name > .self-info-panel > .x-item .x-content .htp-tab:last-child > span:hover, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position-select-status:last-child > span:hover, .consultant-top-name > .self-info-panel > .x-item .x-content .manage-position:last-child > span:hover, .consultant-top-name > .self-info-panel > .x-item .x-content .notice-component .body .page .btn-group:last-child > span:hover, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse-ctn:last-child > span:hover, .consultant-top-name > .self-info-panel > .x-item .x-content .position-analyse .form-group:last-child > span:hover, .consultant-top-name > .self-info-panel > .x-item .x-content .position-detail-section-title .pub-broadList-btn:last-child > span:hover, .consultant-top-name > .self-info-panel > .x-item .x-content .resume-file:last-child > span:hover, .consultant-top-name > .self-info-panel > .x-item .x-content .searh-filter .filter-list-ctn:last-child > span:hover, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-chart:last-child > span:hover, .consultant-top-name > .self-info-panel > .x-item .x-content .ws-position-filter:last-child > span:hover, .notice-component .body .page .consultant-top-name > .self-info-panel > .x-item .x-content .btn-group:last-child > span:hover, .position-analyse .consultant-top-name > .self-info-panel > .x-item .x-content .form-group:last-child > span:hover, .position-detail-section-title .consultant-top-name > .self-info-panel > .x-item .x-content .pub-broadList-btn:last-child > span:hover, .searh-filter .consultant-top-name > .self-info-panel > .x-item .x-content .filter-list-ctn:last-child > span:hover {
                color: #20abd9
            }

        .consultant-top-name > .self-info-panel > .x-item .x-content-wrapper {
            float: left;
            width: 92.14659686%
        }

            .consultant-top-name > .self-info-panel > .x-item .x-content-wrapper > .btn {
                padding: 0;
                height: 79px;
                line-height: 79px
            }

        .consultant-top-name > .self-info-panel .offer-text-link {
            cursor: pointer;
            color: #555
        }

            .consultant-top-name > .self-info-panel .offer-text-link:hover {
                color: #20abd9
            }

.consultant-name {
    text-align: center;
    font-size: 17px;
    line-height: 32px;
    font-family: STHeiti Light\ [STXihei],Microsoft YaHei,微软雅黑,Microsoft JhengHei,华文细黑,STHeiti,MingLiu
}

.consultant-focus {
    height: 100%;
    padding: 0 auto;
    margin-top: 15px
}

    .consultant-focus > .consultant-edit-form:after, .consultant-focus > .consultant-edit-form:before {
        content: " ";
        display: table
    }

    .consultant-focus > .consultant-edit-form:after {
        clear: both
    }

    .consultant-focus > .consultant-edit-form .msg {
        font-size: 18px;
        color: #969696;
        cursor: pointer;
        margin-left: 5px
    }

    .consultant-focus > .consultant-edit-form > .form-group {
        float: left;
        width: 30%;
        margin-bottom: 0
    }

        .consultant-focus > .consultant-edit-form > .form-group + .form-group {
            margin-left: 5%
        }

        .consultant-focus > .consultant-edit-form > .form-group .x-icon {
            font-size: 18px;
            color: #84be44
        }

        .consultant-focus > .consultant-edit-form > .form-group .x-label, .consultant-introduction .x-icon {
            text-align: center;
            padding-top: 7px;
            padding-bottom: 7px;
            background-color: #f1f1f1
        }

.consultant-introduction .x-icon {
    font-size: 22px;
    padding-top: 24px;
    padding-bottom: 24px
}

.consultant-focus > .consultant-edit-form > .form-group .htp-col-22, .consultant-introduction .x-control {
    padding-left: 10px
}

.focus-info-title {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
    line-height: 1.5
}

.focus-info-other {
    display: inline-block;
    color: #ccc;
    padding: 0 40px 0 5px
}

.consultant-introduction {
    min-height: 70px;
    border-radius: 4px;
    margin: 12px 0 10px
}

.consultant-focus-null {
    border: 1px dashed #95a5a6;
    text-align: center
}

.consultant-content > .x-data-list {
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid #e5e5e5
}

    .consultant-content > .x-data-list:after, .consultant-content > .x-data-list:before {
        content: " ";
        display: table
    }

    .consultant-content > .x-data-list:after {
        clear: both
    }

    .consultant-content > .x-data-list > .x-card {
        position: relative;
        float: left;
        width: 25%;
        height: 110px
    }

        .consultant-content > .x-data-list > .x-card + .x-card {
            border-left: 1px solid #e5e5e5
        }

        .consultant-content > .x-data-list > .x-card > .x-icon {
            position: absolute;
            top: 32px;
            right: 24px;
            color: #b2b2b2;
            font-size: 48px
        }

        .consultant-content > .x-data-list > .x-card > .x-data {
            width: 120px;
            text-align: center;
            padding-top: 15px;
            padding-bottom: 15px
        }

            .consultant-content > .x-data-list > .x-card > .x-data > .x-num {
                color: #63d3ee;
                font-size: 36px
            }

            .consultant-content > .x-data-list > .x-card > .x-data > .x-text {
                color: #8b8b8b
            }

.consultant-position {
    margin-top: 10px;
    border: 1px solid #e5e5e5
}

.consultant-position-tabs {
    background-color: #efefef
}

.consultant-position-tab {
    float: left;
    border-right: 1px solid #dcdee3;
    border-bottom: 1px solid #dcdee3;
    height: 50px;
    padding: 15px 40px
}

.consultant-position-tan-actived {
    background-color: #fff;
    border-bottom-color: #fff
}

.consultant-position-content {
    border-top: 1px solid #dcdef3;
    margin-top: -1px
}

    .consultant-position-content ul {
        list-style: none;
        padding: 0
    }

    .consultant-position-content > .consultant-trends-list > .trend {
        padding: 14px 16px 0;
        margin-left: 4px;
        margin-right: 4px
    }

        .consultant-position-content > .consultant-trends-list > .trend:after, .consultant-position-content > .consultant-trends-list > .trend:before {
            content: " ";
            display: table
        }

        .consultant-position-content > .consultant-trends-list > .trend:after {
            clear: both
        }

        .consultant-position-content > .consultant-trends-list > .trend + .trend {
            border-top: 1px solid #e5e5e5
        }

        .consultant-position-content > .consultant-trends-list > .trend > .avatar {
            float: left;
            width: 5%
        }

        .consultant-position-content > .consultant-trends-list > .trend > .msg {
            float: left;
            width: 95%;
            padding-left: 12px;
            padding-right: 12px
        }

            .consultant-position-content > .consultant-trends-list > .trend > .msg > .user-name {
                margin-bottom: 12px
            }

            .consultant-position-content > .consultant-trends-list > .trend > .msg > .x-content {
                color: #8b8b8b;
                background-color: #fafafa;
                padding: 3px 2px;
                word-break: break-all;
                white-space: pre-line
            }

            .consultant-position-content > .consultant-trends-list > .trend > .msg > .time {
                font-size: 10px;
                color: #b2b2b2
            }

                .consultant-position-content > .consultant-trends-list > .trend > .msg > .time:after, .consultant-position-content > .consultant-trends-list > .trend > .msg > .time:before {
                    content: " ";
                    display: table
                }

                .consultant-position-content > .consultant-trends-list > .trend > .msg > .time:after {
                    clear: both
                }

            .consultant-position-content > .consultant-trends-list > .trend > .msg .client-name {
                margin-left: 15px
            }

            .consultant-position-content > .consultant-trends-list > .trend > .msg > .time > a {
                color: #b2b2b2
            }

                .consultant-position-content > .consultant-trends-list > .trend > .msg > .time > a:hover {
                    color: #20abd9
                }

.consultant-position-bottom {
    text-align: left;
    margin: 10px auto
}

.consultant-edit-img {
    background: linear-gradient(transparent 70%,#000 0);
    width: 104px;
    height: 104px;
    border: 8px solid #fff;
    margin-top: -104px;
    margin-left: calc(50% - 52px);
    border-radius: 52px;
    text-align: center;
    opacity: .5
}

    .consultant-edit-img img {
        margin: 12px auto 4px;
        width: 40px;
        height: 40px;
        border: 0;
        border-radius: 0;
        display: block;
        background-color: transparent
    }

    .consultant-edit-img span {
        text-align: center;
        color: #fff;
        font-size: 12px;
        display: inline-block;
        margin-top: 65px
    }

.consultant-focus-item {
    float: left;
    width: 31.2%
}

    .consultant-focus-item + .consultant-focus-item {
        margin-left: 3.2%
    }

    .consultant-focus-item > .x-icon {
        float: left;
        width: 8.5%;
        text-align: center;
        padding-top: 6px;
        padding-bottom: 6px;
        background-color: #f1f1f1
    }

    .consultant-focus-item > .x-list {
        float: left;
        width: 90%;
        margin-left: 1.5%
    }

        .consultant-focus-item > .x-list > .x-item {
            padding: 7px 8px;
            background-color: #fafafa;
            word-break: break-all
        }

.consultant-index #city-button, .consultant-index #province-button {
    padding-left: 0
}

.consultant-index .consultant-position .find-cooperation {
    position: relative;
    left: -4px
}

.consultant-index .consultant-position-content .htp-list {
    margin-bottom: 0
}

    .consultant-index .consultant-position-content .htp-list :last-child {
        border-bottom: 0
    }

.consultant-index .candidate-attr {
    margin: 20px 0 0
}

    .consultant-index .candidate-attr .tag {
        font-size: 14px;
        display: inline-block;
        padding: 4px 6px;
        border: 1px solid #ccc;
        margin-right: 4px;
        margin-bottom: 4px
    }

        .consultant-index .candidate-attr .tag:hover {
            border-color: #3b3e47
        }

        .consultant-index .candidate-attr .tag .remove {
            margin-left: 4px
        }

            .consultant-index .candidate-attr .tag .remove:before {
                content: "x";
                padding: 0 2px;
                cursor: pointer;
                font-family: arial
            }

.recommend-consultant {
    width: 1200px;
    margin: 16px auto
}

.recommend-consultant-position {
    margin: 10px 0;
    padding: 0 15px;
    box-shadow: 0 0 3px 1px #ecedf1
}

.recommend-top {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 25px;
    border-bottom: 1px solid #e1e1e1
}

    .recommend-top :first-child {
        font-size: 16px
    }

    .recommend-top :last-child {
        font-size: 10px;
        line-height: 2
    }

.recommend-top-content {
    padding-left: 25px;
    padding-top: 13px;
    padding-bottom: 13px;
    line-height: 24px;
    font-size: 16px
}

    .recommend-top-content :first-child {
        color: #63d3ee;
        font-size: 18px
    }

.recommend-consultant-list {
    box-shadow: 0 0 3px 1px #ecedf1
}

    .recommend-consultant-list ul {
        list-style: none;
        padding: 0
    }

        .recommend-consultant-list ul > .row {
            margin-left: 0;
            margin-right: 0
        }

        .recommend-consultant-list ul > li {
            border-bottom: 1px solid #e1e1e1
        }

        .recommend-consultant-list ul:last-child {
            border-bottom-color: transparent
        }

.recommend-consultant-info {
    margin-bottom: 10px;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-right: 61px
}

    .recommend-consultant-info :last-child {
        font-size: 14px
    }

    .recommend-consultant-info a {
        color: #555;
        margin-right: 5px
    }

    .recommend-consultant-info .recommend-icon {
        width: 18px;
        height: 18px
    }

    .recommend-consultant-info .recommend-orther {
        color: #b2b2b2;
        font-size: 12px
    }

.consultant-info-top {
    margin: 0 auto;
    text-align: center;
    word-wrap: break-word
}

.consultant-info-center {
    line-height: 30px
}

.consultant-info-right {
    text-align: right
}

    .consultant-info-right span {
        padding-right: 10px
    }

.consultant-info-img {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 14px
}

.recommend-consultant-summary {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    background-color: #f2f4f5;
    padding: 10px;
    height: 80px
}

.htp-avatar-rect, .htp-avatar-rect-l, .htp-avatar-rect-m, .htp-avatar-rect-s {
    width: 50px;
    height: 50px;
    border: none;
    background-color: #fafafa
}

.htp-avatar-circle, .htp-avatar-circle-l, .htp-avatar-circle-m, .htp-avatar-circle-s {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    background-color: #fafafa
}

.htp-avatar-rect-s {
    width: 40px;
    height: 40px
}

.htp-avatar-rect-m {
    width: 50px;
    height: 50px
}

.htp-avatar-rect-l {
    width: 80px;
    height: 80px
}

.htp-avatar-circle-s {
    width: 40px;
    height: 40px
}

.htp-avatar-circle-m {
    width: 50px;
    height: 50px
}

.htp-avatar-circle-l {
    width: 100px;
    height: 100px
}

.htp-ta-l {
    text-align: left
}

.htp-ta-r {
    text-align: right
}

.htp-ta-c {
    text-align: center
}

.htp-ta-j {
    text-align: justify
}

.htp-va-t {
    vertical-align: top
}

.htp-va-m {
    vertical-align: middle
}

.htp-va-b {
    vertical-align: bottom
}

.htp-font-s {
    font-size: 12px
}

.candidate-detail .candidate-operate > .candidate-name, .candidate-operate .current-fold-name, .company-search-list .indus-text, .company-search-list .name, .htp-text-oneline-hide, .new-folder-ctn .folder-title .folder-name, .position-list-item .position-info-block .position-name, .schedule-ctn .fc-event .fc-content, .upload-list .file-name, .ws-position-filter .ws-company-list li, .ws-position-filter .ws-company-select {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    display: inline-block
}

.htp-text-oneline-show {
    white-space: nowrap;
    overflow: scroll
}

.htp-text-red {
    color: #ff7474
}

.htp-main-ctn {
    width: 1332px;
    padding-right: 66px;
    margin-left: auto;
    margin-right: auto
}

.htp-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: .6;
    background-color: #000;
    z-index: 9;
    display: none
}

    .htp-mask.active {
        display: block
    }

.htp-btn, .htp-btn-empty, .htp-btn-icon, .htp-btn-l, .htp-btn-link, .htp-btn-link-gray, .htp-btn-m, .htp-btn-red, .htp-btn-s, .htp-btn-xs {
    display: inline-block;
    padding: 6px 16px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 3px;
    background-color: #48cdee;
    margin-left: 5px;
    margin-right: 5px
}

    .htp-btn-empty:hover, .htp-btn-icon:hover, .htp-btn-l:hover, .htp-btn-link-gray:hover, .htp-btn-link:hover, .htp-btn-m:hover, .htp-btn-red:hover, .htp-btn-s:hover, .htp-btn-xs:hover, .htp-btn:hover {
        background-color: #78dcf5
    }

    .htp-btn-empty:active, .htp-btn-icon:active, .htp-btn-l:active, .htp-btn-link-gray:active, .htp-btn-link:active, .htp-btn-m:active, .htp-btn-red:active, .htp-btn-s:active, .htp-btn-xs:active, .htp-btn:active {
        background-color: #19c0ea
    }

    .htp-btn[disabled], [disabled].htp-btn-empty, [disabled].htp-btn-icon, [disabled].htp-btn-l, [disabled].htp-btn-link, [disabled].htp-btn-link-gray, [disabled].htp-btn-m, [disabled].htp-btn-red, [disabled].htp-btn-s, [disabled].htp-btn-xs {
        cursor: not-allowed;
        background-color: #dfdfdf;
        color: #969696
    }

    .btn-group-lg > .btn.htp-btn-empty, .btn-group-lg > .btn.htp-btn-icon, .btn-group-lg > .btn.htp-btn-l, .btn-group-lg > .btn.htp-btn-link, .btn-group-lg > .btn.htp-btn-link-gray, .btn-group-lg > .btn.htp-btn-m, .btn-group-lg > .btn.htp-btn-red, .btn-group-lg > .btn.htp-btn-s, .btn-group-lg > .btn.htp-btn-xs, .btn-group-lg > .htp-btn.btn, .btn-lg.htp-btn-empty, .btn-lg.htp-btn-icon, .btn-lg.htp-btn-l, .btn-lg.htp-btn-link, .btn-lg.htp-btn-link-gray, .btn-lg.htp-btn-m, .btn-lg.htp-btn-red, .btn-lg.htp-btn-s, .btn-lg.htp-btn-xs, .htp-btn.btn-lg {
        font-size: 16px;
        padding: 10px 20px;
        margin: 5px
    }

.htp-btn-xs {
    font-size: 12px;
    padding: 2px 5px
}

.htp-btn-s {
    font-size: 12px;
    padding: 4px 12px
}

.htp-btn-l {
    font-size: 16px;
    padding: 8px 18px
}

.htp-btn-empty {
    background-color: #fff;
    color: #666;
    border-color: #999
}

    .htp-btn-empty:hover {
        border-color: #807f7f;
        background-color: #dfdfdf
    }

    .htp-btn-empty:active {
        background-color: #c6c5c5
    }

    .htp-btn-empty[disabled] {
        background-color: #fff;
        color: #b2b2b2;
        border-color: #dfdfdf;
        cursor: not-allowed
    }

.htp-btn-red {
    background-color: #fa9090
}

.htp-btn-link, .htp-btn-link-gray {
    background-color: transparent;
    color: #20abd9;
    padding: 0
}

    .htp-btn-link-gray:hover, .htp-btn-link:hover {
        color: #19c0ea;
        background-color: transparent
    }

    .htp-btn-link-gray:active, .htp-btn-link:active {
        background-color: transparent
    }

    .htp-btn-link-gray:focus, .htp-btn-link:focus {
        outline: none
    }

    .htp-btn-link[disabled], [disabled].htp-btn-link-gray {
        background: transparent;
        color: #b2b2b2;
        cursor: not-allowed;
        text-decoration: none
    }

.htp-btn-link-gray {
    color: #666
}

.htp-btn-icon .htp-icon-left {
    float: left;
    padding-right: 8px;
    margin-right: 8px;
    margin-top: 2px;
    border-right: 1px solid #41b9d6
}

.htp-btn-icon .htp-icon-right {
    float: right;
    padding-left: 8px;
    margin-left: 8px;
    margin-top: 2px;
    border-left: 1px solid #41b9d6
}

.htp-btn-icon[disabled] .htp-icon-left {
    border-right-color: #b2b2b2
}

.htp-btn-icon[disabled] .htp-icon-right {
    border-left-color: #b2b2b2
}

.htp-list {
    list-style: none
}

    .htp-list ol, .htp-list ul {
        padding-left: 15px;
        list-style: none
    }

.htp-list-order {
    list-style-type: decimal;
    list-style-position: inside;
    padding-left: 0
}

    .htp-list-order ol, .htp-list-order ul {
        padding-left: 15px
    }

.htp-list-hor {
    list-style: none;
    padding-left: 0
}

    .htp-list-hor > li {
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px
    }

        .htp-list-hor > li:first-child {
            padding-left: 0
        }

.htp-tab {
    background-color: #f7f7f7;
    padding: 0 0 0 20px;
    margin: 0
}

    .htp-tab > li {
        text-align: center;
        display: inline-block;
        border-top: 2px solid transparent;
        padding: 10px 20px
    }

        .htp-tab > li.selected {
            border-top-color: #48cdee
        }

.htp-table {
    width: 100%;
    margin-top: 15px;
    border-collapse: collapse
}

    .htp-table, .htp-table.border td, .htp-table.border th {
        border: 1px solid #e5e5e5
    }

        .htp-table thead, .htp-table tr {
            border-bottom: 1px solid #e5e5e5
        }

            .htp-table tr:last-child {
                border-bottom: 0 none
            }

        .htp-table td, .htp-table th {
            padding: 10px
        }

        .htp-table th {
            background-color: #f9f9f9
        }

            .htp-table th:first-child {
                padding-left: 25px
            }

            .htp-table th:last-child {
                padding-right: 25px
            }

        .htp-table td:first-child {
            padding-left: 25px
        }

        .htp-table td:last-child {
            padding-right: 25px
        }

.htp-checkbox input[type=checkbox]:after, .htp-checkbox input[type=checkbox]:before, .htp-form-check, .htp-radiobox input[type=radio]:after, .htp-radiobox input[type=radio]:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    vertical-align: middle;
    z-index: 1;
    top: -2px;
    transition: all .1s ease-out
}

.htp-checkbox {
    cursor: pointer;
    margin-right: 15px;
    display: inline-block
}

    .htp-checkbox input[type=checkbox] {
        margin-right: 5px;
        margin-left: 2px;
        position: relative;
        box-shadow: none
    }

        .htp-checkbox input[type=checkbox]:focus {
            outline: 0
        }

        .htp-checkbox input[type=checkbox]:before {
            background-color: #fff;
            border: 1px solid #dfdfdf;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            left: -2px
        }

        .htp-checkbox input[type=checkbox]:after {
            top: -1px;
            left: 4px;
            width: 5px;
            height: 10px;
            outline: 0;
            box-shadow: none;
            border-style: solid;
            border-right-color: #dfdfdf;
            border-bottom-color: #dfdfdf;
            border-top-color: transparent;
            border-left-color: transparent;
            border-width: 2px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            opacity: 0;
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            transition: all .2s ease-out;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .htp-checkbox input[type=checkbox]:checked:before {
            border-color: #48cdee;
            background-color: #48cdee
        }

        .htp-checkbox input[type=checkbox]:checked:after {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            opacity: 1;
            border-right-color: #fff;
            border-bottom-color: #fff
        }

    .htp-checkbox:hover input[type=checkbox]:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 1;
        -webkit-transform-origin: center center;
        transform-origin: center center;
        transition: all .2s ease-out;
        border-right-color: #b2b2b2;
        border-bottom-color: #b2b2b2;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .htp-checkbox:hover input[type=checkbox]:checked:before {
        border-color: #48cdee;
        background-color: #48cdee
    }

    .htp-checkbox:hover input[type=checkbox]:checked:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 1;
        border-right-color: #fff;
        border-bottom-color: #fff
    }

.htp-radiobox {
    cursor: pointer;
    display: inline-block;
    position: relative;
    left: 2px
}

    .htp-radiobox + .htp-radiobox {
        margin-left: 15px
    }

    .htp-radiobox input[type=radio] {
        margin-right: 10px;
        position: relative;
        box-shadow: none;
        cursor: pointer
    }

        .htp-radiobox input[type=radio]:focus {
            outline: 0
        }

        .htp-radiobox input[type=radio]:before {
            background-color: #fff;
            border: 1px solid #dfdfdf;
            border-radius: 50%;
            width: 16px;
            height: 16px;
            top: -1px;
            left: -2px;
            -webkit-backface-visibility: hidden
        }

        .htp-radiobox input[type=radio]:after {
            outline: 0;
            box-shadow: none;
            background-color: #dfdfdf;
            border-radius: 50%;
            -webkit-transform: scale(0);
            transform: scale(0);
            opacity: 0;
            width: 16px;
            height: 16px;
            top: -1px;
            left: -2px;
            -webkit-backface-visibility: hidden
        }

        .htp-radiobox input[type=radio]:checked:before {
            border-color: #48cdee
        }

        .htp-radiobox input[type=radio]:checked:after {
            background-color: #48cdee;
            -webkit-transform: scale(.5);
            transform: scale(.5);
            opacity: 1
        }

    .htp-radiobox:hover input[type=radio]:before {
        border-color: #b2b2b2
    }

    .htp-radiobox:hover input[type=radio]:after {
        background-color: #b2b2b2;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }

    .htp-radiobox:hover input[type=radio]:checked:before {
        border-color: #969696
    }

    .htp-radiobox:hover input[type=radio]:checked:after {
        background-color: #969696;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }

.htp-pop-tips {
    color: #969696;
    font-size: 12px
}

    .htp-pop-tips .red {
        color: #ff7474
    }

.htp-tips-warning {
    background-color: #fffeed;
    border: 1px solid #ffe0a0;
    padding: 6px;
    font-size: 12px
}

    .htp-tips-warning .red {
        color: #ff7474
    }

@media screen and (max-width:1300px) {
    .htp-main-ctn {
        width: 1223px
    }
}

.popup-close {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    transition: all .2s ease-out
}

    .popup-close:hover {
        color: #ff7474;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

[class*=htp-animated], [class*=htp-animated]:after, [class*=htp-animated]:before {
    box-sizing: border-box;
    transition: all .3s
}

[class*=htp-animated] {
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    margin-right: 6px
}

    [class*=htp-animated]:after, [class*=htp-animated]:before {
        content: "";
        position: absolute
    }

.htp-animated-envelop {
    font-size: 14px;
    width: 0;
    height: 0;
    top: 2px;
    border: .57142857em solid #b2b2b2;
    border-top-color: transparent;
    border-right-width: .78571429em;
    border-left-width: .78571429em
}

    .htp-animated-envelop:after, .htp-animated-envelop:before {
        content: "";
        position: absolute;
        top: -.55em;
        left: -.71428571em;
        border: .5em solid transparent;
        border-top-color: #b2b2b2;
        border-right-width: .71428571em;
        border-left-width: .71428571em;
        opacity: .4;
        -webkit-transform-origin: center 0;
        transform-origin: center 0
    }

    .htp-animated-envelop:after {
        border-top-color: #b2b2b2;
        opacity: 1
    }

    .htp-animated-envelop:hover:after {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

.htp-animated-delete, .htp-animated-trashbin {
    font-size: 14px;
    width: 1.1em;
    height: 1.1em;
    border: .1em solid #b2b2b2;
    top: 3px
}

    .htp-animated-delete:before, .htp-animated-trashbin:before {
        top: -.4em;
        width: .5em;
        height: .11428571em;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        background-color: #b2b2b2;
        color: #b2b2b2;
        box-shadow: 0 .11428571em 0 0,-.5em .11428571em 0 0,.5em .11428571em 0 0
    }

    .htp-animated-delete:after, .htp-animated-trashbin:after {
        bottom: 0;
        left: 50%;
        width: .1em;
        height: 70%;
        background-color: #b2b2b2;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        color: #b2b2b2;
        box-shadow: -.275em 0 0 0,.275em 0 0 0
    }

    .htp-animated-delete:hover:before, .htp-animated-trashbin:hover:before {
        -webkit-transform: translate(-50%,-.11428571em);
        transform: translate(-50%,-.11428571em)
    }

@-webkit-keyframes c {
    0% {
        height: 0
    }

    to {
        height: 80%
    }
}

.htp-animated-stats {
    font-size: 14px;
    width: 1.28571429em;
    height: 1.28571429em;
    border: .1em solid #b2b2b2;
    border-top-color: transparent;
    border-right-color: transparent;
    overflow: hidden
}

    .htp-animated-stats:before {
        width: .2em;
        height: 80%;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        background-color: #b2b2b2;
        color: #b2b2b2;
        box-shadow: -.3em .2em 0 0,.3em .2em 0 0
    }

    .htp-animated-stats:hover:before {
        -webkit-animation: c .3s ease-in-out 0s;
        animation: c .3s ease-in-out 0s
    }

@-webkit-keyframes d {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.htp-animated-message {
    font-size: 14px;
    width: 1.5em;
    height: 1.2em;
    border: 2px solid #b2b2b2;
    border-radius: 3px 3px
}

    .htp-animated-message:before {
        top: 50%;
        left: 0;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: .14285714em;
        height: .14285714em;
        border-radius: 50%;
        color: #b2b2b2;
        box-shadow: .33333333em 0 0 0,.66666667em 0 0 0,1em 0 0 0
    }

    .htp-animated-message:after {
        width: .375em;
        height: .375em;
        border: 2px solid #b2b2b2;
        border-left-color: transparent;
        border-top-color: transparent;
        background-color: #fff;
        left: 70%;
        bottom: -2px;
        -webkit-transform: rotate(45deg) translateY(50%);
        transform: rotate(45deg) translateY(50%)
    }

    .htp-animated-message:hover:before {
        -webkit-animation: d .6s ease-in-out 0s infinite normal;
        animation: d .6s ease-in-out 0s infinite normal
    }

@-webkit-keyframes e {
    0% {
        box-shadow: 0 .25714286em 0 0 transparent,0 .51428571em 0 0 transparent,0 .77142857em 0 0 transparent
    }

    33% {
        box-shadow: 0 .25714286em 0 0,0 .51428571em 0 0 transparent,0 .77142857em 0 0 transparent
    }

    66% {
        box-shadow: 0 .25714286em 0 0,0 0 .51428571em 0 0,0 .77142857em 0 0 transparent
    }

    99% {
        box-shadow: 0 .25714286em 0 0,0 .51428571em 0 0,0 .77142857em 0 0
    }
}

.htp-animated-schedule, .htp-animated-textpad {
    font-size: 14px;
    border: 2px solid #b2b2b2;
    width: 1.28571429em;
    height: 1.28571429em;
    border-radius: 2px
}

    .htp-animated-schedule:before, .htp-animated-textpad:before {
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: .07142857em;
        height: .28571429em;
        background-color: #b2b2b2;
        border-radius: .05em/.1em;
        color: #b2b2b2;
        box-shadow: -.4em 0 0 0,-.2em 0 0 0,.2em 0 0 0 #b2b2b2,.4em 0 0 0
    }

    .htp-animated-schedule:after, .htp-animated-textpad:after {
        width: 80%;
        height: .07142857em;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        color: #b2b2b2;
        box-shadow: 0 .25714286em 0 0,0 .51428571em 0 0,0 .77142857em 0 0
    }

    .htp-animated-schedule:hover:after, .htp-animated-textpad:hover:after {
        -webkit-animation: e 1s linear 0s infinite normal;
        animation: e 1s linear 0s infinite normal
    }

@-webkit-keyframes f {
    0% {
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        opacity: 1
    }

    33% {
        opacity: 0;
        -webkit-transform: translate(-50%,1.28571429em);
        transform: translate(-50%,1.28571429em)
    }

    66% {
        opacity: 0;
        -webkit-transform: translate(-50%,-1.28571429em);
        transform: translate(-50%,-1.28571429em)
    }

    99% {
        opacity: 1;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

.htp-animated-download, .htp-animated-upload {
    font-size: 14px;
    border-bottom: 1px solid #b2b2b2;
    width: 1.28571429em;
    height: 1.28571429em;
    transition: all .15s;
    overflow: hidden;
    top: -1px
}

    .htp-animated-download:before, .htp-animated-upload:before {
        width: 0;
        height: 0;
        bottom: -.5em;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        border-top: .5em solid #b2b2b2;
        border-left: .25em solid transparent;
        border-bottom: .5em solid transparent;
        border-right: .25em solid transparent
    }

    .htp-animated-download:after, .htp-animated-upload:after {
        width: .16666667em;
        height: 70%;
        background-color: #b2b2b2;
        bottom: .5em;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }

.htp-animated-download {
    border-bottom: .16em solid #fff;
    border-top: .16em solid #fff;
    color: #b2b2b2;
    box-shadow: 0 .16em 0 0
}

    .htp-animated-download:hover:after, .htp-animated-download:hover:before {
        -webkit-animation: f 1s linear 0s infinite forwards;
        animation: f 1s linear 0s infinite forwards
    }

.htp-animated-upload {
    border-bottom: .16em solid #fff;
    border-top: .16em solid #fff;
    color: #b2b2b2;
    box-shadow: 0 -.16em 0 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 6px;
    margin-right: 0
}

    .htp-animated-upload:hover:after, .htp-animated-upload:hover:before {
        -webkit-animation: f 1s linear 0s infinite forwards;
        animation: f 1s linear 0s infinite forwards
    }

@-webkit-keyframes g {
    0% {
        -webkit-transform: translate(-50%,-50%) rotate(-45deg);
        transform: translate(-50%,-50%) rotate(-45deg)
    }

    20% {
        -webkit-transform: translateY(-50%) rotate(-50deg);
        transform: translateY(-50%) rotate(-50deg)
    }

    40% {
        -webkit-transform: translate(30%,-50%) rotate(-60deg);
        transform: translate(30%,-50%) rotate(-60deg)
    }

    60% {
        -webkit-transform: translate(-50%,.11428571em) rotate(-45deg);
        transform: translate(-50%,.11428571em) rotate(-45deg)
    }

    80% {
        -webkit-transform: translate(30%,.11428571em) rotate(-60deg);
        transform: translate(30%,.11428571em) rotate(-60deg)
    }

    to {
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg)
    }
}

.htp-animated-edit {
    font-size: 14px;
    width: 1.16em;
    height: 1.16em;
    border: 2px solid #b2b2b2;
    top: 2px
}

    .htp-animated-edit:before {
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        -webkit-transform: translate(50%,-50%);
        transform: translate(50%,-50%);
        background-color: #fff
    }

    .htp-animated-edit:after {
        left: 50%;
        top: 50%;
        width: 100%;
        height: .21428571em;
        border-radius: 50% 2px 2px 50%;
        border: 1px solid #b2b2b2;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        color: #b2b2b2;
        box-shadow: 0 1px 0 inset-0.14285714em
    }

    .htp-animated-edit:hover:after {
        -webkit-animation: g 1.5s linear 0s 1 normal;
        animation: g 1.5s linear 0s 1 normal
    }

.htp-animated-triangle-solid {
    font-size: 14px;
    width: 1.28571429em;
    height: 1.28571429em;
    top: 1px
}

    .htp-animated-triangle-solid:before {
        width: 0;
        height: 0;
        border: .35em solid #b2b2b2;
        border-color: #b2b2b2 transparent transparent;
        -webkit-transform-origin: center .175em;
        transform-origin: center .175em;
        left: 50%;
        top: 50%;
        margin-left: -.175em;
        margin-top: -.175em
    }

    .htp-animated-triangle-solid:hover:before {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

.htp-animated-triangle-arr {
    font-size: 14px;
    width: 1.28571429em;
    height: 1.28571429em;
    top: 1px
}

    .htp-animated-triangle-arr:after, .htp-animated-triangle-arr:before {
        width: 50%;
        height: .21428571em;
        top: 50%;
        left: 50%;
        background-color: #b2b2b2;
        -webkit-transform: translate(-4%,-50%) rotate(45deg);
        transform: translate(-4%,-50%) rotate(45deg)
    }

    .htp-animated-triangle-arr:after {
        background-color: #b2b2b2;
        -webkit-transform: translate(-50%,-50%) rotate(-45deg);
        transform: translate(-50%,-50%) rotate(-45deg)
    }

    .htp-animated-triangle-arr:hover {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }

@-webkit-keyframes h {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }

    to {
        -webkit-transform: rotate(-1turn) scale(1);
        transform: rotate(-1turn) scale(1)
    }
}

@-webkit-keyframes i {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }

    to {
        -webkit-transform: rotate(1turn) scale(1);
        transform: rotate(1turn) scale(1)
    }
}

@-webkit-keyframes j {
    0% {
        -webkit-transform: rotate(0deg) scale(1.14285714);
        transform: rotate(0deg) scale(1.14285714)
    }

    to {
        -webkit-transform: rotate(-1turn) scale(1.14285714);
        transform: rotate(-1turn) scale(1.14285714)
    }
}

@-webkit-keyframes k {
    0% {
        -webkit-transform: rotate(0deg) scale(1.28571429);
        transform: rotate(0deg) scale(1.28571429)
    }

    to {
        -webkit-transform: rotate(-1turn) scale(1.28571429);
        transform: rotate(-1turn) scale(1.28571429)
    }
}

@-webkit-keyframes l {
    0% {
        -webkit-transform: rotate(0deg) scale(1.42857143);
        transform: rotate(0deg) scale(1.42857143)
    }

    to {
        -webkit-transform: rotate(-1turn) scale(1.42857143);
        transform: rotate(-1turn) scale(1.42857143)
    }
}

[class*=htp-animated-history] {
    border-radius: 50%;
    border: .14285714em solid #b2b2b2;
    width: 1.28571429em;
    height: 1.28571429em;
    box-sizing: border-box;
    top: 1px
}

    [class*=htp-animated-history]:before {
        width: 0;
        height: 0;
        border: .25em solid #b2b2b2;
        border-color: #b2b2b2 #fff #fff;
        -webkit-transform: translate(-50%,-.02em) rotate(45deg);
        transform: translate(-50%,-.02em) rotate(45deg);
        left: 0;
        top: 0
    }

    [class*=htp-animated-history]:after {
        border: .14285714em solid #b2b2b2;
        right: 10%;
        top: 10%;
        border-top: none;
        border-right: none;
        width: 50%;
        height: 50%;
        -webkit-transform-origin: .07142857em .42857143em;
        transform-origin: .07142857em .42857143em
    }

    [class*=htp-animated-history]:hover:after {
        -webkit-animation: i 1s ease 0s 1 normal;
        animation: i 1s ease 0s 1 normal
    }

.htp-animated-history-14 {
    font-size: 14px;
    -webkit-transform: scale(1);
    transform: scale(1)
}

    .htp-animated-history-14:hover {
        -webkit-animation: h 1s ease 0s 1 normal;
        animation: h 1s ease 0s 1 normal
    }

.htp-animated-history-16 {
    font-size: 14px;
    -webkit-transform: scale(1.14285714);
    transform: scale(1.14285714)
}

    .htp-animated-history-16:hover {
        -webkit-animation: j 1s ease 0s 1 normal;
        animation: j 1s ease 0s 1 normal
    }

.htp-animated-history-18 {
    font-size: 14px;
    -webkit-transform: scale(1.28571429);
    transform: scale(1.28571429)
}

    .htp-animated-history-18:hover {
        -webkit-animation: k 1s ease 0s 1 normal;
        animation: k 1s ease 0s 1 normal
    }

.htp-animated-history-20 {
    font-size: 14px;
    -webkit-transform: scale(1.42857143);
    transform: scale(1.42857143)
}

    .htp-animated-history-20:hover {
        -webkit-animation: l 1s ease 0s 1 normal;
        animation: l 1s ease 0s 1 normal
    }

.overflow-icon-partial-font [class*=htp-animated], .overflow-icon-partial-font [class*=htp-animated]:after, .overflow-icon-partial-font [class*=htp-animated]:before {
    box-sizing: border-box;
    transition: all .3s
}

.overflow-icon-partial-font [class*=htp-animated] {
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    margin-right: 6px
}

    .overflow-icon-partial-font [class*=htp-animated]:after, .overflow-icon-partial-font [class*=htp-animated]:before {
        content: "";
        position: absolute
    }

.overflow-icon-partial-font .htp-animated-envelop {
    font-size: 20px;
    width: 0;
    height: 0;
    top: 2px;
    border: .57142857em solid #48cdee;
    border-top-color: transparent;
    border-right-width: .78571429em;
    border-left-width: .78571429em
}

    .overflow-icon-partial-font .htp-animated-envelop:after, .overflow-icon-partial-font .htp-animated-envelop:before {
        content: "";
        position: absolute;
        top: -.55em;
        left: -.71428571em;
        border: .5em solid transparent;
        border-top-color: #48cdee;
        border-right-width: .71428571em;
        border-left-width: .71428571em;
        opacity: .4;
        -webkit-transform-origin: center 0;
        transform-origin: center 0
    }

    .overflow-icon-partial-font .htp-animated-envelop:after {
        border-top-color: #48cdee;
        opacity: 1
    }

    .overflow-icon-partial-font .htp-animated-envelop:hover:after {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

.overflow-icon-partial-font .htp-animated-message {
    font-size: 20px;
    width: 1.5em;
    height: 1.2em;
    border: 2px solid #48cdee;
    border-radius: 3px 3px
}

    .overflow-icon-partial-font .htp-animated-message:before {
        top: 50%;
        left: 0;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: .14285714em;
        height: .14285714em;
        border-radius: 50%;
        color: #48cdee;
        box-shadow: .33333333em 0 0 0,.66666667em 0 0 0,1em 0 0 0
    }

    .overflow-icon-partial-font .htp-animated-message:after {
        width: .375em;
        height: .375em;
        border: 2px solid #48cdee;
        border-left-color: transparent;
        border-top-color: transparent;
        background-color: #fafafa;
        left: 70%;
        bottom: -2px;
        -webkit-transform: rotate(45deg) translateY(50%);
        transform: rotate(45deg) translateY(50%)
    }

    .overflow-icon-partial-font .htp-animated-message:hover:before {
        -webkit-animation: d .6s ease-in-out 0s infinite normal;
        animation: d .6s ease-in-out 0s infinite normal
    }

.overflow-icon-all-font [class*=htp-animated], .overflow-icon-all-font [class*=htp-animated]:after, .overflow-icon-all-font [class*=htp-animated]:before {
    box-sizing: border-box;
    transition: all .3s
}

.overflow-icon-all-font [class*=htp-animated] {
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    margin-right: 6px
}

    .overflow-icon-all-font [class*=htp-animated]:after, .overflow-icon-all-font [class*=htp-animated]:before {
        content: "";
        position: absolute
    }

.overflow-icon-all-font .htp-animated-envelop {
    font-size: 20px;
    width: 0;
    height: 0;
    top: 2px;
    border: .57142857em solid #48cdee;
    border-top-color: transparent;
    border-right-width: .78571429em;
    border-left-width: .78571429em
}

    .overflow-icon-all-font .htp-animated-envelop:after, .overflow-icon-all-font .htp-animated-envelop:before {
        content: "";
        position: absolute;
        top: -.55em;
        left: -.71428571em;
        border: .5em solid transparent;
        border-top-color: #48cdee;
        border-right-width: .71428571em;
        border-left-width: .71428571em;
        opacity: .4;
        -webkit-transform-origin: center 0;
        transform-origin: center 0
    }

    .overflow-icon-all-font .htp-animated-envelop:after {
        border-top-color: #48cdee;
        opacity: 1
    }

    .overflow-icon-all-font .htp-animated-envelop:hover:after {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

.overflow-icon-all-font .htp-animated-delete, .overflow-icon-all-font .htp-animated-trashbin {
    font-size: 20px;
    width: 1.1em;
    height: 1.1em;
    border: .1em solid #48cdee;
    top: 3px
}

    .overflow-icon-all-font .htp-animated-delete:before, .overflow-icon-all-font .htp-animated-trashbin:before {
        top: -.4em;
        width: .5em;
        height: .11428571em;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        background-color: #48cdee;
        color: #48cdee;
        box-shadow: 0 .11428571em 0 0,-.5em .11428571em 0 0,.5em .11428571em 0 0
    }

    .overflow-icon-all-font .htp-animated-delete:after, .overflow-icon-all-font .htp-animated-trashbin:after {
        bottom: 0;
        left: 50%;
        width: .1em;
        height: 70%;
        background-color: #48cdee;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        color: #48cdee;
        box-shadow: -.275em 0 0 0,.275em 0 0 0
    }

    .overflow-icon-all-font .htp-animated-delete:hover:before, .overflow-icon-all-font .htp-animated-trashbin:hover:before {
        -webkit-transform: translate(-50%,-.11428571em);
        transform: translate(-50%,-.11428571em)
    }

@keyframes c {
    0% {
        height: 0
    }

    to {
        height: 80%
    }
}

.overflow-icon-all-font .htp-animated-stats {
    font-size: 20px;
    width: 1.28571429em;
    height: 1.28571429em;
    border: .1em solid #48cdee;
    border-top-color: transparent;
    border-right-color: transparent;
    overflow: hidden
}

    .overflow-icon-all-font .htp-animated-stats:before {
        width: .2em;
        height: 80%;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        background-color: #48cdee;
        color: #48cdee;
        box-shadow: -.3em .2em 0 0,.3em .2em 0 0
    }

    .overflow-icon-all-font .htp-animated-stats:hover:before {
        -webkit-animation: c .3s ease-in-out 0s;
        animation: c .3s ease-in-out 0s
    }

@keyframes d {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.overflow-icon-all-font .htp-animated-message {
    font-size: 20px;
    width: 1.5em;
    height: 1.2em;
    border: 2px solid #48cdee;
    border-radius: 3px 3px
}

    .overflow-icon-all-font .htp-animated-message:before {
        top: 50%;
        left: 0;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: .14285714em;
        height: .14285714em;
        border-radius: 50%;
        color: #48cdee;
        box-shadow: .33333333em 0 0 0,.66666667em 0 0 0,1em 0 0 0
    }

    .overflow-icon-all-font .htp-animated-message:after {
        width: .375em;
        height: .375em;
        border: 2px solid #48cdee;
        border-left-color: transparent;
        border-top-color: transparent;
        background-color: #fafafa;
        left: 70%;
        bottom: -2px;
        -webkit-transform: rotate(45deg) translateY(50%);
        transform: rotate(45deg) translateY(50%)
    }

    .overflow-icon-all-font .htp-animated-message:hover:before {
        -webkit-animation: d .6s ease-in-out 0s infinite normal;
        animation: d .6s ease-in-out 0s infinite normal
    }

@keyframes e {
    0% {
        box-shadow: 0 .25714286em 0 0 transparent,0 .51428571em 0 0 transparent,0 .77142857em 0 0 transparent
    }

    33% {
        box-shadow: 0 .25714286em 0 0,0 .51428571em 0 0 transparent,0 .77142857em 0 0 transparent
    }

    66% {
        box-shadow: 0 .25714286em 0 0,0 0 .51428571em 0 0,0 .77142857em 0 0 transparent
    }

    99% {
        box-shadow: 0 .25714286em 0 0,0 .51428571em 0 0,0 .77142857em 0 0
    }
}

.overflow-icon-all-font .htp-animated-schedule, .overflow-icon-all-font .htp-animated-textpad {
    font-size: 20px;
    border: 2px solid #48cdee;
    width: 1.28571429em;
    height: 1.28571429em;
    border-radius: 2px
}

    .overflow-icon-all-font .htp-animated-schedule:before, .overflow-icon-all-font .htp-animated-textpad:before {
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: .07142857em;
        height: .28571429em;
        background-color: #48cdee;
        border-radius: .05em/.1em;
        color: #48cdee;
        box-shadow: -.4em 0 0 0,-.2em 0 0 0,.2em 0 0 0 #48cdee,.4em 0 0 0
    }

    .overflow-icon-all-font .htp-animated-schedule:after, .overflow-icon-all-font .htp-animated-textpad:after {
        width: 80%;
        height: .07142857em;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        color: #48cdee;
        box-shadow: 0 .25714286em 0 0,0 .51428571em 0 0,0 .77142857em 0 0
    }

    .overflow-icon-all-font .htp-animated-schedule:hover:after, .overflow-icon-all-font .htp-animated-textpad:hover:after {
        -webkit-animation: e 1s linear 0s infinite normal;
        animation: e 1s linear 0s infinite normal
    }

@keyframes f {
    0% {
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        opacity: 1
    }

    33% {
        opacity: 0;
        -webkit-transform: translate(-50%,1.28571429em);
        transform: translate(-50%,1.28571429em)
    }

    66% {
        opacity: 0;
        -webkit-transform: translate(-50%,-1.28571429em);
        transform: translate(-50%,-1.28571429em)
    }

    99% {
        opacity: 1;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

.overflow-icon-all-font .htp-animated-download, .overflow-icon-all-font .htp-animated-upload {
    font-size: 20px;
    border-bottom: 1px solid #48cdee;
    width: 1.28571429em;
    height: 1.28571429em;
    transition: all .15s;
    overflow: hidden;
    top: -1px
}

    .overflow-icon-all-font .htp-animated-download:before, .overflow-icon-all-font .htp-animated-upload:before {
        width: 0;
        height: 0;
        bottom: -.5em;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        border-top: .5em solid #48cdee;
        border-left: .25em solid transparent;
        border-bottom: .5em solid transparent;
        border-right: .25em solid transparent
    }

    .overflow-icon-all-font .htp-animated-download:after, .overflow-icon-all-font .htp-animated-upload:after {
        width: .16666667em;
        height: 70%;
        background-color: #48cdee;
        bottom: .5em;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }

.overflow-icon-all-font .htp-animated-download {
    border-bottom: .16em solid #fafafa;
    border-top: .16em solid #fafafa;
    color: #48cdee;
    box-shadow: 0 .16em 0 0
}

    .overflow-icon-all-font .htp-animated-download:hover:after, .overflow-icon-all-font .htp-animated-download:hover:before {
        -webkit-animation: f 1s linear 0s infinite forwards;
        animation: f 1s linear 0s infinite forwards
    }

.overflow-icon-all-font .htp-animated-upload {
    border-bottom: .16em solid #fafafa;
    border-top: .16em solid #fafafa;
    color: #48cdee;
    box-shadow: 0 -.16em 0 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 6px;
    margin-right: 0
}

    .overflow-icon-all-font .htp-animated-upload:hover:after, .overflow-icon-all-font .htp-animated-upload:hover:before {
        -webkit-animation: f 1s linear 0s infinite forwards;
        animation: f 1s linear 0s infinite forwards
    }

@keyframes g {
    0% {
        -webkit-transform: translate(-50%,-50%) rotate(-45deg);
        transform: translate(-50%,-50%) rotate(-45deg)
    }

    20% {
        -webkit-transform: translateY(-50%) rotate(-50deg);
        transform: translateY(-50%) rotate(-50deg)
    }

    40% {
        -webkit-transform: translate(30%,-50%) rotate(-60deg);
        transform: translate(30%,-50%) rotate(-60deg)
    }

    60% {
        -webkit-transform: translate(-50%,.11428571em) rotate(-45deg);
        transform: translate(-50%,.11428571em) rotate(-45deg)
    }

    80% {
        -webkit-transform: translate(30%,.11428571em) rotate(-60deg);
        transform: translate(30%,.11428571em) rotate(-60deg)
    }

    to {
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg)
    }
}

.overflow-icon-all-font .htp-animated-edit {
    font-size: 20px;
    width: 1.16em;
    height: 1.16em;
    border: 2px solid #48cdee;
    top: 2px
}

    .overflow-icon-all-font .htp-animated-edit:before {
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        -webkit-transform: translate(50%,-50%);
        transform: translate(50%,-50%);
        background-color: #fafafa
    }

    .overflow-icon-all-font .htp-animated-edit:after {
        left: 50%;
        top: 50%;
        width: 100%;
        height: .21428571em;
        border-radius: 50% 2px 2px 50%;
        border: 1px solid #48cdee;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        color: #48cdee;
        box-shadow: 0 1px 0 inset-0.14285714em
    }

    .overflow-icon-all-font .htp-animated-edit:hover:after {
        -webkit-animation: g 1.5s linear 0s 1 normal;
        animation: g 1.5s linear 0s 1 normal
    }

.overflow-icon-all-font .htp-animated-triangle-solid {
    font-size: 20px;
    width: 1.28571429em;
    height: 1.28571429em;
    top: 1px
}

    .overflow-icon-all-font .htp-animated-triangle-solid:before {
        width: 0;
        height: 0;
        border: .35em solid #48cdee;
        border-color: #48cdee transparent transparent;
        -webkit-transform-origin: center .175em;
        transform-origin: center .175em;
        left: 50%;
        top: 50%;
        margin-left: -.175em;
        margin-top: -.175em
    }

    .overflow-icon-all-font .htp-animated-triangle-solid:hover:before {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

.overflow-icon-all-font .htp-animated-triangle-arr {
    font-size: 20px;
    width: 1.28571429em;
    height: 1.28571429em;
    top: 1px
}

    .overflow-icon-all-font .htp-animated-triangle-arr:after, .overflow-icon-all-font .htp-animated-triangle-arr:before {
        width: 50%;
        height: .21428571em;
        top: 50%;
        left: 50%;
        background-color: #48cdee;
        -webkit-transform: translate(-4%,-50%) rotate(45deg);
        transform: translate(-4%,-50%) rotate(45deg)
    }

    .overflow-icon-all-font .htp-animated-triangle-arr:after {
        background-color: #48cdee;
        -webkit-transform: translate(-50%,-50%) rotate(-45deg);
        transform: translate(-50%,-50%) rotate(-45deg)
    }

    .overflow-icon-all-font .htp-animated-triangle-arr:hover {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }

@keyframes h {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }

    to {
        -webkit-transform: rotate(-1turn) scale(1);
        transform: rotate(-1turn) scale(1)
    }
}

@keyframes i {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }

    to {
        -webkit-transform: rotate(1turn) scale(1);
        transform: rotate(1turn) scale(1)
    }
}

@keyframes j {
    0% {
        -webkit-transform: rotate(0deg) scale(1.14285714);
        transform: rotate(0deg) scale(1.14285714)
    }

    to {
        -webkit-transform: rotate(-1turn) scale(1.14285714);
        transform: rotate(-1turn) scale(1.14285714)
    }
}

@keyframes k {
    0% {
        -webkit-transform: rotate(0deg) scale(1.28571429);
        transform: rotate(0deg) scale(1.28571429)
    }

    to {
        -webkit-transform: rotate(-1turn) scale(1.28571429);
        transform: rotate(-1turn) scale(1.28571429)
    }
}

@keyframes l {
    0% {
        -webkit-transform: rotate(0deg) scale(1.42857143);
        transform: rotate(0deg) scale(1.42857143)
    }

    to {
        -webkit-transform: rotate(-1turn) scale(1.42857143);
        transform: rotate(-1turn) scale(1.42857143)
    }
}

.overflow-icon-all-font [class*=htp-animated-history] {
    border-radius: 50%;
    border: .14285714em solid #48cdee;
    width: 1.28571429em;
    height: 1.28571429em;
    box-sizing: border-box;
    top: 1px
}

    .overflow-icon-all-font [class*=htp-animated-history]:before {
        width: 0;
        height: 0;
        border: .25em solid #48cdee;
        border-color: #48cdee #fafafa #fafafa;
        -webkit-transform: translate(-50%,-.02em) rotate(45deg);
        transform: translate(-50%,-.02em) rotate(45deg);
        left: 0;
        top: 0
    }

    .overflow-icon-all-font [class*=htp-animated-history]:after {
        border: .14285714em solid #48cdee;
        right: 10%;
        top: 10%;
        border-top: none;
        border-right: none;
        width: 50%;
        height: 50%;
        -webkit-transform-origin: .07142857em .42857143em;
        transform-origin: .07142857em .42857143em
    }

    .overflow-icon-all-font [class*=htp-animated-history]:hover:after {
        -webkit-animation: i 1s ease 0s 1 normal;
        animation: i 1s ease 0s 1 normal
    }

.overflow-icon-all-font .htp-animated-history-14 {
    font-size: 14px;
    -webkit-transform: scale(1);
    transform: scale(1)
}

    .overflow-icon-all-font .htp-animated-history-14:hover {
        -webkit-animation: h 1s ease 0s 1 normal;
        animation: h 1s ease 0s 1 normal
    }

.overflow-icon-all-font .htp-animated-history-16 {
    font-size: 14px;
    -webkit-transform: scale(1.14285714);
    transform: scale(1.14285714)
}

    .overflow-icon-all-font .htp-animated-history-16:hover {
        -webkit-animation: j 1s ease 0s 1 normal;
        animation: j 1s ease 0s 1 normal
    }

.overflow-icon-all-font .htp-animated-history-18 {
    font-size: 14px;
    -webkit-transform: scale(1.28571429);
    transform: scale(1.28571429)
}

    .overflow-icon-all-font .htp-animated-history-18:hover {
        -webkit-animation: k 1s ease 0s 1 normal;
        animation: k 1s ease 0s 1 normal
    }

.overflow-icon-all-font .htp-animated-history-20 {
    font-size: 14px;
    -webkit-transform: scale(1.42857143);
    transform: scale(1.42857143)
}

    .overflow-icon-all-font .htp-animated-history-20:hover {
        -webkit-animation: l 1s ease 0s 1 normal;
        animation: l 1s ease 0s 1 normal
    }

.design-nav {
    position: fixed;
    left: 73%;
    top: 10px;
    width: 15%;
    margin-left: 30px
}

    .design-nav li {
        padding: 5px;
        border-left: 2px solid transparent
    }

        .design-nav li:hover {
            border-left-color: #48cdee;
            cursor: pointer
        }

        .design-nav li.active {
            border-left-color: #48cdee;
            color: #48cdee
        }

.des-tpl {
    width: 70%;
    margin: 30px 20px 30px 50px
}

    .des-tpl h3 {
        margin-top: 50px
    }

    .des-tpl .show {
        padding: 15px;
        background-color: #fafafa;
        border: 1px solid #e5e5e5;
        border-radius: 3px
    }

.t {
    padding: 5px 10px;
    margin-right: 15px
}

.t-w {
    color: #fff;
    background-color: #dfdfdf
}

.t-lg {
    color: #b2b2b2
}

.t-g {
    color: #969696
}

.t-dg {
    color: #666
}

.t-b {
    color: #48cdee
}

.t-r {
    color: #ff7474
}

.f {
    color: #666;
    margin-right: 25px
}

.f-s {
    font-size: 12px
}

.f-m {
    font-size: 14px
}

.f-l {
    font-size: 16px
}

.f-xl {
    font-size: 18px
}

.bg {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 15px
}

.bg-w {
    color: #666;
    background-color: #fff
}

.bg-lg, .bg-w {
    border: 1px solid #e5e5e5
}

.bg-lg {
    background-color: #fafafa
}

.bg-g, .bg-lg {
    color: #969696
}

.bg-g {
    background-color: #f9f9f9
}

.bg-dg {
    color: #969696;
    background-color: #dfdfdf
}

.bg-bg {
    color: #666;
    background-color: #c8c8c8
}

.bg-r {
    color: #fff;
    background-color: #fa9090
}

.bd {
    display: inline-block;
    padding: 5px 15px;
    margin-right: 15px;
    color: #666
}

.bd-no {
    background-color: #fafafa;
    border: 1px solid transparent
}

.bd-g {
    border: 1px solid #e5e5e5
}

.bd-dg {
    border: 1px solid #666
}

.avatar .show > div {
    margin-bottom: 15px
}

.avatar img {
    margin-right: 15px;
    border: 1px solid #e5e5e5
}

.main-page {
    overflow: hidden;
    width: 1140px;
    margin: 0 auto;
    padding-right: 0
}

    .main-page:after, .main-page:before {
        content: " ";
        display: table
    }

    .main-page:after {
        clear: both
    }

.main-left-bar {
    width: 247px
}

.main-page-search .main-page-search-text {
    height: 37px;
    border: 2px solid #63d3ee
}

.main-page-search .htp-stable-btn {
    height: 37px;
    width: 135px
}

.main-page .main-body-carousel .carousel-indicators {
    bottom: -7px
}

.hot-position-title {
    margin-top: 10px;
    padding: 10px 0 7px;
    font-size: 16px;
    border: 1px solid #ecedf1
}

.hot-position-title-text, .man-right-bar {
    padding-left: 10px
}

.man-right-bar {
    width: 893px;
    padding-bottom: 50px
}

.img-responsive {
    width: 100%
}

.main-page-head {
    margin: 0 auto;
    padding-top: 10px
}

    .main-page-head:after, .main-page-head:before {
        content: " ";
        display: table
    }

    .main-page-head:after {
        clear: both
    }

.main-search-input-button {
    font-size: 16px
}

.main-search-icon {
    padding: 9px 40px;
    font-size: 18px;
    color: #fff;
    background-color: #64d3ee;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    top: 4px
}

.page-head-hot-word-outside-wrapper {
    height: 38px
}

.page-head-hot-word {
    padding-top: 8px
}

    .page-head-hot-word .hot-words-list {
        padding-left: 5px;
        margin-bottom: 0;
        padding-bottom: 0
    }

        .page-head-hot-word .hot-words-list li {
            color: #64d3ee;
            cursor: pointer
        }

            .page-head-hot-word .hot-words-list li + li {
                margin-left: 20px
            }

.main-body-image {
    margin-top: 10px
}

    .main-body-image > a {
        display: inline-block;
        width: 33.333%;
        padding: 0 2px
    }

        .main-body-image > a:first {
            padding-left: 0;
            padding-right: 4px
        }

        .main-body-image > a:last-child {
            padding-right: 0;
            padding-left: 4px
        }

    .main-body-image img {
        height: 150px;
        width: 100%
    }

.like-pos-list-title {
    margin-top: 15px;
    padding: 10px 0 7px 20px;
    box-shadow: 0 0 3px 1px #ecedf1;
    font-size: 16px
}

.like-position-title-text {
    padding-left: 10px
}

.like-position-content {
    border: 1px solid #e1e1e3;
    border-bottom: 0;
    margin-top: 10px;
    position: relative
}

.like-position-point {
    padding-left: 3px;
    padding-right: 3px;
    position: relative
}

.main-position-companyName {
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #555
}

    .main-position-companyName:hover {
        color: #64d3ee
    }

.bonus {
    color: #f86868;
    margin-left: 8px;
    font-size: 14px
}

    .bonus .bouns-icon {
        width: 16px;
        vertical-align: middle
    }

    .bonus .bouns-time {
        font-size: 10px;
        color: #b2b2b2;
        margin-left: 5px
    }

    .bonus.bouns-inline {
        margin-left: 0
    }

.main-body-carousel .carousel-indicators {
    bottom: -7px
}

.handle-icon-container {
    padding: 8px 9px;
    background-color: #c2c2c2;
    color: #fff;
    position: fixed;
    right: 0;
    bottom: 70px;
    cursor: pointer;
    z-index: 999
}

    .handle-icon-container .icon-text {
        display: none
    }

    .handle-icon-container:hover {
        background-color: #64d3ee
    }

        .handle-icon-container:hover .icon-text {
            display: inline
        }

    .handle-icon-container img {
        width: 17px;
        height: 17px
    }

    .handle-icon-container + .handle-icon-container {
        bottom: 20px
    }

.div-replenish {
    padding: 32px 37px;
    border-radius: 4px;
    position: relative
}

    .div-replenish .tag-select {
        margin-top: 10px
    }

    .div-replenish .form-replenish {
        margin-bottom: 40px
    }

    .div-replenish .focus-city .tag-select {
        margin-top: 0
    }

    .div-replenish .replenish-focus-function .dropdown-menu {
        width: 520px
    }

    .div-replenish .tabs-content-top {
        display: none
    }

    .div-replenish h4 {
        margin-bottom: 30px
    }

    .div-replenish .focus-btn {
        width: 110px;
        margin-left: 208px;
        position: absolute;
        bottom: 32px
    }

    .div-replenish .form-replenish .focus-bottom {
        margin-bottom: 30px
    }

    .div-replenish .form-replenish .city-bottom {
        margin-bottom: 10px
    }

    .div-replenish .form-replenish .pull-right {
        padding-left: 0;
        position: relative;
        top: -9px
    }

    .div-replenish .form-replenish .city-bottom div p {
        position: relative;
        top: -40px
    }

    .div-replenish .has-error .btn-group button {
        border-color: #a94442
    }

#htp-select .htp-select select {
    color: #555
}

#htp-select select {
    box-shadow: none;
    border: 1px solid #e5e5e5
}

#htp-select .htp-select select {
    cursor: pointer;
    font-size: 12px;
    padding: 0
}

.main-search-result {
    width: 1200px;
    margin: 0 auto
}

    .main-search-result .htp-tips-warning {
        margin-bottom: 15px
    }

        .main-search-result .htp-tips-warning i {
            color: #ffcc61;
            margin-top: 3px;
            cursor: pointer
        }

    .main-search-result .htp-checkbox > input {
        cursor: pointer
    }

    .main-search-result #htp-select {
        margin-top: 4px;
        margin-right: 7px
    }

    .main-search-result .main-body-image {
        margin-bottom: 15px
    }

        .main-search-result .main-body-image > a {
            display: inline-block;
            width: 33.333%;
            padding: 0 2px
        }

            .main-search-result .main-body-image > a:first {
                padding-left: 0;
                padding-right: 4px
            }

            .main-search-result .main-body-image > a:last-child {
                padding-right: 0;
                padding-left: 4px
            }

        .main-search-result .main-body-image img {
            height: 150px;
            width: 100%
        }

.main-search-head-input {
    margin-bottom: 15px
}

    .main-search-head-input .search-input {
        height: 37px;
        border: 2px solid #63d3ee
    }

    .main-search-head-input .input-search-btn {
        height: 37px;
        width: 135px
    }

    .main-search-head-input .input-search-icon {
        font-size: 16px
    }

.main-search-result .main-body-carousel {
    margin-bottom: 15px;
    margin-top: 8px
}

    .main-search-result .main-body-carousel img {
        height: 150px
    }

    .main-search-result .main-body-carousel .carousel-indicators {
        bottom: -7px
    }

.main-search-position-content {
    border: 1px solid #eee;
    border-bottom: none;
    margin-top: 15px
}

    .main-search-position-content .htp-list-item, .main-search-position-content :last-child {
        margin-bottom: 0
    }

    .main-search-position-content.likeFlag {
        margin-bottom: 20px
    }

    .main-search-position-content .basic-info-tabs > .basic-info-tab {
        width: 116px
    }

    .main-search-position-content .basic-info-tabs .orderby, .main-search-position-content .basic-info-tabs .search-position-amount {
        font-size: 12px;
        color: #969696;
        margin: 13px 25px 0 0
    }

        .main-search-position-content .basic-info-tabs .orderby.active, .main-search-position-content .basic-info-tabs .search-position-amount.active {
            color: #48cdee
        }

        .main-search-position-content .basic-info-tabs .orderby i, .main-search-position-content .basic-info-tabs .search-position-amount i {
            font-size: 12px
        }

    .main-search-position-content .home-tips {
        color: #bbb;
        padding: 15px 25px;
        border-bottom: 1px solid #eee;
        border-left: none;
        list-style: none
    }

        .main-search-position-content .home-tips:hover {
            border-left-color: #fff;
            background-color: #fff
        }

.main-search-position-title {
    border-bottom: 1px solid #e1e1e3;
    padding: 7px 18px 8px 25px;
    background-color: #f1f1f1
}

.search-position-title-order {
    padding-left: 30px
}

.search-position-filter-select {
    border: 0;
    box-shadow: none;
    width: 160px;
    color: #555;
    position: relative;
    top: -3px
}

.search-position-title-name {
    position: relative;
    top: 6px
}

.main-search-left-bar {
    width: 965px
}

.main-search-menu-bar {
    margin-right: 15px;
    width: 220px
}

.main-search-menu {
    list-style-type: none;
    padding: 0;
    text-align: center;
    margin-bottom: 15px;
    border: 1px solid #e5e5e5
}

    .main-search-menu li {
        padding: 10px 0;
        cursor: pointer
    }

        .main-search-menu li.active, .main-search-menu li:hover {
            color: #48cdee
        }

    .main-search-menu .title {
        background-color: #f9f9f9
    }

.main-search-condition {
    width: 965px;
    color: #666
}

.show-selected-condition {
    font-size: 12px;
    color: #666;
    padding: 10px 25px;
    margin-bottom: -1px;
    border: 1px solid #e5e5e5
}

    .show-selected-condition > .function-title {
        width: 80px;
        text-align: left;
        padding-top: 3px;
        font-weight: 700
    }

.fold-select-condition {
    width: 94px;
    height: 37px;
    margin-left: 15px;
    font-size: 12px;
    line-height: 37px;
    text-align: center;
    border: 1px solid #e5e5e5
}

    .fold-select-condition img {
        width: 17px;
        height: 13px;
        padding-left: 2px
    }

.show-selected-condition .condition-selected-list {
    padding-right: 20px;
    position: relative
}

    .show-selected-condition .condition-selected-list > .condition-selected-list-item {
        border: 1px solid #e5e5e5;
        padding: 3px 0 1px;
        border-radius: 3px;
        margin-left: 7px
    }

        .show-selected-condition .condition-selected-list > .condition-selected-list-item:hover {
            border-color: #48cdee
        }

    .show-selected-condition .condition-selected-list .condition-selected-list-item:first-child {
        margin-left: -10px
    }

.selected-list-item-delete {
    padding: 0 6px 0 3px;
    text-align: center
}

    .selected-list-item-delete:hover {
        color: #48cdee
    }

.selected-list-item-children {
    padding: 0 8px;
    line-height: 25px
}

.selected-list-item-name {
    padding-left: 6px
}

.filter-ctn {
    font-size: 12px;
    padding: 10px 25px
}

    .filter-ctn:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 6px
    }

    .filter-ctn .function-title {
        line-height: 25px;
        font-weight: 700
    }

    .filter-ctn .more {
        padding: 5px 0 0 5px
    }

        .filter-ctn .more span {
            color: #48cdee
        }

        .filter-ctn .more.city {
            border: 1px solid #e5e5e5;
            border-radius: 3px;
            padding: 2px 5px 0
        }

    .filter-ctn .filter-list {
        margin-bottom: 0;
        padding: 0;
        line-height: 25px;
        width: 770px;
        float: left;
        margin-left: 15px
    }

        .filter-ctn .filter-list > li {
            line-height: 25px;
            margin-right: 24px;
            position: relative;
            display: inline-block
        }

            .filter-ctn .filter-list > li.active {
                color: #64d3ee
            }

.filter-sub-list {
    border: 1px solid #e5e5e5;
    padding: 0;
    position: absolute;
    width: 160px;
    color: #555;
    top: 100%;
    background-color: #fff;
    list-style: none;
    z-index: 1;
    display: none
}

    .filter-sub-list.active {
        display: block
    }

    .filter-sub-list > li {
        padding: 10px;
        position: relative
    }

        .filter-sub-list > li:last-child {
            border-bottom: none
        }

        .filter-sub-list > li .triangle-active {
            margin-top: 5px
        }

    .filter-sub-list .grand-child-function {
        left: 158px;
        top: -1px;
        border: 1px solid #e1e1e3;
        z-index: 999
    }

        .filter-sub-list .grand-child-function > .activeFuncLevel4 {
            color: #64d3ee
        }

.main-search-function {
    background-color: #f9f9f9;
    position: relative;
    z-index: 2
}

    .main-search-function > .function-list .child-function {
        border: 1px solid #e1e1e3
    }

        .main-search-function > .function-list .child-function li {
            padding: 10px 8px 13px 15px;
            border-bottom: 1px solid #e1e1e3;
            width: 160px
        }

        .main-search-function > .function-list .child-function > .child-function-item {
            position: relative
        }

            .main-search-function > .function-list .child-function > .child-function-item .triangle-active.triangleActive, .main-search-function > .function-list .child-function > .child-function-item > .child-function-item-name.selectActive {
                color: #64d3ee
            }

.industry-triangle:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    left: 40%;
    top: 18px;
    background-color: #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border: 1px solid #ccc;
    border-right-color: transparent;
    border-top-color: transparent;
    border-radius: 0 100% 0 0;
    z-index: 5;
    display: none
}

.industry-triangle.activeIndustry:after {
    display: block
}

.child-industry {
    color: #555;
    display: none;
    position: absolute;
    width: 360px;
    border: 1px solid #e1e1e3;
    background-color: #fff;
    padding: 10px 10px 10px 0;
    top: 100%;
    z-index: 3;
    left: -100px;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.18)
}

    .child-industry.active, .child-industry.activeIndustry {
        display: block
    }

    .child-industry > .child-industry-item {
        padding: 0 16px;
        border-right: 1px solid #ddd;
        margin-bottom: 5px;
        line-height: 1em
    }

        .child-industry > .child-industry-item:last-child {
            border: 0 none
        }

.child-industry-item:hover {
    color: #64d3ee;
    text-decoration: underline
}

.all-condition {
    border: 1px solid #e5e5e5
}

    .all-condition > .main-search-condition.empty-border {
        border: none
    }

    .all-condition > .main-search-work-city .cityActive {
        color: #64d3ee
    }

    .all-condition > .main-search-work-city.fold {
        border: 0;
        margin-bottom: 0
    }

.main-search-salary {
    background-color: #f9f9f9
}

    .main-search-salary .salaryActive {
        color: #64d3ee
    }

    .main-search-salary .main-search-salary-list, .main-search-work-city .search-work-city-list {
        margin-left: -10px
    }

        .main-search-salary .main-search-salary-list li, .main-search-work-city .search-work-city-list li {
            padding-left: 20px
        }

.main-search-select-width {
    width: 90%
}

.main-search-wechat-code {
    margin-top: 10px;
    position: relative
}

    .main-search-wechat-code .wechat-subscribe {
        position: absolute;
        width: 80px;
        left: 157px;
        top: 62px
    }

    .main-search-wechat-code .code-bg {
        width: 200px
    }

    .main-search-wechat-code .main-search-wechat-2dcode, .main-search-wechat-code .main-search-wechat-code-shadow {
        position: absolute;
        left: 157px;
        top: 62px
    }

    .main-search-wechat-code .main-search-wechat-code-shadow {
        width: 80px;
        height: 80px;
        background-color: #fff;
        opacity: .4
    }

.main-search-demandLevel label {
    cursor: pointer;
    margin-left: 10px;
    line-height: 25px
}

.main-search-demandLevel > .htp-checkbox {
    margin-left: 8px
}

.focus-show-modal-window .modal-dialog {
    width: 550px;
    min-height: 490px
}

.banner-slider-outside-wrapper, .swiper-container {
    height: 250px;
    margin-bottom: 20px;
    margin-top: 8px;
    width: 1200px
}

    .swiper-container .img-responsive {
        width: 1200px;
        height: 250px
    }

    .swiper-container .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .swiper-container .swiper-pagination {
        bottom: 0;
        background-color: rgba(0,0,0,.8);
        padding: 14px;
        height: 62px
    }

        .swiper-container .swiper-pagination .swiper-pagination-bullet {
            width: 140px;
            height: 35px;
            margin: 0 16px;
            opacity: .5;
            border-radius: 0
        }

            .swiper-container .swiper-pagination .swiper-pagination-bullet img {
                width: 140px;
                height: 35px
            }

        .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
            opacity: 1
        }

            .swiper-container .swiper-pagination .swiper-pagination-bullet-active img {
                border: 1px solid hsla(0,0%,100%,.5)
            }

    .swiper-container .home-name > a {
        color: #8b8b8b
    }

.synonym-tips {
    margin-left: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    color: #b2b2b2
}

.warning-block {
    position: relative;
    background: #fffeed;
    color: #333;
    border: 1px solid #ffe0a0;
    padding: 10px 45px;
    margin: 15px 0
}

    .warning-block .symbol {
        color: #fff;
        background: #fd9716;
        width: 15px;
        display: inline-block;
        height: 15px;
        text-align: center;
        border-radius: 50%;
        line-height: 15px;
        font-weight: 700;
        position: absolute;
        left: 25px;
        top: 12px
    }

    .warning-block .link {
        cursor: pointer;
        color: #fd9716;
        margin: 0 6px
    }

        .warning-block .link.light {
            opacity: .5
        }

.company-search-list .avatar, .company-search-list .company-detail-logo-null {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    margin-right: 20px
}

.company-search-list .company-detail-logo-null {
    text-align: center;
    line-height: 40px;
    display: inline-block;
    background-color: #48cdee;
    color: #fff
}

.company-search-list .name {
    vertical-align: middle;
    max-width: 6em
}

.company-search-list .indus-text {
    vertical-align: middle;
    max-width: 12em
}

.company-search-list th i {
    margin-left: 5px;
    font-weight: 400;
    color: #bbb
}

.message-ctn {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0
}

.message-menu {
    width: 220px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background-color: #f9f9f9
}

    .message-menu ul {
        padding: 0;
        margin: 0
    }

    .message-menu li {
        border-bottom: 1px solid #e5e5e5;
        list-style: none
    }

        .message-menu li:last-child {
            border: 0 none;
            border-radius: 0 0 5px 5px
        }

        .message-menu li:first-child {
            border-radius: 5px 5px 0 0
        }

        .message-menu li.active {
            background-color: #fff;
            border-left: 3px solid #48cdee
        }

        .message-menu li a {
            display: block;
            padding: 10px 15px;
            color: #8b8b8b;
            position: relative
        }

            .message-menu li a i {
                margin-right: 10px
            }

    .message-menu .unread {
        position: absolute;
        right: 10px;
        top: 13px;
        padding: 0 5px;
        font-size: 12px;
        border-radius: 10px;
        color: #fff;
        background-color: #ff7474
    }

.message-main {
    margin-left: 235px
}

.msg-item {
    border: 1px solid #e5e5e5;
    padding: 10px 20px 20px;
    margin-bottom: 15px
}

    .msg-item, .msg-item .msg-icon {
        position: relative
    }

        .msg-item .msg-icon i {
            color: #48cdee;
            font-size: 30px;
            float: left
        }

        .msg-item .msg-icon .red {
            border-radius: 50%;
            border: 2px solid #fff;
            background-color: #ff7474;
            position: absolute;
            top: 7px;
            left: 20px;
            width: 8px;
            height: 8px
        }

        .msg-item .close {
            color: #8b8b8b;
            cursor: pointer;
            font-size: 14px;
            position: absolute;
            right: 13px;
            top: 13px;
            opacity: 1
        }

            .msg-item .close:hover {
                color: #48cdee
            }

        .msg-item .title {
            font-size: 14px;
            margin: 15px 0
        }

        .msg-item .msg-item-ctn {
            margin-left: 50px
        }

        .msg-item p {
            margin-bottom: 3px;
            color: #8b8b8b
        }

        .msg-item .msg-bottom {
            margin-top: 15px
        }

            .msg-item .msg-bottom a {
                cursor: pointer
            }

        .msg-item .time {
            font-size: 12px;
            color: #b2b2b2;
            padding-top: 6px
        }

.right {
    float: right
}

.basic-info {
    width: 1200px;
    margin: 0 auto;
    padding-top: 14px;
    padding-right: 0
}

.basic-info-all {
    padding-bottom: 10px;
    border: 1px solid #ecedf1;
    border-top: none
}

.basic-info-tabs {
    width: 100%;
    background-color: #f1f1f1
}

.basic-info-tab {
    width: 150px;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    border-top: 3px solid transparent;
    float: left
}

.selected {
    border-top-color: #48cdee;
    background-color: #fff
}

.basic-info-content {
    max-width: 1000px;
    margin: 30px auto
}

    .basic-info-content .tips {
        font-size: 14px
    }

    .basic-info-content .contact {
        background: #f9f9f9;
        border-radius: 3px;
        height: 250px;
        margin-right: 30px;
        margin-bottom: 50px;
        min-width: 156px;
        padding: 20px 10px;
        text-align: center
    }

        .basic-info-content .contact > div {
            height: 180px;
            position: relative
        }

            .basic-info-content .contact > div span.close {
                position: absolute;
                cursor: pointer;
                right: -30px;
                top: -30px;
                font-size: 18px;
                font-weight: 700;
                color: #fff;
                background: #000;
                opacity: .3;
                padding-top: 20px;
                padding-right: 23px;
                border-radius: 50%;
                width: 60px;
                display: block;
                line-height: 45px;
                height: 60px;
                -webkit-clip-path: polygon(0 50%,50% 50%,50% 100%,0 100%);
                clip-path: polygon(0 50%,50% 50%,50% 100%,0 100%)
            }

        .basic-info-content .contact img {
            width: 135px
        }

        .basic-info-content .contact input {
            width: 90%;
            margin-left: 10px
        }

        .basic-info-content .contact .has-error .validation-invalid {
            position: absolute;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            left: 50%;
            width: 100%
        }

        .basic-info-content .contact .seperator {
            margin: 20px 0;
            height: 1px
        }

        .basic-info-content .contact .no-code {
            padding-top: 80px;
            color: #bbb
        }

    .basic-info-content .title {
        text-align: center;
        line-height: 24px;
        margin-bottom: 10px;
        margin-top: 30px
    }

        .basic-info-content .title i {
            font-size: 24px;
            vertical-align: middle;
            color: #bbb
        }

.span-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857
}

.basic-info-button {
    display: inline-block;
    width: 110px;
    text-align: center
}

.basic-info-input {
    margin-bottom: 20px;
    width: 350px
}

.impowerBox .qrcode {
    width: 200px
}

.impowerBox .title {
    display: none
}

.impowerBox .info {
    width: 200px
}

.status_icon {
    display: none
}

.impowerBox .status {
    text-align: center
}

.personal-setting-wechat {
    border: 1px solid #e1e1e3;
    width: 240px
}

    .personal-setting-wechat .qrcode {
        margin: 20px 20px 0
    }

    .personal-setting-wechat .wechat-qrcode-wrap {
        width: 201px;
        height: 201px;
        margin: 20px auto 0
    }

        .personal-setting-wechat .wechat-qrcode-wrap img {
            width: 100%
        }

    .personal-setting-wechat p {
        padding: 20px 13px
    }

.revise-title {
    padding-bottom: 10px;
    vertical-align: middle
}

.revise-ctn {
    background-color: #f1f1f1;
    padding: 15px;
    margin-bottom: 35px
}

.revise-btn {
    color: #35c6e9
}

.revise {
    background-color: #f1f1f1;
    margin-top: -25px
}

.form-horizontal .span-parentheses {
    color: #b2b2b2
}

.basic-info-content .signature {
    position: relative;
    margin-top: -15px
}

    .basic-info-content .signature .signature-details-bg, .basic-info-content .signature .signature-form-bg, .basic-info-content .signature .signature-not-yet-bg {
        background-color: #fafafa;
        width: 663px;
        padding-top: 5px;
        margin-left: 173px
    }

    .basic-info-content .signature .signature-not-yet-bg {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .basic-info-content .signature .span-not-yet {
        padding-left: 33px;
        color: #b2b2b2
    }

    .basic-info-content .signature .signature-details-bg {
        font-size: 12px;
        padding-left: 35px;
        padding-top: 23px;
        padding-bottom: 17px
    }

        .basic-info-content .signature .signature-details-bg p {
            margin-bottom: 9px
        }

    .basic-info-content .signature .signature-form-bg {
        padding-bottom: 5px
    }

    .basic-info-content .signature .set-signature {
        position: absolute;
        right: 215px;
        bottom: 5px;
        color: #48cdee;
        font-size: 12px
    }

        .basic-info-content .signature .set-signature:hover {
            color: #7bdcf5
        }

    .basic-info-content .signature .control-label {
        text-align: right;
        padding-right: 0
    }

        .basic-info-content .signature .control-label span {
            display: inline-block;
            text-align: left;
            padding-left: 10px
        }

    .basic-info-content .signature .form-control {
        width: 276px;
        margin-left: 18px;
        display: inline-block
    }

    .basic-info-content .signature .signature-form {
        padding-top: 17px
    }

        .basic-info-content .signature .signature-form p {
            margin-bottom: 0
        }

    .basic-info-content .signature .form-group {
        margin-bottom: 10px
    }

    .basic-info-content .signature .signature-btn-group {
        margin-left: 17px
    }

        .basic-info-content .signature .signature-btn-group .btn-default {
            margin-left: 15px
        }

.basic-info-content .form-group .control-label-text {
    text-align: right;
    padding-right: 30px
}

.basic-info-content .form-group .span-control-text {
    padding-left: 50px
}

.basic-info-content .signature .signature-btn-group .btn {
    width: 52px;
    height: 24px;
    padding: 0;
    font-size: 12px
}

.basic-info-content .signature .form-group .validation-invalid {
    margin-left: 23px
}

.basic-info-content .text-btn {
    background-color: #fff;
    border: none;
    color: #48cdee;
    text-align: right
}

    .basic-info-content .text-btn:hover {
        color: #7bdcf5
    }

    .basic-info-content .text-btn .basic-info-button {
        text-align: right;
        width: 92px
    }

.basic-info-content .revise-ctn {
    width: 833px;
    position: relative;
    left: -30px
}

.basic-info-content .signature .detail-set-signature {
    bottom: 26px
}

.basic-info .email-selected {
    cursor: pointer;
    width: 170px;
    position: relative;
    top: -54px;
    left: 50px
}

.basic-info .basic-info-content .htp-select {
    width: 180px;
    position: relative;
    top: 20px
}

.basic-info .basic-info-content .email-input {
    margin-bottom: 0
}

.auth-code-block > .get-code-remind-text {
    line-height: 32px;
    padding-left: 14px;
    cursor: pointer
}

    .auth-code-block > .get-code-remind-text span {
        padding-left: 2px;
        font-size: 12px;
        color: #64d3ee
    }

.auth-code-course-modal {
    padding: 10px 8px 20px 20px
}

    .auth-code-course-modal > .close-icon > i {
        font-size: 18px
    }

    .auth-code-course-modal .email-course-img {
        width: 878px
    }

form span p {
    margin: 5px 0 0
}

.basic-info .personal-setting-align-left {
    margin-left: 52px
}

.consultant-index.schedule {
    position: relative;
    padding-top: 15px
}

.schedule-head .htp-btn-link-gray {
    vertical-align: middle;
    margin-left: 0;
    padding-left: 0;
    margin-top: 10px
}

.schedule-head a.btn {
    color: #666;
    border: 1px solid #e5e5e5
}

    .schedule-head a.btn:hover {
        color: #48cdee
    }

    .schedule-head a.btn.active {
        background-color: #fafafa;
        box-shadow: inset 1px 1px 5px rgba(0,0,0,.08)
    }

.add-day-event {
    position: absolute;
    right: 66px;
    z-index: 2;
    top: 70px
}

    .add-day-event.no-event {
        right: 35%;
        top: 50%
    }

.schedule-day-ctn {
    border: 1px solid #e5e5e5;
    margin-top: 15px
}

.schedule-cur {
    padding: 30px;
    border-bottom: 1px solid #e5e5e5
}

    .schedule-cur .date {
        font-size: 36px;
        color: #48cdee
    }

        .schedule-cur .date .active {
            color: #48cdee;
            background-color: #fafafa
        }

.schedule-datepicker {
    padding: 20px 30px
}

    .schedule-datepicker table {
        width: 100%
    }

        .schedule-datepicker table .has-event {
            position: relative
        }

            .schedule-datepicker table .has-event:after {
                content: "";
                position: absolute;
                bottom: 3px;
                left: 50%;
                margin-left: -3px;
                width: 4px;
                height: 4px;
                background-color: #48cdee;
                border-radius: 50%
            }

        .schedule-datepicker table button {
            border: none;
            color: #969696;
            padding: 7px 10px;
            outline: 0;
            box-shadow: none
        }

            .schedule-datepicker table button .text-muted {
                color: #b2b2b2
            }

            .schedule-datepicker table button .text-info {
                color: #48cdee
            }

            .schedule-datepicker table button.btn-info {
                background-color: #f0fbfd
            }

            .schedule-datepicker table button.active {
                background-color: #48cdee;
                border: none;
                box-shadow: none
            }

                .schedule-datepicker table button.active:hover {
                    background-color: #78dcf5
                }

                .schedule-datepicker table button.active .text-info {
                    color: #fff
                }

        .schedule-datepicker table thead tr:first-child th {
            padding-bottom: 10px
        }

            .schedule-datepicker table thead tr:first-child th button {
                font-size: 14px
            }

.schedule-day .fc-toolbar.fc-header-toolbar {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -40%;
    width: 70%
}

.schedule-day .fc-toolbar h2 {
    display: inline-block;
    font-size: 16px;
    margin: 0 15px;
    color: #666
}

.schedule-day .fc-center .fc-button {
    background: none;
    border: 0;
    box-shadow: none;
    color: #969696
}

.schedule-day .fc-view-container {
    margin: -1px
}

.schedule-day .fc-list-empty {
    color: transparent
}

.schedule-ctn {
    border: none
}

    .schedule-ctn .fc-view-container {
        margin-top: 20px;
        padding-bottom: 20px
    }

    .schedule-ctn .fc-widget-header {
        background-color: #f9f9f9;
        font-size: 12px
    }

        .schedule-ctn .fc-widget-header span {
            line-height: 2em
        }

        .schedule-ctn .fc-widget-header .fc-close {
            line-height: 1.2em
        }

    .schedule-ctn .add-event.htp-btn-empty, .schedule-ctn .add-event.htp-btn-icon, .schedule-ctn .add-event.htp-btn-l, .schedule-ctn .add-event.htp-btn-link, .schedule-ctn .add-event.htp-btn-link-gray, .schedule-ctn .add-event.htp-btn-m, .schedule-ctn .add-event.htp-btn-red, .schedule-ctn .add-event.htp-btn-s, .schedule-ctn .add-event.htp-btn-xs, .schedule-ctn .htp-btn.add-event {
        padding: 0;
        font-size: 12px;
        color: #b2b2b2;
        opacity: .3
    }

        .schedule-ctn .add-event.htp-btn-empty:hover, .schedule-ctn .add-event.htp-btn-icon:hover, .schedule-ctn .add-event.htp-btn-l:hover, .schedule-ctn .add-event.htp-btn-link-gray:hover, .schedule-ctn .add-event.htp-btn-link:hover, .schedule-ctn .add-event.htp-btn-m:hover, .schedule-ctn .add-event.htp-btn-red:hover, .schedule-ctn .add-event.htp-btn-s:hover, .schedule-ctn .add-event.htp-btn-xs:hover, .schedule-ctn .htp-btn.add-event:hover {
            opacity: 1;
            color: #969696
        }

    .schedule-ctn .fc-event {
        border-radius: 2px;
        padding: 2px 2px 0;
        line-height: 1;
        cursor: pointer
    }

.schedule-event-box {
    position: absolute;
    width: 450px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition: all .2s ease-out .2s;
    z-index: 5;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.2)
}

    .schedule-event-box:before {
        left: -10px;
        border-right: 10px solid #e5e5e5
    }

    .schedule-event-box:after, .schedule-event-box:before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 10px;
        border-left: none;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent
    }

    .schedule-event-box:after {
        left: -8px;
        border-right: 10px solid #fff
    }

    .schedule-event-box.active {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .schedule-event-box.left {
        -webkit-transform-origin: top right;
        transform-origin: top right
    }

        .schedule-event-box.left:before {
            border-left: 10px solid #e5e5e5;
            right: -10px
        }

        .schedule-event-box.left:after, .schedule-event-box.left:before {
            border-right: none;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            left: auto
        }

        .schedule-event-box.left:after {
            border-left: 10px solid #fff;
            right: -8px
        }

    .schedule-event-box .close {
        font-size: 14px;
        position: absolute;
        right: 10px;
        top: 12px;
        display: inline-block;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        transition: all .2s ease-in;
        opacity: .5
    }

        .schedule-event-box .close:hover {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            color: #ff7474;
            opacity: .8
        }

    .schedule-event-box .title {
        font-size: 14px;
        font-width: normal;
        background-color: #48cdee;
        color: #fff;
        padding: 4px;
        margin: 5px;
        line-height: 1.5em
    }

    .schedule-event-box p {
        margin: 0 10px 5px;
        color: #969696
    }

    .schedule-event-box .notify-text {
        font-size: 12px
    }

    .schedule-event-box .date {
        margin-bottom: 15px;
        color: #666
    }

    .schedule-event-box .connect {
        font-size: 12px;
        color: #b2b2b2;
        margin-top: 5px
    }

    .schedule-event-box .option {
        background-color: #f9f9f9;
        color: #b2b2b2;
        padding: 5px 10px
    }

        .schedule-event-box .option button {
            margin: 0
        }

.schedule-event-form {
    padding: 15px 10px
}

    .schedule-event-form h2 {
        text-align: center;
        font-size: 16px;
        margin-bottom: 15px;
        margin-top: 10px
    }

    .schedule-event-form .form-group {
        margin-bottom: 10px
    }

        .schedule-event-form .form-group > div {
            padding-right: 0;
            padding-left: 5px
        }

        .schedule-event-form .form-group .time-ctn {
            padding-left: 0
        }

    .schedule-event-form .control-label {
        padding: 3px 10px 0;
        width: 40px;
        font-size: 12px
    }

    .schedule-event-form .form-control {
        font-size: 12px;
        color: #969696;
        padding: 3px 5px;
        height: 2em
    }

    .schedule-event-form .time {
        padding: 0;
        width: 50px;
        float: left
    }

        .schedule-event-form .time .form-control {
            text-align: center;
            border: 0;
            outline: 0;
            box-shadow: none;
            height: 1.8em
        }

    .schedule-event-form textarea.form-control {
        height: auto;
        padding: 6px 5px;
        width: 101%
    }

    .schedule-event-form .send-msg-ctn {
        padding-left: 10px;
        font-size: 12px;
        color: #969696
    }

        .schedule-event-form .send-msg-ctn .send-msg {
            width: auto
        }

    .schedule-event-form .submit-ctn {
        text-align: center
    }

        .schedule-event-form .submit-ctn button {
            padding-left: 20px;
            padding-right: 20px;
            margin-left: 10px;
            margin-right: 10px
        }

    .schedule-event-form .search-agenda {
        position: relative
    }

    .schedule-event-form .kw-list {
        list-style: none;
        padding: 0;
        width: 90%;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        font-size: 12px;
        position: absolute;
        top: 24px;
        z-index: 2
    }

        .schedule-event-form .kw-list.no-agenda {
            padding: 5px;
            color: #969696
        }

        .schedule-event-form .kw-list li {
            border-bottom: 1px solid #e5e5e5;
            padding: 5px
        }

            .schedule-event-form .kw-list li:last-child {
                border-bottom: 0
            }

            .schedule-event-form .kw-list li:hover {
                background-color: #f9f9f9
            }

            .schedule-event-form .kw-list li p {
                margin-bottom: 0
            }

.time-ctn {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-left: 5px;
    position: relative;
    width: 106px;
    display: inline-block;
    padding: 0
}

    .time-ctn span {
        vertical-align: middle;
        padding: 0;
        text-align: center
    }

    .time-ctn .remind-err {
        position: absolute;
        bottom: -27px;
        left: 0
    }

.schedule-head > .schedule-setting-btn {
    margin-left: 15px
}

.schedule-systemGenerat {
    font-size: 12px;
    padding-top: 3px
}

@font-face {
    font-family: iconfont;
    src: url(iconfont.eot?t=1543917868102);
    src: url(iconfont.eot?t=1543917868102#iefix) format("embedded-opentype"),url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAACGYAAsAAAAAMrQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8lkhjY21hcAAAAYAAAAGLAAAEQnr9I3FnbHlmAAADDAAAGv8AACb8SO1fSmhlYWQAAB4MAAAALwAAADYUsChZaGhlYQAAHjwAAAAgAAAAJAkXBOVobXR4AAAeXAAAABMAAADExTcAAGxvY2EAAB5wAAAAZAAAAGT93QbabWF4cAAAHtQAAAAfAAAAIAFNAR5uYW1lAAAe9AAAAUUAAAJtPlT+fXBvc3QAACA8AAABWwAAAgXtx86keJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWOcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeyT9LY27438AQw9zK0AgUZgTJAQDpdAx0eJzl1MtOEwEYxfF/oSIo3gAVr9zvUBtjIMG7siiCioQgCSyKC57TpzkrVrwAnK/Hnb6BM/k1mS/pzOR8pwWuAf22ak1oXNCgjnNPG715Pzd68ya/fT3GXU+aamlDW9rXgY50rFOdXV6CJrSuTXU8PfS0m+lfR8N3eckrOpz47Pr81Zv21Z39RgNcZ5AhP/cmw9ziNnf81HuMMOpv3ucBDxnnEY95wlOe8ZwJJplimhlmmWOeBRZZYpkVv/8aLV7Q9gMG/vEu/9sxXB99e3+u2rWzqG1rMrwJNBXVDk1HNUQzUc3RbHhjaC68OzQf3iJaCO8TLUY1SkvhHaPlqLfTSnjvaDXcALQW7gJqhVuB1sP9QBvhpqDNcGfQ63B70Jtwj9DbcKPQu3C30Ptwy9CHcN/Qx3Dz0KdwB9HncBvRVriXqBNuKNoOKu8vQeW9E1Teu0Hl/TWovL8Flff3oPLeCyrvH0HlvR9U3gdB5X0YVN4/g8r7KOpfQMdB5d0NKu/T8G8JnQXtKzR7l9UAeJyFegl4HNWVbp17a+m1qqu7ll6kbnW3uqu1uCX1Kmtp2ViLDfKGQRjHNrLB2GAwxoA9GAzSgAkGsxgwwWHJkAQImEzAzEJMSHBm4sC8R4LzBWYmMwzwAmT4vgRw3jcPZrDK79xqyTFWMqOuuvd21a1b59x7zn/+c1sc5biTz9Mf0XmclzO5IscJWc6qcFWDM0WOyiDFwaxBNQ+mVNTTOjvT5XS5yE6raBpmsTIA8NkR+6QgABz5MYAg2Cd//PR7PP/e00+/Jwjv+SY27NixY/7OnTs33nT2SpcbJO/KpazvkXrfI/gsXeb0rj+z+7elRaVNm7D47YtKOGT8DYd/Asp5mOfoJMqpcTluAbeK48CRzHKkrMZBE1PZUkXAr1VVyAhqNdsPkpoRMioYppGAaqWKD1SsUp6kZKKLZhxCqJ4hyaCADKlsB+BoWexEuOpCgIXVykJCFlaSbW3z29vhNiDkCvt1++snucv5A1CES+HSqVsJbelMxEutXasDPLSdu/HqS89tB0Fd/+T4JAEqn99OEp20I0HmnO/ngUzCxzC/q2s+OOXfgtWTy/VYa3xmKGmLy9cugc/DhkGap55es3YtWWl/m9KuXCTSVq79xZI07dm4tKVl6aYemjrvCThJbrkY4kP7e0l2TnuW9O4fisPFt3I8ztNRnKcGLsDFuF5uIcdlUhZkS1WoFEwwNAlEqweqcyCbTkkCKm3loUyLKk4GHgVnitSiKhVxGmXIpLJltVQpGLqqiYRT/Lbl9cI/e1Os8NqW38SJgxfthSDxPJavjNzc1dYJrQCNqfyO23bk043QahjQ2Vq4GR5z+3xBn++3InBiGAtBOMkaWLTAxx8DfDz142BASQVh2P4RTzVfAP98GoUh+yUIppRA8AqfG3rcXq/bPur2cY6uv6c/oROO7TZzXWgRqAUKjsuIaoichGaMxpzlQmnUsiSaxYKhiem6UsWCiUqB/ewHgvDBs9/9gOc/+O6MHb9St035H0QA1z9IXu8xr6r4G0ChS7HXzBNlZr6v1B95Bc156i00LI8b5IjX74O0R4nYb3sUjvnYcfoyymlyaa4DpXTmFsVgk80skImE62DV5XZ0ON33iHLLT1t52S2rQuevH3zw/3TxAdmt0Naf7tv2NUq/tm3bg5Q+uH3ldZTuWHXhDgo7QSH3bXd7wv7bn6T0ydv9YY97+30X0IeuueYh6pTwLv2zVauuJ2T7qtU3MP9ic/kB2g3hVC6KUraj3UhWEgVSUYQkSqKiNdSglE2JmiHMatCJwM/ssxaNEzK+iFyNNQxNDTd3di7s7IR5mc7ORVjPZ9+7um7/1mNkfCG01jvbb/WuegOKS4p4wBk1yiXWhaNFzuAS6PdzuUFuCc5gwaw7vmaYUhVhqFBlk2mx5WUgILGCfYEZfDDRtE2c3Qy7g2aAU1ycbqJlf10NRv7ulvuP8ovmp6+vNSYCAS/QJ/u0cLglHn9XjzflwmFK+Gd23vwUpU/dHC1Fx2OVQfsGWdP9ugnUPFhvmWQ53XAToY/sWHBl23iPVwAatzbfu8bMGoZlrGBV1rSPbb6HkHs2X34P9UqlsZYNG/WYrvtlnVUxnQNci8/pJDW4MmqakkT2MeoOahpFg1kN6pq1mAvjrXQK23mCyFWZvg5Lc+lYLM/zoWDzlYOFbQuSyWikXCJpPqGq2XxLcyzikUUhbFi1gksIxqJpIREMNlM9Ho5Y/fmxlrH7ax0LNQ94YgU+PZbVQrmEGfYSly88bzRvBoxI8isZXcvUcXmCno22rXEZ9MB+blEdl8tJve6LM0YM5aJexBMvMbnzEPoT1k5Pu07uMEaoHeKH9fM3Ev7Ivn1HKGyyF7yc/SFUM929tWpTz88nD/L8wcnJg5QenFw3QenEunUThEysG1pNyOqhodUAq+HTzufSd92Vfr6j9eH1e7/P89/fe/HD0L7pv/5rU+ieFZq26METr9InbryRecuNNz4BnxDmSITsuHDVDvshOK82sIKQFQO185gvcxwdpHFcm83cjairhXOexwCCVbkPynn0aylbP9IpUdJMtNEE83emoFGoOjpmshb2ZSZqakahUq4BtnTWrDpXnWa91QC6ppA0BidEbmdqBqBo1mfnaGfR6xFC3vZEIAhtTY2aUTX0uZrR0NQGAIHA3OU9gwAXjZ7/9HmjFxHE1WUu8Gs+UAwFfNO1P+RXTAWvupcJ3yT8WdD/jce6hwC68xueHM93AwwTsU3htYiXyDFfSiMCaWoLOn9tTYTwWsrbfXZ1z7kX7GJ4veuCFXs/EjzYSXS7RYRwH9YCsAaILrfgDwT8Al6hPPUIg6JAB6buicd9Fy0Y2t62Zm3r9qEFFzl4+QXdSt49xUn+hKX8t5xk6tE3BP7Yo48e47Hc/RzPP7d79/OUPj//zi2Tk5PDu3fv3rpn2bjLQyTvOH+q46PHyFMzPXff+nzm5Nwlc7duxeLkT9WIFv7JNBdBG7iXvI1ImUU8H+N2OTZfPoU1MjSCZhSThUo/2kZmRnZJzEKyXP8GxRpBT2XfnJibnnlSQr/phVKlmsZ7mTrDSTPTYWuuiWhIiHlFbOtpQyrWgL2BXNLYDOMLRxB20/HzxmU/AZ8C4/arMFwpLiJkqFpcCJvtJnr7hg17iF0RXX7w+ApgRd1B4EHsXU5AV3tqALK/C/gsLCStqg5kea+It4PuaDs06G6/3y30jkBWgi6fIiyAx2ILc6MbCNkw2r7IyD6wusevKP6edfufLzPaVGbkadTe2Lj5Xkrv3QwePhBUhFglkfdEozzlyVgtUQgmto7k/QHV9Jm1NRW9GB0YA7wXjbo7ErE5bkHBR+R1tXA0Coq/Y3irgzef0jupH22jAeNBiZs32z4csGSTikyPpvJQqsF04P9DO3laG07McE9WXn6w1cqdPfraxeu3QWn9TfOVsIKHkUi8qoRlOayY8TjU5IiMBzYDwrvPPP2uILz79DPvkl+Tq9df/NroOblcy8HNQ7vWl+ztcqQhIsfz8TNrNCGG8zZ9nMa4IY4zU3lSYnaLUBAnGsN8YKEMeRtqwigrXpBErU7SoIJhd6ZDDVmPhJzi7Xi5xdBDBN6PDS8ZqjZEw4TYeyVNlmALIbqut5R6SrqdIA0NcrPV7Id7fOGkz/6908MXPbsEYfsqo0yM1kpPUafwUSze2D08uiBGqb1HUkISbKNUK/fgWwzNjtLG5Y2yoshwv78p7LU/cXooMSgPNdiX6wbHkVNctIw+wkGd4MgzWFhkuNkG05BWX8AEFOtOgO4Qh2JXDYRUF0NXtZRNV/G6amVFRtYTYBQGSCVr4fj3bU3ec+Vdf+kZPA/oDatUfwD8AU9tDPGu0kBgz/Y1W8KSseomCueNynKAhuTt19uPgifh7otpoMWgV24URYm69rk0yX2Hm0qwaMs+/4VXEPrXXzU2j16EgSDUqMHyBb2LPXzjtV+nsGaJwW9ZeR7eMBtU18OIqq5uWBzQAfSA/ULVIwqiK+65TZLcN3njkgMXTvEq+RtENIthGjgEsIaunrVOQVopawnOFClOrGfzcrptk6sgoUcaoUn3zCmeMw4wfs7Z4wjzsHhg6pFH7AGvd8B+5JGpAa/deMtbPT1v3XLLmz09b8Kb4WSyMxkFsn7RwvWErF/YUNLO23ZIEA5tCyjXHOL5Q9co/8Hfu27t/QJ/7/q193N13nXyMP0e7eBcyAhTKPH53FrGu5jhibg09QYSP2yfSsMQmXR6Cu2Q00qIiRmMcagfC/y65TBdxliwCxKysvOoMDMqvKSaZioM5gtqOJwyzXeC1eAD3yPCkZv3H+Wr5Qp9YvKyxwVy765Qb2h1YS55HICPJWBR/5pUujTcbJiBQMdVi5OJh2qYvvVMPTE9GrwaToVPHfb/pQL/4m27D1F6aPfoTflHYd/WByh9YOtV+wlPB9a3bLnN64tFkkvbh65pXj8gxWMEOjEOChc90j4xuuC6gfow9Tl6gu6h63CGmhCL8lwV+Q+XSTo51LQ9q6hoJonRW61PkSqJkK468d4q5iElMhqEZEkGy/FsevuJY3611zIe2XDpwwZYvepUhjyeLAe9X71g7A5XsAzfOc67510w4D60y5O0kiWkORiiv/KiuzZWc480tS9ugpFzNwJcusK032ha3K70tspw1qI1hFw0Yv9QbiWpWLFWK4bMaPTE3UiQTHP4K3typVLO0WeKdpDf4Hrnkcv1cMPcubjmSYQeVKOYKfRDxRKms6ckSwpZWo2uScUEumthAMrprFmUqqU2zMExINKkQ7GTDGQF1mSZBOIw+b3dEE0BpKKwgQJvPyy6XCK8L7oiMs7OD10QADkkTf6FNzWx83kxBy08ecx+B9MwCZIuj8f+x1NNF/kwGZnaG0nizIYoSAK5VpAkwbYo8QvwaSQ59Z+S97DbJ+3cCB3XPwkbWwQEuz6/5sdjL56AhMhfz38+o0nynsM5nPyHZWlG0KwEGSfNkmkvFMnpDARp7HSe8XskoPLvSsXfyfTgRPtPfPTuKzbfTX1HWysjhIxUyqwsJ1tb57e2knfpozsutw8GgzB22Y5Hp8YDkL7w4lsoveXilfa/wqdwVlfXWeCU3werz8KDCzr4sYH8AP1Rc9bnLG4Zdwm3jbuNu597nPsud4T7Ofdr7jgIoDp5cD0Rqp4mrFBB/JXZhge6WkUqFmqIPWnmxBLjIY5LMxrCYkwNpErVCTKMccQZBhUM57rFjNYZwTJMgw2BHxwEcy+zfr1aYUyIjWsWnEHbwBlCrD+PaUoexGo6JQMSGXa/yrIxRxAGJSVHyiqOhSTYIUd5BidOhixPb1KwEUx8LxsCPziIifdLznVJ1J10j72XjdkLbAT4oqVSObdSaeldQsiSXqeEhmCQyqqHBALEo8om7/aBz4XkyNcnQ0fa7fO5yyOgCapC9y+riT5Vqgy73KLylCfXlfPygYBI1f5FfSovBgKP9y91K4LLPVSRVN9ZzcjW/QJVVEGHkQoOKBDC+JPk9oLfHwoRRXWzt7pVJcy7/fhWCW/3ozV2NGNvd2UEdPbaB5b2S+y1Q26XoDzlxdd6BHwtr/Yt6lcpvvZbtWUuRXS7RsrstekOkHn2Vg1Gyii+wLPBRBeqBW9BeWkZj1YYndszCjDaM3f0n5Yscbl52T046JZ5t8sbxI5B7y4tnMr7sD1UysQl3hO4ONwtBn1iQaNKwOU3whHdJUgBVzKTSboCkrC4O0xcAYVqBcEXvC+fimiSilE0ni0NseHAVx/22T/yMtW/S4vMvCwbl6hbvdicKwR9AnuZKuHLwsasl0k4M3qX6Avuy6fCmivg4aV4xnmZb/pdDpa9SPtoKxfimrkCIvM8RDPEMrRMmq0RxKQ4kdCV0UTMEIIbcvVqCPlEMoRmNsB4IVIMUbIks+psC54G0YhF30kVXDXeE8vq8Es9E/PwNalgLzQa+BofUWGlGqE1PmbY7b/784BfPHuLHBYGRJ/yrdrmi2rNvUsBTLLkAK5HCdMsaElCVcslg8FkTrNfS7bAkZRuvxbQ9QBU9RScePksd5N6NCA/E0i4f/GdavmZw2RJXz7ft+QOB7Vn9kiA8pzCJRC7LK6N7TJlzti9YXjGolGSRSe85YYqpDE4CnhmsE3XTg3Xc2Zy2KmnoDCfkPkFcrgOR/a37I4oHCvDGzG7w+6Hyxrth+gF9tfisOlsWD0E19Wftu/E+g7W/876c3Ad1vbt0Je1/94pXoG2ZvtN6pQoOhKkk/9Cv0FTX5Kf5X3/gwZCUk+aeLKPimlgBk/yhc1Na1Gvp16qS0G4ujZTe8lHU+ZhuNbey86ODhjO55uZ/L+Ylj+P9W+Y/Plp+X+B9eH83o58B1lz+PDhmf2ym+kYncRoEavvPWY0maQxrSAYHqcNTJeSalJgzIZhbQjpXbqevhUq9HwjV2q0r20o5wwjV26Avaw1d+pV0m3/2kxDqjMJqfle6W7R5xRSQ1dG17KFGDneUMhq2GpIT90znOpMpTrTlEpeAHfQA94/7JnB/8PKx/k5A2Vs4rhQWnPkKDMAF9LxaS73h9bhNZH2rvYwlJaW4djaabiAY2vYBWarD0Vao9HWCLM6i12YqWbm4zhy8YWcjmtY4PoYV6xmyxiBKlWG3CmZaHFi5oFFmKITSws1Mr0VryGIs+uijisOe1IJMxrWox5fuG9+fz4Syfe/mj1/zj0/pMeSh1aEB4YGOqPRrtpQrStqerdIf/5yk4+8zx8j1G/lk7Ww5pf9RiQyp29eXz681QzzP9n/Z985NxyJdNYW1Dqx6k/lrdA3+Lu3trTue4Wr5ykTKDvbR2Zx/7R9Y6pJabEDBbOy/ZCtoslhYAAW9DEFw1CkE+5X9juCAMlf/QqSgmC/szHo9Uh7BjGnBRGCXvubUsi9kpfcLjJXll08ncA+vzrtmRNHFczjvjLkE92hXR4JmsR3XFRsBn8Qg0HU7eZV/3T+cErGgsPET5MSSv1QYqQTQ3CVZYONGP1ZZlXtqtYnXGfx0zFQRsoxgyojO8eHKr1QdjbFFajzeKvoBPpZak0dI/IP9vRd3t7MB3W/6rs9pHhbUktbt+wXQW8yyDPFdbsG526eY4legoFS9V0FYX/AncUuVz9IAYjeqNFZytsYrXhBuO0vaTad9nj4gGePT4WknItE6b1XQsAwpMFd64qZZstDCYDqY7dBjbiy2OHBrV45GJS/vH7NZ6xfnaXpGi5itjQAFaMRKjxLpc5U8OXhMXA/1y+Qtyh9iwhlCKrkrtmr9Vzg8pFbe4RdlJCf8R76BiF0k+vC167+5hl2NO/LcoSYcVup6T3+PNvzYcSGcRdnd9c06p8iu14pOm1xloxZksuF9GikeIFVXtEgy4RP63p4qEH2h/lYSJeppGV61SAveCVNa0g0N/r94dmTPtXJWzpmrMrcTNc1g02D6c5ESDOgMRCID8dCQV+wOd6f9YgEXKFgBBJKoHHwy7qpZ1hfKA20OEtY+7lzjsN95xyfPYc1uIGE7N2OTb+DY2oOPjXXMw1dZRtnelpPltNlDMoIplm2J+Js7GcQTumHJ0peRfHCCy/A/34BXsD21H+AbMh4EO5Egf6MhhTP1IRXuaSh4RLFSyY8ytRtXnZb7iZRXCfZ2bN+HXWhGHu8GHVCDorPxJ6ueh6nq0mVvdCarmGmLpbTAp6szuBJ8TTZPmQ5WdQVpBd61RoAeN2+FDbaB4ozDXh9pmVvPHCAcAcO2HiSFyacv8Wv28WJUShACQ7ABPzGjhTh5k3woR0twoS9eLpxEp84MLX465FJ++TExIHFHxbIIYAP/wpuhmIdgyfoFtRL51q4CjeAmF+jRYEFopBM02wrIaQydl8UnG1HjKEYsESTwQCbYOTL2dBMRnM/mM29Efh+tKc1BGCk+6N2tTRKuiK+hAo/V5t8YYBCyu5MF/7O5/pf7Fc5LHbGW1r6W1rIVKSQ1kkgW45OuSJz0gYhy8rk8ykhafoUAMVnJskXyY6Osz2yrMnyVARytRwedR2OoQ7zuADqUHD8CNMNw9Qd6lWuoDtXWeYpM9GzjB2Y1enUTKIpsRGS5VI2BiUrkxV1iraUKRAu0YKUC2KtMSyh5USuDbpzUx/mMKlvy80DuH7duusJ/MvY+TA29u/QOfW7SAJiYRLuhKW5eJM+X4tGtfl6Uzz3sGXZ+63ubgs2WxbAveMbgE6uuxoy65dv27ZsfCoLY50AEAzbj4cjMIPbL/I83Y22NYdb7GRmjHamZ6hN0fkxp1ojzOURChCMgeUsKsK2LjBCioxi+mcdtnEm1guV8VX6ftAvXugdzk/dNKcPoG/OyoEer6oIvFaxVuYSohB6P14+8T1NOeccWadVMd1g2370EsH0mUYZIVXiJV4IGXNWwadGQgDbnNto39nWDb1z4K45vQQsPX5OJr8Ic+aRnrFqKWL7FA1+CZoiN7SBz4j4itfPaZEIBa/cYLWutBapthXRZvhAHS/8XITLOPt/KSa7LqKelWqa7W+VKmWWboqh05GSASIjDM7PJfVmFRc6W52eKOeo4CAKojkiOexPFqOaCpI7vFaBzmUbu2jXmgtpzxlw5AZwSUnvgstu5fWIyy9p7mKI0lKwnadla81YQsmH5sbCXlNEZKdthObg3wSXL9kQTgUaCC9KbZk1j67JxEjHOOk4E1CPuvblgqI82EL6G3N+WRClrkt4RWlb1jKMAY5idpdtNwV/S7p7gDTkk9EzYoV1Rsz6k79pFKVZKFvatWvX4OTk5BW3LlkjeUDyrVn01dmI/5/V0eqVV2Lx2ZFARDN/9JmTH8283/xDzvAlXC8OgCMIJkEhPK2qVTWrphSq6ukQilXFczbqGxsgdemlKdjwcW7pMmvpUqe8/5NPPjl+nB6fHQzs5zbAxuRG2AT2ZG7ZMguPpctyy+BcSNt7UoOpM7lPmbvgjMhaZ91Zy6Ez1WJl+kcV9mOJ4yyYxiUwndOltJXtIFmcRnY4JFjS2LaVAk6wyc7SpUp8fmo3ibLoCWs3NIYx9VhRG1gBQcEV8CkCELK9/TBIgkDFRk0jAroBlJdXQCMNRre0G166zjN7KSq8308wQsuLNRNnKprt7F8OsLw/nfR4GtabEo7aRkVeoK723UkqCqAbVqlkxSOk5b6CUCzAfxuLaVotqrNXxf/J4MHZonwDDtgHz7DF0Bk20IXLbsJsPmh/RI907gN/5+xhW5w7cpezbs8K3TiuwWVZPpfBJbBSGACcH0mps4uIcFid3mCcyeuEep5SYkkD8O/sfkCJxpRn7V9Kuj+m/LghwFNDhzlfjOIEkoSX/ytPEyFN9iGzJd9iGFiYf/uFTvR/hx94vbp9Eq7VTYiqt4S1E7d5koQkPXSnt+lt04qErY6caea+pH/wDP3/lPqfd37WeRSu/iPqd3XV75yOgV6cgQLjFF8auxAHUUrnSQXqgJdl5tpB2PaDhGGtwvbbaL1TKg+V2ULsjGVIKgaxZpKGn7mS3s67zPB9XW7TKwmUelS1+pyVe7Iq0o2xDDj9IDXbAe1UJUMgVWme+sgNyvlFKmRXK25mgUY4l7usW6Tz1vsaiYzdIF3OcF/WS+MaudYzbHDmnzCSMw22xV0xi0n0wj/CvDOx5uZKc7P9Ur3+6YonvCTcDA+mAr6n/oi4rM/MMfUmuWoM06dzt3HTv6dN0Di9ifNwnGCZUA6hN1R1Ini99tvv7/y3iZER6P72SY4mT7zz+bf/P12VdK4AeJxjYGRgYADieztvJsfz23xl4GZhAIEbOkU6CPp/PasFcyuQy8HABBIFADQ0ChUAeJxjYGRgYG7438AQw2rOwPD/D6sFA1AEBRgCAHuCBQZ4nGNhYGBgGUKY1RxTDABRfQD9AAAAAAAAVADoAV4BsgIEAlACygMgA5gESgSaBVgFvgYuBrQHDAeeCAYIhAjUCmwK4gtCC5wL6gwkDIIM1A1iDaYOFA4+DnoO5g9ID7AQLBC8EPwRUhHaEgISLhKCEq4TGhNmE354nGNgZGBgMGQUYhBiAAEmIOYCQgaG/2A+AwAQ7wFtAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nG1QWVvbMBD0gG05CVBoyw09gB605TD/SMFCWkikJNZ+OPn1rJL0jX3Z45ud2dlsI1tFP3s/amxgEzkKlFCo0EMfA2xhGzv4gF3s4SM+4TP2cYBDHOEYJzjFGc7xBV/xDd9xgUtc4Qd+4hd+4xp/8Bf/cINb3OEeNR6yHj0GfxNNG/OGIhcdmxGp1tEzaV/Og7eOqxHpEFP/aqgjrxqpHesqYexEk3om76UsJA9JRda+YcqnFPXAcVqxC2d82ZFeCHquvQBtKRhhSdPQUSWaHa1JGi7Scl20zkxZzQMnqXxGIypblzpljbcNh7LRjSzlT3rIy1m679GZRKps4CgOZMUsHPXHNNaNQEaszEysjLVakdWbLYelq4X2vf+H1GLLtOJle52fZChPEDbvTLX+Ud0TNW+t6AzGYWZ85ImMq2TYTtlUQ37R6QXlKm3Jv7qlnRg4y94AHMyRvAA=") format("woff"),url(iconfont.ttf?t=1543917868102) format("truetype"),url(iconfont.svg?t=1543917868102#iconfont) format("svg")
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-icon-test:before {
    content: "\e61f"
}

.icon-ditu:before {
    content: "\e620"
}

.icon-xueli:before {
    content: "\e621"
}

.icon-shijian:before {
    content: "\e622"
}

.icon-yonghu:before {
    content: "\e623"
}

.icon-liaotian:before {
    content: "\e624"
}

.icon-weixin:before {
    content: "\e625"
}

.icon-dianhua:before {
    content: "\e626"
}

.icon-jiangpai:before {
    content: "\e627"
}

.icon-jinnang:before {
    content: "\e628"
}

.icon-jinbi:before {
    content: "\e629"
}

.icon-tuandui:before {
    content: "\e62a"
}

.icon-qita:before {
    content: "\e62b"
}

.icon-huixingzhen:before {
    content: "\e62c"
}

.icon-xiazai:before {
    content: "\e62d"
}

.icon-yanjing:before {
    content: "\e62e"
}

.icon-duihua:before {
    content: "\e636"
}

.icon-xiaoxi:before {
    content: "\e637"
}

.icon-shixiang:before {
    content: "\e63a"
}

.icon-jindu:before {
    content: "\e63b"
}

.icon-qita1:before {
    content: "\e63c"
}

.icon-shequ:before {
    content: "\e63d"
}

.icon-youjian:before {
    content: "\e63e"
}

.icon-rili:before {
    content: "\e63f"
}

.icon-shouji:before {
    content: "\e640"
}

.icon-gengduo:before {
    content: "\e641"
}

.icon-dadang:before {
    content: "\e642"
}

.icon-fabu:before {
    content: "\e643"
}

.icon-gengxin:before {
    content: "\e644"
}

.icon-chexiao:before {
    content: "\e648"
}

.icon-goutong:before {
    content: "\e649"
}

.icon-shezhi:before {
    content: "\e64a"
}

.icon-mimadenglu:before {
    content: "\e64b"
}

.icon-erweima:before {
    content: "\e64c"
}

.icon-shouji1:before {
    content: "\e64d"
}

.icon-suo:before {
    content: "\e64e"
}

.icon-dianzan:before {
    content: "\e64f"
}

.icon-shixiang1:before {
    content: "\e650"
}

.icon-jiesuan:before {
    content: "\e651"
}

.icon-jiesuanfangan:before {
    content: "\e652"
}

.icon-shenhe:before {
    content: "\e654"
}

.icon-shijian1:before {
    content: "\e656"
}

.icon-chenggong:before {
    content: "\e657"
}

.icon-morentupian:before {
    content: "\e658"
}

.icon-zhengque:before {
    content: "\e65b"
}

.icon-bukaixin:before {
    content: "\e660"
}

.icon-kaixin:before {
    content: "\e661"
}

.icon-paixujiantou:before {
    content: "\e666"
}

.work-space {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0
}

.work-space-type {
    background: #f3f3f3;
    padding: 10px 0;
    min-width: 1200px
}

    .work-space-type .work-space-type-btn {
        padding: 2px 10px;
        color: #969696;
        margin-right: 10px;
        margin-left: 5px;
        cursor: pointer
    }

        .work-space-type .work-space-type-btn.active {
            color: #fff;
            background-color: #48cdee;
            border-radius: 15px
        }

.ws-row {
    margin-bottom: 25px
}

    .ws-row > div:first-child {
        padding-left: 0;
        padding-right: 8px
    }

    .ws-row > div:last-child {
        padding-right: 0;
        padding-left: 8px
    }

.uib-dropdown-open .dropdown-menu {
    max-height: 400px;
    overflow: auto
}

.activity-position {
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    min-width: 1200px;
    min-height: 100vh;
    height: 100%
}

    .activity-position.no-activity {
        background-image: url(http://webassets.cdn.hunterplus.net/noActivity@2X.png);
        background-size: 20%;
        background-position-y: 20%
    }

.activity-ctn {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-top: 26%
}

    .activity-ctn .introduce {
        color: #fff;
        background-color: rgba(0,0,0,.3);
        border-radius: 8px;
        text-align: center;
        padding: 15px;
        font-size: 18px;
        width: 1140px;
        margin: 0 auto
    }

        .activity-ctn .introduce.no-activity-text {
            background-color: #fff;
            color: #666
        }

.activity-share {
    position: absolute;
    right: 0;
    top: 30px;
    background-color: rgba(0,0,0,.3);
    color: rgba(72,205,238,.8);
    border: 0 none;
    border-radius: 15px;
    padding: 5px 20px
}

    .activity-share:hover {
        color: #48cdee
    }

.activity-list {
    padding: 100px 30px;
    list-style: none
}

    .activity-list .list-item.urgent {
        color: #555
    }

        .activity-list .list-item.urgent:after {
            content: "紧急";
            position: absolute;
            top: 9px;
            left: 4px;
            color: #fff;
            font-size: 18px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .activity-list .list-item.urgent:before {
            position: absolute;
            left: 0;
            top: 0;
            content: "";
            border-top-left-radius: 8px;
            border-bottom: 30px solid transparent;
            border-right: 30px solid transparent;
            border-left: 30px solid #ff7713;
            border-top: 30px solid #ff7713
        }

    .activity-list .list-item {
        position: relative;
        width: 550px;
        background-color: #fff;
        border-radius: 8px;
        padding: 26px 26px 19px;
        margin-right: 40px;
        margin-bottom: 40px;
        float: left
    }

        .activity-list .list-item:nth-child(2n) {
            margin-right: 0
        }

        .activity-list .list-item p {
            margin-bottom: 5px
        }

            .activity-list .list-item p:last-child {
                margin-bottom: 0
            }

        .activity-list .list-item .center-path, .activity-list .list-item .left-path, .activity-list .list-item .right-path {
            float: left
        }

        .activity-list .list-item .left-path {
            margin-right: 15px;
            width: 70px
        }

        .activity-list .list-item .center-path {
            width: 250px
        }

        .activity-list .list-item .right-path {
            width: 160px;
            text-align: right
        }

        .activity-list .list-item .title {
            font-size: 16px;
            color: #48cdee;
            cursor: pointer
        }

            .activity-list .list-item .title:hover {
                color: #45c4e3
            }

            .activity-list .list-item .title .com-name {
                max-width: 200px;
                width: inherit;
                float: left;
                margin-right: 5px
            }

        .activity-list .list-item .location {
            color: #b2b2b2
        }

        .activity-list .list-item .avatar {
            width: 70px;
            height: 70px;
            border-radius: 8px;
            background-color: #ddd;
            cursor: pointer
        }

        .activity-list .list-item .no-avatar {
            width: 70px;
            height: 70px;
            line-height: 70px;
            text-align: center;
            font-size: 18px;
            color: #fff;
            background-color: #63d3ee;
            border-radius: 8px;
            cursor: pointer
        }

        .activity-list .list-item .info {
            margin-right: 15px
        }

            .activity-list .list-item .info.company {
                width: 80px;
                color: #48cdee;
                cursor: pointer
            }

                .activity-list .list-item .info.company:hover {
                    color: #45c4e3
                }

            .activity-list .list-item .info.industry {
                width: 130px
            }

        .activity-list .list-item .revenue {
            font-size: 16px;
            color: #ff7474;
            font-weight: 700
        }

        .activity-list .list-item .follow {
            padding: 7px 20px;
            border: 1px solid #48cdee;
            border-radius: 20px;
            color: #48cdee;
            background-color: #fff;
            margin-top: 7px
        }

            .activity-list .list-item .follow i {
                font-size: 17px;
                position: relative;
                top: 1px
            }

            .activity-list .list-item .follow.cancle {
                border-color: #b2b2b2;
                color: #b2b2b2
            }

                .activity-list .list-item .follow.cancle i {
                    color: #f4d86f
                }

            .activity-list .list-item .follow:hover {
                color: #45c4e3
            }

.candidate-detail {
    position: relative;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px
}

    .candidate-detail.candidate {
        padding-top: 0
    }

    .candidate-detail .candidate-operate > .candidate-name {
        width: 450px;
        text-align: left;
        margin-left: 5px
    }

.candidate-base-option {
    position: absolute;
    right: 0;
    z-index: 2
}

    .candidate-base-option > .send-email-button {
        font-size: 12px;
        position: absolute;
        top: 70px;
        right: 11px
    }

        .candidate-base-option > .send-email-button:hover {
            color: #64d3ee
        }

.candidate-detail > .closed-icon {
    position: absolute;
    top: 15px;
    right: 30px
}

.candidate-detail .candidate-detail-title {
    margin-bottom: 5px
}

    .candidate-detail .candidate-detail-title:after, .candidate-detail .candidate-detail-title:before {
        content: " ";
        display: table
    }

    .candidate-detail .candidate-detail-title:after {
        clear: both
    }

.candidate-detail-title .edit-icon {
    float: right;
    font-size: 22px
}

.candidate-detail-title > .work-exp-edit img, .candidate-detail-title > img {
    width: 20px;
    height: 18px
}

.edit-span {
    margin-right: 5px;
    margin-bottom: 5px
}

    .edit-span img {
        width: 20px;
        height: 18px
    }

.candidate-detail .candidate-detail-info {
    word-wrap: break-word;
    margin-bottom: 25px;
    color: #8b8b8b;
    margin-right: 15px
}

.candidate-detail-base {
    border: 1px solid #e5e5e5;
    position: relative;
    padding-top: 10px;
    margin-bottom: 10px
}

    .candidate-detail-base .candidate-detail-title {
        padding-top: 0;
        padding-left: 15px
    }

    .candidate-detail-base .candidate-detail-info {
        margin-bottom: 0
    }

    .candidate-detail-base .basic-info-tpl {
        padding-left: 15px;
        padding-right: 15px
    }

.candidate-base-option {
    padding-top: 15px
}

    .candidate-base-option .htp-btn, .candidate-base-option .htp-btn-empty, .candidate-base-option .htp-btn-icon, .candidate-base-option .htp-btn-l, .candidate-base-option .htp-btn-link, .candidate-base-option .htp-btn-link-gray, .candidate-base-option .htp-btn-m, .candidate-base-option .htp-btn-red, .candidate-base-option .htp-btn-s, .candidate-base-option .htp-btn-xs {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 10px
    }

    .candidate-base-option .edit {
        text-decoration: underline
    }

.candidate-detail-upload {
    font-size: 12px;
    color: #b2b2b2
}

.line-feed {
    white-space: pre-wrap;
    text-align: justify
}

.candidate-detail .info-list.list-inline {
    margin-bottom: 3px
}

    .candidate-detail .info-list.list-inline > li {
        padding-left: 10px;
        padding-right: 10px
    }

        .candidate-detail .info-list.list-inline > li:empty {
            padding: 0
        }

.candidate-detail-edit {
    padding-left: 15px;
    width: 650px;
    margin-bottom: 42px
}

.candidate-detail-no-stuff {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 16px;
    border: 2px dashed #d3d1d2;
    border-radius: 4px;
    margin: 15px;
    margin-left: 0
}

.candidate-detail-edu-form .edu-form + .edu-form {
    padding-top: 22px;
    border-top: 1px dashed #95a3b5
}

.candidate-detail-edu-form .edu-form > .delete-edu {
    position: absolute;
    right: 10px;
    font-size: 24px;
    cursor: pointer
}

.candidate-detail-edu-form > .operate-panel {
    text-align: right;
    margin-bottom: 15px;
    margin-right: 15px
}

.edu-form .form-group {
    margin-left: 0;
    margin-right: 0
}

.candidate-attachment-list .upload-control {
    margin-bottom: 15px
}

.candidate-attachment-list .htp-file .file-name.unClickAble {
    cursor: default
}

.candidate-attachment-list .file-group + .file-group {
    margin-top: 15px
}

.candidate-attachment-title-option {
    position: relative;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px
}

    .candidate-attachment-title-option:last-child {
        margin-bottom: 0
    }

.candidate-detail-work-edit {
    padding-left: 15px;
    padding-right: 15px
}

    .candidate-detail-work-edit .form-group {
        padding-right: 10px
    }

.check-attachment-ctn {
    position: relative;
    margin-top: 5px
}

    .check-attachment-ctn .htp-btn-empty {
        margin-right: 0
    }

.check-attachment {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%
}

.candidate-preview {
    border: 1px solid #e5e5e5
}

.ctn-detail {
    margin-top: 29px;
    margin-left: 15px;
    margin-right: 15px;
    position: relative
}

.online-candidate {
    margin-top: 20px;
    padding-left: 15px
}

.add-remark-ctn {
    padding: 10px;
    margin-right: 10px;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
    border-radius: 3px
}

    .add-remark-ctn .info-title {
        margin-top: 0;
        font-size: 14px
    }

    .add-remark-ctn .form-foot {
        margin: 10px 0 0
    }

.remark-btns-ctn {
    position: relative
}

.candidate-remark {
    border-left: 2px solid #f9f9f9;
    padding: 10px 15px 0 16px;
    margin-top: 20px
}

.remark-item:hover .remark-operate {
    display: inline
}

.remark-item:hover .remark-des {
    background-color: #fafafa
}

.remark-item {
    margin-top: -10px;
    position: relative;
    margin-bottom: 35px
}

    .remark-item:last-child {
        margin-bottom: 10px
    }

    .remark-item:before {
        content: "";
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background-color: #f9f9f9;
        position: absolute;
        left: -22px
    }

    .remark-item .remark-title {
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 400
    }

        .remark-item .remark-title .htp-btn-link-gray {
            margin-right: 0;
            padding-right: 0
        }

    .remark-item p {
        margin-bottom: 5px
    }

    .remark-item .remark-des {
        padding: 5px
    }

    .remark-item .remark-content {
        white-space: pre-line;
        word-break: break-all
    }

    .remark-item .remark-status {
        margin: 0
    }

    .remark-item .remark-operate {
        display: none
    }

        .remark-item .remark-operate img {
            width: 14px;
            height: 14px
        }

.no-remark.not-position {
    padding-top: 0
}

    .no-remark.not-position img {
        width: 100%
    }

.resume-type button.active {
    color: #48cdee
}

.attachment-file-list {
    width: 400px;
    font-size: 12px
}

    .attachment-file-list.no-download .form-control {
        max-width: 342px;
        box-shadow: none
    }

    .attachment-file-list .form-control {
        top: 1px;
        max-width: 303px
    }

    .attachment-file-list .input-group {
        margin-bottom: 10px
    }

    .attachment-file-list .delete-icon {
        background: #fff;
        padding: 2px;
        border-left: none;
        position: relative;
        top: 1px;
        padding-left: 5px;
        padding-right: 5px;
        border-left: 1px solid #fff
    }

    .attachment-file-list .input-group-addon:not(:first-child) {
        border-left: none;
        z-index: 2;
        left: -1px
    }

.resume-file {
    font-size: 14px;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    min-width: 280px
}

    .resume-file .file-icon {
        padding: 4px 10px;
        float: left;
        background-color: #f9f9f9;
        border-right: 1px solid #e5e5e5
    }

    .resume-file .file-name {
        font-size: 12px;
        line-height: 28px;
        height: 28px;
        padding: 0 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 65%;
        display: inline-block
    }

    .resume-file .delete-icon {
        padding: 0 10px;
        font-size: 12px;
        float: right;
        line-height: 28px
    }

    .resume-file .download {
        padding: 4px 10px;
        background-color: #48cdee;
        color: #fff;
        float: right;
        border-radius: 0 2px 2px 0
    }

.contrast-form .create-candidate > .edu-title, .contrast-form .create-title {
    margin-top: 15px;
    margin-bottom: 10px
}

.contrast-form .delete-edu {
    position: absolute;
    right: 0;
    cursor: pointer;
    font-size: 20px
}

.contrast-form .edu-form {
    padding-top: 15px
}

    .contrast-form .edu-form .create-form {
        border-bottom: 1px dashed #e5e5e5;
        margin-bottom: 15px
    }

        .contrast-form .edu-form .create-form:last-child {
            border-bottom: none;
            margin-bottom: 0
        }

.candidate-attr {
    font-size: 12px;
    margin-bottom: 5px
}

    .candidate-attr.form-group {
        font-size: 14px
    }

        .candidate-attr.form-group .htp-btn-link, .candidate-attr.form-group .htp-btn-link-gray {
            padding: 7px 0 0;
            margin: 0
        }

        .candidate-attr.form-group .add-tag-ctn {
            padding: 0;
            margin: 0
        }

    .candidate-attr .tag-item {
        display: inline-block;
        font-size: 12px;
        padding: 2px 5px;
        border-radius: 3px;
        border: 1px solid #e5e5e5;
        cursor: default;
        position: relative;
        margin-right: 5px;
        margin-bottom: 5px
    }

        .candidate-attr .tag-item:hover .del {
            opacity: 1;
            -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
            position: static
        }

        .candidate-attr .tag-item .del {
            opacity: 0;
            -webkit-transform: scale(0) rotate(-45deg);
            transform: scale(0) rotate(-45deg);
            -webkit-transform-origin: center center;
            transform-origin: center center;
            transition: all .2s ease-in-out;
            cursor: pointer;
            position: absolute;
            right: -3px;
            top: 4px
        }

            .candidate-attr .tag-item .del:hover {
                color: #ff7474
            }

    .candidate-attr .add-tag-ctn {
        display: inline-block;
        position: relative
    }

    .candidate-attr .add-tag {
        margin: 0 10px 0 5px;
        padding: 0;
        display: inline-block
    }

.preview-ctn {
    height: 1200px
}

.no-info {
    text-align: center;
    color: #b2b2b2
}

.cover-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    cursor: default
}

    .cover-mask.schedule-cover {
        z-index: 1
    }

.modal-xl {
    width: 90%
}

.status-select {
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 2px 5px;
    border-radius: 3px;
    border: 1px solid #e5e5e5
}

.candidate-detail-pull-right {
    margin-right: 0;
    margin-left: 30px
}

    .candidate-detail-pull-right.fa-file-text-o {
        font-size: 23px;
        vertical-align: middle
    }

    .candidate-detail-pull-right.fa-cloud-download {
        font-size: 25px;
        vertical-align: middle
    }

.candidate-base-option > .btn-group {
    margin-right: 20px
}

    .candidate-base-option > .btn-group > .recommend-btn {
        padding: 8px 20px
    }

    .candidate-base-option > .btn-group > .dropdown-toggle {
        padding: 8px 10px;
        background-color: #f1f1f1
    }

.basic-info-handle-menu, .basic-info-handle-menu-btn {
    position: absolute;
    right: -1px;
    top: 31px
}

.basic-info-handle-menu {
    border: 1px solid #e5e5e5;
    margin-top: 8px;
    width: 90px;
    z-index: 2;
    background-color: #fff
}

    .basic-info-attachment-menu li, .basic-info-handle-menu li {
        padding: 5px 0 5px 14px;
        cursor: pointer;
        line-height: 1.5px
    }

        .basic-info-attachment-menu li:hover, .basic-info-handle-menu li:hover {
            background-color: #f1f1f1
        }

        .basic-info-attachment-menu li span, .basic-info-handle-menu li span {
            padding-left: 10px
        }

        .basic-info-attachment-menu li:first-child, .basic-info-handle-menu li:first-child {
            border-bottom: 1px solid #e5e5e5
        }

            .basic-info-attachment-menu li:first-child img, .basic-info-handle-menu li:first-child img {
                width: 20px;
                height: 19px
            }

        .basic-info-attachment-menu li:last-child img, .basic-info-handle-menu li:last-child img {
            width: 20px;
            height: 18px
        }

.ctn-detail .btn-group > .dropdown-toggle {
    background-color: #f1f1f1
}

.ctn-detail .basic-info-attachment-menu li {
    text-align: left
}

    .ctn-detail .basic-info-attachment-menu li img {
        width: 22px;
        height: 18px
    }

.ctn-detail .basic-info-attachment-menu {
    margin-top: 8px;
    border: 1px solid #e5e5e5;
    position: absolute;
    right: 0;
    background-color: #fff;
    z-index: 1;
    width: 90px
}

.candidate-detail-info > .update-time {
    background-color: #f1f1f1;
    padding: 6px 15px
}

.candidate-detail-info .other-info {
    padding-left: 15px
}

.ctn-detail .candidate-attachment-comprison.disabled {
    opacity: .65;
    cursor: auto
}

.candidate-integrity-warn {
    width: 155px;
    margin-bottom: 7px;
    color: #666
}

.ctn-detail .handle-icon {
    margin-right: 15px;
    margin-top: 4px
}

    .ctn-detail .handle-icon img {
        width: 26px;
        height: 22px
    }

.ctn-detail .work-exp {
    padding-top: 0;
    margin-top: -17px
}

.candidate-detail-work-edit textarea {
    height: 254px
}

.preview-attachment-list, .preview-ctn {
    padding-left: 20px;
    padding-right: 20px
}

.candidate-hr {
    border-bottom: 1px solid #e5e5e5
}

.candidate-htp-tab {
    padding: 0;
    margin: 0
}

    .candidate-htp-tab li {
        text-align: center;
        display: inline-block;
        padding-left: 15px;
        padding-right: 10px
    }

        .candidate-htp-tab li.selected span {
            padding-bottom: 5px;
            border-bottom: 3px solid #a9a9a9
        }

.candidate-detail-section {
    position: relative;
    margin-top: 10px
}

.candidate-detail-header-btn {
    margin-top: 7px;
    font-size: 12px;
    margin-right: 15px;
    padding: 3px 12px
}

.no-candidate img {
    width: 345px;
    margin-top: 50px
}

.no-candidate .title {
    color: #9db2f0;
    font-size: 18px;
    font-weight: 700
}

.no-candidate .info {
    font-size: 14px;
    color: #969696
}

.gray-link {
    cursor: pointer
}

    .gray-link:hover {
        color: #48cdee
    }

.interview-select .input-group .input-group-addon {
    position: relative;
    left: -3px;
    border-radius: 0 5px 5px 0
}

.result-num {
    font-size: 12px;
    color: #b2b2b2;
    text-align: center
}

    .result-num > div {
        background-color: #fafafa;
        color: #969696;
        display: block;
        margin: 0 27px;
        padding: 5px;
        text-align: center
    }

.candidate-list-create {
    padding: 12px 27px 8px
}

    .candidate-list-create > .create-btn {
        cursor: pointer;
        font-size: 14px;
        text-align: center;
        padding: 8px 14px;
        border: 1px solid #e5e5e5;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-radius: 4px
    }

        .candidate-list-create > .create-btn:hover {
            background-color: #eff1f4
        }

.candidate-list-item {
    padding: 10px
}

    .candidate-list-item > .info-block > .candidate-name {
        font-size: 14px;
        font-weight: 700;
        color: #555;
        display: inline-block;
        max-width: 200px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        vertical-align: middle
    }

    .candidate-list-item > .info-block > .recommend-state {
        font-size: 18px;
        margin-left: 5px;
        color: #e3746f
    }

    .candidate-list-item > .info-block > .gender-icon {
        font-size: 14px;
        font-weight: 700;
        vertical-align: middle
    }

        .candidate-list-item > .info-block > .gender-icon.fa-venus {
            color: #d57a73
        }

        .candidate-list-item > .info-block > .gender-icon.fa-mars {
            color: #78c5d5
        }

    .candidate-list-item .remark-count {
        position: absolute;
        right: 10px;
        bottom: 10px;
        color: #b2b2b2
    }

        .candidate-list-item .remark-count i {
            margin-right: 3px
        }

.candidate-search {
    padding: 10px 0
}

    .candidate-search .form-group {
        margin-bottom: 5px
    }

    .candidate-search .search-btn {
        padding: 7px 28px 6px;
        margin-left: 4px
    }

    .candidate-search .htp-btn, .candidate-search .htp-btn-empty, .candidate-search .htp-btn-icon, .candidate-search .htp-btn-l, .candidate-search .htp-btn-link, .candidate-search .htp-btn-link-gray, .candidate-search .htp-btn-m, .candidate-search .htp-btn-red, .candidate-search .htp-btn-s, .candidate-search .htp-btn-xs {
        padding-top: 7px;
        padding-bottom: 6px;
        font-size: 12px
    }

    .candidate-search .search-title {
        padding: 0 15px 8px;
        position: relative;
        width: 210px;
        color: #63d3ee;
        font-weight: 700
    }

        .candidate-search .search-title.export-candidate-btn {
            border: 1px solid #63d3ee
        }

        .candidate-search .search-title .export-candidate-content {
            padding-top: 7px
        }

        .candidate-search .search-title .show-export-candidate {
            position: absolute;
            bottom: 14px;
            right: 15px;
            background-color: #ffae61;
            padding: 2px 5px;
            color: #fff;
            font-weight: 400;
            font-size: 12px
        }

    .candidate-search .form-control {
        font-size: 12px;
        padding: 5px;
        height: 32px
    }

    .candidate-search .candidate-search-option {
        padding-top: 5px
    }

.normal-search {
    margin-left: 15px;
    margin-top: 4px
}

    .normal-search .form-control {
        border: 2px solid #48cdee
    }

    .normal-search .input-group-btn .htp-btn, .normal-search .input-group-btn .htp-btn-empty, .normal-search .input-group-btn .htp-btn-icon, .normal-search .input-group-btn .htp-btn-l, .normal-search .input-group-btn .htp-btn-link, .normal-search .input-group-btn .htp-btn-link-gray, .normal-search .input-group-btn .htp-btn-m, .normal-search .input-group-btn .htp-btn-red, .normal-search .input-group-btn .htp-btn-s, .normal-search .input-group-btn .htp-btn-xs {
        margin: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

.search-tag {
    margin: 5px 0 0 15px;
    font-size: 12px;
    color: #969696
}

    .search-tag li.search-tag-item {
        border: 1px solid #e5e5e5;
        margin-right: 5px;
        padding: 3px 5px
    }

        .search-tag li.search-tag-item i {
            margin-left: 3px;
            color: #b2b2b2;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            transition: all .15s ease-in;
            cursor: pointer
        }

            .search-tag li.search-tag-item i:hover {
                color: #ff7474;
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

.senior-search {
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 10px
}

.tag-ctn {
    margin-top: 10px
}

.tag-filter {
    background-color: #fafafa;
    position: relative
}

    .tag-filter .tag-list {
        padding: 5px;
        margin-bottom: 0
    }

    .tag-filter li.tag-item {
        color: #969696;
        background-color: #fff;
        font-size: 12px;
        padding: 3px 10px;
        margin: 5px 10px;
        border: 1px solid #e5e5e5;
        cursor: pointer
    }

        .tag-filter li.tag-item i {
            margin-right: 3px
        }

        .tag-filter li.tag-item:hover {
            color: #48cdee
        }

        .tag-filter li.tag-item.active {
            color: #48cdee;
            border-color: #48cdee
        }

    .tag-filter .tag-filter-option {
        background-color: #fff;
        padding-left: 10px;
        height: 100%;
        position: absolute;
        right: 0;
        z-index: 2
    }

        .tag-filter .tag-filter-option button {
            padding: 1px 5px;
            border-radius: 0;
            border: 1px solid #b2b2b2;
            color: #969696;
            background-color: #fff
        }

        .tag-filter .tag-filter-option.active .manage-tag-btn {
            display: inline-block
        }

    .tag-filter .manage-tag-btn {
        margin-top: 5px;
        display: none
    }

        .tag-filter .manage-tag-btn img {
            width: 12px;
            margin-right: 3px
        }

    .tag-filter .search-function {
        color: #969696
    }

.show-angle-icon {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all .2s ease-in
}

    .show-angle-icon.active {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.candidate-list-operate .recommend-search {
    padding-left: 10px
}

.candidate-list-operate .tips {
    margin-top: 3px
}

.add-candidate-red:after {
    font-size: 10px;
    content: "NEW";
    position: relative;
    right: 1px;
    top: -9px;
    height: 18px;
    width: 35px;
    padding: 2px;
    line-height: 18px;
    color: #fff;
    background-color: #ec656f;
    border-radius: 2px
}

.batch-manage {
    padding: 0 27px 8px
}

    .batch-manage .batch-manage-btn {
        display: inline-block;
        border: 1px solid #e5e5e5;
        padding: 2px 6px;
        font-size: 12px;
        text-align: center;
        cursor: pointer
    }

        .batch-manage .batch-manage-btn:hover {
            background-color: #f1f1f1
        }

        .batch-manage .batch-manage-btn .add-icon {
            font-size: 14px;
            padding-right: 2px
        }

        .batch-manage .batch-manage-btn.add-group {
            padding: 0 6px 1px 4px;
            position: relative
        }

        .batch-manage .batch-manage-btn .email-icon {
            width: 16px;
            height: 11px;
            padding-right: 2px
        }

    .batch-manage > .expand-batch-manage-btn > .batch-manage-btn + .batch-manage-btn {
        margin-left: 7px
    }

.lis-page-cover {
    opacity: .5;
    background-color: #b2b2b2;
    height: 930px;
    width: 320px;
    position: absolute;
    top: 347px
}

.batch-manage-checkbox {
    position: absolute;
    top: 5px;
    right: 10px
}

    .batch-manage-checkbox > .checkbox-block {
        width: 20px;
        height: 20px;
        border: 1px solid #e5e5e5;
        border-radius: 50%;
        text-align: center;
        line-height: 18px;
        background-color: #fff
    }

        .batch-manage-checkbox > .checkbox-block.checked {
            background-color: #48cdee;
            border-color: #48cdee
        }

        .batch-manage-checkbox > .checkbox-block > .check-icon {
            font-size: 12px;
            color: #fff
        }

.add-group .candidate-add-tag {
    left: -104px;
    top: 120%
}

.candidate-operate {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    position: relative;
    border-bottom: 1px solid #e5e5e5
}

    .candidate-operate .batch-manage-btn {
        line-height: 40px;
        cursor: pointer;
        color: #b2b2b2;
        transition: all .1s ease-out
    }

        .candidate-operate .batch-manage-btn.active, .candidate-operate .batch-manage-btn:hover {
            color: #48cdee
        }

    .candidate-operate .htp-bars {
        margin-top: 13px
    }

    .candidate-operate .set-group-menu {
        position: absolute;
        right: 196px;
        z-index: 5;
        top: 100%
    }

    .candidate-operate.candidate-folder-operate {
        text-align: center
    }

    .candidate-operate .current-fold-name {
        width: 200px;
        display: inline-block
    }

.candidate-folder {
    float: left;
    width: 210px;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
    position: relative
}

    .candidate-folder .candidate-folder-operate {
        text-align: center;
        cursor: pointer;
        background-color: #fff
    }

        .candidate-folder .candidate-folder-operate .operate-btn {
            padding: 0
        }

            .candidate-folder .candidate-folder-operate .operate-btn:hover {
                color: #48cdee
            }

        .candidate-folder .candidate-folder-operate .candidate-operate-icon {
            width: 20px
        }

    .candidate-folder .create-type {
        position: absolute;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        z-index: 3;
        top: 39px;
        left: -1px;
        width: 50%;
        text-align: left;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        transition: all .2s ease-out
    }

        .candidate-folder .create-type.active {
            -webkit-transform: scaleY(1);
            transform: scaleY(1)
        }

        .candidate-folder .create-type li {
            padding: 0 10px;
            border-bottom: 1px solid #e5e5e5;
            cursor: pointer
        }

            .candidate-folder .create-type li:last-child {
                border-bottom: none
            }

            .candidate-folder .create-type li:hover {
                background-color: #f9f9f9
            }

.folder-list {
    border-bottom: 1px solid #e5e5e5
}

    .folder-list img {
        width: 20px;
        height: 20px;
        vertical-align: baseline
    }

    .folder-list .list-item-name {
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 200px
    }

    .folder-list .item-time {
        font-size: 12px;
        color: #b2b2b2
    }

.candidate-folder-list {
    overflow-y: auto;
    text-align: left
}

    .candidate-folder-list .all-candidate, .candidate-folder-list .new-folder-ctn {
        padding: 5px;
        padding-left: 15px;
        cursor: default
    }

    .candidate-folder-list li {
        position: relative
    }

    .candidate-folder-list .folder-icon {
        display: inline-block;
        width: 20px
    }

    .candidate-folder-list .open-folder-icon {
        width: 0;
        height: 0;
        position: absolute;
        top: 12px;
        left: 5px;
        display: inline-block;
        border-top: 3px solid transparent;
        border-right: 3px solid transparent;
        border-bottom: 3px solid transparent;
        border-left: 4px solid #969696;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 2px 3px;
        transform-origin: 2px 3px;
        transition: all .2s ease-in-out;
        cursor: pointer
    }

        .candidate-folder-list .open-folder-icon.active {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
        }

    .candidate-folder-list .cur-list {
        color: #48cdee
    }

        .candidate-folder-list .cur-list .open-folder-icon {
            border-left-color: #48cdee
        }

    .candidate-folder-list .angular-ui-tree-handle {
        font-weight: 400
    }

.no-candidate {
    text-align: center;
    padding: 10px
}

.back-folder {
    float: left;
    display: inline-block;
    vertical-align: middle;
    margin-top: 8px;
    width: 23px;
    height: 23px;
    background: transparent url(https://assets.hunterplus.net/images/back.jpg) 0 0 no-repeat;
    background-size: 23px 23px
}

.new-folder-ctn {
    position: relative
}

    .new-folder-ctn .new-folder-input {
        position: absolute;
        top: 2px;
        left: 15px;
        display: block;
        width: 80%;
        color: #969696
    }

    .new-folder-ctn .folder-title {
        display: inline-block;
        width: 80%;
        vertical-align: middle
    }

        .new-folder-ctn .folder-title .folder-name {
            width: 80px;
            vertical-align: top
        }

    .new-folder-ctn .fa-angle-down {
        margin-top: 3px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        transition: all .2s ease-out
    }

    .new-folder-ctn .folder-cus-menu-ctn {
        float: right
    }

        .new-folder-ctn .folder-cus-menu-ctn:hover .folder-cus-menu {
            -webkit-transform: scaleY(1);
            transform: scaleY(1)
        }

        .new-folder-ctn .folder-cus-menu-ctn:hover .fa-angle-down {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .new-folder-ctn .folder-cus-menu-ctn .folder-cus-menu {
            position: absolute;
            z-index: 3;
            top: 20px;
            right: 0;
            padding: 0;
            list-style: none;
            font-size: 12px;
            background-color: #fff;
            border: 1px solid #e5e5e5;
            color: #969696;
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
            transition: all .2s ease-out
        }

            .new-folder-ctn .folder-cus-menu-ctn .folder-cus-menu li {
                padding: 0 5px;
                border-bottom: 1px solid #e5e5e5
            }

                .new-folder-ctn .folder-cus-menu-ctn .folder-cus-menu li:last-child {
                    border-bottom: none
                }

                .new-folder-ctn .folder-cus-menu-ctn .folder-cus-menu li:hover {
                    background-color: #f9f9f9
                }

.candidate-scroll-ctn {
    overflow-y: auto
}

.candidate-list-ctn {
    width: 270px;
    border: 1px solid #e5e5e5;
    margin-left: -1px;
    float: left;
    background-color: #fff
}

    .candidate-list-ctn .list-page-item {
        background-color: #fff;
        margin-left: -1px;
        width: 100%
    }

        .candidate-list-ctn .list-page-item.active .item, .candidate-list-ctn .list-page-item.active .item:hover {
            background-color: #f0fbfd
        }

        .candidate-list-ctn .list-page-item .item {
            border-left: none
        }

            .candidate-list-ctn .list-page-item .item:hover {
                background-color: #fafafa
            }

.htp-split-page > .detail-page.candidate-detail-ctn {
    width: 722px;
    min-height: 100vh;
    margin-left: -1px;
    border: 1px solid #e5e5e5;
    padding: 0
}

    .htp-split-page > .detail-page.candidate-detail-ctn .candidate-detail {
        padding: 0
    }

    .htp-split-page > .detail-page.candidate-detail-ctn .candidate-detail-base {
        border: none
    }

    .htp-split-page > .detail-page.candidate-detail-ctn.candidate-recommend-detail .candidate-scroll-ctn {
        padding: 15px 15px 100px
    }

.multiple-handle-btn {
    padding: 10px 13px;
    border-bottom: 1px solid #e1e1e3;
    text-align: center
}

    .multiple-handle-btn > .batch-manage-btn {
        margin: 0 0 7px 7px;
        padding: 0 7px;
        border: 1px solid #e1e1e3;
        font-size: 12px;
        width: 64px;
        display: inline-block
    }

.htp-bars {
    position: relative;
    width: 14px;
    height: 10px
}

    .htp-bars:before {
        top: 0;
        box-shadow: 0 4px 0 0 #b2b2b2
    }

    .htp-bars:after, .htp-bars:before {
        content: "";
        width: 100%;
        height: 2px;
        background-color: #b2b2b2;
        border-radius: 1px;
        position: absolute;
        left: 0;
        transition: all .2s ease-out;
        -webkit-transform-origin: center;
        transform-origin: center
    }

    .htp-bars:after {
        bottom: 0
    }

    .htp-bars:hover:before {
        box-shadow: 0 4px 0 0 #48cdee
    }

    .htp-bars:hover:after, .htp-bars:hover:before {
        background-color: #48cdee
    }

    .htp-bars.active:before {
        box-shadow: 0 0 0 0 hsla(0,0%,70%,0);
        -webkit-transform: rotate(-48deg) translateY(5px);
        transform: rotate(-48deg) translateY(5px)
    }

    .htp-bars.active:after {
        -webkit-transform: rotate(45deg) translateY(-6px);
        transform: rotate(45deg) translateY(-6px)
    }

.address-list {
    list-style-type: none;
    padding: 0;
    width: 92%;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    position: absolute;
    top: 33px;
    z-index: 2;
    max-height: 220px;
    overflow: auto
}

    .address-list li {
        cursor: pointer;
        padding-left: 5px;
        padding-right: 5px;
        text-align: left
    }

        .address-list li:last-child {
            border-bottom: 0
        }

        .address-list li:hover {
            background-color: #48cdee
        }

        .address-list li p {
            margin: 0;
            padding: 5px
        }

            .address-list li p span {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

.no-recommend-template > .offer-doc {
    width: 40%;
    margin-right: 60px
}

.no-recommend-template > .preview-ctn {
    padding: 0;
    margin-top: 50px;
    height: auto
}

.interview-list .col-xs-2 {
    width: 89px;
    padding-right: 0
}

.interview-list .col-xs-10 {
    padding-left: 0
}

.offer-detail-form {
    height: 500px;
    overflow: auto
}

    .offer-detail-form .add-share {
        margin-top: 0;
        margin-left: 0
    }

    .offer-detail-form .del-offer-divide {
        margin-top: 10px
    }

    .offer-detail-form .ta-l {
        text-align: left
    }

    .offer-detail-form .divide-name {
        padding-top: 7px
    }

.edit-btn {
    padding: 3px 0;
    margin: 0
}

    .edit-btn.disabled {
        color: #b2b2b2;
        cursor: not-allowed;
        text-decoration: none
    }

.add-position-title-explain-text {
    margin-top: 7px;
    display: inline-block;
    margin-left: 25px
}

.offer-file {
    margin-top: 3px
}

    .offer-file.attachment-file-list {
        width: auto
    }

        .offer-file.attachment-file-list > div {
            width: 400px;
            display: inline-block;
            vertical-align: middle
        }

    .offer-file > span {
        display: inline-block;
        margin-left: 15px
    }

.recommend-report .download-icon {
    font-size: 25px
}

.recommend-report .pre-report {
    margin-right: 30px
}

.recommend-report .pre-icon {
    font-size: 23px
}

.basic-form, .career, .education, .reason-form, .salary-detail {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 25px
}

    .basic-form .info-title, .career .info-title, .education .info-title, .reason-form .info-title, .salary-detail .info-title {
        margin-bottom: 5px;
        font-weight: 700;
        color: #969696
    }

    .basic-form .edit-icon, .career .edit-icon, .education .edit-icon, .reason-form .edit-icon, .salary-detail .edit-icon {
        opacity: 0;
        color: #969696
    }

    .basic-form:hover .edit-icon, .career:hover .edit-icon, .education:hover .edit-icon, .reason-form:hover .edit-icon, .salary-detail:hover .edit-icon {
        opacity: 1
    }

.education {
    border-bottom: none
}

.download-report {
    font-size: 12px
}

    .download-report i {
        font-size: 25px;
        vertical-align: middle
    }

.right-two-triangle {
    border-left: 5px solid #48cdee;
    color: #666;
    font-size: 16px;
    font-weight: 700;
    padding-left: 9px;
    margin-bottom: 16px;
    margin-left: -15px
}

.candidate-status-tag {
    width: 65px;
    height: 22px;
    position: relative;
    background-color: #84be45;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    border-radius: 3px;
    text-indent: 8px
}

    .candidate-status-tag:after {
        content: "";
        width: 6px;
        height: 6px;
        position: absolute;
        left: 3px;
        top: 8px;
        border-radius: 50%;
        background-color: currentColor
    }

.font-color-blue {
    color: #4bbcdc
}

.candidate-detail .recommend-process {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin-bottom: 70px;
    position: relative;
    padding: 0;
    margin-top: 50px
}

    .candidate-detail .recommend-process > .recommend-process-list {
        display: table-cell;
        position: relative
    }

        .candidate-detail .recommend-process > .recommend-process-list:hover .process-period-num.active {
            background-color: #78dcf5;
            transition-delay: 0s;
            -webkit-transform: scale(1.2);
            transform: scale(1.2)
        }

            .candidate-detail .recommend-process > .recommend-process-list:hover .process-period-num.active:before {
                border-color: #48cdee;
                -webkit-transform: scale(1.8);
                transform: scale(1.8);
                opacity: 0;
                transition-delay: 0s
            }

    .candidate-detail .recommend-process .process-title {
        text-align: center;
        line-height: 25px;
        position: absolute;
        bottom: -38px
    }

    .candidate-detail .recommend-process .process-line {
        position: absolute;
        left: 0;
        bottom: -2px;
        z-index: -2;
        height: 3px;
        width: 100%;
        background: #cad1e1;
        z-index: 2
    }

.candidate-detail .process-line.process-line-green {
    background: #48cdee;
    top: 0;
    left: 0;
    margin-left: -6px;
    position: absolute;
    transition: width .5s linear .5s;
    width: 0
}

.candidate-detail .process-line.process-line-red {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-top: 3px dotted #ff7474;
    border-radius: 0 25% 0 0;
    transition: width .2s linear 1s
}

.candidate-detail .recommend-process-list > .process-period-num {
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #cad1e1;
    color: #fff;
    text-align: center;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
    z-index: 3;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all .2s linear 1s
}

    .candidate-detail .recommend-process-list > .process-period-num:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 11px;
        width: 11px;
        border-radius: 50%;
        border: 2px solid transparent;
        background-color: transparent;
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1;
        transition: all .5s ease-out
    }

    .candidate-detail .recommend-process-list > .process-period-num.active {
        background-color: #48cdee
    }

.candidate-detail .recommend-process .cur-step {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 7px;
    background-color: #48cdee;
    border-radius: 50%;
    -webkit-transform: rotate(135deg) scale(0);
    transform: rotate(135deg) scale(0);
    transition: all .2s linear;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    transition-delay: 1s;
    margin-left: -23px
}

    .candidate-detail .recommend-process .cur-step:before {
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        left: 4px;
        top: 6px;
        border-radius: 50%;
        background-color: #fff;
        z-index: 2
    }

    .candidate-detail .recommend-process .cur-step.active {
        -webkit-transform: rotate(135deg) scale(1);
        transform: rotate(135deg) scale(1);
        border-radius: 100% 0 60% 70%/60% 0 100% 70%;
        top: -7px
    }

    .candidate-detail .recommend-process .cur-step.cur-fail {
        background-color: #ff7474
    }

.candidate-detail .recommend-process-list > .process-period-time {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -55px;
    color: #b2b2b2;
    font-size: 12px
}

.candidate-detail .recommend-process-list > .process-refuse-red-time {
    position: absolute;
    width: 80px;
    text-align: center;
    bottom: -40px;
    left: calc(100% - 40px);
    opacity: 0;
    transition: all .2s linear 1.2s
}

    .candidate-detail .recommend-process-list > .process-refuse-red-time span {
        position: absolute;
        top: -90px;
        left: 12px;
        color: #b2b2b2;
        font-size: 12px
    }

.candidate-detail .recommend-process-list > .process-refuse-red {
    position: absolute;
    padding: 3px 0;
    background-color: #f86868;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    top: -75px;
    left: calc(100% - 25px);
    z-index: 6;
    width: 50px;
    opacity: 0;
    transition: all .2s linear 1.2s
}

.candidate-detail .process-info {
    background-color: #fafafa
}

.candidate-detail-info .info-list {
    margin-bottom: 8px
}

.candidate-detail-info span {
    margin-right: 5px
}

.info-list > li {
    list-style: none
}

.info-list-icon {
    width: 12px;
    height: 12px
}

.info-list-icon-border {
    background-color: #63d3ee;
    border-radius: 17px;
    display: inline-block;
    width: 20px;
    min-height: 20px;
    padding: 0 5px;
    margin: 0 3px;
    font-size: 12px;
    vertical-align: middle;
    position: relative;
    transition: all .2s cubic-bezier(.39,.58,.57,1);
    overflow: hidden
}

    .info-list-icon-border:hover {
        background-color: #35c6e9
    }

        .info-list-icon-border:hover .info-list-icon {
            -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg)
        }

        .info-list-icon-border:hover span.tel {
            width: auto
        }

    .info-list-icon-border.active {
        width: 110px;
        background-color: #35c6e9
    }

        .info-list-icon-border.active span.tel {
            opacity: 1
        }

    .info-list-icon-border .info-list-icon {
        position: absolute;
        top: 4px;
        left: 4px;
        transition: all .3s ease-in-out
    }

    .info-list-icon-border .icon-normal {
        opacity: 1;
        transition: all .1s ease
    }

    .info-list-icon-border .icon-hide {
        opacity: 0;
        transition: all .1s ease
    }

    .info-list-icon-border span.tel {
        margin-left: 17px;
        margin-bottom: 0;
        width: 0;
        transition: all .3s ease .2s;
        white-space: nowrap;
        opacity: 0;
        color: #fff;
        line-height: 20px;
        display: inline-block
    }

.recommend-process-detail > .recommend-process-detail-clear {
    border-bottom: none;
    margin-bottom: 0;
    padding: 0
}

.recommend-process-detail {
    margin-bottom: 47px;
    border-radius: 3px;
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
    padding: 15px
}

    .recommend-process-detail > div {
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 10px;
        margin-bottom: 25px
    }

        .recommend-process-detail > div:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding: 0
        }

    .recommend-process-detail.form-horizontal > div {
        border: none;
        margin-bottom: 0
    }

    .recommend-process-detail.form-horizontal .input-area {
        margin-left: 0;
        margin-right: 0
    }

    .recommend-process-detail.form-horizontal .form-foot {
        margin-top: 0
    }

    .recommend-process-detail .sub-status {
        color: #969696
    }

        .recommend-process-detail .sub-status.active button {
            margin-top: 3px
        }

        .recommend-process-detail .sub-status .text {
            margin-top: 7px
        }

    .recommend-process-detail .feedback-ctn {
        border-bottom: 1px dashed #e5e5e5
    }

        .recommend-process-detail .feedback-ctn p {
            margin-bottom: 5px
        }

        .recommend-process-detail .feedback-ctn .del-icon {
            opacity: 0;
            color: #969696;
            font-size: 12px
        }

        .recommend-process-detail .feedback-ctn:hover .del-icon {
            opacity: 1
        }

        .recommend-process-detail .feedback-ctn:last-child {
            border-bottom: none
        }

    .recommend-process-detail .interview-list {
        border-bottom: 1px dashed #e5e5e5;
        margin-bottom: 15px
    }

        .recommend-process-detail .interview-list .edit-icon {
            opacity: 0;
            color: #969696
        }

        .recommend-process-detail .interview-list:hover .edit-icon {
            opacity: 1
        }

        .recommend-process-detail .interview-list:last-child {
            border: none;
            padding-bottom: 0;
            margin-bottom: 0
        }

    .recommend-process-detail .feedback {
        padding-bottom: 0;
        margin-bottom: 20px;
        color: #8b8b8b;
        word-wrap: break-word
    }

    .recommend-process-detail .no-edit {
        color: #b2b2b2;
        font-size: 12px
    }

    .recommend-process-detail .info-title {
        margin-top: 0;
        margin-bottom: 15px;
        font-weight: 700;
        color: #969696;
        font-size: 14px
    }

    .recommend-process-detail .download-offer {
        margin-left: 0;
        padding-left: 0
    }

    .recommend-process-detail .info-sub-title {
        margin-bottom: 3px;
        font-weight: 400;
        color: #b2b2b2;
        font-size: 12px
    }

    .recommend-process-detail ul {
        margin-bottom: 15px;
        padding: 0;
        list-style: none;
        color: #8b8b8b
    }

        .recommend-process-detail ul li {
            margin-bottom: 5px;
            word-break: break-all
        }

    .recommend-process-detail .row {
        margin-bottom: 15px
    }

    .recommend-process-detail .offer-doc-title {
        float: left;
        margin-top: 3px;
        padding: 0
    }

    .recommend-process-detail .offer-doc-ctn {
        width: 50%;
        margin-left: 80px;
        margin-bottom: 5px
    }

.form-select {
    padding-left: 0;
    padding-right: 0
}

.reason-flag textarea {
    margin-bottom: 5px
}

.span-margin-left-20 {
    margin-left: 20px
}

.detail-footer {
    position: absolute;
    width: 876px;
    text-align: center;
    bottom: 0;
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    padding: 15px
}

.border-top-dashed {
    border-top: 1px dashed #95a3b5;
    padding-top: 20px
}

.edit-icon-candidate-receive {
    cursor: pointer;
    font-size: 20px
}

.form-foot {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%
}

.candidate-detail .recommend-process-detail .list-unstyled {
    padding: 0
}

.interview-select .interview-select-width {
    width: 102px;
    margin-left: 15px
}

    .interview-select .interview-select-width .interview-select-time {
        padding: 0
    }

    .interview-select .interview-select-width .err-tip {
        position: absolute;
        left: 10px;
        bottom: -30px
    }

.offer-edit-form {
    position: relative
}

    .offer-edit-form > .edit-offer {
        position: absolute;
        right: 10px;
        top: 32px;
        font-size: 20px;
        color: #8b8b8b;
        opacity: 0
    }

        .offer-edit-form > .edit-offer:hover {
            cursor: pointer
        }

    .offer-edit-form:hover > .edit-offer {
        opacity: 1
    }

.no-recommend-template > .offer-doc > .input-group .file-name {
    width: 230px
}

.candidate-detail .candidate-name-wrap {
    position: relative
}

    .candidate-detail .candidate-name-wrap .cdd-name {
        display: inline-block;
        color: #666;
        font-size: 16px;
        font-weight: 700
    }

    .candidate-detail .candidate-name-wrap .cdd-name-icon {
        display: inline-block;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: #63d3ee url(https://assets.hunterplus.net/images/user-profile-icon.png) no-repeat;
        -webkit-transform: scale(.83);
        transform: scale(.83);
        transition: all .2s ease 0s;
        vertical-align: bottom;
        margin-left: 8px
    }

        .candidate-detail .candidate-name-wrap .cdd-name-icon.inactive {
            display: none
        }

        .candidate-detail .candidate-name-wrap .cdd-name-icon:hover {
            -webkit-transform: scale(.83) rotate(-30deg);
            transform: scale(.83) rotate(-30deg)
        }

.recommended-status-bg-green {
    background-color: #85bf43
}

.recommended-status-bg-gray {
    background-color: #7f839e
}

.candidate-list-operate, .candidate-recommended-classify {
    padding: 14px 10px 0 0;
    border-right: 1px solid #e5e5e5
}

    .candidate-list-operate .tips, .candidate-recommended-classify .tips {
        margin-bottom: 0
    }

    .candidate-recommended-classify > ul {
        width: 100%;
        display: table;
        table-layout: fixed;
        padding: 0;
        list-style: none;
        margin-top: 5px
    }

        .candidate-recommended-classify > ul > li {
            display: table-cell;
            padding-right: 1%;
            list-style: none
        }

        .candidate-recommended-classify > ul:first-child > li, .candidate-recommended-classify > ul:last-child > li {
            padding-right: 1.3%
        }

        .candidate-recommended-classify > ul > li > button {
            width: 100%
        }

    .candidate-recommended-classify .active-status-type {
        background-color: #7f839e;
        color: #fff;
        outline: none
    }

.candidate-recommended-type-ul li {
    width: 74px
}

    .candidate-recommended-type-ul li button {
        padding: 5px 2px;
        width: 74px
    }

.show-more {
    cursor: pointer;
    color: #cecece;
    font-size: 16px
}

.candidate-upload-type {
    background-color: #fff;
    margin-bottom: 30px;
    border: none;
    height: 106px
}

    .candidate-upload-type li {
        text-align: left;
        padding: 10px 15px;
        border-top: 5px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        transition: all .15s ease-out;
        border-left: 1px solid #e5e5e5;
        margin-left: -1px
    }

        .candidate-upload-type li:last-child {
            border-right: 1px solid #e5e5e5
        }

        .candidate-upload-type li.selected {
            border: 1px solid #48cdee;
            border-top: 5px solid #48cdee
        }

            .candidate-upload-type li.selected .type-ctn {
                border-top: 1px solid #e5e5e5;
                margin-top: 10px;
                padding-top: 10px;
                height: 50px;
                opacity: 1
            }

        .candidate-upload-type li .type-title {
            padding: 0 5px;
            font-size: 14px
        }

        .candidate-upload-type li .type-ctn {
            border-top: 1px solid transparent;
            margin-top: 0;
            padding-top: 0;
            opacity: 0;
            font-size: 12px;
            height: 0;
            overflow: hidden;
            transition: all .2s linear
        }

            .candidate-upload-type li .type-ctn p {
                margin-bottom: 0;
                color: #969696
            }

.upload-folder-btn {
    position: relative;
    display: inline-block;
    margin-left: 15px
}

.candidate-upload-ctn {
    padding: 15px
}

.doc-upload-title {
    background-color: #f9f9f9;
    padding: 10px;
    margin-top: 20px;
    font-size: 12px
}

    .doc-upload-title > .pull-left {
        margin: 4px 0 0
    }

    .doc-upload-title span {
        margin: 0 5px
    }

    .doc-upload-title .file-name {
        max-width: 40%;
        margin-right: 0;
        float: left
    }

.doc-upload-ctn {
    list-style: none;
    padding: 0
}

    .doc-upload-ctn li {
        padding: 15px 0;
        border-bottom: 1px solid #e5e5e5;
        list-style: none;
        color: #969696
    }

        .doc-upload-ctn li p {
            margin-bottom: 0;
            float: left;
            padding-top: 16px
        }

    .doc-upload-ctn .upload-process-bg {
        height: 10px;
        border-radius: 3px;
        width: 100%;
        background-color: #f9f9f9;
        border: 1px solid #e5e5e5;
        position: relative
    }

        .doc-upload-ctn .upload-process-bg .upload-process {
            position: absolute;
            top: -1px;
            left: 0;
            width: 0;
            height: 10px;
            border: 1px solid #48cdee;
            border-radius: 3px;
            background-color: #48cdee;
            transition: width .5s ease-out
        }

    .doc-upload-ctn .upload-process-num {
        font-size: 10px;
        padding-right: 3px
    }

.upload-err {
    color: #ff7474
}

.upload-status {
    font-size: 10px
}

.excel-upload-ctn {
    list-style: none;
    padding: 0
}

    .excel-upload-ctn li {
        list-style: none;
        padding: 8px 10px;
        border-bottom: 1px solid #e5e5e5
    }

        .excel-upload-ctn li:last-child {
            border-bottom: 0
        }

.excel-upload-count {
    background-color: #f9f9f9;
    font-size: 12px;
    padding: 10px
}

.upload-excel-form {
    position: relative
}

.exce-lupload-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 107px;
    opacity: 0
}

.add-bookmark-title {
    padding-bottom: 10px;
    padding-top: 10px
}

.add-bookmark {
    color: #fac160;
    font-size: 16px;
    background-color: #fac160;
    padding: 13px 60px;
    margin-right: 10px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

    .add-bookmark:focus, .add-bookmark:hover {
        color: #fac160
    }

    .add-bookmark:before {
        width: 0;
        height: 0;
        content: "";
        border-top: 6px solid #e9a532;
        border-right: 6px solid #e9a532;
        border-left: 6px solid #fff;
        border-bottom: 6px solid #fff;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .add-bookmark:after {
        content: "把我拖拽至书签栏";
        position: absolute;
        top: 13px;
        left: 52px;
        color: #fff
    }

.bookmark-tip {
    font-size: 12px;
    color: #969696;
    width: 288px
}

.bookmark-tip-img {
    width: 100%
}

.create-candidate {
    padding-top: 10px
}

.cdd-label {
    width: 100px;
    padding-left: 15px
}

.mobile p {
    margin-bottom: 0
}

.mobile > div {
    position: relative;
    padding-right: 15px
}

    .mobile > div .col-xs-4 {
        padding-right: 0;
        padding-left: 0
    }

    .mobile > div input {
        position: absolute
    }

.create-candidate > .create-title, .create-candidate > .edu-title {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 18px;
    border-left: 11px solid #63d3ee;
    padding-left: 8px;
    font-size: 18px
}

    .create-candidate > .create-title:after, .create-candidate > .create-title:before, .create-candidate > .edu-title:after, .create-candidate > .edu-title:before {
        content: " ";
        display: table
    }

    .create-candidate > .create-title:after, .create-candidate > .edu-title:after {
        clear: both
    }

.resume-upload-panel {
    text-align: left
}

    .resume-upload-panel .upload-icon {
        display: inline-block;
        border-right: 1px solid #19bbe2;
        padding-right: 10px;
        margin-right: 5px
    }

.text-muted {
    font-size: 14px
}

    .text-muted.contrast-text-muted {
        font-size: 12px
    }

.uploaded-file-list {
    margin-top: 15px
}

.create-candidate .create-form {
    margin-bottom: 10px;
    position: relative
}

    .create-candidate .create-form .form-group {
        padding-left: 33px;
        padding-right: 15px;
        margin-left: 0;
        margin-right: 0
    }

    .create-candidate .create-form .htp-btn-icon {
        margin-left: 33px;
        margin-bottom: 15px
    }

    .create-candidate .create-form .resume-file {
        margin-top: 10px
    }

    .create-candidate .create-form .attachment-file-list {
        padding-left: 35px
    }

    .create-candidate .create-form .create-candidate-contrast-btn {
        margin-top: -9px
    }

    .create-candidate .create-form .candidate-attr {
        font-size: 14px;
        margin-bottom: 10px
    }

        .create-candidate .create-form .candidate-attr .htp-btn-link, .create-candidate .create-form .candidate-attr .htp-btn-link-gray {
            padding: 0;
            margin-right: 10px;
            font-size: 14px;
            vertical-align: top
        }

        .create-candidate .create-form .candidate-attr .tag-item {
            font-size: 14px;
            margin-top: -4px
        }

        .create-candidate .create-form .candidate-attr .control-label {
            padding-top: 1px
        }

.create-candidate > .block-gap {
    margin-bottom: 27px
}

.create-candidate > .work-exp {
    margin-left: 33px;
    margin-right: 33px
}

.create-candidate > .edu-title {
    position: relative;
    width: 540px
}

    .create-candidate > .edu-title > span:first-child {
        position: absolute;
        top: 4px
    }

.create-candidate > .edu-form {
    position: relative
}

.create-candidate .create-form + .create-form {
    padding-top: 22px;
    border-top: 1px dashed #95a3b5
}

.create-candidate .create-form > .delete-edu {
    position: absolute;
    right: 33px;
    font-size: 24px;
    cursor: pointer
}

.create-candidate > .edu-title > .btn {
    width: 100px
}

.create-candidate > .form-foot {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
    border-top: 1px solid #e5e5e5
}

    .create-candidate > .form-foot.no-bd {
        border-top: 0 none
    }

.styled-checkbox {
    position: absolute;
    opacity: 0
}

    .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0
    }

        .styled-checkbox + label:before {
            content: "";
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 18px;
            height: 18px;
            border: 1px solid #ccc;
            background: #fff;
            border-radius: 2px
        }

    .styled-checkbox:hover + label:before {
        background: #50c8eb;
        border: 1px solid #50c8eb
    }

    .styled-checkbox:checked + label:before {
        background: #50c8eb
    }

    .styled-checkbox.disabled + label, .styled-checkbox[disabled] + label {
        color: #b8b8b8
    }

        .styled-checkbox.disabled + label:before, .styled-checkbox[disabled] + label:before {
            box-shadow: none;
            background: #ddd
        }

    .styled-checkbox:checked + label:after {
        content: "";
        position: absolute;
        left: 4.5px;
        top: 9px;
        background: #fff;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 #fff,4px 0 0 #fff,4px -2px 0 #fff,4px -4px 0 #fff,4px -6px 0 #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.form-group .control-label {
    text-align: right;
    padding-right: 0
}

.form-group .req {
    color: #ff7474
}

.cdd-upload-icon {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 3px;
    display: inline-block;
    background-image: url(https://assets.hunterplus.net/images/upload-cdd-icon.png);
    background-size: 126px
}

    .cdd-upload-icon.single {
        background-position: 0 0
    }

        .cdd-upload-icon.single.active {
            background-position: 0 -34px
        }

    .cdd-upload-icon.doc {
        background-position: -34px 0
    }

        .cdd-upload-icon.doc.active {
            background-position: -34px -34px
        }

    .cdd-upload-icon.excel {
        background-position: -68px 0
    }

        .cdd-upload-icon.excel.active {
            background-position: -68px -34px
        }

    .cdd-upload-icon.other {
        background-position: -102px 0
    }

        .cdd-upload-icon.other.active {
            background-position: -102px -34px
        }

.batch-upload-btn {
    display: inline-block;
    vertical-align: middle
}

.upload-doc-icon, .upload-docx-icon, .upload-pdf-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    background-size: 50px;
    margin-right: 15px
}

.upload-doc-icon {
    background-image: url(https://assets.hunterplus.net/images/muiltiple-export.png)
}

.upload-pdf-icon {
    background-image: url(https://assets.hunterplus.net/images/pdf.png)
}

.upload-docx-icon {
    background-image: url(https://assets.hunterplus.net/images/docx.png)
}

.doc-file-size {
    margin-top: 6px
}

.red-dot-parent {
    position: relative
}

.create-candidate-red:after {
    content: url(https://assets.hunterplus.net/images/reddot.svg);
    position: absolute;
    top: -31px;
    left: 85%
}

.candidate-upload-ctn > .candidate-tutorial-link {
    margin-top: 20px
}

    .candidate-upload-ctn > .candidate-tutorial-link li {
        line-height: 25px
    }

.import-multiple-files-title {
    padding: 20px 0 15px 30px
}

.import-multiple-files .doc-upload-ctn .upload-doc-icon {
    margin-left: 15px
}

.import-multiple-files .doc-upload-ctn .upload-doc-info {
    margin-left: 20px
}

.import-multiple-files .doc-upload-ctn .upload-doc-status {
    width: 28%;
    padding-top: 16px
}

    .import-multiple-files .doc-upload-ctn .upload-doc-status .success-msg {
        padding-right: 25px
    }

.show-coll-modal-table > .detail-info.noPreviewUrl {
    width: 100%
}

.contrast-form .edu-form .start.form-group {
    margin-left: 0
}

.contrast-form .edu-form .separator.selfActive {
    width: 10%
}

.contrast-form .edu-form .edu-time-form {
    margin-bottom: 0
}

.horizontal-title-tab {
    padding: 0;
    margin: 0
}

    .horizontal-title-tab li {
        text-align: center;
        display: inline-block;
        padding: 10px;
        margin: 0;
        border-right: 1px solid #e5e5e5
    }

        .horizontal-title-tab li.active {
            background-color: #c2c2c2
        }

.border-div {
    border: 1px solid #e5e5e5
}

.no-border-top {
    border-top: none !important
}

.no-border-bottom {
    border-bottom: none !important
}

.pointer {
    cursor: pointer
}

.common-border {
    border: 1px solid #e5e5e5
}

.text-wrap {
    white-space: pre-line;
    word-break: break-all
}

.text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.bd-form h4, .center {
    text-align: center
}

.bd-form h4 {
    margin: 0 auto;
    padding: 20px 0 35px
}

.bd-form .bd-source-group {
    height: 34px
}

.bd-form .bd-source-div {
    margin-top: 7px
}

    .bd-form .bd-source-div .htp-checkbox, .bd-form .bd-source-div input {
        cursor: pointer
    }

.bd-form .bd-source-other-div {
    position: absolute;
    right: 105px
}

.bd-form .htp-radio {
    margin-bottom: 0;
    padding-top: 7px
}

.bd-form .htp-tabs-select br {
    display: none
}

.bd-form .tags-input .tags .input {
    font: inherit;
    padding-left: 8px
}

.bd-form .bd-line {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
    width: 13%;
    border: 1px solid #b2b2b2;
    text-align: center
}

.BD-title > h4 {
    margin-left: 43px
}

.BD-title > a {
    margin-top: 20px;
    cursor: pointer
}

    .BD-title > a > img {
        width: 15px;
        height: 15px;
        opacity: .5;
        margin-top: -2px
    }

.add-company {
    width: 100%;
    margin: 15px 0 0 20px
}

    .add-company .candidate-attr {
        font-size: 14px;
        margin-bottom: 10px
    }

        .add-company .candidate-attr .htp-btn-link, .add-company .candidate-attr .htp-btn-link-gray {
            padding: 0;
            margin-right: 10px;
            font-size: 14px;
            vertical-align: top
        }

        .add-company .candidate-attr .tag-item {
            font-size: 14px;
            margin-top: -4px
        }

.add-company-title {
    width: 100%;
    display: table;
    table-layout: fixed;
    padding-bottom: 12px
}

    .add-company-title > .add-company-tab {
        display: table-cell;
        position: relative;
        padding-top: 6px;
        height: 37px;
        border: 1px solid #bfc5d9;
        border-bottom: 3px solid #c0c6da;
        text-align: center
    }

        .add-company-title > .add-company-tab.define {
            border-bottom-color: #70b32e
        }

.tab-circle {
    position: absolute;
    left: calc(50% - 12px);
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background-color: #c0c6da;
    text-align: center;
    color: #fff;
    line-height: 24px
}

    .tab-circle.define {
        background-color: #70b32e
    }

.select-company {
    margin-top: 30px
}

.review-process {
    margin-top: 80px;
    text-align: center
}

.priceGradientList {
    border-bottom: 1px dashed #c0c6da
}

    .priceGradientList .form-group {
        margin-left: 0
    }

.price-label {
    float: left;
    width: 13%
}

.price-input {
    width: 15%;
    margin-left: 8px;
    margin-top: -10px;
    margin-right: 25px
}

.upload-img {
    width: 78px;
    height: 80px;
    border: 1px dashed #c0c6da;
    text-align: center
}

    .upload-img + img {
        width: 80px;
        height: 80px;
        margin: -100px 0 0 110px;
        -o-object-fit: cover;
        object-fit: cover
    }

.upload-img-icon {
    margin-top: 10px;
    color: #c0c6da;
    font-size: 40px
}

.ui-select-bootstrap .ui-select-choices-row.active > a {
    background-color: #63d3ee
}

.ui-select-bootstrap .ui-select-toggle > .caret {
    visibility: hidden
}

.add-company .text-muted {
    color: #95a3b5
}

.add-company .create-com {
    color: #20abd9;
    cursor: pointer;
    margin-top: 7px
}

.add-company .new-signing-user .control-label, .add-company .search-com {
    width: 100px;
    padding-right: 0
}

.add-company .new-signing-user .control-label {
    text-align: right
}

.add-company .new-signing-user .com-full-name {
    position: relative;
    top: 7px
}

.add-company .salary-percent {
    width: 80px;
    margin-left: 0
}

.add-company .calendar-input-width {
    width: 100px;
    padding: 0
}

.add-company .form-horizontal .radio-padding {
    padding-top: 7px
}

.fix-textarea-width {
    width: 512px
}

    .fix-textarea-width > textarea {
        resize: none;
        scorll: auto;
        width: 480px;
        height: 120px
    }

    .fix-textarea-width > .service-term-text {
        font-size: 12px;
        color: #b2b2b2
    }

.bd-clue-page .list-page {
    margin-top: 6px;
    height: 100%;
    width: 320px
}

.bd-clue-page .clue-list {
    background-color: #fafafa;
    border: 1px solid #e5e5e5
}

.bd-clue-page .clue-list-item :hover {
    border-left-color: #48cdee
}

.bd-clue-page .clue-list-item p {
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bd-clue-page .detail-page .write-btn {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px
}

.bd-clue-page .position-list-status-icon {
    top: 20px
}

.bd-clue-page .clue-list-item p {
    margin: 0;
    height: 34px;
    line-height: 34px
}

.bd-clue-page .position-operation-panel {
    padding-bottom: 12px
}

.bd-clue-page .detail-page .no-clue {
    margin-top: 100px;
    padding-bottom: 50px
}

    .bd-clue-page .detail-page .no-clue img {
        width: 100%;
        display: block;
        margin: 0 auto
    }

.bd-clue-page .detail-page .no-clue-text {
    text-align: center;
    font-size: 18px
}

    .bd-clue-page .detail-page .no-clue-text a {
        cursor: pointer
    }

.check-record-content {
    width: 100%;
    border: 1px solid #e5e5e5;
    text-align: center;
    border-bottom: 0
}

.check-tab {
    width: 50%;
    height: 55px;
    display: inline-block;
    float: left;
    font-size: 18px;
    padding-top: 13px;
    background-color: #ebebeb
}

.checking {
    border-right: 1px solid #e5e5e5
}

.check-tab-list {
    border-bottom: 1px solid #e5e5e5;
    width: 50%;
    height: 48px;
    display: inline-block;
    float: left;
    font-size: 14px;
    padding-top: 12px
}

.check-selected {
    background-color: inherit;
    border-bottom: 1px solid #e5e5e5
}

.checked-list {
    hight: 48px;
    width: 100%
}

    .checked-list td, .checked-list th {
        text-align: center;
        vertical-align: middle
    }

.checked-list-name {
    width: 33.33%
}

.checked-list-name, .checked-list-status {
    border-bottom: 1px solid #b8c3c5;
    display: inline-block;
    float: left;
    font-size: 14px;
    padding-top: 12px
}

.checked-list-status {
    width: 20%;
    text-align: center
}

.checked-list-time {
    border-bottom: 1px solid #b8c3c5;
    width: 16.66%;
    display: inline-block;
    float: left;
    font-size: 14px;
    padding-top: 12px
}

.check-record-content .no-audit-record {
    height: 100px;
    line-height: 100px
}

.check-record-content .checked-list {
    border-bottom: 1px solid #e5e5e5
}

.check-record-content .table {
    margin-bottom: 0
}

    .check-record-content .table th {
        border-top: 0
    }

.check-record-content .change-check-record {
    color: #48cdee;
    cursor: pointer
}

.check-record-result p {
    margin-bottom: 0
}

.company-detail-left {
    margin-top: 10px;
    margin-bottom: 20px
}

    .company-detail-left.no-new .new-notice {
        display: none
    }

.company-detail-nav {
    display: block;
    height: 50px;
    background-color: #ebebeb;
    border-bottom: 1px solid #dadde6
}

    .company-detail-nav .tabs-info-active {
        background-color: #fff
    }

.company-detail-tab {
    float: left;
    width: 210px;
    height: 50px;
    text-align: center;
    padding-top: 12.5px;
    border-right: 1px solid #dadde6
}

.detail-right-content {
    width: 100%;
    display: inline-block;
    border: 1px solid #e5e5e5;
    margin-top: 10px;
    padding: 30px 30px 15px 0;
    text-align: left;
    line-height: 200%
}

    .detail-right-content .col-md-4 {
        text-align: right;
        color: #b2b2b2
    }

    .detail-right-content .col-md-8 {
        padding: 0
    }

    .detail-right-content .summary {
        max-height: 10em;
        overflow: hidden
    }

    .detail-right-content .more {
        color: #b2b2b2;
        cursor: pointer
    }

.company-green-block {
    border-left: 10px solid #73b436;
    padding-left: 13px;
    margin-bottom: 18px
}

.company-website {
    padding: 0;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis
}

.company-detail-right-title {
    height: 50px;
    border: 1px solid #e5e5e5;
    padding-top: 10px
}

.company-detail-left .find-nothing img {
    width: 100%
}

.company-detail-left .find-nothing .find-nothing-img {
    font-size: 14px;
    color: #b2b2b2;
    text-align: center
}

.main-search-result .company-detail-top {
    border-top: none
}

.company-function-button {
    width: 100%;
    height: 80px;
    padding-top: 15px;
    cursor: pointer;
    background-color: #fff;
    box-shadow: inset 0 2px 3px -1px #ecedf1,inset -2px 0 3px -1px #ecedf1
}

.company-function-button-dashed {
    width: 280px;
    height: 50px;
    margin: 0 auto;
    border: 1px dashed #d1d1d1;
    border-radius: 3px;
    text-align: center
}

.sign-add-icon {
    font-size: 30px
}

.company-function-name {
    padding-top: 16px;
    position: relative;
    font-size: 16px
}

.check-record {
    top: 10px
}

.company-handle {
    width: 75%;
    float: left;
    background-color: #fff
}

.headImg {
    width: 80px;
    height: 80px;
    background-color: #48cdee;
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 30px;
    text-align: center;
    padding-top: 20px;
    border-radius: 7px
}

.contract-status {
    float: left;
    position: absolute;
    left: -2px;
    top: 13px
}

.right-tabs-info .company-analyse-border {
    padding-bottom: 12px
}

.company-manage-main .add-company-edit-icon .go-to-bd, .company-manage-main .add-company-edit-icon .go-to-bd:hover {
    color: #555
}

.add-company-edit-icon {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    color: #dfdfdf;
    width: 318px;
    background-color: #f9f9f9
}

    .add-company-edit-icon > div {
        padding: 17px 24px
    }

    .add-company-edit-icon .active {
        color: #63d3ee;
        background-color: #fff
    }

.add-company-edit-item {
    padding-left: 40px
}

.add-company-edit-item-text {
    padding-top: 13px
}

.company-info {
    clear: both;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    border: 1px solid #e5e5e5;
    border-top: none;
    float: left
}

    .company-info img, .company-logo-null {
        width: 120px;
        height: 120px;
        margin-top: 20px;
        float: left;
        border-radius: 7px
    }

.company-logo-null {
    background-color: #48cdee;
    font-size: 40px;
    text-align: center;
    padding-top: 30px;
    color: #fff
}

.company-all {
    margin-left: 130px
}

.min-name {
    color: #63d3ee;
    font-size: 18px;
    display: inline-block;
    margin-right: 15px
}

.company-all .company-name {
    margin-top: 25px;
    margin-bottom: 15px
}

.company-all .company-tabs {
    margin-bottom: 15px
}

    .company-all .company-name span, .company-all .company-tabs i {
        margin-right: 10px
    }

    .company-all .company-tabs span {
        display: inline-block;
        margin-right: 20px
    }

        .company-all .company-tabs span span {
            margin: 0
        }

        .company-all .company-tabs span img {
            width: 16px;
            height: 16px;
            margin-top: 0;
            margin-right: 5px;
            float: inherit
        }

.company-all .company-others span {
    margin-right: 50px
}

.right-tabs-info {
    float: left;
    width: 100%;
    border: 1px solid #e5e5e5
}

.company-nav-info {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    text-align: center
}

    .company-nav-info li:last-child a {
        border-right: 1px solid transparent
    }

    .company-nav-info:after {
        clear: both
    }

    .company-nav-info > li {
        position: relative;
        display: block;
        width: 25%
    }

        .company-nav-info > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
            border-bottom: 1px solid #dadde6;
            border-right: 1px solid #dadde6
        }

.company-info-tab > li {
    float: left
}

    .company-info-tab > li.tabs-info-active > a {
        background-color: #fff
    }

    .company-info-tab > li > a {
        color: #5c677d;
        background-color: #ebebeb
    }

        .company-info-tab > li > a:hover, .info-tab-select {
            background-color: #fff
        }

.info-tab-select {
    border-top: 1px solid #cbcecf;
    border-bottom: 1px solid #fff
}

.company-analyse {
    padding: 35px 15px 0
}

.company-info-edit-button {
    margin-bottom: 20px;
    margin-top: -20px;
    text-align: center;
    margin-top: 15px
}

.create-text-area {
    border: 1px dashed #a8b5ce;
    text-align: center;
    border-radius: 4px;
    margin-left: 1em
}

    .create-text-area p {
        margin: 20px 0
    }

.edit-textarea {
    height: 250px;
    resize: none;
    overflow: auto;
    border-radius: 5px;
    width: 100%
}

.position-list-info {
    float: left;
    width: 30%
}

    .position-list-info span {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px
    }

.position-list-money {
    float: left;
    margin-top: 35px;
    width: 30%;
    text-align: center
}

.position-list-others {
    display: inline-block;
    width: 37%;
    text-align: right;
    margin-top: 10px
}

    .position-list-others small {
        display: block;
        line-height: 45px
    }

.company-base-info {
    margin: 30px 35px 30px 15px;
    border-bottom: 1px solid #e5e5e5
}

    .company-base-info ul > li {
        margin-top: 30px
    }

    .company-base-info img {
        max-width: 100%
    }

.overflowEllipsis {
    width: 178px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.icon-add {
    font-size: 24px;
    position: relative;
    top: 2px;
    left: -2px
}

.company-edit-logo {
    background: linear-gradient(transparent 70%,#000 0);
    opacity: .5;
    text-align: center;
    float: left;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0;
    border-radius: 7px;
    border: 1px solid #929292
}

    .company-edit-logo > span {
        opacity: .5;
        color: #fff;
        display: inline-block;
        margin-top: 92px
    }

.company-logo-content {
    width: 120px;
    height: 120px;
    display: inline-block;
    position: absolute;
    top: -50px;
    right: 5px
}

.right-tabs-info .company-base-info label {
    text-align: left
}

.right-tabs-info .company-base-info .col-md-10 {
    position: relative;
    left: -45px;
    top: 2px
}

.right-tabs-info .company-base-info .base-info-right {
    position: relative;
    left: -15px
}

.right-tabs-info .find-nothing img {
    width: 100%
}

.right-tabs-info .find-nothing .find-nothing-img {
    font-size: 14px;
    color: #b2b2b2;
    text-align: center
}

.floating-message-remind {
    font-size: 12px
}

.company-contract-payTerm, .company-contract-serviceTerm {
    padding-left: 0;
    word-break: break-all;
    white-space: pre-line
}

.service-term-title {
    padding-right: 0;
    width: 15%
}

.list-table {
    border: 1px solid #e5e5e5;
    margin-top: 10px
}

.company-handle .company-detail-top {
    border-top: none
}

.follow-list {
    border: 1px solid #e5e5e5;
    margin-bottom: 10px
}

.tips {
    color: #bbb;
    font-size: 12px
}

.no-company {
    min-height: 400px;
    position: relative
}

    .no-company img {
        width: 155px;
        height: 155px;
        display: block;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

.follow-tabs-two {
    font-size: 0;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    background-color: #f9f9f9
}

    .follow-tabs-two a.active {
        background-color: #fff;
        color: #63d3ee
    }

    .follow-tabs-two > a {
        padding: 12px 0;
        font-size: 14px;
        color: #dfdfdf;
        display: inline-block;
        width: 50%;
        cursor: pointer;
        position: relative
    }

        .follow-tabs-two > a img {
            height: 36px
        }

        .follow-tabs-two > a p {
            margin: 4px 0 0
        }

        .follow-tabs-two > a .company-reddot {
            top: 15px;
            right: 50px
        }

.position-manage-list-search.company {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.company-client-list > .position-list-item:first-child, .follow-position-right-view .company-detail-top {
    border-top: none
}

.company-reddot {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #f86868;
    position: absolute;
    top: 48%;
    right: 30px
}

.htp-aside {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1024px
}

    .htp-aside.ng-enter {
        transition: all .5s linear;
        right: -1024px
    }

        .htp-aside.ng-enter.ng-enter-active {
            right: 0
        }

    .htp-aside.ng-leave {
        transition: all .5s linear;
        right: 0
    }

        .htp-aside.ng-leave.ng-leave-active {
            right: -1024px
        }

.auto-textarea, .shadow-auto-textarea {
    padding: 6px 12px;
    color: #6e8199;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    height: auto;
    margin: 0;
    word-break: break-all;
    white-space: pre-line
}

.shadow-auto-textarea {
    position: absolute;
    z-index: -1;
    left: -1000000px;
    top: -1000000px
}

.avator-list {
    width: 100%
}

    .avator-list .title {
        background-color: #f9f9f9;
        padding: 1px 0;
        margin-bottom: 18px
    }

    .avator-list .content {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 27px;
        text-align: left
    }

        .avator-list .content ul {
            margin: 0 3px;
            height: 27px;
            display: inline-block;
            vertical-align: middle
        }

        .avator-list .content li {
            width: 37px;
            height: 27px
        }

            .avator-list .content li img {
                border-radius: 100%;
                vertical-align: middle;
                -o-object-fit: cover;
                object-fit: cover;
                width: 27px;
                height: 27px
            }

        .avator-list .content button {
            padding: 0;
            margin: 0
        }

        .avator-list .content .glyphicon {
            line-height: 27px
        }

            .avator-list .content .glyphicon:disabled {
                color: #b2b2b2
            }

    .avator-list .page-count {
        text-align: center
    }

        .avator-list .page-count .circle {
            background: #d8d8d8;
            width: 4px;
            height: 4px;
            margin: 0 3px;
            border-radius: 50%;
            display: inline-block;
            cursor: pointer
        }

            .avator-list .page-count .circle.active {
                background-color: #48cdee;
                border: 1px solid #48cdee
            }

.htp-checkbox > label {
    position: relative;
    padding-left: 28px;
    margin-right: 15px;
    cursor: pointer
}

    .htp-checkbox > label > input {
        position: absolute;
        z-index: -1;
        opacity: 0
    }

    .htp-checkbox > label > span {
        position: absolute;
        top: 0;
        left: 0;
        height: 19px;
        width: 19px;
        border: 1px solid #d9d9d9;
        border-radius: 3px
    }

    .htp-checkbox > label > input:checked + span:after {
        content: "";
        position: absolute;
        left: 6px;
        top: 3px;
        width: 5px;
        height: 10px;
        border: solid #666;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.city-select-box {
    position: relative
}

    .city-select-box .select-box {
        position: absolute;
        z-index: 5;
        width: 100%;
        border: 1px solid #e5e5e5
    }

    .city-select-box .city-box, .city-select-box .province-box {
        height: 12.7em;
        padding: 0 5px
    }

        .city-select-box .city-box option, .city-select-box .province-box option {
            padding: 3px 0
        }

    .city-select-box .province-box {
        width: 30%;
        border: none;
        float: left;
        border-right: 1px solid #e5e5e5
    }

    .city-select-box .city-box {
        float: left;
        width: 70%;
        border: none
    }

    .city-select-box .hotcity {
        font-size: 12px;
        margin-top: 3px
    }

        .city-select-box .hotcity span {
            margin: 0 3px;
            cursor: pointer
        }

            .city-select-box .hotcity span:hover {
                color: #48cdee
            }

.city-box .list-container .left {
    max-height: 500px;
    overflow-y: auto
}

.leave-edit {
    padding: 12px 0 0;
    margin: 20px;
    text-align: center
}

    .leave-edit h5 {
        height: 40px;
        line-height: 40px
    }

    .leave-edit button {
        margin-bottom: 32px
    }

.email-input-div {
    position: relative;
    display: inline-block;
    width: 100%
}

    .email-input-div > span {
        display: none
    }

    .email-input-div .email-input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #6e8199;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px
    }

    .email-input-div ul {
        padding: 3px 0;
        list-style: none;
        position: absolute;
        text-align: left;
        color: #555;
        top: 34px;
        background: #fff;
        z-index: 99;
        width: 100%;
        border: 1px solid #e5e5e5;
        box-shadow: 2px 3px 10px #e5e5e5;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }

    .email-input-div li {
        padding: 8px
    }

        .email-input-div li:hover {
            background: #e0e0e0
        }

svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-radius: 50%;
    background-color: #000
}

circle {
    fill: #000;
    stroke: grey;
    stroke-width: 44;
    stroke-dasharray: 0 138
}

.htp-file {
    position: relative;
    display: table;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px
}

    .htp-file > .file-icon {
        display: table-cell;
        padding: 6px 12px;
        text-align: center;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        background-color: #eee;
        line-height: 1
    }

    .htp-file > .file-name {
        display: table-cell;
        white-space: nowrap;
        width: 100%;
        padding: 6px 12px;
        border-left: 1px solid #ccc
    }

    .htp-file > .delete-icon {
        display: table-cell;
        padding: 6px 12px;
        font-size: 18px;
        line-height: 1
    }

    .htp-file > .download {
        display: table-cell;
        color: #fff;
        background-color: #63d3ee;
        padding: 6px 12px;
        cursor: pointer
    }

        .htp-file > .download:hover {
            background-color: #35c6e9;
            border-color: #adadad
        }

        .htp-file > .download:active {
            background-color: #17afd4;
            border-color: #adadad
        }

.htp-file-list .deleteX {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.htp-modal-select > .page-title {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 25px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f1f1f1
}

    .htp-modal-select > .page-title:after, .htp-modal-select > .page-title:before {
        content: " ";
        display: table
    }

    .htp-modal-select > .page-title:after {
        clear: both
    }

.htp-modal-select {
    color: #666
}

    .htp-modal-select > .page-title > .description .max-num {
        color: red
    }

    .htp-modal-select > .list-container, .htp-modal-select > .page-title > .description .hints {
        font-size: 12px
    }

        .htp-modal-select > .list-container:after, .htp-modal-select > .list-container:before {
            content: " ";
            display: table
        }

        .htp-modal-select > .list-container:after {
            clear: both
        }

        .htp-modal-select > .list-container > .left {
            float: left;
            width: 27%;
            min-height: 420px;
            background-color: #f1f1f1
        }

        .htp-modal-select > .list-container > .right {
            float: left;
            width: 73%;
            padding-left: 36px;
            padding-top: 8px
        }

        .htp-modal-select > .list-container > .the-func.right {
            padding-left: 18px;
            padding-right: 18px
        }

    .htp-modal-select > .selected {
        padding-top: 12px;
        padding-left: 3px;
        border-bottom: 1px solid #e5e5e5;
        background-color: #fafafa;
        min-height: 52px
    }

        .htp-modal-select > .selected:after, .htp-modal-select > .selected:before {
            content: " ";
            display: table
        }

        .htp-modal-select > .selected:after {
            clear: both
        }

        .htp-modal-select > .selected .input-group {
            float: left;
            width: 227px;
            margin-bottom: 10px;
            margin-left: 10px;
            position: relative;
            z-index: 5
        }

            .htp-modal-select > .selected .input-group .search-btn {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

            .htp-modal-select > .selected .input-group .form-control:focus {
                border-color: #e5e5e5;
                box-shadow: none
            }

            .htp-modal-select > .selected .input-group ul {
                list-style: none;
                padding: 10px 15px;
                margin: 0;
                text-align: center;
                line-height: 34px;
                color: #666;
                width: 225px;
                background-color: #fff;
                border: 1px solid #e5e5e5;
                position: absolute;
                left: 0;
                top: 32px;
                z-index: 10;
                max-height: 250px;
                overflow-y: auto
            }

                .htp-modal-select > .selected .input-group ul li {
                    border-bottom: 1px solid #f1f1f1;
                    padding: 10px 0
                }

                    .htp-modal-select > .selected .input-group ul li:last-child {
                        border-bottom: none
                    }

                    .htp-modal-select > .selected .input-group ul li .list, .htp-modal-select > .selected .input-group ul li .title {
                        cursor: pointer
                    }

                        .htp-modal-select > .selected .input-group ul li .list:hover, .htp-modal-select > .selected .input-group ul li .title:hover {
                            color: #35c6e9
                        }

                    .htp-modal-select > .selected .input-group ul li .title {
                        font-size: 14px
                    }

                    .htp-modal-select > .selected .input-group ul li .list {
                        font-size: 12px;
                        color: #a7a7a7
                    }

        .htp-modal-select > .selected .tags {
            float: left;
            width: 580px
        }

        .htp-modal-select > .selected .e-tag {
            float: left;
            font-size: 12px;
            margin-bottom: 12px;
            margin-left: 12px;
            padding: 4px 8px;
            border: 1px solid #e5e5e5
        }

            .htp-modal-select > .selected .e-tag:hover {
                color: #fff;
                background-color: #63d3ee;
                border-color: #63d3ee;
                cursor: pointer
            }

            .htp-modal-select > .selected .e-tag:after {
                content: "\f00d";
                font-family: FontAwesome;
                margin-left: 6px
            }

        .htp-modal-select > .selected > .e-error-tag {
            float: right;
            margin-right: 15px;
            color: red;
            font-size: 12px;
            padding: 4px 8px;
            border: 1px solid red;
            background-color: #fff
        }

            .htp-modal-select > .selected > .e-error-tag:before {
                content: "\f071";
                font-family: FontAwesome;
                margin-right: 6px
            }

    .htp-modal-select > .list-container > .left .func-1-item {
        position: relative;
        padding: 8px 0 8px 25px
    }

        .htp-modal-select > .list-container > .left .func-1-item.active {
            background-color: #fff
        }

            .htp-modal-select > .list-container > .left .func-1-item.active:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 3px;
                bottom: 0;
                background-color: #63d3ee
            }

        .htp-modal-select > .list-container > .left .func-1-item:hover {
            background-color: #e4e4e4
        }

    .htp-modal-select > .list-container > .left .custom {
        margin-bottom: 20px
    }

    .htp-modal-select > .list-container > .left .help-block {
        color: red;
        margin-top: 8px;
        margin-bottom: 36px;
        padding: 3px 13px
    }

    .htp-modal-select > .footer {
        border-top: 1px solid #e5e5e5;
        text-align: center;
        padding-top: 14px;
        padding-bottom: 14px
    }

    .htp-modal-select > .list-container > .right .last-func, .htp-modal-select > .list-container > .right .sub-func {
        display: inline-block;
        padding: 3px 6px;
        margin-bottom: 8px
    }

        .htp-modal-select > .list-container > .right .last-func:hover, .htp-modal-select > .list-container > .right .sub-func:hover {
            background-color: #f1f1f1;
            cursor: pointer
        }

        .htp-modal-select > .list-container > .right .last-func.active, .htp-modal-select > .list-container > .right .sub-func.active {
            color: #fff;
            background-color: #63d3ee
        }

    .htp-modal-select > .list-container > .right .last-func {
        margin-right: 8px
    }

    .htp-modal-select > .list-container > .right .last-func-wrapper {
        position: relative;
        padding-left: 10px;
        padding-top: 10px;
        border: 1px solid #e5e5e5;
        margin-bottom: 8px
    }

    .htp-modal-select > .list-container > .right .func-pointer {
        position: absolute;
        top: -6px;
        width: 10px;
        height: 10px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: #e5e5e5
    }

        .htp-modal-select > .list-container > .right .func-pointer:before {
            content: "";
            position: absolute;
            top: 1px;
            left: 1px;
            width: 12px;
            height: 12px;
            background-color: #fff
        }

    .htp-modal-select > .footer > .btn {
        width: 80px
    }

        .htp-modal-select > .footer > .btn + .btn {
            margin-left: 36px
        }

    .htp-modal-select > .page-title > .close-x {
        cursor: pointer;
        font-size: 16px;
        position: absolute;
        right: 8px;
        top: 4px
    }

    .htp-modal-select > .page-title > .error {
        color: #f58484;
        background-color: #ffefef;
        border: 1px solid #ffc0c0;
        font-size: 12px;
        border-width: 1px;
        padding: 3px 8px;
        margin-right: 25px
    }

    .htp-modal-select .add-sub-input {
        display: inline-block;
        width: 50%;
        height: 24px;
        padding: 2px 5px;
        font-size: 12px
    }

    .htp-modal-select .form-show, .htp-modal-select .form-show-ind, .htp-modal-select .form-show-wrapper .form-show {
        width: 100%;
        padding: 10px;
        overflow: hidden;
        background-color: #fafafa
    }

        .htp-modal-select .form-show-ind .form-group, .htp-modal-select .form-show .form-group {
            margin-bottom: 0
        }

    .htp-modal-select .last-func-wrapper {
        padding-left: 0 !important
    }

    .htp-modal-select .last-func-contents {
        padding-left: 10px
    }

    .htp-modal-select .form-show-wrapper .form-show, .htp-modal-select .form-show-wrapper .form-show-ind {
        width: 100%;
        border-top: 1px solid #e5e5e5
    }

    .htp-modal-select .add-last-btn, .htp-modal-select .add-sub-btn {
        display: inline-block;
        padding: 0;
        position: relative
    }

        .htp-modal-select .add-last-btn > .form-group, .htp-modal-select .add-sub-btn > .form-group {
            margin: 0
        }

        .htp-modal-select .add-last-btn > .htp-btn-xs, .htp-modal-select .add-sub-btn > .htp-btn-xs {
            border-radius: 0;
            margin: 0;
            padding: 2px 6px;
            color: #666;
            border-color: #e5e5e5
        }

            .htp-modal-select .add-last-btn > .htp-btn-xs.disabled, .htp-modal-select .add-sub-btn > .htp-btn-xs.disabled {
                border: 1px solid #f0f0f0;
                background-color: #f0f0f0
            }

        .htp-modal-select .add-last-btn > .icon, .htp-modal-select .add-sub-btn > .icon {
            position: absolute;
            right: -35px;
            top: -6px;
            width: 36px;
            height: 36px;
            -webkit-transform: scale(.5);
            transform: scale(.5);
            background: url(https://assets.hunterplus.net/images/info-icon-grey.png) no-repeat;
            border: none
        }

            .htp-modal-select .add-last-btn > .icon + .popover, .htp-modal-select .add-sub-btn > .icon + .popover {
                width: 200px
            }

    .htp-modal-select .last-func .del, .htp-modal-select .sub-func .del {
        margin-left: 3px
    }

        .htp-modal-select .last-func .del:hover, .htp-modal-select .sub-func .del:hover {
            color: #f86868
        }

.htp-month-picker {
    position: relative
}

    .htp-month-picker > .x-date-container {
        position: absolute;
        width: 260px;
        top: 110%;
        left: 0;
        border: 1px solid #95a3b5;
        border-radius: 4px;
        z-index: 99;
        background-color: #fff
    }

        .htp-month-picker > .x-date-container .x-year-panel {
            overflow-y: scroll;
            height: 136px;
            margin-bottom: 0
        }

            .htp-month-picker > .x-date-container .x-year-panel li {
                padding-top: 7px;
                padding-bottom: 7px
            }

                .htp-month-picker > .x-date-container .x-year-panel li:hover {
                    background-color: #dbe0e6
                }

                .htp-month-picker > .x-date-container .x-year-panel li.active {
                    color: #fff;
                    background-color: #63d3ee
                }

                .htp-month-picker > .x-date-container .x-year-panel li.disabled {
                    cursor: not-allowed;
                    opacity: .7
                }

        .htp-month-picker > .x-date-container .x-month-panel .x-month {
            padding-top: 7px;
            padding-bottom: 7px
        }

            .htp-month-picker > .x-date-container .x-month-panel .x-month:hover {
                background-color: #dbe0e6
            }

            .htp-month-picker > .x-date-container .x-month-panel .x-month.active {
                color: #fff;
                background-color: #63d3ee
            }

            .htp-month-picker > .x-date-container .x-month-panel .x-month.disabled {
                cursor: not-allowed;
                opacity: .7
            }

.htp-radio > label > input[type=radio] {
    display: none
}

.htp-radio > label {
    padding-left: 28px;
    position: relative;
    cursor: pointer
}

    .htp-radio > label + label {
        margin-left: 30px
    }

    .htp-radio > label > span {
        position: absolute;
        left: 0;
        top: 0;
        width: 18px;
        height: 18px
    }

        .htp-radio > label > span:before {
            content: "";
            position: absolute;
            border: thin solid #ddd;
            border-radius: 18px;
            width: 18px;
            height: 18px;
            vertical-align: middle;
            color: transparent;
            transition: color .5s ease
        }

    .htp-radio > label > input[type=radio]:checked + span:before {
        border: thin solid #50c8eb
    }

    .htp-radio > label > input[type=radio]:checked + span:after {
        content: "";
        position: absolute;
        left: 2px;
        top: 2px;
        border: 7px solid #50c8eb;
        border-radius: 18px;
        color: #50c8eb
    }

.htp-select-function {
    margin-top: 10px;
    border-left: 1px solid #ecedf1;
    border-right: 1px solid #ecedf1
}

    .htp-select-function > .function-wrapper {
        position: relative
    }

.function-wrapper > .func-zero > #function-info-two-wrapper {
    padding-right: 0
}

.htp-select-function > .function-wrapper > .func-zero {
    border-bottom: 1px solid #efefef;
    position: relative
}

    .htp-select-function > .function-wrapper > .func-zero > .func-one {
        padding: 12px 15px 11px;
        border-left: 2px solid transparent;
        border-bottom: 2px solid transparent;
        border-top: 2px solid transparent
    }

        .htp-select-function > .function-wrapper > .func-zero > .func-one a {
            color: #666
        }

        .htp-select-function > .function-wrapper > .func-zero > .func-one.selectActive {
            border-left: 2px solid #64d3ee;
            border-bottom: 2px solid #64d3ee;
            border-top: 2px solid #64d3ee;
            background-color: #fff;
            z-index: 5;
            position: relative
        }

            .htp-select-function > .function-wrapper > .func-zero > .func-one.selectActive a, .htp-select-function > .function-wrapper > .func-zero > .func-one.selectActive span {
                color: #48cdee;
                text-decoration: underline
            }

    .htp-select-function > .function-wrapper > .func-zero .isEmphasize, .htp-select-function > .function-wrapper > .func-zero .isEmphasize a, .htp-select-function > .function-wrapper > .func-zero .starX {
        color: #64d3ee
    }

    .htp-select-function > .function-wrapper > .func-zero .func-one-name {
        cursor: pointer
    }

.func-one .func-hot-list {
    margin-top: 20px;
    width: 240px
}

    .func-one .func-hot-list li {
        color: #a3adb9
    }

.htp-select-function > .function-wrapper .func-two-wrapper {
    position: absolute;
    top: 0;
    left: 243px;
    width: 600px;
    display: none;
    z-index: 3;
    background-color: #fff;
    padding: 12px 40px 0 18px
}

    .htp-select-function > .function-wrapper .func-two-wrapper.active {
        display: block;
        border: 2px solid #64d3ee
    }

.func-one-name-icon.isHot {
    top: 22px
}

.func-one-name-icon > img {
    height: 14px
}

.htp-select-function > .function-wrapper .func-two {
    padding-top: 10px;
    padding-bottom: 10px
}

    .htp-select-function > .function-wrapper .func-two:after, .htp-select-function > .function-wrapper .func-two:before {
        content: " ";
        display: table
    }

    .htp-select-function > .function-wrapper .func-two:after {
        clear: both
    }

    .htp-select-function > .function-wrapper .func-two > .func-two-title {
        float: left;
        cursor: pointer
    }

        .htp-select-function > .function-wrapper .func-two > .func-two-title a {
            color: #555
        }

            .htp-select-function > .function-wrapper .func-two > .func-two-title a:hover {
                color: #78dcf5;
                text-decoration: underline
            }

        .htp-select-function > .function-wrapper .func-two > .func-two-title.noPosition, .htp-select-function > .function-wrapper .func-two > .func-two-title.noPosition a {
            color: #a3adb9
        }

    .htp-select-function > .function-wrapper .func-two > .func-three {
        float: left;
        cursor: pointer;
        width: 450px;
        margin-left: 15px
    }

        .htp-select-function > .function-wrapper .func-two > .func-three li {
            padding-left: 25px;
            line-height: 25px
        }

            .htp-select-function > .function-wrapper .func-two > .func-three li:hover {
                color: #64d3ee;
                text-decoration: underline
            }

            .htp-select-function > .function-wrapper .func-two > .func-three li.noPosition {
                color: #a3adb9
            }

.htp-select-function-tab {
    padding: 0;
    margin: 0;
    font-size: 0
}

    .htp-select-function-tab li {
        width: 50%;
        height: 41px;
        line-height: 41px;
        background-color: #f1f1f1;
        font-size: 16px;
        border-top: 2px solid #f1f1f1
    }

        .htp-select-function-tab li.selectActive {
            background-color: #fff;
            color: #64d3ee;
            border-top: 2px solid #64d3ee
        }

.industry-two {
    line-height: 35px
}

    .industry-two li {
        margin-left: 6px
    }

.htp-two-title {
    width: 100px;
    text-align: right;
    text-decoration: underline
}

.function-info-two-wrapper {
    padding-right: 0
}

.industry-two-wrapper {
    width: 540px
}

.popover-width {
    max-width: 366px
}

    .popover-width .popover-content {
        padding: 0;
        padding-top: 14px
    }

.head-img-card {
    width: 336px;
    font-size: 12px
}

    .head-img-card .head-img {
        width: 50px;
        height: 50px;
        margin-right: 14px;
        margin-left: 9px
    }

.popover-content .head-img-card .head-img .head-img-size {
    width: 50px;
    height: 50px
}

.head-img-card h3, .head-img-card p {
    margin: 0;
    font-size: 12px
}

.head-img-card h3 {
    color: #666;
    line-height: 12px
}

.head-img-card .description {
    width: 300px;
    height: 35px
}

.head-img-card p {
    color: #8b8b8b;
    line-height: 16px;
    width: 300px;
    word-break: break-all
}

.head-img-card .bottom-bg {
    margin-top: 26px;
    background-color: #fafafa
}

.head-img-card .bottom-text {
    display: inline-block;
    padding: 9px 0;
    width: 336px;
    text-align: center
}

    .head-img-card .bottom-text > div {
        width: 25%;
        float: left;
        border-right: 1px solid #e5e5e5
    }

    .head-img-card .bottom-text span {
        font-size: 14px;
        font-weight: bolder;
        color: #666
    }

    .head-img-card .bottom-text .no-bottom {
        border: none
    }

    .head-img-card .bottom-text .bottom-description {
        color: #8b8b8b
    }

.head-img-relative-location {
    position: relative
}

.popover-5 {
    left: -22px !important
}

.loading {
    background-color: hsla(0,0%,100%,.2);
    text-align: center;
    padding-top: 100px
}

.loading-img {
    width: 80px;
    padding: 15px
}

.loading-text {
    color: #fff
}

.new-login-module.login-popbox {
    background-color: #fff;
    background-image: none;
    min-width: inherit;
    min-height: inherit;
    border-radius: 20px;
    z-index: 9999
}

    .new-login-module.login-popbox .ctn {
        width: 100%;
        text-align: center
    }

    .new-login-module.login-popbox .bind-no-foucs, .new-login-module.login-popbox .binding, .new-login-module.login-popbox .nobind {
        margin-bottom: 25px
    }

        .new-login-module.login-popbox .bind-no-foucs .success-header img {
            width: 49px;
            margin-right: 15px
        }

        .new-login-module.login-popbox .bind-no-foucs .scan-qrcode {
            width: 18px;
            margin-right: 15px
        }

        .new-login-module.login-popbox .bind-no-foucs button {
            margin-top: 25px
        }

    .new-login-module.login-popbox .bind-no-sign {
        padding: 25px 0
    }

    .new-login-module.login-popbox .header {
        border-bottom: 1px solid #e5e5e5;
        padding: 15px 0;
        margin-top: 0;
        font-size: 18px;
        font-weight: 700
    }

    .new-login-module.login-popbox .corner-wrap {
        top: 50px;
        background-color: #f9f9f9
    }

    .new-login-module.login-popbox #wx-code {
        height: 220px;
        overflow: hidden
    }

    .new-login-module.login-popbox .login-form {
        margin-top: 50px
    }

    .new-login-module.login-popbox .login-tips img {
        width: 24px;
        margin-right: 5px
    }

    .new-login-module.login-popbox .login-footer {
        background-color: #f9f9f9;
        padding: 15px 0;
        margin-top: 50px
    }

        .new-login-module.login-popbox .login-footer p {
            margin: 0
        }

.new-login-module .forbid {
    color: red;
    margin-top: 15px
}

.htp-notify > .modal-body > p, .htp-notify > .modal-footer, .htp-notify > .modal-header > .modal-title {
    text-align: center
}

.modal-title .icon {
    margin-top: -3px
}

.htp-nav-left {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    padding-top: 58px;
    background-color: #474747;
    z-index: 199
}

    .htp-nav-left > .list-unstyled > li {
        position: relative;
        text-align: center
    }

        .htp-nav-left > .list-unstyled > li > .short-menu {
            display: block;
            position: relative;
            padding: 10px 14px;
            font-size: 16px
        }

    .htp-nav-left-icon, .htp-nav-left li .htp-nav-left-bd, .htp-nav-left li .htp-nav-left-company, .htp-nav-left li .htp-nav-left-follow, .htp-nav-left li .htp-nav-left-invoice, .htp-nav-left li .htp-nav-left-job, .htp-nav-left li .htp-nav-left-receive, .htp-nav-left li .htp-nav-left-recommend {
        width: 32px;
        height: 32px;
        display: inline-block;
        background-image: url(https://webassets-cdn.hunterplus.net/left-nav-icons1.png);
        background-size: 254px 69px;
        background-repeat: no-repeat
    }

    .htp-nav-left li.active .htp-nav-left-receive, .htp-nav-left li:hover .htp-nav-left-receive {
        background-position: 0 -37px
    }

    .htp-nav-left li .htp-nav-left-receive {
        background-position: 0 0
    }

    .htp-nav-left li.active .htp-nav-left-recommend, .htp-nav-left li:hover .htp-nav-left-recommend {
        background-position: -37px -37px
    }

    .htp-nav-left li .htp-nav-left-recommend {
        background-position: -37px 0
    }

    .htp-nav-left li.active .htp-nav-left-job, .htp-nav-left li:hover .htp-nav-left-job {
        background-position: -74px -37px
    }

    .htp-nav-left li .htp-nav-left-job {
        background-position: -74px 0
    }

    .htp-nav-left li.active .htp-nav-left-follow, .htp-nav-left li:hover .htp-nav-left-follow {
        background-position: -111px -37px
    }

    .htp-nav-left li .htp-nav-left-follow {
        background-position: -111px 0
    }

    .htp-nav-left li.active .htp-nav-left-company, .htp-nav-left li:hover .htp-nav-left-company {
        background-position: -148px -37px
    }

    .htp-nav-left li .htp-nav-left-company {
        background-position: -148px 0
    }

    .htp-nav-left li.active .htp-nav-left-bd, .htp-nav-left li:hover .htp-nav-left-bd {
        background-position: -185px -37px
    }

    .htp-nav-left li .htp-nav-left-bd {
        background-position: -185px 0
    }

    .htp-nav-left li.active .htp-nav-left-invoice, .htp-nav-left li:hover .htp-nav-left-invoice {
        background-position: -222px -37px
    }

    .htp-nav-left li .htp-nav-left-invoice {
        background-position: -222px 0
    }

    .htp-nav-left > .list-unstyled > li > .short-menu.dot:before {
        content: " ";
        position: absolute;
        top: 12px;
        right: 6px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #d3535d
    }

    .htp-nav-left > .list-unstyled > li > .full-menu, .htp-nav-left > .list-unstyled > li > .short-menu {
        color: #c8c8c8;
        font-size: 12px
    }

        .htp-nav-left > .list-unstyled > li > .full-menu span, .htp-nav-left > .list-unstyled > li > .short-menu span {
            transition: all .2s ease-in;
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            opacity: 1
        }

        .htp-nav-left > .list-unstyled > li > .full-menu.blink, .htp-nav-left > .list-unstyled > li > .short-menu.blink {
            -webkit-animation: m .3s 3 reverse;
            animation: m .3s 3 reverse
        }

    .htp-nav-left > .list-unstyled > li:hover > .full-menu, .htp-nav-left > .list-unstyled > li:hover > .short-menu {
        color: #fff;
        background-color: #3e3e3e
    }

        .htp-nav-left > .list-unstyled > li:hover > .full-menu span, .htp-nav-left > .list-unstyled > li:hover > .short-menu span {
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            opacity: 0
        }

    .htp-nav-left > .list-unstyled > li > .full-menu {
        position: absolute;
        left: 100%;
        top: 0;
        padding: 14px 5px;
        width: 100px;
        font-size: 14px;
        transition: all .3s ease-in;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .htp-nav-left > .list-unstyled > li:hover > .full-menu {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .htp-nav-left > .list-unstyled > li.active:before, .htp-nav-left > .list-unstyled > li:hover:before {
        content: "\00a0";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        z-index: 2
    }

    .htp-nav-left > .list-unstyled > li.active:before {
        background-color: #63d3ee
    }

    .htp-nav-left > .list-unstyled > li.active > .short-menu {
        color: #fff;
        background-color: #3e3e3e
    }

@-webkit-keyframes m {
    0% {
        background-color: #3e3e3e;
        color: #fff
    }

    to {
        background-color: #656565;
        color: #c8c8c8
    }
}

@keyframes m {
    0% {
        background-color: #3e3e3e;
        color: #fff
    }

    to {
        background-color: #656565;
        color: #c8c8c8
    }
}

.htp-nav-right {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    background-color: #3b3e47;
    padding-top: 150px;
    padding-top: 10%;
    z-index: 99
}

    .htp-nav-right > .nav-menu {
        position: relative;
        padding: 18px 5px;
        color: #9da5b2;
        text-align: center
    }

        .htp-nav-right > .nav-menu.active, .htp-nav-right > .nav-menu:hover {
            background-color: #25282f;
            color: #48cdee
        }

        .htp-nav-right > .nav-menu > .nav-icon {
            font-size: 22px;
            vertical-align: baseline
        }

        .htp-nav-right > .nav-menu:nth-last-child(2) {
            cursor: pointer;
            color: #71747d;
            position: absolute;
            width: 100%;
            text-align: center;
            bottom: 50px;
            font-size: 18px;
            background-color: #3b3e47;
            padding: 5px 10px 5px 8px
        }

            .htp-nav-right > .nav-menu:nth-last-child(2).active, .htp-nav-right > .nav-menu:nth-last-child(2):hover {
                background-color: #25282f;
                color: #48cdee
            }

        .htp-nav-right > .nav-menu:nth-last-child(3) {
            cursor: pointer;
            padding: 5px 10px 5px 8px;
            bottom: 80px;
            position: absolute;
            color: #71747d
        }

            .htp-nav-right > .nav-menu:nth-last-child(3).active, .htp-nav-right > .nav-menu:nth-last-child(3):hover {
                background-color: #25282f;
                color: #48cdee
            }

        .htp-nav-right > .nav-menu:last-child {
            cursor: pointer;
            color: #71747d;
            position: absolute;
            width: 100%;
            text-align: center;
            bottom: 20px;
            font-size: 18px;
            background-color: #3b3e47;
            padding: 5px 10px 5px 5px
        }

            .htp-nav-right > .nav-menu:last-child.active, .htp-nav-right > .nav-menu:last-child:hover {
                background-color: #25282f;
                color: #48cdee
            }

    .htp-nav-right > .user-header {
        position: absolute;
        top: 8px;
        left: 8px;
        cursor: pointer
    }

红点样式.nav-right-red-dot:after {
    content: "";
    right: 10px;
    top: 15px;
    width: 9px;
    height: 9px
}

.nav-right-message-red:after, 红点样式 .nav-right-red-dot:after {
    position: absolute;
    border-radius: 50%;
    background-color: #d3535d
}

.nav-right-message-red:after {
    content: attr(data-unread-message);
    right: 13px;
    top: 8px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: #fff
}

.nav-right-candidate-red:after {
    font-size: 10px;
    content: "NEW";
    position: absolute;
    right: 3px;
    top: 7px;
    height: 18px;
    width: 35px;
    line-height: 18px;
    color: #fff;
    background-color: #d3535d;
    border-radius: 2px
}

.nav-top-outside-wrapper {
    height: 57px
}

.nav-top-wrapper {
    border-bottom: 1px solid #efefef;
    background-color: #fff
}

    .nav-top-wrapper.nav-left-pdd-wrapper > .htp-nav-top {
        width: 1140px
    }

.htp-nav-top {
    width: 1200px;
    margin: 0 auto
}

    .htp-nav-top:after, .htp-nav-top:before {
        content: " ";
        display: table
    }

    .htp-nav-top:after {
        clear: both
    }

    .htp-nav-top > .logo {
        float: left;
        padding: 12px 46px 12px 0
    }

        .htp-nav-top > .logo > img {
            width: 79px;
            height: 32px
        }

    .htp-nav-top > .nav-list {
        float: left;
        width: 469px;
        line-height: 56px;
        position: relative
    }

        .htp-nav-top > .nav-list.finance-nav-list {
            width: 500px
        }

        .htp-nav-top > .nav-list .new {
            position: absolute;
            top: 19px;
            right: 3px;
            font-size: 12px;
            color: #fff;
            background-color: #ff7474;
            border-radius: 3px;
            display: block;
            z-index: 1;
            line-height: 1.4em;
            padding: 0 5px
        }

        .htp-nav-top > .nav-list > div > a {
            float: left;
            position: relative;
            z-index: 1;
            width: 25%;
            font-size: 18px;
            text-align: center;
            color: #6b6b6b
        }

        .htp-nav-top > .nav-list:after {
            display: none;
            content: "\00a0";
            position: absolute;
            top: 0;
            width: 25%;
            border-top: 2px solid #63d3ee;
            transition: all .2s ease
        }

.finance-block-nav > .nav-list > div > a {
    width: 33.33333333%
}

.finance-block-nav > .finance-nav-list:after {
    width: 125px
}

.htp-nav-top > .nav-list.first:after {
    display: block;
    left: 0
}

.htp-nav-top > .nav-list.second:after {
    display: block;
    left: 25%
}

.htp-nav-top > .nav-list.third:after {
    display: block;
    left: 50%
}

.htp-nav-top > .nav-list.four:after {
    display: block;
    left: 75%
}

.finance-block-nav > .finance-nav-list a:first-child {
    padding-left: 40px
}

.finance-block-nav > .finance-nav-list.first:after {
    left: 40px
}

.finance-block-nav > .finance-nav-list a:last-child {
    text-align: left;
    padding-left: 20px
}

.finance-block-nav > .finance-nav-list.second:after {
    left: 190px
}

.finance-block-nav > .finance-nav-list.third:after {
    left: 353px
}

.htp-nav-top > .icon-nav {
    float: right;
    line-height: 56px;
    position: relative;
    padding-right: 76px
}

    .htp-nav-top > .icon-nav .message {
        position: relative
    }

    .htp-nav-top > .icon-nav > .item {
        position: relative;
        cursor: pointer
    }

        .htp-nav-top > .icon-nav > .item img {
            width: 24px;
            height: 24px
        }

        .htp-nav-top > .icon-nav > .item.schedule-icon img {
            width: 22px;
            height: 22px
        }

        .htp-nav-top > .icon-nav > .item i {
            color: #b2b2b2;
            font-size: 18px;
            vertical-align: middle
        }

            .htp-nav-top > .icon-nav > .item i:hover {
                color: #48cdee
            }

        .htp-nav-top > .icon-nav > .item .icon-xiaoxi {
            font-size: 20px
        }

        .htp-nav-top > .icon-nav > .item > .message-badge {
            position: absolute;
            top: -8px;
            right: -4px;
            min-width: 16px;
            height: 16px;
            border-radius: 8px;
            color: #fff;
            background-color: #ff7474;
            text-align: center;
            font-size: 12px;
            line-height: 16px;
            padding: 1px 3px
        }

.latest-message-pop > .popover-inner > .popover-content > ul {
    margin-bottom: 0
}

    .latest-message-pop > .popover-inner > .popover-content > ul > li {
        width: 162px
    }

        .latest-message-pop > .popover-inner > .popover-content > ul > li:before {
            content: "\25CF";
            margin-right: 4px;
            color: #a2a1a1
        }

    .latest-message-pop > .popover-inner > .popover-content > ul > li {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

.htp-nav-top > .icon-nav > .item + .item {
    margin-left: 26px
}

.htp-nav-top > .icon-nav > .avatar-x {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -25px;
    line-height: 1.42857143;
    cursor: pointer
}

    .htp-nav-top > .icon-nav > .avatar-x img {
        width: 50px;
        height: 50px
    }

.avatar-popover {
    padding: 0;
    border: none
}

    .avatar-popover .popover-content {
        padding: 0
    }

    .avatar-popover .list-group {
        margin-bottom: 0
    }

    .avatar-popover .list-group-item {
        padding: 15px 26px;
        background-color: #eff1f5;
        border-left: none;
        border-right: none
    }

        .avatar-popover .list-group-item:hover {
            background-color: #63d3ee;
            color: #fff
        }

    .avatar-popover .popover.left > .arrow:after {
        border-left-color: #eff1f5
    }

.nav-message-list {
    width: 200px;
    border: 1px solid #e5e5e5;
    border-radius: 5px
}

    .nav-message-list .list-group-item {
        padding: 10px 20px;
        background-color: #fff;
        border: 0 none;
        position: relative
    }

        .nav-message-list .list-group-item:hover {
            background-color: #f9f9f9;
            color: #666;
            border: 0 none
        }

        .nav-message-list .list-group-item.club {
            border-top: 1px solid #e5e5e5;
            border-radius: 0;
            padding-top: 10px
        }

        .nav-message-list .list-group-item .unread {
            position: absolute;
            right: 9px;
            min-width: 16px;
            height: 16px;
            border-radius: 8px;
            color: #fff;
            background-color: #ff7474;
            text-align: center;
            font-size: 12px;
            line-height: 16px;
            padding: 1px 3px;
            margin-top: 5px
        }

        .nav-message-list .list-group-item i {
            margin-right: 12px
        }

.last-meg-list {
    font-size: 12px
}

    .last-meg-list li {
        margin-bottom: 3px
    }

.picture-popup-container {
    position: relative;
    margin-bottom: 90px
}

    .picture-popup-container .close-circle {
        position: absolute;
        bottom: -90px;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #000;
        color: #fff;
        opacity: .6;
        font-size: 48px;
        line-height: 60px;
        text-align: center;
        cursor: pointer;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

.searh-filter {
    text-align-last: left;
    margin: 10px 0
}

    .searh-filter .search-title {
        width: 70px;
        line-height: 18px;
        font-weight: 700;
        padding-top: 3px;
        font-family: MicrosoftYaHei-Bold
    }

    .searh-filter .filter-list-ctn {
        font-size: 12px;
        padding: 10px;
        padding-bottom: 0;
        margin-bottom: 0
    }

        .searh-filter .filter-list-ctn:last-child {
            border-bottom: none
        }

        .searh-filter .filter-list-ctn .filter-list {
            padding: 0;
            line-height: 18px;
            float: left;
            width: calc(1 - $title-width);
            margin-left: 5px;
            text-align: left
        }

            .searh-filter .filter-list-ctn .filter-list li {
                display: inline-block;
                list-style: none;
                margin-right: 15px;
                padding: 3px 5px 3px 10px;
                text-align: center;
                border-radius: 3px
            }

                .searh-filter .filter-list-ctn .filter-list li.select {
                    color: #fff;
                    background-color: #63d3ee
                }

    .searh-filter .more {
        text-align-last: auto;
        text-align: center;
        padding: 3px 0;
        font-size: 12px;
        color: #a3adb9
    }

.search-user-modal {
    padding: 10px 20px;
    text-align: center
}

    .search-user-modal .title {
        margin-bottom: 15px
    }

    .search-user-modal .body .control-label {
        display: inline-block
    }

    .search-user-modal .body .form-group {
        margin-bottom: 10px;
        position: relative
    }

    .search-user-modal .body .form-control {
        display: inline-block;
        width: 80%
    }

    .search-user-modal .body .select {
        list-style: none;
        padding: 0 5px;
        position: absolute;
        top: 32px;
        left: 17%;
        background: #fff;
        z-index: 10;
        width: 80%;
        border: 1px solid #e5e5e5
    }

        .search-user-modal .body .select li {
            padding: 10px 15px;
            text-align: left;
            cursor: pointer;
            border-bottom: 1px solid #e5e5e5
        }

            .search-user-modal .body .select li:hover {
                color: #63d3ee
            }

            .search-user-modal .body .select li:last-child {
                border-bottom: none
            }

    .search-user-modal .body .tag-list {
        padding-left: 17%;
        text-align: left
    }

    .search-user-modal .body .tag {
        display: inline-block;
        font-size: 12px;
        padding: 2px 5px;
        border-radius: 3px;
        border: 1px solid #e5e5e5;
        cursor: default;
        position: relative;
        margin-right: 5px;
        margin-bottom: 5px
    }

    .search-user-modal .footer {
        margin-top: 15px
    }

        .search-user-modal .footer button {
            margin-left: 20px
        }

.tabs-content-top {
    font-weight: 500;
    font-size: medium;
    margin-bottom: 15px
}

.tabs-content-list {
    word-wrap: break-word;
    line-height: 1.8;
    display: block;
    color: #929292;
    margin-bottom: 15px;
    margin-top: 6px
}

.selectTabs .label {
    display: inline-block;
    margin-right: 5px;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0
}

    .selectTabs .label .remove-tab {
        margin-left: 5px;
        padding: 2.5px;
        background-color: #8d94ad
    }

.tab-content-select-child {
    margin-top: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 15px;
    width: 488px;
    float: left;
    border: 1px solid #9ba1bd;
    border-radius: 2px;
    line-height: 1;
    display: block
}

    .tab-content-select, .tab-content-select-child span {
        display: inline-block
    }

.select-option, .tab-content-select {
    position: relative
}

.select-option {
    padding: 5px 10px;
    cursor: pointer
}

    .select-option:hover {
        background-color: #3b3e47;
        color: #fff;
        border-radius: 2px;
        padding: 5px;
        margin-left: 5px;
        margin-right: 5px
    }

.tab-content-select > .arrow, .tab-content-select > .arrow:after {
    width: 0;
    height: 0;
    display: inline-block;
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tab-content-select > .arrow {
    left: 30%;
    top: 24px;
    border-width: 9px;
    border-bottom-color: #9ba1bd;
    border-top-width: 0
}

    .tab-content-select > .arrow:after {
        content: "";
        left: -8px;
        top: 1px;
        border-width: 8px;
        border-bottom-color: #fff;
        border-top-width: 0
    }

.tab-button {
    min-width: 100%;
    position: relative;
    display: block;
    min-height: 34px
}

    .tab-button:before {
        content: " ";
        position: absolute;
        right: 8px;
        top: 15px;
        border-style: solid dashed dashed;
        border-color: #6e6e6e transparent transparent;
        border-width: 5px
    }

.tab-dropdown {
    width: 540px;
    padding-left: 15px;
    padding-top: 10px
}

.tag-select-select {
    word-break: keep-all;
    padding-bottom: 5px;
    padding-top: 5px
}

.tag-select {
    margin-right: 5px;
    padding-left: 7px;
    margin-bottom: 4px;
    border: 1px solid #ccc;
    border-radius: 2px
}

    .tag-select i {
        padding: 0 5px;
        border-radius: 2px;
        font-size: 20px
    }

    .tag-select:hover {
        border-color: #3b3e47
    }

        .tag-select:hover i {
            color: #3b3e47
        }

.tag-select-focus {
    float: left;
    padding-bottom: 1px;
    white-space: nowrap
}

.tab-content-category {
    margin: 15px 0 0;
    font-size: medium;
    font-weight: 500
}

.city-select-option {
    width: auto;
    text-align: center
}

.city-dropdown {
    overflow: auto;
    max-height: 256px
}

.tutorial-title {
    text-align: center;
    padding: 15px 0
}

.tutorial-pre-ctn {
    padding: 15px 25px 15px 35px;
    min-height: 600px
}

.step-list {
    padding: 0;
    list-style: none;
    width: 190px;
    float: left
}

    .step-list li {
        padding: 0 10px 20px 20px;
        position: relative
    }

        .step-list li:before {
            width: 13px;
            height: 13px;
            border-radius: 50%;
            left: -10px;
            -webkit-transform: scale(.8);
            transform: scale(.8);
            -webkit-transform-origin: center center;
            transform-origin: center center;
            z-index: 2
        }

        .step-list li:after, .step-list li:before {
            content: "";
            background-color: #f1f1f1;
            position: absolute;
            top: 8px;
            transition: all .2s ease-out
        }

        .step-list li:after {
            width: 1px;
            height: 100%;
            left: -4px;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transform-origin: center center;
            transform-origin: center center
        }

        .step-list li:last-child:after {
            display: none
        }

        .step-list li span {
            display: inline-block;
            padding: 5px 10px;
            background-color: #f1f1f1;
            color: #666;
            width: 100%;
            border-radius: 3px;
            transition: all .2s ease-out;
            cursor: pointer
        }

            .step-list li span.active {
                background-color: #63d3ee;
                color: #fff
            }

        .step-list li.active:before {
            background-color: #63d3ee;
            -webkit-transform: scale(1.2);
            transform: scale(1.2)
        }

        .step-list li.active.step-line:after {
            background-color: #63d3ee
        }

.pre-step-ctn {
    padding-left: 200px;
    width: 100%
}

    .pre-step-ctn .content {
        padding: 15px;
        background-color: #fafafa
    }

    .pre-step-ctn img {
        max-width: 100%;
        border-radius: 5px
    }

strong {
    font-weight: 700
}

.has-error .htp-radio {
    color: #a94442
}

    .has-error .htp-radio span:before, .has-error .htp-tabs-select button {
        border-color: #a94442
    }

.has-error .validation-invalid {
    color: #ae5547
}

.consultant-offer-list > .page-title {
    position: relative;
    font-size: 20px;
    padding-top: 13px;
    padding-bottom: 13px;
    background-color: #f1f1f1
}

    .consultant-offer-list > .page-title > .close-ico {
        color: #b2b2b2;
        position: absolute;
        top: 13px;
        right: 13px;
        font-size: 22px;
        cursor: pointer
    }

        .consultant-offer-list > .page-title > .close-ico:hover {
            color: #999898
        }

.consultant-offer-list > .content {
    padding: 10px
}

    .consultant-offer-list > .content > .page-content {
        padding: 18px 56px
    }

        .consultant-offer-list > .content > .page-content > .coo-offer-title {
            margin-bottom: 15px
        }

        .consultant-offer-list > .content > .page-content > .offer {
            margin-bottom: 12px
        }

            .consultant-offer-list > .content > .page-content > .offer:last-child {
                margin-bottom: 0
            }

            .consultant-offer-list > .content > .page-content > .offer > .offer-text {
                cursor: pointer;
                color: #555
            }

                .consultant-offer-list > .content > .page-content > .offer > .offer-text:hover {
                    color: #20abd9;
                    text-decoration: underline
                }

    .consultant-offer-list > .content .page-content > .offer > .date {
        font-size: 12px;
        color: #b2b2b2
    }

    .consultant-offer-list > .content > .independence-offer {
        border-top: 1px solid #e5e5e5;
        padding: 13px 56px
    }

.email-system {
    margin-left: auto;
    margin-right: auto
}

    .email-system > .x-menu {
        position: fixed;
        top: 108px;
        bottom: 0;
        width: 20%;
        background-color: #fff;
        border: 1px solid #ddd;
        z-index: 99
    }

    .email-system > .x-page {
        margin-left: 20%;
        padding-top: 30px;
        padding-left: 47px;
        padding-right: 64px
    }

    .email-system > .x-menu > .list-group > .list-group-item {
        border-radius: 0;
        border-left: none;
        border-right: none;
        padding: 12px 32px
    }

        .email-system > .x-menu > .list-group > .list-group-item:first-child {
            border-top: none
        }

        .email-system > .x-menu > .list-group > .list-group-item:last-child {
            background-color: #fff
        }

        .email-system > .x-menu > .list-group > .list-group-item > img {
            width: 23px
        }

            .email-system > .x-menu > .list-group > .list-group-item > img + span {
                position: relative;
                top: 1px;
                margin-left: 15px
            }

    .email-system .choose-list-group-item {
        background-color: #f5f5f5
    }

.send-state .send-success-content {
    margin-top: 20px;
    margin-left: 14px
}

.send-state .send-success-recommended {
    margin-top: 21px;
    margin-left: 14px
}

    .send-state .send-success-content .send-success-text, .send-state .send-success-recommended .send-success-text {
        display: inline-block;
        margin-top: 7px
    }

    .send-state .send-success-content .send-success-icon img, .send-state .send-success-recommended .send-success-icon img {
        width: 63px;
        height: 63px;
        margin: 5px;
        vertical-align: top
    }

.send-state .send-success-content h4, .send-state .send-success-content p {
    margin: 0
}

.send-state .send-success-content h4 {
    color: #48cdee;
    line-height: 18px
}

.send-state .send-success-content p {
    color: #b2b2b2;
    margin-top: 8px;
    margin-bottom: 3px
}

.send-state .send-success-content a {
    color: #666;
    text-decoration: underline
}

    .send-state .send-success-content a:hover {
        color: #48cdee
    }

.send-state .send-success-content a, .send-state .send-success-content p {
    font-size: 12px;
    line-height: 12px
}

.send-state .send-success-recommended h4 {
    color: #666;
    font-size: 14px
}

.send-state .send-success-recommended ul {
    color: #b2b2b2
}

    .send-state .send-success-recommended ul span {
        font-size: 20px;
        margin-right: 9px
    }

.send-state .send-failed h4, .send-state .send-failed p {
    color: #666
}

.sent-email-detail > .x-page-title {
    padding: 15px 47px;
    border-bottom: 1px solid #ddd
}

    .sent-email-detail > .x-page-title > .btn + .btn {
        margin-left: 20px
    }

.sent-email-detail > .x-page {
    padding: 20px 47px
}

    .sent-email-detail > .x-page > .x-operate {
        margin-bottom: 6px;
        text-align: right
    }

    .sent-email-detail > .x-page > .attachment {
        margin-top: 24px
    }

    .sent-email-detail > .x-page > .content {
        word-wrap: break-word;
        font-size: 14px;
        line-height: 1.5em
    }

        .sent-email-detail > .x-page > .content img[alt=logo] {
            margin-top: 20px;
            margin-bottom: 10px
        }

        .sent-email-detail > .x-page > .content p {
            margin-bottom: 0;
            line-height: 1.2em
        }

    .sent-email-detail > .x-page > .attachment {
        padding: 15px;
        background-color: #fafafa;
        font-size: 12px
    }

        .sent-email-detail > .x-page > .attachment > .attachment-item > span + a {
            margin-left: 15px
        }

    .sent-email-detail > .x-page > .table-bordered > thead > tr > th {
        font-weight: 400;
        border-bottom-width: 1px
    }

    .sent-email-detail > .x-page > .table-bordered > tbody > tr > .x-time {
        color: #b2b2b2
    }

.sent-email-list > .search-panel {
    margin-bottom: 16px
}

    .sent-email-list > .search-panel:after, .sent-email-list > .search-panel:before {
        content: " ";
        display: table
    }

    .sent-email-list > .search-panel:after {
        clear: both
    }

    .sent-email-list > .search-panel > .x-search {
        float: left;
        width: 80%;
        margin-left: 47px;
        margin-right: 15px
    }

.sent-email-list > .table {
    position: relative;
    top: 1px;
    left: 3px;
    border-left: none
}

.sent-email-list > .pagination-x {
    padding-right: 15px;
    text-align: right
}

.sent-email-list > .table > thead > tr > th {
    font-weight: 400
}

.sent-email-list > .table > tbody > tr > td, .sent-email-list > .table > thead > tr > th {
    padding: 12px 17px
}

.sent-email-list > .table > thead > tr > th {
    border-left: none
}

.sent-email-list > .table-bordered > tbody > tr > td {
    border-left: none;
    border-right: none
}

    .sent-email-list > .table-bordered > tbody > tr > td:last-child {
        border-right: 1px solid #e5e5e5
    }

.sent-email-list > .table-bordered > thead > tr > th {
    border-bottom-width: 1px;
    background-color: #fafafa
}

.sent-email-list > .table > tbody > tr > td > .link {
    color: #505f72
}

    .sent-email-list > .table > tbody > tr > td > .link.x-time {
        color: #b2b2b2
    }

.email-system > .x-page .form-horizontal .form-group {
    margin-bottom: 9px
}

    .email-system > .x-page .form-horizontal .form-group .x-simple-operate {
        margin-top: 6px
    }

    .email-system > .x-page .form-horizontal .form-group .x-operate {
        margin-top: 9px;
        margin-bottom: 6px
    }

        .email-system > .x-page .form-horizontal .form-group .x-operate:after, .email-system > .x-page .form-horizontal .form-group .x-operate:before {
            content: " ";
            display: table
        }

        .email-system > .x-page .form-horizontal .form-group .x-operate:after {
            clear: both
        }

        .email-system > .x-page .form-horizontal .form-group .x-operate > .x-unit {
            float: left
        }

            .email-system > .x-page .form-horizontal .form-group .x-operate > .x-unit + .x-unit {
                margin-left: 10px
            }

                .email-system > .x-page .form-horizontal .form-group .x-operate > .x-unit + .x-unit .attachment-icon {
                    margin-top: 3px
                }

            .email-system > .x-page .form-horizontal .form-group .x-operate > .x-unit > img {
                width: 15px;
                margin-right: 6px
            }

            .email-system > .x-page .form-horizontal .form-group .x-operate > .x-unit > span {
                position: relative;
                top: 1px;
                cursor: pointer
            }

    .email-system > .x-page .form-horizontal .form-group .x-file-list:after, .email-system > .x-page .form-horizontal .form-group .x-file-list:before {
        content: " ";
        display: table
    }

    .email-system > .x-page .form-horizontal .form-group .x-file-list:after {
        clear: both
    }

    .email-system > .x-page .form-horizontal .form-group .x-file-list + .x-file-list {
        margin-top: 4px
    }

    .email-system > .x-page .form-horizontal .form-group .x-file-list > .x-file {
        float: left;
        padding: 3px 10px 3px 3px;
        background-color: #efefef
    }

        .email-system > .x-page .form-horizontal .form-group .x-file-list > .x-file > a {
            cursor: pointer
        }

        .email-system > .x-page .form-horizontal .form-group .x-file-list > .x-file > img {
            width: 15px
        }

        .email-system > .x-page .form-horizontal .form-group .x-file-list > .x-file > span + a {
            margin-left: 8px
        }

        .email-system > .x-page .form-horizontal .form-group .x-file-list > .x-file > a + a {
            margin-left: 4px
        }

.email-system > .x-page .form-horizontal .x-canbon-copy.ng-enter {
    height: 0;
    overflow: hidden;
    transition: height .3s ease-in-out
}

    .email-system > .x-page .form-horizontal .x-canbon-copy.ng-enter.ng-enter-active {
        height: 34px
    }

.email-system > .x-page .form-horizontal .x-canbon-copy.ng-leave {
    height: 34px;
    overflow: hidden;
    transition: height .3s ease-in-out,margin-bottom .3s ease-in-out
}

    .email-system > .x-page .form-horizontal .x-canbon-copy.ng-leave.ng-leave-active {
        height: 0;
        margin-bottom: 0
    }

.email-upload-file .upload-file-icon {
    background-color: #fff;
    float: left;
    padding: 0;
    color: #555
}

    .email-upload-file .upload-file-icon i {
        display: none
    }

.no-email-remind-text {
    color: #b2b2b2;
    position: relative;
    top: -3px;
    left: 7.3%
}

.list-div {
    position: relative
}

.email-list {
    border: 1px solid #e5e5e5;
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 10
}

    .email-list li {
        padding: 3px 12px;
        cursor: pointer
    }

        .email-list li:hover {
            background-color: #e5e5e5
        }

.finance-operation {
    width: 1200px;
    text-align: right;
    margin: 13px auto 16px;
    position: relative;
    z-index: 1
}

    .finance-operation > .btn + .btn {
        margin-left: 30px
    }

.finance-page-width {
    width: 1200px
}

.finance-table {
    margin-left: auto;
    margin-right: auto
}

    .finance-table .table-bordered {
        margin-bottom: 5px
    }

    .finance-table > span {
        font-size: 12px
    }

    .finance-table .table-bordered > thead > tr > th {
        color: #666;
        background-color: #f1f1f1
    }

    .finance-table .table-bordered > tbody {
        font-size: 12px
    }

        .finance-table .table-bordered > tbody > tr > td {
            color: #8b8b8b
        }

            .finance-table .table-bordered > tbody > tr > td.prepaymentActive {
                color: #9acd32
            }

        .finance-table .table-bordered > tbody > tr > td, .finance-table .table-bordered > tbody > tr > th, .finance-table .table-bordered > tfoot > tr > td, .finance-table .table-bordered > tfoot > tr > th, .finance-table .table-bordered > thead > tr > td, .finance-table .table-bordered > thead > tr > th {
            border-color: #e5e5e5
        }

    .finance-table .table-bordered > thead > tr > td, .finance-table .table-bordered > thead > tr > th {
        border-bottom-width: 1px
    }

    .finance-table .table-bordered > tbody > tr > .x-operation > a + a {
        margin-left: 15px
    }

    .finance-table td, .finance-table th {
        text-align: center
    }

    .finance-table .tbl-center {
        vertical-align: middle
    }

.finance-pagination {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px
}

.finance-modal > .close-panel {
    padding-right: 15px
}

    .finance-modal > .close-panel:after, .finance-modal > .close-panel:before {
        content: " ";
        display: table
    }

    .finance-modal > .close-panel:after {
        clear: both
    }

    .finance-modal > .close-panel > .close {
        font-size: 42px
    }

.finance-modal > .finance-title {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center
}

    .finance-modal > .finance-title .invoice-id {
        border: 1px solid #c8c8c8;
        padding: 2px 8px
    }

.finance-modal > .finance-content {
    padding: 34px 97px 30px
}

    .finance-modal > .finance-content:after, .finance-modal > .finance-content:before {
        content: " ";
        display: table
    }

    .finance-modal > .finance-content:after {
        clear: both
    }

.finance-modal > .finance-table-content {
    padding: 20px 72px 16px
}

.finance-modal > .finance-content + .finance-content {
    padding-top: 0
}

.finance-modal > .finance-content > .reason {
    float: left;
    width: 25%;
    font-size: 16px
}

.finance-modal > .finance-content > .content {
    float: left;
    width: 75%
}

.finance-modal > .finance-content > .content-text {
    float: left;
    width: 75%;
    padding-left: 15px;
    padding-top: 1px;
    word-break: break-all
}

.finance-modal > .finance-footer {
    text-align: center;
    padding-bottom: 22px
}

    .finance-modal > .finance-footer > .btn {
        padding: 2px 21px
    }

.taxpayers-proof-document {
    padding-top: 7px
}

.create-client-invoice .create-form > .htp-btn-icon {
    margin-left: 0
}

.create-client-invoice .reference-data {
    padding-top: 5px;
    line-height: 25px
}

    .create-client-invoice .reference-data span + span {
        padding-left: 25px
    }

.finance-table .remind-prepayment-text {
    color: #a3adb9;
    font-size: 12px
}

.finance-empty {
    margin: auto;
    box-sizing: border-box;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .finance-empty figure {
        text-align: center;
        width: 736px;
        margin: 0 auto
    }

    .finance-empty .finance-empty-hint {
        padding-top: 50px;
        font-size: 18px
    }

        .finance-empty .finance-empty-hint > a {
            cursor: pointer
        }

.finance-nav-wrapper {
    border-bottom: 1px solid #d3d3d3
}

.finance-nav {
    width: 1200px;
    margin: auto
}

    .finance-nav:after, .finance-nav:before {
        content: " ";
        display: table
    }

    .finance-nav:after {
        clear: both
    }

    .finance-nav > .item {
        float: left;
        padding: 20px
    }

        .finance-nav > .item.active {
            color: #fff;
            background-color: #84be44
        }

.course-ctn {
    position: relative;
    margin-top: 18px;
    z-index: 2
}

    .course-ctn .htp-btn-link-gray {
        padding: 0
    }

    .course-ctn:hover ul {
        display: block
    }

    .course-ctn ul {
        list-style: none;
        position: absolute;
        right: 0;
        font-size: 12px;
        width: 120px;
        text-align: center;
        background-color: #fff;
        padding: 0;
        display: none
    }

        .course-ctn ul li {
            list-style: none;
            border: 1px solid #e5e5e5;
            margin-top: -1px
        }

            .course-ctn ul li a {
                display: block;
                padding: 8px 10px;
                color: #969696
            }

                .course-ctn ul li a:hover {
                    color: #48cdee
                }

.liemeng-invoice-table > table > tbody > tr > td {
    vertical-align: middle;
    white-space: pre-line
}

.liemeng-invoice-table .tips {
    font-size: 18px
}

.invoice-modal-title {
    font-size: 20px
}

.invoice-modal-content {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px
}

.refund-reason-content {
    word-break: break-all
}

.offer-table {
    margin-top: 10px
}

.top-bar {
    padding: 13px 5%;
    text-align: right;
    background-color: #fff
}

    .top-bar .logo {
        float: left;
        height: 33px;
        width: 77px
    }

    .top-bar a {
        display: inline-block;
        padding: 5px 15px;
        margin: 0 15px;
        background: transparent;
        font-size: 14px;
        border: 1px solid #fff;
        border-radius: 5px;
        color: #48cdee
    }

        .top-bar a:first-child {
            cursor: pointer;
            border: none
        }

            .top-bar a:first-child:hover {
                border: none;
                color: #48ccee;
                background-color: transparent
            }

        .top-bar a.enter, .top-bar a:nth-child(3) {
            color: #67ceee;
            border: 1px solid #67ceee
        }

        .top-bar a:hover {
            background-color: #48ccee;
            color: #fff;
            border: 1px solid #67ceee
        }

.home {
    text-align: center;
    min-width: 1280px
}

    .home button {
        border-radius: 5px
    }

    .home .top-bar {
        background-color: transparent
    }

        .home .top-bar a {
            color: #fff
        }

            .home .top-bar a.enter, .home .top-bar a:nth-child(3) {
                color: #67ceee;
                border: 1px solid #67ceee
            }

                .home .top-bar a.enter:hover, .home .top-bar a:nth-child(3):hover {
                    color: #fff
                }

    .home .banner {
        position: relative;
        max-width: 100%;
        height: 100vh;
        color: #fff;
        background: url(https://assets.hunterplus.net/images/home/banner.jpg) no-repeat;
        background-size: cover
    }

        .home .banner .text {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-80%);
            transform: translate(-50%,-80%)
        }

            .home .banner .text p {
                font-size: 80px;
                font-weight: lighter
            }

            .home .banner .text button {
                border: 1px solid #fff;
                background: transparent;
                margin-top: 30px;
                font-size: 24px;
                width: 230px;
                height: 60px
            }

                .home .banner .text button:hover {
                    box-shadow: 0 0 2px #fff
                }

    .home img {
        max-width: 100%
    }

    .home .english {
        font-size: 48px;
        color: rgba(176,184,192,.3);
        margin-bottom: -10px;
        font-weight: 100;
        font-family: Garamond
    }

    .home .chinese {
        font-size: 30px;
        color: #4e545f
    }

    .home .line {
        width: 82px;
        height: 4px;
        background: #48cdee;
        margin: 0 auto;
        margin-bottom: 65px
    }

    .home .choose, .home .contact, .home .register, .home .us {
        background: #fff;
        padding: 100px 0
    }

        .home .choose .reason div, .home .contact .reason div, .home .register .reason div, .home .us .reason div {
            display: inline-block;
            width: 280px;
            padding: 25px 20px 10px;
            margin-bottom: 30px
        }

            .home .choose .reason div:first-child ~ div, .home .contact .reason div:first-child ~ div, .home .register .reason div:first-child ~ div, .home .us .reason div:first-child ~ div {
                margin-left: 5%
            }

            .home .choose .reason div img, .home .contact .reason div img, .home .register .reason div img, .home .us .reason div img {
                max-width: 100%;
                margin-bottom: 45px
            }

            .home .choose .reason div .title, .home .contact .reason div .title, .home .register .reason div .title, .home .us .reason div .title {
                font-size: 30px
            }

            .home .choose .reason div .content, .home .contact .reason div .content, .home .register .reason div .content, .home .us .reason div .content {
                font-size: 14px;
                line-height: 22px;
                color: #b0b8c0
            }

    .home .company {
        max-width: 100%;
        padding: 100px 0;
        background: url(https://assets.hunterplus.net/images/home/customer_background.png) no-repeat;
        background-size: cover
    }

        .home .company .list > div {
            display: inline-block;
            text-align: right;
            clear: both;
            margin-bottom: 50px
        }

            .home .company .list > div, .home .company .list > div:nth-child(2) {
                margin-left: 1%;
                margin-right: 1%
            }

        .home .company .list .content {
            position: relative;
            width: 360px;
            height: 230px;
            background: #fff;
            padding: 57px 33px;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: 2px;
            color: #b0b8c0;
            text-align: left;
            background-color: #fff;
            background: url(https://assets.hunterplus.net/images/home/bubble.png) 0 0 no-repeat;
            background-size: cover;
            margin-bottom: 15px
        }

            .home .company .list .content p {
                position: relative;
                z-index: 100
            }

        .home .company .list img {
            float: right;
            margin: 0 35px;
            width: 84px;
            height: 84px
        }

        .home .company .list .name {
            font-size: 30px;
            color: #48cdee
        }

        .home .company .list .title {
            font-size: 18px;
            color: #4f545f
        }

    .home .img-footer {
        position: relative
    }

        .home .img-footer a, .home .img-footer button {
            display: inline-block;
            position: absolute;
            top: 30%;
            left: 45%;
            color: #fff;
            background: #46c3eb;
            border-radius: 5px;
            padding: 8px 3%;
            font-size: 18px;
            border: none
        }

            .home .img-footer a:hover, .home .img-footer button:hover {
                box-shadow: 0 0 5px #46c3eb
            }

    .home .left-arrow, .home .right-arrow {
        position: absolute;
        top: 40%;
        vertical-align: middle;
        border-bottom: 2px solid #ccc;
        border-left: 2px solid #ccc;
        width: 35px;
        height: 35px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background: transparent;
        cursor: pointer;
        z-index: 10;
        opacity: .5
    }

        .home .left-arrow:hover, .home .right-arrow:hover {
            opacity: 1
        }

    .home .right-arrow {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        right: 15px
    }

    .home .left-arrow {
        left: 15px
    }

    .home .trust {
        max-width: 100%;
        padding: 100px 0
    }

        .home .trust .list {
            position: relative;
            padding: 10px 0;
            width: 1225px;
            min-height: 205px;
            margin: 0 auto;
            overflow: hidden
        }

            .home .trust .list .item-0 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -67px;
                background-position-y: -90px
            }

                .home .trust .list .item-0:hover {
                    background-position-x: -1223px;
                    background-position-y: -90px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-1 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -298px;
                background-position-y: -90px
            }

                .home .trust .list .item-1:hover {
                    background-position-x: -1454px;
                    background-position-y: -90px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-2 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -529px;
                background-position-y: -90px
            }

                .home .trust .list .item-2:hover {
                    background-position-x: -1685px;
                    background-position-y: -90px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-3 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -760px;
                background-position-y: -90px
            }

                .home .trust .list .item-3:hover {
                    background-position-x: -1916px;
                    background-position-y: -90px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-4 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -991px;
                background-position-y: -90px
            }

                .home .trust .list .item-4:hover {
                    background-position-x: -2147px;
                    background-position-y: -90px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-5 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -67px;
                background-position-y: -188px
            }

                .home .trust .list .item-5:hover {
                    background-position-x: -1223px;
                    background-position-y: -188px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-6 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -298px;
                background-position-y: -188px
            }

                .home .trust .list .item-6:hover {
                    background-position-x: -1454px;
                    background-position-y: -188px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-7 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -529px;
                background-position-y: -188px
            }

                .home .trust .list .item-7:hover {
                    background-position-x: -1685px;
                    background-position-y: -188px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-8 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -760px;
                background-position-y: -188px
            }

                .home .trust .list .item-8:hover {
                    background-position-x: -1916px;
                    background-position-y: -188px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-9 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -991px;
                background-position-y: -188px
            }

                .home .trust .list .item-9:hover {
                    background-position-x: -2147px;
                    background-position-y: -188px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-10 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -67px;
                background-position-y: -286px
            }

                .home .trust .list .item-10:hover {
                    background-position-x: -1223px;
                    background-position-y: -286px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-11 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -298px;
                background-position-y: -286px
            }

                .home .trust .list .item-11:hover {
                    background-position-x: -1454px;
                    background-position-y: -286px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-12 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -529px;
                background-position-y: -286px
            }

                .home .trust .list .item-12:hover {
                    background-position-x: -1685px;
                    background-position-y: -286px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-13 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -760px;
                background-position-y: -286px
            }

                .home .trust .list .item-13:hover {
                    background-position-x: -1916px;
                    background-position-y: -286px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-14 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -991px;
                background-position-y: -286px
            }

                .home .trust .list .item-14:hover {
                    background-position-x: -2147px;
                    background-position-y: -286px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-15 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -67px;
                background-position-y: -384px
            }

                .home .trust .list .item-15:hover {
                    background-position-x: -1223px;
                    background-position-y: -384px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-16 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -298px;
                background-position-y: -384px
            }

                .home .trust .list .item-16:hover {
                    background-position-x: -1454px;
                    background-position-y: -384px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-17 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -529px;
                background-position-y: -384px
            }

                .home .trust .list .item-17:hover {
                    background-position-x: -1685px;
                    background-position-y: -384px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-18 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -760px;
                background-position-y: -384px
            }

                .home .trust .list .item-18:hover {
                    background-position-x: -1916px;
                    background-position-y: -384px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-19 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -991px;
                background-position-y: -384px
            }

                .home .trust .list .item-19:hover {
                    background-position-x: -2147px;
                    background-position-y: -384px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-20 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -67px;
                background-position-y: -482px
            }

                .home .trust .list .item-20:hover {
                    background-position-x: -1223px;
                    background-position-y: -482px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-21 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -298px;
                background-position-y: -482px
            }

                .home .trust .list .item-21:hover {
                    background-position-x: -1454px;
                    background-position-y: -482px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-22 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -529px;
                background-position-y: -482px
            }

                .home .trust .list .item-22:hover {
                    background-position-x: -1685px;
                    background-position-y: -482px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-23 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -760px;
                background-position-y: -482px
            }

                .home .trust .list .item-23:hover {
                    background-position-x: -1916px;
                    background-position-y: -482px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-24 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -991px;
                background-position-y: -482px
            }

                .home .trust .list .item-24:hover {
                    background-position-x: -2147px;
                    background-position-y: -482px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-25 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -67px;
                background-position-y: -580px
            }

                .home .trust .list .item-25:hover {
                    background-position-x: -1223px;
                    background-position-y: -580px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-26 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -298px;
                background-position-y: -580px
            }

                .home .trust .list .item-26:hover {
                    background-position-x: -1454px;
                    background-position-y: -580px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-27 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -529px;
                background-position-y: -580px
            }

                .home .trust .list .item-27:hover {
                    background-position-x: -1685px;
                    background-position-y: -580px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-28 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -760px;
                background-position-y: -580px
            }

                .home .trust .list .item-28:hover {
                    background-position-x: -1916px;
                    background-position-y: -580px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-29 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -991px;
                background-position-y: -580px
            }

                .home .trust .list .item-29:hover {
                    background-position-x: -2147px;
                    background-position-y: -580px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-30 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -67px;
                background-position-y: -678px
            }

                .home .trust .list .item-30:hover {
                    background-position-x: -1223px;
                    background-position-y: -678px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-31 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -298px;
                background-position-y: -678px
            }

                .home .trust .list .item-31:hover {
                    background-position-x: -1454px;
                    background-position-y: -678px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-32 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -529px;
                background-position-y: -678px
            }

                .home .trust .list .item-32:hover {
                    background-position-x: -1685px;
                    background-position-y: -678px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-33 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -760px;
                background-position-y: -678px
            }

                .home .trust .list .item-33:hover {
                    background-position-x: -1916px;
                    background-position-y: -678px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list .item-34 {
                display: inline-block;
                width: 215px;
                height: 82px;
                margin-bottom: 10px;
                background: url(https://assets.hunterplus.net/images/home/company_list.png) 0 0 no-repeat;
                background-position-x: -991px;
                background-position-y: -678px
            }

                .home .trust .list .item-34:hover {
                    background-position-x: -2147px;
                    background-position-y: -678px;
                    box-shadow: 0 0 11px 0 rgba(0,0,0,.12);
                    border-radius: 5px
                }

            .home .trust .list p {
                max-width: 1095px;
                margin: 0 auto;
                position: absolute;
                left: 60px;
                vertical-align: middle;
                transition: all 1s cubic-bezier(0,0,.55,1.13)
            }

                .home .trust .list p.out {
                    -webkit-transform: translateX(-100%);
                    transform: translateX(-100%)
                }

                .home .trust .list p.in, .home .trust .list p.out {
                    opacity: 0;
                    transition: all .8s cubic-bezier(.52,.74,1,1)
                }

                .home .trust .list p.in {
                    -webkit-transform: translateX(100%);
                    transform: translateX(100%)
                }

    .home .choose {
        background: #fafcfd
    }

    .home .choose, .home .consultant {
        width: 100%;
        padding: 100px 0
    }

        .home .consultant .list {
            position: relative;
            width: 1150px;
            height: 380px;
            margin: 0 auto;
            overflow: hidden
        }

            .home .consultant .list .out {
                position: absolute;
                -webkit-transform: translateX(-120%);
                transform: translateX(-120%);
                opacity: 0;
                left: 110px;
                transition: all .8s cubic-bezier(.52,.74,1,1)
            }

            .home .consultant .list .center, .home .consultant .list .in {
                position: absolute;
                left: 110px;
                transition: all .8s cubic-bezier(0,0,.55,1.13)
            }

            .home .consultant .list .in {
                -webkit-transform: translateX(120%);
                transform: translateX(120%);
                opacity: 0
            }

        .home .consultant .card {
            width: 260px;
            margin: 0 25px 30px;
            background: #fff;
            height: 368px;
            vertical-align: top;
            box-shadow: 0 2px 6px 0 rgba(0,0,0,.16);
            border-radius: 5px;
            display: inline-block
        }

            .home .consultant .card .avatar.special p {
                color: #b2aa98
            }

            .home .consultant .card .avatar.special img {
                border: 1px solid #b2aa98
            }

            .home .consultant .card .avatar.special:before {
                background: url(https://assets.hunterplus.net/images/home/angle1.png) -2px 1px no-repeat;
                background-size: 70%
            }

            .home .consultant .card .avatar {
                position: relative;
                height: 240px;
                border-radius: 5px 5px 0 0
            }

                .home .consultant .card .avatar:before {
                    content: "";
                    background: url(https://assets.hunterplus.net/images/home/angle2.png) -2px 1px no-repeat;
                    position: absolute;
                    top: 20px;
                    left: 125px;
                    width: 20px;
                    height: 36px;
                    background-size: 70%
                }

                .home .consultant .card .avatar img {
                    width: 145px;
                    height: 145px;
                    border: 1px solid #fff;
                    border-radius: 50%;
                    padding: 10px;
                    margin: 0;
                    margin-top: 55px
                }

                .home .consultant .card .avatar p {
                    font-size: 12px;
                    margin-top: 10px;
                    color: #fff
                }

            .home .consultant .card .text {
                font-size: 18px;
                padding: 20px;
                height: 125px;
                text-align: left;
                position: relative
            }

                .home .consultant .card .text .title {
                    color: #4e545f;
                    margin-bottom: 15px
                }

                .home .consultant .card .text .name {
                    color: #b0b8c0;
                    position: absolute;
                    bottom: 0
                }

    .home .register {
        width: 100%;
        padding: 100px 0;
        background: url(https://assets.hunterplus.net/images/home/register_background.png) no-repeat;
        background-size: cover
    }

        .home .register .reason div {
            padding: 0 0 0 3px;
            width: 250px;
            min-width: unset
        }

            .home .register .reason div:first-child ~ div {
                margin-left: 0
            }

            .home .register .reason div:last-child {
                padding-left: 10px
            }

    .home .about-us {
        width: 100%;
        padding: 100px 0;
        background: url(https://assets.hunterplus.net/images/home/about_us.png) no-repeat;
        background-size: cover
    }

        .home .about-us .content {
            max-width: 1140px;
            margin: 0 auto;
            text-align: left;
            padding: 100px 60px;
            background: #fff;
            opacity: .8;
            color: #4e545f;
            box-shadow: -2px 14px 16px 0 rgba(22,81,113,.14);
            margin-bottom: 50px
        }

    .home .contact {
        width: 100%;
        padding: 100px 0
    }

        .home .contact .reason div:first-child ~ div p {
            font-size: 18px;
            color: #4e545f
        }

        .home .contact .reason div:first-child .phone {
            font-size: 18px;
            color: #a2a7b1
        }

    .home .footer {
        font-size: 14px;
        color: #fff;
        padding: 44px 0;
        background: #525562;
        clear: both
    }

        .home .footer img {
            float: left;
            margin-left: 8%;
            margin-top: -18px
        }

        .home .footer p {
            width: 500px;
            margin: 0 auto
        }

    .home .activity {
        z-index: 10;
        position: fixed;
        bottom: 0
    }

.new-login-module {
    height: 100%;
    min-width: 560px;
    min-height: 620px;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    background: url(../images/bg-video.png) no-repeat;
    background-size: cover
}

    .new-login-module ::-webkit-input-placeholder {
        color: #bdbfc3 !important
    }

    .new-login-module :-ms-input-placeholder {
        color: #bdbfc3 !important
    }

    .new-login-module :-moz-placeholder {
        color: #bdbfc3 !important
    }

    .new-login-module .common-form-style {
        background: transparent;
        position: relative
    }

        .new-login-module .common-form-style .input input {
            width: 80%;
            padding-left: 40px !important
        }

            .new-login-module .common-form-style .input input:focus {
                border-color: #48cdee;
                outline: 0;
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
            }

        .new-login-module .common-form-style .inner-label {
            cursor: pointer;
            color: #bdbfc3
        }

            .new-login-module .common-form-style .inner-label.send-vertification, .new-login-module .common-form-style .inner-label:hover {
                color: #48cdee
            }

                .new-login-module .common-form-style .inner-label.send-vertification:hover {
                    color: #45c4e3
                }

                .new-login-module .common-form-style .inner-label.send-vertification[disabled=disabled] {
                    cursor: not-allowed;
                    color: #bdbfc3
                }

        .new-login-module .common-form-style .login-form {
            padding: 0
        }

        .new-login-module .common-form-style .err-msg {
            color: #ff7979;
            margin-top: -15px
        }

        .new-login-module .common-form-style button {
            width: 80%;
            height: 40px;
            text-align: center;
            color: #fff;
            background: #48cdee;
            border: none;
            border-radius: 3px
        }

            .new-login-module .common-form-style button:hover {
                background-color: #45c4e3
            }

    .new-login-module .login-wrap {
        margin-top: -70px
    }

        .new-login-module .login-wrap > img {
            display: block;
            margin: 0 auto 38px;
            width: 130px
        }

        .new-login-module .login-wrap .focus-tips, .new-login-module .login-wrap .login-tips {
            display: inline-block;
            padding-left: 5px
        }

            .new-login-module .login-wrap .focus-tips .scan-qrcode, .new-login-module .login-wrap .login-tips .scan-qrcode {
                width: 24px;
                height: 24px;
                margin-right: 10px
            }

        .new-login-module .login-wrap .forbid {
            color: red;
            margin-top: 15px
        }

        .new-login-module .login-wrap .success-header img {
            width: 27px;
            margin-right: 8px;
            margin-top: -4px
        }

    .new-login-module .corner-wrap {
        position: absolute;
        width: 60px;
        height: 60px;
        top: 0;
        right: 0
    }

        .new-login-module .corner-wrap .icon {
            cursor: pointer;
            position: absolute;
            top: 5px;
            bottom: 0;
            right: 5px;
            margin: auto;
            font-size: 40px;
            color: #48cdee
        }

        .new-login-module .corner-wrap .fa-television {
            font-size: 35px;
            top: 3px;
            right: 3px
        }

        .new-login-module .corner-wrap:after {
            cursor: pointer;
            content: "";
            display: block;
            position: absolute;
            width: 0;
            height: 0;
            border: 30px solid #fff;
            border-top-color: transparent;
            border-right-color: transparent;
            bottom: 0;
            left: 0
        }

    .new-login-module .login-main {
        width: 478px;
        padding: 0 0 40px;
        position: relative;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 10px 0 rgba(0,0,0,.07);
        text-align: center;
        overflow: hidden
    }

        .new-login-module .login-main .loading-img {
            position: absolute;
            width: 50px;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            padding: 0
        }

        .new-login-module .login-main .loading-text {
            display: none
        }

        .new-login-module .login-main .header, .new-login-module .login-main .small-header {
            font-size: 24px;
            color: #4e545f;
            margin: 0;
            padding: 33px 0 31px
        }

        .new-login-module .login-main .small-header {
            font-size: 18px
        }

        .new-login-module .login-main #wx-code {
            height: 210px;
            margin: 0 0 20px;
            overflow: hidden
        }

        .new-login-module .login-main .login, .new-login-module .login-main .reset-pwd {
            padding-bottom: 15px
        }

            .new-login-module .login-main .login button, .new-login-module .login-main .reset-pwd button {
                margin-bottom: 4px
            }

            .new-login-module .login-main .login #wx-code, .new-login-module .login-main .reset-pwd #wx-code {
                height: 220px;
                margin: 0 auto;
                width: 300px
            }

        .new-login-module .login-main .reset-pwd {
            padding-bottom: 48px
        }

        .new-login-module .login-main .login-footer, .new-login-module .login-main .reset-footer {
            position: absolute;
            bottom: 0;
            height: 50px;
            width: 100%;
            background-color: #f9f9f9;
            text-align: center
        }

            .new-login-module .login-main .login-footer .footer-content, .new-login-module .login-main .reset-footer .footer-content {
                display: inline-block;
                padding: 15px 0 0
            }

                .new-login-module .login-main .login-footer .footer-content > a, .new-login-module .login-main .reset-footer .footer-content > a {
                    cursor: pointer;
                    margin-left: 15px;
                    padding-left: 17px;
                    color: dimgray;
                    border-left: 1px solid #eaeaea
                }

                    .new-login-module .login-main .login-footer .footer-content > a:hover, .new-login-module .login-main .reset-footer .footer-content > a:hover {
                        color: #20abd9
                    }

                    .new-login-module .login-main .login-footer .footer-content > a:first-child, .new-login-module .login-main .reset-footer .footer-content > a:first-child {
                        margin: 0;
                        padding: 0;
                        border: none
                    }

        .new-login-module .login-main .nobind button {
            width: 337px;
            height: 40px;
            text-align: center;
            color: #fff;
            background: #48cdee;
            border: none;
            border-radius: 3px;
            margin: 0 auto 20px
        }

            .new-login-module .login-main .nobind button:hover {
                background-color: #45c4e3
            }

            .new-login-module .login-main .nobind button + button {
                background: transparent;
                border: 1px solid #48cdee;
                color: #48cdee;
                margin: 0 auto
            }

                .new-login-module .login-main .nobind button + button:hover {
                    background: #48cdee;
                    color: #fff
                }

        .new-login-module .login-main .bind-no-foucs .focus-hints, .new-login-module .login-main .bind-no-sign .focus-hints {
            font-size: 14px;
            margin: 0 0 15px
        }

        .new-login-module .login-main .bind-no-foucs .nosign-hints, .new-login-module .login-main .bind-no-sign .nosign-hints {
            font-size: 18px
        }

        .new-login-module .login-main .bind-no-foucs .focus-tips, .new-login-module .login-main .bind-no-sign .focus-tips {
            margin-top: 5px
        }

        .new-login-module .login-main .bind-no-foucs .common-form-style, .new-login-module .login-main .bind-no-sign .common-form-style {
            padding: 0
        }

            .new-login-module .login-main .bind-no-foucs .common-form-style button, .new-login-module .login-main .bind-no-sign .common-form-style button {
                margin-top: 36px;
                width: 312px
            }

        .new-login-module .login-main .bind-no-sign .header {
            padding-bottom: 0
        }

        .new-login-module .login-main .bind-no-sign .focus-hints {
            font-size: 14px;
            margin: 40px 0 0
        }

        .new-login-module .login-main .bind-no-sign .nosign-hints {
            font-size: 18px
        }

    .new-login-module.register {
        position: relative
    }

.home-logo {
    position: absolute;
    width: 130px;
    left: 8%;
    top: 27px
}

    .home-logo img {
        max-width: 100%
    }

.new-login-module .header {
    position: relative;
    margin-bottom: 32px
}

.error {
    color: #ae5547;
    margin-top: 5px
}

.register-table {
    width: 620px;
    border-radius: 5px;
    background: #fff;
    margin: 0 auto;
    color: #b0b8c0;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.07)
}

    .register-table a {
        cursor: pointer
    }

    .new-login-module .register-table .common-form-style, .register-table .home-form, .register-table .new-login-module .common-form-style {
        background: #f9f9f9;
        text-align: center;
        padding: 30px 0;
        width: 100%
    }

        .new-login-module .register-table .common-form-style input, .register-table .home-form input, .register-table .new-login-module .common-form-style input {
            width: 61%
        }

    .register-table .footer {
        text-align: center;
        height: 40px;
        padding: 12px 0;
        font-size: 12px
    }

.home-form input, .new-login-module .common-form-style input {
    width: 100%;
    height: 40px;
    color: initial;
    padding: 6px 12px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #e5e5e5
}

    .home-form input::-webkit-input-placeholder, .new-login-module .common-form-style input::-webkit-input-placeholder {
        color: inherit
    }

    .home-form input:-ms-input-placeholder, .new-login-module .common-form-style input:-ms-input-placeholder {
        color: inherit
    }

    .home-form input::placeholder, .new-login-module .common-form-style input::placeholder {
        color: inherit
    }

    .home-form input ::-webkit-input-placeholder, .new-login-module .common-form-style input ::-webkit-input-placeholder {
        color: #bdbfc3 !important
    }

    .home-form input :-ms-input-placeholder, .new-login-module .common-form-style input :-ms-input-placeholder {
        color: #bdbfc3 !important
    }

    .home-form input :-moz-placeholder, .new-login-module .common-form-style input :-moz-placeholder {
        color: #bdbfc3 !important
    }

.home-form .form-group.input, .new-login-module .common-form-style .form-group.input {
    margin-bottom: 30px
}

    .home-form .form-group.input > span, .new-login-module .common-form-style .form-group.input > span {
        position: absolute;
        top: 40px;
        width: 100%;
        text-align: left;
        padding-left: 26%;
        display: block
    }

    .home-form .form-group.input > input.form-control, .new-login-module .common-form-style .form-group.input > input.form-control {
        display: initial
    }

.home-form .registerForm .form-group.input:focus, .new-login-module .common-form-style .registerForm .form-group.input:focus {
    border-color: #48ccee
}

.home-form .registerForm .form-group.input > span, .new-login-module .common-form-style .registerForm .form-group.input > span {
    padding-left: 20%
}

.home-form .input, .new-login-module .common-form-style .input {
    position: relative;
    margin-bottom: 30px
}

    .home-form .input label:first-child, .new-login-module .common-form-style .input label:first-child {
        width: 5em;
        text-align: right;
        color: initial
    }

    .home-form .input:before, .new-login-module .common-form-style .input:before {
        position: absolute;
        width: 40px;
        height: 40px;
        display: inline-block
    }

    .home-form .input .inner-label, .new-login-module .common-form-style .input .inner-label {
        position: absolute;
        width: 110px;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        border-left: 1px solid #d8d8d8;
        height: 20px;
        line-height: 20px;
        margin: 10px 0
    }

        .home-form .input .inner-label a.disable, .new-login-module .common-form-style .input .inner-label a.disable {
            color: #e5e5e5;
            cursor: not-allowed
        }

.home-form .password:before, .new-login-module .common-form-style .password:before {
    background: url(https://assets.hunterplus.net/images/icon-password.png) no-repeat 12px;
    background-size: 50% 50%;
    content: ""
}

.home-form .password input, .new-login-module .common-form-style .password input {
    padding-left: 46px;
    padding-right: 115px
}

.home-form .confirm:before, .new-login-module .common-form-style .confirm:before {
    background: url(https://assets.hunterplus.net/images/icon-confirm.png) no-repeat 12px;
    background-size: 50% 50%;
    content: ""
}

.home-form .confirm input, .new-login-module .common-form-style .confirm input {
    padding-left: 46px;
    padding-right: 115px
}

.home-form .phone:before, .new-login-module .common-form-style .phone:before {
    background: url(https://assets.hunterplus.net/images/icon-phone.png) no-repeat 12px;
    background-size: 50% 50%;
    content: ""
}

.home-form .phone input, .new-login-module .common-form-style .phone input {
    padding-left: 46px
}

.home-form > button, .home-form input[type=submit], .new-login-module .common-form-style > button, .new-login-module .common-form-style input[type=submit] {
    width: 61%;
    height: 40px;
    text-align: center;
    color: #fff;
    background: #48cdee;
    border: none;
    border-radius: 3px
}

    .home-form > button:hover, .home-form input[type=submit]:hover, .new-login-module .common-form-style > button:hover, .new-login-module .common-form-style input[type=submit]:hover {
        background-color: #45c4e3
    }

.progress-div {
    clear: both;
    margin: 0 auto;
    margin-top: 40px;
    height: 56px;
    width: 490px
}

    .progress-div .step.active ~ .step {
        background: #e5e5e5
    }

        .progress-div .step.active ~ .step span {
            color: #e5e5e5
        }

        .progress-div .step.active ~ .step:after, .progress-div .step.active ~ .step:before {
            border: 2px solid #e5e5e5
        }

        .progress-div .step.active ~ .step:last-child:after {
            border: none
        }

    .progress-div .step {
        float: left;
        text-align: center;
        position: relative;
        background: #48cdee;
        color: #fff;
        font-size: 18px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 50%;
        margin: 0 60px
    }

        .progress-div .step span {
            position: absolute;
            width: 110px;
            font-size: 14px;
            color: #48cdee;
            bottom: 32px;
            right: -40px
        }

            .progress-div .step span.arrow:before {
                content: "";
                width: 32px;
                height: 32px;
                background: #f9f9fa;
                position: absolute;
                top: 50px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                left: 40px
            }

        .progress-div .step:before {
            right: 32px
        }

        .progress-div .step:after, .progress-div .step:before {
            content: "";
            border: 2px solid #48cdee;
            width: 60px;
            margin: 14px 0;
            position: absolute
        }

        .progress-div .step:after {
            left: 32px
        }

        .progress-div .step:first-child {
            margin-left: 0
        }

            .progress-div .step:first-child:before {
                border: none;
                width: 0
            }

        .progress-div .step:last-child {
            margin-right: 0
        }

            .progress-div .step:last-child:after {
                border: none;
                width: 0
            }

.register-auditing .body {
    background: #f9f9f9;
    text-align: center;
    padding: 50px 0;
    width: 100%;
    color: #506072;
    border-radius: 0 0 3px 3px
}

    .register-auditing .body .success {
        font-size: 24px
    }

        .register-auditing .body .success p.tips {
            font-size: 14px
        }

        .register-auditing .body .success p.reason {
            font-size: 18px
        }

        .register-auditing .body .success img {
            width: 36px;
            height: 36px;
            margin-bottom: 8px
        }

    .register-auditing .body .auditing-failed {
        width: 360px;
        height: 50px;
        margin-top: 30px;
        text-align: center;
        color: #fff;
        background: #48cdee;
        border: none;
        border-radius: 3px
    }

        .register-auditing .body .auditing-failed:hover {
            box-shadow: 0 0 4px #66aee9
        }

    .register-auditing .body .qrcode .img {
        width: 170px;
        height: 170px;
        border: 2px solid #48cdee;
        margin: 0 auto;
        margin-bottom: 8px;
        margin-top: 28px
    }

        .register-auditing .body .qrcode .img img {
            max-width: 100%
        }

    .register-auditing .body .qrcode p {
        font-size: 12px
    }

.home-form .input label.image-label, .new-login-module .common-form-style .input label.image-label {
    vertical-align: top
}

.home-form .input .image-holder, .home-form .input .images-holder, .new-login-module .common-form-style .input .image-holder, .new-login-module .common-form-style .input .images-holder {
    width: 61%;
    height: 145px;
    background: #fff;
    position: relative;
    border-radius: 3px;
    display: inline-block
}

    .home-form .input .image-holder img, .home-form .input .images-holder img, .new-login-module .common-form-style .input .image-holder img, .new-login-module .common-form-style .input .images-holder img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto
    }

.home-form .input .image-holder, .new-login-module .common-form-style .input .image-holder {
    border: 2px dashed #e5e5e5
}

.register-table.identify {
    margin-bottom: 40px;
    color: #4e545f
}

    .new-login-module .register-table.identify .common-form-style, .register-table.identify .home-form, .register-table.identify .new-login-module .common-form-style {
        padding-bottom: 40px;
        border-radius: 0 0 5px 5px
    }

        .new-login-module .register-table.identify .common-form-style .input label:first-child, .register-table.identify .home-form .input label:first-child, .register-table.identify .new-login-module .common-form-style .input label:first-child {
            width: 8em
        }

        .new-login-module .register-table.identify .common-form-style .input .htp-select:before, .register-table.identify .home-form .input .htp-select:before, .register-table.identify .new-login-module .common-form-style .input .htp-select:before {
            left: 86%
        }

        .new-login-module .register-table.identify .common-form-style input[type=submit], .register-table.identify .home-form input[type=submit], .register-table.identify .new-login-module .common-form-style input[type=submit] {
            width: 460px;
            margin-left: 35px
        }

.new-login-module .register-table .common-form-style .email-input-div, .register-table .home-form .email-input-div, .register-table .new-login-module .common-form-style .email-input-div {
    width: 61%
}

    .new-login-module .register-table .common-form-style .email-input-div input, .register-table .home-form .email-input-div input, .register-table .new-login-module .common-form-style .email-input-div input {
        width: 100%
    }

.new-login-module .register-table .common-form-style .input .city-select-box, .new-login-module .register-table .common-form-style .input .htp-select, .register-table .home-form .input .city-select-box, .register-table .home-form .input .htp-select, .register-table .new-login-module .common-form-style .input .city-select-box, .register-table .new-login-module .common-form-style .input .htp-select {
    display: inline-block;
    width: 61%;
    text-align: left;
    color: #4e545f
}

    .new-login-module .register-table .common-form-style .input .city-select-box .form-control, .new-login-module .register-table .common-form-style .input .htp-select .form-control, .register-table .home-form .input .city-select-box .form-control, .register-table .home-form .input .htp-select .form-control, .register-table .new-login-module .common-form-style .input .city-select-box .form-control, .register-table .new-login-module .common-form-style .input .htp-select .form-control {
        height: 40px;
        color: inherit;
        padding: 6px 12px;
        border-radius: 3px;
        background: #fff
    }

    .new-login-module .register-table .common-form-style .input .city-select-box .hotcity, .new-login-module .register-table .common-form-style .input .htp-select .hotcity, .register-table .home-form .input .city-select-box .hotcity, .register-table .home-form .input .htp-select .hotcity, .register-table .new-login-module .common-form-style .input .city-select-box .hotcity, .register-table .new-login-module .common-form-style .input .htp-select .hotcity {
        font-size: 14px;
        padding-left: 12px
    }

    .new-login-module .register-table .common-form-style .input .city-select-box select, .new-login-module .register-table .common-form-style .input .htp-select select, .register-table .home-form .input .city-select-box select, .register-table .home-form .input .htp-select select, .register-table .new-login-module .common-form-style .input .city-select-box select, .register-table .new-login-module .common-form-style .input .htp-select select {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none
    }

    .new-login-module .register-table .common-form-style .input .htp-select:before, .register-table .home-form .input .htp-select:before, .register-table .new-login-module .common-form-style .input .htp-select:before {
        content: "";
        left: 82%;
        top: 15px;
        width: 8px;
        position: absolute;
        border-top: 8px solid #b0b8c0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent
    }

.new-login-module .register-table .common-form-style .input .htp-tabs-select .tabs-content-top, .register-table .home-form .input .htp-tabs-select .tabs-content-top, .register-table .new-login-module .common-form-style .input .htp-tabs-select .tabs-content-top {
    display: none
}

.new-login-module .register-table .common-form-style .input .htp-tabs-select .tab-button:before, .register-table .home-form .input .htp-tabs-select .tab-button:before, .register-table .new-login-module .common-form-style .input .htp-tabs-select .tab-button:before {
    content: "";
    right: 10px;
    top: 15px;
    width: 8px;
    position: absolute;
    border-top: 8px solid #b0b8c0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.new-login-module .register-table .common-form-style .input .register-info-industry, .register-table .home-form .input .register-info-industry, .register-table .new-login-module .common-form-style .input .register-info-industry {
    color: #4e545f
}

    .new-login-module .register-table .common-form-style .input .register-info-industry > .htp-tabs-select, .register-table .home-form .input .register-info-industry > .htp-tabs-select, .register-table .new-login-module .common-form-style .input .register-info-industry > .htp-tabs-select {
        width: 61%
    }

        .new-login-module .register-table .common-form-style .input .register-info-industry > .htp-tabs-select > button, .register-table .home-form .input .register-info-industry > .htp-tabs-select > button, .register-table .new-login-module .common-form-style .input .register-info-industry > .htp-tabs-select > button {
            height: 40px;
            border-radius: 3px;
            color: inherit
        }

    .new-login-module .register-table .common-form-style .input .register-info-industry .activity-list, .new-login-module .register-table .common-form-style .input .register-info-industry .basic-info-tabs, .new-login-module .register-table .common-form-style .input .register-info-industry .clearfix, .new-login-module .register-table .common-form-style .input .register-info-industry .htp-tab, .new-login-module .register-table .common-form-style .input .register-info-industry .manage-position, .new-login-module .register-table .common-form-style .input .register-info-industry .manage-position-select-status, .new-login-module .register-table .common-form-style .input .register-info-industry .notice-component .body .page .btn-group, .new-login-module .register-table .common-form-style .input .register-info-industry .position-analyse-ctn, .new-login-module .register-table .common-form-style .input .register-info-industry .position-analyse .form-group, .new-login-module .register-table .common-form-style .input .register-info-industry .position-detail-section-title .pub-broadList-btn, .new-login-module .register-table .common-form-style .input .register-info-industry .resume-file, .new-login-module .register-table .common-form-style .input .register-info-industry .searh-filter .filter-list-ctn, .new-login-module .register-table .common-form-style .input .register-info-industry .ws-position-chart, .new-login-module .register-table .common-form-style .input .register-info-industry .ws-position-filter, .notice-component .body .page .new-login-module .register-table .common-form-style .input .register-info-industry .btn-group, .notice-component .body .page .register-table .home-form .input .register-info-industry .btn-group, .notice-component .body .page .register-table .new-login-module .common-form-style .input .register-info-industry .btn-group, .position-analyse .new-login-module .register-table .common-form-style .input .register-info-industry .form-group, .position-analyse .register-table .home-form .input .register-info-industry .form-group, .position-analyse .register-table .new-login-module .common-form-style .input .register-info-industry .form-group, .position-detail-section-title .new-login-module .register-table .common-form-style .input .register-info-industry .pub-broadList-btn, .position-detail-section-title .register-table .home-form .input .register-info-industry .pub-broadList-btn, .position-detail-section-title .register-table .new-login-module .common-form-style .input .register-info-industry .pub-broadList-btn, .register-table .home-form .input .register-info-industry .activity-list, .register-table .home-form .input .register-info-industry .basic-info-tabs, .register-table .home-form .input .register-info-industry .clearfix, .register-table .home-form .input .register-info-industry .htp-tab, .register-table .home-form .input .register-info-industry .manage-position, .register-table .home-form .input .register-info-industry .manage-position-select-status, .register-table .home-form .input .register-info-industry .notice-component .body .page .btn-group, .register-table .home-form .input .register-info-industry .position-analyse-ctn, .register-table .home-form .input .register-info-industry .position-analyse .form-group, .register-table .home-form .input .register-info-industry .position-detail-section-title .pub-broadList-btn, .register-table .home-form .input .register-info-industry .resume-file, .register-table .home-form .input .register-info-industry .searh-filter .filter-list-ctn, .register-table .home-form .input .register-info-industry .ws-position-chart, .register-table .home-form .input .register-info-industry .ws-position-filter, .register-table .new-login-module .common-form-style .input .register-info-industry .activity-list, .register-table .new-login-module .common-form-style .input .register-info-industry .basic-info-tabs, .register-table .new-login-module .common-form-style .input .register-info-industry .clearfix, .register-table .new-login-module .common-form-style .input .register-info-industry .htp-tab, .register-table .new-login-module .common-form-style .input .register-info-industry .manage-position, .register-table .new-login-module .common-form-style .input .register-info-industry .manage-position-select-status, .register-table .new-login-module .common-form-style .input .register-info-industry .notice-component .body .page .btn-group, .register-table .new-login-module .common-form-style .input .register-info-industry .position-analyse-ctn, .register-table .new-login-module .common-form-style .input .register-info-industry .position-analyse .form-group, .register-table .new-login-module .common-form-style .input .register-info-industry .position-detail-section-title .pub-broadList-btn, .register-table .new-login-module .common-form-style .input .register-info-industry .resume-file, .register-table .new-login-module .common-form-style .input .register-info-industry .searh-filter .filter-list-ctn, .register-table .new-login-module .common-form-style .input .register-info-industry .ws-position-chart, .register-table .new-login-module .common-form-style .input .register-info-industry .ws-position-filter, .searh-filter .new-login-module .register-table .common-form-style .input .register-info-industry .filter-list-ctn, .searh-filter .register-table .home-form .input .register-info-industry .filter-list-ctn, .searh-filter .register-table .new-login-module .common-form-style .input .register-info-industry .filter-list-ctn {
        margin: 0 auto;
        width: 85%;
        padding-left: 111px
    }

.new-login-module .register-table .common-form-style .input .infoSources, .register-table .home-form .input .infoSources, .register-table .new-login-module .common-form-style .input .infoSources {
    width: 61%;
    min-height: 40px;
    vertical-align: top;
    text-align: left;
    padding-left: 12px;
    display: inline-block
}

    .new-login-module .register-table .common-form-style .input .infoSources input, .register-table .home-form .input .infoSources input, .register-table .new-login-module .common-form-style .input .infoSources input {
        padding: 0;
        margin-top: 5px
    }

        .new-login-module .register-table .common-form-style .input .infoSources input::-webkit-input-placeholder, .register-table .home-form .input .infoSources input::-webkit-input-placeholder, .register-table .new-login-module .common-form-style .input .infoSources input::-webkit-input-placeholder {
            color: #4e545f !important
        }

        .new-login-module .register-table .common-form-style .input .infoSources input:-ms-input-placeholder, .register-table .home-form .input .infoSources input:-ms-input-placeholder, .register-table .new-login-module .common-form-style .input .infoSources input:-ms-input-placeholder {
            color: #4e545f !important
        }

        .new-login-module .register-table .common-form-style .input .infoSources input::placeholder, .register-table .home-form .input .infoSources input::placeholder, .register-table .new-login-module .common-form-style .input .infoSources input::placeholder {
            color: #4e545f !important
        }

.home-form .form-group.input.address, .new-login-module .common-form-style .form-group.input.address {
    margin-bottom: 20px
}

    .home-form .form-group.input.address .form-control, .new-login-module .common-form-style .form-group.input.address .form-control {
        line-height: 29px
    }

    .home-form .form-group.input.address > label:first-child, .new-login-module .common-form-style .form-group.input.address > label:first-child {
        position: relative;
        bottom: 33px
    }

    .home-form .form-group.input.address > span, .new-login-module .common-form-style .form-group.input.address > span {
        top: 65px
    }

.new-login-module .register-table.info-step .common-form-style, .register-table.info-step .home-form, .register-table.info-step .new-login-module .common-form-style {
    border-radius: 0 0 5px 5px;
    padding-bottom: 40px
}

    .new-login-module .register-table.info-step .common-form-style input[type=submit], .register-table.info-step .home-form input[type=submit], .register-table.info-step .new-login-module .common-form-style input[type=submit] {
        width: 435px
    }

.finance-notify-modal {
    padding: 10px 15px 20px 40px
}

.finance-notify-title {
    padding-bottom: 5px
}

.finance-notify-modal .close-icon {
    font-size: 18px
}

.focus-show-modal {
    padding: 0 0 60px;
    text-align: center;
    background-color: #f9f9f9;
    border-radius: 5px
}

    .focus-show-modal .close-icon {
        position: absolute;
        right: 15px;
        top: 15px
    }

        .focus-show-modal .close-icon:hover {
            color: #f43838
        }

    .focus-show-modal .modal-logo-wrap {
        background-color: #fff;
        margin-bottom: 30px;
        border-radius: 5px
    }

    .focus-show-modal .modal-logo {
        display: block;
        padding: 24px 0;
        margin: 0 auto;
        width: 90px
    }

    .focus-show-modal .modal-tips {
        line-height: 1.8
    }

    .focus-show-modal .wechat-qrcode-wrap {
        width: 201px;
        height: 201px;
        margin: 15px auto 20px;
        border: 1px solid #48cdee
    }

        .focus-show-modal .wechat-qrcode-wrap img {
            width: 100%
        }

    .focus-show-modal .focus-tips {
        display: inline-block;
        padding-left: 5px
    }

        .focus-show-modal .focus-tips .scan-qrcode {
            width: 24px;
            height: 24px;
            margin-right: 10px
        }

.morning-paper-modal {
    padding: 10px 10px 10px 0
}

    .morning-paper-modal.unselect {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none
    }

    .morning-paper-modal .close-icon {
        font-size: 18px;
        position: absolute;
        right: 10px
    }

.morning-paper-modal-title {
    word-break: break-all;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0
}

    .morning-paper-modal-title .title-text {
        padding: 0 5px
    }

.morning-paper-content {
    padding: 20px 0 35px 20px;
    background-position: 50%;
    background-image: url(https://assets.hunterplus.net/images/morning-paper_bg.png);
    background-repeat: no-repeat;
    max-height: 200px;
    background-size: 193px 177px;
    overflow: auto;
    word-break: break-all
}

    .morning-paper-content img {
        max-width: 100%
    }

@media screen and (max-height:500px) {
    .morning-paper-content {
        max-height: 200px
    }
}

@media screen and (min-height:500px) and (max-height:700px) {
    .morning-paper-content {
        max-height: 340px
    }
}

@media screen and (min-height:700px) and (max-height:900px) {
    .morning-paper-content {
        max-height: 540px
    }
}

@media screen and (min-height:900px) {
    .morning-paper-content {
        max-height: 700px
    }
}

.morning-paper-footer {
    margin-top: 10px;
    padding-right: 10px;
    color: #b2b2b2
}

    .morning-paper-footer ul li + li {
        cursor: pointer
    }

        .morning-paper-footer ul li + li .likeHeart {
            color: #64d3ee
        }

    .morning-paper-footer img {
        width: 15px;
        height: 15px
    }

.set-like-item {
    padding-bottom: 15px;
    padding-left: 20px
}

    .set-like-item .htp-checkbox {
        display: block
    }

    .set-like-item .select-other-item {
        width: 50%;
        margin-top: 10px
    }

        .set-like-item .select-other-item span {
            padding-top: 5px
        }

.show-coll-modal-order {
    border-radius: 50%;
    background-color: #f1f1f1;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px
}

.show-coll-modal caption, .show-coll-project-table caption {
    color: #666
}

.show-coll-modal #title > th, .show-coll-project-table #title > th {
    vertical-align: middle
}

.show-coll-modal tr td, .show-coll-project-table tr td {
    vertical-align: middle;
    text-align: left
}

.show-coll-modal td:first-child, .show-coll-project-table td:first-child {
    vertical-align: middle
}

.show-coll-modal td:last-child, .show-coll-project-table td:last-child {
    text-align: center;
    word-break: break-word
}

.show-coll-modal td:nth-child(4), .show-coll-project-table td:nth-child(4) {
    word-break: break-word
}

.show-coll-modal-table {
    padding: 10px 15px
}

    .show-coll-modal-table img {
        width: 100%
    }

td.show-coll-text-padding {
    padding-left: 15px
}

.detail-img {
    width: 100%
}

.schedule-setting {
    width: 1200px;
    margin: 25px auto
}

.schedule-setting-head {
    position: relative
}

    .schedule-setting-head a.btn {
        color: #666;
        border: 1px solid #e5e5e5
    }

        .schedule-setting-head a.btn:hover {
            color: #48cdee
        }

        .schedule-setting-head a.btn.active {
            background-color: #fafafa;
            box-shadow: inset 1px 1px 5px rgba(0,0,0,.08)
        }

    .schedule-setting-head > .schedule-setting-head-title {
        position: relative;
        top: 25px;
        left: 20%;
        width: 50%
    }

    .schedule-setting-head > .setting-btn {
        margin-left: 15px
    }

        .schedule-setting-head > .setting-btn i {
            cursor: pointer
        }

.schedule-setting-content {
    margin-top: 25px;
    padding: 25px;
    border: 1px solid #e5e5e5
}

    .schedule-setting-content > .schedule-setting-content-item ul {
        margin-left: 20px
    }

        .schedule-setting-content > .schedule-setting-content-item ul li {
            line-height: 30px
        }

            .schedule-setting-content > .schedule-setting-content-item ul li span {
                position: relative;
                top: -3px;
                font-size: 12px;
                color: #8b8b8b;
                padding-left: 8px
            }

                .schedule-setting-content > .schedule-setting-content-item ul li span.schedule-remind-text {
                    padding-left: 0;
                    top: -1px
                }

                .schedule-setting-content > .schedule-setting-content-item ul li span.schedule-setting-wechatNick {
                    top: 0;
                    padding-left: 0
                }

    .schedule-setting-content > .schedule-setting-content-item > span {
        color: #666
    }

    .schedule-setting-content > .schedule-item {
        border-bottom: 1px solid #e5e5e5
    }

    .schedule-setting-content > .schedule-remind {
        padding-top: 20px;
        padding-bottom: 40px
    }

.schedule-setting-day-select {
    margin-left: 6px;
    margin-right: 6px
}

.schedule-setting-content .bind-wechat-btn {
    padding: 0;
    font-size: 12px;
    margin: -1px 0 0;
    border: 0
}

.add-position {
    width: 800px;
    padding-bottom: 126px
}

.add-serviceterm-title {
    margin-top: 15px;
    padding: 6px 0 6px 22px;
    border: 1px solid #e5e5e5
}

.add-position-content, .add-serviceterm-content {
    margin-top: 13px;
    border: 1px solid #e5e5e5;
    padding: 28px 30px 30px
}

    .add-position-content > textarea, .add-serviceterm-content > textarea {
        display: none
    }

    .add-position-content .add-position-title-name, .add-serviceterm-content .add-position-title-name {
        font-weight: 700;
        font-size: 18px;
        margin: 0 0 20px -10px;
        border-left: 2px solid #48cdee;
        padding-left: 8px
    }

        .add-position-content .add-position-title-name .tips, .add-serviceterm-content .add-position-title-name .tips {
            font-weight: 400
        }

.add-serviceterm-content {
    padding: 28px 10px 30px 30px
}

.add-position-section-btn {
    padding-top: 30px;
    text-align: center
}

.edui-editor-messageholder {
    display: none !important
}

.htp-position-line {
    margin-top: 7px;
    margin-left: -40px
}

.htp-form .control-label {
    text-align: right;
    padding-right: 0
}

.add-position-company {
    width: 100%
}

.add-position-maxSalary {
    margin-left: 14px
}

.quotation-way {
    margin-left: 42px;
    color: #64d3ee
}

.preview-btn {
    margin-left: 34px
}

.add-position-content .hr-ctn {
    padding-left: 16.666%;
    margin-left: -45px
}

.add-position-content .tips.err {
    font-size: 14px;
    padding-left: 30px;
    color: #ae5547
}

.add-position .to-company-btn {
    position: absolute;
    left: 110%;
    width: 80px;
    top: 5px;
    color: #64d3ee;
    cursor: pointer;
    padding: 0
}

.add-position .salary-form .salary-label {
    margin-left: -10px
}

.add-position .salary-form .salary-offset {
    margin-left: 35px
}

.add-position .salary-form .max-salary {
    margin-left: -12px
}

.add-position .feeType-form {
    width: 36%
}

.add-position .clear-left {
    clear: left
}

.add-position .add-jobInfo-title {
    margin-top: 15px
}

#categoryName p, #functionName p {
    margin-top: -18px;
    margin-bottom: 20px
}

.add-position-company .maxerror {
    padding-left: 35px
}

.service-term-text {
    font-size: 12px;
    color: #b2b2b2
}

.add-position .upload-file-progressbar, .edit-basic-info-content .upload-file-progressbar {
    width: 200px;
    margin-top: 42px
}

.add-position .remind-template-text, .remind-template-text {
    padding-left: 10px;
    color: #b2b2b2;
    font-size: 13px;
    position: absolute;
    left: 116px;
    width: 110%
}

    .add-position .remind-template-text p:first-child, .remind-template-text p:first-child {
        margin-bottom: 0
    }

.add-position .create-form .htp-btn-icon, .edit-basic-info-content .create-form .htp-btn-icon {
    margin-left: 0
}

.add-position .uploaded-file-list .file-name, .edit-basic-info-content .uploaded-file-list .file-name {
    width: 304px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.add-position .uploaded-file-list, .edit-basic-info-content .uploaded-file-list {
    clear: left
}

    .add-position .uploaded-file-list .input-group, .edit-basic-info-content .uploaded-file-list .input-group {
        top: 10px;
        width: 380px;
        left: 6px
    }

.tag {
    display: inline-block;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    cursor: default;
    position: relative;
    margin-right: 5px;
    margin-bottom: 5px
}

.htp-radiobox > .htp-btn-link, .htp-radiobox > .htp-btn-link-gray {
    padding: 0;
    line-height: 14px;
    border: none
}

.collaborate-tip {
    margin-top: 7px;
    margin-left: -15px;
    font-size: 18px;
    color: #969696
}

.drop-down-menu {
    padding: 15px 0 0;
    margin: 0 5px
}

    .drop-down-menu .drop-down-icon {
        cursor: pointer;
        color: #b2b2b2
    }

        .drop-down-menu .drop-down-icon:hover {
            color: #63d3ee
        }

        .drop-down-menu .drop-down-icon .menu-icon {
            top: 2px;
            left: 5px
        }

.add-position-content .candidate-attr, .edit-basic-info-content .candidate-attr {
    font-size: 14px;
    margin-bottom: 20px
}

    .add-position-content .candidate-attr .htp-btn-link, .add-position-content .candidate-attr .htp-btn-link-gray, .edit-basic-info-content .candidate-attr .htp-btn-link, .edit-basic-info-content .candidate-attr .htp-btn-link-gray {
        padding: 0;
        margin-right: 10px;
        font-size: 14px;
        vertical-align: top
    }

    .add-position-content .candidate-attr .tag-item, .edit-basic-info-content .candidate-attr .tag-item {
        font-size: 14px;
        margin-top: -4px
    }

    .add-position-content .candidate-attr .control-label, .edit-basic-info-content .candidate-attr .control-label {
        padding-top: 1px
    }

.edit-basic-info-content .tips {
    margin-left: 15px;
    font-size: 18px;
    color: #969696
}

    .edit-basic-info-content .tips.red {
        font-size: 14px;
        display: inline-block;
        margin-top: 7px;
        margin-left: 0
    }

.edit-basic-info-content .hotcity {
    font-size: 12px;
    margin-top: 5px
}

    .edit-basic-info-content .hotcity span {
        margin: 0 3px;
        cursor: pointer
    }

        .edit-basic-info-content .hotcity span:hover {
            color: #48cdee
        }

.position-analyse label {
    color: #969696
}

.follow-position-right-view {
    padding: 0 0 126px 3px
}

    .follow-position-right-view .follow-position-detail-border {
        border-top: 0;
        width: 100%
    }

    .follow-position-right-view .urgency-status-position {
        position: relative;
        top: 10px
    }

.position-list-red-dot {
    position: relative
}

    .follow-unread:after, .position-list-red-dot:after {
        content: "";
        position: absolute;
        top: 28px;
        right: 0;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #f86868
    }

.follow-unread:after {
    top: 10px;
    left: 100px
}

.follow-position-details-customer {
    margin-top: 20px;
    margin-right: 160px
}

.position-customer-red-dot {
    position: relative
}

    .position-customer-red-dot:after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        right: -5px;
        top: -5px;
        border-radius: 50%;
        background-color: #f86868
    }

.follow-position-dynamic .position-detail-section-title {
    padding: 10px 15px
}

.follow-position-broadcast-time {
    padding-top: 5px;
    clear: left
}

.follow-position-list .text-image {
    border-radius: 7px
}

    .follow-position-list .text-image a {
        color: #fff
    }

    .follow-position-list .text-image.secrecy {
        background-color: #333;
        color: #fff;
        font-size: 28px
    }

.follow-position-list .revenue-text {
    margin-left: 4px
}

.follow-position-checkbox {
    position: relative;
    padding: 0 8px 10px 7px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

    .follow-position-checkbox .htp-btn-empty {
        margin-right: 0;
        padding-right: 15px;
        padding-left: 15px;
        border-color: #e5e5e5;
        color: #666
    }

.clear-tip {
    position: absolute;
    top: 148px;
    left: 220px;
    z-index: 11;
    text-align: center;
    color: #fff;
    background: url(https://webassets-cdn.hunterplus.net/hunterplus/follow-position-tip.png) 0 0 no-repeat;
    padding: 45px 95px 50px 250px
}

    .clear-tip .htp-btn, .clear-tip .htp-btn-empty, .clear-tip .htp-btn-icon, .clear-tip .htp-btn-l, .clear-tip .htp-btn-link, .clear-tip .htp-btn-link-gray, .clear-tip .htp-btn-m, .clear-tip .htp-btn-red, .clear-tip .htp-btn-s, .clear-tip .htp-btn-xs {
        margin-top: 10px
    }

.clear-tip-cover {
    position: fixed;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10
}

.interview-detail {
    position: relative
}

    .interview-detail .left-chevron {
        margin-left: -30px
    }

.interview-detail-title {
    font-size: 22px;
    padding-bottom: 20px
}

    .interview-detail-title:after {
        margin-left: 40px
    }

    .interview-detail-title:after, .interview-detail-title:before {
        content: "";
        width: 100px;
        border-bottom: 1px solid #d9e1ee;
        position: absolute;
        margin-top: 15px
    }

    .interview-detail-title:before {
        left: 135px
    }

.interview-detail-arrow {
    font-size: 20px;
    position: relative;
    top: 150px;
    color: #c1d1f3;
    cursor: pointer
}

.interview-detail-content {
    padding-left: 80px
}

.interview-detail-content-item {
    display: none;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px
}

    .interview-detail-content-item.active {
        display: block
    }

    .interview-detail-content-item li {
        list-style-type: none;
        line-height: 1.8
    }

.interview-detail-page {
    clear: left;
    margin-top: 30px
}

    .interview-detail-page li {
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background-color: #d0d5db;
        border-radius: 30px;
        margin-left: 34px;
        cursor: pointer;
        position: relative;
        top: 10px;
        margin-top: 10px
    }

        .interview-detail-page li.currentActive {
            background-color: #84be45
        }

.interview-detail-info-time {
    padding-left: 42px
}

.interview-detail-info-viewer {
    padding-left: 60px
}

.interview-detail-info-text {
    padding-left: 76px
}

.no-interview-detail {
    font-size: 18px;
    margin-top: 150px
}

.htp-interview-detail-info {
    display: inline-block;
    width: 380px;
    white-space: pre-line;
    word-break: break-all
}

.operation-pos-main {
    width: 1200px;
    margin: 0 auto
}

.operation-pos-head {
    margin-top: 50px
}

    .operation-pos-head .head-table-cell {
        border: 0
    }

    .operation-pos-head .head-table-layout {
        position: relative;
        left: 10px
    }

    .operation-pos-head tr td, .operation-pos-head tr th {
        text-align: center
    }

    .operation-pos-head > thead th {
        border: 0
    }

#operation-pos-head-data th, #operation-pos-head-text td {
    border: 0;
    border-right: 1px dashed #d8d9eb
}

#operation-pos-head-text {
    font-size: 16px
}

.operation-pos-no-recommend {
    padding-bottom: 60px
}

    .operation-pos-no-recommend.no-recommend-pos-top {
        padding-top: 40px
    }

.pos-no-recommend-title {
    font-size: 26px;
    color: #838d99
}

.no-recommend-title-text {
    padding-left: 15px;
    margin-top: 3px
}

.operation-interview-arrange {
    margin-top: 55px;
    background-color: #f0f1f3;
    padding: 25px 0 80px 90px
}

.operation-interview-main {
    padding-top: 60px
}

    .operation-interview-main > .operation-interview-datepicker {
        width: 30%
    }

.datapicker-currentDate {
    padding-left: 55px;
    position: relative;
    font-size: 20px
}

.operation-interview-datapicker-head {
    padding-bottom: 20px
}

.datapicker-left-arrow, .datapicker-right-arrow {
    color: #e1e1e3;
    font-size: 28px;
    cursor: pointer
}

.operation-interview-main .operation-interview-detail {
    margin-left: 20px;
    width: 640px
}

.pos-no-recommend-list {
    padding-left: 25px
}

.pos-no-recommend-item {
    width: 29.8%;
    display: inline-block;
    margin: 38px 0 0 25px;
    border: 1px solid #c0d3f4;
    padding: 24px 0 10px 24px
}

.no-recommend-item-image {
    width: 29.2%
}

    .no-recommend-item-image img {
        border-radius: 7px;
        width: 95px;
        height: 95px
    }

.no-recommend-item-logo {
    background-color: #63d3ee;
    border-radius: 7px;
    text-align: center;
    line-height: 105px;
    font-size: 30px;
    color: #fff
}

.no-recommend-item-info {
    padding: 3px 0 4px 15px
}

.recommend-item-content li {
    line-height: 33px
}

.no-recommend-pos-name {
    font-size: 21px;
    color: #63d3ee
}

.no-recommend-company-name, .no-recommend-pos-name {
    width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.no-recommend-company-name {
    font-size: 18px
}

.no-recommend-time {
    font-size: 16px
}

.no-candidate-number {
    font-size: 16px;
    color: #63d3ee
}

.pos-no-passed-list {
    border-bottom: 1px dashed #d8d9eb;
    padding-bottom: 40px;
    padding-left: 25px
}

    .pos-no-passed-list.hit-probability {
        border: 0
    }

.pos-no-passed-item {
    display: inline-block;
    margin: 18px 0 0 25px;
    border: 1px solid #c0d3f4;
    padding: 24px 0 10px 24px;
    width: 29.8%
}

.pos-passed-lowRate-title {
    margin-top: 38px;
    padding-left: 50px;
    font-size: 20px;
    position: relative
}

.no-passed-company-name {
    font-size: 18px;
    color: #a3adb9;
    width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.no-passed-number {
    font-size: 18px
}

    .no-passed-number .accept-info {
        padding-left: 15px
    }

    .no-passed-number .eliminate-info {
        padding-left: 30px
    }

.no-passed-list-icon:before {
    content: "";
    width: 7px;
    height: 26px;
    background-color: #84be44;
    position: absolute;
    left: 37px
}

.operation-look-process-btn {
    margin-top: 20px;
    text-decoration: underline
}

    .operation-look-process-btn:hover {
        color: #63d3ee
    }

    .operation-look-process-btn img {
        width: 15px;
        height: 15px;
        opacity: .5;
        margin-top: -2px
    }

    .operation-look-process-btn .process-btn-text {
        padding-left: 5px;
        cursor: pointer
    }

.operation-pos-head-data th {
    color: #63d3ee;
    font-size: 26px
}

    .operation-pos-head-data th:hover {
        color: #17afd4
    }

.show-more-position-btn {
    cursor: pointer;
    padding-right: 57px;
    padding-top: 10px
}

    .show-more-position-btn:hover {
        color: #63d3ee
    }

.htp-a {
    color: #555
}

    .htp-a:hover {
        color: #63d3ee
    }

.unvisible {
    text-align: center
}

    .unvisible > img {
        width: 155px;
        margin: auto;
        margin-top: 180px;
        margin-bottom: 15px
    }

.position-details-main {
    width: 1200px;
    margin: 10px auto
}

    .position-details-main .position-details-border {
        width: 865px
    }

.position-close, .position-pause {
    margin-bottom: 10px;
    height: 40px;
    line-height: 39px;
    padding: 0
}

    .position-close > span, .position-pause > span {
        font-size: 18px;
        padding: 8px 15px;
        margin-right: 15px
    }

.position-pause {
    color: #48cdee;
    background: #f5fdff;
    border: 1px solid #48cdee
}

    .position-pause > span {
        background: #d6f7ff
    }

.position-close {
    color: #fd9716;
    background: #fff8ed;
    border: 1px solid #ffe0a0
}

    .position-close > span {
        background: #fff1d9
    }

.position-detail .position-detail img {
    width: 18px;
    height: 18px
}

.position-details-main > .position-detail > .htp-position-info {
    border: 0
}

.position-companyInfo-head {
    padding-top: 20px
}

.position-detail-logo {
    border-radius: 7px;
    background-color: #63d3ee;
    line-height: 90px;
    text-align: center;
    font-size: 25px
}

    .position-detail-logo a {
        color: #fff
    }

.company-detail-info {
    border: 1px solid #e1e1e3
}

.company-detail-info-ul li {
    list-style-type: none
}

.position-details-stop-status, .position-details-urgency-status {
    position: relative;
    margin-top: 5px;
    margin-left: 9px;
    border-radius: 3px;
    font-size: 12px;
    padding: 2px 14px 1px
}

.position-details-urgency-status {
    background-color: #ff7474;
    color: #fff
}

    .position-details-urgency-status.list-urgency {
        margin-left: 4px
    }

.position-details-stop-status {
    background-color: #f0f2f5;
    color: #666;
    padding: 1px 14px
}

.position-details-main .urgency-status-position {
    position: relative;
    top: 10px
}

    .position-details-main .urgency-status-position.special-status {
        background-color: #adbbc9
    }

.position-details-main .htp-list {
    margin-bottom: 0
}

.position-details-main .position-preview-companyInfo, .position-details-main .position-preview-companyInfo .htp-tab {
    padding: 0
}

    .position-details-main .position-preview-companyInfo .position-companyInfo-head .company-name {
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 16px
    }

        .position-details-main .position-preview-companyInfo .position-companyInfo-head .company-name a {
            color: #555
        }

    .position-details-main .position-preview-companyInfo .position-companyInfo-head .position-companyInfo-head-img {
        float: none;
        margin: 0 auto
    }

    .position-details-main .position-preview-companyInfo .position-companyInfo-head .position-companyInfo-head-text {
        width: auto;
        margin: 0;
        text-align: center
    }

    .position-details-main .position-preview-companyInfo .position-companyInfo-head .company-count {
        margin-bottom: 5px;
        padding: 0 45px;
        text-align-last: left
    }

        .position-details-main .position-preview-companyInfo .position-companyInfo-head .company-count span {
            margin-right: 50px;
            color: #969696
        }

    .position-details-main .position-preview-companyInfo .position-companyInfo-head .company-follow {
        font-size: 12px;
        padding-bottom: 2px;
        top: 10px
    }

        .position-details-main .position-preview-companyInfo .position-companyInfo-head .company-follow img {
            width: 13px;
            height: 12px
        }

    .position-details-main .position-preview-companyInfo .company-detail-info {
        padding: 5px;
        font-size: 14px
    }

    .position-details-main .position-preview-companyInfo .company-detail-info-ul {
        padding: 0 40px
    }

        .position-details-main .position-preview-companyInfo .company-detail-info-ul li {
            font-size: 14px;
            margin-bottom: 15px
        }

.position-details-main .position-companyInfo-head {
    border: 0
}

    .position-details-main .position-companyInfo-head > .position-companyInfo-head-img {
        line-height: 60px
    }

        .position-details-main .position-companyInfo-head > .position-companyInfo-head-img img {
            width: 60px;
            height: 60px;
            border-radius: 7px
        }

        .position-details-main .position-companyInfo-head > .position-companyInfo-head-img.secrecy {
            line-height: 60px;
            font-size: 48px;
            background-color: #333;
            color: #fff;
            text-align: center;
            border-radius: 7px
        }

    .position-details-main .position-companyInfo-head .position-companyInfo-head-text {
        width: 120px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

.related-position {
    border: 1px solid #ecedf1
}

    .related-position .detail-title {
        margin-left: 15px
    }

.position-details-main .company-detail-info {
    border: 0
}

.position-details-main .company-detailInfo-item > .industry-info {
    width: 164px;
    overflow: hidden
}

    .position-details-main .company-detailInfo-item > .industry-info .company-detailInfo-text {
        margin-left: 0
    }

.position-details-main .position-companyInfo-head {
    padding-bottom: 0
}

.position-details-main .position-details-follow-list {
    margin: 16px 0 0;
    border: 1px solid #e5e5e5;
    padding: 15px
}

    .position-details-main .position-details-follow-list.no-bd {
        border: 0 none
    }

    .position-details-main .position-details-follow-list h4 {
        font-size: 12px;
        margin-bottom: 10px;
        margin-top: 0;
        font-weight: 400
    }

    .position-details-main .position-details-follow-list .position-img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .position-details-main .position-details-follow-list .chevron-icon {
        width: 5%;
        position: relative;
        top: 10px
    }

    .position-details-main .position-details-follow-list .position-details-dynamic-list ul {
        width: 90%;
        margin-bottom: 0
    }

        .position-details-main .position-details-follow-list .position-details-dynamic-list ul li {
            margin-left: 4px
        }

    .position-details-main .position-details-follow-list .position-details-follow-list-page {
        margin-bottom: 0;
        text-align: center
    }

        .position-details-main .position-details-follow-list .position-details-follow-list-page li {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            border: 1px solid #ecedf1;
            background-color: #fff;
            padding: 0
        }

            .position-details-main .position-details-follow-list .position-details-follow-list-page li.active {
                background-color: #63d3ee;
                border-color: #63d3ee
            }

            .position-details-main .position-details-follow-list .position-details-follow-list-page li + li {
                margin-left: 7px
            }

.position-details-dynamic {
    padding-top: 1px;
    border: 1px solid #e5e5e5;
    margin-top: 20px
}

    .position-details-dynamic h4 {
        border: 0 none;
        padding-left: 15px;
        padding-top: 0;
        font-size: 16px;
        margin: 10px 0
    }

    .position-details-dynamic ul {
        width: 100%;
        margin-bottom: 0
    }

        .position-details-dynamic ul.htp-tab li {
            padding: 10px 9px
        }

    .position-details-dynamic .position-new-msg-info {
        position: relative
    }

        .position-details-dynamic .position-new-msg-info img {
            width: 40px;
            height: 40px
        }

        .position-details-dynamic .position-new-msg-info .position-new-msg-text .msg-text {
            font-size: 12px;
            width: 200px;
            color: #969696
        }

    .position-details-dynamic .new-msg-time {
        position: absolute;
        width: inherit;
        top: 13px;
        font-size: 12px;
        right: 8px;
        margin: 0;
        color: #b2b2b2
    }

        .position-details-dynamic .new-msg-time .glyphicon {
            display: none
        }

.revenue-tip {
    margin-bottom: 0
}

.candidate-match {
    margin-bottom: 10px;
    width: 320px
}

.position-details-dynamic .scroll-area {
    overflow: scroll;
    height: 345px
}

.position-detail-service-term {
    opacity: .9;
    margin-bottom: 25px;
    padding-left: 15px
}

    .position-detail-service-term h5 {
        margin: 0
    }

    .position-detail-service-term p {
        line-height: 2em;
        white-space: pre-line;
        word-break: break-all;
        margin: 0;
        padding: 10px 0
    }

.position-detail.recommend-template {
    background: #f9f9f9;
    display: table-cell;
    width: 320px
}

    .position-detail.recommend-template .block {
        display: inline-block;
        vertical-align: middle
    }

    .position-detail.recommend-template i.block {
        font-size: 18px;
        width: 7%
    }

    .position-detail.recommend-template .info {
        width: 60%
    }

    .position-detail.recommend-template .action {
        width: 29%;
        font-size: 12px
    }

    .position-detail.recommend-template .htp-btn-link, .position-detail.recommend-template .htp-btn-link-gray {
        padding: 0;
        margin: 0 0 0 5px;
        line-height: normal
    }

    .position-detail.recommend-template .update {
        font-size: 12px
    }

.position-analyse-ctn {
    padding-left: 15px;
    margin-bottom: 15px
}

    .position-analyse-ctn:last-child {
        margin-bottom: 0
    }

    .position-analyse-ctn p {
        white-space: pre-line;
        word-break: break-all
    }

    .position-analyse-ctn .htp-col-3 {
        padding-left: 1em;
        color: #969696
    }

    .position-analyse-ctn .col-md-10 {
        padding-left: 0;
        line-height: 20px
    }

.position-analyse-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-left: -8px
}

    .position-analyse-title i {
        color: #ff8f47;
        margin-right: 5px
    }

.position-detail .company-tips {
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 9px;
    color: #bbb;
    font-size: 14px
}

.position-manage-main {
    margin: 0 auto;
    width: 1200px
}

    .position-manage-main > .position-right-view {
        padding-left: 10px;
        padding-bottom: 126px
    }

.position-operation-panel {
    padding: 6px 8px 6px 7px;
    border-left: 1px solid #e5e5e5
}

.position-create-btn {
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
    padding: 4px 0;
    text-align: center;
    border-radius: 4px;
    cursor: pointer
}

    .position-create-btn:hover {
        background-color: #eee
    }

.position-list {
    border: 1px solid #e5e5e5
}

    .position-list .position-list-salary {
        margin-left: 4px
    }

embed.position-list-alone-icon {
    margin-left: 0
}

.position-list-item {
    position: relative;
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    margin-top: -1px;
    border-left: 5px solid transparent;
    cursor: pointer;
    outline: 0;
    background-color: #fafafa
}

    .position-list-item.active, .position-list-item:hover {
        background-color: #fff;
        border-left-color: #48cdee
    }

    .position-list-item .text-image {
        float: left;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 16px;
        background-color: #63d3ee;
        border-radius: 7px;
        color: #fff
    }

        .position-list-item .text-image.img-floating {
            position: absolute;
            background-color: transparent
        }

        .position-list-item .text-image a {
            color: #fff
        }

    .position-list-item > .position-information {
        margin-left: 2.34%;
        width: 221px
    }

    .position-list-item .position-info-block .position-name {
        max-width: 180px;
        width: inherit;
        margin-right: 5px;
        display: block;
        font-size: 14px;
        font-weight: 700;
        float: left
    }

.urgent {
    color: #fa9090;
    float: left
}

.position-information-icon {
    margin-top: 4px
}

.position-list-item > .position-information > .position-info-block + .position-info-block {
    width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #7b869a;
    font-size: 12px;
    margin-top: 3px
}

    .position-list-item > .position-information > .position-info-block + .position-info-block .bonus {
        font-size: 12px;
        margin-left: 0
    }

        .position-list-item > .position-information > .position-info-block + .position-info-block .bonus .bouns-icon {
            width: 12px;
            margin-top: -3px
        }

.position-info-block > .info-item + .info-item {
    margin-left: 4px
}

.position-list-alone-icon, .position-list-status-icon {
    position: absolute;
    right: 10px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    padding: 1px 14px
}

.position-list-status-icon {
    background-color: #fa9090
}

.position-list-alone-icon {
    background-color: #adb8c9;
    top: 33px
}

.position-info-block .position-list-alone-icon, .position-info-block .position-list-status-icon {
    position: static;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #fa9090;
    color: #fa9090;
    padding: 0 5px
}

.position-info-block .position-list-alone-icon {
    color: #adb8c9;
    border-color: #adb8c9
}

.position-list-select-status > .select-status-item li {
    padding-left: 0;
    padding-right: 0;
    list-style-type: none;
    display: block;
    float: left;
    width: 25%
}

.position-list-select-status > .select-status-item {
    padding-left: 0
}

    .position-list-select-status > .select-status-item li + li {
        padding-left: 7px
    }

    .position-list-select-status > .select-status-item li button {
        padding: 2px 0;
        width: 100%
    }

.position-list-select-status {
    border-left: 1px solid #e5e5e5;
    padding: 0 8px
}

    .position-list-select-status .htp-checkbox > label > span {
        border-radius: 3px
    }

.position-list-status-png {
    position: absolute;
    top: -1px;
    left: 0
}

    .position-list-status-png img {
        height: 49px;
        width: 49px
    }

.position-list-checkbox .htp-checkbox input {
    cursor: pointer
}

.position-manage-list-search {
    padding: 15px 8px 15px 7px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 0 none
}

    .position-manage-list-search .search-btn {
        line-height: 20px
    }

.position-title-center {
    position: relative;
    top: 3px
}

.htp-content-text {
    line-height: 2;
    opacity: .9
}

.input-group-addon {
    background-color: #f9f9f9
}

.position-ctn {
    border: 1px solid #ecedf1;
    margin-bottom: 20px
}

    .position-ctn .position-new-tab {
        color: #fd9716
    }

        .position-ctn .position-new-tab.selected {
            color: #555
        }

    .position-ctn .position-dynamic .detail-title {
        padding: 3px 0 3px 9px
    }

    .position-ctn .position-dynamic .adviser-name {
        font-size: 12px
    }

    .position-ctn .position-dynamic .position-detail-new-msg {
        margin: 15px 0 0
    }

    .position-ctn .position-dynamic .position-new-msg-text .msg-text {
        margin-top: 2px;
        width: 585px;
        white-space: pre-line;
        word-break: break-all;
        color: #969696;
        font-size: 12px
    }

    .position-ctn .position-dynamic .new-msg-time {
        margin-top: 12px;
        width: 122px;
        text-align: right;
        font-size: 12px;
        color: #b2b2b2
    }

.company-deatails, .position-details {
    margin: 20px 15px 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}

    .company-deatails:last-child, .position-details:last-child {
        border-bottom: 0 none;
        padding-bottom: 0
    }

    .company-deatails.border, .position-details.border {
        padding-bottom: 20px;
        border-bottom: 1px solid #eee
    }

    .company-deatails .detail-title, .position-details .detail-title {
        padding: 3px 0 3px 15px;
        font-size: 18px;
        font-weight: 700;
        position: relative
    }

        .company-deatails .detail-title:before, .position-details .detail-title:before {
            content: "";
            background-color: #48cdee;
            display: block;
            position: absolute;
            width: 2px;
            height: 1em;
            left: 0;
            top: 4px
        }

        .company-deatails .detail-title a, .position-details .detail-title a {
            font-size: 14px;
            font-weight: 400
        }

        .company-deatails .detail-title button, .position-details .detail-title button {
            margin-right: 0;
            padding-right: 0
        }

    .company-deatails .avator-list .title, .position-details .avator-list .title {
        background-color: #fff
    }

.hr-ctn {
    padding-left: 29px;
    margin-right: 5px
}

    .hr-ctn lable {
        margin-top: 8px;
        padding-top: 0
    }

    .hr-ctn .col-xs-5 {
        padding: 0
    }

.hr-btn-ctn {
    padding-bottom: 30px
}

.manage-position-detail {
    border-top: 0
}

    .manage-position-detail .manage-edit-function {
        margin-bottom: 40px
    }

    .manage-position-detail .add-position-jobInfo-content {
        padding: 30px;
        border: 0
    }

        .manage-position-detail .add-position-jobInfo-content .validation-invalid {
            color: #ae5547
        }

.basic-info-title .company-name {
    background-color: #f1f1f1;
    color: #8b8b8b;
    font-size: 12px;
    padding: 2px 5px;
    margin-left: 8px;
    cursor: pointer
}

    .basic-info-title .company-name:hover {
        color: #48cdee
    }

.manage-position, .manage-position-select-status {
    background-color: #fff;
    background-color: #f9f9f9;
    margin-bottom: 0
}

    .manage-position-select-status li, .manage-position li {
        display: inline-block;
        color: #666;
        padding: 10px 0;
        margin: 0 15px;
        cursor: pointer
    }

        .manage-position-select-status li:hover, .manage-position li:hover {
            color: #48cdee
        }

        .manage-position-select-status li a, .manage-position li a {
            color: #555
        }

            .manage-position-select-status li a:hover, .manage-position-select-status li i, .manage-position li a:hover, .manage-position li i {
                color: #48cdee
            }

        .manage-position-select-status li .select-status-item, .manage-position li .select-status-item {
            margin-top: -2px
        }

        .manage-position-select-status li .icon-gengduo, .manage-position li .icon-gengduo {
            color: #555
        }

            .manage-position-select-status li .icon-gengduo:hover, .manage-position li .icon-gengduo:hover {
                color: #48cdee
            }

        .manage-position-select-status li .more, .manage-position li .more {
            position: relative
        }

.manage-position-select-status {
    position: absolute;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 0;
    margin-top: 10px;
    margin-left: -13px;
    display: none
}

    .manage-position-select-status:after, .manage-position-select-status:before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: -10px;
        left: 10px;
        border-top: 0 none;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #e5e5e5
    }

    .manage-position-select-status:after {
        top: -8px;
        border-bottom-color: #fff
    }

    .manage-position-select-status.active {
        display: block
    }

    .manage-position-select-status li {
        display: block;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0;
        border-bottom: 1px solid #e5e5e5
    }

        .manage-position-select-status li:hover {
            background-color: #f9f9f9
        }

        .manage-position-select-status li .icon-weixin {
            color: #09bb07
        }

        .manage-position-select-status li .iconfont {
            margin-right: 5px
        }

.position-detail-information > .basic-info-detail {
    padding-top: 15px;
    border-top: 1px solid #e5e5e5
}

.position-broadcast .notice-menu {
    float: right;
    z-index: 5;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    position: absolute;
    right: 17px;
    top: 27px;
    width: 106px;
    height: 56px
}

    .position-broadcast .notice-menu li {
        padding: 5px 0;
        margin: 0 12px;
        font-size: 12px;
        cursor: pointer
    }

        .position-broadcast .notice-menu li:hover {
            color: #63d3ee
        }

    .position-broadcast .notice-menu.firstMenu {
        top: 32px
    }

    .position-broadcast .notice-menu .notice-item-border {
        border-bottom: 1px solid #e5e5e5
    }

.position-broadcast .broadcast-list-info .htp-clickable {
    width: 50%;
    display: inline-block
}

.position-broadcast .broadcast-list-info .broadcast-item-time {
    color: #b2b2b2;
    font-size: 12px;
    padding-top: 5px;
    display: inline-block;
    width: 49%
}

.position-broadcast .position-broadcast-list {
    position: relative;
    border-bottom: 1px solid #ecedf1;
    margin: 0 5px
}

.position-care > .position-care-list {
    padding-left: 15px
}

    .position-care > .position-care-list li {
        width: 60px;
        height: 60px
    }

        .position-care > .position-care-list li img {
            border-radius: 100%;
            vertical-align: middle;
            -o-object-fit: cover;
            object-fit: cover;
            width: 50px;
            height: 50px
        }

.basicInfo-edit-form .htp-position-line {
    margin-left: 23px
}

.basicInfo-edit-form .edit-basic-info-content {
    border-bottom: 1px solid #ecedf1;
    padding: 28px 30px 30px
}

.position-detail-section-title .edit-icon {
    position: relative;
    top: 12px;
    width: 20px;
    height: 20px
}

.position-detail-section-title .pub-broadList-btn {
    margin-top: 13px;
    margin-right: -12px;
    text-decoration: underline;
    color: #666;
    width: 120px;
    position: relative
}

    .position-detail-section-title .pub-broadList-btn:hover {
        color: #63d3ee
    }

    .position-detail-section-title .pub-broadList-btn button {
        position: absolute;
        top: 0
    }

.position-edit-btn {
    margin-top: 20px;
    text-align: center
}

.pub-notice-button {
    margin-top: 20px
}

.position-detail-information {
    border-bottom: 1px solid #ecedf1
}

    .position-detail-information > .position-content {
        padding-top: 15px;
        border-top: 1px solid #ecedf1
    }

.position-broadcast-list > .broadcast-list-item {
    padding: 10px 25px;
    position: relative
}

    .position-broadcast-list > .broadcast-list-item.isBorder {
        border-bottom: 0
    }

.broadcast-list-item > .position-customer-img {
    width: 50px;
    height: 50px;
    padding-left: 4px
}

.broadcast-list-item > .broadcast-list-info {
    padding-left: 5px;
    position: relative
}

    .broadcast-list-item > .broadcast-list-info > .list-info-name a {
        color: #63d3ee
    }

        .broadcast-list-item > .broadcast-list-info > .list-info-name a:hover {
            color: #17afd4
        }

    .broadcast-list-item > .broadcast-list-info > .list-info-name img {
        position: relative;
        top: -1px;
        width: 53px;
        height: 18px
    }

    .broadcast-list-item > .broadcast-list-info > .list-info-name .handle-notice {
        width: 15px;
        height: 10px;
        margin-left: 10px;
        top: 3px
    }

    .broadcast-list-item > .broadcast-list-info > .list-info-name .new-notice {
        color: #ff7474
    }

    .broadcast-list-item > .broadcast-list-info > .broadcast-list-info-text {
        white-space: pre-line;
        word-break: break-all;
        background-color: #fafafa;
        padding: 5px
    }

.not-broadcast-list {
    padding-left: 1em
}

.position-notice-border {
    margin: 0 15px;
    border-bottom: 1px solid #ecedf1
}

.not-broadcast-list-advice {
    color: #bbb
}

.position-detail-analysis-text, .position-detail-describe {
    margin: 10px 0 0;
    padding-left: 1em;
    white-space: pre-line;
    word-break: break-all
}

    .position-detail-analysis-text:last-child, .position-detail-describe:last-child {
        padding-bottom: 0
    }

    .position-detail-analysis-text pre, .position-detail-describe pre {
        white-space: pre-line
    }

    .position-detail-analysis-text p, .position-detail-describe p {
        margin: 0
    }

    .position-detail-describe.serviceTerm, .serviceTerm.position-detail-analysis-text {
        border-bottom: 0
    }

    .position-detail-analysis-text img, .position-detail-describe img {
        max-width: 100%
    }

.position-detail-item {
    padding-left: 24px;
    opacity: .9
}

.position-detail-analysis-text {
    white-space: normal
}

    .position-detail-analysis-text img {
        max-width: 100%
    }

    .position-detail-analysis-text p {
        margin-bottom: 0
    }

    .position-detail-analysis-text.noBorder {
        border-bottom: 0
    }

.newMsgTabSelected {
    background-color: #fff
}

.not-position {
    margin-left: 15px;
    padding-top: 100px;
    padding-bottom: 50px;
    font-size: 14px
}

    .not-position img {
        max-width: 100%;
        margin-bottom: 30px
    }

.not-position-text {
    font-size: 18px
}

.not-position-btn {
    margin-top: 20px;
    width: 100px;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
    background-color: #63d3ee;
    margin-left: 432px;
    color: #fff
}

.salary-input-right-offset {
    margin-left: 17px
}

.red {
    color: #ff7474
}

.position-preview {
    width: 1200px;
    margin: 10px auto
}

    .position-preview li {
        list-style-type: none
    }

    .position-preview > .position-detail {
        width: 870px;
        border: 1px solid #ecedf1;
        padding-bottom: 30px
    }

        .position-preview > .position-detail img {
            width: 18px;
            height: 18px
        }

        .position-preview > .position-detail .preview-constant-name {
            color: #555
        }

    .position-preview .position-content {
        padding-bottom: 20px
    }

.preview-btn-group {
    margin-top: 25px;
    padding-right: 10px
}

    .preview-btn-group .continue-btn {
        margin-left: 30px
    }

.position-preview > .position-detail > .position-preview-info {
    border: 0
}

.position-preview-companyInfo {
    margin-left: 15px;
    width: 320px;
    padding: 0 15px 15px 10px
}

.position-companyInfo-head {
    padding-bottom: 15px;
    border: 1px solid #e1e1e3;
    border-bottom: 0;
    position: relative
}

.position-companyInfo-head-img {
    float: left;
    width: 60px;
    height: 60px
}

    .position-companyInfo-head-img img {
        border-radius: 7px;
        width: 60px;
        height: 60px
    }

.position-companyInfo-head-text {
    margin-left: 10px
}

    .position-companyInfo-head-text .on-hire-position-count {
        color: #666;
        font-size: 12px;
        padding-top: 9px
    }

.company-detail-info .address-info {
    width: 170px
}

.position-preview .address-map {
    height: 200px
}

    .position-preview .address-map #map {
        width: 280px;
        height: 144px;
        margin: 30px 0 20px 15px
    }

.position-companyInfo-head-name {
    font-size: 18px;
    color: #666;
    width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.position-preview .position-companyInfo-head-btn {
    font-size: 16px;
    color: #fff;
    margin-top: 28px
}

.industry-info {
    width: 208px
}

    .industry-info > .company-detailInfo-text {
        margin-left: 0
    }

.position-companyInfo-status-icon {
    position: absolute
}

    .position-companyInfo-status-icon img {
        width: 60px;
        height: 60px
    }

.company-detail-info {
    clear: both;
    padding: 15px 15px 0
}

    .company-detail-info ul {
        padding: 0
    }

        .company-detail-info ul li {
            margin-bottom: 10px;
            font-size: 12px
        }

.company-detailInfo-item {
    color: #969696
}

    .company-detailInfo-item .company-detailInfo-text {
        color: #555
    }

.preview-company-detailInfo-website {
    width: 220px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    padding-left: 28px
}

    .preview-company-detailInfo-website a {
        color: #a3adb9
    }

        .preview-company-detailInfo-website a:hover {
            color: #63d3ee
        }

.operation-pos-trends {
    position: relative;
    width: 100%;
    height: 380px;
    border: 1px solid #d6d6d6
}

    .operation-pos-trends .trend-title {
        color: #666;
        padding: 5px 0 5px 20px;
        border-bottom: 1px solid #eee
    }

    .operation-pos-trends .all-info {
        position: absolute;
        left: 562px;
        top: 56px;
        padding: 2px 7px;
        background: #f9f9f9;
        border: 1px solid #d5d5d5;
        border-radius: 3px;
        font-size: 12px
    }

    .operation-pos-trends .nav-tab {
        position: absolute;
        left: 20px;
        top: 40px;
        z-index: 10
    }

        .operation-pos-trends .nav-tab label {
            cursor: pointer;
            margin-left: -1px
        }

            .operation-pos-trends .nav-tab label:first-child {
                margin-left: 0
            }

                .operation-pos-trends .nav-tab label:first-child span {
                    border-top-left-radius: 15px 50%;
                    border-bottom-left-radius: 15px 50%;
                    padding-left: 10px
                }

            .operation-pos-trends .nav-tab label:last-child span {
                border-top-right-radius: 15px 50%;
                border-bottom-right-radius: 15px 50%;
                padding-right: 10px
            }

        .operation-pos-trends .nav-tab input[type=radio] {
            position: absolute;
            left: -9999px
        }

        .operation-pos-trends .nav-tab span {
            float: left;
            padding: 2px 7px;
            border: 1px solid #48cdee;
            font-size: 10px;
            color: #a6a1a1
        }

        .operation-pos-trends .nav-tab .active span {
            background: #48cdee;
            color: #fff
        }

    .operation-pos-trends .echarts-wrap {
        position: relative;
        padding: 0 10px
    }

    .operation-pos-trends .modal-tab {
        position: absolute;
        left: 612px;
        top: 115px;
        font-size: 12px;
        list-style: none
    }

        .operation-pos-trends .modal-tab .modal-btn {
            margin-bottom: 3px;
            cursor: pointer
        }

            .operation-pos-trends .modal-tab .modal-btn img {
                width: 15px;
                height: 15px
            }

            .operation-pos-trends .modal-tab .modal-btn:hover {
                color: #48cdee
            }

            .operation-pos-trends .modal-tab .modal-btn:first-child {
                margin-bottom: 5px
            }

            .operation-pos-trends .modal-tab .modal-btn:last-child {
                margin-bottom: 0;
                margin-top: 89px
            }

    .operation-pos-trends .extra-stats {
        position: absolute;
        top: 235px;
        left: 538px;
        padding: 5px;
        border: 1px solid #e5e5e5;
        list-style: none;
        font-size: 12px;
        color: #333;
        width: 135px
    }

        .operation-pos-trends .extra-stats li {
            padding: 0 3px;
            border-bottom: 1px solid #e5e5e5;
            line-height: 2
        }

            .operation-pos-trends .extra-stats li:first-child {
                padding-right: 20px
            }

            .operation-pos-trends .extra-stats li.special {
                padding: 0 3px
            }

            .operation-pos-trends .extra-stats li:last-child {
                border-bottom: none
            }

.interview-calendar-wrap {
    position: relative;
    height: 380px;
    box-sizing: border-box;
    padding: 5px 10px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #d6d6d6
}

    .interview-calendar-wrap .interview-calendar-title {
        font-size: 14px;
        line-height: 1.5;
        color: #666;
        margin: 6px 0 0
    }

    .interview-calendar-wrap .interview-calendar-main {
        padding-top: 10px
    }

    .interview-calendar-wrap .datapicker-currentDate {
        position: relative;
        font-size: 20px;
        padding: 0;
        display: inline-block
    }

    .interview-calendar-wrap .interview-calendar-main-head {
        padding-bottom: 6px
    }

    .interview-calendar-wrap .datapicker-currentDate {
        margin: 0;
        font-size: 14px
    }

    .interview-calendar-wrap .datapicker-left-arrow, .interview-calendar-wrap .datapicker-right-arrow {
        color: #e1e1e3;
        font-size: 18px;
        cursor: pointer
    }

    .interview-calendar-wrap .cal-event-list, .interview-calendar-wrap .events-list {
        display: none
    }

    .interview-calendar-wrap .cal-month-box .cal-day-today {
        background-color: #f0fbfd
    }

        .interview-calendar-wrap .cal-month-box .cal-day-today span[data-cal-date] {
            color: #48cdee;
            font-size: 1.5em;
            opacity: 1
        }

    .interview-calendar-wrap .badge-important {
        background-color: #ff7474 !important
    }

    .interview-calendar-wrap .cal-month-day .cal-events-num {
        position: absolute;
        left: 50%;
        margin-left: -11px;
        top: -17px;
        margin-top: 18px !important
    }

    .interview-calendar-wrap .cal-event-list .event {
        display: none
    }

    .interview-calendar-wrap .cal-day-tick {
        display: none !important
    }

    .interview-calendar-wrap .cal-slide-box {
        text-align: left
    }

    .interview-calendar-wrap .cal-row-head {
        font-size: 13px
    }

    .interview-calendar-wrap mwl-calendar .cal-month-box [class*=cal-cell], .interview-calendar-wrap mwl-calendar .cal-year-box [class*=span] {
        min-height: 45px
    }

    .interview-calendar-wrap mwl-calendar .cal-month-day {
        height: 45px
    }

    .interview-calendar-wrap mwl-calendar span[data-cal-date] {
        margin: 5px 0 0
    }

    .interview-calendar-wrap .cal-row-head .cal-cell1 {
        padding: 3px 0 !important
    }

.interview-modal-window .modal-dialog {
    width: 1000px;
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) !important;
    transform: translate(-50%,-50%) !important
}

.interview-modal-window .interview-modal {
    position: relative
}

    .interview-modal-window .interview-modal .interview-calendar-wrap {
        background-color: transparent;
        padding: 20px 10px 10px;
        width: 100%;
        height: auto;
        border-radius: 6px
    }

        .interview-modal-window .interview-modal .interview-calendar-wrap .interview-calendar-title {
            display: none
        }

        .interview-modal-window .interview-modal .interview-calendar-wrap .interview-calendar-main {
            display: inline-block;
            vertical-align: top;
            width: 550px;
            box-sizing: border-box;
            margin: 0;
            padding: 0
        }

        .interview-modal-window .interview-modal .interview-calendar-wrap .datapicker-currentDate {
            position: relative;
            font-size: 20px;
            padding: 0;
            display: inline-block
        }

        .interview-modal-window .interview-modal .interview-calendar-wrap .interview-calendar-main-head {
            padding-bottom: 20px
        }

        .interview-modal-window .interview-modal .interview-calendar-wrap .datapicker-left-arrow, .interview-modal-window .interview-modal .interview-calendar-wrap .datapicker-right-arrow {
            color: #e1e1e3;
            font-size: 28px;
            cursor: pointer
        }

        .interview-modal-window .interview-modal .interview-calendar-wrap .cal-row-head {
            font-size: 14px
        }

        .interview-modal-window .interview-modal .interview-calendar-wrap .cal-month-day .cal-events-num {
            position: absolute;
            left: 50%;
            margin-left: -13px;
            top: -7px
        }

        .interview-modal-window .interview-modal .interview-calendar-wrap mwl-calendar .cal-month-box [class*=cal-cell], .interview-modal-window .interview-modal .interview-calendar-wrap mwl-calendar .cal-year-box [class*=span] {
            min-height: 80px
        }

        .interview-modal-window .interview-modal .interview-calendar-wrap mwl-calendar .cal-month-day {
            height: 80px
        }

        .interview-modal-window .interview-modal .interview-calendar-wrap .interview-calendar-title {
            font-size: 26px;
            color: #838d99;
            line-height: 1.5
        }

        .interview-modal-window .interview-modal .interview-calendar-wrap .active-event {
            background-color: #48cdee !important
        }

    .interview-modal-window .interview-modal .interview-detail-wrap {
        display: inline-block;
        width: 400px;
        text-align: left;
        margin-left: 10px
    }

        .interview-modal-window .interview-modal .interview-detail-wrap .interview-detail-title:before {
            left: 50%;
            margin-left: -170px
        }

        .interview-modal-window .interview-modal .interview-detail-wrap .interview-detail-title:after {
            margin-left: 70px;
            left: 50%
        }

        .interview-modal-window .interview-modal .interview-detail-wrap .interview-detail .left-chevron {
            margin-left: 0
        }

        .interview-modal-window .interview-modal .interview-detail-wrap .interview-detail-content {
            padding-left: 0
        }

        .interview-modal-window .interview-modal .interview-detail-wrap .interview-detail-info-text, .interview-modal-window .interview-modal .interview-detail-wrap .interview-detail-info-viewer {
            padding-left: 16px
        }

        .interview-modal-window .interview-modal .interview-detail-wrap .interview-detail-content-item {
            padding: 0;
            width: 340px;
            margin-left: 20px
        }

            .interview-modal-window .interview-modal .interview-detail-wrap .interview-detail-content-item li {
                position: relative
            }

            .interview-modal-window .interview-modal .interview-detail-wrap .interview-detail-content-item .left-hint {
                position: absolute;
                left: 0
            }

        .interview-modal-window .interview-modal .interview-detail-wrap .htp-interview-detail-info, .interview-modal-window .interview-modal .interview-detail-wrap .interview-detail-info-viewer {
            width: 100%;
            padding-left: 100px;
            padding-right: 10px;
            float: none !important
        }

.interview-modal-window .cal-slide-content.cal-event-list {
    max-height: 113px;
    overflow: auto;
    padding: 10px;
    box-shadow: none;
    display: block !important;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    margin: -1px 0 0 -1px
}

    .interview-modal-window .cal-slide-content.cal-event-list .event-item {
        color: #666;
        display: inline-block;
        width: 97%;
        box-sizing: border-box
    }

    .interview-modal-window .cal-slide-content.cal-event-list li:hover {
        background-color: #f1f1f1
    }

.interview-modal-window .cal-cell.active, .interview-modal-window .cal-cell:hover {
    background-color: #d4d2d2
}

.interview-modal-window .cal-day-tick {
    display: none !important
}

.interview-modal-window .cell-day-selected {
    background-color: #48cdee !important
}

    .interview-modal-window .cell-day-selected span[data-cal-date] {
        color: #fff !important;
        opacity: 1
    }

.interview-modal-window .modal-close-btn, .interview-modal-window .modal-close-btn:hover {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    font-size: 20px;
    -webkit-transform: none;
    transform: none
}

.cal-event-list li:hover .event-item {
    color: #48cdee
}

.ws-position-filter {
    margin-bottom: 15px
}

    .ws-position-filter .ws-position-type {
        padding-top: 3px;
        font-size: 19px
    }

        .ws-position-filter .ws-position-type span {
            padding-right: 8px;
            color: #b2b2b2
        }

            .ws-position-filter .ws-position-type span:hover {
                color: #666
            }

            .ws-position-filter .ws-position-type span.active {
                color: #48cdee
            }

            .ws-position-filter .ws-position-type span i {
                vertical-align: middle
            }

    .ws-position-filter .ws-company-list {
        height: 35px;
        list-style: none;
        padding: 0;
        border: 1px solid #e5e5e5;
        margin-bottom: 0
    }

        .ws-position-filter .ws-company-list li {
            vertical-align: baseline;
            line-height: 2.5;
            text-align: center;
            height: 100%;
            width: 130px;
            padding: 0 15px;
            border-right: 1px solid #e5e5e5;
            margin-left: -1px;
            list-style: none;
            display: inline-block;
            position: relative
        }

            .ws-position-filter .ws-company-list li:nth-child(4) {
                margin-left: -5px;
                padding-left: 10px
            }

            .ws-position-filter .ws-company-list li .in-turn {
                border-top: 11px solid #fa9090;
                border-right: 15px solid transparent;
                border-bottom: 11px solid transparent;
                border-left: 15px solid #fa9090;
                position: absolute;
                left: 0;
                top: 0
            }

            .ws-position-filter .ws-company-list li .in-turn-text {
                color: #fff;
                position: absolute;
                top: -1px;
                left: 6px;
                line-height: normal;
                font-size: 10px
            }

    .ws-position-filter .ws-company-select {
        background: transparent;
        width: 90px;
        border: 0 none;
        margin-top: -1px;
        float: left
    }

    .ws-position-filter .active-company {
        background-color: #48cdee;
        color: #fff
    }

    .ws-position-filter .btn-primary, .ws-position-filter .btn-primary:active, .ws-position-filter .btn-primary:focus {
        background-color: transparent;
        color: #555;
        width: 100px;
        position: relative
    }

        .ws-position-filter .btn-primary .caret, .ws-position-filter .btn-primary:active .caret, .ws-position-filter .btn-primary:focus .caret {
            position: absolute;
            right: 7px;
            top: 50%;
            margin-top: -2px
        }

        .ws-position-filter .btn-primary.active-company {
            background-color: #48cdee;
            border-color: #1db7dc;
            color: #fff;
            margin-right: 20px
        }

    .ws-position-filter .htp-btn-empty {
        margin-right: 10px
    }

    .ws-position-filter #btn-append-to-to-body {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 120px;
        overflow: hidden;
        padding-top: 10px;
        padding-right: 19px;
        padding-left: 0;
        border: none;
        border-radius: 0;
        margin-top: -3px;
        margin-left: -1px;
        position: relative
    }

    .ws-position-filter .ws-filter {
        border: 1px solid #e5e5e5;
        margin-top: -1px;
        padding: 5px;
        font-size: 12px
    }

    .ws-position-filter .htp-link-gray {
        display: inline-block;
        vertical-align: text-top;
        margin-right: 10px
    }

    .ws-position-filter .dropdown-menu li a {
        cursor: pointer !important
    }

    .ws-position-filter .htp-checkbox input[type=checkbox]:before {
        top: -2px
    }

    .ws-position-filter .htp-checkbox input[type=checkbox]:after {
        top: 2px
    }

.ws-position-table {
    width: 100%;
    border: 1px solid #e5e5e5;
    font-size: 12px
}

    .ws-position-table thead {
        font-size: 14px
    }

    .ws-position-table td {
        border: 1px solid #e5e5e5;
        height: 45px;
        text-align: center;
        word-break: break-all
    }

        .ws-position-table td .hr {
            color: #48cdee;
            cursor: pointer;
            background-color: #f9f9f9;
            padding: 3px 5px;
            display: inline-block;
            border-radius: 3px
        }

        .ws-position-table td .hr-popbox {
            color: #555
        }

    .ws-position-table th {
        width: 78.66666667px;
        text-align: center;
        padding: 5px 0;
        border: 1px solid #e5e5e5;
        cursor: default
    }

        .ws-position-table th.pointer {
            cursor: pointer
        }

    .ws-position-table table {
        width: 100%
    }

    .ws-position-table .position {
        width: 100px
    }

        .ws-position-table .position a {
            padding: 0
        }

    .ws-position-table .detail {
        width: 150px
    }

    .ws-position-table .ws-position-first-sub-table td {
        border: none;
        border-right: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        width: 78.08333333px
    }

        .ws-position-table .ws-position-first-sub-table td:last-child {
            border-right: none
        }

    .ws-position-table .ws-position-first-sub-table tr:last-child td {
        border-bottom: none
    }

    .ws-position-table .ws-position-first-sub-table .detail {
        width: 150px
    }

    .ws-position-table .ws-position-first-sub-table .position {
        width: 100px
    }

.orderby-icon {
    font-size: 10px;
    color: #b2b2b2;
    position: relative;
    margin-left: 3px
}

    .orderby-icon i {
        position: absolute
    }

        .orderby-icon i.fa-caret-down {
            bottom: 0
        }

        .orderby-icon i.active {
            color: #48cdee
        }

.ws-position-chart {
    border: 1px solid #e5e5e5
}

    .ws-position-chart .chart-title {
        padding: 5px 0;
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: -1px
    }

    .ws-position-chart .col-md-6 {
        height: 300px;
        border-right: 1px solid #e5e5e5;
        margin-left: -1px
    }

        .ws-position-chart .col-md-6:last-child {
            border: 0 none
        }

        .ws-position-chart .col-md-6 .class, .ws-position-chart .col-md-6 div {
            padding: 12px
        }

.no-hr {
    padding: 10px
}

.hr-filter {
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 150px
}

    .hr-filter li {
        padding: 8px 10px
    }

        .hr-filter li:hover {
            background-color: #f0fbfd
        }

        .hr-filter li.selected {
            background-color: #fafafa
        }

#copyText {
    opacity: 0;
    position: absolute;
    left: -9999px;
    top: -9999px
}

.recommend-and-position .no-data {
    padding-top: 0
}

    .recommend-and-position .no-data img {
        max-width: 100%
    }

.recommend-and-position .recommend-candidate {
    padding: 0 5px
}

    .recommend-and-position .recommend-candidate table {
        font-size: 12px
    }

        .recommend-and-position .recommend-candidate table th {
            cursor: default
        }

            .recommend-and-position .recommend-candidate table th.pointer {
                cursor: pointer
            }

        .recommend-and-position .recommend-candidate table thead {
            font-size: 14px
        }

        .recommend-and-position .recommend-candidate table .htp-btn-link-gray {
            font-size: 12px
        }

        .recommend-and-position .recommend-candidate table td {
            vertical-align: inherit;
            max-width: 200px
        }

    .recommend-and-position .recommend-candidate .filter-stats {
        display: inline-block;
        margin-left: 15px;
        padding-left: 20px;
        border-left: 1px solid #e5e5e5
    }

    .recommend-and-position .recommend-candidate .htp-checkbox input[type=checkbox]:before {
        top: -2px
    }

    .recommend-and-position .recommend-candidate .htp-checkbox input[type=checkbox]:after {
        top: 2px
    }

    .recommend-and-position .recommend-candidate .status-div {
        height: 35px;
        padding: 5px
    }

    .recommend-and-position .recommend-candidate .progress-select {
        margin: 1px 5px 5px 15px;
        padding: 2px 5px;
        border-radius: 3px;
        border: 1px solid #e5e5e5
    }

    .recommend-and-position .recommend-candidate .btn-group.dropdown {
        font-size: 13px;
        margin-left: 15px
    }

    .recommend-and-position .recommend-candidate .orderby-icon {
        font-size: 10px;
        color: #b2b2b2;
        position: relative;
        margin-left: 3px
    }

        .recommend-and-position .recommend-candidate .orderby-icon i {
            position: absolute
        }

            .recommend-and-position .recommend-candidate .orderby-icon i.fa-caret-down {
                bottom: 0
            }

            .recommend-and-position .recommend-candidate .orderby-icon i.active {
                color: #48cdee
            }

.recommend-and-position .announcement {
    position: relative;
    padding: 15px 20px 0
}

    .recommend-and-position .announcement .publish-time {
        margin-top: 10px;
        margin-left: 20px;
        color: #b2b2b2
    }

    .recommend-and-position .announcement .announcement-items {
        min-height: 120px;
        padding-top: 10px;
        padding-right: 90px;
        padding-bottom: 15px;
        border-bottom: 1px solid #e5e5e5
    }

        .recommend-and-position .announcement .announcement-items .recommend-count {
            position: absolute;
            right: 20px;
            width: 80px;
            height: 65px;
            line-height: 30px;
            padding: 5px;
            border: 1px solid #e5e5e5;
            text-align: center
        }

            .recommend-and-position .announcement .announcement-items .recommend-count span {
                height: 30px;
                display: block
            }

                .recommend-and-position .announcement .announcement-items .recommend-count span:first-child {
                    border-bottom: 1px solid #e5e5e5
                }

        .recommend-and-position .announcement .announcement-items .recommend-now {
            position: absolute;
            right: 20px;
            width: 80px;
            height: 30px;
            padding: 5px;
            border: 1px solid #e5e5e5;
            text-align: center
        }

            .recommend-and-position .announcement .announcement-items .recommend-now a {
                color: #666
            }

                .recommend-and-position .announcement .announcement-items .recommend-now a:hover {
                    color: #48cdee;
                    -webkit-text-decoration-line: underline;
                    text-decoration-line: underline
                }

        .recommend-and-position .announcement .announcement-items .info {
            color: #666
        }

.trend-modal {
    width: 800px;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
    color: #666;
    position: relative
}

    .trend-modal .title {
        font-size: 16px;
        margin-bottom: 29px;
        font-weight: 700
    }

    .trend-modal .modal-position-list .modal-position-list-item {
        display: inline-block;
        vertical-align: top;
        width: 220px;
        margin: 0 0 0 37px
    }

        .trend-modal .modal-position-list .modal-position-list-item:first-child {
            margin: 0
        }

            .trend-modal .modal-position-list .modal-position-list-item:first-child .position-list-subtitle {
                padding-left: 14px
            }

                .trend-modal .modal-position-list .modal-position-list-item:first-child .position-list-subtitle:after {
                    left: 12px;
                    background: linear-gradient(-90deg,#b7e3ff,rgba(0,156,255,.5))
                }

            .trend-modal .modal-position-list .modal-position-list-item:first-child .subtitle-index {
                left: -9px
            }

        .trend-modal .modal-position-list .modal-position-list-item:last-child .position-list-subtitle:after {
            background: linear-gradient(-90deg,hsla(0,0%,100%,.5) 73%,rgba(0,156,255,.5))
        }

    .trend-modal .modal-position-list .position-list-subtitle {
        font-size: 14px;
        font-weight: 700;
        position: relative;
        text-align: left;
        padding-left: 26px;
        margin-bottom: 16px
    }

        .trend-modal .modal-position-list .position-list-subtitle:after {
            content: " ";
            width: 92%;
            height: 4px;
            position: absolute;
            bottom: -6px;
            left: 24px;
            background-image: linear-gradient(-90deg,hsla(0,0%,100%,.5) 39%,rgba(0,156,255,.5))
        }

    .trend-modal .modal-position-list .subtitle-index {
        position: absolute;
        left: 0;
        top: 50%;
        font-size: 40px;
        margin-top: -26px;
        font-weight: 400;
        color: #ffc450
    }

    .trend-modal .modal-position-list ul {
        overflow: auto;
        padding: 3px 5px;
        height: 360px;
        border: 2px solid #e6e6e6
    }

        .trend-modal .modal-position-list ul li {
            text-align: left;
            list-style: none;
            font-size: 14px;
            cursor: pointer
        }

        .trend-modal .modal-position-list ul .position-list-item-link {
            display: block;
            color: #666;
            text-overflow: ellipsis;
            overflow: hidden;
            width: 100%;
            white-space: nowrap
        }

            .trend-modal .modal-position-list ul .position-list-item-link:hover {
                color: #48cdee
            }

.trend-modal-window .modal-dialog {
    width: 800px
}

.trend-modal-window .modal-close-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    font-size: 20px
}

.ws-sum-active-chart {
    border: 1px solid #d5d5d5;
    height: 181px;
    margin: 0 auto
}

.ws-sum-active-company {
    width: 50%
}

.ws-sum-active-company, .ws-sum-active-position {
    display: inline-block;
    position: relative;
    height: 100%
}

.ws-sum-active-position {
    width: 49%
}

.ws-sum-active-company echarts {
    border-right: 1px dotted #979797
}

.ws-sum-active-company echarts, .ws-sum-active-position echarts {
    height: 135px;
    width: 100%;
    position: absolute
}

.ws-sum-active-company-info, .ws-sum-active-position-info {
    padding: 5px 12px 6px
}

.ws-sum-active-title {
    background-color: #fff;
    color: #8b8b8b;
    border-radius: 6px;
    font-size: 12px;
    padding: 3px 9px;
    border: 1px solid #dedede
}

.ws-active-popup {
    padding: 15px
}

.ws-active-popup-top {
    text-align: center
}

.ws-active-popup-list {
    padding: 5px 10px 10px
}

.ws-active-popup-item {
    padding: 5px;
    border-bottom: 1px solid #e5e5e5
}

    .ws-active-popup-item a {
        color: #555
    }

        .ws-active-popup-item a:hover {
            color: #64d3ee
        }

.ws-active-popup-page {
    text-align: center
}

.ws-active-popup-page-pre {
    margin-right: 20px
}

.ws-active-popup-page-next {
    margin-left: 20px
}

.ws-sum-data {
    border: 1px solid #d5d5d5;
    min-width: 588px;
    height: 181px;
    margin: 0 auto
}

.ws-sum-data-title {
    color: #666;
    size: 14px;
    padding: 5px 0 5px 20px;
    border-bottom: 1px solid #eee
}

.ws-sum-data-main {
    margin-top: 15px
}

.ws-sum-data-card {
    display: inline-block;
    width: 16.66666667%;
    min-width: 85px;
    border-right: 1px dotted #979797
}

.ws-clear-border {
    border: none
}

.ws-sum-data-card a, .ws-sum-data-card span {
    display: block;
    margin: auto;
    text-align: center
}

.ws-sum-data-card-numb {
    color: #7f8384;
    font-size: 40px;
    font-family: Helvetica-Light;
    line-height: 1.2
}

.ws-sum-data-card-desc {
    color: #b2b2b2;
    font-size: 14px
}

.ws-sum-data-icon {
    width: 58px;
    height: 52px;
    background: url(https://webassets-cdn.hunterplus.net/image/candidate-icons.png) 0 0 no-repeat;
    background-size: 184px 121px
}

.ws-sum-data-item-1 {
    background-position: 0 2px
}

.ws-sum-data-item-2 {
    background-position: -61px 0
}

.ws-sum-data-item-3 {
    background-position: -126px 0
}

.ws-sum-data-item-4 {
    background-position: 0 -62px
}

.ws-sum-data-item-5 {
    background-position: -63px -64px
}

.ws-sum-data-item-6 {
    background-position: -126px -65px
}

.ws-sum-recommender-chart {
    border: 1px solid #d5d5d5;
    height: 181px;
    margin: 0 auto;
    position: relative
}

.htp-btn-empty.button-list-left {
    background-color: #fff;
    color: #666;
    border-color: #999;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
    margin: 0;
    float: left
}

.htp-btn-empty.button-list-right {
    background-color: #fff;
    color: #666;
    border-color: #999;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin: 0
}

.recommend-position-popup .search-input {
    margin: 15px 0 0;
    width: 100%
}

.recommend-positon-popup {
    min-height: 490px;
    height: 580px;
    padding: 15px;
    padding-bottom: 5px
}

    .recommend-positon-popup .tips {
        color: #bbb;
        margin-top: 10px;
        margin-left: 10px
    }

    .recommend-positon-popup .button-tab .active {
        background-color: #e5e5e5
    }

    .recommend-positon-popup .search-input {
        margin: 15px 0 0;
        width: 100%
    }

    .recommend-positon-popup .no-match-position {
        margin-top: 50px
    }

        .recommend-positon-popup .no-match-position img {
            width: 345px
        }

        .recommend-positon-popup .no-match-position .title {
            color: #9db2f0;
            font-size: 18px;
            font-weight: 700
        }

        .recommend-positon-popup .no-match-position .info {
            font-size: 14px;
            color: #969696
        }

    .recommend-positon-popup .recommend-positon-list {
        margin-top: 10px;
        margin-bottom: 10px
    }

        .recommend-positon-popup .recommend-positon-list .link {
            color: #555
        }

            .recommend-positon-popup .recommend-positon-list .link:hover {
                color: #48cdee
            }

        .recommend-positon-popup .recommend-positon-list .htp-radiobox {
            margin-right: 0
        }

        .recommend-positon-popup .recommend-positon-list .positon-item {
            padding: 5px;
            border-bottom: 1px solid #e5e5e5
        }

            .recommend-positon-popup .recommend-positon-list .positon-item label {
                display: block
            }

            .recommend-positon-popup .recommend-positon-list .positon-item.active, .recommend-positon-popup .recommend-positon-list .positon-item:hover {
                background-color: #f9f9f9
            }

            .recommend-positon-popup .recommend-positon-list .positon-item .item-text, .recommend-positon-popup .recommend-positon-list .positon-item span {
                display: inline-block
            }

.remark-section {
    position: relative;
    margin: 10px 0 10px 15px
}

.remark-add-btn {
    margin: 10px 15px
}

    .remark-add-btn span {
        color: #19c0ea;
        cursor: pointer;
        font-size: 12px
    }

        .remark-add-btn span:hover {
            text-decoration: underline
        }

.remark-menu-down {
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 18px;
    color: #ddd;
    cursor: pointer
}

.remark-operation-list {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #e5e5e5
}

    .remark-operation-list li {
        padding: 5px 14px;
        cursor: pointer;
        border-bottom: 1px solid #e5e5e5
    }

        .remark-operation-list li:hover {
            background-color: #f1f1f1
        }

        .remark-operation-list li:last-child {
            border-bottom: 0
        }

.ctn-detail .remark-schedule .schedule-event-box {
    top: 50px;
    right: 100px
}

.remark-status-btn {
    color: #000;
    background-color: #fff;
    border: 1px solid #a9a9a9
}

.remark-type-icon {
    background-color: #78dcf5;
    color: #fff;
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 10px
}

.remark-more {
    margin-bottom: 10px
}

    .remark-more a {
        cursor: pointer
    }

.candidate-add-tag {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background-color: #fff;
    position: absolute;
    width: 250px;
    z-index: 2
}

    .candidate-add-tag:after, .candidate-add-tag:before {
        content: " ";
        display: table
    }

    .candidate-add-tag:after {
        clear: both
    }

    .candidate-add-tag > .create-new, .candidate-add-tag > .title {
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center
    }

    .candidate-add-tag .title {
        position: relative;
        border-bottom: 1px solid #ddd;
        margin-bottom: -1px
    }

        .candidate-add-tag .title .close {
            position: absolute;
            top: 10px;
            right: 10px;
            padding: 3px;
            font-size: 14px;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-transform-origin: center center;
            transform-origin: center center;
            transition: all .15s ease-out
        }

            .candidate-add-tag .title .close:hover {
                color: #ff7474;
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }

    .candidate-add-tag > .create-new {
        cursor: pointer;
        border-top: 1px solid #e5e5e5
    }

        .candidate-add-tag > .create-new:hover {
            color: #48cdee
        }

    .candidate-add-tag > .tag-content {
        max-height: 195px;
        overflow: auto
    }

        .candidate-add-tag > .tag-content:after, .candidate-add-tag > .tag-content:before {
            content: " ";
            display: table
        }

        .candidate-add-tag > .tag-content:after {
            clear: both
        }

        .candidate-add-tag > .tag-content > .x-tag {
            float: left;
            position: relative;
            width: 50%;
            padding: 5px 10px 5px 30px;
            border: 1px solid #e5e5e5;
            margin-bottom: -1px;
            cursor: pointer;
            display: table-cell;
            border-left: 0
        }

            .candidate-add-tag > .tag-content > .x-tag.active {
                color: #48cdee
            }

            .candidate-add-tag > .tag-content > .x-tag:hover {
                background-color: #f0fbfd
            }

            .candidate-add-tag > .tag-content > .x-tag:nth-child(2n) {
                border-right: 0
            }

            .candidate-add-tag > .tag-content > .x-tag > .tag-active {
                position: absolute;
                left: 10px;
                top: 7px;
                margin-bottom: 0
            }

            .candidate-add-tag > .tag-content > .x-tag > .tag-name {
                display: inline-block;
                margin-bottom: 0;
                margin-top: 3px
            }

.advance-search.form-horizontal {
    padding: 40px 20px 20px
}

    .advance-search.form-horizontal .form-group {
        padding-left: 8%;
        padding-right: 8%
    }

        .advance-search.form-horizontal .form-group .control-label {
            width: 15%;
            text-align: right;
            padding-right: 0
        }

.salary-dash {
    float: left;
    width: 6%;
    margin-top: 1%
}

.folder-setting {
    position: absolute;
    z-index: 3;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    max-height: 250px;
    width: 180px;
    overflow-y: auto;
    font-size: 12px
}

    .folder-setting .candidate-folder-list li {
        line-height: 1.2em;
        min-height: 1.2em
    }

    .folder-setting .candidate-folder-list .new-folder-ctn {
        padding-top: 0;
        padding-bottom: 0
    }

    .folder-setting .candidate-folder-list .open-folder-icon {
        top: 6px
    }

.candidate-manage-tag {
    max-height: 400px
}

    .candidate-manage-tag > .list-group {
        margin-bottom: 0;
        height: 280px;
        overflow: auto
    }

        .candidate-manage-tag > .list-group > .list-group-item {
            padding-left: 26px;
            padding-right: 26px
        }

    .candidate-manage-tag > .title {
        font-size: 16px;
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: center
    }

    .candidate-manage-tag .subtitle {
        font-size: 12px;
        color: #b2b2b2
    }

.candidate-manage-tag-item:after, .candidate-manage-tag-item:before {
    content: " ";
    display: table
}

.candidate-manage-tag-item:after {
    clear: both
}

.candidate-manage-tag-item > .tag-content {
    float: left;
    width: 210px
}

    .candidate-manage-tag-item > .tag-content > .tag-name {
        padding-top: 5px;
        padding-bottom: 5px
    }

        .candidate-manage-tag-item > .tag-content > .tag-name span {
            color: #969696
        }

.candidate-manage-tag-item > .del-btn, .candidate-manage-tag-item > .modify-btn {
    float: right;
    padding: 5px 3px;
    font-size: 12px
}

    .candidate-manage-tag-item > .del-btn:hover, .candidate-manage-tag-item > .modify-btn:hover {
        color: #63d3ee
    }

.candidate-manage-tag-item > .del-btn {
    margin-left: 12px
}

.candidate-manage-tag > .footer {
    padding-top: 17px;
    padding-bottom: 17px
}

    .candidate-manage-tag > .footer > .btn + .btn {
        margin-left: 26px
    }

.pop-box .title {
    font-size: 18px;
    color: #555;
    text-align: center;
    padding: 20px;
    border-bottom: 1px solid #e5e5e5
}

.pop-box .close {
    font-size: 14px;
    color: #333
}

.pop-box .content {
    padding: 20px
}

.pop-box .ctn {
    margin-bottom: 15px
}

.pop-box .htp-list {
    max-height: 300px;
    overflow-y: auto
}

    .pop-box .htp-list li {
        margin-bottom: 10px
    }

.pop-box .reason {
    width: 100%;
    border-color: #e5e5e5;
    padding: 5px
}

.import-candidate-tutorials {
    width: 760px;
    padding-bottom: 126px;
    margin: 0 auto
}

    .import-candidate-tutorials .comment-text {
        color: #c8c8c8
    }

    .import-candidate-tutorials .tutorial-link {
        text-decoration: underline;
        cursor: pointer
    }

.import-candidate-tutorial {
    padding-bottom: 126px
}

    .import-candidate-tutorial .comment-text {
        color: #c8c8c8;
        padding-left: 33px
    }

    .import-candidate-tutorial .check-vertical-top {
        padding-top: 15px
    }

    .import-candidate-tutorial .warning-text {
        color: red
    }

    .import-candidate-tutorial .tutorial-title {
        padding-top: 20px
    }

.list-page-item.checked .candidate-list-item {
    padding-left: 40px
}

.list-page-item .batch-manage-checkbox {
    left: 0;
    right: auto;
    top: 50%;
    margin-top: -10px;
    padding: 0 10px
}

.list-page-item .gender-icon {
    margin-right: 15px
}

.list-page-item .update {
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 12px;
    padding: 0 3px
}

    .list-page-item .update.update-15 {
        border-color: #48cdee;
        color: #48cdee
    }

    .list-page-item .update.update-30 {
        border-color: #2e9bff;
        color: #2e9bff
    }

    .list-page-item .update.update-90 {
        border-color: #fd9716;
        color: #fd9716
    }

    .list-page-item .update.update-180 {
        border-color: #f79090;
        color: #f79090
    }

.candidate-recommended-classify {
    position: relative
}

    .candidate-recommended-classify .muiltiple-btn {
        position: absolute;
        right: 5px;
        top: 13px
    }

    .candidate-recommended-classify .muiltiple-btn-ctn {
        background-color: #f9f9f9;
        border-radius: 5px;
        padding: 5px 3px;
        margin: 2px 0 15px
    }

        .candidate-recommended-classify .muiltiple-btn-ctn select {
            background-color: #fff
        }

.list-page-item > .candidate-list-item .recommend-state {
    color: #e3746f;
    font-size: 12px
}

.recommend-guideline {
    text-align: center
}

    .recommend-guideline img {
        margin-top: 50px;
        width: 587px
    }

    .recommend-guideline .recommend {
        width: 155px;
        margin-bottom: 27px
    }

.show-tip {
    position: relative;
    z-index: 10
}

    .show-tip .tip-cover {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 15
    }

.recommend-tip {
    position: fixed;
    z-index: 11;
    top: 150px;
    left: 50%
}

    .recommend-tip img {
        margin-left: -50px;
        margin-bottom: 20px
    }

    .recommend-tip .recommend-tip-ctn {
        margin-left: 80px;
        background: transparent url(https://assets.hunterplus.net/images/recommend-tips2.png) 0 0 no-repeat;
        background-size: 100%;
        color: #fff;
        padding: 60px 20px 35px;
        text-align: center
    }

.recommend-report-title {
    line-height: 26px;
    margin-top: 18px;
    margin-bottom: 9px;
    border-bottom: 1px solid #e5e5e5
}

    .recommend-report-title:after, .recommend-report-title:before {
        content: " ";
        display: table
    }

    .recommend-report-title:after {
        clear: both
    }

    .recommend-report-title.noRemindText {
        padding-bottom: 10px
    }

.report-title {
    font-size: 16px;
    margin-right: 5px
}

.report-sub-title {
    color: #b6bcc8
}

.blue-point-span {
    width: 5px;
    height: 26px;
    background-color: #63d2ed;
    margin-right: 10px
}

.report-textarea {
    width: 100%;
    height: 180px;
    resize: none;
    padding: 6px 9px;
    border-color: #e2e2e4;
    border-radius: 4px;
    margin-bottom: 7px
}

.recommend-report-footer {
    width: 100%;
    height: 140px;
    line-height: 140px;
    box-shadow: 0 -2px 0 #ebebeb
}

.recommend-report-content {
    margin-bottom: 15px
}

    .recommend-report-content:after, .recommend-report-content:before {
        content: " ";
        display: table
    }

    .recommend-report-content:after {
        clear: both
    }

.candidate-detail .candidate-detail-info .list-unstyled .list-inline li {
    padding-left: 0
}

.recommend-report-template {
    margin-bottom: 20px
}

    .recommend-report-template > .create-form {
        padding-top: 20px
    }

        .recommend-report-template > .create-form > .uploaded-file-list {
            width: 35%;
            padding-top: 30px;
            padding-left: 4px
        }

    .recommend-report-template > .remind-text {
        padding-top: 20px;
        padding-left: 4px
    }

    .recommend-report-template > .download-report-template {
        color: #8b8b8b
    }

    .recommend-report-template .handle-lg-btn {
        margin-top: 20px
    }

.download-report-btn {
    margin: 0;
    padding: 0
}

.upload-list {
    width: 400px;
    margin-top: 0
}

    .upload-list .file-name {
        max-width: 306px
    }

.handle-lg-btn .upload-report-btn {
    margin-left: 0;
    margin-right: 16px
}

.step-one-block {
    margin: 12px 0;
    border-right: 1px solid #e5e5e5;
    padding-bottom: 6px
}

.step-two-block .upload-file-progressbar .progress {
    margin-bottom: 0
}

.step-two-block .upload-file-progressbar {
    width: 140px;
    margin-top: -42px;
    margin-left: 23px
}

.recommend-report-template .no-upload-file-remind {
    color: #f58484;
    padding: 6px 5px 8px;
    background-color: #ffefef;
    margin-left: 10px;
    border: 1px solid #ffc0c0;
    width: 222px
}

.recommend-report-title .recommend-report-title_text {
    clear: left;
    padding-left: 104px;
    color: #b6bcc8
}

.candidate-recommend-ctn {
    position: relative
}

    .candidate-recommend-ctn .htp-fixed-tips {
        width: 720px;
        bottom: 1px
    }

    .candidate-recommend-ctn .candidate-detail-info {
        margin-right: 0
    }

.recommend-search .form-control {
    height: 28px;
    padding: 0 5px;
    margin-top: 6px;
    font-size: 12px
}

.recommend-search .input-group-btn .btn {
    line-height: 1em
}

.recommend-resume-edit-btn {
    display: block;
    margin-right: 20px;
    font-size: 20px;
    color: #a8abc9;
    cursor: pointer
}

.recommend-resume-attachment {
    width: 275px;
    margin-top: 4px
}

    .recommend-resume-attachment > .attachment-title {
        border-left: 0;
        border-right: 0
    }

    .recommend-resume-attachment > .attachment-delete-btn {
        background-color: #fff;
        border-left: 0;
        border-right: 0
    }

    .recommend-resume-attachment > .attachment-download-btn {
        background-color: #64d3ef;
        color: #fff;
        border: none
    }

.perfect-information-tip {
    width: 100%;
    height: 88px;
    background-color: #64d3ee;
    line-height: 88px;
    font-size: 16px;
    color: #fff
}

.footer-fluid-btn-group {
    padding: 25px 0;
    background-color: #fff
}

.recommend-footer-btn {
    height: 36px;
    font-size: 16px;
    padding: 0 24px;
    margin: 0 14px
}

.clue-detail {
    border: 1px solid #e5e5e5;
    margin-left: 12px;
    margin-top: 12px
}

    .clue-detail .clue-detail-header {
        height: 37px;
        line-height: 37px;
        font-size: 16px;
        color: #666;
        margin: 0;
        padding-left: 26px;
        background-color: #f1f1f1
    }

    .clue-detail .clue-detail-content {
        padding-top: 6px;
        padding-bottom: 2px
    }

        .clue-detail .clue-detail-content .clue-detail-left-content {
            margin-left: 26px;
            font-size: 14px;
            color: #666
        }

            .clue-detail .clue-detail-content .clue-detail-left-content .clue-detail-box {
                margin-bottom: 4px
            }

            .clue-detail .clue-detail-content .clue-detail-left-content span {
                margin-left: 3px
            }

            .clue-detail .clue-detail-content .clue-detail-left-content img {
                cursor: pointer
            }

        .clue-detail .clue-detail-content .clue-detail-right-content {
            color: #b2b2b2;
            font-size: 12px;
            margin-right: 26px
        }

            .clue-detail .clue-detail-content .clue-detail-right-content div {
                height: 20px;
                line-height: 20px;
                margin-bottom: 4px
            }

    .clue-detail .clue-detail-bottom-content {
        border-top: 1px solid #e5e5e5;
        margin: 0 8px;
        font-size: 12px;
        color: #8b8b8b;
        padding-left: 18px;
        padding-top: 6px
    }

        .clue-detail .clue-detail-bottom-content div {
            margin-bottom: 4px
        }

.clue-communication {
    margin-top: 12px;
    margin-left: 12px;
    border: 1px solid #e5e5e5;
    border-bottom: none
}

    .clue-communication .clue-communication-header {
        line-height: 37px;
        margin-left: 26px;
        color: #666;
        font-size: 14px
    }

    .clue-communication .table {
        width: calc(100% + 2px);
        max-width: none;
        margin-left: -1px;
        margin-right: -1px;
        margin-bottom: 0
    }

        .clue-communication .table td, .clue-communication .table th {
            text-align: center;
            vertical-align: middle;
            color: #8b8b8b;
            font-size: 12px
        }

        .clue-communication .table th {
            border-bottom-width: 1px
        }

    .clue-communication .td-max-width {
        max-width: 170px;
        word-wrap: break-word
    }

    .clue-communication .td-min-width {
        min-width: 60px
    }

    .clue-communication .position-list-status-icon {
        position: static;
        width: 72px;
        margin: 0 auto
    }

    .clue-communication .position-information-icon {
        margin-top: 0
    }

    .clue-communication .no-communication {
        border: 1px solid #e5e5e5;
        width: calc(100% + 2px);
        max-width: none;
        margin-left: -1px;
        margin-right: -1px
    }

        .clue-communication .no-communication img {
            width: 100%
        }

        .clue-communication .no-communication p {
            text-align: center
        }

.position-list-status-icon-gray {
    background-color: #b2b2b2
}

.position-list-status-icon-blue {
    background-color: #48cdee
}

.position-list-status-icon-green {
    background-color: #33cf81
}

.clue-communication .show-more-comm {
    border: 1px solid #e5e5e5;
    border-top: 0;
    max-width: none;
    margin-left: -1px;
    margin-right: -1px;
    margin-bottom: 20px
}

    .clue-communication .show-more-comm a {
        color: #b2b2b2
    }

        .clue-communication .show-more-comm a:hover {
            color: #20abd9
        }

.bd-detail-comment-text {
    width: 93%
}

.bd-clue {
    padding: 0
}

    .bd-clue .close-bd-clue {
        margin-right: 15px;
        line-height: 35px
    }

    .bd-clue .bd-clue-title {
        font-size: 18px;
        background-color: #f1f1f1;
        margin-top: 0;
        padding-left: 15px;
        height: 53px;
        line-height: 53px;
        border-radius: 6px
    }

    .bd-clue h4 {
        font-size: 14px;
        font-weight: bolder;
        color: #666;
        text-align: center;
        margin-top: 25px
    }

    .bd-clue p {
        font-size: 14px;
        color: #8b8b8b;
        margin: 0 30px
    }

    .bd-clue > div {
        text-align: center;
        margin-top: 20px
    }

    .bd-clue .bd-clue-condition {
        color: #fa9090;
        margin-bottom: 10px
    }

    .bd-clue .re-award {
        color: #fa9090;
        margin: 20px 30px
    }

    .bd-clue .percent-condition {
        color: #fa9090
    }

    .bd-clue .liexiaomeng-wechat {
        width: 100px;
        margin-bottom: 35px
    }

.company-body {
    margin-bottom: 10px
}

    .company-body .common-textarea {
        width: 100%;
        border-radius: 3px;
        border: 1px solid #e5e5e5
    }

    .company-body .summary {
        white-space: pre-wrap
    }

.template .attachment-file-list {
    width: 380px
}

.company-base-info {
    margin-bottom: 10px
}

    .company-base-info:last-child {
        border: 0 none
    }

    .company-base-info .text {
        margin-left: 1em
    }

    .company-base-info .common-textarea {
        width: 100%;
        border-radius: 3px;
        border: 1px solid #e5e5e5
    }

    .company-base-info .summary {
        white-space: pre-wrap
    }

.position-details.no-border {
    border: none
}

    .position-details.no-border .hr {
        border-bottom: 1px solid #e5e5e5;
        width: 100%;
        height: 1px
    }

.notice-component {
    margin-left: 15px;
    margin-right: 15px;
    min-height: 50px;
    background: #fff;
    margin-bottom: 10px
}

    .notice-component, .notice-component.company-deatails, .notice-component.position-details {
        border-bottom: 1px solid #eee;
        padding-bottom: 20px
    }

        .notice-component .loading {
            padding-top: 20px
        }

        .notice-component .header {
            padding: 8px 0
        }

            .notice-component .header .title {
                font-size: 16px;
                padding: 3px 0 3px 9px;
                border-left: 5px solid #63d3ee;
                margin: 0
            }

                .notice-component .header .title a {
                    font-size: 14px
                }

                .notice-component .header .title .arrow {
                    font-size: 12px;
                    background: #fff;
                    color: #b2b2b2;
                    border: 1px solid #e5e5e5;
                    border-radius: 3px;
                    padding: 3px;
                    cursor: pointer
                }

                    .notice-component .header .title .arrow:hover {
                        box-shadow: 0 0 2px #e5e5e5
                    }

        .notice-component .body {
            padding-left: 1em;
            font-size: 14px
        }

            .notice-component .body .form {
                text-align: center;
                position: relative
            }

                .notice-component .body .form p {
                    text-align: left;
                    margin-bottom: 10px
                }

                    .notice-component .body .form p.count {
                        position: absolute;
                        top: 256px;
                        right: 5px
                    }

                .notice-component .body .form button {
                    margin-left: 30px
                }

                .notice-component .body .form textarea {
                    width: 100%;
                    border-radius: 3px;
                    margin-top: 20px
                }

            .notice-component .body .menu {
                position: relative;
                display: inline-block
            }

                .notice-component .body .menu .mask {
                    z-index: 1;
                    position: fixed;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    cursor: default
                }

                .notice-component .body .menu ul {
                    list-style: none;
                    margin: 0;
                    width: 160px;
                    text-align: center;
                    box-shadow: 0 2px 8px 0 rgba(0,0,0,.19);
                    border-radius: 3px;
                    padding: 0 20px;
                    background-color: #fff;
                    position: absolute;
                    right: -125px;
                    top: 30px;
                    z-index: 2;
                    color: #666
                }

                    .notice-component .body .menu ul:before {
                        position: absolute;
                        content: "";
                        background: #fff;
                        width: 10px;
                        height: 10px;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        top: -4px;
                        left: 22px;
                        box-shadow: -2px -2px 6px 0 hsla(0,0%,65%,.16)
                    }

                    .notice-component .body .menu ul li {
                        line-height: 38px
                    }

                        .notice-component .body .menu ul li:first-child {
                            border-bottom: 1px solid #f1f1f1
                        }

                        .notice-component .body .menu ul li:hover {
                            color: #48cdee
                        }

            .notice-component .body .new-notice {
                color: #f79090
            }

            .notice-component .body .top-img {
                height: 18px;
                margin-bottom: 2px
            }

            .notice-component .body .name, .notice-component .body .time {
                margin-top: 20px;
                margin-bottom: 0;
                width: 49%;
                display: inline-block;
                text-align: left;
                color: #969696
            }

                .notice-component .body .name a, .notice-component .body .time a {
                    color: #969696
                }

                    .notice-component .body .name a:hover, .notice-component .body .time a:hover {
                        color: #48cdee
                    }

            .notice-component .body .name {
                margin-top: 5px
            }

            .notice-component .body .htp-btn-link-gray {
                padding: 0
            }

            .notice-component .body .time {
                color: #969696;
                text-align: right
            }

            .notice-component .body .glyphicon {
                margin-left: 20px;
                cursor: pointer
            }

            .notice-component .body .content {
                background-color: #f9f9f9;
                white-space: pre-line;
                padding: 10px 15px;
                margin-top: 5px;
                margin-bottom: 20px
            }

            .notice-component .body .none-notice {
                margin-top: 15px
            }

                .notice-component .body .none-notice .tip {
                    color: #969696
                }

            .notice-component .body .page {
                margin-top: 15px;
                text-align: center
            }

                .notice-component .body .page .arrow {
                    float: left;
                    border: 1px solid #e5e5e5;
                    font-size: 12px;
                    padding: 6px 5px;
                    margin: -1px 0 0
                }

                    .notice-component .body .page .arrow:disabled {
                        color: #b2b2b2
                    }

                    .notice-component .body .page .arrow.glyphicon-menu-left {
                        border-radius: 3px 0 0 3px;
                        border-right: 0 solid #000
                    }

                    .notice-component .body .page .arrow.glyphicon-menu-right {
                        border-radius: 0 3px 3px 0;
                        border-left: 0 none
                    }

                .notice-component .body .page .page-num {
                    float: left;
                    border: 1px solid #e5e5e5;
                    text-align: center;
                    padding: 2px 10px
                }

.company-position-list-table {
    background-color: #fff;
    border-top-color: #fff
}

    .company-position-list-table .input-group {
        width: 330px;
        padding-left: 25px;
        margin-top: 20px;
        margin-bottom: 10px
    }

        .company-position-list-table .input-group .input-search-btn {
            width: 45px;
            line-height: 28px;
            padding: 2px 0
        }

            .company-position-list-table .input-group .input-search-btn img {
                width: 18px;
                height: 18px
            }

    .company-position-list-table .position-link {
        font-size: 12px;
        margin-right: 15px
    }

        .company-position-list-table .position-link i {
            font-size: 14px;
            margin-right: 3px;
            vertical-align: middle
        }

button.company-follow {
    position: absolute;
    top: 30px;
    right: 15px;
    font-size: 14px;
    padding: 5px 8px
}

button.company-follow, button.follow {
    background: #fff;
    border: 1px solid #48cdee;
    color: #48cdee
}

    button.company-follow:hover, button.follow:hover {
        box-shadow: 0 0 1px #48cdee;
        color: #48cdee
    }

    button.company-follow:active, button.follow:active {
        color: #48cdee
    }

    button.company-follow img, button.follow img {
        width: 18px;
        height: 16px;
        margin-top: -5px
    }

button.company-position {
    position: absolute;
    top: 60px;
    right: 10px
}

.company-detail-top {
    border: 1px solid #e5e5e5;
    padding: 29px 0 25px 20px;
    position: relative;
    margin-bottom: 10px
}

    .company-detail-top button.company-follow {
        top: 60px;
        right: 15px
    }

    .company-detail-top .company-detail-logo {
        width: 119px;
        height: 119px;
        float: left
    }

    .company-detail-top .company-detail-logo-null {
        width: 119px;
        height: 119px;
        float: left;
        background-color: #47cdee;
        font-size: 39px;
        text-align: center;
        padding-top: 29px;
        border-radius: 6px;
        color: #fff
    }

.company-status {
    border-radius: 3px;
    font-size: 12px;
    padding: 0 8px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400
}

    .company-status.floating {
        background-color: #48cdee;
        color: #fff
    }

    .company-status.overtime {
        background-color: #eee
    }

.company-detail-top-title {
    font-size: 20px;
    font-weight: 700;
    display: inline-block
}

.company-detail-top-list {
    margin-bottom: 1em;
    line-height: 1.5em
}

    .company-detail-top-list span {
        margin-right: 8px
    }

    .company-detail-top-list .company-industry-info span {
        margin-right: -1
    }

    .company-detail-top-list .company-name {
        margin-bottom: 5px;
        font-size: 12px;
        line-height: normal
    }

.recommend-template {
    background: #f9f9f9;
    border-radius: 5px;
    padding: 0 10px;
    margin: 6px 0
}

    .recommend-template .htp-btn-link, .recommend-template .htp-btn-link-gray {
        padding: 0;
        margin: 0 0 0 5px;
        line-height: normal
    }

.position-detail.recommend-template {
    padding: 15px 20px
}

.company-icon {
    background-image: url(https://webassets-cdn.hunterplus.net/icon-company@2X.png);
    background-repeat: no-repeat;
    background-size: 39px 213px;
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    margin-top: -1px;
    margin-right: 0
}

    .company-icon.ind {
        background-position: -10px -10px
    }

    .company-icon.member {
        background-position: -10px -39px
    }

    .company-icon.company-type {
        background-position: -10px -68px
    }

    .company-icon.capital {
        background-position: -10px -97px
    }

    .company-icon.website {
        background-position: -10px -126px
    }

    .company-icon.location {
        background-position: -10px -155px
    }

.edit {
    background: url(https://assets.hunterplus.net/images/pos-info-edit.png) 0 0/cover no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 15px
}

.user-feedback {
    width: 973px;
    text-align: center
}

.user-feedback-close {
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 163px;
    z-index: 100
}

.user-feedback-body {
    width: 600px;
    padding: 20px;
    margin: auto;
    background-color: #f1f1f1
}

    .user-feedback-body textarea {
        width: 560px;
        height: 200px;
        padding: 12px;
        border: 1px solid #e1e1e3
    }

.user-feedback-footer {
    width: 600px;
    padding: 0 20px 30px;
    margin: auto;
    background-color: #f1f1f1;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center
}

    .user-feedback-footer button {
        width: 135px;
        font-size: 14px;
        vertical-align: middle;
        color: #fff
    }

    .user-feedback-footer button, .user-feedback-upload-button {
        height: 37px;
        border: 1px solid rgba(0,0,0,.15);
        text-align: center;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

.user-feedback-upload-button {
    width: 188px;
    line-height: 37px;
    border-radius: 3px;
    font-size: 16px;
    background-color: #fff;
    position: absolute;
    float: left;
    color: #555;
    margin-right: 5px
}

    .user-feedback-upload-button i {
        display: none
    }

    .user-feedback-upload-button:hover {
        background-color: #fff
    }

.text-file-close {
    position: absolute;
    cursor: pointer;
    top: -8px;
    right: 5px
}

.chat-bg-img {
    background: url(https://assets.hunterplus.net/images/msgBgImg.jpg) 50%/cover no-repeat
}

.chat-home-wrap {
    padding-top: 100px;
    max-width: 1000px;
    min-width: 800px;
    height: 90%;
    margin: 0 auto
}

    .chat-home-wrap ul {
        padding: 0
    }

    .chat-home-wrap li {
        list-style: none
    }

::-webkit-scrollbar {
    width: 4px
}

::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #bababa
}

.chat-home-top {
    height: 68px;
    padding: 11px;
    background-color: #fff;
    border: 1px solid #e5e5e5
}

.chat-home-left {
    float: left;
    width: 25%;
    height: calc(100% - 68px);
    background-color: #fafafa
}

.chat-common-header {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.chat-home-left .chat-common-header {
    border-left: 1px solid #e5e5e5
}

.chat-home-right .chat-common-header {
    border-right: 1px solid #e5e5e5
}

.chat-home-left .chat-common-header .chat-close-inform, .chat-home-left .chat-common-header .chat-msg-list {
    text-align: left;
    margin: 5px 0 0 13px
}

.chat-home-left .chat-common-header .chat-msg-list {
    font-family: Microsoft YaHei;
    font-size: 16px;
    font-weight: 600;
    color: #666;
    line-height: 16px;
    margin: 8px 0 0 13px
}

.chat-home-left .chat-common-header .chat-close-inform {
    font-size: 14px;
    color: #b2b2b2;
    line-height: 14px
}

.chat-home-left .chat-left-list {
    height: calc(100% - 60px);
    overflow-y: hidden
}

    .chat-home-left .chat-left-list:hover {
        overflow-y: auto
    }

.chat-home-left .chat-friend-list {
    outline: none;
    padding: 10px;
    border-left: 4px solid transparent;
    border-bottom: 1px solid #e5e5e5
}

    .chat-home-left .chat-friend-list:after, .chat-home-left .chat-friend-list:before {
        content: " ";
        display: table
    }

    .chat-home-left .chat-friend-list:after {
        clear: both
    }

    .chat-home-left .chat-friend-list:hover {
        background-color: #fff;
        border-left: 4px solid #63d3ee
    }

    .chat-home-left .chat-friend-list ul {
        width: calc(100% - 70px);
        float: left;
        margin-left: 10px
    }

    .chat-home-left .chat-friend-list .chat-friend-list-img img {
        float: left;
        width: 60px;
        height: 60px
    }

    .chat-home-left .chat-friend-list.active {
        background-color: #fff;
        border-left: 4px solid #63d3ee
    }

    .chat-home-left .chat-friend-list .user-list span {
        font-size: 12px;
        color: #666
    }

    .chat-home-left .chat-friend-list .chat-list-text-ellipsis {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #8b8b8b
    }

    .chat-home-left .chat-friend-list .chat-list-date {
        font-size: 12px;
        color: #b2b2b2
    }

.chat-home-right {
    float: right;
    width: 75%;
    height: calc(100% - 68px);
    background-color: #fff
}

    .chat-home-right .chat-right-content {
        height: calc(100% - 142px);
        padding: 10px 15px;
        overflow-y: hidden;
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5
    }

        .chat-home-right .chat-right-content:hover {
            overflow-y: auto
        }

        .chat-home-right .chat-right-content .no-more-msg {
            height: 34px;
            line-height: 34px
        }

        .chat-home-right .chat-right-content .msg-date {
            margin: 8px 0;
            color: #b2b8bb
        }

        .chat-home-right .chat-right-content .img-circle {
            width: 50px;
            height: 50px
        }

        .chat-home-right .chat-right-content .content-text {
            margin-right: 15px;
            width: auto;
            max-width: 65%;
            padding: 7px 12px;
            min-height: 30px
        }

    .chat-home-right .chat-content-all {
        margin-bottom: 15px;
        width: 100%
    }

        .chat-home-right .chat-content-all > img {
            margin: 0 15px 0 12px
        }

    .chat-home-right .sys-msg-right-padding {
        margin-right: 15px
    }

    .chat-home-right .content-left-msg {
        margin-left: 15px
    }

    .chat-home-right .content-left {
        position: relative;
        border-radius: 6px;
        box-shadow: 0 0 10px #dedede
    }

        .chat-home-right .content-left:after {
            content: "";
            position: absolute;
            width: 8px;
            height: 8px;
            left: -5px;
            top: 12px;
            background-color: #fff;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            border-right-color: transparent;
            border-top-color: transparent;
            border-radius: 0 100% 0 0;
            box-shadow: -1px 3px 5px #dedede
        }

.content-bubble .position-card {
    text-align: left;
    width: 100%;
    box-shadow: none
}

.chat-home-right .content-bubble .chat-info-list, .chat-home-right .content-bubble .chat-title {
    padding: 0 20px
}

.chat-home-right .content-bubble .chat-title {
    padding-top: 12px;
    font-size: 16px;
    font-weight: 800;
    color: #6f7a80
}

.chat-home-right .chat-info-list > ul > li {
    padding: 2px 0
}

    .chat-home-right .chat-info-list > ul > li:last-child {
        padding-bottom: 8px
    }

.chat-home-right .content-bubble .chat-footer {
    width: 100%;
    border-top: 1px solid #d6dadd;
    height: 38px;
    line-height: 38px
}

.chat-home-right .chat-info-url {
    color: #78cde2;
    cursor: pointer;
    margin-right: 8px
}

.chat-home-right .content-bubble span {
    word-break: break-all;
    white-space: pre-line
}

.chat-home-right .chat-right-bottom {
    height: 80px;
    padding: 13px;
    border: 1px solid #e5e5e5
}

    .chat-home-right .chat-right-bottom textarea {
        outline: none;
        float: left;
        width: 89%;
        padding: 8px;
        background-color: #fafafa;
        resize: none;
        border: 1px solid #e5e5e5;
        border-radius: 4px
    }

.chat-home-right .content-right {
    position: relative;
    border-radius: 6px;
    box-shadow: 0 0 10px #dedede
}

    .chat-home-right .content-right:after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        right: -5px;
        top: 12px;
        background-color: #fff;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        border-right-color: transparent;
        border-top-color: transparent;
        border-radius: 0 100% 0 0;
        box-shadow: -1px 3px 5px #dedede
    }

.has-unread {
    position: relative
}

    .has-unread:after {
        content: attr(data-unread);
        position: absolute;
        display: block;
        min-width: 18px;
        height: 18px;
        line-height: 18px;
        text-align: center;
        top: -9px;
        left: -18px;
        border-radius: 9px;
        background-color: #e3746f;
        color: #fff;
        font-size: 12px;
        padding: 1px 3px
    }

.chat-right-content .chat-info-list > ul > li span {
    word-break: break-all;
    white-space: pre-line
}

.chat-bgc .chat-right-bottom .send-btn {
    width: 10%
}

.chat-bgc .dl-horizontal dt {
    font-weight: 400;
    width: 72px;
    text-align: left
}

    .chat-bgc .dl-horizontal dt.offer-revenue {
        width: 100px
    }

.chat-bgc .dl-horizontal .dt-two-word {
    width: 45px
}

.chat-bgc .dl-horizontal .dt-three-word {
    width: 60px
}

.chat-bgc .dl-horizontal .dt-four-h-word {
    width: 75px
}

.chat-bgc .dl-horizontal .dt-seven-word {
    width: 115px
}

.chat-bgc .dl-horizontal dd {
    margin-left: 0;
    word-break: break-all
}

.chat-bgc .message-trigger-width {
    width: 375px;
    margin-left: 15px;
    margin-right: 15px
}

.chat-home-right .left-no-margin {
    margin-left: 0
}

.chat-bgc .rights {
    width: 100%;
    color: #666;
    font-size: 12px;
    text-align: center;
    position: absolute;
    bottom: 20px
}

.chat-bgc .chat-content-all .chat-info-list {
    padding-top: 5px;
    padding-bottom: 10px
}

.bd-clue .desktop-notification-course {
    display: block;
    width: 100%
}

.bd-clue .desktop-notification {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px
}

.chat-bgc, .chat-bgc .chat-right-bottom .send-btn, .chat-home-right .chat-right-bottom textarea, .chat-home-top .hunter-icon {
    height: 100%
}

.position-card {
    display: block;
    text-align: center;
    position: relative;
    width: 50%;
    margin: 10px auto;
    padding: 10px 20px;
    color: #969696;
    box-shadow: 0 0 10px #dedede;
    border-radius: 5px
}

    .position-card .title {
        color: #666;
        font-size: 18px;
        font-weight: 700
    }

        .position-card .title:hover {
            color: #48cdee
        }

    .position-card .htp-btn, .position-card .htp-btn-empty, .position-card .htp-btn-icon, .position-card .htp-btn-l, .position-card .htp-btn-link, .position-card .htp-btn-link-gray, .position-card .htp-btn-m, .position-card .htp-btn-red, .position-card .htp-btn-s, .position-card .htp-btn-xs {
        padding: 5px 50px
    }

    .position-card p:last-child {
        margin-bottom: 0
    }

@media screen and (max-height:800px) {
    .chat-home-wrap {
        padding-top: 0;
        height: 100%
    }

    .chat-bgc .rights {
        display: none
    }
}

.email-sync-tutorial > .modal-header > .close {
    font-size: 24px
}

.select-recommendation-report {
    padding: 32px 55px
}

    .select-recommendation-report > .close {
        position: absolute;
        top: 4px;
        right: 10px;
        float: none;
        font-size: 32px
    }

    .select-recommendation-report > .x-title {
        font-size: 16px;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 26px
    }

    .select-recommendation-report > .report-list {
        margin-left: 17%
    }

        .select-recommendation-report > .report-list > .x-description {
            color: #999;
            padding-top: 6px;
            padding-bottom: 12px
        }

    .select-recommendation-report > .x-row {
        margin-bottom: 20px
    }

        .select-recommendation-report > .x-row:after, .select-recommendation-report > .x-row:before, .select-recommendation-report > .x-row > .x-right > .x-selection:after, .select-recommendation-report > .x-row > .x-right > .x-selection:before {
            content: " ";
            display: table
        }

        .select-recommendation-report > .x-row:after, .select-recommendation-report > .x-row > .x-right > .x-selection:after {
            clear: both
        }

        .select-recommendation-report > .x-row > .x-left {
            float: left;
            padding-top: 3px;
            width: 17%
        }

        .select-recommendation-report > .x-row > .x-right {
            float: left;
            width: 83%
        }

            .select-recommendation-report > .x-row > .x-right > .x-selection {
                padding: 3px 10px 3px 3px;
                background-color: #efefef
            }

                .select-recommendation-report > .x-row > .x-right > .x-selection + .x-selection {
                    margin-top: 4px
                }

    .select-recommendation-report > .x-operation {
        margin-left: 17%
    }

        .select-recommendation-report > .x-operation > .btn + .btn {
            margin-left: 20px
        }

.create-client-invoice {
    width: 684px;
    margin: 30px auto 50px
}

.create-client-invoice-title {
    text-align: center
}

.create-form-label {
    font-size: 16px
}

.control-suffix-label {
    text-align: left;
    padding-top: 7px;
    margin-bottom: 0
}

.btn-invoice {
    padding: 5px 34px;
    margin: 0 35px;
    background: #fff;
    border: 1px solid #48cdee
}

    .btn-invoice, .btn-invoice:focus, .btn-invoice:hover {
        color: #48cdee
    }

        .btn-invoice.btn-primary {
            background: #48cdee;
            color: #fff
        }

        .btn-invoice.btn-link {
            padding: 0 2px;
            margin: 0 12px;
            margin-top: 10px;
            border: none;
            border-bottom: 1px solid #48cdee;
            float: right
        }

.create-client-invoice .uploaded-file-list {
    width: 60%;
    margin-top: 0
}

.uploaded-file-list .validation-invalid {
    position: absolute;
    top: 71px;
    left: 14px
}

.create-client-invoice .taxpayers-document {
    margin-bottom: 30px
}

.create-client-invoice .htp-file > .file-icon {
    padding: 8px 12px;
    float: left
}

.create-client-invoice .htp-file > .file-name {
    width: 226px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left
}

.create-client-invoice .htp-file > .delete-icon {
    float: left
}

.footer-tip {
    color: #b5b5b5;
    text-align: right;
    padding-right: 75px
}

.right-link {
    float: right;
    padding-right: 20px;
    margin-top: 8px
}

    .right-link i {
        color: #ccc;
        cursor: pointer
    }

.fix-dropdown {
    position: absolute;
    top: 8px;
    right: -75px
}

    .fix-dropdown li {
        padding: 5px 10px;
        width: 230px;
        cursor: pointer
    }

        .fix-dropdown li:hover {
            background: #ccc
        }

    .fix-dropdown .close {
        font-size: 14px;
        line-height: 18px
    }

.apply-for-clearing {
    color: #666
}

    .apply-for-clearing .light {
        color: #8b8b8b;
        word-break: break-all
    }

    .apply-for-clearing > .modal-header {
        border-bottom: none
    }

        .apply-for-clearing > .modal-header > .modal-title {
            text-align: center
        }

    .apply-for-clearing > .modal-body .form-group {
        padding-left: 4%;
        padding-right: 4%
    }

.line-gap .text {
    word-break: break-all
}

.apply-for-clearing > .modal-footer {
    text-align: center;
    padding-bottom: 110px;
    border-top: none;
    background-image: url(https://public-cdn.hunterplus.net/apply-for-clearing-bg.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom
}

    .apply-for-clearing > .modal-footer > .btn {
        width: 100px
    }

        .apply-for-clearing > .modal-footer > .btn + .btn {
            margin-left: 40px
        }

.apply-for-clearing .control-label {
    float: left;
    width: 13%;
    text-align: left
}

.apply-for-clearing .cleared, .apply-for-clearing .project, .apply-for-clearing .received {
    float: left;
    width: 87%
}

.apply-for-clearing .static-label {
    padding-top: 0
}

.apply-for-clearing .refund-label {
    margin-left: 5px
}

.apply-for-clearing .received-date {
    float: left;
    width: 25%
}

.apply-for-clearing .received-progress {
    float: left;
    width: 14%
}

.apply-for-clearing .received-money {
    float: left;
    margin-right: 22px
}

.apply-for-clearing .detail-label-gap {
    margin-left: 10px
}

.apply-for-clearing .line-gap {
    margin-top: 4px
}

.apply-for-clearing .line-gap-lg {
    margin-top: 10px
}

.apply-for-clearing .cleared .clear-state > .clear-id {
    float: left;
    width: 10%
}

.apply-for-clearing .cleared .clear-state > .clear-stage {
    float: left;
    width: 20%
}

.apply-for-clearing .cleared .clear-state > .clear-progress {
    float: left;
    width: 15%
}

.apply-for-clearing .cleared .clear-content > .clear-hunter {
    float: left;
    width: 20%;
    margin-left: 10%
}

.apply-for-clearing .cleared .clear-content > .share {
    float: left;
    width: 20%
}

.apply-for-clearing .share-label {
    float: left;
    width: 12%;
    margin-top: 7px;
    margin-left: 5%
}

.apply-for-clearing .share-name {
    float: left;
    width: 25%;
    padding-top: 7px
}

.apply-for-clearing .share-money, .apply-for-clearing .share-percent {
    position: relative;
    float: left;
    width: 30%;
    margin-left: 3%
}

    .apply-for-clearing .share-money input, .apply-for-clearing .share-percent input {
        display: block;
        width: 92%;
        padding: 6px 12px 6px 24px;
        border: 1px solid #ccc;
        border-radius: 4px
    }

    .apply-for-clearing .share-money:before {
        content: "￥";
        position: absolute;
        top: 7px;
        left: 7px;
        color: #8b8b8b
    }

    .apply-for-clearing .share-percent:after {
        content: "%";
        position: absolute;
        top: 7px;
        right: 0;
        color: #8b8b8b
    }

.apply-for-clearing .has-error .share-money:before {
    color: #a94442
}

.apply-for-clearing .has-error > input {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.apply-for-clearing .share-ally-name {
    float: left;
    width: 25%
}

.apply-for-clearing .delete-share {
    float: left;
    padding-left: 14px;
    padding-top: 7px;
    font-size: 18px;
    cursor: pointer
}

    .apply-for-clearing .delete-share:hover {
        color: #000
    }

.add-share {
    width: 100px;
    margin-left: 17%;
    margin-top: 15px;
    color: #8b8b8b;
    border: 1px dashed #ddd;
    padding: 6px 12px;
    text-align: center;
    cursor: pointer
}

    .add-share:hover {
        border-color: #aaa;
        background-color: #eee
    }

    .add-share:active {
        background-color: #dfdfdf
    }

.nopadding {
    padding: 0 !important
}

.nomargin {
    margin: 0 !important
}

.dashed-bottom {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 20px
}

    .dashed-bottom .notice {
        border: 1px solid #000;
        border-radius: 50%;
        height: 16px;
        width: 17px;
        font-size: 10px;
        display: inline-block;
        line-height: 14px;
        font-weight: 700;
        text-align: center;
        cursor: pointer
    }

    .dashed-bottom .col-xs-8 {
        border-left: 1px dashed #ddd
    }

.service-term {
    padding: 10px;
    background-color: #f5f5f5
}

.finance-percent .popover-content {
    white-space: pre-wrap
}

.select-backstage > .modal-header {
    text-align: center
}

.select-backstage > .content {
    padding-top: 30px;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.select-backstage > .operate {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

.want-hiring-modal > .modal-header {
    border-bottom: 0
}

    .want-hiring-modal > .modal-header > .close, .want-hiring-modal > .modal-header > .modal-title {
        color: #666;
        font-size: 24px
    }

    .want-hiring-modal > .modal-header > .modal-title {
        padding-top: 10px
    }

    .want-hiring-modal > .modal-header > .close {
        opacity: .5
    }

        .want-hiring-modal > .modal-header > .close:hover {
            opacity: .8
        }

.want-hiring-modal > .modal-body {
    width: 800px;
    margin-left: auto;
    margin-right: auto
}

    .want-hiring-modal > .modal-body > .dec + .dec {
        margin-top: 7px
    }

.want-hiring-modal .form-group {
    float: left;
    width: 47.3%;
    margin-bottom: 24px
}

    .want-hiring-modal .form-group + .form-group {
        margin-left: 5.4%
    }

    .want-hiring-modal .form-group.last {
        margin-bottom: 0;
        width: 100%
    }

    .want-hiring-modal .form-group.first {
        margin-top: 28px
    }

    .want-hiring-modal .form-group .field-label {
        padding-top: 7px;
        padding-right: 22px;
        float: left;
        width: 31.7%
    }

    .want-hiring-modal .form-group .field-input {
        float: left;
        width: 61%
    }

    .want-hiring-modal .form-group.last .field-label {
        width: 18.5%
    }

    .want-hiring-modal .form-group.last .field-input {
        width: 96.5%;
        margin-top: 5px
    }

.want-hiring-modal > .modal-footer {
    text-align: center;
    border-top: none;
    padding-bottom: 43px
}

    .want-hiring-modal > .modal-footer > .btn {
        width: 80px
    }

        .want-hiring-modal > .modal-footer > .btn + .btn {
            margin-left: 36px
        }

.contract-edit {
    margin: auto;
    width: 650px;
    padding-top: 75px;
    color: #555
}

    .contract-edit i.icon-bukaixin, .contract-edit i.icon-kaixin, .contract-edit i.icon-zhengque {
        font-size: 30px;
        color: #5fe8a1;
        vertical-align: middle;
        margin-right: 12px;
        font-family: tahoma,arial,宋体,sans-serif
    }

    .contract-edit i.icon-bukaixin {
        color: #52d3f0
    }

    .contract-edit h4 {
        font-weight: 700;
        margin-bottom: 40px;
        text-align: center
    }

    .contract-edit button {
        height: 30px;
        line-height: 18px
    }

    .contract-edit[disabled]:hover, .contract-edit a.btn[disabled] {
        background: gray;
        border-color: gray
    }

        .contract-edit[disabled].htp-btn-link-gray:hover, .contract-edit[disabled]:hover.htp-btn-link, .contract-edit a.btn[disabled].htp-btn-link, .contract-edit a.btn[disabled].htp-btn-link-gray {
            background: #fff;
            border-color: #fff
        }

    .contract-edit a.btn-link {
        margin-left: 10px
    }

    .contract-edit .row-block {
        clear: both;
        margin-bottom: 20px;
        overflow: auto
    }

    .contract-edit .form-control {
        height: 27px
    }

    .contract-edit .control-label {
        line-height: 27px;
        float: left
    }

    .contract-edit .footer {
        text-align: center;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 80px
    }

        .contract-edit .footer button {
            width: 100px;
            margin-right: 30px
        }

        .contract-edit .footer.height {
            margin-top: 70px
        }

    .contract-edit .pic-text {
        position: absolute;
        top: 184px;
        left: 0;
        width: 117px;
        text-align: center;
        color: #969696;
        font-size: 14px
    }

        .contract-edit .pic-text.red {
            color: #ff7474
        }

    .contract-edit .pic-block {
        position: relative;
        background: #f9f9f9;
        border: 2px dashed #bbb;
        border-radius: 8px;
        width: 117px;
        height: 171px;
        display: inline-block;
        margin: 0 20px 70px 0;
        padding: 8px
    }

        .contract-edit .pic-block .iconfont {
            font-size: 38px;
            color: #d8d8d8
        }

        .contract-edit .pic-block img {
            width: 96px;
            height: 150px;
            display: block
        }

        .contract-edit .pic-block .upload {
            position: absolute;
            width: 101px;
            text-align: center;
            top: 40px
        }

        .contract-edit .pic-block .close-circle {
            position: absolute;
            background: #000;
            border-radius: 50%;
            height: 15px;
            width: 15px;
            display: block;
            color: #fff;
            font-size: 12px;
            padding-left: 4px;
            opacity: .6;
            right: 5px;
            top: 5px;
            cursor: pointer
        }

    .contract-edit .agreement {
        position: relative;
        background: #f9f9f9;
        border-radius: 5px;
        padding: 12px 15px 12px 40px;
        width: 510px;
        text-align: left;
        margin: auto;
        margin-bottom: 30px
    }

        .contract-edit .agreement > input[type=checkbox] {
            position: absolute;
            top: 10px;
            left: 12px;
            width: 15px;
            height: 15px
        }

    .contract-edit .warning {
        background: #fffeed;
        border: 1px solid #ffe0a0;
        font-size: 12px;
        color: #333;
        width: 100%;
        padding: 6px;
        text-align: left;
        word-break: break-all;
        margin-left: 15px;
        margin-bottom: 25px;
        margin-top: -20px
    }

    .contract-edit .contact-qrcode {
        width: 137px;
        cursor: pointer
    }

    .contract-edit .tail {
        font-size: 12px
    }

.contract-edit-modal {
    color: #555
}

    .contract-edit-modal h4 {
        font-size: 18px;
        font-weight: 700;
        margin: 0;
        padding-top: 5px;
        padding-bottom: 10px
    }

    .contract-edit-modal p {
        margin-bottom: 15px
    }

    .contract-edit-modal textarea {
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        width: 100%
    }

    .contract-edit-modal .tips {
        font-size: 14px
    }

    .contract-edit-modal .header {
        text-align: center;
        padding: 10px;
        border-bottom: 1px solid #e5e5e5
    }

    .contract-edit-modal .body {
        padding: 25px 50px
    }

    .contract-edit-modal .footer {
        text-align: center;
        margin: auto;
        margin-bottom: 30px
    }

        .contract-edit-modal .footer button {
            width: 100px;
            margin-right: 30px
        }

.candidate-match-component {
    width: 100%;
    border: 1px solid #e5e5e5;
    margin-left: 0;
    padding: 20px 15px 25px
}

    .candidate-match-component.position-details {
        border-bottom: 1px solid #eee;
        padding-bottom: 20px
    }

    .candidate-match-component .detail-title {
        margin-top: 0
    }

    .candidate-match-component .body {
        max-height: 430px;
        overflow: scroll
    }

        .candidate-match-component .body .candidate-block {
            position: relative;
            font-size: 12px;
            border-bottom: 1px solid #e1e1e3;
            height: 86px;
            padding: 10px 15px;
            padding-right: 72px
        }

            .candidate-match-component .body .candidate-block .cdd-title {
                margin-bottom: 6px
            }

                .candidate-match-component .body .candidate-block .cdd-title a {
                    color: #555
                }

            .candidate-match-component .body .candidate-block p {
                margin-bottom: 3px;
                color: #969696
            }

            .candidate-match-component .body .candidate-block span {
                padding-right: 3px
            }

            .candidate-match-component .body .candidate-block:last-child {
                border-bottom: 0 solid #e1e1e3
            }

        .candidate-match-component .body .candidate-name:hover {
            color: #63d3ee
        }

        .candidate-match-component .body .match-tag {
            color: #969696;
            position: absolute;
            right: 0;
            top: 0;
            height: 85px;
            padding: 20px 10px;
            background-color: #f1f1f1;
            border-left: 1px solid #ddd;
            text-align: center;
            width: 72px
        }

            .candidate-match-component .body .match-tag .number {
                font-size: 24px;
                display: block;
                font-weight: 700;
                color: #48cdee
            }

        .candidate-match-component .body .no-more {
            text-align: center;
            padding: 10px;
            color: #969696;
            margin: 0
        }

        .candidate-match-component .body .no-match-candidate {
            max-height: 427px
        }

            .candidate-match-component .body .no-match-candidate img {
                width: 155px;
                margin: 18px 0 30px
            }

            .candidate-match-component .body .no-match-candidate .title {
                font-weight: 700
            }

            .candidate-match-component .body .no-match-candidate .no-match-candidate-ctn {
                margin-bottom: 20px
            }

            .candidate-match-component .body .no-match-candidate button {
                margin-bottom: 5px
            }

    .candidate-match-component .footer {
        padding: 15px;
        border: 1px solid #e1e1e3;
        border-top: 0
    }

.stop-scrolling {
    height: 100%;
    overflow: hidden
}

.close-position-modal .close-position-modal-body {
    padding: 10px 30px;
    max-height: 500px;
    overflow: auto
}

.hr-management {
    padding-bottom: 20px
}

    .hr-management h4 {
        border-bottom: 1px solid #e5e5e5;
        padding: 10px 10px 15px;
        margin-bottom: 25px
    }

    .hr-management .popup-close {
        margin-right: 20px;
        margin-top: 13px
    }

    .hr-management .title {
        border: 1px solid #e5e5e5;
        margin: 0 20px 0 19px;
        padding: 10px
    }

        .hr-management .title .htp-btn-link, .hr-management .title .htp-btn-link-gray {
            margin: 0;
            padding: 0
        }

    .hr-management .hr-management-ctn {
        max-height: 500px;
        overflow: auto
    }

.hr-list {
    margin: 0 20px 20px
}

    .hr-list .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        border-collapse: collapse
    }

        .hr-list .item .head {
            margin: 0 20px
        }

        .hr-list .item > div {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            height: auto;
            width: 100px;
            border: 1px solid #e5e5e5;
            padding: 8px;
            margin-left: -1px;
            margin-top: -1px;
            text-align: center;
            vertical-align: middle;
            word-break: break-word
        }

            .hr-list .item > div button {
                padding: 0
            }

            .hr-list .item > div input {
                width: 100px;
                border-radius: 3px;
                padding: 2px;
                border: 1px solid #e5e5e5
            }

        .hr-list .item .form-group {
            margin-bottom: 0
        }

            .hr-list .item .form-group input {
                margin-top: 5px
            }

.add-hr {
    padding: 0;
    margin: 0;
    font-size: 17px
}

.htp-position-info.fixed {
    min-height: 290px;
    border: none;
    transition: all .5s linear
}

.htp-position-info {
    position: relative;
    border: 1px solid #ecedf1;
    margin-top: -1px;
    margin-bottom: 15px;
    min-height: 215px
}

    .htp-position-info .position-details-urgency-status {
        top: 6px
    }

    .htp-position-info .position-title .edit-basic-info {
        margin-right: 0
    }

    .htp-position-info .position-com {
        font-size: 12px
    }

    .htp-position-info .position-content {
        padding: 10px 15px 0
    }

    .htp-position-info .position-name {
        font-size: 26px;
        font-weight: 700;
        color: #666;
        margin-bottom: 8px
    }

    .htp-position-info .secrecy-position {
        color: #b2b2b2;
        border: 1px solid #e5e5e5;
        padding: 2px 5px;
        font-size: 12px;
        margin-left: 5px;
        border-radius: 3px;
        margin-top: 8px;
        display: inline-block
    }

    .htp-position-info .create-time {
        font-size: 12px;
        color: #b2b2b2
    }

    .htp-position-info .basic-info-detail .position-content-button {
        padding-right: 21px
    }

        .htp-position-info .basic-info-detail .position-content-button .cooperate-btn a {
            color: #555
        }

    .htp-position-info .basic-info-detail .position-basic-info {
        margin-left: 0
    }

        .htp-position-info .basic-info-detail .position-basic-info img {
            width: 18px;
            height: 18px
        }

        .htp-position-info .basic-info-detail .position-basic-info > li {
            padding-left: 0;
            padding-right: 0
        }

            .htp-position-info .basic-info-detail .position-basic-info > li + span {
                padding-left: 5px
            }

            .htp-position-info .basic-info-detail .position-basic-info > li + li {
                padding-left: 23px;
                padding-right: 0
            }

    .htp-position-info .basic-info-detail .position-red-packet-info {
        padding-bottom: 9px;
        padding-left: 15px
    }

    .htp-position-info .basic-info-detail .position-warning-content > span {
        color: red
    }

    .htp-position-info .position-basic-info-link {
        padding-right: 200px;
        display: block
    }

    .htp-position-info .position-detail {
        margin-bottom: 8px
    }

        .htp-position-info .position-detail img {
            width: 18px;
            height: 18px;
            margin-top: -4px
        }

        .htp-position-info .position-detail span > span {
            margin-right: 18px;
            font-size: 14px
        }

        .htp-position-info .position-detail .detail-info-list-text {
            margin-right: 0
        }

            .htp-position-info .position-detail .detail-info-list-text:last-child {
                margin-right: 18px
            }

        .htp-position-info .position-detail .position-icon {
            color: #b2b2b2;
            margin-right: 3px
        }

    .htp-position-info .basic-info-title {
        padding: 15px 23px 15px 15px;
        position: relative
    }

        .htp-position-info .basic-info-title .position-name {
            font-size: 18px;
            color: #63d3ee
        }

    .htp-position-info .duplicated-btn {
        vertical-align: bottom;
        margin-left: 5px
    }

    .htp-position-info .position-basic-info-count {
        margin-bottom: 15px;
        color: #969696;
        font-size: 12px
    }

        .htp-position-info .position-basic-info-count:hover {
            color: #63d3ee
        }

    .htp-position-info .edit-basic-info {
        width: 20px;
        color: #666;
        margin-right: 26px;
        margin-top: -2px;
        text-decoration: underline;
        font-size: 14px
    }

        .htp-position-info .edit-basic-info:hover {
            color: #63d3ee
        }

    .htp-position-info .position-creater.fixed {
        position: fixed;
        top: 0;
        background: #fff;
        border: 1px solid #e5e5e5;
        width: 1200px;
        z-index: 99;
        transition: height .5s cubic-bezier(.02,-.57,.29,1.67);
        height: 81px
    }

        .htp-position-info .position-creater.fixed .title-name {
            font-size: 18px;
            color: #333
        }

        .htp-position-info .position-creater.fixed .recommend {
            margin-right: 60px;
            margin-top: 13px
        }

    .htp-position-info .info-title {
        height: 0;
        overflow: hidden;
        margin: 0;
        transition: all .5s cubic-bezier(.15,-.82,.12,1.36)
    }

        .htp-position-info .info-title.fixed {
            height: 35px;
            overflow: inherit
        }

    .htp-position-info .fixed-placeholder {
        min-height: 70px
    }

    .htp-position-info .position-creater {
        color: #666;
        background-color: #f9f9f9;
        padding: 10px 15px;
        min-height: 40px;
        height: 0
    }

        .htp-position-info .position-creater a {
            font-size: 14px
        }

        .htp-position-info .position-creater .name {
            margin-right: 8px
        }

        .htp-position-info .position-creater .creater-icon {
            width: 16px;
            height: 16px;
            margin-top: -4px;
            margin-left: 7px;
            cursor: pointer
        }

        .htp-position-info .position-creater .contact {
            line-height: 24px;
            height: 24px;
            padding: 0 8px;
            margin-left: 8px;
            border-color: #bbb;
            background: #fff0;
            margin-top: -3px
        }

            .htp-position-info .position-creater .contact:hover {
                color: inherit
            }

            .htp-position-info .position-creater .contact i {
                color: #bbb;
                vertical-align: middle;
                margin-right: 3px
            }

            .htp-position-info .position-creater .contact.active {
                color: #48cdee;
                border-color: #48cdee
            }

                .htp-position-info .position-creater .contact.active i {
                    color: #48cdee
                }

                .htp-position-info .position-creater .contact.active:hover {
                    background: #48cdee;
                    color: #fff
                }

                    .htp-position-info .position-creater .contact.active:hover i {
                        color: #fff
                    }

        .htp-position-info .position-creater .popover {
            margin-top: 16px;
            border-color: #e5e5e5
        }

            .htp-position-info .position-creater .popover .arrow {
                border-bottom-color: #e5e5e5
            }

        .htp-position-info .position-creater .contact-list .popover-content {
            padding: 0
        }

        .htp-position-info .position-creater .contact-wechat-qrcode {
            width: 190px;
            text-align: center;
            background: #fff
        }

            .htp-position-info .position-creater .contact-wechat-qrcode .body {
                padding: 30px
            }

            .htp-position-info .position-creater .contact-wechat-qrcode .footer {
                background: #f9f9f9;
                padding: 10px
            }

        .htp-position-info .position-creater .contact-phone {
            width: 240px;
            background: #fff;
            padding: 20px 25px
        }

            .htp-position-info .position-creater .contact-phone > div {
                background: #f9f9f9;
                border-radius: 5px;
                margin-top: 10px;
                padding: 3px 8px
            }

                .htp-position-info .position-creater .contact-phone > div i {
                    background: #f1f1f1;
                    color: #48cdee;
                    padding: 5px 10px;
                    margin-left: -8px;
                    margin-right: 5px;
                    border-top-left-radius: 5px;
                    border-bottom-left-radius: 5px
                }

    .htp-position-info .bonus {
        margin-left: 0
    }

    .htp-position-info .position-text-red {
        color: #ff7474
    }

    .htp-position-info .position-less-important span {
        font-size: 12px;
        color: #b2b2b2
    }

    .htp-position-info .position-button {
        position: absolute;
        right: 15px;
        top: 70px
    }

        .htp-position-info .position-button button {
            margin-left: 0
        }

.position-dynamic .position-new-msg-detail {
    width: 100%
}

    .position-dynamic .position-new-msg-detail .adviser-image {
        width: 40px;
        height: 40px;
        margin-right: 5px
    }

        .position-dynamic .position-new-msg-detail .adviser-image img {
            border-radius: 50%
        }

    .position-dynamic .position-new-msg-detail .tips {
        margin-top: 25px
    }

.position-dynamic .position-new-msg-info {
    border-bottom: 1px solid #ecedf1;
    padding-bottom: 20px
}

    .position-dynamic .position-new-msg-info.msgItemNoBorder {
        border-bottom: 0
    }

    .position-dynamic .position-new-msg-info > .adviser-image {
        float: left;
        margin-top: 20px;
        width: 40px;
        height: 40px
    }

    .position-dynamic .position-new-msg-info > .position-new-msg-text {
        float: left;
        margin-left: 5px;
        margin-top: 20px
    }

        .position-dynamic .position-new-msg-info > .position-new-msg-text > .adviser-name {
            max-width: 150px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

            .position-dynamic .position-new-msg-info > .position-new-msg-text > .adviser-name a {
                color: #555
            }

                .position-dynamic .position-new-msg-info > .position-new-msg-text > .adviser-name a:hover {
                    color: #129cbe
                }

.position-dynamic .new-msg-time {
    width: 80px;
    float: right;
    text-align: right;
    top: 23px
}

    .position-dynamic .new-msg-time span {
        margin-top: 15px
    }

.recommend-duplicated-modal {
    padding-top: 15px;
    padding-bottom: 30px;
    text-align: center
}

    .recommend-duplicated-modal .close {
        position: absolute;
        right: 10px;
        top: 5px;
        font-size: 24px;
        cursor: pointer
    }

    .recommend-duplicated-modal .title {
        color: #555;
        font-size: 18px;
        font-weight: 700;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #e5e5e5
    }

    .recommend-duplicated-modal input {
        padding: 2px 10px;
        margin-top: 8px;
        width: 340px;
        height: 30px;
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        display: inline-block
    }

    .recommend-duplicated-modal .text {
        text-align: left;
        width: 380px;
        margin: auto;
        color: #555
    }

    .recommend-duplicated-modal .htp-btn, .recommend-duplicated-modal .htp-btn-empty, .recommend-duplicated-modal .htp-btn-icon, .recommend-duplicated-modal .htp-btn-l, .recommend-duplicated-modal .htp-btn-link, .recommend-duplicated-modal .htp-btn-link-gray, .recommend-duplicated-modal .htp-btn-m, .recommend-duplicated-modal .htp-btn-red, .recommend-duplicated-modal .htp-btn-s, .recommend-duplicated-modal .htp-btn-xs {
        width: 86px;
        height: 30px;
        border-radius: 3px
    }

    .recommend-duplicated-modal .tips {
        font-size: 14px;
        color: #555;
        padding: 10px;
        width: 380px;
        margin: auto;
        text-align: left;
        background: #f7ffed;
        border: 1px solid #a2d06b;
        border-radius: 5px;
        margin-bottom: 30px
    }

        .recommend-duplicated-modal .tips.error {
            border-color: #ff7474;
            background: #fff9f9
        }

        .recommend-duplicated-modal .tips img {
            width: 15px;
            height: 15px;
            margin-bottom: 4px
        }

    .recommend-duplicated-modal .has-error .validation-invalid {
        text-align: left;
        padding-left: 150px
    }

.recommend-modal {
    padding-bottom: 30px;
    padding-top: 10px
}

.recommend-modal-title {
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 15px
}

.recommend-modal > .recommend-close-icon {
    position: absolute;
    right: 8px;
    top: 17px;
    padding-right: 8px
}

.recommend-modal-body {
    padding-left: 40px;
    padding-right: 10px
}

    .recommend-modal-body > .recommend-info li {
        line-height: 35px
    }

.recommend-cancel-btn {
    margin-left: 30px
}

.recommend-info-item {
    padding-left: 18px
}

.recommend-position-payTerm, .recommend-position-serviceTerm {
    white-space: pre-line;
    word-break: break-all;
    width: 86%;
    overflow: auto;
    max-height: 148px
}

.recommend-modal-btn {
    margin-top: 25px
}

.position-gradient-info + .position-gradient-info {
    padding-left: 15px
}

.recommend-modal-collaborate-rate, .recommend-text {
    clear: left
}

.set-status-modal {
    padding: 32px 15px 32px 20px
}

.set-status-close {
    font-size: 25px;
    margin-top: 8px;
    margin-right: 12px
}

.set-status-modal-content {
    padding-top: 25px;
    padding-bottom: 30px
}

    .set-status-modal-content .set-status-reason {
        margin: 10px 0
    }

    .set-status-modal-content .set-status-modal-text {
        font-size: 12px
    }

    .set-status-modal-content .input-err {
        border-color: #ff7474
    }

    .set-status-modal-content .err-tip {
        text-align: left;
        color: #ff7474
    }

.set-status-modal .htp-radio label input[type=radio]:checked + span:after {
    left: 11px
}

.set-status-modal-footer .cancel-btn {
    margin-left: 50px
}

.follow-position-manage {
    padding: 20px 50px;
    text-align: center
}

    .follow-position-manage ul {
        list-style: none;
        margin-bottom: 20px;
        padding: 0
    }

    .follow-position-manage li {
        list-style: none;
        padding: 5px 0;
        text-align: left
    }

        .follow-position-manage li input {
            margin-right: 5px
        }

.recommend-process {
    background-color: #f9f9f9;
    margin: 0 0 15px;
    padding: 25px
}

    .recommend-process .ctn {
        padding: 0 50px;
        width: 1200px;
        margin: 0 auto;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .recommend-process .ctn li {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            position: relative
        }

            .recommend-process .ctn li.active .dot, .recommend-process .ctn li.active .step {
                background-color: #fd9716
            }

        .recommend-process .ctn .line {
            padding-top: 12px;
            padding-left: 30px;
            width: 210px
        }

    .recommend-process .step {
        float: left;
        width: 40px;
        height: 40px;
        background-color: #bbb;
        color: #fff;
        text-align: center;
        line-height: 40px;
        font-size: 24px;
        border-radius: 50%;
        margin-right: 15px
    }

    .recommend-process .title {
        font-weight: 700;
        margin-bottom: 5px
    }

    .recommend-process .info {
        font-size: 12px;
        color: #969696
    }

    .recommend-process .dot {
        width: 8px;
        height: 8px;
        background-color: #e5e5e5;
        border-radius: 50%;
        display: inline-block;
        margin-right: 12px
    }

.view-settlement-list > .modal-header > .modal-title {
    text-align: center
}

.view-settlement-list > .modal-body {
    padding-left: 5%;
    padding-right: 5%
}

.view-settlement-list > .modal-footer {
    text-align: center
}

    .view-settlement-list > .modal-footer > .btn {
        width: 80px
    }

.view-settlement-list .line-gap {
    margin-bottom: 15px
}

.view-settlement-list .line-sm-gap {
    margin-bottom: 10px
}

.view-settlement-list .line-xs-gap {
    margin-bottom: 6px
}

.view-settlement-list .custom-offset {
    margin-left: 12.5%
}