@charset "UTF-8";
/**
* @file:      Neat.css V1.1.0
* @author:    一丝
* @update:    2013-11-22 14:55:29;
* @copyright: 基于 normalize.css | MIT License
* @doc:
*/
/**
* Neat.css 解决的问题
* 基于业务需要兼容的浏览器做到以下几点：
* 1.解决BUG，特别是低级浏览器的常见BUG；
* 2.统一效果，但不盲目追求重置为0；
* 3.向后兼容；
* 4.考虑响应式；
* 5.考虑移动设备。
*/
/* ==========================================================================
 有即是无，无即是有
 ========================================================================== */
body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, optgroup,
p, blockquote, figure, hr, menu, dir,
thead, tbody, tfoot, th, td {
  margin: 0;
  padding: 0; }

/**
* 非大面积文字排版网站通常不需要列表项，如果需要可单独设置
*/
ul, ol {
  list-style-type: none;
  list-style-image: none; }

/* ==========================================================================
 链接
 ========================================================================== */
/**
* 去除链接默认的下划线，提高文字可读性
*/
a {
  text-decoration: none; }

/**
* 去掉 IE 10+ 点击链接时的灰色背景
*/
a:active {
  background-color: transparent; }

/**
* 去掉点击时的焦点框，同时保证使用键盘可以显示焦点框
*/
a:active,
a:hover {
  outline: 0 none; }

/**
* 统一 Chrome 和 Safari 的焦点框样式
* Chrome 中 thin 关键字放大页面后焦点框不会放大 http://jsbin.com/ehakom/1
* Firefox 中 box-shadow 会导致焦点框位置偏移，需用「outline-offset」修正
*
*/
/* ==========================================================================
 字体和基础排版
 ========================================================================== */
/**
* 1.防止 iOS 横屏字号放大，同时保证在PC上 zoom 功能正常
*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  /* 1 */
  font-size: 62.5%;
  /* 10/16=62.5% */ }

/**
* 所有 font-family 小写，存在空格的字体名加单引号
* @default-font: 'helvetica neue', tahoma, \5B8B\4F53, sans-serif;
* @heading-font: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti,
  \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, 'wenquanyi micro hei', sans-serif;
* @code-font: monaco, menlo, consolas, monospace;
*/
/**
* 中文优先使用冬青黑体简体(OS X)、微软雅黑(Windows)和文泉驿微米黑(Linux)
* 西文使用 tahoma
* 1. 防止元素中「font-family」不能继承
* 2. 西文字体和 OS X 字体写在前面
* 3. Opera 12.1 之前版本不支持中文字体的英文名称
* 4. 微软雅黑「\5FAE\8F6F\96C5\9ED1」,中易宋体「\5B8B\4F53」
*/
body,
button, input, select, textarea {
  font-family: 'helvetica neue',arial,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
  -ms-text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis;
  /* 5 */
  text-spacing: ideograph-alpha ideograph-numeric ideograph-parenthesis;
  /* 5 */ }

/**
* 中文小于 12px 可读性很差
* 1. 统一 IE 6-7 中字体大小
* 2. 统一 Firefox 4+，Safari 5 和 Chrome 中「section」和「article」内的字体大小
*/
h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

h1 {
  font-size: 36px; }

h2 {
  font-size: 30px; }

h3 {
  font-size: 22px; }

h4 {
  font-size: 18px; }

h5 {
  font-size: 14px; }

h6 {
  font-size: 12px; }

/**
* 修正「abbr」元素在 Firefox 外其他浏览器没有下划线的问题
* 添加问号光标，明确语义
*/
abbr,
acronym {
  border-bottom: 1px dotted;
  /* 1 */
  cursor: help;
  /* 2 */ }

/**
* Firefox3+，Safari4/5 和 Chrome 中统一设置为粗体
*/
b,
strong {
  font-weight: bold; }

/**
* 修正 Safari5 和 Chrome 中没有样式的问题
*/
dfn {
  font-style: italic; }

