@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-- */