@charset "UTF-8";
.animation-normal {
    transition: left, top, width, height, font-size;
    transition-duration: .3s;
    transition-timing-function: ease-in
}

.zoom-enter-active {
    animation: zoom-in .25s
}

.zoom-leave-active {
    animation: zoom-in .25s reverse
}

@keyframes zoom-in {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

html {
    color: #333;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizelegibility;
    -moz-osx-font-smoothing: grayscale;
    direction: ltr
}

article,
aside,
blockquote,
body,
button,
code,
dd,
details,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    font-weight: 400
}

body,
html {
    margin: 0;
    height: 100%
}

body {
    font: 12px/1.5 system, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "PingFang SC", "Segoe UI", "Microsoft YaHei", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", Arial, sans-serif;
    word-wrap: break-word;
    word-break: break-word
}

strong {
    font-weight: 600
}

em {
    font-style: italic
}

p {
    line-height: 1.4em
}

dd img,
li img,
p img {
    vertical-align: middle
}

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

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

button,
input,
optgroup,
option,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

button,
input {
    *width: auto;
    *overflow: visible;
    line-height: normal
}

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

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

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

th {
    text-align: inherit
}

fieldset,
img {
    border: 0
}

img {
    -ms-interpolation-mode: bicubic
}

iframe {
    display: block
}

blockquote,
q {
    quotes: none
}

blockquote {
    position: relative;
    color: #999;
    font-weight: 300;
    font-family: Avenir, "Helvetica Neue", "Microsoft Yahei", "Hiragino Sans GB", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif;
    border-left: 2px solid #b3b3b3;
    padding: 10px 0 10px 10px;
    margin: .8em 0
}

.nc-pre-block,
pre {
    font-size: 14px;
    position: relative;
    border-left: 2px solid #1abc9c;
    padding: 10px 0 10px 10px;
    margin: .8em 0;
    background: #fafafa;
    word-break: break-word
}

abbr,
acronym {
    border: none 0;
    font-variant: normal
}

del {
    text-decoration: line-through
}

address,
caption,
cite,
code,
dfn,
th,
var {
    font-style: normal;
    font-weight: 400
}

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

q:after,
q:before {
    content: ""
}

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

