@charset "gb2312";

/* CSS Document */
html,
body {
     -ms-touch-action: none;
     width: 100%;
     height: 100%;
     font-family: '黑体';
     overflow: hidden;
}

body {
     font-size: 12px;
     background: #F5EDE5;
     position: relative;
}

ul,
li {
     list-style: none;
}

img {
     border: 0;
     display: block;
}

.clear {
     zoom: 1;
}

.clear:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
blockquote,
pre,
form,
fieldset,
table,
th,
td {
     margin: 0;
     padding: 0;
     word-break: break-all;
}

p {
     text-indent: 2em;
     text-align: left;
}

a {
     color: #000;
     text-decoration: none;
}

a:hover {
     color: #c00;
     text-decoration: underline;
}

.pos_rel {
     position: relative;
}

.pos_abs {
     position: absolute;
}

.pos_fixed {
     position: fixed;
}

/*-----------------font--------------*/

.F14 {
     font-size: 14px;
}

.F16 {
     font-size: 16px;
}

.F25 {
     font-size: 25px;
}

/*-----------------line-height--------------*/
.LH2 {
     line-height: 2em;
}

.LH2-2 {
     line-height: 2.2em;
}

.LH2-4 {
     line-height: 2.4em;
}

.LH3-2 {
     line-height: 3.2em;
}

/*-----------------border--------------*/

.border_all {
     border: 1px solid #e9e9e9;
}

.border_b {
     border-bottom: 1px solid #e9e9e9;
}

.w950 {
     width: 950px;
}

.w980 {
     width: 980px;
}

.w1000 {
     width: 1000px;
}

.auto {
     margin: 0 auto;
}

.mt5 {
     margin-top: 5px;
}

.mt10 {
     margin-top: 10px;
}

.mt15 {
     margin-top: 15px;
}

.mt20 {
     margin-top: 20px;
}

.mt25 {
     margin-top: 25px;
}

.ml25 {
     margin-left: 25px;
}

.mr25 {
     margin-right: 25px;
}


.bgfff {
     background: #fff;
}

.fl {
     float: left;
     display: inline;
}

.fr {
     float: right;
     display: inline;
}

.tl {
     text-align: left;
}

.tr {
     text-align: right;
}

.tc {
     text-align: center;
}

.none {
     display: none;
}

.pageBox {
     width: 100vw;
     height: 100vh;
     position: fixed;
     left: 0;
     top: 0;
     /* overflow-y: scroll; */
     -webkit-overflow-scrolling: touch;
     overflow: hidden;
     display: none;
}

.page {
     width: 100vw;
     height: 100vh;
     background: #F5EDE5;
     position: absolute;
     left: 0;
     top: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 3;
     transform: translateZ(0);
}

.contBox {
     width: 7.5rem;
     height: 12rem;
     position: relative;
}

.page00 {
     background: #F5EDE5 url(./../images/0.jpg) no-repeat center center;
     background-size: 100% auto;
}

.page01,
.page02 {
     background: #F5EDE5 url(./../images/1.jpg) repeat-y center center;
     background-size: 100% auto;
}



.dataReady {
     width: 50%;
     position: fixed;
     left: 25%;
     top: 49%;
     text-align: center;
     font-size: 15px;
     background: rgba(6, 15, 35, 0.4);
     color: #ffffff;
     padding: 2vw 0;
     border-radius: 4px;
     display: none;
     z-index: 30;
}

.actNumBox {
     left: 23.2vw;
     top: 5.4vw;
     color: #fff;
     font-size: 18px;
     font-weight: bold;
     font-style: italic;
}

.swiper {
     width: 100%;
     margin-top: 2vw;
}

.swiper-wrapper {
     margin-top: 6vw;

}

.swiper-slide {
     width: 100%;
     height: 100%;
     position: relative;
     overflow: hidden;
}

.slideCont {
     width: 5.91rem;
     margin: 0 auto;
     background: #fff;
     border-radius: 0.05rem;
     padding-bottom: 3vw;
     -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
     -o-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}

.svgContainer {
     height: 4.3rem;
     /* border-top: 1px solid #e9e9e9;
     border-bottom: 1px solid #e9e9e9; */
}

.svgContainer svg {
     background: #fff;
}

.slideCont img {
     width: 5.91rem;
}

.swiper-pagination-bullet {
     background: #fff;
     opacity: 1;
}

.swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active {
     background: #00D4BD;
}

.swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active {
     background: #8ED402;
}

.swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active {
     background: #7467FF;
}

.swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active {
     background: #AB9077;
}

.swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active {
     background: #007DEE;
}

.swiper-pagination-bullet:nth-child(6).swiper-pagination-bullet-active {
     background: #B60EA1;
}

.swiper-pagination-bullet:nth-child(7).swiper-pagination-bullet-active {
     background: #FF7400;
}

.swiper-pagination {
     top: 0;
     bottom: auto !important;
}

.hand {
     animation: hand 1s ease-in-out infinite;
     transform-origin: 50% 50%;
}

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

     50% {
          transform: scale(1.2)
     }

     100% {
          transform: scale(1)
     }
}


.lx01 {
     animation: aniLx 2s linear infinite;
     transform-origin: 50% 50%;
}

.lx02 {
     animation: aniLx 2.3s linear infinite;
     transform-origin: 50% 50%;
}

@keyframes aniLx {
     0% {
          left: 2rem;
          top: -3rem;
     }

     100% {
          left: 7.8rem;
          top: 3rem;
     }
}

.none {
     display: none;
}


.height0 {
     height: 0px;
     margin: 0 !important;
}

#sharePage {
     width: 5.89rem;
     height: 9.83rem;
     margin-top: 3vw;
}

.shareTxt01 {
     width: 4.55rem;
     left: 1.1rem;
     top: 4.86rem;
     font-size: 12px;
     color: #fff;
}

.shareTxt02 {
     width: 5.89rem;
     left: 0rem;
     top: 7.3rem;
     font-size: 10px;
     color: red;
     text-align: center;
}

.nickName {
     width: 3.8rem;
     left: 1.8rem;
     top: 8.5rem;
     font-size: 0.3rem;
     color: #fff;
}

.share {
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 20;
     /* display: none; */
}

.share img {
     width: 100%;
     margin: 0 auto;
}

.closeShare {
     width: 27vw;
     right: 5vw;
     top: 9vw;
     z-index: 21;
     display: none;
}

.loading {
     z-index: 1201;
     background: url(./../images/loadBg.jpg) no-repeat center center;
     background-size: 100% auto;
     position: fixed;
     left: 0;
     top: 0;
     width: 100vw;
     height: 100vh;
     overflow: hidden;
}

.xg {
     width: 30.41rem;
     left: -10rem;
     top: -1rem;
     animation: xg 60s linear infinite;
     transform-origin: 10.80rem 2.44rem;
     transform: rotate(-50deg);
}


@keyframes xg {
     0% {
          transform: rotate(-50deg);
     }

     50% {
          transform: rotate(12deg);
     }

     100% {
          transform: rotate(-50deg);
     }
}
.back{
     width: 0.5rem;
     left: 0.1rem;
     top: 0.1rem;
}