/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],
template {
  display: none
}

a {
  background-color: transparent
}

a:active,
a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
optgroup,
strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

mark {
  background: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0;
  vertical-align: middle
}

svg:not(:root) {
  overflow: hidden
}

hr {
  box-sizing: content-box;
  height: 0
}

pre,
textarea {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td,
th {
  padding: 0
}

ul {
  list-style: none;
  padding: 0
}

a,
a:focus,
img {
  outline: 0
}

li,
p,
ul {
  padding: 0;
  margin: 0
}

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

.clearfix:after {
  clear: both
}

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

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.hide {
  display: none
}

.show {
  display: block
}

.invisible {
  visibility: hidden
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.hidden {
  display: none
}

.affix {
  position: fixed
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: 'Hiragino Sans GB', 'Microsoft YaHei', '黑体', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-family: 'Hiragino Sans GB', 'Microsoft YaHei', '黑体', sans-serif;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0)
}

.tooltip.in {
  opacity: .9;
  filter: alpha(opacity=90)
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 2px
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: 'Hiragino Sans GB', 'Microsoft YaHei', '黑体', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-family: 'Hiragino Sans GB', 'Microsoft YaHei', '黑体', sans-serif;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 2px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.popover.top {
  margin-top: -10px
}

.popover.right {
  margin-left: 10px
}

.popover.bottom {
  margin-top: 10px
}

.popover.left {
  margin-left: -10px
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 1px 1px 0 0
}

.popover-content {
  padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.popover>.arrow {
  border-width: 11px
}

.popover>.arrow:after {
  border-width: 10px;
  content: ""
}

.popover.top>.arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #a3a3a3;
  border-top-color: rgba(0, 0, 0, .25);
  bottom: -11px
}

.popover.top>.arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff
}

.popover.right>.arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #a3a3a3;
  border-right-color: rgba(0, 0, 0, .25)
}

.popover.right>.arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff
}

.popover.bottom>.arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #a3a3a3;
  border-bottom-color: rgba(0, 0, 0, .25);
  top: -11px
}

.popover.bottom>.arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff
}

.popover.left>.arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #a3a3a3;
  border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}

.dropdown,
.dropup {
  position: relative
}

.dropdown-toggle:focus {
  outline: 0
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 2px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  background-clip: padding-box
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5
}

.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.428571429;
  color: #666;
  white-space: nowrap
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
  text-decoration: none;
  color: #616161;
  background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #f46
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
  color: #bebebe
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed
}

.open>.dropdown-menu {
  display: block
}

.open>a {
  outline: 0
}

.dropdown-menu-right {
  left: auto;
  right: 0
}

.dropdown-menu-left {
  left: 0;
  right: auto
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #bebebe;
  white-space: nowrap
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990
}

.pull-right>.dropdown-menu {
  right: 0;
  left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid\9;
  content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px
}

@media (min-width:768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto
  }

  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0
  }
}

* {
  box-sizing: border-box
}

:after,
:before {
  box-sizing: border-box
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
  font-family: 'Hiragino Sans GB', 'Microsoft YaHei', '黑体', sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333;
  background-color: #f0f0f0
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

a:focus,
a:hover {
  color: #f46;
  text-decoration: underline
}

a:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px
}

figure {
  margin: 0
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto
}

.img-rounded {
  border-radius: 2px
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #f0f0f0;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto
}

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

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #cdcdcd
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

[role=button] {
  cursor: pointer
}

.carousel {
  position: relative
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%
}

.carousel-inner>.item {
  display: none;
  position: relative;
  -webkit-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
  line-height: 1
}

@media all and (transform-3d),
(-webkit-transform-3d) {
  .carousel-inner>.item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
  }

  .carousel-inner>.item.active.right,
  .carousel-inner>.item.next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0
  }

  .carousel-inner>.item.active.left,
  .carousel-inner>.item.prev {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0
  }

  .carousel-inner>.item.active,
  .carousel-inner>.item.next.left,
  .carousel-inner>.item.prev.right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0
  }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
  display: block
}

.carousel-inner>.active {
  left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
  position: absolute;
  top: 0;
  width: 100%
}

.carousel-inner>.next {
  left: 100%
}

.carousel-inner>.prev {
  left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
  left: 0
}

.carousel-inner>.active.left {
  left: -100%
}

.carousel-inner>.active.right {
  left: 100%
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:focus,
.carousel-control:hover {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: .9;
  filter: alpha(opacity=90)
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
  right: 50%;
  margin-right: -10px
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif
}

.carousel-control .icon-prev:before {
  content: '\2039'
}

.carousel-control .icon-next:before {
  content: '\203a'
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0)
}

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff
}

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
  text-shadow: none
}

@media screen and (min-width:768px) {

  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next,
  .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px
  }

  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px
  }

  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px
  }

  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px
  }

  .carousel-indicators {
    bottom: 20px
  }
}

.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20)
}

.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
  filter: alpha(opacity=50)
}

button.close {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #f46;
  border-radius: 10px
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

.btn-group-xs>.btn .badge,
.btn-xs .badge {
  top: 0;
  padding: 1px 5px
}

a.badge:focus,
a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
  color: #333;
  background-color: #fff
}

.list-group-item>.badge {
  float: right
}

.list-group-item>.badge+.badge {
  margin-right: 5px
}

.nav-pills>li>a>.badge {
  margin-left: 3px
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.fade.in {
  opacity: 1
}

.collapse {
  display: none
}

.collapse.in {
  display: block
}

tr.collapse.in {
  display: table-row
}

tbody.collapse.in {
  display: table-row-group
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease
}

#feedback-refashion {
  z-index: 3;
  position: fixed;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  bottom: 52px;
  right: 70px;
  outline: 0
}

#sidebar-buttons {
  position: fixed;
  bottom: 100px;
  right: 15px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background: #fff;
  border: 1px solid #e0e0e0;
  z-index: 1000
}