:root sub,
:root sup {
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

a,
ins {
    text-decoration: none
}

mark {
    background: #fffdd1;
    border-bottom: 1px solid #ffedce;
    padding: 2px;
    margin: 0 5px
}

.nc-pre-block,
code,
pre {
    font-family: Courier, "Courier New", monospace;
    white-space: pre-wrap;
    word-wrap: break-word
}

hr {
    border: none;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 10px;
    *color: pink;
    *filter: chroma(color=pink);
    height: 10px;
    *margin: -7px 0 2px
}

figcaption,
small {
    font-size: .9em;
    color: #888
}

blockquote {
    margin-bottom: 1.8em
}

::-moz-selection {
    background: #08c;
    color: #fff
}

::selection {
    background: #08c;
    color: #fff
}

caption,
legend {
    color: #000;
    font-weight: inherit
}

input::-webkit-input-placeholder {
    color: #d7d7d7
}

input::-moz-placeholder {
    color: #d7d7d7
}

input:-ms-input-placeholder {
    color: #d7d7d7
}

textarea::-webkit-input-placeholder {
    color: #d7d7d7
}

textarea::-moz-placeholder {
    color: #d7d7d7
}

textarea:-ms-input-placeholder {
    color: #d7d7d7
}

.font-orange,
.font-warn {
    color: #ff6547
}

.font-error {
    color: #e74c3c
}

.font-red {
    color: red
}

.font-blue {
    color: #73cbde
}

.font-green,
.green-word,
.kind-link,
a.font-green,
a.link-green {
    color: #25bb9b
}

.link-gray {
    color: #999
}

.link-white {
    color: #fff
}

button.link-green,
input.link-green {
    background: 0 0;
    border: none;
    color: #25bb9b;
    outline: 0
}

.link-disabled,
.link-disabled:hover {
    color: #aaa;
    cursor: not-allowed
}

.link-default {
    color: #333
}

.font-gray {
    color: #a6a6a6
}

.fn-rmb {
    font-family: arial
}

.fn-left,
.txt-left {
    text-align: left!important
}

.fn-center,
.txt-center {
    text-align: center!important
}

.fn-right,
.txt-right {
    text-align: right!important
}

.fl,
.float-left {
    float: left
}

.float-right,
.fr {
    float: right
}

.flex {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.level-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.flex-item {
    flex: 1;
    overflow-y: auto
}

.pt1 {
    padding-top: 5px
}

.pr1 {
    padding-right: 5px
}

.pb1 {
    padding-bottom: 5px
}

.pl1 {
    padding-left: 5px
}

.ptb1 {
    padding-top: 5px;
    padding-bottom: 5px
}

.plr1 {
    padding-left: 5px;
    padding-right: 5px
}

.mt1 {
    margin-top: 5px
}

.mr1 {
    margin-right: 5px
}

.mb1 {
    margin-bottom: 5px
}

.ml1 {
    margin-left: 5px
}

.mtb1 {
    margin-top: 5px;
    margin-bottom: 5px
}

.mlr1 {
    margin-left: 5px;
    margin-right: 5px
}

.pt2 {
    padding-top: 10px
}

.pr2 {
    padding-right: 10px
}

.pb2 {
    padding-bottom: 10px
}

.pl2 {
    padding-left: 10px
}

.ptb2 {
    padding-top: 10px;
    padding-bottom: 10px
}

.plr2 {
    padding-left: 10px;
    padding-right: 10px
}

.mt2 {
    margin-top: 10px
}

.mr2 {
    margin-right: 10px
}

.mb2 {
    margin-bottom: 10px
}

.ml2 {
    margin-left: 10px
}

.mtb2 {
    margin-top: 10px;
    margin-bottom: 10px
}

.mlr2 {
    margin-left: 10px;
    margin-right: 10px
}

.pt3 {
    padding-top: 15px
}

.pr3 {
    padding-right: 15px
}

.pb3 {
    padding-bottom: 15px
}

.pl3 {
    padding-left: 15px
}

.ptb3 {
    padding-top: 15px;
    padding-bottom: 15px
}

.plr3 {
    padding-left: 15px;
    padding-right: 15px
}

.mt3 {
    margin-top: 15px
}

.mr3 {
    margin-right: 15px
}

.mb3 {
    margin-bottom: 15px
}

.ml3 {
    margin-left: 15px
}

.mtb3 {
    margin-top: 15px;
    margin-bottom: 15px
}

.mlr3 {
    margin-left: 15px;
    margin-right: 15px
}

.pt4 {
    padding-top: 20px
}

.pr4 {
    padding-right: 20px
}

.pb4 {
    padding-bottom: 20px
}

.pl4 {
    padding-left: 20px
}

.ptb4 {
    padding-top: 20px;
    padding-bottom: 20px
}

.plr4 {
    padding-left: 20px;
    padding-right: 20px
}

.mt4 {
    margin-top: 20px
}

.mr4 {
    margin-right: 20px
}

.mb4 {
    margin-bottom: 20px
}

.ml4 {
    margin-left: 20px
}

.mtb4 {
    margin-top: 20px;
    margin-bottom: 20px
}

.mlr4 {
    margin-left: 20px;
    margin-right: 20px
}

.pt5 {
    padding-top: 25px
}

.pr5 {
    padding-right: 25px
}

.pb5 {
    padding-bottom: 25px
}

.pl5 {
    padding-left: 25px
}

.ptb5 {
    padding-top: 25px;
    padding-bottom: 25px
}

.plr5 {
    padding-left: 25px;
    padding-right: 25px
}

.mt5 {
    margin-top: 25px
}

.mr5 {
    margin-right: 25px
}

.mb5 {
    margin-bottom: 25px
}

.ml5 {
    margin-left: 25px
}

.mtb5 {
    margin-top: 25px;
    margin-bottom: 25px
}

.mlr5 {
    margin-left: 25px;
    margin-right: 25px
}

.pt6 {
    padding-top: 30px
}

.pr6 {
    padding-right: 30px
}

.pb6 {
    padding-bottom: 30px
}

.pl6 {
    padding-left: 30px
}

.ptb6 {
    padding-top: 30px;
    padding-bottom: 30px
}

.plr6 {
    padding-left: 30px;
    padding-right: 30px
}

.mt6 {
    margin-top: 30px
}

.mr6 {
    margin-right: 30px
}

.mb6 {
    margin-bottom: 30px
}

.ml6 {
    margin-left: 30px
}

.mtb6 {
    margin-top: 30px;
    margin-bottom: 30px
}

.mlr6 {
    margin-left: 30px;
    margin-right: 30px
}

.pt7 {
    padding-top: 35px
}

.pr7 {
    padding-right: 35px
}

.pb7 {
    padding-bottom: 35px
}

.pl7 {
    padding-left: 35px
}

.ptb7 {
    padding-top: 35px;
    padding-bottom: 35px
}

.plr7 {
    padding-left: 35px;
    padding-right: 35px
}

.mt7 {
    margin-top: 35px
}

.mr7 {
    margin-right: 35px
}

.mb7 {
    margin-bottom: 35px
}

.ml7 {
    margin-left: 35px
}

.mtb7 {
    margin-top: 35px;
    margin-bottom: 35px
}

.mlr7 {
    margin-left: 35px;
    margin-right: 35px
}

.pt8 {
    padding-top: 40px
}

.pr8 {
    padding-right: 40px
}

.pb8 {
    padding-bottom: 40px
}

.pl8 {
    padding-left: 40px
}

.ptb8 {
    padding-top: 40px;
    padding-bottom: 40px
}

.plr8 {
    padding-left: 40px;
    padding-right: 40px
}

.mt8 {
    margin-top: 40px
}

.mr8 {
    margin-right: 40px
}

.mb8 {
    margin-bottom: 40px
}

.ml8 {
    margin-left: 40px
}

.mtb8 {
    margin-top: 40px;
    margin-bottom: 40px
}

.mlr8 {
    margin-left: 40px;
    margin-right: 40px
}

.pt9 {
    padding-top: 45px
}

.pr9 {
    padding-right: 45px
}

.pb9 {
    padding-bottom: 45px
}

.pl9 {
    padding-left: 45px
}

.ptb9 {
    padding-top: 45px;
    padding-bottom: 45px
}

.plr9 {
    padding-left: 45px;
    padding-right: 45px
}

.mt9 {
    margin-top: 45px
}

.mr9 {
    margin-right: 45px
}

.mb9 {
    margin-bottom: 45px
}

.ml9 {
    margin-left: 45px
}

.mtb9 {
    margin-top: 45px;
    margin-bottom: 45px
}

.mlr9 {
    margin-left: 45px;
    margin-right: 45px
}

.w0 {
    width: 0!important
}

.w0h {
    width: 10px!important
}

.w1 {
    width: 20px!important
}

.w1h {
    width: 30px!important
}

.w2 {
    width: 40px!important
}

.w2h {
    width: 50px!important
}

.w3 {
    width: 60px!important
}

.w3h {
    width: 70px!important
}

.w4 {
    width: 80px!important
}

.w4h {
    width: 90px!important
}

.w5 {
    width: 100px!important
}

.w5h {
    width: 110px!important
}

.w6 {
    width: 120px!important
}

.w6h {
    width: 130px!important
}

.w7 {
    width: 140px!important
}

.w7h {
    width: 150px!important
}

.w8 {
    width: 160px!important
}

.w8h {
    width: 170px!important
}

.w9 {
    width: 180px!important
}

.w9h {
    width: 190px!important
}

.w10 {
    width: 200px!important
}

.w10h {
    width: 210px!important
}

.w11 {
    width: 220px!important
}

.w11h {
    width: 230px!important
}

.w12 {
    width: 240px!important
}

.w12h {
    width: 250px!important
}

.w13 {
    width: 260px!important
}

.w13h {
    width: 270px!important
}

.w14 {
    width: 280px!important
}

.w14h {
    width: 290px!important
}

.w15 {
    width: 300px!important
}

.w15h {
    width: 310px!important
}

.w16 {
    width: 320px!important
}

.w16h {
    width: 330px!important
}

.w17 {
    width: 340px!important
}

.w17h {
    width: 350px!important
}

.w18 {
    width: 360px!important
}

.w18h {
    width: 370px!important
}

.w19 {
    width: 380px!important
}

.w19h {
    width: 390px!important
}

.w20 {
    width: 400px!important
}

.w20h {
    width: 410px!important
}

.w21 {
    width: 420px!important
}

.w21h {
    width: 430px!important
}

.w22 {
    width: 440px!important
}

.w22h {
    width: 450px!important
}

.w23 {
    width: 460px!important
}

.w23h {
    width: 470px!important
}

.w24 {
    width: 480px!important
}

.w24h {
    width: 490px!important
}

.w25 {
    width: 500px!important
}

.w25h {
    width: 510px!important
}

.w26 {
    width: 520px!important
}

.w26h {
    width: 530px!important
}

.w27 {
    width: 540px!important
}

.w27h {
    width: 550px!important
}

.w28 {
    width: 560px!important
}

.w28h {
    width: 570px!important
}

.w29 {
    width: 580px!important
}

.w29h {
    width: 590px!important
}

.no-margin {
    margin: 0!important
}

.no-padding {
    padding: 0!important
}

.no-border {
    border: none!important
}

.inline-block {
    display: inline-block
}

.block {
    display: block
}

.nk-txt-ellipsis {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.more-txt-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.nk-invisible {
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
    position: absolute;
    top: -1000px
}

.long-user-name,
.user-name {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 10em
}

.long-user-name {
    max-width: 13em
}

.nowcoder-name {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 10em
}

a {
    color: #333
}

a:link,
a:visited {
    text-decoration: none
}

a:hover {
    color: #25bb9b
}

.clearfix {
    display: block;
    zoom: 1
}

.clearfix:after,
.clearfix:before {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

pre.prettyprint {
    font-size: 14px
}

.result-answer-item pre,
label.checkbox pre,
label.radio pre {
    padding: 0;
    margin: 0;
    background: 0 0;
    border: none
}

label.checkbox pre,
label.radio pre {
    display: inline-block;
    vertical-align: top;
    max-width: 850px
}

pre.prettyprint {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace!important;
    line-height: 18px;
    font-size: 13px
}

.level-color-0 {
    color: #999!important
}

.level-color-1 {
    color: #a1a1a1!important
}

.level-color-2 {
    color: #c278e7!important
}

.level-color-3 {
    color: #418ac3!important
}

.level-color-4 {
    color: #10b4d2!important
}

.level-color-5 {
    color: #42c1a2!important
}

.level-color-6 {
    color: #e8ca2d!important
}

.level-color-7 {
    color: #fc7123!important
}

.level-color-8 {
    color: #f34c54!important
}

.level-color-9 {
    color: #fe2424!important
}

.rate-score6 {
    color: red!important
}

.rate-score5 {
    color: #fc6!important
}

.rate-score4 {
    color: #25bb9b!important
}

.rate-score3 {
    color: #5ea1f4!important
}

.rate-score2 {
    color: #c177e7!important
}

.rate-score1 {
    color: #b4b4b4!important
}

.match-score1 {
    color: #39bf9c
}

.match-score2 {
    color: #ff5c1c
}

.match-score3 {
    color: #ffac1c
}

.match-score4 {
    color: #d12a2a
}

.t-subject-title {
    word-break: break-word
}

.nc-component-menu {
    position: absolute
}

#cnzz_stat_icon_1253353781 {
    display: none
}

.form-box {
    display: inline-block
}

.origin {
    float: right;
    color: #999
}

.head-more-link {
    float: right;
    font-size: 14px;
    color: #25bb9b
}

.blank-box {
    text-align: center;
    font-size: 14px;
    color: #999;
    padding: 30px
}

.blank-img {
    margin-bottom: 20px
}

.no-content {
    padding: 30px;
    position: relative;
    background: #fff;
    text-align: center
}

.identity-icon {
    width: auto;
    height: 14px;
    margin-right: 2px;
    display: inline-block;
    vertical-align: text-top
}

.identity-hr-icon,
.identity-hr-icon16 {
    height: 14px;
    margin-right: 2px;
    display: inline-block;
    vertical-align: text-top
}

.identity-hr-icon16 {
    height: 16px
}

.forbid-cursor {
    cursor: url(//static.nowcoder.com/fe/style/images/common/img/cursor/forbid.png), auto!important
}

.move-cursor {
    cursor: url(//static.nowcoder.com/fe/style/images/common/img/cursor/move.png), auto!important
}

@font-face {
    font-family: Flat-UI-Icons;
    src: url(../fonts/Flat-UI-Icons.eot);
    src: url(../fonts/Flat-UI-Icons.eot?#iefix) format("embedded-opentype"), url(../fonts/Flat-UI-Icons.woff) format("woff"), url(../fonts/Flat-UI-Icons.ttf) format("truetype"), url(../fonts/Flat-UI-Icons.svg#Flat-UI-Icons) format("svg");
    font-weight: 400;
    font-style: normal
}

.checkbox .icons,
.fui-arrow-left,
.fui-arrow-right,
.fui-calendar-solid,
.fui-chat,
.fui-check,
.fui-check-inverted,
.fui-check-inverted-2,
.fui-checkbox-checked,
.fui-checkbox-unchecked,
.fui-cmd,
.fui-cross,
.fui-eye,
.fui-gear,
.fui-heart,
.fui-list,
.fui-location,
.fui-lock,
.fui-mail,
.fui-new,
.fui-pause,
.fui-photo,
.fui-play,
.fui-plus,
.fui-radio-checked,
.fui-radio-unchecked,
.fui-search,
.fui-time,
.fui-user,
.fui-video,
.fui-volume {
    display: inline-block;
    font-family: Flat-UI-Icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased
}

.fui-arrow-right:before {
    content: ""
}

.fui-arrow-left:before {
    content: ""
}

.fui-cmd:before {
    content: ""
}

.fui-check-inverted:before {
    content: ""
}

.fui-heart:before {
    content: ""
}

.fui-location:before {
    content: ""
}

.fui-plus:before {
    content: ""
}

.fui-check:before {
    content: ""
}

.fui-cross:before {
    content: ""
}

.fui-list:before {
    content: ""
}

.fui-new:before {
    content: ""
}

.fui-video:before {
    content: ""
}

.fui-photo:before {
    content: ""
}

.fui-volume:before {
    content: ""
}

.fui-time:before {
    content: ""
}

.fui-eye:before {
    content: ""
}

.fui-chat:before {
    content: ""
}

.fui-search:before {
    content: ""
}

.fui-user:before {
    content: ""
}

.fui-mail:before {
    content: ""
}

.fui-lock:before {
    content: ""
}

.fui-gear:before {
    content: ""
}

.fui-radio-unchecked:before {
    content: ""
}

.fui-radio-checked:before {
    content: ""
}

.fui-checkbox-unchecked:before {
    content: ""
}

.fui-checkbox-checked:before {
    content: ""
}

.fui-calendar-solid:before {
    content: ""
}

.fui-pause:before {
    content: ""
}

.fui-play:before {
    content: ""
}

.fui-check-inverted-2:before {
    content: ""
}

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

.caret,
[class*=" icon-"],
[class^=icon-] {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    *margin-right: .3em
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none
}

.icon-large:before {
    vertical-align: -10%;
    font-size: 1.3333333333em
}

a [class*=" icon-"],
a [class^=icon-] {
    display: inline
}

[class*=" icon-"].icon-fixed-width,
[class^=icon-].icon-fixed-width {
    display: inline-block;
    width: 1.1428571429em;
    text-align: right;
    padding-right: .2857142857em
}

[class*=" icon-"].icon-fixed-width.icon-large,
[class^=icon-].icon-fixed-width.icon-large {
    width: 1.4285714286em
}

.icons-ul {
    margin-left: 2.1428571429em;
    list-style-type: none
}

.icons-ul>li {
    position: relative
}

.icons-ul .icon-li {
    position: absolute;
    left: -2.1428571429em;
    width: 2.1428571429em;
    text-align: center;
    line-height: inherit
}

[class*=" icon-"].hide,
[class^=icon-].hide {
    display: none
}

.icon-muted {
    color: #eee
}

.icon-light {
    color: #fff
}

.icon-dark {
    color: #333
}

.icon-border {
    border: solid 1px #eee;
    padding: .2em .25em .15em;
    border-radius: 3px
}

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

.icon-2x.icon-border {
    border-width: 2px;
    border-radius: 4px
}

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

.icon-3x.icon-border {
    border-width: 3px;
    border-radius: 5px
}

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

.icon-4x.icon-border {
    border-width: 4px;
    border-radius: 6px
}

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

.icon-5x.icon-border {
    border-width: 5px;
    border-radius: 7px
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

[class*=" icon-"].pull-left,
[class^=icon-].pull-left {
    margin-right: .3em
}

[class*=" icon-"].pull-right,
[class^=icon-].pull-right {
    margin-left: .3em
}

[class*=" icon-"],
[class^=icon-] {
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    margin-top: 0
}

.dropdown-menu>.active>a>[class*=" icon-"],
.dropdown-menu>.active>a>[class^=icon-],
.dropdown-menu>li>a:hover>[class*=" icon-"],
.dropdown-menu>li>a:hover>[class^=icon-],
.dropdown-submenu:hover>a>[class*=" icon-"],
.dropdown-submenu:hover>a>[class^=icon-],
.icon-white,
.nav-list>.active>a>[class*=" icon-"],
.nav-list>.active>a>[class^=icon-],
.nav-pills>.active>a>[class*=" icon-"],
.nav-pills>.active>a>[class^=icon-],
.navbar-inverse .nav>.active>a>[class*=" icon-"],
.navbar-inverse .nav>.active>a>[class^=icon-] {
    background-image: none
}

.btn [class*=" icon-"].icon-large,
.btn [class^=icon-].icon-large,
.nav [class*=" icon-"].icon-large,
.nav [class^=icon-].icon-large {
    line-height: .9em
}

.btn [class*=" icon-"].icon-spin,
.btn [class^=icon-].icon-spin,
.nav [class*=" icon-"].icon-spin,
.nav [class^=icon-].icon-spin {
    display: inline-block
}

.nav-pills [class*=" icon-"],
.nav-pills [class*=" icon-"].icon-large,
.nav-pills [class^=icon-],
.nav-pills [class^=icon-].icon-large,
.nav-tabs [class*=" icon-"],
.nav-tabs [class*=" icon-"].icon-large,
.nav-tabs [class^=icon-],
.nav-tabs [class^=icon-].icon-large {
    line-height: .9em
}

.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x,
.btn [class^=icon-].pull-left.icon-2x,
.btn [class^=icon-].pull-right.icon-2x {
    margin-top: .18em
}

.btn [class*=" icon-"].icon-spin.icon-large,
.btn [class^=icon-].icon-spin.icon-large {
    line-height: .8em
}

.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x,
.btn.btn-small [class^=icon-].pull-left.icon-2x,
.btn.btn-small [class^=icon-].pull-right.icon-2x {
    margin-top: .25em
}

.btn.btn-large [class*=" icon-"],
.btn.btn-large [class^=icon-] {
    margin-top: 0
}

.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x,
.btn.btn-large [class^=icon-].pull-left.icon-2x,
.btn.btn-large [class^=icon-].pull-right.icon-2x {
    margin-top: .05em
}

.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^=icon-].pull-left.icon-2x {
    margin-right: .2em
}

.btn.btn-large [class*=" icon-"].pull-right.icon-2x,
.btn.btn-large [class^=icon-].pull-right.icon-2x {
    margin-left: .2em
}

.nav-list [class*=" icon-"],
.nav-list [class^=icon-] {
    line-height: inherit
}

.icon-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: -35%
}

.icon-stack [class*=" icon-"],
.icon-stack [class^=icon-] {
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 1em;
    line-height: inherit;
    *line-height: 2em
}

.icon-stack .icon-stack-base {
    font-size: 2em;
    *line-height: 1em
}

.icon-spin {
    display: inline-block;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

a .icon-spin,
a .icon-stack {
    display: inline-block;
    text-decoration: none
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

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

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

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

.icon-flip-horizontal:before {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.icon-flip-vertical:before {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

a .icon-flip-horizontal:before,
a .icon-flip-vertical:before,
a .icon-rotate-180:before,
a .icon-rotate-270:before,
a .icon-rotate-90:before {
    display: inline-block
}

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

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

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

.icon-envelope-alt:before {
    content: ""
}

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

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

.icon-star-empty:before {
    content: ""
}

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

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

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

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

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

.icon-ok:before {
    content: ""
}

.icon-remove:before {
    content: ""
}

.icon-zoom-in:before {
    content: ""
}

.icon-zoom-out:before {
    content: ""
}

.icon-off:before,
.icon-power-off:before {
    content: ""
}

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

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

.icon-trash:before {
    content: ""
}

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

.icon-file-alt:before {
    content: ""
}

.icon-time:before {
    content: ""
}

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

.icon-download-alt:before {
    content: ""
}

.icon-download:before {
    content: ""
}

.icon-upload:before {
    content: ""
}

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

.icon-play-circle:before {
    content: ""
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-indent-left:before {
    content: ""
}

.icon-indent-right:before {
    content: ""
}

.icon-facetime-video:before {
    content: ""
}

.icon-picture:before {
    content: ""
}

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

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

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

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

.icon-edit:before {
    content: ""
}

.icon-share:before {
    content: ""
}

.icon-check:before {
    content: ""
}

.icon-move:before {
    content: ""
}

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

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

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

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

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

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

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

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

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

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

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

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

.icon-plus-sign:before {
    content: ""
}

.icon-minus-sign:before {
    content: ""
}

.icon-remove-sign:before {
    content: ""
}

.icon-ok-sign:before {
    content: ""
}

.icon-question-sign:before {
    content: ""
}

.icon-info-sign:before {
    content: ""
}

.icon-screenshot:before {
    content: ""
}

.icon-remove-circle:before {
    content: ""
}

.icon-ok-circle:before {
    content: ""
}

.icon-ban-circle:before {
    content: ""
}

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

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

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

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

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

.icon-resize-full:before {
    content: ""
}

.icon-resize-small:before {
    content: ""
}

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

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

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

.icon-exclamation-sign:before {
    content: ""
}

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

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

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

.icon-eye-open:before {
    content: ""
}

.icon-eye-close:before {
    content: ""
}

.icon-warning-sign:before {
    content: ""
}

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

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

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

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

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

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

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

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

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

.icon-folder-close:before {
    content: ""
}

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

.icon-resize-vertical:before {
    content: ""
}

.icon-resize-horizontal:before {
    content: ""
}

.icon-bar-chart:before {
    content: ""
}

.icon-twitter-sign:before {
    content: ""
}

.icon-facebook-sign:before {
    content: ""
}

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

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

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

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

.icon-thumbs-up-alt:before {
    content: ""
}

.icon-thumbs-down-alt:before {
    content: ""
}

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

.icon-heart-empty:before {
    content: ""
}

.icon-signout:before {
    content: ""
}

.icon-linkedin-sign:before {
    content: ""
}

.icon-pushpin:before {
    content: ""
}

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

.icon-signin:before {
    content: ""
}

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

.icon-github-sign:before {
    content: ""
}

.icon-upload-alt:before {
    content: ""
}

.icon-lemon:before {
    content: ""
}

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

.icon-check-empty:before,
.icon-unchecked:before {
    content: ""
}

.icon-bookmark-empty:before {
    content: ""
}

.icon-phone-sign:before {
    content: ""
}

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

.icon-facebook:before {
    content: ""
}

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

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

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

.icon-rss:before {
    content: ""
}

.icon-hdd:before {
    content: ""
}

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

.icon-bell:before {
    content: ""
}

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

.icon-hand-right:before {
    content: ""
}

.icon-hand-left:before {
    content: ""
}

.icon-hand-up:before {
    content: ""
}

.icon-hand-down:before {
    content: ""
}

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

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

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

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

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

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

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

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

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

.icon-fullscreen:before {
    content: ""
}

.icon-group:before {
    content: ""
}

.icon-link:before {
    content: ""
}

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

.icon-beaker:before {
    content: ""
}

.icon-cut:before {
    content: ""
}

.icon-copy:before {
    content: ""
}

.icon-paper-clip:before,
.icon-paperclip:before {
    content: ""
}

.icon-save:before {
    content: ""
}

.icon-sign-blank:before {
    content: ""
}

.icon-reorder:before {
    content: ""
}

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

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

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

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

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

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

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

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

.icon-pinterest-sign:before {
    content: ""
}

.icon-google-plus-sign:before {
    content: ""
}

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

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

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

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

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

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

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

.icon-sort:before {
    content: ""
}

.icon-sort-down:before {
    content: ""
}

.icon-sort-up:before {
    content: ""
}

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

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

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

.icon-legal:before {
    content: ""
}

.icon-dashboard:before {
    content: ""
}

.icon-comment-alt:before {
    content: ""
}

.icon-comments-alt:before {
    content: ""
}

.icon-bolt:before {
    content: ""
}

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

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

.icon-paste:before {
    content: ""
}

.icon-lightbulb:before {
    content: ""
}

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

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

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

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

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

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

.icon-bell-alt:before {
    content: ""
}

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

.icon-food:before {
    content: ""
}

.icon-file-text-alt:before {
    content: ""
}

.icon-building:before {
    content: ""
}

.icon-hospital:before {
    content: ""
}

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

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

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

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

.icon-h-sign:before {
    content: ""
}

.icon-plus-sign-alt:before {
    content: ""
}

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

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

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

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

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

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

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

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

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

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

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

.icon-mobile-phone:before {
    content: ""
}

.icon-circle-blank:before {
    content: ""
}

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

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

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

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

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

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

.icon-folder-close-alt:before {
    content: ""
}

.icon-folder-open-alt:before {
    content: ""
}

.icon-expand-alt:before {
    content: ""
}

.icon-collapse-alt:before {
    content: ""
}

.icon-smile:before {
    content: ""
}

.icon-frown:before {
    content: ""
}

.icon-meh:before {
    content: ""
}

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

.icon-keyboard:before {
    content: ""
}

.icon-flag-alt:before {
    content: ""
}

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

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

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

.icon-reply-all:before {
    content: ""
}

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

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

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

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

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

.icon-unlink:before {
    content: ""
}

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

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

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

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

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

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

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

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

.icon-microphone-off:before {
    content: ""
}

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

.icon-calendar-empty:before {
    content: ""
}

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

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

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

.icon-chevron-sign-left:before {
    content: ""
}

.icon-chevron-sign-right:before {
    content: ""
}

.icon-chevron-sign-up:before {
    content: ""
}

.icon-chevron-sign-down:before {
    content: ""
}

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

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

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

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

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

.icon-ellipsis-horizontal:before {
    content: ""
}

.icon-ellipsis-vertical:before {
    content: ""
}

.icon-rss-sign:before {
    content: ""
}

.icon-play-sign:before {
    content: ""
}

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

.icon-minus-sign-alt:before {
    content: ""
}

.icon-check-minus:before {
    content: ""
}

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

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

.icon-check-sign:before {
    content: ""
}

.icon-edit-sign:before {
    content: ""
}

.icon-external-link-sign:before {
    content: ""
}

.icon-share-sign:before {
    content: ""
}

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

.icon-collapse:before {
    content: ""
}

.icon-collapse-top:before {
    content: ""
}

.icon-expand:before {
    content: ""
}

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

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

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

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

.icon-jpy:before,
.icon-yen:before {
    content: ""
}

.icon-cny:before,
.icon-renminbi:before {
    content: ""
}

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

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

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

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

.icon-sort-by-alphabet:before {
    content: ""
}

.icon-sort-by-alphabet-alt:before {
    content: ""
}

.icon-sort-by-attributes:before {
    content: ""
}

.icon-sort-by-attributes-alt:before {
    content: ""
}

.icon-sort-by-order:before {
    content: ""
}

.icon-sort-by-order-alt:before {
    content: ""
}

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

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

.icon-youtube-sign:before {
    content: ""
}

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

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

.icon-xing-sign:before {
    content: ""
}

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

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

.icon-stackexchange:before {
    content: ""
}

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

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

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

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

.icon-bitbucket-sign:before {
    content: ""
}

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

.icon-tumblr-sign:before {
    content: ""
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-gittip:before {
    content: ""
}

.icon-sun:before {
    content: ""
}

.icon-moon:before {
    content: ""
}

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

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

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

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

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

.icon-nc-alarm:before {
    content: ""
}

.icon-nc-contact:before {
    content: ""
}

.icon-nc-referee:before {
    content: ""
}

.layer-share-wrapper {
    position: absolute;
    z-index: 200;
    padding: 15px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

.layer-share-wrapper .arrow {
    position: absolute;
    height: 0;
    width: 0;
    border: 8px solid #ddd;
    border-color: transparent transparent #ddd transparent;
    top: -16px;
    left: 40px
}

.layer-share-wrapper .arrow:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 7px solid #fff;
    border-color: transparent transparent #fff transparent;
    top: -6px;
    left: -7px;
    z-index: 2
}

.layer-share-wrapper .arrow.bottom {
    border-color: #e5e5e5 transparent transparent transparent;
    top: auto;
    bottom: -16px
}

.layer-share-wrapper .layer-share-item {
    display: inline-block;
    vertical-align: top;
    color: #737373;
    text-align: center;
    width: 55px;
    white-space: nowrap;
    font-size: 12px
}

.layer-share-wrapper .layer-share-item:hover {
    color: #25bb9b;
    cursor: pointer
}

.layer-share-wrapper .layer-share-item:hover .ico-nc-share {
    background-position: 0 -52px
}

.layer-share-wrapper .layer-share-item:hover .ico-picture {
    background-position: -62px -52px
}

.layer-share-wrapper .layer-share-item:hover .ico-nc-wechat {
    background-position: -197px -52px
}

.layer-share-wrapper .layer-share-item:hover .ico-nc-qq {
    background-position: -134px -52px
}

.layer-share-wrapper .layer-share-item:hover .ico-nc-qzone {
    background-position: -270px -52px
}

.layer-share-wrapper .layer-share-item:hover .ico-nc-weibo {
    background-position: -340px -52px
}

.layer-share-wrapper .layer-share-item:hover .ico-nc-link {
    background-position: -412px -52px
}

.layer-share-wrapper .layer-share-item i {
    height: 44px;
    width: 52px;
    margin-bottom: 5px;
    background: url(//static.nowcoder.com/fe/style/images/common/img/icons/ico-share-lg.png) no-repeat;
    display: inline-block;
    vertical-align: top;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    margin-top: -20px
}

.layer-share-wrapper .layer-share-item .ico-nc-share {
    background-position: 0 0;
    width: 42px
}

.layer-share-wrapper .layer-share-item .ico-picture {
    background-position: -62px 0
}

.layer-share-wrapper .layer-share-item .ico-nc-wechat {
    background-position: -197px 0
}

.layer-share-wrapper .layer-share-item .ico-nc-qq {
    background-position: -134px 0;
    width: 38px
}

.layer-share-wrapper .layer-share-item .ico-nc-qzone {
    background-position: -270px 0;
    width: 46px
}

.layer-share-wrapper .layer-share-item .ico-nc-weibo {
    background-position: -340px 0
}

.layer-share-wrapper .layer-share-item .ico-nc-link {
    background-position: -412px 0;
    width: 45px
}

.layer-share-wrapper .layer-share-item+.layer-share-item {
    margin-left: 10px
}

.layer-share-wrapper.layer-share-dark {
    background: rgba(0, 0, 0, .8);
    color: #fff;
    border: none
}

.layer-share-wrapper.layer-share-dark .arrow {
    border-color: transparent transparent rgba(0, 0, 0, .8) transparent
}

.layer-share-wrapper.layer-share-dark .arrow:before {
    display: none
}

.layer-share-wrapper.layer-share-dark .layer-share-item {
    color: #fff
}

.layer-share-wrapper.layer-share-dark .layer-share-item i {
    margin-bottom: 10px;
    background: 0 0;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    font-size: 24px;
    width: auto;
    height: auto
}

.layer-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.layer-container .layer-container-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: .3;
    filter: alpha(opacity=30)
}

.layer-container .layer-container-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-x: hidden
}

.pop-box {
    border-radius: 4px;
    background: #fff;
    z-index: 201;
    border: 1px solid #dedede;
    position: absolute
}

.pop-title {
    padding: 15px 20px;
    overflow: hidden;
    background: #f0f0f0;
    border-radius: 4px 4px 0 0
}

.pop-title h1 {
    float: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.pop-title h1:before {
    background: #ff6547;
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 5px;
    margin-bottom: 2px;
    vertical-align: middle
}

.pop-title-tips {
    margin-left: 10px;
    color: #bebebe;
    font-size: 14px
}

.pop-title-link {
    float: right;
    font-size: 16px;
    color: #00bc9b
}

.pop-close {
    display: block;
    text-indent: -9999em;
    outline: 0;
    float: right;
    width: 12px;
    height: 12px;
    margin-top: 4px;
    background: url(https://static.nowcoder.com/fe/style/images/common/img/icons/pop-close.png) no-repeat
}

.pop-content {
    padding: 20px
}

.pop-text-box {
    max-height: 200px;
    overflow-y: auto;
    margin-bottom: 20px
}

.pop-text-box p {
    margin-top: 5px;
    margin-bottom: 5px
}

.pop-padding-lg {
    padding: 20px 50px
}

.pop-msg-tip {
    font-size: 16px;
    padding: 30px
}

.pop-msg-tip .fui-cross {
    color: #fff;
    background: #ff6547;
    border-radius: 20px;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 20px;
    margin-right: 10px
}

.pop-footer {
    padding: 15px 20px;
    overflow: hidden;
    background: #f0f0f0;
    border-radius: 0 0 4px 4px
}

.pop-footer .btn {
    display: block;
    float: right;
    margin-left: 10px
}

.pop-footer .checkbox {
    margin-top: 8px
}

.submit-btnbox {
    text-align: center;
    clear: both
}

.submit-btnbox .confirm-btn {
    margin-right: 10px
}

.submit-btnbox.only-confirm .confirm-btn {
    width: 220px
}

.submit-btnbox.only-confirm .cancle-btn {
    display: none
}

.pop-tip {
    font-size: 14px;
    margin-bottom: 10px
}

.pop-info-tips {
    background: #f0f0f0;
    color: #888;
    padding: 8px 10px;
    margin-bottom: 20px;
    font-size: 14px
}

.nk-body {
    overflow: hidden!important
}

.nk-container {
    background: #f7f8f9;
    position: relative;
    height: auto;
    min-height: 100%
}

.nk-main {
    padding-top: 70px;
    padding-bottom: 250px;
    margin: 0 auto;
    width: 1000px
}

.email-validate {
    top: 54px
}

.with-validate .nk-main,
.with-validate .search-outside {
    padding-top: 100px
}

.nk-content {
    float: left;
    width: 690px;
    margin: 0 10px 0 0
}

.nk-bar {
    width: 300px;
    float: left
}

.nk-bar .show-all-book {
    width: 100%;
    display: block;
    background: #eee;
    font-size: 12px;
    text-align: center;
    padding: 3px 0
}

.module-box.no-padding .module-body,
.module-box.no-padding .module-head {
    padding-left: 0;
    padding-right: 0
}

.module-box {
    margin-bottom: 10px;
    background: #fff
}

.module-box:last-child {
    margin-bottom: 0
}

.module-head {
    padding: 15px 20px 0;
    line-height: normal;
    position: relative
}

.module-head-tips {
    color: #888;
    margin-left: 15px;
    font-size: 14px
}

.module-head-oprt {
    float: right
}

.module-head-oprt .btn.btn-primary {
    margin-top: -10px
}

.module-head h1,
.module-head h2 {
    font-size: 16px;
    line-height: 16px;
    float: left;
    font-weight: 600;
    white-space: nowrap
}

.module-head h1:before,
.module-head h2:before {
    background: #ff6547;
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 5px;
    margin-bottom: 2px;
    vertical-align: middle
}

.module-head h2 {
    font-size: 16px
}

.module-body {
    padding: 20px
}

.mod-ft:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.mft-origin {
    float: left
}

.mft-legend {
    float: right
}

.mft-time {
    color: #999;
    margin: 0 10px
}

.mft-pipe {
    color: #aaa;
    margin: 0 3px
}

.with-sub-oprt {
    cursor: pointer;
    position: relative;
    font-size: 14px;
    line-height: 1;
    text-align: right
}

.with-sub-oprt>span {
    padding-bottom: 4px;
    margin-bottom: -4px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 5em
}

.with-sub-oprt ul {
    display: none;
    border: 1px solid #e1e1e1;
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 99
}

.with-sub-oprt li {
    background: #fff;
    padding: 6px 20px;
    line-height: 20px;
    white-space: nowrap;
    display: block;
    margin: 0
}

.with-sub-oprt li:hover {
    background: #f4f4f4
}

.with-sub-oprt:hover ul {
    display: block
}

.with-sub-oprt:hover .icon-angle-up {
    color: #0fc0a1
}

.with-sub-oprt .icon-angle-up,
.with-sub-oprt:hover .icon-angle-down {
    display: none
}

.with-sub-oprt .icon-angle-down,
.with-sub-oprt:hover .icon-angle-up {
    display: inline-block;
    color: #888
}

.empty-tip-mod {
    text-align: center;
    font-size: 14px;
    padding: 50px 0
}

.empty-tip-mod p {
    margin-top: 5px
}

.empty-tip-mod .btn-group {
    width: 370px;
    margin-top: 10px
}

.ico-add,
.ico-back,
.ico-boy,
.ico-del,
.ico-edit,
.ico-edu,
.ico-girl,
.ico-info,
.ico-items,
.ico-lbs,
.ico-letter,
.ico-return,
.ico-self,
.ico-submit,
.ico-upload,
.ico-upload2,
.ico-work {
    display: inline-block;
    *zoom: 1;
    vertical-align: middle;
    background: url(https://static.nowcoder.com/fe/style/images/common/img/icons/ui-ico.png) -9999px -9999px no-repeat
}

.ico-back {
    width: 20px;
    height: 18px;
    background-position: 0 0
}

.ico-del {
    width: 20px;
    height: 20px;
    background-position: -30px 0
}

.ico-edit {
    width: 13px;
    height: 16px;
    background-position: -60px 0
}

.ico-items {
    width: 20px;
    height: 18px;
    background-position: -83px 0
}

.ico-letter {
    width: 24px;
    height: 17px;
    background-position: -113px 0
}

.ico-return {
    width: 16px;
    height: 15px;
    background-position: -147px 0
}

.ico-self {
    width: 20px;
    height: 19px;
    background-position: -173px 0
}

.ico-submit {
    width: 11px;
    height: 11px;
    background-position: -203px 0
}

.ico-upload {
    width: 11px;
    height: 11px;
    background-position: -224px 0
}

.ico-upload2 {
    width: 18px;
    height: 18px;
    background-position: -245px 0
}

.ico-work {
    width: 11px;
    height: 10px;
    background-position: -273px 0
}

.ico-boy {
    width: 15px;
    height: 15px;
    background-position: -294px 0
}

.ico-info {
    width: 10px;
    height: 13px;
    background-position: -319px 0
}

.ico-lbs {
    width: 12px;
    height: 12px;
    background-position: -339px 0
}

.ico-girl {
    width: 10px;
    height: 17px;
    background-position: -361px 0
}

.ico-edu {
    width: 14px;
    height: 11px;
    background-position: -381px 0
}

.ico-add {
    width: 16px;
    height: 16px;
    background-position: -404px 0
}

button,
input {
    *overflow: visible
}

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

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

.btn {
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    width: 110px;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    border: none 0;
    cursor: pointer;
    line-height: normal;
    outline: 0;
    white-space: nowrap
}

.btn:hover {
    color: #fff
}

.btn i {
    margin-right: 5px
}

.btn.btn-radius {
    border-radius: 20px
}

.btn-primary {
    background: #25bb9b
}

.btn-primary:hover {
    background: #22ae90
}

.btn-plain {
    background: #fff;
    color: #333;
    padding: 8px 0;
    border: 1px solid #eee
}

.btn-plain:hover {
    color: #25bb9b
}

.btn-decorate {
    background: #fff;
    border: 1px solid #25bb9b;
    color: #25bb9b
}

.btn-decorate:hover {
    color: #fff;
    background: #25bb9b
}

.btn-warn {
    background: #ff6547
}

.btn-warn:hover {
    background: #ff5838
}

.btn-info {
    background: #73cbde
}

.btn-info:hover {
    background: #67c6db
}

.btn-link {
    border-radius: 0;
    color: #333
}

.btn-link:hover {
    color: #333;
    text-decoration: underline
}

.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link:hover,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none
}

.btn-default {
    background: #bbb
}

.btn-default:hover {
    background: #b4b4b4
}

.btn-important {
    background: #ff6547
}

.btn-important:hover {
    background: #ff5838
}

.btn-disabled,
.btn-disabled:hover {
    background: #eee;
    cursor: default
}

.btn-xxs {
    width: 40px;
    font-size: 12px;
    padding: 2px 0 3px
}

.btn-xxs.btn-auto {
    padding: 2px 6px 3px
}

.btn-xs {
    width: 60px;
    font-size: 14px;
    padding: 5px 0 6px
}

.btn-sm {
    width: 80px;
    font-size: 14px;
    padding: 9px 0 10px
}

.btn-lg {
    width: 260px;
    font-size: 14px;
    padding: 13px 0 12px
}

.btn-auto {
    width: auto;
    padding-left: 20px;
    padding-right: 20px
}

.btn-block {
    display: block;
    width: 100%
}

.head-pic {
    border-radius: 50%;
    display: block;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    width: 50px;
    height: 50px
}

.head-pic img {
    width: 100%
}

.normal-layer {
    z-index: 200;
    line-height: 20px;
    position: absolute;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    border-radius: 5px
}

.normal-layer:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 20px;
    border: 8px solid #f4f4f4;
    border-color: transparent transparent #f4f4f4
}

.normal-layer .normal-layer-bd {
    background: #fff;
    border-radius: 0 0 5px 5px
}

.more-menu-list {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 32px;
    min-width: 100px;
    border: 1px solid #eee;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    background: #fff
}

.more-menu-list li {
    padding: 0 20px;
    line-height: 34px;
    font-size: 14px;
    white-space: nowrap
}

.more-menu-list li+li {
    margin-top: -5px
}

.more-menu-list li:hover {
    background: #f5f5f5;
    color: #25bb9b;
    cursor: pointer
}

.more-menu-list li.selected a {
    color: #25bb9b
}

.uneditable-input,
input[type=email],
input[type=password],
input[type=text],
textarea {
    border: 1px solid #ddd;
    color: #34495e;
    font-family: Lato, sans-serif;
    font-size: 14px;
    padding: 8px 5px 7px;
    width: 248px;
    height: 22px;
    border-radius: 3px;
    outline: 0
}

.control-group.focus .uneditable-input,
.control-group.focus input[type=email],
.control-group.focus input[type=password],
.control-group.focus input[type=text],
.control-group.focus textarea,
.uneditable-input:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
    border-color: #999
}

.control-group.error .uneditable-input,
.control-group.error input[type=email],
.control-group.error input[type=password],
.control-group.error input[type=text],
.control-group.error textarea,
input[type=text].error-tips,
textarea.error-tips {
    border-color: #e74c3c;
    color: #e74c3c
}

.control-group.success .uneditable-input,
.control-group.success input[type=email],
.control-group.success input[type=password],
.control-group.success input[type=text],
.control-group.success textarea {
    border-color: #2ecc71;
    color: #2ecc71
}

input[disabled],
textarea[disabled] {
    background-color: #eee;
    border-color: #eee;
    color: #999;
    cursor: default
}

input[readonly],
textarea[readonly] {
    border-color: #eee;
    cursor: default
}

.form-group {
    margin-bottom: 20px
}

.form-group:after,
.form-group:before {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.form-group .control-group {
    float: left
}

.form-group .btn-group {
    width: 260px;
    margin-bottom: 20px
}

.control-label {
    padding: 0 15px;
    font-size: 14px;
    float: left;
    width: 80px;
    line-height: 42px;
    height: 42px;
    text-align: right;
    margin-bottom: 0
}

.hide-label .control-label {
    display: none
}

.control-group {
    position: relative;
    width: 260px
}

.control-group>.input-icon {
    position: absolute;
    top: 9px;
    right: 5px;
    vertical-align: middle;
    font-size: 20px;
    background: #fff;
    border-radius: 6px;
    line-height: 20px;
    display: none
}

.input-icon.fui-cross {
    background: #ff5400;
    color: #fff;
    font-size: 12px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

.input-icon.fui-check-inverted {
    color: #25bb9b;
    display: none
}

.error .fui-cross,
.error .input-tip,
.focus .input-tip,
.success .fui-check-inverted {
    display: block
}

.input-tip {
    position: absolute;
    left: 0;
    bottom: -16px;
    display: none;
    font-size: 14px;
    line-height: 14px
}

.error .input-tip {
    color: #ff5400
}

.txt-error-tip {
    line-height: 14px;
    font-size: 14px;
    color: #ff5400;
    display: none
}

.validate-error {
    position: relative
}

.validate-error input[type=text] {
    border-color: red
}

.validate-error .tooltip-info {
    display: block
}

.validate-error .tooltip-info .tooltip-inner {
    padding: 3px 10px;
    border-radius: 3px;
    white-space: nowrap;
    border-color: #ddd;
    color: red
}

.validate-error .tooltip-info.top .tooltip-arrow {
    left: auto;
    right: 20px;
    bottom: -6px;
    border-width: 6px 6px 0
}

.validate-error .tooltip.top .tooltip-arrow i {
    top: -7px;
    left: -6px
}

.validate-error .tooltip-arrow i {
    border: 6px solid transparent
}

.validate-error .tooltip {
    top: -35px;
    right: -10px
}

.input-group-btn {
    font-size: 0;
    position: relative;
    white-space: nowrap
}

.input-group-btn>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -3px;
    padding: 0 15px;
    height: 40px;
    line-height: 40px
}

.search-input-wrap {
    border: 1px solid #ddd;
    height: 38px;
    line-height: 38px;
    position: relative;
    width: 260px;
    background: #fff;
    display: inline-block
}

.search-input-wrap input {
    border: none;
    margin-left: 36px;
    width: 80%
}

.search-input-wrap.no-search-icon input {
    margin: 0;
    width: 90%
}

.search-input-wrap .ico-search {
    background: url(https://static.nowcoder.com/fe/style/images/common/img/icons/ico-search.png) center center no-repeat;
    position: absolute;
    left: 1px;
    top: 1px;
    width: 36px;
    height: 36px
}

.search-input-wrap .icon-search {
    position: absolute;
    left: 1px;
    top: 1px;
    text-align: center;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #aaa
}

.search-input-wrap.search-input-round {
    border-radius: 3px
}

.search-input-wrap.right input {
    margin: 0 36px 0 0
}

.search-input-wrap.right .ico-search,
.search-input-wrap.right .icon-search {
    left: auto;
    right: 1px
}

.focus .search-tips,
.open .search-tips {
    display: block
}

.search-tips {
    display: none;
    z-index: 10;
    position: absolute;
    background: #fff;
    width: 100%;
    font-size: 14px;
    text-align: left;
    left: -1px;
    top: 39px;
    border: 1px solid #eee;
    max-height: 180px;
    overflow-y: auto
}

.search-tips.search-tips-dark {
    background: rgba(0, 0, 0, .65)
}

.search-tips.search-tips-dark>a,
.search-tips.search-tips-dark>li {
    color: #fff
}

.search-tips.search-tips-dark>a a,
.search-tips.search-tips-dark>li a {
    color: #fff
}

.search-tips.search-tips-dark>a.active,
.search-tips.search-tips-dark>a:hover,
.search-tips.search-tips-dark>li.active,
.search-tips.search-tips-dark>li:hover {
    background: 0 0;
    color: #25bb9b
}

.search-tips.search-tips-dark>a.active a,
.search-tips.search-tips-dark>a:hover a,
.search-tips.search-tips-dark>li.active a,
.search-tips.search-tips-dark>li:hover a {
    color: #25bb9b
}

.search-tips>a,
.search-tips>li {
    cursor: pointer;
    display: block;
    padding: 5px 10px;
    line-height: 1.8;
    color: #333
}

.search-tips>a:hover,
.search-tips>li:hover {
    background: #f2f2f2
}

.search-tips>.active {
    background: #efefef
}

.search-tips>a>span {
    margin-left: 20px
}

.search-input-sm.search-input-wrap {
    width: 200px;
    height: 30px;
    line-height: 30px
}

.search-input-sm.search-input-wrap .ico-search,
.search-input-sm.search-input-wrap .icon-search {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.search-input-sm.search-input-wrap input {
    padding: 4px;
    margin-left: 30px
}

.search-input-sm.search-input-wrap.right input {
    margin: 0 30px 0 0
}

.fold-search-box {
    position: relative;
    display: inline-block;
    height: 38px;
    vertical-align: top
}

.fold-search-box .icon-search {
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    color: #aaa;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.fold-search-box .search-input-wrap {
    display: none;
    border: 1px solid #d4d4d4;
    height: 32px;
    line-height: 32px;
    position: absolute;
    width: 260px;
    background: #fff;
    left: 0;
    top: 0
}

.fold-search-box .search-input-wrap input {
    padding: 5px;
    height: 20px;
    margin-left: 25px
}

.fold-search-box .search-input-wrap:hover .icon-search {
    color: #25bb9b
}

.fold-search-box .icon-search-out {
    position: absolute;
    left: 2px;
    top: 2px
}

.fold-search-box .icon-search-out:hover {
    color: #25bb9b
}

.open.fold-search-box .search-input-wrap {
    display: block
}

.search-wrap-close {
    display: none;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 245px;
    top: 10px;
    background: url(//static.nowcoder.com/images/img/icons/ico-close-mini.png) no-repeat
}

.open .search-wrap-close {
    display: block
}

.checkbox,
.radio {
    cursor: pointer;
    font-size: 14px;
    text-align: left;
    display: inline-block
}

.checkbox input,
.radio input {
    display: none;
    outline: medium none!important
}

.checkbox .icons,
.radio .icons {
    border: 1px solid #ddd;
    vertical-align: -3px;
    width: 14px;
    height: 14px;
    background: #fff;
    display: inline-block;
    margin-right: 3px;
    border-radius: 2px;
    line-height: normal;
    position: relative
}

.checkbox.checked,
.checkbox:hover,
.radio.checked,
.radio:hover {
    color: #25bb9b
}

.checkbox:hover .icons,
.radio:hover .icons {
    border-color: #25bb9b
}

.checkbox.disabled,
.radio.disabled {
    color: #ccc;
    cursor: no-drop
}

.checkbox.disabled:hover,
.radio.disabled:hover {
    color: #ccc;
    cursor: no-drop
}

.checkbox.disabled .icons,
.radio.disabled .icons {
    border-color: #f0f0f0;
    background: #f0f0f0;
    color: #f0f0f0
}

.checkbox.label-lg .icons,
.radio.label-lg .icons {
    width: 16px;
    height: 16px
}

.checkbox.label-sm .icons,
.radio.label-sm .icons {
    width: 12px;
    height: 12px
}

.radio .icons {
    border-radius: 50%
}

.radio.checked .icons {
    border-color: #25bb9b
}

.radio.checked .icons:before {
    border-radius: 50%;
    background: #25bb9b;
    width: 8px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    content: "";
    position: absolute;
    left: 3px;
    top: 3px
}

.checkbox .icons {
    background: #fff;
    color: #fff;
    text-align: left
}

.checkbox .icons:before {
    font-size: 12px;
    position: absolute
}

.checkbox.checked .icons {
    border-color: #fff
}

.checkbox.checked .icons:before {
    content: "";
    color: #25bb9b;
    font-size: 16px;
    margin-top: -1px;
    margin-left: -1px
}

.checkbox.label-lg .icons:before {
    font-size: 18px
}

.checkbox.label-sm .icons:before {
    font-size: 12px
}

.label-lg {
    font-size: 16px
}

.label-lg.checked .icons:before {
    width: 10px;
    height: 10px
}

.label-sm {
    font-size: 12px
}

.label-sm.checked .icons:before {
    width: 6px;
    height: 6px
}

.sub-dropdown-list,
.third-dropdown-list {
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0 3px 3px 0;
    display: block;
    width: auto
}

.sub-dropdown-list li,
.third-dropdown-list li {
    position: relative;
    padding: 8px 10px;
    background: #f4f4f4;
    font-size: 14px;
    padding-left: 30px;
    border-bottom: 1px solid #eee
}

.third-dropdown-list li {
    padding-left: 50px;
    background: #eee
}

.sub-dropdown-list li:last-child,
.third-dropdown-list li:last-child {
    border-bottom: none
}

.mult-dropdown-list .active {
    background: #25bb9b;
    color: #fff
}

.btn-group {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.btn-group .control-group {
    float: left
}

.btn-group .dropdown-toggle {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    padding: 10px 25px 10px 10px;
    text-align: left;
    position: relative;
    font-size: 14px;
    min-width: 160px;
    min-width: 128px\9;
    vertical-align: top;
    width: 100%;
    outline: 0
}

.btn-group.error .dropdown-toggle {
    border-color: #e74c3c
}

.btn-group.disabled .dropdown-toggle:hover .caret {
    color: #666
}

.btn-group.disabled .btn {
    cursor: default
}

.btn-group.disabled .dropdown-toggle {
    background: #eee
}

.btn-group.attach-suggest {
    display: block
}

.btn-group.attach-suggest .dropdown-menu {
    position: static;
    float: none;
    border-bottom: 0;
    overflow-x: hidden
}

.btn-group.attach-suggest .dropdown-menu li a {
    display: block;
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btn-group.attach-suggest .attach-suggest-none {
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
    display: none;
    background: #fff;
    border: 1px solid #d4d4d4
}

.dropdown-value {
    float: left;
    overflow: hidden;
    width: 70px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.caret {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 18px;
    color: #666
}

.caret:before {
    content: ""
}

.dropdown-toggle:hover .caret {
    color: #25bb9b
}

.btn-group-xs .caret {
    right: 4px;
    top: 3px
}

.open>.dropdown-menu {
    opacity: 1;
    display: block;
    visibility: visible
}

.open>.btn.dropdown-toggle {
    border-radius: 3px 3px 0 0
}

.open>.dropdown-toggle .caret:before {
    content: ""
}

.dropdown-menu {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0 0 3px 3px;
    display: none;
    font-size: 14px;
    margin-top: -1px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 1px 0 #ddd;
    -webkit-transition: .25s;
    transition: .25s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: auto;
    max-height: 300px;
    width: 100%;
    position: absolute;
    float: left;
    left: 0;
    text-align: left;
    top: 99%;
    z-index: 99
}

.dropdown-menu>li {
    border-bottom: 1px solid #eee
}

.dropdown-menu>li:last-child {
    border-bottom: none
}

.dropdown-menu li>a,
.dropdown-menu li>label {
    display: block;
    clear: both;
    line-height: 1.43;
    white-space: nowrap;
    color: #333;
    padding: 8px 10px;
    text-decoration: none;
    *zoom: 1;
    -webkit-transition: background-color .25s;
    transition: background-color .25s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.dropdown-menu li>a:hover {
    background: #f2f2f2;
    color: #333
}

.dropdown-menu li.active>a,
.dropdown-menu li.selected>a {
    background: #25bb9b;
    color: #fff
}

.dropdown-auto {
    min-width: 100%;
    width: auto
}

.fixed-right .dropdown-menu {
    left: auto;
    right: 0
}

.btn-group-lg .dropdown-menu,
.btn-group-lg .dropdown-toggle {
    font-size: 18px
}

.btn-group-lg .dropdown-toggle .caret {
    font-size: 22px
}

.btn-group-sm .dropdown-menu,
.btn-group-sm .dropdown-toggle {
    font-size: 14px
}

.btn-group-sm .dropdown-toggle {
    padding: 8px 25px 8px 10px
}

.btn-group-sm .dropdown-toggle .caret {
    font-size: 16px
}

.btn-group-xs .dropdown-menu,
.btn-group-xs .dropdown-toggle {
    font-size: 12px
}

.btn-group-xs .dropdown-toggle .caret {
    font-size: 14px
}

.btn-group-xs .dropdown-menu li>a {
    padding: 4px 10px
}

.btn-group-xs .dropdown-toggle.btn {
    min-width: 70px;
    padding: 4px
}

.btn-group-xs .dropdown-value {
    width: 50px
}

.btn-group-auto .dropdown-toggle.btn {
    min-width: auto
}

.btn-group-auto .dropdown-value {
    padding: 0 14px 0 5px;
    width: auto
}

.simple-dropdown .btn-group .dropdown-toggle {
    min-width: 45px;
    padding: 0;
    margin-top: 3px;
    border: none;
    background: 0 0;
    color: #888
}

.simple-dropdown .open>.btn.dropdown-toggle {
    color: #666
}

.simple-dropdown .caret {
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-top-color: #aaa;
    border-width: 6px 6px 0;
    top: 4px;
    right: -20px
}

.simple-dropdown .caret:before {
    display: none
}

.simple-dropdown .open .caret {
    border: 9px solid transparent;
    border-bottom-color: #aaa;
    border-width: 0 6px 6px
}

.simple-dropdown .dropdown-menu {
    width: 150px;
    margin-top: 10px
}

.with-multi-list .dropdown-menu {
    display: block
}

.btn-multi-list {
    position: absolute;
    width: 100%;
    left: 0;
    top: 37px;
    z-index: 9999
}

.with-multi-list .btn-multi-list input {
    width: 100%;
    line-height: 38px;
    height: 38px;
    padding: 0 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.btn-multi-list .dropdown-menu {
    border-bottom: 0;
    visibility: visible;
    overflow: visible
}

.btn-multi-list li {
    position: relative;
    padding: 8px 10px;
    color: #333
}

.btn-multi-list .dropdown-menu>li:hover,
.sub-multi-list>li:hover,
.third-multi-list li:hover {
    background: #ddd
}

.btn-multi-list .dropdown-menu>li.active,
.sub-multi-list>li.active,
.third-multi-list li.active {
    background: #25bb9b;
    color: #fff
}

.with-checkbox .dropdown-menu>li:hover,
.with-checkbox .sub-multi-list>li:hover,
.with-checkbox .third-multi-list li:hover {
    background: 0 0;
    color: transparent
}

.with-checkbox .dropdown-menu>li.active,
.with-checkbox .sub-multi-list>li.active,
.with-checkbox .third-multi-list li.active {
    background: #f4f4f4
}

.multi-list-txt {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sub-multi-list,
.third-multi-list {
    position: absolute;
    left: 100%;
    top: -1px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0 3px 3px 0;
    display: none
}

.btn-multi-list .dropdown-menu>li.active .sub-multi-list,
.btn-multi-list .dropdown-menu>li:hover .sub-multi-list,
.sub-multi-list li.active .third-multi-list,
.sub-multi-list li:hover .third-multi-list {
    display: block
}

.sub-multi-list li {
    border-bottom: 1px solid #eee
}

.sub-multi-list li:last-child {
    border-bottom: none
}

.with-multi-list .icon-angle-left,
.with-multi-list .icon-angle-right {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 18px;
    -webkit-font-smoothing: antialiased
}

.with-checkbox .icon-angle-left,
.with-checkbox .icon-angle-right {
    color: #666
}

.btn-multi-list .dropdown-menu>li.active>.icon-angle-right,
.btn-multi-list .dropdown-menu>li:hover>.icon-angle-right,
.btn-multi-list .dropdown-menu>li>.icon-angle-left,
.sub-multi-list>li.active>.icon-angle-right,
.sub-multi-list>li:hover>.icon-angle-right,
.sub-multi-list>li>.icon-angle-left {
    display: none
}

.btn-multi-list .dropdown-menu>li.active>.icon-angle-left,
.btn-multi-list .dropdown-menu>li:hover>.icon-angle-left,
.btn-multi-list .dropdown-menu>li>.icon-angle-right,
.sub-multi-list>li.active>.icon-angle-left,
.sub-multi-list>li:hover>.icon-angle-left,
.sub-multi-list>li>.icon-angle-right {
    display: block
}

.third-multi-list .multi-list-txt {
    width: 100%
}

.btn-multi-list .dropdown-menu li>a,
.btn-multi-list .dropdown-menu li>label {
    padding: 0
}

.with-multi-list.btn-group .dropdown-toggle {
    min-width: 120px
}

.with-checkbox-select .btn-group .dropdown-toggle {
    min-width: 45px;
    margin: -10px 0;
    border: none;
    border-radius: 0;
    background: #eee;
    color: #888;
    padding: 12px 10px
}

.with-checkbox-select .dropdown-value {
    width: auto
}

.with-checkbox-select .open>.btn.dropdown-toggle {
    color: #666
}

.with-checkbox-select .caret {
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-top-color: #aaa;
    border-width: 6px 6px 0;
    margin-left: 3px;
    position: static;
    display: inline-block;
    vertical-align: middle
}

.with-checkbox-select .caret:before {
    display: none
}

.with-checkbox-select .open .caret {
    border: 9px solid transparent;
    border-bottom-color: #aaa;
    border-width: 0 6px 6px
}

.with-checkbox-select .dropdown-menu {
    border-radius: 0;
    margin-top: 8px;
    box-shadow: 0 0 0;
    width: auto
}

.with-checkbox-select .dropdown-menu li>a {
    padding: 2px 10px
}

.with-checkbox-select .dropdown-menu li>a:hover {
    background: #f4f4f4;
    color: #666
}

.btn-group-notext.btn-group .dropdown-toggle {
    background: 0 0;
    padding: 15px 0;
    min-width: 10px
}

.btn-group-notext .dropdown-value {
    display: none
}

.btn-group-notext .icon-ok {
    color: #666;
    font-size: 12px;
    margin-left: 3px
}

.fold-menu-list {
    border: 1px solid #eee;
    font-size: 14px;
    background: #fff;
    z-index: 2;
    position: relative
}

.fold-menu-list li {
    padding: 5px 10px;
    line-height: 1.6;
    white-space: nowrap
}

.fold-menu-list li.selected,
.fold-menu-list li:hover {
    background: #f2f2f2
}

.btn-group-plain .dropdown-toggle {
    background: 0 0;
    min-width: auto;
    border: none
}

.btn-group-plain .dropdown-menu li.active>a,
.btn-group-plain .dropdown-menu li.selected>a,
.btn-group-plain .dropdown-menu li>a:hover {
    background: #eee;
    color: #00bc9b
}

.btn-group-plain .dropdown-menu {
    border-color: #e1e1e1
}

.tag-mod {
    background: #f4f4f4;
    padding: 10px 15px 10px;
    margin: 10px 0 0
}

.with-fold {
    height: 25px;
    overflow: hidden
}

.with-fold .tag-label {
    margin-bottom: 15px
}

.tags-fold {
    height: 8px;
    width: 15px;
    margin-top: 6px;
    float: right;
    vertical-align: middle;
    background: url(https://static.nowcoder.com/fe/style/images/common/img/icons/ico-select.png) 0 0 no-repeat
}

.tags-fold:hover {
    background-position: -30px 0
}

.with-fold.open {
    height: auto;
    overflow: visible
}

.with-fold.open .tags-fold {
    background-position: -60px 0
}

.with-fold.open .tags-fold:hover {
    background-position: -90px 0
}

.with-fold.open .tag-label {
    margin-bottom: 5px
}

.tag-label {
    border-radius: 12px;
    border: 1px solid #ddd;
    display: inline-block;
    padding: 2px 10px;
    color: #333;
    font-size: 12px;
    margin-right: 2px;
    background: #fff;
    margin-bottom: 5px;
    line-height: 16px;
    position: relative
}

.tag-label.default:hover {
    color: #333;
    border-color: #ddd;
    cursor: default
}

.tag-label:hover {
    border-color: #1abc9c
}

.tag-label.selected,
.tag-label.selected:hover {
    border-color: #1abc9c;
    background: #1abc9c;
    color: #fff
}

.tag-label.disabled,
.tag-label.disabled:hover {
    border-color: #ddd;
    background: #ddd;
    color: #fff;
    cursor: not-allowed
}

.tag-label.selected,
.tag-label.selected:hover {
    background: #1abc9c
}

.tag-label i {
    vertical-align: middle
}

.del-tag {
    display: none;
    background: #1abc9c;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 10px;
    position: absolute;
    right: -4px;
    top: -6px;
    padding: 0 3px;
    line-height: 12px
}

.tag-label:hover .del-tag {
    display: block
}

.tag-test,
.tag-test:hover {
    background: #ff6547;
    border-color: #ff6547;
    color: #fff
}

.tag-border-green {
    border-color: #31be9b;
    color: #31be9b
}

.tag-border-orange {
    color: #f48315;
    border-color: #f48315
}

.tag-border-blue {
    color: #23a7f2;
    border-color: #23a7f2
}

.focus.tags-input-wrap {
    border-color: #aaa
}

.error.tags-input-wrap {
    border-color: #ff692e
}

.tags-input-wrap {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #ddd;
    margin-right: 5px;
    position: relative
}

.tags-input-wrap .icon-tag {
    font-size: 16px;
    color: #ddd;
    vertical-align: middle;
    float: left;
    margin-top: 3px
}

.error.tags-input-wrap .icon-tag,
.focus.tags-input-wrap .icon-tag {
    color: #aaa
}

.tags-input-wrap input[type=text] {
    border: none;
    width: 170px;
    line-height: 20px;
    height: 20px;
    padding: 0 5px
}

.focus .tags-input-tips {
    display: block
}

.tags-input-tips {
    z-index: 10;
    position: absolute;
    background: #fff;
    font-size: 14px;
    text-align: left;
    left: -1px;
    top: 39px;
    border: 1px solid #aaa;
    max-height: 180px;
    overflow-y: auto;
    border-radius: 0 0 3px 3px
}

.tags-input-tips>a,
.tags-input-tips>li {
    cursor: pointer;
    display: block;
    padding: 5px 10px;
    line-height: 1.8;
    color: #333
}

.tags-input-tips>a:hover,
.tags-input-tips>li:hover {
    background: #f2f2f2
}

.tags-input-tips>.active {
    background: #efefef
}

.tags-input-tips>a>span {
    margin-left: 20px
}

.tag-label-box {
    display: inline-block;
    padding-right: 10px
}

.tag-label-box .tag-label {
    margin-bottom: 0;
    background: #1abc9c;
    color: #fff
}

.tags-input-cont {
    margin-left: 20px
}

.discuss-tags-mod {
    font-size: 14px
}

.discuss-tags-mod li {
    display: inline-block;
    background: #ecf0f3;
    padding: 4px 15px;
    margin: 0 10px 10px 0;
    position: relative
}

.discuss-tags-mod li>i {
    color: #fff;
    display: none;
    position: absolute;
    font-size: 12px;
    right: -1px;
    z-index: 3;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6);
    top: -1px;
    font-weight: 600
}

.discuss-tags-mod li:after {
    content: "";
    border: 8px solid #25bb9b;
    border-color: #25bb9b #25bb9b transparent transparent;
    position: absolute;
    right: 0;
    top: 0;
    display: none
}

.discuss-tags-mod li.selected:after,
.discuss-tags-mod li.selected:before,
.discuss-tags-mod li.selected>i,
.discuss-tags-mod li:hover:after,
.discuss-tags-mod li:hover:before,
.discuss-tags-mod li:hover>i {
    display: block
}

.discuss-tag-item {
    margin-right: 10px
}

.discuss-tag-num {
    color: #8ca1b0
}

.hot-tag,
.new-tag,
.tag-blue,
.tag-gray,
.tag-orange {
    background: #ff6547;
    padding: 0 3px;
    color: #fff;
    border-radius: 3px;
    position: absolute;
    top: -10px;
    left: 10px
}

.tag-gray {
    background: #999
}

.tag-blue {
    background: #4dc6ff
}

.tag-orange {
    background: #db8600
}

.new-tag {
    background: #25bb9b
}

.browse-num {
    background: #dcdcdc;
    color: #fff;
    padding: 2px 4px;
    line-height: 12px;
    float: left;
    margin-top: 15px;
    margin-right: 10px;
    white-space: nowrap
}

.top-browse {
    background: #a4b2ba
}

.top1 {
    background: #ff6745
}

.top2 {
    background: #00bc9b
}

.top3 {
    background: #d4d4d4
}

.t-subject-title {
    text-align: left
}

.icon-round-green,
.icon-spot-gray,
.icon-spot-green,
.icon-spot-red {
    background: url(https://static.nowcoder.com/images/img/icons/ico-dot.png) no-repeat;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 10px;
    margin-left: -17px;
    vertical-align: 2px
}

.icon-spot-red {
    background-position: 0 -54px
}

.icon-spot-green {
    background-position: 0 -18px
}

.icon-round-green {
    background-position: 0 -36px
}

table .icon-round-green,
table .icon-spot-gray,
table .icon-spot-green,
table .icon-spot-red {
    margin-right: 6px;
    margin-left: -20px
}

.disTop,
.nk-reward-tag,
.plusFine,
.race-tag,
.sign-new,
.sign-reward,
.tag-audit,
.tag-certify,
.tag-detail,
.tag-hot,
.tag-perfect,
.tag-primary,
.tag-push,
.tag-push-gray,
.tag-push-orange,
.tag-uncertify,
.tag-vote {
    font-size: 12px;
    padding: 0 3px;
    height: 18px;
    line-height: 18px;
    border-radius: 3px;
    color: #fff;
    margin-left: 5px;
    display: inline-block
}

.disTop .plusFine,
.nk-reward-tag .plusFine,
.plusFine .plusFine,
.race-tag .plusFine,
.sign-new .plusFine,
.sign-reward .plusFine,
.tag-audit .plusFine,
.tag-certify .plusFine,
.tag-detail .plusFine,
.tag-hot .plusFine,
.tag-perfect .plusFine,
.tag-primary .plusFine,
.tag-push .plusFine,
.tag-push-gray .plusFine,
.tag-push-orange .plusFine,
.tag-uncertify .plusFine,
.tag-vote .plusFine {
    background: #ff6547
}

.disTop img,
.nk-reward-tag img,
.plusFine img,
.race-tag img,
.sign-new img,
.sign-reward img,
.tag-audit img,
.tag-certify img,
.tag-detail img,
.tag-hot img,
.tag-perfect img,
.tag-primary img,
.tag-push img,
.tag-push-gray img,
.tag-push-orange img,
.tag-uncertify img,
.tag-vote img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px
}

.disTop>span,
.nk-reward-tag>span,
.plusFine>span,
.race-tag>span,
.sign-new>span,
.sign-reward>span,
.tag-audit>span,
.tag-certify>span,
.tag-detail>span,
.tag-hot>span,
.tag-perfect>span,
.tag-primary>span,
.tag-push-gray>span,
.tag-push-orange>span,
.tag-push>span,
.tag-uncertify>span,
.tag-vote>span {
    display: inline-block;
    vertical-align: middle
}

.disTop.tag-lg,
.nk-reward-tag.tag-lg,
.plusFine.tag-lg,
.race-tag.tag-lg,
.sign-new.tag-lg,
.sign-reward.tag-lg,
.tag-audit.tag-lg,
.tag-certify.tag-lg,
.tag-detail.tag-lg,
.tag-hot.tag-lg,
.tag-perfect.tag-lg,
.tag-primary.tag-lg,
.tag-push-gray.tag-lg,
.tag-push-orange.tag-lg,
.tag-push.tag-lg,
.tag-uncertify.tag-lg,
.tag-vote.tag-lg {
    padding: 3px 6px
}

.tag-perfect {
    background: #ff9656
}

.tag-primary {
    background: #25bb9b
}

.tag-audit {
    background: #bebebe
}

.tag-vote {
    background: #6db8e8
}

.tag-hot {
    background: #ff6547
}

.tag-certify {
    background: #efc100
}

.tag-uncertify {
    background: #999
}

.plusFine {
    background: #ff6547
}

.race-tag,
.tag-detail {
    background: #56aaff
}

.disTop,
.sign-new,
.tag-push {
    background: #25bb9b
}

.tag-push-gray {
    background: #bbb
}

.tag-push-orange {
    background: #ee9b5d
}

.sign-reward {
    background: #eb4e2f
}

.sign-reward:hover {
    color: #fff
}

.done-tag {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 20px;
    height: 21px;
    background: url(https://static.nowcoder.com/images/img/tags/tag-done.png) no-repeat
}

.p-tag-done {
    background: url(https://static.nowcoder.com/images/img/project/tag-done.png) no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    z-index: 2
}

.tag-hb {
    position: absolute;
    top: -10px;
    left: 10px
}

.nk-reward-tag {
    background: #ff6547
}

.nk-reward-tag .icon-nc-coin {
    font-size: 14px
}

.nk-reward-tag:hover {
    color: #fff
}

.nk-reward-tag img,
.nk-reward-tag span {
    vertical-align: middle;
    display: inline-block
}

.nk-reward-tag img {
    margin: 0 2px
}

.hb-ico,
.hb-ico:hover {
    display: inline-block;
    vertical-align: middle;
    background: url(https://static.nowcoder.com/images/img/icons/hb-ico.png) no-repeat;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding-top: 15px;
    height: 20px;
    width: 28px;
    margin: 0 5px
}

.v-tag {
    display: inline-block;
    vertical-align: middle;
    background: url(https://static.nowcoder.com/images/img/icons/v-tag.png) no-repeat;
    height: 14px;
    width: 14px;
    margin: 0 5px
}

.v-tag-txt {
    display: inline-block;
    vertical-align: middle;
    color: #00bc9b
}

.v-tag-logo {
    background: url(https://static.nowcoder.com/images/img/icons/v-tag2.png) no-repeat;
    height: 12px;
    width: 21px;
    position: absolute;
    bottom: -5px;
    left: 30px
}

.tag-spot-green,
.tag-spot-red {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ff6113
}

.tag-spot-green {
    background: #00bc9b
}

.menu-line-box .tag-spot-red {
    position: absolute;
    top: 5px;
    right: -5px
}

table .icon-round-green,
table .icon-spot-gray,
table .icon-spot-green,
table .icon-spot-red {
    margin-left: 0
}

.tag-cheat {
    margin: 0 10px
}

.tag-cheat .icon-lightbulb {
    background: #7ba7c0;
    color: #fff;
    font-size: 14px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    display: inline-block
}

.tag-cheat:hover .icon-lightbulb {
    background: #1abc9c
}

.tag-cheat.selected {
    color: #e42626
}

.tag-cheat.selected .icon-lightbulb {
    background: #e42626
}

.tag-jing {
    background: #ee5200;
    color: #fff;
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    margin-left: 10px;
    padding: 0 4px;
    border-radius: 3px
}

.tag-jing:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 0;
    border: 8px solid #ee5200;
    border-color: transparent #ee5200 transparent transparent
}

.tag-jing:after {
    content: "";
    position: absolute;
    left: -3px;
    top: 6px;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%
}

.label-hot {
    font-size: 18px;
    color: #d81e06;
    vertical-align: middle;
    margin-left: 5px
}

.label-master {
    display: inline-block;
    vertical-align: middle;
    background: #eee;
    border: 1px solid #bfbfbf;
    color: #888;
    border-radius: 3px;
    line-height: 1;
    padding: 2px 4px 1px;
    font-size: 12px;
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85)
}

table {
    max-width: 100%;
    width: 100%;
    text-align: center;
    border: 1px solid #f0f0f0;
    font-size: 14px
}

table th {
    white-space: nowrap;
    background: #eee;
    color: #888;
    padding: 10px 5px;
    font-weight: 400
}

table thead th {
    white-space: nowrap;
    text-align: center
}

table td {
    padding: 10px 5px;
    border-bottom: 1px dashed #ddd
}

table td a {
    display: inline-block
}

table .dropdown-menu li.active>a,
table .dropdown-menu li.selected>a {
    background: #f2f2f2;
    color: #333
}

table.stripes th {
    background: #f8f9fb
}

table.stripes td {
    border-bottom: 0
}

table.stripes tr:nth-child(2n-1) {
    background: #f8f9fb
}

table.stripes tr:hover {
    cursor: pointer;
    background: #ededf2
}

.no-border,
.no-border td,
.no-border th,
.no-border-table {
    border: none
}

.table-hover>tbody>tr:hover {
    background: #f0f0f0;
    cursor: pointer
}

.rank-oprt {
    display: inline-block;
    width: 25px;
    height: 30px;
    vertical-align: middle;
    position: relative
}

.rank-oprt .rank-down,
.rank-oprt .rank-up {
    display: block;
    position: absolute;
    right: 10px;
    width: 10px;
    height: 10px;
    top: 16px;
    background: url(https://static.nowcoder.com/fe/style/images/common/img/arrow/arrow-mini.png) no-repeat
}

.rank-oprt .rank-up {
    background-position: 0 -40px;
    top: 2px
}

.rank-oprt .rank-down.selected,
.rank-oprt .rank-down:hover {
    background-position: 0 -15px
}

.rank-oprt .rank-up.selected,
.rank-oprt .rank-up:hover {
    background-position: 0 -25px
}

.rank-oprt .icon-sort-down,
.rank-oprt .icon-sort-up {
    display: block;
    position: absolute;
    right: 10px;
    width: 10px;
    height: 10px;
    top: 5px
}

.rank-oprt .icon-sort-down {
    top: 9px
}

.rank-oprt .selected.icon-sort-down,
.rank-oprt .selected.icon-sort-up {
    color: #25bb9b
}

.pagination {
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin: 20px 0 0;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -4px
}

.pagination li {
    letter-spacing: 0;
    margin-right: 5px;
    vertical-align: top;
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.pagination li:last-child {
    margin-right: 0
}

.pagination li.active>a,
.pagination li.active>span {
    background: #25bb9b;
    color: #fff
}

.pagination a:hover {
    background: #25bb9b;
    color: #fff
}

.pagination .txt-pager a {
    width: auto;
    padding: 0 10px
}

.pagination .disabled a,
.pagination .disabled a:hover {
    color: #bbb;
    border-color: #ddd;
    background: #fff;
    cursor: not-allowed
}

.ellipsis-pager,
.pagination a {
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #25bb9b;
    color: #25bb9b;
    text-align: center;
    line-height: 30px
}

.ellipsis-pager {
    border: none;
    font-size: 18px
}

.mini-pager .ellipsis-pager,
.mini-pager.pagination a {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px
}

.mini-pager .txt-pager a {
    padding: 0
}

.progress-bar-wrapper {
    position: relative
}

.progress-bar-label,
.progress-bar-text {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 10em;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.progress-bar-text {
    margin-right: 0
}

.progress-bar-box {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.progress-bar-bg {
    height: 12px;
    background: #eee;
    border-radius: 10px;
    width: 100%;
    overflow: hidden
}

.progress-bar-inner {
    background: #25bb9b;
    border-radius: 10px 0 0 10px;
    height: 12px
}

.progress-bar-danger .progress-bar-inner {
    background: #ff6547
}

.progress-bar-info .progress-bar-inner {
    background: #73cbde
}

.progress-bar-sm .progress-bar-bg,
.progress-bar-sm .progress-bar-inner {
    height: 6px
}

.progress-bar-sm .progress-bar-label,
.progress-bar-sm .progress-bar-text {
    font-size: 12px
}

.progress {
    overflow: hidden;
    background: #ebedef;
    border-radius: 32px;
    height: 12px
}

.progress-label {
    font-size: 14px;
    float: left;
    margin-right: 10px;
    width: 150px;
    text-align: right;
    margin-left: -100px
}

.progress-bar,
.progress-bar2 {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #25bb9b
}

.progress-bar2 {
    background-color: #28d6b4
}

.data-progress-bg {
    height: 12px;
    background: #e8edf2;
    border-radius: 10px;
    width: 100%;
    overflow: hidden
}

.data-progress-bar {
    background: #1abc9c;
    border-radius: 10px 0 0 10px;
    height: 12px
}

.crumbs-path {
    color: #666;
    font-size: 14px;
    margin-bottom: 10px
}

.crumbs-path a {
    color: #666;
    display: inline-block;
    vertical-align: middle
}

.crumbs-path a:hover {
    color: #25bb9b
}

.crumbs-end {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 30em
}

.menu-box .menu-oprtbar,
.menu-txt-box .menu-oprtbar {
    float: right
}

.menu-box:after,
.menu-txt-box:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.menu-box {
    background: #fff;
    border-bottom: 2px solid #25bb9b;
    border-top: none
}

.menu-box .checkbox {
    float: right;
    margin: 10px 10px 0 0
}

.menu-box .btn,
.menu-box .btn-group {
    margin: 1px 10px 0 0
}

.menu-box .btn-group .btn {
    margin-top: 0
}

.menu-box .menu-oprtbar .btn-group {
    margin: 8px 0 0
}

.menu-txt-box {
    padding: 10px;
    font-size: 14px
}

.menu,
.menu-txt {
    float: left;
    letter-spacing: -4px;
    white-space: nowrap
}

.menu li,
.menu-txt li {
    letter-spacing: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 1px;
    position: relative
}

.menu li .nowcoder-name {
    vertical-align: bottom
}

.menu li a {
    display: block;
    padding: 0 20px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    text-align: center;
    color: #333;
    white-space: nowrap
}

.menu li a:hover {
    background: #25bb9b;
    text-decoration: none;
    color: #fff
}

.menu li.menu-index a {
    width: 80px
}

.menu li.menu-sub {
    position: relative
}

.menu li:hover .sub-menu {
    background: #25bb9b;
    color: #fff;
    box-shadow: 0 1px 3px #ccc
}

.menu li.selected,
.menu li.selected .sub-menu,
.menu li.selected a,
.menu li.selected a:hover {
    background: #25bb9b;
    color: #fff
}

.menu li.selected .menu-sublist a {
    background: #fff;
    color: #333
}

.menu li.menu-sub .sub-menu {
    padding-right: 10px
}

.menu li.selected .menu-subarrow,
.menu li:hover .menu-subarrow {
    border-top-color: #fff
}

.menu li:hover .menu-sublist {
    display: block
}

.menu .menu-sublist a {
    background: #fff;
    text-align: left;
    height: auto;
    clear: both;
    color: #333;
    display: block;
    line-height: 1.43;
    padding: 10px 20px 12px;
    text-decoration: none;
    white-space: nowrap
}

.menu .menu-sublist li a:hover {
    background-color: #25bb9b;
    color: #fff
}

.menu-subarrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-top-color: #666;
    border-width: 6px 6px 0;
    margin-left: 10px;
    vertical-align: middle
}

.menu-sublist {
    display: none;
    position: absolute;
    top: 41px;
    left: -1px;
    *left: 0;
    width: 185px;
    border: 1px solid #eee;
    box-shadow: 1px 1px 3px #eee;
    z-index: 98
}

.menu-sublist li {
    border-bottom: 1px solid #eee;
    display: block;
    margin-right: 0
}

.menu-sublist li.active a {
    background: #25bb9b;
    color: #fff
}

.done-num {
    font-size: 20px;
    padding-left: 3px;
    line-height: normal
}

.menu-link {
    float: right;
    line-height: 42px;
    padding-right: 20px
}

.mod-head-link {
    float: right;
    font-size: 12px
}

.menu.menu-mini li a {
    height: 26px;
    line-height: 28px;
    padding: 0 11px;
    font-size: 12px
}

.menu-txt a {
    padding: 0 10px;
    color: #888
}

.menu-txt .selected a {
    color: #25bb9b
}

.menu-pipe {
    color: #eee;
    vertical-align: 1px
}

.menu-line-box {
    border-bottom: 1px solid #ddd
}

.menu-line-box .menu>li {
    margin-right: 20px
}

.menu-line-box .menu>li>.sub-menu {
    box-shadow: none
}

.menu-line-box .menu>li.selected>a,
.menu-line-box .menu>li.selected>a:hover,
.menu-line-box .menu>li>a:hover {
    background: #fff;
    border-bottom: 2px solid #25bb9b;
    color: #25bb9b
}

.menu-line-box .menu>li.selected>a .menu-sublist,
.menu-line-box .menu>li.selected>a:hover .menu-sublist,
.menu-line-box .menu>li>a:hover .menu-sublist {
    display: block
}

.menu-line-box .menu>li.selected>a .menu-subarrow,
.menu-line-box .menu>li.selected>a:hover .menu-subarrow,
.menu-line-box .menu>li>a:hover .menu-subarrow {
    border-top-color: #25bb9b
}

.menu-line-box .menu>a {
    padding: 0;
    line-height: 32px;
    height: 32px
}

.menu-line-box .menu-subarrow {
    border-top-color: #333
}

.menu-line-box .menu-sublist {
    display: none;
    border-radius: 4px;
    top: 47px;
    left: 0;
    width: 100px;
    border: 1px solid #eee;
    -webkit-filter: drop-shadow(1px 1px 3px #eee);
    filter: drop-shadow(1px 1px 3px #eee)
}

.menu-line-box .menu-sublist:before {
    content: "";
    height: 0;
    width: 0;
    border-bottom: 6px solid #fff;
    border-left: 6px dashed transparent;
    border-right: 6px dashed transparent;
    position: absolute;
    top: -6px;
    left: 30px
}

.menu-line-box .menu-sublist:after {
    content: "";
    position: absolute;
    z-index: -1;
    height: 20px;
    top: -6px;
    left: 0;
    right: 0
}

.menu-line-box .menu-sublist>li {
    text-align: center
}

.menu-line-box .menu-sublist>li>a {
    height: 36px;
    line-height: 36px;
    font-size: 14px
}

.menu-line-box .menu-sublist>li>a.active,
.menu-line-box .menu-sublist>li>a:hover {
    background: #f3f3f6;
    color: #25bb9b
}

.menu-line-box .msg-num {
    right: -20px;
    top: -2px;
    left: auto
}

.msg-num {
    position: absolute;
    top: 0;
    left: 0;
    background: #e84a4a;
    color: #fff;
    border-radius: 50px;
    line-height: 16px;
    min-height: 16px;
    outline: medium none;
    padding: 0 4px;
    text-align: center;
    z-index: 10
}

.menu-lg .menu li a {
    font-size: 16px;
    padding: 0 20px;
    line-height: 40px;
    height: 40px
}

.menu-tab-box {
    border: none;
    background: #f3f3f6
}

.menu-tab-box .menu {
    width: 100%
}

.menu-tab-box .menu>li {
    width: 25%;
    margin-right: 0;
    background: #f3f3f6
}

.menu-tab-box .menu>li>a {
    color: #999;
    padding: 30px 0
}

.menu-tab-box .menu>li>a .txt {
    display: inline-block;
    text-align: left
}

.menu-tab-box .menu>li>a .main {
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 8em
}

.menu-tab-box .menu>li>a .sub {
    font-size: 12px
}

.menu-tab-box .menu>li.selected a,
.menu-tab-box .menu>li:hover a {
    background: #fff;
    color: #25bb9b;
    border-bottom: none;
    position: relative
}

.menu-tab-box .menu>li.selected a:hover,
.menu-tab-box .menu>li:hover a:hover {
    background: #fff;
    border-bottom: none
}

.menu-tab-box.menu-lg .menu li {
    width: 25%
}

.menu-tab-box.menu-lg .menu li a .main {
    font-size: 18px
}

.email-validate,
.notice-tip-bar {
    width: 100%;
    background: #fcf8e3;
    border-bottom: 1px solid #eee;
    color: #8a6d3b;
    position: fixed;
    top: 54px;
    left: 0;
    z-index: 100;
    display: none
}

.notice-tip-content,
.validate-content {
    width: 1000px;
    margin: 0 auto;
    font-size: 14px;
    padding: 6px 0;
    text-align: center;
    position: relative
}

.validate-content a {
    color: #ff6547
}

.with-validate .email-validate {
    display: block
}

.notice-tip-bar {
    background: #b7e2da
}

.notice-tip-content {
    color: #25bb9b;
    text-align: left
}

.notice-tip-content .icon-volume-down {
    margin-right: 5px
}

.notice-tip-content .icon-remove {
    float: right;
    color: #25bb9b;
    margin-top: 3px
}

.with-notice .nk-main {
    padding-top: 100px
}

.with-notice .notice-tip-bar {
    cursor: pointer;
    display: block
}

.notice-tip-content {
    width: auto;
    padding-left: 10px;
    padding-right: 10px
}

.nk-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    margin: 10px 0
}

.nk-system-tips {
    color: #ff6547;
    background: #fce6e6;
    padding: 10px;
    font-size: 14px;
    position: relative;
    margin-bottom: 10px;
    border: 1px solid #f3c8c8
}

.nk-system-tips .icon-remove {
    color: #ff6547;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 16px;
    -webkit-font-smoothing: antialiased
}

.warning-tips {
    padding: 5px 10px;
    color: #d4373e;
    background: #ffe7e7;
    font-size: 14px;
    margin-bottom: 10px
}

.warning-tips i {
    margin-right: 5px
}

.info-tips {
    padding: 10px;
    background: #e5fbf6;
    font-size: 14px;
    margin-bottom: 10px
}

.info-tips i {
    margin-right: 5px;
    color: #65d8c3
}

.normal-tips {
    padding: 10px;
    color: #3e444c;
    background: #f2f2f2;
    font-size: 14px;
    margin-bottom: 10px
}

.tip-block-box {
    width: 100%;
    background: #fcf8e3;
    border-bottom: 1px solid #eee;
    color: #8a6d3b
}

.tip-block {
    width: 1000px;
    margin: 0 auto;
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
    position: relative
}

.tip-block a {
    color: #ff6547
}

.nk-guide-box {
    padding: 30px;
    background: url(//static.nowcoder.com/images/img/bg/guide-bg-v2.png) no-repeat;
    margin-bottom: 10px;
    color: #126856
}

.nk-guide-info {
    width: 630px;
    float: left;
    font-size: 16px;
    letter-spacing: 2px
}

.nk-guide-box .btn {
    font-size: 16px;
    float: right
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-warning {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.steps-main {
    padding-top: 30px;
    padding-bottom: 60px
}

.steps-main+.steps-main {
    border-top: 1px solid #ddd
}

.steps-wrap {
    text-align: center;
    margin-bottom: 60px
}

.steps-wrap .item {
    display: inline-block;
    vertical-align: top;
    color: #5a5a5a;
    *display: inline;
    *zoom: 1;
    font-size: 14px;
    position: relative;
    width: 120px
}

.step-num-wrap {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #bcbcbc;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    z-index: 2
}

.steps-wrap .item+.item {
    margin-left: 0
}

.steps-wrap .item+.item:before {
    display: inline-block;
    width: 85px;
    height: 2px;
    background: #bcbcbc;
    content: "";
    position: absolute;
    top: 20px;
    left: -45px
}

.done .step-num-wrap {
    background: #fff;
    border: 2px solid #00bc9b;
    padding: 2px;
    margin-bottom: 2px;
    margin-bottom: 4px;
    margin-right: 8px
}

.done .step-num {
    background: #00bc9b;
    border-radius: 50%
}

.done .steps-tips,
.done .steps-tit {
    color: #00bc9b
}

.steps-wrap .done.item+.done.item:before {
    width: 85px;
    top: 22px;
    background: #00bc9b
}

.steps-tit {
    font-weight: 600;
    font-size: 14px
}

.steps-detail {
    padding-left: 200px
}

.step2 .steps-detail {
    text-align: left
}

.steps-detail .dropdown-toggle {
    padding: 11px 15px;
    width: 260px
}

.step3 .dropdown-toggle,
.step3 .steps-detail .form-group .btn-group {
    min-width: 97px;
    width: 97px
}

.step3 .steps-detail .form-group .btn-group,
:root .step3 .dropdown-toggle {
    min-width: 130px;
    width: 130px
}

.steps-detail .control-label {
    display: inline-block;
    float: none;
    width: 100px;
    white-space: nowrap;
    margin-right: 10px
}

.steps-detail .control-group {
    width: 270px;
    float: none;
    display: inline-block
}

.steps-detail .control-group input {
    width: 248px
}

.steps-detail .form-group .btn-group {
    margin-bottom: 0
}

.steps-detail .form-group .btn-group+.btn-group {
    margin-left: 10px
}

.ke-inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

.ke-clearfix {
    zoom: 1
}

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

.ke-shadow {
    box-shadow: 1px 1px 3px #a0a0a0;
    -moz-box-shadow: 1px 1px 3px #a0a0a0;
    -webkit-box-shadow: 1px 1px 3px #a0a0a0;
    filter: progid: DXImageTransform.Microsoft.Shadow(color="#A0A0A0", Direction=135, Strength=3);
    background-color: #f0f0ee
}

.ke-dialog a,
.ke-dialog a:hover,
.ke-menu a,
.ke-menu a:hover {
    color: #337fe5;
    text-decoration: none
}

.ke-icon-source {
    width: 16px;
    height: 16px
}

.ke-icon-preview {
    width: 16px;
    height: 16px
}

.ke-icon-print {
    background-position: 0 -32px;
    width: 16px;
    height: 16px
}

.ke-icon-undo {
    width: 16px;
    height: 16px
}

.ke-icon-redo {
    width: 16px;
    height: 16px
}

.ke-icon-cut {
    background-position: 0 -80px;
    width: 16px;
    height: 16px
}

.ke-icon-copy {
    background-position: 0 -96px;
    width: 16px;
    height: 16px
}

.ke-icon-paste {
    background-position: 0 -112px;
    width: 16px;
    height: 16px
}

.ke-icon-selectall {
    background-position: 0 -128px;
    width: 16px;
    height: 16px
}

.ke-icon-justifyleft {
    background-position: 0 -144px;
    width: 16px;
    height: 16px
}

.ke-icon-justifycenter {
    background-position: 0 -160px;
    width: 16px;
    height: 16px
}

.ke-icon-justifyright {
    background-position: 0 -176px;
    width: 16px;
    height: 16px
}

.ke-icon-justifyfull {
    background-position: 0 -192px;
    width: 16px;
    height: 16px
}

.ke-icon-insertorderedlist {
    background-position: 0 -208px;
    width: 16px;
    height: 16px
}

.ke-icon-insertunorderedlist {
    background-position: 0 -224px;
    width: 16px;
    height: 16px
}

.ke-icon-indent {
    background-position: 0 -240px;
    width: 16px;
    height: 16px
}

.ke-icon-outdent {
    background-position: 0 -256px;
    width: 16px;
    height: 16px
}

.ke-icon-subscript {
    width: 16px;
    height: 16px
}

.ke-icon-superscript {
    width: 16px;
    height: 16px
}

.ke-icon-date {
    background-position: 0 -304px;
    width: 25px;
    height: 16px
}

.ke-icon-time {
    background-position: 0 -320px;
    width: 25px;
    height: 16px
}

.ke-icon-formatblock {
    background-position: 0 -336px;
    width: 25px;
    height: 16px
}

.ke-icon-fontname {
    background-position: 0 -352px;
    width: 21px;
    height: 16px
}

.ke-icon-fontsize {
    background-position: 0 -368px;
    width: 23px;
    height: 16px
}

.ke-icon-forecolor {
    background-position: 0 -384px;
    width: 20px;
    height: 16px
}

.ke-icon-hilitecolor {
    background-position: 0 -400px;
    width: 23px;
    height: 16px
}

.ke-icon-bold {
    background-position: 0 -416px;
    width: 16px;
    height: 16px
}

.ke-icon-italic {
    background-position: 0 -432px;
    width: 16px;
    height: 16px
}

.ke-icon-underline {
    background-position: 0 -448px;
    width: 16px;
    height: 16px
}

.ke-icon-strikethrough {
    background-position: 0 -464px;
    width: 16px;
    height: 16px
}

.ke-icon-removeformat {
    background-position: 0 -480px;
    width: 16px;
    height: 16px
}

.ke-icon-math {
    background-position: 0 -189px;
    width: 16px;
    height: 16px
}

.ke-icon-image {
    background-position: 0 -496px;
    width: 16px;
    height: 16px
}

.ke-icon-flash {
    background-position: 0 -512px;
    width: 16px;
    height: 16px
}

.ke-icon-media {
    background-position: 0 -528px;
    width: 16px;
    height: 16px
}

.ke-icon-div {
    background-position: 0 -544px;
    width: 16px;
    height: 16px
}

.ke-icon-formula {
    background-position: 0 -576px;
    width: 16px;
    height: 16px
}

.ke-icon-hr {
    background-position: 0 -592px;
    width: 16px;
    height: 16px
}

.ke-icon-emoticons {
    background-position: 0 -608px;
    width: 16px;
    height: 16px
}

.ke-icon-link {
    width: 20px;
    height: 16px
}

.ke-icon-unlink {
    background-position: 0 -640px;
    width: 16px;
    height: 16px
}

.ke-icon-fullscreen {
    background-position: 0 -656px;
    width: 16px;
    height: 16px
}

.ke-icon-about {
    background-position: 0 -672px;
    width: 16px;
    height: 16px
}

.ke-icon-plainpaste {
    background-position: 0 -704px;
    width: 16px;
    height: 16px
}

.ke-icon-wordpaste {
    background-position: 0 -720px;
    width: 16px;
    height: 16px
}

.ke-icon-table {
    width: 16px;
    height: 16px
}

.ke-icon-tablemenu {
    background-position: 0 -768px;
    width: 16px;
    height: 16px
}

.ke-icon-tableinsert {
    background-position: 0 -784px;
    width: 16px;
    height: 16px
}

.ke-icon-tabledelete {
    background-position: 0 -800px;
    width: 16px;
    height: 16px
}

.ke-icon-tablecolinsertleft {
    background-position: 0 -816px;
    width: 16px;
    height: 16px
}

.ke-icon-tablecolinsertright {
    background-position: 0 -832px;
    width: 16px;
    height: 16px
}

.ke-icon-tablerowinsertabove {
    background-position: 0 -848px;
    width: 16px;
    height: 16px
}

.ke-icon-tablerowinsertbelow {
    background-position: 0 -864px;
    width: 16px;
    height: 16px
}

.ke-icon-tablecoldelete {
    background-position: 0 -880px;
    width: 16px;
    height: 16px
}

.ke-icon-tablerowdelete {
    background-position: 0 -896px;
    width: 16px;
    height: 16px
}

.ke-icon-tablecellprop {
    background-position: 0 -912px;
    width: 16px;
    height: 16px
}

.ke-icon-tableprop {
    background-position: 0 -928px;
    width: 16px;
    height: 16px
}

.ke-icon-checked {
    background-position: 0 -944px;
    width: 16px;
    height: 16px
}

.ke-icon-code {
    width: 20px;
    height: 16px
}

.ke-icon-map {
    background-position: 0 -976px;
    width: 16px;
    height: 16px
}

.ke-icon-baidumap {
    background-position: 0 -976px;
    width: 16px;
    height: 16px
}

.ke-icon-lineheight {
    background-position: 0 -992px;
    width: 16px;
    height: 16px
}

.ke-icon-clearhtml {
    background-position: 0 -1008px;
    width: 16px;
    height: 16px
}

.ke-icon-pagebreak {
    background-position: 0 -1024px;
    width: 16px;
    height: 16px
}

.ke-icon-insertfile {
    background-position: 0 -1040px;
    width: 16px;
    height: 16px
}

.ke-icon-quickformat {
    background-position: 0 -1056px;
    width: 16px;
    height: 16px
}

.ke-icon-template {
    background-position: 0 -1072px;
    width: 16px;
    height: 16px
}

.ke-icon-tablecellsplit {
    background-position: 0 -1088px;
    width: 16px;
    height: 16px
}

.ke-icon-tablerowmerge {
    background-position: 0 -1104px;
    width: 16px;
    height: 16px
}

.ke-icon-tablerowsplit {
    background-position: 0 -1120px;
    width: 16px;
    height: 16px
}

.ke-icon-tablecolmerge {
    background-position: 0 -1136px;
    width: 16px;
    height: 16px
}

.ke-icon-tablecolsplit {
    background-position: 0 -1152px;
    width: 16px;
    height: 16px
}

.ke-icon-anchor {
    background-position: 0 -1168px;
    width: 16px;
    height: 16px
}

.ke-icon-search {
    background-position: 0 -1184px;
    width: 16px;
    height: 16px
}

.ke-icon-new {
    background-position: 0 -1200px;
    width: 16px;
    height: 16px
}

.ke-icon-specialchar {
    background-position: 0 -1216px;
    width: 16px;
    height: 16px
}

.ke-icon-multiimage {
    background-position: 0 -1232px;
    width: 16px;
    height: 16px
}

.ke-container {
    display: block;
    border: 1px solid #ccc;
    background-color: #fff;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.ke-toolbar {
    border-bottom: 1px solid #ccc;
    background-color: #f0f0ee;
    padding: 2px 5px;
    text-align: left;
    zoom: 1
}

.ke-toolbar:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.ke-toolbar-icon {
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    display: block
}

.ke-toolbar-icon-url {
    background-image: url(default.png)
}

.ke-toolbar .ke-outline {
    border: 1px solid #f0f0ee;
    margin: 1px;
    padding: 1px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    cursor: pointer;
    display: block;
    float: left
}

.ke-toolbar .ke-on {
    border: 1px solid #5690d2
}

.ke-toolbar .ke-selected {
    border: 1px solid #5690d2;
    background-color: #e9eff6
}

.ke-toolbar .ke-disabled {
    cursor: default
}

.ke-toolbar .ke-separator {
    height: 16px;
    margin: 2px 3px;
    border-left: 1px solid #a0a0a0;
    border-right: 1px solid #fff;
    border-top: 0;
    border-bottom: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    display: block;
    float: left
}

.ke-toolbar .ke-hr {
    overflow: hidden;
    height: 1px;
    clear: both
}

.ke-edit {
    padding: 0;
    position: relative;
    background: #f7f7f7
}

.ke-edit-iframe,
.ke-edit-textarea {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    background: #fff
}

.ke-edit-textarea {
    font: 12px/1.5 Consolas, Monaco, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
    color: #000;
    overflow: auto;
    resize: none
}

.ke-edit-textarea:focus {
    outline: 0
}

.ke-statusbar {
    position: relative;
    background-color: #f0f0ee;
    border-top: 1px solid #ccc;
    font-size: 0;
    line-height: 0;
    *height: 12px;
    overflow: hidden;
    text-align: center;
    cursor: s-resize
}

.ke-statusbar-center-icon {
    background-position: 0 -754px;
    width: 15px;
    height: 11px;
    background-image: url(default.png)
}

.ke-statusbar-right-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: se-resize;
    background-position: -5px -741px;
    width: 11px;
    height: 11px;
    background-image: url(default.png)
}

.ke-menu {
    border: 1px solid #a0a0a0;
    background-color: #f1f1f1;
    color: #222;
    padding: 2px;
    font-family: "sans serif", tahoma, verdana, helvetica;
    font-size: 12px;
    text-align: left;
    overflow: hidden
}

.ke-menu-item {
    border: 1px solid #f1f1f1;
    background-color: #f1f1f1;
    color: #222;
    height: 24px;
    overflow: hidden;
    cursor: pointer
}

.ke-menu-item-on {
    border: 1px solid #5690d2;
    background-color: #e9eff6
}

.ke-menu-item-left {
    width: 27px;
    text-align: center;
    overflow: hidden
}

.ke-menu-item-center {
    width: 0;
    height: 24px;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #fff;
    border-top: 0;
    border-bottom: 0
}

.ke-menu-item-center-on {
    border-left: 1px solid #e9eff6;
    border-right: 1px solid #e9eff6
}

.ke-menu-item-right {
    border: 0;
    padding: 0 0 0 5px;
    line-height: 24px;
    text-align: left;
    overflow: hidden
}

.ke-menu-separator {
    margin: 2px 0;
    height: 0;
    overflow: hidden;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    border-left: 0;
    border-right: 0
}

.ke-colorpicker {
    border: 1px solid #a0a0a0;
    background-color: #f1f1f1;
    color: #222;
    padding: 2px
}

.ke-colorpicker-table {
    border: 0;
    margin: 0;
    padding: 0;
    border-collapse: separate
}

.ke-colorpicker-cell {
    font-size: 0;
    line-height: 0;
    border: 1px solid #f0f0ee;
    cursor: pointer;
    margin: 3px;
    padding: 0
}

.ke-colorpicker-cell-top {
    font-family: "sans serif", tahoma, verdana, helvetica;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid #f0f0ee;
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-align: center
}

.ke-colorpicker-cell-on {
    border: 1px solid #5690d2
}

.ke-colorpicker-cell-selected {
    border: 1px solid #2446ab
}

.ke-colorpicker-cell-color {
    width: 14px;
    height: 14px;
    margin: 3px;
    padding: 0;
    border: 0
}

.ke-dialog {
    position: absolute;
    margin: 0;
    padding: 0
}

.ke-dialog .ke-header {
    width: 100%;
    margin-bottom: 10px
}

.ke-dialog .ke-header .ke-left {
    float: left
}

.ke-dialog .ke-header .ke-right {
    float: right
}

.ke-dialog .ke-header label {
    margin-right: 0;
    cursor: pointer;
    font-weight: 400;
    display: inline;
    vertical-align: top
}

.ke-dialog-content {
    background-color: #fff;
    width: 100%;
    height: 100%;
    color: #333;
    border: 1px solid #a0a0a0
}

.ke-dialog-shadow {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 3px 3px 7px #999;
    -moz-box-shadow: 3px 3px 7px #999;
    -webkit-box-shadow: 3px 3px 7px #999;
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius="3", MakeShadow="true", ShadowOpacity=".4");
    background-color: #f0f0ee
}

.ke-dialog-header {
    border: 0;
    margin: 0;
    padding: 0 10px;
    background: url(background.png) repeat scroll 0 0 #f0f0ee;
    border-bottom: 1px solid #cfcfcf;
    height: 24px;
    font: 12px/24px "sans serif", tahoma, verdana, helvetica;
    text-align: left;
    color: #222;
    cursor: move
}

.ke-dialog-icon-close {
    display: block;
    background: url(default.png) no-repeat scroll 0 -688px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer
}

.ke-dialog-body {
    font: 12px/1.5 "sans serif", tahoma, verdana, helvetica;
    text-align: left;
    overflow: hidden;
    width: 100%
}

.ke-dialog-body textarea {
    display: block;
    overflow: auto;
    padding: 0;
    resize: none
}

.ke-dialog-body input:focus,
.ke-dialog-body select:focus,
.ke-dialog-body textarea:focus {
    outline: 0
}

.ke-dialog-body label {
    margin-right: 10px;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

.ke-dialog-body img {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

.ke-dialog-body select {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: auto
}

.ke-dialog-body .ke-textarea {
    display: block;
    width: 408px;
    height: 260px;
    font-family: "sans serif", tahoma, verdana, helvetica;
    font-size: 12px;
    border-color: #848484 #e0e0e0 #e0e0e0 #848484;
    border-style: solid;
    border-width: 1px
}

.ke-dialog-body .ke-form {
    margin: 0;
    padding: 0
}

.ke-dialog-loading {
    position: absolute;
    top: 0;
    left: 1px;
    z-index: 1;
    text-align: center
}

.ke-dialog-loading-content {
    background: url(../common/loading.gif) no-repeat;
    color: #666;
    font-size: 14px;
    font-weight: 600;
    height: 31px;
    line-height: 31px;
    padding-left: 36px
}

.ke-dialog-row {
    margin-bottom: 10px
}

.ke-dialog-footer {
    font: 12px/1 "sans serif", tahoma, verdana, helvetica;
    text-align: right;
    padding: 0 0 5px 0;
    background-color: #fff;
    width: 100%
}

.ke-dialog-preview,
.ke-dialog-yes {
    margin: 5px
}

.ke-dialog-no {
    margin: 5px 10px 5px 5px
}

.ke-dialog-mask {
    background-color: #fff;
    filter: alpha(opacity=50);
    opacity: .5
}

.ke-button-common {
    background: url(background.png) no-repeat scroll 0 -25px transparent;
    cursor: pointer;
    height: 23px;
    line-height: 23px;
    overflow: visible;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.ke-button-outer {
    background-position: 0 -25px;
    padding: 0;
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

.ke-button {
    background-position: right -25px;
    padding: 0 12px;
    margin: 0;
    font-family: "sans serif", tahoma, verdana, helvetica;
    border: 0 none;
    color: #333;
    font-size: 12px;
    left: 2px;
    text-decoration: none
}

.ke-input-text {
    background-color: #fff;
    font-family: "sans serif", tahoma, verdana, helvetica;
    font-size: 12px;
    line-height: 17px;
    height: 17px;
    padding: 2px 4px;
    border-color: #848484 #e0e0e0 #e0e0e0 #848484;
    border-style: solid;
    border-width: 1px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

.ke-input-number {
    width: 50px
}

.ke-input-color {
    border: 1px solid #a0a0a0;
    background-color: #fff;
    font-size: 12px;
    width: 60px;
    height: 20px;
    line-height: 20px;
    padding-left: 5px;
    overflow: hidden;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

.ke-upload-button {
    position: relative
}

.ke-upload-area {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    *height: 25px
}

.ke-upload-area .ke-upload-file {
    position: absolute;
    font-size: 60px;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 811212;
    border: 0 none;
    opacity: 0;
    filter: alpha(opacity=0)
}

.ke-tabs {
    font: 12px/1 "sans serif", tahoma, verdana, helvetica;
    border-bottom: 1px solid #a0a0a0;
    padding-left: 5px;
    margin-bottom: 20px
}

.ke-tabs-ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ke-tabs-li {
    position: relative;
    border: 1px solid #a0a0a0;
    background-color: #f0f0ee;
    margin: 0 2px -1px 0;
    padding: 0 20px;
    float: left;
    line-height: 25px;
    text-align: center;
    color: #555;
    cursor: pointer
}

.ke-tabs-li-selected {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    color: #000;
    cursor: default
}

.ke-tabs-li-on {
    background-color: #fff;
    color: #000
}

.ke-progressbar {
    position: relative;
    margin: 0;
    padding: 0
}

.ke-progressbar-bar {
    border: 1px solid #6fa5db;
    width: 80px;
    height: 5px;
    margin: 10px 10px 0 10px;
    padding: 0
}

.ke-progressbar-bar-inner {
    width: 0;
    height: 5px;
    background-color: #6fa5db;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.ke-progressbar-percent {
    position: absolute;
    top: 0;
    left: 40%;
    display: none
}

.ke-swfupload-top {
    position: relative;
    margin-bottom: 10px;
    _width: 608px
}

.ke-swfupload-button {
    height: 23px;
    line-height: 23px
}

.ke-swfupload-desc {
    padding: 0 10px;
    height: 23px;
    line-height: 23px
}

.ke-swfupload-startupload {
    position: absolute;
    top: 0;
    right: 0
}

.ke-swfupload-body {
    overflow: scroll;
    background-color: #fff;
    border-color: #848484 #e0e0e0 #e0e0e0 #848484;
    border-style: solid;
    border-width: 1px;
    width: auto;
    height: 370px;
    padding: 5px
}

.ke-swfupload-body .ke-item {
    width: 100px;
    margin: 5px
}

.ke-swfupload-body .ke-photo {
    position: relative;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 10px
}

.ke-swfupload-body .ke-delete {
    display: block;
    background: url(default.png) no-repeat scroll 0 -688px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.ke-swfupload-body .ke-status {
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100px;
    height: 17px
}

.ke-swfupload-body .ke-message {
    width: 100px;
    text-align: center;
    overflow: hidden;
    height: 17px
}

.ke-swfupload-body .ke-error {
    color: red
}

.ke-swfupload-body .ke-name {
    width: 100px;
    text-align: center;
    overflow: hidden;
    height: 16px
}

.ke-swfupload-body .ke-on {
    border: 1px solid #5690d2;
    background-color: #e9eff6
}

.ke-plugin-emoticons {
    position: relative
}

.ke-plugin-emoticons .ke-preview {
    position: absolute;
    text-align: center;
    margin: 2px;
    padding: 10px;
    top: 0;
    border: 1px solid #a0a0a0;
    background-color: #fff;
    display: none
}

.ke-plugin-emoticons .ke-preview-img {
    border: 0;
    margin: 0;
    padding: 0
}

.ke-plugin-emoticons .ke-table {
    border: 0;
    margin: 0;
    padding: 0;
    border-collapse: separate
}

.ke-plugin-emoticons .ke-cell {
    margin: 0;
    padding: 1px;
    border: 1px solid #f0f0ee;
    cursor: pointer
}

.ke-plugin-emoticons .ke-on {
    border: 1px solid #5690d2;
    background-color: #e9eff6
}

.ke-plugin-emoticons .ke-img {
    display: block;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: 2px;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 0
}

.ke-plugin-emoticons .ke-page {
    text-align: right;
    margin: 5px;
    padding: 0;
    border: 0;
    font: 12px/1 "sans serif", tahoma, verdana, helvetica;
    color: #333;
    text-decoration: none
}

.ke-plugin-plainpaste-textarea,
.ke-plugin-wordpaste-iframe {
    display: block;
    width: 408px;
    height: 260px;
    font-family: "sans serif", tahoma, verdana, helvetica;
    font-size: 12px;
    border-color: #848484 #e0e0e0 #e0e0e0 #848484;
    border-style: solid;
    border-width: 1px
}

.ke-plugin-filemanager-header {
    width: 100%;
    margin-bottom: 10px
}

.ke-plugin-filemanager-header .ke-left {
    float: left
}

.ke-plugin-filemanager-header .ke-right {
    float: right
}

.ke-plugin-filemanager-body {
    overflow: scroll;
    background-color: #fff;
    border-color: #848484 #e0e0e0 #e0e0e0 #848484;
    border-style: solid;
    border-width: 1px;
    width: auto;
    height: 370px;
    padding: 5px
}

.ke-plugin-filemanager-body .ke-item {
    width: 100px;
    margin: 5px
}

.ke-plugin-filemanager-body .ke-photo {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 10px
}

.ke-plugin-filemanager-body .ke-name {
    width: 100px;
    text-align: center;
    overflow: hidden;
    height: 16px
}

.ke-plugin-filemanager-body .ke-on {
    border: 1px solid #5690d2;
    background-color: #e9eff6
}

.ke-plugin-filemanager-body .ke-table {
    width: 95%;
    border: 0;
    margin: 0;
    padding: 0;
    border-collapse: separate
}

.ke-plugin-filemanager-body .ke-table .ke-cell {
    margin: 0;
    padding: 0;
    border: 0
}

.ke-plugin-filemanager-body .ke-table .ke-name {
    width: 55%;
    text-align: left
}

.ke-plugin-filemanager-body .ke-table .ke-size {
    width: 15%;
    text-align: left
}

.ke-plugin-filemanager-body .ke-table .ke-datetime {
    width: 30%;
    text-align: center
}

.ke-container-nowcoder {
    margin-bottom: 10px;
    background: #fff
}

.ke-dialog-nowcoder input {
    width: auto
}

.ke-dialog-nowcoder input[type=text].ke-input-text {
    border-width: 1px;
    padding: 2px 4px;
    width: auto;
    font-size: 12px
}

.ke-dialog-nowcoder input[type=text].ke-input-number {
    width: 50px
}

.ke-dialog-nowcoder label {
    font-size: 12px
}

.ke-container-nowcoder .ke-toolbar {
    background: #f5f5f5;
    padding: 8px 10px;
    margin: 0
}

.ke-container-nowcoder .ke-statusbar {
    display: none
}

.ke-toolbar .btn-group {
    width: auto;
    float: left;
    margin: -2px 0 -6px -5px
}

.ke-toolbar .ke-outline {
    border-color: #f5f5f5
}

.ke-container-nowcoder .ke-toolbar .ke-outline {
    margin-left: 5px;
    margin-right: 5px
}

.ke-container-nowcoder .ke-toolbar-icon-url {
    background-image: url(https://static.nowcoder.com/fe/style/images/common/img/icons/editorIco.png)
}

.ke-container-nowcoder .ke-toolbar .ke-on,
.ke-container-nowcoder .ke-toolbar .ke-selected {
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #f8f8f8
}

.ke-container-nowcoder .ke-toolbar .ke-separator {
    border-left: 1px solid #c2c2c2;
    border-right: none;
    margin-left: 3px;
    margin-right: 3px;
    height: 20px;
    margin-top: 0
}

.ke-container-nowcoder .ke-icon-bold {
    background-position: 2px 1px
}

.ke-container-nowcoder .ke-icon-italic {
    background-position: 3px -29px
}

.ke-container-nowcoder .ke-icon-underline {
    background-position: 3px -57px
}

.ke-container-nowcoder .ke-icon-fontstyle {
    width: 21px;
    height: 16px;
    background-position: 0 -633px
}

.ke-container-nowcoder .ke-icon-bockquote {
    background-position: 0 -85px;
    width: 16px;
    height: 16px
}

.ke-container-nowcoder .ke-icon-codeblock {
    background-position: 0 -111px;
    width: 16px;
    height: 16px
}

.ke-container-nowcoder .ke-icon-insertorderedlist {
    background-position: 0 -137px
}

.ke-container-nowcoder .ke-icon-insertunorderedlist {
    background-position: 0 -163px
}

.ke-container-nowcoder .ke-icon-image,
.ke-container-nowcoder .ke-icon-multiimage {
    background-position: 1px -217px
}

.ke-container-nowcoder .ke-icon-removeformat {
    background-position: 1px -244px
}

.ke-container-nowcoder .ke-icon-vote {
    background-position: 0 -666px;
    width: 20px;
    height: 16px
}

.point-box {
    padding: 15px 20px
}

.point-box .point-area {
    width: 98%;
    max-width: 98%;
    padding: .5% 1%;
    line-height: 1.5;
    margin-bottom: 0;
    font-size: 14px;
    height: 70px;
    border: none
}

.point-area-box {
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    margin-bottom: 20px
}

.point-box .point-btn {
    float: right;
    text-align: center;
    padding: 10px 20px
}

.full-ico {
    background: url(https://static.nowcoder.com/fe/style/images/common/img/fullscreen-ico2.png) 0 0 no-repeat;
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 10px;
    top: 10px
}

.full-ico:hover {
    background-position: 0 -22px
}

.editor-box {
    position: relative
}

.label-editor {
    margin-bottom: 20px
}

.label-editor .txt-area {
    width: 93%
}

.txt-title {
    color: #666;
    float: left;
    font-size: 16px;
    line-height: 22px;
    padding: 5px 0 5px 5px
}

.eidt-area-tool {
    background: #f0f0f0;
    padding: 5px;
    margin: 2px
}

.eidtorToolItem,
.eidtorToolItem li {
    float: left
}

.eidtorToolItem li {
    margin-right: 15px;
    padding-top: 3px
}

.eidtorToolItem a,
.ico-to-html {
    display: block;
    height: 16px;
    width: 16px;
    background: url(https://static.nowcoder.com/fe/style/images/common/res/editor/editorIco.png) no-repeat
}

.eidtorToolItem .eidtorB {
    background-position: 3px 0
}

.eidtorToolItem .eidtorI {
    background-position: 3px -30px
}

.eidtorToolItem .eidtorU {
    background-position: 3px -58px
}

.eidtorToolItem .eidtorCite {
    background-position: 0 -86px
}

.eidtorToolItem .eidtorBrackets {
    background-position: 0 -112px
}

.eidtorToolItem .eidtorOl {
    background-position: 0 -138px
}

.eidtorToolItem .eidtorUl {
    background-position: 0 -164px
}

.eidtorToolItem .eidtorFormula {
    background-position: 0 -190px
}

.eidtorToolItem .eidtorImg {
    background-position: 0 -218px
}

.eidtorToolItem .eidtorT {
    background-position: 0 -244px
}

.ke-icon-source {
    background-position: 0 -438px
}

.ke-icon-preview {
    background-position: 0 -472px
}

.ke-icon-link {
    background-position: 0 -272px
}

.ke-icon-subscript {
    background-position: 0 -535px
}

.ke-icon-superscript {
    background-position: 0 -568px
}

.ke-icon-table {
    background-position: 0 -505px
}

.ke-icon-code {
    background-position: 0 -302px
}

.ke-icon-undo {
    background-position: 0 -357px
}

.ke-icon-redo {
    background-position: 0 -382px
}

.ke-icon-line {
    background-position: 0 -330px;
    width: 16px;
    height: 16px
}

.ke-icon-help {
    background-position: 0 -407px;
    width: 16px;
    height: 16px
}

.editorToolPipe {
    background: #ccc;
    float: left;
    margin-right: 20px;
    width: 1px;
    height: 20px
}

.ico-to-html,
.ico-to-html:hover {
    float: right;
    width: auto;
    padding-left: 20px;
    background-position: 0 -596px;
    line-height: 22px;
    height: auto;
    cursor: pointer;
    color: #333
}

.ke-toolbar .btn-group-sm .dropdown-menu,
.ke-toolbar .btn-group-sm .dropdown-toggle {
    font-size: 12px
}

.ke-toolbar .btn-group .dropdown-toggle {
    min-width: 70px;
    padding: 4px;
    width: auto;
    margin-right: 0
}

.ke-toolbar .btn-group .caret {
    display: block;
    position: absolute;
    right: 5px;
    top: 4px;
    font-size: 14px
}

.ke-toolbar .dropdown-value {
    width: 50px
}

.btn-group.more-icons .dropdown-toggle {
    min-width: 55px
}

.ke-toolbar .dropdown-menu .ke-outline {
    border: none;
    margin: 3px
}

.ke-toolbar .btn-group.more-icons {
    margin-left: 10px
}

.more-icons .dropdown-value {
    width: 35px
}

.ke-insert-box {
    padding-top: 0!important;
    margin-top: -2px!important
}

.ke-insert-code {
    font-size: 12px;
    line-height: 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    padding: 0 5px
}

.ke-insert-code .icon-insert-code {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    background: url(//static.nowcoder.com/fe/style/images/common/img/icons/markdown.png) 0 -108px no-repeat;
    height: 14px;
    width: 18px
}

.ke-change-code .btn-group .dropdown-toggle {
    font-size: 12px;
    color: #666;
    padding-right: 18px;
    margin-top: 0
}

.ke-change-code .btn-group .caret {
    top: 8px
}

.ke-change-code .dropdown-menu {
    left: -6px
}

.ke-code-icon {
    background: url(//static.nowcoder.com/fe/style/images/common/img/icons/icon-edit-code.png) 0 0 no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 18px;
    margin-right: 5px
}

.ke-code-current {
    background-position: -57px 0
}

.ke-code-md {
    background-position: -57px -37px
}

.ke-code-html {
    background-position: 0 -75px
}

.selected .ke-code-md {
    background-position: 0 -37px
}

.selected .ke-code-html {
    background-position: -57px -75px
}

.fold-textarea,
.unfold-textarea {
    display: block;
    width: 16px;
    height: 100%;
    margin-top: 0;
    position: absolute;
    left: 50%;
    margin-left: 0;
    top: 0;
    cursor: pointer;
    background: #e1e1e1 url(/images/img/editor/arrow.png) 4px center no-repeat
}

.fold-textarea {
    left: unset;
    right: 0;
    display: none;
    background-position: -16px center;
    height: 100%;
    margin-top: 0;
    top: 0;
    right: 0;
    left: auto
}

.ico-to-markdown {
    float: right;
    cursor: pointer;
    line-height: 22px
}

.txt-area-box {
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    margin-bottom: 10px;
    background: #fff
}

.editor-box .editor-btn {
    float: right;
    text-align: center
}

.txt-area {
    height: 70px;
    width: 98%;
    padding: .5% 1%;
    line-height: 1.5;
    font-size: 14px;
    border: none;
    resize: none
}

.txtarea-foot {
    margin-top: 20px
}

.txtarea-tool {
    float: left;
    overflow: hidden;
    margin-top: 10px
}

.txtarea-tool li {
    float: left;
    margin-right: 20px
}

.txtarea-tool a {
    display: block;
    outline: 0;
    text-indent: -9999em;
    background: url(/images/img/editarea-icon.png) no-repeat
}

.txtarea-tool .font-ico {
    background-position: 0 0;
    width: 20px;
    height: 18px
}

.txtarea-tool .img-ico {
    width: 22px;
    height: 18px;
    background-position: 0 -38px
}

.txtarea-tool .font-ico:hover {
    background-position: 0 -77px
}

.txtarea-tool .img-ico:hover {
    background-position: 0 -114px
}

.txt-status-num {
    text-align: right
}

.ke-md-textarea {
    padding: 5px;
    line-height: 1.8;
    font-size: 14px;
    resize: none;
    resize: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    overflow: hidden
}

.ke-md-edit-preview {
    float: right;
    background: #f7f7f7;
    width: 50%
}

.ke-md-edit-preview iframe {
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ke-md-no-preview .ke-md-textarea {
    width: 100%;
    padding: 5px 21px 5px 5px
}

.ke-md-no-preview .unfold-textarea {
    display: none
}

.ke-md-no-preview .fold-textarea {
    display: block
}

.editor-img {
    width: 265px;
    height: 185px;
    margin: 0 5px 5px 0;
    display: inline-block;
    background: #f2f2f2;
    position: relative
}

.editor-img img {
    width: 100%
}

.editor-img:hover .editor-img-bar {
    display: block
}

.editor-img-bar {
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, .3);
    font-size: 16px;
    padding: 5px 10px;
    width: 245px
}

.editor-img-bar a {
    color: #fff;
    margin-right: 8px;
    -webkit-font-smoothing: antialiased
}

.editor-img-bar .selected {
    color: #25bb9b
}

.markdown-explain {
    position: absolute;
    z-index: 5;
    background: #fff;
    border: 1px solid #c9c9c9;
    right: -1px;
    top: -1px;
    bottom: -1px;
    overflow-y: auto;
    padding: 10px;
    font-size: 14px
}

.markdown-explain .pop-close {
    margin: 0
}

.markdown-explain ul {
    padding: 10px 0
}

.markdown-explain ul+ul {
    border-top: 1px solid #e5e5e5
}

.markdown-explain li {
    padding: 5px 20px;
    border-radius: 3px
}

.markdown-explain li .icon-markdown {
    background: url(//static.nowcoder.com/fe/style/images/common/img/icons/markdown.png) no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.markdown-explain li .icon-markdown.icon-markdown1 {
    background-position: 0 -18px
}

.markdown-explain li .icon-markdown.icon-markdown2 {
    background-position: 0 -61px
}

.markdown-explain li .icon-markdown.icon-markdown3 {
    background-position: 0 -108px;
    width: 20px
}

.markdown-explain li .icon-markdown.icon-markdown4 {
    background-position: 0 -132px
}

.markdown-explain li .icon-markdown.icon-markdown5 {
    background-position: 0 -291px
}

.markdown-explain li .icon-markdown.icon-markdown6 {
    background-position: 0 -320px
}

.markdown-explain li .icon-markdown.icon-markdown7 {
    background-position: 0 -352px
}

.markdown-explain li .icon-markdown.icon-markdown8 {
    background-position: 0 -378px
}

.markdown-explain li .icon-markdown.icon-markdown9 {
    background-position: 0 -404px
}

.markdown-explain li:hover {
    background: #f0faf8
}

.markdown-explain li:hover .icon-markdown1 {
    background-position: 0 2px
}

.markdown-explain li:hover .icon-markdown2 {
    background-position: 0 -39px
}

.markdown-explain li:hover .icon-markdown3 {
    background-position: 0 -87px
}

.markdown-explain li:hover .icon-markdown4 {
    background-position: 0 -163px
}

.markdown-explain li:hover .icon-markdown5 {
    background-position: 0 -198px
}

.markdown-explain li:hover .icon-markdown6 {
    background-position: 0 -227px
}

.markdown-explain li:hover .icon-markdown7 {
    background-position: 0 -259px
}

.markdown-explain li:hover .icon-markdown8 {
    background-position: 0 -433px
}

.markdown-explain li:hover .icon-markdown9 {
    background-position: 0 -459px
}

.markdown-explain .tit {
    margin-right: 50px;
    width: 40px;
    display: inline-block
}

.markdown-explain .tit.bold {
    font-weight: 600
}

.markdown-explain .tit.italic {
    font-style: italic
}

.markdown-explain .tit i {
    font-size: 16px
}

.markdown-explain-txt {
    color: #aaa;
    padding: 0 20px
}

.explain-more {
    margin-top: 5px;
    background: #ddd;
    border-radius: 3px;
    display: block;
    text-align: center;
    padding: 5px
}

.demo-video {
    width: 620px;
    padding-top: 95px;
    padding-bottom: 50px;
    border-radius: 6px
}

.video-js {
    background-color: transparent;
    position: relative;
    padding: 0;
    font-size: 10px;
    vertical-align: middle;
    border-radius: 6px 6px 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.video-js video {
    background: #000;
    cursor: pointer
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px 6px 0 0
}

.video-js:-moz-full-screen {
    position: absolute
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}

.vjs-controls [class*=" icon-"],
.vjs-controls [class^=icon-] {
    font-size: 14px;
    color: #465b70;
    text-align: center;
    line-height: 18px
}

.vjs-controls [class*=" icon-"]:hover,
.vjs-controls [class^=icon-]:hover {
    color: #627385
}

.video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%!important;
    height: 100%!important;
    _position: absolute
}

.video-js:-webkit-full-screen {
    width: 100%!important;
    height: 100%!important
}

.vjs-poster {
    margin: 0 auto;
    padding: 0;
    cursor: pointer;
    position: relative;
    width: 100%;
    max-height: 100%;
    border-radius: 6px 6px 0 0
}

.video-js .vjs-text-track-display {
    text-align: center;
    position: absolute;
    bottom: 4em;
    left: 1em;
    right: 1em;
    font-family: Lato, sans-serif
}

.video-js .vjs-text-track {
    display: none;
    color: #fff;
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em;
    background: #000;
    background: rgba(0, 0, 0, .5)
}

.video-js .vjs-subtitles {
    color: #fff
}

.video-js .vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

.vjs-fade-in {
    visibility: visible!important;
    opacity: 1!important;
    -webkit-transition: visibility 0s linear 0s, opacity .3s linear;
    transition: visibility 0s linear 0s, opacity .3s linear;
    -webkit-backface-visibility: hidden
}

.vjs-fade-out {
    visibility: hidden!important;
    opacity: 0!important;
    -webkit-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
    transition: visibility 0s linear 1.5s, opacity 1.5s linear;
    -webkit-backface-visibility: hidden
}

.vjs-controls {
    line-height: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    height: 47px;
    color: #fff;
    background: #273747;
    z-index: 9;
    border-radius: 0 0 6px 6px
}

.vjs-controls.vjs-fade-out {
    visibility: visible!important;
    opacity: 1!important
}

.vjs-control {
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 18px;
    width: 18px
}

.vjs-control:focus {
    outline: 0
}

.vjs-control div {
    background-position: center center;
    background-repeat: no-repeat
}

.vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-play-control {
    cursor: pointer!important;
    height: 47px;
    left: 0;
    position: absolute;
    top: 0;
    width: 58px
}

.vjs-play-control div {
    position: relative;
    height: 47px
}

.vjs-play-control div:after,
.vjs-play-control div:before {
    position: absolute;
    font-family: Flat-UI-Icons;
    color: #1abc9c;
    font-size: 16px;
    top: 50%;
    left: 50%;
    margin: -.55em 0 0 -.5em;
    -webkit-transition: color .25s, opacity .25s;
    transition: color .25s, opacity .25s;
    -webkit-backface-visibility: hidden
}

.vjs-play-control div:after {
    content: ""
}

.vjs-play-control div:before {
    content: ""
}

.vjs-paused .vjs-play-control:hover div:before {
    color: #16a085
}

.vjs-paused .vjs-play-control div:after {
    opacity: 0;
    filter: alpha(opacity=0)
}

.vjs-paused .vjs-play-control div:before {
    opacity: 1;
    filter: alpha(opacity=100)
}

.vjs-playing .vjs-play-control:hover div:after {
    color: #16a085
}

.vjs-playing .vjs-play-control div:after {
    opacity: 1;
    filter: alpha(opacity=100)
}

.vjs-playing .vjs-play-control div:before {
    opacity: 0;
    filter: alpha(opacity=0)
}

.vjs-rewind-control {
    width: 5em;
    cursor: pointer!important
}

.vjs-rewind-control div {
    width: 19px;
    height: 16px;
    background: none transparent;
    margin: .5em auto 0
}

.vjs-mute-control {
    cursor: pointer!important;
    position: absolute;
    right: 51px;
    top: 14px
}

.vjs-mute-control:focus div,
.vjs-mute-control:hover div {
    opacity: 0
}

.vjs-mute-control.icon-volume-down {
    height: 18px;
    font-size: 20px;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    -webkit-backface-visibility: hidden
}

.vjs-volume-bar,
.vjs-volume-control,
.vjs-volume-handle,
.vjs-volume-level {
    display: none
}

.vjs-progress-control {
    position: absolute;
    left: 60px;
    right: 180px;
    height: 12px;
    width: auto;
    top: 18px;
    background: #425669;
    border-radius: 32px
}

.vjs-progress-control {
    outline: 0
}

.vjs-progress-holder {
    position: relative;
    cursor: pointer!important;
    outline: 0;
    padding: 0;
    margin: 0;
    height: 12px
}

.vjs-load-progress,
.vjs-play-progress {
    position: absolute;
    display: block;
    height: 12px;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    border-radius: 32px
}

.vjs-play-progress {
    background: #1abc9c;
    left: -1px
}

.vjs-load-progress {
    background: #d6dbdf;
    border-radius: 32px 0 0 32px
}

.vjs-load-progress[style*="100%"],
.vjs-load-progress[style*="99%"] {
    border-radius: 32px
}

.vjs-seek-handle {
    background-color: #16a085;
    position: absolute;
    width: 18px;
    height: 18px;
    margin: -3px 0 0 1px;
    left: 0;
    top: 0;
    -webkit-transition: background-color .25s;
    transition: background-color .25s;
    -webkit-backface-visibility: hidden;
    border-radius: 50%
}

.vjs-seek-handle[style*="95."] {
    margin-left: 3px
}

.vjs-seek-handle[style="left: 0%;"] {
    margin-left: -2px
}

.vjs-seek-handle:focus,
.vjs-seek-handle:hover {
    background-color: #148d75
}

.vjs-seek-handle:active {
    background-color: #117a65
}

.vjs-time-controls {
    position: absolute;
    height: 20px;
    width: 50px;
    top: 16px;
    font: 300 13px Lato, sans-serif
}

.vjs-current-time {
    right: 128px;
    text-align: right
}

.vjs-duration {
    color: #5d6d7e;
    right: 69px;
    text-align: left
}

.vjs-remaining-time {
    display: none
}

.vjs-time-divider {
    color: #5d6d7e;
    font-size: 14px;
    position: absolute;
    right: 121px;
    top: 15px
}

.vjs-secondary-controls {
    float: right
}

.vjs-fullscreen-control {
    cursor: pointer!important;
    position: absolute;
    right: 17px;
    top: 13px
}

.vjs-fullscreen-control.icon-resize-full {
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    color: #465b70;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    -webkit-backface-visibility: hidden
}

.vjs-fullscreen-control.icon-resize-full:hover {
    color: #627385
}

.vjs-menu-button {
    display: none!important
}

.vjs-loading-spinner {
    background: #eee;
    display: none;
    height: 16px;
    left: 50%;
    margin: -8px 0 0 -8px;
    position: absolute;
    top: 50%;
    width: 16px;
    -webkit-animation: sharp 2s ease infinite;
    animation: sharp 2s ease infinite;
    border-radius: 10px
}

.voice-range {
    position: absolute;
    right: 55px;
    bottom: 40px;
    width: 10px;
    height: 100px;
    background: #eee;
    border-radius: 5px
}

.voice-bar {
    background: #00c7a1;
    width: 10px;
    position: absolute;
    bottom: 0;
    border-radius: 5px;
    left: 0
}

.voice-ball {
    background: #fff;
    border-radius: 50%;
    border: 1px solid #ddd;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -4px
}

.vjs-video-error,
.vjs-video-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.vjs-video-error {
    display: none;
    z-index: 99;
    background: #000;
    font-size: 14px;
    color: #fff
}

.tooltip-arrow,
.tooltip-arrow i {
    position: absolute
}

.tooltip-arrow i {
    border: 9px solid transparent
}

.tooltip {
    position: absolute;
    display: block;
    line-height: 1.4;
    visibility: visible;
    font-size: 14px;
    z-index: 99
}

.tooltip.top {
    padding: 5px 0 9px;
    margin-top: -8px
}

.tooltip.top .tooltip-arrow {
    content: "";
    height: 0;
    width: 0;
    border-top: 9px solid #34495e;
    border-left: 9px dashed transparent;
    border-right: 9px dashed transparent;
    bottom: 0;
    margin-left: -9px;
    left: 50%
}

.tooltip.top .tooltip-arrow i {
    top: -10px;
    left: -9px;
    border-top-color: #34495e
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.right .tooltip-arrow {
    content: "";
    height: 0;
    width: 0;
    border-right: 9px solid #34495e;
    border-top: 9px dashed transparent;
    border-bottom: 9px dashed transparent;
    margin-top: -9px;
    left: -4px;
    top: 50%
}

.tooltip.right .tooltip-arrow i {
    top: -9px;
    left: -8px;
    border-right-color: #34495e
}

.tooltip.bottom {
    padding: 8px 0 5px;
    margin-top: 9px
}

.tooltip.bottom .tooltip-arrow {
    content: "";
    height: 0;
    width: 0;
    border-bottom: 9px solid #34495e;
    border-left: 9px dashed transparent;
    border-right: 9px dashed transparent;
    margin-left: -9px;
    top: -1px;
    left: 50%
}

.tooltip.bottom .tooltip-arrow i {
    top: -8px;
    left: -9px;
    border-bottom-color: #34495e
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip.left .tooltip-arrow {
    content: "";
    height: 0;
    width: 0;
    border-left: 9px solid #34495e;
    border-top: 9px dashed transparent;
    border-bottom: 9px dashed transparent;
    margin-top: -9px;
    right: -4px;
    top: 50%
}

.tooltip.left .tooltip-arrow i {
    top: -9px;
    right: -8px;
    border-left-color: #34495e
}

.tooltip-inner {
    color: #fff;
    text-align: center;
    background-color: #34495e;
    line-height: 18px;
    padding: 10px;
    text-align: center;
    border-radius: 6px;
    font-size: 12px;
    box-shadow: 0 0 5px #f0f0f0
}

.tooltip-with-close .tooltip-inner {
    padding-right: 20px
}

.tooltip-with-close .icon-nc-close {
    color: #fff;
    right: 8px;
    top: 18px;
    font-size: 12px;
    position: absolute
}

.tooltip-info .tooltip-inner {
    background: #fff;
    color: #333;
    border: 1px solid #ddd
}

.tooltip-info.top .tooltip-arrow {
    left: 20px;
    border-top-color: #ddd
}

.tooltip-info.top .tooltip-arrow i {
    border-top-color: #fff
}

.tooltip-info.right .tooltip-arrow {
    border-right-color: #ddd
}

.tooltip-info.right .tooltip-arrow i {
    border-right-color: #fff
}

.tooltip-info.bottom .tooltip-arrow {
    left: 20px;
    border-bottom-color: #ddd
}

.tooltip-info.bottom .tooltip-arrow i {
    border-bottom-color: #fff
}

.tooltip-info.left .tooltip-arrow {
    border-left-color: #ddd
}

.tooltip-info.left .tooltip-arrow i {
    border-left-color: #fff
}

.help-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px
}

.help-wrapper .icon-question-sign {
    font-size: 16px
}

.help-wrapper .tooltip-info {
    max-width: 200px;
    min-width: 150px;
    right: -20px;
    display: none
}

.help-wrapper .tooltip-info.bottom .tooltip-arrow {
    right: 20px;
    left: auto
}

.help-wrapper:hover .tooltip-info {
    display: block
}

.help-wrapper.tips-fade-left .tooltip-info {
    left: -15px;
    right: auto
}

.help-wrapper.tips-fade-left .tooltip-info.bottom .tooltip-arrow {
    left: 20px;
    right: auto
}

.time-wrapper {
    width: 160px;
    height: 40px;
    position: relative
}

.time-wrapper .icon-calendar,
.time-wrapper .icon-sort-down,
.time-wrapper .icon-time {
    position: absolute;
    left: 8px;
    top: 12px;
    font-size: 18px;
    color: #999
}

.time-wrapper .icon-sort-down {
    left: auto;
    right: 15px;
    top: 8px
}

input.input-time {
    width: 100px;
    height: 40px;
    padding: 0 20px 0 35px;
    background: #fff
}

.date-picker {
    font-size: 14px;
    position: relative
}

.date-picker li {
    list-style: none
}

.date-picker ul li.disabled,
.date-picker ul li.disabled:hover,
.date-picker ul li.no-hover:hover,
.date-picker ul.no-hover li:hover {
    background: 0 0;
    cursor: default
}

.date-picker ul.no-hover li:hover {
    color: #888
}

.date-picker ul li.disabled,
.date-picker ul li.disabled:hover {
    color: #ccc
}

.first-column {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 190px;
    overflow-y: auto;
    border: 1px solid #ddd;
    background: #fff
}

.first-column li {
    padding: 5px;
    line-height: 1.5;
    color: #888;
    text-align: center;
    background: #fff
}

.first-column li.font-green {
    color: #25bb9b
}

.first-column li.selected,
.first-column li:hover,
.second-column li.selected,
.second-column li:hover,
.third-column li.selected,
.third-column li:hover {
    background: #25bb9b;
    color: #fff
}

.first-column li:hover,
.second-column li:hover,
.third-column li:hover {
    cursor: pointer
}

.second-column {
    position: absolute;
    top: 0;
    left: 71px;
    background: #fafafa;
    width: 180px;
    border: 1px solid #ddd;
    height: 190px;
    padding: 0 10px
}

.second-column li {
    float: left;
    color: #888;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 5px 0 0 15px;
    border-radius: 50%
}

.third-column {
    position: absolute;
    top: 0;
    left: 266px;
    background: #efefef;
    width: 200px;
    padding: 0 5px;
    border: 1px solid #ddd;
    height: 190px;
    overflow-y: auto
}

.third-column li {
    float: left;
    color: #888;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin: 8px 0 0 6px;
    border-radius: 50%
}

.date-days {
    position: absolute;
    top: 191px;
    background: #fff;
    left: 0;
    border: 1px solid #ddd;
    padding: 0 20px;
    width: 436px
}

.date-days>li {
    display: inline-block;
    line-height: 30px;
    padding: 0 10px
}

.date-days>li .selected {
    color: #25bb9b
}

.day-spot {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    margin-right: 5px;
    border-radius: 50%;
    background: #eee
}

.time-picker .first-column li {
    margin: 30px 0 50px
}

.nk-switch {
    display: inline-block;
    margin-right: 30px;
    position: relative;
    cursor: pointer
}

.nk-switch>input {
    display: none
}

.nk-switch>input.checked~.barrage-set-wrap,
.nk-switch>input:checked~.barrage-set-wrap {
    display: block
}

.nk-switch>input.checked+.track,
.nk-switch>input:checked+.track {
    background-color: #25bb9b;
    color: #fff;
    padding-left: 6px;
    font-size: 14px;
    width: 50px
}

.nk-switch>input.checked+.track>.handle,
.nk-switch>input:checked+.track>.handle {
    -webkit-transform: translate3d(37px, 0, 0);
    transform: translate3d(37px, 0, 0)
}

.nk-switch>input.checked+.track:after,
.nk-switch>input:checked+.track:after {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0)
}

.nk-switch>.track {
    margin-left: 3px;
    display: inline-block;
    position: relative;
    width: 55px;
    height: 18px;
    padding: 1px;
    border-radius: 16px;
    background-color: #ccc;
    vertical-align: middle;
    font-size: 0
}

.nk-switch>.track:after {
    position: absolute;
    left: 1px;
    content: "关闭";
    width: 50px;
    height: 18px;
    padding-right: 5px;
    font-size: 14px;
    text-align: right;
    background-color: #fafafa;
    border-radius: 15px;
    -webkit-transition: -webkit-transform .13s ease-out;
    transition: -webkit-transform .13s ease-out;
    transition: transform .13s ease-out;
    transition: transform .13s ease-out, -webkit-transform .13s ease-out
}

.nk-switch>.track>.handle {
    position: absolute;
    z-index: 10;
    top: 1px;
    left: 1px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -webkit-transition: -webkit-transform .1s ease-out;
    transition: -webkit-transform .1s ease-out;
    transition: transform .1s ease-out;
    transition: transform .1s ease-out, -webkit-transform .1s ease-out
}

.nk-switch.switch-mini>.track {
    width: 35px
}

.nk-switch.switch-mini>.track:after {
    width: 30px;
    content: ""
}

.nk-switch.switch-mini>input.checked+.track,
.nk-switch.switch-mini>input:checked+.track {
    width: 30px;
    font-size: 12px;
    line-height: 18px
}

.nk-switch.switch-mini>input.checked+.track>.handle,
.nk-switch.switch-mini>input:checked+.track>.handle {
    -webkit-transform: translate3d(17px, 0, 0);
    transform: translate3d(17px, 0, 0)
}

.nk-switch.switch-xsm>.track {
    width: 23px;
    height: 14px;
    margin-left: 0
}

.nk-switch.switch-xsm>.track>.handle {
    width: 14px;
    height: 14px;
    left: 1px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.nk-switch.switch-xsm>.track:after {
    width: 20px;
    content: "";
    display: none
}

.nk-switch.switch-xsm>input.checked+.track,
.nk-switch.switch-xsm>input:checked+.track {
    width: 18px
}

.nk-switch.switch-xsm>input.checked+.track>.handle,
.nk-switch.switch-xsm>input:checked+.track>.handle {
    right: 0;
    left: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.nk-toggle-box {
    display: inline-block;
    position: relative;
    font-size: 0
}

.nk-toggle-box .nk-checkbox-toggle {
    position: relative;
    display: inline-block
}

.nk-toggle-box .nk-checkbox-toggle:first-child .toggle-button-inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    box-shadow: none!important
}

.nk-toggle-box .nk-checkbox-toggle:last-child .toggle-button-inner {
    border-radius: 0 4px 4px 0;
    box-shadow: none!important
}

.nk-toggle-box .toggle-button-original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    left: -999px
}

.nk-toggle-box .toggle-button-original:checked+.toggle-button-inner {
    background: #25bb9b;
    color: #fff
}

.nk-toggle-box .toggle-button-inner {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-left: 0;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    padding: 7px 15px;
    font-size: 14px
}

.stars,
.stars-all,
.stars-big,
.stars-choose,
.stars-new,
.stars-sm {
    display: inline-block;
    vertical-align: middle;
    width: 117px;
    height: 17px;
    background: url(https://static.nowcoder.com/fe/style/images/common/img/star/stars-new2.png) no-repeat
}

.difficulty .stars-big {
    width: 300px;
    height: 45px;
    background: url(https://static.nowcoder.com/fe/style/images/common/img/star/stars-big.png) no-repeat
}

.stars-choose {
    background: url(https://static.nowcoder.com/fe/style/images/common/img/star/stars.png) no-repeat;
    vertical-align: top;
    cursor: pointer
}

.stars-big {
    width: 300px;
    vertical-align: middle;
    height: 45px;
    background: url(https://static.nowcoder.com/fe/style/images/common/img/star/stars-big.png) no-repeat;
    cursor: pointer
}

.stars-big.star-1 {
    background-position: 0 -45px
}

.stars-big.star-2 {
    background-position: 0 -90px
}

.stars-big.star-3 {
    background-position: 0 -135px
}

.stars-big.star-4 {
    background-position: 0 -180px
}

.stars-big.star-5 {
    background-position: 0 -225px
}

.star-0 {
    background-position: 0 0
}

.star-1 {
    background-position: 0 -27px
}

.star-2 {
    background-position: 0 -54px
}

.star-3 {
    background-position: 0 -81px
}

.star-4 {
    background-position: 0 -108px
}

.star-5 {
    background-position: 0 -135px
}

.stars-all {
    background: url(https://static.nowcoder.com/fe/style/images/common/img/star/stars.png) no-repeat
}

.stars-all.star-0h {
    background-position: 0 -27px
}

.stars-all.star-1 {
    background-position: 0 -54px
}

.stars-all.star-1h {
    background-position: 0 -81px
}

.stars-all.star-2 {
    background-position: 0 -108px
}

.stars-all.star-2h {
    background-position: 0 -135px
}

.stars-all.star-3 {
    background-position: 0 -162px
}

.stars-all.star-3h {
    background-position: 0 -189px
}

.stars-all.star-4 {
    background-position: 0 -216px
}

.stars-all.star-4h {
    background-position: 0 -243px
}

.stars-all.star-5 {
    background-position: 0 -270px
}

.stars-sm {
    background: url(https://static.nowcoder.com/fe/style/images/common/img/star/stars-sm.png) no-repeat;
    cursor: pointer;
    width: 85px;
    height: 15px
}

.stars-sm.star-0 {
    background-position: 0 0
}

.stars-sm.star-0h {
    background-position: 0 -23px
}

.stars-sm.star-1 {
    background-position: 0 -46px
}

.stars-sm.star-1h {
    background-position: 0 -69px
}

.stars-sm.star-2 {
    background-position: 0 -92px
}

.stars-sm.star-2h {
    background-position: 0 -115px
}

.stars-sm.star-3 {
    background-position: 0 -138px
}

.stars-sm.star-3h {
    background-position: 0 -161px
}

.stars-sm.star-4 {
    background-position: 0 -184px
}

.stars-sm.star-4h {
    background-position: 0 -207px
}

.stars-sm.star-5 {
    background-position: 0 -230px
}

.star-label {
    font-size: 14px;
    text-align: right;
    display: inline-block;
    vertical-align: middle
}

.star-scores {
    display: inline-block;
    width: 24px;
    text-align: right;
    font-size: 14px;
    height: 20px;
    vertical-align: middle
}

.sm-star .star-label,
.sm-star .star-scores {
    font-size: 12px
}

.voice-playbar {
    position: relative;
    display: inline-block;
    width: 170px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border-radius: 16px;
    font-size: 12px
}

.voice-playbar:hover {
    cursor: pointer
}

.voice-lg-bar {
    height: 45px;
    width: 300px;
    border-radius: 24px
}

.voice-playbar .voice-icon {
    position: absolute;
    left: 15px;
    top: 5px;
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 20px
}

.voice-playbar .voice-icon:before {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
}

.voice-playbar .icon-pause:before,
.voice-playbar .icon-stop:before {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
}

.voice-playbar .icon-stop,
.voice-playbar:hover .icon-stop {
    color: red!important
}

.voice-blue-bar {
    background: #68a8d9
}

.voice-blue-bar:hover {
    background: #5893c0
}

.voice-blue-bar .voice-icon {
    color: #68a8d9
}

.voice-blue-bar:hover .voice-icon {
    color: #5893c0
}

.voice-orange-bar {
    background: #f49956
}

.voice-orange-bar:hover {
    background: #de8544
}

.voice-orange-bar .voice-icon {
    color: #f49956
}

.voice-orange-bar:hover .voice-icon {
    color: #de8544
}

.voice-green-bar {
    background: #b8d8d1
}

.voice-green-bar:hover {
    background: #97c6bc
}

.voice-green-bar .voice-icon {
    color: #b8d8d1
}

.voice-green-bar:hover .voice-icon {
    color: #97c6bc
}

.voice-cont {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-size: 14px
}

.voice-cont .voice-wave {
    width: 30px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle
}

.voice-time {
    font-size: 14px;
    line-height: 30px;
    position: absolute;
    right: 10px;
    top: 0
}

.voice-lg-bar .voice-icon {
    width: 26px;
    height: 26px;
    line-height: 26px;
    top: 9px;
    left: 20px
}

.voice-playbar .icon-micphone,
.voice-playbar .voice-icon.icon-say {
    width: 26px;
    height: 26px;
    display: inline-block;
    background: url(https://static.nowcoder.com/fe/style/images/common/res/voice/microphone-icons.png) no-repeat
}

.voice-playbar .icon-micphone {
    width: 30px;
    height: 34px;
    vertical-align: middle;
    background-position: 0 -100px
}

.voice-playbar:hover .voice-icon.icon-say {
    background-position: 0 -51px
}

.voice-green-bar:hover .voice-icon.icon-say {
    background-position: 0 -145px
}

.voice-lg-bar .voice-icon:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.voice-lg-bar .voice-cont .voice-wave {
    width: 48px
}

.voice-lg-bar .icon-stop:before {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.voice-lg-bar .voice-cont .voice-wave+.voice-wave {
    margin-left: 10px
}

.voice-lg-bar .voice-time {
    font-size: 16px;
    line-height: 45px;
    right: 20px
}

.voice-lg-bar .voice-cont {
    font-size: 16px;
    line-height: 45px
}

.voice-playbar .voice-txt-lg {
    font-size: 20px;
    margin: 0 5px
}

.voice-disable-bar {
    background: #bbb;
    color: #666
}

.voice-disable-bar .voice-icon {
    left: auto;
    right: 10px;
    font-size: 14px
}

.icon-play:before {
    margin-left: 2px
}

.subject-upload-inner {
    padding: 10px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    background: #e8edf2;
    margin-bottom: 10px;
    position: relative
}

.subject-upload-inner .btn-primary {
    margin: 0 auto
}

.subject-upload .subject-upload-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #999
}

.upload-rusult-ico {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    padding-left: 1px;
    margin-right: 5px
}

.upload-rusult-ico .fui-check {
    color: #1abc9c
}

.upload-rusult-ico .fui-cross {
    color: #e74c3c
}

.upload-progress-bar {
    background: #fff;
    border-radius: 6px;
    height: 42px;
    line-height: 42px;
    position: relative;
    overflow: hidden
}

.progress-txt {
    position: absolute;
    left: 20px;
    top: 0;
    color: #fff;
    font-size: 16px
}

.progressing {
    background: #25bb9b;
    height: 42px;
    border-radius: 6px 0 0 6px
}

.ui-slider {
    background: #ebedef;
    border-radius: 32px;
    height: 12px;
    box-shadow: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    margin-bottom: 20px;
    position: relative
}

.ui-slider-handle {
    background-color: #16a085;
    border-radius: 50%;
    cursor: pointer;
    height: 18px;
    margin-left: -9px;
    position: absolute;
    top: -3px;
    width: 18px;
    z-index: 2;
    -webkit-transition: background .25s;
    transition: background .25s;
    -webkit-backface-visibility: hidden
}

.ui-slider-handle:focus,
.ui-slider-handle:hover {
    background-color: #48c9b0;
    outline: 0
}

.ui-slider-handle:active {
    background-color: #16a085
}

.ui-slider-range {
    background-color: #1abc9c;
    border-radius: 30px 0 0 30px;
    display: block;
    height: 100%;
    position: absolute;
    z-index: 1
}

.ui-slider-segment {
    background-color: #d9dbdd;
    border-radius: 50%;
    float: left;
    height: 6px;
    margin: 3px -6px 0 0;
    width: 6px
}

.nk-slider-runway {
    width: 70%;
    margin: 16px 0;
    display: inline-block;
    background-color: #e4e7ed;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    vertical-align: middle
}

.nk-slider-bar {
    height: 10px;
    background-color: #1abc9c;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    position: absolute
}

.nk-slider-button-wrapper {
    height: 20px;
    width: 20px;
    position: absolute;
    z-index: 1001;
    top: -6px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: transparent;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: normal
}

.nk-slider-button {
    width: 18px;
    height: 18px;
    border: 1px solid #1abc9c;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.nk-slider-button-wrapper .nk-tooltip,
.nk-slider-button-wrapper:after {
    display: inline-block;
    vertical-align: middle
}

.nk-slider-txt {
    color: #8a95a2;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}

.nk-slider-button-wrapper.gray {
    height: 8px;
    height: 8px;
    top: -4px
}

.nk-slider-button-wrapper.gray .nk-slider-button {
    border-color: #ccc;
    width: 8px;
    height: 8px
}

.progress-now:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: -5px;
    border-style: solid;
    border-color: transparent transparent #25bb9b;
    border-width: 8px 6px
}

.progress-score {
    height: 140%
}

.progress-score:after,
.progress-score:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    border-style: solid;
    border-color: transparent transparent transparent #25bb9b;
    border-width: 8px 11px
}

.progress-score:after {
    border-left-color: #fff;
    border-width: 5px 7px;
    top: -12px;
    left: 2px
}

.nk-slider-runway {
    height: 12px
}

.code-progress {
    background: #25bb9b;
    position: absolute;
    height: 100%;
    bottom: 0;
    z-index: 2
}

.code-progress.progress-now {
    z-index: 1
}

.code-commit {
    width: 2px
}

.oprt-tool {
    float: right;
    font-size: 14px;
    margin-top: 10px
}

.oprt-tool li {
    float: left;
    position: relative
}

.oprt-tool li+li {
    border-left: 1px solid #e2e1e1;
    margin-left: 6px;
    padding-left: 6px
}

.oprt-item {
    color: #888;
    display: block;
    padding-left: 20px;
    line-height: 20px;
    background: url(https://static.nowcoder.com/images/img/icons/icon-discuss-v9.png) no-repeat
}

.oprt-item.icon-notes {
    background-position: 0 -491px;
    border-right: 0;
    padding-right: 0
}

.oprt-item.icon-notes:hover {
    background-position: 0 -517px
}

.oprt-ask {
    background-position: 0 2px
}

.oprt-ask:hover {
    background-position: 0 -21px
}

.oprt-invite {
    background-position: 0 -44px
}

.oprt-invite:hover {
    background-position: 0 -66px
}

.oprt-collect {
    background-position: 0 -89px
}

.oprt-collect:hover {
    background-position: 0 -113px
}

.oprt-share {
    background-position: 0 -139px
}

.oprt-share:hover {
    background-position: 0 -161px
}

.oprt-edit,
.oprt-error {
    background-position: 0 -184px
}

.oprt-edit:hover,
.oprt-error:hover {
    background-position: 0 -207px
}

.oprt-help {
    background-position: 0 -231px
}

.oprt-help:hover {
    background-position: 0 -257px
}

.oprt-like {
    background-position: 0 -282px
}

.oprt-like:hover {
    background-position: 0 -308px
}

.oprt-del {
    background-position: 0 -335px
}

.oprt-del:hover {
    background-position: 0 -361px
}

.oprt-reply {
    background-position: 0 -491px
}

.oprt-reply:hover {
    background-position: 0 -517px
}

.oprt-top {
    background-position: 0 -387px
}

.oprt-top:hover {
    background-position: 0 -413px
}

.oprt-good {
    background-position: 0 -439px
}

.oprt-good:hover {
    background-position: 0 -465px
}

.oprt-note {
    background-position: 0 -490px
}

.oprt-note:hover {
    background-position: 0 -516px
}

.oprt-phone {
    background-position: 0 -543px
}

.oprt-phone:hover {
    background-position: 0 -569px
}

.oprt-item-share:hover .tooltip {
    display: block
}

.oprt-item-share .tooltip {
    top: -40px;
    left: -54px;
    display: none
}

.oprt-item-share .tooltip-inner {
    width: 142px;
    padding: 5px 0 3px
}

.oprt-way {
    background-position: 0 -621px
}

.oprt-way:hover {
    background-position: 0 -595px
}

.oprt-down {
    background-position: 0 -673px
}

.oprt-down:hover {
    background-position: 0 -647px
}

.oprt-load {
    background-position: 0 -725px
}

.oprt-load:hover {
    background-position: 0 -698px
}

.oprt-hot {
    background-position: 0 -855px
}

.oprt-hot:hover {
    background-position: 0 -881px
}

.oprt-nohot {
    background-position: 0 -803px
}

.oprt-nohot:hover {
    background-position: 0 -829px
}

.oprt-wanderful {
    background-position: 0 -959px
}

.oprt-notwanderful {
    background-position: 0 -985px
}

.oprt-invite-answer {
    background-position: 0 -1037px
}

.oprt-invite-answer:hover {
    background-position: 0 -1011px
}

.q-share-to {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle
}

.share-to>span {
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-bottom;
    font-size: 14px
}

.share-db,
.share-rr,
.share-tx,
.share-wb,
.share-wx {
    background: url(https://static.nowcoder.com/images/img/icons/ico-share.png) 0 0 no-repeat;
    display: inline-block;
    width: 26px;
    height: 23px;
    margin-right: 10px
}

.share-db {
    background: url(https://static.nowcoder.com/images/img/icons/web-ico.png) 0 -100px no-repeat
}

.share-tx {
    background-position: -44px 0
}

.share-rr {
    background-position: -85px 0
}

.share-wx {
    background-position: -125px 0
}

.topic-change {
    float: right;
    margin-top: 10px
}

.topic-spot {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #c1c1c1;
    border-radius: 50%;
    margin-right: 2px
}

.topic-spot.selected,
.topic-spot:hover {
    background: #00bc9b
}

.next-topic,
.pre-topic {
    background: url(//static.nowcoder.com/images/img/arrow/next-pre-v2.png) 0 -76px no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle
}

.next-topic {
    background-position: 0 -59px
}

.pre-topic:hover {
    background-position: 0 -25px
}

.next-topic:hover {
    background-position: 0 -42px
}

.link-show-all,
.link-show-all-half {
    display: block;
    background: #eee;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    color: #666
}

.link-show-all-half:hover,
.link-show-all:hover {
    background: #25bb9b;
    color: #fff
}

.link-show-all-half {
    width: 50%;
    margin-left: auto;
    margin-right: auto
}

.hide-article-box {
    text-align: center;
    position: relative;
    z-index: 99;
    padding-top: 100px;
    bottom: 2px;
    font-size: 14px;
    margin-top: -100px;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #fff));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 70%);
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0, #fff 70%);
    padding-bottom: 6px
}

img[data-card-emoji] {
    width: 100px;
    height: 100px
}

.head-pic-outer {
    position: relative;
    display: inline-block;
    width: 64px;
    cursor: pointer
}

.head-pic-outer .head-widget-pic {
    position: absolute;
    z-index: 2;
    left: -8px;
    top: -15px;
    width: 100%
}

.head-pic-outer.widget2 .head-widget-pic {
    left: -5px;
    top: -10px
}

.head-pic-outer.widget3 {
    width: 90px
}

.head-pic-outer.widget3 .head-widget-pic {
    left: -20px;
    top: -22px
}