#mp-editor {
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.9;
    outline: none;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    word-wrap: break-word
}

#mp-editor blockquote,
#mp-editor h1,
#mp-editor h2,
#mp-editor h3,
#mp-editor h4,
#mp-editor h5,
#mp-editor h6,
#mp-editor ol,
#mp-editor p,
#mp-editor pre,
#mp-editor ul {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    margin: .63em 0 1.8em;
    padding: 0
}

#mp-editor h1 {
    font-size: 1.25em
}

#mp-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 0;
    padding-left: 16px
}

#mp-editor blockquote+blockquote {
    margin-top: 0
}

#mp-editor ol,
#mp-editor ul {
    padding-left: 0
}

#mp-editor ol>li,
#mp-editor ul>li {
    list-style-type: none
}

#mp-editor ul>li:before {
    content: "\2022"
}

#mp-editor ul[data-checked=false],
#mp-editor ul[data-checked=true] {
    pointer-events: none
}

#mp-editor ul[data-checked=false]>li *,
#mp-editor ul[data-checked=true]>li * {
    pointer-events: all
}

#mp-editor ul[data-checked=false]>li:before,
#mp-editor ul[data-checked=true]>li:before {
    color: #777;
    cursor: pointer;
    pointer-events: all
}

#mp-editor ul[data-checked=true]>li:before {
    content: "\2611"
}

#mp-editor ul[data-checked=false]>li:before {
    content: "\2610"
}

#mp-editor li:before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em
}

#mp-editor li:not(.ql-direction-rtl):before {
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right
}

#mp-editor li.ql-direction-rtl:before {
    margin-left: .3em;
    margin-right: -1.5em
}

#mp-editor ol li:not(.ql-direction-rtl),
#mp-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em
}

#mp-editor ol li.ql-direction-rtl,
#mp-editor ul li.ql-direction-rtl {
    padding-right: 1.5em
}

#mp-editor ol li {
    counter-increment: list-0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

#mp-editor ol li:before {
    content: counter(list-0, decimal) ". "
}

#mp-editor ol li.ql-indent-1 {
    counter-increment: list-1
}

#mp-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) ". "
}

#mp-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

#mp-editor ol li.ql-indent-2 {
    counter-increment: list-2
}

#mp-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) ". "
}

#mp-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

#mp-editor ol li.ql-indent-3 {
    counter-increment: list-3
}

#mp-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) ". "
}

#mp-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

#mp-editor ol li.ql-indent-4 {
    counter-increment: list-4
}

#mp-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) ". "
}

#mp-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9
}

#mp-editor ol li.ql-indent-5 {
    counter-increment: list-5
}

#mp-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) ". "
}

#mp-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9
}

#mp-editor ol li.ql-indent-6 {
    counter-increment: list-6
}

#mp-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) ". "
}

#mp-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9
}

#mp-editor ol li.ql-indent-7 {
    counter-increment: list-7
}

#mp-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) ". "
}

#mp-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9
}

#mp-editor ol li.ql-indent-8 {
    counter-increment: list-8
}

#mp-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) ". "
}

#mp-editor ol li.ql-indent-8 {
    counter-reset: list-9
}

#mp-editor ol li.ql-indent-9 {
    counter-increment: list-9
}

#mp-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) ". "
}

#mp-editor .ql-align-center {
    text-align: center
}

#mp-editor .ql-align-justify {
    text-align: justify
}

#mp-editor .ql-align-right {
    text-align: right
}

#mp-editor a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: #06c;
    text-decoration: underline
}

#mp-editor .img-desc {
    color: #919191 !important;
    display: block;
    font-size: 12px !important;
    line-height: 20px !important;
    margin: 14px auto 20px;
    width: 528px
}

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

body {
    margin: 0
}

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

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

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

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

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
time,
tt,
u,
ul,
var,
video {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0
}

table,
tbody,
td,
tfoot,
th,
thead,
tr {
    font-size: 100%;
    margin: 0;
    padding: 0
}

ol,
ul {
    list-style: none
}

li {
    display: list-item
}

.plugin {
    display: none
}

.plugin.plugin-article-bottom,
.plugin.plugin-side-right,
.plugin.plugin-top {
    width: 100%
}

.plugin[data-widget-id=tv_index_component] {
    border-top: none
}

.sidebar .video-focus-pic .icon-video {
    left: 20px !important
}

.sidebar .video-txt .txt {
    left: 63px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sidebar .list-link {
    width: 300px
}

.sidebar .plugin[data-widget-id=focus_index_component_1] .focus-ad {
    margin: 0 auto;
    width: 300px
}

.sidebar .plugin[data-widget-id=focus_index_component_1] .focus-ad .search-wrap {
    margin: 0
}

#SOHUCS #SOHU_MAIN .module-cmt-footer {
    padding: 17px 0 0 !important
}

.sidebar .bord.plugin.plugin-side-right .select {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABzSURBVHjaYpw5c6YCAxCkpaU9YMACZs2aBZYHCCAmIA4A4vNAgQQsikBi90FqAAKI8f///yCBBUBOPBAnAk1egKRoPhAvBIolAAQQWCFUAq4YaiBcEYgDEEBwhWiKGZAVgQBAAKEohCqeAPVcAbI4QIABADp0MZHFFpX5AAAAAElFTkSuQmCC) no-repeat 205px;
    border: 1px solid #eee;
    display: inline-block;
    float: left;
    height: 30px;
    overflow: hidden;
    width: 219px
}

.sidebar .bord.plugin.plugin-side-right select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    color: #6c6c6c;
    font-size: 14px;
    height: 30px;
    padding-left: 8px;
    vertical-align: top
}

.sidebar .bord.plugin.plugin-side-right select::-ms-expand {
    display: none
}

.sidebar .bord.plugin.plugin-side-right select option {
    line-height: 26px
}

.sidebar .bord.plugin.plugin-side-right .widget-swiper {
    height: 150px;
    margin: 10px auto 0;
    overflow: hidden;
    position: relative;
    width: 300px
}