#sidebar-buttons>a {
  color: #7f7f7f;
  display: block;
  height: 52px;
  width: 52px;
  font-size: 24px;
  line-height: 42px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  outline: 0;
  border-top: 1px solid #e0e0e0
}


@-webkit-keyframes exit-shaking {

  0%,
  100%,
  25%,
  50%,
  75% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  13% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px)
  }

  38% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px)
  }

  63% {
    -webkit-transform: translate(-4px, -4px);
    transform: translate(-4px, -4px)
  }

  88% {
    -webkit-transform: translate(-4px, 4px);
    transform: translate(-4px, 4px)
  }
}

@keyframes exit-shaking {

  0%,
  100%,
  25%,
  50%,
  75% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  13% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px)
  }

  38% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px)
  }

  63% {
    -webkit-transform: translate(-4px, -4px);
    transform: translate(-4px, -4px)
  }

  88% {
    -webkit-transform: translate(-4px, 4px);
    transform: translate(-4px, 4px)
  }
}

@-webkit-keyframes webim-notice {

  0%,
  40%,
  80% {
    background-color: #f46
  }

  100%,
  20%,
  60% {
    background-color: #ffc000
  }
}

@keyframes webim-notice {

  0%,
  40%,
  80% {
    background-color: #f46
  }

  100%,
  20%,
  60% {
    background-color: #ffc000
  }
}

#xiangyang-feedback-modal input[type=submit],
#xiangyang-jubao-modal input[type=submit],
.modal-body a.button,
body .ui-page>header .location .jiameng-group-btn,
body .ui-page>header .location a.post,
body>header .location .jiameng-group-btn,
body>header .location a.post {
  border: 1px solid #f46;
  background-color: #f46;
  color: #fff;
  border-radius: 2px;
  font-size: 1em;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  height: 36px;
  line-height: 34px;
  padding: 0 2em;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out
}

#xiangyang-feedback-modal input[type=submit].hover,
#xiangyang-feedback-modal input[type=submit]:hover,
#xiangyang-jubao-modal input[type=submit].hover,
#xiangyang-jubao-modal input[type=submit]:hover,
.modal-body a.button.hover,
.modal-body a.button:hover,
body .ui-page>header .location .jiameng-group-btn.hover,
body .ui-page>header .location .jiameng-group-btn:hover,
body .ui-page>header .location a.post.hover,
body .ui-page>header .location a.post:hover,
body>header .location .jiameng-group-btn.hover,
body>header .location .jiameng-group-btn:hover,
body>header .location a.post.hover,
body>header .location a.post:hover {
  text-decoration: none;
  border-color: #e22754;
  background-color: #e22754;
  color: #fff
}

#xiangyang-feedback-modal input[type=submit].disabled,
#xiangyang-feedback-modal input[type=submit][disabled],
#xiangyang-jubao-modal input[type=submit].disabled,
#xiangyang-jubao-modal input[type=submit][disabled],
.modal-body a.button.disabled,
.modal-body a.button[disabled],
body .ui-page>header .location .jiameng-group-btn.disabled,
body .ui-page>header .location .jiameng-group-btn[disabled],
body .ui-page>header .location a.post.disabled,
body .ui-page>header .location a.post[disabled],
body>header .location .jiameng-group-btn.disabled,
body>header .location .jiameng-group-btn[disabled],
body>header .location a.post.disabled,
body>header .location a.post[disabled] {
  border-color: #ececec;
  background: #fafafa;
  color: #ccc
}

#xiangyang-feedback-modal input[type=submit][disabled],
#xiangyang-jubao-modal input[type=submit][disabled],
.modal-body a.button[disabled],
body .ui-page>header .location .jiameng-group-btn[disabled],
body .ui-page>header .location a.post[disabled],
body>header .location .jiameng-group-btn[disabled],
body>header .location a.post[disabled] {
  cursor: not-allowed
}

.modal-body a.button.button-grey {
  border: 1px solid #e1e1e1;
  background-color: #fafafa;
  color: #666;
  border-radius: 2px;
  font-size: 1em;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  height: 36px;
  line-height: 34px;
  padding: 0 2em;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out
}

.modal-body a.button.button-grey.hover,
.modal-body a.button.button-grey:hover {
  text-decoration: none;
  border-color: #e1e1e1;
  background-color: #ececec;
  color: #666
}

.modal-body a.button.button-grey.disabled,
.modal-body a.button.button-grey[disabled] {
  border-color: #ececec;
  background: #fafafa;
  color: #ccc
}

.modal-body a.button.button-grey[disabled] {
  cursor: not-allowed
}

body .ui-page>header .location .jiameng-group-btn,
body .ui-page>header .location a.post,
body>header .location .jiameng-group-btn,
body>header .location a.post {
  height: 44px;
  line-height: 42px;
  padding: 0 2.75em
}

.modal-open {
  overflow: hidden
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  outline: 0
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}

.modal:before {
  display: inline-block;
  vertical-align: middle;
  content: " ";
  height: 100%
}

.modal-dialog {
  position: relative;
  display: inline-block;
  width: auto;
  margin: 10px;
  text-align: left;
  vertical-align: middle
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 2px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  background-clip: padding-box;
  outline: 0
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0)
}

.modal-backdrop.in {
  opacity: .5;
  filter: alpha(opacity=50)
}

.modal-header {
  background-color: #f0f0f0;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.43px
}

.modal-header .close {
  margin-top: -2px
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
  font-size: 16px
}

.modal-body {
  position: relative
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5
}

.modal-footer:after,
.modal-footer:before {
  content: " ";
  display: table
}

.modal-footer:after {
  clear: both
}

.modal-footer .btn+.btn {
  margin-left: 5px;
  margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
  margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
  margin-left: 0
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll
}

