@charset "UTF-8";

@font-face {
  /*font-family: "Hiragino Sans GB W3";
    src: url('../font/Hiragino Sans GB W3.otf'),
     url('../font/Hiragino Sans GB W6.otf'); /* IE9+ */
}

html,
body,
div,
p,
hr,
pre,
h1,
h2,
h3,
h4,
h5,
h6,
table,
tr,
td,
th,
tfoot,
tbody,
thead,
form,
input,
textarea,
label,
ul,
ol,
dl,
li,
dt,
dd {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Hiragino Sans GB W3', 'Microsoft YaHei', '微软雅黑';
  -webkit-font-smoothing: antialiased;
  margin: 0;
}

body {
  margin: 0 auto;
  color: #000;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

a {
  text-decoration: none;
  color: #333333;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

.clearfix {
  display: block;
}

.clearfix:after {
  content: '';
  overflow: hidden;
  width: 100%;
  height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
}

.hidden {
  display: none;
}

.margin-top10 {
  margin-top: 0.21368rem;
}

.preview-tips {
  background: url("../../image/common/preview-tips.png") no-repeat;
  background-size: contain;
  width: 16rem;
  height: 2.62rem;
  position: relative;
}

.offline-tips {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("../../image/common/offline-tips.png");
  background-repeat: no-repeat;
  background-position: center 40%;
  background-size: 68%;
}

.offline-tips::after {
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: '该报名已经下线或被删除';
  color: #474747;
  font-size: 0.6837rem;
}

.icon-preview {
  position: absolute;
  right: 0;
  bottom: 0.33333rem;
  background: url("../../image/common/preview-tips2.png") no-repeat;
  background-size: contain;
  width: 3.498667rem;
  height: 1.578667rem;
}

.download-fade {
  position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  font-size: 0;
  margin-bottom: -1px;
  height: 4.010667rem;
}

.download-container {
  -padding: 0.576rem 0.81067rem 0.576rem 0.72533rem;
  height: 100%;
}

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

.icon-download img {
  width: 100%;
  height: 100%;
}

.download-btns {
  position: relative;
  float: right;
}

.download-btns .now-download {
  color: #fff;
  font-size: 0.51392rem;
  border-radius: 1.152rem;
  padding: 0.32rem 0.85333rem;
  background-color: #f45d53;
  margin-right: 1.32267rem;
  cursor: pointer;
}

.download-close {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  width: 0.68267rem;
  height: 0.68267rem;
  background: url("../../image/common/download_close.png") no-repeat;
  background-size: 100% 100%;
}

.close-container {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1.68267rem;
  cursor: pointer;
}

.mui-bar {
  position: static !important;
  z-index: 10;
  right: 0;
  left: 0;
  height: 44px;
  padding-right: 10px;
  padding-left: 10px;
  border-bottom: 0;
  /*  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.85); */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.mui-bar-nav {
  top: 0;
  /* -webkit-box-shadow: 0 1px 6px #ccc;
    box-shadow: 0 1px 6px #ccc; */
}

.mui-pull-left {
  float: left;
}

.mui-icon {
  font-family: Muiicons;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
}

.mui-bar .mui-icon {
  font-size: 24px;
  position: relative;
  z-index: 20;
  padding-top: 10px;
  padding-bottom: 10px;
}

.mui-bar-nav.mui-bar .mui-icon {
  margin-right: -10px;
  margin-left: -10px;
  padding-right: 10px;
  padding-left: 10px;
}

.mui-icon-back:before,
.mui-icon-left-nav:before {
  display: block;
  content: '' !important;
  width: 20px;
  height: 20px;
  background: url("../../image/common/return.png");
  background-size: 100% 100%;
}

.mui-title {
  font-size: 17px;
  font-weight: 500;
  line-height: 44px;
  position: absolute;
  display: block;
  width: 100%;
  margin: 0 -10px;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  color: #fff;
}

.mui-bar .mui-title {
  right: 40px;
  left: 40px;
  display: inline-block;
  overflow: hidden;
  width: auto;
  margin: 0;
  text-overflow: ellipsis;
}

/************* 滑动到头部按钮 **************/

.go-top {
  position: fixed;
  overflow: hidden;
  right: 0.641rem;
  bottom: -4.2735rem;
  width: 2.1367rem;
  height: 2.1367rem;
  background-image: url("../../image/common/goTop.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.go-top.show {
  bottom: 4.2735rem;
}

/*****************文章太长*****************/

.too-long-pack {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-top: 7.0513rem;
  padding-bottom: 1.5384rem;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(30%, #fff), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to top, #fff 0, #fff 30%, rgba(255, 255, 255, 0) 100%);
  z-index: 99;
}

.too-long-pack.show {
  padding-top: 0;
  background-image: none;
  position: relative;
}

.too-long-pack .below-icon {
  display: block;
  height: 0.9829rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("../../image/common/downward-icon-active.gif");
}

.too-long-pack .below-icon.yes {
  background-image: url("../../image/common/like-yes-icon.png");
}

.too-long-pack .button-go-pack {
  text-align: center;
  margin-top: 0.9615rem;
  padding-left: 2.6582rem;
  padding-right: 2.6582rem;
}

.too-long-pack .button-go-pack .button-go-app {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 0.5556rem;
  line-height: 1.4103rem;
  border-radius: 0.7051rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#f10a0a), to(#f9564f));
  background-image: linear-gradient(to right, #f10a0a, #f9564f);
}

.too-long-pack .praise-num-pack {
  margin-top: 0.8547rem;
  text-align: center;
}

.too-long-pack .praise-num-pack .praise-num {
  display: inline-block;
  padding-left: 1.5384rem;
  padding-right: 1.5384rem;
  line-height: 1.4103rem;
  font-size: 0.5556rem;
  border-radius: 0.7051rem;
  color: #f02215;
  border: 0.0427rem solid #f84640;
}

.too-long-pack .praise-num-pack .praise-num::before {
  content: '';
  padding-left: 0.8547rem;
  margin-right: 0.2273rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("../../image/common/like-no-icon.png");
}

.too-long-pack .praise-num-pack .praise-num.yes::before {
  background-image: url("../../image/common/like-yes-icon.png");
}

.calculate-omitted-pack {
  overflow: hidden;
  display: block;
  height: 0;
  font: inherit !important;
}

.calculate-omitted-pack * {
  font: inherit !important;
}

/******************** 兼容点击事件 ********************/

[data-close='footer-nav'],
[data-click='go-page'],
[data-click],
[data-show],
[data-close],
[data-open='app'] {
  cursor: pointer;
}

html,
body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/***************** 点赞动图 ***************/

.like-gif-img {
  position: fixed;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 8.547rem;
  height: auto;
  display: none;
  z-index: 500;
}

/******************** 弹层 ********************/

.layer-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
}

.layer-mask#messagePop {
  z-index: 1000;
}

.layer-mask .layer-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11.947rem;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: #f7f7f7;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
  -webkit-animation-name: layui-scale;
  animation-name: layui-scale;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.layer-mask .layer-content .layer-title {
  margin-bottom: 0.4rem;
  font-size: 0.8rem;
  font-weight: 500;
  font-weight: 600;
  text-align: center;
  color: #000;
}

.layer-mask .layer-content .layer-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.86rem;
  line-height: 1.86rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  border-top: 0.06rem solid #b5b5b5;
}

.layer-mask .layer-content .layer-btns > a {
  float: left;
  width: 50%;
  font-size: 0.7rem;
  font-weight: 400;
  cursor: pointer;
  color: #007aff;
}

.layer-mask .layer-content .layer-btns .layer-confirm {
  font-weight: 600;
  border-left: 0.01rem solid #b5b5b5;
}

.layer-mask#confirmPop .layer-content {
  -webkit-transform: translateX(-50%) translateY(-85%);
  transform: translateX(-50%) translateY(-85%);
}

.layer-mask#confirmPop .layer-content .confirm-body {
  padding: 0.8547rem 0.641rem 0;
  font-size: 0.5983rem;
  margin-bottom: 0.8rem;
  color: #000;
}

.layer-mask#messagePop .layer-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 12.8205rem;
  height: 7.4786rem;
  padding: 1.282rem 0.8547rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.layer-mask#messagePop .layer-content .message-body {
  width: 65%;
  margin-right: 5%;
  text-align: left;
  color: #222222;
  font-size: 0.5983rem;
}

