@charset "UTF-8";
/**  cmui version:1.6.2 */
/*响应工具*/
.visible-xs, .visible-xs-up, .visible-xs-down, .visible-sm, .visible-sm-up, .visible-sm-down, .visible-md, .visible-md-up, .visible-md-down, .visible-lg, .visible-lg-up, .visible-lg-down { display: none; }

/* 单区间 */
@media (max-width: 767px) { .visible-xs { display: block; } }

@media (min-width: 768px) and (max-width: 959px) { .visible-sm { display: block; } }

@media (min-width: 960px) and (max-width: 1199px) { .visible-md { display: block; } }

@media (min-width: 1200px) { .visible-lg { display: block; } }

/* 多区间 UP */
@media (min-width: 767px) { .visible-xs-up { display: block; } }

@media (min-width: 959px) { .visible-sm-up { display: block; } }

@media (min-width: 1199px) { .visible-md-up { display: block; } }

@media (min-width: 1200px) { .visible-lg-up { display: block; } }

/* 多区间 DOWN */
@media (max-width: 1px) { .visible-xs-down { display: block; } }

@media (max-width: 768px) { .visible-sm-down { display: block; } }

@media (max-width: 960px) { .visible-md-down { display: block; } }

@media (max-width: 1200px) { .visible-lg-down { display: block; } }

/* 单区间 */
@media (max-width: 767px) { .hidden-xs { display: none; } }

@media (min-width: 768px) and (max-width: 959px) { .hidden-sm { display: none; } }

@media (min-width: 960px) and (max-width: 1199px) { .hidden-md { display: none; } }

@media (min-width: 1200px) { .hidden-lg { display: none; } }

/* 多区间 UP */
@media (min-width: 767px) { .hidden-xs-up { display: none; } }

@media (min-width: 959px) { .hidden-sm-up { display: none; } }

@media (min-width: 1199px) { .hidden-md-up { display: none; } }

@media (min-width: 1200px) { .hidden-lg-up { display: none; } }

/* 多区间 DOWN */
@media (max-width: 1px) { .hidden-xs-down { display: none; } }

@media (max-width: 768px) { .hidden-sm-down { display: none; } }

@media (max-width: 960px) { .hidden-md-down { display: none; } }

@media (max-width: 1200px) { .hidden-lg-down { display: none; } }

/* 打印类型 */
.visible-print { display: none; }

@media print { .visible-print { display: block; }
  .hidden-print { display: none; } }

/* 显示-隐藏 */
.show { display: block !important; }

.hidden { display: none !important; }

.invisible { visibility: hidden; }

/* 浮动 */
.float-left { float: left !important; }