/**
* 修正 Firefox 和其他浏览器之间的差异
*/
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
* 网页标记，荧光笔
* 修正 IE6-11 中没有样式的问题
*/
mark {
  background-color: #D2E5FF;
  color: #000; }

/**
* 统一代码的字体设置
* 字体要能明确区分数字 0 和字母 o
* Mac 优先使用 Monaco，Windows 优先使用 Consolas
* XP自带 Courier New
* Windows 7开始自带的 Consolas
* Mac上自带的Monaco，Osaka-Mono
*/
code,
kbd,
pre,
samp {
  font-family: monaco, menlo, consolas, 'courier new', courier, monospace; }

/**
* 增强所有浏览器中 pre 标签中文本的可读性
* 1. IE 6-7 不支持 pre-wrap
* 2. pre 标签应当包含滚溢出
*/
pre {
  white-space: pre;
  white-space: pre-wrap;
  /* 1 */
  word-wrap: break-word;
  overflow: auto; }

/**
* 行内引用
* IE 6-7 不支持 quotes 属性
* 现代浏览器去除 quotes 内容
*/
q {
  quotes: none; }

/**
* Safari 4 不支持<q>标签
*/
q:before,
q:after {
  content: '';
  content: none; }

/**
* 中文网页<small>元素字号小于 12px 不易阅读
*/
small {
  font-size: 85.7%;
  /* 12/14=0.8571428571 */ }

/**
* 防止所有浏览器中的<sub>和<sup>影响行高
* http://jsbin.com/usoyal/1/edit
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
 表格
 ========================================================================== */
/**
* 合并单元格边框
*/
table {
  border-collapse: collapse;
  border-spacing: 0; }

/**
* 修复 IE 中 th 不能继承 text-align 的问题并统一左对齐
* http://jsbin.com/evoxif/2/edit
*/
th {
  text-align: left; }

/**
* 单元格添加边框
*/
/**
* 表头底部边框
*/
/* ==========================================================================
 嵌入元素
 ========================================================================== */
/**
* 1. 去除 IE6-9 和 Firefox 3 中 a 内部 img 元素默认的边框
* 2. 修正 IE8 图片消失bug
* 3. 防止 img 指定「height」时图片高度不能按照宽度等比缩放，导致图片变形
    http://jsbin.com/aJoTUca/2
* 4. 让图片支持响应式
* 5. 去除现代浏览器图片底部的空隙
* 6. 修复 IE7 图片缩放失真
*/
img {
  border: 0 none;
  /* 1 */
  width: auto\9;
  /* 2 */
  height: auto;
  /* 3 */
  max-width: 100%;
  /* 4 */
  vertical-align: top;
  /* 5 */
  -ms-interpolation-mode: bicubic;
  /* 6 */ }

/**
* 修复 IE9 中的「overflow」的怪异表现
*/
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
 表单
 ========================================================================== */
/**
* 定义一致的边框、外边距和内边距
*/
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
* 1. 修正 IE 6-9 中颜色不能继承的问题
* 2. 修正 Firefox3 中文字不换行的问题
* 3. 修正 IE6-7 中怪异的对齐方式
*/
legend {
  border: 0 none;
  /* 1 */
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
* 1. 修正所有浏览器中字体不继承的问题
* 2. 修正所有浏览器中字号不继承的问题
* 3. 修正 Firefox 3+， Safari5 和 Chrome 中外边距不同的问题
* 4. 改善在所有浏览器下的垂直对齐方式
*/
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
  vertical-align: baseline;
  /* 4 */
  *vertical-align: middle;
  /* 4 */ }

/**
* 修正 IE7 随着字数增加边距不断增加的问题
*/
input,
button {
  *overflow: visible; }

/**
* 统一各浏览器「text-transform」不会继承的问题
* http://jsbin.com/iqecic/1/edit
* http://tjvantoll.com/2012/07/10/default-browser-handling-of-the-css-text-transform-property/
*/
button,
select {
  text-transform: none; }

/**
* 1. 避免 Android 4.0.* 中的 WebKit bug ，该bug会破坏原生的
 「audio」 和「video」的控制器
* 2. 更正 iOS 中无法设置可点击的「input」的问题
* 3. 统一其他类型的「input」的光标样式
*/
button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
* 重置按钮禁用时光标样式
*/
/**
* 1. 修正 IE 8/9 box-sizing 被设置为「content-box」的问题
* 2. 移除 IE 8/9 中多余的内边距
* 3. 移除 IE7 中多余的内边距(IE6 中任然存在)
*/
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
* 1. 修正 Safari 5 和 Chrome 中「appearance」被设置为「searchfield」的问题
* 2. 修正 Safari 5 和 Chrome 中「box-sizing」被设置为 「border-box」的问题
*/
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

/**
* 1.移除 OS X 中 Safari5 和 Chrome 搜索框内侧的左边距
* 2.如果需要隐藏清除按钮需要加上
 input[type="search"]::-webkit-search-cancel-button
*/
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
* 移除 Firefox 3+ 的内边距
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
* 修正 Chrome 中 input [type="number"] 在特定高度和 font-size 时,
* 下面一个箭头光标变成「cursor: text」
* @demo: http://jsfiddle.net/FFXEc/
* 动画演示：http://gtms04.alicdn.com/tps/i4/T18kd8FCtaXXc_FhcF-330-350.gif
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
* 1. 移除 IE6-11 中默认的垂直滚动条
* 2. 禁止水平拖动，防止破坏布局
*/
textarea {
  overflow: auto;
  /* 1 */
  resize: vertical;
  /* 2 */ }

/**
* 修正 Chrome 30- option 中文字无法显示的问题
* http://jsbin.com/avujas/1/edit
*/
select:disabled option:checked,
option:disabled:checked {
  color: #D2D2D2; }

/**
* 修正 Safari 3+, Chrome 1+ Placeholder 居中问题
*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input {
    line-height: normal !important; } }

/**
* 修正 Firefox 19+ Placeholder 设置了opacity 的问题
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  color: darkGray;
  opacity: 1; }

/**
* label 元素给予手型，暗示此处可点击
*/
label {
  cursor: pointer; }

/**
* 统一 select 样式, Firefox 中有 padding:1px 0
* http://jsbin.com/avujas/1/edit
*/
select[size],
select[multiple],
select[size][multiple] {
  border: 1px solid #AAA;
  padding: 0; }

/* ==========================================================================
 HTML5 元素
 ========================================================================== */
/**
* 修正未定义为「block」的元素
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
* 1. 修正未定义为「inline-block」的元素
* 2. 修正 Chrome、Firefox、Opera 中 「progress」元素 vertical-align 默认值不一致
*/
audio,
canvas,
video,
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
* 1.防止现代浏览器将没有「controls」属性的 「audio」元素显示出来
* 2.去掉 iOS 5 中多余的高度
*/
audio:not([controls]) {
  display: none;
  /* 1 */
  height: 0;
  /* 2 */ }

/**
* 修复 IE 7/8/9，Firefox 3 和 Safari 4 中 「hidden」属性不起作用的问题
* 在IE、Safari、Firefox 22- 中隐藏「template」元素
*/
[hidden], template {
  display: none; }

/**
* 为可拖动元素添加拖动的光标
* http://jsbin.com/apavod/1/edit
*/
[draggable] {
  cursor: move; }

/**
* 居中 HTML5 dialog 元素
* Chrome 31 支持，需开启 chrome://flags/#enable-experimental-web-platform-features
* Chrome 28 之前、Firefox 中不支持 height:fit-content;
 https://src.chromium.org/viewvc/blink?revision=148314&view=revision
* ::backdrop 定义遮罩样式
* @demo: http://jsbin.com/iPACab/1
*/
dialog {
  border: 1px solid;
  padding: 0;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content; }

dialog::-webkit-backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3); }

dialog::backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3); }

.ks-row, .tb {
  display: table;
  table-layout: fixed;
  border-spacing: 0; }

.ks-col-auto, .ks-col, .tb-cell {
  display: table-cell;
  vertical-align: middle;
  word-break: break-all; }

.ib-w, .ib-w.ib {
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  text-rendering: optimizespeed;
  font-family: PingFangSC-Regular, microsoft yahei, Arial, sans-serif;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
  -ms-align-content: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start; }

.ib {
  display: inline-block;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
  box-sizing: border-box; }

.ks-row-auto {
  box-sizing: border-box;
  width: 100%;
  display: table;
  border-spacing: 0;
  table-layout: auto; }

.ks-col-auto {
  width: 1px;
  white-space: nowrap; }

.ks-row, .tb {
  box-sizing: border-box;
  width: 100%; }

/* h1 ~ h6 字体大小 */
.h1 {
  font-size: 30px; }

.h2 {
  font-size: 24px; }

.h3 {
  font-size: 18px; }

.h4 {
  font-size: 16px; }

.h5 {
  font-size: 14px; }

.h6 {
  font-size: 12px; }

