body {
  font: normal 12px/1.8 "Microsoft YaHei", Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
  position: relative;
  height: 100%;
}

ul,
ol,
li {
  list-style: none
}

em,
cite,
i,
b {
  font-style: normal
}

b,
strong {
  font-weight: normal
}

img {
  border: none;
  vertical-align: top
}

a {
  text-decoration: none;
  outline: none;
  cursor: pointer
}

.cc {
  clear: both
}

.cc {
  zoom: 1
}

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

.fl {
  float: left;
  display: inline
}

.fr {
  float: right;
  display: inline
}

input {
  background: none;
  outline: none;
  border: none
}

.iconfont {
  -webkit-text-stroke-width: 0.2px
}

.contain {
  width: 1000px;
  min-width: 1000px;
  max-width: 100%;
  margin: 0 auto;
}

.radius,
.auth .authtop,
.guarantee {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 5px 15px 0 rgba(141, 141, 141, 0.15)
}

.auth,
.guarantee,
.rank_wrapr,
.w290 {
  width: 290px
}

.wd12 {
  width: 1260px;
  margin: auto
}

.wd126 {
  width: 1260px;
  margin: auto;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 5px 15px 0 rgba(141, 141, 141, 0.15)
}

.mt20 {
  margin-top: 20px
}

.mt8 {
  margin-top: 10px
}

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

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

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

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

.row {
  display: flex;
  flex-direction: row
}

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

.jcenter {
  justify-content: center
}

.jend {
  justify-content: flex-end
}

.between {
  justify-content: space-between
}

.acenter {
  align-items: center
}

.astart {
  align-items: flex-start !important
}

.aend {
  align-items: flex-end
}

.fwrap {
  flex-wrap: wrap
}

.shrink {
  flex-shrink: 0
}

.grow1 {
  flex-grow: 1
}

.ml5 {
  margin-left: 5px
}

.ml8 {
  margin-left: 8px
}

.ml10 {
  margin-left: 10px
}

.ml20 {
  margin-left: 20px
}

.bor_white {
  border: #fff solid 1px;
  border-radius: 5px;
  padding: 0px 3px
}

.f12 {
  font-size: 12px
}

.f14 {
  font-size: 14px
}

.title h3,
.title h3 a,
.title h2,
.title h2 a,
.authtop h3,
.authtop h3 a,
.authtop h2,
.authtop h2 a {
  font-size: 16px;
  color: #000;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  font-weight: bold
}

.title span,
.authtop span {
  padding: 0 0 0 18px;
  color: #999
}

.title h2,
.title h2 a {
  font-size: 18px;
  color: #000
}

.h683 {
  height: 683px
}

.h621 {
  height: 621px
}

.carda,
.cardb {
  width: 13px;
  height: 13px;
  background: url(../images/carda.png) no-repeat;
  background-size: cover
}

.cardb {
  background: url(../images/cardb.png) no-repeat;
  background-size: cover
}

.member-Normal,
.member-Super,
.member-Superme {
  width: 18px;
  height: 13px
}

.member-Normal {
  background: url(../images/member-icon03.png) no-repeat;
  background-size: cover
}

.member-Super {
  background: url(../images/member-icon02.png) no-repeat;
  background-size: cover
}

.member-Superme {
  background: url(../images/member-icon01.png) no-repeat;
  background-size: cover
}

