*{ margin:0; padding:0;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;-webkit-tap-highlight-color:transparent;/*禁止点击时出现蓝色背景,当前设为*/
    box-sizing: border-box;}
a,img{ cursor:pointer;-webkit-touch-callout: none;}/* 禁止长按链接与图片弹出菜单 */
html, body {
	/*-webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */
	/*user-select: none;*/
	-webkit-font-smoothing: antialiased;/*让字体变得更清晰*/
	/*-ms-text-size-adjust: 100%;
  	-webkit-text-size-adjust: 100%;*//*此项为禁止缩放，会导致页面缩放失效低于12PX字体显示12PX，可设为none*/
	font-family:"微软雅黑";
}
li{ list-style:none;}/*取消LI默认样式符号*/
a{color:#000000;}
a:hover{color:#008fe0;}
textarea,button{
  border: 0;outline:none;
  -webkit-appearance: none; /*/苹果手机默认内阴影*/
  box-sizing:border-box/*把边框包含在盒子的高宽中*/
}
p{text-indent:0em; color: #666666; padding-left: 2em;line-height: 30px;}/*自动缩进2空格*/
.header-top{ display:table; width:100%;border-collapse: collapse; position:fixed; top:0; left:0; right:0; z-index:9997;}
.docs-nav {
  text-shadow: 0 -1px 0 rgba(255,255,255, 0.95);
  background-color:#008fe0;
  border-color: #f2f2f2;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95);
  height:60px;
}
.navbar-collapse{   display:table-cell;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;    width: auto;
    border:0;border-collapse: collapse;
    box-shadow: none;margin-right: 0;
    margin-left: 0;    padding-right: 15px;
    padding-left: 15px;    max-height: 60px;}
.navbar-nav{float: left;
    margin: 0;    padding-left: 0;
    list-style: none;    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);}
.navbar-right {
    float: right !important;}
.navbar-nav > li {
    float: left;    position: relative;
    display: block;    list-style: none;
}
.navbar-nav > li > a {
  position: relative;
  display:inline-block;
  line-height:19px; color:#f2f2f2;
  padding:19px 15px; text-decoration:none;
}
a{text-decoration: none;}
.navbar-nav > li > a:hover,.navbar-nav > li.active > a{ color:#ffffff;}
.caret{ border-top-color: #ffffff;
    border-bottom-color: #ffffff;    display: inline-block;
    width: 0;
    height: 0;
    margin-left:3px;
    vertical-align: middle;
    border-top: 4px solid #ffffff;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 0 dotted; margin-bottom:5px;}
.dropdown-menu {
    position: absolute;
    top: 100%;    z-index: 1000;
    display:none;
    float: left;
    min-width: 160px;
    padding:5px 0;
	text-align:center;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;margin-top:3px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;    right: 0;
    left: auto;}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: not-allowed;
}
.banner {
  padding: 15px 5px;
  margin-left:195px;
  color: #777;
  background-color: #ffffff;
  border-bottom: 1px solid #f2f2f2;
  margin-top:60px;
}
.banner strong {
  color: #555;
}
.header-top .navbar-header{
  display:table-cell;
   background:url(img/fui_f.png) no-repeat;
    background-position:20px 5px;
  width: 80px; cursor:pointer;
}

/*左侧*/
.file-left{ position:fixed; top:60px; bottom:0; left:0;
   width:165px; border-right:1px solid #f2f2f2;
    text-shadow: 0 -1px 0 rgba(255,255,255, 0.1);
    background-color: #fcfcfc; overflow:auto;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); z-index:1001;}

.file-left div span{ color:#000000; width:100%; background-color: #f8f8ff;
   display:inline-block; background-image:url(img/u20_normal.png);
    background-size:16px auto; background-repeat: no-repeat;
     background-position:8px 13px; height: 45px; line-height: 45px;
      padding-left:28px; font-size:14px; cursor:pointer;}	
.file-left div span.active{ color:#008fe0; background-image:url(img/u18_normal.png);}
.file-left div ol { padding-left:15px; display:none}
.file-left div ol li{ font-size:14px; color:#666666; line-height:36px; padding-left:15px; background:url(img/u12_normal.png) no-repeat; background-size:10px auto; background-position:0 12px; cursor:pointer;}
.file-left div ol li.mactive{ background-image:url(img/u14_normal.png); color:#008fe0; }
.file-right{
  padding-left: 195px; padding-right: 20px
}
.navbar-menu{
  display: none;
  
}

@media screen and (max-width: 600px) {
  .header-top .navbar-header{
    width: 110px;
    background-position:45px 5px;
  }
  .navbar-menu{
    display: inline-block;
    background-image:url(img/icon-menu.png); 
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 15px;
    top: 20px;
     width: 20px; height: 20px;
  }
  .navbar-menu.active{
    transform:rotate(90deg);-webkit-transform:rotate(90deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .navbar-collapse{
    padding-left: 0; padding-right: 0;
  }
  .navbar-collapse ul:nth-child(1){
    display: none;
  }
  .navbar-nav{
    float: left !important;
  }
  .navbar-nav > li > a{
    padding: 19px 5px;
    font-size: 14px;
  }
  .file-left{
    -webkit-backface-visibility: hidden; backface-visibility: hidden;
    z-index: 5000;
    bottom: 0;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%,0);
  }
  .fui-dialowbg {-webkit-transform: translate(0, 0);
    transform: translate(0,0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }

  .file-right{
    padding-left: 10px; padding-right: 10px
  }
  .banner{
    margin-left: 10px;
  }
}

/*内容*/
.docs-section{ width:100%; display:none;}
.docs-section + .docs-section {
  padding-top: 40px;
}
h1[id] {
  padding-top: 40px;
  margin-top: -25px;
}
h2[id],
h3[id] {
  padding-top: 40px;
  margin-top: -30px;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
code,
kbd,
pre,
samp {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
  border-radius: 4px;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: 14px;
  color: inherit; line-height: 28px;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
p {
  margin: 0 0 10px;
}
pre code {
    display: block; padding: 0.5em;
    color: #333;
    background: #f8f8ff
}

.lang-comment,
.lang-template_comment {
    color: #998;
    font-style: italic
}

.lang-keyword,
.lang-css .lang-rule .lang-keyword,
.lang-javascript .lang-title,
.lang-subst,
.lang-request,
.lang-status {
    color: #333;
    font-weight: bold;
	z-index:12;
}

.lang-number,
.lang-hexcolor {
    color: #099;
}

.lang-string,
.tag .value {
    color: #d14
}

.lang-title,
.lang-id {
    color: #900;
    font-weight: bold
}

.lang-javascript .lang-title {
    font-weight: normal
}

.lang-class .lang-title {
    color: #458;
    font-weight: bold
}

.lang-tag,
.lang-tag .lang-title,
.lang-rules .lang-property {
    color: #000080;
    font-weight: normal
}

.lang-attribute,
.lang-variable {
    color: #008080
}

.lang-regexp {
    color: #009926
}

.lang-class {
    color: #458;
    font-weight: bold
}

.lang-symbol,
.lang-prompt {
    color: #990073
}

.lang-built_in {
    color: #0086b3
}

.lang-preprocessor,
.lang-pi,
.lang-doctype,
.lang-shebang,
.lang-cdata {
    color: #999;
    font-weight: bold
}

.lang-deletion {
    background: #fdd
}

.lang-addition {
    background: #dfd
}

.lang-chunk {
    color: #aaa
}
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 2cm .5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
	margin-bottom:20px;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
pre code {
  background: transparent;
}
pre {
  background-color: #f8f8f8;
  margin: 20px 0 20px 5px;
  border: 1px solid #eee;
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e2e2e2;
  box-shadow: -5px 0 0 #e2e2e2;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}
blockquote p {
  font-size: 17.5px;
  font-weight: 300;
  line-height:32px;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote small {
  display: block;
  line-height: 1.42857143;
  color: #999999;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small,
blockquote.pull-right .small {
  text-align: right;
}
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: '';
}
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
pre code{ position:relative;}
.pre-html code:after,
.pre-file code:after,
.pre-js code:after,
.pre-css code:after {
  position: absolute;
  top:-5px;
  right:0;
  color: #ccc;
  text-align: right;
  font-size:12px;
  line-height: 15px;
  height: 15px;
  font-weight: 600;
}
.pre-html code:after {
  content: 'HTML';
}
.pre-js code:after {
  content: 'JS';
}
.pre-file code:after {
  content: 'file';
}
.pre-css code:after {
  content: 'CSS';
}

/*以下为栅格化模块代码*/
.row {
  margin-right:0;
  margin-left:0;
}
.row:before,
.row:after{display: table;}
.row:after{clear: both;}
.fui-xs-1, .fui-sm-1, .fui-md-1, .fui-lg-1, .fui-xs-2, .fui-sm-2, .fui-md-2, .fui-lg-2, .fui-xs-3, .fui-sm-3, .fui-md-3, .fui-lg-3, .fui-xs-4, .fui-sm-4, .fui-md-4, .fui-lg-4, .fui-xs-5, .fui-sm-5, .fui-md-5, .fui-lg-5, .fui-xs-6, .fui-sm-6, .fui-md-6, .fui-lg-6, .fui-xs-7, .fui-sm-7, .fui-md-7, .fui-lg-7, .fui-xs-8, .fui-sm-8, .fui-md-8, .fui-lg-8, .fui-xs-9, .fui-sm-9, .fui-md-9, .fui-lg-9, .fui-xs-10, .fui-sm-10, .fui-md-10, .fui-lg-10, .fui-xs-11, .fui-sm-11, .fui-md-11, .fui-lg-11, .fui-xs-12, .fui-sm-12, .fui-md-12, .fui-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.fui-xs-1, .fui-xs-2, .fui-xs-3, .fui-xs-4, .fui-xs-5, .fui-xs-6, .fui-xs-7, .fui-xs-8, .fui-xs-9, .fui-xs-10, .fui-xs-11, .fui-xs-12 {
  float: left;
}
.fui-xs-12 {
  width: 100%;
}
.fui-xs-11 {
  width: 91.66666667%;
}
.fui-xs-10 {
  width: 83.33333333%;
}
.fui-xs-9 {
  width: 75%;
}
.fui-xs-8 {
  width: 66.66666667%;
}
.fui-xs-7 {
  width: 58.33333333%;
}
.fui-xs-6 {
  width: 50%;
}
.fui-xs-5 {
  width: 41.66666667%;
}
.fui-xs-4 {
  width: 33.33333333%;
}
.fui-xs-3 {
  width: 25%;
}
.fui-xs-2 {
  width: 16.66666667%;
}
.fui-xs-1 {
  width: 8.33333333%;
}
@media (min-width: 768px) {
  .fui-sm-1, .fui-sm-2, .fui-sm-3, .fui-sm-4, .fui-sm-5, .fui-sm-6, .fui-sm-7, .fui-sm-8, .fui-sm-9, .fui-sm-10, .fui-sm-11, .fui-sm-12 {
    float: left;
  }
  .fui-sm-12 {
    width: 100%;
  }
  .fui-sm-11 {
    width: 91.66666667%;
  }
  .fui-sm-10 {
    width: 83.33333333%;
  }
  .fui-sm-9 {
    width: 75%;
  }
  .fui-sm-8 {
    width: 66.66666667%;
  }
  .fui-sm-7 {
    width: 58.33333333%;
  }
  .fui-sm-6 {
    width: 50%;
  }
  .fui-sm-5 {
    width: 41.66666667%;
  }
  .fui-sm-4 {
    width: 33.33333333%;
  }
  .fui-sm-3 {
    width: 25%;
  }
  .fui-sm-2 {
    width: 16.66666667%;
  }
  .fui-sm-1 {
    width: 8.33333333%;
  }

}
@media (min-width: 992px) {
  .fui-md-1, .fui-md-2, .fui-md-3, .fui-md-4, .fui-md-5, .fui-md-6, .fui-md-7, .fui-md-8, .fui-md-9, .fui-md-10, .fui-md-11, .fui-md-12 {
    float: left;
  }
  .fui-md-12 {
    width: 100%;
  }
  .fui-md-11 {
    width: 91.66666667%;
  }
  .fui-md-10 {
    width: 83.33333333%;
  }
  .fui-md-9 {
    width: 75%;
  }
  .fui-md-8 {
    width: 66.66666667%;
  }
  .fui-md-7 {
    width: 58.33333333%;
  }
  .fui-md-6 {
    width: 50%;
  }
  .fui-md-5 {
    width: 41.66666667%;
  }
  .fui-md-4 {
    width: 33.33333333%;
  }
  .fui-md-3 {
    width: 25%;
  }
  .fui-md-2 {
    width: 16.66666667%;
  }
  .fui-md-1 {
    width: 8.33333333%;
  }
}
.row-bg div{ background:#008fe0;}
.row-bg div:nth-child(2n){ background:#18f14b;}
/*以下为自动等比例模块代码*/
.fui-table-call{ display:table; width:100%;}
.fui-table-call li{ display:table-cell;}
.fui-table-call li{ background:#e1e1e1; padding:10px; text-align:center;}
.fui-table-call li:nth-child(2n){ background:#18f14b;}
/*以下为盒子模型布局代码*/
.fui-box{
    display:-moz-box;
    display:-webkit-box;
    display:box;
}
.fui-box-One{
    background:orange;
    -moz-box-flex:3;
    -webkit-box-flex:3;
    box-flex:3;
}
.fui-box-Two{
    background:purple;
    -moz-box-flex:2;
    -webkit-box-flex:2;
    box-flex:2;
}
.fui-box-Three{
    -moz-box-flex:1;
    -webkit-box-flex:1;
    box-flex:1;
    background:green;
}
/*浮动布局*/
.fui-nine{position: relative;
    overflow: hidden;}
.fui-nine:before {
content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    color: #D9D9D9;
}
.fui-nine:after {
        content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    color: #D9D9D9;
}
.fui-nine a{
    position: relative;
    float: left;
    padding: 10px 10px;
    width: 25%;
    box-sizing: border-box; text-align:center;
}
.fui-nine a img{ width:100%;}
.fui-nine a:before {
        content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    color: #D9D9D9;
}
.fui-nine a:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    color: #D9D9D9;
}
/*以下为Header信息代码*/
.fui-header{    top: 0;
    -webkit-box-shadow: 0 1px 6px #ccc;
    box-shadow: 0 1px 6px #ccc;position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    height: 44px;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: 0;
    background-color: #f7f7f7;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; display: block;}
.fui-header-title{ right: 40px;
    left: 40px;
    display: inline-block;
    overflow: hidden;
    width: auto;
    margin: 0;
    text-overflow: ellipsis; font-size: 17px;
    font-weight: 500;
    line-height: 44px;
    position: absolute; padding: 0;
    text-align: center;
    white-space: nowrap;
    color: #000;}
@font-face{font-family:Muiicons;font-weight:400;font-style:normal;src:url(fonts/fui.ttf) format('truetype')}/*此为加载字体图标-用MUI*/
.fui-header-back:before {
    content: '\e471';
}
.fui-header-back{    margin-right: -10px;
    margin-left: -10px;
    padding: 10px;
    font-size: 24px;
    position: relative;
    z-index: 20;
    color: #0062cc; font-weight: 400;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased; font-family: Muiicons; float: left;}
/*开关*/	
.fui-switch {
    position: relative;
    display: block;
    width: 74px;
    height: 30px;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: background-color,border;
    transition-property: background-color,border;
    border: 2px solid #ddd;
    border-radius: 20px;
    background-color: #fff;
    background-clip: padding-box;
}
.fui-switch:before {
    font-size: 13px;
    position: absolute;
    top: 5px;
    right: 11px;
    content: 'Off';
    text-transform: uppercase;
    color: #999;
}
.fui-switch-btn{    position: absolute;
    z-index: 1;
    top: -1px;
    left: -1px;
    width: 28px;
    height: 28px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transition-property: -webkit-transform,width,left;
    transition-property: transform,width,left;
    border-radius: 16px;
    background-color: #fff;
    background-clip: padding-box;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.4);
    box-shadow: 0 2px 5px rgba(0,0,0,.4);transform:translate(0px, 0px);}
.fui-switch.fui-active {
    border-color: #4cd964;
    background-color: #4cd964;
}
.fui-switch.fui-active:before {
    right: auto;
    left: 15px;
    content: 'On';
    color: #fff;
}
.fui-switch-btn-on{transform:translate(43px, 0px);}
.fui-switcha{ width:50px;}
.fui-switcha:before{ content:'';}
.fui-switcha.fui-active:before{ content:'';}
.fui-switcha .fui-switch-btn-on{transform:translate(20px, 0px);}
/*按钮*/
button, input[type=button], input[type=reset], input[type=submit] {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    padding: 6px 12px;
    cursor: pointer;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    text-align: center;
    vertical-align: top;
    white-space: nowrap; text-transform: none;
    color: #333;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    background-clip: padding-box;
}
button:enabled:active{color: #fff;
    background-color: #929292;}	
/*三角形*/
.fui-caret{
border-width: 8px 8px 0 8px;
border-color:#000000 transparent transparent transparent;
border-style:solid; display:inline-block;
height: 0; 
width: 0;
}
/*页脚*/
.fui-footer{bottom: 0;
    display: table;
    width: 100%;
    height: 50px;
    padding: 0;
    table-layout: fixed;
    border-top: 0;
    border-bottom: 0;backface-visibility: hidden; box-shadow: 0 0 1px rgba(0,0,0,.85); background-color: #f7f7f7;position: fixed;
    z-index: 10;
    right: 0;
    left: 0;}

.fui-footer .fui-footer-item {
    display: table-cell;
    overflow: hidden;
    width: 1%;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #929292;
}
.fui-footer .fui-footer-item.fui-footer-active {
    color: #007aff;
}
.fui-footer .fui-footer-item .fui-icon~.fui-footer-label {
    font-size: 12px;
	line-height:21px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fui-footer .fui-icon {
    font-size: 24px;
    position: relative;
    z-index: 20;}
.fui-footer .fui-footer-item .fui-icon {
    top: 3px;
    width: 24px;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
}
.fui-icon-home:before {
    content: '\e500';
}
.fui-icon-phone:before {
    content: "\e262";
}
.fui-icon-email:before {
    content: '\e100';
}
.fui-icon-gear:before {
    content: '\e502';
}
.inon_tubiao dd{ background:#f9f9f9; padding:15px 10px; border:5px solid #FFF; text-align:center; color:#666; cursor:pointer;}
.inon_tubiao dd:hover{ color:#008fe0;}
.inon_tubiao:after{ content:''; clear:both;}
/*图标*/
.fui-icon {font-family: Muiicons;font-size: 24px;font-weight: 400;font-style: normal;line-height: 1;display: inline-block;text-decoration: none;
-webkit-font-smoothing: antialiased;}
.fui-icon-100:before{content:"\e100"}
.fui-icon-101:before{content:"\e101"}
.fui-icon-102:before{content:"\e102"}
.fui-icon-103:before{content:"\e130"}
.fui-icon-104:before{content:"\e131"}
.fui-icon-105:before{content:"\e132"}
.fui-icon-106:before{content:"\e200"}
.fui-icon-107:before{content:"\e201"}
.fui-icon-108:before{content:"\e202"}
.fui-icon-109:before{content:"\e203"}
.fui-icon-110:before{content:"\e230"}
.fui-icon-111:before{content:"\e231"}
.fui-icon-112:before{content:"\e232"}
.fui-icon-113:before{content:"\e233"}
.fui-icon-114:before{content:"\e260"}
.fui-icon-115:before{content:"\e261"}
.fui-icon-116:before{content:"\e262"}
.fui-icon-117:before{content:"\e263"}
.fui-icon-118:before{content:"\e264"}
.fui-icon-119:before{content:"\e300"}
.fui-icon-120:before{content:"\e301"}
.fui-icon-121:before{content:"\e302"}
.fui-icon-122:before{content:"\e303"}
.fui-icon-123:before{content:"\e332"}
.fui-icon-124:before{content:"\e333"}
.fui-icon-125:before{content:"\e360"}
.fui-icon-126:before{content:"\e363"}
.fui-icon-127:before{content:"\e364"}
.fui-icon-128:before{content:"\e400"}
.fui-icon-129:before{content:"\e401"}
.fui-icon-130:before{content:"\e402"}
.fui-icon-131:before{content:"\e403"}
.fui-icon-132:before{content:"\e404"}
.fui-icon-133:before{content:"\e405"}
.fui-icon-134:before{content:"\e406"}
.fui-icon-135:before{content:"\e407"}
.fui-icon-136:before{content:"\e408"}
.fui-icon-137:before{content:"\e409"}
.fui-icon-138:before{content:"\e410"}
.fui-icon-139:before{content:"\e411"}
.fui-icon-140:before{content:"\e434"}
.fui-icon-141:before{content:"\e437"}
.fui-icon-142:before{content:"\e438"}
.fui-icon-143:before{content:"\e439"}
.fui-icon-144:before{content:"\e440"}
.fui-icon-145:before{content:"\e441"}
.fui-icon-146:before{content:"\e442"}
.fui-icon-147:before{content:"\e460"}
.fui-icon-148:before{content:"\e461"}
.fui-icon-149:before{content:"\e462"}
.fui-icon-150:before{content:"\e463"}
.fui-icon-151:before{content:"\e464"}
.fui-icon-152:before{content:"\e465"}
.fui-icon-153:before{content:"\e466"}
.fui-icon-154:before{content:"\e468"}
.fui-icon-155:before{content:"\e470"}
.fui-icon-156:before{content:"\e471"}
.fui-icon-157:before{content:"\e472"}
.fui-icon-158:before{content:"\e500"}
.fui-icon-159:before{content:"\e501"}
.fui-icon-160:before{content:"\e502"}
.fui-icon-161:before{content:"\e503"}
.fui-icon-162:before{content:"\e504"}
.fui-icon-163:before{content:"\e505"}
.fui-icon-164:before{content:"\e506"}
.fui-icon-165:before{content:"\e507"}
.fui-icon-166:before{content:"\e508"}
.fui-icon-167:before{content:"\e530"}
.fui-icon-168:before{content:"\e532"}
.fui-icon-169:before{content:"\e534"}
.fui-icon-170:before{content:"\e535"}
.fui-icon-171:before{content:"\e537"}
.fui-icon-172:before{content:"\e560"}
.fui-icon-173:before{content:"\e562"}
.fui-icon-174:before{content:"\e563"}
.fui-icon-175:before{content:"\e565"}
.fui-icon-176:before{content:"\e567"}
.fui-icon-177:before{content:"\e568"}
.fui-icon-178:before{content:"\e580"}
.fui-icon-179:before{content:"\e581"}
.fui-icon-180:before{content:"\e582"}
.fui-icon-181:before{content:"\e583"}
.fui-icon-182:before{content:"\e584"}
.fui-icon-183:before{content:"\e585"}
.fui-icon-184:before{content:"\e586"}
.fui-icon-185:before{content:"\e587"}
.fui-icon-186:before{content:"\e588"}

/*搜索框*/
.fui-search{
    position: relative;clear: left;
    overflow: hidden;
}

.fui-search input[type=search] {
    padding-left: 30px;    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 34px;
    text-align: center;
    border: 0;
    border-radius: 6px;
    background-color: rgba(0,0,0,.1);outline: 0;    margin-bottom: 15px;
    padding: 10px 15px;
    -webkit-user-select: text;line-height: 21px;
    width: 100%;-webkit-tap-highlight-color: transparent;    font: inherit;
    margin: 0;
    color: inherit;
}
.fui-search:before {
    font-family: Muiicons;
    font-weight: 400;font-size:20px;
    position: absolute; display:block;
    top: 50%;
    right:50%;
    margin-top: -12px;
    content: '\e466';
}
.fui-search.fui-search-active label{position: absolute;
    width: 18px;
    height:16px;
	right:10px; background-color: #e6e6e6;
	border-radius:50%;
	top:8px;
    overflow: hidden;
    border: 0;}
.fui-search.fui-search-active input[type=search]{ text-align:left; padding-left:30px;}
.fui-search.fui-search-active:before{
	 right:auto; left:5px; margin-right:0; margin-left:0;
}
.fui-icon-clear{font-size: 20px;
    position: absolute;
    z-index:1;
    top: 6px;
    right: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #999; display:none; border-radius:50%;}
/*普通列表*/
.fui-table-view{margin-top: 15px; border-top:1px solid #c8c7cc; border-bottom:1px solid #c8c7cc;}
.fui-table-view-cell {
    position: relative;
    overflow: hidden;
    padding: 11px 15px;}
.fui-table-view-cell:after {
    position: absolute;
    right: 15px;
    bottom: 0;
    left: 15px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
}
.fui-table-view	.fui-table-view-cell:nth-last-child(1):after{ height:0;}
.fui-table-view-cell>a.fui-navigate{
    position: relative;
    display: block;
    overflow: hidden;
    margin: -11px -15px;
    padding: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit;
}
.fui-navigate:after {
    font-family: Muiicons;
    font-size: inherit;
    line-height: 1;
    position: absolute;
    top: 50%;
	right: 15px;
    content: '\e583';
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-decoration: none;
    color: #bbb;
    -webkit-font-smoothing: antialiased;
}
.fui-table-view-cell:active,.fui-table-view-cell>a.fui-navigate:active{ background-color:#F2F2F2;}
/*普通排版*/
dl {
    margin-top: 0;
    margin-bottom: 20px;
}
dt {
    font-weight: bold;
}
dd {
    margin-left: 0;
}
.fui-dt dt {
    float: left;
    width: 80px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fui-dt dd {
    margin-left: 90px;
}
.fui-dt dd:after{ content:''; clear:both;}
/*数字角标*/
.fui-badge {
    font-size: 12px;
    line-height: 1;
    display: inline-block;
    padding: 3px 6px;
    color: #333;
    border-radius: 100px;
    background-color: rgba(0,0,0,.15);
}
/*图文列表*/
.fui-table-view {
    position: relative;
    margin-top:0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    background-color: #fff;
	border-top:1px solid #c8c7cc;
	border-bottom:1px solid #c8c7cc;	
}
.fui-table-view-cell {
    position: relative;
    overflow: hidden;
    padding: 11px 15px;
}
.fui-table-view-cell:after {
    position: absolute;
    right:15px;
    bottom: 0;
    left: 15px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
}
.fui-table-view-cell:last-child:after{
    height: 0;
}
.fui-table-view-cell>a:not(.fui-btn){
    position: relative;
    display: block;
    overflow: hidden;
    margin: -11px -15px;
    padding: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit;
}
.fui-media-imgl{
    line-height: 42px;
    max-width: 42px;
    height: 42px;
	margin-right: 10px;float: left; border: 0;
}
.fui-table-view .fui-media-body {
    overflow: hidden; line-height:21px;
}
.fui-table-view .fui-media-body p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; margin-left:0; padding-left:0; text-indent:0;
}
.fui-media-imgr{
    line-height: 42px;
    max-width: 42px;
    height: 42px;
	margin-right: 10px;float:right; border: 0;
}
/*分隔线加提示*/
.fui-loadmore {
    border-top: 1px solid #E5E5E5;
    margin-top: 2.4em;
    margin: 1.5em auto;
    line-height: 1.6em;
    font-size: 14px;
    text-align: center;
}
.fui-loadmore-tips {
    display: inline-block;
    vertical-align: middle;
	position:relative;
	top: -0.9em;
    padding: 0 .55em;
    background-color: #FFFFFF;
    color: #999999;
}
/*错误小提示*/
.fui-tips {
    padding: 0 10px;
    width: 100%;
    z-index: 99;
    height:30px;
    position:fixed; top:0;
    background-color: rgba(0,0,0,.6);
    color: #ffffff;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;/*居中对齐*/
}
.fui-iconfont {
    position: relative;
    font-size:20px;
}
.fui-tips .fui-tips-title {
    font-size:12px;
    position: relative;
    max-width: 100%;
}
/*居中弹出层*/
.fui-dialog{ background:#FFF;position:fixed; display:none;border-radius:5px; z-index:9998;}
.fui-dialog-result{-webkit-animation:fuiresult 300ms; display:block; width:310px; height:auto; top:50%;left: 50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
@-webkit-keyframes fuiresult {
0%{ opacity:0; top:45%;}
100%{ opacity:1; top:50%;}
}
.fui-dialog-boder{ background-color:rgba(0,0,0,0.3); width:100%; height:100%; position:fixed; top:0; display:none; z-index:9999;}
.fui-dialog-title{ background: -webkit-linear-gradient(#f8f8f8, #ededed);background: linear-gradient(#f8f8f8, #ededed); border-radius:5px 5px 0 0;
 height:40px; line-height:40px; padding-left:20px; font-size:16px;}
.fui-dialog-body {
    padding: 15px 0; text-align:center;
    overflow: hidden;
    font-size:14px;
    color: #757575;
}
.fui-dialog-footer {
    position: relative; border-top:1px solid #dddddd;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.fui-dialog-btn {
    position: relative;
    display: block; cursor:pointer;
    width: 100%;
    padding: 0 5px;
    height: 44px;
    font-size:16px;
    line-height: 44px;
    text-align: center;
    color: #0894ec;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    box-flex: 1;
}
.fui-dialog-btn:after {
    width: 1px;
    height: 100%;
    background-color: #dddddd;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.fui-dialog-btn:first-child:after {
    width: 0;
}
/*成功或失败提示*/
.fui-dialog-no{width:auto;height:auto;-webkit-animation:fuiresultno 300ms; display:inline-block;
position:fixed; top:50%;left: 50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
border-radius:8px;background-color: rgba(50, 50, 50, 0.8); text-align:center; z-index:9999; padding:0 10px;}
@-webkit-keyframes fuiresultno{
0%{ opacity:0;}
100%{ opacity:1;}
}
.fui-dialog-noimg{margin-top:13px; text-align:center;}
.fui-dialog-noimg img{width:30px;}
.fui-dialog-nocen{font-size:13px;color:#fff;height:40px; padding:8px;}

/*卡片列表*/
.fui-card {
    font-size: 14px;
    position: relative;
    overflow: hidden;
    margin: 10px;
    border-radius: 2px;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
.fui-card-footer, .fui-card-header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    min-height: 44px;
    padding: 10px 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.fui-card-header {
    font-size: 17px;
    border-radius: 2px 2px 0 0;
}
.fui-card-content {
    font-size: 14px;
    position: relative;
	border:1px solid #e4e3e6;
	border-left:0;border-right:0;
}
.fui-card-footer {
    color: #6d6d72;
    border-radius: 0 0 2px 2px;
}
/*表单*/
.fui-input-div{ background:#f8f8f8; padding:10px 0;}
.fui-cells-title{
	margin-top: .77em;
    margin-bottom: .3em;
    padding-left: 15px;
    padding-right: 15px;
    color: #999999;
    font-size: 14px;
}
.fui-cells{
    background-color: #FFFFFF;
    line-height: 1.41176471; border-top: 1px solid #ececec;
    font-size: 17px; border-bottom: 1px solid #ececec;
    overflow: hidden;
    position: relative;}
.fui-cell{ padding: 5px 15px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center; line-height:30px;}
.fui-cell:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    left: 15px;
}
.fui-cells 	.fui-cell:first-child:before{ border-top:0;}
.fui-cell:active{ background-color:#F2F2F2;}	
.fui-radio-fl{-webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;}
.fui-check{    position: absolute;
    left: -9999em;}
.fui-radio-checked{ color: #09BB07; font-size:30px;font-weight: 600;}
.fui-radio-checkbox{ color: #09BB07; font-size:26px; margin-top:-3px; margin-right:8px;}
.fui-label{ width:100px; word-wrap: break-word; word-break: break-all; display:block;}
.fui-input{ width: 100%;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    font-size: inherit;
    color: inherit;
    height: 1.41176471em;
    line-height: 1.41176471;}
.fui-cella:active{ background:none;}
/*加减控制*/
.fui-num-input {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 120px;
    height: 30px; line-height:24px;
    padding: 0 40px;
    vertical-align: middle;
    border: solid 1px #bbb;
    border-radius: 3px;
    background-color: #efeff4;
}

.fui-num-input .fui-num-box{ display: inline-block;
    overflow: hidden;
    width: 100%!important;
    height: 100%;
    margin: 0;
    padding: 0 3px!important;
    text-align: center;
    text-overflow: ellipsis;
    word-break: normal;
    border: none!important;
    border-right: solid 1px #ccc!important;
    border-left: solid 1px #ccc!important;
    border-radius: 0!important;}
.fui-num-input .fui-num-boxk{font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 40px;
    height: 100%;
    padding: 0;
    color: #555;
    border: none;
    border-radius: 0;
    background-color: #f9f9f9;}
.fui-num-input .fui-num-boxr{ right:0;}
.fui-num-input .fui-num-boxl{ left:0;}
.fui-num-boxk[disabled]{color: silver;}
.fui-select-bg:before{
    top: 50%;
    right: 15px;
	height: 16px;
    width: 16px; color:#999;}
.fui-select{
    box-sizing: border-box;padding-right: 30px;    -webkit-appearance: none;
    border: 0;
    outline: 0;
    background-color: transparent;
    width: 100%;
    font-size: inherit;
    height: 30px;
    line-height: 30px;
    position: relative;
    z-index: 1;
    padding-left: 15px;}
	

/*首页*/	
.i-banner {
  padding: 15rem 5px; text-align:center; line-height:60px;
  color: #777; font-size:30px;
  border-bottom: 1px solid #f2f2f2;border-top: 1px solid #f2f2f2;
  margin-top:60px;    background-color: #f5f5f5;
}
.i-bottom{ text-align:center; line-height:30px; color:#666; font-size:12px; padding-top:10px;}
.i-zhichi{  padding: 15px 10px; text-align:center; line-height:30px;
  color: #777; font-size:30px;
  border-bottom: 1px solid #f2f2f2;border-top: 1px solid #f2f2f2;
  margin-top:60px;    background-color: #f5f5f5;}
.i-zhichi img{ margin-top:20px; width:200px;}  
.i-zhichi-m h6{ text-align:left;}
.i-zhichi-m table{ font-size:12px; width:100%;}

/*底部弹出菜单*/
.fui-dialogupbg { position: fixed; z-index: 1000;  top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); display:none; opacity:1;}
.fui-dialogup {
    position: fixed; left: 0; bottom: 0;z-index: 5000;width: 100%;background-color: #EFEFF4;
    -webkit-backface-visibility: hidden; backface-visibility: hidden;
    
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}
.fui-dialogup ul{ background-color: #FFFFFF;}
.fui-dialogup ul li, .fui-dialogup ol li{position: relative; padding: 10px 0;text-align: center;font-size: 18px;}
.fui-dialogup .fui-dialogup-cancel{ margin-top: 6px;  background-color: #FFFFFF; padding: 10px 0;text-align: center;font-size: 18px;}
/*智能排版*/
.fui-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.fui-flex dd{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}