.box[data-v-55887b5a]{max-width:1000px;min-width:800px;margin:0 auto;border-radius:10px}.box .head[data-v-55887b5a]{padding:0 28px;height:60px;background-image:linear-gradient(0deg,#1ad0b3,#23ccd1),linear-gradient(#fff,#fff);border-radius:10px;display:flex;justify-content:space-between;font-size:22px;line-height:60px;color:#fff}.box .head .head-right[data-v-55887b5a]{width:200px;line-height:54px}.box .head .head-right[data-v-55887b5a] .input-with-select .el-input__inner{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5);color:#fff}.box .head .head-right[data-v-55887b5a] .input-with-select .el-input__inner::placeholder{color:#fff}.box .head .head-right[data-v-55887b5a] .input-with-select .el-input__inner::-webkit-input-placeholder{color:#fff}.box .head .head-right[data-v-55887b5a] .input-with-select .el-input__inner:-moz-placeholder,.box .head .head-right[data-v-55887b5a] .input-with-select .el-input__inner::-moz-placeholder{color:#fff}.box .head .head-right[data-v-55887b5a] .input-with-select .el-input__inner:-ms-input-placeholder{color:#fff}.box .head .head-right[data-v-55887b5a] .el-input-group__append{background-color:hsla(0,0%,100%,.5);border:0;color:#fff}.box .body-box[data-v-55887b5a]{max-width:1000px;min-width:800px;margin:12px 0 0 0;background-color:#fff;border-radius:10px}.box .body-box .el-tabs[data-v-55887b5a] .el-tabs__item{padding:0 22px;height:60px;line-height:60px;font-size:16px}.box .body-box .el-tabs[data-v-55887b5a] .is-active{color:#1ecec0}.box .body-box .el-tabs[data-v-55887b5a] .el-tabs__active-bar{background-color:#1ecec0}.box .body-box .el-tabs[data-v-55887b5a] .el-tabs__item:hover{color:#1ecec0}.box .body-box .content-box[data-v-55887b5a]{padding:0 20px;overflow:auto;height:calc(100vh - 236px)}.box .body-box .content-box[data-v-55887b5a] :after{content:"";width:310px}.box .body-box .content-box .ul[data-v-55887b5a]{display:flex;justify-content:space-between;flex-wrap:wrap}.box .body-box .content-box .ul .li[data-v-55887b5a]{width:310px;height:260px;padding:15px}.box .body-box .content-box .ul .li .imgBox[data-v-55887b5a]{position:relative;width:280px;height:160px;overflow:hidden;text-align:center}.box .body-box .content-box .ul .li .imgBox img[data-v-55887b5a]{max-width:100%;max-height:100%}.box .body-box .content-box .ul .li .imgBox .bgc[data-v-55887b5a]{position:absolute;top:0;left:0;width:280px;height:160px;background-color:rgba(0,0,0,.4);z-index:1}.box .body-box .content-box .ul .li .imgBox .isShowPlay[data-v-55887b5a]{position:absolute;top:50%;left:50%;width:138px;height:34px;margin-left:-69px;margin-top:-12px;background-color:#1ecec0;border-radius:17px;text-align:center;line-height:34px;font-size:16px;color:#fff;cursor:pointer}.box .body-box .content-box .ul .li .imgBox .isShowPlay .el-icon-video-play[data-v-55887b5a]{font-size:18px;vertical-align:text-bottom}.box .body-box .content-box .ul .li .title[data-v-55887b5a]{width:280px;overflow:hidden;font-size:16px;color:grey;margin:10px 0}.box .body-box .content-box .ul .li .time[data-v-55887b5a]{font-size:14px;color:#b6b6b6}.box .body-box .content-box .ul li[data-v-55887b5a]:hover{box-shadow:0 4px 24px 0 rgba(0,0,0,.15);transition:all .2s}[data-v-55887b5a] .video-dialog .el-dialog__body{padding:10px 20px 20px 20px}