.level-one {
  font-size: 12px;
  padding: 0 5px;
  color: #000000;
  background-image: linear-gradient(180deg, #F7F7F7 0%, #D7D7D7 100%);
  border-radius: 4px;
  line-height: 18px
}

.level-other {
  font-size: 12px;
  padding: 0 5px;
  color: #9C5A12;
  background-image: linear-gradient(180deg, #FFE2B9 0%, #E5B26C 100%);
  border-radius: 4px;
  line-height: 18px
}

.fontS18 {
  font-size: 14px;
  color: #000;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  font-weight: bold
}

.userlog-box,
.newest-downlog.userlog {
  height: 210px;
  overflow: hidden
}

.pr {
  position: relative
}

.doc11,
.docx,
.pdf,
.rar {
  padding: 0 4px;
  background: #4ea4cc;
  border-radius: 5px;
  font-family: -webkit-pictograph;
  color: #fff
}

.pdf {
  background: #ff5562
}

.rar {
  background: #55c7f7
}

.icon-file-doc-fill {
  font-size: 16px !important;
  color: #57a7ff
}

.icon-file-pdf-fill {
  font-size: 16px !important;
  color: #ff5562
}

.icon-file-ppt-fill {
  font-size: 16px !important;
  color: #ff917b
}

.icon-file-excel-fill {
  font-size: 16px !important;
  color: #45b058
}

.icon-wenjian_yasuobao {
  font-size: 16px !important;
  color: #47a6ff
}

.icon-pic-line {
  font-size: 20px !important;
  color: #868ee9
}

.original_icon {
  position: absolute;
  top: 0;
  left: 8px;
  width: 38px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background: #FF5660;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  z-index: 30
}

.bofang {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -34px 0 0 -14px;
  z-index: 88;
  width: 38px;
  height: 38px
}

.bofang .icon-bofang3 {
  font-size: 38px;
  color: #b9b1b1
}

.heji .hejilist .list2 .list-group1.listtip .cover .pic,
.heji .hejilist .list1 .lefimg .texv img,
.meet_imgbox .img2,
.heji .hejilist .list2 .list-group-item a .cover .pic,
.imglist .file_pic .img2,
.maincon1.news .hotlist li .cover,
.maincon1.news .hotlist li .cover img,
.listmain .listr .scate .doc .doc-list li .listlt .front.cover img {
  -webkit-transition: -webkit-transform .6s ease 0s;
  transition: transform .6s ease 0s;
  -webkit-transform-origin: center;
  transform-origin: center
}

.heji .hejilist .list2 .list-group1.listtip .list-group-item:hover .cover .pic,
.heji .hejilist .list1 .lefimg:hover .texv img,
.meet_imglist:hover .meet_imgbox .img2,
.listmain .listr .scate .doc .doc-list li .listlt a:hover .front.cover img,
.imglist:hover .file_pic .img2,
.maincon1.news .hotlist li:hover .cover img,
.heji .hejilist .list2 .list-group-item a:hover .cover .pic {
  transform: scale(1.2)
}

.good-label {
  font-size: 12px;
  width: 32px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  background-image: linear-gradient(-15deg, #5B9CFE 0%, #5BD8FF 100%);
  display: inline-block
}

.good-label:first-child {
  margin-left: 3px
}

.good-label.yuan {
  background: #6ec486
}

.good-label.vip {
  background: #f3b752;
  width: 55px
}

.hover_content .hover_pane {
  display: none
}

.sift,
.category,
.quality,
.w915 {
  width: 915px
}

.college,
.sift,
.publish,
.category,
.hot,
.quality,
.author,
.latest,
.zip,
.asks,
.tolls {
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 5px 15px 0 rgba(141, 141, 141, 0.15)
}

.hd1 {
  padding: 15px 0 10px;
  height: 32px;
  line-height: 32px;
  overflow: hidden
}

.p15 {
  padding: 20px
}

.p10 {
  padding: 0 10px
}

.p20 {
  padding: 0 20px
}

.pd20 {
  padding-bottom: 20px
}

.sift ul.list,
.publish ul.list,
.category ul.list,
.quality ul.list {
  padding: 10px 0 0 0;
  margin: 0 0px;
  overflow: hidden
}

.sift ul.list li,
.publish ul.list li,
.category ul.list li,
.quality ul.list li {
  float: left;
  padding: 0 0 15px
}

.cover {
  position: relative;
  display: inline-block;
  _zoom: 1;
  *display: inline
}

.sift .list li a:hover .cover img.pic,
.home-topic .hbox a:hover img {
  transition: all .6s;
  transform: scale(1.3)
}

.sift .list li a:hover .cover {
  box-shadow: 0 0 15px rgba(0, 7, 24, 0.08)
}

.more {
  color: #999
}

.more .icon-right-line:before {
  font-size: 12px
}

@keyframes DropDownSlide {
  100% {
    transform: translateY(0)
  }

  0% {
    transform: translateY(10px)
  }
}

.drop-down {
  display: none;
  position: absolute;
  left: 50%;
  padding-top: 5px;
  z-index: 1;
  animation-name: DropDownSlide;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.drop-down .icon-triangle {
  position: absolute;
  top: -11px;
  left: 50%;
  width: 10px;
  height: 5px;
  margin-left: -5px
}

.drop-down .icon-triangle:after {
  content: "\e62a";
  color: #fff
}

.drop-down .panel {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  border: 1px solid #eee;
  border-radius: 5px;
  background-color: #fff;
  overflow: hidden
}

.header ul.nav>li .drop-down,
.header ul.menu>li .drop-down {
  top: 45px
}

.header ul.nav>.all dl.tool,
.header ul.nav>.all dl.ask,
.header ul.nav>.all dl.knowledge {
  padding-bottom: 6px;
  margin-bottom: 14px;
  border-bottom: 1px dashed #ddd
}

.home_labels a {
  display: inline-block;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  background: #F5F5F5;
  border-radius: 8px;
  color: #8C8C8C
}

.heji .hejilist .list2 .list-group1.listtip .list-group-item:hover .title,
.heji .hejilist .list2 .list-group-item a:hover .title,
.header ul.menu li.member .panel ul.newtip li a:hover .iconfont,
.header ul.nav>.all dl dt,
a:hover,
.notice .swiper-wrapper .list li a:hover strong,
.lanlist .more,
.sift .list li a:hover .title,
.rank_box li:hover .list_txt,
a:hover .htitle,
.report_piclist .imglist .file_txt a:hover,
.report_piclist .imglist:hover .file_txt a,
.report_piclist .imglist .file_labels a:hover,
.maincon1.news .hotlist li:hover .title1,
.copyright li a:hover {
  color: #ff5344
}

[data-theme="white"] .heji .hejilist .list2 .list-group1.listtip .list-group-item:hover .title,
[data-theme="white"] .heji .hejilist .list2 .list-group-item a:hover .title,
[data-theme="white"] .header ul.menu li.member .panel ul.newtip li a:hover .iconfont,
[data-theme="white"] .header ul.nav>.all dl dt,
[data-theme="white"] a:hover,
[data-theme="white"] .notice .swiper-wrapper .list li a:hover strong,
[data-theme="white"] .lanlist .more,
[data-theme="white"] .sift .list li a:hover .title,
[data-theme="white"] .rank_box li:hover .list_txt,
[data-theme="white"] a:hover .htitle,
[data-theme="white"] .report_piclist .imglist .file_txt a:hover,
[data-theme="white"] .report_piclist .imglist:hover .file_txt a,
[data-theme="white"] .report_piclist .imglist .file_labels a:hover,
[data-theme="white"] .maincon1.news .hotlist li:hover .title1,
[data-theme="white"] .copyright li a:hover {
  color: red
}

[data-theme="black"] .heji .hejilist .list2 .list-group1.listtip .list-group-item:hover .title,
[data-theme="black"] .heji .hejilist .list2 .list-group-item a:hover .title,
[data-theme="black"] .header ul.menu li.member .panel ul.newtip li a:hover .iconfont,
[data-theme="black"] .header ul.nav>.all dl dt,
[data-theme="black"] a:hover,
[data-theme="black"] .notice .swiper-wrapper .list li a:hover strong,
[data-theme="black"] .lanlist .more,
[data-theme="black"] .sift .list li a:hover .title,
[data-theme="black"] .rank_box li:hover .list_txt,
[data-theme="black"] a:hover .htitle,
[data-theme="black"] .report_piclist .imglist .file_txt a:hover,
[data-theme="black"] .report_piclist .imglist:hover .file_txt a,
[data-theme="black"] .report_piclist .imglist .file_labels a:hover,
[data-theme="black"] .maincon1.news .hotlist li:hover .title1,
[data-theme="black"] .copyright li a:hover {
  color: #0D2685
}

[data-theme="blue"] .heji .hejilist .list2 .list-group1.listtip .list-group-item:hover .title,
[data-theme="blue"] .heji .hejilist .list2 .list-group-item a:hover .title,
[data-theme="blue"] .header ul.menu li.member .panel ul.newtip li a:hover .iconfont,
[data-theme="blue"] .header ul.nav>.all dl dt,
[data-theme="blue"] a:hover,
[data-theme="blue"] .notice .swiper-wrapper .list li a:hover strong,
[data-theme="blue"] .lanlist .more,
[data-theme="blue"] .sift .list li a:hover .title,
[data-theme="blue"] .rank_box li:hover .list_txt,
[data-theme="blue"] a:hover .htitle,
[data-theme="blue"] .report_piclist .imglist .file_txt a:hover,
[data-theme="blue"] .report_piclist .imglist:hover .file_txt a,
[data-theme="blue"] .report_piclist .imglist .file_labels a:hover,
[data-theme="blue"] .maincon1.news .hotlist li:hover .title1,
[data-theme="blue"] .copyright li a:hover {
  color: #ff5344
}

[data-theme="red"] .heji .hejilist .list2 .list-group1.listtip .list-group-item:hover .title,
[data-theme="red"] .heji .hejilist .list2 .list-group-item a:hover .title,
[data-theme="red"] .header ul.menu li.member .panel ul.newtip li a:hover .iconfont,
[data-theme="red"] .header ul.nav>.all dl dt,
[data-theme="red"] a:hover,
[data-theme="red"] .notice .swiper-wrapper .list li a:hover strong,
[data-theme="red"] .lanlist .more,
[data-theme="red"] .sift .list li a:hover .title,
[data-theme="red"] .rank_box li:hover .list_txt,
[data-theme="red"] a:hover .htitle,
[data-theme="red"] .report_piclist .imglist .file_txt a:hover,
[data-theme="red"] .report_piclist .imglist:hover .file_txt a,
[data-theme="red"] .report_piclist .imglist .file_labels a:hover,
[data-theme="red"] .maincon1.news .hotlist li:hover .title1,
[data-theme="red"] .copyright li a:hover {
  color: #e63a3a
}

[data-theme="green"] .heji .hejilist .list2 .list-group1.listtip .list-group-item:hover .title,
[data-theme="green"] .heji .hejilist .list2 .list-group-item a:hover .title,
[data-theme="green"] .header ul.menu li.member .panel ul.newtip li a:hover .iconfont,
[data-theme="green"] .header ul.nav>.all dl dt,
[data-theme="green"] a:hover,
[data-theme="green"] .notice .swiper-wrapper .list li a:hover strong,
[data-theme="green"] .lanlist .more,
[data-theme="green"] .sift .list li a:hover .title,
[data-theme="green"] .rank_box li:hover .list_txt,
[data-theme="green"] a:hover .htitle,
[data-theme="green"] .report_piclist .imglist .file_txt a:hover,
[data-theme="green"] .report_piclist .imglist:hover .file_txt a,
[data-theme="green"] .report_piclist .imglist .file_labels a:hover,
[data-theme="green"] .maincon1.news .hotlist li:hover .title1,
[data-theme="green"] .copyright li a:hover {
  color: #1ca472
}

.home_labels a:hover,
.home_labels a.active,
.headall {
  background-color: #ff5344
}

[data-theme="white"] .home_labels a:hover,
[data-theme="white"] .home_labels a.active,
[data-theme="white"] .headall {
  background-color: red
}

[data-theme="black"] .home_labels a:hover,
[data-theme="black"] .home_labels a.active,
[data-theme="black"] .headall {
  background-color: #0D2685
}

[data-theme="blue"] .home_labels a:hover,
[data-theme="blue"] .home_labels a.active,
[data-theme="blue"] .headall {
  background-color: #fff
}

[data-theme="red"] .home_labels a:hover,
[data-theme="red"] .home_labels a.active,
[data-theme="red"] .headall {
  background-color: #e63a3a
}

[data-theme="green"] .home_labels a:hover,
[data-theme="green"] .home_labels a.active,
[data-theme="green"] .headall {
  background-color: #1ca472
}

.home_labels a:hover,
.home_labels a.active {
  color: #fff
}

.home_labels {
  margin-left: 15px
}

.header {
  position: relative;
  z-index: 99;
  width: 100%;
  min-width: 1260px;
  height: 50px;
}

.header .choose:before {
  content: "\e7c8";
  margin-left: 3px
}

.header .choose.on:before {
  content: "\e7c9"
}

.header.headall .inputbox {
  width: 235px;
  height: 35px;
  line-height: 35px;
  border: 2px solid #ffb70000;
  padding-left: 10px;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 14px;
  color: #333;
  position: relative;
  margin-top: 7px;
  padding-right: 40px;
  box-sizing: border-box;
  border-radius: 40px
}

.header.headall .inputbox span {
  display: inline-block;
  width: 50px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  position: absolute;
  right: 0;
  top: -2px;
  cursor: pointer;
  font-size: 30px;
  color: #ff5344
}

[data-theme="white"] .header.headall .inputbox span {
  color: red
}

[data-theme="black"] .header.headall .inputbox span {
  color: #0D2685
}

[data-theme="blue"] .header.headall .inputbox span {
  color: #ff5344
}

[data-theme="red"] .header.headall .inputbox span {
  color: #e63a3a
}

[data-theme="green"] .header.headall .inputbox span {
  color: #1ca472
}

.header.headall .inputbox input {
  width: 99%;
  height: 34px;
  height: 33px;
  margin-top: -1px
}

.header ul.nav {
  width: 700px;
  height: 50px
}

.header ul.nav li {
  position: relative;
  float: left;
  padding: 0 2px
}

.header ul.nav li.logo {
  padding: 0 0;
  margin-right: 15px
}

.header ul.nav li.logo a {
  padding-top: 3px;
  height: 26px
}

.header ul.nav li.shop .shop-icon:before {
  content: "\e7d4";
  margin-right: 3px
}

.header ul.nav li.new .new-icon:before {
  content: "\e7db";
  margin-right: 3px
}

.header ul.nav li a {
  display: block;
  padding: 0 14px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: black
}

.header ul.nav li.docs .drop-down {
  width: 470px;
  margin-left: -46px
}

.header ul.nav li.docs .drop-down ul.list li {
  float: left;
  width: 33%;
  padding: 2px 0
}

.header ul.nav li.docs .drop-down ul.list li a {
  padding: 0;
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #666
}

.header ul.nav li.docs .drop-down .panel {
  padding: 16px 20px
}

.header ul.nav li.docs .drop-down .icon-triangle {
  left: 15.5%
}

.header ul.nav li.course .drop-down {
  width: 240px;
  margin-left: -128px
}

.header ul.nav li.course .drop-down ul.list li {
  float: left;
  width: 50%;
  padding: 2px 0
}

.header ul.nav li.course .drop-down ul.list li a {
  padding: 0;
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #666
}

.header ul.nav li.course .drop-down .panel {
  padding: 16px 20px
}

.header ul.nav li.course .drop-down .icon-triangle {
  left: 65%
}

.header ul.nav li.all .drop-down {
  width: 306px;
  margin-left: -160px
}

.header ul.nav li.all .drop-down .panel {
  padding: 16px 20px
}

.header ul.nav li.all .drop-down .panel dl {
  line-height: 26px
}

.header ul.nav li.all .drop-down .panel dl dt {
  font-size: 16px;
  margin-bottom: 5px
}

.header ul.nav li.all .drop-down .panel dl dd a {
  height: auto;
  padding: 0 20px 0 0;
  line-height: 30px;
  font-size: 14px;
  color: #666;
  display: inline-block;
  text-decoration: none;
}

.header ul.nav li.all .drop-down .panel dl dd a:last-child {
  padding: 0
}

.header ul.nav li.all .drop-down .icon-triangle {
  left: 62%
}

.header ul.nav li:hover .drop-down {
  display: block
}

.header ul.menu {
  height: 50px
}

.header ul.menu li {
  position: relative;
  float: left;
  margin: 0 10px;
}

.header ul.menu li a {
  font-size: 16px;
  display: block;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  color: black
}

.header ul.menu li a :hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  cursor: pointer
}

.header ul.menu li.uplode .uplode-icon:before {
  content: "\e7ed";
  margin-right: 3px;
  vertical-align: -2px
}

.header ul.menu li.joinv a {
  color: #f0c74c
}

.header ul.menu li.joinv .joinv-icon:before {
  content: "\ea3d";
  margin-right: 3px;
  vertical-align: -2px
}

.header ul.menu li.member {
  display: block
}

.header ul.menu li.member a.login {
  display: block;
  height: 50px;
  padding-top: 10px
}

.header ul.menu li.member .header-profile-user {
  height: 36px;
  width: 36px;
  padding: 1px;
  margin-right: 5px;
  border-radius: 50% !important
}

.header ul.menu li.member .login1 {
  line-height: 25px;
  height: 30px;
  margin-top: 0px;
  display: block;
  background: #fff;
  border-radius: 25px;
  padding: 0 10px 0 0;
  display: flex;
  justify-content: center;
  align-items: center
}

.header ul.menu li.member .login1 .username {
  max-width: 60px
}

.header ul.menu li.member .login1,
.header ul.menu li.member .login1 a {
  color: #ff5344
}

[data-theme="white"] .header ul.menu li.member .login1,
[data-theme="white"] .header ul.menu li.member .login1 a {
  color: red
}

[data-theme="black"] .header ul.menu li.member .login1,
[data-theme="black"] .header ul.menu li.member .login1 a {
  color: #0D2685
}

[data-theme="blue"] .header ul.menu li.member .login1,
[data-theme="blue"] .header ul.menu li.member .login1 a {
  color: #ff5344
}

[data-theme="red"] .header ul.menu li.member .login1,
[data-theme="red"] .header ul.menu li.member .login1 a {
  color: #e63a3a
}

[data-theme="green"] .header ul.menu li.member .login1,
[data-theme="green"] .header ul.menu li.member .login1 a {
  color: #1ca472
}

.header ul.menu li.member .login1 i,
.header ul.menu li.member .login1 a i {
  content: '';
  width: 1px;
  height: 12px;
  border-left: 1px solid;
  margin: -1px 5px;
  display: inline-block
}

.header ul.menu li.member .header-profile-user {
  height: 36px;
  width: 36px;
  padding: 1px;
  margin-right: 5px
}

.header ul.menu li.member .drop-down {
  width: 160px;
  margin-left: -101px;
  margin-top: -1px
}

.header ul.menu li.member .drop-down .icon-triangle {
  top: -10px;
  left: 88%
}

.header ul.menu li.member .panel {
  padding: 6px 15px 10px
}

.header ul.menu li.member .panel ul.newtip li {
  width: 100%;
  padding: 2px 0
}

.header ul.menu li.member .panel ul.newtip li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #666
}

.header ul.menu li.member .panel ul.newtip li a .iconfont {
  width: 24px;
  height: 24px;
  font-size: 18px;
  color: #666;
  vertical-align: -1px;
  margin-right: 1px
}

.header ul.menu li.member .panel ul.newtip li a .tipdec {
  width: 80px
}

.header ul.menu li.member .panel ul.newtip li a .numb {
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  padding: 1px 3px;
  margin-left: 5px;
  background-color: #ff5344
}

[data-theme="white"] .header ul.menu li.member .panel ul.newtip li a .numb {
  background-color: red
}

[data-theme="black"] .header ul.menu li.member .panel ul.newtip li a .numb {
  background-color: #0D2685
}

[data-theme="blue"] .header ul.menu li.member .panel ul.newtip li a .numb {
  background-color: #ff5344
}

[data-theme="red"] .header ul.menu li.member .panel ul.newtip li a .numb {
  background-color: #e63a3a
}

[data-theme="green"] .header ul.menu li.member .panel ul.newtip li a .numb {
  background-color: #1ca472
}

.header ul.menu li.member .panel ul.newtip li:last-child .tipdec,
.header ul.menu li.member .panel ul.newtip li:last-child .iconfont {
  color: #f46a6a
}

.header ul.menu li:hover .drop-down {
  display: block
}

.header .login li {
  display: inline-block;
  margin-right: 30px
}

.header .login li:last-child {
  margin-right: 0
}

.header .login li a {
  font-size: 14px;
  color: #fff;
  cursor: pointer
}

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

.header .login li .login,
.header .login li .login a {
  color: #ff5344
}

[data-theme="white"] .header .login li .login,
[data-theme="white"] .header .login li .login a {
  color: red
}

[data-theme="black"] .header .login li .login,
[data-theme="black"] .header .login li .login a {
  color: #0D2685
}

[data-theme="blue"] .header .login li .login,
[data-theme="blue"] .header .login li .login a {
  color: #ff5344
}

[data-theme="red"] .header .login li .login,
[data-theme="red"] .header .login li .login a {
  color: #e63a3a
}

[data-theme="green"] .header .login li .login,
[data-theme="green"] .header .login li .login a {
  color: #1ca472
}

.header .login li .login i,
.header .login li .login a i {
  content: '';
  width: 1px;
  height: 12px;
  border-left: 1px solid;
  margin: 0 5px
}

.header ul.nav>li .drop-down ul.list li a:hover,
.areafod a:hover,
.header ul.nav>.all dl dd a:hover,
.header ul.menu li.member .panel ul.newtip li a:hover .tipdec,
.header ul.menu>li.upload .drop-down li a:hover,
.header ul.nav li.all .drop-down .panel dl dd a:hover,
.loglistr .content a {
  text-decoration: underline;
  color: #ff5344
}

[data-theme="white"] .header ul.nav>li .drop-down ul.list li a:hover,
[data-theme="white"] .areafod a:hover,
[data-theme="white"] .header ul.nav>.all dl dd a:hover,
[data-theme="white"] .header ul.menu li.member .panel ul.newtip li a:hover .tipdec,
[data-theme="white"] .header ul.menu>li.upload .drop-down li a:hover,
[data-theme="white"] .header ul.nav li.all .drop-down .panel dl dd a:hover,
[data-theme="white"] .loglistr .content a {
  color: red
}

[data-theme="black"] .header ul.nav>li .drop-down ul.list li a:hover,
[data-theme="black"] .areafod a:hover,
[data-theme="black"] .header ul.nav>.all dl dd a:hover,
[data-theme="black"] .header ul.menu li.member .panel ul.newtip li a:hover .tipdec,
[data-theme="black"] .header ul.menu>li.upload .drop-down li a:hover,
[data-theme="black"] .header ul.nav li.all .drop-down .panel dl dd a:hover,
[data-theme="black"] .loglistr .content a {
  color: #0D2685
}

[data-theme="blue"] .header ul.nav>li .drop-down ul.list li a:hover,
[data-theme="blue"] .areafod a:hover,
[data-theme="blue"] .header ul.nav>.all dl dd a:hover,
[data-theme="blue"] .header ul.menu li.member .panel ul.newtip li a:hover .tipdec,
[data-theme="blue"] .header ul.menu>li.upload .drop-down li a:hover,
[data-theme="blue"] .header ul.nav li.all .drop-down .panel dl dd a:hover,
[data-theme="blue"] .loglistr .content a {
  color: #ff5344
}

[data-theme="red"] .header ul.nav>li .drop-down ul.list li a:hover,
[data-theme="red"] .areafod a:hover,
[data-theme="red"] .header ul.nav>.all dl dd a:hover,
[data-theme="red"] .header ul.menu li.member .panel ul.newtip li a:hover .tipdec,
[data-theme="red"] .header ul.menu>li.upload .drop-down li a:hover,
[data-theme="red"] .header ul.nav li.all .drop-down .panel dl dd a:hover,
[data-theme="red"] .loglistr .content a {
  color: #e63a3a
}

[data-theme="green"] .header ul.nav>li .drop-down ul.list li a:hover,
[data-theme="green"] .areafod a:hover,
[data-theme="green"] .header ul.nav>.all dl dd a:hover,
[data-theme="green"] .header ul.menu li.member .panel ul.newtip li a:hover .tipdec,
[data-theme="green"] .header ul.menu>li.upload .drop-down li a:hover,
[data-theme="green"] .header ul.nav li.all .drop-down .panel dl dd a:hover,
[data-theme="green"] .loglistr .content a {
  color: #1ca472
}

.loglistr .content a,
.loglistr .content a:hover {
  text-decoration: none
}

.report_newslist .file_pic,
.report_newslist .file_pic .img,
.week_img_list .file_pic,
.week_img_list .img {
  width: 160px;
  height: 90px
}

.meet_imgbox .img,
.doc-list li .listlt .front img,
.imglist .file_pic .img,
.viewcon .auth .hotlist li .cover img {
  -webkit-transition: -webkit-transform .6s ease 0s;
  transition: transform .6s ease 0s;
  -webkit-transform-origin: center;
  transform-origin: center
}

.meet_imglist:hover .meet_imgbox .img,
.viewcon .auth .hotlist li:hover .cover img,
.imglist:hover .file_pic .img,
.doc-list li:hover .listlt .front img {
  transform: scale(1.2)
}

.wowen_ad img {
  border-radius: 8px
}

.areafod a {
  line-height: 60px;
  font-size: 14px;
  color: #999
}

.areafod a:last-child {
  color: #333
}

.areafod span {
  font-size: 12px;
  color: #666;
  margin: 0 8px
}

.listmain .w280 {
  width: 280px
}

.listmain .w965 {
  width: 965px
}

.listmain .listl .nav {
  width: 280px;
  padding: 0 0 2px 0;
  border-radius: 5px;
  overflow: hidden;
  background: #fff
}

.listmain .listl .nav h2 {
  font-size: 15px;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  text-align: center;
  border-bottom: 1px solid #eee;
  font-weight: bold;
  padding: 16px 0;
  display: block;
  width: 100%;
  color: #fff;
  background-color: #ff5344
}

[data-theme="white"] .listmain .listl .nav h2 {
  background-color: red
}

[data-theme="black"] .listmain .listl .nav h2 {
  background-color: #0D2685
}

[data-theme="blue"] .listmain .listl .nav h2 {
  background-color: #ff5344
}

[data-theme="red"] .listmain .listl .nav h2 {
  background-color: #e63a3a
}

[data-theme="green"] .listmain .listl .nav h2 {
  background-color: #1ca472
}

.listmain .listl .nav .menuTree {
  max-height: 610px;
  overflow-x: hidden;
  overflow-y: hidden
}

.listmain .listl .nav .menuTree::-webkit-scrollbar {
  width: 5px;
  background-color: #eee
}

.listmain .listl .nav .menuTree::-webkit-scrollbar-track {
  background-color: #eee
}

.listmain .listl .nav .menuTree::-webkit-scrollbar-thumb {
  background-color: #ddd
}

.listmain .listl .nav .menuTree ul {
  display: none
}

.listmain .listl .nav .menuTree ul li {
  border-bottom: 1px solid #eee
}

.listmain .listl .nav .menuTree ul li:last-child {
  border-bottom: none
}

.listmain .listl .nav .menuTree ul li a {
  margin: 0 auto;
  font-size: 14px;
  line-height: 50px;
  height: 50px;
  color: #000000
}

.listmain .listl .nav .menuTree ul li a.flexbetwen span i {
  margin-right: 10px;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle
}

.listmain .listl .nav .menuTree ul li a.flexbetwen span.icon-arrow-down,
.listmain .listl .nav .menuTree ul li a.flexbetwen span .icon-fenlei2 {
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s
}

.listmain .listl .nav .menuTree ul li a:hover,
.listmain .listl .nav .menuTree ul li a:hover .icon-right-s {
  color: #ff5344 !important
}

[data-theme="white"] .listmain .listl .nav .menuTree ul li a:hover,
[data-theme="white"] .listmain .listl .nav .menuTree ul li a:hover .icon-right-s {
  color: red
}

[data-theme="black"] .listmain .listl .nav .menuTree ul li a:hover,
[data-theme="black"] .listmain .listl .nav .menuTree ul li a:hover .icon-right-s {
  color: #0D2685
}

[data-theme="blue"] .listmain .listl .nav .menuTree ul li a:hover,
[data-theme="blue"] .listmain .listl .nav .menuTree ul li a:hover .icon-right-s {
  color: #ff5344
}

[data-theme="red"] .listmain .listl .nav .menuTree ul li a:hover,
[data-theme="red"] .listmain .listl .nav .menuTree ul li a:hover .icon-right-s {
  color: #e63a3a
}

[data-theme="green"] .listmain .listl .nav .menuTree ul li a:hover,
[data-theme="green"] .listmain .listl .nav .menuTree ul li a:hover .icon-right-s {
  color: #1ca472
}

.listmain .listl .nav .menuTree ul li ul li {
  border-bottom: none
}

.listmain .listl .nav .menuTree ul li ul li a {
  line-height: 40px;
  height: 40px
}

.listmain .listl .nav .menuTree ul li ul li.child:last-child {
  padding-bottom: 7px
}

.listmain .listl .nav .menuTree ul li.one .icon-right-s {
  margin-right: 2px;
  font-size: 16px;
  color: #666;
  vertical-align: middle;
  display: inline-block;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s
}

.listmain .listl .nav .menuTree ul li.one .top {
  padding: 0px 20px
}

.listmain .listl .nav .menuTree ul li.one .top:hover {
  color: #ff5344
}

[data-theme="white"] .listmain .listl .nav .menuTree ul li.one .top:hover {
  color: red
}

[data-theme="black"] .listmain .listl .nav .menuTree ul li.one .top:hover {
  color: #0D2685
}

[data-theme="blue"] .listmain .listl .nav .menuTree ul li.one .top:hover {
  color: #ff5344
}

[data-theme="red"] .listmain .listl .nav .menuTree ul li.one .top:hover {
  color: #e63a3a
}

[data-theme="green"] .listmain .listl .nav .menuTree ul li.one .top:hover {
  color: #1ca472
}

.listmain .listl .nav .menuTree ul li.one .sub {
  padding: 0px 20px 0 48px
}

.listmain .listl .nav .menuTree ul li.one .sub span .icon-right-s {
  margin-right: 2px;
  font-size: 16px;
  color: #666;
  vertical-align: middle;
  display: inline-block;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s
}

.listmain .listl .nav .menuTree ul li.one .subs {
  padding: 0px 0px 0 18px
}

.listmain .listl .nav .menuTree ul li.one .subs .subss {
  padding: 0px 0px 0 18px
}

.listmain .listl .nav .menuTree ul li.one.expanded .top {
  color: #ff5344
}

[data-theme="white"] .listmain .listl .nav .menuTree ul li.one.expanded .top {
  color: red
}

[data-theme="black"] .listmain .listl .nav .menuTree ul li.one.expanded .top {
  color: #0D2685
}

[data-theme="blue"] .listmain .listl .nav .menuTree ul li.one.expanded .top {
  color: #ff5344
}

[data-theme="red"] .listmain .listl .nav .menuTree ul li.one.expanded .top {
  color: #e63a3a
}

[data-theme="green"] .listmain .listl .nav .menuTree ul li.one.expanded .top {
  color: #1ca472
}

.listmain .listl .nav .menuTree ul li.one.expanded .top .icon-arrow-down {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.listmain .listl .nav .menuTree ul li.one.expanded .expanded .stop {
  color: #ff5344
}

[data-theme="white"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .stop {
  color: red
}

[data-theme="black"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .stop {
  color: #0D2685
}

[data-theme="blue"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .stop {
  color: #ff5344
}

[data-theme="red"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .stop {
  color: #e63a3a
}

[data-theme="green"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .stop {
  color: #1ca472
}

.listmain .listl .nav .menuTree ul li.one.expanded .expanded .stop .icon-right-s {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #ff5344
}

[data-theme="white"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .stop .icon-right-s {
  color: red
}

[data-theme="black"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .stop .icon-right-s {
  color: #0D2685
}

[data-theme="blue"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .stop .icon-right-s {
  color: #ff5344
}

[data-theme="red"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .stop .icon-right-s {
  color: #e63a3a
}

[data-theme="green"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .stop .icon-right-s {
  color: #1ca472
}

.listmain .listl .nav .menuTree ul li.one.expanded .expanded .stop .icon-arrow-down {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.listmain .listl .nav .menuTree ul li.one.expanded .expanded .expanded .sstop {
  color: #ff5344
}

[data-theme="white"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .expanded .sstop {
  color: red
}

[data-theme="black"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .expanded .sstop {
  color: #0D2685
}

[data-theme="blue"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .expanded .sstop {
  color: #ff5344
}

[data-theme="red"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .expanded .sstop {
  color: #e63a3a
}

[data-theme="green"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .expanded .sstop {
  color: #1ca472
}

.listmain .listl .nav .menuTree ul li.one.expanded .expanded .expanded .sstop .icon-right-s {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #ff5344
}

[data-theme="white"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .expanded .sstop .icon-right-s {
  color: red
}

[data-theme="black"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .expanded .sstop .icon-right-s {
  color: #0D2685
}

[data-theme="blue"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .expanded .sstop .icon-right-s {
  color: #ff5344
}

[data-theme="red"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .expanded .sstop .icon-right-s {
  color: #e63a3a
}

[data-theme="green"] .listmain .listl .nav .menuTree ul li.one.expanded .expanded .expanded .sstop .icon-right-s {
  color: #1ca472
}

.listmain .listl .nav .menuTree ul li.one.expanded .expanded .expanded .sstop .icon-arrow-down {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.listmain .listl .nav .vertical-menu {
  position: relative;
  width: 100%;
  box-shadow: none;
  top: 0
}

.listmain .listl .nav .vertical-menu #sidebar-menu {
  padding: 0px 0 0px 0
}

.listmain .listl .nav .vertical-menu li {
  border-bottom: 1px solid #eee
}

.listmain .listl .nav .vertical-menu li .sub-menu li {
  border-bottom: none
}

.listmain .listl .nav .vertical-menu li .sub-menu li a {
  padding: 11px 1.5rem 11px 3.5rem
}

.listmain .listl .nav .vertical-menu li .sub-menu li:last-child {
  margin-bottom: 8px
}

.listmain .listl .nav .vertical-menu li:last-child {
  border-bottom: none
}

.listmain .listl .nav ul.list li {
  margin: 0 auto
}

.listmain .listl .nav ul.list li a {
  position: relative;
  display: block;
  padding: 18px 0;
  margin: 0 auto;
  width: 250px;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  color: #000000;
  border-bottom: 1px solid #eee
}

.listmain .listl .nav ul.list li a.no-border {
  border-bottom: 0
}

.listmain .listl .nav ul.list li a span {
  display: inline-block;
  height: 19px;
  line-height: 19px;
  padding-left: 12px
}

.listmain .listl .nav ul.list li a i.icon {
  vertical-align: middle;
  color: #ff5344
}

[data-theme="white"] .listmain .listl .nav ul.list li a i.icon {
  color: red
}

[data-theme="black"] .listmain .listl .nav ul.list li a i.icon {
  color: #0D2685
}

[data-theme="blue"] .listmain .listl .nav ul.list li a i.icon {
  color: #ff5344
}

[data-theme="red"] .listmain .listl .nav ul.list li a i.icon {
  color: #e63a3a
}

[data-theme="green"] .listmain .listl .nav ul.list li a i.icon {
  color: #1ca472
}

.listmain .listl .nav ul.list li a .icon-type {
  display: inline-block;
  width: 20px;
  height: 19px;
  line-height: 19px;
  font-size: 20px
}

.listmain .listl .nav ul.list li a .icon-next {
  position: absolute;
  right: 0;
  display: inline-block;
  height: 19px;
  line-height: 19px;
  font-size: 14px;
  color: #999 !important
}

.listmain .listl .nav ul.list li.active,
.listmain .listl .nav ul.list li:hover {
  background-color: #ff5344
}

[data-theme="white"] .listmain .listl .nav ul.list li.active,
[data-theme="white"] .listmain .listl .nav ul.list li:hover {
  background-color: red
}

[data-theme="black"] .listmain .listl .nav ul.list li.active,
[data-theme="black"] .listmain .listl .nav ul.list li:hover {
  background-color: #0D2685
}

[data-theme="blue"] .listmain .listl .nav ul.list li.active,
[data-theme="blue"] .listmain .listl .nav ul.list li:hover {
  background-color: #ff5344
}

[data-theme="red"] .listmain .listl .nav ul.list li.active,
[data-theme="red"] .listmain .listl .nav ul.list li:hover {
  background-color: #e63a3a
}

[data-theme="green"] .listmain .listl .nav ul.list li.active,
[data-theme="green"] .listmain .listl .nav ul.list li:hover {
  background-color: #1ca472
}

.listmain .listl .nav ul.list li.active a,
.listmain .listl .nav ul.list li:hover a {
  color: #fff;
  border: 1px solid #ff5344
}

[data-theme="white"] .listmain .listl .nav ul.list li.active a,
[data-theme="white"] .listmain .listl .nav ul.list li:hover a {
  border: 1px solid #0d2686
}

[data-theme="black"] .listmain .listl .nav ul.list li.active a,
[data-theme="black"] .listmain .listl .nav ul.list li:hover a {
  border: 1px solid #ddd
}

[data-theme="blue"] .listmain .listl .nav ul.list li.active a,
[data-theme="blue"] .listmain .listl .nav ul.list li:hover a {
  border: 1px solid #ff5344
}

[data-theme="red"] .listmain .listl .nav ul.list li.active a,
[data-theme="red"] .listmain .listl .nav ul.list li:hover a {
  border: 1px solid #e63a3a
}

[data-theme="green"] .listmain .listl .nav ul.list li.active a,
[data-theme="green"] .listmain .listl .nav ul.list li:hover a {
  border: 1px solid #1ca472
}

.listmain .listl .nav ul.list li.active i,
.listmain .listl .nav ul.list li:hover i {
  color: #fff !important
}

.listmain .listl .nav ul.list li:last-child a {
  border-bottom: 0
}

.listmain .listl .ketuij {
  margin-top: 15px;
  padding-bottom: 15px
}

.listmain .listl .ketuij .rank_box ul li p {
  max-width: 150px
}

.listmain .listl .ketuij .rank_box .file_pic {
  width: 120px;
  height: 90px
}

.listmain .listl .ketuij .rank_box .file_pic img {
  width: 120px;
  height: 90px
}

.listmain .listl .hothtag {
  margin-top: 15px;
  padding-bottom: 15px
}

.listmain .listl .hothtag .tagbox {
  margin: 0 0
}

.listmain .listl .hothtag .tagbox a {
  margin: 0 15px 20px 0
}

.listmain .listl .ketuijg {
  margin-top: 15px;
  padding-bottom: 15px
}

.listmain .listl .ketuijg .titb {
  max-width: 150px;
  width: 150px
}

.listmain .listl .ketuijg .shegbtn {
  width: 34px;
  height: 34px;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-align: center;
  font-size: 12px;
  line-height: 13px;
  color: #3580e5
}

.listmain .listl .ketuijg .shegbtn:before {
  font-size: 14px;
  display: block;
  margin: 3px 0 1px
}

.listmain .listl .ketuijg .shegbtn:hover {
  background: #3580e5;
  color: #fff;
  border-color: #3580e5
}

.listmain .listl .ketuijg .shegbtn.on {
  background: #3580e5;
  color: #fff;
  border-color: #3580e5
}

.listmain .listl .ketuijg .shegbtn.on:before {
  content: "\e631"
}

.listmain .listr .scate .introduce {
  margin: 0 0 15px 0;
  padding: 0 19px 0px 19px;
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff
}

.listmain .listr .scate .introduce .selector {
  padding: 18px 0px 10px;
  background: #fff;
  border-radius: 4px;
  color: #333
}

.listmain .listr .scate .introduce .selector dl {
  margin-bottom: 0px;
  font-size: 13px
}

.listmain .listr .scate .introduce .selector dl h5 {
  width: 45px;
  position: relative;
  font-size: 14px;
  color: #999
}

.listmain .listr .scate .introduce .selector dl.s-o h5 {
  top: -13px
}

.listmain .listr .scate .introduce .selector dl h5,
.listmain .listr .scate .introduce .selector dl span,
.listmain .listr .scate .introduce .selector dl dd,
.listmain .listr .scate .introduce .selector dl dt {
  display: inline-block
}

.listmain .listr .scate .introduce .selector dl span,
.listmain .listr .scate .introduce .selector dl dd,
.listmain .listr .scate .introduce .selector dl dt {
  margin-right: 2px
}

.listmain .listr .scate .introduce .selector dl span a {
  font-size: 13px;
  display: inline-block;
  padding: 0 10px;
  line-height: 25px;
  border-radius: 3px;
  color: #333
}

.listmain .listr .scate .introduce .selector dl span a:hover {
  background-color: #ff5344;
  color: #fff;
  text-decoration: none
}

[data-theme="white"] .listmain .listr .scate .introduce .selector dl span a:hover {
  background-color: red
}

[data-theme="black"] .listmain .listr .scate .introduce .selector dl span a:hover {
  background-color: #0D2685
}

[data-theme="blue"] .listmain .listr .scate .introduce .selector dl span a:hover {
  background-color: #ff5344
}

[data-theme="red"] .listmain .listr .scate .introduce .selector dl span a:hover {
  background-color: #e63a3a
}

[data-theme="green"] .listmain .listr .scate .introduce .selector dl span a:hover {
  background-color: #1ca472
}

.listmain .listr .scate .introduce .selector dl span a.cur {
  background-color: #ff5344;
  color: #fff
}

[data-theme="white"] .listmain .listr .scate .introduce .selector dl span a.cur {
  background-color: red
}

[data-theme="black"] .listmain .listr .scate .introduce .selector dl span a.cur {
  background-color: #0D2685
}

[data-theme="blue"] .listmain .listr .scate .introduce .selector dl span a.cur {
  background-color: #ff5344
}

[data-theme="red"] .listmain .listr .scate .introduce .selector dl span a.cur {
  background-color: #e63a3a
}

[data-theme="green"] .listmain .listr .scate .introduce .selector dl span a.cur {
  background-color: #1ca472
}

.listmain .listr .scate .introduce .selector dl dd>a {
  display: inline-block;
  padding: 0 10px;
  line-height: 43px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  border-left: solid 1px #fff;
  position: relative;
  text-decoration: none;
  color: #333
}

.listmain .listr .scate .introduce .selector dl dd>a:hover {
  color: #ff5344
}

[data-theme="white"] .listmain .listr .scate .introduce .selector dl dd>a:hover {
  color: red
}

[data-theme="black"] .listmain .listr .scate .introduce .selector dl dd>a:hover {
  color: #0D2685
}

[data-theme="blue"] .listmain .listr .scate .introduce .selector dl dd>a:hover {
  color: #ff5344
}

[data-theme="red"] .listmain .listr .scate .introduce .selector dl dd>a:hover {
  color: #e63a3a
}

[data-theme="green"] .listmain .listr .scate .introduce .selector dl dd>a:hover {
  color: #1ca472
}

.listmain .listr .scate .introduce .selector dl dd a.cur {
  color: #ff5344;
  background: #fff;
  border-top: solid 1px #ececec;
  border-right: solid 1px #ececec;
  border-left: solid 1px #ececec;
  border-radius: 5px 5px 0 0
}

[data-theme="white"] .listmain .listr .scate .introduce .selector dl dd a.cur {
  color: red
}

[data-theme="black"] .listmain .listr .scate .introduce .selector dl dd a.cur {
  color: #0D2685
}

[data-theme="blue"] .listmain .listr .scate .introduce .selector dl dd a.cur {
  color: #ff5344
}

[data-theme="red"] .listmain .listr .scate .introduce .selector dl dd a.cur {
  color: #e63a3a
}

[data-theme="green"] .listmain .listr .scate .introduce .selector dl dd a.cur {
  color: #1ca472
}

.listmain .listr .scate .introduce .selector .zone {
  z-index: 9;
  margin-top: -1px;
  margin-left: 80px
}

.listmain .listr .scate .introduce .selector .zone li {
  padding: 10px 0;
  background: #fff;
  border: solid 1px #ececec;
  display: none;
  border-radius: 4px;
  line-height: 24px
}

.listmain .listr .scate .introduce .selector .zone a {
  display: inline-block;
  font-size: 13px;
  margin-left: 15px
}

.listmain .listr .scate .introduce .selector .zone a:hover {
  color: #ff6684
}

.listmain .listr .scate .introduce .selector .zone a.cur {
  color: #ff6684
}

.listmain .listr .scate .introduce .Search_jobs_form_list {
  margin-bottom: 10px
}

.listmain .listr .scate .introduce .Search_jobs_name {
  display: inline-block;
  width: 45px;
  padding-right: 4px;
  height: 28px;
  line-height: 28px;
  color: #999;
  float: left;
  font-size: 14px
}

.listmain .listr .scate .introduce .Search_jobs_sub {
  width: 84%;
  float: left
}

.listmain .listr .scate .introduce .Search_jobs_sub_nore {
  height: auto;
  overflow: auto
}

.listmain .listr .scate .introduce .Search_jobs_sub_a {
  height: 25px;
  line-height: 25px;
  float: left;
  padding: 0px 10px;
  margin-bottom: 5px;
  font-size: 13px;
  white-space: nowrap;
  color: #333;
  margin-right: 8px;
  border: 1px #FFFFFF solid;
  background-color: #FFFFFF;
  border-radius: 4px
}

.listmain .listr .scate .introduce .Search_jobs_sub_a:hover {
  background-color: #ff5344;
  color: #fff;
  text-decoration: none
}

[data-theme="white"] .listmain .listr .scate .introduce .Search_jobs_sub_a:hover {
  background-color: red
}

[data-theme="black"] .listmain .listr .scate .introduce .Search_jobs_sub_a:hover {
  background-color: #0D2685
}

[data-theme="blue"] .listmain .listr .scate .introduce .Search_jobs_sub_a:hover {
  background-color: #ff5344
}

[data-theme="red"] .listmain .listr .scate .introduce .Search_jobs_sub_a:hover {
  background-color: #e63a3a
}

[data-theme="green"] .listmain .listr .scate .introduce .Search_jobs_sub_a:hover {
  background-color: #1ca472
}

.listmain .listr .scate .introduce .Search_jobs_sub_cur {
  color: #fff;
  background-color: #ff5344
}

[data-theme="white"] .listmain .listr .scate .introduce .Search_jobs_sub_cur {
  background-color: red
}

[data-theme="black"] .listmain .listr .scate .introduce .Search_jobs_sub_cur {
  background-color: #0D2685
}

[data-theme="blue"] .listmain .listr .scate .introduce .Search_jobs_sub_cur {
  background-color: #ff5344
}

[data-theme="red"] .listmain .listr .scate .introduce .Search_jobs_sub_cur {
  background-color: #e63a3a
}

[data-theme="green"] .listmain .listr .scate .introduce .Search_jobs_sub_cur {
  background-color: #1ca472
}

.listmain .listr .scate .introduce .s-hangye div {
  display: inline-block
}

.listmain .listr .scate .introduce .s-hangye div#f2 {
  margin-left: 45px
}

.listmain .listr .scate .introduce .s-hangye div#f3 {
  margin-left: 45px
}

.listmain .listr .scate .introduce .s-hangye div#f4 {
  margin-left: 45px
}

.listmain .listr .scate .introduce .selector .hangye {
  display: none
}

.listmain .listr .scate .introduce .hangye1,
.listmain .listr .scate .introduce .hangye2,
.listmain .listr .scate .introduce .hangye3,
.listmain .listr .scate .introduce .hangye4 {
  margin-left: 45px;
  display: none;
  margin-top: -1px;
  font-size: 12px
}

.listmain .listr .scate .introduce .selector .s-hangye li {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  background: #fff;
  border: solid 1px #ececec;
  line-height: 24px;
  z-index: 9;
  border-radius: 5px
}

.listmain .listr .scate .introduce .selector .s-hangye li a {
  display: inline-block;
  font-size: 13px;
  margin-left: 15px;
  color: #666
}

.listmain .listr .scate .introduce .selector .s-hangye li a:hover {
  color: #ff5344;
  text-decoration: underline
}

[data-theme="white"] .listmain .listr .scate .introduce .selector .s-hangye li a:hover {
  color: red
}

[data-theme="black"] .listmain .listr .scate .introduce .selector .s-hangye li a:hover {
  color: #0D2685
}

[data-theme="blue"] .listmain .listr .scate .introduce .selector .s-hangye li a:hover {
  color: #ff5344
}

[data-theme="red"] .listmain .listr .scate .introduce .selector .s-hangye li a:hover {
  color: #e63a3a
}

[data-theme="green"] .listmain .listr .scate .introduce .selector .s-hangye li a:hover {
  color: #1ca472
}

.listmain .listr .scate .introduce .selector .s-hangye li a.cur {
  color: #ff5344
}

[data-theme="white"] .listmain .listr .scate .introduce .selector .s-hangye li a.cur {
  color: red
}

[data-theme="black"] .listmain .listr .scate .introduce .selector .s-hangye li a.cur {
  color: #0D2685
}

[data-theme="blue"] .listmain .listr .scate .introduce .selector .s-hangye li a.cur {
  color: #ff5344
}

[data-theme="red"] .listmain .listr .scate .introduce .selector .s-hangye li a.cur {
  color: #e63a3a
}

[data-theme="green"] .listmain .listr .scate .introduce .selector .s-hangye li a.cur {
  color: #1ca472
}

.listmain .listr .scate .introduce ul.list {
  width: 100%;
  overflow: hidden;
  padding: 19px 0 0 0
}

.listmain .listr .scate .introduce ul.list li {
  float: left;
  margin: 0 0 5px 5px;
  white-space: nowrap
}

.listmain .listr .scate .introduce ul.list li a {
  display: block;
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 13px;
  color: #333
}

.listmain .listr .scate .introduce ul.list li a:hover,
.listmain .listr .scate .introduce ul.list li a.active {
  display: block;
  color: #fff;
  background-color: #ff5344;
  border-radius: 5px
}

[data-theme="white"] .listmain .listr .scate .introduce ul.list li a:hover,
[data-theme="white"] .listmain .listr .scate .introduce ul.list li a.active {
  background-color: red
}

[data-theme="black"] .listmain .listr .scate .introduce ul.list li a:hover,
[data-theme="black"] .listmain .listr .scate .introduce ul.list li a.active {
  background-color: #0D2685
}

[data-theme="blue"] .listmain .listr .scate .introduce ul.list li a:hover,
[data-theme="blue"] .listmain .listr .scate .introduce ul.list li a.active {
  background-color: #ff5344
}

[data-theme="red"] .listmain .listr .scate .introduce ul.list li a:hover,
[data-theme="red"] .listmain .listr .scate .introduce ul.list li a.active {
  background-color: #e63a3a
}

[data-theme="green"] .listmain .listr .scate .introduce ul.list li a:hover,
[data-theme="green"] .listmain .listr .scate .introduce ul.list li a.active {
  background-color: #1ca472
}

.listmain .listr .scate .introduce .hd {
  width: 100%;
  padding: 14px 0;
  overflow: hidden;
  border-bottom: 1px solid #eee
}

.listmain .listr .scate .introduce .hd h1 {
  font-size: 17px;
  color: #333;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  line-height: 24px
}

.listmain .listr .scate .introduce .hd .hot1 {
  margin: 0 0 0 10px
}

.listmain .listr .scate .introduce .hd .hot1 i.icon-rehot {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 6px;
  font-size: 20px;
  color: red
}

.listmain .listr .scate .introduce .hd .hot1 span {
  font-size: 13px;
  color: #999
}

.listmain .listr .scate .introduce .hd .hot1 span small {
  font-size: 13px;
  color: #999;
  margin: 0 3px
}

.listmain .listr .scate .introduce .hide {
  position: relative;
  display: block;
  overflow: hidden;
  height: 53px;
  line-height: 24px;
  font-size: 14px;
  font-weight: normal;
  text-align: justify;
  color: #666;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.listmain .listr .scate .introduce .show {
  position: relative;
  display: block;
  line-height: 24px;
  font-size: 14px;
  font-weight: normal;
  text-align: justify;
  color: #666
}

.listmain .listr .scate .introduce strong .icon-show-down {
  position: absolute;
  bottom: 4px;
  right: 0;
  width: 57px;
  cursor: pointer;
  font-size: 14px;
  color: #ff5344;
  background: #fff
}

[data-theme="white"] .listmain .listr .scate .introduce strong .icon-show-down {
  color: red
}

[data-theme="black"] .listmain .listr .scate .introduce strong .icon-show-down {
  color: #0D2685
}

[data-theme="blue"] .listmain .listr .scate .introduce strong .icon-show-down {
  color: #ff5344
}

[data-theme="red"] .listmain .listr .scate .introduce strong .icon-show-down {
  color: #e63a3a
}

[data-theme="green"] .listmain .listr .scate .introduce strong .icon-show-down {
  color: #1ca472
}

.listmain .listr .scate .doc {
  padding: 0 19px 19px;
  margin: 0 0 15px 0;
  border-radius: 5px;
  background: #fff
}

.listmain .listr .scate .doc ul.sort {
  padding: 19px 0 0 0;
  border-bottom: 1px solid #eee;
  overflow: hidden
}

.listmain .listr .scate .doc ul.sort li {
  float: left;
  line-height: 25px
}

.listmain .listr .scate .doc ul.sort a {
  display: inline-block;
  padding: 0 0 19px 0;
  margin: 0 32px 0 0;
  line-height: 25px;
  text-align: center;
  font-size: 15px;
  color: #666
}

.listmain .listr .scate .doc ul.sort a:hover,
.listmain .listr .scate .doc ul.sort a.active {
  color: #333;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  border: 1px solid #ff5344
}

[data-theme="white"] .listmain .listr .scate .doc ul.sort a:hover,
[data-theme="white"] .listmain .listr .scate .doc ul.sort a.active {
  border-bottom: 2px solid #0d2686
}

[data-theme="black"] .listmain .listr .scate .doc ul.sort a:hover,
[data-theme="black"] .listmain .listr .scate .doc ul.sort a.active {
  border-bottom: 2px solid #ddd
}

[data-theme="blue"] .listmain .listr .scate .doc ul.sort a:hover,
[data-theme="blue"] .listmain .listr .scate .doc ul.sort a.active {
  border-bottom: 2px solid #ff5344
}

[data-theme="red"] .listmain .listr .scate .doc ul.sort a:hover,
[data-theme="red"] .listmain .listr .scate .doc ul.sort a.active {
  border-bottom: 2px solid #e63a3a
}

[data-theme="green"] .listmain .listr .scate .doc ul.sort a:hover,
[data-theme="green"] .listmain .listr .scate .doc ul.sort a.active {
  border-bottom: 2px solid #1ca472
}

.listmain .listr .scate .doc ul.sort a:hover {
  font-weight: normal
}

.listmain .listr .scate .doc ul.sort a:hover.active {
  font-weight: bold
}

.listmain .listr .scate .doc .doc-list li {
  padding: 19px 0;
  overflow: hidden;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.listmain .listr .scate .doc .doc-list li .listlt {
  width: 860px
}

.listmain .listr .scate .doc .doc-list li .listlt .front {
  width: 100px;
  height: 120px;
  position: relative
}

.listmain .listr .scate .doc .doc-list li .listlt .front.cover {
  display: block;
  overflow: hidden;
  width: 100px;
  height: 120px;
  border: 1px solid #eee;
  border-radius: 8px
}

.listmain .listr .scate .doc .doc-list li .listlt .front img {
  display: block;
  width: 100px;
  height: 120px;
  border-radius: 8px
}

.listmain .listr .scate .doc .doc-list li .listlt .front .doc1 {
  position: absolute;
  bottom: 5px;
  right: 0;
  z-index: 9;
  font-size: 18px !important;
  display: block;
  line-height: 18px
}

.listmain .listr .scate .doc .doc-list li .listlt .mane {
  width: 730px;
  margin-left: 15px
}

.listmain .listr .scate .doc .doc-list li .listlt .mane .intros {
  margin-bottom: 20px;
  margin: 0 0 15px 0;
  display: inline-block;
  overflow: hidden;
  height: 50px;
  line-height: 24px;
  font-size: 12px;
  color: #666;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.listmain .listr .scate .doc .doc-list li .listlt .mane .doc-title {
  display: block;
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #333;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.listmain .listr .scate .doc .doc-list li .listlt .mane .infos span {
  font-size: 12px;
  color: #999;
  line-height: 14px;
  margin-right: 15px
}

.listmain .listr .scate .doc .doc-list li .listlt .mane .infos span em {
  vertical-align: -1px;
  margin-right: 5px
}

.listmain .listr .scate .doc .doc-list li .listlt a.flexstart:hover .doc-title {
  text-decoration: underline;
  color: #ff5344
}

[data-theme="white"] .listmain .listr .scate .doc .doc-list li .listlt a.flexstart:hover .doc-title {
  color: red
}

[data-theme="black"] .listmain .listr .scate .doc .doc-list li .listlt a.flexstart:hover .doc-title {
  color: #0D2685
}

[data-theme="blue"] .listmain .listr .scate .doc .doc-list li .listlt a.flexstart:hover .doc-title {
  color: #ff5344
}

[data-theme="red"] .listmain .listr .scate .doc .doc-list li .listlt a.flexstart:hover .doc-title {
  color: #e63a3a
}

[data-theme="green"] .listmain .listr .scate .doc .doc-list li .listlt a.flexstart:hover .doc-title {
  color: #1ca472
}

.listmain .listr .scate .doc .doc-list li a.fav {
  width: 26px;
  height: 26px
}

.listmain .listr .scate .doc .doc-list li a.fav .iconfont {
  display: block;
  border: 1px solid #e4e5e5;
  background: #f6f6f6;
  width: 24px;
  height: 24px;
  font-size: 15px;
  color: #d2d1d1;
  display: block;
  text-align: center;
  border-radius: 5px;
  line-height: 24px
}

.listmain .listr .scate .doc .doc-list li a.fav .iconfont.active,
.listmain .listr .scate .doc .doc-list li a.fav .iconfont:hover {
  color: #eea242
}

.page {
  overflow: hidden;
  padding: 10px 20px 20px 20px;
}

.page .count {
  float: left;
  height: 36px;
  font-size: 12px;
  line-height: 36px;
  color: #999
}

.page ul.paging {
  width: auto;
  min-height: 1px;
  height: auto;
  overflow: hidden;
  text-align: center
}

.page ul.paging li {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  padding: 0 5px
}

.page ul.paging li a {
  background-color: #fff
}

.page ul.paging li a.prev,
.page ul.paging li a.next {
  color: #458DEC
}

.page ul.paging li a:hover,
.page ul.paging li a.active {
  background-color: #458DEC;
  border: 1px solid #458DEC;
  color: #fff
}

.page ul.paging li span.disabled,
.page ul.paging li a {
  display: block;
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #030303
}

.page ul.paging li span.disabled {
  background-color: #F7F7F7;
  color: #999
}

.page ul.paging li span.ellipsis {
  display: block;
  padding: 0 5px;
  font-size: 20px;
  color: #030303
}

.viewcon .sift {
  padding: 0 0;
  margin: 0 auto;
  background: none;
  box-shadow: none;
}

.viewcon .sift .vmain {
  overflow: hidden;
}

.viewcon .sift .vmain .leftcont .title {
  font-size: 18px;
  color: #333;
  line-height: 35px;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

.viewcon .sift .vmain .leftcont .title i.iconfont {
  font-size: 18px !important;
  margin-left: 7px
}

.viewcon .sift .vmain .leftcont .title i,
.viewcon .sift .vmain .leftcont .title .good-label {
  font-weight: normal
}

.viewcon .sift .vmain .leftcont .title .good-label {
  display: inline-block
}

.viewcon .sift .vmain .leftcont .title .good-label:first-child {
  margin-left: 3px
}

.viewcon .sift .vmain .leftcont .title .good-label.yuan {
  background: #6ec486
}

.viewcon .sift .vmain .leftcont .title .good-label.vip {
  background: #f3b752;
  width: 55px
}

.viewcon .sift .vmain .leftcont .ttag {
  font-size: 12px;
  color: #999;
  margin: 8px 0 12px
}

.viewcon .sift .vmain .leftcont .ttag .infos span {
  margin-right: 15px
}

.viewcon .sift .vmain .leftcont .ttag .infos em {
  font-size: 17px;
  color: #999;
  vertical-align: -2px;
  margin-right: 3px
}

.viewcon .sift .vmain .leftcont .ttag .infos em.icon-alreadystar {
  font-size: 15px;
  color: #f0a64d;
  vertical-align: 0px;
  margin-right: 5px
}

.viewcon .sift .vmain .leftcont .ttag .jubaobtn i {
  width: 18px;
  height: 14px;
  background: url(../images/qinq.png) no-repeat;
  display: inline-block;
  vertical-align: -2px;
  margin-right: 5px
}

.viewcon .sift .vmain .leftcont .newsview {
  line-height: 30px
}

.viewcon .sift .vmain .leftcont .newsview .decpt {
  font-size: 13px;
  color: #666;
  text-indent: 2em
}

.viewcon .sift .vmain .leftcont .newsview .conten {
  font-size: 13px;
  color: #666
}

.viewcon .sift .vmain .leftcont .newsview .conten img {
  display: block;
  margin: 15px auto
}

.viewcon .sift .vmain .leftcont .newsview .conten p {
  text-indent: 2em;
  margin-bottom: 5px
}

.viewcon .sift .vmain .leftcont .newsview .read-flo {
  width: 925px;
  background: #fff;
  position: relative
}

.viewcon .sift .vmain .leftcont .newsview .read_fixed {
  position: fixed;
  bottom: 0;
  z-index: 99;
  margin: 10px auto -20px
}

.viewcon .sift .vmain .leftcont .newsview .read-option {
  width: 310px;
  margin: 10px auto 30px
}

.viewcon .sift .vmain .leftcont .newsview .read-option a {
  position: relative
}

.viewcon .sift .vmain .leftcont .newsview .read-option a.btn-option {
  position: relative;
  line-height: 65px;
  overflow: hidden;
  width: 65px;
  height: 65px;
  margin-right: 15px;
  background-color: #f9f9f9;
  display: block;
  text-align: center;
  border-radius: 8px
}

.viewcon .sift .vmain .leftcont .newsview .read-option a .zan_num {
  position: absolute;
  top: -18px;
  right: 2%;
  color: #eb330a;
  font-size: 12px;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  font-weight: bold
}

.viewcon .sift .vmain .leftcont .newsview .read-option a.iconfont,
.viewcon .sift .vmain .leftcont .newsview .read-option a .iconfont {
  font-size: 37px;
  color: #ff6b19
}

.viewcon .sift .vmain .leftcont .newsview .read-option a.iconfont.icon-xinxi,
.viewcon .sift .vmain .leftcont .newsview .read-option a .iconfont.icon-xinxi {
  font-size: 35px;
  color: #ffbd31
}

.viewcon .sift .vmain .leftcont .newsview .read-option a.iconfont.icon-favorite-line,
.viewcon .sift .vmain .leftcont .newsview .read-option a .iconfont.icon-favorite-line {
  font-size: 40px;
  color: #65e085;
  line-height: 63px
}

.viewcon .sift .vmain .leftcont .newsview .read-option a.iconfont.icon-fenxiang4,
.viewcon .sift .vmain .leftcont .newsview .read-option a .iconfont.icon-fenxiang4 {
  font-size: 34px;
  color: #39b5ff
}

.viewcon .sift .vmain .leftcont .newsview .read-option a.on .iconfont.icon-dianzan16:before {
  content: "\ea8b"
}

.viewcon .sift .vmain .leftcont .newsview .read-option a:hover.iconfont:before,
.viewcon .sift .vmain .leftcont .newsview .read-option a:hover .iconfont:before {
  content: "\ea8b"
}

.viewcon .sift .vmain .leftcont .newsview .read-option a:hover.iconfont.icon-xinxi:before,
.viewcon .sift .vmain .leftcont .newsview .read-option a:hover .iconfont.icon-xinxi:before {
  content: "\ea8c";
  font-size: 31px;
  color: #ffbd31
}

.viewcon .sift .vmain .leftcont .newsview .read-option a:hover.iconfont.icon-favorite-line,
.viewcon .sift .vmain .leftcont .newsview .read-option a:hover .iconfont.icon-favorite-line {
  font-size: 40px;
  color: #65e085;
  line-height: 63px
}

.viewcon .sift .vmain .leftcont .newsview .read-option a:hover.iconfont.icon-favorite-line:before,
.viewcon .sift .vmain .leftcont .newsview .read-option a:hover .iconfont.icon-favorite-line:before {
  content: "\e63c"
}

.viewcon .sift .vmain .leftcont .newsview .read-option a:hover.iconfont.icon-fenxiang4,
.viewcon .sift .vmain .leftcont .newsview .read-option a:hover .iconfont.icon-fenxiang4 {
  font-size: 34px;
  color: #39b5ff
}

.viewcon .sift .vmain .leftcont .newsview .read-option a:hover.iconfont.icon-fenxiang4:before,
.viewcon .sift .vmain .leftcont .newsview .read-option a:hover .iconfont.icon-fenxiang4:before {
  content: "\ea9e"
}

.viewcon .sift .vmain .leftcont .newsview .read-option .bdsharebuttonbox a.btn-option {
  width: 65px;
  height: 65px
}

.viewcon .sift .vmain .leftcont .newsview .read-option .bdsharebuttonbox {
  display: block;
  width: 65px;
  height: 65px;
  overflow: hidden;
  background-color: #fafafa
}

.viewcon .sift .vmain .leftcont .newsview .read-option .bdsharebuttonbox a.btn-share {
  margin: 0px
}

.viewcon .sift .vmain .leftcont .newsview .bdsharebuttonbox .bdshare-button-style0-16 a:hover,
.viewcon .sift .vmain .leftcont .newsview .bdsharebuttonbox .bdshare-button-style0-16 .bds_more:hover {
  background-position: -210px 15px
}

.viewcon .sift .vmain .leftcont .newsview .option-ta {
  height: 30px;
  line-height: 30px
}

.viewcon .sift .vmain .leftcont .newsview .option-ta .fl {
  margin-right: 25px
}

.viewcon .sift .vmain .leftcont .newsview .option-ta .fr {
  margin-left: 25px;
  line-height: 40px
}

.viewcon .sift .vmain .leftcont .newsview .option-ta a {
  background: url(ico.png?2.0) no-repeat;
  color: #b3b3b3;
  width: 30px;
  height: 30px;
  float: left
}

.viewcon .sift .vmain .leftcont .newsview .option-ta a:hover {
  text-decoration: none
}

.viewcon .sift .vmain .leftcont .newsview .option-ta .btn-dp {
  background-position: 0px -106px;
  float: right
}

.viewcon .sift .vmain .leftcont .newsview .option-ta .btn-dp:hover,
.viewcon .sift .vmain .leftcont .newsview .option-ta .btn-dp.on {
  background-position: 0px -201px;
  color: #ff6517
}

.viewcon .sift .vmain .leftcont .newsview .option-ta .btn-zan {
  background-position: 0px -59px;
  width: 30px;
  height: 30px;
  display: block;
  padding-left: 0px
}

.viewcon .sift .vmain .leftcont .newsview .option-ta .btn-zan:hover,
.viewcon .sift .vmain .leftcont .newsview .option-ta .btn-zan-on {
  background-position: 0px -151px;
  color: #ff6517;
  width: 30px;
  height: 30px;
  display: block;
  padding-left: 0px
}

.viewcon .sift .vmain .leftcont .newsview .bdshare-button-style0-16 a,
.viewcon .sift .vmain .leftcont .newsview .bdshare-button-style0-16 .bds_more {
  background-image: url(btn_b.png);
  padding: 0px;
  background-position: -210px -70px
}

.viewcon .sift .vmain .leftcont .newsview .bdshare-button-style0-16 a:hover,
.viewcon .sift .vmain .leftcont .newsview .bdshare-button-style0-16 .bds_more:hover {
  background-position: -210px 15px
}

.viewcon .sift .vmain .leftcont .newsview .rotateZ.btn-zan-on {
  -moz-animation-name: swing;
  -ms-animation-name: swing;
  -o-animation-name: swing;
  -webkit-animation-name: swing;
  animation-name: swing;
  -webkit-backface-visibility: hidden;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-moz-keyframes swing {
  20% {
    -moz-transform: translateY(-6px) scale(1.2) rotate(-20deg)
  }

  60% {
    -moz-transform: translateY(-6px) scale(1.2) rotate(-20deg)
  }

  100% {
    -moz-transform: translateY(0px) scale(1) rotate(0deg)
  }
}

@-ms-keyframes swing {
  .viewcon .sift .vmain .leftcont .newsview 20% {
    -ms-transform: translateY(-6px) scale(1.2) rotate(-20deg)
  }

  .viewcon .sift .vmain .leftcont .newsview 60% {
    -ms-transform: translateY(-6px) scale(1.2) rotate(-20deg)
  }

  .viewcon .sift .vmain .leftcont .newsview 100% {
    -ms-transform: translateY(0px) scale(1) rotate(0deg)
  }
}

@-o-keyframes swing {
  20% {
    -o-transform: translateY(-6px) scale(1.2) rotate(-20deg)
  }

  60% {
    -o-transform: translateY(-6px) scale(1.2) rotate(-20deg)
  }

  100% {
    -o-transform: translateY(0px) scale(1) rotate(0deg)
  }
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: translateY(-6px) scale(1.2) rotate(-20deg)
  }

  60% {
    -webkit-transform: translateY(-6px) scale(1.2) rotate(-20deg)
  }

  100% {
    -webkit-transform: translateY(0px) scale(1) rotate(0deg)
  }
}

@keyframes swing {
  40% {
    transform: rotate(-20deg) translateY(-20px) scale(1)
  }

  80% {
    transform: rotate(0deg) translateY(-40px) scale(1.2)
  }

  100% {
    transform: rotate(0deg) translateY(0px) scale(1)
  }
}

.viewcon .sift .vmain .leftcont .related {
  border: 1px solid #ddd;
  border-radius: 8px;
  width: 100%;
  overflow: hidden
}

.viewcon .sift .vmain .leftcont .related .tilp {
  background: #f2f2f2;
  padding: 10px
}

.viewcon .sift .vmain .leftcont .related .tilp span {
  font-size: 13px;
  color: #333
}

.viewcon .sift .vmain .leftcont .related .tilp span .iconfont {
  font-size: 16px;
  color: #999;
  vertical-align: -2px;
  margin-right: 5px
}

.viewcon .sift .vmain .leftcont .related-list {
  padding: 8px 18px 35px
}

.viewcon .sift .vmain .leftcont .related-list ul li {
  position: relative;
  border-left: 1px solid #ddd;
  height: 30px
}

.viewcon .sift .vmain .leftcont .related-list ul li:before {
  content: "";
  border-bottom: 1px dashed #ddd;
  width: 22px;
  height: 1px;
  display: inline-block;
  vertical-align: -6px;
  position: absolute;
  bottom: 0
}

.viewcon .sift .vmain .leftcont .related-list ul li a {
  position: absolute;
  top: 18px;
  left: 26px
}

.viewcon .sift .vmain .leftcont .related-list ul li a .cop img {
  width: 22px;
  height: 22px
}

.viewcon .sift .vmain .leftcont .related-list ul li a .cop span {
  margin-left: 10px
}

.viewcon .sift .vmain .leftcont .related-list ul li a i.iconfont {
  font-size: 18px !important;
  vertical-align: -2px
}

.viewcon .sift .vmain .leftcont .downvew-con p {
  margin-bottom: 15px
}

.viewcon .sift .vmain .leftcont .downvew-con p a.fuzbtn {
  height: 35px;
  line-height: 35px;
  display: inline-block;
  background: #f6f6f6;
  border-radius: 8px;
  padding: 0 22px;
  font-size: 13px;
  color: #666;
  margin-left: 20px;
  opacity: .9
}

.viewcon .sift .vmain .leftcont .downvew-con p a.fuzbtn.getma {
  background: #ff5722;
  color: #fff
}

.viewcon .sift .vmain .leftcont .downvew-con p a.fuzbtn:hover {
  opacity: 1
}

.viewcon .sift .vmain .leftcont .detail_wrap {
  width: 820px;
  height: 670px;
  padding: 8px;
  background: #e5e5e5;
  position: relative
}

.viewcon .sift .vmain .leftcont .upsiglebtn,
.viewcon .sift .vmain .leftcont .detail_bottom {
  position: fixed;
  width: 100%;
  height: 60px;
  left: 0;
  bottom: 0;
  background: #fff;
  z-index: 1000;
  border-top: #dadddf solid 1px;
  border-bottom: #dadddf solid 1px
}

.viewcon .sift .vmain .leftcont .timebox {
  width: 200px;
  height: 38px;
  position: relative
}

.viewcon .sift .vmain .leftcont .timebox input {
  width: 160px;
  padding-left: 30px
}

.viewcon .sift .vmain .leftcont .detail_cont {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  background: #525659;
  position: relative
}

.viewcon .sift .vmain .leftcont .detail_cont_pic {
  padding: 50px 5px 40px 5px
}

.viewcon .sift .vmain .leftcont .detail_cont_pic img {
  width: 100%;
  margin-bottom: 5px;
  background: #fff
}

.viewcon .sift .vmain .leftcont .detail_top {
  position: absolute;
  top: 8px;
  left: 0;
  color: #fff;
  width: 820px;
  margin: 0 8px;
  height: 38px;
  line-height: 38px;
  background: #323639;
  z-index: 1000
}

.viewcon .sift .vmain .leftcont .detail_cont_bottom {
  position: absolute;
  bottom: 8px;
  left: 0;
  width: 820px;
  margin: 0 8px;
  height: 40px;
  background-color: rgba(245, 166, 35, 0.8);
  z-index: 1000
}

.viewcon .sift .vmain .leftcont .detail_cont_bottom a {
  color: #fff
}

.viewcon .sift .vmain .leftcont .large_btn {
  position: absolute;
  right: 60px;
  top: 8px;
  width: 19px;
  height: 20px;
  background: url(../images/bigbtn.png) no-repeat;
  background-size: cover;
  cursor: pointer;
  z-index: 200
}

.viewcon .sift .vmain .leftcont .large_pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2600;
  display: none
}

.viewcon .sift .vmain .leftcont .pop_box_wrap {
  position: relative;
  height: 100%
}

.viewcon .sift .vmain .leftcont .large_mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #525659
}

.viewcon .sift .vmain .leftcont .large_cont_btn {
  position: absolute;
  right: 50px;
  bottom: 10%;
  z-index: 3002
}

.viewcon .sift .vmain .leftcont .large_top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
  z-index: 300;
  color: #fff;
  background: #323639;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3)
}

.viewcon .sift .vmain .leftcont .large_down {
  position: absolute;
  top: 8px;
  right: 25px;
  width: 19px;
  height: 20px;
  background: url(../images/full_load.png) no-repeat;
  background-size: cover;
  z-index: 3000
}

.viewcon .sift .vmain .leftcont .top_wrap {
  position: relative;
  height: 48px;
  line-height: 48px
}

.viewcon .sift .vmain .leftcont .top_wrap .large_title {
  position: absolute;
  top: 0;
  left: 30px
}

.viewcon .sift .vmain .leftcont .top_wrap .large_down {
  position: absolute;
  top: 15px;
  right: 30px;
  width: 19px;
  height: 20px;
  cursor: pointer;
  background: url(../images/full_load.png) no-repeat;
  background-size: cover
}

.viewcon .sift .vmain .leftcont .large_wrap {
  position: relative;
  width: 800px;
  margin: 0 auto;
  padding-top: 60px;
  height: 100%;
  box-sizing: border-box;
  overflow-y: scroll;
  z-index: 200
}

.viewcon .sift .vmain .leftcont .large_wrap::-webkit-scrollbar {
  display: none
}

.viewcon .sift .vmain .leftcont .large_wrap .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(255, 255, 255, 0)
}

.viewcon .sift .vmain .leftcont .large_wrap .img_wrap {
  position: relative;
  height: auto;
  z-index: 90
}

.viewcon .sift .vmain .leftcont .img_wrap img {
  width: 100%;
  background: #fff
}

.viewcon .sift .vmain .leftcont .large_add,
.viewcon .sift .vmain .leftcont .large_cut,
.viewcon .sift .vmain .leftcont .large_normal {
  width: 40px;
  height: 40px
}

.viewcon .sift .vmain .leftcont .large_add {
  cursor: pointer;
  background: url(../images/full_add.png) no-repeat;
  background-size: cover
}

.viewcon .sift .vmain .leftcont .large_cut {
  cursor: pointer;
  background: url(../images/full_cut.png) no-repeat;
  background-size: cover
}

.viewcon .sift .vmain .leftcont .large_normal {
  display: none;
  cursor: pointer;
  background: url(../images/large.png) no-repeat;
  background-size: cover
}

.viewcon .sift .vmain .leftcont .large_small {
  position: absolute;
  top: 15px;
  right: 70px;
  width: 19px;
  height: 20px;
  cursor: pointer;
  background: url(../images/smallbtn.png) no-repeat;
  background-size: cover
}

.viewcon .sift .vmain .leftcont .add_active {
  cursor: default;
  background: url(../images/addno.png) no-repeat;
  background-size: cover
}

.viewcon .sift .vmain .leftcont .cut_active {
  cursor: default;
  background: url(../images/cutno.png) no-repeat;
  background-size: cover
}

.viewcon .sift .vmain .leftcont .original_icon {
  position: absolute;
  top: 0;
  left: 8px;
  width: 38px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background: #ff5660;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  z-index: 30
}

.viewcon .sift .vmain .viedec {
  margin: 10px 0
}

.viewcon .sift .vmain .comment-greybg {
  padding: 20px;
  background: #F6F6F6;
  border-radius: 8px;
  margin-bottom: 20px
}

.viewcon .sift .vmain .summary {
  padding: 15px;
  background: #f6f6f6;
  border-radius: 8px
}

.viewcon .sift .vmain .summary,
.viewcon .sift .vmain .detail_garyline {
  width: 100%;
  box-sizing: border-box
}

.viewcon .sift .vmain .summary-wrap {
  height: 67px;
  overflow: hidden;
  position: relative
}

.viewcon .sift .vmain .summary-box {
  color: #8c8c8c;
  line-height: 24px;
  overflow: hidden
}

.viewcon .sift .vmain .summary-open,
.viewcon .sift .vmain .summary-close {
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
  background: #f6f6f6
}

.viewcon .sift .vmain .summary-open {
  bottom: -2px;
  padding-left: 2px;
  color: #8c8c8c
}

.viewcon .sift .vmain .summary-close {
  display: none
}

.viewcon .sift .vmain .detail_wrap,
.viewcon .sift .vmain .detail_top,
.viewcon .sift .vmain .detail_cont_bottom2 {
  width: 845px
}

.viewcon .sift .vmain .comment_area {
  width: 680px
}

.viewcon .sift .vmain .summary,
.viewcon .sift .vmain .detail_garyline {
  width: 100%;
  box-sizing: border-box
}

.viewcon .sift .vmain .detail_comment {
  width: 774px
}

.viewcon .sift .vmain .replaybox {
  width: 754px
}

.viewcon .sift .vmain .rightcont {
  width: 310px
}

.viewcon .sift .vmain .report_all .shadow {
  width: 310px
}

.viewcon .sift .vmain .grey-arrow {
  display: inline-block;
  width: 6px;
  height: 6px
}

.viewcon .sift .vmain .grey-arrow:after {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-right: 1px solid #8C8C8C;
  border-top: 1px solid #8C8C8C;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.viewcon .sift .vmain .comment {
  background-color: #fff;
  box-sizing: border-box;
  margin-top: 20px
}

.viewcon .sift .vmain .comment-block {
  margin-bottom: 25px;
  background-color: #fff;
  padding: 0px
}

.viewcon .sift .vmain .comment-block .layui-btn {
  border: 1px solid #e4e5e5;
  border-radius: 8px;
  background-color: #ff5344;
  padding: 0px 40px;
  color: #fff;
  height: 40px;
  font-size: 15px
}

[data-theme="white"] .viewcon .sift .vmain .comment-block .layui-btn {
  background-color: red
}

[data-theme="black"] .viewcon .sift .vmain .comment-block .layui-btn {
  background-color: #0D2685
}

[data-theme="blue"] .viewcon .sift .vmain .comment-block .layui-btn {
  background-color: #ff5344
}

[data-theme="red"] .viewcon .sift .vmain .comment-block .layui-btn {
  background-color: #e63a3a
}

[data-theme="green"] .viewcon .sift .vmain .comment-block .layui-btn {
  background-color: #1ca472
}

.viewcon .sift .vmain .comment-block .mt10 {
  margin-top: 10px
}

.viewcon .sift .vmain .comment-block .hd1 {
  border: none;
  border-bottom: 1px solid #e4e5e5
}

.viewcon .sift .vmain .comment-block .tips {
  min-height: 70px;
  line-height: 70px;
  text-align: center;
  color: #ccc
}

.viewcon .sift .vmain .comment-block legend {
  font-size: 16px;
  font-weight: bold;
  border-left: 5px solid #ff4d4d;
  text-indent: 10px
}

.viewcon .sift .vmain .comment-block a.fly-link {
  color: #1CA472
}

.viewcon .sift .vmain .comment-block .layui-textarea {
  height: 120px;
  border: 1px solid #e4e5e5;
  border-radius: 8px;
  padding: 10px;
  font-size: 13px
}

.viewcon .sift .vmain .comment-list {
  margin-bottom: 30px
}

.viewcon .sift .vmain .comment-list li {
  position: relative;
  padding: 20px 0 10px;
  border-bottom: 1px dotted #DFDFDF
}

.viewcon .sift .vmain .comment-list li:last-child {
  border-bottom: none
}

.viewcon .sift .vmain .comment-unit .topinfo {
  background: none
}

.viewcon .sift .vmain .comment-unit .topinfo .avatar {
  display: inline-block;
  float: left
}

.viewcon .sift .vmain .comment-unit .topinfo .avatar img {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0;
  border-radius: 50%
}

.viewcon .sift .vmain .comment-unit .topinfo .userinfo-box {
  float: left;
  display: inline-block;
  margin-left: 10px
}

.viewcon .sift .vmain .comment-unit .topinfo .userinfo {
  white-space: nowrap;
  overflow: hidden
}

.viewcon .sift .vmain .comment-unit .topinfo .userinfo a {
  font-size: 14px
}

.viewcon .sift .vmain .comment-unit .topinfo .create_time {
  color: #999
}

.viewcon .sift .vmain .comment-unit .commentbody {
  padding-top: 10px;
  min-height: 0;
  line-height: 24px;
  font-size: 14px;
  clear: both
}

.viewcon .sift .vmain .comment-unit .commentbody p {
  margin-bottom: 10px
}

.viewcon .sift .vmain .comment-unit .commentbody a {
  color: #4f99cf
}

.viewcon .sift .vmain .comment-unit .admin-menu {
  position: absolute;
  right: 0;
  top: 4px
}

.viewcon .sift .vmain .comment-unit .reply-tool {
  position: relative
}

.viewcon .sift .vmain .comment-unit .reply-tool span {
  padding-right: 20px;
  color: #999;
  cursor: pointer
}

.viewcon .sift .vmain .comment-unit .reply-tool span:hover {
  color: #666
}

.viewcon .sift .vmain .comment-unit .reply-tool span em {
  font-style: normal
}

.viewcon .sift .vmain .comment-unit .reply-tool span .icon-xiaoxi2 {
  position: relative;
  top: 1px
}

.viewcon .sift .vmain .comment-unit .soninfo {
  position: relative;
  line-height: 20px;
  padding: 15px 15px 15px 15px;
  font-size: 13px;
  background-color: #f8f8f8;
  color: #999;
  margin-top: 10px
}

.viewcon .sift .vmain .comment-unit .soninfo .userinfo-box {
  float: none;
  position: relative
}

.viewcon .sift .vmain .comment-unit .sonReply {
  position: absolute;
  right: 10px;
  top: 45px;
  color: #999;
  font-size: 12px
}

.viewcon .sift .vmain .comment-unit .sonReply:hover {
  color: #666
}

.viewcon .sift .vmain .comment-unit .reply-tool span i,
.viewcon .sift .vmain .comment-unit .sonReply span i {
  margin-right: 5px;
  font-size: 16px
}

.viewcon .sift .vmainbom {
  padding: 0 20px;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 15px 0 rgba(141, 141, 141, 0.15)
}

.viewcon .sift .vmainbom.mt20 {
  margin-top: 15px
}

.viewcon .sift .vmainbom .list li {
  width: 173px
}

.viewcon.v100 .sift {
  width: 1260px
}

.viewcon.v100 .sift .leftcont {
  width: 1220px
}

.viewcon.v100 .sift .leftcont .outer_page_more,
.viewcon.v100 .sift .leftcont .page_view .outer_page,
.viewcon.v100 .sift .leftcont .inner_page,
.viewcon.v100 .sift .leftcont .inner_page div,
.viewcon.v100 .sift .leftcont .inner_page div img {
  width: 100% !important
}

.viewcon.v100 .vmainbom .list li {
  width: 232px
}

.viewcon.v100 .vmainbom .list li a .cover,
.viewcon.v100 .vmainbom .list li a .pic {
  width: 230px !important;
  height: 310px !important
}

.viewcon.v100 .auth {
  display: none
}

.viewcon .auth {
  width: 280px
}

.viewcon .auth .viewr {
  padding: 20px 15px;
  margin-bottom: 15px
}

.viewcon .auth .viewr .viewr1 a.downbtn {
  width: 200px;
  height: 40px;
  background: #ff5722;
  font-size: 14px;
  color: #fff;
  border-radius: 8px;
  text-align: center;
  line-height: 40px
}

.viewcon .auth .viewr .viewr1 a.scbtn {
  width: 39px;
  height: 39px;
  border: 1px solid #eee;
  background: #f6f6f6;
  text-align: center;
  border-radius: 4px;
  line-height: 39px;
  text-align: center
}

.viewcon .auth .viewr .viewr1 a.scbtn .iconfont {
  font-size: 21px;
  color: #d2d1d1
}

.viewcon .auth .viewr .viewr1 a.scbtn:hover .iconfont,
.viewcon .auth .viewr .viewr1 a.scbtn.on .iconfont {
  color: #efa042
}

.viewcon .auth .viewr .viewr1dec {
  margin-top: 20px
}

.viewcon .auth .viewr .viewr1dec span {
  font-size: 12px;
  color: #666;
  width: 100%;
  display: block
}

.viewcon .auth .viewr .viewr1dec span i.iconfont {
  font-size: 16px;
  color: #666;
  vertical-align: -1px;
  margin-right: 5px
}

.viewcon .auth .viewr .viewr1dec span .red {
  color: #ff5722;
  margin-right: 5px
}

.viewcon .auth .viewr .viewr1dec span em {
  font-size: 12px;
  color: #999;
  margin-right: 5px
}

.viewcon .auth .viewr .viewr1dec span b {
  vertical-align: -2px;
  font-weight: normal
}

.viewcon .auth .viewr .viewr1dec span b:before {
  font-size: 18px
}

.viewcon .auth .authtop h3 {
  font-size: 15px;
  color: #795934;
  text-align: center;
  margin-bottom: 8px
}

.viewcon .auth .authtop .enjoy {
  padding: 20px 15px
}

.viewcon .auth .authtop .enjoy ul {
  width: 95%;
  margin: 0 auto;
  justify-content: space-between
}

.viewcon .auth .authtop .enjoy ul li {
  width: 42%
}

.viewcon .auth .authtop .enjoy .btns {
  padding: 10px 0 3px
}

.viewcon .auth .guarantee {
  width: 280px
}

.viewcon .auth .guarantee .hd1 {
  margin: 0 15px !important
}

.viewcon .auth .guarantee .wenlist {
  margin: 0px 15px
}

.viewcon .auth .guarantee .wenlist .home_author_list {
  width: 100%
}

.viewcon .auth .guarantee .wenlist .home_author_list .author_photo {
  width: 58px;
  height: 58px
}

.viewcon .auth .guarantee .wenlist .home_author_list li {
  border-bottom: none;
  padding: 4px 0 !important
}

.viewcon .auth .guarantee .wenlist .home_author_list li .followbtn {
  width: 45px
}

.viewcon .auth .guarantee .wenlist .wenimg {
  width: 50px;
  height: 50px
}

.viewcon .auth .guarantee .wenlist .tittag {
  margin-top: 6px
}

.viewcon .auth .guarantee .wenlist .shegbtn {
  width: 34px;
  height: 34px;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-align: center;
  font-size: 12px;
  line-height: 13px;
  color: #ff5344
}

[data-theme="white"] .viewcon .auth .guarantee .wenlist .shegbtn {
  color: red
}

[data-theme="black"] .viewcon .auth .guarantee .wenlist .shegbtn {
  color: #0D2685
}

[data-theme="blue"] .viewcon .auth .guarantee .wenlist .shegbtn {
  color: #ff5344
}

[data-theme="red"] .viewcon .auth .guarantee .wenlist .shegbtn {
  color: #e63a3a
}

[data-theme="green"] .viewcon .auth .guarantee .wenlist .shegbtn {
  color: #1ca472
}

.viewcon .auth .guarantee .wenlist .shegbtn:before {
  font-size: 14px;
  display: block;
  margin: 3px 0 1px
}

.viewcon .auth .guarantee .wenlist .shegbtn:hover {
  background-color: #ff5344;
  color: #fff;
  border: 1px solid #ff5344
}

[data-theme="white"] .viewcon .auth .guarantee .wenlist .shegbtn:hover {
  background-color: red
}

[data-theme="black"] .viewcon .auth .guarantee .wenlist .shegbtn:hover {
  background-color: #0D2685
}

[data-theme="blue"] .viewcon .auth .guarantee .wenlist .shegbtn:hover {
  background-color: #ff5344
}

[data-theme="red"] .viewcon .auth .guarantee .wenlist .shegbtn:hover {
  background-color: #e63a3a
}

[data-theme="green"] .viewcon .auth .guarantee .wenlist .shegbtn:hover {
  background-color: #1ca472
}

[data-theme="white"] .viewcon .auth .guarantee .wenlist .shegbtn:hover {
  border: 1px solid #0d2686
}

[data-theme="black"] .viewcon .auth .guarantee .wenlist .shegbtn:hover {
  border: 1px solid #ddd
}

[data-theme="blue"] .viewcon .auth .guarantee .wenlist .shegbtn:hover {
  border: 1px solid #ff5344
}

[data-theme="red"] .viewcon .auth .guarantee .wenlist .shegbtn:hover {
  border: 1px solid #e63a3a
}

[data-theme="green"] .viewcon .auth .guarantee .wenlist .shegbtn:hover {
  border: 1px solid #1ca472
}

.viewcon .auth .guarantee .wenlist .shegbtn.on {
  background-color: #ff5344;
  color: #fff;
  border: 1px solid #ff5344
}

[data-theme="white"] .viewcon .auth .guarantee .wenlist .shegbtn.on {
  background-color: red
}

[data-theme="black"] .viewcon .auth .guarantee .wenlist .shegbtn.on {
  background-color: #0D2685
}

[data-theme="blue"] .viewcon .auth .guarantee .wenlist .shegbtn.on {
  background-color: #ff5344
}

[data-theme="red"] .viewcon .auth .guarantee .wenlist .shegbtn.on {
  background-color: #e63a3a
}

[data-theme="green"] .viewcon .auth .guarantee .wenlist .shegbtn.on {
  background-color: #1ca472
}

[data-theme="white"] .viewcon .auth .guarantee .wenlist .shegbtn.on {
  border: 1px solid #0d2686
}

[data-theme="black"] .viewcon .auth .guarantee .wenlist .shegbtn.on {
  border: 1px solid #ddd
}

[data-theme="blue"] .viewcon .auth .guarantee .wenlist .shegbtn.on {
  border: 1px solid #ff5344
}

[data-theme="red"] .viewcon .auth .guarantee .wenlist .shegbtn.on {
  border: 1px solid #e63a3a
}

[data-theme="green"] .viewcon .auth .guarantee .wenlist .shegbtn.on {
  border: 1px solid #1ca472
}

.viewcon .auth .guarantee .wenlist .shegbtn.on:before {
  content: "\e631"
}

.viewcon .auth .guarantee .wenlist .shegbtn1 {
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-align: center;
  font-size: 12px;
  line-height: 30px;
  color: #ff5344
}

[data-theme="white"] .viewcon .auth .guarantee .wenlist .shegbtn1 {
  color: red
}

[data-theme="black"] .viewcon .auth .guarantee .wenlist .shegbtn1 {
  color: #0D2685
}

[data-theme="blue"] .viewcon .auth .guarantee .wenlist .shegbtn1 {
  color: #ff5344
}

[data-theme="red"] .viewcon .auth .guarantee .wenlist .shegbtn1 {
  color: #e63a3a
}

[data-theme="green"] .viewcon .auth .guarantee .wenlist .shegbtn1 {
  color: #1ca472
}

.viewcon .auth .guarantee .wenlist .shegbtn1:before {
  font-size: 20px
}

.viewcon .auth .guarantee .wenlist .shegbtn1:hover {
  background-color: #ff5344;
  color: #fff;
  border: 1px solid #ff5344
}

[data-theme="white"] .viewcon .auth .guarantee .wenlist .shegbtn1:hover {
  background-color: red
}

[data-theme="black"] .viewcon .auth .guarantee .wenlist .shegbtn1:hover {
  background-color: #0D2685
}

[data-theme="blue"] .viewcon .auth .guarantee .wenlist .shegbtn1:hover {
  background-color: #ff5344
}

[data-theme="red"] .viewcon .auth .guarantee .wenlist .shegbtn1:hover {
  background-color: #e63a3a
}

[data-theme="green"] .viewcon .auth .guarantee .wenlist .shegbtn1:hover {
  background-color: #1ca472
}

[data-theme="white"] .viewcon .auth .guarantee .wenlist .shegbtn1:hover {
  border: 1px solid #0d2686
}

[data-theme="black"] .viewcon .auth .guarantee .wenlist .shegbtn1:hover {
  border: 1px solid #ddd
}

[data-theme="blue"] .viewcon .auth .guarantee .wenlist .shegbtn1:hover {
  border: 1px solid #ff5344
}

[data-theme="red"] .viewcon .auth .guarantee .wenlist .shegbtn1:hover {
  border: 1px solid #e63a3a
}

[data-theme="green"] .viewcon .auth .guarantee .wenlist .shegbtn1:hover {
  border: 1px solid #1ca472
}

.viewcon .auth .guarantee .wenlist .shegbtn1.on {
  background-color: #ff5344;
  color: #fff;
  border: 1px solid #ff5344
}

[data-theme="white"] .viewcon .auth .guarantee .wenlist .shegbtn1.on {
  background-color: red
}

[data-theme="black"] .viewcon .auth .guarantee .wenlist .shegbtn1.on {
  background-color: #0D2685
}

[data-theme="blue"] .viewcon .auth .guarantee .wenlist .shegbtn1.on {
  background-color: #ff5344
}

[data-theme="red"] .viewcon .auth .guarantee .wenlist .shegbtn1.on {
  background-color: #e63a3a
}

[data-theme="green"] .viewcon .auth .guarantee .wenlist .shegbtn1.on {
  background-color: #1ca472
}

[data-theme="white"] .viewcon .auth .guarantee .wenlist .shegbtn1.on {
  border: 1px solid #0d2686
}

[data-theme="black"] .viewcon .auth .guarantee .wenlist .shegbtn1.on {
  border: 1px solid #ddd
}

[data-theme="blue"] .viewcon .auth .guarantee .wenlist .shegbtn1.on {
  border: 1px solid #ff5344
}

[data-theme="red"] .viewcon .auth .guarantee .wenlist .shegbtn1.on {
  border: 1px solid #e63a3a
}

[data-theme="green"] .viewcon .auth .guarantee .wenlist .shegbtn1.on {
  border: 1px solid #1ca472
}

.viewcon .auth .guarantee .wenlist .shegbtn1.on:before {
  content: "\e631"
}

.viewcon .auth .guarantee .wenlist li:last-child {
  border-bottom: 1px dashed #e6e4e4;
  padding: 10px 0 20px !important
}

.viewcon .auth .guarantee .guanliancon {
  margin: -16px 15px 15px
}

.viewcon .auth .guarantee .guanliancon .hotlist {
  margin: 0px 0px
}

.viewcon .auth .guarantee .guanliancon li:first-child {
  margin-top: 0px !important
}

.viewcon .auth .guarantee.ketuijg .wenlist {
  margin-top: -10px
}

.viewcon .auth .guarantee.ketuijg .wenlist .wenimg {
  width: 40px !important;
  height: 40px !important
}

.viewcon .auth .guarantee.ketuijg .wenlist li:last-child {
  border-bottom: none
}

.viewcon .auth .guarantee.hothtag .tagbox {
  margin: 0 15px
}

.viewcon .auth .hotlist {
  margin: 15px 15px
}

.viewcon .auth .hotlist li {
  padding: 21px 0;
  border-bottom: 1px dashed #e6e4e4
}

.viewcon .auth .hotlist li:first-child {
  margin-top: -16px
}

.viewcon .auth .hotlist li:last-child {
  border-bottom: none
}

.viewcon .auth .hotlist li a {
  width: 100%
}

.viewcon .auth .hotlist li a:hover .title1,
.viewcon .auth .hotlist li a:hover .titl {
  color: #ff5344
}

[data-theme="white"] .viewcon .auth .hotlist li a:hover .title1,
[data-theme="white"] .viewcon .auth .hotlist li a:hover .titl {
  color: red
}

[data-theme="black"] .viewcon .auth .hotlist li a:hover .title1,
[data-theme="black"] .viewcon .auth .hotlist li a:hover .titl {
  color: #0D2685
}

[data-theme="blue"] .viewcon .auth .hotlist li a:hover .title1,
[data-theme="blue"] .viewcon .auth .hotlist li a:hover .titl {
  color: #ff5344
}

[data-theme="red"] .viewcon .auth .hotlist li a:hover .title1,
[data-theme="red"] .viewcon .auth .hotlist li a:hover .titl {
  color: #e63a3a
}

[data-theme="green"] .viewcon .auth .hotlist li a:hover .title1,
[data-theme="green"] .viewcon .auth .hotlist li a:hover .titl {
  color: #1ca472
}

.viewcon .auth .hotlist li .hottit {
  width: 70%;
  margin-right: 10px
}

.viewcon .auth .hotlist li .cover {
  border: 1px solid #ddd
}

.viewcon .auth .hotlist li .cover,
.viewcon .auth .hotlist li .cover img {
  border-radius: 3px;
  width: 55px;
  height: 65px;
  overflow: hidden
}

.viewcon .auth .hotlist li .title1 {
  font-size: 14px;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  -webkit-line-clamp: 1
}

.viewcon .auth .hotlist li .itemdesc {
  font-size: 12px;
  color: #999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  margin-top: 19px;
  -webkit-line-clamp: 1
}

.viewcon .auth .hotlist li .itemdesc b {
  color: #ff5722;
  margin-right: 5px
}

.viewcon .auth .hotlist li .itemdesc span {
  margin-left: 15px
}

.viewcon .auth .hotlist.guanlian li:first-child {
  margin-top: -30px
}

.viewcon .auth .hotlist.guanlian .cover,
.viewcon .auth .hotlist.guanlian .cover img {
  width: 90px;
  height: 115px
}

.viewcon .auth .hotlist.guanlian .gldec {
  width: 140px
}

.viewcon .auth .hotlist.guanlian .gldec p {
  font-size: 12px;
  color: #999;
  line-height: 19px
}

.viewcon .auth .hotlist.guanlian .gldec p.titl {
  font-size: 14px;
  color: #666;
  margin-bottom: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.viewcon .auth .ketuij .p20 {
  padding: 0 15px
}

.viewcon .auth .ketuij .hd1 {
  padding: 11px 0 10px
}

.viewcon .auth .ketuij .rank_box {
  padding-bottom: 15px
}

.viewcon .auth .ketuij .rank_box ul li {
  padding: 7px 0
}

.viewcon .auth .ketuij .rank_box ul li p {
  max-width: 230px
}

.viewcon .auth .ketuij.w24 {
  margin-top: 15px
}

.viewcon .auth .ketuij .refad {
  margin-top: 15px
}

.danlist {
  width: 710px;
  height: 545px;
  position: relative
}

.danlist .doc {
  width: 470px;
  height: auto;
  margin: 0 auto;
  padding: 15px 0
}

.danlist .doc .closebtn {
  width: 45px;
  height: 45px;
  display: block;
  position: absolute;
  top: -5px;
  right: 10px;
  font-size: 35px;
  color: #95bcf7
}

.danlist .doc ul.sort a {
  width: 50%;
  line-height: 60px;
  padding-bottom: 4px;
  position: relative;
  font-size: 18px;
  color: #999;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

.danlist .doc ul.sort a:first-child:after {
  content: '';
  width: 1px;
  height: 22px;
  position: absolute;
  top: 20px;
  right: 0;
  background: #ddd;
  display: inline-block
}

.danlist .doc ul.sort a:last-child {
  text-align: right
}

.danlist .doc ul.sort a:last-child.active:before {
  left: 62%
}

.danlist .doc ul.sort a.active {
  color: #333
}

.danlist .doc ul.sort a.active:before {
  content: '';
  width: 70px;
  height: 5px;
  position: absolute;
  bottom: 0px;
  left: 8%;
  background-color: #ff5344;
  display: inline-block;
  border-radius: 8px
}

[data-theme="white"] .danlist .doc ul.sort a.active:before {
  background-color: red
}

[data-theme="black"] .danlist .doc ul.sort a.active:before {
  background-color: #0D2685
}

[data-theme="blue"] .danlist .doc ul.sort a.active:before {
  background-color: #ff5344
}

[data-theme="red"] .danlist .doc ul.sort a.active:before {
  background-color: #e63a3a
}

[data-theme="green"] .danlist .doc ul.sort a.active:before {
  background-color: #1ca472
}

.danlist .paylist1 .title2 {
  font-size: 15px;
  color: #333;
  margin: 45px 0;
  text-align: center
}

.danlist .paylist1 .title2 b {
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  margin-left: 15px
}

.danlist .paylist1 .title2 b i {
  color: #f99e42;
  margin: 0 6px
}

.danlist .zfuma {
  width: 98%;
  margin: auto
}

.danlist .zfuma .scanarea {
  width: 160px;
  margin-bottom: 30px
}

.danlist .zfuma .vip-qrcodebox {
  width: 160px
}

.danlist .zfuma .vip-qrcodebox .scanarea-title3 {
  margin: 4px auto;
  text-align: center;
  font-size: 14px;
  color: #333;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

.danlist .zfuma .vip-qrcodebox .scanarea-title3 .iconfont {
  font-weight: normal
}

.danlist .zfuma .vip-qrcodebox .scanarea-title3 .iconfont.icon-weixin8 {
  vertical-align: -4px;
  margin-right: 5px;
  font-size: 23px;
  color: #6bcc03
}

.danlist .zfuma .vip-qrcodebox .scanarea-title3 .iconfont.icon-zhifubao3 {
  vertical-align: -4px;
  margin-right: 5px;
  font-size: 21px;
  color: #0296cc
}

.danlist .zfuma .vip-qrcodebox .ifr_cont {
  padding: 10px;
  width: 140px;
  height: 140px;
  overflow: hidden;
  border: 1px solid #6bcc03;
  border-radius: 8px;
  overflow: hidden;
  background: url(../images/loading.gif) center center no-repeat
}

.danlist .zfuma .vip-qrcodebox .ifr_cont img {
  width: 140px;
  height: 140px
}

.danlist .zfuma .vip-qrcodebox .ifr_cont.zfbf {
  border: 1px solid #0296cc
}

.danlist .zibotm .lef a {
  margin-left: 2px;
  color: #ff5344
}

[data-theme="white"] .danlist .zibotm .lef a {
  color: red
}

[data-theme="black"] .danlist .zibotm .lef a {
  color: #0D2685
}

[data-theme="blue"] .danlist .zibotm .lef a {
  color: #ff5344
}

[data-theme="red"] .danlist .zibotm .lef a {
  color: #e63a3a
}

[data-theme="green"] .danlist .zibotm .lef a {
  color: #1ca472
}

.danlist .zibotm .scanarea-title3 {
  cursor: pointer;
  font-size: 13px;
  color: #333;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

.danlist .zibotm .scanarea-title3 .iconfont {
  font-weight: normal
}

.danlist .zibotm .scanarea-title3 .iconfont.icon-weixin8 {
  vertical-align: -4px;
  margin-right: 5px;
  font-size: 23px;
  color: #6bcc03
}

.danlist .zibotm .scanarea-title3 .iconfont.icon-zhifubao3 {
  vertical-align: -4px;
  margin-right: 5px;
  font-size: 21px;
  color: #0296cc
}

.danlist .downlis .texc {
  margin: 30px 0
}

.danlist .downlis .texc p {
  font-size: 13px;
  display: flex;
  justify-content: flex-start;
  line-height: 30px
}

.danlist .downlis .texc p em {
  color: #999;
  width: 70px
}

.danlist .downlis .texc p span {
  width: 400px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.danlist .downlis .texc p span.red {
  color: #ef2e2f
}

.danlist .downlis .texcbtn {
  margin: 0 45px
}

.danlist .downlis .texcbtn a {
  font-size: 13px;
  color: #fff;
  display: block;
  background: #f47c47;
  line-height: 45px;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 40px
}

.danlist .downlis .texcbtn a.mobtn1 {
  background: #9557e8
}

.danlist .downlis .texcbtn a.mobtn2 {
  background: #3c84e6
}

.danlist .downlis .texcbtn a i.iconfont {
  font-size: 25px;
  color: #fff;
  line-height: 25px;
  vertical-align: -4px;
  margin-right: 5px
}

.danlist .downlis .texcbtn a i.iconfont.icon-gangbigongju {
  font-size: 18px;
  color: #fff;
  vertical-align: -1px
}

.danlist .downlis .texcbtn a i.iconfont.icon-jifen1 {
  font-size: 18px;
  color: #fff;
  vertical-align: -1px
}

.vipShow {
  width: 710px;
  height: 545px
}

.vipShow .top {
  background: #000;
  border-radius: 8px 8px 0 0
}

.vipShow .top img {
  border-radius: 8px 8px 0 0;
  overflow: hidden
}

.vipShow .vippay {
  margin-top: 35px !important
}

.vipShow .vippay.w600 {
  width: 645px;
  margin: 0 auto
}

.vipShow .vippay .vip-type-box {
  padding: 0px
}

.vipShow .vippay .vip-type-box .layui-elem-quote {
  padding: 12px 0px 12px 0px;
  margin: 14px 0 22px 0;
  border-left: none;
  color: #999
}

.vipShow .vippay .vip-type-box .layui-elem-quote::before {
  content: "";
  width: 5px;
  height: 20px;
  background: #5fb878;
  display: inline-block;
  vertical-align: -5px;
  border-radius: 8px;
  margin-right: 5px
}

.vipShow .vippay .vip-type-box .layui-elem-quote .red {
  color: red;
  margin: 0 5px
}

.vipShow .vippay .vip-type-box .layui-elem-quote a {
  color: #3783fc;
  margin: 0 10px
}

.vipShow .vippay .paymethod-list {
  display: flex;
  flex-direction: row;
  align-items: center
}

.vipShow .vippay .paymethod-list li {
  padding: 0px 30px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #cfcfcf;
  margin-right: 40px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  cursor: pointer;
  line-height: 40px
}

.vipShow .vippay .paymethod-list li:hover {
  border-color: #f05a14;
  color: #f05a14
}

.vipShow .vippay .paymethod-list .icon-umidd17 {
  color: #019be8;
  font-size: 24px;
  vertical-align: -3px;
  margin-right: 3px
}

.vipShow .vippay .paymethod-list .icon-weixin2 {
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #fff;
  background-color: #00b400;
  text-align: center;
  line-height: 20px;
  border-radius: 4px;
  font-size: 16px;
  margin-right: 3px
}

.vipShow .vippay .paymethod-list .active {
  border-color: #f05a14 !important;
  color: #f05a14
}

.vipShow .vippay .paymethod-list .flag {
  position: absolute;
  background-color: #ddd;
  color: #fff;
  right: -13px;
  bottom: -13px;
  width: 27px;
  height: 27px;
  transform: rotate(45deg);
  display: block
}

.vipShow .vippay .paymethod-list .flag .icon-confirm-line {
  display: block;
  font-size: 10px;
  transform: rotate(-45deg);
  margin-top: 2px;
  margin-left: -3px;
  line-height: normal
}

.vipShow .vippay .paymethod-list.coinrecharge li:hover {
  border-color: #f60;
  color: #333
}

.vipShow .vippay .paymethod-list.coinrecharge .paymethod-item {
  position: relative;
  float: left;
  width: 190px;
  height: 60px;
  margin-right: 13px;
  margin-top: 14px;
  line-height: 60px;
  border: 1px solid #e6e6e6;
  cursor: pointer;
  background-size: 18%;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center
}

.vipShow .vippay .paymethod-list.coinrecharge .active {
  border-color: #f60 !important;
  color: #333333
}

.vipShow .vippay .paymethod-list.coinrecharge .active .flag {
  background-color: #f60 !important;
  display: none
}

.vipShow .vippay .paymethod-list.openvip {
  margin-left: 0px
}

.vipShow .vippay .paymethod-list.openvip li:hover {
  border-color: #e1b47b;
  color: #e1b47b;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

.vipShow .vippay .paymethod-list.openvip li:hover .iconfont {
  font-weight: normal
}

.vipShow .vippay .paymethod-list.openvip li:hover .flag {
  background-color: #e1b47b
}

.vipShow .vippay .paymethod-list.openvip li:hover.wxbtn {
  border-color: #6bcc03;
  color: #6bcc03
}

.vipShow .vippay .paymethod-list.openvip li:hover.wxbtn .flag {
  background-color: #6bcc03
}

.vipShow .vippay .paymethod-list.openvip li:hover.zfbbtn {
  border-color: #0296cc;
  color: #0296cc
}

.vipShow .vippay .paymethod-list.openvip li:hover.zfbbtn .flag {
  background-color: #0296cc
}

.vipShow .vippay .paymethod-list.openvip .paymethod-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 125px;
  height: 45px;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-right: 25px;
  cursor: pointer;
  font-size: 12px;
  padding: 0;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

.vipShow .vippay .paymethod-list.openvip .paymethod-item .iconfont {
  font-weight: normal
}

.vipShow .vippay .paymethod-list.openvip .paymethod-item:last-child {
  margin-right: 0 !important
}

.vipShow .vippay .paymethod-list.openvip .active {
  border-color: #e1b47b !important;
  color: #e1b47b;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

.vipShow .vippay .paymethod-list.openvip .active .iconfont {
  font-weight: normal
}

.vipShow .vippay .paymethod-list.openvip .active .flag {
  background-color: #e1b47b
}

.vipShow .vippay .paymethod-list.openvip .active.wxbtn {
  border-color: #6bcc03 !important;
  color: #6bcc03
}

.vipShow .vippay .paymethod-list.openvip .active.wxbtn .flag {
  background-color: #6bcc03
}

.vipShow .vippay .paymethod-list.openvip .active.zfbbtn {
  border-color: #0296cc !important;
  color: #0296cc
}

.vipShow .vippay .paymethod-list.openvip .active.zfbbtn .flag {
  background-color: #0296cc
}

.vipShow .vippay .paymethod-list.openorgvip li:hover {
  border-color: #d8b879;
  color: #333
}

.vipShow .vippay .paymethod-list.openorgvip .paymethod-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 161px;
  height: 50px;
  border: 1px solid #D5D5D5;
  border-radius: 2px;
  margin-right: 20px;
  cursor: pointer;
  font-size: 14px;
  padding: 0
}

.vipShow .vippay .paymethod-list.openorgvip .active {
  border-color: #d8b879 !important;
  color: #333333
}

.vipShow .vippay .paymethod-list.openorgvip .active .flag {
  background-color: #d8b879 !important
}

.vipShow .vippay .paymethod-list.buyproduct li:hover {
  border-color: #d8b879;
  color: #333
}

.vipShow .vippay .paymethod-list.buyproduct .paymethod-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 161px;
  height: 50px;
  border: 1px solid #D5D5D5;
  border-radius: 2px;
  margin-right: 20px;
  cursor: pointer;
  font-size: 14px;
  padding: 0
}

.vipShow .vippay .paymethod-list.buyproduct .active {
  border-color: #d8b879 !important;
  color: #333333
}

.vipShow .vippay .paymethod-list.buyproduct .active .flag {
  background-color: #d8b879 !important
}

.vipShow .vippay .vip-type-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px
}

.vipShow .vippay .vip-type {
  width: 140px;
  height: 75px;
  border: 1px solid #ddd;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 8px
}

.vipShow .vippay .vip-type .iconfont {
  position: absolute;
  bottom: 0;
  right: -1px;
  font-size: 26px;
  line-height: 26px;
  color: #ddd
}

.vipShow .vippay .vip-type:hover {
  border-color: #ffb44a
}

.vipShow .vippay .vip-type:hover .vip-price-box,
.vipShow .vippay .vip-type:hover .iconfont {
  color: #ffb44a
}

.vipShow .vippay .vip-type:hover .vip-type-left {
  border-right: 1px solid #ffb44a
}

.vipShow .vippay .vip-type-left {
  height: 100%;
  width: 58px;
  border-right: 1px solid #e5e5e5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

.vipShow .vippay .month-unit {
  display: inline-block;
  width: 20px
}

.vipShow .vippay .vip-type-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 228px
}

.vipShow .vippay .vip-type-right .vip-price-box {
  font-size: 12px;
  font-weight: normal;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

.vipShow .vippay .vip-type-right .vip-price {
  font-size: 20px;
  font-weight: 600
}

.vipShow .vippay .vip-type-right .vip-price-del {
  text-decoration: line-through;
  color: #999;
  margin-top: -3px;
  font-size: 13px
}

.vipShow .vippay .vip-type-left-border {
  border-right: 1px solid rgba(255, 255, 255, 0.2)
}

.vipShow .vippay .vip-rights-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100px;
  margin-right: 0px;
  position: relative;
  text-align: center
}

.vipShow .vippay .vip-rights-item .icon {
  width: 48px;
  height: 48px
}

.vipShow .vippay .vip-rights-item:nth-child(3),
.vipShow .vippay .vip-rights-item:nth-child(5) {
  width: 90px
}

.vipShow .vippay .vip-rights-item .vip-rights-tip {
  width: 100%
}

.vipShow .vippay .vip-rights-item::after {
  content: "";
  position: absolute;
  top: 15px;
  right: -4px;
  width: 1px;
  height: 20px;
  background: #ddd;
  display: inline-block
}

.vipShow .vippay .vip-rights-item:last-child {
  width: 120px;
  margin-right: 0
}

.vipShow .vippay .vip-rights-item:last-child::after {
  display: none
}

.vipShow .vippay .vip-rights-box {
  padding: 5px 0 15px;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 5px
}

.vipShow .vippay .vip-rights-content {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-top: 15px
}

.vipShow .vippay .vip-rights-title {
  font-size: 15px;
  color: #333;
  display: block;
  text-align: center;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  margin-bottom: 25px
}

.vipShow .vippay .vip-rights-title span {
  width: 140px;
  display: inline-block
}

.vipShow .vippay .vip-rights-title::before {
  content: "";
  width: 535px;
  height: 1px;
  background: #ddd;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0px
}

.vipShow .vippay .vip-rights-title::after {
  content: "";
  width: 535px;
  height: 1px;
  background: #ddd;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0px
}

.vipShow .vippay .vip-payment {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 4px
}

.vipShow .vippay .vip-payment-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 161px;
  height: 50px;
  border: 1px solid #D5D5D5;
  margin-left: 20px;
  cursor: pointer;
  font-size: 14px
}

.vipShow .vippay .vip-payment-item:hover {
  border-color: #ffb44a
}

.vipShow .vippay .vip-payment-active {
  border-color: #ffb44a
}

.vipShow .vippay .vip-payment-active .licon {
  display: block
}

.vipShow .vippay .vip-rights-tip p:first-child {
  font-size: 13px;
  color: #333;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

.vipShow .vippay .vip-rights-tip p:last-child {
  color: #999;
  line-height: 24px
}

.vipShow .vippay .vip-rights-icon1 {
  font-size: 28px;
  width: 48px;
  height: 48px;
  background: url("../images/iconbg.png") no-repeat;
  text-align: center;
  line-height: 48px;
  margin-right: 10px;
  color: #906b59
}

.vipShow .vippay .vip-rights-icon6 {
  color: #cea866;
  font-size: 28px
}

.vipShow .vippay .licon1 {
  position: absolute;
  right: 0;
  bottom: 0
}

.vipShow .vippay .payactive {
  border-color: #ffb44a
}

.vipShow .vippay .payactive .vip-price-box,
.vipShow .vippay .payactive .iconfont {
  color: #ffb44a
}

.vipShow .vippay .payactive .vip-type-left {
  border-right: 1px solid #ffb44a
}

.vipShow .vippay .vip-tip {
  width: 125px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  border-radius: 10px 6px 6px 0px;
  position: absolute;
  left: -2px;
  top: -13px;
  background-color: #ff4d2e;
  box-sizing: border-box
}

.vipShow .vippay .vip-tip.zizun {
  background: #272835
}

.vipShow .vippay .icon-wx-pay {
  font-size: 18px !important;
  color: #88bf26;
  margin-right: 5px
}

.vipShow .vippay .icon-umidd17 {
  font-size: 18px !important;
  color: #4a90e2;
  margin-right: 5px
}

.vipShow .vippay .vip-qrcode {
  width: 100px;
  height: 100px;
  margin-right: 20px
}

.vipShow .vippay .scanarea {
  padding: 10px 15px 15px 0px;
  width: 100%;
  margin-top: 12px;
  margin-bottom: 0px;
  border-radius: 8px
}

.vipShow .vippay .vip-qrcodebox {
  display: flex;
  flex-direction: row;
  align-items: center
}

.vipShow .vippay .vip-qrcodebox .scanarea-title1 {
  font-size: 21px;
  color: #333;
  margin-bottom: 5px
}

.vipShow .vippay .vip-qrcodebox .scanarea-title2 {
  font-size: 13px;
  color: #999;
  margin-left: 10px
}

.vipShow .vippay .vip-qrcodebox .scanarea-title3 {
  margin-bottom: 10px
}

.vipShow .vippay .vip-qrcodebox .scanarea-title4 {
  font-size: 15px;
  color: #ff4d2f;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  margin-left: 11px
}

.vipShow .vippay .vip-qrcodebox .scanarea-title5 {
  font-size: 25px;
  color: #ff4d2f;
  font-weight: bold;
  margin-right: 10px;
  font-family: impact
}

.vipShow .vippay .vip-qrcodebox .ifr_cont {
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #fff;
  padding: 0px;
  margin-right: 20px;
  width: 100px;
  height: 100px;
  overflow: hidden;
  background: url(../images/loading.gif) center center no-repeat
}

.vipShow .vippay .vip-qrcodebox .ifr_cont img {
  width: 100%;
  height: 100%
}

.vipShow .vippay .scanarea .title2 {
  font-size: 14px;
  color: #999;
  margin-left: 25px;
  line-height: 30px
}

.vipShow .vippay .orgvip-paybox {
  width: 1260px;
  margin: 0 auto;
  background-color: #fff;
  margin-top: 10px;
  padding: 20px
}

.vipShow .vippay .orgvip-paybox .vip-type-list {
  margin-top: 0;
  width: 900px
}

.vipShow .vippay .orgvip-paybox .vip-tit {
  width: 16px
}

.vipShow .vippay .orgvip-paybox .vip-type-left {
  width: 54px
}

.vipShow .vippay .orgvip-paybox .scanarea {
  width: 1235px
}

.vipShow .vippay .orgvip-paybox .pay-btn {
  background: #FF4A1F;
  margin-top: 40px
}

.vipShow .vippay .orgvip-paybox .first-vippayment {
  margin-left: 0px
}

.vipShow .vippay .vip-payment {
  border: 0px solid #ddd;
  border-radius: 8px;
  background: #fafafa
}

.vipShow .vippay .vip-payment .paymain {
  width: 100%;
  height: 190px;
  padding: 25px 25px 0
}

.vipShow .vippay .vip-payment .paymain .payconl .titps {
  font-size: 13px;
  color: #666;
  margin-right: 22px
}

.vipShow .vippay .vip-payment .paymain .payconl .iconfont {
  margin-right: 5px
}

.vipShow .vippay .vip-payment .paymain .payconl .iconfont.wx1 {
  color: #6bcc03;
  font-size: 25px
}

.vipShow .vippay .vip-payment .paymain .payconl .iconfont.wx2 {
  color: #0296cc;
  font-size: 25px
}

.vipShow .vippay .vip-payment .paymain .payconl .iconfont.wx3 {
  color: #e1b47b;
  font-size: 21px
}

.vipShow .vippay .vip-payment .paymain .payconr {
  width: 440px
}

.vipShow .vippay .vip-payment .paymain .payconr .userbox {
  width: 90%;
  height: 275px;
  overflow: hidden
}

.vipShow .vippay .vip-payment .paymain .payconr .userbox .userlist li {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  border-radius: 40px;
  height: 38px;
  margin-bottom: 14px
}

.vipShow .vippay .vip-payment .paymain .payconr .userbox .userlist li .loglistl {
  position: absolute;
  left: 0;
  top: 3px;
  z-index: 88
}

.vipShow .vippay .vip-payment .paymain .payconr .userbox .userlist li .loglistl img {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #f1f1f1;
  vertical-align: middle
}

.vipShow .vippay .vip-payment .paymain .payconr .userbox .userlist li .loglistr {
  line-height: 38px;
  color: #999;
  background: #f6f6f6;
  width: auto;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 30px 0 45px;
  border-radius: 40px
}

.vipShow .vippay .vip-payment .paymain .payconr .userbox .userlist li .loglistr .auther1 {
  font-size: 12px;
  color: #999;
  margin-right: 8px
}

.vipShow .vippay .vip-payment .paymain .payconr .userbox .userlist li .loglistr .auther {
  font-size: 12px;
  color: #3783fc;
  margin-right: 8px
}

.vipShow .vippay .vip-payment .paymain .payconr .userbox .userlist li .loglistr .time {
  font-size: 12px;
  color: #999
}

.vipShow .vippay .duihuan {
  margin-top: 40px;
  margin-bottom: 40px
}

.vipShow .vippay .duihuan .tips {
  font-size: 13px;
  color: #999
}

.vipShow .vippay .duihuan .dmain {
  width: 385px;
  height: 45px;
  line-height: 45px;
  border-radius: 8px
}

.vipShow .vippay .duihuan .dmain .text {
  border: 1px solid #ddd;
  border-radius: 8px;
  width: 260px;
  height: 45px;
  font-size: 13px;
  color: #333
}

.vipShow .vippay .duihuan .dmain .duibtn {
  color: #fff;
  background: #e1b47b;
  text-align: center;
  font-size: 18px;
  border-radius: 8px;
  margin-left: -18px;
  cursor: pointer;
  width: 100px;
  height: 45px
}

.layui-layer {
  border-radius: 8px !important
}

.shacon {
  width: 100%;
  height: 600px;
  overflow: hidden;
  border-radius: 8px
}

.shacon .photos {
  background: #2f3843;
  height: 80%;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center
}

.shacon .photos img {
  width: 60%;
  border-radius: 10px;
  display: block;
  margin: auto
}

.shacon .photor {
  position: relative;
  background: #fff;
  height: 20%;
  padding: 0rem 20px 0rem 20px;
  bottom: 0
}

.shacon .photor p {
  font-size: 12px;
  color: #999;
  text-align: center;
  margin-top: 12px
}

.shacon .photor .sharebao {
  margin-top: 12px;
  overflow: hidden
}

.shacon .photor .sharebao .swiper-slide {
  text-align: center;
  position: relative;
  border-radius: 8px
}

.shacon .photor .sharebao .item {
  width: 70px;
  height: 70px;
  position: relative;
  border: 2px solid #ececec;
  border-radius: 8px;
  text-align: center;
  margin-right: 15px !important
}

.shacon .photor .sharebao .item i.iconfont {
  display: none
}

.shacon .photor .sharebao .item img {
  width: 100%;
  height: 100%;
  border-radius: 8px
}

.shacon .photor .sharebao .item1 {
  background-color: #fef5e8;
  border: 2px solid #ffb44a;
  display: flex;
  align-items: center;
  justify-content: center
}

.shacon .photor .sharebao .item1 .price {
  color: #ff4d2e
}

.shacon .photor .sharebao .item1 i.iconfont {
  color: #ffb44a;
  position: absolute;
  width: 16px;
  height: 16px;
  line-height: 25px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}

.shacon .photor .sharebao .item1 i.iconfont:before {
  color: #ffb44a;
  font-size: 25px;
  position: absolute
}

.shacon .photor .sharebao .swiper-pagination-bullets {
  bottom: 10px
}

.shacon .photor .sharebao .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 26px;
  height: 6px;
  border-radius: 45px
}

.shacon .photor .sharebao .swiper-button-next,
.shacon .photor .sharebao .swiper-button-prev {
  width: 20px;
  height: 35px;
  opacity: 1;
  top: 58%;
  border-radius: 8px;
  background-size: 50% 50%;
  background-color: rgba(0, 0, 0, 0.5)
}

.shacon .photor .sharebao .swiper-button-next.swiper-button-disabled,
.shacon .photor .sharebao .swiper-button-prev.swiper-button-disabled {
  opacity: .35
}

.shacon .photor .sharebao .swiper-button-next {
  right: 10px
}

.shacon .photor .sharebao .swiper-button-prev {
  left: 10px
}

.shacon .photor .thums {
  width: 200%;
  height: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
  flex-wrap: nowrap
}

.shacon .photor .thums span {
  width: 2.0rem;
  height: 75%;
  margin-right: .28rem
}

.shacon .photor .thums img {
  width: 2.0rem;
  height: 100%;
  border-radius: .12rem;
  border: 1px solid #e4e4e4
}

.shacon .photor .thums img:last-child {
  margin-right: .8rem
}

.shacon .photor .thums img.active {
  border: 1px solid #ff6d31;
  position: relative;
  display: flex;
  align-items: center
}

.shacon .photor .thums img.active:before {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e62f';
  color: #ff6d31;
  font-size: .35rem;
  position: absolute
}

.heji {
  background: url("../images/hejibg.jpg") center top no-repeat
}

.heji.myzhu {
  background: url("../images/my.jpg") center top no-repeat
}

.heji.myzhu .hjcon1 .lef {
  width: 600px;
  margin-left: 30px
}

.heji.myzhu .hjcon1 .lef .tou {
  margin-right: 25px
}

.heji.myzhu .hjcon1 .lef .tou,
.heji.myzhu .hjcon1 .lef .tou img {
  width: 120px;
  height: 120px;
  border-radius: 50%
}

.heji.myzhu .hjcon1 .lef .tou img {
  border: 1px solid #f2f2f2;
  padding: 1px
}

.heji.myzhu .hjcon1 .lef .tname .titl {
  font-size: 18px;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  color: #333
}

.heji.myzhu .hjcon1 .lef .tname .titl span {
  color: #fff;
  background: #b17c58;
  border-radius: 4px;
  font-size: 12px;
  font-weight: normal;
  padding: 2px 10px;
  margin-left: 12px
}

.heji.myzhu .hjcon1 .lef .tname .titl span.chuji {
  background: #b17c58
}

.heji.myzhu .hjcon1 .lef .tname .titl span.zji {
  background: #397ad4
}

.heji.myzhu .hjcon1 .lef .tname .titl span.gaoji {
  background: #f16e27
}

.heji.myzhu .hjcon1 .lef .tname .titl span.zs {
  background: #f62d2d
}

.heji.myzhu .hjcon1 .lef .tname .dec {
  font-size: 12px;
  color: #999;
  margin: 3px 0 10px
}

.heji.myzhu .hjcon1 .lef .tname .dec .iconfont {
  color: #c5c5c5;
  font-size: 16px;
  margin-right: 2px;
  vertical-align: 0px
}

.heji.myzhu .hjcon1 .lef .tname .posterBtn {
  background-color: #ff5344;
  color: #fff;
  padding: 8px 20px;
  border-radius: 40px;
  font-size: 12px;
  opacity: .9
}

[data-theme="white"] .heji.myzhu .hjcon1 .lef .tname .posterBtn {
  background-color: red
}

[data-theme="black"] .heji.myzhu .hjcon1 .lef .tname .posterBtn {
  background-color: #0D2685
}

[data-theme="blue"] .heji.myzhu .hjcon1 .lef .tname .posterBtn {
  background-color: #ff5344
}

[data-theme="red"] .heji.myzhu .hjcon1 .lef .tname .posterBtn {
  background-color: #e63a3a
}

[data-theme="green"] .heji.myzhu .hjcon1 .lef .tname .posterBtn {
  background-color: #1ca472
}

.heji.myzhu .hjcon1 .lef .tname .posterBtn i {
  vertical-align: -2px;
  margin-right: 3px
}

.heji.myzhu .hjcon1 .lef .tname .posterBtn:hover {
  opacity: 1
}

.heji.myzhu .hjcon1 .rig {
  width: 600px;
  margin-right: 30px
}

.heji.myzhu .hjcon1 .rig li {
  width: 33%;
  text-align: center;
  font-size: 14px;
  color: #666
}

.heji.myzhu .hjcon1 .rig li .nums {
  font-size: 12px
}

.heji.myzhu .hjcon1 .rig li .nums b {
  font-size: 30px;
  font-weight: bold;
  margin-right: 5px;
  color: #ff5344
}

[data-theme="white"] .heji.myzhu .hjcon1 .rig li .nums b {
  color: red
}

[data-theme="black"] .heji.myzhu .hjcon1 .rig li .nums b {
  color: #0D2685
}

[data-theme="blue"] .heji.myzhu .hjcon1 .rig li .nums b {
  color: #ff5344
}

[data-theme="red"] .heji.myzhu .hjcon1 .rig li .nums b {
  color: #e63a3a
}

[data-theme="green"] .heji.myzhu .hjcon1 .rig li .nums b {
  color: #1ca472
}

.heji .areafod a {
  color: #fff
}

.heji .areafod a:hover {
  color: #ff5344
}

[data-theme="white"] .heji .areafod a:hover {
  color: red
}

[data-theme="black"] .heji .areafod a:hover {
  color: #0D2685
}

[data-theme="blue"] .heji .areafod a:hover {
  color: #ff5344
}

[data-theme="red"] .heji .areafod a:hover {
  color: #e63a3a
}

[data-theme="green"] .heji .areafod a:hover {
  color: #1ca472
}

.heji .areafod span {
  color: #fff
}

.heji .hjcon1 {
  padding: 20px 0px
}

.heji .hjcon1 .lfi {
  margin-left: 15px;
  position: relative
}

.heji .hjcon1 .lfi,
.heji .hjcon1 .lfi img {
  width: 235px;
  height: 140px;
  border-radius: 8px;
  overflow: hidden
}

.heji .hjcon1 .lfi .hjicon {
  width: 53px;
  height: 53px;
  background: url("../images/heji2.png") no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  display: block
}

.heji .hjcon1 .lfr {
  width: 975px;
  margin-right: 15px
}

.heji .hjcon1 .lfr p {
  height: 69px;
  overflow: hidden;
  line-height: 24px;
  color: #999;
  margin-top: 8px
}

.heji .hjcon1 .lfr .shegbtn1 {
  display: inline-block
}

.heji .hjcon1 .lfr .shegbtn1 i.iconfont {
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-align: center;
  font-size: 18px;
  line-height: 30px;
  color: #ff5344;
  display: inline-block;
  margin-right: 5px
}

[data-theme="white"] .heji .hjcon1 .lfr .shegbtn1 i.iconfont {
  color: red
}

[data-theme="black"] .heji .hjcon1 .lfr .shegbtn1 i.iconfont {
  color: #0D2685
}

[data-theme="blue"] .heji .hjcon1 .lfr .shegbtn1 i.iconfont {
  color: #ff5344
}

[data-theme="red"] .heji .hjcon1 .lfr .shegbtn1 i.iconfont {
  color: #e63a3a
}

[data-theme="green"] .heji .hjcon1 .lfr .shegbtn1 i.iconfont {
  color: #1ca472
}

.heji .hjcon1 .lfr .shegbtn1:before {
  font-size: 20px
}

.heji .hjcon1 .lfr .shegbtn1:hover i.iconfont {
  background-color: #ff5344;
  color: #fff;
  border: 1px solid #ff5344
}

[data-theme="white"] .heji .hjcon1 .lfr .shegbtn1:hover i.iconfont {
  background-color: red
}

[data-theme="black"] .heji .hjcon1 .lfr .shegbtn1:hover i.iconfont {
  background-color: #0D2685
}

[data-theme="blue"] .heji .hjcon1 .lfr .shegbtn1:hover i.iconfont {
  background-color: #ff5344
}

[data-theme="red"] .heji .hjcon1 .lfr .shegbtn1:hover i.iconfont {
  background-color: #e63a3a
}

[data-theme="green"] .heji .hjcon1 .lfr .shegbtn1:hover i.iconfont {
  background-color: #1ca472
}

[data-theme="white"] .heji .hjcon1 .lfr .shegbtn1:hover i.iconfont {
  border: 1px solid #0d2686
}

[data-theme="black"] .heji .hjcon1 .lfr .shegbtn1:hover i.iconfont {
  border: 1px solid #ddd
}

[data-theme="blue"] .heji .hjcon1 .lfr .shegbtn1:hover i.iconfont {
  border: 1px solid #ff5344
}

[data-theme="red"] .heji .hjcon1 .lfr .shegbtn1:hover i.iconfont {
  border: 1px solid #e63a3a
}

[data-theme="green"] .heji .hjcon1 .lfr .shegbtn1:hover i.iconfont {
  border: 1px solid #1ca472
}

.heji .hjcon1 .lfr .shegbtn1.on {
  background-color: #ff5344;
  color: #fff;
  border: 1px solid #ff5344
}

[data-theme="white"] .heji .hjcon1 .lfr .shegbtn1.on {
  background-color: red
}

[data-theme="black"] .heji .hjcon1 .lfr .shegbtn1.on {
  background-color: #0D2685
}

[data-theme="blue"] .heji .hjcon1 .lfr .shegbtn1.on {
  background-color: #ff5344
}

[data-theme="red"] .heji .hjcon1 .lfr .shegbtn1.on {
  background-color: #e63a3a
}

[data-theme="green"] .heji .hjcon1 .lfr .shegbtn1.on {
  background-color: #1ca472
}

[data-theme="white"] .heji .hjcon1 .lfr .shegbtn1.on {
  border: 1px solid #0d2686
}

[data-theme="black"] .heji .hjcon1 .lfr .shegbtn1.on {
  border: 1px solid #ddd
}

[data-theme="blue"] .heji .hjcon1 .lfr .shegbtn1.on {
  border: 1px solid #ff5344
}

[data-theme="red"] .heji .hjcon1 .lfr .shegbtn1.on {
  border: 1px solid #e63a3a
}

[data-theme="green"] .heji .hjcon1 .lfr .shegbtn1.on {
  border: 1px solid #1ca472
}

.heji .hjcon1 .lfr .shegbtn1.on :before {
  content: "\e631"
}

.heji .hjcon1 .lfr .posterBtn i {
  vertical-align: -2px;
  color: #999;
  margin-right: 3px
}

.heji .hjcon1 .lfr .posterBtn:hover,
.heji .hjcon1 .lfr .posterBtn:hover i {
  color: #42ae82
}

.heji .hjcon1 .lfr .botbtn {
  font-size: 12px;
  color: #999
}

.heji .hjcon1 .lfr .botbtn .btnl a {
  display: inline-block
}

.heji .hjcon1 .lfr .botbtn .btnl span {
  font-size: 12px;
  color: #999;
  margin: 0 15px
}

.heji .hjcon1 .lfr .botbtn .btnl .buybtn {
  background-color: #ff5344;
  border-radius: 8px;
  font-size: 13px;
  color: #fff;
  width: 110px;
  height: 35px;
  line-height: 35px;
  text-align: center
}

[data-theme="white"] .heji .hjcon1 .lfr .botbtn .btnl .buybtn {
  background-color: red
}

[data-theme="black"] .heji .hjcon1 .lfr .botbtn .btnl .buybtn {
  background-color: #0D2685
}

[data-theme="blue"] .heji .hjcon1 .lfr .botbtn .btnl .buybtn {
  background-color: #ff5344
}

[data-theme="red"] .heji .hjcon1 .lfr .botbtn .btnl .buybtn {
  background-color: #e63a3a
}

[data-theme="green"] .heji .hjcon1 .lfr .botbtn .btnl .buybtn {
  background-color: #1ca472
}

.heji .none {
  display: none
}

.heji .Search_list {
  padding: 20px 0 16px;
  margin-top: 15px
}

.heji .Search_list .Search_sub {
  width: 930px
}

.heji .Search_list .Search_name {
  padding: 0px 0 10px 15px;
  line-height: 22px;
  color: #999;
  font-size: 14px;
  width: 75px
}

.heji .Search_list .Search_more {
  width: 100px;
  height: 38px;
  border: 1px solid #ddd;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  position: relative;
  border-radius: 8px
}

.heji .Search_list .Search_more:last-child {
  margin-right: 0
}

.heji .Search_list .Search_more .Search_more_s {
  width: 90%;
  height: 38px;
  line-height: 38px;
  font-size: 13px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 10px;
  color: #999
}

.heji .Search_list .Search_more .Search_more_s.on {
  color: #ff5344
}

[data-theme="white"] .heji .Search_list .Search_more .Search_more_s.on {
  color: red
}

[data-theme="black"] .heji .Search_list .Search_more .Search_more_s.on {
  color: #0D2685
}

[data-theme="blue"] .heji .Search_list .Search_more .Search_more_s.on {
  color: #ff5344
}

[data-theme="red"] .heji .Search_list .Search_more .Search_more_s.on {
  color: #e63a3a
}

[data-theme="green"] .heji .Search_list .Search_more .Search_more_s.on {
  color: #1ca472
}

.heji .Search_list .Search_more i {
  position: absolute;
  right: 3px;
  top: 5px;
  display: block
}

.heji .Search_list .Search_more_list {
  width: 100px;
  border: 1px solid #ddd;
  position: absolute;
  z-index: 99999;
  left: -1px;
  top: 38px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden
}

.heji .Search_list .Search_more_list ul li {
  width: 100%
}

.heji .Search_list .Search_more_list ul li a {
  display: block;
  padding: 8px 10px
}

.heji .Search_list .Search_more_list ul li a:hover {
  background: #fdfdfd
}

.heji .Search_list .inputbox {
  width: 185px;
  height: 38px;
  line-height: 38px;
  margin-right: 15px;
  border: 1px solid #ddd;
  margin-bottom: 4px;
  padding-left: 10px;
  margin-left: 40px;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 13px;
  color: #333;
  position: relative;
  padding-right: 40px;
  box-sizing: border-box;
  border-radius: 30px
}

.heji .Search_list .inputbox span {
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  font-size: 28px;
  color: #ff5344
}

[data-theme="white"] .heji .Search_list .inputbox span {
  color: red
}

[data-theme="black"] .heji .Search_list .inputbox span {
  color: #0D2685
}

[data-theme="blue"] .heji .Search_list .inputbox span {
  color: #ff5344
}

[data-theme="red"] .heji .Search_list .inputbox span {
  color: #e63a3a
}

[data-theme="green"] .heji .Search_list .inputbox span {
  color: #1ca472
}

.heji .Search_list .inputbox input {
  width: 99%;
  height: 38px
}

.heji .hejilist {
  margin-top: 15px
}

.heji .hejilist .listbtn {
  margin: 0px 15px 0px;
  border-bottom: 1px solid #eee;
  padding: 20px 0 5px
}

.heji .hejilist .listbtn a.listbtnt {
  display: inline-block;
  font-size: 24px;
  color: #666
}

.heji .hejilist .listbtn a.listbtnt.on:before {
  content: '\ea68'
}

.heji .hejilist .listbtn a.listbtnt:hover {
  color: #ff5344
}

[data-theme="white"] .heji .hejilist .listbtn a.listbtnt:hover {
  color: red
}

[data-theme="black"] .heji .hejilist .listbtn a.listbtnt:hover {
  color: #0D2685
}

[data-theme="blue"] .heji .hejilist .listbtn a.listbtnt:hover {
  color: #ff5344
}

[data-theme="red"] .heji .hejilist .listbtn a.listbtnt:hover {
  color: #e63a3a
}

[data-theme="green"] .heji .hejilist .listbtn a.listbtnt:hover {
  color: #1ca472
}

.heji .hejilist .loadtip {
  line-height: 38px;
  text-align: center;
  color: #999;
  padding-top: 10px
}

.heji .hejilist .refreshtip,
.heji .hejilist .init-loading {
  line-height: 38px;
  text-align: center;
  color: #999
}

.heji .hejilist .list1 {
  padding: 10px 15px;
  max-height: 800px;
  overflow-x: auto
}

.heji .hejilist .list1 .list-group-item {
  padding: 15px 0;
  border-bottom: 1px dashed #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.heji .hejilist .list1 .lefimg {
  width: 1030px
}

.heji .hejilist .list1 .lefimg .texv {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden
}

.heji .hejilist .list1 .lefimg .texv,
.heji .hejilist .list1 .lefimg .texv img {
  width: 170px;
  height: 115px
}

.heji .hejilist .list1 .lefimg .texb {
  width: 835px;
  margin-left: 15px
}

.heji .hejilist .list1 .lefimg .texb .ttag {
  margin: 8px 0 0px;
  font-size: 12px;
  color: #999
}

.heji .hejilist .list1 .lefimg .texb .ttag .infos span {
  margin-right: 18px
}

.heji .hejilist .list1 .lefimg .texb .ttag .infos span em {
  font-size: 17px;
  color: #999;
  vertical-align: -2px;
  margin-right: 3px
}

.heji .hejilist .list1 .lefimg .texb .ttag .infos span em.icon-alreadystar {
  font-size: 15px;
  color: #f0a64d;
  vertical-align: 0px;
  margin-right: 5px
}

.heji .hejilist .list1 .lefimg .texb .ttag .infos a {
  background: #f6f6f6;
  border-radius: 30px;
  padding: 3px 10px;
  margin-right: 15px;
  font-size: 12px;
  color: #999
}

.heji .hejilist .list1 .lefimg .texb .ttag .infos a:hover {
  color: #ff5344
}

[data-theme="white"] .heji .hejilist .list1 .lefimg .texb .ttag .infos a:hover {
  color: red
}

[data-theme="black"] .heji .hejilist .list1 .lefimg .texb .ttag .infos a:hover {
  color: #0D2685
}

[data-theme="blue"] .heji .hejilist .list1 .lefimg .texb .ttag .infos a:hover {
  color: #ff5344
}

[data-theme="red"] .heji .hejilist .list1 .lefimg .texb .ttag .infos a:hover {
  color: #e63a3a
}

[data-theme="green"] .heji .hejilist .list1 .lefimg .texb .ttag .infos a:hover {
  color: #1ca472
}

.heji .hejilist .list1 .lefimg:hover .tit {
  color: #ff5344
}

[data-theme="white"] .heji .hejilist .list1 .lefimg:hover .tit {
  color: red
}

[data-theme="black"] .heji .hejilist .list1 .lefimg:hover .tit {
  color: #0D2685
}

[data-theme="blue"] .heji .hejilist .list1 .lefimg:hover .tit {
  color: #ff5344
}

[data-theme="red"] .heji .hejilist .list1 .lefimg:hover .tit {
  color: #e63a3a
}

[data-theme="green"] .heji .hejilist .list1 .lefimg:hover .tit {
  color: #1ca472
}

.heji .hejilist .list1 .rigmp {
  width: 110px
}

.heji .hejilist .list1 .rigmp a.fav {
  width: 26px;
  height: 26px
}

.heji .hejilist .list1 .rigmp a.fav .iconfont {
  display: block;
  border: 1px solid #e4e5e5;
  background: #f6f6f6;
  width: 24px;
  height: 24px;
  font-size: 15px;
  color: #d2d1d1;
  display: block;
  text-align: center;
  border-radius: 5px;
  line-height: 24px
}

.heji .hejilist .list1 .rigmp a.fav .iconfont.active {
  color: #eea242
}

.heji .hejilist .list1 .rigmp .txtd {
  color: #ef5501;
  font-size: 13px
}

.heji .hejilist .list1 a .tit {
  font-size: 15px;
  color: #333;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.heji .hejilist .list1 a .tit i {
  margin-left: 12px;
  vertical-align: -2px;
  font-size: 20px !important;
  font-weight: normal
}

.heji .hejilist .list1 a:hover .tit {
  color: #ff5344
}

[data-theme="white"] .heji .hejilist .list1 a:hover .tit {
  color: red
}

[data-theme="black"] .heji .hejilist .list1 a:hover .tit {
  color: #0D2685
}

[data-theme="blue"] .heji .hejilist .list1 a:hover .tit {
  color: #ff5344
}

[data-theme="red"] .heji .hejilist .list1 a:hover .tit {
  color: #e63a3a
}

[data-theme="green"] .heji .hejilist .list1 a:hover .tit {
  color: #1ca472
}

.heji .hejilist .list1 a p {
  font-size: 12px;
  color: #999;
  margin: 5px 0 5px;
  line-height: 26px
}

.heji .hejilist .list1 a .ttag {
  font-size: 12px;
  color: #999;
  margin: 8px 0 12px
}

.heji .hejilist .list1 a .ttag .infos span {
  margin-right: 50px
}

.heji .hejilist .list1 a .ttag .infos span em {
  font-size: 17px;
  color: #999;
  vertical-align: -2px;
  margin-right: 3px
}

.heji .hejilist .list1 a .ttag .infos span em.icon-alreadystar {
  font-size: 15px;
  color: #f0a64d;
  vertical-align: 0px;
  margin-right: 5px
}

.heji .hejilist .list2 {
  margin: 20px 15px
}

.heji .hejilist .list2 .list-group1 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap
}

.heji .hejilist .list2 .list-group1.listtip .list-group-item {
  margin-right: 15px;
  margin-bottom: 20px;
  border: 1px solid #e4e5e5;
  border-radius: 8px;
  width: 232px;
  height: 240px
}

.heji .hejilist .list2 .list-group1.listtip .list-group-item:nth-child(5n) {
  margin-right: 0
}

.heji .hejilist .list2 .list-group1.listtip .cover {
  display: block;
  width: 235px;
  height: 150px;
  border-radius: 8px 8px 0 0;
  border: 0px solid #eee;
  overflow: hidden;
  position: relative
}

.heji .hejilist .list2 .list-group1.listtip .cover .viponly {
  position: absolute;
  top: 5px;
  left: 5px
}

.heji .hejilist .list2 .list-group1.listtip .cover .pic {
  width: 235px;
  height: 150px
}

.heji .hejilist .list2 .list-group1.listtip .cover .doc1 {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 20px !important
}

.heji .hejilist .list2 .list-group1.listtip .title {
  display: block;
  font-size: 15px;
  color: #333;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  line-height: 35px;
  padding: 0 10px;
  margin: 6px auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.heji .hejilist .list2 .list-group1.listtip .itemdate {
  font-size: 12px;
  color: #999;
  padding: 0 10px
}

.heji .hejilist .list2 .list-group1.listtip .itemdate i {
  vertical-align: 0px;
  margin-right: 2px;
  font-size: 13px
}

.heji .hejilist .list2 .list-group1.listtip .itemdate .pric .pce {
  font-size: 14px;
  color: #ef5501;
  margin-right: 10px;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

.heji .hejilist .list2 .list-group1.listtip .itemdate a.fav {
  width: auto;
  height: 26px;
  color: #999
}

.heji .hejilist .list2 .list-group1.listtip .itemdate a.fav .iconfont {
  display: block;
  border: 1px solid #e4e5e5;
  background: #f6f6f6;
  width: 24px;
  height: 24px;
  font-size: 15px;
  color: #d2d1d1;
  display: block;
  text-align: center;
  border-radius: 5px;
  margin-left: 5px;
  line-height: 24px;
  margin-right: 0
}

.heji .hejilist .list2 .list-group1.listtip .itemdate a.fav .iconfont.active {
  color: #eea242
}

.heji .hejilist .list2 .list-group1.listtip .itemdate a.fav:hover {
  color: #eea242
}

.heji .hejilist .list2 .list-group1.listtip .itemdate .txtd {
  color: #ef5501;
  font-size: 13px
}

.heji .hejilist .list2 li.list-group-item,
.heji .hejilist .list2 .list-group-item {
  margin-right: 22px;
  margin-bottom: 20px;
  width: 186px
}

.heji .hejilist .list2 li.list-group-item:nth-child(6n),
.heji .hejilist .list2 .list-group-item:nth-child(6n) {
  margin-right: 0
}

.heji .hejilist .list2 li.list-group-item a .cover,
.heji .hejilist .list2 .list-group-item a .cover {
  display: block;
  width: 186px;
  height: 235px;
  border-radius: 8px;
  border: 1px solid #eee;
  overflow: hidden;
  position: relative
}

.heji .hejilist .list2 li.list-group-item a .cover .viponly,
.heji .hejilist .list2 .list-group-item a .cover .viponly {
  position: absolute;
  top: 5px;
  left: 5px
}

.heji .hejilist .list2 li.list-group-item a .cover .pic,
.heji .hejilist .list2 .list-group-item a .cover .pic {
  width: 186px;
  height: 235px
}

.heji .hejilist .list2 li.list-group-item a .cover .doc1,
.heji .hejilist .list2 .list-group-item a .cover .doc1 {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 20px !important
}

.heji .hejilist .list2 li.list-group-item a .title,
.heji .hejilist .list2 .list-group-item a .title {
  display: block;
  font-size: 14px;
  color: #666;
  width: 96%;
  height: 50px;
  margin: 0 auto;
  line-height: 25px;
  padding: 0 3px;
  margin: 6px 0 0 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  -webkit-line-clamp: 2
}

.heji .hejilist .list2 li.list-group-item a .itemdate,
.heji .hejilist .list2 .list-group-item a .itemdate {
  font-size: 12px;
  color: #999;
  padding: 0 3px
}

.heji .hejilist .list2 li.list-group-item a .itemdate i,
.heji .hejilist .list2 .list-group-item a .itemdate i {
  vertical-align: 0px;
  margin-right: 2px;
  font-size: 13px
}

.heji.ztheji {
  background: none
}

.heji.ztheji .Search_list {
  margin-top: 0;
  padding: 20px 0 20px
}

.heji.ztheji .Search_list .Search_sub {
  width: 950px
}

.heji.ztheji .Search_list .Box {
  padding: 0 15px 15px
}

.heji.ztheji .Search_list .Box .names {
  height: 32px;
  line-height: 32px;
  color: #999;
  font-size: 14px;
  width: 45px
}

.heji.ztheji .Search_list .Box ul {
  width: 1120px
}

.heji.ztheji .Search_list .Box ul li {
  margin-right: 10px
}

.heji.ztheji .Search_list .Box ul li a {
  display: block;
  height: 32px;
  line-height: 32px;
  margin-bottom: 10px;
  padding: 0 13px;
  font-size: 14px;
  font-weight: 500;
  color: #666;
  background: transparent;
  border-radius: 8px
}

.heji.ztheji .Search_list .Box ul li a:hover,
.heji.ztheji .Search_list .Box ul li a.active {
  color: #fff;
  background-color: #ff5344
}

[data-theme="white"] .heji.ztheji .Search_list .Box ul li a:hover,
[data-theme="white"] .heji.ztheji .Search_list .Box ul li a.active {
  background-color: red
}

[data-theme="black"] .heji.ztheji .Search_list .Box ul li a:hover,
[data-theme="black"] .heji.ztheji .Search_list .Box ul li a.active {
  background-color: #0D2685
}

[data-theme="blue"] .heji.ztheji .Search_list .Box ul li a:hover,
[data-theme="blue"] .heji.ztheji .Search_list .Box ul li a.active {
  background-color: #ff5344
}

[data-theme="red"] .heji.ztheji .Search_list .Box ul li a:hover,
[data-theme="red"] .heji.ztheji .Search_list .Box ul li a.active {
  background-color: #e63a3a
}

[data-theme="green"] .heji.ztheji .Search_list .Box ul li a:hover,
[data-theme="green"] .heji.ztheji .Search_list .Box ul li a.active {
  background-color: #1ca472
}

.heji.ztheji .Search_list .Box .showmore {
  border: 1px solid #ddd;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  width: 40px;
  border-radius: 30px;
  margin-top: 1px;
  font-size: 12px;
  cursor: pointer
}

.heji.ztheji .Search_list .Box .showmore i.iconfont {
  font-size: 12px;
  margin-left: 3px
}

.heji.ztheji .Search_list .Box .showmore:hover {
  border: 1px solid #ff5344;
  color: #ff5344
}

[data-theme="white"] .heji.ztheji .Search_list .Box .showmore:hover {
  border: 1px solid #0d2686
}

[data-theme="black"] .heji.ztheji .Search_list .Box .showmore:hover {
  border: 1px solid #ddd
}

[data-theme="blue"] .heji.ztheji .Search_list .Box .showmore:hover {
  border: 1px solid #ff5344
}

[data-theme="red"] .heji.ztheji .Search_list .Box .showmore:hover {
  border: 1px solid #e63a3a
}

[data-theme="green"] .heji.ztheji .Search_list .Box .showmore:hover {
  border: 1px solid #1ca472
}

[data-theme="white"] .heji.ztheji .Search_list .Box .showmore:hover {
  color: red
}

[data-theme="black"] .heji.ztheji .Search_list .Box .showmore:hover {
  color: #0D2685
}

[data-theme="blue"] .heji.ztheji .Search_list .Box .showmore:hover {
  color: #ff5344
}

[data-theme="red"] .heji.ztheji .Search_list .Box .showmore:hover {
  color: #e63a3a
}

[data-theme="green"] .heji.ztheji .Search_list .Box .showmore:hover {
  color: #1ca472
}

.aboutus {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  background: url(../images/about.jpg) center center no-repeat
}

.aboutus img {
  display: block;
  margin: 0 auto
}

.gogao {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  background: url(../images/ggao2.jpg) center center no-repeat
}

.gogao img {
  display: block;
  margin: 0 auto;
  padding-left: 325px
}

.aboutmain {
  border-radius: 8px;
  overflow: hidden
}

.aboutmain .w200 {
  width: 200px;
  background: #f0f0f0
}

.aboutmain .w200 a {
  width: 100%;
  font-size: 14px;
  display: block;
  line-height: 50px;
  text-align: center;
  position: relative
}

.aboutmain .w200 a.active,
.aboutmain .w200 a:hover {
  background: #fff
}

.aboutmain .w200 a.active:before,
.aboutmain .w200 a:hover:before {
  content: "";
  width: 5px;
  height: 15px;
  background-color: #ff5344;
  display: inline-block;
  position: absolute;
  top: 17px;
  left: 0
}

[data-theme="white"] .aboutmain .w200 a.active:before,
[data-theme="white"] .aboutmain .w200 a:hover:before {
  background-color: red
}

[data-theme="black"] .aboutmain .w200 a.active:before,
[data-theme="black"] .aboutmain .w200 a:hover:before {
  background-color: #0D2685
}

[data-theme="blue"] .aboutmain .w200 a.active:before,
[data-theme="blue"] .aboutmain .w200 a:hover:before {
  background-color: #ff5344
}

[data-theme="red"] .aboutmain .w200 a.active:before,
[data-theme="red"] .aboutmain .w200 a:hover:before {
  background-color: #e63a3a
}

[data-theme="green"] .aboutmain .w200 a.active:before,
[data-theme="green"] .aboutmain .w200 a:hover:before {
  background-color: #1ca472
}

.aboutmain .w200 a.active {
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  color: #ff5344
}

[data-theme="white"] .aboutmain .w200 a.active {
  color: red
}

[data-theme="black"] .aboutmain .w200 a.active {
  color: #0D2685
}

[data-theme="blue"] .aboutmain .w200 a.active {
  color: #ff5344
}

[data-theme="red"] .aboutmain .w200 a.active {
  color: #e63a3a
}

[data-theme="green"] .aboutmain .w200 a.active {
  color: #1ca472
}

.aboutmain .w1060 {
  width: 1060px;
  background: #fff;
  padding-bottom: 15px
}

.aboutmain .w1060 .title {
  padding: 15px 20px
}

.aboutmain .w1060 .title h2 {
  font-size: 14px
}

.aboutmain .w1060 .conmian {
  margin: 0 20px
}

.aboutmain .w1060 .conmian p {
  text-indent: 2em
}

.aboutmain .w1060 p {
  font-size: 12px;
  color: #666;
  line-height: 30px;
  margin: 10px 0
}

.aboutmain .w1060 .dec {
  font-size: 12px;
  color: #666;
  line-height: 30px;
  margin: -10px 20px 35px
}

.aboutmain .w1060 .yiwen {
  padding: 15px 20px 0
}

.aboutmain .w1060 .yiwen .hedti {
  font-size: 13px;
  color: #333;
  cursor: pointer
}

.aboutmain .w1060 .yiwen .hedti .iconfont {
  font-size: 21px;
  color: #ff5344;
  vertical-align: -2px;
  margin-right: 5px
}

.aboutmain .w1060 .yiwen .hedti.on .iconfont {
  font-size: 20px;
  color: #ff5344
}

.aboutmain .w1060 .yiwen .hedti.on .iconfont:before {
  content: '\e94b'
}

.aboutmain .w1060 .yiwen .hedti:hover {
  color: #ff5344
}

[data-theme="white"] .aboutmain .w1060 .yiwen .hedti:hover {
  color: red
}

[data-theme="black"] .aboutmain .w1060 .yiwen .hedti:hover {
  color: #0D2685
}

[data-theme="blue"] .aboutmain .w1060 .yiwen .hedti:hover {
  color: #ff5344
}

[data-theme="red"] .aboutmain .w1060 .yiwen .hedti:hover {
  color: #e63a3a
}

[data-theme="green"] .aboutmain .w1060 .yiwen .hedti:hover {
  color: #1ca472
}

.aboutmain .w1060 .yiwen .descp {
  font-size: 12px;
  color: #666;
  line-height: 30px;
  text-indent: 2em;
  display: none
}

.aboutmain .w1060.gao h3 {
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333;
  padding: 15px 20px 5px
}

.aboutmain .w1060.gao .yiwen {
  padding: 0px 20px 0
}

.aboutmain .w1060.gao .yiwen a {
  border-bottom: 1px solid #eae9e9;
  line-height: 55px
}

.aboutmain .w1060.gao .yiwen a .date {
  color: #999
}

.aboutmain .w1060.gao .page {
  padding-left: 20px
}

.aboutmain .w1060.gao .conten .title {
  line-height: 35px;
  font-size: 18px;
  color: #333;
  line-height: 35px;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

.aboutmain .w1060.gao .conten .ttag {
  font-size: 12px;
  color: #999;
  margin: 8px 20px 12px
}

.aboutmain .w1060.gao .conten .ttag .infos span {
  margin-right: 15px
}

.aboutmain .w1060.gao .conten .ttag .infos em {
  font-size: 17px;
  color: #999;
  vertical-align: -2px;
  margin-right: 3px
}

.aboutmain .w1060.gao .conten .ttag .infos em.icon-alreadystar {
  font-size: 15px;
  color: #f0a64d;
  vertical-align: 0px;
  margin-right: 5px
}

.aboutmain .w1060.gao .conten .ttag .jubaobtn i {
  width: 18px;
  height: 14px;
  background: url(../images/qinq.png) no-repeat;
  display: inline-block;
  vertical-align: -2px;
  margin-right: 5px
}

.aboutmain .w1060.gao .conten .decpt {
  margin: 0 20px 50px;
  font-size: 13px;
  color: #666;
  text-indent: 2em;
  line-height: 35px
}

#starRating .p20 {
  padding: 30px 20px 10px
}

#starRating .photo span {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 26px;
  overflow: hidden;
  margin-right: 15px;
  cursor: pointer
}

#starRating .photo span:last-child {
  margin-right: 0px
}

#starRating .photo span .nohigh {
  position: absolute;
  width: 28px;
  height: 26px;
  top: 0;
  left: 0;
  background: url("../images/star.png");
  background-size: 100% 100%
}

#starRating .photo span .high {
  position: absolute;
  width: 28px;
  height: 26px;
  top: 0;
  left: 0;
  background: url("../images/star1.png");
  background-size: 100% 100%
}

#starRating .starNum {
  font-size: 16px;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  color: #de4414;
  margin-top: 4px;
  margin-bottom: 10px
}

#starRating .photo {
  margin-top: 0px
}

#starRating .bottoms {
  margin-top: 10px;
  height: 54px
}

#starRating .bottoms a {
  margin-bottom: 0;
  width: 130px;
  height: 45px;
  line-height: 45px;
  border-radius: 8px;
  display: inline-block;
  font-size: 16px;
  transition: all 0.2s linear;
  margin: 16px 0 22px;
  text-align: center;
  cursor: pointer
}

#starRating .bottoms .garyBtn {
  background-color: #e1e1e1;
  color: #999999
}

#starRating .bottoms .blueBtn {
  background-color: #1968b1;
  color: #fff
}

#starRating .bottoms .blueBtn:hover {
  background: #0e73d0
}

.top_fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20000
}

#banner {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 360px;
  margin: -55px 0 0 0
}

#banner .banner {
  width: 100%;
  height: 360px
}

#banner .banner .bannerlist {
  width: 100%;
  height: 360px
}

#banner .banner .bannerlist .swiper-slide {
  text-align: center;
  position: relative
}

#banner .banner .bannerlist .swiper-pagination-bullets {
  bottom: 50px
}

#banner .banner .bannerlist .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 26px;
  height: 6px;
  border-radius: 45px
}

#banner .banner .bannerlist .swiper-button-next,
#banner .banner .bannerlist .swiper-button-prev {
  width: 36px;
  height: 36px;
  opacity: 0;
  border-radius: 50%;
  background-size: 60% 60%;
  background-color: rgba(0, 0, 0, 0.2)
}

#banner .banner .bannerlist:hover .swiper-button-next,
#banner .banner .bannerlist:hover .swiper-button-prev {
  opacity: 1
}

#banner .banner-blue1 {
  background: #2a5ad0
}

#banner .banner-blue2 {
  background: #06b880
}

