* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.header-box {
  height: 60px;
  position: absolute;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), color-stop(60%, rgba(0, 0, 0, 0.05)));
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.05) 60%);
  z-index: 10;
  left: 0;
  top: 0;
}
.header-box.white-nav {
  color: #fff;
}
.header-box.white-nav .head-li1 {
  -webkit-filter: brightness(10) !important;
          filter: brightness(10) !important;
}
.header-box .logo {
  position: absolute;
  top: 5px;
  height: 53px;
  width: 113px;
  left: 18%;
}
.header-box .logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.header-box .logo img {
  width: 100%;
}
.header-box .tab-box {
  position: absolute;
  right: 10%;
  font-weight: bold;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.header-box .tab-box .tab {
  position: relative;
  text-align: center;
  width: 93px;
  display: inline-block;
  font-size: 14px;
  line-height: 70px;
  height: 100%;
  margin-right: 10px;
  overflow: hidden;
}
.header-box .tab-box .tab img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 53px;
  height: 55px;
  opacity: 0;
}
.header-box .tab-box .tab a {
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-box .tab-box .tab a :nth-child(2) {
  display: none;
}
.header-box .tab-box .tab a :nth-child(1) {
  display: block;
  position: unset;
  height: 14px;
  opacity: 1;
  width: auto;
}
.header-box .tab-box .cur {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, #ffffff));
  background: linear-gradient(rgba(255, 255, 255, 0), #ffffff 80%);
}
.header-box .tab-box .cur .head-rotate {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 53px;
  height: 55px;
  opacity: 1;
  position: absolute;
  z-index: -1;
  -webkit-animation: myRotate 10s linear infinite;
          animation: myRotate 10s linear infinite;
}
.header-box .tab-box .cur a {
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-box .tab-box .cur a :nth-child(1) {
  display: none;
}
.header-box .tab-box .cur a :nth-child(2) {
  display: block;
  position: unset;
  height: 16px;
  opacity: 1;
  width: auto;
}
.new-detail-max {
  width: 100%;
  background: url(../images/de_bg1.png) no-repeat;
}
.new-detail-max .page-bottom {
  width: 100%;
  height: 898px;
  background: url(../images/detail_bottom.png);
  background-size: cover;
  margin-top: -239px;
  background-position: bottom;
}
.header-box-all-news,
.header-box-new-detail {
  height: 60px;
  position: static;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), color-stop(60%, rgba(0, 0, 0, 0.05)));
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.05) 60%);
  z-index: 10;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.header-box-all-news .logo,
