.extensionReaditem_right_top,
.premoteAuthorSummary,
.swiper-slide-stitle,
.swiper-slide-title {
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.containerBox .container {
  padding: 0;
}
.swal-footer {
  text-align: center !important;
  margin-top: 26px;
}
.swal-button {
  background-color: #ffdb00 !important;
  color: #212629 !important;
}
.swal-text {
  color: #575757;
  font-size: 18px;
}
.swal-button--confirm {
  width: 140px;
  height: 42px;
}
/* ::-webkit-scrollbar {
  width: 5px;
  height: 5px
}

::-webkit-scrollbar-track {
  background: #f2f2f2
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .2)
}

::-webkit-scrollbar-thumb:hover {
  background: #f2f2f2
}

::-webkit-scrollbar-thumb:active {
  background: rgba(0, 0, 0, .2)
} */

.swiper-pagination.change {
  padding-right: 10px;
  text-align: right;
}

.swiper-pagination.change span {
  transition: width 0.3s;
  -moz-transition: width 0.3s;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  border-radius: 4px;
}

.swiper-pagination.change .swiper-pagination-bullet-active {
  width: 20px;
}

.swiper-slide-stitle,
.swiper-slide-title {
  font-size: 18px;
  color: #fff;
  width: 100%;
  padding: 12px 24px 18px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(136, 104, 104, 0) 0, rgba(31, 33, 45, 0.5) 100%);
}

.swiper-slide-stitle {
  padding: 6px 12px 9px;
  font-size: 16px;
}

.left {
  float: left;
}

.containerBox {
  background: #f7f8fa;
  padding: 0 0 76px;
}

.container {
  width: 1280px;
  margin: 0 auto;
}

.contentLeft {
  width: 804px;
  margin-right: 12px;
}

.bannerL.swiper-container {
  width: 528px;
  height: 340px;
  margin-right: 8px;
  border-radius: 6px;
}

.bannerL img {
  width: 100%;
  height: 340px;
}

.bannerR img {
  width: 268px;
  height: 166px;
}

.bannerR img {
  border-radius: 6px;
}

.bannerR .firstImg {
  height: 166px;
  margin-bottom: 9px;
}

.contentRightBanner {
  padding-bottom: 10px;
  position: relative;
  width: 340px;
  background: #f5f7f9;
  display: none;
  margin-right: 10px;
}

.contentRightBanner img {
  width: 340px;
  height: 340px;
}

.articleListBox {
  margin-top: 10px;
  background: #fff;
}

.recommend {
  line-height: 58px;
  color: #212629;
}

.articleBox {
  padding: 20px 0;
  height: 188px;
  border-bottom: none;
  background: #fff;
}

.articleImg {
  position: relative;
  width: 210px;
  height: 132px;
  border-radius: 6px;
  margin-right: 13px;
  background: url(/img/placeholder.png) no-repeat;
  background-size: 100%;
  overflow: hidden;
  margin-left: 17px;
}

.article,
.articleImg img {
  height: 100%;
}

.article {
  position: relative;
  width: 560px !important;
}

.pc_content a {
  display: inline-block;
  color: #0389ff;
}

.article .pc_content .blockquote {
  padding: 16px 18px;
  background: #f5f6f9;
  position: relative;
  margin: 24px 0;
  margin-bottom: 18px;
  border-radius: 6px;
  border-left: 5px solid #eee;
}

.blockquote:before {
  display: block;
  width: 13px;
  height: 11px;
  background: url(https://qnssl.niaogebiji.com//605ff764c617d3cd28dbbdd72be8f9a2.png) center/100% 100% no-repeat;
  content: '';
  margin-bottom: 10px;
}

.topicIndex {
  position: relative;
  z-index: 3;
  margin-top: -1px;
  padding: 30px 17px 20px !important;
}

.articleBox:nth-of-type(5) {
  border: none;
}

.articleTitle {
  font-size: 18px;
  line-height: 40px;
  margin-top: -5px;
  color: #212121;
  margin-bottom: 10px;
}

.articleTitle:hover {
  color: #0289ff;
}

.expanded {
  height: auto;
}

.expanded .articleContent {
  height: auto;
  padding: 7px;
  width: 780px;
}

.expanded .articleTitle {
  padding: 2px;
  margin: 11px;
}

.expanded .articleInfBox {
  display: block !important;
}

.RichContent {
  line-height: 1.67;
}

.ContentItem-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 20px 10px;
  margin: 0 -20px -10px;
  color: #646464;
  clear: both;
}

.ContentItem-actions.is-fixed {
  margin: 0;
}

.collectNum,
.readNum {
  margin-right: 25px;
  color: #999;
}

.Sticky.is-fixed {
  position: fixed;
  z-index: 2;
  box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
}

.apply {
  position: absolute;
  right: 24px;
  bottom: 0;
  width: 100px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  border-radius: 15px;
}

.readNum {
  background: url(/img/ico_read2.png) left no-repeat;
}

.collectNum {
  background: url(/img/ico_like2.png) left no-repeat;
}

.is-fixed .author,
.is-fixed .collectJsBtn,
.is-fixed .readNum,
.is-fixed .shareThis,
.is-fixed .shrinkThisBtn,
.is-fixed .writeTime {
  font-size: 14px;
  margin-right: 25px;
}

.more {
  font-size: 12px;
  line-height: 44px;
  color: #b0b0b0;
  text-align: right;
  display: block;
}

.more:hover {
  color: #0289ff;
}

.topicListTitle {
  font-size: 18px;
  line-height: 38px;
  color: #212121;
}

.loadMore {
  margin-top: 0 !important;
  height: 60px;
  font-size: 16px;
  line-height: 60px;
  background: #fff !important;
  color: #9e9e9e;
  text-align: center;
}

.loadMore:hover {
  background: #eee;
}

.loadMore > div {
  width: 766px;
  height: 49px;
  background: rgba(247, 248, 250, 1);
  margin: 0 auto;
  line-height: 49px;
}

.contentRight {
  width: 354px;
  height: 100%;
  margin-right: 8px;
}

.bannerRImg {
  width: 100%;
  height: 326px;
  margin-bottom: 30px;
}

.rankingBox {
  overflow: hidden;
  padding-bottom: 22px !important;
}

.SideRightBox {
  padding: 24px 9px 9px 17px;
  background-color: #fff;
  margin: 10px 0 0;
  width: 354px;
}

.SideRightBox:nth-child(2) {
  margin-top: 0;
}

.SideRightTitleWrap {
  height: 31px;
  color: #212629;
}

.SideRightTitle {
  font-size: 20px;
  position: relative;
  height: 31px;
  line-height: 31px;
}

.SideRightTitle:after {
  width: 5px;
  height: 31px;
  background: linear-gradient(0deg, rgba(255, 201, 76, 1), rgba(255, 133, 91, 1));
  border-radius: 3px;
  top: 0;
}

.courseList {
  padding: 44px 0 1px;
}

.courseListItem {
  width: 325px;
  height: 285px;
  border: 1px solid #e5e6e7;
  padding: 13px 13px 0;
  margin-bottom: 43px;
}

.courseListItem:last-child,
.rankingListItem:last-child {
  margin-bottom: 0;
}

.courseListImg {
  width: 298px;
  height: 168px;
  display: block;
}

.courseListTitle {
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(43, 40, 37, 1);
  margin: 19px 0 5px;
}

.courseListText,
.topicAboutNum {
  color: rgba(131, 131, 131, 1);
  font-weight: 400;
}

.courseListText {
  height: 33px;
  font-size: 14px;
  font-family: PingFang SC;
  line-height: 20px;
}

.rankingTime {
  float: right;
  position: relative;
}

.rankingTime span {
  display: inline-block;
  width: 26px;
  text-align: center;
  margin-right: 20px;
  color: #707070;
  font-size: 18px;
}

.rankingTime .subscript {
  position: absolute;
  left: 2px;
  bottom: -2px;
  width: 22px;
  height: 3px;
  background: #fcc53a;
  border-radius: 2px;
}

.rankingTime .rankingTimeChecked {
  color: #212121;
}

.rankingList {
  font-size: 14px;
  width: 340px;
}

.rankingListItem {
  width: 330px;
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  color: #686665;
  line-height: 20px;
  background-repeat: no-repeat;
  background-position: left center;
  margin-top: 16px;
  height: 70px;
  display: flex;
}

.bookContent,
.bookTitle,
.premoteAuthorName,
.premoteAuthorSummary,
.topicAboutNum {
  font-family: PingFang SC;
}

