a{
    color: #333;
}
a:hover{
    text-decoration: none;
}
/*.el-form-item{margin-bottom: 30px;}*/
.page-box{
    padding: 15px;
}

p{
    margin: 0 0 10px;
}


label.error{
    font-weight: normal;
    color: #ff0000;
}









.vkd-gray{
    color: grey;
}
.vkd-lh_15{
    line-height: 1.5;
}
.vkd-fs_14{
    font-size: 14px;
}
.vkd-fs_16{
    font-size: 16px;
}
.vkd-fs_18{
    font-size: 18px;
}

.vkd-flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.vkd-flex_column{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
.vkd-flex_row{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
}
.vkd-flex_item{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.vkd-flex_item_2{
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    flex: 2;
}

.vkd-flex_item_3{
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    flex: 3;
}
.vkd-flex_item_4{
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    flex: 4;
}
.vkd-flex_item_5{
    -webkit-box-flex: 5;
    -webkit-flex: 5;
    flex: 5;
}

.vkd-c_primary{ color: #409eff}
.vkd-c_success{ color: #67c23a}
.vkd-c_warning{ color: #e6a23c}
.vkd-c_danger{ color: #f56c6c}
.vkd-c_info{ color: #909399}
.vkd-c_light_gray{ color: #CCCCCC; }

.vkd-b_1{ border: 1px solid #eee; }
.vkd-br_5{ border-radius: 5px; }

.vkd-hr_1{ border-bottom: 1px solid #eee; height: 0; }

.vkd-con{ max-width: 1200px; margin: 0 auto;}
.vkd-col{float: left;}
.vkd-col-auto{ overflow: hidden;}
.vkd-f_l{ float: left; }
.vkd-f_r{ float: right; }

.vkd-ta_left{ text-align: left; }
.vkd-ta_right{ text-align: right; }
.vkd-ta_center{ text-align: center; }

.vkd-of_hidden{overflow: hidden;}
.vkd-p_relative{position: relative;}
.vkd-p_absolute{position: absolute;}
.vkd-va_middle{
    position:absolute;
    top: 50%;
    transform: translate(0, -50%);
}
.vkd-ha_middle{
    position:absolute;
    left: 50%;
    transform: translate(-50%, 0);
}
.vkd-vh_middle{
    position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.vkd-wn{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.vkd-nowrap_1{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.vkd-nowrap_2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.vkd-ulli_rs{
    padding: 0;
    margin: 0;
}

.vkd-f_12{ font-size: 12px;}
.vkd-f_14{ font-size: 14px;}
.vkd-f_16{ font-size: 16px;}
.vkd-f_18{ font-size: 18px;}
.vkd-f_20{ font-size: 20px;}
.vkd-f_22{ font-size: 22px;}
.vkd-f_24{ font-size: 24px;}
.vkd-f_26{ font-size: 26px;}


.vkd-h_5{ height: 5px; }
.vkd-h_10{ height: 10px; }
.vkd-h_15{ height: 15px; }
.vkd-h_20{ height: 20px; }
.vkd-h_25{ height: 25px; }
.vkd-h_30{ height: 30px; }
.vkd-h_40{ height: 40px; }
.vkd-h_50{ height: 50px; }

.vkd-pl_10{ padding-left: 10px; }
.vkd-pl_20{ padding-left: 20px; }
.vkd-pl_30{ padding-left: 30px; }
.vkd-pl_40{ padding-left: 40px; }
.vkd-pl_50{ padding-left: 50px; }


.vkd-m_0{ margin: 0; }
.vkd-m_10{ margin: 10px; }
.vkd-m_20{ margin: 20px; }
.vkd-m_30{ margin: 30px; }
.vkd-m_40{ margin: 40px; }
.vkd-m_50{ margin: 50px; }
.vkd-mr_15{ margin-right: 15px; }
.vkd-mt_10{ margin-top: 10px; }
.vkd-mt_20{ margin-top: 20px; }
.vkd-mt_30{ margin-top: 30px; }
.vkd-mt_40{ margin-top: 40px; }
.vkd-mt_50{ margin-top: 50px; }
.vkd-mb_10{ margin-bottom: 10px; }
.vkd-mb_20{ margin-bottom: 20px; }
.vkd-mb_30{ margin-bottom: 30px; }
.vkd-mb_40{ margin-bottom: 40px; }
.vkd-mb_50{ margin-bottom: 50px; }





.vkd-p_0{ padding: 0;}
.vkd-p_10{ padding: 10px; }
.vkd-p_20{ padding: 20px; }
.vkd-p_30{ padding: 30px; }
.vkd-p_40{ padding: 40px; }
.vkd-p_50{ padding: 50px; }


.vkd-pt_0{ padding-top: 0px; }
.vkd-pt_10{ padding-top: 10px; }
.vkd-pt_20{ padding-top: 20px; }
.vkd-pt_30{ padding-top: 30px; }
.vkd-pt_40{ padding-top: 40px; }
.vkd-pt_50{ padding-top: 50px; }

.vkd-pb_0{ padding-bottom: 0px; }
.vkd-pb_10{ padding-bottom: 10px; }
.vkd-pb_20{ padding-bottom: 20px; }
.vkd-pb_30{ padding-bottom: 30px; }
.vkd-pb_40{ padding-bottom: 40px; }
.vkd-pb_50{ padding-bottom: 50px; }





.vkd-d_n{ display: none; }
.vkd-d_b{ display: block; }
.vkd-d_ib{ display: inline-block; }
.vkd-d_i{ display: inline; }




.vkd-error{
    font-weight: normal;
    color: red;
}
#vkd-loading-bg{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,.5);
}
.sk-wave {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: 40px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.sk-wave .sk-rect {
    background-color: green;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}

.sk-wave .sk-rect1 {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s;
}

.sk-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-wave .sk-rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-waveStretchDelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes sk-waveStretchDelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}