/* reset.less */
/* CSS Document */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 312.5%;
}
ul,
li,
div,
p,
body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}
input {
  -webkit-appearance: none;
  outline: none;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  outline: none;
}
* {
  outline: none;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.hide {
  display: none;
}
body,
html {
  width: 100%;
  height: 100%;
  font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
  font-weight: normal;
  font-size: 0.26rem;
}
body {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}
button {
  border: none;
  background: none;
  display: block;
  outline: none;
}
table {
  border-collapse: collapse;
}
@media screen and (min-width: 360px) and (max-width: 374px) and (orientation: portrait) {
  html {
    font-size: 351.5%;
  }
}
@media screen and (min-width: 384px) and (max-width: 399px) and (orientation: portrait) {
  html {
    font-size: 375%;
  }
}
@media screen and (min-width: 400px) and (max-width: 413px) and (orientation: portrait) {
  html {
    font-size: 390.625%;
  }
}
@media screen and (min-width: 414px) and (max-width: 431px) and (orientation: portrait) {
  html {
    font-size: 404.3%;
  }
}
@media screen and (min-width: 432px) and (max-width: 479px) and (orientation: portrait) {
  html {
    font-size: 421.875%;
  }
}
@media screen and (min-width: 480px) and (max-width: 639px) and (orientation: portrait) {
  html {
    font-size: 468.75%;
  }
}
@media screen and (min-width: 640px) and (orientation: portrait) {
  html {
    font-size: 625%;
  }
}
body {
  background: #fffbef url(https://dream.res.netease.com/m/zt/202103041047482/img/bg_9e6988fb.jpg) no-repeat center 3.48rem;
  background-size: 100%;
  font-size: 0.24rem;
}
#NIE-art {
  font-family: "Microsoft YaHei";
  font-size: 0.24rem;
  padding: 0.4rem;
  padding-top: 1rem;
  color: #8a6b19;
}
#NIE-art a {
  color: #4370bf;
}
/* 标题     */
#NIE-art .artTitle {
  font-family: "Microsoft YaHei";
  line-height: 0.4rem;
  font-size: 0.32rem;
  text-align: center;
  font-weight: bold;
}
/* 副标题   */
#NIE-art .artSubTitle {
  text-align: center;
}
/* 文章信息 */
#NIE-art .artInfo {
  text-align: center;
  font-size: 0.24rem;
  margin-top: 0.1rem;
}
/* 文章来源 */
#NIE-art .artSource {
  text-align: center;
  font-size: 0.24rem;
}
/* 日期时间 */
#NIE-art .artDate {
  font-family: Verdana;
}
/* 核心提示 */
#NIE-art .artTips {
  padding: 0.1rem;
  font-size: 0.24rem;
  line-height: 0.3rem;
  border: 1px #ccc solid;
  background: #f0f0f0;
}
/* 诗词     */
#NIE-art .artPoem {
  margin: 0.1rem 0;
  font-family: "\6977\4F53";
  font-size: 0.24rem;
  line-height: 0.3rem;
  color: #c77322;
}
/* 正文     */
#NIE-art .artText {
  margin: 0 auto;
  padding: 0.1rem 0;
  font-size: 0.24rem;
  line-height: 0.3rem;
}
/* 正文段落  */
#NIE-art .artText p {
  line-height: 0.5rem;
}
/* 一级标题 */
#NIE-art .artText h2 {
  text-indent: 0px;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.3rem;
  font-weight: bold;
  color: #8a6b19;
  background-size: 0.29rem 0.28rem;
}
/* 二级内容 */
#NIE-art .artText .artCon2 {
  margin-left: 0.3rem;
  margin-right: 0.3rem;
  overflow: hidden;
}
/* 二级标题 */
#NIE-art .artText h3 {
  margin-bottom: 0.2rem;
  text-indent: 0.5rem;
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.26rem;
  font-weight: bold;
  background-size: auto 100%;
}
/* table分行处理 */
#NIE-art table td {
  word-break: break-word;
  overflow: hidden;
}
/* === 发布系统 === */
/* 加粗    */
.b {
  font-weight: 800;
}
/* 着重色1  */
.red {
  color: #ff4d5d;
}
/* 着重色1加粗 */
.redb {
  color: #ff4d5d;
  font-weight: bold;
}
/* 着重色2  */
.blue {
  color: #00F;
}
/* 服务器名字 */
.fuchsia {
  color: #ff00ff;
}
/* 列表 */
#NIE-art ul h4 {
  font-weight: bold;
}
#NIE-art ul li {
  padding: 0.06rem 0 0.06rem 0.2rem;
  line-height: 0.3rem;
}
#NIE-art ul li ol {
  margin: 0 0 0 0.2rem;
}
#NIE-art ul li ol li {
  list-style: inside decimal;
  margin: 0;
  padding: 0;
  font-size: 0.24rem;
  line-height: 0.3rem;
  background: none;
}
/* 备注 */
#NIE-art .artRemark {
  margin: 0.10rem 0;
  padding: 0.1rem 0;
  border-top: 1px #ccc dashed;
}
/* 推荐 */
/*图片表格*/
#NIE-art .table-pic {
  margin: 0 auto;
  line-height: 0.3rem;
  font-size: 0.24rem;
  font-weight: bold;
  text-align: center;
  border-collapse: collapse;
}
#NIE-art .table-pic td {
  border: 0px #fff solid !important;
  vertical-align: middle;
  text-align: center;
}
#NIE-art .table-pic img {
  display: block;
  max-width: 100%;
}
/*文字表格*/
#NIE-art .table-txt {
  margin: 0 auto;
  font-size: 0.24rem;
  border-collapse: collapse;
}
#NIE-art .table-txt td {
  border: 1px #b3b3b3 solid;
  vertical-align: middle;
}
#NIE-art .table-txt thead td {
  font-weight: bold;
  font-size: 0.24rem;
}
/* 免责声明 */
#NIE-art .artDisclaimer {
  font-size: 0.24rem;
  line-height: 23px;
  color: #636363;
  text-align: right;
}
#NIE-art .artDisclaimer .artDisclaimer-btn {
  position: relative;
  height: 23px;
  padding-left: 24px;
  margin-left: 7px;
  text-align: left;
  text-decoration: none;
  color: #636363;
  font-size: 12px;
  border: 0;
  cursor: pointer;
  display: inline-block;
}
#NIE-art .artDisclaimer .artDisclaimer-btn:hover {
  color: #F60;
}
#NIE-art .artDisclaimer .artDisclaimer-btn,
#NIE-art .artDisclaimer i .closeBtn {
  /*图片捆绑在js*/
  background-repeat: no-repeat;
}
#NIE-art .artDisclaimer .NIE-share-txt {
  display: none;
}
#NIE-art .artDisclaimer .shareBtn {
  width: 50px;
}
#NIE-art .artDisclaimer .copyLinkBtn {
  width: 54px;
  background-position: -81px 0;
}
#NIE-art .artDisclaimer .goTopBtn {
  width: 54px;
  background-position: -166px 0;
}
#NIE-art .artDisclaimer i {
  position: absolute;
  top: 19px;
  /* for ie */
  top: 24px \9;
  left: 7px;
  width: 160px;
  padding: 9px;
  text-align: left;
  background: #fff;
  border: 1px #bcbcbc solid;
  display: none;
}
#NIE-art .artDisclaimer i a {
  width: 70px;
  margin: 2px 10px 2px 0;
  float: left;
  text-indent: 20px;
  color: #868686;
  text-decoration: none;
  display: inline;
}
#NIE-art .artDisclaimer i a:hover {
  color: #F60;
  text-decoration: underline;
}
#NIE-art .artDisclaimer i .closeBtn {
  position: absolute;
  right: 0;
  top: 0;
  width: 13px;
  height: 11px;
  margin: 0;
  line-height: 900px;
  padding: 0;
  background-color: #b7b7b7;
  background-position: -231px -24px;
  overflow: hidden;
}
#NIE-art .artDisclaimer i .closeBtn:hover {
  background-color: #F90;
}
/* 分页 */
#NIE-art .paging {
  padding: 15px 0;
  font-size: 12px;
  text-align: center;
}
#NIE-art .paging i,
#NIE-art .paging a:hover i {
  margin: 0 1px;
  padding: 2px 5px;
  font-style: normal;
  color: #fff;
  background: #FF9900;
  border: 1px solid #FF6600;
}
#NIE-art .paging a {
  text-decoration: none;
}
#NIE-art .paging a i {
  color: #333;
  border: 1px #9d9d9d solid;
  background: #e6e6e6;
}
/* 统一间距 */
#NIE-art .artText p,
#NIE-art .artText h2,
#NIE-art .artText h3,
#NIE-art .table3,
#NIE-art .table4,
#NIE-art .tablepad12,
#NIE-art .tablepad,
#NIE-art .tablepadblue,
#NIE-art .table-pic,
#NIE-art .table-txt {
  margin-top: 14px;
}
/* fix table p */
#NIE-art .artText table p {
  margin-top: 0;
}
/* === 兼容 === */
/*图片边框*/
#NIE-art .table-pic img,
.table3 img {
  border: 1px #949ec8 solid;
}
/*图片.hover边框颜色**/
#NIE-art .table-pic a:hover img,
.table3 a:hover img {
  border-color: #999;
}
/*文字表格padding*/
#NIE-art .table-txt td,
.table4 td {
  padding: 5px 3px;
}
/*文字表格边框**/
#NIE-art .table-pic td,
.table3 td,
.table4 td,
.tablepad12 td,
.tablepad td {
  border-width: 1px;
  border-style: solid;
}
.table3 {
  margin: 0 auto;
  line-height: 0.3rem;
  font-size: 0.24rem;
  text-align: center;
  border-collapse: collapse;
  width: 100% !important;
}
.table3 td {
  vertical-align: middle;
  text-align: center;
  padding: 8px;
  border: 1px solid #a0a0a0;
}
.table3 th {
  background: #dbdce0;
  border: 1px solid #a0a0a0;
  padding: 8px;
}
.table4 {
  margin: 0 auto;
  font-size: 0.24rem;
  border-collapse: collapse;
  width: 100% !important;
}
.table4 td {
  vertical-align: middle;
}
.table4 thead td {
  font-weight: bold;
  font-size: 0.24rem;
}
.tablepad12 {
  font-size: 0.24rem;
}
.tablepad12 td {
  padding: 2px;
  font-size: 0.24rem;
}
.tablepad {
  border: 0px;
  font-size: 0.24rem;
  line-height: 170%;
  margin: 0 auto;
  padding: 0px;
  border-collapse: collapse;
}
.tablepad td {
  padding: 1px 5px;
  margin: 0;
}
.article .artTitle {
  font-weight: bold;
  font-size: 0.3rem;
  color: #b46626;
  margin-bottom: 0.12rem;
}
.article .article__info {
  text-align: center;
  color: #9e9e9e;
}
.article .article__info::before {
  display: block;
  content: '';
  width: 0.3rem;
  border-bottom: 1px solid #9e9e9e;
  margin: 0 auto 0.1rem;
}
.article__top {
  padding-bottom: 0.4rem;
  border-bottom: 1px dashed #9e9e9e;
}
#NIE-art .artText {
  color: #757575;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  padding-bottom: 1rem;
}
#NIE-art .artText h2 {
  color: #c9471a;
  display: table;
  position: relative;
  border-bottom: 1px solid #c9471a;
}
#NIE-art .artText h2::before {
  display: inline-block;
  content: '';
  width: 0.33rem;
  height: 0.33rem;
  background: url(https://dream.res.netease.com/m/zt/202103041047482/img/h1-c1_499e3bd6.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: bottom;
  margin-right: 0.1rem;
}
#NIE-art .artText h2::after {
  display: inline-block;
  content: '';
  width: 12px;
  height: 13px;
  background: url(https://dream.res.netease.com/m/zt/202103041047482/img/sprite-79b203_79b2035e.png) no-repeat;background-size:12px 13px;
background-position:-0px -0px;

  vertical-align: bottom;
}
#NIE-art .artText h3 {
  color: #b46626;
  font-weight: normal;
}
#NIE-art .table-pic img {
  width: 727px !important;
  height: auto !important;
}
.NIE-copyRight_m {
  text-align: center;
  padding: 0.5rem 0;
  color: #333;
}
.NIE-copyRight_m a {
  color: #333;
}

