.custom-one-ball-three-card{position:relative;width:100%;height:100%}.custom-one-ball-three-card .item-wrap{position:absolute;z-index:10;width:140px;height:90px;background-repeat:no-repeat;background-position:bottom;background-size:100% auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-left:55px;cursor:pointer}.custom-one-ball-three-card .item-wrap .item-name{margin-bottom:5px;font-size:16px;font-family:PingFang-SC-Medium;font-weight:500;white-space:nowrap}.custom-one-ball-three-card .item-wrap .item-num{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;background:url(../img/numbg.a476d6bc.png) no-repeat 50%;background-size:100% 100%;font-size:20px;font-family:PangMenZhengDao;font-weight:400;color:#fff;height:36px;letter-spacing:2px;white-space:nowrap}.custom-one-ball-three-card .item-wrap .name{font-weight:400;font-size:16px;color:#fff}.custom-one-ball-three-card .item-wrap .num{padding-bottom:12px;letter-spacing:2px;font-size:18px;font-family:YouSheBiaoTiHei;color:#fff;position:relative}.custom-one-ball-three-card .item-wrap .num:before{content:attr(text);position:absolute;z-index:10;color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(#fff),color-stop(rgba(29,255,167,.71)),color-stop(rgba(42,207,255,.71)),to(rgba(29,255,167,.71)));background:linear-gradient(#fff,#fff,rgba(29,255,167,.71),rgba(42,207,255,.71),rgba(29,255,167,.71));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.custom-one-ball-three-card .item-wrap:first-child{left:0;top:80px}.custom-one-ball-three-card .item-wrap:nth-child(2){left:60px;top:0}.custom-one-ball-three-card .item-wrap:nth-child(3){right:60px;top:0}.custom-one-ball-three-card .item-wrap:nth-child(4){right:0;top:80px}.custom-one-ball-three-card .name-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;z-index:8;bottom:15px;left:50%;width:130px;height:110px;margin-left:-65px;background:url(../img/namebg.4ef78a27.png) no-repeat 50%}.custom-one-ball-three-card .name-wrap span{display:block;font-size:16px;font-family:PingFang-SC-Medium;font-weight:500;color:#f9faff;text-shadow:2px 2px 3px rgba(11,31,72,.35)}.custom-one-ball-three-card .light-wrap{position:absolute;z-index:6;width:360px;height:150px;left:50%;bottom:16px;margin-left:-180px;background:url(../img/light.0cd34003.png) no-repeat 50%;-webkit-animation:light-animate 2s linear infinite;animation:light-animate 2s linear infinite}.custom-one-ball-three-card .circle-wrap{position:absolute;z-index:4;bottom:-117px;width:310px;height:310px;left:50%;margin-left:-155px;background:url(../img/circle.40bfd16a.png) no-repeat 50%;background-size:100% 100%;-webkit-animation:circle-animate 3s linear infinite;animation:circle-animate 3s linear infinite}@-webkit-keyframes name-wrap-animate{0%{bottom:10px}50%{bottom:30px}to{bottom:10px}}@keyframes name-wrap-animate{0%{bottom:10px}50%{bottom:30px}to{bottom:10px}}@-webkit-keyframes light-animate{0%{opacity:.1}50%{opacity:.8}to{opacity:.1}}@keyframes light-animate{0%{opacity:.1}50%{opacity:.8}to{opacity:.1}}@-webkit-keyframes circle-animate{0%{-webkit-transform:rotateX(75deg) rotate(0deg);transform:rotateX(75deg) rotate(0deg)}to{-webkit-transform:rotateX(75deg) rotate(1turn);transform:rotateX(75deg) rotate(1turn)}}@keyframes circle-animate{0%{-webkit-transform:rotateX(75deg) rotate(0deg);transform:rotateX(75deg) rotate(0deg)}to{-webkit-transform:rotateX(75deg) rotate(1turn);transform:rotateX(75deg) rotate(1turn)}}