@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, .lanui-table-toolbar .lanui-table-toolbar-L span:nth-child(1),
.lanui-table-toolbar .lanui-table-toolbar-R span:nth-child(1), .lanui-table-toolbar .lanui-table-toolbar-L span:nth-last-child(1),
.lanui-table-toolbar .lanui-table-toolbar-R span:nth-last-child(1), applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

html {
  font-size: 100px;
}

body {
  font-size: 0.12rem;
  position: relative;
  line-height: 0.25rem;
}

@font-face {
  font-family: 'lanui-iconfont';
  src: url("../font/iconfont.eot");
  src: url("../font/iconfont.eot?#iefix") format("embedded-opentype"), url("../font/iconfont.woff2") format("woff2"), url("../font/iconfont.woff") format("woff"), url("../font/iconfont.ttf") format("truetype"), url("../font/iconfont.svg#iconfont") format("svg");
}
.lanui-iconfont {
  font-family: "lanui-iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  cursor: pointer;
}

.lanui-bolder {
  font-weight: bolder;
}

.lanui-Italics {
  font-style: italic;
}

.lanui-boxshadow {
  box-shadow: .01rem .01rem .01rem #00000070;
}

.lanui-show {
  display: block;
}

.lanui-hide {
  display: none;
}

h1 {
  font-size: .36rem;
}

h2 {
  font-size: .30rem;
}

h3 {
  font-size: .24rem;
}

h4 {
  font-size: .18rem;
}

h5 {
  font-size: .14rem;
}

h6 {
  font-size: .12rem;
}

.lanui-header {
  background-color: #fdfdfd;
  border-bottom: 1px solid #f4f5f8;
  color: #848484;
  position: fixed;
  top: 0;
  width: 100%;
  height: .3rem;
  line-height: .3rem;
  z-index: 1;
}
.lanui-header dl dd {
  display: inline;
  position: relative;
  padding: 0.1rem 0.1rem 0.1rem 0.1rem;
}
.lanui-header dl dd:hover {
  color: #333;
}
.lanui-header ul li {
  display: inline;
  position: relative;
  padding: 0.1rem 0.1rem 0.1rem 0.1rem;
}
.lanui-header ul li:hover {
  color: #333;
}

.lanui-nav {
  margin: -0.1rem -0.1rem -0.1rem -0.1rem;
  background-color: #007bff;
  color: #e2e2e2;
}
.lanui-nav ul li {
  padding: 0.1rem 0.1rem 0.1rem 0.1rem;
  display: inline-block;
  position: relative;
  transition: 0.1s ease-in-out;
}
.lanui-nav ul li:hover {
  color: #fff;
  background-color: #007bff;
}

.lanui-panel, .lanui-wrap .lanui-carousel, .lanui-wrap .lanui-tab, .lanui-fluid .lanui-carousel {
  background-color: #ffffff;
  position: relative;
  padding: 0.1rem 0.1rem 0.1rem 0.1rem;
  margin: 0.1rem 0.1rem 0.1rem 0.1rem;
  border-top: 0.01rem;
  border-right: 0.01rem;
  border-bottom: 0.01rem;
  border-left: 0.01rem;
  border-top-color: #f4f5f8;
  border-right-color: #f4f5f8;
  border-bottom-color: #f4f5f8;
  border-left-color: #f4f5f8;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  -moz-border-radius-topleft: 0.04rem;
  -webkit-border-top-left-radius: 0.04rem;
  border-top-left-radius: 0.04rem;
  -moz-border-radius-topright: 0.04rem;
  -webkit-border-top-right-radius: 0.04rem;
  border-top-right-radius: 0.04rem;
  -moz-border-radius-bottomleft: 0.04rem;
  -webkit-border-bottom-left-radius: 0.04rem;
  border-bottom-left-radius: 0.04rem;
  -moz-border-radius-bottomright: 0.04rem;
  -webkit-border-bottom-right-radius: 0.04rem;
  border-bottom-right-radius: 0.04rem;
}
.lanui-panel .lanui-panel-header, .lanui-wrap .lanui-carousel .lanui-panel-header, .lanui-wrap .lanui-tab .lanui-panel-header, .lanui-fluid .lanui-carousel .lanui-panel-header {
  padding: 0.1rem 0.1rem 0.1rem 0.1rem;
  margin: -0.1rem -0.1rem 0 -0.1rem;
  border-bottom: 0.01rem solid #f4f5f8;
  font-size: 0.16rem;
  font-weight: bolder;
  line-height: 0.25rem;
  background-color: #fdfdfd;
  position: relative;
}
.lanui-panel .lanui-panel-body, .lanui-wrap .lanui-carousel .lanui-panel-body, .lanui-wrap .lanui-tab .lanui-panel-body, .lanui-fluid .lanui-carousel .lanui-panel-body {
  padding: 0.1rem 0.1rem 0.1rem 0.1rem;
  margin: 0 -0.1rem 0 -0.1rem;
  position: relative;
}
.lanui-panel .lanui-panel-footer, .lanui-wrap .lanui-carousel .lanui-panel-footer, .lanui-wrap .lanui-tab .lanui-panel-footer, .lanui-fluid .lanui-carousel .lanui-panel-footer {
  padding: 0.1rem 0.1rem 0.1rem 0.1rem;
  margin: 0 -0.1rem -0.1rem -0.1rem;
  border-top: 0.01rem solid #f4f5f8;
  line-height: 0.25rem;
  position: relative;
}

.lanui-tab {
  background-color: #ffffff;
  position: relative;
  padding: 0.1rem 0.1rem 0.1rem 0.1rem;
  margin: 0.1rem 0.1rem 0.1rem 0.1rem;
}
.lanui-tab .lanui-tab-header {
  padding: 0.1rem 0 0 0;
  margin: -0.1rem -0.1rem 0 -0.1rem;
  font-size: 0.16rem;
  line-height: 0.25rem;
  position: relative;
}
.lanui-tab .lanui-tab-header ul li {
  display: inline-block;
  padding: 0.05rem 0.1rem 0.05rem 0.1rem;
  margin: 0.1rem 0 -0.01rem 0;
  border-top: 0.01rem;
  border-right: 0.01rem;
  border-bottom: 0.01rem;
  border-left: 0.01rem;
  border-top-color: #f4f5f8;
  border-right-color: #f4f5f8;
  border-bottom-color: #f4f5f8;
  border-left-color: #f4f5f8;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  -moz-border-radius-topleft: 0.04rem;
  -webkit-border-top-left-radius: 0.04rem;
  border-top-left-radius: 0.04rem;
  -moz-border-radius-topright: 0.04rem;
  -webkit-border-top-right-radius: 0.04rem;
  border-top-right-radius: 0.04rem;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
}
.lanui-tab .lanui-tab-header ul li:nth-child(1) {
  margin-left: 0;
}
.lanui-tab .lanui-tab-header ul li.lanui-active {
  background-color: #fdfdfd;
  color: #333;
}
.lanui-tab .lanui-tab-header ul li:hover {
  background-color: #e2e2e2;
  cursor: pointer;
}
.lanui-tab .lanui-tab-body {
  padding: 0 0 0 0;
  margin: 0 -0.1rem 0 -0.1rem;
  position: relative;
  clear: both;
}
.lanui-tab .lanui-tab-body ul li {
  position: absolute;
  padding: 0.1rem 0.1rem 0.1rem 0.1rem;
  margin: 0 0 0 0;
  border-top: 0.01rem;
  border-right: 0.01rem;
  border-bottom: 0.01rem;
  border-left: 0.01rem;
  border-top-color: #f4f5f8;
  border-right-color: #f4f5f8;
  border-bottom-color: #f4f5f8;
  border-left-color: #f4f5f8;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  display: none;
}
.lanui-tab .lanui-tab-body ul li:nth-child(1) {
  display: block;
}
.lanui-tab .lanui-tab-body ul li.lanui-active {
  position: relative;
  color: #333;
}
.lanui-tab .lanui-tab-footer {
  padding: 0.1rem 0.1rem 0.1rem 0.1rem;
  margin: 0 -0.1rem -0.1rem -0.1rem;
  border-top: 0.01rem solid #f4f5f8;
  line-height: 0.25rem;
  position: relative;
}

.lanui-tab-left, .lanui-tab-right {
  display: flex;
  padding: 0 0 0 0;
}
.lanui-tab-left .lanui-tab-header, .lanui-tab-right .lanui-tab-header {
  margin: 0 0 0 0 !important;
  padding: 0 0 0 0;
}
.lanui-tab-left .lanui-tab-header ul li, .lanui-tab-right .lanui-tab-header ul li {
  display: block;
  margin-right: -.01rem;
  -moz-border-radius-topleft: 0.04rem;
  -webkit-border-top-left-radius: 0.04rem;
  border-top-left-radius: 0.04rem;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomleft: 0.04rem;
  -webkit-border-bottom-left-radius: 0.04rem;
  border-bottom-left-radius: 0.04rem;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-top: 0;
}
.lanui-tab-left .lanui-tab-body, .lanui-tab-right .lanui-tab-body {
  margin-left: 0;
  flex: 1;
  margin-right: 0;
  border-top: 0.01rem;
  border-right: 0.01rem;
  border-bottom: 0.01rem;
  border-left: 0.01rem;
  border-top-color: #f4f5f8;
  border-right-color: #f4f5f8;
  border-bottom-color: #f4f5f8;
  border-left-color: #f4f5f8;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
}
.lanui-tab-left .lanui-tab-body ul li, .lanui-tab-right .lanui-tab-body ul li {
  border: 0;
}