.sidebar .bord.plugin.plugin-side-right .widget-swiper .scroll {
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.sidebar .bord.plugin.plugin-side-right .widget-swiper .con {
    float: left;
    left: 0;
    position: relative;
    top: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    width: 9999px
}

.sidebar .bord.plugin.plugin-side-right .widget-swiper .con .pic {
    float: left;
    height: 150px;
    position: relative;
    width: 300px
}

.sidebar .bord.plugin.plugin-side-right .widget-swiper .con .pic img {
    display: block;
    height: 100%;
    width: 100%
}

.sidebar .bord.plugin.plugin-side-right .widget-swiper .con .img-do img:hover {
    -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
    transform: matrix(1.05, 0, 0, 1.05, 0, 0)
}

.sidebar .bord.plugin.plugin-side-right .widget-swiper .con .pic span {
    font-size: 14px;
    height: 55px;
    line-height: 20px
}

.sidebar .bord.plugin.plugin-side-right .widget-swiper .con .pic span a {
    bottom: 16px;
    color: #fff;
    height: 20px;
    left: 10px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px
}

.sidebar .bord.plugin.plugin-side-right .widget-swiper .bullets span,
.sidebar .bord.plugin.plugin-side-right .widget-swiper .bullets span a {
    display: inline-block;
    vertical-align: top
}

.sidebar .bord.plugin.plugin-side-right .widget-swiper .bullets {
    bottom: 5px;
    height: 9px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.sidebar .bord.plugin.plugin-side-right .widget-swiper .bullets span {
    cursor: pointer;
    height: 9px;
    margin: 0 1px;
    overflow: hidden;
    width: 9px
}

.sidebar .bord.plugin.plugin-side-right .widget-swiper .bullets span a {
    background: #999;
    border-radius: 50%;
    font-size: 0;
    height: 5px;
    margin-top: 2px;
    width: 5px
}

.sidebar .bord.plugin.plugin-side-right .widget-swiper .bullets span.active a {
    background: #fdd000
}

.sidebar .bord.plugin.plugin-side-right .widget-tabs {
    height: 31px;
    margin: 15px auto 0;
    padding: 0 20px
}

.sidebar .bord.plugin.plugin-side-right .widget-tabs li {
    float: left;
    font-size: 15px;
    height: 29px;
    line-height: 24px;
    text-align: center;
    width: 33.3%
}

.sidebar .bord.plugin.plugin-side-right .widget-tabs li.cur {
    border-bottom: 2px solid #fdd000;
    color: #191919
}

.sidebar .bord.plugin.plugin-side-right .c2 li {
    width: 50%
}

.sidebar .bord.plugin.plugin-side-right .c4 li {
    width: 25%
}

.sidebar .bord.plugin.plugin-side-right .pub {
    padding: 0 20px
}

.sidebar .bord.plugin.plugin-side-right .auto-search {
    height: 32px;
    margin: 20px auto 0;
    position: relative
}

.sidebar .bord.plugin.plugin-side-right .auto-search .search-input {
    border: 1px solid #eee;
    border-right: 0;
    color: #999;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    vertical-align: top;
    width: 236px
}

.sidebar .bord.plugin.plugin-side-right .auto-search .search-input:focus {
    border-color: #fdd000;
    color: #333
}

.sidebar .bord.plugin.plugin-side-right .auto-search .search-btn {
    background: #fdd000;
    color: #191919;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 53px
}

.sidebar .bord.plugin.plugin-side-right .auto-search .select {
    background-position: 106px;
    border-right: 0;
    width: 122px
}

.sidebar .bord.plugin.plugin-side-right .auto-search select {
    float: left;
    width: 122px
}

.sidebar .bord.plugin.plugin-side-right .auto-brand {
    margin: 20px auto 0
}

.sidebar .bord.plugin.plugin-side-right .auto-brand li {
    float: left;
    font-size: 14px;
    height: 60px;
    line-height: 40px;
    margin-right: 12px;
    text-align: center;
    width: 50px
}

.sidebar .bord.plugin.plugin-side-right .auto-brand li a {
    background: #edf2f5;
    border-radius: 50%;
    color: #909faa;
    display: block;
    height: 45px;
    padding-top: 5px;
    width: 100%
}

.sidebar .bord.plugin.plugin-side-right .auto-brand li a:hover {
    background: #e3e9f0
}

.sidebar .bord.plugin.plugin-side-right .auto-brand li img {
    display: block;
    height: 40px;
    margin: 0 auto;
    width: 40px
}

.sidebar .bord.plugin.plugin-side-right .auto-brand li.end {
    margin-right: 0
}

.sidebar .bord.plugin.plugin-side-right .auto-wd {
    margin: 10px auto 0
}

.sidebar .bord.plugin.plugin-side-right .auto-wd a {
    border: 1px solid #d0e4f9;
    color: #539ff3;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    margin-right: 13px;
    text-align: center;
    width: 63px
}

.sidebar .bord.plugin.plugin-side-right .auto-wd a.end {
    margin-right: 0
}

.sidebar .bord.plugin.plugin-side-right .auto-wd a:hover {
    background: #539ff3;
    border-color: #539ff3;
    color: #fff
}

.sidebar .bord.plugin.plugin-side-right .auto-recommend {
    line-height: 20px;
    line-height: 19px\9;
    margin: 18px auto 0
}

.sidebar .bord.plugin.plugin-side-right .auto-recommend .tt {
    display: inline-block;
    font-size: 14px;
    width: 61px
}

.sidebar .bord.plugin.plugin-side-right .auto-recommend a {
    color: #fff;
    display: inline-block;
    height: 19px;
    margin-left: 5px;
    padding: 0 10px
}

.sidebar .bord.plugin.plugin-side-right .auto-recommend .bg1 {
    background: #529ff2
}

.sidebar .bord.plugin.plugin-side-right .auto-recommend .bg2 {
    background: #ff9000
}

.sidebar .bord.plugin.plugin-side-right .auto-recommend .bg3 {
    background: #de4721
}

.sidebar .bord.plugin.plugin-side-right .auto-list {
    margin: 6px auto 0
}

.sidebar .bord.plugin.plugin-side-right .auto-list li {
    float: left;
    line-height: 34px;
    width: 74px
}

.sidebar .bord.plugin.plugin-side-right .auto-list .wdA {
    width: 120px
}

.sidebar .bord.plugin.plugin-side-right .auto-list .wdB {
    width: 106px
}

.sidebar .bord.plugin.plugin-side-right .second-car .info {
    margin: 15px auto 0;
    text-align: center
}

.sidebar .bord.plugin.plugin-side-right .second-car .info h4 {
    color: #529ff2;
    font-size: 16px;
    line-height: 26px
}

.sidebar .bord.plugin.plugin-side-right .second-car .info p {
    color: #999;
    font-size: 14px;
    line-height: 24px
}

.sidebar .bord.plugin.plugin-side-right .auto-form {
    margin: 20px auto 0
}

.sidebar .bord.plugin.plugin-side-right .auto-form .box {
    padding-bottom: 30px
}

.sidebar .bord.plugin.plugin-side-right .auto-form .box .tt {
    float: left;
    font-size: 14px;
    line-height: 32px;
    width: 77px
}

.sidebar .bord.plugin.plugin-side-right .auto-form .box select {
    width: 221px
}

.sidebar .bord.plugin.plugin-side-right .auto-form .box .input-text {
    border: 1px solid #eee;
    color: #999;
    font-size: 14px;
    height: 30px;
    line-height: 28px;
    padding-left: 10px;
    width: 209px
}

.sidebar .bord.plugin.plugin-side-right .auto-form .box .input-text:focus {
    border-color: #fdd000;
    color: #191919
}

.sidebar .bord.plugin.plugin-side-right .auto-form .btns {
    text-align: center
}

.sidebar .bord.plugin.plugin-side-right .auto-form .btns a {
    border: 1px solid #d0e4f9;
    color: #539ff3;
    display: inline-block;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    width: 98px
}

.sidebar .bord.plugin.plugin-side-right .auto-form .btns a:hover {
    background: #539ff3;
    border-color: #539ff3;
    color: #fff
}

.sidebar .swiper .btns,
.sidebar .swiper .btns a {
    height: 25px;
    position: absolute
}

.sidebar .swiper .btns {
    display: none;
    left: 0;
    pointer-events: none;
    top: 58px;
    width: 100%
}

.sidebar .swiper .btns a {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAA8CAYAAACTiBHmAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAQmSURBVHjaYvz//z8DLsDIyMgEpESAWAKIBYGYE4hZgfg3EH8H4vdA/AKI3wDN+YfLHIAAYsRmCdBwRiAlB8RqQMzBQBj8BOI7QPwAm2UAAYRhCdB8HiBlDMR8DKSDT0B8FmjmF2RBgABCsQRogQCQsoAGCbkAFJQngea+hwkABBATmg8otYABqt8cah4YAAQQE1IEG1PBAmSLjKHmMgAEEMwniqTEwdOnTxtu375dTEAZH9RcBoAAYoLapkysBS9evGgTFRVV271792EilCuDzAcIIBYgQxyI2Ymx4MmTJw3i4uI6rq6u8Xv27HlPhBaQuRIAAQSzhCB4/vx5i7CwsLKdnV3s4cOHP5IQP2IAAQSyhJ+Qqrt375ZLSEjohYaGppJoAQgIAAQQE7SowAnOnDmTpKCgYJGXl5e/Zs2al2SkNA6AAAIVH774VAAz1aZdu3bNdXd330huegYIIGZoymLCpcDX15fTxsYm4u3btydOnTr1gQw7/gAEEMgnDkDMi0/VjRs3CtTV1Z2Cg4NT1q1b94pESz4DBBDIEgMgliUidbUCU5eSs7NzBomR/xgggEDBRJTLJCUlq1+9enXz0KFDi11cXARJsOQVQAAxQSudn8SolpGRaXj58uXVbdu2TZ02bZoZEVp+gcwHCCBwUQ/M+qDI1yKl7Pr27dtnVVXVXgJKrwHNvwsQQDBLQD6yJbOiwleBHQbVlAABxATNC6Aq8yy0wqEG+A2tIcFVMUAAMSFlOlCVeYLY+CFQ359AroIBAghbHQ8qZkyJKdOwAFDSPg008zuyIEAAUau18gOIbwHxo/9YDAQIIEYi2l3iUAzyGRcQg0ruP0D8DepyUKH5El+7CyCA8FpCLQAQQEwMdAAAAUQXSwACiC6WAAQQXSwBCCAWfJLUatUDBBBdWvUAAUSXVj1AANGlVQ8QQHRp1QMEEF1a9QABRHSrHtSKB9WIJFgEb9UDBBDRrXpQKx7Umge16kmwCNyqBwggUFKVBGITYnSAWilAyxYCfXQO1Kgg0qKzAAHERGyrHgRA3QVQq15MTEwd1MontlUPEEBMpNaAoIZdVFRUAaiVD2rtE9OqBwgggq16bADUuge18kGtfVCrn1CrHiCACLbq8YGdO3f6u7m5JQMj1w+fOoAAYoJWpSSDnJwcBWC3LvHs2bMbCLXqAQKIqFY9OggKChJbu3btnJs3b+7T0NCYQKhVDxBARLfqYcDW1pZ/7969M4D9lXugRjgxrXqAACK6VQ/LJ6BWPah1T6QF4FY9QAAR3aoHteJBrXlQq56EjAhu1QMEENGtelDZxcXFxSstLU1K+QVu1QMEEF1a9QABRJdWPUAA0aVVDxBAdGnVAwQQXVr1AAFEl1Y9QADRpVUPEEB0aaYCBBBdLAEIILpYAhBAdLEEIMAAutO8/I65ifkAAAAASUVORK5CYII=) repeat 0 0;
    left: 10px;
    pointer-events: all;
    top: 0;
    width: 25px
}

.sidebar .swiper .btns a.btnr {
    background-position: 0 -30px;
    left: auto;
    right: 10px
}

.sidebar .swiper:hover .btns {
    display: block
}

.article-page #main-header {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.article-page.ariabodytopfiexed #main-header {
    top: 100px
}

.article-page .clearfix:after {
    clear: both;
    content: "";
    display: block
}

.article-page .location-without-nav {
    margin-top: 52px
}

.article-page #article-container {
    padding: 35px 0 0;
    position: relative
}

