/*
 * 初始化类 - 移动端 - VUI UI 框架
 * ========================================
 * @author 田涛
 * @date 2019-12-25
 * ========================================
 */

* {
    outline: none;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::after, 
::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}

html, body {
    width: 100%;
    height: 100%;
    min-height: 100%;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
}

html, body, header, section, footer, div, ul, ol, li, img, a, span, em, del, legend, center, strong, var, fieldset, form, label, dl, dt, dd, cite, input, hr, time, mark, pre, code, figcaption, figure, textarea, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    border: 0;
    padding: 0;
    font-style: normal;
}

input::-ms-clear, 
input::-ms-reveal {
    display: none;
}

ul, li {
    list-style: none;
}

p {
    font-size: 14px;
    color: #757575;
}

a {
    color: #0062cc;
    text-decoration: none;
    background-color: transparent;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

h5 {
    color: #757575;
    font-size: 14px;
    font-weight: normal;
}

h6 {
    color: #757575;
    font-size: 14px;
    font-weight: normal;
}

h1 small, h2 small, h3 small, h4 small {
    line-height: 1;
    color: #757575;
    font-weight: normal;
}

h5 small, h6 small {
    line-height: 1;
    color: #757575;
    font-weight: normal;
}

h1 small, h2 small, h3 small {
    font-size: 65%;
}

h4 small, h5 small, h6 small {
    font-size: 75%;
}

img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    -moz-object-fit: cover;
    object-fit: cover;
}

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

/*
 * UI类 - 移动端 - VUI UI 框架
 * ========================================
 * @author 田涛
 * @date 2019-12-25
 * ========================================
 */

/*浏览器，提示*/

.v-iealert-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom center;
    background: url(../image/iealert/v-bg-f.png)
}

.v-iealert-wrap > .v-iealert-content {
    width: 1200px;
    height: 400px;
    left: 50%;
    top: 50%;
    position: absolute;
    margin-top: -200px;
    margin-left: -600px;
}


/*伪类清除浮动*/

.v-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.v-clearfix {
    *zoom: 1;
}

.collapse-transition {
	-webkit-transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out;
	transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
	-webkit-transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out;
	transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out;
}

/* 模态遮罩层 */

.v-modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	background: #000;
}

.v-modal-enter {
	-webkit-animation: v-modal-in .2s ease;
	animation: v-modal-in .2s ease;
}

.v-modal-leave {
	-webkit-animation: v-modal-out .2s ease forwards;
	animation: v-modal-out .2s ease forwards;
}

@keyframes v-modal-in {
	0% {
		opacity: 0;
	}
}

@keyframes v-modal-out {
	100% {
		opacity: 0;
	}
}

/* 弹性布局 */

.v-flex-column {
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.v-flex-1 {
	height: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}


/*元素层级*/

.v-zindex-0 {
    z-index: 0 !important;
}

.v-zindex-10 {
    z-index: 10 !important;
}

.v-zindex-100 {
    z-index: 100 !important;
}

.v-zindex-1000 {
    z-index: 1000 !important;
}

.v-zindex-2000 {
    z-index: 2000 !important;
}


/*元素浮动*/

.v-left {
    float: left !important;
}

.v-right {
    float: right !important;
}


/*元素位置*/

.v-fixed {
    position: fixed !important;
}

.v-relative {
    position: relative !important;
}

.v-absolute {
    position: absolute !important;
}


/*显示 || 隐藏*/

.v-hide {
    display: none !important;
}

.v-block {
    display: block !important;
}

.v-inline-block {
    display: inline-block !important;
}

.v-over-hide {
    overflow: hidden !important;
}

.v-over-visible {
    overflow: visible !important;
}

.v-over-show {
    overflow: auto !important;
}

.v-vist-hide {
    visibility: hidden !important;
}

.v-vist-show {
    visibility: visible !important;
}

@media only screen and (max-width:767px) {
	.v-hidden-xs-only {
		display: none !important
	}
}

@media only screen and (min-width:768px) {
	.v-hidden-sm-and-up {
		display: none !important
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.v-hidden-sm-only {
		display: none !important
	}
}

@media only screen and (max-width:991px) {
	.hidden-sm-and-down {
		display: none !important
	}
}

@media only screen and (min-width:992px) {
	.v-hidden-md-and-up {
		display: none !important
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.v-hidden-md-only {
		display: none !important
	}
}

@media only screen and (max-width:1199px) {
	.v-hidden-md-and-down {
		display: none !important
	}
}

@media only screen and (min-width:1200px) {
	.v-hidden-lg-and-up {
		display: none !important
	}
}

@media only screen and (min-width:1200px) and (max-width:1919px) {
	.v-hidden-lg-only {
		display: none !important
	}
}

@media only screen and (max-width:1919px) {
	.v-hidden-lg-and-down {
		display: none !important
	}
}

@media only screen and (min-width:1920px) {
	.v-hidden-xl-only {
		display: none !important
	}
}

/*图片背景*/

.v-bg-size-auto {
    background-size: auto !important;
}

.v-bg-size-cover {
    background-size: cover !important;
}

/*文字对齐*/

.v-text-left {
    text-align: left!important;
}

.v-text-right {
    text-align: right!important;
}

.v-text-center {
    text-align: center!important;
}

/*文字大小*/

.v-font-12 {
    font-size: 12px!important;
}

.v-font-14 {
    font-size: 14px!important;
}

.v-font-16 {
    font-size: 16px!important;
}

.v-font-18 {
    font-size: 18px!important;
}

.v-font-20 {
    font-size: 20px!important;
}

.v-font-22 {
    font-size: 22px!important;
}

.v-font-24 {
    font-size: 24px!important;
}

.v-font-26 {
    font-size: 26px!important;
}

.v-font-28 {
    font-size: 28px!important;
}

.v-font-30 {
    font-size: 30px!important;
}

.v-font-32 {
    font-size: 32px!important;
}

.v-font-34 {
    font-size: 34px!important;
}

.v-font-36 {
    font-size: 36px!important;
}

.v-font-38 {
    font-size: 38px!important;
}

.v-font-40 {
    font-size: 40px!important;
}

.v-font-42 {
    font-size: 42px!important;
}

.v-font-44 {
    font-size: 44px!important;
}

.v-font-46 {
    font-size: 46px!important;
}

.v-font-48 {
    font-size: 48px!important;
}

.v-font-50 {
    font-size: 50px!important;
}

.v-font-52 {
    font-size: 52px!important;
}

.v-font-54 {
    font-size: 54px!important;
}

.v-font-56 {
    font-size: 56px!important;
}

.v-font-58 {
    font-size: 58px!important;
}

.v-font-60 {
    font-size: 60px!important;
}

.v-font-62 {
    font-size: 62px!important;
}

.v-font-64 {
    font-size: 64px!important;
}

.v-font-66 {
    font-size: 66px!important;
}

.v-font-68 {
    font-size: 68px!important;
}

.v-font-70 {
    font-size: 70px!important;
}

.v-font-72 {
    font-size: 72px!important;
}

.v-font-74 {
    font-size: 74px!important;
}

.v-font-76 {
    font-size: 76px!important;
}

.v-font-78 {
    font-size: 78px!important;
}

.v-font-80 {
    font-size: 80px!important;
}

.v-font-82 {
    font-size: 82px!important;
}

.v-font-84 {
    font-size: 84px!important;
}

.v-font-86 {
    font-size: 86px!important;
}

.v-font-88 {
    font-size: 88px!important;
}

.v-font-90 {
    font-size: 90px!important;
}

.v-font-92 {
    font-size: 92px!important;
}

.v-font-94 {
    font-size: 94px!important;
}

.v-font-96 {
    font-size: 96px!important;
}

.v-font-98 {
    font-size: 98px!important;
}

.v-font-100 {
    font-size: 100px!important;
}

/* 文字颜色 */

.v-font-white {
	color: #ffffff!important;
}

.v-font-primary {
	color: #409EFF!important;
}

.v-font-success {
	color: #67C23A!important;
}

.v-font-info {
	color: #17a2b8!important;
}

.v-font-warning {
	color: #E6A23C!important;
}

.v-font-danger {
	color: #F56C6C!important;
}

.v-font-dark {
	color: #343a40!important;
}

.v-font-secondary {
	color: #909399!important;
}

/*文字隐藏-*/

.v-text-ellipsis-1 {
    display: block;
    overflow: hidden;
    text-overflow:ellipsis;
	word-wrap: break-word;
	word-break: break-all;
}

.v-text-ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	position: relative;
}

.v-text-ellipsis-2:after {
	content: '';
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10%;
	height: 1.8em;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}

.v-text-ellipsis-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	position: relative;
}

.v-text-ellipsis-3:after {
	content: '';
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10%;
	height: 1.8em;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}

/* 背景颜色 */

.v-bg-white {
    background-color: #ffffff!important;
}

.v-bg-primary {
	background-color: #409EFF!important;
}

.v-bg-success {
	background-color: #67C23A!important;
}

.v-bg-info {
	background-color: #17a2b8!important;
}

.v-bg-warning {
	background-color: #E6A23C!important;
}

.v-bg-danger {
	background-color: #F56C6C!important;
}

.v-bg-dark {
	background-color: #343a40!important;
}

.v-bg-secondary {
	background-color: #909399!important;
}

.v-bg-transparent {
    background-color: transparent!important;
}

/*内边距*/

.v-padding-0 {
    padding: 0 !important;
}

.v-padding-tb-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.v-padding-lr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.v-padding-5 {
    padding: 5px !important
}

.v-padding-t-5 {
    padding-top: 5px !important;
}

.v-padding-b-5 {
    padding-bottom: 5px !important;
}

.v-padding-l-5 {
    padding-left: 5px !important;
}

.v-padding-r-5 {
    padding-right: 5px !important;
}

.v-padding-tb-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.v-padding-lr-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.v-padding-10 {
    padding: 10px !important
}

.v-padding-t-10 {
    padding-top: 10px !important;
}

.v-padding-b-10 {
    padding-bottom: 10px !important;
}

.v-padding-l-10 {
    padding-left: 10px !important;
}

.v-padding-r-10 {
    padding-right: 10px !important;
}

.v-padding-tb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.v-padding-lr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.v-padding-15 {
    padding: 15px !important
}

.v-padding-t-15 {
    padding-top: 15px !important;
}

.v-padding-b-15 {
    padding-bottom: 15px !important;
}

.v-padding-l-15 {
    padding-left: 15px !important;
}

.v-padding-r-15 {
    padding-right: 15px !important;
}

.v-padding-tb-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.v-padding-lr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.v-padding-20 {
    padding: 20px !important
}

.v-padding-t-20 {
    padding-top: 20px !important;
}

.v-padding-b-20 {
    padding-bottom: 20px !important;
}

.v-padding-l-20 {
    padding-left: 20px !important;
}

.v-padding-r-20 {
    padding-right: 20px !important;
}

.v-padding-tb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.v-padding-lr-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.v-padding-25 {
    padding: 25px !important
}

.v-padding-t-25 {
    padding-top: 25px !important;
}

.v-padding-b-25 {
    padding-bottom: 25px !important;
}

.v-padding-l-25 {
    padding-left: 25px !important;
}

.v-padding-r-25 {
    padding-right: 25px !important;
}

.v-padding-tb-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.v-padding-lr-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.v-padding-30 {
    padding: 30px !important
}

.v-padding-t-30 {
    padding-top: 30px !important;
}

.v-padding-b-30 {
    padding-bottom: 30px !important;
}

.v-padding-l-30 {
    padding-left: 30px !important;
}

.v-padding-r-30 {
    padding-right: 30px !important;
}

.v-padding-tb-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.v-padding-lr-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.v-padding-35 {
    padding: 35px !important
}

.v-padding-t-35 {
    padding-top: 35px !important;
}

.v-padding-b-35 {
    padding-bottom: 35px !important;
}

.v-padding-l-35 {
    padding-left: 35px !important;
}

.v-padding-r-35 {
    padding-right: 35px !important;
}

.v-padding-tb-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.v-padding-lr-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
}

.v-padding-40 {
    padding: 40px !important
}

.v-padding-t-40 {
    padding-top: 40px !important;
}

.v-padding-b-40 {
    padding-bottom: 40px !important;
}

.v-padding-l-40 {
    padding-left: 40px !important;
}

.v-padding-r-40 {
    padding-right: 40px !important;
}

.v-padding-tb-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.v-padding-lr-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.v-padding-45 {
    padding: 45px !important;
}

.v-padding-t-45 {
    padding-top: 45px !important;
}

.v-padding-b-45 {
    padding-bottom: 45px !important;
}

.v-padding-l-45 {
    padding-left: 45px !important;
}

.v-padding-r-45 {
    padding-right: 45px !important;
}

.v-padding-tb-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

.v-padding-lr-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
}

.v-padding-50 {
    padding: 50px !important;
}

.v-padding-t-50 {
    padding-top: 50px !important;
}

.v-padding-b-50 {
    padding-bottom: 50px !important;
}

.v-padding-l-50 {
    padding-left: 50px !important;
}

.v-padding-r-50 {
    padding-right: 50px !important;
}

.v-padding-tb-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.v-padding-lr-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.v-padding-55 {
    padding: 55px !important;
}

.v-padding-t-55 {
    padding-top: 55px !important;
}

.v-padding-b-55 {
    padding-bottom: 55px !important;
}

.v-padding-l-55 {
    padding-left: 55px !important;
}

.v-padding-r-55 {
    padding-right: 55px !important;
}

.v-padding-tb-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}

.v-padding-lr-55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
}

.v-padding-60 {
    padding: 60px !important;
}

.v-padding-t-60 {
    padding-top: 60px !important;
}

.v-padding-b-60 {
    padding-bottom: 60px !important;
}

.v-padding-l-60 {
    padding-left: 60px !important;
}

.v-padding-r-60 {
    padding-right: 60px !important;
}

.v-padding-tb-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.v-padding-lr-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

.v-padding-65 {
    padding: 65px !important;
}

.v-padding-t-65 {
    padding-top: 65px !important;
}

.v-padding-b-65 {
    padding-bottom: 65px !important;
}

.v-padding-l-65 {
    padding-left: 65px !important;
}

.v-padding-r-65 {
    padding-right: 65px !important;
}

.v-padding-tb-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
}

.v-padding-lr-65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
}

.v-padding-70 {
    padding: 70px !important;
}

.v-padding-t-70 {
    padding-top: 70px !important;
}

.v-padding-b-70 {
    padding-bottom: 70px !important;
}

.v-padding-l-70 {
    padding-left: 70px !important;
}

.v-padding-r-70 {
    padding-right: 70px !important;
}

.v-padding-tb-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.v-padding-lr-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
}

.v-padding-75 {
    padding: 75px !important;
}

.v-padding-t-75 {
    padding-top: 75px !important;
}

.v-padding-b-75 {
    padding-bottom: 75px !important;
}

.v-padding-l-75 {
    padding-left: 75px !important;
}

.v-padding-r-75 {
    padding-right: 75px !important;
}

.v-padding-tb-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
}

.v-padding-lr-75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
}

.v-padding-80 {
    padding: 80px !important;
}

.v-padding-t-80 {
    padding-top: 80px !important;
}

.v-padding-b-80 {
    padding-bottom: 80px !important;
}

.v-padding-l-80 {
    padding-left: 80px !important;
}

.v-padding-r-80 {
    padding-right: 80px !important;
}

.v-padding-tb-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.v-padding-lr-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

.v-padding-85 {
    padding: 85px !important;
}

.v-padding-t-85 {
    padding-top: 85px !important;
}

.v-padding-b-85 {
    padding-bottom: 85px !important;
}

.v-padding-l-85 {
    padding-left: 85px !important;
}

.v-padding-r-85 {
    padding-right: 85px !important;
}

.v-padding-tb-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
}

.v-padding-lr-85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
}

.v-padding-90 {
    padding: 90px !important;
}

.v-padding-t-90 {
    padding-top: 90px !important;
}

.v-padding-b-90 {
    padding-bottom: 90px !important;
}

.v-padding-l-90 {
    padding-left: 90px !important;
}

.v-padding-r-90 {
    padding-right: 90px !important;
}

.v-padding-tb-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.v-padding-lr-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
}

.v-padding-95 {
    padding: 95px !important;
}

.v-padding-t-95 {
    padding-top: 95px !important;
}

.v-padding-b-95 {
    padding-bottom: 95px !important;
}

.v-padding-l-95 {
    padding-left: 95px !important;
}

.v-padding-r-95 {
    padding-right: 95px !important;
}

.v-padding-tb-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
}

.v-padding-lr-95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
}

.v-padding-100 {
    padding: 100px !important;
}

.v-padding-t-100 {
    padding-top: 100px !important;
}

.v-padding-b-100 {
    padding-bottom: 100px !important;
}

.v-padding-l-100 {
    padding-left: 100px !important;
}

.v-padding-r-100 {
    padding-right: 100px !important;
}

.v-padding-tb-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.v-padding-lr-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
}


/*外边距*/

.v-top-0 {
    top: 0!important;
}

.v-bottom-0 {
    bottom: 0!important;
}

.v-left-0 {
    left: 0!important;
}

.v-right-0 {
    right: 0!important;
}

.v-margin-lr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.v-margin-0 {
    margin: 0 !important;
}

.v-margin-t-0 {
    margin-top: 0 !important;
}

.v-margin-b-0 {
    margin-bottom: 0 !important;
}

.v-margin-l-0 {
    margin-left: 0 !important;
}

.v-margin-r-0 {
    margin-right: 0 !important;
}

.v-margin-5 {
    margin: 5px !important
}

.v-margin-t-5 {
    margin-top: 5px !important;
}

.v-margin-b-5 {
    margin-bottom: 5px !important;
}

.v-margin-l-5 {
    margin-left: 5px !important;
}

.v-margin-r-5 {
    margin-right: 5px !important;
}

.v-margin-tb-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.v-margin-lr-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.v-margin-10 {
    margin: 10px !important
}

.v-margin-t-10 {
    margin-top: 10px !important;
}

.v-margin-b-10 {
    margin-bottom: 10px !important;
}

.v-margin-l-10 {
    margin-left: 10px !important;
}

.v-margin-r-10 {
    margin-right: 10px !important;
}

.v-margin-tb-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.v-margin-lr-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.v-margin-15 {
    margin: 15px !important
}

.v-margin-t-15 {
    margin-top: 15px !important;
}

.v-margin-b-15 {
    margin-bottom: 15px !important;
}

.v-margin-l-15 {
    margin-left: 15px !important;
}

.v-margin-r-15 {
    margin-right: 15px !important;
}

.v-margin-tb-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.v-margin-lr-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.v-margin-20 {
    margin: 20px !important
}

.v-margin-t-20 {
    margin-top: 20px !important;
}

.v-margin-b-20 {
    margin-bottom: 20px !important;
}

.v-margin-l-20 {
    margin-left: 20px !important;
}

.v-margin-r-20 {
    margin-right: 20px !important;
}

.v-margin-tb-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.v-margin-lr-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.v-margin-25 {
    margin: 25px !important
}

.v-margin-t-25 {
    margin-top: 25px !important;
}

.v-margin-b-25 {
    margin-bottom: 25px !important;
}

.v-margin-l-25 {
    margin-left: 25px !important;
}

.v-margin-r-25 {
    margin-right: 25px !important;
}

.v-margin-tb-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.v-margin-lr-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.v-margin-30 {
    margin: 30px !important
}

.v-margin-t-30 {
    margin-top: 30px !important;
}

.v-margin-b-30 {
    margin-bottom: 30px !important;
}

.v-margin-l-30 {
    margin-left: 30px !important;
}

.v-margin-r-30 {
    margin-right: 30px !important;
}

.v-margin-tb-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.v-margin-lr-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.v-margin-35 {
    margin: 35px !important
}

.v-margin-t-35 {
    margin-top: 35px !important;
}

.v-margin-b-35 {
    margin-bottom: 35px !important;
}

.v-margin-l-35 {
    margin-left: 35px !important;
}

.v-margin-r-35 {
    margin-right: 35px !important;
}

.v-margin-tb-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

.v-margin-lr-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
}

.v-margin-40 {
    margin: 40px !important
}

.v-margin-t-40 {
    margin-top: 40px !important;
}

.v-margin-b-40 {
    margin-bottom: 40px !important;
}

.v-margin-l-40 {
    margin-left: 40px !important;
}

.v-margin-r-40 {
    margin-right: 40px !important;
}

.v-margin-tb-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.v-margin-lr-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.v-margin-45 {
    margin: 45px !important
}

.v-margin-t-45 {
    margin-top: 45px !important;
}

.v-margin-b-45 {
    margin-bottom: 45px !important;
}

.v-margin-l-45 {
    margin-left: 45px !important;
}

.v-margin-r-45 {
    margin-right: 45px !important;
}

.v-margin-tb-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}

.v-margin-lr-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
}

.v-margin-50 {
    margin: 50px !important
}

.v-margin-t-50 {
    margin-top: 50px !important;
}

.v-margin-b-50 {
    margin-bottom: 50px !important;
}

.v-margin-l-50 {
    margin-left: 50px !important;
}

.v-margin-r-50 {
    margin-right: 50px !important;
}

.v-margin-tb-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.v-margin-lr-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.v-margin-55 {
    margin: 55px !important
}

.v-margin-t-55 {
    margin-top: 55px !important;
}

.v-margin-b-55 {
    margin-bottom: 55px !important;
}

.v-margin-l-55 {
    margin-left: 55px !important;
}

.v-margin-r-55 {
    margin-right: 55px !important;
}

.v-margin-tb-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
}

.v-margin-lr-55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
}

.v-margin-60 {
    margin: 60px !important
}

.v-margin-t-60 {
    margin-top: 60px !important;
}

.v-margin-b-60 {
    margin-bottom: 60px !important;
}

.v-margin-l-60 {
    margin-left: 60px !important;
}

.v-margin-r-60 {
    margin-right: 60px !important;
}

.v-margin-tb-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.v-margin-lr-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
}

.v-margin-65 {
    margin: 65px !important
}

.v-margin-t-65 {
    margin-top: 65px !important;
}

.v-margin-b-65 {
    margin-bottom: 65px !important;
}

.v-margin-l-65 {
    margin-left: 65px !important;
}

.v-margin-r-65 {
    margin-right: 65px !important;
}

.v-margin-tb-65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
}

.v-margin-lr-65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
}

.v-margin-70 {
    margin: 70px !important
}

.v-margin-t-70 {
    margin-top: 70px !important;
}

.v-margin-b-70 {
    margin-bottom: 70px !important;
}

.v-margin-l-70 {
    margin-left: 70px !important;
}

.v-margin-r-70 {
    margin-right: 70px !important;
}

.v-margin-tb-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.v-margin-lr-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
}

.v-margin-75 {
    margin: 75px !important
}

.v-margin-t-75 {
    margin-top: 75px !important;
}

.v-margin-b-75 {
    margin-bottom: 75px !important;
}

.v-margin-l-75 {
    margin-left: 75px !important;
}

.v-margin-r-75 {
    margin-right: 75px !important;
}

.v-margin-tb-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
}

.v-margin-lr-75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
}

.v-margin-80 {
    margin: 80px !important
}

.v-margin-t-80 {
    margin-top: 80px !important;
}

.v-margin-b-80 {
    margin-bottom: 80px !important;
}

.v-margin-l-80 {
    margin-left: 80px !important;
}

.v-margin-r-80 {
    margin-right: 80px !important;
}

.v-margin-tb-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.v-margin-lr-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
}

.v-margin-85 {
    margin: 85px !important
}

.v-margin-t-85 {
    margin-top: 85px !important;
}

.v-margin-b-85 {
    margin-bottom: 85px !important;
}

.v-margin-l-85 {
    margin-left: 85px !important;
}

.v-margin-r-85 {
    margin-right: 85px !important;
}

.v-margin-tb-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
}

.v-margin-lr-85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
}

.v-margin-90 {
    margin: 90px !important
}

.v-margin-t-90 {
    margin-top: 90px !important;
}

.v-margin-b-90 {
    margin-bottom: 90px !important;
}

.v-margin-l-90 {
    margin-left: 90px !important;
}

.v-margin-r-90 {
    margin-right: 90px !important;
}

.v-margin-tb-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}

.v-margin-lr-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
}

.v-margin-95 {
    margin: 95px !important
}

.v-margin-t-95 {
    margin-top: 95px !important;
}

.v-margin-b-95 {
    margin-bottom: 95px !important;
}

.v-margin-l-95 {
    margin-left: 95px !important;
}

.v-margin-r-95 {
    margin-right: 95px !important;
}

.v-margin-tb-95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
}

.v-margin-lr-95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
}

.v-margin-100 {
    margin: 100px !important
}

.v-margin-t-100 {
    margin-top: 100px !important;
}

.v-margin-b-100 {
    margin-bottom: 100px !important;
}

.v-margin-l-100 {
    margin-left: 100px !important;
}

.v-margin-r-100 {
    margin-right: 100px !important;
}

.v-margin-tb-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

.v-margin-lr-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
}

/*宽度*/

.v-w-full {
    width: 100%!important;
}

.v-w-auto {
    width: auto!important;
}

.v-w-5 {
    width: 5px!important;
}

.v-w-10 {
    width: 10px!important;
}

.v-w-15 {
    width: 15px!important;
}

.v-w-20 {
    width: 20px!important;
}

.v-w-25 {
    width: 25px!important;
}

.v-w-30 {
    width: 30px!important;
}

.v-w-35 {
    width: 35px!important;
}

.v-w-40 {
    width: 40px!important;
}

.v-w-45 {
    width: 45px!important;
}

.v-w-50 {
    width: 50px!important;
}

.v-w-55 {
    width: 55px!important;
}

.v-w-60 {
    width: 60px!important;
}

.v-w-65 {
    width: 65px!important;
}

.v-w-70 {
    width: 70px!important;
}

.v-w-75 {
    width: 75px!important;
}

.v-w-80 {
    width: 80px!important;
}

.v-w-85 {
    width: 85px!important;
}

.v-w-90 {
    width: 90px!important;
}

.v-w-95 {
    width: 95px!important;
}

.v-w-100 {
    width: 100px!important;
}

/*高度*/

.v-h-full {
	height: 100%!important;
}

.v-h-auto {
    height: auto!important;
}

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

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

.v-hl-5 {
    height: 5px!important;
    line-height: 5px!important;
}

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

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

.v-hl-10 {
    height: 10px!important;
    line-height: 10px!important;
}

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

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

.v-hl-15 {
    height: 15px!important;
    line-height: 15px!important;
}

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

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

.v-hl-20 {
    height: 20px!important;
    line-height: 20px!important;
}

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

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

.v-hl-25 {
    height: 25px!important;
    line-height: 25px!important;
}

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

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

.v-hl-30 {
    height: 30px!important;
    line-height: 30px!important;
}

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

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

.v-hl-35 {
    height: 35px!important;
    line-height: 35px!important;
}

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

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

.v-hl-40 {
    height: 40px!important;
    line-height: 40px!important;
}

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

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

.v-hl-45 {
    height: 45px!important;
    line-height: 45px!important;
}

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

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

.v-hl-50 {
    height: 50px!important;
    line-height: 50px!important;
}

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

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

.v-hl-55 {
    height: 55px!important;
    line-height: 55px!important;
}

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

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

.v-hl-60 {
    height: 60px!important;
    line-height: 60px!important;
}

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

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

.v-hl-65 {
    height: 65px!important;
    line-height: 65px!important;
}

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

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

.v-hl-70 {
    height: 70px!important;
    line-height: 70px!important;
}

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

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

.v-hl-75 {
    height: 75px!important;
    line-height: 75px!important;
}

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

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

.v-hl-80 {
    height: 80px!important;
    line-height: 80px!important;
}

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

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

.v-hl-85 {
    height: 85px!important;
    line-height: 85px!important;
}

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

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

.v-hl-90 {
    height: 90px!important;
    line-height: 90px!important;
}

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

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

.v-hl-95 {
    height: 95px!important;
    line-height: 95px!important;
}

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

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

.v-hl-100 {
    height: 100px!important;
    line-height: 100px!important;
}

/*圆形*/

.v-radius-round {
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    border-radius: 50%!important;
}

.v-radius-t-l-0 {
    -webkit-border-top-left-radius: 0!important;
    -moz-border-top-left-radius: 0!important;
    border-top-left-radius: 0!important;
}

.v-radius-t-r-0 {
    -webkit-border-top-right-radius: 0!important;
    -moz-border-top-right-radius: 0!important;
    border-top-right-radius: 0!important;
}