.lanui-carousel {
  position: relative;
  min-height: 3rem;
  overflow: hidden;
  /*循环生成百分比*/
}
.lanui-carousel .lanui-carousel-body {
  height: 100%;
  width: 100%;
}
.lanui-carousel .lanui-carousel-body ul li {
  height: 100%;
  width: 100%;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.lanui-carousel .lanui-carousel-body ul li:nth-child(1) {
  display: block;
}
.lanui-carousel .lanui-carousel-header {
  position: absolute;
  z-index: 1;
}
.lanui-carousel .lanui-carousel-header ul li {
  line-height: 0.25rem;
}
.lanui-carousel .lanui-carousel-roller {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: .25rem;
  display: flex;
  justify-content: center;
  width: 100%;
}
.lanui-carousel .lanui-carousel-roller ul li {
  /* height: 0.15rem; */
  display: inline-block;
  margin: 0.05rem 0.05rem 0.05rem 0.05rem;
  padding: 0.02rem 0.08rem 0.02rem 0.08rem;
  background-color: #dadada;
  -moz-border-radius-topleft: 0.15rem;
  -webkit-border-top-left-radius: 0.15rem;
  border-top-left-radius: 0.15rem;
  -moz-border-radius-topright: 0.15rem;
  -webkit-border-top-right-radius: 0.15rem;
  border-top-right-radius: 0.15rem;
  -moz-border-radius-bottomleft: 0.15rem;
  -webkit-border-bottom-left-radius: 0.15rem;
  border-bottom-left-radius: 0.15rem;
  -moz-border-radius-bottomright: 0.15rem;
  -webkit-border-bottom-right-radius: 0.15rem;
  border-bottom-right-radius: 0.15rem;
  cursor: pointer;
  line-height: .2rem;
  transition: 0.1s ease-in-out;
}
.lanui-carousel .lanui-carousel-roller ul li:hover {
  background-color: #0181c1;
  color: #fff;
}
.lanui-carousel .lanui-carousel-roller-both, .lanui-carousel .lanui-carousel-roller-right, .lanui-carousel .lanui-carousel-roller-left {
  display: inline-block;
  position: absolute;
  z-index: 2;
  top: 50%;
  margin-top: -0.15rem;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #dadada;
  text-align: center;
  line-height: 0.3rem;
  cursor: pointer;
  border-top: 0.01rem;
  border-right: 0.01rem;
  border-bottom: 0.01rem;
  border-left: 0.01rem;
  border-top-color: #f4f5f8;
  border-right-color: #f4f5f8;
  border-bottom-color: #f4f5f8;
  border-left-color: #f4f5f8;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  -moz-border-radius-topleft: 0.3rem;
  -webkit-border-top-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
  -moz-border-radius-topright: 0.3rem;
  -webkit-border-top-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  -moz-border-radius-bottomleft: 0.3rem;
  -webkit-border-bottom-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  -moz-border-radius-bottomright: 0.3rem;
  -webkit-border-bottom-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.lanui-carousel .lanui-carousel-roller-right {
  right: 0.3rem;
}
.lanui-carousel .lanui-carousel-roller-right:hover {
  background-color: #0181c1;
  color: #fff;
}
.lanui-carousel .lanui-carousel-roller-right:after {
  content: '\25BA';
}
.lanui-carousel .lanui-carousel-roller-left {
  left: 0.3rem;
}
.lanui-carousel .lanui-carousel-roller-left:hover {
  background-color: #0181c1;
  color: #fff;
}
.lanui-carousel .lanui-carousel-roller-left:after {
  content: '\25C4';
}
.lanui-carousel .lanui-percent-right {
  -moz-border-radius-topleft: 0.1rem;
  -webkit-border-top-left-radius: 0.1rem;
  border-top-left-radius: 0.1rem;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomleft: 0.1rem;
  -webkit-border-bottom-left-radius: 0.1rem;
  border-bottom-left-radius: 0.1rem;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-top: 0;
  right: 0;
  color: transparent;
  transition: 0.1s ease-in-out;
}
.lanui-carousel .lanui-percent-right:hover {
  color: transparent;
}
.lanui-carousel .lanui-percent-left {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0.1rem;
  -webkit-border-top-right-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0.1rem;
  -webkit-border-bottom-right-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
  margin-top: 0;
  left: 0;
  color: transparent;
  transition: 0.1s ease-in-out;
}
.lanui-carousel .lanui-percent-left:hover {
  color: transparent;
}
.lanui-carousel .lanui-percent1 {
  height: 1%;
  top: 49.5%;
}
.lanui-carousel .lanui-percent2 {
  height: 2%;
  top: 49%;
}
.lanui-carousel .lanui-percent3 {
  height: 3%;
  top: 48.5%;
}
.lanui-carousel .lanui-percent4 {
  height: 4%;
  top: 48%;
}
.lanui-carousel .lanui-percent5 {
  height: 5%;
  top: 47.5%;
}
.lanui-carousel .lanui-percent6 {
  height: 6%;
  top: 47%;
}
.lanui-carousel .lanui-percent7 {
  height: 7%;
  top: 46.5%;
}
.lanui-carousel .lanui-percent8 {
  height: 8%;
  top: 46%;
}
.lanui-carousel .lanui-percent9 {
  height: 9%;
  top: 45.5%;
}
.lanui-carousel .lanui-percent10 {
  height: 10%;
  top: 45%;
}
.lanui-carousel .lanui-percent11 {
  height: 11%;
  top: 44.5%;
}
.lanui-carousel .lanui-percent12 {
  height: 12%;
  top: 44%;
}
.lanui-carousel .lanui-percent13 {
  height: 13%;
  top: 43.5%;
}
.lanui-carousel .lanui-percent14 {
  height: 14%;
  top: 43%;
}
.lanui-carousel .lanui-percent15 {
  height: 15%;
  top: 42.5%;
}
.lanui-carousel .lanui-percent16 {
  height: 16%;
  top: 42%;
}
.lanui-carousel .lanui-percent17 {
  height: 17%;
  top: 41.5%;
}
.lanui-carousel .lanui-percent18 {
  height: 18%;
  top: 41%;
}
.lanui-carousel .lanui-percent19 {
  height: 19%;
  top: 40.5%;
}
.lanui-carousel .lanui-percent20 {
  height: 20%;
  top: 40%;
}
.lanui-carousel .lanui-percent21 {
  height: 21%;
  top: 39.5%;
}
.lanui-carousel .lanui-percent22 {
  height: 22%;
  top: 39%;
}
.lanui-carousel .lanui-percent23 {
  height: 23%;
  top: 38.5%;
}
.lanui-carousel .lanui-percent24 {
  height: 24%;
  top: 38%;
}
.lanui-carousel .lanui-percent25 {
  height: 25%;
  top: 37.5%;
}
.lanui-carousel .lanui-percent26 {
  height: 26%;
  top: 37%;
}
.lanui-carousel .lanui-percent27 {
  height: 27%;
  top: 36.5%;
}
.lanui-carousel .lanui-percent28 {
  height: 28%;
  top: 36%;
}
.lanui-carousel .lanui-percent29 {
  height: 29%;
  top: 35.5%;
}
.lanui-carousel .lanui-percent30 {
  height: 30%;
  top: 35%;
}
.lanui-carousel .lanui-percent31 {
  height: 31%;
  top: 34.5%;
}
.lanui-carousel .lanui-percent32 {
  height: 32%;
  top: 34%;
}
.lanui-carousel .lanui-percent33 {
  height: 33%;
  top: 33.5%;
}
.lanui-carousel .lanui-percent34 {
  height: 34%;
  top: 33%;
}
.lanui-carousel .lanui-percent35 {
  height: 35%;
  top: 32.5%;
}
.lanui-carousel .lanui-percent36 {
  height: 36%;
  top: 32%;
}
.lanui-carousel .lanui-percent37 {
  height: 37%;
  top: 31.5%;
}
.lanui-carousel .lanui-percent38 {
  height: 38%;
  top: 31%;
}
.lanui-carousel .lanui-percent39 {
  height: 39%;
  top: 30.5%;
}
.lanui-carousel .lanui-percent40 {
  height: 40%;
  top: 30%;
}
.lanui-carousel .lanui-percent41 {
  height: 41%;
  top: 29.5%;
}
.lanui-carousel .lanui-percent42 {
  height: 42%;
  top: 29%;
}
.lanui-carousel .lanui-percent43 {
  height: 43%;
  top: 28.5%;
}
.lanui-carousel .lanui-percent44 {
  height: 44%;
  top: 28%;
}
.lanui-carousel .lanui-percent45 {
  height: 45%;
  top: 27.5%;
}
.lanui-carousel .lanui-percent46 {
  height: 46%;
  top: 27%;
}
.lanui-carousel .lanui-percent47 {
  height: 47%;
  top: 26.5%;
}
.lanui-carousel .lanui-percent48 {
  height: 48%;
  top: 26%;
}
.lanui-carousel .lanui-percent49 {
  height: 49%;
  top: 25.5%;
}
.lanui-carousel .lanui-percent50 {
  height: 50%;
  top: 25%;
}
.lanui-carousel .lanui-percent51 {
  height: 51%;
  top: 24.5%;
}
.lanui-carousel .lanui-percent52 {
  height: 52%;
  top: 24%;
}
.lanui-carousel .lanui-percent53 {
  height: 53%;
  top: 23.5%;
}
.lanui-carousel .lanui-percent54 {
  height: 54%;
  top: 23%;
}
.lanui-carousel .lanui-percent55 {
  height: 55%;
  top: 22.5%;
}
.lanui-carousel .lanui-percent56 {
  height: 56%;
  top: 22%;
}
.lanui-carousel .lanui-percent57 {
  height: 57%;
  top: 21.5%;
}
.lanui-carousel .lanui-percent58 {
  height: 58%;
  top: 21%;
}
.lanui-carousel .lanui-percent59 {
  height: 59%;
  top: 20.5%;
}
.lanui-carousel .lanui-percent60 {
  height: 60%;
  top: 20%;
}
.lanui-carousel .lanui-percent61 {
  height: 61%;
  top: 19.5%;
}
.lanui-carousel .lanui-percent62 {
  height: 62%;
  top: 19%;
}
.lanui-carousel .lanui-percent63 {
  height: 63%;
  top: 18.5%;
}
.lanui-carousel .lanui-percent64 {
  height: 64%;
  top: 18%;
}
.lanui-carousel .lanui-percent65 {
  height: 65%;
  top: 17.5%;
}
.lanui-carousel .lanui-percent66 {
  height: 66%;
  top: 17%;
}
.lanui-carousel .lanui-percent67 {
  height: 67%;
  top: 16.5%;
}
.lanui-carousel .lanui-percent68 {
  height: 68%;
  top: 16%;
}
.lanui-carousel .lanui-percent69 {
  height: 69%;
  top: 15.5%;
}
.lanui-carousel .lanui-percent70 {
  height: 70%;
  top: 15%;
}
.lanui-carousel .lanui-percent71 {
  height: 71%;
  top: 14.5%;
}
.lanui-carousel .lanui-percent72 {
  height: 72%;
  top: 14%;
}
.lanui-carousel .lanui-percent73 {
  height: 73%;
  top: 13.5%;
}
.lanui-carousel .lanui-percent74 {
  height: 74%;
  top: 13%;
}
.lanui-carousel .lanui-percent75 {
  height: 75%;
  top: 12.5%;
}
.lanui-carousel .lanui-percent76 {
  height: 76%;
  top: 12%;
}
.lanui-carousel .lanui-percent77 {
  height: 77%;
  top: 11.5%;
}
.lanui-carousel .lanui-percent78 {
  height: 78%;
  top: 11%;
}
.lanui-carousel .lanui-percent79 {
  height: 79%;
  top: 10.5%;
}
.lanui-carousel .lanui-percent80 {
  height: 80%;
  top: 10%;
}
.lanui-carousel .lanui-percent81 {
  height: 81%;
  top: 9.5%;
}
.lanui-carousel .lanui-percent82 {
  height: 82%;
  top: 9%;
}
.lanui-carousel .lanui-percent83 {
  height: 83%;
  top: 8.5%;
}
.lanui-carousel .lanui-percent84 {
  height: 84%;
  top: 8%;
}
.lanui-carousel .lanui-percent85 {
  height: 85%;
  top: 7.5%;
}
.lanui-carousel .lanui-percent86 {
  height: 86%;
  top: 7%;
}
.lanui-carousel .lanui-percent87 {
  height: 87%;
  top: 6.5%;
}
.lanui-carousel .lanui-percent88 {
  height: 88%;
  top: 6%;
}
.lanui-carousel .lanui-percent89 {
  height: 89%;
  top: 5.5%;
}
.lanui-carousel .lanui-percent90 {
  height: 90%;
  top: 5%;
}
.lanui-carousel .lanui-percent91 {
  height: 91%;
  top: 4.5%;
}
.lanui-carousel .lanui-percent92 {
  height: 92%;
  top: 4%;
}
.lanui-carousel .lanui-percent93 {
  height: 93%;
  top: 3.5%;
}
.lanui-carousel .lanui-percent94 {
  height: 94%;
  top: 3%;
}
.lanui-carousel .lanui-percent95 {
  height: 95%;
  top: 2.5%;
}
.lanui-carousel .lanui-percent96 {
  height: 96%;
  top: 2%;
}
.lanui-carousel .lanui-percent97 {
  height: 97%;
  top: 1.5%;
}
.lanui-carousel .lanui-percent98 {
  height: 98%;
  top: 1%;
}
.lanui-carousel .lanui-percent99 {
  height: 99%;
  top: 0.5%;
}
.lanui-carousel .lanui-percent100 {
  height: 100%;
  top: 0%;
}

.lanui-progress {
  height: .2rem;
  margin-bottom: .2rem;
  overflow: hidden;
  background-color: #f7f7f7;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-border-radius-topleft: 0.04rem;
  -webkit-border-top-left-radius: 0.04rem;
  border-top-left-radius: 0.04rem;
  -moz-border-radius-topright: 0.04rem;
  -webkit-border-top-right-radius: 0.04rem;
  border-top-right-radius: 0.04rem;
  -moz-border-radius-bottomleft: 0.04rem;
  -webkit-border-bottom-left-radius: 0.04rem;
  border-bottom-left-radius: 0.04rem;
  -moz-border-radius-bottomright: 0.04rem;
  -webkit-border-bottom-right-radius: 0.04rem;
  border-bottom-right-radius: 0.04rem;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #f9f9f9));
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
}

.lanui-bar {
  background-color: #149bdf;
  height: 100%;
  text-align: center;
  color: #ffffff;
  line-height: .2rem;
}

.lanui-stripe, .lanui-bar-warning, .lanui-bar-active, .lanui-bar-success, .lanui-bar-danger, .lanui-bar-info {
  background-size: .4rem .4rem !important;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}

.lanui-bar-warning {
  background-color: #fbb450;
}

.lanui-bar-active {
  background-color: #007bff;
}

.lanui-bar-success {
  background-color: #28a745;
}

.lanui-bar-danger {
  background-color: #ee5f5b;
}

.lanui-bar-info {
  background-color: #5bc0de;
}

.lanui-bar-inverse {
  background-color: #222;
}

.control, .lanui-control, .lanui-control-sm, .lanui-control-lg {
  display: block;
  width: 100%;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: 0.1s ease-in-out;
}

.lanui-control {
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
}

.lanui-control-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
}

.lanui-control-lg {
  padding-top: calc(.5rem + 1px);
  padding-bottom: calc(.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.lanui-table, .lanui-table-main, .lanui-table-body,
.lanui-table-header, .lanui-table-left, .lanui-table-right {
  border-collapse: collapse;
  position: relative;
  color: #666666;
  -moz-border-radius-topleft: 0.04rem;
  -webkit-border-top-left-radius: 0.04rem;
  border-top-left-radius: 0.04rem;
  -moz-border-radius-topright: 0.04rem;
  -webkit-border-top-right-radius: 0.04rem;
  border-top-right-radius: 0.04rem;
  -moz-border-radius-bottomleft: 0.04rem;
  -webkit-border-bottom-left-radius: 0.04rem;
  border-bottom-left-radius: 0.04rem;
  -moz-border-radius-bottomright: 0.04rem;
  -webkit-border-bottom-right-radius: 0.04rem;
  border-bottom-right-radius: 0.04rem;
}
.lanui-table .lanui-btn, .lanui-table-main .lanui-btn, .lanui-table-body .lanui-btn,
.lanui-table-header .lanui-btn, .lanui-table-left .lanui-btn, .lanui-table-right .lanui-btn, .lanui-table .lanui-btn-small, .lanui-table-main .lanui-btn-small, .lanui-table-body .lanui-btn-small,
.lanui-table-header .lanui-btn-small, .lanui-table-left .lanui-btn-small, .lanui-table-right .lanui-btn-small, .lanui-table .lanui-btn-mini, .lanui-table-main .lanui-btn-mini, .lanui-table-body .lanui-btn-mini,
.lanui-table-header .lanui-btn-mini, .lanui-table-left .lanui-btn-mini, .lanui-table-right .lanui-btn-mini, .lanui-table .lanui-btn-larger, .lanui-table-main .lanui-btn-larger, .lanui-table-body .lanui-btn-larger,
.lanui-table-header .lanui-btn-larger, .lanui-table-left .lanui-btn-larger, .lanui-table-right .lanui-btn-larger,
.lanui-table .lanui-btn-larger,
.lanui-table-main .lanui-btn-larger,
.lanui-table-body .lanui-btn-larger,
.lanui-table-header .lanui-btn-larger,
.lanui-table-left .lanui-btn-larger,
.lanui-table-right .lanui-btn-larger,
.lanui-table .lanui-btn-mini,
.lanui-table-main .lanui-btn-mini,
.lanui-table-body .lanui-btn-mini,
.lanui-table-header .lanui-btn-mini,
.lanui-table-left .lanui-btn-mini,
.lanui-table-right .lanui-btn-mini,
.lanui-table .lanui-btn-small,
.lanui-table-main .lanui-btn-small,
.lanui-table-body .lanui-btn-small,
.lanui-table-header .lanui-btn-small,
.lanui-table-left .lanui-btn-small,
.lanui-table-right .lanui-btn-small {
  padding: 0.01rem 0.08rem 0.01rem 0.08rem;
  font-size: 0.12rem;
  line-height: 0.22rem;
  margin-right: 0.08rem;
}
.lanui-table table, .lanui-table-main table, .lanui-table-body table,
.lanui-table-header table, .lanui-table-left table, .lanui-table-right table {
  width: auto;
}
.lanui-table tr th, .lanui-table-main tr th, .lanui-table-body tr th,
.lanui-table-header tr th, .lanui-table-left tr th, .lanui-table-right tr th {
  background-color: #f7f7f7;
  position: relative;
  font-weight: bolder;
  border-top: 0.01rem;
  border-right: 0.01rem;
  border-bottom: 0.01rem;
  border-left: 0.01rem;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #f4f5f8;
  border-right-color: #f4f5f8;
  border-bottom-color: #f4f5f8;
  border-left-color: #f4f5f8;
}
.lanui-table tr th > div, .lanui-table-main tr th > div, .lanui-table-body tr th > div,
.lanui-table-header tr th > div, .lanui-table-left tr th > div, .lanui-table-right tr th > div {
  padding: 0.05rem 0.1rem 0.05rem 0.1rem;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lanui-table tr td, .lanui-table-main tr td, .lanui-table-body tr td,
.lanui-table-header tr td, .lanui-table-left tr td, .lanui-table-right tr td {
  position: relative;
  border-top: 0.01rem;
  border-right: 0.01rem;
  border-bottom: 0.01rem;
  border-left: 0.01rem;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #f4f5f8;
  border-right-color: #f4f5f8;
  border-bottom-color: #f4f5f8;
  border-left-color: #f4f5f8;
}
.lanui-table tr td > div, .lanui-table-main tr td > div, .lanui-table-body tr td > div,
.lanui-table-header tr td > div, .lanui-table-left tr td > div, .lanui-table-right tr td > div {
  padding: 0.05rem 0.1rem 0.05rem 0.1rem;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lanui-table tr, .lanui-table-main tr, .lanui-table-body tr,
.lanui-table-header tr, .lanui-table-left tr, .lanui-table-right tr {
  transition: 0.1s ease-in-out;
}
.lanui-table tr.layui-table-even, .lanui-table-main tr.layui-table-even, .lanui-table-body tr.layui-table-even,
.lanui-table-header tr.layui-table-even, .lanui-table-left tr.layui-table-even, .lanui-table-right tr.layui-table-even {
  background-color: #f7f7f7;
}
.lanui-table tr:hover, .lanui-table-main tr:hover, .lanui-table-body tr:hover,
.lanui-table-header tr:hover, .lanui-table-left tr:hover, .lanui-table-right tr:hover {
  background-color: #f7f7f7;
}
.lanui-table tr.lanui-selected, .lanui-table-main tr.lanui-selected, .lanui-table-body tr.lanui-selected,
.lanui-table-header tr.lanui-selected, .lanui-table-left tr.lanui-selected, .lanui-table-right tr.lanui-selected {
  background-color: #007bff;
  color: #ffffff;
}

.lanui-table-main {
  overflow: auto;
}

.lanui-table-box {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}

.lanui-table-Fixed-L,
.lanui-table-Fixed-R {
  position: absolute;
  top: 0.44rem;
  background-color: #ffffff;
  box-shadow: -1px 0 8px rgba(0, 0, 0, 0.08);
}

.lanui-table-Fixed-L {
  left: 0;
}

.lanui-table-Fixed-R {
  right: 0;
}

.lanui-table-header,
.lanui-table-toolbar,
.lanui-table-total {
  background-color: #fdfdfd;
  margin-bottom: -1px;
  overflow-x: hidden;
}

.lanui-table-total {
  height: 0.35rem;
  line-height: 0.35rem;
}

.lanui-table-toolbar {
  height: 0.45rem;
  line-height: 0.45rem;
  box-sizing: border-box;
  padding-top: .085rem;
  position: relative;
}
.lanui-table-toolbar span, .lanui-table-toolbar .lanui-table-toolbar-L span:nth-child(1),
.lanui-table-toolbar .lanui-table-toolbar-R span:nth-child(1), .lanui-table-toolbar .lanui-table-toolbar-L span:nth-last-child(1),
.lanui-table-toolbar .lanui-table-toolbar-R span:nth-last-child(1) {
  border-top: 0.01rem;
  border-right: 0.01rem;
  border-bottom: 0.01rem;
  border-left: 0.01rem;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #f4f5f8;
  border-right-color: #f4f5f8;
  border-bottom-color: #f4f5f8;
  border-left-color: #f4f5f8;
  padding: 0 0.1rem 0 0.1rem;
  float: left;
  margin-right: -.01rem;
  height: 0.25rem;
  line-height: 0.25rem;
  cursor: pointer;
  transition: .3s;
}
.lanui-table-toolbar span:hover, .lanui-table-toolbar .lanui-table-toolbar-L span:hover:nth-child(1),
.lanui-table-toolbar .lanui-table-toolbar-R span:hover:nth-child(1), .lanui-table-toolbar .lanui-table-toolbar-L span:hover:nth-last-child(1),
.lanui-table-toolbar .lanui-table-toolbar-R span:hover:nth-last-child(1) {
  background-color: #716aca;
  color: #fff;
}
.lanui-table-toolbar .lanui-table-toolbar-L,
.lanui-table-toolbar .lanui-table-toolbar-R {
  position: absolute;
  top: 50%;
  margin-top: -0.145rem;
}
.lanui-table-toolbar .lanui-table-toolbar-L span:nth-child(1),
.lanui-table-toolbar .lanui-table-toolbar-R span:nth-child(1) {
  -moz-border-radius-topleft: 0.04rem;
  -webkit-border-top-left-radius: 0.04rem;
  border-top-left-radius: 0.04rem;
  -moz-border-radius-topright: 0rem;
  -webkit-border-top-right-radius: 0rem;
  border-top-right-radius: 0rem;
  -moz-border-radius-bottomleft: 0.04rem;
  -webkit-border-bottom-left-radius: 0.04rem;
  border-bottom-left-radius: 0.04rem;
  -moz-border-radius-bottomright: 0rem;
  -webkit-border-bottom-right-radius: 0rem;
  border-bottom-right-radius: 0rem;
}
.lanui-table-toolbar .lanui-table-toolbar-L span:nth-last-child(1),
.lanui-table-toolbar .lanui-table-toolbar-R span:nth-last-child(1) {
  -moz-border-radius-topleft: 0rem;
  -webkit-border-top-left-radius: 0rem;
  border-top-left-radius: 0rem;
  -moz-border-radius-topright: 0.04rem;
  -webkit-border-top-right-radius: 0.04rem;
  border-top-right-radius: 0.04rem;
  -moz-border-radius-bottomleft: 0rem;
  -webkit-border-bottom-left-radius: 0rem;
  border-bottom-left-radius: 0rem;
  -moz-border-radius-bottomright: 0.04rem;
  -webkit-border-bottom-right-radius: 0.04rem;
  border-bottom-right-radius: 0.04rem;
}
.lanui-table-toolbar .lanui-table-toolbar-L {
  left: 0;
}
.lanui-table-toolbar .lanui-table-toolbar-R {
  right: 0;
}
.lanui-table-toolbar:after {
  clear: both;
}

.lanui-table-left {
  position: absolute;
  top: 0;
}

.lanui-table-right {
  position: absolute;
  top: 0;
  right: 0;
}

.lanui-table-row-hover {
  background-color: #f7f7f7 !important;
}

.lanui-table-row-select {
  background-color: #e8e6ff;
}
.lanui-table-row-select .lanui-check:after {
  background: #716aca;
  border: 1px solid #716aca;
  content: '\2713';
}
.lanui-table-row-select .lanui-radio:after {
  background: #716aca;
  border: 1px solid #716aca;
  content: '\2713';
}

.lanui-check,
.lanui-checkAll,
.lanui-check:after,
.lanui-radio,
.lanui-radioAll,
.lanui-radio:after {
  width: .2rem;
}

.lanui-checkAll:after, .lanui-check:after {
  width: 0.15rem;
  height: 0.15rem;
  border: 1px solid #716aca;
  position: absolute;
  content: '';
  top: 50%;
  margin-top: -0.075rem;
  left: 50%;
  background: #fff;
  margin-left: -0.095rem;
  display: flex;
  align-items: center;
  color: #fff;
  justify-content: center;
  -moz-border-radius-topleft: 0.04rem;
  -webkit-border-top-left-radius: 0.04rem;
  border-top-left-radius: 0.04rem;
  -moz-border-radius-topright: 0.04rem;
  -webkit-border-top-right-radius: 0.04rem;
  border-top-right-radius: 0.04rem;
  -moz-border-radius-bottomleft: 0.04rem;
  -webkit-border-bottom-left-radius: 0.04rem;
  border-bottom-left-radius: 0.04rem;
  -moz-border-radius-bottomright: 0.04rem;
  -webkit-border-bottom-right-radius: 0.04rem;
  border-bottom-right-radius: 0.04rem;
}

.lanui-checkAll-ok:after {
  background: #716aca;
  border: 1px solid #716aca;
  -moz-border-radius-topleft: 0.04rem;
  -webkit-border-top-left-radius: 0.04rem;
  border-top-left-radius: 0.04rem;
  -moz-border-radius-topright: 0.04rem;
  -webkit-border-top-right-radius: 0.04rem;
  border-top-right-radius: 0.04rem;
  -moz-border-radius-bottomleft: 0.04rem;
  -webkit-border-bottom-left-radius: 0.04rem;
  border-bottom-left-radius: 0.04rem;
  -moz-border-radius-bottomright: 0.04rem;
  -webkit-border-bottom-right-radius: 0.04rem;
  border-bottom-right-radius: 0.04rem;
  content: '\2713';
}

.lanui-check-ok:after {
  background: #716aca;
  border: 1px solid #716aca;
  content: '\2713';
}

.lanui-radioAll:after, .lanui-radio:after {
  width: 0.15rem;
  height: 0.15rem;
  border: 1px solid #f4f5f8;
  position: absolute;
  content: '';
  top: 50%;
  margin-top: -0.075rem;
  left: 50%;
  background: #fff;
  margin-left: -0.075rem;
  display: flex;
  align-items: center;
  color: #fff;
  justify-content: center;
  -moz-border-radius-topleft: 0.3rem;
  -webkit-border-top-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
  -moz-border-radius-topright: 0.3rem;
  -webkit-border-top-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  -moz-border-radius-bottomleft: 0.3rem;
  -webkit-border-bottom-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  -moz-border-radius-bottomright: 0.3rem;
  -webkit-border-bottom-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.lanui-radioAll-ok:after {
  background: #28a745;
  border: 1px solid #28a745;
  content: '\2665';
}

.lanui-radio-ok:after {
  background: #28a745;
  border: 1px solid #28a745;
  content: '\2665';
}

.lanui-btn, .lanui-btn-small, .lanui-btn-mini, .lanui-btn-larger {
  display: inline-block;
  *display: inline;
  padding: 0.04rem 0.12rem 0.04rem 0.12rem;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: .14rem;
  line-height: 0.25rem;
  color: #333;
  text-align: center;
  text-shadow: 0 -0.01rem 0 rgba(0, 0, 0, 0.1);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #f5f5f5;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom right, #ffffff, #e6e6e6);
  -moz-border-radius-topleft: 0.04rem;
  -webkit-border-top-left-radius: 0.04rem;
  border-top-left-radius: 0.04rem;
  -moz-border-radius-topright: 0.04rem;
  -webkit-border-top-right-radius: 0.04rem;
  border-top-right-radius: 0.04rem;
  -moz-border-radius-bottomleft: 0.04rem;
  -webkit-border-bottom-left-radius: 0.04rem;
  border-bottom-left-radius: 0.04rem;
  -moz-border-radius-bottomright: 0.04rem;
  -webkit-border-bottom-right-radius: 0.04rem;
  border-bottom-right-radius: 0.04rem;
  background-repeat: repeat-x;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.lanui-btn:hover, .lanui-btn-small:hover, .lanui-btn-mini:hover, .lanui-btn-larger:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #f7f7f7));
  background-image: -moz-linear-gradient(top, #f2f2f2, #f7f7f7);
  background-image: -webkit-linear-gradient(top, #f2f2f2, #f7f7f7);
  background-image: linear-gradient(to bottom, #f2f2f2, #f7f7f7);
}

.lanui-btn-small {
  padding: 0.02rem 0.1rem 0.02rem 0.1rem;
  transition: 0.1s ease-in-out;
}
.lanui-btn-small:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q0ZDNkMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d4d3d3));
  background-image: -moz-linear-gradient(top, #ffffff, #d4d3d3);
  background-image: -webkit-linear-gradient(top, #ffffff, #d4d3d3);
  background-image: linear-gradient(to bottom, #ffffff, #d4d3d3);
}

.lanui-btn-mini {
  padding: 0rem 0.06rem 0rem 0.06rem;
  transition: 0.1s ease-in-out;
}
.lanui-btn-mini:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q0ZDNkMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d4d3d3));
  background-image: -moz-linear-gradient(top, #ffffff, #d4d3d3);
  background-image: -webkit-linear-gradient(top, #ffffff, #d4d3d3);
  background-image: linear-gradient(to bottom, #ffffff, #d4d3d3);
}

.lanui-btn-larger {
  padding: 0.11rem 0.19rem 0.11rem 0.19rem;
}

.lanui-btn-default {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(100%, #f2f2f2));
  background-image: -moz-linear-gradient(top, #f7f7f7, #f2f2f2);
  background-image: -webkit-linear-gradient(top, #f7f7f7, #f2f2f2);
  background-image: linear-gradient(to bottom, #f7f7f7, #f2f2f2);
  transition: 0.1s ease-in-out;
}
.lanui-btn-default:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #f7f7f7));
  background-image: -moz-linear-gradient(top, #f2f2f2, #f7f7f7);
  background-image: -webkit-linear-gradient(top, #f2f2f2, #f7f7f7);
  background-image: linear-gradient(to bottom, #f2f2f2, #f7f7f7);
}

.lanui-btn-active {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODhjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNDRjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0044cc));
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  color: #fff;
  background-color: #04c;
  transition: 0.1s ease-in-out;
}
.lanui-btn-active:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzNzVhZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNDRjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0375ad), color-stop(100%, #0044cc));
  background-image: -moz-linear-gradient(top, #0375ad, #0044cc);
  background-image: -webkit-linear-gradient(top, #0375ad, #0044cc);
  background-image: linear-gradient(to bottom, #0375ad, #0044cc);
}

.lanui-btn-success {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyYzQ2MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUxYTM1MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #62c462), color-stop(100%, #51a351));
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  color: #fff;
  background-color: #51a351;
  transition: 0.1s ease-in-out;
}
.lanui-btn-success:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxYTM1MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYyYzQ2MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #51a351), color-stop(100%, #62c462));
  background-image: -moz-linear-gradient(top, #51a351, #62c462);
  background-image: -webkit-linear-gradient(top, #51a351, #62c462);
  background-image: linear-gradient(to bottom, #51a351, #62c462);
}

.lanui-btn-warning {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYjQ1MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4OTQwNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #f89406));
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  color: #fff;
  background-color: #f89406;
  transition: 0.1s ease-in-out;
}
.lanui-btn-warning:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4OTQwNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiYjQ1MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f89406), color-stop(100%, #fbb450));
  background-image: -moz-linear-gradient(top, #f89406, #fbb450);
  background-image: -webkit-linear-gradient(top, #f89406, #fbb450);
  background-image: linear-gradient(to bottom, #f89406, #fbb450);
}

.lanui-btn-danger {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNWY1YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JkMzYyZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ee5f5b), color-stop(100%, #bd362f));
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  color: #fff;
  background-color: #bd362f;
  transition: 0.1s ease-in-out;
}
.lanui-btn-danger:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkMzYyZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlNWY1YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bd362f), color-stop(100%, #ee5f5b));
  background-image: -moz-linear-gradient(top, #bd362f, #ee5f5b);
  background-image: -webkit-linear-gradient(top, #bd362f, #ee5f5b);
  background-image: linear-gradient(to bottom, #bd362f, #ee5f5b);
}

.lanui-btn-info {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViYzBkZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJmOTZiNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5bc0de), color-stop(100%, #2f96b4));
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  color: #fff;
  background-color: #2f96b4;
  transition: 0.1s ease-in-out;
}
.lanui-btn-info:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmOTZiNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzViYzBkZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2f96b4), color-stop(100%, #5bc0de));
  background-image: -moz-linear-gradient(top, #2f96b4, #5bc0de);
  background-image: -webkit-linear-gradient(top, #2f96b4, #5bc0de);
  background-image: linear-gradient(to bottom, #2f96b4, #5bc0de);
}

.lanui-btn-inverse {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #222222));
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  color: #fff;
  background-color: #222;
  transition: 0.1s ease-in-out;
}
.lanui-btn-inverse:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #222222), color-stop(100%, #444444));
  background-image: -moz-linear-gradient(top, #222222, #444444);
  background-image: -webkit-linear-gradient(top, #222222, #444444);
  background-image: linear-gradient(to bottom, #222222, #444444);
}

.lanui-btn-disabled {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbdbdb), color-stop(100%, #dbdbdb));
  background-image: -moz-linear-gradient(top, #dbdbdb, #dbdbdb);
  background-image: -webkit-linear-gradient(top, #dbdbdb, #dbdbdb);
  background-image: linear-gradient(to bottom, #dbdbdb, #dbdbdb);
  color: #fff;
  transition: 0.1s ease-in-out;
}
.lanui-btn-disabled:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbdbdb), color-stop(100%, #cccccc));
  background-image: -moz-linear-gradient(top, #dbdbdb, #cccccc);
  background-image: -webkit-linear-gradient(top, #dbdbdb, #cccccc);
  background-image: linear-gradient(to bottom, #dbdbdb, #cccccc);
  cursor: not-allowed;
}

.lanui-default {
  color: #e2e2e2;
}

.lanui-default-active {
  border-color: #e2e2e2;
}

.lanui-active {
  color: #007bff;
}

.lanui-active-active {
  border-color: #007bff;
}

.lanui-success {
  color: #28a745;
}

.lanui-success-active {
  border-color: #28a745;
}

.lanui-warning {
  color: #fbb450;
}

.lanui-warning-active {
  border-color: #fbb450;
}

.lanui-danger {
  color: #ee5f5b;
}

.lanui-danger-active {
  border-color: #ee5f5b;
}

.lanui-info {
  color: #5bc0de;
}

.lanui-info-active {
  border-color: #5bc0de;
}

.lanui-inverse {
  color: #222;
}

.lanui-inverse-active {
  border-color: #222;
}

.lanui-row {
  margin: 0 -0.1rem 0 -0.1rem;
  position: relative;
}
.lanui-row::after, .lanui-row::before {
  clear: both;
  display: table;
  line-height: 0;
}
.lanui-row::after, .lanui-row::before {
  content: "";
}

.lanui-col-xs1, .lanui-col-sm1, .lanui-col-md1, .lanui-col-lg1, .lanui-col-xs2, .lanui-col-sm2, .lanui-col-md2, .lanui-col-lg2, .lanui-col-xs3, .lanui-col-sm3, .lanui-col-md3, .lanui-col-lg3, .lanui-col-xs4, .lanui-col-sm4, .lanui-col-md4, .lanui-col-lg4, .lanui-col-xs5, .lanui-col-sm5, .lanui-col-md5, .lanui-col-lg5, .lanui-col-xs6, .lanui-col-sm6, .lanui-col-md6, .lanui-col-lg6, .lanui-col-xs7, .lanui-col-sm7, .lanui-col-md7, .lanui-col-lg7, .lanui-col-xs8, .lanui-col-sm8, .lanui-col-md8, .lanui-col-lg8, .lanui-col-xs9, .lanui-col-sm9, .lanui-col-md9, .lanui-col-lg9, .lanui-col-xs10, .lanui-col-sm10, .lanui-col-md10, .lanui-col-lg10, .lanui-col-xs11, .lanui-col-sm11, .lanui-col-md11, .lanui-col-lg11, .lanui-col-xs12, .lanui-col-sm12, .lanui-col-md12, .lanui-col-lg12, .lanui-col-xs13, .lanui-col-sm13, .lanui-col-md13, .lanui-col-lg13, .lanui-col-xs14, .lanui-col-sm14, .lanui-col-md14, .lanui-col-lg14, .lanui-col-xs15, .lanui-col-sm15, .lanui-col-md15, .lanui-col-lg15, .lanui-col-xs16, .lanui-col-sm16, .lanui-col-md16, .lanui-col-lg16, .lanui-col-xs17, .lanui-col-sm17, .lanui-col-md17, .lanui-col-lg17, .lanui-col-xs18, .lanui-col-sm18, .lanui-col-md18, .lanui-col-lg18, .lanui-col-xs19, .lanui-col-sm19, .lanui-col-md19, .lanui-col-lg19, .lanui-col-xs20, .lanui-col-sm20, .lanui-col-md20, .lanui-col-lg20, .lanui-col-xs21, .lanui-col-sm21, .lanui-col-md21, .lanui-col-lg21, .lanui-col-xs22, .lanui-col-sm22, .lanui-col-md22, .lanui-col-lg22, .lanui-col-xs23, .lanui-col-sm23, .lanui-col-md23, .lanui-col-lg23, .lanui-col-xs24, .lanui-col-sm24, .lanui-col-md24, .lanui-col-lg24 {
  position: relative;
  display: block;
  float: left;
}

@media screen and (max-width: 768px) {
  .lanui-wrap {
    width: auto;
  }

  .lanui-col-xs1 {
    width: 4.16667%;
  }

  .lanui-offset-xs1 {
    margin-left: 20px;
  }

  .lanui-col-xs2 {
    width: 8.33333%;
  }

  .lanui-offset-xs2 {
    margin-left: 40px;
  }

  .lanui-col-xs3 {
    width: 12.5%;
  }

  .lanui-offset-xs3 {
    margin-left: 60px;
  }

  .lanui-col-xs4 {
    width: 16.66667%;
  }

  .lanui-offset-xs4 {
    margin-left: 80px;
  }

  .lanui-col-xs5 {
    width: 20.83333%;
  }

  .lanui-offset-xs5 {
    margin-left: 100px;
  }

  .lanui-col-xs6 {
    width: 25%;
  }

  .lanui-offset-xs6 {
    margin-left: 120px;
  }

  .lanui-col-xs7 {
    width: 29.16667%;
  }

  .lanui-offset-xs7 {
    margin-left: 140px;
  }

  .lanui-col-xs8 {
    width: 33.33333%;
  }

  .lanui-offset-xs8 {
    margin-left: 160px;
  }

  .lanui-col-xs9 {
    width: 37.5%;
  }

  .lanui-offset-xs9 {
    margin-left: 180px;
  }

  .lanui-col-xs10 {
    width: 41.66667%;
  }

  .lanui-offset-xs10 {
    margin-left: 200px;
  }

  .lanui-col-xs11 {
    width: 45.83333%;
  }

  .lanui-offset-xs11 {
    margin-left: 220px;
  }

  .lanui-col-xs12 {
    width: 50%;
  }

  .lanui-offset-xs12 {
    margin-left: 240px;
  }

  .lanui-col-xs13 {
    width: 54.16667%;
  }

  .lanui-offset-xs13 {
    margin-left: 260px;
  }

  .lanui-col-xs14 {
    width: 58.33333%;
  }

  .lanui-offset-xs14 {
    margin-left: 280px;
  }

  .lanui-col-xs15 {
    width: 62.5%;
  }

  .lanui-offset-xs15 {
    margin-left: 300px;
  }

  .lanui-col-xs16 {
    width: 66.66667%;
  }

  .lanui-offset-xs16 {
    margin-left: 320px;
  }

  .lanui-col-xs17 {
    width: 70.83333%;
  }

  .lanui-offset-xs17 {
    margin-left: 340px;
  }

  .lanui-col-xs18 {
    width: 75%;
  }

  .lanui-offset-xs18 {
    margin-left: 360px;
  }

  .lanui-col-xs19 {
    width: 79.16667%;
  }

  .lanui-offset-xs19 {
    margin-left: 380px;
  }

  .lanui-col-xs20 {
    width: 83.33333%;
  }

  .lanui-offset-xs20 {
    margin-left: 400px;
  }

  .lanui-col-xs21 {
    width: 87.5%;
  }

  .lanui-offset-xs21 {
    margin-left: 420px;
  }

  .lanui-col-xs22 {
    width: 91.66667%;
  }

  .lanui-offset-xs22 {
    margin-left: 440px;
  }

  .lanui-col-xs23 {
    width: 95.83333%;
  }

  .lanui-offset-xs23 {
    margin-left: 460px;
  }

  .lanui-col-xs24 {
    width: 100%;
  }
}
@media screen and (min-width: 758px) {
  .lanui-wrap {
    width: 7.5rem;
  }

  .lanui-col-sm1 {
    width: 4.16667%;
  }

  .lanui-offset-sm1 {
    margin-left: 32px;
  }

  .lanui-col-sm2 {
    width: 8.33333%;
  }

  .lanui-offset-sm2 {
    margin-left: 64px;
  }

  .lanui-col-sm3 {
    width: 12.5%;
  }

  .lanui-offset-sm3 {
    margin-left: 96px;
  }

  .lanui-col-sm4 {
    width: 16.66667%;
  }

  .lanui-offset-sm4 {
    margin-left: 128px;
  }

  .lanui-col-sm5 {
    width: 20.83333%;
  }

  .lanui-offset-sm5 {
    margin-left: 160px;
  }

  .lanui-col-sm6 {
    width: 25%;
  }

  .lanui-offset-sm6 {
    margin-left: 192px;
  }

  .lanui-col-sm7 {
    width: 29.16667%;
  }

  .lanui-offset-sm7 {
    margin-left: 224px;
  }

  .lanui-col-sm8 {
    width: 33.33333%;
  }

  .lanui-offset-sm8 {
    margin-left: 256px;
  }

  .lanui-col-sm9 {
    width: 37.5%;
  }

  .lanui-offset-sm9 {
    margin-left: 288px;
  }

  .lanui-col-sm10 {
    width: 41.66667%;
  }

  .lanui-offset-sm10 {
    margin-left: 320px;
  }

  .lanui-col-sm11 {
    width: 45.83333%;
  }

  .lanui-offset-sm11 {
    margin-left: 352px;
  }

  .lanui-col-sm12 {
    width: 50%;
  }

  .lanui-offset-sm12 {
    margin-left: 384px;
  }

  .lanui-col-sm13 {
    width: 54.16667%;
  }

  .lanui-offset-sm13 {
    margin-left: 416px;
  }

  .lanui-col-sm14 {
    width: 58.33333%;
  }

  .lanui-offset-sm14 {
    margin-left: 448px;
  }

  .lanui-col-sm15 {
    width: 62.5%;
  }

  .lanui-offset-sm15 {
    margin-left: 480px;
  }

  .lanui-col-sm16 {
    width: 66.66667%;
  }

  .lanui-offset-sm16 {
    margin-left: 512px;
  }

  .lanui-col-sm17 {
    width: 70.83333%;
  }

  .lanui-offset-sm17 {
    margin-left: 544px;
  }

  .lanui-col-sm18 {
    width: 75%;
  }

  .lanui-offset-sm18 {
    margin-left: 576px;
  }

  .lanui-col-sm19 {
    width: 79.16667%;
  }

  .lanui-offset-sm19 {
    margin-left: 608px;
  }

  .lanui-col-sm20 {
    width: 83.33333%;
  }

  .lanui-offset-sm20 {
    margin-left: 640px;
  }

  .lanui-col-sm21 {
    width: 87.5%;
  }

  .lanui-offset-sm21 {
    margin-left: 672px;
  }

  .lanui-col-sm22 {
    width: 91.66667%;
  }

  .lanui-offset-sm22 {
    margin-left: 704px;
  }

  .lanui-col-sm23 {
    width: 95.83333%;
  }

  .lanui-offset-sm23 {
    margin-left: 736px;
  }

  .lanui-col-sm24 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .lanui-wrap {
    width: 9.7rem;
  }

  .lanui-col-md1 {
    width: 4.16667%;
  }

  .lanui-offset-md1 {
    margin-left: 41.33333px;
  }

  .lanui-col-md2 {
    width: 8.33333%;
  }

  .lanui-offset-md2 {
    margin-left: 82.66667px;
  }

  .lanui-col-md3 {
    width: 12.5%;
  }

  .lanui-offset-md3 {
    margin-left: 124px;
  }

  .lanui-col-md4 {
    width: 16.66667%;
  }

  .lanui-offset-md4 {
    margin-left: 165.33333px;
  }

  .lanui-col-md5 {
    width: 20.83333%;
  }

  .lanui-offset-md5 {
    margin-left: 206.66667px;
  }

  .lanui-col-md6 {
    width: 25%;
  }

  .lanui-offset-md6 {
    margin-left: 248px;
  }

  .lanui-col-md7 {
    width: 29.16667%;
  }

  .lanui-offset-md7 {
    margin-left: 289.33333px;
  }

  .lanui-col-md8 {
    width: 33.33333%;
  }

  .lanui-offset-md8 {
    margin-left: 330.66667px;
  }

  .lanui-col-md9 {
    width: 37.5%;
  }

  .lanui-offset-md9 {
    margin-left: 372px;
  }

  .lanui-col-md10 {
    width: 41.66667%;
  }

  .lanui-offset-md10 {
    margin-left: 413.33333px;
  }

  .lanui-col-md11 {
    width: 45.83333%;
  }

  .lanui-offset-md11 {
    margin-left: 454.66667px;
  }

  .lanui-col-md12 {
    width: 50%;
  }

  .lanui-offset-md12 {
    margin-left: 496px;
  }

  .lanui-col-md13 {
    width: 54.16667%;
  }

  .lanui-offset-md13 {
    margin-left: 537.33333px;
  }

  .lanui-col-md14 {
    width: 58.33333%;
  }

  .lanui-offset-md14 {
    margin-left: 578.66667px;
  }

  .lanui-col-md15 {
    width: 62.5%;
  }

  .lanui-offset-md15 {
    margin-left: 620px;
  }

  .lanui-col-md16 {
    width: 66.66667%;
  }

  .lanui-offset-md16 {
    margin-left: 661.33333px;
  }

  .lanui-col-md17 {
    width: 70.83333%;
  }

  .lanui-offset-md17 {
    margin-left: 702.66667px;
  }

  .lanui-col-md18 {
    width: 75%;
  }

  .lanui-offset-md18 {
    margin-left: 744px;
  }

  .lanui-col-md19 {
    width: 79.16667%;
  }

  .lanui-offset-md19 {
    margin-left: 785.33333px;
  }

  .lanui-col-md20 {
    width: 83.33333%;
  }

  .lanui-offset-md20 {
    margin-left: 826.66667px;
  }

  .lanui-col-md21 {
    width: 87.5%;
  }

  .lanui-offset-md21 {
    margin-left: 868px;
  }

  .lanui-col-md22 {
    width: 91.66667%;
  }

  .lanui-offset-md22 {
    margin-left: 909.33333px;
  }

  .lanui-col-md23 {
    width: 95.83333%;
  }

  .lanui-offset-md23 {
    margin-left: 950.66667px;
  }

  .lanui-col-md24 {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .lanui-wrap {
    width: 11.7rem;
  }

  .lanui-col-lg1 {
    width: 4.16667%;
  }

  .lanui-offset-xs1 {
    margin-left: 50px;
  }

  .lanui-col-lg2 {
    width: 8.33333%;
  }

  .lanui-offset-xs2 {
    margin-left: 100px;
  }

  .lanui-col-lg3 {
    width: 12.5%;
  }

  .lanui-offset-xs3 {
    margin-left: 150px;
  }

  .lanui-col-lg4 {
    width: 16.66667%;
  }

  .lanui-offset-xs4 {
    margin-left: 200px;
  }

  .lanui-col-lg5 {
    width: 20.83333%;
  }

  .lanui-offset-xs5 {
    margin-left: 250px;
  }

  .lanui-col-lg6 {
    width: 25%;
  }

  .lanui-offset-xs6 {
    margin-left: 300px;
  }

  .lanui-col-lg7 {
    width: 29.16667%;
  }

  .lanui-offset-xs7 {
    margin-left: 350px;
  }

  .lanui-col-lg8 {
    width: 33.33333%;
  }

  .lanui-offset-xs8 {
    margin-left: 400px;
  }

  .lanui-col-lg9 {
    width: 37.5%;
  }

  .lanui-offset-xs9 {
    margin-left: 450px;
  }

  .lanui-col-lg10 {
    width: 41.66667%;
  }

  .lanui-offset-xs10 {
    margin-left: 500px;
  }

  .lanui-col-lg11 {
    width: 45.83333%;
  }

  .lanui-offset-xs11 {
    margin-left: 550px;
  }

  .lanui-col-lg12 {
    width: 50%;
  }

  .lanui-offset-xs12 {
    margin-left: 600px;
  }

  .lanui-col-lg13 {
    width: 54.16667%;
  }

  .lanui-offset-xs13 {
    margin-left: 650px;
  }

  .lanui-col-lg14 {
    width: 58.33333%;
  }

  .lanui-offset-xs14 {
    margin-left: 700px;
  }

  .lanui-col-lg15 {
    width: 62.5%;
  }

  .lanui-offset-xs15 {
    margin-left: 750px;
  }

  .lanui-col-lg16 {
    width: 66.66667%;
  }

  .lanui-offset-xs16 {
    margin-left: 800px;
  }

  .lanui-col-lg17 {
    width: 70.83333%;
  }

  .lanui-offset-xs17 {
    margin-left: 850px;
  }

  .lanui-col-lg18 {
    width: 75%;
  }

  .lanui-offset-xs18 {
    margin-left: 900px;
  }

  .lanui-col-lg19 {
    width: 79.16667%;
  }

  .lanui-offset-xs19 {
    margin-left: 950px;
  }

  .lanui-col-lg20 {
    width: 83.33333%;
  }

  .lanui-offset-xs20 {
    margin-left: 1000px;
  }

  .lanui-col-lg21 {
    width: 87.5%;
  }

  .lanui-offset-xs21 {
    margin-left: 1050px;
  }

  .lanui-col-lg22 {
    width: 91.66667%;
  }

  .lanui-offset-xs22 {
    margin-left: 1100px;
  }

  .lanui-col-lg23 {
    width: 95.83333%;
  }

  .lanui-offset-xs23 {
    margin-left: 1150px;
  }

  .lanui-col-lg24 {
    width: 100%;
  }
}
.lanui-right {
  float: right;
  padding-right: .1rem;
}

.lanui-right ul li:nth-child(1) {
  float: right;
  margin-right: 0;
}

.lanui-right ul li {
  float: right;
  margin-right: -.01rem;
}

.lanui-left {
  float: left;
  padding-right: .1rem !important;
  padding-left: 0 !important;
}

.lanui-left ul li:nth-child(1) {
  float: left;
  margin-left: 0 !important;
}

.lanui-left ul li {
  float: left;
  margin-left: -.01rem !important;
}

body .lanui-left:nth-child(1) {
  padding-left: .1rem;
}

.lanui-icon {
  width: .15rem;
  height: .15rem;
  display: inline-block;
  position: relative;
  padding-right: .05rem;
  font-weight: 100;
}

/*实体编码图标*/
.lanui-21E0::after {
  content: "⇠";
}

.lanui-21E1::after {
  content: "⇡";
}

.lanui-219E::after {
  content: "↞";
}

.lanui-219E::after {
  content: "↞";
}

.lanui-219F::after {
  content: "↟";
}

.lanui-2190::after {
  content: "←";
}

.lanui-2191::after {
  content: "↑";
}

.lanui-2194::after {
  content: "↔";
}

.lanui-21C4::after {
  content: "⇄";
}

.lanui-21A2::after {
  content: "↢";
}

.lanui-21DE::after {
  content: "⇞";
}

.lanui-21AB::after {
  content: "↫";
}

.lanui-21DC::after {
  content: "⇜";
}

.lanui-219A::after {
  content: "↚";
}

.lanui-21AE::after {
  content: "↮";
}

.lanui-21E6::after {
  content: "⇦";
}

.lanui-21E7::after {
  content: "⇧";
}

.lanui-25B2::after {
  content: "▲";
}

.lanui-25BC::after {
  content: "▼";
}

.lanui-2794::after {
  content: "➔";
}

.lanui-27A8::after {
  content: "➨";
}

.lanui-279C::after {
  content: "➜";
}

.lanui-279F::after {
  content: "➟";
}

.lanui-27A4::after {
  content: "➤";
}

.lanui-27A6::after {
  content: "➦";
}

.lanui-27B5::after {
  content: "➵";
}

.lanui-27BC::after {
  content: "➼";
}

.lanui-27BA::after {
  content: "➺";
}

.lanui-21B7::after {
  content: "↷";
}

.lanui-21BB::after {
  content: "↻";
}

.lanui-21B5::after {
  content: "↵";
}

.lanui-27BE::after {
  content: "➾";
}

.lanui-21E2::after {
  content: "⇢";
}

.lanui-21E3::after {
  content: "⇣";
}

.lanui-21A0::after {
  content: "↠";
}

.lanui-21A1::after {
  content: "↡";
}

.lanui-2192::after {
  content: "→";
}

.lanui-2193::after {
  content: "↓";
}

.lanui-2195::after {
  content: "↕";
}

.lanui-21C5::after {
  content: "⇅";
}

.lanui-21A3::after {
  content: "↣";
}

.lanui-21DF::after {
  content: "⇟";
}

.lanui-21AC::after {
  content: "↬";
}

.lanui-21DD::after {
  content: "⇝";
}

.lanui-219B::after {
  content: "↛";
}

.lanui-21AD::after {
  content: "↭";
}

.lanui-21E8::after {
  content: "⇨";
}

.lanui-21E9::after {
  content: "⇩";
}

.lanui-25BA::after {
  content: "►";
}

.lanui-25C4::after {
  content: "◄";
}

.lanui-2799::after {
  content: "➙";
}

.lanui-27B2::after {
  content: "➲";
}

.lanui-279E::after {
  content: "➞";
}

.lanui-27A0::after {
  content: "➠";
}

.lanui-27A5::after {
  content: "➥";
}

.lanui-27A7::after {
  content: "➧";
}

.lanui-27B8::after {
  content: "➸";
}

.lanui-27BD::after {
  content: "➽";
}

.lanui-27B3::after {
  content: "➳";
}

.lanui-21B6::after {
  content: "↶";
}

.lanui-21BA::after {
  content: "↺";
}

.lanui-21AF::after {
  content: "↯";
}

.lanui-2708::after {
  content: "✈";
}

.lanui-2726::after {
  content: "✦";
}

.lanui-25C6::after {
  content: "◆";
}

.lanui-25A3::after {
  content: "▣";
}

.lanui-263A::after {
  content: "☺";
}

.lanui-2709::after {
  content: "✉";
}

.lanui-260F::after {
  content: "☏";
}

.lanui-FFFD::after {
  content: "�";
}

.lanui-2602::after {
  content: "☂";
}

.lanui-2603::after {
  content: "☃";
}

.lanui-273F::after {
  content: "✿";
}

.lanui-2741::after {
  content: "❁";
}

.lanui-2766::after {
  content: "❦";
}

.lanui-2742::after {
  content: "❂";
}

.lanui-262E::after {
  content: "☮";
}

.lanui-262A::after {
  content: "☪";
}

.lanui-2704::after {
  content: "✄";
}

.lanui-2638::after {
  content: "☸";
}

.lanui-2623::after {
  content: "☣";
}

.lanui-26A1::after {
  content: "⚡";
}

.lanui-267B::after {
  content: "♻";
}

.lanui-2620::after {
  content: "☠";
}

.lanui-2764::after {
  content: "❤";
}

.lanui-2605::after {
  content: "★";
}

.lanui-2600::after {
  content: "☀";
}

.lanui-25C8::after {
  content: "◈";
}

.lanui-263B::after {
  content: "☻";
}

.lanui-2639::after {
  content: "☹";
}

.lanui-260E::after {
  content: "☎";
}

.lanui-2706::after {
  content: "✆";
}

.lanui-2601::after {
  content: "☁";
}

.lanui-2744::after {
  content: "❄";
}

.lanui-2748::after {
  content: "❈";
}

.lanui-2740::after {
  content: "❀";
}

.lanui-2618::after {
  content: "☘";
}

.lanui-9749::after {
  content: "靉";
}

.lanui-2625::after {
  content: "☥";
}

.lanui-262F::after {
  content: "☯";
}

.lanui-2624::after {
  content: "☤";
}

.lanui-2702::after {
  content: "✂";
}

.lanui-2693::after {
  content: "⚓";
}

.lanui-26A0::after {
  content: "⚠";
}

.lanui-2622::after {
  content: "☢";
}

.lanui-267F::after {
  content: "♿";
}

.lanui-00A2::after {
  content: "¢";
}

.lanui-00A4::after {
  content: "¤";
}

.lanui-00A5::after {
  content: "¥";
}

.lanui-20B9::after {
  content: "₹";
}

.lanui-0024::after {
  content: "$";
}

.lanui-00A3::after {
  content: "£";
}

.lanui-20AC::after {
  content: "€";
}

.lanui-20B1::after {
  content: "₱";
}

.lanui-00BD::after {
  content: "½";
}

.lanui-00BE::after {
  content: "¾";
}

.lanui-2154::after {
  content: "⅔";
}

.lanui-215C::after {
  content: "⅜";
}

.lanui-2030::after {
  content: "‰";
}

.lanui-003C::after {
  content: "<";
}

.lanui-00BC::after {
  content: "¼";
}

.lanui-2153::after {
  content: "⅓";
}

.lanui-215B::after {
  content: "⅛";
}

.lanui-215D::after {
  content: "⅝";
}

.lanui-0025::after {
  content: "%";
}

.lanui-003E::after {
  content: ">";
}

.lanui-266A::after {
  content: "♪";
}

.lanui-266C::after {
  content: "♬";
}

.lanui-266F::after {
  content: "♯";
}

.lanui-2669::after {
  content: "♩";
}

.lanui-266B::after {
  content: "♫";
}

.lanui-266D::after {
  content: "♭";
}

.lanui-00A0::after {
  content: " ";
}

.lanui-2611::after {
  content: "☑";
}

.lanui-2713::after {
  content: "✓";
}

.lanui-10005::after {
  content: "𐀅";
}

.lanui-2717::after {
  content: "✗";
}

.lanui-2610::after {
  content: "☐";
}

.lanui-2612::after {
  content: "☒";
}

.lanui-2714::after {
  content: "✔";
}

.lanui-2716::after {
  content: "✖";
}

.lanui-2718::after {
  content: "✘";
}

.lanui-2605::after {
  content: "★";
}

.lanui-272E::after {
  content: "✮";
}

.lanui-272A::after {
  content: "✪";
}

.lanui-272F::after {
  content: "✯";
}

.lanui-2736::after {
  content: "✶";
}

.lanui-2739::after {
  content: "✹";
}

.lanui-2731::after {
  content: "✱";
}

.lanui-2734::after {
  content: "✴";
}

.lanui-273B::after {
  content: "✻";
}

.lanui-274B::after {
  content: "❋";
}

.lanui-2744::after {
  content: "❄";
}

.lanui-272D::after {
  content: "✭";
}

.lanui-2606::after {
  content: "☆";
}

.lanui-2721::after {
  content: "✡";
}

.lanui-2735::after {
  content: "✵";
}

.lanui-2738::after {
  content: "✸";
}

.lanui-273A::after {
  content: "✺";
}

.lanui-2732::after {
  content: "✲";
}

.lanui-2733::after {
  content: "✳";
}

.lanui-273D::after {
  content: "✽";
}

.lanui-2746::after {
  content: "❆";
}

.lanui-2745::after {
  content: "❅";
}

.lanui-2649::after {
  content: "♉";
}

.lanui-264B::after {
  content: "♋";
}

.lanui-264D::after {
  content: "♍";
}

.lanui-264F::after {
  content: "♏";
}

.lanui-2651::after {
  content: "♑";
}

.lanui-2653::after {
  content: "♓";
}

.lanui-2648::after {
  content: "♈";
}

.lanui-264A::after {
  content: "♊";
}

.lanui-264C::after {
  content: "♌";
}

.lanui-264E::after {
  content: "♎";
}

.lanui-2650::after {
  content: "♐";
}

.lanui-2652::after {
  content: "♒";
}

.lanui-265A::after {
  content: "♚";
}

.lanui-265C::after {
  content: "♜";
}

.lanui-265E::after {
  content: "♞";
}

.lanui-2654::after {
  content: "♔";
}

.lanui-2656::after {
  content: "♖";
}

.lanui-2658::after {
  content: "♘";
}

.lanui-265B::after {
  content: "♛";
}

.lanui-265D::after {
  content: "♝";
}

.lanui-265F::after {
  content: "♟";
}

.lanui-2655::after {
  content: "♕";
}

.lanui-2657::after {
  content: "♗";
}

.lanui-2659::after {
  content: "♙";
}

.lanui-2663::after {
  content: "♣";
}

.lanui-2666::after {
  content: "♦";
}

.lanui-2667::after {
  content: "♧";
}

.lanui-2662::after {
  content: "♢";
}

.lanui-2660::after {
  content: "♠";
}

.lanui-2665::after {
  content: "♥";
}

.lanui-2664::after {
  content: "♤";
}

.lanui-2661::after {
  content: "♡";
}

.lanui-0391::after {
  content: "Α";
}

.lanui-0393::after {
  content: "Γ";
}

.lanui-0395::after {
  content: "Ε";
}

.lanui-0397::after {
  content: "Η";
}

.lanui-0399::after {
  content: "Ι";
}

.lanui-039B::after {
  content: "Λ";
}

.lanui-039D::after {
  content: "Ν";
}

.lanui-039F::after {
  content: "Ο";
}

.lanui-03A1::after {
  content: "Ρ";
}

.lanui-03A4::after {
  content: "Τ";
}

.lanui-03A6::after {
  content: "Φ";
}

.lanui-03A8::after {
  content: "Ψ";
}

.lanui-0392::after {
  content: "Β";
}

.lanui-0394::after {
  content: "Δ";
}

.lanui-0396::after {
  content: "Ζ";
}

.lanui-0398::after {
  content: "Θ";
}

.lanui-039A::after {
  content: "Κ";
}

.lanui-039C::after {
  content: "Μ";
}

.lanui-039E::after {
  content: "Ξ";
}

.lanui-03A0::after {
  content: "Π";
}

.lanui-03A3::after {
  content: "Σ";
}

.lanui-03A5::after {
  content: "Υ";
}

.lanui-03A7::after {
  content: "Χ";
}

.lanui-03A9::after {
  content: "Ω";
}

.lanui-2629::after {
  content: "☩";
}

.lanui-271E::after {
  content: "✞";
}

.lanui-2720::after {
  content: "✠";
}

.lanui-2020::after {
  content: "†";
}

.lanui-2724::after {
  content: "✤";
}

.lanui-2725::after {
  content: "✥";
}

.lanui-2628::after {
  content: "☨";
}

.lanui-271D::after {
  content: "✝";
}

.lanui-271F::after {
  content: "✟";
}

.lanui-271A::after {
  content: "✚";
}

.lanui-2722::after {
  content: "✢";
}

.lanui-2723::after {
  content: "✣";
}

.lanui-00A9::after {
  content: "©";
}

.lanui-0099::after {
  content: "™";
}

.lanui-00AE::after {
  content: "®";
}

.lanui-2117::after {
  content: "℗";
}

.lanui-2120::after {
  content: "℠";
}

.lanui-00AB::after {
  content: "«";
}

.lanui-008B::after {
  content: "‹";
}

.lanui-201C::after {
  content: "“";
}

.lanui-2018::after {
  content: "‘";
}

.lanui-2022::after {
  content: "•";
}

.lanui-00A1::after {
  content: "¡";
}

.lanui-2105::after {
  content: "℅";
}

.lanui-0026::after {
  content: "&";
}

.lanui-211E::after {
  content: "℞";
}

.lanui-2109::after {
  content: "℉";
}

.lanui-007C::after {
  content: "|";
}

.lanui-2013::after {
  content: "–";
}

.lanui-2026::after {
  content: "…";
}

.lanui-223C::after {
  content: "∼";
}

.lanui-00BB::after {
  content: "»";
}

.lanui-009B::after {
  content: "›";
}

.lanui-201D::after {
  content: "”";
}

.lanui-2019::after {
  content: "’";
}

.lanui-25E6::after {
  content: "◦";
}

.lanui-00BF::after {
  content: "¿";
}

.lanui-2116::after {
  content: "№";
}

.lanui-0040::after {
  content: "@";
}

.lanui-2103::after {
  content: "℃";
}

.lanui-00B0::after {
  content: "°";
}

.lanui-00A6::after {
  content: "¦";
}

.lanui-2014::after {
  content: "—";
}

.lanui-00B6::after {
  content: "¶";
}

.lanui-2260::after {
  content: "≠";
}

/*字体颜色*/
.lanui-indigo {
  color: "#6610f2";
}

.lanui-purple {
  color: "#6f42c1";
}

.lanui-pink {
  color: "#e83e8c";
}

.lanui-red {
  color: "#dc3545";
}

.lanui-orange {
  color: "#fd7e14";
}

.lanui-yellow {
  color: "#ffc107";
}

.lanui-green {
  color: "#28a745";
}

.lanui-teal {
  color: "#20c997";
}

.lanui-white {
  color: "#ffffff";
}

.lanui-gray {
  color: "#6c757d";
}

.lanui-gray-dark {
  color: "#343a40";
}

.lanui-primary {
  color: "#007bff";
}

.lanui-secondary {
  color: "#6c757d";
}

.lanui-success {
  color: "#28a745";
}

.lanui-info {
  color: "#17a2b8";
}

.lanui-warning {
  color: "#ffc107";
}

.lanui-danger {
  color: "#dc3545";
}

.lanui-light {
  color: "#f8f9fa";
}

.lanui-dark {
  color: "#343a40";
}

/*背景颜色*/
.lanui-background-indigo {
  background-color: "#6610f2";
}

.lanui-background-purple {
  background-color: "#6f42c1";
}

.lanui-background-pink {
  background-color: "#e83e8c";
}

.lanui-background-red {
  background-color: "#dc3545";
}

.lanui-background-orange {
  background-color: "#fd7e14";
}

.lanui-background-yellow {
  background-color: "#ffc107";
}

.lanui-background-green {
  background-color: "#28a745";
}

.lanui-background-teal {
  background-color: "#20c997";
}

.lanui-background-white {
  background-color: "#ffffff";
}

.lanui-background-gray {
  background-color: "#6c757d";
}

.lanui-background-gray-dark {
  background-color: "#343a40";
}

.lanui-background-primary {
  background-color: "#007bff";
}

.lanui-background-secondary {
  background-color: "#6c757d";
}

.lanui-background-success {
  background-color: "#28a745";
}

.lanui-background-info {
  background-color: "#17a2b8";
}

.lanui-background-warning {
  background-color: "#ffc107";
}

.lanui-background-danger {
  background-color: "#dc3545";
}

.lanui-background-light {
  background-color: "#f8f9fa";
}

.lanui-background-dark {
  background-color: "#343a40";
}

.lanui-wrap {
  background-color: #ffffff;
  padding: 0.1rem 0.1rem 0.1rem 0.1rem;
  margin: 0.3rem auto;
  position: relative;
  -moz-border-radius-topleft: 0.04rem;
  -webkit-border-top-left-radius: 0.04rem;
  border-top-left-radius: 0.04rem;
  -moz-border-radius-topright: 0.04rem;
  -webkit-border-top-right-radius: 0.04rem;
  border-top-right-radius: 0.04rem;
  -moz-border-radius-bottomleft: 0.04rem;
  -webkit-border-bottom-left-radius: 0.04rem;
  border-bottom-left-radius: 0.04rem;
  -moz-border-radius-bottomright: 0.04rem;
  -webkit-border-bottom-right-radius: 0.04rem;
  border-bottom-right-radius: 0.04rem;
}
.lanui-wrap .lanui-panel, .lanui-wrap .lanui-carousel, .lanui-wrap .lanui-tab {
  margin: 0.1rem -0.1rem 0.1rem -0.1rem;
}
.lanui-wrap .lanui-panel::after, .lanui-wrap .lanui-carousel::after, .lanui-wrap .lanui-tab::after, .lanui-wrap .lanui-panel::before, .lanui-wrap .lanui-carousel::before, .lanui-wrap .lanui-tab::before {
  clear: both;
  display: table;
  line-height: 0;
}
.lanui-wrap .lanui-panel::after, .lanui-wrap .lanui-carousel::after, .lanui-wrap .lanui-tab::after, .lanui-wrap .lanui-panel::before, .lanui-wrap .lanui-carousel::before, .lanui-wrap .lanui-tab::before {
  content: "";
}
.lanui-wrap .lanui-row .lanui-panel, .lanui-wrap .lanui-row .lanui-carousel, .lanui-wrap .lanui-row .lanui-tab {
  margin: 0.1rem 0 0.1rem 0;
  position: relative;
}
.lanui-wrap .lanui-row .lanui-tab {
  margin: 0.1rem 0 0.1rem 0;
  position: relative;
}

.lanui-fluid {
  background-color: #ffffff;
  padding: 0.1rem 0.1rem 0.1rem 0.1rem;
  margin: 0.3rem auto;
  position: relative;
}
.lanui-fluid .lanui-panel, .lanui-fluid .lanui-wrap .lanui-tab, .lanui-wrap .lanui-fluid .lanui-tab, .lanui-fluid .lanui-carousel {
  margin: 0.1rem -0.1rem 0.1rem -0.1rem;
  position: relative;
}
.lanui-fluid .lanui-tab {
  margin: 0.1rem -0.1rem 0.1rem -0.1rem;
  position: relative;
}
.lanui-fluid .lanui-row .lanui-panel, .lanui-fluid .lanui-row .lanui-wrap .lanui-tab, .lanui-wrap .lanui-fluid .lanui-row .lanui-tab, .lanui-fluid .lanui-row .lanui-carousel {
  margin: 0.1rem 0 0.1rem 0;
  position: relative;
}

/*
  日历模块
*/
.lanui-calendar {
  width: 3.94rem;
  position: relative;
  background-color: #ffffff;
  -moz-box-shadow: 0 0.01rem 0.03rem rgba(0, 0, 0, 0.055);
  -webkit-box-shadow: 0 0.01rem 0.03rem rgba(0, 0, 0, 0.055);
  box-shadow: 0 0.01rem 0.03rem rgba(0, 0, 0, 0.055);
  border-top: 0.01rem;
  border-right: 0.01rem;
  border-bottom: 0.01rem;
  border-left: 0.01rem;
  border-top-color: #f4f5f8;
  border-right-color: #f4f5f8;
  border-bottom-color: #f4f5f8;
  border-left-color: #f4f5f8;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  -moz-border-radius-topleft: 0.04rem;
  -webkit-border-top-left-radius: 0.04rem;
  border-top-left-radius: 0.04rem;
  -moz-border-radius-topright: 0.04rem;
  -webkit-border-top-right-radius: 0.04rem;
  border-top-right-radius: 0.04rem;
  -moz-border-radius-bottomleft: 0.04rem;
  -webkit-border-bottom-left-radius: 0.04rem;
  border-bottom-left-radius: 0.04rem;
  -moz-border-radius-bottomright: 0.04rem;
  -webkit-border-bottom-right-radius: 0.04rem;
  border-bottom-right-radius: 0.04rem;
}
.lanui-calendar ul li {
  display: inline-block;
  height: .22rem;
  width: .25rem;
  line-height: .22rem;
  text-align: center;
  transition: 0.1s ease-in-out;
}

.lanui-calendar-body-left-date ul li:hover,
.lanui-calendar-body-right-date ul li:hover {
  color: #ffffff;
  background-color: #007bff;
  cursor: pointer;
  opacity: .5;
}

.lanui-calendar-body-week ul li:hover {
  cursor: not-allowed;
}

.lanui-calendar-header {
  text-align: right;
}

.lanui-calendar-header-left, .lanui-calendar-header-right {
  position: relative;
  display: inline-flex;
  vertical-align: middle !important;
}

.lanui-calendar-header {
  padding: 0.02rem 0.15rem 0.02rem 0.15rem;
}
.lanui-calendar-header span:hover, .lanui-calendar-header .lanui-table-toolbar .lanui-table-toolbar-L span:hover:nth-child(1), .lanui-table-toolbar .lanui-table-toolbar-L .lanui-calendar-header span:hover:nth-child(1),
.lanui-calendar-header .lanui-table-toolbar .lanui-table-toolbar-R span:hover:nth-child(1),
.lanui-table-toolbar .lanui-table-toolbar-R .lanui-calendar-header span:hover:nth-child(1), .lanui-calendar-header .lanui-table-toolbar .lanui-table-toolbar-L span:hover:nth-last-child(1), .lanui-table-toolbar .lanui-table-toolbar-L .lanui-calendar-header span:hover:nth-last-child(1),
.lanui-calendar-header .lanui-table-toolbar .lanui-table-toolbar-R span:hover:nth-last-child(1),
.lanui-table-toolbar .lanui-table-toolbar-R .lanui-calendar-header span:hover:nth-last-child(1) {
  color: #007bff;
  cursor: pointer;
}
.lanui-calendar-header .lanui-iconfont {
  line-height: .15rem;
  height: .15rem;
  margin-top: .06rem;
}
.lanui-calendar-header .lanui-iconfont:hover {
  color: #007bff;
  background-color: #dbdbdb;
  cursor: pointer;
}

.lanui-calendar-body {
  position: relative;
}

.lanui-calendar-body-left, .lanui-calendar-body-right {
  padding: 0.1rem 0.1rem 0.1rem 0.1rem;
  display: inline-block;
  width: 1.76rem;
  border: 0.01rem solid #f4f5f8;
  border-left: 0;
  position: relative;
}

.lanui-calendar-body-right {
  border-right: 0;
}

.lanui-calendar-header-right-year, .lanui-calendar-header-left-year {
  padding-right: .05rem;
  padding-left: .05rem;
}

.lanui-calendar-header-right-month, .lanui-calendar-header-left-month {
  padding-right: .05rem;
}

.lanui-calendar-body-week {
  color: #d2d2d2;
}

.lanui-calendar-footer {
  height: .29rem;
  line-height: .29rem;
  padding: 0.02rem 0.15rem 0.02rem 0.15rem;
}
.lanui-calendar-footer div {
  display: inline-block;
}

.lanui-calendar-footer-btn {
  float: right;
}
.lanui-calendar-footer-btn span, .lanui-calendar-footer-btn .lanui-table-toolbar .lanui-table-toolbar-L span:nth-child(1), .lanui-table-toolbar .lanui-table-toolbar-L .lanui-calendar-footer-btn span:nth-child(1),
.lanui-calendar-footer-btn .lanui-table-toolbar .lanui-table-toolbar-R span:nth-child(1),
.lanui-table-toolbar .lanui-table-toolbar-R .lanui-calendar-footer-btn span:nth-child(1), .lanui-calendar-footer-btn .lanui-table-toolbar .lanui-table-toolbar-L span:nth-last-child(1), .lanui-table-toolbar .lanui-table-toolbar-L .lanui-calendar-footer-btn span:nth-last-child(1),
.lanui-calendar-footer-btn .lanui-table-toolbar .lanui-table-toolbar-R span:nth-last-child(1),
.lanui-table-toolbar .lanui-table-toolbar-R .lanui-calendar-footer-btn span:nth-last-child(1) {
  display: inline-block;
  height: .14rem;
  line-height: .14rem;
  padding: 0 0.02rem 0 0.02rem;
}
.lanui-calendar-footer-btn span:hover, .lanui-calendar-footer-btn .lanui-table-toolbar .lanui-table-toolbar-L span:hover:nth-child(1), .lanui-table-toolbar .lanui-table-toolbar-L .lanui-calendar-footer-btn span:hover:nth-child(1),
.lanui-calendar-footer-btn .lanui-table-toolbar .lanui-table-toolbar-R span:hover:nth-child(1),
.lanui-table-toolbar .lanui-table-toolbar-R .lanui-calendar-footer-btn span:hover:nth-child(1), .lanui-calendar-footer-btn .lanui-table-toolbar .lanui-table-toolbar-L span:hover:nth-last-child(1), .lanui-table-toolbar .lanui-table-toolbar-L .lanui-calendar-footer-btn span:hover:nth-last-child(1),
.lanui-calendar-footer-btn .lanui-table-toolbar .lanui-table-toolbar-R span:hover:nth-last-child(1),
.lanui-table-toolbar .lanui-table-toolbar-R .lanui-calendar-footer-btn span:hover:nth-last-child(1) {
  color: #007bff;
  cursor: pointer;
}

.lanui-calendar-footer-date:hover {
  color: #007bff;
  cursor: pointer;
}

.lanui-calendar-body-time {
  margin: 0 -0.1rem -0.1rem -0.1rem;
  position: absolute;
  width: 100%;
  height: 100%;
  display: inline-flex;
  z-index: 1;
  flex-direction: column;
  top: 0;
  background-color: #ffffff;
}
.lanui-calendar-body-time > div {
  display: flex;
}
.lanui-calendar-body-time .lanui-calendar-body-time-header {
  height: .35rem;
  display: flex;
  border-bottom: 0.01rem solid #f4f5f8;
  background: #fdfdfd;
}
.lanui-calendar-body-time .lanui-calendar-body-time-header div {
  align-items: center;
  align-content: center;
  text-align: center;
  padding-right: .17rem;
  flex: 1;
  line-height: .35rem;
}
.lanui-calendar-body-time .lanui-calendar-body-time-body {
  flex: 1;
  display: flex;
  overflow: auto;
}
.lanui-calendar-body-time .lanui-calendar-body-time-body div {
  align-items: center;
  align-content: center;
  overflow-y: auto;
  flex: 1;
}
.lanui-calendar-body-time .lanui-calendar-body-time-body div ul li {
  height: .25rem;
  line-height: .25rem;
  transition: 0.1s ease-in-out;
  width: 100%;
}
.lanui-calendar-body-time .lanui-calendar-body-time-body div ul li:hover {
  color: #ffffff;
  background-color: #007bff;
  cursor: pointer;
  opacity: .5;
}

.lanui-calendar-body-year, .lanui-calendar-body-month {
  margin: 0 -0.1rem -0.1rem -0.1rem;
  position: absolute;
  width: 100%;
  height: 100%;
  display: inline-flex;
  z-index: 2;
  top: 0;
  background-color: #ffffff;
}
.lanui-calendar-body-year ul li, .lanui-calendar-body-month ul li {
  display: inline-flex;
  width: .65rem;
  height: .49rem;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.lanui-calendar-body-year ul li:hover, .lanui-calendar-body-month ul li:hover {
  color: #ffffff;
  background-color: #007bff;
  cursor: pointer;
  opacity: .5;
}

.lanui-calendar-body-month {
  z-index: 3;
}