.layer-mask#messagePop .layer-content .message-body p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.layer-mask#messagePop .layer-content .message-body .layer-title {
  text-align: left;
  color: #222222;
  margin-bottom: 0.8rem;
}

.layer-mask#messagePop .layer-content .message-qrcode {
  position: relative;
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.layer-mask#messagePop .layer-content .message-qrcode .download-btn {
  position: relative;
  cursor: pointer;
  width: 2.735rem;
  height: 2.735rem;
  margin-bottom: 5px;
}

.layer-mask#messagePop .layer-content .message-qrcode .download-btn .download-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
}

.layer-mask#messagePop .layer-content .message-qrcode .download-name {
  width: 2.735rem;
  font-size: 0.4273rem;
  color: #666666;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.layer-mask .layer-close {
  position: absolute;
  right: 0.4274rem;
  top: 0.4274rem;
  display: block;
  width: 0.6838rem;
  height: 0.6838rem;
  background: url("../../image/common/closeIcon.png") no-repeat center center;
  background-size: cover;
  cursor: pointer;
}

@media screen and (max-width: 320px) {
  .download-btns .download-close {
    width: 1.06667rem;
    height: 1.06667rem;
  }

  .close-container {
    width: 1.06667rem;
  }
}

@media screen and (min-width: 750px) {
  [data-dpr='1'] .download-fade {
    width: 16rem !important;
  }
}

