[v-cloak] { display: none !important; }

body { margin: 0px; padding: 0px; font-size: 14px; color: #000000; }
a {
    text-decoration: none;
    color: #3a8ee6;
}
    a:hover {
        color: #005aa2;
    }
    a:visited { color: #0078d7; text-decoration: none; }
    a:active { color: #0078d7; text-decoration: none; } 
/* 头部标题 */

.headtitle { width: 100%; height: 80px; padding: 20px; z-index: 102; position: relative; background: #fff; box-sizing: border-box; box-shadow: 0px 0px 5px #C7C7C7; }

    .headtitle > img { width: 280px; height: 50px; margin-top: -5px; }

    .headtitle > span { font-size: 30px; font-weight: 600; font-style: italic; }

.user { float: right; width: 180px; height: 80px; margin-top: -20px; padding: 0px 10px; position: relative; box-sizing: border-box; }

    .user > div:first-of-type { z-index: 10; position: relative; display: flex; background: #fff; padding-top: 14px; padding-bottom: 11px; box-sizing: border-box; }

.photo > img { width: 50px; height: 50px; margin-left: 10px; cursor: pointer; border-radius: 50px; }

.suer_message { cursor: pointer; margin-top: 13px; margin-left: 10px; }

    .suer_message > i { color: #0078d7; margin-left: 10px; }

.rotate { transform: rotate(180deg); }

.dropDownBox { top: -210px; z-index: 1; width: 160px; position: absolute; box-sizing: border-box; box-shadow: 0px 0px 10px #b3b3b3; }

    .dropDownBox > div:first-of-type { height: 80px; }

ul,
li { margin: 0px; padding: 0px; list-style: none; }

.dropDownBox ul { background: #fff; padding: 5px 0px; box-sizing: border-box; }

    .dropDownBox ul:last-of-type { border-top: 1px solid #ddd; }

    .dropDownBox ul > li { height: 50px; color: #999; font-size: 15px; cursor: pointer; transition: .3s; padding-top: 15px; padding-left: 10px; background: #fff; box-sizing: border-box; }

        .dropDownBox ul > li > i { margin-left: 10px; margin-right: 10px; }

        .dropDownBox ul > li:hover { color: #0078d7; background: #F2F2F2; }

.clickrean { top: 0px; animation: myfirst .3s; }

.clickrean1 { top: -210px; animation: myfirst1 .3s; }

@keyframes myfirst {
    0% { top: -210px; }
    100% { top: 0px; }
}

@keyframes myfirst1 {
    0% { top: 0px; }
    100% { top: -210px; }
}


/* 修改密码弹出框 */

.passwordmanagement_table { margin: auto; }

    .passwordmanagement_table tr { height: 50px; }

    .passwordmanagement_table td:first-of-type { text-align: right; padding-right: 10px; box-sizing: border-box; }

    .passwordmanagement_table input { width: 200px; }


/* 侧边菜单栏 */

.menu { position: absolute; top: 80px; left: 0px; bottom: 0px; z-index: 9; width: 240px; transition: .3s; overflow-y: scroll; background: #f5f5f5; }

    .menu::-webkit-scrollbar { display: none; }

    .menu .el-menu { border-right: 0px !important; }

.arrow { position: absolute; right: 21px; bottom: 10px; font-size: 20px; color: #aaa; }


/* 中间主体 */

.center-content { top: 100px; left: 260px; bottom: 20px; overflow-y: auto; position: absolute; transition: .3s; width: calc(100% - 280px); height: calc(100% - 120px); }


/* 加载层 */

.circle { top: 45%; left: 45%; width: 90px; height: 90px; position: absolute; box-sizing: border-box; }

.location { z-index: 999; top: 0px; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, .3); }

.big { left: 0; top: 50%; right: 0; bottom: 0; margin: auto; position: absolute; width: 54px; height: 54px; border-radius: 50%; box-sizing: border-box; border: 3px solid #0078d7; border-left-color: transparent; -webkit-animation: changeright 2.5s linear infinite; }

.small { left: 0; top: 50%; right: 0; bottom: 0; margin: auto; position: absolute; width: 34px; height: 34px; border-radius: 50%; box-sizing: border-box; border: 3px solid #0078d7; border-bottom-color: transparent; -webkit-animation: changeleft 2s linear infinite; }

@-webkit-keyframes changeright {
    0% { -webkit-transform: rotate(0deg); }
    50% { -webkit-transform: rotate(180deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@-webkit-keyframes changeleft {
    0% { -webkit-transform: rotate(0deg); }
    50% { -webkit-transform: rotate(-180deg); }
    100% { -webkit-transform: rotate(-360deg); }
}

.table { font-size: 14px; text-align: center; margin: 0 auto; border-spacing: 0; border: 1px #000; width: 100%; padding: 0 20px; }

    .table thead tr, .table tbody tr { height: 68px; }
   /* .table tr th:first-child, .table tr td:first-child { border-left: 1px solid #eaeaea; }
    .table tr th:last-child, .table tr td:last-child { border-right: 1px solid #eaeaea; }*/
    .table tr td:first-child,
    .table tr td:nth-child(2),
    .table tr td:nth-child(3),
    .table tr td:nth-child(4),
    .table tr td:nth-child(5),
    .table tr td:nth-child(6),
    .table tr td:nth-child(7),
    .table tr td:nth-child(8),
    .table tr td:nth-child(9),
  /*  .table tr td:last-child { border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; box-sizing: border-box; }*/
    .table tr th { background: #f4f4f4; }
    .table tr:first-child th:first-child { border-top-left-radius: 5px; }
    .table tr:first-child th:last-child { border-top-right-radius: 5px; }
    .table tr:last-child td:first-child { border-bottom-left-radius: 0px; }
    .table tr:last-child td:last-child { border-bottom-right-radius: 0px; }
    .table tr:hover { background: #f4f4f4; }
.txt-center { text-align: center; }
.txt-right { text-align: right; padding: 0 10px; }
.txt-left { text-align: left; padding: 0 10px; }
.mu-table td { padding: 10px; line-height: 24px; }
.video-title {
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
}
.video-img {
    width: 120px;
    height: 68px;
    margin-right:10px;
}
.code-dialog .el-dialog {
    width: 440px !important;
    height: 480px !important;
}
.el-dialog__body {
    padding: 20px !important;
}

.edit-dialog .el-dialog {
    width: 500px !important;
    height: 220px !important;
}
.share-dialog .el-dialog {
    width: 800px !important;
    height: auto !important;
}
    .share-dialog .el-dialog .el-dialog__body {
        height:500px;
        overflow-y:auto;
    }
    .el-pagination {
        text-align: center;
        margin: 20px;
    }


.export-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
}

.export-con {
    width: 380px;
    height: 30px;
    padding: 13px 15px 0px 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -190px;
    background: #fff;
    border-radius: 5px;
    text-align: center;
}
    .export-con .export-title {
        position: absolute;
        left: 15px;
        top: 13px;
    }

.ant-progress-inner {
    background-color: #d7d7d7;
}
.hide {
    display: none;
}

.show {
    display: block;
}