@charset "UTF-8";

.footer { margin: 0 !important}

/* 默认的色调 */

/* 页面的背景色 */

/* 处理inline-block bug   @extend*/

.a_picture li a,
.r_tr .r_t_con img,
.r_tr .r_t_con .t_bg,
.r_tr .r_t_con .t_tit {
  -webkit-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

/* 兼容的透明样式 @include opacity*/

.morelink,
.news .morelink,
.t_news .morelink {
  position: absolute;
  width: 26px;
  height: 26px;
  background: url("more_ics.png") no-repeat;
  top: 12px;
  right: 26px;
  z-index: 10;
}

.plan {
  position: absolute;
  width: 0;
  height: 3px;
  background-color: #bd915d;
  bottom: 1px;
  left: 0;
  -webkit-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

li,
ul {
  list-style: none;
}

a,
a:hover {
  text-decoration: none;
}

.pa {
  position: absolute;
}

.pf {
  position: fixed;
  _position: absolute;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.cl:after {
  content: "";
  clear: both;
  display: block;
  zoom: 1;
}

body {
  width: 100%;
  font-family: "Microsoft YaHei", Helvetica, sans-serif;
  color: #434343;
  font-size: 12px;
  line-height: 1.5;
  background-color: #fff;
}


.view {
  width: 1300px;
  margin: 0 auto;
  position: relative;
}

.page {
  position: relative;
  margin: 0 auto;
  z-index: 10;
}

.row {
  position: relative;
  width: 100%;
  *zoom: 1;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.play {
  position: absolute;
  top: 478px;
  left: 408px;
  width: 67px;
  height: 76px;
  background: url(/images/v9/play.png) no-repeat;
  z-index: 20;
}

.slogan {
  display: none;
  position: absolute;
  width: 843px;
  height: 312px;
  top: 252px;
  left: 76px;
}

.menu {
  position: relative;
  width: 100%;
  height: 886px;
  z-index: 5;
}

.menu.on .bg {
  height: 356px;
}

.menu.on .sublist {
  height: auto;
}

.menu.on .list a {
  color: #fff;
}

.menu.on .dot {
  background-position: 0 0;
}

.menu .bg {
  position: absolute;
  width: 2560px;
  height: 0px;
  top: 0;
  left: 50%;
  margin-left: -1280px;
  background-color: #324868;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
}

.menu .box {
  float: left;
  position: relative;
  width: 100%;
  margin: 50px 0 0 336px;
  padding-bottom: 0px;
  border-bottom: 1px solid #96a1b1;
  z-index: 10;
}

.menu .dot {
  position: absolute;
  width: 10px;
  height: 10px;
  background: url("menu_d.png?1503060339265") no-repeat 0 -10px;
  left: -1px;
  bottom: -5.5px;
}

.menu .list {
  float: left;
  width: auto;
  overflow: hidden;
}

.menu .list li {
  float: left;
  width: 120px;
  line-height: 50px;
  text-align: center;
}

.menu .list a {
  font-size: 16px;
  color: #000;
}

.menu .list a:hover {
  color: #fbe8ac;
}

.menu .sublist {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 120px;
  margin-top: 16px;
  height: 0px;
  overflow: hidden;
  -webkit-transition: all .5s ease 0.3s;
  transition: all .5s ease 0.3s;
}

.menu .sublist li {
  float: left;
  width: 120px;
  height: auto;
  line-height: 32px;
  text-align: center;
}

.menu .sublist a {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #fff;
}

.menu a:hover {
  color: #fbe8ac;
}

.topBtns {
  position: absolute;
  left: 0;
  top: 886px;
  width: 279px;
}

.top {
  width: 1021px;
  margin-left: 279px;
  margin-bottom: 36px;
}

.t_btns {
  width: 279px;
  height: 320px;
}

.t_btns .orderBtn {
  display: block;
  width: 100%;
  height: 150px;
  background: url("/template/assets/images/gamedown.png") no-repeat;
}

.t_btns .orderBtn:hover {
  background-position: 0 -151px;
}

.t_btns .t_links {
  width: 100%;
  height: 170px;
  background: url("/template/assets/images/btns_bg.jpg?1503060339265") no-repeat;
}

.t_btns .t_links li {
  float: left;
  width: 50%;
  height: 50%;
  text-align: center;
  line-height: 85px;
}

.t_btns .t_links a {
  color: #dcdfe2;
  font-size: 16px;
}

.t_btns .t_links a:hover {
  color: #fadd9d;
}

.t_banners {
  position: relative;
  width: 572px;
  height: 320px;
  overflow: hidden;
}

.t_banners .t_b_list {
  width: 2000%;
  height: 100%;
}

.t_banners li {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}

.t_banners a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.t_banners .t_b_pts {
  position: absolute;
  width: 100%;
  right: 20px;
  bottom: 14px;
  text-align: right;
  line-height: 0;
}

.t_banners .t_b_pts span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 6px;
  background-color: #fff;
  border-radius: 100%;
}

.t_banners .t_b_pts span.on {
  background-color: #ff9900;
}

/* ===== 新闻面板：黑金古卷风（PC + 移动端共用基础样式） ===== */
.news,
.t_news {
  position: relative;
  width: 449px;
  height: 320px;
  box-sizing: border-box;
  background:
    linear-gradient(135deg, rgba(20, 12, 8, 0.88) 0%, rgba(38, 24, 14, 0.92) 50%, rgba(20, 12, 8, 0.88) 100%);
  border: 1px solid rgba(201, 169, 97, 0.5);
  box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.4),
    inset 0 0 30px rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #d8c89a;
}

.news::before,
.t_news::before,
.news::after,
.t_news::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  pointer-events: none;
  z-index: 2;
}
.news::before,
.t_news::before {
  top: 5px;
  left: 5px;
  border-top: 1px solid #c9a961;
  border-left: 1px solid #c9a961;
}
.news::after,
.t_news::after {
  bottom: 5px;
  right: 5px;
  border-bottom: 1px solid #c9a961;
  border-right: 1px solid #c9a961;
}

.news .n_btns,
.t_news .n_btns {
  position: relative;
  width: 100%;
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid rgba(201, 169, 97, 0.35);
  background: linear-gradient(180deg, rgba(45, 28, 16, 0.45), transparent);
}

.news .n_btns ul,
.t_news .n_btns ul {
  width: 100%;
  overflow: hidden;
}

.news .n_btns li,
.t_news .n_btns li {
  position: relative;
  float: left;
  width: 76px;
  text-align: center;
}

.news .n_btns a,
.t_news .n_btns a {
  font-size: 16px;
  color: #a08c5e;
  letter-spacing: 2px;
  transition: color .3s, text-shadow .3s;
}

.news .n_btns a:hover,
.t_news .n_btns a:hover {
  color: #f0d98a;
  text-shadow: 0 0 6px rgba(240, 217, 138, 0.5);
}

.news .n_btns li.on a,
.t_news .n_btns li.on a {
  color: #f5e3a8;
  text-shadow: 0 0 8px rgba(245, 227, 168, 0.6), 0 0 2px rgba(255, 255, 255, 0.3);
}

.news .n_btns li.on .plan,
.t_news .n_btns li.on .plan {
  width: 100%;
}

.news .n_btns a:hover .plan,
.t_news .n_btns a:hover .plan {
  width: 100%;
}

.news .n_cons,
.t_news .n_cons {
  width: 100%;
}

.news .n_con,
.t_news .n_con {
  position: relative;
  padding: 0 24px;
  display: none;
}

.news .n_con.on,
.t_news .n_con.on {
  display: block;
}

.news .n_con .nc_hot,
.t_news .n_con .nc_hot {
  display: block;
  width: 100%;
  line-height: 56px;
  text-align: center;
  font-size: 17px;
  color: #f5e3a8;
  text-shadow: 0 0 10px rgba(245, 227, 168, 0.45);
  letter-spacing: 1px;
  transition: color .25s, text-shadow .25s;
  font-family: "STKaiti", "KaiTi", "Microsoft YaHei", serif;
}

.news .n_con .nc_hot:hover,
.t_news .n_con .nc_hot:hover {
  color: #fff3c8;
  text-shadow: 0 0 14px rgba(255, 243, 200, 0.7);
}

.news .n_con ul,
.t_news .n_con ul {
  width: 100%;
}

.news .n_con li,
.t_news .n_con li {
  position: relative;
  width: 100%;
  font-size: 14px;
  color: #d8c89a;
  height: 36px;
  line-height: 36px;
}

.news .n_con .nc_lb,
.t_news .n_con .nc_lb {
  float: left;
  margin-right: 10px;
  color: #c9a961;
  border: 1px solid rgba(201, 169, 97, 0.55);
  padding: 0 6px;
  height: 20px;
  line-height: 18px;
  margin-top: 8px;
  font-size: 12px;
  border-radius: 2px;
  background: rgba(60, 40, 20, 0.4);
}

.news .n_con .nc_link,
.t_news .n_con .nc_link {
  float: left;
  display: block;
  width: 280px;
  color: #d8c89a;
  transition: color .25s, text-shadow .25s;
}

.news .n_con .nc_link:hover,
.t_news .n_con .nc_link:hover {
  color: #f5e3a8;
  text-shadow: 0 0 8px rgba(245, 227, 168, 0.55);
}

.news .n_con .nc_time,
.t_news .n_con .nc_time {
  position: absolute;
  right: 0;
  font-size: 13px;
  color: #8d7a4d;
  font-family: 'Arial';
}

/* 右上角"更多"按钮：原图标在深底上看不清，用 CSS 文字代替 */
.news .morelink,
.t_news .morelink {
  background: none !important;
  width: auto !important;
  height: auto !important;
  top: 16px !important;
  right: 22px !important;
  font-size: 12px;
  color: #c9a961;
  letter-spacing: 1px;
  opacity: 0.7;
  transition: opacity .25s, text-shadow .25s;
}
.news .morelink::after,
.t_news .morelink::after {
  content: "更多 +";
}
.news .morelink:hover,
.t_news .morelink:hover {
  opacity: 1;
  text-shadow: 0 0 8px rgba(201, 169, 97, 0.7);
}

/* ===== 移动端微调：让"古卷卡片"在 375~414px 视口下不显得拥挤 ===== */
@media (max-width: 800px) {
  .news,
  .t_news {
    height: auto !important;
    padding-bottom: 14px !important;
    margin-top: 14px !important;
    background:
      linear-gradient(135deg, rgba(20, 12, 8, 0.92) 0%, rgba(38, 24, 14, 0.95) 50%, rgba(20, 12, 8, 0.92) 100%);
  }
  .news::before,
  .t_news::before,
  .news::after,
  .t_news::after {
    width: 10px;
    height: 10px;
  }
  .news .n_btns a,
  .t_news .n_btns a {
    font-size: 15px;
    letter-spacing: 1px;
  }
  .news .n_btns,
  .t_news .n_btns {
    height: 44px;
    line-height: 44px;
  }
  .news .n_con .nc_hot,
  .t_news .n_con .nc_hot {
    font-size: 16px;
    line-height: 48px;
  }
  .news .n_con li,
  .t_news .n_con li {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    border-bottom: 1px dashed rgba(201, 169, 97, 0.15);
  }
  .news .n_con li:last-child,
  .t_news .n_con li:last-child {
    border-bottom: 0;
  }
  .news .n_con .nc_lb,
  .t_news .n_con .nc_lb {
    margin-top: 10px;
    font-size: 11px;
  }
  .news .morelink,
  .t_news .morelink {
    top: 14px !important;
    right: 16px !important;
  }
}

.gameinfo {
  margin-bottom: 56px;
}

.gameinfo .tit {
  width: 100%;
  height: 27px;
  margin-bottom: 20px;
  background-position: left 0;
  background-repeat: no-repeat;
}

.gameinfo .box {
  position: relative;
  width: 100%;
  height: 370px;
  background-color: #fff;
  overflow: hidden;
}

.g_active {
  width: 279px;
}

.g_active .tit {
  background-image: url("hot_tit.png?1503060339265");
}

.g_active .gac_cl {
  position: relative;
  width: 100%;
  height: 184px;
  margin-top: 2px;
}

.g_active .gac_cl.ft {
  margin: 0;
}

.g_active .gac_cl img {
  display: block;
  width: 100%;
  height: 100%;
}

.g_active .gac_cl .chakan {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0;
  overflow: hidden;
  text-indent: -1000px;
}

.g_job {
  width: 572px;
}

.g_job .tit {
  background-image: url("job_tit.png?1503060339265");
}

.g_job .g_j_tabs {
  position: absolute;
  top: 26px;
  left: 40px;
  z-index: 10;
}

.g_job .g_j_tabs ul {
  width: 100%;
}

.g_job .g_j_tabs li {
  float: left;
  width: 46px;
  height: 46px;
}

.g_job .g_j_tabs li.on {
  background: url("/template/assets/images/quan.png?1503060339265") no-repeat;
}

.g_job .g_j_tabs a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/template/assets/images/sign.png?1503060339265") no-repeat;
}