table td[class*=col-],
table th[class*=col-] {
  position: static;
  float: none;
  display: table-cell
}


.sign-mall-modal-wrap {
  position: fixed;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, .7);
  z-index: 10000
}

.sign-mall-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 418px;
  height: 468px;
  margin-top: -234px;
  margin-left: -209px;
  background: #fff;
  border-radius: 4px;
  padding: 20px 15px
}

.sign-mall-modal>.header {
  text-align: center
}

.sign-mall-modal>.header .close-btn {
  position: absolute;
  top: 5px;
  right: 20px;
  opacity: .4;
  color: #000;
  font-size: 24px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  cursor: pointer
}

.sign-mall-modal>.header .big-title {
  font-size: 20px;
  color: #333;
  font-weight: 700
}

.sign-mall-modal>.header .big-title .icon {
  color: #f46
}

.sign-mall-modal>.header .small-title {
  margin: 5px;
  font-size: 18px
}

.sign-mall-modal>.header .small-title .red {
  color: #f46;
  font-weight: 700
}

.sign-mall-modal>.content {
  padding-left: 5px;
  margin-top: 20px;
  overflow: hidden
}

.sign-mall-modal>.content>li.item {
  margin-right: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  float: left
}

.sign-mall-modal>.content>li.item>img {
  width: 122px;
  height: 116px
}

.sign-mall-modal>.gift-hint {
  text-align: center;
  color: #999;
  font-size: 18px;
  margin-top: 10px
}

.sign-mall-modal>.gift-hint .red {
  color: #f46
}

.sign-mall-modal>.exchange-btn {
  margin: 15px 5px;
  display: block;
  border-radius: 3px;
  color: #fff;
  background: #f46;
  line-height: 50px;
  font-size: 16px;
  text-decoration: none;
  text-align: center
}

body .ui-page>.container,
body .ui-page>header .location,
body .ui-page>header .toolbar,
body>.container,
body>header .location,
body>header .toolbar {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto
}

input,
input[type=password],
input[type=search],
select,
textarea {
  border: 1px solid #ddd;
  border-radius: 2px;
  font-size: 1em;
  padding: .5em;
  outline: 0;
  -webkit-transition: box-shadow 217ms ease;
  transition: box-shadow 217ms ease
}

input:focus,
input[type=password]:focus,
input[type=search]:focus,
select:focus,
textarea:focus {
  border: 1px solid #00d1c1
}

input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid #ddd;
  border-radius: 2px;
  font-size: 1em;
  padding: .5em 1.5em;
  background: #fff;
  text-decoration: none
}

aside {
  width: 225px;
  float: right
}

#chat-to-app .modal-dialog {
  max-width: 400px;
  text-align: center
}

#chat-to-app .modal-body img.qr-code {
  width: 150px;
  height: 150px;
  margin: 10px auto
}

#chat-to-app .modal-body .tip {
  color: #666;
  margin: 10px
}

#chat-to-app .modal-input {
  color: #fff;
  background: #f46;
  width: 200px;
  display: block;
  margin: 0 auto 20px;
  padding: 10px 0
}


@media (min-width:768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto
  }

  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
  }

  .modal-sm {
    width: 300px
  }
}

@media (min-width:992px) {
  .modal-lg {
    width: 900px
  }
}

a.fixed-envelope {
  position: fixed;
  top: 200px;
  right: 10px;
  z-index: 9998
}


.listing-fixed-bottom-promo {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #0f0f0f;
  background-color: rgba(15, 15, 15, .6);
  color: #fff;
  z-index: 51
}

.listing-fixed-bottom-promo .qrcode-container {
  max-width: 1200px;
  margin: 0 auto;
  height: 100px;
  position: relative
}

.listing-fixed-bottom-promo .qrcode-container img.left {
  bottom: 0;
  height: 150px;
  margin-top: -50px;
  margin-right: 170px
}

.listing-fixed-bottom-promo .qrcode-container .right-qr-ctn {
  position: absolute;
  left: 50%;
  top: -8px
}

.listing-fixed-bottom-promo .qrcode-container img.qrcode-img {
  width: 95px;
  height: 95px;
  border: 2px solid #000;
  padding: 3px;
  border-radius: 2px;
  margin-right: 10px;
  background-color: #fff
}

.listing-fixed-bottom-promo .qrcode-container .text-ctn {
  display: inline-block;
  font-size: 16px;
  margin-right: 50px;
  vertical-align: -15px
}

.listing-fixed-bottom-promo .qrcode-container .text-ctn>.up {
  color: #dee3f0;
  text-shadow: 0 0 1px #2a385a
}

.listing-fixed-bottom-promo .qrcode-container .text-ctn>.down {
  color: #ffdf14;
  text-shadow: 0 0 1px #2a385a
}

.listing-fixed-bottom-promo .qrcode-container .close {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #fff;
  font-size: 32px;
  text-shadow: none;
  opacity: .8
}

.listing-fixed-bottom-promo .qrcode-container .close:hover {
  opacity: 1
}

body header .header {
  background: #fff
}

body header .header.fixed-header .top-banner {
  display: none
}

body header .header.fixed-header .frontpage-search-trigger {
  height: 32px
}

body header .header.fixed-header .head-search {
  width: 495px
}

body header .header.fixed-header .head-search .search .search-query {
  width: 390px
}

body header .head-search {
  left: 370px;
  width: 580px
}

body header .head-search .search .search-query {
  width: 490px
}

body header .tool-bar-ctn {
  background: #f7f7f7
}

body header .tool-bar-ctn .toolbar #user-tools>li {
  border-right: 0
}

#agreeTip {
  display: none;
  position: absolute;
  top: 27px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 191px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 8px;
  z-index: 9999;
  color: #f46
}

.qualification-container {
  display: none;
  position: fixed;
  top: 0;
  z-index: 9999;
  right: -webkit-calc((100% - 1210px)/ 2);
  right: calc((100% - 1210px)/ 2)
}

