@media screen and (min-width: 960px){html{font-size:128px;}}
@media screen and (max-width: 750px){html{font-size: 100px;}}
@media screen and (max-width: 640px){html{font-size:85.33px;}}
@media screen and (max-width: 414px){html{font-size:55.2px;}}
@media screen and (max-width: 375px){html{font-size: 50px;}}
@media screen and (max-width: 360px){html{font-size:48px;}}
@media screen and (max-width: 320px){html{font-size:42.66px;}}

html,body{
    /*overflow: hidden;
    overflow-y: auto;*/
    margin:0 auto;
    padding: 0;
    position: relative;
    /*height: 100%;*/
    height: 55.54rem;
}
.mywrap{
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0,0,0);
    -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;
    margin: 0 auto;
    max-width: 7.5rem;
    
}

a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    text-decoration: none;
}
ul{
    list-style: none;
    margin: 0 auto;
    padding: 0;
}
li{
  list-style: none;
}
.dn,.hide{
    display: none !important;
}
.content,.mywrap * {
    /* overflow:hidden; */
    position: relative;
    width: 100%;
}

.mywrap .con1{
    height: 12.87rem;
    background: url(//pic3.iqiyipic.com/common/20180925/0925banana-H5_01.jpg) no-repeat scroll center top/100% auto;
}
.mywrap .con2{
    height: 17.79rem;
    background: url(//pic2.iqiyipic.com/common/20181016/0925banana-H5_02.jpg) no-repeat scroll center top/100% auto;
}
.mywrap .con3{
    height: 12.38rem;
    background: url(//pic3.iqiyipic.com/common/20180925/0925banana-H5_03.jpg) no-repeat scroll center top/100% auto;
}
.mywrap .con4{
    height: 14.92rem;
    background: url(//pic1.iqiyipic.com/common/20181009/banana-H5_02.jpg) no-repeat scroll center top/100% auto;
}

.btn_component {
    width: 0vw;
    height: 0vw;
    display: block;
    position: absolute;
    top: 0vw;
    left: 0vw;
    opacity: 1;
}
a.btn_component.btn_component1 {
    top: 2.94rem;
    left: 0.45rem;
    width: 2.69rem;
    height: 0.93rem;
}
a.btn_component.btn_component2{
    top: 5.5rem;
    left: 2.4rem;
    width: 2.6rem;
    height: 0.93rem;
}
a.btn_component.btn_component3{
    
width: 3rem;
    
height: 1rem;
    
top: 10rem;
    
left: 3rem;
}
a.btn_component.btn_component4{
    background: url(//pic1.iqiyipic.com/common/20180926/banana-img30.png) no-repeat scroll center top/100% auto;
    width: 7.5rem;
    height: 1.47rem;
    margin: 0 auto;
    position: relative;
    bottom: 0;
}
a.btn_component.btn_component5{
    
width: 1rem;
    
height: 1rem;
    
top: 0rem;
    
left: 6.5rem;
}
a.btn_component.btn_component6{
    
width: 1.5rem;
    
height: 0.5rem;
    
top: 0.3rem;
    
left: 0.4rem;
}
/*header*/
.header-wrap{
  height: 0.61rem !important;
  width: 7.5rem;
  margin: 0 auto;
}
.header-wrap .new-header{
      background: #fa9c03;
}
.header-wrap .new-header h2{
      color: #fff4bc;
}
.header-wrap .new-header h2.name{
      color: #fff4bc;
      font-size: 0.25rem;
}
.header-wrap .new-header .loginBtn{
    background-color: #df7900;
}
.header-wrap .new-header .loginBtn{
  color: #fff4bc;
}
/*header end*/

.banana-no1{
  width: 7.5rem;
  height: auto;
  position: absolute;
  top: 3.45rem;
  left: 0;
  /* z-index: 2; */
}
.banana-no2{
  width: 7.5rem;
  height: 0.88rem;
  position: absolute;
  top: 7.22rem;
  left: 0;
}
.banana-no3{
    
position: absolute;
    
top: 8.34rem;
    
left: 0.61rem;
    
width: 6.3rem;
    
height: 3.54rem;
    
background: #292929;
    
border-radius: 3px;
    
overflow: hidden;
}
.banana-no3 iframe{
    width: 100%;
    height: 100%;
}
.IsSwiper .swiper-slide{
height: 4.02rem;
}
.iframeDiv {
    width: 6.03rem;
    height: 3.43rem;
    overflow: hidden;
    border-radius: 0.2rem;
        margin: 0 auto;
}
.iframeDiv iframe  {
    width: 100%;
    height: 100%;
}
.banana-no3 img{
    width: 100%;
    height: 100%;
}
.banana-no4{
    text-align: center;
    width: auto;
    position: absolute;
    top: 8.65rem;
    left: 1.3rem;
    font-size: 0.3rem;
    /* font-weight: 600; */
    color: white;
    line-height: 0.4rem;
}
.banana-no4 span{
  color: #fcd516;
}
.banana-no5{
    
width: 6.08rem;
    
position: absolute;
    
top: 11.8rem;
    
left: 0.68rem;
}
.banana-no6{
    
width: 0.67rem;
    
position: absolute;
    
top: 6.3rem;
    
left: 2.13rem;
}
.banana-no7{
    
width: 1.21rem;
    
position: absolute;
    
top: 6.57rem;
    
left: 3.87rem;
}
.banana-no8{
    
width: 1.6rem;
    
position: absolute;
    
top: 6.38rem;
    
left: 5.91rem;
}
.blueCar,.redCar{
    
/* z-index: 1; */
    
width: 0.78rem;
    
height: 0.41rem;
    
position: absolute;
    
top: 7.3rem;
    
left: -2rem;
    
/* z-index: 1; */
}
.blueCar .Car{
    width: 0.78rem;
    height: 0.41rem;
    position: absolute;
    top: 0;
    left: 0;
}
.blueCar .Beer {
    width: 0.79rem;
    position: absolute;
    top: -0.6rem;
    left: 0.6rem;
    /* transform: translate(-4px,-1px) scale(1); */
    /* -webkit-transform: translate(0) scale(0); */
}
.redCar .Car{
    width: 0.78rem;
    height: 0.41rem;
    position: absolute;
    top: 0;
    left: 0;
}
.redCar .Beer{
    width: 0.79rem;
    position: absolute;
    top: -0.6rem;
    left: 0.6rem;
}

.IsIos,.IsAndroid{width: 6.7rem;height: 0.58rem;position: absolute;top: 4rem;left: 0.4rem;}

.Android-month,.Ios-month{
    width: 1.72rem;
    height: 0.58rem;
    position: absolute;
    top: 0;
    left: 0.2rem;
}
.Ios-month{
    width: 1.32rem;
    left: 0.35rem;
}
.Android-quarter,.Ios-quarter{
    width: 1.33rem;
    height: 0.58rem;
    position: absolute;
    top: 0;
    left: 2.6rem;
}
.Android-year,.Ios-year{
    width: 1.59rem;
    height: 0.58rem;
    position: absolute;
    top: 0;
    left: 4.8rem;
}
.energyValueOutside{
    width: 100%;
    height: auto;
    /* background: red; */
    position: absolute;
    top: 10.2rem;
    /* left: 0.4rem; */
}

.energyValue{width: 6.4rem;height: 0.46rem;border: 2px solid black;border-radius: 20px;/* position: absolute; *//* top: 9rem; */margin-left: 0.35rem;background: linear-gradient(#2a2a2a,#3e3e3e,#3f3f3f,#2a2a2a);-webkit-background: linear-gradient(#2a2a2a,#3e3e3e,#3f3f3f,#2a2a2a);/* background: url(//pic3.iqiyipic.com/common/20180925/banana-img12.png) no-repeat scroll center top/100% auto; */}
.bar{
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    /* overflow: hidden; */
    /* left: 1rem; */
    background: linear-gradient(#f3ba22,#f6c233,#f6b424,#f2800a);
    display: block;
    padding: 0;
    margin: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.lock{
    width: auto;
    height: 1.53rem;
    /* background: pink; */
    position: absolute;
    top: -0.2rem;
    left: 0.8rem;
}
.lock li{
    width: 1.4rem;
    height: 1.53rem;
    float: left;
    /* background: blue; */
    margin-left: 0.28rem;
    position: absolute; 
}
.lock li:nth-child(1){
    left: 0rem; 
}
.lock li:nth-child(2){
    left: 1.56rem;
}
.lock li:nth-child(3){
    left: 3.2rem;
}
.lock li:nth-child(4){
    left: 4.8rem;
}
.lock-no{
    
width: 0.83rem;
    
height: 0.83rem;
    
left: 0.2rem;
    
background: url(//pic0.iqiyipic.com/common/20180925/banana-img11.png) no-repeat scroll center top/100% auto;
}
.lockActive{

    background: url(//pic3.iqiyipic.com/common/20180925/banana-img10.png) no-repeat scroll center top/100% auto;

}
.lock-txt{
    
position: absolute;
    
top: 0.8rem;
    
left: 0;
    
font-size: 0.25rem;
    
line-height: 0.3rem;
    
font-weight: 600;
    
width: auto;
    
height: auto;
    
color: #3b3b3b;
    
margin-top: 0.2rem;
}
.lock-txtActive{
    color: #265cde;
}
/*swiper*/
.IsSwiper{width: 100%;height: auto;position: absolute;top: 12.3rem;}
.IsSwiper .swiper-container {
  width: 6.32rem;
  height: auto;
  overflow: hidden;
}
.IsSwiper .swiper-pagination{
position: absolute;
top: 4.3rem;
}
.con4 .swiper-container {
  width: 6.84rem;
  height: 4.88rem;
  overflow: hidden;
  position: absolute;
  top: 1.8rem;
}
.con4 .swiper-pagination{
    
top: 5.6rem;
    
left: 0.2rem;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #fff; */

  /* 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;
  /* border: 0.05rem solid red; */
}
/*.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
     width: 0.22rem; 
     height: 0.22rem; 
}*/
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background: url(//pic2.iqiyipic.com/common/20181016/active-btn.png) no-repeat scroll center top/100% auto;
    position: absolute;
    top: 1.8rem;
    right: 0rem;
    width: 0.72rem;
    height: 1.12rem;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background: url(//pic2.iqiyipic.com/common/20181016/active-btn.png) no-repeat scroll center top/100% auto;
    position: absolute;
    top: 1.8rem;
    left: 0rem;
    width: 0.72rem;
    height: 1.12rem;
}
 .swiper-button-prev.swiper-button-disabled{
      opacity: 1;
    cursor: auto;
    pointer-events: auto;
    background: url(//pic0.iqiyipic.com/common/20181016/gray-btn.png) no-repeat scroll center top/100% auto;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
 }
.swiper-button-next.swiper-button-disabled{
    opacity: 1;
    cursor: auto;
    pointer-events: auto;
    background: url(//pic0.iqiyipic.com/common/20181016/gray-btn.png) no-repeat scroll center top/100% auto;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    position: absolute;
    top: 4.3rem;
}
.swiper-pagination-clickable .swiper-pagination-bullet{
     width: 0.22rem;
     height: 0.22rem;
     margin-right: 0.47rem;
}
.Video{
    width: 100%;
    height: 100%;
}

.VideoImg{
    width: 100%;
    height: 3.72rem;
}
.VideoText{
    font-size: 0.25rem;
    font-weight: 600;
    color: black;
    position: absolute;
    bottom: 0.1rem;
}

/*九宫格*/
.com-3822896{
    top: 2.1rem;
    left: 0.45rem;
    height: auto;
    width: 6.71rem;
    border-radius: 0.8rem;
}
.com-3822896 .lequ_content{
  width: 100%;
  margin: 0 auto;
  height: 100%;
}

.com-3822896 .lequ_lottery{
  width: 100%;
  /* margin-left: 5.6%; */
  font-size: 0;
  height: 100%;
}

.com-3822896 .lequ_gift_each{
  display: inline-block;
  letter-spacing: 0;
  position: relative;
  margin: 0.04rem;
  z-index: 1;
  width: 2.1rem;
  height: 1.9rem;
  background-size: 100% 100%;
}

.com-3822896 .lequ_gift_get{
    display: inline-block;
    letter-spacing: 0;
    background-size: contain;
    vertical-align: top;
    width: 2.17rem;
    height: 1.9rem;
    left: 0rem;
    margin: 0%;
    top: 0rem;
    overflow: visible;
    /* display: none; */
}

.com-3822896 .selected{
    border: 2px solid #1c81ff;
    margin: 0;
    margin-left: -0.02rem !important;
    border-radius: 6px;
}

.com-3822896 .lequ_lottery_btn{
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0%;
  top: 2%;
  background-image: url(//pic3.iqiyipic.com/common/20180926/banana-img24.png);
  background-size: 98% 99%;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 10;
  overflow: visible;
}
/*九宫格end*/
.leftImg{
    width: 3.28rem;
    height: 2.53rem;
    /*background: white;*/
    position: absolute;
    top: 8.9rem;
    left: 0.45rem;
    border-radius: 6px;
    overflow: hidden;
}
.leftImg a {
    width: 100%;
    height: 100%;
    display: block;
    background: url(//pic3.iqiyipic.com/common/20181009/litisheng.png) no-repeat scroll center top/100% auto;
}
.rightImg{
    width: 3.28rem;
    height: 2.53rem;
    /*background: white;*/
    position: absolute;
    top: 8.9rem;
    left: 3.85rem;
    border-radius: 6px;
    overflow: hidden;
}
.rightImg a {
    width: 100%;
    height: 100%;
    display: block;
    background: url(//pic3.iqiyipic.com/common/20181009/toudai.png) no-repeat scroll center top/100% auto;
}
.bottom-btn{
    width: 100%;
    height: 1.47rem;
    position: fixed;
    bottom: 0;
    margin: 0 auto;
}
/*浮层*/
.mod_hy_event_pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    -webkit-transform: translate(0);
    transform: translate(0);
    border: 0;
    border-radius: 0;
}   
.supernatant {
    /* overflow: hidden; */
    background: #fff;
    color: #282828;
    font-size: 14px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 9999;
    /* padding: 20px 0; */
    border-radius: 7px;
    width: 6rem;
    /* max-height: 5rem; */
    /* overflow: auto; */
    /* border: 2px solid #49791a; */
    background: #fcd517;
    /* border: 3px solid #672c19; */
    padding: 0 0.2rem;
}
.mod_hy_event_pop .formList_btn{
    font-weight: bold;
    width: 3.05rem;
    height: 0.81rem;
    margin: 0 auto;
    border: none;
    border-radius: .6rem;
    margin-bottom: 0.25rem;
    color: #fffcf5;
    line-height: 0.8rem;
    background: url(//pic2.iqiyipic.com/common/20180926/banana-img43.png) no-repeat scroll center top/100% auto;
    margin-top: 0.2rem;
}
.mod_hy_event_pop .tips_title{
    margin-top:0;
    font-size: 0.4rem;
    width: 100%;
}
.mod_hy_event_pop .top_desc{
    
width: 100%;
    
padding: 0;

line-height: 0.4rem;
}
.mod_hy_event_pop .postForm{
    
margin: 0;
    
width: 5.23rem;
    
height: 2.85rem;
    
padding-left: 0;
    
margin: 0 auto;
    
margin-bottom: 0.5rem;
}
.postForm li{
    
height: 0.72rem;
    
margin-bottom: 0.36rem;
}
.mod_hy_event_pop .postForm .form_label {
    display: inline-block;
    width: auto;
    margin-left: 0;
    text-align: right;
    /* padding-right: 10px; */
    color: black;
    font-size: 0.32rem;
    vertical-align: middle;
    font-weight: 600;
    float: left;
    line-height: 0.72rem;
    padding-right: 0;
}
.mod_hy_event_pop .postForm .form_area, .mod_hy_event_pop .postForm .form_input {
    width: 3.82rem;
    height: 0.72rem;
    float: right;
    margin: 0;
}
.ff-close{
    position: relative;
    background: url(//pic0.iqiyipic.com/common/20180926/banana-img42.png) no-repeat scroll center top/100% auto;
    width: 0.7rem;
    height: 0.7rem;
}
.IsShare {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
}
.IsShare img {
    width: 3.23rem;
    position: absolute;
    right: 0;
    top: 0.2rem;
}

.BananaPay .tips_title{
    width: 4.75rem;
    height: 0.34rem;
    background: url(//pic0.iqiyipic.com/common/20180926/banana-img47.png) no-repeat scroll center top/100% auto;
    margin: 0 auto;
    margin-top: 0.2rem;
}
.BananaPay .supernatant{
    padding-bottom: 0.76rem;
}
.choose{
    width: 5.81rem;
    height: 2.09rem;
    margin: 0 auto;
    margin-top: 0.73rem;
}
.choose ul{
    width: 100%;
    height: 100%;
    position: relative;
}
.choose img{
    width: 100%;
    height: 100%;
}
.choose ul li{
    width: 1.88rem;
    height: 2.09rem;
    margin-right: 0.085rem;
    float: left;
}
.choose ul li:nth-child(3){
   margin-right: 0; 
}
/*input默认事件*/
label input[type="radio"] {
    appearance: normal;
    -moz-appearance: normal;
    -webkit-appearance: normal;
    outline: none;
    margin: 0;
    position: absolute;
    top: 1.3rem;
    width: 0.34rem;
    height: 0.34rem;
    left: 0.4rem;
}
label input[type="radio"]:after {
    display: inline-block;
    content: "";
    width: 100%;
    height: 100%;
    background: url(//pic3.iqiyipic.com/common/20180926/banana-img52.png) no-repeat scroll center top/100% auto;
    border-radius: 50%;
}

label input[type="radio"]:checked:after {
    background: url(//pic1.iqiyipic.com/common/20180926/banana-img51.png) no-repeat scroll center top/100% auto;
}
/*input默认事件 end*/

.chooseBtn{
width: 100%;
height: 0.81rem;
margin: 0 auto;
margin-top: 0.71rem;
position: relative;
min-width: 1.34rem;
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
box-sizing: border-box;
text-align: center;
}

.weixinpay{
width: 2.77rem;
height: 0.81rem;
background: url(//pic3.iqiyipic.com/common/20180926/banana-img54.png) no-repeat scroll center top/100% auto;
position: relative;
top: 0;
right: 0;
display: inline-block;
text-align: center;
}
.weixinpayIn{
  width: 2.77rem;
  height: 0.81rem;
  background: url(//pic3.iqiyipic.com/common/20180926/banana-img54.png) no-repeat scroll center top/100% auto;
  margin: 0 auto;
  position: relative;
  top: 0;
  right: 0;
  text-align: center;
  display: inline-block;
}
.Alipay{
width: 2.77rem;
height: 0.81rem;
background: url(//pic3.iqiyipic.com/common/20180926/banana-img53.png) no-repeat scroll center top/100% auto;
position: relative;
top: 0;
right: 0;
display: inline-block;
text-align: center;
}
.iappay{
  width: 2.77rem;
  height: 0.81rem;
  display: block;
  background: url(//pic1.iqiyipic.com/common/20180927/banana-img57.png) no-repeat scroll center top/100% auto;
  position: relative;
  top: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}
.IsHDGZ .top_desc,.IsJPSM .top_desc{
    width: 80%;
    margin: 0 auto;
}
.mod_hy_event_pop .formList_btn .btn-confirm {
    color: #fff;
    font-weight: 600;
    font-family: "Microsoft YaHei";
    display: block;
    width: 100%;
    height: 100%;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #7194f2;
}
.iapLoading{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
}
.iapLoading img{
position: absolute;
    top: 28%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 4.08rem;
}
.ios-price .supernatant .choose ul li:nth-child(1) label img{
content: url('//pic2.iqiyipic.com/common/20180930/ios-month.png');
}
.ios-price .supernatant .choose ul li:nth-child(2) label img{
content: url('//pic0.iqiyipic.com/common/20180930/ios-quarter.png');
}
.ios-price .supernatant .choose ul li:nth-child(3) label img{
content: url('//pic0.iqiyipic.com/common/20180930/ios-year.png');
}
.con3Txt{
    text-align: center;
    font-size: 0.3rem;
    position: absolute;
    top: 1.5rem;
    font-weight: 600;
}
.mod_hy_event_pop .postForm .error{
        position: absolute;
    top: 5.65rem;
    left: 2rem;
}




.CarAni{
    animation: CarAni 8s linear infinite;
    -webkit-animation: CarAni 8s linear infinite;
}
@keyframes CarAni{
    0%{
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    50%{
        z-index: 1;
    }
    100%{
        z-index: 1;
        transform: translateX(600px);
        -webkit-transform: translateX(600px);
    }
}
/*啤酒*/
.BeerAni{
    animation: BeerAni 8s linear alternate infinite;
    -webkit-animation: BeerAni 8s linear alternate infinite;
}
@keyframes BeerAni{
    0%{
      transform: translate(-32px,20px) scale(0.3);
      -webkit-transform: translate(-32px,20px) scale(0.3);
    }
    35%{
        transform: translate(-32px,20px) scale(0.3);
      -webkit-transform: translate(-32px,20px) scale(0.3);
    }
    40%{
        transform: translate(-4px,-1px) scale(1);
        -webkit-transform: translate(-4px,-1px) scale(1);
    }
    65%{
        transform: translate(-4px,-1px) scale(1);
        -webkit-transform: translate(-4px,-1px) scale(1);
    }
    70%{
        transform: translate(-32px,20px) scale(0.3);
        -webkit-transform: translate(-32px,20px) scale(0.3);
    }
    100%{
        transform: translate(-32px,20px) scale(0.3);
      -webkit-transform: translate(-32px,20px) scale(0.3);
    }
}
/*蓝车*/
/*红车*/
.redCarAni{
    animation: CarAni 8s 4s linear infinite;
    -webkit-animation: CarAni 8s 4s linear infinite;
}
/*头像*/
.redBeerAni{
    animation: BeerAni 8s 4s linear alternate infinite;
    -webkit-animation: BeerAni 8s 4s linear alternate infinite;
}

/*loading*/
.loadingINdex {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #EFC809;
}
.loadingINdex>img {
    width: 4.5rem;
    height: auto;
    position: absolute;
    left: 50%;
    top: 39%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}