.article-page #article-container .column {
    width: 140px
}

.article-page #article-container .left-author-sogou-god {
    left: -60px;
    overflow: hidden;
    position: absolute;
    width: 200px
}

.article-page #article-container .main {
    margin-left: 30px;
    width: 640px
}

.article-page #article-container .sidebar {
    width: 340px
}

.article-page .user-info {
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding-top: 56px;
    position: relative;
    width: 138px
}

.article-page .user-info .user-pic {
    height: 70px;
    left: 35px;
    position: absolute;
    top: -22px;
    width: 70px
}

.article-page .user-info .user-pic img {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: block;
    height: 100%;
    width: 100%
}

.article-page .user-info h4 {
    font-size: 16px;
    line-height: 20px;
    padding-top: 3px;
    text-align: center
}

.article-page .user-info .user-num {
    height: 42px;
    padding: 24px 2px
}

.article-page .user-info .user-num dd {
    color: #666;
    float: left;
    height: 42px;
    line-height: 1;
    text-align: center;
    width: 66px
}

.article-page .user-info .user-num dd:first-child {
    border-right: 1px solid #eee
}

.article-page .user-info .user-num .value {
    color: #191919;
    display: block;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    vertical-align: middle
}

.article-page .user-info .user-num .value .num {
    font-size: 16px
}

.article-page .user-info .user-more {
    background: #f9f9f9;
    height: 31px;
    line-height: 31px;
    text-align: center
}

.article-page .user-info .user-more a {
    color: #666
}

.article-page .user-info .user-more a:hover {
    color: #c9141d
}

.article-page .user-info #followButton,
.article-page .user-info .follow-btn {
    height: 32px;
    margin: 16px auto 0;
    width: 74px
}

.article-page .article-do {
    margin: 0 auto;
    text-align: center
}

.article-page .article-do .title {
    background: #fff;
    color: #303030;
    font-size: 14px;
    position: absolute;
    right: 48px;
    text-align: center;
    top: -10px;
    width: 44px
}

.article-page .article-do-fixed {
    background: #fff;
    left: 50%;
    margin: 0 0 0 -590px;
    position: fixed;
    top: 60px;
    width: 140px
}

.article-page .article-done {
    border-top: 1px solid #efefef;
    position: relative
}

.article-page .article-done dd {
    font-size: 24px;
    padding-top: 20px;
    position: relative
}

.article-page .article-done dd a,
.article-page .article-done dd a em,
.article-page .article-done dd a span {
    display: block
}

.article-page .article-done dd .num {
    color: #da2128;
    font-family: Georgia, Arial;
    line-height: 32px
}

.article-page .article-done dd .comment-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABDklEQVRIDe1XMQ6DMAx0UGZWVj7AP9j5AEgMvAkh8ScG/oEY2EjrVEYuogSVUHfAUmTjJL5cfBlQeZ4bELBAANNCagJu25bCS31RFLa+GOMb+NL+8uKLuHiSxyQGnjsSu8Qq1mMnY9fJj7DfWiPGWAzYedW3uLaE8k1OrMdiwKfEdeaN/y/jM6z2RCfG+Abea4vXubfnNAwD1HUNfd+DUsoORAuCV0cwh0Zz5Nc5/s1j2o+5BbjrOmiaBsZxxDwYY+zAeJ5ndF5Nrf8kkiSBsiwhDMMFHA+BRp4Owg9HMa359I11cP/CWGsNWZZBmqY4Z41fJeV8eQscRRFUVQVxHPuq667zFJOZpul5M7+1BwS92TnQOtLBAAAAAElFTkSuQmCC) no-repeat 100% 100%;
    height: 30px;
    margin: 0 auto;
    width: 30px
}

.article-page .article-done dd:hover .comment-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABQUlEQVRIDWO8paTxn2EAANMA2Am2kgVmserd6zAmTenbyppg8wfMx6MW0zR+kQ2HJy5kQWQ2LDEgixHDJpRYByyOCfqYkMuJ8T02NQPm4wGzmGBQjyYubAmFHLEBi+MBs5iixEVJHh+8PqbEV/gS3YD5eNRifNFCVTmU7PT39WuGF8XlDN+OHmdgZGRkABIQzASMESAbxAUyUMQgXJAEEEPVQfSBlEHVMkL0g5TAANzib/sPMrwoq2T4++49WO7/f2A7H4RB4O9fMEXNlj8jek+C286GQbyng4FZWJiB4d8/iOVQR0DcAbQeRRykBORIVLUMYCGgGJgB4oAwiPsfqPQfA9zHjKysDCIlhQwCKYlg34EJUNAhAaSQQhIFBzIKnxgO2GI2BXkGiQm9DOy62sTooY4aYGL6/+/LV2Bo0RcAABM51DYFRB3qAAAAAElFTkSuQmCC) no-repeat 100% 100%
}

.article-page .text h1 {
    color: #191919;
    font-size: 28px;
    font-weight: 700;
    line-height: 38px
}

.article-page .original-tag {
    background: #fdd000;
    border-radius: 1px;
    color: #191919;
    display: inline-block;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    padding: 0 7px
}

.article-page .article-info {
    color: #999;
    font-size: 14px;
    line-height: 20px;
    padding-top: 35px
}

.article-page .article-info a {
    color: #999
}

.article-page .article-info a:hover {
    color: #c9141d
}

.article-page .article-info .com a {
    float: right
}

.article-page .article-info .area {
    display: inline;
    padding-left: 20px
}

.article-page .text .text-title {
    position: relative;
    top: -6px
}

.article-page .text .text-title .article-info {
    padding-top: 15px
}

.article-page .text .text-title .article-tag {
    display: inline-block;
    font-weight: 400;
    position: relative;
    top: -4px
}

.article-page .text .text-title .article-tag em {
    margin-left: 8px
}

.article-page .article {
    color: #191919;
    font-size: 16px;
    line-height: 30px;
    overflow: hidden;
    padding-top: 5px
}

.article-page .article p {
    padding: 10px 0 20px
}

.article-page .article h4 {
    font-size: 20px;
    padding: 12px 0 16px
}

.article-page .article img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%
}

.article-page .article img:first-child {
    margin: 10px auto 0
}

.article-page .article .article-pic {
    margin: 15px auto 20px
}

.article-page .article .article-bg {
    background: #f8f7f4;
    border-left: 5px solid #ebe5d4;
    margin: 23px auto 25px;
    padding: 13px 20px
}

.article-page .article #sohuplayer {
    height: 300px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 500px;
    z-index: 1
}

.article-page #sohuplayer iframe {
    background: #000;
    margin: 0 auto
}

.article-page .article .video-title {
    color: #666;
    font-size: 13px;
    padding-top: 0;
    text-align: center
}