.qualification-upload {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}

.qualification-upload .upload-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 96px;
  height: 36px;
  margin-bottom: 10px;
  background: #fff
}

.qualification-upload .upload-top img {
  width: 14px;
  height: 14px;
  margin-right: 8px
}

.qualification-upload .upload-tip {
  position: relative;
  padding: 24px 14px;
  width: 266px;
  background: #fff
}

.qualification-upload .upload-tip .tip-triangle {
  position: absolute;
  top: -10px;
  right: 60px;
  width: 0;
  height: 0;
  z-index: 9999;
  border: 5px solid transparent;
  border-bottom: 5px solid #fff
}

.qualification-upload .upload-tip .tip1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 18px
}

.qualification-upload .upload-tip .tip1 img {
  width: 25px;
  height: 20px;
  margin-right: 6px
}

.qualification-upload .upload-tip .tip2 {
  margin: 18px 0 24px;
  font-size: 14px;
  color: #666;
  font-weight: 300
}

.qualification-upload .upload-tip .tip3 {
  width: 100%;
  height: 42px;
  line-height: 42px;
  background: #f46;
  text-align: center;
  color: #fff;
  font-size: 16px;
  cursor: pointer
}

.background-mask {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: .6;
  background: #000;
  z-index: 9998;
  overflow-x: hidden
}

body {
  min-width: 1200px;
  background-color: #eeeff1
}

input[type=checkbox]:focus,
input[type=radio]:focus {
  box-shadow: 0 0 3px rgba(255, 68, 102, .8)
}

a {
  text-decoration: none;
  color: inherit;
  text-decoration: none
}

a:hover {
  color: #f46;
  text-decoration: underline
}

i {
  font-style: normal
}

.icon {
  line-height: 1;
  pointer-events: none
}

.modal {
  z-index: 1100
}

body .ui-page>footer,
body .ui-page>header,
body>footer,
body>header {
  font-size: 14px
}

body .ui-page>footer i.sep,
body .ui-page>header i.sep,
body>footer i.sep,
body>header i.sep {
  color: silver;
  margin-left: .5em;
  margin-right: .5em
}

body .ui-page>footer .bg-zf,
body .ui-page>header .bg-zf,
body>footer .bg-zf,
body>header .bg-zf {
  background-repeat: no-repeat;
  height: 35px;
  margin: 20px 10px 0;
  display: inline-block
}

body .ui-page>footer .bg-gongshang,
body .ui-page>header .bg-gongshang,
body>footer .bg-gongshang,
body>header .bg-gongshang {
  background-position: 0 0;
  width: 35px
}

body .ui-page>footer .bg-zhengxin,
body .ui-page>header .bg-zhengxin,
body>footer .bg-zhengxin,
body>header .bg-zhengxin {
  background-position: 0 -35px;
  width: 35px
}

body .ui-page>footer .bg-jubao,
body .ui-page>header .bg-jubao,
body>footer .bg-jubao,
body>header .bg-jubao {
  background-position: 0 -105px;
  width: 95px
}

body .ui-page>footer .bg-jubao2,
body .ui-page>header .bg-jubao2,
body>footer .bg-jubao2,
body>header .bg-jubao2 {
  background-position: 0 -140px;
  width: 96px
}

body .ui-page>footer .bg-dianping,
body .ui-page>header .bg-dianping,
body>footer .bg-dianping,
body>header .bg-dianping {
  width: 38px;
  background-size: 95%;
  background-position: center;
  border: 1px solid #f0f0f0;
  border-radius: 2px
}

body .ui-page>header,
body>header {
  color: #666;
  box-shadow: 0 1px 2px #ccc
}

body .ui-page>header .crumb,
body>header .crumb {
  color: #333
}

.ie8 body .ui-page>header,
.ie8 body>header,
.lt-ie8 body .ui-page>header,
.lt-ie8 body>header {
  border-bottom: 1px solid #dedede
}

body .ui-page>header>div:first-child,
body>header>div:first-child {
  background: #fff;
  border-bottom: 1px solid #dedede
}

body .ui-page>header>div:first-child+div,
body>header>div:first-child+div {
  background: #fff
}

body .ui-page>footer,
body>footer {
  color: silver;
  padding-top: 45px;
  padding-bottom: 30px;
  line-height: normal
}

body .ui-page>footer div,
body>footer div {
  margin-bottom: 10px
}

body .ui-page>footer a,
body>footer a {
  color: silver
}

body .ui-page>footer a img,
body>footer a img {
  display: inline-block;
  margin: 20px 10px 0
}

body .ui-page>footer span.beian,
body>footer span.beian {
  position: relative;
  left: 10px;
  bottom: 10px;
  font-size: 12px
}

body .ui-page>footer .at-haojing,
body>footer .at-haojing {
  display: none;
  color: #2b2d2e
}

body .ui-page>header .toolbar,
body>header .toolbar {
  padding: 0 4px;
  font-size: 12px;
  height: 36px;
  line-height: 36px
}

body .ui-page>header .toolbar .toolbar-link,
body>header .toolbar .toolbar-link {
  float: left;
  width: 75%;
  margin-right: -75%
}

body .ui-page>header .toolbar .toolbar-link .hot-link,
body>header .toolbar .toolbar-link .hot-link {
  color: #f46
}

body .ui-page>header .toolbar .toolbar-link .dropdown,
body>header .toolbar .toolbar-link .dropdown {
  display: inline;
  position: relative
}

body .ui-page>header .toolbar .toolbar-link .dropdown.mobile>a,
body>header .toolbar .toolbar-link .dropdown.mobile>a {
  color: #f46
}