/************************ 根据项目进行设置 ************************/

/* 点赞,评论，关注 */

.info-item .cut-off-rule {
  display: none !important;
}

.info-item .read-pack {
  display: none !important;
}

.praise-num-pack {
  display: none !important;
}

.info .read-pack {
  display: none !important;
}

.info .politic-wire {
  display: none !important;
}

.info .cut-off-rule {
  display: none !important;
}

.info .visit-count {
  display: none !important;
}

.info .like-pack {
  display: none !important;
}

.sy-detail_msgTime .hr_row {
  display: none !important;
}

.sy-detail_msgTime .readNum {
  display: none !important;
}

.info .description_row {
  display: none !important;
}

.info .description_see {
  display: none !important;
}

.info .time_see b {
  display: none !important;
}

.info .time_see .seeNum {
  display: none !important;
}

.artMsg .artMsg_right {
  display: none !important;
}

.video-detail-handle p {
  display: none;
}

.related-recommand-item_detail_play {
  display: none;
}

.have-footer-nav .show-related-recommand {
  padding-bottom: 2.1367rem;
}

/******************************* footer-h5-add.css 重写 *******************************/

.relate-recomen .tpl-pack .title .icon {
  display: none;
}

.relate-recomen .tpl-pack .hint .original.yes {
  display: none;
}

.list-head {
  font-weight: 400 !important;
}

.list-head .horizon {
  background-image: none !important;
  width: 1.0683rem !important;
}

.list-head .horizon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 0.0641rem;
  width: 100%;
  background-color: #d8d8d8;
}

.list-content .button-open-app {
  min-width: 10.6837rem;
  color: #f54d42 !important;
  background-color: transparent !important;
  border: 0.0641rem solid #ffdbd8;
  background-image: none !important;
}

.article-wemedia .btn {
  border-radius: 0.1282rem !important;
}

.article-wemedia .follow {
  border-color: #e0e0e0 !important;
  color: #333 !important;
}

.list-content .no-discuss {
  height: 9.4017rem !important;
}

.full-show-container .full-txt .tool {
  display: inline !important;
  padding: 0.32051rem 0.4273rem 0.21368rem 0;
}

.full-show-container .full-txt .title {
  display: inline !important;
}

.full-show-container .full-txt .content {
  margin-top: 0.4273rem;
}

.relate-subject .list-content h1 {
  padding-left: 1.3538rem;
}

.relate-subject .list-content h1::before {
  background-color: transparent;
  width: 0.47rem;
  background-image: url("../../image/common/icon-hint-title.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.too-long-pack .button-go-pack .button-go-app {
  background-image: none !important;
  color: #f54d42 !important;
  border: 0.0641rem solid #ffdbd8;
  border-radius: 0.7692rem;
}

/*ipad*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  html,
  body {
    width: 100%;
    font-size: 23px !important;
  }

  .pc-basic-common {
    width: 750px;
    margin: auto;
  }
}

@media only screen and (min-width: 992px) {
  [data-dpr="1"] html,
  body {
    width: 100% !important;
    background: #f6f6f6 !important;
  }

  html {
    font-size: 26px !important;
  }

  .pc-basic-common {
    width: 750px !important;
    margin: auto !important;
    background: #fff !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .pt15 {
    padding-top: 15px !important;
  }

  .pd25 {
    padding-bottom: 25px !important;
  }

  ::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    /**/
  }

  ::-webkit-scrollbar-track {
    background: #efefef;
    border-radius: 2px;
  }

  ::-webkit-scrollbar-thumb {
    background: #bfbfbf;
    border-radius: 3px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #333;
  }

  ::-webkit-scrollbar-corner {
    background: #999;
  }
}