unicorn-ui
Version:
This is a used to develop the background management system based on the react to develop a set of UI framework
354 lines (260 loc) • 181 kB
JavaScript
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("react"));
else if(typeof define === 'function' && define.amd)
define(["react"], factory);
else {
var a = typeof exports === 'object' ? factory(require("react")) : factory(root["React"]);
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
}
})(this, function(__WEBPACK_EXTERNAL_MODULE_27__) {
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__) {
module.exports = __webpack_require__(20);
/***/ },
/* 1 */,
/* 2 */,
/* 3 */,
/* 4 */,
/* 5 */,
/* 6 */,
/* 7 */,
/* 8 */,
/* 9 */,
/* 10 */,
/* 11 */,
/* 12 */,
/* 13 */,
/* 14 */,
/* 15 */,
/* 16 */,
/* 17 */,
/* 18 */,
/* 19 */,
/* 20 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _styleJs = __webpack_require__(21);
var _styleJs2 = _interopRequireDefault(_styleJs);
var _GridJs = __webpack_require__(26);
var _GridJs2 = _interopRequireDefault(_GridJs);
exports.Grid = _GridJs2['default'];
var _ColJs = __webpack_require__(31);
var _ColJs2 = _interopRequireDefault(_ColJs);
exports.Col = _ColJs2['default'];
var _RowJs = __webpack_require__(32);
var _RowJs2 = _interopRequireDefault(_RowJs);
exports.Row = _RowJs2['default'];
var _labelLabelJs = __webpack_require__(33);
var _labelLabelJs2 = _interopRequireDefault(_labelLabelJs);
exports.Label = _labelLabelJs2['default'];
var _labelLabelGroupJs = __webpack_require__(34);
var _labelLabelGroupJs2 = _interopRequireDefault(_labelLabelGroupJs);
exports.LabelGroup = _labelLabelGroupJs2['default'];
var _PanelJs = __webpack_require__(36);
var _PanelJs2 = _interopRequireDefault(_PanelJs);
exports.Panel = _PanelJs2['default'];
var _StarJs = __webpack_require__(37);
var _StarJs2 = _interopRequireDefault(_StarJs);
exports.Star = _StarJs2['default'];
var _filterFilterJs = __webpack_require__(38);
var _filterFilterJs2 = _interopRequireDefault(_filterFilterJs);
exports.Filter = _filterFilterJs2['default'];
var _formChecboxGroupJs = __webpack_require__(42);
var _formChecboxGroupJs2 = _interopRequireDefault(_formChecboxGroupJs);
exports.CheckboxGroup = _formChecboxGroupJs2['default'];
var _formFormJs = __webpack_require__(44);
var _formFormJs2 = _interopRequireDefault(_formFormJs);
exports.Form = _formFormJs2['default'];
var _formFormItemJs = __webpack_require__(45);
var _formFormItemJs2 = _interopRequireDefault(_formFormItemJs);
exports.FormItem = _formFormItemJs2['default'];
var _formInputJs = __webpack_require__(43);
var _formInputJs2 = _interopRequireDefault(_formInputJs);
exports.Input = _formInputJs2['default'];
var _formRadioGroupJs = __webpack_require__(46);
var _formRadioGroupJs2 = _interopRequireDefault(_formRadioGroupJs);
exports.RadioGroup = _formRadioGroupJs2['default'];
var _formSwitchJs = __webpack_require__(47);
var _formSwitchJs2 = _interopRequireDefault(_formSwitchJs);
exports.Switch = _formSwitchJs2['default'];
var _formTextareaJs = __webpack_require__(48);
var _formTextareaJs2 = _interopRequireDefault(_formTextareaJs);
exports.Textarea = _formTextareaJs2['default'];
var _ButtonJs = __webpack_require__(49);
var _ButtonJs2 = _interopRequireDefault(_ButtonJs);
exports.Button = _ButtonJs2['default'];
window['Unicornui'] = {};
['Grid', 'Col', 'Row', 'Label', 'LabelGroup', 'Panel', 'Star', 'Filter', 'CheckboxGroup', 'Form', 'FormItem', 'Input', 'RadioGroup', 'Switch', 'Textarea', 'Button'].forEach(function (clazzName) {
Unicornui[clazzName] = exports[clazzName];
});
/***/ },
/* 21 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _cssUnicornLess = __webpack_require__(22);
var _cssUnicornLess2 = _interopRequireDefault(_cssUnicornLess);
/***/ },
/* 22 */
/***/ function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__(23);
if(typeof content === 'string') content = [[module.id, content, '']];
// add the styles to the DOM
var update = __webpack_require__(25)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {
// When the styles change, update the <style> tags
if(!content.locals) {
module.hot.accept("!!./../../node_modules/css-loader/index.js!./../../node_modules/less-loader/index.js!./unicorn.less", function() {
var newContent = require("!!./../../node_modules/css-loader/index.js!./../../node_modules/less-loader/index.js!./unicorn.less");
if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
update(newContent);
});
}
// When the module is disposed, remove the <style> tags
module.hot.dispose(function() { update(); });
}
/***/ },
/* 23 */
/***/ function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(24)();
// imports
// module
exports.push([module.id, "/*Label和hint标签部分*/\n/*表单按钮颜色*/\n/**\n * Resets\n * --------------------------------------------------\n * Adapted from normalize.css and some reset.css. We don't care even one\n * bit about old IE, so we don't need any hacks for that in here.\n *\n * There are probably other things we could remove here, as well.\n *\n * normalize.css v2.1.2 | MIT License | git.io/normalize\n\n * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)\n * http://cssreset.com\n */\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\ni,\nu,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfieldset,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n vertical-align: baseline;\n font: inherit;\n font-size: 100%;\n text-decoration: none;\n}\nol,\nul {\n list-style: none;\n}\nblockquote,\nq {\n quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: '';\n content: none;\n}\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n/**\n * Hide the `template` element in IE, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n display: none;\n}\nscript {\n display: none !important;\n}\n/* ==========================================================================\n Base\n ========================================================================== */\n/**\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS text size adjust after orientation change, without disabling\n * user zoom.\n */\nhtml {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n font-family: sans-serif;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */\n}\n/**\n * Remove default margin.\n */\nbody {\n margin: 0;\n line-height: 1;\n}\n/**\n * Remove default outlines.\n */\na,\nbutton,\n:focus,\na:focus,\nbutton:focus,\na:active,\na:hover,\na:visited {\n outline: 0;\n text-decoration: none;\n}\n/* *\n * Remove tap highlight color\n */\na {\n -webkit-user-drag: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-tap-highlight-color: transparent;\n}\na[href]:hover {\n cursor: pointer;\n text-decoration: none;\n}\n/* ==========================================================================\n Typography\n ========================================================================== */\n/**\n * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.\n */\nb,\nstrong {\n font-weight: bold;\n}\n/**\n * Address styling not present in Safari 5 and Chrome.\n */\ndfn {\n font-style: italic;\n}\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n height: 0;\n}\n/**\n * Correct font family set oddly in Safari 5 and Chrome.\n */\ncode,\nkbd,\npre,\nsamp {\n font-size: 1em;\n font-family: monospace, serif;\n}\n/**\n * Improve readability of pre-formatted text in all browsers.\n */\npre {\n white-space: pre-wrap;\n}\n/**\n * Set consistent quote types.\n */\nq {\n quotes: \"\\201C\" \"\\201D\" \"\\2018\" \"\\2019\";\n}\n/**\n * Address inconsistent and variable font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n/**\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n */\nsub,\nsup {\n position: relative;\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n border: 1px solid #c0c0c0;\n}\n/**\n * 1. Correct `color` not being inherited in IE 8/9.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n padding: 0;\n /* 2 */\n border: 0;\n /* 1 */\n}\n/**\n * 1. Correct font family not being inherited in all browsers.\n * 2. Correct font size not being inherited in all browsers.\n * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.\n * 4. Remove any default :focus styles\n * 5. Make sure webkit font smoothing is being inherited\n * 6. Remove default gradient in Android Firefox / FirefoxOS\n */\nbutton,\ninput,\nselect,\ntextarea {\n margin: 0;\n /* 3 */\n font-size: 100%;\n /* 2 */\n font-family: inherit;\n /* 1 */\n outline-offset: 0;\n /* 4 */\n outline-style: none;\n /* 4 */\n outline-width: 0;\n /* 4 */\n -webkit-font-smoothing: inherit;\n /* 5 */\n background-image: none;\n /* 6 */\n}\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `importnt` in\n * the UA stylesheet.\n */\nbutton,\ninput {\n line-height: normal;\n}\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.\n * Correct `select` style inheritance in Firefox 4+ and Opera.\n */\nbutton,\nselect {\n text-transform: none;\n}\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n * and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n * `input` and others.\n */\nbutton,\nhtml input[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer;\n /* 3 */\n -webkit-appearance: button;\n /* 2 */\n}\n/**\n * Re-set default cursor for disabled elements.\n */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n/**\n * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome\n * (include `-moz` to future-proof).\n */\ninput[type=\"search\"] {\n -webkit-box-sizing: content-box;\n /* 2 */\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n -webkit-appearance: textfield;\n /* 1 */\n}\n/**\n * Remove inner padding and search cancel button in Safari 5 and Chrome\n * on OS X.\n */\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n/**\n * Remove inner padding and border in Firefox 4+.\n */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n/**\n * 1. Remove default vertical scrollbar in IE 8/9.\n * 2. Improve readability and alignment in all browsers.\n */\ntextarea {\n overflow: auto;\n /* 1 */\n vertical-align: top;\n /* 2 */\n}\nimg {\n -webkit-user-drag: none;\n}\n/* ==========================================================================\n Tables\n ========================================================================== */\n/**\n * Remove most spacing between table cells.\n */\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n* {\n padding: 0px;\n margin: 0px;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n -webkit-backface-visibility: hidden;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection,\nsummary {\n display: block;\n}\nhtml {\n /*width: 100%;\n min-height: 100%;*/\n}\nbody {\n font: normal 14px \"Microsoft YaHei\", \"helvetica regular\", \"Helvetica Neue\", Arial, Helvetica, STHeiTi, sans-serif;\n color: #333333;\n -webkit-text-size-adjust: none;\n text-size-adjust: none;\n background-color: #f1f1f1;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-weight: normal;\n display: inline-block;\n}\nul,\nli,\nol,\ndl,\ndd,\ndt,\np {\n list-style: none;\n margin: 0;\n padding: 0;\n}\na {\n text-decoration: none;\n outline: none;\n color: #333333;\n}\na:hover {\n text-decoration: underline;\n}\naddress,\nb,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nem,\ni {\n font-weight: normal;\n font-style: normal;\n}\n/**重置h1-h6的字体大小*/\nh1 {\n font-size: 22px;\n}\nh2 {\n font-size: 20px;\n}\nh3 {\n font-size: 18px;\n}\nh4 {\n font-size: 16px;\n}\nh5 {\n font-size: 14px;\n}\nh6 {\n font-size: 12px;\n}\n/**清除浮动*/\n.clearfix:before,\n.clearfix:after {\n display: table;\n line-height: 0;\n content: \"\";\n}\n.clearfix:after {\n clear: both;\n}\n.clear-fix {\n content: '';\n height: 0;\n clear: both;\n display: block;\n}\n/**控制块级、内敛*/\n.inline-block {\n display: inline-block !important;\n}\n.inline {\n display: inline !important;\n}\n.v-middle {\n vertical-align: middle;\n}\n.block {\n display: block !important;\n}\n.mg-left-5 {\n margin-left: 5px;\n}\n.mg-top-5 {\n margin-top: 5px;\n}\n.mg-right-5 {\n margin-right: 5px;\n}\n.mg-bottom-5 {\n margin-bottom: 5px;\n}\n.mg-left-10 {\n margin-left: 10px;\n}\n.mg-top-10 {\n margin-top: 10px;\n}\n.mg-right-10 {\n margin-right: 10px;\n}\n.mg-bottom-10 {\n margin-bottom: 10px;\n}\n.mg-left-15 {\n margin-left: 15px;\n}\n.mg-top-15 {\n margin-top: 15px;\n}\n.mg-right-15 {\n margin-right: 15px;\n}\n.mg-bottom-15 {\n margin-bottom: 15px;\n}\n.mg-left-20 {\n margin-left: 20px;\n}\n.mg-top-20 {\n margin-top: 20px;\n}\n.mg-right-20 {\n margin-right: 20px;\n}\n.mg-bottom-20 {\n margin-bottom: 20px;\n}\n.mg-left-25 {\n margin-left: 25px;\n}\n.mg-top-25 {\n margin-top: 25px;\n}\n.mg-right-25 {\n margin-right: 25px;\n}\n.mg-bottom-25 {\n margin-bottom: 25px;\n}\n.mg-left-30 {\n margin-left: 30px;\n}\n.mg-top-30 {\n margin-top: 30px;\n}\n.mg-right-30 {\n margin-right: 30px;\n}\n.mg-bottom-30 {\n margin-bottom: 30px;\n}\n.mg-left-35 {\n margin-left: 35px;\n}\n.mg-top-35 {\n margin-top: 35px;\n}\n.mg-right-35 {\n margin-right: 35px;\n}\n.mg-bottom-35 {\n margin-bottom: 35px;\n}\n.mg-left-40 {\n margin-left: 40px;\n}\n.mg-top-40 {\n margin-top: 40px;\n}\n.mg-right-40 {\n margin-right: 40px;\n}\n.mg-bottom-40 {\n margin-bottom: 40px;\n}\n.pd-left-5 {\n padding-left: 5px;\n}\n.pd-top-5 {\n padding-top: 5px;\n}\n.pd-right-5 {\n padding-right: 5px;\n}\n.pd-bottom-5 {\n padding-bottom: 5px;\n}\n.pd-left-10 {\n padding-left: 10px;\n}\n.pd-top-10 {\n padding-top: 10px;\n}\n.pd-right-10 {\n padding-right: 10px;\n}\n.pd-bottom-10 {\n padding-bottom: 10px;\n}\n.pd-left-15 {\n padding-left: 15px;\n}\n.pd-top-15 {\n padding-top: 15px;\n}\n.pd-right-15 {\n padding-right: 15px;\n}\n.pd-bottom-15 {\n padding-bottom: 15px;\n}\n.pd-left-20 {\n padding-left: 20px;\n}\n.pd-top-20 {\n padding-top: 20px;\n}\n.pd-right-20 {\n padding-right: 20px;\n}\n.pd-bottom-20 {\n padding-bottom: 20px;\n}\n.pd-left-25 {\n padding-left: 25px;\n}\n.pd-top-25 {\n padding-top: 25px;\n}\n.pd-right-25 {\n padding-right: 25px;\n}\n.pd-bottom-25 {\n padding-bottom: 25px;\n}\n.pd-left-30 {\n padding-left: 30px;\n}\n.pd-top-30 {\n padding-top: 30px;\n}\n.pd-right-30 {\n padding-right: 30px;\n}\n.pd-bottom-30 {\n padding-bottom: 30px;\n}\n.pd-left-35 {\n padding-left: 35px;\n}\n.pd-top-35 {\n padding-top: 35px;\n}\n.pd-right-35 {\n padding-right: 35px;\n}\n.pd-bottom-35 {\n padding-bottom: 35px;\n}\n.pd-left-40 {\n padding-left: 40px;\n}\n.pd-top-40 {\n padding-top: 40px;\n}\n.pd-right-40 {\n padding-right: 40px;\n}\n.pd-bottom-40 {\n padding-bottom: 40px;\n}\n/*require 标记*/\n.require {\n position: relative;\n}\n.require:before {\n position: absolute;\n left: -10px;\n top: 2px;\n content: '* ';\n color: #ff2323;\n}\n/*兼容性*/\n/**字体大小*/\n.small {\n font-size: 65%;\n font-weight: 400;\n line-height: 1;\n color: #777;\n}\n.ft-12 {\n font-size: 12px;\n}\n.ft-12 small,\n.ft-12 .small {\n font-size: 65%;\n font-weight: 400;\n line-height: 1;\n color: #777;\n}\n.ft-14 {\n font-size: 14px;\n}\n.ft-14 small,\n.ft-14 .small {\n font-size: 65%;\n font-weight: 400;\n line-height: 1;\n color: #777;\n}\n.ft-16 {\n font-size: 16px;\n}\n.ft-16 small,\n.ft-16 .small {\n font-size: 65%;\n font-weight: 400;\n line-height: 1;\n color: #777;\n}\n.ft-18 {\n font-size: 18px;\n}\n.ft-18 small,\n.ft-18 .small {\n font-size: 65%;\n font-weight: 400;\n line-height: 1;\n color: #777;\n}\n.ft-20 {\n font-size: 20px;\n}\n.ft-20 small,\n.ft-20 .small {\n font-size: 65%;\n font-weight: 400;\n line-height: 1;\n color: #777;\n}\n.ft-22 {\n font-size: 22px;\n}\n.ft-22 small,\n.ft-22 .small {\n font-size: 65%;\n font-weight: 400;\n line-height: 1;\n color: #777;\n}\n.ft-gray {\n color: #999;\n}\n.ft-orange {\n color: #ee5511;\n}\n.ft-blue {\n color: #38b3ec;\n}\n.ft-green {\n color: #1fbf7a;\n}\n.uc-label {\n display: inline-block;\n vertical-align: middle;\n padding: 0 3px;\n font-size: 10px;\n}\n.uc-label-radius {\n -webkit-border-radius: 2px;\n -moz-border-radius: 2px;\n border-radius: 2px;\n border: 1px solid;\n}\n.uc-label-assertive {\n background-color: #ee5511;\n border-color: #ee5511;\n color: #fff;\n}\n.uc-label-balanced {\n background-color: #5eb22d;\n border-color: #5eb22d;\n color: #fff;\n}\n.uc-label-negative {\n background-color: #a29690;\n border-color: #a29690;\n color: #fff;\n}\n.uc-label-light {\n background-color: #fff;\n border-color: #a29690;\n color: #a29690;\n}\n.uc-label-modest {\n background-color: #ccc;\n border-color: #ccc;\n color: #fff;\n}\n.uc-label-energized {\n background-color: #f2b11f;\n border-color: #f2b11f;\n color: #fff4da;\n}\n/*uc-label-group部分*/\n.uc-label-group {\n font-size: 0 !important;\n display: inline-block;\n vertical-align: middle;\n}\n.uc-label-group-radius {\n -webkit-border-radius: 2px;\n -moz-border-radius: 2px;\n border-radius: 2px;\n border: 1px solid;\n}\n.uc-label-group-negative {\n border-color: #a29690;\n}\n.uc-label-group-assertive {\n border-color: #ee5511;\n}\n.uc-label-group-light {\n border-color: #fff;\n}\n.uc-label-group-modest {\n border-color: #ccc;\n}\n/*uc-label-group标签有margin部分*/\n.uc-label-group .uc-label-radius:not(last-of-type) {\n margin-right: 3px;\n}\n.uc-form-list {\n background: #fff;\n margin-bottom: 10px;\n padding: 0 15px;\n border: #cccccc solid 1px;\n vertical-align: middle;\n font-size: 16px;\n}\n.uc-form-list .row,\n.uc-form-list .col {\n padding: 0;\n}\n.uc-form-list .lastItem {\n float: right;\n}\n.uc-form-list .lastItem input[type*='text'] {\n text-align: right;\n}\n.uc-form-list li {\n line-height: 45px;\n color: #333;\n border-bottom: #cccccc solid 1px;\n}\n.uc-form-list li input[type='text'] {\n outline: none;\n}\n.uc-form-list li:last-child {\n border-bottom: #cccccc solid 0px;\n}\n.uc-form-list li.uc-content {\n clear: both;\n}\n.uc-form-list li .uc-item-content:nth-child(odd) {\n min-width: 56px;\n}\n.uc-form-list li .uc-item-content.textarea-width {\n width: 100%;\n}\n.uc-form-list .link {\n position: relative;\n min-width: 20px;\n}\n.uc-form-list .link:after,\n.uc-form-list .link:before {\n display: inline-block;\n background-color: #ccc;\n position: absolute;\n content: \"\";\n left: 10px;\n height: 8px;\n width: 2px;\n}\n.uc-form-list .link:after {\n top: 22px;\n transform: rotate(45deg);\n -webkit-transform: rotate(45deg);\n -moz-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n -o-transform: rotate(45deg);\n}\n.uc-form-list .link:before {\n top: 17px;\n transform: rotate(135deg);\n -webkit-transform: rotate(135deg);\n -moz-transform: rotate(135deg);\n -ms-transform: rotate(135deg);\n -o-transform: rotate(135deg);\n}\n.uc-radio,\n.uc-checkbox,\n.uc-switch {\n position: relative;\n text-align: left;\n min-height: 23px;\n vertical-align: middle;\n margin-right: 10px;\n display: inline-block;\n overflow: hidden;\n}\n.uc-radio input[type='radio'],\n.uc-checkbox input[type='radio'],\n.uc-switch input[type='radio'],\n.uc-radio input[type='checkbox'],\n.uc-checkbox input[type='checkbox'],\n.uc-switch input[type='checkbox'] {\n width: 100%;\n height: 100%;\n position: absolute;\n cursor: pointer;\n pointer-events: all;\n opacity: 0;\n z-index: 2;\n left: 0;\n}\n.uc-radio .radio,\n.uc-checkbox .radio,\n.uc-switch .radio,\n.uc-radio .checkbox,\n.uc-checkbox .checkbox,\n.uc-switch .checkbox,\n.uc-radio .switch,\n.uc-checkbox .switch,\n.uc-switch .switch {\n transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;\n float: left;\n position: relative;\n display: block;\n width: 23px;\n margin-right: 8px;\n margin-left: 0;\n height: 23px;\n border: 2px solid #bbb;\n background: #fff;\n}\n.uc-radio .radio,\n.uc-checkbox .radio,\n.uc-switch .radio {\n -webkit-border-radius: 50%;\n -moz-border-radius: 50%;\n -ms-border-radius: 50%;\n border-radius: 50%;\n}\n.uc-radio .checkbox,\n.uc-checkbox .checkbox,\n.uc-switch .checkbox {\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n -ms-border-radius: 4px;\n border-radius: 4px;\n}\n.uc-radio .disabled,\n.uc-checkbox .disabled,\n.uc-switch .disabled {\n border-color: #eeeeee;\n}\n.uc-radio .active,\n.uc-checkbox .active,\n.uc-switch .active {\n position: relative;\n background: #fff1ed;\n border-color: #ff6633;\n}\n.uc-radio .active:before,\n.uc-checkbox .active:before,\n.uc-switch .active:before,\n.uc-radio .active:after,\n.uc-checkbox .active:after,\n.uc-switch .active:after {\n display: inline-block;\n position: absolute;\n content: \"\";\n width: 2px;\n background: #ff6633;\n}\n.uc-radio .active:before,\n.uc-checkbox .active:before,\n.uc-switch .active:before {\n height: 7px;\n left: 4.5px;\n top: 8px;\n transform: rotate(135deg);\n -webkit-transform: rotate(135deg);\n -moz-transform: rotate(135deg);\n -ms-transform: rotate(135deg);\n -o-transform: rotate(135deg);\n}\n.uc-radio .active:after,\n.uc-checkbox .active:after,\n.uc-switch .active:after {\n height: 11px;\n left: 10.5px;\n top: 4.5px;\n transform: rotate(45deg);\n -webkit-transform: rotate(45deg);\n -moz-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n -o-transform: rotate(45deg);\n}\n.uc-radio label,\n.uc-checkbox label,\n.uc-switch label {\n float: left;\n position: relative;\n display: block;\n line-height: 23px;\n font-size: 16px;\n}\n.uc-switch {\n min-height: 32px;\n margin-right: 0;\n}\n.uc-switch .switch {\n width: 53px;\n height: 30px;\n border: 2px solid #eaeaea;\n margin-right: 0;\n -webkit-border-radius: 50px;\n -moz-border-radius: 50px;\n -ms-border-radius: 50px;\n border-radius: 50px;\n outline: none;\n}\n.uc-switch .switch:before,\n.uc-switch .switch:after {\n content: '';\n position: absolute;\n width: 26px;\n height: 26px;\n top: 0px;\n left: 0px;\n -webkit-border-radius: 50%;\n -moz-border-radius: 50%;\n -ms-border-radius: 50%;\n border-radius: 50%;\n background: #fff;\n box-shadow: 0 0 2px 2px #d2d2d2;\n}\n.uc-switch .switch:after {\n width: 0;\n height: 0;\n}\n.uc-switch .active {\n transition: all 450ms;\n background: #4bd964;\n border-color: #4bd964;\n}\n.uc-switch .active:before {\n left: 22px;\n}\n.uc-text input[type='text'] {\n -webkit-appearance: none;\n -moz-appearance: none;\n -ms-appearance: none;\n appearance: none;\n box-sizing: border-box;\n border: none;\n background: none;\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n -ms-border-radius: 0;\n border-radius: 0;\n box-shadow: none;\n width: 100%;\n height: 20px;\n font-size: 1rem;\n}\n.uc-text input[type='text']:disabled {\n color: #eeeeee;\n}\n.uc-textarea {\n position: relative;\n width: 100%;\n}\n.uc-textarea textarea {\n width: 100%;\n font-size: 16px;\n border: none;\n height: 75px;\n resize: none;\n padding: 0 10px 10px;\n}\n.uc-textarea .tips {\n position: absolute;\n display: inline-block;\n right: 4px;\n bottom: 5px;\n}\n.uc-textarea .tips span {\n display: inline-block;\n}\n.uc-textarea .tips span.gray-cc {\n color: #cccccc;\n margin-top: -3px;\n}\n.uc-radio-group,\n.uc-checkbox-group {\n overflow: hidden;\n display: inline-block;\n}\n.uc-radio-group .uc-radio:last-child,\n.uc-checkbox-group .uc-radio:last-child,\n.uc-radio-group .uc-checkbox:last-child,\n.uc-checkbox-group .uc-checkbox:last-child,\n.uc-radio-group .uc-switch:last-child,\n.uc-checkbox-group .uc-switch:last-child {\n margin-right: 0;\n}\n.uc-star-orange {\n display: inline-block;\n vertical-align: middle;\n width: 70px;\n height: 13px;\n background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAAAyCAYAAACd13PPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNjZDQ0MxN0EwOEMxMUU1QjEwNzg1NzgzRDA0MTFGMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFNjZDQ0MxOEEwOEMxMUU1QjEwNzg1NzgzRDA0MTFGMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU2NkNDQzE1QTA4QzExRTVCMTA3ODU3ODNEMDQxMUYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU2NkNDQzE2QTA4QzExRTVCMTA3ODU3ODNEMDQxMUYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U6kOOwAABF5JREFUeNrsm01oE0EUx//5aNPY2jZRFFMtolJFL0pBey1+IF4EDwp+HPQgeLF48CCoiDcRD4p48QNERT34cRIEqSDehPbgQVALFXuqNW0qjU2aD+dt+rFrss1sNss+5T14ZGbYmd9O+DP7ZvZtYGhoqBHAVeVHlcdRH0sqf6j8rPKsqV1YzFmhvr6+a6rQpzyK+hmNtWP25t+Y2oXFnBVQK8RPXaUFAgHjt1gsOlHeMlNdWMxZJIii7uAdHR3G78jIiBNIwFQWFnNWUPeOWlpa0NjYiIaGBqPspQnLP5a2INra2iqWvTBh+cfSEkQ0GjXUNh/mqjK1eWHC8pelJYj29nattnqYsPxlWYJKUlJTUxNCoRDC4bDxSx6JRCp2zmQyyOfzhudyOeN3enoa2Wy2akAkLJ6ssLlDIpFAMKgdVlQEFwoFDA8PV+0rLJ4sy2iTk5Oul6tUKqV1nbB4siyCSCaTGB8fr3lwJ/2FxZNVtt7QBWNjY44Hpz4TExOO+giLHytotxSNjo5qD07X1rp8CYsXyzYimZqa0j7uTKfTrp5jwuLDCi4Wkc69HKklenViwuLDCtbjBs2nYrVORlg8WI4EQYcY5F6oW1g8WGEdwMzMjLFFoecUWXNzM+LxuPEmrd7qFpa/LFtBUIBCp1i0raGI1BywEIgCk9bWVsRiMSfv9YXFnGWbIKObbaNxXdXkDmHxYVEMkbRTnI5qq1yXrFIXFjMWCeIBvLM7f9WFxZxFWdf9qkApNV2oXyYvHZDfVn5Oed7ULizmLIohICY2H2MUT3bLvyBmCSppU3odpXz/Yp385+yYf294hcWcFbrUnZAvnIS18OWWemRofwmEUJg2skBuRhdU81dHwvKHFdQePBgCzj8CLj4Fwg26gHiVurCYsfQzNLfvBRLrgZWdpbKXJizfWHqCoGVn15GF+p5jpTZP9j3C8pOlJ4jNPcCaroX6qnWlNi9MWL6y9ASx+1h5287D3kxGWL6yaJex8KaDVLV+K7A0BrQtV66C29hK1b6xcu9vn4DUD+Uq8E2NAb/Gga+DwMgXC8NU/v9ZqxVrw7/LsgrixjsgssSdOtO/gDO91ScjLJYs6yOj/4n75Up3DGGxZFkzpl7eArIZYP8p5wPTO/YXN4HX9/WuFxZLlvWRMWe9B4FDZ/W3RYUC8PgK8O5ZxTil4nInLJasyoIg69kHHL+soTQ1+N0LwIfXtoHropMRFiuW/bZzoF8pKa+zUQE+vnf3HBMWG5a9IGjrQufhOqdinZvcTUZYbFj2gli7Rf9mOje6m4yw2LAWEcTm8rbPAyUvA7hUt7DYsMJagNHvwPMbwODbUn1bL3DgNLBizexyVcfJCMtXlr0g8jkgPQm8uge8fWpNsiAQBSa9h4B9J9ReeNrdZITFhmW/7YxES5Bq2TZG8gVl5WRr3zIJiw2LVghK0SrPwsn81lPm4jdQ6asjYTFmyZdbwrKwKOtavnAS1jzrjwADAMB8xoKMlpW1AAAAAElFTkSuQmCC\") repeat-x 0 0;\n background-size: 70px auto;\n}\n.uc-star-orange .uc-star-grey {\n height: inherit;\n background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAAAyCAYAAACd13PPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNjZDQ0MxN0EwOEMxMUU1QjEwNzg1NzgzRDA0MTFGMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFNjZDQ0MxOEEwOEMxMUU1QjEwNzg1NzgzRDA0MTFGMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU2NkNDQzE1QTA4QzExRTVCMTA3ODU3ODNEMDQxMUYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU2NkNDQzE2QTA4QzExRTVCMTA3ODU3ODNEMDQxMUYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U6kOOwAABF5JREFUeNrsm01oE0EUx//5aNPY2jZRFFMtolJFL0pBey1+IF4EDwp+HPQgeLF48CCoiDcRD4p48QNERT34cRIEqSDehPbgQVALFXuqNW0qjU2aD+dt+rFrss1sNss+5T14ZGbYmd9O+DP7ZvZtYGhoqBHAVeVHlcdRH0sqf6j8rPKsqV1YzFmhvr6+a6rQpzyK+hmNtWP25t+Y2oXFnBVQK8RPXaUFAgHjt1gsOlHeMlNdWMxZJIii7uAdHR3G78jIiBNIwFQWFnNWUPeOWlpa0NjYiIaGBqPspQnLP5a2INra2iqWvTBh+cfSEkQ0GjXUNh/mqjK1eWHC8pelJYj29nattnqYsPxlWYJKUlJTUxNCoRDC4bDxSx6JRCp2zmQyyOfzhudyOeN3enoa2Wy2akAkLJ6ssLlDIpFAMKgdVlQEFwoFDA8PV+0rLJ4sy2iTk5Oul6tUKqV1nbB4siyCSCaTGB8fr3lwJ/2FxZNVtt7QBWNjY44Hpz4TExOO+giLHytotxSNjo5qD07X1rp8CYsXyzYimZqa0j7uTKfTrp5jwuLDCi4Wkc69HKklenViwuLDCtbjBs2nYrVORlg8WI4EQYcY5F6oW1g8WGEdwMzMjLFFoecUWXNzM+LxuPEmrd7qFpa/LFtBUIBCp1i0raGI1BywEIgCk9bWVsRiMSfv9YXFnGWbIKObbaNxXdXkDmHxYVEMkbRTnI5qq1yXrFIXFjMWCeIBvLM7f9WFxZxFWdf9qkApNV2oXyYvHZDfVn5Oed7ULizmLIohICY2H2MUT3bLvyBmCSppU3odpXz/Yp385+yYf294hcWcFbrUnZAvnIS18OWWemRofwmEUJg2skBuRhdU81dHwvKHFdQePBgCzj8CLj4Fwg26gHiVurCYsfQzNLfvBRLrgZWdpbKXJizfWHqCoGVn15GF+p5jpTZP9j3C8pOlJ4jNPcCaroX6qnWlNi9MWL6y9ASx+1h5287D3kxGWL6yaJex8KaDVLV+K7A0BrQtV66C29hK1b6xcu9vn4DUD+Uq8E2NAb/Gga+DwMgXC8NU/v9ZqxVrw7/LsgrixjsgssSdOtO/gDO91ScjLJYs6yOj/4n75Up3DGGxZFkzpl7eArIZYP8p5wPTO/YXN4HX9/WuFxZLlvWRMWe9B4FDZ/W3RYUC8PgK8O5ZxTil4nInLJasyoIg69kHHL+soTQ1+N0LwIfXtoHropMRFiuW/bZzoF8pKa+zUQE+vnf3HBMWG5a9IGjrQufhOqdinZvcTUZYbFj2gli7Rf9mOje6m4yw2LAWEcTm8rbPAyUvA7hUt7DYsMJagNHvwPMbwODbUn1bL3DgNLBizexyVcfJCMtXlr0g8jkgPQm8uge8fWpNsiAQBSa9h4B9J9ReeNrdZITFhmW/7YxES5Bq2TZG8gVl5WRr3zIJiw2LVghK0SrPwsn81lPm4jdQ6asjYTFmyZdbwrKwKOtavnAS1jzrjwADAMB8xoKMlpW1AAAAAElFTkSuQmCC\") repeat-x 0 -14px;\n background-size: inherit;\n overflow: hidden;\n max-width: 100%;\n}\n.uc-panel {\n position: relative;\n display: block;\n width: 100%;\n background: #fff;\n}\n.uc-panel .uc-panel-border {\n border-bottom: 1px solid #cccccc;\n}\n.uc-panel .uc-panel-content {\n padding: 15px 15px 15px 0;\n margin-left: 15px;\n}\n.uc-panel .uc-panel-italic-banner {\n position: absolute;\n top: -1px;\n left: 0;\n z-index: 1000;\n border: 14px solid;\n border-color: #ff0000 transparent transparent #ff0000;\n}\n.uc-panel .uc-panel-italic-banner b {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n -moz-transform: rotate(-45deg);\n -ms-transform: rotate(-45deg);\n -o-transform: rotate(-45deg);\n font-size: 10px;\n position: absolute;\n color: #fff;\n display: block;\n}\n.uc-panel .uc-panel-banner-mask {\n position: absolute;\n top: -1px;\n left: 0;\n z-index: 1001;\n border: 7px solid;\n border-color: #fff transparent transparent #fff;\n}\n.filter-container .cat {\n padding: 0px;\n}\n.filter-container .cat::after {\n content: '';\n display: table;\n clear: both;\n}\n.filter-container .cat .item {\n display: block;\n background-repeat: repeat-y;\n background-position: right 0;\n background-size: 1px auto;\n float: left;\n text-align: center;\n color: #646464;\n font-size: 13px;\n overflow: hidden;\n height: 40px;\n line-height: 40px;\n position: relative;\n text-decoration: none;\n border-bottom: 1px solid #ededed;\n}\n.filter-container .cat .item::after {\n content: '';\n display: inline-block;\n margin-left: 7px;\n margin-bottom: 3px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 6px;\n height: 6px;\n border-bottom: 1px solid #666;\n border-left: 1px solid #666;\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n -moz-transform: rotate(-45deg);\n -ms-transform: rotate(-45deg);\n -o-transform: rotate(-45deg);\n -webkit-transition-duration: 300ms;\n transition-duration: 300ms;\n}\n.filter-container .cat .item.active:after {\n border-color: #ee5511;\n transform: rotate(135deg);\n -webkit-transform: rotate(135deg);\n -moz-transform: rotate(135deg);\n -ms-transform: rotate(135deg);\n -o-transform: rotate(135deg);\n margin-bottom: 0;\n}\n.filter-container .selector {\n position: absolute;\n z-index: 100;\n color: #323232;\n width: 100%;\n height: 315px;\n font-size: 15px;\n overflow-y: hidden;\n background-color: #fff;\n}\n.filter-container .selector .item {\n display: block;\n height: 40px;\n line-height: 40px;\n color: #323232;\n overflow: hidden;\n cursor: pointer;\n}\n.filter-container .menu {\n position: relative;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n -webkit-box-sizing: border-box;\n float: left;\n}\n.filter-container .menu.main {\n width: 45%;\n background: #f5f5f5;\n}\n.filter-container .menu.main .item {\n padding-left: 15px;\n}\n.filter-container .menu.main .item.on {\n background: #ffffff;\n}\n.filter-container .menu.sub {\n position: absolute;\n top: 0;\n box-sizing: border-box;\n -webkit-box-sizing: border-box;\n padding-left: 15px;\n height: 315px;\n overflow-y: scroll ;\n -webkit-overflow-scrolling: touch;\n left: 45%;\n width: 55%;\n}\n.filter-container .menu.sub.full {\n width: 100%;\n left: 0px;\n}\n.filter-container .menu.sub .item.on {\n color: #ee5511;\n border-bottom: 1px solid #ee5511;\n}\n.uc-btn-radius {\n border-radius: 2px;\n}\n.uc-btn {\n position: relative;\n display: inline-block;\n margin: 0;\n border-width: 1px;\n border-style: solid;\n vertical-align: top;\n text-align: center;\n text-overflow: ellipsis;\n text-decoration: none;\n cursor: pointer;\n}\n.uc-btn:hover {\n text-decoration: none;\n}\n.uc-btn.button-block,\n.uc-btn.button-full {\n margin-top: 10px;\n margin-bottom: 10px;\n}\n.uc-btn-light {\n border-color: #bbb;\n background-color: #fff;\n color: #666;\n}\n.uc-btn-light:hover {\n color: #666;\n text-decoration: none;\n}\n.uc-btn-light.uc-btn-active {\n border-color: #bbb;\n background-color: #e6e6e6;\n box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);\n}\n.uc-btn-light.uc-btn-outline {\n border-color: #bbb;\n background: transparent;\n color: #666;\n}\n.uc-btn-light.uc-btn-outline.uc-btn-active {\n background-color: #bbb;\n box-shadow: none;\n color: #fff;\n}\n.uc-btn-light.uc-btn-outline.uc-btn-disabled {\n opacity: 1;\n color: #fff;\n background-color: #ccc;\n border-color: #ccc;\n pointer-events: none;\n}\n.uc-btn-assertive {\n border-color: #ee5511;\n background-color: #ee5511;\n color: #fff;\n}\n.uc-btn-assertive:hover {\n color: #fff;\n text-decoration: none;\n}\n.uc-btn-assertive.uc-btn-active {\n border-color: #a2a2a2;\n background-color: #be440e;\n box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);\n}\n.uc-btn-assertive.uc-btn-outline {\n border-color: #ee5511;\n background: transparent;\n color: #ee5511;\n}\n.uc-btn-assertive.uc-btn-outline.uc-btn-active {\n background-color: #ee5511;\n box-shadow: none;\n color: #fff;\n}\n.uc-btn-assertive.uc-btn-outline.uc-btn-disabled {\n opacity: 1;\n color: #fff;\n background-color: #ccc;\n border-color: #ccc;\n pointer-events: none;\n}\n.uc-btn-balanced {\n border-color: #4bd762;\n background-color: #4bd762;\n color: #fff;\n}\n.uc-btn-balanced:hover {\n color: #fff;\n text-decoration: none;\n}\n.uc-btn-balanced.uc-btn-active {\n border-color: #a2a2a2;\n background-color: #2bc444;\n box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);\n}\n.uc-btn-balanced.uc-btn-outline {\n border-color: #4bd762;\n background: transparent;\n color: #4bd762;\n}\n.uc-btn-balanced.uc-btn-outline.uc-btn-active {\n background-color: #4bd762;\n box-shadow: none;\n color: #fff;\n}\n.uc-btn-balanced.uc-btn-outline.uc-btn-disabled {\n opacity: 1;\n color: #fff;\n background-color: #ccc;\n border-color: #ccc;\n pointer-events: none;\n}\n.uc-btn-default {\n padding: 0 25px;\n min-width: 93px;\n min-height: 42px;\n font-size: 18px;\n line-height: 42px;\n}\n.uc-btn-sm {\n padding: 0px 15px;\n min-width: 25px;\n min-height: 25px;\n font-size: 12px;\n line-height: 23px;\n}\n.uc-btn-block {\n display: block;\n margin-right: 0;\n margin-left: 0;\n border-right-width: 0;\n border-left-width: 0;\n width: 100%;\n}\n.uc-btn-block.uc-btn-radius {\n border-radius: 5px;\n}\n.uc-btn-awaiting {\n opacity: .5;\n cursor: default !important;\n pointer-events: none;\n}\n.uc-btn-disabled {\n opacity: 1;\n color: #fff;\n background-color: #ccc;\n border-color: #ccc;\n pointer-events: none;\n cursor: default !important;\n}\n/**\n * Grid\n * --------------------------------------------------\n * Using flexbox for the grid, inspired by Philip Walton:\n * http://philipwalton.github.io/solved-by-flexbox/demos/grids/\n * By default each .uc-col within a .uc-row will evenly take up\n * available width, and the height of each .uc-col with take\n * up the height of the tallest .uc-col in the same .uc-row.\n */\n.uc-row {\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-box;\n display: -moz-flex;\n display: -ms-flexbox;\n display: flex;\n padding: 0px;\n width: 100%;\n}\n.uc-row-wrap {\n -webkit-flex-wrap: wrap;\n -moz-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.uc-row-no-padding {\n padding: 0;\n}\n.uc-row-no-padding > .uc-col {\n padding: 0;\n}\n.uc-row + .uc-row {\n margin-top: 0px;\n padding-top: 0;\n}\n.uc-col {\n -webkit-box-flex: 1;\n -webkit-flex: 1 ;\n -moz-box-flex: 1;\n -moz-flex: 1 ;\n -ms-flex: 1 ;\n flex: 1 ;\n display: block;\n padding: 0px;\n width: 100%;\n}\n/* Vertically Align Columns */\n/* .uc-row-* vertically aligns every .uc-col in the .uc-row */\n.uc-row-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n -webkit-align-items: flex-start;\n -moz-align-items: flex-start;\n align-items: flex-start;\n}\n.uc-row-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n -webkit-align-items: flex-end;\n -moz-align-items: flex-end;\n align-items: flex-end;\n}\n.uc-row-center {\n -webkit-align-items: center;\n -moz-align-items: center;\n align-items: center;\n}\n.uc-row-stretch {\n -webkit-align-items: stretch;\n -moz-align-items: stretch;\n align-items: stretch;\n}\n.uc-row-baseline {\n -webkit-align-items: baseline;\n -moz-align-items: baseline;\n align-items: baseline;\n}\n/* .uc-col-* vertically aligns an individual .uc-col */\n.uc-col-top {\n -ms-flex-item-align: start;\n -webkit-align-self: flex-start;\n -moz-align-self: flex-start;\n align-self: flex-start;\n}\n.uc-col-bottom {\n -ms-flex-item-align: end;\n -webkit-align-self: flex-end;\n -moz-align-self: flex-end;\n align-self: flex-end;\n}\n.uc-col-center {\n -webkit-align-self: center;\n -moz-align-self: center;\n align-self: center;\n}\n/* Column Offsets */\n.uc-col-offset-5 {\n margin-left: 5%;\n}\n.uc-col-offset-10 {\n margin-left: 10%;\n}\n.uc-col-offset-15 {\n margin-left: 15%;\n}\n.uc-col-offset-20 {\n margin-left: 20%;\n}\n.uc-col-offset-25 {\n margin-left: 25%;\n}\n.uc-col-offset-30 {\n margin-left: 30%;\n}\n.uc-col-offset-35 {\n margin-left: 35%;\n}\n.uc-col-offset-40 {\n margin-left: 40%;\n}\n.uc-col-offset-45 {\n margin-left: 45%;\n}\n.uc-col-offset-50 {\n margin-left: 50%;\n}\n.uc-col-offset-55 {\n margin-left: 55%;\n}\n.uc-col-offset-60 {\n margin-left: 60%;\n}\n.uc-col-offset-65 {\n margin-left: 65%;\n}\n.uc-col-offset-70 {\n margin-left: 70%;\n}\n.uc-col-offset-75 {\n margin-left: 75%;\n}\n.uc-col-offset-80 {\n margin-left: 80%;\n}\n.uc-col-offset-85 {\n margin-left: 85%;\n}\n.uc-col-offset-90 {\n margin-left: 90%;\n}\n.uc-col-offset-95 {\n margin-left: 95%;\n}\n.uc-col-offset-100 {\n margin-left: 100%;\n}\n.uc-col-offset-33,\n.uc-col-offset-34 {\n margin-left: 33.3333%;\n}\n.uc-col-offset-66,\n.uc-col-offset-67 {\n margin-left: 66.6666%;\n}\n/* Explicit Column Percent Sizes */\n/* By default each grid column will evenly distribute */\n/* across the grid. However, you can specify individual */\n/* columns to take up a certain size of the available area */\n.uc-col-5 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 5%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 5%;\n -ms-flex: 0 0 5%;\n flex: 0 0 5%;\n max-width: 5%;\n}\n.uc-col-10 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 10%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 10%;\n -ms-flex: 0 0 10%;\n flex: 0 0 10%;\n max-width: 10%;\n}\n.uc-col-15 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 15%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 15%;\n -ms-flex: 0 0 15%;\n flex: 0 0 15%;\n max-width: 15%;\n}\n.uc-col-20 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 20%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 20%;\n -ms-flex: 0 0 20%;\n flex: 0 0 20%;\n max-width: 20%;\n}\n.uc-col-25 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 25%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n}\n.uc-col-30 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 30%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 30%;\n -ms-flex: 0 0 30%;\n flex: 0 0 30%;\n max-width: 30%;\n}\n.uc-col-35 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 35%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 35%;\n -ms-flex: 0 0 35%;\n flex: 0 0 35%;\n max-width: 35%;\n}\n.uc-col-40 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 40%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 40%;\n -ms-flex: 0 0 40%;\n flex: 0 0 40%;\n max-width: 40%;\n}\n.uc-col-45 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 45%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 45%;\n -ms-flex: 0 0 45%;\n flex: 0 0 45%;\n max-width: 45%;\n}\n.uc-col-50 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 50%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n}\n.uc-col-55 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 55%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 55%;\n -ms-flex: 0 0 55%;\n flex: 0 0 55%;\n max-width: 55%;\n}\n.uc-col-60 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 60%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 60%;\n -ms-flex: 0 0 60%;\n flex: 0 0 60%;\n max-width: 60%;\n}\n.uc-col-65 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 65%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 65%;\n -ms-flex: 0 0 65%;\n flex: 0 0 65%;\n max-width: 65%;\n}\n.uc-col-70 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 70%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 70%;\n -ms-flex: 0 0 70%;\n flex: 0 0 70%;\n max-width: 70%;\n}\n.uc-col-75 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 75%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n}\n.uc-col-80 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 80%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 80%;\n -ms-flex: 0 0 80%;\n flex: 0 0 80%;\n max-width: 80%;\n}\n.uc-col-85 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 85%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 85%;\n -ms-flex: 0 0 85%;\n flex: 0 0 85%;\n max-width: 85%;\n}\n.uc-col-90 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 90%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 90%;\n -ms-flex: 0 0 90%;\n flex: 0 0 90%;\n max-width: 90%;\n}\n.uc-col-95 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 95%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 95%;\n -ms-flex: 0 0 95%;\n flex: 0 0 95%;\n max-width: 95%;\n}\n.uc-col-100 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 100%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n}\n.uc-col-33,\n.uc-col-34 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 33.3333%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 33.3333%;\n -ms-flex: 0 0 33.3333%;\n flex: 0 0 33.3333%;\n max-width: 33.3333%;\n}\n.uc-col-66,\n.uc-col-67 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 66.6666%;\n -moz-box-flex: 0;\n -moz-flex: 0 0 66.6666%;\n -ms-flex: 0 0 66.6666%;\n flex: 0 0 66.6666%;\n max-width: 66.6666%;\n}\n", ""]);
// exports
/***/ },
/* 24 */
/***/ function(module, exports) {
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
// css base code, injected by the css-loader
module.exports = function() {
var list = [];
// return the list of modules as css string
list.toString = function toString() {
var result = [];
for(var i = 0; i < this.length; i++) {
var item = this[i];
if(item[2]) {
result.push("@media " + item[2] + "{" + item[1] + "}");
} else {
result.push(item[1]);
}
}
return result.join("");
};
// import a list of modules into the list
list.i = function(modules, mediaQuery) {
if(typeof modules === "string")
modules = [[null, modules, ""]];
var alreadyImportedModules = {};
for(var i = 0; i < this.length; i++) {
var id = this[i][0];
if(typeof id === "number")
alreadyImportedModules[id] = true;
}
for(i = 0; i < modules.length; i++) {
var item = modules[i];
// skip already imported module
// this implementation is not 100% perfect for weird media query combinations
// when a module is imported multiple times with different media queries.
// I hope this will never occur (Hey this way we have smaller bundles)
if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
if(mediaQuery && !item[2]) {
item[2] = mediaQuery;
} else if(mediaQuery) {
item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
}
list.push(item);
}
}
};
return list;
};
/***/ },
/* 25 */
/***/ function(module, exports, __webpack_require__) {
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
var stylesInDom = {},
memoize = function(fn) {
var memo;
return function () {
if (typeof memo === "undefined") memo = fn.apply(this, arguments);
return memo;
};
},
isOldIE = memoize(function() {
return /msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase());
}),
getHeadElement = memoize(function () {
return document.head || document.getElementsByTagName("head")[0];
}),
singletonElement = null,
singletonCounter = 0;
module.exports = function(list, options) {
if(false) {
if(typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");
}
options = options || {};
// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
// tags it will allow on a page
if (typeof options.singleton === "undefined") options.singleton = isOldIE();
var styles = listToStyles(list);
addStylesToDom(styles, options);
return function update(newList) {
var mayRemove = [];
for(var i = 0; i < styles.length; i++) {
var item = styles[i];
var domStyle = stylesInDom[item.id];
domStyle.refs--;
mayRemove.push(domStyle);
}
if(newList) {
var newStyles = listToStyles(newList);
addStylesToDom(newStyles, options);
}
for(var i = 0; i < mayRemove.length; i++) {
var domStyle = mayRemov