#banner .banner-blue3 {
  background: #211989
}

#banner .banner-blue4 {
  background: #1259e5
}

#banner .banner-blue5 {
  background: #fb5f41
}

#banner .search {
  position: absolute;
  z-index: 1;
  top: 125px;
  left: 50%;
  margin: 0 0 0 -407px
}

#banner .search .logo {
  margin-right: 82px
}

#banner .search .main1 {
  width: 580px
}

#banner .search .main1 .inputbox {
  width: 580px;
  height: 45px;
  line-height: 42px;
  border: 2px solid #ffb70000;
  padding-left: 10px;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 14px;
  color: #333;
  position: relative;
  margin-top: 36px;
  padding-right: 40px;
  box-sizing: border-box;
  border-radius: 10px
}

#banner .search .main1 .inputbox span {
  display: inline-block;
  width: 60px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  font-size: 38px;
  color: #ff5344
}

[data-theme="white"] #banner .search .main1 .inputbox span {
  color: red
}

[data-theme="black"] #banner .search .main1 .inputbox span {
  color: #0D2685
}

[data-theme="blue"] #banner .search .main1 .inputbox span {
  color: #ff5344
}

[data-theme="red"] #banner .search .main1 .inputbox span {
  color: #e63a3a
}

[data-theme="green"] #banner .search .main1 .inputbox span {
  color: #1ca472
}