.rankNum1,
.rankingTipViewNum,
.rankingTipViewNum1 {
  position: absolute;
  color: #fff;
}

.rankingTipNum {
  position: absolute;
  left: -2px;
  top: 0;
  width: 93px;
  height: 22px;
}

.rankingTipViewNum {
  left: 47px;
  top: 0;
  transform: scale(0.7);
  font-size: 16px;
}

.rankingTipViewNum1 {
  left: 39px;
  top: 1.5px;
  transform: scale(0.7);
  font-size: 16px;
}

.rankingTipNum1 {
  position: absolute;
  left: -2px;
  top: 0;
  width: 90px;
  height: 22px;
}

.rankNum1 {
  left: 4%;
  top: 4%;
  font-size: 14px;
}

.appstore-search-form,
.bookContent,
.bookR,
.rankingLeft {
  position: relative;
}

.rankingArtImg {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.rankingLeft {
  width: 110px;
  height: 70px;
  margin-right: 16px;
}

.rankingRight {
  width: 59%;
}

.rankingListItemAppStore {
  padding-left: 0;
  color: #9e9e9e;
}

.rankingListItemTop7 {
  color: #2d2a27;
}

.rankingListItem1 {
  white-space: initial;
  background-position-x: 2px;
  line-height: 20px;
  margin-bottom: 16px;
  height: auto;
}

.rankingListItem2,
.rankingListItem3 {
  height: 70px;
  white-space: initial;
  line-height: 23px;
  margin-bottom: 16px;
}

.rankingListItem2 {
  background-position-x: 3px;
}

.appstore-search-btn {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 14px;
  height: 14px;
  cursor: pointer;
}

.rankingListItem3 {
  background-position-x: 2px;
}

.appstore-input,
.header_title2 {
  height: 29px;
  background: rgba(240, 240, 240, 1);
}

.rankingContent:hover {
  color: #0289ff;
}

.rankingContent span {
  width: 30px;
  display: inline-block;
}

.rankingList a {
  color: #212629;
}

.appstore-input {
  width: 317px;
  border-radius: 6px;
  display: block;
  margin: auto;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: 295px center;
  border: 0;
}

.tab-body {
  margin: 0 -9px;
  overflow: hidden;
}

.tab-body-wrap {
  width: 300%;
}

.tab-body-tab {
  width: 33.33%;
  float: left;
  padding: 0 9px;
}

.adImgBox {
  background-color: #fff;
  margin-top: 18px;
}

.adImgBox img {
  width: 100%;
  height: 232px;
  padding-bottom: 10px;
}

.bookeCommendTitle {
  padding: 0 10px 0 16px;
  font-size: 16px;
  line-height: 3;
  color: #212121;
}

.bookmore {
  float: right;
  font-size: 14px;
  color: #b0b0b0;
}

.bookmore:hover {
  color: #0289ff;
}

.bookList {
  padding: 20px 0 14px;
}

.bookR {
  width: 190px;
  height: 100px;
}

.bookImg {
  width: 80px;
  height: 100px;
  margin-right: 16px;
}

.bookImg img {
  height: 100%;
}

.bookTitle {
  color: #212121;
  line-height: 22px;
  width: 255px;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
}

.bookContent {
  font-size: 14px;
  line-height: 20px;
  color: #838383;
  overflow: hidden;
  max-height: 40px;
  margin-top: 4px;
  font-weight: 400;
  width: 226px;
  margin-bottom: 13px;
}

.articleClassify,
.yellowlabel {
  position: absolute;
  text-align: center;
}

.articleClassify {
  font-size: 12px;
  top: 10px;
  left: 10px;
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
  color: #fff;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 1);
}

.articleList.bannerL {
  width: 780px;
}

.articleListR .exCourse {
  width: 340px;
  height: 326px;
  padding: 10px 10px 0;
  margin-bottom: 88px;
  position: relative;
}

.courseImgBox {
  width: 320px;
  position: relative;
}

.yellowlabel {
  background: url(/img/yellowlabel.png) no-repeat;
  background-size: 100%;
  width: 69px;
  height: 40px;
  left: -9px;
  top: 18px;
  line-height: 30px;
  font-size: 14px;
  color: #212121;
  z-index: 3;
}

.courseTitle {
  font-size: 18px;
  line-height: 36px;
  width: 100%;
  overflow: hidden;
  color: #212121;
}
/* 
.activity {
  width: 340px;
  height: 326px;
  padding: 10px;
  border: 1px solid #eee;
  position: relative;
  margin-bottom: 30px;
} */
/* 
.activity:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.activity .free {
  position: absolute;
  left: -8px;
  top: 20px;
  width: 76px;
} */
/* 
.activity .bottom .title {
  font-size: 16px;
  line-height: 16px;
  padding-top: 20px;
  color: #27313e;
  font-weight: 700;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.activity .bottom .time {
  font-size: 13px;
  color: #b0b0b0;
} */

p.btn .time {
  color: #b0b0b0;
}

.loadPPT {
  color: #b0b0b0;
  font-size: 12px;
  padding-left: 20px;
  display: inline;
  background: url(/img/dlclass.png) left center no-repeat;
}

.loadPPT:hover {
  color: #0289ff;
  background: url(/img/dlclasshover.png) left center no-repeat;
}

.activity .bottom .btn span {
  position: relative;
  top: 4px;
}

.nowClass {
  color: #0289ff;
  margin-right: 10px;
}

p.btn .join {
  position: absolute;
  bottom: 13px;
  right: 20px;
  width: 102px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #03b5ff;
  border-radius: 22px;
  font-weight: 700;
}

.applyNum {
  font-size: 12px;
  margin-top: 22px;
  line-height: 40px;
  color: #b0b0b0;
}

.articleListR .adImgBox {
  margin-bottom: 30px;
  height: 232px;
  padding: 0;
}

.hotfindLi {
  width: 670px;
}

.hotFindList {
  padding-bottom: 22px !important;
}

.hotList {
  padding: 0 10px;
  height: 39px;
  color: #999;
  margin: 20px 16px 0 0;
  font-size: 14px;
  color: rgba(151, 151, 151, 1);
  line-height: 39px;
  background: rgba(247, 247, 247, 1);
  border-radius: 20px;
}

.hotListWidth {
  width: 95px;
  text-align: center;
}

.hotList:hover {
  background: #ffdb00;
  color: #212629;
  border: 1px solid #ffdb00;
}

.tab-title {
  height: 40px;
  margin-bottom: 12px;
}

.tab-title a {
  width: 33%;
  font-size: 18px;
  font-family: PingFang-SC-Bold;
  color: rgba(43, 40, 37, 1);
  line-height: 37px;
  border-bottom: 4px solid #eae6e6;
  height: 40px;
  display: block;
  float: left;
  text-align: center;
}

.tab-title a.on {
  color: rgba(255, 141, 89, 1);
  border-bottom: 4px solid #ff885a;
}

.lookmore {
  display: inline-block;
  float: right;
  font-size: 14px;
  color: #999;
}

.lookmore:hover {
  color: #0289ff;
}

.lookmoreBig {
  display: block;
  width: 310px;
  height: 32px;
  border: 1px solid rgba(255, 136, 90, 1);
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(255, 136, 90, 1);
  line-height: 32px;
  text-align: center;
  margin: auto auto 20px;
}

.lookmoreBig:hover {
  color: #754a39;
}

.bannerAuthor {
  font-size: 12px;
  color: #fff;
}

.bannerAuthor.big {
  font-size: 14px;
}

.topicAboutBox {
  padding-top: 0 !important;
}

.searchPage .contentLeft {
  margin: 0 auto;
}

.searchTitleBox {
  border-bottom: 1px solid #eee;
  text-align: center;
}

.searchTitle {
  font-size: 18px;
  line-height: 54px;
  position: relative;
  margin-right: 60px;
  color: #707070;
}

.searchTitle.checked:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 2px;
  width: 32px;
  height: 4px;
  background: #ffda44;
}

.checked.searchTitle a {
  color: #212121;
}

.searchTypeBox {
  padding: 20px 0;
}

.rankingBox .related {
  font-size: 14px;
  color: #212121;
}

.noSearchData {
  font-size: 14px;
  color: #707070;
  text-align: center;
  line-height: 34px;
  margin-top: 80px;
}

.related span {
  color: #0289ff;
}

.ranking {
  float: right;
}

