diff --git a/build/gulpfile.js b/build/gulpfile.js index 40252a0a..f45df008 100644 --- a/build/gulpfile.js +++ b/build/gulpfile.js @@ -129,8 +129,12 @@ gulp.task('watch', ['default', 'server'], () => { gulp.watch(['../src/**/*'], ['default']); }); -/* 把v0.5版本的文档copy到pulic目录下 */ -gulp.task('copy-oldDoc', () => gulp.src(path.join(__dirname, '../doc/v0.5/**')).pipe(gulp.dest(path.join(__dirname, '../doc/public/v0.5')))); +/* 把v0.5、0.6版本的文档copy到pulic目录下 */ +gulp.task('copy-oldDoc', (done) => { + sequence('copy-0.5', 'copy-0.6', done); +}); +gulp.task('copy-0.5', () => gulp.src(path.join(__dirname, '../doc/v0.5/**')).pipe(gulp.dest(path.join(__dirname, '../doc/public/v0.5')))); +gulp.task('copy-0.6', () => gulp.src(path.join(__dirname, '../doc/v0.6/**')).pipe(gulp.dest(path.join(__dirname, '../doc/public/v0.6')))); /* 本地开发配置环境 */ diff --git a/doc/themes/nekui/layout/partials/resources.ejs b/doc/themes/nekui/layout/partials/resources.ejs index 56420b7c..23658c74 100644 --- a/doc/themes/nekui/layout/partials/resources.ejs +++ b/doc/themes/nekui/layout/partials/resources.ejs @@ -5,5 +5,6 @@
  • NEK
  • RegularJS
  • V0.5文档
    • +
  • V0.6文档
    • diff --git a/doc/v0.6/2018/04/19/hello-world/index.html b/doc/v0.6/2018/04/19/hello-world/index.html new file mode 100644 index 00000000..995e8c6b --- /dev/null +++ b/doc/v0.6/2018/04/19/hello-world/index.html @@ -0,0 +1,170 @@ + + + + + Hello World - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    +
    + +
    +

    + Recent Posts + + + +

    + +
    +
    +
    +

    Hello World

    +

    Apr 19, 2018

    + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/CNAME b/doc/v0.6/CNAME new file mode 100644 index 00000000..742f39da --- /dev/null +++ b/doc/v0.6/CNAME @@ -0,0 +1 @@ +nek-ui.kaolafed.com diff --git a/doc/v0.6/components/form_KLButton_.html b/doc/v0.6/components/form_KLButton_.html new file mode 100644 index 00000000..2dcd95fa --- /dev/null +++ b/doc/v0.6/components/form_KLButton_.html @@ -0,0 +1,1012 @@ + + + + + 按钮 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + + + +

    按钮 KLButton

    +
    +

    按钮类型

    主按钮、次按钮、弱按钮及不可点4种状态，主按钮在同一操作区只能出现一个

    +
    + +
    <kl-button type="primary" title="主按钮" />
    <kl-button type="secondary" title="次按钮" />
    <kl-button title="弱按钮" />
    <kl-button disabled={true} title="不可点" />
    +
    +
    +

    按钮尺寸

    小按钮多用于表格中，kl-card中操作按钮也推荐使用小尺寸

    +
    + +
    <kl-button type="primary" title="主按钮" size="sm" />
    <kl-button type="secondary" title="次按钮" size="sm" />
    <kl-button title="弱按钮" size="sm" />
    <kl-button disabled={true} title="不可点" size="sm" />
    +
    +
    +

    图标按钮

    按钮内含icon，主要用在表单外的操作按钮里

    +
    + + +
    <kl-button action="add" title="添加" class="doc-iconBtn" />
    <kl-button action="reject" title="驳回" class="doc-iconBtn" />
    <kl-button action="pass" title="通过" class="doc-iconBtn" />
    <kl-button action="copy" title="复制" class="doc-iconBtn" />
    <kl-button action="download" title="下载" class="doc-iconBtn" />
    <kl-button action="upload" title="上传" class="doc-iconBtn" />
    <kl-button action="remove" title="删除" class="doc-iconBtn" />
    <kl-button action="search" title="查询" class="doc-iconBtn" />
    + +
    + + +
    + +### 加载中的按钮 + +
    + +
    <kl-button action="update" loading />
    +
    +
    +

    按钮下载文件

    列表中经常遇到导出的需求，通过一个异步请求返回一个下载链接，然后直接触发下载；可以通过设置按钮的download属性来实现

    +
    + +
    <kl-button action="download" download={download} title="导出文件" on-click={this.download()} />
    +
    var component = new NEKUI.Component({
        template: template,
        download: function() {
            this.data.download = 'https://haitao.nos.netease.com/644804ef-91de-46cb-a663-cb90d9015122.jpg'
        }
    });
    +
    +
    +

    按钮与异步请求结合

    实际业务中推荐在全局改动一下异步请求的方法，传入一个btn参数，请求开始的时候设置btn为loading的状态，结束的时候还原回来。点击一下查看效果

    +
    + +
    <kl-button title="保存" on-click={this.save($event)} />
    +
    var component = new NEKUI.Component({
        template: template,
        save: function(e) {
            var url = '/example/api';
            var opts = {
                //传入btn
                btn: e.sender
            }
            this.request(url, opts);
        },
        //模拟一个请求
        request: function(url, opts) {
            var btn = opts.btn;
            var self = this;
            //发送请求开始的时候设置按钮为loading状态
            btn && btn.$update('loading', true);
            self.$update('loading', true);
            //2s后成功返回
            setTimeout(function() {
                self.$update('loading', false);
                btn && btn.$update('loading', false);
                self.data.loading = false;
                self.$update();
            }, 2000)
        }
    });
    +
    +

    API

    +

    KLButton

    KLButton

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.title]string"确定"=> 按钮标题
    [options.data.type]string"default"=> 按钮样式, primary, secondary, default
    [options.data.size]string"normal"=> 按钮大小, sm
    [options.data.icon]string=> 按钮图标,action不能满足需求时使用;
    [options.data.action]string=> 按钮操作类型, 每种类型有对应的icon;
    [options.data.link]string=> 按钮的链接
    [options.data.target]string"_self"=> 按钮链接的打开方式
    [options.data.download]string=> 下载链接
    [options.data.loading]booleanfalse=> 是否正在加载
    [options.data.disabled]booleanfalse=> 禁止按钮
    [options.data.class]booleanfalse=> 样式扩展
    +

    +

    click 按钮点击事件Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    eobjectevent对象
    + + + + +
    + + + + + 复选框 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/form_KLCheckGroup_.html b/doc/v0.6/components/form_KLCheckGroup_.html new file mode 100644 index 00000000..131f5469 --- /dev/null +++ b/doc/v0.6/components/form_KLCheckGroup_.html @@ -0,0 +1,1142 @@ + + + + + 复选组 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + + + +

    复选组 KLCheckGroup

    +
    +

    基本形式

    + +
    <kl-check-group source={source} value={checkedValue} />
    <div>已选择的： {checkedValue}</div>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '一般贸易', id: 1},
                {name: '海淘', id: 2},
                {name: '直邮', id: 3},
                {name: '保税', id: 4}
            ],
            checkedValue: '1'
        }
    });
    +
    +
    +

    表单项

    + +
    <kl-form>
        <kl-form-item title="跨境方式" tip="跨境方式">
            <kl-check-group source={source} value={checkedValue}/>
        </kl-form-item>
    </kl-form>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '一般贸易', id: 1},
                {name: '海淘', id: 2},
                {name: '直邮', id: 3},
                {name: '保税', id: 4}
            ],
            checkedValue: '2,3'
        }
    });
    +
    +
    +

    禁用组件

    + +
    <kl-check-group source={source} disabled />
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '一般贸易', id: 1},
                {name: '海淘', id: 2},
                {name: '直邮', id: 3},
                {name: '保税', id: 4}
            ]
        }
    });
    +
    +
    +

    多行

    + +
    <kl-check-group source={source} value={checkedValue} block />
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '一般贸易', id: 1},
                {name: '海淘', id: 2},
                {name: '直邮', id: 3},
                {name: '保税', id: 4}
            ],
            checkedValue: '1,4'
        }
    });
    +
    +
    +

    远程数据

    + +
    <kl-check-group service={@(this.service)} value={checkedValue}/>
    +
    var component = new NEKUI.Component({
        template: template,
        service: {
            getList: function(params, success) {
                NEKUI.ajax.request({
                    url: '/data/KLCheckGroup.json',
                    method: 'get',
                    type: 'json',
                    data: params,
                    success: success
                });
            }
        },
        data: {
            checkedValue: '3,4'
        }
    });
    +
    +
    +

    全选

    + +
    <check name="全选" checked={checkedAll} on-check={this._checkAll($event)} />
    <kl-check-group source={source} />
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '一般贸易', id: 1},
                {name: '海淘', id: 2},
                {name: '直邮', id: 3},
                {name: '保税', id: 4}
            ]
        },
        computed: {
            checkedAll: function() {
                var source = this.data.source;
                return source.filter(function(item) {
                    return item.checked;
                }).length === source.length;
            }
        },
        _checkAll: function(event) {
          this.data.source.forEach(function(d) {
            d.checked = !!event.checked;
          })
        },
    });
    +
    +

    API

    +

    KLCheckGroup

    KLCheckGroup

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.source]Array.<object>[]<=> 数据源
    [options.data.value]string<=> 选择的值,separator间隔的id值
    [options.data.source[].name]string"[]"=> 每项的内容
    [options.data.key]string"id"=> 数据项的键
    [options.data.separator]string","=> value的分割符号
    [options.data.nameKey]string"name"=> 数据项的name键
    [options.data.min]number=> 最少选几项
    [options.data.max]number=> 最多选几项
    [options.data.required]boolean=> 是否必选
    [options.data.message]string=> 校验错误提示信息
    [options.data.hideTip]booleanfalse=> 是否显示校验错误信息
    [options.data.block]booleanfalse=> 多行显示
    [options.data.readonly]booleanfalse=> 是否只读
    [options.data.disabled]booleanfalse=> 是否禁用
    [options.data.visible]booleantrue=> 是否显示
    [options.data.class]string=> 补充class
    [options.service]object@=> 数据服务
    +

    +

    validate 验证组件时触发Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    resultobject验证结果
    + + + + +
    + + + 复选框 + + + + + + 日期选择 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/form_KLCheck_.html b/doc/v0.6/components/form_KLCheck_.html new file mode 100644 index 00000000..8f523abd --- /dev/null +++ b/doc/v0.6/components/form_KLCheck_.html @@ -0,0 +1,895 @@ + + + + + 复选框 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + + + +

    复选框 KLCheck

    +
    +

    基本形式

    + +
    <kl-check name="多选按钮" checked={isChecked} on-check={console.log($event)} on-change={console.log($event)}/>
    <div>checked: {isChecked}</div>
    +
    +
    +

    在表单中使用

    + +
    <kl-form>
        <kl-form-item title="通知方式" tip="通知方式">
                <kl-check name="邮件" checked={isEmail}/>
                <kl-check name="短信" checked={isMsg}/>
        </kl-form-item>
    </kl-form>
    <div>通知方式：{#if isEmail} 邮件 {/if} {#if isMsg} 短信 {/if} </div>
    +
    +
    +

    半选状态

    + +
    <kl-check name="半选状态" checked={isChecked} />
    <div>checked： {isChecked}</div>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            isChecked: null
        }
    });
    +
    +
    +

    多行

    + +
    <kl-check name="邮件" block />
    <kl-check name="短信" block />
    +
    +
    +

    禁用组件

    + +
    <kl-check name="禁用多选按钮" disabled />
    +
    +

    API

    +

    KLCheck

    KLCheck

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    options.dataobject= 绑定属性
    [options.data.name]string=> 多选按钮的文字
    [options.data.checked]booleanfalse<=> 多选按钮的选择状态。false表示未选，true表示已选，null表示半选。
    [options.data.block]booleanfalse=> 是否以block方式显示
    [options.data.readonly]booleanfalse=> 是否只读
    [options.data.disabled]booleanfalse=> 是否禁用
    [options.data.visible]booleantrue=> 是否显示
    [options.data.class]string=> 补充class
    +

    +

    change 选中状态改变时触发Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    dateobject改变后的选中状态
    +

    +

    check 改变选中状态时触发Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    checkedboolean选中状态
    + + + + +
    + + + 按钮 + + + + + + 复选组 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/form_KLDatePicker_.html b/doc/v0.6/components/form_KLDatePicker_.html new file mode 100644 index 00000000..feaaafe3 --- /dev/null +++ b/doc/v0.6/components/form_KLDatePicker_.html @@ -0,0 +1,1195 @@ + + + + + 日期选择 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + + + +

    日期选择 KLDatePicker

    +
    +

    日期选择

    + +
    <kl-date-picker lang="en-US" date={selectDate} placeholder="选择日期" />
    <p>当前选择的日期为：{selectDate}</p>
    <p>格式化后的日期为：{selectDate | format: 'yyyy-MM-dd HH:mm:ss'}</p>
    +
    +
    +

    日期时间选择

    + +
    <kl-date-picker lang="en-US" date={selectDate} placeholder="选择日期" showTime />
    <p>当前选择的日期为: {selectDate}</p>
    <p>格式化后的日期为: {selectDate | format: 'yyyy-MM-dd HH:mm:ss'}</p>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            selectDate: null
        }
    });
    +
    +
    +

    禁用时/分/秒

    + +
    <p>禁用小时:</p>
    <kl-date-picker lang="en-US" date={selectDate1} placeholder="请选择时间" showTime disabledHours />
    <p>禁用分钟:</p>
    <kl-date-picker lang="en-US" date={selectDate2} placeholder="请选择时间" showTime disabledMinutes />
    <p>禁用秒:</p>
    <kl-date-picker lang="en-US" date={selectDate3} placeholder="请选择时间" showTime disabledSeconds />
    +
    var component = new NEKUI.Component({
        template: template
    });
    +
    +
    +

    禁用组件

    通过disabled属性来设置组件是否可用

    +
    + +
    <kl-date-picker disabled />
    +
    +
    +

    只可读组件

    通过readonly属性来设置组件是否值可读

    +
    + +
    <kl-date-picker date="2017-10-10" readonly />
    +
    +
    +

    日期范围

    通过指定minDate 和maxDate来控制日期选择范围

    +
    + +
    <p>控制时间选择范围：如可选择2017-03-01 - 2017-12-30段内的时间</p>
    <kl-date-picker minDate="2017-03-01" maxDate="2017-12-30" />
    <p>选择时间范围：开始时间不能大于结束时间</p>
    <kl-row>
        <kl-col span=6>
            <kl-date-picker maxDate={endTime} date={startTime} placeholder="开始时间"/>
        </kl-col>
        <kl-col span=6>
            <kl-date-picker minDate="{startTime}" date={endTime} placeholder="结束时间" />
        </kl-col>
    </kl-row>
    +
    +
    +

    数据绑定

    通过date属性来进行数据绑定

    +
    + +
    <kl-row>
        <kl-col span=6>
            <kl-date-picker date={date} />
        </kl-col>
        <kl-col span=6>
            <kl-date-picker date={date} readonly disabled=true />
        </kl-col>
    </kl-row>
    <p>当前选择的日期为：{date | format: 'yyyy-MM-dd'}</p>
    +
    +
    +

    事件

    日期时间选择组件支持toggle、select和change事件

    +
      +
    • toggle： 组件展开或收起的时候触发的事件
      • +
    • select： 当选择日期的时候触发
      • +
    • change： 当所学日期变换是触发的事件
      • +
    +

    请打开浏览器的控制台查看结果。

    +
    + +
    <kl-date-picker
        on-toggle={console.log('on-toggle:', '$event.open:', $event.open)}
        on-select={console.log('on-select:', '$event.date:', $event.date)}
        on-change={console.log('on-change:', '$event.date:', $event.date)} />
    +
    +
    +

    表单中使用

    +
    <kl-form ref="form">
        <kl-form-item title="开始时间" labelSize="70px" required >
            <kl-date-picker date={date} />
         </kl-form-item>
          <kl-button title="验证" on-click={this.validate()} />
    </kl-form>

    +
    var component = new NEKUI.Component({
        template: template,
        validate: function() {
            var $form = this.$refs.form;
            return $form.validate().success;
        }
    });
    +
    +

    API

    +

    KLDatePicker

    KLDatePicker

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.date]object<=> 当前选择的日期时间
    [options.data.showTime]booleanfalse=> 是否显示时间选择
    [options.data.defaultTime]stringnull=> 首次默认的时分秒, 格式为字符串”hh:mm:ss”
    [options.data.placeholder]string"请输入"=> 文本框的占位文字
    [options.data.minDate]Date/string=> 最小日期时间，如果为空则不限制
    [options.data.maxDate]Date/string=> 最大日期时间，如果为空则不限制
    [options.data.hideTip]booleanfalse=> 是否显示校验错误信息
    [options.data.autofocus]booleanfalse=> 是否自动获得焦点
    [options.data.required]booleanfalse=> 是否必填
    [options.data.readonly]booleanfalse=> 是否只读
    [options.data.disabled]booleanfalse=> 是否禁用
    [options.data.disabledHours]booleanfalse=> 是否禁用小时输入框
    [options.data.disabledMinutes]booleanfalse=> 是否禁用分钟输入框
    [options.data.disabledSeconds]booleanfalse=> 是否禁用秒输入框
    [options.data.visible]booleantrue=> 是否显示
    [options.data.size]string=> 组件大小, sm/md/lg
    [options.data.width]number=> 组件宽度
    [options.data.class]string=> 补充class
    +

    +

    change 日期时间改变时触发Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    dateobject改变后的日期时间
    +

    +

    select 选择某一项时触发Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    dateobject当前选择项
    + + + + +
    + + + 复选组 + + + + + + 表单 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/form_KLForm_.html b/doc/v0.6/components/form_KLForm_.html new file mode 100644 index 00000000..c6d1f6a5 --- /dev/null +++ b/doc/v0.6/components/form_KLForm_.html @@ -0,0 +1,1358 @@ + + + + + 表单 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + +

    表单 KLForm

    +
    +

    基本形式

    一个表单元素占一行, 并且label通过设置宽度居右对齐

    +
    + +
    <kl-form labelSize="80px">
        <kl-form-item title="订单号">
            <kl-input value="{billno}" width="300px" placeholder="订单号" />
        </kl-form-item>
        <kl-form-item title="支付方式">
            <kl-input value="{purchaseWay}" width="300px" placeholder="支付方式" />
        </kl-form-item>
    </kl-form>
    +
    +
    +

    表单项的说明

    两种方式,一种是配置tip, 另外一种是设置descTemplate, descTemplate可以是简单的html字符串

    +
    + +
    <kl-form labelSize="80px">
        <kl-form-item title="订单号" tip="订单号">
            <kl-input value="{billno}" width="300px" placeholder="订单号" />
        </kl-form-item>
        <kl-form-item title="支付方式" descTemplate="支付方式可填: 微信, 支付宝, 银联">
            <kl-input value="{purchaseWay}" width="300px" placeholder="支付方式" />
        </kl-form-item>
    </kl-form>
    +
    +
    +

    表单项label

    label部分可设置labelSize, labelLineHeight, titleTemplate三个属性

    +
      +
    • labelSize可以设置在kl-form-item上, 如果kl-form下的kl-form-item的labelSize都一样,则可将labelSize设置在kl-form上
      • +
    • labelLineHeight用法同labelSize
      • +
    • titleTemplate支持简单的html字符串
      • +
    +
    + +
    <kl-form>
        <kl-form-item title="订单号" descTemplate="32位订单号" labelSize="80px">
            <kl-input value="{billno}" width="300px" placeholder="订单号" />
        </kl-form-item>
        <kl-form-item title="支付方式" descTemplate="支付方式可填: 微信, 支付宝, 银联" labelSize="80px">
            <kl-input value="{purchaseWay}" width="300px" placeholder="支付方式" />
        </kl-form-item>
        <kl-form-item title="备注" labelSize="80px" labelLineHeight="lg">
            <kl-textarea width="300px" placeholder="备注" />
        </kl-form-item>
    </kl-form>
    +
    +
    +

    一行多个表单元素的布局

    可以配合kl-row与kl-col栅格布局组件实现

    +
    + +
    <kl-form labelSize="80px">
        <kl-row>
            <kl-col span=4>
                <kl-form-item title="订单号">
                    <kl-input value="{billno}" placeholder="订单号" />
                </kl-form-item>
            </kl-col>
            <kl-col span=4>
                <kl-form-item title="支付方式">
                    <kl-input value="{purchaseWay}" placeholder="支付方式" />
                </kl-form-item>
            </kl-col>
            <kl-col span=4>
                <kl-form-item title="商品名称">
                    <kl-input value="{goodsName}" placeholder="商品名称" />
                </kl-form-item>
            </kl-col>
        </kl-row>
    </kl-form>
    +
    +
    +

    下拉选项列表获取

    此项功能需要后端配合实现一个接口,该接口接收以逗号间隔的key值,并解析后返回对应key值的下拉列表; 请打开浏览器开发者工具, 在network中查看对应请求的数据格式

    +
      +
    • 默认返回的数据格式是被包裹在data中, 如果路径不满足需求,可以通过设置sourcePath自定义访问数据的路径
      • +
    +
    + +
    <kl-form labelSize="80px" service="{api}">
     <kl-row>
         <kl-col span=4>
             <kl-form-item title="支付方式" sourceKey="purchaseWays">
                 <kl-select value="{purchaseWay}" />
             </kl-form-item>
         </kl-col>
         <kl-col span=4>
             <kl-form-item title="跨境方式" sourceKey="importTypes">
                 <kl-select value="{importType}" />
             </kl-form-item>
         </kl-col>
         <kl-col span=4>
             <kl-form-item title="仓库" sourceKey="warehouses">
                 <kl-select value="{warehouse}" />
             </kl-form-item>
         </kl-col>
     </kl-row>
    </kl-form>
    +
    var component = new NEKUI.Component({
     template: template,
     config: function() {
        this.data.api = '../data/KLForm.json';
     },
    });
    +
    +
    +

    表单项layout

    + +
    <p>inline</p>
    <kl-form>
         <kl-row>
            <kl-col span=12>
                <kl-form-item title="订单号" layout="inline">
                    <kl-input value="{billno}" placeholder="订单号" />
                </kl-form-item>
                <kl-form-item title="支付方式" layout="inline">
                     <kl-input value="{purchaseWay}" placeholder="支付方式" />
                 </kl-form-item>
                 <kl-form-item title="商品名称" layout="inline">
                      <kl-input value="{goodsName}" placeholder="商品名称" />
                  </kl-form-item>
            </kl-col>
         </kl-row>
    </kl-form>
    <p>全局inline</p>
    <kl-form inline class="f-mt10">
         <kl-row>
            <kl-col span=12>
                <kl-form-item title="订单号">
                    <kl-input value="{billno}" placeholder="订单号" />
                </kl-form-item>
                <kl-form-item title="支付方式">
                     <kl-input value="{purchaseWay}" placeholder="支付方式" />
                 </kl-form-item>
                 <kl-form-item title="商品名称">
                      <kl-input value="{goodsName}" placeholder="商品名称" />
                  </kl-form-item>
            </kl-col>
         </kl-row>
    </kl-form>
    <p>vertical</p>
    <kl-form>
        <kl-row>
             <kl-col span=4>
                 <kl-form-item title="订单号" layout="vertical">
                     <kl-input value="{billno}" placeholder="订单号" />
                 </kl-form-item>
             </kl-col>
             <kl-col span=4>
                 <kl-form-item title="支付方式" layout="vertical">
                     <kl-input value="{purchaseWay}" placeholder="支付方式" />
                 </kl-form-item>
             </kl-col>
             <kl-col span=4>
                 <kl-form-item title="商品名称" layout="vertical">
                     <kl-input value="{goodsName}" placeholder="商品名称" />
                 </kl-form-item>
             </kl-col>
         </kl-row>
    </kl-form>
    +
    +
    +

    简单表单验证

    如果表单项是必填,则可以在kl-form-item上配置required属性,并通过message配置未填写时的提示文案; 除了最基本的必填校验外,各表单元素组件可以通过配置rules属性实现各种复杂的校验; 参见复杂表单验证

    +
    + +
    <kl-form labelSize="80px" ref="form">
        <kl-form-item title="订单号" required message="请填写订单号">
            <kl-input value="{billno}" width="300px" placeholder="订单号" />
        </kl-form-item>
        <kl-form-item title="支付方式" required>
            <kl-input value="{purchaseWay}" width="300px" placeholder="支付方式" />
        </kl-form-item>
        <kl-form-item title="跨境方式" required>
           <kl-select value="{importType}" source="{importTypes}" width="300px" />
        </kl-form-item>
        <kl-form-item title="国家" required>
            <kl-check-group source="{countryList}" block />
        </kl-form-item>
        <kl-form-item title="起运时间" required>
           <kl-date-picker value="{startTime}" width="300px" />
        </kl-form-item>
         <kl-form-item title="仓库" required>
          <kl-multi-select value="{warehouse}" source="{warehouses}" width="300px"  />
        </kl-form-item>
        <kl-form-item title="备注" required>
           <kl-textarea value="{remark}" width="300px" />
        </kl-form-item>
        <div style="padding-left:88px">
            <kl-button type="secondary" on-click="{this.validate()}" title="提交" />
        </div>
    </kl-form>
    +
    var component = new NEKUI.Component({
     template: template,
     config: function() {
        this.data.importTypes = [{ id: 1, name: '海淘' }, { id: 2, name: '一般贸易' }];
        this.data.countryList = [{ id: 1, name: '中国' }, { id: 2, name: '美国' }];
        this.data.warehouses = [{ id: 1, name: '宁波仓' }, { id: 2, name: '重庆仓' }];
     },
     validate: function() {
        var $form = this.$refs.form;
        return $form.validate().success;
     }
    });
    +
    +
    +

    复杂表单验证

    每个表单元素都内置一些基本的校验属性, 如input设置type=”email”, 触发校验时就会校验用户输入的是否是合法的email地址;

    +

    除内置的基本校验属性外, 每个表单元素组件都有一个rules属性, rules属性的基本格式是{type: '',message: ''}, type的可选值参见validatorJS

    +

    如果需要自定义验证函数, 可配置method属性

    +
    + +
    <kl-form labelSize="80px" ref="form">
        <kl-form-item title="用户邮箱" required>
            <kl-input type="email" value="{email}" width="300px" placeholder="用户邮箱" />
        </kl-form-item>
        <kl-form-item title="支付方式" required descTemplate="输入的值中应包含pay">
            <kl-input rules="{purchaseWayRule}" value="{purchaseWay}" width="300px" placeholder="支付方式" />
        </kl-form-item>
        <kl-form-item title="国家" required tip="最多选择2个国家">
            <kl-check-group source="{countryList}" min=1 max=2 />
        </kl-form-item>
        <kl-form-item title="备注" required descTemplate="最多输入10个字">
           <kl-textarea rules="{remarkRule}" value="{remark}" width="300px" placeholder="备注" />
        </kl-form-item>
        <div style="padding-left:88px">
            <kl-button type="secondary" on-click="{this.validate()}" title="提交" />
        </div>
    </kl-form>
    +
    var component = new NEKUI.Component({
     template: template,
     config: function() {
        this.data.importTypes = [{ id: 1, name: '海淘' }, { id: 2, name: '一般贸易' }];
        this.data.countryList = [{ id: 1, name: '中国' }, { id: 2, name: '美国' }, { id: 3, name: '英国' }];
        this.data.warehouses = [{ id: 1, name: '宁波仓' }, { id: 2, name: '重庆仓' }];
        this.data.purchaseWayRule = [{
            message: '输入的值中应包含pay', method: function(value) {
                return value.toLowerCase().indexOf('pay') != -1;
            }
        }];
        this.data.remarkRule = [{
            message: '最多输入10个字', method: function(value) {
                return value.length <= 10;
            }
        }];
     },
     validate: function() {
        var $form = this.$refs.form;
        return $form.validate().success;
     }
    });
    +
    +

    API

    +

    KLForm

    KLForm

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.service]string=> 全站异步获取source的接口地址
    [options.data.class]string=> 扩展样式
    [options.data.inline]boolean=> 如果true,kl-form-item按照inline-block排列
    [options.data.sourcePath]string"data"=> 获取到select数据后,读取json数据的路径
    [options.data.labelSize]string/number=> 批量设置kl-form-item的labelSize,取值与kl-form-item的labelSize相同
    [options.data.labelLineHeight]string/number=> 批量设置kl-form-item的labelLineHeight,取值与kl-form-item的labelLineHeight相同
    +

    +

    .validate() 验证所有表单组件method

    Returns: object - conclusion 结果说明

    +

    sourceCompleted kl-form自动获取sourceKey异步数据后触发Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    resultobject所有异步数据
    +

    +

    KLFormItem

    KLFormItem

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.title]string=> label显示的文字
    [options.data.titleTemplate]string=> title 模板
    [options.data.descTemplate]string=> 说明区块模板
    [options.data.cols]number=> [deprecated]布局列数, 请使用布局组件代替直接设置cols属性
    [options.data.labelCols]number=> [deprecated]如果有title, label占的列数, 建议使用labelSize
    [options.data.labelSize]string/number200=> 如果有title, label占的宽度,可以是px单位的数字,也可以是sm, md, lg, xlg
    [options.data.labelLineHeight]string"'2.5'"=> label line-height 属性: 可以是数字值,也可以是sm(值:1), md(值:1.6), lg(值:2.5)
    [options.data.textAlign]string"none"=> label text-align 属性：none/left/right
    [options.data.required]booleanfalse=> 是否必选项
    [options.data.tip]string=> 字段说明
    [options.data.class]string=> 样式扩展
    [options.data.layout]string=> 排列方式: 默认(横着排)/vertical/inline;
    [options.data.sourceKey]string=> 异步获取下拉列表接口的索引值
    + + + + +
    + + + 日期选择 + + + + + + 输入框 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/form_KLInput_.html b/doc/v0.6/components/form_KLInput_.html new file mode 100644 index 00000000..11a3954f --- /dev/null +++ b/doc/v0.6/components/form_KLInput_.html @@ -0,0 +1,1219 @@ + + + + + 输入框 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + + + +

    输入框 KLInput

    +
    +

    基本形式

    大部分属性的用法与<input>一致。

    +
    + +
    <kl-input maxlength=6 placeholder="请输入" autofocus />
    +
    +
    +

    大小控制

    可通过设置size来控制输入框的大小, 设置width来控制输入的宽度

    +
      +
    • sm: height=24px
      • +
    • md: height=32px
      • +
    +
    + +
    sm：
    <kl-input size="sm" width="200px" placeholder="请输入"  />
    &emsp;md：
    <kl-input size="md" width="200px" placeholder="请输入"  />
    +
    +
    +

    单位

    通过指定unit可在输入框末尾加上单位

    +
    + +
    速度：<kl-input value="340" unit="m/s" width="200px" />
    &emsp;体重：<kl-input value="50" unit="kg" width="200px" />
    +
    +
    +

    表单项

    + +
    <kl-form ref="form" labelSize="100px">
        <kl-form-item title="用户名" tip="请输入5-10位字母或者数字" required>
            <kl-input type="char" placeholder="请输入用户名" />
        </kl-form-item>
        <kl-form-item title="密码" tip="密码不能少于6位" required>
            <kl-input type="password" placeholder="请输入密码" />
        </kl-form-item>
        <kl-form-item title="年龄" required>
            <kl-input type="int" min=1 max=120 maxlength=3 placeholder="请输入年龄" />
        </kl-form-item>
        <kl-button type="secondary" title="提交" on-click={this.validate()} />
    </kl-form>
    +
    var component = new NEKUI.Component({
        template: template,
        validate: function() {
            var $form = this.$refs.form;
            return $form.validate().success;
        }
    });
    +
    +
    +

    输入框类型

    通知指定type值限制输入框输入的内容

    +
      +
    • char: 任何字符串
      • +
    • int: 整型数
      • +
    • float：浮点数，可设置decimalDigits值来指定可输入几位小数
      • +
    +
    + +
    <kl-input class="f-mb10" type="char" placeholder="可输入任何字符串" value={char} />
    <kl-input class="f-mb10" type="char" placeholder="可输入50个字以内的任何字符串" maxlength=50 value={char} />
    <kl-input class="f-mb10" type="int" placeholder="可输入整数"  value={int} />
    <kl-input class="f-mb10" type="float" placeholder="可输入浮点数"  value={float} />
    <kl-input class="f-mb10" type="float" placeholder="可输入3位小数的浮点数" decimalDigits=3 value={float3} />
    +
    +
    +

    搜索(打开console,查看输出)

    + +
    搜索：<kl-input width="200px" on-search={this.onSearch($event)} />
    +
    var component = new NEKUI.Component({
        template: template,
        onSearch: function(json) {
            console.log(json);
        }
    });
    +
    +
    +

    清空输入内容

    + +
    内容：<kl-input width="200px" clearable />
    +
    +
    +

    验证

    通过rules设置验证规则

    +
    + +
    <label>邮箱：<kl-input rules={rules} maxlength=20 /></label>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            rules: [
                {type: 'isFilled', on: 'blur', message: '请输入邮箱！'},
                {type: 'isEmail', on: 'keyup+blur', message: '请输入正确的邮箱！'}
            ]
        }
    });
    +
    +

    API

    +

    KLInput

    KLInput

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.value]string<=> 文本框的值
    [options.data.type]string=> 文本框的类型, 6种类型：int, float, char，password （email, url暂未实现），
    [options.data.placeholder]string=> 占位符
    [options.data.state]string<=> 文本框的状态
    [options.data.maxlength]number=> 文本框的最大长度
    [options.data.unit]string=> 单位
    [options.data.clearable]booleanfalse=> 是否显示清空图标
    [options.data.rules]Array.<object>[]=> 验证规则
    [options.data.autofocus]booleanfalse=> 是否自动获得焦点
    [options.data.readonly]booleanfalse=> 是否只读
    [options.data.disabled]booleanfalse=> 是否禁用
    [options.data.visible]booleantrue=> 是否显示
    [options.data.class]string=> 补充class
    [options.data.decimalDigits]number=> type=float时,最多输入几位小数的filter
    [options.data.required]boolean=> 【验证规则】是否必填
    [options.data.hideTip]booleanfalse=> 是否显示校验错误信息
    [options.data.min]number=> 【验证规则】type=int/float时的最小值, type=char时，最小长度
    [options.data.max]number=> 【验证规则】type=int/float时的最大值, type=char时，最大长度
    [options.data.message]string=> 【验证规则】验证失败时，提示的消息
    [options.data.size]string=> 组件大小, sm/md
    [options.data.width]number=> 组件宽度
    +

    +

    keyup 原生keyup事件Event

    + + + + + + + + + + + + + + +
    ParamTypeDescription
    MouseEventevent点击的鼠标事件
    +

    +

    blur 原生blur事件Event

    + + + + + + + + + + + + + + +
    ParamTypeDescription
    MouseEventevent点击的鼠标事件
    +

    +

    focus 原生focus事件Event

    + + + + + + + + + + + + + + +
    ParamTypeDescription
    MouseEventevent点击的鼠标事件
    +

    +

    change 原生change事件Event

    + + + + + + + + + + + + + + +
    ParamTypeDescription
    KeyBoardEventevent点击的鼠标事件
    +

    +

    input 原生input事件Event

    + + + + + + + + + + + + + + +
    ParamTypeDescription
    KeyBoardEventevent点击的鼠标事件
    +

    +

    search 点击搜索图标时触发Event

    + + + + + + + + + + + + + + +
    ParamTypeDescription
    MouseEventevent点击的鼠标事件
    + + + + +
    + + + 表单 + + + + + + 多级选择 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/form_KLMultiSelect_.html b/doc/v0.6/components/form_KLMultiSelect_.html new file mode 100644 index 00000000..8ee408b9 --- /dev/null +++ b/doc/v0.6/components/form_KLMultiSelect_.html @@ -0,0 +1,1703 @@ + + + + + 多级选择 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + + + +

    多级选择 KLMultiSelect

    +
    +

    基本形式

    + +
    <kl-multi-select 
        source={source} 
        value={value} 
        on-select={this.selected($event)}
        placeholder={placeholder}
        />
    <p>选择的是：{value}</p>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '母婴儿童', id: 1, children: [
                    {name: '营养辅食', id: 11},
                    {name: '奶粉', id: 12, children: [
                        {name: '爱他美', id: 121, children: [
                            {name: '1段', id: 1211, children: [
                                {name: '0-6个月', id: 12111},
                                {name: '6-12个月', id: 12112}
                                ]},
                            {name: '3段', id: 1212},
                            {name: '5段', id: 1213}
                            ]},
                        {name: '美赞臣', id: 122}
                    ]},
                    {name: '童装童鞋', id: 13},
                    {name: '宝宝用品', id: 14},
                ]},
                {name: '美容彩妆', id: 2},
                {name: '服饰鞋包', id: 3, children: [
                    {name: '女士箱包', id: 31},
                    {name: '男士箱包', id: 32}
                ]}
            ],
            value: '',
            placeholder: '请选择'
        },
        selected: function(event) {
            console.log(event);
        }
    });
    +
    +
    +

    允许勾选非末级

    onlyChild控制是否允许勾选非末级（仅支持单选场景）

    +

    选择非末级时点击文本，如果只是想展开下一级请点击右侧箭头

    +
    + +
    <kl-multi-select 
        source={source} 
        showPath={showPath} 
        value={value} 
        on-select={this.selected($event)} 
        onlyChild={onlyChild}
        />
    <p>选择的是：{value}</p>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '母婴儿童', id: 1, children: [
                    {name: '营养辅食', id: 11},
                    {name: '奶粉', id: 12, children: [
                        {name: '爱他美', id: 121, children: [
                            {name: '1段', id: 1211, children: [
                                {name: '0-6个月', id: 12111},
                                {name: '6-12个月', id: 12112}
                                ]},
                            {name: '3段', id: 1212},
                            {name: '5段', id: 1213}
                            ]},
                        {name: '美赞臣', id: 122}
                    ]},
                    {name: '童装童鞋', id: 13},
                    {name: '宝宝用品', id: 14},
                ]},
                {name: '美容彩妆', id: 2},
                {name: '服饰鞋包', id: 3, children: [
                    {name: '女士箱包', id: 31},
                    {name: '男士箱包', id: 32}
                ]}
            ],
            value: 1,
            onlyChild: false,
            showPath: true
        },
        selected: function(event) {
            console.log(event);
        }
    });
    +
    +
    +

    selected, value和key

    selected表示当前选择项，value表示当前选择值。key表示数据项的键，默认为'id'。

    +

    它们三者的关系如下：selected[key] == value。其中selected和value是联动的，当一项变化时会同时改变另一项。

    +

    *注：selected不能用来赋初始值，selected属性的值可查看控制台

    +
    + +
    <kl-form>
        <kl-form-item cols=4>
            <kl-multi-select source={source} onlyChild={false} selected={selected} />
        </kl-form-item>
        <kl-form-item cols=4>
            <kl-multi-select source={source} onlyChild={false} value={value} />
        </kl-form-item>
        <kl-form-item cols=4>
            <kl-multi-select source={source} onlyChild={false} key="name" value="女士箱包" />
        </kl-form-item>
    </kl-form>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '母婴儿童', id: 1, children: [
                    {name: '营养辅食', id: 11},
                    {name: '奶粉', id: 12, children: [
                        {name: '爱他美', id: 121, children: [
                            {name: '1段', id: 1211, children: [
                                {name: '0-6个月', id: 12111},
                                {name: '6-12个月', id: 12112}
                                ]},
                            {name: '3段', id: 1212},
                            {name: '5段', id: 1213}
                            ]},
                        {name: '美赞臣', id: 122}
                    ]},
                    {name: '童装童鞋', id: 13},
                    {name: '宝宝用品', id: 14},
                ]},
                {name: '美容彩妆', id: 2},
                {name: '服饰鞋包', id: 3, children: [
                    {name: '女士箱包', id: 31},
                    {name: '男士箱包', id: 32}
                ]}
            ],
            value: 121
        },
        config: function() {
            this.data.selected = {};
        },
        selected: function(event) {
            console.log(this.data.selected);
        }
    });
    +
    +
    +

    展示路径（单选）

    showPath控制选择是否显示路径，若为true时selected.path 保存当前路径字符串，pathArray 是路径数组，具体看控制台。

    +

    选择显示路径的情况下，路径可以提示文本的形式显示在所选项名称上，使用placement选择路径显示的方位，默认为top，此处设置为bottom。

    +
    + +
    <kl-multi-select 
        showPath={showPath} 
        placement={placement} 
        pathString={pathString} 
        source={source} 
        value={value}
        on-select={this.selected($event)}
        />
    <p>选择的是：{value}</p>
    <p>路径是: {path}</p>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '母婴儿童', id: 1, children: [
                    {name: '营养辅食', id: 11},
                    {name: '奶粉', id: 12, children: [
                        {name: '爱他美', id: 121, children: [
                            {name: '1段', id: 1211, children: [
                                {name: '0-6个月', id: 12111},
                                {name: '6-12个月', id: 12112}
                                ]},
                            {name: '3段', id: 1212},
                            {name: '5段', id: 1213}
                            ]},
                        {name: '美赞臣', id: 122}
                    ]},
                    {name: '童装童鞋', id: 13},
                    {name: '宝宝用品', id: 14},
                ]},
                {name: '美容彩妆', id: 2},
                {name: '服饰鞋包', id: 3, children: [
                    {name: '女士箱包', id: 31},
                    {name: '男士箱包', id: 32}
                ]}
            ],
            value: '',
            showPath: true,
            placement: 'bottom',
            pathString: '>'
        },
        selected: function(event) {
            console.log(event);
            this.data.path = event.selected.path;
        }
    });
    +
    +
    +

    多选

    + +
    <kl-multi-select 
        source={source} 
        multiple={multiple} 
        value={value}  
        on-select={this.selected($event)} 
        on-change={this.change($event)}
        />
    选择的是：{value}
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '母婴儿童', id: 1, children: [
                    {name: '营养辅食', id: 11},
                    {name: '奶粉', id: 12, children: [
                        {name: '爱他美', id: 121, children: [
                            {name: '1段', id: 1211, children: [
                                {name: '0-6个月', id: 12111},
                                {name: '6-12个月', id: 12112}
                                ]},
                            {name: '3段', id: 1212},
                            {name: '5段', id: 1213}
                            ]},
                        {name: '美赞臣', id: 122}
                    ]},
                    {name: '童装童鞋', id: 13},
                    {name: '宝宝用品', id: 14},
                ]},
                {name: '美容彩妆', id: 2},
                {name: '服饰鞋包', id: 3, children: [
                    {name: '女士箱包', id: 31},
                    {name: '男士箱包', id: 32}
                ]}
            ],
            value: '',
            multiple: true
        },
        selected: function(event) {
            console.log('selected',event);
        },
        change: function(event) {
            console.log('change',event);
        }
    });
    +
    +
    +

    展示路径（多选）

    showPath控制选择是否显示路径，若为true时selected.path 保存当前路径字符串。

    +

    选择显示路径的情况下，路径可以提示文本的形式显示在所选项名称上，使用placement选择路径显示的方位，默认为top，此处设置为bottom。

    +

    showPathName 控制是否直接替代 name 来展示

    +
    + +
    <kl-multi-select 
        showPath={showPath} 
        placement={placement} 
        pathString={pathString} 
        showPathName={showPathName} 
        multiple={multiple}
        source={source} 
        value={value}
        on-select={this.selected($event)}
        />
    <p>选择的是：{value}</p>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '母婴儿童', id: 1, children: [
                    {name: '营养辅食', id: 11},
                    {name: '奶粉', id: 12, children: [
                        {name: '爱他美', id: 121, children: [
                            {name: '1段', id: 1211, children: [
                                {name: '0-6个月', id: 12111},
                                {name: '6-12个月', id: 12112}
                                ]},
                            {name: '3段', id: 1212},
                            {name: '5段', id: 1213}
                            ]},
                        {name: '美赞臣', id: 122}
                    ]},
                    {name: '童装童鞋', id: 13},
                    {name: '宝宝用品', id: 14},
                ]},
                {name: '美容彩妆', id: 2},
                {name: '服饰鞋包', id: 3, children: [
                    {name: '女士箱包', id: 31},
                    {name: '男士箱包', id: 32}
                ]}
            ],
            value: '',
            showPath: true,
            placement: 'bottom',
            showPathName: true,
            multiple: true,
            pathString: '>'
        },
        selected: function(event) {
            console.log(event);
            this.data.path = event.selected.path;
        }
    });
    +
    +
    +

    多选模式2

    如果某个根节点下的所有子节点全被勾选，则只展示根节点。

    +

    此时根节点的值为字段 rootValue，原 value 字段的值还是所有被选中的叶子节点的值

    +
    + +
    <kl-multi-select 
        source={source} 
        multiple={multiple} 
        showRoot={showRoot}
        value={value}  
        rootValue={rootValue}
        on-select={this.selected($event)} 
        on-change={this.change($event)}
        />
    <p>选择的是：{value}</p>
    <p>rootValue: {rootValue}</p>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '母婴儿童', id: 1, children: [
                    {name: '营养辅食', id: 11},
                    {name: '奶粉', id: 12, children: [
                        {name: '爱他美', id: 121, children: [
                            {name: '1段', id: 1211, children: [
                                {name: '0-6个月', id: 12111},
                                {name: '6-12个月', id: 12112}
                                ]},
                            {name: '3段', id: 1212},
                            {name: '5段', id: 1213}
                            ]},
                        {name: '美赞臣', id: 122}
                    ]},
                    {name: '童装童鞋', id: 13},
                    {name: '宝宝用品', id: 14},
                ]},
                {name: '美容彩妆', id: 2},
                {name: '服饰鞋包', id: 3, children: [
                    {name: '女士箱包', id: 31},
                    {name: '男士箱包', id: 32}
                ]}
            ],
            value: '',
            rootValue: '1',
            multiple: true,
            showRoot: true
        },
        selected: function(event) {
            console.log('selected',event);
        },
        change: function(event) {
            console.log('change',event);
        },
        rootChange: function(event) {
            console.log('rootChange',event);
        },
    });
    +
    +

    API

    +

    KLMultiSelect

    KLMultiSelect

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.source]Array.<object>[]<=> 数据源
    [options.data.source[].name]string=> 每项的内容
    [options.data.key]string"id"=> 数据项的键
    [options.data.nameKey]string"name"=> 数据项的name键
    [options.data.childKey]string"children"=> 数据子项的键
    [options.data.onlyChild]booleantrue=> 在单选模式下，是否只允许选中末级
    [options.data.value]stringnull<=> 当前选择值
    [options.data.rootValue]stringnull<=> 模式2种的选择值(具体见文档 demo)
    [options.data.showRoot]stringfalse=> 是否用模式2(具体见文档 demo)，这种模式下如果 value 和 rootValue 都传入，回显以 rootValue 为准
    [options.data.selected]object<=> 当前选择项
    [options.data.placeholder]string"''"=> 默认提示
    [options.data.separator]string","=> 多选时value分隔符
    [options.data.showPath]booleanfalse=> 单选时是否展示路径
    [options.data.placement]string"top"=> 单选时展示路径的 tooltip 位置，只有在showPath=true的时候生效，如果填 false 则不展示 tooltip
    [options.data.pathString]string"'>'"=> 链接每一级路径的字符串，避免名字中包含该字符串
    [options.data.showPathName]booleanfalse=> 是否用 path 代替原来的 namekey 显示
    [options.data.readonly]booleanfalse=> 是否只读
    [options.data.multiple]booleanfalse=> 是否多选
    [options.data.disabled]booleanfalse=> 是否禁用
    [options.data.visible]booleantrue=> 是否显示
    [options.data.class]string=> 补充class
    [options.data.width]number=> 组件宽度
    +

    +

    value 改变时触发Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    valueobject当前 value 的值
    +

    +

    rootValue 改变时触发Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    valueobject当前 value 的值
    +

    +

    select 选择某一项时触发Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    selectedobject当前选择项
    + + + + +
    + + + 输入框 + + + + + + 单选组 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/form_KLRadioGroup_.html b/doc/v0.6/components/form_KLRadioGroup_.html new file mode 100644 index 00000000..85ffd32f --- /dev/null +++ b/doc/v0.6/components/form_KLRadioGroup_.html @@ -0,0 +1,1106 @@ + + + + + 单选组 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + + + +

    单选组 KLRadioGroup

    +
    +

    基本形式

    + +
    <kl-radio-group source={source} value={value} on-select={console.log($event)} />
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '一般贸易', id: 1},
                {name: '海淘', id: 2},
                {name: '直邮', id: 3},
                {name: '保税', id: 4}
            ],
            value: 2
        }
    });
    +
    +
    +

    数据绑定

    + +
    <kl-radio-group source={source} value={value} selected={selected} />
    <div>value: {value}</div>
    <div>selected: {selected ? JSON.stringify(selected) : ''}</div>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '一般贸易', id: 11},
                {name: '海淘', id: 22},
                {name: '直邮', id: 33},
                {name: '保税', id: 44}
            ],
            value: 3
        }
    });
    +
    +
    +

    表单项

    + +
    <kl-form>
        <kl-form-item title="跨境方式" tip="跨境方式">
            <kl-radio-group source={source} value={value}/>
        </kl-form-item>
    </kl-form>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '一般贸易', id: 1},
                {name: '海淘', id: 2},
                {name: '直邮', id: 3},
                {name: '保税', id: 4}
            ],
            value: 1
        }
    });
    +
    +
    +

    禁用组件

    + +
    <kl-radio-group source={source} disabled />
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '一般贸易', id: 1},
                {name: '海淘', id: 2},
                {name: '直邮', id: 3},
                {name: '保税', id: 4}
            ]
        }
    });
    +
    +
    +

    远程数据

    + +
    <kl-radio-group service={@(this.service)} value={value}/>
    +
    var component = new NEKUI.Component({
        template: template,
        service: {
            getList: function(params, success) {
                NEKUI.ajax.request({
                    url: '/data/KLRadioGroup.json',
                    method: 'get',
                    type: 'json',
                    data: params,
                    success: success
                });
            }
        },
        data: {
            value: 4
        }
    });
    +
    +
    +

    多行

    + +
    <kl-radio-group source={source} value={value} block />
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '一般贸易', id: 1},
                {name: '海淘', id: 2},
                {name: '直邮', id: 3},
                {name: '保税', id: 4}
            ],
            value: 2
        }
    });
    +
    +

    API

    +

    KLRadioGroup

    KLRadioGroup

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.source]Array.<object>[]<=> 数据源
    [options.data.nameKey]string"name"=> 数据项的name键
    [options.data.key]string"id"=> 数据项的key键
    [options.data.source[].name]string=> 每项的内容
    [options.data.selected]object<=> 当前选择的对象
    [options.data.value]number/string<=> 当前选择的值
    [options.data.block]booleanfalse=> 多行显
    [options.data.required]booleanfalse=> 是否必选
    [options.data.message]string=> 验证错误提示
    [options.data.hideTip]booleanfalse=> 是否显示校验错误信息
    [options.data.readonly]booleanfalse=> 是否只读
    [options.data.disabled]booleanfalse=> 是否禁用
    [options.data.visible]booleantrue=> 是否显
    [options.data.class]string=> 补充class
    [options.service]object@=> 数据服务
    +

    +

    select 选择某一项时触发Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    selectedobject当前选择
    + + + + +
    + + + 多级选择 + + + + + + 下拉选择 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/form_KLSelect_.html b/doc/v0.6/components/form_KLSelect_.html new file mode 100644 index 00000000..0a29d561 --- /dev/null +++ b/doc/v0.6/components/form_KLSelect_.html @@ -0,0 +1,1685 @@ + + + + + 下拉选择 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + + + +

    下拉选择 KLSelect

    +
    +

    基本形式

    + +
    <kl-select source={source} />
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '母婴儿童'},
                {name: '美容彩妆'},
                {name: '服饰鞋包'}
            ]
        }
    });
    +
    +
    +

    表单项

    在表单中使用

    +
    + +
    <kl-form>
        <kl-form-item cols="12" title="所有分类" hint="所有BU的分类">
            <kl-select source={['母婴儿童', '美容彩妆', '服饰鞋包']} />
        </kl-form-item>
    </kl-form>
    +
    +
    +

    selected, value和key

    selected表示当前选择项，value表示当前选择值。key表示数据项的键，默认为'id'。

    +

    它们三者的关系如下：selected[key] == value。其中selected和value是联动的，当一项变化时会同时改变另一项。

    +
    + +
    <kl-form>
        <kl-form-item cols=4>
            <kl-select source={source} selected={selected} />
        </kl-form-item>
        <kl-form-item cols=4>
            <kl-select source={source} value={2} />
        </kl-form-item>
        <kl-form-item cols=4>
            <kl-select source={source} key="name" value="服饰鞋包" />
        </kl-form-item>
    </kl-form>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {id: 1, name: '母婴儿童'},
                {id: 2, name: '美容彩妆'},
                {id: 3, name: '服饰鞋包'}
            ]
        },
        config: function() {
            this.data.selected = this.data.source[0];
        }
    });
    +
    +
    +

    禁用某一项，禁用组件

    tip表示禁用某一项时给出的提示，不给则无提示，placement表示给出提示的方向，具体参考文字提示组件Tooltip

    +
    + +
    <kl-form>
        <kl-form-item cols=6>
            <kl-select source={source} />
        </kl-form-item>
        <kl-form-item cols=6>
            <kl-select source={source} disabled />
        </kl-form-item>
    </kl-form>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '母婴儿童'},
                {name: '美容彩妆'},
                {name: '服饰鞋包（禁用）', disabled: true},
                {name: '家居个护（禁用）', disabled: true, tip: 'tip'},
                {name: '营养保健（禁用）', disabled: true, tip: 'tip', placement: 'bottom'}
            ]
        }
    });
    +
    +
    +

    分隔线

    + +
    <kl-form>
        <kl-form-item cols=12>
            <kl-select source={source} />
        </kl-form-item>
    </kl-form>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '母婴儿童'},
                {name: '美容彩妆'},
                {divider: true},
                {name: '服饰鞋包（禁用）', disabled: true}
            ]
        }
    });
    +
    +
    +

    设置或取消默认项

    如果placeholder为空，刚开始将会自动选中第一项。

    +
    + +
    <kl-form>
        <kl-form-item cols=6>
            <kl-select source={source} placeholder="全部" />
        </kl-form-item>
        <kl-form-item cols=6>
            <kl-select source={source} placeholder="" />
        </kl-form-item>
    </kl-form>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '母婴儿童'},
                {name: '美容彩妆'},
                {name: '服饰鞋包'}
            ]
        }
    });
    +
    +
    +

    远程数据

    + +
    <kl-select service={@(this.service)} value="2" />
    +
    var component = new NEKUI.Component({
        template: template,
        service: {
            getList: function(params, success) {
                this.request({
                    url: '../data/KLSelectList.json',
                    method: 'get',
                    type: 'json',
                    data: params,
                    success: function(json) {
                         this.$update('source', json.result);
                     }.bind(this)
                });
            }
        }
    });
    +
    +
    +

    数据绑定

    如果同时设置selected和value的初始化值，selected的值会将value覆盖。

    +
    + +
    <kl-select source={source} selected={selected} value={value} /> 
    <p>当前选择项：{selected ? selected.name : 'undefined'}</p>
    <p>当前选择值：{value || 'undefined'}</p>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {id: 1, name: '母婴儿童'},
                {id: 2, name: '美容彩妆'},
                {id: 3, name: '服饰鞋包'}
            ]
        },
        config: function(){
            this.data.selected = this.data.source[1];
            this.data.value = 1;
        }
    });
    +
    +
    +

    事件

    请打开浏览器的控制台查看结果。

    +
    + +
    <kl-select source={source}
        on-toggle={console.log('on-toggle:', '$event.open:', $event.open)}
        on-select={console.log('on-select:', '$event.selected:', $event.selected)}
        on-change={console.log('on-change:', '$event:', $event)} />
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '母婴儿童'},
                {name: '美容彩妆'},
                {name: '服饰鞋包'}
            ]
        }
    });
    +
    +
    +

    带清空按钮

    + +
    <kl-select source={source} clearable={clearable} canSearch={canSearch} />
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '母婴儿童'},
                {name: '美容彩妆'},
                {name: '服饰鞋包'}
            ],
            clearable: true,
            canSearch: true
        }
    });
    +
    +
    +

    综合示例

    + +
    <kl-form-item title="是否多选: ">
        <kl-check checked={multiple} />
    </kl-form-item>
    <kl-form-item title="是否有全选: ">
        <kl-check checked={canSelectAll} />
    </kl-form-item>
    <kl-form-item title="是否选中关闭: ">
        <kl-check checked={selectedClose} />
    </kl-form-item>
    <kl-form-item title="value分隔符: " col=11>
        <kl-input value={separator}/>
    </kl-form-item>
    <kl-form-item title="最多展示多少个选项: " col=11>
        <kl-input value={limit}/>
    </kl-form-item>
    <kl-form-item title="是否可搜索: " >
        <kl-check checked={canSearch} />
    </kl-form-item>
    <kl-form-item title="区分大小写">
        <kl-check checked={isCaseSensitive} />
    </kl-form-item>
    <kl-form-item>
        <kl-select source={source} 
                multiple={multiple} 
                canSearch={canSearch}
                separator={separator} 
                selectedClose={selectedClose}
                canSelectAll={canSelectAll} 
                isCaseSensitive={isCaseSensitive}
                searchInputPlaceholder="请输入" 
                value={value} limit={limit}
                />
    </kl-form-item>
    <kl-form-item>
        选中值：{value}
    </kl-form-item>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            multiple: true,
            separator: ',',
            showSeparator: '、',
            selectedClose: false,
            canSelectAll: true,
            canSearch: true,
            isCaseSensitive: false,
            value: '',
            limit: null,
            source: [
                {name: '母婴儿童Dr.CI'},{name: '母婴儿童Filorga'},
                {name: '母婴儿童age20'},{name: '母婴儿童'},
                {name: '营养保健'},{name: '海外直邮'},
                {name: '数码家电'},{name: '环球美食'},
                {name: '运动户外'},{name: '水果生鲜'},
                {name: '女士箱包'},{name: '男士箱包'},
                {name: '运动服饰'},{name: '休闲零食'},
                {name: '水产海鲜'},{name: '健康养护'},
                {name: '速冻特产'},{name: '新鲜水果'}
            ]
        },
    });
    +
    +

    API

    +

    KLSelect

    KLSelect

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.source]Array.<object>[]<=> 数据源
    [options.data.source[].name]string=> 每项的内容
    [options.data.source[].disabled]booleanfalse=> 禁用此项
    [options.data.source[].tip]string=> 禁用此项显示的提示，如果没有则不显示
    [options.data.source[].placement]string=> 禁用此项显示提示的方向，默认下方
    [options.data.filter]function=> 如果传了该参数会对 source 数组的每一项 item 进行 filter(item) 返回 true 则显示，否则不显示
    [options.data.source[].divider]booleanfalse=> 设置此项为分隔线
    [options.data.selected]object<=> 当前选择项
    [options.data.value]string/number<=> 当前选择值
    [options.data.key]string"id"=> 数据项的键
    [options.data.nameKey]string"name"=> 数据项的name键
    [options.data.placeholder]string"请选择"=> 默认项的文字，如果placeholder为空并且没有选择项时，将会自动选中第一项。
    [options.data.hideTip]booleanfalse=> 是否显示校验错误信息
    [options.data.clearable]stringfalse=> 单选时是否有清空按钮
    [options.data.required]booleanfalse=> 是否必填
    [options.data.readonly]booleanfalse=> 是否只读
    [options.data.disabled]booleanfalse=> 是否禁用
    [options.data.visible]booleantrue=> 是否显示
    [options.data.class]string=> 补充class
    [options.service]object@=> 数据服务
    [options.data.canSearch]booleanfalse=> 是否可搜索
    [options.data.isCaseSensitive]booleanfalse=> 是否区分大小写
    [options.data.noMatchText]boolean无匹配项=> 搜索无结果文案
    [options.data.delaySearch]Number300=> 异步搜索的延迟
    [options.data.maxShowCount]Number1000=> 最大展示条数
    [options.data.multiple]booleanfalse=> 是否多选
    [options.data.separator]string","=> 多选value分隔符
    [options.data.selectedClose]booleantrue=> 多选时选中非全部和请选择项时 是否关闭
    [options.data.canSelectAll]booleantrue=> 是否有全选
    [options.data.size]string=> 组件大小, sm/md/lg
    [options.data.width]number=> 组件宽度
    [options.data.limit]number=> 在选项过多的时候可能会有性能问题，limit 用来限制显示的数量
    +

    +

    change 选择项改变时触发Event

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    selectedobject改变后的选择项
    keystring数据项的键
    valuestring/number改变后的选择值
    +

    +

    select 选择某一项时触发Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    selectedobject当前选择项
    + + + + +
    + + + 单选组 + + + + + + 文本展示 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/form_KLTextArea_.html b/doc/v0.6/components/form_KLTextArea_.html new file mode 100644 index 00000000..aa102695 --- /dev/null +++ b/doc/v0.6/components/form_KLTextArea_.html @@ -0,0 +1,967 @@ + + + + + 文本输入 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + + + +

    文本输入 KLTextArea

    +
    +

    基本形式

    大部分属性的用法与<textarea>一致。

    +
    + +
    <kl-textarea  placeholder="请输入备注" />
    +
    +
    +

    表单项

    在表单中使用

    +
    + +
    <kl-form>
        <kl-form-item title="备注">
            <kl-textarea placeholder="请输入备注" />
        </kl-form-item>
    </kl-form>
    +
    +
    +

    验证

    通过指定rules规则对文本进行验证

    +
    + +
    <kl-textarea rules={rules} placeholder="请输入邮箱, 失去焦点时验证" />
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            rules: [
                {type: 'isFilled', on: 'blur', message: '请输入邮箱！'},
                {type: 'isEmail', on: 'keyup+blur', message: '请输入正确的邮箱！'}
            ]
        }
    });
    +
    +
    +

    限制输入长度

    通过指定maxlength来限制输入内容长度

    +
    + +
    <kl-textarea  maxlength=100 placeholder="请输入备注" />
    +
    +
    +

    高宽设置

    通过height和width设置输入框的高和宽

    +
    + +
    <kl-textarea height=100 width=400 placeholder="请输入备注"/>
    +
    +
    +

    字数实时统计

    + +
    <p>最大长度{maxLength}字，已经输入了{(value || '').length}字</p>
    <kl-textarea rules={rules} value={value} placeholder="请输入内容" />
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            maxLength: 10,
            value: '',
            rules: [
                {method: function(text) {
                    return (text || '').length <= component.data.maxLength;
                }, on: 'keyup+blur', message: '字数超出限制！'}
            ]
        }
    });
    +
    +

    API

    +

    KLTextArea

    KLTextArea

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.value]string<=> 文本框的值
    [options.data.placeholder]string=> 占位符
    [options.data.state]string<=> 文本框的状态(保留字段，暂无实现)
    [options.data.maxlength]number=> 文本框的最大长度
    [options.data.rules]Array.<object>[]=> 验证规则
    [options.data.autofocus]booleanfalse=> 是否自动获得焦点
    [options.data.height]number120=> 高度
    [options.data.width]number=> 组件宽度
    [options.data.required]booleanfalse=> 是否必填
    [options.data.message]string=> 必填校验失败提示的消息
    [options.data.hideTip]booleanfalse=> 是否显示校验错误信息
    [options.data.readonly]booleanfalse=> 是否只读
    [options.data.disabled]booleanfalse=> 是否禁用
    [options.data.visible]booleantrue=> 是否显示
    [options.data.class]string=> 补充class
    + + + + +
    + + + 文本展示 + + + + + + 树型视图 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/form_KLText_.html b/doc/v0.6/components/form_KLText_.html new file mode 100644 index 00000000..cb2ac4d3 --- /dev/null +++ b/doc/v0.6/components/form_KLText_.html @@ -0,0 +1,926 @@ + + + + + 文本展示 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + + + +

    文本展示 KLText

    +
    +

    大小扩展

    通过设置size值控制文本字体大小

    +
    + +
    示例：
    <kl-text size="xs" text="超小号文本"></kl-text>
    <kl-text size="sm" text="小号文本"></kl-text>
    <kl-text  text="正常文本"></kl-text>
    <kl-text size="lg" text="大号文本"></kl-text>
    <kl-text size="xl" text="超大号文本"></kl-text>
    +
    +
    +

    类型扩展

    通过设置type值控制文本显示不同类型

    +
    + +
    示例：
    <kl-text type="default" text="Default"></kl-text>
    <kl-text type="primary" text="Primary"></kl-text>
    <kl-text type="success" text="Success"></kl-text>
    <kl-text type="warning" text="Warning"></kl-text>
    <kl-text type="error" text="Error"></kl-text>
    <kl-text type="inverse" text="Inverse"></kl-text>
    <kl-text type="muted" text="Muted"></kl-text>
    +
    +
    +

    加粗

    通过设置isBold值控制文本字体是否加粗

    +
      +
    • false: 不加粗
      • +
    • true: 加粗
      • +
    +
    + +
    示例：
    <kl-text  text="正常文本"></kl-text>
    <kl-text isBold={true} text="加粗文本"></kl-text>
    +
    +
    +

    水平对齐

    通过指定align值来控制文字垂直方向的排列规则

    +
      +
    • left:左对齐
      • +
    • center: 居中对齐
      • +
    • right: 右对齐
      • +
    +
    + +
    示例：
    <kl-text align="left" text="左对齐"></kl-text>
    <kl-text align="center" text="居中对齐"></kl-text>
    <kl-text align="right" text="右对齐"></kl-text>
    +
    +
    +

    垂直对齐

    通过指定vertical值来控制文字垂直方向的排列规则

    +
      +
    • top:顶部对齐
      • +
    • middle: 垂直居中
      • +
    • bottom: 底部对齐
      • +
    +
    + +
    示例：
    <kl-text vertical="top" text="顶部对齐"></kl-text>
    <kl-text vertical="middle" text="垂直居中"></kl-text>
    <kl-text vertical="bottom" text="底部对齐"></kl-text>
    +
    +
    +

    链接显示

    通过设置url把文本变成链接显示

    +
    + +
    示例：<kl-text url="http://www.kaola.com"  target="_blank" text="跳转至考拉首页"></kl-text>
    +
    +

    API

    +

    KLText

    KLText

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.text]string"文本"<=> 内容
    [options.data.size]string=> text大小 取值：xs、sm、lg、xl
    [options.data.isBold]booleanfalse=> 是否加粗 取值：true-加粗 、false-不加粗
    [options.data.align]string=> 左右对齐方式 取值：left、center、right
    [options.data.vertical]string=> 上下对齐方式 取值：top、middle、bottom
    [options.data.type]string"default"=> 文本样式 取值：default、primary、success、warning、error、inverse、muted
    [options.dara.class]string=> 自定义class
    [options.data.url]string"javascript:;"=>连接的url 值为“javascript:”表示非链接文本
    [options.data.target]string=> a标签的target属性 取值：_blank、_self、_parent、_top
    + + + + +
    + + + 下拉选择 + + + + + + 文本输入 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/form_KLTreeView_.html b/doc/v0.6/components/form_KLTreeView_.html new file mode 100644 index 00000000..58af6f00 --- /dev/null +++ b/doc/v0.6/components/form_KLTreeView_.html @@ -0,0 +1,1132 @@ + + + + + 树型视图 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + + + +

    树型视图 KLTreeView

    +
    +

    基本形式

    + +
    <kl-tree-view source={source} value={value}/>
    <p>选择的是：{value}</p>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '家居个护', children: [
                    {name: '洗护日用'},
                    {name: '居家用品', children: [
                        {name: '杯子'},
                        {name: '锅具刀具'}
                    ]},
                    {name: '家装家纺'},
                    {name: '其他个护'},
                ]},
                {name: '母婴儿童'},
                {name: '美容彩妆', children: [
                    {name: '护肤'},
                    {name: '彩妆'}
                ]}
            ]
        }
    });
    +
    +
    +

    selected, value和key

    selected表示当前选择项，value表示当前选择值。key表示数据项的键，默认为'id'。

    +

    它们三者的关系如下：selected[key] == value。其中selected和value是联动的，当一项变化时会同时改变另一项。

    +

    *注意：暂时不支持value赋初始值。

    +
    + +
    <kl-form>
        <kl-col span=6>
            <kl-tree-view  source={source} nameKey='value' selected={selected} />
        </kl-col>
        <kl-col span=6>
            <kl-tree-view  source={source} nameKey='value' value={value} />
        </kl-col>
    </kl-form>
    <p>选择的分别是是: {selected.value} {value}</p>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {id: 1, value: '母婴儿童'},
                {id: 2, value: '美容彩妆'},
                {id: 3, value: '服饰鞋包'}
            ]
        },
        config: function() {
            this.data.selected = this.data.source[0];
        }
    });
    +
    +
    +

    禁用某一项，禁用组件

    + +
    <kl-row>
        <kl-col span=6>
            <kl-tree-view source={source} value={value} />
        </kl-col>
        <kl-col span=6>
            <kl-tree-view source={source} disabled />
        </kl-col>
    </kl-row>
    <p>选择的是：{value}</p>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [{   
                name: '家居个护', 
                id: 1,
                children: [{
                    name: '洗护日用',
                    id: 11
                },{
                    name: '居家用品',
                    id:12,
                    disabled: true,
                    children: [
                    {name: '杯子', id: 121},
                    {name: '锅具刀具', id: 122}
                ]},{
                    name: '家装家纺', 
                    id: 13,
                    disabled: true
                },{
                    name: '其他个护',
                    id: 14
                }]
            },{
                name: '母婴儿童', 
                id: 2,
                disabled: true
            },{
                name: '美容彩妆', 
                id: 3,
                children: [
                    {name: '护肤', id: 31},
                    {name: '彩妆', id: 32}
                ]
            }]
        }
    });
    +
    +
    +

    分隔线

    + +
    <kl-tree-view source={source} value={value} />
    <p>选择的是：{value}</p>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            source: [
                {name: '家居个护', checked: true, children: [
                    {name: '洗护日用'},
                    {name: '居家用品', disabled: true, children: [
                        {name: '杯子'},
                        {name: '锅具刀具'}
                    ]},
                    {divider: true},
                    {name: '家装家纺', disabled: true},
                    {name: '其他个护'},
                ]},
                {name: '母婴儿童', disabled: true},
                {divider: true},
                {name: '美容彩妆', children: [
                    {name: '护肤'},
                    {name: '彩妆'}
                ]}
            ]
        }
    });
    +
    +

    API

    +

    TreeView

    TreeView

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.source]Array.<object>[]<=> 数据源
    [options.data.source[].name]string=> 每项的内容
    [options.data.key]string"id"=> 数据项的键
    [options.data.nameKey]string"name"=> 数据项的显示值
    [options.data.childKey]string"children"=> 数据子项的键
    [options.data.source[].open]booleanfalse=> 此项为展开/收起状态
    [options.data.source[].checked]booleanfalse=> 选中此项
    [options.data.source[].disabled]booleanfalse=> 禁用此项
    [options.data.source[].divider]booleanfalse=> 设置此项为分隔线
    [options.data.value]stringnull<=> 当前选择值
    [options.data.selected]object<=> 当前选择项
    [options.data.separator]string","=> 多选时value分隔符
    [options.data.multiple]booleanfalse=> 是否多选
    [options.data.readonly]booleanfalse=> 是否只读
    [options.data.disabled]booleanfalse=> 是否禁用
    [options.data.visible]booleantrue=> 是否显示
    [options.data.class]string=> 补充class
    +

    +

    select 选择某一项时触发Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    selectedobject当前选择项
    +

    +

    toggle 展开或收起某一项时触发Event

    + + + + + + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    itemobject处理项
    openboolean展开/收起状态
    + + + + +
    + + + 文本输入 + + + + + + 上传文件 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/form_KLUpload_.html b/doc/v0.6/components/form_KLUpload_.html new file mode 100644 index 00000000..828f232f --- /dev/null +++ b/doc/v0.6/components/form_KLUpload_.html @@ -0,0 +1,1703 @@ + + + + + 上传文件 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + + + +

    上传文件 KLUpload

    +
    +

    基本形式

      +
    • 目前该上传组件采用FormData向后台提交文件数据
      • +
    • 组件上传成功依赖的返回数据结构为{name: 'xxx', url: 'xxx'}, 通常和后端接口不一致，可以通过配置onLoadInterceptor做一层数据转换
      • +
    • 可通过file-list指定初始值，格式为[Object], 其中Object结构如下
      {
          name: '文件名称',
          url: '文件的路径',
          flag: '0, 新增的文件; 1, 已经上传未被删除的文件，2，已经上传被删除的文件'
      }
      +
      • +
    +

    特别注意: 例子中使用的url为私人服务器, 请勿直接使用, 请使用自己后台的上传接口

    +
    + +
    <kl-upload action='https://nos.kaolafed.com/upload' file-list={list} onLoadInterceptor={this.onLoadInterceptor} on-preview={this.onPreview($event)}></kl-upload>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            list: [{
                name: 'Game.jpg',
                url: 'http://haitao.nos.netease.com/906f417c7c964c0798adf9d0bf1b5c8c.jpg'
            }, {
                name: 'Kaola.jpg',
                url: 'http://haitao.nos.netease.com/9b73692b3a6b46d2be1de7d3be893834.jpg'
            }, {
                name: 'Music.jpg',
                url: 'http://haitao.nos.netease.com/7dfd9aa492694493be0fc1458d558536.jpg'
            }]
        },
        onPreview: function(e) {
            if(e.file.type === 'pdf') {
                window.open(e.file.url);
            }
        }
        //transform {code: 200, data: {...}} to {name: 'xxx', url: 'xxx'}
        /*onLoadInterceptor: function(json){
          if(json.code == 200){
            var data = json.data || {};
            if(Array.isArray(data)){
                data = data[0];
            }
            return data;
          }
          return false;
        }*/
    });
    +
    +
    +

    卡片展示形式，用于表格内上传

    + +
    <kl-upload action='https://nos.kaolafed.com/upload' list-type="card"></kl-upload>
    +
    +
    +

    多选上传

    + +
    <kl-upload action='https://nos.kaolafed.com/upload' multiple={true}></kl-upload>
    +
    +
    +

    文件类型限制

    配置accept属性为文件后缀或MIME_TYPE

    +
    + +
    <kl-upload action='https://nos.kaolafed.com/upload' accept=".jpg,.zip,video/*,audio/*"></kl-upload>
    +
    +
    +

    文件大小限制

    + +
    <kl-upload action='https://nos.kaolafed.com/upload' max-size="2K"></kl-upload>
    +
    +
    +

    文件个数限制

    + +
    <kl-upload action='https://nos.kaolafed.com/upload' num-max={2}></kl-upload>
    +
    +
    +

    行布局

    + +
    <kl-upload action='https://nos.kaolafed.com/upload' file-list={list} num-perline={2}></kl-upload>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            list: [{
              name: 'Game.jpg',
              url: 'http://haitao.nos.netease.com/906f417c7c964c0798adf9d0bf1b5c8c.jpg'
            }, {
              name: 'Kaola.jpg',
              url: 'http://haitao.nos.netease.com/9b73692b3a6b46d2be1de7d3be893834.jpg'
            }, {
              name: 'Music.jpg',
              url: 'http://haitao.nos.netease.com/7dfd9aa492694493be0fc1458d558536.jpg'
            }]
        }
    });
    +
    +
    +

    只读模式

    + +
    <kl-upload action='https://nos.kaolafed.com/upload' file-list={list} readonly={true}></kl-upload>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            list: [{
              name: 'Game.JPG',
              url: 'http://haitao.nos.netease.com/906f417c7c964c0798adf9d0bf1b5c8c.jpg',
              class: 'my-img-test'
            }, {
              name: 'Kaola.jpg',
              url: 'http://haitao.nos.netease.com/9b73692b3a6b46d2be1de7d3be893834.jpg'
            }, {
              name: 'Music.jpg',
              url: 'http://haitao.nos.netease.com/7dfd9aa492694493be0fc1458d558536.jpg'
            }]
        }
    });
    +
    +
    +

    指定宽高或宽高比

    只作用于图片

    +
    + +
    <kl-upload action='https://nos.kaolafed.com/upload' image-width={20} ></kl-upload>
    <kl-upload action='https://nos.kaolafed.com/upload' image-height={20} ></kl-upload>
    <kl-upload action='https://nos.kaolafed.com/upload' image-scale='4:3' ></kl-upload>
    +
    +
    +

    拖拽上传

    + +
    <kl-upload action='https://nos.kaolafed.com/upload' drag={true} ></kl-upload>
    +
    +
    +

    文件上传前的校验（文件格式限制为图片）

    + +
    <kl-upload action='https://nos.kaolafed.com/upload' file-list={list} before-upload={this.beforeUpload}></kl-upload>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            list: [{
              name: 'Game.jpg',
              url: 'http://haitao.nos.netease.com/906f417c7c964c0798adf9d0bf1b5c8c.jpg'
            }, {
              name: 'Kaola.jpg',
              url: 'http://haitao.nos.netease.com/9b73692b3a6b46d2be1de7d3be893834.jpg'
            }, {
              name: 'Music.jpg',
              url: 'http://haitao.nos.netease.com/7dfd9aa492694493be0fc1458d558536.jpg'
            }]
        },
        beforeUpload: function(file) {
            var fileTypeCheck = function(resolve) {
                var msg = '';
                if (!/image\/.*/.test(file.type)) {
                    msg = '格式错误';
                }
                resolve(msg);
            };
            return new Promise(fileTypeCheck);
        }
    });
    +
    +
    +

    文件删除前的确认

    + +
    <kl-upload action='https://nos.kaolafed.com/upload' file-list={list} before-remove={this.beforeRemove}></kl-upload>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            list: [{
              name: 'Game.jpg',
              url: 'http://haitao.nos.netease.com/906f417c7c964c0798adf9d0bf1b5c8c.jpg'
            }, {
              name: 'Kaola.jpg',
              url: 'http://haitao.nos.netease.com/9b73692b3a6b46d2be1de7d3be893834.jpg'
            }, {
              name: 'Music.jpg',
              url: 'http://haitao.nos.netease.com/7dfd9aa492694493be0fc1458d558536.jpg'
            }]
        },
        beforeRemove: function(item) {
            var file = item.file;
            var removeConfirm = function(resolve) {
                var modal = NEKUI.KLModal.confirm('确认删除' + file.name + '?');
                modal.$on('ok', () => resolve(true));
            };
            return new Promise(removeConfirm);
        }
    });
    +
    +
    +

    选择文件后不上传

      +
    • 该模式下，必须初始化formData属性为new FormData()默认值
      • +
    +
    + +
    <kl-upload file-list={list} autoUpload={false} formData={formData}></kl-upload>
    <kl-button title="上传" on-click={this.upload()}></kl-button>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            list: [{
              name: 'Game.jpg',
              url: 'http://haitao.nos.netease.com/906f417c7c964c0798adf9d0bf1b5c8c.jpg'
            }, {
              name: 'Kaola.jpg',
              url: 'http://haitao.nos.netease.com/9b73692b3a6b46d2be1de7d3be893834.jpg'
            }, {
              name: 'Music.jpg',
              url: 'http://haitao.nos.netease.com/7dfd9aa492694493be0fc1458d558536.jpg'
            }],
            formData: new FormData()
        },
        upload: function(){
          var ajax = new XMLHttpRequest();
          ajax.open('json', '/upload');
          ajax.send(this.data.formData);  
        }
    });
    +
    +

    API

    +

    KLUpload

    KLUpload

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.action]string=> 必选，上传地址
    [options.data.file-list]array=> 上传的文件列表, 可以指定初始值，代表已经上传的文件，见demo，每次操作文件后， 都可以通过该参数绑定的变量，得到最新的文件列表，其中每个文件项包含下面的字段: name: 文件名称 url: 文件的路径 flag: 0, 新增的文件; 1, 已经上传未被删除的文件，2，已经上传被删除的文件
    [options.data.name]string"file"=> 可选，上传的文件字段名, 默认为’file’
    [options.data.headers]object=> 可选，设置上传的请求头部
    [options.data.with-credentials]objectfalse=> 可选，支持发送 cookie 凭证信息, 默认false
    [options.data.multiple]booleanfalse=> 可选，是否支持多选, 可选值true/false，默认false单选
    [options.data.data]object=> 可选，上传时附带的额外参数
    [options.data.drag]booleanfalse=> 可选，是否支持拖拽上传，可选值true/false，默认false不支持拖拽
    [options.data.accept]string"*"=> 可选，接受上传的文件类型, 同input的accept属性
    [options.data.list-type]string"list"=> 可选，上传组件的展示形式, 可选值list/card，默认list
    [options.data.num-min]number-Infinity=> 可选，指定的至少上传的文件个数，默认无限制
    [options.data.num-max]numberInfinity=> 可选，最大允许上传文件的个数，默认无限制
    [options.data.num-perline]number=> 可选，每行展示的文件个数，对于列表形式，默认无限制，根据父容器自动折行； 对于表单形式，默认每行展示5个
    [options.data.max-size]string"1GB"=> 可选，上传文件大小的最大允许值, 支持数值大小以及KB,MB,GB为单元的指定
    [options.data.readonly]booleanfalse=> 可选，是否开启预览模式，可选值true/false，true预览模式，只能预览和下载图片， 默认false，允许上传和删除图片
    [options.data.hideTip]booleanfalse=> 是否显示校验错误信息，默认false显示
    [options.data.image-width]number=> 可选，指定上传图片文件的宽度, 值为数值，单位为px，如800
    [options.data.image-height]number=> 可选，指定上传图片文件的高度, 值为数值，单位为px, 如600
    [options.data.image-scale]string=> 可选，指定上传图片文件的宽高比, 值为冒号分隔的宽高比例字符串，如’4:3’
    [options.data.class]string=> 可选，组件最外层包裹元素样式扩展
    [options.data.onLoadInterceptor]functionNULL=> 可选，Http status介于200-300时触发，用于对响应数据拦截，response.code校验决定成功或失败，以及数据转换，详见demo基本形式
    [options.data.onErrorInterceptor]functionNULL=> 可选，Http status非200-300时触发，http状态失败的钩子
    [options.data.before-upload]function=> 可选，上传文件前的钩子，参数为上传的文件，返回同步校验信息或 Promise 对象，最终返回文件的字符串校验信息，如果为空，则继续进行文件的后续校验， 如果非空，则提示校验信息，并停止上传
    [options.data.before-remove]function=> 可选，删除文件时的钩子，参数结构同remove回调函数，返回同步删除确认信息或者 Promise 对象，最终返回的确认信息，如果为false，则停止删除；否则删除改文件
    [options.data.autoUpload]booleanfalse=> 可选，选择文件后是否立即上传，如果设置为false, 新增文件的数据会维护在formData属性中
    [options.data.formData]FormDataFormData=> 可选，在autoUpload为false（非自动上传）模式下，新增文件的formData格式数据。 注：此处使用时，必须在外部初始化formData默认值，否则无法实现三层的双向数据绑定
    +

    +

    preview 上传预览点击事件Event

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDescription
    senderobject当前上传文件的实例
    fileobject当前上传的文件
    fileListarray所有展示的文件列表
    statusstring上传的状态
    progressstring上传的进度
    +

    +

    success 文件上传成功回调函数Event

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDescription
    senderobject当前上传文件的实例
    fileobject当前上传的文件
    fileListarray所有展示的文件列表
    statusstring上传的状态
    progressstring上传的进度
    +

    +

    progress 文件上传进度回调函数Event

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDescription
    senderobject当前上传文件的实例
    fileobject当前上传的文件
    fileListarray所有展示的文件列表
    statusstring上传的状态
    progressstring上传的进度
    +

    +

    error 文件上传失败回调函数Event

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDescription
    senderobject当前上传文件的实例
    fileobject当前上传的文件
    fileListarray所有展示的文件列表
    statusstring上传的状态
    progressstring上传的进度
    +

    +

    remove 上传文件删除回调函数Event

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDescription
    senderobject当前上传文件的实例
    fileobject当前上传的文件
    fileListarray所有展示的文件列表
    statusstring上传的状态
    progressstring上传的进度
    + + + + +
    + + + 树型视图 + + + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/index.html b/doc/v0.6/components/index.html new file mode 100644 index 00000000..59812bcf --- /dev/null +++ b/doc/v0.6/components/index.html @@ -0,0 +1,474 @@ + + + + + 快速上手 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + +

    快速上手

    +

    nek-ui

    nek-ui 是一个基于 Regularjs 的组件库，主要用于中后台系统

    +

    引入 nek-ui

    npm i regularjs@0.4.3 nek-ui -S
    +
    import NEKUI from 'nek-ui'
    import 'node_modules/nek-ui/dist/css/nek-ui.default.min.css'
    +

    使用 nek-ui

    由于使用 NEKUI 的组件需要先注册，我们可以在工程里面的 BaseComponent 里面使用 NEKUI 暴露出来的一个 install 方法来将组件注册到 BaseComponent 上，这样继承自 BaseComponent 的组件就可以直接在模板里面使用组件了

    +
    import { install } from 'nek-ui';
    import Regular from 'regularjs';
    const BaseComponent = Regular.extend({
        //
    });
    install(BaseComponent);
    +

    如果不想将 NEKUI 的组件全部注册到全局上，或者是自己已有的组件和 NEKUI 里面的组件命名冲突，也可以手动的注册想要使用的组件

    +
    var Component = BaseComponent.extend({}).component('kl-tooltip', NEKUI.KLTooltip)
    + +
    + + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/layout_KLCard_.html b/doc/v0.6/components/layout_KLCard_.html new file mode 100644 index 00000000..4004dbed --- /dev/null +++ b/doc/v0.6/components/layout_KLCard_.html @@ -0,0 +1,893 @@ + + + + + 卡片 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + +

    卡片 KLCard

    +
    +

    基本形式

    用于页面的布局，页面由多个card组件组成，card里面一般配合kl-row组件进行布局

    +
    + +
    <kl-card title="用户信息">
        <kl-form labelSize="80px">
            <kl-row>
                <kl-col span=4>
                    <kl-form-item title="订单号">
                        <kl-input value="{billno}" placeholder="订单号" />
                    </kl-form-item>
                </kl-col>
                <kl-col span=4>
                    <kl-form-item title="支付方式">
                        <kl-input value="{purchaseWay}" placeholder="支付方式" />
                    </kl-form-item>
                </kl-col>
                <kl-col span=4>
                    <kl-form-item title="商品名称">
                        <kl-input value="{goodsName}" placeholder="商品名称" />
                    </kl-form-item>
                </kl-col>
            </kl-row>
        </kl-form>
    </kl-card>
    +
    +
    +

    嵌套多层

    card是可以嵌套多个的，多用于一个模块里面又有小的分类。 +
    +根据视觉规范给样式，里面嵌套的kl-card不需要标题前面的数线，所以要将isShowLine设置成false

    +
    + +
    <kl-card title="一级标题">
        <kl-form labelSize="80px">
                <kl-row>
                    <kl-col span=4>
                        <kl-form-item title="订单号">
                            <kl-input value="{billno}" placeholder="订单号" />
                        </kl-form-item>
                    </kl-col>
                    <kl-col span=4>
                        <kl-form-item title="支付方式">
                            <kl-input value="{purchaseWay}" placeholder="支付方式" />
                        </kl-form-item>
                    </kl-col>
                    <kl-col span=4>
                        <kl-form-item title="商品名称">
                            <kl-input value="{goodsName}" placeholder="商品名称" />
                        </kl-form-item>
                    </kl-col>
                </kl-row>
            </kl-form>
        <kl-card title="二级标题" isShowLine={false}>
            <kl-form labelSize="80px">
                <kl-row>
                    <kl-col span=4>
                        <kl-form-item title="订单号">
                            <kl-input value="{billno}" placeholder="订单号" />
                        </kl-form-item>
                    </kl-col>
                    <kl-col span=4>
                        <kl-form-item title="支付方式">
                            <kl-input value="{purchaseWay}" placeholder="支付方式" />
                        </kl-form-item>
                    </kl-col>
                    <kl-col span=4>
                        <kl-form-item title="商品名称">
                            <kl-input value="{goodsName}" placeholder="商品名称" />
                        </kl-form-item>
                    </kl-col>
                </kl-row>
            </kl-form>
            <kl-card title="三级标题" isShowLine={false}>
                <kl-form labelSize="80px">
                    <kl-row>
                        <kl-col span=4>
                            <kl-form-item title="订单号">
                                <kl-input value="{billno}" placeholder="订单号" />
                            </kl-form-item>
                        </kl-col>
                        <kl-col span=4>
                            <kl-form-item title="支付方式">
                                <kl-input value="{purchaseWay}" placeholder="支付方式" />
                            </kl-form-item>
                        </kl-col>
                        <kl-col span=4>
                            <kl-form-item title="商品名称">
                                <kl-input value="{goodsName}" placeholder="商品名称" />
                            </kl-form-item>
                        </kl-col>
                    </kl-row>
                </kl-form>
            </kl-card>
        </kl-card>
    </kl-card>
    +
    +
    +

    不设置title

    card不设置title，仅仅使用它的布局样式，常用于列表页的表格外面，具体参照场景页面（开发中）

    +
    + +
    <kl-card>
        <kl-table source={table.source}>
            <kl-table-col name="姓名" key="name" />
            <kl-table-col name="年龄" key="age" />
        </kl-table>
    </kl-card>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            table: {
                source: [{
                    name: '小明',
                    age: 20
                }, {
                    name: '小红',
                    age: 18
                }]
            }
        }
    });
    +
    +
    +

    card上有操作

    需要借助于card-tool组件

    +
    + +
    <kl-card title="用户信息">
        <kl-card-tools>
            <a href="/components/layout_KLTable_.html">跳至表格组件页面</a>
        </kl-card-tools>
        <kl-form>
            <kl-form-item labelLineHeight="20px" title="姓名:">
                张三
            </kl-form-item>
            <kl-form-item labelLineHeight="20px" title="年龄:">
                19
            </kl-form-item>
        </kl-form>
    </kl-card>
    +
    +

    API

    +

    KLCard

    KLCard

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDescription
    [options.data]object= 绑定属性
    [options.data.class]string=> 补充class
    [options.data.isShowLine]boolean=> 控制展示title之前的竖线，默认展示出来
    [options.data.isShowBtLine]boolean=> 控制展示title下发的横线，默认不展示出来
    [options.data.isIndent]boolean=> 控制子模块的title是否缩进
    + + + + +
    + + + + + 栅格布局 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/layout_KLRow_.html b/doc/v0.6/components/layout_KLRow_.html new file mode 100644 index 00000000..07b93f1b --- /dev/null +++ b/doc/v0.6/components/layout_KLRow_.html @@ -0,0 +1,948 @@ + + + + + 栅格布局 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + +

    栅格布局 KLRow

    +
    +

    基本形式

    + +
    + +
    <kl-row>
        <kl-col span=12>
            <div class="u-gridContent u-gridContent-1"></div>
        </kl-col>
    </kl-row>
    <kl-row>
        <kl-col span=6>
            <div class="u-gridContent u-gridContent-2"></div>
        </kl-col>
        <kl-col span=6>
            <div class="u-gridContent u-gridContent-3"></div>
        </kl-col>
    </kl-row>
    <kl-row>
        <kl-col span=4>
            <div class="u-gridContent u-gridContent-2"></div>
        </kl-col>
        <kl-col span=4>
            <div class="u-gridContent u-gridContent-3"></div>
        </kl-col>
        <kl-col span=4>
            <div class="u-gridContent u-gridContent-2"></div>
        </kl-col>
    </kl-row>
    <kl-row>
        <kl-col span=2>
            <div class="u-gridContent u-gridContent-2"></div>
        </kl-col>
        <kl-col span=2>
            <div class="u-gridContent u-gridContent-3"></div>
        </kl-col>
        <kl-col span=2>
            <div class="u-gridContent u-gridContent-2"></div>
        </kl-col>
        <kl-col span=2>
            <div class="u-gridContent u-gridContent-3"></div>
        </kl-col>
        <kl-col span=2>
            <div class="u-gridContent u-gridContent-2"></div>
        </kl-col>
        <kl-col span=2>
            <div class="u-gridContent u-gridContent-3"></div>
        </kl-col>
    </kl-row>
    +
    +
    +

    布局模式Flex

    + +
    <kl-row type="flex">
        <kl-col span=6>
            <div class="f-mb10 u-gridContent u-gridContent-2"></div>
        </kl-col>
        <kl-col span=6>
            <div class="f-mb10 u-gridContent u-gridContent-3"></div>
        </kl-col>
        <kl-col span=6>
            <div class="f-mb10 u-gridContent u-gridContent-3"></div>
        </kl-col>
        <kl-col span=6>
            <div class="f-mb10 u-gridContent u-gridContent-2"></div>
        </kl-col>
        <kl-col span=6>
            <div class="f-mb10 u-gridContent u-gridContent-2"></div>
        </kl-col>
        <kl-col span=6>
            <div class="f-mb10 u-gridContent u-gridContent-3"></div>
        </kl-col>
    </kl-row>
    +
    +
    +

    列间距Gutter

    + +
    <kl-row gutter=10>
        <kl-col span=6>
            <div class="u-gridContent u-gridContent-2"></div>
        </kl-col>
        <kl-col span=6>
            <div class="u-gridContent u-gridContent-3"></div>
        </kl-col>
    </kl-row>
    +
    +
    +

    列偏移Offset

    + +
    <kl-row gutter=10>
        <kl-col span=6>
            <div class="u-gridContent u-gridContent-2"></div>
        </kl-col>
        <kl-col span=2 offset=3>
            <div class="u-gridContent u-gridContent-3"></div>
        </kl-col>
    </kl-row>
    +
    +
    +

    响应式布局

    + +
    <kl-row>
        <kl-col xs="{{span:1,offset:0}}" sm="{{span:3,offset:0}}" md="{{span:4,offset:0}}" lg="{{span:5,offset:0}}"><div class="u-gridContent u-gridContent-3"></div></kl-col>
        <kl-col xs="1" sm="3" md="3" lg="2"><div class="u-gridContent u-gridContent-2"></div></kl-col>
        <kl-col xs="4" sm="3" md="3" lg="2"><div class="u-gridContent u-gridContent-3"></div></kl-col>
        <kl-col xs="6" sm="3" md="2" lg="3"><div class="u-gridContent u-gridContent-2"></div></kl-col>
    </kl-row>
    +
    +

    API

    +

    KLRow

    KLRow

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object=> 绑定数据
    [options.data.class]string=> 补充class
    [options.data.type]string=> 布局模式，可选 flex，现代浏览器下有效
    [options.data.justify]string"start"=> flex 布局下的水平排列方式
    [options.data.align]string"top"=> flex 布局下的垂直排列方式
    [options.data.wrap]string"wrap"=> flex布局下的换行显示方式,wrap/nowrap/wrap-reverse
    [options.data.gutter]number40=> 栅格间隔, 单位为px
    +

    +

    KLCol

    KLCol

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDescription
    [options.data]object=> 绑定数据
    [options.data.class]string=> 补充class
    [options.data.span]number=> 栅格占据的列数
    [options.data.offset]number=> 栅格左侧的间隔格数
    [options.data.xs]number/object=> <768px 响应式栅格数或者栅格属性对象, number/object (例如： {span: 4, offset: 4})
    [options.data.sm]number/object=> ≥768px 响应式栅格数或者栅格属性对象, number/object (例如： {span: 4, offset: 4})
    [options.data.md]number/object=> ≥992 响应式栅格数或者栅格属性对象, number/object (例如： {span: 4, offset: 4})
    [options.data.lg]number/object=> ≥1200 响应式栅格数或者栅格属性对象, number/object (例如： {span: 4, offset: 4})
    + + + + +
    + + + 卡片 + + + + + + 筛选区 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/layout_KLSearch_.html b/doc/v0.6/components/layout_KLSearch_.html new file mode 100644 index 00000000..e81dac5e --- /dev/null +++ b/doc/v0.6/components/layout_KLSearch_.html @@ -0,0 +1,866 @@ + + + + + 筛选区 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + +

    筛选区 KLSearch

    +
    +

    基本形式

    + +
    <kl-search on-search={console.log("search")} on-reset={console.log("reset")}>
        <kl-row>
            <kl-col span="4">
                <kl-form-item labelSize="60" title="付款类型">
                    <kl-input type="text"></kl-input>
                </kl-form-item>
            </kl-col>
            <kl-col span="4">
                <kl-form-item labelSize="60" title="支付方式">
                    <kl-input type="text"></kl-input>
                </kl-form-item>
            </kl-col>
            <kl-col span="4">
                <kl-form-item labelSize="60" title="订单号">
                    <kl-input type="text"></kl-input>
                </kl-form-item>
            </kl-col>
        </kl-row>
        <kl-search-more>
            <kl-row>
                <kl-col span="4">
                    <kl-form-item labelSize="60" title="合同编号">
                        <kl-input type="text"></kl-input>
                    </kl-form-item>
                </kl-col>
            </kl-row>
        </kl-search-more>
    </kl-search>
    +
    +
    +

    不显示“展开”切换开关

    + +
    <kl-search>
        <kl-row>
            <kl-col span="4">
                <kl-form-item labelSize="60" title="付款类型">
                    <kl-input type="text"></kl-input>
                </kl-form-item>
            </kl-col>
            <kl-col span="4">
                <kl-form-item labelSize="60" title="支付方式">
                    <kl-input type="text"></kl-input>
                </kl-form-item>
            </kl-col>
            <kl-col span="4">
                <kl-form-item labelSize="60" title="订单号">
                    <kl-input type="text"></kl-input>
                </kl-form-item>
            </kl-col>
        </kl-row>
    </kl-search>
    +
    +
    +

    不显示Footer（根据交互规范，一行没有填满的按钮要跟在后面）

    + +
    <kl-search isShowFooter={false}>
        <kl-row>
            <kl-col span="4">
                <kl-form-item labelSize="60" title="付款类型">
                    <kl-input type="text"></kl-input>
                </kl-form-item>
            </kl-col>
            <kl-col span="4">
                <kl-form-item labelSize="60" title="支付方式">
                    <kl-input type="text"></kl-input>
                </kl-form-item>
            </kl-col>
            <kl-col span="4">
                <kl-form-item>
                    <kl-button type="secondary" title="查询"></kl-button>
                    <kl-button title="重置"></kl-button>
                </kl-form-item>
            </kl-col>
        </kl-row>
    </kl-search>
    +
    +
    +

    设置切换文字

    + +
    <kl-search unfoldText="更多" foldText="隐藏">
        <kl-row>
            <kl-col span="4">
                <kl-form-item labelSize="60" title="付款类型">
                    <kl-input placeholder="付款类型" />
                </kl-form-item>
            </kl-col>
            <kl-col span="4">
                <kl-form-item labelSize="60" title="支付方式">
                    <kl-input placeholder="支付方式" />
                </kl-form-item>
            </kl-col>
            <kl-col span="4">
                <kl-form-item labelSize="60" title="订单号">
                    <kl-input placeholder="订单号" />
                </kl-form-item>
            </kl-col>
        </kl-row>
        <kl-search-more>
            <kl-row>
                <kl-col span="4">
                    <kl-form-item labelSize="60" title="合同编号">
                        <kl-input placeholder="合同编号" />
                    </kl-form-item>
                </kl-col>
            </kl-row>
        </kl-search-more>
    </kl-search>
    +
    +

    API

    +

    KLSearch

    KLSearch

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDescription
    [options.data]object= 绑定属性
    [options.data.class]string=> 补充class
    [options.data.isShowFooter]boolean=> 控制是否显示Footer
    [options.data.isShowMore]boolean=> 控制是否显示更多
    [options.data.isShowToggle]boolean=> 控制展示toggle文字，默认展示出来
    [options.data.searchText]string=> 设置展开的文案，默认“查询”
    [options.data.resetText]string=> 设置展开的文案，默认“重置”
    [options.data.unfoldText]string=> 设置展开的文案，默认“展开”
    [options.data.foldText]string=> 设置收起的文案，默认“收起”
    +

    +

    search 点击查询时触发Event

    +

    reset 点击重置时触发Event

    + + + +
    + + + 栅格布局 + + + + + + 表格 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/layout_KLTable_.html b/doc/v0.6/components/layout_KLTable_.html new file mode 100644 index 00000000..9d6f56db --- /dev/null +++ b/doc/v0.6/components/layout_KLTable_.html @@ -0,0 +1,2881 @@ + + + + + 表格 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + +

    表格 KLTable

    +

    代码演示

    +

    基本使用形式一：配置模板

    + +
    <kl-table source={table.source}>
        <kl-table-col name="姓名" key="name" width=150 />
        <kl-table-col name="年龄" key="age" tip="I am tip"/>
    </kl-table>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            table: {
                source: [{
                    name: '小明',
                    age: 20
                }, {
                    name: '小红',
                    age: 18
                }]
            }
        }
    });
    +
    +
    +

    基本使用形式二：数据配置

    在进行数据配置时，模版的配置方式更为灵活。

    +
      +
    1. template，模版字符串；
      2. +
    2. format，纯粹的字符串格式化，不对html进行渲染，保留插值语法；
      3. +
    3. formatter，通过函数返回模版字符串，适用于当模版需要动态运算生成的情景。
      4. +
    +

    加上前缀 header 成为 headerTemplate，headerFormat，headerFormatter，可作为表头的模版。

    +
    + +
    <kl-table
        fixedHeader
        columns={table.columns}
        sorting={table.sorting}
        paging={table.paging}
        source={table.source}
        loading={loading}
    />
    +
    var source = [{
        job: '前端',
        name: '小明',
        age: 20,
    }, {
        job: '前端',
        name: '小红',
        age: 22,
    }, {
        job: '后端',
        name: '小王',
        age: 20,
    }, {
        job: '后端',
        name: '小李',
        age: 25,
    }];
    var component = new NEKUI.Component({
        template: template,
        data: {
            table: {
                columns: [
                    {
                        name: '职位',
                        key: 'job',
                        tip: '所属部门的职位类别',
                        width: 120,
                        formatter: function(column, item) {
                            return '职位' + item.job;
                        },
                    },
                    {
                        name: '用户信息',
                        children: [
                            {
                                name: '姓名',
                                key: 'name',
                                format: '姓名：{item.name}',
                                custom: 'sortField',
                                sortable: true
                            },
                            {
                                name: '年龄',
                                key: 'age',
                                sortable: true
                            }
                        ]
                    }
                ],
                sorting: {
                    key: 'name',
                    isAsc: 0
                },
                paging: {
                    pageSize: 10,
                    sumTotal: 100,
                    current: 1
                },
                source: source
            }
        }
    });
    +
    +
    +

    多选

    通过 enableCheckAll 使能全选按钮

    +
    + +
    <kl-table source={table.source} on-checkchange={this.onCheck($event)}>
        <kl-table-col width=50 placeholder="" type="check" enableCheckAll  />
        <kl-table-col name="职位" key="job" />
        <kl-table-col name="姓名" key="name" />
        <kl-table-col name="年龄" key="age" />
    </kl-table>
    +
    var source = [{
        job: '前端开发',
        name: '小明',
        age: 20,
    }, {
        job: '前端开发',
        name: '小红',
        age: 22,
    }, {
        job: '后端开发',
        name: '小王',
        age: 20,
    }, {
        job: '后端开发',
        name: '小李',
        age: 25,
    }];
    var component = new NEKUI.Component({
        template: template,
        data: {
            table: {
                source: source
            }
        },
        onCheck: function(e) {
            console.log(e);
        }
    });
    +
    +
    +

    显示样式配置项

      +
    1. 无条纹：strip={false}
      2. +
    2. 占位符：默认placeholder="-"
      3. +
    3. 对齐：默认 align="center"
      4. +
    +
    + +
    <kl-table strip={false} source={table.source} placeholder="*" align="left">
        <kl-table-col name="职位" key="job" />
        <kl-table-col name="姓名" key="" />
        <kl-table-col name="年龄" key="" placeholder="-" align="right"/>
    </kl-table>
    +
    var source = [{
        job: '前端',
        name: '小明',
        age: 20,
    }, {
        job: '前端',
        name: '小红',
        age: 22,
    }, {
        job: '后端',
        name: '小王',
        age: 20,
    }, {
        job: '后端',
        name: '小李',
        age: 25,
    }];
    var component = new NEKUI.Component({
        template: template,
        data: {
            table: {
                source: source
            }
        }
    });
    +
    +
    +

    过滤器

    filter 接收一个 function，依次可以取得参数 val，item，itemIndex。

    +
    + +
    <kl-table source={table.source} >
        <kl-table-col name="姓名" key="name" filter={this.filterName} />
        <kl-table-col name="出生日期" key="birthday"  filter={this.filterTime} />
    </kl-table>
    +
    var source = [{
        name: '小明',
        birthday: 766108800000,
    }, {
        name: '小红',
        birthday: 766108800000,
    }, {
        name: '小王',
        birthday: 766108800000,
    }, {
        name: '小李',
        birthday: 766108800000,
    }];
    var component = new NEKUI.Component({
        template: template,
        data: {
            table: {
                source: source
            }
        },
        _fmtnmb: function(_number){
            _number = parseInt(_number) || 0;
            return ( _number < 10 ? '0' : '' ) + _number;
        },
        filterTime: function(val, item, itemIndex) {
            if (!val) {
                    return '';
            }
            var _fmtnmb = function(_number){
                _number = parseInt(_number) || 0;
                return ( _number < 10 ? '0' : '' ) + _number;
            };
            var _time = new Date(val);
            var _year = _time.getFullYear();
            var _month = _fmtnmb( _time.getMonth() + 1 );
            var _day = _fmtnmb( _time.getDate() );
            return _year + '-' + _month + '-' + _day;
        },
        filterName: function(val, item, itemIndex) {
            return itemIndex + ': ' + val;
        },
    });
    +
    +
    +

    多级表头

    + +
    <kl-table source={table.source} >
        <kl-table-col name="日期" key="date" />
        <kl-table-col name="收货地址">
            <kl-table-col name="姓名" key="name" />
            <kl-table-col name="地址">
                <kl-table-col name="省" key="province" />
                <kl-table-col name="市" key="city" />
            </kl-table-col>
        </kl-table-col>
        <kl-table-col name="是否已支付" key="isPaid" />
    </kl-table>
    +
    var source = [{
        date: '2017-08-18',
        name: '小明',
        province: '浙江省',
        city: '杭州市',
        isPaid: '是'
    }, {
        date: '2017-08-18',
        name: '小明',
        province: '浙江省',
        city: '杭州市',
        isPaid: '是'
    }, {
        date: '2017-08-18',
        name: '小明',
        province: '浙江省',
        city: '杭州市',
        isPaid: '是'
    }, {
        date: '2017-08-18',
        name: '小明',
        province: '浙江省',
        city: '杭州市',
        isPaid: '是'
    }];
    var component = new NEKUI.Component({
        template: template,
        data: {
            table: {
                source: source
            }
        }
    });
    +
    +
    +

    悬浮表头和底部

    控制表头和底部的悬浮需要对 scroll 事件进行监听，在默认的情况下，监听对象是 window，即页面的滚动。

    +

    如果页面布局比较特殊，需要指定监听的对象，则可以通过 scrollParent 指定会发生滚动的容器，如 scrollParent="#example"。

    +
    + +
    <kl-table
        stickyHeader
        stickyFooter
        stickyHeaderOffset=64
        stickyFooterOffset=0
        source={table.source} >
        <kl-table-col name="工号" key="no" width=500 />
        <kl-table-col name="职位" key="job" width=500 />
        <kl-table-col name="联系电话" key="phone" width=500 />
    </kl-table>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            table: {
                source: []
            }
        },
        init: function() {
            this.data.table.source = [];
            for(var i = 0; i < 60; ++i) {
                this.data.table.source.push({
                    no: 'NO.' + i,
                    job: '前端开发',
                    phone: 16300001110 + i
                });
            }
        }
    });
    +
    +
    +

    表头固定在表格顶部

    + +
    <kl-table fixedHeader height=200 source={table.source}>
        <kl-table-col name="工号" key="no" />
        <kl-table-col name="职位" key="job" />
        <kl-table-col name="联系电话" key="phone" />
    </kl-table>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            table: {
                source: []
            }
        },
        init: function() {
            this.data.table.source = [];
            for(var i = 0; i < 60; ++i) {
                this.data.table.source.push({
                    no: 'NO.' + i,
                    job: '前端开发',
                    phone: 16300001110 + i
                });
            }
        }
    });
    +
    +
    +

    固定列

    + +
    <kl-table fixedHeader height=200 source={table.source}>
        <kl-table-col name="工号" key="no" fixed />
        <kl-table-col name="职位" key="job" />
        <kl-table-col name="联系电话" key="phone" fixed="right" />
    </kl-table>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            table: {
                source: []
            }
        },
        init: function() {
            this.data.table.source = [];
            for(var i = 0; i < 60; ++i) {
                this.data.table.source.push({
                    no: 'NO.' + i,
                    job: '前端开发',
                    phone: 16300001110 + i
                });
            }
        }
    });
    +
    +
    +

    自定义模版与filter

    通过 kl-table-template 组件定义单元格和表头的模版，可以将模版内嵌到组件中，也可以将模版注入到组件的 template 属性。 +自定义模版中可以通过 emit 的方法向上抛出事件。 +如果模版直接写在kl-table当中，这部分模版会被作为footer模版进行渲染。这部分模版不需要进行特殊的字符串处理，并可以直接进行数据绑定。

    +

    要在模版中使用自定义的 filter 则需要通过 NEKUI.KLTable.$filter 方法 将其先注册到 NEKUI.KLTable 上。

    +

    要在模版中使用自定义的组件则需要通过 NEKUI.KLTable.$component 方法 将其先注册到 NEKUI.KLTable 上。

    +

    注意：

    +
      +
    1. 内嵌形式的模版需要在每行的两端加上 {'、'} ，否则模版字符串的插值会无法传递给模版组件，
      2. +
    2. 原有的 emitEvent 方法不建议使用，但仍然保留。
      3. +
    +

    kl-table-col上亦可以直接传入对应的模版属性， template，headerTemplate，formatter，headerFormatter，format，headerFormat。

    +
    + +
    <kl-table
        stickyFooter
        source={table.source}
        on-itemclick={this.onItemClick($event)} on-headerclick={this.onHeaderClick($event)} >
        <kl-table-col name="title" key="title">
            <kl-table-template type="header">
                {'<a href={header.name+">+~!!@#$%^&*()"} on-click={this.emit("headerclick", header)}>I am && {header.name}</a>'}
                {'<anchor/>'}
            </kl-table-template>
            <kl-table-template template={tdTpl} />
        </kl-table-col>
        <kl-table-col name="value" key="value" />
        <kl-pager
            pageSize={pageSize}
            current={current}
            sumTotal={sumTotal}
        />
    </kl-table>
    +
    var anchor = NEKUI.Component.extend({
        template: '<a>&nbsp;anchor</a>',
    });
    NEKUI.KLTable.$component('anchor', anchor);
    NEKUI.KLTable.$filter('txtFilter', function(val) {
        return val + '*';
    });
    var component = new NEKUI.Component({
        template: template,
        data: {
            count: 0,
            table: {
                source: [],
            },
            pageSize:15,
            current:1,
            sumTotal:100,
            tdTpl: '<a on-click={this.emit("itemclick", item, this)}>I am {item.title | txtFilter}</a>'
        },
        init: function() {
            this.$watch('current', function(newVal) {
                console.log(newVal);
            });
            this.data.table.source = [];
            for(var i = 0; i < 3; ++i) {
                this.data.table.source.push({
                    title: 'test' + i,
                    value: 10 * i
                });
            }
        },
        onItemClick: function(e) {
            console.log(e);
        },
        onHeaderClick: function(e) {
            console.log(e);
        }
    });
    +
    +
    +

    自定义行样式

    通过设置 item.rowClass 或 item.rowStyle 修改每一行的样式。

    +
    + +
    <kl-table source={table.source}>
        <kl-table-col name="职位" key="job" />
        <kl-table-col name="小明" key="name" />
        <kl-table-col name="年龄" key="age" />
    </kl-table>
    +
    var source = [{
        job: '前端开发',
        name: '小明',
        age: 20,
        rowStyle: 'background-color:#FFBC07'
    }];
    var component = new NEKUI.Component({
        template: template,
        data: {
            table: {
                source: source
            }
        },
    });
    +
    +
    +

    排序

    没有实际的排序效果，请查看 console 打印的事件对象。

    +
    + +
    <kl-table source={table.source} sorting={table.sorting} on-sort={this.onSort($event)}>
        <kl-table-col name="姓名" key="name" customKey="sort_title" sortable />
        <kl-table-col name="年龄" key="age" sortable/>
    </kl-table>
    +
    var source = [{
        name: '小明',
        age: 20,
    }, {
        name: '小红',
        age: 22,
    }, {
        name: '小王',
        age: 20,
    }, {
        name: '小李',
        age: 25,
    }];
    var component = new NEKUI.Component({
        template: template,
        data: {
            table: {
                source: source,
                sorting: {
                    key: 'name',
                    isAsc: 0
                }
            }
        },
        onSort: function(e) {
            console.log(e);
        }
    });
    +
    +
    +

    分页

    分页的配置参考 分页 Pager 。

    +
    + +
    <kl-table stickyFooter source={table.source} paging={table.paging} on-paging={this.onPaging($event)}>
        <kl-table-col name="职位" key="job" />
        <kl-table-col name="姓名" key="name" />
        <kl-table-col name="年龄" key="age" />
    </kl-table>
    +
    var source = [{
        job: '前端',
        name: '小明',
        age: 20,
    }, {
        job: '前端',
        name: '小红',
        age: 22,
    }, {
        job: '后端',
        name: '小王',
        age: 20,
    }, {
        job: '后端',
        name: '小李',
        age: 25,
    }];
    var component = new NEKUI.Component({
        template: template,
        data: {
            table: {
                source: source,
                paging: {
                    pageSize: 10,
                    sumTotal: 100,
                    current: 1
                }
            }
        },
        onPaging: function(e) {
            console.log(e);
        }
    });
    +
    +
    +

    分页

    分页的配置参考 分页 Pager 。

    +
    + +
    <kl-table source={table.source}>
        <kl-table-col name="职位" key="job" />
        <kl-table-col name="姓名" key="name" />
        <kl-table-col name="年龄" key="age" />
        <kl-pager current={current} sumTotal={sumTotal} pageSize={pageSize} />
    </kl-table>
    +
    var source = [{
        job: '前端',
        name: '小明',
        age: 20,
    }, {
        job: '前端',
        name: '小红',
        age: 22,
    }, {
        job: '后端',
        name: '小王',
        age: 20,
    }, {
        job: '后端',
        name: '小李',
        age: 25,
    }];
    var component = new NEKUI.Component({
        template: template,
        data: {
            table: {
                source: source,
            },
            pageSize: 10,
            sumTotal: 100,
            current: 1
        },
        onPaging: function(e) {
            console.log(e);
        }
    });
    +
    +
    +

    隐藏列

    需要通过 index 指定顺序，否则会乱序。

    +
    + +
    <kl-table source={table.source} >
        {#if col[0]}
        <kl-table-col index=1 placeholder="" />
        {/if}
        {#if col[1]}
        <kl-table-col index=2 name="姓名" key="name" />
        {/if}
        {#if col[2]}
        <kl-table-col index=3 name="年龄" key="age" />
        {/if}
    </kl-table>
    {#list [0,1,2] as index}
    <kl-button title={isHideCol[index] ? '显示col' + index : '隐藏col' + index} on-click={this.toggle(index)}/>
    {/list}
    +
    var source = [{
        job: '前端',
        name: '小明',
        age: 20,
    }, {
        job: '前端',
        name: '小红',
        age: 22,
    }, {
        job: '后端',
        name: '小王',
        age: 20,
    }, {
        job: '后端',
        name: '小李',
        age: 25,
    }];
    var component = new NEKUI.Component({
        template: template,
        data: {
            table: {
                source: source
            },
            col: [1, 1, 1],
            isHideCol: [false, false, false]
        },
        toggle: function(index) {
            this.data.col[index] = !this.data.col[index];
            this.data.isHideCol[index] = !this.data.isHideCol[index];
        }
    });
    +
    +
    +

    行展开

    + +
    <kl-table source={table.source}>
        <kl-table-col name="" key="" placeholder="" width=50 fixed expandable>
            <kl-table-template type="expand">
                {'<div style="padding: 10px; background: #eee">{item.name}</div>'}
            </kl-table-template>
        </kl-table-col>
        <kl-table-col name="职位" key="job" fixed />
        <kl-table-col name="姓名" key="name" />
        <kl-table-col name="年龄" key="age" fixed="right" />
    </kl-table>
    +
    var source = [{
        job: '前端',
        name: '小明',
        age: 20,
    }, {
        job: '前端',
        name: '小红',
        age: 22,
    }, {
        job: '后端',
        name: '小王',
        age: 20,
    }, {
        job: '后端',
        name: '小李',
        age: 25,
    }];
    var component = new NEKUI.Component({
        template: template,
        data: {
            table: {
                source: source,
            }
        },
        onPaging: function(e) {
            console.log(e);
        }
    });
    +
    +
    +

    空数据

    + +
    <kl-table>
        <kl-table-col name="title" key="title" />
        <kl-table-col name="value" key="value" />
    </kl-table>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            table: {
            }
        }
    });
    +
    +
    +

    加载中

    + +
    <kl-table loading={true}>
        <kl-table-col name="title" key="title" />
        <kl-table-col name="value" key="value" />
    </kl-table>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            table: {
            }
        }
    });
    +
    +
    +

    模版中获取外部数据的方法

    由于组件的设计结构比较特殊，表格中表头和内容分别是两个独立的组件，因此　kl-table 上挂载的属性无法直接传递到表头和内容当中。

    +

    如有需要取得外部的数据，则需要通过 $table.data 或者 $tableData 去获取。

    +
    + +
    <kl-table source={table.source} count={count}>
        <kl-table-col name="title" key="title" template={tdTpl} headerTemplate={thTpl}/>
        <kl-table-col name="value" key="value" />
    </kl-table>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            count: 0,
            thTpl: '{header.name + " :" + $tableData.count}',
            tdTpl: '{item.title + " :" + $table.data.count}',
            table: {
                source: []
            }
        },
        init: function() {
            this.data.table.source = [];
            for(var i = 0; i < 3; ++i) {
                this.data.table.source.push({
                    title: 'test' + i,
                    col1: '' + i,
                    value: 10 * i
                });
            }
            setInterval(function() {
                this.data.count++;
                this.$update();
            }.bind(this), 1000);
        },
    });
    +
    +
    +

    特殊

    由于组件内部有部分模版是使用字符串形式存储，只有在使用时才是进行解析，因此当页面对 Regular 的插值符号进行修改时，需要进行特殊处理。

    +

    为了向组件内部传递新修改的插值，需要在 Regular 下挂载两个新的属性 _BEGIN_， _END_。

    +
    Regular._BEGIN_ = '{{';
    Regular._END_ = '}}';
    Regular.config({
        BEGIN: Regular._BEGIN_,
        END: Regular._END_
    });
    +
    +

    API

    +

    KLTable

    KLTable

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.source]array=> 数据源
    [options.data.paging]object=> 分页
    [options.data.sorting]object=> 排序
    [options.data.stickyHeader]boolean=> 将表头固定到页面顶部
    [options.data.stickyFooter]boolean=> 将表格底部操作固定到页面底部
    [options.data.fixedHeader]boolean=> 将表头固定到表格顶部
    [options.data.lineClamp]number=> 单元格行数限制
    [options.data.columns]array=> 列配置
    [optiosn.data.align]string"center"=> 文字对齐
    [optiosn.data.minColWidth]number50=> 最小列宽
    [optiosn.data.loading]booleanfalse=> 是否显示加载浮层
    +

    +

    sort 排序事件Event

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件来源
    ascboolean是否升序
    columnobject目标列
    columnIndexnumber目标列序号
    keystring排序字段
    sortingobject排序设置对象
    +

    +

    checkchange 多选事件Event

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件来源
    checkedboolean是否选中
    itemobject操作对象
    checkedEventobject多选事件对象源
    +

    +

    type 自定义的操作事件Event

    + + + + + + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件来源
    customboolean自定义事件标识
    paramarray自定义事件所带的参数
    +

    +

    paging 分页事件Event

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件来源
    currentnumber事件来源
    pagingobject分页对象
    pagingEventobjectPager 的分页事件
    +

    +

    KLTableCol

    KLTableCol

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.name]string=> 表头名称
    [options.data.key]string=> 列属性字段
    [options.data.tip]string=> 提示信息
    [options.data.type]string=> 列内容的预设类型
    [options.data.width]string=> 列宽
    [optiosn.data.minWidth]number=> 最小列宽，不设置时取全局值 minColWidth，拖动改变列宽后会被设置
    [options.data.columnClass]string=> 列内容样式
    [options.data.headerClass]string=> 表头样式
    [options.data.sortable]boolean=> 可排序
    [options.data.children]string=> 子表头
    [options.data.fixed]boolean \string=> 列固定开关，默认left为做固定，right为右固定
    [optiosn.data.align]string"''"=> 列文字对齐
    [optiosn.data.placeholder]string"'-'"=> 列文字占位符
    [options.data.template]string=> 列内容模版
    [options.data.headerTemplate]string=> 列表头模版
    [options.data.expandTemplate]string=> 下钻展开内容模版
    +

    +

    KLTableTemplate

    KLTableTemplate

    + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.type]string"content"=> 模版类型, header, content
    + + + + +
    + + + 筛选区 + + + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/navigation_KLCrumb_.html b/doc/v0.6/components/navigation_KLCrumb_.html new file mode 100644 index 00000000..cea0c9f9 --- /dev/null +++ b/doc/v0.6/components/navigation_KLCrumb_.html @@ -0,0 +1,634 @@ + + + + + 面包屑 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + +

    面包屑 KLCrumb

    +
    +

    基本形式

    面包屑由kl-crumb和kl-crumb-item组合构成, 可以通过配置属性自定义面包屑的一些样式, 例如每个kl-crumb-item内部可以自己定义内容

    +
    + +
    <kl-crumb separator="/">
        <kl-crumb-item href="/"><kl-icon type="home2" color="#E31436" /></kl-crumb-item>
        <kl-crumb-item href="/components/index.html">促销中心</kl-crumb-item>
        <kl-crumb-item>优惠券管理</kl-crumb-item>
        <kl-crumb-item>优惠券配置</kl-crumb-item>
    </kl-crumb>
    +
    +
    +

    基本形式（简版）

    + +
    <kl-crumb separator="/">
        <kl-crumb-item href="/"><kl-icon type="home2" color="#E31436" /></kl-crumb-item>
        <kl-crumb-item  href="/components/index.html" content="促销中心" />
        <kl-crumb-item content="优惠券管理" />
        <kl-crumb-item content="优惠券配置" />
    </kl-crumb>
    +
    +

    API

    +

    KLCrumb

    KLCrumb

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDescription
    [options.data]object= 绑定属性
    [options.data.class]string=> 补充class
    [options.data.separator]string=> 分隔符，支持模板
    [options.data.href]string=> 传入的链接
    +

    +

    KLCrumbItem

    KLCrumbItem

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDescription
    [options.data]object= 绑定属性
    [options.data.content]string=> 内容模板
    [options.data.class]string=> 补充class
    [options.data.href]string=> 传入的链接
    + + + + +
    + + + + + 导航菜单 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/navigation_KLMenu_.html b/doc/v0.6/components/navigation_KLMenu_.html new file mode 100644 index 00000000..589c8340 --- /dev/null +++ b/doc/v0.6/components/navigation_KLMenu_.html @@ -0,0 +1,1044 @@ + + + + + 导航菜单 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + + + +

    导航菜单 KLMenu

    +
    +

    基本形式

    一个完整的Menu由kl-menu, kl-menu-sub, kl-menu-item组合构成; kl-menu只支持两级菜单, kl-menu-sub是菜单的第一级, 它可以通过kl-menu-item实现对应的子菜单,也可以独立作为没有子菜单的一级菜单

    +
      +
    • KLMenuSub: 可以根据url, iconClass, title, titleTemplate属性定制一级菜单的显示
      • +
    • KLMenuItem: 可以直接使用url属性, 替换自己实现的a链接标签
      • +
    +
    + +
    <kl-row>
        <kl-col span=4>
            <div style="width:180px;">
              <kl-menu>
                <kl-menu-sub titleTemplate="<a href='/'>首页</a>"></kl-menu-sub>
                <kl-menu-sub title="库存管理">
                  <kl-menu-item title="商品实时数据"></kl-menu-item>
                  <kl-menu-item><a href="/">单据审核</a></kl-menu-item>
                </kl-menu-sub>
                <kl-menu-sub title="财务管理">
                  <kl-menu-item title="对账管理"></kl-menu-item>
                  <kl-menu-item url="/">请款管理</kl-menu-item>
                </kl-menu-sub>
                <kl-menu-sub titleTemplate="<a>统计数据</a>"></kl-menu-sub>
                <kl-menu-sub titleTemplate="<a>订单管理</a>"></kl-menu-sub>
                <kl-menu-sub titleTemplate="<a>消息管理</a>"></kl-menu-sub>
              </kl-menu>
            </div>
        </kl-col>
        <kl-col span=4>
            <div style="width:180px;">
              <kl-menu>
                <kl-menu-sub title="首页" url="/" iconClass="icon icon-home"></kl-menu-sub>
                <kl-menu-sub title="库存管理" iconClass="icon icon-inventory">
                  <kl-menu-item title="商品实时数据"></kl-menu-item>
                  <kl-menu-item><a href="/">单据审核</a></kl-menu-item>
                </kl-menu-sub>
                <kl-menu-sub title="财务管理" iconClass="icon icon-financial">
                  <kl-menu-item title="对账管理"></kl-menu-item>
                  <kl-menu-item url="/">请款管理</kl-menu-item>
                </kl-menu-sub>
                <kl-menu-sub iconClass="icon icon-statistics" titleTemplate="<a>统计数据</a>"></kl-menu-sub>
                <kl-menu-sub iconClass="icon icon-order" titleTemplate="<a>订单管理</a>"></kl-menu-sub>
                <kl-menu-sub iconClass="icon icon-message" titleTemplate="<a>消息管理</a>"></kl-menu-sub>
              </kl-menu>
            </div>
        </kl-col>
    </kl-row>
    +
    +
    +

    通过配置数据渲染菜单

    一般情况下, 菜单都是根据后端配置的数据生成, 这种情况下, 可以加入一些简单的逻辑实现这种动态数据的菜单

    +
    + +
    <kl-row>
        <kl-col span=4>
            <div style="width:180px;">
              <kl-menu uniqueOpened="{uniqueOpened}">
                {#list menus as menu}
                {#if menu.children && menu.children.length}
                <kl-menu-sub title="{menu.title}" defaultOpen="{menu.open}">
                  {#list menu.children as page}
                  <kl-menu-item isCurrent="{page.open}" url="{page.url}">{page.title}</kl-menu-item>
                  {/list}
                </kl-menu-sub>
                {#else}
                <kl-menu-sub titleTemplate="<a href='{menu.url}'>{menu.title}</a>"></kl-menu-sub>
                {/if}
                {/list}
              </kl-menu>
            </div>
        </kl-col>
        <kl-col span=4>
            <div style="width:180px;">
              <kl-menu uniqueOpened="{uniqueOpened}">
                {#list menus as menu}
                {#if menu.children && menu.children.length}
                <kl-menu-sub title="{menu.title}" defaultOpen="{menu.open}" iconClass="icon {this.getIconClass(menu.key)}">
                  {#list menu.children as page}
                  <kl-menu-item isCurrent="{page.open}" url="{page.url}">{page.title}</kl-menu-item>
                  {/list}
                </kl-menu-sub>
                {#else}
                <kl-menu-sub iconClass="icon {this.getIconClass(menu.key)}" titleTemplate="<a href='{menu.url}'>{menu.title}</a>"></kl-menu-sub>
                {/if}
                {/list}
              </kl-menu>
            </div>
        </kl-col>
    </kl-row>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            menus: [{
             title: '首页',
             key: 'home'
            }, {
             title: '库存管理',
             open: true,
             key: 'inventory',
             children: [{
               open: true,
               title: '商品实时数据',
               url: '/'
             },{
               title: '单据审核',
               url: '/'
             }]
           }, {
             title: '财务管理',
             key: 'financial',
             children: [{
               title: '对账管理',
               url: '/'
             },{
               title: '请款管理',
               url: '/'
             }]
           }, {
              title: '统计数据',
              key: 'statistics'
           }, {
              title: '订单管理',
              key: 'order'
           }, {
              title: '消息管理',
              key: 'message'
           }]
        },
        getIconClass: function(key) {
           return 'icon-' + key;
        }
    });
    +
    +

    API

    +

    KLMenu

    KLMenu

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDescription
    [options.data]object= 绑定属性
    [options.data.class]string=> 补充class
    [options.data.uniqueOpened]boolean=> 是否只保持打开一个菜单
    [options.data.router]object=> 单页应用时, 请将regular-state的manager实例传入
    +

    + + + + + + + + + + + + + + + +
    NameTypeDescription
    menuitemobject点击的menuItem实例
    +

    +

    KLSubMenu

    KLSubMenu

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.class]string=> 补充class
    [options.data.defaultOpen]booleanfalse=> 是否默认展开,如果需要默认展开,设置为true
    [options.data.url]string=> 如果一级菜单需要链接,可配置url属性
    [options.data.route]string=> 单页spa应用时替代url属性
    [options.data.iconClass]string=> 菜单文字前的icon
    [options.data.title]string=> 标题文案
    [options.data.titleTemplate]string=> 标题文案模板
    +

    +

    KLMenuItem

    KLMenuItem

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDescription
    [options.data]object= 绑定属性
    [options.data.class]string=> 补充class
    [options.data.title]string=> 标题文案
    [options.data.url]string=> 跳转链接
    [options.data.route]string=> 单页spa应用时替代url属性
    [options.data.isCurrent]boolean=> 是否是当前页
    + + + + +
    + + + 面包屑 + + + + + + 分页 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/navigation_KLPager_.html b/doc/v0.6/components/navigation_KLPager_.html new file mode 100644 index 00000000..1ea408ce --- /dev/null +++ b/doc/v0.6/components/navigation_KLPager_.html @@ -0,0 +1,883 @@ + + + + + 分页 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + +

    分页 KLPager

    +
    +

    基本形式

    跳至多少页，支持输入后，按回车键触发哦！

    +
    + +
    <kl-pager current={current} sumTotal={sumTotal} pageSize={pageSize} />
    +
    var component = new NEKUI.Component({
        template: template,
        config: function(data) {
            data.current = 3;
            data.pageSize = 10;
            data.sumTotal = 200;
        }
    });
    +
    +
    +

    不展示pageSize下拉或者总条数

    只要不设置pageSize或sumTotal即可，但是需要单独传入每页的条数total, total的值是Math.ceil(sumTotal/pageSize)

    +
    + +
    <pager total={Math.ceil(sumTotal/pageSize)} current={current}></pager>
    +
    var component = new NEKUI.Component({
        template: template,
        config: function(data) {
            data.current = 3;
            data.pageSize = 10;
            data.sumTotal = 100;
        }
    });
    +
    +
    +

    总条数展示场景一

    如果总条数有200多条，后端只返回200，通过设置isEllipsis使总条数展示位200+

    +
    + +
    <kl-pager current={3} sumTotal={200} pageSize={5} isEllipsis={true} />
    +
    +
    +

    总条数展示场景二

    总条数特别多的时候，可以设置一个最大值x，超过这个值的时候页面展示位x+

    +
    + +
    <kl-pager current={3} sumTotal={2000000} pageSize={20} maxTotal={2000} />
    +
    +
    +

    翻页器展示形式(一般不需要设置)

    可以设置翻页器展示的形式，设置两端显示的按钮数以及中间展示的按钮数量

    +
    + +
    <kl-pager pageSize={5} current={6} sumTotal={100} middle={3} side={1} />
    +
    +
    +

    实际业务中推荐做法

    通过watch pageSize 和 current的值来请求列表数据，不推荐使用pager的select事件来处理；

    +
    + +
    <kl-pager current={current} sumTotal={sumTotal} pageSize={pageSize} />
    +
    var component = new NEKUI.Component({
        template: template,
        watchedAttr: ['current', 'pageSize'],
        config: function(data) {
            data.current = 3;
            data.pageSize = 10;
            data.sumTotal = 200;
            this.$watch(this.watchedAttr, function() {
                this.__getList();
            });
        },
        __getList: function() {
            console.log('更新列表数据');
        }
    });
    +
    +

    API

    +

    KLPager

    KLPager

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.current]number1<=> 当前页
    [options.data.total]number0=> 总页数
    [options.data.sumTotal]number0=> 总个数
    [options.data.pageSize]number20=> 每页个数
    [options.data.middle]number5=> 当页数较多时，中间显示的页数
    [options.data.side]number2=> 当页数较多时，两端显示的页数
    [options.data.step]number5=> 每页条数选择步长
    [options.data.maxPageSize]number50=> 最大可设置的每页条数
    [options.data.isEllipsis]booleanfalse=> 是否展示位总条数+
    [options.data.maxTotal]number=> 总条数超过maxTotal条数时，展示为maxTotal+条数
    [options.data.class]string=> 补充class
    +

    +

    select 选择某一页时触发Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    currentobject当前选择页
    + + + + +
    + + + 导航菜单 + + + + + + 菜单栏 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/navigation_KLSidebar_.html b/doc/v0.6/components/navigation_KLSidebar_.html new file mode 100644 index 00000000..1d1c1267 --- /dev/null +++ b/doc/v0.6/components/navigation_KLSidebar_.html @@ -0,0 +1,782 @@ + + + + + 菜单栏 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + +

    菜单栏 KLSidebar

    +
    +

    基本形式

    KLSidebar只是对KLMenu的进一步封装,如果无法满足需求,可直接使用KLMenu组件; 除了KLMenu的功能外, 还增加菜单展开/收起的功能, 注意需要配置bodyEl属性; 注意:如果是单页,需要额外配置router属性,并将页面链接的url属性改为route属性;

    +

    +

    +

    <div class="demo-main">
        <div class="demo-head">
            <img src="//haitao.nos.netease.com/2fecfadc7d48464b90c2fe9b5d92412a.svg" width="34px" height="34px" style="margin-right:9px;" />
            考拉UI系统
        </div>
        <kl-sidebar menus={menus} bodyEl="j-body" width="200px" />
        <div id="j-body" class="demo-body"></div>
    </div>

    +
    var component = new NEKUI.Component({
        template: template,
        data: {
          menus: [{
           title: '首页',
           iconClass: 'icon icon-home'
          }, {
           title: '库存管理',
           open: true,
           iconClass: 'icon icon-inventory',
           children: [{
             open: true,
             title: '商品实时数据',
             url: '/'
           },{
             title: '单据审核',
             url: '/'
           }]
         }, {
           title: '财务管理',
           iconClass: 'icon icon-financial',
           children: [{
             title: '对账管理',
             url: '/'
           },{
             title: '请款管理',
             url: '/'
           }]
         }, {
            title: '统计数据',
            iconClass: 'icon icon-statistics'
         }, {
            title: '订单管理',
            iconClass: 'icon icon-order'
         }, {
            title: '消息管理',
            iconClass: 'icon icon-message'
         }]
       }
    });
    +
    +

    API

    +

    KLSidebar

    KLSidebar

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object=> 绑定属性
    [options.data.class]string=> 补充class
    [options.data.menus]array=> 菜单数组
    [options.data.top]string"60px"=> 菜单style top的值
    [options.data.active]booleantrue=> 默认是否收起
    [options.data.bodyEl]string=> 主内容区body元素的id,当菜单收起时,拉伸bodyEl
    [options.data.uniqueOpened]booleantrue=> 是否只保持打开一个菜单
    [options.data.titleKey]string"title"=> 一级菜单的字段key名
    [options.data.urlKey]string"url"=> 菜单结构中的链接key名
    [options.data.routeKey]string"route"=> 单页spa应用时,使用
    [options.data.pageKey]string"title"=> 二级菜单的字段key名
    [options.data.childrenKey]string"children"=> 一级菜单对象下二级菜单数组的key名
    [options.data.router]object=> 单页应用时, 请将regular-state的manager实例传入
    [options.data.width]string=> sidebar的宽度设置,默认181px
    [options.data.scrollIntoView]booleanfalse=> 是否需要scrollIntoView
    +

    +

    toggle 收缩菜单时触发Event

    + + + + + + + + + + + + + + +
    NameTypeDescription
    activeboolean展开还是收缩
    +

    + + + + + + + + + + + + + + + +
    NameTypeDescription
    menuitemobject点击的menuItem实例
    + + + + +
    + + + 分页 + + + + + + 步骤 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/navigation_KLSteps_.html b/doc/v0.6/components/navigation_KLSteps_.html new file mode 100644 index 00000000..42b854ec --- /dev/null +++ b/doc/v0.6/components/navigation_KLSteps_.html @@ -0,0 +1,711 @@ + + + + + 步骤 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + +

    步骤 KLSteps

    +
    +

    基本形式

    + +
    <kl-steps current={current} steps={steps} />
    <kl-button title="下一步" on-click={current = (current + 1) % steps.length}></kl-button>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            current: 0,
            steps: [{
                status: 0,
                title: '提交订单',
                description: '2017-08-18 提交提交成功',
            }, {
                status: 1,
                title: '付款成功',
                description: '订单付款完成，商品将会送出',
            }, {
                status: 2,
                title: '等待收货',
                description: '订单正在配送中，请准备签收',
            }, {
                status: 3,
                title: '完成',
                description: '订单完成，感谢使用考拉海购',
            }]
        }
    });
    +
    +
    +

    迷你版

    在表单中使用

    +
    + +
    <kl-steps size="sm" current={current} steps={steps} />
    <kl-button title="下一步" on-click={current = (current + 1) % steps.length}></kl-button>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            current: 2,
            steps: [{
                status: 0,
                title: '提交订单',
                description: '2017-08-18 提交提交成功',
            }, {
                status: 1,
                title: '付款成功',
                description: '订单付款完成，商品将会送出',
            }, {
                status: 2,
                title: '等待收货',
                description: '订单正在配送中，请准备签收',
            }, {
                status: 3,
                title: '完成',
                description: '订单完成，感谢使用考拉海购',
            }]
        }
    });
    +
    +

    API

    +

    KLSteps

    KLSteps

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.steps]Array.<object><=> 数据源
    [options.data.steps[].status]number=> 状态id，支持方法，传入当前 current 返回 true 则属于当前状态
    [options.data.steps[].title]string=> 步骤标题
    [options.data.steps[].description]Array.<object>=> 步骤具体描述
    [options.data.current]number0<=> 当前状态
    [options.data.size]string=> 当前尺寸，sm
    + + + + +
    + + + 菜单栏 + + + + + + 选项卡 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/navigation_KLTabs_.html b/doc/v0.6/components/navigation_KLTabs_.html new file mode 100644 index 00000000..fee2c91a --- /dev/null +++ b/doc/v0.6/components/navigation_KLTabs_.html @@ -0,0 +1,1094 @@ + + + + + 选项卡 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + +

    选项卡 KLTabs

    +
    +

    基本形式

    配置title

    +
    + +
    <kl-tabs>
        <kl-tab title="Tab1">Content1</kl-tab>
        <kl-tab title="Tab2">Content2</kl-tab>
        <kl-tab title="Tab3">Content3</kl-tab>
        <kl-tab title="Tab4">Content4</kl-tab>
    </kl-tabs>
    +
    +
    +

    标题模板自定义

    + +
    <kl-tabs titleTemplate={@(this.titleTemplate)}>
        <kl-tab title="Tab1">Content1</kl-tab>
        <kl-tab title="Tab2" mark={true}>Content2</kl-tab>
        <kl-tab title="Tab3" mark={true}>Content3</kl-tab>
        <kl-tab title="Tab4">Content4</kl-tab>
    </kl-tabs>
    +
    var component = new NEKUI.Component({
        template: template,
        titleTemplate: `
    {item.data.title} {#if item.data.mark}<span class="u-text u-text-success"><i class="u-icon u-icon-check-circle"></i></span>{/if}`
    });
    +
    +
    +

    默认选中Tab

    需要同时设置 tabs 的 defaultKey 和 tab 的 key

    +
    + +
    <kl-tabs defaultKey={defaultKey}>
        <kl-tab title="Tab1" key=0>Content1</kl-tab>
        <kl-tab title="Tab2" key=1>Content2</kl-tab>
        <kl-tab title="Tab3" key=2>Content3</kl-tab>
        <kl-tab title="Tab4" key=3>Content4</kl-tab>
    </kl-tabs>
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            defaultKey: 1
        }
    });
    +
    +
    +

    切换重新渲染

    on-change中可以做重新渲染逻辑

    +
    + +
    <kl-tabs on-change={this.tabChange($event)}>
        <kl-tab title="Tab1" key=0>Content1</kl-tab>
        <kl-tab title="Tab2" key=1>Content2</kl-tab>
        <kl-tab title="Tab3" key=2>Content3</kl-tab>
        <kl-tab title="Tab4" key=3>Content4</kl-tab>
    </kl-tabs>
    +
    var component = new NEKUI.Component({
        template: template,
        tabChange: function(event){
            var key = event.key;
            console.log(event)
            //TODO
        }
    });
    +
    +
    +

    禁用某一项，禁用组件

    kl-tabs标签和kl-tab标签均可设置disabled属性，控制整个tabs禁用或某个tab禁用

    +

    kl-tabs标签还可以设置visible属性，控制整个tabs显示或隐藏

    +
    + +
    <div class="g-row">
        <div class="g-col g-col-6">
            <kl-tabs>
                <kl-tab title="Tab1">Content1</kl-tab>
                <kl-tab title="Tab2">Content2</kl-tab>
                <kl-tab title="Tab3" disabled>Content3</kl-tab>
                <kl-tab title="Tab4">Content4</kl-tab>
            </kl-tabs>
        </div>
        <div class="g-col g-col-6">
            <kl-tabs disabled>
                <kl-tab title="Tab1">Content1</kl-tab>
                <kl-tab title="Tab2">Content2</kl-tab>
                <kl-tab title="Tab3">Content3</kl-tab>
                <kl-tab title="Tab4">Content4</kl-tab>
            </kl-tabs>
        </div>
    </div>
    +
    +
    +

    居中

    通过配置class属性可以自定义样式，可用m-tabs-center实现居中

    +
    + +
    <kl-tabs class="m-tabs-center">
        <kl-tab title="Tab1">Content1</kl-tab>
        <kl-tab title="Tab2">Content2</kl-tab>
        <kl-tab title="Tab3">Content3</kl-tab>
        <kl-tab title="Tab4">Content4</kl-tab>
    </kl-tabs>
    +
    +
    +

    左右滚动箭头

    当tab过多时会自动出现左右滚动箭头（与class: m-tabs-center冲突）

    +

    当DOM加载比较慢时，可能会出现初始左右滚动箭头不出现。是由于regular无法获取dom加载完成事件导致，待解决

    +
    + +
    <kl-row>
        <kl-col span=4>
            <kl-tabs>
                <kl-tab title="Tab1">Content1</kl-tab>
                <kl-tab title="Tab2">Content2</kl-tab>
                <kl-tab title="Tab3">Content3</kl-tab>
                <kl-tab title="Tab4">Content4</kl-tab>
                <kl-tab title="Tab5">Content5</kl-tab>
                <kl-tab title="Tab6">Content6</kl-tab>
            </kl-tabs>
        </kl-col>
    </kl-row>
    +
    +
    +

    事件

    请打开浏览器的控制台查看结果。

    +
    + +
    <kl-tabs on-select={this.tabSelected($event)} on-change={this.tabChanged($event)}>
        <kl-tab title="Tab1" key="1">Content1</kl-tab>
        <kl-tab title="Tab2" key="2">Content2</kl-tab>
        <kl-tab title="Tab3" key="3">Content3</kl-tab>
        <kl-tab title="Tab4" key="4">Content4</kl-tab>
    </kl-tabs>
    +
    var component = new NEKUI.Component({
        template: template,
        tabSelected: function(event){
            console.log('selected: ', event.selected);
        },
        tabChanged: function(event){
            console.log('changed: ', event.key);
        }
    });
    +
    +

    API

    +

    KLTabs

    KLTabs

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.selected]object<=> 当前选择卡
    [options.data.titleTemplate]stringnull@=> 标题模板
    [options.data.defaultKey]stringnull=> 默认显示对应 key 的 Tab
    [options.data.readonly]booleanfalse=> 是否只读
    [options.data.disabled]booleanfalse=> 是否禁用
    [options.data.visible]booleantrue=> 是否显示
    [options.data.class]string=> 补充class
    +

    +

    change 选项卡改变时触发Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    selectedobject改变后的选项卡
    +

    +

    select 选择某一项时触发Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    selectedobject当前选择卡
    +

    +

    KLTab

    KLTab

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.title]string=> 标题
    [options.data.key]stringnull=> key 标识
    + + + + +
    + + + 步骤 + + + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/notice_KLMessage_.html b/doc/v0.6/components/notice_KLMessage_.html new file mode 100644 index 00000000..9e9b21d4 --- /dev/null +++ b/doc/v0.6/components/notice_KLMessage_.html @@ -0,0 +1,679 @@ + + + + + 消息 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + +

    消息 KLMessage

    +

    基本形式

    提示信息展示格式(图标+颜色)。

    +
    +
    + +
    <kl-message class="f-mb10">
        this is a message
    </kl-message>
    +
    +

    基本属性type

    type设置样式，取值success、warning、info、error。默认不设置则无色无图标。

    +
    +
    + +
    <kl-row type="flex">
        <kl-col span="4">
            <kl-message class="f-mb10">
            不设置type
            </kl-message>
        </kl-col>
        <kl-col span="4">
            <kl-message type="success" class="f-mb10">
                type为success
            </kl-message>
        </kl-col>
        <kl-col span="4">
            <kl-message type="warning" class="f-mb10">
                type为warning
            </kl-message>
        </kl-col>
        <kl-col span="4">
            <kl-message type="info" class="f-mb10">
                type为info
            </kl-message>
        </kl-col>
        <kl-col span="4">
            <kl-message type="error" class="f-mb10">
                type为error
            </kl-message>
        </kl-col>
    </kl-row>
    +
    +

    基本属性class

    class属性设置补充样式

    +
    +
    + +
    + +
    <kl-message class="f-mb10 m-bg-specical" type="error">type=error,设置自定义class</kl-message>
    +
    +

    API

    +

    KLMessage

    KLMessage

    + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDescription
    [options.data]object= 绑定属性
    [options.data.type]string=> 消息类型，可选参数：success、warning、info、error
    [options.data.class]string=> 补充class
    + + + + +
    + + + + + 模态框 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/notice_KLModal_.html b/doc/v0.6/components/notice_KLModal_.html new file mode 100644 index 00000000..126dd2c9 --- /dev/null +++ b/doc/v0.6/components/notice_KLModal_.html @@ -0,0 +1,2364 @@ + + + + + 模态框 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + + + +

    模态框 KLModal

    +
    +

    基本形式

    含有遮罩层的对话框，用于模拟浏览器的alert、confirm和prompt。

    +

    模态对话框通过遮罩层来阻止用户的其他行为。

    +
    + +
    <kl-button on-click="{this.show()}"  title="Modal"/>
    +
    var component = new NEKUI.Component({
        template: template,
        show: function() {
            // 打开一个Modal
            var modal = new NEKUI.KLModal({
                data: {
                    content: 'Modal内容'
                }
            });
        }
    });
    +
    +
    +

    配置要嵌入的父级元素

    设置modal嵌入的父级元素，默认为document.body

    +
    + +
    <kl-button on-click="{this.show()}"  title="el: main"/>
    +
    var component = new NEKUI.Component({
        template: template,
        show: function() {
            // 打开一个Modal，inject到#main元素里
            var modal = new NEKUI.KLModal({
                data: {
                    content: 'Modal内容',
                    el: '#main'
                }
            });
        }
    });
    +
    +
    +

    配置信息title

    设置打开modal的标题，默认显示notice

    +
    + +
    <kl-button on-click="{this.show()}"  title="Title"/>
    +
    var component = new NEKUI.Component({
        template: template,
        show: function() {
            var modal = new NEKUI.KLModal({
                data: {
                    title: '我是自定义title',
                }
            });
        }
    });
    +
    +
    +

    配置信息content

    设置modal的内容显示区域(纯文本)。默认为空。

    +
    + +
    <kl-button on-click="{this.show()}"  title="content"/>
    +
    var component = new NEKUI.Component({
        template: template,
        show: function() {
            var modal = new NEKUI.KLModal({
                data: {
                    content: 'Modal的自定义文本内容'
                }
            });
        }
    });
    +
    +
    +

    配置信息contentTemplate

    设置modal的内容显示区域(html代码片段)。默认为空

    +
    + +
    <kl-button on-click="{this.show()}"  title="contentTemplate"/>
    +
    var component = new NEKUI.Component({
        template: template,
        show: function() {
            var modal = new NEKUI.KLModal({
                data: {
                    name: 'Rabbit',
                    contentTemplate: '<kl-row><kl-col span=10><kl-input value="{name}"/></kl-col></kl-row>'
                }
            });
        }
    });
    +
    +
    +

    配置信息footerTemplate

    设置modal的footer显示区域(html代码片段)。默认onfirm和Cancel按钮

    +
    + + +
    <kl-button on-click="{this.show()}"  title="footerTemplate"/>
    +
    var component = new NEKUI.Component({
        template: template,
        show: function() {
            var modal = new NEKUI.KLModal({
                data: {
                    name: 'Rabbit',
                    content: '自定义footer',
                    footerTemplate: '<kl-row><kl-col span=6><kl-button title="提交" type="secondary" /></kl-col><kl-col span=6><kl-button title="撤销"  type="success" /></kl-col></kl-row>'
                }
            });
        }
    });
    +
    +
    +

    配置信息okDisabled

    是否禁用footer中原生Confirm按钮，true表示是，false表示否。默认为false

    +
    + +
    <kl-button on-click="{this.show(true)}"  title="okDisabled: true"/>
    <kl-button on-click="{this.show(false)}"  title="okDisabled: false"/>
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(okDisabled) {
            var modal = new NEKUI.KLModal({
                data: {
                    okDisabled: okDisabled,
                    content: 'okDisabled设置为' + okDisabled,
                }
            });
        }
    });
    +
    +
    +

    配置信息cancelDisabled

    是否禁用footer中原生Cancel按钮，true表示是，false表示否，该属性需要与cancelButton属性配合使用。默认为false。

    +
    + +
    <kl-button on-click="{this.show(true)}"  title="cancelDisabled: true"/>
    <kl-button on-click="{this.show(false)}"  title="cancelDisabled: false"/>
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(cancelDisabled) {
            var modal = new NEKUI.KLModal({
                data: {
                    cancelDisabled: cancelDisabled,
                    cancelButton: true,
                    content: 'cancelDisabled设置为' + cancelDisabled,
                }
            });
        }
    });
    +
    +
    +

    配置信息hasFooter

    是否显示Modal的footer部分，true表示显示，false表示不显示，默认为true。

    +
    + +
    <kl-button on-click="{this.show(true)}"  title="hasFooter: true"/>
    <kl-button on-click="{this.show(false)}"  title="hasFooter: false"/>
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(hasFooter) {
            var modal = new NEKUI.KLModal({
                data: {
                    hasFooter: hasFooter,
                    content: 'hasFooter设置为' + hasFooter,
                }
            });
        }
    });
    +
    +
    +

    配置信息isCanClose

    设置是否可关闭Modal(显示关闭图标),默认为true，可关闭。

    +
    + +
    <kl-button on-click="{this.show(true)}"  title="isCanClose: true"/>
    <kl-button on-click="{this.show(false)}"  title="isCanClose: false"/>
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(isCanClose) {
            var modal = new NEKUI.KLModal({
                data: {
                    isCanClose: isCanClose,
                    content: 'isCanClose设置为' + isCanClose,
                }
            });
            modal.$on('ok', function(res){
               console.log(res);
            });
        }
    });
    +
    +
    +

    配置信息okButton

    设置okButton按钮是否显示true(显示)/false(不显示)，也可以设置显示文本(设置字符串)，设置默认为Confirm

    +
    + +
    <kl-button on-click="{this.show('确认')}"  title="okButton: '确认'" />
    <kl-button on-click="{this.show(true)}"  title="okButton: true" />
    <kl-button on-click="{this.show(false)}"  title="okButton: false" />
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(okButton) {
            var modal = new NEKUI.KLModal({
                data: {
                    okButton: okButton,
                    content: '设置okButton的值',
                }
            });
        }
    });
    +
    +
    +

    配置信息cancelButton

    设置cancelButton按钮是否显示true(显示)/false(不显示)，也可以设置显示文本(设置字符串)，默认文本Cancel且不显示

    +
    + +
    <kl-button on-click="{this.show('取消')}"  title="cancelButton: '取消'" />
    <kl-button on-click="{this.show(true)}"  title="cancelButton: true" />
    <kl-button on-click="{this.show(false)}"  title="cancelButton: false" />
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(cancelButton) {
            var modal = new NEKUI.KLModal({
                data: {
                    cancelButton: cancelButton,
                    content: '设置cancelButton'
                }
            });
        }
    });
    +
    +
    +

    配置信息class

    设置自定义Modal样式。

    +
    + +
    + +
    <kl-button on-click="{this.show()}"  title="cancelButton" />
    +
    var component = new NEKUI.Component({
        template: template,
        show: function() {
            var modal = new NEKUI.KLModal({
                data: {
                    cancelButton: true,
                    content: '设置自定义样式',
                    class: 'u-modal-red',
                }
            });
        }
    });
    +
    +
    +

    配置信息noClose

    点击ok按钮的时候是否自动关闭Modal，默认为true。

    +
    + +
    <kl-button on-click="{this.show(true)}"  title="noClose: true" />
    <kl-button on-click="{this.show(false)}"  title="noClose: false" />
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(noClose) {
            var modal = new NEKUI.KLModal({
                data: {
                    noClose: noClose,
                    content: '设置noClose:' + noClose,
                }
            });
        }
    });
    +
    +
    +

    配置信息minHeight

    设置Modal的最小显示高度，默认随内容变化。

    +

    备注：只有同时配置maxHeight该属性才会生效

    +
    + +
    <kl-button on-click="{this.show()}"  title="minHeight: 不设置" />
    <kl-button on-click="{this.show(300)}"  title="minHeight: 300" />
    <kl-button on-click="{this.show(600)}"  title="minHeight: 600" />
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(minHeight) {
            var data = {
                cancelButton: true,
                contentTemplate: '<div style="height: 400px;border: 2px dotted #ddd;"></div>',
            };
            if(minHeight) {
                data.minHeight = minHeight;
                data.maxHeight = 350;
            }
            var modal = new NEKUI.KLModal({
                data: data
            });
        }
    });
    +
    +
    +

    配置信息maxHeight

    设置Modal的最大显示高度，默认随内容变化。

    +

    备注：若同时配置minHeight，且其值大于maxHeight，则以minHeight的值生效

    +
    + +
    <kl-button on-click="{this.show()}"  title="maxHeight: 不设置" />
    <kl-button on-click="{this.show(200)}"  title="maxHeight: 200" />
    <kl-button on-click="{this.show(400)}"  title="maxHeight: 400" />
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(maxHeight) {
            var data = {
                cancelButton: true,
                contentTemplate: '<div style="height: 300px;border: 2px dotted #ddd;"></div>',
            };
            if(maxHeight) {
                data.maxHeight = maxHeight;
            }
            var modal = new NEKUI.KLModal({
                data: data
            });
        }
    });
    +
    +
    +

    配置信息draggable

    设置Modal可拖拽，默认不可拖拽。

    +
    + +
    <kl-button on-click="{this.show()}"  title="draggable：true"/>
    +
    var component = new NEKUI.Component({
        template: template,
        show: function() {
            var modal = new NEKUI.KLModal({
                data: {
                    content: 'Modal可拖拽',
                    draggable: true
                }
            });
        }
    });
    +
    +
    +

    实例方法cancel

    通过实例调用，执行该实例对象的cancel事件

    +

    该方法执行时会派发cancel事件，通过modal.$on('cancel', callback)监听,打开控制台可查看

    +
    + +
    <kl-button on-click="{this.show()}"  title="cancel" />
    +
    var component = new NEKUI.Component({
        template: template,
        show: function() {
            var data = {
                cancelButton: true,
                contentTemplate: '<div style="height: 300px;border: 2px dotted #ddd;">3秒后调用cancel</div>',
            };
            var modal = new NEKUI.KLModal({
                data: data
            });
            modal.$on('cancel', function(){
                console.log('监听cancel事件');
            });
            setTimeout(function(){
                 modal.cancel();
            }, 3000);
        }
    });
    +
    +
    +

    实例方法close

    通过实例调用，执行该实例对象的close事件，可接收一个标志调用close(true)或者cancel(false)方法的参数。默认调用cancel事件 +该方法执行时会派发close事件，通过modal.$on('close', callback)监听,打开控制台可查看

    +
    + +
    <kl-button on-click="{this.show(true)}"  title="close:true" />
    <kl-button on-click="{this.show(false)}"  title="close:false" />
    <kl-button on-click="{this.show()}"  title="close:不传" />
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(close) {
            var data = {
                cancelButton: true,
                contentTemplate: '<div style="height: 300px;border: 2px dotted #ddd;">3秒后调用close</div>',
            };
            var modal = new NEKUI.KLModal({
                data: data
            });
            modal.$on('close', function(evt){
                console.log('监听close事件');
                // evt:true调用ok，false调用cancel
                console.log(evt);
            });
            modal.$on('cancel', function(){
                console.log('监听cancel事件');
            });
            modal.$on('ok', function(){
                console.log('监听ok事件');
            });
            setTimeout(function(){
                modal.close(close);
            }, 3000);
        }
    });
    +
    +
    +

    实例方法ok

    通过实例调用，执行该实例对象的ok事件,若属性noClose设置为true，则只会调用ok方法，不会关闭Modal

    +

    该方法执行时会派发ok事件，通过modal.$on('ok', callback)监听,打开控制台可查看

    +
    + +
    <kl-button on-click="{this.show(true)}"  title="【noClose:true】" />
    <kl-button on-click="{this.show(false)}"  title="【noClose:false】" />
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(noClose) {
            var data = {
                cancelButton: true,
                noClose: noClose,
                contentTemplate: '<div style="height: 300px;border: 2px dotted #ddd;">3秒后调用ok</div>',
            };
            var modal = new NEKUI.KLModal({
                data: data
            });
            modal.$on('ok', function(){
                console.log('监听ok事件');
            });
            setTimeout(function(){
                 modal.ok();
            }, 3000);
        }
    });
    +
    +
    +

    静态方法confirm

    通过NEKUI.KLModal.confirm调用，返回实例本身，弹出一个confirm对话框。ok按钮触发ok事件，cancel按钮触发cancel事件。有四个参数， +参数一content【必填】为对话框内容；参数二title为对话框title信息，默认为提示； +参数三okButton为对话框确定按钮，true显示，false不显示，string按钮文本，默认为确定； +参数四cancelButton为对话框取消按钮，boolean显示，string按钮文本，默认为取消

    +

    该点击ok按钮会调用ok事件

    +
    + + +
    <div class="g-row">
        <kl-button on-click="{this.show('设置参数一:content')}"  title="alert(content)" />
        <kl-button on-click="{this.show('设置参数一:content', '设置参数二title')}"  title="alert(content, title)" />
        <kl-button on-click="{this.show('设置参数一:content', '设置参数二title', true)}"  title="alert(content, title, okButton)" />
    </div>
    <div class="g-row">
        <kl-button on-click="{this.show('设置参数一:content', '设置参数二title', false)}"  title="alert(content, title, okButton)" />
        <kl-button on-click="{this.show('设置参数一:content', '设置参数二title', '确定')}"  title="alert(content, title, okButton)" />
    </div>
    <div class="g-row">
        <kl-button on-click="{this.show('设置参数一:content', '设置参数二title', '确定','撤销')}"  title="alert(content, title, okButton, cancelButton)" />
        <kl-button on-click="{this.show('设置参数一:content', '设置参数二title', '确定', true)}"  title="alert(content, title, okButton, cancelButton)" />
    </div>
    <div class="g-row">
        <kl-button on-click="{this.show('设置参数一:content', '设置参数二title', '确定', false)}"  title="alert(content, title, okButton, cancelButton)" />
    </div>
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(content, title, okButton, cancelButton) {
            var modal = NEKUI.KLModal.confirm(content, title, okButton, cancelButton);
            modal.$on('ok', function(){
                console.log('监听ok事件');
            });
            modal.$on('cancel', function(){
                console.log('监听cancel事件');
            });
        }
    });
    +
    +
    +

    静态方法alert

    通过NEKUI.KLModal.alert调用，返回实例本身，弹出一个alert对话框。关闭时始终触发ok事件。有三个参数， +参数一content【必填】为对话框内容；参数二title为对话框title信息，默认为提示；参数三okButton为对话框确定按钮，true显示，false不显示，string按钮文本，默认为确定

    +

    该点击ok按钮会调用ok事件

    +
    + +
    <div class="g-row">
        <kl-button on-click="{this.show('设置参数一:content')}"  title="alert(content)" />
        <kl-button on-click="{this.show('设置参数一:content', '设置参数二title')}"  title="alert(content, title)" />
        <kl-button on-click="{this.show('设置参数一:content', '设置参数二title', true)}"  title="alert(content, title, okButton)" />
    </div>
    <div class="g-row">
        <kl-button on-click="{this.show('设置参数一:content', '设置参数二title', false)}"  title="alert(content, title, okButton)" />
        <kl-button on-click="{this.show('设置参数一:content', '设置参数二title', '确定')}"  title="alert(content, title, okButton)" />
    </div>
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(content, title, okButton) {
            var modal = NEKUI.KLModal.alert(content, title, okButton);
            modal.$on('ok', function(){
                console.log('监听ok事件');
            });
        }
    });
    +
    +

    API

    +

    KLModal

    KLModal

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.title]string"提示"=> 对话框标题
    [options.data.content]string=> 对话框内容
    [options.data.contentTemplate]string=> 对话框内容模板，用于支持复杂内容的自定义。
    [options.data.footerTemplate]string=> 对话框底部模板
    [options.data.okDisabled]booleanfalse=> Disable 确认按钮
    [options.data.cancelDisabled]booleanfalse=> Disable 取消按钮
    [options.data.hasFooter]booleantrue=> 是否显示 footer
    [options.data.isCanClose]booleantrue=> 是否允许取消关闭
    [options.data.okButton]string/booleantrue=> 是否显示确定按钮。值为string时显示该段文字。
    [options.data.cancelButton]string/booleanfalse=> 是否显示取消按钮。值为string时显示该段文字。
    [options.data.class]string=> 补充class
    [options.data.noClose]boolean=> ok时是否关闭弹窗
    [options.data.minHeight]number=> 内容区域最小高度
    [options.data.maxHeight]number=> 内容区域最大高度，超出则显示滚动条
    [options.data.el]string=> 设置对话框要插入的父级元素，默认为document.body
    [options.data.draggable]booleanfalse=> 是否可以拖拽对话框
    +

    +

    .close(result) 关闭对话框method

    + + + + + + + + + + + + + + +
    ParamTypeDescription
    resultboolean点击确定还是取消
    +

    +

    .ok() 确定对话框method

    +

    .cancel() 取消对话框method

    +

    close 关闭对话框时触发Event

    + + + + + + + + + + + + + + +
    NameTypeDescription
    resultboolean点击事件按钮，确定/取消
    +

    +

    ok 确定对话框时触发Event

    +

    cancel 取消对话框时触发Event

    +

    .alertstatic method

    + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    contentstring对话框内容
    titlestring"提示"对话框标题
    +

    +

    .confirmstatic method

    + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    contentstring对话框内容
    titlestring"提示"对话框标题
    + + + + +
    + + + 消息 + + + + + + 通知 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/notice_KLNotify_.html b/doc/v0.6/components/notice_KLNotify_.html new file mode 100644 index 00000000..0bc88c24 --- /dev/null +++ b/doc/v0.6/components/notice_KLNotify_.html @@ -0,0 +1,1467 @@ + + + + + 通知 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + + + +

    通知 KLNotify

    +
    +

    基本形式

    一般用于错误、警告等提示消息。创建显示消息的通知，并且能自动弹出。

    +
    + +
    <kl-button type="tertiary" title="Notify" on-click="{this.show()}" />
    +
    var component = new NEKUI.Component({
        template: template,
        show: function() {
            NEKUI.KLNotify.show('提示你点击了按钮');
        }
    });
    +
    +
    +

    配置信息position

    设置提示消息相对于窗口显示的位置。取值有topcenter、topleft、topright、bottomcenter、bottomleft、bottomright、static

    +

    配置信息可在config中统一设置

    +
    + +
    <div class="g-row">
        <kl-button type="tertiary" title="topcenter" on-click="{this.show('topcenter')}" />   
        <kl-button type="tertiary" title="topleft" on-click="{this.show('topleft')}" />   
        <kl-button type="tertiary" title="topright" on-click="{this.show('topright')}" />   
        <kl-button type="tertiary" title="bottomcenter" on-click="{this.show('bottomcenter')}" />   
    </div>
    <div class="g-row">
        <kl-button type="tertiary" title="bottomleft" on-click="{this.show('bottomleft')}" />   
        <kl-button type="tertiary" title="bottomright" on-click="{this.show('bottomright')}" />   
        <kl-button type="tertiary" title="static" on-click="{this.show('static')}" />   
    </div>
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(position) {
            var Notify = new NEKUI.KLNotify({data: {position: position} });
            Notify.show('position:' + position);
        }
    });
    +
    +
    +

    配置信息duration

    设置消息显示的时间，单位是ms，如果设置为0则表示提示消息一直存在，默认为2秒

    +

    配置信息可在config中统一设置

    +
    + +
    <kl-button type="tertiary" title="消息提示不自动关闭" on-click="{this.show(0)}" />  
    <kl-button type="tertiary" title="1秒后自动关闭" on-click="{this.show(1000)}" />  
    <kl-button type="tertiary" title="默认2秒" on-click="{this.show()}" />
    +
    var Notify = null;
    var component = new NEKUI.Component({
        template: template,
        show: function(duration) { 
            Notify =  new NEKUI.KLNotify({data: {duration: duration} });
            var res = duration || (duration === 0 ? 0 : '2000');
            Notify.show('duration:' + res); 
            if(duration === 0) {
                 // 5秒后清除此Notify对象
                setTimeout(function(Notify){
                    return function() {
                         // close和closeAll方法在实例对象的原型链上
                        Notify.closeAll();
                    }
                }(Notify), 5000)
            }
        },
    });
    +
    +
    +

    配置信息single

    是否始终显示一条，将single设置为true，可以让notify始终只显示一条消息。

    +

    配置信息可在config中统一设置

    +
    + +
    <kl-button type="tertiary" title="info" on-click="{this.show('info')}" />  
    <kl-button type="tertiary" title="success" on-click="{this.show('success')}" />  
    <kl-button type="tertiary" title="warning" on-click="{this.show('warning')}" />  
    <kl-button type="tertiary" title="error" on-click="{this.show('error')}" />
    +
    var component = new NEKUI.Component({
        template: template,
        config: function() {
            // config中初始化notify，配置只显示一条消息
            this.notify = new NEKUI.KLNotify({data: {single: true, duration: 5000} });
        },
        number: 1,
        show: function(state) {
            this.notify[state](state + this.number + '.');
            this.number++;
        }
    });
    +
    +
    +

    配置信息visible

    通知是否显示，将visible设置为true，通知不显示。设置为false，则可以显示

    +

    配置信息可在config中统一设置

    +
    + +
    <kl-button type="tertiary" title="true" on-click="{this.show(true)}" />  
    <kl-button type="tertiary" title="false" on-click="{this.show(false)}" />
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(visible) {
            var Notify = new NEKUI.KLNotify({data: {visible: visible} });
            Notify.show('visible: ' + visible);
        }
    });
    +
    +
    +

    配置信息class

    设置额外样式

    +
    + +
    + +
    <kl-button type="tertiary" title="Class" on-click="{this.show()}" />
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(visible) {
           var Notify =  new NEKUI.KLNotify({data: {class: 'm-bg-notify-demo', duration: 1000}});
           Notify.show('设置红色字体');
        }
    });
    +
    +
    +

    show方法

    打开一条提示消息，传递3个参数，第一个参数text(必传): 消息内容；第二个参数state(可选): 消息状态success、info、warning、error，默认为info； +第三个参数duration消息展示时间，单位为ms，默认2秒，如果为0，则表示永不消失。*

    +

    同时消息提示时会派发show事件，可以通过NEKUI.KLNotify.notify.$on('show', callback') + 监听，并且该事件一定要写在show方法调用之前,打开控制台，可以查看$on接收参数

    +
    + +
    <kl-button type="tertiary" title="参数一" on-click="{this.show('只传递参数一')}" />  
    <kl-button type="tertiary" title="一和二" on-click="{this.show('传递参数一和二', 'error')}" />  
    <kl-button type="tertiary" title="都传" on-click="{this.show('参数都传递', 'error', 1000)}" />
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(content, state, duration) {
            NEKUI.KLNotify.show(content, state, duration);
        }
    });
    +
    +
    +

    close方法

    关闭某条消息，同时会派发出close事件，可以通过$on('close', callback)监听

    +
    + +
    <kl-button type="tertiary" title="close" on-click="{this.show('2s后调用close方法')}" />
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(content) {
            var msg = null;
            NEKUI.KLNotify.notify.$on('show', function(evt){
               msg = evt.message;
            });
            NEKUI.KLNotify.show(content, 'success', 10000);
            setTimeout(function(){
                NEKUI.KLNotify.close(msg); 
            }, 2000);
            NEKUI.KLNotify.notify.$on('close', function(evt){
                console.log(evt);
            });
            
        }
    });
    +
    +
    +

    closeAll方法

    关闭所有消息，静态方法，通过NEKUI.KLNotify调用

    +
    + +
    <kl-button type="tertiary" title="closeAll" on-click="{this.show('2s后调用closeAll方法')}" />
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(content) {
           NEKUI.KLNotify.show(content, 'success', 0);
           setTimeout(function(){ 
                // 关闭所有
                NEKUI.KLNotify.closeAll();
           }, 2000)
        }
    });
    +
    +
    +

    特殊类型方法

    show方法简写，弹出特殊类型消息，方法有success、error、warning、error。可以传递两个参数，第一个为消息内容，第二位消息展示时间，同duration属性

    +
    + +
    <kl-button type="tertiary" title="info" on-click="{this.show('info', 6000)}" /> 
    <kl-button type="tertiary" title="success" on-click="{this.show('success', 5000)}" /> 
    <kl-button type="tertiary" title="warning" on-click="{this.show('warning', 4000)}" /> 
    <kl-button type="tertiary" title="error" on-click="{this.show('error', 3000)}" />
    +
    var component = new NEKUI.Component({
        template: template,
        show: function(state, duration) {
            NEKUI.KLNotify[state]('特殊方法：' + state, duration);
        }
    });
    +
    +

    API

    +

    KLNotify

    KLNotify

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.position]string"topcenter"=> 通知的位置，可选参数：topcenter、topleft、topright、bottomcenter、bottomleft、bottomright、static
    [options.data.duration]number2000=> 每条消息默认的停留毫秒数，如果为0，则表示消息常驻不消失，默认为2秒。
    [options.data.single]booleanfalse=> 是否始终显示一条，true表示是，false表示否
    [options.data.visible]booleantrue=> 是否显示,true表示是、false表示否
    [options.data.class]string=> 补充class
    +

    +

    show 打开一条消息时触发Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    messageobject弹出的消息对象
    +

    +

    close 关闭某条消息时触发Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    messageobject关闭了的消息对象
    +

    +

    .showstatic method

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    textstring消息内容
    statestring消息状态，可选参数：info、success、warning、error
    durationnumber2000该条消息的停留毫秒数。如果为0，则表示消息常驻不消失。如果不填，则使用notify默认的duration。
    +

    +

    .closestatic method

    + + + + + + + + + + + + + + +
    ParamTypeDescription
    messageobject需要关闭的消息对象
    +

    +

    .closeAllstatic method

    +

    .successstatic method

    + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    textstring消息内容
    durationnumber2000该条消息的停留毫秒数。如果为0，则表示消息常驻不消失。如果不填，则使用notify默认的duration。
    +

    +

    .warningstatic method

    + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    textstring消息内容
    durationnumber2000该条消息的停留毫秒数。如果为0，则表示消息常驻不消失。如果不填，则使用notify默认的duration。
    +

    +

    .infostatic method

    + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    textstring消息内容
    durationnumber2000该条消息的停留毫秒数。如果为0，则表示消息常驻不消失。如果不填，则使用notify默认的duration。
    +

    +

    .errorstatic method

    + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    textstring消息内容
    durationnumber2000该条消息的停留毫秒数。如果为0，则表示消息常驻不消失。如果不填，则使用notify默认的duration。
    + + + + +
    + + + 模态框 + + + + + + 确认提示 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/notice_KLPopConfirm_.html b/doc/v0.6/components/notice_KLPopConfirm_.html new file mode 100644 index 00000000..57be9f82 --- /dev/null +++ b/doc/v0.6/components/notice_KLPopConfirm_.html @@ -0,0 +1,1197 @@ + + + + + 确认提示 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + + + +

    确认提示 KLPopConfirm

    +
    +

    基本形式

    气泡弹框，主要用于备注或者更多信息提示。

    +
    + +
    <kl-pop-confirm content="Are you sure delete this task?">
        <kl-button  type="tertiary" title="删除"></kl-button>
    </kl-pop-confirm>
    +
    +
    +

    配置属性content

    设置气泡信息提示内容，一般为简单文本提示。

    +
    + +
    <kl-pop-confirm content="我是设置的气泡信息内容">
        <kl-button  type="tertiary" title="Content"></kl-button>
    </kl-pop-confirm>
    +
    +
    +

    配置属性contentTemplate

    气泡信息提示内容配置，可以自定义html格式

    +
    + +
    + +
    <kl-pop-confirm contentTemplate="<div><span class='u-red-font'>红色字体</span><span>普通字体</span></div>">
        <kl-button  type="tertiary" title="contentTemplate"></kl-button>
    </kl-pop-confirm>
    +
    +
    +

    配置属性placement

    气泡提示信息展示位置配置(箭头的位置)，取值有top、topLeft、topRight、left、leftTop、 +leftBottom、right、rightTop、rightBottom、bottom、bottomLeft、 +bottomRight。默认取值为top

    +
    + +
    <div class="g-row">
        <kl-pop-confirm content="kl-pop-confirm箭头的位置在中间" placement="top">
            <kl-button title="top" />
        </kl-pop-confirm>
        <kl-pop-confirm content="kl-pop-confirm箭头的位置在左边" placement="topLeft">
            <kl-button title="topLeft" />
        </kl-pop-confirm>
        <kl-pop-confirm content="kl-pop-confirm箭头的位置在右边" placement="topRight">
            <kl-button title="topRight" />
        </kl-pop-confirm>
    </div>
    <div class="g-row">
        <kl-pop-confirm content="kl-pop-confirm箭头的位置在中间" placement="left">
            <kl-button title="left" />
        </kl-pop-confirm>
        <kl-pop-confirm content="kl-pop-confirm箭头的位置在上边" placement="leftTop">
            <kl-button title="leftTop" />
        </kl-pop-confirm>
        <kl-pop-confirm content="kl-pop-confirm箭头的位置在下边" placement="leftBottom">
            <kl-button title="leftBottom" />
        </kl-pop-confirm>
    </div>
    <div class="g-row">
        <kl-pop-confirm content="kl-pop-confirm箭头的位置在中间" placement="right">
            <kl-button title="right" />
        </kl-pop-confirm>
        <kl-pop-confirm content="kl-pop-confirm箭头的位置在上边" placement="rightTop">
            <kl-button title="rightTop" />
        </kl-pop-confirm>
        <kl-pop-confirm content="kl-pop-confirm箭头的位置在下边" placement="rightBottom">
            <kl-button title="rightBottom" />
        </kl-pop-confirm>
    </div>
    <div class="g-row">
        <kl-pop-confirm content="kl-pop-confirm箭头的位置在中间" placement="bottom">
            <kl-button title="bottom" />
        </kl-pop-confirm>
        <kl-pop-confirm content="kl-pop-confirm箭头的位置在左边" placement="bottomLeft">
            <kl-button title="bottomLeft" />
        </kl-pop-confirm>
        <kl-pop-confirm content="kl-pop-confirm箭头的位置在右边" placement="bottomRight">
            <kl-button title="bottomRight" />
        </kl-pop-confirm>
    </div>
    +
    +
    +

    配置属性hideWhenScroll

    通过设置hideWhenScroll属性，控制window滚动时,是否隐藏popover,默认为false，不隐藏。

    +
    + +
    <kl-pop-confirm content="拖动页面滚动看效果【弹出框会关闭】" hideWhenScroll="{true}" >
        <kl-button  type="tertiary" title="hideWhenScroll:true"></kl-button>
    </kl-pop-confirm>
    <kl-pop-confirm content="拖动页面滚动看效果【弹出框不会关闭】">
        <kl-button type="tertiary" title="hideWhenScroll:false"></kl-button>
    </kl-pop-confirm>
    +
    +
    +

    配置属性cancelText

    设置气泡提示信息，取消按钮的文本提示，默认为取消

    +
    + +
    <kl-pop-confirm content="Are you sure delete this task?" cancelText="{'cancelText'}">
        <kl-button  type="tertiary" title="cancelText">cancelText</kl-button>
    </kl-pop-confirm>
    +
    +
    +

    配置属性okText

    设置气泡提示信息，OK按钮的文本提示，默认为确定

    +
    + +
    <kl-pop-confirm content="Are you sure delete this task?" okText="{'okText'}">
        <kl-button  type="tertiary" title="okText"></kl-button>
    </kl-pop-confirm>
    +
    +
    +

    ok方法

    设置点击ok按钮调用的方法，默认会关闭提示框。通过on-ok绑定事件，可以通过$event传递消息事件对象。on-ok绑定方法调用之后会派发ok事件以及 +参数$event{sender, data}其中sender为派发事件本身，data是相关数据

    +

    手动设置方法之后，提示框不会自动关闭，需手动调用关闭事件sender.destory()

    +
    + +
    <kl-pop-confirm contentTemplate="{testTemplate}" on-ok="{this.submit($event)}" okText="{'提交'}">
        <kl-button  type="tertiary" title="保存提交"></kl-button>
    </kl-pop-confirm>
    +
    var component = new NEKUI.Component({
        template: template,
        config: function() {
            this.data.testTemplate = '<kl-textarea required showTip=false value={remark} height=50 />';
        },
        submit: function(evt) {
            if(evt.data.remark) {
                NEKUI.KLNotify.info(evt.data.remark)
            } else {
                NEKUI.KLNotify.info('ok按钮点击事件,内容为空');
            }
            // 手动关闭
            evt.sender.destroy();
        }
    });
    +
    +
    +

    cancel方法

    设置点击cancel按钮调用的方法，默认会关闭提示框。通过on-cancel绑定事件，可以通过$event传递消息事件对象。 +on-cancel绑定方法调用之后会派发cancel事件以及参数$event{sender, data}其中sender为派发事件本身，data是相关数据。

    +

    手动设置方法之后，提示框不会自动关闭，需手动调用关闭事件

    +
    + +
    <kl-pop-confirm contentTemplate="{testTemplate}" on-cancel="{this.reset($event)}" cancelText="{'重置'}">
        <kl-button  type="secondary" title="重置内容"></kl-button>
    </kl-pop-confirm>
    +
    var component = new NEKUI.Component({
        template: template,
        config: function() {
            this.data.testTemplate = '<kl-textarea required showTip=false value={remark} height=50 />';
        },
        reset: function(evt) {
            // 手动关闭
            evt.sender.destroy();
        }
    });
    +
    +

    API

    +

    KLPopConfirm

    KLPopConfirm

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.content]string=> 弹窗中的文本内容
    [options.data.contentTemplate]string=> 弹窗中的模板内容,回调中会将PopConfirm的data返回;
    [options.data.placement]string"top"=> tips展示出的位置：top、 left、 right、 bottom、 topLeft、 topRight、 bottomLeft、 bottomRight、 leftTop、 leftBottom、 rightTop、 rightBottom
    [options.data.okText]string"确定"=> ok按钮文案
    [options.data.cancelText]string"取消"=> 取消按钮文案
    [options.data.hideWhenScroll]booleanfalse=> window滚动时,是否隐藏popover
    +

    +

    ok 确定时触发Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    dataobjectpopConfirm组件的数据
    +

    +

    cancel 取消时触发Event

    + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象
    dataobjectpopConfirm组件的数据
    + + + + +
    + + + 通知 + + + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/widget_KLBadge_.html b/doc/v0.6/components/widget_KLBadge_.html new file mode 100644 index 00000000..6df5cc66 --- /dev/null +++ b/doc/v0.6/components/widget_KLBadge_.html @@ -0,0 +1,606 @@ + + + + + 徽标 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + +

    徽标 KLBadge

    +
    +

    基本形式

    + +
    <kl-badge  text="default" type="default" />
    <kl-badge text="primary" type="primary" />
    <kl-badge text="info" type="info" />
    <kl-badge text="success" type="success" />
    <kl-badge text="warning" type="warning" />
    <kl-badge text="error" type="error" />
    +
    +
    +

    圆角

    + +
    <kl-badge text="circle" circle={true} />
    <kl-badge text="circle" circle={true} type="primary" />
    <kl-badge text="circle" circle={true} type="info" />
    <kl-badge text="circle" circle={true} type="success" />
    <kl-badge text="circle" circle={true} type="warning" />
    <kl-badge text="circle" circle={true} type="error" />
    +
    +

    API

    +

    KLBadge

    KLBadge

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.text]string"–"<=> 内容
    [options.data.circle]booleanfalse=> 是否圆角
    [options.data.type]string"default"=> 文本样式
    + + + + +
    + + + + + 拖拽 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/widget_KLDraggable_.html b/doc/v0.6/components/widget_KLDraggable_.html new file mode 100644 index 00000000..f945e1a5 --- /dev/null +++ b/doc/v0.6/components/widget_KLDraggable_.html @@ -0,0 +1,854 @@ + + + + + 拖拽 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + +

    拖拽 KLDraggable

    +
    +

    基本形式

    + +
    <kl-draggable><kl-button type="primary" title="拖我"></kl-button></kl-draggable>
    +
    +
    +

    移动自身

    + +
    <kl-draggable proxy="self"><kl-button type="primary" title="自由"></kl-button></kl-draggable>
    <kl-draggable proxy="self" direction="horizontal"><kl-button type="secondary" title="水平"></kl-button></kl-draggable>
    <kl-draggable proxy="self" direction="vertical"><kl-button title="垂直"></kl-button></kl-draggable>
    +
    +
    +

    修改代理

    + +
    <kl-draggable>
        <kl-button type="primary" title="拖我"></kl-button>
        <kl-draggable-proxy>
            <kl-button type="secondary" title="拖我"></kl-button>
        </kl-draggable-proxy>
    </kl-draggable>
    +
    +

    API

    +

    KLDraggable

    KLDraggable

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.data]object=> 拖拽时需要传递的数据
    [options.data.proxy]string/Dragable.Proxy/Element/function@=> 拖拽代理，即拖拽时显示的元素。默认值为clone，拖拽时拖起自身的一个拷贝；当值为self，拖拽时直接拖起自身。也可以用<draggable.proxy>自定义代理，或直接传入一个元素或函数。其他值表示不使用拖拽代理。
    [options.data.direction]string"all"=> 拖拽代理可以移动的方向，all为任意方向，horizontal为水平方向，vertical为垂直方向
    [options.data.disabled]booleanfalse=> 是否禁用
    [options.data.class]string"z-draggable"=> 可拖拽时（即disabled=false）给元素附加此class
    [options.data.dragClass]string"z-drag"=> 拖拽该元素时给元素附加此class
    +

    +

    dragstart 拖拽开始时触发Event

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象，为当前draggable
    originobject拖拽源，为当前draggable
    sourceobject拖拽起始元素
    proxyobject拖拽代理元素
    dataobject拖拽时需要传递的数据
    screenXnumber鼠标指针相对于屏幕的水平位置
    screenYnumber鼠标指针相对于屏幕的垂直位置
    clientXnumber鼠标指针相对于浏览器的水平位置
    clientYnumber鼠标指针相对于浏览器的垂直位置
    pageXnumber鼠标指针相对于页面的水平位置
    pageYnumber鼠标指针相对于页面的垂直位置
    movementXnumber鼠标指针水平位置相对于上次操作的偏移量
    movementYnumber鼠标指针垂直位置相对于上次操作的偏移量
    cancelfunction取消拖拽操作
    +

    +

    drag 正在拖拽时触发Event

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象，为当前draggable
    originobject拖拽源，为当前draggable
    sourceobject拖拽起始元素
    proxyobject拖拽代理元素
    dataobject拖拽时需要传递的数据
    screenXnumber鼠标指针相对于屏幕的水平位置
    screenYnumber鼠标指针相对于屏幕的垂直位置
    clientXnumber鼠标指针相对于浏览器的水平位置
    clientYnumber鼠标指针相对于浏览器的垂直位置
    pageXnumber鼠标指针相对于页面的水平位置
    pageYnumber鼠标指针相对于页面的垂直位置
    movementXnumber鼠标指针水平位置相对于上次操作的偏移量
    movementYnumber鼠标指针垂直位置相对于上次操作的偏移量
    cancelfunction取消拖拽操作
    +

    +

    dragend 拖拽结束时触发Event

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    NameTypeDescription
    senderobject事件发送对象，为当前draggable
    originobject拖拽源，为当前draggable
    sourceobject拖拽起始元素
    proxyobject拖拽代理元素
    + + + + +
    + + + 徽标 + + + + + + 图标 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/widget_KLIcon_.html b/doc/v0.6/components/widget_KLIcon_.html new file mode 100644 index 00000000..a4b54583 --- /dev/null +++ b/doc/v0.6/components/widget_KLIcon_.html @@ -0,0 +1,2047 @@ + + + + + 图标 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + +

    图标 KLIcon

    +
    +

    基本形式

    推荐使用kl-icon组件, 不要使用nek-ui内部的icon class

    +
    + +
    <kl-icon type="home2" />
    <kl-icon type="home2" font-size="16" />
    <kl-icon type="home2" color="#E31436" fontSize="20" />
    +
    +
    +

    图标列表

    点击图标按钮复制图标代码，下方js代码请先忽视

    +
    + +
    <kl-icon fontSize=20 type="glass" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="music" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="search" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="envelope-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="heart" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="star" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="star-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="user" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="film" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="th-large" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="th" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="th-list" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="check" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="remove" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="close" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="times" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="search-plus" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="search-minus" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="power-off" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="signal" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="gear" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cog" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="trash-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="home" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="file-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="clock-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="road" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="download" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="arrow-circle-o-down" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="arrow-circle-o-up" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="inbox" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="play-circle-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="rotate-right" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="repeat" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="refresh" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="list-alt" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="lock" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="flag" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="headphones" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="volume-off" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="volume-down" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="volume-up" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="qrcode" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="barcode" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="tag" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="tags" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="book" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bookmark" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="print" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="camera" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="font" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bold" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="italic" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="text-height" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="text-width" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="align-left" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="align-center" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="align-right" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="align-justify" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="list" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="dedent" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="outdent" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="indent" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="video-camera" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="photo" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="image" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="picture-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="pencil" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="map-marker" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="adjust" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="tint" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="edit" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="pencil-square-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="share-square-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="check-square-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="arrows" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="step-backward" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="fast-backward" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="backward" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="play" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="pause" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="stop" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="forward" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="fast-forward" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="step-forward" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="eject" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="chevron-left" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="chevron-right" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="plus-circle" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="minus-circle" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="times-circle" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="check-circle" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="question-circle" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="info-circle" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="crosshairs" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="times-circle-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="check-circle-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="ban" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="arrow-left" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="arrow-right" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="arrow-up" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="arrow-down" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="mail-forward" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="share" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="expand" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="compress" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="plus" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="minus" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="asterisk" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="exclamation-circle" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="gift" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="leaf" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="fire" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="eye" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="eye-slash" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="warning" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="exclamation-triangle" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="plane" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="calendar" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="random" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="comment" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="magnet" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="chevron-up" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="chevron-down" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="retweet" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="shopping-cart" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="folder" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="folder-open" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="arrows-v" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="arrows-h" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bar-chart-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bar-chart" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="twitter-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="facebook-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="camera-retro" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="key" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="gears" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cogs" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="comments" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="thumbs-o-up" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="thumbs-o-down" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="star-half" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="heart-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sign-out" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="linkedin-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="thumb-tack" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="external-link" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sign-in" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="trophy" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="github-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="upload" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="lemon-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="phone" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="square-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bookmark-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="phone-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="twitter" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="facebook-f" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="facebook" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="github" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="unlock" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="credit-card" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="feed" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="rss" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hdd-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bullhorn" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bell" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="certificate" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hand-o-right" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hand-o-left" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hand-o-up" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hand-o-down" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="arrow-circle-left" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="arrow-circle-right" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="arrow-circle-up" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="arrow-circle-down" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="globe" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="wrench" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="tasks" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="filter" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="briefcase" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="arrows-alt" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="group" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="users" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="chain" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="link" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cloud" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="flask" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cut" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="scissors" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="copy" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="files-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="paperclip" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="save" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="floppy-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="navicon" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="reorder" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bars" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="list-ul" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="list-ol" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="strikethrough" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="underline" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="table" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="magic" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="truck" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="pinterest" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="pinterest-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="google-plus-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="google-plus" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="money" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="caret-down" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="caret-up" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="caret-left" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="caret-right" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="columns" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="unsorted" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sort" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sort-down" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sort-desc" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sort-up" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sort-asc" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="envelope" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="linkedin" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="rotate-left" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="undo" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="legal" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="gavel" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="dashboard" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="tachometer" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="comment-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="comments-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="flash" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bolt" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sitemap" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="umbrella" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="paste" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="clipboard" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="lightbulb-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="exchange" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cloud-download" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cloud-upload" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="user-md" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="stethoscope" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="suitcase" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bell-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="coffee" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cutlery" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="file-text-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="building-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hospital-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="ambulance" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="medkit" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="fighter-jet" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="beer" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="h-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="plus-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="angle-double-left" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="angle-double-right" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="angle-double-up" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="angle-double-down" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="angle-left" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="angle-right" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="angle-up" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="angle-down" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="desktop" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="laptop" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="tablet" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="mobile-phone" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="mobile" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="circle-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="quote-left" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="quote-right" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="spinner" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="circle" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="mail-reply" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="reply" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="github-alt" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="folder-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="folder-open-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="smile-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="frown-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="meh-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="gamepad" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="keyboard-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="flag-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="flag-checkered" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="terminal" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="code" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="mail-reply-all" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="reply-all" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="star-half-empty" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="star-half-full" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="star-half-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="location-arrow" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="crop" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="code-fork" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="unlink" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="chain-broken" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="question" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="info" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="exclamation" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="superscript" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="subscript" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="eraser" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="puzzle-piece" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="microphone" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="microphone-slash" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="shield" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="calendar-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="fire-extinguisher" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="rocket" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="maxcdn" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="chevron-circle-left" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="chevron-circle-right" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="chevron-circle-up" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="chevron-circle-down" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="html5" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="css3" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="anchor" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="unlock-alt" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bullseye" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="ellipsis-h" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="ellipsis-v" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="rss-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="play-circle" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="ticket" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="minus-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="minus-square-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="level-up" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="level-down" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="check-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="pencil-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="external-link-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="share-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="compass" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="toggle-down" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="caret-square-o-down" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="toggle-up" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="caret-square-o-up" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="toggle-right" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="caret-square-o-right" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="euro" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="eur" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="gbp" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="dollar" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="usd" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="rupee" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="inr" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cny" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="rmb" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="yen" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="jpy" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="ruble" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="rouble" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="rub" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="won" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="krw" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bitcoin" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="btc" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="file" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="file-text" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sort-alpha-asc" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sort-alpha-desc" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sort-amount-asc" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sort-amount-desc" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sort-numeric-asc" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sort-numeric-desc" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="thumbs-up" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="thumbs-down" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="youtube-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="youtube" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="xing" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="xing-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="youtube-play" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="dropbox" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="stack-overflow" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="instagram" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="flickr" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="adn" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bitbucket" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bitbucket-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="tumblr" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="tumblr-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="long-arrow-down" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="long-arrow-up" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="long-arrow-left" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="long-arrow-right" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="apple" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="windows" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="android" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="linux" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="dribbble" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="skype" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="foursquare" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="trello" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="female" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="male" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="gittip" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="gratipay" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sun-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="moon-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="archive" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bug" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="vk" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="weibo" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="renren" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="pagelines" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="stack-exchange" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="arrow-circle-o-right" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="arrow-circle-o-left" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="toggle-left" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="caret-square-o-left" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="dot-circle-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="wheelchair" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="vimeo-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="turkish-lira" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="try" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="plus-square-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="space-shuttle" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="slack" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="envelope-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="wordpress" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="openid" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="institution" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bank" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="university" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="mortar-board" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="graduation-cap" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="yahoo" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="google" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="reddit" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="reddit-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="stumbleupon-circle" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="stumbleupon" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="delicious" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="digg" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="pied-piper" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="pied-piper-alt" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="drupal" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="joomla" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="language" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="fax" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="building" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="child" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="paw" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="spoon" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cube" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cubes" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="behance" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="behance-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="steam" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="steam-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="recycle" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="automobile" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="car" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cab" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="taxi" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="tree" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="spotify" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="deviantart" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="soundcloud" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="database" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="file-pdf-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="file-word-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="file-excel-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="file-powerpoint-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="file-photo-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="file-picture-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="file-image-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="file-zip-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="file-archive-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="file-sound-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="file-audio-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="file-movie-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="file-video-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="file-code-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="vine" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="codepen" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="jsfiddle" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="life-bouy" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="life-buoy" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="life-saver" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="support" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="life-ring" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="circle-o-notch" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="ra" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="rebel" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="ge" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="empire" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="git-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="git" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="y-combinator-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="yc-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hacker-news" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="tencent-weibo" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="qq" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="wechat" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="weixin" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="send" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="paper-plane" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="send-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="paper-plane-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="history" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="circle-thin" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="header" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="paragraph" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sliders" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="share-alt" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="share-alt-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bomb" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="soccer-ball-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="futbol-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="tty" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="binoculars" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="plug" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="slideshare" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="twitch" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="yelp" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="newspaper-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="wifi" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="calculator" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="paypal" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="google-wallet" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cc-visa" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cc-mastercard" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cc-discover" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cc-amex" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cc-paypal" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cc-stripe" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bell-slash" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bell-slash-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="trash" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="copyright" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="at" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="eyedropper" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="paint-brush" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="birthday-cake" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="area-chart" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="pie-chart" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="line-chart" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="lastfm" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="lastfm-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="toggle-off" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="toggle-on" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bicycle" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bus" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="ioxhost" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="angellist" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cc" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="shekel" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sheqel" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="ils" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="meanpath" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="buysellads" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="connectdevelop" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="dashcube" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="forumbee" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="leanpub" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sellsy" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="shirtsinbulk" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="simplybuilt" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="skyatlas" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cart-plus" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cart-arrow-down" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="diamond" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="ship" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="user-secret" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="motorcycle" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="street-view" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="heartbeat" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="venus" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="mars" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="mercury" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="intersex" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="transgender" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="transgender-alt" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="venus-double" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="mars-double" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="venus-mars" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="mars-stroke" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="mars-stroke-v" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="mars-stroke-h" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="neuter" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="genderless" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="facebook-official" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="pinterest-p" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="whatsapp" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="server" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="user-plus" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="user-times" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hotel" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="bed" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="viacoin" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="train" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="subway" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="medium" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="yc" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="y-combinator" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="optin-monster" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="opencart" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="expeditedssl" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="battery-4" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="battery-full" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="battery-3" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="battery-three-quarters" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="battery-2" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="battery-half" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="battery-1" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="battery-quarter" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="battery-0" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="battery-empty" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="mouse-pointer" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="i-cursor" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="object-group" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="object-ungroup" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sticky-note" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="sticky-note-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cc-jcb" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="cc-diners-club" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="clone" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="balance-scale" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hourglass-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hourglass-1" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hourglass-start" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hourglass-2" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hourglass-half" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hourglass-3" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hourglass-end" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hourglass" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hand-grab-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hand-rock-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hand-stop-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hand-paper-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hand-scissors-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hand-lizard-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hand-spock-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hand-pointer-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="hand-peace-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="trademark" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="registered" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="creative-commons" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="gg" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="gg-circle" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="tripadvisor" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="odnoklassniki" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="odnoklassniki-square" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="get-pocket" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="wikipedia-w" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="safari" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="chrome" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="firefox" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="opera" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="internet-explorer" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="tv" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="television" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="contao" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="500px" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="amazon" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="calendar-plus-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="calendar-minus-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="calendar-times-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="calendar-check-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="industry" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="map-pin" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="map-signs" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="map-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="map" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="commenting" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="commenting-o" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="houzz" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="vimeo" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="black-tie" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="fonticons" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="import" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="export" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="zoomin" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="expand" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="delete" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="zoomout" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="rezoom" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="rotate_right" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="rotate_left" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="retry" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="warning" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="edit" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="info" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="error" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="success" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="chevron_left" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="chevron_right" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="search" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="remove" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="ok" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="check_empty" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="angle_down" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="add" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="success2" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="error2" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="warning2" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="info2" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="calendar" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="line" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="download" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="trash" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="upload" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="plus" on-click={this.copy($event)} />
    <kl-icon fontSize=20 type="home2" on-click={this.copy($event)} />
    +
    var component = new NEKUI.Component({
        template: template,
        copy: function(e) {
            var type = e.target.className.trim();
            type = type.slice(14)
            var text = '<kl-icon type="' + type + '" />'
            var copyFrom, body;
            copyFrom = document.createElement('textarea');
            copyFrom.textContent = text;
            body = document.getElementsByTagName('body')[0];
            body.appendChild(copyFrom);
            copyFrom.select();
            document.execCommand('copy');
            body.removeChild(copyFrom);
            NEKUI.KLNotify.success('复制成功')
        }
    });
    +
    +

    API

    +

    KLIcon

    KLIcon

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDescription
    [options.data]object= 绑定属性
    [options.data.class]string=> 补充class
    [options.data.type]string=> 补充class
    [options.data.fontSize]string=> 设置图标大小
    [options.data.color]string=> 设置图标颜色
    + + + + +
    + + + 拖拽 + + + + + + 图片预览 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/widget_KLImagePreview_.html b/doc/v0.6/components/widget_KLImagePreview_.html new file mode 100644 index 00000000..bce6b39e --- /dev/null +++ b/doc/v0.6/components/widget_KLImagePreview_.html @@ -0,0 +1,674 @@ + + + + + 图片预览 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + +

    图片预览 KLImagePreview

    +
    +

    基本形式

    + +
    <kl-button title="打开图片预览" on-click={this.onPreviewClick()} />
    +
    var component = new NEKUI.Component({
        template: template,
        onPreviewClick: function() {
            const imageList = [{
                name: 'Kaola.jpeg',
                src: 'http://haitao.nos.netease.com/9b73692b3a6b46d2be1de7d3be893834.jpg'
            }, {
                name: 'Music.jpg',
                src: 'http://haitao.nos.netease.com/7dfd9aa492694493be0fc1458d558536.jpg'
            }];
            new NEKUI.KLImagePreview({
                data: {
                    imageList: imageList,
                    curIndex: 0
                }
            });
        }
    });
    +
    +
    +

    配置要嵌入的父级元素

    + +
    <kl-button title="打开图片预览" on-click={this.onPreviewClick()} />
    +
    var component = new NEKUI.Component({
        template: template,
        onPreviewClick: function() {
            const imageList = [{
                name: 'Kaola.jpeg',
                src: 'http://haitao.nos.netease.com/9b73692b3a6b46d2be1de7d3be893834.jpg'
            }, {
                name: 'Music.jpg',
                src: 'http://haitao.nos.netease.com/7dfd9aa492694493be0fc1458d558536.jpg'
            }];
            new NEKUI.KLImagePreview({
                data: {
                    imageList: imageList,
                    curIndex: 0,
                    el: '#main'
                }
            });
        }
    });
    +
    +

    API

    +

    KLImagePreview

    KLImagePreview

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.image-list]array=> 必选，图片文件列表, 其中每个文件项包含下面的字段: name: 图片文件名称 src: 图片文件的路径
    [options.data.cur-index]number0=> 必选，当前图片文件的索引, 默认第一项为当前项
    [options.data.el]string=> 设置对话框要插入的父级元素，默认为document.body
    + + + + +
    + + + 图标 + + + + + + 加载 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/widget_KLLoading_.html b/doc/v0.6/components/widget_KLLoading_.html new file mode 100644 index 00000000..ec776385 --- /dev/null +++ b/doc/v0.6/components/widget_KLLoading_.html @@ -0,0 +1,742 @@ + + + + + 加载 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + +

    加载 KLLoading

    +
    +

    基本形式

    + +
    <kl-button on-click="{this.showLoading()}" title="显示加载，2秒后隐藏" />
    <kl-loading visible={visible} />
    +
    var component = new NEKUI.Component({
        template: template,
        config: function(data) {
            data.visible = false;
        },
        showLoading: function() {
            this.data.visible = true;
            setTimeout(function() {
              this.$update('visible', false);
            }.bind(this), 2000);
        }
    });
    +
    +
    +

    嵌入文档流

    + +
    <kl-button on-click="{visible = !visible}" title="{visible ? '隐藏加载' : '显示加载'}" />
    <p>
        <kl-loading visible={visible} static />
    </p>
    +
    var component = new NEKUI.Component({
        template: template,
        config: function(data) {
            data.visible = false;
        }
    });
    +
    +
    +

    指定嵌入的父级元素

    + +
    <kl-button on-click="{this.show()}" title="显示加载，2秒后隐藏" />
    +
    var component = new NEKUI.Component({
        template: template,
        config: function(data) {
        },
        show: function() {
            var loading = new NEKUI.KLLoading({
                data: {
                    visible: true,
                    el: '#main'
                }
            });
            setTimeout(function() {
                loading.destroy();
            }, 2000);
        }
    });
    +
    +

    API

    +

    KLLoading

    KLLoading

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.static]booleanfalse=> 是否嵌入文档流
    [options.data.disabled]booleanfalse=> 是否禁用, 禁用后调用show和hide则无效
    [options.data.visible]booleanfalse=> 是否显示
    [options.data.class]string=> 补充class
    [options.data.el]string=> 设置对话框要嵌入的父级元素，默认为document.body
    +

    +

    .show() 显示组件method

    +

    .hide() 隐藏组件method

    +

    .loadingstatic property

    + + + + + + + + + + + + +
    ParamDescription
    loading内部静态实例, 使用NEKUI.KLLoading的静态方法时,内部使用的是这个实例
    +

    +

    .showstatic method

    +

    .hidestatic method

    + + + +
    + + + 图片预览 + + + + + + 国际化 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/widget_KLLocaleProvider_.html b/doc/v0.6/components/widget_KLLocaleProvider_.html new file mode 100644 index 00000000..e958b1eb --- /dev/null +++ b/doc/v0.6/components/widget_KLLocaleProvider_.html @@ -0,0 +1,1042 @@ + + + + + 国际化 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + + + +

    国际化 KLLocaleProvider

    +
    +

    基本形式

    通过配置lang与api属性, 并且将需要国际化的部分包裹在kl-locale-provider组件中, 即可实现语言的切换; +例如以下文字是根据key值匹配显示出来的

    +
    + +
    <kl-locale-provider lang="CN" api="/data/language/lang.json">
        <p>{this.$t("PLEASE_INPUT")}</p>
        <p>{this.$t("PLEASE_SELECT")}</p>
        <p>{this.$t('USERNAME')}</p>
    </kl-locale-provider>
    +
    var translator = window.NEKUI ? NEKUI.KLLocaleProvider.translate : '';
    var component = new NEKUI.Component({
        template: template,
        data: {},
        $t: translator
    });
    +
    +
    +

    变量占位符

    变量命名可以使用数字、字母或下划线；变量使用%{}包裹，其中%可以省略。 +例如：%{x},也可以写成{x}

    +
    + +
    <kl-locale-provider lang="CN" api="/data/language/lang.json" ref="locale_provider">
        <kl-radio-group source={language} value={lang_value} on-select={this.onSelect($event)} />
        <!--FORMAT的中文是：每月账单日为: {x}-->
        <p>{this.$t("FORMAT", {x: 8})}</p>
        <!--GOODS_SHELF_LIFE_DESC的中文是：产品交付剩余保质期不少于商品明示保质期{x}/{y}-->
        <p>{this.$t("GOODS_SHELF_LIFE_DESC", {x: 9, y: 1})}</p>    
    </kl-locale-provider>
    +
    var translator = window.NEKUI ? NEKUI.KLLocaleProvider.translate : '';
    var component = new NEKUI.Component({
        template: template,
        config: function(data) {
            data.lang_value = "CN"
            data.language = [
                    {   
                        id: "EN",
                        name: "EN",
                    },
                    {   
                        id: "CN",
                        name: "中文",
                    }
                ]
        },
        $t: translator,
        onSelect: function(item) {
            this.data.lang_value = item.selected.id;
            this.$refs.locale_provider.reload(item.selected.id);
        },
    });
    +
    +
    +

    组合使用

    使用@:KEY语法，可以在当前语句中引入KEY的国际化语言。

    +
    + +
    <kl-locale-provider lang="CN" api="/data/language/lang.json" ref="locale_provider">
        <kl-radio-group source={language} value={lang_value} on-select={this.onSelect($event)} />
        <!--FRAGMENT1的中文是：这是fragment1-->
        <p>{this.$t("FRAGMENT1")}</p>
        <!--FRAGMENT2的中文是：这是fragment2，@:FRAGMENT1-->
        <p>{this.$t("FRAGMENT2")}</p>    
    </kl-locale-provider>
    +
    var translator = window.NEKUI ? NEKUI.KLLocaleProvider.translate : '';
    var component = new NEKUI.Component({
        template: template,
        config: function(data) {
            data.lang_value = "CN"
            data.language = [
                    {   
                        id: "EN",
                        name: "EN",
                    },
                    {   
                        id: "CN",
                        name: "中文",
                    }
                ]
        },
        $t: translator,
        onSelect: function(item) {
            this.data.lang_value = item.selected.id;
            this.$refs.locale_provider.reload(item.selected.id);
        },
    });
    +
    +
    +

    表单项

    + +
    <kl-locale-provider lang="CN" api="/data/language/lang.json" ref="locale_provider">
        <kl-form>
            <kl-form-item title="">
                <kl-radio-group source={language} value={lang_value} on-select={this.onSelect($event)} />
            </kl-form-item>
            <kl-form-item title="{this.$t('USERNAME')}">
                <kl-input type="text" placeholder="{this.$t('PLEASE_INPUT')}"></kl-input>
            </kl-form-item>
            <kl-form-item title="{this.$t('NOTIFY_METHOD')}">
                <kl-select source={[this.$t("EMAIL"), this.$t("TEL")]} placeholder={this.$t("PLEASE_SELECT")}></kl-select>
            </kl-form-item>
        </kl-form>
    </kl-locale-provider>
    +
    var translator = window.NEKUI ? NEKUI.KLLocaleProvider.translate : '';
    var component = new NEKUI.Component({
        template: template,
        config: function(data) {
            data.lang_value = "CN"
            data.language = [
                    {   
                        id: "EN",
                        name: "EN",
                    },
                    {   
                        id: "CN",
                        name: "中文",
                    }
                ]
        },
        $t: translator,
        onSelect: function(item) {
            this.data.lang_value = item.selected.id;
            this.$refs.locale_provider.reload(item.selected.id);
        },
    });
    +
    +

    API

    +

    KLLocaleProvider

    KLLocaleProvider

    + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDescription
    [options.data]object= 绑定属性
    [options.data.lang]string=> 设置语言，默认“cn”
    [options.data.api]string=> 设置获取语言包的url
    +

    +

    .reload 切换语言，重新初始化method

    + + + + + + + + + + + + + + +
    ParamTypeDescription
    langstring设置语言
    +

    +

    .langstatic property

    + + + + + + + + + + + + + + +
    ParamTypeDescription
    langstring语言种类
    +

    +

    .localestatic property

    + + + + + + + + + + + + + + +
    ParamTypeDescription
    localeobject语言包
    +

    +

    .translatestatic method

    + + + + + + + + + + + + + + + + + + + +
    ParamTypeDescription
    keystring翻译key值
    paramsobject变量值
    + + + + +
    + + + 加载 + + + + + + 进度条 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/widget_KLProgress_.html b/doc/v0.6/components/widget_KLProgress_.html new file mode 100644 index 00000000..2be29f95 --- /dev/null +++ b/doc/v0.6/components/widget_KLProgress_.html @@ -0,0 +1,969 @@ + + + + + 进度条 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + + + +

    进度条 KLProgress

    +
    +

    基本形式

    + +
    <kl-progress class="f-mb10" percent=25 />
    <kl-progress class="f-mb10" percent=50 />
    <kl-progress class="f-mb10" percent=75 />
    <kl-progress class="f-mb10" percent=100 />
    +
    var component = new NEKUI.Component({
        template: template
    });
    +
    +
    +

    进度条尺寸

    + +
    <kl-progress class="f-mb10" size="xs" percent=20 />
    <kl-progress class="f-mb10" size="sm" percent=40 />
    <kl-progress class="f-mb10" percent=60 />
    <kl-progress class="f-mb10" size="lg" percent=80 />
    <kl-progress class="f-mb10" size="xl" percent=100 />
    +
    var component = new NEKUI.Component({
        template: template
    });
    +
    +
    +

    进度条状态

    + +
    <kl-progress class="f-mb10" state="info" percent=25 />
    <kl-progress class="f-mb10" state="success" percent=50 />
    <kl-progress class="f-mb10" state="warning" percent=75 />
    <kl-progress class="f-mb10" state="error" percent=100 />
    +
    var component = new NEKUI.Component({
        template: template
    });
    +
    +
    +

    条纹与激活

    striped属性控制了进度条是否显示条纹；active属性控制了进度条的动画效果显示。

    +

    仅当striped属性为true，并且active属性也为true时候，进度条才会显示动画。

    +
    + +
    <kl-progress percent=50 striped active />
    +
    var component = new NEKUI.Component({
        template: template
    });
    +
    +
    +

    百分比文字显示

    text属性可以为Boolean或String类型。

    +

    当类型为Boolean时，text属性控制了进度条上是否显示百分比；当类型为String时，进度条上将显示text的值。

    +
    + +
    <div class="g-row">
        <kl-input placeholder="输入显示在进度条上的文字" value={displayText} />
    </div>
    <kl-progress percent=50 text={displayText || true} />
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            displayText: ''
        }
    });
    +
    +
    +

    显示与隐藏

    可以通过visible属性来控制进度条的显示与隐藏

    +
    + +
    <kl-button
        class="f-mb10"
        title={visible ? '已显示进度条' : '已隐藏进度条'}
        on-click={visible = !visible}
    />
    <kl-progress percent=50 visible={visible} />
    +
    var component = new NEKUI.Component({
        template: template,
        data: {
            visible: true
        }
    });
    +
    +

    API

    +

    KLProgress

    KLProgress

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.percent]number36=> 百分比
    [options.data.text]string/booleantrue=> 在进度条中是否显示百分比。值为string时显示该段文字。
    [options.data.size]stringnull=> 进度条的尺寸
    [options.data.state]stringnull=> 进度条的状态
    [options.data.striped]booleanfalse=> 是否显示条纹
    [options.data.active]booleanfalse=> 进度条是否为激活状态，当striped为true时，进度条显示动画
    [options.data.visible]booleantrue=> 是否显示
    [options.data.class]string=> 补充class
    + + + + +
    + + + 国际化 + + + + + + 文字提示 + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/components/widget_KLTooltip_.html b/doc/v0.6/components/widget_KLTooltip_.html new file mode 100644 index 00000000..a89e7807 --- /dev/null +++ b/doc/v0.6/components/widget_KLTooltip_.html @@ -0,0 +1,742 @@ + + + + + 文字提示 - nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    + +
    + +
    + +
    +
    + + +
    + + + + +

    文字提示 KLTooltip

    +
    +

    基本形式

    + +
    <kl-tooltip tip="基本的tooltip">
        <kl-button title="鼠标放上去,可以看到提示" />
    </kl-tooltip>
    +
    var component = new NEKUI.Component({
        template: template
    });
    +
    +
    +

    位置

    + +
    <div class="g-row">
        <kl-tooltip tip="tooltip箭头的位置在中间" placement="top"><kl-button title="top" /></kl-tooltip>
        <kl-tooltip tip="tooltip箭头的位置在左边" placement="topLeft"><kl-button title="topLeft" /></kl-tooltip>
        <kl-tooltip tip="tooltip箭头的位置在右边" placement="topRight"><kl-button title="topRight" /></kl-tooltip>
    </div>
    <div class="g-row">
        <kl-tooltip tip="tooltip箭头的位置在中间" placement="left"><kl-button title="left" /></kl-tooltip>
        <kl-tooltip tip="tooltip箭头的位置在上边" placement="leftTop"><kl-button title="leftTop" /></kl-tooltip>
        <kl-tooltip tip="tooltip箭头的位置在下边" placement="leftBottom"><kl-button title="leftBottom" /></kl-tooltip>
    </div>
    <div class="g-row">
        <kl-tooltip tip="tooltip箭头的位置在中间" placement="right"><kl-button title="right" /></kl-tooltip>
        <kl-tooltip tip="tooltip箭头的位置在上边" placement="rightTop"><kl-button title="rightTop" /></kl-tooltip>
        <kl-tooltip tip="tooltip箭头的位置在下边" placement="rightBottom"><kl-button title="rightBottom" /></kl-tooltip>
    </div>
    <div class="g-row">
        <kl-tooltip tip="tooltip箭头的位置在中间" placement="bottom"><kl-button title="bottom" /></kl-tooltip>
        <kl-tooltip tip="tooltip箭头的位置在左边" placement="bottomLeft"><kl-button title="bottomLeft" /></kl-tooltip>
        <kl-tooltip tip="tooltip箭头的位置在右边" placement="bottomRight"><kl-button title="bottomRight" /></kl-tooltip>
    </div>
    +
    var component = new NEKUI.Component({
        template: template
    });
    +
    +

    API

    +

    KLTooltip

    KLTooltip

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ParamTypeDefaultDescription
    [options.data]object= 绑定属性
    [options.data.tip]string=> 文字提示
    [options.data.class]string=> 增加class
    [options.data.placement]string"top"=> tips展示出的位置：top left right bottom topLeft topRight bottomLeft bottomRight leftTop leftBottom rightTop rightBottom
    + + + + +
    + + + 进度条 + + + + +
    +
    + 想让文档更完善？ + + 来 GitHub 提个 PR 吧！ + +
    + + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/css/index.css b/doc/v0.6/css/index.css new file mode 100644 index 00000000..a9503140 --- /dev/null +++ b/doc/v0.6/css/index.css @@ -0,0 +1,1037 @@ +.gutter pre { + color: #999; +} +pre { + color: #525252; +} +pre .function .keyword, +pre .constant { + color: #0092db; +} +pre .keyword, +pre .attribute { + color: #e96900; +} +pre .number, +pre .literal { + color: #ae81ff; +} +pre .tag, +pre .tag .title, +pre .change, +pre .winutils, +pre .flow, +pre .lisp .title, +pre .clojure .built_in, +pre .nginx .title, +pre .tex .special { + color: #2973b7; +} +pre .class .title { + color: #fff; +} +pre .symbol, +pre .symbol .string, +pre .value, +pre .regexp { + color: #31995e; +} +pre .title { + color: #a6e22e; +} +pre .tag .value, +pre .string, +pre .subst, +pre .haskell .type, +pre .preprocessor, +pre .ruby .class .parent, +pre .built_in, +pre .sql .aggregate, +pre .django .template_tag, +pre .django .variable, +pre .smalltalk .class, +pre .javadoc, +pre .django .filter .argument, +pre .smalltalk .localvars, +pre .smalltalk .array, +pre .attr_selector, +pre .pseudo, +pre .addition, +pre .stream, +pre .envvar, +pre .apache .tag, +pre .apache .cbracket, +pre .tex .command, +pre .prompt { + color: #31995e; +} +pre .comment, +pre .java .annotation, +pre .python .decorator, +pre .template_comment, +pre .pi, +pre .doctype, +pre .deletion, +pre .shebang, +pre .apache .sqbracket, +pre .tex .formula { + color: #b3b3b3; +} +pre .coffeescript .javascript, +pre .javascript .xml, +pre .tex .formula, +pre .xml .javascript, +pre .xml .vbscript, +pre .xml .css, +pre .xml .cdata { + opacity: 0.5; +} +body { + font-family: 'PingFangTC-Regular', 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'STHeitiSC-Light', 'Microsoft YaHei', Arial, sans-serif; + font-size: 15px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + color: #34495e; + background-color: #fff; + margin: 0; +} +body.docs { + padding-top: 61px; +} +@media screen and (max-width: 900px) { + body.docs { + padding-top: 0; + } +} +a { + text-decoration: none; + color: #34495e; +} +a:hover { + text-decoration: none; +} +img { + border: none; +} +h1, +h2, +h3, +h4, +strong { + font-weight: 600; + color: #2c3e50; +} +code, +pre { + font-family: 'Roboto Mono', Monaco, courier, monospace; + font-size: 0.8em; + background-color: #f8f8f8; + -webkit-font-smoothing: initial; + -moz-osx-font-smoothing: initial; +} +code { + color: #e96900; + padding: 3px 5px; + margin: 0 2px; + border-radius: 2px; + white-space: nowrap; + background-color: rgba(255,255,255,0); +} +em { + color: #7f8c8d; +} +p { + word-spacing: 0.05em; +} +a.button { + padding: 0.75em 2em; + display: inline-block; + color: #fff; + background-color: #31995e; + transition: all 0.15s ease; + box-sizing: border-box; + border: 1px solid #31995e; +} +a.button.white { + background-color: #fff; + color: #31995e; +} +.highlight { + overflow-x: auto; + position: relative; + padding: 0; + background-color: #f8f8f8; + padding: 0.8em 0.8em 0.4em; + line-height: 1.1em; + border-radius: 2px; +} +.highlight table, +.highlight tr, +.highlight td { + width: 100%; + border-collapse: collapse; + padding: 0; + margin: 0; +} +.highlight .gutter { + width: 1.5em; +} +.highlight .code pre { + padding: 1.2em 1.4em; + line-height: 1.5em; + margin: 0; +} +.highlight .code .line { + min-height: 1.5em; +} +.highlight.html .code:after, +.highlight.js .code:after, +.highlight.bash .code:after, +.highlight.css .code:after { + position: absolute; + top: 0; + right: 0; + color: #ccc; + text-align: right; + font-size: 0.75em; + padding: 5px 10px 0; + line-height: 15px; + height: 15px; + font-weight: 600; +} +.highlight.html .code:after { + content: 'HTML'; +} +.highlight.js .code:after { + content: 'JS'; +} +.highlight.bash .code:after { + content: 'Shell'; +} +.highlight.css .code:after { + content: 'CSS'; +} +#main { + position: relative; + padding: 0 60px 30px; + overflow-x: hidden; +} +#nav .nav-link { + cursor: pointer; +} +#nav .nav-dropdown-container .nav-link:hover { + border-bottom: none; +} +#nav .nav-dropdown-container:hover .nav-dropdown { + display: block; +} +#nav .nav-dropdown-container.language { + margin-left: 20px; +} +#nav .nav-dropdown-container .arrow { + pointer-events: none; +} +#nav .nav-dropdown { + display: none; + box-sizing: border-box; + max-height: calc(100vh - 61px); + overflow-y: auto; + position: absolute; + top: 100%; + right: -15px; + background-color: #fff; + padding: 10px 0; + border: 1px solid #ddd; + border-bottom-color: #ccc; + text-align: left; + border-radius: 4px; + white-space: nowrap; +} +#nav .nav-dropdown li { + line-height: 1.8em; + margin: 0; + display: block; +} +#nav .nav-dropdown li > ul { + padding-left: 0; +} +#nav .nav-dropdown li:first-child h4 { + margin-top: 0; + padding-top: 0; + border-top: 0; +} +#nav .nav-dropdown a, +#nav .nav-dropdown h4 { + padding: 0 24px 0 20px; +} +#nav .nav-dropdown h4 { + margin: 0.45em 0 0; + padding-top: 0.45em; + border-top: 1px solid #eee; +} +#nav .nav-dropdown a { + color: #3a5169; + font-size: 0.9em; + display: block; +} +#nav .nav-dropdown a:hover { + color: #e31436; +} +#nav .arrow { + display: inline-block; + vertical-align: middle; + margin-top: -1px; + margin-left: 6px; + margin-right: -14px; + width: 0; + height: 0; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 5px solid #ccc; +} +#header { + box-sizing: border-box; + height: 80px; + padding: 26px 40px; + z-index: 2; +} +#header #nav { + display: flex; + align-items: center; + top: 0; + right: 25px; + height: 80px; +} +#header #nav .nav-dropdown-container .nav-link { + margin-right: 0; +} +#header .nav-link { + font-size: 14px; + margin-right: 30px; + color: #999; +} +#header .nav-link:hover, +#header .nav-link.current { + padding-bottom: 10px; +} +#header .nav-link.current { + color: #666; +} +#homepage .header { + position: fixed; + top: 0; + width: 100%; + height: 80px; + padding: 26px 40px; + transition: backgroundColor 0.8s ease-out; +} +#homepage .header-1 { + background-color: rgba(0,0,0,0.28); +} +#homepage .header-1 .nav-link { + color: #72a0d7; +} +#homepage .header-2 { + background-color: rgba(255,255,255,0.9); + border: 1px solid #f0f0f0; +} +#homepage .header-2 .nav-link { + color: #999; +} +#homepage .header-2 .nav-link.current { + color: #666; +} +#homepage .header-3 { + background-color: rgba(0,0,0,0.32); +} +#homepage .header-3 .nav-link { + color: #72a0d7; +} +#homepage .header-4 { + background-color: rgba(0,0,0,0.32); +} +#homepage .header-4 .nav-link { + color: #72a0d7; +} +#homepage .header .u-logo { + background-size: 89px 28px; +} +body.docs #header { + position: fixed; + width: 100%; + top: 0; + background-color: rgba(255,255,255,0.9); + border-color: #f0f0f0; +} +body.docs #nav { + position: fixed; +} +#nav { + list-style-type: none; + margin: 0; + padding: 0; + position: absolute; + right: 60px; + top: 10px; + height: 40px; + line-height: 40px; +} +#nav .break { + display: none; +} +#nav li { + display: inline-block; + position: relative; + margin: 0 0.6em; +} +#nav li a:hover { + color: #e31436; +} +.nav-link { + padding-bottom: 3px; +} +.nav-link:hover, +.nav-link.current { + color: #e31436; + border-bottom: 3px solid #e31436; +} +.search-query { + height: 36px; + line-height: 36px; + box-sizing: border-box; + padding: 0 15px; + border: 1px solid #eee; + color: #999; + outline: none; + margin-left: 50px; + vertical-align: middle !important; + border-radius: 2px; + background: rgba(255,255,255,0.1); +} +.search-query::placeholder { + color: #bbb; + font-size: 13px; +} +.header-1 .search-query, +.header-3 .search-query, +.header-4 .search-query { + border: none; +} +#logo { + display: inline-block; + line-height: 40px; + font-family: 'PingFangTC-Regular', 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; + font-weight: 500; + font-size: 18px; + color: #333; +} +#logo img { + vertical-align: middle; + margin-right: 6px; + width: 40px; + height: 40px; +} +.u-logo { + display: inline-block; + width: 89px; + height: 28px; +} +.u-logo-grey { + background: url("//haitao.nos.netease.com/94ab7af6-922f-490f-9854-64aa6aecdda5.png") no-repeat; +} +.u-logo-white { + background: url("//haitao.nos.netease.com/d1eb27aa-a64a-495d-bd56-aad944a1e423.png") no-repeat; +} +.u-logo-sm { + background-size: 89px 28px; +} +#mobile-bar { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 40px; + background-color: #fff; + z-index: 9; + display: none; + box-shadow: 0 0 2px rgba(0,0,0,0.25); +} +#mobile-bar .menu-button { + position: absolute; + width: 24px; + height: 24px; + top: 8px; + left: 12px; + background: url("../images/menu.png") center center no-repeat; + background-size: 24px; +} +#mobile-bar .logo { + position: absolute; + width: 30px; + height: 30px; + background: url("../images/logo.svg") center center no-repeat; + top: 5px; + left: 50%; + margin-left: -15px; + background-size: 30px; +} +.sidebar { + position: absolute; + z-index: 10; + top: 81px; + left: 0; + bottom: 0; + width: 260px; + margin-right: 20px; + overflow-x: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: none; + border-right: 1px #e3e8ed solid; +} +.sidebar h2 { + margin-top: 0.2em; +} +.sidebar ul { + list-style-type: none; + margin: 0; + line-height: 1.8em; +} +.sidebar .menu-root { + padding-left: 0; + margin-left: 0; +} +.sidebar .menu-root>li { + box-sizing: border-box; + border-bottom: 1px #e3e8ed solid; + background-color: #fff; +} +.sidebar .menu-root>li.current { + background-color: #f6f9fc; +} +.sidebar .menu-root .submenu-title { + font-weight: 700; + padding: 12px 0 11px 40px; + font-size: 14px; +} +.sidebar .menu-root .submenu-title .u-icon { + margin-left: -14px; + margin-right: 8px; + font-size: 14px; +} +.sidebar .menu-root .submenu>li { + margin-bottom: 15px; + font-size: 12px; +} +.sidebar .menu-root .submenu>li span { + color: #999; +} +.sidebar .version-select { + vertical-align: middle; + margin-left: 5px; +} +.sidebar .menu-sub { + font-size: 0.85em; +} +.sidebar .sidebar-link { + color: #7f8c8d; +} +.sidebar .sidebar-link.current { + font-weight: 600; + color: #e31436; +} +.sidebar .sidebar-link.new:after { + content: "NEW"; + display: inline-block; + font-size: 10px; + font-weight: 600; + color: #fff; + background-color: #2973b7; + line-height: 14px; + padding: 0 4px; + border-radius: 3px; + margin-left: 5px; + vertical-align: middle; + position: relative; + top: -1px; +} +.sidebar .sidebar-link.beta:after { + content: "BETA"; + display: inline-block; + font-size: 10px; + font-weight: 600; + color: #fff; + background-color: #f66; + line-height: 14px; + padding: 0 4px; + border-radius: 3px; + margin-left: 5px; + vertical-align: middle; + position: relative; + top: -1px; +} +.sidebar .sidebar-link:hover { + border-bottom: 2px solid #e31436; +} +.sidebar .section-link.active { + font-weight: bold; + color: #e31436; +} +.sidebar .main-menu { + margin-bottom: 20px; + display: none; + padding-left: 0; +} +.sidebar .main-sponsor { + color: #7f8c8d; + font-size: 0.85em; +} +.sidebar .main-sponsor a { + margin: 10px 0; +} +.sidebar .main-sponsor img, +.sidebar .main-sponsor a { + width: 125px; + display: inline-block; +} +.sidebar .become-backer { + border: 1px solid #e31436; + border-radius: 2em; + display: inline-block; + color: #e31436; + font-size: 0.8em; + width: 125px; + padding: 4px 0; + text-align: center; + margin-bottom: 20px; +} +.sidebar .nav-dropdown h4 { + font-weight: normal; + margin: 0; +} +@media screen and (min-width: 901px) { + .sidebar .menu-root a:before { + content: ''; + display: inline-block; + width: 2px; + height: 10px; + background-color: transparent; + } + .sidebar .menu-root a:hover { + color: #e31436; + } + .sidebar .menu-root a:hover span { + color: #e31436; + } + .sidebar .menu-root a:hover::before { + background-color: #e31436; + } + .sidebar .menu-root a.current { + color: #e31436; + } + .sidebar .menu-root a.current span { + color: #e31436; + } + .sidebar .menu-root a.current:before { + background-color: #e31436; + } +} +@media screen and (max-width: 900px) { + .sidebar { + position: fixed; + z-index: 8; + background-color: #f9f9f9; + height: 100%; + top: 0; + left: 0; + padding: 60px 30px 20px; + box-shadow: 0 0 10px rgba(0,0,0,0.2); + box-sizing: border-box; + transition: all 0.4s cubic-bezier(0.4, 0, 0, 1); + -webkit-transform: translate(-280px, 0); + transform: translate(-280px, 0); + } + .sidebar .search-query { + width: 200px; + margin-bottom: 10px; + } + .sidebar .main-menu { + display: block; + } + .sidebar.open { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + .sidebar .menu-root li, + .sidebar .menu-root li.current { + background-color: transparent; + border-bottom: 0; + margin-bottom: 20px; + } + .sidebar .menu-root .submenu-title { + padding: 0; + font-size: 16px; + } + .sidebar .menu-root .submenu-title .u-icon { + display: none; + } + .sidebar .menu-root a { + border-bottom: 2px transparent solid; + } + .sidebar .menu-root a:hover { + color: #e31436; + border-bottom-color: #e31436; + } + .sidebar .menu-root a:hover span { + color: #e31436; + } + .sidebar .menu-root .submenu { + margin-left: -40px; + } + .sidebar .menu-root .submenu>li { + margin-bottom: 0; + font-size: 14px; + } +} +html, +body { + width: 100%; + height: 100%; + overflow: hidden; +} +body { + font-family: sans-serif, 'Arial'; +} +#fullpage { + height: 100%; +} +.m-section { + height: 100%; +} +.m-section .section_wrap { + position: relative; + height: 100%; + margin: auto; + overflow: hidden; +} +.m-section .section_desc { + font-size: 24px; + line-height: 24px; + color: #fff; + margin-bottom: 30px; +} +.m-section .section_desc-1 { + color: #888; + line-height: 36px; +} +.m-section .section_desc-2 { + line-height: 36px; + margin-top: 21px; + margin-bottom: 43px; + color: #888; +} +.m-section .section_desc-3 { + color: #e1f5ff; + line-height: 36px; +} +.m-section .section_btns { + margin-top: 8px; +} +.m-section .section_btn { + display: inline-block; + width: 94px; + height: 38px; + line-height: 38px; + font-size: 14px; + text-align: center; + color: #fff; + background: #f31919; + border: 1px solid #f31919; + border-radius: 4px; +} +.m-section .section_btn-white { + background: none; + border: 1px solid #fff; + margin-left: 10px; +} +.m-section .section_tt { + font-size: 48px; + color: #666; + line-height: 48px; +} +.m-section .section_tt-white { + color: #fff; +} +.m-section1 { + background: #1d2e45; +} +.m-section1 .section1_logo { + width: 189px; + height: 60px; + margin-bottom: 6px; +} +.m-section1 .section1_left { + position: absolute; + left: 8.2%; + top: calc(27.7% + 12%); + z-index: 2; +} +.m-section1 .section1_divider { + display: inline-block; + width: 1px; + height: 24px; + margin: 0 12px; + vertical-align: bottom; + background: #939393; +} +.m-section1 .section1_right { + position: absolute; + width: 100%; + height: 100%; + background: url("//haitao.nos.netease.com/64daa6f4-aeb7-41ce-a57b-c582b258a49e.png") no-repeat scroll 89% calc(50% + 12%); + background-size: 46%; +} +.m-section1 .section1_arrow { + position: absolute; + bottom: 16px; + left: 0; + right: 0; + margin: auto; + width: 24px; + height: 12px; + background: url("//haitao.nos.netease.com/94b0dfad-7d35-4903-a781-2809d5d26f64.png"); + background-size: cover; + animation: bounce 1.5s ease-in-out infinite alternate; +} +.m-section2 { + background: #fff url("//haitao.nos.netease.com/0eff8981-f60c-4e70-a0b5-e0e0d86573ed.jpg") no-repeat; + background-size: cover; +} +.m-section2 .section2_right { + position: absolute; + width: 500px; + left: 60.6%; + top: calc(26.8% + 12%); +} +.m-section2 .section2_left { + position: absolute; + width: 100%; + height: 100%; + background: url("//haitao.nos.netease.com/1335d2b1-0d35-4943-819a-ff65d9602c16.png") no-repeat scroll 20% calc(42% + 15%); + background-size: 36.8%; +} +.m-section3 { + background-image: linear-gradient(-144deg, #3ca9f2 0%, #3f80df 100%); +} +.m-section3 .section3_left { + position: absolute; + width: 410px; + left: 10%; + top: calc(27.4% + 12%); + z-index: 2; +} +.m-section3 .section3_right { + position: absolute; + width: 100%; + height: 100%; + background: url("//haitao.nos.netease.com/51e3a64c-f220-4aa6-a30f-b0fbafd16d97.png") no-repeat scroll 87% calc(39% + 12%); + background-size: 43.7%; +} +.m-section4 { + background: #1a2e46 url("//haitao.nos.netease.com/250b92a1-47a8-4383-af2a-8dc6573d0af9.png") no-repeat; + background-size: 100%; +} +.m-section4 .section4_inner { + position: absolute; + width: 260px; + height: 184px; + top: 50%; + left: 50%; + margin-top: -172px; + margin-left: -130px; + text-align: center; +} +.m-section4 .section4_logo { + display: inline-block; + width: 148px; + height: 46px; + background-size: 100%; +} +.m-section4 .section4_subtt { + color: #a0dfff; + font-size: 24px; + line-height: 24px; + margin: 32px 0; +} +.m-section4 .section4_subtt:after { + content: ' '; + display: inline-block; + width: 3px; + height: 24px; + vertical-align: bottom; + margin-left: 5px; + background: #a0dfff; + opacity: 1; + animation: blink 1.2s ease-in-out infinite; +} +.m-anchors { + position: fixed; + right: 40px; + top: 50%; + height: 62px; + margin-top: -31px; + list-style: none; + padding: 0; +} +.m-anchors .anchors_item { + width: 8px; + height: 8px; + background: #3276c7; + margin-bottom: 10px; + transition: all 0.5s ease-out; +} +.m-anchors .anchors_item.current { + background: #f31919; +} +.m-ft { + position: absolute; + bottom: 0; + left: 0; + right: 0; + padding: 41px 0; + border-top: 1px solid #263950; +} +.m-ft .ft_wrap { + width: 900px; + margin: 0 auto; +} +.m-ft .ft_links { + float: left; + width: 225px; + padding-left: 50px; + list-style: none; + font-size: 12px; + color: #667a92; + line-height: 28px; + box-sizing: border-box; +} +.m-ft .ft_links a { + color: #667a92; +} +.m-ft .ft_tt { + margin-bottom: 8px; + font-size: 14px; + color: #fff; +} +/* transitions */ +.m-section2 .section_tt, +.m-section3 .section_tt { + transition: all 1s 0.4s; +} +.m-section2 .section_desc, +.m-section3 .section_desc { + transition: all 1s 0.3s; +} +.m-section2 .section_btns, +.m-section3 .section_btns { + transition: all 1s 0.2s; +} +.m-section2 .section_tt, +.m-section2 .section_desc, +.m-section2 .section_btns, +.m-section3 .section_tt, +.m-section3 .section_desc, +.m-section3 .section_btns { + transform: translate(0, -100px); + opacity: 0; +} +.m-section2.active .section_tt, +.m-section2.active .section_desc, +.m-section2.active .section_btns, +.m-section3.active .section_tt, +.m-section3.active .section_desc, +.m-section3.active .section_btns { + transform: translate(0, 0); + opacity: 1; +} +.m-section2 .section2_left, +.m-section3 .section3_right { + transform: translate(0px, 100px); + opacity: 0; + transition: transform 1s 0.2s, opacity 1s 0.2s; +} +.m-section2.active .section2_left, +.m-section3.active .section3_right { + transform: translate(0, 0); + opacity: 1; +} +.m-section1 .section1_right { + transform: translate(0px, 100px); + opacity: 0; + transition: all 0.8s ease-in-out; +} +.m-section1.loaded.active .section1_right { + opacity: 1; + transform: translate(0, 0); +} +.m-section4 .section4_logo { + transform: translate(0, -100px); + opacity: 0; + transition: transform 1s 0.2s, opacity 1s 0.2s; +} +.m-section4.active .section4_logo { + transform: translate(0, 0); + opacity: 1; +} +@-moz-keyframes bounce { + 0%, 100% { + transform: translateY(0); + } + 50% { + transform: translateY(-5px); + } +} +@-webkit-keyframes bounce { + 0%, 100% { + transform: translateY(0); + } + 50% { + transform: translateY(-5px); + } +} +@-o-keyframes bounce { + 0%, 100% { + transform: translateY(0); + } + 50% { + transform: translateY(-5px); + } +} +@keyframes bounce { + 0%, 100% { + transform: translateY(0); + } + 50% { + transform: translateY(-5px); + } +} +@-moz-keyframes blink { + to { + opacity: 0; + } +} +@-webkit-keyframes blink { + to { + opacity: 0; + } +} +@-o-keyframes blink { + to { + opacity: 0; + } +} +@keyframes blink { + to { + opacity: 0; + } +} diff --git a/doc/v0.6/css/nek-ui.blue.css b/doc/v0.6/css/nek-ui.blue.css new file mode 100644 index 00000000..31db8544 --- /dev/null +++ b/doc/v0.6/css/nek-ui.blue.css @@ -0,0 +1,8160 @@ +article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ + display:block; +} +audio,canvas,video{ + display:inline-block; + *display:inline; + *zoom:1; +} +audio:not([controls]){ + display:none; + height:0; +} +[hidden]{ + display:none; +} +html{ + font-size:100%; + -ms-text-size-adjust:100%; + -webkit-text-size-adjust:100%; +} +html,button,input,select,textarea{ + font-family:sans-serif; +} +body{ + margin:0; +} +a:focus{ + outline:thin dotted; +} +a:active,a:hover{ + outline:0; +} +h1{ + font-size:2em; + margin:0.67em 0; +} +h2{ + font-size:1.5em; + margin:0.83em 0; +} +h3{ + font-size:1.17em; + margin:1em 0; +} +h4{ + font-size:1em; + margin:1.33em 0; +} +h5{ + font-size:0.83em; + margin:1.67em 0; +} +h6{ + font-size:0.67em; + margin:2.33em 0; +} +abbr[title]{ + border-bottom:1px dotted; +} +b,strong{ + font-weight:bold; +} +blockquote{ + margin:1em 40px; +} +dfn{ + font-style:italic; +} +hr{ + -moz-box-sizing:content-box; + box-sizing:content-box; + height:0; +} +mark{ + background:#ff0; + color:#000; +} +p,pre{ + margin:1em 0; +} +code,kbd,pre,samp{ + font-family:monospace,serif; + _font-family:"courier new",monospace; + font-size:1em; +} +pre{ + white-space:pre; + white-space:pre-wrap; + word-wrap:break-word; +} +q{ + quotes:none; +} +q:before,q:after{ + content:""; + content:none; +} +small{ + font-size:80%; +} +sub,sup{ + font-size:75%; + line-height:0; + position:relative; + vertical-align:baseline; +} +sup{ + top:-0.5em; +} +sub{ + bottom:-0.25em; +} +dl,menu,ol,ul{ + margin:1em 0; +} +dd{ + margin:0 0 0 40px; +} +menu,ol,ul{ + padding:0 0 0 40px; +} +nav ul,nav ol{ + list-style:none; + list-style-image:none; +} +img{ + border:0; + -ms-interpolation-mode:bicubic; +} +svg:not(:root){ + overflow:hidden; +} +figure{ + margin:0; +} +form{ + margin:0; +} +fieldset{ + border:1px solid #c0c0c0; + margin:0 2px; + padding:0.35em 0.625em 0.75em; +} +legend{ + border:0; + padding:0; + white-space:normal; + *margin-left:-7px; +} +button,input,select,textarea{ + font-size:100%; + margin:0; + vertical-align:baseline; + *vertical-align:middle; +} +button,input{ + line-height:normal; +} +button,select{ + text-transform:none; +} +button,html input[type="button"], input[type="reset"],input[type="submit"]{ + -webkit-appearance:button; + cursor:pointer; + *overflow:visible; +} +button[disabled],html input[disabled]{ + cursor:default; +} +input[type="checkbox"],input[type="radio"]{ + box-sizing:border-box; + padding:0; + *height:13px; + *width:13px; +} +input[type="search"]{ + -webkit-appearance:textfield; + -moz-box-sizing:content-box; + -webkit-box-sizing:content-box; + box-sizing:content-box; +} +input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{ + -webkit-appearance:none; +} +button::-moz-focus-inner,input::-moz-focus-inner{ + border:0; + padding:0; +} +textarea{ + overflow:auto; + vertical-align:top; +} +table{ + border-collapse:collapse; + border-spacing:0; +} +.f-cb:after,.f-cbli li:after{ + display:block; + clear:both; + visibility:hidden; + height:0; + overflow:hidden; + content:"."; +} +.f-cb,.f-cbli li{ + zoom:1; +} +.f-ib{ + display:inline-block; + *display:inline; + *zoom:1; +} +.f-dn{ + display:none; +} +.f-db{ + display:block; +} +.f-fl{ + float:left; +} +.f-fr{ + float:right; +} +.f-pr{ + position:relative; +} +.f-prz{ + position:relative; + zoom:1; +} +.f-oh{ + overflow:hidden; +} +.f-fwn{ + font-weight:normal; +} +.f-fwb{ + font-weight:bold; +} +.f-tal{ + text-align:left; +} +.f-tac{ + text-align:center; +} +.f-tar{ + text-align:right; +} +.f-taj{ + text-align:justify; + text-justify:inter-ideograph; +} +.f-vat{ + vertical-align:top; +} +.f-vam,.f-vama *{ + vertical-align:middle; +} +.f-vab{ + vertical-align:bottom; +} +.f-wsn,.m-pager,.m-pager .m-right-pager{ + word-wrap:normal; + white-space:nowrap; +} +.f-pre{ + overflow:hidden; + text-align:left; + white-space:pre-wrap; + word-wrap:break-word; + word-break:break-all; +} +.f-wwb{ + white-space:normal; + word-wrap:break-word; + word-break:break-all; +} +.f-toe,.u-select .dropdown_hd{ + overflow:hidden; + word-wrap:normal; + white-space:nowrap; + text-overflow:ellipsis; +} +.f-usn{ + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + -o-user-select:none; + user-select:none; +} +.f-lsn,.m-listview,.m-treeview .treeview_list,.kl-m-crumb,.m-pager,.m-pager .m-right-pager,.m-tabs .tabs_hd{ + list-style:none; + margin:0; + padding:0; +} +.f-lsi,.kl-m-crumb,.m-pager,.m-pager .m-right-pager{ + letter-spacing:-5px; +} +.f-lsi >*,.kl-m-crumb >*,.m-pager >*,.m-pager .m-right-pager >*{ + letter-spacing:normal; +} +.f-ti{ + overflow:hidden; + text-indent:-30000px; +} +.f-ti2{ + text-indent:2em; +} +.f-lhn{ + line-height:normal; +} +.f-tdu,.f-tdu:hover{ + text-decoration:underline; +} +.f-tdn,.f-tdn:hover{ + text-decoration:none; +} +.f-csp{ + cursor:pointer; +} +.f-csd{ + cursor:default; +} +.f-csh{ + cursor:help; +} +.f-csm{ + cursor:move; +} +.f-mb5{ + margin-bottom:5px; +} +.f-mr5{ + margin-right:5px; +} +.f-ml5{ + margin-left:5px; +} +.f-mt5{ + margin-top:5px; +} +.f-mb10{ + margin-bottom:10px !important; +} +.f-mr10{ + margin-right:10px; +} +.f-ml10{ + margin-left:10px; +} +.f-mt10{ + margin-top:10px !important; +} +.f-mb15{ + margin-bottom:15px; +} +.f-mr15{ + margin-right:15px; +} +.f-ml15{ + margin-left:15px; +} +.f-mt15{ + margin-top:15px; +} +.f-mb20{ + margin-bottom:20px; +} +.f-mr20{ + margin-right:20px; +} +.f-ml20{ + margin-left:20px; +} +.f-mt20{ + margin-top:20px; +} +.f-color-primary{ + color:#4690ee; +} +.f-color-secondary{ + color:#5dbef0; +} +.f-color-info{ + color:#479ca2; +} +.f-color-success{ + color:#6794d1; +} +.f-color-error{ + color:#d30030; +} +.f-color-warning{ + color:#fcd800; +} +html{ + -webkit-text-size-adjust:100%; + -ms-text-size-adjust:100%; +} +body{ + font:12px/1.6 PingFangTC-Regular,Microsoft YaHei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif; + background:#fff; + color:#333; +} +a{ + text-decoration:none; + cursor:pointer; + background:transparent; +} +a:hover{ + text-decoration:underline; +} +a:hover,a:focus{ + outline:0; +} +hr{ + border:none; +} +em{ + font-style:normal; +} +ins{ + text-decoration:none; +} +pre,code,kbd,samp{ + font-family:"YaHei Consolas Hybrid",Consolas,"Liberation Mono",Menlo,Courier,monospace; +} +abbr[title]{ + cursor:help; +} +dfn{ + font-style:normal; + font-weight:bold; +} +q:before{ + content:"“"; +} +q:after{ + content:"”"; +} +q q:before{ + content:"‘"; +} +q q:after{ + content:"’"; +} +blockquote,figure{ + margin:0; +} +blockquote footer{ + text-align:right; +} +blockquote footer:before{ + content:"—— "; +} +pre{ + -webkit-tab-size:4; + -moz-tab-size:4; + tab-size:4; + overflow:auto; +} +pre code{ + background:none; + border:none; + padding:0; + margin:0; + font-size:inherit; + color:inherit; +} +ul>li>ul,ul>li>ol,ol>li>ol,ol>li>ul{ + margin:0; +} +dt{ + font-weight:bold; +} +dd{ + margin-left:0; +} +address{ + font-style:normal; +} +img{ + max-width:100%; + height:auto; + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + border:none; + vertical-align:middle; +} +svg:not(:root){ + overflow:hidden; +} +article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{ + display:block; +} +iframe{ + border:none; +} +audio:not([controls]){ + display:none; +} +progress{ + vertical-align:baseline; +} +h1,h2,h3,h4,h5,h6{ + margin:25px 0 15px; +} +h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{ + color:#777; +} +h1{ + font-size:36px; + line-height:42px; +} +h2{ + font-size:24px; + line-height:30px; +} +h3{ + font-size:18px; + line-height:24px; +} +h4{ + font-size:16px; + line-height:22px; +} +h5{ + font-size:14px; + line-height:20px; +} +h6{ + font-size:12px; + line-height:18px; +} +a{ + color:#479ca2; +} +hr{ + border-top:1px solid #f4f4f4; +} +em{ + color:#d05; +} +ins{ + background:#ffa; + color:#444; +} +mark{ + background:#ffa; + color:#444; +} +small{ + font-size:80%; +} +code{ + padding:0 3px; + font-size:12px; + background:#fafafa; + color:#d05; +} +kbd{ + margin:0 3px; + padding:2px 3px; + font-size:12px; + color:#e74c3c; + background:#fafafa; + border-bottom:2px solid #eee; +} +abbr[title]{ + border-bottom:1px dotted; +} +blockquote{ + padding:4px 16px; + background:#fafafa; + border-left:4px solid #eee; +} +pre{ + padding:6px 12px; + font-size:12px; + background:#fafafa; + color:#333; + -moz-border-radius:2px; + border-radius:2px; +} +input[type=checkbox]{ + -webkit-appearance:checkbox; +} +input[type=radio]{ + -webkit-appearance:radio; +} +*::selection,*::-moz-selection,*::-webkit-selection{ + color:#fff; + background:#39f; +} +body{ + -webkit-backface-visibility:hidden; +} +.animated{ + -webkit-animation-duration:1s; + -moz-animation-duration:1s; + animation-duration:1s; + -webkit-animation-fill-mode:both; + -moz-animation-fill-mode:both; + animation-fill-mode:both; +} +@-webkit-keyframes fadeIn{ + 0%{ + opacity:0; + } + 100%{ + opacity:1; + } +} +@-moz-keyframes fadeIn{ + 0%{ + opacity:0; + } + 100%{ + opacity:1; + } +} +@-o-keyframes fadeIn{ + 0%{ + opacity:0; + } + 100%{ + opacity:1; + } +} +@keyframes fadeIn{ + 0%{ + opacity:0; + } + 100%{ + opacity:1; + } +} +.animated.fadeIn{ + -webkit-animation-name:fadeIn; + -moz-animation-name:fadeIn; + animation-name:fadeIn; +} +@-webkit-keyframes fadeOut{ + 0%{ + opacity:1; + } + 100%{ + opacity:0; + } +} +@-moz-keyframes fadeOut{ + 0%{ + opacity:1; + } + 100%{ + opacity:0; + } +} +@-o-keyframes fadeOut{ + 0%{ + opacity:1; + } + 100%{ + opacity:0; + } +} +@keyframes fadeOut{ + 0%{ + opacity:1; + } + 100%{ + opacity:0; + } +} +.animated.fadeOut{ + -webkit-animation-name:fadeOut; + -moz-animation-name:fadeOut; + animation-name:fadeOut; +} +@-webkit-keyframes bounceIn{ + 0%{ + opacity:0; + -webkit-transform:scale(0.3); + } + 50%{ + opacity:1; + -webkit-transform:scale(1.05); + } + 70%{ + -webkit-transform:scale(0.9); + } + 100%{ + -webkit-transform:scale(1); + } +} +@-moz-keyframes bounceIn{ + 0%{ + opacity:0; + -moz-transform:scale(0.3); + } + 50%{ + opacity:1; + -moz-transform:scale(1.05); + } + 70%{ + -moz-transform:scale(0.9); + } + 100%{ + -moz-transform:scale(1); + } +} +@-o-keyframes bounceIn{ + 0%{ + opacity:0; + -o-transform:scale(0.3); + } + 50%{ + opacity:1; + -o-transform:scale(1.05); + } + 70%{ + -o-transform:scale(0.9); + } + 100%{ + -o-transform:scale(1); + } +} +@keyframes bounceIn{ + 0%{ + opacity:0; + transform:scale(0.3); + } + 50%{ + opacity:1; + transform:scale(1.05); + } + 70%{ + transform:scale(0.9); + } + 100%{ + transform:scale(1); + } +} +.animated.bounceIn{ + -webkit-animation-name:bounceIn; + -moz-animation-name:bounceIn; + animation-name:bounceIn; +} +@-webkit-keyframes bounceOut{ + 0%{ + -webkit-transform:scale(1); + } + 25%{ + -webkit-transform:scale(0.95); + } + 50%{ + opacity:1; + -webkit-transform:scale(1.1); + } + 100%{ + opacity:0; + -webkit-transform:scale(0.3); + } +} +@-moz-keyframes bounceOut{ + 0%{ + -moz-transform:scale(1); + } + 25%{ + -moz-transform:scale(0.95); + } + 50%{ + opacity:1; + -moz-transform:scale(1.1); + } + 100%{ + opacity:0; + -moz-transform:scale(0.3); + } +} +@-o-keyframes bounceOut{ + 0%{ + -o-transform:scale(1); + } + 25%{ + -o-transform:scale(0.95); + } + 50%{ + opacity:1; + -o-transform:scale(1.1); + } + 100%{ + opacity:0; + -o-transform:scale(0.3); + } +} +@keyframes bounceOut{ + 0%{ + transform:scale(1); + } + 25%{ + transform:scale(0.95); + } + 50%{ + opacity:1; + transform:scale(1.1); + } + 100%{ + opacity:0; + transform:scale(0.3); + } +} +.animated.bounceOut{ + -webkit-animation-name:bounceOut; + -moz-animation-name:bounceOut; + animation-name:bounceOut; +} +@-webkit-keyframes fadeInX{ + 0%{ + opacity:0; + -webkit-transform:translateX(30px); + } + 100%{ + opacity:1; + -webkit-transform:translateX(0); + } +} +@-moz-keyframes fadeInX{ + 0%{ + opacity:0; + -moz-transform:translateX(30px); + } + 100%{ + opacity:1; + -moz-transform:translateX(0); + } +} +@-o-keyframes fadeInX{ + 0%{ + opacity:0; + -o-transform:translateX(30px); + } + 100%{ + opacity:1; + -o-transform:translateX(0); + } +} +@keyframes fadeInX{ + 0%{ + opacity:0; + transform:translateX(30px); + } + 100%{ + opacity:1; + transform:translateX(0); + } +} +.animated.fadeInX{ + -webkit-animation-name:fadeInX; + -moz-animation-name:fadeInX; + animation-name:fadeInX; +} +@-webkit-keyframes fadeInY{ + 0%{ + opacity:0; + -webkit-transform:translateY(-5px); + } + 100%{ + opacity:1; + -webkit-transform:translateY(0); + } +} +@-moz-keyframes fadeInY{ + 0%{ + opacity:0; + -moz-transform:translateY(-5px); + } + 100%{ + opacity:1; + -moz-transform:translateY(0); + } +} +@-o-keyframes fadeInY{ + 0%{ + opacity:0; + -o-transform:translateY(-5px); + } + 100%{ + opacity:1; + -o-transform:translateY(0); + } +} +@keyframes fadeInY{ + 0%{ + opacity:0; + transform:translateY(-5px); + } + 100%{ + opacity:1; + transform:translateY(0); + } +} +.animated.fadeInY{ + -webkit-animation-name:fadeInY; + -moz-animation-name:fadeInY; + animation-name:fadeInY; +} +@-webkit-keyframes fadeOutY{ + 0%{ + opacity:1; + -webkit-transform:translateY(0); + } + 100%{ + opacity:0; + -webkit-transform:translateY(-5px); + } +} +@-moz-keyframes fadeOutY{ + 0%{ + opacity:1; + -moz-transform:translateY(0); + } + 100%{ + opacity:0; + -moz-transform:translateY(-5px); + } +} +@-o-keyframes fadeOutY{ + 0%{ + opacity:1; + -o-transform:translateY(0); + } + 100%{ + opacity:0; + -o-transform:translateY(-5px); + } +} +@keyframes fadeOutY{ + 0%{ + opacity:1; + transform:translateY(0); + } + 100%{ + opacity:0; + transform:translateY(-5px); + } +} +.animated.fadeOutY{ + -webkit-animation-name:fadeOutY; + -moz-animation-name:fadeOutY; + animation-name:fadeOutY; +} +@-webkit-keyframes pulse{ + 0%{ + -webkit-transform:scale(1); + } + 50%{ + -webkit-transform:scale(1.1); + } + 100%{ + -webkit-transform:scale(1); + } +} +@-moz-keyframes pulse{ + 0%{ + -moz-transform:scale(1); + } + 50%{ + -moz-transform:scale(1.1); + } + 100%{ + -moz-transform:scale(1); + } +} +@-o-keyframes pulse{ + 0%{ + -o-transform:scale(1); + } + 50%{ + -o-transform:scale(1.1); + } + 100%{ + -o-transform:scale(1); + } +} +@keyframes pulse{ + 0%{ + transform:scale(1); + } + 50%{ + transform:scale(1.1); + } + 100%{ + transform:scale(1); + } +} +.animated.pulse{ + -webkit-animation-name:pulse; + -moz-animation-name:pulse; + animation-name:pulse; +} +.animated{ + -webkit-animation-duration:0.2s; + -moz-animation-duration:0.2s; + animation-duration:0.2s; +} +.modal_animated{ + -webkit-animation-duration:0.3s; + -moz-animation-duration:0.3s; + animation-duration:0.3s; +} +@keyframes zoomOut{ + from{ + opacity:1; + } + 50%{ + opacity:0; + transform:scale3d(0.3,0.3,0.3); + } + to{ + opacity:0; + } +} +.zoomOut{ + animation-name:zoomOut; +} +.modal_zoomOut .modal_dialog{ + animation-name:zoomOut; + -webkit-animation-duration:0.3s; + -moz-animation-duration:0.3s; + animation-duration:0.3s; +} +@keyframes zoomIn{ + from{ + opacity:0; + transform:scale3d(0.3,0.3,0.3); + } + 50%{ + opacity:1; + } +} +.zoomIn{ + animation-name:zoomIn; +} +.modal_zoomIn .modal_dialog{ + animation-name:zoomIn; + -webkit-animation-duration:0.3s; + -moz-animation-duration:0.3s; + animation-duration:0.3s; +} +@font-face { + font-family:"icomoon"; + src:url("../fonts/icomoon.eot?h16as7"); + src:url("../fonts/icomoon.eot?h16as7#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?h16as7") format("truetype"),url("../fonts/icomoon.woff?h16as7") format("woff"),url("../fonts/icomoon.svg?h16as7#icomoon") format("svg"); + font-weight:normal; + font-style:normal; +} +.u-icon{ + display:inline-block; + font:normal normal normal 14px/1 icomoon; + font-size:inherit; + text-rendering:auto; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; +} +.u-icon-lg{ + font-size:1.333333em; + line-height:0.75em; + vertical-align:-15%; +} +.u-icon-2x{ + font-size:2em; +} +.u-icon-3x{ + font-size:3em; +} +.u-icon-4x{ + font-size:4em; +} +.u-icon-5x{ + font-size:5em; +} +.u-icon-fw{ + width:1.285714em; + text-align:center; +} +.u-icon-ul{ + padding-left:0; + margin-left:2.142857em; + list-style-type:none; +} +.u-icon-ul>li{ + position:relative; +} +.u-icon-li{ + position:absolute; + left:-2.142857em; + width:2.142857em; + top:0.142857em; + text-align:center; +} +.u-icon-li.u-icon-lg{ + left:-1.857143em; +} +.u-icon-border{ + padding:0.2em 0.25em 0.15em; + border:solid 0.08em #eee; + border-radius:0.1em; +} +.u-icon-pull-left{ + float:left; +} +.u-icon-pull-right{ + float:right; +} +.u-icon.u-icon-pull-left{ + margin-right:0.3em; +} +.u-icon.u-icon-pull-right{ + margin-left:0.3em; +} +.pull-right{ + float:right; +} +.pull-left{ + float:left; +} +.u-icon.pull-left{ + margin-right:0.3em; +} +.u-icon.pull-right{ + margin-left:0.3em; +} +.u-icon-spin{ + -webkit-animation:fa-spin 2s infinite linear; + animation:fa-spin 2s infinite linear; +} +.u-icon-pulse{ + -webkit-animation:fa-spin 1s infinite steps(8); + animation:fa-spin 1s infinite steps(8); +} +@-webkit-keyframes fa-spin{ + 0%{ + -webkit-transform:rotate(0deg); + transform:rotate(0deg); + } + 100%{ + -webkit-transform:rotate(359deg); + transform:rotate(359deg); + } +} +@keyframes fa-spin{ + 0%{ + -webkit-transform:rotate(0deg); + transform:rotate(0deg); + } + 100%{ + -webkit-transform:rotate(359deg); + transform:rotate(359deg); + } +} +.u-icon-rotate-90{ + -webkit-transform:rotate(90deg); + -ms-transform:rotate(90deg); + transform:rotate(90deg); +} +.u-icon-rotate-180{ + -webkit-transform:rotate(180deg); + -ms-transform:rotate(180deg); + transform:rotate(180deg); +} +.u-icon-rotate-270{ + -webkit-transform:rotate(270deg); + -ms-transform:rotate(270deg); + transform:rotate(270deg); +} +.u-icon-flip-horizontal{ + -webkit-transform:scale(-1,1); + -ms-transform:scale(-1,1); + transform:scale(-1,1); +} +.u-icon-flip-vertical{ + -webkit-transform:scale(1,-1); + -ms-transform:scale(1,-1); + transform:scale(1,-1); +} +.u-icon-stack{ + position:relative; + display:inline-block; + width:2em; + height:2em; + line-height:2em; + vertical-align:middle; +} +.u-icon-stack-1x,.u-icon-stack-2x{ + position:absolute; + left:0; + width:100%; + text-align:center; +} +.u-icon-stack-1x{ + line-height:inherit; +} +.u-icon-stack-2x{ + font-size:2em; +} +.u-icon-inverse{ + color:#fff; +} +.u-icon-glass:before{ + content:"\f000"; +} +.u-icon-music:before{ + content:"\f001"; +} +.u-icon-search:before{ + content:"\f002"; +} +.u-icon-envelope-o:before{ + content:"\f003"; +} +.u-icon-heart:before{ + content:"\f004"; +} +.u-icon-star:before{ + content:"\f005"; +} +.u-icon-star-o:before{ + content:"\f006"; +} +.u-icon-user:before{ + content:"\f007"; +} +.u-icon-film:before{ + content:"\f008"; +} +.u-icon-th-large:before{ + content:"\f009"; +} +.u-icon-th:before{ + content:"\f00a"; +} +.u-icon-th-list:before{ + content:"\f00b"; +} +.u-icon-check:before{ + content:"\f00c"; +} +.u-icon-remove:before{ + content:"\f00d"; +} +.u-icon-search-plus:before{ + content:"\f00e"; +} +.u-icon-search-minus:before{ + content:"\f010"; +} +.u-icon-power-off:before{ + content:"\f011"; +} +.u-icon-signal:before{ + content:"\f012"; +} +.u-icon-gear:before,.u-icon-cog:before{ + content:"\f013"; +} +.u-icon-trash-o:before{ + content:"\f014"; +} +.u-icon-home:before{ + content:"\f015"; +} +.u-icon-file-o:before{ + content:"\f016"; +} +.u-icon-clock-o:before{ + content:"\f017"; +} +.u-icon-road:before{ + content:"\f018"; +} +.u-icon-download:before{ + content:"\f019"; +} +.u-icon-arrow-circle-o-down:before{ + content:"\f01a"; +} +.u-icon-arrow-circle-o-up:before{ + content:"\f01b"; +} +.u-icon-inbox:before{ + content:"\f01c"; +} +.u-icon-play-circle-o:before{ + content:"\f01d"; +} +.u-icon-rotate-right:before,.u-icon-repeat:before{ + content:"\f01e"; +} +.u-icon-refresh:before{ + content:"\f021"; +} +.u-icon-list-alt:before{ + content:"\f022"; +} +.u-icon-lock:before{ + content:"\f023"; +} +.u-icon-flag:before{ + content:"\f024"; +} +.u-icon-headphones:before{ + content:"\f025"; +} +.u-icon-volume-off:before{ + content:"\f026"; +} +.u-icon-volume-down:before{ + content:"\f027"; +} +.u-icon-volume-up:before{ + content:"\f028"; +} +.u-icon-qrcode:before{ + content:"\f029"; +} +.u-icon-barcode:before{ + content:"\f02a"; +} +.u-icon-tag:before{ + content:"\f02b"; +} +.u-icon-tags:before{ + content:"\f02c"; +} +.u-icon-book:before{ + content:"\f02d"; +} +.u-icon-bookmark:before{ + content:"\f02e"; +} +.u-icon-print:before{ + content:"\f02f"; +} +.u-icon-camera:before{ + content:"\f030"; +} +.u-icon-font:before{ + content:"\f031"; +} +.u-icon-bold:before{ + content:"\f032"; +} +.u-icon-italic:before{ + content:"\f033"; +} +.u-icon-text-height:before{ + content:"\f034"; +} +.u-icon-text-width:before{ + content:"\f035"; +} +.u-icon-align-left:before{ + content:"\f036"; +} +.u-icon-align-center:before{ + content:"\f037"; +} +.u-icon-align-right:before{ + content:"\f038"; +} +.u-icon-align-justify:before{ + content:"\f039"; +} +.u-icon-list:before{ + content:"\f03a"; +} +.u-icon-dedent:before,.u-icon-outdent:before{ + content:"\f03b"; +} +.u-icon-indent:before{ + content:"\f03c"; +} +.u-icon-video-camera:before{ + content:"\f03d"; +} +.u-icon-photo:before,.u-icon-image:before,.u-icon-picture-o:before{ + content:"\f03e"; +} +.u-icon-pencil:before{ + content:"\f040"; +} +.u-icon-map-marker:before{ + content:"\f041"; +} +.u-icon-adjust:before{ + content:"\f042"; +} +.u-icon-tint:before{ + content:"\f043"; +} +.u-icon-edit:before,.u-icon-pencil-square-o:before{ + content:"\f044"; +} +.u-icon-share-square-o:before{ + content:"\f045"; +} +.u-icon-check-square-o:before{ + content:"\f046"; +} +.u-icon-arrows:before{ + content:"\f047"; +} +.u-icon-step-backward:before{ + content:"\f048"; +} +.u-icon-fast-backward:before{ + content:"\f049"; +} +.u-icon-backward:before{ + content:"\f04a"; +} +.u-icon-play:before{ + content:"\f04b"; +} +.u-icon-pause:before{ + content:"\f04c"; +} +.u-icon-stop:before{ + content:"\f04d"; +} +.u-icon-forward:before{ + content:"\f04e"; +} +.u-icon-fast-forward:before{ + content:"\f050"; +} +.u-icon-step-forward:before{ + content:"\f051"; +} +.u-icon-eject:before{ + content:"\f052"; +} +.u-icon-chevron-left:before{ + content:"\f053"; +} +.u-icon-chevron-right:before{ + content:"\f054"; +} +.u-icon-plus-circle:before{ + content:"\f055"; +} +.u-icon-minus-circle:before{ + content:"\f056"; +} +.u-icon-times-circle:before{ + content:"\f057"; +} +.u-icon-check-circle:before{ + content:"\f058"; +} +.u-icon-question-circle:before{ + content:"\f059"; +} +.u-icon-info-circle:before{ + content:"\f05a"; +} +.u-icon-crosshairs:before{ + content:"\f05b"; +} +.u-icon-times-circle-o:before{ + content:"\f05c"; +} +.u-icon-check-circle-o:before{ + content:"\f05d"; +} +.u-icon-ban:before{ + content:"\f05e"; +} +.u-icon-arrow-left:before{ + content:"\f060"; +} +.u-icon-arrow-right:before{ + content:"\f061"; +} +.u-icon-arrow-up:before{ + content:"\f062"; +} +.u-icon-arrow-down:before{ + content:"\f063"; +} +.u-icon-mail-forward:before,.u-icon-share:before{ + content:"\f064"; +} +.u-icon-expand:before{ + content:"\f065"; +} +.u-icon-compress:before{ + content:"\f066"; +} +.u-icon-plus:before{ + content:"\f067"; +} +.u-icon-minus:before{ + content:"\f068"; +} +.u-icon-asterisk:before{ + content:"\f069"; +} +.u-icon-exclamation-circle:before{ + content:"\f06a"; +} +.u-icon-gift:before{ + content:"\f06b"; +} +.u-icon-leaf:before{ + content:"\f06c"; +} +.u-icon-fire:before{ + content:"\f06d"; +} +.u-icon-eye:before{ + content:"\f06e"; +} +.u-icon-eye-slash:before{ + content:"\f070"; +} +.u-icon-warning:before,.u-icon-exclamation-triangle:before{ + content:"\f071"; +} +.u-icon-plane:before{ + content:"\f072"; +} +.u-icon-calendar:before{ + content:"\f073"; +} +.u-icon-random:before{ + content:"\f074"; +} +.u-icon-comment:before{ + content:"\f075"; +} +.u-icon-magnet:before{ + content:"\f076"; +} +.u-icon-chevron-up:before{ + content:"\f077"; +} +.u-icon-chevron-down:before{ + content:"\f078"; +} +.u-icon-retweet:before{ + content:"\f079"; +} +.u-icon-shopping-cart:before{ + content:"\f07a"; +} +.u-icon-folder:before{ + content:"\f07b"; +} +.u-icon-folder-open:before{ + content:"\f07c"; +} +.u-icon-arrows-v:before{ + content:"\f07d"; +} +.u-icon-arrows-h:before{ + content:"\f07e"; +} +.u-icon-bar-chart-o:before,.u-icon-bar-chart:before{ + content:"\f080"; +} +.u-icon-twitter-square:before{ + content:"\f081"; +} +.u-icon-facebook-square:before{ + content:"\f082"; +} +.u-icon-camera-retro:before{ + content:"\f083"; +} +.u-icon-key:before{ + content:"\f084"; +} +.u-icon-gears:before,.u-icon-cogs:before{ + content:"\f085"; +} +.u-icon-comments:before{ + content:"\f086"; +} +.u-icon-thumbs-o-up:before{ + content:"\f087"; +} +.u-icon-thumbs-o-down:before{ + content:"\f088"; +} +.u-icon-star-half:before{ + content:"\f089"; +} +.u-icon-heart-o:before{ + content:"\f08a"; +} +.u-icon-sign-out:before{ + content:"\f08b"; +} +.u-icon-linkedin-square:before{ + content:"\f08c"; +} +.u-icon-thumb-tack:before{ + content:"\f08d"; +} +.u-icon-external-link:before{ + content:"\f08e"; +} +.u-icon-sign-in:before{ + content:"\f090"; +} +.u-icon-trophy:before{ + content:"\f091"; +} +.u-icon-github-square:before{ + content:"\f092"; +} +.u-icon-upload:before{ + content:"\f093"; +} +.u-icon-lemon-o:before{ + content:"\f094"; +} +.u-icon-phone:before{ + content:"\f095"; +} +.u-icon-square-o:before{ + content:"\f096"; +} +.u-icon-bookmark-o:before{ + content:"\f097"; +} +.u-icon-phone-square:before{ + content:"\f098"; +} +.u-icon-twitter:before{ + content:"\f099"; +} +.u-icon-facebook-f:before,.u-icon-facebook:before{ + content:"\f09a"; +} +.u-icon-github:before{ + content:"\f09b"; +} +.u-icon-unlock:before{ + content:"\f09c"; +} +.u-icon-credit-card:before{ + content:"\f09d"; +} +.u-icon-feed:before,.u-icon-rss:before{ + content:"\f09e"; +} +.u-icon-hdd-o:before{ + content:"\f0a0"; +} +.u-icon-bullhorn:before{ + content:"\f0a1"; +} +.u-icon-bell:before{ + content:"\f0f3"; +} +.u-icon-certificate:before{ + content:"\f0a3"; +} +.u-icon-hand-o-right:before{ + content:"\f0a4"; +} +.u-icon-hand-o-left:before{ + content:"\f0a5"; +} +.u-icon-hand-o-up:before{ + content:"\f0a6"; +} +.u-icon-hand-o-down:before{ + content:"\f0a7"; +} +.u-icon-arrow-circle-left:before{ + content:"\f0a8"; +} +.u-icon-arrow-circle-right:before{ + content:"\f0a9"; +} +.u-icon-arrow-circle-up:before{ + content:"\f0aa"; +} +.u-icon-arrow-circle-down:before{ + content:"\f0ab"; +} +.u-icon-globe:before{ + content:"\f0ac"; +} +.u-icon-wrench:before{ + content:"\f0ad"; +} +.u-icon-tasks:before{ + content:"\f0ae"; +} +.u-icon-filter:before{ + content:"\f0b0"; +} +.u-icon-briefcase:before{ + content:"\f0b1"; +} +.u-icon-arrows-alt:before{ + content:"\f0b2"; +} +.u-icon-group:before,.u-icon-users:before{ + content:"\f0c0"; +} +.u-icon-chain:before,.u-icon-link:before{ + content:"\f0c1"; +} +.u-icon-cloud:before{ + content:"\f0c2"; +} +.u-icon-flask:before{ + content:"\f0c3"; +} +.u-icon-cut:before,.u-icon-scissors:before{ + content:"\f0c4"; +} +.u-icon-copy:before,.u-icon-files-o:before{ + content:"\f0c5"; +} +.u-icon-paperclip:before{ + content:"\f0c6"; +} +.u-icon-save:before,.u-icon-floppy-o:before{ + content:"\f0c7"; +} +.u-icon-square:before{ + content:"\f0c8"; +} +.u-icon-navicon:before,.u-icon-reorder:before,.u-icon-bars:before{ + content:"\f0c9"; +} +.u-icon-list-ul:before{ + content:"\f0ca"; +} +.u-icon-list-ol:before{ + content:"\f0cb"; +} +.u-icon-strikethrough:before{ + content:"\f0cc"; +} +.u-icon-underline:before{ + content:"\f0cd"; +} +.u-icon-table:before{ + content:"\f0ce"; +} +.u-icon-magic:before{ + content:"\f0d0"; +} +.u-icon-truck:before{ + content:"\f0d1"; +} +.u-icon-pinterest:before{ + content:"\f0d2"; +} +.u-icon-pinterest-square:before{ + content:"\f0d3"; +} +.u-icon-google-plus-square:before{ + content:"\f0d4"; +} +.u-icon-google-plus:before{ + content:"\f0d5"; +} +.u-icon-money:before{ + content:"\f0d6"; +} +.u-icon-caret-down:before{ + content:"\f0d7"; +} +.u-icon-caret-up:before{ + content:"\f0d8"; +} +.u-icon-caret-left:before{ + content:"\f0d9"; +} +.u-icon-caret-right:before{ + content:"\f0da"; +} +.u-icon-columns:before{ + content:"\f0db"; +} +.u-icon-unsorted:before,.u-icon-sort:before{ + content:"\f0dc"; +} +.u-icon-sort-down:before,.u-icon-sort-desc:before{ + content:"\f0dd"; +} +.u-icon-sort-up:before,.u-icon-sort-asc:before{ + content:"\f0de"; +} +.u-icon-envelope:before{ + content:"\f0e0"; +} +.u-icon-linkedin:before{ + content:"\f0e1"; +} +.u-icon-rotate-left:before,.u-icon-undo:before{ + content:"\f0e2"; +} +.u-icon-legal:before,.u-icon-gavel:before{ + content:"\f0e3"; +} +.u-icon-dashboard:before,.u-icon-tachometer:before{ + content:"\f0e4"; +} +.u-icon-comment-o:before{ + content:"\f0e5"; +} +.u-icon-comments-o:before{ + content:"\f0e6"; +} +.u-icon-flash:before,.u-icon-bolt:before{ + content:"\f0e7"; +} +.u-icon-sitemap:before{ + content:"\f0e8"; +} +.u-icon-umbrella:before{ + content:"\f0e9"; +} +.u-icon-paste:before,.u-icon-clipboard:before{ + content:"\f0ea"; +} +.u-icon-lightbulb-o:before{ + content:"\f0eb"; +} +.u-icon-exchange:before{ + content:"\f0ec"; +} +.u-icon-cloud-download:before{ + content:"\f0ed"; +} +.u-icon-cloud-upload:before{ + content:"\f0ee"; +} +.u-icon-user-md:before{ + content:"\f0f0"; +} +.u-icon-stethoscope:before{ + content:"\f0f1"; +} +.u-icon-suitcase:before{ + content:"\f0f2"; +} +.u-icon-bell-o:before{ + content:"\f0a2"; +} +.u-icon-coffee:before{ + content:"\f0f4"; +} +.u-icon-cutlery:before{ + content:"\f0f5"; +} +.u-icon-file-text-o:before{ + content:"\f0f6"; +} +.u-icon-building-o:before{ + content:"\f0f7"; +} +.u-icon-hospital-o:before{ + content:"\f0f8"; +} +.u-icon-ambulance:before{ + content:"\f0f9"; +} +.u-icon-medkit:before{ + content:"\f0fa"; +} +.u-icon-fighter-jet:before{ + content:"\f0fb"; +} +.u-icon-beer:before{ + content:"\f0fc"; +} +.u-icon-h-square:before{ + content:"\f0fd"; +} +.u-icon-plus-square:before{ + content:"\f0fe"; +} +.u-icon-angle-double-left:before{ + content:"\f100"; +} +.u-icon-angle-double-right:before{ + content:"\f101"; +} +.u-icon-angle-double-up:before{ + content:"\f102"; +} +.u-icon-angle-double-down:before{ + content:"\f103"; +} +.u-icon-angle-left:before{ + content:"\f104"; +} +.u-icon-angle-right:before{ + content:"\f105"; +} +.u-icon-angle-up:before{ + content:"\f106"; +} +.u-icon-angle-down:before{ + content:"\f107"; +} +.u-icon-desktop:before{ + content:"\f108"; +} +.u-icon-laptop:before{ + content:"\f109"; +} +.u-icon-tablet:before{ + content:"\f10a"; +} +.u-icon-mobile-phone:before,.u-icon-mobile:before{ + content:"\f10b"; +} +.u-icon-circle-o:before{ + content:"\f10c"; +} +.u-icon-quote-left:before{ + content:"\f10d"; +} +.u-icon-quote-right:before{ + content:"\f10e"; +} +.u-icon-spinner:before{ + content:"\f110"; +} +.u-icon-circle:before{ + content:"\f111"; +} +.u-icon-mail-reply:before,.u-icon-reply:before{ + content:"\f112"; +} +.u-icon-github-alt:before{ + content:"\f113"; +} +.u-icon-folder-o:before{ + content:"\f114"; +} +.u-icon-folder-open-o:before{ + content:"\f115"; +} +.u-icon-smile-o:before{ + content:"\f118"; +} +.u-icon-frown-o:before{ + content:"\f119"; +} +.u-icon-meh-o:before{ + content:"\f11a"; +} +.u-icon-gamepad:before{ + content:"\f11b"; +} +.u-icon-keyboard-o:before{ + content:"\f11c"; +} +.u-icon-flag-o:before{ + content:"\f11d"; +} +.u-icon-flag-checkered:before{ + content:"\f11e"; +} +.u-icon-terminal:before{ + content:"\f120"; +} +.u-icon-code:before{ + content:"\f121"; +} +.u-icon-mail-reply-all:before,.u-icon-reply-all:before{ + content:"\f122"; +} +.u-icon-star-half-empty:before,.u-icon-star-half-full:before,.u-icon-star-half-o:before{ + content:"\f123"; +} +.u-icon-location-arrow:before{ + content:"\f124"; +} +.u-icon-crop:before{ + content:"\f125"; +} +.u-icon-code-fork:before{ + content:"\f126"; +} +.u-icon-unlink:before,.u-icon-chain-broken:before{ + content:"\f127"; +} +.u-icon-question:before{ + content:"\f128"; +} +.u-icon-info:before{ + content:"\f129"; +} +.u-icon-exclamation:before{ + content:"\f12a"; +} +.u-icon-superscript:before{ + content:"\f12b"; +} +.u-icon-subscript:before{ + content:"\f12c"; +} +.u-icon-eraser:before{ + content:"\f12d"; +} +.u-icon-puzzle-piece:before{ + content:"\f12e"; +} +.u-icon-microphone:before{ + content:"\f130"; +} +.u-icon-microphone-slash:before{ + content:"\f131"; +} +.u-icon-shield:before{ + content:"\f132"; +} +.u-icon-calendar-o:before{ + content:"\f133"; +} +.u-icon-fire-extinguisher:before{ + content:"\f134"; +} +.u-icon-rocket:before{ + content:"\f135"; +} +.u-icon-maxcdn:before{ + content:"\f136"; +} +.u-icon-chevron-circle-left:before{ + content:"\f137"; +} +.u-icon-chevron-circle-right:before{ + content:"\f138"; +} +.u-icon-chevron-circle-up:before{ + content:"\f139"; +} +.u-icon-chevron-circle-down:before{ + content:"\f13a"; +} +.u-icon-html5:before{ + content:"\f13b"; +} +.u-icon-css3:before{ + content:"\f13c"; +} +.u-icon-anchor:before{ + content:"\f13d"; +} +.u-icon-unlock-alt:before{ + content:"\f13e"; +} +.u-icon-bullseye:before{ + content:"\f140"; +} +.u-icon-ellipsis-h:before{ + content:"\f141"; +} +.u-icon-ellipsis-v:before{ + content:"\f142"; +} +.u-icon-rss-square:before{ + content:"\f143"; +} +.u-icon-play-circle:before{ + content:"\f144"; +} +.u-icon-ticket:before{ + content:"\f145"; +} +.u-icon-minus-square:before{ + content:"\f146"; +} +.u-icon-minus-square-o:before{ + content:"\f147"; +} +.u-icon-level-up:before{ + content:"\f148"; +} +.u-icon-level-down:before{ + content:"\f149"; +} +.u-icon-check-square:before{ + content:"\f14a"; +} +.u-icon-pencil-square:before{ + content:"\f14b"; +} +.u-icon-external-link-square:before{ + content:"\f14c"; +} +.u-icon-share-square:before{ + content:"\f14d"; +} +.u-icon-compass:before{ + content:"\f14e"; +} +.u-icon-toggle-down:before,.u-icon-caret-square-o-down:before{ + content:"\f150"; +} +.u-icon-toggle-up:before,.u-icon-caret-square-o-up:before{ + content:"\f151"; +} +.u-icon-toggle-right:before,.u-icon-caret-square-o-right:before{ + content:"\f152"; +} +.u-icon-euro:before,.u-icon-eur:before{ + content:"\f153"; +} +.u-icon-gbp:before{ + content:"\f154"; +} +.u-icon-dollar:before,.u-icon-usd:before{ + content:"\f155"; +} +.u-icon-rupee:before,.u-icon-inr:before{ + content:"\f156"; +} +.u-icon-cny:before,.u-icon-rmb:before,.u-icon-yen:before,.u-icon-jpy:before{ + content:"\f157"; +} +.u-icon-ruble:before,.u-icon-rouble:before,.u-icon-rub:before{ + content:"\f158"; +} +.u-icon-won:before,.u-icon-krw:before{ + content:"\f159"; +} +.u-icon-bitcoin:before,.u-icon-btc:before{ + content:"\f15a"; +} +.u-icon-file:before{ + content:"\f15b"; +} +.u-icon-file-text:before{ + content:"\f15c"; +} +.u-icon-sort-alpha-asc:before{ + content:"\f15d"; +} +.u-icon-sort-alpha-desc:before{ + content:"\f15e"; +} +.u-icon-sort-amount-asc:before{ + content:"\f160"; +} +.u-icon-sort-amount-desc:before{ + content:"\f161"; +} +.u-icon-sort-numeric-asc:before{ + content:"\f162"; +} +.u-icon-sort-numeric-desc:before{ + content:"\f163"; +} +.u-icon-thumbs-up:before{ + content:"\f164"; +} +.u-icon-thumbs-down:before{ + content:"\f165"; +} +.u-icon-youtube-square:before{ + content:"\f166"; +} +.u-icon-youtube:before{ + content:"\f167"; +} +.u-icon-xing:before{ + content:"\f168"; +} +.u-icon-xing-square:before{ + content:"\f169"; +} +.u-icon-youtube-play:before{ + content:"\f16a"; +} +.u-icon-dropbox:before{ + content:"\f16b"; +} +.u-icon-stack-overflow:before{ + content:"\f16c"; +} +.u-icon-instagram:before{ + content:"\f16d"; +} +.u-icon-flickr:before{ + content:"\f16e"; +} +.u-icon-adn:before{ + content:"\f170"; +} +.u-icon-bitbucket:before{ + content:"\f171"; +} +.u-icon-bitbucket-square:before{ + content:"\f172"; +} +.u-icon-tumblr:before{ + content:"\f173"; +} +.u-icon-tumblr-square:before{ + content:"\f174"; +} +.u-icon-long-arrow-down:before{ + content:"\f175"; +} +.u-icon-long-arrow-up:before{ + content:"\f176"; +} +.u-icon-long-arrow-left:before{ + content:"\f177"; +} +.u-icon-long-arrow-right:before{ + content:"\f178"; +} +.u-icon-apple:before{ + content:"\f179"; +} +.u-icon-windows:before{ + content:"\f17a"; +} +.u-icon-android:before{ + content:"\f17b"; +} +.u-icon-linux:before{ + content:"\f17c"; +} +.u-icon-dribbble:before{ + content:"\f17d"; +} +.u-icon-skype:before{ + content:"\f17e"; +} +.u-icon-foursquare:before{ + content:"\f180"; +} +.u-icon-trello:before{ + content:"\f181"; +} +.u-icon-female:before{ + content:"\f182"; +} +.u-icon-male:before{ + content:"\f183"; +} +.u-icon-gittip:before,.u-icon-gratipay:before{ + content:"\f184"; +} +.u-icon-sun-o:before{ + content:"\f185"; +} +.u-icon-moon-o:before{ + content:"\f186"; +} +.u-icon-archive:before{ + content:"\f187"; +} +.u-icon-bug:before{ + content:"\f188"; +} +.u-icon-vk:before{ + content:"\f189"; +} +.u-icon-weibo:before{ + content:"\f18a"; +} +.u-icon-renren:before{ + content:"\f18b"; +} +.u-icon-pagelines:before{ + content:"\f18c"; +} +.u-icon-stack-exchange:before{ + content:"\f18d"; +} +.u-icon-arrow-circle-o-right:before{ + content:"\f18e"; +} +.u-icon-arrow-circle-o-left:before{ + content:"\f190"; +} +.u-icon-toggle-left:before,.u-icon-caret-square-o-left:before{ + content:"\f191"; +} +.u-icon-dot-circle-o:before{ + content:"\f192"; +} +.u-icon-wheelchair:before{ + content:"\f193"; +} +.u-icon-vimeo-square:before{ + content:"\f194"; +} +.u-icon-turkish-lira:before,.u-icon-try:before{ + content:"\f195"; +} +.u-icon-plus-square-o:before{ + content:"\f196"; +} +.u-icon-space-shuttle:before{ + content:"\f197"; +} +.u-icon-slack:before{ + content:"\f198"; +} +.u-icon-envelope-square:before{ + content:"\f199"; +} +.u-icon-wordpress:before{ + content:"\f19a"; +} +.u-icon-openid:before{ + content:"\f19b"; +} +.u-icon-institution:before,.u-icon-bank:before,.u-icon-university:before{ + content:"\f19c"; +} +.u-icon-mortar-board:before,.u-icon-graduation-cap:before{ + content:"\f19d"; +} +.u-icon-yahoo:before{ + content:"\f19e"; +} +.u-icon-google:before{ + content:"\f1a0"; +} +.u-icon-reddit:before{ + content:"\f1a1"; +} +.u-icon-reddit-square:before{ + content:"\f1a2"; +} +.u-icon-stumbleupon-circle:before{ + content:"\f1a3"; +} +.u-icon-stumbleupon:before{ + content:"\f1a4"; +} +.u-icon-delicious:before{ + content:"\f1a5"; +} +.u-icon-digg:before{ + content:"\f1a6"; +} +.u-icon-pied-piper:before{ + content:"\f1a7"; +} +.u-icon-pied-piper-alt:before{ + content:"\f1a8"; +} +.u-icon-drupal:before{ + content:"\f1a9"; +} +.u-icon-joomla:before{ + content:"\f1aa"; +} +.u-icon-language:before{ + content:"\f1ab"; +} +.u-icon-fax:before{ + content:"\f1ac"; +} +.u-icon-building:before{ + content:"\f1ad"; +} +.u-icon-child:before{ + content:"\f1ae"; +} +.u-icon-paw:before{ + content:"\f1b0"; +} +.u-icon-spoon:before{ + content:"\f1b1"; +} +.u-icon-cube:before{ + content:"\f1b2"; +} +.u-icon-cubes:before{ + content:"\f1b3"; +} +.u-icon-behance:before{ + content:"\f1b4"; +} +.u-icon-behance-square:before{ + content:"\f1b5"; +} +.u-icon-steam:before{ + content:"\f1b6"; +} +.u-icon-steam-square:before{ + content:"\f1b7"; +} +.u-icon-recycle:before{ + content:"\f1b8"; +} +.u-icon-automobile:before,.u-icon-car:before{ + content:"\f1b9"; +} +.u-icon-cab:before,.u-icon-taxi:before{ + content:"\f1ba"; +} +.u-icon-tree:before{ + content:"\f1bb"; +} +.u-icon-spotify:before{ + content:"\f1bc"; +} +.u-icon-deviantart:before{ + content:"\f1bd"; +} +.u-icon-soundcloud:before{ + content:"\f1be"; +} +.u-icon-database:before{ + content:"\f1c0"; +} +.u-icon-file-pdf-o:before{ + content:"\f1c1"; +} +.u-icon-file-word-o:before{ + content:"\f1c2"; +} +.u-icon-file-excel-o:before{ + content:"\f1c3"; +} +.u-icon-file-powerpoint-o:before{ + content:"\f1c4"; +} +.u-icon-file-photo-o:before,.u-icon-file-picture-o:before,.u-icon-file-image-o:before{ + content:"\f1c5"; +} +.u-icon-file-zip-o:before,.u-icon-file-archive-o:before{ + content:"\f1c6"; +} +.u-icon-file-sound-o:before,.u-icon-file-audio-o:before{ + content:"\f1c7"; +} +.u-icon-file-movie-o:before,.u-icon-file-video-o:before{ + content:"\f1c8"; +} +.u-icon-file-code-o:before{ + content:"\f1c9"; +} +.u-icon-vine:before{ + content:"\f1ca"; +} +.u-icon-codepen:before{ + content:"\f1cb"; +} +.u-icon-jsfiddle:before{ + content:"\f1cc"; +} +.u-icon-life-bouy:before,.u-icon-life-buoy:before,.u-icon-life-saver:before,.u-icon-support:before,.u-icon-life-ring:before{ + content:"\f1cd"; +} +.u-icon-circle-o-notch:before{ + content:"\f1ce"; +} +.u-icon-ra:before,.u-icon-rebel:before{ + content:"\f1d0"; +} +.u-icon-ge:before,.u-icon-empire:before{ + content:"\f1d1"; +} +.u-icon-git-square:before{ + content:"\f1d2"; +} +.u-icon-git:before{ + content:"\f1d3"; +} +.u-icon-y-combinator-square:before,.u-icon-yc-square:before,.u-icon-hacker-news:before{ + content:"\f1d4"; +} +.u-icon-tencent-weibo:before{ + content:"\f1d5"; +} +.u-icon-qq:before{ + content:"\f1d6"; +} +.u-icon-wechat:before,.u-icon-weixin:before{ + content:"\f1d7"; +} +.u-icon-send:before,.u-icon-paper-plane:before{ + content:"\f1d8"; +} +.u-icon-send-o:before,.u-icon-paper-plane-o:before{ + content:"\f1d9"; +} +.u-icon-history:before{ + content:"\f1da"; +} +.u-icon-circle-thin:before{ + content:"\f1db"; +} +.u-icon-header:before{ + content:"\f1dc"; +} +.u-icon-paragraph:before{ + content:"\f1dd"; +} +.u-icon-sliders:before{ + content:"\f1de"; +} +.u-icon-share-alt:before{ + content:"\f1e0"; +} +.u-icon-share-alt-square:before{ + content:"\f1e1"; +} +.u-icon-bomb:before{ + content:"\f1e2"; +} +.u-icon-soccer-ball-o:before,.u-icon-futbol-o:before{ + content:"\f1e3"; +} +.u-icon-tty:before{ + content:"\f1e4"; +} +.u-icon-binoculars:before{ + content:"\f1e5"; +} +.u-icon-plug:before{ + content:"\f1e6"; +} +.u-icon-slideshare:before{ + content:"\f1e7"; +} +.u-icon-twitch:before{ + content:"\f1e8"; +} +.u-icon-yelp:before{ + content:"\f1e9"; +} +.u-icon-newspaper-o:before{ + content:"\f1ea"; +} +.u-icon-wifi:before{ + content:"\f1eb"; +} +.u-icon-calculator:before{ + content:"\f1ec"; +} +.u-icon-paypal:before{ + content:"\f1ed"; +} +.u-icon-google-wallet:before{ + content:"\f1ee"; +} +.u-icon-cc-visa:before{ + content:"\f1f0"; +} +.u-icon-cc-mastercard:before{ + content:"\f1f1"; +} +.u-icon-cc-discover:before{ + content:"\f1f2"; +} +.u-icon-cc-amex:before{ + content:"\f1f3"; +} +.u-icon-cc-paypal:before{ + content:"\f1f4"; +} +.u-icon-cc-stripe:before{ + content:"\f1f5"; +} +.u-icon-bell-slash:before{ + content:"\f1f6"; +} +.u-icon-bell-slash-o:before{ + content:"\f1f7"; +} +.u-icon-trash:before{ + content:"\f1f8"; +} +.u-icon-copyright:before{ + content:"\f1f9"; +} +.u-icon-at:before{ + content:"\f1fa"; +} +.u-icon-eyedropper:before{ + content:"\f1fb"; +} +.u-icon-paint-brush:before{ + content:"\f1fc"; +} +.u-icon-birthday-cake:before{ + content:"\f1fd"; +} +.u-icon-area-chart:before{ + content:"\f1fe"; +} +.u-icon-pie-chart:before{ + content:"\f200"; +} +.u-icon-line-chart:before{ + content:"\f201"; +} +.u-icon-lastfm:before{ + content:"\f202"; +} +.u-icon-lastfm-square:before{ + content:"\f203"; +} +.u-icon-toggle-off:before{ + content:"\f204"; +} +.u-icon-toggle-on:before{ + content:"\f205"; +} +.u-icon-bicycle:before{ + content:"\f206"; +} +.u-icon-bus:before{ + content:"\f207"; +} +.u-icon-ioxhost:before{ + content:"\f208"; +} +.u-icon-angellist:before{ + content:"\f209"; +} +.u-icon-cc:before{ + content:"\f20a"; +} +.u-icon-shekel:before,.u-icon-sheqel:before,.u-icon-ils:before{ + content:"\f20b"; +} +.u-icon-meanpath:before{ + content:"\f20c"; +} +.u-icon-buysellads:before{ + content:"\f20d"; +} +.u-icon-connectdevelop:before{ + content:"\f20e"; +} +.u-icon-dashcube:before{ + content:"\f210"; +} +.u-icon-forumbee:before{ + content:"\f211"; +} +.u-icon-leanpub:before{ + content:"\f212"; +} +.u-icon-sellsy:before{ + content:"\f213"; +} +.u-icon-shirtsinbulk:before{ + content:"\f214"; +} +.u-icon-simplybuilt:before{ + content:"\f215"; +} +.u-icon-skyatlas:before{ + content:"\f216"; +} +.u-icon-cart-plus:before{ + content:"\f217"; +} +.u-icon-cart-arrow-down:before{ + content:"\f218"; +} +.u-icon-diamond:before{ + content:"\f219"; +} +.u-icon-ship:before{ + content:"\f21a"; +} +.u-icon-user-secret:before{ + content:"\f21b"; +} +.u-icon-motorcycle:before{ + content:"\f21c"; +} +.u-icon-street-view:before{ + content:"\f21d"; +} +.u-icon-heartbeat:before{ + content:"\f21e"; +} +.u-icon-venus:before{ + content:"\f221"; +} +.u-icon-mars:before{ + content:"\f222"; +} +.u-icon-mercury:before{ + content:"\f223"; +} +.u-icon-intersex:before,.u-icon-transgender:before{ + content:"\f224"; +} +.u-icon-transgender-alt:before{ + content:"\f225"; +} +.u-icon-venus-double:before{ + content:"\f226"; +} +.u-icon-mars-double:before{ + content:"\f227"; +} +.u-icon-venus-mars:before{ + content:"\f228"; +} +.u-icon-mars-stroke:before{ + content:"\f229"; +} +.u-icon-mars-stroke-v:before{ + content:"\f22a"; +} +.u-icon-mars-stroke-h:before{ + content:"\f22b"; +} +.u-icon-neuter:before{ + content:"\f22c"; +} +.u-icon-genderless:before{ + content:"\f22d"; +} +.u-icon-facebook-official:before{ + content:"\f230"; +} +.u-icon-pinterest-p:before{ + content:"\f231"; +} +.u-icon-whatsapp:before{ + content:"\f232"; +} +.u-icon-server:before{ + content:"\f233"; +} +.u-icon-user-plus:before{ + content:"\f234"; +} +.u-icon-user-times:before{ + content:"\f235"; +} +.u-icon-hotel:before,.u-icon-bed:before{ + content:"\f236"; +} +.u-icon-viacoin:before{ + content:"\f237"; +} +.u-icon-train:before{ + content:"\f238"; +} +.u-icon-subway:before{ + content:"\f239"; +} +.u-icon-medium:before{ + content:"\f23a"; +} +.u-icon-yc:before,.u-icon-y-combinator:before{ + content:"\f23b"; +} +.u-icon-optin-monster:before{ + content:"\f23c"; +} +.u-icon-opencart:before{ + content:"\f23d"; +} +.u-icon-expeditedssl:before{ + content:"\f23e"; +} +.u-icon-battery-4:before,.u-icon-battery-full:before{ + content:"\f240"; +} +.u-icon-battery-3:before,.u-icon-battery-three-quarters:before{ + content:"\f241"; +} +.u-icon-battery-2:before,.u-icon-battery-half:before{ + content:"\f242"; +} +.u-icon-battery-1:before,.u-icon-battery-quarter:before{ + content:"\f243"; +} +.u-icon-battery-0:before,.u-icon-battery-empty:before{ + content:"\f244"; +} +.u-icon-mouse-pointer:before{ + content:"\f245"; +} +.u-icon-i-cursor:before{ + content:"\f246"; +} +.u-icon-object-group:before{ + content:"\f247"; +} +.u-icon-object-ungroup:before{ + content:"\f248"; +} +.u-icon-sticky-note:before{ + content:"\f249"; +} +.u-icon-sticky-note-o:before{ + content:"\f24a"; +} +.u-icon-cc-jcb:before{ + content:"\f24b"; +} +.u-icon-cc-diners-club:before{ + content:"\f24c"; +} +.u-icon-clone:before{ + content:"\f24d"; +} +.u-icon-balance-scale:before{ + content:"\f24e"; +} +.u-icon-hourglass-o:before{ + content:"\f250"; +} +.u-icon-hourglass-1:before,.u-icon-hourglass-start:before{ + content:"\f251"; +} +.u-icon-hourglass-2:before,.u-icon-hourglass-half:before{ + content:"\f252"; +} +.u-icon-hourglass-3:before,.u-icon-hourglass-end:before{ + content:"\f253"; +} +.u-icon-hourglass:before{ + content:"\f254"; +} +.u-icon-hand-grab-o:before,.u-icon-hand-rock-o:before{ + content:"\f255"; +} +.u-icon-hand-stop-o:before,.u-icon-hand-paper-o:before{ + content:"\f256"; +} +.u-icon-hand-scissors-o:before{ + content:"\f257"; +} +.u-icon-hand-lizard-o:before{ + content:"\f258"; +} +.u-icon-hand-spock-o:before{ + content:"\f259"; +} +.u-icon-hand-pointer-o:before{ + content:"\f25a"; +} +.u-icon-hand-peace-o:before{ + content:"\f25b"; +} +.u-icon-trademark:before{ + content:"\f25c"; +} +.u-icon-registered:before{ + content:"\f25d"; +} +.u-icon-creative-commons:before{ + content:"\f25e"; +} +.u-icon-gg:before{ + content:"\f260"; +} +.u-icon-gg-circle:before{ + content:"\f261"; +} +.u-icon-tripadvisor:before{ + content:"\f262"; +} +.u-icon-odnoklassniki:before{ + content:"\f263"; +} +.u-icon-odnoklassniki-square:before{ + content:"\f264"; +} +.u-icon-get-pocket:before{ + content:"\f265"; +} +.u-icon-wikipedia-w:before{ + content:"\f266"; +} +.u-icon-safari:before{ + content:"\f267"; +} +.u-icon-chrome:before{ + content:"\f268"; +} +.u-icon-firefox:before{ + content:"\f269"; +} +.u-icon-opera:before{ + content:"\f26a"; +} +.u-icon-internet-explorer:before{ + content:"\f26b"; +} +.u-icon-tv:before,.u-icon-television:before{ + content:"\f26c"; +} +.u-icon-contao:before{ + content:"\f26d"; +} +.u-icon-500px:before{ + content:"\f26e"; +} +.u-icon-amazon:before{ + content:"\f270"; +} +.u-icon-calendar-plus-o:before{ + content:"\f271"; +} +.u-icon-calendar-minus-o:before{ + content:"\f272"; +} +.u-icon-calendar-times-o:before{ + content:"\f273"; +} +.u-icon-calendar-check-o:before{ + content:"\f274"; +} +.u-icon-industry:before{ + content:"\f275"; +} +.u-icon-map-pin:before{ + content:"\f276"; +} +.u-icon-map-signs:before{ + content:"\f277"; +} +.u-icon-map-o:before{ + content:"\f278"; +} +.u-icon-map:before{ + content:"\f279"; +} +.u-icon-commenting:before{ + content:"\f27a"; +} +.u-icon-commenting-o:before{ + content:"\f27b"; +} +.u-icon-houzz:before{ + content:"\f27c"; +} +.u-icon-vimeo:before{ + content:"\f27d"; +} +.u-icon-black-tie:before{ + content:"\f27e"; +} +.u-icon-fonticons:before{ + content:"\f280"; +} +.u-icon-rotate_left:before{ + content:"\e900"; +} +.u-icon-import:before{ + content:"\e901"; +} +.u-icon-export:before{ + content:"\e902"; +} +.u-icon-zoomin:before{ + content:"\e903"; +} +.u-icon-expand:before{ + content:"\e904"; +} +.u-icon-delete:before{ + content:"\e905"; +} +.u-icon-zoomout:before{ + content:"\e906"; +} +.u-icon-rezoom:before{ + content:"\e907"; +} +.u-icon-rotate_right:before{ + content:"\e908"; +} +.u-icon-retry:before{ + content:"\e909"; +} +.u-icon-warning:before{ + content:"\e90a"; +} +.u-icon-edit:before{ + content:"\e90b"; +} +.u-icon-info:before{ + content:"\e90c"; +} +.u-icon-error:before{ + content:"\e90d"; +} +.u-icon-success:before{ + content:"\e90e"; +} +.u-icon-chevron_left:before{ + content:"\e90f"; +} +.u-icon-chevron_right:before{ + content:"\e910"; +} +.u-icon-search:before{ + content:"\e911"; +} +.u-icon-close:before{ + content:"\e912"; +} +.u-icon-ok:before{ + content:"\e913"; +} +.u-icon-check_empty:before{ + content:"\e914"; +} +.u-icon-angle_down:before{ + content:"\e915"; +} +.u-icon-add:before{ + content:"\e916"; +} +.u-icon-success2:before{ + content:"\e917"; +} +.u-icon-error2:before{ + content:"\e918"; +} +.u-icon-warning2:before{ + content:"\e919"; +} +.u-icon-info2:before{ + content:"\e91a"; +} +.u-icon-calendar:before{ + content:"\e91b"; +} +.u-icon-line:before{ + content:"\e91c"; +} +.u-icon-upload:before{ + content:"\e91d"; +} +.u-icon-download:before{ + content:"\e91e"; +} +.u-icon-trash:before{ + content:"\e91f"; +} +.u-icon-plus:before{ + content:"\e920"; +} +.u-icon-home2:before{ + content:"\e921"; +} +.input,.textarea{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin:0; + border:0; + padding:0; + border-radius:0; + font:inherit; + color:inherit; + -webkit-appearance:none; + max-width:100%; +} +.u-select{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin:0; + border:0; + padding:0; + border-radius:0; + font:inherit; + color:inherit; + -webkit-appearance:none; + max-width:100%; + color:#333; + background:#fff; + -moz-border-radius:2px; + border-radius:2px; +} +.u-select::-webkit-input-placeholder{ + color:#999; + filter:alpha(opacity = 100); + opacity:1; +} +.u-select::-moz-placeholder{ + color:#999; + filter:alpha(opacity = 100); + opacity:1; +} +.u-select:-moz-placeholder{ + color:#999; + filter:alpha(opacity = 100); + opacity:1; +} +.u-select:-ms-placeholder{ + color:#999; + filter:alpha(opacity = 100); + opacity:1; +} +.u-select:focus{ + outline:0; + background:#fff; + color:#333; + border:1px solid #d30030; +} +.u-select:disabled{ + cursor:not-allowed; + background:#eee; + color:#999; + border:1px solid #ddd; +} +.u-select{ + text-transform:none; +} +.u-select optgroup{ + font:inherit; + font-weight:bold; +} +.textarea{ + width:100%; + height:120px; +} +input.u-check,input.u-radio{ + cursor:pointer; + vertical-align:middle; +} +input.u-check:focus,input.u-radio:focus{ + outline:0; +} +input.u-check:disabled,input.u-radio:disabled{ + cursor:not-allowed; +} +.u-select-block,.textarea-block{ + display:block; + width:100%; +} +.u-input .input,.u-select,.u-textarea,.textarea{ + transition:border-color 1s ease; +} +.u-input.sm,.u-dropdown.sm,.textarea.sm{ + padding:5px 10px; + height:24px; + font-size:12px; +} +.u-input.lg,.u-dropdown.lg,.textarea.lg{ + padding:10px 16px; + height:38px; + font-size:16px; +} +.u-dropdown-smw,.u-select-smw,.textarea-smw{ + display:inline-block; + width:80px; +} +.u-dropdown-mdw,.u-select-mdw,.textarea-mdw{ + display:inline-block; + width:160px; +} +.u-dropdown-lgw,.u-select-lgw,.textarea-lgw{ + display:inline-block; + width:300px; +} +.u-input .input-success,.u-select.u-select-success,.u-textarea .textarea-success{ + color:#6794d1; + border-color:#6794d1; +} +.u-input .input-warning,.u-select.u-select-warning,.u-textarea .textarea-warning{ + color:#fcd800; + border-color:#fcd800; +} +.u-input .input-error,.u-select.u-select-error,.u-textarea .textarea-error{ + color:#f48080; + border-color:#f48080; +} +.u-input.u-input-blank,.u-select.u-select-blank,.textarea.textarea-blank{ + border-color:transparent; + border-style:dashed; + background:none; +} +.u-input.u-input-blank:focus,.u-select.u-select-blank:focus,.textarea.textarea-blank:focus{ + border-color:#ddd; +} +.u-unitgroup{ + font-size:0; + line-height:initial; +} +.u-unitgroup .u-btn{ + margin-right:16px; +} +.u-unitgroup .u-btn:last-child{ + margin-right:0; +} +.u-unitgroup .u-check,.u-unitgroup .u-radio{ + margin-right:40px; +} +.u-unitgroup .u-check:last-child,.u-unitgroup .u-radio:last-child{ + margin-right:0; +} +.u-unitgroup .u-tip{ + margin-top:0; +} +.u-unitgroup .unitgroup_wrap{ + display:flex; + align-items:center; + flex-wrap:wrap; +} +.u-unitgroup-sm{ + font-size:0; +} +.u-unitgroup-sm .u-btn{ + margin-right:8px; +} +.u-unitgroup-sm .u-btn:last-child{ + margin-right:0; +} +.u-unitgroup-sm .u-check,.u-unitgroup-sm .u-radio{ + margin-right:16px; + line-height:24px; +} +.u-unitgroup-sm .u-check:last-child,.u-unitgroup-sm .u-radio:last-child{ + margin-right:0; +} +.u-tip{ + display:inline-block; + margin-top:5px; + font-size:12px; + padding:0; + -moz-border-radius:2px; + border-radius:2px; +} +.u-tip .u-icon{ + vertical-align:top; + margin-right:6px; + font-size:15px; + line-height:18px; +} +.u-tip .tip{ + vertical-align:top; + display:inline-block; + line-height:18px; +} +.u-tip .tip.animated{ + animation-duration:0.8s; + animation-timing-function:ease; +} +.u-tip-info{ + color:#479ca2; +} +.u-tip-success{ + color:#6794d1; +} +.u-tip-warning{ + color:#fcd800; +} +.u-tip-error{ + color:#d30030; +} +.m-collapse{ + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; +} +.m-collapse .m-panel .panel_hd{ + cursor:pointer; +} +.u-gotop{ + position:fixed; + display:block; + text-align:center; + z-index:1050; + top:30px; + left:30px; +} +.u-gotop-topright,.u-gotop-bottomright{ + left:auto; + right:30px; +} +.u-gotop-topcenter,.u-gotop-bottomcenter{ + left:50%; + margin-left:-25px; +} +.u-gotop-bottomleft,.u-gotop-bottomright,.u-gotop-bottomcenter{ + top:auto; + bottom:30px; +} +.u-gotop-static{ + position:static; +} +.u-gotop{ + height:50px; + width:50px; + line-height:50px; + font-size:32px; + background:#eee; + color:#444; + filter:alpha(opacity = 60); + opacity:0.6; +} +.u-gotop:hover{ + filter:alpha(opacity = 90); + opacity:0.9; +} +.m-mask{ + position:fixed; + top:0; + right:0; + bottom:0; + left:0; + z-index:1000; + overflow-y:auto; + -webkit-overflow-scrolling:touch; + touch-action:cross-slide-y pinch-zoom double-tap-zoom; + text-align:center; + overflow:hidden; + background:rgba(0,0,0,0.85); + color:#fff; +} +.m-panel{ + background:#fff; +} +.m-panel .panel_hd,.m-panel .panel_ft{ + background:#6f8cb0; + padding:8px 10px; +} +.m-panel .panel_hd{ + display:flex; + justify-content:space-between; + align-items:center; + color:#f4f4f4; + border-bottom:1px solid #e31436; +} +.m-panel .panel_hd .tools{ + margin-left:auto; +} +.m-panel .panel_hd .u-btn{ + font-size:16px; + background:#6f8cb0; + border:1px solid #6f8cb0; +} +.m-panel .panel_hd .u-btn .u-icon{ + color:#f4f4f4; + background:#6f8cb0; + border:1px solid #6f8cb0; +} +.m-panel .panel_hd .u-btn:hover{ + border:1px solid #6f8cb0; +} +.m-panel .panel_ft{ + padding:5px 10px; +} +.m-panel .panel_bd{ + padding:20px 5px; + border:1px solid #efefef; + border-top:0; +} +.m-panel .panel_tt{ + font-size:14px; + font-weight:bold; +} +.u-selectgroup{ + vertical-align:top; +} +.u-selectgroup-error .u-select .dropdown_hd{ + border-color:#d73925; +} +.u-suggest .m-listview{ + overflow-x:hidden; + overflow-y:auto; +} +.u-suggest .m-treeview{ + overflow:auto; +} +.u-suggest .m-listview,.u-suggest .m-treeview{ + max-height:200px; +} +.u-group{ + position:relative; + display:table; + border-collapse:separate; + border-spacing:0; + width:100%; +} +.u-group >*{ + display:inline-block; + border-radius:0 !important; + border-right-width:0 !important; + vertical-align:middle; +} +.u-group *{ + border-radius:0px; +} +.u-group .g-col{ + margin:0; + padding:0; +} +.u-group >*:first-child>*{ + border-top-left-radius:4px !important; + border-bottom-left-radius:4px !important; + border-top-right-radius:0 !important; + border-bottom-right-radius:0 !important; + border-left-width:1px !important; + border-right-width:0px !important; +} +.u-group >*:last-child>*{ + border-top-right-radius:4px !important; + border-bottom-right-radius:4px !important; + border-top-left-radius:0 !important; + border-bottom-left-radius:0 !important; + border-right-width:1px !important; +} +.u-uploader{ + display:inline-block; +} +.u-uploader form,.u-uploader iframe{ + display:none; +} +.u-uploader{ + position:relative\0; + overflow:hidden\0; +} +.u-uploader form{ + display:block\0; +} +.u-uploader input[type="file"]{ + position:absolute\0; + top:0; + right:-5px; + font-size:100px; + filter:alpha(opacity = 0); + opacity:0; + cursor:pointer; +} +.u-dropdown{ + position:relative; + vertical-align:top; +} +.u-dropdown .dropdown_bd{ + position:absolute; + z-index:10; + width:100%; + top:100%; + line-height:normal; +} +.u-dropdown .dropdown_bd .m-listview >li>a{ + display:block; +} +.u-dropdown .dropdown_bd .u-check,.u-dropdown .dropdown_bd .check_box{ + margin-bottom:0; +} +.dropdown_hd.z-dis{ + background:#eee; + color:#999; + border:1px solid #d2d6de; + cursor:not-allowed; +} +.m-listview{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; +} +.m-listview >li{ + cursor:pointer; + position:relative; +} +.m-listview >li.z-dis{ + cursor:not-allowed; + background:none; +} +.m-listview.z-dis >li{ + cursor:not-allowed; + background:none; +} +.m-listview{ + padding:5px 0; + background:#fff; + color:#333; + border:1px solid #eee; + border-top:none; +} +.m-listview >li{ + font-size:12px; + color:#333; + padding:7px 9px 7px 9px; + margin:6px 0; + line-height:18px; +} +.m-listview >li:hover{ + background:#f1f1f1; + color:#444; +} +.m-listview >li.z-sel{ + background:#4690ee; + color:#fff; +} +.m-listview >li.z-dis{ + background:none; + color:#999; +} +.m-listview >li.z-divider{ + margin:9px 0; + padding:0; + height:1px; + background:#e5e5e5; + overflow:hidden; +} +.m-listview.z-dis{ + background:#eee; +} +.m-listview.z-dis >li{ + background:#eee; + color:#999; +} +.u-btn{ + -webkit-appearance:none; + margin:0; + overflow:visible; + font:inherit; + text-transform:none; + text-decoration:none; + cursor:pointer; + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + background:none; + display:inline-block; + vertical-align:top; + text-align:center; + height:32px; + min-width:80px; + padding:0 16px; + background:#fff; + border:1px solid #ddd; + -moz-border-radius:2px; + border-radius:2px; + line-height:30px; + font-size:12px; + color:#333; + -webkit-transition-duration:0.1s; + -moz-transition-duration:0.1s; + transition-duration:0.1s; + -webkit-transition-property:-webkit-transform; + -moz-transition-property:-moz-transform; + transition-property:transform; + -webkit-transition-timing-function:ease; + -moz-transition-timing-function:ease; + transition-timing-function:ease; + white-space:nowrap; +} +.u-btn:hover,.u-btn:focus{ + outline:none; + text-decoration:none; + background:#fff; + border-color:#bbb; +} +.u-btn:active,.u-btn.z-act{ + background:#fff; +} +.u-btn:disabled,.u-btn.z-dis{ + cursor:not-allowed; + filter:alpha(opacity = 50); + opacity:0.5; + -webkit-box-shadow:none; + box-shadow:none; +} +.u-btn-clicked{ + transform:translateY(2px); +} +.u-btn-block{ + display:block; + width:100%; +} +.u-btn .u-icon{ + vertical-align:bottom; + color:#999; + margin-right:4px; + font-size:15px; +} +.u-btn-xs{ + padding:0 5px; + line-height:30px; + font-size:10px; +} +.u-btn-xs .u-icon{ + font-size:10px; +} +.u-btn-sm{ + padding:0 8px; + line-height:30px; + min-width:56px; + height:24px; + line-height:22px; + font-size:12px; +} +.u-btn-sm .u-icon{ + font-size:12px; +} +.u-btn-lg{ + padding:0 16px; + line-height:30px; + font-size:16px; +} +.u-btn-lg .u-icon{ + font-size:16px; +} +.u-btn-xl{ + padding:0 20px; + line-height:30px; + font-size:18px; +} +.u-btn-xl .u-icon{ + font-size:18px; +} +.u-btn-circle.u-btn-xs{ + padding:0; + width:22px; + height:22px; + line-height:20px; + min-width:inherit; + font-size:10px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-circle.u-btn-xs .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-circle.u-btn-sm{ + padding:0; + width:24px; + height:24px; + line-height:22px; + min-width:inherit; + font-size:12px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-circle.u-btn-sm .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-circle.u-btn-normal{ + padding:0; + width:34px; + height:34px; + line-height:30px; + min-width:inherit; + font-size:12px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-circle.u-btn-normal .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-circle.u-btn-lg{ + padding:0; + width:38px; + height:38px; + line-height:36px; + min-width:inherit; + font-size:16px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-circle.u-btn-lg .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-circle.u-btn-xl{ + padding:0; + width:46px; + height:46px; + line-height:44px; + min-width:inherit; + font-size:18px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-circle.u-btn-xl .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-icon.u-btn-xs{ + padding:0; + width:22px; + height:22px; + line-height:20px; + min-width:inherit; + border:none; + font-size:10px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-icon.u-btn-xs .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-icon.u-btn-sm{ + padding:0; + width:24px; + height:24px; + line-height:22px; + min-width:inherit; + border:none; + font-size:12px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-icon.u-btn-sm .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-icon.u-btn-normal{ + padding:0; + width:34px; + height:34px; + line-height:30px; + min-width:inherit; + border:none; + font-size:12px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-icon.u-btn-normal .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-icon.u-btn-lg{ + padding:0; + width:38px; + height:38px; + line-height:36px; + min-width:inherit; + border:none; + font-size:16px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-icon.u-btn-lg .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-icon.u-btn-xl{ + padding:0; + width:46px; + height:46px; + line-height:44px; + min-width:inherit; + border:none; + font-size:18px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-icon.u-btn-xl .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-primary{ + color:#fff; + background:#4690ee; + border:1px solid #4690ee; +} +.u-btn-primary .u-icon{ + color:#fff; +} +.u-btn-primary:hover,.u-btn-primary:focus{ + color:#fff; + background:#4389e2; + border-color:#4389e2; +} +.u-btn-primary:active,.u-btn-primary.z-act{ + color:#fff; + background:#4389e2; + border-color:#4389e2; +} +.u-btn-secondary{ + color:#5dbef0; + background:#fff; + border:1px solid #5dbef0; +} +.u-btn-secondary .u-icon{ + color:#5dbef0; +} +.u-btn-secondary:hover,.u-btn-secondary:focus{ + color:#54abd8; + background:#fff; + border-color:#54abd8; +} +.u-btn-secondary:active,.u-btn-secondary.z-act{ + color:#54abd8; + background:#fff; + border-color:#54abd8; +} +.u-btn-tertiary{ + color:#333; + background:#fff; + border:1px solid #ddd; +} +.u-btn-tertiary .u-icon{ + color:#333; +} +.u-btn-tertiary:hover,.u-btn-tertiary:focus{ + color:#333; + background:#fff; + border-color:#bbb; +} +.u-btn-tertiary:active,.u-btn-tertiary.z-act{ + color:#333; + background:#fff; + border-color:#bbb; +} +.u-btn-info{ + color:#fff; + background:#479ca2; + border:1px solid #479ca2; +} +.u-btn-info .u-icon{ + color:#fff; +} +.u-btn-info:hover,.u-btn-info:focus{ + color:#fff; + background:#408c92; + border-color:#408c92; +} +.u-btn-info:active,.u-btn-info.z-act{ + color:#fff; + background:#408c92; + border-color:#408c92; +} +.u-btn-success{ + color:#fff; + background:#6794d1; + border:1px solid #6794d1; +} +.u-btn-success .u-icon{ + color:#fff; +} +.u-btn-success:hover,.u-btn-success:focus{ + color:#fff; + background:#5d85bc; + border-color:#5d85bc; +} +.u-btn-success:active,.u-btn-success.z-act{ + color:#fff; + background:#5d85bc; + border-color:#5d85bc; +} +.u-btn-warning{ + color:#fff; + background:#d30030; + border:1px solid #d30030; +} +.u-btn-warning .u-icon{ + color:#fff; +} +.u-btn-warning:hover,.u-btn-warning:focus{ + color:#fff; + background:#be002b; + border-color:#be002b; +} +.u-btn-warning:active,.u-btn-warning.z-act{ + color:#fff; + background:#be002b; + border-color:#be002b; +} +.u-btn-error{ + color:#fff; + background:#d30030; + border:1px solid #d30030; +} +.u-btn-error .u-icon{ + color:#fff; +} +.u-btn-error:hover,.u-btn-error:focus{ + color:#fff; + background:#be002b; + border-color:#be002b; +} +.u-btn-error:active,.u-btn-error.z-act{ + color:#fff; + background:#be002b; + border-color:#be002b; +} +.u-btn-success{ + padding:0 10px; + background:#fff; + color:#6794d1; + border:1px solid #a3e37e; +} +.u-btn-success .u-icon{ + font-size:15px; + vertical-align:top; + color:#9fe385; +} +.u-btn-success:hover,.u-btn-success:focus{ + color:#5d85bc; + background:#fff; + border-color:#a9e691; +} +.u-btn-warning{ + padding:0 10px; + background:#fff; + color:#f86b6b; + border:1px solid #d30030; +} +.u-btn-warning .u-icon{ + font-size:15px; + vertical-align:top; + color:#f78081; +} +.u-btn-warning:hover,.u-btn-warning:focus{ + color:#f97a7a; + background:#fff; + border-color:#f88d8e; +} +.u-btn-add{ + padding:0 10px; + background:#fff; + color:#4690ee; + border:1px solid #4690ee; +} +.u-btn-add .u-icon{ + font-size:15px; + vertical-align:top; + color:#4690ee; +} +.u-btn-add:hover,.u-btn-add:focus{ + color:#4389e2; + background:#fff; + border-color:#4389e2; +} +.u-check{ + display:inline-block; + cursor:pointer; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + white-space:nowrap; + font-size:12px; + line-height:32px; +} +.u-check .check_box{ + display:inline-block; + position:relative; + overflow:hidden; + text-align:center; + margin-right:8px; + height:13px; + width:13px; + line-height:12px; + vertical-align:text-top; + background:#fff; + color:#e61438; + border:1px solid #ddd; +} +.u-check .check_box .u-icon{ + display:none; + font-size:13px; + line-height:13px; +} +.u-check .check_box:hover{ + border:1px solid #e61438; +} +.u-check.z-chk .check_box{ + background:#e61438; + color:#fff; + border:1px solid #e61438; +} +.u-check.z-chk .check_box .u-icon{ + display:inline-block; +} +.u-check.z-part .check_box{ + background:#e61438; + color:#fff; + border:1px solid #e61438; +} +.u-check.z-part .check_box .u-icon{ + display:inline-block; +} +.u-check.z-part .check_box .u-icon:before{ + content:"\e91c"; +} +.u-check.z-dis{ + cursor:not-allowed; +} +.u-check.z-dis .check_box{ + color:#eee; + border:1px solid #eee; +} +.u-check-block{ + display:block; + width:100%; +} +.u-input.sm{ + padding:5px 10px; + height:24px; + font-size:12px; +} +.u-input.lg{ + padding:10px 16px; + height:38px; + font-size:16px; +} +.u-input.smw{ + display:inline-block; + width:80px; + vertical-align:top; +} +.u-input.mdw{ + display:inline-block; + width:160px; + vertical-align:top; +} +.u-input.lgw{ + display:inline-block; + width:300px; + vertical-align:top; +} +.u-calendar{ + text-align:center; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; +} +.u-calendar .calendar_item{ + display:inline-block; + cursor:pointer; +} +.u-calendar .calendar_item.z-dis{ + cursor:not-allowed; +} +.u-calendar .calendar_hd{ + *zoom:1; +} +.u-calendar .calendar_hd:before,.u-calendar .calendar_hd:after{ + display:table; + content:""; + line-height:0; +} +.u-calendar .calendar_hd:after{ + clear:both; +} +.u-calendar .calendar_hd .calendar_prev{ + float:left; +} +.u-calendar .calendar_hd .calendar_next{ + float:right; +} +.u-calendar .calendar_bd{ + clear:both; +} +.u-calendar .calendar_bd .calendar_week .calendar_item{ + cursor:default; +} +.u-calendar.z-dis .calendar_item{ + cursor:not-allowed; +} +.u-calendar{ + width:250px; + padding:4px; + background:#fff; + color:#333; + border:1px solid #ddd; + -moz-border-radius:4px; + border-radius:4px; +} +.u-calendar .calendar_item{ + width:32px; + height:30px; + line-height:30px; + margin:1px; + -moz-border-radius:2px; + border-radius:2px; +} +.u-calendar .calendar_item:hover{ + background:#f1f1f1; + color:#444; +} +.u-calendar .calendar_item.z-sel{ + background:#4690ee; + color:#fff; +} +.u-calendar .calendar_item.z-muted{ + color:#999; +} +.u-calendar .calendar_item.z-dis{ + background:none; + color:#999; +} +.u-calendar .calendar_hd{ + line-height:32px; +} +.u-calendar .calendar_bd .calendar_week .calendar_item{ + background:none; +} +.u-calendar.z-dis .calendar_item{ + background:#fff; + color:#999; +} +.u-calendar.z-dis .calendar_item.z-sel{ + background:#eee; + color:#999; +} +.u-datetimepicker .input-error{ + border-color:#f48080; +} +.u-datetimepicker .btns{ + margin-top:10px; +} +.u-datetimepicker .dropdown_ft{ + display:flex; + padding:4px 0 0; + margin-top:4px; + justify-content:flex-end; + border-top:1px solid #ddd; +} +.u-datetimepicker .dropdown_ft .datetimepicker_confirmBtn{ + color:#e31436; + background:#fff; + border:1px solid #e31436; +} +.u-numberinput{ + display:inline-block; + position:relative; + width:100%; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; +} +.u-numberinput .u-input{ + display:inline-block; +} +.u-numberinput .u-btn{ + position:absolute; + border:none; + right:7px; + top:2px; + min-width:0; + height:13px; + line-height:13px; + padding:0 4px; +} +.u-numberinput .u-btn + .u-btn{ + top:auto; + bottom:2px; +} +.u-numberinput .u-btn:focus,.u-numberinput .u-btn:hover{ + outline:0; + border:1px solid #adadad; +} +.u-timepicker{ + display:inline-block; +} +.u-timepicker .u-numberinput,.u-timepicker .u-input{ + width:auto; +} +.u-timepicker .u-input{ + width:56px; + padding:6px; +} +.u-timepicker .u-input{ + display:inline-block; + box-sizing:content-box; +} +.u-timepicker .u-numberinput .u-btn{ + top:8px; + margin:auto; +} +.u-timepicker .u-numberinput .u-btn + .u-btn{ + top:auto; + bottom:8px; +} +.m-form fieldset{ + border:none; + margin:0; + padding:0; +} +.m-form legend{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + width:100%; + padding:0; + border:none; +} +.m-form.inline .u-formitem{ + display:inline-block; + vertical-align:top; + margin-bottom:0; +} +.m-form.inline .u-formitem .formitem_ct{ + display:inline-block; +} +.m-form legend{ + font-size:16px; + border-bottom:1px solid #ddd; + line-height:32px; + margin:15px 0; + color:#777; +} +.m-form >.u-formitem,.m-form fieldset>.u-formitem{ + margin-bottom:16px; +} +.u-formitem{ + display:flex; + margin-bottom:10px; +} +.u-formitem .formitem_tt{ + position:relative; + float:left; + padding-right:8px; + font-size:12px; + text-align:right; + line-height:2.5; + max-width:144px; +} +.u-formitem .formitem_tt-sm{ + width:80px; +} +.u-formitem .formitem_tt-md{ + width:144px; +} +.u-formitem .formitem_tt-lg{ + width:176px; + max-width:176px; +} +.u-formitem .formitem_tt-xlg{ + width:224px; + max-width:224px; +} +.u-formitem .formitem_tt-lh-sm{ + line-height:1; +} +.u-formitem .formitem_tt-lh-md{ + line-height:1.6; +} +.u-formitem .formitem_tt-lh-lg{ + line-height:2.5; +} +.u-formitem .formitem_info{ + color:#ccc; + vertical-align:middle; +} +.u-formitem .formitem_ct{ + flex:1; + min-width:0; + font-size:12px; +} +.u-formitem .formitem_desc{ + display:inline-block; + vertical-align:top; + color:#999; +} +.u-formitem .g-col:first-child{ + padding-left:0; +} +.u-formitem .g-col:last-child{ + padding-right:0; +} +.u-formitem .formitem_rqr{ + color:#ff753f; +} +.u-formitem-inline{ + display:inline-block; + vertical-align:top; + margin-bottom:0; +} +.u-formitem-inline .formitem_ct{ + display:inline-block; +} +.u-formitem-vertical{ + flex-direction:column; +} +.u-formitem-vertical .formitem_tt{ + text-align:left !important; + width:100%; + max-width:100%; +} +.m-table .u-formitem{ + margin-bottom:0; +} +.u-input{ + display:block; + position:relative; + width:100%; +} +.u-input .input{ + padding:6px 10px 6px 8px; + color:#333; + background:#fff; + -moz-border-radius:2px; + border-radius:2px; + border:1px solid #ddd; + height:32px; + line-height:32px; + font-size:12px; + width:100%; +} +.u-input .input::-webkit-input-placeholder{ + color:#999; + font-size:12px; + filter:alpha(opacity = 100); + opacity:1; +} +.u-input .input::-moz-placeholder{ + color:#999; + font-size:12px; + filter:alpha(opacity = 100); + opacity:1; +} +.u-input .input:-moz-placeholder{ + color:#999; + font-size:12px; + filter:alpha(opacity = 100); + opacity:1; +} +.u-input .input:-ms-placeholder{ + color:#999; + font-size:12px; + filter:alpha(opacity = 100); + opacity:1; +} +.u-input .input:focus{ + outline:0; + background:#fff; + color:#333; + border:1px solid #d30030; +} +.u-input .input:disabled{ + cursor:not-allowed; + background:#eee; + color:#999; + border:1px solid #ddd; +} +.u-input .input-error{ + border-color:#f48080; +} +.u-input .input_wrap{ + position:relative; + display:block; +} +.u-input .input_unit,.u-input .input_icon{ + position:absolute; + height:24px; + line-height:24px; + right:10px; + top:0; + bottom:0; + margin:auto; + color:#666; +} +.u-input .input_icon{ + font-size:12px; +} +.u-input .input_icon:hover,.u-input .input_icon:active{ + color:#4690ee; + cursor:pointer; +} +.u-input .input_icon_clearable{ + opacity:0; +} +.u-input .input_icon_clearable:hover{ + opacity:1; +} +.u-input .input_placeholder{ + position:absolute; + left:0; + top:0; + bottom:0; + color:#999; + padding:6px 10px 6px 8px; + border-left:1px solid transparent; +} +.u-input-sm{ + height:24px; +} +.u-input-sm .input{ + height:24px; + line-height:24px; +} +.u-input-block{ + display:block; + width:100%; +} +.u-input + .u-tip{ + margin-left:5px; +} +.u-input-smw{ + display:inline-block; + width:80px; + vertical-align:top; +} +.u-input-mdw{ + display:inline-block; + width:160px; + vertical-align:top; +} +.u-input-lgw{ + display:inline-block; + width:300px; + vertical-align:top; +} +.u-multi ::-webkit-scrollbar{ + width:6px; + height:8px; + background-color:#fff; +} +.u-multi ::-webkit-scrollbar-thumb{ + border-radius:3px; + background-color:#dadada; +} +.u-multi .dropdown_hd{ + max-height:84px; + overflow-y:auto; +} +.u-multi .dropdown_hd .selected-tag{ + height:22px; + line-height:22px; +} +.u-multi .dropdown_hd .m-multi-placeholder{ + color:#999; +} +.u-multi .dropdown_hd .selectedTagMore{ + overflow:hidden; + text-overflow:ellipsis; + max-width:150px; +} +.u-multi .dropdown_hd .angle-transform{ + transform:rotate(180deg); +} +.u-multi .dropdown_hd i.angle{ + transition:transform 0.5s; + line-height:20px; + margin-top:5px; +} +.u-multi .cateWrap{ + max-width:412px; + overflow-x:auto; + white-space:nowrap; + position:absolute; + background-color:#fff; + font-size:0; +} +.u-multi .cateWrap ul,.u-multi .cateWrap li{ + list-style-type:none; +} +.u-multi .cateWrap ::-webkit-scrollbar{ + width:6px; + background-color:#fff; +} +.u-multi .cateWrap ::-webkit-scrollbar-thumb{ + border-radius:3px; + background-color:#dadada; +} +.u-multi .cateWrap ul{ + width:136px; + border-bottom:1px solid #eee; + border-left:1px solid #eee; + margin:0; + height:260px; + padding:0; + overflow-y:auto; + overflow-x:hidden; + font-size:14px; + display:inline-block; +} +.u-multi .cateWrap ul:last-child{ + border-right:1px solid #eee; +} +.u-multi .cateWrap li{ + height:32px; + overflow:hidden; + line-height:32px; + word-wrap:normal; + white-space:nowrap; + text-overflow:ellipsis; + padding-right:15px; + position:relative; +} +.u-multi .cateWrap li:hover{ + background-color:#f6f9fc; +} +.u-multi .cateWrap li .onlyChild{ + background-color:#fff; + font-size:12px; +} +.u-multi .cateWrap li .onlyChild:hover{ + background-color:#ddd; +} +.u-multi .cateWrap .u-input,.u-multi .cateWrap .input_wrap{ + height:32px; +} +.u-multi .cateWrap .u-check{ + margin-left:13px; + width:15px; +} +.u-multi .cateWrap .more{ + position:absolute; + text-align:center; + width:30px; + right:0; +} +.u-multi .cateWrap .cateName{ + padding-left:15px; +} +.u-multi .cateWrap .active{ + background-color:#f6f9fc; +} +.u-multi.z-dis .dropdown_hd{ + cursor:not-allowed; + background:#eee; + border:1px solid #ddd; + color:#999; +} +.u-radio{ + display:inline-block; + cursor:pointer; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + white-space:nowrap; + font-size:12px; + line-height:32px; +} +.u-radio .radio_box{ + display:inline-block; + position:relative; + overflow:hidden; + text-align:center; + margin-right:8px; + height:13px; + width:13px; + line-height:13px; + vertical-align:text-top; + background:#fff; + color:#4690ee; + border:1px solid #dfe3e9; + border-radius:13px; +} +.u-radio .radio_box .u-icon{ + content:""; + display:none; + position:absolute; + top:50%; + left:50%; + margin-top:-3.5px; + margin-left:-3.5px; + width:7px; + height:7px; + border-radius:7px; + background:#e61438; +} +.u-radio.z-sel .radio_box{ + border:1px solid #e61438; +} +.u-radio.z-sel .radio_box .u-icon{ + display:inline-block; +} +.u-radio.z-dis{ + cursor:not-allowed; +} +.u-radio.z-dis .radio_box{ + color:#eee; + border:1px solid #eee; +} +.u-radio-block{ + display:block; + width:100%; +} +.u-select{ + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + vertical-align:top; +} +.u-select .z-hover{ + background:#f1f1f1; +} +.u-select .dropdown_hd{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + cursor:pointer; + font-size:0; + min-height:32px; + line-height:30px; + padding:0 10px; + background:#fff; + color:#333; + border:1px solid #ddd; + -moz-border-radius:2px; + border-radius:2px; + overflow-y:auto; + position:relative; +} +.u-select .dropdown_hd .u-icon{ + float:right; + width:auto; + line-height:inherit; + position:absolute; + right:5px; +} +.u-select .dropdown_hd .u-icon-remove{ + color:#a4a5b9; +} +.u-select .dropdown_hd .m-multi-placeholder{ + color:#999; +} +.u-select .dropdown_hd .u-select-errorIcon{ + position:relative; + top:-28px; +} +.u-select .dropdown_hd .hoverShow{ + display:none; +} +.u-select .dropdown_hd:hover .hoverShow{ + display:inline-block; +} +.u-select .dropdown_hd:hover .hoverHide{ + display:none; +} +.u-select .dropdown_hd span{ + float:left; + font-size:12px; +} +.u-select .selected-tag{ + position:relative; + padding:0 20px 0 10px; + margin:4px 5px 0 0; + background-color:#f3f3f3; + -moz-border-radius:2px; + border-radius:2px; + height:20px; + line-height:20px; + float:left; + cursor:default; +} +.u-select .selected-tag .u-icon-remove{ + position:absolute; + right:5px; +} +.u-select .selected-tag:last-child{ + margin-bottom:6px; +} +.u-select .selected-tag .z-dis{ + cursor:not-allowed; +} +.u-select .selectedTagMore{ + overflow:hidden; + text-overflow:ellipsis; + max-width:150px; +} +.u-select .u-search-input{ + font-family:inherit; + line-height:20px; + vertical-align:middle; + width:calc(100% - 20px); + background-color:transparent; + font-size:12px; +} +.u-select .u-search-input:focus{ + outline:none; +} +.u-select .searchInput1{ + border-bottom:1px solid #eee; + padding:5px 0; + display:block; +} +.u-select.isMultiple .u-search-input{ + float:left; + margin-top:7px; + width:1em; +} +.u-select .dropdown_bd{ + clear:both; +} +.u-select .m-listview{ + overflow-x:hidden; + overflow-y:auto; + padding:0; + max-height:200px; +} +.u-select .m-listview .u-check{ + line-height:0; +} +.u-select .m-treeview{ + overflow:auto; + max-height:200px; +} +.u-select-error .dropdown_hd{ + border-color:#f48080; +} +.u-select .z-dis .dropdown_hd{ + cursor:not-allowed; + background:#eee; + border:1px solid #ddd; + color:#999; +} +.u-selectgroup .u-select{ + width:160px; +} +.u-selectgroup .u-dropdown{ + display:inline-block; +} +.u-select-sm{ + height:24px; + padding:0; +} +.u-select-sm .dropdown_hd{ + min-height:24px; + line-height:22px; +} +.u-select-sm .m-listview>li{ + line-height:12px; +} +.u-text.u-text_unlink{ + display:inline; + text-decoration:none; + color:initial; + cursor:default; +} +.u-text.u-text_unlink:hover{ + text-decoration:none; +} +.u-text.u-text-wb{ + font-weight:bold; +} +.u-text.u-text-xs{ + font-size:10px; + line-height:12px; +} +.u-text.u-text-sm{ + font-size:12px; + line-height:16px; +} +.u-text.u-text-lg{ + font-size:20px; + line-height:24px; +} +.u-text.u-text-xl{ + font-size:24px; + line-height:32px; +} +.u-text.u-text-left{ + text-align:left; +} +.u-text.u-text-center{ + text-align:center; +} +.u-text.u-text-right{ + text-align:right; +} +.u-text.u-text-justify{ + text-align:justify; +} +.u-text.u-text-top{ + vertical-align:top; +} +.u-text.u-text-middle{ + vertical-align:middle; +} +.u-text.u-text-bottom{ + vertical-align:bottom; +} +.u-text.u-text-primary{ + color:#4690ee; +} +.u-text.u-text-success{ + color:#6794d1; +} +.u-text.u-text-warning{ + color:#fcd800; +} +.u-text.u-text-error{ + color:#d30030; +} +.u-text.u-text-inverse{ + color:#fff; +} +.u-text.u-text-muted{ + color:#999; +} +.u-textarea{ + display:inline-block; + position:relative; + width:100%; +} +.u-textarea .textarea{ + padding:6px 10px 6px 8px; + color:#333; + background:#fff; + -moz-border-radius:2px; + border-radius:2px; + border:1px solid #eee; + font-size:12px; + width:100%; +} +.u-textarea .textarea:focus{ + outline:0; + background:#fff; + color:#333; + border:1px solid #d30030; +} +.u-textarea .textarea:disabled{ + cursor:not-allowed; + background:#eee; + color:#999; + border:1px solid #ddd; +} +.u-textarea .textarea_placeholder{ + position:absolute; + left:0; + right:0; + top:0; + bottom:0; + color:#999; + padding:6px 10px 6px 8px; + border-left:1px solid transparent; +} +.u-textarea .textarea_len{ + font-size:12px; + color:#999; +} +.m-treeview{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + overflow-x:auto; + overflow-y:visible; +} +.m-treeview .treeview_list{ + margin-left:1.6em; +} +.m-treeview .treeview_item{ + position:relative; +} +.m-treeview .treeview_item >.u-icon{ + position:absolute; + left:-1.2em; + line-height:inherit; + margin:0; + cursor:pointer; +} +.m-treeview .treeview_itemname{ + cursor:pointer; + white-space:nowrap; +} +.m-treeview .treeview_itemname.z-dis{ + cursor:not-allowed; + background:none; +} +.m-treeview.z-dis .treeview_itemname{ + cursor:not-allowed; +} +.m-treeview.z-dis .treeview_item .u-icon{ + cursor:not-allowed; +} +.m-treeview{ + padding:5px 0; + background:#fff; + color:#333; + -moz-border-radius:4px; + border-radius:4px; + border:1px solid #ddd; +} +.m-treeview .treeview_item >.u-icon{ + padding:3px 0; +} +.m-treeview .treeview_itemname{ + padding:3px 10px; + color:#777; +} +.m-treeview .treeview_itemname:hover{ + background:#f1f1f1; + color:#444; +} +.m-treeview .treeview_itemname.z-sel{ + background:#4690ee; + color:#fff; +} +.m-treeview .treeview_itemname.z-dis{ + background:none; + color:#999; +} +.m-treeview .treeview_itemname.z-divider{ + margin:9px 0; + padding:0; + height:1px; + background:#e5e5e5; + overflow:hidden; +} +.m-treeview.z-dis{ + background:#eee; +} +.m-treeview.z-dis .treeview_itemname{ + background:none; + color:#999; +} +.m-multitreeview .treeview_list{ + margin-left:3.4em; +} +.m-multitreeview .treeview_item >.u-icon{ + left:-3em; +} +.m-multitreeview .treeview_item >.u-check{ + position:absolute; + left:-1.8em; + padding:3px 0; +} +.m-file-unit{ + display:inline-block; + width:50px; + margin-bottom:10px; + vertical-align:top; + background:#fefefe; +} +.m-file-unit .m-content{ + position:relative; + width:50px; + height:50px; + border:1px solid #eef1f4; + border-radius:2px; + box-sizing:border-box; + text-align:center; +} +.m-file-unit .m-content .m-img-wrapper{ + position:absolute; + top:0; + right:0; + left:0; + bottom:0; + cursor:zoom-in; +} +.m-file-unit .m-content .m-img-wrapper:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-file-unit .m-content .m-img-wrapper .u-img{ + max-width:100%; + max-height:100%; + vertical-align:middle; +} +.m-file-unit .m-content .u-txt{ + display:inline-block; + width:100%; + height:100%; + line-height:50px; + font-size:12px; + text-align:center; + cursor:default; +} +.m-file-unit .m-content .m-status .u-failed,.m-file-unit .m-content .m-status .u-uploading{ + position:absolute; + top:0; + left:0; + display:inline-block; + width:100%; + height:100%; + text-align:center; + font-size:12px; + color:#fff; + background:rgba(0,0,0,0.7); +} +.m-file-unit .m-content .m-status .u-failed:before,.m-file-unit .m-content .m-status .u-uploading:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-file-unit .m-content .m-status .u-failed{ + cursor:pointer; +} +.m-file-unit .m-content .m-status .u-failed .u-failed-info{ + display:inline-block; + width:100%; + vertical-align:middle; + text-align:center; + line-height:1.2; +} +.m-file-unit .m-content .m-status .u-failed .u-failed-info .u-icon{ + display:inline-block; + width:100%; + height:20px; + font-size:16px; +} +.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper{ + display:inline-block; + width:40px; + line-height:0.85; + vertical-align:middle; +} +.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress-txt,.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress{ + display:inline-block; + width:100%; +} +.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress{ + position:relative; + height:5px; + background:#fff; + border-radius:100px; +} +.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress .u-progress-bar{ + position:absolute; + top:0; + left:0; + display:inline-block; + height:100%; + background:#0398ff; + border-radius:100px; +} +.m-file-unit .m-content .m-status .u-uploaded{ + display:none; + position:absolute; + bottom:0; + left:0; + width:100%; + height:17px; + text-align:center; + font-size:12px; + color:#fff; + background:rgba(0,0,0,0.7); +} +.m-file-unit .m-content .m-status .u-uploaded:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-file-unit .m-content .m-status .u-uploaded .u-uploaded-zone{ + display:inline-block; + position:relative; + width:100%; + height:100%; + line-height:100%; + color:#fff; + text-align:center; + text-decoration:none; + cursor:pointer; +} +.m-file-unit .m-content .m-status .u-uploaded .u-uploaded-zone .u-icon{ + margin-left:2px; +} +.m-file-unit .m-content .m-remove{ + display:none; + position:absolute; + right:-6px; + top:-6px; + width:17px; + height:17px; + font-size:17px; + line-height:17px; + color:#333; + background:#fff; + border-radius:100px; + z-index:5; +} +.m-file-unit .m-content:hover .m-remove{ + display:inline-block; + cursor:pointer; +} +.m-file-unit .m-content:hover .m-status .u-uploaded{ + display:inline-block; +} +.m-file-unit .m-content:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-file-unit .m-name{ + margin-top:8px; + padding:1px; + word-wrap:break-word; + overflow:hidden; + text-overflow:ellipsis; + display:-webkit-box; + -webkit-box-orient:vertical; + -webkit-line-clamp:2; + line-height:1.4; + font-size:12px; + color:#333; +} +.m-file-unit .m-info{ + margin-top:4px; + font-size:12px; + color:#f86b6b; +} +.m-upload ul{ + margin:0; + padding:0; +} +.m-upload ul li{ + list-style:none; +} +.m-upload .u-fileitem,.m-upload u-input-wrapper{ + vertical-align:top; +} +.m-upload .m-input-wrapper{ + display:inline-block; + text-align:center; +} +.m-upload .m-input-wrapper .u-input-btn{ + display:inline-block; + width:50px; + height:50px; + vertical-align:top; + border:1px dashed #ccc; + border-radius:2px; + box-sizing:border-box; + font-size:12px; + cursor:pointer; +} +.m-upload .m-input-wrapper .u-input-btn .u-input-content{ + display:inline-block; + width:100%; + vertical-align:middle; +} +.m-upload .m-input-wrapper .u-input-btn .u-input-content .u-icon{ + display:inline-block; + width:100%; + font-size:12px; + color:#666; +} +.m-upload .m-input-wrapper .u-input-btn:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-upload .m-input-wrapper .u-input-info{ + margin-top:4px; + font-size:12px; + color:#f86b6b; +} +.m-upload ul{ + margin:0; + padding:0; +} +.m-upload ul li{ + list-style:none; +} +.m-upload .u-fileitem,.m-upload .u-input-wrapper{ + display:inline-block; + vertical-align:top; +} +.m-upload .u-fileitem{ + width:50px; +} +.m-upload .m-files-zone{ + width:125px; +} +.m-upload .m-files-zone .m-entry-wrapper{ + position:relative; + display:inline-block; + width:50px; + margin-right:20px; + vertical-align:top; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry{ + position:relative; + width:100%; + height:50px; + border:1px solid #eef1f4; + border-radius:2px; + box-sizing:border-box; + text-align:center; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-img-wrapper{ + position:absolute; + top:0; + right:0; + left:0; + bottom:0; + cursor:zoom-in; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-img-wrapper:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-img-wrapper .u-img{ + max-width:100%; + max-height:100%; + vertical-align:middle; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .u-txt{ + display:inline-block; + width:100%; + height:100%; + line-height:50px; + font-size:12px; + text-align:center; + cursor:pointer; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .u-info{ + content:""; + position:absolute; + right:-6px; + top:-6px; + width:17px; + height:17px; + line-height:17px; + text-align:center; + background:#fff; + border:1px solid #eef1f4; + border-radius:100px; + color:#333; + font-size:12px; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed,.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading{ + position:absolute; + top:0; + left:0; + display:inline-block; + width:100%; + height:100%; + text-align:center; + font-size:12px; + color:#fff; + background:rgba(0,0,0,0.7); +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed:before,.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed{ + cursor:pointer; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed .u-failed-info{ + display:inline-block; + width:100%; + vertical-align:middle; + text-align:center; + line-height:1.2; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed .u-failed-info .u-icon{ + display:inline-block; + width:100%; + height:20px; + font-size:16px; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper{ + display:inline-block; + width:40px; + line-height:0.85; + vertical-align:middle; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress-txt,.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress{ + display:inline-block; + width:100%; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress{ + position:relative; + height:5px; + background:#fff; + border-radius:100px; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress .u-progress-bar{ + position:absolute; + top:0; + left:0; + display:inline-block; + height:100%; + background:#0398ff; + border-radius:100px; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry-info{ + margin-top:4px; + font-size:12px; + color:#f86b6b; + text-align:center; +} +.m-upload .m-files-zone .u-banner{ + position:absolute; + bottom:-7px; + left:-9999px; + z-index:5; +} +.m-upload .m-files-zone .u-banner:before,.m-upload .m-files-zone .u-banner:after{ + content:""; + border:5px solid transparent; + position:absolute; + left:0; +} +.m-upload .m-files-zone .u-banner:before{ + border-bottom-color:#eee; + bottom:1px; +} +.m-upload .m-files-zone .u-banner:after{ + border-bottom-color:#fff; + bottom:0; +} +.m-upload .m-files-zone .u-banner.top{ + top:-7px; +} +.m-upload .m-files-zone .u-banner.top:before,.m-upload .m-files-zone .u-banner.top:after{ + border-bottom:none; +} +.m-upload .m-files-zone .u-banner.top:before{ + border-top-color:#eee; + top:1px; +} +.m-upload .m-files-zone .u-banner.top:after{ + border-top-color:#fff; + top:0; +} +.m-upload .m-files-zone .m-filelist{ + position:absolute; + left:-9999px; + padding:22px; + padding-bottom:12px; + text-align:left; + border:1px solid #eee; + border-radius:2px; + box-shadow:0 2px 3px 0 rgba(0,0,0,0.1); + background:#fff; + z-index:1; +} +.m-upload .m-files-zone .u-input-wrapper{ + position:relative; + display:inline-block; + width:50px; + vertical-align:top; + text-align:center; +} +.m-upload .m-files-zone .u-input-wrapper .u-input-btn{ + display:inline-block; + width:50px; + height:50px; + vertical-align:top; + border:1px dashed #ccc; + border-radius:2px; + box-sizing:border-box; + font-size:12px; + cursor:pointer; +} +.m-upload .m-files-zone .u-input-wrapper .u-input-btn .u-input-content{ + display:inline-block; + width:100%; + vertical-align:middle; +} +.m-upload .m-files-zone .u-input-wrapper .u-input-btn .u-input-content .u-icon{ + display:inline-block; + width:100%; + font-size:12px; + color:#666; +} +.m-upload .m-files-zone .u-input-wrapper .u-input-btn:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-upload .m-files-zone .u-input-wrapper .u-input-btn.dragover{ + background-color:rgba(32,159,255,0.06); + border:1px dashed #20a0ff; +} +.m-upload .m-files-zone .u-input-wrapper .u-input-info{ + margin-top:4px; + font-size:12px; + color:#f86b6b; +} +.m-upload{ + line-height:1.6; +} +.m-upload ul{ + margin:0; + padding:0; +} +.m-upload ul li{ + list-style:none; +} +.m-upload .u-fileitem,.m-upload .u-input-wrapper{ + display:inline-block; + vertical-align:top; +} +.m-upload .u-fileitem{ + width:50px; +} +.m-upload .u-input-wrapper{ + text-align:center; +} +.m-upload .u-input-wrapper .u-input-btn{ + display:inline-block; + width:50px; + height:50px; + vertical-align:top; + border:1px dashed #ccc; + border-radius:2px; + box-sizing:border-box; + font-size:12px; + cursor:pointer; +} +.m-upload .u-input-wrapper .u-input-btn .u-input-content{ + display:inline-block; + width:100%; + vertical-align:middle; +} +.m-upload .u-input-wrapper .u-input-btn .u-input-content .u-icon{ + display:inline-block; + width:100%; + font-size:12px; + color:#666; +} +.m-upload .u-input-wrapper .u-input-btn:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-upload .u-input-wrapper .u-input-btn.dragover{ + background-color:rgba(32,159,255,0.06); + border:1px dashed #20a0ff; +} +.m-upload .u-input-wrapper .u-input-info{ + margin-top:4px; + font-size:12px; + color:#f86b6b; +} +.m-card{ + background:#fff; + box-shadow:2px 2px 3px 0 rgba(34,52,73,0.1); + border:1px solid rgba(34,52,73,0.1); + border-radius:4px; + padding:16px; + margin-bottom:8px; + color:#333; +} +.m-card .card_hd{ + display:-webkit-box; + display:-moz-box; + display:-ms-flexbox; + display:-webkit-flex; + display:flex; + -webkit-box-align:center; + -moz-align-items:center; + -webkit-align-items:center; + align-items:center; + margin-bottom:12px; +} +.m-card .card_hd .title{ + font-size:16px; + font-weight:bold; +} +.m-card .card_hd .line{ + display:inline-block; + background:#333; + width:3px; + height:15px; + margin-right:8px; +} +.m-card .card_hd .operate{ + flex:1; + text-align:right; + margin-right:40px; +} +.m-card .btLine{ + background:#ddd; + height:1px; + margin-bottom:8px; +} +.m-card .m-card{ + box-shadow:none; + border-radius:initial; + border:none; + padding:0 40px; +} +.m-card .m-card .card_hd{ + margin-bottom:8px; +} +.m-card .m-card .card_hd .line{ + height:13px; +} +.m-card .m-card .card_hd .title{ + font-size:14px; +} +.m-card .m-card .card_hd .operate{ + margin-right:0; +} +.m-card .m-card-indent{ + padding:0 40px; +} +.g-row{ + *zoom:1; +} +.g-row:before,.g-row:after{ + display:table; + content:""; + line-height:0; +} +.g-row:after{ + clear:both; +} +.g-row-flex{ + display:flex; +} +.g-row-flex.justify-center{ + justify-content:center; +} +.g-row-flex.justify-end{ + justify-content:flex-end; +} +.g-row-flex.justify-space-between{ + justify-content:space-between; +} +.g-row-flex.justify-space-around{ + justify-content:space-around; +} +.g-row-flex.align-middle{ + align-items:center; +} +.g-row-flex.align-bottom{ + align-items:top; +} +.g-row-flex.flex-wrap{ + flex-wrap:wrap; +} +.g-row-flex.flex-nowrap{ + flex-wrap:nowrap; +} +.g-row-flex.flex-wrap-reverse{ + flex-wrap:wrap-reverse; +} +.g-row + .g-row{ + margin-top:10px; +} +.g-col{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + float:left; + min-height:1px; + padding:0 20px; +} +.g-col-1{ + width:8.333333%; +} +.g-offset-1{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:8.333333%; +} +.g-col-2{ + width:16.666667%; +} +.g-offset-2{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:16.666667%; +} +.g-col-3{ + width:25%; +} +.g-offset-3{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:25%; +} +.g-col-4{ + width:33.333333%; +} +.g-offset-4{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:33.333333%; +} +.g-col-5{ + width:41.666667%; +} +.g-offset-5{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:41.666667%; +} +.g-col-6{ + width:50%; +} +.g-offset-6{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:50%; +} +.g-col-7{ + width:58.333333%; +} +.g-offset-7{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:58.333333%; +} +.g-col-8{ + width:66.666667%; +} +.g-offset-8{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:66.666667%; +} +.g-col-9{ + width:75%; +} +.g-offset-9{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:75%; +} +.g-col-10{ + width:83.333333%; +} +.g-offset-10{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:83.333333%; +} +.g-col-11{ + width:91.666667%; +} +.g-offset-11{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:91.666667%; +} +.g-col-12{ + width:100%; +} +.g-offset-12{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:100%; +} +@media (max-width: 768px){ + .g-col-xs-1{ + width:8.333333%; + } + .g-col-xs-offset-1{ + margin-left:8.333333%; + } + .g-col-xs-pull-1{ + position:relative; + right:8.333333%; + } + .g-col-xs-push-1{ + position:relative; + left:8.333333%; + } + .g-col-xs-2{ + width:16.666667%; + } + .g-col-xs-offset-2{ + margin-left:16.666667%; + } + .g-col-xs-pull-2{ + position:relative; + right:16.666667%; + } + .g-col-xs-push-2{ + position:relative; + left:16.666667%; + } + .g-col-xs-3{ + width:25%; + } + .g-col-xs-offset-3{ + margin-left:25%; + } + .g-col-xs-pull-3{ + position:relative; + right:25%; + } + .g-col-xs-push-3{ + position:relative; + left:25%; + } + .g-col-xs-4{ + width:33.333333%; + } + .g-col-xs-offset-4{ + margin-left:33.333333%; + } + .g-col-xs-pull-4{ + position:relative; + right:33.333333%; + } + .g-col-xs-push-4{ + position:relative; + left:33.333333%; + } + .g-col-xs-5{ + width:41.666667%; + } + .g-col-xs-offset-5{ + margin-left:41.666667%; + } + .g-col-xs-pull-5{ + position:relative; + right:41.666667%; + } + .g-col-xs-push-5{ + position:relative; + left:41.666667%; + } + .g-col-xs-6{ + width:50%; + } + .g-col-xs-offset-6{ + margin-left:50%; + } + .g-col-xs-pull-6{ + position:relative; + right:50%; + } + .g-col-xs-push-6{ + position:relative; + left:50%; + } + .g-col-xs-7{ + width:58.333333%; + } + .g-col-xs-offset-7{ + margin-left:58.333333%; + } + .g-col-xs-pull-7{ + position:relative; + right:58.333333%; + } + .g-col-xs-push-7{ + position:relative; + left:58.333333%; + } + .g-col-xs-8{ + width:66.666667%; + } + .g-col-xs-offset-8{ + margin-left:66.666667%; + } + .g-col-xs-pull-8{ + position:relative; + right:66.666667%; + } + .g-col-xs-push-8{ + position:relative; + left:66.666667%; + } + .g-col-xs-9{ + width:75%; + } + .g-col-xs-offset-9{ + margin-left:75%; + } + .g-col-xs-pull-9{ + position:relative; + right:75%; + } + .g-col-xs-push-9{ + position:relative; + left:75%; + } + .g-col-xs-10{ + width:83.333333%; + } + .g-col-xs-offset-10{ + margin-left:83.333333%; + } + .g-col-xs-pull-10{ + position:relative; + right:83.333333%; + } + .g-col-xs-push-10{ + position:relative; + left:83.333333%; + } + .g-col-xs-11{ + width:91.666667%; + } + .g-col-xs-offset-11{ + margin-left:91.666667%; + } + .g-col-xs-pull-11{ + position:relative; + right:91.666667%; + } + .g-col-xs-push-11{ + position:relative; + left:91.666667%; + } + .g-col-xs-12{ + width:100%; + } + .g-col-xs-offset-12{ + margin-left:100%; + } + .g-col-xs-pull-12{ + position:relative; + right:100%; + } + .g-col-xs-push-12{ + position:relative; + left:100%; + } +} +@media (min-width: 768px){ + .g-col-sm-1{ + width:8.333333%; + } + .g-col-sm-offset-1{ + margin-left:8.333333%; + } + .g-col-sm-pull-1{ + position:relative; + right:8.333333%; + } + .g-col-sm-push-1{ + position:relative; + left:8.333333%; + } + .g-col-sm-2{ + width:16.666667%; + } + .g-col-sm-offset-2{ + margin-left:16.666667%; + } + .g-col-sm-pull-2{ + position:relative; + right:16.666667%; + } + .g-col-sm-push-2{ + position:relative; + left:16.666667%; + } + .g-col-sm-3{ + width:25%; + } + .g-col-sm-offset-3{ + margin-left:25%; + } + .g-col-sm-pull-3{ + position:relative; + right:25%; + } + .g-col-sm-push-3{ + position:relative; + left:25%; + } + .g-col-sm-4{ + width:33.333333%; + } + .g-col-sm-offset-4{ + margin-left:33.333333%; + } + .g-col-sm-pull-4{ + position:relative; + right:33.333333%; + } + .g-col-sm-push-4{ + position:relative; + left:33.333333%; + } + .g-col-sm-5{ + width:41.666667%; + } + .g-col-sm-offset-5{ + margin-left:41.666667%; + } + .g-col-sm-pull-5{ + position:relative; + right:41.666667%; + } + .g-col-sm-push-5{ + position:relative; + left:41.666667%; + } + .g-col-sm-6{ + width:50%; + } + .g-col-sm-offset-6{ + margin-left:50%; + } + .g-col-sm-pull-6{ + position:relative; + right:50%; + } + .g-col-sm-push-6{ + position:relative; + left:50%; + } + .g-col-sm-7{ + width:58.333333%; + } + .g-col-sm-offset-7{ + margin-left:58.333333%; + } + .g-col-sm-pull-7{ + position:relative; + right:58.333333%; + } + .g-col-sm-push-7{ + position:relative; + left:58.333333%; + } + .g-col-sm-8{ + width:66.666667%; + } + .g-col-sm-offset-8{ + margin-left:66.666667%; + } + .g-col-sm-pull-8{ + position:relative; + right:66.666667%; + } + .g-col-sm-push-8{ + position:relative; + left:66.666667%; + } + .g-col-sm-9{ + width:75%; + } + .g-col-sm-offset-9{ + margin-left:75%; + } + .g-col-sm-pull-9{ + position:relative; + right:75%; + } + .g-col-sm-push-9{ + position:relative; + left:75%; + } + .g-col-sm-10{ + width:83.333333%; + } + .g-col-sm-offset-10{ + margin-left:83.333333%; + } + .g-col-sm-pull-10{ + position:relative; + right:83.333333%; + } + .g-col-sm-push-10{ + position:relative; + left:83.333333%; + } + .g-col-sm-11{ + width:91.666667%; + } + .g-col-sm-offset-11{ + margin-left:91.666667%; + } + .g-col-sm-pull-11{ + position:relative; + right:91.666667%; + } + .g-col-sm-push-11{ + position:relative; + left:91.666667%; + } + .g-col-sm-12{ + width:100%; + } + .g-col-sm-offset-12{ + margin-left:100%; + } + .g-col-sm-pull-12{ + position:relative; + right:100%; + } + .g-col-sm-push-12{ + position:relative; + left:100%; + } +} +@media (min-width: 992px){ + .g-col-md-1{ + width:8.333333%; + } + .g-col-md-offset-1{ + margin-left:8.333333%; + } + .g-col-md-pull-1{ + position:relative; + right:8.333333%; + } + .g-col-md-push-1{ + position:relative; + left:8.333333%; + } + .g-col-md-2{ + width:16.666667%; + } + .g-col-md-offset-2{ + margin-left:16.666667%; + } + .g-col-md-pull-2{ + position:relative; + right:16.666667%; + } + .g-col-md-push-2{ + position:relative; + left:16.666667%; + } + .g-col-md-3{ + width:25%; + } + .g-col-md-offset-3{ + margin-left:25%; + } + .g-col-md-pull-3{ + position:relative; + right:25%; + } + .g-col-md-push-3{ + position:relative; + left:25%; + } + .g-col-md-4{ + width:33.333333%; + } + .g-col-md-offset-4{ + margin-left:33.333333%; + } + .g-col-md-pull-4{ + position:relative; + right:33.333333%; + } + .g-col-md-push-4{ + position:relative; + left:33.333333%; + } + .g-col-md-5{ + width:41.666667%; + } + .g-col-md-offset-5{ + margin-left:41.666667%; + } + .g-col-md-pull-5{ + position:relative; + right:41.666667%; + } + .g-col-md-push-5{ + position:relative; + left:41.666667%; + } + .g-col-md-6{ + width:50%; + } + .g-col-md-offset-6{ + margin-left:50%; + } + .g-col-md-pull-6{ + position:relative; + right:50%; + } + .g-col-md-push-6{ + position:relative; + left:50%; + } + .g-col-md-7{ + width:58.333333%; + } + .g-col-md-offset-7{ + margin-left:58.333333%; + } + .g-col-md-pull-7{ + position:relative; + right:58.333333%; + } + .g-col-md-push-7{ + position:relative; + left:58.333333%; + } + .g-col-md-8{ + width:66.666667%; + } + .g-col-md-offset-8{ + margin-left:66.666667%; + } + .g-col-md-pull-8{ + position:relative; + right:66.666667%; + } + .g-col-md-push-8{ + position:relative; + left:66.666667%; + } + .g-col-md-9{ + width:75%; + } + .g-col-md-offset-9{ + margin-left:75%; + } + .g-col-md-pull-9{ + position:relative; + right:75%; + } + .g-col-md-push-9{ + position:relative; + left:75%; + } + .g-col-md-10{ + width:83.333333%; + } + .g-col-md-offset-10{ + margin-left:83.333333%; + } + .g-col-md-pull-10{ + position:relative; + right:83.333333%; + } + .g-col-md-push-10{ + position:relative; + left:83.333333%; + } + .g-col-md-11{ + width:91.666667%; + } + .g-col-md-offset-11{ + margin-left:91.666667%; + } + .g-col-md-pull-11{ + position:relative; + right:91.666667%; + } + .g-col-md-push-11{ + position:relative; + left:91.666667%; + } + .g-col-md-12{ + width:100%; + } + .g-col-md-offset-12{ + margin-left:100%; + } + .g-col-md-pull-12{ + position:relative; + right:100%; + } + .g-col-md-push-12{ + position:relative; + left:100%; + } +} +@media (min-width: 1200px){ + .g-col-lg-1{ + width:8.333333%; + } + .g-col-lg-offset-1{ + margin-left:8.333333%; + } + .g-col-lg-pull-1{ + position:relative; + right:8.333333%; + } + .g-col-lg-push-1{ + position:relative; + left:8.333333%; + } + .g-col-lg-2{ + width:16.666667%; + } + .g-col-lg-offset-2{ + margin-left:16.666667%; + } + .g-col-lg-pull-2{ + position:relative; + right:16.666667%; + } + .g-col-lg-push-2{ + position:relative; + left:16.666667%; + } + .g-col-lg-3{ + width:25%; + } + .g-col-lg-offset-3{ + margin-left:25%; + } + .g-col-lg-pull-3{ + position:relative; + right:25%; + } + .g-col-lg-push-3{ + position:relative; + left:25%; + } + .g-col-lg-4{ + width:33.333333%; + } + .g-col-lg-offset-4{ + margin-left:33.333333%; + } + .g-col-lg-pull-4{ + position:relative; + right:33.333333%; + } + .g-col-lg-push-4{ + position:relative; + left:33.333333%; + } + .g-col-lg-5{ + width:41.666667%; + } + .g-col-lg-offset-5{ + margin-left:41.666667%; + } + .g-col-lg-pull-5{ + position:relative; + right:41.666667%; + } + .g-col-lg-push-5{ + position:relative; + left:41.666667%; + } + .g-col-lg-6{ + width:50%; + } + .g-col-lg-offset-6{ + margin-left:50%; + } + .g-col-lg-pull-6{ + position:relative; + right:50%; + } + .g-col-lg-push-6{ + position:relative; + left:50%; + } + .g-col-lg-7{ + width:58.333333%; + } + .g-col-lg-offset-7{ + margin-left:58.333333%; + } + .g-col-lg-pull-7{ + position:relative; + right:58.333333%; + } + .g-col-lg-push-7{ + position:relative; + left:58.333333%; + } + .g-col-lg-8{ + width:66.666667%; + } + .g-col-lg-offset-8{ + margin-left:66.666667%; + } + .g-col-lg-pull-8{ + position:relative; + right:66.666667%; + } + .g-col-lg-push-8{ + position:relative; + left:66.666667%; + } + .g-col-lg-9{ + width:75%; + } + .g-col-lg-offset-9{ + margin-left:75%; + } + .g-col-lg-pull-9{ + position:relative; + right:75%; + } + .g-col-lg-push-9{ + position:relative; + left:75%; + } + .g-col-lg-10{ + width:83.333333%; + } + .g-col-lg-offset-10{ + margin-left:83.333333%; + } + .g-col-lg-pull-10{ + position:relative; + right:83.333333%; + } + .g-col-lg-push-10{ + position:relative; + left:83.333333%; + } + .g-col-lg-11{ + width:91.666667%; + } + .g-col-lg-offset-11{ + margin-left:91.666667%; + } + .g-col-lg-pull-11{ + position:relative; + right:91.666667%; + } + .g-col-lg-push-11{ + position:relative; + left:91.666667%; + } + .g-col-lg-12{ + width:100%; + } + .g-col-lg-offset-12{ + margin-left:100%; + } + .g-col-lg-pull-12{ + position:relative; + right:100%; + } + .g-col-lg-push-12{ + position:relative; + left:100%; + } +} +.kl-search_ft{ + display:flex; + justify-content:flex-end; + align-items:center; +} +.kl-search_btn{ + margin-right:10px; +} +.m-kl-table-wrap{ + position:relative; +} +.m-kl-table-wrap .kl_table_header_fiexd_right_gutter{ + box-sizing:border-box; + position:absolute; + background:#eef1f4; + border-left:1px solid #fff; +} +.m-kl-table-wrap .u-resize-proxy{ + position:absolute; + visibility:hidden; + height:100%; + width:1px; + z-index:100; + background:#ddd; +} +.m-kl-table-wrap .expand_row{ + position:absolute; + width:100%; +} +.m-kl-table{ + overflow:auto; + box-sizing:border-box; + border-collapse:collapse; + border-bottom:1px solid #ecf2f9; + line-height:17px; + font-size:12px; + color:#333; +} +.m-kl-table.fixed_header{ + overflow:hidden; +} +.m-kl-table.fixed_header .kl_table_header{ + overflow:hidden; +} +.m-kl-table .kl_table_header.sticky_header{ + position:fixed; + overflow:hidden; + z-index:100; + top:0; +} +.m-kl-table .kl_table_body{ + transition:width 10ms; +} +.m-kl-table .kl_table_body.fixed_header{ + overflow:auto; +} +.m-kl-table.m-kl-table-fixed{ + position:absolute; + overflow:hidden; + top:0; + left:0; + border-bottom:none; + box-shadow:1px 0 8px #d3d4d6; +} +.m-kl-table.m-kl-table-fixed.m-kl-table-fixed-right{ + left:auto; + right:0; +} +.m-kl-table.m-kl-table-fixed .kl_table_header{ + box-shadow:2px 0px 8px #d3d4d6; +} +.m-kl-table.m-kl-table-fixed .kl_table_header,.m-kl-table.m-kl-table-fixed .kl_table_body{ + overflow:hidden; +} +.m-kl-table .table_tb{ + width:100%; + position:relative; + table-layout:fixed; +} +.m-kl-table .patch{ + background:#eef1f4; + position:absolute; +} +.m-kl-table .tb_hd_th{ + box-sizing:border-box; + background-color:#eef1f4; + height:32px; + padding:0; + border-collapse:collapse; + border-bottom:1px solid #fff; + font-weight:normal; +} +.m-kl-table .tb_hd_th .th_content{ + box-sizing:border-box; + height:100%; + display:flex; + align-items:center; + justify-content:center; + padding:6px 8px; +} +.m-kl-table .tb_hd_th .th_content.f-flex-center{ + justify-content:center; +} +.m-kl-table .tb_hd_th .th_content.f-flex-right{ + justify-content:flex-end; +} +.m-kl-table .tb_hd_th .th_content.f-flex-left{ + justify-content:flex-start; +} +.m-kl-table .tb_hd_th .th_content .th_tip{ + margin-left:8px; +} +.m-kl-table .tb_hd_th:not(:last-child){ + border-right:1px solid #fff; +} +.m-kl-table .tb_hd_th .u-icon-1{ + position:relative; + cursor:pointer; + color:#ddd; +} +.m-kl-table .tb_hd_th .u-icon-2{ + position:absolute; + left:0; + top:0; +} +.m-kl-table .tb_hd_th .u-icon-2.u-icon-sort-desc,.m-kl-table .tb_hd_th .u-icon-2.u-icon-sort-asc{ + color:#666; +} +.m-kl-table .tb_bd_tr{ + background:#fff; + transition:background 200ms ease-out; +} +.m-kl-table .tb_bd_tr:not(:last-child){ + border-bottom:1px solid #ecf2f9; +} +.m-kl-table .tb_bd_tr.z-hover,.m-kl-table .tb_bd_tr:hover{ + background:#ecf2f9; +} +.m-kl-table .tb_bd_tr.td_bd_tr_nohover{ + background:#fff; +} +.m-kl-table .tb_bd_td{ + box-sizing:border-box; + position:relative; + padding:0; + height:32px; +} +.m-kl-table .tb_bd_td >.tb_bd_td_div{ + padding:6px 8px; + line-height:17px; +} +.m-kl-table.strip .tb_bd_tr{ + transition:background 200ms ease-out; +} +.m-kl-table.strip .tb_bd_tr:nth-child(2n-1){ + background:#fff; +} +.m-kl-table.strip .tb_bd_tr:nth-child(2n){ + background:#f6f9fc; +} +.m-kl-table.strip .tb_bd_tr:not(:last-child){ + border-bottom:1px solid #ecf2f9; +} +.m-kl-table.strip .tb_bd_tr.z-hover,.m-kl-table.strip .tb_bd_tr:hover{ + background:#ecf2f9; +} +.m-kl-table.strip .tb_bd_tr.td_bd_tr_nohover{ + background:#fff; +} +.m-kl-table .u-clickable{ + cursor:pointer; + color:#0398ff; +} +.m-kl-table .u-clickable:hover{ + text-decoration:underline; +} +.m-kl-table .u-progress-wrap{ + box-sizing:border-box; + text-align:left; +} +.m-kl-table .u-progress-wrap .u-kl-progress{ + width:70%; +} +.m-kl-table .u-expand-sign{ + display:inline-block; + box-sizing:border-box; + height:17px; + width:17px; + border:1px solid #ddd; + line-height:13px; + vertical-align:middle; +} +.m-kl-table-ft{ + padding:10px 0; + background:#fff; +} +.m-kl-table-ft .scroll_bar{ + overflow:auto; + margin-bottom:10px; +} +.m-kl-table-ft .scroll_bar >div{ + height:1px; +} +.m-kl-table-ft .scroll_bar::-webkit-scrollbar{ + -webkit-appearance:none; + width:8px; + height:12px; +} +.m-kl-table-ft .scroll_bar::-webkit-scrollbar:hover{ + background-color:rgba(0,0,0,0.1); +} +.m-kl-table-ft .scroll_bar::-webkit-scrollbar-thumb{ + background-color:rgba(0,0,0,0.2); + -webkit-box-shadow:0 0 1px rgba(255,255,255,0.5); +} +.m-kl-table-ft.sticky_footer{ + position:fixed; + bottom:0; + z-index:1000; +} +.f-cursor-pointer{ + cursor:pointer; +} +.f-overflow-hidden{ + overflow:hidden; +} +.f-visibility-hidden{ + visibility:hidden; +} +.f-ellipsis{ + text-overflow:ellipsis; + overflow:hidden; + white-space:nowrap; +} +.f-line-clamp-1,.f-line-clamp-2,.f-line-clamp-3,.f-line-clamp-4,.f-line-clamp-5{ + display:-webkit-inline-box; + -webkit-box-orient:vertical; + white-space:normal; + vertical-align:middle; + word-break:break-all; +} +.f-line-clamp-1{ + -webkit-line-clamp:1; +} +.f-line-clamp-2{ + -webkit-line-clamp:2; +} +.f-line-clamp-3{ + -webkit-line-clamp:3; +} +.f-line-clamp-4{ + -webkit-line-clamp:4; +} +.f-line-clamp-5{ + -webkit-line-clamp:5; +} +.kl-m-crumb{ + color:#333; + font-size:0; + display:flex; + align-items:center; + box-sizing:border-box; +} +.kl-m-crumb .crumb_home{ + color:#4690ee; + font-size:14px; + display:inline-block; +} +.kl-m-crumb .kl-m-crumb_item{ + display:inline-block; + color:#333; +} +.kl-m-crumb .kl-m-crumb_item .crumb_separator{ + display:inline-block; + margin:0 10px; + font-size:12px; +} +.kl-m-crumb .kl-m-crumb_item .crumb_ct{ + display:inline-block; + font-size:12px; +} +.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:link,.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:visited,.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:hover{ + text-decoration:none; + color:#333; +} +.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:hover{ + color:#49a9ee; +} +.kl-m-crumb .kl-m-crumb_item .crumb_ct:hover{ + cursor:pointer; +} +.kl-m-crumb .kl-m-crumb_item:last-child .crumb_ct{ + font-weight:bold; +} +.kl-m-crumb .kl-m-crumb_item:last-child .crumb_ct:hover{ + cursor:inherit; +} +.m-menu{ + height:100%; + overflow-y:auto; + background:#fff; + border-right:1px solid #e1e6ed; + list-style:none; + margin:0; + padding:0; + color:#333; +} +.m-menu .head_title a,.m-menu .menuItems a,.m-menu a.m-subMenu{ + color:#333; +} +.m-menuItem{ + display:block; + position:relative; + padding:8px 0 8px 54px; + line-height:1em; + transition:all 0.3s ease-in; +} +.m-menuItem:hover{ + text-decoration:underline; + font-weight:bold; +} +.m-menuItem.active{ + color:#d9244e; + font-weight:bold; +} +.m-menuItem.active a{ + color:#d9244e; +} +.m-menuItem.active:before{ + position:absolute; + width:2px; + height:10px; + background:#d9244e; + content:""; + top:8px; + left:48px; +} +.m-menuItem:first-child{ + padding-top:0; +} +.m-menuItem:first-child:before{ + top:0; +} +.m-menuItem:last-child{ + margin-bottom:5px; +} +.m-subMenu{ + position:relative; + display:block; + border-bottom:1px solid #dfeaf3; + cursor:pointer; +} +.m-subMenu .head{ + position:relative; + display:flex; + align-items:center; + padding:15px 0 15px 47px; + font-size:14px; + transition:all 0.4s ease; +} +.m-subMenu .head:hover .head_title,.m-subMenu .head:hover a{ + text-decoration:underline; + font-weight:bold; +} +.m-subMenu .head .head_arrow{ + position:absolute; + right:10px; + font-size:14px; + transition:all 0.4s ease; + transform:rotate(0); +} +.m-subMenu .head .head_arrow.isOpen{ + transform:rotate(90deg); +} +.m-subMenu .head .head_icon{ + position:absolute; + left:20px; + color:#333; + font-size:16px; +} +.m-subMenu .menuItems{ + position:relative; + list-style:none; + margin:0; + padding:0; + font-size:12px; +} +.m-subMenu.active{ + background:#f6f9fc; +} +.collapse-transition{ + transition:0.3s height ease-in-out,0.3s padding-top ease-in-out,0.3s padding-bottom ease-in-out; +} +.m-pager{ + text-align:center; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + display:-webkit-box; + display:-moz-box; + display:-ms-flexbox; + display:-webkit-flex; + display:flex; + -webkit-box-align:center; + -moz-align-items:center; + -webkit-align-items:center; + align-items:center; + justify-content:space-between; + -webkit-justify-content:space-between; + -moz-justify-content:space-between; + -ms-justify-content:space-between; + font-size:12px; +} +.m-pager .m-right-pager{ + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; +} +.m-pager .page_item{ + display:inline-block; + vertical-align:top; + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-right:6px; + padding:0 8px; + height:24px; + line-height:22px; + color:#444; + background:#fff; + text-decoration:none; + text-align:center; + min-width:24px; + border:1px solid #ddd; + -moz-border-radius:2px; + border-radius:2px; +} +.m-pager .page_item:hover{ + cursor:pointer; + border:1px solid #bbb; +} +.m-pager .z-crt{ + background:#4690ee; + color:#fff; + border-color:#4690ee; +} +.m-pager .z-crt:hover{ + border-color:#4690ee; +} +.m-pager .page_size{ + display:inline-block; + font-size:12px; + margin-right:8px; +} +.m-pager .page_size .u-select{ + display:inline-block; + min-width:75px; +} +.m-pager .page_size .u-select .dropdown_hd .u-icon{ + position:static; +} +.m-pager .page_total{ + display:inline-block; + vertical-align:top; + line-height:24px; +} +.m-pager .page_prev{ + width:24px; + padding:initial; +} +.m-pager .page_prev .u-icon{ + line-height:22px; +} +.m-pager .pager_next .u-icon{ + line-height:22px; +} +.m-pager .page_goto{ + display:inline-block; + margin-left:20px; +} +.m-pager .page_goto .u-input{ + display:inline-block; + width:40px; + margin:0 7px 0 10px; +} +.m-pager .page_confirm{ + display:inline-block; + vertical-align:top; + margin-left:27px; +} +.m-pager.z-dis >li >a{ + cursor:not-allowed; +} +.m-pager-left{ + text-align:left; +} +.m-pager-right{ + text-align:right; +} +.m-pager.z-dis >li >a{ + background:#fff; + color:#999; + border-color:#ddd; +} +.pager_goto .u-input{ + display:inline-block; +} +.m-sidebar{ + position:absolute; + bottom:0; + left:0; + transform:translateX(-100%); + overflow:visible; + background:#fff; + border-right:1px solid #e1e6ed; + transition:transform 0.3s; + z-index:2; +} +.m-sidebar.active{ + transform:translateX(0); +} +.m-sidebar .sidebar_menus{ + height:100%; + overflow:auto; +} +.m-sidebar .sidebar_slideBtn{ + display:flex; + position:absolute; + top:50%; + width:10px; + height:50px; + font-size:10px; + margin-top:-60px; + align-items:center; + background:#c2c9d0; + color:#fff; + cursor:pointer; +} +.m-steps{ + list-style:none; +} +.m-steps .stepsItem{ + float:left; + position:relative; +} +.m-steps .stepsItem .stepsLine{ + position:absolute; + box-sizing:border-box; + width:100%; + font-size:0; + line-height:1.5; + top:9px; +} +.m-steps .stepsItem .stepsLine i{ + display:inline-block; + vertical-align:top; + background:#eef1f4; + border-radius:1px; + width:100%; + position:relative; + height:7px; +} +.m-steps .stepsItem .stepsLine i:before{ + position:absolute; + content:""; + top:0; + width:0; + background:#eef1f4; + height:100%; + opacity:0; +} +.m-steps .step{ + display:inline-block; + position:relative; +} +.m-steps .itemHead{ + text-align:center; +} +.m-steps .itemHead .icon{ + display:inline-block; + background-color:#fff; + position:relative; + border-radius:100%; +} +.m-steps .itemHead .icon .stepIcon{ + display:inline-block; + border:1px solid #eef1f4; + width:22px; + height:22px; + line-height:22px; + text-align:center; + border-radius:22px; + font-size:14px; + color:#666; +} +.m-steps .itemMain{ + margin-top:10px; + color:#333; + position:relative; + left:50%; + transform:translateX(-50%); + max-width:160px; + width:160px; +} +.m-steps .itemMain .mainTitle{ + margin-bottom:4px; + text-align:center; + color:#333; +} +.m-steps .itemMain .mainDescription{ + max-width:160px; + width:160px; + font-size:12px; + color:#a4a4a4; +} +.m-steps .finishedItem .stepsLine i{ + background:#80bcf4; +} +.m-steps .finishedItem .stepsLine i:after{ + background:#80bcf4; +} +.m-steps .finishedItem .itemHead .stepIcon{ + border:1px solid #80bcf4; + color:#fff; + background:#80bcf4; +} +.m-steps .finishedItem .itemMain .mainTitle{ + color:#54a8f7; +} +.m-steps .currentStep .itemHead .icon .stepIcon{ + border:1px solid #80bcf4; + color:#80bcf4; +} +.m-steps .currentStep .itemMain .mainTitle{ + color:#54a8f7; +} +.m-steps .currentStep .itemMain .mainDescription{ + color:#54a8f7; +} +.m-steps-sm .stepsItem .stepsLine{ + top:8px; +} +.m-steps-sm .stepsItem .stepsLine i{ + height:5px; +} +.m-steps-sm .itemHead .icon .stepIcon{ + width:18px; + height:18px; + line-height:18px; + border-radius:18px; + font-size:12px; +} +.m-steps-sm .itemMain{ + margin-top:5px; +} +.m-steps-sm .itemMain .mainTitle{ + margin-bottom:2px; + font-size:12px; +} +.m-steps-sm .itemMain .mainDescription{ + font-size:12px; +} +.m-tabs .tabs-scroll{ + position:relative; + overflow:hidden; +} +.m-tabs .tabs-scroll.scrollable{ + padding:0 15px; +} +.m-tabs .tabs-scroll .nav-prev,.m-tabs .tabs-scroll .nav-next{ + position:absolute; + cursor:pointer; + line-height:32px; + font-size:12px; +} +.m-tabs .tabs-scroll .nav-prev.disabled,.m-tabs .tabs-scroll .nav-next.disabled{ + color:#ccc; + cursor:not-allowed; +} +.m-tabs .tabs-scroll .nav-prev{ + left:0; +} +.m-tabs .tabs-scroll .nav-next{ + right:0; +} +.m-tabs .nav-scroll{ + overflow:hidden; +} +.m-tabs .tabs_hd{ + display:inline-block; + transition:transform 0.3s; + white-space:nowrap; +} +.m-tabs .tabs_hd >li{ + position:relative; + display:inline-block; + cursor:pointer; +} +.m-tabs .tabs_hd >li.z-dis{ + cursor:not-allowed; +} +.m-tabs .tabs_hd >li.arrow-left,.m-tabs .tabs_hd >li.arrow-right{ + width:20px; +} +.m-tabs .tabs_bd{ + clear:both; +} +.m-tabs.z-dis .tabs_hd >li{ + cursor:not-allowed; +} +.m-tabs.z-dis .tabs_hd >li.z-crt{ + cursor:default; +} +.m-tabs{ + -moz-border-radius:3px; + border-radius:3px; +} +.m-tabs .tabs_hd >li{ + padding:0 15px; + height:40px; + line-height:40px; + color:#444; + border:1px solid transparent; + margin-bottom:-1px; + background:#fff; + border:1px solid #deeaf2; + border-radius:2px 2px 0 0; + height:31px; + line-height:32px; + min-width:104px; + text-align:center; + font-size:12px; + border-bottom:none; + box-sizing:border-box; +} +.m-tabs .tabs_hd >li + li{ + margin-left:2px; +} +.m-tabs .tabs_hd >li:hover,.m-tabs .tabs_hd >li:focus{ + color:#777; +} +.m-tabs .tabs_hd >li.z-crt{ + border-top:3px solid #d9244e; + height:32px; + line-height:28px; +} +.m-tabs .tabs_hd >li.z-dis{ + color:#999; + background:none; + border-color:transparent; +} +.m-tabs .tabs_bd{ + background:#fff; + border-top:1px solid #deeaf2; + padding:20px 0; +} +.m-tabs-center .tabs_hd{ + position:relative; + float:left; + left:50%; +} +.m-tabs-center .tabs_hd >li{ + position:relative; + left:-50%; +} +.m-tabs-left{ + position:relative; +} +.m-tabs-left .tabs_hd{ + position:absolute; + left:0; + width:120px; + margin-left:0; +} +.m-tabs-left .tabs_hd >li{ + float:none; + border:1px solid transparent; + border-right-width:0; + margin-bottom:0; +} +.m-tabs-left .tabs_hd >li + li{ + margin-left:0; + margin-top:2px; +} +.m-tabs-left .tabs_hd >li.z-crt{ + border-left:3px solid #d9244e; + height:29px; + line-height:26px; + border-top:1px solid #deeaf2; + border-bottom:1px solid #deeaf2; +} +.m-tabs-left .tabs_bd{ + margin-left:120px; + min-height:200px; +} +.m-tabs-right{ + position:relative; +} +.m-tabs-right .tabs_hd{ + position:absolute; + right:0; + width:120px; + margin-left:0; +} +.m-tabs-right .tabs_hd >li{ + float:none; + border:1px solid transparent; + border-left-width:0; + margin-bottom:0; +} +.m-tabs-right .tabs_hd >li + li{ + margin-left:0; + margin-top:2px; +} +.m-tabs-right .tabs_hd >li.z-crt{ + border-right:3px solid #d9244e; + height:28px; + line-height:26px; + border-top:1px solid #deeaf2; + border-bottom:1px solid #deeaf2; +} +.m-tabs-right .tabs_bd{ + margin-right:120px; + min-height:200px; +} +.u-message{ + *zoom:1; + display:flex; + align-items:center; + padding:6px 15px; + background:#f4f4f4; + color:#777; + border:1px solid #ddd; + box-shadow:0 2px 3px 0 rgba(0,0,0,0.1); + -moz-border-radius:4px; + border-radius:4px; +} +.u-message:before,.u-message:after{ + display:table; + content:""; + line-height:0; +} +.u-message:after{ + clear:both; +} +.u-message .message_ct{ + display:inline-block; + max-width:90%; +} +.u-message .message_icon{ + font-size:23px; + vertical-align:middle; + margin-top:-2px; + margin-right:10px; + line-height:1; +} +.u-message-info{ + color:#fff; + background:#80bcf4; + border:1px solid #80bcf4; +} +.u-message-info .message_icon{ + color:#fff; +} +.u-message-success{ + color:#fff; + background:#89d280; + border:1px solid #89d280; +} +.u-message-success .message_icon{ + color:#fff; +} +.u-message-warning{ + color:#fff; + background:#f9bf65; + border:1px solid #f9bf65; +} +.u-message-warning .message_icon{ + color:#fff; +} +.u-message-error{ + color:#fff; + background:#f37373; + border:1px solid #f37373; +} +.u-message-error .message_icon{ + color:#fff; +} +.m-modal{ + position:fixed; + top:0; + right:0; + bottom:0; + left:0; + z-index:1000; + overflow-y:auto; + -webkit-overflow-scrolling:touch; + touch-action:cross-slide-y pinch-zoom double-tap-zoom; + text-align:center; + overflow:hidden; + background:rgba(0,0,0,0.6); +} +.m-modal:after{ + content:""; + display:inline-block; + vertical-align:middle; + height:100%; +} +.m-modal .modal_dialog{ + display:inline-block; + vertical-align:middle; + text-align:left; + width:400px; + background:#fff; + -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.125); + box-shadow:0 2px 3px rgba(0,0,0,0.125); + border-radius:4px; + max-width:1050px; +} +.m-modal .modal_hd{ + margin:0 15px; + padding:10px 0; + border-bottom:1px solid #eee; +} +.m-modal .modal_title{ + margin:0; + font-size:12px; + color:#333; +} +.m-modal .modal_close{ + float:right; + margin:2px 0; + color:#666; + font-size:12px; +} +.m-modal .modal_close .u-icon{ + color:#666; +} +.m-modal .modal_close:hover .u-icon{ + color:#888; +} +.m-modal .modal_hd.z-draggable{ + cursor:move; + cursor:-webkit-grab; +} +.m-modal .z-drag .modal_hd.z-draggable{ + cursor:move; + cursor:-webkit-grabbing; +} +.m-modal .modal_bd{ + padding:20px 15px 17px 15px; + min-height:10px; + max-height:491px; + overflow:auto; + font-size:12px; +} +.m-modal .modal_ft{ + padding:15px 15px 30px 15px; + text-align:center; + border-top:1px solid #f4f4f4; + font-size:0; +} +.m-modal .modal_ft .u-btn{ + margin:0 8px; +} +@media (max-width: 767px){ + .m-modal .modal_dialog{ + margin:10px; + } +} +html.z-modal,html.z-modal body{ + overflow:hidden; +} +.m-notify{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + position:fixed; + z-index:1040; + top:10px; + left:10px; + min-width:260px; + max-width:350px; + font-size:12px; +} +.m-notify .u-message{ + margin-bottom:10px; + padding:16px 35px 16px 20px; +} +.m-notify .u-message:hover .message_close{ + display:block; +} +.m-notify .u-message .message_close{ + display:none; + position:absolute; + right:16px; + margin-top:2px; + font-size:12px; + color:#fff; +} +.m-notify-topright,.m-notify-bottomright{ + left:auto; + right:10px; +} +.m-notify-topcenter,.m-notify-bottomcenter{ + left:50%; + margin-left:-130px; +} +.m-notify-bottomleft,.m-notify-bottomright,.m-notify-bottomcenter{ + top:auto; + bottom:10px; +} +@media (max-width: 767px){ + .m-notify{ + left:10px; + right:10px; + width:auto; + margin:0; + } +} +.m-notify-static{ + position:static; + width:auto; +} +.u-popover,.m-popconfirm,.u-tooltip{ + position:absolute; + z-index:2000; + font-size:12px; + line-height:1.5; +} +.u-popover .arrow,.u-popover .arrow:after,.m-popconfirm .arrow,.m-popconfirm .arrow:after,.u-tooltip .arrow,.u-tooltip .arrow:after{ + position:absolute; + width:0; + height:0; + border-color:transparent; + border-style:solid; +} +.m-popconfirm .inner{ + padding:8px 16px; + background:#fff; + background-clip:padding-box; + border-radius:4px; + box-shadow:0 1px 6px rgba(0,0,0,0.2); +} +.m-popconfirm .inner .body{ + padding:8px 0 16px; + font-size:12px; + color:#666; +} +.m-popconfirm .inner .foot{ + text-align:right; + margin-bottom:8px; +} +.m-popconfirm .inner .foot .u-btn{ + border-radius:2px; +} +.m-popconfirm .inner .foot .u-btn-primary{ + margin-left:5px; +} +.m-popconfirm .arrow:after{ + content:""; + border-width:4px; +} +.m-popconfirm.top,.m-popconfirm.topLeft,.m-popconfirm.topRight{ + padding:0 0 4px 0; +} +.m-popconfirm.top .arrow,.m-popconfirm.topLeft .arrow,.m-popconfirm.topRight .arrow{ + bottom:-1px; + border-bottom-width:0; + border-top-color:rgba(217,217,217,0.7); +} +.m-popconfirm.top .arrow:after,.m-popconfirm.topLeft .arrow:after,.m-popconfirm.topRight .arrow:after{ + bottom:1px; + margin-left:-4px; + border-bottom-width:0; + border-top-color:#fff; +} +.m-popconfirm.left,.m-popconfirm.leftTop,.m-popconfirm.leftBottom{ + padding:0 4px 0 0; +} +.m-popconfirm.left .arrow,.m-popconfirm.leftTop .arrow,.m-popconfirm.leftBottom .arrow{ + right:-1px; + border-right-width:0; + border-left-color:rgba(217,217,217,0.7); +} +.m-popconfirm.left .arrow:after,.m-popconfirm.leftTop .arrow:after,.m-popconfirm.leftBottom .arrow:after{ + right:1px; + bottom:-4px; + border-right-width:0; + border-left-color:#fff; +} +.m-popconfirm.bottom,.m-popconfirm.bottomLeft,.m-popconfirm.bottomRight{ + padding:4px 0 0 0; +} +.m-popconfirm.bottom .arrow,.m-popconfirm.bottomLeft .arrow,.m-popconfirm.bottomRight .arrow{ + top:-1px; + border-top-width:0; + border-bottom-color:rgba(217,217,217,0.7); +} +.m-popconfirm.bottom .arrow:after,.m-popconfirm.bottomLeft .arrow:after,.m-popconfirm.bottomRight .arrow:after{ + top:1px; + margin-left:-4px; + border-top-width:0; + border-bottom-color:#fff; +} +.m-popconfirm.right,.m-popconfirm.rightTop,.m-popconfirm.rightBottom{ + padding:0 0 0 4px; +} +.m-popconfirm.right .arrow,.m-popconfirm.rightTop .arrow,.m-popconfirm.rightBottom .arrow{ + left:-1px; + border-left-width:0; + border-right-color:rgba(217,217,217,0.7); +} +.m-popconfirm.right .arrow:after,.m-popconfirm.rightTop .arrow:after,.m-popconfirm.rightBottom .arrow:after{ + left:1px; + bottom:-4px; + border-left-width:0; + border-right-color:#fff; +} +.m-popconfirm.topLeft .arrow{ + left:16px; +} +.m-popconfirm.top .arrow{ + left:50%; + margin-left:-5px; +} +.m-popconfirm.topRight .arrow{ + right:16px; +} +.m-popconfirm.leftTop .arrow{ + top:8px; +} +.m-popconfirm.left .arrow{ + top:50%; + margin-top:-5px; +} +.m-popconfirm.leftBottom .arrow{ + bottom:8px; +} +.m-popconfirm.bottomLeft .arrow{ + left:16px; +} +.m-popconfirm.bottom .arrow{ + left:50%; + margin-left:-5px; +} +.m-popconfirm.bottomRight .arrow{ + right:16px; +} +.m-popconfirm.rightTop .arrow{ + top:8px; +} +.m-popconfirm.right .arrow{ + top:50%; + margin-top:-5px; +} +.m-popconfirm.rightBottom .arrow{ + bottom:8px; +} +.u-badge{ + display:inline; + font-weight:bold; + text-align:center; +} +a.u-badge{ + text-decoration:none; +} +.u-badge.u-badge-number{ + -moz-border-radius:1000px; + border-radius:1000px; +} +.u-badge{ + padding:0.2em 0.6em 0.3em; + font-size:11px; + line-height:1; + background:#aaa; + color:#fff; + -moz-border-radius:0.25em; + border-radius:0.25em; +} +.u-badge-primary{ + background:#4690ee; +} +.u-badge-info{ + background:#479ca2; +} +.u-badge-success{ + background:#6794d1; +} +.u-badge-warning{ + background:#fcd800; +} +.u-badge-error{ + background:#d30030; +} +.u-icon{ + line-height:inherit; + width:1em; + text-align:center; +} +.u-icon-error-circle:before{ + content:"\f057"; +} +.u-icon-success-circle:before{ + content:"\f058"; +} +.u-icon-warning-circle:before{ + content:"\f06a"; +} +.u-icon-quote:before{ + content:"\f10d"; +} +.u-iconstack{ + position:relative; + display:inline-block; + width:2em; + height:2em; + line-height:2em; + vertical-align:middle; +} +.u-iconstack >.u-icon{ + position:absolute; + left:0; + width:100%; + text-align:center; +} +.m-image-preview{ + position:fixed; + top:0; + left:0; + right:0; + bottom:0; + background:rgba(0,0,0,0.9); + z-index:1500; +} +.m-image-preview ul{ + padding:0; +} +.m-image-preview .m-panel-wrapper{ + position:absolute; + top:0; + left:0; + right:0; + bottom:0; + margin:auto; + width:100%; + height:100%; + box-shadow:0px 0px 10px 0 rgba(0,0,0,0.5); +} +.m-image-preview .m-panel-wrapper .m-panel-close,.m-image-preview .m-panel-wrapper .u-pre-btn,.m-image-preview .m-panel-wrapper .u-next-btn{ + cursor:pointer; +} +.m-image-preview .m-panel-wrapper .m-panel-close{ + position:absolute; + right:26px; + top:26px; + width:26px; + height:26px; + background:#fff; + box-shadow:0 0 1px 0; + border-radius:100px; + z-index:5; +} +.m-image-preview .m-panel-wrapper .m-panel-close:before,.m-image-preview .m-panel-wrapper .m-panel-close:after{ + content:""; + position:absolute; + top:50%; + left:50%; + width:14px; + height:2px; + border-radius:100px; + background:#000; + margin-left:-7px; + margin-top:-1px; +} +.m-image-preview .m-panel-wrapper .m-panel-close:before{ + transform:rotate(45deg); +} +.m-image-preview .m-panel-wrapper .m-panel-close:after{ + transform:rotate(-45deg); +} +.m-image-preview .m-panel-wrapper .m-full-panel,.m-image-preview .m-panel-wrapper .m-thumbnail-panel{ + position:absolute; + top:0; + height:100%; +} +.m-image-preview .m-panel-wrapper .m-full-panel{ + left:0; + width:70%; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn{ + position:absolute; + width:55px; + height:55px; + top:45.454545%; + border-radius:100px; + background:rgba(0,0,0,0.6); + z-index:5; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; + background:#fff; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon{ + display:inline-block; + width:100%; + height:3px; + vertical-align:middle; + text-align:center; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:after,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:after{ + content:""; + position:absolute; + width:22px; + height:3px; + border-radius:100px; + background-color:#fff; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn{ + left:50px; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:after{ + transform-origin:0; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:before{ + transform:translate(-40%,-0.5px) rotate(45deg); +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:after{ + transform:translate(-40%,0.5px) rotate(-45deg); +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn{ + right:50px; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:after{ + transform-origin:100%; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:before{ + transform:translate(-60%,0.5px) rotate(45deg); +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:after{ + transform:translate(-60%,-0.5px) rotate(-45deg); +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list{ + position:relative; + width:52.290316%; + height:75.757576%; + margin:7.575758% auto 3.787879%; + overflow:hidden; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list .m-image-item{ + position:absolute; + width:100%; + height:100%; + text-align:center; + transition:opacity 300ms; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list .m-image-item img{ + max-width:100%; + max-height:100%; + vertical-align:middle; + transition:transform 300ms; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list .m-image-item:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group{ + position:relative; + width:350px; + height:50px; + margin:0 auto; + background:rgba(0,0,0,0.6); + text-align:center; + z-index:5; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item{ + position:relative; + display:inline-block; + width:30px; + height:28px; + line-height:28px; + margin-left:20px; + vertical-align:middle; + text-align:center; + color:#fff; + font-size:18px; + cursor:pointer; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item .u-download{ + color:#fff; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item .u-scale{ + position:absolute; + font-style:normal; + font-size:14px; + right:-45px; + text-align:center; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item:first-child{ + margin-left:0; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel{ + right:0; + width:30%; + background:rgba(0,0,0,0.6); +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .u-image-name{ + margin:0 auto; + margin-top:12.121212%; + height:25px; + width:90%; + font-size:16px; + color:#fff; + text-align:center; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list{ + margin:15px auto; + height:80%; + width:370px; + padding:10px; + box-sizing:border-box; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item{ + position:relative; + display:inline-block; + width:80px; + height:80px; + margin-left:10px; + margin-bottom:10px; + vertical-align:top; + text-align:center; + background:#fff; + cursor:pointer; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item:nth-child(4n + 1){ + margin-left:0; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current{ + width:86px; + height:86px; + margin-left:7px; + margin-right:-3px; + margin-top:-3px; + margin-bottom:-3px; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current:nth-child(4n + 1){ + width:86px; + height:86px; + margin-right:-3px; + margin-left:-3px; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current:nth-child(4n){ + width:86px; + height:86px; + margin-left:7px; + margin-right:-3px; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current:after{ + display:none; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item img{ + max-width:100%; + max-height:100%; + vertical-align:middle; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item:after{ + content:""; + position:absolute; + top:0; + right:0; + bottom:0; + left:0; + background:rgba(0,0,0,0.4); +} +.m-image-preview .m-panel-wrapper .m-virtual-zone{ + position:absolute; + left:0; + top:0; + width:100%; + height:100%; + box-sizing:border-box; + overflow:hidden; + z-index:1; + transition:opacity 300ms; +} +.m-image-preview .m-panel-wrapper .m-virtual-zone .m-image-wrapper{ + position:relative; + width:52.290316%; + height:75.757576%; + margin:7.575758% auto 3.787879%; + text-align:center; + cursor:-webkit-grab; + transition:all 0.3s ease-in-out; +} +.m-image-preview .m-panel-wrapper .m-virtual-zone .m-image-wrapper:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-image-preview .m-panel-wrapper .m-virtual-zone .m-image-wrapper img{ + max-width:100%; + max-height:100%; + vertical-align:middle; +} +.u-loading{ + position:fixed; + display:block; + text-align:center; + font-size:26px; + line-height:1; + z-index:1050; + top:0; + bottom:0; + left:0; + right:0; +} +.u-loading >*{ + position:relative; + top:50%; +} +.u-loading .loading-circular{ + width:42px; + height:42px; + animation:loading-rotate 2s linear infinite; +} +.u-loading .loading-circular .loading-path{ + stroke-dasharray:1,200; + stroke-dashoffset:0; + stroke:#e31436; + animation:dash 1.5s ease-in-out infinite; + stroke-linecap:round; +} +@keyframes loading-rotate{ + to{ + transform:rotate(360deg); + } +} +@keyframes dash{ + 0%{ + stroke-dasharray:1,200; + stroke-dashoffset:0; + } + 50%{ + stroke-dasharray:89,200; + stroke-dashoffset:-35px; + } + 100%{ + stroke-dasharray:89,200; + stroke-dashoffset:-124px; + } +} +.u-loading-fixed{ + color:#fff; +} +.u-loading-fixed:before{ + content:" "; + position:absolute; + top:0; + bottom:0; + left:0; + right:0; + -webkit-overflow-scrolling:touch; + touch-action:cross-slide-y pinch-zoom double-tap-zoom; + background:rgba(0,0,0,0.3); +} +.u-loading-static{ + position:static; + display:inline-block; + font-size:inherit; +} +.u-loading-static >*{ + position:static; +} +.u-loading-static:before{ + content:" "; +} +.u-progress{ + overflow:hidden; +} +.u-progress .progress_bar{ + width:0; + height:100%; + float:left; + text-align:center; +} +.u-progress{ + height:20px; + line-height:20px; + background:#f4f4f4; +} +.u-progress .progress_bar{ + background:#4690ee; + font-size:12px; + color:#fff; + -webkit-transition:width 0.6s ease; + -moz-transition:width 0.6s ease; + transition:width 0.6s ease; +} +.u-progress-xs{ + height:3px; + line-height:3px; + text-indent:-2000px; +} +.u-progress-sm{ + height:8px; + line-height:8px; + text-indent:-2000px; +} +.u-progress-lg{ + height:28px; + line-height:28px; +} +.u-progress-xl{ + height:40px; + line-height:40px; +} +.u-progress-info .progress_bar{ + background-color:#479ca2; +} +.u-progress-success .progress_bar{ + background-color:#6794d1; +} +.u-progress-warning .progress_bar{ + background-color:#fcd800; +} +.u-progress-error .progress_bar{ + background-color:#d30030; +} +.u-progress-striped .progress_bar{ + background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); + background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); + background-size:40px 40px; +} +.u-progress-striped.z-act .progress_bar{ + -webkit-animation:u-progress-striped 2s linear infinite; + -moz-animation:u-progress-striped 2s linear infinite; + animation:u-progress-striped 2s linear infinite; +} +@-webkit-keyframes u-progress-striped{ + 0%{ + background-position:0 0; + } + 100%{ + background-position:40px 0; + } +} +@-moz-keyframes u-progress-striped{ + 0%{ + background-position:0 0; + } + 100%{ + background-position:40px 0; + } +} +@-o-keyframes u-progress-striped{ + 0%{ + background-position:0 0; + } + 100%{ + background-position:40px 0; + } +} +@keyframes u-progress-striped{ + 0%{ + background-position:0 0; + } + 100%{ + background-position:40px 0; + } +} +.u-popover,.u-tooltip{ + position:absolute; + z-index:2000; + font-size:12px; + line-height:1.5; +} +.u-popover .arrow,.u-popover .arrow:after,.u-tooltip .arrow,.u-tooltip .arrow:after{ + position:absolute; + width:0; + height:0; + border-color:transparent; + border-style:solid; +} +.u-tooltip .inner{ + max-width:250px; + padding:8px 10px; + margin:0; + color:#fff; + text-align:left; + text-decoration:none; + background-color:rgba(64,64,64,0.85); + border-radius:4px; + box-shadow:0 1px 6px rgba(0,0,0,0.2); +} +.u-tooltip.top,.u-tooltip.topLeft,.u-tooltip.topRight{ + padding:5px 0 8px 0; +} +.u-tooltip.top .arrow,.u-tooltip.topLeft .arrow,.u-tooltip.topRight .arrow{ + bottom:3px; + border-width:5px 5px 0; + border-top-color:rgba(64,64,64,0.85); +} +.u-tooltip.left,.u-tooltip.leftTop,.u-tooltip.leftBottom{ + padding:0 8px 0 5px; +} +.u-tooltip.left .arrow,.u-tooltip.leftTop .arrow,.u-tooltip.leftBottom .arrow{ + right:3px; + border-width:5px 0 5px 5px; + border-left-color:rgba(64,64,64,0.85); +} +.u-tooltip.bottom,.u-tooltip.bottomLeft,.u-tooltip.bottomRight{ + padding:8px 0 5px 0; +} +.u-tooltip.bottom .arrow,.u-tooltip.bottomLeft .arrow,.u-tooltip.bottomRight .arrow{ + top:3px; + border-width:0 5px 5px; + border-bottom-color:rgba(64,64,64,0.85); +} +.u-tooltip.right,.u-tooltip.rightTop,.u-tooltip.rightBottom{ + padding:0 5px 0 8px; +} +.u-tooltip.right .arrow,.u-tooltip.rightTop .arrow,.u-tooltip.rightBottom .arrow{ + left:3px; + border-width:5px 5px 5px 0; + border-right-color:rgba(64,64,64,0.85); +} +.u-tooltip.topLeft .arrow{ + left:16px; +} +.u-tooltip.top .arrow{ + left:50%; + margin-left:-5px; +} +.u-tooltip.topRight .arrow{ + right:16px; +} +.u-tooltip.leftTop .arrow{ + top:8px; +} +.u-tooltip.left .arrow{ + top:50%; + margin-top:-5px; +} +.u-tooltip.leftBottom .arrow{ + bottom:8px; +} +.u-tooltip.bottomLeft .arrow{ + left:16px; +} +.u-tooltip.bottom .arrow{ + left:50%; + margin-left:-5px; +} +.u-tooltip.bottomRight .arrow{ + right:16px; +} +.u-tooltip.rightTop .arrow{ + top:8px; +} +.u-tooltip.right .arrow{ + top:50%; + margin-top:-5px; +} +.u-tooltip.rightBottom .arrow{ + bottom:8px; +} diff --git a/doc/v0.6/css/nek-ui.blue.min.css b/doc/v0.6/css/nek-ui.blue.min.css new file mode 100644 index 00000000..653d59bb --- /dev/null +++ b/doc/v0.6/css/nek-ui.blue.min.css @@ -0,0 +1 @@ +article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}.f-cb,.f-cbli li{zoom:1}.f-ib{display:inline-block}.f-dn{display:none}.f-db{display:block}.f-fl{float:left}.f-fr{float:right}.f-pr{position:relative}.f-prz{position:relative;zoom:1}.f-oh{overflow:hidden}.f-fwn{font-weight:400}.f-fwb{font-weight:700}.f-tal{text-align:left}.f-tac{text-align:center}.f-tar{text-align:right}.f-taj{text-align:justify;text-justify:inter-ideograph}.f-vat{vertical-align:top}.f-vam,.f-vama *{vertical-align:middle}.f-vab{vertical-align:bottom}.f-wsn,.m-pager,.m-pager .m-right-pager{word-wrap:normal;white-space:nowrap}.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all}.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all}.f-toe,.u-select .dropdown_hd{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis}.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.f-lsn,.kl-m-crumb,.m-listview,.m-pager,.m-pager .m-right-pager,.m-tabs .tabs_hd,.m-treeview .treeview_list{list-style:none;margin:0;padding:0}.f-lsi,.kl-m-crumb,.m-pager,.m-pager .m-right-pager{letter-spacing:-5px}.f-lsi>*,.kl-m-crumb>*,.m-pager .m-right-pager>*,.m-pager>*{letter-spacing:normal}.f-ti{overflow:hidden;text-indent:-30000px}.f-ti2{text-indent:2em}.f-lhn{line-height:normal}.f-tdu,.f-tdu:hover{text-decoration:underline}.f-tdn,.f-tdn:hover{text-decoration:none}.f-csp{cursor:pointer}.f-csd{cursor:default}.f-csh{cursor:help}.f-csm{cursor:move}.f-mb5{margin-bottom:5px}.f-mr5{margin-right:5px}.f-ml5{margin-left:5px}.f-mt5{margin-top:5px}.f-mb10{margin-bottom:10px!important}.f-mr10{margin-right:10px}.f-ml10{margin-left:10px}.f-mt10{margin-top:10px!important}.f-mb15{margin-bottom:15px}.f-mr15{margin-right:15px}.f-ml15{margin-left:15px}.f-mt15{margin-top:15px}.f-mb20{margin-bottom:20px}.f-mr20{margin-right:20px}.f-ml20{margin-left:20px}.f-mt20{margin-top:20px}.f-color-primary{color:#4690ee}.f-color-secondary{color:#5dbef0}.f-color-info{color:#479ca2}.f-color-success{color:#6794d1}.f-color-error{color:#d30030}.f-color-warning{color:#fcd800}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font:12px/1.6 PingFangTC-Regular,Microsoft YaHei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;background:#fff;color:#333}a{text-decoration:none;cursor:pointer;background:0 0}a:hover{text-decoration:underline}a:focus,a:hover{outline:0}hr{border:none}em{font-style:normal}ins{text-decoration:none}code,kbd,pre,samp{font-family:"YaHei Consolas Hybrid",Consolas,"Liberation Mono",Menlo,Courier,monospace}abbr[title]{cursor:help}dfn{font-style:normal;font-weight:700}q:before{content:"“"}q:after{content:"”"}q q:before{content:"‘"}q q:after{content:"’"}blockquote,figure{margin:0}blockquote footer{text-align:right}blockquote footer:before{content:"—— "}pre{-webkit-tab-size:4;-moz-tab-size:4;tab-size:4;overflow:auto}pre code{background:0 0;border:none;padding:0;margin:0;font-size:inherit;color:inherit}ol>li>ol,ol>li>ul,ul>li>ol,ul>li>ul{margin:0}dt{font-weight:700}dd{margin-left:0}address{font-style:normal}img{max-width:100%;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:none;vertical-align:middle}svg:not(:root){overflow:hidden}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}iframe{border:none}audio:not([controls]){display:none}progress{vertical-align:baseline}h1,h2,h3,h4,h5,h6{margin:25px 0 15px}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#777}h1{font-size:36px;line-height:42px}h2{font-size:24px;line-height:30px}h3{font-size:18px;line-height:24px}h4{font-size:16px;line-height:22px}h5{font-size:14px;line-height:20px}h6{font-size:12px;line-height:18px}a{color:#479ca2}hr{border-top:1px solid #f4f4f4}em{color:#d05}ins{background:#ffa;color:#444}mark{background:#ffa;color:#444}small{font-size:80%}code{padding:0 3px;font-size:12px;background:#fafafa;color:#d05}kbd{margin:0 3px;padding:2px 3px;font-size:12px;color:#e74c3c;background:#fafafa;border-bottom:2px solid #eee}abbr[title]{border-bottom:1px dotted}blockquote{padding:4px 16px;background:#fafafa;border-left:4px solid #eee}pre{padding:6px 12px;font-size:12px;background:#fafafa;color:#333;-moz-border-radius:2px;border-radius:2px}input[type=checkbox]{-webkit-appearance:checkbox}input[type=radio]{-webkit-appearance:radio}::-moz-selection,::-webkit-selection,::selection{color:#fff;background:#39f}body{-webkit-backface-visibility:hidden}.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.animated.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.animated.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(.9)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.animated.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.animated.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes fadeInX{0%{opacity:0;-webkit-transform:translateX(30px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInX{0%{opacity:0;-moz-transform:translateX(30px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInX{0%{opacity:0;-o-transform:translateX(30px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInX{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}.animated.fadeInX{-webkit-animation-name:fadeInX;-moz-animation-name:fadeInX;animation-name:fadeInX}@-webkit-keyframes fadeInY{0%{opacity:0;-webkit-transform:translateY(-5px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInY{0%{opacity:0;-moz-transform:translateY(-5px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInY{0%{opacity:0;-o-transform:translateY(-5px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInY{0%{opacity:0;transform:translateY(-5px)}100%{opacity:1;transform:translateY(0)}}.animated.fadeInY{-webkit-animation-name:fadeInY;-moz-animation-name:fadeInY;animation-name:fadeInY}@-webkit-keyframes fadeOutY{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-5px)}}@-moz-keyframes fadeOutY{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-5px)}}@-o-keyframes fadeOutY{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-5px)}}@keyframes fadeOutY{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-5px)}}.animated.fadeOutY{-webkit-animation-name:fadeOutY;-moz-animation-name:fadeOutY;animation-name:fadeOutY}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.animated.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;animation-name:pulse}.animated{-webkit-animation-duration:.2s;-moz-animation-duration:.2s;animation-duration:.2s}.modal_animated{-webkit-animation-duration:.3s;-moz-animation-duration:.3s;animation-duration:.3s}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}.modal_zoomOut .modal_dialog{animation-name:zoomOut;-webkit-animation-duration:.3s;-moz-animation-duration:.3s;animation-duration:.3s}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}.modal_zoomIn .modal_dialog{animation-name:zoomIn;-webkit-animation-duration:.3s;-moz-animation-duration:.3s;animation-duration:.3s}@font-face{font-family:icomoon;src:url(../fonts/icomoon.eot?h16as7);src:url(../fonts/icomoon.eot?h16as7#iefix) format("embedded-opentype"),url(../fonts/icomoon.ttf?h16as7) format("truetype"),url(../fonts/icomoon.woff?h16as7) format("woff"),url(../fonts/icomoon.svg?h16as7#icomoon) format("svg");font-weight:400;font-style:normal}.u-icon{display:inline-block;font:normal normal normal 14px/1 icomoon;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.u-icon-lg{font-size:1.333333em;line-height:.75em;vertical-align:-15%}.u-icon-2x{font-size:2em}.u-icon-3x{font-size:3em}.u-icon-4x{font-size:4em}.u-icon-5x{font-size:5em}.u-icon-fw{width:1.285714em;text-align:center}.u-icon-ul{padding-left:0;margin-left:2.142857em;list-style-type:none}.u-icon-ul>li{position:relative}.u-icon-li{position:absolute;left:-2.142857em;width:2.142857em;top:.142857em;text-align:center}.u-icon-li.u-icon-lg{left:-1.857143em}.u-icon-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.u-icon-pull-left{float:left}.u-icon-pull-right{float:right}.u-icon.u-icon-pull-left{margin-right:.3em}.u-icon.u-icon-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.u-icon.pull-left{margin-right:.3em}.u-icon.pull-right{margin-left:.3em}.u-icon-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.u-icon-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.u-icon-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.u-icon-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.u-icon-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.u-icon-flip-horizontal{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.u-icon-flip-vertical{-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}.u-icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.u-icon-stack-1x,.u-icon-stack-2x{position:absolute;left:0;width:100%;text-align:center}.u-icon-stack-1x{line-height:inherit}.u-icon-stack-2x{font-size:2em}.u-icon-inverse{color:#fff}.u-icon-glass:before{content:"\f000"}.u-icon-music:before{content:"\f001"}.u-icon-search:before{content:"\f002"}.u-icon-envelope-o:before{content:"\f003"}.u-icon-heart:before{content:"\f004"}.u-icon-star:before{content:"\f005"}.u-icon-star-o:before{content:"\f006"}.u-icon-user:before{content:"\f007"}.u-icon-film:before{content:"\f008"}.u-icon-th-large:before{content:"\f009"}.u-icon-th:before{content:"\f00a"}.u-icon-th-list:before{content:"\f00b"}.u-icon-check:before{content:"\f00c"}.u-icon-remove:before{content:"\f00d"}.u-icon-search-plus:before{content:"\f00e"}.u-icon-search-minus:before{content:"\f010"}.u-icon-power-off:before{content:"\f011"}.u-icon-signal:before{content:"\f012"}.u-icon-cog:before,.u-icon-gear:before{content:"\f013"}.u-icon-trash-o:before{content:"\f014"}.u-icon-home:before{content:"\f015"}.u-icon-file-o:before{content:"\f016"}.u-icon-clock-o:before{content:"\f017"}.u-icon-road:before{content:"\f018"}.u-icon-download:before{content:"\f019"}.u-icon-arrow-circle-o-down:before{content:"\f01a"}.u-icon-arrow-circle-o-up:before{content:"\f01b"}.u-icon-inbox:before{content:"\f01c"}.u-icon-play-circle-o:before{content:"\f01d"}.u-icon-repeat:before,.u-icon-rotate-right:before{content:"\f01e"}.u-icon-refresh:before{content:"\f021"}.u-icon-list-alt:before{content:"\f022"}.u-icon-lock:before{content:"\f023"}.u-icon-flag:before{content:"\f024"}.u-icon-headphones:before{content:"\f025"}.u-icon-volume-off:before{content:"\f026"}.u-icon-volume-down:before{content:"\f027"}.u-icon-volume-up:before{content:"\f028"}.u-icon-qrcode:before{content:"\f029"}.u-icon-barcode:before{content:"\f02a"}.u-icon-tag:before{content:"\f02b"}.u-icon-tags:before{content:"\f02c"}.u-icon-book:before{content:"\f02d"}.u-icon-bookmark:before{content:"\f02e"}.u-icon-print:before{content:"\f02f"}.u-icon-camera:before{content:"\f030"}.u-icon-font:before{content:"\f031"}.u-icon-bold:before{content:"\f032"}.u-icon-italic:before{content:"\f033"}.u-icon-text-height:before{content:"\f034"}.u-icon-text-width:before{content:"\f035"}.u-icon-align-left:before{content:"\f036"}.u-icon-align-center:before{content:"\f037"}.u-icon-align-right:before{content:"\f038"}.u-icon-align-justify:before{content:"\f039"}.u-icon-list:before{content:"\f03a"}.u-icon-dedent:before,.u-icon-outdent:before{content:"\f03b"}.u-icon-indent:before{content:"\f03c"}.u-icon-video-camera:before{content:"\f03d"}.u-icon-image:before,.u-icon-photo:before,.u-icon-picture-o:before{content:"\f03e"}.u-icon-pencil:before{content:"\f040"}.u-icon-map-marker:before{content:"\f041"}.u-icon-adjust:before{content:"\f042"}.u-icon-tint:before{content:"\f043"}.u-icon-edit:before,.u-icon-pencil-square-o:before{content:"\f044"}.u-icon-share-square-o:before{content:"\f045"}.u-icon-check-square-o:before{content:"\f046"}.u-icon-arrows:before{content:"\f047"}.u-icon-step-backward:before{content:"\f048"}.u-icon-fast-backward:before{content:"\f049"}.u-icon-backward:before{content:"\f04a"}.u-icon-play:before{content:"\f04b"}.u-icon-pause:before{content:"\f04c"}.u-icon-stop:before{content:"\f04d"}.u-icon-forward:before{content:"\f04e"}.u-icon-fast-forward:before{content:"\f050"}.u-icon-step-forward:before{content:"\f051"}.u-icon-eject:before{content:"\f052"}.u-icon-chevron-left:before{content:"\f053"}.u-icon-chevron-right:before{content:"\f054"}.u-icon-plus-circle:before{content:"\f055"}.u-icon-minus-circle:before{content:"\f056"}.u-icon-times-circle:before{content:"\f057"}.u-icon-check-circle:before{content:"\f058"}.u-icon-question-circle:before{content:"\f059"}.u-icon-info-circle:before{content:"\f05a"}.u-icon-crosshairs:before{content:"\f05b"}.u-icon-times-circle-o:before{content:"\f05c"}.u-icon-check-circle-o:before{content:"\f05d"}.u-icon-ban:before{content:"\f05e"}.u-icon-arrow-left:before{content:"\f060"}.u-icon-arrow-right:before{content:"\f061"}.u-icon-arrow-up:before{content:"\f062"}.u-icon-arrow-down:before{content:"\f063"}.u-icon-mail-forward:before,.u-icon-share:before{content:"\f064"}.u-icon-expand:before{content:"\f065"}.u-icon-compress:before{content:"\f066"}.u-icon-plus:before{content:"\f067"}.u-icon-minus:before{content:"\f068"}.u-icon-asterisk:before{content:"\f069"}.u-icon-exclamation-circle:before{content:"\f06a"}.u-icon-gift:before{content:"\f06b"}.u-icon-leaf:before{content:"\f06c"}.u-icon-fire:before{content:"\f06d"}.u-icon-eye:before{content:"\f06e"}.u-icon-eye-slash:before{content:"\f070"}.u-icon-exclamation-triangle:before,.u-icon-warning:before{content:"\f071"}.u-icon-plane:before{content:"\f072"}.u-icon-calendar:before{content:"\f073"}.u-icon-random:before{content:"\f074"}.u-icon-comment:before{content:"\f075"}.u-icon-magnet:before{content:"\f076"}.u-icon-chevron-up:before{content:"\f077"}.u-icon-chevron-down:before{content:"\f078"}.u-icon-retweet:before{content:"\f079"}.u-icon-shopping-cart:before{content:"\f07a"}.u-icon-folder:before{content:"\f07b"}.u-icon-folder-open:before{content:"\f07c"}.u-icon-arrows-v:before{content:"\f07d"}.u-icon-arrows-h:before{content:"\f07e"}.u-icon-bar-chart-o:before,.u-icon-bar-chart:before{content:"\f080"}.u-icon-twitter-square:before{content:"\f081"}.u-icon-facebook-square:before{content:"\f082"}.u-icon-camera-retro:before{content:"\f083"}.u-icon-key:before{content:"\f084"}.u-icon-cogs:before,.u-icon-gears:before{content:"\f085"}.u-icon-comments:before{content:"\f086"}.u-icon-thumbs-o-up:before{content:"\f087"}.u-icon-thumbs-o-down:before{content:"\f088"}.u-icon-star-half:before{content:"\f089"}.u-icon-heart-o:before{content:"\f08a"}.u-icon-sign-out:before{content:"\f08b"}.u-icon-linkedin-square:before{content:"\f08c"}.u-icon-thumb-tack:before{content:"\f08d"}.u-icon-external-link:before{content:"\f08e"}.u-icon-sign-in:before{content:"\f090"}.u-icon-trophy:before{content:"\f091"}.u-icon-github-square:before{content:"\f092"}.u-icon-upload:before{content:"\f093"}.u-icon-lemon-o:before{content:"\f094"}.u-icon-phone:before{content:"\f095"}.u-icon-square-o:before{content:"\f096"}.u-icon-bookmark-o:before{content:"\f097"}.u-icon-phone-square:before{content:"\f098"}.u-icon-twitter:before{content:"\f099"}.u-icon-facebook-f:before,.u-icon-facebook:before{content:"\f09a"}.u-icon-github:before{content:"\f09b"}.u-icon-unlock:before{content:"\f09c"}.u-icon-credit-card:before{content:"\f09d"}.u-icon-feed:before,.u-icon-rss:before{content:"\f09e"}.u-icon-hdd-o:before{content:"\f0a0"}.u-icon-bullhorn:before{content:"\f0a1"}.u-icon-bell:before{content:"\f0f3"}.u-icon-certificate:before{content:"\f0a3"}.u-icon-hand-o-right:before{content:"\f0a4"}.u-icon-hand-o-left:before{content:"\f0a5"}.u-icon-hand-o-up:before{content:"\f0a6"}.u-icon-hand-o-down:before{content:"\f0a7"}.u-icon-arrow-circle-left:before{content:"\f0a8"}.u-icon-arrow-circle-right:before{content:"\f0a9"}.u-icon-arrow-circle-up:before{content:"\f0aa"}.u-icon-arrow-circle-down:before{content:"\f0ab"}.u-icon-globe:before{content:"\f0ac"}.u-icon-wrench:before{content:"\f0ad"}.u-icon-tasks:before{content:"\f0ae"}.u-icon-filter:before{content:"\f0b0"}.u-icon-briefcase:before{content:"\f0b1"}.u-icon-arrows-alt:before{content:"\f0b2"}.u-icon-group:before,.u-icon-users:before{content:"\f0c0"}.u-icon-chain:before,.u-icon-link:before{content:"\f0c1"}.u-icon-cloud:before{content:"\f0c2"}.u-icon-flask:before{content:"\f0c3"}.u-icon-cut:before,.u-icon-scissors:before{content:"\f0c4"}.u-icon-copy:before,.u-icon-files-o:before{content:"\f0c5"}.u-icon-paperclip:before{content:"\f0c6"}.u-icon-floppy-o:before,.u-icon-save:before{content:"\f0c7"}.u-icon-square:before{content:"\f0c8"}.u-icon-bars:before,.u-icon-navicon:before,.u-icon-reorder:before{content:"\f0c9"}.u-icon-list-ul:before{content:"\f0ca"}.u-icon-list-ol:before{content:"\f0cb"}.u-icon-strikethrough:before{content:"\f0cc"}.u-icon-underline:before{content:"\f0cd"}.u-icon-table:before{content:"\f0ce"}.u-icon-magic:before{content:"\f0d0"}.u-icon-truck:before{content:"\f0d1"}.u-icon-pinterest:before{content:"\f0d2"}.u-icon-pinterest-square:before{content:"\f0d3"}.u-icon-google-plus-square:before{content:"\f0d4"}.u-icon-google-plus:before{content:"\f0d5"}.u-icon-money:before{content:"\f0d6"}.u-icon-caret-down:before{content:"\f0d7"}.u-icon-caret-up:before{content:"\f0d8"}.u-icon-caret-left:before{content:"\f0d9"}.u-icon-caret-right:before{content:"\f0da"}.u-icon-columns:before{content:"\f0db"}.u-icon-sort:before,.u-icon-unsorted:before{content:"\f0dc"}.u-icon-sort-desc:before,.u-icon-sort-down:before{content:"\f0dd"}.u-icon-sort-asc:before,.u-icon-sort-up:before{content:"\f0de"}.u-icon-envelope:before{content:"\f0e0"}.u-icon-linkedin:before{content:"\f0e1"}.u-icon-rotate-left:before,.u-icon-undo:before{content:"\f0e2"}.u-icon-gavel:before,.u-icon-legal:before{content:"\f0e3"}.u-icon-dashboard:before,.u-icon-tachometer:before{content:"\f0e4"}.u-icon-comment-o:before{content:"\f0e5"}.u-icon-comments-o:before{content:"\f0e6"}.u-icon-bolt:before,.u-icon-flash:before{content:"\f0e7"}.u-icon-sitemap:before{content:"\f0e8"}.u-icon-umbrella:before{content:"\f0e9"}.u-icon-clipboard:before,.u-icon-paste:before{content:"\f0ea"}.u-icon-lightbulb-o:before{content:"\f0eb"}.u-icon-exchange:before{content:"\f0ec"}.u-icon-cloud-download:before{content:"\f0ed"}.u-icon-cloud-upload:before{content:"\f0ee"}.u-icon-user-md:before{content:"\f0f0"}.u-icon-stethoscope:before{content:"\f0f1"}.u-icon-suitcase:before{content:"\f0f2"}.u-icon-bell-o:before{content:"\f0a2"}.u-icon-coffee:before{content:"\f0f4"}.u-icon-cutlery:before{content:"\f0f5"}.u-icon-file-text-o:before{content:"\f0f6"}.u-icon-building-o:before{content:"\f0f7"}.u-icon-hospital-o:before{content:"\f0f8"}.u-icon-ambulance:before{content:"\f0f9"}.u-icon-medkit:before{content:"\f0fa"}.u-icon-fighter-jet:before{content:"\f0fb"}.u-icon-beer:before{content:"\f0fc"}.u-icon-h-square:before{content:"\f0fd"}.u-icon-plus-square:before{content:"\f0fe"}.u-icon-angle-double-left:before{content:"\f100"}.u-icon-angle-double-right:before{content:"\f101"}.u-icon-angle-double-up:before{content:"\f102"}.u-icon-angle-double-down:before{content:"\f103"}.u-icon-angle-left:before{content:"\f104"}.u-icon-angle-right:before{content:"\f105"}.u-icon-angle-up:before{content:"\f106"}.u-icon-angle-down:before{content:"\f107"}.u-icon-desktop:before{content:"\f108"}.u-icon-laptop:before{content:"\f109"}.u-icon-tablet:before{content:"\f10a"}.u-icon-mobile-phone:before,.u-icon-mobile:before{content:"\f10b"}.u-icon-circle-o:before{content:"\f10c"}.u-icon-quote-left:before{content:"\f10d"}.u-icon-quote-right:before{content:"\f10e"}.u-icon-spinner:before{content:"\f110"}.u-icon-circle:before{content:"\f111"}.u-icon-mail-reply:before,.u-icon-reply:before{content:"\f112"}.u-icon-github-alt:before{content:"\f113"}.u-icon-folder-o:before{content:"\f114"}.u-icon-folder-open-o:before{content:"\f115"}.u-icon-smile-o:before{content:"\f118"}.u-icon-frown-o:before{content:"\f119"}.u-icon-meh-o:before{content:"\f11a"}.u-icon-gamepad:before{content:"\f11b"}.u-icon-keyboard-o:before{content:"\f11c"}.u-icon-flag-o:before{content:"\f11d"}.u-icon-flag-checkered:before{content:"\f11e"}.u-icon-terminal:before{content:"\f120"}.u-icon-code:before{content:"\f121"}.u-icon-mail-reply-all:before,.u-icon-reply-all:before{content:"\f122"}.u-icon-star-half-empty:before,.u-icon-star-half-full:before,.u-icon-star-half-o:before{content:"\f123"}.u-icon-location-arrow:before{content:"\f124"}.u-icon-crop:before{content:"\f125"}.u-icon-code-fork:before{content:"\f126"}.u-icon-chain-broken:before,.u-icon-unlink:before{content:"\f127"}.u-icon-question:before{content:"\f128"}.u-icon-info:before{content:"\f129"}.u-icon-exclamation:before{content:"\f12a"}.u-icon-superscript:before{content:"\f12b"}.u-icon-subscript:before{content:"\f12c"}.u-icon-eraser:before{content:"\f12d"}.u-icon-puzzle-piece:before{content:"\f12e"}.u-icon-microphone:before{content:"\f130"}.u-icon-microphone-slash:before{content:"\f131"}.u-icon-shield:before{content:"\f132"}.u-icon-calendar-o:before{content:"\f133"}.u-icon-fire-extinguisher:before{content:"\f134"}.u-icon-rocket:before{content:"\f135"}.u-icon-maxcdn:before{content:"\f136"}.u-icon-chevron-circle-left:before{content:"\f137"}.u-icon-chevron-circle-right:before{content:"\f138"}.u-icon-chevron-circle-up:before{content:"\f139"}.u-icon-chevron-circle-down:before{content:"\f13a"}.u-icon-html5:before{content:"\f13b"}.u-icon-css3:before{content:"\f13c"}.u-icon-anchor:before{content:"\f13d"}.u-icon-unlock-alt:before{content:"\f13e"}.u-icon-bullseye:before{content:"\f140"}.u-icon-ellipsis-h:before{content:"\f141"}.u-icon-ellipsis-v:before{content:"\f142"}.u-icon-rss-square:before{content:"\f143"}.u-icon-play-circle:before{content:"\f144"}.u-icon-ticket:before{content:"\f145"}.u-icon-minus-square:before{content:"\f146"}.u-icon-minus-square-o:before{content:"\f147"}.u-icon-level-up:before{content:"\f148"}.u-icon-level-down:before{content:"\f149"}.u-icon-check-square:before{content:"\f14a"}.u-icon-pencil-square:before{content:"\f14b"}.u-icon-external-link-square:before{content:"\f14c"}.u-icon-share-square:before{content:"\f14d"}.u-icon-compass:before{content:"\f14e"}.u-icon-caret-square-o-down:before,.u-icon-toggle-down:before{content:"\f150"}.u-icon-caret-square-o-up:before,.u-icon-toggle-up:before{content:"\f151"}.u-icon-caret-square-o-right:before,.u-icon-toggle-right:before{content:"\f152"}.u-icon-eur:before,.u-icon-euro:before{content:"\f153"}.u-icon-gbp:before{content:"\f154"}.u-icon-dollar:before,.u-icon-usd:before{content:"\f155"}.u-icon-inr:before,.u-icon-rupee:before{content:"\f156"}.u-icon-cny:before,.u-icon-jpy:before,.u-icon-rmb:before,.u-icon-yen:before{content:"\f157"}.u-icon-rouble:before,.u-icon-rub:before,.u-icon-ruble:before{content:"\f158"}.u-icon-krw:before,.u-icon-won:before{content:"\f159"}.u-icon-bitcoin:before,.u-icon-btc:before{content:"\f15a"}.u-icon-file:before{content:"\f15b"}.u-icon-file-text:before{content:"\f15c"}.u-icon-sort-alpha-asc:before{content:"\f15d"}.u-icon-sort-alpha-desc:before{content:"\f15e"}.u-icon-sort-amount-asc:before{content:"\f160"}.u-icon-sort-amount-desc:before{content:"\f161"}.u-icon-sort-numeric-asc:before{content:"\f162"}.u-icon-sort-numeric-desc:before{content:"\f163"}.u-icon-thumbs-up:before{content:"\f164"}.u-icon-thumbs-down:before{content:"\f165"}.u-icon-youtube-square:before{content:"\f166"}.u-icon-youtube:before{content:"\f167"}.u-icon-xing:before{content:"\f168"}.u-icon-xing-square:before{content:"\f169"}.u-icon-youtube-play:before{content:"\f16a"}.u-icon-dropbox:before{content:"\f16b"}.u-icon-stack-overflow:before{content:"\f16c"}.u-icon-instagram:before{content:"\f16d"}.u-icon-flickr:before{content:"\f16e"}.u-icon-adn:before{content:"\f170"}.u-icon-bitbucket:before{content:"\f171"}.u-icon-bitbucket-square:before{content:"\f172"}.u-icon-tumblr:before{content:"\f173"}.u-icon-tumblr-square:before{content:"\f174"}.u-icon-long-arrow-down:before{content:"\f175"}.u-icon-long-arrow-up:before{content:"\f176"}.u-icon-long-arrow-left:before{content:"\f177"}.u-icon-long-arrow-right:before{content:"\f178"}.u-icon-apple:before{content:"\f179"}.u-icon-windows:before{content:"\f17a"}.u-icon-android:before{content:"\f17b"}.u-icon-linux:before{content:"\f17c"}.u-icon-dribbble:before{content:"\f17d"}.u-icon-skype:before{content:"\f17e"}.u-icon-foursquare:before{content:"\f180"}.u-icon-trello:before{content:"\f181"}.u-icon-female:before{content:"\f182"}.u-icon-male:before{content:"\f183"}.u-icon-gittip:before,.u-icon-gratipay:before{content:"\f184"}.u-icon-sun-o:before{content:"\f185"}.u-icon-moon-o:before{content:"\f186"}.u-icon-archive:before{content:"\f187"}.u-icon-bug:before{content:"\f188"}.u-icon-vk:before{content:"\f189"}.u-icon-weibo:before{content:"\f18a"}.u-icon-renren:before{content:"\f18b"}.u-icon-pagelines:before{content:"\f18c"}.u-icon-stack-exchange:before{content:"\f18d"}.u-icon-arrow-circle-o-right:before{content:"\f18e"}.u-icon-arrow-circle-o-left:before{content:"\f190"}.u-icon-caret-square-o-left:before,.u-icon-toggle-left:before{content:"\f191"}.u-icon-dot-circle-o:before{content:"\f192"}.u-icon-wheelchair:before{content:"\f193"}.u-icon-vimeo-square:before{content:"\f194"}.u-icon-try:before,.u-icon-turkish-lira:before{content:"\f195"}.u-icon-plus-square-o:before{content:"\f196"}.u-icon-space-shuttle:before{content:"\f197"}.u-icon-slack:before{content:"\f198"}.u-icon-envelope-square:before{content:"\f199"}.u-icon-wordpress:before{content:"\f19a"}.u-icon-openid:before{content:"\f19b"}.u-icon-bank:before,.u-icon-institution:before,.u-icon-university:before{content:"\f19c"}.u-icon-graduation-cap:before,.u-icon-mortar-board:before{content:"\f19d"}.u-icon-yahoo:before{content:"\f19e"}.u-icon-google:before{content:"\f1a0"}.u-icon-reddit:before{content:"\f1a1"}.u-icon-reddit-square:before{content:"\f1a2"}.u-icon-stumbleupon-circle:before{content:"\f1a3"}.u-icon-stumbleupon:before{content:"\f1a4"}.u-icon-delicious:before{content:"\f1a5"}.u-icon-digg:before{content:"\f1a6"}.u-icon-pied-piper:before{content:"\f1a7"}.u-icon-pied-piper-alt:before{content:"\f1a8"}.u-icon-drupal:before{content:"\f1a9"}.u-icon-joomla:before{content:"\f1aa"}.u-icon-language:before{content:"\f1ab"}.u-icon-fax:before{content:"\f1ac"}.u-icon-building:before{content:"\f1ad"}.u-icon-child:before{content:"\f1ae"}.u-icon-paw:before{content:"\f1b0"}.u-icon-spoon:before{content:"\f1b1"}.u-icon-cube:before{content:"\f1b2"}.u-icon-cubes:before{content:"\f1b3"}.u-icon-behance:before{content:"\f1b4"}.u-icon-behance-square:before{content:"\f1b5"}.u-icon-steam:before{content:"\f1b6"}.u-icon-steam-square:before{content:"\f1b7"}.u-icon-recycle:before{content:"\f1b8"}.u-icon-automobile:before,.u-icon-car:before{content:"\f1b9"}.u-icon-cab:before,.u-icon-taxi:before{content:"\f1ba"}.u-icon-tree:before{content:"\f1bb"}.u-icon-spotify:before{content:"\f1bc"}.u-icon-deviantart:before{content:"\f1bd"}.u-icon-soundcloud:before{content:"\f1be"}.u-icon-database:before{content:"\f1c0"}.u-icon-file-pdf-o:before{content:"\f1c1"}.u-icon-file-word-o:before{content:"\f1c2"}.u-icon-file-excel-o:before{content:"\f1c3"}.u-icon-file-powerpoint-o:before{content:"\f1c4"}.u-icon-file-image-o:before,.u-icon-file-photo-o:before,.u-icon-file-picture-o:before{content:"\f1c5"}.u-icon-file-archive-o:before,.u-icon-file-zip-o:before{content:"\f1c6"}.u-icon-file-audio-o:before,.u-icon-file-sound-o:before{content:"\f1c7"}.u-icon-file-movie-o:before,.u-icon-file-video-o:before{content:"\f1c8"}.u-icon-file-code-o:before{content:"\f1c9"}.u-icon-vine:before{content:"\f1ca"}.u-icon-codepen:before{content:"\f1cb"}.u-icon-jsfiddle:before{content:"\f1cc"}.u-icon-life-bouy:before,.u-icon-life-buoy:before,.u-icon-life-ring:before,.u-icon-life-saver:before,.u-icon-support:before{content:"\f1cd"}.u-icon-circle-o-notch:before{content:"\f1ce"}.u-icon-ra:before,.u-icon-rebel:before{content:"\f1d0"}.u-icon-empire:before,.u-icon-ge:before{content:"\f1d1"}.u-icon-git-square:before{content:"\f1d2"}.u-icon-git:before{content:"\f1d3"}.u-icon-hacker-news:before,.u-icon-y-combinator-square:before,.u-icon-yc-square:before{content:"\f1d4"}.u-icon-tencent-weibo:before{content:"\f1d5"}.u-icon-qq:before{content:"\f1d6"}.u-icon-wechat:before,.u-icon-weixin:before{content:"\f1d7"}.u-icon-paper-plane:before,.u-icon-send:before{content:"\f1d8"}.u-icon-paper-plane-o:before,.u-icon-send-o:before{content:"\f1d9"}.u-icon-history:before{content:"\f1da"}.u-icon-circle-thin:before{content:"\f1db"}.u-icon-header:before{content:"\f1dc"}.u-icon-paragraph:before{content:"\f1dd"}.u-icon-sliders:before{content:"\f1de"}.u-icon-share-alt:before{content:"\f1e0"}.u-icon-share-alt-square:before{content:"\f1e1"}.u-icon-bomb:before{content:"\f1e2"}.u-icon-futbol-o:before,.u-icon-soccer-ball-o:before{content:"\f1e3"}.u-icon-tty:before{content:"\f1e4"}.u-icon-binoculars:before{content:"\f1e5"}.u-icon-plug:before{content:"\f1e6"}.u-icon-slideshare:before{content:"\f1e7"}.u-icon-twitch:before{content:"\f1e8"}.u-icon-yelp:before{content:"\f1e9"}.u-icon-newspaper-o:before{content:"\f1ea"}.u-icon-wifi:before{content:"\f1eb"}.u-icon-calculator:before{content:"\f1ec"}.u-icon-paypal:before{content:"\f1ed"}.u-icon-google-wallet:before{content:"\f1ee"}.u-icon-cc-visa:before{content:"\f1f0"}.u-icon-cc-mastercard:before{content:"\f1f1"}.u-icon-cc-discover:before{content:"\f1f2"}.u-icon-cc-amex:before{content:"\f1f3"}.u-icon-cc-paypal:before{content:"\f1f4"}.u-icon-cc-stripe:before{content:"\f1f5"}.u-icon-bell-slash:before{content:"\f1f6"}.u-icon-bell-slash-o:before{content:"\f1f7"}.u-icon-trash:before{content:"\f1f8"}.u-icon-copyright:before{content:"\f1f9"}.u-icon-at:before{content:"\f1fa"}.u-icon-eyedropper:before{content:"\f1fb"}.u-icon-paint-brush:before{content:"\f1fc"}.u-icon-birthday-cake:before{content:"\f1fd"}.u-icon-area-chart:before{content:"\f1fe"}.u-icon-pie-chart:before{content:"\f200"}.u-icon-line-chart:before{content:"\f201"}.u-icon-lastfm:before{content:"\f202"}.u-icon-lastfm-square:before{content:"\f203"}.u-icon-toggle-off:before{content:"\f204"}.u-icon-toggle-on:before{content:"\f205"}.u-icon-bicycle:before{content:"\f206"}.u-icon-bus:before{content:"\f207"}.u-icon-ioxhost:before{content:"\f208"}.u-icon-angellist:before{content:"\f209"}.u-icon-cc:before{content:"\f20a"}.u-icon-ils:before,.u-icon-shekel:before,.u-icon-sheqel:before{content:"\f20b"}.u-icon-meanpath:before{content:"\f20c"}.u-icon-buysellads:before{content:"\f20d"}.u-icon-connectdevelop:before{content:"\f20e"}.u-icon-dashcube:before{content:"\f210"}.u-icon-forumbee:before{content:"\f211"}.u-icon-leanpub:before{content:"\f212"}.u-icon-sellsy:before{content:"\f213"}.u-icon-shirtsinbulk:before{content:"\f214"}.u-icon-simplybuilt:before{content:"\f215"}.u-icon-skyatlas:before{content:"\f216"}.u-icon-cart-plus:before{content:"\f217"}.u-icon-cart-arrow-down:before{content:"\f218"}.u-icon-diamond:before{content:"\f219"}.u-icon-ship:before{content:"\f21a"}.u-icon-user-secret:before{content:"\f21b"}.u-icon-motorcycle:before{content:"\f21c"}.u-icon-street-view:before{content:"\f21d"}.u-icon-heartbeat:before{content:"\f21e"}.u-icon-venus:before{content:"\f221"}.u-icon-mars:before{content:"\f222"}.u-icon-mercury:before{content:"\f223"}.u-icon-intersex:before,.u-icon-transgender:before{content:"\f224"}.u-icon-transgender-alt:before{content:"\f225"}.u-icon-venus-double:before{content:"\f226"}.u-icon-mars-double:before{content:"\f227"}.u-icon-venus-mars:before{content:"\f228"}.u-icon-mars-stroke:before{content:"\f229"}.u-icon-mars-stroke-v:before{content:"\f22a"}.u-icon-mars-stroke-h:before{content:"\f22b"}.u-icon-neuter:before{content:"\f22c"}.u-icon-genderless:before{content:"\f22d"}.u-icon-facebook-official:before{content:"\f230"}.u-icon-pinterest-p:before{content:"\f231"}.u-icon-whatsapp:before{content:"\f232"}.u-icon-server:before{content:"\f233"}.u-icon-user-plus:before{content:"\f234"}.u-icon-user-times:before{content:"\f235"}.u-icon-bed:before,.u-icon-hotel:before{content:"\f236"}.u-icon-viacoin:before{content:"\f237"}.u-icon-train:before{content:"\f238"}.u-icon-subway:before{content:"\f239"}.u-icon-medium:before{content:"\f23a"}.u-icon-y-combinator:before,.u-icon-yc:before{content:"\f23b"}.u-icon-optin-monster:before{content:"\f23c"}.u-icon-opencart:before{content:"\f23d"}.u-icon-expeditedssl:before{content:"\f23e"}.u-icon-battery-4:before,.u-icon-battery-full:before{content:"\f240"}.u-icon-battery-3:before,.u-icon-battery-three-quarters:before{content:"\f241"}.u-icon-battery-2:before,.u-icon-battery-half:before{content:"\f242"}.u-icon-battery-1:before,.u-icon-battery-quarter:before{content:"\f243"}.u-icon-battery-0:before,.u-icon-battery-empty:before{content:"\f244"}.u-icon-mouse-pointer:before{content:"\f245"}.u-icon-i-cursor:before{content:"\f246"}.u-icon-object-group:before{content:"\f247"}.u-icon-object-ungroup:before{content:"\f248"}.u-icon-sticky-note:before{content:"\f249"}.u-icon-sticky-note-o:before{content:"\f24a"}.u-icon-cc-jcb:before{content:"\f24b"}.u-icon-cc-diners-club:before{content:"\f24c"}.u-icon-clone:before{content:"\f24d"}.u-icon-balance-scale:before{content:"\f24e"}.u-icon-hourglass-o:before{content:"\f250"}.u-icon-hourglass-1:before,.u-icon-hourglass-start:before{content:"\f251"}.u-icon-hourglass-2:before,.u-icon-hourglass-half:before{content:"\f252"}.u-icon-hourglass-3:before,.u-icon-hourglass-end:before{content:"\f253"}.u-icon-hourglass:before{content:"\f254"}.u-icon-hand-grab-o:before,.u-icon-hand-rock-o:before{content:"\f255"}.u-icon-hand-paper-o:before,.u-icon-hand-stop-o:before{content:"\f256"}.u-icon-hand-scissors-o:before{content:"\f257"}.u-icon-hand-lizard-o:before{content:"\f258"}.u-icon-hand-spock-o:before{content:"\f259"}.u-icon-hand-pointer-o:before{content:"\f25a"}.u-icon-hand-peace-o:before{content:"\f25b"}.u-icon-trademark:before{content:"\f25c"}.u-icon-registered:before{content:"\f25d"}.u-icon-creative-commons:before{content:"\f25e"}.u-icon-gg:before{content:"\f260"}.u-icon-gg-circle:before{content:"\f261"}.u-icon-tripadvisor:before{content:"\f262"}.u-icon-odnoklassniki:before{content:"\f263"}.u-icon-odnoklassniki-square:before{content:"\f264"}.u-icon-get-pocket:before{content:"\f265"}.u-icon-wikipedia-w:before{content:"\f266"}.u-icon-safari:before{content:"\f267"}.u-icon-chrome:before{content:"\f268"}.u-icon-firefox:before{content:"\f269"}.u-icon-opera:before{content:"\f26a"}.u-icon-internet-explorer:before{content:"\f26b"}.u-icon-television:before,.u-icon-tv:before{content:"\f26c"}.u-icon-contao:before{content:"\f26d"}.u-icon-500px:before{content:"\f26e"}.u-icon-amazon:before{content:"\f270"}.u-icon-calendar-plus-o:before{content:"\f271"}.u-icon-calendar-minus-o:before{content:"\f272"}.u-icon-calendar-times-o:before{content:"\f273"}.u-icon-calendar-check-o:before{content:"\f274"}.u-icon-industry:before{content:"\f275"}.u-icon-map-pin:before{content:"\f276"}.u-icon-map-signs:before{content:"\f277"}.u-icon-map-o:before{content:"\f278"}.u-icon-map:before{content:"\f279"}.u-icon-commenting:before{content:"\f27a"}.u-icon-commenting-o:before{content:"\f27b"}.u-icon-houzz:before{content:"\f27c"}.u-icon-vimeo:before{content:"\f27d"}.u-icon-black-tie:before{content:"\f27e"}.u-icon-fonticons:before{content:"\f280"}.u-icon-rotate_left:before{content:"\e900"}.u-icon-import:before{content:"\e901"}.u-icon-export:before{content:"\e902"}.u-icon-zoomin:before{content:"\e903"}.u-icon-expand:before{content:"\e904"}.u-icon-delete:before{content:"\e905"}.u-icon-zoomout:before{content:"\e906"}.u-icon-rezoom:before{content:"\e907"}.u-icon-rotate_right:before{content:"\e908"}.u-icon-retry:before{content:"\e909"}.u-icon-warning:before{content:"\e90a"}.u-icon-edit:before{content:"\e90b"}.u-icon-info:before{content:"\e90c"}.u-icon-error:before{content:"\e90d"}.u-icon-success:before{content:"\e90e"}.u-icon-chevron_left:before{content:"\e90f"}.u-icon-chevron_right:before{content:"\e910"}.u-icon-search:before{content:"\e911"}.u-icon-close:before{content:"\e912"}.u-icon-ok:before{content:"\e913"}.u-icon-check_empty:before{content:"\e914"}.u-icon-angle_down:before{content:"\e915"}.u-icon-add:before{content:"\e916"}.u-icon-success2:before{content:"\e917"}.u-icon-error2:before{content:"\e918"}.u-icon-warning2:before{content:"\e919"}.u-icon-info2:before{content:"\e91a"}.u-icon-calendar:before{content:"\e91b"}.u-icon-line:before{content:"\e91c"}.u-icon-upload:before{content:"\e91d"}.u-icon-download:before{content:"\e91e"}.u-icon-trash:before{content:"\e91f"}.u-icon-plus:before{content:"\e920"}.u-icon-home2:before{content:"\e921"}.input,.textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;border:0;padding:0;border-radius:0;font:inherit;color:inherit;-webkit-appearance:none;max-width:100%}.u-select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;border:0;padding:0;border-radius:0;font:inherit;color:inherit;-webkit-appearance:none;max-width:100%;color:#333;background:#fff;-moz-border-radius:2px;border-radius:2px}.u-select::-webkit-input-placeholder{color:#999;opacity:1}.u-select::-moz-placeholder{color:#999;opacity:1}.u-select:-moz-placeholder{color:#999;opacity:1}.u-select:-ms-placeholder{color:#999;opacity:1}.u-select:focus{outline:0;background:#fff;color:#333;border:1px solid #d30030}.u-select:disabled{cursor:not-allowed;background:#eee;color:#999;border:1px solid #ddd}.u-select{text-transform:none}.u-select optgroup{font:inherit;font-weight:700}.textarea{width:100%;height:120px}input.u-check,input.u-radio{cursor:pointer;vertical-align:middle}input.u-check:focus,input.u-radio:focus{outline:0}input.u-check:disabled,input.u-radio:disabled{cursor:not-allowed}.textarea-block,.u-select-block{display:block;width:100%}.textarea,.u-input .input,.u-select,.u-textarea{transition:border-color 1s ease}.textarea.sm,.u-dropdown.sm,.u-input.sm{padding:5px 10px;height:24px;font-size:12px}.textarea.lg,.u-dropdown.lg,.u-input.lg{padding:10px 16px;height:38px;font-size:16px}.textarea-smw,.u-dropdown-smw,.u-select-smw{display:inline-block;width:80px}.textarea-mdw,.u-dropdown-mdw,.u-select-mdw{display:inline-block;width:160px}.textarea-lgw,.u-dropdown-lgw,.u-select-lgw{display:inline-block;width:300px}.u-input .input-success,.u-select.u-select-success,.u-textarea .textarea-success{color:#6794d1;border-color:#6794d1}.u-input .input-warning,.u-select.u-select-warning,.u-textarea .textarea-warning{color:#fcd800;border-color:#fcd800}.u-input .input-error,.u-select.u-select-error,.u-textarea .textarea-error{color:#f48080;border-color:#f48080}.textarea.textarea-blank,.u-input.u-input-blank,.u-select.u-select-blank{border-color:transparent;border-style:dashed;background:0 0}.textarea.textarea-blank:focus,.u-input.u-input-blank:focus,.u-select.u-select-blank:focus{border-color:#ddd}.u-unitgroup{font-size:0;line-height:initial}.u-unitgroup .u-btn{margin-right:16px}.u-unitgroup .u-btn:last-child{margin-right:0}.u-unitgroup .u-check,.u-unitgroup .u-radio{margin-right:40px}.u-unitgroup .u-check:last-child,.u-unitgroup .u-radio:last-child{margin-right:0}.u-unitgroup .u-tip{margin-top:0}.u-unitgroup .unitgroup_wrap{display:flex;align-items:center;flex-wrap:wrap}.u-unitgroup-sm{font-size:0}.u-unitgroup-sm .u-btn{margin-right:8px}.u-unitgroup-sm .u-btn:last-child{margin-right:0}.u-unitgroup-sm .u-check,.u-unitgroup-sm .u-radio{margin-right:16px;line-height:24px}.u-unitgroup-sm .u-check:last-child,.u-unitgroup-sm .u-radio:last-child{margin-right:0}.u-tip{display:inline-block;margin-top:5px;font-size:12px;padding:0;-moz-border-radius:2px;border-radius:2px}.u-tip .u-icon{vertical-align:top;margin-right:6px;font-size:15px;line-height:18px}.u-tip .tip{vertical-align:top;display:inline-block;line-height:18px}.u-tip .tip.animated{animation-duration:.8s;animation-timing-function:ease}.u-tip-info{color:#479ca2}.u-tip-success{color:#6794d1}.u-tip-warning{color:#fcd800}.u-tip-error{color:#d30030}.m-collapse{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.m-collapse .m-panel .panel_hd{cursor:pointer}.u-gotop{position:fixed;display:block;text-align:center;z-index:1050;top:30px;left:30px}.u-gotop-bottomright,.u-gotop-topright{left:auto;right:30px}.u-gotop-bottomcenter,.u-gotop-topcenter{left:50%;margin-left:-25px}.u-gotop-bottomcenter,.u-gotop-bottomleft,.u-gotop-bottomright{top:auto;bottom:30px}.u-gotop-static{position:static}.u-gotop{height:50px;width:50px;line-height:50px;font-size:32px;background:#eee;color:#444;opacity:.6}.u-gotop:hover{opacity:.9}.m-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:cross-slide-y pinch-zoom double-tap-zoom;text-align:center;overflow:hidden;background:rgba(0,0,0,.85);color:#fff}.m-panel{background:#fff}.m-panel .panel_ft,.m-panel .panel_hd{background:#6f8cb0;padding:8px 10px}.m-panel .panel_hd{display:flex;justify-content:space-between;align-items:center;color:#f4f4f4;border-bottom:1px solid #e31436}.m-panel .panel_hd .tools{margin-left:auto}.m-panel .panel_hd .u-btn{font-size:16px;background:#6f8cb0;border:1px solid #6f8cb0}.m-panel .panel_hd .u-btn .u-icon{color:#f4f4f4;background:#6f8cb0;border:1px solid #6f8cb0}.m-panel .panel_hd .u-btn:hover{border:1px solid #6f8cb0}.m-panel .panel_ft{padding:5px 10px}.m-panel .panel_bd{padding:20px 5px;border:1px solid #efefef;border-top:0}.m-panel .panel_tt{font-size:14px;font-weight:700}.u-selectgroup{vertical-align:top}.u-selectgroup-error .u-select .dropdown_hd{border-color:#d73925}.u-suggest .m-listview{overflow-x:hidden;overflow-y:auto}.u-suggest .m-treeview{overflow:auto}.u-suggest .m-listview,.u-suggest .m-treeview{max-height:200px}.u-group{position:relative;display:table;border-collapse:separate;border-spacing:0;width:100%}.u-group>*{display:inline-block;border-radius:0!important;border-right-width:0!important;vertical-align:middle}.u-group *{border-radius:0}.u-group .g-col{margin:0;padding:0}.u-group>:first-child>*{border-top-left-radius:4px!important;border-bottom-left-radius:4px!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-left-width:1px!important;border-right-width:0!important}.u-group>:last-child>*{border-top-right-radius:4px!important;border-bottom-right-radius:4px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-right-width:1px!important}.u-uploader{display:inline-block}.u-uploader form,.u-uploader iframe{display:none}.u-uploader input[type=file]{top:0;right:-5px;font-size:100px;opacity:0;cursor:pointer}.u-dropdown{position:relative;vertical-align:top}.u-dropdown .dropdown_bd{position:absolute;z-index:10;width:100%;top:100%;line-height:normal}.u-dropdown .dropdown_bd .m-listview>li>a{display:block}.u-dropdown .dropdown_bd .check_box,.u-dropdown .dropdown_bd .u-check{margin-bottom:0}.dropdown_hd.z-dis{background:#eee;color:#999;border:1px solid #d2d6de;cursor:not-allowed}.m-listview{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.m-listview>li{cursor:pointer;position:relative}.m-listview>li.z-dis{cursor:not-allowed;background:0 0}.m-listview.z-dis>li{cursor:not-allowed;background:0 0}.m-listview{padding:5px 0;background:#fff;color:#333;border:1px solid #eee;border-top:none}.m-listview>li{font-size:12px;color:#333;padding:7px 9px 7px 9px;margin:6px 0;line-height:18px}.m-listview>li:hover{background:#f1f1f1;color:#444}.m-listview>li.z-sel{background:#4690ee;color:#fff}.m-listview>li.z-dis{background:0 0;color:#999}.m-listview>li.z-divider{margin:9px 0;padding:0;height:1px;background:#e5e5e5;overflow:hidden}.m-listview.z-dis{background:#eee}.m-listview.z-dis>li{background:#eee;color:#999}.u-btn{-webkit-appearance:none;margin:0;overflow:visible;font:inherit;text-transform:none;text-decoration:none;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:0 0;display:inline-block;vertical-align:top;text-align:center;height:32px;min-width:80px;padding:0 16px;background:#fff;border:1px solid #ddd;-moz-border-radius:2px;border-radius:2px;line-height:30px;font-size:12px;color:#333;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;transition-timing-function:ease;white-space:nowrap}.u-btn:focus,.u-btn:hover{outline:0;text-decoration:none;background:#fff;border-color:#bbb}.u-btn.z-act,.u-btn:active{background:#fff}.u-btn.z-dis,.u-btn:disabled{cursor:not-allowed;opacity:.5;-webkit-box-shadow:none;box-shadow:none}.u-btn-clicked{transform:translateY(2px)}.u-btn-block{display:block;width:100%}.u-btn .u-icon{vertical-align:bottom;color:#999;margin-right:4px;font-size:15px}.u-btn-xs{padding:0 5px;line-height:30px;font-size:10px}.u-btn-xs .u-icon{font-size:10px}.u-btn-sm{padding:0 8px;line-height:30px;min-width:56px;height:24px;line-height:22px;font-size:12px}.u-btn-sm .u-icon{font-size:12px}.u-btn-lg{padding:0 16px;line-height:30px;font-size:16px}.u-btn-lg .u-icon{font-size:16px}.u-btn-xl{padding:0 20px;line-height:30px;font-size:18px}.u-btn-xl .u-icon{font-size:18px}.u-btn-circle.u-btn-xs{padding:0;width:22px;height:22px;line-height:20px;min-width:inherit;font-size:10px;-moz-border-radius:100%;border-radius:100%}.u-btn-circle.u-btn-xs .u-icon{margin-right:0;margin-left:2px}.u-btn-circle.u-btn-sm{padding:0;width:24px;height:24px;line-height:22px;min-width:inherit;font-size:12px;-moz-border-radius:100%;border-radius:100%}.u-btn-circle.u-btn-sm .u-icon{margin-right:0;margin-left:2px}.u-btn-circle.u-btn-normal{padding:0;width:34px;height:34px;line-height:30px;min-width:inherit;font-size:12px;-moz-border-radius:100%;border-radius:100%}.u-btn-circle.u-btn-normal .u-icon{margin-right:0;margin-left:2px}.u-btn-circle.u-btn-lg{padding:0;width:38px;height:38px;line-height:36px;min-width:inherit;font-size:16px;-moz-border-radius:100%;border-radius:100%}.u-btn-circle.u-btn-lg .u-icon{margin-right:0;margin-left:2px}.u-btn-circle.u-btn-xl{padding:0;width:46px;height:46px;line-height:44px;min-width:inherit;font-size:18px;-moz-border-radius:100%;border-radius:100%}.u-btn-circle.u-btn-xl .u-icon{margin-right:0;margin-left:2px}.u-btn-icon.u-btn-xs{padding:0;width:22px;height:22px;line-height:20px;min-width:inherit;border:none;font-size:10px;-moz-border-radius:100%;border-radius:100%}.u-btn-icon.u-btn-xs .u-icon{margin-right:0;margin-left:2px}.u-btn-icon.u-btn-sm{padding:0;width:24px;height:24px;line-height:22px;min-width:inherit;border:none;font-size:12px;-moz-border-radius:100%;border-radius:100%}.u-btn-icon.u-btn-sm .u-icon{margin-right:0;margin-left:2px}.u-btn-icon.u-btn-normal{padding:0;width:34px;height:34px;line-height:30px;min-width:inherit;border:none;font-size:12px;-moz-border-radius:100%;border-radius:100%}.u-btn-icon.u-btn-normal .u-icon{margin-right:0;margin-left:2px}.u-btn-icon.u-btn-lg{padding:0;width:38px;height:38px;line-height:36px;min-width:inherit;border:none;font-size:16px;-moz-border-radius:100%;border-radius:100%}.u-btn-icon.u-btn-lg .u-icon{margin-right:0;margin-left:2px}.u-btn-icon.u-btn-xl{padding:0;width:46px;height:46px;line-height:44px;min-width:inherit;border:none;font-size:18px;-moz-border-radius:100%;border-radius:100%}.u-btn-icon.u-btn-xl .u-icon{margin-right:0;margin-left:2px}.u-btn-primary{color:#fff;background:#4690ee;border:1px solid #4690ee}.u-btn-primary .u-icon{color:#fff}.u-btn-primary:focus,.u-btn-primary:hover{color:#fff;background:#4389e2;border-color:#4389e2}.u-btn-primary.z-act,.u-btn-primary:active{color:#fff;background:#4389e2;border-color:#4389e2}.u-btn-secondary{color:#5dbef0;background:#fff;border:1px solid #5dbef0}.u-btn-secondary .u-icon{color:#5dbef0}.u-btn-secondary:focus,.u-btn-secondary:hover{color:#54abd8;background:#fff;border-color:#54abd8}.u-btn-secondary.z-act,.u-btn-secondary:active{color:#54abd8;background:#fff;border-color:#54abd8}.u-btn-tertiary{color:#333;background:#fff;border:1px solid #ddd}.u-btn-tertiary .u-icon{color:#333}.u-btn-tertiary:focus,.u-btn-tertiary:hover{color:#333;background:#fff;border-color:#bbb}.u-btn-tertiary.z-act,.u-btn-tertiary:active{color:#333;background:#fff;border-color:#bbb}.u-btn-info{color:#fff;background:#479ca2;border:1px solid #479ca2}.u-btn-info .u-icon{color:#fff}.u-btn-info:focus,.u-btn-info:hover{color:#fff;background:#408c92;border-color:#408c92}.u-btn-info.z-act,.u-btn-info:active{color:#fff;background:#408c92;border-color:#408c92}.u-btn-success{color:#fff;background:#6794d1;border:1px solid #6794d1}.u-btn-success .u-icon{color:#fff}.u-btn-success:focus,.u-btn-success:hover{color:#fff;background:#5d85bc;border-color:#5d85bc}.u-btn-success.z-act,.u-btn-success:active{color:#fff;background:#5d85bc;border-color:#5d85bc}.u-btn-warning{color:#fff;background:#d30030;border:1px solid #d30030}.u-btn-warning .u-icon{color:#fff}.u-btn-warning:focus,.u-btn-warning:hover{color:#fff;background:#be002b;border-color:#be002b}.u-btn-warning.z-act,.u-btn-warning:active{color:#fff;background:#be002b;border-color:#be002b}.u-btn-error{color:#fff;background:#d30030;border:1px solid #d30030}.u-btn-error .u-icon{color:#fff}.u-btn-error:focus,.u-btn-error:hover{color:#fff;background:#be002b;border-color:#be002b}.u-btn-error.z-act,.u-btn-error:active{color:#fff;background:#be002b;border-color:#be002b}.u-btn-success{padding:0 10px;background:#fff;color:#6794d1;border:1px solid #a3e37e}.u-btn-success .u-icon{font-size:15px;vertical-align:top;color:#9fe385}.u-btn-success:focus,.u-btn-success:hover{color:#5d85bc;background:#fff;border-color:#a9e691}.u-btn-warning{padding:0 10px;background:#fff;color:#f86b6b;border:1px solid #d30030}.u-btn-warning .u-icon{font-size:15px;vertical-align:top;color:#f78081}.u-btn-warning:focus,.u-btn-warning:hover{color:#f97a7a;background:#fff;border-color:#f88d8e}.u-btn-add{padding:0 10px;background:#fff;color:#4690ee;border:1px solid #4690ee}.u-btn-add .u-icon{font-size:15px;vertical-align:top;color:#4690ee}.u-btn-add:focus,.u-btn-add:hover{color:#4389e2;background:#fff;border-color:#4389e2}.u-check{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;font-size:12px;line-height:32px}.u-check .check_box{display:inline-block;position:relative;overflow:hidden;text-align:center;margin-right:8px;height:13px;width:13px;line-height:12px;vertical-align:text-top;background:#fff;color:#e61438;border:1px solid #ddd}.u-check .check_box .u-icon{display:none;font-size:13px;line-height:13px}.u-check .check_box:hover{border:1px solid #e61438}.u-check.z-chk .check_box{background:#e61438;color:#fff;border:1px solid #e61438}.u-check.z-chk .check_box .u-icon{display:inline-block}.u-check.z-part .check_box{background:#e61438;color:#fff;border:1px solid #e61438}.u-check.z-part .check_box .u-icon{display:inline-block}.u-check.z-part .check_box .u-icon:before{content:"\e91c"}.u-check.z-dis{cursor:not-allowed}.u-check.z-dis .check_box{color:#eee;border:1px solid #eee}.u-check-block{display:block;width:100%}.u-input.sm{padding:5px 10px;height:24px;font-size:12px}.u-input.lg{padding:10px 16px;height:38px;font-size:16px}.u-input.smw{display:inline-block;width:80px;vertical-align:top}.u-input.mdw{display:inline-block;width:160px;vertical-align:top}.u-input.lgw{display:inline-block;width:300px;vertical-align:top}.u-calendar{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.u-calendar .calendar_item{display:inline-block;cursor:pointer}.u-calendar .calendar_item.z-dis{cursor:not-allowed}.u-calendar .calendar_hd:after,.u-calendar .calendar_hd:before{display:table;content:"";line-height:0}.u-calendar .calendar_hd:after{clear:both}.u-calendar .calendar_hd .calendar_prev{float:left}.u-calendar .calendar_hd .calendar_next{float:right}.u-calendar .calendar_bd{clear:both}.u-calendar .calendar_bd .calendar_week .calendar_item{cursor:default}.u-calendar.z-dis .calendar_item{cursor:not-allowed}.u-calendar{width:250px;padding:4px;background:#fff;color:#333;border:1px solid #ddd;-moz-border-radius:4px;border-radius:4px}.u-calendar .calendar_item{width:32px;height:30px;line-height:30px;margin:1px;-moz-border-radius:2px;border-radius:2px}.u-calendar .calendar_item:hover{background:#f1f1f1;color:#444}.u-calendar .calendar_item.z-sel{background:#4690ee;color:#fff}.u-calendar .calendar_item.z-muted{color:#999}.u-calendar .calendar_item.z-dis{background:0 0;color:#999}.u-calendar .calendar_hd{line-height:32px}.u-calendar .calendar_bd .calendar_week .calendar_item{background:0 0}.u-calendar.z-dis .calendar_item{background:#fff;color:#999}.u-calendar.z-dis .calendar_item.z-sel{background:#eee;color:#999}.u-datetimepicker .input-error{border-color:#f48080}.u-datetimepicker .btns{margin-top:10px}.u-datetimepicker .dropdown_ft{display:flex;padding:4px 0 0;margin-top:4px;justify-content:flex-end;border-top:1px solid #ddd}.u-datetimepicker .dropdown_ft .datetimepicker_confirmBtn{color:#e31436;background:#fff;border:1px solid #e31436}.u-numberinput{display:inline-block;position:relative;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.u-numberinput .u-input{display:inline-block}.u-numberinput .u-btn{position:absolute;border:none;right:7px;top:2px;min-width:0;height:13px;line-height:13px;padding:0 4px}.u-numberinput .u-btn+.u-btn{top:auto;bottom:2px}.u-numberinput .u-btn:focus,.u-numberinput .u-btn:hover{outline:0;border:1px solid #adadad}.u-timepicker{display:inline-block}.u-timepicker .u-input,.u-timepicker .u-numberinput{width:auto}.u-timepicker .u-input{width:56px;padding:6px}.u-timepicker .u-input{display:inline-block;box-sizing:content-box}.u-timepicker .u-numberinput .u-btn{top:8px;margin:auto}.u-timepicker .u-numberinput .u-btn+.u-btn{top:auto;bottom:8px}.m-form fieldset{border:none;margin:0;padding:0}.m-form legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0;border:none}.m-form.inline .u-formitem{display:inline-block;vertical-align:top;margin-bottom:0}.m-form.inline .u-formitem .formitem_ct{display:inline-block}.m-form legend{font-size:16px;border-bottom:1px solid #ddd;line-height:32px;margin:15px 0;color:#777}.m-form fieldset>.u-formitem,.m-form>.u-formitem{margin-bottom:16px}.u-formitem{display:flex;margin-bottom:10px}.u-formitem .formitem_tt{position:relative;float:left;padding-right:8px;font-size:12px;text-align:right;line-height:2.5;max-width:144px}.u-formitem .formitem_tt-sm{width:80px}.u-formitem .formitem_tt-md{width:144px}.u-formitem .formitem_tt-lg{width:176px;max-width:176px}.u-formitem .formitem_tt-xlg{width:224px;max-width:224px}.u-formitem .formitem_tt-lh-sm{line-height:1}.u-formitem .formitem_tt-lh-md{line-height:1.6}.u-formitem .formitem_tt-lh-lg{line-height:2.5}.u-formitem .formitem_info{color:#ccc;vertical-align:middle}.u-formitem .formitem_ct{flex:1;min-width:0;font-size:12px}.u-formitem .formitem_desc{display:inline-block;vertical-align:top;color:#999}.u-formitem .g-col:first-child{padding-left:0}.u-formitem .g-col:last-child{padding-right:0}.u-formitem .formitem_rqr{color:#ff753f}.u-formitem-inline{display:inline-block;vertical-align:top;margin-bottom:0}.u-formitem-inline .formitem_ct{display:inline-block}.u-formitem-vertical{flex-direction:column}.u-formitem-vertical .formitem_tt{text-align:left!important;width:100%;max-width:100%}.m-table .u-formitem{margin-bottom:0}.u-input{display:block;position:relative;width:100%}.u-input .input{padding:6px 10px 6px 8px;color:#333;background:#fff;-moz-border-radius:2px;border-radius:2px;border:1px solid #ddd;height:32px;line-height:32px;font-size:12px;width:100%}.u-input .input::-webkit-input-placeholder{color:#999;font-size:12px;opacity:1}.u-input .input::-moz-placeholder{color:#999;font-size:12px;opacity:1}.u-input .input:-moz-placeholder{color:#999;font-size:12px;opacity:1}.u-input .input:-ms-placeholder{color:#999;font-size:12px;opacity:1}.u-input .input:focus{outline:0;background:#fff;color:#333;border:1px solid #d30030}.u-input .input:disabled{cursor:not-allowed;background:#eee;color:#999;border:1px solid #ddd}.u-input .input-error{border-color:#f48080}.u-input .input_wrap{position:relative;display:block}.u-input .input_icon,.u-input .input_unit{position:absolute;height:24px;line-height:24px;right:10px;top:0;bottom:0;margin:auto;color:#666}.u-input .input_icon{font-size:12px}.u-input .input_icon:active,.u-input .input_icon:hover{color:#4690ee;cursor:pointer}.u-input .input_icon_clearable{opacity:0}.u-input .input_icon_clearable:hover{opacity:1}.u-input .input_placeholder{position:absolute;left:0;top:0;bottom:0;color:#999;padding:6px 10px 6px 8px;border-left:1px solid transparent}.u-input-sm{height:24px}.u-input-sm .input{height:24px;line-height:24px}.u-input-block{display:block;width:100%}.u-input+.u-tip{margin-left:5px}.u-input-smw{display:inline-block;width:80px;vertical-align:top}.u-input-mdw{display:inline-block;width:160px;vertical-align:top}.u-input-lgw{display:inline-block;width:300px;vertical-align:top}.u-multi ::-webkit-scrollbar{width:6px;height:8px;background-color:#fff}.u-multi ::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dadada}.u-multi .dropdown_hd{max-height:84px;overflow-y:auto}.u-multi .dropdown_hd .selected-tag{height:22px;line-height:22px}.u-multi .dropdown_hd .m-multi-placeholder{color:#999}.u-multi .dropdown_hd .selectedTagMore{overflow:hidden;text-overflow:ellipsis;max-width:150px}.u-multi .dropdown_hd .angle-transform{transform:rotate(180deg)}.u-multi .dropdown_hd i.angle{transition:transform .5s;line-height:20px;margin-top:5px}.u-multi .cateWrap{max-width:412px;overflow-x:auto;white-space:nowrap;position:absolute;background-color:#fff;font-size:0}.u-multi .cateWrap li,.u-multi .cateWrap ul{list-style-type:none}.u-multi .cateWrap ::-webkit-scrollbar{width:6px;background-color:#fff}.u-multi .cateWrap ::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dadada}.u-multi .cateWrap ul{width:136px;border-bottom:1px solid #eee;border-left:1px solid #eee;margin:0;height:260px;padding:0;overflow-y:auto;overflow-x:hidden;font-size:14px;display:inline-block}.u-multi .cateWrap ul:last-child{border-right:1px solid #eee}.u-multi .cateWrap li{height:32px;overflow:hidden;line-height:32px;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;padding-right:15px;position:relative}.u-multi .cateWrap li:hover{background-color:#f6f9fc}.u-multi .cateWrap li .onlyChild{background-color:#fff;font-size:12px}.u-multi .cateWrap li .onlyChild:hover{background-color:#ddd}.u-multi .cateWrap .input_wrap,.u-multi .cateWrap .u-input{height:32px}.u-multi .cateWrap .u-check{margin-left:13px;width:15px}.u-multi .cateWrap .more{position:absolute;text-align:center;width:30px;right:0}.u-multi .cateWrap .cateName{padding-left:15px}.u-multi .cateWrap .active{background-color:#f6f9fc}.u-multi.z-dis .dropdown_hd{cursor:not-allowed;background:#eee;border:1px solid #ddd;color:#999}.u-radio{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;font-size:12px;line-height:32px}.u-radio .radio_box{display:inline-block;position:relative;overflow:hidden;text-align:center;margin-right:8px;height:13px;width:13px;line-height:13px;vertical-align:text-top;background:#fff;color:#4690ee;border:1px solid #dfe3e9;border-radius:13px}.u-radio .radio_box .u-icon{content:"";display:none;position:absolute;top:50%;left:50%;margin-top:-3.5px;margin-left:-3.5px;width:7px;height:7px;border-radius:7px;background:#e61438}.u-radio.z-sel .radio_box{border:1px solid #e61438}.u-radio.z-sel .radio_box .u-icon{display:inline-block}.u-radio.z-dis{cursor:not-allowed}.u-radio.z-dis .radio_box{color:#eee;border:1px solid #eee}.u-radio-block{display:block;width:100%}.u-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top}.u-select .z-hover{background:#f1f1f1}.u-select .dropdown_hd{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:0;min-height:32px;line-height:30px;padding:0 10px;background:#fff;color:#333;border:1px solid #ddd;-moz-border-radius:2px;border-radius:2px;overflow-y:auto;position:relative}.u-select .dropdown_hd .u-icon{float:right;width:auto;line-height:inherit;position:absolute;right:5px}.u-select .dropdown_hd .u-icon-remove{color:#a4a5b9}.u-select .dropdown_hd .m-multi-placeholder{color:#999}.u-select .dropdown_hd .u-select-errorIcon{position:relative;top:-28px}.u-select .dropdown_hd .hoverShow{display:none}.u-select .dropdown_hd:hover .hoverShow{display:inline-block}.u-select .dropdown_hd:hover .hoverHide{display:none}.u-select .dropdown_hd span{float:left;font-size:12px}.u-select .selected-tag{position:relative;padding:0 20px 0 10px;margin:4px 5px 0 0;background-color:#f3f3f3;-moz-border-radius:2px;border-radius:2px;height:20px;line-height:20px;float:left;cursor:default}.u-select .selected-tag .u-icon-remove{position:absolute;right:5px}.u-select .selected-tag:last-child{margin-bottom:6px}.u-select .selected-tag .z-dis{cursor:not-allowed}.u-select .selectedTagMore{overflow:hidden;text-overflow:ellipsis;max-width:150px}.u-select .u-search-input{font-family:inherit;line-height:20px;vertical-align:middle;width:calc(100% - 20px);background-color:transparent;font-size:12px}.u-select .u-search-input:focus{outline:0}.u-select .searchInput1{border-bottom:1px solid #eee;padding:5px 0;display:block}.u-select.isMultiple .u-search-input{float:left;margin-top:7px;width:1em}.u-select .dropdown_bd{clear:both}.u-select .m-listview{overflow-x:hidden;overflow-y:auto;padding:0;max-height:200px}.u-select .m-listview .u-check{line-height:0}.u-select .m-treeview{overflow:auto;max-height:200px}.u-select-error .dropdown_hd{border-color:#f48080}.u-select .z-dis .dropdown_hd{cursor:not-allowed;background:#eee;border:1px solid #ddd;color:#999}.u-selectgroup .u-select{width:160px}.u-selectgroup .u-dropdown{display:inline-block}.u-select-sm{height:24px;padding:0}.u-select-sm .dropdown_hd{min-height:24px;line-height:22px}.u-select-sm .m-listview>li{line-height:12px}.u-text.u-text_unlink{display:inline;text-decoration:none;color:initial;cursor:default}.u-text.u-text_unlink:hover{text-decoration:none}.u-text.u-text-wb{font-weight:700}.u-text.u-text-xs{font-size:10px;line-height:12px}.u-text.u-text-sm{font-size:12px;line-height:16px}.u-text.u-text-lg{font-size:20px;line-height:24px}.u-text.u-text-xl{font-size:24px;line-height:32px}.u-text.u-text-left{text-align:left}.u-text.u-text-center{text-align:center}.u-text.u-text-right{text-align:right}.u-text.u-text-justify{text-align:justify}.u-text.u-text-top{vertical-align:top}.u-text.u-text-middle{vertical-align:middle}.u-text.u-text-bottom{vertical-align:bottom}.u-text.u-text-primary{color:#4690ee}.u-text.u-text-success{color:#6794d1}.u-text.u-text-warning{color:#fcd800}.u-text.u-text-error{color:#d30030}.u-text.u-text-inverse{color:#fff}.u-text.u-text-muted{color:#999}.u-textarea{display:inline-block;position:relative;width:100%}.u-textarea .textarea{padding:6px 10px 6px 8px;color:#333;background:#fff;-moz-border-radius:2px;border-radius:2px;border:1px solid #eee;font-size:12px;width:100%}.u-textarea .textarea:focus{outline:0;background:#fff;color:#333;border:1px solid #d30030}.u-textarea .textarea:disabled{cursor:not-allowed;background:#eee;color:#999;border:1px solid #ddd}.u-textarea .textarea_placeholder{position:absolute;left:0;right:0;top:0;bottom:0;color:#999;padding:6px 10px 6px 8px;border-left:1px solid transparent}.u-textarea .textarea_len{font-size:12px;color:#999}.m-treeview{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-x:auto;overflow-y:visible}.m-treeview .treeview_list{margin-left:1.6em}.m-treeview .treeview_item{position:relative}.m-treeview .treeview_item>.u-icon{position:absolute;left:-1.2em;line-height:inherit;margin:0;cursor:pointer}.m-treeview .treeview_itemname{cursor:pointer;white-space:nowrap}.m-treeview .treeview_itemname.z-dis{cursor:not-allowed;background:0 0}.m-treeview.z-dis .treeview_itemname{cursor:not-allowed}.m-treeview.z-dis .treeview_item .u-icon{cursor:not-allowed}.m-treeview{padding:5px 0;background:#fff;color:#333;-moz-border-radius:4px;border-radius:4px;border:1px solid #ddd}.m-treeview .treeview_item>.u-icon{padding:3px 0}.m-treeview .treeview_itemname{padding:3px 10px;color:#777}.m-treeview .treeview_itemname:hover{background:#f1f1f1;color:#444}.m-treeview .treeview_itemname.z-sel{background:#4690ee;color:#fff}.m-treeview .treeview_itemname.z-dis{background:0 0;color:#999}.m-treeview .treeview_itemname.z-divider{margin:9px 0;padding:0;height:1px;background:#e5e5e5;overflow:hidden}.m-treeview.z-dis{background:#eee}.m-treeview.z-dis .treeview_itemname{background:0 0;color:#999}.m-multitreeview .treeview_list{margin-left:3.4em}.m-multitreeview .treeview_item>.u-icon{left:-3em}.m-multitreeview .treeview_item>.u-check{position:absolute;left:-1.8em;padding:3px 0}.m-file-unit{display:inline-block;width:50px;margin-bottom:10px;vertical-align:top;background:#fefefe}.m-file-unit .m-content{position:relative;width:50px;height:50px;border:1px solid #eef1f4;border-radius:2px;box-sizing:border-box;text-align:center}.m-file-unit .m-content .m-img-wrapper{position:absolute;top:0;right:0;left:0;bottom:0;cursor:zoom-in}.m-file-unit .m-content .m-img-wrapper:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-file-unit .m-content .m-img-wrapper .u-img{max-width:100%;max-height:100%;vertical-align:middle}.m-file-unit .m-content .u-txt{display:inline-block;width:100%;height:100%;line-height:50px;font-size:12px;text-align:center;cursor:default}.m-file-unit .m-content .m-status .u-failed,.m-file-unit .m-content .m-status .u-uploading{position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;text-align:center;font-size:12px;color:#fff;background:rgba(0,0,0,.7)}.m-file-unit .m-content .m-status .u-failed:before,.m-file-unit .m-content .m-status .u-uploading:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-file-unit .m-content .m-status .u-failed{cursor:pointer}.m-file-unit .m-content .m-status .u-failed .u-failed-info{display:inline-block;width:100%;vertical-align:middle;text-align:center;line-height:1.2}.m-file-unit .m-content .m-status .u-failed .u-failed-info .u-icon{display:inline-block;width:100%;height:20px;font-size:16px}.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper{display:inline-block;width:40px;line-height:.85;vertical-align:middle}.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress,.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress-txt{display:inline-block;width:100%}.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress{position:relative;height:5px;background:#fff;border-radius:100px}.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress .u-progress-bar{position:absolute;top:0;left:0;display:inline-block;height:100%;background:#0398ff;border-radius:100px}.m-file-unit .m-content .m-status .u-uploaded{display:none;position:absolute;bottom:0;left:0;width:100%;height:17px;text-align:center;font-size:12px;color:#fff;background:rgba(0,0,0,.7)}.m-file-unit .m-content .m-status .u-uploaded:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-file-unit .m-content .m-status .u-uploaded .u-uploaded-zone{display:inline-block;position:relative;width:100%;height:100%;line-height:100%;color:#fff;text-align:center;text-decoration:none;cursor:pointer}.m-file-unit .m-content .m-status .u-uploaded .u-uploaded-zone .u-icon{margin-left:2px}.m-file-unit .m-content .m-remove{display:none;position:absolute;right:-6px;top:-6px;width:17px;height:17px;font-size:17px;line-height:17px;color:#333;background:#fff;border-radius:100px;z-index:5}.m-file-unit .m-content:hover .m-remove{display:inline-block;cursor:pointer}.m-file-unit .m-content:hover .m-status .u-uploaded{display:inline-block}.m-file-unit .m-content:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-file-unit .m-name{margin-top:8px;padding:1px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4;font-size:12px;color:#333}.m-file-unit .m-info{margin-top:4px;font-size:12px;color:#f86b6b}.m-upload ul{margin:0;padding:0}.m-upload ul li{list-style:none}.m-upload .u-fileitem,.m-upload u-input-wrapper{vertical-align:top}.m-upload .m-input-wrapper{display:inline-block;text-align:center}.m-upload .m-input-wrapper .u-input-btn{display:inline-block;width:50px;height:50px;vertical-align:top;border:1px dashed #ccc;border-radius:2px;box-sizing:border-box;font-size:12px;cursor:pointer}.m-upload .m-input-wrapper .u-input-btn .u-input-content{display:inline-block;width:100%;vertical-align:middle}.m-upload .m-input-wrapper .u-input-btn .u-input-content .u-icon{display:inline-block;width:100%;font-size:12px;color:#666}.m-upload .m-input-wrapper .u-input-btn:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-upload .m-input-wrapper .u-input-info{margin-top:4px;font-size:12px;color:#f86b6b}.m-upload ul{margin:0;padding:0}.m-upload ul li{list-style:none}.m-upload .u-fileitem,.m-upload .u-input-wrapper{display:inline-block;vertical-align:top}.m-upload .u-fileitem{width:50px}.m-upload .m-files-zone{width:125px}.m-upload .m-files-zone .m-entry-wrapper{position:relative;display:inline-block;width:50px;margin-right:20px;vertical-align:top}.m-upload .m-files-zone .m-entry-wrapper .m-entry{position:relative;width:100%;height:50px;border:1px solid #eef1f4;border-radius:2px;box-sizing:border-box;text-align:center}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-img-wrapper{position:absolute;top:0;right:0;left:0;bottom:0;cursor:zoom-in}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-img-wrapper:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-img-wrapper .u-img{max-width:100%;max-height:100%;vertical-align:middle}.m-upload .m-files-zone .m-entry-wrapper .m-entry .u-txt{display:inline-block;width:100%;height:100%;line-height:50px;font-size:12px;text-align:center;cursor:pointer}.m-upload .m-files-zone .m-entry-wrapper .m-entry .u-info{content:"";position:absolute;right:-6px;top:-6px;width:17px;height:17px;line-height:17px;text-align:center;background:#fff;border:1px solid #eef1f4;border-radius:100px;color:#333;font-size:12px}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed,.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading{position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;text-align:center;font-size:12px;color:#fff;background:rgba(0,0,0,.7)}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed:before,.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed{cursor:pointer}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed .u-failed-info{display:inline-block;width:100%;vertical-align:middle;text-align:center;line-height:1.2}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed .u-failed-info .u-icon{display:inline-block;width:100%;height:20px;font-size:16px}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper{display:inline-block;width:40px;line-height:.85;vertical-align:middle}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress,.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress-txt{display:inline-block;width:100%}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress{position:relative;height:5px;background:#fff;border-radius:100px}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress .u-progress-bar{position:absolute;top:0;left:0;display:inline-block;height:100%;background:#0398ff;border-radius:100px}.m-upload .m-files-zone .m-entry-wrapper .m-entry:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-upload .m-files-zone .m-entry-wrapper .m-entry-info{margin-top:4px;font-size:12px;color:#f86b6b;text-align:center}.m-upload .m-files-zone .u-banner{position:absolute;bottom:-7px;left:-9999px;z-index:5}.m-upload .m-files-zone .u-banner:after,.m-upload .m-files-zone .u-banner:before{content:"";border:5px solid transparent;position:absolute;left:0}.m-upload .m-files-zone .u-banner:before{border-bottom-color:#eee;bottom:1px}.m-upload .m-files-zone .u-banner:after{border-bottom-color:#fff;bottom:0}.m-upload .m-files-zone .u-banner.top{top:-7px}.m-upload .m-files-zone .u-banner.top:after,.m-upload .m-files-zone .u-banner.top:before{border-bottom:none}.m-upload .m-files-zone .u-banner.top:before{border-top-color:#eee;top:1px}.m-upload .m-files-zone .u-banner.top:after{border-top-color:#fff;top:0}.m-upload .m-files-zone .m-filelist{position:absolute;left:-9999px;padding:22px;padding-bottom:12px;text-align:left;border:1px solid #eee;border-radius:2px;box-shadow:0 2px 3px 0 rgba(0,0,0,.1);background:#fff;z-index:1}.m-upload .m-files-zone .u-input-wrapper{position:relative;display:inline-block;width:50px;vertical-align:top;text-align:center}.m-upload .m-files-zone .u-input-wrapper .u-input-btn{display:inline-block;width:50px;height:50px;vertical-align:top;border:1px dashed #ccc;border-radius:2px;box-sizing:border-box;font-size:12px;cursor:pointer}.m-upload .m-files-zone .u-input-wrapper .u-input-btn .u-input-content{display:inline-block;width:100%;vertical-align:middle}.m-upload .m-files-zone .u-input-wrapper .u-input-btn .u-input-content .u-icon{display:inline-block;width:100%;font-size:12px;color:#666}.m-upload .m-files-zone .u-input-wrapper .u-input-btn:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-upload .m-files-zone .u-input-wrapper .u-input-btn.dragover{background-color:rgba(32,159,255,.06);border:1px dashed #20a0ff}.m-upload .m-files-zone .u-input-wrapper .u-input-info{margin-top:4px;font-size:12px;color:#f86b6b}.m-upload{line-height:1.6}.m-upload ul{margin:0;padding:0}.m-upload ul li{list-style:none}.m-upload .u-fileitem,.m-upload .u-input-wrapper{display:inline-block;vertical-align:top}.m-upload .u-fileitem{width:50px}.m-upload .u-input-wrapper{text-align:center}.m-upload .u-input-wrapper .u-input-btn{display:inline-block;width:50px;height:50px;vertical-align:top;border:1px dashed #ccc;border-radius:2px;box-sizing:border-box;font-size:12px;cursor:pointer}.m-upload .u-input-wrapper .u-input-btn .u-input-content{display:inline-block;width:100%;vertical-align:middle}.m-upload .u-input-wrapper .u-input-btn .u-input-content .u-icon{display:inline-block;width:100%;font-size:12px;color:#666}.m-upload .u-input-wrapper .u-input-btn:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-upload .u-input-wrapper .u-input-btn.dragover{background-color:rgba(32,159,255,.06);border:1px dashed #20a0ff}.m-upload .u-input-wrapper .u-input-info{margin-top:4px;font-size:12px;color:#f86b6b}.m-card{background:#fff;box-shadow:2px 2px 3px 0 rgba(34,52,73,.1);border:1px solid rgba(34,52,73,.1);border-radius:4px;padding:16px;margin-bottom:8px;color:#333}.m-card .card_hd{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center;margin-bottom:12px}.m-card .card_hd .title{font-size:16px;font-weight:700}.m-card .card_hd .line{display:inline-block;background:#333;width:3px;height:15px;margin-right:8px}.m-card .card_hd .operate{flex:1;text-align:right;margin-right:40px}.m-card .btLine{background:#ddd;height:1px;margin-bottom:8px}.m-card .m-card{box-shadow:none;border-radius:initial;border:none;padding:0 40px}.m-card .m-card .card_hd{margin-bottom:8px}.m-card .m-card .card_hd .line{height:13px}.m-card .m-card .card_hd .title{font-size:14px}.m-card .m-card .card_hd .operate{margin-right:0}.m-card .m-card-indent{padding:0 40px}.g-row:after,.g-row:before{display:table;content:"";line-height:0}.g-row:after{clear:both}.g-row-flex{display:flex}.g-row-flex.justify-center{justify-content:center}.g-row-flex.justify-end{justify-content:flex-end}.g-row-flex.justify-space-between{justify-content:space-between}.g-row-flex.justify-space-around{justify-content:space-around}.g-row-flex.align-middle{align-items:center}.g-row-flex.align-bottom{align-items:top}.g-row-flex.flex-wrap{flex-wrap:wrap}.g-row-flex.flex-nowrap{flex-wrap:nowrap}.g-row-flex.flex-wrap-reverse{flex-wrap:wrap-reverse}.g-row+.g-row{margin-top:10px}.g-col{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;min-height:1px;padding:0 20px}.g-col-1{width:8.333333%}.g-offset-1{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:8.333333%}.g-col-2{width:16.666667%}.g-offset-2{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:16.666667%}.g-col-3{width:25%}.g-offset-3{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:25%}.g-col-4{width:33.333333%}.g-offset-4{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:33.333333%}.g-col-5{width:41.666667%}.g-offset-5{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:41.666667%}.g-col-6{width:50%}.g-offset-6{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:50%}.g-col-7{width:58.333333%}.g-offset-7{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:58.333333%}.g-col-8{width:66.666667%}.g-offset-8{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:66.666667%}.g-col-9{width:75%}.g-offset-9{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:75%}.g-col-10{width:83.333333%}.g-offset-10{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:83.333333%}.g-col-11{width:91.666667%}.g-offset-11{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:91.666667%}.g-col-12{width:100%}.g-offset-12{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:100%}@media (max-width:768px){.g-col-xs-1{width:8.333333%}.g-col-xs-offset-1{margin-left:8.333333%}.g-col-xs-pull-1{position:relative;right:8.333333%}.g-col-xs-push-1{position:relative;left:8.333333%}.g-col-xs-2{width:16.666667%}.g-col-xs-offset-2{margin-left:16.666667%}.g-col-xs-pull-2{position:relative;right:16.666667%}.g-col-xs-push-2{position:relative;left:16.666667%}.g-col-xs-3{width:25%}.g-col-xs-offset-3{margin-left:25%}.g-col-xs-pull-3{position:relative;right:25%}.g-col-xs-push-3{position:relative;left:25%}.g-col-xs-4{width:33.333333%}.g-col-xs-offset-4{margin-left:33.333333%}.g-col-xs-pull-4{position:relative;right:33.333333%}.g-col-xs-push-4{position:relative;left:33.333333%}.g-col-xs-5{width:41.666667%}.g-col-xs-offset-5{margin-left:41.666667%}.g-col-xs-pull-5{position:relative;right:41.666667%}.g-col-xs-push-5{position:relative;left:41.666667%}.g-col-xs-6{width:50%}.g-col-xs-offset-6{margin-left:50%}.g-col-xs-pull-6{position:relative;right:50%}.g-col-xs-push-6{position:relative;left:50%}.g-col-xs-7{width:58.333333%}.g-col-xs-offset-7{margin-left:58.333333%}.g-col-xs-pull-7{position:relative;right:58.333333%}.g-col-xs-push-7{position:relative;left:58.333333%}.g-col-xs-8{width:66.666667%}.g-col-xs-offset-8{margin-left:66.666667%}.g-col-xs-pull-8{position:relative;right:66.666667%}.g-col-xs-push-8{position:relative;left:66.666667%}.g-col-xs-9{width:75%}.g-col-xs-offset-9{margin-left:75%}.g-col-xs-pull-9{position:relative;right:75%}.g-col-xs-push-9{position:relative;left:75%}.g-col-xs-10{width:83.333333%}.g-col-xs-offset-10{margin-left:83.333333%}.g-col-xs-pull-10{position:relative;right:83.333333%}.g-col-xs-push-10{position:relative;left:83.333333%}.g-col-xs-11{width:91.666667%}.g-col-xs-offset-11{margin-left:91.666667%}.g-col-xs-pull-11{position:relative;right:91.666667%}.g-col-xs-push-11{position:relative;left:91.666667%}.g-col-xs-12{width:100%}.g-col-xs-offset-12{margin-left:100%}.g-col-xs-pull-12{position:relative;right:100%}.g-col-xs-push-12{position:relative;left:100%}}@media (min-width:768px){.g-col-sm-1{width:8.333333%}.g-col-sm-offset-1{margin-left:8.333333%}.g-col-sm-pull-1{position:relative;right:8.333333%}.g-col-sm-push-1{position:relative;left:8.333333%}.g-col-sm-2{width:16.666667%}.g-col-sm-offset-2{margin-left:16.666667%}.g-col-sm-pull-2{position:relative;right:16.666667%}.g-col-sm-push-2{position:relative;left:16.666667%}.g-col-sm-3{width:25%}.g-col-sm-offset-3{margin-left:25%}.g-col-sm-pull-3{position:relative;right:25%}.g-col-sm-push-3{position:relative;left:25%}.g-col-sm-4{width:33.333333%}.g-col-sm-offset-4{margin-left:33.333333%}.g-col-sm-pull-4{position:relative;right:33.333333%}.g-col-sm-push-4{position:relative;left:33.333333%}.g-col-sm-5{width:41.666667%}.g-col-sm-offset-5{margin-left:41.666667%}.g-col-sm-pull-5{position:relative;right:41.666667%}.g-col-sm-push-5{position:relative;left:41.666667%}.g-col-sm-6{width:50%}.g-col-sm-offset-6{margin-left:50%}.g-col-sm-pull-6{position:relative;right:50%}.g-col-sm-push-6{position:relative;left:50%}.g-col-sm-7{width:58.333333%}.g-col-sm-offset-7{margin-left:58.333333%}.g-col-sm-pull-7{position:relative;right:58.333333%}.g-col-sm-push-7{position:relative;left:58.333333%}.g-col-sm-8{width:66.666667%}.g-col-sm-offset-8{margin-left:66.666667%}.g-col-sm-pull-8{position:relative;right:66.666667%}.g-col-sm-push-8{position:relative;left:66.666667%}.g-col-sm-9{width:75%}.g-col-sm-offset-9{margin-left:75%}.g-col-sm-pull-9{position:relative;right:75%}.g-col-sm-push-9{position:relative;left:75%}.g-col-sm-10{width:83.333333%}.g-col-sm-offset-10{margin-left:83.333333%}.g-col-sm-pull-10{position:relative;right:83.333333%}.g-col-sm-push-10{position:relative;left:83.333333%}.g-col-sm-11{width:91.666667%}.g-col-sm-offset-11{margin-left:91.666667%}.g-col-sm-pull-11{position:relative;right:91.666667%}.g-col-sm-push-11{position:relative;left:91.666667%}.g-col-sm-12{width:100%}.g-col-sm-offset-12{margin-left:100%}.g-col-sm-pull-12{position:relative;right:100%}.g-col-sm-push-12{position:relative;left:100%}}@media (min-width:992px){.g-col-md-1{width:8.333333%}.g-col-md-offset-1{margin-left:8.333333%}.g-col-md-pull-1{position:relative;right:8.333333%}.g-col-md-push-1{position:relative;left:8.333333%}.g-col-md-2{width:16.666667%}.g-col-md-offset-2{margin-left:16.666667%}.g-col-md-pull-2{position:relative;right:16.666667%}.g-col-md-push-2{position:relative;left:16.666667%}.g-col-md-3{width:25%}.g-col-md-offset-3{margin-left:25%}.g-col-md-pull-3{position:relative;right:25%}.g-col-md-push-3{position:relative;left:25%}.g-col-md-4{width:33.333333%}.g-col-md-offset-4{margin-left:33.333333%}.g-col-md-pull-4{position:relative;right:33.333333%}.g-col-md-push-4{position:relative;left:33.333333%}.g-col-md-5{width:41.666667%}.g-col-md-offset-5{margin-left:41.666667%}.g-col-md-pull-5{position:relative;right:41.666667%}.g-col-md-push-5{position:relative;left:41.666667%}.g-col-md-6{width:50%}.g-col-md-offset-6{margin-left:50%}.g-col-md-pull-6{position:relative;right:50%}.g-col-md-push-6{position:relative;left:50%}.g-col-md-7{width:58.333333%}.g-col-md-offset-7{margin-left:58.333333%}.g-col-md-pull-7{position:relative;right:58.333333%}.g-col-md-push-7{position:relative;left:58.333333%}.g-col-md-8{width:66.666667%}.g-col-md-offset-8{margin-left:66.666667%}.g-col-md-pull-8{position:relative;right:66.666667%}.g-col-md-push-8{position:relative;left:66.666667%}.g-col-md-9{width:75%}.g-col-md-offset-9{margin-left:75%}.g-col-md-pull-9{position:relative;right:75%}.g-col-md-push-9{position:relative;left:75%}.g-col-md-10{width:83.333333%}.g-col-md-offset-10{margin-left:83.333333%}.g-col-md-pull-10{position:relative;right:83.333333%}.g-col-md-push-10{position:relative;left:83.333333%}.g-col-md-11{width:91.666667%}.g-col-md-offset-11{margin-left:91.666667%}.g-col-md-pull-11{position:relative;right:91.666667%}.g-col-md-push-11{position:relative;left:91.666667%}.g-col-md-12{width:100%}.g-col-md-offset-12{margin-left:100%}.g-col-md-pull-12{position:relative;right:100%}.g-col-md-push-12{position:relative;left:100%}}@media (min-width:1200px){.g-col-lg-1{width:8.333333%}.g-col-lg-offset-1{margin-left:8.333333%}.g-col-lg-pull-1{position:relative;right:8.333333%}.g-col-lg-push-1{position:relative;left:8.333333%}.g-col-lg-2{width:16.666667%}.g-col-lg-offset-2{margin-left:16.666667%}.g-col-lg-pull-2{position:relative;right:16.666667%}.g-col-lg-push-2{position:relative;left:16.666667%}.g-col-lg-3{width:25%}.g-col-lg-offset-3{margin-left:25%}.g-col-lg-pull-3{position:relative;right:25%}.g-col-lg-push-3{position:relative;left:25%}.g-col-lg-4{width:33.333333%}.g-col-lg-offset-4{margin-left:33.333333%}.g-col-lg-pull-4{position:relative;right:33.333333%}.g-col-lg-push-4{position:relative;left:33.333333%}.g-col-lg-5{width:41.666667%}.g-col-lg-offset-5{margin-left:41.666667%}.g-col-lg-pull-5{position:relative;right:41.666667%}.g-col-lg-push-5{position:relative;left:41.666667%}.g-col-lg-6{width:50%}.g-col-lg-offset-6{margin-left:50%}.g-col-lg-pull-6{position:relative;right:50%}.g-col-lg-push-6{position:relative;left:50%}.g-col-lg-7{width:58.333333%}.g-col-lg-offset-7{margin-left:58.333333%}.g-col-lg-pull-7{position:relative;right:58.333333%}.g-col-lg-push-7{position:relative;left:58.333333%}.g-col-lg-8{width:66.666667%}.g-col-lg-offset-8{margin-left:66.666667%}.g-col-lg-pull-8{position:relative;right:66.666667%}.g-col-lg-push-8{position:relative;left:66.666667%}.g-col-lg-9{width:75%}.g-col-lg-offset-9{margin-left:75%}.g-col-lg-pull-9{position:relative;right:75%}.g-col-lg-push-9{position:relative;left:75%}.g-col-lg-10{width:83.333333%}.g-col-lg-offset-10{margin-left:83.333333%}.g-col-lg-pull-10{position:relative;right:83.333333%}.g-col-lg-push-10{position:relative;left:83.333333%}.g-col-lg-11{width:91.666667%}.g-col-lg-offset-11{margin-left:91.666667%}.g-col-lg-pull-11{position:relative;right:91.666667%}.g-col-lg-push-11{position:relative;left:91.666667%}.g-col-lg-12{width:100%}.g-col-lg-offset-12{margin-left:100%}.g-col-lg-pull-12{position:relative;right:100%}.g-col-lg-push-12{position:relative;left:100%}}.kl-search_ft{display:flex;justify-content:flex-end;align-items:center}.kl-search_btn{margin-right:10px}.m-kl-table-wrap{position:relative}.m-kl-table-wrap .kl_table_header_fiexd_right_gutter{box-sizing:border-box;position:absolute;background:#eef1f4;border-left:1px solid #fff}.m-kl-table-wrap .u-resize-proxy{position:absolute;visibility:hidden;height:100%;width:1px;z-index:100;background:#ddd}.m-kl-table-wrap .expand_row{position:absolute;width:100%}.m-kl-table{overflow:auto;box-sizing:border-box;border-collapse:collapse;border-bottom:1px solid #ecf2f9;line-height:17px;font-size:12px;color:#333}.m-kl-table.fixed_header{overflow:hidden}.m-kl-table.fixed_header .kl_table_header{overflow:hidden}.m-kl-table .kl_table_header.sticky_header{position:fixed;overflow:hidden;z-index:100;top:0}.m-kl-table .kl_table_body{transition:width 10ms}.m-kl-table .kl_table_body.fixed_header{overflow:auto}.m-kl-table.m-kl-table-fixed{position:absolute;overflow:hidden;top:0;left:0;border-bottom:none;box-shadow:1px 0 8px #d3d4d6}.m-kl-table.m-kl-table-fixed.m-kl-table-fixed-right{left:auto;right:0}.m-kl-table.m-kl-table-fixed .kl_table_header{box-shadow:2px 0 8px #d3d4d6}.m-kl-table.m-kl-table-fixed .kl_table_body,.m-kl-table.m-kl-table-fixed .kl_table_header{overflow:hidden}.m-kl-table .table_tb{width:100%;position:relative;table-layout:fixed}.m-kl-table .patch{background:#eef1f4;position:absolute}.m-kl-table .tb_hd_th{box-sizing:border-box;background-color:#eef1f4;height:32px;padding:0;border-collapse:collapse;border-bottom:1px solid #fff;font-weight:400}.m-kl-table .tb_hd_th .th_content{box-sizing:border-box;height:100%;display:flex;align-items:center;justify-content:center;padding:6px 8px}.m-kl-table .tb_hd_th .th_content.f-flex-center{justify-content:center}.m-kl-table .tb_hd_th .th_content.f-flex-right{justify-content:flex-end}.m-kl-table .tb_hd_th .th_content.f-flex-left{justify-content:flex-start}.m-kl-table .tb_hd_th .th_content .th_tip{margin-left:8px}.m-kl-table .tb_hd_th:not(:last-child){border-right:1px solid #fff}.m-kl-table .tb_hd_th .u-icon-1{position:relative;cursor:pointer;color:#ddd}.m-kl-table .tb_hd_th .u-icon-2{position:absolute;left:0;top:0}.m-kl-table .tb_hd_th .u-icon-2.u-icon-sort-asc,.m-kl-table .tb_hd_th .u-icon-2.u-icon-sort-desc{color:#666}.m-kl-table .tb_bd_tr{background:#fff;transition:background .2s ease-out}.m-kl-table .tb_bd_tr:not(:last-child){border-bottom:1px solid #ecf2f9}.m-kl-table .tb_bd_tr.z-hover,.m-kl-table .tb_bd_tr:hover{background:#ecf2f9}.m-kl-table .tb_bd_tr.td_bd_tr_nohover{background:#fff}.m-kl-table .tb_bd_td{box-sizing:border-box;position:relative;padding:0;height:32px}.m-kl-table .tb_bd_td>.tb_bd_td_div{padding:6px 8px;line-height:17px}.m-kl-table.strip .tb_bd_tr{transition:background .2s ease-out}.m-kl-table.strip .tb_bd_tr:nth-child(2n-1){background:#fff}.m-kl-table.strip .tb_bd_tr:nth-child(2n){background:#f6f9fc}.m-kl-table.strip .tb_bd_tr:not(:last-child){border-bottom:1px solid #ecf2f9}.m-kl-table.strip .tb_bd_tr.z-hover,.m-kl-table.strip .tb_bd_tr:hover{background:#ecf2f9}.m-kl-table.strip .tb_bd_tr.td_bd_tr_nohover{background:#fff}.m-kl-table .u-clickable{cursor:pointer;color:#0398ff}.m-kl-table .u-clickable:hover{text-decoration:underline}.m-kl-table .u-progress-wrap{box-sizing:border-box;text-align:left}.m-kl-table .u-progress-wrap .u-kl-progress{width:70%}.m-kl-table .u-expand-sign{display:inline-block;box-sizing:border-box;height:17px;width:17px;border:1px solid #ddd;line-height:13px;vertical-align:middle}.m-kl-table-ft{padding:10px 0;background:#fff}.m-kl-table-ft .scroll_bar{overflow:auto;margin-bottom:10px}.m-kl-table-ft .scroll_bar>div{height:1px}.m-kl-table-ft .scroll_bar::-webkit-scrollbar{-webkit-appearance:none;width:8px;height:12px}.m-kl-table-ft .scroll_bar::-webkit-scrollbar:hover{background-color:rgba(0,0,0,.1)}.m-kl-table-ft .scroll_bar::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}.m-kl-table-ft.sticky_footer{position:fixed;bottom:0;z-index:1000}.f-cursor-pointer{cursor:pointer}.f-overflow-hidden{overflow:hidden}.f-visibility-hidden{visibility:hidden}.f-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.f-line-clamp-1,.f-line-clamp-2,.f-line-clamp-3,.f-line-clamp-4,.f-line-clamp-5{display:-webkit-inline-box;-webkit-box-orient:vertical;white-space:normal;vertical-align:middle;word-break:break-all}.f-line-clamp-1{-webkit-line-clamp:1}.f-line-clamp-2{-webkit-line-clamp:2}.f-line-clamp-3{-webkit-line-clamp:3}.f-line-clamp-4{-webkit-line-clamp:4}.f-line-clamp-5{-webkit-line-clamp:5}.kl-m-crumb{color:#333;font-size:0;display:flex;align-items:center;box-sizing:border-box}.kl-m-crumb .crumb_home{color:#4690ee;font-size:14px;display:inline-block}.kl-m-crumb .kl-m-crumb_item{display:inline-block;color:#333}.kl-m-crumb .kl-m-crumb_item .crumb_separator{display:inline-block;margin:0 10px;font-size:12px}.kl-m-crumb .kl-m-crumb_item .crumb_ct{display:inline-block;font-size:12px}.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:hover,.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:link,.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:visited{text-decoration:none;color:#333}.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:hover{color:#49a9ee}.kl-m-crumb .kl-m-crumb_item .crumb_ct:hover{cursor:pointer}.kl-m-crumb .kl-m-crumb_item:last-child .crumb_ct{font-weight:700}.kl-m-crumb .kl-m-crumb_item:last-child .crumb_ct:hover{cursor:inherit}.m-menu{height:100%;overflow-y:auto;background:#fff;border-right:1px solid #e1e6ed;list-style:none;margin:0;padding:0;color:#333}.m-menu .head_title a,.m-menu .menuItems a,.m-menu a.m-subMenu{color:#333}.m-menuItem{display:block;position:relative;padding:8px 0 8px 54px;line-height:1em;transition:all .3s ease-in}.m-menuItem:hover{text-decoration:underline;font-weight:700}.m-menuItem.active{color:#d9244e;font-weight:700}.m-menuItem.active a{color:#d9244e}.m-menuItem.active:before{position:absolute;width:2px;height:10px;background:#d9244e;content:"";top:8px;left:48px}.m-menuItem:first-child{padding-top:0}.m-menuItem:first-child:before{top:0}.m-menuItem:last-child{margin-bottom:5px}.m-subMenu{position:relative;display:block;border-bottom:1px solid #dfeaf3;cursor:pointer}.m-subMenu .head{position:relative;display:flex;align-items:center;padding:15px 0 15px 47px;font-size:14px;transition:all .4s ease}.m-subMenu .head:hover .head_title,.m-subMenu .head:hover a{text-decoration:underline;font-weight:700}.m-subMenu .head .head_arrow{position:absolute;right:10px;font-size:14px;transition:all .4s ease;transform:rotate(0)}.m-subMenu .head .head_arrow.isOpen{transform:rotate(90deg)}.m-subMenu .head .head_icon{position:absolute;left:20px;color:#333;font-size:16px}.m-subMenu .menuItems{position:relative;list-style:none;margin:0;padding:0;font-size:12px}.m-subMenu.active{background:#f6f9fc}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.m-pager{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center;justify-content:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;font-size:12px}.m-pager .m-right-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.m-pager .page_item{display:inline-block;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:6px;padding:0 8px;height:24px;line-height:22px;color:#444;background:#fff;text-decoration:none;text-align:center;min-width:24px;border:1px solid #ddd;-moz-border-radius:2px;border-radius:2px}.m-pager .page_item:hover{cursor:pointer;border:1px solid #bbb}.m-pager .z-crt{background:#4690ee;color:#fff;border-color:#4690ee}.m-pager .z-crt:hover{border-color:#4690ee}.m-pager .page_size{display:inline-block;font-size:12px;margin-right:8px}.m-pager .page_size .u-select{display:inline-block;min-width:75px}.m-pager .page_size .u-select .dropdown_hd .u-icon{position:static}.m-pager .page_total{display:inline-block;vertical-align:top;line-height:24px}.m-pager .page_prev{width:24px;padding:initial}.m-pager .page_prev .u-icon{line-height:22px}.m-pager .pager_next .u-icon{line-height:22px}.m-pager .page_goto{display:inline-block;margin-left:20px}.m-pager .page_goto .u-input{display:inline-block;width:40px;margin:0 7px 0 10px}.m-pager .page_confirm{display:inline-block;vertical-align:top;margin-left:27px}.m-pager.z-dis>li>a{cursor:not-allowed}.m-pager-left{text-align:left}.m-pager-right{text-align:right}.m-pager.z-dis>li>a{background:#fff;color:#999;border-color:#ddd}.pager_goto .u-input{display:inline-block}.m-sidebar{position:absolute;bottom:0;left:0;transform:translateX(-100%);overflow:visible;background:#fff;border-right:1px solid #e1e6ed;transition:transform .3s;z-index:2}.m-sidebar.active{transform:translateX(0)}.m-sidebar .sidebar_menus{height:100%;overflow:auto}.m-sidebar .sidebar_slideBtn{display:flex;position:absolute;top:50%;width:10px;height:50px;font-size:10px;margin-top:-60px;align-items:center;background:#c2c9d0;color:#fff;cursor:pointer}.m-steps{list-style:none}.m-steps .stepsItem{float:left;position:relative}.m-steps .stepsItem .stepsLine{position:absolute;box-sizing:border-box;width:100%;font-size:0;line-height:1.5;top:9px}.m-steps .stepsItem .stepsLine i{display:inline-block;vertical-align:top;background:#eef1f4;border-radius:1px;width:100%;position:relative;height:7px}.m-steps .stepsItem .stepsLine i:before{position:absolute;content:"";top:0;width:0;background:#eef1f4;height:100%;opacity:0}.m-steps .step{display:inline-block;position:relative}.m-steps .itemHead{text-align:center}.m-steps .itemHead .icon{display:inline-block;background-color:#fff;position:relative;border-radius:100%}.m-steps .itemHead .icon .stepIcon{display:inline-block;border:1px solid #eef1f4;width:22px;height:22px;line-height:22px;text-align:center;border-radius:22px;font-size:14px;color:#666}.m-steps .itemMain{margin-top:10px;color:#333;position:relative;left:50%;transform:translateX(-50%);max-width:160px;width:160px}.m-steps .itemMain .mainTitle{margin-bottom:4px;text-align:center;color:#333}.m-steps .itemMain .mainDescription{max-width:160px;width:160px;font-size:12px;color:#a4a4a4}.m-steps .finishedItem .stepsLine i{background:#80bcf4}.m-steps .finishedItem .stepsLine i:after{background:#80bcf4}.m-steps .finishedItem .itemHead .stepIcon{border:1px solid #80bcf4;color:#fff;background:#80bcf4}.m-steps .finishedItem .itemMain .mainTitle{color:#54a8f7}.m-steps .currentStep .itemHead .icon .stepIcon{border:1px solid #80bcf4;color:#80bcf4}.m-steps .currentStep .itemMain .mainTitle{color:#54a8f7}.m-steps .currentStep .itemMain .mainDescription{color:#54a8f7}.m-steps-sm .stepsItem .stepsLine{top:8px}.m-steps-sm .stepsItem .stepsLine i{height:5px}.m-steps-sm .itemHead .icon .stepIcon{width:18px;height:18px;line-height:18px;border-radius:18px;font-size:12px}.m-steps-sm .itemMain{margin-top:5px}.m-steps-sm .itemMain .mainTitle{margin-bottom:2px;font-size:12px}.m-steps-sm .itemMain .mainDescription{font-size:12px}.m-tabs .tabs-scroll{position:relative;overflow:hidden}.m-tabs .tabs-scroll.scrollable{padding:0 15px}.m-tabs .tabs-scroll .nav-next,.m-tabs .tabs-scroll .nav-prev{position:absolute;cursor:pointer;line-height:32px;font-size:12px}.m-tabs .tabs-scroll .nav-next.disabled,.m-tabs .tabs-scroll .nav-prev.disabled{color:#ccc;cursor:not-allowed}.m-tabs .tabs-scroll .nav-prev{left:0}.m-tabs .tabs-scroll .nav-next{right:0}.m-tabs .nav-scroll{overflow:hidden}.m-tabs .tabs_hd{display:inline-block;transition:transform .3s;white-space:nowrap}.m-tabs .tabs_hd>li{position:relative;display:inline-block;cursor:pointer}.m-tabs .tabs_hd>li.z-dis{cursor:not-allowed}.m-tabs .tabs_hd>li.arrow-left,.m-tabs .tabs_hd>li.arrow-right{width:20px}.m-tabs .tabs_bd{clear:both}.m-tabs.z-dis .tabs_hd>li{cursor:not-allowed}.m-tabs.z-dis .tabs_hd>li.z-crt{cursor:default}.m-tabs{-moz-border-radius:3px;border-radius:3px}.m-tabs .tabs_hd>li{padding:0 15px;height:40px;line-height:40px;color:#444;border:1px solid transparent;margin-bottom:-1px;background:#fff;border:1px solid #deeaf2;border-radius:2px 2px 0 0;height:31px;line-height:32px;min-width:104px;text-align:center;font-size:12px;border-bottom:none;box-sizing:border-box}.m-tabs .tabs_hd>li+li{margin-left:2px}.m-tabs .tabs_hd>li:focus,.m-tabs .tabs_hd>li:hover{color:#777}.m-tabs .tabs_hd>li.z-crt{border-top:3px solid #d9244e;height:32px;line-height:28px}.m-tabs .tabs_hd>li.z-dis{color:#999;background:0 0;border-color:transparent}.m-tabs .tabs_bd{background:#fff;border-top:1px solid #deeaf2;padding:20px 0}.m-tabs-center .tabs_hd{position:relative;float:left;left:50%}.m-tabs-center .tabs_hd>li{position:relative;left:-50%}.m-tabs-left{position:relative}.m-tabs-left .tabs_hd{position:absolute;left:0;width:120px;margin-left:0}.m-tabs-left .tabs_hd>li{float:none;border:1px solid transparent;border-right-width:0;margin-bottom:0}.m-tabs-left .tabs_hd>li+li{margin-left:0;margin-top:2px}.m-tabs-left .tabs_hd>li.z-crt{border-left:3px solid #d9244e;height:29px;line-height:26px;border-top:1px solid #deeaf2;border-bottom:1px solid #deeaf2}.m-tabs-left .tabs_bd{margin-left:120px;min-height:200px}.m-tabs-right{position:relative}.m-tabs-right .tabs_hd{position:absolute;right:0;width:120px;margin-left:0}.m-tabs-right .tabs_hd>li{float:none;border:1px solid transparent;border-left-width:0;margin-bottom:0}.m-tabs-right .tabs_hd>li+li{margin-left:0;margin-top:2px}.m-tabs-right .tabs_hd>li.z-crt{border-right:3px solid #d9244e;height:28px;line-height:26px;border-top:1px solid #deeaf2;border-bottom:1px solid #deeaf2}.m-tabs-right .tabs_bd{margin-right:120px;min-height:200px}.u-message{display:flex;align-items:center;padding:6px 15px;background:#f4f4f4;color:#777;border:1px solid #ddd;box-shadow:0 2px 3px 0 rgba(0,0,0,.1);-moz-border-radius:4px;border-radius:4px}.u-message:after,.u-message:before{display:table;content:"";line-height:0}.u-message:after{clear:both}.u-message .message_ct{display:inline-block;max-width:90%}.u-message .message_icon{font-size:23px;vertical-align:middle;margin-top:-2px;margin-right:10px;line-height:1}.u-message-info{color:#fff;background:#80bcf4;border:1px solid #80bcf4}.u-message-info .message_icon{color:#fff}.u-message-success{color:#fff;background:#89d280;border:1px solid #89d280}.u-message-success .message_icon{color:#fff}.u-message-warning{color:#fff;background:#f9bf65;border:1px solid #f9bf65}.u-message-warning .message_icon{color:#fff}.u-message-error{color:#fff;background:#f37373;border:1px solid #f37373}.u-message-error .message_icon{color:#fff}.m-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:cross-slide-y pinch-zoom double-tap-zoom;text-align:center;overflow:hidden;background:rgba(0,0,0,.6)}.m-modal:after{content:"";display:inline-block;vertical-align:middle;height:100%}.m-modal .modal_dialog{display:inline-block;vertical-align:middle;text-align:left;width:400px;background:#fff;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.125);box-shadow:0 2px 3px rgba(0,0,0,.125);border-radius:4px;max-width:1050px}.m-modal .modal_hd{margin:0 15px;padding:10px 0;border-bottom:1px solid #eee}.m-modal .modal_title{margin:0;font-size:12px;color:#333}.m-modal .modal_close{float:right;margin:2px 0;color:#666;font-size:12px}.m-modal .modal_close .u-icon{color:#666}.m-modal .modal_close:hover .u-icon{color:#888}.m-modal .modal_hd.z-draggable{cursor:move;cursor:-webkit-grab}.m-modal .z-drag .modal_hd.z-draggable{cursor:move;cursor:-webkit-grabbing}.m-modal .modal_bd{padding:20px 15px 17px 15px;min-height:10px;max-height:491px;overflow:auto;font-size:12px}.m-modal .modal_ft{padding:15px 15px 30px 15px;text-align:center;border-top:1px solid #f4f4f4;font-size:0}.m-modal .modal_ft .u-btn{margin:0 8px}@media (max-width:767px){.m-modal .modal_dialog{margin:10px}}html.z-modal,html.z-modal body{overflow:hidden}.m-notify{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:1040;top:10px;left:10px;min-width:260px;max-width:350px;font-size:12px}.m-notify .u-message{margin-bottom:10px;padding:16px 35px 16px 20px}.m-notify .u-message:hover .message_close{display:block}.m-notify .u-message .message_close{display:none;position:absolute;right:16px;margin-top:2px;font-size:12px;color:#fff}.m-notify-bottomright,.m-notify-topright{left:auto;right:10px}.m-notify-bottomcenter,.m-notify-topcenter{left:50%;margin-left:-130px}.m-notify-bottomcenter,.m-notify-bottomleft,.m-notify-bottomright{top:auto;bottom:10px}@media (max-width:767px){.m-notify{left:10px;right:10px;width:auto;margin:0}}.m-notify-static{position:static;width:auto}.m-popconfirm,.u-popover,.u-tooltip{position:absolute;z-index:2000;font-size:12px;line-height:1.5}.m-popconfirm .arrow,.m-popconfirm .arrow:after,.u-popover .arrow,.u-popover .arrow:after,.u-tooltip .arrow,.u-tooltip .arrow:after{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.m-popconfirm .inner{padding:8px 16px;background:#fff;background-clip:padding-box;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2)}.m-popconfirm .inner .body{padding:8px 0 16px;font-size:12px;color:#666}.m-popconfirm .inner .foot{text-align:right;margin-bottom:8px}.m-popconfirm .inner .foot .u-btn{border-radius:2px}.m-popconfirm .inner .foot .u-btn-primary{margin-left:5px}.m-popconfirm .arrow:after{content:"";border-width:4px}.m-popconfirm.top,.m-popconfirm.topLeft,.m-popconfirm.topRight{padding:0 0 4px 0}.m-popconfirm.top .arrow,.m-popconfirm.topLeft .arrow,.m-popconfirm.topRight .arrow{bottom:-1px;border-bottom-width:0;border-top-color:rgba(217,217,217,.7)}.m-popconfirm.top .arrow:after,.m-popconfirm.topLeft .arrow:after,.m-popconfirm.topRight .arrow:after{bottom:1px;margin-left:-4px;border-bottom-width:0;border-top-color:#fff}.m-popconfirm.left,.m-popconfirm.leftBottom,.m-popconfirm.leftTop{padding:0 4px 0 0}.m-popconfirm.left .arrow,.m-popconfirm.leftBottom .arrow,.m-popconfirm.leftTop .arrow{right:-1px;border-right-width:0;border-left-color:rgba(217,217,217,.7)}.m-popconfirm.left .arrow:after,.m-popconfirm.leftBottom .arrow:after,.m-popconfirm.leftTop .arrow:after{right:1px;bottom:-4px;border-right-width:0;border-left-color:#fff}.m-popconfirm.bottom,.m-popconfirm.bottomLeft,.m-popconfirm.bottomRight{padding:4px 0 0 0}.m-popconfirm.bottom .arrow,.m-popconfirm.bottomLeft .arrow,.m-popconfirm.bottomRight .arrow{top:-1px;border-top-width:0;border-bottom-color:rgba(217,217,217,.7)}.m-popconfirm.bottom .arrow:after,.m-popconfirm.bottomLeft .arrow:after,.m-popconfirm.bottomRight .arrow:after{top:1px;margin-left:-4px;border-top-width:0;border-bottom-color:#fff}.m-popconfirm.right,.m-popconfirm.rightBottom,.m-popconfirm.rightTop{padding:0 0 0 4px}.m-popconfirm.right .arrow,.m-popconfirm.rightBottom .arrow,.m-popconfirm.rightTop .arrow{left:-1px;border-left-width:0;border-right-color:rgba(217,217,217,.7)}.m-popconfirm.right .arrow:after,.m-popconfirm.rightBottom .arrow:after,.m-popconfirm.rightTop .arrow:after{left:1px;bottom:-4px;border-left-width:0;border-right-color:#fff}.m-popconfirm.topLeft .arrow{left:16px}.m-popconfirm.top .arrow{left:50%;margin-left:-5px}.m-popconfirm.topRight .arrow{right:16px}.m-popconfirm.leftTop .arrow{top:8px}.m-popconfirm.left .arrow{top:50%;margin-top:-5px}.m-popconfirm.leftBottom .arrow{bottom:8px}.m-popconfirm.bottomLeft .arrow{left:16px}.m-popconfirm.bottom .arrow{left:50%;margin-left:-5px}.m-popconfirm.bottomRight .arrow{right:16px}.m-popconfirm.rightTop .arrow{top:8px}.m-popconfirm.right .arrow{top:50%;margin-top:-5px}.m-popconfirm.rightBottom .arrow{bottom:8px}.u-badge{display:inline;font-weight:700;text-align:center}a.u-badge{text-decoration:none}.u-badge.u-badge-number{-moz-border-radius:1000px;border-radius:1000px}.u-badge{padding:.2em .6em .3em;font-size:11px;line-height:1;background:#aaa;color:#fff;-moz-border-radius:.25em;border-radius:.25em}.u-badge-primary{background:#4690ee}.u-badge-info{background:#479ca2}.u-badge-success{background:#6794d1}.u-badge-warning{background:#fcd800}.u-badge-error{background:#d30030}.u-icon{line-height:inherit;width:1em;text-align:center}.u-icon-error-circle:before{content:"\f057"}.u-icon-success-circle:before{content:"\f058"}.u-icon-warning-circle:before{content:"\f06a"}.u-icon-quote:before{content:"\f10d"}.u-iconstack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.u-iconstack>.u-icon{position:absolute;left:0;width:100%;text-align:center}.m-image-preview{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:1500}.m-image-preview ul{padding:0}.m-image-preview .m-panel-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:100%;box-shadow:0 0 10px 0 rgba(0,0,0,.5)}.m-image-preview .m-panel-wrapper .m-panel-close,.m-image-preview .m-panel-wrapper .u-next-btn,.m-image-preview .m-panel-wrapper .u-pre-btn{cursor:pointer}.m-image-preview .m-panel-wrapper .m-panel-close{position:absolute;right:26px;top:26px;width:26px;height:26px;background:#fff;box-shadow:0 0 1px 0;border-radius:100px;z-index:5}.m-image-preview .m-panel-wrapper .m-panel-close:after,.m-image-preview .m-panel-wrapper .m-panel-close:before{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;border-radius:100px;background:#000;margin-left:-7px;margin-top:-1px}.m-image-preview .m-panel-wrapper .m-panel-close:before{transform:rotate(45deg)}.m-image-preview .m-panel-wrapper .m-panel-close:after{transform:rotate(-45deg)}.m-image-preview .m-panel-wrapper .m-full-panel,.m-image-preview .m-panel-wrapper .m-thumbnail-panel{position:absolute;top:0;height:100%}.m-image-preview .m-panel-wrapper .m-full-panel{left:0;width:70%}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn{position:absolute;width:55px;height:55px;top:45.454545%;border-radius:100px;background:rgba(0,0,0,.6);z-index:5}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn:before{content:"";display:inline-block;height:100%;vertical-align:middle;background:#fff}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon{display:inline-block;width:100%;height:3px;vertical-align:middle;text-align:center}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:after,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:after,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:before{content:"";position:absolute;width:22px;height:3px;border-radius:100px;background-color:#fff}.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn{left:50px}.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:after,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:before{transform-origin:0}.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:before{transform:translate(-40%,-.5px) rotate(45deg)}.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:after{transform:translate(-40%,.5px) rotate(-45deg)}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn{right:50px}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:after,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:before{transform-origin:100%}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:before{transform:translate(-60%,.5px) rotate(45deg)}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:after{transform:translate(-60%,-.5px) rotate(-45deg)}.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list{position:relative;width:52.290316%;height:75.757576%;margin:7.575758% auto 3.787879%;overflow:hidden}.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list .m-image-item{position:absolute;width:100%;height:100%;text-align:center;transition:opacity .3s}.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list .m-image-item img{max-width:100%;max-height:100%;vertical-align:middle;transition:transform .3s}.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list .m-image-item:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group{position:relative;width:350px;height:50px;margin:0 auto;background:rgba(0,0,0,.6);text-align:center;z-index:5}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item{position:relative;display:inline-block;width:30px;height:28px;line-height:28px;margin-left:20px;vertical-align:middle;text-align:center;color:#fff;font-size:18px;cursor:pointer}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item .u-download{color:#fff}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item .u-scale{position:absolute;font-style:normal;font-size:14px;right:-45px;text-align:center}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item:first-child{margin-left:0}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-image-preview .m-panel-wrapper .m-thumbnail-panel{right:0;width:30%;background:rgba(0,0,0,.6)}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .u-image-name{margin:0 auto;margin-top:12.121212%;height:25px;width:90%;font-size:16px;color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list{margin:15px auto;height:80%;width:370px;padding:10px;box-sizing:border-box}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item{position:relative;display:inline-block;width:80px;height:80px;margin-left:10px;margin-bottom:10px;vertical-align:top;text-align:center;background:#fff;cursor:pointer}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item:nth-child(4n+1){margin-left:0}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current{width:86px;height:86px;margin-left:7px;margin-right:-3px;margin-top:-3px;margin-bottom:-3px}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current:nth-child(4n+1){width:86px;height:86px;margin-right:-3px;margin-left:-3px}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current:nth-child(4n){width:86px;height:86px;margin-left:7px;margin-right:-3px}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current:after{display:none}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item img{max-width:100%;max-height:100%;vertical-align:middle}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4)}.m-image-preview .m-panel-wrapper .m-virtual-zone{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;overflow:hidden;z-index:1;transition:opacity .3s}.m-image-preview .m-panel-wrapper .m-virtual-zone .m-image-wrapper{position:relative;width:52.290316%;height:75.757576%;margin:7.575758% auto 3.787879%;text-align:center;cursor:-webkit-grab;transition:all .3s ease-in-out}.m-image-preview .m-panel-wrapper .m-virtual-zone .m-image-wrapper:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-image-preview .m-panel-wrapper .m-virtual-zone .m-image-wrapper img{max-width:100%;max-height:100%;vertical-align:middle}.u-loading{position:fixed;display:block;text-align:center;font-size:26px;line-height:1;z-index:1050;top:0;bottom:0;left:0;right:0}.u-loading>*{position:relative;top:50%}.u-loading .loading-circular{width:42px;height:42px;animation:loading-rotate 2s linear infinite}.u-loading .loading-circular .loading-path{stroke-dasharray:1,200;stroke-dashoffset:0;stroke:#e31436;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.u-loading-fixed{color:#fff}.u-loading-fixed:before{content:" ";position:absolute;top:0;bottom:0;left:0;right:0;-webkit-overflow-scrolling:touch;touch-action:cross-slide-y pinch-zoom double-tap-zoom;background:rgba(0,0,0,.3)}.u-loading-static{position:static;display:inline-block;font-size:inherit}.u-loading-static>*{position:static}.u-loading-static:before{content:" "}.u-progress{overflow:hidden}.u-progress .progress_bar{width:0;height:100%;float:left;text-align:center}.u-progress{height:20px;line-height:20px;background:#f4f4f4}.u-progress .progress_bar{background:#4690ee;font-size:12px;color:#fff;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;transition:width .6s ease}.u-progress-xs{height:3px;line-height:3px;text-indent:-2000px}.u-progress-sm{height:8px;line-height:8px;text-indent:-2000px}.u-progress-lg{height:28px;line-height:28px}.u-progress-xl{height:40px;line-height:40px}.u-progress-info .progress_bar{background-color:#479ca2}.u-progress-success .progress_bar{background-color:#6794d1}.u-progress-warning .progress_bar{background-color:#fcd800}.u-progress-error .progress_bar{background-color:#d30030}.u-progress-striped .progress_bar{background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.u-progress-striped.z-act .progress_bar{-webkit-animation:u-progress-striped 2s linear infinite;-moz-animation:u-progress-striped 2s linear infinite;animation:u-progress-striped 2s linear infinite}@-webkit-keyframes u-progress-striped{0%{background-position:0 0}100%{background-position:40px 0}}@-moz-keyframes u-progress-striped{0%{background-position:0 0}100%{background-position:40px 0}}@-o-keyframes u-progress-striped{0%{background-position:0 0}100%{background-position:40px 0}}@keyframes u-progress-striped{0%{background-position:0 0}100%{background-position:40px 0}}.u-popover,.u-tooltip{position:absolute;z-index:2000;font-size:12px;line-height:1.5}.u-popover .arrow,.u-popover .arrow:after,.u-tooltip .arrow,.u-tooltip .arrow:after{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.u-tooltip .inner{max-width:250px;padding:8px 10px;margin:0;color:#fff;text-align:left;text-decoration:none;background-color:rgba(64,64,64,.85);border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2)}.u-tooltip.top,.u-tooltip.topLeft,.u-tooltip.topRight{padding:5px 0 8px 0}.u-tooltip.top .arrow,.u-tooltip.topLeft .arrow,.u-tooltip.topRight .arrow{bottom:3px;border-width:5px 5px 0;border-top-color:rgba(64,64,64,.85)}.u-tooltip.left,.u-tooltip.leftBottom,.u-tooltip.leftTop{padding:0 8px 0 5px}.u-tooltip.left .arrow,.u-tooltip.leftBottom .arrow,.u-tooltip.leftTop .arrow{right:3px;border-width:5px 0 5px 5px;border-left-color:rgba(64,64,64,.85)}.u-tooltip.bottom,.u-tooltip.bottomLeft,.u-tooltip.bottomRight{padding:8px 0 5px 0}.u-tooltip.bottom .arrow,.u-tooltip.bottomLeft .arrow,.u-tooltip.bottomRight .arrow{top:3px;border-width:0 5px 5px;border-bottom-color:rgba(64,64,64,.85)}.u-tooltip.right,.u-tooltip.rightBottom,.u-tooltip.rightTop{padding:0 5px 0 8px}.u-tooltip.right .arrow,.u-tooltip.rightBottom .arrow,.u-tooltip.rightTop .arrow{left:3px;border-width:5px 5px 5px 0;border-right-color:rgba(64,64,64,.85)}.u-tooltip.topLeft .arrow{left:16px}.u-tooltip.top .arrow{left:50%;margin-left:-5px}.u-tooltip.topRight .arrow{right:16px}.u-tooltip.leftTop .arrow{top:8px}.u-tooltip.left .arrow{top:50%;margin-top:-5px}.u-tooltip.leftBottom .arrow{bottom:8px}.u-tooltip.bottomLeft .arrow{left:16px}.u-tooltip.bottom .arrow{left:50%;margin-left:-5px}.u-tooltip.bottomRight .arrow{right:16px}.u-tooltip.rightTop .arrow{top:8px}.u-tooltip.right .arrow{top:50%;margin-top:-5px}.u-tooltip.rightBottom .arrow{bottom:8px} diff --git a/doc/v0.6/css/nek-ui.default.css b/doc/v0.6/css/nek-ui.default.css new file mode 100644 index 00000000..3e41b282 --- /dev/null +++ b/doc/v0.6/css/nek-ui.default.css @@ -0,0 +1,8160 @@ +article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ + display:block; +} +audio,canvas,video{ + display:inline-block; + *display:inline; + *zoom:1; +} +audio:not([controls]){ + display:none; + height:0; +} +[hidden]{ + display:none; +} +html{ + font-size:100%; + -ms-text-size-adjust:100%; + -webkit-text-size-adjust:100%; +} +html,button,input,select,textarea{ + font-family:sans-serif; +} +body{ + margin:0; +} +a:focus{ + outline:thin dotted; +} +a:active,a:hover{ + outline:0; +} +h1{ + font-size:2em; + margin:0.67em 0; +} +h2{ + font-size:1.5em; + margin:0.83em 0; +} +h3{ + font-size:1.17em; + margin:1em 0; +} +h4{ + font-size:1em; + margin:1.33em 0; +} +h5{ + font-size:0.83em; + margin:1.67em 0; +} +h6{ + font-size:0.67em; + margin:2.33em 0; +} +abbr[title]{ + border-bottom:1px dotted; +} +b,strong{ + font-weight:bold; +} +blockquote{ + margin:1em 40px; +} +dfn{ + font-style:italic; +} +hr{ + -moz-box-sizing:content-box; + box-sizing:content-box; + height:0; +} +mark{ + background:#ff0; + color:#000; +} +p,pre{ + margin:1em 0; +} +code,kbd,pre,samp{ + font-family:monospace,serif; + _font-family:"courier new",monospace; + font-size:1em; +} +pre{ + white-space:pre; + white-space:pre-wrap; + word-wrap:break-word; +} +q{ + quotes:none; +} +q:before,q:after{ + content:""; + content:none; +} +small{ + font-size:80%; +} +sub,sup{ + font-size:75%; + line-height:0; + position:relative; + vertical-align:baseline; +} +sup{ + top:-0.5em; +} +sub{ + bottom:-0.25em; +} +dl,menu,ol,ul{ + margin:1em 0; +} +dd{ + margin:0 0 0 40px; +} +menu,ol,ul{ + padding:0 0 0 40px; +} +nav ul,nav ol{ + list-style:none; + list-style-image:none; +} +img{ + border:0; + -ms-interpolation-mode:bicubic; +} +svg:not(:root){ + overflow:hidden; +} +figure{ + margin:0; +} +form{ + margin:0; +} +fieldset{ + border:1px solid #c0c0c0; + margin:0 2px; + padding:0.35em 0.625em 0.75em; +} +legend{ + border:0; + padding:0; + white-space:normal; + *margin-left:-7px; +} +button,input,select,textarea{ + font-size:100%; + margin:0; + vertical-align:baseline; + *vertical-align:middle; +} +button,input{ + line-height:normal; +} +button,select{ + text-transform:none; +} +button,html input[type="button"], input[type="reset"],input[type="submit"]{ + -webkit-appearance:button; + cursor:pointer; + *overflow:visible; +} +button[disabled],html input[disabled]{ + cursor:default; +} +input[type="checkbox"],input[type="radio"]{ + box-sizing:border-box; + padding:0; + *height:13px; + *width:13px; +} +input[type="search"]{ + -webkit-appearance:textfield; + -moz-box-sizing:content-box; + -webkit-box-sizing:content-box; + box-sizing:content-box; +} +input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{ + -webkit-appearance:none; +} +button::-moz-focus-inner,input::-moz-focus-inner{ + border:0; + padding:0; +} +textarea{ + overflow:auto; + vertical-align:top; +} +table{ + border-collapse:collapse; + border-spacing:0; +} +.f-cb:after,.f-cbli li:after{ + display:block; + clear:both; + visibility:hidden; + height:0; + overflow:hidden; + content:"."; +} +.f-cb,.f-cbli li{ + zoom:1; +} +.f-ib{ + display:inline-block; + *display:inline; + *zoom:1; +} +.f-dn{ + display:none; +} +.f-db{ + display:block; +} +.f-fl{ + float:left; +} +.f-fr{ + float:right; +} +.f-pr{ + position:relative; +} +.f-prz{ + position:relative; + zoom:1; +} +.f-oh{ + overflow:hidden; +} +.f-fwn{ + font-weight:normal; +} +.f-fwb{ + font-weight:bold; +} +.f-tal{ + text-align:left; +} +.f-tac{ + text-align:center; +} +.f-tar{ + text-align:right; +} +.f-taj{ + text-align:justify; + text-justify:inter-ideograph; +} +.f-vat{ + vertical-align:top; +} +.f-vam,.f-vama *{ + vertical-align:middle; +} +.f-vab{ + vertical-align:bottom; +} +.f-wsn,.m-pager,.m-pager .m-right-pager{ + word-wrap:normal; + white-space:nowrap; +} +.f-pre{ + overflow:hidden; + text-align:left; + white-space:pre-wrap; + word-wrap:break-word; + word-break:break-all; +} +.f-wwb{ + white-space:normal; + word-wrap:break-word; + word-break:break-all; +} +.f-toe,.u-select .dropdown_hd{ + overflow:hidden; + word-wrap:normal; + white-space:nowrap; + text-overflow:ellipsis; +} +.f-usn{ + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + -o-user-select:none; + user-select:none; +} +.f-lsn,.m-listview,.m-treeview .treeview_list,.kl-m-crumb,.m-pager,.m-pager .m-right-pager,.m-tabs .tabs_hd{ + list-style:none; + margin:0; + padding:0; +} +.f-lsi,.kl-m-crumb,.m-pager,.m-pager .m-right-pager{ + letter-spacing:-5px; +} +.f-lsi >*,.kl-m-crumb >*,.m-pager >*,.m-pager .m-right-pager >*{ + letter-spacing:normal; +} +.f-ti{ + overflow:hidden; + text-indent:-30000px; +} +.f-ti2{ + text-indent:2em; +} +.f-lhn{ + line-height:normal; +} +.f-tdu,.f-tdu:hover{ + text-decoration:underline; +} +.f-tdn,.f-tdn:hover{ + text-decoration:none; +} +.f-csp{ + cursor:pointer; +} +.f-csd{ + cursor:default; +} +.f-csh{ + cursor:help; +} +.f-csm{ + cursor:move; +} +.f-mb5{ + margin-bottom:5px; +} +.f-mr5{ + margin-right:5px; +} +.f-ml5{ + margin-left:5px; +} +.f-mt5{ + margin-top:5px; +} +.f-mb10{ + margin-bottom:10px !important; +} +.f-mr10{ + margin-right:10px; +} +.f-ml10{ + margin-left:10px; +} +.f-mt10{ + margin-top:10px !important; +} +.f-mb15{ + margin-bottom:15px; +} +.f-mr15{ + margin-right:15px; +} +.f-ml15{ + margin-left:15px; +} +.f-mt15{ + margin-top:15px; +} +.f-mb20{ + margin-bottom:20px; +} +.f-mr20{ + margin-right:20px; +} +.f-ml20{ + margin-left:20px; +} +.f-mt20{ + margin-top:20px; +} +.f-color-primary{ + color:#e31436; +} +.f-color-secondary{ + color:#e31436; +} +.f-color-info{ + color:#54a8f7; +} +.f-color-success{ + color:#6ebc40; +} +.f-color-error{ + color:#f48080; +} +.f-color-warning{ + color:#ffb539; +} +html{ + -webkit-text-size-adjust:100%; + -ms-text-size-adjust:100%; +} +body{ + font:12px/1.6 PingFangTC-Regular,Microsoft YaHei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif; + background:#fff; + color:#333; +} +a{ + text-decoration:none; + cursor:pointer; + background:transparent; +} +a:hover{ + text-decoration:underline; +} +a:hover,a:focus{ + outline:0; +} +hr{ + border:none; +} +em{ + font-style:normal; +} +ins{ + text-decoration:none; +} +pre,code,kbd,samp{ + font-family:"YaHei Consolas Hybrid",Consolas,"Liberation Mono",Menlo,Courier,monospace; +} +abbr[title]{ + cursor:help; +} +dfn{ + font-style:normal; + font-weight:bold; +} +q:before{ + content:"“"; +} +q:after{ + content:"”"; +} +q q:before{ + content:"‘"; +} +q q:after{ + content:"’"; +} +blockquote,figure{ + margin:0; +} +blockquote footer{ + text-align:right; +} +blockquote footer:before{ + content:"—— "; +} +pre{ + -webkit-tab-size:4; + -moz-tab-size:4; + tab-size:4; + overflow:auto; +} +pre code{ + background:none; + border:none; + padding:0; + margin:0; + font-size:inherit; + color:inherit; +} +ul>li>ul,ul>li>ol,ol>li>ol,ol>li>ul{ + margin:0; +} +dt{ + font-weight:bold; +} +dd{ + margin-left:0; +} +address{ + font-style:normal; +} +img{ + max-width:100%; + height:auto; + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + border:none; + vertical-align:middle; +} +svg:not(:root){ + overflow:hidden; +} +article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{ + display:block; +} +iframe{ + border:none; +} +audio:not([controls]){ + display:none; +} +progress{ + vertical-align:baseline; +} +h1,h2,h3,h4,h5,h6{ + margin:25px 0 15px; +} +h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{ + color:#777; +} +h1{ + font-size:36px; + line-height:42px; +} +h2{ + font-size:24px; + line-height:30px; +} +h3{ + font-size:18px; + line-height:24px; +} +h4{ + font-size:16px; + line-height:22px; +} +h5{ + font-size:14px; + line-height:20px; +} +h6{ + font-size:12px; + line-height:18px; +} +a{ + color:#54a8f7; +} +hr{ + border-top:1px solid #fff; +} +em{ + color:#d05; +} +ins{ + background:#ffa; + color:#444; +} +mark{ + background:#ffa; + color:#444; +} +small{ + font-size:80%; +} +code{ + padding:0 3px; + font-size:12px; + background:#fafafa; + color:#d05; +} +kbd{ + margin:0 3px; + padding:2px 3px; + font-size:12px; + color:#e74c3c; + background:#fafafa; + border-bottom:2px solid #eee; +} +abbr[title]{ + border-bottom:1px dotted; +} +blockquote{ + padding:4px 16px; + background:#fafafa; + border-left:4px solid #eee; +} +pre{ + padding:6px 12px; + font-size:12px; + background:#fafafa; + color:#333; + -moz-border-radius:2px; + border-radius:2px; +} +input[type=checkbox]{ + -webkit-appearance:checkbox; +} +input[type=radio]{ + -webkit-appearance:radio; +} +*::selection,*::-moz-selection,*::-webkit-selection{ + color:#fff; + background:#39f; +} +body{ + -webkit-backface-visibility:hidden; +} +.animated{ + -webkit-animation-duration:1s; + -moz-animation-duration:1s; + animation-duration:1s; + -webkit-animation-fill-mode:both; + -moz-animation-fill-mode:both; + animation-fill-mode:both; +} +@-webkit-keyframes fadeIn{ + 0%{ + opacity:0; + } + 100%{ + opacity:1; + } +} +@-moz-keyframes fadeIn{ + 0%{ + opacity:0; + } + 100%{ + opacity:1; + } +} +@-o-keyframes fadeIn{ + 0%{ + opacity:0; + } + 100%{ + opacity:1; + } +} +@keyframes fadeIn{ + 0%{ + opacity:0; + } + 100%{ + opacity:1; + } +} +.animated.fadeIn{ + -webkit-animation-name:fadeIn; + -moz-animation-name:fadeIn; + animation-name:fadeIn; +} +@-webkit-keyframes fadeOut{ + 0%{ + opacity:1; + } + 100%{ + opacity:0; + } +} +@-moz-keyframes fadeOut{ + 0%{ + opacity:1; + } + 100%{ + opacity:0; + } +} +@-o-keyframes fadeOut{ + 0%{ + opacity:1; + } + 100%{ + opacity:0; + } +} +@keyframes fadeOut{ + 0%{ + opacity:1; + } + 100%{ + opacity:0; + } +} +.animated.fadeOut{ + -webkit-animation-name:fadeOut; + -moz-animation-name:fadeOut; + animation-name:fadeOut; +} +@-webkit-keyframes bounceIn{ + 0%{ + opacity:0; + -webkit-transform:scale(0.3); + } + 50%{ + opacity:1; + -webkit-transform:scale(1.05); + } + 70%{ + -webkit-transform:scale(0.9); + } + 100%{ + -webkit-transform:scale(1); + } +} +@-moz-keyframes bounceIn{ + 0%{ + opacity:0; + -moz-transform:scale(0.3); + } + 50%{ + opacity:1; + -moz-transform:scale(1.05); + } + 70%{ + -moz-transform:scale(0.9); + } + 100%{ + -moz-transform:scale(1); + } +} +@-o-keyframes bounceIn{ + 0%{ + opacity:0; + -o-transform:scale(0.3); + } + 50%{ + opacity:1; + -o-transform:scale(1.05); + } + 70%{ + -o-transform:scale(0.9); + } + 100%{ + -o-transform:scale(1); + } +} +@keyframes bounceIn{ + 0%{ + opacity:0; + transform:scale(0.3); + } + 50%{ + opacity:1; + transform:scale(1.05); + } + 70%{ + transform:scale(0.9); + } + 100%{ + transform:scale(1); + } +} +.animated.bounceIn{ + -webkit-animation-name:bounceIn; + -moz-animation-name:bounceIn; + animation-name:bounceIn; +} +@-webkit-keyframes bounceOut{ + 0%{ + -webkit-transform:scale(1); + } + 25%{ + -webkit-transform:scale(0.95); + } + 50%{ + opacity:1; + -webkit-transform:scale(1.1); + } + 100%{ + opacity:0; + -webkit-transform:scale(0.3); + } +} +@-moz-keyframes bounceOut{ + 0%{ + -moz-transform:scale(1); + } + 25%{ + -moz-transform:scale(0.95); + } + 50%{ + opacity:1; + -moz-transform:scale(1.1); + } + 100%{ + opacity:0; + -moz-transform:scale(0.3); + } +} +@-o-keyframes bounceOut{ + 0%{ + -o-transform:scale(1); + } + 25%{ + -o-transform:scale(0.95); + } + 50%{ + opacity:1; + -o-transform:scale(1.1); + } + 100%{ + opacity:0; + -o-transform:scale(0.3); + } +} +@keyframes bounceOut{ + 0%{ + transform:scale(1); + } + 25%{ + transform:scale(0.95); + } + 50%{ + opacity:1; + transform:scale(1.1); + } + 100%{ + opacity:0; + transform:scale(0.3); + } +} +.animated.bounceOut{ + -webkit-animation-name:bounceOut; + -moz-animation-name:bounceOut; + animation-name:bounceOut; +} +@-webkit-keyframes fadeInX{ + 0%{ + opacity:0; + -webkit-transform:translateX(30px); + } + 100%{ + opacity:1; + -webkit-transform:translateX(0); + } +} +@-moz-keyframes fadeInX{ + 0%{ + opacity:0; + -moz-transform:translateX(30px); + } + 100%{ + opacity:1; + -moz-transform:translateX(0); + } +} +@-o-keyframes fadeInX{ + 0%{ + opacity:0; + -o-transform:translateX(30px); + } + 100%{ + opacity:1; + -o-transform:translateX(0); + } +} +@keyframes fadeInX{ + 0%{ + opacity:0; + transform:translateX(30px); + } + 100%{ + opacity:1; + transform:translateX(0); + } +} +.animated.fadeInX{ + -webkit-animation-name:fadeInX; + -moz-animation-name:fadeInX; + animation-name:fadeInX; +} +@-webkit-keyframes fadeInY{ + 0%{ + opacity:0; + -webkit-transform:translateY(-5px); + } + 100%{ + opacity:1; + -webkit-transform:translateY(0); + } +} +@-moz-keyframes fadeInY{ + 0%{ + opacity:0; + -moz-transform:translateY(-5px); + } + 100%{ + opacity:1; + -moz-transform:translateY(0); + } +} +@-o-keyframes fadeInY{ + 0%{ + opacity:0; + -o-transform:translateY(-5px); + } + 100%{ + opacity:1; + -o-transform:translateY(0); + } +} +@keyframes fadeInY{ + 0%{ + opacity:0; + transform:translateY(-5px); + } + 100%{ + opacity:1; + transform:translateY(0); + } +} +.animated.fadeInY{ + -webkit-animation-name:fadeInY; + -moz-animation-name:fadeInY; + animation-name:fadeInY; +} +@-webkit-keyframes fadeOutY{ + 0%{ + opacity:1; + -webkit-transform:translateY(0); + } + 100%{ + opacity:0; + -webkit-transform:translateY(-5px); + } +} +@-moz-keyframes fadeOutY{ + 0%{ + opacity:1; + -moz-transform:translateY(0); + } + 100%{ + opacity:0; + -moz-transform:translateY(-5px); + } +} +@-o-keyframes fadeOutY{ + 0%{ + opacity:1; + -o-transform:translateY(0); + } + 100%{ + opacity:0; + -o-transform:translateY(-5px); + } +} +@keyframes fadeOutY{ + 0%{ + opacity:1; + transform:translateY(0); + } + 100%{ + opacity:0; + transform:translateY(-5px); + } +} +.animated.fadeOutY{ + -webkit-animation-name:fadeOutY; + -moz-animation-name:fadeOutY; + animation-name:fadeOutY; +} +@-webkit-keyframes pulse{ + 0%{ + -webkit-transform:scale(1); + } + 50%{ + -webkit-transform:scale(1.1); + } + 100%{ + -webkit-transform:scale(1); + } +} +@-moz-keyframes pulse{ + 0%{ + -moz-transform:scale(1); + } + 50%{ + -moz-transform:scale(1.1); + } + 100%{ + -moz-transform:scale(1); + } +} +@-o-keyframes pulse{ + 0%{ + -o-transform:scale(1); + } + 50%{ + -o-transform:scale(1.1); + } + 100%{ + -o-transform:scale(1); + } +} +@keyframes pulse{ + 0%{ + transform:scale(1); + } + 50%{ + transform:scale(1.1); + } + 100%{ + transform:scale(1); + } +} +.animated.pulse{ + -webkit-animation-name:pulse; + -moz-animation-name:pulse; + animation-name:pulse; +} +.animated{ + -webkit-animation-duration:0.2s; + -moz-animation-duration:0.2s; + animation-duration:0.2s; +} +.modal_animated{ + -webkit-animation-duration:0.3s; + -moz-animation-duration:0.3s; + animation-duration:0.3s; +} +@keyframes zoomOut{ + from{ + opacity:1; + } + 50%{ + opacity:0; + transform:scale3d(0.3,0.3,0.3); + } + to{ + opacity:0; + } +} +.zoomOut{ + animation-name:zoomOut; +} +.modal_zoomOut .modal_dialog{ + animation-name:zoomOut; + -webkit-animation-duration:0.3s; + -moz-animation-duration:0.3s; + animation-duration:0.3s; +} +@keyframes zoomIn{ + from{ + opacity:0; + transform:scale3d(0.3,0.3,0.3); + } + 50%{ + opacity:1; + } +} +.zoomIn{ + animation-name:zoomIn; +} +.modal_zoomIn .modal_dialog{ + animation-name:zoomIn; + -webkit-animation-duration:0.3s; + -moz-animation-duration:0.3s; + animation-duration:0.3s; +} +@font-face { + font-family:"icomoon"; + src:url("../fonts/icomoon.eot?h16as7"); + src:url("../fonts/icomoon.eot?h16as7#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?h16as7") format("truetype"),url("../fonts/icomoon.woff?h16as7") format("woff"),url("../fonts/icomoon.svg?h16as7#icomoon") format("svg"); + font-weight:normal; + font-style:normal; +} +.u-icon{ + display:inline-block; + font:normal normal normal 14px/1 icomoon; + font-size:inherit; + text-rendering:auto; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; +} +.u-icon-lg{ + font-size:1.333333em; + line-height:0.75em; + vertical-align:-15%; +} +.u-icon-2x{ + font-size:2em; +} +.u-icon-3x{ + font-size:3em; +} +.u-icon-4x{ + font-size:4em; +} +.u-icon-5x{ + font-size:5em; +} +.u-icon-fw{ + width:1.285714em; + text-align:center; +} +.u-icon-ul{ + padding-left:0; + margin-left:2.142857em; + list-style-type:none; +} +.u-icon-ul>li{ + position:relative; +} +.u-icon-li{ + position:absolute; + left:-2.142857em; + width:2.142857em; + top:0.142857em; + text-align:center; +} +.u-icon-li.u-icon-lg{ + left:-1.857143em; +} +.u-icon-border{ + padding:0.2em 0.25em 0.15em; + border:solid 0.08em #eee; + border-radius:0.1em; +} +.u-icon-pull-left{ + float:left; +} +.u-icon-pull-right{ + float:right; +} +.u-icon.u-icon-pull-left{ + margin-right:0.3em; +} +.u-icon.u-icon-pull-right{ + margin-left:0.3em; +} +.pull-right{ + float:right; +} +.pull-left{ + float:left; +} +.u-icon.pull-left{ + margin-right:0.3em; +} +.u-icon.pull-right{ + margin-left:0.3em; +} +.u-icon-spin{ + -webkit-animation:fa-spin 2s infinite linear; + animation:fa-spin 2s infinite linear; +} +.u-icon-pulse{ + -webkit-animation:fa-spin 1s infinite steps(8); + animation:fa-spin 1s infinite steps(8); +} +@-webkit-keyframes fa-spin{ + 0%{ + -webkit-transform:rotate(0deg); + transform:rotate(0deg); + } + 100%{ + -webkit-transform:rotate(359deg); + transform:rotate(359deg); + } +} +@keyframes fa-spin{ + 0%{ + -webkit-transform:rotate(0deg); + transform:rotate(0deg); + } + 100%{ + -webkit-transform:rotate(359deg); + transform:rotate(359deg); + } +} +.u-icon-rotate-90{ + -webkit-transform:rotate(90deg); + -ms-transform:rotate(90deg); + transform:rotate(90deg); +} +.u-icon-rotate-180{ + -webkit-transform:rotate(180deg); + -ms-transform:rotate(180deg); + transform:rotate(180deg); +} +.u-icon-rotate-270{ + -webkit-transform:rotate(270deg); + -ms-transform:rotate(270deg); + transform:rotate(270deg); +} +.u-icon-flip-horizontal{ + -webkit-transform:scale(-1,1); + -ms-transform:scale(-1,1); + transform:scale(-1,1); +} +.u-icon-flip-vertical{ + -webkit-transform:scale(1,-1); + -ms-transform:scale(1,-1); + transform:scale(1,-1); +} +.u-icon-stack{ + position:relative; + display:inline-block; + width:2em; + height:2em; + line-height:2em; + vertical-align:middle; +} +.u-icon-stack-1x,.u-icon-stack-2x{ + position:absolute; + left:0; + width:100%; + text-align:center; +} +.u-icon-stack-1x{ + line-height:inherit; +} +.u-icon-stack-2x{ + font-size:2em; +} +.u-icon-inverse{ + color:#fff; +} +.u-icon-glass:before{ + content:"\f000"; +} +.u-icon-music:before{ + content:"\f001"; +} +.u-icon-search:before{ + content:"\f002"; +} +.u-icon-envelope-o:before{ + content:"\f003"; +} +.u-icon-heart:before{ + content:"\f004"; +} +.u-icon-star:before{ + content:"\f005"; +} +.u-icon-star-o:before{ + content:"\f006"; +} +.u-icon-user:before{ + content:"\f007"; +} +.u-icon-film:before{ + content:"\f008"; +} +.u-icon-th-large:before{ + content:"\f009"; +} +.u-icon-th:before{ + content:"\f00a"; +} +.u-icon-th-list:before{ + content:"\f00b"; +} +.u-icon-check:before{ + content:"\f00c"; +} +.u-icon-remove:before{ + content:"\f00d"; +} +.u-icon-search-plus:before{ + content:"\f00e"; +} +.u-icon-search-minus:before{ + content:"\f010"; +} +.u-icon-power-off:before{ + content:"\f011"; +} +.u-icon-signal:before{ + content:"\f012"; +} +.u-icon-gear:before,.u-icon-cog:before{ + content:"\f013"; +} +.u-icon-trash-o:before{ + content:"\f014"; +} +.u-icon-home:before{ + content:"\f015"; +} +.u-icon-file-o:before{ + content:"\f016"; +} +.u-icon-clock-o:before{ + content:"\f017"; +} +.u-icon-road:before{ + content:"\f018"; +} +.u-icon-download:before{ + content:"\f019"; +} +.u-icon-arrow-circle-o-down:before{ + content:"\f01a"; +} +.u-icon-arrow-circle-o-up:before{ + content:"\f01b"; +} +.u-icon-inbox:before{ + content:"\f01c"; +} +.u-icon-play-circle-o:before{ + content:"\f01d"; +} +.u-icon-rotate-right:before,.u-icon-repeat:before{ + content:"\f01e"; +} +.u-icon-refresh:before{ + content:"\f021"; +} +.u-icon-list-alt:before{ + content:"\f022"; +} +.u-icon-lock:before{ + content:"\f023"; +} +.u-icon-flag:before{ + content:"\f024"; +} +.u-icon-headphones:before{ + content:"\f025"; +} +.u-icon-volume-off:before{ + content:"\f026"; +} +.u-icon-volume-down:before{ + content:"\f027"; +} +.u-icon-volume-up:before{ + content:"\f028"; +} +.u-icon-qrcode:before{ + content:"\f029"; +} +.u-icon-barcode:before{ + content:"\f02a"; +} +.u-icon-tag:before{ + content:"\f02b"; +} +.u-icon-tags:before{ + content:"\f02c"; +} +.u-icon-book:before{ + content:"\f02d"; +} +.u-icon-bookmark:before{ + content:"\f02e"; +} +.u-icon-print:before{ + content:"\f02f"; +} +.u-icon-camera:before{ + content:"\f030"; +} +.u-icon-font:before{ + content:"\f031"; +} +.u-icon-bold:before{ + content:"\f032"; +} +.u-icon-italic:before{ + content:"\f033"; +} +.u-icon-text-height:before{ + content:"\f034"; +} +.u-icon-text-width:before{ + content:"\f035"; +} +.u-icon-align-left:before{ + content:"\f036"; +} +.u-icon-align-center:before{ + content:"\f037"; +} +.u-icon-align-right:before{ + content:"\f038"; +} +.u-icon-align-justify:before{ + content:"\f039"; +} +.u-icon-list:before{ + content:"\f03a"; +} +.u-icon-dedent:before,.u-icon-outdent:before{ + content:"\f03b"; +} +.u-icon-indent:before{ + content:"\f03c"; +} +.u-icon-video-camera:before{ + content:"\f03d"; +} +.u-icon-photo:before,.u-icon-image:before,.u-icon-picture-o:before{ + content:"\f03e"; +} +.u-icon-pencil:before{ + content:"\f040"; +} +.u-icon-map-marker:before{ + content:"\f041"; +} +.u-icon-adjust:before{ + content:"\f042"; +} +.u-icon-tint:before{ + content:"\f043"; +} +.u-icon-edit:before,.u-icon-pencil-square-o:before{ + content:"\f044"; +} +.u-icon-share-square-o:before{ + content:"\f045"; +} +.u-icon-check-square-o:before{ + content:"\f046"; +} +.u-icon-arrows:before{ + content:"\f047"; +} +.u-icon-step-backward:before{ + content:"\f048"; +} +.u-icon-fast-backward:before{ + content:"\f049"; +} +.u-icon-backward:before{ + content:"\f04a"; +} +.u-icon-play:before{ + content:"\f04b"; +} +.u-icon-pause:before{ + content:"\f04c"; +} +.u-icon-stop:before{ + content:"\f04d"; +} +.u-icon-forward:before{ + content:"\f04e"; +} +.u-icon-fast-forward:before{ + content:"\f050"; +} +.u-icon-step-forward:before{ + content:"\f051"; +} +.u-icon-eject:before{ + content:"\f052"; +} +.u-icon-chevron-left:before{ + content:"\f053"; +} +.u-icon-chevron-right:before{ + content:"\f054"; +} +.u-icon-plus-circle:before{ + content:"\f055"; +} +.u-icon-minus-circle:before{ + content:"\f056"; +} +.u-icon-times-circle:before{ + content:"\f057"; +} +.u-icon-check-circle:before{ + content:"\f058"; +} +.u-icon-question-circle:before{ + content:"\f059"; +} +.u-icon-info-circle:before{ + content:"\f05a"; +} +.u-icon-crosshairs:before{ + content:"\f05b"; +} +.u-icon-times-circle-o:before{ + content:"\f05c"; +} +.u-icon-check-circle-o:before{ + content:"\f05d"; +} +.u-icon-ban:before{ + content:"\f05e"; +} +.u-icon-arrow-left:before{ + content:"\f060"; +} +.u-icon-arrow-right:before{ + content:"\f061"; +} +.u-icon-arrow-up:before{ + content:"\f062"; +} +.u-icon-arrow-down:before{ + content:"\f063"; +} +.u-icon-mail-forward:before,.u-icon-share:before{ + content:"\f064"; +} +.u-icon-expand:before{ + content:"\f065"; +} +.u-icon-compress:before{ + content:"\f066"; +} +.u-icon-plus:before{ + content:"\f067"; +} +.u-icon-minus:before{ + content:"\f068"; +} +.u-icon-asterisk:before{ + content:"\f069"; +} +.u-icon-exclamation-circle:before{ + content:"\f06a"; +} +.u-icon-gift:before{ + content:"\f06b"; +} +.u-icon-leaf:before{ + content:"\f06c"; +} +.u-icon-fire:before{ + content:"\f06d"; +} +.u-icon-eye:before{ + content:"\f06e"; +} +.u-icon-eye-slash:before{ + content:"\f070"; +} +.u-icon-warning:before,.u-icon-exclamation-triangle:before{ + content:"\f071"; +} +.u-icon-plane:before{ + content:"\f072"; +} +.u-icon-calendar:before{ + content:"\f073"; +} +.u-icon-random:before{ + content:"\f074"; +} +.u-icon-comment:before{ + content:"\f075"; +} +.u-icon-magnet:before{ + content:"\f076"; +} +.u-icon-chevron-up:before{ + content:"\f077"; +} +.u-icon-chevron-down:before{ + content:"\f078"; +} +.u-icon-retweet:before{ + content:"\f079"; +} +.u-icon-shopping-cart:before{ + content:"\f07a"; +} +.u-icon-folder:before{ + content:"\f07b"; +} +.u-icon-folder-open:before{ + content:"\f07c"; +} +.u-icon-arrows-v:before{ + content:"\f07d"; +} +.u-icon-arrows-h:before{ + content:"\f07e"; +} +.u-icon-bar-chart-o:before,.u-icon-bar-chart:before{ + content:"\f080"; +} +.u-icon-twitter-square:before{ + content:"\f081"; +} +.u-icon-facebook-square:before{ + content:"\f082"; +} +.u-icon-camera-retro:before{ + content:"\f083"; +} +.u-icon-key:before{ + content:"\f084"; +} +.u-icon-gears:before,.u-icon-cogs:before{ + content:"\f085"; +} +.u-icon-comments:before{ + content:"\f086"; +} +.u-icon-thumbs-o-up:before{ + content:"\f087"; +} +.u-icon-thumbs-o-down:before{ + content:"\f088"; +} +.u-icon-star-half:before{ + content:"\f089"; +} +.u-icon-heart-o:before{ + content:"\f08a"; +} +.u-icon-sign-out:before{ + content:"\f08b"; +} +.u-icon-linkedin-square:before{ + content:"\f08c"; +} +.u-icon-thumb-tack:before{ + content:"\f08d"; +} +.u-icon-external-link:before{ + content:"\f08e"; +} +.u-icon-sign-in:before{ + content:"\f090"; +} +.u-icon-trophy:before{ + content:"\f091"; +} +.u-icon-github-square:before{ + content:"\f092"; +} +.u-icon-upload:before{ + content:"\f093"; +} +.u-icon-lemon-o:before{ + content:"\f094"; +} +.u-icon-phone:before{ + content:"\f095"; +} +.u-icon-square-o:before{ + content:"\f096"; +} +.u-icon-bookmark-o:before{ + content:"\f097"; +} +.u-icon-phone-square:before{ + content:"\f098"; +} +.u-icon-twitter:before{ + content:"\f099"; +} +.u-icon-facebook-f:before,.u-icon-facebook:before{ + content:"\f09a"; +} +.u-icon-github:before{ + content:"\f09b"; +} +.u-icon-unlock:before{ + content:"\f09c"; +} +.u-icon-credit-card:before{ + content:"\f09d"; +} +.u-icon-feed:before,.u-icon-rss:before{ + content:"\f09e"; +} +.u-icon-hdd-o:before{ + content:"\f0a0"; +} +.u-icon-bullhorn:before{ + content:"\f0a1"; +} +.u-icon-bell:before{ + content:"\f0f3"; +} +.u-icon-certificate:before{ + content:"\f0a3"; +} +.u-icon-hand-o-right:before{ + content:"\f0a4"; +} +.u-icon-hand-o-left:before{ + content:"\f0a5"; +} +.u-icon-hand-o-up:before{ + content:"\f0a6"; +} +.u-icon-hand-o-down:before{ + content:"\f0a7"; +} +.u-icon-arrow-circle-left:before{ + content:"\f0a8"; +} +.u-icon-arrow-circle-right:before{ + content:"\f0a9"; +} +.u-icon-arrow-circle-up:before{ + content:"\f0aa"; +} +.u-icon-arrow-circle-down:before{ + content:"\f0ab"; +} +.u-icon-globe:before{ + content:"\f0ac"; +} +.u-icon-wrench:before{ + content:"\f0ad"; +} +.u-icon-tasks:before{ + content:"\f0ae"; +} +.u-icon-filter:before{ + content:"\f0b0"; +} +.u-icon-briefcase:before{ + content:"\f0b1"; +} +.u-icon-arrows-alt:before{ + content:"\f0b2"; +} +.u-icon-group:before,.u-icon-users:before{ + content:"\f0c0"; +} +.u-icon-chain:before,.u-icon-link:before{ + content:"\f0c1"; +} +.u-icon-cloud:before{ + content:"\f0c2"; +} +.u-icon-flask:before{ + content:"\f0c3"; +} +.u-icon-cut:before,.u-icon-scissors:before{ + content:"\f0c4"; +} +.u-icon-copy:before,.u-icon-files-o:before{ + content:"\f0c5"; +} +.u-icon-paperclip:before{ + content:"\f0c6"; +} +.u-icon-save:before,.u-icon-floppy-o:before{ + content:"\f0c7"; +} +.u-icon-square:before{ + content:"\f0c8"; +} +.u-icon-navicon:before,.u-icon-reorder:before,.u-icon-bars:before{ + content:"\f0c9"; +} +.u-icon-list-ul:before{ + content:"\f0ca"; +} +.u-icon-list-ol:before{ + content:"\f0cb"; +} +.u-icon-strikethrough:before{ + content:"\f0cc"; +} +.u-icon-underline:before{ + content:"\f0cd"; +} +.u-icon-table:before{ + content:"\f0ce"; +} +.u-icon-magic:before{ + content:"\f0d0"; +} +.u-icon-truck:before{ + content:"\f0d1"; +} +.u-icon-pinterest:before{ + content:"\f0d2"; +} +.u-icon-pinterest-square:before{ + content:"\f0d3"; +} +.u-icon-google-plus-square:before{ + content:"\f0d4"; +} +.u-icon-google-plus:before{ + content:"\f0d5"; +} +.u-icon-money:before{ + content:"\f0d6"; +} +.u-icon-caret-down:before{ + content:"\f0d7"; +} +.u-icon-caret-up:before{ + content:"\f0d8"; +} +.u-icon-caret-left:before{ + content:"\f0d9"; +} +.u-icon-caret-right:before{ + content:"\f0da"; +} +.u-icon-columns:before{ + content:"\f0db"; +} +.u-icon-unsorted:before,.u-icon-sort:before{ + content:"\f0dc"; +} +.u-icon-sort-down:before,.u-icon-sort-desc:before{ + content:"\f0dd"; +} +.u-icon-sort-up:before,.u-icon-sort-asc:before{ + content:"\f0de"; +} +.u-icon-envelope:before{ + content:"\f0e0"; +} +.u-icon-linkedin:before{ + content:"\f0e1"; +} +.u-icon-rotate-left:before,.u-icon-undo:before{ + content:"\f0e2"; +} +.u-icon-legal:before,.u-icon-gavel:before{ + content:"\f0e3"; +} +.u-icon-dashboard:before,.u-icon-tachometer:before{ + content:"\f0e4"; +} +.u-icon-comment-o:before{ + content:"\f0e5"; +} +.u-icon-comments-o:before{ + content:"\f0e6"; +} +.u-icon-flash:before,.u-icon-bolt:before{ + content:"\f0e7"; +} +.u-icon-sitemap:before{ + content:"\f0e8"; +} +.u-icon-umbrella:before{ + content:"\f0e9"; +} +.u-icon-paste:before,.u-icon-clipboard:before{ + content:"\f0ea"; +} +.u-icon-lightbulb-o:before{ + content:"\f0eb"; +} +.u-icon-exchange:before{ + content:"\f0ec"; +} +.u-icon-cloud-download:before{ + content:"\f0ed"; +} +.u-icon-cloud-upload:before{ + content:"\f0ee"; +} +.u-icon-user-md:before{ + content:"\f0f0"; +} +.u-icon-stethoscope:before{ + content:"\f0f1"; +} +.u-icon-suitcase:before{ + content:"\f0f2"; +} +.u-icon-bell-o:before{ + content:"\f0a2"; +} +.u-icon-coffee:before{ + content:"\f0f4"; +} +.u-icon-cutlery:before{ + content:"\f0f5"; +} +.u-icon-file-text-o:before{ + content:"\f0f6"; +} +.u-icon-building-o:before{ + content:"\f0f7"; +} +.u-icon-hospital-o:before{ + content:"\f0f8"; +} +.u-icon-ambulance:before{ + content:"\f0f9"; +} +.u-icon-medkit:before{ + content:"\f0fa"; +} +.u-icon-fighter-jet:before{ + content:"\f0fb"; +} +.u-icon-beer:before{ + content:"\f0fc"; +} +.u-icon-h-square:before{ + content:"\f0fd"; +} +.u-icon-plus-square:before{ + content:"\f0fe"; +} +.u-icon-angle-double-left:before{ + content:"\f100"; +} +.u-icon-angle-double-right:before{ + content:"\f101"; +} +.u-icon-angle-double-up:before{ + content:"\f102"; +} +.u-icon-angle-double-down:before{ + content:"\f103"; +} +.u-icon-angle-left:before{ + content:"\f104"; +} +.u-icon-angle-right:before{ + content:"\f105"; +} +.u-icon-angle-up:before{ + content:"\f106"; +} +.u-icon-angle-down:before{ + content:"\f107"; +} +.u-icon-desktop:before{ + content:"\f108"; +} +.u-icon-laptop:before{ + content:"\f109"; +} +.u-icon-tablet:before{ + content:"\f10a"; +} +.u-icon-mobile-phone:before,.u-icon-mobile:before{ + content:"\f10b"; +} +.u-icon-circle-o:before{ + content:"\f10c"; +} +.u-icon-quote-left:before{ + content:"\f10d"; +} +.u-icon-quote-right:before{ + content:"\f10e"; +} +.u-icon-spinner:before{ + content:"\f110"; +} +.u-icon-circle:before{ + content:"\f111"; +} +.u-icon-mail-reply:before,.u-icon-reply:before{ + content:"\f112"; +} +.u-icon-github-alt:before{ + content:"\f113"; +} +.u-icon-folder-o:before{ + content:"\f114"; +} +.u-icon-folder-open-o:before{ + content:"\f115"; +} +.u-icon-smile-o:before{ + content:"\f118"; +} +.u-icon-frown-o:before{ + content:"\f119"; +} +.u-icon-meh-o:before{ + content:"\f11a"; +} +.u-icon-gamepad:before{ + content:"\f11b"; +} +.u-icon-keyboard-o:before{ + content:"\f11c"; +} +.u-icon-flag-o:before{ + content:"\f11d"; +} +.u-icon-flag-checkered:before{ + content:"\f11e"; +} +.u-icon-terminal:before{ + content:"\f120"; +} +.u-icon-code:before{ + content:"\f121"; +} +.u-icon-mail-reply-all:before,.u-icon-reply-all:before{ + content:"\f122"; +} +.u-icon-star-half-empty:before,.u-icon-star-half-full:before,.u-icon-star-half-o:before{ + content:"\f123"; +} +.u-icon-location-arrow:before{ + content:"\f124"; +} +.u-icon-crop:before{ + content:"\f125"; +} +.u-icon-code-fork:before{ + content:"\f126"; +} +.u-icon-unlink:before,.u-icon-chain-broken:before{ + content:"\f127"; +} +.u-icon-question:before{ + content:"\f128"; +} +.u-icon-info:before{ + content:"\f129"; +} +.u-icon-exclamation:before{ + content:"\f12a"; +} +.u-icon-superscript:before{ + content:"\f12b"; +} +.u-icon-subscript:before{ + content:"\f12c"; +} +.u-icon-eraser:before{ + content:"\f12d"; +} +.u-icon-puzzle-piece:before{ + content:"\f12e"; +} +.u-icon-microphone:before{ + content:"\f130"; +} +.u-icon-microphone-slash:before{ + content:"\f131"; +} +.u-icon-shield:before{ + content:"\f132"; +} +.u-icon-calendar-o:before{ + content:"\f133"; +} +.u-icon-fire-extinguisher:before{ + content:"\f134"; +} +.u-icon-rocket:before{ + content:"\f135"; +} +.u-icon-maxcdn:before{ + content:"\f136"; +} +.u-icon-chevron-circle-left:before{ + content:"\f137"; +} +.u-icon-chevron-circle-right:before{ + content:"\f138"; +} +.u-icon-chevron-circle-up:before{ + content:"\f139"; +} +.u-icon-chevron-circle-down:before{ + content:"\f13a"; +} +.u-icon-html5:before{ + content:"\f13b"; +} +.u-icon-css3:before{ + content:"\f13c"; +} +.u-icon-anchor:before{ + content:"\f13d"; +} +.u-icon-unlock-alt:before{ + content:"\f13e"; +} +.u-icon-bullseye:before{ + content:"\f140"; +} +.u-icon-ellipsis-h:before{ + content:"\f141"; +} +.u-icon-ellipsis-v:before{ + content:"\f142"; +} +.u-icon-rss-square:before{ + content:"\f143"; +} +.u-icon-play-circle:before{ + content:"\f144"; +} +.u-icon-ticket:before{ + content:"\f145"; +} +.u-icon-minus-square:before{ + content:"\f146"; +} +.u-icon-minus-square-o:before{ + content:"\f147"; +} +.u-icon-level-up:before{ + content:"\f148"; +} +.u-icon-level-down:before{ + content:"\f149"; +} +.u-icon-check-square:before{ + content:"\f14a"; +} +.u-icon-pencil-square:before{ + content:"\f14b"; +} +.u-icon-external-link-square:before{ + content:"\f14c"; +} +.u-icon-share-square:before{ + content:"\f14d"; +} +.u-icon-compass:before{ + content:"\f14e"; +} +.u-icon-toggle-down:before,.u-icon-caret-square-o-down:before{ + content:"\f150"; +} +.u-icon-toggle-up:before,.u-icon-caret-square-o-up:before{ + content:"\f151"; +} +.u-icon-toggle-right:before,.u-icon-caret-square-o-right:before{ + content:"\f152"; +} +.u-icon-euro:before,.u-icon-eur:before{ + content:"\f153"; +} +.u-icon-gbp:before{ + content:"\f154"; +} +.u-icon-dollar:before,.u-icon-usd:before{ + content:"\f155"; +} +.u-icon-rupee:before,.u-icon-inr:before{ + content:"\f156"; +} +.u-icon-cny:before,.u-icon-rmb:before,.u-icon-yen:before,.u-icon-jpy:before{ + content:"\f157"; +} +.u-icon-ruble:before,.u-icon-rouble:before,.u-icon-rub:before{ + content:"\f158"; +} +.u-icon-won:before,.u-icon-krw:before{ + content:"\f159"; +} +.u-icon-bitcoin:before,.u-icon-btc:before{ + content:"\f15a"; +} +.u-icon-file:before{ + content:"\f15b"; +} +.u-icon-file-text:before{ + content:"\f15c"; +} +.u-icon-sort-alpha-asc:before{ + content:"\f15d"; +} +.u-icon-sort-alpha-desc:before{ + content:"\f15e"; +} +.u-icon-sort-amount-asc:before{ + content:"\f160"; +} +.u-icon-sort-amount-desc:before{ + content:"\f161"; +} +.u-icon-sort-numeric-asc:before{ + content:"\f162"; +} +.u-icon-sort-numeric-desc:before{ + content:"\f163"; +} +.u-icon-thumbs-up:before{ + content:"\f164"; +} +.u-icon-thumbs-down:before{ + content:"\f165"; +} +.u-icon-youtube-square:before{ + content:"\f166"; +} +.u-icon-youtube:before{ + content:"\f167"; +} +.u-icon-xing:before{ + content:"\f168"; +} +.u-icon-xing-square:before{ + content:"\f169"; +} +.u-icon-youtube-play:before{ + content:"\f16a"; +} +.u-icon-dropbox:before{ + content:"\f16b"; +} +.u-icon-stack-overflow:before{ + content:"\f16c"; +} +.u-icon-instagram:before{ + content:"\f16d"; +} +.u-icon-flickr:before{ + content:"\f16e"; +} +.u-icon-adn:before{ + content:"\f170"; +} +.u-icon-bitbucket:before{ + content:"\f171"; +} +.u-icon-bitbucket-square:before{ + content:"\f172"; +} +.u-icon-tumblr:before{ + content:"\f173"; +} +.u-icon-tumblr-square:before{ + content:"\f174"; +} +.u-icon-long-arrow-down:before{ + content:"\f175"; +} +.u-icon-long-arrow-up:before{ + content:"\f176"; +} +.u-icon-long-arrow-left:before{ + content:"\f177"; +} +.u-icon-long-arrow-right:before{ + content:"\f178"; +} +.u-icon-apple:before{ + content:"\f179"; +} +.u-icon-windows:before{ + content:"\f17a"; +} +.u-icon-android:before{ + content:"\f17b"; +} +.u-icon-linux:before{ + content:"\f17c"; +} +.u-icon-dribbble:before{ + content:"\f17d"; +} +.u-icon-skype:before{ + content:"\f17e"; +} +.u-icon-foursquare:before{ + content:"\f180"; +} +.u-icon-trello:before{ + content:"\f181"; +} +.u-icon-female:before{ + content:"\f182"; +} +.u-icon-male:before{ + content:"\f183"; +} +.u-icon-gittip:before,.u-icon-gratipay:before{ + content:"\f184"; +} +.u-icon-sun-o:before{ + content:"\f185"; +} +.u-icon-moon-o:before{ + content:"\f186"; +} +.u-icon-archive:before{ + content:"\f187"; +} +.u-icon-bug:before{ + content:"\f188"; +} +.u-icon-vk:before{ + content:"\f189"; +} +.u-icon-weibo:before{ + content:"\f18a"; +} +.u-icon-renren:before{ + content:"\f18b"; +} +.u-icon-pagelines:before{ + content:"\f18c"; +} +.u-icon-stack-exchange:before{ + content:"\f18d"; +} +.u-icon-arrow-circle-o-right:before{ + content:"\f18e"; +} +.u-icon-arrow-circle-o-left:before{ + content:"\f190"; +} +.u-icon-toggle-left:before,.u-icon-caret-square-o-left:before{ + content:"\f191"; +} +.u-icon-dot-circle-o:before{ + content:"\f192"; +} +.u-icon-wheelchair:before{ + content:"\f193"; +} +.u-icon-vimeo-square:before{ + content:"\f194"; +} +.u-icon-turkish-lira:before,.u-icon-try:before{ + content:"\f195"; +} +.u-icon-plus-square-o:before{ + content:"\f196"; +} +.u-icon-space-shuttle:before{ + content:"\f197"; +} +.u-icon-slack:before{ + content:"\f198"; +} +.u-icon-envelope-square:before{ + content:"\f199"; +} +.u-icon-wordpress:before{ + content:"\f19a"; +} +.u-icon-openid:before{ + content:"\f19b"; +} +.u-icon-institution:before,.u-icon-bank:before,.u-icon-university:before{ + content:"\f19c"; +} +.u-icon-mortar-board:before,.u-icon-graduation-cap:before{ + content:"\f19d"; +} +.u-icon-yahoo:before{ + content:"\f19e"; +} +.u-icon-google:before{ + content:"\f1a0"; +} +.u-icon-reddit:before{ + content:"\f1a1"; +} +.u-icon-reddit-square:before{ + content:"\f1a2"; +} +.u-icon-stumbleupon-circle:before{ + content:"\f1a3"; +} +.u-icon-stumbleupon:before{ + content:"\f1a4"; +} +.u-icon-delicious:before{ + content:"\f1a5"; +} +.u-icon-digg:before{ + content:"\f1a6"; +} +.u-icon-pied-piper:before{ + content:"\f1a7"; +} +.u-icon-pied-piper-alt:before{ + content:"\f1a8"; +} +.u-icon-drupal:before{ + content:"\f1a9"; +} +.u-icon-joomla:before{ + content:"\f1aa"; +} +.u-icon-language:before{ + content:"\f1ab"; +} +.u-icon-fax:before{ + content:"\f1ac"; +} +.u-icon-building:before{ + content:"\f1ad"; +} +.u-icon-child:before{ + content:"\f1ae"; +} +.u-icon-paw:before{ + content:"\f1b0"; +} +.u-icon-spoon:before{ + content:"\f1b1"; +} +.u-icon-cube:before{ + content:"\f1b2"; +} +.u-icon-cubes:before{ + content:"\f1b3"; +} +.u-icon-behance:before{ + content:"\f1b4"; +} +.u-icon-behance-square:before{ + content:"\f1b5"; +} +.u-icon-steam:before{ + content:"\f1b6"; +} +.u-icon-steam-square:before{ + content:"\f1b7"; +} +.u-icon-recycle:before{ + content:"\f1b8"; +} +.u-icon-automobile:before,.u-icon-car:before{ + content:"\f1b9"; +} +.u-icon-cab:before,.u-icon-taxi:before{ + content:"\f1ba"; +} +.u-icon-tree:before{ + content:"\f1bb"; +} +.u-icon-spotify:before{ + content:"\f1bc"; +} +.u-icon-deviantart:before{ + content:"\f1bd"; +} +.u-icon-soundcloud:before{ + content:"\f1be"; +} +.u-icon-database:before{ + content:"\f1c0"; +} +.u-icon-file-pdf-o:before{ + content:"\f1c1"; +} +.u-icon-file-word-o:before{ + content:"\f1c2"; +} +.u-icon-file-excel-o:before{ + content:"\f1c3"; +} +.u-icon-file-powerpoint-o:before{ + content:"\f1c4"; +} +.u-icon-file-photo-o:before,.u-icon-file-picture-o:before,.u-icon-file-image-o:before{ + content:"\f1c5"; +} +.u-icon-file-zip-o:before,.u-icon-file-archive-o:before{ + content:"\f1c6"; +} +.u-icon-file-sound-o:before,.u-icon-file-audio-o:before{ + content:"\f1c7"; +} +.u-icon-file-movie-o:before,.u-icon-file-video-o:before{ + content:"\f1c8"; +} +.u-icon-file-code-o:before{ + content:"\f1c9"; +} +.u-icon-vine:before{ + content:"\f1ca"; +} +.u-icon-codepen:before{ + content:"\f1cb"; +} +.u-icon-jsfiddle:before{ + content:"\f1cc"; +} +.u-icon-life-bouy:before,.u-icon-life-buoy:before,.u-icon-life-saver:before,.u-icon-support:before,.u-icon-life-ring:before{ + content:"\f1cd"; +} +.u-icon-circle-o-notch:before{ + content:"\f1ce"; +} +.u-icon-ra:before,.u-icon-rebel:before{ + content:"\f1d0"; +} +.u-icon-ge:before,.u-icon-empire:before{ + content:"\f1d1"; +} +.u-icon-git-square:before{ + content:"\f1d2"; +} +.u-icon-git:before{ + content:"\f1d3"; +} +.u-icon-y-combinator-square:before,.u-icon-yc-square:before,.u-icon-hacker-news:before{ + content:"\f1d4"; +} +.u-icon-tencent-weibo:before{ + content:"\f1d5"; +} +.u-icon-qq:before{ + content:"\f1d6"; +} +.u-icon-wechat:before,.u-icon-weixin:before{ + content:"\f1d7"; +} +.u-icon-send:before,.u-icon-paper-plane:before{ + content:"\f1d8"; +} +.u-icon-send-o:before,.u-icon-paper-plane-o:before{ + content:"\f1d9"; +} +.u-icon-history:before{ + content:"\f1da"; +} +.u-icon-circle-thin:before{ + content:"\f1db"; +} +.u-icon-header:before{ + content:"\f1dc"; +} +.u-icon-paragraph:before{ + content:"\f1dd"; +} +.u-icon-sliders:before{ + content:"\f1de"; +} +.u-icon-share-alt:before{ + content:"\f1e0"; +} +.u-icon-share-alt-square:before{ + content:"\f1e1"; +} +.u-icon-bomb:before{ + content:"\f1e2"; +} +.u-icon-soccer-ball-o:before,.u-icon-futbol-o:before{ + content:"\f1e3"; +} +.u-icon-tty:before{ + content:"\f1e4"; +} +.u-icon-binoculars:before{ + content:"\f1e5"; +} +.u-icon-plug:before{ + content:"\f1e6"; +} +.u-icon-slideshare:before{ + content:"\f1e7"; +} +.u-icon-twitch:before{ + content:"\f1e8"; +} +.u-icon-yelp:before{ + content:"\f1e9"; +} +.u-icon-newspaper-o:before{ + content:"\f1ea"; +} +.u-icon-wifi:before{ + content:"\f1eb"; +} +.u-icon-calculator:before{ + content:"\f1ec"; +} +.u-icon-paypal:before{ + content:"\f1ed"; +} +.u-icon-google-wallet:before{ + content:"\f1ee"; +} +.u-icon-cc-visa:before{ + content:"\f1f0"; +} +.u-icon-cc-mastercard:before{ + content:"\f1f1"; +} +.u-icon-cc-discover:before{ + content:"\f1f2"; +} +.u-icon-cc-amex:before{ + content:"\f1f3"; +} +.u-icon-cc-paypal:before{ + content:"\f1f4"; +} +.u-icon-cc-stripe:before{ + content:"\f1f5"; +} +.u-icon-bell-slash:before{ + content:"\f1f6"; +} +.u-icon-bell-slash-o:before{ + content:"\f1f7"; +} +.u-icon-trash:before{ + content:"\f1f8"; +} +.u-icon-copyright:before{ + content:"\f1f9"; +} +.u-icon-at:before{ + content:"\f1fa"; +} +.u-icon-eyedropper:before{ + content:"\f1fb"; +} +.u-icon-paint-brush:before{ + content:"\f1fc"; +} +.u-icon-birthday-cake:before{ + content:"\f1fd"; +} +.u-icon-area-chart:before{ + content:"\f1fe"; +} +.u-icon-pie-chart:before{ + content:"\f200"; +} +.u-icon-line-chart:before{ + content:"\f201"; +} +.u-icon-lastfm:before{ + content:"\f202"; +} +.u-icon-lastfm-square:before{ + content:"\f203"; +} +.u-icon-toggle-off:before{ + content:"\f204"; +} +.u-icon-toggle-on:before{ + content:"\f205"; +} +.u-icon-bicycle:before{ + content:"\f206"; +} +.u-icon-bus:before{ + content:"\f207"; +} +.u-icon-ioxhost:before{ + content:"\f208"; +} +.u-icon-angellist:before{ + content:"\f209"; +} +.u-icon-cc:before{ + content:"\f20a"; +} +.u-icon-shekel:before,.u-icon-sheqel:before,.u-icon-ils:before{ + content:"\f20b"; +} +.u-icon-meanpath:before{ + content:"\f20c"; +} +.u-icon-buysellads:before{ + content:"\f20d"; +} +.u-icon-connectdevelop:before{ + content:"\f20e"; +} +.u-icon-dashcube:before{ + content:"\f210"; +} +.u-icon-forumbee:before{ + content:"\f211"; +} +.u-icon-leanpub:before{ + content:"\f212"; +} +.u-icon-sellsy:before{ + content:"\f213"; +} +.u-icon-shirtsinbulk:before{ + content:"\f214"; +} +.u-icon-simplybuilt:before{ + content:"\f215"; +} +.u-icon-skyatlas:before{ + content:"\f216"; +} +.u-icon-cart-plus:before{ + content:"\f217"; +} +.u-icon-cart-arrow-down:before{ + content:"\f218"; +} +.u-icon-diamond:before{ + content:"\f219"; +} +.u-icon-ship:before{ + content:"\f21a"; +} +.u-icon-user-secret:before{ + content:"\f21b"; +} +.u-icon-motorcycle:before{ + content:"\f21c"; +} +.u-icon-street-view:before{ + content:"\f21d"; +} +.u-icon-heartbeat:before{ + content:"\f21e"; +} +.u-icon-venus:before{ + content:"\f221"; +} +.u-icon-mars:before{ + content:"\f222"; +} +.u-icon-mercury:before{ + content:"\f223"; +} +.u-icon-intersex:before,.u-icon-transgender:before{ + content:"\f224"; +} +.u-icon-transgender-alt:before{ + content:"\f225"; +} +.u-icon-venus-double:before{ + content:"\f226"; +} +.u-icon-mars-double:before{ + content:"\f227"; +} +.u-icon-venus-mars:before{ + content:"\f228"; +} +.u-icon-mars-stroke:before{ + content:"\f229"; +} +.u-icon-mars-stroke-v:before{ + content:"\f22a"; +} +.u-icon-mars-stroke-h:before{ + content:"\f22b"; +} +.u-icon-neuter:before{ + content:"\f22c"; +} +.u-icon-genderless:before{ + content:"\f22d"; +} +.u-icon-facebook-official:before{ + content:"\f230"; +} +.u-icon-pinterest-p:before{ + content:"\f231"; +} +.u-icon-whatsapp:before{ + content:"\f232"; +} +.u-icon-server:before{ + content:"\f233"; +} +.u-icon-user-plus:before{ + content:"\f234"; +} +.u-icon-user-times:before{ + content:"\f235"; +} +.u-icon-hotel:before,.u-icon-bed:before{ + content:"\f236"; +} +.u-icon-viacoin:before{ + content:"\f237"; +} +.u-icon-train:before{ + content:"\f238"; +} +.u-icon-subway:before{ + content:"\f239"; +} +.u-icon-medium:before{ + content:"\f23a"; +} +.u-icon-yc:before,.u-icon-y-combinator:before{ + content:"\f23b"; +} +.u-icon-optin-monster:before{ + content:"\f23c"; +} +.u-icon-opencart:before{ + content:"\f23d"; +} +.u-icon-expeditedssl:before{ + content:"\f23e"; +} +.u-icon-battery-4:before,.u-icon-battery-full:before{ + content:"\f240"; +} +.u-icon-battery-3:before,.u-icon-battery-three-quarters:before{ + content:"\f241"; +} +.u-icon-battery-2:before,.u-icon-battery-half:before{ + content:"\f242"; +} +.u-icon-battery-1:before,.u-icon-battery-quarter:before{ + content:"\f243"; +} +.u-icon-battery-0:before,.u-icon-battery-empty:before{ + content:"\f244"; +} +.u-icon-mouse-pointer:before{ + content:"\f245"; +} +.u-icon-i-cursor:before{ + content:"\f246"; +} +.u-icon-object-group:before{ + content:"\f247"; +} +.u-icon-object-ungroup:before{ + content:"\f248"; +} +.u-icon-sticky-note:before{ + content:"\f249"; +} +.u-icon-sticky-note-o:before{ + content:"\f24a"; +} +.u-icon-cc-jcb:before{ + content:"\f24b"; +} +.u-icon-cc-diners-club:before{ + content:"\f24c"; +} +.u-icon-clone:before{ + content:"\f24d"; +} +.u-icon-balance-scale:before{ + content:"\f24e"; +} +.u-icon-hourglass-o:before{ + content:"\f250"; +} +.u-icon-hourglass-1:before,.u-icon-hourglass-start:before{ + content:"\f251"; +} +.u-icon-hourglass-2:before,.u-icon-hourglass-half:before{ + content:"\f252"; +} +.u-icon-hourglass-3:before,.u-icon-hourglass-end:before{ + content:"\f253"; +} +.u-icon-hourglass:before{ + content:"\f254"; +} +.u-icon-hand-grab-o:before,.u-icon-hand-rock-o:before{ + content:"\f255"; +} +.u-icon-hand-stop-o:before,.u-icon-hand-paper-o:before{ + content:"\f256"; +} +.u-icon-hand-scissors-o:before{ + content:"\f257"; +} +.u-icon-hand-lizard-o:before{ + content:"\f258"; +} +.u-icon-hand-spock-o:before{ + content:"\f259"; +} +.u-icon-hand-pointer-o:before{ + content:"\f25a"; +} +.u-icon-hand-peace-o:before{ + content:"\f25b"; +} +.u-icon-trademark:before{ + content:"\f25c"; +} +.u-icon-registered:before{ + content:"\f25d"; +} +.u-icon-creative-commons:before{ + content:"\f25e"; +} +.u-icon-gg:before{ + content:"\f260"; +} +.u-icon-gg-circle:before{ + content:"\f261"; +} +.u-icon-tripadvisor:before{ + content:"\f262"; +} +.u-icon-odnoklassniki:before{ + content:"\f263"; +} +.u-icon-odnoklassniki-square:before{ + content:"\f264"; +} +.u-icon-get-pocket:before{ + content:"\f265"; +} +.u-icon-wikipedia-w:before{ + content:"\f266"; +} +.u-icon-safari:before{ + content:"\f267"; +} +.u-icon-chrome:before{ + content:"\f268"; +} +.u-icon-firefox:before{ + content:"\f269"; +} +.u-icon-opera:before{ + content:"\f26a"; +} +.u-icon-internet-explorer:before{ + content:"\f26b"; +} +.u-icon-tv:before,.u-icon-television:before{ + content:"\f26c"; +} +.u-icon-contao:before{ + content:"\f26d"; +} +.u-icon-500px:before{ + content:"\f26e"; +} +.u-icon-amazon:before{ + content:"\f270"; +} +.u-icon-calendar-plus-o:before{ + content:"\f271"; +} +.u-icon-calendar-minus-o:before{ + content:"\f272"; +} +.u-icon-calendar-times-o:before{ + content:"\f273"; +} +.u-icon-calendar-check-o:before{ + content:"\f274"; +} +.u-icon-industry:before{ + content:"\f275"; +} +.u-icon-map-pin:before{ + content:"\f276"; +} +.u-icon-map-signs:before{ + content:"\f277"; +} +.u-icon-map-o:before{ + content:"\f278"; +} +.u-icon-map:before{ + content:"\f279"; +} +.u-icon-commenting:before{ + content:"\f27a"; +} +.u-icon-commenting-o:before{ + content:"\f27b"; +} +.u-icon-houzz:before{ + content:"\f27c"; +} +.u-icon-vimeo:before{ + content:"\f27d"; +} +.u-icon-black-tie:before{ + content:"\f27e"; +} +.u-icon-fonticons:before{ + content:"\f280"; +} +.u-icon-rotate_left:before{ + content:"\e900"; +} +.u-icon-import:before{ + content:"\e901"; +} +.u-icon-export:before{ + content:"\e902"; +} +.u-icon-zoomin:before{ + content:"\e903"; +} +.u-icon-expand:before{ + content:"\e904"; +} +.u-icon-delete:before{ + content:"\e905"; +} +.u-icon-zoomout:before{ + content:"\e906"; +} +.u-icon-rezoom:before{ + content:"\e907"; +} +.u-icon-rotate_right:before{ + content:"\e908"; +} +.u-icon-retry:before{ + content:"\e909"; +} +.u-icon-warning:before{ + content:"\e90a"; +} +.u-icon-edit:before{ + content:"\e90b"; +} +.u-icon-info:before{ + content:"\e90c"; +} +.u-icon-error:before{ + content:"\e90d"; +} +.u-icon-success:before{ + content:"\e90e"; +} +.u-icon-chevron_left:before{ + content:"\e90f"; +} +.u-icon-chevron_right:before{ + content:"\e910"; +} +.u-icon-search:before{ + content:"\e911"; +} +.u-icon-close:before{ + content:"\e912"; +} +.u-icon-ok:before{ + content:"\e913"; +} +.u-icon-check_empty:before{ + content:"\e914"; +} +.u-icon-angle_down:before{ + content:"\e915"; +} +.u-icon-add:before{ + content:"\e916"; +} +.u-icon-success2:before{ + content:"\e917"; +} +.u-icon-error2:before{ + content:"\e918"; +} +.u-icon-warning2:before{ + content:"\e919"; +} +.u-icon-info2:before{ + content:"\e91a"; +} +.u-icon-calendar:before{ + content:"\e91b"; +} +.u-icon-line:before{ + content:"\e91c"; +} +.u-icon-upload:before{ + content:"\e91d"; +} +.u-icon-download:before{ + content:"\e91e"; +} +.u-icon-trash:before{ + content:"\e91f"; +} +.u-icon-plus:before{ + content:"\e920"; +} +.u-icon-home2:before{ + content:"\e921"; +} +.input,.textarea{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin:0; + border:0; + padding:0; + border-radius:0; + font:inherit; + color:inherit; + -webkit-appearance:none; + max-width:100%; +} +.u-select{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin:0; + border:0; + padding:0; + border-radius:0; + font:inherit; + color:inherit; + -webkit-appearance:none; + max-width:100%; + color:#333; + background:#fff; + -moz-border-radius:2px; + border-radius:2px; +} +.u-select::-webkit-input-placeholder{ + color:#999; + filter:alpha(opacity = 100); + opacity:1; +} +.u-select::-moz-placeholder{ + color:#999; + filter:alpha(opacity = 100); + opacity:1; +} +.u-select:-moz-placeholder{ + color:#999; + filter:alpha(opacity = 100); + opacity:1; +} +.u-select:-ms-placeholder{ + color:#999; + filter:alpha(opacity = 100); + opacity:1; +} +.u-select:focus{ + outline:0; + background:#fff; + color:#333; + border:1px solid #f48080; +} +.u-select:disabled{ + cursor:not-allowed; + background:#eee; + color:#999; + border:1px solid #ddd; +} +.u-select{ + text-transform:none; +} +.u-select optgroup{ + font:inherit; + font-weight:bold; +} +.textarea{ + width:100%; + height:120px; +} +input.u-check,input.u-radio{ + cursor:pointer; + vertical-align:middle; +} +input.u-check:focus,input.u-radio:focus{ + outline:0; +} +input.u-check:disabled,input.u-radio:disabled{ + cursor:not-allowed; +} +.u-select-block,.textarea-block{ + display:block; + width:100%; +} +.u-input .input,.u-select,.u-textarea,.textarea{ + transition:border-color 1s ease; +} +.u-input.sm,.u-dropdown.sm,.textarea.sm{ + padding:5px 10px; + height:24px; + font-size:12px; +} +.u-input.lg,.u-dropdown.lg,.textarea.lg{ + padding:10px 16px; + height:38px; + font-size:16px; +} +.u-dropdown-smw,.u-select-smw,.textarea-smw{ + display:inline-block; + width:80px; +} +.u-dropdown-mdw,.u-select-mdw,.textarea-mdw{ + display:inline-block; + width:160px; +} +.u-dropdown-lgw,.u-select-lgw,.textarea-lgw{ + display:inline-block; + width:300px; +} +.u-input .input-success,.u-select.u-select-success,.u-textarea .textarea-success{ + color:#6ebc40; + border-color:#6ebc40; +} +.u-input .input-warning,.u-select.u-select-warning,.u-textarea .textarea-warning{ + color:#ffb539; + border-color:#ffb539; +} +.u-input .input-error,.u-select.u-select-error,.u-textarea .textarea-error{ + color:#f48080; + border-color:#f48080; +} +.u-input.u-input-blank,.u-select.u-select-blank,.textarea.textarea-blank{ + border-color:transparent; + border-style:dashed; + background:none; +} +.u-input.u-input-blank:focus,.u-select.u-select-blank:focus,.textarea.textarea-blank:focus{ + border-color:#ddd; +} +.u-unitgroup{ + font-size:0; + line-height:initial; +} +.u-unitgroup .u-btn{ + margin-right:16px; +} +.u-unitgroup .u-btn:last-child{ + margin-right:0; +} +.u-unitgroup .u-check,.u-unitgroup .u-radio{ + margin-right:40px; +} +.u-unitgroup .u-check:last-child,.u-unitgroup .u-radio:last-child{ + margin-right:0; +} +.u-unitgroup .u-tip{ + margin-top:0; +} +.u-unitgroup .unitgroup_wrap{ + display:flex; + align-items:center; + flex-wrap:wrap; +} +.u-unitgroup-sm{ + font-size:0; +} +.u-unitgroup-sm .u-btn{ + margin-right:8px; +} +.u-unitgroup-sm .u-btn:last-child{ + margin-right:0; +} +.u-unitgroup-sm .u-check,.u-unitgroup-sm .u-radio{ + margin-right:16px; + line-height:24px; +} +.u-unitgroup-sm .u-check:last-child,.u-unitgroup-sm .u-radio:last-child{ + margin-right:0; +} +.u-tip{ + display:inline-block; + margin-top:5px; + font-size:12px; + padding:0; + -moz-border-radius:2px; + border-radius:2px; +} +.u-tip .u-icon{ + vertical-align:top; + margin-right:6px; + font-size:15px; + line-height:18px; +} +.u-tip .tip{ + vertical-align:top; + display:inline-block; + line-height:18px; +} +.u-tip .tip.animated{ + animation-duration:0.8s; + animation-timing-function:ease; +} +.u-tip-info{ + color:#54a8f7; +} +.u-tip-success{ + color:#6ebc40; +} +.u-tip-warning{ + color:#ffb539; +} +.u-tip-error{ + color:#f48080; +} +.m-collapse{ + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; +} +.m-collapse .m-panel .panel_hd{ + cursor:pointer; +} +.u-gotop{ + position:fixed; + display:block; + text-align:center; + z-index:1050; + top:30px; + left:30px; +} +.u-gotop-topright,.u-gotop-bottomright{ + left:auto; + right:30px; +} +.u-gotop-topcenter,.u-gotop-bottomcenter{ + left:50%; + margin-left:-25px; +} +.u-gotop-bottomleft,.u-gotop-bottomright,.u-gotop-bottomcenter{ + top:auto; + bottom:30px; +} +.u-gotop-static{ + position:static; +} +.u-gotop{ + height:50px; + width:50px; + line-height:50px; + font-size:32px; + background:#eee; + color:#444; + filter:alpha(opacity = 60); + opacity:0.6; +} +.u-gotop:hover{ + filter:alpha(opacity = 90); + opacity:0.9; +} +.m-mask{ + position:fixed; + top:0; + right:0; + bottom:0; + left:0; + z-index:1000; + overflow-y:auto; + -webkit-overflow-scrolling:touch; + touch-action:cross-slide-y pinch-zoom double-tap-zoom; + text-align:center; + overflow:hidden; + background:rgba(0,0,0,0.85); + color:#fff; +} +.m-panel{ + background:#fff; +} +.m-panel .panel_hd,.m-panel .panel_ft{ + background:#fff; + padding:8px 10px; +} +.m-panel .panel_hd{ + display:flex; + justify-content:space-between; + align-items:center; + color:#000; + border-bottom:1px solid #e31436; +} +.m-panel .panel_hd .tools{ + margin-left:auto; +} +.m-panel .panel_hd .u-btn{ + font-size:16px; + background:#fff; + border:1px solid #fff; +} +.m-panel .panel_hd .u-btn .u-icon{ + color:#fff; + background:#fff; + border:1px solid #fff; +} +.m-panel .panel_hd .u-btn:hover{ + border:1px solid #fff; +} +.m-panel .panel_ft{ + padding:5px 10px; +} +.m-panel .panel_bd{ + padding:20px 5px; + border:1px solid #efefef; + border-top:0; +} +.m-panel .panel_tt{ + font-size:14px; + font-weight:bold; +} +.u-selectgroup{ + vertical-align:top; +} +.u-selectgroup-error .u-select .dropdown_hd{ + border-color:#d73925; +} +.u-suggest .m-listview{ + overflow-x:hidden; + overflow-y:auto; +} +.u-suggest .m-treeview{ + overflow:auto; +} +.u-suggest .m-listview,.u-suggest .m-treeview{ + max-height:200px; +} +.u-group{ + position:relative; + display:table; + border-collapse:separate; + border-spacing:0; + width:100%; +} +.u-group >*{ + display:inline-block; + border-radius:0 !important; + border-right-width:0 !important; + vertical-align:middle; +} +.u-group *{ + border-radius:0px; +} +.u-group .g-col{ + margin:0; + padding:0; +} +.u-group >*:first-child>*{ + border-top-left-radius:4px !important; + border-bottom-left-radius:4px !important; + border-top-right-radius:0 !important; + border-bottom-right-radius:0 !important; + border-left-width:1px !important; + border-right-width:0px !important; +} +.u-group >*:last-child>*{ + border-top-right-radius:4px !important; + border-bottom-right-radius:4px !important; + border-top-left-radius:0 !important; + border-bottom-left-radius:0 !important; + border-right-width:1px !important; +} +.u-uploader{ + display:inline-block; +} +.u-uploader form,.u-uploader iframe{ + display:none; +} +.u-uploader{ + position:relative\0; + overflow:hidden\0; +} +.u-uploader form{ + display:block\0; +} +.u-uploader input[type="file"]{ + position:absolute\0; + top:0; + right:-5px; + font-size:100px; + filter:alpha(opacity = 0); + opacity:0; + cursor:pointer; +} +.u-dropdown{ + position:relative; + vertical-align:top; +} +.u-dropdown .dropdown_bd{ + position:absolute; + z-index:10; + width:100%; + top:100%; + line-height:normal; +} +.u-dropdown .dropdown_bd .m-listview >li>a{ + display:block; +} +.u-dropdown .dropdown_bd .u-check,.u-dropdown .dropdown_bd .check_box{ + margin-bottom:0; +} +.dropdown_hd.z-dis{ + background:#eee; + color:#999; + border:1px solid #d2d6de; + cursor:not-allowed; +} +.m-listview{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; +} +.m-listview >li{ + cursor:pointer; + position:relative; +} +.m-listview >li.z-dis{ + cursor:not-allowed; + background:none; +} +.m-listview.z-dis >li{ + cursor:not-allowed; + background:none; +} +.m-listview{ + padding:5px 0; + background:#fff; + color:#333; + border:1px solid #eee; + border-top:none; +} +.m-listview >li{ + font-size:12px; + color:#333; + padding:7px 9px 7px 9px; + margin:6px 0; + line-height:18px; +} +.m-listview >li:hover{ + background:#f1f1f1; + color:#444; +} +.m-listview >li.z-sel{ + background:#e31436; + color:#fff; +} +.m-listview >li.z-dis{ + background:none; + color:#999; +} +.m-listview >li.z-divider{ + margin:9px 0; + padding:0; + height:1px; + background:#e5e5e5; + overflow:hidden; +} +.m-listview.z-dis{ + background:#eee; +} +.m-listview.z-dis >li{ + background:#eee; + color:#999; +} +.u-btn{ + -webkit-appearance:none; + margin:0; + overflow:visible; + font:inherit; + text-transform:none; + text-decoration:none; + cursor:pointer; + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + background:none; + display:inline-block; + vertical-align:top; + text-align:center; + height:32px; + min-width:80px; + padding:0 16px; + background:#fff; + border:1px solid #ddd; + -moz-border-radius:2px; + border-radius:2px; + line-height:30px; + font-size:12px; + color:#333; + -webkit-transition-duration:0.1s; + -moz-transition-duration:0.1s; + transition-duration:0.1s; + -webkit-transition-property:-webkit-transform; + -moz-transition-property:-moz-transform; + transition-property:transform; + -webkit-transition-timing-function:ease; + -moz-transition-timing-function:ease; + transition-timing-function:ease; + white-space:nowrap; +} +.u-btn:hover,.u-btn:focus{ + outline:none; + text-decoration:none; + background:#fff; + border-color:#bbb; +} +.u-btn:active,.u-btn.z-act{ + background:#fff; +} +.u-btn:disabled,.u-btn.z-dis{ + cursor:not-allowed; + filter:alpha(opacity = 50); + opacity:0.5; + -webkit-box-shadow:none; + box-shadow:none; +} +.u-btn-clicked{ + transform:translateY(2px); +} +.u-btn-block{ + display:block; + width:100%; +} +.u-btn .u-icon{ + vertical-align:bottom; + color:#999; + margin-right:4px; + font-size:15px; +} +.u-btn-xs{ + padding:0 5px; + line-height:30px; + font-size:10px; +} +.u-btn-xs .u-icon{ + font-size:10px; +} +.u-btn-sm{ + padding:0 8px; + line-height:30px; + min-width:56px; + height:24px; + line-height:22px; + font-size:12px; +} +.u-btn-sm .u-icon{ + font-size:12px; +} +.u-btn-lg{ + padding:0 16px; + line-height:30px; + font-size:16px; +} +.u-btn-lg .u-icon{ + font-size:16px; +} +.u-btn-xl{ + padding:0 20px; + line-height:30px; + font-size:18px; +} +.u-btn-xl .u-icon{ + font-size:18px; +} +.u-btn-circle.u-btn-xs{ + padding:0; + width:22px; + height:22px; + line-height:20px; + min-width:inherit; + font-size:10px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-circle.u-btn-xs .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-circle.u-btn-sm{ + padding:0; + width:24px; + height:24px; + line-height:22px; + min-width:inherit; + font-size:12px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-circle.u-btn-sm .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-circle.u-btn-normal{ + padding:0; + width:34px; + height:34px; + line-height:30px; + min-width:inherit; + font-size:12px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-circle.u-btn-normal .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-circle.u-btn-lg{ + padding:0; + width:38px; + height:38px; + line-height:36px; + min-width:inherit; + font-size:16px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-circle.u-btn-lg .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-circle.u-btn-xl{ + padding:0; + width:46px; + height:46px; + line-height:44px; + min-width:inherit; + font-size:18px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-circle.u-btn-xl .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-icon.u-btn-xs{ + padding:0; + width:22px; + height:22px; + line-height:20px; + min-width:inherit; + border:none; + font-size:10px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-icon.u-btn-xs .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-icon.u-btn-sm{ + padding:0; + width:24px; + height:24px; + line-height:22px; + min-width:inherit; + border:none; + font-size:12px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-icon.u-btn-sm .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-icon.u-btn-normal{ + padding:0; + width:34px; + height:34px; + line-height:30px; + min-width:inherit; + border:none; + font-size:12px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-icon.u-btn-normal .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-icon.u-btn-lg{ + padding:0; + width:38px; + height:38px; + line-height:36px; + min-width:inherit; + border:none; + font-size:16px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-icon.u-btn-lg .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-icon.u-btn-xl{ + padding:0; + width:46px; + height:46px; + line-height:44px; + min-width:inherit; + border:none; + font-size:18px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-icon.u-btn-xl .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-primary{ + color:#fff; + background:#e31436; + border:1px solid #e31436; +} +.u-btn-primary .u-icon{ + color:#fff; +} +.u-btn-primary:hover,.u-btn-primary:focus{ + color:#fff; + background:#cc1231; + border-color:#cc1231; +} +.u-btn-primary:active,.u-btn-primary.z-act{ + color:#fff; + background:#cc1231; + border-color:#cc1231; +} +.u-btn-secondary{ + color:#e31436; + background:#fff; + border:1px solid #e31436; +} +.u-btn-secondary .u-icon{ + color:#e31436; +} +.u-btn-secondary:hover,.u-btn-secondary:focus{ + color:#cc1231; + background:#fff; + border-color:#cc1231; +} +.u-btn-secondary:active,.u-btn-secondary.z-act{ + color:#cc1231; + background:#fff; + border-color:#cc1231; +} +.u-btn-tertiary{ + color:#333; + background:#fff; + border:1px solid #ddd; +} +.u-btn-tertiary .u-icon{ + color:#333; +} +.u-btn-tertiary:hover,.u-btn-tertiary:focus{ + color:#333; + background:#fff; + border-color:#bbb; +} +.u-btn-tertiary:active,.u-btn-tertiary.z-act{ + color:#333; + background:#fff; + border-color:#bbb; +} +.u-btn-info{ + color:#fff; + background:#54a8f7; + border:1px solid #54a8f7; +} +.u-btn-info .u-icon{ + color:#fff; +} +.u-btn-info:hover,.u-btn-info:focus{ + color:#fff; + background:#00acd6; + border-color:#00acd6; +} +.u-btn-info:active,.u-btn-info.z-act{ + color:#fff; + background:#00acd6; + border-color:#00acd6; +} +.u-btn-success{ + color:#fff; + background:#6ebc40; + border:1px solid #6ebc40; +} +.u-btn-success .u-icon{ + color:#fff; +} +.u-btn-success:hover,.u-btn-success:focus{ + color:#fff; + background:#63a93a; + border-color:#63a93a; +} +.u-btn-success:active,.u-btn-success.z-act{ + color:#fff; + background:#63a93a; + border-color:#63a93a; +} +.u-btn-warning{ + color:#fff; + background:#f48080; + border:1px solid #f48080; +} +.u-btn-warning .u-icon{ + color:#fff; +} +.u-btn-warning:hover,.u-btn-warning:focus{ + color:#fff; + background:#dc7373; + border-color:#dc7373; +} +.u-btn-warning:active,.u-btn-warning.z-act{ + color:#fff; + background:#dc7373; + border-color:#dc7373; +} +.u-btn-error{ + color:#fff; + background:#f48080; + border:1px solid #f48080; +} +.u-btn-error .u-icon{ + color:#fff; +} +.u-btn-error:hover,.u-btn-error:focus{ + color:#fff; + background:#dc7373; + border-color:#dc7373; +} +.u-btn-error:active,.u-btn-error.z-act{ + color:#fff; + background:#dc7373; + border-color:#dc7373; +} +.u-btn-success{ + padding:0 10px; + background:#fff; + color:#6ebc40; + border:1px solid #a3e37e; +} +.u-btn-success .u-icon{ + font-size:15px; + vertical-align:top; + color:#9fe385; +} +.u-btn-success:hover,.u-btn-success:focus{ + color:#63a93a; + background:#fff; + border-color:#a9e691; +} +.u-btn-warning{ + padding:0 10px; + background:#fff; + color:#f86b6b; + border:1px solid #f48080; +} +.u-btn-warning .u-icon{ + font-size:15px; + vertical-align:top; + color:#f78081; +} +.u-btn-warning:hover,.u-btn-warning:focus{ + color:#f97a7a; + background:#fff; + border-color:#f88d8e; +} +.u-btn-add{ + padding:0 10px; + background:#fff; + color:#e31436; + border:1px solid #e31436; +} +.u-btn-add .u-icon{ + font-size:15px; + vertical-align:top; + color:#e31436; +} +.u-btn-add:hover,.u-btn-add:focus{ + color:#cc1231; + background:#fff; + border-color:#cc1231; +} +.u-check{ + display:inline-block; + cursor:pointer; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + white-space:nowrap; + font-size:12px; + line-height:32px; +} +.u-check .check_box{ + display:inline-block; + position:relative; + overflow:hidden; + text-align:center; + margin-right:8px; + height:13px; + width:13px; + line-height:12px; + vertical-align:text-top; + background:#fff; + color:#e61438; + border:1px solid #ddd; +} +.u-check .check_box .u-icon{ + display:none; + font-size:13px; + line-height:13px; +} +.u-check .check_box:hover{ + border:1px solid #e61438; +} +.u-check.z-chk .check_box{ + background:#e61438; + color:#fff; + border:1px solid #e61438; +} +.u-check.z-chk .check_box .u-icon{ + display:inline-block; +} +.u-check.z-part .check_box{ + background:#e61438; + color:#fff; + border:1px solid #e61438; +} +.u-check.z-part .check_box .u-icon{ + display:inline-block; +} +.u-check.z-part .check_box .u-icon:before{ + content:"\e91c"; +} +.u-check.z-dis{ + cursor:not-allowed; +} +.u-check.z-dis .check_box{ + color:#eee; + border:1px solid #eee; +} +.u-check-block{ + display:block; + width:100%; +} +.u-input.sm{ + padding:5px 10px; + height:24px; + font-size:12px; +} +.u-input.lg{ + padding:10px 16px; + height:38px; + font-size:16px; +} +.u-input.smw{ + display:inline-block; + width:80px; + vertical-align:top; +} +.u-input.mdw{ + display:inline-block; + width:160px; + vertical-align:top; +} +.u-input.lgw{ + display:inline-block; + width:300px; + vertical-align:top; +} +.u-calendar{ + text-align:center; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; +} +.u-calendar .calendar_item{ + display:inline-block; + cursor:pointer; +} +.u-calendar .calendar_item.z-dis{ + cursor:not-allowed; +} +.u-calendar .calendar_hd{ + *zoom:1; +} +.u-calendar .calendar_hd:before,.u-calendar .calendar_hd:after{ + display:table; + content:""; + line-height:0; +} +.u-calendar .calendar_hd:after{ + clear:both; +} +.u-calendar .calendar_hd .calendar_prev{ + float:left; +} +.u-calendar .calendar_hd .calendar_next{ + float:right; +} +.u-calendar .calendar_bd{ + clear:both; +} +.u-calendar .calendar_bd .calendar_week .calendar_item{ + cursor:default; +} +.u-calendar.z-dis .calendar_item{ + cursor:not-allowed; +} +.u-calendar{ + width:250px; + padding:4px; + background:#fff; + color:#333; + border:1px solid #ddd; + -moz-border-radius:4px; + border-radius:4px; +} +.u-calendar .calendar_item{ + width:32px; + height:30px; + line-height:30px; + margin:1px; + -moz-border-radius:2px; + border-radius:2px; +} +.u-calendar .calendar_item:hover{ + background:#f1f1f1; + color:#444; +} +.u-calendar .calendar_item.z-sel{ + background:#e31436; + color:#fff; +} +.u-calendar .calendar_item.z-muted{ + color:#999; +} +.u-calendar .calendar_item.z-dis{ + background:none; + color:#999; +} +.u-calendar .calendar_hd{ + line-height:32px; +} +.u-calendar .calendar_bd .calendar_week .calendar_item{ + background:none; +} +.u-calendar.z-dis .calendar_item{ + background:#fff; + color:#999; +} +.u-calendar.z-dis .calendar_item.z-sel{ + background:#eee; + color:#999; +} +.u-datetimepicker .input-error{ + border-color:#f48080; +} +.u-datetimepicker .btns{ + margin-top:10px; +} +.u-datetimepicker .dropdown_ft{ + display:flex; + padding:4px 0 0; + margin-top:4px; + justify-content:flex-end; + border-top:1px solid #ddd; +} +.u-datetimepicker .dropdown_ft .datetimepicker_confirmBtn{ + color:#e31436; + background:#fff; + border:1px solid #e31436; +} +.u-numberinput{ + display:inline-block; + position:relative; + width:100%; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; +} +.u-numberinput .u-input{ + display:inline-block; +} +.u-numberinput .u-btn{ + position:absolute; + border:none; + right:7px; + top:2px; + min-width:0; + height:13px; + line-height:13px; + padding:0 4px; +} +.u-numberinput .u-btn + .u-btn{ + top:auto; + bottom:2px; +} +.u-numberinput .u-btn:focus,.u-numberinput .u-btn:hover{ + outline:0; + border:1px solid #adadad; +} +.u-timepicker{ + display:inline-block; +} +.u-timepicker .u-numberinput,.u-timepicker .u-input{ + width:auto; +} +.u-timepicker .u-input{ + width:56px; + padding:6px; +} +.u-timepicker .u-input{ + display:inline-block; + box-sizing:content-box; +} +.u-timepicker .u-numberinput .u-btn{ + top:8px; + margin:auto; +} +.u-timepicker .u-numberinput .u-btn + .u-btn{ + top:auto; + bottom:8px; +} +.m-form fieldset{ + border:none; + margin:0; + padding:0; +} +.m-form legend{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + width:100%; + padding:0; + border:none; +} +.m-form.inline .u-formitem{ + display:inline-block; + vertical-align:top; + margin-bottom:0; +} +.m-form.inline .u-formitem .formitem_ct{ + display:inline-block; +} +.m-form legend{ + font-size:16px; + border-bottom:1px solid #ddd; + line-height:32px; + margin:15px 0; + color:#777; +} +.m-form >.u-formitem,.m-form fieldset>.u-formitem{ + margin-bottom:16px; +} +.u-formitem{ + display:flex; + margin-bottom:10px; +} +.u-formitem .formitem_tt{ + position:relative; + float:left; + padding-right:8px; + font-size:12px; + text-align:right; + line-height:2.5; + max-width:144px; +} +.u-formitem .formitem_tt-sm{ + width:80px; +} +.u-formitem .formitem_tt-md{ + width:144px; +} +.u-formitem .formitem_tt-lg{ + width:176px; + max-width:176px; +} +.u-formitem .formitem_tt-xlg{ + width:224px; + max-width:224px; +} +.u-formitem .formitem_tt-lh-sm{ + line-height:1; +} +.u-formitem .formitem_tt-lh-md{ + line-height:1.6; +} +.u-formitem .formitem_tt-lh-lg{ + line-height:2.5; +} +.u-formitem .formitem_info{ + color:#ccc; + vertical-align:middle; +} +.u-formitem .formitem_ct{ + flex:1; + min-width:0; + font-size:12px; +} +.u-formitem .formitem_desc{ + display:inline-block; + vertical-align:top; + color:#999; +} +.u-formitem .g-col:first-child{ + padding-left:0; +} +.u-formitem .g-col:last-child{ + padding-right:0; +} +.u-formitem .formitem_rqr{ + color:#ff753f; +} +.u-formitem-inline{ + display:inline-block; + vertical-align:top; + margin-bottom:0; +} +.u-formitem-inline .formitem_ct{ + display:inline-block; +} +.u-formitem-vertical{ + flex-direction:column; +} +.u-formitem-vertical .formitem_tt{ + text-align:left !important; + width:100%; + max-width:100%; +} +.m-table .u-formitem{ + margin-bottom:0; +} +.u-input{ + display:block; + position:relative; + width:100%; +} +.u-input .input{ + padding:6px 10px 6px 8px; + color:#333; + background:#fff; + -moz-border-radius:2px; + border-radius:2px; + border:1px solid #ddd; + height:32px; + line-height:32px; + font-size:12px; + width:100%; +} +.u-input .input::-webkit-input-placeholder{ + color:#999; + font-size:12px; + filter:alpha(opacity = 100); + opacity:1; +} +.u-input .input::-moz-placeholder{ + color:#999; + font-size:12px; + filter:alpha(opacity = 100); + opacity:1; +} +.u-input .input:-moz-placeholder{ + color:#999; + font-size:12px; + filter:alpha(opacity = 100); + opacity:1; +} +.u-input .input:-ms-placeholder{ + color:#999; + font-size:12px; + filter:alpha(opacity = 100); + opacity:1; +} +.u-input .input:focus{ + outline:0; + background:#fff; + color:#333; + border:1px solid #f48080; +} +.u-input .input:disabled{ + cursor:not-allowed; + background:#eee; + color:#999; + border:1px solid #ddd; +} +.u-input .input-error{ + border-color:#f48080; +} +.u-input .input_wrap{ + position:relative; + display:block; +} +.u-input .input_unit,.u-input .input_icon{ + position:absolute; + height:24px; + line-height:24px; + right:10px; + top:0; + bottom:0; + margin:auto; + color:#666; +} +.u-input .input_icon{ + font-size:12px; +} +.u-input .input_icon:hover,.u-input .input_icon:active{ + color:#e31436; + cursor:pointer; +} +.u-input .input_icon_clearable{ + opacity:0; +} +.u-input .input_icon_clearable:hover{ + opacity:1; +} +.u-input .input_placeholder{ + position:absolute; + left:0; + top:0; + bottom:0; + color:#999; + padding:6px 10px 6px 8px; + border-left:1px solid transparent; +} +.u-input-sm{ + height:24px; +} +.u-input-sm .input{ + height:24px; + line-height:24px; +} +.u-input-block{ + display:block; + width:100%; +} +.u-input + .u-tip{ + margin-left:5px; +} +.u-input-smw{ + display:inline-block; + width:80px; + vertical-align:top; +} +.u-input-mdw{ + display:inline-block; + width:160px; + vertical-align:top; +} +.u-input-lgw{ + display:inline-block; + width:300px; + vertical-align:top; +} +.u-multi ::-webkit-scrollbar{ + width:6px; + height:8px; + background-color:#fff; +} +.u-multi ::-webkit-scrollbar-thumb{ + border-radius:3px; + background-color:#dadada; +} +.u-multi .dropdown_hd{ + max-height:84px; + overflow-y:auto; +} +.u-multi .dropdown_hd .selected-tag{ + height:22px; + line-height:22px; +} +.u-multi .dropdown_hd .m-multi-placeholder{ + color:#999; +} +.u-multi .dropdown_hd .selectedTagMore{ + overflow:hidden; + text-overflow:ellipsis; + max-width:150px; +} +.u-multi .dropdown_hd .angle-transform{ + transform:rotate(180deg); +} +.u-multi .dropdown_hd i.angle{ + transition:transform 0.5s; + line-height:20px; + margin-top:5px; +} +.u-multi .cateWrap{ + max-width:412px; + overflow-x:auto; + white-space:nowrap; + position:absolute; + background-color:#fff; + font-size:0; +} +.u-multi .cateWrap ul,.u-multi .cateWrap li{ + list-style-type:none; +} +.u-multi .cateWrap ::-webkit-scrollbar{ + width:6px; + background-color:#fff; +} +.u-multi .cateWrap ::-webkit-scrollbar-thumb{ + border-radius:3px; + background-color:#dadada; +} +.u-multi .cateWrap ul{ + width:136px; + border-bottom:1px solid #eee; + border-left:1px solid #eee; + margin:0; + height:260px; + padding:0; + overflow-y:auto; + overflow-x:hidden; + font-size:14px; + display:inline-block; +} +.u-multi .cateWrap ul:last-child{ + border-right:1px solid #eee; +} +.u-multi .cateWrap li{ + height:32px; + overflow:hidden; + line-height:32px; + word-wrap:normal; + white-space:nowrap; + text-overflow:ellipsis; + padding-right:15px; + position:relative; +} +.u-multi .cateWrap li:hover{ + background-color:#f6f9fc; +} +.u-multi .cateWrap li .onlyChild{ + background-color:#fff; + font-size:12px; +} +.u-multi .cateWrap li .onlyChild:hover{ + background-color:#ddd; +} +.u-multi .cateWrap .u-input,.u-multi .cateWrap .input_wrap{ + height:32px; +} +.u-multi .cateWrap .u-check{ + margin-left:13px; + width:15px; +} +.u-multi .cateWrap .more{ + position:absolute; + text-align:center; + width:30px; + right:0; +} +.u-multi .cateWrap .cateName{ + padding-left:15px; +} +.u-multi .cateWrap .active{ + background-color:#f6f9fc; +} +.u-multi.z-dis .dropdown_hd{ + cursor:not-allowed; + background:#eee; + border:1px solid #ddd; + color:#999; +} +.u-radio{ + display:inline-block; + cursor:pointer; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + white-space:nowrap; + font-size:12px; + line-height:32px; +} +.u-radio .radio_box{ + display:inline-block; + position:relative; + overflow:hidden; + text-align:center; + margin-right:8px; + height:13px; + width:13px; + line-height:13px; + vertical-align:text-top; + background:#fff; + color:#e31436; + border:1px solid #dfe3e9; + border-radius:13px; +} +.u-radio .radio_box .u-icon{ + content:""; + display:none; + position:absolute; + top:50%; + left:50%; + margin-top:-3.5px; + margin-left:-3.5px; + width:7px; + height:7px; + border-radius:7px; + background:#e61438; +} +.u-radio.z-sel .radio_box{ + border:1px solid #e61438; +} +.u-radio.z-sel .radio_box .u-icon{ + display:inline-block; +} +.u-radio.z-dis{ + cursor:not-allowed; +} +.u-radio.z-dis .radio_box{ + color:#eee; + border:1px solid #eee; +} +.u-radio-block{ + display:block; + width:100%; +} +.u-select{ + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + vertical-align:top; +} +.u-select .z-hover{ + background:#f1f1f1; +} +.u-select .dropdown_hd{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + cursor:pointer; + font-size:0; + min-height:32px; + line-height:30px; + padding:0 10px; + background:#fff; + color:#333; + border:1px solid #ddd; + -moz-border-radius:2px; + border-radius:2px; + overflow-y:auto; + position:relative; +} +.u-select .dropdown_hd .u-icon{ + float:right; + width:auto; + line-height:inherit; + position:absolute; + right:5px; +} +.u-select .dropdown_hd .u-icon-remove{ + color:#a4a5b9; +} +.u-select .dropdown_hd .m-multi-placeholder{ + color:#999; +} +.u-select .dropdown_hd .u-select-errorIcon{ + position:relative; + top:-28px; +} +.u-select .dropdown_hd .hoverShow{ + display:none; +} +.u-select .dropdown_hd:hover .hoverShow{ + display:inline-block; +} +.u-select .dropdown_hd:hover .hoverHide{ + display:none; +} +.u-select .dropdown_hd span{ + float:left; + font-size:12px; +} +.u-select .selected-tag{ + position:relative; + padding:0 20px 0 10px; + margin:4px 5px 0 0; + background-color:#f3f3f3; + -moz-border-radius:2px; + border-radius:2px; + height:20px; + line-height:20px; + float:left; + cursor:default; +} +.u-select .selected-tag .u-icon-remove{ + position:absolute; + right:5px; +} +.u-select .selected-tag:last-child{ + margin-bottom:6px; +} +.u-select .selected-tag .z-dis{ + cursor:not-allowed; +} +.u-select .selectedTagMore{ + overflow:hidden; + text-overflow:ellipsis; + max-width:150px; +} +.u-select .u-search-input{ + font-family:inherit; + line-height:20px; + vertical-align:middle; + width:calc(100% - 20px); + background-color:transparent; + font-size:12px; +} +.u-select .u-search-input:focus{ + outline:none; +} +.u-select .searchInput1{ + border-bottom:1px solid #eee; + padding:5px 0; + display:block; +} +.u-select.isMultiple .u-search-input{ + float:left; + margin-top:7px; + width:1em; +} +.u-select .dropdown_bd{ + clear:both; +} +.u-select .m-listview{ + overflow-x:hidden; + overflow-y:auto; + padding:0; + max-height:200px; +} +.u-select .m-listview .u-check{ + line-height:0; +} +.u-select .m-treeview{ + overflow:auto; + max-height:200px; +} +.u-select-error .dropdown_hd{ + border-color:#f48080; +} +.u-select .z-dis .dropdown_hd{ + cursor:not-allowed; + background:#eee; + border:1px solid #ddd; + color:#999; +} +.u-selectgroup .u-select{ + width:160px; +} +.u-selectgroup .u-dropdown{ + display:inline-block; +} +.u-select-sm{ + height:24px; + padding:0; +} +.u-select-sm .dropdown_hd{ + min-height:24px; + line-height:22px; +} +.u-select-sm .m-listview>li{ + line-height:12px; +} +.u-text.u-text_unlink{ + display:inline; + text-decoration:none; + color:initial; + cursor:default; +} +.u-text.u-text_unlink:hover{ + text-decoration:none; +} +.u-text.u-text-wb{ + font-weight:bold; +} +.u-text.u-text-xs{ + font-size:10px; + line-height:12px; +} +.u-text.u-text-sm{ + font-size:12px; + line-height:16px; +} +.u-text.u-text-lg{ + font-size:20px; + line-height:24px; +} +.u-text.u-text-xl{ + font-size:24px; + line-height:32px; +} +.u-text.u-text-left{ + text-align:left; +} +.u-text.u-text-center{ + text-align:center; +} +.u-text.u-text-right{ + text-align:right; +} +.u-text.u-text-justify{ + text-align:justify; +} +.u-text.u-text-top{ + vertical-align:top; +} +.u-text.u-text-middle{ + vertical-align:middle; +} +.u-text.u-text-bottom{ + vertical-align:bottom; +} +.u-text.u-text-primary{ + color:#e31436; +} +.u-text.u-text-success{ + color:#6ebc40; +} +.u-text.u-text-warning{ + color:#ffb539; +} +.u-text.u-text-error{ + color:#f48080; +} +.u-text.u-text-inverse{ + color:#fff; +} +.u-text.u-text-muted{ + color:#999; +} +.u-textarea{ + display:inline-block; + position:relative; + width:100%; +} +.u-textarea .textarea{ + padding:6px 10px 6px 8px; + color:#333; + background:#fff; + -moz-border-radius:2px; + border-radius:2px; + border:1px solid #eee; + font-size:12px; + width:100%; +} +.u-textarea .textarea:focus{ + outline:0; + background:#fff; + color:#333; + border:1px solid #f48080; +} +.u-textarea .textarea:disabled{ + cursor:not-allowed; + background:#eee; + color:#999; + border:1px solid #ddd; +} +.u-textarea .textarea_placeholder{ + position:absolute; + left:0; + right:0; + top:0; + bottom:0; + color:#999; + padding:6px 10px 6px 8px; + border-left:1px solid transparent; +} +.u-textarea .textarea_len{ + font-size:12px; + color:#999; +} +.m-treeview{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + overflow-x:auto; + overflow-y:visible; +} +.m-treeview .treeview_list{ + margin-left:1.6em; +} +.m-treeview .treeview_item{ + position:relative; +} +.m-treeview .treeview_item >.u-icon{ + position:absolute; + left:-1.2em; + line-height:inherit; + margin:0; + cursor:pointer; +} +.m-treeview .treeview_itemname{ + cursor:pointer; + white-space:nowrap; +} +.m-treeview .treeview_itemname.z-dis{ + cursor:not-allowed; + background:none; +} +.m-treeview.z-dis .treeview_itemname{ + cursor:not-allowed; +} +.m-treeview.z-dis .treeview_item .u-icon{ + cursor:not-allowed; +} +.m-treeview{ + padding:5px 0; + background:#fff; + color:#333; + -moz-border-radius:4px; + border-radius:4px; + border:1px solid #ddd; +} +.m-treeview .treeview_item >.u-icon{ + padding:3px 0; +} +.m-treeview .treeview_itemname{ + padding:3px 10px; + color:#777; +} +.m-treeview .treeview_itemname:hover{ + background:#f1f1f1; + color:#444; +} +.m-treeview .treeview_itemname.z-sel{ + background:#e31436; + color:#fff; +} +.m-treeview .treeview_itemname.z-dis{ + background:none; + color:#999; +} +.m-treeview .treeview_itemname.z-divider{ + margin:9px 0; + padding:0; + height:1px; + background:#e5e5e5; + overflow:hidden; +} +.m-treeview.z-dis{ + background:#eee; +} +.m-treeview.z-dis .treeview_itemname{ + background:none; + color:#999; +} +.m-multitreeview .treeview_list{ + margin-left:3.4em; +} +.m-multitreeview .treeview_item >.u-icon{ + left:-3em; +} +.m-multitreeview .treeview_item >.u-check{ + position:absolute; + left:-1.8em; + padding:3px 0; +} +.m-file-unit{ + display:inline-block; + width:50px; + margin-bottom:10px; + vertical-align:top; + background:#fefefe; +} +.m-file-unit .m-content{ + position:relative; + width:50px; + height:50px; + border:1px solid #eef1f4; + border-radius:2px; + box-sizing:border-box; + text-align:center; +} +.m-file-unit .m-content .m-img-wrapper{ + position:absolute; + top:0; + right:0; + left:0; + bottom:0; + cursor:zoom-in; +} +.m-file-unit .m-content .m-img-wrapper:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-file-unit .m-content .m-img-wrapper .u-img{ + max-width:100%; + max-height:100%; + vertical-align:middle; +} +.m-file-unit .m-content .u-txt{ + display:inline-block; + width:100%; + height:100%; + line-height:50px; + font-size:12px; + text-align:center; + cursor:default; +} +.m-file-unit .m-content .m-status .u-failed,.m-file-unit .m-content .m-status .u-uploading{ + position:absolute; + top:0; + left:0; + display:inline-block; + width:100%; + height:100%; + text-align:center; + font-size:12px; + color:#fff; + background:rgba(0,0,0,0.7); +} +.m-file-unit .m-content .m-status .u-failed:before,.m-file-unit .m-content .m-status .u-uploading:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-file-unit .m-content .m-status .u-failed{ + cursor:pointer; +} +.m-file-unit .m-content .m-status .u-failed .u-failed-info{ + display:inline-block; + width:100%; + vertical-align:middle; + text-align:center; + line-height:1.2; +} +.m-file-unit .m-content .m-status .u-failed .u-failed-info .u-icon{ + display:inline-block; + width:100%; + height:20px; + font-size:16px; +} +.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper{ + display:inline-block; + width:40px; + line-height:0.85; + vertical-align:middle; +} +.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress-txt,.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress{ + display:inline-block; + width:100%; +} +.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress{ + position:relative; + height:5px; + background:#fff; + border-radius:100px; +} +.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress .u-progress-bar{ + position:absolute; + top:0; + left:0; + display:inline-block; + height:100%; + background:#0398ff; + border-radius:100px; +} +.m-file-unit .m-content .m-status .u-uploaded{ + display:none; + position:absolute; + bottom:0; + left:0; + width:100%; + height:17px; + text-align:center; + font-size:12px; + color:#fff; + background:rgba(0,0,0,0.7); +} +.m-file-unit .m-content .m-status .u-uploaded:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-file-unit .m-content .m-status .u-uploaded .u-uploaded-zone{ + display:inline-block; + position:relative; + width:100%; + height:100%; + line-height:100%; + color:#fff; + text-align:center; + text-decoration:none; + cursor:pointer; +} +.m-file-unit .m-content .m-status .u-uploaded .u-uploaded-zone .u-icon{ + margin-left:2px; +} +.m-file-unit .m-content .m-remove{ + display:none; + position:absolute; + right:-6px; + top:-6px; + width:17px; + height:17px; + font-size:17px; + line-height:17px; + color:#333; + background:#fff; + border-radius:100px; + z-index:5; +} +.m-file-unit .m-content:hover .m-remove{ + display:inline-block; + cursor:pointer; +} +.m-file-unit .m-content:hover .m-status .u-uploaded{ + display:inline-block; +} +.m-file-unit .m-content:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-file-unit .m-name{ + margin-top:8px; + padding:1px; + word-wrap:break-word; + overflow:hidden; + text-overflow:ellipsis; + display:-webkit-box; + -webkit-box-orient:vertical; + -webkit-line-clamp:2; + line-height:1.4; + font-size:12px; + color:#333; +} +.m-file-unit .m-info{ + margin-top:4px; + font-size:12px; + color:#f86b6b; +} +.m-upload ul{ + margin:0; + padding:0; +} +.m-upload ul li{ + list-style:none; +} +.m-upload .u-fileitem,.m-upload u-input-wrapper{ + vertical-align:top; +} +.m-upload .m-input-wrapper{ + display:inline-block; + text-align:center; +} +.m-upload .m-input-wrapper .u-input-btn{ + display:inline-block; + width:50px; + height:50px; + vertical-align:top; + border:1px dashed #ccc; + border-radius:2px; + box-sizing:border-box; + font-size:12px; + cursor:pointer; +} +.m-upload .m-input-wrapper .u-input-btn .u-input-content{ + display:inline-block; + width:100%; + vertical-align:middle; +} +.m-upload .m-input-wrapper .u-input-btn .u-input-content .u-icon{ + display:inline-block; + width:100%; + font-size:12px; + color:#666; +} +.m-upload .m-input-wrapper .u-input-btn:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-upload .m-input-wrapper .u-input-info{ + margin-top:4px; + font-size:12px; + color:#f86b6b; +} +.m-upload ul{ + margin:0; + padding:0; +} +.m-upload ul li{ + list-style:none; +} +.m-upload .u-fileitem,.m-upload .u-input-wrapper{ + display:inline-block; + vertical-align:top; +} +.m-upload .u-fileitem{ + width:50px; +} +.m-upload .m-files-zone{ + width:125px; +} +.m-upload .m-files-zone .m-entry-wrapper{ + position:relative; + display:inline-block; + width:50px; + margin-right:20px; + vertical-align:top; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry{ + position:relative; + width:100%; + height:50px; + border:1px solid #eef1f4; + border-radius:2px; + box-sizing:border-box; + text-align:center; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-img-wrapper{ + position:absolute; + top:0; + right:0; + left:0; + bottom:0; + cursor:zoom-in; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-img-wrapper:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-img-wrapper .u-img{ + max-width:100%; + max-height:100%; + vertical-align:middle; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .u-txt{ + display:inline-block; + width:100%; + height:100%; + line-height:50px; + font-size:12px; + text-align:center; + cursor:pointer; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .u-info{ + content:""; + position:absolute; + right:-6px; + top:-6px; + width:17px; + height:17px; + line-height:17px; + text-align:center; + background:#fff; + border:1px solid #eef1f4; + border-radius:100px; + color:#333; + font-size:12px; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed,.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading{ + position:absolute; + top:0; + left:0; + display:inline-block; + width:100%; + height:100%; + text-align:center; + font-size:12px; + color:#fff; + background:rgba(0,0,0,0.7); +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed:before,.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed{ + cursor:pointer; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed .u-failed-info{ + display:inline-block; + width:100%; + vertical-align:middle; + text-align:center; + line-height:1.2; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed .u-failed-info .u-icon{ + display:inline-block; + width:100%; + height:20px; + font-size:16px; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper{ + display:inline-block; + width:40px; + line-height:0.85; + vertical-align:middle; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress-txt,.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress{ + display:inline-block; + width:100%; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress{ + position:relative; + height:5px; + background:#fff; + border-radius:100px; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress .u-progress-bar{ + position:absolute; + top:0; + left:0; + display:inline-block; + height:100%; + background:#0398ff; + border-radius:100px; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry-info{ + margin-top:4px; + font-size:12px; + color:#f86b6b; + text-align:center; +} +.m-upload .m-files-zone .u-banner{ + position:absolute; + bottom:-7px; + left:-9999px; + z-index:5; +} +.m-upload .m-files-zone .u-banner:before,.m-upload .m-files-zone .u-banner:after{ + content:""; + border:5px solid transparent; + position:absolute; + left:0; +} +.m-upload .m-files-zone .u-banner:before{ + border-bottom-color:#eee; + bottom:1px; +} +.m-upload .m-files-zone .u-banner:after{ + border-bottom-color:#fff; + bottom:0; +} +.m-upload .m-files-zone .u-banner.top{ + top:-7px; +} +.m-upload .m-files-zone .u-banner.top:before,.m-upload .m-files-zone .u-banner.top:after{ + border-bottom:none; +} +.m-upload .m-files-zone .u-banner.top:before{ + border-top-color:#eee; + top:1px; +} +.m-upload .m-files-zone .u-banner.top:after{ + border-top-color:#fff; + top:0; +} +.m-upload .m-files-zone .m-filelist{ + position:absolute; + left:-9999px; + padding:22px; + padding-bottom:12px; + text-align:left; + border:1px solid #eee; + border-radius:2px; + box-shadow:0 2px 3px 0 rgba(0,0,0,0.1); + background:#fff; + z-index:1; +} +.m-upload .m-files-zone .u-input-wrapper{ + position:relative; + display:inline-block; + width:50px; + vertical-align:top; + text-align:center; +} +.m-upload .m-files-zone .u-input-wrapper .u-input-btn{ + display:inline-block; + width:50px; + height:50px; + vertical-align:top; + border:1px dashed #ccc; + border-radius:2px; + box-sizing:border-box; + font-size:12px; + cursor:pointer; +} +.m-upload .m-files-zone .u-input-wrapper .u-input-btn .u-input-content{ + display:inline-block; + width:100%; + vertical-align:middle; +} +.m-upload .m-files-zone .u-input-wrapper .u-input-btn .u-input-content .u-icon{ + display:inline-block; + width:100%; + font-size:12px; + color:#666; +} +.m-upload .m-files-zone .u-input-wrapper .u-input-btn:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-upload .m-files-zone .u-input-wrapper .u-input-btn.dragover{ + background-color:rgba(32,159,255,0.06); + border:1px dashed #20a0ff; +} +.m-upload .m-files-zone .u-input-wrapper .u-input-info{ + margin-top:4px; + font-size:12px; + color:#f86b6b; +} +.m-upload{ + line-height:1.6; +} +.m-upload ul{ + margin:0; + padding:0; +} +.m-upload ul li{ + list-style:none; +} +.m-upload .u-fileitem,.m-upload .u-input-wrapper{ + display:inline-block; + vertical-align:top; +} +.m-upload .u-fileitem{ + width:50px; +} +.m-upload .u-input-wrapper{ + text-align:center; +} +.m-upload .u-input-wrapper .u-input-btn{ + display:inline-block; + width:50px; + height:50px; + vertical-align:top; + border:1px dashed #ccc; + border-radius:2px; + box-sizing:border-box; + font-size:12px; + cursor:pointer; +} +.m-upload .u-input-wrapper .u-input-btn .u-input-content{ + display:inline-block; + width:100%; + vertical-align:middle; +} +.m-upload .u-input-wrapper .u-input-btn .u-input-content .u-icon{ + display:inline-block; + width:100%; + font-size:12px; + color:#666; +} +.m-upload .u-input-wrapper .u-input-btn:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-upload .u-input-wrapper .u-input-btn.dragover{ + background-color:rgba(32,159,255,0.06); + border:1px dashed #20a0ff; +} +.m-upload .u-input-wrapper .u-input-info{ + margin-top:4px; + font-size:12px; + color:#f86b6b; +} +.m-card{ + background:#fff; + box-shadow:2px 2px 3px 0 rgba(34,52,73,0.1); + border:1px solid rgba(34,52,73,0.1); + border-radius:4px; + padding:16px; + margin-bottom:8px; + color:#333; +} +.m-card .card_hd{ + display:-webkit-box; + display:-moz-box; + display:-ms-flexbox; + display:-webkit-flex; + display:flex; + -webkit-box-align:center; + -moz-align-items:center; + -webkit-align-items:center; + align-items:center; + margin-bottom:12px; +} +.m-card .card_hd .title{ + font-size:16px; + font-weight:bold; +} +.m-card .card_hd .line{ + display:inline-block; + background:#333; + width:3px; + height:15px; + margin-right:8px; +} +.m-card .card_hd .operate{ + flex:1; + text-align:right; + margin-right:40px; +} +.m-card .btLine{ + background:#ddd; + height:1px; + margin-bottom:8px; +} +.m-card .m-card{ + box-shadow:none; + border-radius:initial; + border:none; + padding:0 40px; +} +.m-card .m-card .card_hd{ + margin-bottom:8px; +} +.m-card .m-card .card_hd .line{ + height:13px; +} +.m-card .m-card .card_hd .title{ + font-size:14px; +} +.m-card .m-card .card_hd .operate{ + margin-right:0; +} +.m-card .m-card-indent{ + padding:0 40px; +} +.g-row{ + *zoom:1; +} +.g-row:before,.g-row:after{ + display:table; + content:""; + line-height:0; +} +.g-row:after{ + clear:both; +} +.g-row-flex{ + display:flex; +} +.g-row-flex.justify-center{ + justify-content:center; +} +.g-row-flex.justify-end{ + justify-content:flex-end; +} +.g-row-flex.justify-space-between{ + justify-content:space-between; +} +.g-row-flex.justify-space-around{ + justify-content:space-around; +} +.g-row-flex.align-middle{ + align-items:center; +} +.g-row-flex.align-bottom{ + align-items:top; +} +.g-row-flex.flex-wrap{ + flex-wrap:wrap; +} +.g-row-flex.flex-nowrap{ + flex-wrap:nowrap; +} +.g-row-flex.flex-wrap-reverse{ + flex-wrap:wrap-reverse; +} +.g-row + .g-row{ + margin-top:10px; +} +.g-col{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + float:left; + min-height:1px; + padding:0 20px; +} +.g-col-1{ + width:8.333333%; +} +.g-offset-1{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:8.333333%; +} +.g-col-2{ + width:16.666667%; +} +.g-offset-2{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:16.666667%; +} +.g-col-3{ + width:25%; +} +.g-offset-3{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:25%; +} +.g-col-4{ + width:33.333333%; +} +.g-offset-4{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:33.333333%; +} +.g-col-5{ + width:41.666667%; +} +.g-offset-5{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:41.666667%; +} +.g-col-6{ + width:50%; +} +.g-offset-6{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:50%; +} +.g-col-7{ + width:58.333333%; +} +.g-offset-7{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:58.333333%; +} +.g-col-8{ + width:66.666667%; +} +.g-offset-8{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:66.666667%; +} +.g-col-9{ + width:75%; +} +.g-offset-9{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:75%; +} +.g-col-10{ + width:83.333333%; +} +.g-offset-10{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:83.333333%; +} +.g-col-11{ + width:91.666667%; +} +.g-offset-11{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:91.666667%; +} +.g-col-12{ + width:100%; +} +.g-offset-12{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:100%; +} +@media (max-width: 768px){ + .g-col-xs-1{ + width:8.333333%; + } + .g-col-xs-offset-1{ + margin-left:8.333333%; + } + .g-col-xs-pull-1{ + position:relative; + right:8.333333%; + } + .g-col-xs-push-1{ + position:relative; + left:8.333333%; + } + .g-col-xs-2{ + width:16.666667%; + } + .g-col-xs-offset-2{ + margin-left:16.666667%; + } + .g-col-xs-pull-2{ + position:relative; + right:16.666667%; + } + .g-col-xs-push-2{ + position:relative; + left:16.666667%; + } + .g-col-xs-3{ + width:25%; + } + .g-col-xs-offset-3{ + margin-left:25%; + } + .g-col-xs-pull-3{ + position:relative; + right:25%; + } + .g-col-xs-push-3{ + position:relative; + left:25%; + } + .g-col-xs-4{ + width:33.333333%; + } + .g-col-xs-offset-4{ + margin-left:33.333333%; + } + .g-col-xs-pull-4{ + position:relative; + right:33.333333%; + } + .g-col-xs-push-4{ + position:relative; + left:33.333333%; + } + .g-col-xs-5{ + width:41.666667%; + } + .g-col-xs-offset-5{ + margin-left:41.666667%; + } + .g-col-xs-pull-5{ + position:relative; + right:41.666667%; + } + .g-col-xs-push-5{ + position:relative; + left:41.666667%; + } + .g-col-xs-6{ + width:50%; + } + .g-col-xs-offset-6{ + margin-left:50%; + } + .g-col-xs-pull-6{ + position:relative; + right:50%; + } + .g-col-xs-push-6{ + position:relative; + left:50%; + } + .g-col-xs-7{ + width:58.333333%; + } + .g-col-xs-offset-7{ + margin-left:58.333333%; + } + .g-col-xs-pull-7{ + position:relative; + right:58.333333%; + } + .g-col-xs-push-7{ + position:relative; + left:58.333333%; + } + .g-col-xs-8{ + width:66.666667%; + } + .g-col-xs-offset-8{ + margin-left:66.666667%; + } + .g-col-xs-pull-8{ + position:relative; + right:66.666667%; + } + .g-col-xs-push-8{ + position:relative; + left:66.666667%; + } + .g-col-xs-9{ + width:75%; + } + .g-col-xs-offset-9{ + margin-left:75%; + } + .g-col-xs-pull-9{ + position:relative; + right:75%; + } + .g-col-xs-push-9{ + position:relative; + left:75%; + } + .g-col-xs-10{ + width:83.333333%; + } + .g-col-xs-offset-10{ + margin-left:83.333333%; + } + .g-col-xs-pull-10{ + position:relative; + right:83.333333%; + } + .g-col-xs-push-10{ + position:relative; + left:83.333333%; + } + .g-col-xs-11{ + width:91.666667%; + } + .g-col-xs-offset-11{ + margin-left:91.666667%; + } + .g-col-xs-pull-11{ + position:relative; + right:91.666667%; + } + .g-col-xs-push-11{ + position:relative; + left:91.666667%; + } + .g-col-xs-12{ + width:100%; + } + .g-col-xs-offset-12{ + margin-left:100%; + } + .g-col-xs-pull-12{ + position:relative; + right:100%; + } + .g-col-xs-push-12{ + position:relative; + left:100%; + } +} +@media (min-width: 768px){ + .g-col-sm-1{ + width:8.333333%; + } + .g-col-sm-offset-1{ + margin-left:8.333333%; + } + .g-col-sm-pull-1{ + position:relative; + right:8.333333%; + } + .g-col-sm-push-1{ + position:relative; + left:8.333333%; + } + .g-col-sm-2{ + width:16.666667%; + } + .g-col-sm-offset-2{ + margin-left:16.666667%; + } + .g-col-sm-pull-2{ + position:relative; + right:16.666667%; + } + .g-col-sm-push-2{ + position:relative; + left:16.666667%; + } + .g-col-sm-3{ + width:25%; + } + .g-col-sm-offset-3{ + margin-left:25%; + } + .g-col-sm-pull-3{ + position:relative; + right:25%; + } + .g-col-sm-push-3{ + position:relative; + left:25%; + } + .g-col-sm-4{ + width:33.333333%; + } + .g-col-sm-offset-4{ + margin-left:33.333333%; + } + .g-col-sm-pull-4{ + position:relative; + right:33.333333%; + } + .g-col-sm-push-4{ + position:relative; + left:33.333333%; + } + .g-col-sm-5{ + width:41.666667%; + } + .g-col-sm-offset-5{ + margin-left:41.666667%; + } + .g-col-sm-pull-5{ + position:relative; + right:41.666667%; + } + .g-col-sm-push-5{ + position:relative; + left:41.666667%; + } + .g-col-sm-6{ + width:50%; + } + .g-col-sm-offset-6{ + margin-left:50%; + } + .g-col-sm-pull-6{ + position:relative; + right:50%; + } + .g-col-sm-push-6{ + position:relative; + left:50%; + } + .g-col-sm-7{ + width:58.333333%; + } + .g-col-sm-offset-7{ + margin-left:58.333333%; + } + .g-col-sm-pull-7{ + position:relative; + right:58.333333%; + } + .g-col-sm-push-7{ + position:relative; + left:58.333333%; + } + .g-col-sm-8{ + width:66.666667%; + } + .g-col-sm-offset-8{ + margin-left:66.666667%; + } + .g-col-sm-pull-8{ + position:relative; + right:66.666667%; + } + .g-col-sm-push-8{ + position:relative; + left:66.666667%; + } + .g-col-sm-9{ + width:75%; + } + .g-col-sm-offset-9{ + margin-left:75%; + } + .g-col-sm-pull-9{ + position:relative; + right:75%; + } + .g-col-sm-push-9{ + position:relative; + left:75%; + } + .g-col-sm-10{ + width:83.333333%; + } + .g-col-sm-offset-10{ + margin-left:83.333333%; + } + .g-col-sm-pull-10{ + position:relative; + right:83.333333%; + } + .g-col-sm-push-10{ + position:relative; + left:83.333333%; + } + .g-col-sm-11{ + width:91.666667%; + } + .g-col-sm-offset-11{ + margin-left:91.666667%; + } + .g-col-sm-pull-11{ + position:relative; + right:91.666667%; + } + .g-col-sm-push-11{ + position:relative; + left:91.666667%; + } + .g-col-sm-12{ + width:100%; + } + .g-col-sm-offset-12{ + margin-left:100%; + } + .g-col-sm-pull-12{ + position:relative; + right:100%; + } + .g-col-sm-push-12{ + position:relative; + left:100%; + } +} +@media (min-width: 992px){ + .g-col-md-1{ + width:8.333333%; + } + .g-col-md-offset-1{ + margin-left:8.333333%; + } + .g-col-md-pull-1{ + position:relative; + right:8.333333%; + } + .g-col-md-push-1{ + position:relative; + left:8.333333%; + } + .g-col-md-2{ + width:16.666667%; + } + .g-col-md-offset-2{ + margin-left:16.666667%; + } + .g-col-md-pull-2{ + position:relative; + right:16.666667%; + } + .g-col-md-push-2{ + position:relative; + left:16.666667%; + } + .g-col-md-3{ + width:25%; + } + .g-col-md-offset-3{ + margin-left:25%; + } + .g-col-md-pull-3{ + position:relative; + right:25%; + } + .g-col-md-push-3{ + position:relative; + left:25%; + } + .g-col-md-4{ + width:33.333333%; + } + .g-col-md-offset-4{ + margin-left:33.333333%; + } + .g-col-md-pull-4{ + position:relative; + right:33.333333%; + } + .g-col-md-push-4{ + position:relative; + left:33.333333%; + } + .g-col-md-5{ + width:41.666667%; + } + .g-col-md-offset-5{ + margin-left:41.666667%; + } + .g-col-md-pull-5{ + position:relative; + right:41.666667%; + } + .g-col-md-push-5{ + position:relative; + left:41.666667%; + } + .g-col-md-6{ + width:50%; + } + .g-col-md-offset-6{ + margin-left:50%; + } + .g-col-md-pull-6{ + position:relative; + right:50%; + } + .g-col-md-push-6{ + position:relative; + left:50%; + } + .g-col-md-7{ + width:58.333333%; + } + .g-col-md-offset-7{ + margin-left:58.333333%; + } + .g-col-md-pull-7{ + position:relative; + right:58.333333%; + } + .g-col-md-push-7{ + position:relative; + left:58.333333%; + } + .g-col-md-8{ + width:66.666667%; + } + .g-col-md-offset-8{ + margin-left:66.666667%; + } + .g-col-md-pull-8{ + position:relative; + right:66.666667%; + } + .g-col-md-push-8{ + position:relative; + left:66.666667%; + } + .g-col-md-9{ + width:75%; + } + .g-col-md-offset-9{ + margin-left:75%; + } + .g-col-md-pull-9{ + position:relative; + right:75%; + } + .g-col-md-push-9{ + position:relative; + left:75%; + } + .g-col-md-10{ + width:83.333333%; + } + .g-col-md-offset-10{ + margin-left:83.333333%; + } + .g-col-md-pull-10{ + position:relative; + right:83.333333%; + } + .g-col-md-push-10{ + position:relative; + left:83.333333%; + } + .g-col-md-11{ + width:91.666667%; + } + .g-col-md-offset-11{ + margin-left:91.666667%; + } + .g-col-md-pull-11{ + position:relative; + right:91.666667%; + } + .g-col-md-push-11{ + position:relative; + left:91.666667%; + } + .g-col-md-12{ + width:100%; + } + .g-col-md-offset-12{ + margin-left:100%; + } + .g-col-md-pull-12{ + position:relative; + right:100%; + } + .g-col-md-push-12{ + position:relative; + left:100%; + } +} +@media (min-width: 1200px){ + .g-col-lg-1{ + width:8.333333%; + } + .g-col-lg-offset-1{ + margin-left:8.333333%; + } + .g-col-lg-pull-1{ + position:relative; + right:8.333333%; + } + .g-col-lg-push-1{ + position:relative; + left:8.333333%; + } + .g-col-lg-2{ + width:16.666667%; + } + .g-col-lg-offset-2{ + margin-left:16.666667%; + } + .g-col-lg-pull-2{ + position:relative; + right:16.666667%; + } + .g-col-lg-push-2{ + position:relative; + left:16.666667%; + } + .g-col-lg-3{ + width:25%; + } + .g-col-lg-offset-3{ + margin-left:25%; + } + .g-col-lg-pull-3{ + position:relative; + right:25%; + } + .g-col-lg-push-3{ + position:relative; + left:25%; + } + .g-col-lg-4{ + width:33.333333%; + } + .g-col-lg-offset-4{ + margin-left:33.333333%; + } + .g-col-lg-pull-4{ + position:relative; + right:33.333333%; + } + .g-col-lg-push-4{ + position:relative; + left:33.333333%; + } + .g-col-lg-5{ + width:41.666667%; + } + .g-col-lg-offset-5{ + margin-left:41.666667%; + } + .g-col-lg-pull-5{ + position:relative; + right:41.666667%; + } + .g-col-lg-push-5{ + position:relative; + left:41.666667%; + } + .g-col-lg-6{ + width:50%; + } + .g-col-lg-offset-6{ + margin-left:50%; + } + .g-col-lg-pull-6{ + position:relative; + right:50%; + } + .g-col-lg-push-6{ + position:relative; + left:50%; + } + .g-col-lg-7{ + width:58.333333%; + } + .g-col-lg-offset-7{ + margin-left:58.333333%; + } + .g-col-lg-pull-7{ + position:relative; + right:58.333333%; + } + .g-col-lg-push-7{ + position:relative; + left:58.333333%; + } + .g-col-lg-8{ + width:66.666667%; + } + .g-col-lg-offset-8{ + margin-left:66.666667%; + } + .g-col-lg-pull-8{ + position:relative; + right:66.666667%; + } + .g-col-lg-push-8{ + position:relative; + left:66.666667%; + } + .g-col-lg-9{ + width:75%; + } + .g-col-lg-offset-9{ + margin-left:75%; + } + .g-col-lg-pull-9{ + position:relative; + right:75%; + } + .g-col-lg-push-9{ + position:relative; + left:75%; + } + .g-col-lg-10{ + width:83.333333%; + } + .g-col-lg-offset-10{ + margin-left:83.333333%; + } + .g-col-lg-pull-10{ + position:relative; + right:83.333333%; + } + .g-col-lg-push-10{ + position:relative; + left:83.333333%; + } + .g-col-lg-11{ + width:91.666667%; + } + .g-col-lg-offset-11{ + margin-left:91.666667%; + } + .g-col-lg-pull-11{ + position:relative; + right:91.666667%; + } + .g-col-lg-push-11{ + position:relative; + left:91.666667%; + } + .g-col-lg-12{ + width:100%; + } + .g-col-lg-offset-12{ + margin-left:100%; + } + .g-col-lg-pull-12{ + position:relative; + right:100%; + } + .g-col-lg-push-12{ + position:relative; + left:100%; + } +} +.kl-search_ft{ + display:flex; + justify-content:flex-end; + align-items:center; +} +.kl-search_btn{ + margin-right:10px; +} +.m-kl-table-wrap{ + position:relative; +} +.m-kl-table-wrap .kl_table_header_fiexd_right_gutter{ + box-sizing:border-box; + position:absolute; + background:#eef1f4; + border-left:1px solid #fff; +} +.m-kl-table-wrap .u-resize-proxy{ + position:absolute; + visibility:hidden; + height:100%; + width:1px; + z-index:100; + background:#ddd; +} +.m-kl-table-wrap .expand_row{ + position:absolute; + width:100%; +} +.m-kl-table{ + overflow:auto; + box-sizing:border-box; + border-collapse:collapse; + border-bottom:1px solid #ecf2f9; + line-height:17px; + font-size:12px; + color:#333; +} +.m-kl-table.fixed_header{ + overflow:hidden; +} +.m-kl-table.fixed_header .kl_table_header{ + overflow:hidden; +} +.m-kl-table .kl_table_header.sticky_header{ + position:fixed; + overflow:hidden; + z-index:100; + top:0; +} +.m-kl-table .kl_table_body{ + transition:width 10ms; +} +.m-kl-table .kl_table_body.fixed_header{ + overflow:auto; +} +.m-kl-table.m-kl-table-fixed{ + position:absolute; + overflow:hidden; + top:0; + left:0; + border-bottom:none; + box-shadow:1px 0 8px #d3d4d6; +} +.m-kl-table.m-kl-table-fixed.m-kl-table-fixed-right{ + left:auto; + right:0; +} +.m-kl-table.m-kl-table-fixed .kl_table_header{ + box-shadow:2px 0px 8px #d3d4d6; +} +.m-kl-table.m-kl-table-fixed .kl_table_header,.m-kl-table.m-kl-table-fixed .kl_table_body{ + overflow:hidden; +} +.m-kl-table .table_tb{ + width:100%; + position:relative; + table-layout:fixed; +} +.m-kl-table .patch{ + background:#eef1f4; + position:absolute; +} +.m-kl-table .tb_hd_th{ + box-sizing:border-box; + background-color:#eef1f4; + height:32px; + padding:0; + border-collapse:collapse; + border-bottom:1px solid #fff; + font-weight:normal; +} +.m-kl-table .tb_hd_th .th_content{ + box-sizing:border-box; + height:100%; + display:flex; + align-items:center; + justify-content:center; + padding:6px 8px; +} +.m-kl-table .tb_hd_th .th_content.f-flex-center{ + justify-content:center; +} +.m-kl-table .tb_hd_th .th_content.f-flex-right{ + justify-content:flex-end; +} +.m-kl-table .tb_hd_th .th_content.f-flex-left{ + justify-content:flex-start; +} +.m-kl-table .tb_hd_th .th_content .th_tip{ + margin-left:8px; +} +.m-kl-table .tb_hd_th:not(:last-child){ + border-right:1px solid #fff; +} +.m-kl-table .tb_hd_th .u-icon-1{ + position:relative; + cursor:pointer; + color:#ddd; +} +.m-kl-table .tb_hd_th .u-icon-2{ + position:absolute; + left:0; + top:0; +} +.m-kl-table .tb_hd_th .u-icon-2.u-icon-sort-desc,.m-kl-table .tb_hd_th .u-icon-2.u-icon-sort-asc{ + color:#666; +} +.m-kl-table .tb_bd_tr{ + background:#fff; + transition:background 200ms ease-out; +} +.m-kl-table .tb_bd_tr:not(:last-child){ + border-bottom:1px solid #ecf2f9; +} +.m-kl-table .tb_bd_tr.z-hover,.m-kl-table .tb_bd_tr:hover{ + background:#ecf2f9; +} +.m-kl-table .tb_bd_tr.td_bd_tr_nohover{ + background:#fff; +} +.m-kl-table .tb_bd_td{ + box-sizing:border-box; + position:relative; + padding:0; + height:32px; +} +.m-kl-table .tb_bd_td >.tb_bd_td_div{ + padding:6px 8px; + line-height:17px; +} +.m-kl-table.strip .tb_bd_tr{ + transition:background 200ms ease-out; +} +.m-kl-table.strip .tb_bd_tr:nth-child(2n-1){ + background:#fff; +} +.m-kl-table.strip .tb_bd_tr:nth-child(2n){ + background:#f6f9fc; +} +.m-kl-table.strip .tb_bd_tr:not(:last-child){ + border-bottom:1px solid #ecf2f9; +} +.m-kl-table.strip .tb_bd_tr.z-hover,.m-kl-table.strip .tb_bd_tr:hover{ + background:#ecf2f9; +} +.m-kl-table.strip .tb_bd_tr.td_bd_tr_nohover{ + background:#fff; +} +.m-kl-table .u-clickable{ + cursor:pointer; + color:#0398ff; +} +.m-kl-table .u-clickable:hover{ + text-decoration:underline; +} +.m-kl-table .u-progress-wrap{ + box-sizing:border-box; + text-align:left; +} +.m-kl-table .u-progress-wrap .u-kl-progress{ + width:70%; +} +.m-kl-table .u-expand-sign{ + display:inline-block; + box-sizing:border-box; + height:17px; + width:17px; + border:1px solid #ddd; + line-height:13px; + vertical-align:middle; +} +.m-kl-table-ft{ + padding:10px 0; + background:#fff; +} +.m-kl-table-ft .scroll_bar{ + overflow:auto; + margin-bottom:10px; +} +.m-kl-table-ft .scroll_bar >div{ + height:1px; +} +.m-kl-table-ft .scroll_bar::-webkit-scrollbar{ + -webkit-appearance:none; + width:8px; + height:12px; +} +.m-kl-table-ft .scroll_bar::-webkit-scrollbar:hover{ + background-color:rgba(0,0,0,0.1); +} +.m-kl-table-ft .scroll_bar::-webkit-scrollbar-thumb{ + background-color:rgba(0,0,0,0.2); + -webkit-box-shadow:0 0 1px rgba(255,255,255,0.5); +} +.m-kl-table-ft.sticky_footer{ + position:fixed; + bottom:0; + z-index:1000; +} +.f-cursor-pointer{ + cursor:pointer; +} +.f-overflow-hidden{ + overflow:hidden; +} +.f-visibility-hidden{ + visibility:hidden; +} +.f-ellipsis{ + text-overflow:ellipsis; + overflow:hidden; + white-space:nowrap; +} +.f-line-clamp-1,.f-line-clamp-2,.f-line-clamp-3,.f-line-clamp-4,.f-line-clamp-5{ + display:-webkit-inline-box; + -webkit-box-orient:vertical; + white-space:normal; + vertical-align:middle; + word-break:break-all; +} +.f-line-clamp-1{ + -webkit-line-clamp:1; +} +.f-line-clamp-2{ + -webkit-line-clamp:2; +} +.f-line-clamp-3{ + -webkit-line-clamp:3; +} +.f-line-clamp-4{ + -webkit-line-clamp:4; +} +.f-line-clamp-5{ + -webkit-line-clamp:5; +} +.kl-m-crumb{ + color:#333; + font-size:0; + display:flex; + align-items:center; + box-sizing:border-box; +} +.kl-m-crumb .crumb_home{ + color:#e31436; + font-size:14px; + display:inline-block; +} +.kl-m-crumb .kl-m-crumb_item{ + display:inline-block; + color:#333; +} +.kl-m-crumb .kl-m-crumb_item .crumb_separator{ + display:inline-block; + margin:0 10px; + font-size:12px; +} +.kl-m-crumb .kl-m-crumb_item .crumb_ct{ + display:inline-block; + font-size:12px; +} +.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:link,.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:visited,.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:hover{ + text-decoration:none; + color:#333; +} +.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:hover{ + color:#49a9ee; +} +.kl-m-crumb .kl-m-crumb_item .crumb_ct:hover{ + cursor:pointer; +} +.kl-m-crumb .kl-m-crumb_item:last-child .crumb_ct{ + font-weight:bold; +} +.kl-m-crumb .kl-m-crumb_item:last-child .crumb_ct:hover{ + cursor:inherit; +} +.m-menu{ + height:100%; + overflow-y:auto; + background:#fff; + border-right:1px solid #e1e6ed; + list-style:none; + margin:0; + padding:0; + color:#333; +} +.m-menu .head_title a,.m-menu .menuItems a,.m-menu a.m-subMenu{ + color:#333; +} +.m-menuItem{ + display:block; + position:relative; + padding:8px 0 8px 54px; + line-height:1em; + transition:all 0.3s ease-in; +} +.m-menuItem:hover{ + text-decoration:underline; + font-weight:bold; +} +.m-menuItem.active{ + color:#d9244e; + font-weight:bold; +} +.m-menuItem.active a{ + color:#d9244e; +} +.m-menuItem.active:before{ + position:absolute; + width:2px; + height:10px; + background:#d9244e; + content:""; + top:8px; + left:48px; +} +.m-menuItem:first-child{ + padding-top:0; +} +.m-menuItem:first-child:before{ + top:0; +} +.m-menuItem:last-child{ + margin-bottom:5px; +} +.m-subMenu{ + position:relative; + display:block; + border-bottom:1px solid #dfeaf3; + cursor:pointer; +} +.m-subMenu .head{ + position:relative; + display:flex; + align-items:center; + padding:15px 0 15px 47px; + font-size:14px; + transition:all 0.4s ease; +} +.m-subMenu .head:hover .head_title,.m-subMenu .head:hover a{ + text-decoration:underline; + font-weight:bold; +} +.m-subMenu .head .head_arrow{ + position:absolute; + right:10px; + font-size:14px; + transition:all 0.4s ease; + transform:rotate(0); +} +.m-subMenu .head .head_arrow.isOpen{ + transform:rotate(90deg); +} +.m-subMenu .head .head_icon{ + position:absolute; + left:20px; + color:#333; + font-size:16px; +} +.m-subMenu .menuItems{ + position:relative; + list-style:none; + margin:0; + padding:0; + font-size:12px; +} +.m-subMenu.active{ + background:#f6f9fc; +} +.collapse-transition{ + transition:0.3s height ease-in-out,0.3s padding-top ease-in-out,0.3s padding-bottom ease-in-out; +} +.m-pager{ + text-align:center; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + display:-webkit-box; + display:-moz-box; + display:-ms-flexbox; + display:-webkit-flex; + display:flex; + -webkit-box-align:center; + -moz-align-items:center; + -webkit-align-items:center; + align-items:center; + justify-content:space-between; + -webkit-justify-content:space-between; + -moz-justify-content:space-between; + -ms-justify-content:space-between; + font-size:12px; +} +.m-pager .m-right-pager{ + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; +} +.m-pager .page_item{ + display:inline-block; + vertical-align:top; + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-right:6px; + padding:0 8px; + height:24px; + line-height:22px; + color:#444; + background:#fff; + text-decoration:none; + text-align:center; + min-width:24px; + border:1px solid #ddd; + -moz-border-radius:2px; + border-radius:2px; +} +.m-pager .page_item:hover{ + cursor:pointer; + border:1px solid #bbb; +} +.m-pager .z-crt{ + background:#e31436; + color:#fff; + border-color:#e31436; +} +.m-pager .z-crt:hover{ + border-color:#e31436; +} +.m-pager .page_size{ + display:inline-block; + font-size:12px; + margin-right:8px; +} +.m-pager .page_size .u-select{ + display:inline-block; + min-width:75px; +} +.m-pager .page_size .u-select .dropdown_hd .u-icon{ + position:static; +} +.m-pager .page_total{ + display:inline-block; + vertical-align:top; + line-height:24px; +} +.m-pager .page_prev{ + width:24px; + padding:initial; +} +.m-pager .page_prev .u-icon{ + line-height:22px; +} +.m-pager .pager_next .u-icon{ + line-height:22px; +} +.m-pager .page_goto{ + display:inline-block; + margin-left:20px; +} +.m-pager .page_goto .u-input{ + display:inline-block; + width:40px; + margin:0 7px 0 10px; +} +.m-pager .page_confirm{ + display:inline-block; + vertical-align:top; + margin-left:27px; +} +.m-pager.z-dis >li >a{ + cursor:not-allowed; +} +.m-pager-left{ + text-align:left; +} +.m-pager-right{ + text-align:right; +} +.m-pager.z-dis >li >a{ + background:#fff; + color:#999; + border-color:#ddd; +} +.pager_goto .u-input{ + display:inline-block; +} +.m-sidebar{ + position:absolute; + bottom:0; + left:0; + transform:translateX(-100%); + overflow:visible; + background:#fff; + border-right:1px solid #e1e6ed; + transition:transform 0.3s; + z-index:2; +} +.m-sidebar.active{ + transform:translateX(0); +} +.m-sidebar .sidebar_menus{ + height:100%; + overflow:auto; +} +.m-sidebar .sidebar_slideBtn{ + display:flex; + position:absolute; + top:50%; + width:10px; + height:50px; + font-size:10px; + margin-top:-60px; + align-items:center; + background:#c2c9d0; + color:#fff; + cursor:pointer; +} +.m-steps{ + list-style:none; +} +.m-steps .stepsItem{ + float:left; + position:relative; +} +.m-steps .stepsItem .stepsLine{ + position:absolute; + box-sizing:border-box; + width:100%; + font-size:0; + line-height:1.5; + top:9px; +} +.m-steps .stepsItem .stepsLine i{ + display:inline-block; + vertical-align:top; + background:#eef1f4; + border-radius:1px; + width:100%; + position:relative; + height:7px; +} +.m-steps .stepsItem .stepsLine i:before{ + position:absolute; + content:""; + top:0; + width:0; + background:#eef1f4; + height:100%; + opacity:0; +} +.m-steps .step{ + display:inline-block; + position:relative; +} +.m-steps .itemHead{ + text-align:center; +} +.m-steps .itemHead .icon{ + display:inline-block; + background-color:#fff; + position:relative; + border-radius:100%; +} +.m-steps .itemHead .icon .stepIcon{ + display:inline-block; + border:1px solid #eef1f4; + width:22px; + height:22px; + line-height:22px; + text-align:center; + border-radius:22px; + font-size:14px; + color:#666; +} +.m-steps .itemMain{ + margin-top:10px; + color:#333; + position:relative; + left:50%; + transform:translateX(-50%); + max-width:160px; + width:160px; +} +.m-steps .itemMain .mainTitle{ + margin-bottom:4px; + text-align:center; + color:#333; +} +.m-steps .itemMain .mainDescription{ + max-width:160px; + width:160px; + font-size:12px; + color:#a4a4a4; +} +.m-steps .finishedItem .stepsLine i{ + background:#80bcf4; +} +.m-steps .finishedItem .stepsLine i:after{ + background:#80bcf4; +} +.m-steps .finishedItem .itemHead .stepIcon{ + border:1px solid #80bcf4; + color:#fff; + background:#80bcf4; +} +.m-steps .finishedItem .itemMain .mainTitle{ + color:#54a8f7; +} +.m-steps .currentStep .itemHead .icon .stepIcon{ + border:1px solid #80bcf4; + color:#80bcf4; +} +.m-steps .currentStep .itemMain .mainTitle{ + color:#54a8f7; +} +.m-steps .currentStep .itemMain .mainDescription{ + color:#54a8f7; +} +.m-steps-sm .stepsItem .stepsLine{ + top:8px; +} +.m-steps-sm .stepsItem .stepsLine i{ + height:5px; +} +.m-steps-sm .itemHead .icon .stepIcon{ + width:18px; + height:18px; + line-height:18px; + border-radius:18px; + font-size:12px; +} +.m-steps-sm .itemMain{ + margin-top:5px; +} +.m-steps-sm .itemMain .mainTitle{ + margin-bottom:2px; + font-size:12px; +} +.m-steps-sm .itemMain .mainDescription{ + font-size:12px; +} +.m-tabs .tabs-scroll{ + position:relative; + overflow:hidden; +} +.m-tabs .tabs-scroll.scrollable{ + padding:0 15px; +} +.m-tabs .tabs-scroll .nav-prev,.m-tabs .tabs-scroll .nav-next{ + position:absolute; + cursor:pointer; + line-height:32px; + font-size:12px; +} +.m-tabs .tabs-scroll .nav-prev.disabled,.m-tabs .tabs-scroll .nav-next.disabled{ + color:#ccc; + cursor:not-allowed; +} +.m-tabs .tabs-scroll .nav-prev{ + left:0; +} +.m-tabs .tabs-scroll .nav-next{ + right:0; +} +.m-tabs .nav-scroll{ + overflow:hidden; +} +.m-tabs .tabs_hd{ + display:inline-block; + transition:transform 0.3s; + white-space:nowrap; +} +.m-tabs .tabs_hd >li{ + position:relative; + display:inline-block; + cursor:pointer; +} +.m-tabs .tabs_hd >li.z-dis{ + cursor:not-allowed; +} +.m-tabs .tabs_hd >li.arrow-left,.m-tabs .tabs_hd >li.arrow-right{ + width:20px; +} +.m-tabs .tabs_bd{ + clear:both; +} +.m-tabs.z-dis .tabs_hd >li{ + cursor:not-allowed; +} +.m-tabs.z-dis .tabs_hd >li.z-crt{ + cursor:default; +} +.m-tabs{ + -moz-border-radius:3px; + border-radius:3px; +} +.m-tabs .tabs_hd >li{ + padding:0 15px; + height:40px; + line-height:40px; + color:#444; + border:1px solid transparent; + margin-bottom:-1px; + background:#fff; + border:1px solid #deeaf2; + border-radius:2px 2px 0 0; + height:31px; + line-height:32px; + min-width:104px; + text-align:center; + font-size:12px; + border-bottom:none; + box-sizing:border-box; +} +.m-tabs .tabs_hd >li + li{ + margin-left:2px; +} +.m-tabs .tabs_hd >li:hover,.m-tabs .tabs_hd >li:focus{ + color:#777; +} +.m-tabs .tabs_hd >li.z-crt{ + border-top:3px solid #d9244e; + height:32px; + line-height:28px; +} +.m-tabs .tabs_hd >li.z-dis{ + color:#999; + background:none; + border-color:transparent; +} +.m-tabs .tabs_bd{ + background:#fff; + border-top:1px solid #deeaf2; + padding:20px 0; +} +.m-tabs-center .tabs_hd{ + position:relative; + float:left; + left:50%; +} +.m-tabs-center .tabs_hd >li{ + position:relative; + left:-50%; +} +.m-tabs-left{ + position:relative; +} +.m-tabs-left .tabs_hd{ + position:absolute; + left:0; + width:120px; + margin-left:0; +} +.m-tabs-left .tabs_hd >li{ + float:none; + border:1px solid transparent; + border-right-width:0; + margin-bottom:0; +} +.m-tabs-left .tabs_hd >li + li{ + margin-left:0; + margin-top:2px; +} +.m-tabs-left .tabs_hd >li.z-crt{ + border-left:3px solid #d9244e; + height:29px; + line-height:26px; + border-top:1px solid #deeaf2; + border-bottom:1px solid #deeaf2; +} +.m-tabs-left .tabs_bd{ + margin-left:120px; + min-height:200px; +} +.m-tabs-right{ + position:relative; +} +.m-tabs-right .tabs_hd{ + position:absolute; + right:0; + width:120px; + margin-left:0; +} +.m-tabs-right .tabs_hd >li{ + float:none; + border:1px solid transparent; + border-left-width:0; + margin-bottom:0; +} +.m-tabs-right .tabs_hd >li + li{ + margin-left:0; + margin-top:2px; +} +.m-tabs-right .tabs_hd >li.z-crt{ + border-right:3px solid #d9244e; + height:28px; + line-height:26px; + border-top:1px solid #deeaf2; + border-bottom:1px solid #deeaf2; +} +.m-tabs-right .tabs_bd{ + margin-right:120px; + min-height:200px; +} +.u-message{ + *zoom:1; + display:flex; + align-items:center; + padding:6px 15px; + background:#fff; + color:#777; + border:1px solid #ddd; + box-shadow:0 2px 3px 0 rgba(0,0,0,0.1); + -moz-border-radius:4px; + border-radius:4px; +} +.u-message:before,.u-message:after{ + display:table; + content:""; + line-height:0; +} +.u-message:after{ + clear:both; +} +.u-message .message_ct{ + display:inline-block; + max-width:90%; +} +.u-message .message_icon{ + font-size:23px; + vertical-align:middle; + margin-top:-2px; + margin-right:10px; + line-height:1; +} +.u-message-info{ + color:#fff; + background:#80bcf4; + border:1px solid #80bcf4; +} +.u-message-info .message_icon{ + color:#fff; +} +.u-message-success{ + color:#fff; + background:#89d280; + border:1px solid #89d280; +} +.u-message-success .message_icon{ + color:#fff; +} +.u-message-warning{ + color:#fff; + background:#f9bf65; + border:1px solid #f9bf65; +} +.u-message-warning .message_icon{ + color:#fff; +} +.u-message-error{ + color:#fff; + background:#f37373; + border:1px solid #f37373; +} +.u-message-error .message_icon{ + color:#fff; +} +.m-modal{ + position:fixed; + top:0; + right:0; + bottom:0; + left:0; + z-index:1000; + overflow-y:auto; + -webkit-overflow-scrolling:touch; + touch-action:cross-slide-y pinch-zoom double-tap-zoom; + text-align:center; + overflow:hidden; + background:rgba(0,0,0,0.6); +} +.m-modal:after{ + content:""; + display:inline-block; + vertical-align:middle; + height:100%; +} +.m-modal .modal_dialog{ + display:inline-block; + vertical-align:middle; + text-align:left; + width:400px; + background:#fff; + -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.125); + box-shadow:0 2px 3px rgba(0,0,0,0.125); + border-radius:4px; + max-width:1050px; +} +.m-modal .modal_hd{ + margin:0 15px; + padding:10px 0; + border-bottom:1px solid #eee; +} +.m-modal .modal_title{ + margin:0; + font-size:12px; + color:#333; +} +.m-modal .modal_close{ + float:right; + margin:2px 0; + color:#666; + font-size:12px; +} +.m-modal .modal_close .u-icon{ + color:#666; +} +.m-modal .modal_close:hover .u-icon{ + color:#888; +} +.m-modal .modal_hd.z-draggable{ + cursor:move; + cursor:-webkit-grab; +} +.m-modal .z-drag .modal_hd.z-draggable{ + cursor:move; + cursor:-webkit-grabbing; +} +.m-modal .modal_bd{ + padding:20px 15px 17px 15px; + min-height:10px; + max-height:491px; + overflow:auto; + font-size:12px; +} +.m-modal .modal_ft{ + padding:15px 15px 30px 15px; + text-align:center; + border-top:1px solid #fff; + font-size:0; +} +.m-modal .modal_ft .u-btn{ + margin:0 8px; +} +@media (max-width: 767px){ + .m-modal .modal_dialog{ + margin:10px; + } +} +html.z-modal,html.z-modal body{ + overflow:hidden; +} +.m-notify{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + position:fixed; + z-index:1040; + top:10px; + left:10px; + min-width:260px; + max-width:350px; + font-size:12px; +} +.m-notify .u-message{ + margin-bottom:10px; + padding:16px 35px 16px 20px; +} +.m-notify .u-message:hover .message_close{ + display:block; +} +.m-notify .u-message .message_close{ + display:none; + position:absolute; + right:16px; + margin-top:2px; + font-size:12px; + color:#fff; +} +.m-notify-topright,.m-notify-bottomright{ + left:auto; + right:10px; +} +.m-notify-topcenter,.m-notify-bottomcenter{ + left:50%; + margin-left:-130px; +} +.m-notify-bottomleft,.m-notify-bottomright,.m-notify-bottomcenter{ + top:auto; + bottom:10px; +} +@media (max-width: 767px){ + .m-notify{ + left:10px; + right:10px; + width:auto; + margin:0; + } +} +.m-notify-static{ + position:static; + width:auto; +} +.u-popover,.m-popconfirm,.u-tooltip{ + position:absolute; + z-index:2000; + font-size:12px; + line-height:1.5; +} +.u-popover .arrow,.u-popover .arrow:after,.m-popconfirm .arrow,.m-popconfirm .arrow:after,.u-tooltip .arrow,.u-tooltip .arrow:after{ + position:absolute; + width:0; + height:0; + border-color:transparent; + border-style:solid; +} +.m-popconfirm .inner{ + padding:8px 16px; + background:#fff; + background-clip:padding-box; + border-radius:4px; + box-shadow:0 1px 6px rgba(0,0,0,0.2); +} +.m-popconfirm .inner .body{ + padding:8px 0 16px; + font-size:12px; + color:#666; +} +.m-popconfirm .inner .foot{ + text-align:right; + margin-bottom:8px; +} +.m-popconfirm .inner .foot .u-btn{ + border-radius:2px; +} +.m-popconfirm .inner .foot .u-btn-primary{ + margin-left:5px; +} +.m-popconfirm .arrow:after{ + content:""; + border-width:4px; +} +.m-popconfirm.top,.m-popconfirm.topLeft,.m-popconfirm.topRight{ + padding:0 0 4px 0; +} +.m-popconfirm.top .arrow,.m-popconfirm.topLeft .arrow,.m-popconfirm.topRight .arrow{ + bottom:-1px; + border-bottom-width:0; + border-top-color:rgba(217,217,217,0.7); +} +.m-popconfirm.top .arrow:after,.m-popconfirm.topLeft .arrow:after,.m-popconfirm.topRight .arrow:after{ + bottom:1px; + margin-left:-4px; + border-bottom-width:0; + border-top-color:#fff; +} +.m-popconfirm.left,.m-popconfirm.leftTop,.m-popconfirm.leftBottom{ + padding:0 4px 0 0; +} +.m-popconfirm.left .arrow,.m-popconfirm.leftTop .arrow,.m-popconfirm.leftBottom .arrow{ + right:-1px; + border-right-width:0; + border-left-color:rgba(217,217,217,0.7); +} +.m-popconfirm.left .arrow:after,.m-popconfirm.leftTop .arrow:after,.m-popconfirm.leftBottom .arrow:after{ + right:1px; + bottom:-4px; + border-right-width:0; + border-left-color:#fff; +} +.m-popconfirm.bottom,.m-popconfirm.bottomLeft,.m-popconfirm.bottomRight{ + padding:4px 0 0 0; +} +.m-popconfirm.bottom .arrow,.m-popconfirm.bottomLeft .arrow,.m-popconfirm.bottomRight .arrow{ + top:-1px; + border-top-width:0; + border-bottom-color:rgba(217,217,217,0.7); +} +.m-popconfirm.bottom .arrow:after,.m-popconfirm.bottomLeft .arrow:after,.m-popconfirm.bottomRight .arrow:after{ + top:1px; + margin-left:-4px; + border-top-width:0; + border-bottom-color:#fff; +} +.m-popconfirm.right,.m-popconfirm.rightTop,.m-popconfirm.rightBottom{ + padding:0 0 0 4px; +} +.m-popconfirm.right .arrow,.m-popconfirm.rightTop .arrow,.m-popconfirm.rightBottom .arrow{ + left:-1px; + border-left-width:0; + border-right-color:rgba(217,217,217,0.7); +} +.m-popconfirm.right .arrow:after,.m-popconfirm.rightTop .arrow:after,.m-popconfirm.rightBottom .arrow:after{ + left:1px; + bottom:-4px; + border-left-width:0; + border-right-color:#fff; +} +.m-popconfirm.topLeft .arrow{ + left:16px; +} +.m-popconfirm.top .arrow{ + left:50%; + margin-left:-5px; +} +.m-popconfirm.topRight .arrow{ + right:16px; +} +.m-popconfirm.leftTop .arrow{ + top:8px; +} +.m-popconfirm.left .arrow{ + top:50%; + margin-top:-5px; +} +.m-popconfirm.leftBottom .arrow{ + bottom:8px; +} +.m-popconfirm.bottomLeft .arrow{ + left:16px; +} +.m-popconfirm.bottom .arrow{ + left:50%; + margin-left:-5px; +} +.m-popconfirm.bottomRight .arrow{ + right:16px; +} +.m-popconfirm.rightTop .arrow{ + top:8px; +} +.m-popconfirm.right .arrow{ + top:50%; + margin-top:-5px; +} +.m-popconfirm.rightBottom .arrow{ + bottom:8px; +} +.u-badge{ + display:inline; + font-weight:bold; + text-align:center; +} +a.u-badge{ + text-decoration:none; +} +.u-badge.u-badge-number{ + -moz-border-radius:1000px; + border-radius:1000px; +} +.u-badge{ + padding:0.2em 0.6em 0.3em; + font-size:11px; + line-height:1; + background:#aaa; + color:#fff; + -moz-border-radius:0.25em; + border-radius:0.25em; +} +.u-badge-primary{ + background:#e31436; +} +.u-badge-info{ + background:#54a8f7; +} +.u-badge-success{ + background:#6ebc40; +} +.u-badge-warning{ + background:#ffb539; +} +.u-badge-error{ + background:#f48080; +} +.u-icon{ + line-height:inherit; + width:1em; + text-align:center; +} +.u-icon-error-circle:before{ + content:"\f057"; +} +.u-icon-success-circle:before{ + content:"\f058"; +} +.u-icon-warning-circle:before{ + content:"\f06a"; +} +.u-icon-quote:before{ + content:"\f10d"; +} +.u-iconstack{ + position:relative; + display:inline-block; + width:2em; + height:2em; + line-height:2em; + vertical-align:middle; +} +.u-iconstack >.u-icon{ + position:absolute; + left:0; + width:100%; + text-align:center; +} +.m-image-preview{ + position:fixed; + top:0; + left:0; + right:0; + bottom:0; + background:rgba(0,0,0,0.9); + z-index:1500; +} +.m-image-preview ul{ + padding:0; +} +.m-image-preview .m-panel-wrapper{ + position:absolute; + top:0; + left:0; + right:0; + bottom:0; + margin:auto; + width:100%; + height:100%; + box-shadow:0px 0px 10px 0 rgba(0,0,0,0.5); +} +.m-image-preview .m-panel-wrapper .m-panel-close,.m-image-preview .m-panel-wrapper .u-pre-btn,.m-image-preview .m-panel-wrapper .u-next-btn{ + cursor:pointer; +} +.m-image-preview .m-panel-wrapper .m-panel-close{ + position:absolute; + right:26px; + top:26px; + width:26px; + height:26px; + background:#fff; + box-shadow:0 0 1px 0; + border-radius:100px; + z-index:5; +} +.m-image-preview .m-panel-wrapper .m-panel-close:before,.m-image-preview .m-panel-wrapper .m-panel-close:after{ + content:""; + position:absolute; + top:50%; + left:50%; + width:14px; + height:2px; + border-radius:100px; + background:#000; + margin-left:-7px; + margin-top:-1px; +} +.m-image-preview .m-panel-wrapper .m-panel-close:before{ + transform:rotate(45deg); +} +.m-image-preview .m-panel-wrapper .m-panel-close:after{ + transform:rotate(-45deg); +} +.m-image-preview .m-panel-wrapper .m-full-panel,.m-image-preview .m-panel-wrapper .m-thumbnail-panel{ + position:absolute; + top:0; + height:100%; +} +.m-image-preview .m-panel-wrapper .m-full-panel{ + left:0; + width:70%; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn{ + position:absolute; + width:55px; + height:55px; + top:45.454545%; + border-radius:100px; + background:rgba(0,0,0,0.6); + z-index:5; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; + background:#fff; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon{ + display:inline-block; + width:100%; + height:3px; + vertical-align:middle; + text-align:center; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:after,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:after{ + content:""; + position:absolute; + width:22px; + height:3px; + border-radius:100px; + background-color:#fff; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn{ + left:50px; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:after{ + transform-origin:0; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:before{ + transform:translate(-40%,-0.5px) rotate(45deg); +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:after{ + transform:translate(-40%,0.5px) rotate(-45deg); +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn{ + right:50px; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:after{ + transform-origin:100%; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:before{ + transform:translate(-60%,0.5px) rotate(45deg); +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:after{ + transform:translate(-60%,-0.5px) rotate(-45deg); +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list{ + position:relative; + width:52.290316%; + height:75.757576%; + margin:7.575758% auto 3.787879%; + overflow:hidden; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list .m-image-item{ + position:absolute; + width:100%; + height:100%; + text-align:center; + transition:opacity 300ms; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list .m-image-item img{ + max-width:100%; + max-height:100%; + vertical-align:middle; + transition:transform 300ms; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list .m-image-item:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group{ + position:relative; + width:350px; + height:50px; + margin:0 auto; + background:rgba(0,0,0,0.6); + text-align:center; + z-index:5; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item{ + position:relative; + display:inline-block; + width:30px; + height:28px; + line-height:28px; + margin-left:20px; + vertical-align:middle; + text-align:center; + color:#fff; + font-size:18px; + cursor:pointer; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item .u-download{ + color:#fff; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item .u-scale{ + position:absolute; + font-style:normal; + font-size:14px; + right:-45px; + text-align:center; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item:first-child{ + margin-left:0; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel{ + right:0; + width:30%; + background:rgba(0,0,0,0.6); +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .u-image-name{ + margin:0 auto; + margin-top:12.121212%; + height:25px; + width:90%; + font-size:16px; + color:#fff; + text-align:center; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list{ + margin:15px auto; + height:80%; + width:370px; + padding:10px; + box-sizing:border-box; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item{ + position:relative; + display:inline-block; + width:80px; + height:80px; + margin-left:10px; + margin-bottom:10px; + vertical-align:top; + text-align:center; + background:#fff; + cursor:pointer; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item:nth-child(4n + 1){ + margin-left:0; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current{ + width:86px; + height:86px; + margin-left:7px; + margin-right:-3px; + margin-top:-3px; + margin-bottom:-3px; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current:nth-child(4n + 1){ + width:86px; + height:86px; + margin-right:-3px; + margin-left:-3px; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current:nth-child(4n){ + width:86px; + height:86px; + margin-left:7px; + margin-right:-3px; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current:after{ + display:none; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item img{ + max-width:100%; + max-height:100%; + vertical-align:middle; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item:after{ + content:""; + position:absolute; + top:0; + right:0; + bottom:0; + left:0; + background:rgba(0,0,0,0.4); +} +.m-image-preview .m-panel-wrapper .m-virtual-zone{ + position:absolute; + left:0; + top:0; + width:100%; + height:100%; + box-sizing:border-box; + overflow:hidden; + z-index:1; + transition:opacity 300ms; +} +.m-image-preview .m-panel-wrapper .m-virtual-zone .m-image-wrapper{ + position:relative; + width:52.290316%; + height:75.757576%; + margin:7.575758% auto 3.787879%; + text-align:center; + cursor:-webkit-grab; + transition:all 0.3s ease-in-out; +} +.m-image-preview .m-panel-wrapper .m-virtual-zone .m-image-wrapper:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-image-preview .m-panel-wrapper .m-virtual-zone .m-image-wrapper img{ + max-width:100%; + max-height:100%; + vertical-align:middle; +} +.u-loading{ + position:fixed; + display:block; + text-align:center; + font-size:26px; + line-height:1; + z-index:1050; + top:0; + bottom:0; + left:0; + right:0; +} +.u-loading >*{ + position:relative; + top:50%; +} +.u-loading .loading-circular{ + width:42px; + height:42px; + animation:loading-rotate 2s linear infinite; +} +.u-loading .loading-circular .loading-path{ + stroke-dasharray:1,200; + stroke-dashoffset:0; + stroke:#e31436; + animation:dash 1.5s ease-in-out infinite; + stroke-linecap:round; +} +@keyframes loading-rotate{ + to{ + transform:rotate(360deg); + } +} +@keyframes dash{ + 0%{ + stroke-dasharray:1,200; + stroke-dashoffset:0; + } + 50%{ + stroke-dasharray:89,200; + stroke-dashoffset:-35px; + } + 100%{ + stroke-dasharray:89,200; + stroke-dashoffset:-124px; + } +} +.u-loading-fixed{ + color:#fff; +} +.u-loading-fixed:before{ + content:" "; + position:absolute; + top:0; + bottom:0; + left:0; + right:0; + -webkit-overflow-scrolling:touch; + touch-action:cross-slide-y pinch-zoom double-tap-zoom; + background:rgba(0,0,0,0.3); +} +.u-loading-static{ + position:static; + display:inline-block; + font-size:inherit; +} +.u-loading-static >*{ + position:static; +} +.u-loading-static:before{ + content:" "; +} +.u-progress{ + overflow:hidden; +} +.u-progress .progress_bar{ + width:0; + height:100%; + float:left; + text-align:center; +} +.u-progress{ + height:20px; + line-height:20px; + background:#fff; +} +.u-progress .progress_bar{ + background:#e31436; + font-size:12px; + color:#fff; + -webkit-transition:width 0.6s ease; + -moz-transition:width 0.6s ease; + transition:width 0.6s ease; +} +.u-progress-xs{ + height:3px; + line-height:3px; + text-indent:-2000px; +} +.u-progress-sm{ + height:8px; + line-height:8px; + text-indent:-2000px; +} +.u-progress-lg{ + height:28px; + line-height:28px; +} +.u-progress-xl{ + height:40px; + line-height:40px; +} +.u-progress-info .progress_bar{ + background-color:#54a8f7; +} +.u-progress-success .progress_bar{ + background-color:#6ebc40; +} +.u-progress-warning .progress_bar{ + background-color:#ffb539; +} +.u-progress-error .progress_bar{ + background-color:#f48080; +} +.u-progress-striped .progress_bar{ + background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); + background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); + background-size:40px 40px; +} +.u-progress-striped.z-act .progress_bar{ + -webkit-animation:u-progress-striped 2s linear infinite; + -moz-animation:u-progress-striped 2s linear infinite; + animation:u-progress-striped 2s linear infinite; +} +@-webkit-keyframes u-progress-striped{ + 0%{ + background-position:0 0; + } + 100%{ + background-position:40px 0; + } +} +@-moz-keyframes u-progress-striped{ + 0%{ + background-position:0 0; + } + 100%{ + background-position:40px 0; + } +} +@-o-keyframes u-progress-striped{ + 0%{ + background-position:0 0; + } + 100%{ + background-position:40px 0; + } +} +@keyframes u-progress-striped{ + 0%{ + background-position:0 0; + } + 100%{ + background-position:40px 0; + } +} +.u-popover,.u-tooltip{ + position:absolute; + z-index:2000; + font-size:12px; + line-height:1.5; +} +.u-popover .arrow,.u-popover .arrow:after,.u-tooltip .arrow,.u-tooltip .arrow:after{ + position:absolute; + width:0; + height:0; + border-color:transparent; + border-style:solid; +} +.u-tooltip .inner{ + max-width:250px; + padding:8px 10px; + margin:0; + color:#fff; + text-align:left; + text-decoration:none; + background-color:rgba(64,64,64,0.85); + border-radius:4px; + box-shadow:0 1px 6px rgba(0,0,0,0.2); +} +.u-tooltip.top,.u-tooltip.topLeft,.u-tooltip.topRight{ + padding:5px 0 8px 0; +} +.u-tooltip.top .arrow,.u-tooltip.topLeft .arrow,.u-tooltip.topRight .arrow{ + bottom:3px; + border-width:5px 5px 0; + border-top-color:rgba(64,64,64,0.85); +} +.u-tooltip.left,.u-tooltip.leftTop,.u-tooltip.leftBottom{ + padding:0 8px 0 5px; +} +.u-tooltip.left .arrow,.u-tooltip.leftTop .arrow,.u-tooltip.leftBottom .arrow{ + right:3px; + border-width:5px 0 5px 5px; + border-left-color:rgba(64,64,64,0.85); +} +.u-tooltip.bottom,.u-tooltip.bottomLeft,.u-tooltip.bottomRight{ + padding:8px 0 5px 0; +} +.u-tooltip.bottom .arrow,.u-tooltip.bottomLeft .arrow,.u-tooltip.bottomRight .arrow{ + top:3px; + border-width:0 5px 5px; + border-bottom-color:rgba(64,64,64,0.85); +} +.u-tooltip.right,.u-tooltip.rightTop,.u-tooltip.rightBottom{ + padding:0 5px 0 8px; +} +.u-tooltip.right .arrow,.u-tooltip.rightTop .arrow,.u-tooltip.rightBottom .arrow{ + left:3px; + border-width:5px 5px 5px 0; + border-right-color:rgba(64,64,64,0.85); +} +.u-tooltip.topLeft .arrow{ + left:16px; +} +.u-tooltip.top .arrow{ + left:50%; + margin-left:-5px; +} +.u-tooltip.topRight .arrow{ + right:16px; +} +.u-tooltip.leftTop .arrow{ + top:8px; +} +.u-tooltip.left .arrow{ + top:50%; + margin-top:-5px; +} +.u-tooltip.leftBottom .arrow{ + bottom:8px; +} +.u-tooltip.bottomLeft .arrow{ + left:16px; +} +.u-tooltip.bottom .arrow{ + left:50%; + margin-left:-5px; +} +.u-tooltip.bottomRight .arrow{ + right:16px; +} +.u-tooltip.rightTop .arrow{ + top:8px; +} +.u-tooltip.right .arrow{ + top:50%; + margin-top:-5px; +} +.u-tooltip.rightBottom .arrow{ + bottom:8px; +} diff --git a/doc/v0.6/css/nek-ui.default.min.css b/doc/v0.6/css/nek-ui.default.min.css new file mode 100644 index 00000000..84d4f3f4 --- /dev/null +++ b/doc/v0.6/css/nek-ui.default.min.css @@ -0,0 +1 @@ +article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}.f-cb,.f-cbli li{zoom:1}.f-ib{display:inline-block}.f-dn{display:none}.f-db{display:block}.f-fl{float:left}.f-fr{float:right}.f-pr{position:relative}.f-prz{position:relative;zoom:1}.f-oh{overflow:hidden}.f-fwn{font-weight:400}.f-fwb{font-weight:700}.f-tal{text-align:left}.f-tac{text-align:center}.f-tar{text-align:right}.f-taj{text-align:justify;text-justify:inter-ideograph}.f-vat{vertical-align:top}.f-vam,.f-vama *{vertical-align:middle}.f-vab{vertical-align:bottom}.f-wsn,.m-pager,.m-pager .m-right-pager{word-wrap:normal;white-space:nowrap}.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all}.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all}.f-toe,.u-select .dropdown_hd{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis}.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.f-lsn,.kl-m-crumb,.m-listview,.m-pager,.m-pager .m-right-pager,.m-tabs .tabs_hd,.m-treeview .treeview_list{list-style:none;margin:0;padding:0}.f-lsi,.kl-m-crumb,.m-pager,.m-pager .m-right-pager{letter-spacing:-5px}.f-lsi>*,.kl-m-crumb>*,.m-pager .m-right-pager>*,.m-pager>*{letter-spacing:normal}.f-ti{overflow:hidden;text-indent:-30000px}.f-ti2{text-indent:2em}.f-lhn{line-height:normal}.f-tdu,.f-tdu:hover{text-decoration:underline}.f-tdn,.f-tdn:hover{text-decoration:none}.f-csp{cursor:pointer}.f-csd{cursor:default}.f-csh{cursor:help}.f-csm{cursor:move}.f-mb5{margin-bottom:5px}.f-mr5{margin-right:5px}.f-ml5{margin-left:5px}.f-mt5{margin-top:5px}.f-mb10{margin-bottom:10px!important}.f-mr10{margin-right:10px}.f-ml10{margin-left:10px}.f-mt10{margin-top:10px!important}.f-mb15{margin-bottom:15px}.f-mr15{margin-right:15px}.f-ml15{margin-left:15px}.f-mt15{margin-top:15px}.f-mb20{margin-bottom:20px}.f-mr20{margin-right:20px}.f-ml20{margin-left:20px}.f-mt20{margin-top:20px}.f-color-primary{color:#e31436}.f-color-secondary{color:#e31436}.f-color-info{color:#54a8f7}.f-color-success{color:#6ebc40}.f-color-error{color:#f48080}.f-color-warning{color:#ffb539}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font:12px/1.6 PingFangTC-Regular,Microsoft YaHei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;background:#fff;color:#333}a{text-decoration:none;cursor:pointer;background:0 0}a:hover{text-decoration:underline}a:focus,a:hover{outline:0}hr{border:none}em{font-style:normal}ins{text-decoration:none}code,kbd,pre,samp{font-family:"YaHei Consolas Hybrid",Consolas,"Liberation Mono",Menlo,Courier,monospace}abbr[title]{cursor:help}dfn{font-style:normal;font-weight:700}q:before{content:"“"}q:after{content:"”"}q q:before{content:"‘"}q q:after{content:"’"}blockquote,figure{margin:0}blockquote footer{text-align:right}blockquote footer:before{content:"—— "}pre{-webkit-tab-size:4;-moz-tab-size:4;tab-size:4;overflow:auto}pre code{background:0 0;border:none;padding:0;margin:0;font-size:inherit;color:inherit}ol>li>ol,ol>li>ul,ul>li>ol,ul>li>ul{margin:0}dt{font-weight:700}dd{margin-left:0}address{font-style:normal}img{max-width:100%;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:none;vertical-align:middle}svg:not(:root){overflow:hidden}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}iframe{border:none}audio:not([controls]){display:none}progress{vertical-align:baseline}h1,h2,h3,h4,h5,h6{margin:25px 0 15px}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#777}h1{font-size:36px;line-height:42px}h2{font-size:24px;line-height:30px}h3{font-size:18px;line-height:24px}h4{font-size:16px;line-height:22px}h5{font-size:14px;line-height:20px}h6{font-size:12px;line-height:18px}a{color:#54a8f7}hr{border-top:1px solid #fff}em{color:#d05}ins{background:#ffa;color:#444}mark{background:#ffa;color:#444}small{font-size:80%}code{padding:0 3px;font-size:12px;background:#fafafa;color:#d05}kbd{margin:0 3px;padding:2px 3px;font-size:12px;color:#e74c3c;background:#fafafa;border-bottom:2px solid #eee}abbr[title]{border-bottom:1px dotted}blockquote{padding:4px 16px;background:#fafafa;border-left:4px solid #eee}pre{padding:6px 12px;font-size:12px;background:#fafafa;color:#333;-moz-border-radius:2px;border-radius:2px}input[type=checkbox]{-webkit-appearance:checkbox}input[type=radio]{-webkit-appearance:radio}::-moz-selection,::-webkit-selection,::selection{color:#fff;background:#39f}body{-webkit-backface-visibility:hidden}.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.animated.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.animated.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(.9)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.animated.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.animated.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes fadeInX{0%{opacity:0;-webkit-transform:translateX(30px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInX{0%{opacity:0;-moz-transform:translateX(30px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInX{0%{opacity:0;-o-transform:translateX(30px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInX{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}.animated.fadeInX{-webkit-animation-name:fadeInX;-moz-animation-name:fadeInX;animation-name:fadeInX}@-webkit-keyframes fadeInY{0%{opacity:0;-webkit-transform:translateY(-5px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInY{0%{opacity:0;-moz-transform:translateY(-5px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInY{0%{opacity:0;-o-transform:translateY(-5px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInY{0%{opacity:0;transform:translateY(-5px)}100%{opacity:1;transform:translateY(0)}}.animated.fadeInY{-webkit-animation-name:fadeInY;-moz-animation-name:fadeInY;animation-name:fadeInY}@-webkit-keyframes fadeOutY{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-5px)}}@-moz-keyframes fadeOutY{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-5px)}}@-o-keyframes fadeOutY{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-5px)}}@keyframes fadeOutY{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-5px)}}.animated.fadeOutY{-webkit-animation-name:fadeOutY;-moz-animation-name:fadeOutY;animation-name:fadeOutY}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.animated.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;animation-name:pulse}.animated{-webkit-animation-duration:.2s;-moz-animation-duration:.2s;animation-duration:.2s}.modal_animated{-webkit-animation-duration:.3s;-moz-animation-duration:.3s;animation-duration:.3s}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}.modal_zoomOut .modal_dialog{animation-name:zoomOut;-webkit-animation-duration:.3s;-moz-animation-duration:.3s;animation-duration:.3s}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}.modal_zoomIn .modal_dialog{animation-name:zoomIn;-webkit-animation-duration:.3s;-moz-animation-duration:.3s;animation-duration:.3s}@font-face{font-family:icomoon;src:url(../fonts/icomoon.eot?h16as7);src:url(../fonts/icomoon.eot?h16as7#iefix) format("embedded-opentype"),url(../fonts/icomoon.ttf?h16as7) format("truetype"),url(../fonts/icomoon.woff?h16as7) format("woff"),url(../fonts/icomoon.svg?h16as7#icomoon) format("svg");font-weight:400;font-style:normal}.u-icon{display:inline-block;font:normal normal normal 14px/1 icomoon;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.u-icon-lg{font-size:1.333333em;line-height:.75em;vertical-align:-15%}.u-icon-2x{font-size:2em}.u-icon-3x{font-size:3em}.u-icon-4x{font-size:4em}.u-icon-5x{font-size:5em}.u-icon-fw{width:1.285714em;text-align:center}.u-icon-ul{padding-left:0;margin-left:2.142857em;list-style-type:none}.u-icon-ul>li{position:relative}.u-icon-li{position:absolute;left:-2.142857em;width:2.142857em;top:.142857em;text-align:center}.u-icon-li.u-icon-lg{left:-1.857143em}.u-icon-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.u-icon-pull-left{float:left}.u-icon-pull-right{float:right}.u-icon.u-icon-pull-left{margin-right:.3em}.u-icon.u-icon-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.u-icon.pull-left{margin-right:.3em}.u-icon.pull-right{margin-left:.3em}.u-icon-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.u-icon-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.u-icon-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.u-icon-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.u-icon-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.u-icon-flip-horizontal{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.u-icon-flip-vertical{-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}.u-icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.u-icon-stack-1x,.u-icon-stack-2x{position:absolute;left:0;width:100%;text-align:center}.u-icon-stack-1x{line-height:inherit}.u-icon-stack-2x{font-size:2em}.u-icon-inverse{color:#fff}.u-icon-glass:before{content:"\f000"}.u-icon-music:before{content:"\f001"}.u-icon-search:before{content:"\f002"}.u-icon-envelope-o:before{content:"\f003"}.u-icon-heart:before{content:"\f004"}.u-icon-star:before{content:"\f005"}.u-icon-star-o:before{content:"\f006"}.u-icon-user:before{content:"\f007"}.u-icon-film:before{content:"\f008"}.u-icon-th-large:before{content:"\f009"}.u-icon-th:before{content:"\f00a"}.u-icon-th-list:before{content:"\f00b"}.u-icon-check:before{content:"\f00c"}.u-icon-remove:before{content:"\f00d"}.u-icon-search-plus:before{content:"\f00e"}.u-icon-search-minus:before{content:"\f010"}.u-icon-power-off:before{content:"\f011"}.u-icon-signal:before{content:"\f012"}.u-icon-cog:before,.u-icon-gear:before{content:"\f013"}.u-icon-trash-o:before{content:"\f014"}.u-icon-home:before{content:"\f015"}.u-icon-file-o:before{content:"\f016"}.u-icon-clock-o:before{content:"\f017"}.u-icon-road:before{content:"\f018"}.u-icon-download:before{content:"\f019"}.u-icon-arrow-circle-o-down:before{content:"\f01a"}.u-icon-arrow-circle-o-up:before{content:"\f01b"}.u-icon-inbox:before{content:"\f01c"}.u-icon-play-circle-o:before{content:"\f01d"}.u-icon-repeat:before,.u-icon-rotate-right:before{content:"\f01e"}.u-icon-refresh:before{content:"\f021"}.u-icon-list-alt:before{content:"\f022"}.u-icon-lock:before{content:"\f023"}.u-icon-flag:before{content:"\f024"}.u-icon-headphones:before{content:"\f025"}.u-icon-volume-off:before{content:"\f026"}.u-icon-volume-down:before{content:"\f027"}.u-icon-volume-up:before{content:"\f028"}.u-icon-qrcode:before{content:"\f029"}.u-icon-barcode:before{content:"\f02a"}.u-icon-tag:before{content:"\f02b"}.u-icon-tags:before{content:"\f02c"}.u-icon-book:before{content:"\f02d"}.u-icon-bookmark:before{content:"\f02e"}.u-icon-print:before{content:"\f02f"}.u-icon-camera:before{content:"\f030"}.u-icon-font:before{content:"\f031"}.u-icon-bold:before{content:"\f032"}.u-icon-italic:before{content:"\f033"}.u-icon-text-height:before{content:"\f034"}.u-icon-text-width:before{content:"\f035"}.u-icon-align-left:before{content:"\f036"}.u-icon-align-center:before{content:"\f037"}.u-icon-align-right:before{content:"\f038"}.u-icon-align-justify:before{content:"\f039"}.u-icon-list:before{content:"\f03a"}.u-icon-dedent:before,.u-icon-outdent:before{content:"\f03b"}.u-icon-indent:before{content:"\f03c"}.u-icon-video-camera:before{content:"\f03d"}.u-icon-image:before,.u-icon-photo:before,.u-icon-picture-o:before{content:"\f03e"}.u-icon-pencil:before{content:"\f040"}.u-icon-map-marker:before{content:"\f041"}.u-icon-adjust:before{content:"\f042"}.u-icon-tint:before{content:"\f043"}.u-icon-edit:before,.u-icon-pencil-square-o:before{content:"\f044"}.u-icon-share-square-o:before{content:"\f045"}.u-icon-check-square-o:before{content:"\f046"}.u-icon-arrows:before{content:"\f047"}.u-icon-step-backward:before{content:"\f048"}.u-icon-fast-backward:before{content:"\f049"}.u-icon-backward:before{content:"\f04a"}.u-icon-play:before{content:"\f04b"}.u-icon-pause:before{content:"\f04c"}.u-icon-stop:before{content:"\f04d"}.u-icon-forward:before{content:"\f04e"}.u-icon-fast-forward:before{content:"\f050"}.u-icon-step-forward:before{content:"\f051"}.u-icon-eject:before{content:"\f052"}.u-icon-chevron-left:before{content:"\f053"}.u-icon-chevron-right:before{content:"\f054"}.u-icon-plus-circle:before{content:"\f055"}.u-icon-minus-circle:before{content:"\f056"}.u-icon-times-circle:before{content:"\f057"}.u-icon-check-circle:before{content:"\f058"}.u-icon-question-circle:before{content:"\f059"}.u-icon-info-circle:before{content:"\f05a"}.u-icon-crosshairs:before{content:"\f05b"}.u-icon-times-circle-o:before{content:"\f05c"}.u-icon-check-circle-o:before{content:"\f05d"}.u-icon-ban:before{content:"\f05e"}.u-icon-arrow-left:before{content:"\f060"}.u-icon-arrow-right:before{content:"\f061"}.u-icon-arrow-up:before{content:"\f062"}.u-icon-arrow-down:before{content:"\f063"}.u-icon-mail-forward:before,.u-icon-share:before{content:"\f064"}.u-icon-expand:before{content:"\f065"}.u-icon-compress:before{content:"\f066"}.u-icon-plus:before{content:"\f067"}.u-icon-minus:before{content:"\f068"}.u-icon-asterisk:before{content:"\f069"}.u-icon-exclamation-circle:before{content:"\f06a"}.u-icon-gift:before{content:"\f06b"}.u-icon-leaf:before{content:"\f06c"}.u-icon-fire:before{content:"\f06d"}.u-icon-eye:before{content:"\f06e"}.u-icon-eye-slash:before{content:"\f070"}.u-icon-exclamation-triangle:before,.u-icon-warning:before{content:"\f071"}.u-icon-plane:before{content:"\f072"}.u-icon-calendar:before{content:"\f073"}.u-icon-random:before{content:"\f074"}.u-icon-comment:before{content:"\f075"}.u-icon-magnet:before{content:"\f076"}.u-icon-chevron-up:before{content:"\f077"}.u-icon-chevron-down:before{content:"\f078"}.u-icon-retweet:before{content:"\f079"}.u-icon-shopping-cart:before{content:"\f07a"}.u-icon-folder:before{content:"\f07b"}.u-icon-folder-open:before{content:"\f07c"}.u-icon-arrows-v:before{content:"\f07d"}.u-icon-arrows-h:before{content:"\f07e"}.u-icon-bar-chart-o:before,.u-icon-bar-chart:before{content:"\f080"}.u-icon-twitter-square:before{content:"\f081"}.u-icon-facebook-square:before{content:"\f082"}.u-icon-camera-retro:before{content:"\f083"}.u-icon-key:before{content:"\f084"}.u-icon-cogs:before,.u-icon-gears:before{content:"\f085"}.u-icon-comments:before{content:"\f086"}.u-icon-thumbs-o-up:before{content:"\f087"}.u-icon-thumbs-o-down:before{content:"\f088"}.u-icon-star-half:before{content:"\f089"}.u-icon-heart-o:before{content:"\f08a"}.u-icon-sign-out:before{content:"\f08b"}.u-icon-linkedin-square:before{content:"\f08c"}.u-icon-thumb-tack:before{content:"\f08d"}.u-icon-external-link:before{content:"\f08e"}.u-icon-sign-in:before{content:"\f090"}.u-icon-trophy:before{content:"\f091"}.u-icon-github-square:before{content:"\f092"}.u-icon-upload:before{content:"\f093"}.u-icon-lemon-o:before{content:"\f094"}.u-icon-phone:before{content:"\f095"}.u-icon-square-o:before{content:"\f096"}.u-icon-bookmark-o:before{content:"\f097"}.u-icon-phone-square:before{content:"\f098"}.u-icon-twitter:before{content:"\f099"}.u-icon-facebook-f:before,.u-icon-facebook:before{content:"\f09a"}.u-icon-github:before{content:"\f09b"}.u-icon-unlock:before{content:"\f09c"}.u-icon-credit-card:before{content:"\f09d"}.u-icon-feed:before,.u-icon-rss:before{content:"\f09e"}.u-icon-hdd-o:before{content:"\f0a0"}.u-icon-bullhorn:before{content:"\f0a1"}.u-icon-bell:before{content:"\f0f3"}.u-icon-certificate:before{content:"\f0a3"}.u-icon-hand-o-right:before{content:"\f0a4"}.u-icon-hand-o-left:before{content:"\f0a5"}.u-icon-hand-o-up:before{content:"\f0a6"}.u-icon-hand-o-down:before{content:"\f0a7"}.u-icon-arrow-circle-left:before{content:"\f0a8"}.u-icon-arrow-circle-right:before{content:"\f0a9"}.u-icon-arrow-circle-up:before{content:"\f0aa"}.u-icon-arrow-circle-down:before{content:"\f0ab"}.u-icon-globe:before{content:"\f0ac"}.u-icon-wrench:before{content:"\f0ad"}.u-icon-tasks:before{content:"\f0ae"}.u-icon-filter:before{content:"\f0b0"}.u-icon-briefcase:before{content:"\f0b1"}.u-icon-arrows-alt:before{content:"\f0b2"}.u-icon-group:before,.u-icon-users:before{content:"\f0c0"}.u-icon-chain:before,.u-icon-link:before{content:"\f0c1"}.u-icon-cloud:before{content:"\f0c2"}.u-icon-flask:before{content:"\f0c3"}.u-icon-cut:before,.u-icon-scissors:before{content:"\f0c4"}.u-icon-copy:before,.u-icon-files-o:before{content:"\f0c5"}.u-icon-paperclip:before{content:"\f0c6"}.u-icon-floppy-o:before,.u-icon-save:before{content:"\f0c7"}.u-icon-square:before{content:"\f0c8"}.u-icon-bars:before,.u-icon-navicon:before,.u-icon-reorder:before{content:"\f0c9"}.u-icon-list-ul:before{content:"\f0ca"}.u-icon-list-ol:before{content:"\f0cb"}.u-icon-strikethrough:before{content:"\f0cc"}.u-icon-underline:before{content:"\f0cd"}.u-icon-table:before{content:"\f0ce"}.u-icon-magic:before{content:"\f0d0"}.u-icon-truck:before{content:"\f0d1"}.u-icon-pinterest:before{content:"\f0d2"}.u-icon-pinterest-square:before{content:"\f0d3"}.u-icon-google-plus-square:before{content:"\f0d4"}.u-icon-google-plus:before{content:"\f0d5"}.u-icon-money:before{content:"\f0d6"}.u-icon-caret-down:before{content:"\f0d7"}.u-icon-caret-up:before{content:"\f0d8"}.u-icon-caret-left:before{content:"\f0d9"}.u-icon-caret-right:before{content:"\f0da"}.u-icon-columns:before{content:"\f0db"}.u-icon-sort:before,.u-icon-unsorted:before{content:"\f0dc"}.u-icon-sort-desc:before,.u-icon-sort-down:before{content:"\f0dd"}.u-icon-sort-asc:before,.u-icon-sort-up:before{content:"\f0de"}.u-icon-envelope:before{content:"\f0e0"}.u-icon-linkedin:before{content:"\f0e1"}.u-icon-rotate-left:before,.u-icon-undo:before{content:"\f0e2"}.u-icon-gavel:before,.u-icon-legal:before{content:"\f0e3"}.u-icon-dashboard:before,.u-icon-tachometer:before{content:"\f0e4"}.u-icon-comment-o:before{content:"\f0e5"}.u-icon-comments-o:before{content:"\f0e6"}.u-icon-bolt:before,.u-icon-flash:before{content:"\f0e7"}.u-icon-sitemap:before{content:"\f0e8"}.u-icon-umbrella:before{content:"\f0e9"}.u-icon-clipboard:before,.u-icon-paste:before{content:"\f0ea"}.u-icon-lightbulb-o:before{content:"\f0eb"}.u-icon-exchange:before{content:"\f0ec"}.u-icon-cloud-download:before{content:"\f0ed"}.u-icon-cloud-upload:before{content:"\f0ee"}.u-icon-user-md:before{content:"\f0f0"}.u-icon-stethoscope:before{content:"\f0f1"}.u-icon-suitcase:before{content:"\f0f2"}.u-icon-bell-o:before{content:"\f0a2"}.u-icon-coffee:before{content:"\f0f4"}.u-icon-cutlery:before{content:"\f0f5"}.u-icon-file-text-o:before{content:"\f0f6"}.u-icon-building-o:before{content:"\f0f7"}.u-icon-hospital-o:before{content:"\f0f8"}.u-icon-ambulance:before{content:"\f0f9"}.u-icon-medkit:before{content:"\f0fa"}.u-icon-fighter-jet:before{content:"\f0fb"}.u-icon-beer:before{content:"\f0fc"}.u-icon-h-square:before{content:"\f0fd"}.u-icon-plus-square:before{content:"\f0fe"}.u-icon-angle-double-left:before{content:"\f100"}.u-icon-angle-double-right:before{content:"\f101"}.u-icon-angle-double-up:before{content:"\f102"}.u-icon-angle-double-down:before{content:"\f103"}.u-icon-angle-left:before{content:"\f104"}.u-icon-angle-right:before{content:"\f105"}.u-icon-angle-up:before{content:"\f106"}.u-icon-angle-down:before{content:"\f107"}.u-icon-desktop:before{content:"\f108"}.u-icon-laptop:before{content:"\f109"}.u-icon-tablet:before{content:"\f10a"}.u-icon-mobile-phone:before,.u-icon-mobile:before{content:"\f10b"}.u-icon-circle-o:before{content:"\f10c"}.u-icon-quote-left:before{content:"\f10d"}.u-icon-quote-right:before{content:"\f10e"}.u-icon-spinner:before{content:"\f110"}.u-icon-circle:before{content:"\f111"}.u-icon-mail-reply:before,.u-icon-reply:before{content:"\f112"}.u-icon-github-alt:before{content:"\f113"}.u-icon-folder-o:before{content:"\f114"}.u-icon-folder-open-o:before{content:"\f115"}.u-icon-smile-o:before{content:"\f118"}.u-icon-frown-o:before{content:"\f119"}.u-icon-meh-o:before{content:"\f11a"}.u-icon-gamepad:before{content:"\f11b"}.u-icon-keyboard-o:before{content:"\f11c"}.u-icon-flag-o:before{content:"\f11d"}.u-icon-flag-checkered:before{content:"\f11e"}.u-icon-terminal:before{content:"\f120"}.u-icon-code:before{content:"\f121"}.u-icon-mail-reply-all:before,.u-icon-reply-all:before{content:"\f122"}.u-icon-star-half-empty:before,.u-icon-star-half-full:before,.u-icon-star-half-o:before{content:"\f123"}.u-icon-location-arrow:before{content:"\f124"}.u-icon-crop:before{content:"\f125"}.u-icon-code-fork:before{content:"\f126"}.u-icon-chain-broken:before,.u-icon-unlink:before{content:"\f127"}.u-icon-question:before{content:"\f128"}.u-icon-info:before{content:"\f129"}.u-icon-exclamation:before{content:"\f12a"}.u-icon-superscript:before{content:"\f12b"}.u-icon-subscript:before{content:"\f12c"}.u-icon-eraser:before{content:"\f12d"}.u-icon-puzzle-piece:before{content:"\f12e"}.u-icon-microphone:before{content:"\f130"}.u-icon-microphone-slash:before{content:"\f131"}.u-icon-shield:before{content:"\f132"}.u-icon-calendar-o:before{content:"\f133"}.u-icon-fire-extinguisher:before{content:"\f134"}.u-icon-rocket:before{content:"\f135"}.u-icon-maxcdn:before{content:"\f136"}.u-icon-chevron-circle-left:before{content:"\f137"}.u-icon-chevron-circle-right:before{content:"\f138"}.u-icon-chevron-circle-up:before{content:"\f139"}.u-icon-chevron-circle-down:before{content:"\f13a"}.u-icon-html5:before{content:"\f13b"}.u-icon-css3:before{content:"\f13c"}.u-icon-anchor:before{content:"\f13d"}.u-icon-unlock-alt:before{content:"\f13e"}.u-icon-bullseye:before{content:"\f140"}.u-icon-ellipsis-h:before{content:"\f141"}.u-icon-ellipsis-v:before{content:"\f142"}.u-icon-rss-square:before{content:"\f143"}.u-icon-play-circle:before{content:"\f144"}.u-icon-ticket:before{content:"\f145"}.u-icon-minus-square:before{content:"\f146"}.u-icon-minus-square-o:before{content:"\f147"}.u-icon-level-up:before{content:"\f148"}.u-icon-level-down:before{content:"\f149"}.u-icon-check-square:before{content:"\f14a"}.u-icon-pencil-square:before{content:"\f14b"}.u-icon-external-link-square:before{content:"\f14c"}.u-icon-share-square:before{content:"\f14d"}.u-icon-compass:before{content:"\f14e"}.u-icon-caret-square-o-down:before,.u-icon-toggle-down:before{content:"\f150"}.u-icon-caret-square-o-up:before,.u-icon-toggle-up:before{content:"\f151"}.u-icon-caret-square-o-right:before,.u-icon-toggle-right:before{content:"\f152"}.u-icon-eur:before,.u-icon-euro:before{content:"\f153"}.u-icon-gbp:before{content:"\f154"}.u-icon-dollar:before,.u-icon-usd:before{content:"\f155"}.u-icon-inr:before,.u-icon-rupee:before{content:"\f156"}.u-icon-cny:before,.u-icon-jpy:before,.u-icon-rmb:before,.u-icon-yen:before{content:"\f157"}.u-icon-rouble:before,.u-icon-rub:before,.u-icon-ruble:before{content:"\f158"}.u-icon-krw:before,.u-icon-won:before{content:"\f159"}.u-icon-bitcoin:before,.u-icon-btc:before{content:"\f15a"}.u-icon-file:before{content:"\f15b"}.u-icon-file-text:before{content:"\f15c"}.u-icon-sort-alpha-asc:before{content:"\f15d"}.u-icon-sort-alpha-desc:before{content:"\f15e"}.u-icon-sort-amount-asc:before{content:"\f160"}.u-icon-sort-amount-desc:before{content:"\f161"}.u-icon-sort-numeric-asc:before{content:"\f162"}.u-icon-sort-numeric-desc:before{content:"\f163"}.u-icon-thumbs-up:before{content:"\f164"}.u-icon-thumbs-down:before{content:"\f165"}.u-icon-youtube-square:before{content:"\f166"}.u-icon-youtube:before{content:"\f167"}.u-icon-xing:before{content:"\f168"}.u-icon-xing-square:before{content:"\f169"}.u-icon-youtube-play:before{content:"\f16a"}.u-icon-dropbox:before{content:"\f16b"}.u-icon-stack-overflow:before{content:"\f16c"}.u-icon-instagram:before{content:"\f16d"}.u-icon-flickr:before{content:"\f16e"}.u-icon-adn:before{content:"\f170"}.u-icon-bitbucket:before{content:"\f171"}.u-icon-bitbucket-square:before{content:"\f172"}.u-icon-tumblr:before{content:"\f173"}.u-icon-tumblr-square:before{content:"\f174"}.u-icon-long-arrow-down:before{content:"\f175"}.u-icon-long-arrow-up:before{content:"\f176"}.u-icon-long-arrow-left:before{content:"\f177"}.u-icon-long-arrow-right:before{content:"\f178"}.u-icon-apple:before{content:"\f179"}.u-icon-windows:before{content:"\f17a"}.u-icon-android:before{content:"\f17b"}.u-icon-linux:before{content:"\f17c"}.u-icon-dribbble:before{content:"\f17d"}.u-icon-skype:before{content:"\f17e"}.u-icon-foursquare:before{content:"\f180"}.u-icon-trello:before{content:"\f181"}.u-icon-female:before{content:"\f182"}.u-icon-male:before{content:"\f183"}.u-icon-gittip:before,.u-icon-gratipay:before{content:"\f184"}.u-icon-sun-o:before{content:"\f185"}.u-icon-moon-o:before{content:"\f186"}.u-icon-archive:before{content:"\f187"}.u-icon-bug:before{content:"\f188"}.u-icon-vk:before{content:"\f189"}.u-icon-weibo:before{content:"\f18a"}.u-icon-renren:before{content:"\f18b"}.u-icon-pagelines:before{content:"\f18c"}.u-icon-stack-exchange:before{content:"\f18d"}.u-icon-arrow-circle-o-right:before{content:"\f18e"}.u-icon-arrow-circle-o-left:before{content:"\f190"}.u-icon-caret-square-o-left:before,.u-icon-toggle-left:before{content:"\f191"}.u-icon-dot-circle-o:before{content:"\f192"}.u-icon-wheelchair:before{content:"\f193"}.u-icon-vimeo-square:before{content:"\f194"}.u-icon-try:before,.u-icon-turkish-lira:before{content:"\f195"}.u-icon-plus-square-o:before{content:"\f196"}.u-icon-space-shuttle:before{content:"\f197"}.u-icon-slack:before{content:"\f198"}.u-icon-envelope-square:before{content:"\f199"}.u-icon-wordpress:before{content:"\f19a"}.u-icon-openid:before{content:"\f19b"}.u-icon-bank:before,.u-icon-institution:before,.u-icon-university:before{content:"\f19c"}.u-icon-graduation-cap:before,.u-icon-mortar-board:before{content:"\f19d"}.u-icon-yahoo:before{content:"\f19e"}.u-icon-google:before{content:"\f1a0"}.u-icon-reddit:before{content:"\f1a1"}.u-icon-reddit-square:before{content:"\f1a2"}.u-icon-stumbleupon-circle:before{content:"\f1a3"}.u-icon-stumbleupon:before{content:"\f1a4"}.u-icon-delicious:before{content:"\f1a5"}.u-icon-digg:before{content:"\f1a6"}.u-icon-pied-piper:before{content:"\f1a7"}.u-icon-pied-piper-alt:before{content:"\f1a8"}.u-icon-drupal:before{content:"\f1a9"}.u-icon-joomla:before{content:"\f1aa"}.u-icon-language:before{content:"\f1ab"}.u-icon-fax:before{content:"\f1ac"}.u-icon-building:before{content:"\f1ad"}.u-icon-child:before{content:"\f1ae"}.u-icon-paw:before{content:"\f1b0"}.u-icon-spoon:before{content:"\f1b1"}.u-icon-cube:before{content:"\f1b2"}.u-icon-cubes:before{content:"\f1b3"}.u-icon-behance:before{content:"\f1b4"}.u-icon-behance-square:before{content:"\f1b5"}.u-icon-steam:before{content:"\f1b6"}.u-icon-steam-square:before{content:"\f1b7"}.u-icon-recycle:before{content:"\f1b8"}.u-icon-automobile:before,.u-icon-car:before{content:"\f1b9"}.u-icon-cab:before,.u-icon-taxi:before{content:"\f1ba"}.u-icon-tree:before{content:"\f1bb"}.u-icon-spotify:before{content:"\f1bc"}.u-icon-deviantart:before{content:"\f1bd"}.u-icon-soundcloud:before{content:"\f1be"}.u-icon-database:before{content:"\f1c0"}.u-icon-file-pdf-o:before{content:"\f1c1"}.u-icon-file-word-o:before{content:"\f1c2"}.u-icon-file-excel-o:before{content:"\f1c3"}.u-icon-file-powerpoint-o:before{content:"\f1c4"}.u-icon-file-image-o:before,.u-icon-file-photo-o:before,.u-icon-file-picture-o:before{content:"\f1c5"}.u-icon-file-archive-o:before,.u-icon-file-zip-o:before{content:"\f1c6"}.u-icon-file-audio-o:before,.u-icon-file-sound-o:before{content:"\f1c7"}.u-icon-file-movie-o:before,.u-icon-file-video-o:before{content:"\f1c8"}.u-icon-file-code-o:before{content:"\f1c9"}.u-icon-vine:before{content:"\f1ca"}.u-icon-codepen:before{content:"\f1cb"}.u-icon-jsfiddle:before{content:"\f1cc"}.u-icon-life-bouy:before,.u-icon-life-buoy:before,.u-icon-life-ring:before,.u-icon-life-saver:before,.u-icon-support:before{content:"\f1cd"}.u-icon-circle-o-notch:before{content:"\f1ce"}.u-icon-ra:before,.u-icon-rebel:before{content:"\f1d0"}.u-icon-empire:before,.u-icon-ge:before{content:"\f1d1"}.u-icon-git-square:before{content:"\f1d2"}.u-icon-git:before{content:"\f1d3"}.u-icon-hacker-news:before,.u-icon-y-combinator-square:before,.u-icon-yc-square:before{content:"\f1d4"}.u-icon-tencent-weibo:before{content:"\f1d5"}.u-icon-qq:before{content:"\f1d6"}.u-icon-wechat:before,.u-icon-weixin:before{content:"\f1d7"}.u-icon-paper-plane:before,.u-icon-send:before{content:"\f1d8"}.u-icon-paper-plane-o:before,.u-icon-send-o:before{content:"\f1d9"}.u-icon-history:before{content:"\f1da"}.u-icon-circle-thin:before{content:"\f1db"}.u-icon-header:before{content:"\f1dc"}.u-icon-paragraph:before{content:"\f1dd"}.u-icon-sliders:before{content:"\f1de"}.u-icon-share-alt:before{content:"\f1e0"}.u-icon-share-alt-square:before{content:"\f1e1"}.u-icon-bomb:before{content:"\f1e2"}.u-icon-futbol-o:before,.u-icon-soccer-ball-o:before{content:"\f1e3"}.u-icon-tty:before{content:"\f1e4"}.u-icon-binoculars:before{content:"\f1e5"}.u-icon-plug:before{content:"\f1e6"}.u-icon-slideshare:before{content:"\f1e7"}.u-icon-twitch:before{content:"\f1e8"}.u-icon-yelp:before{content:"\f1e9"}.u-icon-newspaper-o:before{content:"\f1ea"}.u-icon-wifi:before{content:"\f1eb"}.u-icon-calculator:before{content:"\f1ec"}.u-icon-paypal:before{content:"\f1ed"}.u-icon-google-wallet:before{content:"\f1ee"}.u-icon-cc-visa:before{content:"\f1f0"}.u-icon-cc-mastercard:before{content:"\f1f1"}.u-icon-cc-discover:before{content:"\f1f2"}.u-icon-cc-amex:before{content:"\f1f3"}.u-icon-cc-paypal:before{content:"\f1f4"}.u-icon-cc-stripe:before{content:"\f1f5"}.u-icon-bell-slash:before{content:"\f1f6"}.u-icon-bell-slash-o:before{content:"\f1f7"}.u-icon-trash:before{content:"\f1f8"}.u-icon-copyright:before{content:"\f1f9"}.u-icon-at:before{content:"\f1fa"}.u-icon-eyedropper:before{content:"\f1fb"}.u-icon-paint-brush:before{content:"\f1fc"}.u-icon-birthday-cake:before{content:"\f1fd"}.u-icon-area-chart:before{content:"\f1fe"}.u-icon-pie-chart:before{content:"\f200"}.u-icon-line-chart:before{content:"\f201"}.u-icon-lastfm:before{content:"\f202"}.u-icon-lastfm-square:before{content:"\f203"}.u-icon-toggle-off:before{content:"\f204"}.u-icon-toggle-on:before{content:"\f205"}.u-icon-bicycle:before{content:"\f206"}.u-icon-bus:before{content:"\f207"}.u-icon-ioxhost:before{content:"\f208"}.u-icon-angellist:before{content:"\f209"}.u-icon-cc:before{content:"\f20a"}.u-icon-ils:before,.u-icon-shekel:before,.u-icon-sheqel:before{content:"\f20b"}.u-icon-meanpath:before{content:"\f20c"}.u-icon-buysellads:before{content:"\f20d"}.u-icon-connectdevelop:before{content:"\f20e"}.u-icon-dashcube:before{content:"\f210"}.u-icon-forumbee:before{content:"\f211"}.u-icon-leanpub:before{content:"\f212"}.u-icon-sellsy:before{content:"\f213"}.u-icon-shirtsinbulk:before{content:"\f214"}.u-icon-simplybuilt:before{content:"\f215"}.u-icon-skyatlas:before{content:"\f216"}.u-icon-cart-plus:before{content:"\f217"}.u-icon-cart-arrow-down:before{content:"\f218"}.u-icon-diamond:before{content:"\f219"}.u-icon-ship:before{content:"\f21a"}.u-icon-user-secret:before{content:"\f21b"}.u-icon-motorcycle:before{content:"\f21c"}.u-icon-street-view:before{content:"\f21d"}.u-icon-heartbeat:before{content:"\f21e"}.u-icon-venus:before{content:"\f221"}.u-icon-mars:before{content:"\f222"}.u-icon-mercury:before{content:"\f223"}.u-icon-intersex:before,.u-icon-transgender:before{content:"\f224"}.u-icon-transgender-alt:before{content:"\f225"}.u-icon-venus-double:before{content:"\f226"}.u-icon-mars-double:before{content:"\f227"}.u-icon-venus-mars:before{content:"\f228"}.u-icon-mars-stroke:before{content:"\f229"}.u-icon-mars-stroke-v:before{content:"\f22a"}.u-icon-mars-stroke-h:before{content:"\f22b"}.u-icon-neuter:before{content:"\f22c"}.u-icon-genderless:before{content:"\f22d"}.u-icon-facebook-official:before{content:"\f230"}.u-icon-pinterest-p:before{content:"\f231"}.u-icon-whatsapp:before{content:"\f232"}.u-icon-server:before{content:"\f233"}.u-icon-user-plus:before{content:"\f234"}.u-icon-user-times:before{content:"\f235"}.u-icon-bed:before,.u-icon-hotel:before{content:"\f236"}.u-icon-viacoin:before{content:"\f237"}.u-icon-train:before{content:"\f238"}.u-icon-subway:before{content:"\f239"}.u-icon-medium:before{content:"\f23a"}.u-icon-y-combinator:before,.u-icon-yc:before{content:"\f23b"}.u-icon-optin-monster:before{content:"\f23c"}.u-icon-opencart:before{content:"\f23d"}.u-icon-expeditedssl:before{content:"\f23e"}.u-icon-battery-4:before,.u-icon-battery-full:before{content:"\f240"}.u-icon-battery-3:before,.u-icon-battery-three-quarters:before{content:"\f241"}.u-icon-battery-2:before,.u-icon-battery-half:before{content:"\f242"}.u-icon-battery-1:before,.u-icon-battery-quarter:before{content:"\f243"}.u-icon-battery-0:before,.u-icon-battery-empty:before{content:"\f244"}.u-icon-mouse-pointer:before{content:"\f245"}.u-icon-i-cursor:before{content:"\f246"}.u-icon-object-group:before{content:"\f247"}.u-icon-object-ungroup:before{content:"\f248"}.u-icon-sticky-note:before{content:"\f249"}.u-icon-sticky-note-o:before{content:"\f24a"}.u-icon-cc-jcb:before{content:"\f24b"}.u-icon-cc-diners-club:before{content:"\f24c"}.u-icon-clone:before{content:"\f24d"}.u-icon-balance-scale:before{content:"\f24e"}.u-icon-hourglass-o:before{content:"\f250"}.u-icon-hourglass-1:before,.u-icon-hourglass-start:before{content:"\f251"}.u-icon-hourglass-2:before,.u-icon-hourglass-half:before{content:"\f252"}.u-icon-hourglass-3:before,.u-icon-hourglass-end:before{content:"\f253"}.u-icon-hourglass:before{content:"\f254"}.u-icon-hand-grab-o:before,.u-icon-hand-rock-o:before{content:"\f255"}.u-icon-hand-paper-o:before,.u-icon-hand-stop-o:before{content:"\f256"}.u-icon-hand-scissors-o:before{content:"\f257"}.u-icon-hand-lizard-o:before{content:"\f258"}.u-icon-hand-spock-o:before{content:"\f259"}.u-icon-hand-pointer-o:before{content:"\f25a"}.u-icon-hand-peace-o:before{content:"\f25b"}.u-icon-trademark:before{content:"\f25c"}.u-icon-registered:before{content:"\f25d"}.u-icon-creative-commons:before{content:"\f25e"}.u-icon-gg:before{content:"\f260"}.u-icon-gg-circle:before{content:"\f261"}.u-icon-tripadvisor:before{content:"\f262"}.u-icon-odnoklassniki:before{content:"\f263"}.u-icon-odnoklassniki-square:before{content:"\f264"}.u-icon-get-pocket:before{content:"\f265"}.u-icon-wikipedia-w:before{content:"\f266"}.u-icon-safari:before{content:"\f267"}.u-icon-chrome:before{content:"\f268"}.u-icon-firefox:before{content:"\f269"}.u-icon-opera:before{content:"\f26a"}.u-icon-internet-explorer:before{content:"\f26b"}.u-icon-television:before,.u-icon-tv:before{content:"\f26c"}.u-icon-contao:before{content:"\f26d"}.u-icon-500px:before{content:"\f26e"}.u-icon-amazon:before{content:"\f270"}.u-icon-calendar-plus-o:before{content:"\f271"}.u-icon-calendar-minus-o:before{content:"\f272"}.u-icon-calendar-times-o:before{content:"\f273"}.u-icon-calendar-check-o:before{content:"\f274"}.u-icon-industry:before{content:"\f275"}.u-icon-map-pin:before{content:"\f276"}.u-icon-map-signs:before{content:"\f277"}.u-icon-map-o:before{content:"\f278"}.u-icon-map:before{content:"\f279"}.u-icon-commenting:before{content:"\f27a"}.u-icon-commenting-o:before{content:"\f27b"}.u-icon-houzz:before{content:"\f27c"}.u-icon-vimeo:before{content:"\f27d"}.u-icon-black-tie:before{content:"\f27e"}.u-icon-fonticons:before{content:"\f280"}.u-icon-rotate_left:before{content:"\e900"}.u-icon-import:before{content:"\e901"}.u-icon-export:before{content:"\e902"}.u-icon-zoomin:before{content:"\e903"}.u-icon-expand:before{content:"\e904"}.u-icon-delete:before{content:"\e905"}.u-icon-zoomout:before{content:"\e906"}.u-icon-rezoom:before{content:"\e907"}.u-icon-rotate_right:before{content:"\e908"}.u-icon-retry:before{content:"\e909"}.u-icon-warning:before{content:"\e90a"}.u-icon-edit:before{content:"\e90b"}.u-icon-info:before{content:"\e90c"}.u-icon-error:before{content:"\e90d"}.u-icon-success:before{content:"\e90e"}.u-icon-chevron_left:before{content:"\e90f"}.u-icon-chevron_right:before{content:"\e910"}.u-icon-search:before{content:"\e911"}.u-icon-close:before{content:"\e912"}.u-icon-ok:before{content:"\e913"}.u-icon-check_empty:before{content:"\e914"}.u-icon-angle_down:before{content:"\e915"}.u-icon-add:before{content:"\e916"}.u-icon-success2:before{content:"\e917"}.u-icon-error2:before{content:"\e918"}.u-icon-warning2:before{content:"\e919"}.u-icon-info2:before{content:"\e91a"}.u-icon-calendar:before{content:"\e91b"}.u-icon-line:before{content:"\e91c"}.u-icon-upload:before{content:"\e91d"}.u-icon-download:before{content:"\e91e"}.u-icon-trash:before{content:"\e91f"}.u-icon-plus:before{content:"\e920"}.u-icon-home2:before{content:"\e921"}.input,.textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;border:0;padding:0;border-radius:0;font:inherit;color:inherit;-webkit-appearance:none;max-width:100%}.u-select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;border:0;padding:0;border-radius:0;font:inherit;color:inherit;-webkit-appearance:none;max-width:100%;color:#333;background:#fff;-moz-border-radius:2px;border-radius:2px}.u-select::-webkit-input-placeholder{color:#999;opacity:1}.u-select::-moz-placeholder{color:#999;opacity:1}.u-select:-moz-placeholder{color:#999;opacity:1}.u-select:-ms-placeholder{color:#999;opacity:1}.u-select:focus{outline:0;background:#fff;color:#333;border:1px solid #f48080}.u-select:disabled{cursor:not-allowed;background:#eee;color:#999;border:1px solid #ddd}.u-select{text-transform:none}.u-select optgroup{font:inherit;font-weight:700}.textarea{width:100%;height:120px}input.u-check,input.u-radio{cursor:pointer;vertical-align:middle}input.u-check:focus,input.u-radio:focus{outline:0}input.u-check:disabled,input.u-radio:disabled{cursor:not-allowed}.textarea-block,.u-select-block{display:block;width:100%}.textarea,.u-input .input,.u-select,.u-textarea{transition:border-color 1s ease}.textarea.sm,.u-dropdown.sm,.u-input.sm{padding:5px 10px;height:24px;font-size:12px}.textarea.lg,.u-dropdown.lg,.u-input.lg{padding:10px 16px;height:38px;font-size:16px}.textarea-smw,.u-dropdown-smw,.u-select-smw{display:inline-block;width:80px}.textarea-mdw,.u-dropdown-mdw,.u-select-mdw{display:inline-block;width:160px}.textarea-lgw,.u-dropdown-lgw,.u-select-lgw{display:inline-block;width:300px}.u-input .input-success,.u-select.u-select-success,.u-textarea .textarea-success{color:#6ebc40;border-color:#6ebc40}.u-input .input-warning,.u-select.u-select-warning,.u-textarea .textarea-warning{color:#ffb539;border-color:#ffb539}.u-input .input-error,.u-select.u-select-error,.u-textarea .textarea-error{color:#f48080;border-color:#f48080}.textarea.textarea-blank,.u-input.u-input-blank,.u-select.u-select-blank{border-color:transparent;border-style:dashed;background:0 0}.textarea.textarea-blank:focus,.u-input.u-input-blank:focus,.u-select.u-select-blank:focus{border-color:#ddd}.u-unitgroup{font-size:0;line-height:initial}.u-unitgroup .u-btn{margin-right:16px}.u-unitgroup .u-btn:last-child{margin-right:0}.u-unitgroup .u-check,.u-unitgroup .u-radio{margin-right:40px}.u-unitgroup .u-check:last-child,.u-unitgroup .u-radio:last-child{margin-right:0}.u-unitgroup .u-tip{margin-top:0}.u-unitgroup .unitgroup_wrap{display:flex;align-items:center;flex-wrap:wrap}.u-unitgroup-sm{font-size:0}.u-unitgroup-sm .u-btn{margin-right:8px}.u-unitgroup-sm .u-btn:last-child{margin-right:0}.u-unitgroup-sm .u-check,.u-unitgroup-sm .u-radio{margin-right:16px;line-height:24px}.u-unitgroup-sm .u-check:last-child,.u-unitgroup-sm .u-radio:last-child{margin-right:0}.u-tip{display:inline-block;margin-top:5px;font-size:12px;padding:0;-moz-border-radius:2px;border-radius:2px}.u-tip .u-icon{vertical-align:top;margin-right:6px;font-size:15px;line-height:18px}.u-tip .tip{vertical-align:top;display:inline-block;line-height:18px}.u-tip .tip.animated{animation-duration:.8s;animation-timing-function:ease}.u-tip-info{color:#54a8f7}.u-tip-success{color:#6ebc40}.u-tip-warning{color:#ffb539}.u-tip-error{color:#f48080}.m-collapse{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.m-collapse .m-panel .panel_hd{cursor:pointer}.u-gotop{position:fixed;display:block;text-align:center;z-index:1050;top:30px;left:30px}.u-gotop-bottomright,.u-gotop-topright{left:auto;right:30px}.u-gotop-bottomcenter,.u-gotop-topcenter{left:50%;margin-left:-25px}.u-gotop-bottomcenter,.u-gotop-bottomleft,.u-gotop-bottomright{top:auto;bottom:30px}.u-gotop-static{position:static}.u-gotop{height:50px;width:50px;line-height:50px;font-size:32px;background:#eee;color:#444;opacity:.6}.u-gotop:hover{opacity:.9}.m-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:cross-slide-y pinch-zoom double-tap-zoom;text-align:center;overflow:hidden;background:rgba(0,0,0,.85);color:#fff}.m-panel{background:#fff}.m-panel .panel_ft,.m-panel .panel_hd{background:#fff;padding:8px 10px}.m-panel .panel_hd{display:flex;justify-content:space-between;align-items:center;color:#000;border-bottom:1px solid #e31436}.m-panel .panel_hd .tools{margin-left:auto}.m-panel .panel_hd .u-btn{font-size:16px;background:#fff;border:1px solid #fff}.m-panel .panel_hd .u-btn .u-icon{color:#fff;background:#fff;border:1px solid #fff}.m-panel .panel_hd .u-btn:hover{border:1px solid #fff}.m-panel .panel_ft{padding:5px 10px}.m-panel .panel_bd{padding:20px 5px;border:1px solid #efefef;border-top:0}.m-panel .panel_tt{font-size:14px;font-weight:700}.u-selectgroup{vertical-align:top}.u-selectgroup-error .u-select .dropdown_hd{border-color:#d73925}.u-suggest .m-listview{overflow-x:hidden;overflow-y:auto}.u-suggest .m-treeview{overflow:auto}.u-suggest .m-listview,.u-suggest .m-treeview{max-height:200px}.u-group{position:relative;display:table;border-collapse:separate;border-spacing:0;width:100%}.u-group>*{display:inline-block;border-radius:0!important;border-right-width:0!important;vertical-align:middle}.u-group *{border-radius:0}.u-group .g-col{margin:0;padding:0}.u-group>:first-child>*{border-top-left-radius:4px!important;border-bottom-left-radius:4px!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-left-width:1px!important;border-right-width:0!important}.u-group>:last-child>*{border-top-right-radius:4px!important;border-bottom-right-radius:4px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-right-width:1px!important}.u-uploader{display:inline-block}.u-uploader form,.u-uploader iframe{display:none}.u-uploader input[type=file]{top:0;right:-5px;font-size:100px;opacity:0;cursor:pointer}.u-dropdown{position:relative;vertical-align:top}.u-dropdown .dropdown_bd{position:absolute;z-index:10;width:100%;top:100%;line-height:normal}.u-dropdown .dropdown_bd .m-listview>li>a{display:block}.u-dropdown .dropdown_bd .check_box,.u-dropdown .dropdown_bd .u-check{margin-bottom:0}.dropdown_hd.z-dis{background:#eee;color:#999;border:1px solid #d2d6de;cursor:not-allowed}.m-listview{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.m-listview>li{cursor:pointer;position:relative}.m-listview>li.z-dis{cursor:not-allowed;background:0 0}.m-listview.z-dis>li{cursor:not-allowed;background:0 0}.m-listview{padding:5px 0;background:#fff;color:#333;border:1px solid #eee;border-top:none}.m-listview>li{font-size:12px;color:#333;padding:7px 9px 7px 9px;margin:6px 0;line-height:18px}.m-listview>li:hover{background:#f1f1f1;color:#444}.m-listview>li.z-sel{background:#e31436;color:#fff}.m-listview>li.z-dis{background:0 0;color:#999}.m-listview>li.z-divider{margin:9px 0;padding:0;height:1px;background:#e5e5e5;overflow:hidden}.m-listview.z-dis{background:#eee}.m-listview.z-dis>li{background:#eee;color:#999}.u-btn{-webkit-appearance:none;margin:0;overflow:visible;font:inherit;text-transform:none;text-decoration:none;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:0 0;display:inline-block;vertical-align:top;text-align:center;height:32px;min-width:80px;padding:0 16px;background:#fff;border:1px solid #ddd;-moz-border-radius:2px;border-radius:2px;line-height:30px;font-size:12px;color:#333;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;transition-timing-function:ease;white-space:nowrap}.u-btn:focus,.u-btn:hover{outline:0;text-decoration:none;background:#fff;border-color:#bbb}.u-btn.z-act,.u-btn:active{background:#fff}.u-btn.z-dis,.u-btn:disabled{cursor:not-allowed;opacity:.5;-webkit-box-shadow:none;box-shadow:none}.u-btn-clicked{transform:translateY(2px)}.u-btn-block{display:block;width:100%}.u-btn .u-icon{vertical-align:bottom;color:#999;margin-right:4px;font-size:15px}.u-btn-xs{padding:0 5px;line-height:30px;font-size:10px}.u-btn-xs .u-icon{font-size:10px}.u-btn-sm{padding:0 8px;line-height:30px;min-width:56px;height:24px;line-height:22px;font-size:12px}.u-btn-sm .u-icon{font-size:12px}.u-btn-lg{padding:0 16px;line-height:30px;font-size:16px}.u-btn-lg .u-icon{font-size:16px}.u-btn-xl{padding:0 20px;line-height:30px;font-size:18px}.u-btn-xl .u-icon{font-size:18px}.u-btn-circle.u-btn-xs{padding:0;width:22px;height:22px;line-height:20px;min-width:inherit;font-size:10px;-moz-border-radius:100%;border-radius:100%}.u-btn-circle.u-btn-xs .u-icon{margin-right:0;margin-left:2px}.u-btn-circle.u-btn-sm{padding:0;width:24px;height:24px;line-height:22px;min-width:inherit;font-size:12px;-moz-border-radius:100%;border-radius:100%}.u-btn-circle.u-btn-sm .u-icon{margin-right:0;margin-left:2px}.u-btn-circle.u-btn-normal{padding:0;width:34px;height:34px;line-height:30px;min-width:inherit;font-size:12px;-moz-border-radius:100%;border-radius:100%}.u-btn-circle.u-btn-normal .u-icon{margin-right:0;margin-left:2px}.u-btn-circle.u-btn-lg{padding:0;width:38px;height:38px;line-height:36px;min-width:inherit;font-size:16px;-moz-border-radius:100%;border-radius:100%}.u-btn-circle.u-btn-lg .u-icon{margin-right:0;margin-left:2px}.u-btn-circle.u-btn-xl{padding:0;width:46px;height:46px;line-height:44px;min-width:inherit;font-size:18px;-moz-border-radius:100%;border-radius:100%}.u-btn-circle.u-btn-xl .u-icon{margin-right:0;margin-left:2px}.u-btn-icon.u-btn-xs{padding:0;width:22px;height:22px;line-height:20px;min-width:inherit;border:none;font-size:10px;-moz-border-radius:100%;border-radius:100%}.u-btn-icon.u-btn-xs .u-icon{margin-right:0;margin-left:2px}.u-btn-icon.u-btn-sm{padding:0;width:24px;height:24px;line-height:22px;min-width:inherit;border:none;font-size:12px;-moz-border-radius:100%;border-radius:100%}.u-btn-icon.u-btn-sm .u-icon{margin-right:0;margin-left:2px}.u-btn-icon.u-btn-normal{padding:0;width:34px;height:34px;line-height:30px;min-width:inherit;border:none;font-size:12px;-moz-border-radius:100%;border-radius:100%}.u-btn-icon.u-btn-normal .u-icon{margin-right:0;margin-left:2px}.u-btn-icon.u-btn-lg{padding:0;width:38px;height:38px;line-height:36px;min-width:inherit;border:none;font-size:16px;-moz-border-radius:100%;border-radius:100%}.u-btn-icon.u-btn-lg .u-icon{margin-right:0;margin-left:2px}.u-btn-icon.u-btn-xl{padding:0;width:46px;height:46px;line-height:44px;min-width:inherit;border:none;font-size:18px;-moz-border-radius:100%;border-radius:100%}.u-btn-icon.u-btn-xl .u-icon{margin-right:0;margin-left:2px}.u-btn-primary{color:#fff;background:#e31436;border:1px solid #e31436}.u-btn-primary .u-icon{color:#fff}.u-btn-primary:focus,.u-btn-primary:hover{color:#fff;background:#cc1231;border-color:#cc1231}.u-btn-primary.z-act,.u-btn-primary:active{color:#fff;background:#cc1231;border-color:#cc1231}.u-btn-secondary{color:#e31436;background:#fff;border:1px solid #e31436}.u-btn-secondary .u-icon{color:#e31436}.u-btn-secondary:focus,.u-btn-secondary:hover{color:#cc1231;background:#fff;border-color:#cc1231}.u-btn-secondary.z-act,.u-btn-secondary:active{color:#cc1231;background:#fff;border-color:#cc1231}.u-btn-tertiary{color:#333;background:#fff;border:1px solid #ddd}.u-btn-tertiary .u-icon{color:#333}.u-btn-tertiary:focus,.u-btn-tertiary:hover{color:#333;background:#fff;border-color:#bbb}.u-btn-tertiary.z-act,.u-btn-tertiary:active{color:#333;background:#fff;border-color:#bbb}.u-btn-info{color:#fff;background:#54a8f7;border:1px solid #54a8f7}.u-btn-info .u-icon{color:#fff}.u-btn-info:focus,.u-btn-info:hover{color:#fff;background:#00acd6;border-color:#00acd6}.u-btn-info.z-act,.u-btn-info:active{color:#fff;background:#00acd6;border-color:#00acd6}.u-btn-success{color:#fff;background:#6ebc40;border:1px solid #6ebc40}.u-btn-success .u-icon{color:#fff}.u-btn-success:focus,.u-btn-success:hover{color:#fff;background:#63a93a;border-color:#63a93a}.u-btn-success.z-act,.u-btn-success:active{color:#fff;background:#63a93a;border-color:#63a93a}.u-btn-warning{color:#fff;background:#f48080;border:1px solid #f48080}.u-btn-warning .u-icon{color:#fff}.u-btn-warning:focus,.u-btn-warning:hover{color:#fff;background:#dc7373;border-color:#dc7373}.u-btn-warning.z-act,.u-btn-warning:active{color:#fff;background:#dc7373;border-color:#dc7373}.u-btn-error{color:#fff;background:#f48080;border:1px solid #f48080}.u-btn-error .u-icon{color:#fff}.u-btn-error:focus,.u-btn-error:hover{color:#fff;background:#dc7373;border-color:#dc7373}.u-btn-error.z-act,.u-btn-error:active{color:#fff;background:#dc7373;border-color:#dc7373}.u-btn-success{padding:0 10px;background:#fff;color:#6ebc40;border:1px solid #a3e37e}.u-btn-success .u-icon{font-size:15px;vertical-align:top;color:#9fe385}.u-btn-success:focus,.u-btn-success:hover{color:#63a93a;background:#fff;border-color:#a9e691}.u-btn-warning{padding:0 10px;background:#fff;color:#f86b6b;border:1px solid #f48080}.u-btn-warning .u-icon{font-size:15px;vertical-align:top;color:#f78081}.u-btn-warning:focus,.u-btn-warning:hover{color:#f97a7a;background:#fff;border-color:#f88d8e}.u-btn-add{padding:0 10px;background:#fff;color:#e31436;border:1px solid #e31436}.u-btn-add .u-icon{font-size:15px;vertical-align:top;color:#e31436}.u-btn-add:focus,.u-btn-add:hover{color:#cc1231;background:#fff;border-color:#cc1231}.u-check{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;font-size:12px;line-height:32px}.u-check .check_box{display:inline-block;position:relative;overflow:hidden;text-align:center;margin-right:8px;height:13px;width:13px;line-height:12px;vertical-align:text-top;background:#fff;color:#e61438;border:1px solid #ddd}.u-check .check_box .u-icon{display:none;font-size:13px;line-height:13px}.u-check .check_box:hover{border:1px solid #e61438}.u-check.z-chk .check_box{background:#e61438;color:#fff;border:1px solid #e61438}.u-check.z-chk .check_box .u-icon{display:inline-block}.u-check.z-part .check_box{background:#e61438;color:#fff;border:1px solid #e61438}.u-check.z-part .check_box .u-icon{display:inline-block}.u-check.z-part .check_box .u-icon:before{content:"\e91c"}.u-check.z-dis{cursor:not-allowed}.u-check.z-dis .check_box{color:#eee;border:1px solid #eee}.u-check-block{display:block;width:100%}.u-input.sm{padding:5px 10px;height:24px;font-size:12px}.u-input.lg{padding:10px 16px;height:38px;font-size:16px}.u-input.smw{display:inline-block;width:80px;vertical-align:top}.u-input.mdw{display:inline-block;width:160px;vertical-align:top}.u-input.lgw{display:inline-block;width:300px;vertical-align:top}.u-calendar{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.u-calendar .calendar_item{display:inline-block;cursor:pointer}.u-calendar .calendar_item.z-dis{cursor:not-allowed}.u-calendar .calendar_hd:after,.u-calendar .calendar_hd:before{display:table;content:"";line-height:0}.u-calendar .calendar_hd:after{clear:both}.u-calendar .calendar_hd .calendar_prev{float:left}.u-calendar .calendar_hd .calendar_next{float:right}.u-calendar .calendar_bd{clear:both}.u-calendar .calendar_bd .calendar_week .calendar_item{cursor:default}.u-calendar.z-dis .calendar_item{cursor:not-allowed}.u-calendar{width:250px;padding:4px;background:#fff;color:#333;border:1px solid #ddd;-moz-border-radius:4px;border-radius:4px}.u-calendar .calendar_item{width:32px;height:30px;line-height:30px;margin:1px;-moz-border-radius:2px;border-radius:2px}.u-calendar .calendar_item:hover{background:#f1f1f1;color:#444}.u-calendar .calendar_item.z-sel{background:#e31436;color:#fff}.u-calendar .calendar_item.z-muted{color:#999}.u-calendar .calendar_item.z-dis{background:0 0;color:#999}.u-calendar .calendar_hd{line-height:32px}.u-calendar .calendar_bd .calendar_week .calendar_item{background:0 0}.u-calendar.z-dis .calendar_item{background:#fff;color:#999}.u-calendar.z-dis .calendar_item.z-sel{background:#eee;color:#999}.u-datetimepicker .input-error{border-color:#f48080}.u-datetimepicker .btns{margin-top:10px}.u-datetimepicker .dropdown_ft{display:flex;padding:4px 0 0;margin-top:4px;justify-content:flex-end;border-top:1px solid #ddd}.u-datetimepicker .dropdown_ft .datetimepicker_confirmBtn{color:#e31436;background:#fff;border:1px solid #e31436}.u-numberinput{display:inline-block;position:relative;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.u-numberinput .u-input{display:inline-block}.u-numberinput .u-btn{position:absolute;border:none;right:7px;top:2px;min-width:0;height:13px;line-height:13px;padding:0 4px}.u-numberinput .u-btn+.u-btn{top:auto;bottom:2px}.u-numberinput .u-btn:focus,.u-numberinput .u-btn:hover{outline:0;border:1px solid #adadad}.u-timepicker{display:inline-block}.u-timepicker .u-input,.u-timepicker .u-numberinput{width:auto}.u-timepicker .u-input{width:56px;padding:6px}.u-timepicker .u-input{display:inline-block;box-sizing:content-box}.u-timepicker .u-numberinput .u-btn{top:8px;margin:auto}.u-timepicker .u-numberinput .u-btn+.u-btn{top:auto;bottom:8px}.m-form fieldset{border:none;margin:0;padding:0}.m-form legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0;border:none}.m-form.inline .u-formitem{display:inline-block;vertical-align:top;margin-bottom:0}.m-form.inline .u-formitem .formitem_ct{display:inline-block}.m-form legend{font-size:16px;border-bottom:1px solid #ddd;line-height:32px;margin:15px 0;color:#777}.m-form fieldset>.u-formitem,.m-form>.u-formitem{margin-bottom:16px}.u-formitem{display:flex;margin-bottom:10px}.u-formitem .formitem_tt{position:relative;float:left;padding-right:8px;font-size:12px;text-align:right;line-height:2.5;max-width:144px}.u-formitem .formitem_tt-sm{width:80px}.u-formitem .formitem_tt-md{width:144px}.u-formitem .formitem_tt-lg{width:176px;max-width:176px}.u-formitem .formitem_tt-xlg{width:224px;max-width:224px}.u-formitem .formitem_tt-lh-sm{line-height:1}.u-formitem .formitem_tt-lh-md{line-height:1.6}.u-formitem .formitem_tt-lh-lg{line-height:2.5}.u-formitem .formitem_info{color:#ccc;vertical-align:middle}.u-formitem .formitem_ct{flex:1;min-width:0;font-size:12px}.u-formitem .formitem_desc{display:inline-block;vertical-align:top;color:#999}.u-formitem .g-col:first-child{padding-left:0}.u-formitem .g-col:last-child{padding-right:0}.u-formitem .formitem_rqr{color:#ff753f}.u-formitem-inline{display:inline-block;vertical-align:top;margin-bottom:0}.u-formitem-inline .formitem_ct{display:inline-block}.u-formitem-vertical{flex-direction:column}.u-formitem-vertical .formitem_tt{text-align:left!important;width:100%;max-width:100%}.m-table .u-formitem{margin-bottom:0}.u-input{display:block;position:relative;width:100%}.u-input .input{padding:6px 10px 6px 8px;color:#333;background:#fff;-moz-border-radius:2px;border-radius:2px;border:1px solid #ddd;height:32px;line-height:32px;font-size:12px;width:100%}.u-input .input::-webkit-input-placeholder{color:#999;font-size:12px;opacity:1}.u-input .input::-moz-placeholder{color:#999;font-size:12px;opacity:1}.u-input .input:-moz-placeholder{color:#999;font-size:12px;opacity:1}.u-input .input:-ms-placeholder{color:#999;font-size:12px;opacity:1}.u-input .input:focus{outline:0;background:#fff;color:#333;border:1px solid #f48080}.u-input .input:disabled{cursor:not-allowed;background:#eee;color:#999;border:1px solid #ddd}.u-input .input-error{border-color:#f48080}.u-input .input_wrap{position:relative;display:block}.u-input .input_icon,.u-input .input_unit{position:absolute;height:24px;line-height:24px;right:10px;top:0;bottom:0;margin:auto;color:#666}.u-input .input_icon{font-size:12px}.u-input .input_icon:active,.u-input .input_icon:hover{color:#e31436;cursor:pointer}.u-input .input_icon_clearable{opacity:0}.u-input .input_icon_clearable:hover{opacity:1}.u-input .input_placeholder{position:absolute;left:0;top:0;bottom:0;color:#999;padding:6px 10px 6px 8px;border-left:1px solid transparent}.u-input-sm{height:24px}.u-input-sm .input{height:24px;line-height:24px}.u-input-block{display:block;width:100%}.u-input+.u-tip{margin-left:5px}.u-input-smw{display:inline-block;width:80px;vertical-align:top}.u-input-mdw{display:inline-block;width:160px;vertical-align:top}.u-input-lgw{display:inline-block;width:300px;vertical-align:top}.u-multi ::-webkit-scrollbar{width:6px;height:8px;background-color:#fff}.u-multi ::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dadada}.u-multi .dropdown_hd{max-height:84px;overflow-y:auto}.u-multi .dropdown_hd .selected-tag{height:22px;line-height:22px}.u-multi .dropdown_hd .m-multi-placeholder{color:#999}.u-multi .dropdown_hd .selectedTagMore{overflow:hidden;text-overflow:ellipsis;max-width:150px}.u-multi .dropdown_hd .angle-transform{transform:rotate(180deg)}.u-multi .dropdown_hd i.angle{transition:transform .5s;line-height:20px;margin-top:5px}.u-multi .cateWrap{max-width:412px;overflow-x:auto;white-space:nowrap;position:absolute;background-color:#fff;font-size:0}.u-multi .cateWrap li,.u-multi .cateWrap ul{list-style-type:none}.u-multi .cateWrap ::-webkit-scrollbar{width:6px;background-color:#fff}.u-multi .cateWrap ::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dadada}.u-multi .cateWrap ul{width:136px;border-bottom:1px solid #eee;border-left:1px solid #eee;margin:0;height:260px;padding:0;overflow-y:auto;overflow-x:hidden;font-size:14px;display:inline-block}.u-multi .cateWrap ul:last-child{border-right:1px solid #eee}.u-multi .cateWrap li{height:32px;overflow:hidden;line-height:32px;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;padding-right:15px;position:relative}.u-multi .cateWrap li:hover{background-color:#f6f9fc}.u-multi .cateWrap li .onlyChild{background-color:#fff;font-size:12px}.u-multi .cateWrap li .onlyChild:hover{background-color:#ddd}.u-multi .cateWrap .input_wrap,.u-multi .cateWrap .u-input{height:32px}.u-multi .cateWrap .u-check{margin-left:13px;width:15px}.u-multi .cateWrap .more{position:absolute;text-align:center;width:30px;right:0}.u-multi .cateWrap .cateName{padding-left:15px}.u-multi .cateWrap .active{background-color:#f6f9fc}.u-multi.z-dis .dropdown_hd{cursor:not-allowed;background:#eee;border:1px solid #ddd;color:#999}.u-radio{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;font-size:12px;line-height:32px}.u-radio .radio_box{display:inline-block;position:relative;overflow:hidden;text-align:center;margin-right:8px;height:13px;width:13px;line-height:13px;vertical-align:text-top;background:#fff;color:#e31436;border:1px solid #dfe3e9;border-radius:13px}.u-radio .radio_box .u-icon{content:"";display:none;position:absolute;top:50%;left:50%;margin-top:-3.5px;margin-left:-3.5px;width:7px;height:7px;border-radius:7px;background:#e61438}.u-radio.z-sel .radio_box{border:1px solid #e61438}.u-radio.z-sel .radio_box .u-icon{display:inline-block}.u-radio.z-dis{cursor:not-allowed}.u-radio.z-dis .radio_box{color:#eee;border:1px solid #eee}.u-radio-block{display:block;width:100%}.u-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top}.u-select .z-hover{background:#f1f1f1}.u-select .dropdown_hd{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:0;min-height:32px;line-height:30px;padding:0 10px;background:#fff;color:#333;border:1px solid #ddd;-moz-border-radius:2px;border-radius:2px;overflow-y:auto;position:relative}.u-select .dropdown_hd .u-icon{float:right;width:auto;line-height:inherit;position:absolute;right:5px}.u-select .dropdown_hd .u-icon-remove{color:#a4a5b9}.u-select .dropdown_hd .m-multi-placeholder{color:#999}.u-select .dropdown_hd .u-select-errorIcon{position:relative;top:-28px}.u-select .dropdown_hd .hoverShow{display:none}.u-select .dropdown_hd:hover .hoverShow{display:inline-block}.u-select .dropdown_hd:hover .hoverHide{display:none}.u-select .dropdown_hd span{float:left;font-size:12px}.u-select .selected-tag{position:relative;padding:0 20px 0 10px;margin:4px 5px 0 0;background-color:#f3f3f3;-moz-border-radius:2px;border-radius:2px;height:20px;line-height:20px;float:left;cursor:default}.u-select .selected-tag .u-icon-remove{position:absolute;right:5px}.u-select .selected-tag:last-child{margin-bottom:6px}.u-select .selected-tag .z-dis{cursor:not-allowed}.u-select .selectedTagMore{overflow:hidden;text-overflow:ellipsis;max-width:150px}.u-select .u-search-input{font-family:inherit;line-height:20px;vertical-align:middle;width:calc(100% - 20px);background-color:transparent;font-size:12px}.u-select .u-search-input:focus{outline:0}.u-select .searchInput1{border-bottom:1px solid #eee;padding:5px 0;display:block}.u-select.isMultiple .u-search-input{float:left;margin-top:7px;width:1em}.u-select .dropdown_bd{clear:both}.u-select .m-listview{overflow-x:hidden;overflow-y:auto;padding:0;max-height:200px}.u-select .m-listview .u-check{line-height:0}.u-select .m-treeview{overflow:auto;max-height:200px}.u-select-error .dropdown_hd{border-color:#f48080}.u-select .z-dis .dropdown_hd{cursor:not-allowed;background:#eee;border:1px solid #ddd;color:#999}.u-selectgroup .u-select{width:160px}.u-selectgroup .u-dropdown{display:inline-block}.u-select-sm{height:24px;padding:0}.u-select-sm .dropdown_hd{min-height:24px;line-height:22px}.u-select-sm .m-listview>li{line-height:12px}.u-text.u-text_unlink{display:inline;text-decoration:none;color:initial;cursor:default}.u-text.u-text_unlink:hover{text-decoration:none}.u-text.u-text-wb{font-weight:700}.u-text.u-text-xs{font-size:10px;line-height:12px}.u-text.u-text-sm{font-size:12px;line-height:16px}.u-text.u-text-lg{font-size:20px;line-height:24px}.u-text.u-text-xl{font-size:24px;line-height:32px}.u-text.u-text-left{text-align:left}.u-text.u-text-center{text-align:center}.u-text.u-text-right{text-align:right}.u-text.u-text-justify{text-align:justify}.u-text.u-text-top{vertical-align:top}.u-text.u-text-middle{vertical-align:middle}.u-text.u-text-bottom{vertical-align:bottom}.u-text.u-text-primary{color:#e31436}.u-text.u-text-success{color:#6ebc40}.u-text.u-text-warning{color:#ffb539}.u-text.u-text-error{color:#f48080}.u-text.u-text-inverse{color:#fff}.u-text.u-text-muted{color:#999}.u-textarea{display:inline-block;position:relative;width:100%}.u-textarea .textarea{padding:6px 10px 6px 8px;color:#333;background:#fff;-moz-border-radius:2px;border-radius:2px;border:1px solid #eee;font-size:12px;width:100%}.u-textarea .textarea:focus{outline:0;background:#fff;color:#333;border:1px solid #f48080}.u-textarea .textarea:disabled{cursor:not-allowed;background:#eee;color:#999;border:1px solid #ddd}.u-textarea .textarea_placeholder{position:absolute;left:0;right:0;top:0;bottom:0;color:#999;padding:6px 10px 6px 8px;border-left:1px solid transparent}.u-textarea .textarea_len{font-size:12px;color:#999}.m-treeview{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-x:auto;overflow-y:visible}.m-treeview .treeview_list{margin-left:1.6em}.m-treeview .treeview_item{position:relative}.m-treeview .treeview_item>.u-icon{position:absolute;left:-1.2em;line-height:inherit;margin:0;cursor:pointer}.m-treeview .treeview_itemname{cursor:pointer;white-space:nowrap}.m-treeview .treeview_itemname.z-dis{cursor:not-allowed;background:0 0}.m-treeview.z-dis .treeview_itemname{cursor:not-allowed}.m-treeview.z-dis .treeview_item .u-icon{cursor:not-allowed}.m-treeview{padding:5px 0;background:#fff;color:#333;-moz-border-radius:4px;border-radius:4px;border:1px solid #ddd}.m-treeview .treeview_item>.u-icon{padding:3px 0}.m-treeview .treeview_itemname{padding:3px 10px;color:#777}.m-treeview .treeview_itemname:hover{background:#f1f1f1;color:#444}.m-treeview .treeview_itemname.z-sel{background:#e31436;color:#fff}.m-treeview .treeview_itemname.z-dis{background:0 0;color:#999}.m-treeview .treeview_itemname.z-divider{margin:9px 0;padding:0;height:1px;background:#e5e5e5;overflow:hidden}.m-treeview.z-dis{background:#eee}.m-treeview.z-dis .treeview_itemname{background:0 0;color:#999}.m-multitreeview .treeview_list{margin-left:3.4em}.m-multitreeview .treeview_item>.u-icon{left:-3em}.m-multitreeview .treeview_item>.u-check{position:absolute;left:-1.8em;padding:3px 0}.m-file-unit{display:inline-block;width:50px;margin-bottom:10px;vertical-align:top;background:#fefefe}.m-file-unit .m-content{position:relative;width:50px;height:50px;border:1px solid #eef1f4;border-radius:2px;box-sizing:border-box;text-align:center}.m-file-unit .m-content .m-img-wrapper{position:absolute;top:0;right:0;left:0;bottom:0;cursor:zoom-in}.m-file-unit .m-content .m-img-wrapper:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-file-unit .m-content .m-img-wrapper .u-img{max-width:100%;max-height:100%;vertical-align:middle}.m-file-unit .m-content .u-txt{display:inline-block;width:100%;height:100%;line-height:50px;font-size:12px;text-align:center;cursor:default}.m-file-unit .m-content .m-status .u-failed,.m-file-unit .m-content .m-status .u-uploading{position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;text-align:center;font-size:12px;color:#fff;background:rgba(0,0,0,.7)}.m-file-unit .m-content .m-status .u-failed:before,.m-file-unit .m-content .m-status .u-uploading:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-file-unit .m-content .m-status .u-failed{cursor:pointer}.m-file-unit .m-content .m-status .u-failed .u-failed-info{display:inline-block;width:100%;vertical-align:middle;text-align:center;line-height:1.2}.m-file-unit .m-content .m-status .u-failed .u-failed-info .u-icon{display:inline-block;width:100%;height:20px;font-size:16px}.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper{display:inline-block;width:40px;line-height:.85;vertical-align:middle}.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress,.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress-txt{display:inline-block;width:100%}.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress{position:relative;height:5px;background:#fff;border-radius:100px}.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress .u-progress-bar{position:absolute;top:0;left:0;display:inline-block;height:100%;background:#0398ff;border-radius:100px}.m-file-unit .m-content .m-status .u-uploaded{display:none;position:absolute;bottom:0;left:0;width:100%;height:17px;text-align:center;font-size:12px;color:#fff;background:rgba(0,0,0,.7)}.m-file-unit .m-content .m-status .u-uploaded:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-file-unit .m-content .m-status .u-uploaded .u-uploaded-zone{display:inline-block;position:relative;width:100%;height:100%;line-height:100%;color:#fff;text-align:center;text-decoration:none;cursor:pointer}.m-file-unit .m-content .m-status .u-uploaded .u-uploaded-zone .u-icon{margin-left:2px}.m-file-unit .m-content .m-remove{display:none;position:absolute;right:-6px;top:-6px;width:17px;height:17px;font-size:17px;line-height:17px;color:#333;background:#fff;border-radius:100px;z-index:5}.m-file-unit .m-content:hover .m-remove{display:inline-block;cursor:pointer}.m-file-unit .m-content:hover .m-status .u-uploaded{display:inline-block}.m-file-unit .m-content:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-file-unit .m-name{margin-top:8px;padding:1px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4;font-size:12px;color:#333}.m-file-unit .m-info{margin-top:4px;font-size:12px;color:#f86b6b}.m-upload ul{margin:0;padding:0}.m-upload ul li{list-style:none}.m-upload .u-fileitem,.m-upload u-input-wrapper{vertical-align:top}.m-upload .m-input-wrapper{display:inline-block;text-align:center}.m-upload .m-input-wrapper .u-input-btn{display:inline-block;width:50px;height:50px;vertical-align:top;border:1px dashed #ccc;border-radius:2px;box-sizing:border-box;font-size:12px;cursor:pointer}.m-upload .m-input-wrapper .u-input-btn .u-input-content{display:inline-block;width:100%;vertical-align:middle}.m-upload .m-input-wrapper .u-input-btn .u-input-content .u-icon{display:inline-block;width:100%;font-size:12px;color:#666}.m-upload .m-input-wrapper .u-input-btn:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-upload .m-input-wrapper .u-input-info{margin-top:4px;font-size:12px;color:#f86b6b}.m-upload ul{margin:0;padding:0}.m-upload ul li{list-style:none}.m-upload .u-fileitem,.m-upload .u-input-wrapper{display:inline-block;vertical-align:top}.m-upload .u-fileitem{width:50px}.m-upload .m-files-zone{width:125px}.m-upload .m-files-zone .m-entry-wrapper{position:relative;display:inline-block;width:50px;margin-right:20px;vertical-align:top}.m-upload .m-files-zone .m-entry-wrapper .m-entry{position:relative;width:100%;height:50px;border:1px solid #eef1f4;border-radius:2px;box-sizing:border-box;text-align:center}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-img-wrapper{position:absolute;top:0;right:0;left:0;bottom:0;cursor:zoom-in}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-img-wrapper:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-img-wrapper .u-img{max-width:100%;max-height:100%;vertical-align:middle}.m-upload .m-files-zone .m-entry-wrapper .m-entry .u-txt{display:inline-block;width:100%;height:100%;line-height:50px;font-size:12px;text-align:center;cursor:pointer}.m-upload .m-files-zone .m-entry-wrapper .m-entry .u-info{content:"";position:absolute;right:-6px;top:-6px;width:17px;height:17px;line-height:17px;text-align:center;background:#fff;border:1px solid #eef1f4;border-radius:100px;color:#333;font-size:12px}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed,.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading{position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;text-align:center;font-size:12px;color:#fff;background:rgba(0,0,0,.7)}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed:before,.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed{cursor:pointer}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed .u-failed-info{display:inline-block;width:100%;vertical-align:middle;text-align:center;line-height:1.2}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed .u-failed-info .u-icon{display:inline-block;width:100%;height:20px;font-size:16px}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper{display:inline-block;width:40px;line-height:.85;vertical-align:middle}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress,.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress-txt{display:inline-block;width:100%}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress{position:relative;height:5px;background:#fff;border-radius:100px}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress .u-progress-bar{position:absolute;top:0;left:0;display:inline-block;height:100%;background:#0398ff;border-radius:100px}.m-upload .m-files-zone .m-entry-wrapper .m-entry:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-upload .m-files-zone .m-entry-wrapper .m-entry-info{margin-top:4px;font-size:12px;color:#f86b6b;text-align:center}.m-upload .m-files-zone .u-banner{position:absolute;bottom:-7px;left:-9999px;z-index:5}.m-upload .m-files-zone .u-banner:after,.m-upload .m-files-zone .u-banner:before{content:"";border:5px solid transparent;position:absolute;left:0}.m-upload .m-files-zone .u-banner:before{border-bottom-color:#eee;bottom:1px}.m-upload .m-files-zone .u-banner:after{border-bottom-color:#fff;bottom:0}.m-upload .m-files-zone .u-banner.top{top:-7px}.m-upload .m-files-zone .u-banner.top:after,.m-upload .m-files-zone .u-banner.top:before{border-bottom:none}.m-upload .m-files-zone .u-banner.top:before{border-top-color:#eee;top:1px}.m-upload .m-files-zone .u-banner.top:after{border-top-color:#fff;top:0}.m-upload .m-files-zone .m-filelist{position:absolute;left:-9999px;padding:22px;padding-bottom:12px;text-align:left;border:1px solid #eee;border-radius:2px;box-shadow:0 2px 3px 0 rgba(0,0,0,.1);background:#fff;z-index:1}.m-upload .m-files-zone .u-input-wrapper{position:relative;display:inline-block;width:50px;vertical-align:top;text-align:center}.m-upload .m-files-zone .u-input-wrapper .u-input-btn{display:inline-block;width:50px;height:50px;vertical-align:top;border:1px dashed #ccc;border-radius:2px;box-sizing:border-box;font-size:12px;cursor:pointer}.m-upload .m-files-zone .u-input-wrapper .u-input-btn .u-input-content{display:inline-block;width:100%;vertical-align:middle}.m-upload .m-files-zone .u-input-wrapper .u-input-btn .u-input-content .u-icon{display:inline-block;width:100%;font-size:12px;color:#666}.m-upload .m-files-zone .u-input-wrapper .u-input-btn:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-upload .m-files-zone .u-input-wrapper .u-input-btn.dragover{background-color:rgba(32,159,255,.06);border:1px dashed #20a0ff}.m-upload .m-files-zone .u-input-wrapper .u-input-info{margin-top:4px;font-size:12px;color:#f86b6b}.m-upload{line-height:1.6}.m-upload ul{margin:0;padding:0}.m-upload ul li{list-style:none}.m-upload .u-fileitem,.m-upload .u-input-wrapper{display:inline-block;vertical-align:top}.m-upload .u-fileitem{width:50px}.m-upload .u-input-wrapper{text-align:center}.m-upload .u-input-wrapper .u-input-btn{display:inline-block;width:50px;height:50px;vertical-align:top;border:1px dashed #ccc;border-radius:2px;box-sizing:border-box;font-size:12px;cursor:pointer}.m-upload .u-input-wrapper .u-input-btn .u-input-content{display:inline-block;width:100%;vertical-align:middle}.m-upload .u-input-wrapper .u-input-btn .u-input-content .u-icon{display:inline-block;width:100%;font-size:12px;color:#666}.m-upload .u-input-wrapper .u-input-btn:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-upload .u-input-wrapper .u-input-btn.dragover{background-color:rgba(32,159,255,.06);border:1px dashed #20a0ff}.m-upload .u-input-wrapper .u-input-info{margin-top:4px;font-size:12px;color:#f86b6b}.m-card{background:#fff;box-shadow:2px 2px 3px 0 rgba(34,52,73,.1);border:1px solid rgba(34,52,73,.1);border-radius:4px;padding:16px;margin-bottom:8px;color:#333}.m-card .card_hd{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center;margin-bottom:12px}.m-card .card_hd .title{font-size:16px;font-weight:700}.m-card .card_hd .line{display:inline-block;background:#333;width:3px;height:15px;margin-right:8px}.m-card .card_hd .operate{flex:1;text-align:right;margin-right:40px}.m-card .btLine{background:#ddd;height:1px;margin-bottom:8px}.m-card .m-card{box-shadow:none;border-radius:initial;border:none;padding:0 40px}.m-card .m-card .card_hd{margin-bottom:8px}.m-card .m-card .card_hd .line{height:13px}.m-card .m-card .card_hd .title{font-size:14px}.m-card .m-card .card_hd .operate{margin-right:0}.m-card .m-card-indent{padding:0 40px}.g-row:after,.g-row:before{display:table;content:"";line-height:0}.g-row:after{clear:both}.g-row-flex{display:flex}.g-row-flex.justify-center{justify-content:center}.g-row-flex.justify-end{justify-content:flex-end}.g-row-flex.justify-space-between{justify-content:space-between}.g-row-flex.justify-space-around{justify-content:space-around}.g-row-flex.align-middle{align-items:center}.g-row-flex.align-bottom{align-items:top}.g-row-flex.flex-wrap{flex-wrap:wrap}.g-row-flex.flex-nowrap{flex-wrap:nowrap}.g-row-flex.flex-wrap-reverse{flex-wrap:wrap-reverse}.g-row+.g-row{margin-top:10px}.g-col{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;min-height:1px;padding:0 20px}.g-col-1{width:8.333333%}.g-offset-1{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:8.333333%}.g-col-2{width:16.666667%}.g-offset-2{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:16.666667%}.g-col-3{width:25%}.g-offset-3{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:25%}.g-col-4{width:33.333333%}.g-offset-4{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:33.333333%}.g-col-5{width:41.666667%}.g-offset-5{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:41.666667%}.g-col-6{width:50%}.g-offset-6{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:50%}.g-col-7{width:58.333333%}.g-offset-7{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:58.333333%}.g-col-8{width:66.666667%}.g-offset-8{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:66.666667%}.g-col-9{width:75%}.g-offset-9{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:75%}.g-col-10{width:83.333333%}.g-offset-10{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:83.333333%}.g-col-11{width:91.666667%}.g-offset-11{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:91.666667%}.g-col-12{width:100%}.g-offset-12{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:100%}@media (max-width:768px){.g-col-xs-1{width:8.333333%}.g-col-xs-offset-1{margin-left:8.333333%}.g-col-xs-pull-1{position:relative;right:8.333333%}.g-col-xs-push-1{position:relative;left:8.333333%}.g-col-xs-2{width:16.666667%}.g-col-xs-offset-2{margin-left:16.666667%}.g-col-xs-pull-2{position:relative;right:16.666667%}.g-col-xs-push-2{position:relative;left:16.666667%}.g-col-xs-3{width:25%}.g-col-xs-offset-3{margin-left:25%}.g-col-xs-pull-3{position:relative;right:25%}.g-col-xs-push-3{position:relative;left:25%}.g-col-xs-4{width:33.333333%}.g-col-xs-offset-4{margin-left:33.333333%}.g-col-xs-pull-4{position:relative;right:33.333333%}.g-col-xs-push-4{position:relative;left:33.333333%}.g-col-xs-5{width:41.666667%}.g-col-xs-offset-5{margin-left:41.666667%}.g-col-xs-pull-5{position:relative;right:41.666667%}.g-col-xs-push-5{position:relative;left:41.666667%}.g-col-xs-6{width:50%}.g-col-xs-offset-6{margin-left:50%}.g-col-xs-pull-6{position:relative;right:50%}.g-col-xs-push-6{position:relative;left:50%}.g-col-xs-7{width:58.333333%}.g-col-xs-offset-7{margin-left:58.333333%}.g-col-xs-pull-7{position:relative;right:58.333333%}.g-col-xs-push-7{position:relative;left:58.333333%}.g-col-xs-8{width:66.666667%}.g-col-xs-offset-8{margin-left:66.666667%}.g-col-xs-pull-8{position:relative;right:66.666667%}.g-col-xs-push-8{position:relative;left:66.666667%}.g-col-xs-9{width:75%}.g-col-xs-offset-9{margin-left:75%}.g-col-xs-pull-9{position:relative;right:75%}.g-col-xs-push-9{position:relative;left:75%}.g-col-xs-10{width:83.333333%}.g-col-xs-offset-10{margin-left:83.333333%}.g-col-xs-pull-10{position:relative;right:83.333333%}.g-col-xs-push-10{position:relative;left:83.333333%}.g-col-xs-11{width:91.666667%}.g-col-xs-offset-11{margin-left:91.666667%}.g-col-xs-pull-11{position:relative;right:91.666667%}.g-col-xs-push-11{position:relative;left:91.666667%}.g-col-xs-12{width:100%}.g-col-xs-offset-12{margin-left:100%}.g-col-xs-pull-12{position:relative;right:100%}.g-col-xs-push-12{position:relative;left:100%}}@media (min-width:768px){.g-col-sm-1{width:8.333333%}.g-col-sm-offset-1{margin-left:8.333333%}.g-col-sm-pull-1{position:relative;right:8.333333%}.g-col-sm-push-1{position:relative;left:8.333333%}.g-col-sm-2{width:16.666667%}.g-col-sm-offset-2{margin-left:16.666667%}.g-col-sm-pull-2{position:relative;right:16.666667%}.g-col-sm-push-2{position:relative;left:16.666667%}.g-col-sm-3{width:25%}.g-col-sm-offset-3{margin-left:25%}.g-col-sm-pull-3{position:relative;right:25%}.g-col-sm-push-3{position:relative;left:25%}.g-col-sm-4{width:33.333333%}.g-col-sm-offset-4{margin-left:33.333333%}.g-col-sm-pull-4{position:relative;right:33.333333%}.g-col-sm-push-4{position:relative;left:33.333333%}.g-col-sm-5{width:41.666667%}.g-col-sm-offset-5{margin-left:41.666667%}.g-col-sm-pull-5{position:relative;right:41.666667%}.g-col-sm-push-5{position:relative;left:41.666667%}.g-col-sm-6{width:50%}.g-col-sm-offset-6{margin-left:50%}.g-col-sm-pull-6{position:relative;right:50%}.g-col-sm-push-6{position:relative;left:50%}.g-col-sm-7{width:58.333333%}.g-col-sm-offset-7{margin-left:58.333333%}.g-col-sm-pull-7{position:relative;right:58.333333%}.g-col-sm-push-7{position:relative;left:58.333333%}.g-col-sm-8{width:66.666667%}.g-col-sm-offset-8{margin-left:66.666667%}.g-col-sm-pull-8{position:relative;right:66.666667%}.g-col-sm-push-8{position:relative;left:66.666667%}.g-col-sm-9{width:75%}.g-col-sm-offset-9{margin-left:75%}.g-col-sm-pull-9{position:relative;right:75%}.g-col-sm-push-9{position:relative;left:75%}.g-col-sm-10{width:83.333333%}.g-col-sm-offset-10{margin-left:83.333333%}.g-col-sm-pull-10{position:relative;right:83.333333%}.g-col-sm-push-10{position:relative;left:83.333333%}.g-col-sm-11{width:91.666667%}.g-col-sm-offset-11{margin-left:91.666667%}.g-col-sm-pull-11{position:relative;right:91.666667%}.g-col-sm-push-11{position:relative;left:91.666667%}.g-col-sm-12{width:100%}.g-col-sm-offset-12{margin-left:100%}.g-col-sm-pull-12{position:relative;right:100%}.g-col-sm-push-12{position:relative;left:100%}}@media (min-width:992px){.g-col-md-1{width:8.333333%}.g-col-md-offset-1{margin-left:8.333333%}.g-col-md-pull-1{position:relative;right:8.333333%}.g-col-md-push-1{position:relative;left:8.333333%}.g-col-md-2{width:16.666667%}.g-col-md-offset-2{margin-left:16.666667%}.g-col-md-pull-2{position:relative;right:16.666667%}.g-col-md-push-2{position:relative;left:16.666667%}.g-col-md-3{width:25%}.g-col-md-offset-3{margin-left:25%}.g-col-md-pull-3{position:relative;right:25%}.g-col-md-push-3{position:relative;left:25%}.g-col-md-4{width:33.333333%}.g-col-md-offset-4{margin-left:33.333333%}.g-col-md-pull-4{position:relative;right:33.333333%}.g-col-md-push-4{position:relative;left:33.333333%}.g-col-md-5{width:41.666667%}.g-col-md-offset-5{margin-left:41.666667%}.g-col-md-pull-5{position:relative;right:41.666667%}.g-col-md-push-5{position:relative;left:41.666667%}.g-col-md-6{width:50%}.g-col-md-offset-6{margin-left:50%}.g-col-md-pull-6{position:relative;right:50%}.g-col-md-push-6{position:relative;left:50%}.g-col-md-7{width:58.333333%}.g-col-md-offset-7{margin-left:58.333333%}.g-col-md-pull-7{position:relative;right:58.333333%}.g-col-md-push-7{position:relative;left:58.333333%}.g-col-md-8{width:66.666667%}.g-col-md-offset-8{margin-left:66.666667%}.g-col-md-pull-8{position:relative;right:66.666667%}.g-col-md-push-8{position:relative;left:66.666667%}.g-col-md-9{width:75%}.g-col-md-offset-9{margin-left:75%}.g-col-md-pull-9{position:relative;right:75%}.g-col-md-push-9{position:relative;left:75%}.g-col-md-10{width:83.333333%}.g-col-md-offset-10{margin-left:83.333333%}.g-col-md-pull-10{position:relative;right:83.333333%}.g-col-md-push-10{position:relative;left:83.333333%}.g-col-md-11{width:91.666667%}.g-col-md-offset-11{margin-left:91.666667%}.g-col-md-pull-11{position:relative;right:91.666667%}.g-col-md-push-11{position:relative;left:91.666667%}.g-col-md-12{width:100%}.g-col-md-offset-12{margin-left:100%}.g-col-md-pull-12{position:relative;right:100%}.g-col-md-push-12{position:relative;left:100%}}@media (min-width:1200px){.g-col-lg-1{width:8.333333%}.g-col-lg-offset-1{margin-left:8.333333%}.g-col-lg-pull-1{position:relative;right:8.333333%}.g-col-lg-push-1{position:relative;left:8.333333%}.g-col-lg-2{width:16.666667%}.g-col-lg-offset-2{margin-left:16.666667%}.g-col-lg-pull-2{position:relative;right:16.666667%}.g-col-lg-push-2{position:relative;left:16.666667%}.g-col-lg-3{width:25%}.g-col-lg-offset-3{margin-left:25%}.g-col-lg-pull-3{position:relative;right:25%}.g-col-lg-push-3{position:relative;left:25%}.g-col-lg-4{width:33.333333%}.g-col-lg-offset-4{margin-left:33.333333%}.g-col-lg-pull-4{position:relative;right:33.333333%}.g-col-lg-push-4{position:relative;left:33.333333%}.g-col-lg-5{width:41.666667%}.g-col-lg-offset-5{margin-left:41.666667%}.g-col-lg-pull-5{position:relative;right:41.666667%}.g-col-lg-push-5{position:relative;left:41.666667%}.g-col-lg-6{width:50%}.g-col-lg-offset-6{margin-left:50%}.g-col-lg-pull-6{position:relative;right:50%}.g-col-lg-push-6{position:relative;left:50%}.g-col-lg-7{width:58.333333%}.g-col-lg-offset-7{margin-left:58.333333%}.g-col-lg-pull-7{position:relative;right:58.333333%}.g-col-lg-push-7{position:relative;left:58.333333%}.g-col-lg-8{width:66.666667%}.g-col-lg-offset-8{margin-left:66.666667%}.g-col-lg-pull-8{position:relative;right:66.666667%}.g-col-lg-push-8{position:relative;left:66.666667%}.g-col-lg-9{width:75%}.g-col-lg-offset-9{margin-left:75%}.g-col-lg-pull-9{position:relative;right:75%}.g-col-lg-push-9{position:relative;left:75%}.g-col-lg-10{width:83.333333%}.g-col-lg-offset-10{margin-left:83.333333%}.g-col-lg-pull-10{position:relative;right:83.333333%}.g-col-lg-push-10{position:relative;left:83.333333%}.g-col-lg-11{width:91.666667%}.g-col-lg-offset-11{margin-left:91.666667%}.g-col-lg-pull-11{position:relative;right:91.666667%}.g-col-lg-push-11{position:relative;left:91.666667%}.g-col-lg-12{width:100%}.g-col-lg-offset-12{margin-left:100%}.g-col-lg-pull-12{position:relative;right:100%}.g-col-lg-push-12{position:relative;left:100%}}.kl-search_ft{display:flex;justify-content:flex-end;align-items:center}.kl-search_btn{margin-right:10px}.m-kl-table-wrap{position:relative}.m-kl-table-wrap .kl_table_header_fiexd_right_gutter{box-sizing:border-box;position:absolute;background:#eef1f4;border-left:1px solid #fff}.m-kl-table-wrap .u-resize-proxy{position:absolute;visibility:hidden;height:100%;width:1px;z-index:100;background:#ddd}.m-kl-table-wrap .expand_row{position:absolute;width:100%}.m-kl-table{overflow:auto;box-sizing:border-box;border-collapse:collapse;border-bottom:1px solid #ecf2f9;line-height:17px;font-size:12px;color:#333}.m-kl-table.fixed_header{overflow:hidden}.m-kl-table.fixed_header .kl_table_header{overflow:hidden}.m-kl-table .kl_table_header.sticky_header{position:fixed;overflow:hidden;z-index:100;top:0}.m-kl-table .kl_table_body{transition:width 10ms}.m-kl-table .kl_table_body.fixed_header{overflow:auto}.m-kl-table.m-kl-table-fixed{position:absolute;overflow:hidden;top:0;left:0;border-bottom:none;box-shadow:1px 0 8px #d3d4d6}.m-kl-table.m-kl-table-fixed.m-kl-table-fixed-right{left:auto;right:0}.m-kl-table.m-kl-table-fixed .kl_table_header{box-shadow:2px 0 8px #d3d4d6}.m-kl-table.m-kl-table-fixed .kl_table_body,.m-kl-table.m-kl-table-fixed .kl_table_header{overflow:hidden}.m-kl-table .table_tb{width:100%;position:relative;table-layout:fixed}.m-kl-table .patch{background:#eef1f4;position:absolute}.m-kl-table .tb_hd_th{box-sizing:border-box;background-color:#eef1f4;height:32px;padding:0;border-collapse:collapse;border-bottom:1px solid #fff;font-weight:400}.m-kl-table .tb_hd_th .th_content{box-sizing:border-box;height:100%;display:flex;align-items:center;justify-content:center;padding:6px 8px}.m-kl-table .tb_hd_th .th_content.f-flex-center{justify-content:center}.m-kl-table .tb_hd_th .th_content.f-flex-right{justify-content:flex-end}.m-kl-table .tb_hd_th .th_content.f-flex-left{justify-content:flex-start}.m-kl-table .tb_hd_th .th_content .th_tip{margin-left:8px}.m-kl-table .tb_hd_th:not(:last-child){border-right:1px solid #fff}.m-kl-table .tb_hd_th .u-icon-1{position:relative;cursor:pointer;color:#ddd}.m-kl-table .tb_hd_th .u-icon-2{position:absolute;left:0;top:0}.m-kl-table .tb_hd_th .u-icon-2.u-icon-sort-asc,.m-kl-table .tb_hd_th .u-icon-2.u-icon-sort-desc{color:#666}.m-kl-table .tb_bd_tr{background:#fff;transition:background .2s ease-out}.m-kl-table .tb_bd_tr:not(:last-child){border-bottom:1px solid #ecf2f9}.m-kl-table .tb_bd_tr.z-hover,.m-kl-table .tb_bd_tr:hover{background:#ecf2f9}.m-kl-table .tb_bd_tr.td_bd_tr_nohover{background:#fff}.m-kl-table .tb_bd_td{box-sizing:border-box;position:relative;padding:0;height:32px}.m-kl-table .tb_bd_td>.tb_bd_td_div{padding:6px 8px;line-height:17px}.m-kl-table.strip .tb_bd_tr{transition:background .2s ease-out}.m-kl-table.strip .tb_bd_tr:nth-child(2n-1){background:#fff}.m-kl-table.strip .tb_bd_tr:nth-child(2n){background:#f6f9fc}.m-kl-table.strip .tb_bd_tr:not(:last-child){border-bottom:1px solid #ecf2f9}.m-kl-table.strip .tb_bd_tr.z-hover,.m-kl-table.strip .tb_bd_tr:hover{background:#ecf2f9}.m-kl-table.strip .tb_bd_tr.td_bd_tr_nohover{background:#fff}.m-kl-table .u-clickable{cursor:pointer;color:#0398ff}.m-kl-table .u-clickable:hover{text-decoration:underline}.m-kl-table .u-progress-wrap{box-sizing:border-box;text-align:left}.m-kl-table .u-progress-wrap .u-kl-progress{width:70%}.m-kl-table .u-expand-sign{display:inline-block;box-sizing:border-box;height:17px;width:17px;border:1px solid #ddd;line-height:13px;vertical-align:middle}.m-kl-table-ft{padding:10px 0;background:#fff}.m-kl-table-ft .scroll_bar{overflow:auto;margin-bottom:10px}.m-kl-table-ft .scroll_bar>div{height:1px}.m-kl-table-ft .scroll_bar::-webkit-scrollbar{-webkit-appearance:none;width:8px;height:12px}.m-kl-table-ft .scroll_bar::-webkit-scrollbar:hover{background-color:rgba(0,0,0,.1)}.m-kl-table-ft .scroll_bar::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}.m-kl-table-ft.sticky_footer{position:fixed;bottom:0;z-index:1000}.f-cursor-pointer{cursor:pointer}.f-overflow-hidden{overflow:hidden}.f-visibility-hidden{visibility:hidden}.f-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.f-line-clamp-1,.f-line-clamp-2,.f-line-clamp-3,.f-line-clamp-4,.f-line-clamp-5{display:-webkit-inline-box;-webkit-box-orient:vertical;white-space:normal;vertical-align:middle;word-break:break-all}.f-line-clamp-1{-webkit-line-clamp:1}.f-line-clamp-2{-webkit-line-clamp:2}.f-line-clamp-3{-webkit-line-clamp:3}.f-line-clamp-4{-webkit-line-clamp:4}.f-line-clamp-5{-webkit-line-clamp:5}.kl-m-crumb{color:#333;font-size:0;display:flex;align-items:center;box-sizing:border-box}.kl-m-crumb .crumb_home{color:#e31436;font-size:14px;display:inline-block}.kl-m-crumb .kl-m-crumb_item{display:inline-block;color:#333}.kl-m-crumb .kl-m-crumb_item .crumb_separator{display:inline-block;margin:0 10px;font-size:12px}.kl-m-crumb .kl-m-crumb_item .crumb_ct{display:inline-block;font-size:12px}.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:hover,.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:link,.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:visited{text-decoration:none;color:#333}.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:hover{color:#49a9ee}.kl-m-crumb .kl-m-crumb_item .crumb_ct:hover{cursor:pointer}.kl-m-crumb .kl-m-crumb_item:last-child .crumb_ct{font-weight:700}.kl-m-crumb .kl-m-crumb_item:last-child .crumb_ct:hover{cursor:inherit}.m-menu{height:100%;overflow-y:auto;background:#fff;border-right:1px solid #e1e6ed;list-style:none;margin:0;padding:0;color:#333}.m-menu .head_title a,.m-menu .menuItems a,.m-menu a.m-subMenu{color:#333}.m-menuItem{display:block;position:relative;padding:8px 0 8px 54px;line-height:1em;transition:all .3s ease-in}.m-menuItem:hover{text-decoration:underline;font-weight:700}.m-menuItem.active{color:#d9244e;font-weight:700}.m-menuItem.active a{color:#d9244e}.m-menuItem.active:before{position:absolute;width:2px;height:10px;background:#d9244e;content:"";top:8px;left:48px}.m-menuItem:first-child{padding-top:0}.m-menuItem:first-child:before{top:0}.m-menuItem:last-child{margin-bottom:5px}.m-subMenu{position:relative;display:block;border-bottom:1px solid #dfeaf3;cursor:pointer}.m-subMenu .head{position:relative;display:flex;align-items:center;padding:15px 0 15px 47px;font-size:14px;transition:all .4s ease}.m-subMenu .head:hover .head_title,.m-subMenu .head:hover a{text-decoration:underline;font-weight:700}.m-subMenu .head .head_arrow{position:absolute;right:10px;font-size:14px;transition:all .4s ease;transform:rotate(0)}.m-subMenu .head .head_arrow.isOpen{transform:rotate(90deg)}.m-subMenu .head .head_icon{position:absolute;left:20px;color:#333;font-size:16px}.m-subMenu .menuItems{position:relative;list-style:none;margin:0;padding:0;font-size:12px}.m-subMenu.active{background:#f6f9fc}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.m-pager{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center;justify-content:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;font-size:12px}.m-pager .m-right-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.m-pager .page_item{display:inline-block;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:6px;padding:0 8px;height:24px;line-height:22px;color:#444;background:#fff;text-decoration:none;text-align:center;min-width:24px;border:1px solid #ddd;-moz-border-radius:2px;border-radius:2px}.m-pager .page_item:hover{cursor:pointer;border:1px solid #bbb}.m-pager .z-crt{background:#e31436;color:#fff;border-color:#e31436}.m-pager .z-crt:hover{border-color:#e31436}.m-pager .page_size{display:inline-block;font-size:12px;margin-right:8px}.m-pager .page_size .u-select{display:inline-block;min-width:75px}.m-pager .page_size .u-select .dropdown_hd .u-icon{position:static}.m-pager .page_total{display:inline-block;vertical-align:top;line-height:24px}.m-pager .page_prev{width:24px;padding:initial}.m-pager .page_prev .u-icon{line-height:22px}.m-pager .pager_next .u-icon{line-height:22px}.m-pager .page_goto{display:inline-block;margin-left:20px}.m-pager .page_goto .u-input{display:inline-block;width:40px;margin:0 7px 0 10px}.m-pager .page_confirm{display:inline-block;vertical-align:top;margin-left:27px}.m-pager.z-dis>li>a{cursor:not-allowed}.m-pager-left{text-align:left}.m-pager-right{text-align:right}.m-pager.z-dis>li>a{background:#fff;color:#999;border-color:#ddd}.pager_goto .u-input{display:inline-block}.m-sidebar{position:absolute;bottom:0;left:0;transform:translateX(-100%);overflow:visible;background:#fff;border-right:1px solid #e1e6ed;transition:transform .3s;z-index:2}.m-sidebar.active{transform:translateX(0)}.m-sidebar .sidebar_menus{height:100%;overflow:auto}.m-sidebar .sidebar_slideBtn{display:flex;position:absolute;top:50%;width:10px;height:50px;font-size:10px;margin-top:-60px;align-items:center;background:#c2c9d0;color:#fff;cursor:pointer}.m-steps{list-style:none}.m-steps .stepsItem{float:left;position:relative}.m-steps .stepsItem .stepsLine{position:absolute;box-sizing:border-box;width:100%;font-size:0;line-height:1.5;top:9px}.m-steps .stepsItem .stepsLine i{display:inline-block;vertical-align:top;background:#eef1f4;border-radius:1px;width:100%;position:relative;height:7px}.m-steps .stepsItem .stepsLine i:before{position:absolute;content:"";top:0;width:0;background:#eef1f4;height:100%;opacity:0}.m-steps .step{display:inline-block;position:relative}.m-steps .itemHead{text-align:center}.m-steps .itemHead .icon{display:inline-block;background-color:#fff;position:relative;border-radius:100%}.m-steps .itemHead .icon .stepIcon{display:inline-block;border:1px solid #eef1f4;width:22px;height:22px;line-height:22px;text-align:center;border-radius:22px;font-size:14px;color:#666}.m-steps .itemMain{margin-top:10px;color:#333;position:relative;left:50%;transform:translateX(-50%);max-width:160px;width:160px}.m-steps .itemMain .mainTitle{margin-bottom:4px;text-align:center;color:#333}.m-steps .itemMain .mainDescription{max-width:160px;width:160px;font-size:12px;color:#a4a4a4}.m-steps .finishedItem .stepsLine i{background:#80bcf4}.m-steps .finishedItem .stepsLine i:after{background:#80bcf4}.m-steps .finishedItem .itemHead .stepIcon{border:1px solid #80bcf4;color:#fff;background:#80bcf4}.m-steps .finishedItem .itemMain .mainTitle{color:#54a8f7}.m-steps .currentStep .itemHead .icon .stepIcon{border:1px solid #80bcf4;color:#80bcf4}.m-steps .currentStep .itemMain .mainTitle{color:#54a8f7}.m-steps .currentStep .itemMain .mainDescription{color:#54a8f7}.m-steps-sm .stepsItem .stepsLine{top:8px}.m-steps-sm .stepsItem .stepsLine i{height:5px}.m-steps-sm .itemHead .icon .stepIcon{width:18px;height:18px;line-height:18px;border-radius:18px;font-size:12px}.m-steps-sm .itemMain{margin-top:5px}.m-steps-sm .itemMain .mainTitle{margin-bottom:2px;font-size:12px}.m-steps-sm .itemMain .mainDescription{font-size:12px}.m-tabs .tabs-scroll{position:relative;overflow:hidden}.m-tabs .tabs-scroll.scrollable{padding:0 15px}.m-tabs .tabs-scroll .nav-next,.m-tabs .tabs-scroll .nav-prev{position:absolute;cursor:pointer;line-height:32px;font-size:12px}.m-tabs .tabs-scroll .nav-next.disabled,.m-tabs .tabs-scroll .nav-prev.disabled{color:#ccc;cursor:not-allowed}.m-tabs .tabs-scroll .nav-prev{left:0}.m-tabs .tabs-scroll .nav-next{right:0}.m-tabs .nav-scroll{overflow:hidden}.m-tabs .tabs_hd{display:inline-block;transition:transform .3s;white-space:nowrap}.m-tabs .tabs_hd>li{position:relative;display:inline-block;cursor:pointer}.m-tabs .tabs_hd>li.z-dis{cursor:not-allowed}.m-tabs .tabs_hd>li.arrow-left,.m-tabs .tabs_hd>li.arrow-right{width:20px}.m-tabs .tabs_bd{clear:both}.m-tabs.z-dis .tabs_hd>li{cursor:not-allowed}.m-tabs.z-dis .tabs_hd>li.z-crt{cursor:default}.m-tabs{-moz-border-radius:3px;border-radius:3px}.m-tabs .tabs_hd>li{padding:0 15px;height:40px;line-height:40px;color:#444;border:1px solid transparent;margin-bottom:-1px;background:#fff;border:1px solid #deeaf2;border-radius:2px 2px 0 0;height:31px;line-height:32px;min-width:104px;text-align:center;font-size:12px;border-bottom:none;box-sizing:border-box}.m-tabs .tabs_hd>li+li{margin-left:2px}.m-tabs .tabs_hd>li:focus,.m-tabs .tabs_hd>li:hover{color:#777}.m-tabs .tabs_hd>li.z-crt{border-top:3px solid #d9244e;height:32px;line-height:28px}.m-tabs .tabs_hd>li.z-dis{color:#999;background:0 0;border-color:transparent}.m-tabs .tabs_bd{background:#fff;border-top:1px solid #deeaf2;padding:20px 0}.m-tabs-center .tabs_hd{position:relative;float:left;left:50%}.m-tabs-center .tabs_hd>li{position:relative;left:-50%}.m-tabs-left{position:relative}.m-tabs-left .tabs_hd{position:absolute;left:0;width:120px;margin-left:0}.m-tabs-left .tabs_hd>li{float:none;border:1px solid transparent;border-right-width:0;margin-bottom:0}.m-tabs-left .tabs_hd>li+li{margin-left:0;margin-top:2px}.m-tabs-left .tabs_hd>li.z-crt{border-left:3px solid #d9244e;height:29px;line-height:26px;border-top:1px solid #deeaf2;border-bottom:1px solid #deeaf2}.m-tabs-left .tabs_bd{margin-left:120px;min-height:200px}.m-tabs-right{position:relative}.m-tabs-right .tabs_hd{position:absolute;right:0;width:120px;margin-left:0}.m-tabs-right .tabs_hd>li{float:none;border:1px solid transparent;border-left-width:0;margin-bottom:0}.m-tabs-right .tabs_hd>li+li{margin-left:0;margin-top:2px}.m-tabs-right .tabs_hd>li.z-crt{border-right:3px solid #d9244e;height:28px;line-height:26px;border-top:1px solid #deeaf2;border-bottom:1px solid #deeaf2}.m-tabs-right .tabs_bd{margin-right:120px;min-height:200px}.u-message{display:flex;align-items:center;padding:6px 15px;background:#fff;color:#777;border:1px solid #ddd;box-shadow:0 2px 3px 0 rgba(0,0,0,.1);-moz-border-radius:4px;border-radius:4px}.u-message:after,.u-message:before{display:table;content:"";line-height:0}.u-message:after{clear:both}.u-message .message_ct{display:inline-block;max-width:90%}.u-message .message_icon{font-size:23px;vertical-align:middle;margin-top:-2px;margin-right:10px;line-height:1}.u-message-info{color:#fff;background:#80bcf4;border:1px solid #80bcf4}.u-message-info .message_icon{color:#fff}.u-message-success{color:#fff;background:#89d280;border:1px solid #89d280}.u-message-success .message_icon{color:#fff}.u-message-warning{color:#fff;background:#f9bf65;border:1px solid #f9bf65}.u-message-warning .message_icon{color:#fff}.u-message-error{color:#fff;background:#f37373;border:1px solid #f37373}.u-message-error .message_icon{color:#fff}.m-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:cross-slide-y pinch-zoom double-tap-zoom;text-align:center;overflow:hidden;background:rgba(0,0,0,.6)}.m-modal:after{content:"";display:inline-block;vertical-align:middle;height:100%}.m-modal .modal_dialog{display:inline-block;vertical-align:middle;text-align:left;width:400px;background:#fff;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.125);box-shadow:0 2px 3px rgba(0,0,0,.125);border-radius:4px;max-width:1050px}.m-modal .modal_hd{margin:0 15px;padding:10px 0;border-bottom:1px solid #eee}.m-modal .modal_title{margin:0;font-size:12px;color:#333}.m-modal .modal_close{float:right;margin:2px 0;color:#666;font-size:12px}.m-modal .modal_close .u-icon{color:#666}.m-modal .modal_close:hover .u-icon{color:#888}.m-modal .modal_hd.z-draggable{cursor:move;cursor:-webkit-grab}.m-modal .z-drag .modal_hd.z-draggable{cursor:move;cursor:-webkit-grabbing}.m-modal .modal_bd{padding:20px 15px 17px 15px;min-height:10px;max-height:491px;overflow:auto;font-size:12px}.m-modal .modal_ft{padding:15px 15px 30px 15px;text-align:center;border-top:1px solid #fff;font-size:0}.m-modal .modal_ft .u-btn{margin:0 8px}@media (max-width:767px){.m-modal .modal_dialog{margin:10px}}html.z-modal,html.z-modal body{overflow:hidden}.m-notify{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:1040;top:10px;left:10px;min-width:260px;max-width:350px;font-size:12px}.m-notify .u-message{margin-bottom:10px;padding:16px 35px 16px 20px}.m-notify .u-message:hover .message_close{display:block}.m-notify .u-message .message_close{display:none;position:absolute;right:16px;margin-top:2px;font-size:12px;color:#fff}.m-notify-bottomright,.m-notify-topright{left:auto;right:10px}.m-notify-bottomcenter,.m-notify-topcenter{left:50%;margin-left:-130px}.m-notify-bottomcenter,.m-notify-bottomleft,.m-notify-bottomright{top:auto;bottom:10px}@media (max-width:767px){.m-notify{left:10px;right:10px;width:auto;margin:0}}.m-notify-static{position:static;width:auto}.m-popconfirm,.u-popover,.u-tooltip{position:absolute;z-index:2000;font-size:12px;line-height:1.5}.m-popconfirm .arrow,.m-popconfirm .arrow:after,.u-popover .arrow,.u-popover .arrow:after,.u-tooltip .arrow,.u-tooltip .arrow:after{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.m-popconfirm .inner{padding:8px 16px;background:#fff;background-clip:padding-box;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2)}.m-popconfirm .inner .body{padding:8px 0 16px;font-size:12px;color:#666}.m-popconfirm .inner .foot{text-align:right;margin-bottom:8px}.m-popconfirm .inner .foot .u-btn{border-radius:2px}.m-popconfirm .inner .foot .u-btn-primary{margin-left:5px}.m-popconfirm .arrow:after{content:"";border-width:4px}.m-popconfirm.top,.m-popconfirm.topLeft,.m-popconfirm.topRight{padding:0 0 4px 0}.m-popconfirm.top .arrow,.m-popconfirm.topLeft .arrow,.m-popconfirm.topRight .arrow{bottom:-1px;border-bottom-width:0;border-top-color:rgba(217,217,217,.7)}.m-popconfirm.top .arrow:after,.m-popconfirm.topLeft .arrow:after,.m-popconfirm.topRight .arrow:after{bottom:1px;margin-left:-4px;border-bottom-width:0;border-top-color:#fff}.m-popconfirm.left,.m-popconfirm.leftBottom,.m-popconfirm.leftTop{padding:0 4px 0 0}.m-popconfirm.left .arrow,.m-popconfirm.leftBottom .arrow,.m-popconfirm.leftTop .arrow{right:-1px;border-right-width:0;border-left-color:rgba(217,217,217,.7)}.m-popconfirm.left .arrow:after,.m-popconfirm.leftBottom .arrow:after,.m-popconfirm.leftTop .arrow:after{right:1px;bottom:-4px;border-right-width:0;border-left-color:#fff}.m-popconfirm.bottom,.m-popconfirm.bottomLeft,.m-popconfirm.bottomRight{padding:4px 0 0 0}.m-popconfirm.bottom .arrow,.m-popconfirm.bottomLeft .arrow,.m-popconfirm.bottomRight .arrow{top:-1px;border-top-width:0;border-bottom-color:rgba(217,217,217,.7)}.m-popconfirm.bottom .arrow:after,.m-popconfirm.bottomLeft .arrow:after,.m-popconfirm.bottomRight .arrow:after{top:1px;margin-left:-4px;border-top-width:0;border-bottom-color:#fff}.m-popconfirm.right,.m-popconfirm.rightBottom,.m-popconfirm.rightTop{padding:0 0 0 4px}.m-popconfirm.right .arrow,.m-popconfirm.rightBottom .arrow,.m-popconfirm.rightTop .arrow{left:-1px;border-left-width:0;border-right-color:rgba(217,217,217,.7)}.m-popconfirm.right .arrow:after,.m-popconfirm.rightBottom .arrow:after,.m-popconfirm.rightTop .arrow:after{left:1px;bottom:-4px;border-left-width:0;border-right-color:#fff}.m-popconfirm.topLeft .arrow{left:16px}.m-popconfirm.top .arrow{left:50%;margin-left:-5px}.m-popconfirm.topRight .arrow{right:16px}.m-popconfirm.leftTop .arrow{top:8px}.m-popconfirm.left .arrow{top:50%;margin-top:-5px}.m-popconfirm.leftBottom .arrow{bottom:8px}.m-popconfirm.bottomLeft .arrow{left:16px}.m-popconfirm.bottom .arrow{left:50%;margin-left:-5px}.m-popconfirm.bottomRight .arrow{right:16px}.m-popconfirm.rightTop .arrow{top:8px}.m-popconfirm.right .arrow{top:50%;margin-top:-5px}.m-popconfirm.rightBottom .arrow{bottom:8px}.u-badge{display:inline;font-weight:700;text-align:center}a.u-badge{text-decoration:none}.u-badge.u-badge-number{-moz-border-radius:1000px;border-radius:1000px}.u-badge{padding:.2em .6em .3em;font-size:11px;line-height:1;background:#aaa;color:#fff;-moz-border-radius:.25em;border-radius:.25em}.u-badge-primary{background:#e31436}.u-badge-info{background:#54a8f7}.u-badge-success{background:#6ebc40}.u-badge-warning{background:#ffb539}.u-badge-error{background:#f48080}.u-icon{line-height:inherit;width:1em;text-align:center}.u-icon-error-circle:before{content:"\f057"}.u-icon-success-circle:before{content:"\f058"}.u-icon-warning-circle:before{content:"\f06a"}.u-icon-quote:before{content:"\f10d"}.u-iconstack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.u-iconstack>.u-icon{position:absolute;left:0;width:100%;text-align:center}.m-image-preview{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:1500}.m-image-preview ul{padding:0}.m-image-preview .m-panel-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:100%;box-shadow:0 0 10px 0 rgba(0,0,0,.5)}.m-image-preview .m-panel-wrapper .m-panel-close,.m-image-preview .m-panel-wrapper .u-next-btn,.m-image-preview .m-panel-wrapper .u-pre-btn{cursor:pointer}.m-image-preview .m-panel-wrapper .m-panel-close{position:absolute;right:26px;top:26px;width:26px;height:26px;background:#fff;box-shadow:0 0 1px 0;border-radius:100px;z-index:5}.m-image-preview .m-panel-wrapper .m-panel-close:after,.m-image-preview .m-panel-wrapper .m-panel-close:before{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;border-radius:100px;background:#000;margin-left:-7px;margin-top:-1px}.m-image-preview .m-panel-wrapper .m-panel-close:before{transform:rotate(45deg)}.m-image-preview .m-panel-wrapper .m-panel-close:after{transform:rotate(-45deg)}.m-image-preview .m-panel-wrapper .m-full-panel,.m-image-preview .m-panel-wrapper .m-thumbnail-panel{position:absolute;top:0;height:100%}.m-image-preview .m-panel-wrapper .m-full-panel{left:0;width:70%}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn{position:absolute;width:55px;height:55px;top:45.454545%;border-radius:100px;background:rgba(0,0,0,.6);z-index:5}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn:before{content:"";display:inline-block;height:100%;vertical-align:middle;background:#fff}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon{display:inline-block;width:100%;height:3px;vertical-align:middle;text-align:center}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:after,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:after,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:before{content:"";position:absolute;width:22px;height:3px;border-radius:100px;background-color:#fff}.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn{left:50px}.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:after,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:before{transform-origin:0}.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:before{transform:translate(-40%,-.5px) rotate(45deg)}.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:after{transform:translate(-40%,.5px) rotate(-45deg)}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn{right:50px}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:after,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:before{transform-origin:100%}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:before{transform:translate(-60%,.5px) rotate(45deg)}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:after{transform:translate(-60%,-.5px) rotate(-45deg)}.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list{position:relative;width:52.290316%;height:75.757576%;margin:7.575758% auto 3.787879%;overflow:hidden}.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list .m-image-item{position:absolute;width:100%;height:100%;text-align:center;transition:opacity .3s}.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list .m-image-item img{max-width:100%;max-height:100%;vertical-align:middle;transition:transform .3s}.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list .m-image-item:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group{position:relative;width:350px;height:50px;margin:0 auto;background:rgba(0,0,0,.6);text-align:center;z-index:5}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item{position:relative;display:inline-block;width:30px;height:28px;line-height:28px;margin-left:20px;vertical-align:middle;text-align:center;color:#fff;font-size:18px;cursor:pointer}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item .u-download{color:#fff}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item .u-scale{position:absolute;font-style:normal;font-size:14px;right:-45px;text-align:center}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item:first-child{margin-left:0}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-image-preview .m-panel-wrapper .m-thumbnail-panel{right:0;width:30%;background:rgba(0,0,0,.6)}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .u-image-name{margin:0 auto;margin-top:12.121212%;height:25px;width:90%;font-size:16px;color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list{margin:15px auto;height:80%;width:370px;padding:10px;box-sizing:border-box}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item{position:relative;display:inline-block;width:80px;height:80px;margin-left:10px;margin-bottom:10px;vertical-align:top;text-align:center;background:#fff;cursor:pointer}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item:nth-child(4n+1){margin-left:0}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current{width:86px;height:86px;margin-left:7px;margin-right:-3px;margin-top:-3px;margin-bottom:-3px}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current:nth-child(4n+1){width:86px;height:86px;margin-right:-3px;margin-left:-3px}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current:nth-child(4n){width:86px;height:86px;margin-left:7px;margin-right:-3px}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current:after{display:none}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item img{max-width:100%;max-height:100%;vertical-align:middle}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4)}.m-image-preview .m-panel-wrapper .m-virtual-zone{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;overflow:hidden;z-index:1;transition:opacity .3s}.m-image-preview .m-panel-wrapper .m-virtual-zone .m-image-wrapper{position:relative;width:52.290316%;height:75.757576%;margin:7.575758% auto 3.787879%;text-align:center;cursor:-webkit-grab;transition:all .3s ease-in-out}.m-image-preview .m-panel-wrapper .m-virtual-zone .m-image-wrapper:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-image-preview .m-panel-wrapper .m-virtual-zone .m-image-wrapper img{max-width:100%;max-height:100%;vertical-align:middle}.u-loading{position:fixed;display:block;text-align:center;font-size:26px;line-height:1;z-index:1050;top:0;bottom:0;left:0;right:0}.u-loading>*{position:relative;top:50%}.u-loading .loading-circular{width:42px;height:42px;animation:loading-rotate 2s linear infinite}.u-loading .loading-circular .loading-path{stroke-dasharray:1,200;stroke-dashoffset:0;stroke:#e31436;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.u-loading-fixed{color:#fff}.u-loading-fixed:before{content:" ";position:absolute;top:0;bottom:0;left:0;right:0;-webkit-overflow-scrolling:touch;touch-action:cross-slide-y pinch-zoom double-tap-zoom;background:rgba(0,0,0,.3)}.u-loading-static{position:static;display:inline-block;font-size:inherit}.u-loading-static>*{position:static}.u-loading-static:before{content:" "}.u-progress{overflow:hidden}.u-progress .progress_bar{width:0;height:100%;float:left;text-align:center}.u-progress{height:20px;line-height:20px;background:#fff}.u-progress .progress_bar{background:#e31436;font-size:12px;color:#fff;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;transition:width .6s ease}.u-progress-xs{height:3px;line-height:3px;text-indent:-2000px}.u-progress-sm{height:8px;line-height:8px;text-indent:-2000px}.u-progress-lg{height:28px;line-height:28px}.u-progress-xl{height:40px;line-height:40px}.u-progress-info .progress_bar{background-color:#54a8f7}.u-progress-success .progress_bar{background-color:#6ebc40}.u-progress-warning .progress_bar{background-color:#ffb539}.u-progress-error .progress_bar{background-color:#f48080}.u-progress-striped .progress_bar{background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.u-progress-striped.z-act .progress_bar{-webkit-animation:u-progress-striped 2s linear infinite;-moz-animation:u-progress-striped 2s linear infinite;animation:u-progress-striped 2s linear infinite}@-webkit-keyframes u-progress-striped{0%{background-position:0 0}100%{background-position:40px 0}}@-moz-keyframes u-progress-striped{0%{background-position:0 0}100%{background-position:40px 0}}@-o-keyframes u-progress-striped{0%{background-position:0 0}100%{background-position:40px 0}}@keyframes u-progress-striped{0%{background-position:0 0}100%{background-position:40px 0}}.u-popover,.u-tooltip{position:absolute;z-index:2000;font-size:12px;line-height:1.5}.u-popover .arrow,.u-popover .arrow:after,.u-tooltip .arrow,.u-tooltip .arrow:after{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.u-tooltip .inner{max-width:250px;padding:8px 10px;margin:0;color:#fff;text-align:left;text-decoration:none;background-color:rgba(64,64,64,.85);border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2)}.u-tooltip.top,.u-tooltip.topLeft,.u-tooltip.topRight{padding:5px 0 8px 0}.u-tooltip.top .arrow,.u-tooltip.topLeft .arrow,.u-tooltip.topRight .arrow{bottom:3px;border-width:5px 5px 0;border-top-color:rgba(64,64,64,.85)}.u-tooltip.left,.u-tooltip.leftBottom,.u-tooltip.leftTop{padding:0 8px 0 5px}.u-tooltip.left .arrow,.u-tooltip.leftBottom .arrow,.u-tooltip.leftTop .arrow{right:3px;border-width:5px 0 5px 5px;border-left-color:rgba(64,64,64,.85)}.u-tooltip.bottom,.u-tooltip.bottomLeft,.u-tooltip.bottomRight{padding:8px 0 5px 0}.u-tooltip.bottom .arrow,.u-tooltip.bottomLeft .arrow,.u-tooltip.bottomRight .arrow{top:3px;border-width:0 5px 5px;border-bottom-color:rgba(64,64,64,.85)}.u-tooltip.right,.u-tooltip.rightBottom,.u-tooltip.rightTop{padding:0 5px 0 8px}.u-tooltip.right .arrow,.u-tooltip.rightBottom .arrow,.u-tooltip.rightTop .arrow{left:3px;border-width:5px 5px 5px 0;border-right-color:rgba(64,64,64,.85)}.u-tooltip.topLeft .arrow{left:16px}.u-tooltip.top .arrow{left:50%;margin-left:-5px}.u-tooltip.topRight .arrow{right:16px}.u-tooltip.leftTop .arrow{top:8px}.u-tooltip.left .arrow{top:50%;margin-top:-5px}.u-tooltip.leftBottom .arrow{bottom:8px}.u-tooltip.bottomLeft .arrow{left:16px}.u-tooltip.bottom .arrow{left:50%;margin-left:-5px}.u-tooltip.bottomRight .arrow{right:16px}.u-tooltip.rightTop .arrow{top:8px}.u-tooltip.right .arrow{top:50%;margin-top:-5px}.u-tooltip.rightBottom .arrow{bottom:8px} diff --git a/doc/v0.6/css/nek-ui.red.css b/doc/v0.6/css/nek-ui.red.css new file mode 100644 index 00000000..8d467bbe --- /dev/null +++ b/doc/v0.6/css/nek-ui.red.css @@ -0,0 +1,8160 @@ +article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ + display:block; +} +audio,canvas,video{ + display:inline-block; + *display:inline; + *zoom:1; +} +audio:not([controls]){ + display:none; + height:0; +} +[hidden]{ + display:none; +} +html{ + font-size:100%; + -ms-text-size-adjust:100%; + -webkit-text-size-adjust:100%; +} +html,button,input,select,textarea{ + font-family:sans-serif; +} +body{ + margin:0; +} +a:focus{ + outline:thin dotted; +} +a:active,a:hover{ + outline:0; +} +h1{ + font-size:2em; + margin:0.67em 0; +} +h2{ + font-size:1.5em; + margin:0.83em 0; +} +h3{ + font-size:1.17em; + margin:1em 0; +} +h4{ + font-size:1em; + margin:1.33em 0; +} +h5{ + font-size:0.83em; + margin:1.67em 0; +} +h6{ + font-size:0.67em; + margin:2.33em 0; +} +abbr[title]{ + border-bottom:1px dotted; +} +b,strong{ + font-weight:bold; +} +blockquote{ + margin:1em 40px; +} +dfn{ + font-style:italic; +} +hr{ + -moz-box-sizing:content-box; + box-sizing:content-box; + height:0; +} +mark{ + background:#ff0; + color:#000; +} +p,pre{ + margin:1em 0; +} +code,kbd,pre,samp{ + font-family:monospace,serif; + _font-family:"courier new",monospace; + font-size:1em; +} +pre{ + white-space:pre; + white-space:pre-wrap; + word-wrap:break-word; +} +q{ + quotes:none; +} +q:before,q:after{ + content:""; + content:none; +} +small{ + font-size:80%; +} +sub,sup{ + font-size:75%; + line-height:0; + position:relative; + vertical-align:baseline; +} +sup{ + top:-0.5em; +} +sub{ + bottom:-0.25em; +} +dl,menu,ol,ul{ + margin:1em 0; +} +dd{ + margin:0 0 0 40px; +} +menu,ol,ul{ + padding:0 0 0 40px; +} +nav ul,nav ol{ + list-style:none; + list-style-image:none; +} +img{ + border:0; + -ms-interpolation-mode:bicubic; +} +svg:not(:root){ + overflow:hidden; +} +figure{ + margin:0; +} +form{ + margin:0; +} +fieldset{ + border:1px solid #c0c0c0; + margin:0 2px; + padding:0.35em 0.625em 0.75em; +} +legend{ + border:0; + padding:0; + white-space:normal; + *margin-left:-7px; +} +button,input,select,textarea{ + font-size:100%; + margin:0; + vertical-align:baseline; + *vertical-align:middle; +} +button,input{ + line-height:normal; +} +button,select{ + text-transform:none; +} +button,html input[type="button"], input[type="reset"],input[type="submit"]{ + -webkit-appearance:button; + cursor:pointer; + *overflow:visible; +} +button[disabled],html input[disabled]{ + cursor:default; +} +input[type="checkbox"],input[type="radio"]{ + box-sizing:border-box; + padding:0; + *height:13px; + *width:13px; +} +input[type="search"]{ + -webkit-appearance:textfield; + -moz-box-sizing:content-box; + -webkit-box-sizing:content-box; + box-sizing:content-box; +} +input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{ + -webkit-appearance:none; +} +button::-moz-focus-inner,input::-moz-focus-inner{ + border:0; + padding:0; +} +textarea{ + overflow:auto; + vertical-align:top; +} +table{ + border-collapse:collapse; + border-spacing:0; +} +.f-cb:after,.f-cbli li:after{ + display:block; + clear:both; + visibility:hidden; + height:0; + overflow:hidden; + content:"."; +} +.f-cb,.f-cbli li{ + zoom:1; +} +.f-ib{ + display:inline-block; + *display:inline; + *zoom:1; +} +.f-dn{ + display:none; +} +.f-db{ + display:block; +} +.f-fl{ + float:left; +} +.f-fr{ + float:right; +} +.f-pr{ + position:relative; +} +.f-prz{ + position:relative; + zoom:1; +} +.f-oh{ + overflow:hidden; +} +.f-fwn{ + font-weight:normal; +} +.f-fwb{ + font-weight:bold; +} +.f-tal{ + text-align:left; +} +.f-tac{ + text-align:center; +} +.f-tar{ + text-align:right; +} +.f-taj{ + text-align:justify; + text-justify:inter-ideograph; +} +.f-vat{ + vertical-align:top; +} +.f-vam,.f-vama *{ + vertical-align:middle; +} +.f-vab{ + vertical-align:bottom; +} +.f-wsn,.m-pager,.m-pager .m-right-pager{ + word-wrap:normal; + white-space:nowrap; +} +.f-pre{ + overflow:hidden; + text-align:left; + white-space:pre-wrap; + word-wrap:break-word; + word-break:break-all; +} +.f-wwb{ + white-space:normal; + word-wrap:break-word; + word-break:break-all; +} +.f-toe,.u-select .dropdown_hd{ + overflow:hidden; + word-wrap:normal; + white-space:nowrap; + text-overflow:ellipsis; +} +.f-usn{ + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + -o-user-select:none; + user-select:none; +} +.f-lsn,.m-listview,.m-treeview .treeview_list,.kl-m-crumb,.m-pager,.m-pager .m-right-pager,.m-tabs .tabs_hd{ + list-style:none; + margin:0; + padding:0; +} +.f-lsi,.kl-m-crumb,.m-pager,.m-pager .m-right-pager{ + letter-spacing:-5px; +} +.f-lsi >*,.kl-m-crumb >*,.m-pager >*,.m-pager .m-right-pager >*{ + letter-spacing:normal; +} +.f-ti{ + overflow:hidden; + text-indent:-30000px; +} +.f-ti2{ + text-indent:2em; +} +.f-lhn{ + line-height:normal; +} +.f-tdu,.f-tdu:hover{ + text-decoration:underline; +} +.f-tdn,.f-tdn:hover{ + text-decoration:none; +} +.f-csp{ + cursor:pointer; +} +.f-csd{ + cursor:default; +} +.f-csh{ + cursor:help; +} +.f-csm{ + cursor:move; +} +.f-mb5{ + margin-bottom:5px; +} +.f-mr5{ + margin-right:5px; +} +.f-ml5{ + margin-left:5px; +} +.f-mt5{ + margin-top:5px; +} +.f-mb10{ + margin-bottom:10px !important; +} +.f-mr10{ + margin-right:10px; +} +.f-ml10{ + margin-left:10px; +} +.f-mt10{ + margin-top:10px !important; +} +.f-mb15{ + margin-bottom:15px; +} +.f-mr15{ + margin-right:15px; +} +.f-ml15{ + margin-left:15px; +} +.f-mt15{ + margin-top:15px; +} +.f-mb20{ + margin-bottom:20px; +} +.f-mr20{ + margin-right:20px; +} +.f-ml20{ + margin-left:20px; +} +.f-mt20{ + margin-top:20px; +} +.f-color-primary{ + color:#e31436; +} +.f-color-secondary{ + color:#e31436; +} +.f-color-info{ + color:#54a8f7; +} +.f-color-success{ + color:#6ebc40; +} +.f-color-error{ + color:#f48080; +} +.f-color-warning{ + color:#ffb539; +} +html{ + -webkit-text-size-adjust:100%; + -ms-text-size-adjust:100%; +} +body{ + font:12px/1.6 PingFangTC-Regular,Microsoft YaHei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif; + background:#fff; + color:#333; +} +a{ + text-decoration:none; + cursor:pointer; + background:transparent; +} +a:hover{ + text-decoration:underline; +} +a:hover,a:focus{ + outline:0; +} +hr{ + border:none; +} +em{ + font-style:normal; +} +ins{ + text-decoration:none; +} +pre,code,kbd,samp{ + font-family:"YaHei Consolas Hybrid",Consolas,"Liberation Mono",Menlo,Courier,monospace; +} +abbr[title]{ + cursor:help; +} +dfn{ + font-style:normal; + font-weight:bold; +} +q:before{ + content:"“"; +} +q:after{ + content:"”"; +} +q q:before{ + content:"‘"; +} +q q:after{ + content:"’"; +} +blockquote,figure{ + margin:0; +} +blockquote footer{ + text-align:right; +} +blockquote footer:before{ + content:"—— "; +} +pre{ + -webkit-tab-size:4; + -moz-tab-size:4; + tab-size:4; + overflow:auto; +} +pre code{ + background:none; + border:none; + padding:0; + margin:0; + font-size:inherit; + color:inherit; +} +ul>li>ul,ul>li>ol,ol>li>ol,ol>li>ul{ + margin:0; +} +dt{ + font-weight:bold; +} +dd{ + margin-left:0; +} +address{ + font-style:normal; +} +img{ + max-width:100%; + height:auto; + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + border:none; + vertical-align:middle; +} +svg:not(:root){ + overflow:hidden; +} +article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{ + display:block; +} +iframe{ + border:none; +} +audio:not([controls]){ + display:none; +} +progress{ + vertical-align:baseline; +} +h1,h2,h3,h4,h5,h6{ + margin:25px 0 15px; +} +h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{ + color:#777; +} +h1{ + font-size:36px; + line-height:42px; +} +h2{ + font-size:24px; + line-height:30px; +} +h3{ + font-size:18px; + line-height:24px; +} +h4{ + font-size:16px; + line-height:22px; +} +h5{ + font-size:14px; + line-height:20px; +} +h6{ + font-size:12px; + line-height:18px; +} +a{ + color:#54a8f7; +} +hr{ + border-top:1px solid #fff; +} +em{ + color:#d05; +} +ins{ + background:#ffa; + color:#444; +} +mark{ + background:#ffa; + color:#444; +} +small{ + font-size:80%; +} +code{ + padding:0 3px; + font-size:12px; + background:#fafafa; + color:#d05; +} +kbd{ + margin:0 3px; + padding:2px 3px; + font-size:12px; + color:#e74c3c; + background:#fafafa; + border-bottom:2px solid #eee; +} +abbr[title]{ + border-bottom:1px dotted; +} +blockquote{ + padding:4px 16px; + background:#fafafa; + border-left:4px solid #eee; +} +pre{ + padding:6px 12px; + font-size:12px; + background:#fafafa; + color:#333; + -moz-border-radius:2px; + border-radius:2px; +} +input[type=checkbox]{ + -webkit-appearance:checkbox; +} +input[type=radio]{ + -webkit-appearance:radio; +} +*::selection,*::-moz-selection,*::-webkit-selection{ + color:#fff; + background:#39f; +} +body{ + -webkit-backface-visibility:hidden; +} +.animated{ + -webkit-animation-duration:1s; + -moz-animation-duration:1s; + animation-duration:1s; + -webkit-animation-fill-mode:both; + -moz-animation-fill-mode:both; + animation-fill-mode:both; +} +@-webkit-keyframes fadeIn{ + 0%{ + opacity:0; + } + 100%{ + opacity:1; + } +} +@-moz-keyframes fadeIn{ + 0%{ + opacity:0; + } + 100%{ + opacity:1; + } +} +@-o-keyframes fadeIn{ + 0%{ + opacity:0; + } + 100%{ + opacity:1; + } +} +@keyframes fadeIn{ + 0%{ + opacity:0; + } + 100%{ + opacity:1; + } +} +.animated.fadeIn{ + -webkit-animation-name:fadeIn; + -moz-animation-name:fadeIn; + animation-name:fadeIn; +} +@-webkit-keyframes fadeOut{ + 0%{ + opacity:1; + } + 100%{ + opacity:0; + } +} +@-moz-keyframes fadeOut{ + 0%{ + opacity:1; + } + 100%{ + opacity:0; + } +} +@-o-keyframes fadeOut{ + 0%{ + opacity:1; + } + 100%{ + opacity:0; + } +} +@keyframes fadeOut{ + 0%{ + opacity:1; + } + 100%{ + opacity:0; + } +} +.animated.fadeOut{ + -webkit-animation-name:fadeOut; + -moz-animation-name:fadeOut; + animation-name:fadeOut; +} +@-webkit-keyframes bounceIn{ + 0%{ + opacity:0; + -webkit-transform:scale(0.3); + } + 50%{ + opacity:1; + -webkit-transform:scale(1.05); + } + 70%{ + -webkit-transform:scale(0.9); + } + 100%{ + -webkit-transform:scale(1); + } +} +@-moz-keyframes bounceIn{ + 0%{ + opacity:0; + -moz-transform:scale(0.3); + } + 50%{ + opacity:1; + -moz-transform:scale(1.05); + } + 70%{ + -moz-transform:scale(0.9); + } + 100%{ + -moz-transform:scale(1); + } +} +@-o-keyframes bounceIn{ + 0%{ + opacity:0; + -o-transform:scale(0.3); + } + 50%{ + opacity:1; + -o-transform:scale(1.05); + } + 70%{ + -o-transform:scale(0.9); + } + 100%{ + -o-transform:scale(1); + } +} +@keyframes bounceIn{ + 0%{ + opacity:0; + transform:scale(0.3); + } + 50%{ + opacity:1; + transform:scale(1.05); + } + 70%{ + transform:scale(0.9); + } + 100%{ + transform:scale(1); + } +} +.animated.bounceIn{ + -webkit-animation-name:bounceIn; + -moz-animation-name:bounceIn; + animation-name:bounceIn; +} +@-webkit-keyframes bounceOut{ + 0%{ + -webkit-transform:scale(1); + } + 25%{ + -webkit-transform:scale(0.95); + } + 50%{ + opacity:1; + -webkit-transform:scale(1.1); + } + 100%{ + opacity:0; + -webkit-transform:scale(0.3); + } +} +@-moz-keyframes bounceOut{ + 0%{ + -moz-transform:scale(1); + } + 25%{ + -moz-transform:scale(0.95); + } + 50%{ + opacity:1; + -moz-transform:scale(1.1); + } + 100%{ + opacity:0; + -moz-transform:scale(0.3); + } +} +@-o-keyframes bounceOut{ + 0%{ + -o-transform:scale(1); + } + 25%{ + -o-transform:scale(0.95); + } + 50%{ + opacity:1; + -o-transform:scale(1.1); + } + 100%{ + opacity:0; + -o-transform:scale(0.3); + } +} +@keyframes bounceOut{ + 0%{ + transform:scale(1); + } + 25%{ + transform:scale(0.95); + } + 50%{ + opacity:1; + transform:scale(1.1); + } + 100%{ + opacity:0; + transform:scale(0.3); + } +} +.animated.bounceOut{ + -webkit-animation-name:bounceOut; + -moz-animation-name:bounceOut; + animation-name:bounceOut; +} +@-webkit-keyframes fadeInX{ + 0%{ + opacity:0; + -webkit-transform:translateX(30px); + } + 100%{ + opacity:1; + -webkit-transform:translateX(0); + } +} +@-moz-keyframes fadeInX{ + 0%{ + opacity:0; + -moz-transform:translateX(30px); + } + 100%{ + opacity:1; + -moz-transform:translateX(0); + } +} +@-o-keyframes fadeInX{ + 0%{ + opacity:0; + -o-transform:translateX(30px); + } + 100%{ + opacity:1; + -o-transform:translateX(0); + } +} +@keyframes fadeInX{ + 0%{ + opacity:0; + transform:translateX(30px); + } + 100%{ + opacity:1; + transform:translateX(0); + } +} +.animated.fadeInX{ + -webkit-animation-name:fadeInX; + -moz-animation-name:fadeInX; + animation-name:fadeInX; +} +@-webkit-keyframes fadeInY{ + 0%{ + opacity:0; + -webkit-transform:translateY(-5px); + } + 100%{ + opacity:1; + -webkit-transform:translateY(0); + } +} +@-moz-keyframes fadeInY{ + 0%{ + opacity:0; + -moz-transform:translateY(-5px); + } + 100%{ + opacity:1; + -moz-transform:translateY(0); + } +} +@-o-keyframes fadeInY{ + 0%{ + opacity:0; + -o-transform:translateY(-5px); + } + 100%{ + opacity:1; + -o-transform:translateY(0); + } +} +@keyframes fadeInY{ + 0%{ + opacity:0; + transform:translateY(-5px); + } + 100%{ + opacity:1; + transform:translateY(0); + } +} +.animated.fadeInY{ + -webkit-animation-name:fadeInY; + -moz-animation-name:fadeInY; + animation-name:fadeInY; +} +@-webkit-keyframes fadeOutY{ + 0%{ + opacity:1; + -webkit-transform:translateY(0); + } + 100%{ + opacity:0; + -webkit-transform:translateY(-5px); + } +} +@-moz-keyframes fadeOutY{ + 0%{ + opacity:1; + -moz-transform:translateY(0); + } + 100%{ + opacity:0; + -moz-transform:translateY(-5px); + } +} +@-o-keyframes fadeOutY{ + 0%{ + opacity:1; + -o-transform:translateY(0); + } + 100%{ + opacity:0; + -o-transform:translateY(-5px); + } +} +@keyframes fadeOutY{ + 0%{ + opacity:1; + transform:translateY(0); + } + 100%{ + opacity:0; + transform:translateY(-5px); + } +} +.animated.fadeOutY{ + -webkit-animation-name:fadeOutY; + -moz-animation-name:fadeOutY; + animation-name:fadeOutY; +} +@-webkit-keyframes pulse{ + 0%{ + -webkit-transform:scale(1); + } + 50%{ + -webkit-transform:scale(1.1); + } + 100%{ + -webkit-transform:scale(1); + } +} +@-moz-keyframes pulse{ + 0%{ + -moz-transform:scale(1); + } + 50%{ + -moz-transform:scale(1.1); + } + 100%{ + -moz-transform:scale(1); + } +} +@-o-keyframes pulse{ + 0%{ + -o-transform:scale(1); + } + 50%{ + -o-transform:scale(1.1); + } + 100%{ + -o-transform:scale(1); + } +} +@keyframes pulse{ + 0%{ + transform:scale(1); + } + 50%{ + transform:scale(1.1); + } + 100%{ + transform:scale(1); + } +} +.animated.pulse{ + -webkit-animation-name:pulse; + -moz-animation-name:pulse; + animation-name:pulse; +} +.animated{ + -webkit-animation-duration:0.2s; + -moz-animation-duration:0.2s; + animation-duration:0.2s; +} +.modal_animated{ + -webkit-animation-duration:0.3s; + -moz-animation-duration:0.3s; + animation-duration:0.3s; +} +@keyframes zoomOut{ + from{ + opacity:1; + } + 50%{ + opacity:0; + transform:scale3d(0.3,0.3,0.3); + } + to{ + opacity:0; + } +} +.zoomOut{ + animation-name:zoomOut; +} +.modal_zoomOut .modal_dialog{ + animation-name:zoomOut; + -webkit-animation-duration:0.3s; + -moz-animation-duration:0.3s; + animation-duration:0.3s; +} +@keyframes zoomIn{ + from{ + opacity:0; + transform:scale3d(0.3,0.3,0.3); + } + 50%{ + opacity:1; + } +} +.zoomIn{ + animation-name:zoomIn; +} +.modal_zoomIn .modal_dialog{ + animation-name:zoomIn; + -webkit-animation-duration:0.3s; + -moz-animation-duration:0.3s; + animation-duration:0.3s; +} +@font-face { + font-family:"icomoon"; + src:url("../fonts/icomoon.eot?h16as7"); + src:url("../fonts/icomoon.eot?h16as7#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?h16as7") format("truetype"),url("../fonts/icomoon.woff?h16as7") format("woff"),url("../fonts/icomoon.svg?h16as7#icomoon") format("svg"); + font-weight:normal; + font-style:normal; +} +.u-icon{ + display:inline-block; + font:normal normal normal 14px/1 icomoon; + font-size:inherit; + text-rendering:auto; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; +} +.u-icon-lg{ + font-size:1.333333em; + line-height:0.75em; + vertical-align:-15%; +} +.u-icon-2x{ + font-size:2em; +} +.u-icon-3x{ + font-size:3em; +} +.u-icon-4x{ + font-size:4em; +} +.u-icon-5x{ + font-size:5em; +} +.u-icon-fw{ + width:1.285714em; + text-align:center; +} +.u-icon-ul{ + padding-left:0; + margin-left:2.142857em; + list-style-type:none; +} +.u-icon-ul>li{ + position:relative; +} +.u-icon-li{ + position:absolute; + left:-2.142857em; + width:2.142857em; + top:0.142857em; + text-align:center; +} +.u-icon-li.u-icon-lg{ + left:-1.857143em; +} +.u-icon-border{ + padding:0.2em 0.25em 0.15em; + border:solid 0.08em #eee; + border-radius:0.1em; +} +.u-icon-pull-left{ + float:left; +} +.u-icon-pull-right{ + float:right; +} +.u-icon.u-icon-pull-left{ + margin-right:0.3em; +} +.u-icon.u-icon-pull-right{ + margin-left:0.3em; +} +.pull-right{ + float:right; +} +.pull-left{ + float:left; +} +.u-icon.pull-left{ + margin-right:0.3em; +} +.u-icon.pull-right{ + margin-left:0.3em; +} +.u-icon-spin{ + -webkit-animation:fa-spin 2s infinite linear; + animation:fa-spin 2s infinite linear; +} +.u-icon-pulse{ + -webkit-animation:fa-spin 1s infinite steps(8); + animation:fa-spin 1s infinite steps(8); +} +@-webkit-keyframes fa-spin{ + 0%{ + -webkit-transform:rotate(0deg); + transform:rotate(0deg); + } + 100%{ + -webkit-transform:rotate(359deg); + transform:rotate(359deg); + } +} +@keyframes fa-spin{ + 0%{ + -webkit-transform:rotate(0deg); + transform:rotate(0deg); + } + 100%{ + -webkit-transform:rotate(359deg); + transform:rotate(359deg); + } +} +.u-icon-rotate-90{ + -webkit-transform:rotate(90deg); + -ms-transform:rotate(90deg); + transform:rotate(90deg); +} +.u-icon-rotate-180{ + -webkit-transform:rotate(180deg); + -ms-transform:rotate(180deg); + transform:rotate(180deg); +} +.u-icon-rotate-270{ + -webkit-transform:rotate(270deg); + -ms-transform:rotate(270deg); + transform:rotate(270deg); +} +.u-icon-flip-horizontal{ + -webkit-transform:scale(-1,1); + -ms-transform:scale(-1,1); + transform:scale(-1,1); +} +.u-icon-flip-vertical{ + -webkit-transform:scale(1,-1); + -ms-transform:scale(1,-1); + transform:scale(1,-1); +} +.u-icon-stack{ + position:relative; + display:inline-block; + width:2em; + height:2em; + line-height:2em; + vertical-align:middle; +} +.u-icon-stack-1x,.u-icon-stack-2x{ + position:absolute; + left:0; + width:100%; + text-align:center; +} +.u-icon-stack-1x{ + line-height:inherit; +} +.u-icon-stack-2x{ + font-size:2em; +} +.u-icon-inverse{ + color:#fff; +} +.u-icon-glass:before{ + content:"\f000"; +} +.u-icon-music:before{ + content:"\f001"; +} +.u-icon-search:before{ + content:"\f002"; +} +.u-icon-envelope-o:before{ + content:"\f003"; +} +.u-icon-heart:before{ + content:"\f004"; +} +.u-icon-star:before{ + content:"\f005"; +} +.u-icon-star-o:before{ + content:"\f006"; +} +.u-icon-user:before{ + content:"\f007"; +} +.u-icon-film:before{ + content:"\f008"; +} +.u-icon-th-large:before{ + content:"\f009"; +} +.u-icon-th:before{ + content:"\f00a"; +} +.u-icon-th-list:before{ + content:"\f00b"; +} +.u-icon-check:before{ + content:"\f00c"; +} +.u-icon-remove:before{ + content:"\f00d"; +} +.u-icon-search-plus:before{ + content:"\f00e"; +} +.u-icon-search-minus:before{ + content:"\f010"; +} +.u-icon-power-off:before{ + content:"\f011"; +} +.u-icon-signal:before{ + content:"\f012"; +} +.u-icon-gear:before,.u-icon-cog:before{ + content:"\f013"; +} +.u-icon-trash-o:before{ + content:"\f014"; +} +.u-icon-home:before{ + content:"\f015"; +} +.u-icon-file-o:before{ + content:"\f016"; +} +.u-icon-clock-o:before{ + content:"\f017"; +} +.u-icon-road:before{ + content:"\f018"; +} +.u-icon-download:before{ + content:"\f019"; +} +.u-icon-arrow-circle-o-down:before{ + content:"\f01a"; +} +.u-icon-arrow-circle-o-up:before{ + content:"\f01b"; +} +.u-icon-inbox:before{ + content:"\f01c"; +} +.u-icon-play-circle-o:before{ + content:"\f01d"; +} +.u-icon-rotate-right:before,.u-icon-repeat:before{ + content:"\f01e"; +} +.u-icon-refresh:before{ + content:"\f021"; +} +.u-icon-list-alt:before{ + content:"\f022"; +} +.u-icon-lock:before{ + content:"\f023"; +} +.u-icon-flag:before{ + content:"\f024"; +} +.u-icon-headphones:before{ + content:"\f025"; +} +.u-icon-volume-off:before{ + content:"\f026"; +} +.u-icon-volume-down:before{ + content:"\f027"; +} +.u-icon-volume-up:before{ + content:"\f028"; +} +.u-icon-qrcode:before{ + content:"\f029"; +} +.u-icon-barcode:before{ + content:"\f02a"; +} +.u-icon-tag:before{ + content:"\f02b"; +} +.u-icon-tags:before{ + content:"\f02c"; +} +.u-icon-book:before{ + content:"\f02d"; +} +.u-icon-bookmark:before{ + content:"\f02e"; +} +.u-icon-print:before{ + content:"\f02f"; +} +.u-icon-camera:before{ + content:"\f030"; +} +.u-icon-font:before{ + content:"\f031"; +} +.u-icon-bold:before{ + content:"\f032"; +} +.u-icon-italic:before{ + content:"\f033"; +} +.u-icon-text-height:before{ + content:"\f034"; +} +.u-icon-text-width:before{ + content:"\f035"; +} +.u-icon-align-left:before{ + content:"\f036"; +} +.u-icon-align-center:before{ + content:"\f037"; +} +.u-icon-align-right:before{ + content:"\f038"; +} +.u-icon-align-justify:before{ + content:"\f039"; +} +.u-icon-list:before{ + content:"\f03a"; +} +.u-icon-dedent:before,.u-icon-outdent:before{ + content:"\f03b"; +} +.u-icon-indent:before{ + content:"\f03c"; +} +.u-icon-video-camera:before{ + content:"\f03d"; +} +.u-icon-photo:before,.u-icon-image:before,.u-icon-picture-o:before{ + content:"\f03e"; +} +.u-icon-pencil:before{ + content:"\f040"; +} +.u-icon-map-marker:before{ + content:"\f041"; +} +.u-icon-adjust:before{ + content:"\f042"; +} +.u-icon-tint:before{ + content:"\f043"; +} +.u-icon-edit:before,.u-icon-pencil-square-o:before{ + content:"\f044"; +} +.u-icon-share-square-o:before{ + content:"\f045"; +} +.u-icon-check-square-o:before{ + content:"\f046"; +} +.u-icon-arrows:before{ + content:"\f047"; +} +.u-icon-step-backward:before{ + content:"\f048"; +} +.u-icon-fast-backward:before{ + content:"\f049"; +} +.u-icon-backward:before{ + content:"\f04a"; +} +.u-icon-play:before{ + content:"\f04b"; +} +.u-icon-pause:before{ + content:"\f04c"; +} +.u-icon-stop:before{ + content:"\f04d"; +} +.u-icon-forward:before{ + content:"\f04e"; +} +.u-icon-fast-forward:before{ + content:"\f050"; +} +.u-icon-step-forward:before{ + content:"\f051"; +} +.u-icon-eject:before{ + content:"\f052"; +} +.u-icon-chevron-left:before{ + content:"\f053"; +} +.u-icon-chevron-right:before{ + content:"\f054"; +} +.u-icon-plus-circle:before{ + content:"\f055"; +} +.u-icon-minus-circle:before{ + content:"\f056"; +} +.u-icon-times-circle:before{ + content:"\f057"; +} +.u-icon-check-circle:before{ + content:"\f058"; +} +.u-icon-question-circle:before{ + content:"\f059"; +} +.u-icon-info-circle:before{ + content:"\f05a"; +} +.u-icon-crosshairs:before{ + content:"\f05b"; +} +.u-icon-times-circle-o:before{ + content:"\f05c"; +} +.u-icon-check-circle-o:before{ + content:"\f05d"; +} +.u-icon-ban:before{ + content:"\f05e"; +} +.u-icon-arrow-left:before{ + content:"\f060"; +} +.u-icon-arrow-right:before{ + content:"\f061"; +} +.u-icon-arrow-up:before{ + content:"\f062"; +} +.u-icon-arrow-down:before{ + content:"\f063"; +} +.u-icon-mail-forward:before,.u-icon-share:before{ + content:"\f064"; +} +.u-icon-expand:before{ + content:"\f065"; +} +.u-icon-compress:before{ + content:"\f066"; +} +.u-icon-plus:before{ + content:"\f067"; +} +.u-icon-minus:before{ + content:"\f068"; +} +.u-icon-asterisk:before{ + content:"\f069"; +} +.u-icon-exclamation-circle:before{ + content:"\f06a"; +} +.u-icon-gift:before{ + content:"\f06b"; +} +.u-icon-leaf:before{ + content:"\f06c"; +} +.u-icon-fire:before{ + content:"\f06d"; +} +.u-icon-eye:before{ + content:"\f06e"; +} +.u-icon-eye-slash:before{ + content:"\f070"; +} +.u-icon-warning:before,.u-icon-exclamation-triangle:before{ + content:"\f071"; +} +.u-icon-plane:before{ + content:"\f072"; +} +.u-icon-calendar:before{ + content:"\f073"; +} +.u-icon-random:before{ + content:"\f074"; +} +.u-icon-comment:before{ + content:"\f075"; +} +.u-icon-magnet:before{ + content:"\f076"; +} +.u-icon-chevron-up:before{ + content:"\f077"; +} +.u-icon-chevron-down:before{ + content:"\f078"; +} +.u-icon-retweet:before{ + content:"\f079"; +} +.u-icon-shopping-cart:before{ + content:"\f07a"; +} +.u-icon-folder:before{ + content:"\f07b"; +} +.u-icon-folder-open:before{ + content:"\f07c"; +} +.u-icon-arrows-v:before{ + content:"\f07d"; +} +.u-icon-arrows-h:before{ + content:"\f07e"; +} +.u-icon-bar-chart-o:before,.u-icon-bar-chart:before{ + content:"\f080"; +} +.u-icon-twitter-square:before{ + content:"\f081"; +} +.u-icon-facebook-square:before{ + content:"\f082"; +} +.u-icon-camera-retro:before{ + content:"\f083"; +} +.u-icon-key:before{ + content:"\f084"; +} +.u-icon-gears:before,.u-icon-cogs:before{ + content:"\f085"; +} +.u-icon-comments:before{ + content:"\f086"; +} +.u-icon-thumbs-o-up:before{ + content:"\f087"; +} +.u-icon-thumbs-o-down:before{ + content:"\f088"; +} +.u-icon-star-half:before{ + content:"\f089"; +} +.u-icon-heart-o:before{ + content:"\f08a"; +} +.u-icon-sign-out:before{ + content:"\f08b"; +} +.u-icon-linkedin-square:before{ + content:"\f08c"; +} +.u-icon-thumb-tack:before{ + content:"\f08d"; +} +.u-icon-external-link:before{ + content:"\f08e"; +} +.u-icon-sign-in:before{ + content:"\f090"; +} +.u-icon-trophy:before{ + content:"\f091"; +} +.u-icon-github-square:before{ + content:"\f092"; +} +.u-icon-upload:before{ + content:"\f093"; +} +.u-icon-lemon-o:before{ + content:"\f094"; +} +.u-icon-phone:before{ + content:"\f095"; +} +.u-icon-square-o:before{ + content:"\f096"; +} +.u-icon-bookmark-o:before{ + content:"\f097"; +} +.u-icon-phone-square:before{ + content:"\f098"; +} +.u-icon-twitter:before{ + content:"\f099"; +} +.u-icon-facebook-f:before,.u-icon-facebook:before{ + content:"\f09a"; +} +.u-icon-github:before{ + content:"\f09b"; +} +.u-icon-unlock:before{ + content:"\f09c"; +} +.u-icon-credit-card:before{ + content:"\f09d"; +} +.u-icon-feed:before,.u-icon-rss:before{ + content:"\f09e"; +} +.u-icon-hdd-o:before{ + content:"\f0a0"; +} +.u-icon-bullhorn:before{ + content:"\f0a1"; +} +.u-icon-bell:before{ + content:"\f0f3"; +} +.u-icon-certificate:before{ + content:"\f0a3"; +} +.u-icon-hand-o-right:before{ + content:"\f0a4"; +} +.u-icon-hand-o-left:before{ + content:"\f0a5"; +} +.u-icon-hand-o-up:before{ + content:"\f0a6"; +} +.u-icon-hand-o-down:before{ + content:"\f0a7"; +} +.u-icon-arrow-circle-left:before{ + content:"\f0a8"; +} +.u-icon-arrow-circle-right:before{ + content:"\f0a9"; +} +.u-icon-arrow-circle-up:before{ + content:"\f0aa"; +} +.u-icon-arrow-circle-down:before{ + content:"\f0ab"; +} +.u-icon-globe:before{ + content:"\f0ac"; +} +.u-icon-wrench:before{ + content:"\f0ad"; +} +.u-icon-tasks:before{ + content:"\f0ae"; +} +.u-icon-filter:before{ + content:"\f0b0"; +} +.u-icon-briefcase:before{ + content:"\f0b1"; +} +.u-icon-arrows-alt:before{ + content:"\f0b2"; +} +.u-icon-group:before,.u-icon-users:before{ + content:"\f0c0"; +} +.u-icon-chain:before,.u-icon-link:before{ + content:"\f0c1"; +} +.u-icon-cloud:before{ + content:"\f0c2"; +} +.u-icon-flask:before{ + content:"\f0c3"; +} +.u-icon-cut:before,.u-icon-scissors:before{ + content:"\f0c4"; +} +.u-icon-copy:before,.u-icon-files-o:before{ + content:"\f0c5"; +} +.u-icon-paperclip:before{ + content:"\f0c6"; +} +.u-icon-save:before,.u-icon-floppy-o:before{ + content:"\f0c7"; +} +.u-icon-square:before{ + content:"\f0c8"; +} +.u-icon-navicon:before,.u-icon-reorder:before,.u-icon-bars:before{ + content:"\f0c9"; +} +.u-icon-list-ul:before{ + content:"\f0ca"; +} +.u-icon-list-ol:before{ + content:"\f0cb"; +} +.u-icon-strikethrough:before{ + content:"\f0cc"; +} +.u-icon-underline:before{ + content:"\f0cd"; +} +.u-icon-table:before{ + content:"\f0ce"; +} +.u-icon-magic:before{ + content:"\f0d0"; +} +.u-icon-truck:before{ + content:"\f0d1"; +} +.u-icon-pinterest:before{ + content:"\f0d2"; +} +.u-icon-pinterest-square:before{ + content:"\f0d3"; +} +.u-icon-google-plus-square:before{ + content:"\f0d4"; +} +.u-icon-google-plus:before{ + content:"\f0d5"; +} +.u-icon-money:before{ + content:"\f0d6"; +} +.u-icon-caret-down:before{ + content:"\f0d7"; +} +.u-icon-caret-up:before{ + content:"\f0d8"; +} +.u-icon-caret-left:before{ + content:"\f0d9"; +} +.u-icon-caret-right:before{ + content:"\f0da"; +} +.u-icon-columns:before{ + content:"\f0db"; +} +.u-icon-unsorted:before,.u-icon-sort:before{ + content:"\f0dc"; +} +.u-icon-sort-down:before,.u-icon-sort-desc:before{ + content:"\f0dd"; +} +.u-icon-sort-up:before,.u-icon-sort-asc:before{ + content:"\f0de"; +} +.u-icon-envelope:before{ + content:"\f0e0"; +} +.u-icon-linkedin:before{ + content:"\f0e1"; +} +.u-icon-rotate-left:before,.u-icon-undo:before{ + content:"\f0e2"; +} +.u-icon-legal:before,.u-icon-gavel:before{ + content:"\f0e3"; +} +.u-icon-dashboard:before,.u-icon-tachometer:before{ + content:"\f0e4"; +} +.u-icon-comment-o:before{ + content:"\f0e5"; +} +.u-icon-comments-o:before{ + content:"\f0e6"; +} +.u-icon-flash:before,.u-icon-bolt:before{ + content:"\f0e7"; +} +.u-icon-sitemap:before{ + content:"\f0e8"; +} +.u-icon-umbrella:before{ + content:"\f0e9"; +} +.u-icon-paste:before,.u-icon-clipboard:before{ + content:"\f0ea"; +} +.u-icon-lightbulb-o:before{ + content:"\f0eb"; +} +.u-icon-exchange:before{ + content:"\f0ec"; +} +.u-icon-cloud-download:before{ + content:"\f0ed"; +} +.u-icon-cloud-upload:before{ + content:"\f0ee"; +} +.u-icon-user-md:before{ + content:"\f0f0"; +} +.u-icon-stethoscope:before{ + content:"\f0f1"; +} +.u-icon-suitcase:before{ + content:"\f0f2"; +} +.u-icon-bell-o:before{ + content:"\f0a2"; +} +.u-icon-coffee:before{ + content:"\f0f4"; +} +.u-icon-cutlery:before{ + content:"\f0f5"; +} +.u-icon-file-text-o:before{ + content:"\f0f6"; +} +.u-icon-building-o:before{ + content:"\f0f7"; +} +.u-icon-hospital-o:before{ + content:"\f0f8"; +} +.u-icon-ambulance:before{ + content:"\f0f9"; +} +.u-icon-medkit:before{ + content:"\f0fa"; +} +.u-icon-fighter-jet:before{ + content:"\f0fb"; +} +.u-icon-beer:before{ + content:"\f0fc"; +} +.u-icon-h-square:before{ + content:"\f0fd"; +} +.u-icon-plus-square:before{ + content:"\f0fe"; +} +.u-icon-angle-double-left:before{ + content:"\f100"; +} +.u-icon-angle-double-right:before{ + content:"\f101"; +} +.u-icon-angle-double-up:before{ + content:"\f102"; +} +.u-icon-angle-double-down:before{ + content:"\f103"; +} +.u-icon-angle-left:before{ + content:"\f104"; +} +.u-icon-angle-right:before{ + content:"\f105"; +} +.u-icon-angle-up:before{ + content:"\f106"; +} +.u-icon-angle-down:before{ + content:"\f107"; +} +.u-icon-desktop:before{ + content:"\f108"; +} +.u-icon-laptop:before{ + content:"\f109"; +} +.u-icon-tablet:before{ + content:"\f10a"; +} +.u-icon-mobile-phone:before,.u-icon-mobile:before{ + content:"\f10b"; +} +.u-icon-circle-o:before{ + content:"\f10c"; +} +.u-icon-quote-left:before{ + content:"\f10d"; +} +.u-icon-quote-right:before{ + content:"\f10e"; +} +.u-icon-spinner:before{ + content:"\f110"; +} +.u-icon-circle:before{ + content:"\f111"; +} +.u-icon-mail-reply:before,.u-icon-reply:before{ + content:"\f112"; +} +.u-icon-github-alt:before{ + content:"\f113"; +} +.u-icon-folder-o:before{ + content:"\f114"; +} +.u-icon-folder-open-o:before{ + content:"\f115"; +} +.u-icon-smile-o:before{ + content:"\f118"; +} +.u-icon-frown-o:before{ + content:"\f119"; +} +.u-icon-meh-o:before{ + content:"\f11a"; +} +.u-icon-gamepad:before{ + content:"\f11b"; +} +.u-icon-keyboard-o:before{ + content:"\f11c"; +} +.u-icon-flag-o:before{ + content:"\f11d"; +} +.u-icon-flag-checkered:before{ + content:"\f11e"; +} +.u-icon-terminal:before{ + content:"\f120"; +} +.u-icon-code:before{ + content:"\f121"; +} +.u-icon-mail-reply-all:before,.u-icon-reply-all:before{ + content:"\f122"; +} +.u-icon-star-half-empty:before,.u-icon-star-half-full:before,.u-icon-star-half-o:before{ + content:"\f123"; +} +.u-icon-location-arrow:before{ + content:"\f124"; +} +.u-icon-crop:before{ + content:"\f125"; +} +.u-icon-code-fork:before{ + content:"\f126"; +} +.u-icon-unlink:before,.u-icon-chain-broken:before{ + content:"\f127"; +} +.u-icon-question:before{ + content:"\f128"; +} +.u-icon-info:before{ + content:"\f129"; +} +.u-icon-exclamation:before{ + content:"\f12a"; +} +.u-icon-superscript:before{ + content:"\f12b"; +} +.u-icon-subscript:before{ + content:"\f12c"; +} +.u-icon-eraser:before{ + content:"\f12d"; +} +.u-icon-puzzle-piece:before{ + content:"\f12e"; +} +.u-icon-microphone:before{ + content:"\f130"; +} +.u-icon-microphone-slash:before{ + content:"\f131"; +} +.u-icon-shield:before{ + content:"\f132"; +} +.u-icon-calendar-o:before{ + content:"\f133"; +} +.u-icon-fire-extinguisher:before{ + content:"\f134"; +} +.u-icon-rocket:before{ + content:"\f135"; +} +.u-icon-maxcdn:before{ + content:"\f136"; +} +.u-icon-chevron-circle-left:before{ + content:"\f137"; +} +.u-icon-chevron-circle-right:before{ + content:"\f138"; +} +.u-icon-chevron-circle-up:before{ + content:"\f139"; +} +.u-icon-chevron-circle-down:before{ + content:"\f13a"; +} +.u-icon-html5:before{ + content:"\f13b"; +} +.u-icon-css3:before{ + content:"\f13c"; +} +.u-icon-anchor:before{ + content:"\f13d"; +} +.u-icon-unlock-alt:before{ + content:"\f13e"; +} +.u-icon-bullseye:before{ + content:"\f140"; +} +.u-icon-ellipsis-h:before{ + content:"\f141"; +} +.u-icon-ellipsis-v:before{ + content:"\f142"; +} +.u-icon-rss-square:before{ + content:"\f143"; +} +.u-icon-play-circle:before{ + content:"\f144"; +} +.u-icon-ticket:before{ + content:"\f145"; +} +.u-icon-minus-square:before{ + content:"\f146"; +} +.u-icon-minus-square-o:before{ + content:"\f147"; +} +.u-icon-level-up:before{ + content:"\f148"; +} +.u-icon-level-down:before{ + content:"\f149"; +} +.u-icon-check-square:before{ + content:"\f14a"; +} +.u-icon-pencil-square:before{ + content:"\f14b"; +} +.u-icon-external-link-square:before{ + content:"\f14c"; +} +.u-icon-share-square:before{ + content:"\f14d"; +} +.u-icon-compass:before{ + content:"\f14e"; +} +.u-icon-toggle-down:before,.u-icon-caret-square-o-down:before{ + content:"\f150"; +} +.u-icon-toggle-up:before,.u-icon-caret-square-o-up:before{ + content:"\f151"; +} +.u-icon-toggle-right:before,.u-icon-caret-square-o-right:before{ + content:"\f152"; +} +.u-icon-euro:before,.u-icon-eur:before{ + content:"\f153"; +} +.u-icon-gbp:before{ + content:"\f154"; +} +.u-icon-dollar:before,.u-icon-usd:before{ + content:"\f155"; +} +.u-icon-rupee:before,.u-icon-inr:before{ + content:"\f156"; +} +.u-icon-cny:before,.u-icon-rmb:before,.u-icon-yen:before,.u-icon-jpy:before{ + content:"\f157"; +} +.u-icon-ruble:before,.u-icon-rouble:before,.u-icon-rub:before{ + content:"\f158"; +} +.u-icon-won:before,.u-icon-krw:before{ + content:"\f159"; +} +.u-icon-bitcoin:before,.u-icon-btc:before{ + content:"\f15a"; +} +.u-icon-file:before{ + content:"\f15b"; +} +.u-icon-file-text:before{ + content:"\f15c"; +} +.u-icon-sort-alpha-asc:before{ + content:"\f15d"; +} +.u-icon-sort-alpha-desc:before{ + content:"\f15e"; +} +.u-icon-sort-amount-asc:before{ + content:"\f160"; +} +.u-icon-sort-amount-desc:before{ + content:"\f161"; +} +.u-icon-sort-numeric-asc:before{ + content:"\f162"; +} +.u-icon-sort-numeric-desc:before{ + content:"\f163"; +} +.u-icon-thumbs-up:before{ + content:"\f164"; +} +.u-icon-thumbs-down:before{ + content:"\f165"; +} +.u-icon-youtube-square:before{ + content:"\f166"; +} +.u-icon-youtube:before{ + content:"\f167"; +} +.u-icon-xing:before{ + content:"\f168"; +} +.u-icon-xing-square:before{ + content:"\f169"; +} +.u-icon-youtube-play:before{ + content:"\f16a"; +} +.u-icon-dropbox:before{ + content:"\f16b"; +} +.u-icon-stack-overflow:before{ + content:"\f16c"; +} +.u-icon-instagram:before{ + content:"\f16d"; +} +.u-icon-flickr:before{ + content:"\f16e"; +} +.u-icon-adn:before{ + content:"\f170"; +} +.u-icon-bitbucket:before{ + content:"\f171"; +} +.u-icon-bitbucket-square:before{ + content:"\f172"; +} +.u-icon-tumblr:before{ + content:"\f173"; +} +.u-icon-tumblr-square:before{ + content:"\f174"; +} +.u-icon-long-arrow-down:before{ + content:"\f175"; +} +.u-icon-long-arrow-up:before{ + content:"\f176"; +} +.u-icon-long-arrow-left:before{ + content:"\f177"; +} +.u-icon-long-arrow-right:before{ + content:"\f178"; +} +.u-icon-apple:before{ + content:"\f179"; +} +.u-icon-windows:before{ + content:"\f17a"; +} +.u-icon-android:before{ + content:"\f17b"; +} +.u-icon-linux:before{ + content:"\f17c"; +} +.u-icon-dribbble:before{ + content:"\f17d"; +} +.u-icon-skype:before{ + content:"\f17e"; +} +.u-icon-foursquare:before{ + content:"\f180"; +} +.u-icon-trello:before{ + content:"\f181"; +} +.u-icon-female:before{ + content:"\f182"; +} +.u-icon-male:before{ + content:"\f183"; +} +.u-icon-gittip:before,.u-icon-gratipay:before{ + content:"\f184"; +} +.u-icon-sun-o:before{ + content:"\f185"; +} +.u-icon-moon-o:before{ + content:"\f186"; +} +.u-icon-archive:before{ + content:"\f187"; +} +.u-icon-bug:before{ + content:"\f188"; +} +.u-icon-vk:before{ + content:"\f189"; +} +.u-icon-weibo:before{ + content:"\f18a"; +} +.u-icon-renren:before{ + content:"\f18b"; +} +.u-icon-pagelines:before{ + content:"\f18c"; +} +.u-icon-stack-exchange:before{ + content:"\f18d"; +} +.u-icon-arrow-circle-o-right:before{ + content:"\f18e"; +} +.u-icon-arrow-circle-o-left:before{ + content:"\f190"; +} +.u-icon-toggle-left:before,.u-icon-caret-square-o-left:before{ + content:"\f191"; +} +.u-icon-dot-circle-o:before{ + content:"\f192"; +} +.u-icon-wheelchair:before{ + content:"\f193"; +} +.u-icon-vimeo-square:before{ + content:"\f194"; +} +.u-icon-turkish-lira:before,.u-icon-try:before{ + content:"\f195"; +} +.u-icon-plus-square-o:before{ + content:"\f196"; +} +.u-icon-space-shuttle:before{ + content:"\f197"; +} +.u-icon-slack:before{ + content:"\f198"; +} +.u-icon-envelope-square:before{ + content:"\f199"; +} +.u-icon-wordpress:before{ + content:"\f19a"; +} +.u-icon-openid:before{ + content:"\f19b"; +} +.u-icon-institution:before,.u-icon-bank:before,.u-icon-university:before{ + content:"\f19c"; +} +.u-icon-mortar-board:before,.u-icon-graduation-cap:before{ + content:"\f19d"; +} +.u-icon-yahoo:before{ + content:"\f19e"; +} +.u-icon-google:before{ + content:"\f1a0"; +} +.u-icon-reddit:before{ + content:"\f1a1"; +} +.u-icon-reddit-square:before{ + content:"\f1a2"; +} +.u-icon-stumbleupon-circle:before{ + content:"\f1a3"; +} +.u-icon-stumbleupon:before{ + content:"\f1a4"; +} +.u-icon-delicious:before{ + content:"\f1a5"; +} +.u-icon-digg:before{ + content:"\f1a6"; +} +.u-icon-pied-piper:before{ + content:"\f1a7"; +} +.u-icon-pied-piper-alt:before{ + content:"\f1a8"; +} +.u-icon-drupal:before{ + content:"\f1a9"; +} +.u-icon-joomla:before{ + content:"\f1aa"; +} +.u-icon-language:before{ + content:"\f1ab"; +} +.u-icon-fax:before{ + content:"\f1ac"; +} +.u-icon-building:before{ + content:"\f1ad"; +} +.u-icon-child:before{ + content:"\f1ae"; +} +.u-icon-paw:before{ + content:"\f1b0"; +} +.u-icon-spoon:before{ + content:"\f1b1"; +} +.u-icon-cube:before{ + content:"\f1b2"; +} +.u-icon-cubes:before{ + content:"\f1b3"; +} +.u-icon-behance:before{ + content:"\f1b4"; +} +.u-icon-behance-square:before{ + content:"\f1b5"; +} +.u-icon-steam:before{ + content:"\f1b6"; +} +.u-icon-steam-square:before{ + content:"\f1b7"; +} +.u-icon-recycle:before{ + content:"\f1b8"; +} +.u-icon-automobile:before,.u-icon-car:before{ + content:"\f1b9"; +} +.u-icon-cab:before,.u-icon-taxi:before{ + content:"\f1ba"; +} +.u-icon-tree:before{ + content:"\f1bb"; +} +.u-icon-spotify:before{ + content:"\f1bc"; +} +.u-icon-deviantart:before{ + content:"\f1bd"; +} +.u-icon-soundcloud:before{ + content:"\f1be"; +} +.u-icon-database:before{ + content:"\f1c0"; +} +.u-icon-file-pdf-o:before{ + content:"\f1c1"; +} +.u-icon-file-word-o:before{ + content:"\f1c2"; +} +.u-icon-file-excel-o:before{ + content:"\f1c3"; +} +.u-icon-file-powerpoint-o:before{ + content:"\f1c4"; +} +.u-icon-file-photo-o:before,.u-icon-file-picture-o:before,.u-icon-file-image-o:before{ + content:"\f1c5"; +} +.u-icon-file-zip-o:before,.u-icon-file-archive-o:before{ + content:"\f1c6"; +} +.u-icon-file-sound-o:before,.u-icon-file-audio-o:before{ + content:"\f1c7"; +} +.u-icon-file-movie-o:before,.u-icon-file-video-o:before{ + content:"\f1c8"; +} +.u-icon-file-code-o:before{ + content:"\f1c9"; +} +.u-icon-vine:before{ + content:"\f1ca"; +} +.u-icon-codepen:before{ + content:"\f1cb"; +} +.u-icon-jsfiddle:before{ + content:"\f1cc"; +} +.u-icon-life-bouy:before,.u-icon-life-buoy:before,.u-icon-life-saver:before,.u-icon-support:before,.u-icon-life-ring:before{ + content:"\f1cd"; +} +.u-icon-circle-o-notch:before{ + content:"\f1ce"; +} +.u-icon-ra:before,.u-icon-rebel:before{ + content:"\f1d0"; +} +.u-icon-ge:before,.u-icon-empire:before{ + content:"\f1d1"; +} +.u-icon-git-square:before{ + content:"\f1d2"; +} +.u-icon-git:before{ + content:"\f1d3"; +} +.u-icon-y-combinator-square:before,.u-icon-yc-square:before,.u-icon-hacker-news:before{ + content:"\f1d4"; +} +.u-icon-tencent-weibo:before{ + content:"\f1d5"; +} +.u-icon-qq:before{ + content:"\f1d6"; +} +.u-icon-wechat:before,.u-icon-weixin:before{ + content:"\f1d7"; +} +.u-icon-send:before,.u-icon-paper-plane:before{ + content:"\f1d8"; +} +.u-icon-send-o:before,.u-icon-paper-plane-o:before{ + content:"\f1d9"; +} +.u-icon-history:before{ + content:"\f1da"; +} +.u-icon-circle-thin:before{ + content:"\f1db"; +} +.u-icon-header:before{ + content:"\f1dc"; +} +.u-icon-paragraph:before{ + content:"\f1dd"; +} +.u-icon-sliders:before{ + content:"\f1de"; +} +.u-icon-share-alt:before{ + content:"\f1e0"; +} +.u-icon-share-alt-square:before{ + content:"\f1e1"; +} +.u-icon-bomb:before{ + content:"\f1e2"; +} +.u-icon-soccer-ball-o:before,.u-icon-futbol-o:before{ + content:"\f1e3"; +} +.u-icon-tty:before{ + content:"\f1e4"; +} +.u-icon-binoculars:before{ + content:"\f1e5"; +} +.u-icon-plug:before{ + content:"\f1e6"; +} +.u-icon-slideshare:before{ + content:"\f1e7"; +} +.u-icon-twitch:before{ + content:"\f1e8"; +} +.u-icon-yelp:before{ + content:"\f1e9"; +} +.u-icon-newspaper-o:before{ + content:"\f1ea"; +} +.u-icon-wifi:before{ + content:"\f1eb"; +} +.u-icon-calculator:before{ + content:"\f1ec"; +} +.u-icon-paypal:before{ + content:"\f1ed"; +} +.u-icon-google-wallet:before{ + content:"\f1ee"; +} +.u-icon-cc-visa:before{ + content:"\f1f0"; +} +.u-icon-cc-mastercard:before{ + content:"\f1f1"; +} +.u-icon-cc-discover:before{ + content:"\f1f2"; +} +.u-icon-cc-amex:before{ + content:"\f1f3"; +} +.u-icon-cc-paypal:before{ + content:"\f1f4"; +} +.u-icon-cc-stripe:before{ + content:"\f1f5"; +} +.u-icon-bell-slash:before{ + content:"\f1f6"; +} +.u-icon-bell-slash-o:before{ + content:"\f1f7"; +} +.u-icon-trash:before{ + content:"\f1f8"; +} +.u-icon-copyright:before{ + content:"\f1f9"; +} +.u-icon-at:before{ + content:"\f1fa"; +} +.u-icon-eyedropper:before{ + content:"\f1fb"; +} +.u-icon-paint-brush:before{ + content:"\f1fc"; +} +.u-icon-birthday-cake:before{ + content:"\f1fd"; +} +.u-icon-area-chart:before{ + content:"\f1fe"; +} +.u-icon-pie-chart:before{ + content:"\f200"; +} +.u-icon-line-chart:before{ + content:"\f201"; +} +.u-icon-lastfm:before{ + content:"\f202"; +} +.u-icon-lastfm-square:before{ + content:"\f203"; +} +.u-icon-toggle-off:before{ + content:"\f204"; +} +.u-icon-toggle-on:before{ + content:"\f205"; +} +.u-icon-bicycle:before{ + content:"\f206"; +} +.u-icon-bus:before{ + content:"\f207"; +} +.u-icon-ioxhost:before{ + content:"\f208"; +} +.u-icon-angellist:before{ + content:"\f209"; +} +.u-icon-cc:before{ + content:"\f20a"; +} +.u-icon-shekel:before,.u-icon-sheqel:before,.u-icon-ils:before{ + content:"\f20b"; +} +.u-icon-meanpath:before{ + content:"\f20c"; +} +.u-icon-buysellads:before{ + content:"\f20d"; +} +.u-icon-connectdevelop:before{ + content:"\f20e"; +} +.u-icon-dashcube:before{ + content:"\f210"; +} +.u-icon-forumbee:before{ + content:"\f211"; +} +.u-icon-leanpub:before{ + content:"\f212"; +} +.u-icon-sellsy:before{ + content:"\f213"; +} +.u-icon-shirtsinbulk:before{ + content:"\f214"; +} +.u-icon-simplybuilt:before{ + content:"\f215"; +} +.u-icon-skyatlas:before{ + content:"\f216"; +} +.u-icon-cart-plus:before{ + content:"\f217"; +} +.u-icon-cart-arrow-down:before{ + content:"\f218"; +} +.u-icon-diamond:before{ + content:"\f219"; +} +.u-icon-ship:before{ + content:"\f21a"; +} +.u-icon-user-secret:before{ + content:"\f21b"; +} +.u-icon-motorcycle:before{ + content:"\f21c"; +} +.u-icon-street-view:before{ + content:"\f21d"; +} +.u-icon-heartbeat:before{ + content:"\f21e"; +} +.u-icon-venus:before{ + content:"\f221"; +} +.u-icon-mars:before{ + content:"\f222"; +} +.u-icon-mercury:before{ + content:"\f223"; +} +.u-icon-intersex:before,.u-icon-transgender:before{ + content:"\f224"; +} +.u-icon-transgender-alt:before{ + content:"\f225"; +} +.u-icon-venus-double:before{ + content:"\f226"; +} +.u-icon-mars-double:before{ + content:"\f227"; +} +.u-icon-venus-mars:before{ + content:"\f228"; +} +.u-icon-mars-stroke:before{ + content:"\f229"; +} +.u-icon-mars-stroke-v:before{ + content:"\f22a"; +} +.u-icon-mars-stroke-h:before{ + content:"\f22b"; +} +.u-icon-neuter:before{ + content:"\f22c"; +} +.u-icon-genderless:before{ + content:"\f22d"; +} +.u-icon-facebook-official:before{ + content:"\f230"; +} +.u-icon-pinterest-p:before{ + content:"\f231"; +} +.u-icon-whatsapp:before{ + content:"\f232"; +} +.u-icon-server:before{ + content:"\f233"; +} +.u-icon-user-plus:before{ + content:"\f234"; +} +.u-icon-user-times:before{ + content:"\f235"; +} +.u-icon-hotel:before,.u-icon-bed:before{ + content:"\f236"; +} +.u-icon-viacoin:before{ + content:"\f237"; +} +.u-icon-train:before{ + content:"\f238"; +} +.u-icon-subway:before{ + content:"\f239"; +} +.u-icon-medium:before{ + content:"\f23a"; +} +.u-icon-yc:before,.u-icon-y-combinator:before{ + content:"\f23b"; +} +.u-icon-optin-monster:before{ + content:"\f23c"; +} +.u-icon-opencart:before{ + content:"\f23d"; +} +.u-icon-expeditedssl:before{ + content:"\f23e"; +} +.u-icon-battery-4:before,.u-icon-battery-full:before{ + content:"\f240"; +} +.u-icon-battery-3:before,.u-icon-battery-three-quarters:before{ + content:"\f241"; +} +.u-icon-battery-2:before,.u-icon-battery-half:before{ + content:"\f242"; +} +.u-icon-battery-1:before,.u-icon-battery-quarter:before{ + content:"\f243"; +} +.u-icon-battery-0:before,.u-icon-battery-empty:before{ + content:"\f244"; +} +.u-icon-mouse-pointer:before{ + content:"\f245"; +} +.u-icon-i-cursor:before{ + content:"\f246"; +} +.u-icon-object-group:before{ + content:"\f247"; +} +.u-icon-object-ungroup:before{ + content:"\f248"; +} +.u-icon-sticky-note:before{ + content:"\f249"; +} +.u-icon-sticky-note-o:before{ + content:"\f24a"; +} +.u-icon-cc-jcb:before{ + content:"\f24b"; +} +.u-icon-cc-diners-club:before{ + content:"\f24c"; +} +.u-icon-clone:before{ + content:"\f24d"; +} +.u-icon-balance-scale:before{ + content:"\f24e"; +} +.u-icon-hourglass-o:before{ + content:"\f250"; +} +.u-icon-hourglass-1:before,.u-icon-hourglass-start:before{ + content:"\f251"; +} +.u-icon-hourglass-2:before,.u-icon-hourglass-half:before{ + content:"\f252"; +} +.u-icon-hourglass-3:before,.u-icon-hourglass-end:before{ + content:"\f253"; +} +.u-icon-hourglass:before{ + content:"\f254"; +} +.u-icon-hand-grab-o:before,.u-icon-hand-rock-o:before{ + content:"\f255"; +} +.u-icon-hand-stop-o:before,.u-icon-hand-paper-o:before{ + content:"\f256"; +} +.u-icon-hand-scissors-o:before{ + content:"\f257"; +} +.u-icon-hand-lizard-o:before{ + content:"\f258"; +} +.u-icon-hand-spock-o:before{ + content:"\f259"; +} +.u-icon-hand-pointer-o:before{ + content:"\f25a"; +} +.u-icon-hand-peace-o:before{ + content:"\f25b"; +} +.u-icon-trademark:before{ + content:"\f25c"; +} +.u-icon-registered:before{ + content:"\f25d"; +} +.u-icon-creative-commons:before{ + content:"\f25e"; +} +.u-icon-gg:before{ + content:"\f260"; +} +.u-icon-gg-circle:before{ + content:"\f261"; +} +.u-icon-tripadvisor:before{ + content:"\f262"; +} +.u-icon-odnoklassniki:before{ + content:"\f263"; +} +.u-icon-odnoklassniki-square:before{ + content:"\f264"; +} +.u-icon-get-pocket:before{ + content:"\f265"; +} +.u-icon-wikipedia-w:before{ + content:"\f266"; +} +.u-icon-safari:before{ + content:"\f267"; +} +.u-icon-chrome:before{ + content:"\f268"; +} +.u-icon-firefox:before{ + content:"\f269"; +} +.u-icon-opera:before{ + content:"\f26a"; +} +.u-icon-internet-explorer:before{ + content:"\f26b"; +} +.u-icon-tv:before,.u-icon-television:before{ + content:"\f26c"; +} +.u-icon-contao:before{ + content:"\f26d"; +} +.u-icon-500px:before{ + content:"\f26e"; +} +.u-icon-amazon:before{ + content:"\f270"; +} +.u-icon-calendar-plus-o:before{ + content:"\f271"; +} +.u-icon-calendar-minus-o:before{ + content:"\f272"; +} +.u-icon-calendar-times-o:before{ + content:"\f273"; +} +.u-icon-calendar-check-o:before{ + content:"\f274"; +} +.u-icon-industry:before{ + content:"\f275"; +} +.u-icon-map-pin:before{ + content:"\f276"; +} +.u-icon-map-signs:before{ + content:"\f277"; +} +.u-icon-map-o:before{ + content:"\f278"; +} +.u-icon-map:before{ + content:"\f279"; +} +.u-icon-commenting:before{ + content:"\f27a"; +} +.u-icon-commenting-o:before{ + content:"\f27b"; +} +.u-icon-houzz:before{ + content:"\f27c"; +} +.u-icon-vimeo:before{ + content:"\f27d"; +} +.u-icon-black-tie:before{ + content:"\f27e"; +} +.u-icon-fonticons:before{ + content:"\f280"; +} +.u-icon-rotate_left:before{ + content:"\e900"; +} +.u-icon-import:before{ + content:"\e901"; +} +.u-icon-export:before{ + content:"\e902"; +} +.u-icon-zoomin:before{ + content:"\e903"; +} +.u-icon-expand:before{ + content:"\e904"; +} +.u-icon-delete:before{ + content:"\e905"; +} +.u-icon-zoomout:before{ + content:"\e906"; +} +.u-icon-rezoom:before{ + content:"\e907"; +} +.u-icon-rotate_right:before{ + content:"\e908"; +} +.u-icon-retry:before{ + content:"\e909"; +} +.u-icon-warning:before{ + content:"\e90a"; +} +.u-icon-edit:before{ + content:"\e90b"; +} +.u-icon-info:before{ + content:"\e90c"; +} +.u-icon-error:before{ + content:"\e90d"; +} +.u-icon-success:before{ + content:"\e90e"; +} +.u-icon-chevron_left:before{ + content:"\e90f"; +} +.u-icon-chevron_right:before{ + content:"\e910"; +} +.u-icon-search:before{ + content:"\e911"; +} +.u-icon-close:before{ + content:"\e912"; +} +.u-icon-ok:before{ + content:"\e913"; +} +.u-icon-check_empty:before{ + content:"\e914"; +} +.u-icon-angle_down:before{ + content:"\e915"; +} +.u-icon-add:before{ + content:"\e916"; +} +.u-icon-success2:before{ + content:"\e917"; +} +.u-icon-error2:before{ + content:"\e918"; +} +.u-icon-warning2:before{ + content:"\e919"; +} +.u-icon-info2:before{ + content:"\e91a"; +} +.u-icon-calendar:before{ + content:"\e91b"; +} +.u-icon-line:before{ + content:"\e91c"; +} +.u-icon-upload:before{ + content:"\e91d"; +} +.u-icon-download:before{ + content:"\e91e"; +} +.u-icon-trash:before{ + content:"\e91f"; +} +.u-icon-plus:before{ + content:"\e920"; +} +.u-icon-home2:before{ + content:"\e921"; +} +.input,.textarea{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin:0; + border:0; + padding:0; + border-radius:0; + font:inherit; + color:inherit; + -webkit-appearance:none; + max-width:100%; +} +.u-select{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin:0; + border:0; + padding:0; + border-radius:0; + font:inherit; + color:inherit; + -webkit-appearance:none; + max-width:100%; + color:#333; + background:#fff; + -moz-border-radius:2px; + border-radius:2px; +} +.u-select::-webkit-input-placeholder{ + color:#999; + filter:alpha(opacity = 100); + opacity:1; +} +.u-select::-moz-placeholder{ + color:#999; + filter:alpha(opacity = 100); + opacity:1; +} +.u-select:-moz-placeholder{ + color:#999; + filter:alpha(opacity = 100); + opacity:1; +} +.u-select:-ms-placeholder{ + color:#999; + filter:alpha(opacity = 100); + opacity:1; +} +.u-select:focus{ + outline:0; + background:#fff; + color:#333; + border:1px solid #f48080; +} +.u-select:disabled{ + cursor:not-allowed; + background:#eee; + color:#999; + border:1px solid #ddd; +} +.u-select{ + text-transform:none; +} +.u-select optgroup{ + font:inherit; + font-weight:bold; +} +.textarea{ + width:100%; + height:120px; +} +input.u-check,input.u-radio{ + cursor:pointer; + vertical-align:middle; +} +input.u-check:focus,input.u-radio:focus{ + outline:0; +} +input.u-check:disabled,input.u-radio:disabled{ + cursor:not-allowed; +} +.u-select-block,.textarea-block{ + display:block; + width:100%; +} +.u-input .input,.u-select,.u-textarea,.textarea{ + transition:border-color 1s ease; +} +.u-input.sm,.u-dropdown.sm,.textarea.sm{ + padding:5px 10px; + height:24px; + font-size:12px; +} +.u-input.lg,.u-dropdown.lg,.textarea.lg{ + padding:10px 16px; + height:38px; + font-size:16px; +} +.u-dropdown-smw,.u-select-smw,.textarea-smw{ + display:inline-block; + width:80px; +} +.u-dropdown-mdw,.u-select-mdw,.textarea-mdw{ + display:inline-block; + width:160px; +} +.u-dropdown-lgw,.u-select-lgw,.textarea-lgw{ + display:inline-block; + width:300px; +} +.u-input .input-success,.u-select.u-select-success,.u-textarea .textarea-success{ + color:#6ebc40; + border-color:#6ebc40; +} +.u-input .input-warning,.u-select.u-select-warning,.u-textarea .textarea-warning{ + color:#ffb539; + border-color:#ffb539; +} +.u-input .input-error,.u-select.u-select-error,.u-textarea .textarea-error{ + color:#f48080; + border-color:#f48080; +} +.u-input.u-input-blank,.u-select.u-select-blank,.textarea.textarea-blank{ + border-color:transparent; + border-style:dashed; + background:none; +} +.u-input.u-input-blank:focus,.u-select.u-select-blank:focus,.textarea.textarea-blank:focus{ + border-color:#ddd; +} +.u-unitgroup{ + font-size:0; + line-height:initial; +} +.u-unitgroup .u-btn{ + margin-right:16px; +} +.u-unitgroup .u-btn:last-child{ + margin-right:0; +} +.u-unitgroup .u-check,.u-unitgroup .u-radio{ + margin-right:40px; +} +.u-unitgroup .u-check:last-child,.u-unitgroup .u-radio:last-child{ + margin-right:0; +} +.u-unitgroup .u-tip{ + margin-top:0; +} +.u-unitgroup .unitgroup_wrap{ + display:flex; + align-items:center; + flex-wrap:wrap; +} +.u-unitgroup-sm{ + font-size:0; +} +.u-unitgroup-sm .u-btn{ + margin-right:8px; +} +.u-unitgroup-sm .u-btn:last-child{ + margin-right:0; +} +.u-unitgroup-sm .u-check,.u-unitgroup-sm .u-radio{ + margin-right:16px; + line-height:24px; +} +.u-unitgroup-sm .u-check:last-child,.u-unitgroup-sm .u-radio:last-child{ + margin-right:0; +} +.u-tip{ + display:inline-block; + margin-top:5px; + font-size:12px; + padding:0; + -moz-border-radius:2px; + border-radius:2px; +} +.u-tip .u-icon{ + vertical-align:top; + margin-right:6px; + font-size:15px; + line-height:18px; +} +.u-tip .tip{ + vertical-align:top; + display:inline-block; + line-height:18px; +} +.u-tip .tip.animated{ + animation-duration:0.8s; + animation-timing-function:ease; +} +.u-tip-info{ + color:#54a8f7; +} +.u-tip-success{ + color:#6ebc40; +} +.u-tip-warning{ + color:#ffb539; +} +.u-tip-error{ + color:#f48080; +} +.m-collapse{ + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; +} +.m-collapse .m-panel .panel_hd{ + cursor:pointer; +} +.u-gotop{ + position:fixed; + display:block; + text-align:center; + z-index:1050; + top:30px; + left:30px; +} +.u-gotop-topright,.u-gotop-bottomright{ + left:auto; + right:30px; +} +.u-gotop-topcenter,.u-gotop-bottomcenter{ + left:50%; + margin-left:-25px; +} +.u-gotop-bottomleft,.u-gotop-bottomright,.u-gotop-bottomcenter{ + top:auto; + bottom:30px; +} +.u-gotop-static{ + position:static; +} +.u-gotop{ + height:50px; + width:50px; + line-height:50px; + font-size:32px; + background:#eee; + color:#444; + filter:alpha(opacity = 60); + opacity:0.6; +} +.u-gotop:hover{ + filter:alpha(opacity = 90); + opacity:0.9; +} +.m-mask{ + position:fixed; + top:0; + right:0; + bottom:0; + left:0; + z-index:1000; + overflow-y:auto; + -webkit-overflow-scrolling:touch; + touch-action:cross-slide-y pinch-zoom double-tap-zoom; + text-align:center; + overflow:hidden; + background:rgba(0,0,0,0.85); + color:#fff; +} +.m-panel{ + background:#fff; +} +.m-panel .panel_hd,.m-panel .panel_ft{ + background:#fafafa; + padding:8px 10px; +} +.m-panel .panel_hd{ + display:flex; + justify-content:space-between; + align-items:center; + color:#fff; + border-bottom:1px solid #e31436; +} +.m-panel .panel_hd .tools{ + margin-left:auto; +} +.m-panel .panel_hd .u-btn{ + font-size:16px; + background:#fafafa; + border:1px solid #fafafa; +} +.m-panel .panel_hd .u-btn .u-icon{ + color:#fff; + background:#fafafa; + border:1px solid #fafafa; +} +.m-panel .panel_hd .u-btn:hover{ + border:1px solid #fafafa; +} +.m-panel .panel_ft{ + padding:5px 10px; +} +.m-panel .panel_bd{ + padding:20px 5px; + border:1px solid #efefef; + border-top:0; +} +.m-panel .panel_tt{ + font-size:14px; + font-weight:bold; +} +.u-selectgroup{ + vertical-align:top; +} +.u-selectgroup-error .u-select .dropdown_hd{ + border-color:#d73925; +} +.u-suggest .m-listview{ + overflow-x:hidden; + overflow-y:auto; +} +.u-suggest .m-treeview{ + overflow:auto; +} +.u-suggest .m-listview,.u-suggest .m-treeview{ + max-height:200px; +} +.u-group{ + position:relative; + display:table; + border-collapse:separate; + border-spacing:0; + width:100%; +} +.u-group >*{ + display:inline-block; + border-radius:0 !important; + border-right-width:0 !important; + vertical-align:middle; +} +.u-group *{ + border-radius:0px; +} +.u-group .g-col{ + margin:0; + padding:0; +} +.u-group >*:first-child>*{ + border-top-left-radius:4px !important; + border-bottom-left-radius:4px !important; + border-top-right-radius:0 !important; + border-bottom-right-radius:0 !important; + border-left-width:1px !important; + border-right-width:0px !important; +} +.u-group >*:last-child>*{ + border-top-right-radius:4px !important; + border-bottom-right-radius:4px !important; + border-top-left-radius:0 !important; + border-bottom-left-radius:0 !important; + border-right-width:1px !important; +} +.u-uploader{ + display:inline-block; +} +.u-uploader form,.u-uploader iframe{ + display:none; +} +.u-uploader{ + position:relative\0; + overflow:hidden\0; +} +.u-uploader form{ + display:block\0; +} +.u-uploader input[type="file"]{ + position:absolute\0; + top:0; + right:-5px; + font-size:100px; + filter:alpha(opacity = 0); + opacity:0; + cursor:pointer; +} +.u-dropdown{ + position:relative; + vertical-align:top; +} +.u-dropdown .dropdown_bd{ + position:absolute; + z-index:10; + width:100%; + top:100%; + line-height:normal; +} +.u-dropdown .dropdown_bd .m-listview >li>a{ + display:block; +} +.u-dropdown .dropdown_bd .u-check,.u-dropdown .dropdown_bd .check_box{ + margin-bottom:0; +} +.dropdown_hd.z-dis{ + background:#eee; + color:#999; + border:1px solid #d2d6de; + cursor:not-allowed; +} +.m-listview{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; +} +.m-listview >li{ + cursor:pointer; + position:relative; +} +.m-listview >li.z-dis{ + cursor:not-allowed; + background:none; +} +.m-listview.z-dis >li{ + cursor:not-allowed; + background:none; +} +.m-listview{ + padding:5px 0; + background:#fff; + color:#333; + border:1px solid #eee; + border-top:none; +} +.m-listview >li{ + font-size:12px; + color:#333; + padding:7px 9px 7px 9px; + margin:6px 0; + line-height:18px; +} +.m-listview >li:hover{ + background:#f1f1f1; + color:#444; +} +.m-listview >li.z-sel{ + background:#e31436; + color:#fff; +} +.m-listview >li.z-dis{ + background:none; + color:#999; +} +.m-listview >li.z-divider{ + margin:9px 0; + padding:0; + height:1px; + background:#e5e5e5; + overflow:hidden; +} +.m-listview.z-dis{ + background:#eee; +} +.m-listview.z-dis >li{ + background:#eee; + color:#999; +} +.u-btn{ + -webkit-appearance:none; + margin:0; + overflow:visible; + font:inherit; + text-transform:none; + text-decoration:none; + cursor:pointer; + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + background:none; + display:inline-block; + vertical-align:top; + text-align:center; + height:32px; + min-width:80px; + padding:0 16px; + background:#fff; + border:1px solid #ddd; + -moz-border-radius:2px; + border-radius:2px; + line-height:30px; + font-size:12px; + color:#333; + -webkit-transition-duration:0.1s; + -moz-transition-duration:0.1s; + transition-duration:0.1s; + -webkit-transition-property:-webkit-transform; + -moz-transition-property:-moz-transform; + transition-property:transform; + -webkit-transition-timing-function:ease; + -moz-transition-timing-function:ease; + transition-timing-function:ease; + white-space:nowrap; +} +.u-btn:hover,.u-btn:focus{ + outline:none; + text-decoration:none; + background:#fff; + border-color:#bbb; +} +.u-btn:active,.u-btn.z-act{ + background:#fff; +} +.u-btn:disabled,.u-btn.z-dis{ + cursor:not-allowed; + filter:alpha(opacity = 50); + opacity:0.5; + -webkit-box-shadow:none; + box-shadow:none; +} +.u-btn-clicked{ + transform:translateY(2px); +} +.u-btn-block{ + display:block; + width:100%; +} +.u-btn .u-icon{ + vertical-align:bottom; + color:#999; + margin-right:4px; + font-size:15px; +} +.u-btn-xs{ + padding:0 5px; + line-height:30px; + font-size:10px; +} +.u-btn-xs .u-icon{ + font-size:10px; +} +.u-btn-sm{ + padding:0 8px; + line-height:30px; + min-width:56px; + height:24px; + line-height:22px; + font-size:12px; +} +.u-btn-sm .u-icon{ + font-size:12px; +} +.u-btn-lg{ + padding:0 16px; + line-height:30px; + font-size:16px; +} +.u-btn-lg .u-icon{ + font-size:16px; +} +.u-btn-xl{ + padding:0 20px; + line-height:30px; + font-size:18px; +} +.u-btn-xl .u-icon{ + font-size:18px; +} +.u-btn-circle.u-btn-xs{ + padding:0; + width:22px; + height:22px; + line-height:20px; + min-width:inherit; + font-size:10px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-circle.u-btn-xs .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-circle.u-btn-sm{ + padding:0; + width:24px; + height:24px; + line-height:22px; + min-width:inherit; + font-size:12px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-circle.u-btn-sm .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-circle.u-btn-normal{ + padding:0; + width:34px; + height:34px; + line-height:30px; + min-width:inherit; + font-size:12px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-circle.u-btn-normal .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-circle.u-btn-lg{ + padding:0; + width:38px; + height:38px; + line-height:36px; + min-width:inherit; + font-size:16px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-circle.u-btn-lg .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-circle.u-btn-xl{ + padding:0; + width:46px; + height:46px; + line-height:44px; + min-width:inherit; + font-size:18px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-circle.u-btn-xl .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-icon.u-btn-xs{ + padding:0; + width:22px; + height:22px; + line-height:20px; + min-width:inherit; + border:none; + font-size:10px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-icon.u-btn-xs .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-icon.u-btn-sm{ + padding:0; + width:24px; + height:24px; + line-height:22px; + min-width:inherit; + border:none; + font-size:12px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-icon.u-btn-sm .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-icon.u-btn-normal{ + padding:0; + width:34px; + height:34px; + line-height:30px; + min-width:inherit; + border:none; + font-size:12px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-icon.u-btn-normal .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-icon.u-btn-lg{ + padding:0; + width:38px; + height:38px; + line-height:36px; + min-width:inherit; + border:none; + font-size:16px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-icon.u-btn-lg .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-icon.u-btn-xl{ + padding:0; + width:46px; + height:46px; + line-height:44px; + min-width:inherit; + border:none; + font-size:18px; + -moz-border-radius:100%; + border-radius:100%; +} +.u-btn-icon.u-btn-xl .u-icon{ + margin-right:0; + margin-left:2px; +} +.u-btn-primary{ + color:#fff; + background:#e31436; + border:1px solid #e31436; +} +.u-btn-primary .u-icon{ + color:#fff; +} +.u-btn-primary:hover,.u-btn-primary:focus{ + color:#fff; + background:#cc1231; + border-color:#cc1231; +} +.u-btn-primary:active,.u-btn-primary.z-act{ + color:#fff; + background:#cc1231; + border-color:#cc1231; +} +.u-btn-secondary{ + color:#e31436; + background:#fff; + border:1px solid #e31436; +} +.u-btn-secondary .u-icon{ + color:#e31436; +} +.u-btn-secondary:hover,.u-btn-secondary:focus{ + color:#cc1231; + background:#fff; + border-color:#cc1231; +} +.u-btn-secondary:active,.u-btn-secondary.z-act{ + color:#cc1231; + background:#fff; + border-color:#cc1231; +} +.u-btn-tertiary{ + color:#333; + background:#fff; + border:1px solid #ddd; +} +.u-btn-tertiary .u-icon{ + color:#333; +} +.u-btn-tertiary:hover,.u-btn-tertiary:focus{ + color:#333; + background:#fff; + border-color:#bbb; +} +.u-btn-tertiary:active,.u-btn-tertiary.z-act{ + color:#333; + background:#fff; + border-color:#bbb; +} +.u-btn-info{ + color:#fff; + background:#54a8f7; + border:1px solid #54a8f7; +} +.u-btn-info .u-icon{ + color:#fff; +} +.u-btn-info:hover,.u-btn-info:focus{ + color:#fff; + background:#00acd6; + border-color:#00acd6; +} +.u-btn-info:active,.u-btn-info.z-act{ + color:#fff; + background:#00acd6; + border-color:#00acd6; +} +.u-btn-success{ + color:#fff; + background:#6ebc40; + border:1px solid #6ebc40; +} +.u-btn-success .u-icon{ + color:#fff; +} +.u-btn-success:hover,.u-btn-success:focus{ + color:#fff; + background:#63a93a; + border-color:#63a93a; +} +.u-btn-success:active,.u-btn-success.z-act{ + color:#fff; + background:#63a93a; + border-color:#63a93a; +} +.u-btn-warning{ + color:#fff; + background:#f48080; + border:1px solid #f48080; +} +.u-btn-warning .u-icon{ + color:#fff; +} +.u-btn-warning:hover,.u-btn-warning:focus{ + color:#fff; + background:#dc7373; + border-color:#dc7373; +} +.u-btn-warning:active,.u-btn-warning.z-act{ + color:#fff; + background:#dc7373; + border-color:#dc7373; +} +.u-btn-error{ + color:#fff; + background:#f48080; + border:1px solid #f48080; +} +.u-btn-error .u-icon{ + color:#fff; +} +.u-btn-error:hover,.u-btn-error:focus{ + color:#fff; + background:#dc7373; + border-color:#dc7373; +} +.u-btn-error:active,.u-btn-error.z-act{ + color:#fff; + background:#dc7373; + border-color:#dc7373; +} +.u-btn-success{ + padding:0 10px; + background:#fff; + color:#6ebc40; + border:1px solid #a3e37e; +} +.u-btn-success .u-icon{ + font-size:15px; + vertical-align:top; + color:#9fe385; +} +.u-btn-success:hover,.u-btn-success:focus{ + color:#63a93a; + background:#fff; + border-color:#a9e691; +} +.u-btn-warning{ + padding:0 10px; + background:#fff; + color:#f86b6b; + border:1px solid #f48080; +} +.u-btn-warning .u-icon{ + font-size:15px; + vertical-align:top; + color:#f78081; +} +.u-btn-warning:hover,.u-btn-warning:focus{ + color:#f97a7a; + background:#fff; + border-color:#f88d8e; +} +.u-btn-add{ + padding:0 10px; + background:#fff; + color:#e31436; + border:1px solid #e31436; +} +.u-btn-add .u-icon{ + font-size:15px; + vertical-align:top; + color:#e31436; +} +.u-btn-add:hover,.u-btn-add:focus{ + color:#cc1231; + background:#fff; + border-color:#cc1231; +} +.u-check{ + display:inline-block; + cursor:pointer; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + white-space:nowrap; + font-size:12px; + line-height:32px; +} +.u-check .check_box{ + display:inline-block; + position:relative; + overflow:hidden; + text-align:center; + margin-right:8px; + height:13px; + width:13px; + line-height:12px; + vertical-align:text-top; + background:#fff; + color:#e61438; + border:1px solid #ddd; +} +.u-check .check_box .u-icon{ + display:none; + font-size:13px; + line-height:13px; +} +.u-check .check_box:hover{ + border:1px solid #e61438; +} +.u-check.z-chk .check_box{ + background:#e61438; + color:#fff; + border:1px solid #e61438; +} +.u-check.z-chk .check_box .u-icon{ + display:inline-block; +} +.u-check.z-part .check_box{ + background:#e61438; + color:#fff; + border:1px solid #e61438; +} +.u-check.z-part .check_box .u-icon{ + display:inline-block; +} +.u-check.z-part .check_box .u-icon:before{ + content:"\e91c"; +} +.u-check.z-dis{ + cursor:not-allowed; +} +.u-check.z-dis .check_box{ + color:#eee; + border:1px solid #eee; +} +.u-check-block{ + display:block; + width:100%; +} +.u-input.sm{ + padding:5px 10px; + height:24px; + font-size:12px; +} +.u-input.lg{ + padding:10px 16px; + height:38px; + font-size:16px; +} +.u-input.smw{ + display:inline-block; + width:80px; + vertical-align:top; +} +.u-input.mdw{ + display:inline-block; + width:160px; + vertical-align:top; +} +.u-input.lgw{ + display:inline-block; + width:300px; + vertical-align:top; +} +.u-calendar{ + text-align:center; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; +} +.u-calendar .calendar_item{ + display:inline-block; + cursor:pointer; +} +.u-calendar .calendar_item.z-dis{ + cursor:not-allowed; +} +.u-calendar .calendar_hd{ + *zoom:1; +} +.u-calendar .calendar_hd:before,.u-calendar .calendar_hd:after{ + display:table; + content:""; + line-height:0; +} +.u-calendar .calendar_hd:after{ + clear:both; +} +.u-calendar .calendar_hd .calendar_prev{ + float:left; +} +.u-calendar .calendar_hd .calendar_next{ + float:right; +} +.u-calendar .calendar_bd{ + clear:both; +} +.u-calendar .calendar_bd .calendar_week .calendar_item{ + cursor:default; +} +.u-calendar.z-dis .calendar_item{ + cursor:not-allowed; +} +.u-calendar{ + width:250px; + padding:4px; + background:#fff; + color:#333; + border:1px solid #ddd; + -moz-border-radius:4px; + border-radius:4px; +} +.u-calendar .calendar_item{ + width:32px; + height:30px; + line-height:30px; + margin:1px; + -moz-border-radius:2px; + border-radius:2px; +} +.u-calendar .calendar_item:hover{ + background:#f1f1f1; + color:#444; +} +.u-calendar .calendar_item.z-sel{ + background:#e31436; + color:#fff; +} +.u-calendar .calendar_item.z-muted{ + color:#999; +} +.u-calendar .calendar_item.z-dis{ + background:none; + color:#999; +} +.u-calendar .calendar_hd{ + line-height:32px; +} +.u-calendar .calendar_bd .calendar_week .calendar_item{ + background:none; +} +.u-calendar.z-dis .calendar_item{ + background:#fff; + color:#999; +} +.u-calendar.z-dis .calendar_item.z-sel{ + background:#eee; + color:#999; +} +.u-datetimepicker .input-error{ + border-color:#f48080; +} +.u-datetimepicker .btns{ + margin-top:10px; +} +.u-datetimepicker .dropdown_ft{ + display:flex; + padding:4px 0 0; + margin-top:4px; + justify-content:flex-end; + border-top:1px solid #ddd; +} +.u-datetimepicker .dropdown_ft .datetimepicker_confirmBtn{ + color:#e31436; + background:#fff; + border:1px solid #e31436; +} +.u-numberinput{ + display:inline-block; + position:relative; + width:100%; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; +} +.u-numberinput .u-input{ + display:inline-block; +} +.u-numberinput .u-btn{ + position:absolute; + border:none; + right:7px; + top:2px; + min-width:0; + height:13px; + line-height:13px; + padding:0 4px; +} +.u-numberinput .u-btn + .u-btn{ + top:auto; + bottom:2px; +} +.u-numberinput .u-btn:focus,.u-numberinput .u-btn:hover{ + outline:0; + border:1px solid #adadad; +} +.u-timepicker{ + display:inline-block; +} +.u-timepicker .u-numberinput,.u-timepicker .u-input{ + width:auto; +} +.u-timepicker .u-input{ + width:56px; + padding:6px; +} +.u-timepicker .u-input{ + display:inline-block; + box-sizing:content-box; +} +.u-timepicker .u-numberinput .u-btn{ + top:8px; + margin:auto; +} +.u-timepicker .u-numberinput .u-btn + .u-btn{ + top:auto; + bottom:8px; +} +.m-form fieldset{ + border:none; + margin:0; + padding:0; +} +.m-form legend{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + width:100%; + padding:0; + border:none; +} +.m-form.inline .u-formitem{ + display:inline-block; + vertical-align:top; + margin-bottom:0; +} +.m-form.inline .u-formitem .formitem_ct{ + display:inline-block; +} +.m-form legend{ + font-size:16px; + border-bottom:1px solid #ddd; + line-height:32px; + margin:15px 0; + color:#777; +} +.m-form >.u-formitem,.m-form fieldset>.u-formitem{ + margin-bottom:16px; +} +.u-formitem{ + display:flex; + margin-bottom:10px; +} +.u-formitem .formitem_tt{ + position:relative; + float:left; + padding-right:8px; + font-size:12px; + text-align:right; + line-height:2.5; + max-width:144px; +} +.u-formitem .formitem_tt-sm{ + width:80px; +} +.u-formitem .formitem_tt-md{ + width:144px; +} +.u-formitem .formitem_tt-lg{ + width:176px; + max-width:176px; +} +.u-formitem .formitem_tt-xlg{ + width:224px; + max-width:224px; +} +.u-formitem .formitem_tt-lh-sm{ + line-height:1; +} +.u-formitem .formitem_tt-lh-md{ + line-height:1.6; +} +.u-formitem .formitem_tt-lh-lg{ + line-height:2.5; +} +.u-formitem .formitem_info{ + color:#ccc; + vertical-align:middle; +} +.u-formitem .formitem_ct{ + flex:1; + min-width:0; + font-size:12px; +} +.u-formitem .formitem_desc{ + display:inline-block; + vertical-align:top; + color:#999; +} +.u-formitem .g-col:first-child{ + padding-left:0; +} +.u-formitem .g-col:last-child{ + padding-right:0; +} +.u-formitem .formitem_rqr{ + color:#ff753f; +} +.u-formitem-inline{ + display:inline-block; + vertical-align:top; + margin-bottom:0; +} +.u-formitem-inline .formitem_ct{ + display:inline-block; +} +.u-formitem-vertical{ + flex-direction:column; +} +.u-formitem-vertical .formitem_tt{ + text-align:left !important; + width:100%; + max-width:100%; +} +.m-table .u-formitem{ + margin-bottom:0; +} +.u-input{ + display:block; + position:relative; + width:100%; +} +.u-input .input{ + padding:6px 10px 6px 8px; + color:#333; + background:#fff; + -moz-border-radius:2px; + border-radius:2px; + border:1px solid #ddd; + height:32px; + line-height:32px; + font-size:12px; + width:100%; +} +.u-input .input::-webkit-input-placeholder{ + color:#999; + font-size:12px; + filter:alpha(opacity = 100); + opacity:1; +} +.u-input .input::-moz-placeholder{ + color:#999; + font-size:12px; + filter:alpha(opacity = 100); + opacity:1; +} +.u-input .input:-moz-placeholder{ + color:#999; + font-size:12px; + filter:alpha(opacity = 100); + opacity:1; +} +.u-input .input:-ms-placeholder{ + color:#999; + font-size:12px; + filter:alpha(opacity = 100); + opacity:1; +} +.u-input .input:focus{ + outline:0; + background:#fff; + color:#333; + border:1px solid #f48080; +} +.u-input .input:disabled{ + cursor:not-allowed; + background:#eee; + color:#999; + border:1px solid #ddd; +} +.u-input .input-error{ + border-color:#f48080; +} +.u-input .input_wrap{ + position:relative; + display:block; +} +.u-input .input_unit,.u-input .input_icon{ + position:absolute; + height:24px; + line-height:24px; + right:10px; + top:0; + bottom:0; + margin:auto; + color:#666; +} +.u-input .input_icon{ + font-size:12px; +} +.u-input .input_icon:hover,.u-input .input_icon:active{ + color:#e31436; + cursor:pointer; +} +.u-input .input_icon_clearable{ + opacity:0; +} +.u-input .input_icon_clearable:hover{ + opacity:1; +} +.u-input .input_placeholder{ + position:absolute; + left:0; + top:0; + bottom:0; + color:#999; + padding:6px 10px 6px 8px; + border-left:1px solid transparent; +} +.u-input-sm{ + height:24px; +} +.u-input-sm .input{ + height:24px; + line-height:24px; +} +.u-input-block{ + display:block; + width:100%; +} +.u-input + .u-tip{ + margin-left:5px; +} +.u-input-smw{ + display:inline-block; + width:80px; + vertical-align:top; +} +.u-input-mdw{ + display:inline-block; + width:160px; + vertical-align:top; +} +.u-input-lgw{ + display:inline-block; + width:300px; + vertical-align:top; +} +.u-multi ::-webkit-scrollbar{ + width:6px; + height:8px; + background-color:#fff; +} +.u-multi ::-webkit-scrollbar-thumb{ + border-radius:3px; + background-color:#dadada; +} +.u-multi .dropdown_hd{ + max-height:84px; + overflow-y:auto; +} +.u-multi .dropdown_hd .selected-tag{ + height:22px; + line-height:22px; +} +.u-multi .dropdown_hd .m-multi-placeholder{ + color:#999; +} +.u-multi .dropdown_hd .selectedTagMore{ + overflow:hidden; + text-overflow:ellipsis; + max-width:150px; +} +.u-multi .dropdown_hd .angle-transform{ + transform:rotate(180deg); +} +.u-multi .dropdown_hd i.angle{ + transition:transform 0.5s; + line-height:20px; + margin-top:5px; +} +.u-multi .cateWrap{ + max-width:412px; + overflow-x:auto; + white-space:nowrap; + position:absolute; + background-color:#fff; + font-size:0; +} +.u-multi .cateWrap ul,.u-multi .cateWrap li{ + list-style-type:none; +} +.u-multi .cateWrap ::-webkit-scrollbar{ + width:6px; + background-color:#fff; +} +.u-multi .cateWrap ::-webkit-scrollbar-thumb{ + border-radius:3px; + background-color:#dadada; +} +.u-multi .cateWrap ul{ + width:136px; + border-bottom:1px solid #eee; + border-left:1px solid #eee; + margin:0; + height:260px; + padding:0; + overflow-y:auto; + overflow-x:hidden; + font-size:14px; + display:inline-block; +} +.u-multi .cateWrap ul:last-child{ + border-right:1px solid #eee; +} +.u-multi .cateWrap li{ + height:32px; + overflow:hidden; + line-height:32px; + word-wrap:normal; + white-space:nowrap; + text-overflow:ellipsis; + padding-right:15px; + position:relative; +} +.u-multi .cateWrap li:hover{ + background-color:#f6f9fc; +} +.u-multi .cateWrap li .onlyChild{ + background-color:#fff; + font-size:12px; +} +.u-multi .cateWrap li .onlyChild:hover{ + background-color:#ddd; +} +.u-multi .cateWrap .u-input,.u-multi .cateWrap .input_wrap{ + height:32px; +} +.u-multi .cateWrap .u-check{ + margin-left:13px; + width:15px; +} +.u-multi .cateWrap .more{ + position:absolute; + text-align:center; + width:30px; + right:0; +} +.u-multi .cateWrap .cateName{ + padding-left:15px; +} +.u-multi .cateWrap .active{ + background-color:#f6f9fc; +} +.u-multi.z-dis .dropdown_hd{ + cursor:not-allowed; + background:#eee; + border:1px solid #ddd; + color:#999; +} +.u-radio{ + display:inline-block; + cursor:pointer; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + white-space:nowrap; + font-size:12px; + line-height:32px; +} +.u-radio .radio_box{ + display:inline-block; + position:relative; + overflow:hidden; + text-align:center; + margin-right:8px; + height:13px; + width:13px; + line-height:13px; + vertical-align:text-top; + background:#fff; + color:#e31436; + border:1px solid #dfe3e9; + border-radius:13px; +} +.u-radio .radio_box .u-icon{ + content:""; + display:none; + position:absolute; + top:50%; + left:50%; + margin-top:-3.5px; + margin-left:-3.5px; + width:7px; + height:7px; + border-radius:7px; + background:#e61438; +} +.u-radio.z-sel .radio_box{ + border:1px solid #e61438; +} +.u-radio.z-sel .radio_box .u-icon{ + display:inline-block; +} +.u-radio.z-dis{ + cursor:not-allowed; +} +.u-radio.z-dis .radio_box{ + color:#eee; + border:1px solid #eee; +} +.u-radio-block{ + display:block; + width:100%; +} +.u-select{ + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + vertical-align:top; +} +.u-select .z-hover{ + background:#f1f1f1; +} +.u-select .dropdown_hd{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + cursor:pointer; + font-size:0; + min-height:32px; + line-height:30px; + padding:0 10px; + background:#fff; + color:#333; + border:1px solid #ddd; + -moz-border-radius:2px; + border-radius:2px; + overflow-y:auto; + position:relative; +} +.u-select .dropdown_hd .u-icon{ + float:right; + width:auto; + line-height:inherit; + position:absolute; + right:5px; +} +.u-select .dropdown_hd .u-icon-remove{ + color:#a4a5b9; +} +.u-select .dropdown_hd .m-multi-placeholder{ + color:#999; +} +.u-select .dropdown_hd .u-select-errorIcon{ + position:relative; + top:-28px; +} +.u-select .dropdown_hd .hoverShow{ + display:none; +} +.u-select .dropdown_hd:hover .hoverShow{ + display:inline-block; +} +.u-select .dropdown_hd:hover .hoverHide{ + display:none; +} +.u-select .dropdown_hd span{ + float:left; + font-size:12px; +} +.u-select .selected-tag{ + position:relative; + padding:0 20px 0 10px; + margin:4px 5px 0 0; + background-color:#f3f3f3; + -moz-border-radius:2px; + border-radius:2px; + height:20px; + line-height:20px; + float:left; + cursor:default; +} +.u-select .selected-tag .u-icon-remove{ + position:absolute; + right:5px; +} +.u-select .selected-tag:last-child{ + margin-bottom:6px; +} +.u-select .selected-tag .z-dis{ + cursor:not-allowed; +} +.u-select .selectedTagMore{ + overflow:hidden; + text-overflow:ellipsis; + max-width:150px; +} +.u-select .u-search-input{ + font-family:inherit; + line-height:20px; + vertical-align:middle; + width:calc(100% - 20px); + background-color:transparent; + font-size:12px; +} +.u-select .u-search-input:focus{ + outline:none; +} +.u-select .searchInput1{ + border-bottom:1px solid #eee; + padding:5px 0; + display:block; +} +.u-select.isMultiple .u-search-input{ + float:left; + margin-top:7px; + width:1em; +} +.u-select .dropdown_bd{ + clear:both; +} +.u-select .m-listview{ + overflow-x:hidden; + overflow-y:auto; + padding:0; + max-height:200px; +} +.u-select .m-listview .u-check{ + line-height:0; +} +.u-select .m-treeview{ + overflow:auto; + max-height:200px; +} +.u-select-error .dropdown_hd{ + border-color:#f48080; +} +.u-select .z-dis .dropdown_hd{ + cursor:not-allowed; + background:#eee; + border:1px solid #ddd; + color:#999; +} +.u-selectgroup .u-select{ + width:160px; +} +.u-selectgroup .u-dropdown{ + display:inline-block; +} +.u-select-sm{ + height:24px; + padding:0; +} +.u-select-sm .dropdown_hd{ + min-height:24px; + line-height:22px; +} +.u-select-sm .m-listview>li{ + line-height:12px; +} +.u-text.u-text_unlink{ + display:inline; + text-decoration:none; + color:initial; + cursor:default; +} +.u-text.u-text_unlink:hover{ + text-decoration:none; +} +.u-text.u-text-wb{ + font-weight:bold; +} +.u-text.u-text-xs{ + font-size:10px; + line-height:12px; +} +.u-text.u-text-sm{ + font-size:12px; + line-height:16px; +} +.u-text.u-text-lg{ + font-size:20px; + line-height:24px; +} +.u-text.u-text-xl{ + font-size:24px; + line-height:32px; +} +.u-text.u-text-left{ + text-align:left; +} +.u-text.u-text-center{ + text-align:center; +} +.u-text.u-text-right{ + text-align:right; +} +.u-text.u-text-justify{ + text-align:justify; +} +.u-text.u-text-top{ + vertical-align:top; +} +.u-text.u-text-middle{ + vertical-align:middle; +} +.u-text.u-text-bottom{ + vertical-align:bottom; +} +.u-text.u-text-primary{ + color:#e31436; +} +.u-text.u-text-success{ + color:#6ebc40; +} +.u-text.u-text-warning{ + color:#ffb539; +} +.u-text.u-text-error{ + color:#f48080; +} +.u-text.u-text-inverse{ + color:#fff; +} +.u-text.u-text-muted{ + color:#999; +} +.u-textarea{ + display:inline-block; + position:relative; + width:100%; +} +.u-textarea .textarea{ + padding:6px 10px 6px 8px; + color:#333; + background:#fff; + -moz-border-radius:2px; + border-radius:2px; + border:1px solid #eee; + font-size:12px; + width:100%; +} +.u-textarea .textarea:focus{ + outline:0; + background:#fff; + color:#333; + border:1px solid #f48080; +} +.u-textarea .textarea:disabled{ + cursor:not-allowed; + background:#eee; + color:#999; + border:1px solid #ddd; +} +.u-textarea .textarea_placeholder{ + position:absolute; + left:0; + right:0; + top:0; + bottom:0; + color:#999; + padding:6px 10px 6px 8px; + border-left:1px solid transparent; +} +.u-textarea .textarea_len{ + font-size:12px; + color:#999; +} +.m-treeview{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + overflow-x:auto; + overflow-y:visible; +} +.m-treeview .treeview_list{ + margin-left:1.6em; +} +.m-treeview .treeview_item{ + position:relative; +} +.m-treeview .treeview_item >.u-icon{ + position:absolute; + left:-1.2em; + line-height:inherit; + margin:0; + cursor:pointer; +} +.m-treeview .treeview_itemname{ + cursor:pointer; + white-space:nowrap; +} +.m-treeview .treeview_itemname.z-dis{ + cursor:not-allowed; + background:none; +} +.m-treeview.z-dis .treeview_itemname{ + cursor:not-allowed; +} +.m-treeview.z-dis .treeview_item .u-icon{ + cursor:not-allowed; +} +.m-treeview{ + padding:5px 0; + background:#fff; + color:#333; + -moz-border-radius:4px; + border-radius:4px; + border:1px solid #ddd; +} +.m-treeview .treeview_item >.u-icon{ + padding:3px 0; +} +.m-treeview .treeview_itemname{ + padding:3px 10px; + color:#777; +} +.m-treeview .treeview_itemname:hover{ + background:#f1f1f1; + color:#444; +} +.m-treeview .treeview_itemname.z-sel{ + background:#e31436; + color:#fff; +} +.m-treeview .treeview_itemname.z-dis{ + background:none; + color:#999; +} +.m-treeview .treeview_itemname.z-divider{ + margin:9px 0; + padding:0; + height:1px; + background:#e5e5e5; + overflow:hidden; +} +.m-treeview.z-dis{ + background:#eee; +} +.m-treeview.z-dis .treeview_itemname{ + background:none; + color:#999; +} +.m-multitreeview .treeview_list{ + margin-left:3.4em; +} +.m-multitreeview .treeview_item >.u-icon{ + left:-3em; +} +.m-multitreeview .treeview_item >.u-check{ + position:absolute; + left:-1.8em; + padding:3px 0; +} +.m-file-unit{ + display:inline-block; + width:50px; + margin-bottom:10px; + vertical-align:top; + background:#fefefe; +} +.m-file-unit .m-content{ + position:relative; + width:50px; + height:50px; + border:1px solid #eef1f4; + border-radius:2px; + box-sizing:border-box; + text-align:center; +} +.m-file-unit .m-content .m-img-wrapper{ + position:absolute; + top:0; + right:0; + left:0; + bottom:0; + cursor:zoom-in; +} +.m-file-unit .m-content .m-img-wrapper:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-file-unit .m-content .m-img-wrapper .u-img{ + max-width:100%; + max-height:100%; + vertical-align:middle; +} +.m-file-unit .m-content .u-txt{ + display:inline-block; + width:100%; + height:100%; + line-height:50px; + font-size:12px; + text-align:center; + cursor:default; +} +.m-file-unit .m-content .m-status .u-failed,.m-file-unit .m-content .m-status .u-uploading{ + position:absolute; + top:0; + left:0; + display:inline-block; + width:100%; + height:100%; + text-align:center; + font-size:12px; + color:#fff; + background:rgba(0,0,0,0.7); +} +.m-file-unit .m-content .m-status .u-failed:before,.m-file-unit .m-content .m-status .u-uploading:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-file-unit .m-content .m-status .u-failed{ + cursor:pointer; +} +.m-file-unit .m-content .m-status .u-failed .u-failed-info{ + display:inline-block; + width:100%; + vertical-align:middle; + text-align:center; + line-height:1.2; +} +.m-file-unit .m-content .m-status .u-failed .u-failed-info .u-icon{ + display:inline-block; + width:100%; + height:20px; + font-size:16px; +} +.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper{ + display:inline-block; + width:40px; + line-height:0.85; + vertical-align:middle; +} +.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress-txt,.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress{ + display:inline-block; + width:100%; +} +.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress{ + position:relative; + height:5px; + background:#fff; + border-radius:100px; +} +.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress .u-progress-bar{ + position:absolute; + top:0; + left:0; + display:inline-block; + height:100%; + background:#0398ff; + border-radius:100px; +} +.m-file-unit .m-content .m-status .u-uploaded{ + display:none; + position:absolute; + bottom:0; + left:0; + width:100%; + height:17px; + text-align:center; + font-size:12px; + color:#fff; + background:rgba(0,0,0,0.7); +} +.m-file-unit .m-content .m-status .u-uploaded:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-file-unit .m-content .m-status .u-uploaded .u-uploaded-zone{ + display:inline-block; + position:relative; + width:100%; + height:100%; + line-height:100%; + color:#fff; + text-align:center; + text-decoration:none; + cursor:pointer; +} +.m-file-unit .m-content .m-status .u-uploaded .u-uploaded-zone .u-icon{ + margin-left:2px; +} +.m-file-unit .m-content .m-remove{ + display:none; + position:absolute; + right:-6px; + top:-6px; + width:17px; + height:17px; + font-size:17px; + line-height:17px; + color:#333; + background:#fff; + border-radius:100px; + z-index:5; +} +.m-file-unit .m-content:hover .m-remove{ + display:inline-block; + cursor:pointer; +} +.m-file-unit .m-content:hover .m-status .u-uploaded{ + display:inline-block; +} +.m-file-unit .m-content:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-file-unit .m-name{ + margin-top:8px; + padding:1px; + word-wrap:break-word; + overflow:hidden; + text-overflow:ellipsis; + display:-webkit-box; + -webkit-box-orient:vertical; + -webkit-line-clamp:2; + line-height:1.4; + font-size:12px; + color:#333; +} +.m-file-unit .m-info{ + margin-top:4px; + font-size:12px; + color:#f86b6b; +} +.m-upload ul{ + margin:0; + padding:0; +} +.m-upload ul li{ + list-style:none; +} +.m-upload .u-fileitem,.m-upload u-input-wrapper{ + vertical-align:top; +} +.m-upload .m-input-wrapper{ + display:inline-block; + text-align:center; +} +.m-upload .m-input-wrapper .u-input-btn{ + display:inline-block; + width:50px; + height:50px; + vertical-align:top; + border:1px dashed #ccc; + border-radius:2px; + box-sizing:border-box; + font-size:12px; + cursor:pointer; +} +.m-upload .m-input-wrapper .u-input-btn .u-input-content{ + display:inline-block; + width:100%; + vertical-align:middle; +} +.m-upload .m-input-wrapper .u-input-btn .u-input-content .u-icon{ + display:inline-block; + width:100%; + font-size:12px; + color:#666; +} +.m-upload .m-input-wrapper .u-input-btn:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-upload .m-input-wrapper .u-input-info{ + margin-top:4px; + font-size:12px; + color:#f86b6b; +} +.m-upload ul{ + margin:0; + padding:0; +} +.m-upload ul li{ + list-style:none; +} +.m-upload .u-fileitem,.m-upload .u-input-wrapper{ + display:inline-block; + vertical-align:top; +} +.m-upload .u-fileitem{ + width:50px; +} +.m-upload .m-files-zone{ + width:125px; +} +.m-upload .m-files-zone .m-entry-wrapper{ + position:relative; + display:inline-block; + width:50px; + margin-right:20px; + vertical-align:top; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry{ + position:relative; + width:100%; + height:50px; + border:1px solid #eef1f4; + border-radius:2px; + box-sizing:border-box; + text-align:center; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-img-wrapper{ + position:absolute; + top:0; + right:0; + left:0; + bottom:0; + cursor:zoom-in; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-img-wrapper:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-img-wrapper .u-img{ + max-width:100%; + max-height:100%; + vertical-align:middle; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .u-txt{ + display:inline-block; + width:100%; + height:100%; + line-height:50px; + font-size:12px; + text-align:center; + cursor:pointer; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .u-info{ + content:""; + position:absolute; + right:-6px; + top:-6px; + width:17px; + height:17px; + line-height:17px; + text-align:center; + background:#fff; + border:1px solid #eef1f4; + border-radius:100px; + color:#333; + font-size:12px; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed,.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading{ + position:absolute; + top:0; + left:0; + display:inline-block; + width:100%; + height:100%; + text-align:center; + font-size:12px; + color:#fff; + background:rgba(0,0,0,0.7); +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed:before,.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed{ + cursor:pointer; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed .u-failed-info{ + display:inline-block; + width:100%; + vertical-align:middle; + text-align:center; + line-height:1.2; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed .u-failed-info .u-icon{ + display:inline-block; + width:100%; + height:20px; + font-size:16px; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper{ + display:inline-block; + width:40px; + line-height:0.85; + vertical-align:middle; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress-txt,.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress{ + display:inline-block; + width:100%; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress{ + position:relative; + height:5px; + background:#fff; + border-radius:100px; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress .u-progress-bar{ + position:absolute; + top:0; + left:0; + display:inline-block; + height:100%; + background:#0398ff; + border-radius:100px; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-upload .m-files-zone .m-entry-wrapper .m-entry-info{ + margin-top:4px; + font-size:12px; + color:#f86b6b; + text-align:center; +} +.m-upload .m-files-zone .u-banner{ + position:absolute; + bottom:-7px; + left:-9999px; + z-index:5; +} +.m-upload .m-files-zone .u-banner:before,.m-upload .m-files-zone .u-banner:after{ + content:""; + border:5px solid transparent; + position:absolute; + left:0; +} +.m-upload .m-files-zone .u-banner:before{ + border-bottom-color:#eee; + bottom:1px; +} +.m-upload .m-files-zone .u-banner:after{ + border-bottom-color:#fff; + bottom:0; +} +.m-upload .m-files-zone .u-banner.top{ + top:-7px; +} +.m-upload .m-files-zone .u-banner.top:before,.m-upload .m-files-zone .u-banner.top:after{ + border-bottom:none; +} +.m-upload .m-files-zone .u-banner.top:before{ + border-top-color:#eee; + top:1px; +} +.m-upload .m-files-zone .u-banner.top:after{ + border-top-color:#fff; + top:0; +} +.m-upload .m-files-zone .m-filelist{ + position:absolute; + left:-9999px; + padding:22px; + padding-bottom:12px; + text-align:left; + border:1px solid #eee; + border-radius:2px; + box-shadow:0 2px 3px 0 rgba(0,0,0,0.1); + background:#fff; + z-index:1; +} +.m-upload .m-files-zone .u-input-wrapper{ + position:relative; + display:inline-block; + width:50px; + vertical-align:top; + text-align:center; +} +.m-upload .m-files-zone .u-input-wrapper .u-input-btn{ + display:inline-block; + width:50px; + height:50px; + vertical-align:top; + border:1px dashed #ccc; + border-radius:2px; + box-sizing:border-box; + font-size:12px; + cursor:pointer; +} +.m-upload .m-files-zone .u-input-wrapper .u-input-btn .u-input-content{ + display:inline-block; + width:100%; + vertical-align:middle; +} +.m-upload .m-files-zone .u-input-wrapper .u-input-btn .u-input-content .u-icon{ + display:inline-block; + width:100%; + font-size:12px; + color:#666; +} +.m-upload .m-files-zone .u-input-wrapper .u-input-btn:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-upload .m-files-zone .u-input-wrapper .u-input-btn.dragover{ + background-color:rgba(32,159,255,0.06); + border:1px dashed #20a0ff; +} +.m-upload .m-files-zone .u-input-wrapper .u-input-info{ + margin-top:4px; + font-size:12px; + color:#f86b6b; +} +.m-upload{ + line-height:1.6; +} +.m-upload ul{ + margin:0; + padding:0; +} +.m-upload ul li{ + list-style:none; +} +.m-upload .u-fileitem,.m-upload .u-input-wrapper{ + display:inline-block; + vertical-align:top; +} +.m-upload .u-fileitem{ + width:50px; +} +.m-upload .u-input-wrapper{ + text-align:center; +} +.m-upload .u-input-wrapper .u-input-btn{ + display:inline-block; + width:50px; + height:50px; + vertical-align:top; + border:1px dashed #ccc; + border-radius:2px; + box-sizing:border-box; + font-size:12px; + cursor:pointer; +} +.m-upload .u-input-wrapper .u-input-btn .u-input-content{ + display:inline-block; + width:100%; + vertical-align:middle; +} +.m-upload .u-input-wrapper .u-input-btn .u-input-content .u-icon{ + display:inline-block; + width:100%; + font-size:12px; + color:#666; +} +.m-upload .u-input-wrapper .u-input-btn:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-upload .u-input-wrapper .u-input-btn.dragover{ + background-color:rgba(32,159,255,0.06); + border:1px dashed #20a0ff; +} +.m-upload .u-input-wrapper .u-input-info{ + margin-top:4px; + font-size:12px; + color:#f86b6b; +} +.m-card{ + background:#fff; + box-shadow:2px 2px 3px 0 rgba(34,52,73,0.1); + border:1px solid rgba(34,52,73,0.1); + border-radius:4px; + padding:16px; + margin-bottom:8px; + color:#333; +} +.m-card .card_hd{ + display:-webkit-box; + display:-moz-box; + display:-ms-flexbox; + display:-webkit-flex; + display:flex; + -webkit-box-align:center; + -moz-align-items:center; + -webkit-align-items:center; + align-items:center; + margin-bottom:12px; +} +.m-card .card_hd .title{ + font-size:16px; + font-weight:bold; +} +.m-card .card_hd .line{ + display:inline-block; + background:#333; + width:3px; + height:15px; + margin-right:8px; +} +.m-card .card_hd .operate{ + flex:1; + text-align:right; + margin-right:40px; +} +.m-card .btLine{ + background:#ddd; + height:1px; + margin-bottom:8px; +} +.m-card .m-card{ + box-shadow:none; + border-radius:initial; + border:none; + padding:0 40px; +} +.m-card .m-card .card_hd{ + margin-bottom:8px; +} +.m-card .m-card .card_hd .line{ + height:13px; +} +.m-card .m-card .card_hd .title{ + font-size:14px; +} +.m-card .m-card .card_hd .operate{ + margin-right:0; +} +.m-card .m-card-indent{ + padding:0 40px; +} +.g-row{ + *zoom:1; +} +.g-row:before,.g-row:after{ + display:table; + content:""; + line-height:0; +} +.g-row:after{ + clear:both; +} +.g-row-flex{ + display:flex; +} +.g-row-flex.justify-center{ + justify-content:center; +} +.g-row-flex.justify-end{ + justify-content:flex-end; +} +.g-row-flex.justify-space-between{ + justify-content:space-between; +} +.g-row-flex.justify-space-around{ + justify-content:space-around; +} +.g-row-flex.align-middle{ + align-items:center; +} +.g-row-flex.align-bottom{ + align-items:top; +} +.g-row-flex.flex-wrap{ + flex-wrap:wrap; +} +.g-row-flex.flex-nowrap{ + flex-wrap:nowrap; +} +.g-row-flex.flex-wrap-reverse{ + flex-wrap:wrap-reverse; +} +.g-row + .g-row{ + margin-top:10px; +} +.g-col{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + float:left; + min-height:1px; + padding:0 20px; +} +.g-col-1{ + width:8.333333%; +} +.g-offset-1{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:8.333333%; +} +.g-col-2{ + width:16.666667%; +} +.g-offset-2{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:16.666667%; +} +.g-col-3{ + width:25%; +} +.g-offset-3{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:25%; +} +.g-col-4{ + width:33.333333%; +} +.g-offset-4{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:33.333333%; +} +.g-col-5{ + width:41.666667%; +} +.g-offset-5{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:41.666667%; +} +.g-col-6{ + width:50%; +} +.g-offset-6{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:50%; +} +.g-col-7{ + width:58.333333%; +} +.g-offset-7{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:58.333333%; +} +.g-col-8{ + width:66.666667%; +} +.g-offset-8{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:66.666667%; +} +.g-col-9{ + width:75%; +} +.g-offset-9{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:75%; +} +.g-col-10{ + width:83.333333%; +} +.g-offset-10{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:83.333333%; +} +.g-col-11{ + width:91.666667%; +} +.g-offset-11{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:91.666667%; +} +.g-col-12{ + width:100%; +} +.g-offset-12{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-left:100%; +} +@media (max-width: 768px){ + .g-col-xs-1{ + width:8.333333%; + } + .g-col-xs-offset-1{ + margin-left:8.333333%; + } + .g-col-xs-pull-1{ + position:relative; + right:8.333333%; + } + .g-col-xs-push-1{ + position:relative; + left:8.333333%; + } + .g-col-xs-2{ + width:16.666667%; + } + .g-col-xs-offset-2{ + margin-left:16.666667%; + } + .g-col-xs-pull-2{ + position:relative; + right:16.666667%; + } + .g-col-xs-push-2{ + position:relative; + left:16.666667%; + } + .g-col-xs-3{ + width:25%; + } + .g-col-xs-offset-3{ + margin-left:25%; + } + .g-col-xs-pull-3{ + position:relative; + right:25%; + } + .g-col-xs-push-3{ + position:relative; + left:25%; + } + .g-col-xs-4{ + width:33.333333%; + } + .g-col-xs-offset-4{ + margin-left:33.333333%; + } + .g-col-xs-pull-4{ + position:relative; + right:33.333333%; + } + .g-col-xs-push-4{ + position:relative; + left:33.333333%; + } + .g-col-xs-5{ + width:41.666667%; + } + .g-col-xs-offset-5{ + margin-left:41.666667%; + } + .g-col-xs-pull-5{ + position:relative; + right:41.666667%; + } + .g-col-xs-push-5{ + position:relative; + left:41.666667%; + } + .g-col-xs-6{ + width:50%; + } + .g-col-xs-offset-6{ + margin-left:50%; + } + .g-col-xs-pull-6{ + position:relative; + right:50%; + } + .g-col-xs-push-6{ + position:relative; + left:50%; + } + .g-col-xs-7{ + width:58.333333%; + } + .g-col-xs-offset-7{ + margin-left:58.333333%; + } + .g-col-xs-pull-7{ + position:relative; + right:58.333333%; + } + .g-col-xs-push-7{ + position:relative; + left:58.333333%; + } + .g-col-xs-8{ + width:66.666667%; + } + .g-col-xs-offset-8{ + margin-left:66.666667%; + } + .g-col-xs-pull-8{ + position:relative; + right:66.666667%; + } + .g-col-xs-push-8{ + position:relative; + left:66.666667%; + } + .g-col-xs-9{ + width:75%; + } + .g-col-xs-offset-9{ + margin-left:75%; + } + .g-col-xs-pull-9{ + position:relative; + right:75%; + } + .g-col-xs-push-9{ + position:relative; + left:75%; + } + .g-col-xs-10{ + width:83.333333%; + } + .g-col-xs-offset-10{ + margin-left:83.333333%; + } + .g-col-xs-pull-10{ + position:relative; + right:83.333333%; + } + .g-col-xs-push-10{ + position:relative; + left:83.333333%; + } + .g-col-xs-11{ + width:91.666667%; + } + .g-col-xs-offset-11{ + margin-left:91.666667%; + } + .g-col-xs-pull-11{ + position:relative; + right:91.666667%; + } + .g-col-xs-push-11{ + position:relative; + left:91.666667%; + } + .g-col-xs-12{ + width:100%; + } + .g-col-xs-offset-12{ + margin-left:100%; + } + .g-col-xs-pull-12{ + position:relative; + right:100%; + } + .g-col-xs-push-12{ + position:relative; + left:100%; + } +} +@media (min-width: 768px){ + .g-col-sm-1{ + width:8.333333%; + } + .g-col-sm-offset-1{ + margin-left:8.333333%; + } + .g-col-sm-pull-1{ + position:relative; + right:8.333333%; + } + .g-col-sm-push-1{ + position:relative; + left:8.333333%; + } + .g-col-sm-2{ + width:16.666667%; + } + .g-col-sm-offset-2{ + margin-left:16.666667%; + } + .g-col-sm-pull-2{ + position:relative; + right:16.666667%; + } + .g-col-sm-push-2{ + position:relative; + left:16.666667%; + } + .g-col-sm-3{ + width:25%; + } + .g-col-sm-offset-3{ + margin-left:25%; + } + .g-col-sm-pull-3{ + position:relative; + right:25%; + } + .g-col-sm-push-3{ + position:relative; + left:25%; + } + .g-col-sm-4{ + width:33.333333%; + } + .g-col-sm-offset-4{ + margin-left:33.333333%; + } + .g-col-sm-pull-4{ + position:relative; + right:33.333333%; + } + .g-col-sm-push-4{ + position:relative; + left:33.333333%; + } + .g-col-sm-5{ + width:41.666667%; + } + .g-col-sm-offset-5{ + margin-left:41.666667%; + } + .g-col-sm-pull-5{ + position:relative; + right:41.666667%; + } + .g-col-sm-push-5{ + position:relative; + left:41.666667%; + } + .g-col-sm-6{ + width:50%; + } + .g-col-sm-offset-6{ + margin-left:50%; + } + .g-col-sm-pull-6{ + position:relative; + right:50%; + } + .g-col-sm-push-6{ + position:relative; + left:50%; + } + .g-col-sm-7{ + width:58.333333%; + } + .g-col-sm-offset-7{ + margin-left:58.333333%; + } + .g-col-sm-pull-7{ + position:relative; + right:58.333333%; + } + .g-col-sm-push-7{ + position:relative; + left:58.333333%; + } + .g-col-sm-8{ + width:66.666667%; + } + .g-col-sm-offset-8{ + margin-left:66.666667%; + } + .g-col-sm-pull-8{ + position:relative; + right:66.666667%; + } + .g-col-sm-push-8{ + position:relative; + left:66.666667%; + } + .g-col-sm-9{ + width:75%; + } + .g-col-sm-offset-9{ + margin-left:75%; + } + .g-col-sm-pull-9{ + position:relative; + right:75%; + } + .g-col-sm-push-9{ + position:relative; + left:75%; + } + .g-col-sm-10{ + width:83.333333%; + } + .g-col-sm-offset-10{ + margin-left:83.333333%; + } + .g-col-sm-pull-10{ + position:relative; + right:83.333333%; + } + .g-col-sm-push-10{ + position:relative; + left:83.333333%; + } + .g-col-sm-11{ + width:91.666667%; + } + .g-col-sm-offset-11{ + margin-left:91.666667%; + } + .g-col-sm-pull-11{ + position:relative; + right:91.666667%; + } + .g-col-sm-push-11{ + position:relative; + left:91.666667%; + } + .g-col-sm-12{ + width:100%; + } + .g-col-sm-offset-12{ + margin-left:100%; + } + .g-col-sm-pull-12{ + position:relative; + right:100%; + } + .g-col-sm-push-12{ + position:relative; + left:100%; + } +} +@media (min-width: 992px){ + .g-col-md-1{ + width:8.333333%; + } + .g-col-md-offset-1{ + margin-left:8.333333%; + } + .g-col-md-pull-1{ + position:relative; + right:8.333333%; + } + .g-col-md-push-1{ + position:relative; + left:8.333333%; + } + .g-col-md-2{ + width:16.666667%; + } + .g-col-md-offset-2{ + margin-left:16.666667%; + } + .g-col-md-pull-2{ + position:relative; + right:16.666667%; + } + .g-col-md-push-2{ + position:relative; + left:16.666667%; + } + .g-col-md-3{ + width:25%; + } + .g-col-md-offset-3{ + margin-left:25%; + } + .g-col-md-pull-3{ + position:relative; + right:25%; + } + .g-col-md-push-3{ + position:relative; + left:25%; + } + .g-col-md-4{ + width:33.333333%; + } + .g-col-md-offset-4{ + margin-left:33.333333%; + } + .g-col-md-pull-4{ + position:relative; + right:33.333333%; + } + .g-col-md-push-4{ + position:relative; + left:33.333333%; + } + .g-col-md-5{ + width:41.666667%; + } + .g-col-md-offset-5{ + margin-left:41.666667%; + } + .g-col-md-pull-5{ + position:relative; + right:41.666667%; + } + .g-col-md-push-5{ + position:relative; + left:41.666667%; + } + .g-col-md-6{ + width:50%; + } + .g-col-md-offset-6{ + margin-left:50%; + } + .g-col-md-pull-6{ + position:relative; + right:50%; + } + .g-col-md-push-6{ + position:relative; + left:50%; + } + .g-col-md-7{ + width:58.333333%; + } + .g-col-md-offset-7{ + margin-left:58.333333%; + } + .g-col-md-pull-7{ + position:relative; + right:58.333333%; + } + .g-col-md-push-7{ + position:relative; + left:58.333333%; + } + .g-col-md-8{ + width:66.666667%; + } + .g-col-md-offset-8{ + margin-left:66.666667%; + } + .g-col-md-pull-8{ + position:relative; + right:66.666667%; + } + .g-col-md-push-8{ + position:relative; + left:66.666667%; + } + .g-col-md-9{ + width:75%; + } + .g-col-md-offset-9{ + margin-left:75%; + } + .g-col-md-pull-9{ + position:relative; + right:75%; + } + .g-col-md-push-9{ + position:relative; + left:75%; + } + .g-col-md-10{ + width:83.333333%; + } + .g-col-md-offset-10{ + margin-left:83.333333%; + } + .g-col-md-pull-10{ + position:relative; + right:83.333333%; + } + .g-col-md-push-10{ + position:relative; + left:83.333333%; + } + .g-col-md-11{ + width:91.666667%; + } + .g-col-md-offset-11{ + margin-left:91.666667%; + } + .g-col-md-pull-11{ + position:relative; + right:91.666667%; + } + .g-col-md-push-11{ + position:relative; + left:91.666667%; + } + .g-col-md-12{ + width:100%; + } + .g-col-md-offset-12{ + margin-left:100%; + } + .g-col-md-pull-12{ + position:relative; + right:100%; + } + .g-col-md-push-12{ + position:relative; + left:100%; + } +} +@media (min-width: 1200px){ + .g-col-lg-1{ + width:8.333333%; + } + .g-col-lg-offset-1{ + margin-left:8.333333%; + } + .g-col-lg-pull-1{ + position:relative; + right:8.333333%; + } + .g-col-lg-push-1{ + position:relative; + left:8.333333%; + } + .g-col-lg-2{ + width:16.666667%; + } + .g-col-lg-offset-2{ + margin-left:16.666667%; + } + .g-col-lg-pull-2{ + position:relative; + right:16.666667%; + } + .g-col-lg-push-2{ + position:relative; + left:16.666667%; + } + .g-col-lg-3{ + width:25%; + } + .g-col-lg-offset-3{ + margin-left:25%; + } + .g-col-lg-pull-3{ + position:relative; + right:25%; + } + .g-col-lg-push-3{ + position:relative; + left:25%; + } + .g-col-lg-4{ + width:33.333333%; + } + .g-col-lg-offset-4{ + margin-left:33.333333%; + } + .g-col-lg-pull-4{ + position:relative; + right:33.333333%; + } + .g-col-lg-push-4{ + position:relative; + left:33.333333%; + } + .g-col-lg-5{ + width:41.666667%; + } + .g-col-lg-offset-5{ + margin-left:41.666667%; + } + .g-col-lg-pull-5{ + position:relative; + right:41.666667%; + } + .g-col-lg-push-5{ + position:relative; + left:41.666667%; + } + .g-col-lg-6{ + width:50%; + } + .g-col-lg-offset-6{ + margin-left:50%; + } + .g-col-lg-pull-6{ + position:relative; + right:50%; + } + .g-col-lg-push-6{ + position:relative; + left:50%; + } + .g-col-lg-7{ + width:58.333333%; + } + .g-col-lg-offset-7{ + margin-left:58.333333%; + } + .g-col-lg-pull-7{ + position:relative; + right:58.333333%; + } + .g-col-lg-push-7{ + position:relative; + left:58.333333%; + } + .g-col-lg-8{ + width:66.666667%; + } + .g-col-lg-offset-8{ + margin-left:66.666667%; + } + .g-col-lg-pull-8{ + position:relative; + right:66.666667%; + } + .g-col-lg-push-8{ + position:relative; + left:66.666667%; + } + .g-col-lg-9{ + width:75%; + } + .g-col-lg-offset-9{ + margin-left:75%; + } + .g-col-lg-pull-9{ + position:relative; + right:75%; + } + .g-col-lg-push-9{ + position:relative; + left:75%; + } + .g-col-lg-10{ + width:83.333333%; + } + .g-col-lg-offset-10{ + margin-left:83.333333%; + } + .g-col-lg-pull-10{ + position:relative; + right:83.333333%; + } + .g-col-lg-push-10{ + position:relative; + left:83.333333%; + } + .g-col-lg-11{ + width:91.666667%; + } + .g-col-lg-offset-11{ + margin-left:91.666667%; + } + .g-col-lg-pull-11{ + position:relative; + right:91.666667%; + } + .g-col-lg-push-11{ + position:relative; + left:91.666667%; + } + .g-col-lg-12{ + width:100%; + } + .g-col-lg-offset-12{ + margin-left:100%; + } + .g-col-lg-pull-12{ + position:relative; + right:100%; + } + .g-col-lg-push-12{ + position:relative; + left:100%; + } +} +.kl-search_ft{ + display:flex; + justify-content:flex-end; + align-items:center; +} +.kl-search_btn{ + margin-right:10px; +} +.m-kl-table-wrap{ + position:relative; +} +.m-kl-table-wrap .kl_table_header_fiexd_right_gutter{ + box-sizing:border-box; + position:absolute; + background:#eef1f4; + border-left:1px solid #fff; +} +.m-kl-table-wrap .u-resize-proxy{ + position:absolute; + visibility:hidden; + height:100%; + width:1px; + z-index:100; + background:#ddd; +} +.m-kl-table-wrap .expand_row{ + position:absolute; + width:100%; +} +.m-kl-table{ + overflow:auto; + box-sizing:border-box; + border-collapse:collapse; + border-bottom:1px solid #ecf2f9; + line-height:17px; + font-size:12px; + color:#333; +} +.m-kl-table.fixed_header{ + overflow:hidden; +} +.m-kl-table.fixed_header .kl_table_header{ + overflow:hidden; +} +.m-kl-table .kl_table_header.sticky_header{ + position:fixed; + overflow:hidden; + z-index:100; + top:0; +} +.m-kl-table .kl_table_body{ + transition:width 10ms; +} +.m-kl-table .kl_table_body.fixed_header{ + overflow:auto; +} +.m-kl-table.m-kl-table-fixed{ + position:absolute; + overflow:hidden; + top:0; + left:0; + border-bottom:none; + box-shadow:1px 0 8px #d3d4d6; +} +.m-kl-table.m-kl-table-fixed.m-kl-table-fixed-right{ + left:auto; + right:0; +} +.m-kl-table.m-kl-table-fixed .kl_table_header{ + box-shadow:2px 0px 8px #d3d4d6; +} +.m-kl-table.m-kl-table-fixed .kl_table_header,.m-kl-table.m-kl-table-fixed .kl_table_body{ + overflow:hidden; +} +.m-kl-table .table_tb{ + width:100%; + position:relative; + table-layout:fixed; +} +.m-kl-table .patch{ + background:#eef1f4; + position:absolute; +} +.m-kl-table .tb_hd_th{ + box-sizing:border-box; + background-color:#eef1f4; + height:32px; + padding:0; + border-collapse:collapse; + border-bottom:1px solid #fff; + font-weight:normal; +} +.m-kl-table .tb_hd_th .th_content{ + box-sizing:border-box; + height:100%; + display:flex; + align-items:center; + justify-content:center; + padding:6px 8px; +} +.m-kl-table .tb_hd_th .th_content.f-flex-center{ + justify-content:center; +} +.m-kl-table .tb_hd_th .th_content.f-flex-right{ + justify-content:flex-end; +} +.m-kl-table .tb_hd_th .th_content.f-flex-left{ + justify-content:flex-start; +} +.m-kl-table .tb_hd_th .th_content .th_tip{ + margin-left:8px; +} +.m-kl-table .tb_hd_th:not(:last-child){ + border-right:1px solid #fff; +} +.m-kl-table .tb_hd_th .u-icon-1{ + position:relative; + cursor:pointer; + color:#ddd; +} +.m-kl-table .tb_hd_th .u-icon-2{ + position:absolute; + left:0; + top:0; +} +.m-kl-table .tb_hd_th .u-icon-2.u-icon-sort-desc,.m-kl-table .tb_hd_th .u-icon-2.u-icon-sort-asc{ + color:#666; +} +.m-kl-table .tb_bd_tr{ + background:#fff; + transition:background 200ms ease-out; +} +.m-kl-table .tb_bd_tr:not(:last-child){ + border-bottom:1px solid #ecf2f9; +} +.m-kl-table .tb_bd_tr.z-hover,.m-kl-table .tb_bd_tr:hover{ + background:#ecf2f9; +} +.m-kl-table .tb_bd_tr.td_bd_tr_nohover{ + background:#fff; +} +.m-kl-table .tb_bd_td{ + box-sizing:border-box; + position:relative; + padding:0; + height:32px; +} +.m-kl-table .tb_bd_td >.tb_bd_td_div{ + padding:6px 8px; + line-height:17px; +} +.m-kl-table.strip .tb_bd_tr{ + transition:background 200ms ease-out; +} +.m-kl-table.strip .tb_bd_tr:nth-child(2n-1){ + background:#fff; +} +.m-kl-table.strip .tb_bd_tr:nth-child(2n){ + background:#f6f9fc; +} +.m-kl-table.strip .tb_bd_tr:not(:last-child){ + border-bottom:1px solid #ecf2f9; +} +.m-kl-table.strip .tb_bd_tr.z-hover,.m-kl-table.strip .tb_bd_tr:hover{ + background:#ecf2f9; +} +.m-kl-table.strip .tb_bd_tr.td_bd_tr_nohover{ + background:#fff; +} +.m-kl-table .u-clickable{ + cursor:pointer; + color:#0398ff; +} +.m-kl-table .u-clickable:hover{ + text-decoration:underline; +} +.m-kl-table .u-progress-wrap{ + box-sizing:border-box; + text-align:left; +} +.m-kl-table .u-progress-wrap .u-kl-progress{ + width:70%; +} +.m-kl-table .u-expand-sign{ + display:inline-block; + box-sizing:border-box; + height:17px; + width:17px; + border:1px solid #ddd; + line-height:13px; + vertical-align:middle; +} +.m-kl-table-ft{ + padding:10px 0; + background:#fff; +} +.m-kl-table-ft .scroll_bar{ + overflow:auto; + margin-bottom:10px; +} +.m-kl-table-ft .scroll_bar >div{ + height:1px; +} +.m-kl-table-ft .scroll_bar::-webkit-scrollbar{ + -webkit-appearance:none; + width:8px; + height:12px; +} +.m-kl-table-ft .scroll_bar::-webkit-scrollbar:hover{ + background-color:rgba(0,0,0,0.1); +} +.m-kl-table-ft .scroll_bar::-webkit-scrollbar-thumb{ + background-color:rgba(0,0,0,0.2); + -webkit-box-shadow:0 0 1px rgba(255,255,255,0.5); +} +.m-kl-table-ft.sticky_footer{ + position:fixed; + bottom:0; + z-index:1000; +} +.f-cursor-pointer{ + cursor:pointer; +} +.f-overflow-hidden{ + overflow:hidden; +} +.f-visibility-hidden{ + visibility:hidden; +} +.f-ellipsis{ + text-overflow:ellipsis; + overflow:hidden; + white-space:nowrap; +} +.f-line-clamp-1,.f-line-clamp-2,.f-line-clamp-3,.f-line-clamp-4,.f-line-clamp-5{ + display:-webkit-inline-box; + -webkit-box-orient:vertical; + white-space:normal; + vertical-align:middle; + word-break:break-all; +} +.f-line-clamp-1{ + -webkit-line-clamp:1; +} +.f-line-clamp-2{ + -webkit-line-clamp:2; +} +.f-line-clamp-3{ + -webkit-line-clamp:3; +} +.f-line-clamp-4{ + -webkit-line-clamp:4; +} +.f-line-clamp-5{ + -webkit-line-clamp:5; +} +.kl-m-crumb{ + color:#333; + font-size:0; + display:flex; + align-items:center; + box-sizing:border-box; +} +.kl-m-crumb .crumb_home{ + color:#e31436; + font-size:14px; + display:inline-block; +} +.kl-m-crumb .kl-m-crumb_item{ + display:inline-block; + color:#333; +} +.kl-m-crumb .kl-m-crumb_item .crumb_separator{ + display:inline-block; + margin:0 10px; + font-size:12px; +} +.kl-m-crumb .kl-m-crumb_item .crumb_ct{ + display:inline-block; + font-size:12px; +} +.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:link,.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:visited,.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:hover{ + text-decoration:none; + color:#333; +} +.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:hover{ + color:#49a9ee; +} +.kl-m-crumb .kl-m-crumb_item .crumb_ct:hover{ + cursor:pointer; +} +.kl-m-crumb .kl-m-crumb_item:last-child .crumb_ct{ + font-weight:bold; +} +.kl-m-crumb .kl-m-crumb_item:last-child .crumb_ct:hover{ + cursor:inherit; +} +.m-menu{ + height:100%; + overflow-y:auto; + background:#fff; + border-right:1px solid #e1e6ed; + list-style:none; + margin:0; + padding:0; + color:#333; +} +.m-menu .head_title a,.m-menu .menuItems a,.m-menu a.m-subMenu{ + color:#333; +} +.m-menuItem{ + display:block; + position:relative; + padding:8px 0 8px 54px; + line-height:1em; + transition:all 0.3s ease-in; +} +.m-menuItem:hover{ + text-decoration:underline; + font-weight:bold; +} +.m-menuItem.active{ + color:#d9244e; + font-weight:bold; +} +.m-menuItem.active a{ + color:#d9244e; +} +.m-menuItem.active:before{ + position:absolute; + width:2px; + height:10px; + background:#d9244e; + content:""; + top:8px; + left:48px; +} +.m-menuItem:first-child{ + padding-top:0; +} +.m-menuItem:first-child:before{ + top:0; +} +.m-menuItem:last-child{ + margin-bottom:5px; +} +.m-subMenu{ + position:relative; + display:block; + border-bottom:1px solid #dfeaf3; + cursor:pointer; +} +.m-subMenu .head{ + position:relative; + display:flex; + align-items:center; + padding:15px 0 15px 47px; + font-size:14px; + transition:all 0.4s ease; +} +.m-subMenu .head:hover .head_title,.m-subMenu .head:hover a{ + text-decoration:underline; + font-weight:bold; +} +.m-subMenu .head .head_arrow{ + position:absolute; + right:10px; + font-size:14px; + transition:all 0.4s ease; + transform:rotate(0); +} +.m-subMenu .head .head_arrow.isOpen{ + transform:rotate(90deg); +} +.m-subMenu .head .head_icon{ + position:absolute; + left:20px; + color:#333; + font-size:16px; +} +.m-subMenu .menuItems{ + position:relative; + list-style:none; + margin:0; + padding:0; + font-size:12px; +} +.m-subMenu.active{ + background:#f6f9fc; +} +.collapse-transition{ + transition:0.3s height ease-in-out,0.3s padding-top ease-in-out,0.3s padding-bottom ease-in-out; +} +.m-pager{ + text-align:center; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + display:-webkit-box; + display:-moz-box; + display:-ms-flexbox; + display:-webkit-flex; + display:flex; + -webkit-box-align:center; + -moz-align-items:center; + -webkit-align-items:center; + align-items:center; + justify-content:space-between; + -webkit-justify-content:space-between; + -moz-justify-content:space-between; + -ms-justify-content:space-between; + font-size:12px; +} +.m-pager .m-right-pager{ + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; +} +.m-pager .page_item{ + display:inline-block; + vertical-align:top; + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin-right:6px; + padding:0 8px; + height:24px; + line-height:22px; + color:#444; + background:#fff; + text-decoration:none; + text-align:center; + min-width:24px; + border:1px solid #ddd; + -moz-border-radius:2px; + border-radius:2px; +} +.m-pager .page_item:hover{ + cursor:pointer; + border:1px solid #bbb; +} +.m-pager .z-crt{ + background:#e31436; + color:#fff; + border-color:#e31436; +} +.m-pager .z-crt:hover{ + border-color:#e31436; +} +.m-pager .page_size{ + display:inline-block; + font-size:12px; + margin-right:8px; +} +.m-pager .page_size .u-select{ + display:inline-block; + min-width:75px; +} +.m-pager .page_size .u-select .dropdown_hd .u-icon{ + position:static; +} +.m-pager .page_total{ + display:inline-block; + vertical-align:top; + line-height:24px; +} +.m-pager .page_prev{ + width:24px; + padding:initial; +} +.m-pager .page_prev .u-icon{ + line-height:22px; +} +.m-pager .pager_next .u-icon{ + line-height:22px; +} +.m-pager .page_goto{ + display:inline-block; + margin-left:20px; +} +.m-pager .page_goto .u-input{ + display:inline-block; + width:40px; + margin:0 7px 0 10px; +} +.m-pager .page_confirm{ + display:inline-block; + vertical-align:top; + margin-left:27px; +} +.m-pager.z-dis >li >a{ + cursor:not-allowed; +} +.m-pager-left{ + text-align:left; +} +.m-pager-right{ + text-align:right; +} +.m-pager.z-dis >li >a{ + background:#fff; + color:#999; + border-color:#ddd; +} +.pager_goto .u-input{ + display:inline-block; +} +.m-sidebar{ + position:absolute; + bottom:0; + left:0; + transform:translateX(-100%); + overflow:visible; + background:#fff; + border-right:1px solid #e1e6ed; + transition:transform 0.3s; + z-index:2; +} +.m-sidebar.active{ + transform:translateX(0); +} +.m-sidebar .sidebar_menus{ + height:100%; + overflow:auto; +} +.m-sidebar .sidebar_slideBtn{ + display:flex; + position:absolute; + top:50%; + width:10px; + height:50px; + font-size:10px; + margin-top:-60px; + align-items:center; + background:#c2c9d0; + color:#fff; + cursor:pointer; +} +.m-steps{ + list-style:none; +} +.m-steps .stepsItem{ + float:left; + position:relative; +} +.m-steps .stepsItem .stepsLine{ + position:absolute; + box-sizing:border-box; + width:100%; + font-size:0; + line-height:1.5; + top:9px; +} +.m-steps .stepsItem .stepsLine i{ + display:inline-block; + vertical-align:top; + background:#eef1f4; + border-radius:1px; + width:100%; + position:relative; + height:7px; +} +.m-steps .stepsItem .stepsLine i:before{ + position:absolute; + content:""; + top:0; + width:0; + background:#eef1f4; + height:100%; + opacity:0; +} +.m-steps .step{ + display:inline-block; + position:relative; +} +.m-steps .itemHead{ + text-align:center; +} +.m-steps .itemHead .icon{ + display:inline-block; + background-color:#fff; + position:relative; + border-radius:100%; +} +.m-steps .itemHead .icon .stepIcon{ + display:inline-block; + border:1px solid #eef1f4; + width:22px; + height:22px; + line-height:22px; + text-align:center; + border-radius:22px; + font-size:14px; + color:#666; +} +.m-steps .itemMain{ + margin-top:10px; + color:#333; + position:relative; + left:50%; + transform:translateX(-50%); + max-width:160px; + width:160px; +} +.m-steps .itemMain .mainTitle{ + margin-bottom:4px; + text-align:center; + color:#333; +} +.m-steps .itemMain .mainDescription{ + max-width:160px; + width:160px; + font-size:12px; + color:#a4a4a4; +} +.m-steps .finishedItem .stepsLine i{ + background:#80bcf4; +} +.m-steps .finishedItem .stepsLine i:after{ + background:#80bcf4; +} +.m-steps .finishedItem .itemHead .stepIcon{ + border:1px solid #80bcf4; + color:#fff; + background:#80bcf4; +} +.m-steps .finishedItem .itemMain .mainTitle{ + color:#54a8f7; +} +.m-steps .currentStep .itemHead .icon .stepIcon{ + border:1px solid #80bcf4; + color:#80bcf4; +} +.m-steps .currentStep .itemMain .mainTitle{ + color:#54a8f7; +} +.m-steps .currentStep .itemMain .mainDescription{ + color:#54a8f7; +} +.m-steps-sm .stepsItem .stepsLine{ + top:8px; +} +.m-steps-sm .stepsItem .stepsLine i{ + height:5px; +} +.m-steps-sm .itemHead .icon .stepIcon{ + width:18px; + height:18px; + line-height:18px; + border-radius:18px; + font-size:12px; +} +.m-steps-sm .itemMain{ + margin-top:5px; +} +.m-steps-sm .itemMain .mainTitle{ + margin-bottom:2px; + font-size:12px; +} +.m-steps-sm .itemMain .mainDescription{ + font-size:12px; +} +.m-tabs .tabs-scroll{ + position:relative; + overflow:hidden; +} +.m-tabs .tabs-scroll.scrollable{ + padding:0 15px; +} +.m-tabs .tabs-scroll .nav-prev,.m-tabs .tabs-scroll .nav-next{ + position:absolute; + cursor:pointer; + line-height:32px; + font-size:12px; +} +.m-tabs .tabs-scroll .nav-prev.disabled,.m-tabs .tabs-scroll .nav-next.disabled{ + color:#ccc; + cursor:not-allowed; +} +.m-tabs .tabs-scroll .nav-prev{ + left:0; +} +.m-tabs .tabs-scroll .nav-next{ + right:0; +} +.m-tabs .nav-scroll{ + overflow:hidden; +} +.m-tabs .tabs_hd{ + display:inline-block; + transition:transform 0.3s; + white-space:nowrap; +} +.m-tabs .tabs_hd >li{ + position:relative; + display:inline-block; + cursor:pointer; +} +.m-tabs .tabs_hd >li.z-dis{ + cursor:not-allowed; +} +.m-tabs .tabs_hd >li.arrow-left,.m-tabs .tabs_hd >li.arrow-right{ + width:20px; +} +.m-tabs .tabs_bd{ + clear:both; +} +.m-tabs.z-dis .tabs_hd >li{ + cursor:not-allowed; +} +.m-tabs.z-dis .tabs_hd >li.z-crt{ + cursor:default; +} +.m-tabs{ + -moz-border-radius:3px; + border-radius:3px; +} +.m-tabs .tabs_hd >li{ + padding:0 15px; + height:40px; + line-height:40px; + color:#444; + border:1px solid transparent; + margin-bottom:-1px; + background:#fff; + border:1px solid #deeaf2; + border-radius:2px 2px 0 0; + height:31px; + line-height:32px; + min-width:104px; + text-align:center; + font-size:12px; + border-bottom:none; + box-sizing:border-box; +} +.m-tabs .tabs_hd >li + li{ + margin-left:2px; +} +.m-tabs .tabs_hd >li:hover,.m-tabs .tabs_hd >li:focus{ + color:#777; +} +.m-tabs .tabs_hd >li.z-crt{ + border-top:3px solid #d9244e; + height:32px; + line-height:28px; +} +.m-tabs .tabs_hd >li.z-dis{ + color:#999; + background:none; + border-color:transparent; +} +.m-tabs .tabs_bd{ + background:#fff; + border-top:1px solid #deeaf2; + padding:20px 0; +} +.m-tabs-center .tabs_hd{ + position:relative; + float:left; + left:50%; +} +.m-tabs-center .tabs_hd >li{ + position:relative; + left:-50%; +} +.m-tabs-left{ + position:relative; +} +.m-tabs-left .tabs_hd{ + position:absolute; + left:0; + width:120px; + margin-left:0; +} +.m-tabs-left .tabs_hd >li{ + float:none; + border:1px solid transparent; + border-right-width:0; + margin-bottom:0; +} +.m-tabs-left .tabs_hd >li + li{ + margin-left:0; + margin-top:2px; +} +.m-tabs-left .tabs_hd >li.z-crt{ + border-left:3px solid #d9244e; + height:29px; + line-height:26px; + border-top:1px solid #deeaf2; + border-bottom:1px solid #deeaf2; +} +.m-tabs-left .tabs_bd{ + margin-left:120px; + min-height:200px; +} +.m-tabs-right{ + position:relative; +} +.m-tabs-right .tabs_hd{ + position:absolute; + right:0; + width:120px; + margin-left:0; +} +.m-tabs-right .tabs_hd >li{ + float:none; + border:1px solid transparent; + border-left-width:0; + margin-bottom:0; +} +.m-tabs-right .tabs_hd >li + li{ + margin-left:0; + margin-top:2px; +} +.m-tabs-right .tabs_hd >li.z-crt{ + border-right:3px solid #d9244e; + height:28px; + line-height:26px; + border-top:1px solid #deeaf2; + border-bottom:1px solid #deeaf2; +} +.m-tabs-right .tabs_bd{ + margin-right:120px; + min-height:200px; +} +.u-message{ + *zoom:1; + display:flex; + align-items:center; + padding:6px 15px; + background:#fff; + color:#777; + border:1px solid #ddd; + box-shadow:0 2px 3px 0 rgba(0,0,0,0.1); + -moz-border-radius:4px; + border-radius:4px; +} +.u-message:before,.u-message:after{ + display:table; + content:""; + line-height:0; +} +.u-message:after{ + clear:both; +} +.u-message .message_ct{ + display:inline-block; + max-width:90%; +} +.u-message .message_icon{ + font-size:23px; + vertical-align:middle; + margin-top:-2px; + margin-right:10px; + line-height:1; +} +.u-message-info{ + color:#fff; + background:#80bcf4; + border:1px solid #80bcf4; +} +.u-message-info .message_icon{ + color:#fff; +} +.u-message-success{ + color:#fff; + background:#89d280; + border:1px solid #89d280; +} +.u-message-success .message_icon{ + color:#fff; +} +.u-message-warning{ + color:#fff; + background:#f9bf65; + border:1px solid #f9bf65; +} +.u-message-warning .message_icon{ + color:#fff; +} +.u-message-error{ + color:#fff; + background:#f37373; + border:1px solid #f37373; +} +.u-message-error .message_icon{ + color:#fff; +} +.m-modal{ + position:fixed; + top:0; + right:0; + bottom:0; + left:0; + z-index:1000; + overflow-y:auto; + -webkit-overflow-scrolling:touch; + touch-action:cross-slide-y pinch-zoom double-tap-zoom; + text-align:center; + overflow:hidden; + background:rgba(0,0,0,0.6); +} +.m-modal:after{ + content:""; + display:inline-block; + vertical-align:middle; + height:100%; +} +.m-modal .modal_dialog{ + display:inline-block; + vertical-align:middle; + text-align:left; + width:400px; + background:#fff; + -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.125); + box-shadow:0 2px 3px rgba(0,0,0,0.125); + border-radius:4px; + max-width:1050px; +} +.m-modal .modal_hd{ + margin:0 15px; + padding:10px 0; + border-bottom:1px solid #eee; +} +.m-modal .modal_title{ + margin:0; + font-size:12px; + color:#333; +} +.m-modal .modal_close{ + float:right; + margin:2px 0; + color:#666; + font-size:12px; +} +.m-modal .modal_close .u-icon{ + color:#666; +} +.m-modal .modal_close:hover .u-icon{ + color:#888; +} +.m-modal .modal_hd.z-draggable{ + cursor:move; + cursor:-webkit-grab; +} +.m-modal .z-drag .modal_hd.z-draggable{ + cursor:move; + cursor:-webkit-grabbing; +} +.m-modal .modal_bd{ + padding:20px 15px 17px 15px; + min-height:10px; + max-height:491px; + overflow:auto; + font-size:12px; +} +.m-modal .modal_ft{ + padding:15px 15px 30px 15px; + text-align:center; + border-top:1px solid #fff; + font-size:0; +} +.m-modal .modal_ft .u-btn{ + margin:0 8px; +} +@media (max-width: 767px){ + .m-modal .modal_dialog{ + margin:10px; + } +} +html.z-modal,html.z-modal body{ + overflow:hidden; +} +.m-notify{ + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + position:fixed; + z-index:1040; + top:10px; + left:10px; + min-width:260px; + max-width:350px; + font-size:12px; +} +.m-notify .u-message{ + margin-bottom:10px; + padding:16px 35px 16px 20px; +} +.m-notify .u-message:hover .message_close{ + display:block; +} +.m-notify .u-message .message_close{ + display:none; + position:absolute; + right:16px; + margin-top:2px; + font-size:12px; + color:#fff; +} +.m-notify-topright,.m-notify-bottomright{ + left:auto; + right:10px; +} +.m-notify-topcenter,.m-notify-bottomcenter{ + left:50%; + margin-left:-130px; +} +.m-notify-bottomleft,.m-notify-bottomright,.m-notify-bottomcenter{ + top:auto; + bottom:10px; +} +@media (max-width: 767px){ + .m-notify{ + left:10px; + right:10px; + width:auto; + margin:0; + } +} +.m-notify-static{ + position:static; + width:auto; +} +.u-popover,.m-popconfirm,.u-tooltip{ + position:absolute; + z-index:2000; + font-size:12px; + line-height:1.5; +} +.u-popover .arrow,.u-popover .arrow:after,.m-popconfirm .arrow,.m-popconfirm .arrow:after,.u-tooltip .arrow,.u-tooltip .arrow:after{ + position:absolute; + width:0; + height:0; + border-color:transparent; + border-style:solid; +} +.m-popconfirm .inner{ + padding:8px 16px; + background:#fff; + background-clip:padding-box; + border-radius:4px; + box-shadow:0 1px 6px rgba(0,0,0,0.2); +} +.m-popconfirm .inner .body{ + padding:8px 0 16px; + font-size:12px; + color:#666; +} +.m-popconfirm .inner .foot{ + text-align:right; + margin-bottom:8px; +} +.m-popconfirm .inner .foot .u-btn{ + border-radius:2px; +} +.m-popconfirm .inner .foot .u-btn-primary{ + margin-left:5px; +} +.m-popconfirm .arrow:after{ + content:""; + border-width:4px; +} +.m-popconfirm.top,.m-popconfirm.topLeft,.m-popconfirm.topRight{ + padding:0 0 4px 0; +} +.m-popconfirm.top .arrow,.m-popconfirm.topLeft .arrow,.m-popconfirm.topRight .arrow{ + bottom:-1px; + border-bottom-width:0; + border-top-color:rgba(217,217,217,0.7); +} +.m-popconfirm.top .arrow:after,.m-popconfirm.topLeft .arrow:after,.m-popconfirm.topRight .arrow:after{ + bottom:1px; + margin-left:-4px; + border-bottom-width:0; + border-top-color:#fff; +} +.m-popconfirm.left,.m-popconfirm.leftTop,.m-popconfirm.leftBottom{ + padding:0 4px 0 0; +} +.m-popconfirm.left .arrow,.m-popconfirm.leftTop .arrow,.m-popconfirm.leftBottom .arrow{ + right:-1px; + border-right-width:0; + border-left-color:rgba(217,217,217,0.7); +} +.m-popconfirm.left .arrow:after,.m-popconfirm.leftTop .arrow:after,.m-popconfirm.leftBottom .arrow:after{ + right:1px; + bottom:-4px; + border-right-width:0; + border-left-color:#fff; +} +.m-popconfirm.bottom,.m-popconfirm.bottomLeft,.m-popconfirm.bottomRight{ + padding:4px 0 0 0; +} +.m-popconfirm.bottom .arrow,.m-popconfirm.bottomLeft .arrow,.m-popconfirm.bottomRight .arrow{ + top:-1px; + border-top-width:0; + border-bottom-color:rgba(217,217,217,0.7); +} +.m-popconfirm.bottom .arrow:after,.m-popconfirm.bottomLeft .arrow:after,.m-popconfirm.bottomRight .arrow:after{ + top:1px; + margin-left:-4px; + border-top-width:0; + border-bottom-color:#fff; +} +.m-popconfirm.right,.m-popconfirm.rightTop,.m-popconfirm.rightBottom{ + padding:0 0 0 4px; +} +.m-popconfirm.right .arrow,.m-popconfirm.rightTop .arrow,.m-popconfirm.rightBottom .arrow{ + left:-1px; + border-left-width:0; + border-right-color:rgba(217,217,217,0.7); +} +.m-popconfirm.right .arrow:after,.m-popconfirm.rightTop .arrow:after,.m-popconfirm.rightBottom .arrow:after{ + left:1px; + bottom:-4px; + border-left-width:0; + border-right-color:#fff; +} +.m-popconfirm.topLeft .arrow{ + left:16px; +} +.m-popconfirm.top .arrow{ + left:50%; + margin-left:-5px; +} +.m-popconfirm.topRight .arrow{ + right:16px; +} +.m-popconfirm.leftTop .arrow{ + top:8px; +} +.m-popconfirm.left .arrow{ + top:50%; + margin-top:-5px; +} +.m-popconfirm.leftBottom .arrow{ + bottom:8px; +} +.m-popconfirm.bottomLeft .arrow{ + left:16px; +} +.m-popconfirm.bottom .arrow{ + left:50%; + margin-left:-5px; +} +.m-popconfirm.bottomRight .arrow{ + right:16px; +} +.m-popconfirm.rightTop .arrow{ + top:8px; +} +.m-popconfirm.right .arrow{ + top:50%; + margin-top:-5px; +} +.m-popconfirm.rightBottom .arrow{ + bottom:8px; +} +.u-badge{ + display:inline; + font-weight:bold; + text-align:center; +} +a.u-badge{ + text-decoration:none; +} +.u-badge.u-badge-number{ + -moz-border-radius:1000px; + border-radius:1000px; +} +.u-badge{ + padding:0.2em 0.6em 0.3em; + font-size:11px; + line-height:1; + background:#aaa; + color:#fff; + -moz-border-radius:0.25em; + border-radius:0.25em; +} +.u-badge-primary{ + background:#e31436; +} +.u-badge-info{ + background:#54a8f7; +} +.u-badge-success{ + background:#6ebc40; +} +.u-badge-warning{ + background:#ffb539; +} +.u-badge-error{ + background:#f48080; +} +.u-icon{ + line-height:inherit; + width:1em; + text-align:center; +} +.u-icon-error-circle:before{ + content:"\f057"; +} +.u-icon-success-circle:before{ + content:"\f058"; +} +.u-icon-warning-circle:before{ + content:"\f06a"; +} +.u-icon-quote:before{ + content:"\f10d"; +} +.u-iconstack{ + position:relative; + display:inline-block; + width:2em; + height:2em; + line-height:2em; + vertical-align:middle; +} +.u-iconstack >.u-icon{ + position:absolute; + left:0; + width:100%; + text-align:center; +} +.m-image-preview{ + position:fixed; + top:0; + left:0; + right:0; + bottom:0; + background:rgba(0,0,0,0.9); + z-index:1500; +} +.m-image-preview ul{ + padding:0; +} +.m-image-preview .m-panel-wrapper{ + position:absolute; + top:0; + left:0; + right:0; + bottom:0; + margin:auto; + width:100%; + height:100%; + box-shadow:0px 0px 10px 0 rgba(0,0,0,0.5); +} +.m-image-preview .m-panel-wrapper .m-panel-close,.m-image-preview .m-panel-wrapper .u-pre-btn,.m-image-preview .m-panel-wrapper .u-next-btn{ + cursor:pointer; +} +.m-image-preview .m-panel-wrapper .m-panel-close{ + position:absolute; + right:26px; + top:26px; + width:26px; + height:26px; + background:#fff; + box-shadow:0 0 1px 0; + border-radius:100px; + z-index:5; +} +.m-image-preview .m-panel-wrapper .m-panel-close:before,.m-image-preview .m-panel-wrapper .m-panel-close:after{ + content:""; + position:absolute; + top:50%; + left:50%; + width:14px; + height:2px; + border-radius:100px; + background:#000; + margin-left:-7px; + margin-top:-1px; +} +.m-image-preview .m-panel-wrapper .m-panel-close:before{ + transform:rotate(45deg); +} +.m-image-preview .m-panel-wrapper .m-panel-close:after{ + transform:rotate(-45deg); +} +.m-image-preview .m-panel-wrapper .m-full-panel,.m-image-preview .m-panel-wrapper .m-thumbnail-panel{ + position:absolute; + top:0; + height:100%; +} +.m-image-preview .m-panel-wrapper .m-full-panel{ + left:0; + width:70%; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn{ + position:absolute; + width:55px; + height:55px; + top:45.454545%; + border-radius:100px; + background:rgba(0,0,0,0.6); + z-index:5; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; + background:#fff; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon{ + display:inline-block; + width:100%; + height:3px; + vertical-align:middle; + text-align:center; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:after,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:after{ + content:""; + position:absolute; + width:22px; + height:3px; + border-radius:100px; + background-color:#fff; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn{ + left:50px; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:after{ + transform-origin:0; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:before{ + transform:translate(-40%,-0.5px) rotate(45deg); +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:after{ + transform:translate(-40%,0.5px) rotate(-45deg); +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn{ + right:50px; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:after{ + transform-origin:100%; +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:before{ + transform:translate(-60%,0.5px) rotate(45deg); +} +.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:after{ + transform:translate(-60%,-0.5px) rotate(-45deg); +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list{ + position:relative; + width:52.290316%; + height:75.757576%; + margin:7.575758% auto 3.787879%; + overflow:hidden; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list .m-image-item{ + position:absolute; + width:100%; + height:100%; + text-align:center; + transition:opacity 300ms; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list .m-image-item img{ + max-width:100%; + max-height:100%; + vertical-align:middle; + transition:transform 300ms; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list .m-image-item:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group{ + position:relative; + width:350px; + height:50px; + margin:0 auto; + background:rgba(0,0,0,0.6); + text-align:center; + z-index:5; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item{ + position:relative; + display:inline-block; + width:30px; + height:28px; + line-height:28px; + margin-left:20px; + vertical-align:middle; + text-align:center; + color:#fff; + font-size:18px; + cursor:pointer; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item .u-download{ + color:#fff; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item .u-scale{ + position:absolute; + font-style:normal; + font-size:14px; + right:-45px; + text-align:center; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item:first-child{ + margin-left:0; +} +.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel{ + right:0; + width:30%; + background:rgba(0,0,0,0.6); +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .u-image-name{ + margin:0 auto; + margin-top:12.121212%; + height:25px; + width:90%; + font-size:16px; + color:#fff; + text-align:center; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list{ + margin:15px auto; + height:80%; + width:370px; + padding:10px; + box-sizing:border-box; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item{ + position:relative; + display:inline-block; + width:80px; + height:80px; + margin-left:10px; + margin-bottom:10px; + vertical-align:top; + text-align:center; + background:#fff; + cursor:pointer; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item:nth-child(4n + 1){ + margin-left:0; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current{ + width:86px; + height:86px; + margin-left:7px; + margin-right:-3px; + margin-top:-3px; + margin-bottom:-3px; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current:nth-child(4n + 1){ + width:86px; + height:86px; + margin-right:-3px; + margin-left:-3px; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current:nth-child(4n){ + width:86px; + height:86px; + margin-left:7px; + margin-right:-3px; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current:after{ + display:none; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item img{ + max-width:100%; + max-height:100%; + vertical-align:middle; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item:after{ + content:""; + position:absolute; + top:0; + right:0; + bottom:0; + left:0; + background:rgba(0,0,0,0.4); +} +.m-image-preview .m-panel-wrapper .m-virtual-zone{ + position:absolute; + left:0; + top:0; + width:100%; + height:100%; + box-sizing:border-box; + overflow:hidden; + z-index:1; + transition:opacity 300ms; +} +.m-image-preview .m-panel-wrapper .m-virtual-zone .m-image-wrapper{ + position:relative; + width:52.290316%; + height:75.757576%; + margin:7.575758% auto 3.787879%; + text-align:center; + cursor:-webkit-grab; + transition:all 0.3s ease-in-out; +} +.m-image-preview .m-panel-wrapper .m-virtual-zone .m-image-wrapper:before{ + content:""; + display:inline-block; + height:100%; + vertical-align:middle; +} +.m-image-preview .m-panel-wrapper .m-virtual-zone .m-image-wrapper img{ + max-width:100%; + max-height:100%; + vertical-align:middle; +} +.u-loading{ + position:fixed; + display:block; + text-align:center; + font-size:26px; + line-height:1; + z-index:1050; + top:0; + bottom:0; + left:0; + right:0; +} +.u-loading >*{ + position:relative; + top:50%; +} +.u-loading .loading-circular{ + width:42px; + height:42px; + animation:loading-rotate 2s linear infinite; +} +.u-loading .loading-circular .loading-path{ + stroke-dasharray:1,200; + stroke-dashoffset:0; + stroke:#e31436; + animation:dash 1.5s ease-in-out infinite; + stroke-linecap:round; +} +@keyframes loading-rotate{ + to{ + transform:rotate(360deg); + } +} +@keyframes dash{ + 0%{ + stroke-dasharray:1,200; + stroke-dashoffset:0; + } + 50%{ + stroke-dasharray:89,200; + stroke-dashoffset:-35px; + } + 100%{ + stroke-dasharray:89,200; + stroke-dashoffset:-124px; + } +} +.u-loading-fixed{ + color:#fff; +} +.u-loading-fixed:before{ + content:" "; + position:absolute; + top:0; + bottom:0; + left:0; + right:0; + -webkit-overflow-scrolling:touch; + touch-action:cross-slide-y pinch-zoom double-tap-zoom; + background:rgba(0,0,0,0.3); +} +.u-loading-static{ + position:static; + display:inline-block; + font-size:inherit; +} +.u-loading-static >*{ + position:static; +} +.u-loading-static:before{ + content:" "; +} +.u-progress{ + overflow:hidden; +} +.u-progress .progress_bar{ + width:0; + height:100%; + float:left; + text-align:center; +} +.u-progress{ + height:20px; + line-height:20px; + background:#fff; +} +.u-progress .progress_bar{ + background:#e31436; + font-size:12px; + color:#fff; + -webkit-transition:width 0.6s ease; + -moz-transition:width 0.6s ease; + transition:width 0.6s ease; +} +.u-progress-xs{ + height:3px; + line-height:3px; + text-indent:-2000px; +} +.u-progress-sm{ + height:8px; + line-height:8px; + text-indent:-2000px; +} +.u-progress-lg{ + height:28px; + line-height:28px; +} +.u-progress-xl{ + height:40px; + line-height:40px; +} +.u-progress-info .progress_bar{ + background-color:#54a8f7; +} +.u-progress-success .progress_bar{ + background-color:#6ebc40; +} +.u-progress-warning .progress_bar{ + background-color:#ffb539; +} +.u-progress-error .progress_bar{ + background-color:#f48080; +} +.u-progress-striped .progress_bar{ + background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); + background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); + background-size:40px 40px; +} +.u-progress-striped.z-act .progress_bar{ + -webkit-animation:u-progress-striped 2s linear infinite; + -moz-animation:u-progress-striped 2s linear infinite; + animation:u-progress-striped 2s linear infinite; +} +@-webkit-keyframes u-progress-striped{ + 0%{ + background-position:0 0; + } + 100%{ + background-position:40px 0; + } +} +@-moz-keyframes u-progress-striped{ + 0%{ + background-position:0 0; + } + 100%{ + background-position:40px 0; + } +} +@-o-keyframes u-progress-striped{ + 0%{ + background-position:0 0; + } + 100%{ + background-position:40px 0; + } +} +@keyframes u-progress-striped{ + 0%{ + background-position:0 0; + } + 100%{ + background-position:40px 0; + } +} +.u-popover,.u-tooltip{ + position:absolute; + z-index:2000; + font-size:12px; + line-height:1.5; +} +.u-popover .arrow,.u-popover .arrow:after,.u-tooltip .arrow,.u-tooltip .arrow:after{ + position:absolute; + width:0; + height:0; + border-color:transparent; + border-style:solid; +} +.u-tooltip .inner{ + max-width:250px; + padding:8px 10px; + margin:0; + color:#fff; + text-align:left; + text-decoration:none; + background-color:rgba(64,64,64,0.85); + border-radius:4px; + box-shadow:0 1px 6px rgba(0,0,0,0.2); +} +.u-tooltip.top,.u-tooltip.topLeft,.u-tooltip.topRight{ + padding:5px 0 8px 0; +} +.u-tooltip.top .arrow,.u-tooltip.topLeft .arrow,.u-tooltip.topRight .arrow{ + bottom:3px; + border-width:5px 5px 0; + border-top-color:rgba(64,64,64,0.85); +} +.u-tooltip.left,.u-tooltip.leftTop,.u-tooltip.leftBottom{ + padding:0 8px 0 5px; +} +.u-tooltip.left .arrow,.u-tooltip.leftTop .arrow,.u-tooltip.leftBottom .arrow{ + right:3px; + border-width:5px 0 5px 5px; + border-left-color:rgba(64,64,64,0.85); +} +.u-tooltip.bottom,.u-tooltip.bottomLeft,.u-tooltip.bottomRight{ + padding:8px 0 5px 0; +} +.u-tooltip.bottom .arrow,.u-tooltip.bottomLeft .arrow,.u-tooltip.bottomRight .arrow{ + top:3px; + border-width:0 5px 5px; + border-bottom-color:rgba(64,64,64,0.85); +} +.u-tooltip.right,.u-tooltip.rightTop,.u-tooltip.rightBottom{ + padding:0 5px 0 8px; +} +.u-tooltip.right .arrow,.u-tooltip.rightTop .arrow,.u-tooltip.rightBottom .arrow{ + left:3px; + border-width:5px 5px 5px 0; + border-right-color:rgba(64,64,64,0.85); +} +.u-tooltip.topLeft .arrow{ + left:16px; +} +.u-tooltip.top .arrow{ + left:50%; + margin-left:-5px; +} +.u-tooltip.topRight .arrow{ + right:16px; +} +.u-tooltip.leftTop .arrow{ + top:8px; +} +.u-tooltip.left .arrow{ + top:50%; + margin-top:-5px; +} +.u-tooltip.leftBottom .arrow{ + bottom:8px; +} +.u-tooltip.bottomLeft .arrow{ + left:16px; +} +.u-tooltip.bottom .arrow{ + left:50%; + margin-left:-5px; +} +.u-tooltip.bottomRight .arrow{ + right:16px; +} +.u-tooltip.rightTop .arrow{ + top:8px; +} +.u-tooltip.right .arrow{ + top:50%; + margin-top:-5px; +} +.u-tooltip.rightBottom .arrow{ + bottom:8px; +} diff --git a/doc/v0.6/css/nek-ui.red.min.css b/doc/v0.6/css/nek-ui.red.min.css new file mode 100644 index 00000000..f4bad107 --- /dev/null +++ b/doc/v0.6/css/nek-ui.red.min.css @@ -0,0 +1 @@ +article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}.f-cb,.f-cbli li{zoom:1}.f-ib{display:inline-block}.f-dn{display:none}.f-db{display:block}.f-fl{float:left}.f-fr{float:right}.f-pr{position:relative}.f-prz{position:relative;zoom:1}.f-oh{overflow:hidden}.f-fwn{font-weight:400}.f-fwb{font-weight:700}.f-tal{text-align:left}.f-tac{text-align:center}.f-tar{text-align:right}.f-taj{text-align:justify;text-justify:inter-ideograph}.f-vat{vertical-align:top}.f-vam,.f-vama *{vertical-align:middle}.f-vab{vertical-align:bottom}.f-wsn,.m-pager,.m-pager .m-right-pager{word-wrap:normal;white-space:nowrap}.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all}.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all}.f-toe,.u-select .dropdown_hd{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis}.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.f-lsn,.kl-m-crumb,.m-listview,.m-pager,.m-pager .m-right-pager,.m-tabs .tabs_hd,.m-treeview .treeview_list{list-style:none;margin:0;padding:0}.f-lsi,.kl-m-crumb,.m-pager,.m-pager .m-right-pager{letter-spacing:-5px}.f-lsi>*,.kl-m-crumb>*,.m-pager .m-right-pager>*,.m-pager>*{letter-spacing:normal}.f-ti{overflow:hidden;text-indent:-30000px}.f-ti2{text-indent:2em}.f-lhn{line-height:normal}.f-tdu,.f-tdu:hover{text-decoration:underline}.f-tdn,.f-tdn:hover{text-decoration:none}.f-csp{cursor:pointer}.f-csd{cursor:default}.f-csh{cursor:help}.f-csm{cursor:move}.f-mb5{margin-bottom:5px}.f-mr5{margin-right:5px}.f-ml5{margin-left:5px}.f-mt5{margin-top:5px}.f-mb10{margin-bottom:10px!important}.f-mr10{margin-right:10px}.f-ml10{margin-left:10px}.f-mt10{margin-top:10px!important}.f-mb15{margin-bottom:15px}.f-mr15{margin-right:15px}.f-ml15{margin-left:15px}.f-mt15{margin-top:15px}.f-mb20{margin-bottom:20px}.f-mr20{margin-right:20px}.f-ml20{margin-left:20px}.f-mt20{margin-top:20px}.f-color-primary{color:#e31436}.f-color-secondary{color:#e31436}.f-color-info{color:#54a8f7}.f-color-success{color:#6ebc40}.f-color-error{color:#f48080}.f-color-warning{color:#ffb539}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font:12px/1.6 PingFangTC-Regular,Microsoft YaHei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;background:#fff;color:#333}a{text-decoration:none;cursor:pointer;background:0 0}a:hover{text-decoration:underline}a:focus,a:hover{outline:0}hr{border:none}em{font-style:normal}ins{text-decoration:none}code,kbd,pre,samp{font-family:"YaHei Consolas Hybrid",Consolas,"Liberation Mono",Menlo,Courier,monospace}abbr[title]{cursor:help}dfn{font-style:normal;font-weight:700}q:before{content:"“"}q:after{content:"”"}q q:before{content:"‘"}q q:after{content:"’"}blockquote,figure{margin:0}blockquote footer{text-align:right}blockquote footer:before{content:"—— "}pre{-webkit-tab-size:4;-moz-tab-size:4;tab-size:4;overflow:auto}pre code{background:0 0;border:none;padding:0;margin:0;font-size:inherit;color:inherit}ol>li>ol,ol>li>ul,ul>li>ol,ul>li>ul{margin:0}dt{font-weight:700}dd{margin-left:0}address{font-style:normal}img{max-width:100%;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:none;vertical-align:middle}svg:not(:root){overflow:hidden}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}iframe{border:none}audio:not([controls]){display:none}progress{vertical-align:baseline}h1,h2,h3,h4,h5,h6{margin:25px 0 15px}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#777}h1{font-size:36px;line-height:42px}h2{font-size:24px;line-height:30px}h3{font-size:18px;line-height:24px}h4{font-size:16px;line-height:22px}h5{font-size:14px;line-height:20px}h6{font-size:12px;line-height:18px}a{color:#54a8f7}hr{border-top:1px solid #fff}em{color:#d05}ins{background:#ffa;color:#444}mark{background:#ffa;color:#444}small{font-size:80%}code{padding:0 3px;font-size:12px;background:#fafafa;color:#d05}kbd{margin:0 3px;padding:2px 3px;font-size:12px;color:#e74c3c;background:#fafafa;border-bottom:2px solid #eee}abbr[title]{border-bottom:1px dotted}blockquote{padding:4px 16px;background:#fafafa;border-left:4px solid #eee}pre{padding:6px 12px;font-size:12px;background:#fafafa;color:#333;-moz-border-radius:2px;border-radius:2px}input[type=checkbox]{-webkit-appearance:checkbox}input[type=radio]{-webkit-appearance:radio}::-moz-selection,::-webkit-selection,::selection{color:#fff;background:#39f}body{-webkit-backface-visibility:hidden}.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.animated.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.animated.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(.9)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.animated.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.animated.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes fadeInX{0%{opacity:0;-webkit-transform:translateX(30px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInX{0%{opacity:0;-moz-transform:translateX(30px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInX{0%{opacity:0;-o-transform:translateX(30px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInX{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}.animated.fadeInX{-webkit-animation-name:fadeInX;-moz-animation-name:fadeInX;animation-name:fadeInX}@-webkit-keyframes fadeInY{0%{opacity:0;-webkit-transform:translateY(-5px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInY{0%{opacity:0;-moz-transform:translateY(-5px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInY{0%{opacity:0;-o-transform:translateY(-5px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInY{0%{opacity:0;transform:translateY(-5px)}100%{opacity:1;transform:translateY(0)}}.animated.fadeInY{-webkit-animation-name:fadeInY;-moz-animation-name:fadeInY;animation-name:fadeInY}@-webkit-keyframes fadeOutY{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-5px)}}@-moz-keyframes fadeOutY{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-5px)}}@-o-keyframes fadeOutY{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-5px)}}@keyframes fadeOutY{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-5px)}}.animated.fadeOutY{-webkit-animation-name:fadeOutY;-moz-animation-name:fadeOutY;animation-name:fadeOutY}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.animated.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;animation-name:pulse}.animated{-webkit-animation-duration:.2s;-moz-animation-duration:.2s;animation-duration:.2s}.modal_animated{-webkit-animation-duration:.3s;-moz-animation-duration:.3s;animation-duration:.3s}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}.modal_zoomOut .modal_dialog{animation-name:zoomOut;-webkit-animation-duration:.3s;-moz-animation-duration:.3s;animation-duration:.3s}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}.modal_zoomIn .modal_dialog{animation-name:zoomIn;-webkit-animation-duration:.3s;-moz-animation-duration:.3s;animation-duration:.3s}@font-face{font-family:icomoon;src:url(../fonts/icomoon.eot?h16as7);src:url(../fonts/icomoon.eot?h16as7#iefix) format("embedded-opentype"),url(../fonts/icomoon.ttf?h16as7) format("truetype"),url(../fonts/icomoon.woff?h16as7) format("woff"),url(../fonts/icomoon.svg?h16as7#icomoon) format("svg");font-weight:400;font-style:normal}.u-icon{display:inline-block;font:normal normal normal 14px/1 icomoon;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.u-icon-lg{font-size:1.333333em;line-height:.75em;vertical-align:-15%}.u-icon-2x{font-size:2em}.u-icon-3x{font-size:3em}.u-icon-4x{font-size:4em}.u-icon-5x{font-size:5em}.u-icon-fw{width:1.285714em;text-align:center}.u-icon-ul{padding-left:0;margin-left:2.142857em;list-style-type:none}.u-icon-ul>li{position:relative}.u-icon-li{position:absolute;left:-2.142857em;width:2.142857em;top:.142857em;text-align:center}.u-icon-li.u-icon-lg{left:-1.857143em}.u-icon-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.u-icon-pull-left{float:left}.u-icon-pull-right{float:right}.u-icon.u-icon-pull-left{margin-right:.3em}.u-icon.u-icon-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.u-icon.pull-left{margin-right:.3em}.u-icon.pull-right{margin-left:.3em}.u-icon-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.u-icon-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.u-icon-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.u-icon-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.u-icon-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.u-icon-flip-horizontal{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.u-icon-flip-vertical{-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}.u-icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.u-icon-stack-1x,.u-icon-stack-2x{position:absolute;left:0;width:100%;text-align:center}.u-icon-stack-1x{line-height:inherit}.u-icon-stack-2x{font-size:2em}.u-icon-inverse{color:#fff}.u-icon-glass:before{content:"\f000"}.u-icon-music:before{content:"\f001"}.u-icon-search:before{content:"\f002"}.u-icon-envelope-o:before{content:"\f003"}.u-icon-heart:before{content:"\f004"}.u-icon-star:before{content:"\f005"}.u-icon-star-o:before{content:"\f006"}.u-icon-user:before{content:"\f007"}.u-icon-film:before{content:"\f008"}.u-icon-th-large:before{content:"\f009"}.u-icon-th:before{content:"\f00a"}.u-icon-th-list:before{content:"\f00b"}.u-icon-check:before{content:"\f00c"}.u-icon-remove:before{content:"\f00d"}.u-icon-search-plus:before{content:"\f00e"}.u-icon-search-minus:before{content:"\f010"}.u-icon-power-off:before{content:"\f011"}.u-icon-signal:before{content:"\f012"}.u-icon-cog:before,.u-icon-gear:before{content:"\f013"}.u-icon-trash-o:before{content:"\f014"}.u-icon-home:before{content:"\f015"}.u-icon-file-o:before{content:"\f016"}.u-icon-clock-o:before{content:"\f017"}.u-icon-road:before{content:"\f018"}.u-icon-download:before{content:"\f019"}.u-icon-arrow-circle-o-down:before{content:"\f01a"}.u-icon-arrow-circle-o-up:before{content:"\f01b"}.u-icon-inbox:before{content:"\f01c"}.u-icon-play-circle-o:before{content:"\f01d"}.u-icon-repeat:before,.u-icon-rotate-right:before{content:"\f01e"}.u-icon-refresh:before{content:"\f021"}.u-icon-list-alt:before{content:"\f022"}.u-icon-lock:before{content:"\f023"}.u-icon-flag:before{content:"\f024"}.u-icon-headphones:before{content:"\f025"}.u-icon-volume-off:before{content:"\f026"}.u-icon-volume-down:before{content:"\f027"}.u-icon-volume-up:before{content:"\f028"}.u-icon-qrcode:before{content:"\f029"}.u-icon-barcode:before{content:"\f02a"}.u-icon-tag:before{content:"\f02b"}.u-icon-tags:before{content:"\f02c"}.u-icon-book:before{content:"\f02d"}.u-icon-bookmark:before{content:"\f02e"}.u-icon-print:before{content:"\f02f"}.u-icon-camera:before{content:"\f030"}.u-icon-font:before{content:"\f031"}.u-icon-bold:before{content:"\f032"}.u-icon-italic:before{content:"\f033"}.u-icon-text-height:before{content:"\f034"}.u-icon-text-width:before{content:"\f035"}.u-icon-align-left:before{content:"\f036"}.u-icon-align-center:before{content:"\f037"}.u-icon-align-right:before{content:"\f038"}.u-icon-align-justify:before{content:"\f039"}.u-icon-list:before{content:"\f03a"}.u-icon-dedent:before,.u-icon-outdent:before{content:"\f03b"}.u-icon-indent:before{content:"\f03c"}.u-icon-video-camera:before{content:"\f03d"}.u-icon-image:before,.u-icon-photo:before,.u-icon-picture-o:before{content:"\f03e"}.u-icon-pencil:before{content:"\f040"}.u-icon-map-marker:before{content:"\f041"}.u-icon-adjust:before{content:"\f042"}.u-icon-tint:before{content:"\f043"}.u-icon-edit:before,.u-icon-pencil-square-o:before{content:"\f044"}.u-icon-share-square-o:before{content:"\f045"}.u-icon-check-square-o:before{content:"\f046"}.u-icon-arrows:before{content:"\f047"}.u-icon-step-backward:before{content:"\f048"}.u-icon-fast-backward:before{content:"\f049"}.u-icon-backward:before{content:"\f04a"}.u-icon-play:before{content:"\f04b"}.u-icon-pause:before{content:"\f04c"}.u-icon-stop:before{content:"\f04d"}.u-icon-forward:before{content:"\f04e"}.u-icon-fast-forward:before{content:"\f050"}.u-icon-step-forward:before{content:"\f051"}.u-icon-eject:before{content:"\f052"}.u-icon-chevron-left:before{content:"\f053"}.u-icon-chevron-right:before{content:"\f054"}.u-icon-plus-circle:before{content:"\f055"}.u-icon-minus-circle:before{content:"\f056"}.u-icon-times-circle:before{content:"\f057"}.u-icon-check-circle:before{content:"\f058"}.u-icon-question-circle:before{content:"\f059"}.u-icon-info-circle:before{content:"\f05a"}.u-icon-crosshairs:before{content:"\f05b"}.u-icon-times-circle-o:before{content:"\f05c"}.u-icon-check-circle-o:before{content:"\f05d"}.u-icon-ban:before{content:"\f05e"}.u-icon-arrow-left:before{content:"\f060"}.u-icon-arrow-right:before{content:"\f061"}.u-icon-arrow-up:before{content:"\f062"}.u-icon-arrow-down:before{content:"\f063"}.u-icon-mail-forward:before,.u-icon-share:before{content:"\f064"}.u-icon-expand:before{content:"\f065"}.u-icon-compress:before{content:"\f066"}.u-icon-plus:before{content:"\f067"}.u-icon-minus:before{content:"\f068"}.u-icon-asterisk:before{content:"\f069"}.u-icon-exclamation-circle:before{content:"\f06a"}.u-icon-gift:before{content:"\f06b"}.u-icon-leaf:before{content:"\f06c"}.u-icon-fire:before{content:"\f06d"}.u-icon-eye:before{content:"\f06e"}.u-icon-eye-slash:before{content:"\f070"}.u-icon-exclamation-triangle:before,.u-icon-warning:before{content:"\f071"}.u-icon-plane:before{content:"\f072"}.u-icon-calendar:before{content:"\f073"}.u-icon-random:before{content:"\f074"}.u-icon-comment:before{content:"\f075"}.u-icon-magnet:before{content:"\f076"}.u-icon-chevron-up:before{content:"\f077"}.u-icon-chevron-down:before{content:"\f078"}.u-icon-retweet:before{content:"\f079"}.u-icon-shopping-cart:before{content:"\f07a"}.u-icon-folder:before{content:"\f07b"}.u-icon-folder-open:before{content:"\f07c"}.u-icon-arrows-v:before{content:"\f07d"}.u-icon-arrows-h:before{content:"\f07e"}.u-icon-bar-chart-o:before,.u-icon-bar-chart:before{content:"\f080"}.u-icon-twitter-square:before{content:"\f081"}.u-icon-facebook-square:before{content:"\f082"}.u-icon-camera-retro:before{content:"\f083"}.u-icon-key:before{content:"\f084"}.u-icon-cogs:before,.u-icon-gears:before{content:"\f085"}.u-icon-comments:before{content:"\f086"}.u-icon-thumbs-o-up:before{content:"\f087"}.u-icon-thumbs-o-down:before{content:"\f088"}.u-icon-star-half:before{content:"\f089"}.u-icon-heart-o:before{content:"\f08a"}.u-icon-sign-out:before{content:"\f08b"}.u-icon-linkedin-square:before{content:"\f08c"}.u-icon-thumb-tack:before{content:"\f08d"}.u-icon-external-link:before{content:"\f08e"}.u-icon-sign-in:before{content:"\f090"}.u-icon-trophy:before{content:"\f091"}.u-icon-github-square:before{content:"\f092"}.u-icon-upload:before{content:"\f093"}.u-icon-lemon-o:before{content:"\f094"}.u-icon-phone:before{content:"\f095"}.u-icon-square-o:before{content:"\f096"}.u-icon-bookmark-o:before{content:"\f097"}.u-icon-phone-square:before{content:"\f098"}.u-icon-twitter:before{content:"\f099"}.u-icon-facebook-f:before,.u-icon-facebook:before{content:"\f09a"}.u-icon-github:before{content:"\f09b"}.u-icon-unlock:before{content:"\f09c"}.u-icon-credit-card:before{content:"\f09d"}.u-icon-feed:before,.u-icon-rss:before{content:"\f09e"}.u-icon-hdd-o:before{content:"\f0a0"}.u-icon-bullhorn:before{content:"\f0a1"}.u-icon-bell:before{content:"\f0f3"}.u-icon-certificate:before{content:"\f0a3"}.u-icon-hand-o-right:before{content:"\f0a4"}.u-icon-hand-o-left:before{content:"\f0a5"}.u-icon-hand-o-up:before{content:"\f0a6"}.u-icon-hand-o-down:before{content:"\f0a7"}.u-icon-arrow-circle-left:before{content:"\f0a8"}.u-icon-arrow-circle-right:before{content:"\f0a9"}.u-icon-arrow-circle-up:before{content:"\f0aa"}.u-icon-arrow-circle-down:before{content:"\f0ab"}.u-icon-globe:before{content:"\f0ac"}.u-icon-wrench:before{content:"\f0ad"}.u-icon-tasks:before{content:"\f0ae"}.u-icon-filter:before{content:"\f0b0"}.u-icon-briefcase:before{content:"\f0b1"}.u-icon-arrows-alt:before{content:"\f0b2"}.u-icon-group:before,.u-icon-users:before{content:"\f0c0"}.u-icon-chain:before,.u-icon-link:before{content:"\f0c1"}.u-icon-cloud:before{content:"\f0c2"}.u-icon-flask:before{content:"\f0c3"}.u-icon-cut:before,.u-icon-scissors:before{content:"\f0c4"}.u-icon-copy:before,.u-icon-files-o:before{content:"\f0c5"}.u-icon-paperclip:before{content:"\f0c6"}.u-icon-floppy-o:before,.u-icon-save:before{content:"\f0c7"}.u-icon-square:before{content:"\f0c8"}.u-icon-bars:before,.u-icon-navicon:before,.u-icon-reorder:before{content:"\f0c9"}.u-icon-list-ul:before{content:"\f0ca"}.u-icon-list-ol:before{content:"\f0cb"}.u-icon-strikethrough:before{content:"\f0cc"}.u-icon-underline:before{content:"\f0cd"}.u-icon-table:before{content:"\f0ce"}.u-icon-magic:before{content:"\f0d0"}.u-icon-truck:before{content:"\f0d1"}.u-icon-pinterest:before{content:"\f0d2"}.u-icon-pinterest-square:before{content:"\f0d3"}.u-icon-google-plus-square:before{content:"\f0d4"}.u-icon-google-plus:before{content:"\f0d5"}.u-icon-money:before{content:"\f0d6"}.u-icon-caret-down:before{content:"\f0d7"}.u-icon-caret-up:before{content:"\f0d8"}.u-icon-caret-left:before{content:"\f0d9"}.u-icon-caret-right:before{content:"\f0da"}.u-icon-columns:before{content:"\f0db"}.u-icon-sort:before,.u-icon-unsorted:before{content:"\f0dc"}.u-icon-sort-desc:before,.u-icon-sort-down:before{content:"\f0dd"}.u-icon-sort-asc:before,.u-icon-sort-up:before{content:"\f0de"}.u-icon-envelope:before{content:"\f0e0"}.u-icon-linkedin:before{content:"\f0e1"}.u-icon-rotate-left:before,.u-icon-undo:before{content:"\f0e2"}.u-icon-gavel:before,.u-icon-legal:before{content:"\f0e3"}.u-icon-dashboard:before,.u-icon-tachometer:before{content:"\f0e4"}.u-icon-comment-o:before{content:"\f0e5"}.u-icon-comments-o:before{content:"\f0e6"}.u-icon-bolt:before,.u-icon-flash:before{content:"\f0e7"}.u-icon-sitemap:before{content:"\f0e8"}.u-icon-umbrella:before{content:"\f0e9"}.u-icon-clipboard:before,.u-icon-paste:before{content:"\f0ea"}.u-icon-lightbulb-o:before{content:"\f0eb"}.u-icon-exchange:before{content:"\f0ec"}.u-icon-cloud-download:before{content:"\f0ed"}.u-icon-cloud-upload:before{content:"\f0ee"}.u-icon-user-md:before{content:"\f0f0"}.u-icon-stethoscope:before{content:"\f0f1"}.u-icon-suitcase:before{content:"\f0f2"}.u-icon-bell-o:before{content:"\f0a2"}.u-icon-coffee:before{content:"\f0f4"}.u-icon-cutlery:before{content:"\f0f5"}.u-icon-file-text-o:before{content:"\f0f6"}.u-icon-building-o:before{content:"\f0f7"}.u-icon-hospital-o:before{content:"\f0f8"}.u-icon-ambulance:before{content:"\f0f9"}.u-icon-medkit:before{content:"\f0fa"}.u-icon-fighter-jet:before{content:"\f0fb"}.u-icon-beer:before{content:"\f0fc"}.u-icon-h-square:before{content:"\f0fd"}.u-icon-plus-square:before{content:"\f0fe"}.u-icon-angle-double-left:before{content:"\f100"}.u-icon-angle-double-right:before{content:"\f101"}.u-icon-angle-double-up:before{content:"\f102"}.u-icon-angle-double-down:before{content:"\f103"}.u-icon-angle-left:before{content:"\f104"}.u-icon-angle-right:before{content:"\f105"}.u-icon-angle-up:before{content:"\f106"}.u-icon-angle-down:before{content:"\f107"}.u-icon-desktop:before{content:"\f108"}.u-icon-laptop:before{content:"\f109"}.u-icon-tablet:before{content:"\f10a"}.u-icon-mobile-phone:before,.u-icon-mobile:before{content:"\f10b"}.u-icon-circle-o:before{content:"\f10c"}.u-icon-quote-left:before{content:"\f10d"}.u-icon-quote-right:before{content:"\f10e"}.u-icon-spinner:before{content:"\f110"}.u-icon-circle:before{content:"\f111"}.u-icon-mail-reply:before,.u-icon-reply:before{content:"\f112"}.u-icon-github-alt:before{content:"\f113"}.u-icon-folder-o:before{content:"\f114"}.u-icon-folder-open-o:before{content:"\f115"}.u-icon-smile-o:before{content:"\f118"}.u-icon-frown-o:before{content:"\f119"}.u-icon-meh-o:before{content:"\f11a"}.u-icon-gamepad:before{content:"\f11b"}.u-icon-keyboard-o:before{content:"\f11c"}.u-icon-flag-o:before{content:"\f11d"}.u-icon-flag-checkered:before{content:"\f11e"}.u-icon-terminal:before{content:"\f120"}.u-icon-code:before{content:"\f121"}.u-icon-mail-reply-all:before,.u-icon-reply-all:before{content:"\f122"}.u-icon-star-half-empty:before,.u-icon-star-half-full:before,.u-icon-star-half-o:before{content:"\f123"}.u-icon-location-arrow:before{content:"\f124"}.u-icon-crop:before{content:"\f125"}.u-icon-code-fork:before{content:"\f126"}.u-icon-chain-broken:before,.u-icon-unlink:before{content:"\f127"}.u-icon-question:before{content:"\f128"}.u-icon-info:before{content:"\f129"}.u-icon-exclamation:before{content:"\f12a"}.u-icon-superscript:before{content:"\f12b"}.u-icon-subscript:before{content:"\f12c"}.u-icon-eraser:before{content:"\f12d"}.u-icon-puzzle-piece:before{content:"\f12e"}.u-icon-microphone:before{content:"\f130"}.u-icon-microphone-slash:before{content:"\f131"}.u-icon-shield:before{content:"\f132"}.u-icon-calendar-o:before{content:"\f133"}.u-icon-fire-extinguisher:before{content:"\f134"}.u-icon-rocket:before{content:"\f135"}.u-icon-maxcdn:before{content:"\f136"}.u-icon-chevron-circle-left:before{content:"\f137"}.u-icon-chevron-circle-right:before{content:"\f138"}.u-icon-chevron-circle-up:before{content:"\f139"}.u-icon-chevron-circle-down:before{content:"\f13a"}.u-icon-html5:before{content:"\f13b"}.u-icon-css3:before{content:"\f13c"}.u-icon-anchor:before{content:"\f13d"}.u-icon-unlock-alt:before{content:"\f13e"}.u-icon-bullseye:before{content:"\f140"}.u-icon-ellipsis-h:before{content:"\f141"}.u-icon-ellipsis-v:before{content:"\f142"}.u-icon-rss-square:before{content:"\f143"}.u-icon-play-circle:before{content:"\f144"}.u-icon-ticket:before{content:"\f145"}.u-icon-minus-square:before{content:"\f146"}.u-icon-minus-square-o:before{content:"\f147"}.u-icon-level-up:before{content:"\f148"}.u-icon-level-down:before{content:"\f149"}.u-icon-check-square:before{content:"\f14a"}.u-icon-pencil-square:before{content:"\f14b"}.u-icon-external-link-square:before{content:"\f14c"}.u-icon-share-square:before{content:"\f14d"}.u-icon-compass:before{content:"\f14e"}.u-icon-caret-square-o-down:before,.u-icon-toggle-down:before{content:"\f150"}.u-icon-caret-square-o-up:before,.u-icon-toggle-up:before{content:"\f151"}.u-icon-caret-square-o-right:before,.u-icon-toggle-right:before{content:"\f152"}.u-icon-eur:before,.u-icon-euro:before{content:"\f153"}.u-icon-gbp:before{content:"\f154"}.u-icon-dollar:before,.u-icon-usd:before{content:"\f155"}.u-icon-inr:before,.u-icon-rupee:before{content:"\f156"}.u-icon-cny:before,.u-icon-jpy:before,.u-icon-rmb:before,.u-icon-yen:before{content:"\f157"}.u-icon-rouble:before,.u-icon-rub:before,.u-icon-ruble:before{content:"\f158"}.u-icon-krw:before,.u-icon-won:before{content:"\f159"}.u-icon-bitcoin:before,.u-icon-btc:before{content:"\f15a"}.u-icon-file:before{content:"\f15b"}.u-icon-file-text:before{content:"\f15c"}.u-icon-sort-alpha-asc:before{content:"\f15d"}.u-icon-sort-alpha-desc:before{content:"\f15e"}.u-icon-sort-amount-asc:before{content:"\f160"}.u-icon-sort-amount-desc:before{content:"\f161"}.u-icon-sort-numeric-asc:before{content:"\f162"}.u-icon-sort-numeric-desc:before{content:"\f163"}.u-icon-thumbs-up:before{content:"\f164"}.u-icon-thumbs-down:before{content:"\f165"}.u-icon-youtube-square:before{content:"\f166"}.u-icon-youtube:before{content:"\f167"}.u-icon-xing:before{content:"\f168"}.u-icon-xing-square:before{content:"\f169"}.u-icon-youtube-play:before{content:"\f16a"}.u-icon-dropbox:before{content:"\f16b"}.u-icon-stack-overflow:before{content:"\f16c"}.u-icon-instagram:before{content:"\f16d"}.u-icon-flickr:before{content:"\f16e"}.u-icon-adn:before{content:"\f170"}.u-icon-bitbucket:before{content:"\f171"}.u-icon-bitbucket-square:before{content:"\f172"}.u-icon-tumblr:before{content:"\f173"}.u-icon-tumblr-square:before{content:"\f174"}.u-icon-long-arrow-down:before{content:"\f175"}.u-icon-long-arrow-up:before{content:"\f176"}.u-icon-long-arrow-left:before{content:"\f177"}.u-icon-long-arrow-right:before{content:"\f178"}.u-icon-apple:before{content:"\f179"}.u-icon-windows:before{content:"\f17a"}.u-icon-android:before{content:"\f17b"}.u-icon-linux:before{content:"\f17c"}.u-icon-dribbble:before{content:"\f17d"}.u-icon-skype:before{content:"\f17e"}.u-icon-foursquare:before{content:"\f180"}.u-icon-trello:before{content:"\f181"}.u-icon-female:before{content:"\f182"}.u-icon-male:before{content:"\f183"}.u-icon-gittip:before,.u-icon-gratipay:before{content:"\f184"}.u-icon-sun-o:before{content:"\f185"}.u-icon-moon-o:before{content:"\f186"}.u-icon-archive:before{content:"\f187"}.u-icon-bug:before{content:"\f188"}.u-icon-vk:before{content:"\f189"}.u-icon-weibo:before{content:"\f18a"}.u-icon-renren:before{content:"\f18b"}.u-icon-pagelines:before{content:"\f18c"}.u-icon-stack-exchange:before{content:"\f18d"}.u-icon-arrow-circle-o-right:before{content:"\f18e"}.u-icon-arrow-circle-o-left:before{content:"\f190"}.u-icon-caret-square-o-left:before,.u-icon-toggle-left:before{content:"\f191"}.u-icon-dot-circle-o:before{content:"\f192"}.u-icon-wheelchair:before{content:"\f193"}.u-icon-vimeo-square:before{content:"\f194"}.u-icon-try:before,.u-icon-turkish-lira:before{content:"\f195"}.u-icon-plus-square-o:before{content:"\f196"}.u-icon-space-shuttle:before{content:"\f197"}.u-icon-slack:before{content:"\f198"}.u-icon-envelope-square:before{content:"\f199"}.u-icon-wordpress:before{content:"\f19a"}.u-icon-openid:before{content:"\f19b"}.u-icon-bank:before,.u-icon-institution:before,.u-icon-university:before{content:"\f19c"}.u-icon-graduation-cap:before,.u-icon-mortar-board:before{content:"\f19d"}.u-icon-yahoo:before{content:"\f19e"}.u-icon-google:before{content:"\f1a0"}.u-icon-reddit:before{content:"\f1a1"}.u-icon-reddit-square:before{content:"\f1a2"}.u-icon-stumbleupon-circle:before{content:"\f1a3"}.u-icon-stumbleupon:before{content:"\f1a4"}.u-icon-delicious:before{content:"\f1a5"}.u-icon-digg:before{content:"\f1a6"}.u-icon-pied-piper:before{content:"\f1a7"}.u-icon-pied-piper-alt:before{content:"\f1a8"}.u-icon-drupal:before{content:"\f1a9"}.u-icon-joomla:before{content:"\f1aa"}.u-icon-language:before{content:"\f1ab"}.u-icon-fax:before{content:"\f1ac"}.u-icon-building:before{content:"\f1ad"}.u-icon-child:before{content:"\f1ae"}.u-icon-paw:before{content:"\f1b0"}.u-icon-spoon:before{content:"\f1b1"}.u-icon-cube:before{content:"\f1b2"}.u-icon-cubes:before{content:"\f1b3"}.u-icon-behance:before{content:"\f1b4"}.u-icon-behance-square:before{content:"\f1b5"}.u-icon-steam:before{content:"\f1b6"}.u-icon-steam-square:before{content:"\f1b7"}.u-icon-recycle:before{content:"\f1b8"}.u-icon-automobile:before,.u-icon-car:before{content:"\f1b9"}.u-icon-cab:before,.u-icon-taxi:before{content:"\f1ba"}.u-icon-tree:before{content:"\f1bb"}.u-icon-spotify:before{content:"\f1bc"}.u-icon-deviantart:before{content:"\f1bd"}.u-icon-soundcloud:before{content:"\f1be"}.u-icon-database:before{content:"\f1c0"}.u-icon-file-pdf-o:before{content:"\f1c1"}.u-icon-file-word-o:before{content:"\f1c2"}.u-icon-file-excel-o:before{content:"\f1c3"}.u-icon-file-powerpoint-o:before{content:"\f1c4"}.u-icon-file-image-o:before,.u-icon-file-photo-o:before,.u-icon-file-picture-o:before{content:"\f1c5"}.u-icon-file-archive-o:before,.u-icon-file-zip-o:before{content:"\f1c6"}.u-icon-file-audio-o:before,.u-icon-file-sound-o:before{content:"\f1c7"}.u-icon-file-movie-o:before,.u-icon-file-video-o:before{content:"\f1c8"}.u-icon-file-code-o:before{content:"\f1c9"}.u-icon-vine:before{content:"\f1ca"}.u-icon-codepen:before{content:"\f1cb"}.u-icon-jsfiddle:before{content:"\f1cc"}.u-icon-life-bouy:before,.u-icon-life-buoy:before,.u-icon-life-ring:before,.u-icon-life-saver:before,.u-icon-support:before{content:"\f1cd"}.u-icon-circle-o-notch:before{content:"\f1ce"}.u-icon-ra:before,.u-icon-rebel:before{content:"\f1d0"}.u-icon-empire:before,.u-icon-ge:before{content:"\f1d1"}.u-icon-git-square:before{content:"\f1d2"}.u-icon-git:before{content:"\f1d3"}.u-icon-hacker-news:before,.u-icon-y-combinator-square:before,.u-icon-yc-square:before{content:"\f1d4"}.u-icon-tencent-weibo:before{content:"\f1d5"}.u-icon-qq:before{content:"\f1d6"}.u-icon-wechat:before,.u-icon-weixin:before{content:"\f1d7"}.u-icon-paper-plane:before,.u-icon-send:before{content:"\f1d8"}.u-icon-paper-plane-o:before,.u-icon-send-o:before{content:"\f1d9"}.u-icon-history:before{content:"\f1da"}.u-icon-circle-thin:before{content:"\f1db"}.u-icon-header:before{content:"\f1dc"}.u-icon-paragraph:before{content:"\f1dd"}.u-icon-sliders:before{content:"\f1de"}.u-icon-share-alt:before{content:"\f1e0"}.u-icon-share-alt-square:before{content:"\f1e1"}.u-icon-bomb:before{content:"\f1e2"}.u-icon-futbol-o:before,.u-icon-soccer-ball-o:before{content:"\f1e3"}.u-icon-tty:before{content:"\f1e4"}.u-icon-binoculars:before{content:"\f1e5"}.u-icon-plug:before{content:"\f1e6"}.u-icon-slideshare:before{content:"\f1e7"}.u-icon-twitch:before{content:"\f1e8"}.u-icon-yelp:before{content:"\f1e9"}.u-icon-newspaper-o:before{content:"\f1ea"}.u-icon-wifi:before{content:"\f1eb"}.u-icon-calculator:before{content:"\f1ec"}.u-icon-paypal:before{content:"\f1ed"}.u-icon-google-wallet:before{content:"\f1ee"}.u-icon-cc-visa:before{content:"\f1f0"}.u-icon-cc-mastercard:before{content:"\f1f1"}.u-icon-cc-discover:before{content:"\f1f2"}.u-icon-cc-amex:before{content:"\f1f3"}.u-icon-cc-paypal:before{content:"\f1f4"}.u-icon-cc-stripe:before{content:"\f1f5"}.u-icon-bell-slash:before{content:"\f1f6"}.u-icon-bell-slash-o:before{content:"\f1f7"}.u-icon-trash:before{content:"\f1f8"}.u-icon-copyright:before{content:"\f1f9"}.u-icon-at:before{content:"\f1fa"}.u-icon-eyedropper:before{content:"\f1fb"}.u-icon-paint-brush:before{content:"\f1fc"}.u-icon-birthday-cake:before{content:"\f1fd"}.u-icon-area-chart:before{content:"\f1fe"}.u-icon-pie-chart:before{content:"\f200"}.u-icon-line-chart:before{content:"\f201"}.u-icon-lastfm:before{content:"\f202"}.u-icon-lastfm-square:before{content:"\f203"}.u-icon-toggle-off:before{content:"\f204"}.u-icon-toggle-on:before{content:"\f205"}.u-icon-bicycle:before{content:"\f206"}.u-icon-bus:before{content:"\f207"}.u-icon-ioxhost:before{content:"\f208"}.u-icon-angellist:before{content:"\f209"}.u-icon-cc:before{content:"\f20a"}.u-icon-ils:before,.u-icon-shekel:before,.u-icon-sheqel:before{content:"\f20b"}.u-icon-meanpath:before{content:"\f20c"}.u-icon-buysellads:before{content:"\f20d"}.u-icon-connectdevelop:before{content:"\f20e"}.u-icon-dashcube:before{content:"\f210"}.u-icon-forumbee:before{content:"\f211"}.u-icon-leanpub:before{content:"\f212"}.u-icon-sellsy:before{content:"\f213"}.u-icon-shirtsinbulk:before{content:"\f214"}.u-icon-simplybuilt:before{content:"\f215"}.u-icon-skyatlas:before{content:"\f216"}.u-icon-cart-plus:before{content:"\f217"}.u-icon-cart-arrow-down:before{content:"\f218"}.u-icon-diamond:before{content:"\f219"}.u-icon-ship:before{content:"\f21a"}.u-icon-user-secret:before{content:"\f21b"}.u-icon-motorcycle:before{content:"\f21c"}.u-icon-street-view:before{content:"\f21d"}.u-icon-heartbeat:before{content:"\f21e"}.u-icon-venus:before{content:"\f221"}.u-icon-mars:before{content:"\f222"}.u-icon-mercury:before{content:"\f223"}.u-icon-intersex:before,.u-icon-transgender:before{content:"\f224"}.u-icon-transgender-alt:before{content:"\f225"}.u-icon-venus-double:before{content:"\f226"}.u-icon-mars-double:before{content:"\f227"}.u-icon-venus-mars:before{content:"\f228"}.u-icon-mars-stroke:before{content:"\f229"}.u-icon-mars-stroke-v:before{content:"\f22a"}.u-icon-mars-stroke-h:before{content:"\f22b"}.u-icon-neuter:before{content:"\f22c"}.u-icon-genderless:before{content:"\f22d"}.u-icon-facebook-official:before{content:"\f230"}.u-icon-pinterest-p:before{content:"\f231"}.u-icon-whatsapp:before{content:"\f232"}.u-icon-server:before{content:"\f233"}.u-icon-user-plus:before{content:"\f234"}.u-icon-user-times:before{content:"\f235"}.u-icon-bed:before,.u-icon-hotel:before{content:"\f236"}.u-icon-viacoin:before{content:"\f237"}.u-icon-train:before{content:"\f238"}.u-icon-subway:before{content:"\f239"}.u-icon-medium:before{content:"\f23a"}.u-icon-y-combinator:before,.u-icon-yc:before{content:"\f23b"}.u-icon-optin-monster:before{content:"\f23c"}.u-icon-opencart:before{content:"\f23d"}.u-icon-expeditedssl:before{content:"\f23e"}.u-icon-battery-4:before,.u-icon-battery-full:before{content:"\f240"}.u-icon-battery-3:before,.u-icon-battery-three-quarters:before{content:"\f241"}.u-icon-battery-2:before,.u-icon-battery-half:before{content:"\f242"}.u-icon-battery-1:before,.u-icon-battery-quarter:before{content:"\f243"}.u-icon-battery-0:before,.u-icon-battery-empty:before{content:"\f244"}.u-icon-mouse-pointer:before{content:"\f245"}.u-icon-i-cursor:before{content:"\f246"}.u-icon-object-group:before{content:"\f247"}.u-icon-object-ungroup:before{content:"\f248"}.u-icon-sticky-note:before{content:"\f249"}.u-icon-sticky-note-o:before{content:"\f24a"}.u-icon-cc-jcb:before{content:"\f24b"}.u-icon-cc-diners-club:before{content:"\f24c"}.u-icon-clone:before{content:"\f24d"}.u-icon-balance-scale:before{content:"\f24e"}.u-icon-hourglass-o:before{content:"\f250"}.u-icon-hourglass-1:before,.u-icon-hourglass-start:before{content:"\f251"}.u-icon-hourglass-2:before,.u-icon-hourglass-half:before{content:"\f252"}.u-icon-hourglass-3:before,.u-icon-hourglass-end:before{content:"\f253"}.u-icon-hourglass:before{content:"\f254"}.u-icon-hand-grab-o:before,.u-icon-hand-rock-o:before{content:"\f255"}.u-icon-hand-paper-o:before,.u-icon-hand-stop-o:before{content:"\f256"}.u-icon-hand-scissors-o:before{content:"\f257"}.u-icon-hand-lizard-o:before{content:"\f258"}.u-icon-hand-spock-o:before{content:"\f259"}.u-icon-hand-pointer-o:before{content:"\f25a"}.u-icon-hand-peace-o:before{content:"\f25b"}.u-icon-trademark:before{content:"\f25c"}.u-icon-registered:before{content:"\f25d"}.u-icon-creative-commons:before{content:"\f25e"}.u-icon-gg:before{content:"\f260"}.u-icon-gg-circle:before{content:"\f261"}.u-icon-tripadvisor:before{content:"\f262"}.u-icon-odnoklassniki:before{content:"\f263"}.u-icon-odnoklassniki-square:before{content:"\f264"}.u-icon-get-pocket:before{content:"\f265"}.u-icon-wikipedia-w:before{content:"\f266"}.u-icon-safari:before{content:"\f267"}.u-icon-chrome:before{content:"\f268"}.u-icon-firefox:before{content:"\f269"}.u-icon-opera:before{content:"\f26a"}.u-icon-internet-explorer:before{content:"\f26b"}.u-icon-television:before,.u-icon-tv:before{content:"\f26c"}.u-icon-contao:before{content:"\f26d"}.u-icon-500px:before{content:"\f26e"}.u-icon-amazon:before{content:"\f270"}.u-icon-calendar-plus-o:before{content:"\f271"}.u-icon-calendar-minus-o:before{content:"\f272"}.u-icon-calendar-times-o:before{content:"\f273"}.u-icon-calendar-check-o:before{content:"\f274"}.u-icon-industry:before{content:"\f275"}.u-icon-map-pin:before{content:"\f276"}.u-icon-map-signs:before{content:"\f277"}.u-icon-map-o:before{content:"\f278"}.u-icon-map:before{content:"\f279"}.u-icon-commenting:before{content:"\f27a"}.u-icon-commenting-o:before{content:"\f27b"}.u-icon-houzz:before{content:"\f27c"}.u-icon-vimeo:before{content:"\f27d"}.u-icon-black-tie:before{content:"\f27e"}.u-icon-fonticons:before{content:"\f280"}.u-icon-rotate_left:before{content:"\e900"}.u-icon-import:before{content:"\e901"}.u-icon-export:before{content:"\e902"}.u-icon-zoomin:before{content:"\e903"}.u-icon-expand:before{content:"\e904"}.u-icon-delete:before{content:"\e905"}.u-icon-zoomout:before{content:"\e906"}.u-icon-rezoom:before{content:"\e907"}.u-icon-rotate_right:before{content:"\e908"}.u-icon-retry:before{content:"\e909"}.u-icon-warning:before{content:"\e90a"}.u-icon-edit:before{content:"\e90b"}.u-icon-info:before{content:"\e90c"}.u-icon-error:before{content:"\e90d"}.u-icon-success:before{content:"\e90e"}.u-icon-chevron_left:before{content:"\e90f"}.u-icon-chevron_right:before{content:"\e910"}.u-icon-search:before{content:"\e911"}.u-icon-close:before{content:"\e912"}.u-icon-ok:before{content:"\e913"}.u-icon-check_empty:before{content:"\e914"}.u-icon-angle_down:before{content:"\e915"}.u-icon-add:before{content:"\e916"}.u-icon-success2:before{content:"\e917"}.u-icon-error2:before{content:"\e918"}.u-icon-warning2:before{content:"\e919"}.u-icon-info2:before{content:"\e91a"}.u-icon-calendar:before{content:"\e91b"}.u-icon-line:before{content:"\e91c"}.u-icon-upload:before{content:"\e91d"}.u-icon-download:before{content:"\e91e"}.u-icon-trash:before{content:"\e91f"}.u-icon-plus:before{content:"\e920"}.u-icon-home2:before{content:"\e921"}.input,.textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;border:0;padding:0;border-radius:0;font:inherit;color:inherit;-webkit-appearance:none;max-width:100%}.u-select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;border:0;padding:0;border-radius:0;font:inherit;color:inherit;-webkit-appearance:none;max-width:100%;color:#333;background:#fff;-moz-border-radius:2px;border-radius:2px}.u-select::-webkit-input-placeholder{color:#999;opacity:1}.u-select::-moz-placeholder{color:#999;opacity:1}.u-select:-moz-placeholder{color:#999;opacity:1}.u-select:-ms-placeholder{color:#999;opacity:1}.u-select:focus{outline:0;background:#fff;color:#333;border:1px solid #f48080}.u-select:disabled{cursor:not-allowed;background:#eee;color:#999;border:1px solid #ddd}.u-select{text-transform:none}.u-select optgroup{font:inherit;font-weight:700}.textarea{width:100%;height:120px}input.u-check,input.u-radio{cursor:pointer;vertical-align:middle}input.u-check:focus,input.u-radio:focus{outline:0}input.u-check:disabled,input.u-radio:disabled{cursor:not-allowed}.textarea-block,.u-select-block{display:block;width:100%}.textarea,.u-input .input,.u-select,.u-textarea{transition:border-color 1s ease}.textarea.sm,.u-dropdown.sm,.u-input.sm{padding:5px 10px;height:24px;font-size:12px}.textarea.lg,.u-dropdown.lg,.u-input.lg{padding:10px 16px;height:38px;font-size:16px}.textarea-smw,.u-dropdown-smw,.u-select-smw{display:inline-block;width:80px}.textarea-mdw,.u-dropdown-mdw,.u-select-mdw{display:inline-block;width:160px}.textarea-lgw,.u-dropdown-lgw,.u-select-lgw{display:inline-block;width:300px}.u-input .input-success,.u-select.u-select-success,.u-textarea .textarea-success{color:#6ebc40;border-color:#6ebc40}.u-input .input-warning,.u-select.u-select-warning,.u-textarea .textarea-warning{color:#ffb539;border-color:#ffb539}.u-input .input-error,.u-select.u-select-error,.u-textarea .textarea-error{color:#f48080;border-color:#f48080}.textarea.textarea-blank,.u-input.u-input-blank,.u-select.u-select-blank{border-color:transparent;border-style:dashed;background:0 0}.textarea.textarea-blank:focus,.u-input.u-input-blank:focus,.u-select.u-select-blank:focus{border-color:#ddd}.u-unitgroup{font-size:0;line-height:initial}.u-unitgroup .u-btn{margin-right:16px}.u-unitgroup .u-btn:last-child{margin-right:0}.u-unitgroup .u-check,.u-unitgroup .u-radio{margin-right:40px}.u-unitgroup .u-check:last-child,.u-unitgroup .u-radio:last-child{margin-right:0}.u-unitgroup .u-tip{margin-top:0}.u-unitgroup .unitgroup_wrap{display:flex;align-items:center;flex-wrap:wrap}.u-unitgroup-sm{font-size:0}.u-unitgroup-sm .u-btn{margin-right:8px}.u-unitgroup-sm .u-btn:last-child{margin-right:0}.u-unitgroup-sm .u-check,.u-unitgroup-sm .u-radio{margin-right:16px;line-height:24px}.u-unitgroup-sm .u-check:last-child,.u-unitgroup-sm .u-radio:last-child{margin-right:0}.u-tip{display:inline-block;margin-top:5px;font-size:12px;padding:0;-moz-border-radius:2px;border-radius:2px}.u-tip .u-icon{vertical-align:top;margin-right:6px;font-size:15px;line-height:18px}.u-tip .tip{vertical-align:top;display:inline-block;line-height:18px}.u-tip .tip.animated{animation-duration:.8s;animation-timing-function:ease}.u-tip-info{color:#54a8f7}.u-tip-success{color:#6ebc40}.u-tip-warning{color:#ffb539}.u-tip-error{color:#f48080}.m-collapse{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.m-collapse .m-panel .panel_hd{cursor:pointer}.u-gotop{position:fixed;display:block;text-align:center;z-index:1050;top:30px;left:30px}.u-gotop-bottomright,.u-gotop-topright{left:auto;right:30px}.u-gotop-bottomcenter,.u-gotop-topcenter{left:50%;margin-left:-25px}.u-gotop-bottomcenter,.u-gotop-bottomleft,.u-gotop-bottomright{top:auto;bottom:30px}.u-gotop-static{position:static}.u-gotop{height:50px;width:50px;line-height:50px;font-size:32px;background:#eee;color:#444;opacity:.6}.u-gotop:hover{opacity:.9}.m-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:cross-slide-y pinch-zoom double-tap-zoom;text-align:center;overflow:hidden;background:rgba(0,0,0,.85);color:#fff}.m-panel{background:#fff}.m-panel .panel_ft,.m-panel .panel_hd{background:#fafafa;padding:8px 10px}.m-panel .panel_hd{display:flex;justify-content:space-between;align-items:center;color:#fff;border-bottom:1px solid #e31436}.m-panel .panel_hd .tools{margin-left:auto}.m-panel .panel_hd .u-btn{font-size:16px;background:#fafafa;border:1px solid #fafafa}.m-panel .panel_hd .u-btn .u-icon{color:#fff;background:#fafafa;border:1px solid #fafafa}.m-panel .panel_hd .u-btn:hover{border:1px solid #fafafa}.m-panel .panel_ft{padding:5px 10px}.m-panel .panel_bd{padding:20px 5px;border:1px solid #efefef;border-top:0}.m-panel .panel_tt{font-size:14px;font-weight:700}.u-selectgroup{vertical-align:top}.u-selectgroup-error .u-select .dropdown_hd{border-color:#d73925}.u-suggest .m-listview{overflow-x:hidden;overflow-y:auto}.u-suggest .m-treeview{overflow:auto}.u-suggest .m-listview,.u-suggest .m-treeview{max-height:200px}.u-group{position:relative;display:table;border-collapse:separate;border-spacing:0;width:100%}.u-group>*{display:inline-block;border-radius:0!important;border-right-width:0!important;vertical-align:middle}.u-group *{border-radius:0}.u-group .g-col{margin:0;padding:0}.u-group>:first-child>*{border-top-left-radius:4px!important;border-bottom-left-radius:4px!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-left-width:1px!important;border-right-width:0!important}.u-group>:last-child>*{border-top-right-radius:4px!important;border-bottom-right-radius:4px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-right-width:1px!important}.u-uploader{display:inline-block}.u-uploader form,.u-uploader iframe{display:none}.u-uploader input[type=file]{top:0;right:-5px;font-size:100px;opacity:0;cursor:pointer}.u-dropdown{position:relative;vertical-align:top}.u-dropdown .dropdown_bd{position:absolute;z-index:10;width:100%;top:100%;line-height:normal}.u-dropdown .dropdown_bd .m-listview>li>a{display:block}.u-dropdown .dropdown_bd .check_box,.u-dropdown .dropdown_bd .u-check{margin-bottom:0}.dropdown_hd.z-dis{background:#eee;color:#999;border:1px solid #d2d6de;cursor:not-allowed}.m-listview{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.m-listview>li{cursor:pointer;position:relative}.m-listview>li.z-dis{cursor:not-allowed;background:0 0}.m-listview.z-dis>li{cursor:not-allowed;background:0 0}.m-listview{padding:5px 0;background:#fff;color:#333;border:1px solid #eee;border-top:none}.m-listview>li{font-size:12px;color:#333;padding:7px 9px 7px 9px;margin:6px 0;line-height:18px}.m-listview>li:hover{background:#f1f1f1;color:#444}.m-listview>li.z-sel{background:#e31436;color:#fff}.m-listview>li.z-dis{background:0 0;color:#999}.m-listview>li.z-divider{margin:9px 0;padding:0;height:1px;background:#e5e5e5;overflow:hidden}.m-listview.z-dis{background:#eee}.m-listview.z-dis>li{background:#eee;color:#999}.u-btn{-webkit-appearance:none;margin:0;overflow:visible;font:inherit;text-transform:none;text-decoration:none;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:0 0;display:inline-block;vertical-align:top;text-align:center;height:32px;min-width:80px;padding:0 16px;background:#fff;border:1px solid #ddd;-moz-border-radius:2px;border-radius:2px;line-height:30px;font-size:12px;color:#333;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;transition-timing-function:ease;white-space:nowrap}.u-btn:focus,.u-btn:hover{outline:0;text-decoration:none;background:#fff;border-color:#bbb}.u-btn.z-act,.u-btn:active{background:#fff}.u-btn.z-dis,.u-btn:disabled{cursor:not-allowed;opacity:.5;-webkit-box-shadow:none;box-shadow:none}.u-btn-clicked{transform:translateY(2px)}.u-btn-block{display:block;width:100%}.u-btn .u-icon{vertical-align:bottom;color:#999;margin-right:4px;font-size:15px}.u-btn-xs{padding:0 5px;line-height:30px;font-size:10px}.u-btn-xs .u-icon{font-size:10px}.u-btn-sm{padding:0 8px;line-height:30px;min-width:56px;height:24px;line-height:22px;font-size:12px}.u-btn-sm .u-icon{font-size:12px}.u-btn-lg{padding:0 16px;line-height:30px;font-size:16px}.u-btn-lg .u-icon{font-size:16px}.u-btn-xl{padding:0 20px;line-height:30px;font-size:18px}.u-btn-xl .u-icon{font-size:18px}.u-btn-circle.u-btn-xs{padding:0;width:22px;height:22px;line-height:20px;min-width:inherit;font-size:10px;-moz-border-radius:100%;border-radius:100%}.u-btn-circle.u-btn-xs .u-icon{margin-right:0;margin-left:2px}.u-btn-circle.u-btn-sm{padding:0;width:24px;height:24px;line-height:22px;min-width:inherit;font-size:12px;-moz-border-radius:100%;border-radius:100%}.u-btn-circle.u-btn-sm .u-icon{margin-right:0;margin-left:2px}.u-btn-circle.u-btn-normal{padding:0;width:34px;height:34px;line-height:30px;min-width:inherit;font-size:12px;-moz-border-radius:100%;border-radius:100%}.u-btn-circle.u-btn-normal .u-icon{margin-right:0;margin-left:2px}.u-btn-circle.u-btn-lg{padding:0;width:38px;height:38px;line-height:36px;min-width:inherit;font-size:16px;-moz-border-radius:100%;border-radius:100%}.u-btn-circle.u-btn-lg .u-icon{margin-right:0;margin-left:2px}.u-btn-circle.u-btn-xl{padding:0;width:46px;height:46px;line-height:44px;min-width:inherit;font-size:18px;-moz-border-radius:100%;border-radius:100%}.u-btn-circle.u-btn-xl .u-icon{margin-right:0;margin-left:2px}.u-btn-icon.u-btn-xs{padding:0;width:22px;height:22px;line-height:20px;min-width:inherit;border:none;font-size:10px;-moz-border-radius:100%;border-radius:100%}.u-btn-icon.u-btn-xs .u-icon{margin-right:0;margin-left:2px}.u-btn-icon.u-btn-sm{padding:0;width:24px;height:24px;line-height:22px;min-width:inherit;border:none;font-size:12px;-moz-border-radius:100%;border-radius:100%}.u-btn-icon.u-btn-sm .u-icon{margin-right:0;margin-left:2px}.u-btn-icon.u-btn-normal{padding:0;width:34px;height:34px;line-height:30px;min-width:inherit;border:none;font-size:12px;-moz-border-radius:100%;border-radius:100%}.u-btn-icon.u-btn-normal .u-icon{margin-right:0;margin-left:2px}.u-btn-icon.u-btn-lg{padding:0;width:38px;height:38px;line-height:36px;min-width:inherit;border:none;font-size:16px;-moz-border-radius:100%;border-radius:100%}.u-btn-icon.u-btn-lg .u-icon{margin-right:0;margin-left:2px}.u-btn-icon.u-btn-xl{padding:0;width:46px;height:46px;line-height:44px;min-width:inherit;border:none;font-size:18px;-moz-border-radius:100%;border-radius:100%}.u-btn-icon.u-btn-xl .u-icon{margin-right:0;margin-left:2px}.u-btn-primary{color:#fff;background:#e31436;border:1px solid #e31436}.u-btn-primary .u-icon{color:#fff}.u-btn-primary:focus,.u-btn-primary:hover{color:#fff;background:#cc1231;border-color:#cc1231}.u-btn-primary.z-act,.u-btn-primary:active{color:#fff;background:#cc1231;border-color:#cc1231}.u-btn-secondary{color:#e31436;background:#fff;border:1px solid #e31436}.u-btn-secondary .u-icon{color:#e31436}.u-btn-secondary:focus,.u-btn-secondary:hover{color:#cc1231;background:#fff;border-color:#cc1231}.u-btn-secondary.z-act,.u-btn-secondary:active{color:#cc1231;background:#fff;border-color:#cc1231}.u-btn-tertiary{color:#333;background:#fff;border:1px solid #ddd}.u-btn-tertiary .u-icon{color:#333}.u-btn-tertiary:focus,.u-btn-tertiary:hover{color:#333;background:#fff;border-color:#bbb}.u-btn-tertiary.z-act,.u-btn-tertiary:active{color:#333;background:#fff;border-color:#bbb}.u-btn-info{color:#fff;background:#54a8f7;border:1px solid #54a8f7}.u-btn-info .u-icon{color:#fff}.u-btn-info:focus,.u-btn-info:hover{color:#fff;background:#00acd6;border-color:#00acd6}.u-btn-info.z-act,.u-btn-info:active{color:#fff;background:#00acd6;border-color:#00acd6}.u-btn-success{color:#fff;background:#6ebc40;border:1px solid #6ebc40}.u-btn-success .u-icon{color:#fff}.u-btn-success:focus,.u-btn-success:hover{color:#fff;background:#63a93a;border-color:#63a93a}.u-btn-success.z-act,.u-btn-success:active{color:#fff;background:#63a93a;border-color:#63a93a}.u-btn-warning{color:#fff;background:#f48080;border:1px solid #f48080}.u-btn-warning .u-icon{color:#fff}.u-btn-warning:focus,.u-btn-warning:hover{color:#fff;background:#dc7373;border-color:#dc7373}.u-btn-warning.z-act,.u-btn-warning:active{color:#fff;background:#dc7373;border-color:#dc7373}.u-btn-error{color:#fff;background:#f48080;border:1px solid #f48080}.u-btn-error .u-icon{color:#fff}.u-btn-error:focus,.u-btn-error:hover{color:#fff;background:#dc7373;border-color:#dc7373}.u-btn-error.z-act,.u-btn-error:active{color:#fff;background:#dc7373;border-color:#dc7373}.u-btn-success{padding:0 10px;background:#fff;color:#6ebc40;border:1px solid #a3e37e}.u-btn-success .u-icon{font-size:15px;vertical-align:top;color:#9fe385}.u-btn-success:focus,.u-btn-success:hover{color:#63a93a;background:#fff;border-color:#a9e691}.u-btn-warning{padding:0 10px;background:#fff;color:#f86b6b;border:1px solid #f48080}.u-btn-warning .u-icon{font-size:15px;vertical-align:top;color:#f78081}.u-btn-warning:focus,.u-btn-warning:hover{color:#f97a7a;background:#fff;border-color:#f88d8e}.u-btn-add{padding:0 10px;background:#fff;color:#e31436;border:1px solid #e31436}.u-btn-add .u-icon{font-size:15px;vertical-align:top;color:#e31436}.u-btn-add:focus,.u-btn-add:hover{color:#cc1231;background:#fff;border-color:#cc1231}.u-check{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;font-size:12px;line-height:32px}.u-check .check_box{display:inline-block;position:relative;overflow:hidden;text-align:center;margin-right:8px;height:13px;width:13px;line-height:12px;vertical-align:text-top;background:#fff;color:#e61438;border:1px solid #ddd}.u-check .check_box .u-icon{display:none;font-size:13px;line-height:13px}.u-check .check_box:hover{border:1px solid #e61438}.u-check.z-chk .check_box{background:#e61438;color:#fff;border:1px solid #e61438}.u-check.z-chk .check_box .u-icon{display:inline-block}.u-check.z-part .check_box{background:#e61438;color:#fff;border:1px solid #e61438}.u-check.z-part .check_box .u-icon{display:inline-block}.u-check.z-part .check_box .u-icon:before{content:"\e91c"}.u-check.z-dis{cursor:not-allowed}.u-check.z-dis .check_box{color:#eee;border:1px solid #eee}.u-check-block{display:block;width:100%}.u-input.sm{padding:5px 10px;height:24px;font-size:12px}.u-input.lg{padding:10px 16px;height:38px;font-size:16px}.u-input.smw{display:inline-block;width:80px;vertical-align:top}.u-input.mdw{display:inline-block;width:160px;vertical-align:top}.u-input.lgw{display:inline-block;width:300px;vertical-align:top}.u-calendar{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.u-calendar .calendar_item{display:inline-block;cursor:pointer}.u-calendar .calendar_item.z-dis{cursor:not-allowed}.u-calendar .calendar_hd:after,.u-calendar .calendar_hd:before{display:table;content:"";line-height:0}.u-calendar .calendar_hd:after{clear:both}.u-calendar .calendar_hd .calendar_prev{float:left}.u-calendar .calendar_hd .calendar_next{float:right}.u-calendar .calendar_bd{clear:both}.u-calendar .calendar_bd .calendar_week .calendar_item{cursor:default}.u-calendar.z-dis .calendar_item{cursor:not-allowed}.u-calendar{width:250px;padding:4px;background:#fff;color:#333;border:1px solid #ddd;-moz-border-radius:4px;border-radius:4px}.u-calendar .calendar_item{width:32px;height:30px;line-height:30px;margin:1px;-moz-border-radius:2px;border-radius:2px}.u-calendar .calendar_item:hover{background:#f1f1f1;color:#444}.u-calendar .calendar_item.z-sel{background:#e31436;color:#fff}.u-calendar .calendar_item.z-muted{color:#999}.u-calendar .calendar_item.z-dis{background:0 0;color:#999}.u-calendar .calendar_hd{line-height:32px}.u-calendar .calendar_bd .calendar_week .calendar_item{background:0 0}.u-calendar.z-dis .calendar_item{background:#fff;color:#999}.u-calendar.z-dis .calendar_item.z-sel{background:#eee;color:#999}.u-datetimepicker .input-error{border-color:#f48080}.u-datetimepicker .btns{margin-top:10px}.u-datetimepicker .dropdown_ft{display:flex;padding:4px 0 0;margin-top:4px;justify-content:flex-end;border-top:1px solid #ddd}.u-datetimepicker .dropdown_ft .datetimepicker_confirmBtn{color:#e31436;background:#fff;border:1px solid #e31436}.u-numberinput{display:inline-block;position:relative;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.u-numberinput .u-input{display:inline-block}.u-numberinput .u-btn{position:absolute;border:none;right:7px;top:2px;min-width:0;height:13px;line-height:13px;padding:0 4px}.u-numberinput .u-btn+.u-btn{top:auto;bottom:2px}.u-numberinput .u-btn:focus,.u-numberinput .u-btn:hover{outline:0;border:1px solid #adadad}.u-timepicker{display:inline-block}.u-timepicker .u-input,.u-timepicker .u-numberinput{width:auto}.u-timepicker .u-input{width:56px;padding:6px}.u-timepicker .u-input{display:inline-block;box-sizing:content-box}.u-timepicker .u-numberinput .u-btn{top:8px;margin:auto}.u-timepicker .u-numberinput .u-btn+.u-btn{top:auto;bottom:8px}.m-form fieldset{border:none;margin:0;padding:0}.m-form legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0;border:none}.m-form.inline .u-formitem{display:inline-block;vertical-align:top;margin-bottom:0}.m-form.inline .u-formitem .formitem_ct{display:inline-block}.m-form legend{font-size:16px;border-bottom:1px solid #ddd;line-height:32px;margin:15px 0;color:#777}.m-form fieldset>.u-formitem,.m-form>.u-formitem{margin-bottom:16px}.u-formitem{display:flex;margin-bottom:10px}.u-formitem .formitem_tt{position:relative;float:left;padding-right:8px;font-size:12px;text-align:right;line-height:2.5;max-width:144px}.u-formitem .formitem_tt-sm{width:80px}.u-formitem .formitem_tt-md{width:144px}.u-formitem .formitem_tt-lg{width:176px;max-width:176px}.u-formitem .formitem_tt-xlg{width:224px;max-width:224px}.u-formitem .formitem_tt-lh-sm{line-height:1}.u-formitem .formitem_tt-lh-md{line-height:1.6}.u-formitem .formitem_tt-lh-lg{line-height:2.5}.u-formitem .formitem_info{color:#ccc;vertical-align:middle}.u-formitem .formitem_ct{flex:1;min-width:0;font-size:12px}.u-formitem .formitem_desc{display:inline-block;vertical-align:top;color:#999}.u-formitem .g-col:first-child{padding-left:0}.u-formitem .g-col:last-child{padding-right:0}.u-formitem .formitem_rqr{color:#ff753f}.u-formitem-inline{display:inline-block;vertical-align:top;margin-bottom:0}.u-formitem-inline .formitem_ct{display:inline-block}.u-formitem-vertical{flex-direction:column}.u-formitem-vertical .formitem_tt{text-align:left!important;width:100%;max-width:100%}.m-table .u-formitem{margin-bottom:0}.u-input{display:block;position:relative;width:100%}.u-input .input{padding:6px 10px 6px 8px;color:#333;background:#fff;-moz-border-radius:2px;border-radius:2px;border:1px solid #ddd;height:32px;line-height:32px;font-size:12px;width:100%}.u-input .input::-webkit-input-placeholder{color:#999;font-size:12px;opacity:1}.u-input .input::-moz-placeholder{color:#999;font-size:12px;opacity:1}.u-input .input:-moz-placeholder{color:#999;font-size:12px;opacity:1}.u-input .input:-ms-placeholder{color:#999;font-size:12px;opacity:1}.u-input .input:focus{outline:0;background:#fff;color:#333;border:1px solid #f48080}.u-input .input:disabled{cursor:not-allowed;background:#eee;color:#999;border:1px solid #ddd}.u-input .input-error{border-color:#f48080}.u-input .input_wrap{position:relative;display:block}.u-input .input_icon,.u-input .input_unit{position:absolute;height:24px;line-height:24px;right:10px;top:0;bottom:0;margin:auto;color:#666}.u-input .input_icon{font-size:12px}.u-input .input_icon:active,.u-input .input_icon:hover{color:#e31436;cursor:pointer}.u-input .input_icon_clearable{opacity:0}.u-input .input_icon_clearable:hover{opacity:1}.u-input .input_placeholder{position:absolute;left:0;top:0;bottom:0;color:#999;padding:6px 10px 6px 8px;border-left:1px solid transparent}.u-input-sm{height:24px}.u-input-sm .input{height:24px;line-height:24px}.u-input-block{display:block;width:100%}.u-input+.u-tip{margin-left:5px}.u-input-smw{display:inline-block;width:80px;vertical-align:top}.u-input-mdw{display:inline-block;width:160px;vertical-align:top}.u-input-lgw{display:inline-block;width:300px;vertical-align:top}.u-multi ::-webkit-scrollbar{width:6px;height:8px;background-color:#fff}.u-multi ::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dadada}.u-multi .dropdown_hd{max-height:84px;overflow-y:auto}.u-multi .dropdown_hd .selected-tag{height:22px;line-height:22px}.u-multi .dropdown_hd .m-multi-placeholder{color:#999}.u-multi .dropdown_hd .selectedTagMore{overflow:hidden;text-overflow:ellipsis;max-width:150px}.u-multi .dropdown_hd .angle-transform{transform:rotate(180deg)}.u-multi .dropdown_hd i.angle{transition:transform .5s;line-height:20px;margin-top:5px}.u-multi .cateWrap{max-width:412px;overflow-x:auto;white-space:nowrap;position:absolute;background-color:#fff;font-size:0}.u-multi .cateWrap li,.u-multi .cateWrap ul{list-style-type:none}.u-multi .cateWrap ::-webkit-scrollbar{width:6px;background-color:#fff}.u-multi .cateWrap ::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dadada}.u-multi .cateWrap ul{width:136px;border-bottom:1px solid #eee;border-left:1px solid #eee;margin:0;height:260px;padding:0;overflow-y:auto;overflow-x:hidden;font-size:14px;display:inline-block}.u-multi .cateWrap ul:last-child{border-right:1px solid #eee}.u-multi .cateWrap li{height:32px;overflow:hidden;line-height:32px;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;padding-right:15px;position:relative}.u-multi .cateWrap li:hover{background-color:#f6f9fc}.u-multi .cateWrap li .onlyChild{background-color:#fff;font-size:12px}.u-multi .cateWrap li .onlyChild:hover{background-color:#ddd}.u-multi .cateWrap .input_wrap,.u-multi .cateWrap .u-input{height:32px}.u-multi .cateWrap .u-check{margin-left:13px;width:15px}.u-multi .cateWrap .more{position:absolute;text-align:center;width:30px;right:0}.u-multi .cateWrap .cateName{padding-left:15px}.u-multi .cateWrap .active{background-color:#f6f9fc}.u-multi.z-dis .dropdown_hd{cursor:not-allowed;background:#eee;border:1px solid #ddd;color:#999}.u-radio{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;font-size:12px;line-height:32px}.u-radio .radio_box{display:inline-block;position:relative;overflow:hidden;text-align:center;margin-right:8px;height:13px;width:13px;line-height:13px;vertical-align:text-top;background:#fff;color:#e31436;border:1px solid #dfe3e9;border-radius:13px}.u-radio .radio_box .u-icon{content:"";display:none;position:absolute;top:50%;left:50%;margin-top:-3.5px;margin-left:-3.5px;width:7px;height:7px;border-radius:7px;background:#e61438}.u-radio.z-sel .radio_box{border:1px solid #e61438}.u-radio.z-sel .radio_box .u-icon{display:inline-block}.u-radio.z-dis{cursor:not-allowed}.u-radio.z-dis .radio_box{color:#eee;border:1px solid #eee}.u-radio-block{display:block;width:100%}.u-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top}.u-select .z-hover{background:#f1f1f1}.u-select .dropdown_hd{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:0;min-height:32px;line-height:30px;padding:0 10px;background:#fff;color:#333;border:1px solid #ddd;-moz-border-radius:2px;border-radius:2px;overflow-y:auto;position:relative}.u-select .dropdown_hd .u-icon{float:right;width:auto;line-height:inherit;position:absolute;right:5px}.u-select .dropdown_hd .u-icon-remove{color:#a4a5b9}.u-select .dropdown_hd .m-multi-placeholder{color:#999}.u-select .dropdown_hd .u-select-errorIcon{position:relative;top:-28px}.u-select .dropdown_hd .hoverShow{display:none}.u-select .dropdown_hd:hover .hoverShow{display:inline-block}.u-select .dropdown_hd:hover .hoverHide{display:none}.u-select .dropdown_hd span{float:left;font-size:12px}.u-select .selected-tag{position:relative;padding:0 20px 0 10px;margin:4px 5px 0 0;background-color:#f3f3f3;-moz-border-radius:2px;border-radius:2px;height:20px;line-height:20px;float:left;cursor:default}.u-select .selected-tag .u-icon-remove{position:absolute;right:5px}.u-select .selected-tag:last-child{margin-bottom:6px}.u-select .selected-tag .z-dis{cursor:not-allowed}.u-select .selectedTagMore{overflow:hidden;text-overflow:ellipsis;max-width:150px}.u-select .u-search-input{font-family:inherit;line-height:20px;vertical-align:middle;width:calc(100% - 20px);background-color:transparent;font-size:12px}.u-select .u-search-input:focus{outline:0}.u-select .searchInput1{border-bottom:1px solid #eee;padding:5px 0;display:block}.u-select.isMultiple .u-search-input{float:left;margin-top:7px;width:1em}.u-select .dropdown_bd{clear:both}.u-select .m-listview{overflow-x:hidden;overflow-y:auto;padding:0;max-height:200px}.u-select .m-listview .u-check{line-height:0}.u-select .m-treeview{overflow:auto;max-height:200px}.u-select-error .dropdown_hd{border-color:#f48080}.u-select .z-dis .dropdown_hd{cursor:not-allowed;background:#eee;border:1px solid #ddd;color:#999}.u-selectgroup .u-select{width:160px}.u-selectgroup .u-dropdown{display:inline-block}.u-select-sm{height:24px;padding:0}.u-select-sm .dropdown_hd{min-height:24px;line-height:22px}.u-select-sm .m-listview>li{line-height:12px}.u-text.u-text_unlink{display:inline;text-decoration:none;color:initial;cursor:default}.u-text.u-text_unlink:hover{text-decoration:none}.u-text.u-text-wb{font-weight:700}.u-text.u-text-xs{font-size:10px;line-height:12px}.u-text.u-text-sm{font-size:12px;line-height:16px}.u-text.u-text-lg{font-size:20px;line-height:24px}.u-text.u-text-xl{font-size:24px;line-height:32px}.u-text.u-text-left{text-align:left}.u-text.u-text-center{text-align:center}.u-text.u-text-right{text-align:right}.u-text.u-text-justify{text-align:justify}.u-text.u-text-top{vertical-align:top}.u-text.u-text-middle{vertical-align:middle}.u-text.u-text-bottom{vertical-align:bottom}.u-text.u-text-primary{color:#e31436}.u-text.u-text-success{color:#6ebc40}.u-text.u-text-warning{color:#ffb539}.u-text.u-text-error{color:#f48080}.u-text.u-text-inverse{color:#fff}.u-text.u-text-muted{color:#999}.u-textarea{display:inline-block;position:relative;width:100%}.u-textarea .textarea{padding:6px 10px 6px 8px;color:#333;background:#fff;-moz-border-radius:2px;border-radius:2px;border:1px solid #eee;font-size:12px;width:100%}.u-textarea .textarea:focus{outline:0;background:#fff;color:#333;border:1px solid #f48080}.u-textarea .textarea:disabled{cursor:not-allowed;background:#eee;color:#999;border:1px solid #ddd}.u-textarea .textarea_placeholder{position:absolute;left:0;right:0;top:0;bottom:0;color:#999;padding:6px 10px 6px 8px;border-left:1px solid transparent}.u-textarea .textarea_len{font-size:12px;color:#999}.m-treeview{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-x:auto;overflow-y:visible}.m-treeview .treeview_list{margin-left:1.6em}.m-treeview .treeview_item{position:relative}.m-treeview .treeview_item>.u-icon{position:absolute;left:-1.2em;line-height:inherit;margin:0;cursor:pointer}.m-treeview .treeview_itemname{cursor:pointer;white-space:nowrap}.m-treeview .treeview_itemname.z-dis{cursor:not-allowed;background:0 0}.m-treeview.z-dis .treeview_itemname{cursor:not-allowed}.m-treeview.z-dis .treeview_item .u-icon{cursor:not-allowed}.m-treeview{padding:5px 0;background:#fff;color:#333;-moz-border-radius:4px;border-radius:4px;border:1px solid #ddd}.m-treeview .treeview_item>.u-icon{padding:3px 0}.m-treeview .treeview_itemname{padding:3px 10px;color:#777}.m-treeview .treeview_itemname:hover{background:#f1f1f1;color:#444}.m-treeview .treeview_itemname.z-sel{background:#e31436;color:#fff}.m-treeview .treeview_itemname.z-dis{background:0 0;color:#999}.m-treeview .treeview_itemname.z-divider{margin:9px 0;padding:0;height:1px;background:#e5e5e5;overflow:hidden}.m-treeview.z-dis{background:#eee}.m-treeview.z-dis .treeview_itemname{background:0 0;color:#999}.m-multitreeview .treeview_list{margin-left:3.4em}.m-multitreeview .treeview_item>.u-icon{left:-3em}.m-multitreeview .treeview_item>.u-check{position:absolute;left:-1.8em;padding:3px 0}.m-file-unit{display:inline-block;width:50px;margin-bottom:10px;vertical-align:top;background:#fefefe}.m-file-unit .m-content{position:relative;width:50px;height:50px;border:1px solid #eef1f4;border-radius:2px;box-sizing:border-box;text-align:center}.m-file-unit .m-content .m-img-wrapper{position:absolute;top:0;right:0;left:0;bottom:0;cursor:zoom-in}.m-file-unit .m-content .m-img-wrapper:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-file-unit .m-content .m-img-wrapper .u-img{max-width:100%;max-height:100%;vertical-align:middle}.m-file-unit .m-content .u-txt{display:inline-block;width:100%;height:100%;line-height:50px;font-size:12px;text-align:center;cursor:default}.m-file-unit .m-content .m-status .u-failed,.m-file-unit .m-content .m-status .u-uploading{position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;text-align:center;font-size:12px;color:#fff;background:rgba(0,0,0,.7)}.m-file-unit .m-content .m-status .u-failed:before,.m-file-unit .m-content .m-status .u-uploading:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-file-unit .m-content .m-status .u-failed{cursor:pointer}.m-file-unit .m-content .m-status .u-failed .u-failed-info{display:inline-block;width:100%;vertical-align:middle;text-align:center;line-height:1.2}.m-file-unit .m-content .m-status .u-failed .u-failed-info .u-icon{display:inline-block;width:100%;height:20px;font-size:16px}.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper{display:inline-block;width:40px;line-height:.85;vertical-align:middle}.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress,.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress-txt{display:inline-block;width:100%}.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress{position:relative;height:5px;background:#fff;border-radius:100px}.m-file-unit .m-content .m-status .u-uploading .u-progress-wrapper .u-progress .u-progress-bar{position:absolute;top:0;left:0;display:inline-block;height:100%;background:#0398ff;border-radius:100px}.m-file-unit .m-content .m-status .u-uploaded{display:none;position:absolute;bottom:0;left:0;width:100%;height:17px;text-align:center;font-size:12px;color:#fff;background:rgba(0,0,0,.7)}.m-file-unit .m-content .m-status .u-uploaded:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-file-unit .m-content .m-status .u-uploaded .u-uploaded-zone{display:inline-block;position:relative;width:100%;height:100%;line-height:100%;color:#fff;text-align:center;text-decoration:none;cursor:pointer}.m-file-unit .m-content .m-status .u-uploaded .u-uploaded-zone .u-icon{margin-left:2px}.m-file-unit .m-content .m-remove{display:none;position:absolute;right:-6px;top:-6px;width:17px;height:17px;font-size:17px;line-height:17px;color:#333;background:#fff;border-radius:100px;z-index:5}.m-file-unit .m-content:hover .m-remove{display:inline-block;cursor:pointer}.m-file-unit .m-content:hover .m-status .u-uploaded{display:inline-block}.m-file-unit .m-content:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-file-unit .m-name{margin-top:8px;padding:1px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4;font-size:12px;color:#333}.m-file-unit .m-info{margin-top:4px;font-size:12px;color:#f86b6b}.m-upload ul{margin:0;padding:0}.m-upload ul li{list-style:none}.m-upload .u-fileitem,.m-upload u-input-wrapper{vertical-align:top}.m-upload .m-input-wrapper{display:inline-block;text-align:center}.m-upload .m-input-wrapper .u-input-btn{display:inline-block;width:50px;height:50px;vertical-align:top;border:1px dashed #ccc;border-radius:2px;box-sizing:border-box;font-size:12px;cursor:pointer}.m-upload .m-input-wrapper .u-input-btn .u-input-content{display:inline-block;width:100%;vertical-align:middle}.m-upload .m-input-wrapper .u-input-btn .u-input-content .u-icon{display:inline-block;width:100%;font-size:12px;color:#666}.m-upload .m-input-wrapper .u-input-btn:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-upload .m-input-wrapper .u-input-info{margin-top:4px;font-size:12px;color:#f86b6b}.m-upload ul{margin:0;padding:0}.m-upload ul li{list-style:none}.m-upload .u-fileitem,.m-upload .u-input-wrapper{display:inline-block;vertical-align:top}.m-upload .u-fileitem{width:50px}.m-upload .m-files-zone{width:125px}.m-upload .m-files-zone .m-entry-wrapper{position:relative;display:inline-block;width:50px;margin-right:20px;vertical-align:top}.m-upload .m-files-zone .m-entry-wrapper .m-entry{position:relative;width:100%;height:50px;border:1px solid #eef1f4;border-radius:2px;box-sizing:border-box;text-align:center}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-img-wrapper{position:absolute;top:0;right:0;left:0;bottom:0;cursor:zoom-in}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-img-wrapper:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-img-wrapper .u-img{max-width:100%;max-height:100%;vertical-align:middle}.m-upload .m-files-zone .m-entry-wrapper .m-entry .u-txt{display:inline-block;width:100%;height:100%;line-height:50px;font-size:12px;text-align:center;cursor:pointer}.m-upload .m-files-zone .m-entry-wrapper .m-entry .u-info{content:"";position:absolute;right:-6px;top:-6px;width:17px;height:17px;line-height:17px;text-align:center;background:#fff;border:1px solid #eef1f4;border-radius:100px;color:#333;font-size:12px}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed,.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading{position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;text-align:center;font-size:12px;color:#fff;background:rgba(0,0,0,.7)}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed:before,.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed{cursor:pointer}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed .u-failed-info{display:inline-block;width:100%;vertical-align:middle;text-align:center;line-height:1.2}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-failed .u-failed-info .u-icon{display:inline-block;width:100%;height:20px;font-size:16px}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper{display:inline-block;width:40px;line-height:.85;vertical-align:middle}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress,.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress-txt{display:inline-block;width:100%}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress{position:relative;height:5px;background:#fff;border-radius:100px}.m-upload .m-files-zone .m-entry-wrapper .m-entry .m-status .u-uploading .u-progress-wrapper .u-progress .u-progress-bar{position:absolute;top:0;left:0;display:inline-block;height:100%;background:#0398ff;border-radius:100px}.m-upload .m-files-zone .m-entry-wrapper .m-entry:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-upload .m-files-zone .m-entry-wrapper .m-entry-info{margin-top:4px;font-size:12px;color:#f86b6b;text-align:center}.m-upload .m-files-zone .u-banner{position:absolute;bottom:-7px;left:-9999px;z-index:5}.m-upload .m-files-zone .u-banner:after,.m-upload .m-files-zone .u-banner:before{content:"";border:5px solid transparent;position:absolute;left:0}.m-upload .m-files-zone .u-banner:before{border-bottom-color:#eee;bottom:1px}.m-upload .m-files-zone .u-banner:after{border-bottom-color:#fff;bottom:0}.m-upload .m-files-zone .u-banner.top{top:-7px}.m-upload .m-files-zone .u-banner.top:after,.m-upload .m-files-zone .u-banner.top:before{border-bottom:none}.m-upload .m-files-zone .u-banner.top:before{border-top-color:#eee;top:1px}.m-upload .m-files-zone .u-banner.top:after{border-top-color:#fff;top:0}.m-upload .m-files-zone .m-filelist{position:absolute;left:-9999px;padding:22px;padding-bottom:12px;text-align:left;border:1px solid #eee;border-radius:2px;box-shadow:0 2px 3px 0 rgba(0,0,0,.1);background:#fff;z-index:1}.m-upload .m-files-zone .u-input-wrapper{position:relative;display:inline-block;width:50px;vertical-align:top;text-align:center}.m-upload .m-files-zone .u-input-wrapper .u-input-btn{display:inline-block;width:50px;height:50px;vertical-align:top;border:1px dashed #ccc;border-radius:2px;box-sizing:border-box;font-size:12px;cursor:pointer}.m-upload .m-files-zone .u-input-wrapper .u-input-btn .u-input-content{display:inline-block;width:100%;vertical-align:middle}.m-upload .m-files-zone .u-input-wrapper .u-input-btn .u-input-content .u-icon{display:inline-block;width:100%;font-size:12px;color:#666}.m-upload .m-files-zone .u-input-wrapper .u-input-btn:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-upload .m-files-zone .u-input-wrapper .u-input-btn.dragover{background-color:rgba(32,159,255,.06);border:1px dashed #20a0ff}.m-upload .m-files-zone .u-input-wrapper .u-input-info{margin-top:4px;font-size:12px;color:#f86b6b}.m-upload{line-height:1.6}.m-upload ul{margin:0;padding:0}.m-upload ul li{list-style:none}.m-upload .u-fileitem,.m-upload .u-input-wrapper{display:inline-block;vertical-align:top}.m-upload .u-fileitem{width:50px}.m-upload .u-input-wrapper{text-align:center}.m-upload .u-input-wrapper .u-input-btn{display:inline-block;width:50px;height:50px;vertical-align:top;border:1px dashed #ccc;border-radius:2px;box-sizing:border-box;font-size:12px;cursor:pointer}.m-upload .u-input-wrapper .u-input-btn .u-input-content{display:inline-block;width:100%;vertical-align:middle}.m-upload .u-input-wrapper .u-input-btn .u-input-content .u-icon{display:inline-block;width:100%;font-size:12px;color:#666}.m-upload .u-input-wrapper .u-input-btn:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-upload .u-input-wrapper .u-input-btn.dragover{background-color:rgba(32,159,255,.06);border:1px dashed #20a0ff}.m-upload .u-input-wrapper .u-input-info{margin-top:4px;font-size:12px;color:#f86b6b}.m-card{background:#fff;box-shadow:2px 2px 3px 0 rgba(34,52,73,.1);border:1px solid rgba(34,52,73,.1);border-radius:4px;padding:16px;margin-bottom:8px;color:#333}.m-card .card_hd{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center;margin-bottom:12px}.m-card .card_hd .title{font-size:16px;font-weight:700}.m-card .card_hd .line{display:inline-block;background:#333;width:3px;height:15px;margin-right:8px}.m-card .card_hd .operate{flex:1;text-align:right;margin-right:40px}.m-card .btLine{background:#ddd;height:1px;margin-bottom:8px}.m-card .m-card{box-shadow:none;border-radius:initial;border:none;padding:0 40px}.m-card .m-card .card_hd{margin-bottom:8px}.m-card .m-card .card_hd .line{height:13px}.m-card .m-card .card_hd .title{font-size:14px}.m-card .m-card .card_hd .operate{margin-right:0}.m-card .m-card-indent{padding:0 40px}.g-row:after,.g-row:before{display:table;content:"";line-height:0}.g-row:after{clear:both}.g-row-flex{display:flex}.g-row-flex.justify-center{justify-content:center}.g-row-flex.justify-end{justify-content:flex-end}.g-row-flex.justify-space-between{justify-content:space-between}.g-row-flex.justify-space-around{justify-content:space-around}.g-row-flex.align-middle{align-items:center}.g-row-flex.align-bottom{align-items:top}.g-row-flex.flex-wrap{flex-wrap:wrap}.g-row-flex.flex-nowrap{flex-wrap:nowrap}.g-row-flex.flex-wrap-reverse{flex-wrap:wrap-reverse}.g-row+.g-row{margin-top:10px}.g-col{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;min-height:1px;padding:0 20px}.g-col-1{width:8.333333%}.g-offset-1{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:8.333333%}.g-col-2{width:16.666667%}.g-offset-2{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:16.666667%}.g-col-3{width:25%}.g-offset-3{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:25%}.g-col-4{width:33.333333%}.g-offset-4{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:33.333333%}.g-col-5{width:41.666667%}.g-offset-5{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:41.666667%}.g-col-6{width:50%}.g-offset-6{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:50%}.g-col-7{width:58.333333%}.g-offset-7{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:58.333333%}.g-col-8{width:66.666667%}.g-offset-8{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:66.666667%}.g-col-9{width:75%}.g-offset-9{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:75%}.g-col-10{width:83.333333%}.g-offset-10{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:83.333333%}.g-col-11{width:91.666667%}.g-offset-11{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:91.666667%}.g-col-12{width:100%}.g-offset-12{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:100%}@media (max-width:768px){.g-col-xs-1{width:8.333333%}.g-col-xs-offset-1{margin-left:8.333333%}.g-col-xs-pull-1{position:relative;right:8.333333%}.g-col-xs-push-1{position:relative;left:8.333333%}.g-col-xs-2{width:16.666667%}.g-col-xs-offset-2{margin-left:16.666667%}.g-col-xs-pull-2{position:relative;right:16.666667%}.g-col-xs-push-2{position:relative;left:16.666667%}.g-col-xs-3{width:25%}.g-col-xs-offset-3{margin-left:25%}.g-col-xs-pull-3{position:relative;right:25%}.g-col-xs-push-3{position:relative;left:25%}.g-col-xs-4{width:33.333333%}.g-col-xs-offset-4{margin-left:33.333333%}.g-col-xs-pull-4{position:relative;right:33.333333%}.g-col-xs-push-4{position:relative;left:33.333333%}.g-col-xs-5{width:41.666667%}.g-col-xs-offset-5{margin-left:41.666667%}.g-col-xs-pull-5{position:relative;right:41.666667%}.g-col-xs-push-5{position:relative;left:41.666667%}.g-col-xs-6{width:50%}.g-col-xs-offset-6{margin-left:50%}.g-col-xs-pull-6{position:relative;right:50%}.g-col-xs-push-6{position:relative;left:50%}.g-col-xs-7{width:58.333333%}.g-col-xs-offset-7{margin-left:58.333333%}.g-col-xs-pull-7{position:relative;right:58.333333%}.g-col-xs-push-7{position:relative;left:58.333333%}.g-col-xs-8{width:66.666667%}.g-col-xs-offset-8{margin-left:66.666667%}.g-col-xs-pull-8{position:relative;right:66.666667%}.g-col-xs-push-8{position:relative;left:66.666667%}.g-col-xs-9{width:75%}.g-col-xs-offset-9{margin-left:75%}.g-col-xs-pull-9{position:relative;right:75%}.g-col-xs-push-9{position:relative;left:75%}.g-col-xs-10{width:83.333333%}.g-col-xs-offset-10{margin-left:83.333333%}.g-col-xs-pull-10{position:relative;right:83.333333%}.g-col-xs-push-10{position:relative;left:83.333333%}.g-col-xs-11{width:91.666667%}.g-col-xs-offset-11{margin-left:91.666667%}.g-col-xs-pull-11{position:relative;right:91.666667%}.g-col-xs-push-11{position:relative;left:91.666667%}.g-col-xs-12{width:100%}.g-col-xs-offset-12{margin-left:100%}.g-col-xs-pull-12{position:relative;right:100%}.g-col-xs-push-12{position:relative;left:100%}}@media (min-width:768px){.g-col-sm-1{width:8.333333%}.g-col-sm-offset-1{margin-left:8.333333%}.g-col-sm-pull-1{position:relative;right:8.333333%}.g-col-sm-push-1{position:relative;left:8.333333%}.g-col-sm-2{width:16.666667%}.g-col-sm-offset-2{margin-left:16.666667%}.g-col-sm-pull-2{position:relative;right:16.666667%}.g-col-sm-push-2{position:relative;left:16.666667%}.g-col-sm-3{width:25%}.g-col-sm-offset-3{margin-left:25%}.g-col-sm-pull-3{position:relative;right:25%}.g-col-sm-push-3{position:relative;left:25%}.g-col-sm-4{width:33.333333%}.g-col-sm-offset-4{margin-left:33.333333%}.g-col-sm-pull-4{position:relative;right:33.333333%}.g-col-sm-push-4{position:relative;left:33.333333%}.g-col-sm-5{width:41.666667%}.g-col-sm-offset-5{margin-left:41.666667%}.g-col-sm-pull-5{position:relative;right:41.666667%}.g-col-sm-push-5{position:relative;left:41.666667%}.g-col-sm-6{width:50%}.g-col-sm-offset-6{margin-left:50%}.g-col-sm-pull-6{position:relative;right:50%}.g-col-sm-push-6{position:relative;left:50%}.g-col-sm-7{width:58.333333%}.g-col-sm-offset-7{margin-left:58.333333%}.g-col-sm-pull-7{position:relative;right:58.333333%}.g-col-sm-push-7{position:relative;left:58.333333%}.g-col-sm-8{width:66.666667%}.g-col-sm-offset-8{margin-left:66.666667%}.g-col-sm-pull-8{position:relative;right:66.666667%}.g-col-sm-push-8{position:relative;left:66.666667%}.g-col-sm-9{width:75%}.g-col-sm-offset-9{margin-left:75%}.g-col-sm-pull-9{position:relative;right:75%}.g-col-sm-push-9{position:relative;left:75%}.g-col-sm-10{width:83.333333%}.g-col-sm-offset-10{margin-left:83.333333%}.g-col-sm-pull-10{position:relative;right:83.333333%}.g-col-sm-push-10{position:relative;left:83.333333%}.g-col-sm-11{width:91.666667%}.g-col-sm-offset-11{margin-left:91.666667%}.g-col-sm-pull-11{position:relative;right:91.666667%}.g-col-sm-push-11{position:relative;left:91.666667%}.g-col-sm-12{width:100%}.g-col-sm-offset-12{margin-left:100%}.g-col-sm-pull-12{position:relative;right:100%}.g-col-sm-push-12{position:relative;left:100%}}@media (min-width:992px){.g-col-md-1{width:8.333333%}.g-col-md-offset-1{margin-left:8.333333%}.g-col-md-pull-1{position:relative;right:8.333333%}.g-col-md-push-1{position:relative;left:8.333333%}.g-col-md-2{width:16.666667%}.g-col-md-offset-2{margin-left:16.666667%}.g-col-md-pull-2{position:relative;right:16.666667%}.g-col-md-push-2{position:relative;left:16.666667%}.g-col-md-3{width:25%}.g-col-md-offset-3{margin-left:25%}.g-col-md-pull-3{position:relative;right:25%}.g-col-md-push-3{position:relative;left:25%}.g-col-md-4{width:33.333333%}.g-col-md-offset-4{margin-left:33.333333%}.g-col-md-pull-4{position:relative;right:33.333333%}.g-col-md-push-4{position:relative;left:33.333333%}.g-col-md-5{width:41.666667%}.g-col-md-offset-5{margin-left:41.666667%}.g-col-md-pull-5{position:relative;right:41.666667%}.g-col-md-push-5{position:relative;left:41.666667%}.g-col-md-6{width:50%}.g-col-md-offset-6{margin-left:50%}.g-col-md-pull-6{position:relative;right:50%}.g-col-md-push-6{position:relative;left:50%}.g-col-md-7{width:58.333333%}.g-col-md-offset-7{margin-left:58.333333%}.g-col-md-pull-7{position:relative;right:58.333333%}.g-col-md-push-7{position:relative;left:58.333333%}.g-col-md-8{width:66.666667%}.g-col-md-offset-8{margin-left:66.666667%}.g-col-md-pull-8{position:relative;right:66.666667%}.g-col-md-push-8{position:relative;left:66.666667%}.g-col-md-9{width:75%}.g-col-md-offset-9{margin-left:75%}.g-col-md-pull-9{position:relative;right:75%}.g-col-md-push-9{position:relative;left:75%}.g-col-md-10{width:83.333333%}.g-col-md-offset-10{margin-left:83.333333%}.g-col-md-pull-10{position:relative;right:83.333333%}.g-col-md-push-10{position:relative;left:83.333333%}.g-col-md-11{width:91.666667%}.g-col-md-offset-11{margin-left:91.666667%}.g-col-md-pull-11{position:relative;right:91.666667%}.g-col-md-push-11{position:relative;left:91.666667%}.g-col-md-12{width:100%}.g-col-md-offset-12{margin-left:100%}.g-col-md-pull-12{position:relative;right:100%}.g-col-md-push-12{position:relative;left:100%}}@media (min-width:1200px){.g-col-lg-1{width:8.333333%}.g-col-lg-offset-1{margin-left:8.333333%}.g-col-lg-pull-1{position:relative;right:8.333333%}.g-col-lg-push-1{position:relative;left:8.333333%}.g-col-lg-2{width:16.666667%}.g-col-lg-offset-2{margin-left:16.666667%}.g-col-lg-pull-2{position:relative;right:16.666667%}.g-col-lg-push-2{position:relative;left:16.666667%}.g-col-lg-3{width:25%}.g-col-lg-offset-3{margin-left:25%}.g-col-lg-pull-3{position:relative;right:25%}.g-col-lg-push-3{position:relative;left:25%}.g-col-lg-4{width:33.333333%}.g-col-lg-offset-4{margin-left:33.333333%}.g-col-lg-pull-4{position:relative;right:33.333333%}.g-col-lg-push-4{position:relative;left:33.333333%}.g-col-lg-5{width:41.666667%}.g-col-lg-offset-5{margin-left:41.666667%}.g-col-lg-pull-5{position:relative;right:41.666667%}.g-col-lg-push-5{position:relative;left:41.666667%}.g-col-lg-6{width:50%}.g-col-lg-offset-6{margin-left:50%}.g-col-lg-pull-6{position:relative;right:50%}.g-col-lg-push-6{position:relative;left:50%}.g-col-lg-7{width:58.333333%}.g-col-lg-offset-7{margin-left:58.333333%}.g-col-lg-pull-7{position:relative;right:58.333333%}.g-col-lg-push-7{position:relative;left:58.333333%}.g-col-lg-8{width:66.666667%}.g-col-lg-offset-8{margin-left:66.666667%}.g-col-lg-pull-8{position:relative;right:66.666667%}.g-col-lg-push-8{position:relative;left:66.666667%}.g-col-lg-9{width:75%}.g-col-lg-offset-9{margin-left:75%}.g-col-lg-pull-9{position:relative;right:75%}.g-col-lg-push-9{position:relative;left:75%}.g-col-lg-10{width:83.333333%}.g-col-lg-offset-10{margin-left:83.333333%}.g-col-lg-pull-10{position:relative;right:83.333333%}.g-col-lg-push-10{position:relative;left:83.333333%}.g-col-lg-11{width:91.666667%}.g-col-lg-offset-11{margin-left:91.666667%}.g-col-lg-pull-11{position:relative;right:91.666667%}.g-col-lg-push-11{position:relative;left:91.666667%}.g-col-lg-12{width:100%}.g-col-lg-offset-12{margin-left:100%}.g-col-lg-pull-12{position:relative;right:100%}.g-col-lg-push-12{position:relative;left:100%}}.kl-search_ft{display:flex;justify-content:flex-end;align-items:center}.kl-search_btn{margin-right:10px}.m-kl-table-wrap{position:relative}.m-kl-table-wrap .kl_table_header_fiexd_right_gutter{box-sizing:border-box;position:absolute;background:#eef1f4;border-left:1px solid #fff}.m-kl-table-wrap .u-resize-proxy{position:absolute;visibility:hidden;height:100%;width:1px;z-index:100;background:#ddd}.m-kl-table-wrap .expand_row{position:absolute;width:100%}.m-kl-table{overflow:auto;box-sizing:border-box;border-collapse:collapse;border-bottom:1px solid #ecf2f9;line-height:17px;font-size:12px;color:#333}.m-kl-table.fixed_header{overflow:hidden}.m-kl-table.fixed_header .kl_table_header{overflow:hidden}.m-kl-table .kl_table_header.sticky_header{position:fixed;overflow:hidden;z-index:100;top:0}.m-kl-table .kl_table_body{transition:width 10ms}.m-kl-table .kl_table_body.fixed_header{overflow:auto}.m-kl-table.m-kl-table-fixed{position:absolute;overflow:hidden;top:0;left:0;border-bottom:none;box-shadow:1px 0 8px #d3d4d6}.m-kl-table.m-kl-table-fixed.m-kl-table-fixed-right{left:auto;right:0}.m-kl-table.m-kl-table-fixed .kl_table_header{box-shadow:2px 0 8px #d3d4d6}.m-kl-table.m-kl-table-fixed .kl_table_body,.m-kl-table.m-kl-table-fixed .kl_table_header{overflow:hidden}.m-kl-table .table_tb{width:100%;position:relative;table-layout:fixed}.m-kl-table .patch{background:#eef1f4;position:absolute}.m-kl-table .tb_hd_th{box-sizing:border-box;background-color:#eef1f4;height:32px;padding:0;border-collapse:collapse;border-bottom:1px solid #fff;font-weight:400}.m-kl-table .tb_hd_th .th_content{box-sizing:border-box;height:100%;display:flex;align-items:center;justify-content:center;padding:6px 8px}.m-kl-table .tb_hd_th .th_content.f-flex-center{justify-content:center}.m-kl-table .tb_hd_th .th_content.f-flex-right{justify-content:flex-end}.m-kl-table .tb_hd_th .th_content.f-flex-left{justify-content:flex-start}.m-kl-table .tb_hd_th .th_content .th_tip{margin-left:8px}.m-kl-table .tb_hd_th:not(:last-child){border-right:1px solid #fff}.m-kl-table .tb_hd_th .u-icon-1{position:relative;cursor:pointer;color:#ddd}.m-kl-table .tb_hd_th .u-icon-2{position:absolute;left:0;top:0}.m-kl-table .tb_hd_th .u-icon-2.u-icon-sort-asc,.m-kl-table .tb_hd_th .u-icon-2.u-icon-sort-desc{color:#666}.m-kl-table .tb_bd_tr{background:#fff;transition:background .2s ease-out}.m-kl-table .tb_bd_tr:not(:last-child){border-bottom:1px solid #ecf2f9}.m-kl-table .tb_bd_tr.z-hover,.m-kl-table .tb_bd_tr:hover{background:#ecf2f9}.m-kl-table .tb_bd_tr.td_bd_tr_nohover{background:#fff}.m-kl-table .tb_bd_td{box-sizing:border-box;position:relative;padding:0;height:32px}.m-kl-table .tb_bd_td>.tb_bd_td_div{padding:6px 8px;line-height:17px}.m-kl-table.strip .tb_bd_tr{transition:background .2s ease-out}.m-kl-table.strip .tb_bd_tr:nth-child(2n-1){background:#fff}.m-kl-table.strip .tb_bd_tr:nth-child(2n){background:#f6f9fc}.m-kl-table.strip .tb_bd_tr:not(:last-child){border-bottom:1px solid #ecf2f9}.m-kl-table.strip .tb_bd_tr.z-hover,.m-kl-table.strip .tb_bd_tr:hover{background:#ecf2f9}.m-kl-table.strip .tb_bd_tr.td_bd_tr_nohover{background:#fff}.m-kl-table .u-clickable{cursor:pointer;color:#0398ff}.m-kl-table .u-clickable:hover{text-decoration:underline}.m-kl-table .u-progress-wrap{box-sizing:border-box;text-align:left}.m-kl-table .u-progress-wrap .u-kl-progress{width:70%}.m-kl-table .u-expand-sign{display:inline-block;box-sizing:border-box;height:17px;width:17px;border:1px solid #ddd;line-height:13px;vertical-align:middle}.m-kl-table-ft{padding:10px 0;background:#fff}.m-kl-table-ft .scroll_bar{overflow:auto;margin-bottom:10px}.m-kl-table-ft .scroll_bar>div{height:1px}.m-kl-table-ft .scroll_bar::-webkit-scrollbar{-webkit-appearance:none;width:8px;height:12px}.m-kl-table-ft .scroll_bar::-webkit-scrollbar:hover{background-color:rgba(0,0,0,.1)}.m-kl-table-ft .scroll_bar::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}.m-kl-table-ft.sticky_footer{position:fixed;bottom:0;z-index:1000}.f-cursor-pointer{cursor:pointer}.f-overflow-hidden{overflow:hidden}.f-visibility-hidden{visibility:hidden}.f-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.f-line-clamp-1,.f-line-clamp-2,.f-line-clamp-3,.f-line-clamp-4,.f-line-clamp-5{display:-webkit-inline-box;-webkit-box-orient:vertical;white-space:normal;vertical-align:middle;word-break:break-all}.f-line-clamp-1{-webkit-line-clamp:1}.f-line-clamp-2{-webkit-line-clamp:2}.f-line-clamp-3{-webkit-line-clamp:3}.f-line-clamp-4{-webkit-line-clamp:4}.f-line-clamp-5{-webkit-line-clamp:5}.kl-m-crumb{color:#333;font-size:0;display:flex;align-items:center;box-sizing:border-box}.kl-m-crumb .crumb_home{color:#e31436;font-size:14px;display:inline-block}.kl-m-crumb .kl-m-crumb_item{display:inline-block;color:#333}.kl-m-crumb .kl-m-crumb_item .crumb_separator{display:inline-block;margin:0 10px;font-size:12px}.kl-m-crumb .kl-m-crumb_item .crumb_ct{display:inline-block;font-size:12px}.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:hover,.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:link,.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:visited{text-decoration:none;color:#333}.kl-m-crumb .kl-m-crumb_item .crumb_ct .crumb_link:hover{color:#49a9ee}.kl-m-crumb .kl-m-crumb_item .crumb_ct:hover{cursor:pointer}.kl-m-crumb .kl-m-crumb_item:last-child .crumb_ct{font-weight:700}.kl-m-crumb .kl-m-crumb_item:last-child .crumb_ct:hover{cursor:inherit}.m-menu{height:100%;overflow-y:auto;background:#fff;border-right:1px solid #e1e6ed;list-style:none;margin:0;padding:0;color:#333}.m-menu .head_title a,.m-menu .menuItems a,.m-menu a.m-subMenu{color:#333}.m-menuItem{display:block;position:relative;padding:8px 0 8px 54px;line-height:1em;transition:all .3s ease-in}.m-menuItem:hover{text-decoration:underline;font-weight:700}.m-menuItem.active{color:#d9244e;font-weight:700}.m-menuItem.active a{color:#d9244e}.m-menuItem.active:before{position:absolute;width:2px;height:10px;background:#d9244e;content:"";top:8px;left:48px}.m-menuItem:first-child{padding-top:0}.m-menuItem:first-child:before{top:0}.m-menuItem:last-child{margin-bottom:5px}.m-subMenu{position:relative;display:block;border-bottom:1px solid #dfeaf3;cursor:pointer}.m-subMenu .head{position:relative;display:flex;align-items:center;padding:15px 0 15px 47px;font-size:14px;transition:all .4s ease}.m-subMenu .head:hover .head_title,.m-subMenu .head:hover a{text-decoration:underline;font-weight:700}.m-subMenu .head .head_arrow{position:absolute;right:10px;font-size:14px;transition:all .4s ease;transform:rotate(0)}.m-subMenu .head .head_arrow.isOpen{transform:rotate(90deg)}.m-subMenu .head .head_icon{position:absolute;left:20px;color:#333;font-size:16px}.m-subMenu .menuItems{position:relative;list-style:none;margin:0;padding:0;font-size:12px}.m-subMenu.active{background:#f6f9fc}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.m-pager{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center;justify-content:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;font-size:12px}.m-pager .m-right-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.m-pager .page_item{display:inline-block;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:6px;padding:0 8px;height:24px;line-height:22px;color:#444;background:#fff;text-decoration:none;text-align:center;min-width:24px;border:1px solid #ddd;-moz-border-radius:2px;border-radius:2px}.m-pager .page_item:hover{cursor:pointer;border:1px solid #bbb}.m-pager .z-crt{background:#e31436;color:#fff;border-color:#e31436}.m-pager .z-crt:hover{border-color:#e31436}.m-pager .page_size{display:inline-block;font-size:12px;margin-right:8px}.m-pager .page_size .u-select{display:inline-block;min-width:75px}.m-pager .page_size .u-select .dropdown_hd .u-icon{position:static}.m-pager .page_total{display:inline-block;vertical-align:top;line-height:24px}.m-pager .page_prev{width:24px;padding:initial}.m-pager .page_prev .u-icon{line-height:22px}.m-pager .pager_next .u-icon{line-height:22px}.m-pager .page_goto{display:inline-block;margin-left:20px}.m-pager .page_goto .u-input{display:inline-block;width:40px;margin:0 7px 0 10px}.m-pager .page_confirm{display:inline-block;vertical-align:top;margin-left:27px}.m-pager.z-dis>li>a{cursor:not-allowed}.m-pager-left{text-align:left}.m-pager-right{text-align:right}.m-pager.z-dis>li>a{background:#fff;color:#999;border-color:#ddd}.pager_goto .u-input{display:inline-block}.m-sidebar{position:absolute;bottom:0;left:0;transform:translateX(-100%);overflow:visible;background:#fff;border-right:1px solid #e1e6ed;transition:transform .3s;z-index:2}.m-sidebar.active{transform:translateX(0)}.m-sidebar .sidebar_menus{height:100%;overflow:auto}.m-sidebar .sidebar_slideBtn{display:flex;position:absolute;top:50%;width:10px;height:50px;font-size:10px;margin-top:-60px;align-items:center;background:#c2c9d0;color:#fff;cursor:pointer}.m-steps{list-style:none}.m-steps .stepsItem{float:left;position:relative}.m-steps .stepsItem .stepsLine{position:absolute;box-sizing:border-box;width:100%;font-size:0;line-height:1.5;top:9px}.m-steps .stepsItem .stepsLine i{display:inline-block;vertical-align:top;background:#eef1f4;border-radius:1px;width:100%;position:relative;height:7px}.m-steps .stepsItem .stepsLine i:before{position:absolute;content:"";top:0;width:0;background:#eef1f4;height:100%;opacity:0}.m-steps .step{display:inline-block;position:relative}.m-steps .itemHead{text-align:center}.m-steps .itemHead .icon{display:inline-block;background-color:#fff;position:relative;border-radius:100%}.m-steps .itemHead .icon .stepIcon{display:inline-block;border:1px solid #eef1f4;width:22px;height:22px;line-height:22px;text-align:center;border-radius:22px;font-size:14px;color:#666}.m-steps .itemMain{margin-top:10px;color:#333;position:relative;left:50%;transform:translateX(-50%);max-width:160px;width:160px}.m-steps .itemMain .mainTitle{margin-bottom:4px;text-align:center;color:#333}.m-steps .itemMain .mainDescription{max-width:160px;width:160px;font-size:12px;color:#a4a4a4}.m-steps .finishedItem .stepsLine i{background:#80bcf4}.m-steps .finishedItem .stepsLine i:after{background:#80bcf4}.m-steps .finishedItem .itemHead .stepIcon{border:1px solid #80bcf4;color:#fff;background:#80bcf4}.m-steps .finishedItem .itemMain .mainTitle{color:#54a8f7}.m-steps .currentStep .itemHead .icon .stepIcon{border:1px solid #80bcf4;color:#80bcf4}.m-steps .currentStep .itemMain .mainTitle{color:#54a8f7}.m-steps .currentStep .itemMain .mainDescription{color:#54a8f7}.m-steps-sm .stepsItem .stepsLine{top:8px}.m-steps-sm .stepsItem .stepsLine i{height:5px}.m-steps-sm .itemHead .icon .stepIcon{width:18px;height:18px;line-height:18px;border-radius:18px;font-size:12px}.m-steps-sm .itemMain{margin-top:5px}.m-steps-sm .itemMain .mainTitle{margin-bottom:2px;font-size:12px}.m-steps-sm .itemMain .mainDescription{font-size:12px}.m-tabs .tabs-scroll{position:relative;overflow:hidden}.m-tabs .tabs-scroll.scrollable{padding:0 15px}.m-tabs .tabs-scroll .nav-next,.m-tabs .tabs-scroll .nav-prev{position:absolute;cursor:pointer;line-height:32px;font-size:12px}.m-tabs .tabs-scroll .nav-next.disabled,.m-tabs .tabs-scroll .nav-prev.disabled{color:#ccc;cursor:not-allowed}.m-tabs .tabs-scroll .nav-prev{left:0}.m-tabs .tabs-scroll .nav-next{right:0}.m-tabs .nav-scroll{overflow:hidden}.m-tabs .tabs_hd{display:inline-block;transition:transform .3s;white-space:nowrap}.m-tabs .tabs_hd>li{position:relative;display:inline-block;cursor:pointer}.m-tabs .tabs_hd>li.z-dis{cursor:not-allowed}.m-tabs .tabs_hd>li.arrow-left,.m-tabs .tabs_hd>li.arrow-right{width:20px}.m-tabs .tabs_bd{clear:both}.m-tabs.z-dis .tabs_hd>li{cursor:not-allowed}.m-tabs.z-dis .tabs_hd>li.z-crt{cursor:default}.m-tabs{-moz-border-radius:3px;border-radius:3px}.m-tabs .tabs_hd>li{padding:0 15px;height:40px;line-height:40px;color:#444;border:1px solid transparent;margin-bottom:-1px;background:#fff;border:1px solid #deeaf2;border-radius:2px 2px 0 0;height:31px;line-height:32px;min-width:104px;text-align:center;font-size:12px;border-bottom:none;box-sizing:border-box}.m-tabs .tabs_hd>li+li{margin-left:2px}.m-tabs .tabs_hd>li:focus,.m-tabs .tabs_hd>li:hover{color:#777}.m-tabs .tabs_hd>li.z-crt{border-top:3px solid #d9244e;height:32px;line-height:28px}.m-tabs .tabs_hd>li.z-dis{color:#999;background:0 0;border-color:transparent}.m-tabs .tabs_bd{background:#fff;border-top:1px solid #deeaf2;padding:20px 0}.m-tabs-center .tabs_hd{position:relative;float:left;left:50%}.m-tabs-center .tabs_hd>li{position:relative;left:-50%}.m-tabs-left{position:relative}.m-tabs-left .tabs_hd{position:absolute;left:0;width:120px;margin-left:0}.m-tabs-left .tabs_hd>li{float:none;border:1px solid transparent;border-right-width:0;margin-bottom:0}.m-tabs-left .tabs_hd>li+li{margin-left:0;margin-top:2px}.m-tabs-left .tabs_hd>li.z-crt{border-left:3px solid #d9244e;height:29px;line-height:26px;border-top:1px solid #deeaf2;border-bottom:1px solid #deeaf2}.m-tabs-left .tabs_bd{margin-left:120px;min-height:200px}.m-tabs-right{position:relative}.m-tabs-right .tabs_hd{position:absolute;right:0;width:120px;margin-left:0}.m-tabs-right .tabs_hd>li{float:none;border:1px solid transparent;border-left-width:0;margin-bottom:0}.m-tabs-right .tabs_hd>li+li{margin-left:0;margin-top:2px}.m-tabs-right .tabs_hd>li.z-crt{border-right:3px solid #d9244e;height:28px;line-height:26px;border-top:1px solid #deeaf2;border-bottom:1px solid #deeaf2}.m-tabs-right .tabs_bd{margin-right:120px;min-height:200px}.u-message{display:flex;align-items:center;padding:6px 15px;background:#fff;color:#777;border:1px solid #ddd;box-shadow:0 2px 3px 0 rgba(0,0,0,.1);-moz-border-radius:4px;border-radius:4px}.u-message:after,.u-message:before{display:table;content:"";line-height:0}.u-message:after{clear:both}.u-message .message_ct{display:inline-block;max-width:90%}.u-message .message_icon{font-size:23px;vertical-align:middle;margin-top:-2px;margin-right:10px;line-height:1}.u-message-info{color:#fff;background:#80bcf4;border:1px solid #80bcf4}.u-message-info .message_icon{color:#fff}.u-message-success{color:#fff;background:#89d280;border:1px solid #89d280}.u-message-success .message_icon{color:#fff}.u-message-warning{color:#fff;background:#f9bf65;border:1px solid #f9bf65}.u-message-warning .message_icon{color:#fff}.u-message-error{color:#fff;background:#f37373;border:1px solid #f37373}.u-message-error .message_icon{color:#fff}.m-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:cross-slide-y pinch-zoom double-tap-zoom;text-align:center;overflow:hidden;background:rgba(0,0,0,.6)}.m-modal:after{content:"";display:inline-block;vertical-align:middle;height:100%}.m-modal .modal_dialog{display:inline-block;vertical-align:middle;text-align:left;width:400px;background:#fff;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.125);box-shadow:0 2px 3px rgba(0,0,0,.125);border-radius:4px;max-width:1050px}.m-modal .modal_hd{margin:0 15px;padding:10px 0;border-bottom:1px solid #eee}.m-modal .modal_title{margin:0;font-size:12px;color:#333}.m-modal .modal_close{float:right;margin:2px 0;color:#666;font-size:12px}.m-modal .modal_close .u-icon{color:#666}.m-modal .modal_close:hover .u-icon{color:#888}.m-modal .modal_hd.z-draggable{cursor:move;cursor:-webkit-grab}.m-modal .z-drag .modal_hd.z-draggable{cursor:move;cursor:-webkit-grabbing}.m-modal .modal_bd{padding:20px 15px 17px 15px;min-height:10px;max-height:491px;overflow:auto;font-size:12px}.m-modal .modal_ft{padding:15px 15px 30px 15px;text-align:center;border-top:1px solid #fff;font-size:0}.m-modal .modal_ft .u-btn{margin:0 8px}@media (max-width:767px){.m-modal .modal_dialog{margin:10px}}html.z-modal,html.z-modal body{overflow:hidden}.m-notify{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:1040;top:10px;left:10px;min-width:260px;max-width:350px;font-size:12px}.m-notify .u-message{margin-bottom:10px;padding:16px 35px 16px 20px}.m-notify .u-message:hover .message_close{display:block}.m-notify .u-message .message_close{display:none;position:absolute;right:16px;margin-top:2px;font-size:12px;color:#fff}.m-notify-bottomright,.m-notify-topright{left:auto;right:10px}.m-notify-bottomcenter,.m-notify-topcenter{left:50%;margin-left:-130px}.m-notify-bottomcenter,.m-notify-bottomleft,.m-notify-bottomright{top:auto;bottom:10px}@media (max-width:767px){.m-notify{left:10px;right:10px;width:auto;margin:0}}.m-notify-static{position:static;width:auto}.m-popconfirm,.u-popover,.u-tooltip{position:absolute;z-index:2000;font-size:12px;line-height:1.5}.m-popconfirm .arrow,.m-popconfirm .arrow:after,.u-popover .arrow,.u-popover .arrow:after,.u-tooltip .arrow,.u-tooltip .arrow:after{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.m-popconfirm .inner{padding:8px 16px;background:#fff;background-clip:padding-box;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2)}.m-popconfirm .inner .body{padding:8px 0 16px;font-size:12px;color:#666}.m-popconfirm .inner .foot{text-align:right;margin-bottom:8px}.m-popconfirm .inner .foot .u-btn{border-radius:2px}.m-popconfirm .inner .foot .u-btn-primary{margin-left:5px}.m-popconfirm .arrow:after{content:"";border-width:4px}.m-popconfirm.top,.m-popconfirm.topLeft,.m-popconfirm.topRight{padding:0 0 4px 0}.m-popconfirm.top .arrow,.m-popconfirm.topLeft .arrow,.m-popconfirm.topRight .arrow{bottom:-1px;border-bottom-width:0;border-top-color:rgba(217,217,217,.7)}.m-popconfirm.top .arrow:after,.m-popconfirm.topLeft .arrow:after,.m-popconfirm.topRight .arrow:after{bottom:1px;margin-left:-4px;border-bottom-width:0;border-top-color:#fff}.m-popconfirm.left,.m-popconfirm.leftBottom,.m-popconfirm.leftTop{padding:0 4px 0 0}.m-popconfirm.left .arrow,.m-popconfirm.leftBottom .arrow,.m-popconfirm.leftTop .arrow{right:-1px;border-right-width:0;border-left-color:rgba(217,217,217,.7)}.m-popconfirm.left .arrow:after,.m-popconfirm.leftBottom .arrow:after,.m-popconfirm.leftTop .arrow:after{right:1px;bottom:-4px;border-right-width:0;border-left-color:#fff}.m-popconfirm.bottom,.m-popconfirm.bottomLeft,.m-popconfirm.bottomRight{padding:4px 0 0 0}.m-popconfirm.bottom .arrow,.m-popconfirm.bottomLeft .arrow,.m-popconfirm.bottomRight .arrow{top:-1px;border-top-width:0;border-bottom-color:rgba(217,217,217,.7)}.m-popconfirm.bottom .arrow:after,.m-popconfirm.bottomLeft .arrow:after,.m-popconfirm.bottomRight .arrow:after{top:1px;margin-left:-4px;border-top-width:0;border-bottom-color:#fff}.m-popconfirm.right,.m-popconfirm.rightBottom,.m-popconfirm.rightTop{padding:0 0 0 4px}.m-popconfirm.right .arrow,.m-popconfirm.rightBottom .arrow,.m-popconfirm.rightTop .arrow{left:-1px;border-left-width:0;border-right-color:rgba(217,217,217,.7)}.m-popconfirm.right .arrow:after,.m-popconfirm.rightBottom .arrow:after,.m-popconfirm.rightTop .arrow:after{left:1px;bottom:-4px;border-left-width:0;border-right-color:#fff}.m-popconfirm.topLeft .arrow{left:16px}.m-popconfirm.top .arrow{left:50%;margin-left:-5px}.m-popconfirm.topRight .arrow{right:16px}.m-popconfirm.leftTop .arrow{top:8px}.m-popconfirm.left .arrow{top:50%;margin-top:-5px}.m-popconfirm.leftBottom .arrow{bottom:8px}.m-popconfirm.bottomLeft .arrow{left:16px}.m-popconfirm.bottom .arrow{left:50%;margin-left:-5px}.m-popconfirm.bottomRight .arrow{right:16px}.m-popconfirm.rightTop .arrow{top:8px}.m-popconfirm.right .arrow{top:50%;margin-top:-5px}.m-popconfirm.rightBottom .arrow{bottom:8px}.u-badge{display:inline;font-weight:700;text-align:center}a.u-badge{text-decoration:none}.u-badge.u-badge-number{-moz-border-radius:1000px;border-radius:1000px}.u-badge{padding:.2em .6em .3em;font-size:11px;line-height:1;background:#aaa;color:#fff;-moz-border-radius:.25em;border-radius:.25em}.u-badge-primary{background:#e31436}.u-badge-info{background:#54a8f7}.u-badge-success{background:#6ebc40}.u-badge-warning{background:#ffb539}.u-badge-error{background:#f48080}.u-icon{line-height:inherit;width:1em;text-align:center}.u-icon-error-circle:before{content:"\f057"}.u-icon-success-circle:before{content:"\f058"}.u-icon-warning-circle:before{content:"\f06a"}.u-icon-quote:before{content:"\f10d"}.u-iconstack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.u-iconstack>.u-icon{position:absolute;left:0;width:100%;text-align:center}.m-image-preview{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:1500}.m-image-preview ul{padding:0}.m-image-preview .m-panel-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:100%;box-shadow:0 0 10px 0 rgba(0,0,0,.5)}.m-image-preview .m-panel-wrapper .m-panel-close,.m-image-preview .m-panel-wrapper .u-next-btn,.m-image-preview .m-panel-wrapper .u-pre-btn{cursor:pointer}.m-image-preview .m-panel-wrapper .m-panel-close{position:absolute;right:26px;top:26px;width:26px;height:26px;background:#fff;box-shadow:0 0 1px 0;border-radius:100px;z-index:5}.m-image-preview .m-panel-wrapper .m-panel-close:after,.m-image-preview .m-panel-wrapper .m-panel-close:before{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;border-radius:100px;background:#000;margin-left:-7px;margin-top:-1px}.m-image-preview .m-panel-wrapper .m-panel-close:before{transform:rotate(45deg)}.m-image-preview .m-panel-wrapper .m-panel-close:after{transform:rotate(-45deg)}.m-image-preview .m-panel-wrapper .m-full-panel,.m-image-preview .m-panel-wrapper .m-thumbnail-panel{position:absolute;top:0;height:100%}.m-image-preview .m-panel-wrapper .m-full-panel{left:0;width:70%}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn{position:absolute;width:55px;height:55px;top:45.454545%;border-radius:100px;background:rgba(0,0,0,.6);z-index:5}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn:before{content:"";display:inline-block;height:100%;vertical-align:middle;background:#fff}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon{display:inline-block;width:100%;height:3px;vertical-align:middle;text-align:center}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:after,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:before,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:after,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:before{content:"";position:absolute;width:22px;height:3px;border-radius:100px;background-color:#fff}.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn{left:50px}.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:after,.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:before{transform-origin:0}.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:before{transform:translate(-40%,-.5px) rotate(45deg)}.m-image-preview .m-panel-wrapper .m-full-panel .u-pre-btn .u-icon:after{transform:translate(-40%,.5px) rotate(-45deg)}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn{right:50px}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:after,.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:before{transform-origin:100%}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:before{transform:translate(-60%,.5px) rotate(45deg)}.m-image-preview .m-panel-wrapper .m-full-panel .u-next-btn .u-icon:after{transform:translate(-60%,-.5px) rotate(-45deg)}.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list{position:relative;width:52.290316%;height:75.757576%;margin:7.575758% auto 3.787879%;overflow:hidden}.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list .m-image-item{position:absolute;width:100%;height:100%;text-align:center;transition:opacity .3s}.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list .m-image-item img{max-width:100%;max-height:100%;vertical-align:middle;transition:transform .3s}.m-image-preview .m-panel-wrapper .m-full-panel .m-image-list .m-image-item:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group{position:relative;width:350px;height:50px;margin:0 auto;background:rgba(0,0,0,.6);text-align:center;z-index:5}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item{position:relative;display:inline-block;width:30px;height:28px;line-height:28px;margin-left:20px;vertical-align:middle;text-align:center;color:#fff;font-size:18px;cursor:pointer}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item .u-download{color:#fff}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item .u-scale{position:absolute;font-style:normal;font-size:14px;right:-45px;text-align:center}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item:first-child{margin-left:0}.m-image-preview .m-panel-wrapper .m-full-panel .m-btn-group .m-btn-item:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-image-preview .m-panel-wrapper .m-thumbnail-panel{right:0;width:30%;background:rgba(0,0,0,.6)}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .u-image-name{margin:0 auto;margin-top:12.121212%;height:25px;width:90%;font-size:16px;color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list{margin:15px auto;height:80%;width:370px;padding:10px;box-sizing:border-box}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item{position:relative;display:inline-block;width:80px;height:80px;margin-left:10px;margin-bottom:10px;vertical-align:top;text-align:center;background:#fff;cursor:pointer}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item:nth-child(4n+1){margin-left:0}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current{width:86px;height:86px;margin-left:7px;margin-right:-3px;margin-top:-3px;margin-bottom:-3px}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current:nth-child(4n+1){width:86px;height:86px;margin-right:-3px;margin-left:-3px}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current:nth-child(4n){width:86px;height:86px;margin-left:7px;margin-right:-3px}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item.current:after{display:none}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item img{max-width:100%;max-height:100%;vertical-align:middle}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-image-preview .m-panel-wrapper .m-thumbnail-panel .m-image-list .m-image-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4)}.m-image-preview .m-panel-wrapper .m-virtual-zone{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;overflow:hidden;z-index:1;transition:opacity .3s}.m-image-preview .m-panel-wrapper .m-virtual-zone .m-image-wrapper{position:relative;width:52.290316%;height:75.757576%;margin:7.575758% auto 3.787879%;text-align:center;cursor:-webkit-grab;transition:all .3s ease-in-out}.m-image-preview .m-panel-wrapper .m-virtual-zone .m-image-wrapper:before{content:"";display:inline-block;height:100%;vertical-align:middle}.m-image-preview .m-panel-wrapper .m-virtual-zone .m-image-wrapper img{max-width:100%;max-height:100%;vertical-align:middle}.u-loading{position:fixed;display:block;text-align:center;font-size:26px;line-height:1;z-index:1050;top:0;bottom:0;left:0;right:0}.u-loading>*{position:relative;top:50%}.u-loading .loading-circular{width:42px;height:42px;animation:loading-rotate 2s linear infinite}.u-loading .loading-circular .loading-path{stroke-dasharray:1,200;stroke-dashoffset:0;stroke:#e31436;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.u-loading-fixed{color:#fff}.u-loading-fixed:before{content:" ";position:absolute;top:0;bottom:0;left:0;right:0;-webkit-overflow-scrolling:touch;touch-action:cross-slide-y pinch-zoom double-tap-zoom;background:rgba(0,0,0,.3)}.u-loading-static{position:static;display:inline-block;font-size:inherit}.u-loading-static>*{position:static}.u-loading-static:before{content:" "}.u-progress{overflow:hidden}.u-progress .progress_bar{width:0;height:100%;float:left;text-align:center}.u-progress{height:20px;line-height:20px;background:#fff}.u-progress .progress_bar{background:#e31436;font-size:12px;color:#fff;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;transition:width .6s ease}.u-progress-xs{height:3px;line-height:3px;text-indent:-2000px}.u-progress-sm{height:8px;line-height:8px;text-indent:-2000px}.u-progress-lg{height:28px;line-height:28px}.u-progress-xl{height:40px;line-height:40px}.u-progress-info .progress_bar{background-color:#54a8f7}.u-progress-success .progress_bar{background-color:#6ebc40}.u-progress-warning .progress_bar{background-color:#ffb539}.u-progress-error .progress_bar{background-color:#f48080}.u-progress-striped .progress_bar{background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.u-progress-striped.z-act .progress_bar{-webkit-animation:u-progress-striped 2s linear infinite;-moz-animation:u-progress-striped 2s linear infinite;animation:u-progress-striped 2s linear infinite}@-webkit-keyframes u-progress-striped{0%{background-position:0 0}100%{background-position:40px 0}}@-moz-keyframes u-progress-striped{0%{background-position:0 0}100%{background-position:40px 0}}@-o-keyframes u-progress-striped{0%{background-position:0 0}100%{background-position:40px 0}}@keyframes u-progress-striped{0%{background-position:0 0}100%{background-position:40px 0}}.u-popover,.u-tooltip{position:absolute;z-index:2000;font-size:12px;line-height:1.5}.u-popover .arrow,.u-popover .arrow:after,.u-tooltip .arrow,.u-tooltip .arrow:after{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.u-tooltip .inner{max-width:250px;padding:8px 10px;margin:0;color:#fff;text-align:left;text-decoration:none;background-color:rgba(64,64,64,.85);border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2)}.u-tooltip.top,.u-tooltip.topLeft,.u-tooltip.topRight{padding:5px 0 8px 0}.u-tooltip.top .arrow,.u-tooltip.topLeft .arrow,.u-tooltip.topRight .arrow{bottom:3px;border-width:5px 5px 0;border-top-color:rgba(64,64,64,.85)}.u-tooltip.left,.u-tooltip.leftBottom,.u-tooltip.leftTop{padding:0 8px 0 5px}.u-tooltip.left .arrow,.u-tooltip.leftBottom .arrow,.u-tooltip.leftTop .arrow{right:3px;border-width:5px 0 5px 5px;border-left-color:rgba(64,64,64,.85)}.u-tooltip.bottom,.u-tooltip.bottomLeft,.u-tooltip.bottomRight{padding:8px 0 5px 0}.u-tooltip.bottom .arrow,.u-tooltip.bottomLeft .arrow,.u-tooltip.bottomRight .arrow{top:3px;border-width:0 5px 5px;border-bottom-color:rgba(64,64,64,.85)}.u-tooltip.right,.u-tooltip.rightBottom,.u-tooltip.rightTop{padding:0 5px 0 8px}.u-tooltip.right .arrow,.u-tooltip.rightBottom .arrow,.u-tooltip.rightTop .arrow{left:3px;border-width:5px 5px 5px 0;border-right-color:rgba(64,64,64,.85)}.u-tooltip.topLeft .arrow{left:16px}.u-tooltip.top .arrow{left:50%;margin-left:-5px}.u-tooltip.topRight .arrow{right:16px}.u-tooltip.leftTop .arrow{top:8px}.u-tooltip.left .arrow{top:50%;margin-top:-5px}.u-tooltip.leftBottom .arrow{bottom:8px}.u-tooltip.bottomLeft .arrow{left:16px}.u-tooltip.bottom .arrow{left:50%;margin-left:-5px}.u-tooltip.bottomRight .arrow{right:16px}.u-tooltip.rightTop .arrow{top:8px}.u-tooltip.right .arrow{top:50%;margin-top:-5px}.u-tooltip.rightBottom .arrow{bottom:8px} diff --git a/doc/v0.6/css/page.css b/doc/v0.6/css/page.css new file mode 100644 index 00000000..eb40f5d1 --- /dev/null +++ b/doc/v0.6/css/page.css @@ -0,0 +1,1207 @@ +.gutter pre { + color: #999; +} +pre { + color: #525252; +} +pre .function .keyword, +pre .constant { + color: #0092db; +} +pre .keyword, +pre .attribute { + color: #e96900; +} +pre .number, +pre .literal { + color: #ae81ff; +} +pre .tag, +pre .tag .title, +pre .change, +pre .winutils, +pre .flow, +pre .lisp .title, +pre .clojure .built_in, +pre .nginx .title, +pre .tex .special { + color: #2973b7; +} +pre .class .title { + color: #fff; +} +pre .symbol, +pre .symbol .string, +pre .value, +pre .regexp { + color: #31995e; +} +pre .title { + color: #a6e22e; +} +pre .tag .value, +pre .string, +pre .subst, +pre .haskell .type, +pre .preprocessor, +pre .ruby .class .parent, +pre .built_in, +pre .sql .aggregate, +pre .django .template_tag, +pre .django .variable, +pre .smalltalk .class, +pre .javadoc, +pre .django .filter .argument, +pre .smalltalk .localvars, +pre .smalltalk .array, +pre .attr_selector, +pre .pseudo, +pre .addition, +pre .stream, +pre .envvar, +pre .apache .tag, +pre .apache .cbracket, +pre .tex .command, +pre .prompt { + color: #31995e; +} +pre .comment, +pre .java .annotation, +pre .python .decorator, +pre .template_comment, +pre .pi, +pre .doctype, +pre .deletion, +pre .shebang, +pre .apache .sqbracket, +pre .tex .formula { + color: #b3b3b3; +} +pre .coffeescript .javascript, +pre .javascript .xml, +pre .tex .formula, +pre .xml .javascript, +pre .xml .vbscript, +pre .xml .css, +pre .xml .cdata { + opacity: 0.5; +} +body { + font-family: 'PingFangTC-Regular', 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'STHeitiSC-Light', 'Microsoft YaHei', Arial, sans-serif; + font-size: 15px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + color: #34495e; + background-color: #fff; + margin: 0; +} +body.docs { + padding-top: 61px; +} +@media screen and (max-width: 900px) { + body.docs { + padding-top: 0; + } +} +a { + text-decoration: none; + color: #34495e; +} +a:hover { + text-decoration: none; +} +img { + border: none; +} +h1, +h2, +h3, +h4, +strong { + font-weight: 600; + color: #2c3e50; +} +code, +pre { + font-family: 'Roboto Mono', Monaco, courier, monospace; + font-size: 0.8em; + background-color: #f8f8f8; + -webkit-font-smoothing: initial; + -moz-osx-font-smoothing: initial; +} +code { + color: #e96900; + padding: 3px 5px; + margin: 0 2px; + border-radius: 2px; + white-space: nowrap; + background-color: rgba(255,255,255,0); +} +em { + color: #7f8c8d; +} +p { + word-spacing: 0.05em; +} +a.button { + padding: 0.75em 2em; + display: inline-block; + color: #fff; + background-color: #31995e; + transition: all 0.15s ease; + box-sizing: border-box; + border: 1px solid #31995e; +} +a.button.white { + background-color: #fff; + color: #31995e; +} +.highlight { + overflow-x: auto; + position: relative; + padding: 0; + background-color: #f8f8f8; + padding: 0.8em 0.8em 0.4em; + line-height: 1.1em; + border-radius: 2px; +} +.highlight table, +.highlight tr, +.highlight td { + width: 100%; + border-collapse: collapse; + padding: 0; + margin: 0; +} +.highlight .gutter { + width: 1.5em; +} +.highlight .code pre { + padding: 1.2em 1.4em; + line-height: 1.5em; + margin: 0; +} +.highlight .code .line { + min-height: 1.5em; +} +.highlight.html .code:after, +.highlight.js .code:after, +.highlight.bash .code:after, +.highlight.css .code:after { + position: absolute; + top: 0; + right: 0; + color: #ccc; + text-align: right; + font-size: 0.75em; + padding: 5px 10px 0; + line-height: 15px; + height: 15px; + font-weight: 600; +} +.highlight.html .code:after { + content: 'HTML'; +} +.highlight.js .code:after { + content: 'JS'; +} +.highlight.bash .code:after { + content: 'Shell'; +} +.highlight.css .code:after { + content: 'CSS'; +} +#main { + position: relative; + padding: 0 60px 30px; + overflow-x: hidden; +} +#nav .nav-link { + cursor: pointer; +} +#nav .nav-dropdown-container .nav-link:hover { + border-bottom: none; +} +#nav .nav-dropdown-container:hover .nav-dropdown { + display: block; +} +#nav .nav-dropdown-container.language { + margin-left: 20px; +} +#nav .nav-dropdown-container .arrow { + pointer-events: none; +} +#nav .nav-dropdown { + display: none; + box-sizing: border-box; + max-height: calc(100vh - 61px); + overflow-y: auto; + position: absolute; + top: 100%; + right: -15px; + background-color: #fff; + padding: 10px 0; + border: 1px solid #ddd; + border-bottom-color: #ccc; + text-align: left; + border-radius: 4px; + white-space: nowrap; +} +#nav .nav-dropdown li { + line-height: 1.8em; + margin: 0; + display: block; +} +#nav .nav-dropdown li > ul { + padding-left: 0; +} +#nav .nav-dropdown li:first-child h4 { + margin-top: 0; + padding-top: 0; + border-top: 0; +} +#nav .nav-dropdown a, +#nav .nav-dropdown h4 { + padding: 0 24px 0 20px; +} +#nav .nav-dropdown h4 { + margin: 0.45em 0 0; + padding-top: 0.45em; + border-top: 1px solid #eee; +} +#nav .nav-dropdown a { + color: #3a5169; + font-size: 0.9em; + display: block; +} +#nav .nav-dropdown a:hover { + color: #e31436; +} +#nav .arrow { + display: inline-block; + vertical-align: middle; + margin-top: -1px; + margin-left: 6px; + margin-right: -14px; + width: 0; + height: 0; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 5px solid #ccc; +} +#header { + box-sizing: border-box; + height: 80px; + padding: 26px 40px; + z-index: 2; +} +#header #nav { + display: flex; + align-items: center; + top: 0; + right: 25px; + height: 80px; +} +#header #nav .nav-dropdown-container .nav-link { + margin-right: 0; +} +#header .nav-link { + font-size: 14px; + margin-right: 30px; + color: #999; +} +#header .nav-link:hover, +#header .nav-link.current { + padding-bottom: 10px; +} +#header .nav-link.current { + color: #666; +} +#homepage .header { + position: fixed; + top: 0; + width: 100%; + height: 80px; + padding: 26px 40px; + transition: backgroundColor 0.8s ease-out; +} +#homepage .header-1 { + background-color: rgba(0,0,0,0.28); +} +#homepage .header-1 .nav-link { + color: #72a0d7; +} +#homepage .header-2 { + background-color: rgba(255,255,255,0.9); + border: 1px solid #f0f0f0; +} +#homepage .header-2 .nav-link { + color: #999; +} +#homepage .header-2 .nav-link.current { + color: #666; +} +#homepage .header-3 { + background-color: rgba(0,0,0,0.32); +} +#homepage .header-3 .nav-link { + color: #72a0d7; +} +#homepage .header-4 { + background-color: rgba(0,0,0,0.32); +} +#homepage .header-4 .nav-link { + color: #72a0d7; +} +#homepage .header .u-logo { + background-size: 89px 28px; +} +body.docs #header { + position: fixed; + width: 100%; + top: 0; + background-color: rgba(255,255,255,0.9); + border-color: #f0f0f0; +} +body.docs #nav { + position: fixed; +} +#nav { + list-style-type: none; + margin: 0; + padding: 0; + position: absolute; + right: 60px; + top: 10px; + height: 40px; + line-height: 40px; +} +#nav .break { + display: none; +} +#nav li { + display: inline-block; + position: relative; + margin: 0 0.6em; +} +#nav li a:hover { + color: #e31436; +} +.nav-link { + padding-bottom: 3px; +} +.nav-link:hover, +.nav-link.current { + color: #e31436; + border-bottom: 3px solid #e31436; +} +.search-query { + height: 36px; + line-height: 36px; + box-sizing: border-box; + padding: 0 15px; + border: 1px solid #eee; + color: #999; + outline: none; + margin-left: 50px; + vertical-align: middle !important; + border-radius: 2px; + background: rgba(255,255,255,0.1); +} +.search-query::placeholder { + color: #bbb; + font-size: 13px; +} +.header-1 .search-query, +.header-3 .search-query, +.header-4 .search-query { + border: none; +} +#logo { + display: inline-block; + line-height: 40px; + font-family: 'PingFangTC-Regular', 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; + font-weight: 500; + font-size: 18px; + color: #333; +} +#logo img { + vertical-align: middle; + margin-right: 6px; + width: 40px; + height: 40px; +} +.u-logo { + display: inline-block; + width: 89px; + height: 28px; +} +.u-logo-grey { + background: url("//haitao.nos.netease.com/94ab7af6-922f-490f-9854-64aa6aecdda5.png") no-repeat; +} +.u-logo-white { + background: url("//haitao.nos.netease.com/d1eb27aa-a64a-495d-bd56-aad944a1e423.png") no-repeat; +} +.u-logo-sm { + background-size: 89px 28px; +} +#mobile-bar { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 40px; + background-color: #fff; + z-index: 9; + display: none; + box-shadow: 0 0 2px rgba(0,0,0,0.25); +} +#mobile-bar .menu-button { + position: absolute; + width: 24px; + height: 24px; + top: 8px; + left: 12px; + background: url("../images/menu.png") center center no-repeat; + background-size: 24px; +} +#mobile-bar .logo { + position: absolute; + width: 30px; + height: 30px; + background: url("../images/logo.svg") center center no-repeat; + top: 5px; + left: 50%; + margin-left: -15px; + background-size: 30px; +} +.sidebar { + position: absolute; + z-index: 10; + top: 81px; + left: 0; + bottom: 0; + width: 260px; + margin-right: 20px; + overflow-x: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: none; + border-right: 1px #e3e8ed solid; +} +.sidebar h2 { + margin-top: 0.2em; +} +.sidebar ul { + list-style-type: none; + margin: 0; + line-height: 1.8em; +} +.sidebar .menu-root { + padding-left: 0; + margin-left: 0; +} +.sidebar .menu-root>li { + box-sizing: border-box; + border-bottom: 1px #e3e8ed solid; + background-color: #fff; +} +.sidebar .menu-root>li.current { + background-color: #f6f9fc; +} +.sidebar .menu-root .submenu-title { + font-weight: 700; + padding: 12px 0 11px 40px; + font-size: 14px; +} +.sidebar .menu-root .submenu-title .u-icon { + margin-left: -14px; + margin-right: 8px; + font-size: 14px; +} +.sidebar .menu-root .submenu>li { + margin-bottom: 15px; + font-size: 12px; +} +.sidebar .menu-root .submenu>li span { + color: #999; +} +.sidebar .version-select { + vertical-align: middle; + margin-left: 5px; +} +.sidebar .menu-sub { + font-size: 0.85em; +} +.sidebar .sidebar-link { + color: #7f8c8d; +} +.sidebar .sidebar-link.current { + font-weight: 600; + color: #e31436; +} +.sidebar .sidebar-link.new:after { + content: "NEW"; + display: inline-block; + font-size: 10px; + font-weight: 600; + color: #fff; + background-color: #2973b7; + line-height: 14px; + padding: 0 4px; + border-radius: 3px; + margin-left: 5px; + vertical-align: middle; + position: relative; + top: -1px; +} +.sidebar .sidebar-link.beta:after { + content: "BETA"; + display: inline-block; + font-size: 10px; + font-weight: 600; + color: #fff; + background-color: #f66; + line-height: 14px; + padding: 0 4px; + border-radius: 3px; + margin-left: 5px; + vertical-align: middle; + position: relative; + top: -1px; +} +.sidebar .sidebar-link:hover { + border-bottom: 2px solid #e31436; +} +.sidebar .section-link.active { + font-weight: bold; + color: #e31436; +} +.sidebar .main-menu { + margin-bottom: 20px; + display: none; + padding-left: 0; +} +.sidebar .main-sponsor { + color: #7f8c8d; + font-size: 0.85em; +} +.sidebar .main-sponsor a { + margin: 10px 0; +} +.sidebar .main-sponsor img, +.sidebar .main-sponsor a { + width: 125px; + display: inline-block; +} +.sidebar .become-backer { + border: 1px solid #e31436; + border-radius: 2em; + display: inline-block; + color: #e31436; + font-size: 0.8em; + width: 125px; + padding: 4px 0; + text-align: center; + margin-bottom: 20px; +} +.sidebar .nav-dropdown h4 { + font-weight: normal; + margin: 0; +} +@media screen and (min-width: 901px) { + .sidebar .menu-root a:before { + content: ''; + display: inline-block; + width: 2px; + height: 10px; + background-color: transparent; + } + .sidebar .menu-root a:hover { + color: #e31436; + } + .sidebar .menu-root a:hover span { + color: #e31436; + } + .sidebar .menu-root a:hover::before { + background-color: #e31436; + } + .sidebar .menu-root a.current { + color: #e31436; + } + .sidebar .menu-root a.current span { + color: #e31436; + } + .sidebar .menu-root a.current:before { + background-color: #e31436; + } +} +@media screen and (max-width: 900px) { + .sidebar { + position: fixed; + z-index: 8; + background-color: #f9f9f9; + height: 100%; + top: 0; + left: 0; + padding: 60px 30px 20px; + box-shadow: 0 0 10px rgba(0,0,0,0.2); + box-sizing: border-box; + transition: all 0.4s cubic-bezier(0.4, 0, 0, 1); + -webkit-transform: translate(-280px, 0); + transform: translate(-280px, 0); + } + .sidebar .search-query { + width: 200px; + margin-bottom: 10px; + } + .sidebar .main-menu { + display: block; + } + .sidebar.open { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + .sidebar .menu-root li, + .sidebar .menu-root li.current { + background-color: transparent; + border-bottom: 0; + margin-bottom: 20px; + } + .sidebar .menu-root .submenu-title { + padding: 0; + font-size: 16px; + } + .sidebar .menu-root .submenu-title .u-icon { + display: none; + } + .sidebar .menu-root a { + border-bottom: 2px transparent solid; + } + .sidebar .menu-root a:hover { + color: #e31436; + border-bottom-color: #e31436; + } + .sidebar .menu-root a:hover span { + color: #e31436; + } + .sidebar .menu-root .submenu { + margin-left: -40px; + } + .sidebar .menu-root .submenu>li { + margin-bottom: 0; + font-size: 14px; + } +} +#header { + border-bottom: 1px #e3e8ed solid; + transition: background-color 0.3s ease-in-out; +} +.content { + position: relative; + padding: 2.2em 0; + max-width: 1400px; + margin: 0 auto; + font-size: 12px; +} +.content.api > a:first-of-type > h2 { + margin-top: 0; + padding-top: 0; +} +.content a.button { + font-size: 0.9em; + color: #fff; + margin: 0.2em 0; + width: 180px; + text-align: center; + padding: 12px 24px; + display: inline-block; + vertical-align: middle; +} +.content img { + max-width: 100%; +} +.content span.light { + color: #7f8c8d; +} +.content span.info { + font-size: 0.85em; + display: inline-block; + vertical-align: middle; + width: 280px; + margin-left: 20px; +} +.content h1 { + margin: 0 0 1em; +} +.content > h1 { + font-size: 20px; + color: #333; + border-bottom: 1px solid #e1e6ec; + margin: 40px 0px; +} +.content h2:before, +.content h3:before { + content: ''; + display: block; + margin-top: -91px; + height: 91px; + visibility: hidden; +} +.content a>h2 { + z-index: -1; + font-size: 16px; + color: #333; + line-height: 22px; + height: 22px; + border-left: 3px solid #333; + border-bottom: none; + padding: 0px 8px; + margin: 23px 0px; +} +.content a>h2:before { + margin-top: 0px; + height: 0px; +} +.content h2 { + font-size: 16px; + color: #333; + padding: 0px 8px; + border-left: 3px solid #333; + height: 16px; + line-height: 16px; + z-index: -1; +} +.content h2:before { + margin-top: 0px; + height: 0px; +} +.content h2 span { + color: #ccc; + font-weight: normal; + padding: 0px 8px; +} +.content h3 { + position: relative; + z-index: -1; + font-size: 12px; + margin: 0px 22px; +} +.content h3:before { + height: 100px; +} +.content h3:after { + content: " "; + width: 6px; + height: 6px; + border-radius: 100%; + background: #0398ff; + position: absolute; + left: -0.9em; + bottom: 9px; +} +.content figure { + margin: 1.2em 0; +} +.content a { + color: #0398ff; + font-weight: 400; +} +.content blockquote { + margin: 2em 0; + padding-left: 20px; + border-left: 4px solid #e31436; +} +.content blockquote p { + font-weight: 600; + margin-left: 0; +} +.content iframe { + margin: 1em 0; +} +.content > table { + margin: 10px; + border: 2px solid $white; + width: 100%; +} +.content > table td, +.content > table th { + line-height: 1.6em; + padding: 0.5em 1.4em; + border: none; +} +.content > table tr:nth-child(2n-1) { + background: #fff; +} +.content > table tr:nth-child(2n) { + background: #f6f9fc; +} +.content > table td { + border-bottom: 1px solid #ecf2f9; +} +.content > table th { + background-color: #eef1f4; + border-bottom: 1px solid #ecf2f9; + color: #666; + text-align: left; +} +.content > p { + margin: 0px 22px; +} +.content > dl { + margin: 0px 22px; +} +.content p.tip { + padding: 12px 24px 12px 30px; + margin: 2em 0; + border-left: 4px solid #f66; + background-color: #f8f8f8; + position: relative; + border-bottom-right-radius: 2px; + border-top-right-radius: 2px; +} +.content p.tip:before { + position: absolute; + top: 14px; + left: -12px; + background-color: #f66; + color: #fff; + content: "!"; + width: 20px; + height: 20px; + border-radius: 100%; + text-align: center; + line-height: 20px; + font-weight: bold; + font-family: 'PingFangTC-Regular', 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; + font-size: 14px; +} +.content p.tip code { + background-color: #efefef; +} +.content p.tip em { + color: #34495e; +} +.content > .m-example { + padding: 0px 22px; +} +.guide-links { + margin-top: 2em; + border-top: 1px solid #e5e5e5; + display: flex; + font-size: 14px; +} +.guide-links .placeholder { + flex: 1; +} +.guide-links .pager { + margin: 2em 0; +} +.guide-links .pager span { + display: inline-block; + vertical-align: middle; +} +.guide-links .pager .icon { + width: 18px; + height: 18px; + border-radius: 50%; + border: 1px solid #ccc; + background-position: center center; + background-repeat: no-repeat; + background-size: 10px; +} +.guide-links .pager .icon-left { + background-image: url("../images/arrow-left.png"); + margin-right: 5px; +} +.guide-links .pager .icon-right { + background-image: url("../images/arrow-right.png"); + margin-left: 5px; +} +.footer { + color: #7f8c8d; + padding-top: 2em; + font-size: 0.9em; +} +#main.fix-sidebar .sidebar { + position: fixed; +} +@media screen and (min-width: 1590px) { + #header { + background-color: rgba(255,255,255,0.4); + } +} +@media screen and (min-width: 1500px) { + .content.with-sidebar { + margin-left: 270px; + } +} +@media screen and (max-width: 1500px) { + .content.with-sidebar { + margin-left: 250px; + } + #ad { + z-index: 7; + position: relative; + padding: 0; + bottom: 0; + right: 0; + float: right; + padding: 0 0 20px 30px; + } +} +@media screen and (max-width: 900px) { + body { + -webkit-text-size-adjust: none; + font-size: 14px; + } + #header { + display: none; + } + #logo { + display: none; + } + .nav-link { + padding-bottom: 1px; + } + .nav-link:hover, + .nav-link.current { + border-bottom: 2px solid #e31436; + } + #mobile-bar { + display: block; + } + #main { + padding: 2em 1.4em 0; + } + .highlight pre { + padding: 1.2em 1em; + } + .content.with-sidebar { + margin: auto; + } + .content h2:before, + .content h3:before { + content: ''; + display: block; + margin-top: -70px; + height: 70px; + visibility: hidden; + } + .footer { + margin-left: 0; + text-align: center; + } +} +@media screen and (max-width: 560px) { + #downloads { + text-align: center; + margin-bottom: 25px; + } + #downloads .info { + margin-top: 5px; + margin-left: 0; + } + iframe { + margin: 0 !important; + } +} +.grid-item { + transition: all 0.3s ease-in; + -ms-transition: all 0.3s ease-in; + -webkit-transition: all 0.3s ease-in; + -o-transition: all 0.3s ease-in; + -moz-transition: all 0.3s ease-in; + width: auto; + border: 1px solid #e1e6ec; + margin: 0px 0px 20px 22px; + border-radius: 4px; + padding: 16px 24px 0 24px; + font-family: PingFangTC-Regular; + font-size: 12px; + color: #666; + word-wrap: break-word; +} +.grid-item h3 { + margin: 0; +} +.grid-item em { + padding-bottom: 8px; + color: #333; + display: block; + font-size: 14px; + line-height: 17px; + font-weight: bold; +} +.grid-item ul { + padding: 0 0 0 15px; +} +.grid-item:hover { + box-shadow: 0 0 8px 0 rgba(232,237,250,0.6), 0 2px 4px 0 rgba(232,237,250,0.5); + -moz-box-shadow: 0 0 8px 0 rgba(232,237,250,0.6), 0 2px 4px 0 rgba(232,237,250,0.5); + -webkit-box-shadow: 0 0 8px 0 rgba(232,237,250,0.6), 0 2px 4px 0 rgba(232,237,250,0.5); +} +.grid-item:hover .m-iconOuter, +.grid-item:hover .m-iconTitle { + transform: translateX(-30px); + -ms-transform: translateX(-30px); + -webkit-transform: translateX(-30px); + -o-transform: translateX(-30px); + -moz-transform: translateX(-30px); +} +.grid-item:hover .m-iconOuter.revert { + transform: translateX(-30px) rotate(180deg); + -ms-transform: translateX(-30px) rotate(180deg); + -webkit-transform: translateX(-30px) rotate(180deg); + -o-transform: translateX(-30px) rotate(180deg); + -moz-transform: translateX(-30px) rotate(180deg); +} +.grid-item:hover .revertBtn { + display: inline-block; +} +.grid-item:hover .m-iconTitle { + opacity: 1; +} +.grid-item:hover .m-onlineRun { + opacity: 1; + transform: translateX(-10px); + -ms-transform: translateX(-10px); + -webkit-transform: translateX(-10px); + -o-transform: translateX(-10px); + -moz-transform: translateX(-10px); +} +.type-tag { + display: inline-block; + margin-left: 10px; + padding-left: 10px; + font-size: 10px; +} +.type-tag-event { + border-left: 1px solid #54a8f7; + color: #54a8f7; +} +.type-tag-static { + border-left: 1px solid #54a8f7; + color: #54a8f7; +} +.param-title { + color: #666 !important; +} +.m-example { + padding: 8px 0px 20px; +} +.m-code { + margin: 0px -24px; +} +.m-code .highlight { + background-color: #fff; +} +.m-code figure { + margin: 0px; + padding: 0em 0.8em; +} +.m-onlineRun { + border: none; + color: #0398ff; + height: 41px; +} +.m-onlineRun:hover { + color: #0398ff; +} +.m-copyCode { + margin-top: 24px; +} +.m-demowrap { + border-top: 1px solid #e1e6ec; +} +.m-demowrap .m-iconLine, +.m-demowrap .m-iconTitle, +.m-demowrap .m-onlineRun, +.m-demowrap .revertBtn, +.m-demowrap .m-iconOuter { + transition: all 0.3s ease-in; + -ms-transition: all 0.3s ease-in; + -webkit-transition: all 0.3s ease-in; + -o-transition: all 0.3s ease-in; + -moz-transition: all 0.3s ease-in; +} +.m-demowrap .m-iconLine { + position: relative; + text-align: center; + color: #b2bfcf; +} +.m-demowrap .m-iconLine .revert { + transform: rotate(180deg); + -ms-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + -o-transform: rotate(180deg); + -moz-transform: rotate(180deg); + color: #b2bfcf; +} +.m-demowrap .m-iconLine .m-iconBtn { + display: inline-block; +} +.m-demowrap .m-iconLine:hover .m-iconTitle { + color: #0398ff; +} +.m-demowrap .m-iconLine:hover .m-iconOuter { + color: #0398ff; +} +.m-demowrap .m-iconBtn { + width: 120px; +} +.m-demowrap .m-onlineRun { + display: inline-block; + opacity: 0; + position: absolute; + right: 0px; + top: 0px; +} +.m-demowrap .m-iconTitle { + cursor: pointer; + color: #b2bfcf; + height: 41px; + line-height: 41px; + display: inline-block; + opacity: 0; + width: 80px; + position: relative; + left: 10px; +} +.m-demowrap .m-operate-ctn { + position: absolute; + top: 0px; + right: 20px; + z-index: 1; +} +.m-demowrap .m-iconOuter { + position: relative; + left: 40px; + display: inline-block; + width: 17px; + height: 41px; + font-size: 14px; + line-height: 41px; + border-radius: 9px; + background-color: #fff; + cursor: pointer; +} +.m-demowrap .m-codeBlock { + border-bottom: 1px solid #e1e6ec; + overflow: hidden; + position: relative; +} +.m-demowrap .m-codeBlock .figure-outer { + margin-top: 10px; +} +.m-demowrap .m-codeBlock .figure-outer .highlight { + background-color: #fff; +} +.m-demowrap .m-codeBlock .figure-outer code, +.m-demowrap .m-codeBlock .figure-outer pre { + background-color: #fff; +} +.m-demowrap .wrap { + height: 0px; + border-bottom: none; +} diff --git a/doc/v0.6/css/search.css b/doc/v0.6/css/search.css new file mode 100644 index 00000000..ceeb9235 --- /dev/null +++ b/doc/v0.6/css/search.css @@ -0,0 +1,33 @@ +.algolia-autocomplete { + line-height: normal; +} +.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-] { + border: none; + padding: 0; +} +.algolia-autocomplete .ds-dropdown-menu { + font-size: 12px; + box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1); +} +.algolia-autocomplete .algolia-docsearch-suggestion { + padding: 0; +} +.algolia-autocomplete .algolia-docsearch-suggestion--category-header { + background: #e4e7ed; + padding: 4px 10px; + margin-top: 10px; + color: #666; +} +.algolia-autocomplete .algolia-docsearch-suggestion--wrapper { + padding: 0; +} +.algolia-autocomplete .ds-dropdown-menu:before { + border-top: 1px solid #ebeef5; + border-right: 1px solid #ebeef5; +} +.algolia-autocomplete .algolia-docsearch-suggestion--title { + color: #333; +} +.algolia-autocomplete .algolia-docsearch-footer { + margin: 0 10px 5px 0; +} diff --git a/doc/v0.6/data/KLCheckGroup.json b/doc/v0.6/data/KLCheckGroup.json new file mode 100644 index 00000000..48e687f9 --- /dev/null +++ b/doc/v0.6/data/KLCheckGroup.json @@ -0,0 +1 @@ +[{"name":"一般贸易","id":1},{"name":"海淘","id":2},{"name":"直邮","id":3},{"name":"保税","id":4}] diff --git a/doc/v0.6/data/KLRadioGroup.json b/doc/v0.6/data/KLRadioGroup.json new file mode 100644 index 00000000..48e687f9 --- /dev/null +++ b/doc/v0.6/data/KLRadioGroup.json @@ -0,0 +1 @@ +[{"name":"一般贸易","id":1},{"name":"海淘","id":2},{"name":"直邮","id":3},{"name":"保税","id":4}] diff --git a/doc/v0.6/data/KLSelectList.json b/doc/v0.6/data/KLSelectList.json new file mode 100644 index 00000000..2ed4763f --- /dev/null +++ b/doc/v0.6/data/KLSelectList.json @@ -0,0 +1 @@ +{"code":200,"result":[{"name":"儿童母婴","id":1},{"name":"美容彩妆","id":2},{"name":"服饰鞋包","id":3},{"name":"家居个护","id":4}]} diff --git a/doc/v0.6/data/language/lang.json b/doc/v0.6/data/language/lang.json new file mode 100644 index 00000000..847f4fb9 --- /dev/null +++ b/doc/v0.6/data/language/lang.json @@ -0,0 +1 @@ +{"CN":{"PLEASE_SELECT":"请选择","PLEASE_INPUT":"请输入","USERNAME":"用户名","NOTIFY_METHOD":"通知方式","EMAIL":"邮件","TEL":"电话","EN":"英文","CN":"中文","LANGUAGE":"语言","FORMAT":"每月账单日为: {x}","GOODS_SHELF_LIFE_DESC":"产品交付剩余保质期不少于商品明示保质期{x}/{y}","FRAGMENT1":"这是fragment1","FRAGMENT2":"这是fragment2，@:FRAGMENT1，组合使用"},"EN":{"PLEASE_SELECT":"please select","PLEASE_INPUT":"please input","USERNAME":"username","NOTIFY_METHOD":"notify method","EMAIL":"email","TEL":"tel","EN":"english","CN":"chinese","LANGUAGE":"language","FORMAT":"The settlement list will be made on {x} every month","GOODS_SHELF_LIFE_DESC":"The remaining shelf life of the Products at the time of delivery is no less than {x}/{y}’s of the shelf life indicated","FRAGMENT1":"This is fragment1","FRAGMENT2":"This is fragment2, @:FRAGMENT1, this is combination"}} diff --git a/doc/v0.6/demo.wrap/index.js b/doc/v0.6/demo.wrap/index.js new file mode 100644 index 00000000..b3195663 --- /dev/null +++ b/doc/v0.6/demo.wrap/index.js @@ -0,0 +1,87 @@ +/* + demowrap组件，用来包裹组件demo的显示，实现组件代码展开和收缩 + by：wangtan@corp.netease.com +*/ +/* eslint no-unused-vars: 0 */ +/* eslint no-undef: 0 */ +const DemoWrap = Regular.extend({ + template: ` +
    +
    +
    + +
    + + +
    +
    +
    +
    +
    +
    + +
    +
    + {showScript ? '隐藏代码' : '显示代码'} + + +
    +
    +
    `, + name: 'demo-wrap', + data: { + htmlTpl: '', + showScript: false, + htmlCode: '', + jsCode: '', + codepenJson: '' + }, + toggle() { + this.data.showScript = !this.data.showScript; + }, + copy($event) { + const copyForm = document.createElement('textarea'); + copyForm.textContent = this.data.htmlCode + this.data.jsCode; + body = document.getElementsByTagName('body')[0]; + body.appendChild(copyForm); + copyForm.select(); + document.execCommand('copy'); + body.removeChild(copyForm); + NEKUI.KLNotify.success('复制成功'); + }, + online: function(){ + var btn = this.$refs.onlineBtn; + console.log(111,this.data) + var html = ` + +`.trim(); + + var css = ` +body{ + padding: 20px; +} +`.trim(); + var js = ` +${this.data.jsCode.trim()} + +component.$inject(document.body); +`.trim(); + var data = { + title: 'nekui demo', + description: 'this is nekui online demo', + html: html, + css: css, + js: js, + js_external: 'https://unpkg.com/nek-ui/dist/vendor/regular.min.js;https://unpkg.com/nek-ui/dist/js/nek-ui.min.js', + css_external: 'https://unpkg.com/nek-ui/dist/css/nek-ui.red.min.css' + }; + this.data.codepenJson = JSON.stringify(data); + this.$update(); + setTimeout(function(){ + btn.click(); + }); + } +}); diff --git a/doc/v0.6/doc.js b/doc/v0.6/doc.js new file mode 100644 index 00000000..c0501008 --- /dev/null +++ b/doc/v0.6/doc.js @@ -0,0 +1,141 @@ +/** + * 把组件 MD 文档转为 hexo 最终渲染 MD，主要功能： + * 1、增加头部信息，用于渲染左侧多级菜单 + * 2、把组件内的 jsdoc 注释转为 MD 追加到尾部，用于生成 API 文档 + * 3、把 DEMO 代码实例化为组件 + * + * author: Cody Chan 2017-02-08 + */ +/* eslint no-param-reassign: 0 */ +const fs = require('fs-extra'); +const path = require('path'); +const glob = require('glob'); +const jsdoc2md = require('jsdoc-to-markdown'); + +// 分类的顺序跟下面保持一致，每个分类下的组件顺序不作保证 +const CATES = [ + { cate: 'layout', name: '布局', startOrder: 100 }, + { cate: 'form', name: '表单', startOrder: 200 }, + { cate: 'notice', name: '通知', startOrder: 300 }, + { cate: 'navigation', name: '导航', startOrder: 400 }, + { cate: 'widget', name: '其它', startOrder: 500 }, +]; + +const DOC_PATH = __dirname; +const COMPONENTS_PATH = path.join(__dirname, '../../src/js/components'); +const COMPONENTS_DEST = path.join(DOC_PATH, 'components'); + +const getComponents = (cate) => { + const fullPath = path.join(COMPONENTS_PATH, cate); + return fs.readdirSync(fullPath).filter(f => fs.statSync(path.join(fullPath, f)).isDirectory()); +}; + +const getDemoCode = (demo) => { + const rglMatch = /(```(xml|html))([\s\S]*?)(```)/g.exec(demo); + const jsMatch = /(```javascript)([\s\S]*?)(```)/g.exec(demo); + return { + rgl: rglMatch ? rglMatch[3] : '', + js: jsMatch ? jsMatch[2] : 'var component = new NEKUI.Component({template: template});', + }; +}; + +const injectComponents = (md) => { + const demos = []; + const reg = /(
    )([\s\S]*?)(
    )/g; + let match = reg.exec(md); + while (match) { + demos.push(getDemoCode(match[2])); + match = reg.exec(md); + } + if (demos.length === 0) return md; + let demosScript = '\n\n\n'; + return md + demosScript; +}; + + +const partial = glob.sync(path.join(DOC_PATH, 'partials/**/*.hbs')); + +const injectAPI = (md, source) => { + const docs = jsdoc2md.renderSync({ + source, + 'no-cache': true, + partial, + configure: path.join(__dirname, 'jsdoc.json'), + }); + return `${md}\n# API\n${docs}`; +}; + +const doc = (isDev, callback) => { + // 其它文档 + if (!isDev) { + const mds = glob.sync(path.join(DOC_PATH, '**/*.md')); + mds.forEach((md) => { + fs.writeFileSync(md, injectComponents(fs.readFileSync(md, 'utf8'))); + }); + } + // 组件文档 + CATES.forEach((c) => { + const components = getComponents(c.cate).filter((comp) => { + // if (isDev && !/^KL(Sidebar|Modal|Draggable|Button|Loading|ImagePreview)$/.test(comp)) { + // return false; + // } + + const mdPath = path.join(COMPONENTS_PATH, c.cate, comp, 'index.md'); + if (fs.existsSync(mdPath)) return true; + return false; + }); + components.forEach((comp, i) => { + const compPath = path.join(COMPONENTS_PATH, c.cate, comp); + const mdPath = path.join(compPath, 'index.md'); + const jsPath = path.join(compPath, 'index.js'); + + const appendContent = `type: components\nname: ${comp}\ncate: ${c.name}\norder: ${c.startOrder + i}\n`; + let md = fs.readFileSync(mdPath, 'utf8'); + // 插入文档头部信息 + md = md.replace(/(^---)([\s\S]*?)(---)/g, `$1$2${appendContent}$3`); + // 插入 API 文档 + if (fs.existsSync(jsPath)) { + md = injectAPI(md, fs.readFileSync(jsPath, 'utf8')); + } + // 插入实例化组件的脚本 + md = injectComponents(md); + fs.writeFileSync(path.join(COMPONENTS_DEST, `${c.cate}_${comp}_.md`), md); + }); + }); + callback && callback(); +}; + +module.exports = doc; +     diff --git a/doc/v0.6/fonts/icomoon.eot b/doc/v0.6/fonts/icomoon.eot new file mode 100644 index 00000000..2bab1241 Binary files /dev/null and b/doc/v0.6/fonts/icomoon.eot differ diff --git a/doc/v0.6/fonts/icomoon.svg b/doc/v0.6/fonts/icomoon.svg new file mode 100644 index 00000000..6191a6bf --- /dev/null +++ b/doc/v0.6/fonts/icomoon.svg @@ -0,0 +1,734 @@ + + + + + + +{ + "fontFamily": "icomoon", + "description": "Font generated by IcoMoon.", + "majorVersion": 0, + "version": "Version 1.0", + "fontId": "icomoon", + "psName": "icomoon", + "subFamily": "Regular", + "fullName": "icomoon" +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/fonts/icomoon.ttf b/doc/v0.6/fonts/icomoon.ttf new file mode 100644 index 00000000..321fba3e Binary files /dev/null and b/doc/v0.6/fonts/icomoon.ttf differ diff --git a/doc/v0.6/fonts/icomoon.woff b/doc/v0.6/fonts/icomoon.woff new file mode 100644 index 00000000..4728b95f Binary files /dev/null and b/doc/v0.6/fonts/icomoon.woff differ diff --git a/doc/v0.6/images/arrow-left.png b/doc/v0.6/images/arrow-left.png new file mode 100644 index 00000000..76dff77b Binary files /dev/null and b/doc/v0.6/images/arrow-left.png differ diff --git a/doc/v0.6/images/arrow-right.png b/doc/v0.6/images/arrow-right.png new file mode 100644 index 00000000..b2d81d41 Binary files /dev/null and b/doc/v0.6/images/arrow-right.png differ diff --git a/doc/v0.6/images/favicon.ico b/doc/v0.6/images/favicon.ico new file mode 100644 index 00000000..ac88fc8c Binary files /dev/null and b/doc/v0.6/images/favicon.ico differ diff --git a/doc/v0.6/images/logo.svg b/doc/v0.6/images/logo.svg new file mode 100644 index 00000000..23a2b699 --- /dev/null +++ b/doc/v0.6/images/logo.svg @@ -0,0 +1,18 @@ + + + + logo + Created with Sketch. + + + + + diff --git a/doc/v0.6/images/menu.png b/doc/v0.6/images/menu.png new file mode 100644 index 00000000..656353d0 Binary files /dev/null and b/doc/v0.6/images/menu.png differ diff --git a/doc/v0.6/images/search.png b/doc/v0.6/images/search.png new file mode 100644 index 00000000..edf385d1 Binary files /dev/null and b/doc/v0.6/images/search.png differ diff --git a/doc/v0.6/index.html b/doc/v0.6/index.html new file mode 100644 index 00000000..e6a6105e --- /dev/null +++ b/doc/v0.6/index.html @@ -0,0 +1,235 @@ + + + + + nek-ui + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    + + + +
    +
    +
    +
    + +

    一个后台UI组件库基于Regular JS

    + +
    + 快速开始 + Github +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    丰富组件
    +

    考拉多年业务积累的基础组件，丰富、灵活、实用，为业务提供强有力的支持。

    + +
    + 了解更多 +
    +
    +
    +
    +
    +
    +
    +
    使用场景
    +

    总结后台设计中经常出现的组件组合，并提供相应的使用场景。

    + +
    + 了解更多 +
    +
    +
    +
    +
    +
    +
    +
    + +

    + Let's go +
    + +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + diff --git a/doc/v0.6/js/common.js b/doc/v0.6/js/common.js new file mode 100644 index 00000000..b2eb989d --- /dev/null +++ b/doc/v0.6/js/common.js @@ -0,0 +1,231 @@ +(function() { + + // initMobileMenu() + if (PAGE_TYPE) { + // initSubHeaders() + initLocationHashFuzzyMatching() + } + + function initLocationHashFuzzyMatching() { + var hash = window.location.hash + if (!hash) return + var hashTarget = document.getElementById(hash) + if (!hashTarget) { + var normalizedHash = normalizeHash(hash) + var possibleHashes = [].slice.call(document.querySelectorAll('[id]')) + .map(function(el) { + return el.id + }) + possibleHashes.sort(function(hashA, hashB) { + var distanceA = levenshteinDistance(normalizedHash, normalizeHash(hashA)) + var distanceB = levenshteinDistance(normalizedHash, normalizeHash(hashB)) + if (distanceA < distanceB) return -1 + if (distanceA > distanceB) return 1 + return 0 + }) + window.location.hash = possibleHashes[0] + } + + function normalizeHash(rawHash) { + return rawHash + .toLowerCase() + .replace(/\-(?:deprecated|removed|replaced|changed|obsolete)$/, '') + } + + function levenshteinDistance(a, b) { + var m = [] + if (!(a && b)) return (b || a).length + for (var i = 0; i <= b.length; m[i] = [i++]) {} + for (var j = 0; j <= a.length; m[0][j] = j++) {} + for (var i = 1; i <= b.length; i++) { + for (var j = 1; j <= a.length; j++) { + m[i][j] = b.charAt(i - 1) === a.charAt(j - 1) + ? m[i - 1][j - 1] + : m[i][j] = Math.min( + m[i - 1][j - 1] + 1, + Math.min(m[i][j - 1] + 1, m[i - 1][j] + 1)) + } + } + return m[b.length][a.length] + } + } + + /** + * Mobile burger menu button for toggling sidebar + */ + + function initMobileMenu() { + var mobileBar = document.getElementById('mobile-bar') + var sidebar = document.querySelector('.sidebar') + var menuButton = mobileBar.querySelector('.menu-button') + + menuButton.addEventListener('click', function() { + sidebar.classList.toggle('open') + }) + + document.body.addEventListener('click', function(e) { + if (e.target !== menuButton && !sidebar.contains(e.target)) { + sidebar.classList.remove('open') + } + }) + } + + /** + * Sub headers in sidebar + */ + + function initSubHeaders() { + var each = [].forEach + var main = document.getElementById('main') + var header = document.getElementById('header') + var sidebar = document.querySelector('.sidebar') + var content = document.querySelector('.content') + + // build sidebar + var currentPageAnchor = sidebar.querySelector('.sidebar-link.current') + var isAPI = document.querySelector('.content').classList.contains('api') + if (currentPageAnchor || isAPI) { + var allHeaders = [] + var sectionContainer + if (isAPI) { + sectionContainer = document.querySelector('.menu-root') + } else { + sectionContainer = document.createElement('ul') + sectionContainer.className = 'menu-sub' + currentPageAnchor.parentNode.appendChild(sectionContainer) + } + var headers = content.querySelectorAll('h2') + if (headers.length) { + each.call(headers, function(h) { + var h3s = collectH3s(h) + allHeaders.push(h) + allHeaders.push.apply(allHeaders, h3s) + }) + } else { + headers = content.querySelectorAll('h3') + each.call(headers, function(h) { + allHeaders.push(h) + }) + } + + var animating = false + + // make links clickable + allHeaders.forEach(makeHeaderClickable) + + smoothScroll.init({ + speed: 400, + offset: 0 + }) + } + + var hoveredOverSidebar = false + sidebar.addEventListener('mouseover', function() { + hoveredOverSidebar = true + }) + sidebar.addEventListener('mouseleave', function() { + hoveredOverSidebar = false + }) + + // listen for scroll event to do positioning & highlights + window.addEventListener('scroll', updateSidebar) + window.addEventListener('resize', updateSidebar) + + function updateSidebar() { + var doc = document.documentElement + var top = doc && doc.scrollTop || document.body.scrollTop + if (animating || !allHeaders) return + var last + for (var i = 0; i < allHeaders.length; i++) { + var link = allHeaders[i] + if (link.offsetTop > top) { + if (!last) last = link + break + } else { + last = link + } + } + if (last) + setActive(last.id, !hoveredOverSidebar) + } + + function makeLink(h) { + var link = document.createElement('li') + var text = h.textContent.replace(/\(.*\)$/, '') + link.innerHTML = + '' + + htmlEscape(text) + + '' + return link + } + + function htmlEscape (text) { + return text + .replace(/&/g, '&') + .replace(/"/g, '"') + .replace(/'/g, ''') + .replace(//g, '>') + } + + function collectH3s (h) { + var h3s = [] + var next = h.nextSibling + while (next && next.tagName !== 'H2') { + if (next.tagName === 'H3') { + h3s.push(next) + } + next = next.nextSibling + } + return h3s + } + + function makeSubLinks(h3s, small) { + var container = document.createElement('ul') + if (small) { + container.className = 'menu-sub' + } + h3s.forEach(function(h) { + container.appendChild(makeLink(h)) + }) + return container + } + + function setActive(id, shouldScrollIntoView) { + var previousActive = sidebar.querySelector('.section-link.active') + var currentActive = typeof id === 'string' ? + sidebar.querySelector('.section-link[href="#' + id + '"]') : + id + if (currentActive !== previousActive) { + if (previousActive) previousActive.classList.remove('active') + currentActive.classList.add('active') + if (shouldScrollIntoView) { + var currentPageOffset = currentPageAnchor ? + currentPageAnchor.offsetTop - 8 : + 0 + var currentActiveOffset = currentActive.offsetTop + currentActive.parentNode.clientHeight + var sidebarHeight = sidebar.clientHeight + var currentActiveIsInView = ( + currentActive.offsetTop >= sidebar.scrollTop && + currentActiveOffset <= sidebar.scrollTop + sidebarHeight + ) + var linkNotFurtherThanSidebarHeight = currentActiveOffset - currentPageOffset < sidebarHeight + var newScrollTop = currentActiveIsInView ? + sidebar.scrollTop : + linkNotFurtherThanSidebarHeight ? + currentPageOffset : + currentActiveOffset - sidebarHeight + sidebar.scrollTop = newScrollTop + } + } + } + + function makeHeaderClickable(link) { + var wrapper = document.createElement('a') + wrapper.href = '#' + link.id + wrapper.setAttribute('data-scroll', '') + link.parentNode.insertBefore(wrapper, link) + wrapper.appendChild(link) + } + } +})() diff --git a/doc/v0.6/js/nek-ui.js b/doc/v0.6/js/nek-ui.js new file mode 100644 index 00000000..a790439f --- /dev/null +++ b/doc/v0.6/js/nek-ui.js @@ -0,0 +1,37491 @@ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("regularjs")); + else if(typeof define === 'function' && define.amd) + define(["Regular"], factory); + else if(typeof exports === 'object') + exports["NEKUI"] = factory(require("regularjs")); + else + root["NEKUI"] = factory(root["Regular"]); +})(this, function(__WEBPACK_EXTERNAL_MODULE_71__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; + +/******/ // The require function +/******/ function __webpack_require__(moduleId) { + +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) +/******/ return installedModules[moduleId].exports; + +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ exports: {}, +/******/ id: moduleId, +/******/ loaded: false +/******/ }; + +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); + +/******/ // Flag the module as loaded +/******/ module.loaded = true; + +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } + + +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; + +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; + +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; + +/******/ // Load entry module and return exports +/******/ return __webpack_require__(0); +/******/ }) +/************************************************************************/ +/******/ ([ +/* 0 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + var _values = __webpack_require__(1); + + var _values2 = _interopRequireDefault(_values); + + var _getIterator2 = __webpack_require__(36); + + var _getIterator3 = _interopRequireDefault(_getIterator2); + + var _assign = __webpack_require__(59); + + var _assign2 = _interopRequireDefault(_assign); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var backward = __webpack_require__(64); + + var Base = { + Regular: __webpack_require__(71), + Component: __webpack_require__(70), + SourceComponent: __webpack_require__(179), + _: __webpack_require__(72), + ajax: __webpack_require__(180), + Validation: __webpack_require__(104) + }; + + var Components = { + // Form + KLCheck: __webpack_require__(215), + KLCheckGroup: __webpack_require__(217), + KLDatePicker: __webpack_require__(219), + KLRadioGroup: __webpack_require__(342), + KLMultiSelect: __webpack_require__(344), + KLButton: __webpack_require__(346), + KLForm: __webpack_require__(348), + KLFormItem: __webpack_require__(350), + KLInput: __webpack_require__(69), + KLSelect: __webpack_require__(352), + KLText: __webpack_require__(357), + KLTextArea: __webpack_require__(359), + KLUpload: __webpack_require__(361), + KLTreeView: __webpack_require__(190), + + // Navigation + KLSidebar: __webpack_require__(397), + KLMenu: __webpack_require__(400), + KLMenuItem: __webpack_require__(402), + KLSubMenu: __webpack_require__(405), + KLPager: __webpack_require__(407), + KLTabs: __webpack_require__(409), + KLTab: __webpack_require__(411), + KLSteps: __webpack_require__(413), + KLCrumb: __webpack_require__(415), + KLCrumbItem: __webpack_require__(417), + + // Notice + KLModal: __webpack_require__(390), + KLNotify: __webpack_require__(419), + KLPopConfirm: __webpack_require__(421), + KLMessage: __webpack_require__(435), + + // Widget + KLBadge: __webpack_require__(437), + KLProgress: __webpack_require__(439), + KLLoading: __webpack_require__(441), + KLTooltip: __webpack_require__(443), + KLIcon: __webpack_require__(445), + KLImagePreview: __webpack_require__(389), + KLLocaleProvider: __webpack_require__(447), + KLDraggable: __webpack_require__(448), + + // Layout + KLTable: __webpack_require__(450), + KLTableCol: __webpack_require__(460), + KLTableTemplate: __webpack_require__(461), + KLRow: __webpack_require__(462), + KLCol: __webpack_require__(464), + KLCard: __webpack_require__(466), + KLCardTools: __webpack_require__(468), + KLSearch: __webpack_require__(469), + KLSearchMore: __webpack_require__(471) + }; + + backward(Components); + + module.exports = (0, _assign2.default)({ + // Register + install: function install(Regular) { + var _iteratorNormalCompletion = true; + var _didIteratorError = false; + var _iteratorError = undefined; + + try { + for (var _iterator = (0, _getIterator3.default)((0, _values2.default)(Components)), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) { + var m = _step.value; + + var name = m.prototype && m.prototype.name; + if (name) Regular.component(name, m); + } + } catch (err) { + _didIteratorError = true; + _iteratorError = err; + } finally { + try { + if (!_iteratorNormalCompletion && _iterator.return) { + _iterator.return(); + } + } finally { + if (_didIteratorError) { + throw _iteratorError; + } + } + } + } + }, Base, Components); + +/***/ }), +/* 1 */ +/***/ (function(module, exports, __webpack_require__) { + + module.exports = { "default": __webpack_require__(2), __esModule: true }; + +/***/ }), +/* 2 */ +/***/ (function(module, exports, __webpack_require__) { + + __webpack_require__(3); + module.exports = __webpack_require__(6).Object.values; + +/***/ }), +/* 3 */ +/***/ (function(module, exports, __webpack_require__) { + + // https://github.com/tc39/proposal-object-values-entries + var $export = __webpack_require__(4) + , $values = __webpack_require__(19)(false); + + $export($export.S, 'Object', { + values: function values(it){ + return $values(it); + } + }); + +/***/ }), +/* 4 */ +/***/ (function(module, exports, __webpack_require__) { + + var global = __webpack_require__(5) + , core = __webpack_require__(6) + , ctx = __webpack_require__(7) + , hide = __webpack_require__(9) + , PROTOTYPE = 'prototype'; + + var $export = function(type, name, source){ + var IS_FORCED = type & $export.F + , IS_GLOBAL = type & $export.G + , IS_STATIC = type & $export.S + , IS_PROTO = type & $export.P + , IS_BIND = type & $export.B + , IS_WRAP = type & $export.W + , exports = IS_GLOBAL ? core : core[name] || (core[name] = {}) + , expProto = exports[PROTOTYPE] + , target = IS_GLOBAL ? global : IS_STATIC ? global[name] : (global[name] || {})[PROTOTYPE] + , key, own, out; + if(IS_GLOBAL)source = name; + for(key in source){ + // contains in native + own = !IS_FORCED && target && target[key] !== undefined; + if(own && key in exports)continue; + // export native or passed + out = own ? target[key] : source[key]; + // prevent global pollution for namespaces + exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key] + // bind timers to global for call from export context + : IS_BIND && own ? ctx(out, global) + // wrap global constructors for prevent change them in library + : IS_WRAP && target[key] == out ? (function(C){ + var F = function(a, b, c){ + if(this instanceof C){ + switch(arguments.length){ + case 0: return new C; + case 1: return new C(a); + case 2: return new C(a, b); + } return new C(a, b, c); + } return C.apply(this, arguments); + }; + F[PROTOTYPE] = C[PROTOTYPE]; + return F; + // make static versions for prototype methods + })(out) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out; + // export proto methods to core.%CONSTRUCTOR%.methods.%NAME% + if(IS_PROTO){ + (exports.virtual || (exports.virtual = {}))[key] = out; + // export proto methods to core.%CONSTRUCTOR%.prototype.%NAME% + if(type & $export.R && expProto && !expProto[key])hide(expProto, key, out); + } + } + }; + // type bitmap + $export.F = 1; // forced + $export.G = 2; // global + $export.S = 4; // static + $export.P = 8; // proto + $export.B = 16; // bind + $export.W = 32; // wrap + $export.U = 64; // safe + $export.R = 128; // real proto method for `library` + module.exports = $export; + +/***/ }), +/* 5 */ +/***/ (function(module, exports) { + + // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028 + var global = module.exports = typeof window != 'undefined' && window.Math == Math + ? window : typeof self != 'undefined' && self.Math == Math ? self : Function('return this')(); + if(typeof __g == 'number')__g = global; // eslint-disable-line no-undef + +/***/ }), +/* 6 */ +/***/ (function(module, exports) { + + var core = module.exports = {version: '2.4.0'}; + if(typeof __e == 'number')__e = core; // eslint-disable-line no-undef + +/***/ }), +/* 7 */ +/***/ (function(module, exports, __webpack_require__) { + + // optional / simple context binding + var aFunction = __webpack_require__(8); + module.exports = function(fn, that, length){ + aFunction(fn); + if(that === undefined)return fn; + switch(length){ + case 1: return function(a){ + return fn.call(that, a); + }; + case 2: return function(a, b){ + return fn.call(that, a, b); + }; + case 3: return function(a, b, c){ + return fn.call(that, a, b, c); + }; + } + return function(/* ...args */){ + return fn.apply(that, arguments); + }; + }; + +/***/ }), +/* 8 */ +/***/ (function(module, exports) { + + module.exports = function(it){ + if(typeof it != 'function')throw TypeError(it + ' is not a function!'); + return it; + }; + +/***/ }), +/* 9 */ +/***/ (function(module, exports, __webpack_require__) { + + var dP = __webpack_require__(10) + , createDesc = __webpack_require__(18); + module.exports = __webpack_require__(14) ? function(object, key, value){ + return dP.f(object, key, createDesc(1, value)); + } : function(object, key, value){ + object[key] = value; + return object; + }; + +/***/ }), +/* 10 */ +/***/ (function(module, exports, __webpack_require__) { + + var anObject = __webpack_require__(11) + , IE8_DOM_DEFINE = __webpack_require__(13) + , toPrimitive = __webpack_require__(17) + , dP = Object.defineProperty; + + exports.f = __webpack_require__(14) ? Object.defineProperty : function defineProperty(O, P, Attributes){ + anObject(O); + P = toPrimitive(P, true); + anObject(Attributes); + if(IE8_DOM_DEFINE)try { + return dP(O, P, Attributes); + } catch(e){ /* empty */ } + if('get' in Attributes || 'set' in Attributes)throw TypeError('Accessors not supported!'); + if('value' in Attributes)O[P] = Attributes.value; + return O; + }; + +/***/ }), +/* 11 */ +/***/ (function(module, exports, __webpack_require__) { + + var isObject = __webpack_require__(12); + module.exports = function(it){ + if(!isObject(it))throw TypeError(it + ' is not an object!'); + return it; + }; + +/***/ }), +/* 12 */ +/***/ (function(module, exports) { + + module.exports = function(it){ + return typeof it === 'object' ? it !== null : typeof it === 'function'; + }; + +/***/ }), +/* 13 */ +/***/ (function(module, exports, __webpack_require__) { + + module.exports = !__webpack_require__(14) && !__webpack_require__(15)(function(){ + return Object.defineProperty(__webpack_require__(16)('div'), 'a', {get: function(){ return 7; }}).a != 7; + }); + +/***/ }), +/* 14 */ +/***/ (function(module, exports, __webpack_require__) { + + // Thank's IE8 for his funny defineProperty + module.exports = !__webpack_require__(15)(function(){ + return Object.defineProperty({}, 'a', {get: function(){ return 7; }}).a != 7; + }); + +/***/ }), +/* 15 */ +/***/ (function(module, exports) { + + module.exports = function(exec){ + try { + return !!exec(); + } catch(e){ + return true; + } + }; + +/***/ }), +/* 16 */ +/***/ (function(module, exports, __webpack_require__) { + + var isObject = __webpack_require__(12) + , document = __webpack_require__(5).document + // in old IE typeof document.createElement is 'object' + , is = isObject(document) && isObject(document.createElement); + module.exports = function(it){ + return is ? document.createElement(it) : {}; + }; + +/***/ }), +/* 17 */ +/***/ (function(module, exports, __webpack_require__) { + + // 7.1.1 ToPrimitive(input [, PreferredType]) + var isObject = __webpack_require__(12); + // instead of the ES6 spec version, we didn't implement @@toPrimitive case + // and the second argument - flag - preferred type is a string + module.exports = function(it, S){ + if(!isObject(it))return it; + var fn, val; + if(S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it)))return val; + if(typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it)))return val; + if(!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it)))return val; + throw TypeError("Can't convert object to primitive value"); + }; + +/***/ }), +/* 18 */ +/***/ (function(module, exports) { + + module.exports = function(bitmap, value){ + return { + enumerable : !(bitmap & 1), + configurable: !(bitmap & 2), + writable : !(bitmap & 4), + value : value + }; + }; + +/***/ }), +/* 19 */ +/***/ (function(module, exports, __webpack_require__) { + + var getKeys = __webpack_require__(20) + , toIObject = __webpack_require__(23) + , isEnum = __webpack_require__(35).f; + module.exports = function(isEntries){ + return function(it){ + var O = toIObject(it) + , keys = getKeys(O) + , length = keys.length + , i = 0 + , result = [] + , key; + while(length > i)if(isEnum.call(O, key = keys[i++])){ + result.push(isEntries ? [key, O[key]] : O[key]); + } return result; + }; + }; + +/***/ }), +/* 20 */ +/***/ (function(module, exports, __webpack_require__) { + + // 19.1.2.14 / 15.2.3.14 Object.keys(O) + var $keys = __webpack_require__(21) + , enumBugKeys = __webpack_require__(34); + + module.exports = Object.keys || function keys(O){ + return $keys(O, enumBugKeys); + }; + +/***/ }), +/* 21 */ +/***/ (function(module, exports, __webpack_require__) { + + var has = __webpack_require__(22) + , toIObject = __webpack_require__(23) + , arrayIndexOf = __webpack_require__(27)(false) + , IE_PROTO = __webpack_require__(31)('IE_PROTO'); + + module.exports = function(object, names){ + var O = toIObject(object) + , i = 0 + , result = [] + , key; + for(key in O)if(key != IE_PROTO)has(O, key) && result.push(key); + // Don't enum bug & hidden keys + while(names.length > i)if(has(O, key = names[i++])){ + ~arrayIndexOf(result, key) || result.push(key); + } + return result; + }; + +/***/ }), +/* 22 */ +/***/ (function(module, exports) { + + var hasOwnProperty = {}.hasOwnProperty; + module.exports = function(it, key){ + return hasOwnProperty.call(it, key); + }; + +/***/ }), +/* 23 */ +/***/ (function(module, exports, __webpack_require__) { + + // to indexed object, toObject with fallback for non-array-like ES3 strings + var IObject = __webpack_require__(24) + , defined = __webpack_require__(26); + module.exports = function(it){ + return IObject(defined(it)); + }; + +/***/ }), +/* 24 */ +/***/ (function(module, exports, __webpack_require__) { + + // fallback for non-array-like ES3 and non-enumerable old V8 strings + var cof = __webpack_require__(25); + module.exports = Object('z').propertyIsEnumerable(0) ? Object : function(it){ + return cof(it) == 'String' ? it.split('') : Object(it); + }; + +/***/ }), +/* 25 */ +/***/ (function(module, exports) { + + var toString = {}.toString; + + module.exports = function(it){ + return toString.call(it).slice(8, -1); + }; + +/***/ }), +/* 26 */ +/***/ (function(module, exports) { + + // 7.2.1 RequireObjectCoercible(argument) + module.exports = function(it){ + if(it == undefined)throw TypeError("Can't call method on " + it); + return it; + }; + +/***/ }), +/* 27 */ +/***/ (function(module, exports, __webpack_require__) { + + // false -> Array#indexOf + // true -> Array#includes + var toIObject = __webpack_require__(23) + , toLength = __webpack_require__(28) + , toIndex = __webpack_require__(30); + module.exports = function(IS_INCLUDES){ + return function($this, el, fromIndex){ + var O = toIObject($this) + , length = toLength(O.length) + , index = toIndex(fromIndex, length) + , value; + // Array#includes uses SameValueZero equality algorithm + if(IS_INCLUDES && el != el)while(length > index){ + value = O[index++]; + if(value != value)return true; + // Array#toIndex ignores holes, Array#includes - not + } else for(;length > index; index++)if(IS_INCLUDES || index in O){ + if(O[index] === el)return IS_INCLUDES || index || 0; + } return !IS_INCLUDES && -1; + }; + }; + +/***/ }), +/* 28 */ +/***/ (function(module, exports, __webpack_require__) { + + // 7.1.15 ToLength + var toInteger = __webpack_require__(29) + , min = Math.min; + module.exports = function(it){ + return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991 + }; + +/***/ }), +/* 29 */ +/***/ (function(module, exports) { + + // 7.1.4 ToInteger + var ceil = Math.ceil + , floor = Math.floor; + module.exports = function(it){ + return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it); + }; + +/***/ }), +/* 30 */ +/***/ (function(module, exports, __webpack_require__) { + + var toInteger = __webpack_require__(29) + , max = Math.max + , min = Math.min; + module.exports = function(index, length){ + index = toInteger(index); + return index < 0 ? max(index + length, 0) : min(index, length); + }; + +/***/ }), +/* 31 */ +/***/ (function(module, exports, __webpack_require__) { + + var shared = __webpack_require__(32)('keys') + , uid = __webpack_require__(33); + module.exports = function(key){ + return shared[key] || (shared[key] = uid(key)); + }; + +/***/ }), +/* 32 */ +/***/ (function(module, exports, __webpack_require__) { + + var global = __webpack_require__(5) + , SHARED = '__core-js_shared__' + , store = global[SHARED] || (global[SHARED] = {}); + module.exports = function(key){ + return store[key] || (store[key] = {}); + }; + +/***/ }), +/* 33 */ +/***/ (function(module, exports) { + + var id = 0 + , px = Math.random(); + module.exports = function(key){ + return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36)); + }; + +/***/ }), +/* 34 */ +/***/ (function(module, exports) { + + // IE 8- don't enum bug keys + module.exports = ( + 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf' + ).split(','); + +/***/ }), +/* 35 */ +/***/ (function(module, exports) { + + exports.f = {}.propertyIsEnumerable; + +/***/ }), +/* 36 */ +/***/ (function(module, exports, __webpack_require__) { + + module.exports = { "default": __webpack_require__(37), __esModule: true }; + +/***/ }), +/* 37 */ +/***/ (function(module, exports, __webpack_require__) { + + __webpack_require__(38); + __webpack_require__(54); + module.exports = __webpack_require__(56); + +/***/ }), +/* 38 */ +/***/ (function(module, exports, __webpack_require__) { + + __webpack_require__(39); + var global = __webpack_require__(5) + , hide = __webpack_require__(9) + , Iterators = __webpack_require__(42) + , TO_STRING_TAG = __webpack_require__(51)('toStringTag'); + + for(var collections = ['NodeList', 'DOMTokenList', 'MediaList', 'StyleSheetList', 'CSSRuleList'], i = 0; i < 5; i++){ + var NAME = collections[i] + , Collection = global[NAME] + , proto = Collection && Collection.prototype; + if(proto && !proto[TO_STRING_TAG])hide(proto, TO_STRING_TAG, NAME); + Iterators[NAME] = Iterators.Array; + } + +/***/ }), +/* 39 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + var addToUnscopables = __webpack_require__(40) + , step = __webpack_require__(41) + , Iterators = __webpack_require__(42) + , toIObject = __webpack_require__(23); + + // 22.1.3.4 Array.prototype.entries() + // 22.1.3.13 Array.prototype.keys() + // 22.1.3.29 Array.prototype.values() + // 22.1.3.30 Array.prototype[@@iterator]() + module.exports = __webpack_require__(43)(Array, 'Array', function(iterated, kind){ + this._t = toIObject(iterated); // target + this._i = 0; // next index + this._k = kind; // kind + // 22.1.5.2.1 %ArrayIteratorPrototype%.next() + }, function(){ + var O = this._t + , kind = this._k + , index = this._i++; + if(!O || index >= O.length){ + this._t = undefined; + return step(1); + } + if(kind == 'keys' )return step(0, index); + if(kind == 'values')return step(0, O[index]); + return step(0, [index, O[index]]); + }, 'values'); + + // argumentsList[@@iterator] is %ArrayProto_values% (9.4.4.6, 9.4.4.7) + Iterators.Arguments = Iterators.Array; + + addToUnscopables('keys'); + addToUnscopables('values'); + addToUnscopables('entries'); + +/***/ }), +/* 40 */ +/***/ (function(module, exports) { + + module.exports = function(){ /* empty */ }; + +/***/ }), +/* 41 */ +/***/ (function(module, exports) { + + module.exports = function(done, value){ + return {value: value, done: !!done}; + }; + +/***/ }), +/* 42 */ +/***/ (function(module, exports) { + + module.exports = {}; + +/***/ }), +/* 43 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + var LIBRARY = __webpack_require__(44) + , $export = __webpack_require__(4) + , redefine = __webpack_require__(45) + , hide = __webpack_require__(9) + , has = __webpack_require__(22) + , Iterators = __webpack_require__(42) + , $iterCreate = __webpack_require__(46) + , setToStringTag = __webpack_require__(50) + , getPrototypeOf = __webpack_require__(52) + , ITERATOR = __webpack_require__(51)('iterator') + , BUGGY = !([].keys && 'next' in [].keys()) // Safari has buggy iterators w/o `next` + , FF_ITERATOR = '@@iterator' + , KEYS = 'keys' + , VALUES = 'values'; + + var returnThis = function(){ return this; }; + + module.exports = function(Base, NAME, Constructor, next, DEFAULT, IS_SET, FORCED){ + $iterCreate(Constructor, NAME, next); + var getMethod = function(kind){ + if(!BUGGY && kind in proto)return proto[kind]; + switch(kind){ + case KEYS: return function keys(){ return new Constructor(this, kind); }; + case VALUES: return function values(){ return new Constructor(this, kind); }; + } return function entries(){ return new Constructor(this, kind); }; + }; + var TAG = NAME + ' Iterator' + , DEF_VALUES = DEFAULT == VALUES + , VALUES_BUG = false + , proto = Base.prototype + , $native = proto[ITERATOR] || proto[FF_ITERATOR] || DEFAULT && proto[DEFAULT] + , $default = $native || getMethod(DEFAULT) + , $entries = DEFAULT ? !DEF_VALUES ? $default : getMethod('entries') : undefined + , $anyNative = NAME == 'Array' ? proto.entries || $native : $native + , methods, key, IteratorPrototype; + // Fix native + if($anyNative){ + IteratorPrototype = getPrototypeOf($anyNative.call(new Base)); + if(IteratorPrototype !== Object.prototype){ + // Set @@toStringTag to native iterators + setToStringTag(IteratorPrototype, TAG, true); + // fix for some old engines + if(!LIBRARY && !has(IteratorPrototype, ITERATOR))hide(IteratorPrototype, ITERATOR, returnThis); + } + } + // fix Array#{values, @@iterator}.name in V8 / FF + if(DEF_VALUES && $native && $native.name !== VALUES){ + VALUES_BUG = true; + $default = function values(){ return $native.call(this); }; + } + // Define iterator + if((!LIBRARY || FORCED) && (BUGGY || VALUES_BUG || !proto[ITERATOR])){ + hide(proto, ITERATOR, $default); + } + // Plug for library + Iterators[NAME] = $default; + Iterators[TAG] = returnThis; + if(DEFAULT){ + methods = { + values: DEF_VALUES ? $default : getMethod(VALUES), + keys: IS_SET ? $default : getMethod(KEYS), + entries: $entries + }; + if(FORCED)for(key in methods){ + if(!(key in proto))redefine(proto, key, methods[key]); + } else $export($export.P + $export.F * (BUGGY || VALUES_BUG), NAME, methods); + } + return methods; + }; + +/***/ }), +/* 44 */ +/***/ (function(module, exports) { + + module.exports = true; + +/***/ }), +/* 45 */ +/***/ (function(module, exports, __webpack_require__) { + + module.exports = __webpack_require__(9); + +/***/ }), +/* 46 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + var create = __webpack_require__(47) + , descriptor = __webpack_require__(18) + , setToStringTag = __webpack_require__(50) + , IteratorPrototype = {}; + + // 25.1.2.1.1 %IteratorPrototype%[@@iterator]() + __webpack_require__(9)(IteratorPrototype, __webpack_require__(51)('iterator'), function(){ return this; }); + + module.exports = function(Constructor, NAME, next){ + Constructor.prototype = create(IteratorPrototype, {next: descriptor(1, next)}); + setToStringTag(Constructor, NAME + ' Iterator'); + }; + +/***/ }), +/* 47 */ +/***/ (function(module, exports, __webpack_require__) { + + // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties]) + var anObject = __webpack_require__(11) + , dPs = __webpack_require__(48) + , enumBugKeys = __webpack_require__(34) + , IE_PROTO = __webpack_require__(31)('IE_PROTO') + , Empty = function(){ /* empty */ } + , PROTOTYPE = 'prototype'; + + // Create object with fake `null` prototype: use iframe Object with cleared prototype + var createDict = function(){ + // Thrash, waste and sodomy: IE GC bug + var iframe = __webpack_require__(16)('iframe') + , i = enumBugKeys.length + , lt = '<' + , gt = '>' + , iframeDocument; + iframe.style.display = 'none'; + __webpack_require__(49).appendChild(iframe); + iframe.src = 'javascript:'; // eslint-disable-line no-script-url + // createDict = iframe.contentWindow.Object; + // html.removeChild(iframe); + iframeDocument = iframe.contentWindow.document; + iframeDocument.open(); + iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt); + iframeDocument.close(); + createDict = iframeDocument.F; + while(i--)delete createDict[PROTOTYPE][enumBugKeys[i]]; + return createDict(); + }; + + module.exports = Object.create || function create(O, Properties){ + var result; + if(O !== null){ + Empty[PROTOTYPE] = anObject(O); + result = new Empty; + Empty[PROTOTYPE] = null; + // add "__proto__" for Object.getPrototypeOf polyfill + result[IE_PROTO] = O; + } else result = createDict(); + return Properties === undefined ? result : dPs(result, Properties); + }; + + +/***/ }), +/* 48 */ +/***/ (function(module, exports, __webpack_require__) { + + var dP = __webpack_require__(10) + , anObject = __webpack_require__(11) + , getKeys = __webpack_require__(20); + + module.exports = __webpack_require__(14) ? Object.defineProperties : function defineProperties(O, Properties){ + anObject(O); + var keys = getKeys(Properties) + , length = keys.length + , i = 0 + , P; + while(length > i)dP.f(O, P = keys[i++], Properties[P]); + return O; + }; + +/***/ }), +/* 49 */ +/***/ (function(module, exports, __webpack_require__) { + + module.exports = __webpack_require__(5).document && document.documentElement; + +/***/ }), +/* 50 */ +/***/ (function(module, exports, __webpack_require__) { + + var def = __webpack_require__(10).f + , has = __webpack_require__(22) + , TAG = __webpack_require__(51)('toStringTag'); + + module.exports = function(it, tag, stat){ + if(it && !has(it = stat ? it : it.prototype, TAG))def(it, TAG, {configurable: true, value: tag}); + }; + +/***/ }), +/* 51 */ +/***/ (function(module, exports, __webpack_require__) { + + var store = __webpack_require__(32)('wks') + , uid = __webpack_require__(33) + , Symbol = __webpack_require__(5).Symbol + , USE_SYMBOL = typeof Symbol == 'function'; + + var $exports = module.exports = function(name){ + return store[name] || (store[name] = + USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : uid)('Symbol.' + name)); + }; + + $exports.store = store; + +/***/ }), +/* 52 */ +/***/ (function(module, exports, __webpack_require__) { + + // 19.1.2.9 / 15.2.3.2 Object.getPrototypeOf(O) + var has = __webpack_require__(22) + , toObject = __webpack_require__(53) + , IE_PROTO = __webpack_require__(31)('IE_PROTO') + , ObjectProto = Object.prototype; + + module.exports = Object.getPrototypeOf || function(O){ + O = toObject(O); + if(has(O, IE_PROTO))return O[IE_PROTO]; + if(typeof O.constructor == 'function' && O instanceof O.constructor){ + return O.constructor.prototype; + } return O instanceof Object ? ObjectProto : null; + }; + +/***/ }), +/* 53 */ +/***/ (function(module, exports, __webpack_require__) { + + // 7.1.13 ToObject(argument) + var defined = __webpack_require__(26); + module.exports = function(it){ + return Object(defined(it)); + }; + +/***/ }), +/* 54 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + var $at = __webpack_require__(55)(true); + + // 21.1.3.27 String.prototype[@@iterator]() + __webpack_require__(43)(String, 'String', function(iterated){ + this._t = String(iterated); // target + this._i = 0; // next index + // 21.1.5.2.1 %StringIteratorPrototype%.next() + }, function(){ + var O = this._t + , index = this._i + , point; + if(index >= O.length)return {value: undefined, done: true}; + point = $at(O, index); + this._i += point.length; + return {value: point, done: false}; + }); + +/***/ }), +/* 55 */ +/***/ (function(module, exports, __webpack_require__) { + + var toInteger = __webpack_require__(29) + , defined = __webpack_require__(26); + // true -> String#at + // false -> String#codePointAt + module.exports = function(TO_STRING){ + return function(that, pos){ + var s = String(defined(that)) + , i = toInteger(pos) + , l = s.length + , a, b; + if(i < 0 || i >= l)return TO_STRING ? '' : undefined; + a = s.charCodeAt(i); + return a < 0xd800 || a > 0xdbff || i + 1 === l || (b = s.charCodeAt(i + 1)) < 0xdc00 || b > 0xdfff + ? TO_STRING ? s.charAt(i) : a + : TO_STRING ? s.slice(i, i + 2) : (a - 0xd800 << 10) + (b - 0xdc00) + 0x10000; + }; + }; + +/***/ }), +/* 56 */ +/***/ (function(module, exports, __webpack_require__) { + + var anObject = __webpack_require__(11) + , get = __webpack_require__(57); + module.exports = __webpack_require__(6).getIterator = function(it){ + var iterFn = get(it); + if(typeof iterFn != 'function')throw TypeError(it + ' is not iterable!'); + return anObject(iterFn.call(it)); + }; + +/***/ }), +/* 57 */ +/***/ (function(module, exports, __webpack_require__) { + + var classof = __webpack_require__(58) + , ITERATOR = __webpack_require__(51)('iterator') + , Iterators = __webpack_require__(42); + module.exports = __webpack_require__(6).getIteratorMethod = function(it){ + if(it != undefined)return it[ITERATOR] + || it['@@iterator'] + || Iterators[classof(it)]; + }; + +/***/ }), +/* 58 */ +/***/ (function(module, exports, __webpack_require__) { + + // getting tag from 19.1.3.6 Object.prototype.toString() + var cof = __webpack_require__(25) + , TAG = __webpack_require__(51)('toStringTag') + // ES3 wrong here + , ARG = cof(function(){ return arguments; }()) == 'Arguments'; + + // fallback for IE11 Script Access Denied error + var tryGet = function(it, key){ + try { + return it[key]; + } catch(e){ /* empty */ } + }; + + module.exports = function(it){ + var O, T, B; + return it === undefined ? 'Undefined' : it === null ? 'Null' + // @@toStringTag case + : typeof (T = tryGet(O = Object(it), TAG)) == 'string' ? T + // builtinTag case + : ARG ? cof(O) + // ES3 arguments fallback + : (B = cof(O)) == 'Object' && typeof O.callee == 'function' ? 'Arguments' : B; + }; + +/***/ }), +/* 59 */ +/***/ (function(module, exports, __webpack_require__) { + + module.exports = { "default": __webpack_require__(60), __esModule: true }; + +/***/ }), +/* 60 */ +/***/ (function(module, exports, __webpack_require__) { + + __webpack_require__(61); + module.exports = __webpack_require__(6).Object.assign; + +/***/ }), +/* 61 */ +/***/ (function(module, exports, __webpack_require__) { + + // 19.1.3.1 Object.assign(target, source) + var $export = __webpack_require__(4); + + $export($export.S + $export.F, 'Object', {assign: __webpack_require__(62)}); + +/***/ }), +/* 62 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + // 19.1.2.1 Object.assign(target, source, ...) + var getKeys = __webpack_require__(20) + , gOPS = __webpack_require__(63) + , pIE = __webpack_require__(35) + , toObject = __webpack_require__(53) + , IObject = __webpack_require__(24) + , $assign = Object.assign; + + // should work with symbols and should have deterministic property order (V8 bug) + module.exports = !$assign || __webpack_require__(15)(function(){ + var A = {} + , B = {} + , S = Symbol() + , K = 'abcdefghijklmnopqrst'; + A[S] = 7; + K.split('').forEach(function(k){ B[k] = k; }); + return $assign({}, A)[S] != 7 || Object.keys($assign({}, B)).join('') != K; + }) ? function assign(target, source){ // eslint-disable-line no-unused-vars + var T = toObject(target) + , aLen = arguments.length + , index = 1 + , getSymbols = gOPS.f + , isEnum = pIE.f; + while(aLen > index){ + var S = IObject(arguments[index++]) + , keys = getSymbols ? getKeys(S).concat(getSymbols(S)) : getKeys(S) + , length = keys.length + , j = 0 + , key; + while(length > j)if(isEnum.call(S, key = keys[j++]))T[key] = S[key]; + } return T; + } : $assign; + +/***/ }), +/* 63 */ +/***/ (function(module, exports) { + + exports.f = Object.getOwnPropertySymbols; + +/***/ }), +/* 64 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + var _assign = __webpack_require__(59); + + var _assign2 = _interopRequireDefault(_assign); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + /** + * 向下兼容 + */ + + var NumberInput = __webpack_require__(65); + var TimePicker = __webpack_require__(176); + var Dropdown = __webpack_require__(178); + + var aliasList = [{ oldObj: 'Check', newObj: 'KLCheck', oldName: 'check' }, { oldObj: 'CheckGroup', newObj: 'KLCheckGroup', oldName: 'check.group' }, { oldObj: 'DatePicker', newObj: 'KLDatePicker', oldName: 'date.picker' }, { oldObj: 'RadioGroup', newObj: 'KLRadioGroup', oldName: 'radio.group' }, { oldObj: 'MultiSelect', newObj: 'KLMultiSelect', oldName: 'multi.select' }, { oldObj: 'UIButton', newObj: 'KLButton', oldName: 'ui.button' }, { oldObj: 'UIForm', newObj: 'KLForm', oldName: 'ui.form' }, { oldObj: 'FormItem', newObj: 'KLFormItem', oldName: 'form.item' }, { oldObj: 'UIInput', newObj: 'KLInput', oldName: 'ui.input' }, { oldObj: 'UISelect', newObj: 'KLSelect', oldName: 'ui.select' }, { oldObj: 'UIText', newObj: 'KLText', oldName: 'ui.text' }, { oldObj: 'UITextArea', newObj: 'KLTextArea', oldName: 'ui.textarea' }, { oldObj: 'Sidebar', newObj: 'KLSidebar', oldName: 'ui.sidebar' }, { oldObj: 'Menu', newObj: 'KLMenu', oldName: 'ui.menu' }, { oldObj: 'MenuItem', newObj: 'KLMenuItem', oldName: 'menu.item' }, { oldObj: 'SubMenu', newObj: 'KLSubMenu', oldName: 'sub.menu' }, { oldObj: 'Pager', newObj: 'KLPager', oldName: 'pager' }, { oldObj: 'Tabs', newObj: 'KLTabs', oldName: 'tabs' }, { oldObj: 'Tab', newObj: 'KLTab', oldName: 'tab' }, { oldObj: 'Steps', newObj: 'KLSteps', oldName: 'steps' }, { + oldObj: 'Modal', + newObj: 'KLModal', + oldName: 'modal', + staticMethods: ['alert', 'confirm'] + }, { oldObj: 'Mask', newObj: 'KLMask', oldName: 'mask' }, { + oldObj: 'Notify', + newObj: 'KLNotify', + oldName: 'notify', + staticMethods: ['notify', 'show', 'close', 'closeAll', 'success', 'warning', 'info', 'error'] + }, { oldObj: 'PopConfirm', newObj: 'KLPopConfirm', oldName: 'pop.confirm' }, { + oldObj: 'Loading', + newObj: 'KLLoading', + oldName: 'loading', + staticMethods: ['loading', 'show', 'hide'] + }, { oldObj: 'Progress', newObj: 'KLProgress', oldName: 'progress' }, { oldObj: 'Tooltip', newObj: 'KLTooltip', oldName: 'tooltip' }, { + oldObj: 'LocaleProvider', + newObj: 'KLLocaleProvider', + oldName: 'locale.provider', + staticMethods: ['translate'] + }, { oldObj: 'UITable', newObj: 'KLTable', oldName: 'ui.table' }, { oldObj: 'TableCol', newObj: 'KLTableCol', oldName: 'table.col' }, { + oldObj: 'TableTemplate', + newObj: 'KLTableTemplate', + oldName: 'table.template' + }, { oldObj: 'Row', newObj: 'KLRow', oldName: 'ui.row' }, { oldObj: 'Col', newObj: 'KLCol', oldName: 'ui.col' }, { oldObj: 'Card', newObj: 'KLCard', oldName: 'ui.card' }, { oldObj: 'CardTools', newObj: 'KLCardTools', oldName: 'card.tools' }]; + + module.exports = function (Components) { + (0, _assign2.default)(Components, { + // 内部组件 + NumberInput: NumberInput.extend({ name: 'number.input' }), + TimePicker: TimePicker.extend({ name: 'time.picker' }), + Dropdown: Dropdown.extend({ name: 'dropdown' }), + + // 废弃组件 + SelectGroup: __webpack_require__(184), + Suggest: __webpack_require__(186), + TreeSelect: __webpack_require__(188), + Uploader: __webpack_require__(194), + UIGroup: __webpack_require__(196), + Collapse: __webpack_require__(197), + Gotop: __webpack_require__(201), + PathTool: __webpack_require__(203), + Panel: __webpack_require__(199), + PanelTool: __webpack_require__(212), + KLMask: __webpack_require__(213) + }); + + // 别名组件 + aliasList.forEach(function (alias) { + Components[alias.oldObj] = Components[alias.newObj].extend({ + name: alias.oldName + }); + // 静态方法 + (alias.staticMethods || []).forEach(function (_static) { + Components[alias.oldObj][_static] = Components[alias.newObj][_static]; + }); + }); + }; + +/***/ }), +/* 65 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + var _create = __webpack_require__(66); + + var _create2 = _interopRequireDefault(_create); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + /** + * ------------------------------------------------------------ + * NumberInput 输入扩展 + * @author sensen(rainforest92@126.com) + * ------------------------------------------------------------ + */ + var KLInput = __webpack_require__(69); + var template = __webpack_require__(175); + var _ = __webpack_require__(72); + + /** + * @class NumberInput + * @extend KLInput + * @param {object} [options.data] = 绑定属性 + * @param {string} [options.data.value=0] <=> 文本框的值 + * @param {string} [options.data.state] <=> 文本框的状态 + * @param {number} [options.data.min] => 最小值 + * @param {number} [options.data.max] => 最大值 + * @param {boolean} [options.data.hideTip=false] => 是否显示校验错误信息 + * @param {boolean} [options.data.autofocus=false] => 是否自动获得焦点 + * @param {boolean} [options.data.readonly=false] => 是否只读 + * @param {boolean} [options.data.disabled=false] => 是否禁用 + * @param {boolean} [options.data.visible=true] => 是否显示 + * @param {string} [options.data.class] => 补充class + */ + var NumberInput = KLInput.extend({ + name: 'number-input', + template: template, + /** + * @protected + */ + config: function config() { + _.extend(this.data, { + value: 0, + // @inherited state: '', + // @inherited placeholder: '', + hideTip: false, + min: undefined, + max: undefined, + autofocus: false + }); + this.supr(); + + this.$watch('value', function (newValue) { + // 字符类型自动转为数字类型 + if (typeof newValue === 'string') return this.data.value = +newValue; + + // 如果超出数值范围，则设置为范围边界的数值 + var isOutOfRange = this.isOutOfRange(newValue); + if (isOutOfRange !== false) return this.data.value = isOutOfRange; + + /** + * @event change 数值改变时触发 + * @property {object} sender 事件发送对象 + * @property {number} value 改变后的数值 + */ + this.$emit('change', { + sender: this, + value: newValue + }); + }); + + this.$watch(['min', 'max'], function (min, max) { + if (!isNaN(min) && !isNaN(max) && min - max > 0) { + throw new NumberInput.NumberRangeError(min, max); + } + + // 如果超出数值范围，则设置为范围边界的数值 + var isOutOfRange = this.isOutOfRange(this.data.value); + if (isOutOfRange !== false) return this.data.value = isOutOfRange; + }); + }, + + /** + * @method add(value) 调整数值 + * @public + * @param {number} [value=0] 加/减的值 + * @return {number} value 计算后的值 + */ + add: function add(value) { + if (this.data.readonly || this.data.disabled || !value) return; + + if (isNaN(value)) throw new TypeError(value + ' is not a number!'); + + return this.data.value += value; + }, + + /** + * @method isOutOfRange(value) 是否超出规定的数值范围 + * @public + * @param {number} value 待测的值 + * @return {boolean|number} number 如果没有超出数值范围，则返回false；如果超出数值范围，则返回范围边界的数值 + */ + isOutOfRange: function isOutOfRange(value) { + var min = +this.data.min; + var max = +this.data.max; + + // min && value < min && min，先判断是否为空，再判断是否超出数值范围，如果超出则返回范围边界的数值 + if (!isNaN(min) && value < min) return min;else if (!isNaN(max) && value > max) return max; + return false; + } + }).filter({ + number: { + get: function get(_value) { + var value = '' + (_value || 0); + if (this.data.format) { + return this.data.format.replace(new RegExp('\\d{0,' + value.length + '}$'), value); + } + return value; + }, + set: function set(value) { + // return (value.replace(/[^0-9\-\.]/g, '')); + return +value; + // return +(value.replace(/[^\d\.\-]/g, '')) || 0; + } + } + }); + + var NumberRangeError = function NumberRangeError(min, max) { + this.type = 'NumberRangeError'; + this.message = 'Wrong Number Range where `min` is ' + min + ' and `max` is ' + max + '!'; + }; + NumberRangeError.prototype = (0, _create2.default)(RangeError.prototype); + NumberRangeError.prototype.constructor = NumberRangeError; + NumberInput.NumberRangeError = NumberRangeError.prototype.constructor; + + module.exports = NumberInput; + +/***/ }), +/* 66 */ +/***/ (function(module, exports, __webpack_require__) { + + module.exports = { "default": __webpack_require__(67), __esModule: true }; + +/***/ }), +/* 67 */ +/***/ (function(module, exports, __webpack_require__) { + + __webpack_require__(68); + var $Object = __webpack_require__(6).Object; + module.exports = function create(P, D){ + return $Object.create(P, D); + }; + +/***/ }), +/* 68 */ +/***/ (function(module, exports, __webpack_require__) { + + var $export = __webpack_require__(4) + // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties]) + $export($export.S, 'Object', {create: __webpack_require__(47)}); + +/***/ }), +/* 69 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + /** + * @file KLInput 输入扩展 + * @author sensen + * ------------------------------------------------------------ + */ + + var Component = __webpack_require__(70); + var template = __webpack_require__(103); + var _ = __webpack_require__(72); + var Validation = __webpack_require__(104); + var validationMixin = __webpack_require__(170); + var inputRules = __webpack_require__(171); + var inputFilters = __webpack_require__(172); + + var bowser = __webpack_require__(173); + + /** + * @class KLInput + * @extend Component + * @param {object} [options.data] = 绑定属性 + * @param {string} [options.data.value] <=> 文本框的值 + * @param {string} [options.data.type] => 文本框的类型, 6种类型：int, float, char，password （email, url暂未实现）， + * @param {string} [options.data.placeholder] => 占位符 + * @param {string} [options.data.state] <=> 文本框的状态 + * @param {number} [options.data.maxlength] => 文本框的最大长度 + * @param {string} [options.data.unit] => 单位 + * @param {boolean} [options.data.clearable=false] => 是否显示清空图标 + * @param {object[]} [options.data.rules=[]] => 验证规则 + * @param {boolean} [options.data.autofocus=false] => 是否自动获得焦点 + * @param {boolean} [options.data.readonly=false] => 是否只读 + * @param {boolean} [options.data.disabled=false] => 是否禁用 + * @param {boolean} [options.data.visible=true] => 是否显示 + * @param {string} [options.data.class] => 补充class + * @param {number} [options.data.decimalDigits] => type=float时,最多输入几位小数的filter + * @param {boolean} [options.data.required] => 【验证规则】是否必填 + * @param {boolean} [options.data.hideTip=false] => 是否显示校验错误信息 + * @param {number} [options.data.min] => 【验证规则】type=int/float时的最小值, type=char时，最小长度 + * @param {number} [options.data.max] => 【验证规则】type=int/float时的最大值, type=char时，最大长度 + * @param {string} [options.data.message] => 【验证规则】验证失败时，提示的消息 + * @param {string} [options.data.size] => 组件大小, sm/md + * @param {number} [options.data.width] => 组件宽度 + */ + var KLInput = Component.extend({ + name: 'kl-input', + template: template, + config: function config() { + _.extend(this.data, { + hideTip: false, + value: '', + type: 'char', + placeholder: '', + state: '', + maxlength: undefined, + unit: '', + rules: [], + autofocus: false, + _eltIE9: bowser.msie && bowser.version <= 9, + clearable: false + }); + this.rules({ + required: false, + byteLen: this.data.type === 'char', + isEmail: this.data.type === 'email', + isURL: this.data.type === 'url', + isInt: this.data.type === 'int', + isFloat: this.data.type === 'float', + message: '' + }); + + this.supr(); + + this.initValidation(); + }, + init: function init() { + this.$watch('required', function (value) { + if (value) { + this.addRule('required'); + } else { + this.data.rules = this.data.rules.filter(function (rule) { + return rule.type !== 'isRequired'; + }); + } + }); + }, + rules: function rules(ruleAttris) { + this.supr(ruleAttris); + var self = this; + ['required', 'isEmail', 'isURL', 'isFloat', 'isInt', 'byteLen'].forEach(function (name) { + self.addRule(name); + }); + }, + addRule: function addRule(name) { + var _data = this.data, + min = _data.min, + max = _data.max, + _message = _data.message, + rules = _data.rules; + + + var message = _message; + if (name === 'required') { + message = message || this.$trans('PLEASE_INPUT'); + } + + if (!this.data[name]) { + return; + } + var rule = inputRules[name]; + if (typeof rule === 'function') { + rules.push(rule(min, max, message)); + } else { + var ruleCopy = _.extend({}, rule); + message && (ruleCopy.message = message); + rules.push(ruleCopy); + } + }, + validate: function validate() { + var on = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ''; + var _data2 = this.data, + readonly = _data2.readonly, + disabled = _data2.disabled; + // 如果是readonly或者disabled状态, 无需验证 + + if (readonly || disabled) { + return { + success: true + }; + } + + var value = this.data.value || this.data.value === 0 ? '' + this.data.value : ''; + var rules = this.data.rules; + + rules = rules.filter(function (rule) { + return (rule.on || '').indexOf(on) >= 0; + }); + + var result = Validation.validate(value, rules); + if (result.firstRule && !(result.firstRule.silentOn === true || typeof result.firstRule.silentOn === 'string' && result.firstRule.silentOn.indexOf(on) >= 0)) { + this.data.tip = result.firstRule.message; + } else this.data.tip = ''; + + // @TODO + if (!result.success) this.data.state = 'error';else { + this.data.state = ''; + } + + this.$emit('validate', { + sender: this, + on: on, + result: result + }); + + return result; + }, + clear: function clear() { + this.$update('value', ''); + }, + + /* 1. type=char时,去除前后的空格; 2. type=int/float时, 只能输入对应类型的数字; */ + __valueFilter: function __valueFilter(_value) { + var type = this.data.type; + + var value = _value; + if (type !== 'char') value = ('' + value).trim(); + value = (inputFilters[type] || inputFilters.default)(value, this.data.decimalDigits); + return value; + }, + _onKeyUp: function _onKeyUp($event) { + this.validate('keyup'); + /** + * @event KLInput#keyup 原生keyup事件 + * @param {event} MouseEvent 点击的鼠标事件 + */ + this.$emit('keyup', $event); + }, + _onBlur: function _onBlur($event) { + this.validate('blur'); + /** + * @event KLInput#blur 原生blur事件 + * @param {event} MouseEvent 点击的鼠标事件 + */ + this.$emit('blur', $event); + }, + _onFocus: function _onFocus($event) { + /** + * @event KLInput#focus 原生focus事件 + * @param {event} MouseEvent 点击的鼠标事件 + */ + this.$emit('focus', $event); + }, + _onChange: function _onChange($event) { + this.validate('change'); + /** + * @event KLInput#change 原生change事件 + * @param {event} KeyBoardEvent 点击的鼠标事件 + */ + this.$emit('change', $event); + }, + _onInput: function _onInput($event) { + this.validate('input'); + /** + * @event KLInput#input 原生input事件 + * @param {event} KeyBoardEvent 点击的鼠标事件 + */ + this.$emit('input', $event); + }, + _onSearch: function _onSearch($event) { + /** + * @event KLInput#search 点击搜索图标时触发 + * @param {event} MouseEvent 点击的鼠标事件 + */ + this.$emit('search', $event); + } + }); + + KLInput.filter('type', function (val) { + if (['int', 'float'].indexOf(val) !== -1) { + /* 这里不能是number, 因为number的话, 输入++++123这种获取到的值是空 */ + return 'text'; + } else if (val === 'password') { + return 'password'; + } + return 'text'; + }); + + KLInput.filter({ + valueFilter: { + get: function get(val) { + return this.__valueFilter(val); + }, + set: function set(val) { + return this.__valueFilter(val); + } + } + }); + + KLInput.use(validationMixin); + module.exports = KLInput; + +/***/ }), +/* 70 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + var _assign = __webpack_require__(59); + + var _assign2 = _interopRequireDefault(_assign); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + /** + * ------------------------------------------------------------ + * Component 组件基类 + * @author sensen(rainforest92@126.com) + * ------------------------------------------------------------ + */ + + var Regular = __webpack_require__(71); + var _ = __webpack_require__(72); + var filter = __webpack_require__(78); + var directive = __webpack_require__(83); + var animation = __webpack_require__(102); + + /** + * @class Component + * @extend Regular + * @param {boolean} [options.data.readonly=false] => 是否只读 + * @param {boolean} [options.data.disabled=false] => 是否禁用 + * @param {boolean} [options.data.visible=true] => 是否显示 + * @param {string} [options.data.class] => 补充class + */ + var Component = Regular.extend({ + /** + * @protected + */ + config: function config() { + _.extend(this.data, { + readonly: false, + disabled: false, + visible: true, + // zh-CN, en-US + lang: 'zh-CN', + class: '', + console: typeof console === 'undefined' ? undefined : console + }); + this.supr(); + }, + + /** + * @protected + */ + defaults: function defaults(data) { + this.data = (0, _assign2.default)(data, this.data); + }, + + /** + * @protected + */ + rules: function rules(attris) { + this.data = (0, _assign2.default)(attris, this.data); + }, + + /** + * @protected + */ + reset: function reset() { + this.data = {}; + this.config(); + }, + $trans: function $trans(key) { + return _.$trans(key, this); + } + }).filter(filter).directive(directive); + + animation.install(Regular); + + module.exports = Component; + +/***/ }), +/* 71 */ +/***/ (function(module, exports) { + + module.exports = __WEBPACK_EXTERNAL_MODULE_71__; + +/***/ }), +/* 72 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + var _stringify = __webpack_require__(73); + + var _stringify2 = _interopRequireDefault(_stringify); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + /* eslint-disable */ + var Regular = __webpack_require__(71); + var language = __webpack_require__(75); + + Regular.prototype.$once = function (event, fn) { + var call = function call() { + fn && fn.apply(this, arguments); + this.$off(event, call); + }; + this.$on(event, call); + }; + + var _ = { + noop: Regular.util.noop, + dom: Regular.dom, + isNil: function isNil(val) { + return val == null || val == undefined; + }, + + /** + * Check whether the object has the property. + * + * @param {Object} obj + * @param {String} key + * @return {Boolean} + */ + hasOwn: function hasOwn(obj, key) { + var hasOwnProperty = Object.prototype.hasOwnProperty; + return hasOwnProperty.call(obj, key); + }, + multiline: function multiline(func) { + var reg = /^function\s*\(\)\s*\{\s*\/\*+\s*([\s\S]*)\s*\*+\/\s*\}$/; + return reg.exec(func)[1]; + }, + clone: function clone(obj) { + return JSON.parse((0, _stringify2.default)(obj)); + } + }; + + _.throttle = function (fn, delay) { + var timer = null; + + return function () { + clearTimeout(timer); + timer = setTimeout(function () { + fn(); + }, delay); + }; + }; + + /** + * 空闲控制 返回函数连续调用时，空闲时间必须大于或等于 wait，func 才会执行 + * + * @param {function} func 传入函数 + * @param {number} wait 表示时间窗口的间隔 + * @param {boolean} immediate 设置为ture时，调用触发于开始边界而不是结束边界 + * @return {function} 返回客户调用函数 + */ + _.debounce = function (func, wait, immediate) { + var timeout = void 0, + args = void 0, + context = void 0, + timestamp = void 0, + result = void 0; + + var later = function later() { + // 据上一次触发时间间隔 + var last = +new Date() - timestamp; + + // 上次被包装函数被调用时间间隔last小于设定时间间隔wait + if (last < wait && last > 0) { + timeout = setTimeout(later, wait - last); + } else { + timeout = null; + // 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用 + if (!immediate) { + result = func.apply(context, args); + if (!timeout) context = args = null; + } + } + }; + + return function () { + context = this; + args = arguments; + timestamp = +new Date(); + var callNow = immediate && !timeout; + // 如果延时不存在，重新设定延时 + if (!timeout) timeout = setTimeout(later, wait); + if (callNow) { + result = func.apply(context, args); + context = args = null; + } + + return result; + }; + }; + + /** + * 压缩regular模版 + * @param htmlstr + * @returns {XML|string} + * add by xuejimiao 2016/02/25 + */ + _.compressHtml = function (htmlstr) { + // 防止nej打包模版后报错 + if (typeof htmlstr !== 'string') { + return htmlstr; + } + var htmlStrArrs = void 0, + onHTML = false, + onRegularExpression = false; + htmlStrArrs = htmlstr.split(''); + return htmlStrArrs.map(function (item) { + if (item == '<') { + onHTML = true; + } else if (item == '>') { + onHTML = false; + return item; + } else if (item == '{') { + onRegularExpression = true; + } else if (item == '}') { + onRegularExpression = false; + return item; + } + + if (onHTML || onRegularExpression || !/[\n\s]/g.test(item)) { + return item; + } + }).join(''); + }; + + _.extend = function (o1, o2, override, hasOwnProperty) { + for (var i in o2) { + if ((!hasOwnProperty || o2.hasOwnProperty(i)) && (override || o1[i] === undefined)) { + o1[i] = o2[i]; + } + } + return o1; + }; + + _.dom.emit = function (elem, eventName) { + if (elem.dispatchEvent) { + var event = new CustomEvent(eventName); + elem.dispatchEvent(event); + } else { + var event = document.createEventObject(); + elem.fireEvent('on' + eventName, event); + } + }; + + _.dom.getPosition = function (elem) { + var doc = elem && elem.ownerDocument, + docElem = doc.documentElement, + body = doc.body; + + var box = elem.getBoundingClientRect ? elem.getBoundingClientRect() : { top: 0, left: 0 }; + + var clientTop = docElem.clientTop || body.clientTop || 0, + clientLeft = docElem.clientLeft || body.clientLeft || 0; + + return { top: box.top - clientTop, left: box.left - clientLeft }; + + // var scrollTop = window.pageYOffset || docElem.scrollTop, + // scrollLeft = window.pageXOffset || docElem.scrollLeft; + + // return {top: box.top + scrollTop - clientTop, left: box.left + scrollLeft - clientLeft} + }; + + _.dom.getOffset = function (elem) { + return { width: elem.clientWidth, height: elem.clientHeight }; + }; + + _.dom.getDimension = function (elem, fixed) { + return _.extend(_.dom.getOffset(elem), _.dom.getPosition(elem, fixed)); + }; + + _.dom.isInRect = function (position, dimension) { + if (!position || !dimension) return false; + + return position.left > dimension.left && position.left < dimension.left + dimension.width && position.top > dimension.top && position.top < dimension.top + dimension.height; + }; + + _.dom.once = function (elem, ev, handle) { + function real() { + handle.apply(this, arguments); + _.dom.off(elem, ev, real); + } + _.dom.on(elem, ev, real); + }; + + _.dom.contains = function (root, n) { + var node = n; + while (node) { + if (node === root) { + return true; + } + node = node.parentNode; + } + + return false; + }; + + // Ref: http://jsfiddle.net/mendesjuan/rHMCy/4/ + _.dom.fireEvent = function (node, eventName) { + // Make sure we use the ownerDocument from the provided node to avoid cross-window problems + var doc = void 0; + if (node.ownerDocument) { + doc = node.ownerDocument; + } else if (node.nodeType == 9) { + // the node may be the document itself, nodeType 9 = DOCUMENT_NODE + doc = node; + } else { + throw new Error('Invalid node passed to fireEvent: ' + node.id); + } + + if (node.dispatchEvent) { + // Gecko-style approach (now the standard) takes more work + var eventClass = ''; + + // Different events have different event classes. + // If this switch statement can't map an eventName to an eventClass, + // the event firing is going to fail. + switch (eventName) { + case 'click': // Dispatching of 'click' appears to not work correctly in Safari. Use 'mousedown' or 'mouseup' instead. + case 'mousedown': + case 'mouseup': + eventClass = 'MouseEvents'; + break; + + case 'focus': + case 'change': + case 'blur': + case 'select': + eventClass = 'HTMLEvents'; + break; + + default: + throw 'fireEvent: Couldn\'t find an event class for event \'' + eventName + '\'.'; + break; + } + var event = doc.createEvent(eventClass); + + var bubbles = eventName != 'change'; + event.initEvent(eventName, bubbles, true); // All events created as bubbling and cancelable. + + event.synthetic = true; // allow detection of synthetic events + node.dispatchEvent(event, true); + } else if (node.fireEvent) { + // IE-old school style + var event = doc.createEventObject(); + event.synthetic = true; // allow detection of synthetic events + node.fireEvent('on' + eventName, event); + } + }; + + _.$trans = function (key, self) { + var $NEKUI = window.$NEKUI || {}; + return language[$NEKUI.lang || (self ? self.data.lang : '') || 'zh-CN'][key] || ''; + }; + + module.exports = _; + +/***/ }), +/* 73 */ +/***/ (function(module, exports, __webpack_require__) { + + module.exports = { "default": __webpack_require__(74), __esModule: true }; + +/***/ }), +/* 74 */ +/***/ (function(module, exports, __webpack_require__) { + + var core = __webpack_require__(6) + , $JSON = core.JSON || (core.JSON = {stringify: JSON.stringify}); + module.exports = function stringify(it){ // eslint-disable-line no-unused-vars + return $JSON.stringify.apply($JSON, arguments); + }; + +/***/ }), +/* 75 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + module.exports = { + 'zh-CN': __webpack_require__(76), + 'en-US': __webpack_require__(77) + }; + +/***/ }), +/* 76 */ +/***/ (function(module, exports) { + + 'use strict'; + + module.exports = { + PLEASE_SELECT: '请选择', + PLEASE_INPUT: '请输入', + NO_MATCH: '无匹配项目', + CAL_MONDAY: '一', + CAL_TUESDAY: '二', + CAL_WENSDAY: '三', + CAL_THURSDAY: '四', + CAL_FRIDAY: '五', + CAL_SATURDAY: '六', + CAL_SUNDAY: '日', + CONFIRM: '确定', + ALL: '全部', + UPLOAD: '上传', + DROPDOWN_LIST: '下拉菜单', + MULTILEVEL_MENU: '多级菜单', + GOTO: '跳至', + PAGE_NEXT: '下一页', + PAGE_PREV: '上一页', + CANCEL: '取消', + NOTICE: '提示', + ITEM_PAGE: '条/页', + TOTAL: '共', + ITEMS: '条', + PAGE: '页', + FORMAT_ERROR: '格式错误', + VALUE_ERROR: '值错误', + LENGTH_ERROR: '长度错误', + LOADING: '加载中', + NO_DATA: '无数据', + FILE_TYPE_ERROR: '格式错误', + FILE_TOO_LARGE: '文件过大', + RETRY: '重试', + UPLOAD_FILE: '上传文件', + DOWNLOAD_FILE: '下载', + UPLOAD_FAIL: '上传失败', + UNKNOWN: '未知', + REMOVE_CONFIRM: '确认删除', + LIMIT_ERROR: 'limit 应该为数字', + IMAGE_WIDTH_ERROR: '宽度错误', + IMAGE_HEIGHT_ERROR: '高度错误', + IMAGE_SCALE_ERROR: '比例错误', + PLEASE_UPLOAD_ATLEAST: '请至少上传', + UNIT: '个', + FILE: '文件', + SEARCH: '查询', + RESET: '重置', + FOLD: '收起', + UNFOLD: '展开' + }; + +/***/ }), +/* 77 */ +/***/ (function(module, exports) { + + 'use strict'; + + module.exports = { + PLEASE_SELECT: 'Please Select', + PLEASE_INPUT: 'Please Input', + NO_MATCH: 'No Match', + CAL_MONDAY: 'Mon', + CAL_TUESDAY: 'Tue', + CAL_WENSDAY: 'Wen', + CAL_THURSDAY: 'Thu', + CAL_FRIDAY: 'Fri', + CAL_SATURDAY: 'Sat', + CAL_SUNDAY: 'Sun', + CONFIRM: 'Confirm', + ALL: 'All', + UPLOAD: 'Upload', + DROPDOWN_LIST: 'Dropdown List', + MULTILEVEL_MENU: 'Multi-level Menu', + GOTO: 'Goto', + PAGE_NEXT: 'Next', + PAGE_PREV: 'Prev', + CANCEL: 'Cancel', + NOTICE: 'Notice', + ITEM_PAGE: '/page', + TOTAL: 'total', + ITEMS: 'items', + PAGE: '', + FORMAT_ERROR: 'Format Error', + VALUE_ERROR: 'Value Error', + LENGTH_ERROR: 'Length Error', + LOADING: 'Loading', + NO_DATA: 'No data', + FILE_TYPE_ERROR: 'TypeError', + FILE_TOO_LARGE: 'TooLarge', + RETRY: 'Retry', + UPLOAD_FILE: 'File', + DOWNLOAD_FILE: '', + UPLOAD_FAIL: 'Fail', + UNKNOWN: 'UNKNOWN', + REMOVE_CONFIRM: 'Are you sure to remove', + LIMIT_ERROR: 'the limit should be a number', + IMAGE_WIDTH_ERROR: 'width error', + IMAGE_HEIGHT_ERROR: 'height error', + IMAGE_SCALE_ERROR: 'scale error', + PLEASE_UPLOAD_ATLEAST: 'Please upload at least', + UNIT: '', + FILE: 'file', + SEARCH: 'search', + RESET: 'reset', + FOLD: 'fold', + UNFOLD: 'unfold' + }; + +/***/ }), +/* 78 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + var _keys = __webpack_require__(79); + + var _keys2 = _interopRequireDefault(_keys); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + exports.format = function () { + function fix(_str) { + var str = '' + (String(_str) || ''); + return str.length <= 1 ? '0' + str : str; + } + var maps = { + yyyy: function yyyy(date) { + return date.getFullYear(); + }, + MM: function MM(date) { + return fix(date.getMonth() + 1); + }, + dd: function dd(date) { + return fix(date.getDate()); + }, + HH: function HH(date) { + return fix(date.getHours()); + }, + mm: function mm(date) { + return fix(date.getMinutes()); + }, + ss: function ss(date) { + return fix(date.getSeconds()); + } + }; + + var trunk = new RegExp((0, _keys2.default)(maps).join('|'), 'g'); + return function (_value, _format) { + if (!_value) { + return ''; + } + var format = _format || 'yyyy-MM-dd HH:mm'; + var value = new Date(_value); + + return format.replace(trunk, function (capture) { + return maps[capture] ? maps[capture](value) : ''; + }); + }; + }(); + + exports.average = function (_array, key) { + var array = _array || []; + return array.length ? exports.total(array, key) / array.length : 0; + }; + exports.total = function (array, key) { + var total = 0; + if (!array) return undefined; + array.forEach(function (item) { + total += key ? item[key] : item; + }); + return total; + }; + + exports.filter = function (array, filterFn) { + if (!array || !array.length) return undefined; + return array.filter(function (item, index) { + return filterFn(item, index); + }); + }; + +/***/ }), +/* 79 */ +/***/ (function(module, exports, __webpack_require__) { + + module.exports = { "default": __webpack_require__(80), __esModule: true }; + +/***/ }), +/* 80 */ +/***/ (function(module, exports, __webpack_require__) { + + __webpack_require__(81); + module.exports = __webpack_require__(6).Object.keys; + +/***/ }), +/* 81 */ +/***/ (function(module, exports, __webpack_require__) { + + // 19.1.2.14 Object.keys(O) + var toObject = __webpack_require__(53) + , $keys = __webpack_require__(20); + + __webpack_require__(82)('keys', function(){ + return function keys(it){ + return $keys(toObject(it)); + }; + }); + +/***/ }), +/* 82 */ +/***/ (function(module, exports, __webpack_require__) { + + // most Object methods by ES6 should accept primitives + var $export = __webpack_require__(4) + , core = __webpack_require__(6) + , fails = __webpack_require__(15); + module.exports = function(KEY, exec){ + var fn = (core.Object || {})[KEY] || Object[KEY] + , exp = {}; + exp[KEY] = exec(fn); + $export($export.S + $export.F * fails(function(){ fn(1); }), 'Object', exp); + }; + +/***/ }), +/* 83 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + var _typeof2 = __webpack_require__(84); + + var _typeof3 = _interopRequireDefault(_typeof2); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var _ = __webpack_require__(72); + var Regular = __webpack_require__(71); + + var rClassGenerator = function rClassGenerator(rClass) { + exports[rClass] = function (elem, value) { + if ((typeof value === 'undefined' ? 'undefined' : (0, _typeof3.default)(value)) === 'object' && value.type === 'expression') { + this.$watch(value, function (newValue) { + _.dom[newValue ? 'addClass' : 'delClass'](elem, rClass); + }); + } else if (!!value || value === '') _.dom.addClass(elem, rClass); + }; + }; + + rClassGenerator('z-crt'); + rClassGenerator('z-sel'); + rClassGenerator('z-chk'); + rClassGenerator('z-act'); + rClassGenerator('z-dis'); + rClassGenerator('z-hover'); + rClassGenerator('z-divider'); + + exports['r-show'] = function (elem, value) { + if ((typeof value === 'undefined' ? 'undefined' : (0, _typeof3.default)(value)) === 'object' && value.type === 'expression') { + this.$watch(value, function (newValue, oldValue) { + if (!newValue === !oldValue) return; + + if (typeof newValue === 'string') elem.style.display = newValue;else elem.style.display = newValue ? 'block' : ''; + }); + } else if (!!value || value === '') { + if (typeof value === 'string' && value !== '') elem.style.display = value;else elem.style.display = value ? 'block' : ''; + } + }; + + exports['r-autofocus'] = function (elem) { + setTimeout(function () { + elem.focus(); + }, 0); + }; + + exports['r-attr'] = function (elem, value) { + var attrs = { + INPUT: ['autocomplete', 'autofocus', 'checked', 'disabled', 'max', 'maxlength', 'min', 'multiple', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'step', 'type'], + TEXTAREA: ['autofocus', 'disabled', 'maxlength', 'name', 'placeholder', 'readonly', 'required', 'wrap'], + SELECT: ['autofocus', 'disabled', 'multiple', 'name', 'required'] + }; + + this.$watch(value, function (newValue) { + attrs[elem.tagName].forEach(function (attr) { + if (newValue[attr]) _.dom.attr(elem, attr, newValue[attr]); + }); + }, true); + }; + + /** + * r-width form.item下表单元素固定宽度时使用; + * @param elem + * @param value + */ + exports['r-width'] = function (elem, value) { + this.$watch(value, function (newValue) { + if (parseInt(newValue)) { + elem.style.width = parseInt(newValue) + 'px'; + elem.style.display = 'inline-block'; + } + }); + }; + + /** + * r-route kl-menu中使用, 支持单页跳转 + * @param elem + */ + exports['r-route'] = function (elem, value) { + this.$watch(value, function () { + var data = this.data; + var url = data.url, + route = data.route, + rootMenu = data.rootMenu; + var router = rootMenu.data.router; + + + if (url) { + elem.href = url; + } else if (router && route) { + Regular.directive('r-link').link.call(this, elem, route); + } + }); + }; + +/***/ }), +/* 84 */ +/***/ (function(module, exports, __webpack_require__) { + + "use strict"; + + exports.__esModule = true; + + var _iterator = __webpack_require__(85); + + var _iterator2 = _interopRequireDefault(_iterator); + + var _symbol = __webpack_require__(88); + + var _symbol2 = _interopRequireDefault(_symbol); + + var _typeof = typeof _symbol2.default === "function" && typeof _iterator2.default === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof _symbol2.default === "function" && obj.constructor === _symbol2.default && obj !== _symbol2.default.prototype ? "symbol" : typeof obj; }; + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + exports.default = typeof _symbol2.default === "function" && _typeof(_iterator2.default) === "symbol" ? function (obj) { + return typeof obj === "undefined" ? "undefined" : _typeof(obj); + } : function (obj) { + return obj && typeof _symbol2.default === "function" && obj.constructor === _symbol2.default && obj !== _symbol2.default.prototype ? "symbol" : typeof obj === "undefined" ? "undefined" : _typeof(obj); + }; + +/***/ }), +/* 85 */ +/***/ (function(module, exports, __webpack_require__) { + + module.exports = { "default": __webpack_require__(86), __esModule: true }; + +/***/ }), +/* 86 */ +/***/ (function(module, exports, __webpack_require__) { + + __webpack_require__(54); + __webpack_require__(38); + module.exports = __webpack_require__(87).f('iterator'); + +/***/ }), +/* 87 */ +/***/ (function(module, exports, __webpack_require__) { + + exports.f = __webpack_require__(51); + +/***/ }), +/* 88 */ +/***/ (function(module, exports, __webpack_require__) { + + module.exports = { "default": __webpack_require__(89), __esModule: true }; + +/***/ }), +/* 89 */ +/***/ (function(module, exports, __webpack_require__) { + + __webpack_require__(90); + __webpack_require__(99); + __webpack_require__(100); + __webpack_require__(101); + module.exports = __webpack_require__(6).Symbol; + +/***/ }), +/* 90 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + // ECMAScript 6 symbols shim + var global = __webpack_require__(5) + , has = __webpack_require__(22) + , DESCRIPTORS = __webpack_require__(14) + , $export = __webpack_require__(4) + , redefine = __webpack_require__(45) + , META = __webpack_require__(91).KEY + , $fails = __webpack_require__(15) + , shared = __webpack_require__(32) + , setToStringTag = __webpack_require__(50) + , uid = __webpack_require__(33) + , wks = __webpack_require__(51) + , wksExt = __webpack_require__(87) + , wksDefine = __webpack_require__(92) + , keyOf = __webpack_require__(93) + , enumKeys = __webpack_require__(94) + , isArray = __webpack_require__(95) + , anObject = __webpack_require__(11) + , toIObject = __webpack_require__(23) + , toPrimitive = __webpack_require__(17) + , createDesc = __webpack_require__(18) + , _create = __webpack_require__(47) + , gOPNExt = __webpack_require__(96) + , $GOPD = __webpack_require__(98) + , $DP = __webpack_require__(10) + , $keys = __webpack_require__(20) + , gOPD = $GOPD.f + , dP = $DP.f + , gOPN = gOPNExt.f + , $Symbol = global.Symbol + , $JSON = global.JSON + , _stringify = $JSON && $JSON.stringify + , PROTOTYPE = 'prototype' + , HIDDEN = wks('_hidden') + , TO_PRIMITIVE = wks('toPrimitive') + , isEnum = {}.propertyIsEnumerable + , SymbolRegistry = shared('symbol-registry') + , AllSymbols = shared('symbols') + , OPSymbols = shared('op-symbols') + , ObjectProto = Object[PROTOTYPE] + , USE_NATIVE = typeof $Symbol == 'function' + , QObject = global.QObject; + // Don't use setters in Qt Script, https://github.com/zloirock/core-js/issues/173 + var setter = !QObject || !QObject[PROTOTYPE] || !QObject[PROTOTYPE].findChild; + + // fallback for old Android, https://code.google.com/p/v8/issues/detail?id=687 + var setSymbolDesc = DESCRIPTORS && $fails(function(){ + return _create(dP({}, 'a', { + get: function(){ return dP(this, 'a', {value: 7}).a; } + })).a != 7; + }) ? function(it, key, D){ + var protoDesc = gOPD(ObjectProto, key); + if(protoDesc)delete ObjectProto[key]; + dP(it, key, D); + if(protoDesc && it !== ObjectProto)dP(ObjectProto, key, protoDesc); + } : dP; + + var wrap = function(tag){ + var sym = AllSymbols[tag] = _create($Symbol[PROTOTYPE]); + sym._k = tag; + return sym; + }; + + var isSymbol = USE_NATIVE && typeof $Symbol.iterator == 'symbol' ? function(it){ + return typeof it == 'symbol'; + } : function(it){ + return it instanceof $Symbol; + }; + + var $defineProperty = function defineProperty(it, key, D){ + if(it === ObjectProto)$defineProperty(OPSymbols, key, D); + anObject(it); + key = toPrimitive(key, true); + anObject(D); + if(has(AllSymbols, key)){ + if(!D.enumerable){ + if(!has(it, HIDDEN))dP(it, HIDDEN, createDesc(1, {})); + it[HIDDEN][key] = true; + } else { + if(has(it, HIDDEN) && it[HIDDEN][key])it[HIDDEN][key] = false; + D = _create(D, {enumerable: createDesc(0, false)}); + } return setSymbolDesc(it, key, D); + } return dP(it, key, D); + }; + var $defineProperties = function defineProperties(it, P){ + anObject(it); + var keys = enumKeys(P = toIObject(P)) + , i = 0 + , l = keys.length + , key; + while(l > i)$defineProperty(it, key = keys[i++], P[key]); + return it; + }; + var $create = function create(it, P){ + return P === undefined ? _create(it) : $defineProperties(_create(it), P); + }; + var $propertyIsEnumerable = function propertyIsEnumerable(key){ + var E = isEnum.call(this, key = toPrimitive(key, true)); + if(this === ObjectProto && has(AllSymbols, key) && !has(OPSymbols, key))return false; + return E || !has(this, key) || !has(AllSymbols, key) || has(this, HIDDEN) && this[HIDDEN][key] ? E : true; + }; + var $getOwnPropertyDescriptor = function getOwnPropertyDescriptor(it, key){ + it = toIObject(it); + key = toPrimitive(key, true); + if(it === ObjectProto && has(AllSymbols, key) && !has(OPSymbols, key))return; + var D = gOPD(it, key); + if(D && has(AllSymbols, key) && !(has(it, HIDDEN) && it[HIDDEN][key]))D.enumerable = true; + return D; + }; + var $getOwnPropertyNames = function getOwnPropertyNames(it){ + var names = gOPN(toIObject(it)) + , result = [] + , i = 0 + , key; + while(names.length > i){ + if(!has(AllSymbols, key = names[i++]) && key != HIDDEN && key != META)result.push(key); + } return result; + }; + var $getOwnPropertySymbols = function getOwnPropertySymbols(it){ + var IS_OP = it === ObjectProto + , names = gOPN(IS_OP ? OPSymbols : toIObject(it)) + , result = [] + , i = 0 + , key; + while(names.length > i){ + if(has(AllSymbols, key = names[i++]) && (IS_OP ? has(ObjectProto, key) : true))result.push(AllSymbols[key]); + } return result; + }; + + // 19.4.1.1 Symbol([description]) + if(!USE_NATIVE){ + $Symbol = function Symbol(){ + if(this instanceof $Symbol)throw TypeError('Symbol is not a constructor!'); + var tag = uid(arguments.length > 0 ? arguments[0] : undefined); + var $set = function(value){ + if(this === ObjectProto)$set.call(OPSymbols, value); + if(has(this, HIDDEN) && has(this[HIDDEN], tag))this[HIDDEN][tag] = false; + setSymbolDesc(this, tag, createDesc(1, value)); + }; + if(DESCRIPTORS && setter)setSymbolDesc(ObjectProto, tag, {configurable: true, set: $set}); + return wrap(tag); + }; + redefine($Symbol[PROTOTYPE], 'toString', function toString(){ + return this._k; + }); + + $GOPD.f = $getOwnPropertyDescriptor; + $DP.f = $defineProperty; + __webpack_require__(97).f = gOPNExt.f = $getOwnPropertyNames; + __webpack_require__(35).f = $propertyIsEnumerable; + __webpack_require__(63).f = $getOwnPropertySymbols; + + if(DESCRIPTORS && !__webpack_require__(44)){ + redefine(ObjectProto, 'propertyIsEnumerable', $propertyIsEnumerable, true); + } + + wksExt.f = function(name){ + return wrap(wks(name)); + } + } + + $export($export.G + $export.W + $export.F * !USE_NATIVE, {Symbol: $Symbol}); + + for(var symbols = ( + // 19.4.2.2, 19.4.2.3, 19.4.2.4, 19.4.2.6, 19.4.2.8, 19.4.2.9, 19.4.2.10, 19.4.2.11, 19.4.2.12, 19.4.2.13, 19.4.2.14 + 'hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables' + ).split(','), i = 0; symbols.length > i; )wks(symbols[i++]); + + for(var symbols = $keys(wks.store), i = 0; symbols.length > i; )wksDefine(symbols[i++]); + + $export($export.S + $export.F * !USE_NATIVE, 'Symbol', { + // 19.4.2.1 Symbol.for(key) + 'for': function(key){ + return has(SymbolRegistry, key += '') + ? SymbolRegistry[key] + : SymbolRegistry[key] = $Symbol(key); + }, + // 19.4.2.5 Symbol.keyFor(sym) + keyFor: function keyFor(key){ + if(isSymbol(key))return keyOf(SymbolRegistry, key); + throw TypeError(key + ' is not a symbol!'); + }, + useSetter: function(){ setter = true; }, + useSimple: function(){ setter = false; } + }); + + $export($export.S + $export.F * !USE_NATIVE, 'Object', { + // 19.1.2.2 Object.create(O [, Properties]) + create: $create, + // 19.1.2.4 Object.defineProperty(O, P, Attributes) + defineProperty: $defineProperty, + // 19.1.2.3 Object.defineProperties(O, Properties) + defineProperties: $defineProperties, + // 19.1.2.6 Object.getOwnPropertyDescriptor(O, P) + getOwnPropertyDescriptor: $getOwnPropertyDescriptor, + // 19.1.2.7 Object.getOwnPropertyNames(O) + getOwnPropertyNames: $getOwnPropertyNames, + // 19.1.2.8 Object.getOwnPropertySymbols(O) + getOwnPropertySymbols: $getOwnPropertySymbols + }); + + // 24.3.2 JSON.stringify(value [, replacer [, space]]) + $JSON && $export($export.S + $export.F * (!USE_NATIVE || $fails(function(){ + var S = $Symbol(); + // MS Edge converts symbol values to JSON as {} + // WebKit converts symbol values to JSON as null + // V8 throws on boxed symbols + return _stringify([S]) != '[null]' || _stringify({a: S}) != '{}' || _stringify(Object(S)) != '{}'; + })), 'JSON', { + stringify: function stringify(it){ + if(it === undefined || isSymbol(it))return; // IE8 returns string on undefined + var args = [it] + , i = 1 + , replacer, $replacer; + while(arguments.length > i)args.push(arguments[i++]); + replacer = args[1]; + if(typeof replacer == 'function')$replacer = replacer; + if($replacer || !isArray(replacer))replacer = function(key, value){ + if($replacer)value = $replacer.call(this, key, value); + if(!isSymbol(value))return value; + }; + args[1] = replacer; + return _stringify.apply($JSON, args); + } + }); + + // 19.4.3.4 Symbol.prototype[@@toPrimitive](hint) + $Symbol[PROTOTYPE][TO_PRIMITIVE] || __webpack_require__(9)($Symbol[PROTOTYPE], TO_PRIMITIVE, $Symbol[PROTOTYPE].valueOf); + // 19.4.3.5 Symbol.prototype[@@toStringTag] + setToStringTag($Symbol, 'Symbol'); + // 20.2.1.9 Math[@@toStringTag] + setToStringTag(Math, 'Math', true); + // 24.3.3 JSON[@@toStringTag] + setToStringTag(global.JSON, 'JSON', true); + +/***/ }), +/* 91 */ +/***/ (function(module, exports, __webpack_require__) { + + var META = __webpack_require__(33)('meta') + , isObject = __webpack_require__(12) + , has = __webpack_require__(22) + , setDesc = __webpack_require__(10).f + , id = 0; + var isExtensible = Object.isExtensible || function(){ + return true; + }; + var FREEZE = !__webpack_require__(15)(function(){ + return isExtensible(Object.preventExtensions({})); + }); + var setMeta = function(it){ + setDesc(it, META, {value: { + i: 'O' + ++id, // object ID + w: {} // weak collections IDs + }}); + }; + var fastKey = function(it, create){ + // return primitive with prefix + if(!isObject(it))return typeof it == 'symbol' ? it : (typeof it == 'string' ? 'S' : 'P') + it; + if(!has(it, META)){ + // can't set metadata to uncaught frozen object + if(!isExtensible(it))return 'F'; + // not necessary to add metadata + if(!create)return 'E'; + // add missing metadata + setMeta(it); + // return object ID + } return it[META].i; + }; + var getWeak = function(it, create){ + if(!has(it, META)){ + // can't set metadata to uncaught frozen object + if(!isExtensible(it))return true; + // not necessary to add metadata + if(!create)return false; + // add missing metadata + setMeta(it); + // return hash weak collections IDs + } return it[META].w; + }; + // add metadata on freeze-family methods calling + var onFreeze = function(it){ + if(FREEZE && meta.NEED && isExtensible(it) && !has(it, META))setMeta(it); + return it; + }; + var meta = module.exports = { + KEY: META, + NEED: false, + fastKey: fastKey, + getWeak: getWeak, + onFreeze: onFreeze + }; + +/***/ }), +/* 92 */ +/***/ (function(module, exports, __webpack_require__) { + + var global = __webpack_require__(5) + , core = __webpack_require__(6) + , LIBRARY = __webpack_require__(44) + , wksExt = __webpack_require__(87) + , defineProperty = __webpack_require__(10).f; + module.exports = function(name){ + var $Symbol = core.Symbol || (core.Symbol = LIBRARY ? {} : global.Symbol || {}); + if(name.charAt(0) != '_' && !(name in $Symbol))defineProperty($Symbol, name, {value: wksExt.f(name)}); + }; + +/***/ }), +/* 93 */ +/***/ (function(module, exports, __webpack_require__) { + + var getKeys = __webpack_require__(20) + , toIObject = __webpack_require__(23); + module.exports = function(object, el){ + var O = toIObject(object) + , keys = getKeys(O) + , length = keys.length + , index = 0 + , key; + while(length > index)if(O[key = keys[index++]] === el)return key; + }; + +/***/ }), +/* 94 */ +/***/ (function(module, exports, __webpack_require__) { + + // all enumerable object keys, includes symbols + var getKeys = __webpack_require__(20) + , gOPS = __webpack_require__(63) + , pIE = __webpack_require__(35); + module.exports = function(it){ + var result = getKeys(it) + , getSymbols = gOPS.f; + if(getSymbols){ + var symbols = getSymbols(it) + , isEnum = pIE.f + , i = 0 + , key; + while(symbols.length > i)if(isEnum.call(it, key = symbols[i++]))result.push(key); + } return result; + }; + +/***/ }), +/* 95 */ +/***/ (function(module, exports, __webpack_require__) { + + // 7.2.2 IsArray(argument) + var cof = __webpack_require__(25); + module.exports = Array.isArray || function isArray(arg){ + return cof(arg) == 'Array'; + }; + +/***/ }), +/* 96 */ +/***/ (function(module, exports, __webpack_require__) { + + // fallback for IE11 buggy Object.getOwnPropertyNames with iframe and window + var toIObject = __webpack_require__(23) + , gOPN = __webpack_require__(97).f + , toString = {}.toString; + + var windowNames = typeof window == 'object' && window && Object.getOwnPropertyNames + ? Object.getOwnPropertyNames(window) : []; + + var getWindowNames = function(it){ + try { + return gOPN(it); + } catch(e){ + return windowNames.slice(); + } + }; + + module.exports.f = function getOwnPropertyNames(it){ + return windowNames && toString.call(it) == '[object Window]' ? getWindowNames(it) : gOPN(toIObject(it)); + }; + + +/***/ }), +/* 97 */ +/***/ (function(module, exports, __webpack_require__) { + + // 19.1.2.7 / 15.2.3.4 Object.getOwnPropertyNames(O) + var $keys = __webpack_require__(21) + , hiddenKeys = __webpack_require__(34).concat('length', 'prototype'); + + exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O){ + return $keys(O, hiddenKeys); + }; + +/***/ }), +/* 98 */ +/***/ (function(module, exports, __webpack_require__) { + + var pIE = __webpack_require__(35) + , createDesc = __webpack_require__(18) + , toIObject = __webpack_require__(23) + , toPrimitive = __webpack_require__(17) + , has = __webpack_require__(22) + , IE8_DOM_DEFINE = __webpack_require__(13) + , gOPD = Object.getOwnPropertyDescriptor; + + exports.f = __webpack_require__(14) ? gOPD : function getOwnPropertyDescriptor(O, P){ + O = toIObject(O); + P = toPrimitive(P, true); + if(IE8_DOM_DEFINE)try { + return gOPD(O, P); + } catch(e){ /* empty */ } + if(has(O, P))return createDesc(!pIE.f.call(O, P), O[P]); + }; + +/***/ }), +/* 99 */ +/***/ (function(module, exports) { + + + +/***/ }), +/* 100 */ +/***/ (function(module, exports, __webpack_require__) { + + __webpack_require__(92)('asyncIterator'); + +/***/ }), +/* 101 */ +/***/ (function(module, exports, __webpack_require__) { + + __webpack_require__(92)('observable'); + +/***/ }), +/* 102 */ +/***/ (function(module, exports) { + + 'use strict'; + + module.exports = { + install: function install(Regular) { + Regular.animation('collapse', function (step) { + var param = step.param, + el = step.element; + + var on = param === 'on'; + + return function (done) { + if (on) { + // beforeEnter + if (!el.dataset) el.dataset = {}; + + el.dataset.oldPaddingTop = el.style.paddingTop; + el.dataset.oldPaddingBottom = el.style.paddingBottom; + + el.style.height = '0'; + el.style.paddingTop = 0; + el.style.paddingBottom = 0; + el.classList.add('collapse-transition'); + + // enter + el.dataset.oldOverflow = el.style.overflow; + if (el.scrollHeight !== 0) { + el.style.height = el.scrollHeight + 'px'; + el.style.paddingTop = el.dataset.oldPaddingTop; + el.style.paddingBottom = el.dataset.oldPaddingBottom; + } else { + el.style.height = ''; + el.style.paddingTop = el.dataset.oldPaddingTop; + el.style.paddingBottom = el.dataset.oldPaddingBottom; + } + + el.style.overflow = 'hidden'; + + // afterEnter + el.addEventListener('transitionend', function () { + el.classList.remove('collapse-transition'); + el.style.height = ''; + el.style.overflow = el.dataset.oldOverflow; + el.removeEventListener('transitionend', function () {}); + done(); + }); + } else { + // beforeLeave + if (!el.dataset) el.dataset = {}; + el.dataset.oldPaddingTop = el.style.paddingTop; + el.dataset.oldPaddingBottom = el.style.paddingBottom; + el.dataset.oldOverflow = el.style.overflow; + + el.style.height = el.scrollHeight + 'px'; + el.style.overflow = 'hidden'; + + // leave + if (el.scrollHeight !== 0) { + // for safari: add class after set height, + // or it will jump to zero height suddenly, weired + el.classList.add('collapse-transition'); + el.style.height = 0; + el.style.paddingTop = 0; + el.style.paddingBottom = 0; + } + + // afterLeave + el.addEventListener('transitionend', function () { + el.classList.remove('collapse-transition'); + el.style.height = ''; + el.style.overflow = el.dataset.oldOverflow; + el.style.paddingTop = el.dataset.oldPaddingTop; + el.style.paddingBottom = el.dataset.oldPaddingBottom; + el.removeEventListener('transitionend', function () {}); + done(); + }); + } + }; + }); + } + }; + +/***/ }), +/* 103 */ +/***/ (function(module, exports) { + + module.exports = "{#if visible}\n\n{/if}" + +/***/ }), +/* 104 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + var _keys = __webpack_require__(79); + + var _keys2 = _interopRequireDefault(_keys); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + /** + * ------------------------------------------------------------ + * Validation 表单验证 + * @author sensen(rainforest92@126.com) + * ------------------------------------------------------------ + */ + + var Component = __webpack_require__(70); + var _ = __webpack_require__(72); + var validator = __webpack_require__(105); + + /** + * @class Validation + * @extend Component + * @param {object} [options.data] = 绑定属性 + * @param {boolean} [options.data.disabled=false] => 是否禁用。当禁用时验证始终通过。 + */ + var Validation = Component.extend({ + name: 'validation', + template: '{#inc this.$body}', + /** + * @protected + */ + config: function config() { + this.controls = []; + + _.extend(this.data, {}); + this.supr(); + }, + + /** + * @method validate() 验证所有表单组件 + * @public + * @return {object} conclusion 结论 + */ + validate: function validate() { + if (this.data.disabled) { + return { + success: true, + message: 'Validation is disabled.' + }; + } + + var conclusion = { + results: [], + success: true, + message: '' + }; + + this.controls.forEach(function (control) { + if (!control) { + return; + } + + var result = control.validate(); + conclusion.results.push(result); + if (!result.success) { + conclusion.success = false; + conclusion.message = conclusion.message || result.message; + } + }); + + return conclusion; + } + }); + + Validation.validate = function (value, rules) { + var result = { + success: true, + message: '' + }; + + rules.forEach(function (rule) { + rule.success = true; + + // 为了兼容 + if (rule.type === 'is') { + rule.success = (rule.options || rule.reg).test(value); + } else if (rule.type === 'isNot') { + rule.success = !(rule.options || rule.reg).test(value); + } else if (rule.type === 'isRequired' || rule.type === 'isFilled') { + rule.success = !!validator.toString(value).trim(); + } else if (rule.type === 'method' || rule.method) { + rule.success = (rule.options || rule.method)(value, rule); + } else rule.success = !value || validator[rule.type](value, rule.options); + + rule.callback && rule.callback(value, rule); + + if (!rule.success && result.success) { + result.success = false; + result.firstRule = rule; + // @deprecated + result.message = rule.message; + } + }); + + return result; + }; + + // Patch for validator, ref: https://302.at/0wy3Z + (0, _keys2.default)(validator).forEach(function (d) { + if (/^is/.test(d)) { + validator['_' + d] = function (str, isRequired) { + if (!isRequired && !str) { + return function () { + return true; + }; + } + return validator[d].bind(null, str); + }; + } + }); + Validation.validator = validator; + + module.exports = Validation; + +/***/ }), +/* 105 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + + var _toDate = __webpack_require__(106); + + var _toDate2 = _interopRequireDefault(_toDate); + + var _toFloat = __webpack_require__(108); + + var _toFloat2 = _interopRequireDefault(_toFloat); + + var _toInt = __webpack_require__(109); + + var _toInt2 = _interopRequireDefault(_toInt); + + var _toBoolean = __webpack_require__(110); + + var _toBoolean2 = _interopRequireDefault(_toBoolean); + + var _equals = __webpack_require__(111); + + var _equals2 = _interopRequireDefault(_equals); + + var _contains = __webpack_require__(112); + + var _contains2 = _interopRequireDefault(_contains); + + var _matches = __webpack_require__(114); + + var _matches2 = _interopRequireDefault(_matches); + + var _isEmail = __webpack_require__(115); + + var _isEmail2 = _interopRequireDefault(_isEmail); + + var _isURL = __webpack_require__(119); + + var _isURL2 = _interopRequireDefault(_isURL); + + var _isMACAddress = __webpack_require__(121); + + var _isMACAddress2 = _interopRequireDefault(_isMACAddress); + + var _isIP = __webpack_require__(120); + + var _isIP2 = _interopRequireDefault(_isIP); + + var _isFQDN = __webpack_require__(118); + + var _isFQDN2 = _interopRequireDefault(_isFQDN); + + var _isBoolean = __webpack_require__(122); + + var _isBoolean2 = _interopRequireDefault(_isBoolean); + + var _isAlpha = __webpack_require__(123); + + var _isAlpha2 = _interopRequireDefault(_isAlpha); + + var _isAlphanumeric = __webpack_require__(125); + + var _isAlphanumeric2 = _interopRequireDefault(_isAlphanumeric); + + var _isNumeric = __webpack_require__(126); + + var _isNumeric2 = _interopRequireDefault(_isNumeric); + + var _isLowercase = __webpack_require__(127); + + var _isLowercase2 = _interopRequireDefault(_isLowercase); + + var _isUppercase = __webpack_require__(128); + + var _isUppercase2 = _interopRequireDefault(_isUppercase); + + var _isAscii = __webpack_require__(129); + + var _isAscii2 = _interopRequireDefault(_isAscii); + + var _isFullWidth = __webpack_require__(130); + + var _isFullWidth2 = _interopRequireDefault(_isFullWidth); + + var _isHalfWidth = __webpack_require__(131); + + var _isHalfWidth2 = _interopRequireDefault(_isHalfWidth); + + var _isVariableWidth = __webpack_require__(132); + + var _isVariableWidth2 = _interopRequireDefault(_isVariableWidth); + + var _isMultibyte = __webpack_require__(133); + + var _isMultibyte2 = _interopRequireDefault(_isMultibyte); + + var _isSurrogatePair = __webpack_require__(134); + + var _isSurrogatePair2 = _interopRequireDefault(_isSurrogatePair); + + var _isInt = __webpack_require__(135); + + var _isInt2 = _interopRequireDefault(_isInt); + + var _isFloat = __webpack_require__(136); + + var _isFloat2 = _interopRequireDefault(_isFloat); + + var _isDecimal = __webpack_require__(137); + + var _isDecimal2 = _interopRequireDefault(_isDecimal); + + var _isHexadecimal = __webpack_require__(138); + + var _isHexadecimal2 = _interopRequireDefault(_isHexadecimal); + + var _isDivisibleBy = __webpack_require__(139); + + var _isDivisibleBy2 = _interopRequireDefault(_isDivisibleBy); + + var _isHexColor = __webpack_require__(140); + + var _isHexColor2 = _interopRequireDefault(_isHexColor); + + var _isMD = __webpack_require__(141); + + var _isMD2 = _interopRequireDefault(_isMD); + + var _isJSON = __webpack_require__(142); + + var _isJSON2 = _interopRequireDefault(_isJSON); + + var _isEmpty = __webpack_require__(143); + + var _isEmpty2 = _interopRequireDefault(_isEmpty); + + var _isLength = __webpack_require__(144); + + var _isLength2 = _interopRequireDefault(_isLength); + + var _isByteLength = __webpack_require__(117); + + var _isByteLength2 = _interopRequireDefault(_isByteLength); + + var _isUUID = __webpack_require__(145); + + var _isUUID2 = _interopRequireDefault(_isUUID); + + var _isMongoId = __webpack_require__(146); + + var _isMongoId2 = _interopRequireDefault(_isMongoId); + + var _isDate = __webpack_require__(147); + + var _isDate2 = _interopRequireDefault(_isDate); + + var _isAfter = __webpack_require__(149); + + var _isAfter2 = _interopRequireDefault(_isAfter); + + var _isBefore = __webpack_require__(150); + + var _isBefore2 = _interopRequireDefault(_isBefore); + + var _isIn = __webpack_require__(151); + + var _isIn2 = _interopRequireDefault(_isIn); + + var _isCreditCard = __webpack_require__(152); + + var _isCreditCard2 = _interopRequireDefault(_isCreditCard); + + var _isISIN = __webpack_require__(153); + + var _isISIN2 = _interopRequireDefault(_isISIN); + + var _isISBN = __webpack_require__(154); + + var _isISBN2 = _interopRequireDefault(_isISBN); + + var _isISSN = __webpack_require__(155); + + var _isISSN2 = _interopRequireDefault(_isISSN); + + var _isMobilePhone = __webpack_require__(156); + + var _isMobilePhone2 = _interopRequireDefault(_isMobilePhone); + + var _isCurrency = __webpack_require__(157); + + var _isCurrency2 = _interopRequireDefault(_isCurrency); + + var _isISO = __webpack_require__(148); + + var _isISO2 = _interopRequireDefault(_isISO); + + var _isBase = __webpack_require__(158); + + var _isBase2 = _interopRequireDefault(_isBase); + + var _isDataURI = __webpack_require__(159); + + var _isDataURI2 = _interopRequireDefault(_isDataURI); + + var _ltrim = __webpack_require__(160); + + var _ltrim2 = _interopRequireDefault(_ltrim); + + var _rtrim = __webpack_require__(161); + + var _rtrim2 = _interopRequireDefault(_rtrim); + + var _trim = __webpack_require__(162); + + var _trim2 = _interopRequireDefault(_trim); + + var _escape = __webpack_require__(163); + + var _escape2 = _interopRequireDefault(_escape); + + var _unescape = __webpack_require__(164); + + var _unescape2 = _interopRequireDefault(_unescape); + + var _stripLow = __webpack_require__(165); + + var _stripLow2 = _interopRequireDefault(_stripLow); + + var _whitelist = __webpack_require__(167); + + var _whitelist2 = _interopRequireDefault(_whitelist); + + var _blacklist = __webpack_require__(166); + + var _blacklist2 = _interopRequireDefault(_blacklist); + + var _isWhitelisted = __webpack_require__(168); + + var _isWhitelisted2 = _interopRequireDefault(_isWhitelisted); + + var _normalizeEmail = __webpack_require__(169); + + var _normalizeEmail2 = _interopRequireDefault(_normalizeEmail); + + var _toString = __webpack_require__(113); + + var _toString2 = _interopRequireDefault(_toString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var version = '6.3.0'; + + var validator = { + version: version, + toDate: _toDate2.default, + toFloat: _toFloat2.default, + toInt: _toInt2.default, + toBoolean: _toBoolean2.default, + equals: _equals2.default, + contains: _contains2.default, + matches: _matches2.default, + isEmail: _isEmail2.default, + isURL: _isURL2.default, + isMACAddress: _isMACAddress2.default, + isIP: _isIP2.default, + isFQDN: _isFQDN2.default, + isBoolean: _isBoolean2.default, + isAlpha: _isAlpha2.default, + isAlphanumeric: _isAlphanumeric2.default, + isNumeric: _isNumeric2.default, + isLowercase: _isLowercase2.default, + isUppercase: _isUppercase2.default, + isAscii: _isAscii2.default, + isFullWidth: _isFullWidth2.default, + isHalfWidth: _isHalfWidth2.default, + isVariableWidth: _isVariableWidth2.default, + isMultibyte: _isMultibyte2.default, + isSurrogatePair: _isSurrogatePair2.default, + isInt: _isInt2.default, + isFloat: _isFloat2.default, + isDecimal: _isDecimal2.default, + isHexadecimal: _isHexadecimal2.default, + isDivisibleBy: _isDivisibleBy2.default, + isHexColor: _isHexColor2.default, + isMD5: _isMD2.default, + isJSON: _isJSON2.default, + isEmpty: _isEmpty2.default, + isLength: _isLength2.default, + isByteLength: _isByteLength2.default, + isUUID: _isUUID2.default, + isMongoId: _isMongoId2.default, + isDate: _isDate2.default, + isAfter: _isAfter2.default, + isBefore: _isBefore2.default, + isIn: _isIn2.default, + isCreditCard: _isCreditCard2.default, + isISIN: _isISIN2.default, + isISBN: _isISBN2.default, + isISSN: _isISSN2.default, + isMobilePhone: _isMobilePhone2.default, + isCurrency: _isCurrency2.default, + isISO8601: _isISO2.default, + isBase64: _isBase2.default, + isDataURI: _isDataURI2.default, + ltrim: _ltrim2.default, + rtrim: _rtrim2.default, + trim: _trim2.default, + escape: _escape2.default, + unescape: _unescape2.default, + stripLow: _stripLow2.default, + whitelist: _whitelist2.default, + blacklist: _blacklist2.default, + isWhitelisted: _isWhitelisted2.default, + normalizeEmail: _normalizeEmail2.default, + toString: _toString2.default + }; + + exports.default = validator; + module.exports = exports['default']; + +/***/ }), +/* 106 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = toDate; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function toDate(date) { + (0, _assertString2.default)(date); + date = Date.parse(date); + return !isNaN(date) ? new Date(date) : null; + } + module.exports = exports['default']; + +/***/ }), +/* 107 */ +/***/ (function(module, exports) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = assertString; + function assertString(input) { + if (typeof input !== 'string') { + throw new TypeError('This library (validator.js) validates strings only'); + } + } + module.exports = exports['default']; + +/***/ }), +/* 108 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = toFloat; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function toFloat(str) { + (0, _assertString2.default)(str); + return parseFloat(str); + } + module.exports = exports['default']; + +/***/ }), +/* 109 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = toInt; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function toInt(str, radix) { + (0, _assertString2.default)(str); + return parseInt(str, radix || 10); + } + module.exports = exports['default']; + +/***/ }), +/* 110 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = toBoolean; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function toBoolean(str, strict) { + (0, _assertString2.default)(str); + if (strict) { + return str === '1' || str === 'true'; + } + return str !== '0' && str !== 'false' && str !== ''; + } + module.exports = exports['default']; + +/***/ }), +/* 111 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = equals; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function equals(str, comparison) { + (0, _assertString2.default)(str); + return str === comparison; + } + module.exports = exports['default']; + +/***/ }), +/* 112 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = contains; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + var _toString = __webpack_require__(113); + + var _toString2 = _interopRequireDefault(_toString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function contains(str, elem) { + (0, _assertString2.default)(str); + return str.indexOf((0, _toString2.default)(elem)) >= 0; + } + module.exports = exports['default']; + +/***/ }), +/* 113 */ +/***/ (function(module, exports) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + + var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + + exports.default = toString; + function toString(input) { + if ((typeof input === 'undefined' ? 'undefined' : _typeof(input)) === 'object' && input !== null) { + if (typeof input.toString === 'function') { + input = input.toString(); + } else { + input = '[object Object]'; + } + } else if (input === null || typeof input === 'undefined' || isNaN(input) && !input.length) { + input = ''; + } + return String(input); + } + module.exports = exports['default']; + +/***/ }), +/* 114 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = matches; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function matches(str, pattern, modifiers) { + (0, _assertString2.default)(str); + if (Object.prototype.toString.call(pattern) !== '[object RegExp]') { + pattern = new RegExp(pattern, modifiers); + } + return pattern.test(str); + } + module.exports = exports['default']; + +/***/ }), +/* 115 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isEmail; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + var _merge = __webpack_require__(116); + + var _merge2 = _interopRequireDefault(_merge); + + var _isByteLength = __webpack_require__(117); + + var _isByteLength2 = _interopRequireDefault(_isByteLength); + + var _isFQDN = __webpack_require__(118); + + var _isFQDN2 = _interopRequireDefault(_isFQDN); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var default_email_options = { + allow_display_name: false, + require_display_name: false, + allow_utf8_local_part: true, + require_tld: true + }; + + /* eslint-disable max-len */ + /* eslint-disable no-control-regex */ + var displayName = /^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~\.\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~\.\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF\s]*<(.+)>$/i; + var emailUserPart = /^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~]+$/i; + var quotedEmailUser = /^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f]))*$/i; + var emailUserUtf8Part = /^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+$/i; + var quotedEmailUserUtf8 = /^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*$/i; + /* eslint-enable max-len */ + /* eslint-enable no-control-regex */ + + function isEmail(str, options) { + (0, _assertString2.default)(str); + options = (0, _merge2.default)(options, default_email_options); + + if (options.require_display_name || options.allow_display_name) { + var display_email = str.match(displayName); + if (display_email) { + str = display_email[1]; + } else if (options.require_display_name) { + return false; + } + } + + var parts = str.split('@'); + var domain = parts.pop(); + var user = parts.join('@'); + + var lower_domain = domain.toLowerCase(); + if (lower_domain === 'gmail.com' || lower_domain === 'googlemail.com') { + user = user.replace(/\./g, '').toLowerCase(); + } + + if (!(0, _isByteLength2.default)(user, { max: 64 }) || !(0, _isByteLength2.default)(domain, { max: 256 })) { + return false; + } + + if (!(0, _isFQDN2.default)(domain, { require_tld: options.require_tld })) { + return false; + } + + if (user[0] === '"') { + user = user.slice(1, user.length - 1); + return options.allow_utf8_local_part ? quotedEmailUserUtf8.test(user) : quotedEmailUser.test(user); + } + + var pattern = options.allow_utf8_local_part ? emailUserUtf8Part : emailUserPart; + + var user_parts = user.split('.'); + for (var i = 0; i < user_parts.length; i++) { + if (!pattern.test(user_parts[i])) { + return false; + } + } + + return true; + } + module.exports = exports['default']; + +/***/ }), +/* 116 */ +/***/ (function(module, exports) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = merge; + function merge() { + var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + var defaults = arguments[1]; + + for (var key in defaults) { + if (typeof obj[key] === 'undefined') { + obj[key] = defaults[key]; + } + } + return obj; + } + module.exports = exports['default']; + +/***/ }), +/* 117 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + + var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + + exports.default = isByteLength; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + /* eslint-disable prefer-rest-params */ + function isByteLength(str, options) { + (0, _assertString2.default)(str); + var min = void 0; + var max = void 0; + if ((typeof options === 'undefined' ? 'undefined' : _typeof(options)) === 'object') { + min = options.min || 0; + max = options.max; + } else { + // backwards compatibility: isByteLength(str, min [, max]) + min = arguments[1]; + max = arguments[2]; + } + var len = encodeURI(str).split(/%..|./).length - 1; + return len >= min && (typeof max === 'undefined' || len <= max); + } + module.exports = exports['default']; + +/***/ }), +/* 118 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isFDQN; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + var _merge = __webpack_require__(116); + + var _merge2 = _interopRequireDefault(_merge); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var default_fqdn_options = { + require_tld: true, + allow_underscores: false, + allow_trailing_dot: false + }; + + function isFDQN(str, options) { + (0, _assertString2.default)(str); + options = (0, _merge2.default)(options, default_fqdn_options); + + /* Remove the optional trailing dot before checking validity */ + if (options.allow_trailing_dot && str[str.length - 1] === '.') { + str = str.substring(0, str.length - 1); + } + var parts = str.split('.'); + if (options.require_tld) { + var tld = parts.pop(); + if (!parts.length || !/^([a-z\u00a1-\uffff]{2,}|xn[a-z0-9-]{2,})$/i.test(tld)) { + return false; + } + } + for (var part, i = 0; i < parts.length; i++) { + part = parts[i]; + if (options.allow_underscores) { + part = part.replace(/_/g, ''); + } + if (!/^[a-z\u00a1-\uffff0-9-]+$/i.test(part)) { + return false; + } + if (/[\uff01-\uff5e]/.test(part)) { + // disallow full-width chars + return false; + } + if (part[0] === '-' || part[part.length - 1] === '-') { + return false; + } + } + return true; + } + module.exports = exports['default']; + +/***/ }), +/* 119 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isURL; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + var _isFQDN = __webpack_require__(118); + + var _isFQDN2 = _interopRequireDefault(_isFQDN); + + var _isIP = __webpack_require__(120); + + var _isIP2 = _interopRequireDefault(_isIP); + + var _merge = __webpack_require__(116); + + var _merge2 = _interopRequireDefault(_merge); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var default_url_options = { + protocols: ['http', 'https', 'ftp'], + require_tld: true, + require_protocol: false, + require_host: true, + require_valid_protocol: true, + allow_underscores: false, + allow_trailing_dot: false, + allow_protocol_relative_urls: false + }; + + var wrapped_ipv6 = /^\[([^\]]+)\](?::([0-9]+))?$/; + + function isRegExp(obj) { + return Object.prototype.toString.call(obj) === '[object RegExp]'; + } + + function checkHost(host, matches) { + for (var i = 0; i < matches.length; i++) { + var match = matches[i]; + if (host === match || isRegExp(match) && match.test(host)) { + return true; + } + } + return false; + } + + function isURL(url, options) { + (0, _assertString2.default)(url); + if (!url || url.length >= 2083 || /[\s<>]/.test(url)) { + return false; + } + if (url.indexOf('mailto:') === 0) { + return false; + } + options = (0, _merge2.default)(options, default_url_options); + var protocol = void 0, + auth = void 0, + host = void 0, + hostname = void 0, + port = void 0, + port_str = void 0, + split = void 0, + ipv6 = void 0; + + split = url.split('#'); + url = split.shift(); + + split = url.split('?'); + url = split.shift(); + + split = url.split('://'); + if (split.length > 1) { + protocol = split.shift(); + if (options.require_valid_protocol && options.protocols.indexOf(protocol) === -1) { + return false; + } + } else if (options.require_protocol) { + return false; + } else if (options.allow_protocol_relative_urls && url.substr(0, 2) === '//') { + split[0] = url.substr(2); + } + url = split.join('://'); + + split = url.split('/'); + url = split.shift(); + + if (url === '' && !options.require_host) { + return true; + } + + split = url.split('@'); + if (split.length > 1) { + auth = split.shift(); + if (auth.indexOf(':') >= 0 && auth.split(':').length > 2) { + return false; + } + } + hostname = split.join('@'); + + port_str = ipv6 = null; + var ipv6_match = hostname.match(wrapped_ipv6); + if (ipv6_match) { + host = ''; + ipv6 = ipv6_match[1]; + port_str = ipv6_match[2] || null; + } else { + split = hostname.split(':'); + host = split.shift(); + if (split.length) { + port_str = split.join(':'); + } + } + + if (port_str !== null) { + port = parseInt(port_str, 10); + if (!/^[0-9]+$/.test(port_str) || port <= 0 || port > 65535) { + return false; + } + } + + if (!(0, _isIP2.default)(host) && !(0, _isFQDN2.default)(host, options) && (!ipv6 || !(0, _isIP2.default)(ipv6, 6)) && host !== 'localhost') { + return false; + } + + host = host || ipv6; + + if (options.host_whitelist && !checkHost(host, options.host_whitelist)) { + return false; + } + if (options.host_blacklist && checkHost(host, options.host_blacklist)) { + return false; + } + + return true; + } + module.exports = exports['default']; + +/***/ }), +/* 120 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isIP; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var ipv4Maybe = /^(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})$/; + var ipv6Block = /^[0-9A-F]{1,4}$/i; + + function isIP(str) { + var version = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ''; + + (0, _assertString2.default)(str); + version = String(version); + if (!version) { + return isIP(str, 4) || isIP(str, 6); + } else if (version === '4') { + if (!ipv4Maybe.test(str)) { + return false; + } + var parts = str.split('.').sort(function (a, b) { + return a - b; + }); + return parts[3] <= 255; + } else if (version === '6') { + var blocks = str.split(':'); + var foundOmissionBlock = false; // marker to indicate :: + + // At least some OS accept the last 32 bits of an IPv6 address + // (i.e. 2 of the blocks) in IPv4 notation, and RFC 3493 says + // that '::ffff:a.b.c.d' is valid for IPv4-mapped IPv6 addresses, + // and '::a.b.c.d' is deprecated, but also valid. + var foundIPv4TransitionBlock = isIP(blocks[blocks.length - 1], 4); + var expectedNumberOfBlocks = foundIPv4TransitionBlock ? 7 : 8; + + if (blocks.length > expectedNumberOfBlocks) { + return false; + } + // initial or final :: + if (str === '::') { + return true; + } else if (str.substr(0, 2) === '::') { + blocks.shift(); + blocks.shift(); + foundOmissionBlock = true; + } else if (str.substr(str.length - 2) === '::') { + blocks.pop(); + blocks.pop(); + foundOmissionBlock = true; + } + + for (var i = 0; i < blocks.length; ++i) { + // test for a :: which can not be at the string start/end + // since those cases have been handled above + if (blocks[i] === '' && i > 0 && i < blocks.length - 1) { + if (foundOmissionBlock) { + return false; // multiple :: in address + } + foundOmissionBlock = true; + } else if (foundIPv4TransitionBlock && i === blocks.length - 1) { + // it has been checked before that the last + // block is a valid IPv4 address + } else if (!ipv6Block.test(blocks[i])) { + return false; + } + } + if (foundOmissionBlock) { + return blocks.length >= 1; + } + return blocks.length === expectedNumberOfBlocks; + } + return false; + } + module.exports = exports['default']; + +/***/ }), +/* 121 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isMACAddress; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var macAddress = /^([0-9a-fA-F][0-9a-fA-F]:){5}([0-9a-fA-F][0-9a-fA-F])$/; + + function isMACAddress(str) { + (0, _assertString2.default)(str); + return macAddress.test(str); + } + module.exports = exports['default']; + +/***/ }), +/* 122 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isBoolean; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function isBoolean(str) { + (0, _assertString2.default)(str); + return ['true', 'false', '1', '0'].indexOf(str) >= 0; + } + module.exports = exports['default']; + +/***/ }), +/* 123 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isAlpha; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + var _alpha = __webpack_require__(124); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function isAlpha(str) { + var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en-US'; + + (0, _assertString2.default)(str); + if (locale in _alpha.alpha) { + return _alpha.alpha[locale].test(str); + } + throw new Error('Invalid locale \'' + locale + '\''); + } + module.exports = exports['default']; + +/***/ }), +/* 124 */ +/***/ (function(module, exports) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + var alpha = exports.alpha = { + 'en-US': /^[A-Z]+$/i, + 'cs-CZ': /^[A-ZÁČĎÉĚÍŇÓŘŠŤÚŮÝŽ]+$/i, + 'da-DK': /^[A-ZÆØÅ]+$/i, + 'de-DE': /^[A-ZÄÖÜß]+$/i, + 'es-ES': /^[A-ZÁÉÍÑÓÚÜ]+$/i, + 'fr-FR': /^[A-ZÀÂÆÇÉÈÊËÏÎÔŒÙÛÜŸ]+$/i, + 'nl-NL': /^[A-ZÉËÏÓÖÜ]+$/i, + 'hu-HU': /^[A-ZÁÉÍÓÖŐÚÜŰ]+$/i, + 'pl-PL': /^[A-ZĄĆĘŚŁŃÓŻŹ]+$/i, + 'pt-PT': /^[A-ZÃÁÀÂÇÉÊÍÕÓÔÚÜ]+$/i, + 'ru-RU': /^[А-ЯЁ]+$/i, + 'sr-RS@latin': /^[A-ZČĆŽŠĐ]+$/i, + 'sr-RS': /^[А-ЯЂЈЉЊЋЏ]+$/i, + 'tr-TR': /^[A-ZÇĞİıÖŞÜ]+$/i, + 'uk-UA': /^[А-ЯЄIЇҐ]+$/i, + ar: /^[ءآأؤإئابةتثجحخدذرزسشصضطظعغفقكلمنهوىيًٌٍَُِّْٰ]+$/ + }; + + var alphanumeric = exports.alphanumeric = { + 'en-US': /^[0-9A-Z]+$/i, + 'cs-CZ': /^[0-9A-ZÁČĎÉĚÍŇÓŘŠŤÚŮÝŽ]+$/i, + 'da-DK': /^[0-9A-ZÆØÅ]$/i, + 'de-DE': /^[0-9A-ZÄÖÜß]+$/i, + 'es-ES': /^[0-9A-ZÁÉÍÑÓÚÜ]+$/i, + 'fr-FR': /^[0-9A-ZÀÂÆÇÉÈÊËÏÎÔŒÙÛÜŸ]+$/i, + 'hu-HU': /^[0-9A-ZÁÉÍÓÖŐÚÜŰ]+$/i, + 'nl-NL': /^[0-9A-ZÉËÏÓÖÜ]+$/i, + 'pl-PL': /^[0-9A-ZĄĆĘŚŁŃÓŻŹ]+$/i, + 'pt-PT': /^[0-9A-ZÃÁÀÂÇÉÊÍÕÓÔÚÜ]+$/i, + 'ru-RU': /^[0-9А-ЯЁ]+$/i, + 'sr-RS@latin': /^[0-9A-ZČĆŽŠĐ]+$/i, + 'sr-RS': /^[0-9А-ЯЂЈЉЊЋЏ]+$/i, + 'tr-TR': /^[0-9A-ZÇĞİıÖŞÜ]+$/i, + 'uk-UA': /^[0-9А-ЯЄIЇҐ]+$/i, + ar: /^[٠١٢٣٤٥٦٧٨٩0-9ءآأؤإئابةتثجحخدذرزسشصضطظعغفقكلمنهوىيًٌٍَُِّْٰ]+$/ + }; + + var englishLocales = exports.englishLocales = ['AU', 'GB', 'HK', 'IN', 'NZ', 'ZA', 'ZM']; + + for (var locale, i = 0; i < englishLocales.length; i++) { + locale = 'en-' + englishLocales[i]; + alpha[locale] = alpha['en-US']; + alphanumeric[locale] = alphanumeric['en-US']; + } + + alpha['pt-BR'] = alpha['pt-PT']; + alphanumeric['pt-BR'] = alphanumeric['pt-PT']; + + // Source: http://www.localeplanet.com/java/ + var arabicLocales = exports.arabicLocales = ['AE', 'BH', 'DZ', 'EG', 'IQ', 'JO', 'KW', 'LB', 'LY', 'MA', 'QM', 'QA', 'SA', 'SD', 'SY', 'TN', 'YE']; + + for (var _locale, _i = 0; _i < arabicLocales.length; _i++) { + _locale = 'ar-' + arabicLocales[_i]; + alpha[_locale] = alpha.ar; + alphanumeric[_locale] = alphanumeric.ar; + } + +/***/ }), +/* 125 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isAlphanumeric; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + var _alpha = __webpack_require__(124); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function isAlphanumeric(str) { + var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en-US'; + + (0, _assertString2.default)(str); + if (locale in _alpha.alphanumeric) { + return _alpha.alphanumeric[locale].test(str); + } + throw new Error('Invalid locale \'' + locale + '\''); + } + module.exports = exports['default']; + +/***/ }), +/* 126 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isNumeric; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var numeric = /^[-+]?[0-9]+$/; + + function isNumeric(str) { + (0, _assertString2.default)(str); + return numeric.test(str); + } + module.exports = exports['default']; + +/***/ }), +/* 127 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isLowercase; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function isLowercase(str) { + (0, _assertString2.default)(str); + return str === str.toLowerCase(); + } + module.exports = exports['default']; + +/***/ }), +/* 128 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isUppercase; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function isUppercase(str) { + (0, _assertString2.default)(str); + return str === str.toUpperCase(); + } + module.exports = exports['default']; + +/***/ }), +/* 129 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isAscii; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + /* eslint-disable no-control-regex */ + var ascii = /^[\x00-\x7F]+$/; + /* eslint-enable no-control-regex */ + + function isAscii(str) { + (0, _assertString2.default)(str); + return ascii.test(str); + } + module.exports = exports['default']; + +/***/ }), +/* 130 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.fullWidth = undefined; + exports.default = isFullWidth; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var fullWidth = exports.fullWidth = /[^\u0020-\u007E\uFF61-\uFF9F\uFFA0-\uFFDC\uFFE8-\uFFEE0-9a-zA-Z]/; + + function isFullWidth(str) { + (0, _assertString2.default)(str); + return fullWidth.test(str); + } + +/***/ }), +/* 131 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.halfWidth = undefined; + exports.default = isHalfWidth; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var halfWidth = exports.halfWidth = /[\u0020-\u007E\uFF61-\uFF9F\uFFA0-\uFFDC\uFFE8-\uFFEE0-9a-zA-Z]/; + + function isHalfWidth(str) { + (0, _assertString2.default)(str); + return halfWidth.test(str); + } + +/***/ }), +/* 132 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isVariableWidth; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + var _isFullWidth = __webpack_require__(130); + + var _isHalfWidth = __webpack_require__(131); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function isVariableWidth(str) { + (0, _assertString2.default)(str); + return _isFullWidth.fullWidth.test(str) && _isHalfWidth.halfWidth.test(str); + } + module.exports = exports['default']; + +/***/ }), +/* 133 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isMultibyte; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + /* eslint-disable no-control-regex */ + var multibyte = /[^\x00-\x7F]/; + /* eslint-enable no-control-regex */ + + function isMultibyte(str) { + (0, _assertString2.default)(str); + return multibyte.test(str); + } + module.exports = exports['default']; + +/***/ }), +/* 134 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isSurrogatePair; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var surrogatePair = /[\uD800-\uDBFF][\uDC00-\uDFFF]/; + + function isSurrogatePair(str) { + (0, _assertString2.default)(str); + return surrogatePair.test(str); + } + module.exports = exports['default']; + +/***/ }), +/* 135 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isInt; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var int = /^(?:[-+]?(?:0|[1-9][0-9]*))$/; + var intLeadingZeroes = /^[-+]?[0-9]+$/; + + function isInt(str, options) { + (0, _assertString2.default)(str); + options = options || {}; + + // Get the regex to use for testing, based on whether + // leading zeroes are allowed or not. + var regex = options.hasOwnProperty('allow_leading_zeroes') && !options.allow_leading_zeroes ? int : intLeadingZeroes; + + // Check min/max/lt/gt + var minCheckPassed = !options.hasOwnProperty('min') || str >= options.min; + var maxCheckPassed = !options.hasOwnProperty('max') || str <= options.max; + var ltCheckPassed = !options.hasOwnProperty('lt') || str < options.lt; + var gtCheckPassed = !options.hasOwnProperty('gt') || str > options.gt; + + return regex.test(str) && minCheckPassed && maxCheckPassed && ltCheckPassed && gtCheckPassed; + } + module.exports = exports['default']; + +/***/ }), +/* 136 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isFloat; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var float = /^(?:[-+])?(?:[0-9]+)?(?:\.[0-9]*)?(?:[eE][\+\-]?(?:[0-9]+))?$/; + + function isFloat(str, options) { + (0, _assertString2.default)(str); + options = options || {}; + if (str === '' || str === '.') { + return false; + } + return float.test(str) && (!options.hasOwnProperty('min') || str >= options.min) && (!options.hasOwnProperty('max') || str <= options.max) && (!options.hasOwnProperty('lt') || str < options.lt) && (!options.hasOwnProperty('gt') || str > options.gt); + } + module.exports = exports['default']; + +/***/ }), +/* 137 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isDecimal; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var decimal = /^[-+]?([0-9]+|\.[0-9]+|[0-9]+\.[0-9]+)$/; + + function isDecimal(str) { + (0, _assertString2.default)(str); + return str !== '' && decimal.test(str); + } + module.exports = exports['default']; + +/***/ }), +/* 138 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isHexadecimal; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var hexadecimal = /^[0-9A-F]+$/i; + + function isHexadecimal(str) { + (0, _assertString2.default)(str); + return hexadecimal.test(str); + } + module.exports = exports['default']; + +/***/ }), +/* 139 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isDivisibleBy; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + var _toFloat = __webpack_require__(108); + + var _toFloat2 = _interopRequireDefault(_toFloat); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function isDivisibleBy(str, num) { + (0, _assertString2.default)(str); + return (0, _toFloat2.default)(str) % parseInt(num, 10) === 0; + } + module.exports = exports['default']; + +/***/ }), +/* 140 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isHexColor; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var hexcolor = /^#?([0-9A-F]{3}|[0-9A-F]{6})$/i; + + function isHexColor(str) { + (0, _assertString2.default)(str); + return hexcolor.test(str); + } + module.exports = exports['default']; + +/***/ }), +/* 141 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isMD5; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var md5 = /^[a-f0-9]{32}$/; + + function isMD5(str) { + (0, _assertString2.default)(str); + return md5.test(str); + } + module.exports = exports['default']; + +/***/ }), +/* 142 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + + var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + + exports.default = isJSON; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function isJSON(str) { + (0, _assertString2.default)(str); + try { + var obj = JSON.parse(str); + return !!obj && (typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) === 'object'; + } catch (e) {/* ignore */} + return false; + } + module.exports = exports['default']; + +/***/ }), +/* 143 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isEmpty; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function isEmpty(str) { + (0, _assertString2.default)(str); + return str.length === 0; + } + module.exports = exports['default']; + +/***/ }), +/* 144 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + + var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + + exports.default = isLength; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + /* eslint-disable prefer-rest-params */ + function isLength(str, options) { + (0, _assertString2.default)(str); + var min = void 0; + var max = void 0; + if ((typeof options === 'undefined' ? 'undefined' : _typeof(options)) === 'object') { + min = options.min || 0; + max = options.max; + } else { + // backwards compatibility: isLength(str, min [, max]) + min = arguments[1]; + max = arguments[2]; + } + var surrogatePairs = str.match(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g) || []; + var len = str.length - surrogatePairs.length; + return len >= min && (typeof max === 'undefined' || len <= max); + } + module.exports = exports['default']; + +/***/ }), +/* 145 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isUUID; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var uuid = { + 3: /^[0-9A-F]{8}-[0-9A-F]{4}-3[0-9A-F]{3}-[0-9A-F]{4}-[0-9A-F]{12}$/i, + 4: /^[0-9A-F]{8}-[0-9A-F]{4}-4[0-9A-F]{3}-[89AB][0-9A-F]{3}-[0-9A-F]{12}$/i, + 5: /^[0-9A-F]{8}-[0-9A-F]{4}-5[0-9A-F]{3}-[89AB][0-9A-F]{3}-[0-9A-F]{12}$/i, + all: /^[0-9A-F]{8}-[0-9A-F]{4}-[0-9A-F]{4}-[0-9A-F]{4}-[0-9A-F]{12}$/i + }; + + function isUUID(str) { + var version = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'all'; + + (0, _assertString2.default)(str); + var pattern = uuid[version]; + return pattern && pattern.test(str); + } + module.exports = exports['default']; + +/***/ }), +/* 146 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isMongoId; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + var _isHexadecimal = __webpack_require__(138); + + var _isHexadecimal2 = _interopRequireDefault(_isHexadecimal); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function isMongoId(str) { + (0, _assertString2.default)(str); + return (0, _isHexadecimal2.default)(str) && str.length === 24; + } + module.exports = exports['default']; + +/***/ }), +/* 147 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isDate; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + var _isISO = __webpack_require__(148); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function getTimezoneOffset(str) { + var iso8601Parts = str.match(_isISO.iso8601); + var timezone = void 0, + sign = void 0, + hours = void 0, + minutes = void 0; + if (!iso8601Parts) { + str = str.toLowerCase(); + timezone = str.match(/(?:\s|gmt\s*)(-|\+)(\d{1,4})(\s|$)/); + if (!timezone) { + return str.indexOf('gmt') !== -1 ? 0 : null; + } + sign = timezone[1]; + var offset = timezone[2]; + if (offset.length === 3) { + offset = '0' + offset; + } + if (offset.length <= 2) { + hours = 0; + minutes = parseInt(offset, 10); + } else { + hours = parseInt(offset.slice(0, 2), 10); + minutes = parseInt(offset.slice(2, 4), 10); + } + } else { + timezone = iso8601Parts[21]; + if (!timezone) { + // if no hour/minute was provided, the date is GMT + return !iso8601Parts[12] ? 0 : null; + } + if (timezone === 'z' || timezone === 'Z') { + return 0; + } + sign = iso8601Parts[22]; + if (timezone.indexOf(':') !== -1) { + hours = parseInt(iso8601Parts[23], 10); + minutes = parseInt(iso8601Parts[24], 10); + } else { + hours = 0; + minutes = parseInt(iso8601Parts[23], 10); + } + } + return (hours * 60 + minutes) * (sign === '-' ? 1 : -1); + } + + function isDate(str) { + (0, _assertString2.default)(str); + var normalizedDate = new Date(Date.parse(str)); + if (isNaN(normalizedDate)) { + return false; + } + + // normalizedDate is in the user's timezone. Apply the input + // timezone offset to the date so that the year and day match + // the input + var timezoneOffset = getTimezoneOffset(str); + if (timezoneOffset !== null) { + var timezoneDifference = normalizedDate.getTimezoneOffset() - timezoneOffset; + normalizedDate = new Date(normalizedDate.getTime() + 60000 * timezoneDifference); + } + + var day = String(normalizedDate.getDate()); + var dayOrYear = void 0, + dayOrYearMatches = void 0, + year = void 0; + // check for valid double digits that could be late days + // check for all matches since a string like '12/23' is a valid date + // ignore everything with nearby colons + dayOrYearMatches = str.match(/(^|[^:\d])[23]\d([^T:\d]|$)/g); + if (!dayOrYearMatches) { + return true; + } + dayOrYear = dayOrYearMatches.map(function (digitString) { + return digitString.match(/\d+/g)[0]; + }).join('/'); + + year = String(normalizedDate.getFullYear()).slice(-2); + if (dayOrYear === day || dayOrYear === year) { + return true; + } else if (dayOrYear === '' + day / year || dayOrYear === '' + year / day) { + return true; + } + return false; + } + module.exports = exports['default']; + +/***/ }), +/* 148 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.iso8601 = undefined; + + exports.default = function (str) { + (0, _assertString2.default)(str); + return iso8601.test(str); + }; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + /* eslint-disable max-len */ + // from http://goo.gl/0ejHHW + var iso8601 = exports.iso8601 = /^([\+-]?\d{4}(?!\d{2}\b))((-?)((0[1-9]|1[0-2])(\3([12]\d|0[1-9]|3[01]))?|W([0-4]\d|5[0-2])(-?[1-7])?|(00[1-9]|0[1-9]\d|[12]\d{2}|3([0-5]\d|6[1-6])))([T\s]((([01]\d|2[0-3])((:?)[0-5]\d)?|24:?00)([\.,]\d+(?!:))?)?(\17[0-5]\d([\.,]\d+)?)?([zZ]|([\+-])([01]\d|2[0-3]):?([0-5]\d)?)?)?)?$/; + /* eslint-enable max-len */ + +/***/ }), +/* 149 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isAfter; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + var _toDate = __webpack_require__(106); + + var _toDate2 = _interopRequireDefault(_toDate); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function isAfter(str) { + var date = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : String(new Date()); + + (0, _assertString2.default)(str); + var comparison = (0, _toDate2.default)(date); + var original = (0, _toDate2.default)(str); + return !!(original && comparison && original > comparison); + } + module.exports = exports['default']; + +/***/ }), +/* 150 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isBefore; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + var _toDate = __webpack_require__(106); + + var _toDate2 = _interopRequireDefault(_toDate); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function isBefore(str) { + var date = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : String(new Date()); + + (0, _assertString2.default)(str); + var comparison = (0, _toDate2.default)(date); + var original = (0, _toDate2.default)(str); + return !!(original && comparison && original < comparison); + } + module.exports = exports['default']; + +/***/ }), +/* 151 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + + var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + + exports.default = isIn; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + var _toString = __webpack_require__(113); + + var _toString2 = _interopRequireDefault(_toString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function isIn(str, options) { + (0, _assertString2.default)(str); + var i = void 0; + if (Object.prototype.toString.call(options) === '[object Array]') { + var array = []; + for (i in options) { + if ({}.hasOwnProperty.call(options, i)) { + array[i] = (0, _toString2.default)(options[i]); + } + } + return array.indexOf(str) >= 0; + } else if ((typeof options === 'undefined' ? 'undefined' : _typeof(options)) === 'object') { + return options.hasOwnProperty(str); + } else if (options && typeof options.indexOf === 'function') { + return options.indexOf(str) >= 0; + } + return false; + } + module.exports = exports['default']; + +/***/ }), +/* 152 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isCreditCard; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + /* eslint-disable max-len */ + var creditCard = /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|(222[1-9]|22[3-9][0-9]|2[3-6][0-9]{2}|27[01][0-9]|2720)[0-9]{12}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})|62[0-9]{14}$/; + /* eslint-enable max-len */ + + function isCreditCard(str) { + (0, _assertString2.default)(str); + var sanitized = str.replace(/[^0-9]+/g, ''); + if (!creditCard.test(sanitized)) { + return false; + } + var sum = 0; + var digit = void 0; + var tmpNum = void 0; + var shouldDouble = void 0; + for (var i = sanitized.length - 1; i >= 0; i--) { + digit = sanitized.substring(i, i + 1); + tmpNum = parseInt(digit, 10); + if (shouldDouble) { + tmpNum *= 2; + if (tmpNum >= 10) { + sum += tmpNum % 10 + 1; + } else { + sum += tmpNum; + } + } else { + sum += tmpNum; + } + shouldDouble = !shouldDouble; + } + return !!(sum % 10 === 0 ? sanitized : false); + } + module.exports = exports['default']; + +/***/ }), +/* 153 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isISIN; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var isin = /^[A-Z]{2}[0-9A-Z]{9}[0-9]$/; + + function isISIN(str) { + (0, _assertString2.default)(str); + if (!isin.test(str)) { + return false; + } + + var checksumStr = str.replace(/[A-Z]/g, function (character) { + return parseInt(character, 36); + }); + + var sum = 0; + var digit = void 0; + var tmpNum = void 0; + var shouldDouble = true; + for (var i = checksumStr.length - 2; i >= 0; i--) { + digit = checksumStr.substring(i, i + 1); + tmpNum = parseInt(digit, 10); + if (shouldDouble) { + tmpNum *= 2; + if (tmpNum >= 10) { + sum += tmpNum + 1; + } else { + sum += tmpNum; + } + } else { + sum += tmpNum; + } + shouldDouble = !shouldDouble; + } + + return parseInt(str.substr(str.length - 1), 10) === (10000 - sum) % 10; + } + module.exports = exports['default']; + +/***/ }), +/* 154 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isISBN; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var isbn10Maybe = /^(?:[0-9]{9}X|[0-9]{10})$/; + var isbn13Maybe = /^(?:[0-9]{13})$/; + var factor = [1, 3]; + + function isISBN(str) { + var version = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ''; + + (0, _assertString2.default)(str); + version = String(version); + if (!version) { + return isISBN(str, 10) || isISBN(str, 13); + } + var sanitized = str.replace(/[\s-]+/g, ''); + var checksum = 0; + var i = void 0; + if (version === '10') { + if (!isbn10Maybe.test(sanitized)) { + return false; + } + for (i = 0; i < 9; i++) { + checksum += (i + 1) * sanitized.charAt(i); + } + if (sanitized.charAt(9) === 'X') { + checksum += 10 * 10; + } else { + checksum += 10 * sanitized.charAt(9); + } + if (checksum % 11 === 0) { + return !!sanitized; + } + } else if (version === '13') { + if (!isbn13Maybe.test(sanitized)) { + return false; + } + for (i = 0; i < 12; i++) { + checksum += factor[i % 2] * sanitized.charAt(i); + } + if (sanitized.charAt(12) - (10 - checksum % 10) % 10 === 0) { + return !!sanitized; + } + } + return false; + } + module.exports = exports['default']; + +/***/ }), +/* 155 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isISSN; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var issn = '^\\d{4}-?\\d{3}[\\dX]$'; + + function isISSN(str) { + var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; + + (0, _assertString2.default)(str); + var testIssn = issn; + testIssn = options.require_hyphen ? testIssn.replace('?', '') : testIssn; + testIssn = options.case_sensitive ? new RegExp(testIssn) : new RegExp(testIssn, 'i'); + if (!testIssn.test(str)) { + return false; + } + var issnDigits = str.replace('-', ''); + var position = 8; + var checksum = 0; + var _iteratorNormalCompletion = true; + var _didIteratorError = false; + var _iteratorError = undefined; + + try { + for (var _iterator = issnDigits[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) { + var digit = _step.value; + + var digitValue = digit.toUpperCase() === 'X' ? 10 : +digit; + checksum += digitValue * position; + --position; + } + } catch (err) { + _didIteratorError = true; + _iteratorError = err; + } finally { + try { + if (!_iteratorNormalCompletion && _iterator.return) { + _iterator.return(); + } + } finally { + if (_didIteratorError) { + throw _iteratorError; + } + } + } + + return checksum % 11 === 0; + } + module.exports = exports['default']; + +/***/ }), +/* 156 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isMobilePhone; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + /* eslint-disable max-len */ + var phones = { + 'ar-DZ': /^(\+?213|0)(5|6|7)\d{8}$/, + 'ar-SY': /^(!?(\+?963)|0)?9\d{8}$/, + 'ar-SA': /^(!?(\+?966)|0)?5\d{8}$/, + 'en-US': /^(\+?1)?[2-9]\d{2}[2-9](?!11)\d{6}$/, + 'cs-CZ': /^(\+?420)? ?[1-9][0-9]{2} ?[0-9]{3} ?[0-9]{3}$/, + 'de-DE': /^(\+?49[ \.\-])?([\(]{1}[0-9]{1,6}[\)])?([0-9 \.\-\/]{3,20})((x|ext|extension)[ ]?[0-9]{1,4})?$/, + 'da-DK': /^(\+?45)?(\d{8})$/, + 'el-GR': /^(\+?30)?(69\d{8})$/, + 'en-AU': /^(\+?61|0)4\d{8}$/, + 'en-GB': /^(\+?44|0)7\d{9}$/, + 'en-HK': /^(\+?852\-?)?[569]\d{3}\-?\d{4}$/, + 'en-IN': /^(\+?91|0)?[789]\d{9}$/, + 'en-NG': /^(\+?234|0)?[789]\d{9}$/, + 'en-NZ': /^(\+?64|0)2\d{7,9}$/, + 'en-ZA': /^(\+?27|0)\d{9}$/, + 'en-ZM': /^(\+?26)?09[567]\d{7}$/, + 'es-ES': /^(\+?34)?(6\d{1}|7[1234])\d{7}$/, + 'fi-FI': /^(\+?358|0)\s?(4(0|1|2|4|5)?|50)\s?(\d\s?){4,8}\d$/, + 'fr-FR': /^(\+?33|0)[67]\d{8}$/, + 'he-IL': /^(\+972|0)([23489]|5[0248]|77)[1-9]\d{6}/, + 'hu-HU': /^(\+?36)(20|30|70)\d{7}$/, + 'it-IT': /^(\+?39)?\s?3\d{2} ?\d{6,7}$/, + 'ja-JP': /^(\+?81|0)\d{1,4}[ \-]?\d{1,4}[ \-]?\d{4}$/, + 'ms-MY': /^(\+?6?01){1}(([145]{1}(\-|\s)?\d{7,8})|([236789]{1}(\s|\-)?\d{7}))$/, + 'nb-NO': /^(\+?47)?[49]\d{7}$/, + 'nl-BE': /^(\+?32|0)4?\d{8}$/, + 'nn-NO': /^(\+?47)?[49]\d{7}$/, + 'pl-PL': /^(\+?48)? ?[5-8]\d ?\d{3} ?\d{2} ?\d{2}$/, + 'pt-BR': /^(\+?55|0)\-?[1-9]{2}\-?[2-9]{1}\d{3,4}\-?\d{4}$/, + 'pt-PT': /^(\+?351)?9[1236]\d{7}$/, + 'ro-RO': /^(\+?4?0)\s?7\d{2}(\/|\s|\.|\-)?\d{3}(\s|\.|\-)?\d{3}$/, + 'en-PK': /^((\+92)|(0092))-{0,1}\d{3}-{0,1}\d{7}$|^\d{11}$|^\d{4}-\d{7}$/, + 'ru-RU': /^(\+?7|8)?9\d{9}$/, + 'sr-RS': /^(\+3816|06)[- \d]{5,9}$/, + 'tr-TR': /^(\+?90|0)?5\d{9}$/, + 'vi-VN': /^(\+?84|0)?((1(2([0-9])|6([2-9])|88|99))|(9((?!5)[0-9])))([0-9]{7})$/, + 'zh-CN': /^(\+?0?86\-?)?1[345789]\d{9}$/, + 'zh-TW': /^(\+?886\-?|0)?9\d{8}$/ + }; + /* eslint-enable max-len */ + + // aliases + phones['en-CA'] = phones['en-US']; + phones['fr-BE'] = phones['nl-BE']; + phones['zh-HK'] = phones['en-HK']; + + function isMobilePhone(str, locale) { + (0, _assertString2.default)(str); + if (locale in phones) { + return phones[locale].test(str); + } + return false; + } + module.exports = exports['default']; + +/***/ }), +/* 157 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isCurrency; + + var _merge = __webpack_require__(116); + + var _merge2 = _interopRequireDefault(_merge); + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function currencyRegex(options) { + var symbol = '(\\' + options.symbol.replace(/\./g, '\\.') + ')' + (options.require_symbol ? '' : '?'), + negative = '-?', + whole_dollar_amount_without_sep = '[1-9]\\d*', + whole_dollar_amount_with_sep = '[1-9]\\d{0,2}(\\' + options.thousands_separator + '\\d{3})*', + valid_whole_dollar_amounts = ['0', whole_dollar_amount_without_sep, whole_dollar_amount_with_sep], + whole_dollar_amount = '(' + valid_whole_dollar_amounts.join('|') + ')?', + decimal_amount = '(\\' + options.decimal_separator + '\\d{2})?'; + var pattern = whole_dollar_amount + decimal_amount; + + // default is negative sign before symbol, but there are two other options (besides parens) + if (options.allow_negatives && !options.parens_for_negatives) { + if (options.negative_sign_after_digits) { + pattern += negative; + } else if (options.negative_sign_before_digits) { + pattern = negative + pattern; + } + } + + // South African Rand, for example, uses R 123 (space) and R-123 (no space) + if (options.allow_negative_sign_placeholder) { + pattern = '( (?!\\-))?' + pattern; + } else if (options.allow_space_after_symbol) { + pattern = ' ?' + pattern; + } else if (options.allow_space_after_digits) { + pattern += '( (?!$))?'; + } + + if (options.symbol_after_digits) { + pattern += symbol; + } else { + pattern = symbol + pattern; + } + + if (options.allow_negatives) { + if (options.parens_for_negatives) { + pattern = '(\\(' + pattern + '\\)|' + pattern + ')'; + } else if (!(options.negative_sign_before_digits || options.negative_sign_after_digits)) { + pattern = negative + pattern; + } + } + + /* eslint-disable prefer-template */ + return new RegExp('^' + + // ensure there's a dollar and/or decimal amount, and that + // it doesn't start with a space or a negative sign followed by a space + '(?!-? )(?=.*\\d)' + pattern + '$'); + /* eslint-enable prefer-template */ + } + + var default_currency_options = { + symbol: '$', + require_symbol: false, + allow_space_after_symbol: false, + symbol_after_digits: false, + allow_negatives: true, + parens_for_negatives: false, + negative_sign_before_digits: false, + negative_sign_after_digits: false, + allow_negative_sign_placeholder: false, + thousands_separator: ',', + decimal_separator: '.', + allow_space_after_digits: false + }; + + function isCurrency(str, options) { + (0, _assertString2.default)(str); + options = (0, _merge2.default)(options, default_currency_options); + return currencyRegex(options).test(str); + } + module.exports = exports['default']; + +/***/ }), +/* 158 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isBase64; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var notBase64 = /[^A-Z0-9+\/=]/i; + + function isBase64(str) { + (0, _assertString2.default)(str); + var len = str.length; + if (!len || len % 4 !== 0 || notBase64.test(str)) { + return false; + } + var firstPaddingChar = str.indexOf('='); + return firstPaddingChar === -1 || firstPaddingChar === len - 1 || firstPaddingChar === len - 2 && str[len - 1] === '='; + } + module.exports = exports['default']; + +/***/ }), +/* 159 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isDataURI; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var dataURI = /^\s*data:([a-z]+\/[a-z0-9\-\+]+(;[a-z\-]+=[a-z0-9\-]+)?)?(;base64)?,[a-z0-9!\$&',\(\)\*\+,;=\-\._~:@\/\?%\s]*\s*$/i; // eslint-disable-line max-len + + function isDataURI(str) { + (0, _assertString2.default)(str); + return dataURI.test(str); + } + module.exports = exports['default']; + +/***/ }), +/* 160 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = ltrim; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function ltrim(str, chars) { + (0, _assertString2.default)(str); + var pattern = chars ? new RegExp('^[' + chars + ']+', 'g') : /^\s+/g; + return str.replace(pattern, ''); + } + module.exports = exports['default']; + +/***/ }), +/* 161 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = rtrim; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function rtrim(str, chars) { + (0, _assertString2.default)(str); + var pattern = chars ? new RegExp('[' + chars + ']') : /\s/; + + var idx = str.length - 1; + while (idx >= 0 && pattern.test(str[idx])) { + idx--; + } + + return idx < str.length ? str.substr(0, idx + 1) : str; + } + module.exports = exports['default']; + +/***/ }), +/* 162 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = trim; + + var _rtrim = __webpack_require__(161); + + var _rtrim2 = _interopRequireDefault(_rtrim); + + var _ltrim = __webpack_require__(160); + + var _ltrim2 = _interopRequireDefault(_ltrim); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function trim(str, chars) { + return (0, _rtrim2.default)((0, _ltrim2.default)(str, chars), chars); + } + module.exports = exports['default']; + +/***/ }), +/* 163 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = escape; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function escape(str) { + (0, _assertString2.default)(str); + return str.replace(/&/g, '&').replace(/"/g, '"').replace(/'/g, ''').replace(//g, '>').replace(/\//g, '/').replace(/\\/g, '\').replace(/`/g, '`'); + } + module.exports = exports['default']; + +/***/ }), +/* 164 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = unescape; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function unescape(str) { + (0, _assertString2.default)(str); + return str.replace(/&/g, '&').replace(/"/g, '"').replace(/'/g, "'").replace(/</g, '<').replace(/>/g, '>').replace(///g, '/').replace(/`/g, '`'); + } + module.exports = exports['default']; + +/***/ }), +/* 165 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = stripLow; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + var _blacklist = __webpack_require__(166); + + var _blacklist2 = _interopRequireDefault(_blacklist); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function stripLow(str, keep_new_lines) { + (0, _assertString2.default)(str); + var chars = keep_new_lines ? '\\x00-\\x09\\x0B\\x0C\\x0E-\\x1F\\x7F' : '\\x00-\\x1F\\x7F'; + return (0, _blacklist2.default)(str, chars); + } + module.exports = exports['default']; + +/***/ }), +/* 166 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = blacklist; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function blacklist(str, chars) { + (0, _assertString2.default)(str); + return str.replace(new RegExp('[' + chars + ']+', 'g'), ''); + } + module.exports = exports['default']; + +/***/ }), +/* 167 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = whitelist; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function whitelist(str, chars) { + (0, _assertString2.default)(str); + return str.replace(new RegExp('[^' + chars + ']+', 'g'), ''); + } + module.exports = exports['default']; + +/***/ }), +/* 168 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = isWhitelisted; + + var _assertString = __webpack_require__(107); + + var _assertString2 = _interopRequireDefault(_assertString); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + function isWhitelisted(str, chars) { + (0, _assertString2.default)(str); + for (var i = str.length - 1; i >= 0; i--) { + if (chars.indexOf(str[i]) === -1) { + return false; + } + } + return true; + } + module.exports = exports['default']; + +/***/ }), +/* 169 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.default = normalizeEmail; + + var _isEmail = __webpack_require__(115); + + var _isEmail2 = _interopRequireDefault(_isEmail); + + var _merge = __webpack_require__(116); + + var _merge2 = _interopRequireDefault(_merge); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var default_normalize_email_options = { + // The following options apply to all email addresses + // Lowercases the local part of the email address. + // Please note this may violate RFC 5321 as per http://stackoverflow.com/a/9808332/192024). + // The domain is always lowercased, as per RFC 1035 + all_lowercase: true, + + // The following conversions are specific to GMail + // Lowercases the local part of the GMail address (known to be case-insensitive) + gmail_lowercase: true, + // Removes dots from the local part of the email address, as that's ignored by GMail + gmail_remove_dots: true, + // Removes the subaddress (e.g. "+foo") from the email address + gmail_remove_subaddress: true, + // Conversts the googlemail.com domain to gmail.com + gmail_convert_googlemaildotcom: true, + + // The following conversions are specific to Outlook.com / Windows Live / Hotmail + // Lowercases the local part of the Outlook.com address (known to be case-insensitive) + outlookdotcom_lowercase: true, + // Removes the subaddress (e.g. "+foo") from the email address + outlookdotcom_remove_subaddress: true, + + // The following conversions are specific to Yahoo + // Lowercases the local part of the Yahoo address (known to be case-insensitive) + yahoo_lowercase: true, + // Removes the subaddress (e.g. "-foo") from the email address + yahoo_remove_subaddress: true, + + // The following conversions are specific to iCloud + // Lowercases the local part of the iCloud address (known to be case-insensitive) + icloud_lowercase: true, + // Removes the subaddress (e.g. "+foo") from the email address + icloud_remove_subaddress: true + }; + + // List of domains used by iCloud + var icloud_domains = ['icloud.com', 'me.com']; + + // List of domains used by Outlook.com and its predecessors + // This list is likely incomplete. + // Partial reference: + // https://blogs.office.com/2013/04/17/outlook-com-gets-two-step-verification-sign-in-by-alias-and-new-international-domains/ + var outlookdotcom_domains = ['hotmail.at', 'hotmail.be', 'hotmail.ca', 'hotmail.cl', 'hotmail.co.il', 'hotmail.co.nz', 'hotmail.co.th', 'hotmail.co.uk', 'hotmail.com', 'hotmail.com.ar', 'hotmail.com.au', 'hotmail.com.br', 'hotmail.com.gr', 'hotmail.com.mx', 'hotmail.com.pe', 'hotmail.com.tr', 'hotmail.com.vn', 'hotmail.cz', 'hotmail.de', 'hotmail.dk', 'hotmail.es', 'hotmail.fr', 'hotmail.hu', 'hotmail.id', 'hotmail.ie', 'hotmail.in', 'hotmail.it', 'hotmail.jp', 'hotmail.kr', 'hotmail.lv', 'hotmail.my', 'hotmail.ph', 'hotmail.pt', 'hotmail.sa', 'hotmail.sg', 'hotmail.sk', 'live.be', 'live.co.uk', 'live.com', 'live.com.ar', 'live.com.mx', 'live.de', 'live.es', 'live.eu', 'live.fr', 'live.it', 'live.nl', 'msn.com', 'outlook.at', 'outlook.be', 'outlook.cl', 'outlook.co.il', 'outlook.co.nz', 'outlook.co.th', 'outlook.com', 'outlook.com.ar', 'outlook.com.au', 'outlook.com.br', 'outlook.com.gr', 'outlook.com.pe', 'outlook.com.tr', 'outlook.com.vn', 'outlook.cz', 'outlook.de', 'outlook.dk', 'outlook.es', 'outlook.fr', 'outlook.hu', 'outlook.id', 'outlook.ie', 'outlook.in', 'outlook.it', 'outlook.jp', 'outlook.kr', 'outlook.lv', 'outlook.my', 'outlook.ph', 'outlook.pt', 'outlook.sa', 'outlook.sg', 'outlook.sk', 'passport.com']; + + // List of domains used by Yahoo Mail + // This list is likely incomplete + var yahoo_domains = ['rocketmail.com', 'yahoo.ca', 'yahoo.co.uk', 'yahoo.com', 'yahoo.de', 'yahoo.fr', 'yahoo.in', 'yahoo.it', 'ymail.com']; + + function normalizeEmail(email, options) { + options = (0, _merge2.default)(options, default_normalize_email_options); + + if (!(0, _isEmail2.default)(email)) { + return false; + } + + var raw_parts = email.split('@'); + var domain = raw_parts.pop(); + var user = raw_parts.join('@'); + var parts = [user, domain]; + + // The domain is always lowercased, as it's case-insensitive per RFC 1035 + parts[1] = parts[1].toLowerCase(); + + if (parts[1] === 'gmail.com' || parts[1] === 'googlemail.com') { + // Address is GMail + if (options.gmail_remove_subaddress) { + parts[0] = parts[0].split('+')[0]; + } + if (options.gmail_remove_dots) { + parts[0] = parts[0].replace(/\./g, ''); + } + if (!parts[0].length) { + return false; + } + if (options.all_lowercase || options.gmail_lowercase) { + parts[0] = parts[0].toLowerCase(); + } + parts[1] = options.gmail_convert_googlemaildotcom ? 'gmail.com' : parts[1]; + } else if (~icloud_domains.indexOf(parts[1])) { + // Address is iCloud + if (options.icloud_remove_subaddress) { + parts[0] = parts[0].split('+')[0]; + } + if (!parts[0].length) { + return false; + } + if (options.all_lowercase || options.icloud_lowercase) { + parts[0] = parts[0].toLowerCase(); + } + } else if (~outlookdotcom_domains.indexOf(parts[1])) { + // Address is Outlook.com + if (options.outlookdotcom_remove_subaddress) { + parts[0] = parts[0].split('+')[0]; + } + if (!parts[0].length) { + return false; + } + if (options.all_lowercase || options.outlookdotcom_lowercase) { + parts[0] = parts[0].toLowerCase(); + } + } else if (~yahoo_domains.indexOf(parts[1])) { + // Address is Yahoo + if (options.yahoo_remove_subaddress) { + var components = parts[0].split('-'); + parts[0] = components.length > 1 ? components.slice(0, -1).join('-') : components[0]; + } + if (!parts[0].length) { + return false; + } + if (options.all_lowercase || options.yahoo_lowercase) { + parts[0] = parts[0].toLowerCase(); + } + } else if (options.all_lowercase) { + // Any other address + parts[0] = parts[0].toLowerCase(); + } + return parts.join('@'); + } + module.exports = exports['default']; + +/***/ }), +/* 170 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + var Validation = __webpack_require__(104); + + module.exports = function (Component) { + Component.implement({ + initValidation: function initValidation() { + var $outer = this; + do { + if ($outer.$outer) { + $outer = $outer.$outer; + } else if ($outer.$parent) { + $outer = $outer.$parent; + } + } while (!($outer instanceof Validation) && ($outer.$outer || $outer.$parent)); + + if ($outer && $outer instanceof Validation) { + $outer.controls.push(this); + /* eslint no-underscore-dangle: ["error", { "allowAfterThis": true }] */ + this._parentValidator = $outer; + + this.$on('destroy', function () { + var index = $outer.controls.indexOf(this); + if (index !== -1) { + $outer.controls.splice(index, 1); + } + }); + } + } + }); + }; + +/***/ }), +/* 171 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + var _ = __webpack_require__(72); + + function stringBytes(c) { + var n = c.length; + var len = 0; + for (var i = 0; i < n; i += 1) { + var s = c.charCodeAt(i); + while (s > 0) { + len += 1; + /* eslint no-bitwise: 0 */ + s >>= 8; + } + } + return len; + } + + function isNumeric(n) { + return !isNaN(parseFloat(n)) && isFinite(n); + } + + module.exports = { + required: { type: 'isRequired', message: _.$trans('PLEASE_INPUT') }, + isEmail: { type: 'isEmail', message: _.$trans('FORMAT_ERROR') }, + isURL: { type: 'isURL', message: _.$trans('FORMAT_ERROR') }, + isInt: function isInt(_min, _max, message) { + var min = _min; + var max = _max; + min = isNumeric(min) ? min / 1 : -Infinity; + max = isNumeric(max) ? max / 1 : Infinity; + return { + type: 'isInt', + message: message || _.$trans('VALUE_ERROR'), + options: { min: min, max: max } + }; + }, + isFloat: function isFloat(_min, _max, message) { + var min = _min; + var max = _max; + min = isNumeric(min) ? min / 1 : -Infinity; + max = isNumeric(max) ? max / 1 : Infinity; + return { + type: 'isFloat', + message: message || _.$trans('VALUE_ERROR'), + options: { min: min, max: max } + }; + }, + byteLen: function byteLen(_min, _max, message) { + var min = _min; + var max = _max; + min = isNumeric(min) ? min / 1 : 0; + max = isNumeric(max) ? max / 1 : Infinity; + return { + message: message || _.$trans('LENGTH_ERROR'), + method: function method() { + var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ''; + + var len = stringBytes(value); + return len >= min && len <= max; + } + }; + } + }; + +/***/ }), +/* 172 */ +/***/ (function(module, exports) { + + 'use strict'; + + module.exports = { + /** + * 测试数据: + * 1, +1, -1, ++1, ++++, 1++, 1+1, 001, 01 + * */ + int: function int(_value) { + var value = _value.replace(/[^\d+-]/g, ''); + + var regexp = /[+-]?\d*/; + var match = regexp.exec(value); + if (match) value = match[0]; + + if (value && !isNaN(value)) value = parseInt(value); + return value; + }, + + /** + * 测试数据: + * 1.123, +1.123, -1.123, ++1.123, 1+++.23+, 1++.23, 1+1.23, 132.12.12 + * */ + float: function float(_value, decimalDigits) { + /* eslint no-useless-escape: 0 */ + var value = _value.replace(/[^\d+-\.]/g, ''); + + var regexp = /([+-]?\d*(\.\d*)?)/; + var match = regexp.exec(value); + if (match) value = match[0]; + + // 这里没使用toFixed, 是因为不希望四舍五入,不断输入最后一位数字会一直变大 + var digits = value.split('.'); + if (digits[1] && decimalDigits) { + value = digits[0] + '.' + digits[1].substring(0, decimalDigits); + } + + return value; + }, + default: function _default(value) { + return value; + } + }; + +/***/ }), +/* 173 */ +/***/ (function(module, exports, __webpack_require__) { + + /*! + * Bowser - a browser detector + * https://github.com/ded/bowser + * MIT License | (c) Dustin Diaz 2015 + */ + + !function (root, name, definition) { + if (typeof module != 'undefined' && module.exports) module.exports = definition() + else if (true) __webpack_require__(174)(name, definition) + else root[name] = definition() + }(this, 'bowser', function () { + /** + * See useragents.js for examples of navigator.userAgent + */ + + var t = true + + function detect(ua) { + + function getFirstMatch(regex) { + var match = ua.match(regex); + return (match && match.length > 1 && match[1]) || ''; + } + + function getSecondMatch(regex) { + var match = ua.match(regex); + return (match && match.length > 1 && match[2]) || ''; + } + + var iosdevice = getFirstMatch(/(ipod|iphone|ipad)/i).toLowerCase() + , likeAndroid = /like android/i.test(ua) + , android = !likeAndroid && /android/i.test(ua) + , nexusMobile = /nexus\s*[0-6]\s*/i.test(ua) + , nexusTablet = !nexusMobile && /nexus\s*[0-9]+/i.test(ua) + , chromeos = /CrOS/.test(ua) + , silk = /silk/i.test(ua) + , sailfish = /sailfish/i.test(ua) + , tizen = /tizen/i.test(ua) + , webos = /(web|hpw)os/i.test(ua) + , windowsphone = /windows phone/i.test(ua) + , samsungBrowser = /SamsungBrowser/i.test(ua) + , windows = !windowsphone && /windows/i.test(ua) + , mac = !iosdevice && !silk && /macintosh/i.test(ua) + , linux = !android && !sailfish && !tizen && !webos && /linux/i.test(ua) + , edgeVersion = getFirstMatch(/edge\/(\d+(\.\d+)?)/i) + , versionIdentifier = getFirstMatch(/version\/(\d+(\.\d+)?)/i) + , tablet = /tablet/i.test(ua) + , mobile = !tablet && /[^-]mobi/i.test(ua) + , xbox = /xbox/i.test(ua) + , result + + if (/opera/i.test(ua)) { + // an old Opera + result = { + name: 'Opera' + , opera: t + , version: versionIdentifier || getFirstMatch(/(?:opera|opr|opios)[\s\/](\d+(\.\d+)?)/i) + } + } else if (/opr|opios/i.test(ua)) { + // a new Opera + result = { + name: 'Opera' + , opera: t + , version: getFirstMatch(/(?:opr|opios)[\s\/](\d+(\.\d+)?)/i) || versionIdentifier + } + } + else if (/SamsungBrowser/i.test(ua)) { + result = { + name: 'Samsung Internet for Android' + , samsungBrowser: t + , version: versionIdentifier || getFirstMatch(/(?:SamsungBrowser)[\s\/](\d+(\.\d+)?)/i) + } + } + else if (/coast/i.test(ua)) { + result = { + name: 'Opera Coast' + , coast: t + , version: versionIdentifier || getFirstMatch(/(?:coast)[\s\/](\d+(\.\d+)?)/i) + } + } + else if (/yabrowser/i.test(ua)) { + result = { + name: 'Yandex Browser' + , yandexbrowser: t + , version: versionIdentifier || getFirstMatch(/(?:yabrowser)[\s\/](\d+(\.\d+)?)/i) + } + } + else if (/ucbrowser/i.test(ua)) { + result = { + name: 'UC Browser' + , ucbrowser: t + , version: getFirstMatch(/(?:ucbrowser)[\s\/](\d+(?:\.\d+)+)/i) + } + } + else if (/mxios/i.test(ua)) { + result = { + name: 'Maxthon' + , maxthon: t + , version: getFirstMatch(/(?:mxios)[\s\/](\d+(?:\.\d+)+)/i) + } + } + else if (/epiphany/i.test(ua)) { + result = { + name: 'Epiphany' + , epiphany: t + , version: getFirstMatch(/(?:epiphany)[\s\/](\d+(?:\.\d+)+)/i) + } + } + else if (/puffin/i.test(ua)) { + result = { + name: 'Puffin' + , puffin: t + , version: getFirstMatch(/(?:puffin)[\s\/](\d+(?:\.\d+)?)/i) + } + } + else if (/sleipnir/i.test(ua)) { + result = { + name: 'Sleipnir' + , sleipnir: t + , version: getFirstMatch(/(?:sleipnir)[\s\/](\d+(?:\.\d+)+)/i) + } + } + else if (/k-meleon/i.test(ua)) { + result = { + name: 'K-Meleon' + , kMeleon: t + , version: getFirstMatch(/(?:k-meleon)[\s\/](\d+(?:\.\d+)+)/i) + } + } + else if (windowsphone) { + result = { + name: 'Windows Phone' + , windowsphone: t + } + if (edgeVersion) { + result.msedge = t + result.version = edgeVersion + } + else { + result.msie = t + result.version = getFirstMatch(/iemobile\/(\d+(\.\d+)?)/i) + } + } + else if (/msie|trident/i.test(ua)) { + result = { + name: 'Internet Explorer' + , msie: t + , version: getFirstMatch(/(?:msie |rv:)(\d+(\.\d+)?)/i) + } + } else if (chromeos) { + result = { + name: 'Chrome' + , chromeos: t + , chromeBook: t + , chrome: t + , version: getFirstMatch(/(?:chrome|crios|crmo)\/(\d+(\.\d+)?)/i) + } + } else if (/chrome.+? edge/i.test(ua)) { + result = { + name: 'Microsoft Edge' + , msedge: t + , version: edgeVersion + } + } + else if (/vivaldi/i.test(ua)) { + result = { + name: 'Vivaldi' + , vivaldi: t + , version: getFirstMatch(/vivaldi\/(\d+(\.\d+)?)/i) || versionIdentifier + } + } + else if (sailfish) { + result = { + name: 'Sailfish' + , sailfish: t + , version: getFirstMatch(/sailfish\s?browser\/(\d+(\.\d+)?)/i) + } + } + else if (/seamonkey\//i.test(ua)) { + result = { + name: 'SeaMonkey' + , seamonkey: t + , version: getFirstMatch(/seamonkey\/(\d+(\.\d+)?)/i) + } + } + else if (/firefox|iceweasel|fxios/i.test(ua)) { + result = { + name: 'Firefox' + , firefox: t + , version: getFirstMatch(/(?:firefox|iceweasel|fxios)[ \/](\d+(\.\d+)?)/i) + } + if (/\((mobile|tablet);[^\)]*rv:[\d\.]+\)/i.test(ua)) { + result.firefoxos = t + } + } + else if (silk) { + result = { + name: 'Amazon Silk' + , silk: t + , version : getFirstMatch(/silk\/(\d+(\.\d+)?)/i) + } + } + else if (/phantom/i.test(ua)) { + result = { + name: 'PhantomJS' + , phantom: t + , version: getFirstMatch(/phantomjs\/(\d+(\.\d+)?)/i) + } + } + else if (/slimerjs/i.test(ua)) { + result = { + name: 'SlimerJS' + , slimer: t + , version: getFirstMatch(/slimerjs\/(\d+(\.\d+)?)/i) + } + } + else if (/blackberry|\bbb\d+/i.test(ua) || /rim\stablet/i.test(ua)) { + result = { + name: 'BlackBerry' + , blackberry: t + , version: versionIdentifier || getFirstMatch(/blackberry[\d]+\/(\d+(\.\d+)?)/i) + } + } + else if (webos) { + result = { + name: 'WebOS' + , webos: t + , version: versionIdentifier || getFirstMatch(/w(?:eb)?osbrowser\/(\d+(\.\d+)?)/i) + }; + /touchpad\//i.test(ua) && (result.touchpad = t) + } + else if (/bada/i.test(ua)) { + result = { + name: 'Bada' + , bada: t + , version: getFirstMatch(/dolfin\/(\d+(\.\d+)?)/i) + }; + } + else if (tizen) { + result = { + name: 'Tizen' + , tizen: t + , version: getFirstMatch(/(?:tizen\s?)?browser\/(\d+(\.\d+)?)/i) || versionIdentifier + }; + } + else if (/qupzilla/i.test(ua)) { + result = { + name: 'QupZilla' + , qupzilla: t + , version: getFirstMatch(/(?:qupzilla)[\s\/](\d+(?:\.\d+)+)/i) || versionIdentifier + } + } + else if (/chromium/i.test(ua)) { + result = { + name: 'Chromium' + , chromium: t + , version: getFirstMatch(/(?:chromium)[\s\/](\d+(?:\.\d+)?)/i) || versionIdentifier + } + } + else if (/chrome|crios|crmo/i.test(ua)) { + result = { + name: 'Chrome' + , chrome: t + , version: getFirstMatch(/(?:chrome|crios|crmo)\/(\d+(\.\d+)?)/i) + } + } + else if (android) { + result = { + name: 'Android' + , version: versionIdentifier + } + } + else if (/safari|applewebkit/i.test(ua)) { + result = { + name: 'Safari' + , safari: t + } + if (versionIdentifier) { + result.version = versionIdentifier + } + } + else if (iosdevice) { + result = { + name : iosdevice == 'iphone' ? 'iPhone' : iosdevice == 'ipad' ? 'iPad' : 'iPod' + } + // WTF: version is not part of user agent in web apps + if (versionIdentifier) { + result.version = versionIdentifier + } + } + else if(/googlebot/i.test(ua)) { + result = { + name: 'Googlebot' + , googlebot: t + , version: getFirstMatch(/googlebot\/(\d+(\.\d+))/i) || versionIdentifier + } + } + else { + result = { + name: getFirstMatch(/^(.*)\/(.*) /), + version: getSecondMatch(/^(.*)\/(.*) /) + }; + } + + // set webkit or gecko flag for browsers based on these engines + if (!result.msedge && /(apple)?webkit/i.test(ua)) { + if (/(apple)?webkit\/537\.36/i.test(ua)) { + result.name = result.name || "Blink" + result.blink = t + } else { + result.name = result.name || "Webkit" + result.webkit = t + } + if (!result.version && versionIdentifier) { + result.version = versionIdentifier + } + } else if (!result.opera && /gecko\//i.test(ua)) { + result.name = result.name || "Gecko" + result.gecko = t + result.version = result.version || getFirstMatch(/gecko\/(\d+(\.\d+)?)/i) + } + + // set OS flags for platforms that have multiple browsers + if (!result.windowsphone && !result.msedge && (android || result.silk)) { + result.android = t + } else if (!result.windowsphone && !result.msedge && iosdevice) { + result[iosdevice] = t + result.ios = t + } else if (mac) { + result.mac = t + } else if (xbox) { + result.xbox = t + } else if (windows) { + result.windows = t + } else if (linux) { + result.linux = t + } + + function getWindowsVersion (s) { + switch (s) { + case 'NT': return 'NT' + case 'XP': return 'XP' + case 'NT 5.0': return '2000' + case 'NT 5.1': return 'XP' + case 'NT 5.2': return '2003' + case 'NT 6.0': return 'Vista' + case 'NT 6.1': return '7' + case 'NT 6.2': return '8' + case 'NT 6.3': return '8.1' + case 'NT 10.0': return '10' + default: return undefined + } + } + + // OS version extraction + var osVersion = ''; + if (result.windows) { + osVersion = getWindowsVersion(getFirstMatch(/Windows ((NT|XP)( \d\d?.\d)?)/i)) + } else if (result.windowsphone) { + osVersion = getFirstMatch(/windows phone (?:os)?\s?(\d+(\.\d+)*)/i); + } else if (result.mac) { + osVersion = getFirstMatch(/Mac OS X (\d+([_\.\s]\d+)*)/i); + osVersion = osVersion.replace(/[_\s]/g, '.'); + } else if (iosdevice) { + osVersion = getFirstMatch(/os (\d+([_\s]\d+)*) like mac os x/i); + osVersion = osVersion.replace(/[_\s]/g, '.'); + } else if (android) { + osVersion = getFirstMatch(/android[ \/-](\d+(\.\d+)*)/i); + } else if (result.webos) { + osVersion = getFirstMatch(/(?:web|hpw)os\/(\d+(\.\d+)*)/i); + } else if (result.blackberry) { + osVersion = getFirstMatch(/rim\stablet\sos\s(\d+(\.\d+)*)/i); + } else if (result.bada) { + osVersion = getFirstMatch(/bada\/(\d+(\.\d+)*)/i); + } else if (result.tizen) { + osVersion = getFirstMatch(/tizen[\/\s](\d+(\.\d+)*)/i); + } + if (osVersion) { + result.osversion = osVersion; + } + + // device type extraction + var osMajorVersion = !result.windows && osVersion.split('.')[0]; + if ( + tablet + || nexusTablet + || iosdevice == 'ipad' + || (android && (osMajorVersion == 3 || (osMajorVersion >= 4 && !mobile))) + || result.silk + ) { + result.tablet = t + } else if ( + mobile + || iosdevice == 'iphone' + || iosdevice == 'ipod' + || android + || nexusMobile + || result.blackberry + || result.webos + || result.bada + ) { + result.mobile = t + } + + // Graded Browser Support + // http://developer.yahoo.com/yui/articles/gbs + if (result.msedge || + (result.msie && result.version >= 10) || + (result.yandexbrowser && result.version >= 15) || + (result.vivaldi && result.version >= 1.0) || + (result.chrome && result.version >= 20) || + (result.samsungBrowser && result.version >= 4) || + (result.firefox && result.version >= 20.0) || + (result.safari && result.version >= 6) || + (result.opera && result.version >= 10.0) || + (result.ios && result.osversion && result.osversion.split(".")[0] >= 6) || + (result.blackberry && result.version >= 10.1) + || (result.chromium && result.version >= 20) + ) { + result.a = t; + } + else if ((result.msie && result.version < 10) || + (result.chrome && result.version < 20) || + (result.firefox && result.version < 20.0) || + (result.safari && result.version < 6) || + (result.opera && result.version < 10.0) || + (result.ios && result.osversion && result.osversion.split(".")[0] < 6) + || (result.chromium && result.version < 20) + ) { + result.c = t + } else result.x = t + + return result + } + + var bowser = detect(typeof navigator !== 'undefined' ? navigator.userAgent || '' : '') + + bowser.test = function (browserList) { + for (var i = 0; i < browserList.length; ++i) { + var browserItem = browserList[i]; + if (typeof browserItem=== 'string') { + if (browserItem in bowser) { + return true; + } + } + } + return false; + } + + /** + * Get version precisions count + * + * @example + * getVersionPrecision("1.10.3") // 3 + * + * @param {string} version + * @return {number} + */ + function getVersionPrecision(version) { + return version.split(".").length; + } + + /** + * Array::map polyfill + * + * @param {Array} arr + * @param {Function} iterator + * @return {Array} + */ + function map(arr, iterator) { + var result = [], i; + if (Array.prototype.map) { + return Array.prototype.map.call(arr, iterator); + } + for (i = 0; i < arr.length; i++) { + result.push(iterator(arr[i])); + } + return result; + } + + /** + * Calculate browser version weight + * + * @example + * compareVersions(['1.10.2.1', '1.8.2.1.90']) // 1 + * compareVersions(['1.010.2.1', '1.09.2.1.90']); // 1 + * compareVersions(['1.10.2.1', '1.10.2.1']); // 0 + * compareVersions(['1.10.2.1', '1.0800.2']); // -1 + * + * @param {Array} versions versions to compare + * @return {Number} comparison result + */ + function compareVersions(versions) { + // 1) get common precision for both versions, for example for "10.0" and "9" it should be 2 + var precision = Math.max(getVersionPrecision(versions[0]), getVersionPrecision(versions[1])); + var chunks = map(versions, function (version) { + var delta = precision - getVersionPrecision(version); + + // 2) "9" -> "9.0" (for precision = 2) + version = version + new Array(delta + 1).join(".0"); + + // 3) "9.0" -> ["000000000"", "000000009"] + return map(version.split("."), function (chunk) { + return new Array(20 - chunk.length).join("0") + chunk; + }).reverse(); + }); + + // iterate in reverse order by reversed chunks array + while (--precision >= 0) { + // 4) compare: "000000009" > "000000010" = false (but "9" > "10" = true) + if (chunks[0][precision] > chunks[1][precision]) { + return 1; + } + else if (chunks[0][precision] === chunks[1][precision]) { + if (precision === 0) { + // all version chunks are same + return 0; + } + } + else { + return -1; + } + } + } + + /** + * Check if browser is unsupported + * + * @example + * bowser.isUnsupportedBrowser({ + * msie: "10", + * firefox: "23", + * chrome: "29", + * safari: "5.1", + * opera: "16", + * phantom: "534" + * }); + * + * @param {Object} minVersions map of minimal version to browser + * @param {Boolean} [strictMode = false] flag to return false if browser wasn't found in map + * @param {String} [ua] user agent string + * @return {Boolean} + */ + function isUnsupportedBrowser(minVersions, strictMode, ua) { + var _bowser = bowser; + + // make strictMode param optional with ua param usage + if (typeof strictMode === 'string') { + ua = strictMode; + strictMode = void(0); + } + + if (strictMode === void(0)) { + strictMode = false; + } + if (ua) { + _bowser = detect(ua); + } + + var version = "" + _bowser.version; + for (var browser in minVersions) { + if (minVersions.hasOwnProperty(browser)) { + if (_bowser[browser]) { + if (typeof minVersions[browser] !== 'string') { + throw new Error('Browser version in the minVersion map should be a string: ' + browser + ': ' + String(minVersions)); + } + + // browser version and min supported version. + return compareVersions([version, minVersions[browser]]) < 0; + } + } + } + + return strictMode; // not found + } + + /** + * Check if browser is supported + * + * @param {Object} minVersions map of minimal version to browser + * @param {Boolean} [strictMode = false] flag to return false if browser wasn't found in map + * @param {String} [ua] user agent string + * @return {Boolean} + */ + function check(minVersions, strictMode, ua) { + return !isUnsupportedBrowser(minVersions, strictMode, ua); + } + + bowser.isUnsupportedBrowser = isUnsupportedBrowser; + bowser.compareVersions = compareVersions; + bowser.check = check; + + /* + * Set our detect method to the main bowser object so we can + * reuse it to test other user agents. + * This is needed to implement future tests. + */ + bowser._detect = detect; + + return bowser + }); + + +/***/ }), +/* 174 */ +/***/ (function(module, exports) { + + module.exports = function() { throw new Error("define cannot be used indirect"); }; + + +/***/ }), +/* 175 */ +/***/ (function(module, exports) { + + module.exports = "\n{#if tip && !hideTip}{tip}{/if}" + +/***/ }), +/* 176 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + var _create = __webpack_require__(66); + + var _create2 = _interopRequireDefault(_create); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + /** + * ------------------------------------------------------------ + * TimePicker 时间选择 + * @author sensen(rainforest92@126.com) + * ------------------------------------------------------------ + */ + + var Component = __webpack_require__(70); + var template = __webpack_require__(177); + var _ = __webpack_require__(72); + __webpack_require__(65); + + /** + * @class TimePicker + * @extend Component + * @param {object} [options.data] = 绑定属性 + * @param {string} [options.data.time=00:00] <=> 当前的时间值 + * @param {string} [options.data.minTime=00:00] => 最小时间 + * @param {string} [options.data.maxTime=23:59] => 最大时间 + * @param {boolean} [options.data.autofocus=false] => 是否自动获得焦点 + * @param {boolean} [options.data.readonly=false] => 是否只读 + * @param {boolean} [options.data.disabled=false] => 是否禁用 + * @param {boolean} [options.data.visible=true] => 是否显示 + * @param {string} [options.data.class] => 补充class + * @param {boolean} [options.data.disabledHours=false] => 是否禁用小时输入框 + * @param {boolean} [options.data.disabledMinutes=false] => 是否禁用分钟输入框 + * @param {boolean} [options.data.disabledSeconds=false] => 是否禁用秒输入框 + */ + var TimePicker = Component.extend({ + name: 'time-picker', + template: template, + /** + * @protected + */ + config: function config() { + _.extend(this.data, { + time: '00:00:00', + hour: 0, + minute: 0, + seconds: 0, + minTime: '00:00:00', + maxTime: '23:59:59', + autofocus: false + }); + this.supr(); + + this.$watch('time', function (newValue, oldValue) { + if (oldValue === undefined) { + this.updateHMS(this.data.time); + return; + } + + if (!newValue) throw new TypeError('Invalid Time'); + + // 如果超出时间范围，则设置为范围边界的时间 + var isOutOfRange = this.isOutOfRange(newValue); + if (isOutOfRange) return this.data.time = isOutOfRange; + + this.updateHMS(newValue); + + /** + * @event change 时间改变时触发 + * @property {object} sender 事件发送对象 + * @property {object} time 改变后的时间 + */ + this.$emit('change', { + sender: this, + time: newValue + }); + }); + + this.$watch(['hour', 'minute', 'seconds'], function (_hour, _minute, _seconds) { + var hour = _hour; + var minute = _minute; + var seconds = _seconds; + hour += ''; + minute += ''; + seconds += ''; + this.data.time = (hour.length > 1 ? hour : '0' + hour) + ':' + (minute.length > 1 ? minute : '0' + minute) + ':' + (seconds.length > 1 ? seconds : '0' + seconds); + }); + + this.$watch(['minTime', 'maxTime'], function (minTime, maxTime) { + if (!minTime) throw new TypeError('Invalid Time'); + if (!maxTime) throw new TypeError('Invalid Time'); + + if (minTime > maxTime) { + throw new TimePicker.TimeRangeError(minTime, maxTime); + } + + // 如果超出时间范围，则设置为范围边界的时间 + var isOutOfRange = this.isOutOfRange(this.data.time); + if (isOutOfRange) this.data.time = isOutOfRange; + }); + }, + updateHMS: function updateHMS(value) { + var time = value.split(':'); + this.data.hour = +time[0]; + this.data.minute = +time[1]; + this.data.seconds = +time[2]; + }, + + /** + * @method isOutOfRange(time) 是否超出规定的时间范围 + * @public + * @param {Time} time 待测的时间 + * @return {boolean|Time} time 如果没有超出时间范围，则返回false；如果超出时间范围，则返回范围边界的时间 + */ + isOutOfRange: function isOutOfRange(time) { + var minTime = this.data.minTime; + var maxTime = this.data.maxTime; + + // minTime && time < minTime && minTime，先判断是否为空，再判断是否超出范围，如果超出则返回范围边界的时间 + return minTime && time < minTime && minTime || maxTime && time > maxTime && maxTime; + } + }); + + var TimeRangeError = function TimeRangeError(minTime, maxTime) { + this.name = 'TimeRangeError'; + this.message = 'Wrong Time Range where `minTime` is ' + minTime + ' and `maxTime` is ' + maxTime + '!'; + }; + + TimeRangeError.prototype = (0, _create2.default)(Error.prototype); + TimeRangeError.prototype.constructor = TimeRangeError; + TimePicker.TimeRangeError = TimeRangeError.prototype.constructor; + + module.exports = TimePicker; + +/***/ }), +/* 177 */ +/***/ (function(module, exports) { + + module.exports = "\n\t\n\t:\n\t\n\t:\n\t\n" + +/***/ }), +/* 178 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + /** + * ------------------------------------------------------------ + * Dropdown 下拉菜单 + * @author sensen(rainforest92@126.com) + * ------------------------------------------------------------ + */ + + var SourceComponent = __webpack_require__(179); + var template = __webpack_require__(183); + var _ = __webpack_require__(72); + + /** + * @class Dropdown + * @extend SourceComponent + * @param {object} [options.data] = 绑定属性 + * @param {string} [options.data.title] => 按钮文字 + * @param {object[]} [options.data.source=[]] <=> 数据源 + * @param {string} [options.data.source[].name] => 每项的内容 + * @param {boolean} [options.data.source[].disabled=false] => 禁用此项 + * @param {boolean} [options.data.source[].divider=false] => 设置此项为分隔线 + * @param {string} [options.data.itemTemplate=null] @=> 单项模板 + * @param {boolean} [options.data.open=false] <=> 当前为展开/收起状态 + * @param {boolean} [options.data.disabled=false] => 是否禁用 + * @param {boolean} [options.data.visible=true] => 是否显示 + * @param {string} [options.data.class] => 补充class + * @param {object} [options.service] @=> 数据服务 + */ + var Dropdown = SourceComponent.extend({ + name: 'dropdown', + template: template, + /** + * @protected + */ + config: function config() { + _.extend(this.data, { + // @inherited source: [], + itemTemplate: null, + open: false + }); + this.supr(); + }, + + /** + * @method toggle(open) 展开/收起 + * @public + * @param {boolean} open 展开/收起状态。如果无此参数，则在两种状态之间切换。 + * @return {void} + */ + toggle: function toggle(_open) { + if (this.data.disabled) return; + + var open = _open; + if (open === undefined) open = !this.data.open; + this.data.open = open; + + // 根据状态在Dropdown.opens列表中添加/删除管理项 + var index = Dropdown.opens.indexOf(this); + if (open && index < 0) Dropdown.opens.push(this);else if (!open && index >= 0) Dropdown.opens.splice(index, 1); + + /** + * @event toggle 展开/收起时触发 + * @property {object} sender 事件发送对象 + * @property {object} open 展开/收起状态 + */ + this.$emit('toggle', { + sender: this, + open: open + }); + }, + + /** + * @method select(item) 选择某一项 + * @public + * @param {object} item 选择项 + * @return {void} + */ + select: function select(item) { + if (this.data.disabled || item.disabled || item.divider) return; + + /** + * @event select 选择某一项时触发 + * @property {object} sender 事件发送对象 + * @property {object} selected 当前选择项 + */ + this.$emit('select', { + sender: this, + selected: item + }); + + this.toggle(false); + }, + destroy: function destroy() { + var index = Dropdown.opens.indexOf(this); + index >= 0 && Dropdown.opens.splice(index, 1); + this.supr(); + } + }); + + // 处理点击dropdown之外的地方后的收起事件。 + Dropdown.opens = []; + + _.dom.on(document, 'click', function (e) { + var opens = Dropdown.opens.map(function (d) { + return d; + }); + opens.forEach(function (dropdown) { + // 这个地方不能用stopPropagation来处理，因为展开一个dropdown的同时要收起其他dropdown + var element = dropdown.$refs.element; + var element2 = e.target; + while (element2) { + if (element === element2) return; + element2 = element2.parentElement; + } + dropdown.toggle(false); + dropdown.$update(); + }); + }); + + module.exports = Dropdown; + +/***/ }), +/* 179 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + /** + * ------------------------------------------------------------ + * SourceComponent 数据组件基类 + * @author sensen(rainforest92@126.com) + * ------------------------------------------------------------ + */ + + var Component = __webpack_require__(70); + var _ = __webpack_require__(72); + var Ajax = __webpack_require__(180); + + /** + * @class SourceComponent + * @extend Component + * @deprecated + * @param {object[]} [options.data.source=[]] = 数据源 + * @param {boolean} [options.data.updateAuto=true] => 当有service时，是否自动加载 + * @param {boolean} [options.data.readonly=false] => 是否只读 + * @param {boolean} [options.data.disabled=false] => 是否禁用 + * @param {boolean} [options.data.visible=true] => 是否显示 + * @param {string} [options.data.class] => 补充class + * @param {object} [options.service] @=> 数据服务 + */ + var SourceComponent = Component.extend({ + service: null, + /** + * @protected + */ + config: function config() { + _.extend(this.data, { + source: [], + updateAuto: true + }); + + if (this.data.service) this.service = this.data.service; + + if (this.service && this.data.updateAuto) this.$updateSource(); + + this.supr(); + }, + request: function request(options) { + var self = this; + var data = this.data; + var oldError = options.error, + oldSuccess = options.success, + oldComplete = options.complete; + + + data.loading = true; + + options.success = function (_data) { + oldSuccess && oldSuccess(_data); + self.$update('loading', false); + }; + options.error = function (_data) { + oldError && oldError(_data); + self.$update('loading', false); + }; + + options.complete = function (_data) { + oldComplete && oldComplete(_data); + self.$update('loading', false); + }; + Ajax.request(options); + }, + + /** + * @method getParams 返回请求时需要的参数 + * @protected + * @deprecated + * @return {object} object + */ + getParams: function getParams() { + return {}; + }, + + /** + * @method $updateSource() 从service中更新数据源 + * @public + * @deprecated + * @return {SourceComponent} this + */ + $updateSource: function $updateSource() { + var self = this; + this.service.getList.call(this, this.getParams(), function (result) { + self.$update('source', result); + }); + return this; + } + }); + + module.exports = SourceComponent; + +/***/ }), +/* 180 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + var _stringify = __webpack_require__(73); + + var _stringify2 = _interopRequireDefault(_stringify); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + var reqwest = __webpack_require__(181); + + var ajax = {}; + + ajax.request = function (opt) { + var oldError = opt.error, + oldSuccess = opt.success, + oldComplete = opt.complete; + + + opt.data = opt.data || {}; + + opt.type = opt.type || 'json'; + + if (!opt.contentType && opt.method && opt.method.toLowerCase() !== 'get') { + opt.contentType = 'application/json'; + } + + if (opt.contentType === 'application/json') { + opt.data = (0, _stringify2.default)(opt.data); + } + + // ajax.$emit('start', opt); + opt.success = function (data) { + // ajax.$emit('success', data); + if (data.code || data.success) { + if (data.code !== 200 && !data.success) { + if (oldError) oldError(data.error, data.message, data.code);else ; // Notify.error(data.message); + } else oldSuccess && oldSuccess(data, data.message, data.code); + } else oldSuccess && oldSuccess(data); + }; + + opt.error = function (data) { + // ajax.$emit('error', data); + oldError && oldError(data.result, data); + }; + + opt.complete = function (data) { + // ajax.$emit('complete', data); + oldComplete && oldComplete(data.result, data); + }; + + reqwest(opt); + }; + + ajax.get = function (url, success, error) { + ajax.request({ + url: url, + method: 'get', + success: success, + error: error + }); + }; + + ajax.post = function (url, data, success, error) { + ajax.request({ + url: url, + method: 'post', + type: 'json', + success: success, + error: error + }); + }; + + module.exports = ajax; + +/***/ }), +/* 181 */ +/***/ (function(module, exports, __webpack_require__) { + + var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/*! + * Reqwest! A general purpose XHR connection manager + * license MIT (c) Dustin Diaz 2015 + * https://github.com/ded/reqwest + */ + + !function (name, context, definition) { + if (typeof module != 'undefined' && module.exports) module.exports = definition() + else if (true) !(__WEBPACK_AMD_DEFINE_FACTORY__ = (definition), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.call(exports, __webpack_require__, exports, module)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)) + else context[name] = definition() + }('reqwest', this, function () { + + var context = this + + if ('window' in context) { + var doc = document + , byTag = 'getElementsByTagName' + , head = doc[byTag]('head')[0] + } else { + var XHR2 + try { + XHR2 = __webpack_require__(182) + } catch (ex) { + throw new Error('Peer dependency `xhr2` required! Please npm install xhr2') + } + } + + + var httpsRe = /^http/ + , protocolRe = /(^\w+):\/\// + , twoHundo = /^(20\d|1223)$/ //http://stackoverflow.com/questions/10046972/msie-returns-status-code-of-1223-for-ajax-request + , readyState = 'readyState' + , contentType = 'Content-Type' + , requestedWith = 'X-Requested-With' + , uniqid = 0 + , callbackPrefix = 'reqwest_' + (+new Date()) + , lastValue // data stored by the most recent JSONP callback + , xmlHttpRequest = 'XMLHttpRequest' + , xDomainRequest = 'XDomainRequest' + , noop = function () {} + + , isArray = typeof Array.isArray == 'function' + ? Array.isArray + : function (a) { + return a instanceof Array + } + + , defaultHeaders = { + 'contentType': 'application/x-www-form-urlencoded' + , 'requestedWith': xmlHttpRequest + , 'accept': { + '*': 'text/javascript, text/html, application/xml, text/xml, */*' + , 'xml': 'application/xml, text/xml' + , 'html': 'text/html' + , 'text': 'text/plain' + , 'json': 'application/json, text/javascript' + , 'js': 'application/javascript, text/javascript' + } + } + + , xhr = function(o) { + // is it x-domain + if (o['crossOrigin'] === true) { + var xhr = context[xmlHttpRequest] ? new XMLHttpRequest() : null + if (xhr && 'withCredentials' in xhr) { + return xhr + } else if (context[xDomainRequest]) { + return new XDomainRequest() + } else { + throw new Error('Browser does not support cross-origin requests') + } + } else if (context[xmlHttpRequest]) { + return new XMLHttpRequest() + } else if (XHR2) { + return new XHR2() + } else { + return new ActiveXObject('Microsoft.XMLHTTP') + } + } + , globalSetupOptions = { + dataFilter: function (data) { + return data + } + } + + function succeed(r) { + var protocol = protocolRe.exec(r.url) + protocol = (protocol && protocol[1]) || context.location.protocol + return httpsRe.test(protocol) ? twoHundo.test(r.request.status) : !!r.request.response + } + + function handleReadyState(r, success, error) { + return function () { + // use _aborted to mitigate against IE err c00c023f + // (can't read props on aborted request objects) + if (r._aborted) return error(r.request) + if (r._timedOut) return error(r.request, 'Request is aborted: timeout') + if (r.request && r.request[readyState] == 4) { + r.request.onreadystatechange = noop + if (succeed(r)) success(r.request) + else + error(r.request) + } + } + } + + function setHeaders(http, o) { + var headers = o['headers'] || {} + , h + + headers['Accept'] = headers['Accept'] + || defaultHeaders['accept'][o['type']] + || defaultHeaders['accept']['*'] + + var isAFormData = typeof FormData !== 'undefined' && (o['data'] instanceof FormData); + // breaks cross-origin requests with legacy browsers + if (!o['crossOrigin'] && !headers[requestedWith]) headers[requestedWith] = defaultHeaders['requestedWith'] + if (!headers[contentType] && !isAFormData) headers[contentType] = o['contentType'] || defaultHeaders['contentType'] + for (h in headers) + headers.hasOwnProperty(h) && 'setRequestHeader' in http && http.setRequestHeader(h, headers[h]) + } + + function setCredentials(http, o) { + if (typeof o['withCredentials'] !== 'undefined' && typeof http.withCredentials !== 'undefined') { + http.withCredentials = !!o['withCredentials'] + } + } + + function generalCallback(data) { + lastValue = data + } + + function urlappend (url, s) { + return url + (/\?/.test(url) ? '&' : '?') + s + } + + function handleJsonp(o, fn, err, url) { + var reqId = uniqid++ + , cbkey = o['jsonpCallback'] || 'callback' // the 'callback' key + , cbval = o['jsonpCallbackName'] || reqwest.getcallbackPrefix(reqId) + , cbreg = new RegExp('((^|\\?|&)' + cbkey + ')=([^&]+)') + , match = url.match(cbreg) + , script = doc.createElement('script') + , loaded = 0 + , isIE10 = navigator.userAgent.indexOf('MSIE 10.0') !== -1 + + if (match) { + if (match[3] === '?') { + url = url.replace(cbreg, '$1=' + cbval) // wildcard callback func name + } else { + cbval = match[3] // provided callback func name + } + } else { + url = urlappend(url, cbkey + '=' + cbval) // no callback details, add 'em + } + + context[cbval] = generalCallback + + script.type = 'text/javascript' + script.src = url + script.async = true + if (typeof script.onreadystatechange !== 'undefined' && !isIE10) { + // need this for IE due to out-of-order onreadystatechange(), binding script + // execution to an event listener gives us control over when the script + // is executed. See http://jaubourg.net/2010/07/loading-script-as-onclick-handler-of.html + script.htmlFor = script.id = '_reqwest_' + reqId + } + + script.onload = script.onreadystatechange = function () { + if ((script[readyState] && script[readyState] !== 'complete' && script[readyState] !== 'loaded') || loaded) { + return false + } + script.onload = script.onreadystatechange = null + script.onclick && script.onclick() + // Call the user callback with the last value stored and clean up values and scripts. + fn(lastValue) + lastValue = undefined + head.removeChild(script) + loaded = 1 + } + + // Add the script to the DOM head + head.appendChild(script) + + // Enable JSONP timeout + return { + abort: function () { + script.onload = script.onreadystatechange = null + err({}, 'Request is aborted: timeout', {}) + lastValue = undefined + head.removeChild(script) + loaded = 1 + } + } + } + + function getRequest(fn, err) { + var o = this.o + , method = (o['method'] || 'GET').toUpperCase() + , url = typeof o === 'string' ? o : o['url'] + // convert non-string objects to query-string form unless o['processData'] is false + , data = (o['processData'] !== false && o['data'] && typeof o['data'] !== 'string') + ? reqwest.toQueryString(o['data']) + : (o['data'] || null) + , http + , sendWait = false + + // if we're working on a GET request and we have data then we should append + // query string to end of URL and not post data + if ((o['type'] == 'jsonp' || method == 'GET') && data) { + url = urlappend(url, data) + data = null + } + + if (o['type'] == 'jsonp') return handleJsonp(o, fn, err, url) + + // get the xhr from the factory if passed + // if the factory returns null, fall-back to ours + http = (o.xhr && o.xhr(o)) || xhr(o) + + http.open(method, url, o['async'] === false ? false : true) + setHeaders(http, o) + setCredentials(http, o) + if (context[xDomainRequest] && http instanceof context[xDomainRequest]) { + http.onload = fn + http.onerror = err + // NOTE: see + // http://social.msdn.microsoft.com/Forums/en-US/iewebdevelopment/thread/30ef3add-767c-4436-b8a9-f1ca19b4812e + http.onprogress = function() {} + sendWait = true + } else { + http.onreadystatechange = handleReadyState(this, fn, err) + } + o['before'] && o['before'](http) + if (sendWait) { + setTimeout(function () { + http.send(data) + }, 200) + } else { + http.send(data) + } + return http + } + + function Reqwest(o, fn) { + this.o = o + this.fn = fn + + init.apply(this, arguments) + } + + function setType(header) { + // json, javascript, text/plain, text/html, xml + if (header === null) return undefined; //In case of no content-type. + if (header.match('json')) return 'json' + if (header.match('javascript')) return 'js' + if (header.match('text')) return 'html' + if (header.match('xml')) return 'xml' + } + + function init(o, fn) { + + this.url = typeof o == 'string' ? o : o['url'] + this.timeout = null + + // whether request has been fulfilled for purpose + // of tracking the Promises + this._fulfilled = false + // success handlers + this._successHandler = function(){} + this._fulfillmentHandlers = [] + // error handlers + this._errorHandlers = [] + // complete (both success and fail) handlers + this._completeHandlers = [] + this._erred = false + this._responseArgs = {} + + var self = this + + fn = fn || function () {} + + if (o['timeout']) { + this.timeout = setTimeout(function () { + timedOut() + }, o['timeout']) + } + + if (o['success']) { + this._successHandler = function () { + o['success'].apply(o, arguments) + } + } + + if (o['error']) { + this._errorHandlers.push(function () { + o['error'].apply(o, arguments) + }) + } + + if (o['complete']) { + this._completeHandlers.push(function () { + o['complete'].apply(o, arguments) + }) + } + + function complete (resp) { + o['timeout'] && clearTimeout(self.timeout) + self.timeout = null + while (self._completeHandlers.length > 0) { + self._completeHandlers.shift()(resp) + } + } + + function success (resp) { + var type = o['type'] || resp && setType(resp.getResponseHeader('Content-Type')) // resp can be undefined in IE + resp = (type !== 'jsonp') ? self.request : resp + // use global data filter on response text + var filteredResponse = globalSetupOptions.dataFilter(resp.responseText, type) + , r = filteredResponse + try { + resp.responseText = r + } catch (e) { + // can't assign this in IE<=8, just ignore + } + if (r) { + switch (type) { + case 'json': + try { + resp = context.JSON ? context.JSON.parse(r) : eval('(' + r + ')') + } catch (err) { + return error(resp, 'Could not parse JSON in response', err) + } + break + case 'js': + resp = eval(r) + break + case 'html': + resp = r + break + case 'xml': + resp = resp.responseXML + && resp.responseXML.parseError // IE trololo + && resp.responseXML.parseError.errorCode + && resp.responseXML.parseError.reason + ? null + : resp.responseXML + break + } + } + + self._responseArgs.resp = resp + self._fulfilled = true + fn(resp) + self._successHandler(resp) + while (self._fulfillmentHandlers.length > 0) { + resp = self._fulfillmentHandlers.shift()(resp) + } + + complete(resp) + } + + function timedOut() { + self._timedOut = true + self.request.abort() + } + + function error(resp, msg, t) { + resp = self.request + self._responseArgs.resp = resp + self._responseArgs.msg = msg + self._responseArgs.t = t + self._erred = true + while (self._errorHandlers.length > 0) { + self._errorHandlers.shift()(resp, msg, t) + } + complete(resp) + } + + this.request = getRequest.call(this, success, error) + } + + Reqwest.prototype = { + abort: function () { + this._aborted = true + this.request.abort() + } + + , retry: function () { + init.call(this, this.o, this.fn) + } + + /** + * Small deviation from the Promises A CommonJs specification + * http://wiki.commonjs.org/wiki/Promises/A + */ + + /** + * `then` will execute upon successful requests + */ + , then: function (success, fail) { + success = success || function () {} + fail = fail || function () {} + if (this._fulfilled) { + this._responseArgs.resp = success(this._responseArgs.resp) + } else if (this._erred) { + fail(this._responseArgs.resp, this._responseArgs.msg, this._responseArgs.t) + } else { + this._fulfillmentHandlers.push(success) + this._errorHandlers.push(fail) + } + return this + } + + /** + * `always` will execute whether the request succeeds or fails + */ + , always: function (fn) { + if (this._fulfilled || this._erred) { + fn(this._responseArgs.resp) + } else { + this._completeHandlers.push(fn) + } + return this + } + + /** + * `fail` will execute when the request fails + */ + , fail: function (fn) { + if (this._erred) { + fn(this._responseArgs.resp, this._responseArgs.msg, this._responseArgs.t) + } else { + this._errorHandlers.push(fn) + } + return this + } + , 'catch': function (fn) { + return this.fail(fn) + } + } + + function reqwest(o, fn) { + return new Reqwest(o, fn) + } + + // normalize newline variants according to spec -> CRLF + function normalize(s) { + return s ? s.replace(/\r?\n/g, '\r\n') : '' + } + + function serial(el, cb) { + var n = el.name + , t = el.tagName.toLowerCase() + , optCb = function (o) { + // IE gives value="" even where there is no value attribute + // 'specified' ref: http://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-862529273 + if (o && !o['disabled']) + cb(n, normalize(o['attributes']['value'] && o['attributes']['value']['specified'] ? o['value'] : o['text'])) + } + , ch, ra, val, i + + // don't serialize elements that are disabled or without a name + if (el.disabled || !n) return + + switch (t) { + case 'input': + if (!/reset|button|image|file/i.test(el.type)) { + ch = /checkbox/i.test(el.type) + ra = /radio/i.test(el.type) + val = el.value + // WebKit gives us "" instead of "on" if a checkbox has no value, so correct it here + ;(!(ch || ra) || el.checked) && cb(n, normalize(ch && val === '' ? 'on' : val)) + } + break + case 'textarea': + cb(n, normalize(el.value)) + break + case 'select': + if (el.type.toLowerCase() === 'select-one') { + optCb(el.selectedIndex >= 0 ? el.options[el.selectedIndex] : null) + } else { + for (i = 0; el.length && i < el.length; i++) { + el.options[i].selected && optCb(el.options[i]) + } + } + break + } + } + + // collect up all form elements found from the passed argument elements all + // the way down to child elements; pass a '
    ' or form fields. + // called with 'this'=callback to use for serial() on each element + function eachFormElement() { + var cb = this + , e, i + , serializeSubtags = function (e, tags) { + var i, j, fa + for (i = 0; i < tags.length; i++) { + fa = e[byTag](tags[i]) + for (j = 0; j < fa.length; j++) serial(fa[j], cb) + } + } + + for (i = 0; i < arguments.length; i++) { + e = arguments[i] + if (/input|select|textarea/i.test(e.tagName)) serial(e, cb) + serializeSubtags(e, [ 'input', 'select', 'textarea' ]) + } + } + + // standard query string style serialization + function serializeQueryString() { + return reqwest.toQueryString(reqwest.serializeArray.apply(null, arguments)) + } + + // { 'name': 'value', ... } style serialization + function serializeHash() { + var hash = {} + eachFormElement.apply(function (name, value) { + if (name in hash) { + hash[name] && !isArray(hash[name]) && (hash[name] = [hash[name]]) + hash[name].push(value) + } else hash[name] = value + }, arguments) + return hash + } + + // [ { name: 'name', value: 'value' }, ... ] style serialization + reqwest.serializeArray = function () { + var arr = [] + eachFormElement.apply(function (name, value) { + arr.push({name: name, value: value}) + }, arguments) + return arr + } + + reqwest.serialize = function () { + if (arguments.length === 0) return '' + var opt, fn + , args = Array.prototype.slice.call(arguments, 0) + + opt = args.pop() + opt && opt.nodeType && args.push(opt) && (opt = null) + opt && (opt = opt.type) + + if (opt == 'map') fn = serializeHash + else if (opt == 'array') fn = reqwest.serializeArray + else fn = serializeQueryString + + return fn.apply(null, args) + } + + reqwest.toQueryString = function (o, trad) { + var prefix, i + , traditional = trad || false + , s = [] + , enc = encodeURIComponent + , add = function (key, value) { + // If value is a function, invoke it and return its value + value = ('function' === typeof value) ? value() : (value == null ? '' : value) + s[s.length] = enc(key) + '=' + enc(value) + } + // If an array was passed in, assume that it is an array of form elements. + if (isArray(o)) { + for (i = 0; o && i < o.length; i++) add(o[i]['name'], o[i]['value']) + } else { + // If traditional, encode the "old" way (the way 1.3.2 or older + // did it), otherwise encode params recursively. + for (prefix in o) { + if (o.hasOwnProperty(prefix)) buildParams(prefix, o[prefix], traditional, add) + } + } + + // spaces should be + according to spec + return s.join('&').replace(/%20/g, '+') + } + + function buildParams(prefix, obj, traditional, add) { + var name, i, v + , rbracket = /\[\]$/ + + if (isArray(obj)) { + // Serialize array item. + for (i = 0; obj && i < obj.length; i++) { + v = obj[i] + if (traditional || rbracket.test(prefix)) { + // Treat each array item as a scalar. + add(prefix, v) + } else { + buildParams(prefix + '[' + (typeof v === 'object' ? i : '') + ']', v, traditional, add) + } + } + } else if (obj && obj.toString() === '[object Object]') { + // Serialize object item. + for (name in obj) { + buildParams(prefix + '[' + name + ']', obj[name], traditional, add) + } + + } else { + // Serialize scalar item. + add(prefix, obj) + } + } + + reqwest.getcallbackPrefix = function () { + return callbackPrefix + } + + // jQuery and Zepto compatibility, differences can be remapped here so you can call + // .ajax.compat(options, callback) + reqwest.compat = function (o, fn) { + if (o) { + o['type'] && (o['method'] = o['type']) && delete o['type'] + o['dataType'] && (o['type'] = o['dataType']) + o['jsonpCallback'] && (o['jsonpCallbackName'] = o['jsonpCallback']) && delete o['jsonpCallback'] + o['jsonp'] && (o['jsonpCallback'] = o['jsonp']) + } + return new Reqwest(o, fn) + } + + reqwest.ajaxSetup = function (options) { + options = options || {} + for (var k in options) { + globalSetupOptions[k] = options[k] + } + } + + return reqwest + }); + + +/***/ }), +/* 182 */ +/***/ (function(module, exports) { + + /* (ignored) */ + +/***/ }), +/* 183 */ +/***/ (function(module, exports) { + + module.exports = "
    \n
    \n {#if this.$body}\n {#inc this.$body}\n {#else}\n {title || this.$trans('DROPDOWN_LIST')} \n {/if}\n
    \n {#if open}\n
    \n
      \n {#list source as item}\n
    • {#if @(itemTemplate)}{#inc @(itemTemplate)}{#else}{item.name}{/if}
      • \n {/list}\n
    \n
    \n {/if}\n
    " + +/***/ }), +/* 184 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + /** + * ------------------------------------------------------------ + * Select2Group 多级选择2 + * @author sensen(rainforest92@126.com) + * ------------------------------------------------------------ + */ + + var Component = __webpack_require__(70); + var template = __webpack_require__(185); + var _ = __webpack_require__(72); + var Validation = __webpack_require__(104); + var validationMixin = __webpack_require__(170); + + /** + * @class SelectGroup + * @extend Component + * @param {object} [options.data] = 绑定属性 + * @param {object[]} [options.data.source=[]] <=> 数据源 + * @param {string} [options.data.source[].name] => 每项的内容 + * @param {boolean} [options.data.source[].disabled=false] => 禁用此项 + * @param {boolean} [options.data.source[].divider=false] => 设置此项为分隔线 + * @param {number} [options.data.depth=1] => 层级数 + * @param {boolean} [options.data.required] => 是否必填 + * @param {object} [options.data.selected=[]] <= 最后的选择项 + * @param {object[]} [options.data.selecteds=[]] <=> 所有的选择项 + * @param {string[]|number[]} [options.data.values=[]] <=> 所有的选择值 + * @param {string} [options.data.key=id] => 数据项的键 + * @param {string[]} [options.data.placeholders=[]] => 默认项的文字 + * @param {boolean} [options.data.hideTip=false] => 是否显示校验错误信息 + * @param {boolean} [options.data.readonly=false] => 是否只读 + * @param {boolean} [options.data.disabled=false] => 是否禁用 + * @param {boolean} [options.data.visible=true] => 是否显示 + * @param {string} [options.data.class] => 补充class + * @param {object} [options.service] @=> 数据服务 + */ + var SelectGroup = Component.extend({ + name: 'select.group', + template: template, + /** + * @protected + */ + config: function config() { + _.extend(this.data, { + // @inherited source: [], + hideTip: false, + depth: 1, + sources: [], + selected: undefined, + selecteds: [], + key: 'id', + values: [], + placeholders: [], + required: false + }); + this.supr(); + + this.$watch('selected', function (newValue, oldValue) { + /** + * @event change 最后的选择项改变时触发 + * @property {object} sender 事件发送对象 + * @property {object} selected 最后的选择项 + * @property {object} selecteds 所有的选择项 + * @property {string} key 数据项的键 + * @property {string[]|number[]} values 所有的选择值 + */ + this.$emit('change', { + sender: this, + selected: newValue, + selecteds: this.data.selecteds, + key: this.data.key, + values: this.data.values + }); + + this.data.tip && this.validate(); + }); + + this.data.sources[0] = this.data.source; + + this.initValidation(); + }, + + /** + * @private + */ + _onChange: function _onChange(item, level) { + // 由内部控制 + // if(this.data.readonly || this.data.disabled || (item && (item.disabled || item.divider))) + // return; + + this.data.sources[level + 1] = item ? item.children : undefined; + for (var i = level + 2; i < this.data.depth; i++) { + this.data.sources[i] = undefined; + } + + if (level === this.data.depth - 1) this.data.selected = item; + + /** + * @event select 选择某一项时触发 + * @property {object} sender 事件发送对象 + * @property {object} selected 当前选择项 + * @property {object} level 当前选择的层级 + */ + this.$emit('select', { + sender: this, + selected: item, + selecteds: this.data.selecteds, + level: level + }); + }, + + /** + * @method validate() 根据required验证组件的值是否正确 + * @public + * @return {object} result 结果 + */ + validate: function validate(on) { + var data = this.data, + result = { success: true, message: '' }, + values = this.data.values, + depth = this.data.depth; + + if (data.required && values.length < depth) { + result.success = false; + result.message = this.data.message || this.$trans('PLEASE_SELECT'); + this.data.state = 'error'; + } else { + result.success = true; + result.message = ''; + this.data.state = ''; + } + this.data.tip = result.message; + + this.$emit('validate', { + sender: this, + on: on, + result: result + }); + + return result; + } + }); + + SelectGroup.use(validationMixin); + module.exports = SelectGroup; + +/***/ }), +/* 185 */ +/***/ (function(module, exports) { + + module.exports = "
    \n {#list 0..(depth - 1) as i}\n \n {/list}\n
    \n{#if tip && !hideTip}{tip}{/if}" + +/***/ }), +/* 186 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + /** + * ------------------------------------------------------------ + * Suggest 自动提示 + * @author sensen(rainforest92@126.com) + * ------------------------------------------------------------ + */ + + var Dropdown = __webpack_require__(178); + var template = __webpack_require__(187); + var _ = __webpack_require__(72); + var Validation = __webpack_require__(104); + var validationMixin = __webpack_require__(170); + + /** + * @class Suggest + * @extend Dropdown + * @param {object} [options.data] = 绑定属性 + * @param {object[]} [options.data.source=[]] <=> 数据源 + * @param {string} [options.data.source[].name] => 每项的内容 + * @param {string} [options.data.key=id] => 数据项的键 + * @param {string} [options.data.nameKey=name] => 数据项的name键 + * @param {boolean} [options.data.source[].disabled=false] => 禁用此项 + * @param {object} [options.data.selected=null] <=> 当前选择项 + * @param {string} [options.data.value] <=> 文本框中的值 + * @param {string} [options.data.id] <=> 选项的id值; + * @param {string} [options.data.placeholder=请输入] => 文本框的占位文字 + * @param {number} [options.data.maxlength] => 文本框的最大长度 + * @param {number} [options.data.startLength=0] => 开始提示长度。当输入长度>=该值后开始提示 + * @param {string} [options.data.matchType=all] => 匹配方式，`all`表示匹配全局，`start`表示只匹配开头，`end`表示只匹配结尾 + * @param {boolean} [options.data.strict] => 是否为严格模式。当为严格模式时，`value`属性必须在source中选择，否则为空。 + * @param {boolean} [options.data.autofocus] => 是否自动获得焦点 + * @param {string} [options.data.itemTemplate=null] @=> 单项模板 + * @param {boolean} [options.data.hideTip=false] => 是否显示校验错误信息 + * @param {boolean} [options.data.open] <=> 当前为展开/收起状态 + * @param {boolean} [options.data.readonly] => 是否只读 + * @param {boolean} [options.data.disabled] => 是否禁用 + * @param {boolean} [options.data.visible=true] => 是否显示 + * @param {string} [options.data.class] => 补充class + * @param {object} [options.service] @=> 数据服务 + */ + var Suggest = Dropdown.extend({ + name: 'suggest', + template: template, + /** + * @protected + */ + config: function config() { + _.extend(this.data, { + // @inherited source: [], + // @inherited open: false, + hideTip: false, + selected: null, + value: '', + id: '', + key: 'id', + nameKey: 'name', + placeholder: this.$trans('PLEASE_SELECT'), + maxlength: undefined, + startLength: 0, + delay: 300, + matchType: 'all', + strict: false, + autofocus: false, + required: false + }); + this.supr(); + + this.initValidation(); + + this.$watch('id', function (id) { + var source = this.data.source || [], + key = this.data.key, + nameKey = this.data.nameKey; + + var crt = source.find(function (item) { + return item[key] == id; + }); + this.$update('value', crt ? crt[nameKey] : ''); + }); + }, + + /** + * @protected + */ + init: function init() { + var id = this.data.id, + source = this.data.source; + + if (id && source) { + var selected = source.filter(function (item) { + return item[this.data.key] == id; + })[0]; + if (selected) { + this.data.selected = selected; + this.data.value = selected[this.data.nameKey]; + } + } + }, + + /** + * @method select(item) 选择某一项 + * @public + * @param {object} item 选择项 + * @return {void} + */ + select: function select(item) { + if (this.data.readonly || this.data.disabled || item.disabled || item.divider) { + this.$emit('select', { + sender: this, + selected: item, + disabled: true + }); + return; + } + + this.data.selected = item; + this.data.value = item[this.data.nameKey]; + this.data.id = item[this.data.key]; + + /** + * @event select 选择某一项时触发 + * @property {object} sender 事件发送对象 + * @property {object} selected 当前选择项 + */ + this.$emit('select', { + sender: this, + selected: item + }); + this.toggle(false); + }, + + /** + * @method toggle(open) 展开/收起 + * @public + * @param {boolean} open 展开/收起状态。如果无此参数，则在两种状态之间切换。 + * @return {void} + */ + toggle: function toggle(open, _isInput) { + if (this.data.readonly || this.data.disabled) return; + + if (open === undefined) open = !this.data.open; + this.data.open = open; + + var index = Dropdown.opens.indexOf(this); + if (open && index < 0) Dropdown.opens.push(this);else if (!open && index >= 0) { + Dropdown.opens.splice(index, 1); + + if (!_isInput && this.data.strict) { + this.data.value = this.data.selected ? this.data.selected[this.data.nameKey] : ''; + } + } + + /** + * @event toggle 展开/收起时触发 + * @property {object} sender 事件发送对象 + * @property {object} open 展开/收起状态 + */ + this.$emit('toggle', { + sender: this, + open: open + }); + }, + + /** + * @private + */ + _onInput: function _onInput($event) { + var value = this.data.value || ''; + + if (value.length >= this.data.startLength) { + this.toggle(true); + if (this.service) this.$updateSource(); + } else this.toggle(false, true); + }, + + /** + * @private + */ + _onBlur: function _onBlur($event) {}, + + /** + * @private + */ + getParams: function getParams() { + return { value: this.data.value }; + }, + + /** + * @private + */ + filter: function filter(item) { + var value = this.data.value; + + if (!value && this.data.startLength) return false; + + if (this.data.matchType === 'all') { + return item[this.data.nameKey].indexOf(value) >= 0; + } else if (this.data.matchType === 'startLength') { + return item[this.data.nameKey].slice(0, value.length) === value; + } else if (this.data.matchType === 'end') { + return item[this.data.nameKey].slice(-value.length) === value; + } + }, + + /** + * @method validate() 根据验证组件的值是否正确 + * @public + * @return {object} result 结果 + */ + validate: function validate(on) { + if (!this.data.required) { + return { success: true }; + } + + var result = { success: true, message: '' }, + value = this.data.value, + value = typeof value === 'undefined' ? '' : '' + value; + + if (!value.length) { + result.success = false; + result.message = this.data.message || this.$trans('PLEASE_SELECT'); + this.data.state = 'error'; + } else { + result.success = true; + result.message = ''; + this.data.state = ''; + } + this.data.tip = result.message; + + this.$emit('validate', { + sender: this, + on: on, + result: result + }); + + return result; + } + }); + + Suggest.use(validationMixin); + module.exports = Suggest; + +/***/ }), +/* 187 */ +/***/ (function(module, exports) { + + module.exports = "
    \n
    \n \n
    \n {#if open}\n
    \n
      \n {#list source as item}\n {#if this.filter(item)}\n
    • {#if @(itemTemplate)}{#inc @(itemTemplate)}{#else}{item[nameKey]}{/if}
      • \n {/if}\n {/list}\n
    \n
    \n {/if}\n
    \n{#if tip && !hideTip}{tip}{/if}" + +/***/ }), +/* 188 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + /** + * ------------------------------------------------------------ + * TreeSelect 树型选择 + * @author sensen(rainforest92@126.com) + * ------------------------------------------------------------ + */ + + var Dropdown = __webpack_require__(178); + var Validation = __webpack_require__(104); + var validationMixin = __webpack_require__(170); + var template = __webpack_require__(189); + var _ = __webpack_require__(72); + var Treeview = __webpack_require__(190); + + /** + * @class TreeSelect + * @extend Select + * @param {object} [options.data] = 绑定属性 + * @param {object[]} [options.data.source=[]] <=> 数据源 + * @param {string} [options.data.source[].name] => 每项的内容 + * @param {boolean} [options.data.source[].disabled=false] => 禁用此项 + * @param {boolean} [options.data.source[].divider=false] => 设置此项为分隔线 + * @param {string} [options.data.key=id] => 数据项的键 + * @param {string} [options.data.nameKey=name] => 数据项的name键 + * @param {string} [options.data.childKey=children] => 数据子项的键 + * @param {string} [options.data.value=null] <=> 当前选择值 + * @param {object} [options.data.selected=null] <=> 当前选择项 + * @param {string} [options.data.separator=,] => 多选时value分隔符 + * @param {string} [options.data.placeholder=请选择] => 默认项的文字 + * @param {boolean} [options.data.hierarchical=false] @=> 是否分级动态加载，需要service + * @param {boolean} [options.data.readonly=false] => 是否只读 + * @param {boolean} [options.data.multiple=false] => 是否多选 + * @param {boolean} [options.data.disabled=false] => 是否禁用 + * @param {boolean} [options.data.visible=true] => 是否显示 + * @param {string} [options.data.class] => 补充class + * @param {object} [options.service] @=> 数据服务 + */ + + // TODO: value 数据回显 + var TreeSelect = Dropdown.extend({ + name: 'tree.select', + template: template, + config: function config(data) { + _.extend(this.data, { + // @inherited source: [], + // @inherited open: false, + multiple: false, + value: null, + selected: null, + separator: ',', + placeholder: this.$trans('PLEASE_SELECT'), + key: 'id', + nameKey: 'name', + childKey: 'children', + hierarchical: false, + updateAuto: false + }); + this.supr(); + + this.initValidation(); + }, + + computed: { + phShow: function phShow(data) { + if (!data.selected) return data.placeholder; + if (Array.isArray(data.selected)) { + return data.selected.map(function (d) { + return d[data.nameKey]; + }).join(data.separator); + } + return data.selected[data.nameKey]; + } + } + }); + + TreeSelect.use(validationMixin); + module.exports = TreeSelect; + +/***/ }), +/* 189 */ +/***/ (function(module, exports) { + + module.exports = "
    \n
    \n \n {phShow}\n
    \n {#if open}\n
    \n \n
    \n {/if}\n
    " + +/***/ }), +/* 190 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + /** + * @file TreeView 树型视图 + * @author sensen(rainforest92@126.com) + */ + + var SourceComponent = __webpack_require__(179); + var template = __webpack_require__(191); + var _ = __webpack_require__(72); + + __webpack_require__(192); + + /** + * @class TreeView + * @param {object} [options.data] = 绑定属性 + * @param {object[]} [options.data.source=[]] <=> 数据源 + * @param {string} [options.data.source[].name] => 每项的内容 + * @param {string} [options.data.key=id] => 数据项的键 + * @param {string} [options.data.nameKey=name] => 数据项的显示值 + * @param {string} [options.data.childKey=children] => 数据子项的键 + * @param {boolean} [options.data.source[].open=false] => 此项为展开/收起状态 + * @param {boolean} [options.data.source[].checked=false] => 选中此项 + * @param {boolean} [options.data.source[].disabled=false] => 禁用此项 + * @param {boolean} [options.data.source[].divider=false] => 设置此项为分隔线 + * @param {string} [options.data.value=null] <=> 当前选择值 + * @param {object} [options.data.selected=null] <=> 当前选择项 + * @param {string} [options.data.separator=,] => 多选时value分隔符 + * @param {boolean} [options.data.multiple=false] => 是否多选 + * @param {boolean} [options.data.readonly=false] => 是否只读 + * @param {boolean} [options.data.disabled=false] => 是否禁用 + * @param {boolean} [options.data.visible=true] => 是否显示 + * @param {string} [options.data.class] => 补充class + */ + var TreeView = SourceComponent.extend({ + name: 'kl-tree-view', + template: template, + config: function config() { + _.extend(this.data, { + // @inherited source: [], + key: 'id', + nameKey: 'name', + childKey: 'children', + value: null, + selected: null, + multiple: false, + hierarchical: false + }); + this.supr(); + this.$ancestor = this; + this.$watch('selected', function (newVal) { + var _data = this.data, + key = _data.key, + nameKey = _data.nameKey, + separator = _data.separator; + + if (!newVal) return this.data.value = ''; + if (Array.isArray(newVal)) { + return this.data.value = newVal.map(function (d) { + return d[key] || d[nameKey]; + }).join(separator); + } + this.data.value = newVal[key] || newVal[nameKey]; + }); + }, + select: function select(item) { + if (this.data.readonly || this.data.disabled || item.disabled || item.divider) { + return; + } + + if (this.data.multiple) return item.selected = !item.selected; + + this.data.selected = item; + this.toggle(item); + /** + * @event TreeView#select 选择某一项时触发 + * @property {object} sender 事件发送对象 + * @property {object} selected 当前选择项 + */ + this.$emit('select', { + sender: this, + selected: item + }); + }, + toggle: function toggle(item, _open) { + if (this.data.readonly || this.data.disabled || item.disabled || item.divider) { + return; + } + + var open = _open; + if (open === undefined) open = !item.open; + item.open = open; + + /** + * @event TreeView#toggle 展开或收起某一项时触发 + * @property {object} sender 事件发送对象 + * @property {object} item 处理项 + * @property {boolean} open 展开/收起状态 + */ + this.$emit('toggle', { + sender: this, + item: item, + open: open + }); + }, + _getSelected: function _getSelected(source) { + var self = this; + if (!source) return []; + var arr = []; + source.forEach(function (d) { + var child = d[self.data.childKey]; + if (child && child.length) { + arr = arr.concat(self._getSelected(d[self.data.childKey])); + } else if (d.checked) { + arr = arr.concat(d); + } + }); + return arr; + }, + setSelected: function setSelected() { + this.data.selected = this._getSelected(this.data.source); + } + }); + + module.exports = TreeView; + +/***/ }), +/* 191 */ +/***/ (function(module, exports) { + + module.exports = "
    \n\t\n
    " + +/***/ }), +/* 192 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + /** + * ------------------------------------------------------------ + * TreeViewList 树型视图列表 + * @author sensen(rainforest92@126.com) + * ------------------------------------------------------------ + */ + + var SourceComponent = __webpack_require__(179); + var template = __webpack_require__(193); + var _ = __webpack_require__(72); + + /** + * @class TreeViewList + * @extend SourceComponent + * @private + */ + var TreeViewList = SourceComponent.extend({ + name: 'tree-view-list', + template: template, + /** + * @protected + */ + config: function config() { + _.extend(this.data, { + // @inherited source: [], + itemTemplate: null, + visible: false, + multiple: false + }); + this.supr(); + + this.$ancestor = this.$parent.$ancestor; + this.service = this.$ancestor.service; + this.data.itemTemplate = this.$ancestor.data.itemTemplate; + this.data.hierarchical = this.$ancestor.data.hierarchical; + + this.$watch('visible', function (newValue) { + if (!this.data.hierarchical) return; + + if (!newValue || this.$parent.name !== 'treeViewList') return; + + this.$updateSource(function () { + this.data.hierarchical = false; + }); + }); + }, + + /** + * @override + */ + getParams: function getParams() { + if (this.data.parent) { + return _.extend({ parentId: this.data.parent.id }, this.$ancestor.getParams()); + } + }, + + /** + * @method $updateSource() 从service中更新数据源 + * @public + * @deprecated + * @return {SourceComponent} this + */ + $updateSource: function $updateSource() { + var self = this; + this.service.getList(this.getParams(), function (result) { + // 给每个节点item添加parent + result.forEach(function (item) { + item.parent = self.data.parent; + }); + + self.$update('source', result); + + self.$emit('updateSource', { + sender: this, + result: result + }); + }); + return this; + }, + + /** + * @note 移交$ancestor处理 + */ + select: function select() { + var _$ancestor; + + (_$ancestor = this.$ancestor).select.apply(_$ancestor, arguments); + }, + + /** + * @note 移给$ancestor处理 + */ + toggle: function toggle() { + var _$ancestor2; + + (_$ancestor2 = this.$ancestor).toggle.apply(_$ancestor2, arguments); + }, + check: function check() { + this._setSelected({}); + }, + _setSelected: function _setSelected(event) { + var self = this; + setTimeout(function () { + self.$emit('setselected', event); + }, 0); + }, + + /** + * @private + */ + _onItemCheckedChange: function _onItemCheckedChange($event, item) { + var checked = $event.checked; + item.checked = checked; + if (checked !== null && item[this.data.childKey]) { + item[this.data.childKey].forEach(function (child) { + child.checked = checked; + }); + } + + var parent = this.data.parent; + if (parent && parent.checked !== item.checked) { + var checkedCount = 0; + parent[this.data.childKey].forEach(function (child) { + if (child.checked) checkedCount += 1;else if (child.checked === null) checkedCount += 0.5; + }); + + if (checkedCount === 0) parent.checked = false;else if (checkedCount === parent[this.data.childKey].length) { + parent.checked = true; + } else parent.checked = null; + } + } + }); + + module.exports = TreeViewList; + +/***/ }), +/* 193 */ +/***/ (function(module, exports) { + + module.exports = "
      \n\t{#list source as item}\n\t
    • \n\t\t
      \n\t\t\t{#if item.childrenCount || (item.children && item.children.length)}\n\t\t\t\n\t\t\t{/if}\n\t\t\t{#if multiple && !item.divider}\n\t\t\t\n\t\t\t{/if}\n\t\t\t
      {#if @(itemTemplate)}{#inc @(itemTemplate)}{#else}{item[nameKey]}{/if}
      \n\t\t
      \n\t\t{#if item.childrenCount || (item.children && item.children.length)}{/if}\n\t
      • \n\t{/list}\n
    " + +/***/ }), +/* 194 */ +/***/ (function(module, exports, __webpack_require__) { + + 'use strict'; + + /** + * ------------------------------------------------------------ + * Uploader 上传 + * @author sensen(rainforest92@126.com) + * ------------------------------------------------------------ + */ + + var Component = __webpack_require__(70); + var template = __webpack_require__(195); + var _ = __webpack_require__(72); + + var SIZE_UNITS = { + kB: 1000, + MB: 1000 * 1000, + GB: 1000 * 1000 * 1000 + }; + + /** + * @class Uploader + * @extend Component + * @param {object} [options.data] = 绑定属性 + * @param {string} [options.data.title] => 按钮文字 + * @param {string} [options.data.url] => 上传路径 + * @param {string} [options.data.dataType=json] => 数据类型。可以是：`text`、`xml`、`json`、`script`。 + * @param {object} [options.data.data] => 附加数据 + * @param {string} [options.data.name=file] => 上传文件的name + * @param {string|string[]} [options.data.extensions] => 可上传的扩展名。默认为空，表示可上传任意文件类型的文件；可以为字符串，多个扩展名用`,`隔开，如：'png,jpg,gif'；也可以为数组，如：['png', 'jpg', 'gif']。 + * @param {string|number} [options.data.maxSize] => 可上传的最大文件大小。默认为空，表示可上传任意大小的文件；如果为数字，则表示单位为字节；如果为字符串，可以添加以下单位：`kB`、`MB`、`GB`。 + * @param {boolean} [options.data.disabled=false] => 是否禁用 + * @param {boolean} [options.data.visible=true] => 是否显示 + * @param {string} [options.data.class] => 补充class + */ + var Uploader = Component.extend({ + name: 'uploader', + template: template, + /** + * @protected + */ + config: function config() { + _.extend(this.data, { + title: '', + url: '', + contentType: 'multipart/form-data', + dataType: 'json', + data: {}, + name: 'file', + extensions: null, + maxSize: '', + _sending: false, + _id: new Date().getTime() + }); + this.supr(); + }, + + /** + * @method upload() 弹出文件对话框并且上传文件 + * @public + * @return {void} + */ + upload: function upload() { + if (this.data.disabled || this.data._sending) return; + + this.$refs.file.click(); + }, + _checkExtensions: function _checkExtensions(file) { + if (!this.data.extensions) return true; + + var fileName = file.name; + var ext = fileName.substring(fileName.lastIndexOf('.') + 1, fileName.length).toLowerCase(); + + var extensions = this.data.extensions; + if (typeof extensions === 'string') extensions = extensions.split(','); + + if (extensions.indexOf(ext) >= 0) return true; + + /** + * @event error 上传错误时触发 + * @property {object} sender 事件发送对象 + * @property {object} name ExtensionError + * @property {object} message 错误信息 + * @property {object} extensions 可上传的扩展名 + */ + this.$emit('error', { + sender: this, + name: 'ExtensionError', + message: '\u53EA\u80FD\u4E0A\u4F20' + extensions.join(', ') + '\u7C7B\u578B\u7684\u6587\u4EF6\uFF01', + extensions: extensions + }); + + return false; + }, + _checkSize: function _checkSize(file) { + if (!this.data.maxSize && this.data.maxSize !== 0) return true; + + var maxSize = void 0; + if (!isNaN(this.data.maxSize)) maxSize = +this.data.maxSize;else { + var unit = this.data.maxSize.slice(-2); + if (!SIZE_UNITS[unit]) throw new Error('Unknown unit!'); + + maxSize = this.data.maxSize.slice(0, -2) * SIZE_UNITS[unit]; + } + + if (file.size <= maxSize) return true; + + /** + * @event error 上传错误时触发 + * @property {object} sender 事件发送对象 + * @property {object} name SizeError + * @property {object} message 错误信息 + * @property {object} maxSize 可上传的最大文件大小 + * @property {object} size 当前文件大小 + */ + this.$emit('error', { + sender: this, + name: 'SizeError', + message: '文件大小超出限制！', + maxSize: this.data.maxSize, + size: file.size + }); + + return false; + }, + + /** + * @method _submit() 提交表单 + * @private + * @return {void} + */ + _submit: function _submit() { + var file = this.$refs.file.files ? this.$refs.file.files[0] : { + name: this.$refs.file.value, + size: 0 + }; + + if (!file || !file.name || !this._checkExtensions(file) || !this._checkSize(file)) { + return; + } + + this.data._sending = true; + /** + * @event sending 发送前触发 + * @property {object} sender 事件发送对象 + * @property {object} data 待发送的数据 + */ + this.$emit('sending', { + sender: this, + data: this.data.data + }); + + this.$refs.form.submit(); + }, + _onLoad: function _onLoad() { + var $iframe = this.$refs.iframe; + var $file = this.$refs.file; + + if (!this.data._sending) return; + this.data._sending = false; + + var xml = {}; + if ($iframe.contentWindow) { + xml.responseText = $iframe.contentWindow.document.body ? $iframe.contentWindow.document.body.innerText : null; + xml.responseXML = $iframe.contentWindow.document.XMLDocument ? $iframe.contentWindow.document.XMLDocument : $iframe.contentWindow.document; + } else if ($iframe.contentDocument) { + xml.responseText = $iframe.contentDocument.document.body ? $iframe.contentDocument.document.body.innerText : null; + xml.responseXML = $iframe.contentDocument.document.XMLDocument ? $iframe.contentDocument.document.XMLDocument : $iframe.contentDocument.document; + } + + if (!xml.responseText) { + /** + * @event error 上传错误时触发 + * @property {object} sender 事件发送对象 + * @property {object} name ResponseError + * @property {object} message 错误信息 + */ + return this.$emit('error', { + sender: this, + name: 'ResponseError', + message: 'No responseText!' + }); + } + + /** + * @event complete 上传完成时触发 + * @property {object} sender 事件发送对象 + * @property {object} xml 返回的xml + */ + this.$emit('complete', { + sender: this, + xml: xml + }); + + /** + * @event success 上传成功时触发 + * @property {object} sender 事件发送对象 + * @property {object} data 返回的数据 + */ + this.$emit('success', { + sender: this, + data: this._parseData(xml, this.data.dataType) + }); + }, + + /** + * @method _parseData(xml, type) 解析接收的数据 + * @private + * @param {object} xml 接收的xml + * @param {object} type 数据类型 + * @return {object|string} 解析后的数据 + */ + _parseData: function _parseData(xml, type) { + if (type === 'text') return xml.responseText;else if (type === 'xml') return xml.responseXML;else if (type === 'json') { + var data = xml.responseText; + try { + data = JSON.parse(data); + } catch (e) {} + + return data; + } else if (type === 'script') return eval(xml.responseText); + return xml.responseText; + } + }); + + module.exports = Uploader; + +/***/ }), +/* 195 */ +/***/ (function(module, exports) { + + module.exports = "
    \n
    \n {#if this.$body}\n {#inc this.$body}\n {#else}\n {title || this.$trans('UPLOAD')}\n {/if}\n
    \n \n {#if !_sending}\n \n \n {/if}\n {#list Object.keys(data) as key}\n \n {/list}\n \n