#mobile #scollApp{   /* add scroll */
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}
#mobile .scroll_main{ /* add scroll */
    margin: 0 auto 0;
    height: calc(100vh);
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}
.wonderful_atlas{
    margin: 25px auto 0;;
    width: 1280px;
    height: auto;
    min-height: 650px;
}
#mobile .wonderful_atlas{
    width: 100%;
    height: auto;
    overflow: auto;
    margin: 0 auto;
    min-height: auto;
    padding-top: 1.33rem;
}
.wonderful_atlas .wonderful_atlas_banner{
    width: 100%;
    height: 295px;
    overflow: hidden;
    position:relative;

}
#mobile .wonderful_atlas .wonderful_atlas_banner{
    display: none;
}
.wonderful_atlas .wonderful_atlas_banner>img{
    display: block;
    width: 100%;
    height: 100%;
}
.wonderful_atlas_banner .wonderful_atlas_banner_title{
position: absolute;
font-size:34px;
font-weight:bold;
color:rgba(255,255,255,1);
line-height:30px;
letter-spacing:3px;
right: 160px;
top: 125px;
}
.wonderful_atlas_content{
    margin-top: 10px;
    width: 100%;
    margin-bottom: 60px;

}
#mobile .wonderful_atlas_content{
    width: 100%;
    padding: .4rem 0;
    margin: 0;
    min-height: calc(100vh - 1.33rem);
}
.wonderful_atlas_content>ul{
    width: 100%;
}
#mobile .wonderful_atlas_content>ul{
    padding: 0 .4rem;
}
 .wonderful_atlas_big_banner{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 700;
}

 .wonderful_atlas_big_banner .wonderful_atlas_big_box{
    position: absolute;
    width: 900px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 30;
}
.wonderful_atlas_big_box .descript_title{
margin-top: 18px;
 width: 100%;
}
 /* 轮播图组建 */

.wonderful_atlas_big_banner .wonderful_atlas_big_box .wonderful_atlas_container {
    width: 100%;
    height: 560px;
    overflow: hidden;
}
.wonderful_atlas_desItem{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 15px;
    width: 100%;
    height: auto;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(-90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -moz-linear-gradient(-90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(-90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
}
#mobile .wonderful_atlas_desItem{
    padding: .2rem;
    font-size: .267rem;
    line-height: .373rem;
}
.wonderful_atlas_big_banner .wonderful_atlas_big_box .wonderful_atlas_big_box_groupDes{
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 }
 #mobile .wonderful_atlas_big_banner .wonderful_atlas_big_box .wonderful_atlas_big_box_groupDes{
    font-size: .267rem;
    line-height: .373rem;
}
 .wonderful_atlas_container .close_icon {
      position: absolute;
      top: 15px;
      right: 14px;
    width: 43px;
    height: 43px;
    z-index:2;
   opacity:.8;
   cursor: pointer;
}
 .wonderful_atlas_container .close_icon>img {
  
    width: 100%;
    height: 100%;
}
.wonderful_atlas_big_banner .wonderful_atlas_big_box .wonderful_atlas_container .swiper-slide {
    text-align: center;
    font-size: 18px;
}
.wonderful_atlas_banner_img{
    display: block;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.wonderful_atlas_big_banner .wonderful_atlas_big_box .wonderful_atlas_big_box_title{
   display: block;
   width: 100%;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
 .wonderful_atlas_big_banner .wonderful_atlas_big_box>img{
    display: block;
    width: 100%;
    height: 100%;
}
 .wonderful_atlas_big_banner .wonderful_atlas_big_nbg{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.8);

}
.swiper-button-prev{
    background-image: url(data:image/png;base64,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);
    left: 25px;
    top: 42%;
    right: auto;
    width: 26px;
    height: 78px;
    background-size: 100% 100%;
}
.swiper-button-next{
    background-image: url(data:image/png;base64,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);
    right: 25px;
    top: 42%;
    left: auto;
    width: 26px;
    height: 78px;
    background-size: 100% 100%;
}

#mobile .swiper-button-prev{
    left: .4rem;
}
#mobile .swiper-button-next{
    right: .4rem;
}
#mobile .swiper-button-next, #mobile .swiper-button-prev{
    top: calc(50% - .5rem);
    width: .4rem;
    height: 1rem;
}

