@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}

html {
  -ms-touch-action: none; /* 阻止windows Phone 的默认触摸事件 */
}
body,
div,
p {
  margin: 0;
  padding: 0;
}
ul,
li {
  list-style: none;
}
img {
  border: none;
}
body {
  width: 100%;
  *cursor: default;
  font: 16px/1.5;
  font-family: "微软雅黑";
  overflow-x: hidden;
  /* position: relative; */
}

/* 首页 */

.color01 {
  color: #fff;
}
.color02 {
  color: #3e3c29;
}
.color03 {
  color: #892726;
}

.fs01 {
  font-size: 1em;
}
.fs02 {
  font-size: 0.9em;
}
.fs03 {
  font-size: 1.1em;
}
.fs04 {
  font-size: 1.1em;
}
.fs05 {
  font-size: 0.75em;
}
.fs06 {
  font-size: 0.85em;
}
.fb {
  font-weight: bold;
}

/* 页面加载 */
.loading {
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  margin: 0 auto;
  z-index: 10000;
}
.loading img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -47px;
  margin-left: -78px;
  z-index: 10001;
}

/* 音乐标志 */
#music_btn {
  position: fixed;
  width: 0.5rem;
  height: auto;
  top: 0.1rem;
  right: 0.1rem;
  z-index: 999;
  cursor: pointer;
}
.myRotate {
  animation: myRotate 5s linear infinite;
  -webkit-animation: myRotate 5s linear infinite;
}