.g_job .g_j_tabs .i1 a {
  background-position: 6px center;
}

.g_job .g_j_tabs .i2 a {
  background-position: -40px center;
}

.g_job .g_j_tabs .i3 a {
  background-position: -88px center;
}

.g_job .g_j_tabs .i4 a {
  background-position: -134px center;
}

.g_job .g_j_tabs .i5 a {
  background-position: -180px center;
}

.g_job .g_j_tabs .i6 a {
  background-position: -228px center;
}

.g_job .g_j_tabs .i7 a {
  background-position: -275px center;
}

.g_job .g_j_tabs .i8 a {
  background-position: -322px center;
}

.g_job .g_j_cons {
  width: 100%;
  height: 100%;
}

.g_job .g_j_con {
  position: relative;
  width: 100%;
  height: 100%;
  display: none;
}

.g_job .g_j_con.on {
  display: block;
}

.g_job .g_j_con a{
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.g_job .g_j_con span {
  position: absolute;
  display: block;
  width: 91px;
  height: 29px;
  bottom: 38px;
  left: 38px;
  background: url("chakan_more.png?1503060339265") no-repeat;
}

.g_job .g_j_con a:hover span{
  background-position: 0 -30px;
}

.g_source {
  width: 449px;
}

.g_source .tit {
  background-image: url("game_tit.png?1503060339265");
}

.g_source .box {
  width: auto;
  padding-left: 28px;
  padding-right: 26px;
}

.g_source .g_s_list {
  width: 100%;
  margin-top: 10px;
}

.g_source .g_s_list li {
  position: relative;
  padding: 14px 0 14px 80px;
  border-bottom: 1px solid #ebebeb;
}

.g_source .g_s_list li.i1 .gsl_ltit {
  background-position: center 0px;
}

.g_source .g_s_list li.i2 .gsl_ltit {
  background-position: center -86px;
}

.g_source .g_s_list li.i2 .gsl_links {
  padding: 15px 0;
  height: 30px;
}

.g_source .g_s_list li.i3 {
  border: none;
}

.g_source .g_s_list li.i3 .gsl_ltit {
  background-position: center -192px;
}

.g_source .g_s_list li.i3 .gsl_links {
  height: 90px;
}

.g_source .g_s_list .gsl_ltit {
  position: absolute;
  width: 70px;
  font-size: 14px;
  color: #c9a744;
  font-family: '宋体';
  line-height: 16px;
  padding-top: 50px;
  text-align: center;
  top: 50%;
  left: 0;
  margin-top: -33px;
  background: url("/template/assets/images/t_icons.png?1503060339265") no-repeat center 0;
}

.g_source .g_s_list .gsl_links {
  width: 312px;
  height: 60px;
  overflow: hidden;
  background: url("/template/assets/images/dian.png") repeat-y left 0;
}

.g_source .g_s_list .gsl_links a {
  float: left;
  margin-left: 26px;
  line-height: 30px;
  padding-left: 16px;
  font-size: 14px;
  color: #333;
  font-family: '宋体';
  background: url("/template/assets/images/sm_right.png") no-repeat left center;
}

.g_source .g_s_list .gsl_links a:hover,
.g_source .g_s_list .gsl_links a.on {
  color: #c79d58;
}

.g_source .g_s_search {
  position: relative;
  padding-right: 92px;
  width: 303px;
  height: 40px;
}

.g_source .g_s_search input {
  display: block;
  width: 301px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #d8d8d8;
  font-size: 14px;
  font-family: '宋体';
  text-indent: 16px;
}

.g_source .g_s_search .gss_btn {
  position: absolute;
  width: 92px;
  height: 40px;
  line-height: 40px;
  top: 0;
  right: 0;
  background-color: #bea14f;
  font-size: 16px;
  color: #fff;
  text-align: center;
}

.g_source .g_s_search .gss_btn:hover {
  background-color: #cfaa3e;
}

.feature {
  width: 100%;
  height: 536px;
  margin-bottom: 60px;
}

.f_imgs {
  position: absolute;
  width: 2560px;
  left: 50%;
  top: 0;
  margin-left: -1280px;
  overflow: hidden;
}

.f_imgs img {
  display: none;
}

.f_imgs img.on {
  display: block;
}

.f_menu {
  position: absolute;
  top: 118px;
  left: 10px;
}

.f_menu li {
  padding-left: 24px;
  height: 16px;
  line-height: 16px;
  margin-bottom: 32px;
  font-size: 14px;
  color: #fff;
  background: url("/template/assets/images/cks.png") no-repeat left -47px;
  cursor: pointer;
}

.f_menu li.on {
  background-position: left 3px;
}

.article {
  width: 100%;
  margin-bottom: 38px;
}

.a_picture {
  width: 100%;
  overflow: hidden;
}

.a_picture li {
  float: left;
  width: 433px;
  height: 153px;
  background: url("pic1.jpg") no-repeat right 0/auto 100%;
}

.a_picture li.i1 a {
  background-color: #bea14f;
  background-position: center 40px;
}

.a_picture li.i2 {
  background-image: url("pic2.jpg");
}

.a_picture li.i2 a {
  background-color: #4e7da1;
  background-position: center -110px;
}

.a_picture li.i3 {
  background-image: url("/template/assets/images/pic3.jpg");
}

.a_picture li.i3 a {
  background-color: #714a7d;
  background-position: center -260px;
}

.a_picture li a {
  display: block;
  width: 128px;
  height: 100%;
  background: url("/template/assets/images/img_icons.png") no-repeat center 0;
  line-height: 200px;
  text-align: center;
  font-size: 14px;
  color: #fff;
}

.a_picture li a:hover {
  width: 100%;
}

.rim {
  width: 100%;
  background-color: #fff;
  margin-bottom: 35px;
  overflow: hidden;
}

.rim > div {
  padding: 35px 28px;
}

.rim .tit {
  position: relative;
  width: 100%;
  height: 27px;
  margin-bottom: 20px;
  background-position: left 0;
  background-repeat: no-repeat;
}

.rim .morelink {
  top: 0;
  right: 0;
}

.r_hudong {
  width: 594px;
}

.r_hudong .tit {
  background-image: url("hudong_tit.png");
}

.r_hudong .r_h_bgbox {
  width: 100%;
  height: 123px;
  margin-bottom: 14px;
}

.r_hudong .r_h_bgbox a {
  float: left;
  width: 294px;
  height: 100%;
}

.r_hudong .r_h_bgbox a.rhb_jizhe {
  background: url("jizhe_bg.jpg") no-repeat;
}

.r_hudong .r_h_bgbox a.rhb_wanjia {
  float: right;
  background: url("wanjia_bg.jpg") no-repeat center center;
}

.r_hudong .r_h_news {
	display: block !important;
  width: 100%;
  height: auto;
  margin-bottom: 0 !important
}

.r_hudong .r_h_news .n_btns {
  border-color: #bd8b2b;
  margin-bottom: 6px;
}

.r_hudong .r_h_news .n_btns li {
  width: 25%;
}

.r_hudong .r_h_news .n_con {
  padding: 0;
}

.r_hudong .r_h_news .n_con li {
  border-bottom: 1px solid #e9e9e9;
  height: 42px;
  line-height: 42px;
}

.r_hudong .r_h_news .n_con .nc_lb {
  margin-right: 15px;
}

.r_hudong .r_h_news .n_con .nc_link {
  width: 460px;
}

.r_hudong .r_h_news .n_imgbox {
  width: 120%;
  margin-top: -6px;
}

.r_hudong .r_h_news .n_imgbox li {
  float: left;
  width: 190px;
  height: 120px;
  margin: 10px 12px 0 0;
}

.r_hudong .r_h_news .n_imgbox img {
  display: block;
  /*width: 100%;
  height: 100%;*/
}

.r_tr {
  width: 593px;
  border-left: 1px solid #eef2f5;
}

.r_tr .tit {
  background-image: url("tr_tit.png");
}

.r_tr .r_t_btns {
  position: relative;
  width: 100%;
  height: 53px;
  border-top: 0;
  border-bottom: 1px solid #bd8b2b;
  margin-bottom: 7px;
}

.r_tr .r_t_btns li {
  position: relative;
  float: left;
  width: 25%;
  line-height: 53px;
  text-align: center;
}

.r_tr .r_t_btns li.on a {
  color: #bd8b2b;
}

.r_tr .r_t_btns li.on .plan {
  width: 100%;
}

.r_tr .r_t_btns a {
  font-size: 18px;
  color: #333;
}

.r_tr .r_t_btns a:hover {
  color: #bd8b2b;
}

.r_tr .r_t_btns a:hover .plan {
  width: 100%;
}

.r_tr .r_t_cons {
  width: 100%;
  overflow: hidden;
}

.r_tr .r_t_con {
  display: none;
}

.r_tr .r_t_con.on {
  display: block;
}

.r_tr .r_t_con ul {
  width: 120%;
}

.r_tr .r_t_con li {
  position: relative;
  float: left;
  width: 288px;
  height: 172px;
  margin: 20px 18px 0 0;
  overflow: hidden;
}

.r_tr .r_t_con img {
  display: block;
  width: 100%;
  height: 100%;
}

.r_tr .r_t_con a:hover .t_bg,
.r_tr .r_t_con a:hover .t_tit {
  height: 30px;
}

.r_tr .r_t_con a:hover img {
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.r_tr .r_t_con .t_bg,
.r_tr .r_t_con .t_tit {
  position: absolute;
  width: 90%;
  padding: 0 5%;
  height: 0;
  line-height: 30px;
  bottom: 0;
  left: 0;
}

.r_tr .r_t_con .t_bg {
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.r_tr .r_t_con .t_tit {
  font-size: 14px;
  color: #fff;
  text-align: center;
}

.linking {
  width: 100%;
  height: 150px;
  background-color: #fff;
  margin-bottom: 90px;
  overflow: hidden;
}

.l_imgcode {
  padding: 20px 28px;
  border-right: 1px solid #eef2f5;
}

.l_shares {
  padding: 28px 23px;
  border-right: 1px solid #eef2f5;
  overflow: hidden;
}

.l_shares li {
  float: left;
  width: 61px;
  margin: 0 20px;
}

.l_shares li.i1 a i {
  background-position: 0 0;
}

.l_shares li.i1 a:hover i {
  background-position: 0 -62px;
}

.l_shares li.i2 a i {
  background-position: -101px 0;
}

.l_shares li.i2 a:hover i {
  background-position: -101px -62px;
}

.l_shares li.i3 a i {
  background-position: -203px 0;
}

.l_shares li.i3 a:hover i {
  background-position: -203px -62px;
}

.l_shares a {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 61px;
  line-height: 32px;
  text-align: center;
}

.l_shares i {
  position: absolute;
  display: block;
  width: 100%;
  height: 61px;
  top: 0;
  left: 0;
  background: url("share_icons.png") no-repeat;
}

.l_shares span {
  display: block;
  width: 160%;
  margin-left: -30%;
  font-size: 14px;
  color: #435365;
}

.l_media {
  padding: 20px 0;
  width: 594px;
  height: 110px;
  margin: 0 28px;
  overflow: hidden;
}

.l_media .tit {
  font-size: 20px;
  color: #333;
  margin-bottom: 12px;
}

.l_media ul {
  position: relative;
  margin-left: -14px;
  width: 2000%;
  overflow: hidden;
}

.l_media li {
  float: left;
  width: 115px;
  height: 62px;
  margin-right: 6px;
}

.popbg {
  position: fixed;
  _position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 1000;
}

.pop {
  position: fixed;
  _position: absolute;
  display: none;
  width: 571px;
  height: 699px;
  top: 50%;
  left: 50%;
  margin: -349.5px 0 0 -285.5px;
  background: url("popbg.png") no-repeat;
  z-index: 2000;
}

.pop.on {
  display: block;
}

.pop .closePop {
  position: absolute;
  width: 35px;
  height: 35px;
  top: 0;
  right: -54px;
  background: url("closePop.png") no-repeat;
}

.pop .box {
  padding: 32px 59px 0;
}

.pop .tit {
  width: 100%;
  height: 98px;
  line-height: 98px;
  font-size: 34px;
  color: #fff;
  text-align: center;
}

.pop .txts {
  width: 100%;
  line-height: 30px;
  color: #333;
  font-size: 18px;
}

.pop .iframeBox {
  width: 100%;
  height: 480px;
}

.succPop .txt_ic {
  width: 300px;
  padding-left: 85px;
  height: 72px;
  line-height: 72px;
  background: url("xiao.png") no-repeat left 0;
  font-size: 32px;
  text-align: center;
  color: #509eda;
  margin: 0 auto 20px;
}

.succPop .result {
  width: 464px;
  height: 100px;
  line-height: 100px;
  margin: 0 auto;
  text-align: center;
  font-size: 26px;
  color: #f87841;
  background: url("num_bg.png") no-repeat center 0;
}

.succPop .txts {
  margin-top: 20px;
}

.succPop .back {
  display: block;
  width: 452px;
  height: 83px;
  background: url("reg_back_button.png") no-repeat center 0;
  margin: 35px auto 0;
}

.modal {
  width: 746px;
  height: 420px;
  margin: -210px 0 0 -373px;
  background: none;
}

.modal #gplayer {
  width: 100%;
  height: 100%;
}

.modal .closePop {
  background: none;
  width: 50px;
  height: 50px;
}

/*//////////动画*/

.page.ok {
  /* .gfBox{
		-webkit-animation: gotop 2s ease 3s 1 both;
		        animation: gotop 2s ease 3s 1 both;
	} */
}

.page.ok .logo,
.page.ok .slogan {
  -webkit-animation: zoomIn 0.1s linear 1s 1 both;
  animation: zoomIn 0.1s linear 1s 1 both;
}

.page.ok .pojun {
  -webkit-animation: bounceInRight 0.2s linear 2.2s 1 both;
  animation: bounceInRight 0.2s linear 2.2s 1 both;
}

.page.ok .map_btns,
.page.ok .order,
.page.ok .videoPlay {
  -webkit-animation: fadeIn 1s linear 2.7s 1 both;
  animation: fadeIn 1s linear 2.7s 1 both;
}

.page.ok .y1 {
  -webkit-animation: yun1 15s linear 2s infinite both;
  animation: yun1 15s linear 2s infinite both;
}

.page.ok .y2 {
  -webkit-animation: yun2 15s linear 2s infinite both;
  animation: yun2 15s linear 2s infinite both;
}

.page.ok .y3 {
  -webkit-animation: yun3 60s linear 2.5s infinite both;
  animation: yun3 60s linear 2.5s infinite both;
}

.last .page .logo,
.last .page .slogan,
.last .page .pojun,
.last .page .map_btns,
.last .page .order,
.last .page .gfBox,
.last .page .videoPlay {
  opacity: 1;
}

.footer_outer {
  padding: 0 0 0;
  font-size: 12px;
  color: #ccc;
  padding-left: 115px;
  position: relative;
  margin-top: -1px;
}

#overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 3000;
  background: black;
  display: none;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
}

.inline_b {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.inside_page_footer .footer {
  background: #fff;
  padding: 0 0 20px;
}

@-webkit-keyframes fudong {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  25% {
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
  }

  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  75% {
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes fudong {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  25% {
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
  }

  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  75% {
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes gotop {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes gotop {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes fade {
  0% {
    opacity: 1;
  }

  95% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fade {
  0% {
    opacity: 1;
  }

  95% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes drop {
  0% {
    -webkit-transform: translate(0px, -50px) rotateZ(-10deg);
    transform: translate(0px, -50px) rotateZ(-10deg);
  }

  100% {
    -webkit-transform: translate(0px, 1000px) rotateZ(10deg);
    transform: translate(0px, 1000px) rotateZ(10deg);
  }
}

@keyframes drop {
  0% {
    -webkit-transform: translate(0px, -50px) rotateZ(-10deg);
    transform: translate(0px, -50px) rotateZ(-10deg);
  }

  100% {
    -webkit-transform: translate(0px, 1000px) rotateZ(10deg);
    transform: translate(0px, 1000px) rotateZ(10deg);
  }
}

@-webkit-keyframes drop2 {
  0% {
    -webkit-transform: translate(0px, -50px) rotateZ(20deg);
    transform: translate(0px, -50px) rotateZ(20deg);
  }

  100% {
    -webkit-transform: translate(0px, 1000px) rotateZ(-10deg);
    transform: translate(0px, 1000px) rotateZ(-10deg);
  }
}

@keyframes drop2 {
  0% {
    -webkit-transform: translate(0px, -50px) rotateZ(20deg);
    transform: translate(0px, -50px) rotateZ(20deg);
  }

  100% {
    -webkit-transform: translate(0px, 1000px) rotateZ(-10deg);
    transform: translate(0px, 1000px) rotateZ(-10deg);
  }
}

@-webkit-keyframes rotateZ {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }

  100% {
    -webkit-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg);
  }
}

@keyframes rotateZ {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }

  100% {
    -webkit-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg);
  }
}

@-webkit-keyframes gg {
  0% {
    opacity: 0;
  }

  8% {
    opacity: 0.3;
  }

  44% {
    opacity: 0.4;
  }

  84% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes gg {
  0% {
    opacity: 0;
  }

  8% {
    opacity: 0.3;
  }

  44% {
    opacity: 0.4;
  }

  84% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes yun1 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  80% {
    -webkit-transform: translate3d(2560px, 0, 0);
    transform: translate3d(2560px, 0, 0);
    opacity: 1;
  }

  90% {
    -webkit-transform: translate3d(2560px, 0, 0);
    transform: translate3d(2560px, 0, 0);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0);
    opacity: 0;
  }
}

@keyframes yun1 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  80% {
    -webkit-transform: translate3d(2560px, 0, 0);
    transform: translate3d(2560px, 0, 0);
    opacity: 1;
  }

  90% {
    -webkit-transform: translate3d(2560px, 0, 0);
    transform: translate3d(2560px, 0, 0);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0);
    opacity: 0;
  }
}

@-webkit-keyframes yun2 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  80% {
    -webkit-transform: translate3d(2560px, 0, 0);
    transform: translate3d(2560px, 0, 0);
    opacity: 1;
  }

  90% {
    -webkit-transform: translate3d(2560px, 0, 0);
    transform: translate3d(2560px, 0, 0);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(-600px, 0, 0);
    transform: translate3d(-600px, 0, 0);
    opacity: 0;
  }
}

@keyframes yun2 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  80% {
    -webkit-transform: translate3d(2560px, 0, 0);
    transform: translate3d(2560px, 0, 0);
    opacity: 1;
  }

  90% {
    -webkit-transform: translate3d(2560px, 0, 0);
    transform: translate3d(2560px, 0, 0);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(-600px, 0, 0);
    transform: translate3d(-600px, 0, 0);
    opacity: 0;
  }
}

@-webkit-keyframes yun3 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  80% {
    -webkit-transform: translate3d(-2560px, 0, 0);
    transform: translate3d(-2560px, 0, 0);
    opacity: 1;
  }

  90% {
    -webkit-transform: translate3d(-2560px, 0, 0);
    transform: translate3d(-2560px, 0, 0);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(600px, 0, 0);
    transform: translate3d(600px, 0, 0);
    opacity: 0;
  }
}

@keyframes yun3 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  80% {
    -webkit-transform: translate3d(-2560px, 0, 0);
    transform: translate3d(-2560px, 0, 0);
    opacity: 1;
  }

  90% {
    -webkit-transform: translate3d(-2560px, 0, 0);
    transform: translate3d(-2560px, 0, 0);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(600px, 0, 0);
    transform: translate3d(600px, 0, 0);
    opacity: 0;
  }
}

