/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[2]!./src/index.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
body,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  vertical-align: middle;
}
li {
  list-style: none;
}
iframe {
  border: none;
}
html {
  height: 100%;
  font-size: 16px;
}
body {
  height: 100%;
  font: 400 1em/1.8 'pingfang sc', 'microsoft yahei', 'avenir', 'segoe ui', 'hiragino sans gb',
    stheiti, 'microsoft sans serif', 'wenquanyi micro hei', sans-serif;
  color: #333333;
  padding-top: 66px;
  /* 抗锯齿 */
  -webkit-font-smoothing: antialiased; /*chrome、safari*/
  -moz-osx-font-smoothing: grayscale; /*firefox*/
}
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  color: #3377ff !important;
}
.cf:after,
.cf:before,
.clearfix:after,
.clearfix:before {
  content: ' ';
  display: table;
}
.cf:after,
.clearfix:after {
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
#topad {
  min-height: 40px;
}
#topad .widthad {
  width: 1048px;
  margin: 0 auto;
}
#topad.qa_topad .widthad {
  padding-left: 0;
}

#bottomad .widthad {
  width: 680px;
  padding-right: 366px;
  margin: 0 auto;
}

.box-1000 .l_qq_com {
  margin: 0 auto;
  width: 1000px;
}

.qq_conent {
  width: 1048px;
  margin: 0 auto 20px;
  display: none;
}
.qa_content {
  width: 1040px;
}

.video-title {
  display: none !important;
}

.tuijian-bar .bar-con ul .item {
  width: auto !important;
  height: auto !important;
}

.left {
  position: relative;
  width: 680px;
  float: left;
}
.qa {
  width: 680px;
}
.left h1 {
  margin-top: 8px;
  margin-bottom: 25px;
  font-size: 36px;
  line-height: 56px;
  color: #333333;
  font-weight: 600;
  font-family: 'pingfang sc';
}
.left .a-src-time {
  font-size: 12px;
  color: #808080;
  display: none;
  margin-bottom: 20px;
}
.left .a-src-time a {
  color: #808080;
}

.right {
  float: right;
  width: 320px;
}
.qq_comment {
  margin-bottom: 36px;
}

#articlebottom {
  margin: 0;
  width: 100%;
  display: none;
}
#pic {
  border-bottom: 0;
  margin-top: 20px;
  margin-bottom: 40px;
}
hr {
  background: #f0f0f0;
  height: 1px;
  margin: 0;
  padding: 0;
  border: none;
}
.hidden {
  display: none !important;
}
.iconfont {
  vertical-align: middle;
}

