.the-title{height:40px;width:100%}.the-title .ivu-card-body{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;justify-content:space-between}.the-title .ivu-card-body .left{font-family:Arial,sans-serif;font-size:16px;font-weight:bolder;margin-left:20px}.the-title .ivu-card-body .right{margin-right:20px}.flex-center[data-v-9d1ffae2]{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.video-box[data-v-9d1ffae2]{bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.parse[data-v-9d1ffae2]{background:rgba(0,0,0,.5)}.parse svg[data-v-9d1ffae2]{-webkit-transform:translate(-50%,-50%);color:#fff!important;cursor:pointer;height:20%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20%}.videoplay[data-v-9d1ffae2]{background:#000;color:#fff;height:100%;overflow:hidden;position:relative;width:100%}.videoplay.big video[data-v-9d1ffae2]{-o-object-fit:contain;object-fit:contain}.videoplay video[data-v-9d1ffae2]{-o-object-fit:fill;height:100%!important;object-fit:fill;width:100%!important}.control[data-v-9d1ffae2]:hover,.parse:hover~.control[data-v-9d1ffae2],.videoplay:hover .control[data-v-9d1ffae2]{display:-webkit-box;display:-ms-flexbox;display:flex}.control[data-v-9d1ffae2]{-webkit-transition:display 2s;background:rgba(0,0,0,.6);bottom:0;display:none;left:0;padding:10px 5%;position:absolute;right:0;transition:display 2s;z-index:3}.control svg[data-v-9d1ffae2]:first-child{margin-left:0;margin-right:auto}.big .control svg[data-v-9d1ffae2]{height:25px;width:25px}.control svg[data-v-9d1ffae2]{-webkit-filter:grayscale(50%);cursor:pointer;filter:grayscale(50%);height:15px;margin-left:30px;opacity:1;width:15px}.control svg[data-v-9d1ffae2]:hover{opacity:1}.container-loading[data-v-9d1ffae2]{height:50px;position:relative;width:50px}.container-loading.animation-4[data-v-9d1ffae2],.container-loading.animation-5[data-v-9d1ffae2]{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.container-loading .shape[data-v-9d1ffae2]{border-radius:1px;position:absolute}.container-loading.animation-5 .shape[data-v-9d1ffae2]{height:50%;width:50%}.container-loading .shape.shape1[data-v-9d1ffae2]{background-color:#5c6bc0;left:0}.container-loading .shape.shape2[data-v-9d1ffae2]{background-color:#8bc34a;right:0}.container-loading .shape.shape3[data-v-9d1ffae2]{background-color:#ffb74d;bottom:0}.container-loading .shape.shape4[data-v-9d1ffae2]{background-color:#f44336;bottom:0;right:0}.animation-5 .shape1[data-v-9d1ffae2]{animation:animation5shape1-data-v-9d1ffae2 2s ease 0s infinite reverse}@-webkit-keyframes animation5shape1-data-v-9d1ffae2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}75%{-webkit-transform:translate(100%);transform:translate(100%)}}@keyframes animation5shape1-data-v-9d1ffae2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}75%{-webkit-transform:translate(100%);transform:translate(100%)}}.animation-5 .shape2[data-v-9d1ffae2]{animation:animation5shape2-data-v-9d1ffae2 2s ease 0s infinite reverse}@-webkit-keyframes animation5shape2-data-v-9d1ffae2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(-100%);transform:translate(-100%)}50%{-webkit-transform:translate(-100%,100%);transform:translate(-100%,100%)}75%{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes animation5shape2-data-v-9d1ffae2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(-100%);transform:translate(-100%)}50%{-webkit-transform:translate(-100%,100%);transform:translate(-100%,100%)}75%{-webkit-transform:translateY(100%);transform:translateY(100%)}}.animation-5 .shape3[data-v-9d1ffae2]{animation:animation5shape3-data-v-9d1ffae2 2s ease 0s infinite reverse}@-webkit-keyframes animation5shape3-data-v-9d1ffae2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(100%);transform:translate(100%)}50%{-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%)}75%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes animation5shape3-data-v-9d1ffae2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(100%);transform:translate(100%)}50%{-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%)}75%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.animation-5 .shape4[data-v-9d1ffae2]{animation:animation5shape4-data-v-9d1ffae2 2s ease 0s infinite reverse}@-webkit-keyframes animation5shape4-data-v-9d1ffae2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}75%{-webkit-transform:translate(-100%);transform:translate(-100%)}}@keyframes animation5shape4-data-v-9d1ffae2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}75%{-webkit-transform:translate(-100%);transform:translate(-100%)}}