/* 右浮栏 */
.sidebar2 {
    position:fixed;
    right:0;
    top:12%;
    -webkit-box-shadow:-1px 1px 10px #E4EDF1;
    box-shadow:-1px 1px 10px #E4EDF1;
    z-index:78
}
.sidebar2.close .btn .arr {
    background:url(sprite.png) -390px -5px no-repeat
}
.sidebar2 .btn {
    position:absolute;
    top:0;
    left:-45px;
    width:45px;
    height:175px;
    line-height:18px;
    background:#4f6c96;
    font-size:16px;
    font-weight:700;
    text-align:center;
    text-decoration:none;
    color:#fff
}
.sidebar2 .btn em {
    display:block;
    margin:auto;
    font-style: normal;
    width:25px;
    padding-top: 40px
}
.sidebar2 .btn .arr {
    margin-top:10px;
    display:inline-block;
    width:12px;
    height:16px;
    background:url(sprite.png) -370px -5px no-repeat
}
.sidebar2 .register {
    margin:10px auto auto;
    width:264px;
    height:270px
}
.sidebar2 iframe{
  display: block;
  width: 100%;
  height: 250px;
}
.sidebar2 .cont {
    padding-top:25px;
    padding-bottom:40px;
    width:281px;
    background:#fff
}
.sidebar2 .cont .btn_download, .sidebar2 .cont .btn_get {
    width:243px;
    display:block;
    text-indent: 0;
    line-height:58px;
    font-size: 26px;
    color: #fff;
    text-align: center;
    overflow:hidden
}
.sidebar2 .cont .tab1 {
  margin-left: 20px;
    height:41px;
    background:url(sidebar_tit1.png) no-repeat
}
.sidebar2 .cont .tab2 {
    margin-top:5px;
    margin-left: 20px;
    height:41px;
    background:url(sidebar_tit2.png) no-repeat
}
.sidebar2 .cont .btn_download {
    margin:15px auto auto;
    height:58px;
    background: #5986c8;
}

