.omgui-flex-box,.omgui-btn-box{
	display:flex!important;	
	height: 36px;
    line-height: 36px;
	margin-bottom:10px;
}
.omgui-btn-box button{
	flex:1;
}
.omgui-input {
	flex:1;
    -webkit-appearance: none;
    background-color: #FFF;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #DCDFE6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 36px;
    line-height: 36px;
    outline: 0;
    padding: 0 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}
.omgui-btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.33;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	outline: none !important;
}
.omgui-btn-vip{
	padding:7px 15px;
	border-radius: 20px;
	background-color:#FFFAEB;
	color:#C59724;
	box-shadow:#ccc 2px 2px;
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent;
}
.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0;
}

a {
    color: #06C;
    cursor: pointer;
}
a {
    color: #333;
    text-decoration: none;
}

.omgui-header {
	padding: 0;
}

.omgui-title {
	text-align: center;
	font-size: 2rem;
	color: #3cc51f;
	font-weight: 400;
	margin: 0 15%;
}

.omgui-sub-title {
	text-align: center;
	color: #888;
	font-size: 0.5rem;
	line-height:50px;
}

.omgui-form-item {
	display: flex;
	padding:10px;
	height: 42px;
    line-height: 42px;
}

.omgui-form-item label {
	height: 42px;
	line-height: 42px;
	font-weight: normal;
	color: #666;
	padding: 0 20px;
	background-color: #F1F3F4;
	font-size: 14px;
	text-align:right;
	display:inline-block;
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;
}

.omgui-form-item input {
	height: 42px;
	line-height: 42px;
	flex: 1;
	border: 1px solid #F1F3F4;
	border-radius: 2px;
}

.omgui-panel {
	width: 100%;
	height: 100%;
	line-height: 30px;
	color: #666;
	margin-bottom: 10px;
	background-color: #F1F3F4;
	font-size: 16px;
	text-align: left;
	padding: 10px 0;
	text-indent: 10px;
}

.omgui-panel a {
	color: #F38B00;
	text-indent: 10px;
}

.omgui-panel button {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	background-color: #17bd88;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 12px;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	margin: 0 10px;
}
.omgui-switch {
	position: relative;
	display: block;
	width: 68px;
	margin: 0 auto;
	height: 25px;
}

.omgui-switch-checkbox {
	display: none;
}

.omgui-switch-label {
	position: relative;
	display: block;
	overflow: hidden;
	cursor: pointer;
	background-clip: padding-box;
	border: 2px solid #ddd;
	border-radius: 20px;
}

.omgui-switch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}

.omgui-switch-inner::before,
.omgui-switch-inner::after {
	display: block;
	float: right;
	width: 50%;
	height: 25px;
	padding: 0;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	box-sizing: border-box;
}

.omgui-switch-inner::after {
	content: attr(data-on);
	padding-left: 10px;
	background-color: #4cd964;
	border-color: #4cd964;
	color: #FFFFFF;
	text-align: left;
	height: 25px;
	line-height: 25px;
	font-size: 13px;
}

.omgui-switch-inner::before {
	content: attr(data-off);
	padding-left: 10px;
	background-color: #EEEEEE;
	color: #999999;
	text-align: center;
	text-indent: 7px;
	height: 25px;
	line-height: 25px;
	font-size: 13px;
}

.omgui-switch-handle {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 23px;
	height: 23px;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 20px;
	box-sizing: border-box;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.52);
	transition: all 0.3s ease-in 0s;
}

.omgui-switch-checkbox:checked+.omgui-switch-label {
	border: 2px solid #4cd964;
}

.omgui-switch-checkbox:checked+.omgui-switch-label .omgui-switch-inner {
	margin-left: 0;
}

.omgui-switch-checkbox:checked+.omgui-switch-label .omgui-switch-handle {
	left: 40px;
}


/**
 * switch开关插件
 */

.simple-switch {
	width: 70px;
	margin: 0 auto;
	height: 32px;
	border: solid 2px #ddd;
	border-radius: 30px;
	background-color: #FFF;
	position: relative;
	padding-left: 28px;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	-webkit-user-select: none;
	font-size: 14px;
}

.simple-switch>input[type="checkbox"] {
	display: none;
}

.simple-switch:before {
	content: attr(data-off);
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 28px;
	color: #999;
}

.simple-switch>.switch-handler {
	position: absolute;
	left: 2px;
	top: 0px;
	width: 28px;
	height: 28px;
	background-color: #FFF;
	border-radius: 50%;
	-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.52);
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.52);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.simple-switch.active {
	border-color: #4cd964;
	background-color: #4cd964;
	padding-left: 0;
	padding-right: 28px;
}

.simple-switch.active:before {
	content: attr(data-on);
	color: #FFF;
}

.simple-switch.active>.switch-handler {
	left: 38px;
}

.omgui-radio {
	margin:5px;
	margin-right:2rem;
}

.omgui-radio input[type="radio"] {
	opacity: 0;
}

.omgui-radio label {
	position: relative;
	cursor: pointer;
}

.omgui-radio label::before {
	content: '';
	position: absolute;
	left: -24px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	border: 1px solid #999;
}

.omgui-radio label::after {
	content: '';
	position: absolute;
	left: -20px;
	top: 4px;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	transform: scale(0);
}
/* + 是兄弟选择器,获取选中后的label元素*/
.omgui-radio input+label::before {
	border-color: #ccc;
}

.omgui-radio input+label::after {
	background-color: #ccc;
	transform: scale(1);
	transition: all .3s;
}
.omgui-radio input:checked+label::before {
	border-color: #19B395;
}

.omgui-radio input:checked+label::after {
	background-color: #19B395;
	transform: scale(1);
	transition: all .3s;
}

.omgui-radio input:hover+label::before {
	border-color: #19B395;
}

.omgui-radio input:focus+label::before {
	box-shadow: 0 0 6px #19B395;
}

tbody tr:hover{
	cursor:pointer;
	background-color: rgba(35,198,200,0.3);
}