/**
* jet-sdk css
* ======
* @author 洪波
* @version 19.01.11
*/

.fade-enter-active, .fade-leave-active {
	transition: opacity .5s;
  }
.fade-enter, .fade-leave-to {
	opacity: 0;
}

body {
    padding: 0;
    margin: 0;
	font-size: 14px;
}
.img {
	max-width: 100%;
}

.btn-xs {
	font-size: 70%;
}
.btn-sm {
	font-size: 85%;
}
.btn-lr {
	font-size: 110%;
}
.btn-xl {
	font-size: 125%;
}
.btn-green,
.btn-red,
.btn-orange,
.btn-blue {
	color: white;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.btn-green {
	background: rgb(49, 201, 85); /* this is a green */
}
.btn-red {
	background: rgb(238, 77, 77); /* this is a maroon */
}
.btn-orange {
	background: rgb(248, 186, 71); /* this is an orange */
}
.btn-blue {
	background: rgb(66, 184, 221); /* this is a light blue */
}
.btn-blue1 {
    background-color: #2254f3;
}

.inline {
	display: inline;
}
.block {
	display: block !important;
}
.none {
    display: none;
}

.text-left {
	text-align: left !important;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right !important;
}
.font-400 {
    font-weight: 400;
}
.font-500 {
    font-weight: 500;
}
.font-600 {
    font-weight: 600;
}
.font-700 {
    font-weight: 700;
}
.pull-right {
	float: right !important;
}
.pull-left {
	float: left !important;
}

.modal-wrap {
	position: fixed;
	top:0;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	overflow: scroll;
}
.modal-box {
	width: 40%;
	background-color: #fff;
	margin: 8% auto;
	border-radius: 8px;
	box-shadow: 4px 4px 8px #555;
	position: relative;
}
.modal-title {
	padding: 10px 20px;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	border-bottom: 1px solid #ccc;
}
.modal-content {
	padding: 20px;
}
.modal-footer {
	padding: 10px 20px;
	text-align: right;
	border-top: 1px solid #ccc;
}
.gray9 {
    color: #999;
}
.pointer {
    cursor: pointer;
}