.sidebar2 .cont .tab3 {
    margin-top:30px;
    margin-left: 20px;
    height:41px;
    background:url(sidebar_tit3.png)no-repeat
}
.sidebar2 .cont .cont3 {
    margin-top:20px;
    height:248px;
    background:url(sidebar_img3.png)no-repeat;/*<!--图片后台上传 by zhaoduo201807-->*/
}
.sidebar2 .cont .btn_get {
    margin:0px auto;
    height:58px;
    
    background: #9e5ac5;
}
.t_orderBtnBox {
	display: none;
    position: absolute;
    width: 240px;
	height: 70px;
    top: 410px;
    left: 50%;
    margin-left: -120px;
    text-align: center;
}
.t_orderBtnBox .t_orderBtn {
    display: block;
    width: 100%;
    height: 70px;
	padding: 0 !important;
	border-radius: 0 !important;
    background: url(/template/assets/images/orderBtn_b.png) no-repeat 0 0/100% 100%;
}

@media (max-width: 800px) {
.section { width: 100% !important}
.section .wp { width: 100% !important}
#menulist.box { display: none !important}
.breadcrumb { padding: 0 20px !important}
.main-content { padding: 20px !important}
.section .logo { margin-left: 3% !important}
.logox1 { display: none}
.topBtns1 { display: none}
.top { width: 100%; margin: 0 !important}
.view { width: 100% !important}
.main { width: 100% !important}

.menu { height: 500px !important}
.menu .bg { display: none}
.t_orderBtnBox { display: block}
.main .sidebar { display: none}
.main .article { width: 100% !important}
.breadcrumb .path { display: none}
.tab-title ul li { height: 50px; line-height: 20px; font-size: 12px !important; overflow: hidden}
.pgs { padding-bottom: 10px}
}