#banner .search .main1 .inputbox input {
  width: 99%;
  height: 43px
}

#banner .search .main1 .hot-words {
  width: 550px;
  margin-left: 0px;
  margin-top: 10px;
  font-size: 14px;
  color: #fff
}

#banner .search .main1 .hot-words span {
  display: inline-block;
  margin-right: 5px;
  border-radius: 50px;
  background-color: rgba(40, 112, 209, 0.9);
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  font-size: 13px
}

#banner .search .main1 .hot-words span:first-child {
  margin-right: 10px;
  background: none;
  padding: 0
}

#banner .search .main1 .hot-words span a {
  color: #f3f3f3;
  display: block #banner .search .main1 .hot-words span a
}

#banner .search .main1 .hot-words span a :hover {
  color: #fff
}

#banner .banner {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 360px
}

#banner .banner .banner-ad {
  width: 100%;
  height: 360px;
  background-repeat: no-repeat;
  background-size: 100% 320px;
  background-position: center center;
  position: relative;
  cursor: pointer;
  text-align: center
}

#banner .banner .banner-ad img {
  height: 100%
}

#banner .banner .layui-carousel-ind {
  top: -55px
}

#banner .banner .layui-carousel-ind ul {
  background: none
}

#banner .banner .layui-carousel-ind li {
  width: 26px;
  height: 6px;
  border-radius: 45px
}

