*{margin: 0;padding: 0;}
li{list-style: none;}
body,html{width: 100%;height: 100%;font-family: "microsoft yahei";overflow: hidden;background: url(hrb20200828-1.jpg);background-size: 100% 100%;}
img{width: 100%;height: 100%;display: block;}
.app{position: absolute;left: 0;top: 0;right: 0;bottom: 0;overflow: hidden;}
.red_ball{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(hrb20200831-2.png);background-size: 100% 100%;animation: in_cover .5s;}
.ball_box{position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.ball{background-size: 100% 100%;position: absolute;}
.one{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 999;}
.one_pic{/* animation: in_fall 1.5s .5s ease-out backwards, */animation:in_float 3s  infinite alternate; opacity: 0; position: absolute;top: -.35rem;}
.year{animation: /* in_fall 1.5s .5s ease-out backwards, */in_float 4s infinite alternate;opacity: 0;  }
.one_pic_show,.year_show{opacity: 1;}
.cont_box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.cont{width: 100%;height:100%;background-size: 100% 100%;}
.star{width: 0.44rem;height: 0.44rem;float: left;margin-right: 0.18rem;}
.name{font-size: 0.4rem;color: #faefb5;line-height: 0.44rem;position: absolute;left: 1.5rem;top:5.8rem;width: 6.7rem;font-weight: bold;}
.name span{display: inline-block; line-height: 0.44rem;}
.city{font-size: 0.4rem;color: #faefb5;line-height: 0.44rem;position: absolute;left: 1.5rem;top:6.8rem;}
.desc{font-size: 0.4rem;color: #faefb5;line-height: 0.44rem;position: absolute;left: 1.5rem;top:7.8rem;}
.type{font-size: 0.4rem;color: #faefb5;line-height: 0.44rem;position: absolute;left: 1.5rem;top: 7.7rem; display: none;}
.fot{font-size: 0.4rem;color: #fff;text-align: center; top:11rem;width: 100%;position: absolute;left: 0;}
.fot span.num{color:#e9d657;}
.erm-img{width: 1.8rem;position: absolute;left: 4.1rem;top: 11.7rem;}
.desc_txt{float: left;width: 6.3rem;line-height: 0.5rem;}
.people_pic{width: 1.5rem;height: 2.03rem;position: absolute;left:6.6rem;top:5.5rem;border: 2px solid #fdd96f;border-radius: 2px;}
.city_box{position: absolute;left: 0;top:8%;right: 0;height:85%;overflow:hidden; opacity: 0; }
.city_box,.sf_box,.onebox{-webkit-animation: in_starRotate 1s .5s both;animation: in_starRotate 1s .5s both}
.show_box{-webkit-animation: in_cover 1s .5s both;animation: in_cover 1s .5s both;opacity: 1;}
.C-list{width: 100%;position: absolute;overflow:hidden;}
.city_cont img{width: 100%;height: 100%;display: block;}
.city_name{font-size: 0.24rem;text-align: center;line-height: 1.5;color: #fff; display: none;}
.city_cont{width:2rem; float: left;padding-left: 1rem;margin-bottom: 0.8rem; /* position: absolute;left:2rem;top: 1.5rem; */}
.cont_btn{width: 1.1rem;height: 1.1rem;position: absolute;left:4.45rem;bottom: 0;}
.city_yq1{width:100%;height:auto;/* position: relative;margin-left: 0.1rem; */}
.type_box,.city_box1{position: absolute;left: 0;top: 0;right: 0;bottom: 0;-webkit-transform: scale(0);transform: scale(0);width: 100%;}
.type_cont{width: 7.5rem;height:90%;position: absolute;left: 1.3rem;top:1.4rem;/*  background: #e35a52;border-radius: 30px; */}
.type-logo{position: absolute;left:0.95rem;width:5.4rem;top: -1rem;}
.type-logo img{width: 100%;height: auto;}
.type_name{width: 40%;text-align: center; background:#8d171f ; font-size: 0.6rem;color: #eea401;line-height: 1;position: absolute;left:30%;top:-0.5rem;font-weight: bold;} 
.type_cont1{width:7rem;height:85%;position: absolute;left: 0rem;top:1rem;overflow: hidden; z-index: 998;}
.name_list{overflow: hidden;}
.name_list li{float: left;line-height: 0.7rem; padding: 0 0.2rem; /* background:url(name-bg.png) no-repeat left bottom; */color: #faefb5;font-size: 0.5rem; font-weight: bold; margin-bottom: 0.53rem;}
.name_list li span{float: left;line-height: 0.7rem; padding: 0 0.2rem; color: #faefb5;font-size: 0.5rem; font-weight: bold; margin-bottom: 0.53rem;}
.type_close{width: 1.2rem;height: 1.2rem;position: absolute;left:4.4rem;bottom:0.4rem;opacity: 0;background: url(hrb20200828-56.png);background-size: 100% 100%;z-index: 999}
.share{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: url(fx.png);background-size: 100% 100%;display: none;}
#sc_pic{position: absolute;left: 50%;top: 50%;width: 9rem;height: auto; -webkit-transform: translate3d(-50%,-50%,0);background: url(hrb20200828-1.jpg);background-size: 100% 100%;display: none;z-index: 10;border-radius: 20px;}
.sc_close{width: 1rem;height: 1rem;position: absolute;right: 0;top: 0;background: url(hrb20200828-56.png);background-size: 100% 100%;}
.sc_txt{font-size: .4rem;color: #fff;width: .5rem;text-align: center;position: absolute;right: -0.5rem;bottom: 1rem;}
.ball_box{position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.logo{width: 1.19rem;height: 0.48rem;position: absolute;left: 0.39rem;top: 0.51rem;background: url(logo.png);background-size: 100% 100%;}
.year{width: 100%;position: absolute;left:0rem;top: 8.7rem;}
.city_btn{width: 1.8rem;height: 1.68rem;position: absolute;left: 2.16rem;bottom: 2.09rem;animation:/*  in_fall 1.5s .5s ease-out backwards, */in_float 5s /* 2s */ infinite alternate;}
.sf_btn{width: 1.8rem;height: 1.68rem;position: absolute;right: 2.16rem;bottom:2.09rem;animation:in_float 5s infinite alternate;}
.music-btn{position: absolute;right: 0.2rem;top: 0.3rem;width:0.6rem;height:0.6rem;z-index:999;}
.music-btn img{width: 100%;}
.jz-dh{-webkit-animation: dh1 linear 2.5s infinite;}
.bor-box{width:96%;height:75%;position: absolute;left:0;bottom:2%; border: 1px solid #f1a402;}
.bor-box01{border: 1px solid #f1a402;position: absolute;  width: 94%;height:96%;bottom: 2.2%;left:2%;  }
@-webkit-keyframes dh1 {0% {transform:rotate(0);}25% {transform:rotate(-180deg);}50% {transform:rotate(-360deg);}75% {transform:rotate(-540deg);}100% {transform:rotate(-720deg);}}
@keyframes dh1 {0%{transform:rotate(0);}25%{transform:rotate(-180deg);}50%{transform:rotate(-360deg);}75%{transform:rotate(-540deg);}100%{transform:rotate(-720deg);}}
.dh1 {-webkit-animation-name:dh1;animation-name:dh1;}
.city_box1{background-size: 100% 100%;}
.bj .city_box1{background-image: url(bj01.jpg);}
.tj .city_box1{background-image: url(tj01.jpg);}
.hb .city_box1{background-image: url(hb01.jpg);}
.sx .city_box1{background-image: url(sx01.jpg);}
.nmg .city_box1{background-image: url(nmg01.jpg);}
.ln .city_box1{background-image: url(ln01.jpg);}
.jl .city_box1{background-image: url(jl01.jpg);}
.hlj .city_box1{background-image: url(hlj01.jpg);}
.sh .city_box1{background-image: url(sh01.jpg);}
.js .city_box1{background-image: url(js01.jpg);}
.zj .city_box1{background-image: url(zj01.jpg);}
.ah .city_box1{background-image: url(ah01.jpg);}
.fj .city_box1{background-image: url(fj01.jpg);}
.jx .city_box1{background-image: url(jx01.jpg);}
.sd .city_box1{background-image: url(sd01.jpg);}
.hn .city_box1{background-image: url(hn01.jpg);}
.hub .city_box1{background-image: url(hub01.jpg);}
.hun .city_box1{background-image: url(hun01.jpg);}
.gd .city_box1{background-image: url(gd01.jpg);}
.gx .city_box1{background-image: url(gx01.jpg);}
.hain .city_box1{background-image: url(hain01.jpg);}
.cq .city_box1{background-image: url(cq01.jpg);}
.sc .city_box1{background-image: url(sc01.jpg);}
.gz .city_box1{background-image: url(gz01.jpg);}
.yn .city_box1{background-image: url(yn01.jpg);}
.xz .city_box1{background-image: url(xz01.jpg);}
.shanx .city_box1{background-image: url(shanx01.jpg);}
.gs .city_box1{background-image: url(gs01.jpg);}
.qh .city_box1{background-image: url(qh01.jpg);}
.nx .city_box1{background-image: url(nx01.jpg);}
.xj .city_box1{background-image: url(xj01.jpg);}
.bt .city_box1{background-image: url(bingt01.jpg);}
.bj .cont{background-image:url(bj-bg.jpg); }
.tj .cont{background-image:url(tj-bg.jpg); }
.hb .cont{background-image:url(hb-bg.jpg); }
.sx .cont{background-image:url(sx-bg.jpg); }
.nmg .cont{background-image:url(nmg-bg.jpg); }
.ln .cont{background-image:url(ln-bg.jpg); }
.jl .cont{background-image:url(jl-bg.jpg); }
.hlj .cont{background-image:url(hlj-bg.jpg); }
.sh .cont{background-image:url(sh-bg.jpg); }
.js .cont{background-image:url(js-bg.jpg); }
.zj .cont{background-image:url(zj-bg.jpg); }
.ah .cont{background-image:url(ah-bg.jpg); }
.fj .cont{background-image:url(fj-bg.jpg); }
.jx .cont{background-image:url(jx-bg.jpg); }
.sd .cont{background-image:url(sd-bg.jpg); }
.hn .cont{background-image:url(hn-bg.jpg); }
.hub .cont{background-image:url(hub-bg.jpg); }
.hun .cont{background-image:url(hun-bg.jpg); }
.gd .cont{background-image:url(gd-bg.jpg); }
.gx .cont{background-image:url(gx-bg.jpg); }
.hain .cont{background-image:url(hain-bg.jpg); }
.cq .cont{background-image:url(cq-bg.jpg); }
.sc .cont{background-image:url(sc-bg.jpg); }
.gz .cont{background-image:url(gz-bg.jpg); }
.yn .cont{background-image:url(yn-bg.jpg); }
.xz .cont{background-image:url(xz-bg.jpg); }
.shanx .cont{background-image:url(shanx-bg.jpg); }
.gs .cont{background-image:url(gs-bg.jpg); }
.qh .cont{background-image:url(qh-bg.jpg); }
.nx .cont{background-image:url(nx-bg.jpg); }
.xj .cont{background-image:url(xj-bg.jpg); }
.bt .cont{background-image: url(bingt-bg.jpg);}
.out{-webkit-animation: out 2s .1s both;animation: out 2s .1s both}
.in_cover{-webkit-animation: in_cover 1.5s forwards;animation: in_cover 1.5s forwards; /* opacity: 1; */}
.close_dwon{-webkit-animation: close_dwon 1s 1s forwards;animation: close_dwon 1s 1s forwards;z-index: 999;}
.close_dwon1{-webkit-animation: close_dwon1 1s;animation: close_dwon1 1s;}
.close_dwon02{-webkit-animation: close_dwon02 1s 1s forwards;animation: close_dwon02 1s 1s forwards;z-index: 999;}
.type_cont2{-webkit-animation: type_cont 1.5s  forwards;animation: type_cont 1.5s  forwards;}
.cont_box1{-webkit-animation: cont_box 1.5s forwards;animation: cont_box 1.5s forwards;}
.cont_box2{-webkit-animation: cont_box1 1s forwards;animation: cont_box1 1s forwards;}
.ws{width: 100%;font-size: 0.4rem;text-align:center;line-height: 30px; color: #fff;position: absolute;bottom: 1rem;z-index: 999;display: none;}
.ws span{color: #e9d657;font-size: 0.5rem;}  
 @keyframes sfxg{0%{transform: scale(0.95);}50%{ transform: scale(1);  /*开始为原始大小*/}100%{transform: scale(0.95);} }
.type-logo img {animation: sfxg 2s linear infinite;}
.kms-tit img,.djkq img{width: 100%; height: auto;}
.djkq-cont{text-align: center; width:1.5rem;position: absolute;bottom:3rem;left: 4.25rem; z-index: 99;}
.djkq-yq{ z-index: 98; width:1.5rem;height: 1.5rem;border-radius: 100%;margin: 0 auto;position: absolute;left: 50%;top: 50%;-webkit-transform: translate3d(-50%,-50%,0);}
.djkq img{-webkit-animation: starFlash 1.5s -.75s linear infinite;animation: starFlash 1.5s -.75s linear infinite}
/*加载*/
.load_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 9999;background:#fff3f4;}
.jd_box{width:8rem;height: 10px;border-radius: 8px;background-color: #c50000;position: absolute;left:1rem;top: 4rem;}
.jd_box1{position: absolute;left: 0;top: 0;width: 0;height: 10px;border-radius: 8px;background: #ffd489;}
.jd_num{font-size:20px;color: #c50000;position: absolute;left: 0;bottom: -40px; font-weight: bold;}
.jd_img{width:1rem;height:1rem;position: absolute;left: 0;bottom: -12px;}
.prev_btn,.prev_btn01{width: 1rem; position: absolute;right: 4.5rem;bottom:0rem;z-index: 999;}
#content .type-logo{left: 2.5rem;width: 5rem;top: 0.2rem;}
.cont_btn1{left: 1.8rem;}
.cont_btn2{right: 1.7rem;}
.cont_btn1,.cont_btn2{animation: sfxg 2s linear infinite;bottom: 1.5rem; width:2.6rem;position: absolute;bottom: 1rem;}
.name_w2{width: 2.4rem;left: 2.8rem;}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);transform:scale(.9)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
.bounceIn,.bounceIn01{-webkit-animation:bounceIn  1s;animation:bounceIn  1s} 
.nano-content{width:10rem; /* height:90%; */top: 8%;overflow: hidden;   }
@-webkit-keyframes xiaos {0% {-webkit-transform: scale(1);transform: scale(1)}100% {-webkit-transform: scale(0);transform: scale(0)}}
@keyframes xiaos {0% {-webkit-transform: scale(1);transform: scale(1)}100% {-webkit-transform: scale(0);transform: scale(0)}}
.xiaos {-webkit-animation: xiaos 1s ;animation: xiaos 1s ;}
@-webkit-keyframes starFlash {0% {-webkit-transform: scale(.5);transform: scale(.5);opacity: 1}100% {-webkit-transform: scale(2);transform: scale(2);opacity: 0}}
@keyframes starFlash {0% {-webkit-transform: scale(.5);transform: scale(.5);opacity: 1}	100% {-webkit-transform: scale(2);transform: scale(2);opacity:0}}
@-webkit-keyframes in_starRotate {0% {-webkit-transform: rotate(270deg) scale(0);transform: rotate(270deg) scale(0);}to {-webkit-transform: rotate(0) scale(1);transform: rotate(0) scale(1);}}
@keyframes in_starRotate {0% {-webkit-transform: rotate(270deg) scale(0);transform: rotate(270deg) scale(0);}to {-webkit-transform: rotate(0) scale(1);transform: rotate(0) scale(1);}}@-webkit-keyframes out_starRotate {0% {-webkit-transform: rotate(0) scale(1);transform: rotate(0) scale(1);}to {-webkit-transform: rotate(270deg) scale(0);transform: rotate(270deg) scale(0);}}
@keyframes out_starRotate {0% {-webkit-transform: rotate(0) scale(1);transform: rotate(0) scale(1);}to {-webkit-transform: rotate(270deg) scale(0);transform: rotate(270deg) scale(0);}}
@-webkit-keyframes in_cover {0% {-webkit-transform: scale(0);transform: scale(0)}100% {-webkit-transform: scale(1);transform: scale(1)}}
@keyframes in_cover {0% {-webkit-transform: scale(0);transform: scale(0)}100% {-webkit-transform: scale(1);transform: scale(1)}}
@-webkit-keyframes out {0% {-webkit-transform: scale(1);transform: scale(1)}100% {-webkit-transform: scale(0);transform: scale(0)}}
@keyframes out {0% {-webkit-transform: scale(1);transform: scale(1)}100% {-webkit-transform: scale(0);transform: scale(0)}}
@-webkit-keyframes close_dwon {0%{opacity: 0;}100% {opacity: 1;}}
@keyframes close_dwon {0%{opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes close_dwon1 {0%{opacity: 1;-webkit-transform: rotate(3600deg);transform: rotate(3600deg);top: 16.1rem;}80% {opacity: 1;-webkit-transform: rotate(0);transform: rotate(0);top: 8rem;}100% {opacity:0;-webkit-transform: rotate(3600deg);transform: rotate(3600deg);top: 8rem;}}
@keyframes close_dwon1 {0%{opacity: 1;-webkit-transform: rotate(3600deg);transform: rotate(3600deg);top: 16.1rem;}80% {opacity: 1;-webkit-transform: rotate(0);transform: rotate(0);top: 8rem;}100% {opacity:0;-webkit-transform: rotate(3600deg);transform: rotate(3600deg);top: 8rem;}}
@-webkit-keyframes close_dwon02 {0%{opacity: 0;}100% {opacity: 1;}}
@keyframes close_dwon02 {0%{opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes type_cont {0% {top: 0;}100% {top: -20rem;opacity: 0;}}
@keyframes type_cont {0% {top: 0;}100% {top: -20rem;opacity: 0;}}
@-webkit-keyframes cont_box {0% {top: 100%;opacity: 0;}to {top: 0;opacity: 1;}}
@keyframes cont_box {0% {top: 100%;opacity: 0;}to {top: 0;opacity: 1;}}
@-webkit-keyframes cont_box1 {0% {top: 0%;opacity: 1;}to {top: 100%;opacity: 0;}}
@keyframes cont_box1 {0% {top: 0%;opacity: 1;}to {top: 100%;opacity: 0;}}
@-webkit-keyframes in_fall {0% {-webkit-transform: translateY(-20.7185rem);transform: translateY(-20.7185rem);opacity: 1}30% {-webkit-transform: translateY(1.0815rem);transform: translateY(1.0815rem);opacity: 1}50% {-webkit-transform: translateY(-.3444rem);transform: translateY(-.3444rem)}to {-webkit-transform: translateY(.3445rem);transform: translateY(.3445rem)}}
@keyframes in_fall {0% {-webkit-transform: translateY(-20.7185rem);transform: translateY(-20.7185rem);opacity: 1}30% {-webkit-transform: translateY(1.0815rem);transform: translateY(1.0815rem);opacity: 1}50% {-webkit-transform: translateY(-.3444rem);transform: translateY(-.3444rem)}to {-webkit-transform: translateY(.3445rem);transform: translateY(.3445rem)}}
@-webkit-keyframes in_float {0% {-webkit-transform: translateY(.3445rem);transform: translateY(.3445rem)}to {-webkit-transform: translateY(-.3444rem);transform: translateY(-.3444rem)}}
@keyframes in_float {0% {-webkit-transform: translateY(.3445rem);transform: translateY(.3445rem)}to {-webkit-transform: translateY(-.3444rem);transform: translateY(-.3444rem)}}
@-webkit-keyframes in_float1 {0% {-webkit-transform: translate3d(0, .3445rem, 0);transform: translate3d(0, .3445rem, 0)}to {-webkit-transform: translate3d(0, -3.8518rem, 0);transform: translate3d(0, -3.8518rem, 0)}}
@keyframes in_float1 {0% {-webkit-transform: translate3d(0, .4445rem, 0);transform: translate3d(0, .4445rem, 0)}to {-webkit-transform: translate3d(0, -3.8518rem, 0);transform: translate3d(0, -3.8518rem, 0)}}
@-webkit-keyframes in_float1_2 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}to {-webkit-transform: rotate(1turn);transform: rotate(1turn)}}
@keyframes in_float1_2 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}to {-webkit-transform: rotate(1turn);transform: rotate(1turn)}}
@-webkit-keyframes in_float2 {0% {-webkit-transform: translate3d(0, .4445rem, 0);transform: translate3d(0, .4445rem, 0)}to {-webkit-transform: translate3d(4.4445rem, -4rem, 0);transform: translate3d(4.4445rem, -4rem, 0)}}
@keyframes in_float2 {0% {-webkit-transform: translate3d(0, .4445rem, 0);transform: translate3d(0, .4445rem, 0)}to {-webkit-transform: translate3d(4.4445rem, -4rem, 0);transform: translate3d(4.4445rem, -4rem, 0)}}
@-webkit-keyframes in_float3 {0% {-webkit-transform: translate3d(0, .4445rem, 0);transform: translate3d(0, .4445rem, 0)}to {-webkit-transform: translate3d(4.4445rem, -4rem, 0);transform: translate3d(4.4445rem, -4rem, 0)}}
@keyframes in_float3 {0% {-webkit-transform: translate3d(0, .4445rem, 0);transform: translate3d(0, .4445rem, 0)}to {-webkit-transform: translate3d(4.4445rem, -4rem, 0);transform: translate3d(4.4445rem, -4rem, 0)}}
@-webkit-keyframes in_float4 {0% {-webkit-transform: translate3d(0, .4445rem, 0);transform: translate3d(0, .4445rem, 0)}to {-webkit-transform: translate3d(-5.1851rem, -4rem, 0);transform: translate3d(-5.1851rem, -4rem, 0)}}
@keyframes in_float4 {0% {-webkit-transform: translate3d(0, .4445rem, 0);transform: translate3d(0, .4445rem, 0)}to {-webkit-transform: translate3d(-5.1851rem, -4rem, 0);transform: translate3d(-5.1851rem, -4rem, 0)}}
@-webkit-keyframes in_float5 {0% {-webkit-transform: translate3d(0, .4445rem, 0);transform: translate3d(0, .4445rem, 0)}to {-webkit-transform: translate3d(1.0815rem, -2.5185rem, 0);transform: translate3d(1.0815rem, -2.5185rem, 0)}}
@keyframes in_float5 {0% {-webkit-transform: translate3d(0, .4445rem, 0);transform: translate3d(0, .4445rem, 0)}to {-webkit-transform: translate3d(1.0815rem, -2.5185rem, 0);transform: translate3d(1.0815rem, -2.5185rem, 0)}}
@-webkit-keyframes in_float5_2 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}to {-webkit-transform: rotate(10deg);transform: rotate(10deg)}}
@keyframes in_float5_2 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}to {-webkit-transform: rotate(10deg);transform: rotate(10deg)}}
@-webkit-keyframes in_float6 {0% {-webkit-transform: translate3d(0, .4445rem, 0);transform: translate3d(0, .4445rem, 0)}to {-webkit-transform: translate3d(-2.9629rem, 2.963rem, 0);transform: translate3d(-2.9629rem, 2.963rem, 0)}}
@keyframes in_float6 {0% {-webkit-transform: translate3d(0, .4445rem, 0);transform: translate3d(0, .4445rem, 0)}to {-webkit-transform: translate3d(-2.9629rem, 2.963rem, 0);transform: translate3d(-2.9629rem, 2.963rem, 0)}}
@-webkit-keyframes in_float7 {0% {-webkit-transform: translate3d(0, .4445rem, 0);transform: translate3d(0, .4445rem, 0)}to {-webkit-transform: translate3d(0, 4.8889rem, 0);transform: translate3d(0, 4.8889rem, 0)}}
@keyframes in_float7 {0% {-webkit-transform: translate3d(0, .4445rem, 0);transform: translate3d(0, .4445rem, 0)}to {-webkit-transform: translate3d(0, 4.8889rem, 0);transform: translate3d(0, 4.8889rem, 0)}}
@-webkit-keyframes in_float8 {0% {-webkit-transform: translate3d(0, .4445rem, 0);transform: translate3d(0, .4445rem, 0)}to {-webkit-transform: translate3d(0, -2.9629rem, 0);transform: translate3d(0, -2.9629rem, 0)}}
@keyframes in_float8 {0% {-webkit-transform: translate3d(0, .4445rem, 0);transform: translate3d(0, .4445rem, 0)}to {-webkit-transform: translate3d(0, -2.9629rem, 0);transform: translate3d(0, -2.9629rem, 0)}}
@-webkit-keyframes in_float8_2 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}to {-webkit-transform: rotate(40deg);transform: rotate(40deg)}}
@keyframes in_float8_2 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}to {-webkit-transform: rotate(40deg);transform: rotate(40deg)}}
@-webkit-keyframes in_float9 {0% {-webkit-transform: translate3d(0, .4045rem, 0);transform: translate3d(0, .4445rem, 0)}to {-webkit-transform: translate3d(4.4045rem, 2.0223rem, 0);transform: translate3d(4.0445rem, 2.0223rem, 0)}}
@keyframes in_float9 {0% {-webkit-transform: translate3d(0, .4045rem, 0);transform: translate3d(0, .4045rem, 0)}to {-webkit-transform: translate3d(4.0445rem, 2.0223rem, 0);transform: translate3d(4.0445rem, 2.0223rem, 0)}}
@-webkit-keyframes in_float10 {0% {-webkit-transform: translate3d(0, .4445rem, 0);transform: translate3d(0, .4445rem, 0)}to {-webkit-transform: translate3d(5.1852rem, 4.8889rem, 0);transform: translate3d(5.1852rem, 4.8889rem, 0)}}
@keyframes in_float10 {0% {-webkit-transform: translate3d(0, .4445rem, 0);transform: translate3d(0, .4445rem, 0)}to {-webkit-transform: translate3d(5.1852rem, 4.8889rem, 0);transform: translate3d(5.1852rem, 4.8889rem, 0)}}
@-webkit-keyframes in_float10_2 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}to {-webkit-transform: rotate(-200deg);transform: rotate(-200deg)}}
@keyframes in_float10_2 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}to {-webkit-transform: rotate(-200deg);transform: rotate(-200deg)}}

/* 
 .name_list li.border1,.name_list li span{line-height: 24px!important;height: 24px!important;}

.name_list li{height: 24px;} */