.v-radius-b-l-0 {
    -webkit-border-bottom-left-radius: 0!important;
    -moz-border-bottom-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

.v-radius-b-r-0 {
    -webkit-border-bottom-right-radius: 0!important;
    -moz-border-bottom-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

.v-radius-2 {
    -webkit-border-radius: 2px!important;
    -moz-border-radius: 2px!important;
    border-radius: 2px!important;
    border-radius: 2px!important;
}

.v-radius-t-lr-2 {
    -webkit-border-top-left-radius: 2px!important;
    -moz-border-top-left-radius: 2px!important;
    -webkit-border-top-right-radius: 2px!important;
    -moz-border-top-right-radius: 2px!important;
    border-top-left-radius: 2px!important;
    border-top-right-radius: 2px!important;
}

.v-radius-b-lr-2 {
    -webkit-border-bottom-left-radius: 2px!important;
    -moz-border-bottom-left-radius: 2px!important;
    -webkit-border-bottom-right-radius: 2px!important;
    -moz-border-bottom-right-radius: 2px!important;
    border-bottom-left-radius: 2px!important;
    border-bottom-right-radius: 2px!important;
}

.v-radius-4 {
    -webkit-border-radius: 4px!important;
    -moz-border-radius: 4px!important;
    border-radius: 4px!important;
    border-radius: 4px!important;
}

.v-radius-t-lr-4 {
    -webkit-border-top-left-radius: 4px!important;
    -moz-border-top-left-radius: 4px!important;
    -webkit-border-top-right-radius: 4px!important;
    -moz-border-top-right-radius: 4px!important;
    border-top-left-radius: 4px!important;
    border-top-right-radius: 4px!important;
}

.v-radius-b-lr-4 {
    -webkit-border-bottom-left-radius: 4px!important;
    -moz-border-bottom-left-radius: 4px!important;
    -webkit-border-bottom-right-radius: 4px!important;
    -moz-border-bottom-right-radius: 4px!important;
    border-bottom-left-radius: 4px!important;
    border-bottom-right-radius: 4px!important;
}

.v-radius-6 {
    -webkit-border-radius: 6px!important;
    -moz-border-radius: 6px!important;
    border-radius: 6px!important;
    border-radius: 6px!important;
}

.v-radius-t-lr-6 {
    -webkit-border-top-left-radius: 6px!important;
    -moz-border-top-left-radius: 6px!important;
    -webkit-border-top-right-radius: 6px!important;
    -moz-border-top-right-radius: 6px!important;
    border-top-left-radius: 6px!important;
    border-top-right-radius: 6px!important;
}

.v-radius-b-lr-6 {
    -webkit-border-bottom-left-radius: 6px!important;
    -moz-border-bottom-left-radius: 6px!important;
    -webkit-border-bottom-right-radius: 6px!important;
    -moz-border-bottom-right-radius: 6px!important;
    border-bottom-left-radius: 6px!important;
    border-bottom-right-radius: 6px!important;
}

.v-radius-8 {
    -webkit-border-radius: 8px!important;
    -moz-border-radius: 8px!important;
    border-radius: 8px!important;
    border-radius: 8px!important;
}

.v-radius-t-lr-8 {
    -webkit-border-top-left-radius: 8px!important;
    -moz-border-top-left-radius: 8px!important;
    -webkit-border-top-right-radius: 8px!important;
    -moz-border-top-right-radius: 8px!important;
    border-top-left-radius: 8px!important;
    border-top-right-radius: 8px!important;
}

.v-radius-b-lr-8 {
    -webkit-border-bottom-left-radius: 8px!important;
    -moz-border-bottom-left-radius: 8px!important;
    -webkit-border-bottom-right-radius: 8px!important;
    -moz-border-bottom-right-radius: 8px!important;
    border-bottom-left-radius: 8px!important;
    border-bottom-right-radius: 8px!important;
}

.v-radius-10 {
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    border-radius: 10px!important;
    border-radius: 10px!important;
}

.v-radius-t-lr-10 {
    -webkit-border-top-left-radius: 10px!important;
    -moz-border-top-left-radius: 10px!important;
    -webkit-border-top-right-radius: 10px!important;
    -moz-border-top-right-radius: 10px!important;
    border-top-left-radius: 10px!important;
    border-top-right-radius: 10px!important;
}

.v-radius-b-lr-10 {
    -webkit-border-bottom-left-radius: 10px!important;
    -moz-border-bottom-left-radius: 10px!important;
    -webkit-border-bottom-right-radius: 10px!important;
    -moz-border-bottom-right-radius: 10px!important;
    border-bottom-left-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
}

.v-radius-15 {
    -webkit-border-radius: 15px!important;
    -moz-border-radius: 15px!important;
    border-radius: 15px!important;
    border-radius: 15px!important;
}

.v-radius-t-lr-15 {
    -webkit-border-top-left-radius: 15px!important;
    -moz-border-top-left-radius: 15px!important;
    -webkit-border-top-right-radius: 15px!important;
    -moz-border-top-right-radius: 15px!important;
    border-top-left-radius: 15px!important;
    border-top-right-radius: 15px!important;
}

.v-radius-b-lr-15 {
    -webkit-border-bottom-left-radius: 15px!important;
    -moz-border-bottom-left-radius: 15px!important;
    -webkit-border-bottom-right-radius: 15px!important;
    -moz-border-bottom-right-radius: 15px!important;
    border-bottom-left-radius: 15px!important;
    border-bottom-right-radius: 15px!important;
}

.v-radius-20 {
    -webkit-border-radius: 20px!important;
    -moz-border-radius: 20px!important;
    border-radius: 20px!important;
    border-radius: 20px!important;
}

.v-radius-t-lr-20 {
    -webkit-border-top-left-radius: 20px!important;
    -moz-border-top-left-radius: 20px!important;
    -webkit-border-top-right-radius: 20px!important;
    -moz-border-top-right-radius: 20px!important;
    border-top-left-radius: 20px!important;
    border-top-right-radius: 20px!important;
}

.v-radius-b-lr-20 {
    -webkit-border-bottom-left-radius: 20px!important;
    -moz-border-bottom-left-radius: 20px!important;
    -webkit-border-bottom-right-radius: 20px!important;
    -moz-border-bottom-right-radius: 20px!important;
    border-bottom-left-radius: 20px!important;
    border-bottom-right-radius: 20px!important;
}

.v-radius-25 {
    -webkit-border-radius: 25px!important;
    -moz-border-radius: 25px!important;
    border-radius: 25px!important;
    border-radius: 25px!important;
}

.v-radius-t-lr-25 {
    -webkit-border-top-left-radius: 25px!important;
    -moz-border-top-left-radius: 25px!important;
    -webkit-border-top-right-radius: 25px!important;
    -moz-border-top-right-radius: 25px!important;
    border-top-left-radius: 25px!important;
    border-top-right-radius: 25px!important;
}

.v-radius-b-lr-25 {
    -webkit-border-bottom-left-radius: 25px!important;
    -moz-border-bottom-left-radius: 25px!important;
    -webkit-border-bottom-right-radius: 25px!important;
    -moz-border-bottom-right-radius: 25px!important;
    border-bottom-left-radius: 25px!important;
    border-bottom-right-radius: 25px!important;
}

.v-radius-30 {
    -webkit-border-radius: 30px!important;
    -moz-border-radius: 30px!important;
    border-radius: 30px!important;
    border-radius: 30px!important;
}

.v-radius-t-lr-30 {
    -webkit-border-top-left-radius: 30px!important;
    -moz-border-top-left-radius: 30px!important;
    -webkit-border-top-right-radius: 30px!important;
    -moz-border-top-right-radius: 30px!important;
    border-top-left-radius: 30px!important;
    border-top-right-radius: 30px!important;
}

.v-radius-b-lr-30 {
    -webkit-border-bottom-left-radius: 30px!important;
    -moz-border-bottom-left-radius: 30px!important;
    -webkit-border-bottom-right-radius: 30px!important;
    -moz-border-bottom-right-radius: 30px!important;
    border-bottom-left-radius: 30px!important;
    border-bottom-right-radius: 30px!important;
}

.v-radius-35 {
    -webkit-border-radius: 35px!important;
    -moz-border-radius: 35px!important;
    border-radius: 35px!important;
    border-radius: 35px!important;
}

.v-radius-t-lr-35 {
    -webkit-border-top-left-radius: 35px!important;
    -moz-border-top-left-radius: 35px!important;
    -webkit-border-top-right-radius: 35px!important;
    -moz-border-top-right-radius: 35px!important;
    border-top-left-radius: 35px!important;
    border-top-right-radius: 35px!important;
}

.v-radius-b-lr-35 {
    -webkit-border-bottom-left-radius: 35px!important;
    -moz-border-bottom-left-radius: 35px!important;
    -webkit-border-bottom-right-radius: 35px!important;
    -moz-border-bottom-right-radius: 35px!important;
    border-bottom-left-radius: 35px!important;
    border-bottom-right-radius: 35px!important;
}

.v-radius-40 {
    -webkit-border-radius: 40px!important;
    -moz-border-radius: 40px!important;
    border-radius: 40px!important;
    border-radius: 40px!important;
}

.v-radius-t-lr-40 {
    -webkit-border-top-left-radius: 40px!important;
    -moz-border-top-left-radius: 40px!important;
    -webkit-border-top-right-radius: 40px!important;
    -moz-border-top-right-radius: 40px!important;
    border-top-left-radius: 40px!important;
    border-top-right-radius: 40px!important;
}

.v-radius-b-lr-40 {
    -webkit-border-bottom-left-radius: 40px!important;
    -moz-border-bottom-left-radius: 40px!important;
    -webkit-border-bottom-right-radius: 40px!important;
    -moz-border-bottom-right-radius: 40px!important;
    border-bottom-left-radius: 40px!important;
    border-bottom-right-radius: 40px!important;
}

.v-radius-45 {
    -webkit-border-radius: 45px!important;
    -moz-border-radius: 45px!important;
    border-radius: 45px!important;
    border-radius: 45px!important;
}

.v-radius-t-lr-45 {
    -webkit-border-top-left-radius: 45px!important;
    -moz-border-top-left-radius: 45px!important;
    -webkit-border-top-right-radius: 45px!important;
    -moz-border-top-right-radius: 45px!important;
    border-top-left-radius: 45px!important;
    border-top-right-radius: 45px!important;
}

.v-radius-b-lr-45 {
    -webkit-border-bottom-left-radius: 45px!important;
    -moz-border-bottom-left-radius: 45px!important;
    -webkit-border-bottom-right-radius: 45px!important;
    -moz-border-bottom-right-radius: 45px!important;
    border-bottom-left-radius: 45px!important;
    border-bottom-right-radius: 45px!important;
}

.v-radius-50 {
    -webkit-border-radius: 50px!important;
    -moz-border-radius: 50px!important;
    border-radius: 50px!important;
    border-radius: 50px!important;
}

.v-radius-t-lr-50 {
    -webkit-border-top-left-radius: 50px!important;
    -moz-border-top-left-radius: 50px!important;
    -webkit-border-top-right-radius: 50px!important;
    -moz-border-top-right-radius: 50px!important;
    border-top-left-radius: 50px!important;
    border-top-right-radius: 50px!important;
}

.v-radius-b-lr-50 {
    -webkit-border-bottom-left-radius: 50px!important;
    -moz-border-bottom-left-radius: 50px!important;
    -webkit-border-bottom-right-radius: 50px!important;
    -moz-border-bottom-right-radius: 50px!important;
    border-bottom-left-radius: 50px!important;
    border-bottom-right-radius: 50px!important;
}

/*投影*/

.v-shadow-default {
    -webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0px 5px 0 rgba(0, 0, 0, .2);
}

.v-shadow-light {
    -webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0px 5px 0 rgba(0, 0, 0, .1);
}

/*边框*/

.v-border-no {
    border: none !important;
}

.v-border-lr-0 {
    border-left: 0 !important;
    border-right: 0 !important;
}

.v-border-tp-0 {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.v-border-t-0 {
    border-top: 0 !important;
}

.v-border-b-0 {
    border-bottom: 0 !important;
}

.v-border-l-0 {
    border-left: 0 !important;
}

.v-border-r-0 {
    border-right: 0 !important;
}

.v-border-1 {
    border: 1px solid #EEEEEE !important;
}

.v-border-l-1 {
    border-left: 1px solid #EEEEEE !important;
}

.v-border-r-1 {
    border-right: 1px solid #EEEEEE !important;
}

.v-border-t-1 {
    border-top: 1px solid #EEEEEE !important;
}

.v-border-b-1 {
    border-bottom: 1px solid #EEEEEE !important;
}

.v-border-lr-1 {
    border-left: 1px solid #EEEEEE !important;
    border-right: 1px solid #EEEEEE !important;
}

.v-border-tb-1 {
    border-top: 1px solid #EEEEEE !important;
    border-bottom: 1px solid #EEEEEE !important;
}

.v-border-2 {
    border: 2px solid #EEEEEE !important;
}

.v-border-l-2 {
    border-left: 2px solid #EEEEEE !important;
}

.v-border-r-2 {
    border-right: 2px solid #EEEEEE !important;
}

.v-border-t-2 {
    border-top: 2px solid #EEEEEE !important;
}

.v-border-b-2 {
    border-bottom: 2px solid #EEEEEE !important;
}

.v-border-lr-2 {
    border-left: 2px solid #EEEEEE !important;
    border-right: 2px solid #EEEEEE !important;
}

.v-border-tb-2 {
    border-top: 2px solid #EEEEEE !important;
    border-bottom: 2px solid #EEEEEE !important;
}

/* 弹出式菜单 */

.v-popper .v-popper-arrow,
.v-popper .v-popper-arrow::after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.v-popper .v-popper-arrow {
	border-width: 6px;
	-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
	filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
}

.v-popper .v-popper-arrow::after {
	content: " ";
	border-width: 6px;
}

.v-popper[x-placement^=top] {
	margin-bottom: 12px;
}

.v-popper[x-placement^=top] .v-popper-arrow {
	bottom: -6px;
	left: 50%;
	margin-right: 3px;
	border-top-color: #EBEEF5;
	border-bottom-width: 0;
}

.v-popper[x-placement^=top] .v-popper-arrow::after {
	bottom: 1px;
	margin-left: -6px;
	border-top-color: #FFF;
	border-bottom-width: 0;
}

.v-popper[x-placement^=bottom] {
	margin-top: 12px;
}

.v-popper[x-placement^=bottom] .v-popper-arrow {
	top: -6px;
	left: 50%;
	margin-right: 3px;
	border-top-width: 0;
	border-bottom-color: #EBEEF5;
}

.v-popper[x-placement^=bottom] .v-popper-arrow::after {
	top: 1px;
	margin-left: -6px;
	border-top-width: 0;
	border-bottom-color: #FFF;
}

.v-popper[x-placement^=right] {
	margin-left: 12px;
}

.v-popper[x-placement^=right] .v-popper-arrow {
	top: 50%;
	left: -6px;
	margin-bottom: 3px;
	border-right-color: #EBEEF5;
	border-left-width: 0;
}

.v-popper[x-placement^=right] .v-popper-arrow::after {
	bottom: -6px;
	left: 1px;
	border-right-color: #FFF;
	border-left-width: 0;
}

.v-popper[x-placement^=left] {
	margin-right: 12px;
}

.v-popper[x-placement^=left] .v-popper-arrow {
	top: 50%;
	right: -6px;
	margin-bottom: 3px;
	border-right-width: 0;
	border-left-color: #EBEEF5;
}

.v-popper[x-placement^=left] .v-popper-arrow::after {
	right: 1px;
	bottom: -6px;
	margin-left: -6px;
	border-right-width: 0;
	border-left-color: #FFF;
}

/* 404 */

.v-error-404 {
	width: 100%;
}

.v-error-404 > .v-header-error {
	height: 180px;
	text-align: center;
	position: relative;
	margin-bottom: 50px;
}

.v-error-404 > .v-header-error > .v-error-clip {
	position: relative;
    display: inline-block;
    transform: skew(-45deg);
}

.v-error-404 > .v-header-error > .v-error-clip > .v-error-shadow {
	height: 180px;
	overflow: hidden;
	position: relative;
}

.v-error-404 > .v-header-error > .v-error-clip:nth-of-type(2) > .v-error-shadow {
    width: 130px;
}

.v-error-404 > .v-header-error > .v-error-clip:nth-of-type(1) > .v-error-shadow,
.v-error-404 > .v-header-error > .v-error-clip:nth-of-type(3) > .v-error-shadow {
    width: 250px;
}

.v-error-404 > .v-header-error > .v-error-clip:nth-of-type(2) > .v-error-shadow {
    overflow: hidden;
    position: relative;
    box-shadow: inset 20px 0px 20px -15px rgba(150, 150, 150, 0.8), 20px 0px 20px -15px rgba(150, 150, 150, 0.8);
}

.v-error-404 > .v-header-error > .v-error-clip:nth-of-type(3) > .v-error-shadow:after,
.v-error-404 > .v-header-error > .v-error-clip:nth-of-type(1) > .v-error-shadow:after {
    content: "";
    position: absolute;
    right: -5px;
    bottom: 0px;
    z-index: 9999;
    height: 100%;
	width: 10px;
	border-radius: 50%;
    background: linear-gradient(90deg, transparent, rgba(173, 173, 173, 0.8), transparent);
}

.v-error-404 > .v-header-error > .v-error-clip:nth-of-type(3) > .v-error-shadow:after {
    left: -5px;
}

.v-error-404 > .v-header-error > .v-error-clip > .v-error-shadow > .v-error-digit {
    width: 150px;
    height: 150px;
	line-height: 150px;
	color: #ffffff;
    font-size: 120px;
	font-weight: bold;
	text-align: center;
	border-radius: 50%;
	background: #17A2B8;
    display: inline-block;
	position: absolute;
    top: 8%;
    transform: skew(45deg);
}

.v-error-404 > .v-header-error > .v-error-clip:nth-of-type(1) > .v-error-shadow > .v-error-digit {
    right: -0px;
}

.v-error-404 > .v-header-error > .v-error-clip:nth-of-type(2) > .v-error-shadow > .v-error-digit {
    left: -10px;
}

.v-error-404 > .v-header-error > .v-error-clip:nth-of-type(3) > .v-error-shadow > .v-error-digit {
    left: 0px;
}

.v-error-404 > .v-header-error > .v-error-clip > .v-error-msg {
    top: 0px;
    left: -87px;
    width: 80px;
    height: 80px;
    line-height: 80px;
	font-size: 32px;
	position: absolute;
    z-index: 9999;
    display: block;
    background: #535353;
    color: #A2A2A2;
    border-radius: 50%;
	font-style: italic;
	transform: skew(45deg);
}

.v-error-404 > .v-header-error > .v-error-clip > .v-error-msg > span.v-error-triangle {
    top: 70%;
	right: 0%;
	position: absolute;
    z-index: 999;
    transform: rotate(45deg);
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid #535353;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.v-error-404 > .v-footer-error {
	text-align: center;
}

.v-error-404 > .v-footer-error > .v-text {
	font-size: 20px;
    color: #A2A2A2;
    font-weight: bold;
    padding-bottom: 20px;
}

.v-error-404 > .v-footer-error .v-link {
	font-size: 16px;
}

@media(max-width: 767px) {
	.v-error-404 > .v-header-error {
        height: 100px;
	}
	
    .v-error-404 > .v-header-error > .v-error-clip > .v-error-shadow {
        height: 100px;
	}

	.v-error-404 > .v-header-error > .v-error-clip:nth-of-type(1) > .v-error-shadow, 
	.v-error-404 > .v-header-error > .v-error-clip:nth-of-type(3) > .v-error-shadow {
		width: 100px;
	}
	
    .v-error-404 > .v-header-error > .v-error-clip:nth-of-type(2) > .v-error-shadow {
        width: 80px;
	}
	
    .v-error-404 > .v-header-error > .v-error-clip > .v-error-shadow > .v-error-digit {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 52px;
	}

	.v-error-404 > .v-header-error > .v-error-clip:nth-of-type(2) > .v-error-shadow > .v-error-digit {
		left: 0px;
	}
	
    .v-error-404 > .v-header-error > .v-error-clip > .v-error-msg {
        left: -57px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
	}
	
    .v-error-404 > .v-header-error > .v-error-clip > .v-error-msg span.v-error-triangle {
        top: 70%;
        right: -3%;
        border-left: 10px solid #535353;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
	}
}

/* 505 */

.v-error-505 {
	width: 100%;
}

.v-error-505 > .v-header-error {
	height: 180px;
	text-align: center;
	position: relative;
	margin-bottom: 50px;
}

.v-error-505 > .v-header-error > .v-error-clip {
	position: relative;
    display: inline-block;
    transform: skew(-45deg);
}

.v-error-505 > .v-header-error > .v-error-clip > .v-error-shadow {
	height: 180px;
	overflow: hidden;
	position: relative;
}

.v-error-505 > .v-header-error > .v-error-clip:nth-of-type(2) > .v-error-shadow {
    width: 130px;
}

.v-error-505 > .v-header-error > .v-error-clip:nth-of-type(1) > .v-error-shadow,
.v-error-505 > .v-header-error > .v-error-clip:nth-of-type(3) > .v-error-shadow {
    width: 250px;
}

.v-error-505 > .v-header-error > .v-error-clip:nth-of-type(2) > .v-error-shadow {
    overflow: hidden;
    position: relative;
    box-shadow: inset 20px 0px 20px -15px rgba(150, 150, 150, 0.8), 20px 0px 20px -15px rgba(150, 150, 150, 0.8);
}

.v-error-505 > .v-header-error > .v-error-clip:nth-of-type(3) > .v-error-shadow:after,
.v-error-505 > .v-header-error > .v-error-clip:nth-of-type(1) > .v-error-shadow:after {
    content: "";
    position: absolute;
    right: -5px;
    bottom: 0px;
    z-index: 9999;
    height: 100%;
	width: 10px;
	border-radius: 50%;
    background: linear-gradient(90deg, transparent, rgba(173, 173, 173, 0.8), transparent);
}

.v-error-505 > .v-header-error > .v-error-clip:nth-of-type(3) > .v-error-shadow:after {
    left: -5px;
}

.v-error-505 > .v-header-error > .v-error-clip > .v-error-shadow > .v-error-digit {
    width: 150px;
    height: 150px;
	line-height: 150px;
	color: #ffffff;
    font-size: 120px;
	font-weight: bold;
	text-align: center;
	border-radius: 50%;
	background: #E6A23C;
    display: inline-block;
	position: absolute;
    top: 8%;
    transform: skew(45deg);
}

.v-error-505 > .v-header-error > .v-error-clip:nth-of-type(1) > .v-error-shadow > .v-error-digit {
    right: -0px;
}

.v-error-505 > .v-header-error > .v-error-clip:nth-of-type(2) > .v-error-shadow > .v-error-digit {
    left: -10px;
}

.v-error-505 > .v-header-error > .v-error-clip:nth-of-type(3) > .v-error-shadow > .v-error-digit {
    left: 0px;
}

.v-error-505 > .v-header-error > .v-error-clip > .v-error-msg {
    top: 0px;
    left: -87px;
    width: 80px;
    height: 80px;
    line-height: 80px;
	font-size: 32px;
	position: absolute;
    z-index: 9999;
    display: block;
    background: #535353;
    color: #A2A2A2;
    border-radius: 50%;
	font-style: italic;
	transform: skew(45deg);
}

.v-error-505 > .v-header-error > .v-error-clip > .v-error-msg > span.v-error-triangle {
    top: 70%;
	right: 0%;
	position: absolute;
    z-index: 999;
    transform: rotate(45deg);
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid #535353;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.v-error-505 > .v-footer-error {
	text-align: center;
}

.v-error-505 > .v-footer-error > .v-text {
	font-size: 20px;
    color: #A2A2A2;
    font-weight: bold;
    padding-bottom: 20px;
}

.v-error-505 > .v-footer-error .v-link {
	font-size: 16px;
}

@media(max-width: 767px) {
	.v-error-505 > .v-header-error {
        height: 100px;
	}
	
    .v-error-505 > .v-header-error > .v-error-clip > .v-error-shadow {
        height: 100px;
	}

	.v-error-505 > .v-header-error > .v-error-clip:nth-of-type(1) > .v-error-shadow, 
	.v-error-505 > .v-header-error > .v-error-clip:nth-of-type(3) > .v-error-shadow {
		width: 100px;
	}
	
    .v-error-505 > .v-header-error > .v-error-clip:nth-of-type(2) > .v-error-shadow {
        width: 80px;
	}
	
    .v-error-505 > .v-header-error > .v-error-clip > .v-error-shadow > .v-error-digit {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 52px;
	}

	.v-error-505 > .v-header-error > .v-error-clip:nth-of-type(2) > .v-error-shadow > .v-error-digit {
		left: 0px;
	}
	
    .v-error-505 > .v-header-error > .v-error-clip > .v-error-msg {
        left: -57px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
	}
	
    .v-error-505 > .v-header-error > .v-error-clip > .v-error-msg span.v-error-triangle {
        top: 70%;
        right: -3%;
        border-left: 10px solid #535353;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
	}
}

/* Alert 警告 */

.v-alert-tip {
	margin: 0;
	opacity: 1;
	width: 100%;
	overflow: hidden;
	padding: 11px 15px;
	border-radius: 4px;
	position: relative;
	background-color: #FFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}

.v-alert-tip.is-light .v-alert-tip-closebtn {
	color: #C0C4CC;
}

.v-alert-tip.is-dark .v-alert-tip-closebtn,
.v-alert-tip.is-dark .v-alert-tip-description {
	color: #FFF;
}

.v-alert-tip.is-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.v-alert-tip-success.is-light {
	color: #67C23A;
	background-color: #f0f9eb;
}

.v-alert-tip-success.is-light .v-alert-tip-description {
	color: #67C23A;
}

.v-alert-tip-success.is-dark {
	color: #FFF;
	background-color: #67C23A;
}

.v-alert-tip-info.is-light {
	color: #4db8c9;
	background-color: #d8eff3;
}

.v-alert-tip-info.is-dark {
	color: #FFF;
	background-color: #17a2b8;
}

.v-alert-tip-info .v-alert-tip-description {
	color: #4db8c9;
}

.v-alert-tip-warning.is-light {
	color: #E6A23C;
	background-color: #fdf6ec;
}

.v-alert-tip-warning.is-light .v-alert-tip-description {
	color: #E6A23C;
}

.v-alert-tip-warning.is-dark {
	color: #FFF;
	background-color: #E6A23C;
}

.v-alert-tip-error.is-light {
	color: #F56C6C;
	background-color: #fef0f0;
}

.v-alert-tip-error.is-light .v-alert-tip-description {
	color: #F56C6C;
}

.v-alert-tip-error.is-dark {
	color: #FFF;
	background-color: #F56C6C;
}

.v-alert-tip-content {
	padding: 0 8px;
	display: table-cell;
}

.v-alert-tip-icon {
	width: 16px;
	font-size: 16px;
}

.v-alert-tip-icon.is-big {
	width: 28px;
	font-size: 28px;
}

.v-alert-tip-title {
	font-size: 13px;
	line-height: 18px;
}

.v-alert-tip-title.is-bold {
	font-weight: 700;
}

.v-alert-tip .v-alert-tip-description {
	font-size: 12px;
	margin: 5px 0 0;
}

.v-alert-tip-closebtn {
	opacity: 1;
	font-size: 12px;
	cursor: pointer;
	margin-top: -7px;
	position: absolute;
	top: 50%;
	right: 15px;
}

.v-alert-tip-closebtn.is-customed {
	font-style: normal;
	color: #4db8c9 !important;
}

.v-alert-tip-fade-enter,
.v-alert-tip-fade-leave-active {
	opacity: 0;
}

/* 侧边栏容器 */

.v-aside {
    position: relative;
}

.v-aside.is-vertical {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

/* autocomplete */

.v-autocomplete {
	width: 100%;
	position: relative;
	display: inline-block;
}

.v-autocomplete-suggestion {
	margin: 5px 0;
	border-radius: 4px;
	background-color: #FFF;
	border: 1px solid #E4E7ED;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.v-autocomplete-suggestion-wrap {
	padding: 10px 0;
	max-height: 280px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.v-autocomplete-suggestion-list {
	margin: 0;
	padding: 0;
}

.v-autocomplete-suggestion li {
	margin: 0;
	padding: 0 20px;
	font-size: 14px;
	cursor: pointer;
	color: #606266;
	list-style: none;
	overflow: hidden;
	line-height: 34px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.v-autocomplete-suggestion li:hover,
.v-autocomplete-suggestion li.highlighted {
	background-color: #F5F7FA;
}

.v-autocomplete-suggestion li.divider {
	margin-top: 6px;
	border-top: 1px solid #000;
}

.v-autocomplete-suggestion li.divider:last-child {
	margin-bottom: -6px;
}

.v-autocomplete-suggestion.is-loading li {
	height: 45px;
	line-height: 45px;
	color: #999;
	text-align: center;
}

.v-autocomplete-suggestion.is-loading li:hover {
	background-color: #FFF;
}

.v-autocomplete-suggestion.is-loading .v-icon-loading {
	font-size: 40px;
	display: inline-block;
	animation: autocompleteLoadingRotate 2s linear infinite;
}

.v-autocomplete-zoom-in-top-enter-active,
.v-autocomplete-zoom-in-top-leave-active {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
	transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	-webkit-transform-origin: center top;
	transform-origin: center top;
}

.v-autocomplete-zoom-in-top-enter,
.v-autocomplete-zoom-in-top-leave-active {
	opacity: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}

@keyframes autocompleteLoadingRotate {
	from {
		transform: rotate(0deg);
	} 
	to {
		transform: rotate(360deg);
	} 
}

/* Avatar 头像 */

.v-avatar {
	width: 40px;
	height: 40px;
	color: #fff;
	font-size: 14px;
	overflow: hidden;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	background: #C0C4CC;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.v-avatar > img {
	height: 100%;
	display: block;
}

.v-avatar-circle {
	border-radius: 50%;
}

.v-avatar-square {
	border-radius: 4px;
}

.v-avatar-icon > i {
	font-size: 18px;
}

.v-avatar-large {
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.v-avatar-medium {
	width: 36px;
	height: 36px;
	line-height: 36px;
}

.v-avatar-small {
	width: 28px;
	height: 28px;
	line-height: 28px;
}

/* backtop */

.v-backtop {
	z-index: 5;
	width: 40px;
    height: 40px;
	font-size: 20px;
	color: #409eff;
	cursor: pointer;
	position: fixed;
	border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 6px rgba(0,0,0,.12);
}

.v-backtop:hover {
    background-color: #f2f6fc;
}

.v-backtop-fade-in-linear-enter-active,
.v-backtop-fade-in-linear-leave-active {
    transition: opacity .2s linear;
}

.v-backtop-fade-in-linear-enter,
.v-backtop-fade-in-linear-leave,
.v-backtop-fade-in-linear-leave-active {
    opacity: 0;
}

.v-backtop-fade-in-enter-active,
.v-backtop-fade-in-leave-active {
    transition: all .3s cubic-bezier(.55,0,.1,1);
}

.v-backtop-fade-in-enter,
.v-backtop-fade-in-leave-active {
    opacity: 0;
}

/* Badge 标记 */

.v-badge {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.v-badge-content {
	height: 18px;
	color: #FFF;
	padding: 0 6px;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	white-space: nowrap;
	border-radius: 10px;
	display: inline-block;
	/* border: 1px solid #FFF; */
	background-color: #F56C6C;
}

.v-badge.v-badge-admin > .v-badge-content {
	top: 15px;
	right: 25px;
	z-index: 10;
}

.v-badge-content.is-fixed {
	position: absolute;
	top: 0;
	right: 10px;
	-webkit-transform: translateY(-50%) translateX(100%);
	transform: translateY(-50%) translateX(100%);
}

.v-badge-content.is-fixed.is-dot {
	right: 5px;
}

.v-badge-content.is-dot {
	right: 0;
	width: 8px;
	padding: 0;
	height: 8px;
	border-radius: 50%;
}

.v-badge-content-primary {
	background-color: #409EFF;
}

.v-badge-content-success {
	background-color: #67C23A;
}

.v-badge-content-warning {
	background-color: #E6A23C;
}

.v-badge-content-info {
	background-color: #17a2b8;
}

.v-badge-content-danger {
	background-color: #F56C6C;
}

.v-badge-zoom-in-center-enter-active,
.v-badge-zoom-in-center-leave-active {
	-webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
	transition: all .3s cubic-bezier(.55, 0, .1, 1);
}

.v-badge-zoom-in-center-enter,
.v-badge-zoom-in-center-leave-active {
	opacity: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

/* Breadcrumb 面包屑 */

.v-breadcrumb {
	line-height: 1;
	font-size: 14px;
}

.v-breadcrumb::after,
.v-breadcrumb::before {
	content: "";
	display: table;
}

.v-breadcrumb::after {
	clear: both;
}

.v-breadcrumb-separator {
	margin: 0 9px;
	color: #C0C4CC;
	font-weight: 700;
}

.v-breadcrumb-separator[class*=v-icon] {
	margin: 0 6px;
	font-weight: 400;
}

.v-breadcrumb-item {
	float: left;
}

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

.v-breadcrumb-inner a,
.v-breadcrumb-inner.is-link {
	color: #303133;
	font-weight: 700;
	text-decoration: none;
	-webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
	transition: color .2s cubic-bezier(.645, .045, .355, 1);
}

.v-breadcrumb-inner a:hover,
.v-breadcrumb-inner.is-link:hover {
	color: #409EFF;
	cursor: pointer;
}

.v-breadcrumb-item:last-child .v-breadcrumb-inner,
.v-breadcrumb-item:last-child .v-breadcrumb-inner a,
.v-breadcrumb-item:last-child .v-breadcrumb-inner a:hover,
.v-breadcrumb-item:last-child .v-breadcrumb-inner:hover {
	cursor: text;
	color: #606266;
	font-weight: 400;
}

.v-breadcrumb-item:last-child .v-breadcrumb-separator {
	display: none;
}

/* Button 按钮 */

.v-button {
	margin: 0;
	border: 0;
	outline: 0;
	color: #606266;
	line-height: 1;
	font-size: 14px;
	cursor: pointer;
	transition: .1s;
	background: #FFF;
	padding: 12px 20px;
	border-radius: 4px;
	white-space: nowrap;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
	-webkit-transition: .1s;
	-webkit-appearance: none;
	border: 1px solid #DCDFE6;
	-webkit-box-sizing: border-box;
}

.v-button+.v-button {
	margin-left: 10px;
}

.v-button:focus,
.v-button:hover {
	color: #409EFF;
	border-color: #c6e2ff;
	background-color: #ecf5ff;
}

.v-button:active {
	color: #3a8ee6;
	border-color: #3a8ee6;
}

.v-button [class*=v-icon]+span {
	margin-left: 5px;
}

.v-button.is-plain:focus,
.v-button.is-plain:hover {
	color: #409EFF;
	background: #FFF;
	border-color: #409EFF;
}

.v-button.is-active,
.v-button.is-plain:active {
	color: #3a8ee6;
	border-color: #3a8ee6;
}

.v-button.is-plain:active {
	background: #FFF;
}

.v-button.is-disabled,
.v-button.is-disabled:focus,
.v-button.is-disabled:hover {
	color: #C0C4CC;
	cursor: not-allowed;
	background-image: none;
	background-color: #FFF;
	border-color: #EBEEF5;
}

.v-button.is-disabled.is-plain,
.v-button.is-disabled.is-plain:focus,
.v-button.is-disabled.is-plain:hover {
	color: #C0C4CC;
	border-color: #EBEEF5;
	background-color: #FFF;
}

.v-button.is-loading {
	position: relative;
	pointer-events: none;
}

.v-button.is-loading .v-icon-loading {
	display: inline-block;
	animation: btnLoadingRotate 2s linear infinite;
}

.v-button.is-loading:before {
	pointer-events: none;
	content: '';
	position: absolute;
	left: -1px;
	top: -1px;
	right: -1px;
	bottom: -1px;
	border-radius: inherit;
	background-color: rgba(255, 255, 255, .35);
}

@keyframes btnLoadingRotate {
	from {transform: rotate(0deg);} 
	to {transform: rotate(360deg);} 
}

.v-button.is-square {
	border-radius: 0;
}

.v-button.is-round {
	padding: 12px 23px;
	border-radius: 20px;
}

.v-button.is-circle {
	padding: 12px;
	border-radius: 50%;
}

.v-button-primary {
	color: #FFF;
	border-color: #409EFF;
	background-color: #409EFF;
}

.v-button-primary:focus,
.v-button-primary:hover {
	color: #FFF;
	background: #66b1ff;
	border-color: #66b1ff;
}

.v-button-primary.is-active,
.v-button-primary:active {
	color: #FFF;
	background: #3a8ee6;
	border-color: #3a8ee6;
}

.v-button-primary.is-disabled,
.v-button-primary.is-disabled:active,
.v-button-primary.is-disabled:focus,
.v-button-primary.is-disabled:hover {
	color: #FFF;
	border-color: #a0cfff;
	background-color: #a0cfff;
}

.v-button-primary.is-plain {
	color: #409EFF;
	background: #ecf5ff;
	border-color: #b3d8ff;
}

.v-button-primary.is-plain:focus,
.v-button-primary.is-plain:hover {
	color: #FFF;
	background: #409EFF;
	border-color: #409EFF;
}

.v-button-primary.is-plain:active {
	color: #FFF;
	background: #3a8ee6;
	border-color: #3a8ee6;
}

.v-button-primary.is-plain.is-disabled,
.v-button-primary.is-plain.is-disabled:active,
.v-button-primary.is-plain.is-disabled:focus,
.v-button-primary.is-plain.is-disabled:hover {
	color: #8cc5ff;
	border-color: #d9ecff;
	background-color: #ecf5ff;
}

.v-button-success {
	color: #FFF;
	border-color: #67C23A;
	background-color: #67C23A;
}

.v-button-success:focus,
.v-button-success:hover {
	color: #FFF;
	background: #85ce61;
	border-color: #85ce61;
}

.v-button-success.is-active,
.v-button-success:active {
	color: #FFF;
	background: #5daf34;
	border-color: #5daf34;
}

.v-button-success.is-disabled,
.v-button-success.is-disabled:active,
.v-button-success.is-disabled:focus,
.v-button-success.is-disabled:hover {
	color: #FFF;
	border-color: #b3e19d;
	background-color: #b3e19d;
}

.v-button-success.is-plain {
	color: #67C23A;
	background: #f0f9eb;
	border-color: #c2e7b0;
}

.v-button-success.is-plain:focus,
.v-button-success.is-plain:hover {
	color: #FFF;
	background: #67C23A;
	border-color: #67C23A;
}

.v-button-success.is-plain:active {
	color: #FFF;
	background: #5daf34;
	border-color: #5daf34;
}

.v-button-success.is-plain.is-disabled,
.v-button-success.is-plain.is-disabled:active,
.v-button-success.is-plain.is-disabled:focus,
.v-button-success.is-plain.is-disabled:hover {
	color: #a4da89;
	border-color: #e1f3d8;
	background-color: #f0f9eb;
}

.v-button-warning {
	color: #FFF;
	border-color: #E6A23C;
	background-color: #E6A23C;
}

.v-button-warning:focus,
.v-button-warning:hover {
	color: #FFF;
	background: #ebb563;
	border-color: #ebb563;
}

.v-button-warning.is-active,
.v-button-warning:active {
	color: #FFF;
	background: #cf9236;
	border-color: #cf9236;
}

.v-button-warning.is-disabled,
.v-button-warning.is-disabled:active,
.v-button-warning.is-disabled:focus,
.v-button-warning.is-disabled:hover {
	color: #FFF;
	border-color: #f3d19e;
	background-color: #f3d19e;
}

.v-button-warning.is-plain {
	color: #E6A23C;
	background: #fdf6ec;
	border-color: #f5dab1;
}

.v-button-warning.is-plain:focus,
.v-button-warning.is-plain:hover {
	color: #FFF;
	background: #E6A23C;
	border-color: #E6A23C;
}

.v-button-warning.is-plain:active {
	color: #FFF;
	background: #cf9236;
	border-color: #cf9236;
}

.v-button-warning.is-plain.is-disabled,
.v-button-warning.is-plain.is-disabled:active,
.v-button-warning.is-plain.is-disabled:focus,
.v-button-warning.is-plain.is-disabled:hover {
	color: #f0c78a;
	border-color: #faecd8;
	background-color: #fdf6ec;
}

.v-button-danger {
	color: #FFF;
	border-color: #F56C6C;
	background-color: #F56C6C;
}

.v-button-danger:focus,
.v-button-danger:hover {
	color: #FFF;
	background: #f78989;
	border-color: #f78989;
}

.v-button-danger.is-active,
.v-button-danger:active {
	color: #FFF;
	background: #dd6161;
	border-color: #dd6161;
}

.v-button-danger.is-disabled,
.v-button-danger.is-disabled:active,
.v-button-danger.is-disabled:focus,
.v-button-danger.is-disabled:hover {
	color: #FFF;
	border-color: #fab6b6;
	background-color: #fab6b6;
}

.v-button-danger.is-plain {
	color: #F56C6C;
	background: #fef0f0;
	border-color: #fbc4c4;
}

.v-button-danger.is-plain:focus,
.v-button-danger.is-plain:hover {
	color: #FFF;
	background: #F56C6C;
	border-color: #F56C6C;
}

.v-button-danger.is-plain:active {
	color: #FFF;
	background: #dd6161;
	border-color: #dd6161;
}

.v-button-danger.is-plain.is-disabled,
.v-button-danger.is-plain.is-disabled:active,
.v-button-danger.is-plain.is-disabled:focus,
.v-button-danger.is-plain.is-disabled:hover {
	color: #f9a7a7;
	border-color: #fde2e2;
	background-color: #fef0f0;
}

.v-button-info {
	color: #FFF;
	border-color: #17a2b8;
	background-color: #17a2b8;
}

.v-button-info:focus,
.v-button-info:hover {
	color: #FFF;
	background: #4DB8C9;
	border-color: #4DB8C9;
}

.v-button-info.is-active,
.v-button-info:active {
	color: #FFF;
	background: #117a8b;
	border-color: #117a8b;
}

.v-button-info.is-disabled,
.v-button-info.is-disabled:active,
.v-button-info.is-disabled:focus,
.v-button-info.is-disabled:hover {
	color: #FFF;
	border-color: #9cd7e1;
	background-color: #9cd7e1;
}

.v-button-info.is-plain {
	color: #4db8c9;
	background: #d8eff3;
	border-color: #89d0db;
}

.v-button-info.is-plain:focus,
.v-button-info.is-plain:hover {
	color: #FFF;
	background: #138496;
	border-color: #138496;
}

.v-button-info.is-plain:active {
	color: #FFF;
	background: #117a8b;
	border-color: #117a8b;
}

.v-button-info.is-plain.is-disabled,
.v-button-info.is-plain.is-disabled:active,
.v-button-info.is-plain.is-disabled:focus,
.v-button-info.is-plain.is-disabled:hover {
	color: #a1d9e2;
	border-color: #c4e7ed;
	background-color: #dcf1f4;
}

.v-button-dark {
	color: #FFF;
	border-color: #343a40;
	background-color: #343a40;
}

.v-button-dark:focus,
.v-button-dark:hover {
	color: #FFF;
	background: #23272b;
	border-color: #23272b;
}

.v-button-dark.is-active,
.v-button-dark:active {
	color: #FFF;
	background: #545b62;
	border-color: #545b62;
}

.v-button-dark.is-disabled,
.v-button-dark.is-disabled:active,
.v-button-dark.is-disabled:focus,
.v-button-dark.is-disabled:hover {
	color: #FFF;
	border-color: #6c757d;
	background-color: #6c757d;
}

.v-button-dark.is-plain {
	color: #5d6166;
	background: #aeb0b3;
	border-color: #717579;
}

.v-button-dark.is-plain:focus,
.v-button-dark.is-plain:hover {
	color: #FFF;
	background: #23272b;
	border-color: #23272b;
}

.v-button-dark.is-plain:active {
	color: #FFF;
	background: #545b62;
	border-color: #545b62;
}

.v-button-dark.is-plain.is-disabled,
.v-button-dark.is-plain.is-disabled:active,
.v-button-dark.is-plain.is-disabled:focus,
.v-button-dark.is-plain.is-disabled:hover {
	color: #7d8185;
	border-color: #cccdcf;
	background-color: #e0e1e2;
}

.v-button-secondary {
	color: #FFF;
	border-color: #909399;
	background-color: #909399;
}

.v-button-secondary:focus,
.v-button-secondary:hover {
	color: #FFF;
	background: #a6a9ad;
	border-color: #a6a9ad;
}

.v-button-secondary.is-active,
.v-button-secondary:active {
	color: #FFF;
	background: #82848a;
	border-color: #82848a;
}

.v-button-secondary.is-disabled,
.v-button-secondary.is-disabled:active,
.v-button-secondary.is-disabled:focus,
.v-button-secondary.is-disabled:hover {
	color: #FFF;
	border-color: #c8c9cc;
	background-color: #c8c9cc;
}

.v-button-secondary.is-plain {
	color: #909399;
	background: #f4f4f5;
	border-color: #d3d4d6;
}

.v-button-secondary.is-plain:focus,
.v-button-secondary.is-plain:hover {
	color: #FFF;
	background: #909399;
	border-color: #909399;
}

.v-button-secondary.is-plain:active {
	color: #FFF;
	background: #82848a;
	border-color: #82848a;
}

.v-button-secondary.is-plain.is-disabled,
.v-button-secondary.is-plain.is-disabled:active,
.v-button-secondary.is-plain.is-disabled:focus,
.v-button-secondary.is-plain.is-disabled:hover {
	color: #bcbec2;
	border-color: #e9e9eb;
	background-color: #f4f4f5;
}

/* 按钮尺寸 */

.v-button-medium {
	font-size: 14px;
	padding: 10px 20px;
	border-radius: 4px;
}

.v-button-mini,
.v-button-small {
	font-size: 12px;
	border-radius: 3px;
}

.v-button-medium.is-round {
	padding: 10px 20px;
}

.v-button-medium.is-circle {
	padding: 10px;
}

.v-button-small,
.v-button-small.is-round {
	padding: 9px 15px;
}

.v-button-small.is-circle {
	padding: 9px;
}

.v-button-mini,
.v-button-mini.is-round {
	padding: 7px 15px;
}

.v-button-mini.is-circle {
	padding: 7px;
}

/* 文字按钮 */

.v-button-text {
	color: #409EFF;
	background: 0 0;
	padding-left: 0;
	padding-right: 0;
}

.v-button-text:focus,
.v-button-text:hover {
	color: #66b1ff;
	border-color: transparent;
	background-color: transparent;
}

.v-button-text:active {
	color: #3a8ee6;
	background-color: transparent;
}

.v-button.is-disabled.v-button-text {
	background-color: transparent;
}

.v-button-text,
.v-button-text.is-disabled,
.v-button-text.is-disabled:focus,
.v-button-text.is-disabled:hover,
.v-button-text:active {
	border-color: transparent;
}

/* 按钮组 */

.v-button-group {
	display: inline-block;
}

.v-button-group::after,
.v-button-group::before {
	content: "";
	display: table;
}

.v-button-group::after {
	clear: both;
}

.v-button-group > .v-button {
	float: left;
	position: relative;
}

.v-button-group > .v-button+.v-button {
	margin-left: 0;
}

.v-button-group > .v-button.is-disabled {
	z-index: 1;
}

.v-button-group > .v-button:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.v-button-group > .v-button:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.v-button-group > .v-button:first-child:last-child {
	border-radius: 4px;
}

.v-button-group > .v-button:first-child:last-child.is-round {
	border-radius: 20px;
}

.v-button-group > .v-button:first-child:last-child.is-circle {
	border-radius: 50%;
}

.v-button-group > .v-button:not(:first-child):not(:last-child) {
	border-radius: 0;
}

.v-button-group > .v-button:not(:last-child) {
	margin-right: -1px;
}

.v-button-group > .v-button.is-active,
.v-button-group > .v-button:active,
.v-button-group > .v-button:focus,
.v-button-group > .v-button:hover {
	z-index: 1;
}

.v-button-group > .v-dropdown > .v-button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left-color: rgba(255, 255, 255, .5);
}

.v-button-group .v-button-primary:first-child {
	border-right-color: rgba(255, 255, 255, .5);
}

.v-button-group .v-button-primary:last-child {
	border-left-color: rgba(255, 255, 255, .5);
}

.v-button-group .v-button-primary:not(:first-child):not(:last-child) {
	border-left-color: rgba(255, 255, 255, .5);
	border-right-color: rgba(255, 255, 255, .5);
}

.v-button-group .v-button-success:first-child {
	border-right-color: rgba(255, 255, 255, .5);
}

.v-button-group .v-button-success:last-child {
	border-left-color: rgba(255, 255, 255, .5);
}

.v-button-group .v-button-success:not(:first-child):not(:last-child) {
	border-left-color: rgba(255, 255, 255, .5);
	border-right-color: rgba(255, 255, 255, .5);
}

.v-button-group .v-button-warning:first-child {
	border-right-color: rgba(255, 255, 255, .5);
}

.v-button-group .v-button-warning:last-child {
	border-left-color: rgba(255, 255, 255, .5);
}

.v-button-group .v-button-warning:not(:first-child):not(:last-child) {
	border-left-color: rgba(255, 255, 255, .5);
	border-right-color: rgba(255, 255, 255, .5);
}

.v-button-group .v-button-danger:first-child {
	border-right-color: rgba(255, 255, 255, .5);
}

.v-button-group .v-button-danger:last-child {
	border-left-color: rgba(255, 255, 255, .5);
}

.v-button-group .v-button-danger:not(:first-child):not(:last-child) {
	border-left-color: rgba(255, 255, 255, .5);
	border-right-color: rgba(255, 255, 255, .5);
}

.v-button-group .v-button-info:first-child {
	border-right-color: rgba(255, 255, 255, .5);
}

.v-button-group .v-button-info:last-child {
	border-left-color: rgba(255, 255, 255, .5);
}

.v-button-group .v-button-info:not(:first-child):not(:last-child) {
	border-left-color: rgba(255, 255, 255, .5);
	border-right-color: rgba(255, 255, 255, .5);
}

/* Card 卡片 */

.v-card {
    position: relative;
    -webkit-transition: .3s;
	transition: .3s
}

.v-card.is-border {
    border: 1px solid #ebeef5;
}

.v-card.is-always,
.v-card.is-hover:focus,
.v-card.is-hover:hover {
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}

.v-card-header {
    position: relative;
}

.v-card-header.is-divided {
    border-bottom: 1px solid #EBEEF5;
}

.v-card-body {
    position: relative;
}

.v-card-body.is-divided {
    border-top: 1px solid #EBEEF5;
    border-bottom: 1px solid #EBEEF5;
}

.v-card-footer {
    position: relative;
}

.v-card-footer.is-divided {
    border-top: 1px solid #EBEEF5;
}

/* Carousel 走马灯 */

.v-carousel {
    position: relative;
}

.v-carousel-horizontal {
    overflow-x: hidden;
}

.v-carousel-vertical {
    overflow-y: hidden;
}

.v-carousel-container {
    height: 300px;
    position: relative;
}

/* 切换箭头按钮 */

.v-carousel-button {
    display: block;
    opacity: .48;
    width: 30px;
    height: 2px;
    background-color: #fff;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: .3s;
}

.v-carousel-arrow {
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    height: 36px;
    width: 36px;
    cursor: pointer;
    transition: .3s;
    border-radius: 50%;
    background-color: rgba(31,45,61,.11);
    color: #fff;
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
    text-align: center;
    font-size: 12px;
}

.v-carousel-arrow-left {
    left: 16px
}

.v-carousel-arrow-right {
    right: 16px;
}

.v-carousel-arrow:hover {
    background-color: rgba(31,45,61,.23);
}

.v-carousel-arrow i {
    cursor: pointer;
}

.v-carousel-transition-arrow-left-enter,
.v-carousel-transition-arrow-left-leave-active {
    transform: translateY(-50%) translateX(-10px);
    opacity: 0;
}

.v-carousel-transition-arrow-right-enter,
.v-carousel-transition-arrow-right-leave-active {
    transform: translateY(-50%) translateX(10px);
    opacity: 0;
}

/* 指示器 */

.v-carousel-indicators {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 2;
}

.v-carousel-indicators-horizontal {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.v-carousel-indicators-vertical {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.v-carousel-indicators-outside {
    bottom: 26px;
    text-align: center;
    position: static;
    transform: none;
}

.v-carousel-indicators-outside .v-carousel-indicator:hover button {
    opacity: .64;
}

.v-carousel-indicators-outside button {
    background-color: #c0c4cc;
    opacity: .24;
}

.v-carousel-indicators-labels {
    left: 0;
    right: 0;
    transform: none;
    text-align: center;
}

.v-carousel-indicators-labels .v-carousel-button {
    height: auto;
    width: auto;
    padding: 2px 18px;
    font-size: 12px;
}

.v-carousel-indicators-labels .v-carousel-indicator {
    padding: 6px 4px;
}

.v-carousel-indicator {
    background-color: transparent;
    cursor: pointer;
}

.v-carousel-indicator:hover button {
    opacity: .72;
}

.v-carousel-indicator-horizontal {
    display: inline-block;
    padding: 12px 4px;
}

.v-carousel-indicator-vertical {
    padding: 4px 12px;
}

.v-carousel-indicator-vertical .v-carousel-button {
    width: 2px;
    height: 15px;
}

.v-carousel-indicator.is-active button {
    opacity: 1;
}

.v-carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    z-index: 0;
}

.v-carousel-item.is-active {
    z-index: 2;
}

.v-carousel-item-card,
.v-carousel-item.is-animating {
    transition: transform .4s ease-in-out;
}

.v-carousel-item-card {
    width: 50%;
}

.v-carousel-item-card.is-in-stage {
    cursor: pointer;
    z-index: 1;
}

.v-carousel-item-card.is-in-stage.is-hover .v-carousel-mask,
.v-carousel-item-card.is-in-stage:hover .v-carousel-mask {
    opacity: .12;
}

.v-carousel-item-card.is-active {
    z-index: 2;
}

.v-carousel-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: .24;
    transition: .2s;
}

.v-carousel-arrow-left-enter,
.carousel-arrow-left-leave-active {
    transform: translateY(-50%) translateX(-10px);
    opacity: 0;
}

.v-carousel-arrow-right-enter,
.v-carousel-arrow-right-leave-active {
    transform: translateY(-50%) translateX(10px);
    opacity: 0;
}

/* Checkbox 多选框 */

.v-checkbox {
    font-size: 14px;
    cursor: pointer;
    color: #606266;
    margin-right: 20px;
    user-select: none;
    position: relative;
    white-space: nowrap;
    display: inline-block;
}

.v-checkbox.is-disabled {
    cursor: not-allowed;
}

.v-checkbox.is-bordered {
    height: 40px;
    padding: 0px 10px;
    border-radius: 4px;
    line-height: normal;
    box-sizing: border-box;
    border: 1px solid #dcdfe6;
}

.v-checkbox.is-bordered .v-checkbox-label {
    font-size: 14px;
    line-height: 38px;
}

.v-checkbox.is-bordered .v-checkbox-input {
    height: 20px;
    margin-top: 9px;
}

.v-checkbox.is-bordered.is-checked {
    border-color: #409eff;
}

.v-checkbox.is-bordered.is-disabled {
    cursor: not-allowed;
    border-color: #ebeef5;
}

.v-checkbox.is-bordered+.v-checkbox.is-bordered {
    margin-left: 10px;
}

.v-checkbox.is-bordered.v-checkbox-medium {
    height: 36px;
    padding: 0px 10px;
    border-radius: 4px;
}

.v-checkbox.is-bordered.v-checkbox-medium .v-checkbox-input {
    height: 18px;
    margin-top: 8px;
}

.v-checkbox.is-bordered.v-checkbox-medium .v-checkbox-label {
    font-size: 14px;
    line-height: 34px;
}

.v-checkbox.is-bordered.v-checkbox-medium .v-checkbox-inner {
    width: 18px;
    height: 18px;
}

.v-checkbox.is-bordered.v-checkbox-medium .v-checkbox-inner:after {
    box-sizing: content-box;
    content: "";
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 8px;
    left: 5px;
    top: 2px;
    width: 4px;
}

.v-checkbox.is-bordered.v-checkbox-small {
    height: 32px;
    padding: 0px 10px;
    border-radius: 3px;
}

.v-checkbox.is-bordered.v-checkbox-small .v-checkbox-input {
    height: 18px;
    margin-top: 6px;
}

.v-checkbox.is-bordered.v-checkbox-small .v-checkbox-label {
    font-size: 12px;
    line-height: 30px;
}

.v-checkbox.is-bordered.v-checkbox-small .v-checkbox-inner {
    width: 18px;
    height: 18px;
}

.v-checkbox.is-bordered.v-checkbox-small .v-checkbox-inner:after {
    box-sizing: content-box;
    content: "";
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 8px;
    left: 6px;
    top: 2px;
    width: 4px;
}

.v-checkbox.is-bordered.v-checkbox-mini {
    height: 28px;
    padding: 0px 10px;
    border-radius: 3px;
}

.v-checkbox.is-bordered.v-checkbox-mini .v-checkbox-input {
    height: 16px;
    margin-top: 5px;
}

.v-checkbox.is-bordered.v-checkbox-mini .v-checkbox-label {
    font-size: 12px;
    line-height: 26px;
}

.v-checkbox.is-bordered.v-checkbox-mini .v-checkbox-inner {
    width: 16px;
    height: 16px;
}

.v-checkbox.is-bordered.v-checkbox-mini .v-checkbox-inner:after {
    box-sizing: content-box;
    content: "";
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 8px;
    left: 5px;
    top: 1px;
    width: 4px;
}

.v-checkbox-input {
    float: left;
    outline: none;
    line-height: 1;
    display: block;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
}

.v-checkbox-input.is-disabled .v-checkbox-inner {
    cursor: not-allowed;
    border-color: #dcdfe6;
    background-color: #edf2fc;
}

.v-checkbox-input.is-disabled .v-checkbox-inner:after {
    cursor: not-allowed;
    border-color: #c0c4cc;
}

.v-checkbox-input.is-disabled .v-checkbox-inner+.v-checkbox-label {
    cursor: not-allowed;
}

.v-checkbox-input.is-disabled.is-checked .v-checkbox-inner {
    border-color: #dcdfe6;
    background-color: #f2f6fc;
}

.v-checkbox-input.is-disabled.is-checked .v-checkbox-inner:after {
    border-color: #c0c4cc;
}

.v-checkbox-input.is-disabled.is-indeterminate .v-checkbox-inner {
    border-color: #dcdfe6;
    background-color: #f2f6fc;
}

.v-checkbox-input.is-disabled.is-indeterminate .v-checkbox-inner:before {
    border-color: #c0c4cc;
    background-color: #c0c4cc;
}

.v-checkbox-input.is-disabled+span.v-checkbox-label {
    color: #c0c4cc;
    cursor: not-allowed;
}

.v-checkbox-input.is-checked .v-checkbox-inner {
    border-color: #409eff;
    background-color: #409eff;
}

.v-checkbox-input.is-checked .v-checkbox-inner:after {
    transform: rotate(45deg) scaleY(1);
}

.v-checkbox-input.is-checked+.v-checkbox-label {
    color: #409eff;
}

.v-checkbox-input.is-focus .v-checkbox-inner {
    border-color: #409eff;
}

.v-checkbox-input.is-indeterminate .v-checkbox-inner {
    border-color: #409eff;
    background-color: #409eff;
}

.v-checkbox-input.is-indeterminate .v-checkbox-inner:before {
    content: "";
    position: absolute;
    display: block;
    background-color: #fff;
    height: 3px;
    transform: scale(.58);
    left: 0;
    right: 0;
    top: 7px;
}

.v-checkbox-input.is-indeterminate .v-checkbox-inner:after {
    display: none;
}

.v-checkbox-inner {
    display: inline-block;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background-color: #fff;
    z-index: 1;
    transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
}

.v-checkbox-inner:hover {
    border-color: #409eff;
}

.v-checkbox-inner:after {
    box-sizing: content-box;
    content: "";
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 8px;
    left: 6px;
    position: absolute;
    top: 2px;
    transform: rotate(45deg) scaleY(0);
    width: 4px;
    transition: transform .15s ease-in .05s;
    transform-origin: center;
}

.v-checkbox-original {
    opacity: 0;
    outline: none;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1;
}

.v-checkbox-label {
    font-size: 14px;
    line-height: 20px;
    padding-left: 10px;
    display: inline-block;
}

.v-checkbox:last-of-type {
    margin-right: 0;
}

.v-checkbox-button,
.v-checkbox-button-inner {
    float: left;
    display: block;
    position: relative;
}

.v-checkbox-button-inner {
    margin: 0;
    outline: none;
    line-height: 1;
    cursor: pointer;
    font-size: 14px;
    color: #606266;
    border-radius: 0;
    padding: 12px 20px;
    text-align: center;
    background: #fff;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #dcdfe6;
    border-left: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}

.v-checkbox-button-inner.is-round {
    padding: 12px 20px;
}

.v-checkbox-button-inner:hover {
    color: #409eff;
}

.v-checkbox-button-original {
    margin: 0;
    opacity: 0;
    z-index: -1;
    outline: none;
    position: absolute;
}

.v-checkbox-button.is-checked .v-checkbox-button-inner {
    color: #fff;
    border-color: #409eff;
    background-color: #409eff;
    box-shadow: -1px 0 0 0 #8cc5ff;
}

.v-checkbox-button.is-checked:first-child .v-checkbox-button-inner {
    border-left-color: #409eff;
}

.v-checkbox-button.is-disabled .v-checkbox-button-inner {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
}

.v-checkbox-button.is-disabled:first-child .v-checkbox-button-inner {
    border-left-color: #ebeef5;
}

.v-checkbox-button:first-child .v-checkbox-button-inner {
    border-radius: 4px 0 0 4px;
    border-left: 1px solid #dcdfe6;
}

.v-checkbox-button.is-focus .v-checkbox-button-inner {
    border-color: #409eff;
}

.v-checkbox-button:last-child .v-checkbox-button-inner {
    border-radius: 0 4px 4px 0;
}

.v-checkbox-button-medium .v-checkbox-button-inner {
    font-size: 14px;
    border-radius: 0;
    padding: 10px 20px;
}

.v-checkbox-button-medium .v-checkbox-button-inner.is-round {
    padding: 10px 20px;
}

.v-checkbox-button-small .v-checkbox-button-inner {
    font-size: 12px;
    border-radius: 0;
    padding: 9px 15px;
}

.v-checkbox-button-small .v-checkbox-button-inner.is-round {
    padding: 9px 15px;
}

.v-checkbox-button-mini .v-checkbox-button-inner {
    font-size: 12px;
    border-radius: 0;
    padding: 7px 15px;
}

.v-checkbox-button-mini .v-checkbox-button-inner.is-round {
    padding: 7px 15px;
}

.v-checkbox-group {
    overflow: hidden;
}

/* Layout 布局 */

[class*=v-col-] {
	float: left;
}

/**
 * 移动格数
 */
.v-col-pull-0,
.v-col-pull-1,
.v-col-pull-10,
.v-col-pull-11,
.v-col-pull-13,
.v-col-pull-14,
.v-col-pull-15,
.v-col-pull-16,
.v-col-pull-17,
.v-col-pull-18,
.v-col-pull-19,
.v-col-pull-2,
.v-col-pull-20,
.v-col-pull-21,
.v-col-pull-22,
.v-col-pull-23,
.v-col-pull-24,
.v-col-pull-3,
.v-col-pull-4,
.v-col-pull-5,
.v-col-pull-6,
.v-col-pull-7,
.v-col-pull-8,
.v-col-pull-9,
.v-col-push-0,
.v-col-push-1,
.v-col-push-10,
.v-col-push-11,
.v-col-push-12,
.v-col-push-13,
.v-col-push-14,
.v-col-push-15,
.v-col-push-16,
.v-col-push-17,
.v-col-push-18,
.v-col-push-19,
.v-col-push-2,
.v-col-push-20,
.v-col-push-21,
.v-col-push-22,
.v-col-push-23,
.v-col-push-24,
.v-col-push-3,
.v-col-push-4,
.v-col-push-5,
.v-col-push-6,
.v-col-push-7,
.v-col-push-8,
.v-col-push-9 {
	position: rvative;
}

/**
 * 默认视口尺寸
 */
.v-col-0 {
	display: none;
}

.v-col-0 {
	width: 0%;
}

.v-col-offset-0 {
	margin-left: 0;
}

.v-col-pull-0 {
	right: 0;
}

.v-col-push-0 {
	left: 0;
}

.v-col-1 {
	width: 4.16667%;
}

.v-col-offset-1 {
	margin-left: 4.16667%;
}

.v-col-pull-1 {
	right: 4.16667%;
}

.v-col-push-1 {
	left: 4.16667%;
}

.v-col-2 {
	width: 8.33333%;
}

.v-col-offset-2 {
	margin-left: 8.33333%;
}

.v-col-pull-2 {
	right: 8.33333%;
}

.v-col-push-2 {
	left: 8.33333%;
}

.v-col-3 {
	width: 12.5%;
}

.v-col-offset-3 {
	margin-left: 12.5%;
}

.v-col-pull-3 {
	right: 12.5%;
}

.v-col-push-3 {
	left: 12.5%;
}

.v-col-4 {
	width: 16.66667%;
}

.v-col-offset-4 {
	margin-left: 16.66667%;
}

.v-col-pull-4 {
	right: 16.66667%;
}

.v-col-push-4 {
	left: 16.66667%;
}

.v-col-5 {
	width: 20.83333%;
}

.v-col-offset-5 {
	margin-left: 20.83333%;
}

.v-col-pull-5 {
	right: 20.83333%;
}

.v-col-push-5 {
	left: 20.83333%;
}

.v-col-6 {
	width: 25%;
}

.v-col-offset-6 {
	margin-left: 25%;
}

.v-col-pull-6 {
	right: 25%;
}

.v-col-push-6 {
	left: 25%;
}

.v-col-7 {
	width: 29.16667%;
}

.v-col-offset-7 {
	margin-left: 29.16667%;
}

.v-col-pull-7 {
	right: 29.16667%;
}

.v-col-push-7 {
	left: 29.16667%;
}

.v-col-8 {
	width: 33.33333%;
}

.v-col-offset-8 {
	margin-left: 33.33333%;
}

.v-col-pull-8 {
	right: 33.33333%;
}

.v-col-push-8 {
	left: 33.33333%;
}

.v-col-9 {
	width: 37.5%;
}

.v-col-offset-9 {
	margin-left: 37.5%;
}

.v-col-pull-9 {
	right: 37.5%;
}

.v-col-push-9 {
	left: 37.5%;
}

.v-col-10 {
	width: 41.66667%;
}

.v-col-offset-10 {
	margin-left: 41.66667%;
}

.v-col-pull-10 {
	right: 41.66667%;
}

.v-col-push-10 {
	left: 41.66667%;
}

.v-col-11 {
	width: 45.83333%;
}

.v-col-offset-11 {
	margin-left: 45.83333%;
}

.v-col-pull-11 {
	right: 45.83333%;
}

.v-col-push-11 {
	left: 45.83333%;
}

.v-col-12 {
	width: 50%;
}

.v-col-offset-12 {
	margin-left: 50%;
}

.v-col-pull-12 {
	position: rvative;
	right: 50%;
}

.v-col-push-12 {
	left: 50%;
}

.v-col-13 {
	width: 54.16667%;
}

.v-col-offset-13 {
	margin-left: 54.16667%;
}

.v-col-pull-13 {
	right: 54.16667%;
}

.v-col-push-13 {
	left: 54.16667%;
}

.v-col-14 {
	width: 58.33333%;
}

.v-col-offset-14 {
	margin-left: 58.33333%;
}

.v-col-pull-14 {
	right: 58.33333%;
}

.v-col-push-14 {
	left: 58.33333%;
}

.v-col-15 {
	width: 62.5%;
}

.v-col-offset-15 {
	margin-left: 62.5%;
}

.v-col-pull-15 {
	right: 62.5%;
}

.v-col-push-15 {
	left: 62.5%;
}

.v-col-16 {
	width: 66.66667%;
}

.v-col-offset-16 {
	margin-left: 66.66667%;
}

.v-col-pull-16 {
	right: 66.66667%;
}

.v-col-push-16 {
	left: 66.66667%;
}

.v-col-17 {
	width: 70.83333%;
}

.v-col-offset-17 {
	margin-left: 70.83333%;
}

.v-col-pull-17 {
	right: 70.83333%;
}

.v-col-push-17 {
	left: 70.83333%;
}

.v-col-18 {
	width: 75%;
}

.v-col-offset-18 {
	margin-left: 75%;
}

.v-col-pull-18 {
	right: 75%;
}

.v-col-push-18 {
	left: 75%;
}

.v-col-19 {
	width: 79.16667%;
}

.v-col-offset-19 {
	margin-left: 79.16667%;
}

.v-col-pull-19 {
	right: 79.16667%;
}

.v-col-push-19 {
	left: 79.16667%;
}

.v-col-20 {
	width: 83.33333%;
}

.v-col-offset-20 {
	margin-left: 83.33333%;
}

.v-col-pull-20 {
	right: 83.33333%;
}

.v-col-push-20 {
	left: 83.33333%;
}

.v-col-21 {
	width: 87.5%;
}

.v-col-offset-21 {
	margin-left: 87.5%;
}

.v-col-pull-21 {
	right: 87.5%;
}

.v-col-push-21 {
	left: 87.5%;
}

.v-col-22 {
	width: 91.66667%;
}

.v-col-offset-22 {
	margin-left: 91.66667%;
}

.v-col-pull-22 {
	right: 91.66667%;
}

.v-col-push-22 {
	left: 91.66667%;
}

.v-col-23 {
	width: 95.83333%;
}

.v-col-offset-23 {
	margin-left: 95.83333%;
}

.v-col-pull-23 {
	right: 95.83333%;
}

.v-col-push-23 {
	left: 95.83333%;
}

.v-col-24 {
	width: 100%;
}

.v-col-offset-24 {
	margin-left: 100%;
}

.v-col-pull-24 {
	right: 100%;
}

.v-col-push-24 {
	left: 100%;
}

/**
 * 当视口在 xs 尺寸
 */
@media only screen and (max-width:767px) {
	.v-col-xs-0 {
		display: none;
		width: 0%;
	}

	.v-col-xs-offset-0 {
		margin-left: 0;
	}

	.v-col-xs-pull-0 {
		position: rvative;
		right: 0;
	}

	.v-col-xs-push-0 {
		position: rvative;
		left: 0;
	}

	.v-col-xs-1 {
		width: 4.16667%;
	}

	.v-col-xs-offset-1 {
		margin-left: 4.16667%;
	}

	.v-col-xs-pull-1 {
		position: rvative;
		right: 4.16667%;
	}

	.v-col-xs-push-1 {
		position: rvative;
		left: 4.16667%;
	}

	.v-col-xs-2 {
		width: 8.33333%;
	}

	.v-col-xs-offset-2 {
		margin-left: 8.33333%;
	}

	.v-col-xs-pull-2 {
		position: rvative;
		right: 8.33333%;
	}

	.v-col-xs-push-2 {
		position: rvative;
		left: 8.33333%;
	}

	.v-col-xs-3 {
		width: 12.5%;
	}

	.v-col-xs-offset-3 {
		margin-left: 12.5%;
	}

	.v-col-xs-pull-3 {
		position: rvative;
		right: 12.5%;
	}

	.v-col-xs-push-3 {
		position: rvative;
		left: 12.5%;
	}

	.v-col-xs-4 {
		width: 16.66667%;
	}

	.v-col-xs-offset-4 {
		margin-left: 16.66667%;
	}

	.v-col-xs-pull-4 {
		position: rvative;
		right: 16.66667%;
	}

	.v-col-xs-push-4 {
		position: rvative;
		left: 16.66667%;
	}

	.v-col-xs-5 {
		width: 20.83333%;
	}

	.v-col-xs-offset-5 {
		margin-left: 20.83333%;
	}

	.v-col-xs-pull-5 {
		position: rvative;
		right: 20.83333%;
	}

	.v-col-xs-push-5 {
		position: rvative;
		left: 20.83333%;
	}

	.v-col-xs-6 {
		width: 25%;
	}

	.v-col-xs-offset-6 {
		margin-left: 25%;
	}

	.v-col-xs-pull-6 {
		position: rvative;
		right: 25%;
	}

	.v-col-xs-push-6 {
		position: rvative;
		left: 25%;
	}

	.v-col-xs-7 {
		width: 29.16667%;
	}

	.v-col-xs-offset-7 {
		margin-left: 29.16667%;
	}

	.v-col-xs-pull-7 {
		position: rvative;
		right: 29.16667%;
	}

	.v-col-xs-push-7 {
		position: rvative;
		left: 29.16667%;
	}

	.v-col-xs-8 {
		width: 33.33333%;
	}

	.v-col-xs-offset-8 {
		margin-left: 33.33333%;
	}

	.v-col-xs-pull-8 {
		position: rvative;
		right: 33.33333%;
	}

	.v-col-xs-push-8 {
		position: rvative;
		left: 33.33333%;
	}

	.v-col-xs-9 {
		width: 37.5%;
	}

	.v-col-xs-offset-9 {
		margin-left: 37.5%;
	}

	.v-col-xs-pull-9 {
		position: rvative;
		right: 37.5%;
	}

	.v-col-xs-push-9 {
		position: rvative;
		left: 37.5%;
	}

	.v-col-xs-10 {
		width: 41.66667%;
	}

	.v-col-xs-offset-10 {
		margin-left: 41.66667%;
	}

	.v-col-xs-pull-10 {
		position: rvative;
		right: 41.66667%;
	}

	.v-col-xs-push-10 {
		position: rvative;
		left: 41.66667%;
	}

	.v-col-xs-11 {
		width: 45.83333%;
	}

	.v-col-xs-offset-11 {
		margin-left: 45.83333%;
	}

	.v-col-xs-pull-11 {
		position: rvative;
		right: 45.83333%;
	}

	.v-col-xs-push-11 {
		position: rvative;
		left: 45.83333%;
	}

	.v-col-xs-12 {
		width: 50%;
	}

	.v-col-xs-offset-12 {
		margin-left: 50%;
	}

	.v-col-xs-pull-12 {
		position: rvative;
		right: 50%;
	}

	.v-col-xs-push-12 {
		position: rvative;
		left: 50%;
	}

	.v-col-xs-13 {
		width: 54.16667%;
	}

	.v-col-xs-offset-13 {
		margin-left: 54.16667%;
	}

	.v-col-xs-pull-13 {
		position: rvative;
		right: 54.16667%;
	}

	.v-col-xs-push-13 {
		position: rvative;
		left: 54.16667%;
	}

	.v-col-xs-14 {
		width: 58.33333%;
	}

	.v-col-xs-offset-14 {
		margin-left: 58.33333%;
	}

	.v-col-xs-pull-14 {
		position: rvative;
		right: 58.33333%;
	}

	.v-col-xs-push-14 {
		position: rvative;
		left: 58.33333%;
	}

	.v-col-xs-15 {
		width: 62.5%;
	}

	.v-col-xs-offset-15 {
		margin-left: 62.5%;
	}

	.v-col-xs-pull-15 {
		position: rvative;
		right: 62.5%;
	}

	.v-col-xs-push-15 {
		position: rvative;
		left: 62.5%;
	}

	.v-col-xs-16 {
		width: 66.66667%;
	}

	.v-col-xs-offset-16 {
		margin-left: 66.66667%;
	}

	.v-col-xs-pull-16 {
		position: rvative;
		right: 66.66667%;
	}

	.v-col-xs-push-16 {
		position: rvative;
		left: 66.66667%;
	}

	.v-col-xs-17 {
		width: 70.83333%;
	}

	.v-col-xs-offset-17 {
		margin-left: 70.83333%;
	}

	.v-col-xs-pull-17 {
		position: rvative;
		right: 70.83333%;
	}

	.v-col-xs-push-17 {
		position: rvative;
		left: 70.83333%;
	}

	.v-col-xs-18 {
		width: 75%;
	}

	.v-col-xs-offset-18 {
		margin-left: 75%;
	}

	.v-col-xs-pull-18 {
		position: rvative;
		right: 75%;
	}

	.v-col-xs-push-18 {
		position: rvative;
		left: 75%;
	}

	.v-col-xs-19 {
		width: 79.16667%;
	}

	.v-col-xs-offset-19 {
		margin-left: 79.16667%;
	}

	.v-col-xs-pull-19 {
		position: rvative;
		right: 79.16667%;
	}

	.v-col-xs-push-19 {
		position: rvative;
		left: 79.16667%;
	}

	.v-col-xs-20 {
		width: 83.33333%;
	}

	.v-col-xs-offset-20 {
		margin-left: 83.33333%;
	}

	.v-col-xs-pull-20 {
		position: rvative;
		right: 83.33333%;
	}

	.v-col-xs-push-20 {
		position: rvative;
		left: 83.33333%;
	}

	.v-col-xs-21 {
		width: 87.5%;
	}

	.v-col-xs-offset-21 {
		margin-left: 87.5%;
	}

	.v-col-xs-pull-21 {
		position: rvative;
		right: 87.5%;
	}

	.v-col-xs-push-21 {
		position: rvative;
		left: 87.5%;
	}

	.v-col-xs-22 {
		width: 91.66667%;
	}

	.v-col-xs-offset-22 {
		margin-left: 91.66667%;
	}

	.v-col-xs-pull-22 {
		position: rvative;
		right: 91.66667%;
	}

	.v-col-xs-push-22 {
		position: rvative;
		left: 91.66667%;
	}

	.v-col-xs-23 {
		width: 95.83333%;
	}

	.v-col-xs-offset-23 {
		margin-left: 95.83333%;
	}

	.v-col-xs-pull-23 {
		position: rvative;
		right: 95.83333%;
	}

	.v-col-xs-push-23 {
		position: rvative;
		left: 95.83333%;
	}

	.v-col-xs-24 {
		width: 100%;
	}

	.v-col-xs-offset-24 {
		margin-left: 100%;
	}

	.v-col-xs-pull-24 {
		position: rvative;
		right: 100%;
	}

	.v-col-xs-push-24 {
		position: rvative;
		left: 100%;
	}
}

/**
 * 当视口在 sm 尺寸
 */
@media only screen and (min-width:768px) {
	.v-col-sm-0 {
		display: none;
		width: 0%;
	}

	.v-col-sm-offset-0 {
		margin-left: 0;
	}

	.v-col-sm-pull-0 {
		position: rvative;
		right: 0;
	}

	.v-col-sm-push-0 {
		position: rvative;
		left: 0;
	}

	.v-col-sm-1 {
		width: 4.16667%;
	}

	.v-col-sm-offset-1 {
		margin-left: 4.16667%;
	}

	.v-col-sm-pull-1 {
		position: rvative;
		right: 4.16667%;
	}

	.v-col-sm-push-1 {
		position: rvative;
		left: 4.16667%;
	}

	.v-col-sm-2 {
		width: 8.33333%;
	}

	.v-col-sm-offset-2 {
		margin-left: 8.33333%;
	}

	.v-col-sm-pull-2 {
		position: rvative;
		right: 8.33333%;
	}

	.v-col-sm-push-2 {
		position: rvative;
		left: 8.33333%;
	}

	.v-col-sm-3 {
		width: 12.5%;
	}

	.v-col-sm-offset-3 {
		margin-left: 12.5%;
	}

	.v-col-sm-pull-3 {
		position: rvative;
		right: 12.5%;
	}

	.v-col-sm-push-3 {
		position: rvative;
		left: 12.5%;
	}

	.v-col-sm-4 {
		width: 16.66667%;
	}

	.v-col-sm-offset-4 {
		margin-left: 16.66667%;
	}

	.v-col-sm-pull-4 {
		position: rvative;
		right: 16.66667%;
	}

	.v-col-sm-push-4 {
		position: rvative;
		left: 16.66667%;
	}

	.v-col-sm-5 {
		width: 20.83333%;
	}

	.v-col-sm-offset-5 {
		margin-left: 20.83333%;
	}

	.v-col-sm-pull-5 {
		position: rvative;
		right: 20.83333%;
	}

	.v-col-sm-push-5 {
		position: rvative;
		left: 20.83333%;
	}

	.v-col-sm-6 {
		width: 25%;
	}

	.v-col-sm-offset-6 {
		margin-left: 25%;
	}

	.v-col-sm-pull-6 {
		position: rvative;
		right: 25%;
	}

	.v-col-sm-push-6 {
		position: rvative;
		left: 25%;
	}

	.v-col-sm-7 {
		width: 29.16667%;
	}

	.v-col-sm-offset-7 {
		margin-left: 29.16667%;
	}

	.v-col-sm-pull-7 {
		position: rvative;
		right: 29.16667%;
	}

	.v-col-sm-push-7 {
		position: rvative;
		left: 29.16667%;
	}

	.v-col-sm-8 {
		width: 33.33333%;
	}

	.v-col-sm-offset-8 {
		margin-left: 33.33333%;
	}

	.v-col-sm-pull-8 {
		position: rvative;
		right: 33.33333%;
	}

	.v-col-sm-push-8 {
		position: rvative;
		left: 33.33333%;
	}

	.v-col-sm-9 {
		width: 37.5%;
	}

	.v-col-sm-offset-9 {
		margin-left: 37.5%;
	}

	.v-col-sm-pull-9 {
		position: rvative;
		right: 37.5%;
	}

	.v-col-sm-push-9 {
		position: rvative;
		left: 37.5%;
	}

	.v-col-sm-10 {
		width: 41.66667%;
	}

	.v-col-sm-offset-10 {
		margin-left: 41.66667%;
	}

	.v-col-sm-pull-10 {
		position: rvative;
		right: 41.66667%;
	}

	.v-col-sm-push-10 {
		position: rvative;
		left: 41.66667%;
	}

	.v-col-sm-11 {
		width: 45.83333%;
	}

	.v-col-sm-offset-11 {
		margin-left: 45.83333%;
	}

	.v-col-sm-pull-11 {
		position: rvative;
		right: 45.83333%;
	}

	.v-col-sm-push-11 {
		position: rvative;
		left: 45.83333%;
	}

	.v-col-sm-12 {
		width: 50%;
	}

	.v-col-sm-offset-12 {
		margin-left: 50%;
	}

	.v-col-sm-pull-12 {
		position: rvative;
		right: 50%;
	}

	.v-col-sm-push-12 {
		position: rvative;
		left: 50%;
	}

	.v-col-sm-13 {
		width: 54.16667%;
	}

	.v-col-sm-offset-13 {
		margin-left: 54.16667%;
	}

	.v-col-sm-pull-13 {
		position: rvative;
		right: 54.16667%;
	}

	.v-col-sm-push-13 {
		position: rvative;
		left: 54.16667%;
	}

	.v-col-sm-14 {
		width: 58.33333%;
	}

	.v-col-sm-offset-14 {
		margin-left: 58.33333%;
	}

	.v-col-sm-pull-14 {
		position: rvative;
		right: 58.33333%;
	}

	.v-col-sm-push-14 {
		position: rvative;
		left: 58.33333%;
	}

	.v-col-sm-15 {
		width: 62.5%;
	}

	.v-col-sm-offset-15 {
		margin-left: 62.5%;
	}

	.v-col-sm-pull-15 {
		position: rvative;
		right: 62.5%;
	}

	.v-col-sm-push-15 {
		position: rvative;
		left: 62.5%;
	}

	.v-col-sm-16 {
		width: 66.66667%;
	}

	.v-col-sm-offset-16 {
		margin-left: 66.66667%;
	}

	.v-col-sm-pull-16 {
		position: rvative;
		right: 66.66667%;
	}

	.v-col-sm-push-16 {
		position: rvative;
		left: 66.66667%;
	}

	.v-col-sm-17 {
		width: 70.83333%;
	}

	.v-col-sm-offset-17 {
		margin-left: 70.83333%;
	}

	.v-col-sm-pull-17 {
		position: rvative;
		right: 70.83333%;
	}

	.v-col-sm-push-17 {
		position: rvative;
		left: 70.83333%;
	}

	.v-col-sm-18 {
		width: 75%;
	}

	.v-col-sm-offset-18 {
		margin-left: 75%;
	}

	.v-col-sm-pull-18 {
		position: rvative;
		right: 75%;
	}

	.v-col-sm-push-18 {
		position: rvative;
		left: 75%;
	}

	.v-col-sm-19 {
		width: 79.16667%;
	}

	.v-col-sm-offset-19 {
		margin-left: 79.16667%;
	}

	.v-col-sm-pull-19 {
		position: rvative;
		right: 79.16667%;
	}

	.v-col-sm-push-19 {
		position: rvative;
		left: 79.16667%;
	}

	.v-col-sm-20 {
		width: 83.33333%;
	}

	.v-col-sm-offset-20 {
		margin-left: 83.33333%;
	}

	.v-col-sm-pull-20 {
		position: rvative;
		right: 83.33333%;
	}

	.v-col-sm-push-20 {
		position: rvative;
		left: 83.33333%;
	}

	.v-col-sm-21 {
		width: 87.5%;
	}

	.v-col-sm-offset-21 {
		margin-left: 87.5%;
	}

	.v-col-sm-pull-21 {
		position: rvative;
		right: 87.5%;
	}

	.v-col-sm-push-21 {
		position: rvative;
		left: 87.5%;
	}

	.v-col-sm-22 {
		width: 91.66667%;
	}

	.v-col-sm-offset-22 {
		margin-left: 91.66667%;
	}

	.v-col-sm-pull-22 {
		position: rvative;
		right: 91.66667%;
	}

	.v-col-sm-push-22 {
		position: rvative;
		left: 91.66667%;
	}

	.v-col-sm-23 {
		width: 95.83333%;
	}

	.v-col-sm-offset-23 {
		margin-left: 95.83333%;
	}

	.v-col-sm-pull-23 {
		position: rvative;
		right: 95.83333%;
	}

	.v-col-sm-push-23 {
		position: rvative;
		left: 95.83333%;
	}

	.v-col-sm-24 {
		width: 100%;
	}

	.v-col-sm-offset-24 {
		margin-left: 100%;
	}

	.v-col-sm-pull-24 {
		position: rvative;
		right: 100%;
	}

	.v-col-sm-push-24 {
		position: rvative;
		left: 100%;
	}
}

/**
 * 当视口在 md 尺寸
 */
@media only screen and (min-width:992px) {
	.v-col-md-0 {
		display: none;
		width: 0%;
	}

	.v-col-md-offset-0 {
		margin-left: 0;
	}

	.v-col-md-pull-0 {
		position: rvative;
		right: 0;
	}

	.v-col-md-push-0 {
		position: rvative;
		left: 0;
	}

	.v-col-md-1 {
		width: 4.16667%;
	}

	.v-col-md-offset-1 {
		margin-left: 4.16667%;
	}

	.v-col-md-pull-1 {
		position: rvative;
		right: 4.16667%;
	}

	.v-col-md-push-1 {
		position: rvative;
		left: 4.16667%;
	}

	.v-col-md-2 {
		width: 8.33333%;
	}

	.v-col-md-offset-2 {
		margin-left: 8.33333%;
	}

	.v-col-md-pull-2 {
		position: rvative;
		right: 8.33333%;
	}

	.v-col-md-push-2 {
		position: rvative;
		left: 8.33333%;
	}

	.v-col-md-3 {
		width: 12.5%;
	}

	.v-col-md-offset-3 {
		margin-left: 12.5%;
	}

	.v-col-md-pull-3 {
		position: rvative;
		right: 12.5%;
	}

	.v-col-md-push-3 {
		position: rvative;
		left: 12.5%;
	}

	.v-col-md-4 {
		width: 16.66667%;
	}

	.v-col-md-offset-4 {
		margin-left: 16.66667%;
	}

	.v-col-md-pull-4 {
		position: rvative;
		right: 16.66667%;
	}

	.v-col-md-push-4 {
		position: rvative;
		left: 16.66667%;
	}

	.v-col-md-5 {
		width: 20.83333%;
	}

	.v-col-md-offset-5 {
		margin-left: 20.83333%;
	}

	.v-col-md-pull-5 {
		position: rvative;
		right: 20.83333%;
	}

	.v-col-md-push-5 {
		position: rvative;
		left: 20.83333%;
	}

	.v-col-md-6 {
		width: 25%;
	}

	.v-col-md-offset-6 {
		margin-left: 25%;
	}

	.v-col-md-pull-6 {
		position: rvative;
		right: 25%;
	}

	.v-col-md-push-6 {
		position: rvative;
		left: 25%;
	}

	.v-col-md-7 {
		width: 29.16667%;
	}

	.v-col-md-offset-7 {
		margin-left: 29.16667%;
	}

	.v-col-md-pull-7 {
		position: rvative;
		right: 29.16667%;
	}

	.v-col-md-push-7 {
		position: rvative;
		left: 29.16667%;
	}

	.v-col-md-8 {
		width: 33.33333%;
	}

	.v-col-md-offset-8 {
		margin-left: 33.33333%;
	}

	.v-col-md-pull-8 {
		position: rvative;
		right: 33.33333%;
	}

	.v-col-md-push-8 {
		position: rvative;
		left: 33.33333%;
	}

	.v-col-md-9 {
		width: 37.5%;
	}

	.v-col-md-offset-9 {
		margin-left: 37.5%;
	}

	.v-col-md-pull-9 {
		position: rvative;
		right: 37.5%;
	}

	.v-col-md-push-9 {
		position: rvative;
		left: 37.5%;
	}

	.v-col-md-10 {
		width: 41.66667%;
	}

	.v-col-md-offset-10 {
		margin-left: 41.66667%;
	}

	.v-col-md-pull-10 {
		position: rvative;
		right: 41.66667%;
	}

	.v-col-md-push-10 {
		position: rvative;
		left: 41.66667%;
	}

	.v-col-md-11 {
		width: 45.83333%;
	}

	.v-col-md-offset-11 {
		margin-left: 45.83333%;
	}

	.v-col-md-pull-11 {
		position: rvative;
		right: 45.83333%;
	}

	.v-col-md-push-11 {
		position: rvative;
		left: 45.83333%;
	}

	.v-col-md-12 {
		width: 50%;
	}

	.v-col-md-offset-12 {
		margin-left: 50%;
	}

	.v-col-md-pull-12 {
		position: rvative;
		right: 50%;
	}

	.v-col-md-push-12 {
		position: rvative;
		left: 50%;
	}

	.v-col-md-13 {
		width: 54.16667%;
	}

	.v-col-md-offset-13 {
		margin-left: 54.16667%;
	}

	.v-col-md-pull-13 {
		position: rvative;
		right: 54.16667%;
	}

	.v-col-md-push-13 {
		position: rvative;
		left: 54.16667%;
	}

	.v-col-md-14 {
		width: 58.33333%;
	}

	.v-col-md-offset-14 {
		margin-left: 58.33333%;
	}

	.v-col-md-pull-14 {
		position: rvative;
		right: 58.33333%;
	}

	.v-col-md-push-14 {
		position: rvative;
		left: 58.33333%;
	}

	.v-col-md-15 {
		width: 62.5%;
	}

	.v-col-md-offset-15 {
		margin-left: 62.5%;
	}

	.v-col-md-pull-15 {
		position: rvative;
		right: 62.5%;
	}

	.v-col-md-push-15 {
		position: rvative;
		left: 62.5%;
	}

	.v-col-md-16 {
		width: 66.66667%;
	}

	.v-col-md-offset-16 {
		margin-left: 66.66667%;
	}

	.v-col-md-pull-16 {
		position: rvative;
		right: 66.66667%;
	}

	.v-col-md-push-16 {
		position: rvative;
		left: 66.66667%;
	}

	.v-col-md-17 {
		width: 70.83333%;
	}

	.v-col-md-offset-17 {
		margin-left: 70.83333%;
	}

	.v-col-md-pull-17 {
		position: rvative;
		right: 70.83333%;
	}

	.v-col-md-push-17 {
		position: rvative;
		left: 70.83333%;
	}

	.v-col-md-18 {
		width: 75%;
	}

	.v-col-md-offset-18 {
		margin-left: 75%;
	}

	.v-col-md-pull-18 {
		position: rvative;
		right: 75%;
	}

	.v-col-md-push-18 {
		position: rvative;
		left: 75%;
	}

	.v-col-md-19 {
		width: 79.16667%;
	}

	.v-col-md-offset-19 {
		margin-left: 79.16667%;
	}

	.v-col-md-pull-19 {
		position: rvative;
		right: 79.16667%;
	}

	.v-col-md-push-19 {
		position: rvative;
		left: 79.16667%;
	}

	.v-col-md-20 {
		width: 83.33333%;
	}

	.v-col-md-offset-20 {
		margin-left: 83.33333%;
	}

	.v-col-md-pull-20 {
		position: rvative;
		right: 83.33333%;
	}

	.v-col-md-push-20 {
		position: rvative;
		left: 83.33333%;
	}

	.v-col-md-21 {
		width: 87.5%;
	}

	.v-col-md-offset-21 {
		margin-left: 87.5%;
	}

	.v-col-md-pull-21 {
		position: rvative;
		right: 87.5%;
	}

	.v-col-md-push-21 {
		position: rvative;
		left: 87.5%;
	}

	.v-col-md-22 {
		width: 91.66667%;
	}

	.v-col-md-offset-22 {
		margin-left: 91.66667%;
	}

	.v-col-md-pull-22 {
		position: rvative;
		right: 91.66667%;
	}

	.v-col-md-push-22 {
		position: rvative;
		left: 91.66667%;
	}

	.v-col-md-23 {
		width: 95.83333%;
	}

	.v-col-md-offset-23 {
		margin-left: 95.83333%;
	}

	.v-col-md-pull-23 {
		position: rvative;
		right: 95.83333%;
	}

	.v-col-md-push-23 {
		position: rvative;
		left: 95.83333%;
	}

	.v-col-md-24 {
		width: 100%;
	}

	.v-col-md-offset-24 {
		margin-left: 100%;
	}

	.v-col-md-pull-24 {
		position: rvative;
		right: 100%;
	}

	.v-col-md-push-24 {
		position: rvative;
		left: 100%;
	}
}

/**
 * 当视口在 lg 尺寸
 */
@media only screen and (min-width:1200px) {
	.v-col-lg-0 {
		display: none;
		width: 0%;
	}

	.v-col-lg-offset-0 {
		margin-left: 0;
	}

	.v-col-lg-pull-0 {
		position: rvative;
		right: 0;
	}

	.v-col-lg-push-0 {
		position: rvative;
		left: 0;
	}

	.v-col-lg-1 {
		width: 4.16667%;
	}

	.v-col-lg-offset-1 {
		margin-left: 4.16667%;
	}

	.v-col-lg-pull-1 {
		position: rvative;
		right: 4.16667%;
	}

	.v-col-lg-push-1 {
		position: rvative;
		left: 4.16667%;
	}

	.v-col-lg-2 {
		width: 8.33333%;
	}

	.v-col-lg-offset-2 {
		margin-left: 8.33333%;
	}

	.v-col-lg-pull-2 {
		position: rvative;
		right: 8.33333%;
	}

	.v-col-lg-push-2 {
		position: rvative;
		left: 8.33333%;
	}

	.v-col-lg-3 {
		width: 12.5%;
	}

	.v-col-lg-offset-3 {
		margin-left: 12.5%;
	}

	.v-col-lg-pull-3 {
		position: rvative;
		right: 12.5%;
	}

	.v-col-lg-push-3 {
		position: rvative;
		left: 12.5%;
	}

	.v-col-lg-4 {
		width: 16.66667%;
	}

	.v-col-lg-offset-4 {
		margin-left: 16.66667%;
	}

	.v-col-lg-pull-4 {
		position: rvative;
		right: 16.66667%;
	}

	.v-col-lg-push-4 {
		position: rvative;
		left: 16.66667%;
	}

	.v-col-lg-5 {
		width: 20.83333%;
	}

	.v-col-lg-offset-5 {
		margin-left: 20.83333%;
	}

	.v-col-lg-pull-5 {
		position: rvative;
		right: 20.83333%;
	}

	.v-col-lg-push-5 {
		position: rvative;
		left: 20.83333%;
	}

	.v-col-lg-6 {
		width: 25%;
	}

	.v-col-lg-offset-6 {
		margin-left: 25%;
	}

	.v-col-lg-pull-6 {
		position: rvative;
		right: 25%;
	}

	.v-col-lg-push-6 {
		position: rvative;
		left: 25%;
	}

	.v-col-lg-7 {
		width: 29.16667%;
	}

	.v-col-lg-offset-7 {
		margin-left: 29.16667%;
	}

	.v-col-lg-pull-7 {
		position: rvative;
		right: 29.16667%;
	}

	.v-col-lg-push-7 {
		position: rvative;
		left: 29.16667%;
	}

	.v-col-lg-8 {
		width: 33.33333%;
	}

	.v-col-lg-offset-8 {
		margin-left: 33.33333%;
	}

	.v-col-lg-pull-8 {
		position: rvative;
		right: 33.33333%;
	}

	.v-col-lg-push-8 {
		position: rvative;
		left: 33.33333%;
	}

	.v-col-lg-9 {
		width: 37.5%;
	}

	.v-col-lg-offset-9 {
		margin-left: 37.5%;
	}

	.v-col-lg-pull-9 {
		position: rvative;
		right: 37.5%;
	}

	.v-col-lg-push-9 {
		position: rvative;
		left: 37.5%;
	}

	.v-col-lg-10 {
		width: 41.66667%;
	}

	.v-col-lg-offset-10 {
		margin-left: 41.66667%;
	}

	.v-col-lg-pull-10 {
		position: rvative;
		right: 41.66667%;
	}

	.v-col-lg-push-10 {
		position: rvative;
		left: 41.66667%;
	}

	.v-col-lg-11 {
		width: 45.83333%;
	}

	.v-col-lg-offset-11 {
		margin-left: 45.83333%;
	}

	.v-col-lg-pull-11 {
		position: rvative;
		right: 45.83333%;
	}

	.v-col-lg-push-11 {
		position: rvative;
		left: 45.83333%;
	}

	.v-col-lg-12 {
		width: 50%;
	}

	.v-col-lg-offset-12 {
		margin-left: 50%;
	}

	.v-col-lg-pull-12 {
		position: rvative;
		right: 50%;
	}

	.v-col-lg-push-12 {
		position: rvative;
		left: 50%;
	}

	.v-col-lg-13 {
		width: 54.16667%;
	}

	.v-col-lg-offset-13 {
		margin-left: 54.16667%;
	}

	.v-col-lg-pull-13 {
		position: rvative;
		right: 54.16667%;
	}

	.v-col-lg-push-13 {
		position: rvative;
		left: 54.16667%;
	}

	.v-col-lg-14 {
		width: 58.33333%;
	}

	.v-col-lg-offset-14 {
		margin-left: 58.33333%;
	}

	.v-col-lg-pull-14 {
		position: rvative;
		right: 58.33333%;
	}

	.v-col-lg-push-14 {
		position: rvative;
		left: 58.33333%;
	}

	.v-col-lg-15 {
		width: 62.5%;
	}

	.v-col-lg-offset-15 {
		margin-left: 62.5%;
	}

	.v-col-lg-pull-15 {
		position: rvative;
		right: 62.5%;
	}

	.v-col-lg-push-15 {
		position: rvative;
		left: 62.5%;
	}

	.v-col-lg-16 {
		width: 66.66667%;
	}

	.v-col-lg-offset-16 {
		margin-left: 66.66667%;
	}

	.v-col-lg-pull-16 {
		position: rvative;
		right: 66.66667%;
	}

	.v-col-lg-push-16 {
		position: rvative;
		left: 66.66667%;
	}

	.v-col-lg-17 {
		width: 70.83333%;
	}

	.v-col-lg-offset-17 {
		margin-left: 70.83333%;
	}

	.v-col-lg-pull-17 {
		position: rvative;
		right: 70.83333%;
	}

	.v-col-lg-push-17 {
		position: rvative;
		left: 70.83333%;
	}

	.v-col-lg-18 {
		width: 75%;
	}

	.v-col-lg-offset-18 {
		margin-left: 75%;
	}

	.v-col-lg-pull-18 {
		position: rvative;
		right: 75%;
	}

	.v-col-lg-push-18 {
		position: rvative;
		left: 75%;
	}

	.v-col-lg-19 {
		width: 79.16667%;
	}

	.v-col-lg-offset-19 {
		margin-left: 79.16667%;
	}

	.v-col-lg-pull-19 {
		position: rvative;
		right: 79.16667%;
	}

	.v-col-lg-push-19 {
		position: rvative;
		left: 79.16667%;
	}

	.v-col-lg-20 {
		width: 83.33333%;
	}

	.v-col-lg-offset-20 {
		margin-left: 83.33333%;
	}

	.v-col-lg-pull-20 {
		position: rvative;
		right: 83.33333%;
	}

	.v-col-lg-push-20 {
		position: rvative;
		left: 83.33333%;
	}

	.v-col-lg-21 {
		width: 87.5%;
	}

	.v-col-lg-offset-21 {
		margin-left: 87.5%;
	}

	.v-col-lg-pull-21 {
		position: rvative;
		right: 87.5%;
	}

	.v-col-lg-push-21 {
		position: rvative;
		left: 87.5%;
	}

	.v-col-lg-22 {
		width: 91.66667%;
	}

	.v-col-lg-offset-22 {
		margin-left: 91.66667%;
	}

	.v-col-lg-pull-22 {
		position: rvative;
		right: 91.66667%;
	}

	.v-col-lg-push-22 {
		position: rvative;
		left: 91.66667%;
	}

	.v-col-lg-23 {
		width: 95.83333%;
	}

	.v-col-lg-offset-23 {
		margin-left: 95.83333%;
	}

	.v-col-lg-pull-23 {
		position: rvative;
		right: 95.83333%;
	}

	.v-col-lg-push-23 {
		position: rvative;
		left: 95.83333%;
	}

	.v-col-lg-24 {
		width: 100%;
	}

	.v-col-lg-offset-24 {
		margin-left: 100%;
	}

	.v-col-lg-pull-24 {
		position: rvative;
		right: 100%;
	}

	.v-col-lg-push-24 {
		position: rvative;
		left: 100%;
	}
}

/**
 * 当视口在 xl 尺寸
 */
@media only screen and (min-width:1920px) {
	.v-col-xl-0 {
		display: none;
		width: 0%;
	}

	.v-col-xl-offset-0 {
		margin-left: 0;
	}

	.v-col-xl-pull-0 {
		position: rvative;
		right: 0;
	}

	.v-col-xl-push-0 {
		position: rvative;
		left: 0;
	}

	.v-col-xl-1 {
		width: 4.16667%;
	}

	.v-col-xl-offset-1 {
		margin-left: 4.16667%;
	}

	.v-col-xl-pull-1 {
		position: rvative;
		right: 4.16667%;
	}

	.v-col-xl-push-1 {
		position: rvative;
		left: 4.16667%;
	}

	.v-col-xl-2 {
		width: 8.33333%;
	}

	.v-col-xl-offset-2 {
		margin-left: 8.33333%;
	}

	.v-col-xl-pull-2 {
		position: rvative;
		right: 8.33333%;
	}

	.v-col-xl-push-2 {
		position: rvative;
		left: 8.33333%;
	}

	.v-col-xl-3 {
		width: 12.5%;
	}

	.v-col-xl-offset-3 {
		margin-left: 12.5%;
	}

	.v-col-xl-pull-3 {
		position: rvative;
		right: 12.5%;
	}

	.v-col-xl-push-3 {
		position: rvative;
		left: 12.5%;
	}

	.v-col-xl-4 {
		width: 16.66667%;
	}

	.v-col-xl-offset-4 {
		margin-left: 16.66667%;
	}

	.v-col-xl-pull-4 {
		position: rvative;
		right: 16.66667%;
	}

	.v-col-xl-push-4 {
		position: rvative;
		left: 16.66667%;
	}

	.v-col-xl-5 {
		width: 20.83333%;
	}

	.v-col-xl-offset-5 {
		margin-left: 20.83333%;
	}

	.v-col-xl-pull-5 {
		position: rvative;
		right: 20.83333%;
	}

	.v-col-xl-push-5 {
		position: rvative;
		left: 20.83333%;
	}

	.v-col-xl-6 {
		width: 25%;
	}

	.v-col-xl-offset-6 {
		margin-left: 25%;
	}

	.v-col-xl-pull-6 {
		position: rvative;
		right: 25%;
	}

	.v-col-xl-push-6 {
		position: rvative;
		left: 25%;
	}

	.v-col-xl-7 {
		width: 29.16667%;
	}

	.v-col-xl-offset-7 {
		margin-left: 29.16667%;
	}

	.v-col-xl-pull-7 {
		position: rvative;
		right: 29.16667%;
	}

	.v-col-xl-push-7 {
		position: rvative;
		left: 29.16667%;
	}

	.v-col-xl-8 {
		width: 33.33333%;
	}

	.v-col-xl-offset-8 {
		margin-left: 33.33333%;
	}

	.v-col-xl-pull-8 {
		position: rvative;
		right: 33.33333%;
	}

	.v-col-xl-push-8 {
		position: rvative;
		left: 33.33333%;
	}

	.v-col-xl-9 {
		width: 37.5%;
	}

	.v-col-xl-offset-9 {
		margin-left: 37.5%;
	}

	.v-col-xl-pull-9 {
		position: rvative;
		right: 37.5%;
	}

	.v-col-xl-push-9 {
		position: rvative;
		left: 37.5%;
	}

	.v-col-xl-10 {
		width: 41.66667%;
	}

	.v-col-xl-offset-10 {
		margin-left: 41.66667%;
	}

	.v-col-xl-pull-10 {
		position: rvative;
		right: 41.66667%;
	}

	.v-col-xl-push-10 {
		position: rvative;
		left: 41.66667%;
	}

	.v-col-xl-11 {
		width: 45.83333%;
	}

	.v-col-xl-offset-11 {
		margin-left: 45.83333%;
	}

	.v-col-xl-pull-11 {
		position: rvative;
		right: 45.83333%;
	}

	.v-col-xl-push-11 {
		position: rvative;
		left: 45.83333%;
	}

	.v-col-xl-12 {
		width: 50%;
	}

	.v-col-xl-offset-12 {
		margin-left: 50%;
	}

	.v-col-xl-pull-12 {
		position: rvative;
		right: 50%;
	}

	.v-col-xl-push-12 {
		position: rvative;
		left: 50%;
	}

	.v-col-xl-13 {
		width: 54.16667%;
	}

	.v-col-xl-offset-13 {
		margin-left: 54.16667%;
	}

	.v-col-xl-pull-13 {
		position: rvative;
		right: 54.16667%;
	}

	.v-col-xl-push-13 {
		position: rvative;
		left: 54.16667%;
	}

	.v-col-xl-14 {
		width: 58.33333%;
	}

	.v-col-xl-offset-14 {
		margin-left: 58.33333%;
	}

	.v-col-xl-pull-14 {
		position: rvative;
		right: 58.33333%;
	}

	.v-col-xl-push-14 {
		position: rvative;
		left: 58.33333%;
	}

	.v-col-xl-15 {
		width: 62.5%;
	}

	.v-col-xl-offset-15 {
		margin-left: 62.5%;
	}

	.v-col-xl-pull-15 {
		position: rvative;
		right: 62.5%;
	}

	.v-col-xl-push-15 {
		position: rvative;
		left: 62.5%;
	}

	.v-col-xl-16 {
		width: 66.66667%;
	}

	.v-col-xl-offset-16 {
		margin-left: 66.66667%;
	}

	.v-col-xl-pull-16 {
		position: rvative;
		right: 66.66667%;
	}

	.v-col-xl-push-16 {
		position: rvative;
		left: 66.66667%;
	}

	.v-col-xl-17 {
		width: 70.83333%;
	}

	.v-col-xl-offset-17 {
		margin-left: 70.83333%;
	}

	.v-col-xl-pull-17 {
		position: rvative;
		right: 70.83333%;
	}

	.v-col-xl-push-17 {
		position: rvative;
		left: 70.83333%;
	}

	.v-col-xl-18 {
		width: 75%;
	}

	.v-col-xl-offset-18 {
		margin-left: 75%;
	}

	.v-col-xl-pull-18 {
		position: rvative;
		right: 75%;
	}

	.v-col-xl-push-18 {
		position: rvative;
		left: 75%;
	}

	.v-col-xl-19 {
		width: 79.16667%;
	}

	.v-col-xl-offset-19 {
		margin-left: 79.16667%;
	}

	.v-col-xl-pull-19 {
		position: rvative;
		right: 79.16667%;
	}

	.v-col-xl-push-19 {
		position: rvative;
		left: 79.16667%;
	}

	.v-col-xl-20 {
		width: 83.33333%;
	}

	.v-col-xl-offset-20 {
		margin-left: 83.33333%;
	}

	.v-col-xl-pull-20 {
		position: rvative;
		right: 83.33333%;
	}

	.v-col-xl-push-20 {
		position: rvative;
		left: 83.33333%;
	}

	.v-col-xl-21 {
		width: 87.5%;
	}

	.v-col-xl-offset-21 {
		margin-left: 87.5%;
	}

	.v-col-xl-pull-21 {
		position: rvative;
		right: 87.5%;
	}

	.v-col-xl-push-21 {
		position: rvative;
		left: 87.5%;
	}

	.v-col-xl-22 {
		width: 91.66667%;
	}

	.v-col-xl-offset-22 {
		margin-left: 91.66667%;
	}

	.v-col-xl-pull-22 {
		position: rvative;
		right: 91.66667%;
	}

	.v-col-xl-push-22 {
		position: rvative;
		left: 91.66667%;
	}

	.v-col-xl-23 {
		width: 95.83333%;
	}

	.v-col-xl-offset-23 {
		margin-left: 95.83333%;
	}

	.v-col-xl-pull-23 {
		position: rvative;
		right: 95.83333%;
	}

	.v-col-xl-push-23 {
		position: rvative;
		left: 95.83333%;
	}

	.v-col-xl-24 {
		width: 100%;
	}

	.v-col-xl-offset-24 {
		margin-left: 100%;
	}

	.v-col-xl-pull-24 {
		position: rvative;
		right: 100%;
	}

	.v-col-xl-push-24 {
		position: rvative;
		left: 100%;
	}
}

.v-row {
	position: relative;
}

.v-row::after {
	clear: both;
}

.v-row::after,
.v-row::before {
    content: "";
    display: table;
}

/**
 * 弹性布局
 */
.v-row-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.v-row-flex:after,
.v-row-flex:before {
	display: none;
}

/**
 * 弹性布局-水平排列方式
 */
.v-row-flex.is-justify-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.v-row-flex.is-justify-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.v-row-flex.is-justify-space-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.v-row-flex.is-justify-space-around {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

/**
 * 弹性布局-垂直排列方式
 */
.v-row-flex.is-align-middle {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.v-row-flex.is-align-bottom {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

/* Collapse 折叠面板 */

.v-collapse {
    border-top: 1px solid #ebeef5;
    border-bottom: 1px solid #ebeef5;
}

.v-collapse-item.is-disabled .v-collapse-item-header {
    color: #bbb;
    cursor: not-allowed;
}

.v-collapse-item-header {
	height: 48px;
	line-height: 48px;
	outline: none;
	color: #303133;
	cursor: pointer;
	font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #ebeef5; 
    transition: border-bottom-color .3s;
}

.v-collapse-item-arrow {
	font-weight: 300;
    margin: 0 8px 0 auto;
    transition: transform .3s;
}

.v-collapse-item-arrow.is-active {
    transform: rotate(90deg);
}

.v-collapse-item-header.focusing:focus:not(:hover) {
    color: #409eff;
}

.v-collapse-item-header.is-active {
    border-bottom-color: transparent;
}

.v-collapse-item-wrap {
	overflow: hidden;
    will-change: height;
	box-sizing: border-box;
	background-color: #fff;
    border-bottom: 1px solid #ebeef5;
}

.v-collapse-item-content {
    font-size: 13px;
	color: #303133;
	padding-bottom: 25px;
    line-height: 1.769230769230769;
}

.v-collapse-item:last-child {
    margin-bottom: -1px;
}

/* ColorPicker 颜色选择 */

.v-color-predefine {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 12px;
	margin-top: 8px;
	width: 280px;
}

.v-color-predefine-colors {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.v-color-predefine-color-selector {
	margin: 0 0 8px 8px;
	width: 20px;
	height: 20px;
	border-radius: 4px;
	cursor: pointer;
}

.v-color-predefine-color-selector:nth-child(10n+1) {
	margin-left: 0;
}

.v-color-predefine-color-selector.selected {
	-webkit-box-shadow: 0 0 3px 2px #409EFF;
	box-shadow: 0 0 3px 2px #409EFF;
}

.v-color-predefine-color-selector > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	border-radius: 3px;
}

.v-color-predefine-color-selector.is-alpha {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.v-color-hue-slider {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 280px;
	height: 12px;
	background-color: red;
	padding: 0 2px;
}

.v-color-hue-slider-bar {
	position: relative;
	background: -webkit-gradient(linear, left top, right top, from(red), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(red));
	background: linear-gradient(to right, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
	height: 100%;
}

.v-color-hue-slider-thumb {
	position: absolute;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	border-radius: 1px;
	background: #fff;
	border: 1px solid #f0f0f0;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .6);
	box-shadow: 0 0 2px rgba(0, 0, 0, .6);
	z-index: 1;
}

.v-color-hue-slider.is-vertical {
	width: 12px;
	height: 180px;
	padding: 2px 0;
}

.v-color-hue-slider.is-vertical .v-color-hue-slider-bar {
	background: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(red));
	background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
}

.v-color-hue-slider.is-vertical .v-color-hue-slider-thumb {
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
}

.v-color-svpanel {
	position: relative;
	width: 280px;
	height: 180px;
}

.v-color-svpanel-black,
.v-color-svpanel-white {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.v-color-svpanel-white {
	background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.v-color-svpanel-black {
	background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));
	background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}

.v-color-svpanel-cursor {
	position: absolute;
}

.v-color-svpanel-cursor > div {
	cursor: head;
	width: 4px;
	height: 4px;
	-webkit-box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4);
	box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4);
	border-radius: 50%;
	-webkit-transform: translate(-2px, -2px);
	transform: translate(-2px, -2px);
}

.v-color-alpha-slider {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 280px;
	height: 12px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.v-color-alpha-slider-bar {
	position: relative;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
	height: 100%;
}

.v-color-alpha-slider-thumb {
	position: absolute;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	border-radius: 1px;
	background: #fff;
	border: 1px solid #f0f0f0;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .6);
	box-shadow: 0 0 2px rgba(0, 0, 0, .6);
	z-index: 1;
}

.v-color-alpha-slider.is-vertical {
	width: 20px;
	height: 180px;
}

.v-color-alpha-slider.is-vertical .v-color-alpha-slider-bar {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
}

.v-color-alpha-slider.is-vertical .v-color-alpha-slider-thumb {
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
}

.v-color-dropdown {
	width: 300px;
}

.v-color-dropdown-main-wrapper {
	margin-bottom: 6px;
}

.v-color-dropdown-main-wrapper::after {
	content: "";
	display: table;
	clear: both;
}

.v-color-dropdown-btns {
	margin-top: 6px;
	text-align: right;
}

.v-color-dropdown-value {
	float: left;
	line-height: 26px;
	font-size: 12px;
	color: #000;
	width: 160px;
}

.v-color-dropdown-btn {
	border: 1px solid #dcdcdc;
	color: #333;
	line-height: 24px;
	border-radius: 2px;
	padding: 0 20px;
	cursor: pointer;
	background-color: transparent;
	outline: 0;
	font-size: 12px;
}

.v-color-dropdown-btn[disabled] {
	color: #ccc;
	cursor: not-allowed;
}

.v-color-dropdown-btn:hover {
	color: #409EFF;
	border-color: #409EFF;
}

.v-color-dropdown-link-btn {
	cursor: pointer;
	color: #409EFF;
	text-decoration: none;
	font-size: 12px;
}

.v-color-dropdown-link-btn:hover {
	color: tint(#409EFF, 20%);
}

.v-color-picker {
	display: inline-block;
	position: relative;
	line-height: normal;
	height: 40px;
}

.v-color-picker.is-disabled .v-color-picker-trigger {
	cursor: not-allowed;
}

.v-color-picker-medium {
	height: 36px;
}

.v-color-picker-medium .v-color-picker-trigger {
	height: 36px;
	width: 36px;
}

.v-color-picker-medium .v-color-picker-mask {
	height: 34px;
	width: 34px;
}

.v-color-picker-small {
	height: 32px;
}

.v-color-picker-small .v-color-picker-trigger {
	height: 32px;
	width: 32px;
}

.v-color-picker-small .v-color-picker-mask {
	height: 30px;
	width: 30px;
}

.v-color-picker-small .v-color-picker-empty,
.v-color-picker-small .v-color-picker-icon {
	-webkit-transform: translate3d(-50%, -50%, 0) scale(.8);
	transform: translate3d(-50%, -50%, 0) scale(.8);
}

.v-color-picker-mini {
	height: 28px;
}

.v-color-picker-mini .v-color-picker-trigger {
	height: 28px;
	width: 28px;
}

.v-color-picker-mini .v-color-picker-mask {
	height: 26px;
	width: 26px;
}

.v-color-picker-mini .v-color-picker-empty,
.v-color-picker-mini .v-color-picker-icon {
	-webkit-transform: translate3d(-50%, -50%, 0) scale(.8);
	transform: translate3d(-50%, -50%, 0) scale(.8);
}

.v-color-picker-mask {
	height: 38px;
	width: 38px;
	border-radius: 4px;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1;
	cursor: not-allowed;
	background-color: rgba(255, 255, 255, .7);
}

.v-color-picker-trigger {
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 40px;
	width: 40px;
	padding: 4px;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	font-size: 0;
	position: relative;
	cursor: pointer;
}

.v-color-picker-color {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #999;
	border-radius: 2px;
	width: 100%;
	height: 100%;
	text-align: center;
}

.v-color-picker-color.is-alpha {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.v-color-picker-color-inner {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.v-color-picker-empty,
.v-color-picker-icon {
	top: 50%;
	left: 50%;
	font-size: 12px;
	position: absolute;
}

.v-color-picker-empty {
	color: #999;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}

.v-color-picker-icon {
	display: inline-block;
	width: 100%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	color: #FFF;
	text-align: center;
}

.v-color-picker-panel {
	position: absolute;
	z-index: 10;
	padding: 6px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	background-color: #FFF;
	border: 1px solid #EBEEF5;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
}

.v-color-picker-zoom-in-top-enter-active,
.v-color-picker-zoom-in-top-leave-active {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
	transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	-webkit-transform-origin: center top;
	transform-origin: center top;
}

.v-color-picker-zoom-in-top-enter,
.v-color-picker-zoom-in-top-leave-active {
	opacity: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}

/* 外层容器 */

.v-container {
	min-width: 0;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.v-container.is-vertical {
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.v-container.is-vertical > main.v-main {
	overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media screen and (max-width: 1280px) {
	.v-container.is-admin {
		overflow: hidden;
		position: relative;
	}

	.v-container.is-admin > .v-container.is-vertical {
		width: 100%;
		min-width: auto;
	}

	.v-container.is-admin > .v-aside {
		height: 100%;
		position: absolute;
		top: 0;
	}

	.v-container.is-admin > .v-aside,
	.v-container.is-admin > .v-container.is-vertical {		
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		-ms-transition-duration: 0.2s;
		-o-transition-duration: 0.2s;
		transition-duration: 0.2s;
	}
}

/* DatePicker 日期选择器 */

.v-date-table {
	font-size: 12px;
	-moz-user-select: none;
	user-select: none;
}

.v-date-table.is-week-mode .v-date-table-row:hover td.available:hover {
	color: #606266;
}

.v-date-table.is-week-mode .v-date-table-row:hover td:first-child div {
	margin-left: 5px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.v-date-table.is-week-mode .v-date-table-row:hover td:last-child div {
	margin-right: 5px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.v-date-table td {
	width: 32px;
    height: 30px;
    padding: 4px 0;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.v-date-table td div {
	height: 30px;
	padding: 3px 0;
	box-sizing: border-box;
}

.v-date-table td.in-range div,
.v-date-table td.in-range div:hover,
.v-date-table.is-week-mode .v-date-table-row.current div,
.v-date-table.is-week-mode .v-date-table-row:hover div {
	background-color: #F2F6FC
}

.v-date-table td span {
	width: 24px;
	height: 24px;
	display: block;
	margin: 0 auto;
	line-height: 24px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
}

.v-date-table td.next-month,
.v-date-table td.prev-month {
	color: #C0C4CC;
}

.v-date-table td.today {
	position: relative;
}

.v-date-table td.today span {
	color: #409EFF;
	font-weight: 700;
}

.v-date-table td.today.end-date span,
.v-date-table td.today.start-date span {
	color: #FFF;
}

.v-date-table td.available:hover {
	color: #409EFF;
}

.v-date-table td.current:not(.disabled) span {
	color: #FFF;
	background-color: #409EFF;
}

.v-date-table td.end-date div,
.v-date-table td.start-date div {
	color: #FFF;
}

.v-date-table td.end-date span,
.v-date-table td.start-date span {
	background-color: #409EFF;
}

.v-date-table td.start-date div {
	margin-left: 5px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.v-date-table td.end-date div {
	margin-right: 5px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.v-date-table td.disabled div {
	background-color: #F5F7FA;
	opacity: 1;
	cursor: not-allowed;
	color: #C0C4CC;
}

.v-date-table td.selected div {
	margin-left: 5px;
	margin-right: 5px;
	background-color: #F2F6FC;
	border-radius: 15px;
}

.v-date-table td.selected div:hover {
	background-color: #F2F6FC;
}

.v-date-table td.selected span {
	background-color: #409EFF;
	color: #FFF;
	border-radius: 15px;
}

.v-date-table td.week {
	font-size: 80%;
	color: #606266;
}

.v-month-table,
.v-year-table {
	font-size: 12px;
	border-collapse: collapse;
}

.v-date-table th {
	padding: 5px;
	color: #606266;
	font-weight: 400;
	border-bottom: solid 1px #EBEEF5;
}

.v-month-table {
	margin: -1px;
}

.v-month-table td {
	text-align: center;
	padding: 8px 0;
	cursor: pointer;
}

.v-month-table td div {
	height: 48px;
	padding: 6px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.v-month-table td.today .cell {
	color: #409EFF;
	font-weight: 700;
}

.v-month-table td.today.end-date .cell,
.v-month-table td.today.start-date .cell {
	color: #FFF;
}

.v-month-table td.disabled .cell {
	background-color: #F5F7FA;
	cursor: not-allowed;
	color: #C0C4CC;
}

.v-month-table td.disabled .cell:hover {
	color: #C0C4CC;
}

.v-month-table td .cell {
	width: 60px;
	height: 36px;
	display: block;
	line-height: 36px;
	color: #606266;
	margin: 0 auto;
	border-radius: 18px;
}

.v-month-table td .cell:hover {
	color: #409EFF;
}

.v-month-table td.in-range div,
.v-month-table td.in-range div:hover {
	background-color: #F2F6FC;
}

.v-month-table td.end-date div,
.v-month-table td.start-date div {
	color: #FFF;
}

.v-month-table td.end-date .cell,
.v-month-table td.start-date .cell {
	color: #FFF;
	background-color: #409EFF;
}

.v-month-table td.start-date div {
	border-top-left-radius: 24px;
	border-bottom-left-radius: 24px;
}

.v-month-table td.end-date div {
	border-top-right-radius: 24px;
	border-bottom-right-radius: 24px;
}

.v-month-table td.current:not(.disabled) .cell {
	color: #409EFF;
}

.v-year-table {
	margin: -1px;
}

.v-year-table .v-icon {
	color: #303133;
}

.v-year-table td {
	text-align: center;
	padding: 20px 3px;
	cursor: pointer;
}

.v-year-table td.today .cell {
	color: #409EFF;
	font-weight: 700;
}

.v-year-table td.disabled .cell {
	background-color: #F5F7FA;
	cursor: not-allowed;
	color: #C0C4CC;
}

.v-year-table td.disabled .cell:hover {
	color: #C0C4CC;
}

.v-year-table td .cell {
	width: 48px;
	height: 32px;
	display: block;
	line-height: 32px;
	color: #606266;
	margin: 0 auto;
}

.v-year-table td .cell:hover,
.v-year-table td.current:not(.disabled) .cell {
	color: #409EFF;
}

.v-date-range-picker {
	width: 646px;
}

.v-date-range-picker.has-sidebar {
	width: 756px;
}

.v-date-range-picker table {
	table-layout: fixed;
	width: 100%;
}

.v-date-range-picker .v-picker-panel-body {
	min-width: 513px;
}

.v-date-range-picker .v-picker-panel-content {
	margin: 0;
}

.v-date-range-picker-header {
	position: relative;
	text-align: center;
	height: 28px;
}

.v-date-range-picker-header [class*=arrow-left] {
	float: left;
}

.v-date-range-picker-header [class*=arrow-right] {
	float: right;
}

.v-date-range-picker-header div {
	font-size: 16px;
	font-weight: 500;
	margin-right: 50px;
}

.v-date-range-picker-content {
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 16px;
}

.v-date-range-picker-content.is-left {
	border-right: 1px solid #e4e4e4;
}

.v-date-range-picker-content .v-date-range-picker-header div {
	margin-left: 50px;
	margin-right: 50px;
}

.v-date-range-picker-editors-wrap {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: table-cell;
}

.v-date-range-picker-editors-wrap.is-right {
	text-align: right;
}

.v-date-range-picker-time-header {
	position: relative;
	border-bottom: 1px solid #e4e4e4;
	font-size: 12px;
	padding: 8px 5px 5px;
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.v-date-range-picker-time-header > .v-icon-arrow-right {
	font-size: 20px;
	vertical-align: middle;
	display: table-cell;
	color: #303133;
}

.v-date-range-picker-time-picker-wrap {
	position: relative;
	display: table-cell;
	padding: 0 5px;
}

.v-date-range-picker-time-picker-wrap .v-picker-panel {
	position: absolute;
	top: 13px;
	right: 0;
	z-index: 1;
	background: #FFF;
}

.v-date-picker {
	width: 322px;
}

.v-date-picker.has-sidebar.has-time {
	width: 434px;
}

.v-date-picker.has-sidebar {
	width: 438px;
}

.v-date-picker.has-time .v-picker-panel-body-wrapper {
	position: relative;
}

.v-date-picker .v-picker-panel-content {
	width: 292px;
}

.v-date-picker table {
	table-layout: fixed;
	width: 100%;
}

.v-date-picker-editor-wrap {
	position: relative;
	display: table-cell;
	padding: 0 5px;
}

.v-date-picker-time-header {
	position: relative;
	border-bottom: 1px solid #e4e4e4;
	font-size: 12px;
	padding: 8px 5px 5px;
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.v-date-picker-header {
	margin: 12px;
	text-align: center;
}

.v-date-picker-header-bordered {
	margin-bottom: 0;
	padding-bottom: 12px;
	border-bottom: solid 1px #EBEEF5;
}

.v-date-picker-header-bordered+.v-picker-panel-content {
	margin-top: 0;
}

.v-date-picker-header-label {
	font-size: 16px;
	font-weight: 500;
	padding: 0 5px;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
	color: #606266;
}

.v-date-picker-header-label.active,
.v-date-picker-header-label:hover {
	color: #409EFF;
}

.v-date-picker-prev-btn {
	float: left;
}

.v-date-picker-next-btn {
	float: right;
}

.v-date-picker-time-wrap {
	padding: 10px;
	text-align: center;
}

.v-date-picker-time-label {
	float: left;
	cursor: pointer;
	line-height: 30px;
	margin-left: 10px;
}

.v-time-select {
	margin: 5px 0;
	min-width: 0;
}

.v-time-select .v-picker-panel-content {
	max-height: 200px;
	margin: 0;
}

.v-time-select-item {
	padding: 8px 10px;
	font-size: 14px;
	line-height: 20px;
}

.v-time-select-item.selected:not(.disabled) {
	color: #409EFF;
	font-weight: 700;
}

.v-time-select-item.disabled {
	color: #E4E7ED;
	cursor: not-allowed;
}

.v-time-select-item:hover {
	background-color: #F5F7FA;
	font-weight: 700;
	cursor: pointer;
}

/* TimePicker 时间选择器 */

.v-date-editor {
	position: relative;
	display: inline-block;
}

.v-range-editor {
	border-radius: 4px;
	border: 1px solid #dcdfe6;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	transition: border-color .2s cubic-bezier(.645,.045,.355,1);
}

.v-range-editor:hover {
    border-color: #c0c4cc;
}

.v-range-editor.is-active,
.v-range-editor.is-active:hover {
	border-color: #409EFF;
}

.v-range-editor.is-disabled {
	background-color: #F5F7FA;
	border-color: #E4E7ED;
	color: #C0C4CC;
	cursor: not-allowed;
}

.v-range-editor.is-disabled:focus,
.v-range-editor.is-disabled:hover {
	border-color: #E4E7ED;
}

.v-range-editor.is-disabled .v-range-separator {
	color: #C0C4CC;
}

.v-date-editor .v-range-separator {
	margin: 0;
	display: block;
	padding: 0 10px;
	font-size: 14px;
	line-height: 38px;
	color: #303133;
	text-align: center;
}

.v-date-editor .v-icon-circle-close {
	cursor: pointer;
}

.v-date-editor.v-range-editor .v-input-inner {
	border: none;
	text-align: center;
}

.v-range-editor-medium .v-range-separator {
	height: 36px;
	line-height: 36px;
	font-size: 14px;
}

.v-range-editor-medium .v-range-input {
	font-size: 14px;
}

.v-range-editor-medium .v-range-close-icon,
.v-range-editor-medium .v-range-icon {
	height: 36px;
	line-height: 36px;
}

.v-range-editor-small .v-range-separator {
	height: 32px;
	line-height: 32px;
	font-size: 13px;
}

.v-range-editor-small .v-range-input {
	font-size: 13px;
}

.v-range-editor-small .v-range-close-icon,
.v-range-editor-small .v-range-icon {
	height: 32px;
	line-height: 32px;
}

.v-range-editor-mini .v-range-separator {
	height: 28px;
	line-height: 28px;
	font-size: 12px;
}

.v-range-editor-mini .v-range-input {
	font-size: 12px;
}

.v-range-editor-mini .v-range-close-icon,
.v-range-editor-mini .v-range-icon {
	height: 28px;
	line-height: 28px;
}

.v-time-panel {
	-webkit-user-select: none;
    -ms-user-select: none;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
}

.v-picker-panel {
	color: #606266;
	border: 1px solid #E4E7ED;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
	background: #FFF;
	border-radius: 4px;
	line-height: 30px;
	margin: 5px 0;
}

.v-picker-panel-body-wrapper::after,
.v-picker-panel-body::after {
	content: "";
	display: table;
	clear: both;
}

.v-picker-panel-content {
	position: relative;
	margin: 15px;
}

.v-picker-panel-footer {
	border-top: 1px solid #e4e4e4;
	padding: 4px;
	text-align: right;
	background-color: #FFF;
	position: relative;
	font-size: 0;
}

.v-picker-panel-shortcut {
	display: block;
	width: 100%;
	border: 0;
	background-color: transparent;
	line-height: 28px;
	font-size: 14px;
	color: #606266;
	padding-left: 12px;
	text-align: left;
	outline: 0;
	cursor: pointer;
}

.v-picker-panel-shortcut:hover {
	color: #409EFF;
}

.v-picker-panel-shortcut.active {
	background-color: #e6f1fe;
	color: #409EFF;
}

.v-picker-panel-btn {
	border: 1px solid #dcdcdc;
	color: #333;
	line-height: 24px;
	border-radius: 2px;
	padding: 0 20px;
	cursor: pointer;
	background-color: transparent;
	outline: 0;
	font-size: 12px;
}

.v-picker-panel-btn[disabled] {
	color: #ccc;
	cursor: not-allowed;
}

.v-picker-panel-icon-btn {
	font-size: 12px;
	color: #303133;
	border: 0;
	background: 0 0;
	cursor: pointer;
	outline: 0;
	margin-top: 8px;
}

.v-picker-panel-icon-btn:hover {
	color: #409EFF;
}

.v-picker-panel-icon-btn.is-disabled {
	color: #bbb;
}

.v-picker-panel-icon-btn.is-disabled:hover {
	cursor: not-allowed;
}

.v-picker-panel-link-btn {
	vertical-align: middle;
}

.v-picker-panel [slot=sidebar],
.v-picker-panel-sidebar {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 110px;
	border-right: 1px solid #e4e4e4;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 6px;
	background-color: #FFF;
	overflow: auto;
}

.v-picker-panel [slot=sidebar]+.v-picker-panel-body,
.v-picker-panel-sidebar+.v-picker-panel-body {
	margin-left: 110px;
}

.v-time-spinner.has-seconds .v-time-spinner-wrapper {
	width: 33.3%;
}

.v-time-spinner-wrapper {
	max-height: 190px;
	overflow: auto;
	display: inline-block;
	width: 50%;
	vertical-align: top;
	position: relative;
}

.v-time-spinner-wrapper .v-scrollbar-wrap:not(.v-scrollbar-wrap-hidden-default) {
	padding-bottom: 15px;
}

.v-time-spinner-input.v-input .v-input-inner,
.v-time-spinner-list {
	padding: 0;
	text-align: center;
}

.v-time-spinner-wrapper.is-arrow {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
}

.v-time-spinner-wrapper.is-arrow .v-time-spinner-list {
	-webkit-transform: translateY(-32px);
	transform: translateY(-32px);
}

.v-time-spinner-wrapper.is-arrow .v-time-spinner-item:hover:not(.disabled):not(.active) {
	background: #FFF;
	cursor: default;
}

.v-time-spinner-arrow {
	font-size: 14px;
	color: #909399;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1;
	text-align: center;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
}

.v-time-spinner-arrow:hover {
	color: #409EFF;
}

.v-time-spinner-arrow.v-icon-arrow-up {
	top: 10px;
}

.v-time-spinner-arrow.v-icon-arrow-down {
	bottom: 10px;
}

.v-time-spinner-input.v-input {
	width: 70%;
}

.v-time-spinner-list {
	margin: 0;
	list-style: none;
}

.v-time-spinner-list::after,
.v-time-spinner-list::before {
	content: '';
	display: block;
	width: 100%;
	height: 80px;
}

.v-time-spinner-item {
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	color: #606266;
}

.v-time-spinner-item:hover:not(.disabled):not(.active) {
	background: #F5F7FA;
	cursor: pointer;
}

.v-time-spinner-item.active:not(.disabled) {
	color: #303133;
	font-weight: 700;
}

.v-time-spinner-item.disabled {
	color: #C0C4CC;
	cursor: not-allowed;
}

.v-time-panel {
	margin: 5px 0;
	border: 1px solid #E4E7ED;
	background-color: #FFF;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
	border-radius: 2px;
	position: absolute;
	width: 180px;
	left: 0;
	z-index: 1000;
	-moz-user-select: none;
	user-select: none;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.v-time-panel-content {
	font-size: 0;
	position: relative;
	overflow: hidden;
}

.v-time-panel-content::after,
.v-time-panel-content::before {
	content: "";
	top: 50%;
	position: absolute;
	margin-top: -15px;
	height: 32px;
	z-index: -1;
	left: 0;
	right: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 6px;
	text-align: left;
	border-top: 1px solid #E4E7ED;
	border-bottom: 1px solid #E4E7ED;
}

.v-time-panel-content::after {
	left: 50%;
	margin-left: 12%;
	margin-right: 12%;
}

.v-time-panel-content::before {
	padding-left: 50%;
	margin-right: 12%;
	margin-left: 12%;
}

.v-time-panel-content.has-seconds::after {
	left: calc(100% / 3 * 2);
}

.v-time-panel-content.has-seconds::before {
	padding-left: calc(100% / 3);
}

.v-time-panel-footer {
	border-top: 1px solid #e4e4e4;
	padding: 4px;
	height: 36px;
	line-height: 25px;
	text-align: right;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.v-time-panel-btn {
	border: none;
	line-height: 28px;
	padding: 0 5px;
	margin: 0 5px;
	cursor: pointer;
	background-color: transparent;
	outline: 0;
	font-size: 12px;
	color: #303133;
}

.v-time-panel-btn.confirm {
	font-weight: 800;
	color: #409EFF;
}

.v-time-range-picker {
	width: 354px;
	overflow: visible;
}

.v-time-range-picker-content {
	position: relative;
	text-align: center;
	padding: 10px;
}

.v-time-range-picker-cell {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 4px 7px 7px;
	width: 50%;
	display: inline-block;
}

.v-time-range-picker-header {
	margin-bottom: 5px;
	text-align: center;
	font-size: 14px;
}

.v-time-range-picker-body {
	border-radius: 2px;
	border: 1px solid #E4E7ED;
}

.v-picker-zoom-in-top-enter-active,
.v-picker-zoom-in-top-leave-active {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
	transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	-webkit-transform-origin: center top;
	transform-origin: center top;
}

.v-picker-zoom-in-top-enter,
.v-picker-zoom-in-top-leave-active {
	opacity: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}

.v-picker-zoom-in-top-enter-active,
.v-picker-zoom-in-top-leave-active {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
	transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	-webkit-transform-origin: center top;
	transform-origin: center top;
}

.v-picker-zoom-in-top-enter,
.v-picker-zoom-in-top-leave-active {
	opacity: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}

/* Dialog 对话框 */

/* dialog */

.v-dialog-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    overflow: auto;
}

.v-dialog-box {
    width: 50%;
    margin: 50px auto;
    position: relative;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
}

.v-dialog-box.is-fullscreen {
    width: 100%;
    height: 100%;
    overflow: auto;
    margin-top: 0;
    margin-bottom: 0;
}

.v-dialog-header {
    padding: 15px;
}

.v-dialog-title {
    font-size: 18px;
    color: #303133;
    margin-right: 25px;
    display: block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
	word-wrap: break-word;
	word-break: break-all;
}

.v-dialog-closebtn {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: #909399;
    font-size: 16px;
}

.v-dialog-closebtn:hover {
    color: #409eff;
}

.v-dialog-body {
    padding: 15px;
    font-size: 14px;
    color: #606266;
    word-break: break-all;
}

.v-dialog-footer {
    padding: 15px;
    text-align: right;
}

.v-dialog-center {
    text-align: center;
}

.v-dialog-center .v-dialog-body {
    text-align: initial;
    padding: 25px 25px 30px;
}

.v-dialog-center .v-dialog-footer {
    text-align: inherit;
}

.v-dialog-fade-enter-active {
    animation: v-dialog-fade-in .3s;
}

.v-dialog-fade-leave-active {
    animation: v-dialog-fade-out .3s;
}

/* CSS3 动画 */

@keyframes v-dialog-fade-in {
    0% {
        transform: translate3d(0,-20px,0);
        opacity: 0;
    }

    to {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes v-dialog-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }

    to {
        transform: translate3d(0,-20px,0);
        opacity: 0;
    }
}

/* Divider 分割线 */

.v-divider {
	position: relative;
    background-color: #dcdfe6;
}

.v-divider-horizontal {
	width: 100%;
	height: 1px;
    display: block;
}

.v-divider-vertical {
    width: 1px;
    height: 1em;
	position: relative;
	display: inline-block;
    vertical-align: middle;
}

.v-divider-text {
	font-size: 14px;
	color: #303133;
	padding: 0 20px;
    font-weight: 500;
    position: absolute;
    background-color: #fff;
}

.v-divider-text.is-left {
    left: 20px;
    transform: translateY(-50%);
}

.v-divider-text.is-center {
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.v-divider-text.is-right {
    right: 20px;
    transform: translateY(-50%);
}

/* Drawer 抽屉 */

.v-drawer-wrapper {
    margin: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.v-drawer-container {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.v-drawer-body {
    flex: 1;
    padding: 20px;
}

.v-drawer-body > * {
    box-sizing: border-box;
}

.v-drawer-header {
    color: #72767b;
    padding: 20px 20px 0 20px;
    display: flex;
    align-items: center;
}

.v-drawer-header > :first-child {
    flex: 1;
}

.v-drawer-title {
    flex: 1;
    margin: 0;
    font-size: 1rem;
    line-height: inherit;
}

.v-drawer-close-btn {
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: inherit;
    background-color: transparent;
}

.v-drawer {
    overflow: hidden;
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);
}

.v-drawer.ltr,
.v-drawer.rtl {
    top: 0;
    bottom: 0;
    height: 100%;
}

.v-drawer.btt,
.v-drawer.ttb {
    left: 0;
    right: 0;
    width: 100%;
}

.v-drawer.ltr {
    left: 0;
}

.v-drawer.rtl {
    right: 0;
}

.v-drawer.ttb {
    top: 0;
}

.v-drawer.btt {
    bottom: 0;
}

.v-drawer.rtl {
    animation: v-rtl-drawer-out .3s;
}

.v-drawer-open .v-drawer.rtl {
    animation: v-rtl-drawer-in .3s 1ms;
}

.v-drawer.ltr {
    animation: v-ltr-drawer-out .3s;
}

.v-drawer-open .v-drawer.ltr {
    animation: v-ltr-drawer-in .3s 1ms;
}

.v-drawer.ttb {
    animation: v-ttb-drawer-out .3s;
}

.v-drawer-open .v-drawer.ttb {
    animation: v-ttb-drawer-in .3s 1ms;
}

.v-drawer.btt {
    animation: v-btt-drawer-out .3s;
}

.v-drawer-open .v-drawer.btt {
    animation: v-btt-drawer-in .3s 1ms;
}

.v-drawer-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

.v-drawer-fade-enter-active {
    animation: v-drawer-fade-in .3s;
}

.v-drawer-fade-leave-active {
    animation: v-drawer-fade-in .3s reverse;
}

@keyframes v-drawer-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes v-rtl-drawer-in {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes v-rtl-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes v-ltr-drawer-in {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes v-ltr-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes v-ttb-drawer-in {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes v-ttb-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes v-btt-drawer-in {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes v-btt-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

/* Dropdown 下拉菜单 */

.v-button-group > .v-dropdown > .v-button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left-color: rgba(255, 255, 255, .5);
}

.v-dropdown .v-dropdown-selfdefine:focus:active,
.v-dropdown .v-dropdown-selfdefine:focus:not(.focusing) {
	outline-width: 0;
}

.v-dropdown {
	color: #606266;
	font-size: 14px;
	display: inline-block;
}

.v-dropdown-link {
	cursor: pointer;
	color: #409eff;
}

.v-dropdown-link > .v-dropdown-icon {
	margin-left: 5px;
}

.v-dropdown-icon {
	font-size: 12px;
}

.v-dropdown .v-button-group {
	display: block;
}

.v-dropdown .v-dropdown-button {
	border-left: none;
	position: relative;
	padding-left: 13.5px;
	padding-right: 13.5px;
}

.v-dropdown .v-dropdown-button:hover::before {
	top: 0;
	bottom: 0;
}

.v-dropdown .v-dropdown-button::before {
	content: '';
	position: absolute;
	display: block;
	width: 1px;
	top: 5px;
	bottom: 5px;
	left: 0;
	background: rgba(255, 255, 255, .5);
}

.v-dropdown .v-dropdown-button.v-button-default::before {
	background: rgba(220, 223, 230, .5);
}

.v-dropdown-menu {
	padding: 10px 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	border-radius: 4px;
	background-color: #FFF;
	border: 1px solid #EBEEF5;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
}

.v-dropdown-menu-item {
	margin: 0;
	outline: 0;
	color: #606266;
	cursor: pointer;
	font-size: 14px;
	padding: 0 20px;
	list-style: none;
	line-height: 36px;
}

.v-dropdown-menu-item:focus,
.v-dropdown-menu-item:not(.is-disabled):hover {
	color: #66b1ff;
	background-color: #ecf5ff;
}

.v-dropdown-menu-item i {
	margin-right: 5px;
}

.v-dropdown-menu-item-divided {
	position: relative;
	border-top: 1px solid #EBEEF5;
}

.v-dropdown-menu-item-divided:before {
	content: '';
	height: 0;
	display: block;
	margin: 0 -20px;
	background-color: #FFF;
}

.v-dropdown-menu-item.is-disabled {
	color: #bbb;
	cursor: default;
	pointer-events: none;
}

.v-dropdown-menu-medium {
	padding: 6px 0;
}

.v-dropdown-menu-medium .v-dropdown-menu-item {
	padding: 0 17px;
	font-size: 14px;
	line-height: 30px;
}

.v-dropdown-menu-medium .v-dropdown-menu-item.v-dropdown-menu-item-divided:before {
	margin: 0 -17px;
}

.v-dropdown-menu-small {
	padding: 6px 0;
}

.v-dropdown-menu-small .v-dropdown-menu-item {
	padding: 0 15px;
	font-size: 13px;
	line-height: 27px;
}

.v-dropdown-menu-small .v-dropdown-menu-item.v-dropdown-menu-item-divided:before {
	margin: 0 -15px;
}

.v-dropdown-menu-mini {
	padding: 3px 0;
}

.v-dropdown-menu-mini .v-dropdown-menu-item {
	padding: 0 10px;
	font-size: 12px;
	line-height: 24px;
}

.v-dropdown-menu-mini .v-dropdown-menu-item.v-dropdown-menu-item-divided:before {
	margin: 0 -10px;
}

.v-dropdown-zoom-in-top-enter-active,
.v-dropdown-zoom-in-top-leave-active {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
	transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	-webkit-transform-origin: center top;
	transform-origin: center top;
}

.v-dropdown-zoom-in-top-enter,
.v-dropdown-zoom-in-top-leave-active {
	opacity: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}

/* FlexBox 布局 */

.v-flexbox {
    display            : -webkit-box;
    display            : -webkit-flex;
    display            : -ms-flexbox;
    display            : flex;
    -webkit-box-flex: 1;
    -webkit-flex    : 1;
    -ms-flex        : 1;
    flex            : 1;
    /* -webkit-box-align  : center;
    -webkit-align-items: center;
    -ms-flex-align     : center;
    align-items        : center; */
}

.v-flexbox.is-vertical {
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column;
    height                : 100%;
}

.v-flexbox.is-vertical .v-flexbox-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.v-flexbox-item {
    -webkit-box-flex: 1;
    -webkit-flex    : 1;
    -ms-flex        : 1;
    flex            : 1;
}

.v-flexbox-item.is-item-start {
    -webkit-align-self : flex-start;
    -ms-flex-item-align: start;
    align-self         : flex-start;
}

.v-flexbox-item.is-item-center {
    -webkit-align-self : center;
    -ms-flex-item-align: center;
    -ms-grid-row-align : center;
    align-self         : center;
}

.v-flexbox-item.is-item-end {
    -webkit-align-self : flex-end;
    -ms-flex-item-align: end;
    align-self         : flex-end;
}

.v-flexbox-item.is-justify-start {
	-webkit-box-pack: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
}

.v-flexbox-item.is-justify-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.v-flexbox-item.is-justify-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.v-flexbox-item.is-justify-space-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.v-flexbox-item.is-justify-space-around {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

/* 底栏容器 */

.v-footer {
    position: relative;
}

/* Form 表单 */

.v-form-item.is-error .v-input-inner,
.v-form-item.is-error .v-input-inner:focus,
.v-form-item.is-error .v-textarea-inner,
.v-form-item.is-error .v-textarea-inner:focus,
.v-form-item.is-error .v-date-editor,
.v-form-item.is-error .v-date-editor:focus,
.v-form-item.is-error .v-input.is-group.is-group-prepend > .v-group-prepend,
.v-form-item.is-error .v-input.is-group.is-group-append > .v-group-append {
	border-color: #F56C6C;
}

.v-form-item.is-error .v-input.is-group.is-group-prepend > .v-input-inner,
.v-form-item.is-error .v-input.is-group.is-group-append > .v-input-inner {
	border-left-color: #dcdfe6;
}

.v-form-label-left .v-form-item-label {
	text-align: left;
}

.v-form-label-top .v-form-item-label {
    float: none;
    text-align: left;
	display: inline-block;
}

.v-form-inline .v-form-item {
	margin-right: 10px;
    vertical-align: top;
    display: inline-block;
}

.v-form-inline .v-form-item:last-child {
    margin-right: 0px;
}

.v-form-inline .v-form-item-label {
	float: none;
	display: inline-block;
}

.v-form-inline .v-form-item-content {
    vertical-align: top;
    display: inline-block;
}

.v-form-inline.v-form-label-top .v-form-item-content {
	display: block;
}

.v-form-item {
	margin-bottom: 25px;
}

.v-form .v-form-item:last-child {
	margin-bottom: 0px;
}

.v-form-item::after,
.v-form-item::before {
	display: table;
	content: "";
}

.v-form-item::after {
	clear: both;
}

.v-form-item .v-form-item {
	margin-bottom: 0;
}

.v-form-item-mini.v-form-item,
.v-form-item-small.v-form-item {
	margin-bottom: 18px;
}

.v-form-item .v-validate-icon {
	display: none;
}

.v-form-item-medium .v-form-item-content,
.v-form-item-medium .v-form-item-label {
	line-height: 36px;
}

.v-form-item-small .v-form-item-content,
.v-form-item-small .v-form-item-label {
	line-height: 32px;
}

.v-form-item-small .v-form-item-error {
	padding-top: 2px;
}

.v-form-item-mini .v-form-item-content,
.v-form-item-mini .v-form-item-label {
	line-height: 28px;
}

.v-form-item-mini .v-form-item-error {
	padding-top: 1px;
}

.v-form-item-label-wrap {
	float: left;
}

.v-form-item-label-wrap .v-form-item-label {
    float: none;
    display: inline-block;
}

.v-form-item-label {
	float: left;
	font-size: 14px;
	color: #606266;
    line-height: 40px;
    text-align: right;
    padding: 0 12px 0 0;
    vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.v-form-item-content {
    font-size: 14px;
	line-height: 40px;
	position: relative;
}

.v-form-item-content::after,
.v-form-item-content::before {
	display: table;
	content: "";
}

.v-form-item-content::after {
	clear: both;
}

.v-form-item-content .v-input-group {
	vertical-align: top;
}

.v-form-item-content .v-radio-input,
.v-form-item-content .v-checkbox-input {
    margin: 9px 0px;
}

.v-form-item-error {
	font-size: 12px;
	margin-top: 4px;
	color: #F56C6C;
	line-height: initial;
	position: absolute;
	top: 100%;
	left: 0;
}

.v-form-item-error-inline {
	top: auto;
	left: auto;
	margin-top: 0px;
	margin-left: 10px;
	position: relative;
	display: inline-block;
}

.v-form-item.is-required:not(.is-no-asterisk) .v-form-item-label-wrap > .v-form-item-label:before,
.v-form-item.is-required:not(.is-no-asterisk) > .v-form-item-label:before {
	content: '*';
	color: #F56C6C;
	margin-right: 4px;
}

.v-form-item.is-error .v-input-group-append .v-input-inner,
.v-form-item.is-error .v-input-group-prepend .v-input-inner {
	border-color: transparent;
}

.v-form-item.is-success .v-validate-icon,
.v-form-item.is-validating .v-validate-icon {
	color: #67C23A;
}

.v-form-item.is-error .v-validate-icon {
	color: #F56C6C;
}

.v-form-item-feedback .v-validate-icon {
	display: inline-block;
}

.v-form-zoom-in-top-enter-active,
.v-form-zoom-in-top-leave-active {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
	transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	-webkit-transform-origin: center top;
	transform-origin: center top;
}

.v-form-zoom-in-top-enter,
.v-form-zoom-in-top-leave-active {
	opacity: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}

/* 顶栏容器 */

.v-header {
    position: relative;
}

/* im */

.v-im-icon i {
	color: #b3b2b7;
}

.v-im-icon:hover i {
	color: #409EFF;
}

.v-im-more-icon i {
	font-size: 20px;
}

.v-im-emoji-icon i {
	font-size: 20px;
}

.v-im-crop-icon i {
	font-size: 24px;
}

.v-im-voice-icon i {
	font-size: 20px;
}

.v-im-picture-icon i {
	font-size: 22px;
}

.v-im-files-icon i {
	font-size: 20px;
}

.v-im-tel-icon i {
	font-size: 20px;
}

.v-im-video-icon i {
	font-size: 20px;
}

.v-im-self-avatar.v-avatar {
	cursor: pointer;
}

.v-im-list:hover,
.v-im-list.is-active {
	cursor: pointer;
	background-color: #F2F6FC;
}

.v-im-menu.v-menu .v-menu-item i {
	color: unset;
}

.v-im-align-items-start {
	-webkit-box-align: start !important;
    -webkit-align-items: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
}

.v-im-search-input.v-input > .v-input-inner,
.v-im-search-input.v-textarea > .v-textarea-inner,
.v-autocomplete.v-im-search-input > .v-input .v-input-inner {
	border-radius: 20px;
	border: 1px solid #f4f4f4;
	background-color: #f4f4f4;
}

.v-im-textarea.v-textarea > .v-textarea-inner {
	border: none;
	background-color: transparent;
}

.v-im-menu-badge.v-badge .v-badge-content.is-fixed {
	top: 10px;
	right: 20px;
}

.v-im-online.v-badge .v-badge-content.is-fixed.is-dot {
	top: 9px;
	left: -20px;
	right: auto;
}

.v-im-message {
	padding: 15px;
	overflow: hidden;
}

.v-im-message .v-im-item {
	width: 100%;
	display: block;
	overflow: hidden;
	position: relative;
}

.v-im-message .v-im-item .v-im-message-avatar {
    display: inline-block;
}

.v-im-message .v-im-item.v-im-item-left .v-im-message-avatar {
    float: left;
}

.v-im-message .v-im-item.v-im-item-right .v-im-message-avatar {
    float: right;
}

.v-im-message .v-im-item .v-im-message-inner {
	overflow: hidden;
	position: relative;
}

.v-im-message .v-im-item.v-im-item-left .v-im-message-inner {
	margin-right: 50px;
}

.v-im-message .v-im-item.v-im-item-right .v-im-message-inner {
	margin-left: 50px;
}

.v-im-message .v-im-item .v-im-message-inner .v-im-message-title {
    width: 100%;
    font-size: 12px;
	color: #757575;
	position: relative;
    margin-bottom: 5px;
}

.v-im-message .v-im-item.v-im-item-left .v-im-message-inner .v-im-message-title {
    left: 10px;
}

.v-im-message .v-im-item.v-im-item-right .v-im-message-inner .v-im-message-title {
	right: 10px;
	text-align: right;
}

.v-im-message .v-im-item .v-im-message-inner .v-im-message-content {
	padding: 10px;
    max-width: 80%;
	font-size: 14px;
    border-radius: 4px;
    min-height: 40px;
    position: relative;
    word-break: break-all;
    word-wrap: break-word;
}

.v-im-message .v-im-item.v-im-item-left .v-im-message-inner .v-im-message-content:before {
    content: " ";
    position: absolute;
    top: 10px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    left: -7px;
    border-left: none;
    border-right-color: #fff;
}

.v-im-message .v-im-item.v-im-item-right .v-im-message-inner .v-im-message-content:before {
	content: " ";
    position: absolute;
    top: 10px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    right: -7px;
    border-right: none;
    border-left-color: #409EFF;
}

.v-im-message .v-im-item.v-im-item-left .v-im-message-inner .v-im-message-content {
	left: 10px;
	float: left;
	color: #303133;
	background-color: #ffffff;
}

.v-im-message .v-im-item.v-im-item-right .v-im-message-inner .v-im-message-content {
	right: 10px;
	float: right;
	color: #ffffff;
	background-color: #409EFF;
}

.v-im-message .v-im-item .v-im-message-inner .v-im-message-status {
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.v-im-message .v-im-item .v-im-message-inner .v-im-message-status .v-icon-loading {
	display: inline-block;
	animation: imStatusLoadingRotate 2s linear infinite;
}

@keyframes imStatusLoadingRotate {
	from {transform: rotate(0deg);} 
	to {transform: rotate(360deg);} 
}

.v-im-message .v-im-item.v-im-item-left .v-im-message-inner .v-im-message-status {
    left: 10px;
    float: left;
}

.v-im-message .v-im-item.v-im-item-right .v-im-message-inner .v-im-message-status {
    right: 10px;
    float: right;
}

.v-im-switch {
	height: 38px;
	position: fixed !important;
	z-index: 2000;
	right: 0px;
	bottom: 10px;
	cursor: pointer;
	pointer-events: auto;
}

.v-im-iframe {
	z-index: 2000;
	position: fixed;
	right: 0px;
	bottom: 0px;
}

/* Image 图片 */

.v-image {
    overflow: hidden;
    position: relative;
    display: inline-block;
}

.v-image-inner {
    vertical-align: top;
}

.v-image-inner-center {
    top: 50%;
    left: 50%;
    display: block;
    position: relative;
    transform: translate(-50%,-50%);
}

.v-image-error,
.v-image-placeholder {
    background: #f5f7fa;
}

.v-image-error {
    font-size: 14px;
    color: #c0c4cc;
    display: flex;
    justify-content: center;
    align-items: center;   
    vertical-align: middle;
}

.v-image-error,
.v-image-inner,
.v-image-placeholder {
    width: 100%;
    height: 100%;
}

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

.v-image-viewer-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.v-image-viewer-btn {
    opacity: .8;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    user-select: none;
}

.v-image-viewer-close {
    top: 40px;
    color: #fff;
    right: 40px;
    width: 40px;
    height: 40px;
    background-color: #606266;
}

.v-image-viewer-close:hover {
    background-color: #F56C6C;
}

.v-image-viewer-close > i {
    font-size: 18px;
}

.v-image-viewer-canvas {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.v-image-viewer-canvas > .v-image-viewer-img {
    width: auto;
    height: auto;
    cursor: move;
}

.v-image-viewer-actions {
    left: 50%;
    bottom: 30px;
    width: 282px;
    height: 44px;
    padding: 0 23px;
    border-color: #fff;
    border-radius: 22px;
    transform: translateX(-50%);
    background-color: #606266;
}

.v-image-viewer-actions:hover {
    background-color: #409EFF;
}

.v-image-viewer-actions-inner {
    width: 100%;
    height: 100%;
    color: #fff;
    cursor: default;
    display: flex;
    text-align: justify;
    align-items: center;
    justify-content: space-around;
}

.v-image-viewer-actions-inner > i {
    cursor: pointer;
    font-size: 23px;
}

.v-image-viewer-prev {
    left: 40px;
}

.v-image-viewer-next,
.v-image-viewer-prev {
    top: 50%;
    width: 44px;
    height: 44px;
    color: #fff;
    font-size: 24px;
    border-color: #fff;
    transform: translateY(-50%);
    background-color: #606266;
}

.v-image-viewer-next:hover,
.v-image-viewer-prev:hover {
    background-color: #409EFF;
}

.v-image-viewer-next {
    right: 40px;
    text-indent: 2px;
}

.v-image-viewer-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .5;
    background: #000;
}

.v-image-viewer-fade-enter-active {
    animation: v-image-viewer-fade-in .3s
}

.v-image-viewer-fade-leave-active {
    animation: v-image-viewer-fade-out .3s
}

@keyframes v-image-viewer-fade-in {
    0% {
        transform: translate3d(0,-20px,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes v-image-viewer-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0,-20px,0);
        opacity: 0
    }
}

/* Input 输入框 */

.v-input {
    width: 100%;
    font-size: 14px;
    position: relative;
    display: inline-block;
}

.v-input > .v-input-inner {
    width: 100%;
    height: 40px;
    outline: none;
    padding: 0 15px;
    line-height: 40px;
    color: #606266;
    font-size: inherit;
    border-radius: 4px;
    display: inline-block;
    box-sizing: border-box;
    background-image: none;
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #dcdfe6;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
}

.v-input > .v-input-inner:hover {
    border-color: #c0c4cc;
}

.v-input > .v-input-inner:focus {
    outline: none;
    border-color: #409eff;
}

/* 输入框尾部图标,内边距 */

.v-input.is-suffix > .v-input-inner {
    padding-right: 45px;
}

/* 输入框头部图标,内边距 */

.v-input.is-prefix > .v-input-inner {
    padding-left: 45px;
}

/* 输入长度限制 */

.v-input.is-exceed > .v-input-inner {
    border-color: #f56c6c;
}

.v-input.is-exceed > .v-suffix-icon > .v-input-count {
    color: #f56c6c;
}

/* 输入框占位文本颜色 */

.v-input > .v-input-inner::placeholder {
    color: #c0c4cc;
}

/* 输入框激活边框颜色 */

.v-input.is-active > .v-input-inner {
    outline: none;
    border-color: #409eff;
}

/* 输入框禁用 */

.v-input.is-disabled > .v-input-inner {
    color: #c0c4cc;
    cursor: not-allowed;
    border-color: #e4e7ed;
    background-color: #f5f7fa;
}

.v-input.is-disabled > .v-input-inner::placeholder {
    color: #c0c4cc;
}

.v-input.is-disabled > .v-prefix-icon > .v-icon, 
.v-input.is-disabled > .v-suffix-icon > .v-icon {
    cursor: not-allowed;
}

/* 清空 */

.v-input.is-suffix > .v-suffix-icon > .v-icon.v-clear {
    color: #c0c4cc;
    cursor: pointer;
    transition: color .2s cubic-bezier(.645,.045,.355,1);
}

.v-input.is-suffix > .v-suffix-icon > .v-icon.v-clear:hover {
    color: #909399;
}

/* 输入长度限制 */

.v-input > .v-suffix-icon > .v-input-count {
    height: 100%;
    font-size: 12px;
    color: #909399;
    display: inline-flex;
    align-items: center;
}

/* 输入框图标 */

.v-input > .v-suffix-icon {
    top: 0;
    right: 15px;
    height: 100%;
    color: #c0c4cc;
    text-align: center;
    transition: all .3s;
    position: absolute;
    -moz-display: flex;
    -webkit-display: flex;
    -o-display: flex;
    display: flex;
    -moz-justify-content: flex;
    -webkit-justify-content: flex;
    -o-justify-content: flex;
    justify-content: center;
    -moz-align-items: flex;
    -webkit-align-items: flex;
    -o-align-items: flex;
    align-items: center;
}

/* 输入框头部图标 */

.v-input > .v-prefix-icon {
    top: 0;
    left: 15px;
    height: 100%;
    color: #c0c4cc;
    text-align: center;
    transition: all .3s;
    position: absolute;
    -moz-display: flex;
    -webkit-display: flex;
    -o-display: flex;
    display: flex;
    -moz-justify-content: flex;
    -webkit-justify-content: flex;
    -o-justify-content: flex;
    justify-content: center;
    -moz-align-items: flex;
    -webkit-align-items: flex;
    -o-align-items: flex;
    align-items: center;
}

.v-input > .v-prefix-icon > .v-icon,
.v-input > .v-suffix-icon > .v-icon {
    font-size: 16px;
    text-align: center;
    transition: all .3s;
}

.v-input > .v-prefix-icon > .v-icon:after,
.v-input > .v-suffix-icon > .v-icon::after {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

/* 输入框尺寸 medium */

.v-input.is-medium > .v-input-inner {
    height: 36px;
    line-height: 36px;
}

.v-input.is-medium > .v-input-inner,
.v-textarea.is-medium > .v-textarea-inner {
    font-size: 14px;
}

.v-input.is-medium > .v-prefix-icon > .v-icon,
.v-input.is-medium > .v-suffix-icon > .v-icon {
    font-size: 16px;
    height: 36px;
    line-height: 36px;
}

/* 输入框尺寸 small */

.v-input.is-small > .v-input-inner {
    height: 32px;
    line-height: 32px;
}

.v-input.is-small > .v-input-inner,
.v-textarea.is-small > .v-textarea-inner {
    font-size: 13px;
}

.v-input.is-small > .v-prefix-icon > .v-icon,
.v-input.is-small > .v-suffix-icon > .v-icon {
    font-size: 14px;
    height: 32px;
    line-height: 32px;
}

/* 输入框尺寸 mini */

.v-input.is-mini > .v-input-inner {
    height: 28px;
    line-height: 28px;
}

.v-input.is-mini > .v-input-inner,
.v-textarea.is-mini > .v-textarea-inner {
    font-size: 12px;
}

.v-input.is-mini > .v-prefix-icon > .v-icon,
.v-input.is-mini > .v-suffix-icon > .v-icon {
    font-size: 12px;
    height: 28px;
    line-height: 28px;
}

/* 复合型输入框 */

.v-input.is-group {
    width: 100%;
    border-spacing: 0;
    line-height: normal;
    display: inline-table;
    border-collapse: separate;
}

.v-input.is-group > .v-input-inner {
    display: table-cell;
    vertical-align: middle;
}

.v-input.is-group > .v-group-append,
.v-input.is-group > .v-group-prepend {
    width: 1px;
    padding: 0 15px;
    color: #909399;
    display: table-cell;
    position: relative;
    border-radius: 4px;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #f5f7fa;
    border: 1px solid #dcdfe6;
}

.v-input.is-group > .v-group-prepend {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.v-input.is-group.is-group-prepend > .v-input-inner {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.v-input.is-group > .v-group-append {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.v-input.is-group.is-group-append > .v-input-inner {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.v-input-group-append-slot .v-button,
.v-input-group-append-slot .v-select,
.v-input-group-prepend-slot .v-button,
.v-input-group-prepend-slot .v-select {
    margin: -10px -20px;
    display: inline-block;
}

.v-input-group-append-slot button.v-button,
.v-input-group-append-slot div.v-select .v-input-inner,
.v-input-group-append-slot div.v-select:hover .v-input-inner,
.v-input-group-prepend-slot button.v-button,
.v-input-group-prepend-slot div.v-select .v-input-inner,
.v-input-group-prepend-slot div.v-select:hover .v-input-inner {
    border-top: 0;
    color: inherit;
    border-bottom: 0;
    border-color: transparent;
    background-color: transparent;
}

.v-input-group-append-slot .v-button,
.v-input-group-append-slot .v-input,
.v-input-group-prepend-slot .v-button,
.v-input-group-prepend-slot .v-input {
    font-size: inherit;
}

.v-input-group-prepend .v-select .v-input.is-focus .v-input-inner {
    border-color: transparent;
}

.v-input-group-append .v-select .v-input.is-focus .v-input-inner {
    border-color: transparent;
}

/* 文本域 */

.v-textarea {
    width: 100%;
    font-size: 14px;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
}

.v-textarea > .v-textarea-inner {
    width: 100%;
    resize: none;
    display: block;
    color: #606266;
    line-height: 1.5;
    padding: 10px 15px;
    border-radius: 4px;
    font-family: inherit;
    box-sizing: border-box;
    background-image: none;
    background-color: #fff;
    border: 1px solid #dcdfe6;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
}

.v-textarea > .v-textarea-inner::placeholder {
    color: #c0c4cc;
}

.v-textarea > .v-textarea-inner:hover {
    border-color: #c0c4cc;
}

.v-textarea > .v-textarea-inner:focus {
    outline: none;
    border-color: #409eff;
}

.v-textarea.is-disabled > .v-textarea-inner {
    color: #c0c4cc;
    cursor: not-allowed;
    border-color: #e4e7ed;
    background-color: #f5f7fa;
}

.v-textarea.is-disabled > .v-textarea-inner::placeholder {
    color: #c0c4cc;
}

.v-textarea.is-exceed > .v-textarea-inner {
    border-color: #f56c6c;
}

.v-textarea.is-exceed > .v-input-count {
    color: #f56c6c;
}

.v-textarea > .v-input-count {
    bottom: 10px;
    right: 15px;
    font-size: 12px;
    color: #909399;
    background: #fff;
    position: absolute;
}

/* InputNumber 计数器 */

.v-input-number {
    position: relative;
}

.v-input-number .v-input {
    display: block;
}

.v-input-number .v-input-inner {
    padding-left: 50px;
    padding-right: 50px;
	text-align: center;
	-webkit-appearance: none;
}

.v-input-number-decrease,
.v-input-number-increase {
	width: 40px;
	height: 38px;
	line-height: 38px;
	font-size: 13px;
	color: #606266;
    cursor: pointer;
	text-align: center;
	background: #f5f7fa;
    position: absolute;
    z-index: 1;
    top: 1px;
}

.v-input-number-decrease:hover,
.v-input-number-increase:hover {
    color: #409eff;
}

.v-input-number-decrease [class*=v-icon],
.v-input-number-increase [class*=v-icon] {
    font-size: 12px;
}

.v-input-number-decrease:hover:not(.is-disabled)~.v-input .v-input-inner:not(.is-disabled),
.v-input-number-increase:hover:not(.is-disabled)~.v-input .v-input-inner:not(.is-disabled) {
    border-color: #409eff;
}

.v-input-number-decrease.is-disabled,
.v-input-number-increase.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed;
}

.v-input-number-increase {
    right: 1px;
    border-radius: 0 4px 4px 0;
    border-left: 1px solid #dcdfe6;
}

.v-input-number-decrease {
    left: 1px;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #dcdfe6;
}

.v-input-number.is-disabled .v-input-number-decrease,
.v-input-number.is-disabled .v-input-number-increase {
	color: #e4e7ed;
    border-color: #e4e7ed;
}

.v-input-number.is-disabled .v-input-number-decrease:hover,
.v-input-number.is-disabled .v-input-number-increase:hover {
    color: #e4e7ed;
    cursor: not-allowed;
}

.v-input-number-medium {
    width: 200px;
    line-height: 34px;
}

.v-input-number-medium .v-input-number-decrease,
.v-input-number-medium .v-input-number-increase {
	width: 36px;
	height: 34px;
    line-height: 34px;
    font-size: 14px;
}

.v-input-number-medium .v-input-inner {
    padding-left: 45px;
    padding-right: 45px;
}

.v-input-number-small {
    width: 130px;
    line-height: 30px;
}

.v-input-number-small .v-input-number-decrease,
.v-input-number-small .v-input-number-increase {
	width: 32px;
	height: 30px;
    line-height: 30px;
    font-size: 13px;
}

.v-input-number-small .v-input-number-decrease [class*=v-icon],
.v-input-number-small .v-input-number-increase [class*=v-icon] {
    transform: scale(.9);
}

.v-input-number-small .v-input-inner {
    padding-left: 40px;
    padding-right: 40px;
}

.v-input-number-mini {
    width: 130px;
    line-height: 26px;
}

.v-input-number-mini .v-input-number-decrease,
.v-input-number-mini .v-input-number-increase {
	width: 28px;
	height: 26px;
    line-height: 26px;
    font-size: 12px;
}

.v-input-number-mini .v-input-number-decrease [class*=v-icon],
.v-input-number-mini .v-input-number-increase [class*=v-icon] {
    transform: scale(.8);
}

.v-input-number-mini .v-input-inner {
    padding-left: 35px;
    padding-right: 35px;
}

.v-input-number.is-without-controls .v-input-inner {
    padding-left: 15px;
    padding-right: 15px;
}

.v-input-number.is-controls-right .v-input-inner {
    padding-left: 15px;
    padding-right: 50px;
}

.v-input-number.is-controls-right .v-input-number-decrease,
.v-input-number.is-controls-right .v-input-number-increase {
    height: 19px;
    line-height: 19px;
}

.v-input-number.is-controls-right .v-input-number-decrease [class*=v-icon],
.v-input-number.is-controls-right .v-input-number-increase [class*=v-icon] {
    transform: scale(.8);
}

.v-input-number.is-controls-right .v-input-number-increase {
    border-radius: 0 4px 0 0;
    border-bottom: 1px solid #dcdfe6;
}

.v-input-number.is-controls-right .v-input-number-decrease {
    right: 1px;
    bottom: 1px;
    top: auto;
    left: auto;
	border-right: none;
	border-radius: 0 0 4px 0;
    border-left: 1px solid #dcdfe6;
}

.v-input-number.is-controls-right[class*=medium] [class*=decrease],
.v-input-number.is-controls-right[class*=medium] [class*=increase] {
	height: 17px;
    line-height: 17px;
}

.v-input-number.is-controls-right[class*=small] [class*=decrease],
.v-input-number.is-controls-right[class*=small] [class*=increase] {
	height: 15px;
    line-height: 15px;
}

.v-input-number.is-controls-right[class*=mini] [class*=decrease],
.v-input-number.is-controls-right[class*=mini] [class*=increase] {
	height: 13px;
    line-height: 13px;
}

/* Link 文字链接 */

.v-link {
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	position: relative;
	vertical-align: middle;
	text-decoration: none;
	-webkit-box-direction: normal;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.v-link.is-underline:hover:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 0;
	bottom: 0;
	border-bottom: 1px solid #409EFF;
}

.v-link.v-link-default:after,
.v-link.v-link-primary:after,
.v-link.v-link-primary.is-underline:hover:after {
	border-color: #409EFF;
}

.v-link.is-disabled {
	cursor: not-allowed;
}

.v-link [class*=v-icon]+span {
	margin-left: 5px;
}

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

.v-link.v-link-default:hover {
	color: #409EFF;
}

.v-link.v-link-default.is-disabled {
	color: #C0C4CC;
}

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

.v-link.v-link-primary:hover {
	color: #66b1ff;
}

.v-link.v-link-primary.is-disabled {
	color: #a0cfff;
}

.v-link.v-link-danger:after,
.v-link.v-link-danger.is-underline:hover:after {
	border-color: #F56C6C;
}

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

.v-link.v-link-danger:hover {
	color: #f78989;
}

.v-link.v-link-danger.is-disabled {
	color: #fab6b6;
}

.v-link.v-link-success:after,
.v-link.v-link-success.is-underline:hover:after {
	border-color: #67C23A;
}

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

.v-link.v-link-success:hover {
	color: #85ce61;
}

.v-link.v-link-success.is-disabled {
	color: #b3e19d;
}

.v-link.v-link-warning:after,
.v-link.v-link-warning.is-underline:hover:after {
	border-color: #E6A23C;
}

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

.v-link.v-link-warning:hover {
	color: #ebb563;
}

.v-link.v-link-warning.is-disabled {
	color: #f3d19e;
}

.v-link.v-link-info:after,
.v-link.v-link-info.is-underline:hover:after {
	border-color: #17a2b8;
}

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

.v-link.v-link-info:hover {
	color: #138496;
}

.v-link.v-link-info.is-disabled {
	color: #17a2b8;
}

/* Loading 加载 */

.v-loading-mask {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;

    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;

	position: absolute;
	z-index: 2000;
	background-color: rgba(255, 255, 255, 0);
	margin: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.v-loading-mask.is-fullscreen {
	position: fixed;
}

.v-loading-parent-relative {
	position: relative !important;
}

.v-loading-parent-hidden {
	overflow: hidden !important;
}

.v-loading-spinner {
    padding: 15px;
    max-width: 260px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
}

.v-loading-spinner > .v-loading-icon {
	width: 48px;
    float: left;
    display: block;
    color: #ffffff;
    animation: loading-rotate 2s linear infinite;
}

.v-loading-spinner > .v-loading-content {
    margin-left: 58px;
}

.v-loading-spinner > .v-loading-content > .v-loading-title {
	display: block;
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    text-align: left;
    text-overflow:ellipsis;
    white-space: nowrap;
	word-wrap: break-word;
	word-break: break-all;
}

.v-loading-spinner > .v-loading-content > .v-loading-message {
    display: block;
    color: #ffffff;
    font-size: 12px;
    line-height: 24px;
    overflow: hidden;
    text-align: left;
    text-overflow:ellipsis;
    white-space: nowrap;
	word-wrap: break-word;
	word-break: break-all;
}

.v-loading-fade-enter,
.v-loading-fade-leave-active {
	opacity: 0;
}

/* CSS3 动画 */

@-webkit-keyframes loading-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes loading-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

/* 主要区域容器 */

.v-main {
	position: relative;
}

.v-main.is-vertical {
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
}

/* NavMenu 导航菜单 */

.v-menu {
    margin: 0px;
    padding-left: 0;
    list-style: none;
    position: relative;
    background-color: #fff;
}

.v-menu.is-border-r {
    border-right: 1px solid #e6e6e6;
}

.v-menu:after,
.v-menu:before {
    display: table;
    content: "";
}

.v-menu:after {
    clear: both;
}

/* 垂直模式 */

.v-menu-vertical {
    position: absolute;
}

/* 水平模式 */

.v-menu-horizontal {
    border-right: none;
    position: absolute;
}

.v-menu.v-menu-horizontal {
    position: relative;
    border-bottom: 1px solid #eeeeee;
}

.v-menu-horizontal .v-menu-item {
    margin: 0;
    float: left;
    height: 50px;
    color: #909399;
    line-height: 50px;
}

.v-menu-horizontal .v-menu-item a,
.v-menu-horizontal .v-menu-item a:hover {
    color: inherit;
}

.v-menu-horizontal .v-menu-item:not(.is-disabled):focus,
.v-menu-horizontal .v-menu-item:not(.is-disabled):hover {
    background-color: #fff;
}

.v-menu-horizontal .v-submenu {
    float: left;
}

.v-menu-horizontal .v-submenu:focus,
.v-menu-horizontal .v-submenu:hover {
    outline: none;
}

.v-menu-horizontal .v-submenu:focus .v-submenu-title,
.v-menu-horizontal .v-submenu:hover .v-submenu-title {
    color: #303133;
}

.v-menu-horizontal .v-submenu.is-active .v-submenu-title {
    color: #409eff;
    border-bottom: 2px solid #409eff;
}

.v-menu-horizontal .v-submenu .v-submenu-title {
    height: 50px;
    color: #909399;
    line-height: 50px;
    padding-right: 40px;
}

.v-menu-horizontal .v-submenu .v-submenu-title:hover {
    background-color: #fff;
}

.v-menu-horizontal .v-submenu .v-submenu-icon-arrow {
    position: absolute;
}

.v-menu-horizontal .v-menu .v-menu-item,
.v-menu-horizontal .v-menu .v-submenu-title {
    float: none;
    height: 36px;
    padding: 0 10px;
    line-height: 36px;
    color: #909399;
    background-color: #fff;
}

.v-menu-horizontal .v-menu .v-menu-item.is-active,
.v-menu-horizontal .v-menu .v-submenu.is-active > .v-submenu-title {
    color: #303133;
}

.v-menu-horizontal .v-menu-item:not(.is-disabled):focus,
.v-menu-horizontal .v-menu-item:not(.is-disabled):hover {
    outline: none;
    color: #303133;
}

.v-menu-horizontal .v-menu-item.is-active {
    color: #409eff;
    border-bottom: 2px solid #409eff;
}

/* 水平折叠收起菜单 */

.v-menu-collapse {
    width: 50px
}

.v-menu-collapse .v-menu-item {
    padding: 0 !important;
}

.v-menu-collapse .v-submenu .v-submenu-title {
    padding: 0px !important;
}

.v-menu-collapse .v-menu-item [class^=v-icon],
.v-menu-collapse .v-submenu .v-submenu-title [class^=v-icon] {
    margin: 0;
    width: auto;
    float: none;
    text-align: center;
}

.v-menu-collapse .v-menu-item .v-submenu-icon-arrow,
.v-menu-collapse .v-submenu .v-submenu-title .v-submenu-icon-arrow {
    display: none;
}

.v-menu-collapse .v-menu-item .v-title,
.v-menu-collapse .v-submenu .v-submenu-title .v-title {
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    display: inline-block;
}

.v-menu-collapse .v-menu-item.is-active i {
    color: inherit;
}

.v-menu-collapse .v-menu .v-submenu {
    min-width: 200px;
}

.v-menu-collapse .v-submenu {
    position: relative;
}

.v-menu-collapse .v-submenu .v-menu {
    top: 0;
    left: 100%;
    z-index: 10;
    margin-left: 5px;
    border-radius: 2px;
    position: absolute;
    border: 1px solid #e4e7ed;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}

.v-menu-collapse .v-submenu.is-opened .v-submenu-title .v-submenu-icon-arrow {
    transform: none;
}

/* 弹出菜单 */

.v-menu-popup {
    z-index: 100;
    border: none;
    padding: 5px 0;
    min-width: 200px;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}

.v-menu-popup-bottom-start {
    margin-top: 5px;
}

.v-menu-popup-right-start {
    margin-left: 5px;
    margin-right: 5px;
}

.v-menu-vertical .v-menu-popup .v-menu-item {
    padding-right: 20px !important;
}

.v-menu-vertical .v-menu-popup .v-submenu.is-active .v-submenu-title,
.v-menu-vertical .v-menu-popup .v-submenu .v-menu-item {
    color: #409eff;
    border-bottom: 0;
}

.v-menu-horizontal .v-menu-popup .v-submenu {
    float: none;
}

.v-menu-horizontal .v-menu-popup .v-menu-item a,
.v-menu-horizontal .v-menu-popup .v-menu-item a:hover,
.v-menu-horizontal .v-menu-popup .v-submenu .v-menu-item:hover,
.v-menu-horizontal .v-menu-popup .v-submenu .v-submenu-title:hover {
    color: inherit;
}

.v-menu-horizontal .v-menu-popup .v-menu-item,
.v-menu-horizontal .v-menu-popup .v-submenu .v-menu-item,
.v-menu-horizontal .v-menu-popup .v-submenu .v-submenu-title {
    color: #909399;
    border-bottom: 0;
}

.v-menu-horizontal .v-menu-popup .v-menu-item.is-active,
.v-menu-horizontal .v-menu-popup .v-submenu.is-active .v-submenu-title {
    color: #409eff;
    border-bottom: 0;
}

.v-menu-horizontal .v-menu-popup .v-menu-item-group-title {
    padding-left: 10px !important;
}

.v-menu-item {
    height: 56px;
    padding: 0 20px;
    cursor: pointer;
    font-size: 14px;
    color: #303133;
    list-style: none;
    line-height: 56px;
    position: relative;
    white-space: nowrap;
    box-sizing: border-box;
    transition: border-color .3s,background-color .3s,color .3s;
}

.v-menu-item:focus,
.v-menu-item:hover {
    outline: none;
    background-color: #ecf5ff;
}

.v-menu-item.is-disabled {
    opacity: .25;
    cursor: not-allowed;
    background: none!important;
}

.v-menu-item.is-active {
    color: #409eff;
}

.v-menu-item.is-active i {
    color: inherit;
}

.v-menu-item .v-title {
    display: block;
    margin-left: 29px;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
}

.v-menu-item [class^=v-icon] {
    width: 24px;
    float: left;
    display: block;
    font-size: 20px;
    margin-right: 10px;
    text-align: center;
}

.v-menu-item i {
    color: #909399;
}

.v-submenu {
    margin: 0;
    padding-left: 0;
    list-style: none;
    position: relative;
}

.v-submenu [class^=v-icon] {
    width: 24px;
    float: left;
    display: block;
    font-size: 20px;
    margin-right: 10px;
    text-align: center;
}

.v-submenu .v-menu {
    border: none;
}

.v-submenu .v-menu-item {
    height: 50px;
    padding: 0 45px;
    min-width: 200px;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
}

.v-submenu.is-disabled .v-menu-item,
.v-submenu.is-disabled .v-submenu-title {
    opacity: .25;
    cursor: not-allowed;
    background: none!important;
}

.v-submenu.is-active .v-submenu-title {
    border-bottom-color: #409eff;
}

.v-submenu.is-opened .v-submenu-title .v-submenu-icon-arrow {
    -webkit-transform: rotateZ(180deg);
    transform: rotate(180deg);
}

.v-submenu-title {
    height: 56px;
    padding: 0 20px;
    cursor: pointer;
    font-size: 14px;
    color: #303133;
    list-style: none;
    line-height: 56px;
    position: relative;
    white-space: nowrap;
    box-sizing: border-box;
    transition: border-color .3s,background-color .3s,color .3s;
}

.v-submenu-title:focus,
.v-submenu-title:hover {
    outline: none;
    background-color: #ecf5ff;
}

.v-submenu-title.is-disabled {
    opacity: .25;
    cursor: not-allowed;
    background: none!important;
}

.v-submenu-title:hover {
    background-color: #ecf5ff;
}

.v-submenu-title > .v-title {
    display: block;
    margin-left: 29px;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
}

.v-submenu-title i {
    color: #788ba0;
}

.v-submenu-icon-arrow {
    top: 0px;
    right: 20px;
    font-size: 14px;
    position: absolute;
    transition: transform .3s;
}

.v-menu-item-group ul {
    padding: 0;
}

.v-menu-item-group-title {
    font-size: 12px;
    color: #909399;
    padding: 8px 20px;
    line-height: normal;
}

.horizontal-collapse-transition .v-submenu-title .v-submenu-icon-arrow {
    transition: .2s;
    opacity: 0;
}

/* Message 消息提示 */

/* message */

.v-message {
	max-width: 450px;
	position: fixed;
    left: 50%;
	top: 20px;
	padding: 15px;
	overflow: hidden;
	border-width: 1px;
	border-radius: 4px;
    transform: translateX(-50%);
    transition: opacity .3s,transform .4s,top .4s;
}

.v-message.is-closable .v-message-content {
    padding-right: 26px;
}

.v-message-content {
	font-size: 14px;
    margin-left: 25px;
}

.v-message-info {
	background-color: #d8eff3;
    border-color: #9cd7e1;
}

.v-message-info .v-message-content {
    color: #4db8c9;
}

.v-message-success {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
}

.v-message-success .v-message-content {
    color: #67c23a;
}

.v-message-warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
}

.v-message-warning .v-message-content {
    color: #e6a23c;
}

.v-message-error {
    background-color: #fef0f0;
    border-color: #fde2e2;
}

.v-message-error .v-message-content {
    color: #f56c6c;
}

.v-message-icon {
	float: left;
	display: block;
	font-size: 20px;
	position: relative;
	top: -1px;
}

.v-message-closebtn {
    position: absolute;
	top: 17px;
    right: 15px;
    cursor: pointer;
    color: #c0c4cc;
    font-size: 16px;
}

.v-message-closebtn:hover {
    color: #909399;
}

.v-message-fade-enter,
.v-message-fade-leave-active {
    opacity: 0;
    transform: translate(-50%,-100%);
}

/* MessageBox 弹框 */

.v-popup-parent-hidden {
	overflow: hidden;
}

.v-message-box-wrapper {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: fixed;
	text-align: center;
}

.v-message-box-wrapper::after {
	width: 0;
	height: 100%;
	content: "";
	display: inline-block;
	vertical-align: middle;
}

.v-message-box {
	width: 420px;
	text-align: left;
	overflow: hidden;
	border-radius: 4px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-color: #FFF;
	border: 1px solid #EBEEF5;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
}

.v-message-box-header {
	position: relative;
	margin: 15px 15px 0px 15px;
}

.v-message-box-title {
	font-size: 16px;
	color: #303133;
}

.v-message-box-headerbtn {
	top: 15px;
	padding: 0;
	outline: 0;
	right: 15px;
	border: none;
	background: 0 0;
	font-size: 16px;
	cursor: pointer;
	position: absolute;
}

.v-message-box-headerbtn .v-message-box-close {
	color: #909399;
}

.v-message-box-headerbtn:focus .v-message-box-close,
.v-message-box-headerbtn:hover .v-message-box-close {
	color: #409EFF;
}

.v-message-box-content {
	padding: 15px;
	font-size: 14px;
	color: #606266;
	position: relative;
}

.v-message-box-message p {
	margin: 0;
	line-height: 24px;
}

.v-message-box-input {
	margin-top: 15px;
}

.v-message-box-input input.invalid,
.v-message-box-input input.invalid:focus {
	border-color: #F56C6C;
}

.v-message-box-errormsg {
	min-height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #F56C6C;
}

.v-message-box-status {
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 23px;
	float: left;
	display: block;
}

.v-message-box-btns {
	text-align: right;
	padding: 0px 15px 15px 15px;
}

.v-message-box-center {
	padding-bottom: 35px;
}

.v-message-box-center .v-message-box-btns,
.v-message-box-center .v-message-box-title,
.v-message-box-center .v-message-box-content {
	text-align: center;
}

.v-message-box-center .v-message-box-title {
	margin-top: 30px;
}

.v-message-box-center .v-message-box-status {
	float: none;
    width: auto;
    height: auto;
	font-size: 48px;
	margin: 15px auto;
}

.v-message-box-center .v-message-box-content .v-message-box-message {
	margin-bottom: 15px;
}

.v-msgbox-fade-enter-active {
	-webkit-animation: v-msgbox-fade-in .3s;
	animation: v-msgbox-fade-in .3s
}

.v-msgbox-fade-leave-active {
	-webkit-animation: v-msgbox-fade-out .3s;
	animation: v-msgbox-fade-out .3s
}

@-webkit-keyframes v-msgbox-fade-in {
	0% {
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes v-msgbox-fade-in {
	0% {
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@-webkit-keyframes v-msgbox-fade-out {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
		opacity: 0;
	}
}

@keyframes v-msgbox-fade-out {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
		opacity: 0;
	}
}

/* Notice 通知 */

.v-notify-fade-enter.is-right {
    right: 0;
    transform: translateX(100%);
}

.v-notify-fade-enter.is-left {
    left: 0;
    transform: translateX(-100%);
}

.v-notify-fade-leave-active {
    opacity: 0;
}

/* notify */

.v-notify {
    min-width: 270px;
    max-width: 450px;
    padding: 15px;
    position: fixed;
    overflow: hidden;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #ebeef5;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;
}

.v-notify.is-right {
    right: 16px;
}

.v-notify.is-left {
    left: 16px;
}

.v-notify-header {
    overflow: hidden;
}

.v-notify-title {
    margin: 0;
    line-height: 25px;
    font-size: 16px;
    color: #303133;
    font-weight: 700;
    display: block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
	word-wrap: break-word;
	word-break: break-all;
}

.v-notify-icon {
    height: 25px;
    width: 25px;
    float: left;
    font-size: 24px;
    display: block;
}

.v-notify-message {
    font-size: 14px;
    color: #606266;
    margin-top: 10px;
}

.v-notify-message p {
    margin: 0;
}

.v-notify-closebtn {
    cursor: pointer;
    color: #909399;
    font-size: 16px;
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
}

.v-notify-closebtn:hover {
    color: #606266;
}

/* Progress 进度条 */

#nprogress {
    pointer-events: none;
}
  
#nprogress .bar {
    /* background: #29d; */
    background: #67C23A;
    position: fixed;
    z-index: 20000;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
}
  
#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    /* box-shadow: 0 0 10px #29d, 0 0 5px #29d; */
    box-shadow: 0 0 10px #67C23A, 0 0 5px #67C23A;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
        -ms-transform: rotate(3deg) translate(0px, -4px);
            transform: rotate(3deg) translate(0px, -4px);
}
  
#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px;
}
  
#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: solid 2px transparent;
    /* border-top-color: #29d;
    border-left-color: #29d; */
    border-top-color: #67C23A;
    border-left-color: #67C23A;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
            animation: nprogress-spinner 400ms linear infinite;
}
  
.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}
  
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute;
}
  
@-webkit-keyframes nprogress-spinner {
    0%   { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes nprogress-spinner {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Page 分页 */

/**
 * 分页按钮-模块
 * author: 田涛
 * date: 2019-08-08
 */

 .v-page-btn {
    width: 36px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    color: #878787;
    font-size: 12px;
    text-align: center;
    display: block;
    float: left;
    margin-right: 8px;
	border-radius: 4px;
    background-color: #f4f4f4;
}

.v-page-text-btn {
    cursor: pointer;
    color: #878787;
    font-size: 12px;
    text-align: center;
    display: block;
    float: left;
    margin-right: 8px;
	border-radius: 4px;
    background-color: #f4f4f4;
}

.v-page-text,
.v-page-text-btn {
    height: 36px;
    line-height: 36px;
}

.v-page-btn:hover,
.v-page-text-btn:hover,
.v-page-btn.v-page-selected {
    color: #ffffff;
    background-color: #0395f8;
}

.v-page-btn-disabled {
    color: #5e5e5e;
    background-color: #EEEEEE;
}

.v-page-btn-disabled:hover {
    color: #5e5e5e;
    cursor: not-allowed;
    background-color: #EEEEEE;
}

/* PageHeader 页头 */

.v-page-header {
	line-height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.v-page-header-left {
	margin-right: 40px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.v-page-header-left::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 50%;
	right: -20px;
	top: 50%;
	background-color: #DCDFE6;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.v-page-header-left .v-icon-back {
	font-size: 18px;
	cursor: pointer;
	margin-right: 6px;
	-ms-flex-item-align: center;
	align-self: center;
}

.v-page-header-title {
	font-size: 14px;
	font-weight: 500;
}

.v-page-header-content {
	color: #303133;
	font-size: 18px;
}

/* Popconfirm 气泡确认框 */

.v-popconfirm-content {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.v-popconfirm-main {
    line-height: 20px;
}

.v-popconfirm-icon {
    font-size: 20px;
    margin-right: 5px;
}

.v-popconfirm-action {
    text-align: right;
}

/* Popover 弹出框 */

.v-popover {
    padding: 15px;
    z-index: 2000;
    /* min-width: 230px; */
    font-size: 14px;
    color: #606266;
    line-height: 1.4;
    border-radius: 4px;
    position: absolute;
    background: #fff;
    text-align: justify;
    word-break: break-all;
    border: 1px solid #ebeef5;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}

.v-popover-title {
    line-height: 1;
    font-size: 16px;
    color: #303133;
    margin-bottom: 15px;
}

.v-popover:focus,
.v-popover:focus:active,
.v-popover-reference:focus:hover,
.v-popover-reference:focus:not(.focusing) {
    outline-width: 0;
}

.v-popover-fade-in-linear-enter-active,
.v-popover-fade-in-linear-leave-active {
    transition: opacity .2s linear;
}

.v-popover-fade-in-linear-enter,
.v-popover-fade-in-linear-leave,
.v-popover-fade-in-linear-leave-active {
    opacity: 0;
}

/* Progress 进度条 */

.v-progress {
	line-height: 1;
	position: relative;
}

.v-progress-text {
	line-height: 1;
	font-size: 14px;
	color: #606266;
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
}

.v-progress-circle,
.v-progress-dashboard {
	display: inline-block;
}

.v-progress-circle .v-progress-text,
.v-progress-dashboard .v-progress-text {
	margin: 0;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.v-progress-circle .v-progress-text i,
.v-progress-dashboard .v-progress-text i {
	display: inline-block;
	vertical-align: middle;
}

.v-progress-without-text .v-progress-text {
	display: none;
}

.v-progress-without-text .v-progress-bar {
	display: block;
	margin-right: 0;
	padding-right: 0;
}

.v-progress-bar,
.v-progress-bar-inner::after,
.v-progress-bar-innerText {
	display: inline-block;
	vertical-align: middle;
}

.v-progress-bar-inner::after {
	content: ""
}

.v-progress-text-inside .v-progress-bar {
	margin-right: 0;
	padding-right: 0;
}

.v-progress.is-success .v-progress-bar-inner {
	background-color: #67C23A;
}

.v-progress.is-success .v-progress-text {
	color: #67C23A;
}

.v-progress.is-warning .v-progress-bar-inner {
	background-color: #E6A23C;
}

.v-progress.is-warning .v-progress-text {
	color: #E6A23C;
}

.v-progress.is-exception .v-progress-bar-inner {
	background-color: #F56C6C;
}

.v-progress.is-exception .v-progress-text {
	color: #F56C6C;
}

.v-progress-bar {
	width: 100%;
	padding-right: 50px;
	margin-right: -55px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.v-progress-bar-outer {
	height: 6px;
	overflow: hidden;
	position: relative;
	border-radius: 100px;
	vertical-align: middle;
	background-color: #EBEEF5;
}

.v-progress-bar-inner {
	height: 100%;
	line-height: 1;
	text-align: right;
	white-space: nowrap;
	border-radius: 100px;
	background-color: #409EFF;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: width .6s ease;
	transition: width .6s ease;
}

.v-progress-bar-inner::after {
	height: 100%;
}

.v-progress-bar-innerText {
	color: #FFF;
	margin: 0 5px;
	font-size: 12px;
}

/* Radio 单选框 */

.v-radio {
    font-size: 14px;
    cursor: pointer;
    color: #606266;
    margin-right: 20px;
    position: relative;
    white-space: nowrap;
    display: inline-block;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.v-radio:last-child {
    margin-right: 0;
}

.v-radio.is-disabled {
    cursor: not-allowed;
}

.v-radio.is-bordered {
    height: 40px;
    padding: 0px 10px;
    line-height: normal;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid #dcdfe6;
}

.v-radio.is-bordered.is-checked {
    border-color: #409eff;
}

.v-radio.is-bordered.is-disabled {
    cursor: not-allowed;
    border-color: #ebeef5;
}

.v-radio.is-bordered+.v-radio.is-bordered {
    margin-left: 10px;
}

.v-radio.is-bordered .v-radio-label {
    font-size: 14px;
    line-height: 38px;
}

.v-radio.is-bordered .v-radio-input {
    height: 20px;
    margin-top: 9px;
}

.v-radio.is-bordered.v-radio-medium {
    height: 36px;
    padding: 0px 10px;
    border-radius: 4px;
}

.v-radio-label {
    font-size: 14px;
    line-height: 20px;
    padding-left: 10px;
    display: inline-block;
}

.v-radio-inner {
    z-index: 1;
    width: 20px;
    height: 20px;
    position: relative;
    border-radius: 100%;
    display: inline-block;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #dcdfe6;
}

.v-radio-inner:hover {
    border-color: #409eff;
}

.v-radio-inner:after {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #fff;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(0);
    transition: transform .15s ease-in;
}

.v-radio-original {
    opacity: 0;
    z-index: -1;
    outline: none;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
}

.v-radio-input {
    float: left;
    height: 20px;
    outline: none;
    display: block;
    line-height: 1;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
}

.v-radio-input.is-focus .v-radio-inner {
    border-color: #409eff;
}

.v-radio-input.is-checked .v-radio-inner {
    background: #409eff;
    border-color: #409eff;
}

.v-radio-input.is-checked .v-radio-inner:after {
    transform: translate(-50%,-50%) scale(1);
}

.v-radio-input.is-checked+.v-radio-label {
    color: #409eff;
}

.v-radio-input.is-disabled .v-radio-inner {
    cursor: not-allowed;
    border-color: #e4e7ed;
    background-color: #f5f7fa;
}

.v-radio-input.is-disabled .v-radio-inner:after {
    cursor: not-allowed;
    background-color: #f5f7fa;
}

.v-radio-input.is-disabled .v-radio-inner+.v-radio-label {
    cursor: not-allowed;
}

.v-radio-input.is-disabled.is-checked .v-radio-inner {
    border-color: #e4e7ed;
    background-color: #f5f7fa;
}

.v-radio-input.is-disabled.is-checked .v-radio-inner:after {
    background-color: #c0c4cc;
}

.v-radio-input.is-disabled+span.v-radio-label {
    color: #c0c4cc;
    cursor: not-allowed;
}

.v-radio.is-bordered.v-radio-medium .v-radio-label {
    font-size: 14px;
    line-height: 34px;
}

.v-radio.is-bordered.v-radio-medium .v-radio-input {
    height: 18px;
    margin-top: 8px;
}

.v-radio.is-bordered.v-radio-medium .v-radio-inner {
    width: 18px;
    height: 18px;
}

.v-radio.is-bordered.v-radio-small {
    height: 32px;
    padding: 0px 10px;
    border-radius: 3px;
}

.v-radio.is-bordered.v-radio-small .v-radio-label {
    font-size: 12px;
    line-height: 30px;
}

.v-radio.is-bordered.v-radio-small .v-radio-input {
    height: 18px;
    margin-top: 6px;
}

.v-radio.is-bordered.v-radio-small .v-radio-inner {
    width: 18px;
    height: 18px;
}

.v-radio.is-bordered.v-radio-small .v-radio-inner:after {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #fff;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(0);
    transition: transform .15s ease-in;
}

.v-radio.is-bordered.v-radio-small.is-checked .v-radio-inner:after {
    transform: translate(-50%,-50%) scale(1);
}

.v-radio.is-bordered.v-radio-mini {
    height: 28px;
    padding: 0px 10px;
    border-radius: 3px;
}

.v-radio.is-bordered.v-radio-mini .v-radio-label {
    font-size: 12px;
    line-height: 26px;
}

.v-radio.is-bordered.v-radio-mini .v-radio-input {
    height: 16px;
    margin-top: 5px;
}

.v-radio.is-bordered.v-radio-mini .v-radio-inner {
    width: 16px;
    height: 16px;
}

.v-radio.is-bordered.v-radio-mini .v-radio-inner:after {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #fff;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(0);
    transition: transform .15s ease-in;
}

.v-radio.is-bordered.v-radio-mini.is-checked .v-radio-inner:after {
    transform: translate(-50%,-50%) scale(1);
}

.v-radio-group {
    font-size: 0;
}

.v-radio-button,
.v-radio-button-inner {
    position: relative;
    display: inline-block;
}

.v-radio-button:last-child .v-radio-button-inner {
    border-radius: 0 4px 4px 0;
}

.v-radio-button:first-child:last-child .v-radio-button-inner {
    border-radius: 4px;
}

.v-radio-button-inner {
    margin: 0;
    outline: none;
    line-height: 1;
    cursor: pointer;
    font-size: 14px;
    color: #606266;
    border-radius: 0;
    padding: 12px 20px;
    text-align: center;
    background: #fff;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #dcdfe6;
    border-left: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}

.v-radio-button-inner:hover {
    color: #409eff;
}

.v-radio-button-inner.is-round {
    padding: 12px 20px;
}

.v-radio-button:first-child .v-radio-button-inner {
    border-radius: 4px 0 0 4px;
    border-left: 1px solid #dcdfe6;
}

.v-radio-button-orig-radio {
    margin: 0;
    opacity: 0;
    z-index: -1;
    outline: none;
    position: absolute;
}

.v-radio-button-orig-radio:checked+.v-radio-button-inner {
    color: #fff;
    border-color: #409eff;
    background-color: #409eff;
}

.v-radio-button-orig-radio:disabled+.v-radio-button-inner {
    color: #c0c4cc;
    box-shadow: none;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
}

.v-radio-button-orig-radio:disabled:checked+.v-radio-button-inner {
    background-color: #f2f6fc;
}

.v-radio-button-medium .v-radio-button-inner {
    font-size: 14px;
    border-radius: 0;
    padding: 10px 20px;
}

.v-radio-button-medium .v-radio-button-inner.is-round {
    padding: 10px 20px;
}

.v-radio-button-small .v-radio-button-inner {
    font-size: 12px;
    border-radius: 0;
    padding: 9px 15px;
}

.v-radio-button-small .v-radio-button-inner.is-round {
    padding: 9px 15px;
}

.v-radio-button-mini .v-radio-button-inner {
    font-size: 12px;
    border-radius: 0;
    padding: 7px 15px;
}

.v-radio-button-mini .v-radio-button-inner.is-round {
    padding: 7px 15px;
}

/* Rate 评分 */

.v-rate {
	height: 20px;
	line-height: 1;
}

.v-rate:active,
.v-rate:focus {
	outline-width: 0;
}

.v-rate-icon,
.v-rate-item {
	position: relative;
	display: inline-block;
}

.v-rate-item {
	font-size: 0;
	vertical-align: middle;
}

.v-rate-icon {
	font-size: 20px;
	margin-right: 6px;
	color: #C0C4CC;
	-webkit-transition: .3s;
	transition: .3s;
}

.v-rate-icon.is-hover {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

.v-rate-decimal {
	font-size: 20px;
    overflow: hidden;
	display: inline-block;
}

.v-rate-decimal {
    top: 0;
	left: 0;
	position: absolute;
}

.v-rate-text {
	font-size: 14px;
	vertical-align: middle;
}

/* Scrollbar 滚动条容器 */

.v-scrollbar {
	height: 100%;
	overflow: hidden;
	position: relative;
}

.v-scrollbar:active > .v-scrollbar-bar,
.v-scrollbar:focus > .v-scrollbar-bar,
.v-scrollbar:hover > .v-scrollbar-bar {
	opacity: 1;
	-webkit-transition: opacity 340ms ease-out;
	transition: opacity 340ms ease-out;
}

.v-scrollbar-wrap {
	height: 100%;
	overflow: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.v-scrollbar-wrap::-webkit-scrollbar {
	display: none;
}

.v-scrollbar-wrap.is-hidden-default-bar::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.v-scrollbar-thumb {
	position: relative;
	display: block;
	width: 0;
	height: 0;
	cursor: pointer;
	border-radius: inherit;
	background-color: rgba(144, 147, 153, .3);
	-webkit-transition: .3s background-color;
	transition: .3s background-color;
}

.v-scrollbar-thumb:hover {
	background-color: rgba(144, 147, 153, .5);
}

.v-scrollbar-bar {
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	border-radius: 4px;
	opacity: 0;
	-webkit-transition: opacity 120ms ease-out;
	transition: opacity 120ms ease-out;
}

.v-scrollbar-bar.is-vertical {
	top: 2px;
}

.v-scrollbar-bar.is-vertical > div {
	width: 100%;
}

.v-scrollbar-bar.is-horizontal {
	left: 2px;
}

.v-scrollbar-bar.is-horizontal > div {
	height: 100%;
}

/* Select 选择器 */

.v-select {
	width: 100%;
    position: relative;
    display: inline-block;
}

.v-select-input {
    outline: 0;
	padding: 0;
    height: 28px;
    border: none;
    color: #666;
	font-size: 14px;
	margin-left: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
}

.v-select-input.is-mini {
	height: 14px;
}

.v-select > .v-input {
	display: block;
}

.v-select .v-input-inner {
	cursor: pointer;
}

.v-select:hover .v-input-inner {
	border-color: #C0C4CC;
}

.v-select .v-input-inner:focus {
	border-color: #409EFF;
}

.v-select .v-input.is-disabled .v-input-inner {
	cursor: not-allowed;
}

.v-select .v-input.is-disabled .v-input-inner:hover {
	border-color: #E4E7ED;
}

.v-select .v-input.is-focus .v-input-inner {
	border-color: #409EFF;
}

.v-select .v-input .v-select-caret {
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    color: #C0C4CC;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}

.v-select .v-input .v-select-caret.is-reverse {
	-webkit-transform: rotateZ(0);
	transform: rotateZ(0);
}

.v-select-dropdown {
    margin: 5px 0;
    border-radius: 4px;
	background-color: #FFF;
    border: 1px solid #E4E7ED;
	position: absolute;
	z-index: 1001;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.v-select-dropdown.is-multiple .v-select-dropdown-item::after {
	box-sizing: content-box;
    content: "";
    border: 1px solid #409eff;
    border-left: 0;
    border-top: 0;
    height: 12px;
    right: 20px;
    position: absolute;
    top: 50%;
    margin-top: -7.5px;
    transform: rotate(45deg) scaleY(0);
    width: 6px;
    transition: transform .15s ease-in .05s;
    transform-origin: center;
}

.v-select-dropdown.is-multiple .v-select-dropdown-item.selected:after {
    transform: rotate(45deg) scaleY(1);
}

.v-select-dropdown.is-multiple .v-select-dropdown-item.selected {
	color: #409EFF;
	background-color: #FFF;
}

.v-select-dropdown.is-multiple .v-select-dropdown-item.selected.hover {
	background-color: #F5F7FA;
}

.v-select-dropdown .v-scrollbar.is-empty .v-select-dropdown-list {
	padding: 0;
}

.v-select-dropdown-empty {
    margin: 0;
    color: #999;
	font-size: 14px;
    padding: 10px 0;
	text-align: center;
}

.v-select-dropdown-wrap {
	max-height: 274px;
}

.v-select-dropdown-list {
    margin: 0;
    padding: 6px 0;
	list-style: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.v-select-dropdown-item {
    height: 34px;
	line-height: 34px;
    cursor: pointer;
	font-size: 14px;
    padding: 0 20px;
    color: #606266;
    overflow: hidden;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.v-select-dropdown-item.hover,
.v-select-dropdown-item:hover {
	background-color: #F5F7FA;
}

.v-select-dropdown-item.selected {
	color: #409EFF;
	font-weight: 700;
}

.v-select-dropdown-item.is-disabled {
	color: #C0C4CC;
	cursor: not-allowed;
}

.v-select-dropdown-item.is-disabled:hover {
	background-color: #FFF;
}

.v-select-group {
	margin: 0;
	padding: 0;
}

.v-select-group-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
	position: relative;
}

.v-select-group-wrap:not(:last-of-type) {
	padding-bottom: 24px;
}

.v-select-group-wrap:not(:last-of-type)::after {
	content: '';
	position: absolute;
	display: block;
	left: 20px;
	right: 20px;
	bottom: 12px;
	height: 1px;
	background: #E4E7ED;
}

.v-select-group-title {
	font-size: 12px;
	color: #909399;
    line-height: 30px;
    padding-left: 20px;
}

.v-select-group .v-select-dropdown-item {
	padding-left: 20px;
}

.v-select .v-select-tags {
	position: absolute;
	line-height: normal;
	white-space: normal;
	z-index: 1;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.v-select .v-select-tags > span {
	display: contents;
}

.v-select .v-tag {
    margin: 2px 0 2px 6px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	border-color: transparent;
	background-color: #f0f2f5;
}

.v-select .v-tag.v-tag-info {
    color: #909399;
    border-color: #e9e9eb;
    background-color: #f4f4f5;
}

.v-select-zoom-in-top-enter-active,
.v-select-zoom-in-top-leave-active {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
	transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	-webkit-transform-origin: center top;
	transform-origin: center top;
}

.v-select-zoom-in-top-enter,
.v-select-zoom-in-top-leave-active {
	opacity: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}

/* Slider 滑块 */

.v-slider::after {
	clear: both;
}

.v-slider::after,
.v-slider::before {
    display: table;
    content: "";
}

.v-slider-button-wrapper {
	-webkit-user-select: none;
	-ms-user-select: none;
}

.v-slider-button-wrapper::after,
.v-slider-button-wrapper .v-tooltip {
    display: inline-block;
    vertical-align: middle;
}

.v-slider-button-wrapper::after {
    content: "";
    height: 100%;
}

.v-slider-runway {
	width: 100%;
	height: 6px;
	margin: 16px 0;
    cursor: pointer;
    border-radius: 3px;
	position: relative;
    vertical-align: middle;
    background-color: #E4E7ED;
}

.v-slider-runway.show-input {
    width: auto;
	margin-right: 160px;
}

.v-slider-runway.disabled {
	cursor: default;
}

.v-slider-runway.disabled .v-slider-bar {
	background-color: #C0C4CC;
}

.v-slider-runway.disabled .v-slider-button {
	border-color: #C0C4CC;
}

.v-slider-runway.disabled .v-slider-button-wrapper.dragging,
.v-slider-runway.disabled .v-slider-button-wrapper.hover,
.v-slider-runway.disabled .v-slider-button-wrapper:hover {
	cursor: not-allowed;
}

.v-slider-runway.disabled .v-slider-button.dragging,
.v-slider-runway.disabled .v-slider-button.hover,
.v-slider-runway.disabled .v-slider-button:hover {
    cursor: not-allowed;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.v-slider-button-wrapper,
.v-slider-stop {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.v-slider-input {
    width: 130px;
	float: right;
	margin-top: 3px;
}

.v-slider-input.v-input-number-mini {
	margin-top: 5px;
}

.v-slider-input.v-input-number-medium {
	margin-top: 0;
}

.v-slider-input.v-input-number-large {
	margin-top: -2px;
}

.v-slider-bar {
    height: 6px;
    position: absolute;
	background-color: #409EFF;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.v-slider-button-wrapper {
    top: -15px;
    width: 36px;
	height: 36px;
	z-index: 1001;
    text-align: center;
    line-height: normal;
    background-color: transparent;
    -webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
    -webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.v-slider-button,
.v-step-icon-inner {
	-webkit-user-select: none;
	-moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.v-slider-button-wrapper.hover,
.v-slider-button-wrapper:hover {
	cursor: -webkit-grab;
	cursor: grab;
}

.v-slider-button-wrapper.dragging {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.v-slider-button {
	width: 16px;
	height: 16px;
    border-radius: 50%;
    background-color: #FFF;
    border: 2px solid #409EFF;
	-webkit-transition: .2s;
	transition: .2s;
	-webkit-user-select: none;
	-moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.v-slider-button.dragging,
.v-slider-button.hover,
.v-slider-button:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.v-slider-button.hover,
.v-slider-button:hover {
	cursor: -webkit-grab;
	cursor: grab;
}

.v-slider-button.dragging {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.v-slider-stop {
	height: 6px;
	width: 6px;
	border-radius: 100%;
    background-color: #FFF;
    -webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.v-slider-marks {
	top: 0;
	left: 12px;
	width: 18px;
	height: 100%;
}

.v-slider-marks-text {
    font-size: 14px;
	color: #909399;
	margin-top: 15px;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.v-slider.is-vertical {
	position: relative;
}

.v-slider.is-vertical .v-slider-runway {
	width: 6px;
	height: 100%;
	margin: 0 16px;
}

.v-slider.is-vertical .v-slider-bar {
	width: 6px;
	height: auto;
	border-radius: 0 0 3px 3px;
}

.v-slider.is-vertical .v-slider-button-wrapper {
	top: auto;
	left: -15px;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
}

.v-slider.is-vertical .v-slider-stop {
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
}

.v-slider.is-vertical.v-slider-with-input {
	padding-bottom: 58px;
}

.v-slider.is-vertical.v-slider-with-input .v-slider-input {
    float: none;
    width: 36px;
    bottom: 22px;
	margin-top: 15px;
	overflow: visible;
	position: absolute;
}

.v-slider.is-vertical.v-slider-with-input .v-slider-input .v-input-inner {
	padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.v-slider.is-vertical.v-slider-with-input .v-slider-input .v-input-number-decrease,
.v-slider.is-vertical.v-slider-with-input .v-slider-input .v-input-number-increase {
	top: 32px;
	margin-top: -1px;
    line-height: 20px;
    border: 1px solid #DCDFE6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
	transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
}

.v-slider.is-vertical.v-slider-with-input .v-slider-input .v-input-number-decrease {
	width: 18px;
	right: 18px;
	border-bottom-left-radius: 4px;
}

.v-slider.is-vertical.v-slider-with-input .v-slider-input .v-input-number-increase {
	width: 19px;
	border-bottom-right-radius: 4px;
}

.v-slider.is-vertical.v-slider-with-input .v-slider-input .v-input-number-increase~.v-input .v-input-inner {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.v-slider.is-vertical.v-slider-with-input .v-slider-input:hover .v-input-number-decrease,
.v-slider.is-vertical.v-slider-with-input .v-slider-input:hover .v-input-number-increase {
	border-color: #C0C4CC;
}

.v-slider.is-vertical.v-slider-with-input .v-slider-input:active .v-input-number-decrease,
.v-slider.is-vertical.v-slider-with-input .v-slider-input:active .v-input-number-increase {
	border-color: #409EFF;
}

.v-slider.is-vertical .v-slider-marks-text {
    left: 15px;
    margin-top: 0;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
}

/* Steps 步骤条 */

.v-steps {
	display: flex;
}

/* 简洁风格 */

.v-steps-simple {
	padding: 15px;
	border-radius: 4px;
	background: #F5F7FA;
}

/* 水平方向 */

.v-steps-horizontal {
	white-space: nowrap;
}

/* 垂直方向 */

.v-steps-vertical {
	height: 100%;
	flex-flow: column;
}

/* 当前步骤 */

.v-step {
	flex-shrink: 1;
	position: relative;
}

.v-step:last-of-type.is-flex {
    flex-basis: auto!important;
    flex-shrink: 0;
    flex-grow: 0;
}

.v-step-head {
	width: 100%;
	position: relative;
}

.v-step-head.is-process {
	color: #303133;
	border-color: #303133;
}

.v-step-head.is-wait {
	color: #C0C4CC;
	border-color: #C0C4CC;
}

.v-step-head.is-success {
	color: #67C23A;
	border-color: #67C23A;
}

.v-step-head.is-error {
	color: #F56C6C;
	border-color: #F56C6C;
}

.v-step-head.is-finish {
	color: #409EFF;
	border-color: #409EFF;
}

/* 图标 */

.v-step-icon {
	z-index: 1;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	position: relative;
	background: #FFF;
	display: inline-block;
}

.v-step-icon.is-text {
	border: 2px solid;
	border-radius: 50%;
	border-color: inherit;
}

.v-step-icon-inner {
	height: 26px;
	line-height: 26px;
	color: inherit;
	font-weight: 700;
	user-select: none;
	text-align: center;
	display: block;
}

.v-step-icon-inner[class*=v-icon]:not(.is-status) {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	font-weight: 400;
}

/* 分割线 */

.v-step-line {
	position: absolute;
	border-color: inherit;
	background-color: #C0C4CC;
}

.v-step-line-inner {
	width: 0;
	height: 0;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: inherit;
	transition: .15s ease-out;
}

.v-step:last-of-type .v-step-line {
	display: none;
}

/* 标题 */

.v-step-main {
	text-align: left;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
}

.v-step-title {
	font-size: 14px;
	line-height: 30px;
	overflow: hidden;
	text-overflow:ellipsis;
	word-wrap: break-word;
	word-break: break-all;
}

.v-step-title.is-process {
	color: #303133;
}

.v-step-title.is-wait {
	color: #C0C4CC;
}

.v-step-title.is-success {
	color: #67C23A;
}

.v-step-title.is-error {
	color: #F56C6C;
}

.v-step-title.is-finish {
	color: #409EFF;
}

/* 描述性文字 */

.v-step-description {
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
	overflow: hidden;
	text-overflow:ellipsis;
	word-wrap: break-word;
	word-break: break-all;
}

.v-step-description.is-process {
	color: #303133;
}

.v-step-description.is-wait {
	color: #C0C4CC;
}

.v-step-description.is-success {
	color: #67C23A;
}

.v-step-description.is-error {
	color: #F56C6C;
}

.v-step-description.is-finish {
	color: #409EFF;
}

/* 居中对齐 */

.v-step.is-center .v-step-head,
.v-step.is-center .v-step-main {
	text-align: center;
}

.v-step.is-center .v-step-description {
	padding-left: 20%;
	padding-right: 20%;
}

/* 当前步骤, 水平方向 */

.v-step.is-horizontal {
	display: inline-block;
}

.v-step.is-horizontal .v-step-line {
	height: 2px;
	top: 14px;
	left: 0;
	right: 0;
}

.v-step.is-center .v-step-line {
	left: 50%;
	right: -50%;
}

/* 当前步骤, 垂直方向 */

.v-step.is-vertical {
    display: flex;
}

.v-step.is-vertical .v-step-head {
	width: 30px;
	flex-grow: 0;
}

.v-step.is-vertical .v-step-main {
	padding-left: 10px;
    flex-grow: 1;
}

.v-step.is-vertical .v-step-title {
	line-height: 24px;
	padding-bottom: 8px;
}

.v-step.is-vertical .v-step-line {
	width: 2px;
	top: 0;
	bottom: 0;
	left: 14px;
}

.v-step.is-vertical .v-step-icon.is-icon {
	width: 30px;
}

/* 简洁风格 */

.v-step.is-simple {
	float: left;
}

.v-step.is-simple .v-step-head {
	width: 30px;
	height: 30px;
	float: left;
}

.v-step.is-simple .v-step-icon {
	font-size: 14px;
	background: 0 0;
}

.v-step.is-simple .v-step-icon.is-text {
	width: 20px;
	height: 20px;
	margin: 5px 0;
}

.v-step.is-simple .v-step-icon-inner.is-status {
	width: 100%;
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	font-weight: 400;
}

.v-step.is-simple .v-step-main {
	margin-left: 30px;
	position: relative;
}

.v-step.is-simple:not(:last-of-type) .v-step-title {
	max-width: 50%;
	word-break: break-all;
}

.v-step.is-simple .v-step-arrow {
	height: 30px;
	margin-top: -7.5px;
	position: absolute;
	left: 50%;
	top: 50%;
}

.v-step.is-simple .v-step-arrow::after,
.v-step.is-simple .v-step-arrow::before {
	content: '';
	display: inline-block;
	position: absolute;
	height: 15px;
	width: 1px;
	background: #C0C4CC;
}

.v-step.is-simple .v-step-arrow::before {
	-webkit-transform: rotate(-45deg) translateY(-4px);
	transform: rotate(-45deg) translateY(-4px);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.v-step.is-simple .v-step-arrow::after {
	-webkit-transform: rotate(45deg) translateY(4px);
	transform: rotate(45deg) translateY(4px);
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}

.v-step.is-simple:last-of-type .v-step-arrow {
	display: none;
}

/* Switch 开关 */

.v-switch {
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    vertical-align: middle;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.v-switch.is-disabled {
    opacity: .6;
}

.v-switch.is-disabled .v-switch-core,
.v-switch.is-disabled .v-switch-label {
    cursor: not-allowed;
}

.v-switch.is-checked .v-switch-core {
    border-color: #409EFF;
    background-color: #409EFF;
}

.v-switch.is-checked .v-switch-core::after {
    left: 100%;
    margin-left: -17px;
}

.v-switch-label {
    height: 20px;
    font-size: 14px;
    color: #303133;
    font-weight: 500;
    vertical-align: middle;
    -webkit-transition: .2s;
    transition: .2s;
}

.v-switch-label * {
    line-height: 1;
    font-size: 14px;
    display: inline-block;
}

.v-switch-core,
.v-switch-label {
    cursor: pointer;
    display: inline-block;
}

.v-switch-label-left {
    margin-right: 10px;
}

.v-switch-label-right {
    margin-left: 10px;
}

.v-switch-label.is-active {
    color: #409EFF;
}

.v-switch-input {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0;
    position: absolute;
}

.v-switch-core {
    margin: 0;
    outline: 0;
    width: 40px;
    height: 20px;
    position: relative;
    border-radius: 10px;
    background: #DCDFE6;
    vertical-align: middle;
    border: 1px solid #DCDFE6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .3s, background-color .3s;
    transition: border-color .3s, background-color .3s;
}

.v-switch-core:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 16px;
    height: 16px;
    background-color: #FFF;
}

.v-switch-wide .v-switch-label.v-switch-label-left span {
    left: 10px;
}

.v-switch-wide .v-switch-label.v-switch-label-right span {
    right: 10px;
}

.v-switch .label-fade-enter,
.v-switch .label-fade-leave-active {
    opacity: 0;
}

/* Table 表格 */

.v-table {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
}

.v-table-page {
    margin-top: 20px;
    text-align: right;
}

.v-table table {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.v-table table th,
.v-table table td {
    text-align: left;
    white-space: nowrap;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.v-table table th .v-th-cell,
.v-table table td .v-td-cell {
    padding: 10px;
}

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

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

.v-table table.is-table-layout {
    table-layout: fixed;
}

/* 文字对齐 */

.v-table table th .v-th-cell.is-left,
.v-table table td .v-td-cell.is-left {
    text-align: left;
}

.v-table table th .v-th-cell.is-right,
.v-table table td .v-td-cell.is-right {
    text-align: right;
}

.v-table table th .v-th-cell.is-center,
.v-table table td .v-td-cell.is-center {
    text-align: center;
}

/* 文字自动换行 */

.v-table table td .v-th-cell.is-autoline,
.v-table table td .v-td-cell.is-autoline {
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

/* 单元格文字溢出显示 */

.v-table table td .v-th-cell.is-ellipsis,
.v-table table td .v-td-cell.is-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 当前扩展单元格 */

.v-table table tr.is-extend td {
    white-space: normal;
}

/* 表头背景颜色 */

.v-table table.is-head-bg th {
    background-color: #f5f7fa;
}

/* 当前行 checked 选中背景颜色 */

.v-table table tr.is-warning td {
    background: #f5f7fa !important;
}

/* 间隔斑马纹 */

.v-table table.is-stripe tr:nth-child(odd) td {
    background: #fafafa;
}

/* 鼠标经过显示高亮 */

.v-table table.is-hover tr:hover td {
    background: #f5f7fa;
    -webkit-transition: all .5s;
    transition: all .5s;
}

/* 基础边框表格 */

.v-table table.is-default tr {
    border-bottom: 1px solid #ebeef5;
}

/* 表格纵向边框 */

.v-table table.is-border tr {
    border-right: 1px solid #ebeef5;
    border-bottom: 1px solid #ebeef5;
}

.v-table table.is-border th,
.v-table table.is-border td {
    border: 1px solid #ebeef5;
}

.v-table table.is-border th.is-left-fixed:after,
.v-table table.is-border th.is-right-fixed:after,
.v-table table.is-border td.is-left-fixed:after,
.v-table table.is-border td.is-right-fixed:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    border-left: 1px solid #ebeef5;
    border-right: 1px solid #ebeef5;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.v-table table.is-border th.is-border-0:after,
.v-table table.is-border td.is-border-0:after {
    border-left: 0px;
    border-right: 0px;
}

.v-table table.is-border th.is-border-right-0:after,
.v-table table.is-border td.is-border-right-0:after {
    border-right: 0px;
}

/* 表头固定动画 */

.v-table table thead.is-transform th {
    top: -1px;
    position: relative;
    -webkit-transform: translateZ(10px);
    transform: translateZ(10px);
}

.v-table table thead.is-transform th:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-top: 1px solid #ebeef5;
    border-bottom: 1px solid #ebeef5;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* 排序按钮 */

.v-table table th .v-th-cell > .v-caret-sort {
    height: 34px;
    width: 24px;
    cursor: pointer;
    overflow: initial;
    position: relative;
    vertical-align: middle;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.v-table table th .v-th-cell > .v-caret-sort > .v-sort-icon {
    left: 7px;
    width: 0;
    height: 0;
    position: absolute;
    border: 5px solid transparent;
}

.v-table table th .v-th-cell > .v-caret-sort > .v-sort-icon.is-asc {
    top: 5px;
    border-bottom-color: #c0c4cc;
}

.v-table table th .v-th-cell > .v-caret-sort > .v-sort-icon.is-desc {
    bottom: 7px;
    border-top-color: #c0c4cc;
}

.v-table table th .v-th-cell > .v-caret-sort.is-checked-asc > .is-asc {
    border-bottom-color: #409eff;
}

.v-table table th .v-th-cell > .v-caret-sort.is-checked-desc > .is-desc {
    border-top-color: #409eff;
}

/* Checkbox 多选框 */

.v-table table td .v-td-cell > .v-checkbox.is-checked > .v-checkbox-inner {
    background-color: #409eff;
    border-color: #409eff;
}

.v-table table td .v-td-cell > .v-checkbox.is-checked > .v-checkbox-inner::after {
    transform: rotate(45deg) scaleY(1);
}

.v-table table td .v-td-cell > .v-checkbox.is-disabled > .v-checkbox-inner:after {
    cursor: not-allowed;
    border-color: #c0c4cc;
}

.v-table table td .v-td-cell > .v-checkbox.is-disabled > .v-checkbox-inner {
    background-color: #edf2fc;
    border-color: #dcdfe6;
    cursor: not-allowed;
}

/* Tabs 标签页 */

/* 选项卡标签选中, 下划线 */

.v-tabs-active-bar {
	height: 2px;
	list-style: none;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	-webkit-transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
	transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
	transition: transform .3s cubic-bezier(.645, .045, .355, 1);
	transition: transform .3s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
}

.v-tabs-card > .v-tabs-header .v-tabs-active-bar,
.v-tabs-border > .v-tabs-header .v-tabs-active-bar {
	display: none;
}

/* 选项卡, 头部 */

.v-tabs-header {
	padding: 0;
	margin: 0;
	position: relative;
}

.v-tabs-card > .v-tabs-header {
	border-bottom: 1px solid #E4E7ED;
}

.v-tabs-border-card > .v-tabs-header {
	margin: 0;
	background-color: #F5F7FA;
	border-bottom: 1px solid #E4E7ED;
}

.v-tabs-bottom .v-tabs-header.is-bottom {
	margin-bottom: 0;
	margin-top: 10px;
}

.v-tabs-bottom.v-tabs-border-card .v-tabs-header.is-bottom {
	border-bottom: 0;
	border-top: 1px solid #DCDFE6;
}

/* 新增, 选项卡标签 */

.v-tabs-new-tab {
	width: 28px;
	height: 28px;
	line-height: 28px;
	float: right;
	color: #d3dce6;
	font-size: 14px;
	cursor: pointer;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #d3dce6;
	-webkit-transition: all .15s;
	transition: all .15s;
}

.v-tabs-new-tab .v-icon-plus {
	-webkit-transform: scale(.8, .8);
	transform: scale(.8, .8);
}

/* 选项卡, 导航标签 */

.v-tabs-nav {
	z-index: 2;
	float: left;
	white-space: nowrap;
	position: relative;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}

.v-tabs-card > .v-tabs-header .v-tabs-nav,
.v-tabs-border > .v-tabs-header .v-tabs-nav {
	height: 41px;
	border-bottom: none;
	border: 1px solid #E4E7ED;
	border-radius: 4px 4px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.v-tabs-nav-wrap {
	overflow: hidden;
	position: relative;
	margin-bottom: -1px;
}

.v-tabs-nav-wrap::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	z-index: 1;
	background-color: #E4E7ED;
}

.v-tabs-card > .v-tabs-header .v-tabs-nav-wrap::after,
.v-tabs-border-card > .v-tabs-header .v-tabs-nav-wrap::after {
	content: none;
}

.v-tabs-nav-wrap.is-scrollable {
	padding-left: 35px;
	padding-right: 35px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.v-tabs-bottom.v-tabs-border-card .v-tabs-nav-wrap.is-bottom {
	margin-top: -1px;
	margin-bottom: 0;
}

.v-tabs-nav-scroll {
	overflow: hidden;
}

.v-tabs-nav-next,
.v-tabs-nav-prev {
	width: 35px;
	cursor: pointer;
	color: #909399;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	z-index: 10;
	position: absolute;
}

.v-tabs-close-dropdown {
	right: 0px;
	z-index: 10;
	position: absolute;
}

.v-tabs-close-dropdown > .v-button {
	padding: 13px 15px;
	border-radius: 0px;
	border-bottom: 0px;
	border-right: 0px;
	border-top: 0px;
}

.v-tabs-nav-next:hover,
.v-tabs-nav-prev:hover {
	color: #409EFF;
	background-color: #ecf5ff;
}

.v-tabs-nav-next {
	right: 0;
}

.v-tabs-nav-prev {
	left: 0;
}

.v-tabs-nav.is-stretch {
	min-width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.v-tabs-nav.is-stretch >* {
	text-align: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

/* 选项卡, 标签 */

.v-tabs.is-flex {
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.v-tabs-item {
	height: 40px;
	color: #303133;
	padding: 0 20px;
	list-style: none;
	font-size: 14px;
	font-weight: 500;
	line-height: 40px;
	position: relative;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.v-tabs-item > label {
	cursor: pointer;
	display: inline-block;
}

.v-tabs-item:focus,
.v-tabs-item:focus:active {
	outline: 0;
}

.v-tabs-item .v-icon-close {
	margin-left: 5px;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.v-tabs-item .v-icon-close:before {
	display: inline-block;
	-webkit-transform: scale(.9);
	transform: scale(.9);
}

.v-tabs-item .v-icon-close:hover {
	color: #FFF;
	background-color: #C0C4CC;
}

.v-tabs-item:hover {
	cursor: pointer;
}

.v-tabs-item.is-disabled {
	color: #C0C4CC;
}

.v-tabs-item.is-disabled:hover,
.v-tabs-item.is-disabled > label {
	cursor: not-allowed;
}

.v-tabs-card > .v-tabs-header .v-tabs-item .v-icon-close,
.v-tabs-border > .v-tabs-header .v-tabs-item .v-icon-close {
	width: 0;
	top: -1px;
	right: -2px;
	height: 14px;
	font-size: 12px;
	overflow: hidden;
	line-height: 15px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.v-tabs-card > .v-tabs-header .v-tabs-item.is-closable:hover .v-icon-close,
.v-tabs-card > .v-tabs-header .v-tabs-item.is-active.is-closable .v-icon-close,
.v-tabs-border > .v-tabs-header .v-tabs-item.is-closable:hover .v-icon-close,
.v-tabs-border > .v-tabs-header .v-tabs-item.is-active.is-closable .v-icon-close {
	width: 14px;
}

.v-tabs-border > .v-tabs-header .v-tabs-item {
	border-bottom: 2px solid transparent;
	border-left: 1px solid #E4E7ED;
	-webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1);
	transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1);
}

.v-tabs-card > .v-tabs-header .v-tabs-item {
	border-bottom: 1px solid transparent;
	border-left: 1px solid #E4E7ED;
	-webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1);
	transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1);
}

.v-tabs-card > .v-tabs-header .v-tabs-item:first-child,
.v-tabs-border > .v-tabs-header .v-tabs-item:first-child {
	border-left: none;
}

.v-tabs-card > .v-tabs-header .v-tabs-item.is-closable:hover,
.v-tabs-border > .v-tabs-header .v-tabs-item.is-closable:hover {
	padding-left: 13px;
	padding-right: 13px;
}

.v-tabs-card > .v-tabs-header .v-tabs-item.is-active {
	border-bottom-color: #FFF;
}

.v-tabs-card > .v-tabs-header .v-tabs-item.is-active.is-closable,
.v-tabs-border > .v-tabs-header .v-tabs-item.is-active.is-closable {
	padding-left: 20px;
	padding-right: 20px;
}

.v-tabs-border-card > .v-tabs-header .v-tabs-item {
	color: #909399;
	margin-top: -1px;
	-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .3s cubic-bezier(.645, .045, .355, 1);
	border: 1px solid transparent;
}

.v-tabs-border-card > .v-tabs-header .v-tabs-item+.v-tabs-item,
.v-tabs-border-card > .v-tabs-header .v-tabs-item:first-child {
	margin-left: -1px;
}

.v-tabs-border-card > .v-tabs-header .v-tabs-item.is-active {
	background-color: #FFF;
	border-left-color: #DCDFE6;
	border-right-color: #DCDFE6;
}

.v-tabs-border-card > .v-tabs-header .v-tabs-item.is-disabled {
	color: #C0C4CC;
}

.v-tabs-border-card > .v-tabs-header .is-scrollable .v-tabs-item:first-child {
	margin-left: 0;
}

/* 选项卡, 面板 */

.v-tabs-content {
	overflow: hidden;
	position: relative;
}

.v-tabs-border-card {
	background: #FFF;
	border: 1px solid #DCDFE6;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04);
}

.v-tabs-border-card > .v-tabs-content {
	padding: 15px;
}

/* 选项卡, 所在 top / bottom 位置 */

.v-tabs-bottom .v-tabs-item.is-bottom:nth-child(2),
.v-tabs-bottom .v-tabs-item.is-top:nth-child(2),
.v-tabs-top .v-tabs-item.is-bottom:nth-child(2),
.v-tabs-top .v-tabs-item.is-top:nth-child(2) {
	padding-left: 0;
}

.v-tabs-bottom .v-tabs-item.is-bottom:last-child,
.v-tabs-bottom .v-tabs-item.is-top:last-child,
.v-tabs-top .v-tabs-item.is-bottom:last-child,
.v-tabs-top .v-tabs-item.is-top:last-child {
	padding-right: 0;
}

.v-tabs-bottom .v-tabs-left > .v-tabs-header .v-tabs-item:nth-child(2),
.v-tabs-bottom .v-tabs-right > .v-tabs-header .v-tabs-item:nth-child(2),
.v-tabs-bottom.v-tabs-border-card > .v-tabs-header .v-tabs-item:nth-child(2),
.v-tabs-bottom.v-tabs-card > .v-tabs-header .v-tabs-item:nth-child(2),
.v-tabs-bottom.v-tabs-border > .v-tabs-header .v-tabs-item:nth-child(2),
.v-tabs-top .v-tabs-left > .v-tabs-header .v-tabs-item:nth-child(2),
.v-tabs-top .v-tabs-right > .v-tabs-header .v-tabs-item:nth-child(2),
.v-tabs-top.v-tabs-border-card > .v-tabs-header .v-tabs-item:nth-child(2),
.v-tabs-top.v-tabs-card > .v-tabs-header .v-tabs-item:nth-child(2),
.v-tabs-top.v-tabs-border > .v-tabs-header .v-tabs-item:nth-child(2) {
	padding-left: 20px;
}

.v-tabs-bottom .v-tabs-left > .v-tabs-header .v-tabs-item:last-child,
.v-tabs-bottom .v-tabs-right > .v-tabs-header .v-tabs-item:last-child,
.v-tabs-bottom.v-tabs-border-card > .v-tabs-header .v-tabs-item:last-child,
.v-tabs-bottom.v-tabs-card > .v-tabs-header .v-tabs-item:last-child,
.v-tabs-bottom.v-tabs-border > .v-tabs-header .v-tabs-item:last-child,
.v-tabs-top .v-tabs-left > .v-tabs-header .v-tabs-item:last-child,
.v-tabs-top .v-tabs-right > .v-tabs-header .v-tabs-item:last-child,
.v-tabs-top.v-tabs-border-card > .v-tabs-header .v-tabs-item:last-child,
.v-tabs-top.v-tabs-card > .v-tabs-header .v-tabs-item:last-child,
.v-tabs-top.v-tabs-border > .v-tabs-header .v-tabs-item:last-child {
	padding-right: 20px;
}

/* 选项卡 bottom */

.v-tabs-bottom.v-tabs-border-card .v-tabs-item.is-bottom:not(.is-active) {
	border: 1px solid transparent;
}

.v-tabs-bottom.v-tabs-border-card .v-tabs-item.is-bottom {
	margin: 0 -1px -1px;
}

/* 选项卡, 所在 left / right 位置  */

.v-tabs-left,
.v-tabs-right {
	overflow: hidden;
}

.v-tabs-left .v-tabs-header.is-left,
.v-tabs-left .v-tabs-header.is-right,
.v-tabs-left .v-tabs-nav-scroll,
.v-tabs-left .v-tabs-nav-wrap.is-left,
.v-tabs-left .v-tabs-nav-wrap.is-right,
.v-tabs-right .v-tabs-header.is-left,
.v-tabs-right .v-tabs-header.is-right,
.v-tabs-right .v-tabs-nav-scroll,
.v-tabs-right .v-tabs-nav-wrap.is-left,
.v-tabs-right .v-tabs-nav-wrap.is-right {
	height: 100%;
}

.v-tabs-left .v-tabs-active-bar.is-left,
.v-tabs-left .v-tabs-active-bar.is-right,
.v-tabs-right .v-tabs-active-bar.is-left,
.v-tabs-right .v-tabs-active-bar.is-right {
	top: 0;
	width: 2px;
	bottom: auto;
	height: auto;
}

.v-tabs-left .v-tabs-nav-wrap.is-left,
.v-tabs-left .v-tabs-nav-wrap.is-right,
.v-tabs-right .v-tabs-nav-wrap.is-left,
.v-tabs-right .v-tabs-nav-wrap.is-right {
	margin-bottom: 0;
}

.v-tabs-left .v-tabs-nav-wrap.is-left > .v-tabs-nav-next,
.v-tabs-left .v-tabs-nav-wrap.is-left > .v-tabs-nav-prev,
.v-tabs-left .v-tabs-nav-wrap.is-right > .v-tabs-nav-next,
.v-tabs-left .v-tabs-nav-wrap.is-right > .v-tabs-nav-prev,
.v-tabs-right .v-tabs-nav-wrap.is-left > .v-tabs-nav-next,
.v-tabs-right .v-tabs-nav-wrap.is-left > .v-tabs-nav-prev,
.v-tabs-right .v-tabs-nav-wrap.is-right > .v-tabs-nav-next,
.v-tabs-right .v-tabs-nav-wrap.is-right > .v-tabs-nav-prev {
	width: 100%;
	height: 30px;
	cursor: pointer;
	line-height: 30px;
	text-align: center;
}

.v-tabs-left .v-tabs-nav-wrap.is-left > .v-tabs-nav-next i,
.v-tabs-left .v-tabs-nav-wrap.is-left > .v-tabs-nav-prev i,
.v-tabs-left .v-tabs-nav-wrap.is-right > .v-tabs-nav-next i,
.v-tabs-left .v-tabs-nav-wrap.is-right > .v-tabs-nav-prev i,
.v-tabs-right .v-tabs-nav-wrap.is-left > .v-tabs-nav-next i,
.v-tabs-right .v-tabs-nav-wrap.is-left > .v-tabs-nav-prev i,
.v-tabs-right .v-tabs-nav-wrap.is-right > .v-tabs-nav-next i,
.v-tabs-right .v-tabs-nav-wrap.is-right > .v-tabs-nav-prev i {
	-webkit-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
}

.v-tabs-left .v-tabs-nav-wrap.is-left > .v-tabs-nav-prev,
.v-tabs-left .v-tabs-nav-wrap.is-right > .v-tabs-nav-prev,
.v-tabs-right .v-tabs-nav-wrap.is-left > .v-tabs-nav-prev,
.v-tabs-right .v-tabs-nav-wrap.is-right > .v-tabs-nav-prev {
	top: 0;
	left: auto;
}

.v-tabs-left .v-tabs-nav-wrap.is-left > .v-tabs-nav-next,
.v-tabs-left .v-tabs-nav-wrap.is-right > .v-tabs-nav-next,
.v-tabs-right .v-tabs-nav-wrap.is-left > .v-tabs-nav-next,
.v-tabs-right .v-tabs-nav-wrap.is-right > .v-tabs-nav-next {
	bottom: 0;
	right: auto;
}

.v-tabs-left .v-tabs-active-bar.is-left,
.v-tabs-left .v-tabs-nav-wrap.is-left::after {
	right: 0;
	left: auto;
}

.v-tabs-left .v-tabs-nav-wrap.is-left.is-scrollable,
.v-tabs-left .v-tabs-nav-wrap.is-right.is-scrollable,
.v-tabs-right .v-tabs-nav-wrap.is-left.is-scrollable,
.v-tabs-right .v-tabs-nav-wrap.is-right.is-scrollable {
	padding: 30px 0;
}

.v-tabs-left .v-tabs-nav-wrap.is-left::after,
.v-tabs-left .v-tabs-nav-wrap.is-right::after,
.v-tabs-right .v-tabs-nav-wrap.is-left::after,
.v-tabs-right .v-tabs-nav-wrap.is-right::after {
	width: 2px;
	height: 100%;
	top: 0;
	bottom: auto;
}

.v-tabs-left .v-tabs-nav.is-left,
.v-tabs-left .v-tabs-nav.is-right,
.v-tabs-right .v-tabs-nav.is-left,
.v-tabs-right .v-tabs-nav.is-right {
	float: none;
}

.v-tabs-left .v-tabs-item.is-left,
.v-tabs-left .v-tabs-item.is-right,
.v-tabs-right .v-tabs-item.is-left,
.v-tabs-right .v-tabs-item.is-right {
	display: block;
}

.v-tabs-left.v-tabs-card .v-tabs-active-bar.is-left,
.v-tabs-right.v-tabs-card .v-tabs-active-bar.is-right {
	display: none;
}

/* 选项卡 left */

.v-tabs-left .v-tabs-header.is-left {
	float: left;
	margin-bottom: 0;
	margin-right: 10px;
}

.v-tabs-left .v-tabs-nav-wrap.is-left {
	margin-right: -1px;
}

.v-tabs-left .v-tabs-item.is-left {
	text-align: right;
}

.v-tabs-left.v-tabs-card .v-tabs-item.is-left {
	text-align: left;
	border-left: none;
	border-bottom: none;
	border-right: 1px solid #E4E7ED;
	border-top: 1px solid #E4E7ED;
}

.v-tabs-left.v-tabs-card .v-tabs-item.is-left:first-child {
	border-top: none;
	border-right: 1px solid #E4E7ED;
}

.v-tabs-left.v-tabs-card .v-tabs-item.is-left.is-active {
	border-left: none;
	border-bottom: none;
	border-right-color: #fff;
	border: 1px solid #E4E7ED;
}

.v-tabs-left.v-tabs-card .v-tabs-item.is-left.is-active:first-child {
	border-top: none;
}

.v-tabs-left.v-tabs-card .v-tabs-item.is-left.is-active:last-child {
	border-bottom: none;
}

.v-tabs-left.v-tabs-card .v-tabs-nav {
	border-right: none;
	border-radius: 4px 0 0 4px;
	border-bottom: 1px solid #E4E7ED;
}

.v-tabs-left.v-tabs-card .v-tabs-new-tab {
	float: none;
}

.v-tabs-left.v-tabs-border-card .v-tabs-header.is-left {
	border-right: 1px solid #dfe4ed;
}

.v-tabs-left.v-tabs-border-card .v-tabs-item.is-left {
	margin: -1px 0 -1px -1px;
	border: 1px solid transparent;
}

.v-tabs-left.v-tabs-border-card .v-tabs-item.is-left.is-active {
	border-color: #d1dbe5 transparent;
}

/* 选项卡 right */

.v-tabs-right .v-tabs-header.is-right {
	float: right;
	margin-bottom: 0;
	margin-left: 10px;
}

.v-tabs-right .v-tabs-nav-wrap.is-right {
	margin-left: -1px;
}

.v-tabs-right .v-tabs-nav-wrap.is-right::after {
	left: 0;
	right: auto;
}

.v-tabs-right .v-tabs-active-bar.is-right {
	left: 0;
}

.v-tabs-right.v-tabs-card .v-tabs-item.is-right {
	border-bottom: none;
	border-top: 1px solid #E4E7ED;
}

.v-tabs-right.v-tabs-card .v-tabs-item.is-right:first-child {
	border-top: none;
	border-left: 1px solid #E4E7ED;
}

.v-tabs-right.v-tabs-card .v-tabs-item.is-right.is-active {
	border-right: none;
	border-bottom: none;
	border-left-color: #fff;
	border: 1px solid #E4E7ED;
}

.v-tabs-right.v-tabs-card .v-tabs-item.is-right.is-active:first-child {
	border-top: none;
}

.v-tabs-right.v-tabs-card .v-tabs-item.is-right.is-active:last-child {
	border-bottom: none;
}

.v-tabs-right.v-tabs-card .v-tabs-nav {
	border-left: none;
	border-radius: 0 4px 4px 0;
	border-bottom: 1px solid #E4E7ED;
}

.v-tabs-right.v-tabs-border-card .v-tabs-header.is-right {
	border-left: 1px solid #dfe4ed;
}

.v-tabs-right.v-tabs-border-card .v-tabs-item.is-right {
	margin: -1px -1px -1px 0;
	border: 1px solid transparent;
}

.v-tabs-right.v-tabs-border-card .v-tabs-item.is-right.is-active {
	border-color: #d1dbe5 transparent;
}

/* Tag 标签 */

.v-tag {
	background-color: #ecf5ff;
	border-color: #d9ecff;
	display: inline-block;
	height: 32px;
	padding: 0 10px;
	line-height: 30px;
	font-size: 12px;
	color: #409EFF;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
}

.v-tag .v-tag-close {
	color: #409eff;
}

.v-tag .v-tag-close:hover {
	color: #FFF;
	background-color: #409eff;
}

.v-tag.v-tag-info {
	color: #4db8c9;
	border-color: #c4e7ed;
	background-color: #dcf1f4;
}

.v-tag.v-tag-info .v-tag-close {
	color: #4db8c9;
}

.v-tag.v-tag-info .v-tag-close:hover {
	color: #FFF;
	background-color: #4db8c9;
}

.v-tag.v-tag-success {
	color: #67c23a;
	border-color: #e1f3d8;
	background-color: #f0f9eb;
}

.v-tag.v-tag-success .v-tag-close {
	color: #67c23a;
}

.v-tag.v-tag-success .v-tag-close:hover {
	color: #FFF;
	background-color: #67c23a;
}

.v-tag.v-tag-warning {
	color: #e6a23c;
	border-color: #faecd8;
	background-color: #fdf6ec;
}

.v-tag.v-tag-warning .v-tag-close {
	color: #e6a23c;
}

.v-tag.v-tag-warning .v-tag-close:hover {
	color: #FFF;
	background-color: #e6a23c;
}

.v-tag.v-tag-danger {
	color: #f56c6c;
	border-color: #fde2e2;
	background-color: #fef0f0;
}

.v-tag.v-tag-danger .v-tag-close {
	color: #f56c6c;
}

.v-tag.v-tag-danger .v-tag-close:hover {
	color: #FFF;
	background-color: #f56c6c;
}

.v-tag .v-icon-close {
	top: -1px;
	right: -5px;
	width: 16px;
	height: 16px;
	font-size: 12px;
	cursor: pointer;
	line-height: 16px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.v-tag .v-icon-close::before {
	display: block;
}

.v-tag-dark {
	color: #fff;
	border-color: #409eff;
	background-color: #409eff;
}

.v-tag-dark .v-tag-close {
	color: #fff;
}

.v-tag-dark .v-tag-close:hover {
	color: #FFF;
	background-color: #66b1ff;
}

.v-tag-dark.v-tag-info {
	color: #fff;
	border-color: #17a2b8;
	background-color: #17a2b8;
}

.v-tag-dark.v-tag-info .v-tag-close {
	color: #fff;
}

.v-tag-dark.v-tag-info .v-tag-close:hover {
	color: #FFF;
	background-color: #4db8c9;
}

.v-tag-dark.v-tag-success {
	color: #fff;
	border-color: #67c23a;
	background-color: #67c23a;
}

.v-tag-dark.v-tag-success .v-tag-close {
	color: #fff;
}

.v-tag-dark.v-tag-success .v-tag-close:hover {
	color: #FFF;
	background-color: #85ce61;
}

.v-tag-dark.v-tag-warning {
	color: #fff;
	border-color: #e6a23c;
	background-color: #e6a23c;
}

.v-tag-dark.v-tag-warning .v-tag-close {
	color: #fff;
}

.v-tag-dark.v-tag-warning .v-tag-close:hover {
	color: #FFF;
	background-color: #ebb563;
}

.v-tag-dark.v-tag-danger {
	color: #fff;
	border-color: #f56c6c;
	background-color: #f56c6c;
}

.v-tag-dark.v-tag-danger .v-tag-close {
	color: #fff;
}

.v-tag-dark.v-tag-danger .v-tag-close:hover {
	color: #FFF;
	background-color: #f78989;
}

.v-tag-plain {
	color: #409eff;
	border-color: #b3d8ff;
	background-color: #fff;
}

.v-tag-plain .v-tag-close {
	color: #409eff;
}

.v-tag-plain .v-tag-close:hover {
	color: #FFF;
	background-color: #409eff;
}

.v-tag-plain.v-tag-info {
	color: #4db8c9;
	border-color: #4db8c9;
	background-color: #fff;
}

.v-tag-plain.v-tag-info .v-tag-close {
	color: #4db8c9;
}

.v-tag-plain.v-tag-info .v-tag-close:hover {
	color: #FFF;
	background-color: #4db8c9;
}

.v-tag-plain.v-tag-success {
	color: #67c23a;
	border-color: #c2e7b0;
	background-color: #fff;
}

.v-tag-plain.v-tag-success .v-tag-close {
	color: #67c23a;
}

.v-tag-plain.v-tag-success .v-tag-close:hover {
	color: #FFF;
	background-color: #67c23a;
}

.v-tag-plain.v-tag-warning {
	color: #e6a23c;
	border-color: #f5dab1;
	background-color: #fff;
}

.v-tag-plain.v-tag-warning .v-tag-close {
	color: #e6a23c;
}

.v-tag-plain.v-tag-warning .v-tag-close:hover {
	color: #FFF;
	background-color: #e6a23c;
}

.v-tag-plain.v-tag-danger {
	color: #f56c6c;
	border-color: #fbc4c4;
	background-color: #fff;
}

.v-tag-plain.v-tag-danger.is-hit {
	border-color: #F56C6C;
}

.v-tag-plain.v-tag-danger .v-tag-close {
	color: #f56c6c;
}

.v-tag-plain.v-tag-danger .v-tag-close:hover {
	color: #FFF;
	background-color: #f56c6c;
}

.v-tag-medium {
	height: 28px;
	line-height: 26px;
}

.v-tag-medium .v-icon-close {
	-webkit-transform: scale(.8);
	transform: scale(.8);
}

.v-tag-small {
	height: 24px;
	padding: 0 8px;
	line-height: 22px;
}

.v-tag-small .v-icon-close {
	-webkit-transform: scale(.8);
	transform: scale(.8);
}

.v-tag-mini {
	height: 20px;
	padding: 0 5px;
	line-height: 19px;
}

.v-tag-mini .v-icon-close {
	margin-left: -3px;
	-webkit-transform: scale(.7);
	transform: scale(.7);
}

.v-tag-zoom-in-center-enter-active,
.v-tag-zoom-in-center-leave-active {
	-webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
	transition: all .3s cubic-bezier(.55, 0, .1, 1);
}

.v-tag-zoom-in-center-enter,
.v-tag-zoom-in-center-leave-active {
	opacity: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

/* Timeline 时间线 */

.v-timeline {
    margin: 0;
    font-size: 14px;
    list-style: none;
}

.v-timeline .v-timeline-item:last-child .v-timeline-item-tail {
    display: none;
}

.v-timeline-item {
    position: relative;
    padding-bottom: 20px;
}

.v-timeline-item-wrapper {
    top: -3px;
    padding-left: 28px;
    position: relative;
}

.v-timeline-item-tail {
    left: 4px;
    height: 100%;
    position: absolute;
    border-left: 2px solid #e4e7ed;
}

.v-timeline-item-icon {
    color: #fff;
    font-size: 14px;
}

.v-timeline-item-node {
    position: absolute;
    border-radius: 50%;
    background-color: #e4e7ed;
    display: flex;
    justify-content: center;
    align-items: center;
}

.v-timeline-item-node-normal {
    left: -1px;
    width: 12px;
    height: 12px;
}

.v-timeline-item-node-large {
    left: -10px;
    width: 30px;
    height: 30px;
}

.v-timeline-item-node-primary {
    background-color: #409eff;
}

.v-timeline-item-node-success {
    background-color: #67c23a;
}

.v-timeline-item-node-warning {
    background-color: #e6a23c;
}

.v-timeline-item-node-danger {
    background-color: #f56c6c;
}

.v-timeline-item-node-info {
    background-color: #17a2b8;
}

.v-timeline-item-dot {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.v-timeline-item-content {
    color: #303133;
}

.v-timeline-item-timestamp {
    line-height: 1;
    color: #909399;
    font-size: 13px;
}

.v-timeline-item-timestamp.is-top {
    padding-top: 4px;
    margin-bottom: 8px;
}

.v-timeline-item-timestamp.is-bottom {
    margin-top: 8px;
}

/* Tooltip 文字提示 */

.v-tooltip-popper {
	padding: 10px;
	z-index: 2000;
	font-size: 12px;
	line-height: 1.2;
	min-width: 10px;
	border-radius: 4px;
	position: absolute;
	word-wrap: break-word;
}

.v-tooltip-popper .v-popper-arrow,
.v-tooltip-popper .v-popper-arrow::after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.v-tooltip-popper .v-popper-arrow {
	border-width: 6px;
}

.v-tooltip-popper .v-popper-arrow::after {
	content: " ";
	border-width: 5px;
}

.v-tooltip-popper[x-placement^=top] {
	margin-bottom: 12px;
}

.v-tooltip-popper[x-placement^=top] .v-popper-arrow {
	bottom: -6px;
	border-top-color: #303133;
	border-bottom-width: 0;
}

.v-tooltip-popper[x-placement^=top] .v-popper-arrow::after {
	bottom: 1px;
	margin-left: -5px;
	border-top-color: #303133;
	border-bottom-width: 0;
}

.v-tooltip-popper[x-placement^=bottom] {
	margin-top: 12px;
}

.v-tooltip-popper[x-placement^=bottom] .v-popper-arrow {
	top: -6px;
	border-top-width: 0;
	border-bottom-color: #303133;
}

.v-tooltip-popper[x-placement^=bottom] .v-popper-arrow::after {
	top: 1px;
	margin-left: -5px;
	border-top-width: 0;
	border-bottom-color: #303133;
}

.v-tooltip-popper[x-placement^=right] {
	margin-left: 12px;
}

.v-tooltip-popper[x-placement^=right] .v-popper-arrow {
	left: -6px;
	border-right-color: #303133;
	border-left-width: 0;
}

.v-tooltip-popper[x-placement^=right] .v-popper-arrow::after {
	bottom: -5px;
	left: 1px;
	border-right-color: #303133;
	border-left-width: 0;
}

.v-tooltip-popper[x-placement^=left] {
	margin-right: 12px;
}

.v-tooltip-popper[x-placement^=left] .v-popper-arrow {
	right: -6px;
	border-right-width: 0;
	border-left-color: #303133;
}

.v-tooltip-popper[x-placement^=left] .v-popper-arrow::after {
	right: 1px;
	bottom: -5px;
	margin-left: -5px;
	border-right-width: 0;
	border-left-color: #303133;
}

.v-tooltip-popper.is-dark {
	background: #303133;
	color: #FFF;
}

.v-tooltip-popper.is-light {
	background: #FFF;
	border: 1px solid #303133;
}

.v-tooltip-popper.is-light[x-placement^=top] .v-popper-arrow {
	border-top-color: #303133;
}

.v-tooltip-popper.is-light[x-placement^=top] .v-popper-arrow::after {
	border-top-color: #FFF;
}

.v-tooltip-popper.is-light[x-placement^=bottom] .v-popper-arrow {
	border-bottom-color: #303133;
}

.v-tooltip-popper.is-light[x-placement^=bottom] .v-popper-arrow::after {
	border-bottom-color: #FFF;
}

.v-tooltip-popper.is-light[x-placement^=left] .v-popper-arrow {
	border-left-color: #303133;
}

.v-tooltip-popper.is-light[x-placement^=left] .v-popper-arrow::after {
	border-left-color: #FFF;
}

.v-tooltip-popper.is-light[x-placement^=right] .v-popper-arrow {
	border-right-color: #303133;
}

.v-tooltip-popper.is-light[x-placement^=right] .v-popper-arrow::after {
	border-right-color: #FFF;
}

.v-tooltip-fade-in-linear-enter,
.v-tooltip-fade-in-linear-leave,
.v-tooltip-fade-in-linear-leave-active {
	opacity: 0;
}

.v-tooltip-fade-in-linear-enter-active,
.v-tooltip-fade-in-linear-leave-active {
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

/* Tree 树形控件 */

.v-tree.is-dragging .v-tree-node-content * {
	pointer-events: none;
}

.v-tree {
    cursor: default;
    color: #606266;
	position: relative;
	background: #FFF;
}

.v-tree-empty-block {
    width: 100%;
    height: 100%;
    min-height: 60px;
	position: relative;
	text-align: center;
}

.v-tree-empty-text {
    color: #909399;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.v-tree-drop-indicator {
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #409EFF;
}

.v-tree-node {
    outline: 0;
	white-space: nowrap;
}

.v-tree-node:focus > .v-tree-node-content {
	background-color: #F5F7FA;
}

.v-tree-node.is-drop-inner > .v-tree-node-content .v-tree-node-label {
    color: #fff;
	background-color: #409EFF;
}

.v-tree-node-content {
    height: 26px;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.v-tree-node-content > .v-tree-node-expand-icon {
	padding: 6px;
}

.v-tree-node-content > label.v-checkbox {
	margin-right: 8px;
}

.v-tree-node-content:hover {
	background-color: #F5F7FA;
}

.v-tree.is-dragging .v-tree-node-content {
	cursor: move;
}

.v-tree.is-dragging.is-drop-not-allow .v-tree-node-content {
	cursor: not-allowed;
}

.v-tree-node-expand-icon {
	cursor: pointer;
	color: #C0C4CC;
	font-size: 12px;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.v-tree-node-expand-icon.expanded {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.v-tree-node-expand-icon.is-leaf {
    cursor: default;
	color: transparent;
}

.v-tree-node-label {
	font-size: 14px;
}

.v-tree-node-loading-icon {
    font-size: 14px;
	color: #C0C4CC;
	margin-right: 8px;
}

.v-tree-node > .v-tree-node-children {
	overflow: hidden;
	background-color: transparent;
}

.v-tree-node.is-expanded > .v-tree-node-children {
	display: block;
}

.v-tree-highlight-current .v-tree-node.is-current > .v-tree-node-content {
	background-color: #f0f7ff;
}

/* Upload 上传 */

.v-upload-cover::after {
	content: "";
}

.v-upload-dragger,
.v-upload-picture-card {
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.v-upload {
	outline: 0;
	cursor: pointer;
	text-align: center;
	display: inline-block;
}

.v-upload.is-disabled {
	cursor: not-allowed;
}

.v-upload-input {
	display: none;
}

.v-upload-tip {
	font-size: 12px;
	color: #606266;
	margin-top: 7px;
}

.v-upload iframe {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}

.v-upload-picture-card {
	width: 148px;
	height: 148px;
	line-height: 146px;
	border-radius: 6px;
	vertical-align: top;
	background-color: #fbfdff;
	border: 1px dashed #c0ccda;
	box-sizing: border-box;
}

.v-upload-picture-card i {
	font-size: 28px;
	color: #8c939d;
}

.v-upload:focus,
.v-upload-picture-card:hover {
	color: #409EFF;
	border-color: #409EFF;
}

.v-upload:focus .v-upload-dragger {
	border-color: #409EFF;
}

.v-upload-dragger {
	width: 360px;
	height: 180px;
	overflow: hidden;
	position: relative;
	text-align: center;
	border-radius: 6px;
	background-color: #fff;
	border: 1px dashed #d9d9d9;
	box-sizing: border-box;
}

.v-upload-dragger .v-icon-upload {
	font-size: 67px;
	color: #C0C4CC;
	line-height: 50px;
	margin: 40px 0 16px;
}

.v-upload-dragger+.v-upload-tip {
	text-align: center;
}

.v-upload-dragger~.v-upload-files {
	margin-top: 7px;
	padding-top: 5px;
	border-top: 1px solid #DCDFE6;
}

.v-upload-dragger .v-upload-text {
	font-size: 14px;
	color: #606266;
	text-align: center;
}

.v-upload-dragger .v-upload-text em {
	color: #409EFF;
	font-style: normal;
}

.v-upload-dragger:hover {
	border-color: #409EFF;
}

.v-upload-dragger.is-dragover {
	border: 2px dashed #409EFF;
	background-color: rgba(32, 159, 255, .06);
}

.v-upload-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.v-upload-list-item {
	width: 100%;
	font-size: 14px;
	color: #606266;
	line-height: 1.8;
	margin-top: 5px;
	position: relative;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s cubic-bezier(.55, 0, .1, 1);
	transition: all .5s cubic-bezier(.55, 0, .1, 1);
}

.v-upload-list-item .v-progress {
	top: 20px;
	width: 100%;
	position: absolute;
}

.v-upload-list-item .v-progress-text {
	right: 0;
	top: -13px;
	position: absolute;
}

.v-upload-list-item .v-progress-bar {
	margin-right: 0;
	padding-right: 0;
}

.v-upload-list-item:first-child {
	margin-top: 10px;
}

.v-upload-list-item .v-icon-upload-success {
	color: #67C23A;
}

.v-upload-list-item .v-icon-close {
	top: 0px;
	right: 5px;
	opacity: .75;
	display: none;
	cursor: pointer;
	color: #606266;
	line-height: 40px;
	position: absolute;
}

.v-upload-list-item .v-icon-close:hover {
	opacity: 1;
}

.v-upload-list-item .v-icon-close-tip {
	top: 5px;
	right: 5px;
	opacity: 1;
	display: none;
	font-size: 12px;
	cursor: pointer;
	color: #409EFF;
	position: absolute;
}

.v-upload-list-item:hover {
	background-color: #F5F7FA;
}

.v-upload-list-item:hover .v-icon-close {
	display: inline-block;
}

.v-upload-list-item:hover .v-progress-text {
	display: none;
}

.v-upload-list-item.is-success .v-upload-list-item-status-label {
	display: block;
}

.v-upload-list-item.is-success .v-upload-list-item-name:focus,
.v-upload-list-item.is-success .v-upload-list-item-name:hover {
	color: #409EFF;
	cursor: pointer;
}

.v-upload-list-item.is-success:focus:not(:hover) .v-icon-close-tip {
	display: inline-block;
}

.v-upload-list-item.is-success:active .v-icon-close-tip,
.v-upload-list-item.is-success:focus .v-upload-list-item-status-label,
.v-upload-list-item.is-success:hover .v-upload-list-item-status-label,
.v-upload-list-item.is-success:not(.focusing):focus .v-icon-close-tip {
	display: none;
}

.v-upload-list.is-disabled .v-upload-list-item:hover .v-upload-list-item-status-label {
	display: block;
}

.v-upload-list-item-name {
	line-height: 40px;
	display: block;
	color: #606266;
	overflow: hidden;
	padding-left: 4px;
	margin-right: 40px;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: color .3s;
	transition: color .3s;
}

.v-upload-list-item-name [class^=v-icon] {
	height: 100%;
	float: left;
	margin-right: 7px;
	color: #909399;
	font-size: 24px;
	line-height: inherit;
}

.v-upload-list-item-status-label {
	top: 0;
	right: 5px;
	display: none;
	line-height: 40px;
	position: absolute;
}

.v-upload-list-item-delete {
	top: 0;
	right: 10px;
	display: none;
	font-size: 12px;
	color: #606266;
	position: absolute;
}

.v-upload-list-item-delete:hover {
	color: #409EFF;
}

.v-upload-list-picture-card {
	margin: 0;
	display: inline;
	vertical-align: top;
}

.v-upload-list-picture-card .v-upload-list-item {
	width: 148px;
	height: 148px;
	overflow: hidden;
	border-radius: 6px;
	margin: 0 8px 8px 0;
	display: inline-block;
	background-color: #fff;
	border: 1px solid #c0ccda;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.v-upload-list-picture-card .v-upload-list-item .v-icon-check,
.v-upload-list-picture-card .v-upload-list-item .v-icon-circle-check {
	color: #FFF;
}

.v-upload-list-picture-card .v-upload-list-item .v-icon-close,
.v-upload-list-picture-card .v-upload-list-item:hover .v-upload-list-item-status-label {
	display: none;
}

.v-upload-list-picture-card .v-upload-list-item:hover .v-progress-text {
	display: block;
}

.v-upload-list-picture-card .v-upload-list-item-name {
	display: none;
}

.v-upload-list-picture-card .v-upload-list-item-thumbnail {
	width: 100%;
	height: 100%;
}

.v-upload-list-picture-card .v-upload-list-item-status-label {
	position: absolute;
	right: -15px;
	top: -6px;
	width: 40px;
	height: 24px;
	text-align: center;
	background: #13ce66;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
	box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
}

.v-upload-list-picture-card .v-upload-list-item-status-label i {
	font-size: 12px;
	margin-top: 6px;
	display: inline-block;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.v-upload-list-picture-card .v-upload-list-item-actions {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	cursor: default;
	text-align: center;
	color: #fff;
	opacity: 0;
	font-size: 20px;
	background-color: rgba(0, 0, 0, .5);
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.v-upload-list-picture-card .v-upload-list-item-actions::after {
	display: inline-block;
	content: "";
	height: 100%;
	vertical-align: middle;
}

.v-upload-list-picture-card .v-upload-list-item-actions span {
	display: none;
	cursor: pointer;
}

.v-upload-list-picture-card .v-upload-list-item-actions span i {
	font-size: 20px;
}

.v-upload-list-picture-card .v-upload-list-item-actions span+span {
	margin-left: 15px;
}

.v-upload-list-picture-card .v-upload-list-item-actions .v-upload-list-item-delete {
	color: inherit;
	position: static;
	font-size: inherit;
}

.v-upload-list-picture-card .v-upload-list-item-actions .v-upload-list-item-delete i {
	font-size: 20px;
}

.v-upload-list-picture-card .v-upload-list-item-actions:hover {
	opacity: 1;
}

.v-upload-list-picture-card .v-upload-list-item-actions:hover span {
	display: inline-block;
}

.v-upload-list-picture-card .v-progress {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	bottom: auto;
	width: 126px;
}

.v-upload-list-picture-card .v-progress .v-progress-text {
	top: 50%;
}

.v-upload-list-picture .v-upload-list-item {
	z-index: 0;
	height: 92px;
	overflow: hidden;
	margin-top: 10px;
	border-radius: 6px;
	background-color: #fff;
	border: 1px solid #EBEEF5;
	padding: 10px 10px 10px 90px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.v-upload-list-picture .v-upload-list-item .v-icon-check,
.v-upload-list-picture .v-upload-list-item .v-icon-circle-check {
	color: #FFF;
}

.v-upload-list-picture .v-upload-list-item:hover .v-upload-list-item-status-label {
	top: -2px;
	right: -12px;
	background: 0 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.v-upload-list-picture .v-upload-list-item:hover .v-progress-text {
	display: block;
}

.v-upload-list-picture .v-upload-list-item.is-success .v-upload-list-item-name {
	margin-top: 0;
	line-height: 70px;
}

.v-upload-list-picture .v-upload-list-item.is-success .v-upload-list-item-name i {
	display: none;
}

.v-upload-list-picture .v-upload-list-item-thumbnail {
	z-index: 1;
	/* float: left; */
	float: left;
	width: 70px;
	height: 70px;
	margin-left: -80px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-color: #FFF;
}

.v-upload-list-picture .v-upload-list-item-name {
	display: block;
	margin-top: 20px;
}

.v-upload-list-picture .v-upload-list-item-name i {
	left: 9px;
	top: 10px;
	font-size: 70px;
	line-height: 1;
	position: absolute;
}

.v-upload-list-picture .v-upload-list-item-status-label {
	position: absolute;
	right: -17px;
	top: -7px;
	width: 46px;
	height: 26px;
	text-align: center;
	background: #13ce66;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-box-shadow: 0 1px 1px #ccc;
	box-shadow: 0 1px 1px #ccc;
}

.v-upload-list-picture .v-upload-list-item-status-label i {
	font-size: 12px;
	margin-top: 6px;
	display: inline-block;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.v-upload-list-picture .v-progress {
	top: -7px;
	position: relative;
}

.v-upload-cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 10;
	cursor: default;
}

.v-upload-cover::after {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.v-upload-cover img {
	width: 100%;
	height: 100%;
	display: block;
}

.v-upload-cover-label {
	position: absolute;
	right: -15px;
	top: -6px;
	width: 40px;
	height: 24px;
	text-align: center;
	background: #13ce66;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
	box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
}

.v-upload-cover-label i {
	color: #fff;
	font-size: 12px;
	margin-top: 11px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.v-upload-cover-progress {
	width: 243px;
	position: static;
	display: inline-block;
	vertical-align: middle;
}

.v-upload-cover-progress+.v-upload-inner {
	opacity: 0;
}

.v-upload-cover-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.v-upload-cover-interact {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, .72);
}

.v-upload-cover-interact .btn {
	color: #FFF;
	font-size: 14px;
	cursor: pointer;
	margin-top: 60px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
	transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
	transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
}

.v-upload-cover-interact .btn span {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	transition: opacity .15s linear;
}

.v-upload-cover-interact .btn:not(:first-child) {
	margin-left: 35px;
}

.v-upload-cover-interact .btn:hover {
	-webkit-transform: translateY(-13px);
	transform: translateY(-13px);
}

.v-upload-cover-interact .btn:hover span {
	opacity: 1;
}

.v-upload-cover-interact .btn i {
	color: #FFF;
	display: block;
	font-size: 24px;
	margin: 0 auto 5px;
	line-height: inherit;
}

.v-upload-cover-title {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #FFF;
	height: 36px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 400;
	text-align: left;
	padding: 0 10px;
	margin: 0;
	line-height: 36px;
	font-size: 14px;
	color: #303133;
}

.v-upload-cover+.v-upload-inner {
	opacity: 0;
	z-index: 1;
	position: relative;
}

.v-upload-list-transition-enter-active,
.v-upload-list-transition-leave-active {
	-webkit-transition: all 1s;
	transition: all 1s;
}

.v-upload-list-transition-enter,
.v-upload-list-transition-leave-active {
	opacity: 0;
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
}