.article-page .article .video-ionc {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDEzNDc1RDlFRTcwMTFFNkIxNjdDODE4MEVCRTRGNTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDEzNDc1REFFRTcwMTFFNkIxNjdDODE4MEVCRTRGNTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MTM0NzVEN0VFNzAxMUU2QjE2N0M4MTgwRUJFNEY1MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MTM0NzVEOEVFNzAxMUU2QjE2N0M4MTgwRUJFNEY1MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoX1ZtEAAASRSURBVHjazFhtSGRVGL5zZ8z1Yx0mjGEzVg2zFU1lFRKFwsUwg/xgVxTJzD+WC1mbX2SlaBvhmGQGKxq0iR8oG6T+yCSxLxACldUGXKcxHcliSFBBLdcZp+dhj+HOrs7cGbV94eHembnnfZ55z3vOed+rkoQ5HA7JDfMF0oELwHkgEggG1IAdWAFMwBQwBowA2+44VqlUkspNMWeBKuAlQCueX93Z2TFtb2/zuunj4xPg6+urwzUSjnVi3DrQDRiAJVdipP1i7oMAwADcBhwgNc7MzDSXlpYWY8iLB4G/8zk+77hjt4WfgAN47gg6JDLxwA0gwmaz/dLb2/tFUVHRr5JC6+zsfKKgoOAVjUbzFD6agVzgppJpegH4EtBMT09/mpyc/OPW1tau5KH5+/vL4+Pjz8TFxb2OjzbgEvC1sxj5PmMpZADi/m5qaroSHx//vTdCaBxPP/RHv/QveO6OjlNkODXjHFBZWVnd3NxslY7YysvL9RDViEj44WPy3pQ5T1OA+CGU/6CqqmpJOiYzGAxn8Wc/xq1FBGDTWQyXXyVXAeb2B+mYDbn4bGxsbDlum7ht/CcGQriPmLFqbmm12ve8zRF3k3p9ff19rLJzXLEQs7SXwNzQfLh8XQlJTU3Vzc3NXWlsbIz1NqnJR17BL6kQFW7xVkTld+yeb7ty0t7enlRSUlLDe4vF8nNNTc3ncPqnp6KwMX6I6DyGW70szhrt7OzsiBInGxsbf4SGhj7d1dV1bWJiojgmJsbfEzGCl0dMuiwOPamtrc2oxMnw8PCNurq6qtXV1d8SEhJyJicn2wcGBp5nLijxs4/3Agee56GHL1eU/quGhoZber2+or+/v8UOy8rKury8vPyJknwiL/mpg2Iiefp6OufQ4MjPzx+Ljo5+DVt+f1BQ0BnsUVcXFxffwZl0xs28IX8kxQSzDPB2qS4sLPyTkpLSk5OTUzo/P//T/nyKiIg4ddhYwR9MMWrWI0e1fwwNDf0F8qbR0dHrsiyrmU+tra3PuYgM+dUUY2dhdFRiMjMzHzGbzZVpaWnFu7u7diT2V2VlZd8eNkbw2zUsFVmheSsiPDz8VHd398WkpKQcROQhJXuQ4F+hGBOUxXgqQq1Wq3p6elIRkZf9/PweXltbs3R0dHxWXV09464Plqq4GDlNU6xZUSoGKxVSW1t7zmq1fpSXl/cmRKkHBwevhYSEvKFECHlFzTwliyqeXyqKTkZGRm59fb1Bp9M9zrxAor6anZ39jdJDdh/vmCzaifWoqKh0JU4CAwMfZV4UFhZeTkxMvG40Grc8mWbByy5iREaI2Nd047CKZvHsanBfX9+cyWT6DgXSu2FhYR94c0iSj7zkp47/tZ5Bsl9F8j55Vz3DG1xa2E6wipdOwMgjVnHLXoO3/4StZ3TYTrBGPU4h9C/aFrPglZzFbIoGy1ZRUdHAKv44hNAv/Yv+KVfw3iNGEt3BJUzbabYTRx0h+hNtymnRyN08rG964DpKSTzIBssCB2+xindn2R+0fDmefkSflOws5B570N9CnPj7GXfFnMibq38FGAAiUNfAfw3B2wAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    background: none\9;
    display: inline-block;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/god_video_icon.png", sizingMethod="scale");
    height: 18px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 18px
}

.article-page .article .article-video {
    margin: 14px auto 5px
}

.article-page .article .place_video {
    height: 300px;
    position: relative;
    width: 500px
}

.article-page div.ql-align-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.article-page div.ql-align-center .place_video {
    margin-left: auto;
    margin-right: auto
}

.article-page div.ql-align-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.article-page div.ql-align-right .place_video {
    margin-left: auto
}

.article-page .article dl {
    padding: 10px 0 20px
}

.article-page .article .cir {
    background: #191919;
    border-radius: 50%;
    display: inline-block;
    height: 5px;
    margin: 12px 14px 0 0;
    vertical-align: top;
    width: 5px
}

.article-page article a,
.article-page article a:hover {
    color: #056bc1
}

.article-page .area,
.article-page .statement {
    color: #999;
    line-height: 16px
}

.article-page .bottom-relate-wrap {
    padding-bottom: 8px
}

.article-page .bottom-relate-wrap .read-wrap {
    color: #606060;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400;
    margin-top: 24px
}

.article-page .bottom-relate-wrap .report-c {
    color: #111;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400;
    height: 17px;
    margin-top: -16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.article-page .bottom-relate-wrap .report-c img {
    height: 14px;
    margin-right: 4px;
    width: 14px
}

.article-page #backsohucom .backsohu {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTBERkMzM0M3MDUxMTFFNzk1NkRCNzg0RkMwMDUzMzkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTBERkMzM0Q3MDUxMTFFNzk1NkRCNzg0RkMwMDUzMzkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MERGQzMzQTcwNTExMUU3OTU2REI3ODRGQzAwNTMzOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MERGQzMzQjcwNTExMUU3OTU2REI3ODRGQzAwNTMzOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjUUOd0AAAKHSURBVHjaVJJdSBRRFMf/d/aOs7szq7huFiuNrLaUkqhkUoJCQR8vgUFZIX08GEiED0H5ID1VEPTxavkkQfaSYCRkEAg+hA9BWGhJoUuirK5K5dbOzM7O6exuPXRh4J4z53fu/f/PFZnnaBUSU+ClKICq5jf4fxHgZoFcjvdCB7mZDmGNgdQari0BPEfDp4SGVOon0pkiE9CAUEhHQ1wgEEqDsm1wvs4ADFreLCj5Nkh3rjdSqHQn96+mQ60ldLTNR0YozHGELp+J0sIkyJsD5ZkCSIugp3eNQkHtrloaG9pHtKQRrUiaGqmh/c1x/mfQ/WvgfBGU/2Soal5YEOsbGays8v2y+ayL9sMJjJtVmJgEDjSx3K1ifV6jpdZC29rSsLCm4c30Dtx67KA6sgSp5CB9Ale7JS72cadl9sHingnYRTAGLe+c4uOkG0QylUH6Nyd8QYxO7ca9wQ+IVkUxNGCh/WAK9izsgvFKGfDslYRo0HCk10COgqhrBOoaXPT3Aj1dZfg8v4rE0nfW9FdbwZwvoLnxMJ07XU/lYT+d3KvT60eCJoYV6jkb4KP9VL8nTu9GI0TzRXOE+xKWjzXOfAQ2vSgeDPuRnFzDsuOi3LAQ4xmbLdvQ1+2hLrYBLw0432BLBQKDT1TcHpRI/XAQKXXg6ApulPpwJeaD0cIvozUFVLAxfLbgUF3fDowMSMuv5ocsSBQeF4g9ohOKoE3FT6Tp5Bp+cpoDlD1mkN3Bs7x0nOTDUYLwHNRUm0wp+MW0uZJEl2NxLJGzMyD2ULwXPNUspB4GKo1OZTlVQecvnJoWPmnqumH6DcPUPc9s6r+5GK6qtG1Gi59jy1i1LeORTsjciz8CDACzHh/U4gnF4AAAAABJRU5ErkJggg==) 50% no-repeat;
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    vertical-align: top;
    width: 15px
}

.article-page #backsohucom .backword {
    color: #539ff3;
    display: inline-block;
    font-size: 15px;
    height: 15px;
    line-height: 15px;
    padding-left: 5px
}

.article-page #backsohucom:hover .backword {
    color: #c9141d
}

.article-page .attestation-logo,
.article-page .redVip-logo {
    display: inline-block;
    height: 15px;
    margin-left: -3px;
    position: relative;
    text-align: center;
    top: 2px;
    width: 15px
}

.article-page .attestation-logo {
    background: url(data:image/png;base64,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) no-repeat 50%;
    background-size: contain
}