/* ============================================================
   子页面（article 列表/详情、youxiziliao 列表/详情）专用
   1. 干掉首页那一整块视频英雄区（无意义的 886px 留白）
   2. 整页深色背景 + 黑金古卷卡片 + 顶部金边标题栏
   ============================================================ */

/* === 1. 结构层：把首页继承下来的视频/空菜单/绝对定位通通收拾掉 === */
.views-sub .pc-head-video {
  display: none !important;
}
.views-sub .menu {
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: none !important;
}
.views-sub .topBtns1 {
  position: static !important;
  top: auto !important;
  left: auto !important;
}

/* === 2. 整页深色背景（带一点点顶部高光，呼应首页雷暴金光） === */
.views-sub {
  background: #0d0a08 !important;
  background-image:
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(60, 38, 20, 0.6) 0%, transparent 60%),
    linear-gradient(180deg, #14100c 0%, #0a0806 100%) !important;
  min-height: 100vh !important;
}

/* === 3. 主容器：上下呼吸 === */
.views-sub .main {
  padding-top: 30px !important;
  padding-bottom: 50px;
}

/* === 4. 顶部金边标题栏（由 .breadcrumb 升级而来）=== */
.views-sub .article .breadcrumb {
  position: relative;
  padding: 16px 28px;
  margin-bottom: 22px;
  background: linear-gradient(180deg, rgba(45, 28, 16, 0.65), rgba(20, 12, 8, 0.4));
  border: 1px solid rgba(201, 169, 97, 0.4);
  border-radius: 2px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.views-sub .article .breadcrumb::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, #c9a961, transparent);
}
.views-sub .article .breadcrumb h1 {
  color: #f5e3a8 !important;
  text-shadow: 0 0 10px rgba(245, 227, 168, 0.45);
  font-family: "STKaiti", "KaiTi", "Microsoft YaHei", serif !important;
  letter-spacing: 2px;
  font-weight: normal !important;
  margin-top: 0 !important;
  font-size: 22px !important;
}
.views-sub .article .breadcrumb .path {
  color: #a08c5e;
  font-size: 13px;
  line-height: 36px;
}
.views-sub .article .breadcrumb .path a {
  color: #c9a961;
  transition: color .25s, text-shadow .25s;
}
.views-sub .article .breadcrumb .path a:hover {
  color: #f5e3a8;
  text-shadow: 0 0 6px rgba(245, 227, 168, 0.55);
}

/* === 5. 文章正文卡片：黑金古卷风（呼应右侧新闻面板的卡片样式）=== */
.views-sub .article .main-content {
  position: relative;
  padding: 36px 44px;
  background:
    linear-gradient(135deg, rgba(20, 12, 8, 0.88) 0%, rgba(35, 22, 14, 0.92) 50%, rgba(20, 12, 8, 0.88) 100%);
  border: 1px solid rgba(201, 169, 97, 0.4);
  border-radius: 2px;
  box-shadow:
    0 4px 24px rgba(0, 0, 0, 0.5),
    inset 0 0 40px rgba(0, 0, 0, 0.45);
  color: #d8c89a;
  line-height: 1.85;
  font-size: 15px;
}
.views-sub .article .main-content::before,
.views-sub .article .main-content::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  pointer-events: none;
}
.views-sub .article .main-content::before {
  top: 6px;
  left: 6px;
  border-top: 1px solid #c9a961;
  border-left: 1px solid #c9a961;
}
.views-sub .article .main-content::after {
  bottom: 6px;
  right: 6px;
  border-bottom: 1px solid #c9a961;
  border-right: 1px solid #c9a961;
}

/* 文章详情页的标题 */
.views-sub .article .main-content h1 {
  color: #f5e3a8 !important;
  text-shadow: 0 0 10px rgba(245, 227, 168, 0.4);
  font-family: "STKaiti", "KaiTi", "Microsoft YaHei", serif !important;
  letter-spacing: 1px;
  font-size: 22px !important;
  text-align: center;
  border-bottom: 1px solid rgba(201, 169, 97, 0.3);
  padding-bottom: 16px;
  margin-bottom: 18px !important;
}

/* 文章正文里继承的颜色（段落、列表、表格、span 等） */
.views-sub .article .main-content p,
.views-sub .article .main-content div,
.views-sub .article .main-content li,
.views-sub .article .main-content span,
.views-sub .article .main-content td,
.views-sub .article .main-content th {
  color: inherit;
}
.views-sub .article .main-content a {
  color: #c9a961 !important;
  transition: color .25s, text-shadow .25s;
}
.views-sub .article .main-content a:hover {
  color: #f5e3a8 !important;
  text-shadow: 0 0 6px rgba(245, 227, 168, 0.55);
}
.views-sub .article .main-content img {
  max-width: 100%;
  height: auto;
  border-radius: 2px;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.55);
  margin: 14px 0;
}
.views-sub .article .main-content strong,
.views-sub .article .main-content b {
  color: #f5e3a8;
}

/* 上一篇 / 下一篇 */
.views-sub .article .main-content .pren {
  border-top: 1px solid rgba(201, 169, 97, 0.3);
  padding-top: 20px;
  margin-top: 50px !important;
}
.views-sub .article .main-content .pren em {
  color: #8d7a4d !important;
  font-style: normal;
}
.views-sub .article .main-content .pren a {
  color: #c9a961 !important;
}
.views-sub .article .main-content .pren a:hover {
  color: #f5e3a8 !important;
  text-shadow: 0 0 6px rgba(245, 227, 168, 0.55);
}

/* === 6. 列表页（list.html）的列表项也走暗金风 === */
.views-sub .article ul li {
  color: #d8c89a;
  border-bottom: 1px dashed rgba(201, 169, 97, 0.18);
}
.views-sub .article ul li a {
  color: #d8c89a;
  transition: color .25s, text-shadow .25s;
}
.views-sub .article ul li a:hover {
  color: #f5e3a8;
  text-shadow: 0 0 6px rgba(245, 227, 168, 0.55);
}
.views-sub .pagination li {
  background: rgba(20, 12, 8, 0.6);
  border: 1px solid rgba(201, 169, 97, 0.35);
  border-radius: 2px;
}
.views-sub .pagination li a,
.views-sub .pagination li span {
  color: #c9a961 !important;
  padding: 4px 10px;
  display: inline-block;
}
.views-sub .pagination li.active,
.views-sub .pagination li:hover {
  background: rgba(60, 40, 20, 0.8);
  border-color: #c9a961;
}
.views-sub .pagination li.active a,
.views-sub .pagination li.active span {
  color: #f5e3a8 !important;
  text-shadow: 0 0 6px rgba(245, 227, 168, 0.5);
}

/* === 7. 左侧二维码卡片配深色 === */
.views-sub .sidebar .qrcode {
  margin-top: 20px;
  padding: 18px 12px;
  background: linear-gradient(135deg, rgba(20, 12, 8, 0.85), rgba(35, 22, 14, 0.9));
  border: 1px solid rgba(201, 169, 97, 0.4);
  border-radius: 2px;
  text-align: center;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}
.views-sub .sidebar .qrcode img {
  border: 2px solid rgba(201, 169, 97, 0.3);
  border-radius: 2px;
  background: #fff;
  padding: 4px;
}
.views-sub .sidebar .qrcode p {
  color: #f5e3a8;
  font-size: 15px;
  margin-top: 12px;
  letter-spacing: 3px;
  text-shadow: 0 0 8px rgba(245, 227, 168, 0.35);
}
.views-sub .sidebar .qrcode span {
  color: #a08c5e;
  font-size: 12px;
  display: block;
  margin-top: 4px;
  line-height: 1.6;
}

/* === 8. 移动端微调 === */
@media (max-width: 800px) {
  .views-sub .main {
    padding: 16px 12px 30px !important;
  }
  .views-sub .article .breadcrumb {
    padding: 12px 16px;
    margin-bottom: 14px;
  }
  .views-sub .article .breadcrumb h1 {
    font-size: 18px !important;
  }
  .views-sub .article .main-content {
    padding: 20px 18px;
    font-size: 14px;
    line-height: 1.75;
  }
  .views-sub .article .main-content h1 {
    font-size: 18px !important;
  }
  .views-sub .article .main-content::before,
  .views-sub .article .main-content::after {
    width: 10px;
    height: 10px;
  }
}

