.floor .game-item p{-webkit-line-clamp:2}.floor .category-item p,.floor .game-item p{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.floor .category-item p{-webkit-line-clamp:1}.banner{min-height:200px;position:relative}.banner img{width:100%}.banner-tag{background:url(../img/banner.jpg) no-repeat;background:url(../img/banner1.jpg) no-repeat;background-size:100%;height:400px;padding-bottom:40px;position:relative;width:100%}.banner-tag-text{color:#0a84ff;font-family:Bevan;font-size:50px;left:50%;position:absolute;top:calc(50% - 40px);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.floor{border-radius:36px 36px 0 0;margin-top:-40px;padding:8px 20px 60px;position:relative;z-index:2}.floor .game-bigBox{border-radius:24px;margin:0 auto;min-height:670px;width:1200px}.floor .game-box{grid-gap:16px;grid-template-columns:repeat(4,1fr)}.floor .category-box,.floor .game-box{border-radius:24px;display:grid;margin:0 auto;padding:20px;width:1200px}.floor .category-box{grid-gap:16px;grid-template-columns:repeat(6,1fr)}.floor .category-item{background:#fff;border-radius:10px;height:auto;margin:0;padding:16px 20px 0;width:auto}.floor .category-item img{border-radius:50%;margin-bottom:26px;width:100%}.floor .category-item p{color:#0a84ff;font-size:16px;font-weight:600;margin-bottom:16px}.floor .game-item{background:#fff;border-radius:16px;-webkit-filter:drop-shadow(0 4px 10px rgba(0,0,0,.3));filter:drop-shadow(0 4px 10px rgba(0,0,0,.3));height:auto;margin:0;padding-bottom:10px;width:auto}.floor .game-item img{border-radius:12px 12px 0 0;vertical-align:bottom;width:100%}.floor .game-item p{background:#fff;border-radius:0 0 12px 12px;color:#0a84ff;font-size:14px;font-weight:600;height:44px;padding:10px 16px 0}.floor .sub-title{color:#fff;font-size:26px;height:56px;line-height:56px;margin:0 auto;text-align:center;width:322px}.floor .sub-title,.nav-bar{border-radius:20px 20px 0 0;font-weight:600}.nav-bar{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#1c1c1e;bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:SF Pro Text;font-size:20px;font-style:normal;height:70px;justify-content:space-between;left:50%;line-height:24px;padding:0 95px;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:1200px}.nav-item{color:#fff}.active-Animals,.active-Color,.active-Count,.active-Shape,.active-Sports,.active-Vehicles{color:#fccc24}.floor{background:#57abff}.floor .game-bigBox,.floor .game-box,.floor .sub-title{background:#4495e5}.active-Social{color:#fccc24}.active-Science{color:#b724fc}.active-Math{color:#5e5ce6}.active-Art{color:#ff2d55}.active-Health{color:#32d74b}.floor-Social{background:#fccc24}.floor-Social .game-bigBox,.floor-Social .game-box,.floor-Social .sub-title{background:#ffac0a}.floor-Science{background:#b724fc}.floor-Science .game-bigBox,.floor-Science .game-box,.floor-Science .sub-title{background:#9f2dd9}.floor-Math{background:#5e5ce6}.floor-Math .game-bigBox,.floor-Math .game-box,.floor-Math .sub-title{background:#3e3dbf}.floor-Art{background:#ff2d55}.floor-Art .game-bigBox,.floor-Art .game-box,.floor-Art .sub-title{background:#d0173b}.floor-Health{background:#32d74b}.floor-Health .category-box,.floor-Health .game-bigBox,.floor-Health .game-box,.floor-Health .sub-title{background:#28a53b}.floor-6{background:#32d74b}.floor-6 .category-box,.floor-6 .game-bigBox,.floor-6 .game-box,.floor-6 .sub-title{background:#28a53b}@media only screen and (min-width:768px) and (max-width:1199px){.banner,.banner-tag{height:27.7777vw;padding-bottom:2.7777vw}.banner-tag-text{font-size:3.4722vw;top:calc(50% - 2.7777vw)}.floor{border-radius:2.5vw 2.5vw 0 0;margin-top:-2.7777vw;padding:.5555vw 1.3888vw 4.1666vw}.floor .game-bigBox{border-radius:1.6666vw;min-height:46.5722vw;width:83.3333vw}.floor .game-box{grid-gap:1.1111vw;grid-template-columns:repeat(4,1fr)}.floor .category-box,.floor .game-box{border-radius:1.6666vw;padding:1.3888vw;width:83.3333vw}.floor .category-box{grid-gap:1.1111vw}.floor .category-item{border-radius:.6944vw;padding:1.1111vw 0 0}.floor .category-item img{margin-bottom:1.8055vw}.floor .category-item p{font-size:1.1111vw;margin-bottom:1.1111vw}.floor .game-item{border-radius:1.1111vw;padding-bottom:.6944vw}.floor .game-item img{border-radius:.8333vw .8333vw 0 0}.floor .game-item p{border-radius:0 0 .8333vw .8333vw;font-size:.9722vw;height:44px;padding:.6944vw 1.1111vw 0}.floor .sub-title{font-size:1.8055vw;height:3.8888vw;line-height:3.8888vw;width:22.3611vw}.floor .sub-title,.nav-bar{border-radius:1.3888vw 1.3888vw 0 0}.nav-bar{bottom:2.7777vw;font-size:1.3888vw;height:4.8611vw;padding:0 6.5972vw;width:83.8888vw}}@media only screen and (max-width:767px){.nav-bar,header .header,section.main .container{width:100%}.nav-bar{font-size:14px;height:50px;padding:0 10px}.floor .sub-title{font-size:16px;height:40px;line-height:40px;width:70%}.floor .game-bigBox{min-height:auto;width:100%}.floor .game-box{grid-template-columns:repeat(2,1fr);width:100%}}