.top-bar {
  height: 3.48rem;
  width: 100%;
  background: url(https://dream.res.netease.com/m/zt/202103041047482/img/top-bg_ff09e79f.jpg) no-repeat center top;
  background-size: 100% 100%;
  position: relative;
}
.top-bar .position {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 7.5rem;
  height: 0.55rem;
  color: #ede1b2;
  background: rgba(0, 0, 0, 0.59);
  line-height: 0.55rem;
  padding-left: 0.3rem;
}
.top-bar .position a {
  color: #ede1b2;
}

.topBar {
  height: 1rem;
  background: rgba(255, 255, 255, 0.5);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
}
.topBar .icon {
  position: absolute;
  top: 0.05rem;
  left: 0.18rem;
  display: inline-block;
  width: 0.89rem;
  height: 0.89rem;
  background: url(https://dream.res.netease.com/m/zt/202103041047482/img/game-icon_77ca6858.png) no-repeat;
  background-size: 100% 100%;
}
.topBar .txt {
  position: absolute;
  top: 0.19rem;
  left: 1.29rem;
  color: #2f2f2f;
}
.topBar .txt .p1 {
  font-weight: bold;
  font-size: 0.3rem;
  line-height: 0.3rem;
}
.topBar .txt .p2 {
  font-size: 0.22rem;
  line-height: 0.22rem;
  margin-top: 0.15rem;
}
.topBar .subscribe-btn {
  display: block;
  width: 2.37rem;
  height: 0.67rem;
  background: url(https://dream.res.netease.com/m/zt/202103041047482/img/subscribe-btn_8707448c.png) no-repeat;
  background-size: 100% 100%;
  right: .2rem;
  top: 0.12rem;
  top: 0.18rem;
  position: absolute;
}
.topBar .menu-btn {
  display: none;
  width: .89rem;
  height: 0.95rem;
  background: url(https://dream.res.netease.com/m/zt/202103041047482/img/menu-btn1_c9d0fae1.png) no-repeat;
  background-size: 100% 100%;
  right: .14rem;
  top: 0.12rem;
  position: absolute;
}
.j-officialWebsite .topBar .subscribe-btn {
  right: 1.1rem;
}
.j-officialWebsite .topBar .menu-btn {
  display: block;
}