body .ui-page>header .toolbar .toolbar-link .dropdown .dropdown-block,
body>header .toolbar .toolbar-link .dropdown .dropdown-block {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  margin-top: 10px;
  padding: 0 12px;
  font-size: 14px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #000;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 2px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  background-clip: padding-box;
  white-space: nowrap
}

body .ui-page>header .toolbar .toolbar-link .dropdown .dropdown-block:before,
body>header .toolbar .toolbar-link .dropdown .dropdown-block:before {
  content: "";
  position: absolute;
  left: 12px;
  top: -15px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: rgba(0, 0, 0, .15)
}

body .ui-page>header .toolbar .toolbar-link .dropdown .dropdown-block:after,
body>header .toolbar .toolbar-link .dropdown .dropdown-block:after {
  content: "";
  position: absolute;
  left: 13px;
  top: -13px;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-bottom-color: #fff
}

body .ui-page>header .toolbar .toolbar-link .dropdown .dropdown-block .one-block,
body>header .toolbar .toolbar-link .dropdown .dropdown-block .one-block {
  display: inline-block;
  width: 180px;
  padding-bottom: 30px;
  padding-top: 20px
}

body .ui-page>header .toolbar .toolbar-link .dropdown .dropdown-block .one-block .dropdown-title,
body>header .toolbar .toolbar-link .dropdown .dropdown-block .one-block .dropdown-title {
  color: #f46;
  font-size: 18px;
  line-height: 1.4;
  white-space: normal
}

body .ui-page>header .toolbar .toolbar-link .dropdown .dropdown-block .one-block .dropdown-describe,
body>header .toolbar .toolbar-link .dropdown .dropdown-block .one-block .dropdown-describe {
  color: #666;
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 10px;
  line-height: 1.4;
  white-space: normal
}

body .ui-page>header .toolbar .toolbar-link .dropdown .dropdown-block .one-block .dropdown-img,
body>header .toolbar .toolbar-link .dropdown .dropdown-block .one-block .dropdown-img {
  width: 110px;
  height: 110px;
  margin: 0 auto
}

body .ui-page>header .toolbar .toolbar-link .dropdown:hover .dropdown-block,
body>header .toolbar .toolbar-link .dropdown:hover .dropdown-block {
  display: block
}

body .ui-page>header .toolbar #user-tools,
body>header .toolbar #user-tools {
  float: right;
  margin: 0;
  color: #666
}

body .ui-page>header .toolbar #user-tools>li,
body>header .toolbar #user-tools>li {
  display: inline;
  height: 20px;
  padding: 2px 10px;
  border-right: 1px solid silver
}

body .ui-page>header .toolbar #user-tools>li:last-child,
body>header .toolbar #user-tools>li:last-child {
  border-right: none
}

body .ui-page>header .toolbar #user-tools>li .icon-arrow-down,
body>header .toolbar #user-tools>li .icon-arrow-down {
  -webkit-transition: .6s -webkit-transform;
  transition: .6s -webkit-transform;
  transition: .6s transform;
  transition: .6s transform, .6s -webkit-transform;
  display: inline-block;
  margin-left: .2em;
  vertical-align: -1px;
  line-height: 1em
}

body .ui-page>header .toolbar #user-tools>li:hover .dropdown-menu,
body>header .toolbar #user-tools>li:hover .dropdown-menu {
  display: block
}

body .ui-page>header .toolbar #user-tools>li:hover .icon-arrow-down,
body>header .toolbar #user-tools>li:hover .icon-arrow-down {
  -webkit-transform: rotate(.5turn);
  -ms-transform: rotate(.5turn);
  transform: rotate(.5turn)
}

body .ui-page>header .toolbar #user-tools>li.dropdown>a,
body>header .toolbar #user-tools>li.dropdown>a {
  padding-bottom: 1em
}

body .ui-page>header .toolbar #user-tools .dropdown-menu,
body>header .toolbar #user-tools .dropdown-menu {
  line-height: 1.8em
}

body .ui-page>header .toolbar #user-tools .dropdown-menu>li,
body>header .toolbar #user-tools .dropdown-menu>li {
  float: none;
  border: none
}

body .ui-page>header .toolbar #user-tools .dropdown-menu>li>a,
body>header .toolbar #user-tools .dropdown-menu>li>a {
  padding: 5px 10px
}

body .ui-page>header .toolbar #user-tools .icon-mail,
body>header .toolbar #user-tools .icon-mail {
  vertical-align: -3px;
  font-size: 20px;
  line-height: 14px
}

body .ui-page>header .toolbar #user-tools .topbar-user-info img,
body>header .toolbar #user-tools .topbar-user-info img {
  margin-right: 5px;
  border-radius: 50%
}

body .ui-page>header .toolbar #user-tools .topbar-user-info .username,
body>header .toolbar #user-tools .topbar-user-info .username {
  max-width: 6em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
  vertical-align: text-bottom
}

body .ui-page>header .toolbar #user-tools .topbar-user-info .notification,
body>header .toolbar #user-tools .topbar-user-info .notification {
  display: inline-block;
  min-width: 18px;
  height: 18px;
  background-color: #f46;
  border-radius: 18px;
  line-height: 1;
  vertical-align: middle;
  padding-top: 3px;
  margin-left: 3px;
  font-size: 10px;
  text-align: center;
  color: #fff
}

body .ui-page>header .toolbar #user-tools .topbar-wo,
body>header .toolbar #user-tools .topbar-wo {
  position: relative
}

body .ui-page>header .toolbar #user-tools .sign,
body>header .toolbar #user-tools .sign {
  color: #f46
}

body .ui-page>header .toolbar a,
body>header .toolbar a {
  padding: 0 5px;
  text-decoration: none
}

body .ui-page>header .toolbar a.no-padding,
body>header .toolbar a.no-padding {
  padding: 0
}

body .ui-page>header .location,
body>header .location {
  height: 93px
}