.rankingstyle {
  font-size: 12px;
  position: relative;
  margin-left: 40px;
  padding-right: 10px;
  color: #b0b0b0;
}

.downRanking,
.upRinking {
  position: absolute;
  right: 0;
}

.rankingstyle.checked {
  color: #0289ff;
}

.updown {
  width: 0;
  height: 0;
  border-width: 6px 4px;
  border-style: solid;
}

.upRinking {
  top: -4px;
  border-color: #fff #fff #b0b0b0;
}

.upRinking.checked {
  border-color: #fff #fff #0289ff;
}

.downRanking {
  bottom: -2px;
  border-color: #b0b0b0 #fff #fff;
}

.downRanking.checked {
  border-color: #0289ff #fff #fff;
}

.commonSearchInput,
.topicAboutItem {
  border: 1px solid #eee;
  margin-bottom: 30px;
}

.commonSearchBox {
  font-size: 16px;
  line-height: 40px;
}

.bannerTitle,
.bannerTitleText {
  line-height: 1.5;
  text-align: left;
}

.commonSearchInput {
  float: left;
  font-size: 16px;
  padding-left: 5px;
  width: 660px;
  height: 40px;
  outline: 0;
}

.commonSearchBtn {
  float: left;
  width: 120px;
  height: 40px;
  color: #fff;
}

.scrollTop {
  display: none;
  position: fixed;
  bottom: 100px;
  width: 40px;
  height: 40px;
  background: url(/img/scrolltop.png) center no-repeat, #eee;
  left: 50%;
  margin-left: 420px;
}