.article-page .redVip-logo {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAEOElEQVRoBdVavUscQRQfTy1OiGIhFiLXCMZSDZjGwiKFjQE7QfAqtbYU/wZbP7CwtJEgCIIRYqnE0sIiiJUIikpiEEV9+f3cW/d23bc7c+d5uQfvdmbee7/3MfsxO3t15g1IjMkC5gt4CPwR3AVuBX8Ak/6Ar8C/wEfgH+Dvdcbc4lgdQtCt4Dz4G/gvWByZNrQlBpN9H4KzJvAc+DfYNWhNn1jEbKpYFgCvB0+CT8FaIOWOE5s+6t80EQB2gH+Cyw3Q1p6+Ot4kCQANgCtZdS0p+hwoKwkAjINvwZqTSo/T93hJSRSCr3SAtvhuSSB4njbVrHw0McZidzpBkRdsNc75aNDRPmNKvrChwFvle95tokGm9RmbfouFcBKcBlJt+WTsRY3A+YSNP3V6eyWR1tbck6JNEtFnfDEZ4+snNgb5KNeMRPb2dHf39yLt7bptFJe6tNGIvqI24f5caBagzIVZ8tpmYkJz543PzqY5DeTUTSL6Cgcc7TPWYAGIDleEUaVwP5sVubzU3Z6ciGQyYZs4TOpQVyP6oK842/BYnrOQKUzF18JRP9xi6b66qstzOWOGh3W5L6EOdTWiD/pKJy9mZJoF263nu7u1unnjm5vplaNOEtFHuNJanzFnDX5GLA08oJ0d3f3jo0gupzn0ZNTRiNh2wft6IzyF+BpoT4uLum4GcFNTupwy6miUhB1vM8QZ2HLKuqFB5PRUq6HI2ZlIY6NfoeDIMco0Iiax3WZgi+XgC7g9PTwYs7Ki67e3GzM6+lrOMco0Iiax3aiLM3DhmLVIZ6fIw4NWS5Hd3deV5JhGxCKmW/Wpf8EE7kowFNnY0MLxxnt6goDYTiJiuQdPm7uEKyplLhcWkhWmpwN5cTsYDVppWIHm6xaycD+FWC0+UY+P9bpeX4s0NXnMtkbEsHmCx8/QBWeAO2bu9PRkzNKSbtfSYszYmMdsa0QMYpVGV+630eJKtLWJ3N1ptRU5OPBY06AtMYox3drPt1HuVZZG5+fGrK/rtv39xpA1oi0xSqcjzoDbUiJaocFBrb7p47SN4rn1R5iA/WJOAz88TA82qkEbDc9u/HkxlylscW+XPouwdF/DGFPOrdMLdvtlex6VyJdVjeZmkZubaI31PnVpY1dpTS//UnQApb9SpjlbXtYDjkqom4aXLA+/UjITACa/1CcDivT1RcPU+9RNw0uWz71U328AUN9WSQYLgtnf14P2JdSxxYvXi99WKcxCeRtb+bwfpn6kTnxgtuOhjS1cyAEBmNt2e+BPwahDK4tvffPz+lsXlwwzM7Yv7XGODzD4GUE/xgmfx5BE7W7u+lkhidrdXi9Kgl9nbM/LSuuN+3E5HZFA7X5i8jMtnE7xu9aVnSH6HPDjKOsIoNr9zOpnjiRq90O3nwSPSKQ2/2pQnEQhkf/izx6hJ3E0SNs+ZqVqf7f5B9v6iokcd6PvAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: contain
}

.article-page .auth-media {
    cursor: default;
    margin: 0 15px 9px;
    position: relative;
    z-index: 1
}

.article-page .auth-media:hover .auth-code {
    opacity: 1;
    visibility: visible
}

.article-page .auth-media .auth-text {
    color: #999;
    font-size: 12px;
    height: 34px;
    line-height: 17px;
    word-wrap: normal
}

.article-page .auth-media .auth-code,
.article-page .auth-media .auth-text {
    font-family: PingFangSC, PingFang SC;
    font-style: normal;
    font-weight: 400;
    text-align: left
}

.article-page .auth-media .auth-code {
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    -webkit-filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .06)) drop-shadow(0 4px 10px rgba(0, 0, 0, .07));
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .06)) drop-shadow(0 4px 10px rgba(0, 0, 0, .07));
    font-size: 14px;
    left: 0;
    line-height: 20px;
    opacity: 0;
    padding: 8px 12px;
    position: absolute;
    top: 44px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    visibility: hidden;
    width: 160px;
    z-index: 2
}

.article-page .auth-media .auth-code:after {
    border: 6px solid transparent;
    border-bottom-color: #fff;
    content: "";
    height: 0;
    left: 12px;
    position: absolute;
    top: -12px;
    width: 0
}

.article-page .company {
    margin-bottom: 9px;
    margin-left: 9px
}

.article-page .company li {
    color: #999;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 2px;
    padding-left: 10px;
    position: relative
}

.article-page .company li .dot {
    background: #ddd;
    border-radius: 50%;
    display: inline-block;
    height: 3px;
    left: 0;
    margin-right: 4px;
    position: absolute;
    top: 8px;
    width: 3px
}

.article-page a:hover {
    color: #e63939
}

.article-page .not-href:hover {
    color: initial
}

.article-page .bd-wrap {
    height: 178px;
    overflow: hidden
}

.article-page .artcile-allsee-google {
    margin: 30px 0
}

.article-page .bussiness_area {
    width: 1020px
}

.article-page .bussiness_main {
    margin-left: 0 !important
}

.article-page .comment {
    width: 100%
}

.article-page .groom-read {
    margin: 20px auto 0;
    position: relative
}

.article-page .groom-read .title {
    height: 19px
}

.article-page .groom-read .title span {
    color: #191919;
    float: left;
    font-size: 18px;
    font-weight: 700;
    line-height: 1
}

.article-page .groom-read .title .ln {
    background: #fdd000;
    border-radius: 2px;
    float: left;
    height: 19px;
    margin-right: 12px;
    width: 4px
}

.article-page .groom-menu-fixed {
    left: 50%;
    margin-left: -590px;
    position: fixed;
    top: 60px
}

.article-page .user-god {
    background: #fcfcfc;
    border: 1px solid #f7f7f7;
    margin: 10px auto 0;
    padding: 14px 0;
    position: relative;
    width: 638px
}

.article-page .user-god .user-god-pic {
    border-right: 1px solid #f3f3f3;
    height: 50px;
    left: 0;
    margin-top: -25px;
    padding: 0 20px;
    position: absolute;
    top: 50%;
    width: 50px
}

.article-page .user-god .user-god-pic img {
    border-radius: 50%;
    display: block;
    height: 100%;
    width: 100%
}

.article-page .user-god .user-god-link {
    float: right;
    width: 547px
}

.article-page .user-god .user-god-link dl {
    color: #999;
    float: left;
    line-height: 16px;
    padding: 0 20px;
    width: 232px
}

.article-page .user-god .user-god-link dt {
    padding-bottom: 6px
}

.article-page .user-god .user-god-link dt a {
    color: #666
}

.article-page .user-god .user-god-link dt a:hover {
    color: #c9141d
}

.article-page .article table {
    margin: 20px 0 30px
}

.article-page .article table td {
    background: #f8f7f3;
    color: #191919;
    font-size: 14px;
    line-height: 26px;
    padding: 9px 15px
}

.article-page .article .divider {
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #e67a00;
    font-size: 14px;
    position: relative
}

.article-page .article .divider:before {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    bottom: 52px;
    content: "";
    display: block;
    height: 50px;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.article-page .article .divider div {
    background-color: #fff;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    left: 0;
    position: absolute !important;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    cursor: pointer;
    justify-content: center;
    padding-bottom: 20px
}

.article-page .article .divider div span {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABkvfSiAAAB6UlEQVRIDe2Wy0rDUBCG/9g2RSpFFK9IEREUQRAEwYVodSPq0whudDMrN4ILH8EHcCUieFu4EHwAwSsiYqt4LYZCY4n/iUFC1Cap1Y12k5nM5P9O58ycBPj//YkKWEuIZ+awfCvo/u4f1vwELIGeNbFiWZjUNGSiMYw0CI78nvsqXvVV4P1+EhHaCeUT2vJSwM6NoPM9HtLwBWrTyGu1mKLurtK2gFYFvRZ0hGTZ6b5AldU8AyOqY4L133MgbUVCM4J2xw98CQRUao2CZ13HOPdx31FPgdB7QSowjYm+TeMVexDU5k1ssrb9KsYFnOpspHrBpTf3Mz80UIk8CeoME1uE9tmiGo5jb9179RnEfa8soBLIzaPeMLDDzu21BTUcqpFh6bNugNcOvIfeB5OzuOOwjHHFB3bMQlfRxHZW0OjNdftlA90iYeyygaqkMLDFueyxgSxpJIbRZsFNqQWUtYe/2jQfxgI443wO/8hY3AmSBRMb7MwBVTaW5zxOWJ3golQZ3bGo2yll88CuKRSwzj2zYcy9gI50GJjSD9Q02QUkeGCvETboLOoyQliL4NzxA198gdYiqq1HrFJxSKmyjFc8yNNNgrPAFFeif0lzKDLfUM84L+A0X8AnLo3Km5X8xKj86v4Vf7sCr29VjIFcalnUAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    height: 14px;
    margin-top: 1px;
    width: 14px
}

.article-page .article .overlay-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999;
    font-size: 14px;
    pointer-events: none
}

.article-page [data-role=original-link] {
    padding-left: 20px
}

.article-page [data-role=editor-name] {
    font-size: 14px;
    text-align: right
}

.article-page .center-iframe {
    display: block;
    margin: 0 auto
}

.article-page .text .text-title .article-info .collection-tag {
    float: right;
    padding-left: 25px
}

