html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,font,img,strong,b,u,i,center,ol,ul,li,form,label,table{margin:0;padding:0;border:0;outline:0;background:transparent;font-size:100%;font-weight:normal}
ol,ul,li{list-style:none;list-style-type:none}
:focus{outline:0}
body{min-width:1090px;direction:rtl;font-family:hoonel-kids;font-size:14px;line-height:19px}
body a{text-decoration:none;color:#000000}
body a:hover{text-decoration:none}
.clr{clear:both}
.wrapper{width:990px;margin:0 auto}
.wrp{width:1090px;margin:0 auto}
.header{width:100%;min-width:1090px;height:65px;background:#ff6700;box-shadow:0 0 2px 0 #555}
.header-logo a{width:166px}
.header-menu a{float:left;display:block;width:80px;height:65px;text-align:center;color:#fff;overflow:hidden;border-left:1px solid #cc5200;border-right:1px solid #cc5200;margin-left:-1px}
.header-menu a i{font-size:40px;line-height:65px}
.header-menu a:hover{animation: spring 400ms ease-out}
.header-menu a:active{transform:scale(1.25)}
@keyframes spring{15%{-webkit-transform-origin: center center;-webkit-transform: scale(1.27, 1.1)}40%{-webkit-transform-origin: center center;-webkit-transform: scale(0.95, 0.95)}75%{-webkit-transform-origin: center center;-webkit-transform: scale(1.08, 1)}100%{-webkit-transform-origin: center center;-webkit-transform: scale(1, 1)}}
.header ul{float:right;width:60px;height:65px;color:#fff;font-size:45px;text-align:center;line-height:50px}
.logo{float:left;width:166px;height:45px;margin:10px 15px 0 0}
.search{float:right;width:50px;height:40px;border-radius:25px;margin-top:10px;overflow:hidden}
.search input{float:right;width:180px;height:25px;line-height:15px;font-family:hoonel-kids;color:#ff6700;font-size:15px;border:none;margin-top:1px}
.search button{float:right;width:40px;height:35px;font-size:24px;line-height:35px;text-align:center;color:#fff;background:none;cursor:pointer;border:none;margin-right:5px}
.title{float:right;height:40px;color:#fff;background:#ff6700;font-size:18px;line-height:32px;padding-left:13px;margin:0 15px 12px 0}
.title span{float:right;display:block;width:40px;height:40px;font-size:28px;text-align:center;background:#000;margin-left:10px}
.title-big{float:right;width:750px;height:55px;color:#fff;margin-bottom:30px}
.title-big span{float:right;display:block;width:55px;height:55px;background:#993E00;font-size:30px;margin-left:20px;border-radius:6px}
.title-big span i{background:#FF6700;width:55px;height:50px;line-height:50px;text-align:center;border-radius:6px}
.title-big:hover span{background:#CC5200}
.title-big:hover span i{background:#FF8533}
.title-big h1{font-size:22px;line-height:22px}
.title-big h2{height:15px;line-height:15px;font-size:15px;color:#fff;margin:-3px 0 15px 0}
.title-big h2 a{color:#fff}
.btnall{float:left;background:#993e00;width:130px;height:40px;font-size:12px;text-align:center;border-radius:6px;margin-left:15px}
.btnall span{background:#ff6700;display:block;height:35px;width:130px;color:#fff;text-align:center;line-height:35px;border-radius:6px}
.btnall span i{margin-right:10px}
.btnall:hover{height:37px;margin-top:3px}
.mrg01{margin-top:40px}
.ads{margin-top:25px}
.ads img{float:right;width:465px;height:auto;border-radius:7px;box-shadow:0 1px 2px 0 #333;margin:0 15px;transition:transform 0.18s ease}
.ads img:hover{transform:scale(1.04)}
.adv{float:right;width:300px;height:325px;margin:15px;transition:transform 0.18s ease}
.adv img{width:300px;height:300px;border-top-right-radius:5px;border-top-left-radius:5px;box-shadow:0 1px 2px 0 #333}
.adv span{display:block;width:300px;height:25px;font-size:10px;background:#000;color:#fff;line-height:20px;text-align:center;border-bottom-right-radius:5px;border-bottom-left-radius:5px;margin-top:-4px}
.adv:hover{transform:scale(1.04)}
.tabis{width:100%;min-width:1090px;height:870px;overflow:hidden}
.tab-slider{width:100%;min-width:1090px;height:540px;position:absolute;z-index:1;overflow:hidden}
.tab-solid{width:100%;min-width:1090px;height:400px;position:absolute;z-index:2;padding-top:20px;margin-top:450px;background:url(//kids.hoonel.com/static/image/solid1.png);background-size:cover}
.tab{width:100%;min-width:990px;padding:30px 0}
.tab1{background:url(//kids.hoonel.com/static/image/tab1.png)}
.tab2{background:url(//kids.hoonel.com/static/image/tab2.png)}
.tab3{background:url(//kids.hoonel.com/static/image/tab3.png)}
.tab4{background:url(//kids.hoonel.com/static/image/tab4.png)}
.tab5{background:url(//kids.hoonel.com/static/image/tab5.png)}
.tab9{background:url(//kids.hoonel.com/static/image/tab9.png)}
.tab8{background:url(//kids.hoonel.com/static/image/tab8.png)}
.tab6{background:url(//kids.hoonel.com/static/image/tab6.png)}
.tab7{background:url(//kids.hoonel.com/static/image/tab7.png)}
.tab10{background:url(//kids.hoonel.com/static/image/tab10.png)}
.tab11{background:url(//kids.hoonel.com/static/image/tab11.png)}
.block-pin{float:right;width:175px;height:180px;background:#fff;margin:20px 20px 0 0;border-radius:5px;box-shadow:0 1px 3px 0 #666;transition:transform 0.18s ease}
.block-pin img{width:175px;height:125px;border-radius:5px;position:absolute;z-index:1}
.block-pin h3{width:155px;color:#111;height:40px;line-height:20px;font-size:12px;;position:absolute;z-index:3;margin:129px 10px 0}
.block-pin p{display:block;width:88px;height:32px;color:#fff;text-align:center;line-height:20px;font-size:10px;background:url(//kids.hoonel.com/static/image/tick.png);position:absolute;z-index:4;margin:-6px -6px 0 0}
.block-pin:hover{transform:scale(1.04)}
.block-winl{float:right;width:630px;height:480px;margin:15px;transition:transform 0.18s ease}
.block-winl img{width:630px;height:480px;border-radius:5px;box-shadow:0 1px 2px 0 #333;position:absolute;z-index:1}
.block-winl span{display:block;width:630px;height:50px;background:#000;opacity:0.7;border-bottom-right-radius:5px;border-bottom-left-radius:5px;position:absolute;z-index:2;margin-top:430px}
.block-winl h3{font-size:14px;color:#fff;position:absolute;z-index:3;padding-right:10px;margin-top:441px}
.block-winl i{width:70px;font-size:47px;text-align:left;color:#fff;position:absolute;z-index:4;margin:415px 550px 0 0}
.block-winl p{display:block;width:88px;height:32px;color:#fff;text-align:center;line-height:20px;font-size:11px;background:url(//kids.hoonel.com/static/image/tick.png);position:absolute;z-index:4;margin:-6px -6px 0 0}
.block-winl:hover{transform:scale(1.04)}
.block-winm{float:right;width:300px;height:225px;margin:15px;transition:transform 0.18s ease}
.block-winm img{width:300px;height:225px;border-radius:5px;box-shadow:0 1px 2px 0 #333;position:absolute;z-index:1}
.block-winm span{display:block;width:300px;height:50px;background:#000;opacity:0.7;border-bottom-right-radius:5px;border-bottom-left-radius:5px;position:absolute;z-index:2;margin-top:175px}
.block-winm h3{font-size:13px;color:#fff;position:absolute;z-index:3;padding-right:10px;margin-top:186px}
.block-winm i{width:70px;font-size:47px;text-align:left;color:#fff;position:absolute;z-index:4;margin:160px 220px 0 0}
.block-winm p{display:block;width:88px;height:32px;color:#fff;text-align:center;line-height:20px;font-size:11px;background:url(//kids.hoonel.com/static/image/tick.png);position:absolute;z-index:4;margin:-6px -6px 0 0}
.block-winm:hover{transform:scale(1.04)}
.block-wins{float:right;width:217.5px;height:164px;margin:15px;transition:transform 0.18s ease}
.block-wins img{width:217.5px;height:164px;border-radius:5px;box-shadow:0 1px 2px 0 #333;position:absolute;z-index:1}
.block-wins span{display:block;width:217.5px;height:38px;background:#000;opacity:0.7;border-bottom-right-radius:5px;border-bottom-left-radius:5px;position:absolute;z-index:2;margin-top:126px}
.block-wins h3{font-size:10px;color:#fff;position:absolute;z-index:3;padding-right:10px;margin-top:132px}
.block-wins i{width:40px;font-size:35px;text-align:left;color:#fff;position:absolute;z-index:4;margin:113px 170px 0 0}
.block-wins p{display:block;width:88px;height:32px;color:#fff;text-align:center;line-height:20px;font-size:11px;background:url(//kids.hoonel.com/static/image/tick.png);position:absolute;z-index:4;margin:-6px -6px 0 0}
.block-wins:hover{transform:scale(1.04)}
.block-tab{width:960px;height:100px;background:#ebebeb;line-height:90px;font-size:18px;color:#ff6700;border-radius:5px;margin:20px 15px 10px;overflow:hidden;transition:transform 0.18s ease;box-shadow:0 1px 1.5px 0 #444}
.block-tab b{width:195px;height:100px;float:right;display:block;background:#ff008c;color:#fff;line-height:95px;font-size:20px;text-align:center}
.block-tab img{width:90px;height:84px;float:right;margin:8px 10px 0 20px}
.block-tab h3{float:right}
.block-tab-btn{float:left;background:#993e00;width:85px;height:45px;font-size:12px;text-align:center;border-radius:6px;margin:27px 0 0 20px;transition:transform 0.15s ease}
.block-tab-btn span{background:#ff6700;display:block;height:40px;width:85px;color:#fff;text-align:center;line-height:38px;border-radius:6px}
.block-tab:hover{transform:scale(1.02)}

.block-dl{float:right;width:270px;height:275px;margin:30px 30px 0}
.block-dl-box{width:270px;height:125px;background:#ec008c;border-radius:30px}
.block-dl-box span{display:block;width:270px;height:50px;text-align:center;color:#fff;border-radius:30px}
.block-dl-box p{display:block;width:270px;height:75px;text-align:center;background:#fff;color:#666666;border-radius:30px}
.block-dl img{width:115px;height:115px;border:5px solid #443838;border-radius:62px;margin:0 75px}
.block-dl h3{display:block;width:144px;height:32px;line-height:27px;text-align:center;color:#fff;background:#433838;margin:-10px 63px 0;border-radius:5px}
.block-character{float:right;width:114px;text-align:center;height:200px;margin:30px 50px 0 28px}
.block-character img{width:100px;height:100px;border:7px solid #443838;border-radius:57px}
.block-character h3{color:#fff;margin-top:10px}
.block-character:hover img{border:7px solid #037ea8}


.video-page-tab{width:100%;min-width:1090px;height:640px;overflow:hidden}
.video-page-tab-title{float:right;height:60px;color:#fff;background:#ff6700;font-size:20px;line-height:50px;padding-left:15px;margin:30px 15px 15px 0}
.video-page-tab-title span{float:right;display:block;width:60px;height:60px;font-size:40px;line-height:50px;text-align:center;background:#000;margin-left:15px}
.video-page-tab-slider{width:100%;min-width:990px;height:550px;background:url(//kids.hoonel.com/static/image/tab6.png)}
.video-page-tab-solid{width:100%;min-width:990px;height:180px;margin-top:-90px;background:url(//kids.hoonel.com/static/image/solid1.png);background-size:cover}
.video-page-content{width:100%;min-width:990px;background:#ff5603;padding-bottom:30px}
.video-page-tabbox{width:960px;height:55px;margin:0 15px 10px;overflow:hidden;border-radius:6px;background:#008bbd}
.video-page-tabbox span{float:right;display:block;width:70px;height:54px;text-align:center;font-size:35px;line-height:44px;border-bottom:4px solid #08242f;background:#000;color:#fff}
.video-page-tabbox button{width:79.6px;height:51px;line-height:35px;font-size:13px;color:#fff;background:#00b1f0;text-align:center;border-bottom:4px solid #008bbd;border-left:1px solid #008bbd;margin-left:-1px;outline:none;cursor:pointer;transition: 0.4s;font-family:hoonel-kids;border:none}
.video-page-tabbox button:hover{background:#00b1f0}
.video-page-tabbox button.active{background:#008bbd}
.video-page-tabcontent{display:none;animation:fadeEffect 1s}
.video-page-btnarch{float:right;background:#1581C3;width:170px;height:45px;font-size:12px;text-align:center;border-radius:6px;margin:20px 395px 0 0;transition:transform 0.15s ease}
.video-page-btnarch span{background:#12ACFA;display:block;height:40px;width:170px;color:#fff;text-align:center;line-height:38px;border-radius:6px}
.video-page-btnarch:hover{background:#12ACFA;transform:scale(1.03)}
.video-page-btnarch:hover span{background:#1BD6FD}
.video-full-solid{background:url(//kids.hoonel.com/static/image/tab11.png);padding:30px 0}
.video-full-solid video{width:1088px;height:550px;background:#000;border-radius:10px;margin-bottom:20px;border:1px solid #111}
.video-full-solid-title{float:right;width:750px;height:55px;color:#fff;margin-bottom:30px}
.video-full-solid-title span{float:right;display:block;width:55px;height:55px;background:#993E00;font-size:30px;margin-left:20px;border-radius:6px}
.video-full-solid-title span i{background:#FF6700;width:55px;height:50px;line-height:50px;text-align:center;border-radius:6px}
.video-full-solid-title:hover span{background:#CC5200}
.video-full-solid-title:hover span i{background:#FF8533}
.video-full-solid-title h1{font-size:22px;line-height:22px}
.video-full-solid-title h2{height:15px;line-height:15px;font-size:15px;color:#fff;margin:-3px 0 15px 0}
.video-full-solid-title h2 a{color:#fff}
.video-full-solid-btnsh1{float:left;background:#1581C3;display:block;width:55px;height:55px;font-size:26px;margin-right:15px;border-radius:6px}
.video-full-solid-btnsh1 span{background:#12ACFA;display:block;font-family:arial;color:#fff;width:55px;height:50px;line-height:55px;text-align:center;border-radius:6px}
.video-full-solid-btnsh1:hover{background:#12ACFA}
.video-full-solid-btnsh1:hover span{background:#1BD6FD}
.video-full-solid-btnsh2{float:left;display:block;width:55px;height:55px;background:#127F00;font-size:30px;margin-right:15px;border-radius:6px}
.video-full-solid-btnsh2 span{background:#21E500;display:block;font-family:arial;color:#fff;width:55px;height:50px;line-height:50px;text-align:center;border-radius:6px}
.video-full-solid-btnsh2:hover{background:#1AB200}
.video-full-solid-btnsh2:hover span{background:#3AFF19}
.video-full-solid-btndl{float:left;background:#1581C3;width:150px;height:55px;line-height:40px;font-size:20px;text-align:center;border-radius:6px;margin-right:15px}
.video-full-solid-btndl span{background:#12ACFA;display:block;height:50px;width:150px;color:#fff;text-align:center;line-height:45px;border-radius:6px}
.video-full-solid-btndl span i{margin-right:10px}
.video-full-solid-btndl:hover{background:#12ACFA}
.video-full-solid-btndl:hover span{background:#1BD6FD}
.video-full-solid-btnlk{float:left;background:#990054;width:150px;height:55px;line-height:40px;font-size:20px;text-align:center;border-radius:6px;margin-right:15px}
.video-full-solid-btnlk span{background:#FF008C;display:block;height:50px;width:150px;color:#fff;text-align:center;line-height:45px;border-radius:6px}
.video-full-solid-btnlk span i{margin-right:10px}
.video-full-solid-btnlk:hover{background:#CC0070}
.video-full-solid-btnlk:hover span{background:#FF33A3}
.video-full-solid-btnbm{float:left;display:block;width:55px;height:55px;background:#127F00;font-size:22px;margin-right:15px;border-radius:6px}
.video-full-solid-btnbm span{background:#21E500;display:block;font-family:arial;color:#fff;width:55px;height:50px;line-height:50px;text-align:center;border-radius:6px}
.video-full-solid-btnbm:hover{background:#1AB200}
.video-full-solid-btnbm:hover span{background:#3AFF19}
.video-full-solid-character{float:right;width:650px;height:53px}
.video-full-solid-character img{float:right;display:block;width:53px;height:53px;background:#fff;border-radius:26.5px;margin-left:20px}
.video-full-solid-character a{line-height:50px;font-size:22px;color:#fff}

.picture-page-tab{width:100%;min-width:1090px;height:640px;overflow:hidden}
.picture-page-tab-title{float:right;height:60px;color:#fff;background:#ff6700;font-size:20px;line-height:50px;padding-left:15px;margin:30px 15px 15px 0}
.picture-page-tab-title span{float:right;display:block;width:60px;height:60px;font-size:40px;line-height:50px;text-align:center;background:#000;margin-left:15px}
.picture-page-tab-slider{width:100%;min-width:990px;height:550px;background:url(//kids.hoonel.com/static/image/tab6.png)}
.picture-page-tab-solid{width:100%;min-width:990px;height:180px;margin-top:-90px;background:url(//kids.hoonel.com/static/image/solid1.png);background-size:cover}
.picture-page-content{width:100%;min-width:990px;background:#ff5603;padding-bottom:30px}
.picture-page-tabbox{width:960px;height:55px;margin:0 15px 10px;overflow:hidden;border-radius:6px;background:#008bbd}
.picture-page-tabbox span{float:right;display:block;width:70px;height:54px;text-align:center;font-size:35px;line-height:44px;border-bottom:4px solid #08242f;background:#000;color:#fff}
.picture-page-tabbox button{width:97.6px;height:51px;line-height:35px;font-size:13px;color:#fff;background:#00b1f0;text-align:center;border-bottom:4px solid #008bbd;border-left:1px solid #008bbd;margin-left:-1px;outline:none;cursor:pointer;transition: 0.4s;font-family:hoonel-kids;border:none}
.picture-page-tabbox button:hover{background:#00b1f0}
.picture-page-tabbox button.active{background:#008bbd}
.picture-page-tabcontent{display:none;animation:fadeEffect 1s}
.picture-page-btnarch{float:right;background:#1581C3;width:170px;height:45px;font-size:12px;text-align:center;border-radius:6px;margin:20px 395px 0 0;transition:transform 0.15s ease}
.picture-page-btnarch span{background:#12ACFA;display:block;height:40px;width:170px;color:#fff;text-align:center;line-height:38px;border-radius:6px}
.picture-page-btnarch:hover{background:#12ACFA;transform:scale(1.03)}
.picture-page-btnarch:hover span{background:#1BD6FD}
.picture-full-solid{background:url(//kids.hoonel.com/static/image/tab11.png);padding:30px 0}
.picture-full-solid-img{width:1088px;height:550px;background:#fff;border-radius:10px;margin-bottom:20px;border:1px solid #111}
.picture-full-solid-img img{max-height:550px;max-width:1088px}
.picture-full-solid-title{float:right;width:750px;height:55px;color:#fff;margin-bottom:30px}
.picture-full-solid-title span{float:right;display:block;width:55px;height:55px;background:#993E00;font-size:30px;margin-left:20px;border-radius:6px}
.picture-full-solid-title span i{background:#FF6700;width:55px;height:50px;line-height:50px;text-align:center;border-radius:6px}
.picture-full-solid-title:hover span{background:#CC5200}
.picture-full-solid-title:hover span i{background:#FF8533}
.picture-full-solid-title h1{font-size:22px;line-height:22px}
.picture-full-solid-title h2{height:15px;line-height:15px;font-size:15px;color:#fff;margin:-3px 0 15px 0}
.picture-full-solid-title h2 a{color:#fff}
.picture-full-solid-btnsh1{float:left;background:#1581C3;display:block;width:55px;height:55px;font-size:26px;margin-right:15px;border-radius:6px}
.picture-full-solid-btnsh1 span{background:#12ACFA;display:block;font-family:arial;color:#fff;width:55px;height:50px;line-height:55px;text-align:center;border-radius:6px}
.picture-full-solid-btnsh1:hover{background:#12ACFA}
.picture-full-solid-btnsh1:hover span{background:#1BD6FD}
.picture-full-solid-btnsh2{float:left;display:block;width:55px;height:55px;background:#127F00;font-size:30px;margin-right:15px;border-radius:6px}
.picture-full-solid-btnsh2 span{background:#21E500;display:block;font-family:arial;color:#fff;width:55px;height:50px;line-height:50px;text-align:center;border-radius:6px}
.picture-full-solid-btnsh2:hover{background:#1AB200}
.picture-full-solid-btnsh2:hover span{background:#3AFF19}
.picture-full-solid-btndl{float:left;background:#1581C3;width:150px;height:55px;line-height:40px;font-size:20px;text-align:center;border-radius:6px;margin-right:15px}
.picture-full-solid-btndl span{background:#12ACFA;display:block;height:50px;width:150px;color:#fff;text-align:center;line-height:45px;border-radius:6px}
.picture-full-solid-btndl span i{margin-right:10px}
.picture-full-solid-btndl:hover{background:#12ACFA}
.picture-full-solid-btndl:hover span{background:#1BD6FD}
.picture-full-solid-btnlk{float:left;background:#990054;width:150px;height:55px;line-height:40px;font-size:20px;text-align:center;border-radius:6px;margin-right:15px}
.picture-full-solid-btnlk span{background:#FF008C;display:block;height:50px;width:150px;color:#fff;text-align:center;line-height:45px;border-radius:6px}
.picture-full-solid-btnlk span i{margin-right:10px}
.picture-full-solid-btnlk:hover{background:#CC0070}
.picture-full-solid-btnlk:hover span{background:#FF33A3}
.picture-full-solid-btnbm{float:left;display:block;width:55px;height:55px;background:#127F00;font-size:22px;margin-right:15px;border-radius:6px}
.picture-full-solid-btnbm span{background:#21E500;display:block;font-family:arial;color:#fff;width:55px;height:50px;line-height:50px;text-align:center;border-radius:6px}
.picture-full-solid-btnbm:hover{background:#1AB200}
.picture-full-solid-btnbm:hover span{background:#3AFF19}
.picture-full-solid-character{float:right;width:650px;height:53px}
.picture-full-solid-character img{float:right;display:block;width:53px;height:53px;background:#fff;border-radius:26.5px;margin-left:20px}
.picture-full-solid-character a{line-height:50px;font-size:22px;color:#fff}

.portal-page-tab{width:100%;min-width:1090px;height:640px;overflow:hidden}
.portal-page-tab-title{float:right;height:60px;color:#fff;background:#ff6700;font-size:20px;line-height:50px;padding-left:15px;margin:30px 15px 15px 0}
.portal-page-tab-title span{float:right;display:block;width:60px;height:60px;font-size:40px;line-height:50px;text-align:center;background:#000;margin-left:15px}
.portal-page-tab-slider{width:100%;min-width:990px;height:550px;background:url(//kids.hoonel.com/static/image/tab6.png)}
.portal-page-tab-solid{width:100%;min-width:990px;height:180px;margin-top:-90px;background:url(//kids.hoonel.com/static/image/solid8.png);background-size:cover}
.portal-page-content{width:100%;min-width:990px;background:#f5f000;padding-bottom:30px}
.portal-page-tabbox{width:960px;height:55px;margin:0 15px 10px;overflow:hidden;border-radius:6px;background:#008bbd}
.portal-page-tabbox span{float:right;display:block;width:70px;height:54px;text-align:center;font-size:35px;line-height:44px;border-bottom:4px solid #08242f;background:#000;color:#fff}
.portal-page-tabbox button{width:97.6px;height:51px;line-height:35px;font-size:13px;color:#fff;background:#00b1f0;text-align:center;border-bottom:4px solid #008bbd;border-left:1px solid #008bbd;margin-left:-1px;outline:none;cursor:pointer;transition: 0.4s;font-family:hoonel-kids;border:none}
.portal-page-tabbox button:hover{background:#00b1f0}
.portal-page-tabbox button.active{background:#008bbd}
.portal-page-tabcontent{display:none;animation:fadeEffect 1s}
.portal-page-tabcontent-right{width:600px;float:right}
.portal-page-tabcontent-left{width:360px;height:490px;float:left;margin:15px 0 0 15px}
.portal-page-tabcontent-btn{background:#990054;width:360px;height:60px;font-size:16px;border-radius:6px;margin:3px 0 11px}
.portal-page-tabcontent-btn span{background:#FF008C;display:block;height:56px;width:360px;color:#fff;line-height:52px;border-radius:6px}
.portal-page-tabcontent-btn span i{float:right;font-size:30px;margin:12px 25px 0 15px}
.portal-page-tabcontent-btn:hover{background:#CC0070}
.portal-page-tabcontent-btn:hover span{background:#FF33A3}
.portal-full-solid{background:url(//kids.hoonel.com/static/image/tab12.png);padding:30px 0}
.portal-full-solid-in{width:1070px;background:#333;padding:0 0 20px 20px}
.portal-full-solid-right{float:right;width:600px;line-height:26px;font-size:13px;color:#333;background:#fff;padding:0 20px 20px}
.portal-full-solid-right h2{font-size:20px;margin-bottom:5px}
.portal-full-solid-right-title{width:600px;height:80px;background:#ff6700;padding:0 20px;margin-right:-20px}
.portal-full-solid-right-title h1{float:right;width:500px;height:60px;line-height:30px;font-size:20px;color:#fff;margin-top:10px}
.portal-full-solid-right img{width:600px;height:auto;margin:20px 0 12px}
.portal-full-solid-btnsh1{float:left;background:#1581C3;display:block;width:45px;height:44px;font-size:21px;border-radius:6px;margin:15px 10px 0 0}
.portal-full-solid-btnsh1 span{background:#12ACFA;display:block;font-family:arial;color:#fff;width:45px;height:40px;line-height:43px;text-align:center;border-radius:6px}
.portal-full-solid-btnsh1:hover{background:#12ACFA}
.portal-full-solid-btnsh1:hover span{background:#1BD6FD}
.portal-full-solid-btnsh2{float:left;display:block;width:45px;height:44px;background:#127F00;font-size:26px;border-radius:6px;margin-top:15px}
.portal-full-solid-btnsh2 span{background:#21E500;display:block;font-family:arial;color:#fff;width:45px;height:40px;line-height:44px;text-align:center;border-radius:6px}
.portal-full-solid-btnsh2:hover{background:#1AB200}
.portal-full-solid-btnsh2:hover span{background:#3AFF19}
.portal-full-solid-btnbm{float:left;display:block;width:45px;height:44px;background:#127F00;font-size:22px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-bottom-right-radius:6px}
.portal-full-solid-btnbm span{background:#21E500;display:block;font-family:arial;color:#fff;width:45px;height:40px;line-height:44px;text-align:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px}
.portal-full-solid-btnbm:hover{background:#1AB200}
.portal-full-solid-btnbm:hover span{background:#3AFF19}
.portal-full-solid-btnlk{float:left;background:#990054;width:130px;height:44px;line-height:40px;font-size:20px;text-align:center;border-radius:6px;margin:15px 15px 0 0}
.portal-full-solid-btnlk span{background:#FF008C;display:block;height:40px;width:130px;color:#fff;text-align:center;line-height:38px;border-radius:6px}
.portal-full-solid-btnlk span i{margin-right:10px}
.portal-full-solid-btnlk:hover{background:#CC0070}
.portal-full-solid-btnlk:hover span{background:#FF33A3}
.portal-full-solid-left{float:left;width:410px}
.portal-full-solid-left-btn{float:left;background:#993e00;width:190px;height:45px;font-size:12px;text-align:center;border-radius:6px;margin:20px 0 20px 0;transition:transform 0.15s ease}
.portal-full-solid-left-btn span{background:#ff6700;display:block;height:40px;width:190px;color:#fff;text-align:center;line-height:38px;border-radius:6px}
.portal-full-solid-left-box{width:410px;height:670px;background:#fff;border-radius:6px}
.portal-full-solid-left-box-tab{width:410px;height:45px;overflow:hidden;border-top-right-radius:6px;border-top-left-radius:6px;background:#21e500}
.portal-full-solid-left-box-tab button{width:170px;height:45px;line-height:25px;font-size:13px;color:#fff;background:#21e500;text-align:center;border-bottom:5px solid #159500;outline:none;cursor:pointer;transition: 0.4s;font-family:hoonel-kids;border:0px}
.portal-full-solid-left-box-tab button.active{background:#1fc005;height:45px;border-top:5px solid #159500}
.portal-full-solid-left-box-tabcontent{display:none;animation:fadeEffect 1s}

.sound-page-tab{width:100%;min-width:1090px;height:640px;overflow:hidden}
.sound-page-tab-title{float:right;height:60px;color:#fff;background:#ff6700;font-size:20px;line-height:50px;padding-left:15px;margin:30px 15px 15px 0}
.sound-page-tab-title span{float:right;display:block;width:60px;height:60px;font-size:40px;line-height:50px;text-align:center;background:#000;margin-left:15px}
.sound-page-tab-slider{width:100%;min-width:990px;height:550px;background:url(//kids.hoonel.com/static/image/tab6.png)}
.sound-page-tab-solid{width:100%;min-width:990px;height:180px;margin-top:-90px;background:url(//kids.hoonel.com/static/image/solid1.png);background-size:cover}
.sound-page-content{width:100%;min-width:990px;background:#ff5603;padding-bottom:30px}
.sound-page-tabbox{width:960px;height:55px;margin:0 15px 10px;overflow:hidden;border-radius:6px;background:#008bbd}
.sound-page-tabbox span{float:right;display:block;width:70px;height:54px;text-align:center;font-size:35px;line-height:44px;border-bottom:4px solid #08242f;background:#000;color:#fff}
.sound-page-tabbox button{width:125.6px;height:51px;line-height:35px;font-size:13px;color:#fff;background:#00b1f0;text-align:center;border-bottom:4px solid #008bbd;border-left:1px solid #008bbd;margin-left:-1px;outline:none;cursor:pointer;transition: 0.4s;font-family:hoonel-kids;border:none}
.sound-page-tabbox button:hover{background:#00b1f0}
.sound-page-tabbox button.active{background:#008bbd}
.sound-page-tabcontent{display:none;animation:fadeEffect 1s}
.sound-page-btnarch{float:right;background:#1581C3;width:170px;height:45px;font-size:12px;text-align:center;border-radius:6px;margin:20px 395px 0 0;transition:transform 0.15s ease}
.sound-page-btnarch span{background:#12ACFA;display:block;height:40px;width:170px;color:#fff;text-align:center;line-height:38px;border-radius:6px}
.sound-page-btnarch:hover{background:#12ACFA;transform:scale(1.03)}
.sound-page-btnarch:hover span{background:#1BD6FD}
.sound-full-solid{background:url(//kids.hoonel.com/static/image/tab11.png);padding:30px 0}
.sound-full-solid-img{width:1088px;height:550px;background:#fff;border-radius:10px;margin-bottom:20px;border:1px solid #111}
.sound-full-solid-img img{max-height:550px;max-width:1088px}
.sound-full-solid-title{float:right;width:750px;height:55px;color:#fff;margin-bottom:30px}
.sound-full-solid-title span{float:right;display:block;width:55px;height:55px;background:#993E00;font-size:30px;margin-left:20px;border-radius:6px}
.sound-full-solid-title span i{background:#FF6700;width:55px;height:50px;line-height:50px;text-align:center;border-radius:6px}
.sound-full-solid-title:hover span{background:#CC5200}
.sound-full-solid-title:hover span i{background:#FF8533}
.sound-full-solid-title h1{font-size:22px;line-height:22px}
.sound-full-solid-title h2{height:15px;line-height:15px;font-size:15px;color:#fff;margin:-3px 0 15px 0}
.sound-full-solid-title h2 a{color:#fff}
.sound-full-solid-palyer{width:1090px;height:180px;background:#fff;margin-bottom:40px;border-radius:20px;overflow:hidden}
.sound-full-solid-palyer img{width:190px;height:180px;float:right}
.sound-full-solid-btnsh1{float:left;background:#1581C3;display:block;width:55px;height:55px;font-size:26px;margin-right:15px;border-radius:6px}
.sound-full-solid-btnsh1 span{background:#12ACFA;display:block;font-family:arial;color:#fff;width:55px;height:50px;line-height:55px;text-align:center;border-radius:6px}
.sound-full-solid-btnsh1:hover{background:#12ACFA}
.sound-full-solid-btnsh1:hover span{background:#1BD6FD}
.sound-full-solid-btnsh2{float:left;display:block;width:55px;height:55px;background:#127F00;font-size:30px;margin-right:15px;border-radius:6px}
.sound-full-solid-btnsh2 span{background:#21E500;display:block;font-family:arial;color:#fff;width:55px;height:50px;line-height:50px;text-align:center;border-radius:6px}
.sound-full-solid-btnsh2:hover{background:#1AB200}
.sound-full-solid-btnsh2:hover span{background:#3AFF19}
.sound-full-solid-btndl{float:left;background:#1581C3;width:150px;height:55px;line-height:40px;font-size:20px;text-align:center;border-radius:6px;margin-right:15px}
.sound-full-solid-btndl span{background:#12ACFA;display:block;height:50px;width:150px;color:#fff;text-align:center;line-height:45px;border-radius:6px}
.sound-full-solid-btndl span i{margin-right:10px}
.sound-full-solid-btndl:hover{background:#12ACFA}
.sound-full-solid-btndl:hover span{background:#1BD6FD}
.sound-full-solid-btnlk{float:left;background:#990054;width:150px;height:55px;line-height:40px;font-size:20px;text-align:center;border-radius:6px;margin-right:15px}
.sound-full-solid-btnlk span{background:#FF008C;display:block;height:50px;width:150px;color:#fff;text-align:center;line-height:45px;border-radius:6px}
.sound-full-solid-btnlk span i{margin-right:10px}
.sound-full-solid-btnlk:hover{background:#CC0070}
.sound-full-solid-btnlk:hover span{background:#FF33A3}
.sound-full-solid-btnbm{float:left;display:block;width:55px;height:55px;background:#127F00;font-size:22px;margin-right:15px;border-radius:6px}
.sound-full-solid-btnbm span{background:#21E500;display:block;font-family:arial;color:#fff;width:55px;height:50px;line-height:50px;text-align:center;border-radius:6px}
.sound-full-solid-btnbm:hover{background:#1AB200}
.sound-full-solid-btnbm:hover span{background:#3AFF19}
.sound-full-solid-character{float:right;width:650px;height:53px}
.sound-full-solid-character img{float:right;display:block;width:53px;height:53px;background:#fff;border-radius:26.5px;margin-left:20px}
.sound-full-solid-character a{line-height:50px;font-size:22px;color:#fff}

.game-full-solid{background:url(//kids.hoonel.com/static/image/tab11.png);padding:30px 0}
.game-full-solid-play iframe{display:block;width:1008px;min-height:525px;background:#000;padding:20px 40px;border-radius:10px;margin-bottom:20px;border:1px solid #111}
.game-full-solid-title{float:right;width:750px;height:55px;color:#fff;margin-bottom:30px}
.game-full-solid-title span{float:right;display:block;width:55px;height:55px;background:#993E00;font-size:30px;margin-left:20px;border-radius:6px}
.game-full-solid-title span i{background:#FF6700;width:55px;height:50px;line-height:50px;text-align:center;border-radius:6px}
.game-full-solid-title:hover span{background:#CC5200}
.game-full-solid-title:hover span i{background:#FF8533}
.game-full-solid-title h1{font-size:22px;line-height:22px}
.game-full-solid-title h2{height:15px;line-height:15px;font-size:15px;color:#fff;margin:-3px 0 15px 0}
.game-full-solid-title h2 a{color:#fff}
.game-full-solid-btnsh1{float:left;background:#1581C3;display:block;width:55px;height:55px;font-size:26px;margin-right:15px;border-radius:6px}
.game-full-solid-btnsh1 span{background:#12ACFA;display:block;font-family:arial;color:#fff;width:55px;height:50px;line-height:55px;text-align:center;border-radius:6px}
.game-full-solid-btnsh1:hover{background:#12ACFA}
.game-full-solid-btnsh1:hover span{background:#1BD6FD}
.game-full-solid-btnsh2{float:left;display:block;width:55px;height:55px;background:#127F00;font-size:30px;margin-right:15px;border-radius:6px}
.game-full-solid-btnsh2 span{background:#21E500;display:block;font-family:arial;color:#fff;width:55px;height:50px;line-height:50px;text-align:center;border-radius:6px}
.game-full-solid-btnsh2:hover{background:#1AB200}
.game-full-solid-btnsh2:hover span{background:#3AFF19}
.game-full-solid-btndl{float:left;background:#1581C3;width:150px;height:55px;line-height:40px;font-size:20px;text-align:center;border-radius:6px;margin-right:15px}
.game-full-solid-btndl span{background:#12ACFA;display:block;height:50px;width:150px;color:#fff;text-align:center;line-height:45px;border-radius:6px}
.game-full-solid-btndl span i{margin-right:10px}
.game-full-solid-btndl:hover{background:#12ACFA}
.game-full-solid-btndl:hover span{background:#1BD6FD}
.game-full-solid-btnlk{float:left;background:#990054;width:150px;height:55px;line-height:40px;font-size:20px;text-align:center;border-radius:6px;margin-right:15px}
.game-full-solid-btnlk span{background:#FF008C;display:block;height:50px;width:150px;color:#fff;text-align:center;line-height:45px;border-radius:6px}
.game-full-solid-btnlk span i{margin-right:10px}
.game-full-solid-btnlk:hover{background:#CC0070}
.game-full-solid-btnlk:hover span{background:#FF33A3}
.game-full-solid-btnbm{float:left;display:block;width:55px;height:55px;background:#127F00;font-size:22px;margin-right:15px;border-radius:6px}
.game-full-solid-btnbm span{background:#21E500;display:block;font-family:arial;color:#fff;width:55px;height:50px;line-height:50px;text-align:center;border-radius:6px}
.game-full-solid-btnbm:hover{background:#1AB200}
.game-full-solid-btnbm:hover span{background:#3AFF19}
.game-full-solid-character{float:right;width:650px;height:53px}
.game-full-solid-character img{float:right;display:block;width:53px;height:53px;background:#fff;border-radius:26.5px;margin-left:20px}
.game-full-solid-character a{line-height:50px;font-size:22px;color:#fff}


.block-slider img{float:left;width:100%;min-width:1090px;height:auto;background:#ddd;color:#ddd;position:absolute;z-index:1}
.block-slider h3{color:#fff;background:#ff6700;font-size:19px;line-height:50px;padding:0 20px;position:absolute;z-index:2;margin:370px 200px 0 0}
.slidnext{float:left;display:block;margin-right:1020px;cursor:pointer;position:absolute;background:#f5f000;margin-top:400px;height:70px;line-height:39px;width:70px;text-align:center;color:#ff6700;font-weight:bold;font-size:70px;border-radius:35px;transition:0.2s ease;z-index:9}
.slidprev{float:right;display:block;cursor:pointer;position:absolute;background:#f5f000;margin-top:400px;height:70px;line-height:39px;width:70px;text-align:center;color:#ff6700;font-weight:bold;font-size:70px;border-radius:35px;transition:0.2s ease;z-index:9}
.slidprev:hover,.slidnext:hover{background:#f5f000}
.sliddoted{width:90px;margin:440px 500px 0;position:absolute;z-index:3}
.sliddot{cursor:pointer;height:20px;width:20px;margin:0 5px;background:#ff8002;border-radius:50%;display:inline-block;transition:background-color 0.6s ease}
.sliddot:hover{background:#777}.active.sliddot{background:#f5f000}

.short-page{background:#f5ea26;padding-bottom:30px}
.short-title{float:right;height:50px;color:#fff;background:#ff6700;font-size:20px;line-height:40px;padding-left:15px;margin:30px 15px 15px 0}
.short-title p{float:right;display:block;width:50px;height:50px;font-size:30px;line-height:40px;text-align:center;background:#000;margin-left:15px}
.short-title a{color:#fff;font-size:20px}
.short-pagenumber{margin:20px 15px}
.short-pagenumber span{float:left;display:block;color:#fff;font-size:22px;margin-right:10px;background:#12acfa;width:50px;height:45px;line-height:40px;text-align:center}
.short-pagenumber a{float:left;display:block;color:#fff;font-size:22px;margin-right:10px;background:#ff6700;width:50px;height:45px;line-height:40px;text-align:center}
@font-face{font-family:'hoonel-kids';src: url('//kids.hoonel.com/static/font/hoonel.eot?#') format('eot'),url('//kids.hoonel.com/static/font/hoonel.woff') format('woff'), url('//kids.hoonel.com/static/font/hoonel.ttf') format('truetype');}

.btn{float:right;width:221px;height:221px;padding:2px 39.5px;margin:15px}
.btn-in{width:141px;color:#fff;text-align:center;line-height:25px;font-size:20px;margin:85px 40px;position:absolute;z-index:1}
.btn-bg{width:221px;height:221px;background:url(//kids.hoonel.com/static/image/btn.png);position:absolute;z-index:1;-webkit-animation:spin 5s linear infinite;animation:spin 5s linear infinite}
.btn-bg:hover{opacity:0.7}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

.jp-audio button::-moz-focus-inner,.jp-audio-stream button::-moz-focus-inner,.jp-video button::-moz-focus-inner{border:0}
.jp-audio{direction:ltr;float:left;width:850px;height:140px;padding:40px 20px 0}
.jp-seek-bar{width:100%;background:#ccc;height:6px;border-top:8px solid #fff;border-bottom:10px solid #fff;vertical-align:middle}
.jp-play-bar{background:#ff6700;position:relative;width:0;height:6px;overflow:visible!important}
.jp-play-bar::before{background:#fff;border:6px solid #ff6700;display:block;width:10px;height:10px;content:'';border-radius:11px;position:absolute;top:-9px;right:-16px}
.jp-progress{float:left;width:730px;height:12px}
.jp-current-time,.jp-duration{font-size:14px;display:inline-block;color:#ff6700;width:60px}
.jp-current-time{float:left;text-align:left}
.jp-duration{float:right;text-align:right;cursor:pointer}
.jp-repeat::before{content:'\ea2d'}.jp-state-looped .jp-repeat::before{content:'\ea2d';text-shadow:3px 6px 3px #666}
.jp-mute::before{content:'\ea27'}.jp-state-muted .jp-mute::before{content:'\ea2a'}
.jp-play::before{content:'\ea1c'}.jp-state-playing .jp-play::before{content:'\ea1d'}
.jp-previous::before{content:'\ea1f'}
.jp-next::before{content:'\ea20'}
.jp-shuffle::before{content:'\ea30'}
.jp-mute,.jp-repeat,.jp-shuffle,.jp-volume-max,.jp-next,.jp-play,.jp-previous,.jp-stop{font:30px/1 'font'}
.jp-next:focus,.jp-play:focus,.jp-previous:focus,.jp-shuffle:focus,.jp-stop:focus,.jp-repeat:focus{color:#ff6700}
.jp-controls{width:540px;height:70px;margin:20px 155px}
.jp-controls button{float:left;display:block;text-align:center;background:none;border:0;color:#ff6700}
.jp-controls button:hover{opacity:.7}
.jp-play{width:55px;height:55px;font-size:55px;padding:0;margin:2.5px 30px}
.jp-next,.jp-previous{width:45px;height:46px;font-size:45px;padding:7.5px 0;margin:0 30px}
.jp-mute{width:42px;height:57px;font-size:36px;padding:10.5px 3px;margin:0 30px}
.jp-repeat{width:45px;height:60px;font-size:36px;padding:9px 6px;margin:0 30px}


.footer{width:100%;height:0;background:#FF6700}
.feeter{width:100%;height:65px;background:#FF6700}
@-webkit-keyframes fadeEffect{from{opacity:0}to{opacity:1}}
@keyframes fadeEffect{from{opacity:0}to{opacity:1}}

.vert-move{-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite  alternate}
@-webkit-keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-5px)}}
@keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-5px)}}

@font-face{font-family:'font';src:url('//music.hoonel.com/static/fonticon/font.ttf') format('truetype'),url('//music.hoonel.com/static/fonticon/font.woff') format('woff'),url('//music.hoonel.com/static/fonticon/font.svg') format('svg')}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'font' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



.icon-soundcloud:before {
  content: "\e910";
  color: #ebc323;
}
.icon-facebook:before {
  content: "\e901";
  color:#4c66a4
}
.icon-linkedin .path1:before {
  content: "\e905";
  color: rgb(0, 132, 177);
}
.icon-linkedin .path2:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-linkedin .path3:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-linkedin .path4:before {
  content: "\e908";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-telegram .path1:before {
  content: "\e909";
  color: rgb(97, 168, 222);
}
.icon-telegram .path2:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-twitter .path1:before {
  content: "\e90b";
  color: rgb(80, 171, 241);
}
.icon-twitter .path2:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-watsapp .path1:before {
  content: "\e90d";
  color: rgb(27, 215, 65);
}
.icon-watsapp .path2:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-watsapp .path3:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-msite:before {
  content: "\e904";
}
.icon-mcategory:before {
  content: "\e903";
}
.icon-category:before {
  content: "\e902";
}
.icon-search:before {
  content: "\e900";
}
.icon-music:before {
  content: "\e911";
}
.icon-folder:before {
  content: "\e92f";
}
.icon-spinner7:before {
  content: "\e980";
}
.icon-enlarge:before {
  content: "\e989";
}
.icon-download2:before {
  content: "\e9c5";
}
.icon-link:before {
  content: "\e9cb";
}
.icon-bookmark:before {
  content: "\e9d2";color:#888
}
.icon-bookmarks:before {
  content: "\e9d3";color:#888
}
.icon-heart:before {
  content: "\e9da";color:#888
}
.icon-video:before {
  content: "\ea15";
}
.icon-play3:before {
  content: "\ea1c";
}
.icon-pause2:before {
  content: "\ea1d";
}
.icon-backward2:before {
  content: "\ea1f";
}
.icon-forward3:before {
  content: "\ea20";
}
.icon-volume-medium:before {
  content: "\ea27";
}
.icon-volume-low:before {
  content: "\ea28";
}
.icon-volume-mute2:before {
  content: "\ea2a";
}
.icon-loop:before {
  content: "\ea2d";
}
.icon-shuffle:before {
  content: "\ea30";
}
.icon-embed:before {
  content: "\ea7f";
}