.cover {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}
.mui-btn-blue,
.mui-btn-primary,
input[type=submit] {
  color: #fff;
  border: 1px solid #007aff;
  background-color: #007aff;
  border-radius: 3px;
}
.mui-poppicker-btn-cancel {
  border: 1px solid #ccc;
  border-radius: 3px;
}
html {
  font-size: 13.33333333vw;
}
body {
  font-size: .32rem;
  font-family: 'Microsoft YaHei', '微软雅黑';
  background-color: #f5f5f5;
}
.marbot {
  margin-bottom: .3rem;
  background-color: #fff;
}
.m-com-module-title .tit {
  position: relative;
  padding: .38rem 0 .22rem .16rem;
  font-size: .32rem;
  line-height: .32rem;
  color: #333;
  font-weight: bold;
}
.m-com-module-title .tit::after {
  content: '';
  width: .06rem;
  height: .32rem;
  background-color: #5890f4;
  position: absolute;
  left: 0;
  top: .38rem;
}
.m-com-module-title .cont {
  font-size: .22rem;
  line-height: .36rem;
  color: #666;
  margin-bottom: .36rem;
  letter-spacing: .02rem;
}
.pagebanner a {
  display: block;
  width: 7.5rem;
  height: 4.2rem;
}
.pagebanner a img {
  width: 7.5rem;
  height: 4.2rem;
}
.artbox-lists {
  padding: 0 0 .4rem;
}
.artbox-lists .navtitle {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 1rem;
  border-bottom: .02rem solid #eee;
  background-color: #fff;
}
.artbox-lists .navtitle::-webkit-scrollbar {
  display: none;
}
.artbox-lists .navtitle li {
  display: inline-block;
  vertical-align: top;
  padding: 0 .3rem .16rem;
  min-width: 1.1rem;
  height: .84rem;
  font-size: 0.26rem;
  line-height: 0.84rem;
  color: #333333;
  position: relative;
  text-align: center;
  font-weight: bold;
}
.artbox-lists .navtitle li a {
  color: #333333;
}
.artbox-lists .navtitle .sel a {
  color: #4ab4e9;
}
.artbox-lists .navtitle .sel::after {
  content: '';
  display: block;
  width: .5rem;
  height: .04rem;
  background-color: #4ab4e9;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.25rem;
}
.artbox-lists .navcontent {
  padding: .46rem .3rem 0;
}
.artbox-lists .navcontent .ite {
  height: 1.6rem;
  margin-bottom: .4rem;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.artbox-lists .navcontent .ite .aimg {
  width: 2.72rem;
  height: 1.54rem;
  margin-top: .06rem;
}
.artbox-lists .navcontent .ite .aimg a {
  display: block;
  width: 100%;
  height: 100%;
}
.artbox-lists .navcontent .ite .aimg img {
  width: 100%;
  height: 100%;
}
.artbox-lists .navcontent .ite .intro {
  width: 3.84rem;
  height: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.artbox-lists .navcontent .ite .intro .title {
  font-size: 0.26rem;
  line-height: 0.4rem;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.artbox-lists .navcontent .ite .intro .title a {
  color: #333;
}
.artbox-lists .navcontent .ite .intro .cont {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.2rem;
  line-height: 0.2rem;
  color: #747474;
}
.artbox-lists .navcontent .ite .intro .cont .tags {
  max-width: 2.2rem;
  padding-left: .3rem;
  background: url(../../images/m_add_imgs/cs_09.png) no-repeat left;
  background-size: .17rem .2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.artbox-lists .navcontent .ite .intro .cont .tags a {
  font-size: 0.2rem;
  line-height: 0.22rem;
  color: #747474;
  margin-right: .1rem;
  max-width: 1.04rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.artbox-lists .navcontent .ite .totop {
  width: 0.62rem;
  height: 0.28rem;
  background-color: #00d699;
  font-size: 0.19rem;
  line-height: 0.28rem;
  color: #ffffff;
  text-align: center;
  position: absolute;
  top: 0.06rem;
  left: 0;
}
.artbox-lists .lookmore {
  display: block;
  width: 6.9rem;
  height: 0.9rem;
  border-radius: 0.1rem;
  background: #275df5;
  cursor: pointer;
  text-align: center;
  line-height: 0.9rem;
  font-size: 0.34rem;
  color: #ffffff;
  padding: 0;
  margin: 0;
  outline: none;
  border: none;
  background: -webkit-gradient(linear, left top, right top, from(#275df5), to(#275df5));
  background: linear-gradient(left, #275df5, #275df5);
  letter-spacing: .02rem;
  margin: 0 auto;
}
.hotlists {
  padding: .4rem .3rem .3rem;
}
.hotlists .pbanner2 {
  display: block;
  width: 100%;
  height: 3.66rem;
}
.hotlists .pbanner2 img {
  width: 100%;
  height: 3.66rem;
}
.hotlists .hotbox {
  padding-top: .1rem;
}
.hotlists .hotbox .ite {
  margin-bottom: .4rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hotlists .hotbox .ite .aimg {
  width: 2.72rem;
  height: 1.54rem;
  margin-top: .06rem;
}
.hotlists .hotbox .ite .aimg a {
  display: block;
  width: 100%;
  height: 100%;
}
.hotlists .hotbox .ite .aimg img {
  width: 100%;
  height: 100%;
}
.hotlists .hotbox .ite .intro {
  width: 3.84rem;
  height: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.hotlists .hotbox .ite .intro .title {
  font-size: 0.26rem;
  line-height: 0.4rem;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.hotlists .hotbox .ite .intro .title a {
  color: #333;
}
.hotlists .hotbox .ite .intro .cont {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.2rem;
  line-height: 0.2rem;
  color: #747474;
}
.hotlists .hotbox .ite .intro .cont .tags {
  max-width: 2.2rem;
  padding-left: .3rem;
  background: url(../../images/m_add_imgs/cs_09.png) no-repeat left;
  background-size: .17rem .2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.hotlists .hotbox .ite .intro .cont .tags a {
  font-size: 0.2rem;
  line-height: 0.22rem;
  color: #747474;
  margin-right: .1rem;
  max-width: 1.04rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.tagbox {
  padding: 0 .3rem .24rem;
}
.tagbox .m-com-module-title {
  padding-left: 0.1rem;
}
.tagbox .tbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tagbox .tbox li {
  padding: 0 .2rem;
  height: .54rem;
  border: .02rem solid #60d29d;
  border-radius: .28rem;
  margin: 0 .1rem .18rem;
}
.tagbox .tbox li a {
  font-size: 0.24rem;
  line-height: 0.54rem;
  color: #60d29d;
  letter-spacing: .02rem;
}
.iibox {
  width: 7.5rem;
  height: 4.2rem;
}
.iibox a {
  display: block;
  width: 100%;
  height: 100%;
}
.iibox a img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.page-article-box {
  padding-bottom: .4rem;
}