@font-face {
  font-family: 'politica';
  src: ; /* ie9*/
  src:  format('truetype'); /* chrome, firefox, opera, safari, android, ios 4.2 */
}
@font-face {
  font-family: 'constani';
  src: ; /* ie9*/
  src:  format('truetype'); /* chrome, firefox, opera, safari, android, ios 4.2 */
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  100% {
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[2]!../../node_modules/.pnpm/normalize.css@7.0.0/node_modules/normalize.css/normalize.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! normalize.css v7.0.0 | mit license | github.com/necolas/normalize.css */

/* document
   ========================================================================== */

/**
 * 1. correct the line height in all browsers.
 * 2. prevent adjustments of font size after orientation changes in
 *    ie on windows phone and in ios.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* sections
   ========================================================================== */

/**
 * remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * add the correct display in ie 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in chrome, firefox, and safari.
 */

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

/* grouping content
   ========================================================================== */

/**
 * add the correct display in ie 9-.
 * 1. add the correct display in ie.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * add the correct margin in ie 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. add the correct box sizing in firefox.
 * 2. show the overflow in edge and ie.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. correct the inheritance and scaling of font size in all browsers.
 * 2. correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* text-level semantics
   ========================================================================== */

/**
 * 1. remove the gray background on active links in ie 10.
 * 2. remove gaps in links underline in ios 8  and safari 8 .
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. remove the bottom border in chrome 57- and firefox 39-.
 * 2. add the correct text decoration in chrome, edge, ie, opera, and safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * prevent the duplicate application of `bolder` by the next rule in safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * add the correct font weight in chrome, edge, and safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. correct the inheritance and scaling of font size in all browsers.
 * 2. correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * add the correct font style in android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * add the correct background and color in ie 9-.
 */

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

/**
 * add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* embedded content
   ========================================================================== */

/**
 * add the correct display in ie 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * add the correct display in ios 4-7.
 */

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

/**
 * remove the border on images inside links in ie 10-.
 */

img {
  border-style: none;
}

/**
 * hide the overflow in ie.
 */

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

/* forms
   ========================================================================== */

/**
 * 1. change the font styles in all browsers (opinionated).
 * 2. remove the margin in firefox and safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * show the overflow in ie.
 * 1. show the overflow in edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * remove the inheritance of text transform in edge, firefox, and ie.
 * 1. remove the inheritance of text transform in firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. prevent a webkit bug where (2) destroys native `audio` and `video`
 *    controls in android 4.
 * 2. correct the inability to style clickable types in ios and safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * remove the inner border and padding in firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

/**
 * correct the padding in firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. correct the text wrapping in edge and ie.
 * 2. correct the color inheritance from `fieldset` elements in ie.
 * 3. remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. add the correct display in ie 9-.
 * 2. add the correct vertical alignment in chrome, firefox, and opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * remove the default vertical scrollbar in ie.
 */

textarea {
  overflow: auto;
}

/**
 * 1. add the correct box sizing in ie 10-.
 * 2. remove the padding in ie 10-.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * correct the cursor style of increment and decrement buttons in chrome.
 */

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

/**
 * 1. correct the odd appearance in chrome and safari.
 * 2. correct the outline style in safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * remove the inner padding and cancel buttons in chrome and safari on macos.
 */

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

/**
 * 1. correct the inability to style clickable types in ios and safari.
 * 2. change font properties to `inherit` in safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* interactive
   ========================================================================== */

/*
 * add the correct display in ie 9-.
 * 1. add the correct display in edge, ie, and firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* scripting
   ========================================================================== */

/**
 * add the correct display in ie 9-.
 */

canvas {
  display: inline-block;
}

/**
 * add the correct display in ie.
 */

template {
  display: none;
}

/* hidden
   ========================================================================== */

/**
 * add the correct display in ie 10-.
 */

[hidden] {
  display: none;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[2]!./src/iconfont/iconfont.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

@font-face {font-family: "iconfont";
  src: ; /* ie9*/
  src:  format('embedded-opentype'), /* ie6-ie8 */
   format('woff'),
   format('truetype'), /* chrome, firefox, opera, safari, android, ios 4.2 */
   format('svg'); /* ios 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-buxihuan:before { content: "\e601"; }

.icon-playing:before { content: "\e62a"; }

.icon-qqkongjian:before { content: "\e604"; }

.icon-xihuan:before { content: "\e633"; }

.icon-weibo:before { content: "\e637"; }

.icon-weibo1:before { content: "\e754"; }

.icon-shuaxin:before { content: "\e6ae"; }

.icon-right:before { content: "\e61c"; }

.icon-shoucang:before { content: "\e605"; }

.icon-icon-:before { content: "\e659"; }

.icon-sanjiaoxingshixin:before { content: "\e7d3"; }

.icon-left:before { content: "\e71f"; }

.icon-tupian:before { content: "\e680"; }

.icon-qq1:before { content: "\e6db"; }

.icon-bofang:before { content: "\e66a"; }

.icon-xiaoxi:before { content: "\e60b"; }

.icon-movie:before { content: "\e60f"; }

.icon-search:before { content: "\e610"; }

.icon-play:before { content: "\e611"; }

.icon-pics:before { content: "\e612"; }

.icon-prev:before { content: "\e60e"; }

.icon-next:before { content: "\e613"; }

.icon-gotop:before { content: "\e614"; }

.icon-more:before { content: "\e616"; }

.icon-more1:before { content: "\e618"; }

.icon-pinglun:before { content: "\e61a"; }

.icon-xiaoxi1:before { content: "\e61d"; }

.icon-pinglun1:before { content: "\e615"; }

.icon-shoucang3:before { content: "\e602"; }

.icon-img:before { content: "\e603"; }

.icon-zutu1:before { content: "\e607"; }

.icon-zutu:before { content: "\e608"; }

.icon-shandian:before { content: "\e60a"; }

.icon-like:before { content: "\e60c"; }

.icon-zhanweilogo-:before { content: "\e60d"; }

.icon-zan:before { content: "\e619"; }

.icon-shoucang4:before { content: "\e61e"; }

.icon-buganxingqu1:before { content: "\e61b"; }

.icon-buganxingqu:before { content: "\e617"; }


/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[2]!./src/components/content/css.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.content-article {
  width: 680px;
  font-size: 18px;
  float: right;
}
.content-article .one-p {
  line-height: 34px;
  margin-bottom: 30px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.content-article .one-p img.content-picture {
  max-width: 100%;
  margin: 0.6em auto;
  display: block;
  border-radius: 4px;
}

.content-article ul.article-points {
  background: #fafafa;
  padding: 1em;
  margin-bottom: 2em;
}
.content-article ul.article-points li em {
  display: inline-block;
  width: 18px;
  height: 22px;
  background: #00a3ff;
  color: #fff;
  text-align: center;
  margin-right: 10px;
  font-size: 14px;
}

.content-article .videoplayerwrap {
  margin: 0.6em auto 2em;
}
.content-article .videoplayerwrap .videoplayermini .txp_info_icon {
  right: 25px;
}
.content-article .photowrap {
  margin: 0.6em auto 2em;
}
.content-article .one-p .desc {
  color: rgb(155, 158, 163);
  line-height: 20px;
  text-align: center;
  display: block;
  font-size: 14px;
  font-style: normal;
}

.content-article a {
  color: #2291f7;
}

.introduction {
  color: #555;
  line-height: 2.2;
  margin-bottom: 2em;
  word-break: break-all;
}

/*timeline*/
.content-article .time-line {
  margin-left: 10px;
}
.content-article .time-line .time {
  border-left: 1px solid #bcdaff;
  padding-left: 24px;
  color: #4c8dfe;
  position: relative;
  height: 18px;
  line-height: 18px;
}
.content-article .time-line .time::before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  background: ;
  background-size: 100%;
  position: absolute;
  left: -9px;
  top: 0;
}
.content-article .time-line .event {
  border-left: 1px solid #bcdaff;
  padding: 10px 0 20px 24px;
}
.content-article .time-line .event:last-child {
  border-left: none;
}

.content-article .jump-desc {
  margin-bottom: 2em;
}
.content-article audio {
  width: 100%;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/rank-list/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#qqcom-rankwrap{margin-bottom:40px}#qqcom-rankwrap .qqcom-ranktitle{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:24px}#qqcom-rankwrap .qqcom-ranktitle .qqcom-rankname{display:inline-block;background-image:;background-position:center;background-size:cover;background-repeat:no-repeat;width:58px;height:37px}#qqcom-rankwrap .qqcom-ranktitle .qqcom-rankchange{display:inline-block;background-image:;background-position:center;background-size:cover;background-repeat:no-repeat;width:64px;height:18px;cursor:pointer}#qqcom-rankwrap .qqcom-ranknews li{margin-bottom:26px;font-family:"pingfang sc";font-size:16px;height:16px;line-height:1;word-wrap:break-word;white-space:nowrap}#qqcom-rankwrap .qqcom-ranknews li a{display:inline-block;max-width:290px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#333}#qqcom-rankwrap .qqcom-ranknews li .num-0{color:transparent !important;background-image:;background-position:center;background-repeat:no-repeat;background-size:contain}#qqcom-rankwrap .qqcom-ranknews li .num-1,#qqcom-rankwrap .qqcom-ranknews li .num-2,#qqcom-rankwrap .qqcom-ranknews li .num-3{color:#f05}#qqcom-rankwrap .qqcom-ranknews .qqcom-rankicon{display:inline-block;width:16px;margin-right:10px;vertical-align:top;font-size:16px;font-style:normal;text-align:center;color:#999;font-weight:500;font-family:"gilroy"}#qqcom-rankwrap .qqcom-ranknews .qqcom-recicon{display:inline-block;margin-left:6px;height:16px;vertical-align:baseline}#qqcom-rankwrap .qqcom-ranknews .qqcom-videoicon,#qqcom-rankwrap .qqcom-ranknews .qqcom-liveicon{width:16px;height:16px;margin-left:5px;vertical-align:baseline}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/message/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qqcom-message-info{display:inline-block;padding:18px 16px;background-color:rgba(0,0,0,.5);color:#fff;border-radius:6px;position:fixed;top:150px;line-height:1;font-size:16px;z-index:9999}.qqcom-message-confirm .qqcom-message-confirm-mask{width:100vw;height:100vh;background-color:rgba(31,31,31,.08);position:fixed;top:0;left:0;z-index:9992;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.qqcom-message-confirm .qqcom-message-confirm-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:18px 16px;background-color:#fff;border-radius:6px;font-size:16px;line-height:25px;min-height:80px;max-width:250px;word-break:break-all;-ms-flex-pack:justify;justify-content:space-between}.qqcom-message-confirm .qqcom-message-confirm-content .qqcom-message-confirm-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;line-height:1;margin-top:10px}.qqcom-message-confirm .qqcom-message-confirm-content .qqcom-message-confirm-btn div{font-size:14px;display:inline-block;padding:5px 20px;background-color:#37f;color:#fff;border-radius:20px;cursor:pointer}.qqcom-message-confirm .qqcom-message-confirm-content .qqcom-message-confirm-btn div:first-child{background-color:#fff;color:#333;border:1px solid #ebebeb;margin-right:5px}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/comment/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#qqcom-comment{max-width:730px;position:relative}#qqcom-comment #to-comment{position:absolute;top:-80px}#qqcom-comment .qqcom-comment-loadmore{height:44px;background:#f8f8f8;border-radius:6px;font-size:16px;color:#333;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}#qqcom-comment .qqcom-comment-loadmore::after{content:"";background-repeat:no-repeat;background-size:100%;width:16px;height:16px;display:block;background-image:}#qqcom-comment .qqcom-comment-load-all{text-align:center;color:#666}#qqcom-comment .qqcom-comment-count{font-size:20px;line-height:1.2;display:-ms-flexbox;display:flex;font-weight:500;-ms-flex-align:center;align-items:center;color:#333}#qqcom-comment .qqcom-comment-count .qqcom-comment-protocol{color:#999;font-size:12px;margin-left:10px}#qqcom-comment .qqcom-comment-count .qqcom-comment-protocol a{color:#999}#qqcom-comment .qqcom-comment-count .qqcom-comment-protocol a:hover{color:#37f}#qqcom-comment .qqcom-comment-user{width:38px;padding-right:12px}#qqcom-comment .qqcom-comment-user-avatar,#qqcom-comment .qnc-comment__avatar-container .qnc-comment__avatar-img{width:36px;height:36px;border-radius:50%;border:1px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box}#qqcom-comment .qqcom-comment-send{position:relative;max-width:730px;display:-ms-flexbox;display:flex;margin:30px 0 22px}#qqcom-comment .qqcom-comment-send .qqcom-comment-area{border-radius:6px;background-color:#f8f8f8;padding:14px 16px 52px;-ms-flex:1 1;flex:1 1;position:relative;height:100px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:height .3s;transition:height .3s}#qqcom-comment .qqcom-comment-send .qqcom-comment-send-input{background-color:#f8f8f8;width:100%;border:none;resize:none;outline:none;color:#333;line-height:24px;overflow-y:auto}#qqcom-comment .qqcom-comment-send .qqcom-comment-send-btn{position:absolute;width:72px;height:32px;right:10px;bottom:10px;background-color:#5c5c5c;border-radius:4px;line-height:1;color:#fff;font-size:14px;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#qqcom-comment .qqcom-comment-send .qqcom-comment-send-btn.nocontent{background-color:#ccc;cursor:default}#qqcom-comment .qqcom-comment-send .qqcom-comment-send-tips{height:100%;width:100%;color:#333;position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}#qqcom-comment .qqcom-comment-send .qqcom-comment-send-tips a{color:#37f;cursor:pointer;margin:0 5px}#qqcom-comment .qnc-comment__avatar-container{padding-right:12px}#qqcom-comment .qnc-comment__avatar-container .qnc-comment__avatar-img{cursor:pointer}#qqcom-comment .qqcom-sub-comment{padding-left:48px;margin-top:22px}#qqcom-comment .qqcom-sub-comment .qqcom-comment-item{margin-bottom:20px}#qqcom-comment .qqcom-sub-comment .qqcom-comment-user{width:26px}#qqcom-comment .qqcom-sub-comment .qnc-comment__avatar-img{width:26px;height:26px}#qqcom-comment .qqcom-sub-comment .qqcom-comment-sub-loadmore{padding-left:38px;color:#333;font-size:14px;height:14px;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}#qqcom-comment .qqcom-sub-comment .qqcom-comment-sub-loadmore::after{content:"";display:block;background-repeat:no-repeat;background-size:100%;width:14px;height:14px;background-image:}#qqcom-comment .qqcom-comment-item{margin-bottom:32px}#qqcom-comment .qqcom-comment-item .qqcom-comment-send{margin:20px 0 24px}#qqcom-comment .qqcom-comment-item .qnc-comment__content>span:last-child{cursor:pointer}#qqcom-comment .qqcom-comment-item .qnc-comment__content>span:first-child{cursor:text}#qqcom-comment .qqcom-comment-item .qqcom-comment-reply-btn,#qqcom-comment .qqcom-comment-item .qqcom-comment-reply-num{color:#333;cursor:pointer}#qqcom-comment .qqcom-comment-item .qnc-comment__content-bottom-container{font-size:14px}#qqcom-comment .qqcom-comment-item .qnc-comment__content-bottom-container div>span{background-color:#999 !important}#qqcom-comment .qqcom-comment-item .qnc-comment__content-bottom-container .qnc-comment__extra .qqcom-comment-item-extra{cursor:pointer;height:13px;padding:0 8px}#qqcom-comment .qqcom-comment-item .qnc-comment__content-container .qnc-comment__content{color:#333}#qqcom-comment .qqcom-comment-item .qnc-comment__content-top-container{height:auto;margin-bottom:10px}#qqcom-comment .qqcom-comment-item .qnc-comment__content-top-container .qqcom-nick-reply{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#999;line-height:1}#qqcom-comment .qqcom-comment-item .qnc-comment__content-top-container .qqcom-nick-reply .qqcom-comment-user-nick{font-size:16px}#qqcom-comment .qqcom-comment-item .qnc-comment__content-top-container .qqcom-nick-reply .qqcom-comment-user-nick.main-user{cursor:pointer}#qqcom-comment .qqcom-comment-item .qnc-comment__content-top-container .qqcom-nick-reply .qqcom-nick-tag{height:18px;margin:0 4px 2px}#qqcom-comment .qqcom-comment-item .qnc-comment__content-top-container .qqcom-nick-reply .qqcom-nick-reply-arrow{margin:0 8px;border-left:9px solid #333;border-bottom:5px solid transparent;border-top:5px solid transparent}#qqcom-comment .qqcom-comment-item .qnc-comment__content-top-container .qnc-comment__like-btn{-ms-flex-align:center;align-items:center;cursor:pointer}#qqcom-comment .qqcom-comment-item .qnc-comment__content-top-container .qnc-comment__like-btn .qnc-comment__like-count{font-size:14px;line-height:14px;font-weight:normal}#qqcom-comment .qqcom-comment-item .qnc-comment__content-top-container .qnc-comment__like-btn .qnc-comment__like-img{height:20px;position:relative;bottom:2px}#qqcom-comment.dark{background-color:#333;min-height:100%}#qqcom-comment.dark .qqcom-comment-count{background-color:#333;color:#fff}#qqcom-comment.dark .qqcom-comment-send .qqcom-comment-area{background-color:rgba(245,245,245,.03)}#qqcom-comment.dark .qqcom-comment-send .qqcom-comment-area textarea{background-color:transparent;color:#fff}#qqcom-comment.dark .qqcom-comment-send .qqcom-comment-area textarea:focus{color:#fff}#qqcom-comment.dark .qqcom-comment-send .qqcom-comment-area .qqcom-comment-send-tips{color:#fff}#qqcom-comment.dark .qqcom-comment-send .qqcom-comment-area .qqcom-comment-send-btn.nocontent{background-color:rgba(245,245,245,.1);color:#999}#qqcom-comment.dark .qqcom-comment-item .qnc-comment__content,#qqcom-comment.dark .qqcom-comment-item .qnc-comment__like-count,#qqcom-comment.dark .qqcom-comment-item .qqcom-comment-sub-loadmore,#qqcom-comment.dark .qqcom-comment-item .qqcom-comment-reply-btn,#qqcom-comment.dark .qqcom-comment-item .qqcom-comment-reply-num{color:#fff}#qqcom-comment.dark .qqcom-comment-item .qnc-comment__like-btn img:nth-of-type(1){content:}#qqcom-comment.dark .qqcom-comment-item .qqcom-comment-sub-loadmore::after{background-image:;width:10px;height:7px}#qqcom-comment.dark .qqcom-comment-item [class^=index_module_ellipsis]{--mask-bg: linear-gradient(-90deg, var(--btn-bg), rgba(31, 31, 31, 0));--btn-bg: #1f1f1f}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/modal/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qqcom-modal-mask{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:rgba(0,0,0,.3);z-index:9991;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.qqcom-modal-mask-hidden{display:none}.qqcom-modal-mask .qqcom-modal{background-color:#fff;border-radius:10px;position:relative}.qqcom-modal-mask .qqcom-modal .qqcom-modal-close{width:16px;height:16px;position:absolute;right:24px;top:24px;cursor:pointer}.qqcom-modal-mask .qqcom-modal .qqcom-modal-title{text-align:center;line-height:66px;position:relative;border-bottom:1px solid #ebebeb;font-size:18px;font-weight:500}.qqcom-modal-mask .qqcom-modal .qqcom-modal-content{min-height:180px;padding:0 20px}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/report/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qqcom-report-modal{width:418px !important;background-color:#fff;border-radius:10px;position:relative}.qqcom-report-modal .qqcom-report-tips{margin:20px 20px 0;font-size:14px;color:#999}.qqcom-report-modal .qqcom-report-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:22px 20px;line-height:16px;color:#333}.qqcom-report-modal .qqcom-report-item img{width:16px;margin-right:10px}.qqcom-report-modal .qqcom-modal-content{padding-bottom:84px !important}.qqcom-report-modal .qqcom-report-btn{position:absolute;width:100%;bottom:0;right:0;padding-bottom:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.qqcom-report-modal .qqcom-report-btn span{border-radius:100px;font-size:16px;font-weight:500;display:inline-block;line-height:46px;width:162px;text-align:center;cursor:pointer;color:#333;background-color:rgba(230,230,230,.7)}.qqcom-report-modal .qqcom-report-btn span:last-child{background-color:#37f;color:#fff;margin-left:15px}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[2]!../../node_modules/.pnpm/@tencent qn-cell@2.0.5_@babel core@7.22.8_react-dom@17.0.2_react-is@18.2.0_react@17.0.2/node_modules/@tencent/qn-cell/es/comment/index.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qnc-comment {
  --color-nick: #222;
  --color-like: #222;
  --color-like-filled: #ff4c4c;
  --color-content: #333;
  --color-time-locate: #999;
  --color-replay: #1f1f1f;
  --color-split: #f0f0f0;
  --avatar-height: 32px;
  --header-height: 32px;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.qnc-comment--reply {
  --avatar-height: 24px;
  --header-height: 24px;
}
.qnc-comment__avatar-container {
  padding-right: 8px;
}
.qnc-comment__right-container {
  -ms-flex: 1 1;
      flex: 1 1;
  overflow: hidden;
}
.qnc-comment__content-top-container {
  display: -ms-flexbox;
  display: flex;
  height: var(--header-height);
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.qnc-comment__content-bottom-container {
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -ms-flex-align: center;
      align-items: center;
  font-size: 12px;
  line-height: 14px;
}
.qnc-comment__avatar-img {
  width: var(--avatar-height);
  height: var(--avatar-height);
  border-radius: 100%;
}
.qnc-comment__nickname {
  font-size: 14px;
  line-height: 16px;
  color: var(--color-nick);
  -ms-flex: 1 1;
      flex: 1 1;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 1em;
  text-overflow: ellipsis;
}
.qnc-comment__like-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
}
.qnc-comment__like-count {
  font-family: gilroy;
  color: var(--color-like);
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.qnc-comment__like-count--liked {
  color: var(--color-like-filled);
}
.qnc-comment__like-img {
  height: 20px;
  margin-left: 2px;
}
.qnc-comment__content {
  font-size: 16px !important;
  line-height: 24px !important;
  color: var(--color-content);
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.qnc-comment__content   .qnc-comment__pictures {
  margin-top: 10px;
}
.qnc-comment__picture {
  margin-right: 8px;
}
.qnc-comment__time-location {
  color: var(--color-time-locate);
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}
.qnc-comment__time-location-text {
  max-width: 9em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qnc-comment__reply-btn {
  color: #1f1f1f;
}
.qnc-comment__extra {
  -ms-flex: 1 1;
      flex: 1 1;
  text-align: right;
}
.qnc-comment__bottom-split {
  margin-top: 15px;
  height: 0.5px;
  background: var(--color-split);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[2]!../../node_modules/.pnpm/@tencent qn-react@2.0.6_react-dom@17.0.2_react@17.0.2/node_modules/@tencent/qn-react/es/collapse-text/indexmodule.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.index_module_wrapper__9b7b9f94 {
  font-size: 16px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  -ms-flex-align: center;
      align-items: center;
  text-align: justify;
  --btn-color: #37f;
  --btn-bg: #fff;
  --mask-bg: linear-gradient(-90deg, var(--btn-bg), hsla(0, 0%, 100%, 0));
}

@media (prefers-color-scheme: dark) {
  .index_module_wrapper_dark__9b7b9f94 {
    --btn-bg: #1f1f1f;
    --mask-bg: linear-gradient(-90deg, var(--btn-bg), rgba(31, 31, 31, 0));
  }
}
.index_module_ellipsis__9b7b9f94 {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  right: 0;
}

.index_module_collapsed__9b7b9f94 {
  position: static;
  display: block;
  text-align: right;
}

.index_module_mask__9b7b9f94 {
  width: 3.2em;
  background: var(--mask-bg);
}

.index_module_ellipsistext__9b7b9f94 {
  padding-right: 6px;
  background-color: var(--btn-bg);
}

.index_module_btn__9b7b9f94 {
  color: var(--btn-color);
  background-color: var(--btn-bg);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[2]!../../node_modules/.pnpm/@tencent qn-react@2.0.6_react-dom@17.0.2_react@17.0.2/node_modules/@tencent/qn-react/es/img-viewer/indexmodule.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.index_module_modal__e8d505ee {
  --z-index: 1001;
  position: fixed;
  z-index: var(--z-index);
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  vertical-align: middle;
}
.index_module_modal__e8d505ee::before {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.index_module_mask__e8d505ee {
  position: fixed;
  z-index: var(--z-index);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.85);
}

.index_module_img__e8d505ee {
  max-width: 100vw;
  max-height: 100vh;
  vertical-align: middle;
  position: fixed;
  z-index: var(--z-index);
  top: 50%;
  left: 50%;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[2]!../../node_modules/.pnpm/@tencent qn-react@2.0.6_react-dom@17.0.2_react@17.0.2/node_modules/@tencent/qn-react/es/emoji-text-parser/indexmodule.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable-next-line scss/dollar-variable-pattern */
.index_module_qncemojitextparser__841037f6 {
  line-height: 23px;
  font-size: 16px;
  vertical-align: middle;
  word-break: break-all;
}
.index_module_qncemojitextparsergif__841037f6 {
  width: 23px;
  height: 23px;
  font-size: 0;
  line-height: 23px;
  vertical-align: middle;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/drawer/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qqcom-drawer-mask{width:100vw;height:100vh;background-color:rgba(31,31,31,.08);position:fixed;top:0;left:0;z-index:9990}.qqcom-drawer-mask-hidden{display:none}.qqcom-drawer-mask .qqcom-drawer{background-color:#fff;position:absolute;width:100%;height:100%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.qqcom-drawer-mask .qqcom-drawer-right{right:0}.qqcom-drawer-mask .qqcom-drawer-left{left:0}.qqcom-drawer-mask .qqcom-drawer-top{top:0}.qqcom-drawer-mask .qqcom-drawer-bottom{bottom:0}.qqcom-drawer-mask .qqcom-drawer .qqcom-drawer-close{width:16px;height:16px;position:absolute;right:20px;top:38px;cursor:pointer;z-index:10}.qqcom-drawer-mask .qqcom-drawer .qqcom-drawer-content{overflow:auto;height:100%;padding:0 20px;z-index:9}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/drawer-comment/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.drawer-comment-wrap .qqcom-drawer-content{padding:0 !important}.drawer-comment-wrap .qqcom-drawer-close{width:10px !important;height:10px !important;top:27px !important;right:30px !important;z-index:11 !important}.drawer-comment-wrap .drawer-comment{padding:68px 30px 10px;position:static !important}.drawer-comment-wrap .drawer-comment .qqcom-comment-count{-webkit-box-sizing:border-box;box-sizing:border-box;top:0;left:0;height:68px;width:100%;padding:0 30px;position:absolute;background-color:#fff;z-index:10;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.drawer-comment-wrap .drawer-comment.drawer-comment-scroll .qqcom-comment-count{-webkit-box-shadow:0px 1px 4px rgba(0,0,0,.06);box-shadow:0px 1px 4px rgba(0,0,0,.06)}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/float-button/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qqcom-floatbutton{position:fixed;right:20px;bottom:100px;width:52px;font-size:12px;z-index:99}.qqcom-floatbutton .qqcom_fb-item{position:relative;display:block;width:42px;height:42px;border:1px solid #e8e8e8;border-radius:4px;margin-bottom:12px;cursor:pointer;text-align:center;line-height:15px;color:#666;background:#fff;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.qqcom-floatbutton .qqcom_fb-item:hover{background-color:#f2f2f2;border-color:#f2f2f2}.qqcom-floatbutton .qqcom_fb-item.goinfo:hover ul{display:block}.qqcom-floatbutton .qqcom_fb-item.goinfo ul{display:none;position:absolute;left:-92px;top:-50%;border-radius:4px;padding:0 15px;background:#fff;-webkit-box-shadow:1px 1px 10px #d9d9d9;box-shadow:1px 1px 10px #d9d9d9}.qqcom-floatbutton .qqcom_fb-item.goinfo ul::after{content:"";width:14px;height:100%;position:absolute;right:-14px;top:0}.qqcom-floatbutton .qqcom_fb-item.goinfo ul li{position:relative;margin:10px 0}.qqcom-floatbutton .qqcom_fb-item.goinfo ul::before{content:"";width:16px;height:20px;position:absolute;right:-11px;top:50%;-webkit-transform:translatey(-50%);-ms-transform:translatey(-50%);transform:translatey(-50%);background:;background-repeat:no-repeat;background-size:contain;background-position:50%}.qqcom-floatbutton .qqcom_fb-item.gotop{margin-bottom:0}.qqcom-floatbutton .qqcom_fb-item::before{content:"";display:block;width:16px;height:17px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-size:contain;background-position:50%;background-repeat:no-repeat}.qqcom-floatbutton .qqcom_fb-item.gohome::before{background-image:}.qqcom-floatbutton .qqcom_fb-item.goinfo::before{background-image:}.qqcom-floatbutton .qqcom_fb-item.gotop::before{background-image:}.qqcom-floatbutton .hide{height:0;opacity:0;border:0;margin-top:-20px}.qqcom-floatbutton .ad-tips{display:none;opacity:0;position:absolute;right:160%;top:-427%;font-size:14px;width:166px;padding:15px 13px;text-align:left;color:#333;line-height:20px;border-radius:4px;background-color:#fff;-webkit-box-shadow:1px 1px 10px #d9d9d9;box-shadow:1px 1px 10px #d9d9d9;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.qqcom-floatbutton .ad-tips::before{content:"";width:16px;height:20px;position:absolute;right:-11px;top:46%;-webkit-transform:translatey(-50%);-ms-transform:translatey(-50%);transform:translatey(-50%);background:;background-repeat:no-repeat;background-size:contain;background-position:50%}.qqcom-floatbutton .ad-tips span{font-size:18px;height:18px;line-height:18px;display:block;margin-bottom:10px;font-weight:600}.qqcom-floatbutton .ad-tips.ad-tips-show{display:block;opacity:1}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/article-cell/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qqcom-article-cell.dark .qqcom-article-cell-info-media{background-color:#333}.qqcom-article-cell.dark .qqcom-article-cell-info .qqcom-article-cell-info-title{color:#fff}.qqcom-article-cell.dark .qqcom-article-cell-info .loading-bar{background-color:#333}.qqcom-article-cell .qqcom-article-cell-info{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.qqcom-article-cell .qqcom-article-cell-info .qqcom-article-cell-info-title{cursor:pointer;color:#333;font-size:20px;line-height:36px;overflow:hidden;word-break:break-all;overflow-wrap:break-word;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.qqcom-article-cell .qqcom-article-cell-info .qqcom-article-cell-info-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.qqcom-article-cell .qqcom-article-cell-info .qqcom-article-cell-info-bottom .qqcom-article-cell-info-count{font-size:14px;line-height:1;color:#999;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.qqcom-article-cell .qqcom-article-cell-info .qqcom-article-cell-info-bottom .qqcom-article-cell-info-count .comment-count{margin-right:10px}.qqcom-article-cell .qqcom-article-cell-info .qqcom-article-cell-info-bottom img{margin-bottom:3px}.qqcom-article-cell .qqcom-article-cell-info .loading-bar{margin-bottom:5px;width:100%;height:15px;background-color:rgba(230,230,230,.7);border-radius:2px}.qqcom-article-cell .qqcom-article-cell-info .loading-bar:nth-child(2){width:85%}.qqcom-article-cell .qqcom-article-cell-info .loading-bar:nth-child(3){width:70%}.qqcom-article-cell.loading .qqcom-article-cell-info{display:block}.qqcom-article-cell .qqcom-article-cell-info-media{background-color:rgba(230,230,230,.7);position:relative;overflow:hidden;border-radius:4px}.qqcom-article-cell .qqcom-article-cell-info-media .qqcom-article-cell-info-image{-o-object-fit:cover;object-fit:cover;height:100%;width:100%;cursor:pointer}.qqcom-article-cell .qqcom-article-cell-info-media .qqcom-article-cell-info-image.qqcom-article-cell-info-image-mini-back{-webkit-filter:blur(10px);filter:blur(10px);opacity:.8}.qqcom-article-cell .qqcom-article-cell-info-media .qqcom-article-cell-info-image-mini{position:absolute;-o-object-fit:contain;object-fit:contain;height:100%;width:100%;cursor:pointer;bottom:0;left:0}.qqcom-article-cell .qqcom-article-cell-info-media .qqcom-article-cell-info-image-mask{position:absolute;width:100%;max-height:100%;bottom:0;left:0;cursor:pointer}.qqcom-article-cell .qqcom-article-cell-info-media .qqcom-article-cell-play{position:absolute;width:100%;height:100%;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.qqcom-article-cell .qqcom-article-cell-info-media .qqcom-article-cell-play img{height:26px;width:23px}.qqcom-article-cell .qqcom-article-cell-info-media .qqcom-article-cell-play-data{position:absolute;right:10px;bottom:10px;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;color:#fff;font-size:14px}.qqcom-article-cell .qqcom-article-cell-info-media .qqcom-article-cell-play-data img{height:12px}.qqcom-article-cell .qqcom-article-cell-info-media .qqcom-article-cell-play-data span{line-height:1;margin-left:4px}.qqcom-article-cell .qqcom-article-cell-common{display:-ms-flexbox;display:flex}.qqcom-article-cell .qqcom-article-cell-common .qqcom-article-cell-info .qqcom-article-cell-info-title{margin-bottom:20px}.qqcom-article-cell .qqcom-article-cell-common .qqcom-article-cell-info-media{height:111px;width:166px}.qqcom-article-cell .qqcom-article-cell-common .qqcom-article-cell-info-media .qqcom-article-cell-play img{width:18px;height:19px}.qqcom-article-cell .qqcom-article-cell-common .qqcom-article-cell-info-media .qqcom-article-cell-play-data{font-size:12px}.qqcom-article-cell .qqcom-article-cell-video{width:100%}.qqcom-article-cell .qqcom-article-cell-video .qqcom-article-cell-info{height:90px}.qqcom-article-cell .qqcom-article-cell-video .qqcom-article-cell-info .qqcom-article-cell-info-title{font-size:18px;line-height:28px}.qqcom-article-cell .qqcom-article-cell-video .qqcom-article-cell-info .qqcom-article-cell-info-bottom{margin-top:16px}.qqcom-article-cell-small .qqcom-article-cell-common .qqcom-article-cell-info .qqcom-article-cell-info-title{font-size:16px;line-height:23px;margin-bottom:12px}.qqcom-article-cell-small .qqcom-article-cell-common .qqcom-article-cell-info .qqcom-article-cell-info-bottom .qqcom-article-cell-info-count{font-size:12px}.qqcom-article-cell-small .qqcom-article-cell-common .qqcom-article-cell-info-media{height:72px;width:108px}.qqcom-article-cell-small .qqcom-article-cell-common .qqcom-article-cell-info-media .qqcom-article-cell-play-data{right:6px;bottom:6px}.qqcom-article-cell-middle .qqcom-article-cell-common .qqcom-article-cell-info{gap:12px}.qqcom-article-cell-middle .qqcom-article-cell-common .qqcom-article-cell-info .qqcom-article-cell-info-title{font-size:14px;line-height:22px}.qqcom-article-cell-middle .qqcom-article-cell-common .qqcom-article-cell-info .qqcom-article-cell-info-bottom .qqcom-article-cell-info-count{font-size:12px}.qqcom-article-cell-middle .qqcom-article-cell-common .qqcom-article-cell-info-media{width:154px;height:88px}.qqcom-article-cell-middle .qqcom-article-cell-common .qqcom-article-cell-info-media .qqcom-article-cell-play-data{right:6px;bottom:6px}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/video-album/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qqcom-jxvideo{margin-bottom:40px}.qqcom-jxvideo .comp-title{margin-bottom:18px}.qqcom-jxvideo .comp-title h2{font-weight:500;font-size:20px;line-height:20px}.qqcom-jxvideo .comp-content{background-color:rgba(249,249,249,.8);border-radius:4px}.qqcom-jxvideo .video-wrap{margin-bottom:18px;width:"100%";height:186px;position:relative;border-radius:4px 4px 0 0}.qqcom-jxvideo .video-item{padding:0 14px 20px 14px;position:relative;font-size:16px;line-height:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.qqcom-jxvideo .video-item>span{vertical-align:middle}.qqcom-jxvideo .video-item .play-icon{width:12px;height:12px;margin-right:8px;vertical-align:middle}.qqcom-jxvideo .video-item:hover{cursor:pointer;color:#37f}.qqcom-jxvideo .video-item.current{color:#37f;font-weight:500}.qqcom-jxvideo .video-item.current:hover{cursor:default}.qqcom-jxvideo .video-play{height:186px;background:#000;border-radius:4px 4px 0 0}.qqcom-jxvideo .video-click{display:none;position:absolute;width:100%;top:0;left:0;height:186px;text-align:center;line-height:186px;color:#fff;font-size:20px;cursor:pointer;border-radius:4px 4px 0 0}.qqcom-jxvideo .video-click img{width:50px;vertical-align:middle;border-radius:50%}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/dropdown/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qqcom-dropdown{border-radius:4px;-webkit-box-shadow:0 6px 20px rgba(130,130,130,.16);box-shadow:0 6px 20px rgba(130,130,130,.16);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;z-index:9999}.qqcom-dropdown::before{position:absolute;left:calc(50% - 3px);content:"";width:6px;height:6px;background-color:#fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.qqcom-dropdown.bottom::before{top:-3px}.qqcom-dropdown.top::before{bottom:-3px}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/ad-load/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ad-author-item{position:relative}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/user-article/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.user-article{margin-bottom:40px}.user-article .comp-title{margin-bottom:18px;font-weight:500;font-size:20px;line-height:20px}.user-article .article-item{margin-bottom:20px}.user-article .article-item .qqcom-article-cell-info-title{font-weight:normal;font-family:"pingfang sc"}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/search/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#text-search{position:relative;text-align:right}#text-search input{width:93%;outline:none;border:none;height:38px;padding:0 92px 0 18px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:18px;font-size:14px;-webkit-transition:width .3s ease-out;transition:width .3s ease-out;color:#cacaca;background:rgba(239,239,239,.6)}#text-search input:focus{width:100%;outline:none;color:#333}#text-search button{display:-ms-flexbox;display:flex;width:76px;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;border:none;position:absolute;top:0;right:0;z-index:11;padding:0 18px 0 8px;height:100%;background:transparent;cursor:pointer}#text-search button::before{content:"";display:block;width:1px;height:16px;background:rgba(0,0,0,.2);position:absolute;left:0}#text-search button i{width:15px;height:15px;margin:0;background: no-repeat 50%}#text-search button span{font-weight:400;font-size:14px;height:15px;line-height:15px;color:#333}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/login-button/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#new-login{position:relative}#new-login .login-inner{height:38px;line-height:38px;min-width:82px}#new-login .login-button{display:block;height:38px;text-align:center;color:#fff;border-radius:36px;background-color:#37f;-webkit-box-shadow:0 2px 10px rgba(51,119,255,.16);box-shadow:0 2px 10px rgba(51,119,255,.16)}#new-login .islogin{border-radius:unset;-webkit-box-shadow:none;box-shadow:none;height:100%;display:inline-block}#new-login .islogin .nick{position:relative;display:inline-block;height:38px;font-size:16px;color:#333;margin-left:12px;padding-right:16px}#new-login .islogin .nick::after{content:"";display:inline-block;width:8px;height:5px;background: 50% no-repeat;background-size:contain;position:absolute;right:0;top:50%;-webkit-transform:translatey(-40%);-ms-transform:translatey(-40%);transform:translatey(-40%)}#new-login .islogin .face{height:28px;width:28px;margin-top:5px;border-radius:50%;float:left}#new-login .pop{visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;line-height:0;padding:18px 27px;margin-top:47px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;color:#333;mix-blend-mode:normal;border:.5px solid #f2f2f2;-webkit-box-shadow:0 10px 50px rgba(54,56,79,.11);box-shadow:0 10px 50px rgba(54,56,79,.11);border-radius:8px;opacity:0;position:absolute;top:-4px;left:50%;margin-left:-55px;z-index:100;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-transition:all .4s cubic-bezier(0.3, 1.3, 0.3, 1);transition:all .4s cubic-bezier(0.3, 1.3, 0.3, 1)}#new-login .pop .loginout{display:inline-block;min-width:56px;height:14px;line-height:14px;font-size:14px}#new-login .pop::before{content:"";height:20px;left:0;position:absolute;top:-20px;width:100%}#new-login .pop.active{opacity:1;visibility:visible;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/nav-game/game-list/index.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mbbshcklucpspopkeix9{-webkit-box-sizing:border-box;box-sizing:border-box}.mbbshcklucpspopkeix9 div{-webkit-box-sizing:border-box;box-sizing:border-box}.mbbshcklucpspopkeix9 .hwnmqxbeazgp5womvvtu{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:22px;cursor:pointer}.mbbshcklucpspopkeix9 .hwnmqxbeazgp5womvvtu:first-child{margin-top:0}.mbbshcklucpspopkeix9 .hwnmqxbeazgp5womvvtu .rpxu_wiocsq7tbyckp8y{width:72px;height:72px;border-radius:16px;cursor:pointer;background-color:#f8f8f8}.mbbshcklucpspopkeix9 .hwnmqxbeazgp5womvvtu .rpxu_wiocsq7tbyckp8y>img{-o-object-fit:fill;object-fit:fill;width:100%;height:100%;border-radius:16px;cursor:pointer}.mbbshcklucpspopkeix9 .hwnmqxbeazgp5womvvtu .pkheu65f3gshdgiqzsvc{-ms-flex:1 1;flex:1 1;height:72px;margin-left:14px;padding:3px 0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;overflow:hidden}.mbbshcklucpspopkeix9 .hwnmqxbeazgp5womvvtu .pkheu65f3gshdgiqzsvc .kncdfwgnvfny07o8abch{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:18px;color:#1f1f1f;width:100%;cursor:pointer}.mbbshcklucpspopkeix9 .hwnmqxbeazgp5womvvtu .pkheu65f3gshdgiqzsvc .rxd2dbyzlhbu5dfsbbmc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1;color:#999;width:100%}.mbbshcklucpspopkeix9 .hwnmqxbeazgp5womvvtu .vppcowynblfinhnn53wg{cursor:pointer;width:66px;height:34px;margin-left:12px;border-radius:17px;background-color:#f5f5f5;line-height:34px;text-align:center;color:#333;font-weight:500;font-size:14px}.mbbshcklucpspopkeix9 .hwnmqxbeazgp5womvvtu:hover .pkheu65f3gshdgiqzsvc .kncdfwgnvfny07o8abch{color:#37f}.mbbshcklucpspopkeix9 .hwnmqxbeazgp5womvvtu:hover .vppcowynblfinhnn53wg{background-color:#37f;color:#fff}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/nav-game/index.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ag91eazogclrea62ygy1{padding:7px}.ag91eazogclrea62ygy1 .kovmczrumclzdkgxhu6g{padding:13px 13px 0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.ag91eazogclrea62ygy1 .kovmczrumclzdkgxhu6g ._wsvwvytm2svqf69kxpt{font-size:20px;font-weight:500;color:#000}.ag91eazogclrea62ygy1 .kovmczrumclzdkgxhu6g .ldndoccfywvsrew6ross{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.ag91eazogclrea62ygy1 .kovmczrumclzdkgxhu6g .ldndoccfywvsrew6ross .ew5c20p93pedawltu0mg{width:18px;height:18px;background-size:100%;background-image:}.ag91eazogclrea62ygy1 .kovmczrumclzdkgxhu6g .ldndoccfywvsrew6ross .kvgrccvcqdcvqnkaabt_{margin-left:6px;font-size:14px;font-weight:500}.ag91eazogclrea62ygy1 .ggodix0kvzcdiu3iu5lk{padding:0 13px;margin-top:18px;max-height:450px;overflow-x:hidden;overflow-y:auto}.ag91eazogclrea62ygy1 .cepyz8q2z4zg3oz8tpae{padding:0 13px 13px;margin-top:14px}.ag91eazogclrea62ygy1 .cepyz8q2z4zg3oz8tpae .sbmw7svzg6o1nxato9gp{width:320px;height:44px;line-height:44px;background-color:#f5f5f5;border-radius:22px;text-align:center;color:#333;font-size:14px;font-weight:500;cursor:pointer}.ag91eazogclrea62ygy1 .cepyz8q2z4zg3oz8tpae .sbmw7svzg6o1nxato9gp:hover{background-color:#37f;color:#fff}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/top-navigation/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mr28{margin-right:28px}.mr66{margin-right:66px}#topnav-wrapper{position:fixed;top:0;left:0;z-index:200;width:100%}#topnav-wrapper a{color:#333}#topnav-wrapper .search-default-bg-white #text-search input{background:#fff}#topnav-wrapper.boxshadow{background-color:#fff;-webkit-box-shadow:0 2px 16px rgba(54,56,79,.06);box-shadow:0 2px 16px rgba(54,56,79,.06)}#topnav-wrapper.boxshadow #text-search input{background:rgba(239,239,239,.6)}#topnav-wrapper .topnav-flex{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:1200px;-webkit-box-sizing:border-box;box-sizing:border-box;height:66px;padding:0 28px}#topnav-wrapper .logo{-ms-flex-negative:0;flex-shrink:0;width:101px;height:26px;background: no-repeat 50%;background-size:contain}#topnav-wrapper .mini-nav{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-left:16px}#topnav-wrapper .mini-nav .mini-default-nav{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}#topnav-wrapper .mini-nav .mini-default-nav li{position:relative;height:38px}#topnav-wrapper .mini-nav .mini-default-nav li.dfz-li{margin-right:14px}#topnav-wrapper .mini-nav .mini-default-nav .hover-more{cursor:pointer}#topnav-wrapper .mini-nav .mini-default-nav .hover-more::after{content:"";position:absolute;right:0;top:50%;-webkit-transform:translatey(-40%);-ms-transform:translatey(-40%);transform:translatey(-40%);width:10px;height:7px;background: 50% no-repeat;background-size:contain}#topnav-wrapper .mini-nav .mini-default-nav i{cursor:pointer;display:block;position:absolute;right:0;top:50%;-webkit-transform:translatey(-40%);-ms-transform:translatey(-40%);transform:translatey(-40%);width:10px;height:7px;background: 50% no-repeat;background-size:contain}#topnav-wrapper .mini-nav .mini-default-nav .local-station-block{position:absolute;top:110%;left:50%;-webkit-transform:translatex(-39%);-ms-transform:translatex(-39%);transform:translatex(-39%);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;padding:14px 16px 20px;width:248px;height:156px;background:#fff;-webkit-box-shadow:0 2px 30px rgba(54,56,79,.08);box-shadow:0 2px 30px rgba(54,56,79,.08)}#topnav-wrapper .mini-nav .mini-default-nav .local-station-block::before{content:"";position:absolute;top:-6px;left:50%;-webkit-transform:translatex(-50%);-ms-transform:translatex(-50%);transform:translatex(-50%);width:16px;height:6px;background: no-repeat;background-size:contain}#topnav-wrapper .mini-nav .mini-default-nav .local-station-block .desc{margin-bottom:14px;font-size:16px;font-weight:500;line-height:20px;color:#333}#topnav-wrapper .mini-nav .mini-default-nav .local-station-block .local-options{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px}#topnav-wrapper .mini-nav .mini-default-nav .local-station-block .local-select-option{position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:6px;border:1px solid #e8e8e8;width:104px;height:40px;background:#fff;cursor:pointer}#topnav-wrapper .mini-nav .mini-default-nav .local-station-block .local-select-option .current-option{position:relative;padding:10px 24px 10px 12px;font-size:14px;line-height:20px;color:#222}#topnav-wrapper .mini-nav .mini-default-nav .local-station-block .local-select-option .current-option::after{content:"";position:absolute;top:14px;right:16px;width:10px;height:10px;background: no-repeat 50%;background-size:contain}#topnav-wrapper .mini-nav .mini-default-nav .local-station-block .local-select-option .option-list{position:absolute;top:42px;left:-1px;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 10px 50px rgba(54,56,79,.12);box-shadow:0 10px 50px rgba(54,56,79,.12);overflow-y:scroll;opacity:0;width:104px;height:0;max-height:276px;background:#fff;-webkit-transition:opacity .2s,height .2s;transition:opacity .2s,height .2s}#topnav-wrapper .mini-nav .mini-default-nav .local-station-block .local-select-option .option-list .option{padding:8px 10px 8px 26px;font-size:14px;height:20px;line-height:22px}#topnav-wrapper .mini-nav .mini-default-nav .local-station-block .local-select-option .option-list .option:hover{background-color:#f2f2f2}#topnav-wrapper .mini-nav .mini-default-nav .local-station-block .local-select-option .option-list.show{opacity:1;height:auto}#topnav-wrapper .mini-nav .mini-default-nav .local-station-block .local-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}#topnav-wrapper .mini-nav .mini-default-nav .local-station-block .local-actions .btn{border:none;width:104px;border-radius:6px;border-radius:17px;font-size:14px;height:34px;line-height:33px;color:#5c5c5c;cursor:pointer}#topnav-wrapper .mini-nav .mini-default-nav .local-station-block .local-actions .btn.cancel{margin-right:8px;background:#f2f2f2}#topnav-wrapper .mini-nav .mini-default-nav .local-station-block .local-actions .btn.ok{font-weight:500;background:#37f;color:#fff}#topnav-wrapper .mini-nav .mini-default-nav a{position:relative;font-size:16px;display:block;color:#333;height:100%;line-height:38px;padding:0 14px;min-width:36px;text-align:center}#topnav-wrapper .mini-nav .mini-default-nav a.active{font-weight:600}#topnav-wrapper .mini-nav .mini-default-nav a.active::before{content:"";position:absolute;left:50%;-webkit-transform:translatex(-50%);-ms-transform:translatex(-50%);transform:translatex(-50%);width:16px;height:3px;bottom:0;border-radius:2px;background:#37f}#topnav-wrapper .mini-nav .mini-default-nav a:hover{color:#37f;font-weight:600}#topnav-wrapper .mini-nav .mini-more-nav{-webkit-box-sizing:content-box;box-sizing:content-box;background-color:#fff;position:absolute;right:-149px;top:42px;width:330px;padding:12px 15px;border-radius:4px;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:172px top;-ms-transform-origin:172px top;transform-origin:172px top;opacity:0;visibility:hidden;-webkit-transition:all .4s cubic-bezier(0.3, 1.3, 0.3, 1);transition:all .4s cubic-bezier(0.3, 1.3, 0.3, 1);-webkit-box-shadow:0 10px 50px rgba(0,0,0,.08);box-shadow:0 10px 50px rgba(0,0,0,.08)}#topnav-wrapper .mini-nav .mini-more-nav.active{opacity:1;visibility:visible;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:172px top;-ms-transform-origin:172px top;transform-origin:172px top}#topnav-wrapper .mini-nav .mini-more-nav::before{content:"";position:absolute;top:-6px;left:50%;-webkit-transform:translatex(-50%);-ms-transform:translatex(-50%);transform:translatex(-50%);width:16px;height:6px;background: no-repeat;background-size:contain}#topnav-wrapper .mini-nav .mini-more-nav::after{content:"";position:absolute;top:-20px;left:0;width:100%;height:20px}#topnav-wrapper .mini-nav .mini-more-nav ul{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}#topnav-wrapper .mini-nav .mini-more-nav li{position:relative;height:20px;margin:12px 0;width:66px}#topnav-wrapper .mini-nav .mini-more-nav li a{display:block;line-height:22px;height:100%;padding:0}#topnav-wrapper .w-placeholder{-ms-flex:1 1;flex:1 1;min-width:10px}#topnav-wrapper .w-placeholder .article-title{cursor:pointer;padding-left:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-width:20px}#topnav-wrapper .w-placeholder .article-title .title-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:18px;font-weight:500;height:38px;line-height:38px}#topnav-wrapper .w-placeholder .article-title .button-text{-ms-flex-negative:0;flex-shrink:0}#topnav-wrapper .search-wrapper{-ms-flex-negative:0;flex-shrink:0;width:420px;height:38px}#topnav-wrapper .game-content{display:-ms-flexbox !important;display:flex !important;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}#topnav-wrapper .game-content.dark{color:#d9d9d9}#topnav-wrapper .game-content .game-icon{width:20px;height:19px;background-size:contain;background-image:;-webkit-transform:translatey(1px);-ms-transform:translatey(1px);transform:translatey(1px)}#topnav-wrapper .game-content .game-icon.dark{background-image:;height:20px;-webkit-transform:translatey(0.5px);-ms-transform:translatey(0.5px);transform:translatey(0.5px)}#topnav-wrapper .game-content .game-text{margin-left:7px}#topnav-wrapper .login-wrapper,#topnav-wrapper .aria-wrapper,#topnav-wrapper .barrier-wrapper,#topnav-wrapper .game-wrapper{cursor:pointer;-ms-flex-negative:0;flex-shrink:0;height:38px;line-height:38px;font-size:16px}#topnav-wrapper .login-wrapper:hover,#topnav-wrapper .aria-wrapper:hover,#topnav-wrapper .barrier-wrapper:hover,#topnav-wrapper .game-wrapper:hover{opacity:.9}#topnav-wrapper .login-wrapper a:hover,#topnav-wrapper .aria-wrapper a:hover,#topnav-wrapper .barrier-wrapper a:hover,#topnav-wrapper .game-wrapper a:hover{color:#37f}@media(max-width: 1455px){#topnav-wrapper .search-wrapper{width:320px;margin-right:28px}}@media(max-width: 1375px){#topnav-wrapper .search-wrapper{width:220px;margin-right:28px}}@media(max-width: 1275px){#topnav-wrapper .search-wrapper{width:180px;margin-right:28px}}#topnav-wrapper .topnav-flex.dark{background-color:#0f0f0f}#topnav-wrapper .topnav-flex.dark .aria-wrapper,#topnav-wrapper .topnav-flex.dark .barrier-wrapper a{color:#d9d9d9}#topnav-wrapper .topnav-flex.dark .logo{background-image:}#topnav-wrapper .topnav-flex.dark .mini-nav .mini-default-nav .hover-more::after,#topnav-wrapper .topnav-flex.dark .mini-nav .mini-default-nav i{background-image:}#topnav-wrapper .topnav-flex.dark .mini-nav .mini-default-nav>li>a{color:#d9d9d9}#topnav-wrapper .topnav-flex.dark .search-wrapper input{background-color:#2f2f34}#topnav-wrapper .topnav-flex.dark .search-wrapper input:focus{color:#fff}#topnav-wrapper .topnav-flex.dark .search-wrapper button::before{background-color:rgba(255,255,255,.2)}#topnav-wrapper .topnav-flex.dark .search-wrapper button i{background-image:;background-repeat:no-repeat;background-position:center;background-size:cover}#topnav-wrapper .topnav-flex.dark .search-wrapper button span{color:#fff}#topnav-wrapper .topnav-flex.dark .login-wrapper .nick{color:#fff}#topnav-wrapper .topnav-flex.dark .login-wrapper .nick::after{background-image:}#topnav-wrapper .topnav-flex.dark .login-wrapper .pop{background-color:#1f1f21;color:#fff;border:0}.nav-game-container{width:363px;border-radius:12px;padding:0}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/share-list/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.share-item{position:relative;padding:6px 18px;vertical-align:middle;text-align:left;cursor:pointer;pointer-events:auto}.share-item:hover{background-color:#f5f5f5}.share-item .share-icon{display:inline-block;margin-right:12px;width:32px;height:32px;background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:middle}.share-item .share-text{display:inline-block;font-size:14px;color:#333;vertical-align:middle}.share-item .wx-share{position:absolute;top:0;right:-140px;background-color:#fff;padding:10px;text-align:center;border-radius:8px;font-size:12px;color:gray}.share-item .wx-share img{display:block;margin:0 auto}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!../../packages/pc-components/src/follow-button/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qqcom-follow-button{cursor:pointer;font-weight:500;font-size:14px;text-align:center}.qqcom-follow-button.follow{background-color:#f7f7f7;color:#5c5c5c}.qqcom-follow-button.nofollow{background-color:#37f;color:#fff}.qqcom-follow-button span{line-height:1}.qqcom-follow-button-article{display:inline-block;border-radius:32px;width:82px;height:32px;line-height:32px}.qqcom-follow-button-article:hover{opacity:.8}.qqcom-follow-button-article .follow-plus{font-size:18px;font-weight:bold;margin-right:3px}.qqcom-follow-button-interation{border-radius:16px;width:58px;height:26px;line-height:26px}.qqcom-follow-button-interation .follow-plus{font-weight:bold;font-size:20px}.qqcom-follow-button-topnav{-ms-flex-preferred-size:max-content;flex-basis:max-content;-ms-flex-negative:0;flex-shrink:0;font-size:16px;font-weight:500;line-height:30px;cursor:pointer}.qqcom-follow-button-topnav.follow{color:#999}.qqcom-follow-button-topnav.nofollow{color:#37f}.qqcom-follow-button-topnav span{display:inline-block;vertical-align:middle}.qqcom-follow-button-topnav .follow-plus{font-size:18px;font-weight:bold;margin-right:3px;vertical-align:baseline}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[2]!./src/components/rightbar/style.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.right-bar {
  float: right;
  width: 100%;
  margin-top: 20px;
}

.ad-right-wrap {
  margin-bottom: 40px;
}

/* .right-bar .bar-tit {
  margin-bottom: 18px;
}
.right-bar .bar-tit h2 {
  position: relative;
  height: 20px;
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  color: #000;
} */

.right-bar .bar-tit .change-btn {
  font-size: 14px;
  line-height: 17px;
  cursor: pointer;
}

.right-bar .bar-tit .change-btn .icon-shuaxin {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 17px;
  margin: -3px 3px 0 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.right-bar .bar-tit .change-btn:hover .icon-shuaxin {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.right-bar #game-wrap {
  margin-bottom: 40px;
}

.om-bar .item {
  position: relative;

  /* height: 80px; */
  padding: 10px 0;
  font-size: 12px;
}

.leader-bar .item {
  height: 68px;
}

.cms-bar .bar-con .item {
  position: relative;
  overflow: hidden;
}

.cms-bar .bar-con .item-pics {
  position: relative;
  width: 295px;
}

.cms-bar .bar-con .item-pics::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 295px;
  height: 140px;
  background: #edeaea;
}

.group-pic-bar .txt {
  font-size: 14px;
  line-height: 20px;
  height: 60px;
  overflow: hidden;
}

.hot-choice-bar .txt,
.original-bar .txt,
.tuijian-bar .txt {
  font-size: 14px;
  line-height: 20px;
  width: 168px;
  height: 80px;
  float: left;
}

.bar-con .item-no-pic .txt {
  padding-left: 0 !important;
  min-height: auto !important;
}

.om-bar .bar-tit .txt {
  padding-left: 5px;
  color: #808080;
}

.om-bar .item .txt {
  float: left;
  width: 130px;
  height: 60px;
  overflow: hidden;
  line-height: 20px;
}

.om-bar .item-no-pic .txt {
  width: 190px;
  height: auto;
}

.cms-bar .bar-con .item .txt {
  position: relative;
  padding: 8px 0 20px;
  font-size: 14px;
  line-height: 20px;
}

.group-pic-bar .pic {
  height: 96px;
  margin-bottom: 4px;
  overflow: hidden;
}

.hot-choice-bar .pic,
.original-bar .pic,
.tuijian-bar .pic {
  width: 120px;
  height: 80px;
  float: left;
  margin-right: 12px;
  overflow: hidden;
}

.bar-con .item .pic {
  position: relative;
}

.om-bar .item .pic {
  float: left;
  width: 120px;
  height: 80px;
  margin-right: 10px;
  overflow: hidden;
}

.leader-bar .item .pic {
  height: 68px;
}

.cms-bar .bar-con .item .pic {
  position: relative;
  height: 140px;
  overflow: hidden;
}

.bar-con .item .pic img {
  position: relative;
  width: 100%;
  min-height: 80px;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  background:  center no-repeat #f1f1f1;
  font-size: 14px;
  display: inline-block;
  color: #999;
}

.om-bar .item .pic img {
  width: 120px;
}

.group-pic-bar .item .pic img {
  width: 100%;
  min-height: 96px;
}

.hot-choice-bar .item .pic img,
.original-bar .item .pic img,
.tuijian-bar .item .pic img {
  width: 100%;
  min-height: 80px;
}

.bar-con .item a:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.cms-bar .bar-con .item .pic img {
  min-height: 140px;
}

.bar-con .item .icon-type {
  position: absolute;
  left: 5px;
  bottom: 5px;
  height: 22px;
  line-height: 21px;
  padding: 0 6px;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  background: rgba(0, 0, 0, 0.5);
}

.bar-con .icon-type .iconfont {
  font-size: 12px;
  margin: 0 5px 0 0;
}

.bar-con .item-no-pic .time {
  padding-left: 0 !important;
}

/* 图集 */
.item-pics .swipe-btns {
  position: absolute;
  right: 0;
  bottom: 0;
}

.item-pics .swipe-btns .btn-prev,
.item-pics .swipe-btns .btn-next {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
}

.item-pics .swipe-btns .btn-prev {
  margin-right: 1px;
}

.item-pics .swipe-btns .iconfont {
  position: relative;
  top: 1px;
}

.om-bar-inner {
  margin-bottom: 40px;
}

.om-bar .bar-tit h2 {
  font-size: 14px;
  font-weight: normal;
}

.om-bar .item .time {
  padding-left: 130px;
  color: #c4c4c4;
}

.om-bar .more {
  line-height: 30px;
  text-align: center;
  color: #808080;
  font-size: 12px;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  margin: 10px 0;
}

/* 时政右侧 */
.leader-bar .item .icon-type .iconfont {
  margin-right: 0;
}

/* om无图样式 */
.om-bar .item-no-pic .time {
  float: right;
}

/* 精彩组图 */
.group-pic-bar ul {
  margin-left: -12px;
}

.group-pic-bar li {
  width: 144px;
  float: left;
  margin: 0 0 12px 12px;
}

/* 热点精选 */
.hot-choice-bar li,
.original-bar li,
.tuijian-bar li {
  margin-bottom: 15px;
}

.group-pic-bar,
.hot-choice-bar,
.original-bar,
.cms-bar,
.tuijian-bar {
  width: 300px;
  background: #fff;
}

.cms-bar,
.om-bar,
.tuijian-bar {
  background: #fff;
  position: relative;
  z-index: 1;
}

/* .tuijian-bar{visibility: hidden;} */
.tuijian-bar .txt a {
  display: -webkit-box;
  overflow: hidden;

  /*! autoprefixer: off; */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

/* 精选视频，在component中 */
/* .jx-video {
  margin-bottom: 40px;
}
.jx-video .bar-con {
  background-color: rgba(249, 249, 249, 0.8);
  border-radius: 4px;
} */

/* .jx-video .bar-tit h2{
  background:  left top no-repeat;
} */
/* .jx-video .video-item {
  padding: 0 20px 20px 15px;
  position: relative;
  font-size: 16px;
  line-height: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.jx-video .video-wrap {
  margin-bottom: 18px;
  width: '100%';
  height: 186px;
  position: relative;
  border-radius: 4px 4px 0 0;
}
.jx-video .video-item .play-icon {
  width: 10px;
  height: 11px;
  margin-right: 8px;
  vertical-align: middle;
}
.jx-video .video-item > span {
  vertical-align: middle;
}
.jx-video .video-item:hover {
  cursor: pointer;
  color: #3377ff;
}

.jx-video .video-item.current {
  color: #3377ff;
  font-weight: 500;
}

.jx-video .video-item.current:hover {
  cursor: default;
}

.jx-video .video-play {
  height: 186px;
  background: #000;
  border-radius: 4px 4px 0 0;
}
.jx-video .video-click {
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 186px;
  text-align: center;
  line-height: 186px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  border-radius: 4px 4px 0 0;
}
.jx-video .video-click img {
  width: 50px;
  vertical-align: middle;
  border-radius: 50%;
} */

/* 热点榜 - 在component中 */
/* #rankwrap {
  width: 300px;
  height: auto;
  background: #f7f8f9;
  margin-bottom: 40px;
}

#rankwrap .ranktitle {
  padding: 15px 10px;
}

.ranktitle .rankname {
  width: 60px;
  height: 19px;
  float: left;
  background:  no-repeat;
  background-size: 60px 19px;
}

.ranktitle .rankchange {
  width: 60px;
  height: 14px;
  float: right;
  margin-top: 2px;
  background:  no-repeat;
  cursor: pointer;
  background-size: 60px 14px;
}

.ranknews {
  width: 300px;
  margin: 8px auto 0;
  clear: both;
}

.ranknews li {
  position: relative;
  width: 280px;
  height: 46px;
  padding: 0 10px;
  line-height: 46px;
  border-bottom: 1px solid #f0f0f0;
  font-family: 'pingfang sc';
  font-size: 16px;
}

.ranknews li:last-child {
  border-bottom: none;
}

.ranknews li a {
  float: left;
  max-width: 245px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ranknews .rankicon {
  float: left;
  vertical-align: top;
  font-size: 14px;
  line-height: 46px;
  margin-right: 5px;
  font-style: normal;
  width: 16px;
  text-align: center;
  color: #ffb700;
}

.ranknews li .num-0 {
  color: transparent !important;
  background:  no-repeat;
  background-position-y: center;
}

.ranknews li .num-1 {
  color: transparent !important;
  background:  no-repeat;
  background-position-y: center;
  background-size: 16px;
}
.ranknews li .num-2 {
  color: transparent !important;
  background:  no-repeat;
  background-position-y: center;
  background-size: 16px;
}
.ranknews li .num-3 {
  color: transparent !important;
  background:  no-repeat;
  background-position-y: center;
  background-size: 16px;
}

.ranknews .istop {
  width: 18px;
  height: 18px;
  background: ;
}

.ranknews .recicon {
  position: absolute;
  height: 18px;
  right: 3px;
  top: 15px;
}

.ranknews .videoicon,
.ranknews .liveicon {
  width: 18px;
  height: 18px;
  margin-left: 5px;
}

.txp_alert_info {
  left: 4px !important;
} */

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[2]!./src/components/copyright/style.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tcopyright {margin:0 auto;padding:50px 0;font-size:12px;line-height:28px;color:#838383; text-align:center; overflow:hidden;clear:both;}
.tcopyright a{color:#838383;text-decoration: none;}
.tcopyright a:hover{color:#bd0a01;text-decoration: underline;}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!./src/components/interation/index.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.article-interation .operation{position:relative;margin-bottom:24px;cursor:pointer}.article-interation .operation.operation-follow{visibility:hidden;margin-bottom:37px}.article-interation .operation.operation-follow-show{-webkit-animation:fade-in .5s ease-in-out;animation:fade-in .5s ease-in-out;opacity:1;visibility:visible}.article-interation .operation.operation-follow-hide{-webkit-animation:fade-out .5s ease-in-out;animation:fade-out .5s ease-in-out}.article-interation .operation .follow-btn{position:absolute;top:46px;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}.article-interation .operation .item-back{position:relative;margin:0 auto;background-color:#f7f7f7;width:48px;height:48px;border-radius:50%}.article-interation .operation .item-back.media-avatar{width:60px;height:60px;background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-box-shadow:0 0 0 1px #f0f0f0;box-shadow:0 0 0 1px #f0f0f0}.article-interation .operation .item-back:hover{opacity:.8}.article-interation .operation .item-back.active-like{background-color:#fff2f2}.article-interation .operation .item-back .icon{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:22px;height:22px;background-size:contain;background-position:center;background-repeat:no-repeat}.article-interation .operation .item-back .icon-interest{background-image:}.article-interation .operation .item-back .icon-interest.active{background-image:}.article-interation .operation .item-back .icon-comment{background-image:}.article-interation .operation .item-back .icon-collect{background-image:}.article-interation .operation .item-back .icon-collect.active{background-image:}.article-interation .operation .item-back .icon-share{background-image:}.article-interation .operation .item-text{margin-top:4px;font-size:12px;color:#222}.article-interation .operation .share-list{position:absolute;background-color:#fff;top:-8px;left:63px;width:150px;border-radius:8px;-webkit-box-shadow:0 10px 50px rgba(54,56,79,.11);box-shadow:0 10px 50px rgba(54,56,79,.11);z-index:9;padding:12px 0;border:1px solid #f5f5f5}.article-interation .operation .share-list .share-item{position:relative;padding:6px 18px;vertical-align:middle;text-align:left;cursor:pointer;pointer-events:auto}.article-interation .operation .share-list .share-item:hover{background-color:#f5f5f5}.article-interation .operation .share-list .share-item .share-icon{display:inline-block;margin-right:12px;width:32px;height:32px;background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:middle}.article-interation .operation .share-list .share-item .share-text{display:inline-block;font-size:14px;color:#333;vertical-align:middle}.article-interation .operation .share-list .share-item .wx-share{position:absolute;top:0;right:-140px;background-color:#fff;padding:10px;text-align:center;border-radius:8px}.article-interation .operation .share-list .share-item:first-child::before{content:"";display:block;position:absolute;left:-6px;top:15px;width:12px;height:12px;background-color:#fff;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-box-shadow:0 10px 50px rgba(54,56,79,.11);box-shadow:0 10px 50px rgba(54,56,79,.11)}.article-interation .operation .share-list .share-item:first-child:hover::before{background-color:#f5f5f5}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[2]!./src/components/lefttool/lefttool.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.lefttool {
  position: fixed;
  margin-left: -108px;
  top: 106px;
  text-align: center;
  z-index: 9;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[2]!./src/components/recommend/css.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.recommend {
  margin-bottom: 50px;
}
.recommend-con {
  width: 680px;
}
.recommend-con .bar-tit {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #000;
}
.recommend-con .title {
  height: 34px;
  background: #1c84f5;
  line-height: 34px;
  color: #fff;
  width: 104px;
  text-align: center;
  margin-bottom: 20px;
}
.recommend-con .title:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 11px 0 0;
  border-color: #0869cf transparent transparent transparent;
}
.recommend-con li {
  position: relative;
  margin-bottom: 50px;
}
.recommend-con li .picture {
  float: right;
  margin-left: 20px;
  position: relative;
  width: 156px;
  height: 104px;
  overflow: hidden;
  background-color: #f1f1f1;
  border-radius: 4px;
}
.recommend-con li .picture-left {
  position: relative;
  float: left;
  width: 220px;
  height: 122px;
  border-radius: 4px;
}
.recommend-con li .picture .icon-play2 {
  position: absolute;
  left: 50%;
  bottom: 50%;
  width: 44px;
  height: 44px;
  margin-bottom: -22px;
  margin-left: -22px;
}

.recommend-con li .picture .q-icons {
  background-image: ;
  background-size: 44px;
  background-repeat: no-repeat;
}
.recommend-con li .detail {
  position: relative;
  min-height: 84px;
  padding-bottom: 20px;
  width: 494px;
}
.recommend-con li .detail-right {
  position: relative;
  min-height: 102px;
  margin-left: 250px;
  padding-bottom: 20px;
}
.recommend-con li .detail-right .binfo {
  width: 430px;
  bottom: 0;
  line-height: 14px;
}

.recommend-con li .detail .binfo {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #999;
  font-size: 14px;
  line-height: 14px;
}
.recommend-con li .detail .binfo span {
  display: inline-block;
  margin-right: 10px;
}
.recommend-con li .detail .binfo a {
  color: #999;
}

.recommend-con li .detail .action {
  position: absolute;
  right: 0;
  bottom: 0;
}

.recommend-con li h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #333333;
}
.recommend-con li h3 a {
  color: #333333;
}
.recommend-con li .picture img {
  min-height: 100%;
  width: 100%;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.recommend-con li .picture:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.recommend-con .more {
  line-height: 35px;
  background: #f1f1f1;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  color: #808080;
}
.recommend-con .loader {
  text-align: center;
  font-size: 12px;
  padding: 10px 0;
  color: #808080;
}
.recommend-con .more-disabled {
  cursor: default;
}

.recommend-con .item-nopic .detail {
  height: auto;
}
.recommend-con .item-nopic .detail .binfo {
  padding-bottom: 0;
}
.recommend-con .item-nopic .detail h3 {
  min-height: auto;
}
.recommend-con li .picture .icon-type {
  position: absolute;
  left: 5px;
  bottom: 5px;
  height: 30px;
  line-height: 30px;
  padding: 0 6px;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  background: rgba(0, 0, 0, 0.5);
}

.recommend-con li .picture .icon-type .iconfont {
  font-size: 20px;
}

.author-article-options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  padding: 20px 15px;
}
.author-article-options span {
  cursor: pointer;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[2]!./src/components/content/articlelogo/style.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.article-logo img {
  width: 137px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[2]!./src/components/content/articlestatus/css.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.article-status {
  padding: 10px 0 50px 0;
}
.article-status .author {
  font-size: 14px;
  color: #808080;
  margin: 30px 0;
}

.article-status .through {
  position: relative;
  text-align: center;
}
.article-status .through span {
  display: inline-block;
  background: #fff;
  padding: 0 5px;
}
.article-status .through:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
}
.article-status .theend {
  width: 112px;
  margin: 0 auto;
  text-transform: uppercase;
  font-family: 'politica';
}

/* 免责声明，举报 */
.article-status .statement {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 14px;
  color: #999;
}

.article-status .report img {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  margin-top: -3px;
}
.article-status .report {
  display: block;
  text-align: right;
  font-family: 'pingfang sc';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  cursor: pointer;
}

.like {
  height: 95px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 80px;
  margin: 100px 0 50px;
  text-align: center;
  font-size: 14px;
  color: #555;
  position: relative;
}
.like .like-a {
  display: inline-block;
  width: 64px;
  height: 64px;
  border: 1px solid #454545;
  border-radius: 50%;
  line-height: 64px;
  text-align: center;
  margin: 0 10px;
  cursor: pointer;
  position: relative;
}
.like .like-a .iconfont {
  font-size: 26px;
}

.like .like-a {
  border: 1px solid #0096ff;
  color: #0096ff;
}
.like .like-a.vote {
  color: #fff;
}

.like .like-a::before {
  content: ' 1';
  position: absolute;
  width: 100%;
  text-align: center;
  top: -40px;
  color: #0096ff;
  left: 0;
  font-size: 16px;
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.like .like-a::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.like .like-a::after {
  background: #0096ff;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.like .like-a.vote::after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.like .like-a.vote::before {
  top: -60px;
  -webkit-animation: shadow 1s;
          animation: shadow 1s;
}
.like .like-a .text-a {
  line-height: 1;
  color: #808080;
  margin-top: 15px;
}

.like .iconfont {
  font-size: 13px;
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  z-index: 2;
  position: relative;
}

.like .r a {
  color: #808080;
}
.like .r a:hover {
  color: #0096ff;
}
.like .r {
  position: absolute;
  top: 75px;
  right: 15px;
  display: block;
  font-size: 12px;
  height: 30px;
  padding-left: 22px;
  line-height: 30px;
}
.like .r .iconfont {
  font-size: 18px;
}
.like .r .icon-buganxingqu1 {
  font-size: 15px;
}
.like .r a.blue {
  color: #0096ff;
}
.like .r .icon-shoucang4,
.like .r .icon-buganxingqu {
  color: #0096ff;
}

@-webkit-keyframes shadow {
  from {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes shadow {
  from {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!./src/components/content/videoplay/video.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.video-title{height:40px;line-height:40px;background:#363636;position:relative}.video-title a{display:block;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;text-indent:10px}.video-title a:hover{color:#fd7700}.video-title .autoplay{width:20%;position:absolute;top:0;right:0;text-align:right;font-size:14px;color:#fff}.video-title .autoplay .atuobar{float:right;display:block;width:32px;height:16px;padding:2px;margin:10px 12px 0;border-radius:10px;font-size:0;text-indent:-9999px;cursor:pointer;background-color:#ccc;-webkit-transition:background .3s ease-out;transition:background .3s ease-out}.video-title .autoplay .atuobar i{display:block;width:16px;height:16px;border-radius:50%;background-color:#fff;margin-left:0;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.6);box-shadow:1px 1px 3px rgba(0,0,0,.6);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.video-title .autoplay .enable{background-color:#ad5d16}.video-title .autoplay .enable i{margin-left:15px}.videoplayer{background: #000 no-repeat center}.videoplayer .videoplayermini:hover::after{content:"";width:100%;height:100%;background:rgba(0,0,0,.2);position:absolute;left:0;top:0;cursor:move}.videoplayer .videoplayermini{position:relative}.videoplayer .videoplayermini:hover .player-float-head{visibility:visible}.player-float-head{position:absolute;left:0;top:0;width:100%;height:80%;line-height:36px;color:#fff;visibility:hidden;z-index:2;cursor:move}.player-float-head .float-title{float:left;padding-left:10px;font-size:12px;font-weight:400}.player-float-head .float-close{float:right;width:30px;height:30px;line-height:30px;text-align:center;right:5px;top:5px;color:#fff;cursor:pointer;font-size:12px}.videoplayer .player-inner{height:420px}.videoplayer .videoplayermini{position:fixed;right:20px;bottom:20px;width:400px;height:225px;z-index:10000}.videolist{height:100px}.videolist .thumbs{width:100%;height:100%;position:relative;overflow:hidden;background:#000}.videolist .thumbs .next{right:0}.videolist .thumbs ul{position:absolute;width:10000px;-webkit-transition:all .6s;transition:all .6s;left:17px}.videolist .thumbs li{width:170px;height:100px;float:left;opacity:.62;-webkit-transition:opacity .3s;transition:opacity .3s;position:relative;overflow:hidden;cursor:pointer}.videolist .thumbs li:hover{opacity:1}.videolist .thumbs li:hover div{top:56px}.videolist .thumbs li div{color:#fff;background:#000;padding:5px 10px;position:absolute;left:0;top:74px;font-size:12px;line-height:18px;opacity:.8;word-break:break-all;-webkit-transition:all .2s;transition:all .2s;width:150px;min-height:40px}.videolist .thumbs li:before{content:"正在播放";position:absolute;left:-150px;top:0;font-size:12px;z-index:1;background:#fd7700;line-height:1.8;color:#fff;display:inline-block;padding:0 5px;-webkit-transition:all .3s;transition:all .3s}.videolist .thumbs .cur{opacity:1;border:2px solid #fd7700;width:166px;height:96px}.videolist .thumbs .cur:before{left:0}.videolist .thumbs img{width:100%;height:100%}.videolist .thumbs-btn{display:block;position:absolute;top:0;width:17px;height:100px;line-height:100px;font-size:14px;font-weight:700;font-family:nanummyeongjo,"宋体",sans-serif;text-align:center;color:#a3a3a3;background-color:#2f2f2f;background-color:rgba(47,47,47,.8);cursor:pointer;z-index:1}.videolist .thumbs-btn.disabled{cursor:not-allowed;color:#505050}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[2].use[2]!./src/components/response.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* 不出左浮层 */
@media (max-width: 1200px) {
  /* 主内容 设置宽度 */
  body {
    min-width: 1048px;
  }
  .qq_conent {
    width: 1048px;
  }
  .content-article,
  .recommend,
  .left{
    width:680px;
  }
  .qq_comment {
    margin-left: 0;
    margin-bottom: 0;
  }
  .recommend-con{
    margin-left:0;
  }
  .lefttool{
    display: none;
  }
  /* 通栏广告 */
  #topad .widthad {
    padding-left: 0;
  }
  /* 底部通栏广告 */
  #bottomad .widthad {
    padding-right: 360px;
  }
}

/* 不出左右浮层 */
@media (max-width: 1048px) {
  /* 主内容 设置宽度 */
  body {
    min-width: 680px;
  }
  .qq_conent,
  .content-article,
  .recommend,
  .left{
    width:680px;
  }
  .recommend-con{
    margin-left:0;
  }
  /* 右侧 隐藏 */
  .right{
    display:none;
  }
  /* 通栏广告 */
  #topad .widthad {
    display: none;
  }
  /* 通栏广告 */
  #topad .widthad {
    padding-left: 0;
  }
  /* 底部通栏广告 */
  #bottomad .widthad {
    padding-right: 0;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@6.7.3_webpack@5.75.0/node_modules/css-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[1]!../../node_modules/.pnpm/postcss-loader@7.2.4_@types node@20.4.1_postcss@8.4.23_ts-node@10.9.1_typescript@4.9.5_webpack@5.75.0/node_modules/postcss-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[2]!../../node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleset[1].rules[0].oneof[3].use[3]!../../node_modules/.pnpm/sass-loader@13.2.2_node-sass@8.0.0_webpack@5.75.0/node_modules/sass-loader/dist/cjs.js??ruleset[1].rules[0].oneof[3].use[4]!./src/components/articleauthor/index.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.article-author{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:30px}.article-author .media-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.article-author .media-info .avatar{margin-right:10px;width:36px;height:36px;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:50%}.article-author .media-info .media-name{margin-bottom:6px;font-size:14px;line-height:14px;font-weight:500;color:#333}.article-author .media-info .media-meta{font-size:12px;line-height:12px;color:#999}.article-author .media-info .media-meta span{margin-right:5px}

/*# sourcemappingurl=static.css.map*/