-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
-------------------------- */
--------------------------*/
--------------------------*/
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
.el-time-spinner {
width: 100%;
white-space: nowrap; }
.el-spinner {
display: inline-block;
vertical-align: middle; }
.el-spinner-inner {
-webkit-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
width: 50px;
height: 50px; }
.el-spinner-inner .path {
stroke: #ececec;
stroke-linecap: round;
-webkit-animation: dash 1.5s ease-in-out infinite;
animation: dash 1.5s ease-in-out infinite; }
@-webkit-keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0; }
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35; }
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124; } }
@keyframes dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0; }
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35; }
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124; } }