.bannerTitle,
.bannerTitleBg {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.scrollTop:hover {
  background: url(/img/scrolltophover.png) center no-repeat, #eee;
}

.bannerTitleBg {
  left: 0;
  height: 20%;
}

.bannerTitle {
  left: 0;
  color: #fff;
  font-size: 16px;
  padding: 10px 12px 5px;
  background: rgba(0, 0, 0, 0.5);
}

.bannerR > a,
.premoteAuthorItem,
.sudden_left2,
.sudden_top_one {
  position: relative;
}

.bannerTitle .bannerTitleText.big {
  font-size: 20px;
  width: 780px;
}

.bannerTitleText {
  display: inline-block;
  font-size: 18px;
  width: 500px;
}

.bannerTitle.small {
  font-size: 14px;
  padding: 5px 12px;
}

.bannerTitle.small .bannerTitleText,
.hb {
  padding: 0;
}

.topicAboutList {
  padding-top: 20px;
}

.topicAboutItem {
  width: 320px;
  padding: 10px;
}

.topicAboutItem img {
  width: 300px;
  height: 168px;
}

.topicAboutTitle {
  line-height: 30px;
  color: #212121;
}

.topicAboutContent {
  line-height: 22px;
  width: 300px;
  margin-bottom: 1px;
}

.topicAboutNum {
  font-size: 12px;
  line-height: 32px;
}

.topicAboutNum span {
  color: #b0b0b0;
}

.premoteAuthorImg {
  display: block;
  width: 63px;
  height: 63px;
  border-radius: 50%;
}

.premoteAuthorRightBlock {
  width: 245px;
  float: right;
}

.premoteAuthorName {
  font-size: 16px;
  font-weight: 400;
  color: #2b2825;
  line-height: 24px;
  display: block;
  float: left;
  margin-right: 9px;
  margin-bottom: 5px;
}

.premoteAuthorName:hover {
  color: #0289ff;
}

.premoteAuthorSummary {
  font-size: 13px;
  font-weight: 400;
  color: #838383;
  line-height: 19px;
  width: 168px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

.premoteAuthorWatchButton {
  width: 58px;
  height: 26px;
  display: block;
  cursor: pointer;
  margin-top: 1px;
  border-radius: 6px;
  font-size: 12px;
  color: #212629;
  line-height: 28px;
  background: #ffdb00;
  float: right;
  border: 0;
}

.premoteAuthorWatchButton .hasFollow {
  border-radius: 6px;
  border: 1px solid rgba(170, 174, 179, 1);
  color: #aaaeb3;
}

.ewm_box,
.sudden {
  border-radius: 12px;
}

.premoteAuthorItem {
  height: 95px;
}

.promoteAuthorTitle {
  margin-bottom: 22px;
}

.promoteAuthorCheckMore {
  font-size: 14px;
  font-weight: 200;
  color: rgba(151, 151, 151, 1);
  line-height: 19px;
  text-align: right;
  padding-top: 10px;
}

.promoteAuthorCheckMore a {
  color: #909091;
}

.articleContent img {
  width: auto;
  margin: 0 auto;
}

.fixedMc {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 86px;
  z-index: 999999999;
  background: rgba(0, 0, 0, 0.3);
  overflow: hidden;
  display: none;
}

.sudden {
  width: 835px;
  height: 552px;
  background: rgba(255, 255, 255, 1);
  position: absolute;
  overflow: hidden;
  top: -100%;
  left: 50%;
  margin-left: -418px;
}

.sudden_left {
  width: 460px;
  height: 100%;
  display: inline-block;
}

.sudden_left > img {
  width: 424px;
  height: 331px;
  margin-top: 95px;
  margin-left: 24px;
}

.sudden_right {
  width: 375px;
  height: 100%;
  display: inline-block;
  position: absolute;
}

.sudden_top {
  font-size: 28px;
  margin-top: 110px;
  margin-left: 10px;
  color: #252424;
}

.sudden_top_one {
  font-size: 62px;
  color: rgba(203, 203, 203, 0.14);
  margin-left: 10px;
  margin-top: -20px;
  left: -4px;
}

.sudden_tip {
  font-size: 20px;
  color: rgba(89, 89, 89, 1);
  margin-left: 10px;
  margin-top: 15px;
}

.sudden_start {
  width: 258px;
  height: 47px;
  background: rgba(255, 193, 7, 1);
  border-radius: 24px;
  margin-top: 40px;
  margin-left: 10px;
  color: #fff;
  text-align: center;
  line-height: 47px;
  cursor: pointer;
}

.sudden_start:hover {
  color: #0a0909;
  box-shadow: 2px 3px 10px rgba(255, 193, 7, 0.3);
}

.sudden_top_onebox {
  width: 83px;
  height: 27px;
  background: rgba(251, 97, 115, 1);
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  line-height: 27px;
  text-align: center;
  position: absolute;
  bottom: 16px;
  left: 5px;
}

.sudden_a,
.sudden_b,
.sudden_over {
  background: rgba(255, 255, 255, 1);
  margin-left: 10px;
  cursor: pointer;
}

.sudden_over {
  width: 258px;
  height: 47px;
  border: 1px solid rgba(86, 86, 86, 1);
  color: rgba(86, 86, 86, 1);
  border-radius: 24px;
  margin-top: 24px;
  text-align: center;
  line-height: 47px;
}

.sudden_over:hover {
  border: 1px solid #0a0909;
  color: #0a0909;
}

.sudden_dttop {
  font-size: 62px;
  color: rgba(203, 203, 203, 0.14);
  margin-left: 10px;
  margin-top: 96px;
}

.sudden_question {
  width: 300px;
  font-size: 20px;
  color: rgba(37, 36, 36, 1);
  margin-top: 8px;
  margin-left: 10px;
}

.sudden_a {
  margin-top: 38px;
}

.sudden_b {
  margin-top: 25px;
}

.sudden_a,
.sudden_b {
  width: 300px;
  border: 1px solid rgba(234, 234, 234, 1);
  border-radius: 12px;
  line-height: 25px;
  padding: 10px 0 10px 10px;
  font-size: 18px;
  color: rgba(89, 89, 89, 1);
}

.sudden_active,
.sudden_ltop {
  background: rgba(255, 193, 7, 1);
}

.sudden_active {
  border: none;
  color: rgba(81, 49, 11, 1);
}

.extensionReaditem_left,
.extensionReaditem_left > img {
  border-radius: 6px;
  width: 120px;
  height: 75px;
}

.sudden_ltop {
  width: 24px;
  height: 6px;
}

.sudden_left2 {
  padding-left: 68px;
  padding-top: 62px;
}

.sudden_des {
  font-size: 20px;
  color: rgba(37, 36, 36, 1);
  margin-top: 18px;
}

.sudden_df {
  font-size: 14px;
  color: rgba(127, 122, 122, 1);
  margin-top: 10px;
}

.sudden_fen {
  font-size: 46px;
  color: rgba(255, 72, 72, 1);
}

.sudden_img {
  width: 253px;
  height: 188px;
  position: absolute;
  right: 30px;
  top: 100px;
}

.sudden_img > img {
  width: 228px;
  height: 169px;
}

.sudden_content {
  min-height: 170px;
  width: 345px;
  margin-top: 60px;
  font-size: 12px;
  color: rgba(77, 77, 77, 1);
  margin-bottom: 16px;
}

.sudden_ewm {
  position: absolute;
  top: 196px;
  left: 200px;
  z-index: 99;
  display: none;
}

.sudden_ewm > img {
  width: 102px;
  height: 102px;
}

.sudden_list:first-child {
  margin-top: 0;
}

.sudden_list {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 20px;
  cursor: pointer;
}

.sudden_list2 {
  margin-top: 12px;
  display: none;
}

.sudden_list > div,
.sudden_list_r > img {
  display: inline-block;
}

.sudden_list2:nth-child(10) {
  padding-bottom: 12px;
}

.sudden_green {
  color: rgba(56, 203, 83, 1) !important;
}

.sudden_red {
  color: rgba(255, 72, 72, 1) !important;
}

.sudden_list_l {
  width: 290px;
}

.sudden_list_r {
  position: absolute;
  right: 0;
}

.sudden_list_r > img {
  width: 10px;
  height: 6px;
  margin-left: 6px;
}

.sudden_list_zqd,
.sudden_list_zqd:last-child {
  display: block !important;
}

.changeback,
.sudden1,
.sudden2,
.sudden3,
.sudden4,
.sudden5,
.sudden6,
.sudden_close {
  display: none;
}

.sudden_list_zqd > span:nth-child(2) {
  font-size: 14px;
  color: rgba(0, 0, 0, 1);
}

.sudden7 {
  height: auto !important;
}

.sudden_xw {
  font-size: 22px;
  color: rgba(50, 46, 46, 1);
  margin-top: 58px;
}

.sudden_xw > img {
  width: 90px;
  height: 21px;
}

.sudden_xw > span {
  color: rgba(255, 193, 7, 1);
}

.sudden_lhtip,
.sudden_tj {
  color: rgba(0, 0, 0, 1);
  font-size: 14px;
}

.sudden_lhtip {
  margin-top: 8px;
}

.sudden_feng {
  width: 294px;
  height: 1px;
  background: rgba(233, 233, 233, 1);
  margin-top: 20px;
}

.extensionRead_list,
.sudden_tj {
  margin-top: 15px;
}

.sudden_close {
  width: 22px;
  height: 22px;
  position: absolute;
  left: 50%;
  margin-left: 360px;
  top: 85px;
  cursor: pointer;
  z-index: 9;
}

.sudden6 {
  overflow-y: scroll !important;
}

.sudden6::-webkit-scrollbar {
  display: none;
}

.extensionRead_list_item {
  margin-top: 21px;
}

.extensionRead_list_item:last-child {
  margin-bottom: 11px;
}

.extensionReaditem_left {
  display: inline-block;
  overflow: hidden;
}

.extensionReaditem_right {
  left: 3px;
  display: inline-block;
  width: 166px;
  height: 75px;
  position: relative;
}

.extensionReaditem_right_top {
  font-size: 15px;
  font-family: PingFang-SC-Medium;
  font-weight: 400;
  color: rgba(43, 40, 37, 1);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  position: absolute;
  top: 0;
  line-height: 19px;
}

.extensionReaditem_right_bottom {
  position: absolute;
  bottom: 0;
  width: 166px;
}

.extensionReaditem_right_bottom > span {
  font-size: 12px;
  font-family: PingFang-SC-Medium;
  font-weight: 400;
  color: rgba(131, 131, 131, 1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 65px;
}

.sudden_ewmfx {
  width: 117px;
  height: 36px;
  background: rgba(255, 202, 0, 1);
  box-shadow: 0 1px 9px 0 rgba(255, 202, 0, 0.57);
  border-radius: 6px;
  font-size: 14px;
  color: rgba(1, 1, 1, 1);
  line-height: 36px;
  text-align: center;
  margin-top: 17px;
  display: inline-block;
  cursor: pointer;
}

.changeback,
.changeclose,
.detailback {
  line-height: normal;
  cursor: pointer;
}

.appChange {
  width: 354px;
  height: 630px;
  background: #fff;
  margin-top: 10px;
}

.appchange_xhx {
  width: 309px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 8px;
}

.appChange_box {
  margin: 0 19px 0 16px;
}

.yellowafter2:after {
  content: '';
  position: absolute;
  left: 0;
  width: 5px;
  height: 19px;
  background: #ffda44;
  border-radius: 3px;
  top: 0;
}

.changeback {
  font-size: 14px;
  color: rgba(80, 78, 76, 1);
  margin-left: 200px;
}

.detail_top_dp,
.detail_top_fens,
.detail_top_lei,
.detail_top_name,
.detail_top_num,
.detail_top_xx,
.detailback {
  display: inline-block;
}

.detailback {
  font-size: 14px;
  color: rgba(80, 78, 76, 1);
  margin-left: 210px;
  position: relative;
}

.detail_top {
  width: 318px;
  height: 126px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 1px 10px 0 rgba(228, 228, 228, 0.49);
  margin-top: 40px;
  margin-left: 2px;
  position: relative;
}

.detail_top_logo {
  width: 52px;
  height: 52px;
  background: rgba(140, 140, 140, 1);
  box-shadow: 0 1px 10px 0 rgba(228, 228, 228, 0.49);
  border-radius: 50%;
  position: absolute;
  left: 13px;
  top: -15px;
}

.detail_top_xx,
.detail_top_xx > img {
  width: 87px;
  height: 14px;
}

.detail_top_fens {
  font-size: 14px;
  color: rgba(245, 81, 68, 1);
  margin-left: 83px;
  position: relative;
  top: -1px;
}

.detail_top_xx {
  margin-left: 8px;
  margin-top: 12px;
}

.detail_top_logo > img {
  width: 52px;
  height: 52px;
  border-radius: 50%;
}

.detail_top_dp {
  color: rgba(113, 113, 113, 1);
  font-size: 12px;
  position: absolute;
  top: 11px;
  right: 17px;
  margin-left: 38px;
}

.detail_top_bet {
  margin: 20px 18px 0;
}

.detail_top_name {
  width: 100px;
  font-size: 22px;
  color: rgba(53, 53, 53, 1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.detail_top_num {
  width: 177px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 20px;
  text-align: right;
  color: rgba(245, 81, 68, 1);
}

.detail_top_lei {
  font-size: 14px;
  color: rgba(113, 113, 113, 1);
  margin-left: 11px;
}

.detail_top_lei:first-child,
.detail_yqyx > div {
  margin-left: 17px;
}

.detail_top_rhzc {
  font-size: 14px;
  color: rgba(113, 113, 113, 1);
  position: absolute;
  bottom: 28px;
  right: 17px;
}

.detail_bottom {
  margin-top: 27px;
}

.detail_bottom_title {
  display: flex;
  height: 34px;
}

.detail_bottom_type {
  position: relative;
  display: inline-block;
  width: 100px;
  flex: 1;
  text-align: center;
  color: #717171;
  cursor: pointer;
}

.detail_bottom_type2 {
  color: #353535;
}

.detail_bottom_type_xhx {
  width: 47px;
  height: 2px;
  background: linear-gradient(90deg, rgba(255, 207, 94, 1), rgba(255, 184, 24, 1));
  border-radius: 1px;
  margin: 6px auto 0;
  cursor: pointer;
  display: none;
}

.detail_tab {
  height: 218px;
  position: relative;
  overflow: hidden;
}

.detail_tab1,
.detail_tab2,
.detail_tab3 {
  overflow-y: scroll;
  max-height: 218px;
}

.detail_jcxx {
  margin-top: 28px;
}

.detail_jcxx2 {
  margin-top: 18px;
}

.detail_jcxx_left {
  width: 97px;
  font-size: 14px;
  color: rgba(113, 113, 113, 1);
  display: inline-block;
  float: left;
}

.detail_bottom_text1 {
  text-align: left;
  cursor: pointer;
}

.detail_bottom_text3 {
  text-align: right;
}

.detail_jcxx_right {
  display: inline-block;
  font-size: 14px;
  color: rgba(53, 53, 53, 1);
  width: 216px;
}

.detail_jcxx_zywz {
  padding: 5px 9px;
  background: rgba(244, 244, 246, 1);
  border-radius: 4px;
  color: rgba(110, 110, 110, 1);
  display: inline-block;
  font-size: 12px;
  margin-right: 11px;
  margin-bottom: 10px;
}

.alertsBox,
.appChange_check,
.appcheck > img,
.clockBox > .left,
.clockBox > .right,
.detail_button,
.header_title2 {
  border-radius: 6px;
}

.detail_button {
  width: 315px;
  height: 35px;
  background: #ffdb00;
  font-size: 16px;
  color: #212629;
  text-align: center;
  line-height: 35px;
  margin-top: 33px;
  cursor: pointer;
}

.detail_button:hover {
  background: #ffd100;
}

.detail_yqyx {
  font-size: 12px;
  color: rgba(44, 44, 44, 1);
  height: 48px;
  background: rgba(255, 225, 153, 0.4);
}

.detail_yqyx > div:first-child {
  padding-top: 8px;
}

.detail_yqyx span {
  color: #f55144;
}

.detail_comments {
  margin: 12px 0 0;
}

.detail_comments > .wpj {
  margin-top: 47px;
  text-align: center;
  color: #999;
  font-size: 14px;
}

.channel_name,
.detail_comments_name {
  color: rgba(53, 53, 53, 1);
  overflow: hidden;
  white-space: nowrap;
}

.detail_comments_logo {
  width: 41px;
  height: 41px;
  border-radius: 50%;
}

.detail_comments_top {
  width: 100%;
  height: 100%;
  position: relative;
  margin-top: 12px;
}

.detail_comments_name {
  display: inline-block;
  font-size: 16px;
  position: absolute;
  top: 0;
  margin-left: 49px;
  width: 128px;
  text-overflow: ellipsis;
}

.detail_comments_pj,
.detail_comments_time {
  font-size: 12px;
  color: rgba(113, 113, 113, 1);
  position: absolute;
}

.detail_comments_img {
  width: 72px;
  height: 12px;
  margin-left: 49px;
  position: absolute;
  top: 22px;
}

.detail_comments_time {
  top: 5px;
  right: 0;
}

.detail_comments_pj {
  top: 20px;
  left: 130px;
}

.detail_comments_top:last-child {
  margin-bottom: 20px;
}

.detail_comments_content {
  background: rgba(249, 249, 249, 1);
  margin-left: 0;
  margin-top: 19px;
  position: relative;
}

.detail_comments_content > .sjx {
  width: 0;
  height: 0;
  border-width: 0 7px 10px;
  border-style: solid;
  border-color: transparent transparent #f9f9f9;
  top: -10px;
  left: 12px;
  position: absolute;
}

.detail_comments_content > span {
  font-size: 15px;
  color: rgba(96, 96, 96, 1);
  padding: 14px;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
}

.changeclose,
.channel_type_js > div,
.channel_type_tf > div {
  display: inline-block;
}

.changeclose {
  font-size: 14px;
  color: rgba(80, 78, 76, 1);
  margin-left: 220px;
  position: relative;
}

.channel_top {
  width: 318px;
  min-height: 173px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 1px 10px 0 rgba(228, 228, 228, 0.49);
  margin-top: 40px;
  margin-left: 2px;
  position: relative;
}

.channel_name {
  font-size: 18px;
  margin-left: 80px;
  padding-top: 12px;
  width: 200px;
  text-overflow: ellipsis;
}

.channel_fenge {
  width: 280px;
  height: 1px;
  background: rgba(242, 242, 242, 1);
  margin-top: 15px;
  margin-left: 19px;
}

.channel_type {
  width: 100%;
}

.channel_type_tf {
  margin-top: 10px;
  margin-left: 28px;
  width: 268px;
}

.channel_type_jsl,
.channel_type_tfl {
  color: rgba(113, 113, 113, 1);
  margin-left: 10px;
}

.channel_type_jsbutton,
.channel_type_tfbutton {
  width: 45px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  border-radius: 2px;
  text-align: center;
}

.channel_type_tfl {
  font-size: 14px;
  margin-top: 10px;
}

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

.channel_type_tfbutton {
  background: rgba(242, 248, 252, 1);
  color: rgba(60, 133, 245, 1);
}

.channel_type_jsbutton {
  background: rgba(254, 251, 242, 1);
  color: rgba(245, 191, 78, 1);
}

.channel_zyms {
  margin-top: 28px;
}

.channel_zyms_xhx {
  width: 304px;
  height: 1px;
  background: rgba(242, 242, 242, 1);
  margin-top: 18px;
}

.channel_zyms_content {
  font-size: 14px;
  color: rgba(0, 0, 0, 1);
  margin-top: 18px;
  width: 309px;
  height: 158px;
  overflow: hidden;
}

.channel_zyms_content1 {
  max-height: 158px;
  overflow-y: scroll;
}

.channel_zyms_content1::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
  display: none;
}

.channel_zyms_div {
  width: 3px;
  height: 12px;
  background: rgba(255, 201, 77, 1);
  border-radius: 2px;
  display: inline-block;
}

.channel_zyms_title {
  display: inline-block;
  font-size: 16px;
  color: rgba(53, 53, 53, 1);
}

.tip_tz {
  width: 100%;
  height: 42rpx;
  z-index: 200;
}

.tip_tz1 {
  line-height: 32px;
  width: 21px;
  height: 19px;
}

.changeheader {
  z-index: 2;
  cursor: pointer;
  position: relative;
}

.header_title {
  display: inline-block;
  color: rgba(131, 131, 131, 1);
}

.header_title2 {
  width: 162px;
  font-size: 14px;
  color: rgba(180, 178, 176, 1);
  line-height: 29px;
  padding-left: 10px;
  position: absolute;
  right: 0;
  top: 10px;
}

.header_title_border {
  border-left: 4px solid #d0d0d0;
  height: 36px;
  display: inline-block;
  padding-right: 30px;
  position: relative;
  top: 6px;
}

.closehb,
.indexsearch,
.jrqd,
.ljbm,
.openhdx,
.qdclose,
.tguo,
.tguo2 {
  position: absolute;
}

.indexsearch {
  width: 16px;
  height: 16px;
  top: 7px;
  right: 8px;
}

.mask,
.mask4,
.mask5 {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
}

.mask {
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}

.bigls,
.closexls,
.closexls2,
.mask5 {
  z-index: 9998;
}

.mask5 {
  background: rgba(0, 0, 0, 0.3);
}

.fenge2,
.mask3,
.mask4 {
  z-index: 99999;
}

.mask4 {
  background: rgba(113, 136, 245, 0.8);
}

.qdljb,
.qdljb > image {
  width: 526px;
  height: 702px;
}

.qdljb {
  position: relative;
  top: 50%;
  left: 50%;
  margin-left: -263px;
  margin-top: -351px;
}

.qdclose {
  width: 24px;
  height: 24px;
  top: 29px;
  right: 29px;
}

.jrqd {
  width: 316px;
  height: 83px;
  left: 50%;
  margin-left: -158px;
  bottom: 44px;
}

.address,
.change_content,
.content,
.cxbyview,
.head,
.screen,
.sort,
.spread_content {
  position: relative;
}

.cxbyview {
  width: 663px;
  height: 1004px;
  top: 50%;
  left: 50%;
  margin-left: -332px;
  margin-top: -502px;
}

.cxby {
  width: 663px;
  height: 1004px;
}

.closehb {
  width: 46px;
  height: 46px;
  right: 38px;
  top: 40px;
}

.openhdx {
  width: 254px;
  height: 70px;
  margin: 0 auto;
  right: 0;
  left: 0;
  bottom: 94px;
}

.hb {
  background: 0 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

.tguo2 {
  font-size: 27px;
  font-weight: 500;
  color: rgba(41, 222, 207, 1);
  left: 155px;
  top: 24px;
}

.tguo {
  width: 118px;
  height: 45px;
  right: 60px;
  top: 65px;
}

.ljbm {
  width: 240px;
  height: 71px;
  left: 50%;
  margin-left: -120px;
  top: 830rpx;
  background: 0 0;
}

.mask2,
.mask3 {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
}

.mask3 {
  background: rgba(0, 0, 0, 0.3);
}

.mask2 {
  z-index: 9999;
}

.more_gz {
  width: 523px;
  height: 1025px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -262px;
  margin-top: -513px;
}

.cjwt,
.tiyan {
  position: fixed;
}

.swiper_container {
  width: 100%;
  height: 42px;
  font-size: 22px;
}

.swiper_item {
  color: #353535;
  text-align: center;
  line-height: 42px;
}

.xinshou {
  width: 100%;
  height: 2466px;
}

.tiyan {
  width: 550px;
  height: 95px;
  left: 100px;
  bottom: 20px;
  line-height: 95px;
  text-align: center;
  background: linear-gradient(90deg, rgba(255, 211, 107, 1), rgba(255, 188, 37, 1));
  z-index: 9999999;
  color: #353535;
  border-radius: 8px;
}

.button,
.closexls,
.closexls2 {
  background: 0 0;
}

.button {
  position: absolute !important;
  width: 100%;
  height: 100%;
  top: 0;
}

.tishi {
  height: 282px;
  width: 100%;
}

.header_title .show_hidden {
  margin-top: 8px;
  width: 59px;
  height: 3px;
  background: #fcc53a;
  border-radius: 2px;
  display: none;
}

.changeheader .active {
  color: #353535;
  font-weight: 700;
}

.changeheader .name {
  margin-top: 15px;
  font-size: 14px;
  text-align: center;
  color: rgba(131, 131, 131, 1);
}

.changeheader .name2 {
  font-size: 16px;
  color: #fcc53a;
}

.header_title .colour {
  width: 90px;
  height: 6px;
  background: linear-gradient(90deg, rgba(255, 211, 107, 1), rgba(255, 188, 37, 1));
  border-radius: 4px;
}

.change_scroll,
.changebox,
.content,
.form,
.form2,
.spread,
.spread_scroll {
  width: 100%;
}

.content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  height: 410px;
  margin: 0 auto;
  overflow: hidden;
}

.form {
  height: 100%;
}

.form2 {
  height: 466px;
  display: none;
}

.changebox,
.spread {
  max-height: 100%;
  overflow-y: scroll;
}

.change_content {
  padding: 10px 0;
  overflow: hidden;
  border-bottom: 1px solid #f2f2f2;
  cursor: pointer;
}

.change_content > img {
  height: 35px;
  width: 35px;
  float: left;
  border: 1px solid #d0d0d0;
  box-sizing: border-box;
  border-radius: 6px;
}

.change_content .change_content_text {
  float: left;
  margin-left: 12px;
}

.change_content .change_content_text .top {
  height: 21px;
  margin-bottom: 5px;
}

.change_content .change_content_text .top .top_left {
  float: left;
  width: 142px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #2b2825;
  font-size: 16px;
}

.change_content .change_content_text .top .top_right {
  float: right;
  text-align: right;
  width: 115px;
  color: #fe4e41;
  font-size: 16px;
}

.change_content .change_content_text .center {
  height: 20px;
  margin-bottom: 13px;
}

.change_content .change_content_text .center .center_left span {
  padding: 0 1px;
  font-size: 14px;
  color: #838383;
}

.change_content .change_content_text .center .center_left span:first-child {
  padding-left: 0;
}

.change_content .change_content_text .center .center_left span.fen {
  color: #dbdbdb;
  font-size: 12px;
}

.change_content .change_content_text .center .center_right {
  float: right;
  font-size: 12px;
  color: #9a9a9a;
}

.change_content .change_content_text .bottom {
  overflow: hidden;
  width: 410px;
  height: 60px;
  display: none;
}

.change_content .change_content_text .bottom div {
  float: left;
  padding: 6px 14px;
  color: #717171;
  font-size: 22px;
  background: #f4f5f7;
  margin-right: 14px;
  margin-top: 14px;
  border-radius: 8px;
}

.spread_content {
  padding: 20px 0;
  overflow: hidden;
  border-bottom: 1px solid #f2f2f2;
  cursor: pointer;
}

.spread_content img {
  height: 35px;
  width: 35px;
  float: left;
  border: 1px solid #d0d0d0;
  box-sizing: border-box;
  border-radius: 6px;
}

.spread_content .spread_content_text {
  float: left;
  margin-left: 12px;
  width: 258px;
}

.spread_content .spread_content_text .top {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #353535;
  font-size: 14px;
  margin-bottom: 8px;
}

.spread_content .spread_content_text .center {
  overflow: hidden;
  margin-bottom: 5px;
}

.spread_content .spread_content_text .center .center_left {
  float: left;
  margin-right: 8px;
  padding: 1px 4px;
  color: #0887fe;
  background: rgba(241, 249, 253, 1);
  border-radius: 4px;
  font-size: 12px;
}

.spread_content .spread_content_text .center .center_right {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.spread_content .spread_content_text .center .center_right span {
  color: #717171;
  font-size: 12px;
  margin-right: 8px;
}

.spread_content .spread_content_text .bottom {
  overflow: hidden;
}

.spread_content .spread_content_text .bottom .bottom_left {
  float: left;
  margin-right: 8px;
  padding: 1px 4px;
  color: #ffbc27;
  background: rgba(255, 251, 242, 1);
  border-radius: 4px;
  font-size: 12px;
}

.spread_content .spread_content_text .bottom .bottom_right {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.spread_content .spread_content_text .bottom .bottom_right span {
  color: #717171;
  font-size: 12px;
  margin-right: 8px;
}

.bottom_jx,
.top_jx {
  font-size: 22px;
  position: absolute;
  right: 0;
  display: none;
}

.bottom_jx {
  bottom: 55px;
}

.top_jx {
  top: 44px;
}

.kptj {
  width: 78px !important;
  height: 42px !important;
  border: none !important;
  border-radius: 0 !important;
}

.changefooter {
  text-align: center;
  color: #9a9a9a;
  font-size: 14px;
  width: 100%;
  margin-top: 10px;
}

.address,
.mctext,
.screen,
.sort {
  font-size: 16px;
  text-align: center;
}

.detail_tab1::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
  display: none;
}

.detail_tab2::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
  display: none;
}

.detail_tab3::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
  display: none;
}

.changebox::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
  display: none;
}

.spread::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
  display: none;
}

.search_changebox::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
  display: none;
}