@-webkit-keyframes myRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes myRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* 箭头 */
.arrow_up {
  position: fixed;
  background-image: url("../images/arrow_u.png");
  background-size: 100%;
  bottom: 0.5rem;
  left: 50%;
  width: 0.4rem;
  height: 0.33rem;
  z-index: 9999;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation: arrow_up 1s linear 0s infinite alternate;
  animation: arrow_up 1s linear 0s infinite alternate;
}
@-webkit-keyframes arrow_up {
  from {
    bottom: 0.1rem;
  }
  to {
    bottom: 0.3rem;
  }
}
@keyframes arrow_up {
  from {
    bottom: 0.1rem;
  }
  to {
    bottom: 0.3rem;
  }
}
.page1 {
  display: none;
  width: 100%;
  overflow: hidden;
  background: url(https://wximg.chuanbaoguancha.cn/Fh12Qx3ElkupxPHDBhyRbqeYNjQ4)
    repeat;
}

.page2,
.page3,
.page4,
.page5,
.page6,
.page7,
.page8 {
  overflow: hidden;
  display: none;
  width: 100%;
  background: url(https://wximg.chuanbaoguancha.cn/Fh12Qx3ElkupxPHDBhyRbqeYNjQ4)
    repeat;
  background-size: 100% auto;
}


.page9,
.page10,
.page11,
.page12,
.page13,
.page14,
.page15,
.page16 {
  overflow: hidden;
  display: none;
  width: 100%;
  background: url(https://wximg.chuanbaoguancha.cn/Fh12Qx3ElkupxPHDBhyRbqeYNjQ4)
    repeat;
  background-size: 100% auto;
}
.contain {
  width: 100%;
  /* height: 100%;
  position: relative; */
  z-index: 0;
}

/* .contain ul {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
} */
.contain li img {
  /* position: absolute; */
  z-index: 10;
}
/* .current .contain {
  display: block;
} */
.current {
  display: block;
  z-index: 1;
}
/* .picSty li img {
  position: absolute;
} */
/* 页面背景 */
.mt2 {
  margin-top: 0.2rem;
}
.pb2 {
  padding-bottom: 0.2rem;
}
#index {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: absolute;
}
#index {
  background: url(https://wximg.chuanbaoguancha.cn/Fp3R-MeHcBBTvCjbRJueKTtb_BYV)
    no-repeat 50%;
}

#index {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* .page {
  width: 100%;
  background: #e11b2d url(../images/001.jpg) no-repeat center top;
} */
.btns {
  display: flex;
  justify-content: space-around;
  margin-top: 1vh;
  padding-bottom: 5vh;
}
.prevBtn {
  width: 2rem;
  height: auto;
  margin-top: 0;
  margin-bottom: 2vh;
  /* margin-left: 2.75rem; */
}
.nextBtn {
  width: 2rem;
  height: auto;
  margin-top: 0;
  margin-bottom: 2vh;
  /* margin-left: 2.75rem; */
}

/* 返回目录 */
.fhBtn {
  position: fixed;
  top: 50%;
  right: max(-0.3rem, calc(50% - 3.75rem - 0.3rem));
  width: 1.8rem;
  height: auto;
  z-index: 999;
  cursor: pointer;
  transform: translateY(-50%);
  display: none;
}
.fhBtn.show {
  display: block;
}

.menuBox {
  position: fixed;
  left: 0;
  top: 28vh;
  z-index: 10;
}
.menu {
  background: url(../images/navbg.png) no-repeat;
  background-size: 100% 100%;
  padding-bottom: 0.1rem;
  margin-left: -2.96rem;
  width: 2.96rem;
}
.menuBtn {
  background: url(../images/menu.png) no-repeat;
  background-size: 100% 100%;
  width: 0.97rem;
  height: 1rem;
}
/* .menuSlide{
  margin-right:-2rem;
} */
.menu .ml {
  padding: 0.2rem;
  margin: 0 0.2rem;
  color: #da4b50;
  font-size: 0.55rem;
  border-bottom: 1px solid #da4b50;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu .ml i {
  font-size: 0.55rem;
}
.menu ul {
  margin-left: 0.2rem;
}
.menu li {
  display: flex;
  margin-top: 0.1rem;
  align-items: center;
  color: #cb282e;
  line-height: 0.5rem;
}
.menu li span {
  width: 0.33rem;
  height: 0.33rem;
  background: #cb282e;
  border-radius: 50%;
  text-align: center;
  line-height: 0.33rem;
  color: #f6e7bd;
  margin-right: 0.1rem;
}

.textBox {
  background: url(../images/fbg.png) repeat;
  border-radius: 12px;
  padding-bottom: 0.7rem;
}
.textBox .box {
  padding: 0.4rem 0.2rem 0.1rem 0.2rem;
}
.textBox .box1 {
  padding: 0.4rem 0.2rem 0.5rem 0.2rem;
}
.tit {
  color: #eed48c;
  font-size: 0.45rem;
  line-height: 0.6rem;
}
.briefdoc {
  color: #fff;
  font-size: 0.33rem;
  line-height: 0.52rem;
  margin-top: 0.2rem;
  text-indent: 2em;
  font-weight: normal;
}
.tjustity {
  text-align: justify;
  text-justify: distribute-all-lines;
  text-align-last: justify;
}

.reward {
  display: flex;
}
.rewardL {
  margin-top: 0.2rem;
}
.rewardR {
  margin-left: auto;
}

.tankuang {
  background: url(../images/fbg2.png) repeat;
  border-radius: 12px;
  position: fixed;
  top: 2vh;
  left: 0.25rem;
  height: 96vh;
  width: 7rem;
  z-index: 9;
}
.zuopin {
  height: 80vh;
  overflow-y: scroll;
}
/* 自适应框架（设计图宽度） */
body {
  max-width: 7.5rem;
  margin: 0 auto;
}
body * {
  max-width: 7.5rem;
}

/* 扩展动画 */
.finger {
  animation: fingershake 2s 2s infinite linear;
  -webkit-animation: fingershake 2s 2s infinite linear;
}
@keyframes fingershake {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(-4px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}

.ts_btn {
  -webkit-animation: warn 2s ease-out;
  -moz-animation: warn 2s ease-out;
  animation: warn 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@keyframes warn {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes warn {
  0% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

/* .ts_btn2 {
  -webkit-animation: warn2 2s ease-out;
  -moz-animation: warn2 2s ease-out;
  animation: warn2 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@keyframes warn2 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes warn2 {
  0% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
  }
} */

.arrow_u {
  -webkit-animation: arrow_u 1s linear infinite;
  animation: arrow_u 1s linear infinite;
}
@-webkit-keyframes arrow_u {
  0% {
    -webkit-transform: translateY(13rem);
  }
  100% {
    -webkit-transform: translateY(11.7rem);
  }
}
@keyframes arrow_u {
  0% {
    -webkit-transform: translateY(13rem);
  }
  100% {
    -webkit-transform: translateY(11.7rem);
  }
}

/*微信分享*/
#mcover {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10000;
}
#mcover img {
  position: fixed;
  top: 0.1rem;
  width: 6.4rem;
  height: auto;
  z-index: 10001;
}
.wx_btn {
  position: relative;
  z-index: 9999;
  cursor: pointer;
}

.none {
  display: none;
}

.tcenter {
  text-align: center;
}

.fl {
  float: left;
  _display: inline;
}
.fr {
  float: right;
  _display: none;
}
.clear {
  clear: both;
}

/* 焦点图通用 */
.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  text-align: center;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img {
  width: 100%;
  height: 100%;
}
/*.swiper-slide a{
	display:block;
    width:100%;
    height:100%;
    text-align:center;
	color:#fff;
    line-height:1.5;
	position:relative;
	overflow:hidden;
}
 .swiper-slide a h1{
	position:absolute;
	bottom:0;
	width:100%;
	padding:5px;
	font-weight:normal;
	font-size:16px;
	box-sizing:border-box;
	background:rgba(0,0,0,0.6);

    overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.swiper-slide a i{
	font-style:normal;
	font-size:14px;
	text-align:justify;
}
.swiper-button-prev,.swiper-button-next{
	--swiper-navigation-size: 33px;
    --swiper-navigation-color: #cc0000;
	outline:none;
}
.swiper-button-prev:hover,.swiper-button-next:hover{
    --swiper-navigation-color: #000000;
}
.swiper-pagination-bullet{
	width:8px;
	height:8px;
	background:rgba(255, 255, 255, 1);
	opacity:1;
}
.swiper-pagination-bullet-active{
	background:rgba(255, 0, 0, 1);
	opacity:1;
} */

/* 焦点图 */
.swiper1 {
  width: 6.66rem;
  height: 26rem;
  margin: 0 auto;
  position: relative;
}
.swiper2 {
  width: 6.66rem;
  height: 24rem;
  margin: 0 auto;
  position: relative;
}
.swiper3 {
  width: 6.66rem;
  height: 10.54rem;
  margin: 0 auto;
  position: relative;
}
.swiper6 {
  width: 6.66rem;
  height: 16rem;
  margin: 0 auto;
  position: relative;
}
/* .swiper4 {
  width: 6.86rem;
  height: 11.63rem;
  margin: 0 auto;
  position: relative;
}

.swiper5 {
  width: 6.86rem;
  height: 6.14rem;
  margin: 0 auto;
  position: relative;
}
.swiper6 {
  width: 6.86rem;
  height: 4.12rem;
  margin: 0 auto;
  position: relative;
}
.swiper7 {
  width: 6.86rem;
  height: 8.35rem;
  margin: 0 auto;
  position: relative;
} */
/* .swiper1 .swiper-pagination{bottom:50px;}
.swiper1 .swiper-button-prev,.swiper1 .swiper-button-next{
	--swiper-navigation-color: #ffffff;
}
.swiper1 .swiper-button-prev:hover,.swiper1 .swiper-button-next:hover{
	--swiper-navigation-color: #cc0000;
} */