view,
text {
    word-wrap: break-word;
    word-break: break-all;
}

page {
    background-color: #F3F3F3;
}

.login_bg {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 0;

    .bgimg {
        width: 750rpx;
        height: 100vh;
    }
}

.pageimg {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
    opacity: 0.8;
}

$pageWidth: 690rpx;
// $pageWidth: 600rpx;

//标准宽度
.page_width {
    width: $pageWidth;
}

//顶部图片
.header_bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 750rpx;
    z-index: 0;
}

//卡片
.card_box {
    width: $pageWidth;
    background: #FFFFFF;
    box-shadow: 0px 3rpx 18rpx 0px rgba(0, 71, 147, 0.09);
    border-radius: 12rpx;
    margin: 0 auto;
    padding: 24rpx 36rpx;

    .title {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .left {
            display: flex;
            align-items: center;

            .title_icon {
                width: 9rpx;
                height: 26rpx;
                background: #f98f30;
                border-radius: 5rpx;
                color: #f98f30;
                overflow: hidden;
            }
        }


    }

}

.dot {
    width: 18rpx;
    height: 18rpx;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10rpx;


}

.dot_primary {
    background: #4D98F4;
    border: 4rpx solid rgba(77, 152, 244, 0.15);
    box-shadow:
        0 0 0 1px #a0cfff,
        0 0 0 3px #ecf5ff,
        0 0 2px 3px rgba(77, 152, 244, 0.15);
}

.dot_error {
    background: #F33535;
    border: 4rpx solid rgba(243, 53, 53, 0.15);
    box-shadow:
        0 0 0 1px #fab6b6,
        0 0 0 3px #fef0f0,
        0 0 2px 3px rgba(#fa3534, 0.15);

}

.dot_warning {
    background: #F5A629;
    border: 4rpx solid rgba(240, 155, 45, 0.15);
    box-shadow:
        0 0 0 1px #fcbd71,
        0 0 0 3px #fdf6ec,
        0 0 2px 3px rgba(240, 155, 45, 0.15);
}

.dot_success {
    background: #0CB986;
    border: 4px solid rgba(12, 185, 134, 0.15);
    box-shadow:
        0 0 0 1px #71d5a1,
        0 0 0 3px #dbf1e1,
        0 0 2px 3px rgba(12, 185, 134, 0.15);
}

.out_box {
    //外围盒子
    background: #f1f7ff;
    // background: #000;
    border-radius: 20rpx 20rpx 0rpx 0rpx;
    display: block;
    padding: 20rpx;
    min-height: calc(100vh - 400rpx);
}

.bg_theme {
    background: $uni-color-primary;
}

.bg_main2 {
    background: #f1f7ff;
}

.fixed_bottom {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
}

//表格
.table_box {
    .u-tr {
        &:nth-child(2n) {
            background: #f6fafe;
        }

        ::v-deep .u-th {
            background: #edf4fe;
            color: #4d98f4;
            line-height: 40rpx;
            font-size: 24rpx;
        }

        :v-deep .u-td {
            font-size: 20rpx;
            padding: 20rpx 0;
        }
    }
}