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

.v-app {
	width: 100%;
	background-color: #F7F7F7;
}

/* ======== 【宽度】 ======== */

.v-w-1200 {
    width: 1200px;
}

/* ======== 【高度】 ======== */

.v-h-140 {
    height: 140px !important;
}

/* ======== 【鼠标形状】 ======== */

.v-cursor-default {
    cursor: default;
}

.v-cursor-pointer {
    cursor: pointer;
}

/* ======== 【文字颜色】 ======== */

.v-color-409EFF {
    color: #409EFF;
}

.v-color-67C23A {
    color: #67C23A;
}

.v-color-E6A23C {
    color: #E6A23C;
}

.v-color-F56C6C {
    color: #F56C6C;
}

.v-color-17a2b8 {
    color: #17a2b8;
}

.v-color-000000 {
    color: #000000;
}

.v-color-303133 {
    color: #303133;
}

.v-color-606266 {
    color: #606266;
}

.v-color-909399 {
    color: #909399;
}

.v-color-C0C4CC {
    color: #C0C4CC;
}

/* ======== 【背景颜色】 ======== */

.v-bg-FFFFFF {
    background-color: #ffffff;
}

.v-bg-0d192d {
    background-color: #0d192d;
}

.v-bg-172b4d {
    background-color: #172b4d;
}

.v-login-bgcover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-image: url(../image/login_page_bg.jpg);
}

.v-register-bgcover {
    background-size: contain;
    background-repeat: repeat-x;
    background-position: center top;
    background-image: url(../image/regsiter_page_bg.jpg);
}

/* ======== 【导航菜单】 ======== */

.v-menu.v-self-menu .v-menu-item {
    margin-bottom: 5px;
    transition: none !important;
}

.v-menu.v-self-menu .v-menu-item:last-child {
    margin-bottom: 0;
}

.v-menu.v-self-menu .v-menu-item:hover {
    color: #ffffff;
    background-color: #409eff !important;
}

.v-menu.v-self-menu .v-menu-item:hover [class^=v-icon] {
    color: #ffffff !important;
}

.v-menu.v-self-menu .v-menu-item.is-active {
    color: #ffffff !important;
    background-color: #409eff !important;
}

/* 页面加载动画 */

.v-page-progress {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.v-progress-main {
    text-align: center;
}

.v-progress-title {
    font-size: 18px;
    letter-spacing: 4px;
    margin-top: 20px;
}

.v-progress-item {
	width:15px;
    height:15px;
    margin: 0 5px;
    border-radius:15px;
    display:inline-block;
	background-color:#67C23A;
}

.is-progress-1 {
	animation:progress 1.5s .1s infinite;
}

.is-progress-2 {
	animation:progress 1.5s .2s infinite;
}

.is-progress-3 {
	animation:progress 1.5s .4s infinite;
}

.is-progress-4 {
	animation:progress 1.5s .8s infinite;
}

.is-progress-5 {
	animation:progress 1.5s 1.2s infinite;
	background-color:#67C23A;
}

@-webkit-keyframes progress {
    0 {
	    width:15px;
    }
    50% {
        width:35px;
    }
    100% {
        width:15px;
    }
}

@-moz-keyframes progress {
    0 {
	    width:15px;
    }
    50% {
        width:35px;
    }
    100% {
        width:15px;
    }
}

@-o-keyframes progress {
    0 {
	    width:15px;
    }
    50% {
        width:35px;
    }
    100% {
        width:15px;
    }
}

@keyframes progress {
	0 {
	    width:15px;
    }
    50% {
        width:35px;
    }
    100% {
        width:15px;
    }
}