@media (max-width: 620px) {
  html,
  body,
  .live,
  .home,
  .search,
  .unionPayFinish,
  .follow,
  .category {
    min-width: auto !important;
    min-height: auto !important;
  }
  .App .Page .header {
    background-color: #fff;
  }
  .App .Page .header-inner {
    margin-left: 10px;
  }
  .App .Page .header-inner__home-link,
  .App .Page .header-inner__all-category-link,
  .App .Page .header-inner__followbox,
  .App .Page .header-inner__searchbox {
    display: none;
  }
  .App .Page .header-inner__logo,
  .App .Page .header-inner__logo-movie {
    left: 0;
  }
  .App .Page .header-inner__user-info {
    display: none;
  }
  .App .Page .header-inner__open-app-btn {
    width: 72px;
    height: 32px;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    background-image: -webkit-gradient(linear, right top, left top, from(#fe3780), to(#f83e54));
    background-image: -webkit-linear-gradient(right, #fe3780, #f83e54);
    background-image: -o-linear-gradient(right, #fe3780, #f83e54);
    background-image: linear-gradient(to left, #fe3780, #f83e54);
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    line-height: 32px;
    text-align: center;
  }
  .App .Page .sidebar {
    -webkit-transform: translateX(-228px);
        -ms-transform: translateX(-228px);
            transform: translateX(-228px);
    z-index: 99;
  }
  .App .Page .sidebar .s-toggle {
    top: 72px;
    width: 40px;
    height: 40px;
    right: -40px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAATlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////+QlxstAAAAGXRSTlMAgEDNIsCcEPqxiWBHLxvw4KuQcO6Sf2JQvEMQIwAAAIhJREFUSMft1LkOgzAQBNCx8YExkINc8/8/mi0cKZXRRooQyK+ZamRvM2j2y6U0QqMjaSV9z7qlFCjugOWqrxeeQJSsu35u8LcBEJOtmtH81WQjNDJ5dpLjZTAVIbhSOJE0wNxzRfdrYdF9qRzdbM4l/1APWdbMDIXRDJkn+SpZZUohBp/RHNwbfq4fS9dAppAAAAAASUVORK5CYII=);
    background-color: #384065;
    background-size: 70% 90%;
    background-position: 45% 50%;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .App .Page .sidebar .s-toggle__triangle {
    display: none;
  }
  .App .Page .sidebar.expand {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  .App .feed-card:hover {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
  .App .Page.home {
    min-width: auto;
  }
  .App .Page.home .home__top {
    height: 0;
    padding-top: calc(56.25% + 60px);
  }
  .App .Page.home .banner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 60px;
  }
  .App .Page.home .banner__inner {
    width: 100%;
    height: calc(100% - 60px);
    top: 60px;
  }
  .App .Page.home .banner__video {
    width: 100%;
  }
  .App .Page.home .banner__list {
    display: none;
  }
  .App .Page.home .feed {
    width: 100%;
    padding-top: 0;
  }
  .App .Page.home .feed .h-notice {
    width: 100%;
    text-align: center;
    padding-top: 4px;
  }
  .App .Page.home .feed .h-notice .n-anno {
    width: 100%;
  }
  .App .Page.home .feed .h-notice .n-anno__title {
    text-align: left;
    padding-left: 10px;
  }
  .App .Page.home .feed .h-notice .n-anno__left {
    width: 96%;
  }
  .App .Page.home .feed .h-notice .n-anno__right {
    width: 100%;
  }
  .App .Page.home .feed .h-notice .n-anno__right .n-anno__item {
    width: 48%;
    height: 106px;
    margin: 15px 0 0;
  }
  .App .Page.home .feed .h-notice .n-anno__right .n-anno__item:nth-of-type(2n+1) {
    margin-right: 5px;
  }
  .App .Page.home .feed .h-notice .n-news {
    width: 96%;
    text-align: left;
  }
  .App .Page.home .feed .h-notice .n-news__item {
    padding-left: 2px;
  }
  .App .Page.home .feed .h-notice .n-news__item__title {
    width: 85%;
  }
  .App .Page.home .feed .h-notice .n-news__item__time {
    width: 15%;
  }
  .App .Page.home .feed-item__title {
    display: inline-block;
    text-align: left;
    margin-left: 10px;
  }
  .App .Page.home .feed-item__list {
    text-align: center;
  }
  .App .Page.home .feed-item.stone {
    margin-top: 20px;
  }
  .App .Page.home .feed-item.stone .feed-item__title {
    display: block;
  }
  .App .Page.home .feed-card {
    width: 48%;
    margin-right: 0;
    text-align: left;
    margin-bottom: 10px;
  }
  .App .Page.home .feed-card:nth-of-type(2n+1) {
    margin-right: 5px;
  }
  .App .Page.home .feed-card__cover {
    height: 106px;
  }
  .App .Page.home .feed-card__title {
    padding-left: 4px;
    font-size: 12px;
    line-height: 30px;
  }
  .App .Page.home .feed-card__user {
    padding-bottom: 6px;
    padding-left: 4px;
  }
  .App .Page.home .footer {
    margin-top: 35px;
    height: 180px;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }
  .App .Page.notice .notice__container {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 35px;
  }
  .App .Page.live .sidebar {
    display: none;
  }
  .App .Page.live .normal-button {
    height: 26px;
    padding: 0 9px;
    font-size: 12px;
  }
  .App .Page.live .live_content {
    width: 100%;
    height: 100%;
    margin-left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding-top: 10px;
    -webkit-overflow-scrolling: touch;
    padding-left: 10px;
    padding-right: 10px;
  }
  .App .Page.live .live_content .player-container {
    margin-right: 0;
    width: 100%;
  }
  .App .Page.live .live_content .player-container .video-ending {
    overflow: hidden;
  }
  .App .Page.live .live_content .player-container .video-ending__title {
    display: none;
  }
  .App .Page.live .live_content .room-info {
    padding-left: 10px;
    padding-right: 10px;
    height: 64px;
  }
  .App .Page.live .live_content .room-info__inner {
    height: 60px;
  }
  .App .Page.live .live_content .room-info__avatar {
    width: 50px;
    height: 50px;
    top: 7px;
  }
  .App .Page.live .live_content .room-info__room-name {
    font-size: 14px;
    top: 13px;
    left: 58px;
    max-width: 68%;
  }
  .App .Page.live .live_content .room-info__report-share {
    display: none;
  }
  .App .Page.live .live_content .room-info__extra-info {
    left: 58px;
    top: 36px;
  }
  .App .Page.live .live_content .room-info__extra-info .anchor-name {
    font-size: 12px;
  }
  .App .Page.live .live_content .room-info__extra-info .other-info {
    font-size: 12px;
  }
  .App .Page.live .live_content .room-info__extra-info .hot {
    display: none;
  }
  .App .Page.live .live_content .room-info__extra-info .room-info__people {
    display: none;
  }
  .App .Page.live .live_content .room-info__follow-button {
    display: none;
  }
  .App .Page.live .live_content .room-info .normal-button {
    top: 26px;
  }
  .App .Page.live .live_content .room-info .room-info__shortID {
    display: none;
  }
  .App .Page.live .live_content .gifts-bar {
    display: none;
  }
  .App .Page.live .chatroom {
    -ms-flex: 1 1;
        flex: 1 1;
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    margin-top: 10px;
  }
  .App .Page.live .chatroom__title {
    height: 45px;
    line-height: 45px;
  }
  .App .Page.live .chatroom__msg-list {
    bottom: 90px;
    top: 44px;
  }
  .App .Page.live .chatroom .gift-show {
    display: none;
  }
  .App .Page.live .chatroom__input {
    height: 90px;
  }
  .App .Page.live .chatroom__input .input-wrapper {
    margin: 10px 15px;
  }
  .App .Page.live .chatroom__input .input-wrapper textarea {
    border-radius: 4px;
    background-color: #f1f1f1;
    padding: 5px;
  }
  .App .Page.live .chatroom__input .normal-button {
    position: absolute;
    right: 15px;
    bottom: 10px;
  }
  .App .Page.category .category__feed-container,
  .App .Page.follow .category__feed-container,
  .App .Page.recommend .category__feed-container,
  .App .Page.category .follow__feed-container,
  .App .Page.follow .follow__feed-container,
  .App .Page.recommend .follow__feed-container,
  .App .Page.category .recommend__feed-container,
  .App .Page.follow .recommend__feed-container,
  .App .Page.recommend .recommend__feed-container {
    -webkit-overflow-scrolling: touch;
    padding-left: 0;
    padding-right: 0;
  }
  .App .Page.category .category__feed-container.expand,
  .App .Page.follow .category__feed-container.expand,
  .App .Page.recommend .category__feed-container.expand,
  .App .Page.category .follow__feed-container.expand,
  .App .Page.follow .follow__feed-container.expand,
  .App .Page.recommend .follow__feed-container.expand,
  .App .Page.category .recommend__feed-container.expand,
  .App .Page.follow .recommend__feed-container.expand,
  .App .Page.recommend .recommend__feed-container.expand {
    padding-left: 0;
  }
  .App .Page.category .category__feed-container .feed-item,
  .App .Page.follow .category__feed-container .feed-item,
  .App .Page.recommend .category__feed-container .feed-item,
  .App .Page.category .follow__feed-container .feed-item,
  .App .Page.follow .follow__feed-container .feed-item,
  .App .Page.recommend .follow__feed-container .feed-item,
  .App .Page.category .recommend__feed-container .feed-item,
  .App .Page.follow .recommend__feed-container .feed-item,
  .App .Page.recommend .recommend__feed-container .feed-item {
    padding: 0px 0px 80px 8px;
  }
  .App .Page.category .category__feed-container .feed-item__title,
  .App .Page.follow .category__feed-container .feed-item__title,
  .App .Page.recommend .category__feed-container .feed-item__title,
  .App .Page.category .follow__feed-container .feed-item__title,
  .App .Page.follow .follow__feed-container .feed-item__title,
  .App .Page.recommend .follow__feed-container .feed-item__title,
  .App .Page.category .recommend__feed-container .feed-item__title,
  .App .Page.follow .recommend__feed-container .feed-item__title,
  .App .Page.recommend .recommend__feed-container .feed-item__title {
    margin-bottom: 12px;
    margin-left: 50px;
  }
  .App .Page.category .category__feed-container .feed-item .feed-card,
  .App .Page.follow .category__feed-container .feed-item .feed-card,
  .App .Page.recommend .category__feed-container .feed-item .feed-card,
  .App .Page.category .follow__feed-container .feed-item .feed-card,
  .App .Page.follow .follow__feed-container .feed-item .feed-card,
  .App .Page.recommend .follow__feed-container .feed-item .feed-card,
  .App .Page.category .recommend__feed-container .feed-item .feed-card,
  .App .Page.follow .recommend__feed-container .feed-item .feed-card,
  .App .Page.recommend .recommend__feed-container .feed-item .feed-card {
    width: 50%;
    padding-right: 8px;
    margin-bottom: 10px;
  }
  .App .Page.category .category__feed-container .feed-item .feed-card__title,
  .App .Page.follow .category__feed-container .feed-item .feed-card__title,
  .App .Page.recommend .category__feed-container .feed-item .feed-card__title,
  .App .Page.category .follow__feed-container .feed-item .feed-card__title,
  .App .Page.follow .follow__feed-container .feed-item .feed-card__title,
  .App .Page.recommend .follow__feed-container .feed-item .feed-card__title,
  .App .Page.category .recommend__feed-container .feed-item .feed-card__title,
  .App .Page.follow .recommend__feed-container .feed-item .feed-card__title,
  .App .Page.recommend .recommend__feed-container .feed-item .feed-card__title {
    padding-left: 4px;
    font-size: 12px;
    line-height: 30px;
  }
  .App .Page.category .category__feed-container .feed-item .feed-card__user,
  .App .Page.follow .category__feed-container .feed-item .feed-card__user,
  .App .Page.recommend .category__feed-container .feed-item .feed-card__user,
  .App .Page.category .follow__feed-container .feed-item .feed-card__user,
  .App .Page.follow .follow__feed-container .feed-item .feed-card__user,
  .App .Page.recommend .follow__feed-container .feed-item .feed-card__user,
  .App .Page.category .recommend__feed-container .feed-item .feed-card__user,
  .App .Page.follow .recommend__feed-container .feed-item .feed-card__user,
  .App .Page.recommend .recommend__feed-container .feed-item .feed-card__user {
    padding-bottom: 6px;
    padding-left: 4px;
  }
  .App .Page.recommend .component-recommend__list {
    margin-right: -8px;
    margin-bottom: 0;
  }
  .App .Page.recommend .recommend__feed-container {
    width: 100%;
  }
  .App .Page.recommend .recommend__feed-container .feed-item {
    padding-left: 0;
    padding-bottom: 20px;
  }
  .common-modal.confirm-modal .common-modal-box {
    -webkit-animation: none;
            animation: none;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
  }
  .global-error .err-modal {
    width: 300px !important;
  }
  .Dialog-container .LoginDialog__container {
    width: 308px;
  }
  .Dialog-container .LoginDialog__left {
    display: none;
  }
  .Dialog-container .LoginDialog__title {
    left: 5%;
  }
  .Dialog-container .LoginDialog__forget {
    left: 5%;
  }
  .Dialog-container .LoginDialog__agreement {
    left: 5%;
  }
  .Dialog-container .LoginDialog__right#BD_Login_Form {
    width: 100%;
  }
  .Dialog-container .LoginDialog__right#BD_Login_Form .login-form-byted #login-type-account {
    right: 5%;
  }
  .Dialog-container .LoginDialog__right#BD_Login_Form .login-form-byted #login-type-mobile {
    right: 5%;
  }
  .Dialog-container .LoginDialog__right#BD_Login_Form .login-form-byted #login-form {
    left: 5%;
    width: 90%;
  }
  .Dialog-container .LoginDialog__right#BD_Login_Form .login-form-byted #login-form .bytedance-input {
    width: auto;
  }
}
/* reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
legend,
input,
button,
textarea,
p,
th,
td,
header,
section,
aside,
nav,
menu,
audio,
video,
figure,
figcaption,
footer,
article {
  margin: 0;
  padding: 0;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
::-moz-selection {
  color: #fff;
  background: #ff3161;
  text-shadow: none;
}
::selection {
  color: #fff;
  background: #ff3161;
  text-shadow: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
em {
  font-style: normal;
}
img {
  border: 0;
  vertical-align: middle;
}
img::-moz-selection {
  background: transparent;
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
  font-style: inherit;
  font-weight: inherit;
}
del,
ins {
  text-decoration: none;
}
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
body,
input,
button,
textarea,
select {
  outline: none;
}
textarea {
  resize: none;
  outline: none;
}
i {
  font-style: normal;
}
a {
  text-decoration: none;
  color: inherit;
}
a:focus {
  outline: none;
}
a:hover {
  color: inherit;
}
input {
  -webkit-appearance: none;
}
input::-webkit-search-cancel-button {
  display: none;
}
ul {
  zoom: 1;
}
ul:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
html {
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  /*no*/
  line-height: 1.5;
  background-color: #f2f4f6;
}
input,
button,
select,
textarea {
  margin: 0;
  vertical-align: middle;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="search"],
select,
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
select {
  cursor: pointer;
}
button,
input {
  line-height: normal;
}
input,
textarea,
button {
  outline: none;
}
input:focus,
textarea:focus,
button:focus,
input:active,
textarea:active,
button:active {
  outline: none;
}
input,
textarea {
  text-align: left;
}
textarea {
  resize: none;
}
table {
  display: table;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
thead {
  display: table-header-group;
  vertical-align: middle;
}
tfoot {
  vertical-align: middle;
}
tbody {
  display: table-row-group;
}
tr {
  display: table-row;
}
td,
th {
  text-align: left;
  display: table-cell;
}
th {
  font-weight: bold;
}
hr {
  height: 0px;
  border: none;
  border-bottom: 1px solid #ddd;
}
iframe {
  border: none;
}
.center {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}
.mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.38);
  position: relative;
}
.icon-more {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-right-radius: 1px;
  border-style: solid;
  border-color: inherit;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: -1px;
}
.border05::after {
  content: '';
  display: inline-block;
  width: 200%;
  height: 200%;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.26);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: scale(0.5) translate(-50%, -50%);
      -ms-transform: scale(0.5) translate(-50%, -50%);
          transform: scale(0.5) translate(-50%, -50%);
  pointer-events: none;
}
html,
body {
  min-height: 600px;
  height: 100%;
}
html.autoHeight {
  height: auto;
  overflow-y: scroll;
}
html.autoHeight body,
html.autoHeight .App {
  height: auto;
}
.App {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.Dialog-container {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 1;
}
.Dialog-container.hide {
  left: -9999px;
  top: -9999px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.LoginDialog {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 1;
}
.LoginDialog.hide {
  left: -9999px;
  top: -9999px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.LoginDialog__container {
  overflow: hidden;
  width: 658px;
  height: 444px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 10px;
}
.LoginDialog__left {
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(https://s3.pstatp.com/toutiao/xigua_live_web_pc/static/media/left-bg.8ae12472.png);
  width: 262px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.LoginDialog__title {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  position: absolute;
  left: 310px;
  top: 58px;
}
.LoginDialog__logo {
  position: absolute;
  left: 77px;
  top: 63px;
  width: 108px;
  height: 117px;
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(https://s3.pstatp.com/toutiao/xigua_live_web_pc/static/media/logo.9a147887.png);
}
.LoginDialog__text {
  width: 157px;
  font-size: 12px;
  color: #fff;
  line-height: 17px;
  padding: 0 24px;
  position: absolute;
  left: 53px;
  top: 281px;
}
.LoginDialog__text:before,
.LoginDialog__text:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  top: 8px;
  -webkit-transform: scaleY(0.5);
      -ms-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.LoginDialog__text:before {
  left: 0;
}
.LoginDialog__text:after {
  right: 0;
}
.LoginDialog__forget {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 18px;
  position: absolute;
  left: 310px;
  top: 357px;
  cursor: pointer;
  font-weight: 500;
  z-index: 10;
}
.LoginDialog__forget:hover {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.8;
}
.LoginDialog__agreement {
  position: absolute;
  left: 310px;
  top: 263px;
  width: 300px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.54);
  z-index: 10;
}
.LoginDialog__agreement a {
  text-decoration: underline;
  color: rgba(0, 0, 0, 0.7);
}
.LoginDialog__agreement label {
  cursor: pointer;
}
.LoginDialog__agreement__checkbox {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 7px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAqCAMAAAAAoWzMAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAD7H0H8IUX7H0H7IEH8IUL8H0H7IEP/JEX/JEn/KUv/QGv7H0H7H0H6IEH6IEL7H0H7IEL6IEH8H0H7IEL6IEL7IEP/IkL/I0L/Ikn/MFD7IEL7H0H6H0H6IEH7IEH6IEL7IEL7H0L7H0EiuQIEAAAAKXRSTlMAFAUQDRMD8jP2yFtRPhwQDAT87eHZua6ckndpRiwkFgjo5tPPwKaHg8xMV1UAAAEhSURBVEjH7Ze5jsMwDERpyfEVn7nvZO+d///BtYW42CIRJqCKAJnGKoiH50IUKS4mttHN2NjIY0ls5IlNxIXTMJPIm4nhNZKBe+9vTTyQE1rDusO9OJgVUsP0Xw93LOI04l7Axx2rKA3rKr21ToLS6Oniz7WM0ODARPUL/AK71FUYcJVjGgKcpUAZAHycAxvRB5/egG/RB9cLYN3pg89LYHURFXC2zWRM8wEUreiAC6SH67EtgM9GlMC/QF660+ULWJ71bt4WmA0XolsBi1rzSv8A2Eu3Bt5Pur1iB2C3AeZH7Sa0x5A00+9u0xmQVyHaZpmmhzD9uG2e+QX5V03MNhyYGwoJDW6MJTS4wZvQ4FYFQoNbbggNag8iNLjNjdH4Aw64EUoGalbGAAAAAElFTkSuQmCC);
  background-position: left 0;
  background-size: auto 100%;
  background-repeat: no-repeat;
  vertical-align: sub;
}
.LoginDialog__agreement__checkbox.checked {
  background-position: right 0;
}
.LoginDialog__close {
  position: absolute;
  right: 12px;
  top: 12px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURUdwTK+9zq29zb+/1K69z629za29zf///62+zq3F0K29za69za2+zbDCzq29zbDE1669za29zbmO24EAAAARdFJOUwBK/QxV1fsBnRbxlaUqYQ3NcuAQNQAAANRJREFUWMPt1kkOwyAMBVAgbRkylftftiRFUQaMjB0pG/9tpCcB9leUkkgkEskDsVpb+Os8jVhIx+hAyb9j6PAQKCUHD1kHSovzeeEvCZIaHVBqdgCJ4BQlklOQiM5FIjsnieEcJJazk5jOJrGdLA18J0s3OEkakmP4znrPtX5qccwN0v+9HFvK72650jY/TGk3hyzpMM8M6bQXZOmyX0SpsKckqbjvBAnojWYJ7J9GaYb7Z5V6LDRV+meRjEdCYwhw/9jefNFn66r/Ld4qiUQikTyRH0YwEHsT+g5tAAAAAElFTkSuQmCC);
  cursor: pointer;
  z-index: 10;
}
.LoginDialog__right#BD_Login_Form {
  position: absolute;
  top: 0;
  right: 0;
  width: 396px;
  height: 100%;
}
.LoginDialog__right#BD_Login_Form .login-form-byted {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.LoginDialog__right#BD_Login_Form .login-form-byted .form-header,
.LoginDialog__right#BD_Login_Form .login-form-byted .i-divider-horizontal {
  display: none;
}
.LoginDialog__right#BD_Login_Form .login-form-byted .form-body {
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.LoginDialog__right#BD_Login_Form .login-form-byted .form-body #login-msg-box {
  position: absolute;
  font-size: 12px;
  color: #fa1f41;
  line-height: 22px;
  padding: 0;
  background-color: transparent;
  border: none;
  white-space: nowrap;
  left: 0;
  top: 131px;
}
.LoginDialog__right#BD_Login_Form .login-form-byted .form-body #login-msg-box #login-msg {
  margin: 0;
  font-size: 13px;
}
.LoginDialog__right#BD_Login_Form .login-form-byted .form-body #login-msg-box span {
  display: none;
}
.LoginDialog__right#BD_Login_Form .login-form-byted .form-body #login-msg-box p.error {
  width: auto;
  float: none;
  border: none;
  background-color: transparent;
  color: inherit;
  font-size: 12px;
}
.LoginDialog__right#BD_Login_Form .login-form-byted .form-body .login-title {
  display: none;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form {
  width: 300px;
  position: absolute;
  left: 48px;
  top: 105px;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form .form-item {
  height: 50px;
  margin-top: 0;
  margin-bottom: 22px;
  border: none;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form .form-item:nth-of-type(2),
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form .form-item:nth-of-type(3) {
  margin-bottom: 65px;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form #mobile-code-get {
  position: absolute;
  right: 0;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form #mobile-code-get .get-code {
  color: rgba(0, 0, 0, 0.38);
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form .bytedance-submit {
  font-size: 16px;
  font-weight: 600;
  background-image: -webkit-linear-gradient(189deg, #fe3780, #f83e54);
  background-image: -o-linear-gradient(189deg, #fe3780, #f83e54);
  background-image: linear-gradient(261deg, #fe3780, #f83e54);
  border-radius: 8px;
  height: 46px;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(248, 62, 84, 0.2);
          box-shadow: 0px 10px 20px 0px rgba(248, 62, 84, 0.2);
  margin-top: 0;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form .bytedance-submit:hover:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.1);
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form .bytedance-submit[disabled='true']:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.6);
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form #more-info {
  display: none;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form .bytedance-input-prefix {
  display: none;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form .bytedance-input {
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 300px;
  height: 50px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.7);
  padding: 14px 16px;
  font-size: 16px;
  line-height: 22px;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form .bytedance-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #f9f9f9 inset;
          box-shadow: 0 0 0px 1000px #f9f9f9 inset;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form .bytedance-input::-ms-clear,
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form .bytedance-input::-ms-reveal,
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form .bytedance-input::-ms-expand {
  display: none;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form .bytedance-input::-webkit-credentials-auto-fill-button {
  display: none !important;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form .bytedance-input-suffix {
  height: 50px;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form .bytedance-input-suffix i {
  line-height: 50px;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form .bytedance-input-suffix#mobile-code-suffix {
  z-index: 99;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form .bytedance-input-suffix#mobile-code-get {
  border-left: none;
  height: 50px;
  margin: 0;
  width: 112px !important;
  z-index: 9;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form .bytedance-input-suffix#mobile-code-get span {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.7) !important;
  line-height: 50px;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-form .bytedance-input-suffix#mobile-code-get:hover {
  opacity: 1;
  background-color: none;
}
.LoginDialog__right#BD_Login_Form .login-form-byted .form-footer {
  position: relative;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-type-account,
.LoginDialog__right#BD_Login_Form .login-form-byted #login-type-mobile {
  position: absolute;
  right: 49px;
  top: 357px;
  margin: 0;
  width: 84px;
  height: 17px;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-type-account img,
.LoginDialog__right#BD_Login_Form .login-form-byted #login-type-mobile img,
.LoginDialog__right#BD_Login_Form .login-form-byted #login-type-account span,
.LoginDialog__right#BD_Login_Form .login-form-byted #login-type-mobile span {
  display: none;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-type-account:after,
.LoginDialog__right#BD_Login_Form .login-form-byted #login-type-mobile:after {
  font-size: 12px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  right: 0;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-type-account:hover,
.LoginDialog__right#BD_Login_Form .login-form-byted #login-type-mobile:hover {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.8;
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-type-account:after {
  content: '\8D26\53F7\767B\5F55';
}
.LoginDialog__right#BD_Login_Form .login-form-byted #login-type-mobile:after {
  content: '\624B\673A\9A8C\8BC1\7801\767B\5F55';
}
.LoginDialog__right#BD_Login_Form .login-form-byted .footer-login-type.platform-login {
  margin: 0;
  position: absolute;
  top: 327px;
  padding-top: 46px;
  width: 40px;
  background-size: 40px auto;
  background-repeat: no-repeat;
  background-position: center 0;
}
.LoginDialog__right#BD_Login_Form .login-form-byted .footer-login-type.platform-login img,
.LoginDialog__right#BD_Login_Form .login-form-byted .footer-login-type.platform-login span {
  display: none;
}
.LoginDialog__right#BD_Login_Form .login-form-byted .footer-login-type.platform-login:after {
  width: 60px;
  color: #fff;
  font-size: 12px;
  -webkit-transform: scale(0.68);
      -ms-transform: scale(0.68);
          transform: scale(0.68);
}
.LoginDialog__right#BD_Login_Form .login-form-byted .footer-login-type.platform-login:nth-last-child(2) {
  left: -189px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAACr1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAADlOTX6rggLCgoHBwf7+/siIiICAgH97OwFAwLu7u7h4eHnQj5lZWVhYWE6OjoxMTEbGxsWFhZpaWlQUFBEREQnJycTExP6sQ4ODg4MCQD09PTy8vK2tratra2enp41NTUXEADw8PDQ0NDMzMzFxcWbm5t/f397e3tycnJNTU0qKip7Hx32qwjupgfpowcQBAT/+/r4+Pj29vbq6ur96Ojn5+fc3NzU1NTIyMi/v7+6urqwsLCnp6eSkpKEhIRubm5aWlo8PDwtLS27LyyqKieYJiOIIiAdHR1OExIiGQYyJAL3u7qioqKXl5eMjIx2dnZHR0dAQEDfNzPVNTKgKCWBIB76tRz6sxQuDAsjCQigbwWRZgRqSgR1UQP9/f3r6+v72dn/8tj5z874yMf3wb+zs7P+5a793ZXxkpCPj4/tcW7qWVZUVFT7xlBMTEz7vjfYNjL6uy1kGRdYFhVSFRM/EA/gngundgnYlwfTlAfMjwemcwZIMwavegWbbARCLgIrHgI4JwH//Pb/+vD+8PD/+Of/9+X7397r2dnBwcH+68D3vr27u7v2tLP1r628paXzoJ7ozI/92YrvhIL81oDufHr8z2vsaGWtYmHoT0zoS0joSkbnR0TrtT/HQj97PjzONDDBMC36uCesfxz6tBroqBpyVhpxHBpHOBc1KxZsTgrxqAe9hAcaBwYWBgWDXAR6VQQGBgRbQAIeFQHa2OxMAAAAL3RSTlMA/Mbu7d9VOhQILP4q+fbw5NLNyrOtp6Kem497a2dkT01MQjcfHgUCuejnvr1duGhokfsAAAcXSURBVGjetNdHbxNREAfwt+sCdpzeKyX09h9DsGUjQygBAQGTBEKwCIROqAICIUSARJMoAXFEcEH0ItoRcUHiA8CNAyCB+CDYWu/iFr9Ze/27rd5Ko9mdN2+eMM3ldjbWLlDLHfbiYruj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);
}
.LoginDialog__right#BD_Login_Form .login-form-byted .footer-login-type.platform-login:nth-last-child(2):after {
  content: "QQ\53F7\767B\5F55";
}
.LoginDialog__right#BD_Login_Form .login-form-byted .footer-login-type.platform-login:nth-last-child(1) {
  left: -113px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAABPlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9Rxl/+//5Tx2Hx+/Jdy2v8/vxpznVYyWVx0X1izG/t+u/p+eu66b+u5bSn46+R3Jp304Jbymj5/vpu0Hr1/PXl9+fK7s6/6sSL2pSB1otsz3jQ8NS26Lyi4apWyGPg9eKx5riZ3qGE14581YfV8tiU3Z3E7MnB68ae4KaJ2ZLi9uXd9N+N2pbX8tonUEbwAAAAO3RSTlMA/M8O9LTc+OTBppxEKz01MiIdiiYJBQHolxry7d/TqaGQhHtrWhcT6devrJNKC9nVxbqCX1NOyXZzb52mpdYAAAYQSURBVGjevdvnWhpBFAbgQ0eKFLvGXhKNpvdvlqaiCCJFBXs35v5vIIgpQ3ZmmV128/6UB49TTll8INNGkpGF1Wlfn9s/Oup39/lCswuRcXLY+GLY7YWA9/PY4hI549XHsWUYmlr9NEQ2G4nMeKFgItw/QvYZHAhC2eRcguwRf+mCKa5QlHoX88GClTj1JvoOFvkSvVzkgQAsC7y3fMU/BtET/xpZ8dyHnk17yLT+IGwwGTNbMOZdsEXgm7ltfgfbrJjY7uQybORW7h7RIGzlTyheq2ew2QulOrbmhe0m+hXW64UDJrquOfoMjhhNkKFkEA7xLxnm7zIc4/YY1Kt3cNBLkpqHoxakF9oFRwXikgMOwmF+8TH74LiQcN7AfxARzFdBdHFSPz26Oi8dPJztNH+UYcnrYfrXAIxUm/sZxjsu3dY0mDevK5UBSGXrG0xk86gKs7wJ6iQvHZXCJpO6uOyxjPRDZnuXGdrfgjlRpVTKH7Bu1nc06ykVh9h1hik4qMAE1yAX+CWECkxN7h4mhLnnXwidMlW7l1AXSHI5LI6rLnNvJZdHghCoMzNyaShbpl8iEMhnOu8u0zlOMU4pC2UxejIDgTu+RDXTqBSOGa9Y1bKNQ+4HBShb/dUevNCr8QdY1d/xWzzaWucuWBqqng1L+2GWL5NnaKswzq8ofH25Mtsdx7rdrFM84Za3jidF9leqClUD9GgZeiXGOUdblXG+o62jbe1A1WdqGRddacZ0S9Y6yvZGBS03jLcBVa7H4WtR1JJYp1Kz1vynJ2d2ajdXKdZhC6o+tQKHoVdkpuwVb09vGrXmCVTNtgK7obfBlK2fN58WWs6f5LNQ1Ec04oXernJ32KkA2vfCQe7pLZnD/W2VDR8lSkJPSymu9igNXLbHQF7utntsj7BQV5iSjS2gVmICqYeTruV6AXoaU3FVxvc9+SyWhpEPtAprZ5zahtbqG3KbNRiYo2kIHLKutpG/YMbOskbzjw+W8vgI6T3WzZ08coj6INBkXTygopLrdxokfOSGQJUZ2yxnS0zFvryC+CHS5dfWscPUbEPMTS8gsm2cwKgedw5fHfjXdvMQ8tMoRLI5ZuASF1yY7XK5wV20Ylo7OeebudBryVbjxmiURYNv/50z6YYGQCtxf6Vkq90QOzBKpaJuFrn7++Kj026jWJ8wnbg1iHwv85XtBi3aXuc9vuI6SVmcTj5INFLSnb7uSK0TIF3kSymyBf69dXEBmYZMXZqbZ51Vu7Sxzji5i87NKkJgjGYhdSpe8w4umBkbEHhPC5CrCyNv45CZkYHAIkVgoCG6YdfYZGakxIPAOIxslXoPvC4efcgLIye9b3UOekFuvBUSNYMCDpgZF+LxlsIwIuj2ZzhiZuxIntoWwZE15r2Dv6laQoOZ8QN6a63AS913eu8aKF8W7vba0dc1zcztOoSe6xW1THXZ6cNrDb9V8tWtNHDL1DWh95YerULqvhX2RhPddWW5rHC4ffTJYKdzdQ3o6XGyJv8oYmgCMpcaxNIZZsi4G48OU1sY5tWZkr2y5Om4rR/GrG/2Zh4icXoyMgnztH2FuPcQmaLf5mBB9rxrI85D6Av9lnBZinzGDJ1XIBRYoj9CsKRhVMEeNIiN0V9RWJN+SDGZW4i5EsRZgUVbZ+vSGi02Q7wYLEsXLo47i2QxZ/Bxm2vQxn+llhtH+xeHmdRu7vyolgayhV3pg2KIOg0GYKf0WYrdQcA7Tv94D3vdH+xq0PtK/xqahM1qgkOeGiadNfwH/SQwDceFScQzCYe9GSKhWACO8kZJ4hsc9YGkVuCgGZLzuOGYt0NkYHwSDnnznAwNvoAjgknqIj4BBzyLUlf9Ew7EjZGCuO27HYySkoQftnqTJEVLblvz6Dkp87yEbWaGyIyFAGzh/UAmxf22HG+UTPOE0LPwEFkReY2eTPWTRcPzXljm/TpM1iVWYI0rlKTeREMuC2FnBql3g+EATAmMJcgeyfnXUDb1ZZxsFBt7BgUvZuNkt+HIwGcXDLjezkWGyRmeT7N9oxAI9g2sechhntiHuXD7+4Ptbw+G3y/GLMT8Cfy5QbFV5bOzAAAAAElFTkSuQmCC);
}
.LoginDialog__right#BD_Login_Form .login-form-byted .footer-login-type.platform-login:nth-last-child(1):after {
  content: "\5FAE\4FE1\53F7\767B\5F55";
}
.LoginDialog__right#BD_Login_Form .login-form-byted .footer-login-type.platform-login:hover {
  opacity: 1;
}
.common-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 100000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.common-modal-box {
  position: relative;
  background: white;
  border-radius: 10px;
  overflow: hidden;
  width: 500px;
  height: 400px;
  margin-top: -30px;
  -webkit-animation: common-modal-in 0.3s ease-out;
          animation: common-modal-in 0.3s ease-out;
}
.common-modal-box__close {
  position: absolute;
  right: 12px;
  top: 14px;
  width: 24px;
  cursor: pointer;
}
.common-modal.has-title .common-modal-box .common-modal-box__close {
  top: 24px;
  right: 20px;
}
@-webkit-keyframes common-modal-in {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 0.1;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes common-modal-in {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 0.1;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.common-modal__title {
  line-height: 70px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 23px;
  font-weight: 600;
  text-align: center;
  color: black;
}
@media (max-width: 1000px) and (min-width: 800px) {
  .Page .header-inner__logo,
  .Page .header-inner__logo-movie {
    left: 10px;
  }
  .Page .header-inner__home-link {
    left: 180px;
  }
  .Page .header-inner__all-category-link {
    left: 258px;
  }
  .Page .header-inner__searchbox {
    left: 344px;
    width: 200px;
  }
  .Page .header-inner__user-info {
    margin-right: 32px;
  }
  .Page .header-inner__open-app-btn {
    display: none;
  }
}
@media (max-width: 800px) and (min-width: 620px) {
  .Page .header-inner__logo,
  .Page .header-inner__logo-movie {
    left: 0;
  }
  .Page .header-inner__home-link {
    left: 133px;
  }
  .Page .header-inner__all-category-link {
    left: 180px;
  }
  .Page .header-inner__searchbox {
    left: 240px;
    width: 174px;
  }
  .Page .header-inner__user-info {
    margin-right: 22px;
  }
}
.header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.header .hover-area {
  display: inline-block;
}
.header .hover-area:hover .UserPanel {
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
  visibility: visible;
}
.header .use-hover {
  cursor: pointer;
}
.header .use-hover:hover {
  color: rgba(0, 0, 0, 0.7);
}
.header__user-name {
  display: inline-block;
}
.header__arrow {
  border-bottom: 4px solid transparent;
  border-top: 4px solid rgba(0, 0, 0, 0.38);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: relative;
  top: 2px;
  left: 6px;
  width: 0;
  height: 0;
  display: inline-block;
}
.header.white {
  background-color: white;
}
.header.white .header-inner__searchbox {
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.header.up {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  opacity: 0;
}
.header.black {
  background-color: transparent;
  text-shadow: 0 2px 10px rgba(255, 255, 255, 0.4);
}
.header.black .header-inner__home-link,
.header.black .header-inner__all-category-link {
  color: rgba(255, 255, 255, 0.6);
}
.header.black .header-inner__home-link.active,
.header.black .header-inner__all-category-link.active {
  color: #fff;
}
.header.black .header-inner__searchbox {
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.38);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.38);
  background-color: rgba(255, 255, 255, 0.08);
}
.header.black .header-inner__searchbox input {
  color: rgba(255, 255, 255, 0.6);
  margin-top: -1px;
}
.header.black .header-inner__user-info {
  color: rgba(255, 255, 255, 0.6);
}
.header.black .header-inner__user-info .avatar {
  background-color: rgba(255, 255, 255, 0.5);
}
.header.black .header-inner__user-info .separator {
  background-color: rgba(255, 255, 255, 0.6);
}
.header.black .header-inner__followbox {
  color: rgba(255, 255, 255, 0.6);
}
.header.black .header-inner__followbox:hover {
  color: #fff;
}
.header.black .use-hover:hover {
  color: #fff;
}
.header.black .header__user-name::after {
  border-top: 4px solid rgba(255, 255, 255, 0.6);
}
.header-inner {
  height: 60px;
  line-height: 60px;
  position: relative;
  width: auto;
  margin-left: 20px;
  left: 0;
  top: 0;
  font-size: 14px;
  will-change: margin;
}
.header-inner__logo {
  cursor: pointer;
  position: absolute;
  display: block;
  width: 112px;
  height: 100%;
  left: 104px;
  background-image: url(https://s3.pstatp.com/toutiao/xigua_live_web_pc/static/media/logo.555f54e2.png);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
.header-inner__logo-movie {
  cursor: pointer;
  position: absolute;
  display: block;
  width: 140px;
  height: 100%;
  left: 104px;
  background-image: url(https://s3.pstatp.com/toutiao/xigua_live_web_pc/static/media/xigua-movie-logo.de718be8.png);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
.header-inner__home-link,
.header-inner__all-category-link {
  position: absolute;
  color: rgba(0, 0, 0, 0.5);
  font-weight: bold;
}
.header-inner__home-link.active,
.header-inner__all-category-link.active {
  color: #ff4562;
}
.header-inner__home-link {
  left: 276px;
}
.header-inner__all-category-link {
  left: 368px;
}
.header-inner__searchbox {
  width: 220px;
  height: 32px;
  position: absolute;
  left: 480px;
  top: 14px;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.header-inner__searchbox .icon {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 8px;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -1px;
}
.header-inner__searchbox .icon img {
  position: absolute;
  left: 0;
  top: 0;
}
.header-inner__searchbox input {
  position: absolute;
  height: 100%;
  left: 15px;
  right: 0px;
  font-size: 14px;
  border: 0;
  padding-left: 0;
  padding-right: 0;
  width: 172px;
  overflow: hidden;
  margin-top: -1px;
  background: transparent;
}
.header-inner__searchbox input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.header-inner__user-info {
  position: relative;
  float: right;
  line-height: 24px;
  margin-right: 80px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  top: 18px;
}
.header-inner__user-info:hover .avatar-icon {
  background-position: 100% 0%;
}
.header-inner__user-info .avatar {
  cursor: pointer;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.09);
  margin-right: 6px;
  vertical-align: top;
}
.header-inner__user-info .avatar img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.header-inner__user-info .avatar-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-position: 0% 0%;
  background-size: 36px auto;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,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);
  margin: 3px 4px 3px 0;
  vertical-align: bottom;
  cursor: pointer;
}
.header-inner__user-info .separator {
  display: inline-block;
  width: 1px;
  height: 10px;
  background: rgba(0, 0, 0, 0.54);
  margin-left: 8px;
  margin-right: 8px;
  vertical-align: middle;
}
.header-inner__followbox {
  position: relative;
  float: right;
  margin-right: 15px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  line-height: 24px;
  top: 18px;
}
.header-inner__followbox:hover {
  color: rgba(0, 0, 0, 0.64);
}
.normal-button {
  height: 32px;
  width: 64px;
  font-size: 14px;
  font-weight: 500;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.26);
  border: 0.5px solid rgba(0, 0, 0, 0.08);
  background: white;
  text-align: center;
}
.normal-button.active {
  color: #fff;
  background-image: -webkit-gradient(linear, right top, left top, from(#fe3780), to(#f83e54));
  background-image: -webkit-linear-gradient(right, #fe3780, #f83e54);
  background-image: -o-linear-gradient(right, #fe3780, #f83e54);
  background-image: linear-gradient(to left, #fe3780, #f83e54);
}
.normal-button:hover {
  background-color: rgba(255, 255, 255, 0.2);
  background-blend-mode: overlay;
}
.normal-button:disabled {
  color: rgba(0, 0, 0, 0.26);
  border: 0.5px solid rgba(0, 0, 0, 0.08);
  background: white;
  cursor: not-allowed;
}
.long-button {
  font-size: 16px;
  font-weight: 600;
  color: white;
  padding: 0 16px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 8px;
  background-image: -webkit-gradient(linear, right top, left top, from(#FE3780), to(#F83E54));
  background-image: -webkit-linear-gradient(right, #FE3780, #F83E54);
  background-image: -o-linear-gradient(right, #FE3780, #F83E54);
  background-image: linear-gradient(to left, #FE3780, #F83E54);
}
.long-button:disabled {
  background-image: -webkit-gradient(linear, right top, left top, from(#FE3780), to(#F83E54));
  background-image: -webkit-linear-gradient(right, #FE3780, #F83E54);
  background-image: -o-linear-gradient(right, #FE3780, #F83E54);
  background-image: linear-gradient(to left, #FE3780, #F83E54);
  opacity: 0.3;
}
.long-button.gray {
  background-image: none;
  background-color: #fff;
  border: 1px solid rgba(151, 151, 151, 0.38);
  color: rgba(0, 0, 0, 0.7);
}
.long-button.no-use {
  cursor: not-allowed;
  color: rgba(151, 151, 151, 0.38);
}
.UserPanel {
  width: 400px;
  height: 447px;
  position: absolute;
  left: -277px;
  top: 24px;
  padding-top: 20px;
  will-change: transfrom;
  -webkit-transform-origin: 75% 5%;
      -ms-transform-origin: 75% 5%;
          transform-origin: 75% 5%;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -webkit-transform: scale(0.5) translateZ(0);
          transform: scale(0.5) translateZ(0);
  visibility: hidden;
}
.UserPanel__container {
  position: relative;
  width: 100%;
  height: 419px;
  -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  border-radius: 10px;
  text-align: center;
  color: rgba(0, 0, 0, 0.38);
}
.UserPanel__triangle {
  position: absolute;
  height: 0;
  width: 0;
  border-bottom: 12px solid #fff;
  border-top: 12px solid transparent;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  right: 97px;
  top: -4px;
  z-index: 10;
}
.UserPanel__top {
  padding-top: 42px;
}
.UserPanel__top__avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 150px;
}
.UserPanel__top__name {
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  margin: 8px 0 1px 0;
}
.UserPanel__top__room {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.38);
}
.UserPanel__coin {
  text-align: center;
  margin: 32px 0 31px 0;
  height: 22px;
}
.UserPanel__coin__diamond,
.UserPanel__coin__xigua {
  padding-left: 29px;
  background-size: 24px 21px;
  background-repeat: no-repeat;
  background-position: 0 0;
  max-width: 130px;
  display: inline-block;
}
.UserPanel__coin__diamond i,
.UserPanel__coin__xigua i {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.7);
}
.UserPanel__coin__diamond {
  background-image: url(data:image/png;base64,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);
}
.UserPanel__coin__xigua {
  background-image: url(data:image/png;base64,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);
}
.UserPanel__coin__pay {
  line-height: 22px;
  height: 22px;
  font-size: 12px;
  width: 40px;
  font-weight: 500;
  padding: 0;
  margin: 0 0 0 10px;
  vertical-align: top;
}
.UserPanel__btn {
  margin-bottom: 28px;
}
.UserPanel__btn .long-button {
  width: 156px;
  height: 42px;
  line-height: 40px;
}
.UserPanel__btn__center {
  margin-right: 12px;
}
.UserPanel__btn__live {
  -webkit-box-shadow: 0px 8px 20px rgba(244, 67, 54, 0.2);
          box-shadow: 0px 8px 20px rgba(244, 67, 54, 0.2);
}
.UserPanel__count {
  height: 63px;
  line-height: 63px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.UserPanel__count span {
  max-width: 130px;
  display: inline-block;
}
.UserPanel__count i {
  font-size: 16px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.7);
}
.UserPanel__count__focus {
  margin: 0 30px 0 30px;
}
.UserPanel__logout {
  position: absolute;
  top: 16px;
  right: 14px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.7);
  line-height: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABKdJREFUaAXtmWuIVVUUx0cbxczH9M5HY1FZVKRWkviYogjsQfihiKIn9aGioD7kl5RMIkj9pGAkgmJFGVREEUGDGFP0oazoSQ9kpEJ6P7AXlfX7D/fc2WfNXvvue++505dZ8J+z93+tvdZZ++y9zr5nurrGZGwG2pqBcW2N9gdPRHUjOB/8C3aDHeAvUKkcUqm3YWe30LwCTKrhNK6TwR5QqYyv1Nuws77hZr0V4+rKVhudSmBq5IamRLi2qU4l0PaN5TpoJYFDcX5kboAMO+3D+eBCMCPDvmTSXeqlOwp0E7gcaNx+sAF8ClqVwxi4FswNHOyk/QRQ9WoouU9A1WQVWAGKpDVbq4F0rcplDAxvXn6uBvcCleKGkpPAdLw8BM6NeOuB643wudRMx3AZvGLKf1IaJaC1vh6c4nj5B/5rR5dDv58wOhWdYierVyqBCQy+D6Q21jb0P4NWZRcDX0gMPg7dXQl9VyqBWxmYmvmN6J9POc/QaaNuAY+Cg479YvhLHJ2bgF79lzqDfoNfA15x9K3QLzLofvCrM1iTOSem857AbTFjOM3SGvAuqFrkc53jVBXpzpgulsB8DE+KGcM9DT52dFXQb+PkWceRVsU8q4slsMIa1fqfcX3K0VVJP4azvY7DEfdmE1DJ0hOIyZOQKpudlr8J8IwTZAF8qazaBBZioCODlR8g9HhHS94g0C+RYLo33WNdbAJ6ecRE9Xo0Zr+IrV9u/UXHXEv3aBPwNu+HxkmjrpaBlWYn4CProNYv3aNN4Bhn0DcO79GfRxQxLmJWp7yYR9ctaNgEdLyNybcxMsE9gu77QP8d7c1BP6fpnbFK99htPMU2sF5efxi7Rt1BDG4HpwMdF7QcmvUhe8W2k1y6R5uAZu1YEIoc6Ej9U0hmtH/HZk+GnWeimPbmZauKWBdrUFLWrar9CRm4TTa9n63h0hyRoZfAyclQnVHOddwmExh0Bi1x+E7SSx3n+0LeLqHXQ2XQ1iFKa3K0RMvnTCfYayFvE/gCpWBFdtdYsoP9a/Ed+247CP9VGNcmIF0pw8BYv4p6g36nmtpvFzvOBywfS+AljFQCrcj2HjDJKirsT8bX3SA2+wfgX7axSi+FmlIvEJ1ldHS1cgTECUB7RS+oKqUbZ6tB6bAWBNhGe8RXjFgCGqNzSx+Yqo6RWfRnA72klGgVouPBSnCO40yVZxMYMWleAnqFD4ILQGyZaS8sAu+B2LkdOltOxPJBoJ+MMdHRWh+5oucxLwE50mlQByp91oiJyupyoOteoKXXjByF8c3gDjDNGagZXw/ecfTRzWJtr4K4wZKm/yf9AfAmULBYEYAe+i/N2VzPA0uB1n1KtqJMfnsalxod6K6kfT2ILafAbKipfbEf/FiDxvSAw4G+8qWeOuoh0RLeDp4b6iX+5CYgF2cBbbTp6nRQdOp9GHyQEyNnNgo/2g+vguPBzIKs+KrK9gDYl+u3mScQ+jyDznXAO6+Etjlt1ffHgX74NCWtJlAEmUfjIqD67VWSwtZeVX414/1A5bglaTeBIqg2qt6g+mYzGxSbVhtXpVDrutjUX9J+C3wCtFnHZGwG/s8Z+A+bw6m+P6jU7QAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: 14px;
  padding-right: 20px;
  background-position: 32px 3px;
  cursor: pointer;
}
.charge-dialog {
  padding: 46px 74px 0 74px;
}
.charge-dialog .charge-user-info {
  line-height: 70px;
  background-color: rgba(0, 0, 0, 0.02);
  margin-bottom: 30px;
}
.charge-dialog .charge-user-info .avatar {
  width: 40px;
  height: 40px;
  margin-left: 20px;
  margin-right: 10px;
  border-radius: 20px;
  overflow: hidden;
}
.charge-dialog .charge-user-info .avatar img {
  width: 100%;
  height: 100%;
}
.charge-dialog .charge-user-info .name {
  color: rgba(12, 8, 8, 0.87);
  font-size: 16px;
  font-weight: bold;
  margin-right: 20px;
}
.charge-dialog .charge-user-info .diamond-info {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}
.charge-dialog .charge-user-info .diamond-info .num {
  font-size: 23px;
  font-weight: 500;
  color: #ff0000;
  margin: 0 5px;
}
.charge-dialog .charge-count-title {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 14px;
}
.charge-dialog .charge-item {
  position: relative;
  display: inline-block;
  width: 114px;
  height: 62px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.7);
  margin-right: 14px;
  margin-bottom: 18px;
  vertical-align: middle;
  cursor: pointer;
}
.charge-dialog .charge-item .unipay-text {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  line-height: 62px;
}
.charge-dialog .charge-item .diamond {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  line-height: 20px;
}
.charge-dialog .charge-item .cny {
  opacity: 0.7;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
}
.charge-dialog .charge-item .cny .int {
  font-size: 14px;
}
.charge-dialog .charge-item.active {
  background-color: rgba(250, 31, 65, 0.06);
  color: #fa1f41;
}
.charge-dialog .charge-item.active:after {
  border: 1px solid #fa1f41;
}
.charge-dialog .charge-items {
  margin-bottom: 20px;
  width: 105%;
  min-height: 160px;
}
.charge-dialog .charge-buttons {
  margin-top: 14px;
}
.charge-dialog .charge-button {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  width: 240px;
  height: 62px;
  line-height: 62px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 4px;
  color: white;
  display: inline-block;
  text-align: center;
}
.charge-dialog .charge-button.wechat {
  background: #4cc847;
  margin-right: 11px;
}
.charge-dialog .charge-button.alipay {
  background: #3897f0;
}
.charge-dialog .charge-button img {
  width: 22px;
  height: 22px;
  margin-right: 6px;
}
.charge-dialog .charge-button.disabled {
  opacity: 0.5;
}
.quick-charge {
  padding: 54px 0 0 48px;
  font-weight: 500;
  position: relative;
}
.quick-charge__title {
  font-size: 16px;
  line-height: 22px;
  color: #231916;
  margin-bottom: 20px;
}
.quick-charge__text {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 32px;
  margin-top: 6px;
  font-weight: 400;
}
.quick-charge__text span {
  font-size: 16px;
  color: #ff0000;
  padding: 0 10px;
  font-weight: 500;
}
.quick-charge .common-agreement {
  margin-top: 52px;
}
.quick-charge .common-agreement input {
  vertical-align: bottom;
  margin-right: 4px;
}
.quick-charge__wechat-container,
.quick-charge__alipay-container {
  position: absolute;
  top: 46px;
}
.quick-charge__wechat-container {
  left: 336px;
}
.quick-charge__alipay-container {
  left: 574px;
}
.quick-charge__to-main {
  font-size: 12px;
  line-height: 17px;
  color: #fa1f41;
  font-weight: 500;
  position: absolute;
  top: 323px;
  padding-right: 2px;
  right: 50px;
  cursor: pointer;
}
.quick-charge__to-main:hover {
  text-decoration: underline;
}
.quick-charge__to-main i {
  margin-left: 6px;
  vertical-align: middle;
  display: inline-block;
  width: 5px;
  height: 5px;
  border-top: solid 1px #fa1f41;
  border-right: solid 1px #fa1f41;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.charge-qrcode__title {
  margin-top: 53px;
  margin-bottom: 22px;
  font-size: 23px;
  color: #231916;
  text-align: center;
  line-height: 45px;
}
.charge-qrcode__title .cny {
  color: #ff0000;
  font-size: 32px;
  margin: 0 8px;
  font-weight: bold;
}
.charge-qrcode__wrapper {
  margin: 0 auto;
}
.charge-quick-sucess {
  position: relative;
  text-align: center;
}
.charge-quick-sucess__top {
  margin-top: 71px;
}
.charge-quick-sucess__top img {
  width: 46px;
  height: 46px;
  vertical-align: top;
  margin-right: 14px;
}
.charge-quick-sucess__text {
  display: inline-block;
}
.charge-quick-sucess__title {
  line-height: 29px;
  font-size: 21px;
  font-weight: 600;
}
.charge-quick-sucess__title .num {
  color: #ff0000;
  margin: 0 6px;
}
.charge-quick-sucess__desc {
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  margin-top: 19px;
}
.charge-quick-sucess__btn {
  text-align: center;
  margin-top: 61px;
}
.charge-quick-sucess__btn .long-button {
  width: 116px;
  height: 42px;
  line-height: 42px;
  display: inline-block;
}
.charge-sucess__title {
  text-align: center;
  line-height: 46px;
  font-size: 21px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.7);
  margin-top: 87px;
}
.charge-sucess__title img {
  width: 46px;
  height: 46px;
  vertical-align: bottom;
  margin-right: 14px;
}
.charge-sucess__title .num {
  color: #ff0000;
  margin: 0 6px;
}
.charge-sucess__btn {
  text-align: center;
  margin-top: 72px;
}
.charge-sucess__btn .long-button {
  width: 116px;
  height: 42px;
  line-height: 42px;
  display: inline-block;
}
.common-checkbox {
  width: 14px;
  height: 14px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTS00NDQtNjYxaDE1MTJWNDE5SC00NDR6Ii8+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxyZWN0IHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgeD0iLjUiIHk9Ii41IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSIuMDc3IiByeD0iMyIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
  cursor: pointer;
  margin-right: 7px;
}
.common-checkbox:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTS00NDQtNjYxaDE1MTJWNDE5SC00NDR6Ii8+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxyZWN0IHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgeD0iLjUiIHk9Ii41IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSIuMDc3IiByeD0iMyIvPgogICAgICAgICAgICA8cGF0aCBzdHJva2U9IiNGQTFGNDEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIuOSIgZD0iTTMuODE4IDcuNTZsMi4xODEgMi4wNjIgNC4wNjYtNC4zIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
}
.common-agreement {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.38);
}
.common-agreement a {
  color: rgba(0, 0, 0, 0.7);
  text-decoration: underline;
}
.common-agreement .common-checkbox {
  position: relative;
  top: -2px;
}
.qrcode-card {
  width: 196px;
  height: 245px;
  border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.08);
  background-color: rgba(216, 216, 216, 0.12);
  text-align: center;
  padding-top: 8px;
}
.qrcode-card__code,
.qrcode-card__loading {
  position: relative;
  display: inline-block;
  width: 185px;
  height: 185px;
  overflow: hidden;
}
.qrcode-card__code.wechat img {
  width: 230px;
  position: absolute;
  left: -22px;
  top: -24px;
}
.qrcode-card__code.alipay {
  left: 3px;
}
.qrcode-card__loading img {
  width: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
}
.qrcode-card__title {
  display: inline-block;
  padding-left: 27px;
  line-height: 22px;
  font-size: 14px;
  font-weight: normal;
  background-size: auto 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-top: 8px;
}
.qrcode-card__title.wechat {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAAAXNSR0IArs4c6QAAChZJREFUeAHtWw9wVEcZ3913lx6YUKAk2FYLLUMHp4gDHHeHo2Ol4uVCEkg1LQNqoVbaUarDoLG2U0VF7MBYbdFpRUZA/urN0CQXSCKWqZU2uSQUoUNbOlWQfy3/mjaJ3F3y3lt/e7BneHl39+7yjkTn3szN/vvtt9/77bfffrsvIST/5BnIM5BnIM9AngGrDFCrQDMc55zOfy3wSa6SewgnMwglJZzwEspJCaF0HCckSgm/RAjFj1/khB1hjL9yg0JbgjMaL5jJHKq6jIlYxVexgx1tVUTX78OLfp5wXpyN8hj4LRC31amQTbvdze9mI8POPpaJqOioGMnV3qWU0hWwhEk2KqFSShoYdayr8+x51Ua5GYmyRERla+BBTvW1nJObMpKeIZgSus3p4DVDYSEpiag6XFXSF4n8Duu7MsN3yhoOMro55TUN3ubnsxaSRcekRFS2l83VdX17tj4gC12u6cIoe36Gx/voKrpKvaYhRwVTIuaHS/0aIXUg4YYcjWtJLPzR/lGcVm33NXZZ6jAIEDP2nd/u/4LGee1QkyD0glOe00V5EDuVw6in3eVriKjo8M/QNVqPQVx2D5StPJDxxYNtLc9m299qP0UCBetnT5/eg/LHZF2yFCbbQRnZiHV1AM5tDHDjk2GN9cBr2C53MUq2Iej6J2RMAabAiDOUZ0156M5Txza+c8hQb1sx4SMqwoEnONdXp5MMAn41c9bslXBiusAKAg+GWzYguFqari/ao3j5OQ3ephaJXXCodKIaIwewEG6VdaYppRdGKEWTg+7gh6btg6yML40FHYFJCI2fTCcLM3nyZjahRpIg8HGv7ihYjjC6M31/9nR/EgS+dnrTCcj9Xrq+YveKql1pdUwrJwkgToSqkWXWnCMNb3Bv6DPKCrlDl/Eyac1WnDOMfeNlxWlebwRT+mjl65WWl6Gxe6oyE2cHyvWvpAIl2ji5JZE3ZODUbjZUDSjqOjHFMKKZ1hsFYIwCEum711hvR5kdamudi/Wd9AUNg/jKw6WzDXWksq2sFHWfMNYby1h+y5d1LHMa63VVW2GsS1bWdX5fsrbB1NOK1tJnoOC3rQrBjnGREbqyoLCwgcR6lGgfvxdErsXSGmVNBn0JDrdm4hh65HQXu6NP1Z5A38WmfSmNwZu/gzPOBSy98/hdwMn/Q5en8IdBGkTMZ99Dy1tL667nWSKl6ri8wF1GG6HsRWT2jyv+6Cubb98cTdnHpkYHoXwCLlWG9sHMYzK2K5z9os7X+IZUZtGReWMQ7gcw9dMQdxTDMkrwKwZffZzS87CW89itzuFeo9X1kcKW4F3BXtk305RWhP2dED4604524LHMdJj6+hGMPhX07H1PyKz+e/mtsaj6CKdE+J0ZcJDXRL/JxoWsy2g7gLSWM8cWsZMlw5rVY2n4I2hwmTXmsg4R5gnK2AP1nr0vi3Eq2vx3YWEgnuCLMDEDHGomugg/Bmv5DVecvwYhF630hbP0n8lg17Ai0wKG7mKjC5bVT6nvrj5aXRDp6fkpzP27VmffwgBxCJzrB1g63wx5m3am64MNgJ5NB7K1nZI/uL2+xYKEqvZ5U6Pd3e2E6zV2kyB0FksecndgQ9gp/E2q98D64+2pAHa2YTlsc3tmLxUh+vyOMq+qaa9i655m5xjmsvjC7svaS1XhqqRXjSBCwYEn9w/WbavLW7REkFAZLnPrmtYMEopyP/KVEQThKonsS2YZjN7oCF31uDnTCfJ7GadfF0GQ2BV0DhI4uTFnAyYRjGUyvSui1YljhRHCxFpFHLHb2GBnmVK+WsYH0Zj6HGSPTSlfRJSU/hWeP4wYwVKUA/wx/P6c9hTM+WcPtoW/ZRw/zozDqawRFybGRnvKtHPCGLZWyCpvC9yPWalIJVcESU6HMh2e/u6Qr9kHZz5XWFSqPvD4jwM/BT//qJHKJLxL6tMs19fgO81t/WXGiXhh5p43EdJu6d9gV55R+sf1kxsROeLh/Cfp5OIcskboI3ENnqYXQV4q3d6s9zX9XOJ3TNvTqRDlO7JslsLECona9/3+bYm14igYsRJmdaZ/ox15qtDNQk5Fa8AHIu5MK5PS40YMZnxAncTAgk7IvEydRSOT4iUGznOhiGFkOUFE7fTaD2CCX0ODbd8RoOS5OvfecHwwqgvZ6R+dBowghNt+Y50sY3a9xp0g2vNvEZ6ne8b29nTPkyCHzIg05G3cX95Wtozo2u/712ed7z+7HB+MLTw60R+G9bzLWMEmh1NzxXr7HsPS+FyKrmO7ImrDgvbyFU5FOx5TuR8fpizdeuviIzYhLwjZCYuQAzV49m5ihD2M8HTAlZzEWE45/1cCS+ltiXyqDMd5mOg/1vToyVis723sGQ+mgsfbOPm0qvWFI736eVzcbIUzShlFSnnYwifI/AAiREO9r3EDUegcYdoSmFXK6CnRDx56HGZ1ZFYyctmJ8sTkmBIhxg65mw44CXPDb3RkqwtePn6qVYh63YMnKzpjohPxTFIihKDdvsbTOCo/bkWoGQb7+XhRP/qm8WesBkZmcnJVB0fbKWWnJEKAcCaoluBMU1hEfA2K6zYsfNwmDa8HFhFfukKrlERcvXH+0kD1aaeI3tJFfMDMlFsbrtbeHihnaGug05WtPR0R5/jJucAk1hHyUUSK60QYG/I1fcZ1S9FoRSEIgcnPwO4+mP9hpGfljoOgRemOqkIGGKd/EulwehTG9kl9rokjZKVM8UFmochj5nVEhVsYc/2ozlOXMKfgx4MRNP/l6k9AE8/i1kD8en/yLO/lEGkmCnHt5PTy04O9hksMMMgMJuytRLAHWSibP0uOL3FdPP/eORz+XgbqsZCn+ag50notrgV3wUHdb71H7pCw2m+EvM0b5QhJLeLSpUsTFcLL67zNf5PgwaYul3NlJKYGYF0WPwYNdkTz/rDwN1yeok39W5NaRH+QnfnysP8RRIvP2SkzE1lw4N3wVz55PyL7ptw1JMjONORp+i1mJGinTKuy4r6OskVGEkT/604ElOEzPb5FWKO1Vl/ALhz83Q9C3r0NZvKu+9KQSogY5ax2cgf8xZdlXa5SLIcIfstxhkp6qh4yIuRL45PjQ/AZv8RuUijr7ExhgceYwqqxVb6eSu6QEyGUE3+6pKn6epAx4FImlfJp28TfXRUW3YGPwz3psNfdR5gpVOtu/AcuasuYk34KM7hVRqZm2Izq8HdXem/E0l/jDAuLML5c9WuB4pjG7+E6/g+EIOXkdiNGlq+QRg8jnG+FHxAfjL6Kw95/J5jRJ3EBvFrik6XDkgijsrhkLYz2RIuZopVoOv4xhhIVZ573HQp7v2j0uFP9/5hEfE9Vde0pkBG/j4SFHcU1/1SjTGP5f4IIo9JWygvaS+/WdLIOhLjxiWCqHUcEK+MOSwxIoOKjUmW49IFhqWBeqTwDeQbyDOQZyDOQZ+D/goH/ANJofi6z+vpCAAAAAElFTkSuQmCC);
}
.qrcode-card__title.alipay {
  background-image: url(data:image/png;base64,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);
}
.qrcode-card__mask {
  width: 185px;
  height: 185px;
  position: absolute;
  left: 4px;
  top: 8px;
  background-color: rgba(255, 255, 255, 0.95);
}
.qrcode-card__mask h3 {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: #231916;
  font-weight: 600;
  margin: 62px 0 13px 0;
}
.qrcode-card__mask p {
  text-align: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  font-weight: normal;
  line-height: 20px;
}
.header-inner__followbox:hover .followbox-normal {
  visibility: visible;
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
}
.header-inner__followbox:hover .followbox-no-login {
  visibility: visible;
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
}
.header-inner__followbox:hover .followbox-no-follow {
  visibility: visible;
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
}
.header-inner__followbox:hover .follow-heart-title {
  color: rgba(0, 0, 0, 0.7);
  background-position: 0 -20px;
}
.follow-heart-title {
  background-image: url(data:image/png;base64,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);
  background-size: 20px 40px;
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 25px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
}
.follow-heart-title,
.followbox-heart-icon {
  cursor: pointer;
}
.followbox-no-follow,
.followbox-no-login,
.followbox-normal {
  position: absolute;
  visibility: hidden;
  top: 45px;
  right: -50px;
}
.followbox-gap {
  position: absolute;
  left: 0;
  top: -30px;
  width: 100%;
  height: 30px;
  background: #fff;
  opacity: 0;
}
.followbox-triangle {
  position: absolute;
  height: 0;
  width: 0;
  border-bottom: 12px solid #fff;
  border-top: 12px solid transparent;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  right: 76px;
  top: -24px;
  z-index: 10;
}
.followbox-heart-icon {
  width: 16px;
  height: 16px;
  margin-top: -2px;
  margin-right: 3px;
}
.followbox-no-login {
  width: 330px;
  height: 136px;
  border-radius: 7.1px;
  -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  will-change: transfrom;
  -webkit-transform-origin: 75% 5%;
      -ms-transform-origin: 75% 5%;
          transform-origin: 75% 5%;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: scale(0.5) translateZ(0);
          transform: scale(0.5) translateZ(0);
}
.followbox-no-login__title {
  font-family: PingFangSC;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  margin-top: 37px;
  color: rgba(0, 0, 0, 0.7);
}
.followbox-no-login__container {
  text-align: center;
  margin-top: 26px;
  height: 28px;
}
.followbox-no-login__login-btn {
  padding: 6px 16px;
  text-align: center;
  width: 56px;
  height: 28px;
  margin-top: 26px;
  border-radius: 5.6px;
  background-image: -webkit-gradient(linear, right top, left top, from(#ff358d), to(#f44336));
  background-image: -webkit-linear-gradient(right, #ff358d, #f44336);
  background-image: -o-linear-gradient(right, #ff358d, #f44336);
  background-image: linear-gradient(to left, #ff358d, #f44336);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  -webkit-box-shadow: 0px 8px 20px rgba(244, 67, 54, 0.2);
          box-shadow: 0px 8px 20px rgba(244, 67, 54, 0.2);
}
.followbox-no-login__login-btn:hover {
  color: #fff;
}
.followbox-no-follow {
  width: 330px;
  height: 196px;
  border-radius: 7.1px;
  -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  will-change: transfrom;
  -webkit-transform-origin: 75% 5%;
      -ms-transform-origin: 75% 5%;
          transform-origin: 75% 5%;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: scale(0.5) translateZ(0);
          transform: scale(0.5) translateZ(0);
}
.followbox-no-follow__img {
  display: block;
  width: 190px;
  height: 140px;
  margin: 0 auto;
}
.followbox-no-follow__title {
  font-size: 14px;
  text-align: center;
  margin-top: -15px;
  color: rgba(0, 0, 0, 0.54);
}
.followbox-no-follow__title span {
  color: #fa1f41;
  cursor: pointer;
}
.followbox-normal {
  width: 350px;
  border-radius: 10px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  will-change: transfrom;
  -webkit-transform-origin: 75% 5%;
      -ms-transform-origin: 75% 5%;
          transform-origin: 75% 5%;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: scale(0.5) translateZ(0);
          transform: scale(0.5) translateZ(0);
}
.followbox-normal__header {
  font-size: 14px;
  font-weight: 500;
  padding: 26px 35px 0 28px;
  color: rgba(0, 0, 0, 0.7);
}
.followbox-normal__header span {
  color: #fa1f41;
  font-weight: 500;
}
.followbox-normal__list {
  padding: 15px 28px 0 23px;
}
.followbox-normal__list li {
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  padding: 5px;
  cursor: pointer;
}
.followbox-normal__list li div {
  float: left;
}
.followbox-normal__list li div:first-child {
  position: relative;
  margin-right: 16px;
}
.followbox-normal__list li.living .follow-info span {
  display: inline;
  background-size: 13px;
}
.followbox-normal__list li.living .follow-info p:last-child {
  color: #ff3663;
}
.followbox-normal__list li.living .follow-enter {
  display: block;
}
.followbox-normal__list li.living .follow-living {
  display: inline;
}
.followbox-normal__list li.living .follow-circle {
  display: block;
  -webkit-animation: circle-ani 0.7s ease-out infinite alternate;
          animation: circle-ani 0.7s ease-out infinite alternate;
}
.followbox-normal .follow-avatar-container {
  display: block;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  overflow: hidden;
  position: relative;
}
.followbox-normal .follow-avatar-container img {
  width: 50px;
  height: 50px;
}
.followbox-normal .follow-info p:first-child {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}
.followbox-normal .follow-info p:last-child {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
}
.followbox-normal .follow-info span {
  display: none;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAkBJREFUSA3lVT1oFEEUfm93L6In0ajpFC+/2PiHlSABPX/wp1E4hVQnVhoQsbEKHlYBwUJFECWKhb1YJSoRwVZRUDAgnoXYBAU1eNzO7vONMLB5M/uXxsJtZr433/e+eTM7MwD/7UdDBzd1a/vm1ea9R5azCF5RUajCy0A0QoCP2fBsUZ3hoelktTRYH1URvScgX/MQMEb0TgTtp4+ydMmxQhWFcXzFmGgx9z2C6A5tqa9PJsvq5xpR7cAOJDgpkxBBv/pNF2Q8DWcaUavlKVI3SK+W86OmM+wIZhqF91+cZ5M9Dt3fEI9tpNH9g0SEtPVoXxpPx1NmyvswdGhYqfAN78eqrAQe4jhvWidGulap9uzCdzPfXHxnRXqGKgqn80x0Qq5qe4wwyZ2aWuw+1FqXkTPYHahPQBzfdAnyYjzzM8HnuWnJs4xo+HC/Up15/qvWSnIRzAkXgjWVGr6dXUzyraVTUae5XBOdmJdyQ/RTjSdNdN8yAsLjklQWU0ynpMZhRCOSVB7jTqmxjRBWS1JpjBBKjWXEf+cXSSqPqS01lhFv53NJKov5dn8lNZYRBsE9SSqDkZfNXxFclRrLqPLxyUtA74EkFsd4Cz/MfpJ8y0gTKr3+OUSck+Q8zNVcD5pjF10862YwJNrdWKm+LkzxuZpIPnpmfEmL0OYjOdXTfnZ7STwBUo0Mhwbq20KiS0w8xhdmr4kz/g5cNT+Kd/3TYzPYasVmzNXmGhkRNRo+vP61DhRVoUo/0p4Dw/9n7R8VM73RCZVieQAAAABJRU5ErkJggg==);
  background-position: left 0px top 2px;
  background-repeat: no-repeat;
  padding-left: 16px;
  margin-left: 10px;
}
.followbox-normal .follow-living {
  display: none;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, right top, left top, from(#ff358d), to(#f44336));
  background-image: -webkit-linear-gradient(right, #ff358d, #f44336);
  background-image: -o-linear-gradient(right, #ff358d, #f44336);
  background-image: linear-gradient(to left, #ff358d, #f44336);
  position: absolute;
  left: 50%;
  width: 48px;
  height: 22px;
  font-size: 12px;
  bottom: -8px;
  line-height: 18px;
  -webkit-transform: translateX(-50%) scale(0.75);
      -ms-transform: translateX(-50%) scale(0.75);
          transform: translateX(-50%) scale(0.75);
  border: 2px solid #fff;
}
.followbox-normal .follow-circle {
  display: none;
  position: absolute;
  left: -3px;
  top: -3px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: solid 2px #fa1f41;
}
.followbox-normal .follow-enter {
  float: right !important;
  font-size: 12px;
  color: #fa1f41;
  line-height: 50px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAANFJREFUSA3tlLsKAjEQRddHIQgWCpb+gYW4//8Hgj9ho7aCha9zC8GVxNxMY6EDt8hkck+SyW7T/EL0OKQUioGxqqVmgY7oYtR3SvqdUXpwJT1GazRKl+Szzgm08ykSZI4OyD6JA7hhuEchiAPAuwlDXEAYUgMIQWoBKciM5E4TqXCeaWqdnYsAhriv0ASd0RbdUTJqfwHv5htcBclGDaDaXFQXEDJ3AWFzAZwmL6l7NrR45zJ9De2uFPpWTkiv5WNDS0a5efXJ7VXO45//4g08AH73LnSyfQAJAAAAAElFTkSuQmCC);
  background-position: right 0px top 50%;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  padding-right: 15px;
  min-width: 20px;
  min-height: 50px;
  margin-right: -8px;
}
.followbox-normal .follow-enter.red {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAOlJREFUSA1jYBj24P///4wgTK5HCWr8Le909D8DgwArM5Mn4709j0i1iImgBkaGLwwM/7V+//174L+SixxB9WgKCFrAwsQUxsjIcBKoT5EcSwgGEchBQJfz//n3d+f//wzmQO59VmZmB2KDiygLKLGEaAvItYQkC8ixhGAkgwxFBsCw/8jCxOyOiPh/2/HlE5ItQLaMGDbJFmCmKGAGZGQE5kXsgKQ4wDSccHIl2gJyDAf5iSgLyDWcKAsoMRxkAcFI/vPv3ypyigiQ4SBA0AKG/ww8wJC8Rkr5AzGaSJLSCodIa0aV0TAEAIrLmhDgx/PkAAAAAElFTkSuQmCC);
}
.followbox-normal .follow-footer {
  height: 48px;
  border-top: solid rgba(0, 0, 0, 0.08) 0.5px;
  text-align: center;
  font-size: 16px;
  line-height: 55px;
  color: rgba(0, 0, 0, 0.7);
}
.followbox-normal .follow-footer a {
  cursor: pointer;
}
@-webkit-keyframes circle-ani {
  0% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
@keyframes circle-ani {
  0% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
.footer {
  width: 100%;
  height: 120px;
  background-color: #1f1d28;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  line-height: 27px;
  margin-top: 114px;
  padding-top: 33px;
}
.footer a:hover {
  color: #fff;
}
.global-error {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center;
}
.err-modal {
  border-radius: 10px;
  -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  padding-top: 52px;
}
.err-modal__close {
  position: absolute;
  right: 12px;
  top: 14px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURUdwTK+9zq29zb+/1K69z629za29zf///62+zq3F0K29za69za2+zbDCzq29zbDE1669za29zbmO24EAAAARdFJOUwBK/QxV1fsBnRbxlaUqYQ3NcuAQNQAAANRJREFUWMPt1kkOwyAMBVAgbRkylftftiRFUQaMjB0pG/9tpCcB9leUkkgkEskDsVpb+Os8jVhIx+hAyb9j6PAQKCUHD1kHSovzeeEvCZIaHVBqdgCJ4BQlklOQiM5FIjsnieEcJJazk5jOJrGdLA18J0s3OEkakmP4znrPtX5qccwN0v+9HFvK72650jY/TGk3hyzpMM8M6bQXZOmyX0SpsKckqbjvBAnojWYJ7J9GaYb7Z5V6LDRV+meRjEdCYwhw/9jefNFn66r/Ld4qiUQikTyRH0YwEHsT+g5tAAAAAElFTkSuQmCC);
  cursor: pointer;
}
.err-modal__title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 52px;
  line-height: 52px;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 23px;
  font-weight: 600;
}
.Reload__content {
  width: 100%;
  height: 136px;
  text-align: center;
  padding-top: 26px;
}
.Reload__text {
  display: inline-block;
  height: 46px;
  line-height: 46px;
  font-size: 21px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.7);
  padding-left: 60px;
  background-image: url(data:image/png;base64,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);
  background-size: 46px 46px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.Reload__btn {
  width: 116px;
  height: 42px;
  -webkit-box-shadow: 0px 8px 20px rgba(244, 67, 54, 0.2);
          box-shadow: 0px 8px 20px rgba(244, 67, 54, 0.2);
}
.Reload__btn:hover {
  opacity: 0.85;
}
.alert-modal__container {
  position: relative;
}
.alert-modal__content {
  font-size: 20px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.7);
  line-height: 30px;
  text-align: center;
  width: 80%;
}
.alert-modal__btns {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 40px;
  text-align: center;
}
.alert-modal__btns .btn {
  cursor: pointer;
  display: inline-block;
  width: 116px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  padding: 0 16px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: white;
  font-weight: 600;
}
.alert-modal__btns .btn.active {
  background-image: -webkit-gradient(linear, right top, left top, from(#ff358d), to(#f44336));
  background-image: -webkit-linear-gradient(right, #ff358d, #f44336);
  background-image: -o-linear-gradient(right, #ff358d, #f44336);
  background-image: linear-gradient(to left, #ff358d, #f44336);
  color: #fff;
}
.alert-modal__btns .btn.active:hover {
  opacity: 0.8;
  color: #fff;
}
.alert-modal__btns .btn:hover {
  color: rgba(0, 0, 0, 0.56);
}
.xigua-live-player-wrapper {
  background: black;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}
.xgplayer-is-firstpage .xgplayer-bullet-btn {
  display: none;
}
.xigua-live-player-danmu-control .xgplayer-bullet-btn {
  display: none !important;
}
.banner {
  height: 100%;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.banner__background {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
}
.banner__link {
  cursor: pointer;
}
.banner__inner {
  width: 1200px;
  height: 559px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 80px;
  background-color: rgba(0, 0, 0, 0.2);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.banner__video,
.banner .xigua-live-player-wrapper {
  background-image: url(https://s3.pstatp.com/toutiao/xigua_live_web_pc/static/media/play-placeholder.47ace592.png);
  background-repeat: no-repeat;
  background-position: center;
}
.banner__video {
  width: 994px;
  height: 100%;
  background-color: black;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.banner__video.hide-logo {
  background-image: none;
}
.banner__video__error {
  color: #fff;
  font-size: 16px;
}
.banner__list {
  width: 184px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 10px;
}
.banner__list__item,
.banner__list__stone {
  width: 182px;
  height: 102px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.38);
  border-radius: 4px;
  margin-top: 8px;
  overflow: hidden;
}
.banner__list__item {
  cursor: pointer;
  position: relative;
}
.banner__list__item__mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.38);
}
.banner__list__item__title {
  width: 100%;
  height: 22px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.54)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.54));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.54));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.54));
  color: #fff;
  line-height: 22px;
  font-size: 12px;
  padding: 0 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: 600;
}
.banner__list__item:hover,
.banner__list__item.active {
  -webkit-box-shadow: 0 0 0 2px #fa1f41, 0 2px 12px 0 #fa1f41;
          box-shadow: 0 0 0 2px #fa1f41, 0 2px 12px 0 #fa1f41;
}
.banner__list__item:hover .mask,
.banner__list__item.active .mask {
  display: none;
}
.feed-card__click-area:hover .feed-card__title {
  font-weight: blod;
}
.feed-card__click-area:hover .feed-card__cover .mask {
  visibility: visible;
}
.feed-card__click-area:hover .feed-card__cover__play {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.feed-card.category {
  width: 20%;
  margin-right: 0;
  padding-right: 15px;
}
.feed-card.category .feed-card__cover {
  height: 0;
  padding-bottom: 56.25%;
}
.feed-card.category .mask {
  height: 0;
  padding-bottom: 56.25%;
}
.feed-card {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 26px;
  width: 288px;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -webkit-transform-origin: 50% 70%;
      -ms-transform-origin: 50% 70%;
          transform-origin: 50% 70%;
  cursor: pointer;
}
.feed-card:hover {
  -webkit-transform: scale(1.07);
      -ms-transform: scale(1.07);
          transform: scale(1.07);
}
.feed-card:hover .feed-card__click-area {
  -webkit-box-shadow: 0 14px 30px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 14px 30px 0 rgba(0, 0, 0, 0.08);
}
.feed-card__click-area {
  position: relative;
  background-color: #fff;
  border-radius: 4px;
}
.feed-card:nth-of-type(4n) {
  margin-right: 0;
}
.feed-card__cover {
  display: block;
  position: relative;
  width: 100%;
  height: 164px;
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
  background-color: #ddd;
}
.feed-card__cover__play {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/png;base64,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);
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0;
  -webkit-transform: scale(1.4);
      -ms-transform: scale(1.4);
          transform: scale(1.4);
  -webkit-transition: all ease-out 0.25s;
  -o-transition: all ease-out 0.25s;
  transition: all ease-out 0.25s;
}
.feed-card__cover .mask {
  visibility: hidden;
}
.feed-card__cover__opacity-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
.feed-card__cover__opacity-img {
  width: 1px;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: -999px;
  top: -999px;
}
.feed-card__no-living-cover {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.feed-card__no-living-cover span {
  position: absolute;
  top: -4px;
  right: -18px;
  height: 36px;
  padding-left: 8px;
  padding-right: 28px;
  line-height: 36px;
  border-radius: 4px;
  background-color: #9b9b9b;
  font-size: 18px;
  color: #ffffff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAURJREFUOBGtlE1OAkEQhRmjxgV6BNnIngvMau7FQdh7AROXJhzBJQt1YcLOuAASE2Icvw+qwzSZwaBW8uj6efVS3U1Pr9didV1XYAJmYBnQN1e1tOQpSEMwBT+ZnGHeHRGFEryHwoJ1DEagH9A3Z02TW2ZiJJwkiTzgDzJCI7AG5Gj27CYjSNuRUDT6Wl05IIlNNyQSHqzmyNkkxPeiTU0uSNusegTehDbebyD3tal0TGlP1CcKea3aqEVovS3VZ/s1Y3uiPnOvS3J9cFkUxUpCMmof+BfgGpyDK/AMb8GqkH32r05NHLDPqL02OE/4u5uKwgnrPPybWJvLHcEavIEX8AhuQbLUMz942IndtbK17LA7r79LwDwiA7C7/khOSWq//0OG0P88kRArmSi9N0d2/8c9WoU0Gv/+GdlKbX8RPPrD9g3eEiyAgzsn9gAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: right 5px top 8px;
  background-size: 18px 18px;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}
.feed-card__live-tag {
  position: absolute;
  top: -4px;
  right: -18px;
  height: 36px;
  line-height: 36px;
  background-image: -webkit-gradient(linear, right top, left top, from(#ff358d), to(#f44336));
  background-image: -webkit-linear-gradient(right, #ff358d, #f44336);
  background-image: -o-linear-gradient(right, #ff358d, #f44336);
  background-image: linear-gradient(to left, #ff358d, #f44336);
  z-index: 10;
  color: #fff;
  font-size: 18px;
  padding: 0 8px;
  border-radius: 4px;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}
.feed-card__live-tag .icon {
  display: inline-block;
  width: 24px;
  height: 28px;
}
.feed-card__live-tag .icon .line {
  width: 4px;
  margin-left: 4px;
  height: 16px;
  border-radius: 4px;
  background-color: #fff;
  display: inline-block;
}
.feed-card__live-tag .icon .line_1 {
  -webkit-animation: live-line-ani 0.75s ease-in-out 0.25s infinite;
          animation: live-line-ani 0.75s ease-in-out 0.25s infinite;
}
.feed-card__live-tag .icon .line_2 {
  -webkit-animation: live-line-ani 0.75s ease-in-out 0.5s infinite;
          animation: live-line-ani 0.75s ease-in-out 0.5s infinite;
}
.feed-card__live-tag .icon .line_3 {
  -webkit-animation: live-line-ani 0.75s ease-in-out infinite;
          animation: live-line-ani 0.75s ease-in-out infinite;
}
.feed-card__activity-tag {
  padding: 0 4px;
  font-size: 12px;
  line-height: 24px;
  background-color: rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  position: absolute;
  left: 8px;
  bottom: 8px;
}
.feed-card__title {
  display: block;
  width: 95%;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 40px;
  padding-left: 12px;
}
.feed-card__title:hover {
  color: rgba(0, 0, 0, 0.7);
}
.feed-card__user {
  white-space: nowrap;
  padding: 0 0 12px 12px;
}
.feed-card__user span {
  vertical-align: middle;
}
.feed-card__user__avatar {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
  margin-right: 6px;
}
.feed-card__user__name,
.feed-card__user__count {
  font-size: 12px;
  line-height: 12px;
  color: rgba(0, 0, 0, 0.54);
}
.feed-card__user__name {
  display: inline-block;
  margin-right: 16px;
  max-width: 40%;
}
.feed-card__user__fire {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 4px;
  top: -1px;
}
@-webkit-keyframes live-line-ani {
  0% {
    -webkit-transform: scaleY(0.33);
            transform: scaleY(0.33);
  }
  50% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    -webkit-transform: scaleY(0.33);
            transform: scaleY(0.33);
  }
}
@keyframes live-line-ani {
  0% {
    -webkit-transform: scaleY(0.33);
            transform: scaleY(0.33);
  }
  50% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    -webkit-transform: scaleY(0.33);
            transform: scaleY(0.33);
  }
}
.notice-message-noliving {
  background-image: url(https://s3.pstatp.com/toutiao/xigua_live_web_pc/static/media/info.cadc865b.png);
  background-repeat: no-repeat;
  background-size: 18px 18px;
  padding-left: 24px;
  line-height: 18px;
}
.card-avatar-cover {
  background-size: 100% 200%;
  background-position-y: 45%;
}
.rc-notification {
  position: fixed;
  z-index: 1000;
}
.rc-notification-notice {
  padding: 7px 20px 7px 10px;
  border-radius: 3px 3px;
  border: 1px solid #999;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border: 0px solid rgba(0, 0, 0, 0);
  background: #fff;
  display: block;
  width: auto;
  line-height: 1.5;
  vertical-align: middle;
  position: relative;
  margin: 10px 0;
}
.rc-notification-notice-closable {
  padding-right: 20px;
}
.rc-notification-notice-close {
  position: absolute;
  right: 5px;
  top: 3px;
  color: #000;
  cursor: pointer;
  outline: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
  text-decoration: none;
}
.rc-notification-notice-close-x:after {
  content: '\D7';
}
.rc-notification-notice-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none;
}
.rc-notification-fade-enter {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-notification-fade-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-notification-fade-enter.rc-notification-fade-enter-active {
  -webkit-animation-name: rcNotificationFadeIn;
          animation-name: rcNotificationFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-notification-fade-leave.rc-notification-fade-leave-active {
  -webkit-animation-name: rcDialogFadeOut;
          animation-name: rcDialogFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes rcNotificationFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rcNotificationFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.feed-card.stone {
  padding-bottom: 12px;
  background-clip: content-box;
  background-color: #fff;
}
.feed-card.stone .feed-card:nth-of-type(4n) {
  margin-right: 0;
}
.feed-card.stone .feed-card__cover {
  background-color: #ddd;
}
.feed-card.stone .feed-card__title {
  width: 85%;
  display: inline-block;
  background-color: #ddd;
  height: 16px;
  margin: 10px 0 5px 12px;
  border-radius: 5px;
}
.feed-card.stone .feed-card__user__avatar {
  background-color: #ddd;
}
.feed-card.stone .feed-card__user__name,
.feed-card.stone .feed-card__user__count {
  display: inline-block;
  height: 12px;
  background-color: #ddd;
}
.feed-card.stone .feed-card__user__name {
  width: 60px;
  margin-right: 16px;
  border-radius: 5px;
}
.feed-card.stone .feed-card__user__fire {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 4px;
  top: -1px;
}
.feed-card.stone.category {
  width: 20%;
  margin-right: 0;
  padding-right: 15px;
}
.feed-card.stone.category .feed-card__cover {
  height: 0;
  padding-bottom: 56.25%;
}
.feed {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  padding-top: 26px;
}
.feed-item {
  width: 100%;
  margin-top: 8px;
}
.feed-item__title {
  display: inline-block;
  font-size: 23px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
  line-height: 32px;
  margin-bottom: 16px;
  cursor: pointer;
}
.feed-item__subTitle {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.38);
  margin-left: 20px;
  vertical-align: text-bottom;
  cursor: pointer;
  border-color: rgba(0, 0, 0, 0.38);
}
.feed-item__subTitle:hover {
  color: #ff4562;
  border-color: #ff4562;
}
.feed-item.stone .feed-item__title {
  display: block;
  height: 32px;
  width: 92px;
  background-color: #ddd;
  border-radius: 5px;
}
.h-notice {
  width: 1200px;
  margin-bottom: 26px;
  padding-top: 24px;
}
.n-news {
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
}
.n-news.l-3 {
  width: 290px;
  height: 180px;
}
.n-news.l-5 {
  width: 344px;
  height: 250px;
}
.n-news.l-7 {
  width: 274px;
  height: 210px;
}
.n-news__title {
  font-size: 23px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
  line-height: 32px;
  margin-bottom: 16px;
}
.n-news__list {
  background-color: #fff;
  width: 99%;
  height: 100%;
  border-radius: 4px;
  padding-top: 18px;
  overflow: auto;
}
.n-news__list::-webkit-scrollbar {
  width: 8px;
}
.n-news__list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.08);
}
.n-news__item {
  line-height: 23px;
  margin-bottom: 14px;
  padding-left: 14px;
  cursor: pointer;
}
.n-news__item:hover .n-news__item__title {
  color: #FA1F41 !important;
}
.n-news__item:hover .n-news__item__title span {
  color: #FA1F41 !important;
}
.n-news__item__title,
.n-news__item__time {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.n-news__item__title {
  width: 80%;
  color: rgba(0, 0, 0, 0.7);
}
.n-news__item__title p,
.n-news__item__title span {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.n-news__item__time {
  width: 20%;
  color: rgba(0, 0, 0, 0.26);
}
.n-anno {
  font-size: 0;
  display: inline-block;
}
.n-anno .n-anno__left,
.n-anno .n-anno__right {
  display: inline-block;
  vertical-align: bottom;
}
.n-anno .n-anno__left .n-anno__item {
  width: 100%;
  height: 100%;
}
.n-anno.l-3 {
  width: 910px;
  height: 180px;
}
.n-anno.l-3 .n-anno__left {
  width: 288px;
  height: 180px;
}
.n-anno.l-3 .n-anno__right {
  width: 622px;
  height: 180px;
}
.n-anno.l-3 .n-anno__right .n-anno__item {
  width: 288px;
  height: 180px;
  margin: 0 0 14px 14px;
}
.n-anno.l-5 {
  width: 856px;
  height: 250px;
}
.n-anno.l-5 .n-anno__left {
  width: 400px;
  height: 250px;
}
.n-anno.l-5 .n-anno__right {
  width: 456px;
  height: 250px;
}
.n-anno.l-5 .n-anno__right .n-anno__item {
  width: 204px;
  height: 118px;
  margin: 0 0 14px 14px;
}
.n-anno.l-7 {
  width: 926px;
  height: 210px;
}
.n-anno.l-7 .n-anno__left {
  width: 350px;
  height: 210px;
}
.n-anno.l-7 .n-anno__right {
  width: 576px;
  height: 210px;
}
.n-anno.l-7 .n-anno__right .n-anno__item {
  width: 178px;
  height: 100px;
  margin: 0 0 10px 10px;
}
.n-anno__title {
  font-size: 23px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
  line-height: 32px;
  margin-bottom: 16px;
}
.n-anno__item {
  position: relative;
  background-color: #ddd;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.n-anno__item:hover:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 4px;
}
.youqing-links-wrap {
  background-color: #f2f2f2;
}
.youqing-links-wrap .youqing-links {
  width: 1200px;
  margin: 0 auto -86px;
  padding-top: 37px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.youqing-links-wrap .youqing-links .links-label {
  font-size: 23px;
  margin-bottom: 20px;
}
.youqing-links-wrap .youqing-links .links-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.youqing-links-wrap .youqing-links .links-content .links-item {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.7);
  width: 105px;
  margin-right: 16.66px;
  margin-bottom: 12px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.youqing-links-wrap .youqing-links .links-content .links-item-last {
  margin-right: 0px;
}
.youqing-links-wrap .youqing-links .links-content .links-item .links-item-a:hover {
  color: #ff4562;
}
.float-btn {
  position: fixed;
  bottom: 5%;
  width: 54px;
  height: 54px;
  padding-top: 30px;
  text-align: center;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  cursor: pointer;
  background-size: 200% 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.float-btn:hover {
  background-position: 100% 0;
}
.home {
  width: 100%;
  height: 100%;
  overflow: auto;
  min-width: 1200px;
}
.home__top {
  width: 100%;
  height: 667px;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.home__top__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.home__context {
  background-color: #f2f2f2;
}
@-webkit-keyframes bg-ani {
  0% {
    opacity: 0;
  }
  40%,
  60% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bg-ani {
  0% {
    opacity: 0;
  }
  40%,
  60% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
.sidebar {
  position: absolute;
  left: 0;
  top: 0;
  width: 228px;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#343a60), to(#2a2d46));
  background-image: -webkit-linear-gradient(top, #343a60, #2a2d46);
  background-image: -o-linear-gradient(top, #343a60, #2a2d46);
  background-image: linear-gradient(to bottom, #343a60, #2a2d46);
  color: rgba(255, 255, 255, 0.7);
  padding-top: 60px;
  padding-left: 138px;
  -webkit-transform: translateX(-138px);
      -ms-transform: translateX(-138px);
          transform: translateX(-138px);
  z-index: 10;
}
.sidebar:hover .e-list::-webkit-scrollbar-thumb,
.sidebar:hover .s-list::-webkit-scrollbar-thumb {
  background-color: #53587f;
}
.sidebar.s-use-anima {
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.sidebar.expand {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  padding-left: 0;
}
.sidebar.expand .s-toggle__triangle {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
.sidebar .s-toggle {
  width: 15px;
  height: 98px;
  background-color: transparent;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAACsCAYAAABox8zhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFIGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDItMDFUMTU6Mzk6NTUrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAyLTE5VDE2OjMxOjMyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTAyLTE5VDE2OjMxOjMyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmRlZThmZTc2LTc3ZGMtNDU2Zi05MTIxLTI1MjFlNzZiODlmNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpkZWU4ZmU3Ni03N2RjLTQ1NmYtOTEyMS0yNTIxZTc2Yjg5ZjUiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZWU4ZmU3Ni03N2RjLTQ1NmYtOTEyMS0yNTIxZTc2Yjg5ZjUiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmRlZThmZTc2LTc3ZGMtNDU2Zi05MTIxLTI1MjFlNzZiODlmNSIgc3RFdnQ6d2hlbj0iMjAxOS0wMi0wMVQxNTozOTo1NSswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8BndfgAAA7RJREFUeJzt20+IG3UUwPHv+2U0tCzCYikFPXjxIFVMtrtZ3CoolVIFxT1ktgVdjxbRVrEVlR5WBA+24J+CVOjJirij0ItFFIsedGVj2kSrF08eKkihBmQpjU1+z0NbcXeT6SY7806/d8pkfvDhze/l/X7DZBivxFswDOdVS6agCmVbUCmZglhniHLntgf2bLIDAf9PZ7spqMr9piDKDlsQyuNTM3dYgnQ6WjUFQWNbUBnfNjlzrx0IePUvmoKq7M67CbgVx0Xf7j5nCaKqL+WZ5SoQGOle7h6yBAHdm1cj6ANS7F7xxy1BFHaUKvHTZuA19u2sN1npoDLaUT7bOb33Jhvwqrr9wvm/DhuCALq/XImfNARBVY+PVWYeNgOBold/sjQZ32cFAoygempsMh63AkEZ9V6/GfbyDg5ejRGv/vNhCmlYEKCoqifKlerzViAAqrxXnozfMAMB1Ouh0kT8jhl4jd1fqsQHDUFA9a1yJU7dbmYLAqr6Ydp2M3MQKHa9P9FvhckDBLjnwh8X37QEQTnQqwXmBwLe66p1NFcQeHBsorrLEsTDsrnMHQTK/19DLUBE9RlTUJXdU1Mzo2YgULzU0cctQUTZBSCliaraiLSeeHTrJjsQcE4mzC4pgFe2moKgd5uCgthmqKq322Yo3GKbIcYgykbjKqVoDdr10gAGMIABDGAAAxjAAAYwgAEMYAADGMAABjCAAQxgAAMYwAAae21bULhk/EiWv40fyRqDInLe+JGs/mpcpfKLKVgQadqBQuuxR+46Z/j3Fvlybm7OW2Z4CuxaW3tDJHagCJ8sLMy3zEAV+eD65/xBod5cTH4wAx3u1eXHOYbA6bO1+a/tQCevrPwuP1A4cnYxqVuB5zbfdutrvU7kAbYLzj311cljV0xAEZk9szj/U7/z2YIiLzdqSZI2JENQ3m3Wkhu+W5MJKCKvN39MXljL2Gj9GPsateToWsevB2yLyOyN5iwrcMmJm17ZtvIBhVZB3ENppZ8WgxbNkhPZOSw2KNh24qZ79cdcQBGZHWbOhgOFI4NW43rAb/t1/mEivUqFVoTs6df5h4nUDAXZV68lf2aFpYIi8kWjlnyUJZYGtguRPJs11h8UjtYX5n+3AYXWxsj1fKMnF1Dg8PX7AAtwaUPkjuWF9QI/zjO7VWDBuffzxJaDQn09y87gIJJJc14zGEXyqSXYyOuH3hsUTltg/4EifGcKupuj761ASpXqb2YY4ETljCmI6M+moCgNU9CJNC3BfwEZGiVhji32MQAAAABJRU5ErkJggg==);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  right: -14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  overflow: hidden;
}
.sidebar .s-toggle:hover .s-toggle__triangle {
  opacity: 1;
}
.sidebar .s-toggle__triangle {
  position: absolute;
  display: inline-block;
  width: 6px;
  height: 11px;
  background-size: 100% 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAWCAYAAAD0OH0aAAAAAXNSR0IArs4c6QAAAQxJREFUOBFjYKAm+P//PwsQWwGxNEFzgYoEgPgEEIPADyB2x6kJKMkLxDDFQCYYrAVpYELXBZTiAoptAWJzNLnraHwGBqBidiDeBTYPlTgA5HKiaAAKsALxJlR1YN5xIMmDrpgZKLgKi+JzQDEBFMUgDlBwOhbFV4BiItgUO2JRfBMoJoGhGGr6JDQN94F8GayKgYKgYEW3djcjI+MTXBpA7i9CswHEbcGngQuo4B4WTVX4NOkBNbzFoqkAnyYToIaPWDSl49NkDdTwBU3TPyA/Dp8mJ6CC72ia/gD5Lvg0eQEV/ETThD15g0wBxsM2IBUBxH9AfCi4CWPgpEHOAOK1QNwGxKjJG6cuNAkAG6+dsni2uCMAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: 0 0;
  left: 50%;
  top: 45%;
  margin: -6px 0 0 -4px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  opacity: 0.5;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.sidebar .s-error {
  text-align: center;
  margin-top: 50px;
}
.sidebar .s-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 48px auto;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.e-list,
.s-list {
  width: 226px;
  height: 100%;
  position: absolute;
  right: 2px;
  top: 60px;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}
.e-list.show,
.s-list.show {
  opacity: 1;
  pointer-events: auto;
}
.e-list::-webkit-scrollbar,
.s-list::-webkit-scrollbar {
  background: #2a2e4b;
  width: 4px;
  padding-right: 2px;
}
.e-list::-webkit-scrollbar-thumb,
.s-list::-webkit-scrollbar-thumb {
  background-color: rgba(83, 88, 127, 0.5);
}
.e-list {
  padding-top: 48px;
}
.e-list__item {
  margin-bottom: 15px;
}
.e-list__item:last-child {
  margin-bottom: 100px;
}
.e-list__item .s-icon {
  position: relative;
  top: 6px;
  margin-right: 8px;
}
.e-list__item__title {
  width: 100%;
  height: 45px;
  padding-left: 32px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 45px;
  cursor: pointer;
}
.e-list__item__title:hover,
.e-list__item__title.active {
  color: #fff;
}
.e-list__item__title:hover .s-icon,
.e-list__item__title.active .s-icon {
  background-position: 100% 0;
}
.e-list__item__title.active {
  background-color: rgba(104, 108, 138, 0.4);
}
.e-list__item__child {
  font-size: 14px;
}
.e-list__link {
  display: inline-block;
  padding-left: 32px;
  width: 50%;
  cursor: pointer;
  margin-top: 3px;
}
.e-list__link:nth-of-type(2n) {
  padding-left: 18px;
}
.e-list__link:hover {
  color: #fff;
}
.e-list__link.active {
  color: #ff4562;
}
.s-list {
  padding-top: 32px;
  width: 90px;
}
.s-list__item {
  width: 100%;
  height: 76px;
  text-align: center;
  font-size: 0;
  cursor: pointer;
  position: relative;
  margin-bottom: 4px;
}
.s-list__item:last-child {
  margin-bottom: 50px;
}
.s-list__item .s-icon {
  margin-top: 14px;
}
.s-list__item__text {
  font-size: 16px;
  margin-top: 2px;
}
.s-list__item:hover,
.s-list__item.active {
  color: #fff;
}
.s-list__item:hover .s-icon,
.s-list__item.active .s-icon {
  background-position: 100% 0;
}
.s-list__item.active {
  background-color: rgba(104, 108, 138, 0.4);
}
.Feed-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: rgba(0, 0, 0, 0.38);
  line-height: 80px;
  text-align: center;
}
.Feed-footer__gif {
  width: 14px;
  margin: -2px 5px 0 0;
}
.category .feed {
  width: 100%;
}
.category .feed-item {
  width: 100%;
  padding: 24px 9px 80px 24px;
  margin-top: 16px;
  border-radius: 2px;
  position: relative;
}
.category .feed-item__title {
  display: inline-block;
  font-size: 23px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
  line-height: 32px;
  margin-bottom: 24px;
  cursor: default;
}
.category .feed-item__arrow {
  position: relative;
  font-weight: normal;
  top: -2px;
}
.feed-item.stone .feed-item__title {
  display: block;
  height: 32px;
  width: 92px;
  background-color: #ddd;
  border-radius: 5px;
}
.Page.category {
  width: 100%;
  height: 100%;
  min-width: 1200px;
}
.Page.category .category__feed-container {
  padding-top: 60px;
  padding-right: 26px;
  padding-left: 118px;
  width: 100%;
  height: 100%;
  -webkit-transition: padding-left 0.2s ease-in-out;
  -o-transition: padding-left 0.2s ease-in-out;
  transition: padding-left 0.2s ease-in-out;
  overflow: auto;
}
.Page.category .category__feed-container.expand {
  padding-left: 252px;
}
.anchor-card {
  display: inline-block;
  width: 288px;
  height: 156px;
  border-radius: 4px;
  margin-right: 16px;
  margin-bottom: 25px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  background-color: #ffffff;
}
.anchor-card:last-child {
  margin-right: 0;
}
.anchor-card:hover {
  -webkit-transform: scale(1.07);
      -ms-transform: scale(1.07);
          transform: scale(1.07);
  -webkit-box-shadow: 0 14px 30px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 14px 30px 0 rgba(0, 0, 0, 0.08);
}
.anchor-card:hover .anchor-card__info .name {
  color: #ff4562;
}
.anchor-card__top {
  height: 100px;
  padding: 17px 0 0 20px;
}
.anchor-card__btm {
  height: 44px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin: 0 20px;
  line-height: 44px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}
.anchor-card__btm span {
  color: #000000;
  margin-right: 2px;
}
.anchor-card__btm i {
  color: #FA1F41;
}
.anchor-card__avatar {
  display: inline-block;
  position: relative;
  width: 68px;
  height: 68px;
  padding: 4px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-clip: content-box;
}
.anchor-card__avatar__tag {
  white-space: nowrap;
  border: 1px solid #fff;
  padding: 0 4px;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, right top, left top, from(#ff358d), to(#f44336));
  background-image: -webkit-linear-gradient(right, #ff358d, #f44336);
  background-image: -o-linear-gradient(right, #ff358d, #f44336);
  background-image: linear-gradient(to left, #ff358d, #f44336);
  font-size: 12px;
  color: #ffffff;
  line-height: 20px;
  -webkit-text-size-adjust: none;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -10px;
}
.anchor-card__circle {
  width: 100%;
  height: 100%;
  border: 2px solid #f44336;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.anchor-card__circle.living {
  -webkit-animation: circle-ani 0.7s ease-out infinite alternate;
          animation: circle-ani 0.7s ease-out infinite alternate;
}
.anchor-card__info {
  display: inline-block;
  height: 68px;
  vertical-align: top;
  width: 170px;
  font-size: 12px;
  white-space: normal;
  padding: 18px 0 0 8px;
}
.anchor-card__info span {
  display: inline-block;
  width: 50%;
  line-height: 17px;
}
.anchor-card__info .name {
  width: 100%;
  color: #000000;
  font-weight: 500;
}
.anchor-card__info .fans,
.anchor-card__info .room-id {
  color: rgba(0, 0, 0, 0.38);
}
.anchor-card__info .fans {
  width: 45%;
}
.anchor-card__info .room-id {
  width: 55%;
}
.anchor-card__info .room-id i {
  color: #FA1F41;
}
@-webkit-keyframes circle-ani {
  0% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
@keyframes circle-ani {
  0% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
.Page.anchor .anchor__contianer {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.Page.anchor .anchor__title {
  font-size: 16px;
  color: #231916;
  margin: 45px 0 22px 0;
  height: 31px;
}
.Page.anchor .anchor__title span {
  font-size: 21px;
  color: #ff3663;
}
.Page.anchor .anchor__list {
  padding: 40px 0 80px 0;
}
.Page.anchor .anchor__list .anchor-card:nth-child(4n) {
  margin-right: 0;
}
.search__live-zone {
  width: 1200px;
  height: 297px;
}
.search__live-zone__title {
  font-size: 23px;
  line-height: 80px;
  color: rgba(0, 0, 0, 0.87);
}
.search__live-zone__title span {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.38);
  vertical-align: bottom;
  margin-left: 20px;
}
.search__live-zone__live {
  width: 358px;
  height: 202px;
  border-radius: 5px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  background-color: #ddd;
}
.search__live-zone__name-tag,
.search__live-zone__live-tag {
  display: inline-block;
  padding: 0 6px;
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.9);
  position: absolute;
}
.search__live-zone__name-tag {
  line-height: 24px;
  background-color: rgba(0, 0, 0, 0.87);
  left: 14px;
  bottom: 12px;
}
.search__live-zone__live-tag {
  line-height: 22px;
  background-image: -webkit-gradient(linear, right top, left top, from(#ff358d), to(#f44336));
  background-image: -webkit-linear-gradient(right, #ff358d, #f44336);
  background-image: -o-linear-gradient(right, #ff358d, #f44336);
  background-image: linear-gradient(to left, #ff358d, #f44336);
  right: 8px;
  top: 8px;
}
.search__live-zone__live-tag .icon {
  display: inline-block;
  width: 12px;
  height: 14px;
}
.search__live-zone__live-tag .icon .line {
  width: 2px;
  margin-left: 2px;
  height: 8px;
  border-radius: 2px;
  background-color: #fff;
  display: inline-block;
}
.search__live-zone__live-tag .icon .line_1 {
  -webkit-animation: live-line-ani 0.75s ease-in-out 0.25s infinite;
          animation: live-line-ani 0.75s ease-in-out 0.25s infinite;
}
.search__live-zone__live-tag .icon .line_2 {
  -webkit-animation: live-line-ani 0.75s ease-in-out 0.5s infinite;
          animation: live-line-ani 0.75s ease-in-out 0.5s infinite;
}
.search__live-zone__live-tag .icon .line_3 {
  -webkit-animation: live-line-ani 0.75s ease-in-out infinite;
          animation: live-line-ani 0.75s ease-in-out infinite;
}
@-webkit-keyframes live-line-ani {
  0% {
    -webkit-transform: scaleY(0.33);
            transform: scaleY(0.33);
  }
  50% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    -webkit-transform: scaleY(0.33);
            transform: scaleY(0.33);
  }
}
@keyframes live-line-ani {
  0% {
    -webkit-transform: scaleY(0.33);
            transform: scaleY(0.33);
  }
  50% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    -webkit-transform: scaleY(0.33);
            transform: scaleY(0.33);
  }
}
.search__anchor {
  width: 100%;
  height: 254px;
}
.search__anchor__list {
  white-space: nowrap;
  width: 1200px;
  padding-bottom: 20px;
}
.search__live-feed {
  width: 100%;
  padding: 0 0 80px 0;
  position: relative;
}
.search__live-feed__tips {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: rgba(0, 0, 0, 0.38);
  line-height: 80px;
  text-align: center;
}
.Page.search {
  min-width: 1200px;
}
.Page.search .search__container {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 30px;
}
.Page.search .search__title {
  font-size: 16px;
  color: #231916;
  margin: 45px 0 22px 0;
}
.Page.search .search__title span {
  font-size: 21px;
  color: #ff3663;
}
.Page.search .search__module-title {
  font-size: 23px;
  line-height: 80px;
  color: rgba(0, 0, 0, 0.87);
}
.Page.search .search__module-title span {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.38);
  vertical-align: bottom;
  margin-left: 20px;
}
.Page.search .search__module-title span.link {
  cursor: pointer;
}
.Page.search .search__module-title span.link:hover {
  color: #ff4562;
}
.Page.search .search__empty {
  width: 100%;
  height: 565px;
  background-color: #fff;
  position: relative;
}
.Page.search .search__empty__content {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54);
  background-size: 248px 187px;
  background-repeat: no-repeat;
  background-image: url(https://s3.pstatp.com/toutiao/xigua_live_web_pc/static/media/tips.25eaafc6.png);
  background-position: center 0;
  padding-top: 187px;
  margin-top: -70px;
}
.chatroom {
  position: absolute;
  width: 340px;
  background: rgba(255, 255, 255, 0.7);
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden !important;
}
.chatroom::after {
  border-radius: 4px;
}
.chatroom > div {
  position: absolute;
  left: 1px;
  right: 1px;
}
.chatroom__title {
  height: 66px;
  top: 0;
  background: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  line-height: 66px;
  font-size: 16px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.7);
  padding-left: 18px;
}
.chatroom__msg-list {
  top: 66px;
  bottom: 131px;
  width: 100%;
  overflow: auto;
  padding-right: 2px;
}
.chatroom__input {
  height: 131px;
  bottom: 1px;
  background: white;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.chatroom__input .input-wrapper {
  margin: 14px 14px 0 20px;
  height: 69px;
}
.chatroom__input textarea {
  width: 100%;
  height: 100%;
  font-size: 14px;
  border: none;
  background: #fff;
}
.chatroom__input textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.chatroom__input textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.chatroom__input textarea::placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.chatroom__input textarea:focus + .input-length-info {
  display: block;
}
.chatroom__input button {
  position: absolute;
  right: 14px;
  bottom: 16px;
}
.chatroom__input .input-length-info {
  position: absolute;
  width: 38px;
  left: 20px;
  top: 91px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.26);
  display: none;
}
.chatroom__new-msg-tip {
  position: absolute;
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: center;
  bottom: 9px;
  left: 0;
}
.chatroom__new-msg-tip > div {
  display: inline-block;
  width: 125px;
  height: 100%;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04);
  background-color: #ffffff;
  border-radius: 5px;
  font-size: 14px;
  color: #fa1f41;
  font-weight: 500;
  border: rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.chatroom__msg {
  font-size: 14px;
  padding: 6px 20px;
  word-break: break-all;
  line-height: 23px;
}
.chatroom__msg .badge .badge-tag {
  margin-right: 6px;
  vertical-align: -2px;
}
.chatroom__msg .badge .badge-discipulus {
  width: 65px;
  height: 23px;
  display: inline-block;
  margin-right: 6px;
  background-size: 100%;
  font-size: 12px;
  position: relative;
  top: -2px;
  white-space: nowrap;
}
.chatroom__msg .badge .badge-discipulus .level {
  width: 22px;
}
.chatroom__msg .badge .badge-discipulus .level,
.chatroom__msg .badge .badge-discipulus .title {
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: scale(0.92);
      -ms-transform: scale(0.92);
          transform: scale(0.92);
  display: inline-block;
  text-align: center;
  font-weight: bold;
}
.chatroom__msg .badge .badge-discipulus .title {
  width: 38px;
  font-weight: 500;
}
.chatroom__msg .user-name {
  color: rgba(0, 0, 0, 0.38);
  margin-right: 6px;
}
.chatroom__msg.follow .user-name,
.chatroom__msg.present .user-name,
.chatroom__msg.chat .user-name {
  color: #ff9500;
}
.chatroom__msg .msg-content {
  color: rgba(0, 0, 0, 0.7);
}
.chatroom__msg.gray .msg-content {
  color: rgba(0, 0, 0, 0.38);
}
.chatroom__msg.hide {
  display: none;
}
.chatroom__msg.self {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(241, 243, 249, 0)), to(#f0f1f7));
  background-image: -webkit-linear-gradient(right, rgba(241, 243, 249, 0), #f0f1f7);
  background-image: -o-linear-gradient(right, rgba(241, 243, 249, 0), #f0f1f7);
  background-image: linear-gradient(to left, rgba(241, 243, 249, 0), #f0f1f7);
}
.chatroom__msg.self .user-name {
  color: #fa1f41;
}
.chatroom__msg.self .msg-content {
  color: black;
}
.chatroom__msg.sys.top .msg-content {
  color: #fa1f41;
}
.gift-show {
  position: absolute;
  z-index: 10;
  top: 180px;
  width: 0;
}
@-webkit-keyframes gift-effect-in {
  from {
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes gift-effect-in {
  from {
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes gift-effect-number {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes gift-effect-number {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.gift-effect {
  width: 232px;
  height: 52px;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 53, 141, 0)), color-stop(29%, #ff3589), to(#f44336));
  background-image: -webkit-linear-gradient(right, rgba(255, 53, 141, 0), #ff3589 29%, #f44336);
  background-image: -o-linear-gradient(right, rgba(255, 53, 141, 0), #ff3589 29%, #f44336);
  background-image: linear-gradient(to left, rgba(255, 53, 141, 0), #ff3589 29%, #f44336);
  margin-bottom: 21px;
  position: relative;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-animation: gift-effect-in 0.2s ease;
          animation: gift-effect-in 0.2s ease;
}
.gift-effect.out {
  -webkit-transform: translateX(200%);
      -ms-transform: translateX(200%);
          transform: translateX(200%);
}
.gift-effect__avatar {
  position: absolute;
  left: 7px;
  top: 4px;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255 255 255, 0.7);
  border-radius: 22px;
  overflow: hidden;
}
.gift-effect__avatar img {
  width: 100%;
  height: 100%;
}
.gift-effect__name {
  position: absolute;
  left: 57px;
  top: 7px;
  font-size: 14px;
  font-weight: 500;
  color: white;
  line-height: 20px;
}
.gift-effect__msg {
  position: absolute;
  left: 57px;
  top: 25px;
  font-weight: 500;
  color: #ffd600;
  line-height: 20px;
}
.gift-effect__icon {
  position: absolute;
  left: 150px;
  top: -14px;
  width: 56px;
  height: 56px;
}
.gift-effect__icon img {
  width: 100%;
}
.gift-effect__repeat-count {
  position: absolute;
  left: 236px;
  top: 6px;
  width: 300px;
}
.gift-effect__repeat-count .x {
  margin-right: 6.5px;
}
.gift-effect__repeat-count .nums {
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: gift-effect-number 0.2s ease 0.1;
          animation: gift-effect-number 0.2s ease 0.1;
  display: inline-block;
  width: 100px;
}
.gift-effect__repeat-count .nums img {
  height: 25px;
}
.chat-msg-list {
  height: 100%;
  overflow: auto;
  padding: 17px 0 0 0;
}
.chat-msg-list::-webkit-scrollbar {
  width: 8px;
}
.chat-msg-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.08);
}
.chat-msg-list .chat-msg-block {
  overflow: hidden;
}
.room-info {
  height: 100px;
  background: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 32px;
  padding-right: 32px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.room-info__inner {
  width: 100%;
  height: 68px;
  position: relative;
}
.room-info__inner > div {
  position: absolute;
}
.room-info__avatar {
  width: 68px;
  height: 68px;
  border-radius: 34px;
  overflow: hidden;
  left: 0;
  top: 0;
}
.room-info__avatar img {
  max-width: 100%;
  max-height: 100%;
}
.room-info__room-name {
  display: inline-block;
  position: absolute;
  font-size: 19px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.7);
  left: 84px;
  top: 9px;
  max-width: 60%;
}
.room-info__shortID {
  margin-left: 13px;
  color: rgba(0, 0, 0, 0.38);
}
.room-info__people {
  color: rgba(0, 0, 0, 0.38);
}
.room-info .room-info__extra-info {
  left: 84px;
  top: 44px;
}
.room-info .room-info__extra-info .anchor-name {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  margin-right: 12px;
}
.room-info .room-info__extra-info .other-info {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
}
.room-info .room-info__extra-info .other-info a:hover {
  color: rgba(0, 0, 0, 0.64);
}
.room-info .room-info__extra-info img.hot {
  position: relative;
  margin: 0 3px 0 8px;
  vertical-align: middle;
  width: 13px;
  height: 12px;
}
.room-info .room-info__extra-info img.catogary-to {
  position: relative;
  margin: 0 5.5px 0 6.5px;
  top: -2px;
}
.room-info__follow-button {
  position: absolute;
  right: 0;
  bottom: 4px;
}
.room-info__report-share {
  position: absolute;
  right: 0;
  top: 0;
}
.room-info__report-share .slash {
  padding: 0 10px;
  cursor: default;
  color: rgba(0, 0, 0, 0.37);
}
.room-info__report-share .text {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.37);
  cursor: pointer;
}
.confirm-modal__container {
  position: relative;
  width: 100%;
  margin-top: 50px;
}
.confirm-modal__content {
  font-size: 20px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.7);
  line-height: 30px;
  text-align: center;
}
.confirm-modal__btns {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 40px;
  text-align: center;
}
.confirm-modal__btns .btn {
  cursor: pointer;
  display: inline-block;
  width: 116px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  padding: 0 16px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: white;
  font-weight: 600;
}
.confirm-modal__btns .btn.active {
  background-image: -webkit-gradient(linear, right top, left top, from(#ff358d), to(#f44336));
  background-image: -webkit-linear-gradient(right, #ff358d, #f44336);
  background-image: -o-linear-gradient(right, #ff358d, #f44336);
  background-image: linear-gradient(to left, #ff358d, #f44336);
  color: #fff;
}
.confirm-modal__btns .btn.active:hover {
  opacity: 0.8;
  color: #fff;
}
.confirm-modal__btns .btn:hover {
  color: rgba(0, 0, 0, 0.56);
}
.confirm-modal__btns .btn:first-child {
  margin-right: 36px;
}
.room-info__follow-button.followed {
  background-color: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.38);
  border: 0;
}
.room-info__follow-button.followed:hover {
  background: rgba(0, 0, 0, 0.26);
  color: #fff;
}
.long-button.anchor-info__button.followed {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
}
.long-button.anchor-info__button.followed:hover {
  border: 1px solid white;
  color: white;
}
.component-share {
  display: inline-block;
  position: relative;
}
.component-share__text {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.component-share__modal {
  position: absolute;
  bottom: -242px;
  left: -358px;
  width: 386px;
  height: 236px;
  background-color: #fff;
  z-index: 100;
  border-radius: 8px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.16);
  padding: 26px 20px;
}
.component-share__modal__top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.component-share__modal__top__left {
  -ms-flex: 1 1;
      flex: 1 1;
  margin-right: 18px;
}
.component-share__modal__top__left h3 {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
  margin-bottom: 16px;
  margin-top: 14px;
}
.component-share__modal__top__left > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0 16px;
}
.component-share__modal__top__left img {
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.component-share__modal__top__right {
  width: 92px;
  height: 112px;
  border-radius: 2.8px;
  border: solid 0.7px rgba(0, 0, 0, 0.08);
  background-color: rgba(216, 216, 216, 0.12);
  padding: 6px;
  text-align: center;
}
.component-share__modal__top__right h3 {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #231916;
  margin-top: 4px;
}
.component-share__modal__bottom h3 {
  font-size: 14px;
  color: #222222;
  margin-bottom: 10px;
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
.component-share__modal__bottom .link {
  display: inline-block;
  width: 268px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 40px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  font-size: 14px;
  color: #222222;
  padding: 10px 12px;
  border: none;
  margin-right: 12px;
}
.component-share__modal__bottom .button-copy {
  display: inline-block;
  width: 66px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, right top, left top, from(#fe3780), to(#f83e54));
  background-image: -webkit-linear-gradient(right, #fe3780, #f83e54);
  background-image: -o-linear-gradient(right, #fe3780, #f83e54);
  background-image: linear-gradient(to left, #fe3780, #f83e54);
  font-size: 12px;
  font-weight: 500;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #fff;
  border: 0.5px solid rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.component-share__modal__bottom .button-copy:hover {
  background-color: rgba(255, 255, 255, 0.2);
  background-blend-mode: overlay;
}
.component-share .wechart-qrcode {
  position: relative;
  width: 80px;
  height: 80px;
}
.component-share .wechart-qrcode__logo {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
}
.gift-list {
  height: 100%;
  margin: 0 12px 0 270px;
  z-index: 100;
  text-align: left;
  white-space: nowrap;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.gift-list__list {
  display: inline-block;
  padding-top: 18px;
  height: 100%;
  padding-left: 12px;
  padding-right: 12px;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.gift-list__list .inner {
  position: relative;
  text-align: right;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.gift-list__button,
.gift-list__gift {
  height: 60px;
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04);
  background-color: #ffffff;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
}
.gift-list__button::after,
.gift-list__gift::after {
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.gift-list__gift {
  padding: 7.5px;
  display: inline-block;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
}
.gift-list__gift img {
  width: 44px;
  height: 44px;
}
.gift-list__gift:hover {
  -webkit-transform: scale(1.23);
      -ms-transform: scale(1.23);
          transform: scale(1.23);
}
.gift-list__gift.gift_shark {
  -webkit-animation: 0.3s 2 alternate-reverse gitf_shakeAnimation;
          animation: 0.3s 2 alternate-reverse gitf_shakeAnimation;
}
.gift-list__gift + .gift-list__gift {
  margin-left: 13px;
}
.gift-list__button {
  width: 24px;
  line-height: 60px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.gift-list__button.left {
  left: 0;
}
.gift-list__button.left img {
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: scale(-1);
      -ms-transform: scale(-1);
          transform: scale(-1);
}
.gift-list__button.right {
  float: right;
}
.gift-list__button.hide {
  visibility: hidden;
}
@-webkit-keyframes gitf_shakeAnimation {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-2%, 0, 0);
    transform: translate3d(-2%, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(2%, 0, 0);
    transform: translate3d(2%, 0, 0);
  }
}
@keyframes gitf_shakeAnimation {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-2%, 0, 0);
    transform: translate3d(-2%, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(2%, 0, 0);
    transform: translate3d(2%, 0, 0);
  }
}
.send-gift {
  position: absolute;
  width: 300px;
  height: 146px;
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04);
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.04);
  top: -140px;
  border-radius: 6px;
}
.send-gift > * {
  position: absolute;
}
.send-gift img {
  left: 24px;
  top: 16px;
  width: 72px;
  height: 72px;
}
.send-gift__name {
  font-size: 19px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.7);
  left: 106px;
  top: 28px;
}
.send-gift__quick-btn {
  font-size: 12px;
  font-weight: 500;
  left: 200px;
  top: 27px;
  padding: 0 12px;
  height: 28px;
  line-height: 28px;
  width: auto;
}
.send-gift__button {
  left: 226px;
  top: 27px;
  height: 28px;
  font-size: 12px;
  width: auto;
  padding: 0 12px;
}
.send-gift__desc {
  left: 106px;
  top: 56px;
  font-size: 14px;
  color: #ff0000;
}
.send-gift__need-charge {
  left: 214px;
  top: 61px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 17px;
}
.send-gift__amount-list {
  left: 28px;
  top: 102px;
}
.send-gift__amount {
  height: 28px;
  line-height: 28px;
  width: 56px;
  margin-right: 8px;
}
.gifts-bar {
  bottom: 0;
  width: 100%;
  background: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  z-index: 10000;
}
.gifts-bar__inner {
  position: relative;
  height: 96px;
  width: 100%;
}
.gifts-bar__inner .balance {
  position: absolute;
  left: 47px;
  width: 128px;
  height: 28px;
  line-height: 28px;
  background-color: #f2f4f6;
  border-radius: 4px;
  font-size: 14px;
}
.gifts-bar__inner .balance__icon {
  display: block;
  position: absolute;
  width: 33px;
  height: 33px;
  background-size: 100%;
  left: -17px;
  top: -3px;
}
.gifts-bar__inner .balance__name {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  margin-left: 21px;
}
.gifts-bar__inner .balance__value {
  color: rgba(0, 0, 0, 0.7);
  margin-right: 16px;
  float: right;
  font-size: 12px;
  font-weight: 600;
}
.gifts-bar__inner .balance.diamond {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.gifts-bar__inner .balance.coin {
  top: 52px;
}
.gifts-bar__inner .charge-button {
  position: absolute;
  left: 184px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 28px;
  line-height: 28px;
  width: 50px;
  padding: 0;
  font-size: 12px;
  text-align: center;
}
.component-recommend {
  margin-top: 40px;
}
.component-recommend__title {
  font-size: 23px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
  line-height: 32px;
  margin-bottom: 16px;
}
.component-recommend__list {
  margin-bottom: 60px;
  margin-right: -15px;
}
.component-recommend .category__feed-container {
  margin-top: 0;
}
.video-ending {
  position: relative;
  height: 100%;
}
.video-ending__title {
  position: absolute;
  top: -53px;
  width: 100%;
  font-size: 23px;
  line-height: 32px;
  color: white;
  text-align: center;
}
.video-ending__title::before,
.video-ending__title::after {
  display: inline-block;
  content: "";
  width: 27px;
  height: 2px;
  vertical-align: middle;
  background-color: #75757b;
}
.video-ending__title::before {
  margin-right: 16px;
}
.video-ending__title::after {
  margin-left: 16px;
}
.video-ending::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.video-ending .anchor-info {
  position: absolute;
  width: 442px;
  height: 305px;
  background-color: rgba(255, 255, 255, 0.08);
  left: calc(50% - 221px);
  top: calc(50% - 135px);
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5);
  border: 0.5px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
}
.video-ending .anchor-info__icon {
  width: 68px;
  height: 68px;
  border-radius: 34px;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 188px;
  top: 32px;
}
.video-ending .anchor-info__icon img {
  width: 100%;
}
.video-ending .anchor-info__name {
  width: 100%;
  position: absolute;
  top: 114px;
  font-size: 19px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: bold;
  text-align: center;
}
.video-ending .anchor-info__extra {
  position: absolute;
  top: 156px;
  text-align: center;
  color: rgba(255, 255, 255, 0.54);
  font-size: 13px;
  width: 100%;
}
.video-ending .anchor-info__extra .num {
  font-size: 19px;
  color: rgba(255, 255, 255, 0.61);
  font-weight: bold;
  margin-left: 8px;
}
.video-ending .anchor-info__extra .split {
  display: inline-block;
  width: 1px;
  height: 8px;
  border: 0.5px solid rgba(255, 255, 255, 0.2);
  vertical-align: middle;
  margin: 20px;
  position: relative;
  top: -2px;
}
.video-ending .anchor-info__button {
  position: absolute;
  width: 306px;
  left: 68px;
  top: 202px;
  height: 38px;
}
.video-ending .anchor-info__tip {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 252px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 1300px) {
  .anchor-info {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@media (max-width: 1250px) {
  .anchor-info {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
  }
}
.live_content {
  left: 0;
  margin-left: 118px;
  padding-top: 16px;
  padding-left: 125px;
  padding-right: 125px;
  height: 100%;
  position: relative;
  overflow: auto;
}
.live_content.expand {
  margin-left: 228px;
  padding-left: 72px;
  padding-right: 72px;
}
.live_content .block {
  overflow: visible;
}
.content-wrap {
  position: relative;
  overflow: hidden;
}
.player-container {
  margin-right: 356px;
  border-radius: 4px;
  max-height: 100%;
  position: relative;
}
.player-container::after {
  border-radius: 4px;
}
@media (max-width: 1440px) {
  .player-container {
    margin-right: 350px;
  }
  .live_content {
    padding-left: 50px;
    padding-right: 50px;
  }
  .live_content.expand {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.live-player {
  background: black;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.live-player > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.live-player .video-cover {
  width: 1px;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: -999px;
  top: -999px;
}
.live-player.full-screen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.live-player.full-screen .xgplayer-controls {
  position: fixed;
  left: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
}
.live-player.full-screen .xgplayer-bullet-btn,
.live-player.full-screen .xgplayer-fullscreen {
  display: none;
}
.live-player.full-screen .xgplayer-enter {
  display: none !important;
}
.live-player.full-screen.controls .xgplayer-fullscreen {
  display: inline-block;
}
.Page.full {
  position: absolute;
  width: 100%;
  height: 100%;
}
.Page.live {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 60px;
  min-width: 1200px;
}
.notfound-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
}
.notfound-container .notfound-img {
  width: 248px;
  height: 187px;
  margin: 0 auto;
  background-size: cover;
  background-image: url(https://s3.pstatp.com/toutiao/xigua_live_web_pc/static/media/tips.25eaafc6.png);
}
.notfound-container .notfound-anchor {
  width: 400px;
  -ms-flex: 1 1;
      flex: 1 1;
  text-align: center;
}
.notfound-container .notfound-anchor p {
  text-align: center;
  margin-top: 30px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
}
.notfound-container .notfound-anchor p span {
  color: #fa1f41;
  cursor: pointer;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #fff url(data:image/gif;base64,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) center center no-repeat;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Icons */
}
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url(https://s3.pstatp.com/toutiao/xigua_live_web_pc/static/media/slick.ced611da.eot);
  src: url(https://s3.pstatp.com/toutiao/xigua_live_web_pc/static/media/slick.ced611da.eot?#iefix) format('embedded-opentype'), url(https://s3.pstatp.com/toutiao/xigua_live_web_pc/static/media/slick.b7c9e1e4.woff) format('woff'), url(https://s3.pstatp.com/toutiao/xigua_live_web_pc/static/media/slick.d41f55a7.ttf) format('truetype'), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iNTEyIiAvPgoKPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODU5MjsiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMiAwIDUtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTMgMCA1LTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1LTUgMC05LTItMTItNWwtMTMwLTEzMGMtNC00LTYtOC02LTEzIDAtNSAyLTkgNi0xM2wxMzAtMTMwYzMtMyA3LTUgMTItNSA1IDAgMTAgMiAxMyA1eiBtMTc5IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODIyNjsiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPgo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#slick) format('svg');
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "\2190";
}
[dir="rtl"] .slick-prev:before {
  content: "\2192";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "\2192";
}
[dir="rtl"] .slick-next:before {
  content: "\2190";
}
/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\2022";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
.header-guide-tools {
  position: relative;
  margin-bottom: 0;
  position: fixed;
  top: 0;
}
.header-guide-tools:after {
  height: 1px;
  width: 100%;
  word-break: 1;
  background: -webkit-gradient(linear, right top, left top, from(#ff358d), to(#f44336));
  background: -webkit-linear-gradient(right, #ff358d, #f44336);
  background: -o-linear-gradient(right, #ff358d, #f44336);
  background: linear-gradient(to left, #ff358d, #f44336);
  display: inline-block;
  content: " ";
  position: absolute;
  bottom: 0;
  visibility: visible;
}
.header-anchor_center-guide-tools {
  position: relative;
  margin-bottom: 0;
  position: fixed;
  top: 0;
}
.header-anchor_center-guide-tools:after {
  height: 1px;
  width: 100%;
  word-break: 1;
  background: -webkit-gradient(linear, right top, left top, from(#ff358d), to(#f44336));
  background: -webkit-linear-gradient(right, #ff358d, #f44336);
  background: -o-linear-gradient(right, #ff358d, #f44336);
  background: linear-gradient(to left, #ff358d, #f44336);
  display: inline-block;
  content: " ";
  position: absolute;
  bottom: 0;
  visibility: visible;
}
.guide-tools-center-wrapper {
  font-size: 100px;
  background: #fff;
  padding-top: 60px;
}
.guide-tools-center-wrapper .slick-slide {
  height: calc(100vh - 60px);
  overflow: hidden;
}
.guide-tools-center-wrapper .slick-dots li button {
  background: red !important;
}
.guide-tools-center-wrapper .guidebook-title {
  margin: 0 auto 100px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 202px;
  height: 27px;
  font-family: PingFangSC;
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #222222;
  background-image: url(data:image/png;base64,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);
}
.guide-tools-center-wrapper .guide-books-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  width: 1044px;
  margin: 0 auto;
}
.guide-tools-center-wrapper .content {
  width: 1300px;
  display: block;
  margin: 60px auto 0 auto;
}
.guide-tools-center-wrapper .guide-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 140px;
}
.guide-tools-center-wrapper .guide-item:last-of-type {
  margin-right: 0;
}
.guide-tools-center-wrapper .guide-icon {
  width: 160px;
  height: 160px;
  margin-bottom: 40px;
}
.guide-tools-center-wrapper .guide-button {
  cursor: pointer;
  -webkit-filter: drop-shadow(0px 7px 5px rgba(255, 26, 84, 0.3));
          filter: drop-shadow(0px 7px 5px rgba(255, 26, 84, 0.3));
  width: 180px;
  height: 52px;
  line-height: 52px;
  border-radius: 100px;
  color: #fff;
  font-family: PingFangSC;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  background-color: #ff1a54;
}
.guide-tools-center-wrapper .down-direction-arrow {
  cursor: pointer;
  position: absolute;
  left: 50%;
  bottom: 73px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.guide-tools-center-wrapper .decorator-round {
  position: absolute;
  max-width: 281px;
  max-height: 737px;
}
.guide-tools-center-wrapper .decorator-spots {
  max-width: 101px;
  position: absolute;
  top: 555px;
}
.guide-tools-center-wrapper .guide-book-slide {
  position: relative;
  padding-top: 14vh;
  padding-bottom: 38vh;
  min-height: 100vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.guide-tools-center-wrapper .anchor-tools-slide {
  position: relative;
  min-height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.guide-tools-center-wrapper .tools-slide-content {
  margin: 0 auto;
}
.guide-tools-center-wrapper .tools-cover {
  display: inline-block !important;
}
.guide-tools-center-wrapper .tools-wave-decorator {
  width: 100%;
  position: absolute;
  bottom: 60px;
}
.guide-tools-center-wrapper .tools-info {
  display: inline-block;
  position: absolute;
  top: 33vh;
}
.guide-tools-center-wrapper .tools-info .tools-info-title-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.guide-tools-center-wrapper .tools-info .tools-info-icon {
  margin-right: 14px;
  width: 58px;
  height: 58px;
  display: inline-block;
}
.guide-tools-center-wrapper .tools-info label {
  width: 288px;
  height: 50px;
  background-image: -webkit-gradient(linear, left top, right top, from(#f44337), to(#ff358c));
  background-image: -webkit-linear-gradient(left, #f44337, #ff358c);
  background-image: -o-linear-gradient(left, #f44337, #ff358c);
  background-image: linear-gradient(to right, #f44337, #ff358c);
  font-family: PingFangSC;
  font-size: 36px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.guide-tools-center-wrapper .tools-info .tools-introduction {
  white-space: nowrap;
  width: 348px;
  height: 28px;
  font-family: PingFangSC;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #8b93a7;
  margin: 7px 0 30px;
  display: block;
}
.guide-tools-center-wrapper .tools-download-btn {
  cursor: pointer;
  -webkit-filter: drop-shadow(0px 7px 5px rgba(255, 26, 84, 0.3));
          filter: drop-shadow(0px 7px 5px rgba(255, 26, 84, 0.3));
  margin-top: 60px;
  width: 180px;
  height: 52px;
  border-radius: 100px;
  background-color: #ff1a54;
  line-height: 52px;
  font-family: PingFangSC;
  font-size: 17px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
.guide-tools-center-wrapper .game-guide-books-wrapper {
  height: 22px;
  font-family: PingFangSC;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212121;
}
.guide-tools-center-wrapper .game-guide-books-wrapper .game-guide-item {
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
}
.guide-tools-center-wrapper .game-guide-books-wrapper .game-guide-icon {
  margin-left: 8px;
}
.guide-tools-center-wrapper .game-guide-books-wrapper .game-guide-button:first-of-type {
  margin-right: 40px;
}
.header-anchor-center-tools {
  margin-bottom: 0;
  padding-top: 0;
}
.carousel {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.carousel .slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.carousel .slick-list:focus {
  outline: none;
}
.carousel .slick-list.dragging {
  cursor: pointer;
}
.carousel .slick-list .slick-slide {
  pointer-events: none;
}
.carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.carousel .slick-slider .slick-track,
.carousel .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.carousel .slick-track::before,
.carousel .slick-track::after {
  display: table;
  content: '';
}
.carousel .slick-track::after {
  clear: both;
}
.slick-loading .carousel .slick-track {
  visibility: hidden;
}
.carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .carousel .slick-slide {
  float: right;
}
.carousel .slick-slide img {
  display: block;
}
.carousel .slick-slide.slick-loading img {
  display: none;
}
.carousel .slick-slide.dragging img {
  pointer-events: none;
}
.carousel .slick-initialized .slick-slide {
  display: block;
}
.carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
}
.carousel .slick-arrow.slick-hidden {
  display: none;
}
.carousel .slick-prev,
.carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.carousel .slick-prev:hover,
.carousel .slick-next:hover,
.carousel .slick-prev:focus,
.carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.carousel .slick-prev:hover::before,
.carousel .slick-next:hover::before,
.carousel .slick-prev:focus::before,
.carousel .slick-next:focus::before {
  opacity: 1;
}
.carousel .slick-prev.slick-disabled::before,
.carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.carousel .slick-prev {
  left: -25px;
}
.carousel .slick-prev::before {
  content: '\2190';
}
.carousel .slick-next {
  right: -25px;
}
.carousel .slick-next::before {
  content: '\2192';
}
.carousel .slick-dots {
  position: absolute;
  bottom: 12px;
  display: block;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
.carousel .slick-dots li {
  position: relative;
  display: block !important;
  margin: 0 2px;
  padding: 0;
  text-align: center;
  vertical-align: top;
}
.carousel .slick-dots li button {
  display: block;
  width: 16px;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.carousel .slick-dots li button:hover,
.carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.carousel .slick-dots li button::before {
  content: '';
}
.carousel .slick-dots li.slick-active button {
  width: 24px;
  background: #fff;
  opacity: 1;
}
.carousel .slick-dots li.slick-active button:hover,
.carousel .slick-dots li.slick-active button:focus {
  opacity: 1;
}
.carousel-vertical .slick-dots {
  top: 50%;
  right: 15px;
  bottom: auto;
  width: 3px;
  height: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.carousel-vertical .slick-dots li {
  margin: 0 2px;
  vertical-align: baseline;
}
.carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}
.Page.huge {
  padding-top: 60px;
  height: 100%;
  overflow: auto;
}
.huge-amount-container {
  width: 1200px;
  margin: 46px auto 0 auto;
  background: white;
  padding: 43px 84px 0 84px;
}
.huge-amount-container__title {
  font-size: 23px;
  font-weight: 600;
  margin-bottom: 26px;
}
.huge-amount-container__title .tip {
  vertical-align: middle;
  position: relative;
}
.huge-amount-container__sub-title {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
  margin: 30px 0 20px 0;
}
.huge-amount-container .tip {
  display: inline-block;
  background-color: white;
  padding: 0 0 0 31px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAABWBJREFUWAnVWV1oXEUUnjN7N/3LW6PVUEzWv6ISBaWoKIUkUhEhBaGIP1jbh74VxIdS1JaQ6kNfBF99ECuCaEFooAjRNFAiIuJLi0rrz7YSVku3+JLQJHtzx/PN7mzOnb179+6m5Gdf5syZ8/Pl3Jkzc05IreBn7n1uIFyKRgyph0mZXqOol4zphUlDVGJeiXklMurXIKfH6a/vLnXqjtpVtOCi6JAxZh/rFtrULxLR2UDrT9oFnRkoA7ynEpmTHLHXjTK6TYAxcVIUccQ/z2s6zoD/ji02mbQEah7Z3xXO3Rxj/bc4ipua2OmITaTmlaKPgm3bT9AvZxbTjKQCNfe/cEdYmf/aKPVsuhEqKTK/2/1IqgRZY1Qv9i1v1gf4C9h928wGg5gO8ptfoj++uZEik7xkCsOPVowZZ499iRJEV8jQlyaIznb9OfVzokyNuXjf4BMU6n2GzMts78FEWaJreaIRKk5eTFpPjChAhlH0PUey21dihRk+ECdyb+45TaOjkb+eNjejo3rp0wsHeAuNse2dvizbnuWD9kwS2Aag+NyVcOGnpEiSVh8Gd/W8Rz+cueU7aWdunt6/Jfy3/L6J1NsNeohssGm3vw1iQO3BmS1P+nuSI7hAZA4HxanPGgyvgBEWBt8whj72DymDmg66e4blAYulmXCufDIJpCK1NwvISt/w4GL/0OVK31CZ6Xda/Q3WJttGIKQsMNQyTZ1djyjyZBgtXebTurm+yoTW6kAWkBwVCgvD//C4o65P+ae6rk78WJ83IRDZKFKn5TJSV6Bzu1yerUcUydwHafdk1s9deHFHDCR71RQOSOfNaAQCvuQ6sACT41mguBZx4zgmRg71DA6O5KXSW5bqX8fJRW3cYPaQsk+ni9HegowNtAXKqeiQfy0iBa30dMNB1h98waeUByZgA68a0eoDY1mGkzny5DJjdSjrk31Lb7yd8PhRGsmdx4JcxI3TbjKX+p3S8Anfnn4BGHWozIi3oHAt+rzVmif5BkbNp+shCYKfYKVWd7eUv900fAODtAuM2r5wJJdfQXK6JrSHARg1ygcJBk81OV8L2scAjNrVOA4Q3whrDtTHAIw2PTmQ1ZFLtU5+t3J8Rcd/mkuOOCfrrBGDRrUo1fnKvlvOM9PFc9c5YV+X8pEJOqo6fQzAiMMUA9pwuKTnFJpB8kVCryi8/BXdJKXfzfIgSTLpYwDGoLpxxVfjGidJOQsvf21yiuV2ZZFNlbEYljEBo+aN+5tUQiGGGkfyVpOGb2CQPtHA0AHphlsIhZgUXE06yTe6LLrWsShKMKgWUYhJXha63Re+bxM+baUaXygCowXDByEeVS5pUS3G5dNneOHzA/ILlMP86bYbFX2w2L/3yXSt+Kr16ZXTDpsFantBXs5jx2OoFuOmUmaPPb+VQd4pJTRV+uQ8jYYv+JQy/JdHwAZeNaIcWvSCpBCfuZ0oaSUvjaaLE3Mc06+cDN8aM7nurd+6eavRls9erQ9Mta1ZBQojtmHlV4Ncd6PwauXEred397zGaeRVLpaOcIvmcbp07j+3ljbastmr8TkbzQOT04tdl5X+wVP8pDrqFjHyHllAuZwvnr8g+beLrhSG9iijJvizxxpw7PdU/ur5Y86P/fRuEmzrOc7Ip90cozXAhtqJrNRPo63NJJBoQHCHT+rGIoqF9drSiUUUQNHzsV01blhhLn/oFYWl8pWwf+hgJ3kWOtCFjaS+E0dt1vpOaD82RNQB2xBtxzrYjdDIrYPdCK1xBxbjuv9ngwRbAzxgW0Dr9d83PmALGi10bg6g7sarHNWiKxZRPuBljkcv3ryBovGklneS3STe/301ttjC1gTxAAAAAElFTkSuQmCC);
  background-position: 12px 2px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 400;
}
.huge-amount-user-info {
  width: 502px;
  height: 70px;
  background: rgba(0, 0, 0, 0.02);
  padding: 15px 24px 15px 20px;
  line-height: 40px;
  border-radius: 4px;
}
.huge-amount-user-info__avatar {
  width: 40px;
  height: 40px;
  background-size: contain;
  border-radius: 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
}
.huge-amount-user-info__name {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: bold;
  margin-right: 20px;
}
.huge-amount-user-info__phone {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}
.huge-amount-user-info__phone .phone-number {
  margin-left: 10px;
}
.huge-amount-user-info .switch-user-button {
  width: 125px;
  height: 36px;
  float: right;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  position: relative;
  top: 2px;
}
.huge-amount-search {
  padding: 14px 0;
}
.huge-amount-search input {
  width: 300px;
  height: 42px;
  font-size: 16px;
  font-weight: 500px;
  color: rgba(0, 0, 0, 0.7);
  padding: 10px 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.huge-amount-search input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.26);
}
.huge-amount-search input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.26);
}
.huge-amount-search input::placeholder {
  color: rgba(0, 0, 0, 0.26);
}
.huge-amount-search .confirm-button {
  width: 112px;
  height: 36px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  margin-left: 20px;
}
.huge-amount-search .how-to {
  font-size: 12px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.7);
  text-decoration: underline;
  margin-left: 10px;
  cursor: pointer;
}
.huge-amount-items {
  margin-bottom: 50px;
  min-height: 240px;
}
.huge-amount-items .item {
  position: relative;
  display: inline-block;
  width: 188px;
  height: 100px;
  border-radius: 4px;
  margin-right: 23px;
  margin-bottom: 20px;
  padding-top: 24px;
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.huge-amount-items .item .diamond {
  font-size: 20px;
  text-align: center;
  font-weight: 500;
  line-height: 28px;
}
.huge-amount-items .item .cny {
  line-height: 22px;
  text-align: center;
  font-size: 16px;
  opacity: 0.7;
}
.huge-amount-items .item.active {
  background-color: rgba(250, 31, 65, 0.06);
  color: #fa1f41;
}
.huge-amount-items .item.active:after {
  border: 1px solid #fa1f41;
}
.huge-amount-items .item.item5,
.huge-amount-items .item.item10,
.huge-amount-items .item.item15,
.huge-amount-items .item.item20,
.huge-amount-items .item.item25 {
  margin-right: 0;
}
.huge-amount-amount {
  color: #231916;
  font-size: 18px;
  text-align: right;
}
.huge-amount-amount .cny {
  font-size: 32px;
  font-weight: 600;
  margin: 0 10px 0 16px;
  color: #ff0000;
}
.huge-amount-agreement {
  text-align: right;
  margin-top: 22px;
}
.huge-amount-pay {
  margin-top: 14px;
  text-align: right;
}
.huge-amount-pay .tip {
  width: 259px;
  height: 34px;
  position: relative;
  right: 29px;
  top: 11px;
}
.huge-amount-pay .pay-btn {
  width: 265px;
  height: 62px;
  font-size: 16px;
  font-weight: 600;
}
.huge-amount-pay .pay-btn img {
  width: 28px;
  position: relative;
  margin-right: 8px;
  top: -2px;
}
.huge-amount-pay .pay-btn.loading img {
  display: none;
}
.huge-amount-pay .pay-btn.loading:before {
  content: '';
  width: 28px;
  height: 28px;
  background-color: #fff;
  border-radius: 100%;
  margin: 2px;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  background: 0 0!important;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 8px 3px 0px;
  -webkit-animation: kf-loading-9 0.75s 0s linear infinite;
          animation: kf-loading-9 0.75s 0s linear infinite;
}
@-webkit-keyframes kf-loading-9 {
  0% {
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1);
  }
}
@keyframes kf-loading-9 {
  0% {
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1);
  }
}
.huge-amount-pay:after {
  display: block;
  content: "";
  height: 50px;
}
.huge-amount-confirm-content {
  padding: 40px 74px 0 74px;
}
.huge-amount-confirm-content .huge-amount-user-info {
  height: 40px;
  padding: 0;
  background: transparent;
}
.huge-amount-confirm-content .order-info {
  padding: 18px 39px;
  margin-top: 18px;
  height: 87px;
  background-color: rgba(0, 0, 0, 0.02);
  font-size: 14px;
}
.huge-amount-confirm-content .order-info div:last-child {
  margin-top: 12px;
}
.huge-amount-confirm-content .order-info label {
  color: rgba(0, 0, 0, 0.54);
}
.huge-amount-confirm-content .order-info .value {
  color: rgba(0, 0, 0, 0.7);
  font-weight: bold;
  margin-left: 2px;
}
.huge-amount-confirm-content .order-info .value.cny {
  color: #FF0000;
}
.huge-amount-confirm-content .tip {
  margin-top: 18px;
  padding: 0 13px 0 17px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAABWBJREFUWAnVWV1oXEUUnjN7N/3LW6PVUEzWv6ISBaWoKIUkUhEhBaGIP1jbh74VxIdS1JaQ6kNfBF99ECuCaEFooAjRNFAiIuJLi0rrz7YSVku3+JLQJHtzx/PN7mzOnb179+6m5Gdf5syZ8/Pl3Jkzc05IreBn7n1uIFyKRgyph0mZXqOol4zphUlDVGJeiXklMurXIKfH6a/vLnXqjtpVtOCi6JAxZh/rFtrULxLR2UDrT9oFnRkoA7ynEpmTHLHXjTK6TYAxcVIUccQ/z2s6zoD/ji02mbQEah7Z3xXO3Rxj/bc4ipua2OmITaTmlaKPgm3bT9AvZxbTjKQCNfe/cEdYmf/aKPVsuhEqKTK/2/1IqgRZY1Qv9i1v1gf4C9h928wGg5gO8ptfoj++uZEik7xkCsOPVowZZ499iRJEV8jQlyaIznb9OfVzokyNuXjf4BMU6n2GzMts78FEWaJreaIRKk5eTFpPjChAhlH0PUey21dihRk+ECdyb+45TaOjkb+eNjejo3rp0wsHeAuNse2dvizbnuWD9kwS2Aag+NyVcOGnpEiSVh8Gd/W8Rz+cueU7aWdunt6/Jfy3/L6J1NsNeohssGm3vw1iQO3BmS1P+nuSI7hAZA4HxanPGgyvgBEWBt8whj72DymDmg66e4blAYulmXCufDIJpCK1NwvISt/w4GL/0OVK31CZ6Xda/Q3WJttGIKQsMNQyTZ1djyjyZBgtXebTurm+yoTW6kAWkBwVCgvD//C4o65P+ae6rk78WJ83IRDZKFKn5TJSV6Bzu1yerUcUydwHafdk1s9deHFHDCR71RQOSOfNaAQCvuQ6sACT41mguBZx4zgmRg71DA6O5KXSW5bqX8fJRW3cYPaQsk+ni9HegowNtAXKqeiQfy0iBa30dMNB1h98waeUByZgA68a0eoDY1mGkzny5DJjdSjrk31Lb7yd8PhRGsmdx4JcxI3TbjKX+p3S8Anfnn4BGHWozIi3oHAt+rzVmif5BkbNp+shCYKfYKVWd7eUv900fAODtAuM2r5wJJdfQXK6JrSHARg1ygcJBk81OV8L2scAjNrVOA4Q3whrDtTHAIw2PTmQ1ZFLtU5+t3J8Rcd/mkuOOCfrrBGDRrUo1fnKvlvOM9PFc9c5YV+X8pEJOqo6fQzAiMMUA9pwuKTnFJpB8kVCryi8/BXdJKXfzfIgSTLpYwDGoLpxxVfjGidJOQsvf21yiuV2ZZFNlbEYljEBo+aN+5tUQiGGGkfyVpOGb2CQPtHA0AHphlsIhZgUXE06yTe6LLrWsShKMKgWUYhJXha63Re+bxM+baUaXygCowXDByEeVS5pUS3G5dNneOHzA/ILlMP86bYbFX2w2L/3yXSt+Kr16ZXTDpsFantBXs5jx2OoFuOmUmaPPb+VQd4pJTRV+uQ8jYYv+JQy/JdHwAZeNaIcWvSCpBCfuZ0oaSUvjaaLE3Mc06+cDN8aM7nurd+6eavRls9erQ9Mta1ZBQojtmHlV4Ncd6PwauXEred397zGaeRVLpaOcIvmcbp07j+3ljbastmr8TkbzQOT04tdl5X+wVP8pDrqFjHyHllAuZwvnr8g+beLrhSG9iijJvizxxpw7PdU/ur5Y86P/fRuEmzrOc7Ip90cozXAhtqJrNRPo63NJJBoQHCHT+rGIoqF9drSiUUUQNHzsV01blhhLn/oFYWl8pWwf+hgJ3kWOtCFjaS+E0dt1vpOaD82RNQB2xBtxzrYjdDIrYPdCK1xBxbjuv9ngwRbAzxgW0Dr9d83PmALGi10bg6g7sarHNWiKxZRPuBljkcv3ryBovGklneS3STe/301ttjC1gTxAAAAAElFTkSuQmCC);
  background-position: 0 2px;
  background-repeat: no-repeat;
  background-size: 13px 13px;
}
.huge-amount-confirm-content .btns {
  margin-top: 32px;
  text-align: center;
}
.huge-amount-confirm-content .btns .btn {
  cursor: pointer;
  display: inline-block;
  width: 84px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  padding: 0 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 8px;
  color: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(151, 151, 151, 0.38);
  font-weight: 600;
}
.huge-amount-confirm-content .btns .btn.cancel {
  background-color: #fff;
}
.huge-amount-confirm-content .btns .btn.ok {
  background-image: -webkit-gradient(linear, right top, left top, from(#ff358d), to(#f44336));
  background-image: -webkit-linear-gradient(right, #ff358d, #f44336);
  background-image: -o-linear-gradient(right, #ff358d, #f44336);
  background-image: linear-gradient(to left, #ff358d, #f44336);
  color: #fff;
  margin-left: 20px;
  border: none;
}
.find-uid-content {
  padding: 25px 60px 18px 60px;
}
.unipay-sucess,
.unipay-fail {
  position: relative;
  text-align: center;
}
.unipay-sucess__top,
.unipay-fail__top {
  margin-top: 71px;
}
.unipay-sucess__top img,
.unipay-fail__top img {
  width: 46px;
  height: 46px;
  vertical-align: top;
  margin-right: 14px;
}
.unipay-sucess__text,
.unipay-fail__text {
  display: inline-block;
}
.unipay-sucess__title,
.unipay-fail__title {
  line-height: 29px;
  font-size: 21px;
  font-weight: 600;
}
.unipay-sucess__title .num,
.unipay-fail__title .num {
  color: #ff0000;
  margin: 0 6px;
}
.unipay-sucess__desc,
.unipay-fail__desc {
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  margin-top: 19px;
}
.unipay-sucess__desc .avatar,
.unipay-fail__desc .avatar {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  border-radius: 50%;
  vertical-align: middle;
  margin: 0 8px 0 10px;
}
.unipay-sucess__btn,
.unipay-fail__btn {
  text-align: center;
  margin-top: 44px;
}
.unipay-sucess__btn .long-button,
.unipay-fail__btn .long-button {
  width: 84px;
  height: 42px;
  line-height: 42px;
  display: inline-block;
}
.Page.doc {
  padding-top: 60px;
  height: 100%;
  overflow: auto;
}
.doc-container {
  width: 1200px;
  margin: 46px auto 0 auto;
  background: white;
  padding: 43px 84px 43px 84px;
  font-size: 14px;
}
.doc-container h1 {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}
.doc-container h2 {
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
}
.doc-container ol li {
  list-style: decimal;
  margin-bottom: 8px;
}
.doc-container p {
  text-indent: 2em;
}
.doc-container p.sub-list {
  text-indent: 1em;
}
.follow .feed {
  width: 100%;
}
.follow .feed-item {
  width: 100%;
  padding: 24px 9px 80px 24px;
  margin-top: 16px;
  border-radius: 2px;
  position: relative;
}
.follow .feed-item__title {
  display: inline-block;
  font-size: 23px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
  line-height: 32px;
  margin-bottom: 24px;
  cursor: default;
}
.feed-item.stone .feed-item__title {
  display: block;
  height: 32px;
  width: 92px;
  background-color: #ddd;
  border-radius: 5px;
}
.Page.follow {
  width: 100%;
  height: 100%;
  min-width: 1200px;
}
.Page.follow .follow__feed-container {
  padding-top: 60px;
  padding-right: 26px;
  padding-left: 118px;
  width: 100%;
  height: 100%;
  -webkit-transition: padding-left 0.2s ease-in-out;
  -o-transition: padding-left 0.2s ease-in-out;
  transition: padding-left 0.2s ease-in-out;
  overflow: auto;
}
.Page.follow .follow__feed-container.expand {
  padding-left: 252px;
}
.Page.notice .notice__container {
  width: 930px;
  background-color: #fff;
  margin: 90px auto 0;
  -webkit-box-shadow: 0 4px 36px 0 rgba(240, 240, 240, 0.52);
          box-shadow: 0 4px 36px 0 rgba(240, 240, 240, 0.52);
  padding: 60px;
}
.Page.notice .notice__container a {
  word-wrap: break-word;
  color: #417af6;
}
.Page.notice .notice__container img {
  max-width: 100%;
  margin-top: 10px;
}
.Page.notice .notice__title {
  font-size: 22px;
  font-weight: 500;
  text-align: left;
  color: #231916;
}
.Page.notice .notice__sub-title {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.38);
  margin-bottom: 32px;
}
.Page.notice .notice__context {
  font-size: 14px;
  line-height: 26px;
  color: #222222;
}
.Page.notice .notice__error {
  text-align: center;
  color: #b2b2b2;
}
.page {
  overflow: auto;
  height: 100%;
}
.word {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  color: #484d57;
  line-height: 30px;
  min-height: 100vh;
}
.word .title {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  padding: 18px 0;
}
.word p {
  text-indent: 2em;
  margin-bottom: 16px;
}
.word p.p2 {
  text-indent: 3em;
  font-size: inherit;
}
.word p a {
  color: #fe104c;
}
.word > p:last-of-type {
  padding-bottom: 40px;
  margin-bottom: 0;
}
.word span {
  text-decoration: underline;
  font-weight: 700;
}
@media (max-width: 768px) {
  body,
  html {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }
  .word {
    width: 92%;
  }
  .word p,
  .word p.p2 {
    text-indent: 0;
    word-break: break-all;
  }
}
.Page.frame .xgplayer-send-comment {
  display: none !important;
}
.Page.frame .frame-player {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: #000000;
}
.Page.frame .color-white {
  color: #ffffff;
}
.Page.frame .xgplayer video {
  position: absolute;
  top: 0;
  left: 0;
}
.mobile-player .xgplayer-enter {
  display: none !important;
}