.big{ font-size: 3.2vw; line-height: 1.2; }
.middle{ font-size: 2.4vw; line-height: 2.8vw; margin: 0.5vw auto 1vw auto; }
.small{ font-size: 1.4vw; line-height: 1.6; margin-top: 1vw; }
.textBg{ background: linear-gradient(to right, #28aee0,#fc83b9);-webkit-background-clip: text;color: transparent; display:inline-block; }
.inlineBlock{ display:inline-block; }
.pr{ position:relative; overflow:hidden; }
.pa{ position:absolute; }
.floatLeft{ float:left; }
.center{ text-align:center; }
.overflow{ overflow:hidden; }
.blue{ color:#3055d9; }
.pink{ color:#fc83b9; }
#g5tabkids img{ width:100%; display:inline-block; }
#g5tabkids .box{ transform:scale(0); transition:all 0.3s linear; }
#g5tabkids .box.active{ transform:scale(1); }
#g5tabkids .box1 .box{ width:36%; left:54%; top:30%; }
#g5tabkids .box1 .b{ font-size:3.6vw; line-height:1.2; }
#g5tabkids .box1 .m{ font-size:1.8vw; line-height:1.2; margin:1% auto 2%; }
#g5tabkids .box1 .s{ font-size:1.2vw; line-height:1.6; }
#g5tabkids .box2{ width:70%; margin:4% auto; }
#g5tabkids .box2 .p{ border-radius:1vw; }
#g5tabkids .box2 .box{ width:100%; left:0%; }
#g5tabkids .box2 .b{ font-size:1.4vw; line-height:1.2; }
#g5tabkids .box2 .s{ font-size:1.2vw; line-height:1.2; margin-top:2%; }
#g5tabkids .box2 .ss{ font-size:1vw; line-height:1.2; }
#g5tabkids .box2 .color{ background-color:#a2ebff; }
#g5tabkids .box2 .p1{ width:28%; height:17vw; }
#g5tabkids .box2 .p1 .box{ top: 8%; }
#g5tabkids .box2 .p1 .img{ width:60%; left:20%; top:40%; }
#g5tabkids .box2 .p2{ width:23%; top:0%; left:29%; background-color:#fff79a; height: 12vw; }
#g5tabkids .box2 .p2 .box{ left:0%; top:2%; }
#g5tabkids .box2 .p2 .img{ width:26%; left:37%; top:36%; }
#g5tabkids .box2 .p3{ width:23%; top:0%; left:53%; height: 12vw; }
#g5tabkids .box2 .p3 .box{ left:0%; top:2%; }
#g5tabkids .box2 .p3 .img{ width:80%; left:10%; top:35%; }
#g5tabkids .box2 .p4{ width:23%; top:0%; right:0%; background-color:#fff79a; height: 12vw; }
#g5tabkids .box2 .p4 .box{ left:0%; top:2%; }
#g5tabkids .box2 .p4 .img{ width:60%; left:20%; top:60%; }
#g5tabkids .box2 .p5{ width:23%; left:29%; top:45.5%; height:5.5vw; background-color:#fff79a; }
#g5tabkids .box2 .p5 .box{ top:20%; }
#g5tabkids .box2 .p6{ width:23%; left:53%; top:45.5%; height:5.5vw; }
#g5tabkids .box2 .p6 .box{ top:10%; }
#g5tabkids .box2 .p6 .img{ width:18%; left:41%; top:43%; }
#g5tabkids .box2 .p7{ width:23%; right:0%; top:45.5%; height:5.5vw; background-color:#fff79a; }
#g5tabkids .box2 .p7 .box{ top:20%; }
#g5tabkids .box2 .p8{ width:28%; margin-top:1%; height:10vw; }
#g5tabkids .box2 .p8 .box{ width:72%; top:20%; }
#g5tabkids .box2 .p8 .img{ width:40%; top:4%; right:3%; }
#g5tabkids .box2 .p8 .s{ font-size:1vw; }
#g5tabkids .box2 .p9{ width:17%; bottom:0%; left:29%; height: 9vw; background-color:#fff79a; }
#g5tabkids .box2 .p9 .img{ width:50%; left:25%; top:39%; }
#g5tabkids .box2 .p9 .box{ top:2%; }
#g5tabkids .box2 .p10{ width:17%; bottom:0%; left:47%; height: 9vw; }
#g5tabkids .box2 .p10 .img{ width:60%; left:20%; top:47%; }
#g5tabkids .box2 .p10 .box{ top:2%; }
#g5tabkids .box2 .p11{ width:17%; bottom:0%; left:65%; height: 9vw; background-color:#fff79a; }
#g5tabkids .box2 .p11 .img{ width:52%; left:24%; top:42%; }
#g5tabkids .box2 .p11 .box{ top:2%; }
#g5tabkids .box2 .p12{ width:17%; bottom:0%; right:0%; height: 9vw; }
#g5tabkids .box2 .p12 .img{ width:40%; left:30%; top:40%; }
#g5tabkids .box2 .p12 .box{ top:2%; }
#g5tabkids .box3 .box{ width: 66%; margin:6% auto; z-index:3; }
#g5tabkids .box3 .circle{ left: 50%; bottom: 0%; width:400vw; height:400vw; border-radius:200vw; 
	background: linear-gradient(to bottom, #d7f1ff,#9fddff ); transform: translateX(-50%);
}
#g5tabkids .box4{ width:66%; margin:4% auto; padding:0px 2% 4vw 2%; box-sizing:border-box; display:flex; justify-content:space-between; }
#g5tabkids .box4 .ul{ width:48%; }
#g5tabkids .box4 .ul2{ margin-top:8%; }
#g5tabkids .box4 .img{ margin-top:2%; width:84%; }
#g5tabkids .box4 .li{ margin-bottom:12%; }
#g5tabkids .box4 .li .big{ font-size: 2vw;  }
#g5tabkids .box4 .li2 .img{ width:92%; transform:translateX(-2%); }
#g5tabkids .box4 .ul3{ width:40%; left:10%; top:62%; }
#g5tabkids .box4 .ul3 .lil{ margin-bottom:4%; text-align:left; }
#g5tabkids .box4 .ul3 .b{ font-size:2vw; line-height:1.2; color:#007eff; }
#g5tabkids .box4 .ul3 .s{ font-size:1.2vw; line-height:1.2; margin-top:2%; }
#g5tabkids .box5 .img-box{ width:66%; margin:4% auto; background: linear-gradient(to bottom, #d7f1ff,#9fddff ); padding:2% 0px; 
	border-radius:1vw; position:relative; 
}
#g5tabkids .box5 .box{ width: 40%; margin-left:50%; }
#g5tabkids .box5 .li{ float:left; width:50%; margin-top:4%; }
#g5tabkids .box5 .icon{ width:20%; }
#g5tabkids .box5 .s{ font-size:1vw; line-height:1.2; margin-top:2%; }
#g5tabkids .box5 .img{ width:46%; left:1%; top:10%; }
#g5tabkids .box5 .img.active{ -webkit-animation: toTop 3s linear infinite ;animation: toTop 3s  linear infinite ;}
@-webkit-keyframes toTop{ 
	0%{ top:10%; }
	25%{ top:0%; }
	50%{ top:10%; }
	75%{ top:20%; }
	100%{ top:10%; }
}
@keyframes toTop{ 
	0%{ top:10% }
	25%{ top:0%; }
	50%{ top:10%; }
	75%{ top:20%; }
	100%{ top:10%; }
}
#g5tabkids .box6 .box{ width:66%; margin:4% auto 2%; }
#g5tabkids .box6 .img{ width:50%; margin:2% auto; display:block; }
#g5tabkids .box6 .ul{ width:66%; margin:2% auto 4%; }
#g5tabkids .box6 .li{ float:left; width:25%; }
#g5tabkids .box6 .icon{ width:50%; }
#g5tabkids .box6 .b{ font-size:1.2vw; line-height:1.2; margin:2% auto; }
#g5tabkids .box6 .s{ font-size:1vw; line-height:1.2; }
#g5tabkids .box6 .c1{ color:#007eff; }
#g5tabkids .box6 .c2{ color:#ff7bb6; }
#g5tabkids .box6 .bgColor{ background: linear-gradient(to bottom, #ffffff,#a2ebff ); width:100%; left:0%; bottom:0%; height:70%; z-index:-1; }
#g5tabkids .box7 .box{ width:66%; margin:4% auto 2%; }
#g5tabkids .box7 .ul{ width:66%; margin:2% auto; }
#g5tabkids .box7 .li{ float:left; width:33.33%; font-size:1.2vw; line-height:1; }
#g5tabkids .box7 .icon{ width:10%; vertical-align:middle; }
#g5tabkids .box7 .img{ width:66%; margin:2% auto 4%; display:block; }
#g5tabkids .box8 .box{ width:30%; left:12%; top:10%; }
#g5tabkids .box9 .box{ width:66%; margin:4% auto 1%; }
#g5tabkids .box9 .imgBox{ padding-bottom:2%; margin-bottom:6%; }
#g5tabkids .box9 .img{ width:56%; left:22%; bottom:0%; }
#g5tabkids .box9 .ul{ top:2%; width:66%; left:20%; }
#g5tabkids .box9 .li{  border:2px solid #000000; background:linear-gradient(to bottom,#d7f1ff, #9fddff); padding:0.5vw 1vw; 
	font-size:1.4vw;  line-height: 1; font-weight: bold; border-radius: 20vw; display: inline-block;
}
#g5tabkids .box9 .li:nth-child(2){ margin:0px 12% ; }
#g5tabkids .box9 .img1{ width:8%; left:34%; top:66%; }
#g5tabkids .box9 .img2{ width:8%; left:37.5%; top:64%; }
#g5tabkids .box9 .img3{ width:7%; left:49%; top:63%; }
#g5tabkids .box9 .img4{ width:11%; left:45%; top:65%; }
#g5tabkids .box9 .img5{ width:9%; left:36%; top:68%; }
#g5tabkids .box9 .img6{ width:13%; left:40%; top:61%; }
#g5tabkids .box9 .img7{ width:8%; left:51%; top:63%; }
#g5tabkids .box9 .img8{ width:8%; left:58%; top:64%; }
#g5tabkids .box9 .img9{ width:8%; left:49.5%; top:65%; }
#g5tabkids .box9 .img10{ width:8%; left:62%; top:67%; }
#g5tabkids .box9 .img11{ width:8%; left:59.5%; top:66%; }
#g5tabkids .box9 .img1.active{ width:8%; left:20%; top:16%; }
#g5tabkids .box9 .img2.active{ width:8%; left:28%; top:32%; }
#g5tabkids .box9 .img3.active{ width:7%; left:35%; top:18%; }
#g5tabkids .box9 .img4.active{ width:11%; left:37%; top:38%; }
#g5tabkids .box9 .img5.active{ width:9%; left:27%; top:41%; }
#g5tabkids .box9 .img6.active{ width:13%; left:50%; top:18%; }
#g5tabkids .box9 .img7.active{ width:8%; left:64%; top:14%; }
#g5tabkids .box9 .img8.active{ width:8%; left:66%; top:33%; }
#g5tabkids .box9 .img9.active{ width:8%; left:54%; top:47%; }
#g5tabkids .box9 .img10.active{ width:8%; left:66%; top:51%; }
#g5tabkids .box9 .img11.active{ width:8%; left:76%; top:15%; }
#g5tabkids .box9 .icon{  z-index:1; opacity:0; transition:all 0.3s linear; }
#g5tabkids .box9 .icon.active{ opacity:1 }
#g5tabkids .box10 .box{ width:66%; margin:4% auto 2%; }
#g5tabkids .box10 .img{ width:66%; margin:2% auto; display:block; }
#g5tabkids .box10 .ul{ width:66%; margin:2% auto 4%; }
#g5tabkids .box10 .li{ float:left; width:33.33%; }
#g5tabkids .box10 .b{ font-size:2vw; line-height:1.2; color:#fc83b9; }
#g5tabkids .box10 .s{ font-size:1.2vw; line-height:1.2; color:#3055d9; }
#g5tabkids .box11 .box{ width:66%; margin:4% auto 2%; display:block; }
#g5tabkids .box11 .fixed{ width:100%; height:30vw; }
#g5tabkids .box11 .img1{ width:49%; left:-100%; bottom:0%; }
#g5tabkids .box11 .img2{ width:68%; right:2%; bottom:-100%; }
#g5tabkids .box11 .line{ border-top:1px solid #007EFF; border-bottom:0px; opacity:0; filter:alpha(opacity=100); transition:all 0.1s linear; }
#g5tabkids .box11 .line.active{ opacity:1; filter:alpha(opacity=100); }
#g5tabkids .box11 .l1{ width:15%; left:37%; top:48%; }
#g5tabkids .box11 .l2{ width:26%; left:30%; top:52.5%; }
#g5tabkids .box11 .l3{ width:7%; left:60.5%; top:70%; transform:rotate(90deg); }
#g5tabkids .box11 .l4{ width:4%; left:52%; top:44%; border-left:1px solid #007EFF; height:2vw; }
#g5tabkids .box11 .text{ font-size:1.8vw; line-height:1.2; left:57%; opacity:0; filter:alpha(opacity=100); transition:all 0.1s linear; }
#g5tabkids .box11 .text.active{ opacity:1; filter:alpha(opacity=100); }
#g5tabkids .box11 .t1{ top:42%; }
#g5tabkids .box11 .t2{ top:50%; }
#g5tabkids .box11 .t3{ top:58%; }
#g5tabkids .box12{ margin:4% auto; width:66%; }
#g5tabkids .box12 .img{ width:33%; }
#g5tabkids .box12 .img1{ margin-bottom:12%; }
#g5tabkids .box12 .img2{ left:20%; bottom: 0%; }
#g5tabkids .box12 .img3{ left:44%; top:0%; }
#g5tabkids .box12 .img4{ right:0%; bottom:0%; }
#g5tabkids .box13{ width:66%; margin:4% auto; }
#g5tabkids .box13 .img{ width: 30%; top:0px; right:0px; }
#g5tabkids .box13 .box{ width:56%; padding:5% 0px ; }
#g5tabkids .box13 .b{ font-size:8vw; line-height:1.2; color: #48bbf8; margin: 2% auto; padding-left: 4px;
	text-shadow: -4px -4px 0 #000, 4px -4px 0 #000, -4px 4px 0 #000, 4px 4px 0 #000; 
}
#g5tabkids .box13 .s{ font-size:5vw; line-height:1.2; color: #48bbf8; }
#g5tabkids .box13 .li{  float:left; width:50%; font-size: 1vw; line-height:1; display:flex; line-height:3vw;  }
#g5tabkids .box13 .icon{ width:10%; height: 3vw; text-align: center; display: inline-block; vertical-align:middle; margin-right:5%;
	display: flex; flex-direction: column; justify-content: center;
}
#g5tabkids .box14{ background: linear-gradient(to bottom, #ffffff,#a2ebff); }
#g5tabkids .box14 .img{ width:30%; margin:4% 0px 6% 17%; }
#g5tabkids .box14 .icon{ width:13%; left:10%; top:51%; }
#g5tabkids .box14 .box{ width:30%; left:56%; top:20%; }
#g5tabkids .box15{ background-color:#a2ebff; }
#g5tabkids .box15 .img{ width:90%; margin-left:5%; }
#g5tabkids .box15 .img2{ width:50%; left:25%; bottom:0%; }
#g5tabkids .box15 .img-box{ width:50%; left:27%; top:11%;  }
#g5tabkids .box15 .imgBg{ z-index:2; }
#g5tabkids .box15 .swiper-button-prev,#g5tabkids .box15 .swiper-button-next{ width:50px; height:50px; opacity:1; }
#g5tabkids .box15 .swiper-button-prev{ background:url('/new/Images/g5tabkids/overview/img/left.png'); background-size:cover; }
#g5tabkids .box15 .swiper-button-next{ background:url('/new/Images/g5tabkids/overview/img/right.png'); background-size:cover; }
#g5tabkids .box15 .box{ width:66%; left:17%; top:4%; }
#g5tabkids .box15 .line{ background-color:#ffffff; width: 23%; height:2vw; line-height:2vw; border-radius: 2vw; margin:2% auto; }
#g5tabkids .box15 .b{ font-size:1.2vw; line-height:2vw; font-weight:bold; }
#g5tabkids .box16 .box{ width:66%; margin:4% auto 2%; }
#g5tabkids .box16 .img{ width:50%; left:25%; top:0px; z-index:-1; }
#g5tabkids .box16 .img-box{ width:66%; margin:2% auto 4%; }
#g5tabkids .box16 .img1{ width:40%; }
#g5tabkids .box16 .ul{ width:46%; left:58%; top:8%; }
#g5tabkids .box16 .li{ margin-bottom:6%; }
#g5tabkids .box16 .b{ font-size:1.4vw; line-height:1.2; }
#g5tabkids .box16 .s{ font-size:1.2vw; line-height:1.2; }
#g5tabkids .box16 .img2{ width:5.8%; left:50%; top:4.5%; }
#g5tabkids .box17 .img{ width:50%; margin-left:50%; }
#g5tabkids .box17 .bg{ width: 50%; left: 0%; top: 0%; height: 100%; background: linear-gradient(to right, #c9e4f9,#f0f0fe); }
#g5tabkids .box17 .box{ width:50%; left:25%; top:36%; }
#g5tabkids .box18 .img{ width:34%; margin:4% 0px 4% 17%; }
#g5tabkids .box18 .box{ width:30%; top:34%; left:54%; }
#g5tabkids .box19{ width:90%; margin:2% auto 4%; border-radius:5vw; }
#g5tabkids .box19 .box{ width:30%; left:7%; top:22%; }
#g5tabkids .box19 .b{ font-size:1.4vw; line-height:1; }
#g5tabkids .box19 .ss{ font-size:3vw; }
#g5tabkids .box19 .icon{ width:3%; }
#g5tabkids .box19 .ul{ width:80%; margin:2% 0px; display:flex; justify-content:space-between; }
#g5tabkids .box19 .li{  }
#g5tabkids .box19 .imgs{ width:74%; }
#g5tabkids .box19 .bb{ font-size:1vw; line-height:1.2; margin-top:2%; }
#g5tabkids .box20 .box{ width:66%; margin:4% auto 2%; }
#g5tabkids .box20 .img{ width:66%; margin:2% auto 4%; display:block; }
#g5tabkids .box21 .b{ font-size:4vw; line-height:1.2; width:31%; left:14%; top:44%; }
#g5tabkids .box22{ margin:4% auto; width:66%; font-size:1.2vw; line-height:1.8; }