.header-box-new-detail .logo {
  height: 53px;
  width: 113px;
  left: 18%;
}
.header-box-all-news .logo img,
.header-box-new-detail .logo img {
  width: 100%;
}
.header-box-all-news .tab-box,
.header-box-new-detail .tab-box {
  right: 10%;
  font-weight: bold;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-box-all-news .tab-box .tab,
.header-box-new-detail .tab-box .tab {
  position: relative;
  text-align: center;
  width: 93px;
  display: inline-block;
  font-size: 14px;
  line-height: 70px;
  height: 100%;
  margin-right: 10px;
  cursor: pointer;
}
.header-box-all-news .tab-box .tab img,
.header-box-new-detail .tab-box .tab img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 53px;
  height: 55px;
  opacity: 0;
}
.header-box-all-news .tab-box .tab a,
.header-box-new-detail .tab-box .tab a {
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 3;
}
.header-box-all-news .tab-box .tab a :nth-child(2),
.header-box-new-detail .tab-box .tab a :nth-child(2) {
  display: none;
}
.header-box-all-news .tab-box .tab a :nth-child(1),
.header-box-new-detail .tab-box .tab a :nth-child(1) {
  display: block;
  position: unset;
  height: 14px;
  opacity: 1;
  width: auto;
}
.header-box-all-news .tab-box .cur,
.header-box-new-detail .tab-box .cur {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, #ffffff));
  background: linear-gradient(rgba(255, 255, 255, 0), #ffffff 80%);
}
.header-box-all-news .tab-box .cur .head-rotate,
.header-box-new-detail .tab-box .cur .head-rotate {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 53px;
  height: 55px;
  opacity: 1;
  position: absolute;
  z-index: 1;
  -webkit-animation: myRotate 10s linear infinite;
          animation: myRotate 10s linear infinite;
}
.header-box-all-news .tab-box .cur a,
.header-box-new-detail .tab-box .cur a {
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-box-all-news .tab-box .cur a :nth-child(1),
.header-box-new-detail .tab-box .cur a :nth-child(1) {
  display: none;
}
.header-box-all-news .tab-box .cur a :nth-child(2),
.header-box-new-detail .tab-box .cur a :nth-child(2) {
  position: absolute;
  z-index: 3;
  display: block;
  position: unset;
  height: 16px;
  opacity: 1;
  width: auto;
}
.news-list-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(../images/all_bg.png) no-repeat;
  background-size: cover;
}
.news-list-box .news-container {
  height: 80%;
  overflow: hidden;
}
.expect {
  text-align: center;
  line-height: 50px;
  font-weight: bold;
}
.news-container .thumb-title {
  position: relative;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 50px;
}
.news-container .thumb-title .title-box {
  min-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.news-container .thumb-title .title-box .text-box {
  z-index: 999;
  padding: 0 10px;
  left: 10%;
  font-size: 15px;
  color: #878787;
}
.news-container .thumb-title .title-box .text-box a {
  color: #878787;
}
.news-container .thumb-title .title-box .line-box2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 1px solid #252323;
}
.news-container .thumb-title .title-box .back {
  width: 128px;
  height: 42px;
  background: url(../images/back_btn.png) no-repeat;
  background-size: 108px 42px;
  right: 10%;
  z-index: 999;
  background-position: center;
  cursor: pointer;
}
.news-container .thumb-title .title-box .back a {
  display: block;
  width: 100%;
  height: 100%;
}
.news-container .thumb-title .line-box1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 1px solid #252323;
}
.news-container .thumb-title .line-box3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 1px solid #252323;
}
.news-container .news-page-box {
  height: 90%;
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
  z-index: 1;
}
.news-container .news-page-box .thumb-title {
  height: 50px;
  background: url(../images/news_thumb_bg.png) no-repeat left bottom;
  background-size: auto 33px;
  color: #ff9601;
  padding: 0 0 40px 35px;
}
.news-container .news-page-box .thumb-title a {
  color: #ff9601;
}
.news-container .news-page-box .news-tab-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 50px;
  border-bottom: 1px solid #878787;
}
.news-container .news-page-box .news-tab-box .tab {
  height: 50px;
  line-height: 50px;
  color: #000;
  font-size: 22px;
  text-align: center;
}
.news-container .news-page-box .news-tab-box .tab:hover {
  color: #d14221;
}
.news-container .news-page-box .news-tab-box .cur {
  font-weight: bold;
  color: #d14221;
  border-bottom: 2px solid #d14221;
}
.news-container .news-page-box .news-list {
  height: 80%;
  overflow-y: auto;
  margin-top: 20px;
}
.news-container .news-page-box .news-list .empty-tips {
  font-size: 24px;
  text-align: center;
}
.news-container .news-page-box .news-list .news-item {
  width: 98%;
  height: 65px;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  padding-right: 24px;
  border-bottom: 1px dashed #878787;
}
.news-container .news-page-box .news-list .news-item .mark {
  font-weight: bold;
  margin-right: 10px;
  color: #d14221;
  padding: 0 5px;
  margin-left: 4px;
}
.news-container .news-page-box .news-list .news-item .text {
  width: 800px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #302e2c;
  margin-right: 100px;
}
.news-container .news-page-box .news-list .news-item .text:hover {
  color: #d14221;
}
.news-container .news-page-box .news-list .news-item .time {
  color: #917648;
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}
.news-container .news-page-box .news-list::-webkit-scrollbar {
  width: 6px;
  height: 10px;
  /**/
}
.news-container .news-page-box .news-list::-webkit-scrollbar-track {
  background: #fcfcfc;
  border-radius: 2px;
}
.news-container .news-page-box .news-list::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 10px;
}
.news-container .news-share {
  width: 100%;
  height: 60px;
  border-bottom: 1px dashed #252323;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  font-size: 15px;
}
.news-container .news-share .detail-author {
  position: absolute;
  margin-bottom: 10px;
}
.news-container .news-share .share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 13px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.news-container .news-share .share .wx {
  display: block;
  width: 58px;
  height: 19px;
  background: url(../images/share_wx.png) no-repeat;
  background-size: cover;
  margin: 0 5px;
}
.news-container .news-share .share .weibo {
  display: block;
  width: 86px;
  height: 19px;
  background: url(../images/share_wb.png) no-repeat;
  background-size: cover;
  margin: 0 5px;
}
.news-container .news-share .share .share-more {
  display: block;
  width: 50px;
  height: 18px;
  background: url(../images/share_more.png) no-repeat;
  background-size: cover;
  margin: 0 5px;
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}
.news-container .news-share .share .share-more:hover {
  -webkit-filter: brightness(1);
          filter: brightness(1);
}
.news-container .news-share .share .qq-box {
  width: 150px;
  height: 30px;
  border: 1px solid #c2c2c2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
}
.news-container .news-share .share .qq-box .qzone {
  display: block;
  width: 76px;
  height: 27px;
  background: url(../images/share_qq.png) no-repeat;
  background-size: cover;
}
.news-container .news-share .share .qq-box .qq {
  display: block;
  width: 76px;
  height: 27px;
  background: url(../images/share_qq2.png) no-repeat;
  background-size: cover;
}
.news-container .news-share .time {
  margin-bottom: 10px;
}
.news-container .news-share .author-info {
  margin-bottom: 10px;
}
.news-list-box .guid-container .news-list li {
  margin: 0 auto;
  margin-top: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px 0 10px;
  width: 1011px;
  height: 91px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url('../images/li_bg_2.png') no-repeat;
  background-size: 100% 100%;
}
.news-list-box .guid-container .news-list li .date-tips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 15px;
  color: #282626;
  width: 100px;
}
.news-list-box .guid-container .news-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  color: #282626;
  position: relative;
  padding-right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.news-list-box .guid-container .news-list li .li-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.news-list-box .guid-container .news-list li .li-left .li-left-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.news-list-box .guid-container .news-list li .li-left .li-left-title .title-tips {
  font-size: 16px;
  color: #d14221;
  line-height: 20px;
  font-weight: bold;
}
.news-list-box .guid-container .news-list li .li-left .li-con {
  width: 650px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.news-list-box .guid-container .news-list li .li-left .li-con a p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-list-box .guid-container .news-list li .li-left .li-con .li-tags {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.news-list-box .guid-container .news-list li .li-left .li-con .li-tags span {
  padding: 3px 12px;
  font-size: 12px;
  background: url('../images/tag_bg.png') no-repeat;
  background-size: 100% 100%;
  margin-left: 5px;
}
.news-list-box .guid-container .news-list li .li-left .li-con .li-tags .author {
  font-size: 15px;
  color: #6e6c6d;
}
.news-list-box .guid-container .news-list li .li-left .li-con a:hover {
  color: #d14221;
}
#pageBox {
  margin-top: 20px;
  width: 100%;
}
#pageBox .pagination {
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#pageBox .pagination a {
  display: block;
  width: 43px;
  height: 43px;
  border: 1px solid #c09354;
  line-height: 43px;
  text-align: center;
  border-radius: 3px;
  font-weight: bold;
  font-size: 20px;
  color: #c09354;
  margin: 0 10px;
  opacity: .6;
}
#pageBox .pagination a.active {
  opacity: 1;
}
#pageBox .pagination a.next {
  background: url(../images/page_right.png);
  opacity: 1;
}
#pageBox .pagination a.prev {
  background: url(../images/page_left.png);
  opacity: 1;
}
#tool {
  width: 90px;
  height: 63px;
  position: fixed;
  bottom: 100px;
  right: 10%;
  background: url(../images/to_top.png) no-repeat;
  background-size: cover;
  display: none;
  z-index: 9999;
}
#tool a {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
}
.skill-container .news-page-box .title {
  background: url(../images/skill_title.png) no-repeat;
  background-size: cover;
}
.article-container .thumb-title {
  position: relative;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 50px;
}
.article-container .thumb-title .title-box {
  min-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.article-container .thumb-title .title-box .text-box {
  z-index: 999;
  padding: 0 10px;
  left: 10%;
  font-size: 15px;
  color: #878787;
}
.article-container .thumb-title .title-box .text-box a {
  color: #878787;
}
.article-container .thumb-title .title-box .line-box2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 1px solid #252323;
}
.article-container .thumb-title .title-box .back {
  width: 128px;
  height: 42px;
  background: url(../images/back_btn.png) no-repeat;
  background-size: 108px 42px;
  right: 10%;
  z-index: 999;
  background-position: center;
  cursor: pointer;
}
.article-container .thumb-title .title-box .back a {
  display: block;
  width: 100%;
  height: 100%;
}
.article-container .thumb-title .line-box1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 1px solid #252323;
}
.article-container .thumb-title .line-box3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 1px solid #252323;
}
.article-container .title-text {
  font-size: 34px;
  text-align: center;
  margin-top: 50px;
  color: #000;
  font-weight: 600;
}
.article-container .news-info {
  min-height: 500px;
  width: 980px;
  margin: 35px auto;
  font-size: 24px;
  line-height: 36px;
  color: #595757;
}
.article-container .news-info p {
  margin: 20px 0;
}
.article-container .news-info p img {
  display: block;
  max-width: 98%;
  height: auto;
  margin: 0 auto;
}
.page7-header-box {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), color-stop(60%, rgba(255, 255, 255, 0.7)));
  background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7) 60%);
}
html,
body,
.body,
.main-swiper,
.main-box,
.page {
  width: 100%;
  height: 100%;
  position: relative;
  min-width: 1200px;
}
.main-box {
  background: url(../images/all_bg.png) no-repeat;
  background-size: cover;
}
.page1 .page-main .page1-bg-box {
  height: 100%;
}
.page1 .page-main .page1-bg-box img,
.page1 .page-main .page1-bg-box .kv-video {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.page1 .page-main .home-show-box {
  position: absolute;
  width: 1191px;
  height: 300px;
  bottom: 100px;
  left: 0;
  right: 0;
  margin: auto;
}
.page1 .page-main .home-show-box .home-show-box-con {
  width: 100%;
  height: 100%;
  position: relative;
}
.page1 .page-main .home-show-box .home-show-box-con .slagon {
  width: 1191px;
  height: 181px;
  position: absolute;
  top: 0;
}
.page1 .page-main .home-show-box .home-show-box-con .slagon img {
  width: 1191px;
  height: 181px;
}
.page1 .page-main .home-show-box .home-show-box-con .video-btn {
  position: absolute;
  width: 108px;
  height: 106px;
  background: url('../images/play_btn2.png') no-repeat;
  background-size: cover;
  /* top: 70px;
  right: 0px; */
  top: 212px;
  right: -590px;
  left: 0px;
  margin: auto;
  -webkit-animation: huxi 3s ease-in-out infinite;
          animation: huxi 3s ease-in-out infinite;
  cursor: pointer;
  z-index: 1000;
}
.page1 .page-main .home-show-box .home-show-box-con .home-btns {
  position: absolute;
  width: 268px;
  height: 66px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
}
.page1 .page-main .home-show-box .home-show-box-con .home-btns img {
  width: 100%;
  height: 100%;
}
.page1 .page-main .home-show-box .home-show-box-con .home-btns.btn-yuyue {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.page1 .page-main .home-show-box .home-show-box-con .home-btns.btn-yuyue > * {
  display: inline-block;
  vertical-align: middle;
}
.page1 .page-main .home-show-box .home-show-box-con .home-btns .qq-tt {
  background: url('../images/qq-channel.png') no-repeat;
  background-size: cover;
  width: 68px;
  height: 89px;
}
.page1 .page-main .home-show-box .home-show-box-con .home-btns .booking-btn {
  width: 268px;
  height: 66px;
  margin: 0 20px;
}
.page1 .page-main .home-show-box .home-show-box-con .home-btns .tap-yuyue-btn {
  width: 198px;
  height: 66px;
  margin: auto;
  background: url('../images/tap-btn.png') no-repeat;
  background-size: cover;
}
.page .title-box {
  position: relative;
  margin: 0 auto;
  margin-top: .7rem;
  margin-bottom: .9rem;
}
.page .title-box .title-bg-box {
  width: 153px;
  height: 153px;
  -webkit-animation: myRotate 10s linear infinite;
          animation: myRotate 10s linear infinite;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url(../images/tab_bg.png) no-repeat;
  background-size: cover;
  z-index: -1;
}
.page .title-box .title-news {
  width: 4.90rem;
  height: .63rem;
  background-size: cover;
  margin: 0 auto;
}
.page2 {
  padding-top: 60px;
}
.page2 .page-main {
  margin: 0 auto;
  width: 12.00rem;
  height: 100%;
}
.page2 .page-main .title-box .title-news {
  background: url(../images/title_news.png) no-repeat;
  background-size: cover;
}
.page2 .page-main .news-box .con .con-item.on {
  display: block;
}
.page2 .page-main .page-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page2 .page-main .page-content .page-content-left {
  width: 6.00rem;
  position: relative;
}
.page2 .page-main .page-content .page-content-left .news-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  color: #2f2f2f;
}
.page2 .page-main .page-content .page-content-left .news-box .news-content {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: .20rem;
}
.page2 .page-main .page-content .page-content-left .news-box .news-content .tab {
  width: 100%;
  height: .35rem;
  position: relative;
  top: .07rem;
  left: .06rem;
  text-align: center;
  font-size: 0;
  border-bottom: 1px solid #252323;
}
.page2 .page-main .page-content .page-content-left .news-box .news-content .tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  list-style: none;
}
.page2 .page-main .page-content .page-content-left .news-box .news-content .tab ul li {
  width: .59rem;
  height: .35rem;
  display: inline-block;
  position: relative;
  line-height: .35rem;
  margin-top: .01rem;
  cursor: pointer;
}
.page2 .page-main .page-content .page-content-left .news-box .news-content .tab ul li span {
  font-weight: bold;
  text-align: center;
  font-size: .16rem;
  width: 100%;
  height: 100%;
  color: #282626;
}
.page2 .page-main .page-content .page-content-left .news-box .news-content .tab ul li span a {
  color: #282626;
}
.page2 .page-main .page-content .page-content-left .news-box .news-content .tab ul li:hover span {
  color: #c93d15;
}
.page2 .page-main .page-content .page-content-left .news-box .news-content .tab ul li.on {
  border-bottom: .04rem solid #bb3d23;
}
.page2 .page-main .page-content .page-content-left .news-box .news-content .tab ul li.on span {
  font-size: .20rem;
  color: #c93d15;
}
.page2 .page-main .page-content .page-content-left .news-box .news-content .con {
  position: relative;
  left: .09rem;
  top: .15rem;
  font-size: 0;
  width: 100%;
  height: 100%;
}
.page2 .page-main .page-content .page-content-left .news-box .news-content .con .con-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.page2 .page-main .page-content .page-content-left .news-box .news-content .con .con-item ul {
  list-style: none;
}
.page2 .page-main .page-content .page-content-left .news-box .news-content .con .con-item ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 .05rem;
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: .48rem;
}
.page2 .page-main .page-content .page-content-left .news-box .news-content .con .con-item ul li .date-tips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: .14rem;
  color: #282626;
}
.page2 .page-main .page-content .page-content-left .news-box .news-content .con .con-item ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .14rem;
  color: #282626;
  position: relative;
  padding-right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page2 .page-main .page-content .page-content-left .news-box .news-content .con .con-item ul li a .title-tips {
  font-size: .14rem;
  color: #d14221;
  font-weight: bold;
}
.page2 .page-main .page-content .page-content-left .news-box .news-content .con .con-item ul li a:hover p {
  color: #d14221;
}
.page2 .page-main .page-content .page-content-left .news-box .news-content .con .con-item ul div {
  font-size: .18rem;
  color: black;
}
.page2 .page-main .page-content .page-content-left .news-box .news-content .con .con-item.on {
  display: block;
}
.page2 .page-main .page-content .page-content-left .news-box .newsdetails-wrapper {
  margin-top: .50rem;
  padding-bottom: .30rem;
  overflow-y: auto;
}
.page2 .page-main .page-content .page-content-right {
  width: 6.00rem;
  height: auto;
  position: relative;
}
.page2 .page-main .page-content .page-content-right .news-swiper-box {
  width: 6.00rem;
  overflow: hidden;
  height: 3.37rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #9d400e;
}
.page2 .page-main .page-content .page-content-right .swiper-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.page2 .page-main .page-content .page-content-right .pagi {
  position: absolute;
  bottom: -0.3rem;
  z-index: 2;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
}
.page2 .page-main .page-content .page-content-right .pagi .swiper-pagination-bullet {
  position: relative;
  width: .16rem;
  height: .04rem;
  margin: .05rem 0 .05rem .15rem;
  background-color: #8f8f8f;
  -webkit-transition: all .2s;
  transition: all .2s;
  outline: none;
  border-radius: 0 !important;
}
.page2 .page-main .page-content .page-content-right .pagi .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: .53rem;
  background-color: #a31b21;
}
.page3 {
  padding-top: 60px;
}
.page3 .page-main {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
}
.page3 .page-main .title-box {
  z-index: 3;
}
.page3 .page-main .title-box .title-news {
  background: url(../images/title_yingling.png) no-repeat;
  background-size: cover;
}
.page3 .page-main .content-box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}
.page3 .page-main .content-box .content {
  width: 100%;
  height: 100%;
  position: absolute;
}
.page3 .page-main .content-box .content .line {
  position: absolute;
  height: 100%;
  width: 1200px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.page3 .page-main .content-box .content .line .line-bg-box {
  position: absolute;
  width: 92px;
  height: 878px;
  top: 20px;
  left: -15px;
  background: url('../images/line.png') no-repeat;
  background-size: cover;
}
.page3 .page-main .content-box .content .unit-list {
  position: absolute;
  width: 1200px;
  height: 100%;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.page3 .page-main .content-box .content .unit-list .unit {
  margin-left: 23px;
}
.page3 .page-main .content-box .content .unit-list .unit.active {
  margin-left: 8px;
}
.page3 .page-main .content-box .content .unit-list .feng {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75px;
  height: 38px;
  background: url('../images/ys_feng.png') no-repeat;
  background-size: contain;
  margin-top: 178px;
}
.page3 .page-main .content-box .content .unit-list .feng.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 146px;
  height: 43px;
  background: url('../images/ys_feng_on.png') no-repeat;
  background-size: contain;
  margin-top: 175px;
}
.page3 .page-main .content-box .content .unit-list .shui {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75px;
  height: 38px;
  background: url('../images/ys_shui.png') no-repeat;
  background-size: contain;
  margin-top: 34px;
}
.page3 .page-main .content-box .content .unit-list .shui.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 146px;
  height: 43px;
  background: url('../images/ys_shui_on.png') no-repeat;
  background-size: contain;
  margin-top: 32px;
}
.page3 .page-main .content-box .content .unit-list .tu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75px;
  height: 38px;
  background: url('../images/ys_tu.png') no-repeat;
  background-size: contain;
  margin-top: 34px;
}
.page3 .page-main .content-box .content .unit-list .tu.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 146px;
  height: 43px;
  background: url('../images/ys_tu_on.png') no-repeat;
  background-size: contain;
  margin-top: 32px;
}
.page3 .page-main .content-box .content .unit-list .lei {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75px;
  height: 38px;
  background: url('../images/ys_lei.png') no-repeat;
  background-size: contain;
  margin-top: 35px;
}
.page3 .page-main .content-box .content .unit-list .lei.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 146px;
  height: 43px;
  background: url('../images/ys_lei_on.png') no-repeat;
  background-size: contain;
  margin-top: 32px;
}
.page3 .page-main .content-box .content .unit-list .huo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75px;
  height: 38px;
  background: url('../images/ys_huo.png') no-repeat;
  background-size: contain;
  margin-top: 32px;
}
.page3 .page-main .content-box .content .unit-list .huo.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 146px;
  height: 43px;
  background: url('../images/ys_huo_on.png') no-repeat;
  background-size: contain;
  margin-top: 32px;
}
.page3 .page-main .content-box .content .unit-list .guang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75px;
  height: 38px;
  background: url('../images/ys_guang.png') no-repeat;
  background-size: contain;
  margin-top: 32px;
}
.page3 .page-main .content-box .content .unit-list .guang.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 146px;
  height: 43px;
  background: url('../images/ys_guang_on.png') no-repeat;
  background-size: contain;
  margin-top: 32px;
}
.page3 .page-main .content-box .content .unit-list .an {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75px;
  height: 38px;
  background: url('../images/ys_an.png') no-repeat;
  background-size: contain;
  margin-top: 32px;
}
.page3 .page-main .content-box .content .unit-list .an.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 146px;
  height: 43px;
  background: url('../images/ys_an_on.png') no-repeat;
  background-size: contain;
  margin-top: 32px;
}
.page3 .page-main .content-box .content .commander {
  position: absolute;
  width: 1200px;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 998;
}
.page3 .page-main .content-box .content .commander .commander-content {
  width: 330px;
  height: auto;
  position: absolute;
  top: 260px;
  left: 180px;
}
.page3 .page-main .content-box .content .commander .commander-content .role-desc {
  margin: 20px 0;
}
.page3 .page-main .content-box .content .commander .commander-content .role-zhiye {
  margin-bottom: 20px;
}
.page3 .page-main .content-box .content .commander .commander-content .role-jineng {
  position: absolute;
  width: 125px;
  height: 126px;
}
.page3 .page-main .content-box .content .commander .commander-content .role-jineng img {
  width: 100%;
  height: 100%;
}
.page3 .page-main .content-box .content .commander .commander-content .jineng-name {
  position: absolute;
  width: 125px;
  text-align: center;
  bottom: -135px;
}
.page3 .page-main .content-box .content .commander .commander-content .jineng-desc {
  position: absolute;
  right: 0;
  width: 200px;
  word-wrap: break-word;
  padding-top: 10px;
}
.page3 .page-main .content-box .content .commander .cg {
  width: 100%;
  height: 100%;
}
.page3 .page-main .content-box .content .commander .cg .role-rotate-bg {
  position: absolute;
  width: 482px;
  height: 497px;
  background: url('../images/rotate1.png') no-repeat;
  background-size: contain;
  -webkit-animation: myRotate 10s linear infinite;
          animation: myRotate 10s linear infinite;
  right: 100px;
  top: 150px;
}
.page3 .page-main .content-box .content .commander .cg .cg-img {
  width: auto;
  height: auto;
  position: absolute;
  bottom: 0;
  right: 100px;
}
.page3 .page-main .content-box .content .commander .cg .cg-img-come {
  display: block !important;
  -webkit-animation: comeIn .6s linear;
          animation: comeIn .6s linear;
}
.page3 .page-main .content-box .content .commander .cg .dragon-box {
  position: absolute;
  width: 230px;
  bottom: 170px;
  right: 0px;
}
.page3 .page-main .content-box .content .commander .cg .dragon-box .dragon-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page3 .page-main .content-box .content .commander .cg .dragon-box .dragon-con img {
  display: none;
}
.page3 .page-main .content-box .content .commander .cg .dragon-box .dragon-con img.active {
  display: block;
  position: absolute;
  bottom: 60px;
}
.page3 .page-main .content-box .content .commander .cg .dragon-box .dragon-con .feng.active,
.page3 .page-main .content-box .content .commander .cg .dragon-box .dragon-con .shui.active {
  left: 52px;
}
.page3 .page-main .content-box .content .commander .cg .dragon-box .dragon-shadow {
  width: 151px;
  height: 87px;
  background: url('../images/Shadow.png') no-repeat;
  background-size: contain;
  margin: 0 auto;
}
.page3 .page-main .content-box .content .commander-list {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 160px;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
}
.page3 .page-main .content-box .content .commander-list .unit {
  display: none;
}
.page3 .page-main .content-box .content .commander-list .unit.active {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page3 .page-main .content-box .content .commander-list .unit.active .commander {
  position: unset;
  width: 100px;
  height: 160px;
  margin: 0 10px;
  padding-top: 20px;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.page3 .page-main .content-box .content .commander-list .unit.active .commander .tou-box {
  width: 98px;
  height: 95px;
  background: url('../images/tou_bg.png') no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page3 .page-main .content-box .content .commander-list .unit.active .commander .tou-box img {
  width: 83px;
  height: 83px;
}
.page3 .page-main .content-box .content .commander-list .unit.active .commander .yl-name {
  text-align: center;
  color: #fff2c2;
  font-size: 16px;
}
.page3 .page-main .content-box .content .commander-list .unit.active .commander.active {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
.page4 {
  padding-top: .60rem;
}
.page4 .page-main {
  position: relative;
  margin: 0 auto;
  width: 12.00rem;
  height: 100%;
  border: 1px solid transparent;
}
.page4 .page-main .title-box .title-news {
  background: url(../images/title_gonglue.png) no-repeat;
  background-size: cover;
}
.page4 .page-main .content-box {
  width: 10.42rem;
  height: 5.60rem;
  margin: 0 auto;
  position: relative;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page4 .page-main .content-box .content-left {
  width: 3.32rem;
  height: 5.57rem;
}
.page4 .page-main .content-box .content-left img {
  width: 100%;
  height: 100%;
}
.page4 .page-main .content-box .content-right {
  width: 6.94rem;
  height: auto;
}
.page4 .page-main .content-box .content-right .content-right-top {
  width: 6.94rem;
  height: 1.70rem;
}
.page4 .page-main .content-box .content-right .content-right-top img {
  width: 100%;
  height: 100%;
}
.page4 .page-main .content-box .content-right .content-right-bottom {
  width: 100%;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  color: #2f2f2f;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .tab {
  width: 100%;
  height: .35rem;
  position: relative;
  top: .07rem;
  text-align: center;
  font-size: 0;
  border-bottom: 1px solid #252323;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  list-style: none;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .tab ul li {
  width: .80rem;
  height: .35rem;
  display: inline-block;
  position: relative;
  line-height: .35rem;
  margin-top: .01rem;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .tab ul li span {
  text-align: center;
  font-size: .16rem;
  width: 100%;
  height: 100%;
  color: #282626;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .tab ul li span a {
  color: #282626;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .tab ul li:hover span {
  color: #bb3d23;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .tab ul li.on {
  border-bottom: .04rem solid #bb3d23;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .tab ul li.on span {
  font-size: .20rem;
  color: #bb3d23;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .con {
  position: relative;
  top: .15rem;
  font-size: 0;
  width: 100%;
  height: 100%;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .con .con-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .con .con-item ul {
  list-style: none;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .con .con-item ul li {
  margin-top: .15rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 .20rem 0 .10rem;
  width: 6.91rem;
  height: .97rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url('../images/li_bg_1.png') no-repeat;
  background-size: contain;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .con .con-item ul li .date-tips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: .14rem;
  color: #282626;
  width: 1.00rem;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .con .con-item ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .16rem;
  color: #282626;
  position: relative;
  padding-right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .con .con-item ul li .li-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .con .con-item ul li .li-left .li-left-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .con .con-item ul li .li-left .li-left-title .title-tips {
  font-size: .16rem;
  color: #d14221;
  line-height: .20rem;
  font-weight: bold;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .con .con-item ul li .li-left .li-con {
  width: 4.50rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .con .con-item ul li .li-left .li-con a p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .con .con-item ul li .li-left .li-con .li-tags {
  margin-top: .08rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .con .con-item ul li .li-left .li-con .li-tags span {
  padding: .03rem .12rem;
  font-size: .12rem;
  background: url('../images/tag_bg.png') no-repeat;
  background-size: 100% 100%;
  margin-left: .05rem;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .con .con-item ul li .li-left .li-con .li-tags .author {
  font-size: .15rem;
  color: #6e6c6d;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .con .con-item ul li .li-left .li-con a:hover {
  color: #d14221;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .con .con-item ul div {
  font-size: .18rem;
  color: black;
}
.page4 .page-main .content-box .content-right .content-right-bottom .gonglue-box .news-content .con .con-item.on {
  display: block;
}
.page5 {
  padding-top: .60rem;
}
.page5 .page-main {
  position: relative;
  margin: 0 auto;
  width: 12.00rem;
  height: 100%;
  border: 1px solid transparent;
}
.page5 .page-main .title-box .title-news {
  background: url(../images/title_tese.png) no-repeat;
  background-size: cover;
}
.page5 .page-main .content-box {
  position: relative;
  width: 12.00rem;
  height: 5.00rem;
  margin: 0 auto;
}
.page5 .page-main .content-box .special-swiper-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 2;
}
.page5 .page-main .content-box .special-swiper {
  height: 4.26rem;
  width: 12.00rem;
  overflow: hidden;
}
.page5 .page-main .content-box .special-swiper .swiper-slide {
  -webkit-filter: brightness(0.4);
          filter: brightness(0.4);
}
.page5 .page-main .content-box .special-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.page5 .page-main .content-box .special-swiper .swiper-slide-active {
  width: 7.57rem !important;
  border: none;
  -webkit-filter: brightness(1);
          filter: brightness(1);
}
.page5 .page-main .content-box .pagi {
  position: absolute;
  bottom: 0px;
  z-index: 2;
  right: 0px;
  left: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page5 .page-main .content-box .pagi .swiper-pagination-bullet {
  position: relative;
  width: .13rem;
  height: .13rem;
  margin: .05rem 0 .05rem .15rem;
  -webkit-transition: all .2s;
  transition: all .2s;
  outline: none;
  border-radius: 0 !important;
  background: url('../images/swbtn_on.png') no-repeat;
  background-size: cover;
}
.page5 .page-main .content-box .pagi .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: .13rem;
  background: url('../images/swbtn.png') no-repeat;
  background-size: cover;
}
.page5 .page-main .content-box .swiper-button-prev,
.page5 .page-main .content-box .swiper-container-rtl .swiper-button-next {
  background-image: url('../images/left.png');
  background-size: .30rem .42rem;
  left: 1.00rem;
  right: auto;
}
.page5 .page-main .content-box .swiper-button-next,
.page5 .page-main .content-box .swiper-container-rtl .swiper-button-prev {
  background-image: url('../images/right.png');
  background-size: .30rem .42rem;
  right: 1.00rem;
  left: auto;
}
.page6 {
  padding-top: 60px;
}
.page6 .page-main {
  position: relative;
  margin: 0 auto;
  width: 12.00rem;
  height: 100%;
}
.page6 .page-main .title-box .title-news {
  background: url(../images/title_shiting.png) no-repeat;
  background-size: cover;
}
.page6 .page-main .content-box {
  width: 100%;
}
.page6 .page-main .content-box .content-con {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page6 .page-main .content-box .content-con .content-item {
  margin: 0 .20rem;
  width: 3.45rem;
  height: 5.16rem;
  background: url('../images/shiting_item_bg.png') no-repeat;
  background-size: cover;
  -webkit-transition-duration: .6s;
          transition-duration: .6s;
  cursor: pointer;
}
.page6 .page-main .content-box .content-con .content-item .content-item-adimg {
  width: 3.45rem;
  height: 4.26rem;
}
.page6 .page-main .content-box .content-con .content-item .content-item-title1 {
  width: 2.96rem;
  height: .35rem;
  background: url('../images/shiting_title1.png') no-repeat;
  background-size: cover;
  margin: 0 auto;
  margin-top: .23rem;
}
.page6 .page-main .content-box .content-con .content-item .content-item-title2 {
  width: 2.96rem;
  height: .35rem;
  background: url('../images/shiting_title2.png') no-repeat;
  background-size: cover;
  margin: 0 auto;
  margin-top: .23rem;
}
.page6 .page-main .content-box .content-con .content-item .content-item-title3 {
  width: 2.96rem;
  height: .35rem;
  background: url('../images/shiting_title3.png') no-repeat;
  background-size: cover;
  margin: 0 auto;
  margin-top: .23rem;
}
.page6 .page-main .content-box .content-con .content-item:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.page6 .page-main2 {
  position: relative;
  margin: 0 auto;
  width: 11.90rem;
  height: 100%;
  display: none;
}
.page6 .page-main2 .page-main2-content {
  width: 100%;
  height: 100%;
  padding-top: 3%;
}
.page6 .page-main2 .page-main2-content .tab {
  width: 100%;
  height: .50rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.page6 .page-main2 .page-main2-content .tab ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: .30rem;
}
.page6 .page-main2 .page-main2-content .tab ul li {
  width: 1.65rem;
  height: .50rem;
  display: inline-block;
  position: relative;
  list-style: none;
  margin-right: .10rem;
  cursor: pointer;
}
.page6 .page-main2 .page-main2-content .tab ul li img {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
}
.page6 .page-main2 .page-main2-content .tab ul li.on img:nth-of-type(1) {
  opacity: 1;
}
.page6 .page-main2 .page-main2-content .tab ul li img:nth-of-type(2) {
  opacity: 0;
}
.page6 .page-main2 .page-main2-content .tab ul li.on img:nth-of-type(2) {
  opacity: 1;
}
.page6 .page-main2 .page-main2-content .tab .back-btn {
  position: absolute;
  bottom: 0;
  right: .40rem;
  width: 1.08rem;
  height: .42rem;
  background: url('../images/back_btn.png') no-repeat;
  cursor: pointer;
  background-size: cover;
}
.page6 .page-main2 .page-main2-content .con {
  width: 11.90rem;
  height: 6.97rem;
  overflow: hidden;
  background: url('../images/shiting_box_bg.png') no-repeat;
  background-size: cover;
}
.page6 .page-main2 .page-main2-content .con .con-item {
  display: none;
}
.page6 .page-main2 .page-main2-content .con .con-item.on {
  width: 100%;
  height: 100%;
  display: block;
  padding: .20rem .10rem .20rem .30rem;
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul li {
  float: left;
  width: 3.59rem;
  height: 2.03rem;
  margin-right: .26rem;
  margin-bottom: .24rem;
  overflow: hidden;
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul li img {
  width: 100%;
  height: 100%;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul li:nth-of-type(3n) {
  margin-right: 0px;
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul li:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul::-webkit-scrollbar {
  width: .10rem;
  height: .10rem;
  /**/
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul::-webkit-scrollbar-track {
  background: #222222;
  border-radius: .02rem;
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: .10rem;
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul.video {
  width: 100%;
  height: 100%;
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul.video li {
  float: left;
  width: 3.59rem;
  height: 2.03rem;
  margin-right: .26rem;
  margin-bottom: .24rem;
  overflow: hidden;
  position: relative;
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul.video li img {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  top: 0;
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul.video li .title {
  position: absolute;
  width: 100%;
  height: .30rem;
  bottom: 0;
  text-align: center;
  line-height: .30rem;
  font-size: .16rem;
  color: #ffd67f;
  background-color: rgba(0, 0, 0, 0.7);
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul.video li .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul.video li .shadow img {
  width: .78rem;
  height: .78rem;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul.video li:nth-of-type(3n) {
  margin-right: 0px;
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul.video li:hover .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: black;
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul.video li:hover img {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul.manhua {
  width: 100%;
  height: 100%;
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul.manhua li {
  float: left;
  width: 3.59rem;
  height: 2.03rem;
  margin-right: .26rem;
  margin-bottom: .24rem;
  overflow: hidden;
  position: relative;
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul.manhua li img {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  top: 0;
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul.manhua li .title {
  position: absolute;
  width: 100%;
  height: .30rem;
  bottom: 0;
  text-align: center;
  line-height: .30rem;
  font-size: .16rem;
  color: #ffd67f;
  background-color: rgba(0, 0, 0, 0.7);
}
.page6 .page-main2 .page-main2-content .con .con-item.on ul.manhua li:nth-of-type(3n) {
  margin-right: 0px;
}
.page7 .qrcode-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center top;
  background-size: cover;
}
.page7 .page-main {
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 100%;
  border: 1px solid transparent;
  padding-top: 60px;
}
.page7 .page-main .title-box {
  z-index: 3 !important;
}
.page7 .page-main .title-box .title-bg-box {
  background: url(../images/page7_title_bg.png) no-repeat !important;
  background-size: cover   !important;
  z-index: 1  !important;
}
.page7 .page-main .title-box .title-news {
  background: url(../images/title_contact.png) no-repeat;
  background-size: cover;
}
.page7 .page-main .content-box .media-box {
  width: 1200px;
  height: 100px;
  position: absolute;
  bottom: 20%;
  padding: 0 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page7 .page-main .content-box .media-box div {
  width: 300px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page7 .page-main .content-box .media-box div a {
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
}
.page7 .page-main .content-box .media-box div a:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.page7 .page-main .content-box .media-box div .media-box-qq {
  width: 94px;
  height: 91px;
  background: url('../images/QQ.png') no-repeat;
  margin: 0 20px;
}
.page7 .page-main .content-box .media-box div .media-box-wb {
  width: 94px;
  height: 91px;
  background: url('../images/weibo.png') no-repeat;
  margin: 0 20px;
}
.page7 .page-main .content-box .media-box div .media-box-bd {
  width: 94px;
  height: 91px;
  background: url('../images/baidu.png') no-repeat;
  margin: 0 20px;
}
.page7 .page-main .content-box .media-box div .media-box-taptap {
  width: 94px;
  height: 91px;
  background: url('../images/Tap.png') no-repeat;
  margin: 0 20px;
}
.page7 .banquan-tips {
  cursor: pointer;
  position: absolute;
  bottom: 30px;
  right: 100px;
  color: #c7a56a;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}
.page7 .banquan-tips .arror-tips {
  width: 16px;
  height: 15px;
  margin: 0 15px;
  background: url('../images/arror_2.png') no-repeat;
}
.page7 .banquan-tips .arror-tips.acitve {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.page7 .banquan-tips.acitve {
  bottom: 300px;
}
/* 试听壁纸弹窗 */
.shiting-bizhi-pop {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
}
.shiting-bizhi-pop img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 900px;
  height: 526px;
}
.shiting-bizhi-pop .close-btn {
  position: absolute;
  top: 0;
  left: 1050px;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 79px;
  height: 79px;
  background: url('../images/close_pop.png') no-repeat;
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
}
.shiting-bizhi-pop .close-btn:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/* 试听视频弹窗 */
.shiting-video-pop {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
}
.shiting-video-pop .video-pop-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 900px;
  height: 526px;
}
.shiting-video-pop .video-pop-box video {
  width: 100%;
  height: 100%;
}
.shiting-video-pop .close-btn {
  position: absolute;
  top: 0;
  left: 1050px;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 79px;
  height: 79px;
  background: url('../images/close_pop.png') no-repeat;
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
}
.shiting-video-pop .close-btn:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/* 试听漫画弹窗 */
.shiting-manhua-pop {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
}
.shiting-manhua-pop .manhua-pop-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 410px;
  height: 100%;
  overflow-y: auto;
}
.shiting-manhua-pop .manhua-pop-box img {
  width: 98%;
}
.shiting-manhua-pop .manhua-pop-box::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  /**/
}
.shiting-manhua-pop .manhua-pop-box::-webkit-scrollbar-track {
  background: #222222;
  border-radius: 2px;
}
.shiting-manhua-pop .manhua-pop-box::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 10px;
}
.shiting-manhua-pop .close-btn {
  position: absolute;
  top: 7%;
  left: 600px;
  right: 0;
  /* bottom          : 0; */
  margin: auto;
  width: 79px;
  height: 79px;
  background: url(../images/close_pop.png) no-repeat;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.shiting-manhua-pop .close-btn:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/* yuyue */
.com-pop {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99000;
  width: 100%;
  height: 100%;
}
.com-pop::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.com-pop .pop-main {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.com-pop .pop-title {
  position: absolute;
  top: -1.5rem;
  left: 0;
  right: 0;
  margin: auto;
}
.com-pop .close-btn {
  background-image: url("../../common/pop-close.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  right: -0.9rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-size: 0.69rem 0.69rem;
  cursor: pointer;
  -webkit-transition: -webkit-transform 3s;
  transition: -webkit-transform 3s;
  transition: transform 3s;
  transition: transform 3s, -webkit-transform 3s;
}
.com-pop .close-btn:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.com-pop.booking-pop .pop-main {
  background-image: url("../images/yuyue_pop_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 1.5rem;
  width: 10.25rem;
  height: 7.54rem;
}
.com-pop.booking-pop .pop-main .pop-title {
  background-image: url("../images/title_yuyue.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 4.9rem;
  height: 1.532rem;
}
.com-pop.booking-pop .pop-main .pop-reserve {
  width: 8rem;
  margin: .5rem auto 0;
}
.com-pop.booking-pop .pop-main .pop-reserve .rua {
  display: block;
  text-align: center;
}
.com-pop.booking-pop .pop-main .pop-reserve .rua-box {
  display: none;
}
.com-pop.booking-pop .pop-main .pop-reserve input {
  height: 0.6rem;
  padding: 0 0.2rem;
  border: none;
  background-color: rgba(83, 47, 26, 0.4);
  font-size: 0.2rem;
  color: #bc9c73;
}
.com-pop.booking-pop .pop-main .pop-reserve ::-webkit-input-placeholder {
  font-size: 0.2rem;
  color: #fff;
}
.com-pop.booking-pop .pop-main .pop-reserve .rtel {
  margin: 0.2rem 0;
}
.com-pop.booking-pop .pop-main .pop-reserve .rtel input {
  width: 100%;
}
.com-pop.booking-pop .pop-main .pop-reserve .rsms input {
  width: 5.15rem;
  vertical-align: middle;
}
.com-pop.booking-pop .pop-main .pop-reserve .rsms .rsend {
  display: inline-block;
  height: 0.5rem;
  width: calc(100% - 5.35rem);
  margin-left: 0.2rem;
  line-height: 0.5rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4d695), to(#f8ecc3));
  background-image: linear-gradient(to bottom, #f4d695 0%, #f8ecc3 100%);
  vertical-align: middle;
  text-align: center;
  color: #000 !important;
  cursor: pointer;
}
.com-pop.booking-pop .pop-main .pop-reserve .rsubmit {
  margin-top: 0.4rem;
  text-align: center;
}
.com-pop.booking-pop .pop-main .pop-reserve .rsubmit .rbutton {
  display: inline-block;
}
.com-pop.booking-pop .pop-main .pop-reserve .rsubmit .rbutton img {
  width: 3rem;
  height: 0.75rem;
}
.com-pop.booking-com-pop .pop-main {
  background-image: url("../images/pop-booking-com.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 2rem;
  width: 8.13rem;
  height: 4.32rem;
}
.com-pop.booking-com-pop .pop-main .pop-title {
  background-image: url("../images/pop-booking-com-title.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 5.84rem;
  height: 1.15rem;
}
.com-pop.booking-com-pop .pop-main .plant-box {
  position: absolute;
  bottom: 0.8rem;
  left: 0;
  right: 0;
  text-align: center;
}
.com-pop.booking-com-pop .pop-main .plant-box a,
.com-pop.booking-com-pop .pop-main .plant-box .plant-wx {
  display: inline-block;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.com-pop.booking-com-pop .pop-main .plant-box a:hover,
.com-pop.booking-com-pop .pop-main .plant-box .plant-wx:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.com-pop.booking-com-pop .pop-main .plant-box .plant-qq {
  background-image: url("../../common/pop-icon-qq.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 0.72rem;
  height: 0.72rem;
}
.com-pop.booking-com-pop .pop-main .plant-box .plant-wx {
  background-image: url("../../common/pop-icon-wx.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 0.72rem;
  height: 0.72rem;
  margin: 0 0.2rem;
}
.com-pop.booking-com-pop .pop-main .plant-box .plant-tap {
  background-image: url("../../common/pop-icon-tap.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 0.72rem;
  height: 0.72rem;
}
.com-pop.wx-pp .pop-main {
  background-image: url("../../common/pop-wx.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 5.11rem;
  height: 4.05rem;
}
.com-pop.wx-pp .pop-main .qr {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0.4rem;
  left: 0;
  right: 0;
  width: 2.01rem;
  height: 2.01rem;
  margin: auto;
  background-size: 100% 100%;
}
.com-pop.dl-pop .pop-main {
  background-image: url("../images/dl_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 6.14rem;
  height: 3.97rem;
}
.com-pop.dl-pop .pop-main .dl-qrcode {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: .8rem;
  left: 0;
  right: 0;
  width: 1.57rem;
  height: 1.57rem;
  margin: auto;
  background-size: 100% 100%;
}
.com-pop.dl-pop .pop-main .dl-btns {
  position: absolute;
  width: 100%;
  top: 2.7rem;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.com-pop.dl-pop .pop-main .dl-btns div {
  width: 1rem;
  text-align: center;
  color: #f0cd88;
}
.com-pop.dl-pop .pop-main .dl-btns div div {
  margin: 0 auto;
  width: .73rem;
  height: .71rem;
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
}
.com-pop.dl-pop .pop-main .dl-btns div div a {
  display: block;
  width: 100%;
  height: 100%;
}
.com-pop.dl-pop .pop-main .dl-btns div div:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.com-pop.dl-pop .pop-main .dl-btns div p {
  line-height: .3rem;
}
.com-pop.dl-pop .pop-main .dl-btns .ios {
  background: url(../images/dl_ios.png) no-repeat;
  background-size: cover;
}
.com-pop.dl-pop .pop-main .dl-btns .apk {
  background: url(../images/dl_andro.png) no-repeat;
  background-size: cover;
}
.com-pop.dl-pop .pop-main .dl-btns .desktop {
  background: url(../images/dl_win.png) no-repeat;
  background-size: cover;
}
.news-search {
  margin-top: .1rem;
  position: relative;
}
.news-search input {
  width: 100%;
  height: 32px;
  border-radius: 5px;
  background-color: #6e6c6d;
  font-size: 16px;
  color: #fff;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.news-search i {
  position: absolute;
  width: 23px;
  height: 23px;
  background: url(../images/search.png) no-repeat;
  background-size: cover;
  right: 5px;
  top: 3px;
}
.news-search input::input-placeholder {
  color: #f8ecc3;
}
.news-search input::-webkit-input-placeholder {
  color: #f8ecc3;
}
.news-search input::-moz-placeholder {
  color: #f8ecc3;
}
.news-search input::-moz-placeholder {
  color: #f8ecc3;
}
.news-search input::-ms-input-placeholder {
  color: #f8ecc3;
}
.side-box-yuyue {
  position: fixed;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.53rem;
  height: 5.24rem;
  background: url(../images/side-bg.png) no-repeat;
  background-size: cover;
  z-index: 99999999;
  -webkit-transition: right .3s;
  transition: right .3s;
}
.side-box-yuyue .side-code {
  display: block;
  width: .97rem;
  height: .97rem;
  margin: 0.3rem auto 0.05rem;
}
.side-box-yuyue .qr-text {
  text-align: center;
  font-size: .12rem;
}
.side-box-yuyue .side-qq_channel {
  display: block;
  width: .97rem;
  height: .97rem;
  margin: .1rem auto .05rem;
}
.side-box-yuyue .side-share-box {
  width: 1.23rem;
  height: 1.23rem;
  margin: .2rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.side-box-yuyue .side-share-box a {
  display: block;
  width: .51rem;
  height: .51rem;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
}

.side-box-yuyue .side-share-box a:hover {
  -webkit-transform: translateY(-0.08rem);
          transform: translateY(-0.08rem);
}
.side-box-yuyue .side-btn {
  cursor: pointer;
  position: absolute;
  width: .3rem;
  height: .61rem;
  background: url(../images/side_btn1.png) no-repeat;
  background-size: cover;
  top: 0.3rem;
  left: -0.19rem;
}
.side-box-yuyue .side-btn.on {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.side-box-yuyue.hid {
  right: -1.42rem;
}
.side-box-yuyue.side-box-dl .side-share-box {
  margin: .2rem auto 0;
  display: block;
}
.side-box-yuyue.side-box-dl .side-share-box a {
  display: block;
  width: 1.06rem;
  height: .34rem;
  margin: 0 auto;
  margin-bottom: .2rem;
}
.side-box-yuyue.side-box-dl .side-share-box .icon-qq {
  background: url(../../common/QQ.png);
  background-size: cover;
}
.side-box-yuyue.side-box-dl .side-share-box .icon-wb {
  background: url(../../common/weibo.png);
  background-size: cover;
}
.side-box-yuyue.side-box-dl .side-share-box .icon-bd {
  background: url(../../common/baidu.png);
  background-size: cover;
}
.side-box-yuyue.side-box-dl .side-share-box .icon-tap {
  background: url(../../common/Tap.png);
  background-size: cover;
}
@-webkit-keyframes myRotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes myRotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes huxi {
  0%,
  100% {
    -webkit-transform: scale(0.92);
            transform: scale(0.92);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes huxi {
  0%,
  100% {
    -webkit-transform: scale(0.92);
            transform: scale(0.92);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* 人物出场动画 */
@-webkit-keyframes comeIn {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: .6;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes comeIn {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: .6;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.shiling-btn {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
}
.download-btn {
  position: absolute;
  bottom: -30px;
  width: 100%;
  height: 135px;
}
.download-btn .age-limit {
  position: absolute;
  left: -569px;
  right: 0;
  top: 0;
  bottom: 0;
  width: 80px;
  height: 105px;
  margin: auto;
}
.download-btn .download-box {
  position: absolute;
  left: 0;
  right: 0;
  background: url(../images/downloads-bg.png);
  background-size: cover;
  width: 469px;
  height: 135px;
  margin: auto;
  padding: 16px;
  display: grid;
  grid-gap: 10px;
  grid-column: 180px 78px 78px 78px;
  grid-row: 44px 44px;
  /* grid-template-areas: "ios ios taptap pc mumu" "apk apk taptap pc mumu"; */
  grid-template-areas: "ios ios pc mumu" "apk apk pc mumu";
}
.download-btn .download-item {
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-filter: brightness(1);
          filter: brightness(1);
  -webkit-transition: all .3s;
  transition: all .3s;
}
.download-btn .download-item:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.download-btn .d-ios {
  background-image: url(../images/ios-download.png);
  grid-area: ios;
}
.download-btn .d-apk {
  background-image: url(../images/android-download.png);
  grid-area: apk;
}
.download-btn .d-taptap {
  background-image: url(../images/taptap-download.png);
  grid-area: taptap;
}
.download-btn .d-pc {
  background-image: url(../images/pc-download.png);
  grid-area: pc;
}
.download-btn .d-mumu {
  background-image: url(../images/mumu-download.png);
  grid-area: mumu;
}



/* S 适龄年龄提示 */
.age_tips {
  position: absolute;
  left: 50%;
  /* margin-left: 768px; */
  margin-left: -41px;
  /* top: -720px; */
  /* top: 100px; */
  width: 80px;
  height: 105px;
  /* background:url(../images/age_icon.png) 0 0 no-repeat;  */
  background: url(../images/age_icon.png) no-repeat center center/cover;
  cursor: pointer;
  z-index: 10;
}

.age_tips_mask {
  width: 100%;
  height: 100%;
  background: #000000;
  filter: alpha(opacity=50);
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.5;
  z-index: 100;
}

.age_tips_pop {
  position: fixed;
  top: 24%;
  left: 25%;
  z-index: 101;
  width: 50%;
  /* height: 52%; */
  height: 60%;
  background: #383A46;
  border-radius: 20px;
  color: #ffffff;
}

.age_tips_close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 38px;
  height: 39px;
  background:url(../images/age_icon_clost.png) 0 0 no-repeat;
}

.age_tips_tit {
  height: 12%;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.age_tips_h {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 21px;
  line-height: 1;
  font-weight: bold;
  vertical-align: bottom;
}

.age_tips_con {
  height: 80%;
  width: 90%;
margin: 10px auto 0;
  overflow-y: auto;
  font-size: 18px;
  line-height: 32px;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  text-align: justify
}

.age_tips_p {
  margin: 16px 0;
}
/* E 适龄年龄提示 */