.head {
  width: 100%;
  display: flex;
  top: -1px;
  z-index: 99;
  border-bottom: 2px solid #eae6e6;
  padding-bottom: 13px;
  cursor: pointer;
}

.address,
.screen,
.sort {
  flex: 1;
  color: #9a9a9a;
  margin-top: 19px;
}

.address1,
.screen1,
.sort1 {
  width: 100%;
  background: rgba(255, 255, 255, 1);
  z-index: 900;
}

.address1 {
  height: 460px;
}

.active2 {
  color: #ffd160 !important;
}

.queren {
  width: 26px;
  height: 19px;
  position: absolute;
  right: 54px;
  top: 35px;
}

.screen1 {
  width: 100%;
  background: #fff;
}

.address1 view,
.sort1 view {
  width: 100%;
  font-size: 28px;
  font-family: PingFang-SC-Medium;
  color: #717171;
}

.sort1 .position {
  position: relative;
  padding-left: 32px;
  height: 90px;
  line-height: 90px;
}

.address1 view:first-child {
  padding-top: 12px;
}

.containerchange {
  width: 100%;
  height: 100%;
  position: relative;
}

.changemc_img,
.searchmc_img {
  width: 19px;
  height: 19px;
  position: absolute;
  right: 20px;
  top: 24px;
  cursor: pointer;
}

