/**
@size:实际大小 单位：px
@unit:转换后有单位 默认rem
@step:转换基数 默认32
*/
/**
	padding
*/
/**
	margin
*/
html,
body,
div,
ul,
ol,
li,
dd,
dt,
dl,
p,
h3,
h4,
span,
input,
textarea,
select,
option,
table,
tr,
td,
header,
footer,
section {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-weight: normal;
}
body {
  font-family: -apple-system, "Helvetica Neue", Arial, "PingFang SC", "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
img {
  width: 100%;
  border: none;
  vertical-align: top;
}
ul,
li {
  list-style-type: none;
}
em,
i {
  font-style: normal;
}
input {
  outline: none;
  border: none;
}
a {
  text-decoration: none;
}
.clear {
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.fl {
  float: left;
  display: block;
}
.fr {
  float: right;
  display: block;
}
.hide {
  display: none;
}
.table {
  display: table;
  width: 100%;
}
.t_cell {
  display: table-cell;
  vertical-align: middle;
}
.t_row {
  display: table-row;
}
@media screen and (min-width: 300px) {
  html,
  body,
  input {
    font-size: 15px !important;
  }
}
@media screen and (min-width: 320px) {
  html,
  body,
  input {
    font-size: 16px !important;
  }
}
@media screen and (min-width: 340px) {
  html,
  body,
  input {
    font-size: 17px !important;
  }
}
@media screen and (min-width: 360px) {
  html,
  body,
  input {
    font-size: 18px !important;
  }
}
@media screen and (min-width: 375px) {
  html,
  body,
  input {
    font-size: 18.75px !important;
  }
}
@media screen and (min-width: 380px) {
  html,
  body,
  input {
    font-size: 19px !important;
  }
}
@media screen and (min-width: 400px) {
  html,
  body,
  input {
    font-size: 20px !important;
  }
}
@media screen and (min-width: 414px) {
  html,
  body,
  input {
    font-size: 20.7px !important;
  }
}
@media screen and (min-width: 420px) {
  html,
  body,
  input {
    font-size: 21px !important;
  }
}
@media screen and (min-width: 440px) {
  html,
  body,
  input {
    font-size: 22px !important;
  }
}
@media screen and (min-width: 460px) {
  html,
  body,
  input {
    font-size: 23px !important;
  }
}
@media screen and (min-width: 480px) {
  html,
  body,
  input {
    font-size: 24px !important;
  }
}
@media screen and (min-width: 500px) {
  html,
  body,
  input {
    font-size: 25px !important;
  }
}
@media screen and (min-width: 520px) {
  html,
  body,
  input {
    font-size: 26px !important;
  }
}
@media screen and (min-width: 540px) {
  html,
  body,
  input {
    font-size: 27px !important;
  }
}
@media screen and (min-width: 560px) {
  html,
  body,
  input {
    font-size: 28px !important;
  }
}
@media screen and (min-width: 580px) {
  html,
  body,
  input {
    font-size: 29px !important;
  }
}
@media screen and (min-width: 600px) {
  html,
  body,
  input {
    font-size: 30px !important;
  }
}
@media screen and (min-width: 620px) {
  html,
  body,
  input {
    font-size: 31px !important;
  }
}
@media screen and (min-width: 640px) {
  html,
  body,
  input {
    font-size: 32px !important;
  }
}
@media screen and (min-width: 660px) {
  html,
  body,
  input {
    font-size: 33px !important;
  }
}
@media screen and (min-width: 680px) {
  html,
  body,
  input {
    font-size: 34px !important;
  }
}
@media screen and (min-width: 700px) {
  html,
  body,
  input {
    font-size: 35px !important;
  }
}
@media screen and (min-width: 720px) {
  html,
  body,
  input {
    font-size: 36px !important;
  }
}
@media screen and (min-width: 740px) {
  html,
  body,
  input {
    font-size: 37px !important;
  }
}
@media screen and (min-width: 750px) {
  html,
  body,
  input {
    font-size: 37.5px !important;
  }
}
/*sm css 重置*/
.page,
.page-group {
  background: #fff;
}
.list-block .item-content {
  padding-left: 0;
  padding-right: 0;
}
.list-block .item-title {
  white-space: normal;
  overflow: auto;
  text-overflow: ellipsis;
}
.item-inner:after {
  display: none;
}
.card-footer:before {
  display: none;
}
.list-block ul:after,
.list-block ul:before {
  display: none;
}
.list-block .item-inner:after {
  display: none;
}
.swiper-container {
  padding-bottom: 0;
}
.swiper-container-horizontal > .swiper-pagination {
  bottom: 0;
}
.swiper-pagination-bullet {
  background: #d0d1d2;
}
/*标题样式*/
.bar {
  height: 2.34666667rem;
  padding-left: 0.74666667rem;
  padding-right: 0.74666667rem;
  background-color: #231f20;
}
.bar .bar-line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fbcd0b;
  height: 0.05333333rem;
  -webkit-transform: scaleY(2);
  -webkit-transform-origin: 0 0;
  overflow: hidden;
}
.bar .button-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex: 0 0 auto;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  box-sizing: border-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.bar .button-link img {
  width: 0.96rem;
  display: block;
}
.bar .button-link.pull-left {
  margin-left: 0;
}
.bar .button-link.search-btn {
  margin-left: 1.22666667rem;
}
.bar .title {
  line-height: 2.34666667rem;
  color: #fff;
}
.page-header {
  position: relative;
  height: 2.34666667rem;
  padding-left: 0.74666667rem;
  padding-right: 0.74666667rem;
  background-color: #474646;
  overflow: hidden;
}
/*正文样式*/
.bar-nav ~ .content {
  top: 2.34666667rem;
}
.bar-tab ~ .no-bottom {
  bottom: 0;
}
/*banner css*/
.swiper-container {
  height: 10.18666667rem;
}
.notice-bar {
  height: 1.49333333rem;
  background: #474747;
  box-sizing: border-box;
  padding-left: 0.37333333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.notice-bar .icon-notice {
  width: 1.01333333rem;
}
.notice-bar .notice-text {
  font-size: 0.64rem;
  color: #fff;
  padding-left: 0.37333333rem;
  width: 100%;
  overflow: hidden;
}
/*首页 css*/
.news-list-content .news-list-wrapper {
  margin: 0rem;
}
.news-list-content .news-list-wrapper .news-item {
  border-bottom: 1px solid #dedcdc;
}
.news-list-content .news-list-wrapper .news-item:last-child {
  border-bottom: none;
}
.news-list-content .news-list-wrapper .news-item.tpl-1 {
  margin-top: 0.53333333rem;
}
.news-list-content .news-list-wrapper .news-item .item-wrap {
  padding: 0.828;
  padding: 0.4266666720 0.7466666720;
  padding: 0.42666667rem 0.74666667rem 0.53333333rem;
  display: block;
  position: relative;
}
.news-list-content .news-list-wrapper .news-item .item-wrap .media-icon {
  position: absolute;
  top: 0.42666667rem;
  left: 0.74666667rem;
  width: 1.28rem;
  height: 1.28rem;
}
.news-list-content .news-list-wrapper .text-content {
  padding-left: 2rem;
  position: relative;
}
.news-list-content .news-list-wrapper .text-content h2 {
  color: #000;
  font-size: 0.90666667rem;
}
.news-list-content .news-list-wrapper .news-item .news-from {
  padding-left: 2rem;
  margin-top: 0.74666667rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
}
.news-list-content .news-list-wrapper .news-item .news-from span {
  font-size: 0.90666667rem;
  color: #a3a4a4;
  display: inline-block;
}
.news-list-content .news-list-wrapper .tpl-2 .item-wrap {
  box-sizing: border-box;
  min-height: 2.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.news-list-content .news-list-wrapper .tpl-2 .info-content {
  width: 9.22666667rem;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-box-ordinal-group: 2;
}
.news-list-content .news-list-wrapper .tpl-2 .pic-content {
  width: 7.92rem;
  height: 5.33333333rem;
  position: relative;
}
.news-list-content .news-list-wrapper .tpl-2 .pic-content img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.news-list-content .news-list-wrapper .tpl-3 .item-wrap {
  min-height: 118px;
}
.news-list-content .news-list-wrapper .tpl-3 .item-wrap .pic-content {
  padding-left: 2rem;
  margin-top: 0.8rem;
  font-size: 0;
  letter-spacing: -3px;
  -webkit-text-size-adjust: none;
  overflow: hidden;
}
.news-list-content .news-list-wrapper .news-item .img-wrap {
  display: inline-block;
  width: 5.01333333rem;
  margin-right: 0.64rem;
  height: 3.84rem;
  position: relative;
  vertical-align: top;
}
.news-list-content .news-list-wrapper .news-item .img-wrap:last-child {
  margin-right: 0;
}
.news-list-content .news-list-wrapper .news-item .img-wrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/*homepage-wrapper css*/
.homepage-wrapper .list-group {
  margin: 0rem;
}
.homepage-wrapper .list-group ul:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #b0afaf;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.homepage-wrapper .list-group ul li {
  position: relative;
  padding-top: 0.53333333rem;
}
.homepage-wrapper .list-group ul li .item-block {
  box-sizing: border-box;
  display: block;
}
.homepage-wrapper .list-group ul li .item-inner:after {
  display: none;
}
.homepage-wrapper .list-group ul li .list-block {
  margin: 0rem;
}
.homepage-wrapper .list-group ul li .list-block .item-content {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.homepage-wrapper .list-group ul li .list-block .item-content .item-media {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding-top: 0.72rem;
}
.homepage-wrapper .list-group ul li .list-block .item-content .item-media img {
  width: 1.28rem;
}
.homepage-wrapper .list-group ul li .list-block .item-content .item-inner {
  margin-left: 0.74666667rem;
  padding-right: 0;
  padding-top: 0.72rem;
  padding-bottom: 1.6rem;
  background: none;
}
.homepage-wrapper .list-group ul li .list-block .item-content .item-inner .item-title {
  color: #000;
  font-size: 0.85333333rem;
  white-space: normal;
  overflow: auto;
  text-overflow: ellipsis;
}
.homepage-wrapper .list-group ul li:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #b0afaf;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.homepage-wrapper .list-group ul li:last-child:after {
  display: none;
}
/*热点详情*/
.text-main {
  padding-left: 0.74666667rem;
  padding-right: 0.74666667rem;
}
.text-main .tags-list {
  overflow: hidden;
}
.text-main .tags-list .tags-item {
  height: 1.28rem;
  line-height: 1.28rem;
  padding: 024;
  padding: 0rem 0.64rem;
  margin-right: 0.8rem;
  float: left;
  background: #efeff2;
  color: #525050;
}
.text-main article {
  color: #525050;
  font-size: 0.8rem;
}
.text-main article p {
  padding-top: 1.36rem;
}
.text-main article h3 {
  padding-top: 1.36rem;
}
.text-main .inset-img {
  padding: 014;
  padding: 0rem 0.37333333rem;
}
.text-main .inset-img .card-cover {
  padding-top: 1.84rem;
}
.text-main .article-relate {
  margin: 0rem;
}
.text-main .article-relate .item-content {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-align: start;
}
.text-main .article-relate .item-content .item-media {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.text-main .article-relate .item-content .item-media img {
  width: 1.28rem;
}
.text-main .article-relate .item-content .item-inner {
  margin-left: 0.37333333rem;
  padding-right: 0;
}
.text-main .article-relate .item-content .item-inner .item-title {
  font-size: 0.90666667rem;
  font-weight: 700;
  color: #000;
}
.text-main .article-relate .item-content .item-inner .item-subtitle {
  min-height: 2.2rem;
  position: relative;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -moz-box-pack: start;
  -webkit-box-pack: start;
  -o-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 0rem;
  padding-right: 0rem;
  font-weight: normal;
}
.text-main .article-relate .item-content .item-inner .item-subtitle .author {
  font-size: 0.69333333rem;
  color: #5e5d5d;
}
.text-main .article-relate .item-content .item-inner .item-subtitle .date {
  margin-left: 1.06666667rem;
  font-size: 0.69333333rem;
  color: #5e5d5d;
}
.text-main .article-relate .item-content .item-inner .item-subtitle .enjoy-icon {
  display: block;
  margin-left: 1.06666667rem;
}
.text-main .article-relate .item-content .item-inner .item-subtitle .enjoy-icon img {
  width: 0.85333333rem;
  display: block;
}
.share-con {
  position: relative;
  margin: Infinity0;
  margin: 3.120 00;
  margin: 3.12rem 0rem 0rem;
}
.share-con .share-tit {
  width: 3.46666667rem;
  height: 1.17333333rem;
  line-height: 1.17333333rem;
  text-align: center;
  position: absolute;
  top: -0.58666667rem;
  left: 50%;
  margin-left: -1.73333333rem;
  color: #000;
  font-size: 0.8rem;
  background: #fff;
  z-index: 20;
}
.share-con .item-content {
  padding: 0.5165;
  padding: 1.1284 4.484;
  padding: 1.12rem 4.4rem 2.24rem;
}
.share-con .item-content .item-media {
  padding: 0rem;
}
.share-con .item-content .item-media img {
  width: 1.92rem;
}
.share-con:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #e7e7e7;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.discuss-con {
  position: relative;
  margin: 0;
  padding: 2.50;
  padding: 2.1333333332 032;
  padding: 2.13333333rem 0rem 0.85333333rem;
  background: #e5f6fe;
}
.discuss-con .discuss-tit {
  position: absolute;
  top: 0.58666667rem;
  margin-left: 0.74666667rem;
  font-size: 0.8rem;
  color: #000;
  font-weight: 700;
  border-bottom: 1px solid #000;
}
.discuss-con .discuss-tit span {
  font-weight: normal;
}
.discuss-con .discuss-footer {
  text-align: center;
}
.discuss-con .discuss-footer .more-btn {
  font-size: 0.8rem;
  color: #000;
}
.discuss-con ul {
  background: #e5f6fe;
}
.discuss-con ul li .item-content {
  padding-left: 0.74666667rem;
  padding-right: 0.74666667rem;
  background: none;
}
.discuss-con ul li .item-content .item-media img {
  width: 2.4rem;
}
.discuss-con ul li .item-content .item-inner {
  padding-right: 0;
  background: none;
}
.discuss-con ul li .item-content .item-inner .item-title-row {
  color: #6e6b6b;
  font-size: 0.69333333rem;
}
.discuss-con ul li .item-content .item-inner .item-text {
  color: #000;
}
.discuss-con ul li:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #fff;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.discuss-con ul li:last-child:after {
  display: none;
}
.login-con {
  margin: Infinity0;
  margin: 1.520 00;
  margin: 1.52rem 0rem 0rem;
}
.login-con .share-tit {
  width: 10.66666667rem;
  margin-left: -5.33333333rem;
}
.login-con .item-content {
  padding: 1.42575;
  padding: 1.5240 240;
  padding: 1.52rem 2rem 1.06666667rem;
  -webkit-justify-content: center;
  justify-content: center;
}
.login-con .item-content .button-fill {
  width: 16rem;
  height: 2.13333333rem;
  line-height: 2.13333333rem;
  font-size: 0.90666667rem;
  background: #31a9de;
}
/*详情*/
.details-main .article-relate .item-content .item-inner {
  margin-left: 0;
  padding-bottom: 0;
}
.details-main .article-relate .item-content .item-inner .item-subtitle {
  min-height: 1.2rem;
}
.details-main article p {
  padding-top: 0.8rem;
}
.test-con {
  margin: 0;
}
.test-con:before {
  display: none;
}
.outset-img {
  margin-top: 1.54666667rem;
  padding: 2px 0;
  border-bottom: 1px solid #5e5d5d;
  border-top: 1px solid #5e5d5d;
}
.from-con {
  margin: 0rem;
  background: #f9f7f7;
}
.from-con .tit {
  font-size: 0.90666667rem;
  color: #000;
  text-align: center;
  padding-top: 0.74666667rem;
}
.from-con .sub-tit {
  font-size: 0.8rem;
  color: #6e6b6b;
  text-align: center;
  padding: 0.586666670;
  padding: 0.58666667rem 0rem;
}
.from-con .submit-content {
  padding: 1.0666666775;
  padding: 1.06666667rem 2rem;
}
.from-con .submit-content .button {
  width: 16rem;
  height: 2.13333333rem;
  line-height: 2.13333333rem;
  font-size: 0.90666667rem;
  margin: 0 auto;
  background: #afb1b2;
  border: none;
  color: #fff;
}
.from-con ul li .item-content {
  min-height: 2.986rem;
}
.from-con ul li .item-inner {
  padding: 026;
  padding: 0rem 0.69333333rem;
}
.from-con ul li .item-inner .label {
  width: 20%;
  font-size: 0.8rem;
}
.from-con ul li .item-inner .item-input select {
  padding: 00 00;
  padding: 0200 0200 0200;
  padding: 0rem 0rem 0rem 5.33333333rem;
  color: #8e8d8f;
}
.from-con ul li:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #d7d7d7;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.from-con ul li:last-child:after {
  display: none;
}
.from-con ul:before {
  background-color: #d7d7d7;
  display: block;
}
.from-con ul:after {
  background-color: #d7d7d7;
  display: block;
}
/*相关阅读列表*/
.method-list {
  margin: 0rem;
}
.method-list .list-group ul li {
  padding-top: 0rem;
  margin-bottom: 0rem;
}
.method-list .list-group ul li .list-block .item-content {
  padding: 028;
  padding: 0rem 0.74666667rem;
}
.method-list .recommend-tit {
  height: 2.08rem;
  padding: 028;
  padding: 0rem 0.74666667rem;
  background: -moz-linear-gradient(left, #5b5b5b, #8f8b8b);
  background: -o-linear-gradient(left, #5b5b5b, #8f8b8b);
  background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#5b5b5b), to(#8f8b8b));
  background: -webkit-linear-gradient(left, #5b5b5b, #8f8b8b);
  background: linear-gradient(left, #5b5b5b, #8f8b8b);
  border-left: 4px solid #31a9de;
}
.method-list .recommend-tit .item-media img {
  width: 1.28rem;
}
.method-list .recommend-tit .item-inner .item-title {
  color: #fff;
  font-size: 0.90666667rem;
}
/*推荐阅读列表*/
.recommend-list {
  margin: 0rem;
}
.recommend-list .list-group ul li {
  padding-top: 0rem;
  margin-bottom: 1.2rem;
}
.recommend-list .list-group ul li .list-block .item-content {
  padding: 028;
  padding: 0rem 0.74666667rem;
}
.recommend-list .list-group ul li .list-block .item-content .item-inner {
  margin-left: 0;
}
.recommend-list .recommend-tit {
  height: 2.08rem;
  padding: 028;
  padding: 0rem 0.74666667rem;
  background: -moz-linear-gradient(left, #5b5b5b, #8f8b8b);
  background: -o-linear-gradient(left, #5b5b5b, #8f8b8b);
  background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#5b5b5b), to(#8f8b8b));
  background: -webkit-linear-gradient(left, #5b5b5b, #8f8b8b);
  background: linear-gradient(left, #5b5b5b, #8f8b8b);
  border-left: 4px solid #f05a28;
}
.recommend-list .recommend-tit .item-media {
  margin-left: -4px;
}
.recommend-list .recommend-tit .item-media img {
  width: 1.28rem;
}
.recommend-list .recommend-tit .item-inner .item-title {
  color: #fff;
  font-size: 0.90666667rem;
}
/*专题测试列表*/
.theme-list {
  margin: 0rem;
}
.theme-list .list-group ul li {
  padding-top: 0rem;
}
.theme-list .list-group ul li .theme-tit {
  height: 2.13333333rem;
  line-height: 2.13333333rem;
  padding: 023;
  padding: 0rem 0.61333333rem;
  font-size: 0.8rem;
  color: #000;
  font-weight: 700;
}
.theme-list .list-group ul li .list-block .item-content {
  padding: 028;
  padding: 0rem 0.74666667rem;
}
.theme-list .list-group ul li .list-block .item-content .item-inner {
  margin-left: 0;
}
.theme-list .recommend-tit {
  height: 2.08rem;
  padding: 028;
  padding: 0rem 0.74666667rem;
  background: -moz-linear-gradient(left, #5b5b5b, #8f8b8b);
  background: -o-linear-gradient(left, #5b5b5b, #8f8b8b);
  background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#5b5b5b), to(#8f8b8b));
  background: -webkit-linear-gradient(left, #5b5b5b, #8f8b8b);
  background: linear-gradient(left, #5b5b5b, #8f8b8b);
  border-left: 4px solid #8ec349;
}
.theme-list .recommend-tit .item-media {
  margin-left: -4px;
}
.theme-list .recommend-tit .item-media img {
  width: 1.28rem;
}
.theme-list .recommend-tit .item-inner .item-title {
  color: #fff;
  font-size: 0.90666667rem;
}
/*侧栏*/
body.with-panel-left-reveal .panel-overlay {
  margin-left: 16rem;
}
body.with-panel-left-reveal .page {
  -webkit-transform: translate3d(16rem, 0, 0);
  transform: translate3d(16rem, 0, 0);
}
.panel-menu {
  width: 16rem;
  background: #262223;
}
.panel-menu .panel-header {
  padding-top: 1.2rem;
}
.panel-menu .panel-header .item-media {
  padding-left: 0.69333333rem;
}
.panel-menu .panel-header .item-media .logo {
  width: 4.85333333rem;
}
.panel-menu .panel-header .item-inner {
  width: auto;
  padding-right: 0.96rem;
  -webkit-box-pack: initial;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.panel-menu .panel-header .item-inner .item-title {
  color: #fff;
}
.panel-menu .panel-header .item-inner .item-after {
  color: #fff;
}
.panel-menu .list-block {
  margin: 0;
}
.panel-menu .list-block ul {
  background: #262223;
}
.panel-menu .list-block ul li {
  position: relative;
}
.panel-menu .list-block ul li .item-content {
  padding-left: 1.28rem;
  min-height: 98;
  _height: 98;
}
.panel-menu .list-block ul li .item-content .item-title {
  color: #848484;
}
.panel-menu .list-block ul:after,
.panel-menu .list-block li .item-inner:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  top: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #9a9797;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.panel-menu .list-block ul li:last-child .item-inner:after {
  display: none;
}
.panel-menu .list-block.user-menu-list {
  margin-top: 1.28rem;
}
.panel-menu .list-block.user-menu-list ul {
  background: #1d1a1b;
}
/*列表切换*/
.nav-swipe {
  height: 2.13333333rem;
  overflow: hidden;
}
.nav-swipe .button {
  height: 2.13333333rem;
  line-height: 2.13333333rem;
  border-bottom: none;
  color: #fff;
  background: #474646;
}
.nav-swipe .button.active {
  color: #fff;
  background: #272626;
  z-index: 9;
}
.nav-swipe-content {
  margin: 0;
  padding: 0;
}
.nav-swipe-content .list-block {
  margin: 0;
}
.nav-swipe-content .list-block .item-content {
  padding: 1.0666666724;
  padding: 1.06666667rem 0.64rem;
}
.nav-swipe-content .list-block .item-inner {
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  background: none;
}
.nav-swipe-content .list-block .item-inner .item-title {
  line-height: 1.33333333rem;
  height: 2.66666667rem;
  overflow: hidden;
  color: #010101;
  font-size: 0.90666667rem;
}
.nav-swipe-content .list-block .item-inner .item-text {
  height: 1.28rem;
  margin-top: 0.61333333rem;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.nav-swipe-content .list-block .item-inner .item-text .item-mark {
  line-height: 1.28rem;
  padding: 023;
  padding: 0rem 0.61333333rem;
  color: #504e4e;
  font-size: 0.8rem;
  background: #efeff2;
}
.nav-swipe-content .list-block .item-inner .item-text .fav-icon {
  display: block;
  width: 0.85333333rem;
  height: 0.85333333rem;
  background: url(../app_img/icon_enjoy.png) no-repeat;
  background-size: contain;
}
.nav-swipe-content .list-block .item-inner .item-text .fav-icon.checked {
  background: url(../app_img/icon_enjoy_checked.png) no-repeat;
  background-size: contain;
}
.nav-swipe-content .list-block .item-media {
  padding: 0;
}
.nav-swipe-content .list-block .item-media img {
  width: 6.24rem;
}
.nav-swipe-content .list-block .item-inner + .item-media {
  margin-left: 0.65rem;
}
.nav-swipe-content .list-block li:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #dedcdc;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
/*结果页*/
.result-wrapper .tit {
  margin: 020;
  margin: 0rem 0.53333333rem;
  font-size: 0.90666667rem;
  color: #000;
  font-weight: 700;
  padding: 0.442307690;
  padding: 0.6133333352 052;
  padding: 0.61333333rem 0rem 1.38666667rem;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.result-wrapper .result-my {
  margin: 020;
  margin: 0rem 0.53333333rem;
  border: 1px solid #e5e3e3;
  border-radius: 0.35rem;
}
.result-wrapper .result-my .result-my-tit {
  height: 2rem;
  line-height: 2rem;
  margin: 021;
  margin: 0rem 0.56rem;
  font-size: 0.85333333rem;
  color: #010101;
  border-bottom: 1px dotted #c1bcbc;
}
.result-wrapper .result-my article {
  padding: Infinity21;
  padding: 0.720 0.560;
  padding: 0.72rem 0.56rem 0rem;
  color: #525050;
  font-size: 0.85333333rem;
}
.code-wrapper {
  margin: Infinity20;
  margin: 1.386666670 0.533333330;
  margin: 1.38666667rem 0.53333333rem 0rem;
  padding: 0.880;
  padding: 0.88rem 0rem;
  text-align: center;
  border: 1px dotted #e5e3e3;
  border-radius: 0.35rem;
}
.code-wrapper .inset-img img {
  width: 6rem;
}
.code-wrapper .code-tips {
  position: relative;
  margin-top: 1.12rem;
}
.code-wrapper .code-tips p {
  color: #000;
  font-size: 0.8rem;
}
.code-wrapper .code-tips:before {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -5px;
  bottom: auto;
  right: auto;
  top: -10px;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #000;
}
/*热门测试*/
.hot-list {
  margin: 0;
  padding: 0;
}
.hot-list .recommend-tit {
  height: 2.08rem;
  padding: 028;
  padding: 0rem 0.74666667rem;
  background: -moz-linear-gradient(left, #5b5b5b, #8f8b8b);
  background: -o-linear-gradient(left, #5b5b5b, #8f8b8b);
  background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#5b5b5b), to(#8f8b8b));
  background: -webkit-linear-gradient(left, #5b5b5b, #8f8b8b);
  background: linear-gradient(left, #5b5b5b, #8f8b8b);
  border-left: 4px solid #31a9de;
}
.hot-list .recommend-tit .item-media {
  margin-left: -4px;
}
.hot-list .recommend-tit .item-media img {
  width: 1.28rem;
}
.hot-list .recommend-tit .item-inner .item-title {
  color: #fff;
  font-size: 0.90666667rem;
}
.hot-list .list-block {
  margin: 0;
}
.hot-list .list-block .item-content {
  padding: 024;
  padding: 024 0.6424;
  padding: 0rem 0.64rem 0.64rem;
}
.hot-list .list-block .item-inner {
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  background: none;
}
.hot-list .list-block .item-inner .item-title {
  line-height: 2.34666667rem;
  height: 2.34666667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #010101;
  font-size: 0.90666667rem;
}
.hot-list .list-block .item-inner .item-title .tag-name {
  font-weight: 700;
}
.hot-list .list-block .item-inner .item-text {
  height: 1.28rem;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: initial;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.hot-list .list-block .item-inner .item-text .item-mark {
  width: 8rem;
  line-height: 1.28rem;
  padding: NaN0 Infinity0;
  padding: 00 0.613333330 00;
  padding: 0rem 0.61333333rem 0rem 0rem;
  color: #504e4e;
  font-size: 0.8rem;
  overflow: hidden;
  background: none;
}
.hot-list .list-block .item-inner .item-text .fav-icon {
  display: block;
  width: 0.85333333rem;
  height: 0.85333333rem;
  background: url(../app_img/icon_enjoy.png) no-repeat;
  background-size: contain;
}
.hot-list .list-block .item-inner .item-text .fav-icon.checked {
  background: url(../app_img/icon_enjoy_checked.png) no-repeat;
  background-size: contain;
}
.hot-list .list-block .item-media {
  padding: 0;
}
.hot-list .list-block .item-media img {
  width: 6.24rem;
}
.hot-list .list-block .item-inner + .item-media {
  margin-left: 0.65rem;
}
.hot-list .list-block li:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #dedcdc;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
/*测试专题样式*/
.subject-content .outset-img {
  margin-top: 2px;
}
.subject-content article {
  padding: Infinity21;
  padding: 0.720 0.560;
  padding: 0.72rem 0.56rem 0rem;
  color: #525050;
  font-size: 0.85333333rem;
}
.subject-content {
  margin: 0;
  padding: 0;
}
.subject-content .list-block {
  margin: Infinity0;
  margin: 1.333333330 00;
  margin: 1.33333333rem 0rem 0rem;
}
.subject-content .list-block .item-content {
  height: 5.33333333rem;
}
.subject-content .list-block .item-inner {
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  background: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.subject-content .list-block .item-inner .item-title {
  color: #010101;
  font-size: 0.90666667rem;
}
.subject-content .list-block .item-media {
  padding: 0;
}
.subject-content .list-block .item-media img {
  width: 6.24rem;
}
.subject-content .list-block .item-inner + .item-media {
  margin-left: 0.65rem;
}
.subject-content .list-block li {
  margin: 028;
  margin: 0rem 0.74666667rem;
  border-bottom: 1px dashed #dedcdc;
}
.subject-content .list-block ul::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #e7e7e7;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.subject-content .list-block ul:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #e7e7e7;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.subject-content .list-block ul li:last-child {
  border-bottom: none;
}
/*分享pop*/
.popup-share {
  height: 6.13333333rem;
  top: auto;
  bottom: 0;
  background: #efeded;
}
.popup-share .share-wrap .item-group {
  position: relative;
  box-sizing: border-box;
  height: 6.13333333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.popup-share .share-wrap .item-group .share-item {
  width: 100%;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  text-align: center;
}
.popup-share .share-wrap .item-group .share-item img {
  width: 2.45333333rem;
}
.popup-share .share-wrap .item-group .share-item span {
  color: #202020;
  font-size: 0.90666667rem;
  display: block;
}
.popup-share .share-wrap .item-group .share-item:after {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
}
/*朋友圈分享pop*/
.popup-wx {
  background: none;
}
.popup-wx .share-wrap {
  width: 176px;
  height: 69px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../app_img/share.png) no-repeat;
}
.popup-wx.modal-in,
.popup-wx.modal-out {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}