.article-page .text .text-title .article-info .collection-tag a {
    color: #328bed;
    float: right;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.article-page .text .text-title .article-info .collection-tag a:hover {
    color: #c9141d
}

.article-page .article-page .user-info .user-pic img {
    background: #fff
}

.article-page .hot-article .pic-txt {
    padding: 8px 0
}

.article-page .hot-article .pic-txt p {
    color: #999;
    line-height: 1;
    padding-top: 4px;
    text-align: left
}

.article-page .hot-article .pic-txt p a {
    color: #999
}

.article-page .hot-article .pic-txt p a:hover {
    color: #c9141d
}

.article-page .hot-article .pic-txt h4 {
    height: 44px;
    overflow: hidden;
    padding-top: 0
}

.article-page .lookall-box {
    position: relative;
    top: -10px;
    width: 100%
}

.article-page .lookall-box .lookall-shadow {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
    background: -webkit-linear-gradient(top, transparent, #fff);
    background: linear-gradient(180deg, transparent 0, #fff);
    height: 40px;
    position: absolute;
    top: -53px;
    width: 100%
}

.article-page .lookall-box .lookall {
    margin-bottom: 8px
}

.article-page .lookall-box .lookall .show-all {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAA70lEQVQoz4XQMUqDQRRF4W+yAouAkDXYWEUhlQqmspAQhNiliCuwc8RBCLgCGyEgFlaCnZBoOu1s3IQo4goyNqOEnxBf9+45F95MyNENbkNyb8nkaA8HNVxhlKPOErmDUXHJUStHXznqLZB7hbWqoJmjzxz157J+jj5y1PzNQqW0jgeclugMuyF5/SvkqI2XkHyX0hoeC98KyVvJV7BRQxeTHNWhCG205+Q6JuiGHNVwiU3shOS9cuYqxnjGUS0kMwzwhGmOGnNyA9PCBiGZVR99gX1sl2iMu5AcL/ylUjrHYVmvQ3Liv8nRMEfDRewHx/1aC3mUuV4AAAAASUVORK5CYII=) no-repeat;
    background-position: 85px 4px;
    background-size: 12px 12px;
    display: block;
    height: 22px;
    margin: 0 auto;
    width: 120px
}

.article-page .lookall-box .lookall .show-all em {
    color: #ff7e00;
    float: left;
    font-size: 14px;
    line-height: 20px;
    margin-left: 21px
}

.article-page .control-hide {
    display: none
}

.original-logo {
    background: #fdd000;
    border-radius: 2px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 0;
    padding: 3px 5px;
    position: relative;
    top: -5px
}

.left-bottom-float {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 200px;
    z-index: 100
}

.left-bottom-float-fullScreenSleepContainer {
    cursor: pointer;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200
}

.left-bottom-float-fullScreenSleepContainer .left-bottom-float-fullScreenSleep {
    left: 50%;
    position: absolute;
    top: 200px
}

.left-bottom-float-fullScreenSleepContainer .left-bottom-float-fullScreenSleep .close-tag {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAEDSURBVHjaYlywYMFxBgaGP0AcEB8f/5YBD1i4cKEMkNoKxLcBAogJSLACsQ0QHwJKCBPQtA+I9YBYCCCAQBoDQCYAsRYuzUiaVIH4BBCHAgQQE9B5T4AMJyTN+5A1QzUdRtLkA/ISQAAx/v//H5upl6CGcUI1KSBrAqkHCCC4Rhya+bBpAgGAAELRiEUzAzZNIAAQQEw4ApEVic2FTQFAADFhsQ3mp7NAfA0a/PvQQxsggJjwaHKHYqyaAQKICZcmkJ+gUYWseSdMM0AAMQKTHEgTKNnJIGvC4oWd0HgGqwEIICZo2sOpCQTQbDYG4kUAAQTS+AmI9+PShEUzKHp+AwQYALhZduYieQ1lAAAAAElFTkSuQmCC) no-repeat 0 0;
    height: 14px;
    position: absolute;
    right: 0;
    top: 0;
    width: 14px
}

@media screen and (max-width:1360px) {
    .left-bottom-float {
        display: none !important
    }
}

.focus-god {
    position: relative
}

.got-i-icon {
    background: url(data:image/png;base64,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) no-repeat 0 0;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    z-index: 2
}

.adA,
.godA {
    margin-top: 17px;
    overflow: hidden;
    position: relative
}

.adA img,
.godA img {
    display: block;
    margin: 0 auto
}

.adL,
.godL {
    display: none;
    overflow: hidden;
    padding-bottom: 24px;
    position: relative
}

.adL img,
.godL img {
    display: block;
    margin: 0 auto
}

.adL .god-mark,
.godL .god-mark {
    bottom: 24px
}

.adR,
.god-article-bottom,
.godR {
    display: none;
    overflow: hidden;
    padding: 20px 0 10px;
    position: relative;
    z-index: 0
}

.adR img,
.adR object,
.god-article-bottom img,
.god-article-bottom object,
.godR img,
.godR object {
    display: block;
    margin: 0 auto;
    width: 100%
}

.adR .god-mark-origin,
.adR .got-i-icon,
.god-article-bottom .god-mark-origin,
.god-article-bottom .got-i-icon,
.godR .god-mark-origin,
.godR .got-i-icon {
    top: 10px
}

.adR,
.godR {
    display: none;
    overflow: hidden;
    padding: 10px 0 0;
    position: relative
}

.god-article-bottom {
    max-height: 150px;
    padding: 10px 0;
    width: 100%
}

.god-article-bottom:empty {
    padding: 0
}

.god-article-bottom .god-mark-origin,
.god-article-bottom .got-i-icon {
    top: 10px
}

.god-article-bottom img,
.god-article-bottom object {
    height: 150px
}

.god-banner {
    position: relative
}

.god-banner img {
    display: block;
    height: 100px;
    width: 640px
}

.god-bigpic {
    position: relative
}

.god-bigpic img {
    display: block;
    width: 640px
}

.god-txtL {
    border: 1px solid #e5e5e5;
    color: #bfbfbf;
    line-height: 19px;
    margin-top: 3px;
    padding: 0 4px
}

.god-list-txt .god-txtL {
    margin-top: 0
}

.god-list-txt .got-i-icon {
    background-position: 0 -30px;
    margin-left: 3px;
    position: static;
    right: auto;
    top: auto
}

.god-pop {
    overflow: visible;
    position: relative
}

.god-channel-top.show-all {
    height: 240px
}

.god-channel-top {
    display: none;
    height: 100px;
    margin: 50px auto -40px;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: height .5s;
    -webkit-transition: height .5s;
    -ms-transition: height .5s;
    -moz-transition: height .5s
}

.god-channel-top img {
    width: 1180px
}

.god-channel-top .flash {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.god-channel-top .god-mark-origin,
.god-channel-top .got-i-icon {
    top: 0
}

.god-channel-top .god-o-c {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAA4CAYAAABUkxDUAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJeSURBVHjaYmRgYEhjGOIAIICYGIYBAAigYeEJgAAaFp4ACKBh4QmAABoWngAIoGHhCYAAGhaeAAigYeEJgAAaFp4ACKBh4QmAABoWngAIoGHhCYAAGhaeAAigYeEJgAAaFp4ACKBh4QmAABoWngAIoGHhCYAAGhaeAAigYeEJgAAaFp4ACKBh4QmAABoWngAIoGHhCYAAGhaeAAigYeEJgAAaFp4ACCAWYhR1dXUZDoTjysrKzhOjDiCAGBmGwYAyQAANi+QEEEDDwhMAATQsPAEQQMPCEwABNCw8ARBAw8ITAAE0LDwBEEDDwhMAAcQMxN+AWHqIeugPEB8FCCDG////MzAyMgoCOS5ALDiEPPAZiPcC3f8KIIDAngC3PxgZQe0oSyDWHAIeeALE+4Bu/wHiAAQQ3BPwxhQjoyKQsgditkHqgXNAN59BFgAIIAxPQD0yGJPXLyDeA3TvE3QJgADC6olBmLzeAPFuoFs/Y5MECCCcnhhEyes6EB8HuvMPLgUAAUTQE1CP8AIpZyAWo3PxCXL8dUIKAQKIKE9APQKqRyyAWIdOxSco+bwhRjFAABHtCTomryfQDPyLWA0AAUSyJ2icvM4A3XOOVE0AAUSWJ5CSlwkQG1DB8T+gldcTcjQDBBDZnkDyjAyQcgRiTjKNeAVtPnwm1w0AAUSxJ6Ae4QZSrmQkL4LFJzEAIICo4gkykhe49Qm0+yY17AYIIKp5goTkBUo2O4H2vqOWnQABRHVPQD3CCfWIDJrUI2gG/kVN+wACiCaeQPIMKGnpAvE/IL4MtOsSLewBCDAA5J+ezprFo88AAAAASUVORK5CYII=) no-repeat 0 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 50px;
    left: 32px;
    line-height: 20px;
    padding-top: 6px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 49px;
    z-index: 2
}

.god-channel-top .god-o-c em {
    display: block;
    font-size: 10px
}

.god-channel-top .god-o-c:hover {
    color: #fff
}

.god-channel-top .b-960,
.god-channel-top .s-960 {
    display: none
}

#god_fix_1 {
    height: auto
}

#god_fix_1 .god-mark,
#god_fix_1 .got-i-icon,
#god_fix_1 .swf-top {
    display: none
}

#god_fix_1 .big-god {
    display: none;
    height: 250px
}