/* 颜色  primary danger info warning dark gray */
.primary {
  color: #2196F3;
  border-color: #2196F3; }

.primary-light {
  color: #42A5F5;
  border-color: #42A5F5; }

.primary-deep {
  color: #1E88E5;
  border-color: #1E88E5; }

.success {
  color: #4CAF50;
  border-color: #4CAF50; }

.success-light {
  color: #66BB6A;
  border-color: #66BB6A; }

.success-deep {
  color: #43A047;
  border-color: #43A047; }

.info {
  color: #00BCD4;
  border-color: #00BCD4; }

.info-light {
  color: #26C6DA;
  border-color: #26C6DA; }

.info-deep {
  color: #00ACC1;
  border-color: #00ACC1; }

.danger {
  color: #F44336;
  border-color: #F44336; }

.danger-light {
  color: #EF5350;
  border-color: #EF5350; }

.danger-deep {
  color: #E53935;
  border-color: #E53935; }

.warning {
  color: #FF5722;
  border-color: #FF5722; }

.warning-light {
  color: #FF7043;
  border-color: #FF7043; }

.warning-deep {
  color: #F4511E;
  border-color: #F4511E; }

.dark {
  color: #777777;
  border-color: #777777; }

.dark-light {
  color: #999999;
  border-color: #999999; }

.dark-deep {
  color: #444444;
  border-color: #444444; }

.gray {
  color: #F5F5F5;
  border-color: #F5F5F5; }

.gray-light {
  color: #FCFCFC;
  border-color: #FCFCFC; }

.gray-deep {
  color: #E9E9E9;
  border-color: #E9E9E9; }

.bg-primary {
  background: #2196F3;
  color: #fff; }

.bg-primary-light {
  background: #42A5F5;
  color: #fff; }

.bg-primary-deep {
  background: #1E88E5;
  color: #fff; }

.bg-success {
  background: #4CAF50;
  color: #fff; }

.bg-success-light {
  background: #66BB6A;
  color: #fff; }

.bg-success-deep {
  background: #43A047;
  color: #fff; }

.bg-info {
  background: #00BCD4;
  color: #fff; }

.bg-info-light {
  background: #26C6DA;
  color: #fff; }

.bg-info-deep {
  background: #00ACC1;
  color: #fff; }

.bg-danger {
  background: #F44336;
  color: #fff; }

.bg-danger-light {
  background: #EF5350;
  color: #fff; }

.bg-danger-deep {
  background: #E53935;
  color: #fff; }

.bg-warning {
  background: #FF5722;
  color: #fff; }

.bg-warning-light {
  background: #FF7043;
  color: #fff; }

.bg-warning-deep {
  background: #F4511E;
  color: #fff; }

.bg-dark {
  background: #777777;
  color: #fff; }

.bg-dark-light {
  background: #999999;
  color: #fff; }

.bg-dark-deep {
  background: #444444;
  color: #fff; }

.bg-gray {
  background: #F5F5F5;
  color: #fff; }

.bg-gray-light {
  background: #FCFCFC;
  color: #fff; }

.bg-gray-deep {
  background: #E9E9E9;
  color: #fff; }

@font-face {
  font-family: "iconfont";
  src: url(/./style/fonts/4ba232cd.iconfont.eot);
  src: url(/./style/fonts/4ba232cd.iconfont.eot) format("embedded-opentype"), url(/./style/fonts/9dfebbc0.iconfont.woff) format("woff"), url(/./style/fonts/1fb796a6.iconfont.ttf) format("truetype"), url(/./style/fonts/049982a7.iconfont.svg) format("svg"); }

.iconfont, .icon {
  font-family: "iconfont" !important;
  font-size: 16px;
  line-height: 1;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale; }

.icon-nanrentouxiang:before {
  content: "\E651"; }

.icon-xiajiantou:before {
  content: "\E622"; }

.icon-shangjiantou:before {
  content: "\E623"; }

.icon-sanjiaojiantouxia:before {
  content: "\E656"; }

.icon-lock:before {
  content: "\E650"; }

.icon-jianhao:before {
  content: "\E64E"; }

.icon-chengshishitu:before {
  content: "\E668"; }

.icon-zhexianquyuxingupolylineshapedregion:before {
  content: "\E655"; }

.icon-shizhong:before {
  content: "\E624"; }

.icon-xiangyoujiantou2:before {
  content: "\E654"; }

.icon-right-arrow:before {
  content: "\E667"; }

.icon-weixinzhifu:before {
  content: "\E625"; }

.icon-appshusandian:before {
  content: "\E626"; }

.icon-chenggong:before {
  content: "\E627"; }

.icon-arrow-right:before {
  content: "\E659"; }

.icon-huoxuanzhong:before {
  content: "\E652"; }

.icon-jiahao:before {
  content: "\E64F"; }

.icon-triangle-copy-copy:before {
  content: "\E628"; }

.icon-loading-copy:before {
  content: "\E629"; }

.icon-chenggong1:before {
  content: "\E62A"; }

.icon-iconzhenghe31:before {
  content: "\E62B"; }

.icon-1-copy-copy:before {
  content: "\E677"; }

.icon-icohongbao:before {
  content: "\E62C"; }

.icon-icohongbaoyouhui:before {
  content: "\E62D"; }

.icon-icohuiyuan:before {
  content: "\E62E"; }

.icon-icohui:before {
  content: "\E62F"; }

.icon-icoji:before {
  content: "\E630"; }

.icon-icohome:before {
  content: "\E631"; }

.icon-icomap:before {
  content: "\E632"; }

.icon-icostar:before {
  content: "\E633"; }

.icon-icowifi:before {
  content: "\E634"; }

.icon-icochongzhihuodong:before {
  content: "\E635"; }

.icon-icochu:before {
  content: "\E636"; }

.icon-icochuzhiqia:before {
  content: "\E637"; }

.icon-icoerweima:before {
  content: "\E638"; }

.icon-icofanhui:before {
  content: "\E639"; }

.icon-icofujinmendian:before {
  content: "\E63A"; }

.icon-icoyanzhengma:before {
  content: "\E63B"; }

.icon-icoyouhuiquan:before {
  content: "\E63C"; }

.icon-icozhekou:before {
  content: "\E63D"; }

.icon-ico12:before {
  content: "\E63E"; }

.icon-icojifen:before {
  content: "\E63F"; }

.icon-icojifenhuodong:before {
  content: "\E640"; }

.icon-icojiasu:before {
  content: "\E641"; }

.icon-icolipin:before {
  content: "\E642"; }

.icon-icomendian:before {
  content: "\E643"; }

.icon-icoshengri:before {
  content: "\E644"; }

.icon-icoshouji:before {
  content: "\E645"; }

.icon-icotequan:before {
  content: "\E646"; }

.icon-icoxiaofeiyouhui:before {
  content: "\E647"; }

.icon-icoxingbie:before {
  content: "\E648"; }

.icon-bangzhu:before {
  content: "\E649"; }

.icon-daohangico:before {
  content: "\E64A"; }

.icon-kongico:before {
  content: "\E64B"; }

.icon-jiayouzhanico:before {
  content: "\E64C"; }

.icon-jiantou:before {
  content: "\E64D"; }

.icon-rentouliangrenhover:before {
  content: "\E653"; }

.icon-copy:before {
  content: "\E600"; }

.icon-anonymous-iconfont:before {
  content: "\E601"; }

.icon-copy1:before {
  content: "\E602"; }

.icon-copy2:before {
  content: "\E603"; }

.icon-anonymous-iconfont1:before {
  content: "\E604"; }

.icon-danxuanweixuan:before {
  content: "\E605"; }

.icon-danxuanxuanze:before {
  content: "\E606"; }

.icon-fuxuanbukexuan:before {
  content: "\E607"; }

.icon-fuxuanweixuan:before {
  content: "\E608"; }

.icon-fuxuanxuanze:before {
  content: "\E609"; }

.icon-anquanzhongxin:before {
  content: "\E60A"; }

.icon-chenggongtubiao:before {
  content: "\E60B"; }

.icon-cuowu:before {
  content: "\E60C"; }

.icon-cuowutubiao:before {
  content: "\E60D"; }

.icon-jibenshezhi:before {
  content: "\E60E"; }

.icon-jiaoyiguanli:before {
  content: "\E60F"; }

.icon-mendian:before {
  content: "\E610"; }

.icon-guanbitubiaoanniu:before {
  content: "\E611"; }

.icon-huiyuanqia:before {
  content: "\E612"; }

.icon-jifen:before {
  content: "\E613"; }

.icon-quedingxiaotubiao:before {
  content: "\E614"; }

.icon-rili:before {
  content: "\E615"; }

.icon-shijian:before {
  content: "\E616"; }

.icon-sousuo:before {
  content: "\E617"; }

.icon-quxiaoxiaotubiao:before {
  content: "\E618"; }

.icon-xialajiantou:before {
  content: "\E619"; }

.icon-xianjinhongbao:before {
  content: "\E61A"; }

.icon-xinxitubiao:before {
  content: "\E61B"; }

.icon-yingxiao:before {
  content: "\E61C"; }

.icon-yonghu:before {
  content: "\E61D"; }

.icon-zhengque:before {
  content: "\E61E"; }

.icon-zhuyi:before {
  content: "\E61F"; }

.icon-xialajiantoufuben:before {
  content: "\E620"; }

.icon-chuzhiqia:before {
  content: "\E621"; }

.icon-hongbaoicocopy:before {
  content: "\E65A"; }

.icon-shuzi:before {
  content: "\E65B"; }

.icon-shuzi0:before {
  content: "\E65C"; }

.icon-shuzi01:before {
  content: "\E65D"; }

.icon-shuzi02:before {
  content: "\E65E"; }

.icon-shuzi03:before {
  content: "\E65F"; }

.icon-shuzi04:before {
  content: "\E660"; }

.icon-shuzi05:before {
  content: "\E661"; }

.icon-shuzi06:before {
  content: "\E662"; }

.icon-shuzi08:before {
  content: "\E663"; }

.icon-shuzi09:before {
  content: "\E664"; }

.icon-jiazai:before {
  content: "\E666"; }

.icon-jiahao1:before {
  content: "\E657"; }

.icon-jianhao1:before {
  content: "\E658"; }

.icon-buzoupen:before {
  content: "\E665"; }

.icon-biaogegengduoneirongico:before {
  content: "\E6C0"; }

.icon-quanxiancaozuoico:before {
  content: "\E6C1"; }

.icon-shanchuico:before {
  content: "\E6C2"; }

.icon-shezhiico:before {
  content: "\E6C3"; }

.icon-shouyeico:before {
  content: "\E6C4"; }

body {
  font: 13px/1.7 PingFangSC-Regular, microsoft yahei, Arial, sans-serif;
  color: #444; }

/* base基础样式的覆盖 */
/*----------------element样式覆盖---------------------*/
.el-tabs__item {
  width: 150px !important;
  font-size: 16px !important;
  color: #666 !important; }
  .el-tabs__item.is-active {
    color: #333 !important; }

div.el-dialog__header {
  padding: 0; }

.styleFromBa .el-tabs__item {
  color: #999 !important; }
  .styleFromBa .el-tabs__item.is-active {
    color: #707D9C !important; }

.styleFromBa .btn_primary.login_btn {
  background: #5C82F7;
  border-radius: 24px;
  width: 178px; }

.invite_fill_sign .el-form-item {
  margin-bottom: 30px; }

input::-webkit-contacts-auto-fill-button {
  opacity: 0;
  visibility: hidden;
  display: none！important;
  pointer-events: none;
  position: absolute;
  right: 0; }

a {
  color: #2196f3; }

body {
  font-family: PingFang SC, Helvetica Neue, Helvetica, Hiragino Sans GB, Microsoft YaHei, \\5FAE软雅黑, Arial, sans-serif;
  background: #f8f8f8; }

div, p, input, ul, ol, li, table, section {
  box-sizing: border-box; }

.verify_code {
  width: 100%;
  font-size: 0px; }
  .verify_code .verify_mobile {
    width: calc(100% - 110px);
    font-size: 13px;
    display: inline-block;
    vertical-align: top; }
  .verify_code .get_verify_code {
    display: inline-block;
    width: 110px;
    position: relative; }
    .verify_code .get_verify_code .right_chunk {
      position: absolute;
      height: 36px;
      width: 95px;
      right: 0;
      top: 5px;
      font-size: 14px;
      border-radius: 4px; }
      .verify_code .get_verify_code .right_chunk img {
        width: 95px;
        margin-top: -5px;
        height: 46px; }
      .verify_code .get_verify_code .right_chunk .verify_img_fill {
        height: 100%;
        background: #eee; }

.icon {
  width: 1.1em;
  height: 1.2em;
  vertical-align: -0.25em;
  fill: currentColor;
  overflow: hidden; }

.green {
  color: #14CAB4; }

.input {
  width: 100%;
  text-indent: 20px;
  height: 46px;
  font-size: 1em;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  box-sizing: border-box; }
  .input::placeholder {
    color: #b5bdc3;
    font-size: 1em; }
  .input:focus {
    border-color: #00a2ff;
    outline: none; }

.btn_primary, .btn_plain {
  width: 198px;
  height: 38px;
  border-radius: 3px;
  margin: 0px auto;
  display: inherit;
  font-size: 16px;
  cursor: pointer; }
  .btn_primary:focus, .btn_plain:focus {
    outline: none; }
  .btn_primary:hover, .btn_plain:hover {
    opacity: .8; }
  .btn_primary[disabled], .btn_plain[disabled] {
    opacity: 1;
    cursor: not-allowed; }

.btn_primary {
  border: 1px solid #2196f3;
  background: #2196f3;
  color: #fff; }
  .btn_primary[disabled] {
    background-color: #d0d0d0;
    border-color: #d0d0d0; }
  .btn_primary.def {
    background: #d0d0d0;
    border-color: #d0d0d0; }

.btn_plain {
  background: #fff;
  border: 1px solid #2196f3;
  width: 198px;
  height: 38px;
  color: #2196f3; }
  .btn_plain[disabled] {
    border-color: #d0d0d0;
    color: #d0d0d0; }

.checkbox {
  padding-left: 23px;
  height: 18px;
  float: left;
  line-height: 18px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA/CAYAAAD3wHgxAAAACXBIWXMAABcRAAAXEQHKJvM/AAAEGklEQVRYw+2YvW4aaRSGH0agDMIhsyYIyZKjSUGxltbBm2IrWBAlhe0rWHMFiWsKOwV1yBUYX4FJ4dIyiy8gLIWRgpSgxIqFHHsRAuEIii3mGzJgfoZhxtkir4SQhk88nN/vHFyY0PHJWRzYBOJAZMyROlAE3qaS0YKZ73TNAO4Ae4DqlWVCwWUCyiM8HvfgTK/Xp9Xu0Li6ptXuADSBN6lkdH9u8PHJmQocAPFQMED46RP8S76ZVnRvv1H7+ImLy4buhe1UMlo2BT4+OYsAp15ZVp6thVlWHjGvWu0OlfP3ugfSqWQ0PxWsQ/1LPuWP33/D43aziCrVmm79HbhrxL3v7IKOgW8Y3S4Zzhx4ZdlWKMD6r2E9P46OT86UIbDI3viztbCtUF3P19fwuN0q8HLU4r1QMGApkczIKz9AXV0BeKFbLYnmoIafPsFJCbAC7OgWb3pl2VSdLiKP200oGEB0QCStSSxzHwo9DiDaLhIQCTgU21H5H/oG/UIChnqvo+Dv4VQkfpB+LLjX698LTFwaA3Dd+MBJdbu3AKSS0aIEFBtX1/cCbny9ASjrFr9ttTt0b785Cu31+wgDDwEkMSPVax8/OWvt1Q29fh+gYMzqw4vLBk7FutfvU619AMinktH6ACwGs3rl/L0j4Eq1Rq/fbwK74+p4u9XuUKnWbIXWP3/RY5tOJaPNO2AxlqQvLhu2weufv3CuuTg3Om+7JszSB/4lH8/X1/DKDyzFtFKt6ZbmUsnortm5OgIcedxuVV1dQV1dMTUSaSVzQ7X2QY9petJm4ZqyRShiRnoBKKFggNDjAP6HvqGhodXu0O3e0vh6Q+PqWi+ZPLBrjOlcK4zhB+wYdqdJKovmUNBLxvLuNCUMivFZKhkt8lP/V5mPcSm7JZbyPyck1j9AgVimuTi4lFXFYr41mlBTlAdeEcvUrYFL2X29hi16Myd+QNMcuJRVgKMZNWtWZSBNLFOeDtagpxP+YLGqJpAYhY+Ot3ZD9UXtSBg1BlzKvnYAOlgWRfhGXF3KRoB391C+aWKZ/NBi7gCkLl5G7X13tVarWzZDy8AG8OqOy7VGhOQQNCHi+nrM54PFfNMh6OmE5rOlJVcp++8C3WleqK5fpAkHmmMSwy4oQESa0ug39AXLZujUxfyliEViBtwSFGDazHog3hMTWmkT2LYCHSzmM+DjLG+KZ4oVKLGMtpjPODYK16FYggoD3MDfYm7GpNsVy5ZqKuquLggrMGm5ugAU4I3xdtp36KK4a20skzCWU86k1Ytfi0N1rA1kaYehQ5OnZEjxwphrzC7liWX2Z02ZByayfF5oenbL1A6lbYp5bhx01kCvihKyMl+XgV1imaL13amUjQN/mVxjCsChyBcbF3NtGo2IJmLs2+Vp1o3Tf0bcgni6VQtnAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 0 2px;
  vertical-align: middle;
  cursor: pointer;
  background-size: 15px;
  color: #666; }
  .checkbox input {
    display: none; }
  .checkbox.active {
    background-position: 0 -14px; }

.hybrid .mint-cell-wrapper {
  background-image: linear-gradient(180deg, #fff, #D8D8DB 100%, transparent 100%);
  background-position: bottom center; }

.hybrid .picker {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0; }

.password-page {
  padding: 2rem .2rem 1rem; }
  .password-page .btn-btm-row {
    margin-top: .2rem;
    text-align: right; }
    .password-page .btn-btm-row .btn-btm-link {
      font-size: .28rem;
      color: #2380F5; }
  .password-page .password-rule {
    color: #8A9AB0;
    font-size: .25rem;
    margin-top: .3rem; }
  .password-page input {
    background: none !important; }

.hybrid {
  height: 100%; }
  .hybrid .hybrid-header {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    height: 1.04rem;
    background: #fff;
    color: #6D819C;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 2; }
    .hybrid .hybrid-header .mint-header-title {
      font-size: .38rem;
      color: #141727; }
  .hybrid .user-page {
    padding: 1rem .2rem; }
    .hybrid .user-page .icon-container {
      text-align: center;
      margin-bottom: .5rem; }
      .hybrid .user-page .icon-container > a {
        position: relative;
        display: block; }
        .hybrid .user-page .icon-container > a > .logo {
          width: 2rem;
          height: 1.8rem; }
        .hybrid .user-page .icon-container > a > .beta-icon {
          position: absolute;
          width: .7rem;
          height: .4rem;
          top: .38rem; }
    .hybrid .user-page--button {
      margin-top: .5rem; }
    .hybrid .user-page .btn-btm-row {
      margin-top: .2rem; }
      .hybrid .user-page .btn-btm-row .btn-btm-link {
        font-size: .28rem;
        color: #2380F5; }
    .hybrid .user-page .phone-filed .mint-cell-value {
      flex-direction: row-reverse; }
      .hybrid .user-page .phone-filed .mint-cell-value .mint-field-other {
        width: 1rem; }
    .hybrid .user-page .picker-header {
      padding: 0 .3rem;
      font-size: .28rem;
      color: #26a2ff; }
    .hybrid .user-page .login-list--header {
      display: flex;
      justify-content: center;
      margin-top: -0.43rem; }
      .hybrid .user-page .login-list--header span {
        background: #fff;
        padding: .2rem;
        color: #6D819C;
        font-size: .27rem; }
    .hybrid .user-page .login-list--body {
      flex-direction: row;
      display: flex;
      justify-content: space-around; }
      .hybrid .user-page .login-list--body .third-platform-icon {
        font-size: 1.0rem;
        margin-top: .2rem; }
  .hybrid .default-icon svg {
    font-size: .4rem; }

.mobile .mint-cell-wrapper {
  background-image: linear-gradient(180deg, #d9d9d9, #d9d9d9 100%, transparent 100%);
  background-position: bottom center; }

.mobile .picker {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0; }

.mobile input.mint-field-core {
  height: 40px;
  margin: 10px 0; }

.mobile header.mint-header {
  height: 48px;
  background: #fafafa; }
  .mobile header.mint-header .mint-header-title {
    color: #444;
    font-size: 18px; }
  .mobile header.mint-header .is-left {
    color: #666; }
  .mobile header.mint-header .is-right {
    color: #2196f3;
    font-size: 16px; }

.mobile .user-page {
  padding: 1rem .2rem; }
  .mobile .user-page--button {
    margin-top: 1.5rem; }
  .mobile .user-page .icon-container {
    text-align: center; }
    .mobile .user-page .icon-container > a {
      position: relative;
      display: block; }
      .mobile .user-page .icon-container > a > .logo {
        width: 2rem;
        height: 1.8rem; }
      .mobile .user-page .icon-container > a > .beta-icon {
        position: absolute;
        width: .7rem;
        height: .4rem;
        top: .38rem; }
  .mobile .user-page .phone-filed .mint-cell-value {
    flex-direction: row-reverse; }
    .mobile .user-page .phone-filed .mint-cell-value .mint-field-other {
      width: 1rem; }
  .mobile .user-page .picker-header {
    padding: 0 .3rem;
    font-size: .28rem;
    color: #26a2ff; }
  .mobile .user-page .login-list--header {
    display: flex;
    justify-content: center;
    margin-top: -0.45rem; }
    .mobile .user-page .login-list--header span {
      background: #fff;
      padding: .2rem; }
  .mobile .user-page .login-list--body {
    flex-direction: row;
    display: flex;
    justify-content: space-around; }
  .mobile .user-page .shift-login {
    text-align: right;
    margin-top: .5rem;
    font-size: .3rem; }

.top-logo {
  position: fixed;
  left: 20px;
  top: 20px; }
  .top-logo .dui-logo .logo {
    width: 100px;
    height: 50px; }
  .top-logo .dui-logo .beta-icon {
    width: 25px;
    height: 24px;
    top: 15px;
    position: fixed;
    left: 123px; }
  .top-logo .dui-logo > img {
    height: 56px; }
  .top-logo .ba-logo .ba_logo {
    width: 220px;
    height: 60px;
    margin-left: 29px; }

/*!
* by zhangxinxu(.com) 2010-?
* https://github.com/zhangxinxu/zxx.lib.css
* under MIT license
*/
/*
* 2010-07-12 v1.0
* 2010-07-21 v1.1 添加block元素居中之auto属性，增加鼠标手形样式
* 2010-09-17 v1.2 添加z-index层级属性
* 2010-09-29 v1.3 添加break-word属性
* 2010-11-12 v1.4 添加white-space:nowrap;值，去掉Georgia字体
* 2011-01-17 v1.5 去除red颜色，添加cell双栏自适应属性，z样式影响扩至IE7，样式位置以及顺序调整，dib样式忽略Firefox 2，去除Lucida Console字体，添加Verdana字体，添加letter-spacing样式
* 2011-07-28 v1.6 增加vertical-align:bottom属性，增加点点点效果多样
* 2012-01-18 v1.7 点点点效果样式去除-moz-前缀，多余；增加修复cell下连续单词字符换行问题；去除.ovs{overflow:scroll;}
                  去除.vimg{margin-bottom:-3px;}
* 2013-05-24 v2.0 为开源到github上做大改
                  1. 增加margin负值范围
                  2. margin/padding增加15px/30px组
                  3. 中文字体改成英文字符表示，例如“微软雅黑” → "microsoft yahei"
                  4. 新增border系列, background-color系列, width(fixed value/percent value)系列以及.ell以下所有样式
* 2013-07-31 v2.1 inline_any等12px字体大小限制去除，inline_box的-3px间距缩进改成-.25em, 以便适应各种字体大小环境
* 2013-09-13 v2.2 12px字体大小限制修改为1px笔误了，应该为1em, 删除-ms-transition
* 2013-10-11 v2.3 float_seven一直没删除，清掉。增加两个绝对定位隐藏：abs_out和abs_clip
* 2013-11-23 v2.4 add p0, ova, f18. 去除trans中-moz-和-o-私有前缀
* 2014-02-26 v2.5 fix two name mistake
* 2014-02-27 v2.6 add fl
* 2015-02-08 v2.7 具体改动有：
                  1. 添加h0
                  
                  2. 修改 .vn -2px → -4px
                  3. zoom增加webkit重绘修复
                  4. 去除.trans非webkit私有前缀
                  5. loading背景图使用about:blank代替
* 2015-02-09 v2.8 具体改动有：
                  1. 添加.lh0
                  2. 移除.f10, .f13, 添加f28，因为现代web站点字号越来越大
                  3. .n添加white-space: normal声明
                  4. 移除.vn使用具体负值代替，因为图标+不同字号，vertical-align的负值也不同，新增.v-1 ~ .v-5 按钮与文字的垂直对齐也可使用，兼容IE6+
                  5. 移除.z中-webkit-transform: translateZ(0)此声明虽然能修复一些重绘问题，但同时也会带来垂直位置，position:fixed限制，影响overflow对absolute元素限制等一系列问题，移除之~
                  6. 移除cell_bk, 若遭遇不换行问题，使用.cell_ovh代替~
                  7. .trans中时间0.3s → .3s
                  8. .disabled禁用大改造，使适用性更广泛
                  9. 增加.opa0 透明度0
                  10. float percent more accurate for IE8+
* 2016-03-25 v2.9 本次改动有：
                  1. fix w300宽度值为280px的错误
                  2. dib增加div,p等标签的IE7特别处理，之前建议使用inline_any
                  3. add h30, lh30，因为随着大屏普及，页面元素尺寸更大了
                  4. transition时间从.3s → .15s
                  5. pointer-events增加-ms-私有前缀for IE10+
*/
/* ---------------------single CSS----------------------- */
/* display */
.dn {
  display: none; }

.di {
  display: inline; }

.db {
  display: block; }

.dib {
  display: inline-block; }

div.dib {
  *display: inline;
  *zoom: 1; }

/* other block level tag(eg. p, li, h1~h6), using 'inline_any' instead */
/* height */
.h0 {
  height: 0; }

.h16 {
  height: 14px; }

.h16 {
  height: 16px; }

.h18 {
  height: 18px; }

.h20 {
  height: 20px; }

.h22 {
  height: 22px; }

.h24 {
  height: 24px; }

.h30 {
  height: 30px; }

.h34 {
  height: 34px; }

.h36 {
  height: 36px; }

.h44 {
  height: 44px; }

.h47 {
  height: 47px; }

.h64 {
  height: 64px; }

/* width */
/* fixed width value */
.w20 {
  width: 20px; }

.w40 {
  width: 40px; }

.w50 {
  width: 50px; }

.w60 {
  width: 60px; }

.w70 {
  width: 70px; }

.w80 {
  width: 80px; }

.w100 {
  width: 100px; }

.w120 {
  width: 120px; }

.w140 {
  width: 140px; }

.w160 {
  width: 160px; }

.w180 {
  width: 180px; }

.w200 {
  width: 200px; }

.w220 {
  width: 220px; }

.w230 {
  width: 230px; }

.w250 {
  width: 250px; }

.w280 {
  width: 280px; }

.w300 {
  width: 300px; }

.w320 {
  width: 320px; }

.w360 {
  width: 360px; }

.w380 {
  width: 380px; }

.w400 {
  width: 400px; }

.w460 {
  width: 460px; }

.w500 {
  width: 500px; }

.w600 {
  width: 600px; }

.w640 {
  width: 640px; }

.w700 {
  width: 700px; }

/* percent width value */
.pct10 {
  width: 10%; }

.pct15 {
  width: 15%; }

.pct20 {
  width: 20%; }

.pct25 {
  width: 25%; }

.pct30 {
  width: 30%; }

.pct33 {
  width: 33.3%; }

.pct40 {
  width: 40%; }

.pct50 {
  width: 50%; }

.pct60 {
  width: 60%; }

.pct66 {
  width: 66.6%; }

.pct70 {
  width: 70%; }

.pct75 {
  width: 75%; }

.pct80 {
  width: 80%; }

.pct90 {
  width: 90%; }

.pct100 {
  width: 100%; }

/* line-height */
.lh0 {
  line-height: 0; }

.line1 {
  line-height: 1; }

.line2 {
  line-height: 2; }

.lh16 {
  line-height: 14px; }

.lh16 {
  line-height: 16px; }

.lh18 {
  line-height: 18px; }

.lh20 {
  line-height: 20px; }

.lh22 {
  line-height: 22px; }

.lh24 {
  line-height: 24px; }

.lh26 {
  line-height: 26px; }

.lh28 {
  line-height: 28px; }

.lh30 {
  line-height: 30px; }

.lh50 {
  line-height: 50px; }

.lh60 {
  line-height: 60px; }

.lh100 {
  line-height: 100px; }

.lh90 {
  line-height: 90px; }

/* margin */
.m0 {
  margin: 0; }

.ml1 {
  margin-left: 1px; }

.ml2 {
  margin-left: 2px; }

.ml5 {
  margin-left: 5px; }

.ml10 {
  margin-left: 10px; }

.ml15 {
  margin-left: 15px; }

.ml20 {
  margin-left: 20px; }

.ml30 {
  margin-left: 30px; }

.mr1 {
  margin-right: 1px; }

.mr2 {
  margin-right: 2px; }

.mr5 {
  margin-right: 5px; }

.mr8 {
  margin-right: 8px; }

.mr10 {
  margin-right: 10px; }

.mr15 {
  margin-right: 15px; }

.mr18 {
  margin-right: 18px; }

.mr20 {
  margin-right: 20px; }

.mr30 {
  margin-right: 30px; }

.mt1 {
  margin-top: 1px; }

.mt2 {
  margin-top: 2px; }

.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mt50 {
  margin-top: 50px; }

.mb1 {
  margin-bottom: 1px; }

.mb2 {
  margin-bottom: 2px; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

/* margin negative */
.ml-1 {
  margin-left: -1px; }

.mr-1 {
  margin-right: -1px; }

.mt-1 {
  margin-top: -1px; }

.mb-1 {
  margin-bottom: -1px; }

.ml-3 {
  margin-left: -3px; }

.mr-3 {
  margin-right: -3px; }

.mt-3 {
  margin-top: -3px; }

.mb-3 {
  margin-bottom: -3px; }

.ml-20 {
  margin-left: -20px; }

.mr-20 {
  margin-right: -20px; }

.mt-20 {
  margin-top: -20px; }

.mb-20 {
  margin-bottom: -20px; }

/* padding */
.p0 {
  padding: 0; }

.p1 {
  padding: 1px; }

.pl1 {
  padding-left: 1px; }

.pt1 {
  padding-top: 1px; }

.pr1 {
  padding-right: 1px; }

.pb1 {
  padding-bottom: 1px; }

.p2 {
  padding: 2px; }

.pl2 {
  padding-left: 2px; }

.pt2 {
  padding-top: 2px; }

.pr2 {
  padding-right: 2px; }

.pb2 {
  padding-bottom: 2px; }

.pl5 {
  padding-left: 5px; }

.p5 {
  padding: 5px; }

.pt5 {
  padding-top: 5px; }

.pr5 {
  padding-right: 5px; }

.pb5 {
  padding-bottom: 5px; }

.pb8 {
  padding-bottom: 8px; }

.pb12 {
  padding-bottom: 12px; }

.pl8 {
  padding-left: 8px; }

.pr8 {
  padding-right: 8px; }

.p10 {
  padding: 10px; }

.pl10 {
  padding-left: 10px; }

.pt10 {
  padding-top: 10px; }

.mt12 {
  margin-top: 12px; }

.mb12 {
  margin-bottom: 12px; }

.pr10 {
  padding-right: 10px; }

.pb10 {
  padding-bottom: 10px; }

.p15 {
  padding: 15px; }

.pl15 {
  padding-left: 15px; }

.pt15 {
  padding-top: 15px; }

.pr15 {
  padding-right: 15px; }

.pr25 {
  padding-right: 25px; }

.pb15 {
  padding-bottom: 15px; }

.p20 {
  padding: 20px; }

.pl20 {
  padding-left: 20px; }

.pl25 {
  padding-left: 25px; }

.pl27 {
  padding-left: 27.5px; }

.pr27 {
  padding-right: 27.5px; }

.pt20 {
  padding-top: 20px; }

.pt25 {
  padding-top: 25px; }

.pr20 {
  padding-right: 20px; }

.pb20 {
  padding-bottom: 20px; }

.p30 {
  padding: 30px; }

.pl30 {
  padding-left: 30px; }

.pt30 {
  padding-top: 30px; }

.pt40 {
  padding-top: 40px; }

.pt50 {
  padding-top: 50px; }

.pt60 {
  padding-top: 60px; }

.pt75 {
  padding-top: 75px; }

.pr30 {
  padding-right: 30px; }

.pb25 {
  padding-bottom: 25px; }

.pb30 {
  padding-bottom: 30px; }

.pb45 {
  padding-bottom: 45px; }

/* border-color name rule: border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/
.bdc {
  border: 1px solid #ccc; }

.blc {
  border-left: 1px solid #ccc; }

.brc {
  border-right: 1px solid #ccc; }

.btc {
  border-top: 1px solid #ccc; }

.bbc {
  border-bottom: 1px solid #ccc; }

.bdd {
  border: 1px solid #ddd; }

.bld {
  border-left: 1px solid #ddd; }

.brd {
  border-right: 1px solid #ddd; }

.btd {
  border-top: 1px solid #ddd; }

.bbd {
  border-bottom: 1px solid #ddd; }

.bde {
  border: 1px solid #e1e1e1; }

.ble {
  border-left: 1px solid #eee; }

.bre {
  border-right: 1px solid #eee; }

.bte {
  border-top: 1px solid #e1e1e1; }

.bbe {
  border-bottom: 1px solid #e1e1e1; }

/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwh {
  background-color: #fff; }

.bgfb {
  background-color: #fbfbfb; }

.bgf5 {
  background-color: #f5f5f5; }

.bgf0 {
  background-color: #f0f0f0; }

.bgeb {
  background-color: #ebebeb; }

.bge0 {
  background-color: #e0e0e0; }

/* safe color */
.g0 {
  color: #000; }

.g2 {
  color: #2e2e2e; }

.g3 {
  color: #333; }

.g6 {
  color: #666; }

.g9 {
  color: #999; }

.gc {
  color: #ccc; }

.blue {
  color: #2196f3; }

.wh {
  color: white; }

/* font-size */
.f0 {
  font-size: 0; }

.f12 {
  font-size: 12px; }

.f13 {
  font-size: 13px; }

.f14 {
  font-size: 14px; }

.f15 {
  font-size: 15px; }

.f16 {
  font-size: 16px; }

.f17 {
  font-size: 17px; }

.f18 {
  font-size: 18px; }

.f19 {
  font-size: 19px; }

.f20 {
  font-size: 20px; }

.f22 {
  font-size: 22px; }

.f24 {
  font-size: 24px; }

.f26 {
  font-size: 26px; }

.f28 {
  font-size: 28px; }

.f30 {
  font-size: 30px; }

.f32 {
  font-size: 32px; }

.f34 {
  font-size: 34px; }

/* font-family */
.fa {
  font-family: Arial; }

.ft {
  font-family: Tahoma; }

.fv {
  font-family: Verdana; }

.fs {
  font-family: Simsun; }

.fl {
  font-family: 'Lucida Console'; }

.fw {
  font-family: 'Microsoft Yahei'; }

/* font-style */
.n {
  font-weight: normal;
  font-style: normal;
  white-space: normal; }

.b {
  font-weight: bold; }

.i {
  font-style: italic; }

/* text-align */
.tc {
  text-align: center; }

.tr {
  text-align: right; }

.tl {
  text-align: left; }

.tj {
  text-align: justify; }

/* text-decoration */
.tdl {
  text-decoration: underline; }

.tdn, .tdn:hover, .tdn a:hover, a.tdl:hover {
  text-decoration: none; }

/* letter-spacing */
.lt-1 {
  letter-spacing: -1px; }

.lt0 {
  letter-spacing: 0; }

.lt1 {
  letter-spacing: 1px; }

/* white-space */
.nowrap {
  white-space: nowrap; }

/* word-wrap */
.bk {
  word-wrap: break-word; }

/* vertical-align */
.vm {
  vertical-align: middle; }

.vtb {
  vertical-align: text-bottom; }

.vb {
  vertical-align: bottom; }

.vt {
  vertical-align: top; }

.v-1 {
  vertical-align: -1px; }

.v-2 {
  vertical-align: -2px; }

.v-3 {
  vertical-align: -3px; }

.v-4 {
  vertical-align: -4px; }

.v-5 {
  vertical-align: -5px; }

/* float */
.l {
  float: left; }

.r {
  float: right; }

/* clear */
.cl {
  clear: both; }

/* position */
.rel {
  position: relative; }

.abs {
  position: absolute; }

/*z-index*/
.zx1 {
  z-index: 1; }

.zx2 {
  z-index: 2; }

/* cursor */
.poi {
  cursor: pointer; }

.def {
  cursor: default; }

/* overflow */
.ovh {
  overflow: hidden; }

.ova {
  overflow: auto; }

/* visibility */
.vh {
  visibility: hidden; }

.vv {
  visibility: visible; }

/* opacity */
.opa0 {
  opacity: 0;
  filer: alpha(opacity=0); }

/* zoom */
.z {
  *zoom: 1; }

/* ------------------- multiply CSS ------------------ */
/* 块状元素水平居中 */
.auto {
  margin-left: auto;
  margin-right: auto; }

/* 清除浮动*/
.fix {
  *zoom: 1; }

.fix:after {
  display: table;
  content: '';
  clear: both; }

/* 基于display:table-cell的自适应布局 */
.cell {
  display: table-cell;
  *display: inline-block;
  width: 2000px;
  *width: auto; }

/* 双栏自适应cell部分连续英文字符换行 */
.cell2 {
  overflow: hidden;
  _display: inline-block; }

/* 单行文字溢出虚点显 示*/
.ell {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

/* css3过渡动画效果 */
.trans {
  -webkit-transition: all .15s;
  transition: all .15s; }

/* 大小不定元素垂直居中 */
.dib_vm {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle; }

/* 无框文本框文本域 */
.bd_none {
  border: 0;
  outline: none; }

/* 绝对定位隐藏 */
.abs_out {
  position: absolute;
  left: -999em;
  top: -999em; }

.abs_clip {
  position: absolute;
  clip: rect(0 0 0 0); }

/* 按钮禁用 */
.disabled {
  outline: 0 none;
  cursor: default !important;
  opacity: .4;
  filer: alpha(opacity=40);
  -ms-pointer-events: none;
  pointer-events: none; }

/*inline-block与float等宽列表*/
.inline_box {
  font-size: 1em;
  letter-spacing: -.25em;
  font-family: Arial; }

.inline_two, .inline_three, .inline_four, .inline_five, .inline_six, .inline_any {
  display: inline-block;
  *display: inline;
  letter-spacing: 0;
  vertical-align: top;
  *zoom: 1; }

.float_two, .float_three, .float_four, .float_five, .float_six {
  float: left; }

.inline_two, .float_two {
  width: 50%;
  *width: 49.9%; }

.inline_three, .float_three {
  width: 33.33333%;
  *width: 33.3%; }

.inline_four, .float_four {
  width: 25%;
  *width: 24.9%; }

.inline_five, .float_five {
  width: 20%;
  *width: 19.9%; }

.inline_six, .float_six {
  width: 16.66666%;
  *width: 16.6%; }

.inline_fix {
  display: inline-block;
  width: 100%;
  height: 0;
  overflow: hidden; }