.changemc,
.searchmc {
  width: 354px;
  height: 630px;
  background: rgba(255, 255, 255, 1);
  position: absolute;
  top: -74px;
  z-index: 999;
  margin: 0 -16px;
  display: none;
}

.mctext {
  position: absolute;
  top: 287px;
  width: 100%;
  color: rgba(98, 98, 97, 1);
}

.appChange_tipbox,
.kss,
.top_input {
  position: relative;
}

.mctext2 {
  top: 310px;
}

.mctext3 {
  top: 330px;
}

.mctext4 {
  top: 394px;
  font-size: 14px;
}

.mctext5 {
  top: 404px;
  width: 263px;
  height: 1px;
  left: 45px;
}

.appChange_check {
  width: 354px;
  height: 65px;
  background: #f7f7f7;
  cursor: pointer;
}

.appcheck > img {
  width: 340px;
  height: 65px;
}

.top_input {
  width: 305px;
  height: 34px;
  margin-top: 15px;
}

.searchBox_searchbai {
  display: none;
}

.top_input input {
  width: 305px;
  height: 34px;
  background: rgba(232, 236, 239, 1);
  border-radius: 4px;
  border: none;
  padding-left: 11px;
  box-shadow: none;
  box-sizing: border-box;
  padding-right: 40px;
}