.searchmain {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 300px;
  background: url(../images/about.jpg) center center no-repeat;
  display: flex;
  justify-content: center;
  align-items: center
}

.searchmain .search .logo {
  margin-right: 82px
}

.searchmain .search .main1 {
  width: 580px
}

.searchmain .search .main1 .inputbox {
  width: 580px;
  height: 45px;
  line-height: 42px;
  border: 2px solid #ffb70000;
  padding-left: 10px;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 14px;
  color: #333;
  position: relative;
  padding-right: 40px;
  box-sizing: border-box;
  border-radius: 10px
}

.searchmain .search .main1 .inputbox span {
  display: inline-block;
  width: 60px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  font-size: 38px;
  color: #ff5344
}

[data-theme="white"] .searchmain .search .main1 .inputbox span {
  color: red
}

[data-theme="black"] .searchmain .search .main1 .inputbox span {
  color: #0D2685
}

[data-theme="blue"] .searchmain .search .main1 .inputbox span {
  color: #ff5344
}

[data-theme="red"] .searchmain .search .main1 .inputbox span {
  color: #e63a3a
}

[data-theme="green"] .searchmain .search .main1 .inputbox span {
  color: #1ca472
}

.searchmain .search .main1 .inputbox input {
  width: 99%;
  height: 43px
}