.float-right { float: right !important; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.block-center { display: block; margin-left: auto; margin-right: auto; }

/* 文本工具类 */
.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-indent { text-indent: 2em; }

/* 情景色文本 */
.text-primary { color: #267; }

.text-success { color: #7B0; }

.text-info { color: #39D; }

.text-warning { color: #F80; }

.text-danger { color: #D33; }

/* 情景色背景 */
.bg-primary { background-color: #278; color: #FFF; padding: 1em; }

.bg-success { background-color: #dff0d8; color: #006400; padding: 1em; }

.bg-info { background-color: #d9edf7; color: #4682B4; padding: 1em; }

.bg-warning { background-color: #fcf8e3; color: #A0522D; padding: 1em; }

.bg-danger { background-color: #f2dede; color: #B22222; padding: 1em; }

/* 内外边距 */
.m-t { margin-top: 15px !important; }

.m-t-xs { margin-top: 10px !important; }

.m-t-sm { margin-top: 20px !important; }

.m-t-md { margin-top: 30px !important; }

.m-t-lg { margin-top: 45px !important; }

.m-r { margin-right: 15px !important; }

.m-r-xs { margin-right: 10px !important; }

.m-r-sm { margin-right: 20px !important; }

.m-r-md { margin-right: 30px !important; }

.m-r-lg { margin-right: 45px !important; }

.m-b { margin-bottom: 15px !important; }

.m-b-xs { margin-bottom: 10px !important; }

.m-b-sm { margin-bottom: 20px !important; }

.m-b-md { margin-bottom: 30px !important; }

.m-b-lg { margin-bottom: 45px !important; }

.m-l { margin-left: 15px !important; }

.m-l-xs { margin-left: 10px !important; }

.m-l-sm { margin-left: 20px !important; }

.m-l-md { margin-left: 30px !important; }

.m-l-lg { margin-left: 45px !important; }

.m-n { margin: 0 !important; }

.p-t { padding-top: 15px !important; }

.p-t-xs { padding-top: 10px !important; }

.p-t-sm { padding-top: 20px !important; }

.p-t-md { padding-top: 30px !important; }

.p-t-lg { padding-top: 45px !important; }

.p-r { padding-right: 15px !important; }

.p-r-xs { padding-right: 10px !important; }

.p-r-sm { padding-right: 20px !important; }

.p-r-md { padding-right: 30px !important; }

.p-r-lg { padding-right: 45px !important; }

.p-b { padding-bottom: 15px !important; }

.p-b-xs { padding-bottom: 10px !important; }

.p-b-sm { padding-bottom: 20px !important; }

.p-b-md { padding-bottom: 30px !important; }

.p-b-lg { padding-bottom: 45px !important; }

.p-l { padding-left: 15px !important; }

.p-l-xs { padding-left: 10px !important; }

.p-l-sm { padding-left: 20px !important; }

.p-l-md { padding-left: 30px !important; }

.p-l-lg { padding-left: 45px !important; }

.p-n { padding: 0 !important; }

/*徽标*/
.badge { border-radius: 3px; padding: 2px 6px; font-size: 80%; color: #FFF; background-color: #EEE; color: #267; }

.badge-primary { background-color: #267; border-radius: 3px; padding: 2px 6px; font-size: 80%; color: #FFF; }

.badge-success { background-color: #7B0; border-radius: 3px; padding: 2px 6px; font-size: 80%; color: #FFF; }

.badge-info { background-color: #39D; border-radius: 3px; padding: 2px 6px; font-size: 80%; color: #FFF; }

.badge-warning { background-color: #F80; border-radius: 3px; padding: 2px 6px; font-size: 80%; color: #FFF; }

.badge-danger { background-color: #D33; border-radius: 3px; padding: 2px 6px; font-size: 80%; color: #FFF; }

.badge-notification { border-radius: 1em !important; }

/* 重置元素样式 */
html { font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #333; }

html, body { margin: 0; }

img, a { border: none; }

a { text-decoration: none; color: #37B; }

::selection { background: #FFA; color: #333; text-shadow: none; }

code { color: #A00; background: #FEE; padding: 2px 5px; line-height: 1em; margin: 0 3px; display: inline-block; font-family: Consolas, Monaco, 'Andale Mono', monospace; }

h1, h2, h3, h4, h5, h6 { line-height: 1.6em; margin: 0.5em 0; font-weight: normal; }

h1 { font-size: 38px; }

h2 { font-size: 26px; }

h3 { font-size: 20px; }

h4 { font-size: 18px; }

h5 { font-size: 16px; }

h6 { font-size: 14px; }

hr { border-top-width: 0; border-left-width: 0; border-right-width: 0; border-bottom-width: 1px; border-color: #ddd; }

/* 段落 */
p { line-height: 1.8em; margin: 1em 0 1.5em 0; }

sub, sup { font-size: 12px; }

small { font-size: 70%; color: #777777; }

/* 列表 */
ul, ol { margin: 1em 0; padding-left: 1.5em; }

ul li, ol li { line-height: 1.8em; }

.list-unstyled { list-style: none; padding: 0; }

/* 描述列表 */
dl, dl.dl-horizontal { margin: 1em 0; line-height: 1.8em; }

dl dt, dl.dl-horizontal dt { font-weight: bold; }

dl dd, dl.dl-horizontal dd { margin: 0; }

dl.dl-horizontal dt { width: 160px; float: left; }

dl.dl-horizontal dd { padding-left: 190px; }

/* 图片 */
img { max-width: 100%; height: auto; border: none; box-sizing: border-box; }

img.img-rounded { border-radius: 1em; }

img.img-circle { border-radius: 50%; }

img.img-thumbnail { border: 1px solid #ddd; padding: 5px; background: #FFF; }

img.img-preserve { max-width: auto; }

/* 布局 通过 10|12 等分，实现 1、2、3、4、5、6 的公倍数栅格 间隔 30px */
.container-1000 { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }

@media (min-width: 1200px) { .container-1000 { width: 950px; } }

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }

@media (min-width: 768px) { .container { width: 738px; } }

@media (min-width: 960px) { .container { width: 930px; } }

@media (min-width: 1200px) { .container { width: 1170px; } }

.container:before, .container:after { content: " "; display: table; }

.container:after { clear: both; }

.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }

.container-fluid:before, .container-fluid:after { content: " "; display: table; }

.container-fluid:after { clear: both; }

.row { margin-left: -15px; margin-right: -15px; }

.row:before, .row:after { content: " "; display: table; }

.row:after { clear: both; }

@media (max-width: 767px) { .row { margin-left: -5px; margin-right: -5px; } }

.col-xs-1-12 { width: 8.33333%; }

.col-xs-2-12 { width: 16.66667%; }

.col-xs-3-12 { width: 25%; }

.col-xs-4-12 { width: 33.33333%; }

.col-xs-5-12 { width: 41.66667%; }

.col-xs-6-12 { width: 50%; }

.col-xs-7-12 { width: 58.33333%; }

.col-xs-8-12 { width: 66.66667%; }

.col-xs-9-12 { width: 75%; }

.col-xs-10-12 { width: 83.33333%; }

.col-xs-11-12 { width: 91.66667%; }

.col-xs-12-12 { width: 100%; }

.col-xs-1-12, .col-xs-2-12, .col-xs-3-12, .col-xs-4-12, .col-xs-5-12, .col-xs-6-12, .col-xs-7-12, .col-xs-8-12, .col-xs-9-12, .col-xs-10-12, .col-xs-11-12, .col-xs-12-12 { float: left; }

@media (min-width: 768px) { .col-sm-1-12 { width: 8.33333%; }
  .col-sm-2-12 { width: 16.66667%; }
  .col-sm-3-12 { width: 25%; }
  .col-sm-4-12 { width: 33.33333%; }
  .col-sm-5-12 { width: 41.66667%; }
  .col-sm-6-12 { width: 50%; }
  .col-sm-7-12 { width: 58.33333%; }
  .col-sm-8-12 { width: 66.66667%; }
  .col-sm-9-12 { width: 75%; }
  .col-sm-10-12 { width: 83.33333%; }
  .col-sm-11-12 { width: 91.66667%; }
  .col-sm-12-12 { width: 100%; }
  .col-sm-1-12, .col-sm-2-12, .col-sm-3-12, .col-sm-4-12, .col-sm-5-12, .col-sm-6-12, .col-sm-7-12, .col-sm-8-12, .col-sm-9-12, .col-sm-10-12, .col-sm-11-12, .col-sm-12-12 { float: left; } }

@media (min-width: 960px) { .col-md-1-12 { width: 8.33333%; }
  .col-md-2-12 { width: 16.66667%; }
  .col-md-3-12 { width: 25%; }
  .col-md-4-12 { width: 33.33333%; }
  .col-md-5-12 { width: 41.66667%; }
  .col-md-6-12 { width: 50%; }
  .col-md-7-12 { width: 58.33333%; }
  .col-md-8-12 { width: 66.66667%; }
  .col-md-9-12 { width: 75%; }
  .col-md-10-12 { width: 83.33333%; }
  .col-md-11-12 { width: 91.66667%; }
  .col-md-12-12 { width: 100%; }
  .col-md-1-12, .col-md-2-12, .col-md-3-12, .col-md-4-12, .col-md-5-12, .col-md-6-12, .col-md-7-12, .col-md-8-12, .col-md-9-12, .col-md-10-12, .col-md-11-12, .col-md-12-12 { float: left; } }

@media (min-width: 1200px) { .col-lg-1-12 { width: 8.33333%; }
  .col-lg-2-12 { width: 16.66667%; }
  .col-lg-3-12 { width: 25%; }
  .col-lg-4-12 { width: 33.33333%; }
  .col-lg-5-12 { width: 41.66667%; }
  .col-lg-6-12 { width: 50%; }
  .col-lg-7-12 { width: 58.33333%; }
  .col-lg-8-12 { width: 66.66667%; }
  .col-lg-9-12 { width: 75%; }
  .col-lg-10-12 { width: 83.33333%; }
  .col-lg-11-12 { width: 91.66667%; }
  .col-lg-12-12 { width: 100%; }
  .col-lg-1-12, .col-lg-2-12, .col-lg-3-12, .col-lg-4-12, .col-lg-5-12, .col-lg-6-12, .col-lg-7-12, .col-lg-8-12, .col-lg-9-12, .col-lg-10-12, .col-lg-11-12, .col-lg-12-12 { float: left; } }

.col-xs-1-10 { width: 10%; }

.col-xs-2-10 { width: 20%; }

.col-xs-3-10 { width: 30%; }

.col-xs-4-10 { width: 40%; }

.col-xs-5-10 { width: 50%; }

.col-xs-6-10 { width: 60%; }

.col-xs-7-10 { width: 70%; }

.col-xs-8-10 { width: 80%; }

.col-xs-9-10 { width: 90%; }

.col-xs-10-10 { width: 100%; }

.col-xs-1-10, .col-xs-2-10, .col-xs-3-10, .col-xs-4-10, .col-xs-5-10, .col-xs-6-10, .col-xs-7-10, .col-xs-8-10, .col-xs-9-10, .col-xs-10-10 { float: left; }

@media (min-width: 768px) { .col-sm-1-10 { width: 10%; }
  .col-sm-2-10 { width: 20%; }
  .col-sm-3-10 { width: 30%; }
  .col-sm-4-10 { width: 40%; }
  .col-sm-5-10 { width: 50%; }
  .col-sm-6-10 { width: 60%; }
  .col-sm-7-10 { width: 70%; }
  .col-sm-8-10 { width: 80%; }
  .col-sm-9-10 { width: 90%; }
  .col-sm-10-10 { width: 100%; }
  .col-sm-1-10, .col-sm-2-10, .col-sm-3-10, .col-sm-4-10, .col-sm-5-10, .col-sm-6-10, .col-sm-7-10, .col-sm-8-10, .col-sm-9-10, .col-sm-10-10 { float: left; } }

@media (min-width: 960px) { .col-md-1-10 { width: 10%; }
  .col-md-2-10 { width: 20%; }
  .col-md-3-10 { width: 30%; }
  .col-md-4-10 { width: 40%; }
  .col-md-5-10 { width: 50%; }
  .col-md-6-10 { width: 60%; }
  .col-md-7-10 { width: 70%; }
  .col-md-8-10 { width: 80%; }
  .col-md-9-10 { width: 90%; }
  .col-md-10-10 { width: 100%; }
  .col-md-1-10, .col-md-2-10, .col-md-3-10, .col-md-4-10, .col-md-5-10, .col-md-6-10, .col-md-7-10, .col-md-8-10, .col-md-9-10, .col-md-10-10 { float: left; } }

@media (min-width: 1200px) { .col-lg-1-10 { width: 10%; }
  .col-lg-2-10 { width: 20%; }
  .col-lg-3-10 { width: 30%; }
  .col-lg-4-10 { width: 40%; }
  .col-lg-5-10 { width: 50%; }
  .col-lg-6-10 { width: 60%; }
  .col-lg-7-10 { width: 70%; }
  .col-lg-8-10 { width: 80%; }
  .col-lg-9-10 { width: 90%; }
  .col-lg-10-10 { width: 100%; }
  .col-lg-1-10, .col-lg-2-10, .col-lg-3-10, .col-lg-4-10, .col-lg-5-10, .col-lg-6-10, .col-lg-7-10, .col-lg-8-10, .col-lg-9-10, .col-lg-10-10 { float: left; } }

.col-xs-1-10, .col-sm-1-10, .col-md-1-10, .col-lg-1-10, .col-xs-2-10, .col-sm-2-10, .col-md-2-10, .col-lg-2-10, .col-xs-3-10, .col-sm-3-10, .col-md-3-10, .col-lg-3-10, .col-xs-4-10, .col-sm-4-10, .col-md-4-10, .col-lg-4-10, .col-xs-5-10, .col-sm-5-10, .col-md-5-10, .col-lg-5-10, .col-xs-6-10, .col-sm-6-10, .col-md-6-10, .col-lg-6-10, .col-xs-7-10, .col-sm-7-10, .col-md-7-10, .col-lg-7-10, .col-xs-8-10, .col-sm-8-10, .col-md-8-10, .col-lg-8-10, .col-xs-9-10, .col-sm-9-10, .col-md-9-10, .col-lg-9-10, .col-xs-10-10, .col-sm-10-10, .col-md-10-10, .col-lg-10-10, .col-xs-1-12, .col-sm-1-12, .col-md-1-12, .col-lg-1-12, .col-xs-2-12, .col-sm-2-12, .col-md-2-12, .col-lg-2-12, .col-xs-3-12, .col-sm-3-12, .col-md-3-12, .col-lg-3-12, .col-xs-4-12, .col-sm-4-12, .col-md-4-12, .col-lg-4-12, .col-xs-5-12, .col-sm-5-12, .col-md-5-12, .col-lg-5-12, .col-xs-6-12, .col-sm-6-12, .col-md-6-12, .col-lg-6-12, .col-xs-7-12, .col-sm-7-12, .col-md-7-12, .col-lg-7-12, .col-xs-8-12, .col-sm-8-12, .col-md-8-12, .col-lg-8-12, .col-xs-9-12, .col-sm-9-12, .col-md-9-12, .col-lg-9-12, .col-xs-10-12, .col-sm-10-12, .col-md-10-12, .col-lg-10-12, .col-xs-11-12, .col-sm-11-12, .col-md-11-12, .col-lg-11-12, .col-xs-12-12, .col-sm-12-12, .col-md-12-12, .col-lg-12-12 { position: relative; box-sizing: border-box; min-height: 1px; padding-right: 15px; padding-left: 15px; -ms-flex: none; flex: none; }

@media (max-width: 767px) { .col-xs-1-10, .col-sm-1-10, .col-md-1-10, .col-lg-1-10, .col-xs-2-10, .col-sm-2-10, .col-md-2-10, .col-lg-2-10, .col-xs-3-10, .col-sm-3-10, .col-md-3-10, .col-lg-3-10, .col-xs-4-10, .col-sm-4-10, .col-md-4-10, .col-lg-4-10, .col-xs-5-10, .col-sm-5-10, .col-md-5-10, .col-lg-5-10, .col-xs-6-10, .col-sm-6-10, .col-md-6-10, .col-lg-6-10, .col-xs-7-10, .col-sm-7-10, .col-md-7-10, .col-lg-7-10, .col-xs-8-10, .col-sm-8-10, .col-md-8-10, .col-lg-8-10, .col-xs-9-10, .col-sm-9-10, .col-md-9-10, .col-lg-9-10, .col-xs-10-10, .col-sm-10-10, .col-md-10-10, .col-lg-10-10, .col-xs-1-12, .col-sm-1-12, .col-md-1-12, .col-lg-1-12, .col-xs-2-12, .col-sm-2-12, .col-md-2-12, .col-lg-2-12, .col-xs-3-12, .col-sm-3-12, .col-md-3-12, .col-lg-3-12, .col-xs-4-12, .col-sm-4-12, .col-md-4-12, .col-lg-4-12, .col-xs-5-12, .col-sm-5-12, .col-md-5-12, .col-lg-5-12, .col-xs-6-12, .col-sm-6-12, .col-md-6-12, .col-lg-6-12, .col-xs-7-12, .col-sm-7-12, .col-md-7-12, .col-lg-7-12, .col-xs-8-12, .col-sm-8-12, .col-md-8-12, .col-lg-8-12, .col-xs-9-12, .col-sm-9-12, .col-md-9-12, .col-lg-9-12, .col-xs-10-12, .col-sm-10-12, .col-md-10-12, .col-lg-10-12, .col-xs-11-12, .col-sm-11-12, .col-md-11-12, .col-lg-11-12, .col-xs-12-12, .col-sm-12-12, .col-md-12-12, .col-lg-12-12 { padding-right: 5px; padding-left: 5px; } }

.row.gutter-collapse { margin-left: 0; margin-right: 0; }

.row.gutter-collapse > div { padding-left: 0; padding-right: 0; }

.row.gutter-small { margin-left: -5px; margin-right: -5px; }

@media (max-width: 767px) { .row.gutter-small { margin-left: -2px; margin-right: -2px; } }

.row.gutter-small > div { padding-left: 5px; padding-right: 5px; }

@media (max-width: 767px) { .row.gutter-small > div { padding-left: 2px; padding-right: 2px; } }

.row.gutter-larger { margin-left: -25px; margin-right: -25px; }

@media (max-width: 767px) { .row.gutter-larger { margin-left: -10px; margin-right: -10px; } }

.row.gutter-larger > div { padding-left: 25px; padding-right: 25px; }

@media (max-width: 767px) { .row.gutter-larger > div { padding-left: 10px; padding-right: 10px; } }

.btn { box-sizing: border-box; padding: .5em 1em; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; vertical-align: middle; cursor: pointer; word-spacing: normal; white-space: nowrap; font-size: 14px; border-radius: 2px; }

.btn { background: #F2F2F2; border: 1px solid #e1e1e1; color: #333; }

.btn:hover { color: #333; }

.btn:hover, .btn.active { background: white; border: 1px solid #e9e9e9; }

.btn-primary { background: #267; border: 1px solid #115566; color: #FFF; }

.btn-primary:hover { color: #FFF; }

.btn-primary:hover, .btn-primary.active { background: #337788; border: 1px solid #195d6e; }

.btn-success { background: #7B0; border: 1px solid #66aa00; color: #FFF; }

.btn-success:hover { color: #FFF; }

.btn-success:hover, .btn-success.active { background: #88cc11; border: 1px solid #6eb200; }

.btn-info { background: #39D; border: 1px solid #2288cc; color: #FFF; }

.btn-info:hover { color: #FFF; }

.btn-info:hover, .btn-info.active { background: #44aaee; border: 1px solid #2a90d4; }

.btn-warning { background: #F80; border: 1px solid #ee7700; color: #FFF; }

.btn-warning:hover { color: #FFF; }

.btn-warning:hover, .btn-warning.active { background: #ff9911; border: 1px solid #f67f00; }

.btn-danger { background: #D33; border: 1px solid #cc2222; color: #FFF; }

.btn-danger:hover { color: #FFF; }

.btn-danger:hover, .btn-danger.active { background: #ee4444; border: 1px solid #d42a2a; }

.btn-xs { font-size: 12px; padding: 1px 5px; }

.btn-sm { font-size: 12px; padding: 5px 10px; }

.btn-md { font-size: 22px; }

.btn-lg { font-size: 30px; }

button[disabled], button[disabled]:hover { color: #AAA; background-color: #EEE; border-color: #DDD; cursor: not-allowed; }

.btn-group:before, .btn-group:after { content: " "; display: table; }

.btn-group:after { clear: both; }

.btn-group .btn { border-radius: 0; margin-left: -1px; margin-right: -1px; float: left; }

.btn-group .btn:first-child { margin-left: 0; border-radius: 2px 0 0 2px; }

.btn-group .btn:last-child { margin-right: 0; border-radius: 0 2px 2px 0; }

input[type='text'] { box-sizing: border-box; padding: 0.5em 1em; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; vertical-align: middle; word-spacing: normal; font-size: 14px; border-style: solid; border-width: 1px; border-color: #e1e1e1; color: #666666; }

input[type='text']:focus { box-shadow: 0 0 0.5em #bfbfbf; outline: 0; }

.input-group { display: table; border-collapse: collapse; }

.input-group input[type='text'], .input-group .input-group-btn { display: table-cell; position: relative; box-sizing: border-box; }

.input-group input[type='text'] { width: 100%; }

.input-group input[type='text']:first-child { border-radius: 2px 0 0 2px; }

.input-group input[type='text']:last-child { border-radius: 0 2px 2px 0; }

.input-group .btn-group { display: table-cell; word-spacing: normal; width: 1%; vertical-align: middle; }

.input-group .btn-group .btn { margin-left: -1px; margin-right: -1px; border-radius: 0; z-index: 2; position: relative; }

.input-group .btn-group:first-child .btn { border-radius: 2px 0 0 2px; margin-right: -1px; margin-left: 0; }

.input-group .btn-group:last-child .btn { border-radius: 0 2px 2px 0; margin-left: -1px; margin-right: 0; }

/* 导航 */
.nav { margin: 0; padding: 0; }

.nav li { list-style: none; position: relative; }

.nav li > a { display: block; padding: 15px; line-height: 20px; color: #333; }

.nav li > a:hover { color: black; }

a { color: #333; }

/** Swiper 3.0.6 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2015, Vladimir Kharlampidi The iDangero.us http://www.idangero.us/ Licensed under MIT Released on: March 27, 2015 */
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -ms-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -ms-flexbox; display: flex; transform-style: preserve-3d; transition-property: transform; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-fles-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { transform-style: preserve-3d; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-pagination { position: absolute; text-align: center; transition: 300ms; -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet { background: #fff; }

.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }

.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active { background: #000; }

.swiper-container-vertical > .swiper-pagination { right: 10px; top: 50%; -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block; }

.swiper-container-horizontal > .swiper-pagination { bottom: 10px; left: 0; width: 100%; }

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; }

.swiper-container-3d { -o-perspective: 1200px; perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube { overflow: visible; }

.swiper-container-cube .swiper-slide { pointer-events: none; visibility: hidden; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide { -ms-transform-origin: 100% 0; transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }

.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; filter: blur(50px); }

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow { z-index: 0; }

.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -ms-transform-origin: 50%; transform-origin: 50%; animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated { animation-duration: 1s; animation-fill-mode: both; }

.animated.infinite { animation-iteration-count: infinite; }

.animated.hinge { animation-duration: 2s; }

@keyframes bounce { 0%, 100%, 20%, 53%, 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -ms-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce { animation-name: bounce; -ms-transform-origin: center bottom; transform-origin: center bottom; }

@keyframes flash { 0%, 100%, 50% { opacity: 1; }
  25%, 75% { opacity: 0; } }

.flash { animation-name: flash; }

@keyframes pulse { 0% { -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% { -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  100% { -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.pulse { animation-name: pulse; }

@keyframes rubberBand { 0% { -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% { -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -ms-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -ms-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% { -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.rubberBand { animation-name: rubberBand; }

@keyframes shake { 0%, 100% { -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.shake { animation-name: shake; }

@keyframes swing { 20% { -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% { -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% { -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% { -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  100% { -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing { -ms-transform-origin: top center; transform-origin: top center; animation-name: swing; }

@keyframes tada { 0% { -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% { -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.tada { animation-name: tada; }

@keyframes wobble { 0% { -ms-transform: none;
    transform: none; }
  15% { -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% { -ms-transform: none;
    transform: none; } }

.wobble { animation-name: wobble; }

@keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -ms-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1;
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.bounceIn { animation-name: bounceIn; animation-duration: .75s; }

@keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  100% { -ms-transform: none;
    transform: none; } }

.bounceInDown { animation-name: bounceInDown; }

@keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  100% { -ms-transform: none;
    transform: none; } }

.bounceInLeft { animation-name: bounceInLeft; }

@keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  100% { -ms-transform: none;
    transform: none; } }

.bounceInRight { animation-name: bounceInRight; }

@keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% { -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInUp { animation-name: bounceInUp; }

@keyframes bounceOut { 20% { -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0;
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut { animation-name: bounceOut; animation-duration: .75s; }

@keyframes bounceOutDown { 20% { -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  100% { opacity: 0;
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown { animation-name: bounceOutDown; }

@keyframes bounceOutLeft { 20% { opacity: 1;
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  100% { opacity: 0;
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft { animation-name: bounceOutLeft; }

@keyframes bounceOutRight { 20% { opacity: 1;
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  100% { opacity: 0;
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight { animation-name: bounceOutRight; }

@keyframes bounceOutUp { 20% { -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% { opacity: 0;
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp { animation-name: bounceOutUp; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

.fadeIn { animation-name: fadeIn; }

@keyframes fadeInDown { 0% { opacity: 0;
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% { opacity: 1;
    -ms-transform: none;
    transform: none; } }

.fadeInDown { animation-name: fadeInDown; }

@keyframes fadeInDownBig { 0% { opacity: 0;
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  100% { opacity: 1;
    -ms-transform: none;
    transform: none; } }

.fadeInDownBig { animation-name: fadeInDownBig; }

@keyframes fadeInLeft { 0% { opacity: 0;
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% { opacity: 1;
    -ms-transform: none;
    transform: none; } }

.fadeInLeft { animation-name: fadeInLeft; }

@keyframes fadeInLeftBig { 0% { opacity: 0;
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  100% { opacity: 1;
    -ms-transform: none;
    transform: none; } }

.fadeInLeftBig { animation-name: fadeInLeftBig; }

@keyframes fadeInRight { 0% { opacity: 0;
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% { opacity: 1;
    -ms-transform: none;
    transform: none; } }

.fadeInRight { animation-name: fadeInRight; }

@keyframes fadeInRightBig { 0% { opacity: 0;
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  100% { opacity: 1;
    -ms-transform: none;
    transform: none; } }

.fadeInRightBig { animation-name: fadeInRightBig; }

@keyframes fadeInUp { 0% { opacity: 0;
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% { opacity: 1;
    -ms-transform: none;
    transform: none; } }

.fadeInUp { animation-name: fadeInUp; }

@keyframes fadeInUpBig { 0% { opacity: 0;
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  100% { opacity: 1;
    -ms-transform: none;
    transform: none; } }

.fadeInUpBig { animation-name: fadeInUpBig; }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

.fadeOut { animation-name: fadeOut; }

@keyframes fadeOutDown { 0% { opacity: 1; }
  100% { opacity: 0;
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown { animation-name: fadeOutDown; }

@keyframes fadeOutDownBig { 0% { opacity: 1; }
  100% { opacity: 0;
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig { animation-name: fadeOutDownBig; }

@keyframes fadeOutLeft { 0% { opacity: 1; }
  100% { opacity: 0;
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft { animation-name: fadeOutLeft; }

@keyframes fadeOutLeftBig { 0% { opacity: 1; }
  100% { opacity: 0;
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig { animation-name: fadeOutLeftBig; }

@keyframes fadeOutRight { 0% { opacity: 1; }
  100% { opacity: 0;
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight { animation-name: fadeOutRight; }

@keyframes fadeOutRightBig { 0% { opacity: 1; }
  100% { opacity: 0;
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig { animation-name: fadeOutRightBig; }

@keyframes fadeOutUp { 0% { opacity: 1; }
  100% { opacity: 0;
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp { animation-name: fadeOutUp; }

@keyframes fadeOutUpBig { 0% { opacity: 1; }
  100% { opacity: 0;
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig { animation-name: fadeOutUpBig; }

@keyframes flip { 0% { -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out; }
  40% { -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out; }
  50% { -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in; }
  80% { -ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in; }
  100% { -ms-transform: perspective(400px);
    transform: perspective(400px);
    animation-timing-function: ease-in; } }

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; }

@keyframes flipInX { 0% { -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0; }
  40% { -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in; }
  60% { -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% { -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% { -ms-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; }

@keyframes flipInY { 0% { -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0; }
  40% { -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transition-timing-function: ease-in; }
  60% { -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% { -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% { -ms-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; }

@keyframes flipOutX { 0% { -ms-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  100% { -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX { animation-name: flipOutX; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@keyframes flipOutY { 0% { -ms-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  100% { -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; animation-duration: .75s; }

@keyframes lightSpeedIn { 0% { -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% { -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  100% { -ms-transform: none;
    transform: none;
    opacity: 1; } }

.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; }

@keyframes lightSpeedOut { 0% { opacity: 1; }
  100% { -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; }

@keyframes rotateIn { 0% { -ms-transform-origin: center;
    transform-origin: center;
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  100% { -ms-transform-origin: center;
    transform-origin: center;
    -ms-transform: none;
    transform: none;
    opacity: 1; } }

.rotateIn { animation-name: rotateIn; }

@keyframes rotateInDownLeft { 0% { -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  100% { -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -ms-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft { animation-name: rotateInDownLeft; }

@keyframes rotateInDownRight { 0% { -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% { -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -ms-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownRight { animation-name: rotateInDownRight; }

@keyframes rotateInUpLeft { 0% { -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% { -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -ms-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft { animation-name: rotateInUpLeft; }

@keyframes rotateInUpRight { 0% { -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  100% { -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -ms-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpRight { animation-name: rotateInUpRight; }

@keyframes rotateOut { 0% { -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  100% { -ms-transform-origin: center;
    transform-origin: center;
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut { animation-name: rotateOut; }

@keyframes rotateOutDownLeft { 0% { -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% { -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft { animation-name: rotateOutDownLeft; }

@keyframes rotateOutDownRight { 0% { -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% { -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight { animation-name: rotateOutDownRight; }

@keyframes rotateOutUpLeft { 0% { -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% { -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft { animation-name: rotateOutUpLeft; }

@keyframes rotateOutUpRight { 0% { -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% { -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight { animation-name: rotateOutUpRight; }

@keyframes hinge { 0% { -ms-transform-origin: top left;
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  20%, 60% { -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform-origin: top left;
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  40%, 80% { -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform-origin: top left;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  100% { -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge { animation-name: hinge; }

@keyframes rollIn { 0% { opacity: 0;
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% { opacity: 1;
    -ms-transform: none;
    transform: none; } }

.rollIn { animation-name: rollIn; }

@keyframes rollOut { 0% { opacity: 1; }
  100% { opacity: 0;
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut { animation-name: rollOut; }

@keyframes zoomIn { 0% { opacity: 0;
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

.zoomIn { animation-name: zoomIn; }

@keyframes zoomInDown { 0% { opacity: 0;
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown { animation-name: zoomInDown; }

@keyframes zoomInLeft { 0% { opacity: 0;
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft { animation-name: zoomInLeft; }

@keyframes zoomInRight { 0% { opacity: 0;
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight { animation-name: zoomInRight; }

@keyframes zoomInUp { 0% { opacity: 0;
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp { animation-name: zoomInUp; }

@keyframes zoomOut { 0% { opacity: 1; }
  50% { opacity: 0;
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; } }

.zoomOut { animation-name: zoomOut; }

@keyframes zoomOutDown { 40% { opacity: 1;
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0;
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown { animation-name: zoomOutDown; }

@keyframes zoomOutLeft { 40% { opacity: 1;
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% { opacity: 0;
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft { animation-name: zoomOutLeft; }

@keyframes zoomOutRight { 40% { opacity: 1;
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% { opacity: 0;
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight { animation-name: zoomOutRight; }

@keyframes zoomOutUp { 40% { opacity: 1;
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0;
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp { animation-name: zoomOutUp; }

@keyframes slideInDown { 0% { -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible; }
  100% { -ms-transform: translateY(0);
    transform: translateY(0); } }

.slideInDown { animation-name: slideInDown; }

@keyframes slideInLeft { 0% { -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible; }
  100% { -ms-transform: translateX(0);
    transform: translateX(0); } }

.slideInLeft { animation-name: slideInLeft; }

@keyframes slideInRight { 0% { -ms-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible; }
  100% { -ms-transform: translateX(0);
    transform: translateX(0); } }

.slideInRight { animation-name: slideInRight; }

@keyframes slideInUp { 0% { -ms-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible; }
  100% { -ms-transform: translateY(0);
    transform: translateY(0); } }

.slideInUp { animation-name: slideInUp; }

@keyframes slideOutDown { 0% { -ms-transform: translateY(0);
    transform: translateY(0); }
  100% { visibility: hidden;
    -ms-transform: translateY(100%);
    transform: translateY(100%); } }

.slideOutDown { animation-name: slideOutDown; }

@keyframes slideOutLeft { 0% { -ms-transform: translateX(0);
    transform: translateX(0); }
  100% { visibility: hidden;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%); } }

.slideOutLeft { animation-name: slideOutLeft; }

@keyframes slideOutRight { 0% { -ms-transform: translateX(0);
    transform: translateX(0); }
  100% { visibility: hidden;
    -ms-transform: translateX(100%);
    transform: translateX(100%); } }

.slideOutRight { animation-name: slideOutRight; }

@keyframes slideOutUp { 0% { -ms-transform: translateY(0);
    transform: translateY(0); }
  100% { visibility: hidden;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%); } }

.slideOutUp { animation-name: slideOutUp; }

/* CSS Document */
* { margin: 0; padding: 0; }

html, body { height: 100%; }

li { list-style: none; }

body { font-family: "microsoft yahei"; background: #fff; }

#swiper-container-v { /*  width: 320px; height: 480px;*/ width: 100%; max-width: 640px; height: 100%; }

.swiper-slide-v { width: 100%; height: 100%; overflow: hidden; }

img { display: block; }

.swiper-pagination-bullet { width: 6px; height: 6px; background: #fff; opacity: .4; }

.swiper-pagination-bullet-active { opacity: 1; }

@keyframes start { 0%, 30% { opacity: 0;
    transform: translate(0, 10px); }
  60% { opacity: 1;
    transform: translate(0, 0); }
  100% { opacity: 0;
    transform: translate(0, -8px); } }

@keyframes myZoomIn1 { 0% { opacity: 0.4;
    transform: scale3d(0.4, 0.4, 0.4) translate3d(0, 30%, 0); }
  100% { opacity: 1; } }

.myZoomIn1 { animation-name: myZoomIn1; }

@keyframes myZoomIn2 { 0% { opacity: 0.4; }
  100% { opacity: 1;
    transform: scale3d(1.06, 1.06, 1.06); } }

.myZoomIn2 { animation-name: myZoomIn2; }

@keyframes myFlip { 0% { opacity: 0.4;
    transform: rotateY(360deg); }
  100% { opacity: 1; } }

.myFlip { animation-name: myFlip; }

@keyframes myrotateIn { 0% { -ms-transform-origin: center;
    transform-origin: center;
    -ms-transform: rotate3d(0, 0, 1, -250deg) scale3d(0.3, 0.3, 0.3);
    transform: rotate3d(0, 0, 1, -250deg) scale3d(0.3, 0.3, 0.3);
    opacity: 0; }
  100% { -ms-transform-origin: center;
    transform-origin: center;
    -ms-transform: none;
    transform: none;
    opacity: 1; } }

.myrotateIn { animation-name: myrotateIn; }

@keyframes loading { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } }

.loading { animation-name: loading; }

/*loading*/
.poster_wrap.load {height: 100%; background:#eee; z-index: 100; }

.poster_wrap { -webkit-transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform .3s linear,opacity .3s linear; }

.p_loading { /* position: absolute; */ top: 0; left: 0; right: 0; bottom: 0; margin: auto; /* width: 100%; */ /* height: 150px; */ }

.p_loading_logo { display: block; width: 100px; height: 100px; background: url(zp_loading_new.png) center top no-repeat; background-size: 100%; margin: 0 auto; animation: loading 3s linear infinite; }

.index-top h1 { color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.1); font-size: 30px; font-family: "黑体"; text-align: center; line-height: 35px; margin-top: 100px; padding: 0 10px; word-break: break-all; }

@media screen and (max-height: 480px) { .logo { margin-top: 20px; }
  .index-top h1 { margin-top: 20px; } }

@media screen and (max-height: 568px) and (min-height: 480px) { .logo { margin-top: 30px; }
  .index-top h1 { margin-top: 60px; } }

.index-top p { color: #fff; font-size: 20px; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); text-align: center; line-height: 30px; margin-top: 10px; }

/**/
.company_intro { display: -ms-flexbox; display: flex; padding-top: 16%; }

.company_intro li { -ms-flex: 1; flex: 1; }

.company_intro li .icon { width: 60px; height: 60px; margin: auto; padding: 12px; border-radius: 100%; background-color: rgba(255, 255, 255, 0.03); }

.company_intro li .icon i { width: 60px; height: 62px; display: block; background-image: url(p_ico_new.png); background-size: 100% auto; }

.company_intro .intro2 .icon i { background-position: 0 -65px; }

.company_intro .intro3 .icon i { background-position: 0 -130px; }

.company_intro li p { color: #fff; font-size: 16px; line-height: 25px; text-align: center; margin-top: 5px; overflow: hidden; }

.about_us_tit { color: #fff; font-size: 19px; font-family: "黑体"; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); line-height: 30px; padding-bottom: 10px; margin: 25px 25px 0; }

.about_us_tit_ico { display: inline-block; height: 6px; width: 6px; background: rgba(255, 255, 255, 0.36); border-radius: 100%; position: relative; vertical-align: middle; margin-right: 5px; }

.about_us_msg_p { color: #fff; font-size: 14px; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 6; overflow: hidden; word-break: break-all; margin: 0 25px; }

@media screen and (min-height: 667px) { .about_us_msg_p { -webkit-line-clamp: 10; } }

/**/
.abus_head { position: absolute; top: 40px; padding-left: 20px; line-height: 30px; color: #fff; font-size: 18px; font-weight: 400; }

.welf_bg { position: relative; width: 320px; height: 100%; top: 0; left: 0; right: 0; margin: auto; z-index: 999; background: url(welf_bg.png) center top no-repeat; background-size: contain; font-family: "黑体"; }

.one, .two, .thr, .thi, .fiv, .six { position: absolute; text-align: center; color: #fff; border-radius: 100%; }

.one { width: 55px; height: 55px; background: rgba(116, 151, 230, 0.35); font-size: 14px; top: 57px; right: 31px; }

.two { width: 52px; height: 52px; background: rgba(0, 0, 0, 0.05); font-size: 12px; top: 138px; right: 98px; }

.thr { width: 55px; height: 55px; background: rgba(255, 255, 255, 0.18); font-size: 14px; top: 165px; left: 86px; }

.thi { width: 78px; height: 78px; background: rgba(0, 0, 0, 0.08); font-size: 15px; top: 213px; left: 141px; }

.fiv { width: 54px; height: 54px; background: rgba(0, 0, 0, 0.04); font-size: 14px; top: 306px; left: 96px; }

.six { width: 60px; height: 60px; background: rgba(255, 255, 255, 0.21); font-size: 15px; top: 348px; right: 26px; }

.one span, .two span, .thr span, .thi span, .fiv span, .six span { display: table-cell; vertical-align: middle; padding: 0 3px; line-height: 18px; }

.one span { width: 55px; height: 55px; }

.two span { width: 52px; height: 52px; }

.thr span { width: 55px; height: 55px; }

.thi span { width: 78px; height: 78px; line-height: 20px; }

.fiv span { width: 54px; height: 54px; }

.six span { width: 60px; height: 60px; }

/**/
.posit_tit { color: #fff; font-size: 15px; line-height: 20px; padding-left: 15px; font-family: "黑体"; margin: 35px 0 0; font-weight: 400; }

#swiper-container-h { position: absolute; width: 100%; top: 70px; bottom: 110px; overflow: visible; }

@media screen and (max-height: 480px) { .posit_list_con { top: 60px; bottom: 85px; } }

#swiper-container-h .swiper-slide { float: left; height:100%; width: 85%; position: relative; background: rgba(255, 255, 255, 0.5); border-top: 5px solid #fcf6ff; border-radius: 5px 5px 0 0; margin-top:10px;overflow:hidden; }

.posit_details_head { margin: 5px 25px 0; border-bottom: 1px solid #eaeaea; padding-bottom: 10px; }

/**/
.praise_tip { line-height: 25px; color: #fff; font-size: 16px; font-family: "黑体"; text-align: center; margin-top: 8%; }

.praise_btn { display: block; line-height: 40px; text-align: center; background: #fff; color: #76428e; font-size: 15px; margin: 20px 60px 0; border-radius: 17px; }

.praise_btn i { position: relative; display: inline-block; width: 25px; height: 25px; background-position: -3px -242px; vertical-align: middle; margin-right: 5px; }

.logo_ico, .praise_btn i em, .search_btn i, .p_creat_logo, .posit_tit_ico { background: url(p_ico_new.png) no-repeat; background-size: 60px auto; }

.praise_btn i em { position: absolute; top: 0; left: 0; display: inline-block; width: 25px; height: 25px; background-position: -3px -242px; vertical-align: middle; margin-right: 5px; }

.praise_btn span { display: inline-block; width: 126px; }

.praise_share_btn { display: block; line-height: 40px; border-radius: 25px; border: 1px solid #fff; text-align: center; color: #fff; font-size: 16px; margin: 10px 60px 0; font-family: "黑体"; }

.more_position { display: block; line-height: 25px; text-align: center; color: #fff; font-size: 15px; margin-top: 30px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }

/**/
.search_posit { position: absolute; top: 180px; height: 43px; left: 25px; right: 25px; overflow: hidden; z-index: 8; }

.search_input_con { height: 43px; position: relative; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 3; }

.search_input_details { position: relative; height: 43px; line-height: 43px; margin: 0 10px; background: #643779; overflow: hidden; border-radius: 20px; }

.search_input { width: 100%; text-align: center; position: absolute; top: 0; left: 0; right: 0; border: 0; background: 0 0; color: #fff; font-size: 15px; font-family: "黑体"; margin: 11px 0; line-height: 21px; }

.search_footer_btn { display: block; line-height: 44px; text-align: center; color: #fff; font-size: 18px; border-radius: 20px; border: 1px solid #fff; position: absolute; bottom: 100px; left: 22%; right: 22%; }

.search_footer_tip { color: #fff; font-size: 12px; text-align: center; font-family: "黑体"; line-height: 25px; position: absolute; width: 100%; bottom: 60px; opacity: .6; }

/**/
.arrow-box {
    position: absolute;
    bottom: -45px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50%;
    height: 90px;
    border-radius: 100%;
    background: rgba(245, 245, 245, 0.18);
    z-index: 900;
}

#array { z-index: 999; -webkit-animation: start 1.5s infinite ease-in-out; display: block; margin: 15px  auto 0 auto; width: 20px; height: 15px; z-index: 999; }

/**/
.swiper-slide2, .swiper-slide3, .swiper-slide4, .swiper-slide5 { overflow: hidden; background: url(back.jpg); background-size: 100% 100%; }

.swiper-slide1 { overflow: hidden; background: url(major.jpg);background-position-x: center;background-size: cover;}

.hz img { position: absolute; top: 20px; left: 20px; width: 328px; height: 80px; }

.sd img { position: absolute; top: 107px; left: 20px; width: 328px; height: 80px; }

.bs img { position: absolute; top: 206px; left: 20px; width: 147px; height: 28px; }



.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }

.content-box-img { overflow: hidden; /* margin: 5px 0; */ padding: 10px 0 0 0; }

.content-box-img a { display: block; font-size: 16px; margin: 0; overflow: hidden; }

.image-video { position: relative; }

.image-video img {margin: 0 auto; }

.image-video span:before { content: ''; border-bottom: 14px solid transparent; position: absolute; bottom: 40%; left: 47%; border-top: 14px solid transparent; display: inline-block;border-left: 24px solid rgba(239, 239, 239, 0.8); z-index: 6; }

.content-box-img a .text h3 {font-size: 16px; font-weight: 400; }

.content-box-img a .text .time { margin: 5px 0; display: block; color: inherit; opacity: .5; font-size: 70%; color: #888; }

.po-ab { position: absolute; left:30px; right:30px; top: 10%; }

.l-txt img { position: absolute; left: 15%; width: 140px; top: 44px; }

.r-txt img { position: absolute; right: 15%; width: 140px; top: 44px; }

/*.title-list img { position: absolute; width: 190px; left: 0; right: 0; top: 70px; margin: 0 auto; }*/

.title-list img {
    position: absolute;
    width: 283px;
    left: 0;
    right: 0;
    top:25px;
    margin: 0 auto;
}

.notice {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    display: block;
    font-size: 14px;
    color: #f58b5b;
}

.content-discussion { padding: 15px 10px; overflow: hidden; }

.content-discussion p { height: 6.4em; overflow: hidden; padding: 12px; line-height: 1.6em; padding: 12px 30px; }

.left-name { float: left; width: 18%; margin-top: 13px; }

.left-name img { border-radius: 50%; display: block; }

.name h3 { font-size: 12px; font-weight: bold; text-align: center; }

.right-desc p { margin: 0; font-size: 14px; padding: 12px 30px; line-height: 1.6em; border-radius: 10px; }

.right-desc { position: relative; margin-left: 19%; background: url(rtxt.png); background-size: 100% 100%; }

.right-name { width: 18%; padding-left: 80%; margin-top: 13px; }

.right-name img { border-radius: 50%; display: block; }

.left-desc { float: left; width: 77%; background: url(ltxt.png); background-size: 100% 100%; }

.left-desc p { margin: 0; }

.right-desc span { color: red; font-size: 12px; }

.left-desc span { color: red; font-size: 12px; }

.bg-weixi { position: absolute; left: 20px; right: 20px; top:10%; background: rgba(255, 255, 255, 0.5); padding: 20px; }

.content-weixi .text h3 { font-size: 16px; font-weight: bold; }

.ip-x-v{
  display:none;
}

.ip-x-h{
  display:block;
}

.txt {
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
}
.cxy img {
    position: absolute;
    top: 215px;
    right: 31px;
    width: 147px;
    height: 27px;
}
/**/


.index-up {
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  height: 130px;
}

.l-t { position: absolute; left: 0; right: 90px; width: 80%; }

.bg-l { position: absolute; top: 0; left: 0; }

.bg-l img {width: 100%;left: 0;right: 0;height: 65px;z-index: 1;}

.l-tt, .r-tt {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.l-tt img {z-index: 2;position: absolute;top: 17px;width: 247px;height: 32px;left: 20px;bottom: 0px;}

.r-tt img {
    z-index: 2;
    position: absolute;
    top: 17px;
    width: 225px;
    height: 31px;
    left: 20px;
    bottom: 0px;
}

.r-t {
  position: absolute;
  left: 90px;
  right: 0;
  width: 80%;
  bottom: 0;
  top:65px;
}

.bg-r img {
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  height: 65px;
  z-index: 1;
  top: 65px}


.content-discussion {
    padding: 5px 10px;
}

/*iphoneX*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { .l-txt img { left: 12%; }
  .r-txt img { right: 12%; }
  .content-discussion { padding: 20px 10px; } 
  .swiper-slide1 {background: url(ip-x.jpg);background-size: 100% 100%;overflow: hidden;} 
  .title-list img {top:75px;}
  .ip-x-v{display: block;}
  .ip-x-h{display:none;}
  .content-discussion {padding: 40px 10px;}/*大于10篇稿子时去掉这句css*/
  .index-up {top: 13%;}
  .cxy img {top: 266px;}
  #swiper-container-h .swiper-slide{margin-top:45px;}
  .title-list img {top:35px;}
}
/*iphone678*/
@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) { 
  .l-txt img { left: 12%; }
  .r-txt img { right: 12%; } 
  .content-discussion {padding:8px 10px;}}
/*iphone678plus*/
@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) { .bg-weixi { padding: 40px; }
  .hz img { left: 44px; }
  .sd img { left: 44px; }
  .left-name { width: 17%; }
  .right-desc { margin-left: 17%; }
  .right-desc p { padding: 20px 30px; }
  .right-name { width: 17%; }
  .left-desc { width: 80%; }
  .content-discussion p { padding: 20px 30px; } 
  .title-list img {top:70px;}
  .ip-x-v{ display:none;}
  .ip-x-h{display:block;}
  .title-list img {top:30px;}
  .content-discussion {
    padding:24px 10px;
}
  }