/* ============================================================
   首页整体深色背景（与视频/卡片/footer 一体化，消除白色断层）
   ============================================================ */
.views:not(.views-sub) {
  background-color: #0d0a08 !important;
}
.section {
  background-color: #0d0a08;
}

/* --- 视频底部柔和淡入深色背景，避免方块切边 --- */
.pc-head-video {
  -webkit-mask-image: linear-gradient(180deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 1) 65%,
    rgba(0, 0, 0, 0.6) 85%,
    rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(180deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 1) 65%,
    rgba(0, 0, 0, 0.6) 85%,
    rgba(0, 0, 0, 0) 100%);
}

/* --- 特色介绍（.feature）上下边加渐变蒙版，跟深底融合 --- */
.feature {
  position: relative;
}
.feature::before,
.feature::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 80px;
  pointer-events: none;
  z-index: 3;
}
.feature::before {
  top: 0;
  background: linear-gradient(180deg, #0d0a08 0%, rgba(13, 10, 8, 0.6) 50%, transparent 100%);
}
.feature::after {
  bottom: 0;
  background: linear-gradient(0deg, #0d0a08 0%, rgba(13, 10, 8, 0.6) 50%, transparent 100%);
}

/* --- 大模块之间加一道金色细线分隔（呼应卡片金边，避免大段纯黑显得空） --- */
.row.gameinfo {
  position: relative;
  padding-top: 30px;
}
.row.gameinfo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 15%;
  right: 15%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201, 169, 97, 0.4), transparent);
}

/* ============================================================
   首页下半部分（热门活动 / 职业介绍 / 游戏资料 / 特色介绍）
   统一改成黑金古卷风，与上半部分新闻面板保持一致
   ============================================================ */

/* --- 共用：替换原本的白底大盒子 --- */
.gameinfo .box {
  background-color: transparent !important;
  background: linear-gradient(135deg, rgba(20, 12, 8, 0.85) 0%, rgba(35, 22, 14, 0.92) 50%, rgba(20, 12, 8, 0.85) 100%) !important;
  border: 1px solid rgba(201, 169, 97, 0.4);
  box-shadow:
    0 4px 22px rgba(0, 0, 0, 0.5),
    inset 0 0 32px rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  position: relative;
}
/* 大盒子四角金色装饰 */
.gameinfo .box::before,
.gameinfo .box::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  pointer-events: none;
  z-index: 5;
}
.gameinfo .box::before {
  top: 6px;
  left: 6px;
  border-top: 1px solid #c9a961;
  border-left: 1px solid #c9a961;
}
.gameinfo .box::after {
  bottom: 6px;
  right: 6px;
  border-bottom: 1px solid #c9a961;
  border-right: 1px solid #c9a961;
}

/* --- 1. 热门活动（紫色"虎星高照/开区奖励"轮播图） --- */
/* 这两张是数据库里的图片，本身就是粉紫风；用一层暗色渐变蒙版降饱和度，让它跟整体不冲突 */
.g_active .gac_cl {
  border: 1px solid rgba(201, 169, 97, 0.35);
  border-radius: 2px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}
.g_active .gac_cl::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(20, 12, 8, 0.15) 0%, rgba(20, 12, 8, 0.35) 100%);
  pointer-events: none;
  transition: background .3s;
}
.g_active .gac_cl:hover::after {
  background: linear-gradient(180deg, rgba(20, 12, 8, 0.05) 0%, rgba(20, 12, 8, 0.15) 100%);
}

/* --- 2. 职业介绍（人物图 + 8 个圆形 tab） --- */
/* 人物 JPG 不动；只让承载它们的容器跟新底色融合 */
.g_job .g_j_con {
  background: transparent;
}
.g_job .g_j_con img {
  display: block;
  mix-blend-mode: normal;
  position: relative;
  z-index: 1;
}
/* 圆形 tab 区域加金线装饰条，呼应卷轴 */
.g_job .g_j_tabs {
  background: linear-gradient(90deg, transparent, rgba(45, 28, 16, 0.55) 12%, rgba(45, 28, 16, 0.55) 88%, transparent);
  padding: 3px 8px;
  border-radius: 30px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
}

/* --- 3. 游戏资料（右侧 "金币系统/角色系统..." 文字链接列表） --- */
.g_source .box {
  /* 已被 .gameinfo .box 覆盖，这里只补回它特有的内边距 */
  padding-left: 28px;
  padding-right: 26px;
}
.g_source .g_s_list li {
  border-bottom: 1px solid rgba(201, 169, 97, 0.2);
}
/* 左侧大字标题（金币系统等）原本是金色 #c9a744，保留+加 glow */
.g_source .g_s_list .gsl_ltit {
  color: #f5e3a8;
  text-shadow: 0 0 8px rgba(245, 227, 168, 0.35);
}
/* 右侧链接文字：从深灰 #333 → 浅金米色 */
.g_source .g_s_list .gsl_links a {
  color: #d8c89a;
  transition: color .25s, text-shadow .25s;
}
.g_source .g_s_list .gsl_links a:hover,
.g_source .g_s_list .gsl_links a.on {
  color: #f5e3a8;
  text-shadow: 0 0 6px rgba(245, 227, 168, 0.55);
}
/* 中间分隔点的纹理图原本是浅灰，深底上看不见，整体淡化 */
.g_source .g_s_list .gsl_links {
  background-image: none;
  border-left: 1px dashed rgba(201, 169, 97, 0.18);
  padding-left: 8px;
}
/* 搜索框配色 */
.g_source .g_s_search input {
  background: rgba(20, 12, 8, 0.6);
  border: 1px solid rgba(201, 169, 97, 0.35);
  color: #d8c89a;
}
.g_source .g_s_search input::placeholder {
  color: #8d7a4d;
}
.g_source .g_s_search .gss_btn {
  background: linear-gradient(180deg, #c9a961, #8d7a4d);
  color: #1a0f08;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
  transition: filter .25s, box-shadow .25s;
}
.g_source .g_s_search .gss_btn:hover {
  background: linear-gradient(180deg, #e6c989, #c9a961);
  box-shadow: 0 0 10px rgba(245, 227, 168, 0.4);
}

/* --- 4. 特色介绍轮播（"全境飞行" 等大图） --- */
/* 大图本身是游戏场景图，保留；菜单文字烫金化 */
.f_menu li {
  color: #d8c89a;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
  letter-spacing: 1px;
  transition: color .25s, text-shadow .25s;
}
.f_menu li:hover {
  color: #f0d98a;
  text-shadow: 0 0 8px rgba(240, 217, 138, 0.5), 0 0 4px rgba(0, 0, 0, 0.8);
}
.f_menu li.on {
  color: #f5e3a8;
  text-shadow: 0 0 10px rgba(245, 227, 168, 0.6), 0 0 4px rgba(0, 0, 0, 0.8);
}

/* --- 5. 全部模块标题图（热门活动/职业介绍/游戏资料 PNG 标题）原本是金字
       在新背景下还能看清，但加一道金色底线增加层次感 --- */
.gameinfo .tit {
  border-bottom: 1px solid rgba(201, 169, 97, 0.25);
  padding-bottom: 14px;
  margin-bottom: 18px !important;
  height: 41px;
  background-position: left center !important;
}

/* ============================================================
   特色介绍 v2：电影海报风的竖版卡片墙
   - 固定卡片尺寸，不再随数据量拉伸变丑
   - 巨型水印中文数字（壹贰叁肆伍陆）作为背景视觉
   - 图片（如果有）作为氛围底图叠加；没图也完全 OK
   ============================================================ */

/* 干掉旧大图的高度和上下渐变蒙版 */
.feature-grid-wrap {
  width: 100% !important;
  max-width: 1000px;
  height: auto !important;
  margin: 0 auto 60px !important;
  padding: 60px 16px 40px !important;
  position: relative;
  box-sizing: border-box;
  text-align: center;
}
.feature-grid-wrap::before,
.feature-grid-wrap::after {
  display: none !important;
}

/* 板块标题——主标 + 副标双行结构 */
.feature-header {
  display: block;
  text-align: center;
  margin: 0 0 50px 0 !important;
  padding: 0;
  line-height: 1;
  font-weight: normal;
  position: relative;
}
.feature-header::before,
.feature-header::after {
  content: "";
  display: block;
  width: 60px;
  height: 1px;
  margin: 0 auto;
  background: linear-gradient(90deg, transparent, rgba(201, 169, 97, 0.7), transparent);
}
.feature-header::before { margin-bottom: 18px; }
.feature-header::after  { margin-top: 18px; }
.feature-header__title {
  display: block;
  font-family: 'STKaiti', 'KaiTi', serif;
  font-size: 36px;
  color: #f5e3a8;
  letter-spacing: 14px;
  text-indent: 14px;
  text-shadow: 0 0 16px rgba(245, 227, 168, 0.45);
  margin-bottom: 10px;
}
.feature-header__subtitle {
  display: block;
  font-family: 'Georgia', 'Times New Roman', serif;
  font-size: 12px;
  color: rgba(201, 169, 97, 0.7);
  letter-spacing: 6px;
  text-indent: 6px;
}

/* 网格：flex 居中 + 固定卡片宽度，1~6 张都不会拉伸 */
.feature-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
}

/* 卡片 —— 280×440 竖版海报（贴近 9:16，适配竖图） */
.feature-card {
  position: relative;
  flex: 0 0 280px;
  width: 280px;
  height: 440px;
  display: block;
  overflow: hidden;
  text-decoration: none;
  background:
    radial-gradient(ellipse at 30% 0%, rgba(201, 169, 97, 0.10) 0%, transparent 60%),
    linear-gradient(160deg, #1a1208 0%, #2b1d12 50%, #150e08 100%);
  border: 1px solid rgba(201, 169, 97, 0.4);
  box-shadow:
    0 6px 24px rgba(0, 0, 0, 0.5),
    inset 0 0 40px rgba(0, 0, 0, 0.45);
  transition: transform .4s, box-shadow .4s, border-color .4s;
  cursor: pointer;
}

/* 巨型水印中文数字 —— 装饰主视觉，永远在背景层 */
.feature-card__bgnum {
  position: absolute;
  top: -28px;
  right: -10px;
  z-index: 1;
  font-family: 'STKaiti', 'KaiTi', serif;
  font-size: 220px;
  line-height: 1;
  color: rgba(201, 169, 97, 0.08);
  pointer-events: none;
  user-select: none;
  transition: color .5s, transform .5s;
}

/* 图片底图层（有上传图时才有这层；适配 9:16 竖图，定位到顶部保留人物头部） */
.feature-card__cover {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-size: cover;
  background-position: center top; /* 竖图保留顶部，人物头脸不被切 */
  background-repeat: no-repeat;
  opacity: 0.7;                    /* 提高透明度，让图更清晰 */
  filter: contrast(1.05) saturate(0.95);
  transition: opacity .5s, transform .8s;
}

/* 黑色蒙层 —— 让底部文字在任何图片上都清晰可读 */
.feature-card__shade {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg,
    rgba(0, 0, 0, 0.15) 0%,
    rgba(0, 0, 0, 0.35) 45%,
    rgba(13, 10, 8, 0.92) 100%);
  pointer-events: none;
}

/* 文字内容容器 —— 底部对齐 */
.feature-card__inner {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 28px 24px;
  box-sizing: border-box;
}

.feature-card__index {
  font-family: 'Georgia', serif;
  font-size: 11px;
  color: #c9a961;
  letter-spacing: 4px;
  margin-bottom: 8px;
  opacity: 0.75;
}

.feature-card__title {
  font-family: 'STKaiti', 'KaiTi', serif;
  font-size: 28px;
  font-weight: normal;
  color: #f5e3a8;
  letter-spacing: 8px;
  text-indent: 8px;
  line-height: 1.3;
  margin-bottom: 14px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7), 0 0 14px rgba(245, 227, 168, 0.25);
}

