*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0}body{padding-top:100px;overflow:hidden}.wrapper{width:477px;height:555px;margin:0 auto;position:relative}.body{width:100%;height:100%;border:3px solid #333;border-radius:46% 46% 49% 49%;left:0;right:0;top:0;bottom:0;z-index:1;background-color:#fff}.body,.ear{position:absolute}.ear{width:73px;height:73px;background-color:#0f0f10;border-radius:50px}.ear_l{left:66px;top:11px}.ear_r{right:66px;top:11px}.arm{width:172px;height:88px;background-color:#0f0f10;border-radius:50px;position:absolute}.arm_l{left:-143px;top:225px;-webkit-transform-origin:172px 39px;transform-origin:172px 39px;-webkit-transform:rotate(-55deg);transform:rotate(-55deg);border-radius:50% 30% 50px 50px;-webkit-animation:lRotate 2s ease-in-out 1.1s infinite;animation:lRotate 2s ease-in-out 1.1s infinite}@-webkit-keyframes lRotate{0%{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}10%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg);-webkit-box-shadow:0 10px 10px rgba(15,15,16,.3);box-shadow:0 10px 10px rgba(15,15,16,.3)}20%{-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}30%{-webkit-transform:rotate(-58deg);transform:rotate(-58deg)}40%{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}50%{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}60%{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}70%{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}80%{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}90%{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}to{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}}@keyframes lRotate{0%{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}10%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg);-webkit-box-shadow:0 10px 10px rgba(15,15,16,.3);box-shadow:0 10px 10px rgba(15,15,16,.3)}20%{-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}30%{-webkit-transform:rotate(-58deg);transform:rotate(-58deg)}40%{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}50%{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}60%{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}70%{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}80%{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}90%{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}to{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}}.arm_r{right:-140px;top:202px;-webkit-transform:rotate(-58deg);transform:rotate(-58deg);border-radius:80% 50px 80px 80%;-webkit-transform-origin:0 39px;transform-origin:0 39px;-webkit-animation:rRotate 2s ease-in-out 1s infinite;animation:rRotate 2s ease-in-out 1s infinite}@-webkit-keyframes rRotate{0%{-webkit-transform:rotate(-58deg);transform:rotate(-58deg)}10%{-webkit-transform:rotate(-72deg);transform:rotate(-72deg);-webkit-box-shadow:0 -10px 10px rgba(15,15,16,.3);box-shadow:0 -10px 10px rgba(15,15,16,.3)}20%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-shadow:0 10px 10px rgba(15,15,16,.3);box-shadow:0 10px 10px rgba(15,15,16,.3)}30%{-webkit-transform:rotate(-70deg);transform:rotate(-70deg);-webkit-box-shadow:0 -10px 10px rgba(15,15,16,.3);box-shadow:0 -10px 10px rgba(15,15,16,.3)}40%{-webkit-transform:rotate(-58deg);transform:rotate(-58deg)}50%{-webkit-transform:rotate(-58deg);transform:rotate(-58deg)}60%{-webkit-transform:rotate(-58deg);transform:rotate(-58deg)}70%{-webkit-transform:rotate(-58deg);transform:rotate(-58deg)}80%{-webkit-transform:rotate(-58deg);transform:rotate(-58deg)}90%{-webkit-transform:rotate(-58deg);transform:rotate(-58deg)}to{-webkit-transform:rotate(-58deg);transform:rotate(-58deg)}}@keyframes rRotate{0%{-webkit-transform:rotate(-58deg);transform:rotate(-58deg)}10%{-webkit-transform:rotate(-72deg);transform:rotate(-72deg);-webkit-box-shadow:0 -10px 10px rgba(15,15,16,.3);box-shadow:0 -10px 10px rgba(15,15,16,.3)}20%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-shadow:0 10px 10px rgba(15,15,16,.3);box-shadow:0 10px 10px rgba(15,15,16,.3)}30%{-webkit-transform:rotate(-70deg);transform:rotate(-70deg);-webkit-box-shadow:0 -10px 10px rgba(15,15,16,.3);box-shadow:0 -10px 10px rgba(15,15,16,.3)}40%{-webkit-transform:rotate(-58deg);transform:rotate(-58deg)}50%{-webkit-transform:rotate(-58deg);transform:rotate(-58deg)}60%{-webkit-transform:rotate(-58deg);transform:rotate(-58deg)}70%{-webkit-transform:rotate(-58deg);transform:rotate(-58deg)}80%{-webkit-transform:rotate(-58deg);transform:rotate(-58deg)}90%{-webkit-transform:rotate(-58deg);transform:rotate(-58deg)}to{-webkit-transform:rotate(-58deg);transform:rotate(-58deg)}}.heart{position:absolute;right:54px;top:25px;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.heart_l{top:0;left:0}.heart_l,.heart_r{width:45px;height:30px;background-color:#ad2025;position:absolute;border-radius:0 50% 50% 0}.heart_r{top:-8px;left:-8px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.babao{-webkit-transform:rotate(134deg);transform:rotate(134deg);padding-left:18px;padding-bottom:8px;color:#fff;font-size:12px}.leg{width:100px;height:145px;background-color:#0f0f10;position:absolute;bottom:-60px}.leg_l{left:96px;border-radius:16% 70% 30% 50px;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}.leg_r{left:269px;bottom:-63px;border-radius:70% 16% 50px 30%;-webkit-transform:rotate(4deg);transform:rotate(4deg)}.face{width:400px;height:352px;left:44px;top:34px;border:3px solid #66e085;border-radius:93% 90% 75% 74%;z-index:5}.face,.line{position:absolute}.line{left:0;top:0;border-radius:93% 90% 75% 74%}.line1{width:394px;height:346px;border:2px solid #f921e7}.line2{width:390px;height:342px;border:3px solid #edec59;left:2px;top:2px}.line3{width:378px;height:330px;left:8px;top:8px;background-color:#fff}.line3:after{position:absolute;content:"";top:-3px;bottom:-3px;left:-3px;right:-3px;background:linear-gradient(217deg,rgba(1,129,200,.3),rgba(255,0,0,0) 70.71%),linear-gradient(127deg,#0181c8,rgba(0,255,0,0) 70.71%),linear-gradient(60deg,rgba(1,129,200,.1),rgba(0,0,255,0) 70.71%),linear-gradient(336deg,#2129ee,rgba(0,0,255,0) 70.71%);border-radius:93% 90% 75% 74%;z-index:-1}.line4{width:378px;height:330px;left:8px;top:8px;border:3px solid #a3f1fe}.eye{width:172px;height:110px;background-color:#0f0f10;border-radius:60%;position:absolute}.eye_l{left:24px;top:80px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.eye_r{right:8px;top:80px;-webkit-transform:rotate(-135deg) scaleY(-1);transform:rotate(-135deg) scaleY(-1)}.eye .eye-c1{width:70px;height:70px;background-color:#fff;right:33px;top:26px}.eye .eye-c1,.eye .eye-c2{border-radius:50%;position:absolute}.eye .eye-c2{width:60px;height:60px;background-color:#423e37;right:4px;top:5px}.eye .eye-c3{width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;right:7px;top:11px}.eye_r .eye-c3{right:11px;top:6px}.nose{width:43px;height:34px;background-color:#0f0f10;position:absolute;top:140px;left:189px;z-index:8}.nose,.nose-c{border-radius:100%}.nose-c{width:26px;height:15px;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.5)),to(hsla(0,0%,100%,0)));background:linear-gradient(180deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,0));margin:0 auto;margin-top:4px}.mouth{width:110px;height:40px;top:160px;left:151px;z-index:3;-webkit-box-shadow:0 2px #0f0f10;box-shadow:0 2px #0f0f10;background-color:#fff}.mouth,.mouth-c{position:absolute;border-radius:100%}.mouth-c{width:88px;height:36px;top:172px;left:162px;border-bottom:2px solid #0f0f10;margin:0 auto;z-index:1;background-color:#a51320}