.searchmain .search .main1 .hot-words {
  width: 550px;
  margin-left: 0px;
  margin-top: 10px;
  font-size: 14px;
  color: #fff
}

.searchmain .search .main1 .hot-words span {
  display: inline-block;
  margin-right: 5px;
  border-radius: 50px;
  background-color: rgba(40, 112, 209, 0.9);
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  font-size: 13px
}

.searchmain .search .main1 .hot-words span:first-child {
  margin-right: 10px;
  background: none;
  padding: 0
}

.searchmain .search .main1 .hot-words span a {
  color: #f3f3f3;
  display: block .searchmain .search .main1 .hot-words span a
}

.searchmain .search .main1 .hot-words span a :hover {
  color: #fff
}

.searchbotm {
  margin-top: -80px;
  position: relative;
  z-index: 2
}

.searchbotm .areafod a {
  color: #fff
}

.searchbotm .areafod a:hover {
  color: #ff5344
}

[data-theme="white"] .searchbotm .areafod a:hover {
  color: red
}

[data-theme="black"] .searchbotm .areafod a:hover {
  color: #0D2685
}

[data-theme="blue"] .searchbotm .areafod a:hover {
  color: #ff5344
}

[data-theme="red"] .searchbotm .areafod a:hover {
  color: #e63a3a
}

[data-theme="green"] .searchbotm .areafod a:hover {
  color: #1ca472
}

.searchbotm .areafod span {
  color: #fff
}

.searchbotm .sends {
  padding: 25px 0;
  text-align: center
}

.searchbotm .sends b {
  font-size: 13px;
  color: #e21f1d;
  margin: 0 5px
}

.searchbotm .doctl {
  margin-top: 20px
}

.searchbotm .doctl ul.sort {
  padding: 19px 0px 0;
  margin: 0 15px;
  border-bottom: 1px solid #eee;
  overflow: hidden
}

.searchbotm .doctl ul.sort li {
  float: left;
  line-height: 25px
}

.searchbotm .doctl ul.sort a {
  display: inline-block;
  padding: 0 0 19px 0;
  margin: 0 32px 0 0;
  line-height: 25px;
  text-align: center;
  font-size: 15px;
  color: #666
}

.searchbotm .doctl ul.sort a:hover,
.searchbotm .doctl ul.sort a.active {
  color: #333;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  border: 1px solid #ff5344
}

[data-theme="white"] .searchbotm .doctl ul.sort a:hover,
[data-theme="white"] .searchbotm .doctl ul.sort a.active {
  border-bottom: 2px solid #0d2686
}

[data-theme="black"] .searchbotm .doctl ul.sort a:hover,
[data-theme="black"] .searchbotm .doctl ul.sort a.active {
  border-bottom: 2px solid #ddd
}

[data-theme="blue"] .searchbotm .doctl ul.sort a:hover,
[data-theme="blue"] .searchbotm .doctl ul.sort a.active {
  border-bottom: 2px solid #ff5344
}

[data-theme="red"] .searchbotm .doctl ul.sort a:hover,
[data-theme="red"] .searchbotm .doctl ul.sort a.active {
  border-bottom: 2px solid #e63a3a
}

[data-theme="green"] .searchbotm .doctl ul.sort a:hover,
[data-theme="green"] .searchbotm .doctl ul.sort a.active {
  border-bottom: 2px solid #1ca472
}

.searchbotm .doctl ul.sort a:hover {
  font-weight: normal
}

.searchbotm .doctl ul.sort a:hover.active {
  font-weight: bold
}

.searchbotm .doctl .hover_content {
  margin: 0 15px
}

.searchbotm .doctl .doc-list li {
  padding: 19px 0;
  overflow: hidden;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.searchbotm .doctl .doc-list li a:hover .doc-title {
  text-decoration: none !important
}

.searchbotm .doctl .doc-list li a:hover .doc-title span {
  color: #ff5344
}

[data-theme="white"] .searchbotm .doctl .doc-list li a:hover .doc-title span {
  color: red
}

[data-theme="black"] .searchbotm .doctl .doc-list li a:hover .doc-title span {
  color: #0D2685
}

[data-theme="blue"] .searchbotm .doctl .doc-list li a:hover .doc-title span {
  color: #ff5344
}

[data-theme="red"] .searchbotm .doctl .doc-list li a:hover .doc-title span {
  color: #e63a3a
}

[data-theme="green"] .searchbotm .doctl .doc-list li a:hover .doc-title span {
  color: #1ca472
}

.searchbotm .doctl .doc-list li .good-label {
  display: inline-block;
  margin-left: 8px;
  margin-top: 2px
}

.searchbotm .doctl .doc-list li .listlt {
  width: 1260px
}

.searchbotm .doctl .doc-list li .listlt .front {
  width: 100px;
  height: 120px;
  position: relative
}

.searchbotm .doctl .doc-list li .listlt .front.cover {
  display: block;
  overflow: hidden;
  width: 100px;
  height: 120px;
  border: 1px solid #eee;
  border-radius: 8px
}

.searchbotm .doctl .doc-list li .listlt .front img {
  display: block;
  width: 100px;
  height: 120px;
  border-radius: 8px
}

.searchbotm .doctl .doc-list li .listlt .front .doc1 {
  position: absolute;
  bottom: 5px;
  right: 0;
  z-index: 9;
  font-size: 18px !important;
  display: block;
  line-height: 18px
}

.searchbotm .doctl .doc-list li .listlt .mane {
  width: 920px;
  margin-left: 15px
}

.searchbotm .doctl .doc-list li .listlt .mane .intros {
  margin-bottom: 20px;
  margin: 0 0 15px 0;
  display: inline-block;
  overflow: hidden;
  height: 50px;
  line-height: 24px;
  font-size: 12px;
  color: #666;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.searchbotm .doctl .doc-list li .listlt .mane .doc-title {
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px
}

.searchbotm .doctl .doc-list li .listlt .mane .doc-title span {
  font-size: 15px;
  color: #333;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.searchbotm .doctl .doc-list li .listlt .mane .infos span {
  font-size: 12px;
  color: #999;
  line-height: 14px;
  margin-right: 15px
}

.searchbotm .doctl .doc-list li .listlt .mane .infos span em {
  vertical-align: -1px;
  margin-right: 5px
}

.searchbotm .doctl .doc-list li .listlt .mane .infos span em.icon-alreadystar {
  color: #eea242
}

.searchbotm .doctl .doc-list li .listlt .stars {
  text-align: center;
  width: 140px
}

.searchbotm .doctl .doc-list li .listlt .stars .free {
  background: #f57a41;
  font-size: 13px;
  color: #fff;
  width: 50%;
  margin: auto;
  border-radius: 8px;
  line-height: 28px
}

.searchbotm .doctl .doc-list li .listlt .stars .starss {
  margin: 8px 10px 5px
}

.searchbotm .doctl .doc-list li .listlt .stars .starss i {
  font-size: 15px;
  color: #eea242;
  margin-right: 5px
}

.searchbotm .doctl .doc-list li .listlt .stars .fdec,
.searchbotm .doctl .doc-list li .listlt .stars .fdec span {
  font-size: 12px;
  color: #999
}

.searchbotm .doctl .doc-list li .listlt .stars .fdec span {
  margin: 0 3px
}

.searchbotm .doctl .doc-list li .listlt a.flexstart:hover .doc-title {
  text-decoration: underline;
  color: #ff5344
}

[data-theme="white"] .searchbotm .doctl .doc-list li .listlt a.flexstart:hover .doc-title {
  color: red
}

[data-theme="black"] .searchbotm .doctl .doc-list li .listlt a.flexstart:hover .doc-title {
  color: #0D2685
}

[data-theme="blue"] .searchbotm .doctl .doc-list li .listlt a.flexstart:hover .doc-title {
  color: #ff5344
}

[data-theme="red"] .searchbotm .doctl .doc-list li .listlt a.flexstart:hover .doc-title {
  color: #e63a3a
}

[data-theme="green"] .searchbotm .doctl .doc-list li .listlt a.flexstart:hover .doc-title {
  color: #1ca472
}

.searchbotm .doctl .doc-list li a.fav {
  width: 26px;
  height: 26px
}

.searchbotm .doctl .doc-list li a.fav .iconfont {
  display: block;
  border: 1px solid #e4e5e5;
  background: #f6f6f6;
  width: 24px;
  height: 24px;
  font-size: 15px;
  color: #d2d1d1;
  display: block;
  text-align: center;
  border-radius: 5px;
  line-height: 24px
}

.searchbotm .doctl .doc-list li a.fav .iconfont.active,
.searchbotm .doctl .doc-list li a.fav .iconfont:hover {
  color: #eea242
}

.newsindex .w890 {
  width: 890px
}

.newsindex .w355 {
  width: 355px
}

.newsindex .lef .banner {
  width: 890px;
  height: 380px;
  border-radius: 8px;
  overflow: hidden
}

.newsindex .lef .banner .bannerlist1 {
  width: 100%;
  height: 380px
}

.newsindex .lef .banner .bannerlist1 .swiper-slide {
  text-align: center;
  position: relative
}

.newsindex .lef .banner .bannerlist1 .swiper-slide .desp {
  font-size: 15px;
  color: #fff;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 35px;
  left: 0
}

.newsindex .lef .banner .bannerlist1 .swiper-pagination-bullets {
  bottom: 10px
}

.newsindex .lef .banner .bannerlist1 .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 26px;
  height: 6px;
  border-radius: 45px
}

.newsindex .lef .banner .bannerlist1 .swiper-button-next,
.newsindex .lef .banner .bannerlist1 .swiper-button-prev {
  width: 36px;
  height: 36px;
  opacity: 0;
  border-radius: 50%;
  background-size: 60% 60%;
  background-color: rgba(0, 0, 0, 0.2)
}

.newsindex .lef .banner .bannerlist1:hover .swiper-button-next,
.newsindex .lef .banner .bannerlist1:hover .swiper-button-prev {
  opacity: 1
}

.newsindex .lef .banner2 {
  width: 890px;
  height: auto;
  border-radius: 8px;
  margin-top: 15px;
  overflow: hidden;
  position: relative
}

.newsindex .lef .banner2 .w830 {
  width: 830px;
  margin: 17px auto;
  overflow: hidden
}

.newsindex .lef .banner2 .bannerlist2 .swiper-slide {
  text-align: center;
  position: relative;
  width: 186px;
  border-radius: 8px;
  overflow: hidden
}

.newsindex .lef .banner2 .bannerlist2 .swiper-slide .desp {
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: 85%;
  bottom: 5px;
  left: 19px
}

.newsindex .lef .banner2 .bannerlist2 .swiper-pagination-bullets {
  bottom: 10px
}

.newsindex .lef .banner2 .bannerlist2 .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 26px;
  height: 6px;
  border-radius: 45px
}

.newsindex .lef .banner2 .bannerlist2 .swiper-button-next,
.newsindex .lef .banner2 .bannerlist2 .swiper-button-prev {
  width: 30px;
  height: 55px;
  opacity: 1;
  top: 48%;
  border-radius: 8px;
  background-size: 50% 50%;
  background-color: rgba(0, 0, 0, 0.5)
}

.newsindex .lef .banner2 .bannerlist2 .swiper-button-next {
  right: 15px
}

.newsindex .lef .banner2 .bannerlist2 .swiper-button-prev {
  left: 15px
}

.newsindex .lef .listp {
  margin-top: 15px
}

.newsindex .lef .listp .doc {
  padding: 0 15px 19px;
  margin: 0 0 15px 0;
  background: #fff
}

.newsindex .lef .listp .doc .listtop {
  position: relative
}

.newsindex .lef .listp .doc .listtop ul.sort {
  padding: 19px 0 0 0;
  border-bottom: 1px solid #eee
}

.newsindex .lef .listp .doc .listtop ul.sort a {
  display: inline-block;
  padding: 0 0 19px 0;
  margin: 0 32px 0 0;
  line-height: 25px;
  text-align: center;
  font-size: 15px;
  color: #666
}

.newsindex .lef .listp .doc .listtop ul.sort a:hover,
.newsindex .lef .listp .doc .listtop ul.sort a.active {
  color: #333;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  border: 1px solid #ff5344
}

[data-theme="white"] .newsindex .lef .listp .doc .listtop ul.sort a:hover,
[data-theme="white"] .newsindex .lef .listp .doc .listtop ul.sort a.active {
  border-bottom: 2px solid #0d2686
}

[data-theme="black"] .newsindex .lef .listp .doc .listtop ul.sort a:hover,
[data-theme="black"] .newsindex .lef .listp .doc .listtop ul.sort a.active {
  border-bottom: 2px solid #ddd
}

[data-theme="blue"] .newsindex .lef .listp .doc .listtop ul.sort a:hover,
[data-theme="blue"] .newsindex .lef .listp .doc .listtop ul.sort a.active {
  border-bottom: 2px solid #ff5344
}

[data-theme="red"] .newsindex .lef .listp .doc .listtop ul.sort a:hover,
[data-theme="red"] .newsindex .lef .listp .doc .listtop ul.sort a.active {
  border-bottom: 2px solid #e63a3a
}

[data-theme="green"] .newsindex .lef .listp .doc .listtop ul.sort a:hover,
[data-theme="green"] .newsindex .lef .listp .doc .listtop ul.sort a.active {
  border-bottom: 2px solid #1ca472
}

.newsindex .lef .listp .doc .listtop ul.sort a:hover {
  font-weight: normal
}

.newsindex .lef .listp .doc .listtop ul.sort a:hover.active {
  font-weight: bold
}

.newsindex .lef .listp .doc .listtop .downs {
  width: 46px;
  height: 46px;
  position: absolute;
  top: 20px;
  right: 0;
  text-align: right
}

.newsindex .lef .listp .doc .listtop .downs i {
  font-size: 25px;
  color: #a9a9a9;
  line-height: 25px
}

.newsindex .lef .listp .doc .listtop .downs .down_sub {
  width: 820px;
  height: auto;
  position: absolute;
  top: 45px;
  left: -815px;
  background: #fff;
  z-index: 8;
  border: 1px solid #eee;
  border-radius: 8px;
  animation-name: DropDownSlide;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  padding: 20px;
  display: none
}

.newsindex .lef .listp .doc .listtop .downs .down_sub .flexstart {
  flex-wrap: wrap
}

.newsindex .lef .listp .doc .listtop .downs .down_sub a {
  margin: 0 15px 0px 0;
  line-height: 35px
}

.newsindex .lef .listp .doc .listtop .downs:hover .down_sub {
  display: block
}

.newsindex .lef .listp .doc .listtop .downs:hover i.iconfont {
  color: #ff5344
}

[data-theme="white"] .newsindex .lef .listp .doc .listtop .downs:hover i.iconfont {
  color: red
}

[data-theme="black"] .newsindex .lef .listp .doc .listtop .downs:hover i.iconfont {
  color: #0D2685
}

[data-theme="blue"] .newsindex .lef .listp .doc .listtop .downs:hover i.iconfont {
  color: #ff5344
}

[data-theme="red"] .newsindex .lef .listp .doc .listtop .downs:hover i.iconfont {
  color: #e63a3a
}

[data-theme="green"] .newsindex .lef .listp .doc .listtop .downs:hover i.iconfont {
  color: #1ca472
}

.newsindex .lef .listp .doc .listtop .downs:hover i.iconfont:before {
  content: "\ea78"
}

.newsindex .lef .listp .doc .doc-list li {
  padding: 20px 0;
  overflow: hidden;
  border-bottom: 1px dashed #eee;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.newsindex .lef .listp .doc .doc-list li .listlt {
  width: 860px
}

.newsindex .lef .listp .doc .doc-list li .listlt .front {
  width: 135px;
  height: 100px;
  position: relative
}

.newsindex .lef .listp .doc .doc-list li .listlt .front.cover {
  display: block;
  overflow: hidden;
  width: 135px;
  height: 100px;
  border-radius: 8px
}

.newsindex .lef .listp .doc .doc-list li .listlt .front img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px
}

.newsindex .lef .listp .doc .doc-list li .listlt .front .doc1 {
  position: absolute;
  bottom: 5px;
  right: 0;
  z-index: 9;
  font-size: 18px !important;
  display: block;
  line-height: 18px
}

.newsindex .lef .listp .doc .doc-list li .listlt .mane {
  width: 710px
}

.newsindex .lef .listp .doc .doc-list li .listlt .mane .intros {
  margin-bottom: 20px;
  margin: 0 0 10px 0;
  display: -webkit-box;
  overflow: hidden;
  height: 45px;
  line-height: 22px;
  font-size: 12px;
  color: #666;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.newsindex .lef .listp .doc .doc-list li .listlt .mane .doc-title {
  display: block;
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #333;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.newsindex .lef .listp .doc .doc-list li .listlt .mane .infos span {
  font-size: 12px;
  color: #999;
  line-height: 14px;
  margin-right: 15px
}

.newsindex .lef .listp .doc .doc-list li .listlt .mane .infos span em {
  vertical-align: -1px;
  margin-right: 5px
}

.newsindex .lef .listp .doc .doc-list li .listlt a:hover .doc-title {
  text-decoration: underline;
  color: #ff5344
}

[data-theme="white"] .newsindex .lef .listp .doc .doc-list li .listlt a:hover .doc-title {
  color: red
}

[data-theme="black"] .newsindex .lef .listp .doc .doc-list li .listlt a:hover .doc-title {
  color: #0D2685
}

[data-theme="blue"] .newsindex .lef .listp .doc .doc-list li .listlt a:hover .doc-title {
  color: #ff5344
}

[data-theme="red"] .newsindex .lef .listp .doc .doc-list li .listlt a:hover .doc-title {
  color: #e63a3a
}

[data-theme="green"] .newsindex .lef .listp .doc .doc-list li .listlt a:hover .doc-title {
  color: #1ca472
}

.newsindex .lef .listp .doc .doc-list li a.fav {
  width: 26px;
  height: 26px
}

.newsindex .lef .listp .doc .doc-list li a.fav .iconfont {
  display: block;
  border: 1px solid #e4e5e5;
  background: #f6f6f6;
  width: 24px;
  height: 24px;
  font-size: 15px;
  color: #d2d1d1;
  display: block;
  text-align: center;
  border-radius: 5px;
  line-height: 24px
}

.newsindex .lef .listp .doc .doc-list li a.fav .iconfont.active,
.newsindex .lef .listp .doc .doc-list li a.fav .iconfont:hover {
  color: #eea242
}

.newsindex .lef .listp .doc .doc-list .loadmore {
  display: block;
  cursor: pointer;
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  overflow: hidden;
  margin: 0px auto;
  border: 1px solid #ddd;
  color: #999;
  font-size: 13px;
  border-radius: 8px;
  margin-top: 45px;
  margin-bottom: 25px
}

.newsindex .lef .listp .doc .doc-list .loadmore:hover {
  border: 1px solid #ff5344;
  color: #ff5344
}

[data-theme="white"] .newsindex .lef .listp .doc .doc-list .loadmore:hover {
  border: 1px solid #0d2686
}

[data-theme="black"] .newsindex .lef .listp .doc .doc-list .loadmore:hover {
  border: 1px solid #ddd
}

[data-theme="blue"] .newsindex .lef .listp .doc .doc-list .loadmore:hover {
  border: 1px solid #ff5344
}

[data-theme="red"] .newsindex .lef .listp .doc .doc-list .loadmore:hover {
  border: 1px solid #e63a3a
}

[data-theme="green"] .newsindex .lef .listp .doc .doc-list .loadmore:hover {
  border: 1px solid #1ca472
}

[data-theme="white"] .newsindex .lef .listp .doc .doc-list .loadmore:hover {
  color: red
}

[data-theme="black"] .newsindex .lef .listp .doc .doc-list .loadmore:hover {
  color: #0D2685
}

[data-theme="blue"] .newsindex .lef .listp .doc .doc-list .loadmore:hover {
  color: #ff5344
}

[data-theme="red"] .newsindex .lef .listp .doc .doc-list .loadmore:hover {
  color: #e63a3a
}

[data-theme="green"] .newsindex .lef .listp .doc .doc-list .loadmore:hover {
  color: #1ca472
}

.newsindex .lef .listp .doc .doc-list .loadmore img {
  width: 20px;
  height: 20px;
  margin-top: 10px;
  margin-right: 6px
}

.newsindex .lef .listp .doc .doc-list .loadmore i {
  font-size: 12px !important
}

.newsindex .lef .listp .doc .doc-list .loadmore i:first-child {
  margin-left: 3px
}

.newsindex .lef .listp.lists {
  margin-top: 0px
}

.newsindex .lef .listp.lists .sort li {
  position: relative;
  float: left
}

.newsindex .lef .listp.lists .sort li .down_sub {
  width: 820px;
  height: auto;
  position: absolute;
  top: 47px;
  left: 0px;
  background: #fff;
  z-index: 8;
  border: 1px solid #eee;
  border-radius: 8px;
  animation-name: DropDownSlide;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  padding: 20px;
  display: none
}

.newsindex .lef .listp.lists .sort li .down_sub .flexstart {
  flex-wrap: wrap
}

.newsindex .lef .listp.lists .sort li .down_sub a {
  font-size: 13px;
  margin: 0 15px 0px 0;
  line-height: 35px;
  text-decoration: none
}

.newsindex .lef .listp.lists .sort li .down_sub a:hover {
  font-size: 13px;
  border-bottom: none;
  color: #ff5344
}

[data-theme="white"] .newsindex .lef .listp.lists .sort li .down_sub a:hover {
  color: red
}

[data-theme="black"] .newsindex .lef .listp.lists .sort li .down_sub a:hover {
  color: #0D2685
}

[data-theme="blue"] .newsindex .lef .listp.lists .sort li .down_sub a:hover {
  color: #ff5344
}

[data-theme="red"] .newsindex .lef .listp.lists .sort li .down_sub a:hover {
  color: #e63a3a
}

[data-theme="green"] .newsindex .lef .listp.lists .sort li .down_sub a:hover {
  color: #1ca472
}

.newsindex .lef .listp.lists .sort li a i.iconfont {
  font-size: 12px;
  color: #666;
  margin-left: 5px
}

.newsindex .lef .listp.lists .sort li:hover .down_sub {
  display: block
}

.newsindex .lef .listp.lists .sort li:hover i.iconfont {
  color: #333
}

