.wrap-games { width: 100%; }
.wrap-games .wrap-games-main { width: 100%; margin: 0 auto; overflow: hidden; }
.wrap-games .wrap-games-main li { width: 100%; height: 800px; }

.wrap-about-us { width: 100%; background-color: var(--aboutUsBgColor); border-top: 2px solid #fff; }
.wrap-about-us .about-us-main { width: 100%; max-width: 768px; margin: 0 auto; text-align: center; padding: .8rem 0; color: var(--aboutUsColor); }
.wrap-about-us .about-us-title { font-size: .4rem; }
.wrap-about-us .about-us-info{ font-size: .18rem; margin: .26rem 0 .2rem 0; }
.wrap-about-us .about-us-des {  }
.wrap-about-us .about-us-des p { font-size: .14rem; line-height: 1.5; margin-bottom: .1rem; }

.wrap-about-us .about-us-fearures { width: 100%; height: 764px; background-color: var(--fearuresBgColor); }
.wrap-about-us .fearures-img img { width: 100%; height: 100%; display: block;}
.wrap-about-us .fearures-con { padding: 0 8%; color: var(--fearuresColor);; }
.wrap-about-us .fearures-con .fearures-title { font-size: .4rem; line-height: 1.5; color: var(--fearuresTitleColor); }
.wrap-about-us .fearures-con .fearures-list { margin-top: .62rem;}
.wrap-about-us .fearures-con .fearures-list li { margin-bottom: .5rem; }
.wrap-about-us .fearures-con .fearures-list li .fearures-item-icon { width: 42px; height: 42px; background: url(../images/icon.png) no-repeat 42px 42px; }
.wrap-about-us .fearures-con .fearures-list li:nth-child(1) .fearures-item-icon { background-position: -30px -42px; }
.wrap-about-us .fearures-con .fearures-list li:nth-child(2) .fearures-item-icon { background-position: -30px -84px; }
.wrap-about-us .fearures-con .fearures-list li:nth-child(3) .fearures-item-icon { background-position: -30px -126px; }

.wrap-about-us .fearures-con .fearures-list li .fearures-item-txt { margin-left: .42rem; flex: 1; }
.wrap-about-us .fearures-con .fearures-list li .fearures-item-txt h4 { font-size: .22rem; color: var(--fearuresTitleColor); margin-bottom: .1rem; }
.wrap-about-us .fearures-con .fearures-list li .fearures-item-txt p { font-size: .18rem; font-weight: 200; line-height: 1.3; }


.wrap-queries { width: 100%; background-color: var(--queriesBgColor);}
.wrap-queries .wrap-queries-main { width: 100%; max-width: 980px; margin: 0 auto; padding: .8rem .0; color: var(--queriesColor); }
.wrap-queries .wrap-queries-main .queries-title { font-size: .4rem; color: var(--queriesTitleColor); text-align: center; margin-bottom: 1rem; }

.wrap-queries .wrap-queries-main .queries-com ul { flex-wrap: wrap; }
.wrap-queries .wrap-queries-main .queries-com li { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50%; margin-bottom: .8rem; padding: .2rem;}
.wrap-queries .wrap-queries-main .queries-com li h4 { font-size: .22rem; color: var(--queriesTitleColor); margin-bottom: .4rem; }
.wrap-queries .wrap-queries-main .queries-com li p { font-size: .16rem; font-weight: 300;line-height: 1.3; }


.wrap-touch { width: 100%; background-color: var(--touchBgColor);}
.wrap-touch .wrap-touch-main { width: 100%; max-width: 980px; margin: 0 auto; padding: .8rem .0 1.2rem 0; color: var(--touchColor); }
.wrap-touch .wrap-touch-main .touch-title { font-size: .4rem; color: var(--touchTitleColor); text-align: center;   }
.wrap-touch .wrap-touch-main .touch-com { margin-top: .4rem; text-align: center; }
.wrap-touch .wrap-touch-main .touch-com p { font-size: .16rem; font-weight: 300; margin-bottom: .1rem; }