body .ui-page>header .location table td[class*=col-],
body .ui-page>header .location table th[class*=col-],
body>header .location table td[class*=col-],
body>header .location table th[class*=col-] {
  position: static;
  float: none;
  display: table-cell
}

body .ui-page>header .location .guide-a-modal,
body>header .location .guide-a-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0, 0, 0, .7);
  z-index: 99
}

body .ui-page>header .location .guide-a-modal>.content,
body>header .location .guide-a-modal>.content {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 600px;
  height: 500px;
  margin-left: -300px;
  margin-top: -250px
}

body .ui-page>header .location .guide-a-modal>.content>img,
body>header .location .guide-a-modal>.content>img {
  position: absolute;
  left: 240px;
  top: 190px;
  width: 120px;
  height: 120px
}

body .ui-page>header .location .guide-a-modal>.content .close-btn,
body>header .location .guide-a-modal>.content .close-btn {
  position: absolute;
  right: 30px;
  top: 30px;
  display: inline-block;
  height: 30px;
  width: 30px;
  cursor: pointer;
}

body .ui-page>header .location .sign-mall-modal-wrap,
body>header .location .sign-mall-modal-wrap {
  position: fixed;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, .7);
  z-index: 10000
}

body .ui-page>header .location .sign-mall-modal,
body>header .location .sign-mall-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 418px;
  height: 468px;
  margin-top: -234px;
  margin-left: -209px;
  background: #fff;
  border-radius: 4px;
  padding: 20px 15px
}

body .ui-page>header .location .sign-mall-modal>.header,
body>header .location .sign-mall-modal>.header {
  text-align: center
}

body .ui-page>header .location .sign-mall-modal>.header .close-btn,
body>header .location .sign-mall-modal>.header .close-btn {
  position: absolute;
  top: 5px;
  right: 20px;
  opacity: .4;
  color: #000;
  font-size: 24px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  cursor: pointer
}

body .ui-page>header .location .sign-mall-modal>.header .big-title,
body>header .location .sign-mall-modal>.header .big-title {
  font-size: 20px;
  color: #333;
  font-weight: 700
}

body .ui-page>header .location .sign-mall-modal>.header .big-title .icon,
body>header .location .sign-mall-modal>.header .big-title .icon {
  color: #f46
}

body .ui-page>header .location .sign-mall-modal>.header .small-title,
body>header .location .sign-mall-modal>.header .small-title {
  margin: 5px;
  font-size: 18px
}

body .ui-page>header .location .sign-mall-modal>.header .small-title .red,
body>header .location .sign-mall-modal>.header .small-title .red {
  color: #f46;
  font-weight: 700
}

body .ui-page>header .location .sign-mall-modal>.content,
body>header .location .sign-mall-modal>.content {
  padding-left: 5px;
  margin-top: 20px;
  overflow: hidden
}

body .ui-page>header .location .sign-mall-modal>.content>li.item,
body>header .location .sign-mall-modal>.content>li.item {
  margin-right: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  float: left
}

body .ui-page>header .location .sign-mall-modal>.content>li.item>img,
body>header .location .sign-mall-modal>.content>li.item>img {
  width: 122px;
  height: 116px
}

body .ui-page>header .location .sign-mall-modal>.gift-hint,
body>header .location .sign-mall-modal>.gift-hint {
  text-align: center;
  color: #999;
  font-size: 18px;
  margin-top: 10px
}

body .ui-page>header .location .sign-mall-modal>.gift-hint .red,
body>header .location .sign-mall-modal>.gift-hint .red {
  color: #f46
}

body .ui-page>header .location .sign-mall-modal>.exchange-btn,
body>header .location .sign-mall-modal>.exchange-btn {
  margin: 15px 5px;
  display: block;
  border-radius: 3px;
  color: #fff;
  background: #f46;
  line-height: 50px;
  font-size: 16px;
  text-decoration: none;
  text-align: center
}

body .ui-page>header .location #chat-to-app .modal-dialog,
body>header .location #chat-to-app .modal-dialog {
  max-width: 400px;
  text-align: center
}

body .ui-page>header .location #chat-to-app .modal-body img.qr-code,
body>header .location #chat-to-app .modal-body img.qr-code {
  width: 150px;
  height: 150px;
  margin: 10px auto
}

body .ui-page>header .location #chat-to-app .modal-body .tip,
body>header .location #chat-to-app .modal-body .tip {
  color: #666;
  margin: 10px
}

body .ui-page>header .location #chat-to-app .modal-input,
body>header .location #chat-to-app .modal-input {
  color: #fff;
  background: #f46;
  width: 200px;
  display: block;
  margin: 0 auto 20px;
  padding: 10px 0
}

body .ui-page>header .location .drop-box,
body>header .location .drop-box {
  position: fixed;
  top: -300px;
  z-index: 1000
}

body .ui-page>header .location .drop-box .content,
body>header .location .drop-box .content {
  position: relative
}

body .ui-page>header .location .drop-box .close-btn,
body>header .location .drop-box .close-btn {
  width: 34px;
  height: 34px;
  position: absolute;
  right: 0;
  top: -10px
}

body .ui-page>header .location .drop-box .open-btn,
body>header .location .drop-box .open-btn {
  display: block;
  width: 148px;
  height: 48px;
  margin: 0 auto
}

body .ui-page>header .location .thanks-prize-box,
body>header .location .thanks-prize-box {
  width: 334px;
  height: 340px;
  position: fixed;
  z-index: 1000;
  top: 50%;
  left: 50%;
  margin-left: -167px;
  margin-top: -170px
}

body .ui-page>header .location .thanks-prize-box .content,
body>header .location .thanks-prize-box .content {
  text-align: center;
  margin-top: 60px;
  position: relative;
  left: -12px
}

body .ui-page>header .location .thanks-prize-box .content p,
body>header .location .thanks-prize-box .content p {
  font-size: 18px
}