.top_input input:focus {
  border: 1px solid rgba(126, 174, 251, 1);
}

.appChange_tipbox {
  width: 100%;
  margin-top: 8px;
}

.appChange_tipbox > div {
  font-size: 12px;
  color: rgba(68, 68, 68, 1);
  text-align: center;
}

.searchBox_box {
  width: 40px;
  height: 32px;
  display: inline-block;
  background: rgba(232, 236, 239, 1);
  position: absolute;
  top: 1px;
  right: 1px;
  border-radius: 4px;
}

.rhsy,
.rhxy,
.searchBox,
.search_tc,
.sxs,
.zcsy,
.zcxy {
  display: none;
}

.searchBox_box2 {
  background: #4d91ff;
}

.search_tc {
  width: 285px;
  height: 143px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(255, 255, 255, 1);
  box-shadow: 0 2px 21px 0 rgba(0, 0, 0, 0.09);
  border-radius: 12px;
  position: absolute;
  top: 130px;
  left: 50%;
  margin-left: -143px;
}

.search_tip {
  font-size: 20px;
  color: rgba(58, 55, 52, 1);
  text-align: center;
  margin-top: 15px;
}

.search_butl,
.search_tip2 {
  color: rgba(131, 131, 131, 1);
}

.search_tip2 {
  font-size: 16px;
  text-align: center;
  margin-top: 15px;
}

.search_butl,
.search_butr {
  line-height: 42px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
}

.search_re_content {
  padding-top: 24px;
}

.search_fgx {
  width: 285px;
  height: 2px;
  background: rgba(243, 246, 249, 1);
  margin-top: 15px;
}

.alertsBox,
.bot_left,
.ewm_box {
  background: rgba(255, 255, 255, 1);
}

.search_but > div {
  display: inline-block;
}

.search_butl {
  width: 138px;
  border-right: 1px solid rgba(243, 246, 249, 1);
}

.search_butr {
  width: 140px;
  color: #3a3734;
}

.kss {
  width: 110px;
  height: 107px;
  top: 100px;
  left: 50%;
  margin-left: -55px;
}

.ewm_box,
.fenge2,
.ljt,
.searchBox_search {
  position: absolute;
}

.searchBox_search {
  width: 16px;
  height: 16px;
  top: 8px;
  right: 12px;
  cursor: pointer;
}

.ljt {
  width: 25px;
  height: 25px;
  right: 25px;
  top: 0;
  cursor: pointer;
}

.search_re {
  color: #333;
  font-size: 17px;
  font-weight: 700;
  position: relative;
}

.search_li {
  color: #2b2825;
  font-size: 17px;
  font-weight: 700;
  padding-bottom: 0;
  margin-top: 10px;
}

.search_word {
  height: 82px;
  overflow: hidden;
  padding-top: 17px;
}

.searchBox {
  width: 100%;
  position: relative;
}

.cjwt view,
.fenge2 .left,
.fenge2 .right,
.kb,
.rhinput input {
  display: inline-block;
}

.search_change {
  width: 100%;
  height: 440px;
  margin-top: 20px;
  overflow: hidden;
}

.search_changebox {
  width: 100%;
  max-height: 100%;
  overflow-y: scroll;
}

.ewm_box,
.ewm_box img {
  width: 122px;
  height: 122px;
}

.ewm_box {
  top: 140px;
  left: 50%;
  margin-left: -61px;
}

.search_word span {
  padding: 0 12px;
  color: #504e4c;
  font-size: 14px;
  height: 26px;
  line-height: 26px;
  background: #e8ecef;
  border-radius: 2px;
  margin-right: 6px;
  margin-bottom: 7px;
  float: left;
  cursor: pointer;
}

.fenge2 {
  width: 100%;
  height: 49px;
  bottom: 0;
}

.fenge2 .left {
  width: 40%;
  height: 49px;
  background: rgba(255, 246, 227, 1);
  font-size: 16px;
  line-height: 49px;
  text-align: center;
  font-weight: 400;
  color: rgba(255, 188, 39, 1);
}

.shouqi,
.shouqi2,
.zhankai,
.zhankai2 {
  width: 6px;
  height: 5px;
  position: absolute;
  left: 60px;
}

.fenge2 .left:hover {
  background: rgba(255, 256, 227, 1);
}

.zhankai {
  top: 8px;
}

.zhankai2 {
  top: 14px;
}

.ysti {
  color: #ffd160 !important;
  font-size: 16px;
}