.newsindex .lef .listp.lists .sort li:hover i.iconfont:before {
  content: "\e7c9"
}

.newsindex .ref .p20 {
  padding: 0 15px
}

.newsindex .ref .hd1 {
  padding: 11px 0 10px
}

.newsindex .ref .rank_box {
  padding-bottom: 15px
}

.newsindex .ref .rank_box ul li {
  padding: 7px 0
}

.newsindex .ref .rank_box ul li p {
  max-width: 300px
}

.newsindex .ref .w24 {
  margin-top: 15px
}

.newsindex .ref .refad {
  margin-top: 15px
}

.notice {
  margin-top: -25px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  height: 50px;
  z-index: 22;
  line-height: 50px
}

.notice.mt25 {
  margin-top: -25px
}

.notice .lab {
  margin: 0 15px;
  width: 18px
}

.notice .lab .icon-affiche {
  font-size: 21px;
  color: #ff5344
}

[data-theme="white"] .notice .lab .icon-affiche {
  color: red
}

[data-theme="black"] .notice .lab .icon-affiche {
  color: #0D2685
}

[data-theme="blue"] .notice .lab .icon-affiche {
  color: #ff5344
}

[data-theme="red"] .notice .lab .icon-affiche {
  color: #e63a3a
}

[data-theme="green"] .notice .lab .icon-affiche {
  color: #1ca472
}

.notice .swiper-wrapper {
  width: 800px;
  height: 50px
}

.notice .swiper-wrapper .list li {
  width: 100%;
  height: 48px;
  overflow: hidden
}

.notice .swiper-wrapper .list li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: 48px;
  line-height: 48px;
  overflow: hidden
}

.notice .swiper-wrapper .list li a strong {
  padding: 0 20px 0 0;
  max-width: 420px;
  height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  font-size: 14px;
  color: #666
}

.notice .swiper-wrapper .list li a span {
  padding: 0 20px;
  font-size: 12px;
  color: #999
}

.notice .more {
  margin-right: 8px
}

.notice .more b {
  font-size: 13px;
  color: #f21a24;
  padding: 0 6px
}

.notice .more i {
  font-size: 10px;
  color: #fff;
  background-color: #ff5344;
  border-radius: 3px;
  padding: 0 2px;
  width: 14px;
  height: 14px;
  margin-right: 3px
}

[data-theme="white"] .notice .more i {
  background-color: red
}

[data-theme="black"] .notice .more i {
  background-color: #0D2685
}

[data-theme="blue"] .notice .more i {
  background-color: #ff5344
}

[data-theme="red"] .notice .more i {
  background-color: #e63a3a
}

[data-theme="green"] .notice .more i {
  background-color: #1ca472
}

.lanlist .lanlist-mian {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px 20px
}

.lanlist .lanlist-mian .lanlist-item {
  width: 295px;
  margin-right: 35px
}

.lanlist .lanlist-mian .lanlist-item:last-child {
  border-right: 0
}

.lanlist .lanlist-mian .lanlist-item h1 a {
  font-size: 14px;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  font-weight: bold
}

.lanlist .lanlist-mian .lanlist-item h1 a i {
  margin-right: 8px;
  vertical-align: -2px;
  font-weight: normal;
  font-size: 18px
}

.lanlist .lanlist-mian .lanlist-item h1 .font1 {
  color: #ff5344
}

.lanlist .lanlist-mian .lanlist-item h1 .font2 {
  color: #e67f18
}

.lanlist .lanlist-mian .lanlist-item h1 .font3 {
  color: #349982
}

.lanlist .lanlist-mian .lanlist-item h1 .font4 {
  color: #dc3e3e
}

.lanlist .lanlist-mian .lanlist-item .lanlist-childs {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 285px;
  border-right: 1px solid rgba(238, 238, 238, 0.9)
}

.lanlist .lanlist-mian .lanlist-item .lanlist-childs a {
  width: 95px;
  line-height: 32px;
  font-size: 13px
}

.lanlist .lanlist-mian .lanlist-item .lanlist-childs a i {
  width: 14px;
  height: 14px;
  font-size: 10px;
  color: #fff;
  border-radius: 3px;
  padding: 0 2px;
  margin-left: 5px
}

.lanlist .lanlist-mian .lanlist-item .lanlist-childs a i.new {
  background: #ff8a00
}

.lanlist .lanlist-mian .lanlist-item .lanlist-childs a i.hot {
  background: #ff5454
}

.lanlist .lanlist-mian .lanlist-item .lanlist-childs a .icon-right-line {
  color: inherit;
  font-size: inherit
}

.maincon1 .sift .list li {
  margin-right: 15px;
  width: 170px
}

.maincon1 .sift .list li:nth-child(5n) {
  margin-right: 0
}

.maincon1 .sift .list li a .cover {
  display: block;
  width: 170px;
  height: 202px;
  border-radius: 8px;
  border: 1px solid #eee;
  overflow: hidden;
  position: relative
}

.maincon1 .sift .list li a .cover .viponly {
  position: absolute;
  top: 5px;
  left: 5px
}

.maincon1 .sift .list li a .cover .pic {
  width: 171px;
  height: 202px
}

.maincon1 .sift .list li a .cover .doc1 {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 20px !important
}

.maincon1 .sift .list li a .title {
  display: block;
  font-size: 14px;
  color: #666;
  width: 96%;
  height: 50px;
  margin: 0 auto;
  line-height: 25px;
  padding: 0 3px;
  margin: 6px 0 0 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  -webkit-line-clamp: 2
}

.maincon1 .sift .list li a .itemdate {
  font-size: 12px;
  color: #999;
  padding: 0 3px
}

.maincon1 .sift .list li a .itemdate i {
  vertical-align: 0px;
  margin-right: 2px;
  font-size: 13px
}

.maincon1 .auth .login {
  padding: 15px 0 10px;
  height: 50px;
  line-height: 50px;
  overflow: hidden
}

.maincon1 .auth .login .avatar {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #fff3d5;
  overflow: hidden;
  margin-right: 15px
}

.maincon1 .auth .login .avatar img {
  width: 45px;
  height: 45px;
  border-radius: 50%
}

.maincon1 .auth .login .avatar .icon-wode {
  font-size: 24px;
  color: #f0c77f
}

.maincon1 .auth .login h3 {
  color: #75532e
}

.maincon1 .auth .uservip {
  padding: 0 20px
}

.maincon1 .auth .uservip .list1 {
  width: 26%;
  text-align: center
}

.maincon1 .auth .uservip .list1 .num {
  font-size: 14px;
  color: #000;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  font-weight: bold
}

.maincon1 .auth .uservip .list1 .dec {
  font-size: 12px;
  color: #999;
  line-height: 24px
}

.maincon1 .auth .enjoy {
  background: #fff3d5;
  border-radius: 8px;
  padding: 15px 20px 5px;
  margin: 10px 0px 0px 0px
}

.maincon1 .auth .enjoy ul {
  flex-wrap: wrap
}

.maincon1 .auth .enjoy ul li {
  width: 50%;
  height: 26px;
  line-height: 26px;
  padding: 3px 0;
  font-size: 12px
}

.maincon1 .auth .enjoy ul li i {
  color: #cba864;
  vertical-align: middle
}

.maincon1 .auth .enjoy ul li span {
  color: #333;
  padding: 0 0 0 0px
}

.maincon1 .auth .enjoy .btns {
  padding: 6px 0 4px;
  text-align: center
}

.maincon1 .auth .enjoy .btns .btn {
  width: 100%;
  height: 35px;
  line-height: 35px;
  border: 0;
  display: block;
  border-radius: 8px;
  background: #eec072;
  font-size: 16px;
  color: #fff;
  text-align: center
}

.maincon1 .auth .enjoy .otherlogin {
  margin-top: 6px
}

.maincon1 .auth .enjoy .otherlogin a {
  width: 40%;
  color: #999;
  font-size: 13px
}

.maincon1 .auth .enjoy .otherlogin a .iconfont {
  margin-right: 3px
}

.maincon1 .auth .enjoy .otherlogin a span {
  padding: 0 0
}

.maincon1 .auth .enjoy .otherlogin a .icon-weixin11 {
  font-size: 24px;
  color: #b9b5b5;
  vertical-align: -5px
}

.maincon1 .auth .enjoy .otherlogin a .icon-qq21 {
  vertical-align: -3px;
  margin-right: 0;
  font-size: 22px;
  color: #b9b5b5
}

.maincon1 .auth .enjoy .otherlogin a i.weixin {
  color: #8d8888
}

.maincon1 .auth .enjoy .otherlogin a i.qq {
  color: #8d8888
}

.maincon1 .auth .enjoy .otherlogin a:hover .icon-weixin11,
.maincon1 .auth .enjoy .otherlogin a:hover i.weixin {
  color: #168e05
}

.maincon1 .auth .enjoy .otherlogin a:hover .icon-qq21,
.maincon1 .auth .enjoy .otherlogin a:hover i.qq {
  color: #1689bf
}

.maincon1 .auth .guarantee {
  margin-top: 15px
}

.maincon1 .auth .guarantee .hd1 {
  margin: 0 20px
}

.maincon1 .auth .guarantee .userbox {
  width: 90%;
  height: 267px;
  overflow: hidden;
  margin: auto
}

.maincon1 .auth .guarantee .userbox .userlist li {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  height: 78px;
  border-bottom: 1px dashed #e6e4e4;
  margin-bottom: 13px
}

.maincon1 .auth .guarantee .userbox .userlist li .loglistl {
  margin-right: 8px
}

.maincon1 .auth .guarantee .userbox .userlist li .loglistl img {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #f1f1f1;
  vertical-align: middle
}

.maincon1 .auth .guarantee .userbox .userlist li .loglistr {
  width: 220px
}

.maincon1 .auth .guarantee .userbox .userlist li .loglistr .tit {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.maincon1 .auth .guarantee .userbox .userlist li .loglistr .tit .auther {
  font-size: 14px
}

.maincon1 .auth .guarantee .userbox .userlist li .loglistr .tit .time {
  font-size: 12px;
  color: #999
}

.maincon1 .auth .guarantee .userbox .userlist li .loglistr .content {
  color: #999;
  height: 50px;
  line-height: 25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  -webkit-line-clamp: 2
}

.home-tui .category {
  height: 567px
}

.rank_wrapl .rank_box {
  width: 462px
}

.rank_wrapl .rank_box:first-child {
  margin-right: 25px
}

.rank_wrapl .rank_box .boderr {
  border-right: 1px solid rgba(238, 238, 238, 0.9)
}

.rank_wrapl .rank_box .home_labels {
  margin-left: 15px
}

.rank_box ul {
  margin-top: -6px
}

.rank_box ul li {
  padding: 4px 0
}

.rank_box ul li .list_txt p {
  font-size: 13px
}

.rank_box ul li .num {
  display: inline-block;
  width: 17px;
  height: 17px;
  text-align: center;
  line-height: 17px;
  font-size: 12px;
  color: #fff;
  background: #e0e0e0;
  border-radius: 4px;
  margin: 2px 2px 0 0
}

.rank_box ul li .num.num1 {
  background: #ea9393
}

.rank_box ul li .num.num2 {
  background: #f5b988
}

.rank_box ul li .num.num3 {
  background: #f5d588
}

.rank_box ul li p {
  max-width: 370px;
  height: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.rank_box ul li i {
  margin: 2px 0px 0 5px;
  font-size: 18px !important;
  margin-left: 5px
}

.rank_box ul li:first-child .list_pic {
  display: flex
}

.rank_box ul li .lineH18 p {
  height: auto;
  line-height: 19px;
  color: #999
}

.rank_box ul li .file_pic {
  border: 1px solid #DADDDF;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  cursor: pointer
}

.rank_box ul li .file_pic,
.rank_box ul li .file_pic img {
  width: 160px;
  height: 90px
}

.rank_box ul li .file_pic .img {
  z-index: 10
}

.rank_box ul li .file_pic .maskbg {
  width: 94%;
  height: 45px;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 5px 5px 5px;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.15) 55%, rgba(0, 0, 0, 0.4) 99%);
  border-radius: 0 0 4px 4px;
  line-height: 16px;
  font-size: 12px;
  color: #fff;
  z-index: 40
}

.rank_box ul li .file_pic .maskbg .txt {
  font-size: 12px;
  color: #fff;
  height: 24px;
  line-height: 32px
}

.rank_box ul li .file_pic .maskbg .txt span {
  color: #fd5862
}

.rank_wrapr .rank_box {
  padding: 0 20px
}

.rank_wrapr .rank_box .profit-wrap {
  width: 100%
}

.rank_wrapr .rank_box .profit-content {
  width: 100%;
  position: relative;
  padding: 12px 0;
  border-bottom: 1px dashed #e6e4e4
}

.rank_wrapr .rank_box .profit-content:last-child {
  border-bottom: none
}

.rank_wrapr .rank_box .profit-pic {
  width: 22px;
  height: 31px;
  position: absolute;
  left: -5px;
  top: -3px;
  z-index: 20
}

.rank_wrapr .rank_box .profit-photo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #eee
}

.rank_wrapr .rank_box .profit-text {
  position: relative;
  z-index: 10
}

.rank_wrapr .rank_box .profit-text a {
  width: 100%
}

.rank_wrapr .rank_box .profit-text a .name1 {
  margin-left: 8px;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box
}

.rank_wrapr .rank_box .profit-text a .profitl {
  width: 160px
}

.rank_wrapr .rank_box .profit-text a .desc {
  color: #999
}

.rank_wrapr .rank_box .profit-text a .desc span {
  display: block
}

.rank_wrapr .rank_box .profit-num {
  width: 19px;
  height: 19px;
  position: absolute;
  left: -5px;
  top: -3px;
  z-index: 20;
  line-height: 18px;
  text-align: center;
  background: #e0e0e0;
  border-radius: 50%;
  border: 1px solid #fff
}

.home-topic .hbox {
  width: 230px;
  height: 243px;
  border: 1px solid #e4e5e5;
  border-radius: 8px;
  margin-right: 15px;
  overflow: hidden;
  margin-bottom: 20px
}

.home-topic .hbox:nth-child(5n) {
  margin-right: 0
}

.home-topic .hbox .fontC05 {
  font-size: 12px;
  color: #999
}

.home-topic .hbox a {
  position: relative
}

.home-topic .hbox a .pics {
  overflow: hidden
}

.home-topic .hbox a .pics,
.home-topic .hbox a img {
  width: 230px;
  height: 155px
}

.home-topic .hbox .htitle {
  font-size: 14px;
  color: #333;
  margin: 10px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.home-topic .hbox .collect-nor {
  border: 1px solid #e4e5e5;
  font-size: 12px;
  color: #7a7878;
  background: #f6f6f6
}

.home-topic .hbox .collect-nor .cang span:before {
  vertical-align: 1px;
  margin-right: 5px;
  font-size: 14px;
  color: #d2d1d1
}

.home-topic .hbox .collect-nor.on {
  color: #eea242;
  border: 1px solid #eea242
}

.home-topic .hbox .collect-nor.on span:before {
  color: #eea242
}

.home-topic .hbox .collect-nor:hover {
  border: 1px solid #eea242;
  color: #eea242
}

.home-topic .hbox .collect-nor:hover .on:before,
.home-topic .hbox .collect-nor:hover span:before {
  color: #eea242
}

.home-topic .hbox .collect-nor,
.home-topic .hbox .collect-sel {
  width: 68px;
  height: 24px;
  border-radius: 8px;
  cursor: pointer
}

.followbtn {
  width: 68px;
  height: 30px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #e4e5e5
}

.followbtn .iconfont {
  color: #ff5344
}

[data-theme="white"] .followbtn .iconfont {
  color: red
}

[data-theme="black"] .followbtn .iconfont {
  color: #0D2685
}

[data-theme="blue"] .followbtn .iconfont {
  color: #ff5344
}

[data-theme="red"] .followbtn .iconfont {
  color: #e63a3a
}

[data-theme="green"] .followbtn .iconfont {
  color: #1ca472
}

.followbtn:hover {
  background-color: #ff5344;
  border: 1px solid #ff5344
}

[data-theme="white"] .followbtn:hover {
  background-color: red
}

[data-theme="black"] .followbtn:hover {
  background-color: #0D2685
}

[data-theme="blue"] .followbtn:hover {
  background-color: #ff5344
}

[data-theme="red"] .followbtn:hover {
  background-color: #e63a3a
}

[data-theme="green"] .followbtn:hover {
  background-color: #1ca472
}

[data-theme="white"] .followbtn:hover {
  border: 1px solid #0d2686
}

[data-theme="black"] .followbtn:hover {
  border: 1px solid #ddd
}

[data-theme="blue"] .followbtn:hover {
  border: 1px solid #ff5344
}

[data-theme="red"] .followbtn:hover {
  border: 1px solid #e63a3a
}

[data-theme="green"] .followbtn:hover {
  border: 1px solid #1ca472
}

.followbtn:hover,
.followbtn:hover .iconfont {
  color: #fff
}

.followbtn.on {
  background-color: #ff5344;
  border: 1px solid #ff5344;
  color: #fff
}

[data-theme="white"] .followbtn.on {
  background-color: red
}

[data-theme="black"] .followbtn.on {
  background-color: #0D2685
}

[data-theme="blue"] .followbtn.on {
  background-color: #ff5344
}

[data-theme="red"] .followbtn.on {
  background-color: #e63a3a
}

[data-theme="green"] .followbtn.on {
  background-color: #1ca472
}

[data-theme="white"] .followbtn.on {
  border: 1px solid #0d2686
}

[data-theme="black"] .followbtn.on {
  border: 1px solid #ddd
}

[data-theme="blue"] .followbtn.on {
  border: 1px solid #ff5344
}

[data-theme="red"] .followbtn.on {
  border: 1px solid #e63a3a
}

[data-theme="green"] .followbtn.on {
  border: 1px solid #1ca472
}

.followbtn.on .iconfont:before {
  content: ""
}

.follow_no {
  background: #fff;
  border: 1px solid #ddd
}

.home_author_list {
  width: 31%;
  margin-bottom: 30px;
  margin-right: 30px
}

.home_author_list:nth-child(3n) {
  margin-right: 0
}

.home_author_list .author_photo {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #eee;
  flex-shrink: 0
}

.home_author_list .author_name {
  width: 100%
}

.home_author_list .author_desc p span {
  font-size: 12px;
  color: #999;
  margin-right: 8px
}

.imgs-photo {
  width: 20px;
  height: 20px;
  border-radius: 50%
}

.report_newslist .file_pic .maskbg {
  width: 150px
}

.file_pic {
  border-bottom: 1px solid #e4e5e5;
  position: relative;
  overflow: hidden;
  cursor: pointer
}

.file_pic .img {
  z-index: 10
}

.file_pic .img2 {
  width: 220px;
  height: 153px
}

.file_pic .maskbg {
  width: 212px;
  height: 45px;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 5px 5px 5px;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.15) 55%, rgba(0, 0, 0, 0.4) 99%);
  border-radius: 0 0 4px 4px;
  color: #fff;
  z-index: 40
}

.lef_ad {
  display: block
}

.lef_ad img {
  width: 100%;
  height: 111px;
  border-radius: 8px;
  margin-top: 8px
}

.report_piclist {
  margin-top: 6px
}

.report_piclist .imglist {
  border-radius: 8px;
  overflow: hidden;
  width: 215px;
  height: 260px;
  margin: 0px 15px 20px 0;
  border: 1px solid #e4e5e5
}

.report_piclist .imglist .file_pic,
.report_piclist .imglist .file_pic .img {
  width: 215px;
  height: 153px
}

.report_piclist .imglist .file_pic .maskbg {
  width: 215px
}

.report_piclist .imglist:nth-child(4n) {
  margin-right: 0
}

.report_piclist .imglist .file_labels {
  margin: 5px 10px
}

.report_piclist .imglist .file_labels a {
  margin-right: 8px;
  font-size: 12px;
  color: #999
}

.report_piclist .imglist .file_share {
  margin: 5px 10px;
  font-size: 12px;
  color: #666
}

.report_piclist .imglist .file_share .numb {
  margin-left: 5px;
  font-size: 12px;
  color: #ff2e2e
}

.report_piclist .imglist .file_share .share {
  width: 22px;
  height: 22px;
  border: 1px solid #eee;
  background: #f6f6f6;
  border-radius: 4px;
  line-height: 22px;
  text-align: center
}

.report_piclist .imglist .file_share .share i {
  font-size: 12px;
  color: #d2d1d1
}

.report_piclist .imglist .file_share a.share:hover i,
.report_piclist .imglist .file_share a.share1:hover i,
.report_piclist .imglist .file_share .share.on i {
  font-size: 12px;
  color: #d2d1d1
}

.report_piclist .imglist .file_share a.share:hover i.icon-jiajianzujianjiahao,
.report_piclist .imglist .file_share a.share1:hover i.icon-jiajianzujianjiahao,
.report_piclist .imglist .file_share .share.on i.icon-jiajianzujianjiahao {
  color: #ff5344
}

.report_piclist .imglist .file_share a.share:hover i.icon-fenxiang3,
.report_piclist .imglist .file_share a.share1:hover i.icon-fenxiang3,
.report_piclist .imglist .file_share .share.on i.icon-fenxiang3 {
  color: #42ae82
}

.report_piclist .imglist .file_share a.share:hover i.icon-alreadystar,
.report_piclist .imglist .file_share a.share1:hover i.icon-alreadystar,
.report_piclist .imglist .file_share .share.on i.icon-alreadystar {
  color: #efa042
}

.report_piclist .imglist .file_txt {
  padding: 5px 10px 0
}

.report_piclist .imglist .file_txt a {
  height: 30px;
  line-height: 33px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  -webkit-line-clamp: 1;
  font-size: 14px;
  color: #333
}

.kelistr {
  padding-bottom: 20px
}

.kelistr .rank_box ul li p {
  max-width: 150px
}

.wenlist li {
  padding: 14px 0 !important;
  border-bottom: 1px dashed #e6e4e4
}

.wenlist li:last-child {
  border-bottom: none
}

.wenlist .wenimg {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 8px;
  border: 1px solid #eee
}

.wenlist .titp {
  font-size: 14px
}

.wenlist .tittag {
  margin-top: 3px;
  font-size: 12px;
  color: #999
}

.wenlist .tittag span {
  margin-right: 8px
}

.wenlist .tittag span b {
  color: #666
}

.titm {
  margin-top: -8px;
  margin-bottom: 5px
}

.titm li {
  padding: 22px 0 !important
}

.tito {
  align-items: flex-end
}

.tito .wenimg {
  width: 45px;
  height: 45px
}

.tito .thread-count span {
  font-size: 12px;
  color: #999;
  margin-right: 12px
}

.tito .thread-count span:last-child {
  margin-right: 0
}

.tito .thread-count span i {
  margin-right: 3px
}

.tito .thread-count span i:before {
  font-size: 16px;
  color: #d2d1d1
}

.maincon1.news .fr .title,
.maincon1.news .fr .hotlist {
  margin: 0 20px
}

.maincon1.news .list {
  padding: 0
}

.maincon1.news .list li {
  width: 217px;
  height: 271px
}

.maincon1.news .list li:nth-child(5n) {
  margin-right: 15px
}

.maincon1.news .list li:nth-child(4n) {
  margin-right: 0
}

.maincon1.news .list li a {
  display: inline-block;
  border-radius: 8px;
  border: 1px solid #eee
}

.maincon1.news .list li a .cover {
  border: none
}

.maincon1.news .list li a .cover,
.maincon1.news .list li a .cover .pic {
  width: 217px;
  height: 168px;
  border-radius: 8px 8px 0 0
}

.maincon1.news .list li a .title {
  padding: 0 10px;
  display: block;
  height: 30px;
  -webkit-line-clamp: 1;
  font-size: 14px;
  color: #333
}

.maincon1.news .list li a .itemdesc {
  padding: 0 10px;
  font-size: 12px;
  color: #999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  -webkit-line-clamp: 2;
  margin-bottom: 12px;
  line-height: 24px;
  height: 50px
}

.maincon1.news .hotlist {
  margin-bottom: 6px
}

.maincon1.news .hotlist li {
  padding: 21px 0;
  border-bottom: 1px dashed #e6e4e4
}

.maincon1.news .hotlist li:first-child {
  margin-top: -16px
}

.maincon1.news .hotlist li:last-child {
  border-bottom: none
}

.maincon1.news .hotlist li a {
  width: 100%
}

.maincon1.news .hotlist li .hottit {
  width: 57%;
  margin-left: 10px
}

.maincon1.news .hotlist li .cover,
.maincon1.news .hotlist li .cover img {
  border-radius: 3px;
  width: 80px;
  height: 55px;
  overflow: hidden
}

.maincon1.news .hotlist li .title1 {
  font-size: 14px;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  -webkit-line-clamp: 1
}

.maincon1.news .hotlist li .itemdesc {
  font-size: 12px;
  color: #999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  margin-top: 3px;
  -webkit-line-clamp: 1
}

.shop .hbox {
  width: 230px;
  height: 298px !important
}

.shop .pics,
.shop .pics img {
  width: 230px;
  height: 165px !important
}

.shop .hdesc {
  height: 50px;
  padding: 0 10px;
  margin-top: -5px;
  font-size: 12px;
  color: #999;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  -webkit-line-clamp: 2
}

.shop .price {
  font-size: 20px;
  color: #f14f00;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  font-weight: bold
}

.shop .price span {
  font-size: 12px;
  color: #999;
  font-weight: normal;
  margin-left: 3px
}

.shop .sales {
  font-size: 12px;
  color: #999
}

.shop .sales i {
  margin-left: 5px
}

.tagbox {
  margin: 0 20px;
  flex-wrap: wrap
}

.tagbox a {
  margin: 0 20px 20px 0
}

.outer_page_more,
.page_view .outer_page {
  position: relative;
  _border: solid 1px #ccc;
  margin-bottom: 10px;
  background-color: #FFF;
  display: block;
  margin-left: 1px;
  margin-right: 1px;
  _margin-left: 1px;
  _margin-right: 1px;
  padding-left: 0px
}

#outer_page_more {
  margin: 0 auto;
  background-image: url('../images/outer_page_more.png');
  background-size: cover;
  background-position: 50% 40%;
}

#outer_page_more .inner_page_more {
  display: flex;
  width: 100%;
  overflow: hidden;
  height: 450px;
  line-height: 30px;
  align-items: flex-end;
}

#outer_page_more .inner_page_more .banner-wrap {
  width: 100%;
  padding-bottom: 90px;
}

#outer_page_more .inner_page_more .banner-wrap .lodae {
  text-align: center;
  width: 100%;
  padding-bottom: 100px;
  font-size: 13px;
  line-height: 40px;
  display: none
}

#outer_page_more .inner_page_more .banner-wrap .lodae a {
  color: #ff5344
}

[data-theme="white"] #outer_page_more .inner_page_more .banner-wrap .lodae a {
  color: red
}

[data-theme="black"] #outer_page_more .inner_page_more .banner-wrap .lodae a {
  color: #0D2685
}

[data-theme="blue"] #outer_page_more .inner_page_more .banner-wrap .lodae a {
  color: #ff5344
}

[data-theme="red"] #outer_page_more .inner_page_more .banner-wrap .lodae a {
  color: #e63a3a
}

[data-theme="green"] #outer_page_more .inner_page_more .banner-wrap .lodae a {
  color: #1ca472
}

#outer_page_more .inner_page_more .banner-wrap .lodae a:hover {
  text-decoration: underline
}

#outer_page_more .inner_page_more .banner-wrap .ftip {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

#outer_page_more .inner_page_more .banner-wrap .ftip1 {
  text-align: center;
  font-size: 13px;
  color: #666;
  margin: 5px 0
}

#outer_page_more .inner_page_more .banner-wrap .ftip1 b {
  color: #ff0000
}

#outer_page_more .inner_page_more .ntip {
  text-align: center;
  padding-top: 30px
}

#outer_page_more .inner_page_more .banner-more-btn {
  text-align: center;
  margin-bottom: 30px;
  font-size: 24px;
  letter-spacing: 2px;
  color: #fff;
}

#outer_page_more .inner_page_more .banner-more-btn .fc2e {
  color: #00a1e9;
  cursor: pointer
}

#outer_page_more .inner_page_more .viebtn {
  width: 45%;
  margin: 0 auto
}

#outer_page_more .inner_page_more .viebtn a {
  background: linear-gradient(90deg, rgba(255, 153, 26, 1) 0%, rgba(255, 109, 57, 1) 50%, rgba(255, 69, 99, 1) 100%);
  height: 45px;
  width: 175px;
  border-radius: 8px;
  display: inline-block;
  text-align: center;
  line-height: 45px;
  color: #fff;
  font-weight: normal;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 15px;
  opacity: .9
}

#outer_page_more .inner_page_more .viebtn a i {
  font-size: 24px;
  color: #fff;
  vertical-align: -4px;
  margin-right: 5px
}

#outer_page_more .inner_page_more .viebtn a i.icon-huiyuan4 {
  color: #834f02
}

#outer_page_more .inner_page_more .viebtn a.vip {
  background: #d8b879
}

#outer_page_more .inner_page_more .viebtn a:hover {
  opacity: 1
}

.outer_page {
  width: 100%;
  min-height: 1276.57px;
}

.outer_page div.inner_page {
  overflow: hidden;
  background: url(../images/loading.gif) center center no-repeat;
  line-height: 1305px;
  width: 100%;
  min-height: 1276.57px;
  position: relative
}

.outer_page div.inner_page .inner_con {
  line-height: 1305;
  width: 898px;
  min-height: 1276.57px
}

.outer_page div.inner_page img {
  border: solid 1px #fff;
  display: block;
  position: relative;
  top: 50px;
  left: 0px;
  width: 100%;
  min-height: 1236.57px;
  max-height: 1800px
}

.page_view.tupian .outer_page,
.page_view.tupian .inner_page,
.page_view.tupian .inner_page div {
  width: 100% !important;
  min-height: auto !important
}

.page_view.tupian .inner_page div.videocon {
  line-height: normal !important;
  position: relative
}

.page_view.tupian .inner_page div.videocon .video-js {
  min-width: 835px;
  width: 95%;
  min-height: 470px;
  margin: 25px auto;
  display: block
}

.page_view.tupian .inner_page div.videocon .video-player {
  position: absolute;
  top: 43%;
  left: 47%;
  font-size: 70px;
  width: 70px !important;
  height: 70px;
  color: #eec072;
  opacity: .9;
  cursor: pointer
}

.page_view.tupian .inner_page div.videocon .video-player.off:before {
  content: "\ea81"
}

.page_view.tupian .outer_page {
  margin-bottom: 15px;
  position: relative
}

.page_view.tupian div.inner_page img {
  width: auto !important;
  min-height: auto !important;
  margin: 25px auto;
  top: 0
}

.h20-line {
  height: 20px;
  background-color: #f8f8f8
}

.cssnone {
  display: none
}

.addiv {
  float: auto;
  text-align: center;
  padding: 0px 0px;
  overflow: hidden;
  padding-left: -2px;
  margin: 15px 0 15px
}

.addiv .addivp {
  margin: 0x auto;
  width: 100%;
  height: 100px
}

.addiv .adpre {
  margin: 0x auto
}

.addiv .adpcon {
  height: 100px;
  width: 100%;
  overflow: hidden;
  margin: 0px auto;
  text-align: center
}

.addiv .adpcon img {
  width: 100%;
  height: 100%
}

.outer_page_more .b_tl,
.page_view .outer_page .b_tl {
  background-image: url(../images/vip6.png);
  background-position: top left;
  background-repeat: no-repeat;
  position: absolute;
  height: 148px;
  width: 146px;
  top: -1px;
  left: -1px
}

.autogen_class_views_read_show_reflow .outer_page {
  margin-top: 0px !important
}

.barfixed {
  position: relative;
  height: 75px;
  width: 100%;
  left: 0;
  bottom: 0;
  align-items: center;
  display: flex;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 5px 18px 0 #ddd;
  border-top: 1px solid #e4e5e5;
  margin: 15px auto -25px
}

.barfixed.fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99999;
  height: 75px;
  width: 100%;
  margin: 0 auto
}

.barfixed .bar {
  font-size: 16px;
  padding: 0px 0px
}