body .ui-page>header .location .thanks-prize-box .content .name,
body>header .location .thanks-prize-box .content .name {
  color: #7169fe
}

body .ui-page>header .location .thanks-prize-box .open-btn,
body>header .location .thanks-prize-box .open-btn {
  width: 148px;
  height: 48px;
  display: block;
  margin: 0 auto
}

body .ui-page>header .location .thanks-prize-box .close-btn,
body>header .location .thanks-prize-box .close-btn {
  position: absolute;
  width: 36px;
  height: 36px;
  top: -25px;
  right: 65px
}

body .ui-page>header .location .red-package,
body>header .location .red-package {
  width: 350px;
  height: 315px;
  background-size: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1000
}

body .ui-page>header .location .red-package .close-btn,
body>header .location .red-package .close-btn {
  width: 34px;
  height: 34px;
  position: absolute;
  right: 0;
  top: -10px
}

body .ui-page>header .location .red-package .open-btn,
body>header .location .red-package .open-btn {
  width: 148px;
  height: 48px;
  line-height: 48px;
  display: block;
  margin: 0 auto;
  background-size: 100%;
  text-align: center;
  color: #fff;
  font-size: 18px
}

body .ui-page>header .location .red-package img,
body>header .location .red-package img {
  margin-left: 25px
}

body .ui-page>header .location .red-package-prize-box,
body>header .location .red-package-prize-box {
  position: fixed;
  width: 478px;
  height: 403px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1000
}

body .ui-page>header .location .red-package-prize-box .close-btn,
body>header .location .red-package-prize-box .close-btn {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 50px;
  top: 50px
}

body .ui-page>header .location .breadcrumb>*,
body>header .location .breadcrumb>* {
  vertical-align: baseline;
  font-size: 14px
}

body .ui-page>header .location .breadcrumb,
body>header .location .breadcrumb {
  line-height: 115px;
  max-width: 650px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

body .ui-page>header .location .breadcrumb a,
body>header .location .breadcrumb a {
  color: #333
}

body .ui-page>header .location .breadcrumb .icon-arrow-right,
body>header .location .breadcrumb .icon-arrow-right {
  margin: .8em;
  font-size: 10px
}

body .ui-page>header .location .breadcrumb .post-total-count,
body>header .location .breadcrumb .post-total-count {
  color: #bebebe;
  font-size: 14px
}

body .ui-page>header .location .primary-logo,
body>header .location .primary-logo {
  position: relative;
  top: 4px;
  text-decoration: none
}

body .ui-page>header .location .primary-logo span.city-logo,
body>header .location .primary-logo span.city-logo {
  position: relative;
  bottom: 4px;
  margin-right: 5px;
  font-family: Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #f46
}

body .ui-page>header .location .primary-logo img,
body>header .location .primary-logo img {
  margin-right: 5px;
  vertical-align: baseline
}

body .ui-page>header .location a.post,
body>header .location a.post {
  float: right;
  margin: 24px 0;
  width: 260px
}

body .ui-page>header .location .jiameng-group-btn,
body>header .location .jiameng-group-btn {
  margin: 24px 0;
  float: right
}

body .ui-page>header .location a.jiameng,
body>header .location a.jiameng {
  width: 260px
}

body .ui-page>header .location .color-white,
body>header .location .color-white {
  color: #fff
}

body .ui-page>header .location a.other-post,
body>header .location a.other-post {
  background: #fff;
  color: #f46
}

body .ui-page>header .location a.other-post:hover,
body>header .location a.other-post:hover {
  background-image: none
}

body .ui-page>header .location .back-to-old,
body>header .location .back-to-old {
  display: inline-block;
  height: 55px;
  margin-left: 10px;
  cursor: pointer
}

body .ui-page>header .location .back-to-old.hide,
body>header .location .back-to-old.hide {
  display: none
}

body .ui-page>footer,
body>footer {
  margin-top: 60px;
  text-align: center
}

body .ui-page>footer .copyright,
body>footer .copyright {
  margin-right: 1em
}

body .ui-page>.container:after,
body .ui-page>.container:before,
body>.container:after,
body>.container:before {
  content: " ";
  display: table
}

body .ui-page>.container:after,
body>.container:after {
  clear: both
}

.foot-links-box {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px
}

.foot-links-box table tbody tr {
  line-height: 25px
}

.foot-links-box table tbody tr th {
  width: 11em;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  vertical-align: top;
  padding-top: 14px;
  color: #333
}

.foot-links-box table tbody tr td {
  padding-left: 25px;
  padding-top: 15px;
  color: #666
}

.foot-links-box table tbody tr td a {
  display: inline-block;
  color: #666;
  margin-right: 1.5em;
  white-space: nowrap
}

.foot-links-box .footer-search {
  height: 40px;
  margin-bottom: 24px;
  position: relative
}

.foot-links-box .footer-search .search-input {
  width: 370px;
  height: 40px;
  color: #999;
  border: 1px solid #dedede;
  border-radius: 2px
}

.foot-links-box .footer-search .input-box {
  position: relative;
  width: 1200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.foot-links-box .footer-search .input-box .icon-search {
  color: #666;
  position: absolute;
  left: 330px;
  top: 8px;
  font-size: 24px;
  z-index: 1
}

.foot-links-box .footer-search .input-box .submit-btn {
  text-indent: -999em;
  background: 0 0;
  position: absolute;
  left: 320px;
  top: 0;
  width: 40px;
  height: 40px;
  z-index: 2;
  border: none
}

.foot-links-box .footer-search .input-box span {
  padding-left: 6px
}

.foot-links-box .footer-search .input-box span a {
  padding: 0 5px;
  color: #666;
  font-size: 14px;
  display: inline-block
}

.main {
  float: left;
  width: 980px;
  position: relative
}

.icon:hover {
  text-decoration: none
}

.icon-minus {
  line-height: 1em;
  position: relative;
  top: -.25em
}

.icon-minus:before {
  content: '—'
}

textarea {
  min-height: 100px
}

.iframe-noborder {
  overflow: hidden;
  border: none
}

.one-line {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

#user_auth-modal .modal-dialog {
  width: 360px
}

#user_auth_3rd-modal .modal-dialog {
  width: 720px
}

#chat-frame {
  position: fixed;
  bottom: 0;
  right: 70px;
  width: 0;
  height: 0;
  overflow: visible;
  z-index: 50
}

