@charset "utf-8";
/* CSS Document */
* {
  padding: 0;
  margin: 0;
  text-decoration: none;
  list-style-type: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

html,
body {
  -webkit-text-size-adjust: none;
  width: 100%;
  font-size: 50px;
}

body {
  font-weight: 400;
  font-size: 0.3rem;
  background: #f8f8f8;
}

/* img {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
} */

@media (min-width: 320px) {
  html {
    font-size: 42.6667px;
  }
}
@media (min-width: 360px) {
  html {
    font-size: 48px;
  }
}
@media (min-width: 375px) {
  html {
    font-size: 50px;
  }
}
@media (min-width: 384px) {
  html {
    font-size: 51.2px;
  }
}
@media (min-width: 414px) {
  html {
    font-size: 55.2px;
  }
}
@media (min-width: 448px) {
  html {
    font-size: 59.7333px;
  }
}
@media (min-width: 480px) {
  html {
    font-size: 48px;
  }
}
@media (min-width: 512px) {
  html {
    font-size: 68.2667px;
  }
}
@media (min-width: 544px) {
  html {
    font-size: 72.5333px;
  }
}
@media (min-width: 576px) {
  html {
    font-size: 76.8px;
  }
}
@media (min-width: 608px) {
  html {
    font-size: 81.0667px;
  }
}
@media (min-width: 640px) {
  html {
    font-size: 85.3333px;
  }
}
@media (min-width: 750px) {
  html {
    font-size: 100px;
  }
}

div,
form,
img,
ul,
ol,
li,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

ul,
li {
  list-style-type: none;
}

img {
  vertical-align: middle;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

button {
  vertical-align: middle;
  cursor: pointer;
}

input,
txt,
button {
  vertical-align: middle;
  border: none;
  background: none;
  outline: none;
}

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

a,
a:link,
a:hover,
a:visited {
  color: inherit;
  text-decoration: none;
}

.wrap {
  min-width: 320px;
  max-width: 750px;
  margin: 0 auto;
  overflow: hidden;
}

/* .container {
  padding: 0 0.3rem 0.3rem 0.3rem;
} */

.pcfix {
  min-width: 320px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  left: 50%;
  transform: translate(-50%);
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

/* 工具类 */
.clear {
  clear: both;
  overflow: hidden;
  height: 0px;
}

.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table;
}

.clearfix:after {
  clear: both;
  zoom: 1;
}

.lft {
  float: left;
}

.rgt {
  float: right;
}

.img-block {
  display: block;
  width: 100%;
  height: 100%;
}

.flex,
.f {
  display: flex;
}

.a-i_c {
  align-items: center;
}

.j-c_c {
  justify-content: center;
}

.j-c_s-b {
  justify-content: space-between;
}

.j-c_f-e {
  justify-content: flex-end;
}

.f-d_c {
  flex-direction: column;
}

.flex-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex_1 {
  flex: 1;
}

.f-w_w {
  flex-wrap: wrap;
}

.p_r {
  position: relative;
}

.p_a {
  position: absolute;
}

.HIDE {
  display: none;
}

.font-bold {
  font-weight: 500;

}

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

.wordbox.mul3 {
  -webkit-line-clamp: 3;
}

.wordbox.mul4 {
  -webkit-line-clamp: 4;
}

.bg_g {
  background: #f2f3f4 !important;
}

.bg_w {
  background: #fff !important;
}

.bg_black {
  background: #000 !important;
}

.padding_default {
  padding: 0.3rem;
}

.ui-mask {
  position: fixed !important;
  z-index: 888;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.underline {
  border-bottom: 1px solid #f3f3f3;
  box-sizing: border-box;
}

.underline2::after {
  content: '';
  width: 100%;
  height: 1px;
  background: #f3f3f3;
}

/* 页面样式 */

.footer {
  text-align: center;
  padding: 0.5rem 0 0.56rem;
}

.footer li {
  font-size: 0.24rem;
  color: #7d7d7d;
  line-height: 0.4rem;
  letter-spacing: 1px;
}

.footer li a,
.footer li a:link {
  color: #7d7d7d;
}

/* ++++++顶部条++++++ */
.list-top {
  width: 7.5rem;
  background: #317afc;
  color: #fff;
  font-size: 0.4rem;
  padding-left: 0.2rem;
  position: fixed;
  left: 50%;
  top: 0;
  transform: translate(-50%);
  z-index: 666;

  min-width: 320px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  /* overflow: hidden; */
}

.list-top + .skybox {
  height: 3rem;
}

.list-top + .skybox.detail {
  height: 1rem;
}

.list-top-line {
  width: 1px;
  height: 0.35rem;
  background: #ffffff;
  margin: 0 0.2rem;
}

.icon-default {
  width: 0.42rem;
  height: 0.42rem;
}

.icon-margin {
  margin: 0.29rem 0.26rem;
}

.icon-logo {
  width: 1.8rem;
  height: 0.43rem;
}
/* ------顶部条------ */

/* ++++++导航栏++++++ */
.init-nav {
  padding: 0 0.3rem;
  width: 100%;
  height: 2rem;
  padding: 0.3rem 0 0.3rem;

  font-size: 0.3rem;

  font-weight: 400;
  color: #535353;

  line-height: 0.5rem;
  background: #fff;

  position: absolute;
  left: 0;
  top: 1rem;
}

.init-nav a, .init-nav a:link {
  color: #535353 !important;
}

.talk-list .init-nav {
  height: initial;
}

.talk-list .skybox {
  height: 2.1rem;
}

.init-nav .menu {
  margin-left: 0.3rem;
}

.init-nav .menu div {
  margin-right: 1rem;
}

.init-nav .menu.j-c_s-b {
  margin-right: 0.3rem;
}

.init-nav .menu.j-c_s-b div {
  margin-right: 0;
  white-space: nowrap;
}

.nav-selected {
  font-size: 0.36rem;
  color: #000;
  font-weight: 500;

  position: relative;
}

.nav-selected::after {
  content: '\00A0';
  width: 0.37rem;
  height: 0.06rem;
  background: #387ffc;
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(169, 169, 169, 0.2);
  border-radius: 0.03rem;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%);
}

.nav-tags {
  width: 100%;
  display: flex;
  overflow-x: scroll;
}
.nav-tags a.tag {
  flex-shrink: 0;
  padding: 0.08rem 0.2rem;
  background: #f8f8f8;
  border-radius: 0.21rem;

  font-size: 0.26rem;

  font-weight: 400;
  color: #535353 !important;
  border: 1px solid #f8f8f8;
  line-height: 0.37rem;
  box-sizing: border-box;
  margin-left: 0.3rem;
}
.nav-tags a.tag.selected {
  background: none;
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(169, 169, 169, 0.2);
  border-radius: 0.21rem;
  border: 1px solid #498afc;
  box-sizing: border-box;
  color: #498afc !important;
}
.nav-tags::after {
  content: '\00A0';
  width: 0.3rem;
  height: 100%;
  flex-shrink: 0;
}
/* ------导航栏------ */

.container {
  padding: 0.3rem;
  background: initial;
  /* padding: 0.3rem 0.3rem 1.27rem; */
}

/* 内容盒子样式 */
.box {
  margin-top: 0.3rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #f3f3f3;
  box-sizing: border-box;

  font-weight: 400;
  display: block;
  font-size: 0.24rem;
}

.module .box:last-child {
  border-bottom: none;
}

.box2 {
  padding: 0.3rem 0.26rem;

  width: 6.9rem;
  /* min-height: 2.89rem; */
  background: #ffffff;
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(218, 218, 218, 0.2);
  border-radius: 0.14rem;
  margin-bottom: 0.3rem;
  box-sizing: border-box;

  font-weight: 400;
  display: block;
  font-size: 0.24rem;
  overflow: hidden;
}

.box2.isad {
  padding: 0;
}

.m-lr {
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}

.box-time {
  color: #888888;
  font-size: 12px;
  margin-top: 0.2rem;
}

.box-title {
  max-height: 1rem;
  font-size: 15px;
  line-height: 20px;
  /* line-height: 0.5rem; */
}
.box-title a{
  font-size: 18px;
}
.box-title-text {
  font-size: 15px;
  vertical-align: middle;
  color: #000;
}

.box-left {
  /* width: 4.24rem; */
  flex: 1;
  height: 80px;
}

.box-img {
  width: 120px;
  height: 80px;
  border-radius: 0.06rem;
  margin-left: 0.3rem;
  flex: none;
}

.box-imgs {
  margin-top: 0.22rem;
}

.box-imgs img {
  /* width: 2.18rem;
  height: 1.62rem; */
  flex: 1;
  overflow: hidden;
  height: 80px;
  border-radius: 0.06rem;
}

.box-imgs img + img {
  margin-left: 10px;
}

.box-desc {
  color: #888888;
  word-break: keep-all;
  margin-top: 0.22rem;
  font-size: 12px;
}

.box-name {
  color: #535353;
  word-break: keep-all;
}

.box-head {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 0.2rem;
  flex-shrink: 0;
}

.icon-view {
  margin-right: 0.08rem;
  width: 14px;
  height: 14px;
}

.box-tags a,
.box-tags div {
  padding: 0.05rem 0.15rem;
  border-radius: 0.2rem;
  border: 1px solid #387ffc;
  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 11px;
  color: #387ffc;

  margin-top: 0.2rem;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-right: 0.2rem;
}

.box-tags-wrap {
  width: 100%;
  flex-wrap: wrap;
}

.box-tags-wrap a {
  margin-left: 0.2rem;
  margin-right: 0;
  margin-top: 0.1rem;
  margin-bottom:0.1rem;
}
.box-tags-wrap i {
    font-size: 0.32rem;
    margin-top: 0.2rem;
}
.box-tags-wrap .asktags{
    padding: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
}
.box-name2 {
  margin-left: 0.2rem;
  word-break: keep-all;
  flex-shrink: 0;
}

.box-img-time {
  right: 0;
  bottom: 0;

  background: rgba(15, 15, 15, 0.64);

  border-top-left-radius: 0.08rem;

  padding: 0 0.08rem;

  font-size: 10px;

  font-weight: 400;
  color: #ffffff;
}

.box-imgLeft {
  width: 120px;
  height: 80px;
  border-radius: 0.06rem;
  margin-right: 0.3rem;
  flex: none;
  overflow: hidden;
}

.icon-support {
  width: 12px;
  height: 13px;
  margin-right: 0.13rem;
}

/* ++++++底部加载条++++++ */
.load-box {
  width: initial;
  /* height: 1.42rem;
  background: #f2f3f4; */
}

.load-box-btn {
  width: 6.9rem;
  height: 0.9rem;
  background: #ffffff;
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(218, 218, 218, 0.2);
  border-radius: 0.14rem;

  color: #888888;
  font-size: 0.26rem;
}

.arrow-bottom {
  margin-left: 0.1rem;
  width: 0.24rem;
  height: 0.13rem;
}
/* ------底部加载条------ */

/* ++++++问题区域++++++ */
.question .title {
  font-size: 0.4rem;
  color: #000000;
  line-height: 0.56rem;
  margin-bottom: 0.3rem;
  font-weight: 600;
}

.question .follow-btn {
  width: 1.36rem;
  height: 0.6rem;
  background: #387efa;
  border-radius: 0.3rem;
  font-size: 0.24rem;
  color: #ffffff;
}

.head-big-box {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  margin-right: 0.34rem;
}

.head-big {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  flex-shrink: 0;
}

.head-big-box .text {
  width: 1.09rem;
  height: 0.35rem;
  background: #387FFC;
  box-shadow: 0 0.03rem 0.06rem 0 rgba(56,127,252,0.1400);
  border-radius: 0.1rem;
  position: absolute;
  left: 50%;
  top: 0.59rem;
  transform: translate(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.22rem;

  color: #ffffff;
  pointer-events: none;
  z-index: 33;
}

.head-big-box .mask {
  width: 0.66rem;
  height: 0.66rem;
  border-radius: 50%;
  background: #000000;
  opacity: 0.14;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
}

.head-big-box .live {
  width: 0.19rem;
  height: 0.21rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 22;
}

.question .userinfo {
  font-size: 0.24rem;
  margin-left: 0.2rem;
}

.question .username {
  color: #0f0f0f;
}

.question .userdesc {
  color: #888888;
}

.question .userdesc span + span {
  margin-left: 0.2rem;
}

.question .desc,
.box-answer {
  /* font-size: 0.26rem; */
  font-size: 13px;

  font-weight: 400;
  color: #888888;
  /* line-height: 0.42rem; */
  margin-top: 0.18rem;
}

.box-answer {
  margin-top: 0.14rem;
}

.question .imgs {
  width: 100%;
  margin-top: 0.24rem;
}

.question .imgs::after {
  clear: both;
  content: '';
  display: block;
}

.question .imgs img {
  width: 1.52rem;
  height: 1.52rem;
  float: left;
  margin-right: 0.27rem;
  margin-bottom: 0.27rem;
}

.question .imgs img:nth-child(4n) {
  margin-right: 0;
}

/* ------问题区域------ */

/* ++++++分享区域++++++ */
.social-share .social-share-icon {
  width: 0.68rem;
  height: 0.68rem;
  margin-left: 0.2rem;
}
.social-share .social-share-icon img {
  width: 0.68rem;
  height: 0.68rem;
  border: solid 1px #f0f0f0;
  border-radius: 50%;
}
.share-box {
  font-size: 0.24rem;
  color: #888888;
  border-top: #f1f1f1 1px solid;
}
.support-btn {
  width: 1.84rem;
  height: 0.68rem;
  border-radius: 0.46rem;
  border: 1px solid #91afea;
  color: #91afea;
  font-size: 0.3rem;
}
.support-btn img {
  width: 0.3rem;
  height: 0.32rem;
  margin-right: 0.11rem;
}
/* ------分享区域------ */

/* ++++++回答区域++++++ */
.answer {
  margin-top: 0.2rem;
}
.answer .banner {
  padding: 0.22rem 0.31rem;
  font-size: 0.36rem;
  border-bottom: #f1f1f1 1px solid;
}

.answer .content {
  margin: 0 0.3rem;
  padding: 0.3rem 0 0.19rem;
  border-bottom: #f1f1f1 1px solid;
}

.answer .head-big {
  margin-right: 0.2rem;
}

.answer .content .name {
  font-size: 0.24rem;
  color: #2f4d81;
  flex-shrink: 0;
}
.answer .content .time {
  font-size: 0.24rem;
  color: #888888;
  margin-top: 0.1rem;
}
.answer .content .desc {
  color: #202122;
  margin-top: 0.13rem;
}
/* ------回答区域------ */

/* ++++++模块部分++++++ */
.module {
  background: #fff;
  margin-top: 0.2rem;
}

.discover .module:first-child,
.special-zixun .module:first-child {
  margin-top: 0;
}

.module-top {
  padding: 0.34rem 0.28rem;
  border-bottom: solid 0.01rem #f3f3f3;
}

.discover .module-top {
  padding: 0.34rem 0.28rem;
  border-bottom: solid 1px #f3f3f3;
  color: #535353;
}

.module-top h1,
.module-top h2 {
  font-size: 0.32rem;

  font-weight: 500;
  color: #000000;
  margin-left: 0.09rem;
}

.module-center {
  padding: 0 0.3rem;
}

.baike .module-center {
  padding: 0.3rem;
}

.zhuanti .module-center {
  padding: 0.3rem 0.1rem;
}

.module-bottom {
  height: 1.02rem;
  color: #387ffc !important;
  font-size: 0.28rem;
  /* line-height: 0.28rem; */
  border-top: 1px solid #f3f3f3;
  margin: 0 0.3rem;
}

.module-bottom a {
  position: relative;
  flex: 1;
}

.module-bottom a + a ::before {
  content: '';
  display: block;
  width: 1px;
  height: 0.48rem;
  background: #dddddd;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* ------模块部分------ */

/* ++++++推荐公众号部分++++++ */
.adv {
  padding: 0.36rem 0 0.3rem 0;
  overflow-x: scroll;
}
.adv::after {
  content: '\00A0';
  width: 0.3rem;
  flex-shrink: 0;
}
.adv .icon {
  width: 1.19rem;
  height: 1.94rem;
  margin-left: 0.3rem;
  flex-shrink: 0;
}
.adv .option {
  width: 4.28rem;
  height: 1.93rem;
  background: #ffffff;
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(169, 169, 169, 0.34);
  border-radius: 0.14rem;
  margin-left: 0.3rem;
  flex-shrink: 0;
  padding: 0.24rem;
}
.adv .option img {
  width: 0.78rem;
  height: 0.78rem;
  border-radius: 50%;
  margin-right: 0.16rem;
  flex-shrink: 0;
}
.adv .option .info .wordbox {
  color: #343238;
  -webkit-line-clamp: 1;
  line-height: 0.42rem;
}

.adv .option .info .wordbox + .wordbox {
  margin-top: 0.12rem;
  font-size: 0.24rem;

  color: #888888;
  -webkit-line-clamp: 3;
  line-height: 0.33rem;
}
/* ------推荐公众号部分------ */

/* ++++++公众号弹窗++++++ */

.dialog-ewm {
  display: none;
  z-index: 890;
}

.dialog-ewm .ewm-img {
  width: 5.63rem;
}

.dialog-ewm .ewm-bg {
  width: 5.63rem;
  background: #ffffff;
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(169, 169, 169, 0.2);
  border-radius: 0.22rem;
  overflow: hidden;
  padding-bottom: 0.52rem;
}
.dialog-ewm .ewm-top {
  width: 5.63rem;
  height: 2.2rem;
}
.dialog-ewm .ewm-code {
  width: 2.18rem;
  height: 2.18rem;
  margin-top: 0.38rem;
}

.dialog-ewm .ewm-title {
  margin-top: 0.2rem;

  font-weight: 500;
  color: #343238;
}

.dialog-ewm .ewm-desc {
  margin-top: 0.14rem;
  font-size: 0.24rem;
  color: #888888;
  line-height: 0.33rem;
  width: 4.53rem;
}

.dialog-ewm .ewm-tip {
  font-size: 0.26rem;
  color: #848586;
  margin-top: 0.46rem;
}

.dialog-ewm .ewm-tip::after,
.dialog-ewm .ewm-tip::before {
  width: 0.82rem;
  height: 1px;
  content: '';
  background: #d0d0d0;
  margin: 0 0.3rem;
}

.btn-ask {
  width: 1.42rem;
  height: 1.42rem;
  position: fixed;
  right: 0.16rem;
  bottom: 3.59rem;
}

/* ------公众号弹窗------ */

/* ++++++提问弹窗++++++ */
.dialog-ask {
  display: none;
}
.dialog-ask .ask-bg {
  width: 7.5rem;
  height: 88%;
  background: #f3f5f7;
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(169, 169, 169, 0.2);
  border-radius: 0.37rem 0.37rem 0rem 0rem;

  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 556;
  overflow: hidden;
}
.ask-top {
  width: 100%;
  height: 1.12rem;

  font-weight: 500;
  background: #fff;
  border-bottom: 1px solid #f3f5f7;
}

.ask-top::before {
  width: 0.06rem;
  height: 0.37rem;
  background: #3580fc;
  border-radius: 1px;
  margin: 0 0.08rem 0 0.3rem;
  content: '';
}

.ask-boxs {
  width: 100%;
  height: 100%;
  padding-bottom: 0.39rem;
  overflow-y: scroll;
}

.ask-box {
  width: 6.92rem;
  padding: 0.5rem 0;
  background: #ffffff;
  box-shadow: 0rem 0rem 0.15rem 1px rgba(169, 169, 169, 0.2);
  border-radius: 0.17rem;
  margin: 0.3rem 0.29rem 0;
}

.ask-title {

  font-weight: 500;
}

.ask-title img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2.67rem;
  height: 0.22rem;
  transform: translate(-50%, -50%);
}

.ask-desc {
  font-size: 0.26rem;
  color: #434343;
  margin-top: 0.5rem;
}

.ask-desc .red {
  color: #ff6c73;
}

.ask-img {
  width: 4.7rem;
  height: 3.04rem;
  margin-top: 0.38rem;
}

.ask-tip {
  font-size: 0.24rem;
  color: #434343;
  margin-top: 0.09rem;
}

.ask-tip2 {
  font-size: 0.24rem;
  color: #a6a6a6;
  margin-top: 0.12rem;
}
/* ------提问弹窗------ */

/* ++++++发现++++++ */
/* 首页模块补充 */
.arrow-right {
  margin-left: 0.1rem;
  width: 0.14rem;
  height: 0.24rem;
}

.arrow-right.bottom {
  margin-left: 0.16rem;
  transform: rotate(90deg);
}

.module-top-icon {
  width: 0.48rem;
  height: 0.48rem;
}

.box-container {
  padding: 0.24rem 0.24rem 0.32rem;
}

.topic-list .box {
  margin-top: 0;
}

.box-topic {
  width: 100%;
  border-radius: 0.14rem 0.14rem 0 0;
  overflow: hidden;
}

.topic-list .box-topic {
  border-radius: 0.14rem;
  background: #fff;
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(169, 169, 169, 0.2);
}

.topic-list .box-topic.isad {
  padding: 0 0.24rem;
}

.box-topic .topic-img {
  width: 100%;
  height: 2.75rem;
}

.box-topic .box-title-text {
  margin-top: 0.24rem;
}

.topic-list .box-topic .box-title-text {
  margin-top: 0;
}

.box-topic .box-desc {
  font-size: 12px;
  margin-top: 0.24rem;
}

.icon-hot {
  width: 0.26rem;
  height: 0.32rem;
  margin-right: 0.14rem;
}

.icon-doubleArrow {
  width: 0.21rem;
  height: 0.22rem;
  margin-left: 0.12rem;
}

.module-special {
  margin: 0.2rem 0 0 -0.2rem;
}

.module-special::after {
  content: '';
  display: block;
  clear: both;
}

.box-special {
  width: 3.35rem;
  height: 2.58rem;
  border-radius: 0.08rem;
  border: 0.01rem solid #e7e7e7;
  overflow: hidden;
  float: left;
  margin: 0 0 0.2rem 0.2rem;
}

.box-special .special-img {
  width: 3.35rem;
  height: 1.87rem;
}

.box-special .special-text {
  padding-left: 0.18rem;
  -webkit-line-clamp: 1;
  color: #252627;
}

.topicOptionsView {
  width: 100%;
  height: 1rem;
}

.topicOptions {
  height: 100%;
  font-size: 0.28rem;

  font-weight: 400;
  color: #535353;

  margin: 0 0.3rem 0 0.3rem;
}

.topicArrow {
  width: 0.1rem;
  height: 0.2rem;
  transform: rotate(0deg);
  transition: 0.2s;
  margin-left: 0.24rem;
}

.rotate {
  transform: rotate(90deg);
}

.topicOptionsBox {
  position: absolute;

  width: 2.25rem;
  height: 2.18rem;
  background: #ffffff;
  box-shadow: 0 1px 0.08rem 0 rgba(0, 0, 0, 0.33);
  border-radius: 0.06rem;
  right: 0.24rem;
  top: 0.9rem;
}

.topicOption {
  width: 100%;
  flex: 1;
  background: #fff;
  transition: 0.2s;
  padding-left: 0.24rem;

  font-size: 0.28rem;

  font-weight: 400;
  color: #000000;
}

.optionSelected {
  background: rgba(73, 138, 252, 0.07);
  color: #498afc;
}

.topic-list .container {
  padding: 0 0.3rem 0.3rem;
}

.topic-list .box:first-child {
  margin-top: 0;
}

.topic-list .load-box {
  margin-top: 0.3rem;
}

.special-list .container {
  padding: 0.3rem 0;
}

.special-list .load-box {
  padding-bottom: 0.3rem;
}

.topic-detail .topic-banner,
.detail-banner {
  width: 100%;
  display: block;
}

.topic-detail .radio {
  width: 0.29rem;
  height: 0.29rem;
  position: relative;
  margin-right: 0.11rem;
}

.topic-detail .radio input[type='checkbox'] {
  position: absolute;
  width: 0;
  height: 0;
}

.topic-detail .radio input[type='checkbox']:disabled::after {
  background: #ebebed;
}

.topic-detail .radio input[type='checkbox']:after {
  content: '';
  width: 0.29rem;
  height: 0.29rem;
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  border: 0.02rem solid #cecfd0;
  border-radius: 50%;
  box-sizing: border-box;
}

.topic-detail .radio input[type='checkbox']:checked:after {
  background: #387efa;
  border-radius: 50%;
  border: none;
  width: 0.29rem;
  height: 0.29rem;
}

.topic-detail .radio .selected {
  width: 0.1rem;
  height: 0.22rem;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;

  position: absolute;
  left: 53%;
  top: 45%;
  transform: translate(-50%, -50%) rotate(45deg) scale(0.8);
  display: none;
  z-index: 222;
}

.topic-detail .radio input[type='checkbox']:checked + .selected {
  display: block;
}

.miaoshu * {
  max-width: 100%;
}

.special-detail .biaoti {
  font-size: 0.4rem;
  line-height: 0.56rem;
  word-break: break-all;
}

.special-detail .info {
  font-size: 0.24rem;
  color: #888888;
  line-height: 0.33rem;
  margin-top: 0.14rem;
}

.icon-share {
  width: 0.46rem;
  height: 0.46rem;
}

.special-detail .desc {
  margin-top: 0.22rem;
  color: #202122;
  line-height: 0.5rem;
  word-break: break-all;
}

.special-zixun .box-desc {
  font-size: 13px;
  line-height: 0.37rem;
  word-break: initial;
}

.special-zixun .box-desc .wordbox {
  -webkit-line-clamp: 4;
  height: 100%;
}

.special-detail .baike .desc {
  color: #202122;
  line-height: 0.5rem;
}

.special-detail .baike .top {
  width: 6.9rem;
  height: 4.32rem;
}

.special-detail .baike .title {
  font-size: 0.32rem;
  margin: 0.3rem 0;
}

.special-detail .baike .desc {
  color: #202122;
  line-height: 0.5rem;
}

.baike-title {
  font-size: 0.4rem;
}

.weapp-box {
  width: 100%;
  background: #fff;
  padding: 0.2rem 4%;
  margin: 0.2rem 0;
  display: none;
}

.weapp-box.in {
  padding: 0.3rem 0;
  margin: 0;
  border-bottom: 1px solid #f3f3f3;
  box-sizing: border-box;
}

.special-menu {
  width: 1.02rem;
  height: 1.02rem;

  position: fixed;
  right: 0.25rem;
  bottom: 1.73rem;
  z-index: 333;
}

.special-zixun .menu {
  width: 4.11rem;
  height: 100%;
  background: #ffffff;
  box-shadow: 0 0.02rem 0.08rem 0 rgba(0, 0, 0, 0.33);

  position: absolute;
  right: 0;
  top: 0;
}

.special-zixun .menu-close {
  width: calc(100% - 4.11rem);
  height: 100%;

  position: absolute;
  left: 0;
  top: 0;
}

.menu-top {
  width: 4.11rem;
  height: 1.75rem;
  background: #f8f8f8;
  padding: 0.89rem 0.3rem 0;

  font-size: 0.4rem;

  font-weight: 500;
  color: #535353;
  box-sizing: border-box;
}

.menu-top img {
  width: 0.35rem;
  height: 0.25rem;
}

.menu-scroll {
  overflow-y: scroll;
  height: calc(100% - 1.75rem);
}
.menu-item {
  margin-left: 0.4rem;
  /* height: 1.09rem; */
  padding: 0.3rem 0;
}

.menu-child {
  margin-top: 0.3rem;
  white-space: normal;
}

.menu-point {
  width: 0.1rem;
  height: 0.1rem;
  background: #387ffc;
  border-radius: 50%;
  box-shadow: 0 0.06rem 0.22rem 0 rgba(169, 169, 169, 0.2);
  margin: 0 0.14rem 0 0.12rem;
}

/* 滚动banner */
.banner {
  width: 100%;
  margin: 0.4rem 0;
}

.banner .banner-pic li {
  overflow: hidden;
}

.banner .banner-pic li img {
  width: 100%;
  height: 100%;
  display: block;
}

.banner .banner-pic .swiper-pagination {
  bottom: 0.21rem;
  display: flex;
  justify-content: flex-end;
  padding-right: 0.55rem;
}

.banner .banner-pic .swiper-pagination-bullet {
  width: 0.08rem;
  height: 0.08rem;
  background: #fff;
  opacity: 0.6;
  border-radius: 0.08rem;
  margin: 0 0.05rem !important;
  transition: all 0.3s linear;
}

.banner .banner-pic .swiper-pagination-bullet-active {
  width: 0.3rem;
  opacity: 1;
}

.banner-pic {
  width: 7.5rem;
  /* height: 3.07rem; */
}

.banner .banner-count {
  padding: 0.06rem 0.22rem;
  font-size: 0.26rem;
  line-height: 0.37rem;
  background: rgba(0, 0, 0, 0.29);
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(169, 169, 169, 0.2);
  border-radius: 0.24rem;
  box-sizing: border-box;

  color: #fff;

  position: absolute;
  bottom: 0.2rem;
  right: 0.2rem;
  z-index: 10;
}

.banner-text {
  font-size: 0.24rem;
  color: #888888;
  line-height: 0.33rem;
  margin-bottom: 0.4rem;
  word-break: break-all;
}

.teacher-course-top {
  width: 7.5rem;
  height: 3.62rem;
  background: linear-gradient(90deg, #444a58 0%, #6f7081 100%);
}

.teacher-course-img {
  margin: 0 0.67rem 0 0.68rem;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
}

.teacher-course-name {
  font-size: 0.34rem;

  font-weight: 500;
  color: #ffffff;
}

.teacher-course-desc {
  font-size: 0.26rem;
  color: #fff;
  line-height: 0.37rem;
  margin-top: 0.14rem;
  padding-right: 0.3rem;
}

.teacher-course-list {
  padding: 0 0.43rem 0 0.15rem;
}

.teacher-course-box {
  width: 100%;
  height: 3.18rem;
  margin-top: 0.4rem;
  display: flex;
  justify-content: space-between;
}

.teacher-course-box-img {
  width: 2.61rem;
  height: 3.18rem;
  margin-right: 0.26rem;
  border-radius: 0.12rem;
}

.teacher-course-tag {
  width: 0.82rem;
  height: 0.37rem;
  border-radius: 0.12rem 0rem 0.12rem 0rem;
  font-size: 0.22rem;
  color: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
}

.teacher-course-box-title {

  font-weight: 500;
  color: #000000;
  line-height: 0.42rem;
}

.teacher-course-box-learn {
  font-size: 0.24rem;
  color: #9a9b9c;
}

.relevant {
  background: #f2f3f4;
  margin: 0 0.3rem;
}

.relevant-title {
  font-size: 0.36rem;

  font-weight: 500;
  color: #000000;

  margin: 0.5rem 0 0.4rem 0;
}

.app-top {
  width: 100%;
  height: 1.52rem;
  padding: 0.36rem 0.3rem;
  position: fixed;
  left: 0;
  top: 0;
  background: #f2f3f4;
  z-index: 333;
}

.app-bottom {
  width: 2.44rem;
  height: 0.69rem;
  background: #387ffc;
  border-radius: 0.35rem;
  position: fixed;
  left: 50%;
  bottom: 0.72rem;
  font-size: 0.26rem;

  font-weight: 500;
  color: #ffffff;
  line-height: 0.37rem;
  transform: translateX(-50%);
  z-index: 333;
}

.app-top + .skybox {
  height: 1.52rem;
}

.app-top .user {
  height: 40px;
}

.app-top .head {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  margin-right: 0.2rem;
}

.app-top .title {
  font-size: 0.28rem;

  font-weight: 500;
  color: #2f4d81;
  line-height: 0.4rem;
}

.app-top .desc {
  font-size: 0.24rem;
  color: #888888;
  line-height: 0.33rem;
}

.app-top .btn {
  width: 1.52rem;
  height: 0.69rem;
  background: #387ffc;
  border-radius: 0.35rem;
  font-size: 0.26rem;

  font-weight: 500;
  color: #ffffff;
  line-height: 0.37rem;
}

.user-tags {
  display: flex;
  flex: wrap;
  align-items: center;
  margin-left: 0.1rem;
}

.user-tags.box-tags a,
.user-tags.box-tags div {
  margin-top: 0;
}

.qa-goodbox {
  width: 1.02rem;
  height: 1.03rem;
  position: absolute;
  right: 0;
  top: 0.11rem;
}

.qa-goodpoint {
  position: absolute;
  right: 0;
  bottom: 0.03rem;
  display: flex;
  align-items: center;

  font-size: 0.24rem;
  color: #888888;
  line-height: 0.33rem;
}

.qa-goodpoint img {
  width: 0.26rem;
  height: 0.26rem;
  margin-right: 0.12rem;
}

.assess-title {
  width: 7.5rem;
  height: 0.93rem;
  border-top: 0.01rem solid #f1f1f1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.24rem;
  color: #888888;
  line-height: 0.33rem;
}

.askerlike {
  width: 1.43rem;
  height: 0.38rem;
  background: #f2f3f4;
  border-radius: 0.05rem;
  display: none;
  justify-content: center;
  align-items: center;
  margin-top: 0.2rem;
  font-size: 0.24rem;
  color: #969696;
  line-height: 0.33rem;
}

.timu .list-top + .skybox {
  height: 2.12rem;
}

.timu .init-nav {
  height: initial;
  border-bottom: 1px solid #f8f8f8;
}

.timu .init-nav .menu {
  margin-left: 0;
  padding: 0 0.3rem;
}

.timu .init-nav .menu div {
  margin-right: 0.25rem;
}

.timu-list {
  padding: 0.2rem 0 0;
}

.more-sky {
  height: 1.27rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.timu-box {
  padding: 0.3rem;
  display: flex;
  flex-direction: column;
  background: #ffffff;
}

.timu-box + .timu-box {
  margin-top: 0.2rem;
}

.timu-box .timu-title {
  font-size: 0.3rem;
  color: #000000;
  line-height: 0.44rem;
  white-space: pre-wrap;
}

.timu-box .timu-type {
  height: 0.45rem;
  background: #f2f3f4;
  border-radius: 0.23rem;
  padding: 0 0.22rem;
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  color: #575757;
  margin-top: 0.2rem;
}

.timu-box .timu-check {
  font-size: 0.24rem;
  color: #888888;
  margin-top: 0.2rem;
}

.timu-module {
  background: #ffffff;
}

.timu-module + .timu-module {
  margin-top: 0.2rem;
}

.timu-module .title {
  height: 0.95rem;
  padding: 0 0.3rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #317afc;
  font-size: 0.32rem;

  font-weight: 500;
  color: #317afc;
}

.timu-module .title::before {
  content: '\00A0';
  width: 0.04rem;
  height: 0.34rem;
  background: #387ffc;
  border-radius: 0.05rem;
  margin-right: 0.1rem;
}

.timu-codes {
  margin: 0.2rem;
  position: relative;
}

.timu-codes .timu-codebg {
  width: 7.1rem;
  height: 3.49rem;
}

.timu-codes .title {
  position: absolute;
  left: 50%;
  top: 0.14rem;
  transform: translate(-50%);
  font-size: 0.24rem;

  font-weight: 500;
  color: #357bf6;
  line-height: 0.33rem;
  width: 100%;
  height: 0.33rem;
  text-align: center;
}

.timu-codes .codes-box {
  display: flex;
  justify-content: center;
  padding-top: 0.93rem;
  font-size: 0.24rem;
  color: #357bf6;
  line-height: 0.45rem;
  position: absolute;
  left: 0;
  top: 0;
  width: 7.1rem;
  height: 3.49rem;
}

.timu-codes .codes-box .code {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.timu-codes .codes-box .code + .code {
  margin-left: 1.69rem;
}

.timu-codes .codes-box .code img {
  width: 1.62rem;
  height: 1.62rem;
  margin-bottom: 0.17rem;
}

.timu-codes .codes-box .code .btn {
  height: 0.45rem;
  padding: 0 0.15rem;
  line-height: 0.45rem;
  background: #357bf6;
  border-radius: 0.23rem;
  border: 0.01rem solid #357bf6;
  margin-left: 0.08rem;
  color: #ffffff;
}

.timu-codes .codes-box .code .btn1 {
  width: 1.81rem;
  height: 0.45rem;
  background: linear-gradient(180deg, #3DD49C 0%, #0FB98B 100%);
  border-radius: 0.23rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.24rem;

  font-weight: bold;
  color: #FFFFFF;
}

.timu-codes .codes-box .code .btn2 {
  width: 1.8rem;
  height: 0.45rem;
  background: #387FFC;
  border-radius: 0.23rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.24rem;

  font-weight: bold;
  color: #FFFFFF;
}

a.timu-next {
  font-size: 0.26rem;
  color: #535353;
  line-height: 0.37rem;
  padding: 0.26rem 0.3rem;
  display: block;
}

a.timu-next span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.timu-next + .timu-next {
  border-top: 1px solid #f3f3f3;
}

.timu-relevant {
  margin: 0 0.3rem;
  padding: 0.3rem 0;
  font-size: 0.3rem;
  color: #000000;
  line-height: 0.44rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.timu-relevant + .timu-relevant {
  border-top: 1px solid #f2f3f4;
}

.timu-module .subtitle {
  font-size: 0.3rem;
  color: #535353;
  line-height: 0.42rem;
  padding: 0.3rem 0.3rem 0;
}

.timu-module .timu-zixun {
  display: flex;
  padding: 0.3rem;
}

.timu-module .timu-zixun + .timu-zixun {
  border-top: solid 1px #f3f3f3;
}

.timu-module .timu-zixun .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.3rem;
  color: #000000;
  line-height: 0.42rem;
}

.timu-module .timu-zixun img {
  margin-left: 0.36rem;
  width: 2.36rem;
  height: 1.62rem;
  flex-shrink: 0;
}

.timu-module .timu-zixun .time {
  font-size: 0.24rem;
  color: #888888;
  line-height: 0.33rem;
}

.timu-module .timu-zixun .view {
  font-size: 0.24rem;
  color: #888888;
  line-height: 0.33rem;
  text-align: right;
}

.timu-options{
  display: flex;
  flex-direction: column;
  padding: 0.2rem 0;
  font-size: 0.28rem;
  color: #000000;
  line-height: 0.44rem;
}

.timu-option {
  margin-top: 0.2rem;
}

.talk-list .container{
  padding: 0 0.3rem 0.3rem;
}

.box-talk {
  width: 100%;
  border-radius: 0.14rem 0.14rem 0 0;
  overflow: hidden;
}

.talk-list .box-talk {
  border-radius: 0.12rem;
  background: #fff;
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(169, 169, 169, 0.2);
}

.talk-list .box-talk.isad {
  padding: 0 0.3rem;
}

.talk-list .box {
  padding-bottom: 0;
}

.box-talk .talk-img {
  width: 100%;
  height: 2.51rem;
}

.box-talk .box-container{
  padding: 0.2rem 0.3rem;
  position: relative;
}

.box-talk .box-desc {
  font-size: 0.26rem;
  color: #888888;
  line-height: 0.37rem;
  margin-top: 0;
}

.box-talk .talk-join {
  color: #387FFC;
}

.box-talk .talk-views{
  height: 0.32rem;
  background: rgba(15, 15, 15, 0.64);
  border-radius: 0.08rem 0rem 0rem 0rem;
  line-height: 0.32rem;
  padding: 0 0.07rem;
  font-size: 0.2rem;

  font-weight: 600;
  color: #FFFFFF;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(0,-100%);
}

.list-top .list-back {
  font-size: 0.3rem;
  color: #ffffff;
  line-height: 0.42rem;
  /* height: 1rem; */
  display: flex;
  align-items: center;
  -webkit-tap-highlight-color: transparent;
}

.list-top .list-back::before {
  content: '\00A0';
  display: block;
  width: 0.18rem;
  height: 0.18rem;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-right: 0.1rem;
}

.list-top .list-back::after {
  content: '\00A0';
  display: block;
  width: 1px;
  height: 0.35rem;
  background: #ffffff;
  margin-left: 0.2rem;
}

.tdetail-top {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
}

.tdetail-top-box {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.tdetail-top-box .infos {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.55rem 0.4rem 1.63rem;
}

.tdetail-top-box .infos .avatar {
  width: 1.4rem;
  height: 1.4rem;
  border: 0.04rem solid #FFFFFF;
  border-radius: 50%;
  overflow: hidden;
}

.tdetail-top-box .infos .title {
  font-size: 0.4rem;

  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.56rem;
  margin-top: 0.25rem;
}

.tdetail-top-box .infos .desc {
  margin-top: 0.2rem;
  font-size: 0.28rem;

  font-weight: 400;
  color: #E6E6E6;
  line-height: 0.4rem;
}

.tdetail-teacher-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 22;
  margin-top: -1.14rem;
  border-radius: 0.25rem 0.25rem 0 0;
  background: #FFFFFF;
}

.tdetail-teacher-box .nickname {
  font-size: 0.4rem;

  font-weight: 500;
  color: #222222;
  line-height: 0.56rem;
  margin-right: 0.2rem;
}

.tdetail-teacher-box .area {
  padding: 0 0.18rem;
  height: 0.37rem;
  background: #F5F7FA;
  border-radius: 0.19rem;
  display: flex;
  align-items: center;
  font-size: 0.22rem;
  color: #387FFC;
}

.tdetail-teacher-box .area img {
  width: 0.22rem;
  height: 0.22rem;
  margin-right: 0.08rem;
}

.tdetail-teacher-box .score {
  margin-top: 0.1rem;
  display: flex;
  align-items: center;
}

.tdetail-teacher-box .score .star {
  margin-right: 0.12rem;
  width: 0.27rem;
  height: 0.27rem;
  margin-right: 0.12rem;

}

.tdetail-teacher-box .score .star.active {

}

.tdetail-teacher-box .score .value {
  margin-right: 0.1rem;
  font-size: 0.3rem;

  font-weight: 500;
  color: #222222;
  line-height: 0.42rem;
}

.tdetail-teacher-box .desc {
  margin-top: 0.2rem;
  font-size: 0.26rem;

  font-weight: 400;
  color: #757474;
  line-height: 0.37rem;
  -webkit-line-clamp: 3;
}

.tdetail-teacher-box .tags {
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
}

.tdetail-teacher-box .tags .tag {
  padding: 0 0.16rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  border: 1px solid #387FFC;
  display: flex;
  align-items: center;
  font-size: 0.22rem;
  color: #387FFC;
  margin-right: 0.2rem;
}

.tdetail-bottom {
  /* margin-top: 0.2rem; */
  margin: 0.3rem;
  padding-bottom: 1.3rem;
}

.tdetail-navs {
  width: 100%;
  height: 1.14rem;
  display: flex;
  align-items: center;
  overflow-x: auto;
  /* padding: 0 0.9rem; */
  /* border-bottom: 1px solid #F1F1F1; */
}

.tdetail-navs .tdetail-nav {
  font-size: 0.32rem;
  color: #535353;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0.4rem 0.35rem 0.3rem;
  flex-shrink: 0;
}

.tdetail-navs .tdetail-nav:first-child {
  padding: 0.4rem 0.35rem 0.3rem 0.5rem;
}

.tdetail-navs .tdetail-nav:last-child {
  padding: 0.4rem 0.5rem 0.3rem 0.35rem;
}

.tdetail-navs .tdetail-nav.active {

  font-weight: bold;
  color: #387FFC;
  cursor: initial;
}

.tdetail-navs .tdetail-nav.active::after {
  content: '';
  display: block;
  width: 0.37rem;
  height: 0.06rem;
  background: #387FFC;
  box-shadow: 0 0.06rem 0.22rem 0 rgba(169,169,169,0.2000);
  border-radius: 0.03rem;
  position: absolute;
  left: 50%;
  bottom: 0.18rem;
  transform: translate(-50%);
}

.tdetail-navs .tdetail-nav.recommend::before {
  content: '推荐';
  width: 0.63rem;
  height: 0.33rem;
  background: #FFE8D4;
  border-radius: 0.17rem 0.17rem 0.17rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.22rem;

  font-weight: 500;
  color: #FF9113;
  position: absolute;
  top: 0.11rem;
  left: 100%;
}

.ziliao-items {
  display: flex;
  flex-direction: column;
  padding: 0 0.2rem;
}

.ziliao-items .item {
  height: 1.81rem;
  background: #FFFFFF;
  padding: 0.3rem 0 0.27rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #F3F3F3;
}

.ziliao.minsky {
  min-height: 100vh;
}

.ziliao-items .item .img {
  width: 1.15rem;
  height: 1.15rem;
  flex-shrink: 0;
  margin-right: 0.2rem;
  background: #F9F9F9;
  border-radius: 0.08rem;
}
.ziliao-items .item .img img {
  width: 1.15rem;
  height: 1.15rem;
}

.ziliao-items .item .tag {
  padding: 0 0.11rem;
  height: 0.27rem;
  background: #FF8E00;
  border-radius: 0.06rem;
  flex-shrink: 0;
  font-size: 0.22rem;
  color: #FFFFFF;
  line-height: 0.27rem;
}

.ziliao-items .item .title {
  font-size: 0.28rem;
  color: #000000;
  line-height: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ziliao-items .item .title .text {
  vertical-align: middle;
}

.ziliao-items .size {
  margin-right: 0.3rem;
  font-size: 0.24rem;
  color: #888888;
  line-height: 0.24rem;
  margin-top: 0.2rem;
}

.ziliao-items .count {
  font-size: 0.24rem;
  color: #888888;
  line-height: 0.24rem;
  margin-top: 0.2rem;
}

.ziliao-items .btn {
  flex-shrink: 0;
  width: 1rem;
  height: 0.44rem;
  background: linear-gradient(270deg, #FF7711 0%, #FC974D 100%);
  box-shadow: 0 0.06rem 0.06rem 0 #F9D3C3;
  border-radius: 0.22rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.24rem;

  color: #FFFFFF;
  line-height: 0.31rem;
  cursor: pointer;
  margin-left: 0.28rem;
}


.course-boxlist {
  display: flex;
  flex-direction: column;
}

.course-box {
  /* width: 7.5rem; */
  display: flex;
  padding: 0.3rem;
  margin-bottom: 0.3rem;
  background: #FFFFFF;
  border-radius: 0.16rem;
  border: 1px solid #ECEDEF;

}

.course-box .img {
  width: 1.83rem;
  height: 2.18rem;
  border-radius: 0.12rem;
  overflow: hidden;
  margin-right: 0.26rem;
  position: relative;
  flex-shrink: 0;
}

.course-box .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.course-box .img span {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.82rem;
  height: 0.37rem;
  background: #fdc444;
  border-radius: 0.12rem 0rem 0.12rem 0rem;
  font-size: 0.22rem;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.course-box .title {
  height: 0.76rem;
  font-size: 0.3rem;

  font-weight: bold;
  color: #000000;
  line-height: 0.38rem;
}

.course-box .period {
  width: 1.12rem;
  height: 0.46rem;
  background: #e6ebf2;
  border-radius: 0.23rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.24rem;
  color: #7b8eb1;
}

.course-box .origin {
  font-size: 0.24rem;
  color: #9a9b9c;
}

.course-box .info {
  font-size: 0.24rem;
  color: #9a9b9c;
  line-height: 0.33rem;
  margin-top: 0.37rem;
}

.course-box .dashed {
  /* width: 4.34rem; */
  height: 0.02rem;
  margin-top: 0.23rem;
}

.course-box .money {
  /* border-top: dashed 1px #e3e3e3; */
  margin-top: 0.21rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.course-box .newmoney {
  font-size: 0.3rem;

  font-weight: bold;
  color: #FE5824;
}

.course-box .oldmoney {
  font-size: 0.24rem;
  color: #9A9B9C;
  line-height: 0.33rem;
  display: block;
  position: relative;
  margin-left: 0.14rem;
}

.ke-live-btn {
  width: 1.34rem;
  height: 0.52rem;
  border-radius: 0.26rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.26rem;
  color: #FFFFFF;
  cursor: pointer;
  flex-shrink: 0;
}

.ke-live-btn.orange {
  background: linear-gradient(98deg, #FF9C00 0%, #F96006 100%);
  color: #FFFFFF;
}

.ke-live-btn.red {
  background: #FCE7E7;
  color: #D9001B;
}

.ke-live-btn.grey {
  background: #DDDFE8;
  color: #FFFFFF;
}


.tdetail-zhuanyewenda {
  padding: 0 0.3rem;
  border-radius: 0.16rem;
  border: 1px solid #ECEDEF;
  background: #FFFFFF;
}

.tdetail-ziliao {
  border-radius: 0.16rem;
  border: 1px solid #ECEDEF;
  background: #FFFFFF;
}


.answer-list {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
}

.answer-list .answer-item {
  display: flex;
  flex-direction: column;
  padding: 0.2rem 0;
}

.answer-list .answer-item .user {
  display: flex;
  align-items: center;
}

.answer-list .answer-item .user .head {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 0.2rem;
}

.answer-list .answer-item .user .name {
  font-size: 0.24rem;

  font-weight: 400;
  color: #0F0F0F;
  line-height: 0.33rem;
}

.answer-list .answer-item .question-title {
  font-size: 0.3rem;

  font-weight: 600;
  color: #000000;
  line-height: 0.42rem;
  margin-top: 0.2rem;
}

.answer-list .answer-item .user .desc {
  font-size: 0.24rem;
  color: #888888;
  line-height: 0.33rem;
  margin-top: 0.04rem;
}

.answer-list .answer-item .reply {
  padding: 0.2rem;
  background: #F9F9FA;
  border-radius: 0.04rem;
  margin-top: 0.2rem;
}

.answer-list .answer-item .reply .title {
  font-size: 0.24rem;
  color: #387FFC;
  line-height: 0.33rem;
}

.answer-list .answer-item .reply .desc {
  font-size: 0.28rem;

  font-weight: 400;
  color: #757474;
  line-height: 0.4rem;
  margin-top: 0.08rem;
}

.doc-dialog {
  width: 6.2rem;
  height: 5.43rem;
  background: #ffffff;
  border-radius: 0.14rem;
  padding: 0.4rem;
  position: relative;
}

.doc-title {
  font-size: 0.32rem;

  font-weight: bold;
  color: #387ffc;
  line-height: 0.47rem;
  text-align: center;
}

.doc-input {
  width: 5.4rem;
  /* height: 0.8rem; */
  background: #ffffff;
  border-radius: 0.12rem;
  border: 0.01rem solid #d7d7d7;
  margin-top: 0.4rem;
  padding: 0.22rem;
  font-size: 0.26rem;
  color: #373737;
  line-height: 0.37rem;
  box-sizing: border-box;
}

.doc-tip {
  margin-top: 0.3rem;
  font-size: 0.24rem;
  color: #7f7f7f;
  line-height: 0.33rem;
}

.doc-tip img {
  width: 0.27rem;
  height: 0.27rem;
  margin-right: 0.07rem;
}

.doc-error {
  position: absolute;
  left: 50%;
  top: 3.5rem;
  transform: translate(-50%);
  font-size: 0.24rem;
  color: #f73d3e;
  line-height: 0.33rem;
  display: none;
}

.doc-text {
  width: 5.4rem;
  margin-top: 0.4rem;
  font-size: 0.28rem;
  color: #1F1F1F;
  line-height: 0.5rem;
}

.doc-text + .doc-btn {
  top: 2.77rem;
}

.doc-btn {
  position: absolute;
  left: 50%;
  top: 4.03rem;
  width: 5.4rem;
  height: 0.9rem;
  background: #387ffc;
  display: flex;
  border-radius: 0.12rem;
  justify-content: center;
  align-items: center;
  font-size: 0.3rem;

  font-weight: 500;
  color: #ffffff;
  transform: translate(-50%);
}

.doc-btn.ban {
  background: #C3C6C9;
}

.doc-btn2 {
  position: absolute;
  left: 50%;
  top: 3.97rem;
  width: 5.4rem;
  height: 0.9rem;
  border-radius: 0.12rem;
  border: 1px solid #387FFC;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.3rem;

  font-weight: 500;
  color: #387FFC;
  transform: translate(-50%);
}

.tdetail-bottom-box {
  width: 7.5rem;
  height: 1.3rem;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #F2F2F2;
  position: fixed;
  z-index: 222;
  left: 50%;
  transform: translate(-50%);
  bottom: 0;
}

.tdetail-bottom-box .btn {
  width: 6.89rem;
  height: 0.8rem;
  background: #357BF6;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.3rem;

  font-weight: 500;
  color: #FFFFFF;
}

.ask-zixun {
  width: 100%;
  height: 1.3rem;

  padding: 0.28rem;
  margin-top: 0.3rem;
  display: flex;
  align-items: center;
}

.ask-zixun .title {
  width: 3.9rem;
  font-size: 0.26rem;

  font-weight: 600;
  color: #387FFC;
  line-height: 0.37rem;
  margin-right: 0.38rem;
}

.ask-zixun .btn {
  width: 1.46rem;
  height: 0.6rem;
  background: #387EFA;
  border-radius: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.24rem;
  color: #FFFFFF;
}

.fix-ziliao-bottom {
  width: 7.5rem;
  height: 1.39rem;
  background: #FFFFFF;
  box-shadow: 0 -0.07rem 0.09rem 0 rgba(169,169,169,0.2000);
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translate(-50%);
  display: flex;
  z-index: 301;
}
/*iPhone X 适配*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .fix-ziliao-bottom {
    height: 1.59rem;
    padding-bottom: 0.2rem;
  }
}
/*iPhone XS max 适配*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
  .fix-ziliao-bottom {
    height: 1.59rem;
    padding-bottom: 0.2rem;
  }
}
/*iPhone XR max 适配*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  .fix-ziliao-bottom {
    height: 1.59rem;
    padding-bottom: 0.2rem;
  }
}

.fix-ziliao-bottom .left-box {
  width: 4.27rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fix-ziliao-bottom .left-box img {
  width: 0.75rem;
  height: 0.58rem;
  margin-right: 0.22rem;
}

.fix-ziliao-bottom .left-box .text1 {
  font-size: 0.3rem;
  color: #000000;
  line-height: 0.42rem;
}

.fix-ziliao-bottom .left-box .text2 {
  font-size: 0.3rem;
  color: #F46359;
  line-height: 0.42rem;
  margin-top: 0.02rem;
}

.fix-ziliao-bottom .right-box {
  width: 3.23rem;
  background: #387FFC;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.3rem;

  font-weight: 500;
  color: #FFFFFF;
  line-height: 0.42rem;
}

.fix-ziliao-bottom .right-box img {
  width: 0.53rem;
  height: 0.42rem;
  margin-bottom: 0.1rem;
}

.keywords .keyword-top {
  height: 1.1rem;
  display: flex;
  position: fixed;
  width: 7.5rem;
  left: 50%;
  top: 1rem;
  transform: translate(-50%);
  overflow: hidden;
}

.keywords .keyword-top .menu {
  width: 0.42rem;
  height: 0.42rem;
  flex-shrink: 0;
  margin: 0.35rem 0.3rem 0 0.23rem;
}

.keywords .keyword-top.active {
  height: 100%;
}

.keywords .keyword-top .ui-mask {
  display: none;
}

.keywords .keyword-top.active .ui-mask {
  display: block;
}

.keywords .keyword-top-content {
  background: #ffffff;
  display: flex;
  position: absolute;
  z-index: 900;
}

.keywords .keys {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-left: -0.14rem;
  padding-top: 0.32rem;
  flex: 1;
  align-self: flex-start;
}

.keywords .keys .key {
  font-size: 0.46rem;

  font-weight: 400;
  color: #878787;
  line-height: 0.46rem;
  flex-shrink: 0;
  margin-left: 0.44rem;
  margin-bottom: 0.5rem;
}

.keywords .keys .key.active {
  position: relative;
  color: #387FFC;
}

.keywords .keys .key.active::after {
  content: '';
  position: absolute;
  width: 0.14rem;
  height: 0.04rem;
  background-color: #217DFF;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0.08rem);
}

.keywords .keys2 {
  display: flex;
  flex-wrap: wrap;
  background: #FFFFFF;
  margin-left: -0.3rem;
  margin-top: 1.3rem;
  padding-bottom: 0.42rem;
}

.keywords .keys2 .keyword {
  font-size: 0.3rem;

  font-weight: 400;
  color: #202122;
  line-height: 0.3rem;
  margin: 0.4rem 0 0 0.6rem;
}

.page-list {
  padding: 0.55rem 0;
  font-size: 0.26rem;
  color: #5a5a5a;
  background: #FFFFFF;
  justify-content: center;
}

.page-list .item {
  width: 0.56rem;
  height: 0.56rem;
  border-radius: 0.03rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  color: #5a5a5a;
  cursor: pointer;
  margin-right: 0.15rem;
}

.page-list .item.current {
  background: #387ffc;
  border: 1px solid #387ffc;
  color: #ffffff;
}

.page-list .item.last,
.page-list .item.next {
  color: #d9d9d9;
}

.page-list .skip {
  flex-shrink: 0;
}

.page-list .skip input {
  width: 0.84rem;
  height: 0.56rem;
  background: #FFFFFF;
  border-radius: 0.03rem;
  border: 1px solid #d9d9d9;
  margin: 0 0.12rem;
  text-align: center;
}

.ziliao-banner {
  width: 7.5rem;
  height: 1.26rem;
}

.banner-close {
  width: 0.72rem;
  height: 0.72rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
}

.banner-close img {
  width: 0.32rem;
  height: 0.32rem;
}

.spks-banner {
  margin: 0.3rem;
  width: 6.9rem;
  height: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 0.4rem;

  font-weight: 500;
  color: #317AFC;
}

.spks-navs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.1rem 0.3rem;
}

.spks-navs .item {
  font-size: 0.3rem;
  color: #535353;
  line-height: 0.42rem;
}

.spks-navs .item.active {
  font-size: 0.36rem;

  font-weight: 500;
  color: #000000;
  line-height: 0.5rem;
  position: relative;
}

.spks-navs .item.active::after {
  content: '';
  display: block;
  width: 0.53rem;
  height: 0.04rem;
  background: #217DFF;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0.05rem);
}

.spks-items {
  display: flex;
  flex-direction: column;
}

.spks-item {
  padding: 0.3rem;
  display: flex;
  flex-direction: column;
}

.spks-item .title {
  font-size: 0.3rem;
  color: #202122;
  line-height: 0.47rem;
}

.spks-item .title span {
  vertical-align: middle;
}

.spks-item .title .tag {
  padding: 0 0.15rem;
  height: 0.33rem;
  background: #387FFC;
  border-radius: 0.2rem;
  margin-right: 0.14rem;
  font-size: 0.22rem;
  color: #FFFFFF;
  line-height: 0.3rem;
}

.spks-item.article .info {
  margin-top: 0.26rem;
}

.spks-item .time,
.spks-item .view {
  font-size: 0.24rem;
  color: #808080;
  line-height: 0.28rem;  
  display: flex;
  align-items: center;
}

.spks-item .time img {
  margin-right: 0.12rem;
  width: 0.24rem;
  height: 0.24rem;
}

.spks-item .view img {
  margin-right: 0.12rem;
  width: 0.28rem;
  height: 0.28rem;
}

.spks-item .desc {
  margin-top: 0.22rem;
  font-size: 0.28rem;
  color: #808080;
  line-height: 0.36rem;
  -webkit-line-clamp: 3;
}

.spks-item .showall {
  padding-top: 0.24rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.26rem;
  color: #808080;
  line-height: 0.37rem;
}

.spks-item .showall img {
  width: 0.24rem;
  height: 0.14rem;
  margin-left: 0.16rem;
}

.spks-item + .spks-item {
  border-top: 1px solid #ECEDEE;
}

.spks-item.zywd .info {
  margin-top: 0.27rem;
  display: flex;
}

.spks-item.zywd .info .img {
  width: 2.36rem;
  height: 1.62rem;
  margin-right: 0.37rem;
}

.spks-item.zywd .info .desc {
  margin-top: 0;
}

.spks-item.zywd .info .time {
  font-size: 0.24rem;
  color: #202122;
  line-height: 0.28rem;
}

.spks-item.wenda .info {
  font-size: 0.24rem;
  color: #888888;
  margin-top: 0.24rem;
}

.spks-item.wenda .title {
  -webkit-line-clamp: 3;
}

.spks-item.wenda .info .head {
  display: flex;
  align-items: center;
}

.spks-item.wenda .info .head img {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 0.2rem;
}

.spks-item.wenda .info .name {
  color: #535353;
  margin-right: 0.2rem;
}

.dialog-spks-article {
  position: fixed;
  top: 0;
  width: 7.5rem;
  height: 100%;
  background: #FFFFFF;
  z-index: 700;
  padding-bottom: 1.08rem;
}

.dialog-spks-article .wordbox {
  overflow: initial;
  display: block;
}

.dialog-spks-article .showall {
  display: none;
}

.dialog-spks-article .btns { 
  width: 100%;
  height: 1.08rem;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 0.3rem 0;
  display: flex;
  background: #FFFFFF;
}

.dialog-spks-article .btns .btn1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: 0.28rem;
  color: #808080;
  line-height: 0.4rem;
  border-right: 1px solid #DDDDDD;
}

.dialog-spks-article .btns .btn1 img {
  width: 0.24rem;
  height: 0.14rem;
  transform: rotateX(180deg);
  margin-left: 0.16rem;
}

.dialog-spks-article .btns .btn2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: 0.28rem;
  color: #387FFC;
  line-height: 0.4rem;
}

.dialog-spks-article .btns .btn2 img {
  width: 0.14rem;
  height: 0.24rem;
  margin-left: 0.16rem;
}

.dialog-spks-article .title {
  pointer-events: none;
}

.spks-relevant {
  padding: 0.3rem;
  border-top: 0.2rem solid #F2F3F4;
  display: flex;
  flex-direction: column;
}

.spks-relevant .title {
  font-size: 0.32rem;

  font-weight: 500;
  color: #484848;
  line-height: 0.32rem;
  padding-left: 0.1rem;
}

.spks-relevant .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 0.23rem;
}

.spks-relevant .items .item {
  width: 3.3rem;
  height: 0.6rem;
  background: #F5F9FF;
  border-radius: 0.06rem;
  margin-top: 0.2rem;
  font-size: 0.26rem;

  color: #647999;
  line-height: 0.6rem;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  /* display: -webkit-box; */
  box-sizing: border-box;
  padding: 0 0.1rem;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.spks-relevant + .spks-items {
  border-top: 0.2rem solid #F2F3F4;
}

.spks-items + .spks-items {
  border-top: 1px solid #ECEDEE;
}

.dialog-spks-article .spks-item {
  overflow-y: scroll;
  height: 100%;
}

.fixbtn-ask {
  width: 1.13rem;
  height: 1.13rem;
  right: 0.3rem;
  bottom: 4.85rem;
  display: none;
}

.spks-item .desc img {
  display: none;
}

.keywords.bg_w {
  padding-bottom: 1.39rem;
}

.spks-item.course .info {
  display: flex;
  margin-top: 0.26rem;
}

.spks-item.course .info .img {
  width: 1.37rem;
  height: 1.62rem;
  margin-right: 0.3rem;
  flex-shrink: 0;
}

.spks-item.course .info .text {
  font-size: 0.28rem;

  font-weight: 400;
  color: #808080;
  line-height: 0.36rem;
  -webkit-line-clamp: 3;
}

.spks-item.course .info .money {
  font-size: 0.34rem;

  font-weight: 400;
  color: #FF4700;
  line-height: 0.36rem;
}

.spks-item.tiku .info {
  margin-top: 0.24rem;
}

.spks-item.tiku .info .type {
  /* width: 0.97rem; */
  padding: 0 0.13rem;
  height: 0.46rem;
  background: #F4F4F4;
  border-radius: 0.12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.24rem;
  color: #535353;
}

.spks-item.tiku .info .view {
  font-size: 0.24rem;
  color: #808080;
  line-height: 0.28rem;
}


.course-comments {
  display: flex;
  flex-direction: column;
  border-radius: 0.16rem;
  border: 1px solid #ECEDEF;
  background: #FFFFFF;
}

.course-comment {
  margin: 0 0.3rem;
  padding: 0.3rem 0;
  display: flex;
}

.course-comment + .course-comment {
  border-top: 1px solid #f1f1f1;
}

.course-comment .head {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 0.2rem;
  flex-shrink: 0;
}

.course-comment .name {
  font-size: 0.24rem;
  color: #2f4d81;
  line-height: 0.33rem;
}

.course-comment .time {
  margin-top: 0.14rem;
  font-size: 0.24rem;
  color: #888888;
  line-height: 0.33rem;
}

.course-comment .desc {
  margin-top: 0.13rem;
  font-size: 0.28rem;
  color: #202122;
  line-height: 0.4rem;
}

.warp.warp-rg-nav {
  margin-top: 3.18rem;
}

.warp-rg-nav2 {
  margin-top: 2.28rem;
}

.rg-nav {
  width: 7.5rem;
  height: 2rem;
  position: fixed;
  left: 50%;
  transform: translate(-50%);
  top: 1.18rem;
  z-index: 666;
  min-width: 320px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.rg-nav .init-nav {
  top: 0;
  background: #ffffff;
}


.warp-rg-nav2 .rg-nav {
  height: 1.1rem;
}

.timu-logged {
  display: none;
}

.timu-login {
  width: 7.5rem;
  height: 2.5rem;
  position: relative;
}

.timu-login .bg {
  width: 100%;
  height: 100%;
  display: block;
}

.timu-login .btn {
  width: 3.48rem;
  height: 0.78rem;
  background: rgba(56,127,252,0.08);
  border-radius: 0.1rem;
  border: 1px solid #387FFC;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.28rem;

  font-weight: bold;
  color: #387FFC;
}

.timu-login .btn img {
  width: 0.28rem;
  height: 0.28rem;
  margin-right: 0.09rem;
}
/**/
.rg-teacher {
  width: 7.5rem;
  height: 2.15rem;
  background: #F2F3F4;
  padding: 0.2rem;
}

.rg-teacher .rg-box {
  width: 7.1rem;
  height: 1.75rem;
  background: #FFFFFF;
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  padding: 0 0.15rem;
}

.rg-teacher .teacher {
  width: 5rem;
  display: flex;
  align-items: center;
}

.rg-teacher .teacher .head {
  width: 0.9rem;
  height: 0.9rem;
  position: relative;
  margin-right: 0.2rem;
  flex-shrink: 0;
}

.rg-teacher .teacher .head .img {
  width: 0.9rem;
  height: 0.9rem;
  box-shadow: 0rem 0.06rem 0.22rem 0rem #D4D4D4;
  border: 0.04rem solid #FFFFFF;
  background: #DCDCDC;
  overflow: hidden;
  border-radius: 50%;
  display: block;
  
}

.rg-teacher .teacher .head .like {
  content: '';
    position: absolute;
    bottom: 1px;
    right: 1px;
    width: 20px;
    height: 20px;
    background-image: url(../img/light.png);
    background-size: cover;
    z-index: 1;
    border-radius: 50%;
    left: 75%;
    top: 0.57rem;
}

.rg-teacher .teacher .title {
  font-size: 0.32rem;

  font-weight: 600;
  color: #000000;
  line-height: 0.38rem;
}
.rg-teacher .teacher .lvsuo{
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.rg-teacher .teacher span{
    padding-bottom: 0.1rem;
    
}

.rg-teacher .teacher .tag {
  margin-top: 0.11rem;
  background: #F8F3E5;
  border-radius: 0.09rem;
  border: 1px solid #F9E7C1;
  padding: 0.04rem 0.08rem;
  font-size: 0.24rem;
    margin-right: 0.15rem;
  font-weight: 400;
  color: #B89361;
  line-height: 0.26rem;
  white-space: nowrap;
}

.rg-teacher .line {
  margin: 0 0.2rem;
  width: 1px;
  height: 0.73rem;
  background: #CBCBCB;
}

.rg-teacher .btns {

  align-items: center;
  justify-content: space-between;
  flex: 1;
}

.rg-teacher .btns .btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.24rem;

  font-weight: 400;
  color: #888888;
  line-height: 0.3rem;
}

.rg-teacher .btns .btn i {
 font-size: 0.35rem;
  margin-bottom: 0.13rem;
  color: #409eff;
}

.rg-teacher .btns .btn span {
  text-align: center;
}

.rg-recommand {
  margin: 0.26rem 0.28rem 0;
  width: 6.94rem;

  background-color: #FFFFFF;
  overflow: hidden;
  border-radius: 0.2rem;
}

.rg-teacher .recommend-label{
    position: absolute;
    right: 0;
    background-color: rgb(0 0 0 / 10%);
    color: white;
    padding: 2px 2px;
    font-size: 10px;
    border-radius: 1px;
    margin-top: -0.4rem;
    margin-right: 0.3rem;
}
.article {
  background: #fff;
  overflow: hidden;
}
.article .article-head {
  padding: 0.32rem 0 0.3rem;
}
.article .article-head h1 {
  font-size: 0.4rem;
  color: #000000;
  line-height: 0.56rem;
}
.article .article-head .source-date {
  line-height: 0.36rem;
  padding-top: 0.2rem;
  margin-bottom: 0.08rem;
}
.article .article-head .source-date > div {
  font-size: 0.24rem;
  color: #888888;
}
/*.article .article-head .source-date span{ color:#2764FF}*/
.article-body {
  font-size: 0.3rem;

  font-weight: 400;
  color: #202122;
  line-height: 0.5rem;
  padding: 0.3rem 0 0;
  word-break: break-word;
}
.article-body h1, 
.article-body h2, 
.article-body h3, 
.article-body h4, 
.article-body h5, 
.article-body h6 {
  padding: 0.2rem 0;
  line-height: initial;
}
.article-body p {
  padding: 0.1rem 0;
  text-indent: 2em;
  font-size: 18px;
    line-height: 36px;
}
.article-body img{
    margin: 0 auto;
    display: block;
}
.article .author-number {
  padding-bottom: 0.24rem;
  overflow: hidden;
}
.article .author-number .author {
  float: left;
  font-weight: 400;
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.5rem;
}
.source-date .number {
  float: right;
  font-size: 0.24rem;
  color: #999999;
  padding-left: 0.38rem;
  position: relative;
}
.source-date .number:before {
  content: '';
  position: absolute;
  width: 0.27rem;
  height: 0.27rem;

  background-size: 0.27rem 0.27rem;
  background-position: 0 0;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.article .article-UpDown {
  margin-top: 0.34rem;
}
.authorss {
  color: #387ffc;
  font-weight: 600;
}
.article .article-UpDown li {
  font-size: 0.26rem;

  border-top: solid 1px #f3f3f3;

  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;

  font-weight: 400;
  color: #535353;
  line-height: 0.42rem;
  padding: 0.22rem 0.3rem 0;
  margin-bottom: 0.22rem;
}
.article .article-UpDown li:last-child {
  padding: 0;
  margin: 0;
}
.article .share {
  height: 0.74rem;
}

.article .article-UpDown li a {
  font-size: 0.26rem;
  color: #535353;
}

.article .collection {
  float: right;
  width: 1.3rem;
  height: 0.58rem;
  border: solid 1px #0092fe;
  border-radius: 0.06rem;
  text-align: center;
  line-height: 0.56rem;
  font-size: 0.3rem;
  color: #2764ff;
  font-weight: 600;
  margin-top: 0.3rem;
}
.article .collection.active {
  color: #999999;
  border: none;
}
.tag-boxs-new {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    font-size: 0.26rem;
    font-weight: 400;
    color: #535353;
    margin-top: 0.3rem;
}
.tag-boxs-new span {
    margin-bottom: 0.3rem;
    color: rgb(127, 127, 127);
}
.article-nav {
  font-size: 0.24rem;

  font-weight: 400;
  color: #545454;
  margin: 0.15rem;
}

.article-nav span + span::before {
  content: '>';
  font-size: 0.24rem;
  margin: 0 0.14rem;
  color: #545454 !important;
}

.article-nav span:last-child {
  color: #387ffc;
}
.module .jinpai{
    background-color: #B8860B;
    border-radius: 5px 0pt 0pt 5px;
    height: 2rem;
    line-height: 0.45rem;
    width: 1rem;
    padding: 0.09rem;
    font-size: 0.35rem;
    font-weight: bold;
    color: #fff;
    margin-left: 10px;
}