.wraper { background-color: var(--wraperBgColor); }
.wraper .wraper-main { width: 100%; padding: .0rem .35rem .35rem .35rem; }

.game-wraper { padding: 0 .1rem; }
.game-wraper .game-wraper-main { width: 100%; overflow: hidden; background-color: var(--wraperMainBgColor);}
.game-wraper .game-wraper-main .mySwiper { width: 100%; overflow: hidden; position: relative; }
.game-wraper .game-wraper-main .mySwiper .swiper-slide { width: 100%; height: 4.5rem; }
.game-wraper .game-wraper-main .mySwiper .swiper-slide a { width: 100%; height: 100%;  display: block;}
.game-wraper .game-wraper-main .mySwiper .swiper-slide a img { width: 100%; height: 100%; display: block; }
.game-wraper .game-wraper-main .game-swiper-button { position: absolute; bottom: .2rem; right: .2rem; z-index: 999; }
.game-wraper .game-wraper-main .game-swiper-button div { width: .35rem; height: .35rem; cursor: pointer;  }
.game-wraper .game-wraper-main .game-swiper-button .game-swiper-prev { margin-right: 1px; background: rgba(0, 0, 0, .4) url("../images/slider-control-left.png") no-repeat center center;} 
.game-wraper .game-wraper-main .game-swiper-button .game-swiper-next { background: rgba(0, 0, 0, .4) url("../images/slider-control-right.png") no-repeat center center;} 
.game-wraper .game-wraper-main .game-swiper-button div:hover { background-color: var(--swiperButtonBgColor);}

.company-wraper { padding: 0 .1rem; margin: .1rem 0 0 0; }
.company-wraper .company-wraper-main { width: 100%; padding: .2rem 0 0 0; background-color: var(--companyMainBgColor); }
.company-wraper .company-ifo li { width: calc(100% / 3); margin-bottom: .45rem; }
.company-wraper .company-ifo li i { margin-top: -.1rem; margin-right: .1rem;}
.company-wraper .company-ifo li i.icon-display { background-position: -288px -384px }
.company-wraper .company-ifo li i.icon-cogwheel { background-position: -432px -48px }
.company-wraper .company-ifo li i.icon-iphone { background-position: -144px -768px }
.company-wraper .company-ifo li h3 { font-size: .16rem; font-weight: 700; margin-bottom: .1rem; color: var(--companyH3Color); }
.company-wraper .company-ifo li p { font-size: .12rem; color: var(--companyColor); }


@media screen and (max-width: 768px) {
  .company-wraper .company-ifo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
  .company-wraper .company-ifo li { width: 100%; }
}


