.mark-box{width:-webkit-max-content;width:-moz-max-content;width:max-content;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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.mark-box p{height:3vh;line-height:3vh;text-align:center;font-size:.2rem;padding:.3vh .2rem;font-weight:700;color:#fff;margin:0}.mark-box .line{height:8vh;background:-webkit-gradient(linear,left top, left bottom,from(#f83ea6),to(rgba(248,62,166,0)));background:linear-gradient(180deg,#f83ea6,rgba(248,62,166,0))}.mark-box .markerClass{width:.18rem;height:.09rem;position:relative;outline:none;-webkit-box-shadow:1px 1px 8px 0 rgba(0,0,0,.75);box-shadow:1px 1px 8px 0 rgba(0,0,0,.75);border-radius:50%;-webkit-transform-origin:0 0;transform-origin:0 0;display:block}.mark-box .animate-box{width:.72rem;height:.36rem;border-radius:50%;margin-top:-.2rem;-webkit-animation:a 3s ease-out;animation:a 3s ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:1.1s;animation-delay:1.1s}@-webkit-keyframes a{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:0;filter:alpha(opacity=0)}50%{opacity:1;-webkit-filter:none;filter:none}to{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0;filter:alpha(opacity=0)}}@keyframes a{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:0;filter:alpha(opacity=0)}50%{opacity:1;-webkit-filter:none;filter:none}to{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0;filter:alpha(opacity=0)}}