.feature-card__line {
  display: block;
  width: 40px;
  height: 1px;
  background: linear-gradient(90deg, #c9a961, transparent);
  margin-bottom: 14px;
  transition: width .4s, background .4s;
}

.feature-card__more {
  display: inline-block;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
  font-size: 12px;
  color: #c9a961;
  letter-spacing: 3px;
  padding: 7px 14px;
  border: 1px solid rgba(201, 169, 97, 0.45);
  background: rgba(0, 0, 0, 0.3);
  transition: color .3s, border-color .3s, background .3s, letter-spacing .3s;
}

/* 四角金边 L 形装饰，更明显 */
.feature-card::before,
.feature-card::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  z-index: 4;
  pointer-events: none;
  transition: border-color .4s, width .4s, height .4s;
}
.feature-card::before {
  top: 8px;
  left: 8px;
  border-top: 2px solid #c9a961;
  border-left: 2px solid #c9a961;
}
.feature-card::after {
  bottom: 8px;
  right: 8px;
  border-bottom: 2px solid #c9a961;
  border-right: 2px solid #c9a961;
}

/* hover 联动动效 */
.feature-card:hover {
  transform: translateY(-8px);
  border-color: #f5e3a8;
  box-shadow:
    0 16px 40px rgba(0, 0, 0, 0.65),
    0 0 36px rgba(245, 227, 168, 0.28),
    inset 0 0 40px rgba(0, 0, 0, 0.45);
}
.feature-card:hover .feature-card__bgnum {
  color: rgba(245, 227, 168, 0.18);
  transform: scale(1.05);
}
.feature-card:hover .feature-card__cover {
  opacity: 0.9;
  transform: scale(1.05);
}
.feature-card:hover .feature-card__line {
  width: 80px;
  background: linear-gradient(90deg, #f5e3a8, transparent);
}
.feature-card:hover .feature-card__more {
  color: #1a1208;
  background: #f5e3a8;
  border-color: #f5e3a8;
  letter-spacing: 4px;
}
.feature-card:hover::before,
.feature-card:hover::after {
  border-color: #f5e3a8;
  width: 30px;
  height: 30px;
}

/* 移动端：每行 2 张 */
@media (max-width: 800px) {
  .feature-grid-wrap {
    padding: 36px 12px 24px !important;
    margin-bottom: 30px !important;
  }
  .feature-header {
    margin-bottom: 30px !important;
  }
  .feature-header::before,
  .feature-header::after {
    width: 40px;
  }
  .feature-header__title {
    font-size: 24px;
    letter-spacing: 8px;
    text-indent: 8px;
  }
  .feature-header__subtitle {
    font-size: 10px;
    letter-spacing: 4px;
  }
  .feature-grid {
    gap: 12px;
  }
  .feature-card {
    flex: 0 1 calc(50% - 6px);
    width: calc(50% - 6px);
    height: 300px; /* 提高高度，更适合 9:16 竖图 */
  }
  .feature-card__bgnum {
    font-size: 140px;
    top: -16px;
    right: -6px;
  }
  .feature-card__inner {
    padding: 18px 14px;
  }
  .feature-card__index {
    font-size: 10px;
    letter-spacing: 3px;
    margin-bottom: 6px;
  }
  .feature-card__title {
    font-size: 20px;
    letter-spacing: 4px;
    text-indent: 4px;
    margin-bottom: 10px;
  }
  .feature-card__line {
    width: 28px;
    margin-bottom: 10px;
  }
  .feature-card__more {
    font-size: 11px;
    padding: 5px 10px;
    letter-spacing: 2px;
  }
  .feature-card::before,
  .feature-card::after {
    width: 14px;
    height: 14px;
  }
}

/* ============================================================
   特色卡片"放大"弹窗
   点击卡片 → 中央放大显示更详细的内容（黑金风一致）
   ============================================================ */
.feature-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}
.feature-modal.is-open {
  display: flex;
  animation: featureFadeIn .3s ease both;
}
@keyframes featureFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.feature-modal__backdrop {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, rgba(20, 12, 8, 0.85) 0%, rgba(0, 0, 0, 0.95) 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  cursor: zoom-out;
}

.feature-modal__panel {
  position: relative;
  display: flex;
  width: min(860px, 94vw);
  height: min(540px, 85vh);
  overflow: hidden;
  background:
    radial-gradient(ellipse at 30% 0%, rgba(201, 169, 97, 0.15) 0%, transparent 60%),
    linear-gradient(160deg, #1a1208 0%, #2b1d12 50%, #150e08 100%);
  border: 1px solid #c9a961;
  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.75),
    0 0 60px rgba(245, 227, 168, 0.18);
  animation: featurePopIn .4s cubic-bezier(.16,.84,.42,1.01) both;
}
@keyframes featurePopIn {
  from { transform: scale(.7) translateY(20px); opacity: 0; }
  to   { transform: scale(1)   translateY(0);    opacity: 1; }
}

/* 关闭按钮 */
.feature-modal__close {
  position: absolute;
  top: 12px;
  right: 16px;
  z-index: 10;
  width: 36px;
  height: 36px;
  padding: 0;
  background: rgba(13, 10, 8, 0.7);
  border: 1px solid rgba(201, 169, 97, 0.6);
  color: #c9a961;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  transition: color .25s, border-color .25s, background .25s, transform .25s;
}
.feature-modal__close:hover {
  color: #1a1208;
  background: #f5e3a8;
  border-color: #f5e3a8;
  transform: rotate(90deg);
}

/* 四角金边 L 装饰 */
.feature-modal__panel::before,
.feature-modal__panel::after {
  content: "";
  position: absolute;
  width: 36px;
  height: 36px;
  pointer-events: none;
  z-index: 5;
}
.feature-modal__panel::before {
  top: 10px; left: 10px;
  border-top: 2px solid #c9a961;
  border-left: 2px solid #c9a961;
}
.feature-modal__panel::after {
  bottom: 10px; right: 10px;
  border-bottom: 2px solid #c9a961;
  border-right: 2px solid #c9a961;
}