.barfixed .bar .barleft {
  width: 550px;
  padding-top: 5px;
  vertical-align: top;
  font-size: 12px;
  padding-left: 20px
}

.barfixed .bar .barleft span.spage .number {
  margin-top: -4px;
  width: 36px;
  height: 22px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #F5F5F5;
  text-align: center;
  color: #aaa
}

.barfixed .bar .barleft span.counts {
  line-height: 40px;
  color: #999;
  margin-right: 5px
}

.barfixed .bar .barleft span.iconfont {
  font-size: 22px;
  color: #666;
  vertical-align: -4px;
  cursor: pointer;
  margin: 0 10px 0 0
}

.barfixed .bar .barleft span.iconfont:hover {
  color: #ff5344
}

[data-theme="white"] .barfixed .bar .barleft span.iconfont:hover {
  color: red
}

[data-theme="black"] .barfixed .bar .barleft span.iconfont:hover {
  color: #0D2685
}

[data-theme="blue"] .barfixed .bar .barleft span.iconfont:hover {
  color: #ff5344
}

[data-theme="red"] .barfixed .bar .barleft span.iconfont:hover {
  color: #e63a3a
}

[data-theme="green"] .barfixed .bar .barleft span.iconfont:hover {
  color: #1ca472
}

.barfixed .bar .barleft i {
  padding: 0 3px 0 0;
  vertical-align: -3px;
  cursor: pointer;
  font-size: 18px;
  color: #666
}

.barfixed .bar .barleft i:hover {
  color: #ff5344
}

[data-theme="white"] .barfixed .bar .barleft i:hover {
  color: red
}

[data-theme="black"] .barfixed .bar .barleft i:hover {
  color: #0D2685
}

[data-theme="blue"] .barfixed .bar .barleft i:hover {
  color: #ff5344
}

[data-theme="red"] .barfixed .bar .barleft i:hover {
  color: #e63a3a
}

[data-theme="green"] .barfixed .bar .barleft i:hover {
  color: #1ca472
}

.barfixed .bar .barright {
  width: 580px;
  position: relative;
  padding-top: 8px;
  vertical-align: top;
  text-align: right
}

.barfixed .bar .barright .barbtn a {
  margin-right: 15px;
  font-size: 12px;
  color: #666
}

.barfixed .bar .barright .barbtn a i {
  font-size: 18px;
  color: #ccc;
  vertical-align: -3px;
  padding-right: 5px
}

.barfixed .bar .barright .barbtn a.setstarBtn:hover,
.barfixed .bar .barright .barbtn a.setstarBtn:hover i {
  color: #ff5344
}

.barfixed .bar .barright .barbtn a.favorBtn:hover,
.barfixed .bar .barright .barbtn a.favorBtn:hover i {
  color: #efa042
}

.barfixed .bar .barright .barbtn a.posterBtn:hover,
.barfixed .bar .barright .barbtn a.posterBtn:hover i {
  color: #42ae82
}

.barfixed .bar .barright .ppbtn a {
  background: #ff5722;
  height: 45px;
  width: 175px;
  border-radius: 8px;
  display: inline-block;
  text-align: center;
  line-height: 45px;
  color: #fff;
  font-weight: normal;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 15px;
  opacity: .9
}

.barfixed .bar .barright .ppbtn a i {
  font-size: 24px;
  color: #fff;
  vertical-align: -4px;
  margin-right: 5px
}

.barfixed .bar .barright .ppbtn a i.icon-huiyuan4 {
  color: #834f02
}

.barfixed .bar .barright .ppbtn a.vip {
  background: #d8b879
}

.barfixed .bar .barright .ppbtn a:first-child {
  margin-right: 15px
}

.barfixed .bar .barright .ppbtn a:hover {
  opacity: 1
}

.foot {
  width: 100%;
  border-top: 1px solid #e4e5e5;
  background: black;
  box-shadow: 0 5px 15px 0 rgba(141, 141, 141, 0.15);
  text-align: center
}

.foot .copyright li {
  line-height: 34px;
  font-size: 12px;
  color: #999
}

.foot .copyright li a {
  color: #999;
  margin-right: 15px
}

.foot .copyright li a:last-child {
  margin-right: 0
}

.foot .copyright li em {
  display: inline-block;
  font-style: normal;
  padding: 0 4px;
  vertical-align: top
}

.foot .icon-footer-police {
  width: 20px;
  height: 24px;
  background-position: -48px -2px
}

.foot .icon-footer {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-image: url(../images/footer.png)
}

.vipbg {
  width: 100%;
  height: 330px;
  background: #252531 url("../images/vip.jpg") center center no-repeat;
  text-align: center
}

.vipmain .recrights {
  margin: 0 auto;
  box-sizing: border-box;
  padding: 20px 60px;
  margin-top: -60px;
  position: relative;
  z-index: 2
}

.vipmain .recrights li {
  text-align: center
}

.vipmain .recrights li div:first-child {
  font-size: 30px;
  width: 46px;
  height: 48px;
  background: url(../images/iconbg.png) no-repeat;
  text-align: center;
  line-height: 48px;
  color: #d19165;
  margin: auto
}

.vipmain .recrights li div:nth-of-type(2) {
  color: #000;
  font-size: 15px;
  margin-top: 10px;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

.vipmain .recrights li div:last-child {
  color: #999;
  font-size: 12px;
  margin-top: 3px
}

.vipmain .recrights li div.icon-weixingongzhonghao1:first-child {
  font-size: 42px
}

.vipmain .recrights li div.wxtit {
  margin-top: 2px !important
}

.rightsbox {
  margin-top: 55px !important;
  padding-bottom: 35px
}

.rightsbox .rightsbox-tit {
  width: 300px;
  margin-left: 50%;
  transform: translateX(-50%);
  margin-top: -14px
}

.rightsbox ul {
  width: 1200px;
  margin: 0 auto;
  margin-top: 30px;
  border-radius: 8px;
  overflow: hidden
}

.rightsbox ul li {
  border: 1px solid #5c5c5c;
  height: 50px;
  border-top: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box
}

.rightsbox ul li:first-child {
  background-color: #333;
  width: 100%;
  height: 140px !important;
  border: none !important
}

.rightsbox ul li:first-child .price {
  font-size: 13px;
  color: #887866;
  margin-top: 2px
}

.rightsbox ul li:first-child button {
  width: 135px;
  height: 38px;
  line-height: 38px;
  background-color: #e9cfa5;
  color: #414141;
  border-radius: 500px;
  text-align-last: center;
  font-size: 14px;
  border: none;
  margin-top: 10px;
  cursor: pointer
}

.rightsbox ul li:first-child button:hover {
  color: #717171
}

.rightsbox ul li .rightsitem-tit {
  font-size: 16px;
  color: #d9bfa1
}

.rightsbox ul li .item {
  width: 248px;
  border-right: 1px solid #5c5c5c;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box
}

.rightsbox ul li .item:last-child {
  border-right: none
}

.rightsbox ul li:last-child {
  border-radius: 0 0 8px 8px
}

.rightsbox .icon-yxq-msvip {
  font-size: 12px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 1px
}

.rightsbox .viptype-5 {
  background-image: -webkit-linear-gradient(-90deg, #f3c604, #d79502)
}

.rightsbox .viptype-6 {
  background-image: -webkit-linear-gradient(-90deg, #faf9f5, #9fa0ae)
}

.rightsbox .viptype-7 {
  background-image: -webkit-linear-gradient(-90deg, #f4c190, #804f39)
}

.vipgr {
  width: 100%;
  height: 330px;
  background: #252531 url("../images/vip3.png") center center no-repeat;
  text-align: center
}

.vip-banner {
  width: 100%;
  height: 330px;
  background: #252531 url(../images/vip5.png) center center no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.vip-banner h1 {
  font-family: PingFangSC-Regular, sans-serif;
  font-size: 32px;
  font-weight: bold;
  color: #f2e6b9;
  text-align: center
}

.vip-banner div {
  font-size: 12px;
  text-align: center;
  margin-top: 15px;
  color: #b3aa8c
}

.vippay {
  margin-top: -30px !important
}

.vippay .vip-type-box {
  padding: 25px
}

.vippay .vip-type-box .layui-elem-quote {
  padding: 12px 0px 12px 0px;
  margin: 14px 0 22px 0;
  border-left: none;
  color: #999
}

.vippay .vip-type-box .layui-elem-quote::before {
  content: "";
  width: 5px;
  height: 20px;
  background: #5fb878;
  display: inline-block;
  vertical-align: -5px;
  border-radius: 8px;
  margin-right: 5px
}

.vippay .vip-type-box .layui-elem-quote .red {
  color: red;
  margin: 0 5px
}

.vippay .vip-type-box .layui-elem-quote a {
  color: #3783fc;
  margin: 0 10px
}

.vippay .paymethod-list {
  display: flex;
  flex-direction: row;
  align-items: center
}

.vippay .paymethod-list li {
  padding: 0px 30px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #cfcfcf;
  margin-right: 40px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  cursor: pointer;
  line-height: 40px
}

.vippay .paymethod-list li:hover {
  border-color: #f05a14;
  color: #f05a14
}

.vippay .paymethod-list .icon-umidd17 {
  color: #019be8;
  font-size: 24px;
  vertical-align: -3px;
  margin-right: 3px
}

.vippay .paymethod-list .icon-weixin2 {
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #fff;
  background-color: #00b400;
  text-align: center;
  line-height: 20px;
  border-radius: 4px;
  font-size: 16px;
  margin-right: 3px
}

.vippay .paymethod-list .active {
  border-color: #f05a14 !important;
  color: #f05a14
}

.vippay .paymethod-list .flag {
  position: absolute;
  background-color: #ddd;
  color: #fff;
  right: -13px;
  bottom: -13px;
  width: 27px;
  height: 27px;
  transform: rotate(45deg);
  display: block
}

.vippay .paymethod-list .flag .icon-confirm-line {
  display: block;
  font-size: 10px;
  transform: rotate(-45deg);
  margin-top: 2px;
  margin-left: -3px;
  line-height: normal
}

.vippay .paymethod-list.coinrecharge li:hover {
  border-color: #f60;
  color: #333
}

.vippay .paymethod-list.coinrecharge .paymethod-item {
  position: relative;
  float: left;
  width: 190px;
  height: 60px;
  margin-right: 13px;
  margin-top: 14px;
  line-height: 60px;
  border: 1px solid #e6e6e6;
  cursor: pointer;
  background-size: 18%;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center
}

.vippay .paymethod-list.coinrecharge .active {
  border-color: #f60 !important;
  color: #333333
}

.vippay .paymethod-list.coinrecharge .active .flag {
  background-color: #f60 !important;
  display: none
}

.vippay .paymethod-list.openvip {
  margin-left: 0px
}

.vippay .paymethod-list.openvip li:hover {
  border-color: #e1b47b;
  color: #e1b47b;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

.vippay .paymethod-list.openvip li:hover .iconfont {
  font-weight: normal
}

.vippay .paymethod-list.openvip li:hover .flag {
  background-color: #e1b47b
}

.vippay .paymethod-list.openvip li:hover.wxbtn {
  border-color: #6bcc03;
  color: #6bcc03
}

.vippay .paymethod-list.openvip li:hover.wxbtn .flag {
  background-color: #6bcc03
}

.vippay .paymethod-list.openvip li:hover.zfbbtn {
  border-color: #0296cc;
  color: #0296cc
}

.vippay .paymethod-list.openvip li:hover.zfbbtn .flag {
  background-color: #0296cc
}

.vippay .paymethod-list.openvip .paymethod-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 155px;
  height: 70px;
  border: 2px solid #ddd;
  border-radius: 8px;
  margin-right: 25px;
  cursor: pointer;
  font-size: 14px;
  padding: 0;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

.vippay .paymethod-list.openvip .paymethod-item .iconfont {
  font-weight: normal
}

.vippay .paymethod-list.openvip .paymethod-item:last-child {
  margin-right: 0 !important
}

.vippay .paymethod-list.openvip .active {
  border-color: #e1b47b !important;
  color: #e1b47b;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

.vippay .paymethod-list.openvip .active .iconfont {
  font-weight: normal
}

.vippay .paymethod-list.openvip .active .flag {
  background-color: #e1b47b
}

.vippay .paymethod-list.openvip .active.wxbtn {
  border-color: #6bcc03 !important;
  color: #6bcc03
}

.vippay .paymethod-list.openvip .active.wxbtn .flag {
  background-color: #6bcc03
}

.vippay .paymethod-list.openvip .active.zfbbtn {
  border-color: #0296cc !important;
  color: #0296cc
}

.vippay .paymethod-list.openvip .active.zfbbtn .flag {
  background-color: #0296cc
}

.vippay .paymethod-list.openorgvip li:hover {
  border-color: #d8b879;
  color: #333
}

.vippay .paymethod-list.openorgvip .paymethod-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 161px;
  height: 50px;
  border: 1px solid #D5D5D5;
  border-radius: 2px;
  margin-right: 20px;
  cursor: pointer;
  font-size: 14px;
  padding: 0
}

.vippay .paymethod-list.openorgvip .active {
  border-color: #d8b879 !important;
  color: #333333
}

.vippay .paymethod-list.openorgvip .active .flag {
  background-color: #d8b879 !important
}

.vippay .paymethod-list.buyproduct li:hover {
  border-color: #d8b879;
  color: #333
}

.vippay .paymethod-list.buyproduct .paymethod-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 161px;
  height: 50px;
  border: 1px solid #D5D5D5;
  border-radius: 2px;
  margin-right: 20px;
  cursor: pointer;
  font-size: 14px;
  padding: 0
}

.vippay .paymethod-list.buyproduct .active {
  border-color: #d8b879 !important;
  color: #333333
}

.vippay .paymethod-list.buyproduct .active .flag {
  background-color: #d8b879 !important
}

.vippay .vip-type-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px
}

.vippay .vip-type {
  width: 280px;
  height: 130px;
  border: 2px solid #ddd;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 8px
}

.vippay .vip-type .iconfont {
  position: absolute;
  bottom: 0;
  right: -2px;
  font-size: 26px;
  line-height: 26px;
  color: #ddd
}

.vippay .vip-type:hover {
  border-color: #ffb44a
}

.vippay .vip-type:hover .vip-price-box,
.vippay .vip-type:hover .iconfont {
  color: #ffb44a
}

.vippay .vip-type:hover .vip-type-left {
  border-right: 1px solid #ffb44a
}

.vippay .vip-type-left {
  height: 100%;
  width: 58px;
  border-right: 1px solid #e5e5e5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

.vippay .month-unit {
  display: inline-block;
  width: 20px
}

.vippay .vip-type-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 228px
}

.vippay .vip-type-right .vip-price-box {
  font-size: 16px;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

.vippay .vip-type-right .vip-price {
  font-size: 30px;
  font-weight: 600
}

.vippay .vip-type-right .vip-price-del {
  text-decoration: line-through;
  color: #999;
  margin-top: 5px;
  font-size: 14px
}

.vippay .vip-type-left-border {
  border-right: 1px solid rgba(255, 255, 255, 0.2)
}

.vippay .vip-rights-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 170px;
  margin-right: 20px
}

.vippay .vip-rights-item .icon {
  width: 48px;
  height: 48px;
  background: url("../images/")
}

.vippay .vip-rights-item:last-child {
  margin-right: 0
}

.vippay .vip-rights-box {
  padding: 30px 0;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 20px
}

.vippay .vip-rights-content {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-top: 15px
}

.vippay .vip-rights-title {
  font-size: 15px;
  color: #333;
  display: block;
  text-align: center;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  margin-bottom: 25px
}

.vippay .vip-rights-title span {
  width: 140px;
  display: inline-block
}

.vippay .vip-rights-title::before {
  content: "";
  width: 535px;
  height: 1px;
  background: #ddd;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0px
}

.vippay .vip-rights-title::after {
  content: "";
  width: 535px;
  height: 1px;
  background: #ddd;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0px
}

.vippay .vip-payment {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 20px
}

.vippay .vip-payment-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 161px;
  height: 50px;
  border: 1px solid #D5D5D5;
  margin-left: 20px;
  cursor: pointer;
  font-size: 14px
}

.vippay .vip-payment-item:hover {
  border-color: #ffb44a
}

.vippay .vip-payment-active {
  border-color: #ffb44a
}

.vippay .vip-payment-active .licon {
  display: block
}

.vippay .vip-rights-tip p:first-child {
  font-size: 14px;
  color: #333;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif
}

.vippay .vip-rights-tip p:last-child {
  color: #999;
  line-height: 24px
}

.vippay .vip-rights-icon1 {
  font-size: 28px;
  width: 48px;
  height: 48px;
  background: url("../images/iconbg.png") no-repeat;
  text-align: center;
  line-height: 48px;
  margin-right: 10px;
  color: #906b59
}

.vippay .vip-rights-icon6 {
  color: #cea866;
  font-size: 28px
}

.vippay .licon1 {
  position: absolute;
  right: 0;
  bottom: 0
}

.vippay .payactive {
  border-color: #ffb44a
}

.vippay .payactive .vip-price-box,
.vippay .payactive .iconfont {
  color: #ffb44a
}

.vippay .payactive .vip-type-left {
  border-right: 1px solid #ffb44a
}

.vippay .vip-tip {
  width: 90px;
  height: 24px;
  line-height: 24px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  border-radius: 10px 6px 6px 0px;
  position: absolute;
  left: -2px;
  top: -13px;
  background-color: #ff4d2e;
  box-sizing: border-box
}

.vippay .icon-wx-pay {
  font-size: 18px !important;
  color: #88bf26;
  margin-right: 5px
}

.vippay .icon-umidd17 {
  font-size: 18px !important;
  color: #4a90e2;
  margin-right: 5px
}

.vippay .vip-qrcode {
  width: 120px;
  height: 120px;
  margin-right: 20px
}

.vippay .scanarea {
  padding: 10px 15px 15px 10px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0px;
  border-radius: 8px
}

.vippay .vip-qrcodebox {
  display: flex;
  flex-direction: row;
  align-items: center
}

.vippay .vip-qrcodebox .scanarea-title1 {
  font-size: 21px;
  color: #333;
  margin-bottom: 5px
}

.vippay .vip-qrcodebox .scanarea-title2 {
  font-size: 13px;
  color: #999;
  margin-left: 10px
}

.vippay .vip-qrcodebox .scanarea-title3 {
  margin-bottom: 10px
}

.vippay .vip-qrcodebox .scanarea-title4 {
  font-size: 15px;
  color: #ff4d2f;
  font-weight: bold;
  font-family: "microsoft yahei Bold", "microsoft yahei Regular", "microsoft yahei", SimSun, Tahoma, Helvetica, Arial, sans-serif;
  margin-left: 11px
}

.vippay .vip-qrcodebox .scanarea-title5 {
  font-size: 36px;
  color: #ff4d2f;
  font-weight: bold;
  margin-right: 10px;
  font-family: impact
}

.vippay .vip-qrcodebox .ifr_cont {
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #fff;
  padding: 10px;
  margin-right: 20px;
  width: 120px;
  height: 120px;
  overflow: hidden;
  background: url(../images/loading.gif) center center no-repeat
}

.vippay .scanarea .title2 {
  font-size: 14px;
  color: #999;
  margin-left: 25px;
  line-height: 30px
}

.vippay .orgvip-paybox {
  width: 1260px;
  margin: 0 auto;
  background-color: #fff;
  margin-top: 10px;
  padding: 20px
}

.vippay .orgvip-paybox .vip-type-list {
  margin-top: 0;
  width: 900px
}

.vippay .orgvip-paybox .vip-tit {
  width: 16px
}

.vippay .orgvip-paybox .vip-type-left {
  width: 54px
}

.vippay .orgvip-paybox .scanarea {
  width: 1235px
}

.vippay .orgvip-paybox .pay-btn {
  background: #FF4A1F;
  margin-top: 40px
}

.vippay .orgvip-paybox .first-vippayment {
  margin-left: 0px
}

.vippay .vip-payment {
  border: 1px solid #ddd;
  border-radius: 8px
}

.vippay .vip-payment .paymain {
  width: 100%;
  padding: 25px 25px 0
}

.vippay .vip-payment .paymain .payconl .titps {
  font-size: 13px;
  color: #666;
  margin-right: 22px
}

.vippay .vip-payment .paymain .payconl .iconfont {
  margin-right: 5px
}

.vippay .vip-payment .paymain .payconl .iconfont.wx1 {
  color: #6bcc03;
  font-size: 35px
}

.vippay .vip-payment .paymain .payconl .iconfont.wx2 {
  color: #0296cc;
  font-size: 35px
}

.vippay .vip-payment .paymain .payconl .iconfont.wx3 {
  color: #e1b47b;
  font-size: 31px
}

.vippay .vip-payment .paymain .payconr {
  width: 440px
}

.vippay .vip-payment .paymain .payconr .userbox {
  width: 90%;
  height: 275px;
  overflow: hidden
}

.vippay .vip-payment .paymain .payconr .userbox .userlist li {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  border-radius: 40px;
  height: 38px;
  margin-bottom: 14px
}

.vippay .vip-payment .paymain .payconr .userbox .userlist li .loglistl {
  position: absolute;
  left: 0;
  top: 3px;
  z-index: 88
}

.vippay .vip-payment .paymain .payconr .userbox .userlist li .loglistl img {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #f1f1f1;
  vertical-align: middle
}

.vippay .vip-payment .paymain .payconr .userbox .userlist li .loglistr {
  line-height: 38px;
  color: #999;
  background: #f6f6f6;
  width: auto;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 30px 0 45px;
  border-radius: 40px
}

.vippay .vip-payment .paymain .payconr .userbox .userlist li .loglistr .auther1 {
  font-size: 12px;
  color: #999;
  margin-right: 8px
}

.vippay .vip-payment .paymain .payconr .userbox .userlist li .loglistr .auther {
  font-size: 12px;
  color: #3783fc;
  margin-right: 8px
}

.vippay .vip-payment .paymain .payconr .userbox .userlist li .loglistr .time {
  font-size: 12px;
  color: #999
}

.vippay .duihuan {
  margin-top: 75px
}

.vippay .duihuan .tips {
  font-size: 13px;
  color: #999
}

.vippay .duihuan .dmain {
  width: 475px;
  height: 45px;
  line-height: 45px;
  border-radius: 8px
}

.vippay .duihuan .dmain .text {
  border: 1px solid #ddd;
  border-radius: 8px;
  width: 335px;
  height: 45px;
  font-size: 13px;
  color: #333
}

.vippay .duihuan .dmain .duibtn {
  color: #fff;
  background: #e1b47b;
  text-align: center;
  font-size: 18px;
  border-radius: 8px;
  margin-left: -18px;
  cursor: pointer;
  width: 100px;
  height: 45px
}

.layui-layer {
  border-radius: 8px !important
}

.complain-popover {
  width: 460px;
  margin: 20px auto;
  height: 420px
}

.complain-popover h3,
.complain-popover .layui-form-block {
  font-size: 13px;
  color: #333;
  margin-bottom: 12px;
  display: block
}

.complain-popover .layui-form-checkbox {
  margin: 0 15px 15px 0;
  width: 30%
}

.complain-popover .layui-form-checkbox:nth-child(3n) {
  margin-right: 0
}

.complain-popover .cancel {
  background: #eee;
  color: #666
}

.complain-popover .blue-btn,
.complain-popover .blue-btn:hover {
  color: #fff
}

.complain-popover .layui-btn {
  border-radius: 8px
}

.complain-popover .layui-input {
  height: 45px;
  line-height: 45px;
  border-radius: 8px;
  border: 1px solid #ddd
}

.complain-popover textarea {
  width: 100%;
  height: 67px;
  padding: 10px;
  outline: none;
  border: 1px solid #ddd;
  border-radius: 10px
}

.complain-popover li {
  width: 32%;
  margin-top: 15px
}

.complain-popover input[type=checkbox] {
  position: relative;
  width: 14px;
  height: 14px;
  padding: 0;
  text-indent: 0;
  border: none;
  appearance: none;
  -webkit-appearance: none
}

.complain-popover input[type=checkbox]::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  background: #f8f8f8;
  border: 1px solid #dadddf;
  color: #fff;
  display: inline-block;
  visibility: visible;
  border-radius: 50%
}

.complain-popover input[type=checkbox]:checked::before {
  width: 18px;
  height: 18px;
  border: none;
  background: url(../images/checkbox.png) #fff no-repeat;
  background-size: cover
}

.haibaoBlock {
  display: none;
  background: none
}

.haibaoBlock img {
  width: 400px;
  max-height: 600px;
  height: auto
}

.haibaoBlock p {
  height: 35px;
  line-height: 35px;
  background: none;
  text-align: center;
  width: 100%;
  color: #fff
}

.haibaoBlock p span {
  margin-left: 10px;
  cursor: pointer
}

.haibaoBlock input {
  opacity: 0;
  height: 1px;
  overflow: hidden
}

.right-btn {
  position: fixed;
  right: 50%;
  bottom: 120px;
  z-index: 5000;
  margin: 0 -725px 0 0
}

.right-btn .borde {
  border: 1px solid #eee;
  border-radius: 8px;
  background: #fff;
  width: 50px
}

.right-btn .jactive {
  height: 90px;
  margin: 0 0 0 -18px;
  animation: shake-time 2s ease 6
}

.right-btn .jactive a {
  display: block
}

.right-btn .jactive img {
  width: 88px;
  height: 86px
}

.right-btn .service {
  width: 45px;
  height: 45px;
  cursor: pointer;
  position: relative;
  line-height: 20px;
  font-size: 12px;
  color: #999;
  margin: 8px 2px;
  padding-bottom: 10px
}

.right-btn .service:after {
  content: "";
  width: 22px;
  height: 1px;
  background: #eee;
  position: absolute;
  bottom: 0
}

.right-btn .service:last-child {
  padding-bottom: 2px
}

.right-btn .service:last-child:after {
  content: none
}

.right-btn .feedback:after {
  content: none
}

.right-btn .service-pic {
  position: absolute;
  right: 60px;
  top: -50px;
  width: 130px;
  height: 138px;
  background: #FFFFFF;
  box-shadow: 0 2px 10px 0 rgba(152, 152, 152, 0.15);
  border-radius: 9px;
  display: none
}

.right-btn .service-pic i {
  color: #fff;
  font-size: 12px;
  position: absolute;
  z-index: 99;
  right: -8px;
  top: 68px;
  line-height: 12px;
  height: 12px
}

.right-btn .service-pic img {
  margin: 10px auto 0px auto
}

.right-btn .service-icon,
.right-btn .wechat-icon,
.right-btn .small-icon,
.right-btn .top-icon,
.right-btn .feedback-icon {
  width: 34px;
  height: 34px;
  text-align: center
}

.right-btn .service-icon i,
.right-btn .wechat-icon i,
.right-btn .small-icon i,
.right-btn .top-icon i,
.right-btn .feedback-icon i {
  display: block
}

.right-btn .service-icon i:before,
.right-btn .wechat-icon i:before,
.right-btn .small-icon i:before,
.right-btn .top-icon i:before,
.right-btn .feedback-icon i:before {
  font-size: 18px;
  color: #d2d1d1
}

.right-btn .service:hover .service-icon i:before {
  color: #ff5344
}

.right-btn .wechat:hover .wechat-icon i:before {
  color: #4cbf00
}

.right-btn .service:hover .feedback-icon i:before {
  color: #0085c6
}

[data-theme="white"] .right-btn .service:hover .feedback-icon i:before {
  color: red
}

[data-theme="black"] .right-btn .service:hover .feedback-icon i:before {
  color: #0D2685
}

[data-theme="blue"] .right-btn .service:hover .feedback-icon i:before {
  color: #0085c6
}

[data-theme="red"] .right-btn .service:hover .feedback-icon i:before {
  color: #c20c0c
}

[data-theme="green"] .right-btn .service:hover .feedback-icon i:before {
  color: #238863
}

.right-btn .gotop {
  display: none
}

.right-btn .gotop:before {
  content: "";
  width: 22px;
  height: 1px;
  background: #eee;
  position: absolute;
  top: -6px
}

.right-btn .gotop:hover .top-icon i:before {
  color: #ff5344
}

[data-theme="white"] .right-btn .gotop:hover .top-icon i:before {
  color: red
}

[data-theme="black"] .right-btn .gotop:hover .top-icon i:before {
  color: #0D2685
}

[data-theme="blue"] .right-btn .gotop:hover .top-icon i:before {
  color: #ff5344
}

[data-theme="red"] .right-btn .gotop:hover .top-icon i:before {
  color: #e63a3a
}

[data-theme="green"] .right-btn .gotop:hover .top-icon i:before {
  color: #1ca472
}

@keyframes shake-time {
  0% {
    transform: scale(1)
  }

  10%,
  20% {
    transform: scale(0.9) rotate(-3deg)
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale(1) rotate(3deg)
  }

  40%,
  60%,
  80% {
    transform: scale(1) rotate(-3deg)
  }

  100% {
    transform: scale(1) rotate(0)
  }
}

.isMask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 6000;
  display: none
}

.loginShow {
  width: 715px;
  height: 600px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 6100;
  background: #fff;
  border-radius: 10px;
  display: none
}

.loginShow .right-box {
  margin: 50px auto 40px
}

.loginShow .closeShow {
  width: 45px;
  height: 45px;
  text-align: center;
  padding-top: 15px;
  display: block;
  margin: 0 auto;
  cursor: pointer;
  font-size: 28px;
  color: #fff;
  position: absolute;
  bottom: -50px;
  left: 46%
}

.loginShow .tel-login-box {
  margin-top: 68px
}

.listmain .listl .nav .menuTree ul li ul li a:hover,
.listmain .listl .nav .menuTree ul li a:hover,
.listmain .listl .nav .menuTree ul li a:hover .icon-right-s,
.listmain .listl .nav .menuTree ul li .icon-right-s.active {
  color: #ff5344
}

[data-theme="white"] .listmain .listl .nav .menuTree ul li ul li a:hover,
[data-theme="white"] .listmain .listl .nav .menuTree ul li a:hover,
[data-theme="white"] .listmain .listl .nav .menuTree ul li a:hover .icon-right-s,
[data-theme="white"] .listmain .listl .nav .menuTree ul li .icon-right-s.active {
  color: red !important
}

[data-theme="black"] .listmain .listl .nav .menuTree ul li ul li a:hover,
[data-theme="black"] .listmain .listl .nav .menuTree ul li a:hover,
[data-theme="black"] .listmain .listl .nav .menuTree ul li a:hover .icon-right-s,
[data-theme="black"] .listmain .listl .nav .menuTree ul li .icon-right-s.active {
  color: #0D2685 !important
}

[data-theme="blue"] .listmain .listl .nav .menuTree ul li ul li a:hover,
[data-theme="blue"] .listmain .listl .nav .menuTree ul li a:hover,
[data-theme="blue"] .listmain .listl .nav .menuTree ul li a:hover .icon-right-s,
[data-theme="blue"] .listmain .listl .nav .menuTree ul li .icon-right-s.active {
  color: #ff5344 !important
}

[data-theme="red"] .listmain .listl .nav .menuTree ul li ul li a:hover,
[data-theme="red"] .listmain .listl .nav .menuTree ul li a:hover,
[data-theme="red"] .listmain .listl .nav .menuTree ul li a:hover .icon-right-s,
[data-theme="red"] .listmain .listl .nav .menuTree ul li .icon-right-s.active {
  color: #e63a3a !important
}

[data-theme="green"] .listmain .listl .nav .menuTree ul li ul li a:hover,
[data-theme="green"] .listmain .listl .nav .menuTree ul li a:hover,
[data-theme="green"] .listmain .listl .nav .menuTree ul li a:hover .icon-right-s,
[data-theme="green"] .listmain .listl .nav .menuTree ul li .icon-right-s.active {
  color: #1ca472 !important
}

.head {
  height: 120px;
  width: 100px;
  background-color: red
}

[data-theme="white"] .head {
  background-color: red
}

[data-theme="black"] .head {
  background-color: #0D2685
}

[data-theme="blue"] .head {
  background-color: #ff5344
}

[data-theme="red"] .head {
  background-color: #e63a3a
}

[data-theme="green"] .head {
  background-color: #1ca472
}