.btn,.tip{text-align:center}.tip{font-size:18px;color:#555;line-height:1.6;position:absolute;top:50%;left:50%;width:260px;height:260px;margin-top:-130px;margin-left:-130px}@media (min-width:768px){.tip{margin-top:-180px}}a{text-decoration:none}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn-outline{color:#3db6e4;background-color:transparent;border-color:#3db6e4}.btn-outline:hover{color:#fff;background-color:#3db6e4}body{background:#fff;font-family:Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(359deg)}}@-o-keyframes rotate{from{-o-transform:rotate(0)}to{-o-transform:rotate(359deg)}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(359deg)}}@-webkit-keyframes rotate2{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate2{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(359deg)}}@-o-keyframes rotate2{from{-o-transform:rotate(0)}to{-o-transform:rotate(359deg)}}@keyframes rotate2{from{transform:rotate(0)}to{transform:rotate(359deg)}}.windmill-area{display:block;position:relative;margin:0 auto;width:150px;height:150px;border-radius:50%;background-color:rgba(61,182,228,.5)}.windmill .pillar{position:absolute;top:58px;left:69px;display:block;height:0;width:4px;border-width:0 4px 70px;border-style:none solid solid;border-color:transparent transparent #fff}.windmill .axis{position:absolute;top:50px;left:71px;width:4px;height:4px;border:3px solid #fff;background:#a5cad6;border-radius:5px;z-index:88;-webkit-transition-property:-webkit-transform;-webkit-transition-duration:1s;-moz-transition-property:-moz-transform;-moz-transition-duration:1s;-webkit-animation:rotate 4s linear infinite;-moz-animation:rotate 4s linear infinite;-o-animation:rotate 4s linear infinite;animation:rotate 4s linear infinite}.windmill .swing{position:absolute;top:1px;left:-2px;display:block;height:0;width:2px;border-width:40px 2px 0;border-style:solid solid none;border-color:#fff transparent transparent;box-shadow:1px 1px 1px rgba(105,97,97,.1);-webkit-transform-origin:0 0;-webkit-transform:rotate(60deg);-moz-transform-origin:0 0;-moz-transform:rotate(60deg);-ms-transform-origin:0 0;-ms-transform:rotate(60deg);-o-transform-origin:0 0;-o-transform:rotate(60deg);transform-origin:0 0;transform:rotate(60deg)}.windmill .swing2{top:0;left:4.5px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform-origin:0 0;transform:rotate(180deg)}.windmill .swing2,.windmill .swing3{width:2px;position:absolute;display:block;height:0;border-width:40px 2px 0;border-style:solid solid none;border-color:#fff transparent transparent;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0}.windmill .swing3{top:6px;left:3px;-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);-ms-transform:rotate(300deg);-o-transform:rotate(300deg);transform-origin:0 0;transform:rotate(300deg)}.windmill .axis:hover{-webkit-animation:rotate2 .3s linear infinite;-moz-animation:rotate2 .3s linear infinite;-o-animation:rotate2 .3s linear infinite;animation:rotate2 .3s linear infinite}.windmill.left .pillar{top:58px;left:59px}.windmill.left .axis{top:50px;left:60px}.windmill.right .pillar{top:58px;left:97px;width:2px;border-width:0 3px 50px}.windmill.right .axis{top:54px;left:97px;border:2px solid #fff;background:#a5cad6}.windmill.right .swing{top:1px;left:-1px;width:1px;border-width:25px 1px 0}.windmill.right .swing2{top:-1px;left:3px;width:1px;border-width:25px 1px 0}.windmill.right .swing3{top:4px;left:4px;width:1px;border-width:25px 1px 0}