/* ===== 左侧图片区 ===== */
/* 宽度做成跟整体高度成 9:16 → 540 × (9/16) ≈ 304px，9:16 竖图刚好完整显示 */
.feature-modal__media {
  flex: 0 0 304px;
  position: relative;
  height: 100%;
  background: #0d0a08;
  border-right: 1px solid rgba(201, 169, 97, 0.4);
  overflow: hidden;
}
.feature-modal__cover {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: contrast(1.05) saturate(0.95);
}
/* 图片右侧加一道金色渐变光带，过渡到文字区，避免硬切 */
.feature-modal__media::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(13, 10, 8, 0.6));
  pointer-events: none;
}

/* 没图时整个图片区收起，文字区占满 */
.feature-modal__panel.no-media .feature-modal__media {
  display: none;
}

/* ===== 右侧文字内容区 ===== */
.feature-modal__content {
  position: relative;
  flex: 1;
  min-width: 0;
  padding: 60px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  overflow: hidden;
}

/* 巨型水印数字（限定在右侧内容区内，不再溢出整个面板） */
.feature-modal__bgnum {
  position: absolute;
  bottom: -80px;
  right: -30px;
  z-index: 0;
  font-family: 'STKaiti', 'KaiTi', serif;
  font-size: 360px;
  line-height: 1;
  color: rgba(201, 169, 97, 0.10);
  pointer-events: none;
  user-select: none;
}

.feature-modal__index,
.feature-modal__title,
.feature-modal__line,
.feature-modal__desc {
  position: relative;
  z-index: 2;
}

.feature-modal__index {
  font-family: 'Georgia', serif;
  font-size: 14px;
  color: #c9a961;
  letter-spacing: 6px;
  margin-bottom: 16px;
  opacity: 0.85;
}
.feature-modal__title {
  margin: 0 0 22px 0;
  font-family: 'STKaiti', 'KaiTi', serif;
  font-size: 50px;
  font-weight: normal;
  color: #f5e3a8;
  letter-spacing: 14px;
  text-indent: 14px;
  line-height: 1.2;
  text-shadow: 0 3px 14px rgba(0, 0, 0, 0.7), 0 0 22px rgba(245, 227, 168, 0.3);
}
.feature-modal__line {
  display: block;
  width: 80px;
  height: 1px;
  background: linear-gradient(90deg, #c9a961, transparent);
  margin-bottom: 22px;
}
.feature-modal__desc {
  margin: 0;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
  font-size: 14px;
  line-height: 1.9;
  color: #d8c89a;
  letter-spacing: 2px;
  max-width: 100%;
}

/* 移动端：竖向堆叠（图上文下） */
@media (max-width: 800px) {
  .feature-modal__panel {
    flex-direction: column;
    width: 94vw;
    height: 86vh;
  }
  .feature-modal__close {
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    font-size: 20px;
  }
  .feature-modal__panel::before,
  .feature-modal__panel::after {
    width: 22px;
    height: 22px;
  }
  /* 移动端图片区改成顶部 50% 高，宽度满，比例自适应 */
  .feature-modal__media {
    flex: 0 0 50%;
    width: 100%;
    height: auto;
    border-right: 0;
    border-bottom: 1px solid rgba(201, 169, 97, 0.4);
  }
  .feature-modal__media::after {
    top: auto;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(180deg, transparent, rgba(13, 10, 8, 0.6));
  }
  .feature-modal__content {
    padding: 24px 22px;
    justify-content: flex-start;
  }
  .feature-modal__bgnum {
    font-size: 200px;
    bottom: -40px;
    right: -10px;
  }
  .feature-modal__index {
    font-size: 11px;
    letter-spacing: 4px;
    margin-bottom: 8px;
  }
  .feature-modal__title {
    font-size: 28px;
    letter-spacing: 6px;
    text-indent: 6px;
    margin-bottom: 14px;
  }
  .feature-modal__line {
    width: 50px;
    margin-bottom: 14px;
  }
  .feature-modal__desc {
    font-size: 12px;
    line-height: 1.7;
  }
}

/* ============================================================
   底部页脚：从原本的蓝色 / 白色 → 黑金主题
   ============================================================ */
.footer {
  margin: 0 !important;
  padding: 24px 0 30px !important;
  width: 100%;
  background: #0d0a08 !important;
  background-image:
    linear-gradient(180deg, transparent 0%, rgba(201, 169, 97, 0.04) 100%),
    linear-gradient(0deg, #0d0a08, #150e08) !important;
  border-top: 1px solid rgba(201, 169, 97, 0.25);
  position: relative;
  color: #a89576;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
}
/* 顶部一道金色渐变细线，跟全站板块呼应 */
.footer::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 240px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #c9a961, transparent);
}

.footer .wrapx1,
.footer .pad {
  background: transparent !important;
  color: #a89576 !important;
  text-align: center;
  font-size: 12px;
  line-height: 1.9;
  letter-spacing: 1px;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* 版权区里的所有链接 */
.footer a {
  color: #c9a961 !important;
  text-decoration: none;
  transition: color .2s, text-shadow .2s;
}
.footer a:hover {
  color: #f5e3a8 !important;
  text-shadow: 0 0 6px rgba(245, 227, 168, 0.5);
}

/* 兜底：兼容旧 .footer_outer / .copyright 等可能用到的类 */
.footer_outer,
.footer .copyright,
.footer p,
.footer span,
.footer div {
  background: transparent !important;
  color: #a89576 !important;
}

/* 移动端缩一下 */
@media (max-width: 800px) {
  .footer {
    padding: 18px 12px 22px !important;
  }
  .footer .wrapx1,
  .footer .pad {
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.8;
  }
}

/* ============================================================
   子页面（article / youxiziliao）补丁
   1. 子页面不显示"立即注册"漂浮按钮（那是首页 hero 区专用的）
   2. 移动端文章正文里的高亮/底色/字色全部统一成黑金风可读样式
   ============================================================ */

/* 1. 子页面强制隐藏 立即注册 按钮（无论 PC 还是移动端） */
.views-sub .t_orderBtnBox,
.views-sub .t_orderBtn,
.views-sub .menu,
.views-sub .t_orderBtnBox.t_orderBtn {
  display: none !important;
}

/* 2. 文章/资料正文里粘贴自带的彩色背景、彩色字、行内黄底高亮等全部清掉
      （只在子页面，不影响后台或首页） */
.views-sub .main-content,
.views-sub .main-content * {
  background-color: transparent !important;
  /* 保留链接和我们设定的金色调，其他强制成米金可读色 */
}
.views-sub .main-content p,
.views-sub .main-content span,
.views-sub .main-content div,
.views-sub .main-content li,
.views-sub .main-content td,
.views-sub .main-content font,
.views-sub .main-content mark,
.views-sub .main-content section {
  color: #d8c89a !important;
  background: transparent !important;
  background-image: none !important;
  text-shadow: none !important;
}

/* 标题加亮成金色 */
.views-sub .main-content h1,
.views-sub .main-content h2,
.views-sub .main-content h3,
.views-sub .main-content h4,
.views-sub .main-content h5,
.views-sub .main-content h6,
.views-sub .main-content strong,
.views-sub .main-content b {
  color: #f5e3a8 !important;
  background: transparent !important;
}

/* 链接保持金色 + hover 加亮 */
.views-sub .main-content a {
  color: #c9a961 !important;
  background: transparent !important;
  text-decoration: none;
  transition: color .2s, text-shadow .2s;
}
.views-sub .main-content a:hover {
  color: #f5e3a8 !important;
  text-shadow: 0 0 6px rgba(245, 227, 168, 0.55);
}

/* 图片不受 transparent 影响（图片本身就有内容） */
.views-sub .main-content img {
  max-width: 100%;
  height: auto;
  background: transparent !important;
  border: 1px solid rgba(201, 169, 97, 0.2);
  border-radius: 2px;
}

/* 表格也统一暗金风 */
.views-sub .main-content table,
.views-sub .main-content th,
.views-sub .main-content td {
  border-color: rgba(201, 169, 97, 0.3) !important;
}

/* ===== 移动端额外微调 ===== */
@media (max-width: 800px) {
  /* 子页面文章卡片内边距收紧，行距放松，方便手机阅读 */
  .views-sub .article .main-content {
    padding: 22px 18px !important;
  }
  .views-sub .main-content p,
  .views-sub .main-content li,
  .views-sub .main-content span,
  .views-sub .main-content div {
    font-size: 14px !important;
    line-height: 1.9 !important;
    letter-spacing: 0.5px;
  }
  .views-sub .main-content h1 {
    font-size: 20px !important;
  }
  .views-sub .main-content h2 {
    font-size: 18px !important;
  }
  .views-sub .main-content h3 {
    font-size: 16px !important;
  }
}