.fenge2 .right,
.qujian {
  color: rgba(53, 53, 53, 1);
  font-weight: 400;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.shouqi {
  top: 8px;
}

.shouqi2 {
  top: 6px;
}

.fenge2 .right {
  width: 60%;
  height: 49px;
  font-size: 16px;
  line-height: 49px;
  text-align: center;
  background: linear-gradient(121deg, rgba(255, 207, 94, 1) 0, rgba(255, 184, 24, 1) 100%);
}

.fenge2 .right:hover {
  background: linear-gradient(121deg, rgba(255, 187, 94, 1) 0, rgba(255, 164, 24, 1) 100%);
}

.qujian {
  margin: 20px 0 0 15px;
  font-size: 14px;
}

.qujian:first-child {
  margin-top: 0;
  padding-top: 20px;
}

.rhinput {
  margin-top: 8px;
  height: 35px;
  line-height: 35px;
}

.rhinput input {
  width: 100px;
  height: 35px;
  background: rgba(245, 245, 245, 1);
  border-radius: 4px;
  text-align: center;
  border: none;
  cursor: pointer;
}

.rhinput .text,
.rhinput .text1 {
  position: relative;
  margin: 0 16px;
  height: 70px;
  line-height: 70px;
}

.rhinput .text {
  top: -25px;
}

.rhinput .text1 {
  top: 0;
}

.resource_type {
  margin: 20px 0 0 15px;
  overflow: hidden;
  clear: both;
}

.resource_type2 {
  margin-bottom: 40px;
  display: none;
}

.resource_type .resource_type_title {
  color: #353535;
  font-size: 14px;
  font-weight: 400;
}

.resource_type .resource_type_content {
  padding: 10px;
  background: rgba(245, 245, 245, 1);
  border-radius: 4px;
  color: #717171;
  font-size: 12px;
  float: left;
  margin-right: 12px;
  margin-top: 12px;
}

.resource_type .activechange {
  color: #353535;
  font-size: 12px;
  background: #ffdb00;
}

.resource_type .activechange:hover {
  background: #ffd100;
}

.h40 {
  height: 60px;
}

.kb {
  width: 10px;
}

.weui_actionsheet {
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.weui_actionsheet_toggle {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.cjwt {
  width: 134px;
  height: 44px;
  background: rgba(255, 204, 85, 1);
  border-radius: 22px 0 0 22px;
  top: 210rpx;
  text-align: center;
  right: 0;
  font-size: 19px;
  font-weight: 500;
  color: rgba(53, 53, 53, 1);
  z-index: 9997;
}

.cjwt image,
.cjwt view {
  position: absolute;
  margin-top: 10px;
}

.cjwt image {
  width: 24px;
  height: 24px;
  left: 15px;
}

.cjwt view {
  left: 45px;
}

.xls {
  position: fixed;
  right: 0;
  bottom: 79px;
}

.xls .xls_icon {
  width: 158px;
  height: 139px;
  position: relative;
}

.closexls {
  width: 33px;
  height: 33px;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}

.bigls {
  position: fixed;
  width: 100%;
  height: 100%;
}

.bigls_icon {
  width: 669px;
  height: 1055px;
  position: relative;
  top: 50%;
  left: 50%;
  margin-top: -528px;
  margin-left: -335px;
}

.closexls2 {
  width: 46px;
  height: 46px;
  position: absolute;
  right: 10px;
  top: 15px;
  overflow: hidden;
}

.phlist,
.phlist > image {
  width: 267px;
  height: 85px;
}

.phlist {
  position: fixed;
  right: 0;
  top: 344rpx;
  z-index: 999;
}

.alertsBox,
.clockBox > .left,
.clockBox_date,
.dowebok {
  position: relative;
}

.screenbox {
  width: 100%;
  display: none;
}

.clockBox {
  background: url(/img/article/calendar_tip.png) 100% / cover no-repeat;
  width: 354px;
  height: 98px;
}

.clockBox:hover {
  cursor: pointer;
}

.clockBox > .left {
  width: 162px;
  height: 100%;
  float: left;
  font-size: 14px;
}

.clockBox_date > .clockBox_day {
  line-height: 109px;
  font-size: 41px;
  font-family: PingFang-SC-Medium;
  font-weight: 700;
  color: #fcc53a;
  float: left;
  margin-left: 25px;
}

.clockBox_date > .clockBox_line {
  font-size: 30px;
  line-height: 105px;
  float: left;
  margin: 0 8px;
  color: #818386;
}

.clockBox_date > .clockBox_date_right {
  display: inline-block;
  margin-top: 39px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #212629;
}

.clockBox_desc {
  text-align: left;
  margin-top: 39px;
  margin-left: 28px;
}

.clockBox_desc > span {
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #212629;
}

.clockBox_desc > p,
.clockBox_tip {
  font-family: PingFang SC;
  font-weight: 400;
}

.clockBox_desc > p {
  font-size: 12px;
  color: #818386;
}

.clockBox_tip {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 14px;
  color: #ffb700;
}

.clockBox_tip span {
  vertical-align: baseline;
}

.clockBox > .left > .clockBox_img1 {
  width: 89px;
  height: 30px;
  position: absolute;
  top: 13px;
  right: 15px;
}

.clockBox > .left > .clockBox_img2 {
  width: 18px;
  height: 17px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.clockBox > .right {
  display: block;
  width: 102px;
  height: 100%;
  float: right;
  background: #fff;
  text-align: center;
}

.clockBox .right .clockBox_img3 {
  width: 35px;
  height: 36px;
  margin: 22px auto 10px;
}

.clockBox .right .clockBox_img4 {
  width: 38px;
  height: 38px;
  margin: 10px auto 0;
}

.clockBox .right .tip {
  font-size: 12px;
  color: #242629;
  font-weight: 500;
}

.clockBox .right .point_num {
  font-size: 16px;
  color: #ffd11a;
  font-weight: 500;
  margin-top: 6px;
}

.clockBox .right .my_point_title {
  font-size: 12px;
  color: #adadad;
  margin-top: 2px;
}

.alertsBox {
  width: 354px;
  height: 234px;
  margin-top: 9px;
}

.dowebok,
.dowebokzz {
  width: 100%;
  overflow: hidden;
}

.alertsBox > .rankingTitle {
  padding: 18px 20px 18px 16px;
}

.alertsBox > .rankingTime {
  font-size: 14px;
  font-weight: 500;
  color: rgba(144, 144, 145, 1);
}

.dowebok {
  margin-top: 20px;
  height: 155px;
}

.dowebokzz {
  height: 150px;
  display: none;
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  top: 66px;
  z-index: 99;
}

.str_wrap,
.str_wrap.str_active {
  background: #fff;
}

.dowebokzz > .dowebokzz_close {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  right: 53px;
  cursor: pointer;
}

.dowebokzz > img {
  width: 217px;
  height: 131px;
  margin: 0 auto;
}

.str_wrap {
  overflow: hidden;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.str_move {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

.str_move_clone {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: 100%;
  top: 0;
}

.str_vertical .str_move_clone {
  left: 0;
  top: 100%;
}

.str_down .str_move_clone {
  left: 0;
  bottom: 100%;
}

.str_down .str_move,
.str_vertical .str_move {
  white-space: normal;
  width: 100%;
}

.noStop .str_move,
.no_drag .str_move,
.str_static .str_move {
  cursor: inherit;
}

.str_wrap img {
  max-width: none !important;
}

.alertsBox_div {
  width: 293px;
  height: 44px;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
  margin-left: 33px;
  line-height: 16px;
  position: relative;
}

.alertsBox_divbox {
  position: relative;
}

.alertsBox_divboximg {
  width: 12px;
  position: absolute;
  top: 4px;
  left: 14px;
}

.dowebok > ul > li:first-child .alertsBox_div {
  margin-top: 0;
}

.alertsBox_div_right {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}

.alertsBox_div_right > img {
  width: 60px;
  height: 60px;
  background: #03b5ff;
  cursor: pointer;
}

.alertsBox_div_left {
  width: 251px;
  height: 37px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.alertsBox_div_lefttop > a {
  display: inline;
  color: #4285f4;
  margin-left: 4px;
}

.alertsBox_div_lefttop img {
  width: 33px;
  height: 15px;
  display: inline-block;
  margin-right: 4px;
  position: relative;
  top: 2px;
}

.alertsBox_div_lefttop > a > img {
  width: 11px;
  height: 12px;
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: 2px;
}

.alertsBox_div_left2 {
  width: 307px;
  /* height: 37px; */
  font-size: 14px;
  color: #212629;
  display: flex;
  justify-content: space-between;
}

.alertsBox_div_left2 > a {
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.alertsBox_div_left2 > a:hover {
  color: #0289ff;
}

.bot_left,
.featherselection_more {
  color: rgba(250, 135, 53, 1);
  text-align: center;
}

.alertsBox_div_leftbot {
  position: absolute;
  width: 251px;
  bottom: 15px;
}

.alertsBox_div_leftbot2 {
  /* position: absolute;
  width: 100%;
  bottom: 15px */
}

.bot_left {
  padding: 0 4px;
  height: 17px;
  border: 1px solid rgba(250, 135, 53, 1);
  border-radius: 2px;
  font-size: 12px;
  line-height: 17px;
  position: absolute;
  left: 0;
}

.bot_right {
  color: #b0b0b0;
  /* position: absolute;
  right: -4px;
  bottom: -15px */
}

.featherselection {
  width: 100%;
  padding-top: 62px;
  background: #fff;
  padding-bottom: 60px;
}

.featherselection_fixedmc {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  z-index: 9999;
  display: none;
}

.featherselection_fixedmc img {
  position: absolute;
  width: 500px;
  height: 467px;
  top: 16%;
  margin: 0 auto;
  left: 0;
  right: 0;
  cursor: pointer;
}

.featherselection_fixedmc > .go_close {
  top: 16%;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  right: 0;
  z-index: 99;
  left: 567px;
}

.featherselection_titleimg {
  width: 766px;
  height: 100px;
  border-radius: 4px;
  margin: 0 auto;
  background: #0289ff;
}

.featherselection_box {
  margin-top: 22px;
}

.featherselection_box > div {
  width: 249px;
  height: 125px;
  background: rgba(255, 255, 255, 1);
  display: inline-block;
  box-sizing: border-box;
  margin-left: 8px;
}

.featherselection_box > div:first-child {
  margin-left: 18px;
}

.featherselection_more {
  width: 120px;
  height: 36px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(250, 135, 53, 1);
  line-height: 36px;
  font-size: 14px;
  font-weight: 500;
  margin: 30px auto 0;
  cursor: pointer;
}

.featherselection_list {
  position: relative;
  cursor: pointer;
}

.featherselection_list:hover {
  box-shadow: 0 1px 14px 0 rgba(218, 218, 218, 0.46);
}

.featherselection_but {
  position: absolute;
  bottom: 10px;
  left: 9px;
  width: 228px;
  height: 32px;
  border-radius: 6px;
  background: #ffdb00;
  text-align: center;
  line-height: 33px;
  font-size: 14px;
  color: #212629;
  display: none;
}

.featherselection_but:hover {
  background: #ffd100;
}

.featherselection_list:hover .featherselection_but {
  display: inline-block;
}

.list_left {
  float: left;
}

.list_right {
  float: left;
  width: 96px;
  height: 96px;
  background: rgba(255, 255, 255, 1);
  margin-top: 14px;
}

.list_right > img {
  width: 96px;
  height: 96px;
  border-radius: 6px;
  background: #03b5ff;
}

.list_left_title {
  font-size: 14px;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  margin-top: 18px;
  margin-left: 12px;
  width: 130px;
}

.list_left_coin,
.list_left_content {
  margin-left: 12px;
  margin-top: 5px;
  font-size: 12px;
}

.list_left_content {
  font-weight: 400;
  color: rgba(153, 153, 153, 1);
  width: 120px;
  height: 52px;
  overflow: hidden;
}

.list_left_coin {
  font-weight: 700;
  color: rgba(255, 58, 58, 1);
}

.breadcrumbs {
  width: 1085px;
  margin: 0 auto;
  height: 53px;
  line-height: 53px;
}

.breadcrumbs .breadcrumbs-item,
.breadcrumbs span {
  font-size: 12px;
  color: #818386;
  display: inline-block;
}

.breadcrumbs .breadcrumbs-item-activate,
.breadcrumbs .breadcrumbs-item:hover {
  color: #212629;
}