#god_fix_1 .small-god,
.god-ad-fix {
    display: none
}

@media (min-height:630px) {

    #god_fix_1 .god-mark,
    #god_fix_1 .got-i-icon,
    #god_fix_1 .small-god,
    #god_fix_1 .swf-top {
        display: block
    }

    #god_fix_1 .small-god img {
        height: 100px
    }

    .god-ad-fix {
        display: block
    }
}

@media (min-height:900px) {
    #god_fix_1 .big-god {
        display: block
    }

    #god_fix_1 .small-god {
        display: none
    }
}

@media screen and (max-width:1024px) {
    .godA {
        display: none !important
    }
}

.god-one .swf-top {
    background: #fff;
    background-color: #fff;
    cursor: pointer;
    cursor: hand;
    filter: alpha(opacity=1);
    height: 100%;
    left: 0;
    -moz-opacity: .01;
    opacity: .01;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.sidebar .adA,
.sidebar .godA {
    margin: 0 auto;
    width: 300px
}

.sidebar .adA a,
.sidebar .godA a {
    display: block
}

.sidebar .adA div,
.sidebar .godA div {
    margin-bottom: 10px
}

.sidebar .adA img,
.sidebar .godA img {
    width: 100%
}

.sidebar .godR {
    background-color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px 20px
}

.sidebar .godR img,
.sidebar .godR object {
    width: 300px
}

.sidebar .godR .got-i-icon {
    right: 20px
}

.sidebar .godR .god-mark-origin {
    left: 20px;
    right: auto
}

.god-channel-top-fix {
    height: 75px;
    left: 50%;
    margin-left: -1020/2px + 80px;
    position: fixed;
    top: 40px;
    z-index: 10
}

.god-channel-top-fix.area {
    width: 1020/1px
}

.god-channel-top-fix .god-mark {
    border-radius: 0 8px 0 0;
    left: 0;
    right: inherit
}

.god-channel-top-fix .god-close-ad {
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 22px !important;
    line-height: 23px;
    padding: 0 5px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 0;
    z-index: 2
}

.god-channel-top-fix .god-close-ad .icon-close {
    margin-right: 2px
}

.god-channel-top-fix .god-close-ad .icon-close:before {
    color: #fff
}

.god-channel-top-fix .swf-top {
    background: #fff;
    background-color: #fff;
    cursor: pointer;
    cursor: hand;
    filter: alpha(opacity=1);
    height: 100%;
    left: 0;
    -moz-opacity: .01;
    opacity: .01;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

input {
    border: 0;
    margin: 0;
    outline: none;
    padding: 0
}

body,
input {
    font-family: PingFang SC, Arial, "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", simsun, sans-serif
}

body {
    -webkit-font-smoothing: antialiased;
    background: #fff;
    color: #666;
    font-size: 12px;
    margin: 0 auto;
    overflow-x: hidden
}

a {
    color: #191919
}

a,
a:hover {
    text-decoration: none
}

a:hover {
    color: #c9141d
}

em {
    font-style: normal
}

.clearfix:after {
    clear: both;
    content: "";
    display: block
}

#sohu-play-content {
    border-radius: 10px 10px 0 0;
    display: none;
    height: 298px;
    overflow: hidden;
    position: absolute;
    width: 528px
}

header {
    min-width: 1180px
}

.clear {
    overflow: hidden;
    zoom: 1
}

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

.area {
    margin: 0 auto;
    width: 1180px
}

.left,
.right {
    display: inline;
    float: left
}

.right {
    float: right
}

.icon {
    display: inline-block;
    vertical-align: top
}

.img-do {
    cursor: pointer;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.img-do img {
    display: block;
    height: 100%;
    transition: -webkit-transform .5s ease .1s;
    transition: transform .5s ease .1s;
    transition: transform .5s ease .1s, -webkit-transform .5s ease .1s;
    -webkit-transition: -webkit-transform .5s ease .1s;
    width: 100%
}

.img-do img:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    -webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
    transform: matrix(1.04, 0, 0, 1.04, 0, 0)
}

.img-do h4,
a {
    cursor: pointer
}

.big-mix-pic {
    height: 34px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pic-mix {
    margin-bottom: 12px
}

.pic-mix .left-img-do {
    float: left;
    height: 213px;
    width: 426px
}

.pic-mix .left-img-do a {
    display: block;
    font-size: 0;
    height: 213px;
    overflow: hidden;
    width: 100%
}

.pic-mix .left-img-do a img {
    height: 213px;
    transition: -webkit-transform .5s ease .1s;
    transition: transform .5s ease .1s;
    transition: transform .5s ease .1s, -webkit-transform .5s ease .1s;
    -webkit-transition: -webkit-transform .5s ease .1s;
    width: 100%
}

.pic-mix .left-img-do a img:hover {
    -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
    transform: matrix(1.05, 0, 0, 1.05, 0, 0)
}

.pic-mix .right-pic-wrap {
    float: right;
    width: 212px
}

.pic-mix .right-pic-wrap .common-right-pic {
    width: 100%
}

.pic-mix .right-pic-wrap .common-right-pic a {
    display: block;
    font-size: 0;
    overflow: hidden
}

.pic-mix .right-pic-wrap .common-right-pic a img {
    transition: -webkit-transform .5s ease .1s;
    transition: transform .5s ease .1s;
    transition: transform .5s ease .1s, -webkit-transform .5s ease .1s;
    -webkit-transition: -webkit-transform .5s ease .1s;
    width: 100%
}

.pic-mix .right-pic-wrap .common-right-pic a img:hover {
    -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
    transform: matrix(1.05, 0, 0, 1.05, 0, 0)
}

.pic-mix .right-pic-wrap .top-img-do {
    margin-bottom: 2px
}

.pic-mix .right-pic-wrap .top-img-do a {
    height: 106px
}

.pic-mix .right-pic-wrap .top-img-do a img {
    height: 100%
}

.pic-mix .right-pic-wrap .bottom-img-do a {
    height: 105px
}

.pic-mix .right-pic-wrap .bottom-img-do a img {
    height: 100%
}

.linear-box {
    bottom: 0;
    left: 0;
    position: absolute
}

.linear-box,
.linear-box .linear-bg {
    display: block;
    height: 100%;
    width: 100%
}

.linear-box .linear-bg,
.linear-new-box .linear-new-bg {
    background: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .9)));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .9));
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .9));
    color: #fff
}

.linear-new-box .linear-new-bg {
    display: block;
    height: 100%;
    width: 100%
}

.bord {
    background: #fff;
    border-top: 0;
    margin: 0 auto;
    padding-bottom: 8px
}

.bord img {
    display: block
}

#main-header {
    background: #111;
    height: 48px;
    position: relative;
    z-index: 2
}

#main-header .head-container {
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 1240px
}

#main-header .head-nav {
    height: 48px;
    left: 0;
    position: absolute;
    top: 0
}

#main-header .head-nav li {
    float: left;
    height: 32px;
    margin-right: 6px;
    text-align: center;
    white-space: nowrap
}

#main-header .head-nav li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 100%;
    line-height: 22px;
    padding: 5px 12px;
    width: 100%
}

#main-header .head-nav li:hover {
    background: hsla(0, 0%, 100%, .1)
}

#main-header .head-nav li.index {
    height: 48px;
    margin-right: 16px;
    padding: 0;
    width: 72px
}

#main-header .head-nav li.index a {
    padding: 0
}



#main-header .head-nav li.index:hover {
    cursor: pointer
}

#main-header .head-nav li.nav-item {
    margin: 8px 6px 8px 0
}

#main-header .head-nav li .more-tag {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    padding: 5px 12px
}

#main-header .head-nav li .more-tag .cor {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAALVJREFUWEftlLERwzAMA4mZ4pnsmeKZ4pmQY86FCkcEreTUkK1E6g8ABZtcmPy+FUApUAqUAqVAqADJp5mtN7/sHcDW6w0BvJnky8weSYgDwBL1qAD+uENkagFwRA0SwKmC2+B2KLUB2JWLMsAJoeQh9L0FSwEIeZB8HwXo5UHyfQigkwfZ92GAizykfP8JQJMHU/b920akQ9gOIvn5nJR9/wuAsufRnSEFouHKeQGUAqXAdAXevj41IS0yryAAAAAASUVORK5CYII=) no-repeat 100% 100%;
    background-size: contain;
    font-size: 0;
    height: 16px;
    margin-left: 5px;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    width: 16px
}