.wonderful_atlas_prev .pre_icon:hover{
    border-top: 3px solid #D33E25;
    border-right: 3px solid #D33E25;
    background-color: transparent;
}


.wonderful_atlas_next .next_icon:hover{
    border-top: 3px solid #D33E25;
    border-right: 3px solid #D33E25;
    background-color: transparent;
}
.wonderful_atlas_content>ul>li{
    position: relative;
    float: left;
    width: 313px;
    height: 208px;
    margin: 0 10px 10px 0;
    overflow: hidden;
}
#mobile .wonderful_atlas_content>ul>li{
    float: left;
    width: 4.533rem;
    height: 3.013rem;
    overflow: hidden;
    position: relative;
    margin: 0 .133rem .133rem 0;
}
#mobile .wonderful_atlas_content>ul>li:nth-child(2n){
    margin-right: 0;
}
.wonderful_atlas_content>ul>li:nth-child(4n-2),.wonderful_atlas_content>ul>li:nth-child(4n-1){
    width: 312px;
}
.wonderful_atlas_content>ul>li:nth-child(4n){
    margin-right: 0px;
}
.wonderful_atlas_content>ul>li>img{
    display: block;
    width: 100%;
    height: 100%;
}
.wonderful_atlas_bag{
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 2;
    padding: 0 20px;
    width: 100%;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    text-align: left;
    background: rgba(0, 0, 0, .6);
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(-90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -moz-linear-gradient(-90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(-90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    text-overflow:ellipsis;
    overflow:hidden; 
    white-space:nowrap;
    opacity: 0;
}
.wonderful_atlas_content>ul>li:hover .wonderful_atlas_bag{
    opacity: 1;
    
}

 /* add scroll */
 .loadingH5{ width: 100%; height: .8rem; position: relative; overflow: hidden; text-align: center; margin: .32rem 0 ; color: #999; font-size: .187rem;}
 .loadingH5-icon{color: #707070;}
 .loaderH5{
     display: none;
     position: relative;
     font-size: .133rem;
     margin: .106rem auto;
     text-indent: -9999em;
     width: .64rem;
     height: .64rem;
     border-radius: 50%;
     background: #999;
     background: -moz-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
     background: -webkit-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
     background: -o-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
     background: -ms-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
     background: linear-gradient(to right, #999 10%, rgba(255, 255, 255, 0) 42%);
     -webkit-animation: scrollMoreLoaderH5An 1s infinite linear;
     -moz-animation: scrollMoreLoaderH5An 1s infinite linear;
     -o-animation: scrollMoreLoaderH5An 1s infinite linear;
     animation: scrollMoreLoaderH5An 1s infinite linear;
  }
  .loadingH5 .loaderH5{
      display: block;
  }
  .loadingH5 .loaderH5:before {
      width: 50%;
      height: 50%;
      background: #999;
      border-radius: 100% 0 0 0;
      position: absolute;
      top: 0;
      left: 0;
      content: '';
  }
  .loadingH5 .loaderH5:after {
      background: #fff;
      width: 72%;
      height: 75%;
      border-radius: 68%;
      content: '';
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
  }
 @-webkit-keyframes scrollMoreLoaderH5An {
     0% {
         -webkit-transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(360deg);
     }
 }
 @-moz-keyframes scrollMoreLoaderH5An {
     0% {
         -webkit-transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(360deg);
     }
 }
 @-o-keyframes scrollMoreLoaderH5An {
     0% {
         -webkit-transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(360deg);
     }
 }
  
 @keyframes scrollMoreLoaderH5An {
     0% {
         transform: rotate(0deg);
     }
     100% {
         transform: rotate(360deg);
     }
  }