iframe[src*="ucweb.com"] {
     display: none !important;
 }

 iframe[id^="head__"] {
     display: none !important;
 }

 iframe[id^="utp__"] {
     display: none !important;
 }

 html,
 body,
 .app-content {
     width: 100%;
     height: 100%;
     padding: 0;
 }

 .swiper {
     width: 100%;
     height: auto;
 }

 .app-logo {
     margin: 0 auto;
     display: block;
     padding-top: 0.8rem;
 }

 .swiper1 {
     margin-top: -1.2rem;
 }

 .app-content {
     /* background: url() no-repeat;
     background-size: cover; */
     background: url(../picture/phone.jpg);
     background-repeat: no-repeat;
     background-position: right;
     background-size: 100% 100%;
 }

 .swiper-slide1 {
     margin: 0 auto;
     height: 3rem;
     display: block;
     position: relative;
     top: 2rem;
 }

 .swiper-slide2 {
     width: 100%;
 }

 .swiper-slide3 {
     width: 100%;
     position: relative;
     top: -2rem;
 }

 .swiper-button-next:after,
 .swiper-rtl .swiper-button-prev:after,
 .swiper-button-prev:after,
 .swiper-rtl .swiper-button-next:after {
     font-size: 1.5rem;
 }

 .swiper-pagination-bullet {
     background: #cbced8;
 }

 .app-guanwang {
     color: #FEF979;
     border: 2px solid #f7fa3edb;
     width: 11.5em;
     font-size: 1.2rem;
     line-height: 2.8rem;
     text-align: center;
     margin: 0 auto;
     border-radius: 2rem;
     margin-top: 1rem;
     position: relative;
     font-weight: 600;
     padding-right: 6rem;
 }

 .app-dibu {
     padding-top: .5rem;
     text-align: center;
     font-size: 0.8rem;
     color: #555;
 }

 #js_title2 {
     color: #FEF979;
 }

 .app-fangwen {
     position: absolute;
     background: linear-gradient(90deg, #fa3eb3 0, #3ec2fa);   
     color: #FFF;
     line-height: 2.9rem;
     font-size: 18px;
     border-radius: 30px;
     right: -1px;
     top: -1px;
     width: 110px;
     font-weight: 600;
     text-align: center;
 }

 .swiper2 {
     height: 2.9rem;
     position: absolute;
     top: 0rem;
     left: 0.4rem;
 }

 .weui-form__extra-area {
     margin-top: 0.5rem;
 }

 .bottom22 {
     position: fixed;
     bottom: 0;
     width: 100%;
     z-index: 9999;
 }

 .app-youhui {
     font-size: 0.8rem;
     color: var(--weui-LINK);
     width: 100%;
     text-align: center;
 }

 .app-vip1 {
     color: var(--weui-LINK);
     font-size: 1.1rem;
     line-height: 1.8rem;
     font-weight: 600;
 }

 .app-vip2 {
     padding-top: 1rem;
     text-align: right;
     padding-right: 1.5rem;
 }

 .app-app1 {
     width: 80%;
     display: block;
     margin: 0 auto;
 }

 .weui-half-screen-dialog__title {
     font-size: 1rem;
 }

 .app-app-title {
     text-align: center;
     font-size: 0.9rem;
     color: #FEF979;
     font-weight: 600;
 }

 .weui-cell_access .weui-cell__ft.app-app-title:after {
     right: 40px;
     margin-top: -13px;
 }

 .weui-cells {
     background-color: transparent;
     margin-top: 28px;
 }

 .weui-half-screen-dialog {
     max-height: 100%;
 }

 .demo_badge_title {
     font-size: 0.9rem;
     color: #FEF979;
     font-weight: 600;
     margin-left: 1rem;
 }

 .weui-cell_access .weui-cell__ft {
     font-size: 0.8rem;
 }

 .demo_badge_cells .weui-cell_access {
     padding-right: 2rem;
 }

 .app-zhibo {
     font-size: 0.8rem;
     color: var(--weui-FG-1);
     font-weight: 400;
     float: right;
     clear: both;
 }

 .swiper3 {
     display: none;
 }


 .bottom {
     height: 110px;
     position: fixed;
     bottom: 0px;
     left: 0px;
     width: 100%;
     background: #414755;
     z-index: 99999;
 }

 .bottom-center {
     width: 1200px;
     height: 100%;
     margin: 0px auto;
 }

 .bottom-center-top {
     height: 70px;
     border-bottom: 1px solid #333843;
     width: 100%;
     display: flex;
     justify-content: space-between;
 }

 .bottom-center-top div {
     margin-top: 20px;
     cursor: pointer;
 }

 .bottom-center-bottom {
     height: 49px;
     text-align: center;
     width: 100%;
     line-height: 38px;
     font-size: 12px;
     color: #878ea6;
     border-top: 1px solid #565d6e
 }

 .game1:hover {
     background: url("../images/gameactive1.png") center center no-repeat;
     background-size: contain;
 }

 .game2:hover {
     background: url("../images/gameactive2.png") center center no-repeat;
     background-size: contain;
 }

 .game3:hover {
     background: url("../images/gameactive3.png") center center no-repeat;
     background-size: contain;
 }

 .game4:hover {
     background: url("../images/gameactive4.png") center center no-repeat;
     background-size: contain;
 }

 .game5:hover {
     background: url("../images/gameactive5.png") center center no-repeat;
     background-size: contain;
 }

 .game6:hover {
     background: url("../images/gameactive6.png") center center no-repeat;
     background-size: contain;
 }

 .game7:hover {
     background: url("../images/gameactive7.png") center center no-repeat;
     background-size: contain;
 }

 .game8:hover {
     background: url("../images/gameactive8.png") center center no-repeat;
     background-size: contain;
 }

 .game9:hover {
     background: url("../images/gameactive9.png") center center no-repeat;
     background-size: contain;
 }

 .game13840 {
     height: 30px;
     min-width: 120px;
     background: url("../images/game13840.png") center center no-repeat;
     background-size: contain;
     transition: 0.3s;
 }

 .game23840 {
     height: 30px;
     min-width: 120px;
     background: url("../images/game23840.png") center center no-repeat;
     background-size: contain;
     transition: 0.5s;
 }

 .game33840 {
     height: 30px;
     min-width: 120px;
     background: url("../images/game33840.png") center center no-repeat;
     background-size: contain;
     transition: 0.5s;
 }

 .game43840 {
     height: 30px;
     min-width: 120px;
     background: url("../images/game43840.png") center center no-repeat;
     background-size: contain;
     transition: 0.5s;
 }

 .game53840 {
     height: 30px;
     min-width: 120px;
     background: url("../images/game53840.png") center center no-repeat;
     background-size: contain;
     transition: 0.5s;
 }

 .game63840 {
     height: 30px;
     min-width: 120px;
     background: url("../images/game63840.png") center center no-repeat;
     background-size: contain;
     transition: 0.5s;
 }

 .game73840 {
     height: 30px;
     min-width: 120px;
     background: url("../images/game73840.png") center center no-repeat;
     background-size: contain;
     transition: 0.5s;
 }

 .game83840 {
     height: 30px;
     min-width: 120px;
     background: url("../images/game83840.png") center center no-repeat;
     background-size: contain;
     transition: 0.5s;
 }

 .game93840 {
     height: 30px;
     min-width: 120px;
     background: url("../images/game93840.png") center center no-repeat;
     background-size: contain;
     transition: 0.5s;
 }

 .game13840:hover {
     background: url("../images/gameactive13840.png") center center no-repeat;
     background-size: contain;
 }

 .game23840:hover {
     background: url("../images/gameactive23840.png") center center no-repeat;
     background-size: contain;
 }

 .game33840:hover {
     background: url("../images/gameactive33840.png") center center no-repeat;
     background-size: contain;
 }

 .game43840:hover {
     background: url("../images/gameactive43840.png") center center no-repeat;
     background-size: contain;
 }

 .game53840:hover {
     background: url("../images/gameactive53840.png") center center no-repeat;
     background-size: contain;
 }

 .game63840:hover {
     background: url("../images/gameactive63840.png") center center no-repeat;
     background-size: contain;
 }

 .game73840:hover {
     background: url("../images/gameactive73840.png") center center no-repeat;
     background-size: contain;
 }

 .game83840:hover {
     background: url("../images/gameactive83840.png") center center no-repeat;
     background-size: contain;
 }

 .game93840:hover {
     background: url("") center center no-repeat;
     background-size: contain;
 }

 .bottom {
     display: none;
 }

 /* .iosMask-shadeBox,
 .iosMask1-shadeBox {
     z-index: 99999;
     position: relative;
 }

 .iosMask1-shadeBox .iosActionsheet .weui-actionsheet {
     width: 600px;
 }

 .iosMask1-shadeBox .iosActionsheet .weui-actionsheet {
     background: #FFF;
     opacity: 0.9;
     border-radius: 10px;
 }

 .iosMask1-shadeBox .iosActionsheet .weui-actionsheet__cell {
     font-size: 14px;
     font-weight: 600;
     color: #FEF979;
     cursor: pointer;
 }

 .iosMask1-shadeBox .iosActionsheet .app-zhibo {
     font-size: 12px;
     color: #FEF979;
     font-weight: 400;
     float: right;
     clear: both;
 }

 .iosMask1-shadeBox .iosActionsheet .weui-actionsheet__cell {
     text-align: left;
     padding-left: 6vw;
     font-weight: 600;
 }

 .iosMask1-shadeBox .weui-actionsheet__action,
 .weui-actionsheet__menu {
     background-color: #222;
     padding-bottom: 20px;
 }

 .iosMask1-shadeBox .app-appxiazai {
     color: #FEF979 !important;
 }

 .iosMask1-shadeBox .weui-actionsheet__action,
 .weui-actionsheet__menu {
     background-color: #FFF;
 } */

 @media screen and (min-width: 768px) {
     .bottom {
         display: block;
     }

     .swiper {
         height: 100%;
     }

     .swiper1 {
         display: none;
     }

     .swiper3 {
         display: block;
     }

     .app-heder {
         height: 0;
     }

     .app-logo {
         position: absolute;
         z-index: 999;
         display: block;
         bottom: 70%;
         margin-left: 7.5%;
         width: 15%;
     }

     .swiper3 {
         /* background-image: url(data:image/png;base64,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);
                background-repeat: repeat-x;
                background-size: auto 100%; */
     }

     .swiper3 {
         width: 70%;
         float: left;
     }

     .app-content {
         /* background: #061D38; */
         /* background: #8644D0; */
         background: url(../picture/pc.jpg);
         background-repeat: no-repeat;
         background-position: right;
         background-size: 100% 100%;
     }

     .swiper-slide2 {
         width: 100%;
         display: block;
         margin: 0 auto;
     }

     .swiper-slide3 {
         width: 30%;
         display: block;
         margin: 0 auto;
     }

     .bottom22 {
         width: 30%;
         bottom: 30%;
         right: 0;
     }

     .app-youhui {
         color: #FFF;
     }

     .weui-footer a,
     .weui-footer navigator {
         color: #FFF;
     }

     .app-guanwang {
         color: #FFF;
         margin: 1.5rem auto;
     }

     .app-guanwang {
         width: 13rem;
     }

     .swiper2 {
         left: 0.7rem;
     }

     .swiper-horizontal>.swiper-pagination-bullets,
     .swiper-pagination-bullets.swiper-pagination-horizontal,
     .swiper-pagination-custom,
     .swiper-pagination-fraction {
         bottom: 20%;
     }

     .swiper-slide3 {
         width: 80%;
         top: 0rem;
     }

     .weui-footer__text {
         color: #FEF979;
         margin-top: 0.5rem;
     }

     /* .iosMask-shadeBox,
     .weui-mask,
     .weui-half-screen-dialog.weui-half-screen-dialog_bottom-fixed {
         width: 30%;
     } */

     .weui-actionsheet {
         bottom: 110px;
         background: #061D38;
     }

     /* .weui-mask.iosMask {
         background: transparent;
     } */

     #js_title2,
     .app-app-title,
     .demo_badge_title {
         color: #FFF;
     }

     .weui-cell__ft,
     .app-zhibo {
         color: #CCC;
     }

     .weui-cell_access .weui-cell__ft:after,
     [class^="weui-icon-"][class^="weui-icon-"],
     [class^="weui-icon-"][class*=" weui-icon-"],
     [class*=" weui-icon-"][class^="weui-icon-"],
     [class*=" weui-icon-"][class*=" weui-icon-"] {
         color: #CCC;
     }

     .app-vip2 {
         position: fixed;
         width: 30%;
         text-align: center;
         font-size: 0.8rem !important;
         bottom: 60%;
     }

     .weui-cells {
         margin-top: 22px;
     }

     /* .iosMask1-shadeBox {
         display: none;
     } */

 }