#main-header .head-nav .more-nav {
    cursor: pointer;
    position: relative
}

.follow-btn[data-v-fccce8b6] {
    background: #ffd100;
    border-radius: 2px;
    color: #111;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    min-width: 69px;
    text-align: center;
    width: 100%
}

.follow-btn[data-v-fccce8b6]:hover {
    background: #ffe561
}

.follow-btn[data-v-fccce8b6]:active {
    background: #f79d00
}

.follow-btn.followed[data-v-fccce8b6] {
    background: #f8f8f8;
    color: #333
}

.follow-btn.followed[data-v-fccce8b6]:hover {
    background: #ebebeb
}

.follow-btn.followed[data-v-fccce8b6]:active {
    background: #ccc
}

.emoji-list-container .emoji-reprint[data-v-a7a9585c] {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 11PX;
    height: 16PX;
    justify-content: flex-end;
    line-height: 16PX
}

.emoji-list-container .emoji-reprint:hover .reprint-detail[data-v-a7a9585c] {
    opacity: 1;
    visibility: visible
}

.emoji-list-container .reprint-text[data-v-a7a9585c] {
    color: #ccc;
    margin-right: 15PX
}

.emoji-list-container .reprint-detail[data-v-a7a9585c] {
    background: #fff;
    border: 1px solid #ebebeb;
    bottom: 20PX;
    -webkit-box-shadow: 0 0 8PX 0 rgba(0, 0, 0, .04);
    box-shadow: 0 0 8PX 0 rgba(0, 0, 0, .04);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #999;
    -webkit-filter: drop-shadow(0 0 8PX rgba(0, 0, 0, .04));
    filter: drop-shadow(0 0 8PX rgba(0, 0, 0, .04));
    opacity: 0;
    padding: 6PX 12PX;
    position: absolute;
    right: 8PX;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    visibility: hidden;
    white-space: normal;
    width: 180PX;
    word-break: break-word
}

.emoji-list-container .reprint-detail[data-v-a7a9585c]:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    content: "";
    height: 0;
    position: absolute;
    right: 20PX;
    top: 100%;
    width: 0
}

.comment-content-text[data-v-191494e0] {
    word-wrap: break-word;
    word-break: break-word
}

.comment-content-text[data-v-191494e0] .emoji {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.5em;
    justify-content: center;
    line-height: inherit;
    vertical-align: bottom
}

@font-face {
    font-family: emoji-iconfont;
    src: url(https://g1.itc.cn/msfe-pcsrch-prod/202510301650/img/iconfont.woff2) format("woff2"), url(https://g1.itc.cn/msfe-pcsrch-prod/202510301650/img/iconfont.woff) format("woff"), url(https://g1.itc.cn/msfe-pcsrch-prod/202510301650/img/iconfont.ttf) format("truetype")
}

.emoji-iconfont {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    font-family: emoji-iconfont !important;
    font-size: 16PX;
    font-style: normal
}

.emoji-icon-goutou:before {
    content: "\e603"
}

.emoji-icon-ganga1:before {
    content: "\e606"
}

.emoji-icon-shengqi:before {
    content: "\e605"
}

.emoji-icon-meiguihua:before {
    content: "\e604"
}

.emoji-icon-tu:before {
    content: "\e601"
}

.emoji-icon-haixiu:before {
    content: "\e602"
}

.emoji-icon-anzhongguancha:before {
    content: "\e600"
}

.emoji-icon-baiyan:before {
    content: "\e675"
}

.emoji-icon-koushui:before {
    content: "\e676"
}

.emoji-icon-xiaoku:before {
    content: "\e677"
}

.emoji-icon-zhouma:before {
    content: "\e678"
}

.emoji-icon-bianbian:before {
    content: "\e679"
}

.emoji-icon-fadai:before {
    content: "\e67a"
}

.emoji-icon-fenlie:before {
    content: "\e67b"
}

.emoji-icon-kulou:before {
    content: "\e67d"
}

.emoji-icon-jingya:before {
    content: "\e67e"
}

.emoji-icon-ningmengjing:before {
    content: "\e67f"
}

.emoji-icon-tanqi:before {
    content: "\e680"
}

.emoji-icon-weixiao:before {
    content: "\e681"
}

.emoji-icon-yiwen:before {
    content: "\e682"
}

.emoji-icon-sikao:before {
    content: "\e683"
}

.emoji-icon-fendou:before {
    content: "\e684"
}

.emoji-icon-shihua:before {
    content: "\e685"
}

.emoji-icon-yun:before {
    content: "\e686"
}

.emoji-icon-zhadan:before {
    content: "\e687"
}

.emoji-icon-kouzhao:before {
    content: "\e688"
}

.emoji-icon-qingzhu:before {
    content: "\e689"
}

.emoji-icon-shuijue:before {
    content: "\e68a"
}

.emoji-icon-chigua:before {
    content: "\e68b"
}

.emoji-icon-qinqin:before {
    content: "\e68c"
}

.emoji-icon-heilian:before {
    content: "\e68e"
}

.emoji-icon-ganga:before {
    content: "\e68f"
}

.emoji-icon-ku:before {
    content: "\e690"
}

.emoji-icon-tiaopi:before {
    content: "\e66f"
}

.emoji-icon-guzhang:before {
    content: "\e670"
}

.emoji-icon-bizui:before {
    content: "\e671"
}

.emoji-icon-kelian:before {
    content: "\e672"
}

.emoji-icon-yyds:before {
    content: "\e673"
}

.emoji-icon-daku:before {
    content: "\e674"
}

.emoji-icon-daxiao:before {
    content: "\e66e"
}

.confirm-container[data-v-31c3e4be] {
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 4
}

.confirm-container .confirm-box[data-v-31c3e4be] {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .02);
    border-radius: 4PX;
    -webkit-box-shadow: 0 4PX 12PX 2PX rgba(0, 0, 0, .04), 0 8PX 16PX -4PX rgba(0, 0, 0, .05);
    box-shadow: 0 4PX 12PX 2PX rgba(0, 0, 0, .04), 0 8PX 16PX -4PX rgba(0, 0, 0, .05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    opacity: 1;
    padding: 32PX 32PX 24PX;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 444PX;
    z-index: 2
}

.confirm-container .confirm-box .confirm-content .confirm-title[data-v-31c3e4be] {
    color: #111;
    font-family: PingFangSC, PingFang SC;
    font-size: 16PX;
    font-weight: 400;
    line-height: 22PX;
    white-space: normal
}

.confirm-container .confirm-box .confirm-footer[data-v-31c3e4be] {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin-top: 14PX
}

.confirm-container .confirm-box .confirm-footer .button-group[data-v-31c3e4be] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.confirm-container .confirm-box .confirm-footer .button-group .btn-cancel[data-v-31c3e4be] {
    background: #f2f2f2;
    border-radius: 4PX;
    color: #111;
    cursor: pointer;
    font-family: PingFangSC, PingFang SC;
    font-size: 14PX;
    font-weight: 500;
    line-height: 20PX;
    margin-right: 8PX;
    overflow: hidden;
    padding: 8PX 24PX;
    white-space: nowrap
}

.confirm-container .confirm-box .confirm-footer .button-group .btn-confirm[data-v-31c3e4be] {
    background: #ffd100;
    border-radius: 4PX;
    color: #111;
    cursor: pointer;
    font-family: PingFangSC, PingFang SC;
    font-size: 14PX;
    font-weight: 500;
    line-height: 20PX;
    overflow: hidden;
    padding: 8PX 24PX;
    white-space: nowrap
}

.is-mobile[data-v-31c3e4be] {
    background: rgba(0, 0, 0, .3)
}

.is-mobile .confirm-box[data-v-31c3e4be] {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: auto;
    max-width: 280PX;
    padding: 32PX 28PX 24PX
}

.is-mobile .confirm-box .confirm-content .confirm-title[data-v-31c3e4be] {
    text-align: center
}

.is-mobile .confirm-box .confirm-footer[data-v-31c3e4be] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 32PX
}

.is-mobile .confirm-box .confirm-footer .button-group[data-v-31c3e4be] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start
}

.is-mobile .confirm-box .confirm-footer .button-group .btn-cancel[data-v-31c3e4be],
.is-mobile .confirm-box .confirm-footer .button-group .btn-confirm[data-v-31c3e4be] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    width: 104PX
}

.is-mobile .confirm-box .confirm-footer .button-group .btn-cancel[data-v-31c3e4be] {
    margin-right: 14PX
}