jy/src/web/staticres/frontRouter/pc/my_data_packet/css/index-pc.css

.flex {
    display: flex;
    align-items: center;
}
.d-packet-container {
    line-height: 1;
    padding-top: 64px;
    padding-bottom: 70px;
    min-height: calc(100vh - 364px);
    background: #ececec;
}
.d-packet-tabs .el-tabs__header {
    background: rgba(255,255,255,0.5);
    box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.05) inset;
    margin: 0;
}

.d-packet-tabs .el-tabs__header .el-tabs__nav-wrap, .d-packet-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav {
    display: flex;
    flex-direction: initial;
    justify-content: center;
}

.d-packet-tabs .el-tabs__nav-wrap::after {
    background: none;
}

.d-packet-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__item {
    width: 240px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    text-align: center;
    color: #686868;
    padding: 0;
}

.d-packet-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__item.is-active {
    color: #1d1d1d;
}

.d-packet-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__item:hover {
    color: #1d1d1d;
}

.d-packet-tabs .el-tabs__content {
    width: 100%;
    min-height: 500px;
    padding-bottom: 93px;
}

.data-box {
    width: 1080px;
    margin: 48px auto 0 auto;
}

.data-box .up-line h3 {
    line-height: 28px;
    font-size: 18px;
    margin-bottom: 24px;
}

.data-box .up-line .d-conts {
    flex-wrap: wrap;
    justify-content: space-between;
}

.data-box .up-line .d-conts .d-card {
    width: 49%;
    height: 142px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.06);
    margin-bottom: 20px;
    padding: 24px 32px;
}

.data-box .up-line .d-conts .d-card h4 {
    line-height: 24px;
    background-position: left;
    padding-left: 28px;
}

.data-box .up-line .d-conts .d-card .words {
    flex-direction: inherit;
    justify-content: space-around;
    align-items: center;
}

.data-box .up-line .d-conts .d-card .words .nums {
    text-align: center;
    margin-top: 16px;
}

.data-box .up-line .d-conts .d-card .words .nums .p1 {
    font-size: 20px;
    color: #1d1d1d;
    line-height: 32px;
}

.data-box .up-line .d-conts .d-card .words .nums .p1 i {
    font-size: 14px;
    color: #686868;
    margin-left: 4px;
}

.data-box .up-line .d-conts .d-card .words .nums .p2 {
    font-size: 14px;
    color: #686868;
    line-height: 22px;
}

.data-box .up-line .d-conts .d-card .words .r-code .p1, .data-box .up-line .d-conts .d-card .words .r-code .p1 i {
    color: #FF9F40;
}

.data-box .down-line .d-chong {
    flex-direction: column;
    width: 100%;
    height: 242px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.06);
}

.data-box .down-line .d-chong .d-head {
    display: flex;
    flex-direction: initial;
    align-items: center;
    justify-content: space-between;
    height: 122px;
    border-radius: 8px 8px 0 0;
    padding: 28px 32px;
    background: -webkit-linear-gradient(180deg,#14a7d6 0%, #1ec2db 100%);
}

.data-box .down-line .d-chong .d-head .s-zhu {
    color: #fff;
}

.data-box .down-line .d-chong .d-head .el-button {
    border: none;
}

.data-box .down-line .d-chong .d-head .s-zhu .p1 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.data-box .down-line .d-chong .d-head .s-zhu .p1 i {
    font-size: 24px;
    margin: 0 8px;
}

.data-box .down-line .d-chong .d-head .s-zhu .p2 {
    font-size: 14px;
    color: rgba(255,255,255,0.90);
    line-height: 22px;
    margin-top: 8px;
}

.data-box .down-line .d-chong .d-head .el-button {
    padding: 0;
    width: 132px;
    height: 36px;
    border-radius: 6px;
    color: #2cb7ca;
    font-size: 16px;
}

.data-box .down-line .d-chong .c-cont {
    justify-content: space-around;
    padding: 32px 0;
}

.data-box .down-line .d-chong .c-cont .l-shu {
    width: 50%;
}

.data-box .down-line .d-chong .c-cont .nums {
    width: 50%;
    text-align: center;
}

.data-box .down-line .d-chong .c-cont .nums .p1 {
    font-size: 20px;
    color: #1d1d1d;
    line-height: 32px;
}

.data-box .down-line .d-chong .c-cont .nums .p1 i {
    font-size: 14px;
    color: #686868;
    margin-left: 4px;
}

.data-box .down-line .d-chong .c-cont .nums .p2 {
    font-size: 14px;
    color: #686868;
    line-height: 22px;
}

.data-box .down-line .d-chong .c-cont .r-code .p1, .data-box .down-line .d-chong .c-cont .r-code .p1 i {
    color: #FF9F40;
}

.data-box .down-line .d-chong .c-cont .el-divider--vertical {
    height: 56px;
}

.data-box .up-biao {
    margin: 32px 0 24px 0;
}

.data-box .up-biao .el-table {
    border-radius: 8px 8px 0 0;
}

.data-box .up-biao .el-table tr th {
    color: #1d1d1d;
    font-weight: 700;
}

.data-box .up-biao .el-table .el-table__header {
    padding-top: 20px;
}

.data-box .up-biao .biao-ge {
    background: #fff;
    padding-bottom: 32px;
    border-radius: 8px;
}

.data-box .up-biao .biao-ge .el-table .el-loading-mask {
    z-index: 99!important;
}

.data-box .up-biao .biao-ge .el-table .searchConditions {
    text-align: left;
}

.data-box .up-biao .biao-ge .el-table .searchConditions .secondEillps {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.data-box .up-biao .biao-ge .el-table .searchConditions .secondEillps .imptySeach {
    width: 100%;
    text-align: center;
    display: inline-block;
}

.data-box .up-biao .biao-ge .el-pagination {
    margin-top: 32px;
    padding: 0;
    padding: 2px 32px;
    text-align: right;
}

.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
    background: none;
    border: 1px solid #f4f4f5;
}

.data-box .up-biao .no-data {
    width: 160px;
    margin: 56px auto 0 auto;
}

.data-box .up-biao .no-data .tip-text {
    color: #999999;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    margin-top: 24px;
}

.exports {
    margin-top: 32px;
}

.exports .up-biao {
    margin: 0;
}

.exports .biao-ge {
    padding-top: 20px;
}

.exports .up-biao .el-table tr th {
    padding: 8px 0;
}

.exports .el-table tr td {
    /* padding: 0; */
    height: 72px;
}
.exports .el-table tr td .dian-ji {
    color: #2CB7CA;
    text-decoration: none;
}
.exports .el-table .el-table__empty-block .no-data {
    margin-top: 0;
}

.exports .up-biao .el-table .el-table__header {
    padding-top: 12px;
}

.exports .el-table::before {
    height: 0;
}