html,
body {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #141312;
}
a,
input {
  outline: 0;
}
fieldset,
img,
input {
  border: 0;
}
a,
b,
blockquote,
body,
button,
canvas,
dd,
div,
dl,
dt,
em,
fieldset,
footer,
form,
frame,
frameset,
h1,
h2,
h3,
h4,
h5,
h6,
header,
i,
iframe,
img,
input,
label,
li,
main,
nav,
ol,
optgroup,
p,
pre,
section,
select,
span,
strong,
table,
tbody,
td,
textarea,
th,
thead,
tr,
ul,
video {
  margin: 0;
  padding: 0;
}
b,
em,
i,
strong,
th {
  font-style: normal;
  font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400;
}
a {
  text-decoration: none;
  cursor: pointer;
}
a:active,
a:hover {
  outline-width: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
li,
ol,
ul {
  list-style: none;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
a {
  text-decoration: none;
  cursor: pointer;
  outline: none;
}
html img,
body img {
  display: inline;
  width: auto;
  border: 0;
}
.btn {
  display: inline-block;
  cursor: pointer;
}
.circle-live {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  cursor: pointer;
}
.circle-live .solid {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.1rem 0 0 -0.1rem;
  z-index: 4;
  width: 0.2rem;
  height: 0.2rem;
  background: #fff;
  border-radius: 100%;
}
.circle-live p {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  opacity: 0;
  border-radius: 100%;
  box-sizing: border-box;
  animation: scale1 2.6s infinite linear;
}
.circle-live p:nth-child(1) {
  animation-delay: 0s;
}
.circle-live p:nth-child(2) {
  animation-delay: 0.675s;
}
.circle-live p:nth-child(3) {
  animation-delay: 1.55s;
}
.pop,
.popUp,
.popVid,
.popAlert {
  opacity: 0;
  display: none;
}
.pop .close,
.popUp .close,
.popVid .close,
.popAlert .close {
  position: absolute;
  left: 50%;
  bottom: -1rem;
  transform: translateX(-50%);
  width: 0.68rem;
  height: 0.68rem;
  background-image: url("../img/btn-close.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.pop .content-wrap,
.popUp .content-wrap,
.popVid .content-wrap,
.popAlert .content-wrap {
  width: 9.68rem;
  height: 5.97rem;
  padding: 0.5rem 0.2rem 0.5rem 1.3rem;
  background-image: url("../img/bg-pop.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.pop .content-wrap .tit,
.popUp .content-wrap .tit,
.popVid .content-wrap .tit,
.popAlert .content-wrap .tit {
  position: absolute;
  top: 0.45rem;
  left: 0.32rem;
  width: 0.64rem;
  height: 2.45rem;
}
.pop .content-wrap .content,
.popUp .content-wrap .content,
.popVid .content-wrap .content,
.popAlert .content-wrap .content {
  font-size: 0.18rem;
  line-height: 2em;
  letter-spacing: 0px;
  color: #43658d;
  height: 100%;
  padding-right: 0.1rem;
  overflow-y: auto;
}
.pop .content-wrap .content::-webkit-scrollbar,
.popUp .content-wrap .content::-webkit-scrollbar,
.popVid .content-wrap .content::-webkit-scrollbar,
.popAlert .content-wrap .content::-webkit-scrollbar {
  width: 6px;
}
.pop .content-wrap .content::-webkit-scrollbar-thumb,
.popUp .content-wrap .content::-webkit-scrollbar-thumb,
.popVid .content-wrap .content::-webkit-scrollbar-thumb,
.popAlert .content-wrap .content::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #32588a;
}
.pop .content-wrap .content p,
.popUp .content-wrap .content p,
.popVid .content-wrap .content p,
.popAlert .content-wrap .content p,
.pop .content-wrap .content span,
.popUp .content-wrap .content span,
.popVid .content-wrap .content span,
.popAlert .content-wrap .content span {
  font-size: 0.18rem !important;
  color: #43658d !important;
}
.pop .content-wrap .content p,
.popUp .content-wrap .content p,
.popVid .content-wrap .content p,
.popAlert .content-wrap .content p {
  margin-bottom: 1em;
}
.pop .content-wrap .content img,
.popUp .content-wrap .content img,
.popVid .content-wrap .content img,
.popAlert .content-wrap .content img {
  max-width: 90%;
  height: auto;
}
.pop.pop-wrap .tit[data-idx="m1"],
.popUp.pop-wrap .tit[data-idx="m1"],
.popVid.pop-wrap .tit[data-idx="m1"],
.popAlert.pop-wrap .tit[data-idx="m1"] {
  background-image: url("../img/tit-m1.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.pop.pop-wrap .tit[data-idx="m2"],
.popUp.pop-wrap .tit[data-idx="m2"],
.popVid.pop-wrap .tit[data-idx="m2"],
.popAlert.pop-wrap .tit[data-idx="m2"] {
  background-image: url("../img/tit-m2.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.pop.pop-wrap .tit[data-idx="m3"],
.popUp.pop-wrap .tit[data-idx="m3"],
.popVid.pop-wrap .tit[data-idx="m3"],
.popAlert.pop-wrap .tit[data-idx="m3"] {
  background-image: url("../img/tit-m3.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.pop.pop-wrap .tit[data-idx="r1"],
.popUp.pop-wrap .tit[data-idx="r1"],
.popVid.pop-wrap .tit[data-idx="r1"],
.popAlert.pop-wrap .tit[data-idx="r1"] {
  background-image: url("../img/tit-r1.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.pop.pop-wrap .tit[data-idx="r2"],
.popUp.pop-wrap .tit[data-idx="r2"],
.popVid.pop-wrap .tit[data-idx="r2"],
.popAlert.pop-wrap .tit[data-idx="r2"] {
  background-image: url("../img/tit-r2.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.pop.pop-wrap .tit[data-idx="r3"],
.popUp.pop-wrap .tit[data-idx="r3"],
.popVid.pop-wrap .tit[data-idx="r3"],
.popAlert.pop-wrap .tit[data-idx="r3"] {
  background-image: url("../img/tit-r3.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.pop video,
.popUp video,
.popVid video,
.popAlert video {
  width: 9.68rem;
  height: 5.97rem;
}
.pop.popAlert .close,
.popUp.popAlert .close,
.popVid.popAlert .close,
.popAlert.popAlert .close {
  bottom: -2rem;
}
* {
  box-sizing: border-box;
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
html {
  overflow: hidden;
}
body {
  font-size: 14px;
  overflow-x: auto;
}
a {
  color: inherit;
}
.logo {
  position: absolute;
  top: 0.2rem;
  width: 1.7rem;
  height: auto;
  left: 0.4rem;
  z-index: 100;
}
.logo >img {
  width: 100%;
  height: 100%;
}
.container {
  position: relative;
  height: 100%;
}

.news {
  position: relative;
  height: 100%;
  background-image: url("../img/news_bg.png");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.container .page-wrap {
  position: relative;
  height: 100%;
}
.container .page-wrap .section-list {
  height: 100%;
}
.container .page-wrap .section-list .section {
  position: relative;
}

.right_content {
  width: 1.5rem;
  position: absolute;
  height: 3.2rem;
  top: 2.2rem;
  z-index: 100;
  right: 0.01rem;
  background-image: url("../img/right_content.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.container .page-wrap .section-list .p1 {
  background-image: url("../img/bg1.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.container .page-wrap .section-list .p1 .video-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.container .page-wrap .section-list .p1 .video-box::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: repeat;
}
.container .page-wrap .section-list .p1 .video-box .bgX {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.news_right_content{
  height: 0.8rem;
  width: 1.1rem;
  left: 0.12rem;
  position: relative;
  top: 1.96rem;
}

.news_right_content li{
  border-bottom:1px solid #4b3a00;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news_right_content li a{
  font-size: 0.1rem;
  font-family: SourceHanSerifCN-SemiBold;
  line-height: 0.2rem;
}
.news_right_content li a:hover{color:#fff;}

.container .page-wrap .section-list .p1 .content-box {
}
.container .page-wrap .section-list .p1 .content-box .slogan-box {
  position: relative;
  top: 1.5rem;
  margin: 0 auto;
  width: 5.8rem;
  height: 3.2rem;
  background-image: url("../img/slogan.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.container .page-wrap .section-list .p1 .content-box .slogan-box .btn-video {
  position: absolute;
  top: 3.3rem;
  left: 2.4rem;
  width: 11.4%;
  height: 18.04%;
  background-image: url("../img/btn-play.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.container .page-wrap .section-list .p1 .content-box .yuyue-box {
  width: 6.32rem;
  height: 1.3rem;
  top: 3.2rem;
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.container .page-wrap .section-list .p1 .content-box .yuyue-box .yuyue {
  float: right;
  width: 50%;
  height: 50%;
  background-image: url("../img/btn-yuyue.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.container .page-wrap .section-list .p1 .content-box .yuyue-box .yuyue2 {
  width: 50%;
  height: 50%;
  float: left;
  background-image: url("../img/btn-yuyue2.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.container .page-wrap .section-list .p2 {
  width: 100%;
  background-image: url("../img/bg2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}


.container .page-wrap .section-list .p2 .creator {
  background-size: 66%;
  background-repeat: no-repeat;
  background-position: center,center
}

.container .page-wrap .section-list .p2_2 {
  width: 100%;
  background-image: url("../img/bg2_2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.container .page-wrap .section-list .p2_2 .creator {
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center,center
}

.swiper-creator2 .swiper-slide{
  position: relative;
  display: block;
  opacity: 0 !important;
}
.swiper-creator2 .swiper-slide-active{
  position: relative;
  display: block;
  opacity: 1 !important;
}
.swiper-creator2{
  height:100%;
  width: 100%;
}

  /* 弹窗背景 */
.modal {
  display: none; /* Hidden by default */
  position: absolute; /* Stay in place */
  bottom: 0px;
  z-index: 1; /* Sit on top */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* 图片 */
.choose-modal-content {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

/* 关闭按钮 */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
/* 关闭按钮 */
.right_content .close_right_content {
  position: absolute;
  top: 0.04rem;
  right: 0.25rem;
  width: 0.1rem;
  height: 0.1rem
}


.close:hover,
.close_right_content:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.right_content .more_right_content {
  position: absolute;
  bottom: 0.04rem;
  right: 0.3rem;
  width: 1rem;
  height: 0.3rem
}


.container .page-wrap .section-list .p3 {
   width: 100%;
   background-image: url("../img/bg3.jpg");
   background-position: center,center;
   background-repeat: no-repeat;
   background-size: contain;
   overflow: hidden;
 }
.swiper-creator .swiper-slide{
    position: relative;
    display: block;
  opacity: 0 !important;
}
.swiper-creator .swiper-slide-active{
  position: relative;
  display: block;
  opacity: 1 !important;
}
.swiper-creator{
    height:100%;
    width: 100%;
}



.swiper-pagination-bullet-active {
  background-image: url("../img/creator-pagination-active.png") !important;
  background-size: cover;
  background-repeat: no-repeat;
}

.swiper-pagination-bullet {
  width: 20px;
  height: 10px;
  background-image: url("../img/creator-pagination.png");
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1;
}
.swiper-pagination {
  bottom: 4.2% !important;
}

.swiper-prev{
  background-image: url("../img/left.png");
  height: 0.45rem;
  width: 0.4rem;
  background-size: 100%;
  left: 9.82%;
  background-repeat: no-repeat;
  top: 43%;
  z-index: 10;
  position: absolute;
}

.swiper-next {
  background-image: url("../img/right.png");
  height: 0.45rem;
  width: 0.4rem;
  background-size: 100%;
  right: 9.82%;
  background-repeat: no-repeat;
  top: 43%;
  z-index: 10;
  position: absolute;
}

.p2_title {
  background-image: url("../img/p2_title.png");
  height: 3.59%;
  width: 26.25%;
  background-size: 100%;
  left: 36.82%;
  background-repeat: no-repeat;
  top: 1.67%;
  z-index: 10;
  position: absolute;
}
.p2_2_title {
  background-image: url("../img/p2_2_title.png");
  height: 3.59%;
  width: 26.25%;
  background-size: 100%;
  left: 36.82%;
  background-repeat: no-repeat;
  top: 1.67%;
  z-index: 10;
  position: absolute;
}

.p3_title {
  background-image: url("../img/p3_title.png");
  height: 3.59%;
  width: 26.25%;
  background-size: 100%;
  left: 36.82%;
  background-repeat: no-repeat;
  top: 1.67%;
  z-index: 10;
  position: absolute;
}

@keyframes newscon {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/*loading模块*/
.loadingPage {
  width: 100%;
  height: 100%;
  background-color: rgba(18, 72, 106, 0.85);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 50;
  overflow: hidden;
}
.loadingPage .frame {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  z-index: 2;
  display: none;
}
.loading-box {
  width: 7.76rem;
  height: 7.76rem;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
}
.loading-box .loading-around {
  width: 7.76rem;
  animation: videoRotate 10s linear infinite;
  pointer-events: none;
}
.loading-box .loading-word {
  width: 17.24rem;
  position: absolute;
  top: 3.8rem;
  left: 70%;
  margin-left: -9.82rem;
  pointer-events: none;
}
.loading-box .loading-detail {
  width: 2rem;
  height: 1.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
}
.loading-box .loading-detail p:nth-of-type(1) {
  width: 100%;
  font-size: 0.52rem;
  line-height: 0.5rem;
  margin-top: 0.35rem;
  color: #fff;
  text-align: center;
  font-style: italic;
}
.loading-box .loading-detail p:nth-of-type(2) {
  width: 100%;
  font-size: 0.22rem;
  line-height: 0.5rem;
  color: #fff;
  text-align: center;
  font-style: italic;
  font-weight: 100;
}
.loading-box .dot {
  display: inline-block;
  height: 1em;
  line-height: 1;
  text-align: left;
  vertical-align: -0.25em;
  overflow: hidden;
}
.loading-box .dot::before {
  display: block;
  content: '...\A..\A.';
  white-space: pre-wrap;
  /* 也可以是white-space: pre */
  animation: dot 2s infinite step-start both;
}
@keyframes dot {
  33% {
    transform: translateY(-2em);
  }
  66% {
    transform: translateY(-1em);
  }
}
@keyframes videoRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes scale1 {
  0% {
    transform: scale(0);
    opacity: 0.1;
  }
  50% {
    transform: scale(0.75);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes ani1 {
  0%,
  100% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.2);
  }
}
.pop_group {
  display: none;
}
.pop_yuyue {
  width: 5.26rem;
  height: 3.29rem;
  background-image: url("../img/pop_yuyue.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.pop_yuyue .pop-close {
  background-image: url("../img/pop_close.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -0.6rem;
  top: 50%;
  margin-top: -0.2rem;
  width: 0.4rem;
  height: 0.4rem;
  z-index: 99;
}
.pop_yuyue .pop-yuyue-box {
  width: 3.8rem;
  height: auto;
  position: absolute;
  top: 0.3rem;
  left: 50%;
  margin-left: -1.9rem;
}
.pop_yuyue .pop-yuyue-box .rua {
  width: 3.8rem;
  height: 0.38rem;
  margin: 0 auto 0.25rem;
  text-align: center;
  font-size: 0;
}
.pop_yuyue .pop-yuyue-box .rua .rua-box a {
  display: inline-block;
  width: 3.5rem;
  height: 1.38rem;
  margin: 0 0.5rem;
  position: relative;
  font-size: 0;
  bottom: 0.4rem;
}
.pop_yuyue .pop-yuyue-box .rua .rua-box a.current::after {
  content: '';
  width: 1.4rem;
  height: 0.03rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.7rem;
  background: #f5d587;
}
.pop_yuyue .pop-yuyue-box .rtel {
  width: 85%;
  height: 0.38rem;
  margin: 0 auto;
  position: relative;
  background: white;
  border-radius: 0.05rem;
}
.pop_yuyue .pop-yuyue-box .rtel input {
  width: 77%;
  height: 0.38rem;
  position: absolute;
  left: 3%;
  top: 0;
  line-height: 0.38rem;
  font-size: 0.2rem;
  color: black;
  background: none;
  outline: none;
}
.pop_yuyue .pop-yuyue-box .rsms {
  width: 85%;
  height: 0.38rem;
  margin: 0.2rem auto;
  position: relative;
  background: white;
  border-radius: 0.05rem;
}
.pop_yuyue .pop-yuyue-box .rsms input {
  width: 67%;
  height: 0.38rem;
  position: absolute;
  left: 0.1rem;
  top: 0;
  line-height: 0.55rem;
  font-size: 0.2rem;
  color: black;
  background: none;
  outline: none;
}
.pop_yuyue .pop-yuyue-box .rsms a {
  width: 34%;
  height: 0.38rem;
  position: absolute;
  right: 0rem;
  text-align: center;
  top: 0rem;
  line-height: 0.38rem;
  font-size: 0.13rem;
  color: #fff;
  background: black;
  cursor: pointer;
}
.pop_yuyue .pop-yuyue-box .rsubmit {
  margin: 0 auto;
  margin-top: 0.1rem;
}
.pop_yuyue .pop-yuyue-box .rsubmit a {
  display: block;
  width: 1.84rem;
  height: 0.58rem;
  margin: 0 auto;
  font-size: 0;
  font-family: HYa4gj;
  cursor: pointer;
  background-image: url("../img/btn_yuyue_submit.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.rform{
  margin-top: 26%;
}
#rtel::-webkit-input-placeholder,
#rsms::-webkit-input-placeholder {
  color: #aba7a3;
  font-family: HYa4gj;
  font-size: 0.13rem;
  text-align: center;
  font-weight: 400
}
#rtel::-moz-input-placeholder,
#rsms::-moz-input-placeholder {
  color: #aba7a3;
  text-align: center;
  font-size: 0.13rem;
  font-family: HYa4gj;
  font-weight: 400
}
#rtel::-ms-input-placeholder,
#rsms::-ms-input-placeholder {
  color: #aba7a3;
  font-weight: 400
  font-family: HYa4gj;
  font-size: 0.13rem;
  text-align: center;
}

.scroll-box::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 0.05rem;
  /*高宽分别对应横竖滚动条的尺寸*/
}
.scroll-box::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 0.05rem;
  background: rgba(223, 203, 170, 0.8);
}
.scroll-box::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 0.05rem;
  background: none;
}
.pop_gift {
  width: 8.01rem;
  height: 5.16rem;
}
.pop_gift > .pop-close {
  position: fixed;
  right: 0.78rem;
  top: 0.68rem;
  width: 1.47rem;
  height: 0.69rem;
  background-image: url("../img/btn-back.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 200;
}
.pop_gift img {
  height: 100%;
}
.pop_media {
  width: 13rem;
  height: 8.9rem;
  position: absolute;
  left: 50%;
  margin-left: -6.5rem;
  top: 50%;
  margin-top: -4.45rem;
  background-image: url("../img/media_bg.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.pop_media > .pop-close {
  position: fixed;
  right: 0.78rem;
  top: 0.68rem;
  width: 1.47rem;
  height: 0.69rem;
  background-image: url("../img/btn-back.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 200;
}
.pop_media .title {
  display: block;
  width: 3.66rem;
  position: absolute;
  top: -0.2rem;
  left: 50%;
  margin-left: -1.83rem;
}
.media-tab {
  width: 0.8rem;
  height: 2.8rem;
  position: absolute;
  top: 0.75rem;
  right: -0.36rem;
  font-size: 0;
}
.media-tab li {
  width: 0.8rem;
  height: 1.4rem;
  float: left;
  cursor: pointer;
}
.media-tab li img {
  width: 0.8rem;
  height: 1.4rem;
  position: absolute;
  transition: all 0.3s ease;
}
.media-tab li img:nth-of-type(2) {
  opacity: 0;
}
.media-tab li.on img:nth-of-type(1) {
  opacity: 0;
}
.media-tab li.on img:nth-of-type(2) {
  opacity: 1;
}
.media-show-box {
  width: 10.9rem;
  height: 6rem;
  position: absolute;
  left: 50%;
  margin-left: -5.3rem;
  top: 1.5rem;
}
.media-show-box .con {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  animation: newscon 0.4s ease 0s;
}
.media-show-box .con.on {
  display: block;
}
.media-show-box .con ul {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
}
.media-show-box .con li {
  width: 3.3rem;
  height: 1.85rem;
  float: left;
  margin: 0 0.1rem 0.2rem;
  overflow: hidden;
  position: relative;
}
.media-show-box .con li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.media-show-box .con li a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/media_frame.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.media-show-box .con li a.btn-video:hover::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/media_video.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.3);
  background-size: 0.5rem 0.5rem;
  z-index: 10;
}
.media-show-box .con li img {
  width: auto;
  height: auto;
  max-width: 3.3rem;
  max-height: 1.85rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.4s ease;
}
.media-show-box .con li:hover img {
  transform: scale(1.05);
}
.media-show-box li p {
  width: 3rem;
  height: 0.4rem;
  line-height: 0.4rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -1.5rem;
  text-align: left;
  color: #dbc5a3;
  font-size: 0.14rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 15;
}
.pop_vid {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: auto;
  z-index: 10001;
}
.pop_vid video {
  width: 100%;
}
.pop_vid .g_close {
  background-image: url("../img/pop_close.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -0.6rem;
  top: 50%;
  margin-top: -0.2rem;
  width: 0.4rem;
  height: 0.4rem;
  z-index: 99;
}
/*提示*/
.pop-tips {
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 6.6rem;
  transform: translate(-50%, -50%);
  transition: 0.3s all ease;
  z-index: 500;
  background: rgba(0, 0, 0, 0.75);
  font-size: 0.26rem;
  color: #fff;
  border-radius: 0.1rem;
  text-align: center;
  display: none;
}
.aside-box {
  width: 6.5rem;
  height: 1rem;
  position: absolute;
  right: -0.1rem;
  z-index: 50;
}
.aside-box .ewm-box {
  width: 75%;
  height: 20%;
  top: 17.83%;
  left: 7.37%;
  background-image: url("../img/wechat.jpg");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.aside-box .share-box {
  display: inline-block;
  width: 5.5rem;
  top: 0.1rem;
  left: 1.3rem;
  margin-top: 0.05rem;
  position: relative;
  text-align: center;
}
.aside-box .share-box > a {
  display: inline-block;
  margin: 0.05rem 0.2rem;
}

.aside-box .share-box > a img {
  width: 0.4rem;
}

.aside-box .share-box .wechat-ewm-box {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  top: 0.9rem;
  left: 0.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: none;
}
.aside-box .share-box > a.wechat:hover + .wechat-ewm-box {
  display: block;
}

.aside-box .share-box .wechat-ewm-box ul {
  width: 100%;
  height: 1.6rem;
  position: absolute;
  left: 0;
  top: -0.3rem;
  text-align: center;
}
.aside-box .share-box .wechat-ewm-box ul li {
  width: 1.4rem;
  height: 100%;
  display: inline-block;
  margin: 0 0.06rem;
  position: relative;
}
.aside-box .share-box .wechat-ewm-box ul li .wechat-ewm-img {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 auto;
  position: relative;
}
.aside-box .share-box .wechat-ewm-box ul li .wechat-ewm-img img {
  width: 1rem;
  height: auto;
  position: absolute;
  top: 82%;
  left: 81%;
  margin-top: -0.65rem;
  margin-left: -0.65rem;
  border-radius: 5px;
}

.aside-box .share-box .qq-ewm-box {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  top: 0.9rem;
  left: 2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: none;
}
.aside-box .share-box > a.qq:hover + .qq-ewm-box {
  display: block;
}

.aside-box .share-box .qq-ewm-box ul {
  width: 100%;
  height: 1.6rem;
  position: absolute;
  left: 0;
  top: -0.3rem;
  text-align: center;
}
.aside-box .share-box .qq-ewm-box ul li {
  width: 1.4rem;
  height: 100%;
  display: inline-block;
  margin: 0 0.06rem;
  position: relative;
}
.aside-box .share-box .qq-ewm-box ul li .qq-ewm-img {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 auto;
  background-image: url("../img/qq_ewm_bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.aside-box .share-box .qq-ewm-box ul li .qq-ewm-img img {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  top: 82%;
  left: 81%;
  margin-top: -0.65rem;
  margin-left: -0.65rem;
  border-radius: 5px;
}
.aside-box .share-box .qq-ewm-box ul li p {
  width: 100%;
  height: 0.25rem;
  line-height: 0.25rem;
  text-align: center;
  font-size: 0.14rem;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.aside-box .share-box .download-list {
  width: 1.2rem;
  height: 1rem;
  position: absolute;
  top: 0.6rem;
  left: 1.5rem;
  background-color: black;
  display: none;
}
.aside-box .share-box .download-list:hover{
  display: block;
}
.aside-box .share-box .download-list ul {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  text-align: center;
}
.aside-box .share-box .download-list ul li {
  width: 1.2rem;
  height: 0.25rem;
  display: inline-block;
  position: relative;
  margin-top: 0.15rem;
}

.aside-box .share-box .download-list ul li > a {
  width: 1.2rem;
  height: 0.25rem;
  line-height: 0.25rem;
  text-align: center;
  font-size: 0.14rem;
  color: #FFF3E0;
  font-family: HYKaiTiS;
}
/* 适龄 */
.pop_shiling {
  width: 81%;
  height: 77.87%;
}

.pop_download {
  width: 5.3rem;
  height: 3.2rem%;
}
.pop_download > .pop-close {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -0.1rem;
  top: 5%;
  margin-top: -0.2rem;
  width: 0.4rem;
  height: 0.4rem;
  z-index: 99;
}
.pop_download img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.pop_download .apple_download {
  position: absolute;
  bottom: 0.22rem;
  width: 1.55rem;
  height: 0.5rem;
  left: 0.8rem;
}

.pop_download .apple_download:hover,
.pop_download .android_download:hover{
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.pop_download .android_download {
  position: absolute;
  bottom: 0.22rem;
  width: 1.55rem;
  height: 0.5rem;
  left: 2.77rem;
}

.bottom-box {
  display: inline-block;
  width: 5.5rem;
  top: 80.22%;
  left: 76.12%;
  margin-top: 1%;
  position: absolute;
  text-align: center;
}
.bottom-box > a {
  display: inline-block;
  margin: 0.05rem 0.2rem;
}

.bottom-box > a img {
  width: 1rem;
}
body .shiling-btn {
  display: none !important;
}
body > .foot {
  display: none;
}

.listTitle {
  background-image: url("../img/listTitle.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 11.09%;
  left: 39.11%;
  width: 21.72%;
  height: 7.45%;
}

.listScroll{
  position: absolute;
  left: 25%;
  top: 25%;
  width: 50%;
  height: 60%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.listScroll::-webkit-scrollbar{width:0.06rem;height:0.06rem;background-color:rgba(0,0,0,0);}
.listScroll::-webkit-scrollbar-track{background-color: transparent;}
.listScroll::-webkit-scrollbar-thumb{border-radius:0;background-color:#666;}
.listScroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.listScroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.listScroll::-webkit-scrollbar-track-piece{}

.listNews{width: 100%}

.listNews li{
  border-bottom:1px solid #4b3a00;
  padding:28px 0;
}
.listNews li a{
  font-size: 0.19rem;
  font-family: SourceHanSerifCN-SemiBold;
  font-weight: 200;
  color: #FFF3E0;
  line-height: 0.2rem;
}
.listNews li a:hover{color:#fff;}

.goback {
  position: absolute;
  top: 90%;
  width: 20%;
  font-size: 0.32rem;
  color: #fff;
  left: 48%;
  font-weight: bold;
  line-height: 0.6rem;
  display: block;
}

.new_content_back {
  background-image: url("../img/news_content_back.png");
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 11.09%;
  left: 16.35%;
  width: 12.04%;
  height: 7.14%;
}

.newTitle {
  position: absolute;
  top: 11.09%;
  left: 40%;
  width: 20%;
  font-size: 0.4rem;
  color: #FFF3E0;
  text-align: center;
  font-weight: 400;
  line-height: 0.6rem;
  display: block;
}

.newSmallTitle {
  position: absolute;
  top: 11.09%;
  left: 20%;
  width: 60%;
  font-size: 0.4rem;
  color: #FFF3E0;
  text-align: center;
  font-weight: 200;
  line-height: 0.6rem;
  display: block;
}

.newTime {
  position: absolute;
  top: 18.09%;
  left: 40%;
  width: 20%;
  font-size: 0.19rem;
  color: #bbbbbb;
  font-family: SourceHanSerifCN-SemiBold;
  text-align: center;
  font-weight: 200;
  line-height: 0.4rem;
  display: block;
}

.new_content {
  position: absolute;
  left: 17%;
  top: 25%;
  height: 70%;
  width: 66%;
  overflow-x: hidden;
  overflow-y: scroll;
  text-indent: 3em
}

.new_content > p {
  font-size: 0.18rem;
  font-family: Source Han Serif CN;
  font-weight: 300;
  color: #FFF3E0;
  line-height: 0.3rem;
}

.new_content a {
  color: #007aff;
  cursor: pointer;
}

.new_content > ul li {
  font-size: 0.18rem;
  font-family: Source Han Serif CN;
  font-weight: 300;
  color: #FFF3E0;
  line-height: 0.3rem;
}

.listNews li span {
  width: 1rem;
  text-align: center;
  color: #FFF3E0;
  font-size: 0.19rem;
  border-radius: 12px;
}

.time {
  text-align: right;
  font-size: 0.19rem;
  font-family: SourceHanSerifCN-SemiBold;
  font-weight: 200;
  color: #FFF3E0;
  line-height: 0.2rem;
}