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

.btn1 {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 500;
	text-align: center;
	cursor: pointer;
	border: 1px solid #d9d9d9;
	white-space: nowrap;
	line-height: 1.5;
	padding: 2px 14px;
	font-size: 14px;
	border-radius: 6px;
	-webkit-user-select: none;
	user-select: none;
	color: #666;
	outline: 0;
	background-color: #fff
}

.btn1:hover {
	background: #f7f7f7
}

.btn1:active {
	background: #efefef;
	transition: none
}

.btn1:disabled {
	color: #ccc;
	cursor: no-drop
}

.btn-primary {
	color: #fff;
	background-color: #2db7f5;
	border-color: #2db7f5
}

.btn-primary:hover {
	color: #fff;
	background-color: #45bff6;
	border-color: #45bff6
}

.btn-primary:active {
	color: #fff;
	background-color: #15aff4;
	border-color: #15aff4;
	transition: none
}

.btn-primary:disabled {
	color: #fff;
	background-color: #8ed8fa;
	border-color: #8ed8fa;
	transition: none;
	cursor: no-drop
}

.btn-block {
	display: block;
	width: 100%
}


.modal-enter, .modal-leave, .popover-enter, .popover-leave {
	opacity: 0
}

.modal-mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(55, 55, 55, .6);
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center
}

.modal-box, .modal-confirm, .popover-box {
	box-sizing: border-box;
	background-color: #fff
}

.confirm-content {
	padding-left: 30px;
	padding-top: 30px;
	padding-bottom: 30px
}

.modal-confirm {
	width: 400px;
	padding: 30px 40px;
	border-radius: 6px;
	transition: transform .3s ease;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -90px;
}

.modal-transition, .popover-transition {
	transition: all .3s ease
}

.modal-confirm i {
	color: #fa0;
	font-size: 24px;
	position: relative;
	top: 2px
}

.modal-confirm .confirm-btns {
	text-align: right
}

.confirm-btns button {
	margin-left: 15px;
}

.modal-box {
	width: 520px;
	border-radius: 6px
}

.modal-header {
	padding: 13px 18px 14px 16px;
	border-bottom: 1px solid #e9e9e9;
	position: relative
}

.modal-header i, .popover-wrap {
	position: absolute
}

.modal-header i {
	right: 20px;
	top: 15px;
	font-size: 14px
}

.modal-header h3 {
	font-size: 14px
}

.modal-body {
	padding: 16px
}

.modal-footer {
	padding: 10px 18px 10px 10px;
	border-top: 1px solid #e9e9e9;
	background: #fff;
	border-radius: 0 0 6px 6px;
	text-align: right;
}

.modal-enter .modal-box, .modal-enter .modal-confirm, .modal-leave .modal-box,
	.modal-leave .modal-confirm {
	transform: scale(1.1)
}

.modal-info {
    width: 200px;
    text-align: center;
    padding: 30px 10px;
    top: 50%;
    position: absolute;
    left:50%;
    margin-left: -100px;
    margin-top: -30px;
}