@charset "utf-8";
/** 
 kui 2.0.0
 Zepto + Scroller + Kui 
 Author:kevin
 HomePage:http://www.KevinUI.com
 */
/* ------------------------ */
/*---   Neutrals  ---*/
/*草灰*/
/*墨黑*/
/*雅白*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
    颜色
--------------------*/
/* 深 嫣红 */
/* 深 桔橙 */
/* 深 明黄 */
/* 深 橄榄 */
/* 深 森绿 */
/* 深 天青 */
/* 深 海蓝 */
/* 深 姹紫 */
/* 深 木槿 */
/* 深 桃粉 */
/* 深 棕褐 */
/* 深 玄灰 */
/* 浅 嫣红 */
/* 浅 桔橙 */
/* 浅 明黄 */
/* 浅 橄榄 */
/* 浅 森绿 */
/* 浅 天青 */
/* 浅 海蓝 */
/* 浅 姹紫 */
/* 浅 木槿 */
/* 浅 桃粉 */
/* 浅 棕褐 */
/* 浅 玄灰 */
/* 加载基础样式 */
/****************
 * 基础重置样式 
 * 1rem == 20px (由于chrome最小字体为12，所以不能将1rem = 10px)
 * 0.6rem = 12px
 * 0.7rem = 14px
 * 0.8rem = 16px
*/
html {
  font-size: 20px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html,
body {
  padding: 0;
  margin: 0;
}
body {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  min-height: 100%;
  -webkit-tap-highlight-color: transparent;
  color: rgba(0, 0, 0, 0.87);
  z-index: 9999;
}
body {
  font-size: 0.7rem;
}
a {
  color: #333;
}
a:hover {
  color: #1B9AF7;
}
a:focus {
  outline: thin dotted;
  outline: 1px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
ul,
li,
dl,
dd {
  padding: 0;
  margin: 0;
  list-style: none;
}
hr {
  height: 1px;
  border: none;
  border: #e7ebed solid 0px;
  border-top-width: 1px;
  outline: none;
}
hr.dot {
  border-style: dotted;
}
hr.dbdot {
  border-style: dotted;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  height: 2px;
}
/* 移动端 */
/* 小样式 */
.clear,
.clear:after {
  clear: both;
}
.clear:after {
  display: block;
  content: '';
}
.hide {
  display: none !important;
}
.block {
  display: block !important;
}
.float-l {
  float: left;
}
.float-r {
  float: right;
}
.unselect {
  user-select: none;
  -webkit-user-select: none;
}
/* 初始化图标 */
[class*=" icon-"],
[class^="icon-"] {
  font-family: "iconfont" !important;
}
.iconfont,
[class*=" icon-"],
[class^="icon-"] {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-load:before,
.ajax-loading.switch:before,
.ajax-loading[ajax-action]:before {
  font-family: "iconfont";
  -webkit-animation: spinRi 2s infinite linear;
  animation: spinRi 2s infinite linear;
  display: inline-block;
}
/* 圆角 */
.round-xs {
  border-radius: 3px;
}
.round-sm {
  border-radius: 5px;
}
.round-md {
  border-radius: 10px;
}
.round-lg {
  border-radius: 15px;
}
/* 文字截断 */
.txt-row,
.txt-row2,
.txt-row3 {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
}
.txt-row {
  display: block;
  white-space: nowrap;
}
.txt-row2,
.txt-row3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.txt-row2 {
  -webkit-line-clamp: 2;
}
.txt-row3 {
  -webkit-line-clamp: 3;
}
/* 换行 */
.txt-break {
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.txt-nobreak {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 文字对齐 */
.txt-l {
  text-align: left;
}
.txt-c {
  text-align: center;
}
.txt-r {
  text-align: right;
}
/* 标题大小 */
.txt-h1,
h1 {
  font-size: 1.6em;
}
.txt-h2,
h2 {
  font-size: 1.4em;
}
.txt-h3,
h3 {
  font-size: 1.2em;
}
.txt-h4,
h4 {
  font-size: 0.9em;
}
.txt-h5,
h5 {
  font-size: 0.6em;
}
/* 加粗 */
.txt-bold {
  font-weight: bold;
}
/* 连接样式 */
.txt-link {
  cursor: pointer;
  color: #1B9AF7;
}
/* 状态文字 */
.txt-default {
  color: #6d6d72;
}
.txt-primary {
  color: #1B9AF7;
}
.txt-success {
  color: #5BCC24;
}
.txt-warning {
  color: #F19D02;
}
.txt-danger {
  color: #FF4351;
}
.txt-gray {
  color: #aaaaaa;
}
.txt-black {
  color: #333333;
}
.txt-white {
  color: #ffffff;
}
.txtd-red {
  color: #e54d42;
}
.txtd-orange {
  color: #f37b1d;
}
.txtd-yellow {
  color: #fbbd08;
}
.txtd-olive {
  color: #8dc63f;
}
.txtd-green {
  color: #39b54a;
}
.txtd-cyan {
  color: #1cbbb4;
}
.txtd-blue {
  color: #0081ff;
}
.txtd-purple {
  color: #6739b6;
}
.txtd-mauve {
  color: #9c26b0;
}
.txtd-pink {
  color: #e03997;
}
.txtd-brown {
  color: #a5673f;
}
.txtd-grey {
  color: #8799a3;
}
.txtl-red {
  color: #fadbd9;
}
.txtl-orange {
  color: #fde6d2;
}
.txtl-yellow {
  color: #FEF4D6;
}
.txtl-olive {
  color: #e8f4d9;
}
.txtl-green {
  color: #D7F0DB;
}
.txtl-cyan {
  color: #d2f1f0;
}
.txtl-blue {
  color: #cce6ff;
}
.txtl-purple {
  color: #e1d7f0;
}
.txtl-mauve {
  color: #ebd4ef;
}
.txtl-pink {
  color: #f9d7ea;
}
.txtl-brown {
  color: #ede1d9;
}
.txtl-grey {
  color: #e7ebed;
}
/* 其它背景 */
.bg-gray {
  background-color: #aaaaaa;
}
.bg-black {
  background-color: #333333;
}
.bg-white {
  background-color: #ffffff;
}
.bg-gi-red {
  background-image: linear-gradient(45deg, #f43f3b, #ec008c);
}
.bg-gi-orange {
  background-image: linear-gradient(45deg, #ff9700, #ed1c24);
}
.bg-gi-green {
  background-image: linear-gradient(45deg, #39b54a, #8dc63f);
}
.bg-gi-blue {
  background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
}
.bg-gi-purple {
  background-image: linear-gradient(45deg, #9000ff, #5e00ff);
}
.bg-gi-pink {
  background-image: linear-gradient(45deg, #ec008c, #6739b6);
}
/* 深背景 */
.bgd {
  color: #FFF;
}
.bgd-default {
  background-color: #6d6d72;
}
.bgd-primary {
  background-color: #1B9AF7;
}
.bgd-success {
  background-color: #5BCC24;
}
.bgd-warning {
  background-color: #F19D02;
}
.bgd-danger {
  background-color: #FF4351;
}
.bgd-red {
  background-color: #e54d42;
}
.bgd-orange {
  background-color: #f37b1d;
}
.bgd-yellow {
  background-color: #fbbd08;
}
.bgd-olive {
  background-color: #8dc63f;
}
.bgd-green {
  background-color: #39b54a;
}
.bgd-cyan {
  background-color: #1cbbb4;
}
.bgd-blue {
  background-color: #0081ff;
}
.bgd-purple {
  background-color: #6739b6;
}
.bgd-mauve {
  background-color: #9c26b0;
}
.bgd-pink {
  background-color: #e03997;
}
.bgd-brown {
  background-color: #a5673f;
}
.bgd-grey {
  background-color: #8799a3;
}
/* 浅背景 */
.bgl-default,
.tips-default {
  background-color: #efefef;
  color: #6d6d72;
}
.bgl-primary,
.tips-primary {
  background-color: #eff8fe;
  color: #1B9AF7;
}
.bgl-success,
.tips-success {
  background-color: #f6fdf2;
  color: #5BCC24;
}
.bgl-warning,
.tips-warning {
  background-color: #fee9c1;
  color: #F19D02;
}
.bgl-danger,
.tips-danger {
  background-color: #fff5f6;
  color: #FF4351;
}
.bgl-red {
  background-color: #fadbd9;
}
.bgl-orange {
  background-color: #fde6d2;
}
.bgl-yellow {
  background-color: #FEF4D6;
}
.bgl-olive {
  background-color: #e8f4d9;
}
.bgl-green {
  background-color: #D7F0DB;
}
.bgl-cyan {
  background-color: #d2f1f0;
}
.bgl-blue {
  background-color: #cce6ff;
}
.bgl-purple {
  background-color: #e1d7f0;
}
.bgl-mauve {
  background-color: #ebd4ef;
}
.bgl-pink {
  background-color: #f9d7ea;
}
.bgl-brown {
  background-color: #ede1d9;
}
.bgl-grey {
  background-color: #e7ebed;
}
/* 边 */
.bdr,
[class*='bdr-'] {
  border-style: solid;
  border-color: rgba(34, 36, 38, 0.15);
  border-width: 0;
}
.bdr-a {
  border-width: 1px;
}
.bdr-l,
.bdr-x {
  border-left-width: 1px;
}
.bdr-r,
.bdr-x {
  border-right-width: 1px;
}
.bdr-t,
.bdr-y {
  border-top-width: 1px;
}
.bdr-b,
.bdr-y {
  border-bottom-width: 1px;
}
/* 边框颜色 */
.bdr-gray {
  border-color: #aaaaaa;
}
.bdr-black {
  border-color: #333333;
}
.bdr-white {
  border-color: #ffffff;
}
/* 深边框 */
.bdrd-primary,
.tips-primary {
  border-color: #1B9AF7;
}
.bdrd-success,
.tips-success {
  border-color: #5BCC24;
}
.bdrd-warning,
.tips-warning {
  border-color: #F19D02;
}
.bdrd-danger,
.tips-danger {
  border-color: #FF4351;
}
.bdrd-red {
  border-color: #e54d42;
}
.bdrd-orange {
  border-color: #f37b1d;
}
.bdrd-yellow {
  border-color: #fbbd08;
}
.bdrd-olive {
  border-color: #8dc63f;
}
.bdrd-green {
  border-color: #39b54a;
}
.bdrd-cyan {
  border-color: #1cbbb4;
}
.bdrd-blue {
  border-color: #0081ff;
}
.bdrd-purple {
  border-color: #6739b6;
}
.bdrd-mauve {
  border-color: #9c26b0;
}
.bdrd-pink {
  border-color: #e03997;
}
.bdrd-brown {
  border-color: #a5673f;
}
.bdrd-grey {
  border-color: #8799a3;
}
/* 浅边框 */
.bdrl-primary {
  border-color: #e6f5fe;
}
.bdrl-success {
  border-color: #e4ffe4;
}
.bdrl-warning {
  border-color: #fff0e5;
}
.bdrl-danger {
  border-color: #feeded;
}
.bdrl-red {
  border-color: #fadbd9;
}
.bdrl-orange {
  border-color: #fde6d2;
}
.bdrl-yellow {
  border-color: #FEF4D6;
}
.bdrl-olive {
  border-color: #e8f4d9;
}
.bdrl-green {
  border-color: #D7F0DB;
}
.bdrl-cyan {
  border-color: #d2f1f0;
}
.bdrl-blue {
  border-color: #cce6ff;
}
.bdrl-purple {
  border-color: #e1d7f0;
}
.bdrl-mauve {
  border-color: #ebd4ef;
}
.bdrl-pink {
  border-color: #f9d7ea;
}
.bdrl-brown {
  border-color: #ede1d9;
}
.bdrl-grey {
  border-color: #e7ebed;
}
/* 提示 */
[class*='tips-'] {
  display: block;
  padding: 10px;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
}
/* 边距 */
.mg-a {
  margin: 10px;
}
.mg-0 {
  margin: 0 !important;
}
.mg-t,
.mg-y {
  margin-top: 10px;
}
.mg-b,
.mg-y {
  margin-bottom: 10px;
}
.mg-l,
.mg-x {
  margin-left: 10px;
}
.mg-r,
.mg-x {
  margin-right: 10px;
}
.mgs-a {
  margin: 5px;
}
.mgs-t,
.mgs-y {
  margin-top: 5px;
}
.mgs-b,
.mgs-y {
  margin-bottom: 5px;
}
.mgs-l,
.mgs-x {
  margin-left: 5px;
}
.mgs-r,
.mgs-x {
  margin-right: 5px;
}
.mgn-t,
.mgn-y {
  margin-top: 0px !important;
}
.mgn-b,
.mgn-y {
  margin-bottom: 0px !important;
}
.mgn-l,
.mgn-x {
  margin-left: 0px !important;
}
.mgn-r,
.mgn-x {
  margin-right: 0px !important;
}
.mgl-a {
  margin: 20px;
}
.mgl-t,
.mgl-y {
  margin-top: 20px;
}
.mgl-b,
.mgl-y {
  margin-bottom: 20px;
}
.mgl-l,
.mgl-x {
  margin-left: 20px;
}
.mgl-r,
.mgl-x {
  margin-right: 20px;
}
.pd-a {
  padding: 10px;
}
.pd-0 {
  padding: 0 !important;
}
.pd-l,
.pd-x {
  padding-left: 10px;
}
.pd-r,
.pd-x {
  padding-right: 10px;
}
.pd-t,
.pd-y {
  padding-top: 10px;
}
.pd-b,
.pd-y {
  padding-bottom: 10px;
}
.pds-a {
  padding: 5px;
}
.pds-l,
.pds-x {
  padding-left: 5px;
}
.pds-r,
.pds-x {
  padding-right: 5px;
}
.pds-t,
.pds-y {
  padding-top: 5px;
}
.pds-b,
.pds-y {
  padding-bottom: 5px;
}
.pdl-a {
  padding: 20px;
}
.pdl-l,
.pdl-x {
  padding-left: 20px;
}
.pdl-r,
.pdl-x {
  padding-right: 20px;
}
.pdl-t,
.pdl-y {
  padding-top: 20px;
}
.pdl-b,
.pdl-y {
  padding-bottom: 20px;
}
.pdn-l,
.pdn-x {
  padding-left: 0px !important;
}
.pdn-r,
.pdn-x {
  padding-right: 0px !important;
}
.pdn-t,
.pdn-y {
  padding-top: 0px !important;
}
.pdn-b,
.pdn-y {
  padding-bottom: 0px !important;
}
/* 小滚动条 */
.roll-a {
  overflow: auto;
}
.roll-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.roll-y {
  overflow-x: hidden;
  overflow-y: auto;
}
[class*="roll-"]::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.1);
}
[class*="roll-"]::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
[class*="roll-"]::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  height: 1px;
}
/* Fieldset */
fieldset {
  border: #eee solid 1px;
}
legend {
  padding: 0 5px;
  font-size: 1.1em;
}
.field-title {
  padding: 0 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-width: 1px 0 0;
}
.cu-bar {
  display: flex;
  position: relative;
  align-items: center;
  min-height: 2rem;
  justify-content: space-between;
}
.cu-bar .action {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
  max-width: 100%;
}
.cu-bar .action.underline {
  position: relative;
  top: -5px;
}
.cu-bar .action.underline [class*="bg-"]:last-child,
.cu-bar .action.underline [class*="bgl-"]:last-child,
.cu-bar .action.underline [class*="bgd-"]:last-child {
  position: absolute;
  bottom: -0.5rem;
  width: 90%;
  min-width: 2rem;
  height: 3px;
  left: 0;
  border-radius: 1px;
}
.cu-bar .action:first-child {
  margin-left: 0.5rem;
  font-size: 1.1em;
}
.cu-bar .action:last-child {
  margin-right: 0.5rem;
}
/* 缩略图样式 */
[class*="thumb-"] {
  display: inline-block;
  background-color: #EEE;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYyNCIgaGVpZ2h0PSIxNjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiLz48L2RlZnM+PGc+PHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPjxyZWN0IHg9Ii0xIiB5PSItMSIgd2lkdGg9IjcxNzEuMDQxNDgiIGhlaWdodD0iNzE3MS4wNDE0OCIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBmaWxsPSJub25lIi8+PC9nPjxnPjx0aXRsZT5MYXllciAxPC90aXRsZT48cGF0aCBzdHJva2U9Im51bGwiIGQ9Im03NDIuODU1MjUsOTA1LjU1OTY1bC01Mi44OTA4MywtNzMuMTc4NzFjLTcuMDA3MjUsLTkuNjk1MSAtMTguMzY4MDcsLTkuNjk1IC0yNS4zNzUyNSwwbC05Ny41MDYwMiwxMzQuOTA3NGMtNy4wMDcyNSw5LjY5NTEgLTIuODI2MjIsMTcuNTU0MzUgOS4zMzg0NCwxNy41NTQzNWwxNzcuMDg4ODMsMGwyNjkuNjQ3MzQsMGMxMi4xNzE0OSwwIDE2LjI1OTQzLC03Ljg0MjA2IDkuMTg0MTEsLTE3LjUxNTc0bC0xNTQuNTIwNiwtMjExLjI2NzFjLTcuMTIyMTYsLTkuNzM3NzIgLTE4LjU0NjY3LC05LjY3MzY3IC0yNS42MjE5OSwwbC0xMDkuMzQ0MDMsMTQ5LjQ5OThsMCwweiIgZmlsbD0iI2RiZGJkYiIgaWQ9InN2Z18xIi8+PHBhdGggc3Ryb2tlPSJudWxsIiBkPSJtNTgxLjY2NzksNzMzLjU0MDI3YTQxLjEyNTgzLDQxLjEyNTgzIDAgMSAwIDg0LjA1NzU5LDBhNDEuMTI1ODMsNDEuMTI1ODMgMCAxIDAgLTg0LjA1NzU5LDB6IiBmaWxsPSIjZGJkYmRiIiBpZD0ic3ZnXzIiLz48cGF0aCBzdHJva2U9Im51bGwiIGQ9Im01MjAuMzE1NjksNTg1LjE3MDExbDU4My4zNjg2MiwwYy02LjA3MDc3LDAgLTEwLjg0NzMxLC00LjgzMzc1IC0xMC44NDczMSwtMTAuNzYzMDJsMCw0NzUuMTg1ODJjMCwtNS45NDE3MiA0LjgwMDI2LC0xMC43NjMwMiAxMC44NDczMSwtMTAuNzYzMDJsLTU4My4zNjg2MiwwYzYuMDcwNzcsMCAxMC44NDczMSw0LjgzMzc1IDEwLjg0NzMxLDEwLjc2MzAybDAsLTQ3NS4xODU4MmMwLDUuOTQxNzIgLTQuODAwMjYsMTAuNzYzMDIgLTEwLjg0NzMxLDEwLjc2MzAyem0tMzIuMzU4MzksNDY0LjQyMjhjMCwxNy44MTgxNyAxNC40NTEzOSwzMi40NDI2NyAzMi4zNTgzOSwzMi40NDI2N2w1ODMuMzY4NjIsMGMxNy44NTcyMSwwIDMyLjM1ODM5LC0xNC41NjQ3NSAzMi4zNTgzOSwtMzIuNDQyNjdsMCwtNDc1LjE4NTgyYzAsLTE3LjgxODE3IC0xNC40NTEzOSwtMzIuNDQyNjcgLTMyLjM1ODM5LC0zMi40NDI2N2wtNTgzLjM2ODYyLDBjLTE3Ljg1NzIxLDAgLTMyLjM1ODM5LDE0LjU2NDc1IC0zMi4zNTgzOSwzMi40NDI2N2wwLDQ3NS4xODU4MnoiIGZpbGw9IiNkYmRiZGIiIGlkPSJzdmdfMyIvPjwvZz48L3N2Zz4=');
}
[class*="thumb-"] img {
  width: 100%;
  height: 100%;
}
[class*="thumb-"]:before {
  position: absolute;
  z-index: 1;
  font-family: "iconfont";
}
[class*="thumb-"] .intro {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 5px;
  background: rgba(100, 100, 100, 0.5);
  color: #FFF;
  text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.5);
}
[ajax-upload][class*="thumb-"]:active {
  opacity: 0.8;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
.ajax-loading[class*="thumb-"]:after,
.upload-fail[class*="thumb-"]:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.upload-fail[class*="thumb-"]:after {
  background-color: rgba(200, 0, 0, 0.5);
}
.upload-fail[class*="thumb-"]:before {
  content: '\e6e9 上传失败';
  width: auto;
  border-radius: 5px;
  padding: 5px;
  color: #FFF;
}
.ajax-loading[class*="thumb-"]:after {
  background-color: rgba(255, 255, 255, 0.5);
}
.ajax-loading[class*="thumb-"]:before {
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFF;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 5px;
}
.thumb-ty {
  width: 50px;
  height: 50px;
}
.thumb-xs {
  width: 80px;
  height: 80px;
}
.thumb-sm {
  width: 120px;
  height: 120px;
}
.thumb-md {
  width: 180px;
  height: 180px;
}
.thumb-lg {
  width: 220px;
  height: 220px;
}
/* pagination */
.pagination {
  display: inline-block;
  white-space: nowrap;
  color: #666;
  margin: 0;
  padding: 0;
}
.pagination li {
  display: inline-block;
  cursor: default;
}
.pagination li a,
.pagination li span {
  display: inline-block;
  line-height: 26px;
  padding: 0 5px;
  margin: 1px;
  min-width: 10px;
  text-align: center;
  border: #eee solid 1px;
  border-radius: 3px;
}
.pagination .active span {
  background: #1B9AF7;
  color: #FFF;
}
.pagination li span {
  background-color: #f4f4f4;
}
@media only screen and (max-width: 640px) {
  .pagination li:not(.active):not(:first-child):not(:last-child) {
    display: none;
  }
  .pagination li:first-child > span:after,
  .pagination li:first-child > a:after {
    content: '上一页';
    padding-left: 5px;
  }
  .pagination li:last-child > span:before,
  .pagination li:last-child > a:before {
    content: '下一页';
    padding-right: 5px;
  }
}
/* Flex弹性盒子(新) */
.flex-x,
.flex-y {
  display: -webkit-flex;
  display: flex;
}
.flex-x {
  flex-direction: row;
}
.flex-y {
  flex-direction: column;
}
.br-able {
  flex-wrap: wrap;
}
/* 对齐 */
.fe-l {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.fe-c {
  justify-content: center;
  -webkit-justify-content: center;
}
.fe-r {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
.fe-sb {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.fe-sa {
  justify-content: space-around;
  -webkit-justify-content: space-around;
}
.fe-t {
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
.fe-m {
  align-items: center;
  -webkit-align-items: center;
}
.fe-b {
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
.fe-ba {
  -webkit-align-items: baseline;
  align-items: baseline;
}
.fe-st {
  -webkit-align-items: strecth;
  align-items: strecth;
}
/* 扩展比率（大小） */
.fe-full {
  flex-grow: 1;
}
/* 弹性盒子 */
.box,
.box-x,
.box-y,
.tools-inner,
.box-cell,
[class*="pos-"] {
  display: -webkit-box;
  display: box;
}
.box-x {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
}
.box-y {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
}
.box-full {
  -webkit-box-flex: 1;
  box-flex: 1;
}
.box-cell {
  -webkit-box-align: center;
  box-align: center;
}
.row,
[class^="col-"],
[class*=" col-"] {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.row {
  display: block;
}
.row:after {
  content: '';
  display: block;
  clear: both;
}
.row [class^="col-"],
.row [class*=" col-"] {
  float: left;
}
/*所有分辨率*/
@media only screen {
  .box-sm-x,
  .box-sm-y {
    display: -webkit-box;
    display: box;
  }
  .box-sm-y {
    -webkit-box-orient: vertical;
    box-orient: vertical;
  }
  .col-sm-1 {
    width: 8.33333%;
  }
  .col-sm-2 {
    width: 16.66667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333%;
  }
  .col-sm-5 {
    width: 41.66667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33333%;
  }
  .col-sm-8 {
    width: 66.66667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333%;
  }
  .col-sm-11 {
    width: 91.66667%;
  }
  .col-sm-12 {
    width: 100%;
  }
}
/* 640px 以上 */
@media only screen and (min-width: 641px) {
  .box-md-x,
  .box-md-y {
    display: -webkit-box;
    display: box;
  }
  .box-md-y {
    -webkit-box-orient: vertical;
    box-orient: vertical;
  }
  .col-md-1 {
    width: 8.33333%;
  }
  .col-md-2 {
    width: 16.66667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333%;
  }
  .col-md-5 {
    width: 41.66667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333%;
  }
  .col-md-8 {
    width: 66.66667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333%;
  }
  .col-md-11 {
    width: 91.66667%;
  }
  .col-md-12 {
    width: 100%;
  }
}
/* 1025px 以上 */
@media only screen and (min-width: 1025px) {
  .box-lg-x,
  .box-lg-y {
    display: -webkit-box;
    display: box;
  }
  .box-lg-y {
    -webkit-box-orient: vertical;
    box-orient: vertical;
  }
  .col-lg-1 {
    width: 8.33333%;
  }
  .col-lg-2 {
    width: 16.66667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333%;
  }
  .col-lg-5 {
    width: 41.66667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.33333%;
  }
  .col-lg-8 {
    width: 66.66667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333%;
  }
  .col-lg-11 {
    width: 91.66667%;
  }
  .col-lg-12 {
    width: 100%;
  }
}
/*******
* 位置
 tl---tc---tr
 |			|
 lc   cc   rc
 |			|
 lb---bc---rb
***/
.pos-tl,
.pos-lc,
.pos-lb {
  -webkit-box-pack: start;
  box-pack: start;
}
.pos-tc,
.pos-bc,
.pos-cc {
  -webkit-box-pack: center;
  box-pack: center;
}
.pos-tr,
.pos-rc,
.pos-rb {
  -webkit-box-pack: end;
  box-pack: end;
}
.pos-tl,
.pos-tc,
.pos-tr {
  -webkit-box-align: start;
  box-align: start;
}
.pos-lc,
.pos-rc,
.pos-cc {
  -webkit-box-align: center;
  box-align: center;
}
.pos-rb,
.pos-bc,
.pos-lb {
  -webkit-box-align: end;
  box-align: end;
}
/* 固定宽度 */
.wid-1 {
  width: 50px;
}
.wid-2 {
  width: 100px;
}
.wid-3 {
  width: 150px;
}
.wid-4 {
  width: 200px;
}
.wid-5 {
  width: 250px;
}
.wid-6 {
  width: 300px;
}
.wid-7 {
  width: 350px;
}
.wid-8 {
  width: 400px;
}
.wid-9 {
  width: 450px;
}
.wid-10 {
  width: 500px;
}
.wid-11 {
  width: 550px;
}
.wid-12 {
  width: 600px;
}
.wid-13 {
  width: 650px;
}
.wid-14 {
  width: 700px;
}
.wid-15 {
  width: 750px;
}
.wid-16 {
  width: 800px;
}
.wid-17 {
  width: 850px;
}
.wid-18 {
  width: 900px;
}
.wid-19 {
  width: 950px;
}
.wid-20 {
  width: 1000px;
}
/* 固定最小宽度 */
.win-1 {
  min-width: 50px !important;
}
.win-2 {
  min-width: 100px !important;
}
.win-3 {
  min-width: 150px !important;
}
.win-4 {
  min-width: 200px !important;
}
.win-5 {
  min-width: 250px !important;
}
.win-6 {
  min-width: 300px !important;
}
.win-7 {
  min-width: 350px !important;
}
.win-8 {
  min-width: 400px !important;
}
.win-9 {
  min-width: 450px !important;
}
.win-10 {
  min-width: 500px !important;
}
.win-11 {
  min-width: 550px !important;
}
.win-12 {
  min-width: 600px !important;
}
.win-13 {
  min-width: 650px !important;
}
.win-14 {
  min-width: 700px !important;
}
.win-15 {
  min-width: 750px !important;
}
.win-16 {
  min-width: 800px !important;
}
.win-17 {
  min-width: 850px !important;
}
.win-18 {
  min-width: 900px !important;
}
.win-19 {
  min-width: 950px !important;
}
.win-20 {
  min-width: 1000px !important;
}
/* 固定最大宽度 */
.wax-1 {
  max-width: 50px !important;
}
.wax-2 {
  max-width: 100px !important;
}
.wax-3 {
  max-width: 150px !important;
}
.wax-4 {
  max-width: 200px !important;
}
.wax-5 {
  max-width: 250px !important;
}
.wax-6 {
  max-width: 300px !important;
}
.wax-7 {
  max-width: 350px !important;
}
.wax-8 {
  max-width: 400px !important;
}
.wax-9 {
  max-width: 450px !important;
}
.wax-10 {
  max-width: 500px !important;
}
.wax-11 {
  max-width: 550px !important;
}
.wax-12 {
  max-width: 600px !important;
}
.wax-13 {
  max-width: 650px !important;
}
.wax-14 {
  max-width: 700px !important;
}
.wax-15 {
  max-width: 750px !important;
}
.wax-16 {
  max-width: 800px !important;
}
.wax-17 {
  max-width: 850px !important;
}
.wax-18 {
  max-width: 900px !important;
}
.wax-19 {
  max-width: 950px !important;
}
.wax-20 {
  max-width: 1000px !important;
}
/* Display */
/* small displays */
@media only screen {
  .show-sm-only,
  .show-sm-up,
  .show-sm,
  .show-sm-down,
  .hide-md-only,
  .hide-md-up,
  .hide-md,
  .show-md-down,
  .hide-lg-only,
  .hide-lg-up,
  .hide-lg,
  .show-lg-down {
    display: inherit !important;
  }
  .hide-sm-only,
  .hide-sm-up,
  .hide-sm,
  .hide-sm-down,
  .show-md-only,
  .show-md-up,
  .show-md,
  .hide-md-down,
  .show-lg-only,
  .show-lg-up,
  .show-lg,
  .hide-lg-down {
    display: none !important;
  }
}
/* medium displays */
@media only screen and (min-width:641px) {
  .hide-sm-only,
  .show-sm-up,
  .hide-sm,
  .hide-sm-down,
  .show-md-only,
  .show-md-up,
  .show-md,
  .show-md-down,
  .hide-lg-only,
  .hide-lg-up,
  .hide-lg,
  .show-lg-down {
    display: inherit !important;
  }
  .show-sm-only,
  .hide-sm-up,
  .show-sm,
  .show-sm-down,
  .hide-md-only,
  .hide-md-up,
  .hide-md,
  .hide-md-down,
  .show-lg-only,
  .show-lg-up,
  .show-lg,
  .hide-lg-down {
    display: none !important;
  }
}
/* large displays */
@media only screen and (min-width:1025px) {
  .hide-sm-only,
  .show-sm-up,
  .hide-sm,
  .hide-sm-down,
  .hide-md-only,
  .show-md-up,
  .hide-md,
  .hide-md-down,
  .show-lg-only,
  .show-lg-up,
  .show-lg,
  .show-lg-down {
    display: inherit !important;
  }
  .show-sm-only,
  .hide-sm-up,
  .show-sm,
  .show-sm-down,
  .show-md-only,
  .hide-md-up,
  .show-md,
  .show-md-down,
  .hide-lg-only,
  .hide-lg-up,
  .hide-lg,
  .hide-lg-down {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) {
  .show-landscape,
  .hide-portrait {
    display: inherit !important;
  }
  .hide-landscape,
  .show-portrait {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) {
  .show-portrait,
  .hide-landscape {
    display: inherit !important;
  }
  .hide-portrait,
  .show-landscape {
    display: none !important;
  }
}
/* 基础组件样式 */
/* 按扭样式 */
.btn,
button,
[class^="btn-"],
[class*=" btn-"],
[type="submit"] {
  user-select: none;
  -webkit-user-select: none;
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding: 0 .75rem;
  line-height: 1.8rem;
  border-radius: 0.2rem;
  border-width: 0;
  text-decoration: none;
}
.btn input,
[class^="btn-"] input,
[class*=" btn-"] input {
  display: none;
}
button[class*="icon-"]:before,
.btn[class*="icon-"]:before,
[class^="btn-"][class*="icon-"]:before,
[class*=" btn-"][class*="icon-"]:before,
[type="submit"][class*="icon-"]:before {
  padding: 0 4px;
  margin-left: -4px;
  font-size: 1.2em;
}
.btn-default,
[class^="btn-"],
[class*=" btn-"],
[type="submit"] {
  color: #FFF;
}
.btn-default,
[type="reset"] {
  background-color: #6d6d72;
  color: #FFF;
}
.btn-primary,
[type="submit"] {
  background-color: #1B9AF7;
}
.btn-success {
  background-color: #5BCC24;
}
.btn-danger {
  background-color: #FF4351;
}
.btn-warning {
  background-color: #F19D02;
}
.btn-nul {
  color: #6d6d72;
}
.btn-nul,
[class^="btn-nul-"],
[class*=" btn-nul-"] {
  background: none;
  border: #6d6d72 solid 1px;
}
.btn-nul:hover,
[class*="btn-nul-"]:hover {
  background-color: inherit;
}
.btn-nul-primary {
  border-color: #1B9AF7;
  color: #1B9AF7;
}
.btn-nul-success {
  border-color: #5BCC24;
  color: #5BCC24;
}
.btn-nul-danger {
  border-color: #FF4351;
  color: #FF4351;
}
.btn-nul-warning {
  border-color: #F19D02;
  color: #F19D02;
}
.btn-nul:hover {
  background-color: #6d6d72;
}
.btn-nul-primary:hover {
  background-color: #1B9AF7;
}
.btn-nul-success:hover {
  background-color: #5BCC24;
}
.btn-nul-danger:hover {
  background-color: #FF4351;
}
.btn-nul-warning:hover {
  background-color: #F19D02;
}
.btn-xs {
  line-height: 1rem;
  padding: 0 6px;
  font-size: 0.6rem;
}
.btn-sm {
  line-height: 1.4rem;
  padding: 0 10px;
  font-size: 0.7rem;
}
.btn-md {
  line-height: 2rem;
  padding: 0 14px;
  font-size: 0.8rem;
}
.btn-lg {
  line-height: 2.4rem;
  padding: 0 18px;
  font-size: 0.9rem;
}
.btn-rand {
  border-radius: 44px;
}
.btn-rect {
  border-radius: 0;
}
.btn-block {
  display: block;
}
.disabled,
[disabled],
.disabled:hover,
[disabled]:hover,
.disabled:active,
[disabled]:active {
  cursor: not-allowed;
  -webkit-filter: saturate(30%) contrast(70%) !important;
  filter: saturate(30%) contrast(70%);
  box-shadow: none !important;
}
button:hover,
[class^="btn-"]:hover,
[class*=" btn-"]:hover {
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
button:active,
[class^="btn-"]:active,
[class*=" btn-"]:active,
button.active,
[class^="btn-"].active,
[class*=" btn-"].active {
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-filter: saturate(80%);
  filter: saturate(80%);
}
.btns-group {
  display: inline-block;
  padding: 0;
}
.btns-group .active {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
}
.btns-group:after {
  content: '';
  display: block;
  clear: both;
}
.btns-group [class*="btn-"] {
  float: left;
  border-radius: 0;
  border-right-width: 0;
}
.btns-group [class*="btn-"]:first-of-type {
  border-radius: 4px 0 0 4px;
}
.btns-group [class*="btn-"]:last-of-type {
  border-radius: 0 4px 4px 0;
}
.btns-group [class*="btn-nul-"]:last-of-type {
  border-right-width: 1px;
}
.drop {
  position: relative;
  z-index: 999;
  font-family: "iconfont" !important;
  transition: all 0.15s;
  cursor: default;
}
.drop:after {
  content: '\e6f8';
}
.drop:hover:after {
  content: '\e749';
}
.drop-l,
.drop-r {
  position: absolute;
  top: 100%;
  color: #666;
  background: #FFF;
  padding: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  line-height: 30px;
  display: none;
}
.drop-l li,
.drop-r li {
  border-bottom: #f0f0f0 solid 1px;
  padding: 0 10px;
  word-wrap: normal;
  white-space: nowrap;
}
.drop:hover [class*="drop-"] {
  display: block;
}
.drop-l {
  left: 0;
}
.drop-r {
  right: 0;
}
/* 表单样式 */
button,
input:not([type=radio]):not([type=checkbox]),
select {
  vertical-align: middle;
}
button,
input,
select,
textarea {
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
input:not([type='radio']):not([type='checkbox']):not([type="range"]),
select,
textarea {
  border: 0;
  max-width: 100%;
  padding: 0 .5rem;
  border-radius: 0.2rem;
  font-size: 1em;
  border: 1px solid #bfcbd9;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
input:not([type='radio']):not([type='checkbox']),
select {
  height: 1.7rem;
}
input:not([type='radio']):not([type='checkbox']):not([type="range"]):hover,
select:hover,
textarea:hover {
  border-color: #8391A5;
}
input[type="range"]::-webkit-slider-thumb:hover,
input:not([type='radio']):not([type='checkbox']):not([type="range"]):focus,
select:focus,
textarea:focus {
  border-color: #409eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(59, 180, 242, 0.3);
}
input[type='radio'],
input[type="checkbox"] {
  margin: 0;
  color: #bfcbd9;
  vertical-align: middle;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-family: "iconfont";
}
input[type='radio']:not(.switch),
input[type="checkbox"]:not(.switch) {
  width: 1rem;
  height: 1rem;
  text-align: center;
  border: #8391A5 solid 1px;
  padding: 0;
  background-color: #FFF;
}
input[type='radio']:not(.switch) {
  border-radius: 100%;
}
input[type="checkbox"]:not(.switch) {
  border-radius: 3px;
}
input[type='radio']:hover,
input[type="checkbox"]:hover {
  color: #8391A5;
}
input[type='radio']:not(.switch):checked,
input[type="checkbox"]:not(.switch):checked {
  color: #409eff;
  background-color: #409eff;
}
input[type="checkbox"]:checked + span,
input[type="radio"]:checked + span {
  color: #409eff;
}
input[type='radio']:not(.switch):checked,
input[type="checkbox"]:not(.switch):checked {
  box-shadow: inset 0 0 3px rgba(85, 168, 255, 0.5);
  border-color: #409eff;
}
/* 单选、复选框内部 */
input[type='radio']:not(.switch):checked:before,
input[type="checkbox"]:not(.switch):checked:before {
  /* width:8px;height:8px;margin:3px; */
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTc1NTI1NzYzMzE2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIzMTI1IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik0xNTcuODA5Nzc4IDQ3NS4zMDY2NjdsMjA2LjYyMDQ0NCAxNjQuNjM2NDQ0IDUxNC40NDYyMjItNDczLjk5ODIyMmMwIDAgMzQuNTMxNTU2LTMxLjUxNjQ0NCA2NC42ODI2NjctNi45NDA0NDQgOC45ODg0NDQgNy4zOTU1NTYgMTkuMzQyMjIyIDI4LjM4NzU1Ni0zLjk4MjIyMiA2MS4yMTI0NDRMNDAyLjQzMiA4NDkuNTIxNzc4YzAgMC00MS4yNDQ0NDQgNTYuMzItOTAuMTEyLTAuNjI1Nzc4TDgwLjYxMTU1NiA1MzUuODkzMzMzYzAgMC0yNy40NzczMzMtNDIuMzgyMjIyIDYuODgzNTU2LTY3Ljc1NDY2N0M5OS4xMDA0NDQgNDU5LjYwNTMzMyAxMjUuNDk2ODg5IDQ0Ni4zNTAyMjIgMTU3LjgwOTc3OCA0NzUuMzA2NjY3TDE1Ny44MDk3NzggNDc1LjMwNjY2NyAxNTcuODA5Nzc4IDQ3NS4zMDY2Njd6TTE1Ny44MDk3NzggNDc1LjMwNjY2NyIgcC1pZD0iMjMxMjYiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48L3N2Zz4=');
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
}
input[type='radio']:not(.switch):checked:before {
  border-radius: 100%;
}
input[type="checkbox"]:not(.switch):checked:before {
  border-radius: 2px;
}
textarea {
  padding: .25rem .5rem;
}
input[type="range"] {
  position: relative;
  padding: 0 !important;
}
input[type="range"]:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 8px;
  top: 50%;
  margin-top: -4px;
  background: #e7ebed;
  border-radius: 5px;
}
input[type="range"]::-webkit-slider-thumb {
  z-index: 1;
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  background: #FFF;
  border: #1B9AF7 solid 2px;
  border-radius: 10px;
  transition: transform .2s ease;
}
input[type="range"]::-webkit-slider-thumb:active,
input[type="range"]::-webkit-slider-thumb:hover {
  transform: scale(1.2, 1.2);
}
.switch {
  width: 50px;
  height: 26px;
  background: #CCC;
  border-radius: 26px;
  position: relative;
  overflow: hidden;
  padding: 0;
  border: none;
  font-family: "iconfont" !important;
}
.switch:before,
.switch:after {
  content: '';
  display: block;
  text-align: center;
  position: absolute;
  transition: all 0.2s;
  border-radius: 26px;
}
.switch:before {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  margin: 1px;
  top: 0;
  left: 0;
  background: #FFF;
  z-index: 1;
  box-shadow: inset 0 0 8px rgba(150, 150, 150, 0.2);
}
.switch:checked:before {
  left: 100%;
  margin-left: -25px;
}
.switch:after {
  width: 100%;
  height: 26px;
  background: #00CD3C;
  right: 100%;
}
.switch:checked:after {
  right: 0;
}
.switch[type="checkbox"]:after {
  background: #6093B6;
}
.ajax-loading.switch:before,
.ajax-loading[ajax-action]:before {
  content: '\e62c';
}
.form .box-sm {
  margin-bottom: 10px;
}
.form.line .form-item {
  border-bottom: solid 1px #F3F7F8;
}
.form-item [class*="col-"] {
  float: left;
}
.form-item {
  position: relative;
  padding: 10px 5px;
  clear: both;
}
.form-item:after {
  content: '';
  display: block;
  clear: both;
}
.form-item .label {
  display: block;
  line-height: 36px;
}
.form-item .label,
.form-item .note,
.form-item .input {
  float: left;
}
.form-item .input {
  position: relative;
  display: -webkit-box;
  display: box;
}
.form-item .input label {
  cursor: pointer;
  display: inline-block;
  line-height: 36px;
}
.form-item .input input:not([type='radio']):not([type='checkbox']),
.form-item .input textarea {
  display: block;
  -webkit-box-flex: 1;
  box-flex: 1;
}
.form-item .input label span {
  display: inline-block;
}
.form-item .note {
  display: block;
  color: #999;
  padding: 8px 5px;
  line-height: 20px;
}
.form-item .error input,
.form-item .error select,
.form-item .error textarea {
  border-color: #FF4351 !important;
}
.form-item .vali-msg {
  left: 0;
  top: 100%;
  color: #FF4351;
}
.vali-msg {
  position: absolute;
  font-size: 12px;
  display: none;
}
.is-error .label {
  color: #FF4351 !important;
}
.is-error .vali-msg {
  display: block;
}
select {
  display: inline-block;
  padding-right: 20px;
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+) no-repeat 100% center;
}
/* 表单2.0 */
.form-group {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  align-items: center;
  min-height: 50px;
  justify-content: space-between;
  position: relative;
}
.form-group + .form-group {
  border-top: 1px solid #eee;
}
.form-group .label {
  text-align: justify;
  padding-right: 10px;
  position: relative;
  height: 34px;
}
.form-group .input,
.form-group input {
  flex: 1;
  padding-right: 10px;
}
.form-group textarea {
  padding: 0.4rem;
  width: 100%;
  line-height: 1.2em;
  flex: 1;
}
.form-group label {
  line-height: 34px;
  display: inline-block;
}
.form-group.is-error input,
.form-group.is-error select,
.form-group.is-error textarea {
  background: #FDDCDE !important;
  border-color: #FF4351 !important;
}
.form-group .vali-msg {
  font-size: 0.6rem;
  line-height: 0.6rem;
  left: 0;
  bottom: 0;
  background: #FF4351;
  color: #FFF;
  padding: 2px 5px;
  border-radius: 5px 5px 0 0;
}
.form-group .vali-msg:before {
  font-family: "iconfont" !important;
  content: "\e6e9";
  margin-right: 3px;
}
@media (max-width: 640px) {
  .form-group input:not([type='radio']):not([type='checkbox']):not([type="range"]),
  .form-group select,
  .form-group textarea {
    border: none;
  }
  .form-group input:not([type='radio']):not([type='checkbox']):not([type="range"]),
  .form-group select {
    height: 1.8rem;
  }
}
/*******************************
             Table
*******************************/
.table {
  width: 100%;
  background: #FFFFFF;
  margin: 1em 0em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 4px;
}
.table:first-child {
  margin-top: 0em;
}
.table:last-child {
  margin-bottom: 0em;
}
.table thead th {
  cursor: auto;
  background: #F9FAFB;
}
.table td,
.table thead th {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  border-right: 1px solid rgba(34, 36, 38, 0.15);
}
.table thead tr:first-child th {
  border-top: 0;
}
.table td:last-child,
.table th:last-child {
  border-right-width: 0;
}
/* 斑马 */
.table.striped > tr:nth-child(2n),
.table.striped tbody tr:nth-child(2n) {
  background: rgba(0, 0, 50, 0.02);
}
/* 鼠标移动 */
.table.hover > tr,
.table.hover tbody tr:hover {
  background: rgba(0, 0, 0, 0.05);
}
/* padding */
.table td,
.table th {
  padding: 8px;
}
.table.big td,
.table.big th {
  padding: 14px;
}
.table.small td,
.table.small th {
  padding: 5px;
}
.tab-nav {
  display: -webkit-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  height: 34px;
  line-height: 34px;
}
.tab-nav .item,
.tab-nav .nav-item {
  padding-left: 15px;
  padding-right: 15px;
  cursor: pointer;
  position: relative;
}
.tab-nav .active {
  background: #FFFFFF;
  z-index: 1;
}
.tab-content {
  border-top: 0;
  position: relative;
  overflow: hidden;
  background: #FFFFFF;
}
.tab-content .tab-item {
  width: 100%;
  position: relative;
  z-index: 1;
}
.tab-content .tab-item:not(.active) {
  position: absolute;
}
.tab-content [class*="anim-"].tab-item {
  display: block;
}
.tab-content .tab-item {
  transition: all 0.25s ease-out;
}
/* 动画效果 */
.swipe-x .tab-item {
  transform: translateX(-100%);
  top: 0;
}
.swipe-x .active {
  transform: translateX(0);
}
.swipe-x .active ~ .tab-item {
  transform: translateX(100%);
}
.swipe-y .tab-item {
  transform: translateY(-100%);
  left: 0;
}
.swipe-y .active {
  transform: translateY(0);
}
.swipe-y .active ~ .tab-item {
  transform: translateY(100%);
}
.swipe-fade .tab-item {
  opacity: 0;
}
.swipe-fade .active {
  opacity: 1;
}
/* 皮肤 */
.tab-brief .tab-nav {
  border-style: solid;
  border-color: rgba(34, 36, 38, 0.15);
  border-width: 0;
  border-bottom-width: 1px;
}
.tab-brief .tab-nav .nav-item {
  border-bottom: #DCDDDE solid 2px;
}
.tab-brief .tab-nav .active {
  position: relative;
  border-color: #1B9AF7;
}
.tab-card {
  border-style: solid;
  border-color: rgba(34, 36, 38, 0.15);
  border-width: 0;
  border-width: 1px;
}
.tab-card .tab-nav {
  background: #F3F4F5;
  border-style: solid;
  border-color: rgba(34, 36, 38, 0.15);
  border-width: 0;
  border-bottom-width: 1px;
}
.tab-card .tab-nav .nav-item {
  border: rgba(255, 255, 255, 0) solid;
  border-width: 0 1px;
}
.tab-card .tab-nav .nav-item:first-child {
  border-left: 0;
}
.tab-card .tab-nav .active {
  border-style: solid;
  border-color: rgba(34, 36, 38, 0.15);
  border-width: 0;
  border-left-width: 1px;
  border-right-width: 1px;
  padding-bottom: 1px;
  margin-bottom: -1px;
}
.accordion .title {
  user-select: none;
  -webkit-user-select: none;
  line-height: 1.6rem;
  padding: 5px;
  cursor: pointer;
}
.accordion .content {
  padding: 5px 10px 15px 10px;
}
.accordion:not([effect]) .content {
  display: none;
}
.accordion:not([effect]) .title.active + .content {
  display: block;
}
.accordion .title.active .dir-icon {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  display: inline-block;
}
.accordion.styled {
  border-style: solid;
  border-color: rgba(34, 36, 38, 0.15);
  border-width: 0;
  border-width: 1px;
  border-radius: 3px;
}
.accordion.styled .title {
  border-style: solid;
  border-color: rgba(34, 36, 38, 0.15);
  border-width: 0;
  border-top-width: 1px;
}
.accordion.styled .title:first-child {
  border-top: 0;
}
/* 入场动画 */
[class^='anim-'],
[class*=' anim-'] {
  animation-duration: 0.25s;
  -webkit-animation-duration: 0.25s;
  animation-fill-mode: forwards;
}
.anim-zoom-in {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.anim-zoom-out {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOut {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.anim-cover-in {
  -webkit-animation-name: coverIn;
  animation-name: coverIn;
}
@-webkit-keyframes coverIn {
  0% {
    -webkit-transform: scale(1.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@keyframes coverIn {
  0% {
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.anim-cover-out {
  -webkit-animation-name: coverOut;
  animation-name: coverOut;
}
@-webkit-keyframes coverOut {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.1);
    opacity: 0;
  }
}
@keyframes coverOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.1);
    opacity: 0;
  }
}
.anim-fade-in {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.anim-fade-out {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 四个方向入场出场 */
.anim-top-in {
  -webkit-animation-name: topIn;
  animation-name: topIn;
}
@-webkit-keyframes topIn {
  0% {
    -webkit-transform: translateY(-100%);
    opacity: .7;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes topIn {
  0% {
    transform: translateY(-100%);
    opacity: .7;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.anim-top-out {
  -webkit-animation-name: topOut;
  animation-name: topOut;
}
@-webkit-keyframes topOut {
  0% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
    opacity: 0;
  }
}
@keyframes topOut {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-200%);
    opacity: 0;
  }
}
.anim-bottom-in {
  -webkit-animation-name: bottomIn;
  animation-name: bottomIn;
}
@-webkit-keyframes bottomIn {
  0% {
    -webkit-transform: translateY(100%);
    opacity: .7;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes bottomIn {
  0% {
    transform: translateY(100%);
    opacity: .7;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.anim-bottom-out {
  -webkit-animation-name: bottomOut;
  animation-name: bottomOut;
}
@-webkit-keyframes bottomOut {
  0% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
    opacity: 0;
  }
}
@keyframes bottomOut {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(200%);
    opacity: 0;
  }
}
.anim-left-in {
  -webkit-animation-name: leftIn;
  animation-name: leftIn;
}
@-webkit-keyframes leftIn {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: .7;
  }
  100% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
}
@keyframes leftIn {
  0% {
    transform: translateX(-100%);
    opacity: .7;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.anim-left-out {
  -webkit-animation-name: leftOut;
  animation-name: leftOut;
}
@-webkit-keyframes leftOut {
  0% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes leftOut {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-200%);
    opacity: 0;
  }
}
/* 动画 */
.anim-spin {
  -webkit-animation-name: spinRi;
  animation-name: spinRi;
}
@-webkit-keyframes spinRi {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spinRi {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.anim-shake {
  -webkit-animation-name: shake;
  animation-name: shake;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
/* 高级组件 */
/* Model */
.kmod-wrap {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: box;
  z-index: 9999990;
}
.kmod-mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  display: none;
}
.kmod-box {
  position: relative;
  background: #FFF;
  border-radius: 3px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  z-index: 999;
  max-width: 100%;
}
.kmod-box .title {
  height: 40px;
  line-height: 40px;
  border-bottom: rgba(220, 220, 220, 0.4) solid 1px;
  padding: 0 10px;
}
.kmod-box .content {
  padding: 10px;
}
.kmod-box .footer {
  padding: 5px;
}
.kmod-box .footer:empty {
  display: none;
}
.kmod-box .footer .btn-item {
  margin-left: 10px;
}
.kmod-box .title + .rClose {
  height: 36px;
  line-height: 40px;
  padding-right: 5px;
}
.kmod-box .rClose {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  z-index: 999;
  text-align: center;
}
.kmod-box .rClose:hover {
  color: #FF4351;
}
/* Model Type */
.model {
  min-width: 240px;
  min-height: 160px;
}
.alert {
  min-width: 220px;
  max-width: 90%;
}
.alert .title {
  font-weight: bold;
  font-size: 1.1em;
}
.alert .content {
  min-height: 40px;
  font-size: 1.1em;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.alert.danger {
  background-color: #fff5f6;
  color: #FF4351;
}
.alert.success {
  background-color: #f6fdf2;
  color: #5BCC24;
}
.alert.danger .content {
  color: #FF4351;
}
.alert.success .content {
  color: #5BCC24;
}
.alert.danger .tip-icon,
.alert.success .tip-icon {
  font-size: 1.8rem;
}
.toast {
  min-width: 110px;
  min-height: 110px;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #FFF;
}
.toast .content {
  display: -webkit-box;
  display: box;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
}
.toast .rClose {
  color: #333;
}
.toast .icons {
  font-size: 2.3rem;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
}
.toast .msg {
  font-size: 1rem;
}
.iframe {
  width: 80%;
  height: 90%;
}
.iframe .content {
  position: relative;
}
.iframe iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.toast.loading {
  background-size: cover;
}
.load-1 {
  background: #000 url(../img/loading-1.gif) no-repeat center center;
}
.load-2 {
  background: #000 url(../img/loading-2.gif) no-repeat center center;
}
/* notify */
.notify-wrap {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  max-height: 100%;
  z-index: 9999;
}
.notify-box {
  margin: 3px;
  padding: 5px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  transition: all .3s ease;
  opacity: 0;
  transform: translateY(-50%);
}
.notify-box.show {
  transition: all .3s ease;
  opacity: 1;
  transform: translateY(0);
}
.notify-icon {
  font-size: 1.5rem;
  padding: 0 3px;
}
.notify-msg {
  padding: 8px 0;
}
.notify-close .close-btn {
  font-size: 1rem;
  cursor: pointer;
}
@media only screen and (max-width: 640px) {
  .notify-box {
    border-radius: 3px;
  }
}
@media only screen and (min-width: 641px) {
  .notify-wrap {
    width: 380px;
    left: 50%;
    margin-left: -190px;
  }
  .notify-box {
    border-radius: 5px;
    margin: 5px 10px;
  }
}

@font-face {
  font-family: "iconfont";
  /* Project id 1272124 */
  src: url('iconfont.woff2?t=1666928155461') format('woff2'), url('iconfont.woff?t=1666928155461') format('woff'), url('iconfont.ttf?t=1666928155461') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-export:before {
  content: "\e800";
}
.icon-import:before {
  content: "\e7db";
}
.icon-print:before {
  content: "\e67a";
}
.icon-evaluate:before {
  content: "\e672";
}
.icon-footprint:before {
  content: "\e69d";
}
.icon-sousuo:before {
  content: "\e64d";
}
.icon-prompt:before {
  content: "\e71c";
}
.icon-success:before {
  content: "\e72d";
}
.icon-delete:before {
  content: "\e6f2";
}
.icon-ontop:before {
  content: "\e65f";
}
.icon-lock:before {
  content: "\e70d";
}
.icon-mobile:before {
  content: "\e6a0";
}
.icon-qr2:before {
  content: "\e6a5";
}
.icon-plane:before {
  content: "\e6b1";
}
.icon-dot:before {
  content: "\e63f";
}
.icon-download:before {
  content: "\e6c2";
}
.icon-RMB:before {
  content: "\e808";
}
.icon-qq02:before {
  content: "\e63d";
}
.icon-weixin:before {
  content: "\e739";
}
.icon-alipay:before {
  content: "\e70b";
}
.icon-sound:before {
  content: "\e730";
}
.icon-load:before {
  content: "\e62c";
}
.icon-unfold:before {
  content: "\e749";
}
.icon-other:before {
  content: "\e718";
}
.icon-supply:before {
  content: "\e760";
}
.icon-commodity:before {
  content: "\e764";
}
.icon-activity:before {
  content: "\e6de";
}
.icon-add:before {
  content: "\e6df";
}
.icon-addition:before {
  content: "\e6e1";
}
.icon-addpeople:before {
  content: "\e6e2";
}
.icon-brush:before {
  content: "\e6e5";
}
.icon-businesscard:before {
  content: "\e6e6";
}
.icon-close:before {
  content: "\e6e9";
}
.icon-collection_fill:before {
  content: "\e6ea";
}
.icon-collection:before {
  content: "\e6eb";
}
.icon-computer:before {
  content: "\e6ec";
}
.icon-createtask:before {
  content: "\e6ef";
}
.icon-document:before {
  content: "\e6f4";
}
.icon-empty:before {
  content: "\e6f7";
}
.icon-enter:before {
  content: "\e6f8";
}
.icon-enterinto:before {
  content: "\e6f9";
}
.icon-feedback:before {
  content: "\e6fb";
}
.icon-homepage:before {
  content: "\e702";
}
.icon-interactive:before {
  content: "\e704";
}
.icon-like_fill:before {
  content: "\e707";
}
.icon-like:before {
  content: "\e708";
}
.icon-mail:before {
  content: "\e70a";
}
.icon-message:before {
  content: "\e70c";
}
.icon-mobilephone:before {
  content: "\e710";
}
.icon-more:before {
  content: "\e711";
}
.icon-narrow:before {
  content: "\e712";
}
.icon-offline:before {
  content: "\e714";
}
.icon-order:before {
  content: "\e715";
}
.icon-people:before {
  content: "\e716";
}
.icon-picture_fill:before {
  content: "\e717";
}
.icon-praise_fill:before {
  content: "\e71a";
}
.icon-praise:before {
  content: "\e71b";
}
.icon-redpacket:before {
  content: "\e71f";
}
.icon-refresh:before {
  content: "\e720";
}
.icon-remind:before {
  content: "\e721";
}
.icon-return:before {
  content: "\e722";
}
.icon-right:before {
  content: "\e723";
}
.icon-scan:before {
  content: "\e724";
}
.icon-select_fill:before {
  content: "\e725";
}
.icon-select:before {
  content: "\e726";
}
.icon-send:before {
  content: "\e727";
}
.icon-setup:before {
  content: "\e729";
}
.icon-share_fill:before {
  content: "\e72a";
}
.icon-task:before {
  content: "\e732";
}
.icon-tasklist:before {
  content: "\e733";
}
.icon-time:before {
  content: "\e735";
}
.icon-trash:before {
  content: "\e738";
}
.icon-video:before {
  content: "\e73b";
}
.icon-warning:before {
  content: "\e73e";
}
.icon-publishgoods_fill:before {
  content: "\e746";
}
.icon-shop_fill:before {
  content: "\e747";
}
.icon-transaction_fill:before {
  content: "\e748";
}