#promote-weixin-modal p {
  margin: 12px 0
}

#xiangyang-feedback-modal .p-label,
#xiangyang-jubao-modal .p-label {
  position: absolute;
  width: 110px;
  text-align: right;
  padding: 0;
  font-weight: 800
}

#xiangyang-feedback-modal .p-value,
#xiangyang-jubao-modal .p-value {
  padding-left: 124px;
  display: block
}

#xiangyang-feedback-modal .p-line,
#xiangyang-jubao-modal .p-line {
  padding: 10px 0
}

#xiangyang-feedback-modal .p-submit,
#xiangyang-jubao-modal .p-submit {
  margin-bottom: 5px
}

#xiangyang-feedback-modal .p-submit .p-note a,
#xiangyang-jubao-modal .p-submit .p-note a {
  color: #666;
  text-decoration: underline
}

#xiangyang-feedback-modal .p-error,
#xiangyang-feedback-modal .p-error .p-error-empty,
#xiangyang-feedback-modal .p-error-empty,
#xiangyang-jubao-modal .p-error,
#xiangyang-jubao-modal .p-error .p-error-empty,
#xiangyang-jubao-modal .p-error-empty {
  display: none;
  font-size: 12px;
  padding-left: 5px;
  color: #f46
}

#xiangyang-feedback-modal .error .p-error,
#xiangyang-jubao-modal .error .p-error {
  display: inline
}

#xiangyang-feedback-modal .error .form-input,
#xiangyang-feedback-modal .error .form-textarea,
#xiangyang-jubao-modal .error .form-input,
#xiangyang-jubao-modal .error .form-textarea {
  background: #ffffe8
}

#xiangyang-feedback-modal .error .p-label,
#xiangyang-jubao-modal .error .p-label {
  color: #f46
}

#xiangyang-feedback-modal .error textarea,
#xiangyang-jubao-modal .error textarea {
  border: 1px solid #f46
}

#xiangyang-feedback-modal .empty .p-error,
#xiangyang-jubao-modal .empty .p-error {
  display: none
}

#xiangyang-feedback-modal .empty .p-error-empty,
#xiangyang-jubao-modal .empty .p-error-empty {
  display: inline
}

#xiangyang-feedback-modal p,
#xiangyang-jubao-modal p {
  padding: 10px 0 0 24px
}

#xiangyang-feedback-modal a.public-review,
#xiangyang-jubao-modal a.public-review {
  margin-left: 20px;
  background: 0 0;
  color: #f46;
  text-decoration: underline
}

.bd_weixin_popup,
.bdshare_dialog_box {
  box-sizing: content-box
}

#feedback-refashion .qrcode-box {
  position: relative;
  width: 175px;
  height: 175px
}


#feedback-refashion .qrcode-box.qr-common>.text {
  position: absolute;
  right: 0;
  width: 122px;
  height: 58px;
  padding: 7px 8px;
  background: #00d1c1;
  border-radius: 5px;
  color: #fff
}

#feedback-refashion .qrcode-box.qr-common>.image {
  position: absolute;
  left: 6px;
  top: 64px;
  width: 80px;
  height: 80px
}

#feedback-refashion .qrcode-box>img {
  position: absolute;
  left: 30px;
  top: 55px;
  width: 88px;
  height: 88px
}

#feedback-refashion .lottery-info {
  height: 139px;
  width: 153px;
  padding: 12px
}

#feedback-refashion .lottery-info .text {
  color: #fff
}

#feedback-refashion .lottery-info .info-block {
  margin-top: 13px
}

#feedback-refashion .lottery-info .info-no {
  color: #999;
  font-size: 12px
}

#feedback-refashion .lottery-info .info-yes {
  color: #f46;
  font-size: 12px
}

#feedback-refashion .lottery-info .hidden-button {
  width: 60px;
  height: 18px;
  border-radius: 9px;
  font-size: 8px;
  color: #fff;
  margin: 0 0 0 34px
}

.video-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer
}

.listing-video-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 36px;
  height: 36px;
  cursor: pointer
}

.video-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  height: 64px;
}

.vjs-big-play-centered .vjs-big-play-button {
  width: 64px !important;
  height: 64px !important;
  font-size: 40px !important;
  border-radius: 32px !important;
  left: 50% !important;
  top: 50% !important;
  margin-left: -32px !important;
  margin-top: -32px !important
}

.vjs-has-started.vjs-paused .vjs-big-play-button {
  display: block
}

.video-js button:focus {
  outline: 0;
  border: none
}

/* @font-face {
  font-family: VideoJS;
  src: url(//s.baixing.net/font/VideoJS.eot)
} */

#policy-dialog .prevent-modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10
}

#policy {
  position: relative;
  width: 430px;
  z-index: 11
}

#policy h4 {
  padding: 0;
  margin: 0
}

#policy .modal-body {
  padding: 30px 20px;
  color: #666
}

#policy .text-desc {
  text-align: left;
  letter-spacing: 1px
}

#policy .btn-group {
  margin-top: 20px
}

#policy .btn-group .button {
  width: 130px
}

#policy .btn-group .cancel {
  color: #f46;
  background: #fff;
  border: 1px solid #f46
}

#policy .close {
  position: absolute;
  right: 10px;
  top: 12px
}

body header .location .pull-right,
body header .location a.post {
  color: #f46 !important;
  background: #fff !important;
  padding: 0 !important
}