@charset "UTF-8";
html,
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
body {
position: relative;
}
.mapBack {
z-index: 9;
position: fixed;
top: 8%;
right: 1%;
}
.BMap_bubble_title {
line-height: 30px !important;
font-weight: 700 !important;
}
.BMap_bubble_content {
font-size: 14px !important;
}
/* --按钮 START-- */
.kniu_btn .badge {
top: 0;
}
.kniu_btn,
.kniu_btnInput,
.kniu_btnGradient,
.kniu_btnImgBG,
.kniu_btnOutline,
.kniu_btnFile {
position: relative;
float: left;
display: block;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
margin-left: 10px;
height: 100%;
padding: 0 .75rem;
border-radius: .3rem;
-webkit-border-radius: .3rem;
-moz-border-radius: .3rem;
-ms-border-radius: .3rem;
-o-border-radius: .3rem;
font-size: 14px;
line-height: inherit;
text-align: center;
text-decoration: none;
background-color: #28a745;
color: #fff;
cursor: pointer;
transition: opacity .3s, filter .3s;
-webkit-transition: opacity .3s, filter .3s;
-moz-transition: opacity .3s, filter .3s;
-ms-transition: opacity .3s, filter .3s;
-o-transition: opacity .3s, filter .3s;
zoom: 1;
}
.kniu_btnGradient::after {
content: "";
clear: both;
display: block;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
opacity: 0;
}
.kniu_btn:first-child,
.kniu_btnInput:first-child,
.kniu_btnGradient:first-child,
.kniu_btnImgBG:first-child,
.kniu_btnOutline:first-child,
.kniu_btnFile:first-child {
margin-left: 0;
}
.kniu_btn:hover,
.kniu_btnInput:hover {
text-decoration: none;
color: #fff;
opacity: .8;
filter: alpha(opacity=80);
}
.kniu_btnGradient:hover,
.kniu_btnImgBG:hover {
text-decoration: none;
}
.kniu_btnImgBG:hover {
color: #fff;
}
.kniu_btnInput {
overflow: hidden;
padding: 0;
}
.kniu_btnImgBG {
background-color: transparent;
}
.kniu_btnIcon,
.kniu_btnIcon1,
.kniu_btnIcon2 {
position: relative;
margin-right: 5px;
}
.kniu_btnInput>.kniu_btnIcon {
position: absolute;
top: 35%;
left: .75rem;
margin-right: 0;
width: 20px;
}
.kniu_btnInput>.kniu_btnIcon+input {
padding-left: calc(.75rem + 25px);
background-color: transparent;
}
.kniu_btnInput>input {
display: block;
width: 100%;
height: 100%;
padding: 0 .75rem;
background-color: #28a745;
color: #fff;
cursor: pointer;
}
.kniu_btnRadius {
padding: 0 1.5rem;
border-radius: 20px;
}
.kniu_btnPrimary {
background-color: #007bff;
}
.kniu_btnSecondary {
background-color: #6c757d;
}
.kniu_btnSuccess {
background-color: #28a745;
}
.kniu_btnInfo {
background-color: #17a2b8;
}
.kniu_btnWarning {
background-color: #ffc107;
}
.kniu_btnDanger {
background-color: #dc3545;
}
.kniu_btnDark {
background-color: #343a40;
}
.kniu_btnPrimary>input {
background-color: #007bff;
}
.kniu_btnSecondary>input {
background-color: #6c757d;
}
.kniu_btnSuccess>input {
background-color: #28a745;
}
.kniu_btnInfo>input {
background-color: #17a2b8;
}
.kniu_btnWarning>input {
background-color: #ffc107;
}
.kniu_btnDanger>input {
background-color: #dc3545;
}
.kniu_btnDark>input {
background-color: #343a40;
}
.kniu_btnGroup {
height: 40px;
line-height: 40px;
text-align: center;
}
.kniu_btnBox {
display: inline-block;
height: 100%;
zoom: 1;
}
.kniu_btnBox::after {
content: "";
clear: both;
display: block;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
opacity: 0;
}
.kniu_btnBlock {
display: -webkit-flex;
display: flex;
margin-left: 0;
width: 100%;
}
.kniu_btnGradient {
border: 1px solid #ccc;
background-image: linear-gradient(#ddd, #ccc);
background-image: -webkit-linear-gradient(#ddd, #ccc);
background-image: -moz-linear-gradient(#ddd, #ccc);
background-image: -o-linear-gradient(#ddd, #ccc);
color: #333;
}
.kniu_btnGradient:hover {
border-color: #ddd;
background-image: linear-gradient(#ccc, #ddd);
background-image: -webkit-linear-gradient(#ccc, #ddd);
background-image: -moz-linear-gradient(#ccc, #ddd);
background-image: -o-linear-gradient(#ccc, #ddd);
color: #333;
opacity: 1;
}
.kniu_gradientPrimary {
border-color: #0069d9;
background-image: linear-gradient(#007bff, #0069d9);
background-image: -webkit-linear-gradient(#007bff, #0069d9);
background-image: -moz-linear-gradient(#007bff, #0069d9);
background-image: -o-linear-gradient(#007bff, #0069d9);
color: #fff;
}
.kniu_gradientPrimary:hover {
border-color: #007bff;
background-image: linear-gradient(#0069d9, #007bff);
background-image: -webkit-linear-gradient(#0069d9, #007bff);
background-image: -moz-linear-gradient(#0069d9, #007bff);
background-image: -o-linear-gradient(#0069d9, #007bff);
color: #fff;
}
.kniu_gradientSecondary {
border-color: #5a6268;
background-image: linear-gradient(#6c757d, #5a6268);
background-image: -webkit-linear-gradient(#6c757d, #5a6268);
background-image: -moz-linear-gradient(#6c757d, #5a6268);
background-image: -o-linear-gradient(#6c757d, #5a6268);
color: #fff;
}
.kniu_gradientSecondary:hover {
border-color: #6c757d;
background-image: linear-gradient(#5a6268, #6c757d);
background-image: -webkit-linear-gradient(#5a6268, #6c757d);
background-image: -moz-linear-gradient(#5a6268, #6c757d);
background-image: -o-linear-gradient(#5a6268, #6c757d);
color: #fff;
}
.kniu_gradientSuccess {
border-color: #218838;
background-image: linear-gradient(#28a745, #218838);
background-image: -webkit-linear-gradient(#28a745, #218838);
background-image: -moz-linear-gradient(#28a745, #218838);
background-image: -o-linear-gradient(#28a745, #218838);
color: #fff;
}
.kniu_gradientSuccess:hover {
border-color: #28a745;
background-image: linear-gradient(#218838, #28a745);
background-image: -webkit-linear-gradient(#218838, #28a745);
background-image: -moz-linear-gradient(#218838, #28a745);
background-image: -o-linear-gradient(#218838, #28a745);
color: #fff;
}
.kniu_gradientInfo {
border-color: #138496;
background-image: linear-gradient(#17a2b8, #138496);
background-image: -webkit-linear-gradient(#17a2b8, #138496);
background-image: -moz-linear-gradient(#17a2b8, #138496);
background-image: -o-linear-gradient(#17a2b8, #138496);
color: #fff;
}
.kniu_gradientInfo:hover {
border-color: #17a2b8;
background-image: linear-gradient(#138496, #17a2b8);
background-image: -webkit-linear-gradient(#138496, #17a2b8);
background-image: -moz-linear-gradient(#138496, #17a2b8);
background-image: -o-linear-gradient(#138496, #17a2b8);
color: #fff;
}
.kniu_gradientWarning {
border-color: #e0a800;
background-image: linear-gradient(#ffc107, #e0a800);
background-image: -webkit-linear-gradient(#ffc107, #e0a800);
background-image: -moz-linear-gradient(#ffc107, #e0a800);
background-image: -o-linear-gradient(#ffc107, #e0a800);
color: #333;
}
.kniu_gradientWarning:hover {
border-color: #ffc107;
background-image: linear-gradient(#e0a800, #ffc107);
background-image: -webkit-linear-gradient(#e0a800, #ffc107);
background-image: -moz-linear-gradient(#e0a800, #ffc107);
background-image: -o-linear-gradient(#e0a800, #ffc107);
color: #333;
}
.kniu_gradientDanger {
border-color: #c82333;
background-image: linear-gradient(#dc3545, #c82333);
background-image: -webkit-linear-gradient(#dc3545, #c82333);
background-image: -moz-linear-gradient(#dc3545, #c82333);
background-image: -o-linear-gradient(#dc3545, #c82333);
color: #fff;
}
.kniu_gradientDanger:hover {
border-color: #dc3545;
background-image: linear-gradient(#c82333, #dc3545);
background-image: -webkit-linear-gradient(#c82333, #dc3545);
background-image: -moz-linear-gradient(#c82333, #dc3545);
background-image: -o-linear-gradient(#c82333, #dc3545);
color: #fff;
}
.kniu_gradientDark {
border-color: #23272b;
background-image: linear-gradient(#343a40, #23272b);
background-image: -webkit-linear-gradient(#343a40, #23272b);
background-image: -moz-linear-gradient(#343a40, #23272b);
background-image: -o-linear-gradient(#343a40, #23272b);
color: #fff;
}
.kniu_gradientDark:hover {
border-color: #343a40;
background-image: linear-gradient(#23272b, #343a40);
background-image: -webkit-linear-gradient(#23272b, #343a40);
background-image: -moz-linear-gradient(#23272b, #343a40);
background-image: -o-linear-gradient(#23272b, #343a40);
color: #fff;
}
.kniu_gradientLight {
border-color: #e2e6ea;
background-image: linear-gradient(#f8f9fa, #e2e6ea);
background-image: -webkit-linear-gradient(#f8f9fa, #e2e6ea);
background-image: -moz-linear-gradient(#f8f9fa, #e2e6ea);
background-image: -o-linear-gradient(#f8f9fa, #e2e6ea);
color: #333;
}
.kniu_gradientLight:hover {
border-color: #f8f9fa;
background-image: linear-gradient(#e2e6ea, #f8f9fa);
background-image: -webkit-linear-gradient(#e2e6ea, #f8f9fa);
background-image: -moz-linear-gradient(#e2e6ea, #f8f9fa);
background-image: -o-linear-gradient(#e2e6ea, #f8f9fa);
color: #333;
}
.kniu_btnGradient>input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
cursor: pointer;
}
.kniu_btnGradient>.kniu_btnIcon,
.kniu_btnImgBG>.kniu_btnIcon,
.kniu_btnOutline>.kniu_btnIcon1,
.kniu_btnOutline>.kniu_btnIcon2 {
top: 1px;
height: 16px;
}
.kniu_btnBackground1,
.kniu_btnBackground2 {
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.kniu_btnImgBG:hover>.kniu_btnBackground1,
.kniu_btnBackground2 {
display: none;
}
.kniu_btnImgBG:hover>.kniu_btnBackground2 {
display: inline-block;
}
.kniu_btnOutline {
border: 1px solid #999;
background-color: #fff;
transition: background-color .3s, color .3s;
-webkit-transition: background-color .3s, color .3s;
-moz-transition: background-color .3s, color .3s;
-ms-transition: background-color .3s, color .3s;
-o-transition: background-color .3s, color .3s;
}
.kniu_btnOutline.kniu_btnPrimary {
border-color: #007bff;
color: #007bff;
}
.kniu_btnOutline.kniu_btnPrimary:hover {
background-color: #007bff;
}
.kniu_btnOutline.kniu_btnSecondary {
border-color: #6c757d;
color: #6c757d;
}
.kniu_btnOutline.kniu_btnSecondary:hover {
background-color: #6c757d;
}
.kniu_btnOutline.kniu_btnSuccess {
border-color: #28a745;
color: #28a745;
}
.kniu_btnOutline.kniu_btnSuccess:hover {
background-color: #28a745;
}
.kniu_btnOutline.kniu_btnInfo {
border-color: #17a2b8;
color: #17a2b8;
}
.kniu_btnOutline.kniu_btnInfo:hover {
background-color: #17a2b8;
}
.kniu_btnOutline.kniu_btnWarning {
border-color: #ffc107;
color: #ffc107;
}
.kniu_btnOutline.kniu_btnWarning:hover {
background-color: #ffc107;
color: #333;
}
.kniu_btnOutline.kniu_btnDanger {
border-color: #dc3545;
color: #dc3545;
}
.kniu_btnOutline.kniu_btnDanger:hover {
background-color: #dc3545;
}
.kniu_btnOutline.kniu_btnDark {
border-color: #343a40;
color: #343a40;
}
.kniu_btnOutline.kniu_btnDark:hover {
background-color: #343a40;
}
.kniu_btnOutline:hover {
text-decoration: none;
color: #fff;
}
.kniu_btnOutline:hover>.kniu_btnIcon1,
.kniu_btnIcon2 {
display: none;
}
.kniu_btnOutline:hover>.kniu_btnIcon2 {
display: inline-block;
}
.kniu_btnText {
z-index: 1;
position: relative;
height: 100%;
}
.kniu_imgBtn {
height: 100%;
}
.kniu_imgBtn:hover {
opacity: .8;
}
.kniu_btnInput.kniu_gradientPrimary {
border-color: #007bff;
background-color: #007bff;
color: #fff;
}
.kniu_btnInput.kniu_gradientPrimary:hover {
border-color: #0069d9;
background-color: #0069d9;
}
.kniu_btnInput.kniu_gradientSecondary {
border-color: #6c757d;
background-color: #6c757d;
color: #fff;
}
.kniu_btnInput.kniu_gradientSecondary:hover {
border-color: #5a6268;
background-color: #5a6268;
}
.kniu_btnInput.kniu_gradientSuccess {
border-color: #28a745;
background-color: #28a745;
color: #fff;
}
.kniu_btnInput.kniu_gradientSuccess:hover {
border-color: #218838;
background-color: #218838;
}
.kniu_btnInput.kniu_gradientInfo {
border-color: #17a2b8;
background-color: #17a2b8;
color: #fff;
}
.kniu_btnInput.kniu_gradientInfo:hover {
border-color: #138496;
background-color: #138496;
}
.kniu_btnInput.kniu_gradientWarning {
border-color: #ffc107;
background-color: #ffc107;
color: #333;
}
.kniu_btnInput.kniu_gradientWarning:hover {
border-color: #e0a800;
background-color: #e0a800;
}
.kniu_btnInput.kniu_gradientDanger {
border-color: #dc3545;
background-color: #dc3545;
color: #fff;
}
.kniu_btnInput.kniu_gradientDanger:hover {
border-color: #c82333;
background-color: #c82333;
}
.kniu_btnInput.kniu_gradientDark {
border-color: #343a40;
background-color: #343a40;
color: #fff;
}
.kniu_btnInput.kniu_gradientDark:hover {
border-color: #23272b;
background-color: #23272b;
}
.kniu_btnInput.kniu_gradientLight {
border-color: #f8f9fa;
background-color: #f8f9fa;
color: #333;
}
.kniu_btnInput.kniu_gradientLight:hover {
border-color: #e2e6ea;
background-color: #e2e6ea;
}
.kniu_btnFile {
overflow: hidden;
width: 120px;
padding: 0;
color: #333;
}
.kniu_btnFile:hover {
text-decoration: none;
color: #333;
}
.kniu_btnFileInput {
z-index: 2;
position: absolute;
top: 0;
right: 0;
width: 300%;
height: 100%;
cursor: pointer;
opacity: 0;
}
.kniu_btnFilePath {
float: left;
padding-left: 10px;
color: #666;
font-size: .875rem;
}
.kniu_btnDisabled,
.kniu_btnDisabled:hover,
.kniu_btnDisabled>.kniu_btnIcon+input,
.kniu_btnDisabled>input {
border: 1px solid #ccc;
background-color: #f3f3f3;
color: #888;
cursor: not-allowed;
pointer-events: none;
opacity: .6;
}
.kniu_btnDisabled>.kniu_btnIcon+input,
.kniu_btnDisabled>input {
border: none;
opacity: 1;
}
/* --按钮 END-- */