/*!
 * 号码之家PC版 v1.0.0 (https://hot.haoma.com)
 * Copyright 2021 北京飞翔思拓科技有限公司.
 * Licensed under the ISC license
 */
blockquote,
body,
button,
caption,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
input,
legend,
li,
menu,
ol,
p,
pre,
table,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}
address,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th {
  text-align: left;
  font-weight: 400;
}
abbr,
body,
fieldset,
html,
iframe,
img {
  border: 0;
}
address,
cite,
dfn,
em,
i,
var {
  font-style: normal;
}
[hidefocus],
summary {
  outline: 0;
}
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
small {
  font-size: 100%;
}
sub,
sup {
  font-size: 83%;
}
code,
kbd,
pre,
samp {
  font-family: inherit;
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}
label,
summary {
  cursor: default;
}
a,
button,
input[type='submit'] {
  cursor: pointer;
}
b,
em,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: 400;
}
a,
a:hover,
del,
ins,
s,
u {
  text-decoration: none;
}
body,
button,
input,
keygen,
legend,
select,
textarea {
  color: #333;
  outline: 0;
  font-size: 14px;
  line-height: 1.5;
}
body {
  font-family: Microsoft Yahei, 微软雅黑, Arial, Hiragino Sans GB, 宋体;
  -webkit-font-smoothing: antialiased;
}
a {
  color: #777;
}
a:hover {
  color: #f30213;
}
body,
html {
  height: 100%;
}
.dn {
  display: none !important;
}
.di {
  display: inline;
}
.db {
  display: block;
}
.dtc {
  display: table-cell;
}
.dib {
  display: inline-block;
}
.lh14 {
  line-height: 14px;
}
.lh16 {
  line-height: 16px;
}
.lh18 {
  line-height: 18px;
}
.lh20 {
  line-height: 20px;
}
.lh22 {
  line-height: 22px;
}
.lh24 {
  line-height: 24px;
}
.lh28 {
  line-height: 28px;
}
.lh30 {
  line-height: 30px;
}
.m0 {
  margin: 0;
}
.ml1 {
  margin-left: 1px;
}
.ml2 {
  margin-left: 2px;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml30 {
  margin-left: 30px;
}
.mr1 {
  margin-right: 1px;
}
.mr2 {
  margin-right: 2px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.mt1 {
  margin-top: 1px;
}
.mt2 {
  margin-top: 2px;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mb1 {
  margin-bottom: 1px;
}
.mb2 {
  margin-bottom: 2px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.p0 {
  padding: 0;
}
.p1 {
  padding: 1px;
}
.pl1 {
  padding-left: 1px;
}
.pt1 {
  padding-top: 1px;
}
.pr1 {
  padding-right: 1px;
}
.pb1 {
  padding-bottom: 1px;
}
.p2 {
  padding: 2px;
}
.pl2 {
  padding-left: 2px;
}
.pt2 {
  padding-top: 2px;
}
.pr2 {
  padding-right: 2px;
}
.pb2 {
  padding-bottom: 2px;
}
.pl5 {
  padding-left: 5px;
}
.p5 {
  padding: 5px;
}
.pt5 {
  padding-top: 5px;
}
.pr5 {
  padding-right: 5px;
}
.pb5 {
  padding-bottom: 5px;
}
.p10 {
  padding: 10px;
}
.pl10 {
  padding-left: 10px;
}
.pt10 {
  padding-top: 10px;
}
.pr10 {
  padding-right: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
.p15 {
  padding: 15px;
}
.pl15 {
  padding-left: 15px;
}
.pt15 {
  padding-top: 15px;
}
.pr15 {
  padding-right: 15px;
}
.pb15 {
  padding-bottom: 15px;
}
.p20 {
  padding: 20px;
}
.pl20 {
  padding-left: 20px;
}
.pt20 {
  padding-top: 20px;
}
.pr20 {
  padding-right: 20px;
}
.pb20 {
  padding-bottom: 20px;
}
.p30 {
  padding: 30px;
}
.pl30 {
  padding-left: 30px;
}
.pt30 {
  padding-top: 30px;
}
.pr30 {
  padding-right: 30px;
}
.pb30 {
  padding-bottom: 30px;
}
.f0 {
  font-size: 0;
}
.f12 {
  font-size: 12px;
}
.f13 {
  font-size: 13px;
}
.f14 {
  font-size: 14px;
}
.f16 {
  font-size: 16px;
}
.f18 {
  font-size: 18px;
}
.f20 {
  font-size: 20px;
}
.f24 {
  font-size: 24px;
}
.f28 {
  font-size: 28px;
}
.n {
  font-weight: 400;
  font-style: normal;
}
.b {
  font-weight: 700;
}
.i {
  font-style: italic;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.tl {
  text-align: left;
}
.tj {
  text-align: justify;
}
.tdl {
  text-decoration: underline;
}
.tdn,
.tdn:hover,
.tdn a:hover,
a.tdl:hover {
  text-decoration: none;
}
.lt-1 {
  letter-spacing: -1px;
}
.lt0 {
  letter-spacing: 0;
}
.lt1 {
  letter-spacing: 1px;
}
.nowrap {
  white-space: nowrap;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.ovh {
  overflow: hidden;
}
.ova {
  overflow: auto;
}
.vh {
  visibility: hidden;
}
.vv {
  visibility: visible;
}
.clearfix:after {
  display: table;
  content: '';
  clear: both;
}
.ell {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.center-block {
  margin-left: auto;
  margin-right: auto;
}
.middle {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.trans {
  transition: all 0.25s;
}
.unselect {
  -webkit-user-select: none;
  user-select: none;
}
.color-red {
  color: #f10215 !important;
}
.color-dark-red {
  color: #c30 !important;
}
.color-blue {
  color: #007cc3;
}
.color-gray {
  color: #666;
}
.indent-2-char {
  text-indent: 24px;
}
@keyframes a {
  0%,
  5% {
    opacity: 0;
    transform: translateY(-10px);
  }
  10% {
    opacity: 1;
    transform: translateY(-10px);
  }
  to {
    transform: translateY(0);
  }
}
@font-face {
  font-family: iconfont;
  src: url(https://s.haoma.com/iconfont/iconfont.eot);
  src: url(https://s.haoma.com/iconfont/iconfont.eot)
      format('embedded-opentype'),
    url(https://s.haoma.com/iconfont/iconfont.woff2) format('woff2'),
    url(https://s.haoma.com/iconfont/iconfont.woff) format('woff'),
    url(https://s.haoma.com/iconfont/iconfont.ttf) format('truetype'),
    url(https://s.haoma.com/iconfont/iconfont.svg) format('svg');
}
.iconfont {
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon_collected:before {
  content: '\e626';
  color: #f50;
  font-size: 24px;
  line-height: 1;
}
.icheckbox {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border: 1px solid #e0e0e0;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
}
.icheckbox-sm {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
}
.ichecked-solid {
  border-color: #f30213;
  background-color: #f30213;
}
.ichecked-plain {
  border-color: #f30213;
  color: #f30213;
}
.btn {
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
  color: #4c5161;
  border: 1px solid #d0d0d5;
  border-radius: 4px;
  padding: 9px 15px;
  min-width: 50px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50%;
  text-decoration: none;
  transition: border-color 0.15s, background-color 0.15s, opacity 0.15s;
  cursor: pointer;
  overflow: visible;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.btn:focus,
.btn:hover {
  color: #333;
  text-decoration: none;
}
.btn:active {
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
}
.btn-primary {
  color: #fff;
  background-color: #df3033;
  border-color: #df3033;
}
.btn-primary.btn-plain {
  background-color: transparent;
  color: #df3033;
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
  color: #fff !important;
  background-color: #da0211 !important;
  border-color: #da0211 !important;
}
.btn-default {
  border-color: #ddd;
  color: #666;
  background-color: #f7f7f7;
}
.btn-block {
  display: block;
  width: 100%;
}
.loading {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: hsla(0, 0%, 100%, 0.5);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.loading .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 50px;
  margin-left: -100px;
  margin-top: -25px;
}
.loading .l-icon {
  width: 32px;
  height: 32px;
  margin: 0 auto;
}
.loading .l-text {
  width: 100%;
  line-height: 20px;
  margin: 5px 0;
  text-align: center;
  color: #666;
}
.loading .l-text.warning {
  color: #ff6700;
}
.loading .l-text.success {
  color: #7abd54;
}
.loading .l-text.failed {
  color: #df3033;
}
.st-loading {
  position: relative;
  width: 32px;
  height: 32px;
}
.st-loading > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -4px;
  border-radius: 100%;
  animation: b 1s infinite linear;
  background: #f30213;
}
.st-loading > div:first-child {
  top: 5%;
  left: 50%;
  animation-delay: -0.875s;
}
.st-loading > div:nth-child(2) {
  top: 18.1801948466%;
  left: 81.8198051534%;
  animation-delay: -0.75s;
}
.st-loading > div:nth-child(3) {
  top: 50%;
  left: 95%;
  animation-delay: -0.625s;
}
.st-loading > div:nth-child(4) {
  top: 81.8198051534%;
  left: 81.8198051534%;
  animation-delay: -0.5s;
}
.st-loading > div:nth-child(5) {
  top: 94.9999999966%;
  left: 50.0000000005%;
  animation-delay: -0.375s;
}
.st-loading > div:nth-child(6) {
  top: 81.8198046966%;
  left: 18.1801949248%;
  animation-delay: -0.25s;
}
.st-loading > div:nth-child(7) {
  top: 49.9999750815%;
  left: 5.0000051215%;
  animation-delay: -0.125s;
}
.st-loading > div:nth-child(8) {
  top: 18.179464974%;
  left: 18.1803700518%;
  animation-delay: 0s;
}
@keyframes b {
  50% {
    opacity: 0.25;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.st-success {
  position: relative;
  width: 32px;
  height: 32px;
  background: #7abd54;
  border-radius: 50%;
}
.st-success > div {
  width: 20px;
  height: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -8px;
  transform: rotate(-45deg);
  overflow: hidden;
}
.st-success > div:after,
.st-success > div:before {
  content: '';
  position: absolute;
  background: #fff;
  border-radius: 2px;
}
.st-success > div:before {
  width: 2px;
  height: 10px;
  left: 0;
  animation: d 0.2s linear 0.2s 1 both;
}
.st-success > div:after {
  width: 20px;
  height: 2px;
  bottom: 0;
  animation: c 0.4s linear 0.4s 1 both;
}
@keyframes c {
  0% {
    left: -100%;
  }
  to {
    left: 0;
  }
}
.st-failed {
  position: relative;
  width: 32px;
  height: 32px;
  background: #df3033;
  border-radius: 50%;
}
.st-failed > div {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  transform: rotate(-45deg);
  overflow: hidden;
}
.st-failed > div:after,
.st-failed > div:before {
  content: '';
  position: absolute;
  background: #fff;
  border-radius: 2px;
}
.st-failed > div:before {
  width: 2px;
  height: 20px;
  left: 50%;
  margin-left: -1px;
  animation: d 0.2s linear 0.2s 1 both;
}
.st-failed > div:after {
  width: 20px;
  height: 2px;
  top: 50%;
  margin-top: -1px;
  animation: e 0.2s linear 0.3s 1 both;
}
@keyframes d {
  0% {
    top: -100%;
  }
  to {
    top: 0;
  }
}
@keyframes e {
  0% {
    right: -100%;
  }
  to {
    right: 0;
  }
}
.ui-loading {
  background: #fff;
  padding: 24rpx;
}
.ui-loading-icon {
  position: relative;
  margin: auto;
  height: 26px;
  border-radius: 13px;
  border: 2px solid #237fe5;
  animation: f 1s infinite linear;
}
.ui-loading-icon,
.ui-loading-icon:after {
  box-sizing: border-box;
  display: block;
  width: 26px;
  background: inherit;
}
.ui-loading-icon:after {
  position: absolute;
  content: '';
  top: -2px;
  left: -2px;
  height: 13px;
}
@keyframes f {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.pagination {
  float: right;
  margin: 30px 10px 30px 0;
}
.pagination .pitem {
  float: left;
  color: #3d3d3d;
  height: 33px;
  min-width: 23px;
  padding: 0 5px;
  line-height: 33px;
  text-align: center;
  margin: 0 2px;
  border: 1px solid #e8e8e8;
  cursor: pointer;
}
.pagination .pitem:first-child:before {
  content: '\e641';
  font-size: 14px;
  font-family: iconfont !important;
  font-style: normal;
}
.pagination .pitem:last-child:before {
  content: '\e642';
  font-size: 14px;
  font-family: iconfont !important;
  font-style: normal;
}
.pagination .pitem:last-child:before:hover {
  color: #ff5000;
}
.pagination .pitem.active {
  color: #fff;
  border-color: #ff5000;
  background: #ff5000;
}
.pagination .pitem:not(.active):hover {
  color: #ff5000;
  border-color: #ff5000;
}
::-webkit-input-placeholder {
  color: #b1b5cc;
}
:-moz-placeholder,
::-moz-placeholder {
  color: #b1b5cc;
}
:-ms-input-placeholder {
  color: #b1b5cc;
}
.form-group {
  margin-top: 15px;
}
.form-group:after {
  clear: both;
}
.form-group:after,
.form-group:before {
  display: table;
  content: '';
}
.form-label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
}
.col-form-label {
  width: 100px;
  float: left;
  text-align: right;
  font-size: 16px;
  line-height: 40px;
  vertical-align: middle;
  padding: 0 12px 0 0;
  box-sizing: border-box;
  color: #1b1b1b;
}
.col-form-content {
  position: relative;
  margin-left: 100px;
}
.form-control {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #4c5161;
  background-color: #fff;
  background-image: none;
  border-radius: 2px;
  border: 1px solid #dcdfe6;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-inline .form-control {
  display: inline-block;
}
.form-control:focus {
  border-color: #3b99fc;
}
textarea.form-control {
  height: auto;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
  font-size: 13px;
}
.has-error .col-form-label,
.has-error .help-block {
  color: #f4615c;
}
.has-error .form-control {
  border-color: #f4615c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #f4615c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.form-common input.form-control {
  width: 320px;
}
.form-common textarea.form-control {
  min-width: 320px;
  width: 500px;
  max-width: 600px;
  height: 132px;
  min-height: 96px;
  max-height: 200px;
}
.modal-container {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 0;
  background-color: rgba(25, 28, 34, 0.77);
  text-align: center;
  color: #4c5161;
  font-size: 14px;
  overflow: auto;
}
.modal-container:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 90%;
  vertical-align: middle;
}
.modal-animation {
  animation: a 0.25s;
}
.modal {
  position: relative;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: left;
  min-width: 400px;
  border-radius: 2px;
  background-color: #f7f9fa;
  vertical-align: middle;
  outline: 0;
}
.modal-auto {
  max-height: 1000px;
  width: 1200px;
  position: absolute;
  top: 50px;
  bottom: 60px;
  left: 50%;
  margin: auto 0 auto -600px;
}
.modal-auto .modal-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
.modal-auto .modal-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  bottom: 90px;
  padding: 0 0 0 25px;
  overflow: hidden;
}
.modal-close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #757575;
  cursor: pointer;
  transition: all 0.2s;
  z-index: 1;
  border-radius: 15px;
}
.modal-close .iconfont {
  font-size: 24px;
}
.modal-close:hover {
  background: #fd2b3a;
  color: #fff;
  font-weight: 500;
}
.modal-title {
  line-height: 30px;
  padding: 15px 50px 0 25px;
  font-weight: 700;
  font-size: 14px;
  color: #4c5161;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
.modal-content {
  min-height: 60px;
  padding: 10px 25px 20px;
}
.modal-footer {
  padding: 3px 25px 25px;
  margin-top: -3px;
  text-align: center;
  max-height: 40px;
  opacity: 1;
  transition: max-height 0.2s, opacity 0.2s 0.1s;
  overflow: hidden;
}
.dialog-mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.15);
  z-index: 19999;
}
.dialog {
  position: fixed;
  z-index: 20000;
  left: 50%;
  top: 50%;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  transform: translate(-50%, -50%);
}
.dialog-title {
  display: none;
  position: relative;
  padding: 0 10px;
  height: 31px;
  line-height: 31px;
  color: #000;
  font-weight: 700;
  background: #f3f3f3;
  font-size: 14px;
}
.dialog-content {
  position: relative;
  padding: 10px;
  background: #fff;
}
.dialog-close {
  cursor: pointer;
  display: block;
  position: absolute;
  z-index: 100000;
  top: 5px;
  right: 5px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.dialog-close i {
  font-size: 20px;
  color: #aaa;
}
.dialog-loading .dialog-close,
.dialog-loading .dialog-title {
  display: none;
}
.dialog-loading-content {
  display: none;
  padding: 20px;
}
.dialog-loading .dialog-loading-content {
  display: block;
}
.dialog-msg-content {
  width: 400px;
  background: #fff;
  text-align: center;
  padding: 30px 0;
}
.dialog-msg-content .ico {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  font-size: 50px;
  line-height: 50px;
}
.dialog-msg-content .ico:after {
  font-family: iconfont;
}
.dialog-msg-content .con {
  margin-top: 10px;
  text-align: center;
  font-size: 18px;
  color: #333;
  line-height: 22px;
}
.dialog-msg-content .con em {
  font-weight: 700;
}
.dialog-msg-content .desc {
  margin-top: 10px;
  font-size: 14px;
  color: #999;
}
.dialog-success .dialog-msg-content .ico:after {
  content: '\e652';
  color: #20ac4f;
}
.dialog-failed .dialog-msg-content .ico:after {
  content: '\e656';
  color: #ef2222;
}
.dialog-warning .dialog-msg-content .ico:after {
  content: '\e654';
  color: #ff8801;
}
.dialog-btn-wrap {
  margin-top: 18px;
  text-align: center;
}
.dialog-btn {
  box-sizing: border-box;
  display: inline-block;
  padding: 0 16px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  background: transparent;
}
.dialog-pri-btn {
  margin-right: 10px;
  background-color: #e2231a;
  color: #fff;
  border: 1px solid #e2231a;
}
.dialog-sec-btn {
  border: 1px solid #e2231a;
  color: #e2231a;
}
.dialog-custom .dialog-title {
  display: block;
}
.slider {
  overflow: hidden;
  width: 100%;
}
.slider,
.slider-container {
  position: relative;
  height: 100%;
}
.slider-container {
  width: 10000%;
}
.slider-container.move {
  transition: transform 0.3s ease-in;
}
.slider-container .slider-item {
  float: left;
  width: 1%;
  height: 100%;
  background: #eee;
}
.slider-control {
  position: absolute;
  top: 50%;
  width: 25px;
  height: 35px;
  line-height: 35px;
  background-color: rgba(0, 0, 0, 0.15);
  margin-top: -20px;
  font-size: 20px;
  z-index: 2;
  border: none;
  outline: none;
  border-radius: 0;
  transition: background-color 0.2s ease;
}
.slider-control-prev {
  left: 0;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}
.slider-control-prev i {
  left: -3px;
}
.slider-control-next {
  right: 0;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}
.slider-control-next i {
  right: -3px;
}
.slider-control:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
}
.slider-control i {
  position: relative;
  display: block;
  font-size: 12px;
  font-weight: 700;
  width: 100%;
  height: 100%;
  color: hsla(0, 0%, 100%, 0.8);
  transition: color 0.2s ease;
}
.slider-indicator {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.slider-indicator-btn {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 2px solid hsla(0, 0%, 100%, 0.4);
  border-radius: 50%;
  background: transparent;
  margin: 0 5px;
  transition: background 0.2s ease;
}
.slider-indicator-btn-active {
  background: #fff;
}
.tab-list {
  font-size: 16px;
  padding: 16px 0 0;
}
.tab-list li {
  display: inline-block;
  padding: 0;
  color: #424242;
  border-bottom: 2px solid transparent;
  transition: border 0.3s;
  cursor: pointer;
  margin: 0 0 0 30px;
}
.tab-list li.tab-active,
.tab-list li:hover {
  color: #ff6700;
  border-bottom: 2px solid #ff6700;
}
.crumbs {
  padding: 10px 0;
}
.crumbs .w {
  position: relative;
}
.crumbs-cont {
  font-size: 14px;
  line-height: 30px;
}
.crumbs .toggle-btn {
  float: right;
  height: 22px;
  margin: 3px 0 0 5px;
  line-height: 22px;
  border: 1px solid #e0e0e0;
  padding: 0 9px;
  background: #fff;
  color: #666;
  cursor: pointer;
  text-decoration: none;
}
.crumbs .toggle-btn:hover {
  color: #df3033;
}
.crumbs .toggle-btn .iconfont {
  vertical-align: middle;
  font-size: 12px;
}
.crumbs .show-collapse .expand {
  display: none;
}
.crumbs .show-collapse .collapse,
.crumbs .show-expend .expand {
  display: inline-block;
}
.crumbs .show-expend .collapse {
  display: none;
}
.crumbs-nav-item {
  font-size: 14px;
  line-height: 30px;
  color: #9b9ea0;
  font-weight: 700;
}
.crumbs-nav-item:not(.current):hover {
  color: #f30213;
}
.crumbs-nav-item.current {
  font-weight: 400;
  color: #000;
  margin-right: 15px;
}
.crumbs-arrow {
  color: #ddd;
  font-weight: 700;
}
.crumbs-select-item {
  position: relative;
  margin-right: 5px;
  padding: 1px 27px 1px 4px;
  max-width: 144px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid #e0e0e0;
  color: #666;
  background: #fff;
}
.crumbs-select-item .iconfont {
  position: absolute;
  right: 0;
  width: 24px;
  text-align: center;
  bottom: 0;
  top: 0;
  line-height: 24px;
  font-size: 12px;
  color: #ccc;
}
.crumbs-select-item:hover {
  border-color: #df3033;
  color: #000;
}
.crumbs-select-item:hover .iconfont {
  background: #df3033;
  color: #fff;
}
.crumbs .search-key {
  margin: 4px 5px 0;
  line-height: 20px;
  color: #666;
  font-weight: 700;
}
.crumbs .clear-all {
  cursor: pointer;
  border: 1px dashed #ddd;
  color: #999;
  padding: 1px 12px;
  line-height: 18px;
  font-size: 12px;
  border-radius: 2px;
  white-space: nowrap;
}
.crumbs .clear-all:hover {
  border-style: solid;
  color: #df3033;
  border-color: #df3033;
  background: #fff;
}
.label {
  display: inline-block;
  margin: 11px 5px 11px 0;
  padding: 0 5px;
  height: 18px;
  line-height: 18px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  background: #fff;
  font-size: 12px;
}
.label-city {
  color: #ff5000;
  border-color: #ff5000;
}
.label-operation {
  color: #13c2c2;
  border-color: #13c2c2;
}
.skeleton-wrapper {
  position: relative;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.skeleton-wrapper:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    270deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.5),
    hsla(0, 0%, 100%, 0)
  );
  left: 0;
  top: 0;
  z-index: 20;
  animation: g 2s ease-in-out infinite;
  content: '';
}
@keyframes g {
  0% {
    transform: translate(-100%);
  }
  80%,
  to {
    transform: translate(100%);
  }
}
.skeleton-element {
  background: none !important;
  background-color: #f4f4f4 !important;
  border-color: #f4f4f4 !important;
}
.skeleton-elementDark {
  background: none !important;
  background-color: #eee !important;
  border-color: #eee !important;
}
.light-tip {
  position: fixed;
  top: 16px;
  left: 0;
  right: 0;
  z-index: 1010;
}
.light-tip-wrapper {
  padding: 8px;
  text-align: center;
}
.light-tip-animation {
  animation: a 0.25s;
}
.light-tip-content {
  display: inline-block;
  padding: 10px 16px;
  min-width: 400px;
  background: #fff;
  color: rgba(0, 0, 0, 0.65);
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: all;
}
.light-tip-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 7px;
  line-height: 20px;
  font-weight: 700;
  vertical-align: text-top;
}
.light-tip-success .light-tip-content {
  color: #fff;
  background-color: #01cf97;
}
.light-tip-error .light-tip-content {
  color: #fff;
  background-color: #f4615c;
}
.select-container {
  width: 107px;
  background: #fff;
  border: 1px solid #f30213;
  border-top: 0;
  border-radius: 0 0 2px 2px;
  text-align: center;
  cursor: pointer;
}
.select-container .select-item {
  height: 36px;
  line-height: 36px;
}
.select-container .select-item:hover {
  background: #df3033;
  color: #fff;
}
.select-container.fuzzy-select-container {
  margin-top: 6px;
}
.form-select-inline {
  float: left;
  width: 190px;
  margin-right: 10px;
}
.form-select-inline__wrap {
  min-height: 40px;
}
.form-select {
  position: relative;
}
input.not-allowed,
textarea.not-allowed {
  cursor: not-allowed !important;
  background-color: #f5f5f5 !important;
}
.form-select_open .form-select__title i {
  font-weight: 700;
  transform: rotate(180deg);
}
.form-select_open .form-select__panel {
  display: block;
}
.form-select__title.not-allowed .input {
  cursor: not-allowed;
  background-color: #f5f5f5;
}
.form-select__title .input {
  padding: 0 30px 0 10px;
  cursor: pointer;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #e6e6e6;
  font-size: 16px;
  box-sizing: border-box;
}
.form-select__title i {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  cursor: pointer;
  transition: all 0.3s;
  color: #b1b5cc;
}
.form-select__panel {
  display: none;
  position: absolute;
  left: 0;
  top: 42px;
  padding: 5px 0;
  z-index: 899;
  min-width: 100%;
  border: 1px solid #d2d2d2;
  max-height: 300px;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
}
.form-select__panel .select__item {
  padding: 0 10px;
  line-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.form-select__panel .select__item:hover {
  background-color: #f2f2f2;
  transition: all 0.5s;
}
.form-select__panel .select__item.selected {
  background-color: #ff8201;
  color: #fff;
}
.form-select__panel .select__title {
  color: #999;
}
.w {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.main {
  margin-top: 10px;
  margin-bottom: 60px;
}
.clearfix:after,
.clearfix:before {
  display: table;
  content: '';
  clear: both;
}
.m-list {
  float: left;
  width: 955px !important;
}
.m-list .num-container {
  margin-top: 3px;
}
.m-aside {
  float: right;
  width: 220px;
}
.list {
  float: right;
  width: 962px;
}
.aside {
  float: left;
  width: 220px;
}
.noresult {
  padding: 80px 0 80px 310px;
  color: #666;
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/search-result-pic.png)
    160px no-repeat;
}
.noresult-tit {
  font-size: 24px;
  margin: 20px 0;
}
.noresult-cont a {
  color: #005ea7;
}
.noresult-cont p {
  margin: 8px 0;
  font-size: 15px;
}
.noresult-cont em {
  color: #005ea7;
}
.disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: default;
  -ms-pointer-events: none;
  pointer-events: none;
}
.spinner-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spinner {
  clear: both;
  margin: 0 auto;
  padding: 100px;
  width: 100px;
  height: 60px;
  text-align: center;
  font-size: 10px;
}
.spinner > div {
  background-color: #ddd;
  height: 100%;
  width: 6px;
  margin-right: 3px;
  display: inline-block;
  animation: h 1.2s infinite ease-in-out;
}
.spinner > div:nth-child(2) {
  animation-delay: -1.1s;
}
.spinner > div:nth-child(3) {
  animation-delay: -1s;
}
.spinner > div:nth-child(4) {
  animation-delay: -0.9s;
}
.spinner > div:nth-child(5) {
  animation-delay: -0.8s;
}
@keyframes h {
  0%,
  40%,
  to {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.row {
  margin-left: -14px;
}
.row:after,
.row:before {
  content: ' ';
  display: table;
}
.row:after {
  clear: both;
}
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12,
.span13,
.span14,
.span15,
.span16,
.span17,
.span18,
.span19,
.span20 {
  float: left;
  margin-left: 14px;
  min-height: 1px;
}
.span1 {
  width: 46px;
}
.span2 {
  width: 106px;
}
.span3 {
  width: 166px;
}
.span4 {
  width: 226px;
}
.span5 {
  width: 286px;
}
.span6 {
  width: 346px;
}
.span7 {
  width: 406px;
}
.span8 {
  width: 466px;
}
.span9 {
  width: 526px;
}
.span10 {
  width: 586px;
}
.span11 {
  width: 646px;
}
.span12 {
  width: 706px;
}
.span13 {
  width: 766px;
}
.span14 {
  width: 826px;
}
.span15 {
  width: 886px;
}
.span16 {
  width: 946px;
}
.span17 {
  width: 1006px;
}
.span18 {
  width: 1066px;
}
.span19 {
  width: 1126px;
}
.span20 {
  width: 1186px;
}
.result {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.result.result-no-data {
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/no-data.png)
    50% no-repeat;
  background-size: 200px auto;
}
.result.result-net-fail {
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/net-fail.png)
    50% no-repeat;
  background-size: 200px auto;
}
.result.result-loading {
  position: absolute;
  width: 100px;
  height: 60px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
@keyframes i {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.result-loading .loading-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.result-loading .loading-icon:after {
  content: ' ';
  display: block;
  width: 23px;
  height: 23px;
  margin: 1px;
  border-radius: 50%;
  border: 2px solid #f30213;
  border-color: #f30213 transparent;
  animation: i 1.2s linear infinite;
}
button .loading-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
button .loading-icon:after {
  content: ' ';
  display: block;
  width: 10px;
  height: 10px;
  margin: 1px;
  border-radius: 50%;
  border: 2px solid #fc0;
  border-color: #fc0 transparent;
  animation: i 1.2s linear infinite;
}
.result.result-loading .loading-tip {
  margin: 10px 10px 0;
  color: #d4d4d4;
  font-size: 14px;
}
.number,
.price {
  font-family: Microsoft Yahei, sans-serif;
}
.number {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  color: #444;
}
.number.active {
  color: #ff0036;
}
.num-split {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 22px;
  vertical-align: text-bottom;
}
.num-split:before {
  position: absolute;
  top: 9px;
  left: 2px;
  width: 6px;
  height: 3px;
  background-color: #c8c8c8;
  content: '';
}
.num-type {
  padding: 0 4px;
  font-size: 10px;
  line-height: 14px;
  color: #fff;
  margin-left: 4px;
  border-radius: 2px;
  transform: scale(0.8);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.e400-num-container .number.active:after,
.e400-num-container .number.active:before {
  content: '-';
  color: #a7a6a5;
}
.plain-container .number {
  color: #fff !important;
}
.plain-container .number.active:after,
.plain-container .number.active:before {
  color: #fff;
}
.num-container {
  position: relative;
  width: 960px;
  background: #fff;
  min-height: 400px;
  margin-left: -3px;
}
.num-container .num-item {
  width: 186px;
}
.num-container-wrapper {
  width: 961px;
}
.num-container-wrapper .num-item {
  width: 186px;
}
.num-container-wrapper:after {
  content: ' ';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  font-size: 0;
}
.row-num-container .num-item {
  width: 474px;
  height: 50px;
}
.row-num-container .num-item.num-item-dx,
.row-num-container .num-item.num-item-lt,
.row-num-container .num-item.num-item-yd {
  background-position: 420px 10px;
  background-size: auto 50px;
}
.p-operate .showCode {
  display: none;
}
.row-num-container .num-item.sold {
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/sold-row-bg.png)
    420px 5px no-repeat;
  background-size: 67px 43px;
}
.row-num-container .num-item .content {
  padding: 10px 0 10px 25px;
  display: flex;
}
.row-num-container .num-item .num-ft,
.row-num-container .num-item .num-hd,
.row-num-container .num-item .num-md {
  float: left;
}
.row-num-container .num-item .num-hd {
  height: 30px;
  width: 172px;
}
.row-num-container .num-item .num-md {
  padding-top: 5px;
  width: 120px;
  overflow: hidden;
}
.row-num-container .num-item .num-opt {
  bottom: 5px;
  left: 180px;
}
.column-num-container {
  width: 192px;
  float: left;
}
.column-num-container .num-item {
  height: auto;
}
.column-num-container .num-item .content {
  padding-bottom: 5px;
}
.collect-num-container .num-item .num-opt .buy-btn,
.collect-num-container .num-item .num-opt .cart-btn {
  width: 70px;
  padding: 5px 0;
  margin: 0;
  border-radius: 0;
}
.collect-num-container .num-item .num-opt .buy-btn {
  border-radius: 2px 0 0 2px;
}
.collect-num-container .num-item .num-opt .cart-btn {
  border-radius: 0 2px 2px 0;
}
.side-num-container {
  width: 600px;
  /*height: 500px;*/
  border-color: #f4f4f4;
  border: none;
}
.side-num-container .num-container-wrapper {
  width: 601px;
  margin-top: -3px;
  margin-left: -3px;
}
.e400-side-num-container .num-item,
.screen-num-container .num-item,
.side-num-container .num-item {
  width: 194px;
  /*border-color: #f4f4f4;*/
}
.e400-side-num-container {
  width: 600px;
  border: none;
  margin-top: -3px;
  margin-left: -3px;
}
.e400-side-num-container .num-container-wrapper {
  width: 601px;
}
.e400-promo-num-container {
  width: 1200px;
  height: 513px;
  border: 0 none !important;
  padding: 40px 0 0 25px;
  box-sizing: border-box;
}
.e400-promo-num-container .num-item {
  width: 210px;
  margin: 0 0 10px 16px;
  border-radius: 5px;
  background-color: #f4f4f4 !important;
}
.e400-selected-num-container {
  width: 970px;
  height: 724px;
  border: 0 none !important;
  overflow: hidden;
}
.e400-selected-num-container .num-item {
  margin: 0 15px 16px 0;
  width: 225px;
  height: 105px;
  border-radius: 5px;
  background-color: #fff !important;
}
.screen-num-container {
  width: 1200px;
  /*height: 600px;*/
  border: none;
}
.screen-num-container .num-container-wrapper {
  width: 1201px;
}
.birth-num-container {
  position: relative;
  background: #fee8eb;
  min-height: 400px;
  padding: 50px 0 50px 70px;
  margin-bottom: 60px;
}
.birth-num-container .num-item {
  background-color: #fff !important;
  width: 200px;
  margin-right: 10px;
  margin-bottom: 16px;
}
.num-divided-container .num-item {
  border: 1px solid #e0e0e0;
}
.query-num-container {
  width: 950px;
  overflow: hidden;
  margin: -5px -10px;
}
.query-num-container .num-item {
  height: 120px;
  width: 186px !important;
}
.num-item,
.single-num-contaier .num-item {
  height: 96px;
}
.num-item {
  float: left;
  width: 193px;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid #efefef;
  margin: 3px;
  box-shadow: 1px 1px 0.5px rgba(0, 0, 0, 0.1);
}
.num-item-more {
  position: relative;
  z-index: 1;
  top: -100px;
  width: 100%;
  height: 100%;
  background: #fff;
  box-sizing: content-box;
}

.num-item-more .text {
  padding: 30px 60px 0 20px;
  font-size: 16px;
  color: #333;
}
.num-item-more .text .small {
  font-size: 12px;
  color: #757575;
}
.num-item-more .icon {
  position: absolute;
  right: 15px;
  top: 25px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  color: #f30213;
}
.num-item-more .icon .iconfont {
  font-size: 40px;
}
.num-item.num-item-dx {
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/400/bg-dx.png)
    135px 30px no-repeat;
  background-size: 66px 65px;
}
.num-item.num-item-lt {
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/400/bg-lt.png)
    125px 30px no-repeat;
  background-size: 86px 65px;
}
.num-item.num-item-yd {
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/400/bg-yd.png)
    135px 30px no-repeat;
  background-size: 66px 65px;
}
.num-item.sold {
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/sold-bg.png)
    125px 35px no-repeat;
  background-size: 60px 60px;
  -webkit-user-select: none;
  user-select: none;
}
.num-item.sold .num-ft,
.num-item.sold .number,
.num-item.sold .operator,
.num-item.sold .price {
  color: #a7a6a5 !important;
}
.num-item .content {
  position: relative;
  padding: 12px 0 0 14px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.column-num-container .num-item .content {
  height: auto;
}
.num-item.selected,
.num-item:not(.sold):hover {
  z-index: 1;
}
.num-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: -1px;
  bottom: -1px;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
  border-radius: 8px;
}
.num-item.selected .overlay,
.num-item:not(.sold):hover .overlay {
  z-index: 2;
}
.num-item .num-md {
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  font-size: 13px;
  padding: 0 5px;
}
.num-item .num-md .operator {
  color: #777;
}
.num-item .num-ft {
  line-height: 25px;
  font-size: 10px;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
}
.num-item .num-ft .price {
  color: #f30213;
  font-size: 16px;
  margin-right: 2px;
}
.num-item .num-ft .price:before {
  content: '￥';
  font-size: 10px;
  font-weight: 200;
}
.num-item .num-ft .note {
  margin-left: 5px;
}
@keyframes j {
  to {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes k {
  to {
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
  }
}
.num-item .num-cart {
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transform: translateY(20px);
  animation: k 0.5s forwards;
}
.num-item.collected .num-cart {
  animation: j 0.5s forwards;
}
.num-item .num-opt {
  position: absolute;
  left: 0;
  right: 0;
  line-height: 40px;
  bottom: 12px;
  text-align: center;
}
.column-num-container .num-item .num-opt {
  bottom: auto;
}
.num-item .num-opt .btn-qrcode {
  vertical-align: middle;
  margin-right: 1px;
  margin-bottom: 2px;
  width: 30px;
  height: 30px;
  border-radius: 2px;
  display: none;
}
.num-item .qrcode {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 205px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
}
.num-item .qrcode-bd {
  width: 100%;
  height: 100%;
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/border.png)
    no-repeat center 15px;
  background-size: 161px 161px;
}
.num-item .qrcode-img {
  position: absolute;
  width: 120px;
  height: 120px;
  top: 28px;
  left: 50%;
  margin-left: -60px;
}
.num-item .qrcode-img img {
  width: 110px;
  height: 110px;
  border: 5px solid #fff;
}
.num-item .qrcode-desc {
  position: absolute;
  width: 100%;
  bottom: 30px;
  color: #fff;
  text-align: center;
  font-size: 14px;
}
.num-item .num-opt .buy-btn,
.num-item .num-opt .cart-btn {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 5px 25px;
  border-radius: 20px;
}
.num-item .num-opt .cart-btn {
  margin-left: 5px;
  border-color: #393232;
  background: #393232;
  color: #fff;
}
.num-item .num-opt .cart-btn:hover {
  opacity: 0.9;
}
.num-item .buy-btn span,
.num-item .cart-btn span {
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.num-item .buy-btn:hover span,
.num-item .cart-btn:hover span {
  padding-left: 10px;
}
.num-item .buy-btn:hover span:after,
.num-item .cart-btn:hover span:after {
  opacity: 1;
  left: -8px;
}
.num-item .buy-btn span:after,
.num-item .cart-btn span:after {
  font-family: iconfont;
  font-size: 12px;
  position: absolute;
  opacity: 0;
  top: 0;
  left: -15px;
  transition: 0.5s;
}
.num-item .buy-btn span:after {
  content: '\e60e';
}
.num-item .cart-btn span:after {
  content: '\e86a';
}
.num-item.collected .cart-btn span:after {
  content: '\e7df';
}
.num-item.collected .cart-btn .add-collect,
.num-item:not(.collected) .cart-btn .del-collect {
  display: none;
}
.customized-btn {
  line-height: 40px;
  width: 160px;
  text-align: center;
  background: #fe0000;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  border: 1px solid transparent;
}
.customized-btn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.customized-btn span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -10px;
  transition: 0.5s;
}
.customized-btn:hover span {
  padding-right: 15px;
}
.customized-btn:hover span:after {
  opacity: 1;
  right: 0;
}
.customized-btn:active {
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
}
.no-number-wrap {
  padding: 80px 0;
  padding-left: 220px;
  color: #666;
}
.no-number-wrap .icon {
  width: 126px;
  height: 157px;
  padding: 30px 0;
  float: left;
}
.no-number-wrap .content {
  margin-left: 150px;
}
.no-number-wrap .content h5 {
  font-size: 24px;
  margin: 20px 0;
  font-weight: 700;
}
.no-number-wrap .content p {
  margin: 8px 0;
  font-size: 15px;
}
.no-number-wrap .content p a {
  color: #005ea7;
}
.no-birth-number {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/birth/no-birth-number.png)
    center 50px no-repeat;
  background-size: 200px 200px;
}
.no-birth-number .customized-btn {
  position: absolute;
  top: 325px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.no-birth-number .customized-btn:hover {
  color: #fff;
}
.birth-side .customized-btn {
  font-size: 25px;
  width: 90px;
  color: #333;
  background: transparent;
  border-bottom: 1px solid #e0e0e0;
}
.birth-side .customized-btn span:after {
  opacity: 1;
  right: -15px;
}
.birth-side .customized-btn:hover span {
  padding-right: 10px;
}
.selector a {
  color: #000;
}
.selector a:hover {
  color: #df3033;
}
.selector-cont {
  border: 1px solid #e8e8e8;
  margin-top: -1px;
  background: #fff;
}
.selector .sl-line {
  position: relative;
  z-index: 2;
  border-top: 1px dashed #dedede;
  margin: 0 8px;
}
.selector .sl-line:first-child {
  border-top: none;
}
.selector .sl-key {
  position: absolute;
  left: 11px;
  top: 9px;
  height: 18px;
  line-height: 18px;
  color: #999;
}
.selector .sl-key .title {
  float: left;
  max-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selector .sl-val {
  padding: 0 0 0 94px;
}
.selector .sl-val-cont {
  margin: 9px 0 2px;
}
.selector .sl-val-main {
  margin-left: 70px;
}
.selector .sl-val .item {
  position: relative;
  float: left;
  margin: -2px 32px 5px 0;
  padding: 1px 3px;
  border: 1px solid transparent;
  border-radius: 3px;
  height: 18px;
  line-height: 18px;
}
.selector .sl-val .item:hover {
  border-color: #df3033;
}
.selector .sl-val .item:hover:after {
  display: block;
}
.selector .sl-val .item.active {
  color: #fff;
  background: #df3033;
}
.selector .sl-val .removable:hover {
  margin-right: 10px;
  padding-right: 25px;
}
.selector .sl-val .removable:after {
  display: none;
  background: #df3033;
  position: absolute;
  right: 0;
  top: -1px;
  width: 25px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  content: '\e629';
  font-family: iconfont;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
}
.selector .has-overlay .sl-val {
  padding: 0 0 0 80px;
}
.selector .has-overlay .sl-val-opt {
  margin: 0;
}
.selector .has-overlay .iconfont {
  display: inline-block;
  font-size: 12px;
  transition: all 0.4s cubic-bezier(0, 0.39, 0, 0.98);
}
.selector .has-overlay .item-opt {
  float: left;
}
.selector .has-overlay .item-opt:hover .item-opt-hd {
  color: #df3033;
  border-color: #ccc;
  z-index: 2;
  border-bottom: 0;
  padding-bottom: 1px;
  background: #fff;
  box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.2),
    5px 0 5px -5px rgba(0, 0, 0, 0.2);
}
.selector .has-overlay .item-opt:hover .item-opt-bd {
  display: block;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.selector .has-overlay .item-opt:hover .iconfont {
  font-weight: 700;
  transform: rotate(180deg);
}
.selector .has-overlay .item-opt-hd {
  height: 36px;
  line-height: 36px;
  position: relative;
  padding: 0 18px;
  margin-top: -1px;
  margin-bottom: -1px;
  border: 1px solid transparent;
  cursor: pointer;
}
.selector .has-overlay .item-opt-hd.active {
  color: #df3033;
}
.selector .has-overlay .item-opt-bd {
  display: none;
  position: absolute;
  top: 36px;
  left: -9px;
  right: -9px;
  z-index: 1;
  border: 1px solid #ccc;
  padding: 15px 20px 8px;
  background: #fff;
}
.sl-line-search {
  z-index: auto !important;
}
.sl-line-search .form-select-inline {
  width: 112px;
}
.sl-line-search .sl-val-cont {
  margin: 9px 0 !important;
}
.sl-line-search .precise-search {
  overflow: hidden;
}
.sl-line-search .precise-search .helper-btn {
  margin-left: 12px;
}
.sl-line-search .fuzzy-search .btn {
  float: left;
}
.sl-line-search .fuzzy-search .fuzzy-input {
  height: 38px;
  border: 1px solid #ddd;
}
.sl-line-search .fuzzy-search .fuzzy-select {
  display: inline-block;
  margin-left: 16px;
}
.sl-line-search .fuzzy-search .helper-btn {
  margin-left: 10px;
}
.sl-line-search .sl-key {
  top: 18px;
}
.filter .sort-row {
  height: 39px;
  border: 1px solid #e8e8e8;
  background: #f5f5f5;
}
.filter .sorts {
  float: left;
  line-height: 39px;
}
.filter .sorts .sort {
  float: left;
}
.filter .sorts .link {
  float: left;
  height: 39px;
  margin-left: -1px;
  min-width: 98px;
  text-align: center;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  color: #6d6d6d;
}
.filter .sorts .link.first {
  margin-left: 0;
  border-left: none;
}
.filter .sorts .link.active,
.filter .sorts .link:hover {
  position: relative;
  z-index: 1;
  background-color: #fff;
  border-color: #e5e5e5;
  color: #df3033;
}
.filter .sorts .iconfont {
  font-size: 12px;
}
.filter .search {
  float: left;
  margin: 5px 0 0 10px;
}
.filter .search .search-input {
  float: left;
  width: 150px;
  height: 30px;
  border-radius: 0;
  position: relative;
}
.filter .search .search-input:focus {
  z-index: 1;
}
.filter .search .submit-btn {
  float: left;
  height: 30px;
  padding: 0;
  border-radius: 0;
  margin-left: -1px;
  border-color: #e0e0e0;
  color: #333;
}
.filter .search .submit-btn:hover {
  color: #fff;
}
.filter .pager {
  float: right;
  line-height: 39px;
}
.filter .pager .item {
  float: left;
  height: 39px;
}
.filter .pager .current {
  color: #df3033;
}
.filter .pager .link {
  float: left;
  display: block;
  padding: 0 12px;
  height: 39px;
}
.filter .pager .iconfont {
  font-weight: 700;
}
.filter .styles {
  float: right;
}
.filter .styles .item {
  float: left;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  margin-right: -1px;
  width: 40px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  cursor: pointer;
}
.filter .styles .item.active,
.filter .styles .item:hover {
  color: #df3033;
  background: #fff;
}
.filter .styles .iconfont {
  font-size: 14px;
  font-weight: 100;
}
.filter .filter-row {
  height: 38px;
  border: 1px solid #e8e8e8;
  border-top: none;
  background: #fff;
}
.filter .fl-nums {
  float: left;
  height: 38px;
  line-height: 38px;
  margin-left: 20px;
  white-space: nowrap;
  cursor: pointer;
}
.filter .f-line {
  border: 1px solid #e0e0e0;
  margin-top: -1px;
  background: #f9f9f9;
  zoom: 1;
}
.filter .f-feature {
  width: auto;
  margin-left: 12px;
}
.f-feature .feature-item,
.filter .f-feature {
  float: left;
  position: relative;
  height: 38px;
}
.f-feature .feature-item:hover .feature-tit {
  border-color: #ccc;
  padding-bottom: 1px;
  border-bottom: 0 none;
  z-index: 2;
  background: #fff;
  box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.2),
    5px 0 5px -5px rgba(0, 0, 0, 0.2);
}
.f-feature .feature-item:hover .feature-cont {
  display: block;
}
.f-feature .feature-item .feature-label,
.f-feature .feature-item .feature-tit {
  padding: 0 10px 0 30px;
  line-height: 38px;
  border: 1px solid transparent;
  position: relative;
  display: inline-block;
  color: #333;
}
.f-feature .feature-item .mul-sl.selected,
.f-feature .feature-item .mul-sl:hover {
  color: #df3033;
}
.f-feature .feature-item .mul-sl.selected i,
.f-feature .feature-item .mul-sl:hover i {
  border-color: #df3033;
}
.f-feature .feature-item .mul-sl.selected i:after {
  font-family: iconfont;
  content: '\e72e';
  color: #f30213;
}
.f-feature .feature-item .mul-sl i {
  position: absolute;
  left: 10px;
  top: 11px;
  width: 14px;
  height: 14px;
  border: 1px solid #e0e0e0;
  line-height: 14px;
  font-size: 15px;
}
.f-feature .feature-item .mul-sl span {
  margin-left: 3px;
}
.f-feature .feature-item .sin-sl {
  position: relative;
  float: left;
  margin: 0 45px 5px 0;
  padding: 3px 6px;
  border: 1px solid #333;
  color: #333;
  border-radius: 3px;
  height: 18px;
  line-height: 18px;
}
.f-feature .feature-item .sin-sl:hover {
  border-color: #df3033;
  color: #df3033;
}
.f-feature .feature-item .sin-sl.active {
  color: #fff;
  background: #df3033;
  border: 1px solid #df3033;
}
.f-feature .feature-item .sin-sl.removable:hover {
  margin-right: 26px;
  padding-right: 25px;
}
.f-feature .feature-item .sin-sl.removable:after {
  display: none;
  background: #df3033;
  position: absolute;
  right: 0;
  top: 1px;
  width: 25px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  content: '\e629';
  font-family: iconfont;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
}
.f-feature .feature-item .sin-sl.removable:hover:after {
  display: block;
}
.f-feature .feature-item .feature-cont {
  display: none;
  left: 0;
  position: absolute;
  margin-top: -1px;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1;
  width: 350px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.f-feature .feature-item .feature-cont-head {
  padding: 10px 15px 0;
  color: #777;
  font-size: 12px;
}
.f-feature .feature-item .feature-cont-body {
  padding: 15px 15px 10px;
}
.f-feature .feature-item.feature-ex-num .feature-cont-body {
  padding: 5px;
}
.f-feature .feature-item .feature-cont-body .mul-sl-wrap,
.f-feature .feature-item .feature-cont-body .sin-sl-wrap {
  margin-right: -45px;
}
.f-feature .feature-item .feature-cont-body .mul-sl {
  float: left;
  padding: 0 10px 0 30px;
  line-height: 32px;
  position: relative;
  color: #333;
}
.f-feature .feature-item .feature-cont-body .mul-sl i {
  top: 7px;
}
.f-feature .feature-item .feature-cont-foot {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 10px;
}
.f-feature .feature-item .feature-cont-foot .btn {
  padding: 4px 13px 5px;
}
.f-feature .feature-item .feature-cont-foot .btn-primary {
  margin-right: 8px;
}
.adv {
  padding: 12px 10px;
  border: 1px solid #e0e0e0;
}
.adv-tit {
  line-height: 30px;
  height: 30px;
  font-size: 14px;
  color: #3d3d3d;
  margin-bottom: 8px;
  overflow: hidden;
}
.adv-item {
  border-bottom: 1px dashed #e0e0e0;
  margin-bottom: 10px;
  padding: 0 10px;
}
.adv-item:last-child {
  border: 0 none;
  margin: 0;
}
.adv-img {
  text-align: center;
  margin: 0 0 5px;
}
.adv-img,
.adv-img img {
  width: 178px;
}
.adv-desc {
  max-height: 40px;
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
}
.adv-price {
  padding: 0 8px;
  font-size: 16px;
  font-weight: 700;
  color: #df3033;
}
.charge-container {
  position: relative;
  width: 960px;
  min-height: 400px;
}
.e400-charge-container .charge-item,
.e400-charge-container .charge-item-wrap {
  height: 415px;
}
.e400-promo-charge-container {
  margin-top: -20px;
  width: 1200px;
}
.charge-item {
  float: left;
  width: 240px;
  height: 385px;
  margin-top: 10px;
  background: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  transition: all 0.2s linear;
}
.charge-item-wrap {
  position: relative;
  padding: 12px 10px;
  width: 220px;
  height: 385px;
}
.charge-item:hover {
  border-color: #e9e9e9;
  box-shadow: 0 0 2px 2px #f8f8f8;
}
.charge-item .p-img {
  height: 220px;
  padding: 0;
  margin-bottom: 5px;
  position: relative;
}
.charge-item .p-img img {
  width: 220px;
  height: 220px;
}
.charge-item .p-name {
  line-height: 30px;
  height: 30px;
  font-size: 18px;
  color: #3d3d3d;
  margin-bottom: 8px;
  overflow: hidden;
}
.charge-item .p-slogan {
  line-height: 20px;
  height: 40px;
  margin-bottom: 8px;
  font-size: 12px;
  overflow: hidden;
  color: #666;
}
.charge-item .p-tags {
  margin-bottom: 9px;
}
.charge-item .p-tags .tag {
  font-size: 12px;
  border: 1px solid #ff5000;
  margin: 0 6px 1px 0;
  padding: 2px 4px;
  color: #ff5000;
}
.charge-item .p-comment {
  width: 100%;
  height: 18px;
  margin-bottom: 9px;
  overflow: hidden;
  font-size: 12px;
}
.charge-item .p-comment .cmt {
  color: #a7a7a7;
  font-weight: 400;
}
.charge-item .p-comment .cmt a {
  display: inline;
  color: #646fb0;
  font-family: verdana;
  font-weight: 700;
}
.charge-item .p-price {
  position: relative;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  width: 100%;
  margin: 0 0 8px;
}
.charge-item .p-price .price {
  color: #f30213;
  font-size: 22px;
  margin-right: 2px;
}
.charge-item .p-price .price:before {
  content: '￥';
  font-size: 12px;
}
.charge-item .p-price .note {
  margin-left: 5px;
  font-size: 12px;
  color: #999;
}
.charge-item .overlay-box {
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  color: #fff;
  transition: all 0.2s linear;
}
.charge-item:hover .overlay-box {
  height: 107px;
}
.charge-item .overlay-box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f60;
  opacity: 0.8;
}
.charge-item .overlay-hd {
  position: relative;
  height: 29px;
  padding: 0 15px;
  line-height: 29px;
  border-bottom: 1px solid #fda970;
}
.charge-item .overlay-bd {
  position: relative;
  padding-top: 7px;
  padding-left: 20px;
}
.charge-item .overlay-bd .detail-item {
  min-height: 18px;
  line-height: 18px;
  font-size: 12px;
  color: #fff;
  text-align: left;
}
.charge-item .round {
  display: inline-block;
  margin: 7px 10px 0 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
}
.site,
.site11 {
  background: #f4f4f4;
}
.site-topbar {
  position: relative;
  z-index: 4;
  background: #f5f5f5;
  border-bottom: 1px solid #eee;
  font-size: 12px;
}
.site-topbar .w {
  height: 30px;
  background-color: inherit;
}
.site-topbar .sep,
.site-topbar .topbar-item {
  float: left;
  line-height: 30px;
}
.site-topbar .topbar-item {
  position: relative;
}
.site-topbar .sep {
  padding: 0 5px;
  color: #ddd;
}
.site-topbar .topbar-homepage {
  color: #333;
}
.site-topbar .topbar-welcome {
  color: #999;
}
.topbar-item-hd {
  padding: 0 6px;
}
.topbar-item-hd .arrow {
  display: inline-block;
  font-size: 12px;
  transition: transform 0.2s ease-in;
}
.topbar-item-bd {
  position: absolute;
  top: 30px;
  border: 1px solid #eee;
  background: #fff;
  right: 0;
  height: 0;
  z-index: -1;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  transition: height 0.3s;
}
.topbar-down-item .topbar-item-hd {
  cursor: pointer;
}
.topbar-down-item:hover .topbar-item-hd {
  padding: 0 5px;
  border-width: 0 1px;
  border-style: solid;
  border-color: #eee;
  background: #fff;
}
.topbar-down-item:hover .topbar-item-hd .arrow {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.topbar-down-item:hover .topbar-item-bd {
  height: 275px;
}
.topbar-item-bd-panel {
  padding: 15px 0 7px;
}
.topbar-item-bd-panel .operator-auth {
  position: relative;
  width: 800px;
  height: 240px;
}
.topbar-item-bd-panel .operator-auth li {
  float: left;
  width: 300px;
}
.topbar-item-bd-panel .operator-auth li img {
  display: block;
  width: 280px;
  height: 215px;
  margin: 0 auto 10px;
  border: 1px solid #e0e0e0;
  padding: 1px;
}
.topbar-item-bd-panel .operator-auth li p {
  height: 14px;
  line-height: 14px;
  overflow: hidden;
  text-align: center;
  color: #1b1b1b;
}
.site-header {
  height: 120px;
  background: #fff;
}
.site-header .header-logo {
  position: absolute;
  left: 5px;
  top: 40px;
  width: 220px;
  text-align: center;
}
.site-header .header-logo img {
  height: 70px;
}
.site-header .header-city {
  position: absolute;
  left: 220px;
  top: 44px;
  width: 110px;
  line-height: 36px;
  text-align: center;
  overflow: hidden;
  font-size: 16px;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.site-header .header-city .icon-location {
  color: #ff5000;
  font-size: 20px;
  padding-right: 5px;
}
.site-header .header-city .icon-next {
  color: #a9bdd3;
  vertical-align: middle;
}
.site-header .header-city:hover .icon-next {
  color: #df3033;
}
.site-header .header-search {
  position: absolute;
  left: 325px;
  top: 15px;
}
.site-header .header-search .search-form {
  position: relative;
  width: 505px;
  height: 36px;
  border: 2px solid #df3033;
  background: #fff;
}
.site-header .header-search img {
  position: absolute;
  top: 9px;
  left: 9px;
}
.site-header .header-search .search-tabs .tab-item {
  float: left;
  height: 28px;
  width: 70px;
  line-height: 28px;
  text-align: center;
  margin-right: 10px;
  border-radius: 2px 2px 0 0;
  font-size: 14px;
  color: #333;
}
.site-header .header-search .search-tabs .tab-item.curr {
  background-color: #df3033;
  color: #fff;
}
.site-header .header-search .search-input {
  padding: 0 30px 0 10px;
  width: 390px;
  height: 36px;
  line-height: 36px;
  vertical-align: bottom;
  font-size: 15px;
  color: #333;
  border: 0 none;
  box-sizing: content-box;
}
.site-header .header-search .i-clear {
  position: absolute;
  display: none;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  top: 3px;
  right: 120px;
  cursor: pointer;
  font-size: 20px;
  color: #999;
}
.site-header .header-search .fake-input {
  position: absolute;
  top: 0;
  left: 0;
  right: 88px;
  height: 36px;
  background: transparent;
  cursor: text;
}
.site-header .header-search .fake-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 88px;
  height: 36px;
  background: transparent;
  cursor: pointer;
}
.site-header .header-search .search-btn {
  position: absolute;
  right: 0;
  width: 88px;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  letter-spacing: 2px;
  color: #fff;
  border: 0 none;
  background: #df3033;
}
.site-header .header-search .search-btn:hover {
  background: #da0211;
}
.site-header .header-search .hotwords {
  margin-top: 5px;
  width: 500px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  overflow: hidden;
}
.site-header .header-search .hotwords a {
  float: left;
  white-space: nowrap;
  font-size: 12px;
  margin: 3px 0 3px -11px;
  padding: 0 20px 0 10px;
  border-left: 1px solid #ddd;
  height: 12px;
  line-height: 12px;
}
.site-header .header-search .search-helper {
  position: absolute;
  left: 0;
  right: -19px;
  top: 28px;
  z-index: 3;
  min-height: 30px;
  border: 2px solid #df3033;
  background: #fff;
  padding: 0 16px;
  font-size: 12px;
}
.site-header .header-cart {
  position: absolute;
  z-index: 3;
  right: 220px;
  top: 42px;
}
.site-header .header-cart:hover .header-cart-tit {
  padding-bottom: 1px;
  border-color: #df3033;
  border-bottom: none;
  box-shadow: -5px -5px 5px -5px rgba(0, 0, 0, 0.2),
    5px 0 5px -5px rgba(0, 0, 0, 0.2);
}
.site-header .header-cart:hover .header-cart-cont {
  display: block;
  border-color: #df3033;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.site-header .header-cart-tit {
  position: relative;
  z-index: 1;
  width: 115px;
  height: 39px;
  border: 1px solid #eee;
  background: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 36px;
  color: #df3033;
}
.site-header .header-cart-tit .icon-cart {
  color: #df3033;
  margin-right: 10px;
  font-size: 20px;
}
.site-header .header-cart-tit .i-count {
  position: absolute;
  top: 3px;
  left: 24px;
  padding: 1px 3px 2px;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  background-color: #df3033;
  border-radius: 7px;
  min-width: 12px;
  text-align: center;
}
.site-header .header-cart-cont {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  width: 340px;
  min-height: 60px;
  background: #fff;
  border: 1px solid #ccc;
}
.site-header .header-cart .cart {
  background: #fff;
}
.site-header .header-cart .cart-hd {
  height: 25px;
  padding: 6px 8px;
  line-height: 25px;
  font-weight: 700;
  color: #666;
}
.site-header .header-cart .cart-bd {
  background: #fff;
  max-height: 304px;
  overflow-y: auto;
}
.site-header .header-cart .cart-ft {
  border-top: 1px solid #f1f1f1;
  padding: 8px;
  background: #f5f5f5;
  overflow: hidden;
}
.site-header .header-cart .cart-ft-info {
  line-height: 29px;
  float: left;
  color: #666;
}
.site-header .header-cart .cart-ft .cart-num {
  font-weight: 700;
}
.site-header .header-cart .cart-empty {
  height: 63px;
  margin: auto;
  padding: 10px 0;
  text-align: center;
  line-height: 65px;
  overflow: hidden;
  color: #999;
}
.site-header .header-cart .cart-item {
  border-top: 1px solid #f4f4f4;
  padding: 6px 12px;
  display: flex;
  align-items: center;
}
.site-header .header-cart .cart-item:hover {
  background-color: #f1f1f1;
}
.site-header .header-cart .cart-item-l,
.site-header .header-cart .cart-item-m,
.site-header .header-cart .cart-item-r {
  display: flex;
  flex-wrap: nowrap;
}
.site-header .header-cart .cart-item-l {
  width: 40%;
  flex-direction: column;
}
.site-header .header-cart .cart-number {
  color: #000;
  font-size: 16px;
  line-height: 24px;
}
.site-header .header-cart .cart-fee,
.site-header .header-cart .cart-operator {
  font-size: 12px;
  color: #c8c8c8;
}
.site-header .header-cart .cart-item-m {
  flex: 1;
  flex-direction: column;
}
.site-header .header-cart .cart-price {
  font-size: 14px;
  line-height: 21px;
  color: #ef4047;
}
.site-header .header-cart .cart-btn {
  font-size: 14px;
  padding: 6px 8px;
  line-height: 1;
  border-radius: 3px;
}
.site-header .header-cart .cart-btn + .cart-btn {
  margin-left: 5px;
}
.site-header .header-cart .cart-btn.cancel-btn {
  border: 1px solid #333;
  background: transparent;
}
.site-header .header-cart .cart-btn.submit-btn {
  border: 1px solid #ef4047;
  color: #fff;
  background: #ef4047;
}
.header {
  height: 110px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.header .logo {
  width: 210px;
  height: 66px;
  float: left;
  margin-top: 15px;
}
.header .logo-title {
  float: left;
  height: 34px;
  line-height: 34px;
  font-size: 24px;
  color: #333;
  margin-top: 34px;
}
.header .have-account {
  font-size: 16px;
  float: right;
  margin-top: 55px;
  color: #999;
}
.search-helper .title {
  position: relative;
  margin: 10px 0 7px;
  border: none;
  color: #1b1b1b;
  line-height: 28px;
  font-size: 14px;
}
.search-helper input {
  border: 1px solid #ddd;
}
.search-helper input:focus {
  border-color: #f30213;
}
.search-helper .content {
  padding-bottom: 10px;
}
.search-helper .helper-btn {
  float: left;
  margin-top: 3px;
  padding: 6px 15px;
}
.precise-search .precise-input {
  width: 30px;
  height: 40px;
  font-size: 18px;
  text-align: center;
}
.precise-search .precise-input,
.precise-search .precise-split {
  float: left;
  margin-right: 5px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.precise-search .precise-split {
  width: 8px;
  height: 4px;
  margin-top: 18px;
  background-color: #ddd;
}
.precise-search .clear-btn {
  margin-left: 12px;
}
.fuzzy-search {
  position: relative;
}
.fuzzy-search .fuzzy-input {
  float: left;
  width: 240px;
  height: 40px;
  padding-left: 10px;
  margin-right: 5px;
  box-sizing: content-box;
}
.fuzzy-search .fuzzy-select {
  clear: both;
  padding-top: 8px;
  height: 30px;
}
.fuzzy-search .fuzzy-select .select-item {
  position: relative;
  float: left;
  margin-right: 10px;
  padding: 1px 6px;
  border: 1px solid #e1e1e1;
  color: #666;
  line-height: 24px;
  white-space: nowrap;
}
.fuzzy-search .fuzzy-select .select-item.curr {
  z-index: 1;
  border-color: #df3033;
  color: #df3033;
  background-color: #fdf0f0;
}
.fuzzy-search .gs-btn {
  margin-left: 10px;
  background: #fffdee;
  border: 1px solid #edd28b;
}
.visit-history {
  margin: 0 -15px;
  padding-bottom: 20px;
}
.visit-history .empty-history {
  padding: 15px 0;
  text-align: center;
  color: #999;
}
.clear-history {
  float: right;
  color: #005aa0;
  font-size: 12px;
}
.visit-history .history-list {
  margin: 0 -15px -15px 0;
}
.visit-history .history-list li {
  float: left;
  position: relative;
  height: 26px;
  margin: 0 0 15px 15px;
  overflow: hidden;
}
.visit-history .history-list li a {
  display: block;
  padding: 0 5px;
  border: 1px solid #e1e1e1;
  color: #666;
  line-height: 24px;
  white-space: nowrap;
}
.visit-history .history-list li a:hover {
  border-color: #f14245;
  color: #fff !important;
  background: #f14245;
}
.header-contact {
  position: absolute;
  right: 0;
  top: 32px;
}
.header-contact .icon {
  float: left;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin-top: 10px;
}
.header-contact .icon .iconfont {
  margin-top: -2px;
  font-size: 34px;
  color: #df3033;
}
.header-contact .infos {
  margin-left: 39px;
}
.header-contact .infos .telphone {
  height: 24px;
  line-height: 24px;
  font-size: 22px;
  color: #e4393c;
  font-weight: 700;
}
.header-contact .infos .time {
  height: 20px;
  line-height: 20px;
  color: #a9bdd3;
}
.site-navbar {
  position: relative;
  background: #fff;
  border-bottom: 2px solid #df3033;
}
.site-navbar .category {
  position: relative;
  z-index: 3;
  float: left;
}
.site-navbar .category-tit {
  width: 216px;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  font-weight: 700;
  background: #df3033;
  cursor: pointer;
}
.site-navbar .category-tit img {
  float: left;
  margin-right: 10px;
  height: 16px;
}
.site-navbar .category-cont {
  position: absolute;
  left: 0;
  top: 47px;
  border: 1px solid #df3033;
  border-top-width: 2px;
  width: 254px;
  height: 413px;
  z-index: 1;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s ease;
}
.site-navbar .category.on .category-cont,
.site-navbar .category:hover .category-cont {
  visibility: visible;
  opacity: 1;
}
.site-navbar .category-item {
  border-bottom: 1px solid #f4f4f4;
}
.site-navbar .category-item:last-child {
  border: 0 none;
}
.site-navbar .category-item:hover .more {
  color: #ff5000;
}
.site-navbar .category-item:hover .category-item-tit {
  background-color: #ffe4dc;
}
.site-navbar .category-item:hover .category-item-tit h3 {
  color: #df3033;
}
.site-navbar .category-item:hover .category-item-cont {
  display: block;
}
.site-navbar .category-item-tit {
  position: relative;
  padding: 8px 20px;
  box-sizing: border-box;
}
.site-navbar .category-item-tit h3 {
  font-size: 16px;
  color: #1b1b1b;
}
.site-navbar .category-item-tit .more {
  position: absolute;
  right: 20px;
  top: 50%;
  font-family: simsun;
  color: #666;
  font-size: 12px;
  margin-top: -6px;
}
.site-navbar .category-item-tit .desc {
  width: 214px;
  line-height: 1.4;
  overflow: hidden;
}
.site-navbar .category-item-tit .desc a {
  float: left;
  margin: 3px 10px 0 0;
}
.site-navbar .category-item-cont {
  display: none;
  position: absolute;
  background: #fff;
  left: 254px;
  top: -3px;
  width: 700px;
  border: 2px solid #df3033;
  bottom: -1px;
  box-shadow: 5px 0 5px -2px rgba(0, 0, 0, 0.3);
  overflow-y: hidden;
}
.site-navbar .service-links {
  float: left;
  width: 400px;
  overflow: hidden;
  padding: 20px 12px 0 30px;
}
.site-navbar .service-links h5 {
  position: relative;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.site-navbar .service-links h5 a {
  color: #3c3c3c;
}
.site-navbar .service-links h5 a:hover {
  color: #f30213;
}
.site-navbar .service-links h5 span {
  font-size: 12px;
  right: -6px;
  position: absolute;
  font-weight: 400;
  top: 0;
}
.site-navbar .service-links h5 span .iconfont {
  font-size: 12px;
}
.site-navbar .service-links p {
  max-height: 80px;
  overflow: hidden;
  margin-bottom: 10px;
  line-height: 26px;
}
.site-navbar .service-links p a {
  color: #666;
  display: inline-block;
  margin-right: 12px;
  font-size: 14px;
  white-space: nowrap;
}
.site-navbar .service-links p a.hot {
  color: #f30213;
}
.site-navbar .service-links p a:hover {
  text-decoration: underline;
}
.site-navbar .service-panel {
  font-size: 12px;
  margin-bottom: 15px;
}
.site-navbar .service-rmd {
  float: right;
  width: 253px;
  border-left: 1px solid #f4f4f4;
  position: relative;
  height: 498px;
  margin-top: 20px;
}
.site-navbar .service-rmd h3 {
  line-height: 18px;
  color: #333;
  font-size: 14px;
  text-align: center;
  font-weight: 400;
}
.site-navbar .service-rmd-list a {
  display: block;
  width: 97px;
  height: 136px;
  padding: 10px 0 0 20px;
  overflow: hidden;
  float: left;
}
.site-navbar .service-rmd-list img {
  display: block;
  width: 97px;
  height: 97px;
  opacity: 0.9;
}
.site-navbar .service-rmd-list .img-wrapper {
  background: #4f4f4f;
  width: 97px;
  height: 97px;
  overflow: hidden;
}
.site-navbar .service-rmd-list h5 {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  overflow: hidden;
  font-weight: 400;
  color: #999;
  text-align: center;
}
.site-navbar .service-rmd-list .img-wrapper:hover img {
  opacity: 0.8;
}
.site-navbar .service-rmd-list a:hover h5 {
  color: #f30213;
}
.site-navbar .nav-list {
  float: left;
  width: 700px;
  overflow: hidden;
}
.site-navbar .nav-item {
  float: left;
  height: 46px;
  line-height: 46px;
  font-size: 16px;
  font-weight: 700;
  margin-left: 45px;
}
.site-navbar .nav-item a {
  color: #000;
  transition: color 0.2s ease;
}
.site-navbar .nav-item a.active,
.site-navbar .nav-item a:hover {
  color: #f30213;
}
.site-navbar .slogon-img {
  float: right;
  height: 46px;
}
.site-navbar .right-panel {
  position: absolute;
  top: 49px;
  right: 50%;
  margin-right: -600px;
  z-index: 1;
  width: 244px;
}
.site-navbar .user-info {
  margin-top: 10px;
  overflow: hidden;
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/user-panel.png)
    100% 0 no-repeat;
  background-color: #fff;
}
.site-navbar .user-info .info-wrapper {
  padding: 10px 20px 0;
}
.site-navbar .user-info .info-wrapper .avatar {
  float: left;
  width: 60px;
  height: 60px;
}
.site-navbar .user-info .info-wrapper .welcome {
  margin-left: 86px;
  line-height: 30px;
  width: 110px;
}
.site-navbar .user-info .info-wrapper .welcome .title {
  font-size: 16px;
  color: #da0211;
}
.site-navbar .user-info .info-wrapper .welcome .desc {
  font-size: 12px;
  color: #8590a6;
}
.site-navbar .user-info .user-opts {
  margin: 10px auto;
  text-align: center;
}
.site-navbar .user-info .user-opts .login-btn,
.site-navbar .user-info .user-opts .register-btn {
  padding: 4px 18px;
  border-radius: 20px;
}
.site-navbar .user-info .user-opts .login-btn {
  margin-right: 10px;
}
.site-navbar .toutiao {
  width: 244px;
  height: 150px;
  overflow: hidden;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  background: #fff;
}
.site-navbar .toutiao-hd {
  height: 20px;
  padding: 10px 0 0;
  position: relative;
  margin-bottom: 8px;
}
.site-navbar .toutiao-hd .title {
  font-size: 14px;
  color: #333;
  font-weight: 700;
  margin-left: 15px;
}
.site-navbar .toutiao-hd .more {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 12px;
  color: #999;
}
.site-navbar .toutiao-hd .iconfont {
  font-size: 12px;
  font-weight: 700;
}
.site-navbar .toutiao-list {
  position: relative;
  width: 214px;
  height: 130px;
  margin: 0 15px;
}
.site-navbar .toutiao-item {
  max-width: 214px;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #999;
  margin-bottom: 6px;
}
.site-navbar .toutiao .tag {
  display: inline-block;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  color: #e1251b;
  background-color: rgba(225, 37, 27, 0.08);
  margin-right: 6px;
}
.site-navbar .promotion {
  position: relative;
  width: 244px;
  height: 152px;
  margin-top: 10px;
}
.slider {
  background: #eee;
}
.main-slider {
  width: 1200px;
  height: 422px;
  margin: 0 auto;
}
.main-slider-wrap {
  padding-left: 266px;
  padding-top: 10px;
}
.main-slider-wrap,
.main-slider img {
  width: 680px;
  height: 404px;
}
.promotion-slider,
.promotion-slider img {
  width: 244px;
  height: 130px;
}
.site-footer {
  border-top: 1px solid #dedede;
}
.site-footer .nav .w {
  height: 180px;
  padding-top: 45px;
}
.site-footer .nav-left {
  float: left;
  margin-left: 40px;
  height: 132px;
  border-right: 1px solid #d3d3d3;
}
.site-footer .nav-left ul {
  float: left;
  width: 165px;
  font-size: 12px;
  line-height: 25px;
}
.site-footer .nav-tit {
  font-size: 14px;
  color: #363636;
  margin-bottom: 15px;
  line-height: 14px;
}
.site-footer .attention-us {
  width: 180px;
}
.attention-us h5 {
  text-align: center;
}
.attention-us .wx-qrcode {
  margin: 0 auto;
}
.wx-qrcode {
  text-align: center;
}
.wx-qrcode img {
  width: 90px;
  height: 90px;
}
.wx-qrcode .wx-desc {
  margin-top: 5px;
  font-size: 12px;
  color: #555;
}
.wx-qrcode .wx-desc em {
  color: #363636;
  font-weight: 700;
}
.site-footer .contact-us {
  margin-right: 20px;
}
.contact-us p {
  margin: 5px;
  font-size: 12px;
  color: #666;
}
.copyright .w {
  border-top: 1px solid #e1e1e1;
}
.copyright .copyright-info {
  padding: 10px 0;
  font-size: 12px;
  line-height: 22px;
  color: #777;
  text-align: center;
}
.copyright a {
  color: #777;
}
.copyright a:hover {
  color: #f30213;
}
.copyright-split {
  margin: 0 10px;
  color: #ccc;
}
.copyright .stamp {
  padding: 5px 0 25px;
  text-align: center;
}
.copyright .stamp a {
  margin: 0 3px;
}
.site-fs {
  position: relative;
  width: 100%;
  min-width: 1200px;
}
.site-toolbar {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9990;
  width: 0;
  height: 100%;
}
.site-toolbar-kefu {
  position: absolute;
  top: 50%;
  z-index: 1;
  right: 0;
  margin-top: -182px;
}
.site-toolbar-kefu .icon {
  position: absolute;
  top: 158px;
  right: 0;
  width: 48px;
  height: 48px;
  background: #dc222f;
  transition: right 0.3s ease-in-out 0s;
  color: #fff;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
}
.site-toolbar-kefu.site-toolbar-open .icon {
  display: none;
}
.site-toolbar-kefu .icon .iconfont {
  font-size: 30px;
}
.site-toolbar-kefu.site-toolbar-open .panel {
  display: block;
  right: 0;
}
.site-toolbar-kefu .panel {
  display: none;
  position: absolute;
  right: -109px;
  top: 0;
  width: 110px;
  height: 364px;
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/kf-tiaohao.png);
  transition: right 0.3s ease-in-out 0s;
}
.site-toolbar-kefu .panel h5 {
  position: absolute;
  width: 110px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  top: 190px;
  left: 0;
  text-align: center;
  color: #fff;
}
.site-toolbar-kefu .panel h5:hover {
  color: #ee0;
}
.site-toolbar-kefu .panel:hover h5 {
  font-size: 14px;
}
.site-toolbar-kefu.site-toolbar-open .close {
  display: block;
}
.site-toolbar-kefu .close {
  display: none;
  z-index: 1;
  position: absolute;
  width: 18px;
  height: 18px;
  line-height: 18px;
  top: 1px;
  right: 1px;
  text-align: center;
  background: #7a6e6e;
  cursor: pointer;
}
.site-toolbar-kefu .close .iconfont {
  font-size: 16px;
  color: #fff;
}
.site-toolbar-footer {
  position: absolute;
  bottom: 10px;
  width: 48px;
  right: 0;
}
.site-toolbar-tab {
  display: block;
  position: relative;
  width: 48px;
  height: 48px;
  margin-top: 10px;
  cursor: pointer;
  background-color: #646464;
  border-radius: 3px 0 0 3px;
}
.site-toolbar-tab .tab-text {
  line-height: 18px;
  padding: 6px 9px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
.site-toolbar-tab:hover {
  background: #fa3228;
  color: #fff;
  text-decoration: none;
}
.site-tbar-tab-backtop:hover {
  background: #444242;
}
.site-tbar-tab-backtop .tab-icon {
  width: 48px;
  text-align: center;
  line-height: 48px;
}
.site-tbar-tab-backtop .iconfont {
  font-size: 30px;
  color: #fff;
}
.site-tbar-tab-backtop .tab-text,
.site-tbar-tab-backtop:hover .tab-icon {
  display: none;
}
.site-tbar-tab-backtop .tab-icon,
.site-tbar-tab-backtop:hover .tab-text {
  display: block;
}
.floor {
  margin-top: 30px;
}
.floor-hd {
  position: relative;
  height: 58px;
}
.floor-hd .border {
  float: left;
  width: 4px;
  height: 22px;
  margin-top: 17px;
}
.floor-hd .title {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 58px;
  margin-left: 10px;
}
.floor-hd .desc {
  line-height: 58px;
  margin-left: 10px;
}
.floor-hd .more {
  position: absolute;
  top: 0;
  right: 0;
}
.brick-promo-list {
  height: 501px;
}
.brick-promo-list.brick-promo-list-l {
  margin-right: -7px;
}
.brick-promo-list.brick-promo-list-r {
  margin-left: -6px;
}
.brick-promo-list.brick-promo-list-s {
  height: 401px;
}
.brick-item:hover {
  z-index: 2;
  opacity: 0.8;
  border-color: #ddd;
}
.brick-item:hover .image img {
  transform: scale(1.05);
}
.brick-item {
  position: relative;
  background: #fff;
  float: left;
  border: 1px solid #f4f4f4;
  margin: -1px 0 0 -1px;
}
.brick-item .item-hd {
  padding: 25px 0 0 30px;
  width: 100px;
  line-height: 30px;
}
.brick-item .item-hd .title {
  color: #333;
  font-size: 18px;
  white-space: nowrap;
}
.brick-item .item-hd .desc {
  margin-top: 5px;
  color: #999;
  font-size: 12px;
  line-height: 15px;
}
.brick-item .item-bd {
  position: absolute;
}
.brick-item .item-bd .image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.brick-item.brick-item-1ob {
  width: 389px;
  height: 320px;
  background: #eee;
  margin-right: 15px;
  overflow: hidden;
}
.brick-item-1ob:last-child {
  margin-right: 0;
}
.brick-item.brick-item-1ob .item-hd {
  position: absolute;
  height: 180px;
  top: 50%;
  margin-top: -90px;
  left: 0;
  right: 0;
  padding: 0;
  width: auto;
  text-align: center;
  z-index: 3;
}
.brick-item.brick-item-1ob .item-hd .image {
  width: 140px;
  height: 140px;
  margin-bottom: 10px;
  display: inline-block;
}
.brick-item.brick-item-1ob .item-hd .title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.brick-item-1ob .underline {
  margin: 5px auto;
  width: 20px;
  height: 2px;
  background: #fff;
  transition: all 0.2s;
  opacity: 0;
}
.brick-item-1ob:hover .underline {
  transform: scaleX(4);
  opacity: 1;
}
.brick-item.brick-item-1ob .item-bd,
.brick-item.brick-item-1ob .item-cover {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.brick-item.brick-item-1ob .item-bd .image {
  width: 100%;
  height: 100%;
}
.brick-item.brick-item-1ob .item-cover {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.brick-item.brick-item-1os {
  width: 302px;
  height: 402px;
  box-sizing: border-box;
}
.brick-item.brick-item-1os .item-hd {
  position: absolute;
  height: 90px;
  top: 40px;
  left: 0;
  right: 0;
  padding: 0;
  width: auto;
  text-align: center;
}
.brick-item.brick-item-1os .item-hd .title {
  font-size: 18px;
  font-weight: 400;
  margin: 0 10px 2px;
  overflow: hidden;
  white-space: nowrap;
  line-height: 40px;
}
.brick-item.brick-item-1os .item-hd .desc {
  font-size: 12px;
  line-height: 20px;
  height: 40px;
  margin: 0 20px 5px;
  color: #b0b0b0;
  overflow: hidden;
}
.brick-item.brick-item-1os .item-bd {
  top: 100px;
  left: 0;
  bottom: 60px;
  right: 0;
}
.brick-item.brick-item-1os .item-bd .image {
  width: 190px;
  height: 190px;
}
.brick-item-1os .item-more {
  position: absolute;
  bottom: 12px;
  left: 30px;
  right: 30px;
}
.brick-item-1os .item-more .price {
  color: #f30213;
  font: 700 36px/36px impact;
}
.brick-item-1os .item-more .unit {
  color: #333;
  vertical-align: text-bottom;
}
.brick-item-1os .item-more .button {
  background: #f30213;
  color: #fff;
  font-size: 16px;
  text-align: center;
  width: 114px;
  height: 32px;
  line-height: 32px;
  border: 0;
  border-radius: 4px;
  vertical-align: text-bottom;
  margin: 3px 0;
  float: right;
}
.brick-item.brick-item-1o {
  width: 293px;
  height: 401px;
}
.brick-item.brick-item-1o .item-hd {
  position: absolute;
  height: 60px;
  line-height: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  width: auto;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.2s;
  z-index: 3;
}
.brick-item.brick-item-1o .item-hd .title {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
}
.brick-item.brick-item-1o .item-bd {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.brick-item.brick-item-1o .item-bd .image {
  width: 100%;
  height: 100%;
}
.brick-item.brick-item-1b {
  width: 293px;
  height: 244px;
}
.brick-item.brick-item-2s {
  width: 293px;
  height: 127px;
}
.brick-item.brick-item-2s .item-bd {
  width: 180px;
  height: 120px;
  top: 3px;
  right: 5px;
}
.brick-item.brick-item-2s .item-bd .image {
  width: 140px;
  height: 100px;
}
.brick-item.brick-item-2e {
  width: 200px;
  height: 252px;
  box-sizing: border-box;
}
.brick-item.brick-item-2e .item-hd {
  position: absolute;
  height: 90px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  width: auto;
  text-align: center;
}
.brick-item.brick-item-2e .item-hd .desc,
.brick-item.brick-item-2e .item-hd .title {
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.5;
}
.brick-item.brick-item-2e .item-hd .title {
  font-size: 14px;
  font-weight: 400;
  margin: 0 10px 2px;
}
.brick-item.brick-item-2e .item-hd .desc {
  font-size: 12px;
  height: 18px;
  margin: 0 10px 5px;
  color: #b0b0b0;
}
.brick-item.brick-item-2e .item-hd .price {
  margin: 0 10px 10px;
  color: #ff6700;
}
.brick-item.brick-item-2e .item-hd .price del {
  margin-left: 6px;
  color: #b0b0b0;
}
.brick-item.brick-item-2e .item-bd {
  width: 140px;
  height: 140px;
  top: 5px;
  right: 30px;
}
.brick-item.brick-item-2e .item-bd .image {
  width: 130px;
  height: 130px;
  border-radius: 10px;
}
.floor-number .brick-promo-list.brick-promo-list-r .brick-item-3e {
  height: 167px;
}
.floor-number .brick-promo-list.brick-promo-list-l .brick-item-1b {
  height: 247px;
}
.brick-item.brick-item-3e {
  width: 292px;
  height: 166px;
}
.brick-item.brick-item-3e .item-bd {
  width: 180px;
  height: 160px;
  top: 3px;
  right: 5px;
}
.brick-item.brick-item-3e .item-bd .image {
  width: 150px;
  height: 100px;
}
.brick-item.brick-item-3es {
  width: 292px;
  height: 133px;
}
.brick-item.brick-item-3es .item-bd {
  width: 180px;
  height: 125px;
  top: 4px;
  right: 5px;
}
.brick-item.brick-item-3es .item-bd .image {
  width: 135px;
  height: 105px;
}
.floor-bd a {
  display: block;
  width: 100%;
  height: 100%;
}
.floor-bd img {
  width: 100%;
  height: 100%;
  transition: transform 0.5s;
}
.brick-list {
  width: 600px;
  height: 499px;
  position: relative;
  background: #fff;
}
.brick-list-wrapper {
  width: 601px;
}
.brick-list.brick-list-hs {
  height: 401px;
}
.brick-list.brick-list-hl {
  height: 600px;
}
.brick-list.brick-list-wl {
  width: 906px;
  margin-left: -6px;
}
.brick-list.brick-list-wl .brick-list-wrapper {
  width: 910px;
}
.brick-list.brick-list-hxs {
  height: 320px;
}
.brick-list.brick-list-wscreen {
  width: 1200px;
  margin: 0 0 0 14px;
}
.floor-plan .floor-hd .border {
  background: #ff9902;
}
.floor-plan .floor-hd .title {
  color: #ff9902;
}
.floor-number .floor-hd .border {
  background: #db5757;
}
.floor-number .floor-hd .title {
  color: #db5757;
}
.floor-qiye .floor-hd .border {
  background: #2eaba3;
}
.floor-qiye .floor-hd .title {
  color: #2eaba3;
}
.floor-broadband .floor-hd .border {
  background: #33ae75;
}
.floor-broadband .floor-hd .title {
  color: #33ae75;
}
.floor-special .floor-hd .border {
  background: #b87b1b;
}
.floor-special .floor-hd .title {
  color: #b87b1b;
}
.floor-promo .floor-hd .border {
  background: #ff9902;
}
.floor-promo .floor-hd .title {
  color: #333;
}
.check-order {
  padding-bottom: 30px;
}
.form-order .col-form-label,
.form-order .form-control {
  font-size: 16px;
}
.form-order input.address-input {
  width: 400px;
}
.order-success {
  background: #fff;
  padding: 20px 30px 30px;
}
.order-success .p-icon {
  text-align: center;
  color: #7abd54;
  margin-bottom: 30px;
}
.order-success .p-icon .iconfont {
  font-size: 150px;
  line-height: 100%;
}
.order-success .p-icon .tip {
  font-size: 18px;
  line-height: 40px;
  font-weight: 700;
}
.order-success .p-icon .msg {
  color: #333;
}
.order-success .p-active {
  text-align: center;
  padding-bottom: 40px;
  border-bottom: 1px solid #f5f5f5;
}
.order-success .p-active .msg {
  font-weight: 700;
  font-size: 16px;
  line-height: 60px;
  background: #f5f5f5;
  margin-bottom: 20px;
}
.order-success .p-active i {
  color: #df3033;
  padding: 0 5px;
}
.order-success .p-active .p-btn {
  margin-top: 20px;
}
.order-success .p-active button {
  padding: 0 30px;
  height: 35px;
  border-radius: 17px;
}
.order-success .p-info {
  margin: 10px 0 40px;
}
.order-success .p-info-hd {
  line-height: 40px;
  font-size: 16px;
  font-weight: 700;
}
.order-success .p-info-bd {
  padding: 0 10px;
  line-height: 28px;
}
.order-fail {
  background: #fff;
  padding: 20px 30px 30px;
}
.order-fail .p-icon {
  text-align: center;
  color: #ff7070;
  margin-bottom: 30px;
}
.order-fail .p-icon .iconfont {
  font-size: 150px;
  line-height: 100%;
}
.order-fail .p-icon .tip {
  font-size: 18px;
  line-height: 40px;
  font-weight: 700;
}
.order-fail .p-icon .msg {
  color: #333;
}
.order-fail .p-icon i {
  color: #df3033;
  padding: 0 5px;
}
.order-fail .p-active {
  text-align: center;
  padding-bottom: 40px;
  border-bottom: 1px solid #f5f5f5;
}
.order-fail .p-active .msg {
  font-weight: 700;
  font-size: 16px;
  line-height: 60px;
  background: #f5f5f5;
  margin-bottom: 20px;
}
.fake-area-box {
  position: relative;
  width: 200px;
  height: 20px;
  line-height: 20px;
  padding: 9px 20px 9px 8px;
  border: 1px solid #d0d0d5;
  border-radius: 4px;
  background-color: #fff;
  font-size: 14px;
  outline: 0;
  color: #4c5161;
  text-align: center;
  background: #f4f4f4;
}
.fake-area-box:after {
  content: '';
  width: 10px;
  height: 5px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAGCAYAAAAYLBS/AAAAcklEQVQYlYXLsQ2CUACE4Y83lzTaSY8b0LwBdAOjM7CCbKCdlY6iFRUFkeaRkJcYrru7/y9ijEecUVjPD6eACxqMK8KYuGtIQ4sDhj/CgDpxwuK4oUKfCT326OYhZMAdO3xT/2CLxxLKJXhhgydKvHNgAhHGFfcfAU0zAAAAAElFTkSuQmCC)
    no-repeat 50%;
  background-size: 10px 5px;
  position: absolute;
  right: 8px;
  top: 15px;
}
.area-list-container {
  position: absolute;
  padding: 10px 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.area-list {
  width: 640px;
  min-height: 175px;
}
.area-list > li {
  color: #999;
  line-height: 35px;
}
.area-list .select-box {
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  text-align: left;
  height: 25px;
  line-height: 25px;
  position: relative;
  padding: 0 25px 0 15px;
  min-width: 60px;
  cursor: pointer;
}
.area-list .select-box:after {
  content: '';
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHCAYAAADTcMcaAAAAkUlEQVQYlX3PIW4CARQE0McGQSp/0oMQbFNRgeUcIFZDggdBTXWP0VRwAywX4AAkE1xTh6HJpqX79bzM/EHbtmNMqupdzyUZYY1dgwtek2x7wAM+McNXU1UnTDFPsvkHfOARL1X13UBVHW5wkWTZA84w/AlU1SHJFPsk8HYPQNOd0mlc4XgP/EEd+HR7/Pk3gCtNGTXGP6hQTQAAAABJRU5ErkJggg==)
    no-repeat 50%;
  background-size: 10px 5px;
  width: 15px;
  height: 9px;
  position: absolute;
  right: 5px;
  top: 8px;
}
.area-list .select-box.selected {
  color: #000;
}
.area-list .character {
  display: inline-block;
  width: 50px;
  text-align: center;
}
.area-list .item {
  display: inline-block;
  min-width: 60px;
  padding: 2px 0;
}
.area-list .item a {
  padding: 4px 8px;
  color: #616161;
}
.area-list .item a:hover {
  color: #e33333;
  background-color: #f4f4f4;
}
.area-list .item a.selected {
  background-color: #f10215;
  color: #fff;
}
.area-list .no-select-item {
  float: right;
}
.section {
  background-color: #fff;
  margin-bottom: 15px;
}
.section-step .step-title {
  height: 50px;
  line-height: 50px;
  margin: 0;
  font-size: 20px;
  color: #757575;
  font-weight: 400;
}
.section-step .step-title .num {
  float: left;
  width: 42px;
  padding-right: 6px;
  margin-right: 16px;
  color: #f30213;
  font-size: 36px;
  font-weight: 700;
  font-style: normal;
  text-align: right;
  position: relative;
}
.section-step .step-title .num:after {
  content: '';
  display: block;
  position: absolute;
  right: 5px;
  top: 20px;
  width: 10px;
  height: 30px;
  border-left: 1px solid #ff5000;
  transform: rotate(30deg);
  background: #fff;
}
.section-footer,
.section-step .content {
  padding: 20px 48px;
}
.section-footer {
  margin-bottom: 0;
  color: #bdbdbd;
}
.section-footer .agreement {
  margin-bottom: 20px;
  text-align: right;
  color: #424242;
}
.section-footer .agreement span {
  margin-left: 5px;
}
.section-footer .agreement a {
  color: #f30213;
}
.section-footer .total-price {
  float: right;
  margin-top: 10px;
  text-align: right;
}
.section-footer .total-price .price {
  font-size: 30px;
}
.section-footer .total-price .price-active {
  color: #df3033;
}
.section-footer .submit-btn {
  float: right;
  line-height: 38px;
  text-align: center;
  color: #b0b0b0;
  cursor: pointer;
  transition: all 0.4s;
  width: 186px;
  height: 50px;
  line-height: 50px;
  margin-left: 30px;
  vertical-align: bottom;
  font-size: 18px;
  border: none;
  color: #fff;
  background-color: #f30213;
  border-color: #f30213;
}
.section-footer .submit-btn.disabled {
  color: #616161;
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}
.order-num-list {
  margin-bottom: 25px;
}
.order-num-list li {
  float: left;
  margin-left: -1px;
  margin-top: -1px;
}
.order-num-item {
  width: 367px;
  height: 145px;
  line-height: 30px;
  border: 2px solid transparent;
  position: relative;
  box-shadow: 0 2px 8px 0 rgba(97, 131, 155, 0.2);
}
.order-num-item .liang {
  position: absolute;
  left: 41px;
  top: 39px;
}
.order-num-item .liang img {
  width: 32px;
  height: 32px;
}
.order-num-item .tip {
  position: absolute;
  right: 5px;
  bottom: 0;
}
.order-num-item .more {
  padding: 5px 12px;
  line-height: 24px;
  color: #000;
  text-align: center;
}
.order-num-item .more strong {
  font-weight: 700;
  color: #ff8201;
}
.order-num-item .more em {
  text-decoration: underline;
  padding: 0 3px;
}
.order-num-item .num {
  padding-top: 5px;
  color: #2f2f2f;
  text-align: center;
  font-size: 32px;
  font-family: Microsoft Yahei, sans-serif;
}
.order-num-item .desc {
  text-align: center;
  font-size: 14px;
  margin-top: 5px;
  color: #666;
}
.order-num-item .desc em {
  color: #df3033;
  font-weight: 600;
  margin: 0 3px;
}
.order-num-item .top-desc {
  text-align: center;
  font-size: 16px;
  margin-top: 5px;
}
.order-num-item .operator {
  color: #777;
}
.order-num-item .charge-price,
.order-num-item .price {
  color: #999;
}
.order-num-item .charge-price {
  margin-right: 15px;
}
.order-num-item .charge-price em,
.order-num-item .price em {
  color: #ff5000;
}
.order-num-item .sale-icon {
  width: 42px;
  height: 48px;
  background-image: url(/images/num-icon.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 20px;
  background-position: 0 0;
}
.order-charge-tab {
  position: relative;
  height: 48px;
  border-bottom: 2px solid #ff8201;
}
.order-charge-tab .tab-next,
.order-charge-tab .tab-prev {
  width: 37px;
  height: 37px;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  text-align: center;
  line-height: 37px;
  display: inline-block;
  position: absolute;
  top: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background: #f4f4f4;
}
.order-charge-tab .tab-prev {
  left: 5px;
}
.order-charge-tab .tab-next {
  right: 5px;
}
.order-charge-tab .iconfont {
  cursor: pointer;
  font-size: 30px;
  font-weight: 900;
  color: #999;
}
.order-charge-tab .tab-content {
  position: absolute;
  left: 55px;
  right: 55px;
  height: 50px;
  overflow: hidden;
}
.order-charge-tab ul {
  position: absolute;
  height: 48px;
  white-space: nowrap;
  transition: left 0.2s ease-in-out;
}
.order-charge-tab ul li {
  position: relative;
  display: inline-block;
  font: 16px/44px Tahoma;
  margin-right: -1px;
  border: 1px solid #e0e0e0;
  border-bottom: 0;
  height: 46px;
  min-width: 130px;
  padding: 0 10px;
  background: #f4f4f4;
  text-align: center;
  cursor: pointer;
  color: #777;
}
.order-charge-tab ul li:last-child {
  margin-right: 0;
}
.order-charge-tab ul li.active {
  border: 2px solid #ff8201;
  border-bottom: 0;
  padding-bottom: 2px;
  margin-left: 0;
  background: #fff;
  z-index: 2;
  color: #333;
}
.order-charge-shop {
  margin: 5px 0 5px 10px;
}
.order-charge-shop .shop-image {
  float: left;
  width: 160px;
  height: 160px;
  overflow: hidden;
  vertical-align: middle;
  padding: 20px 6px;
}
.order-charge-shop .shop-image img {
  max-width: 160px;
  max-height: 160px;
  border-radius: 10px;
  background: #f4f4f4;
}
.order-charge-shop .shop-content {
  overflow: hidden;
  padding: 10px 0;
}
.order-charge-item {
  float: left;
  text-align: center;
  padding: 15px 10px;
  max-width: 180px;
}
.order-charge-item.checked .meal-box {
  padding: 0;
  border: 2px solid #ff8201;
  border-radius: 4px;
}
.order-charge-item.checked .meal-box:after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAAHfOtk4AAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkIxQ0JEMTU5NDkwMTFFOEIxQzdGQUI3RjNBQkZFQ0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkIxQ0JEMTY5NDkwMTFFOEIxQzdGQUI3RjNBQkZFQ0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQjFDQkQxMzk0OTAxMUU4QjFDN0ZBQjdGM0FCRkVDRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQjFDQkQxNDk0OTAxMUU4QjFDN0ZBQjdGM0FCRkVDRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PixRo2gAAAKGSURBVHjaYvxf5qDBwMBwnQEJMAHxDSDWRBdkQJdgQlIAl0AWhEloAAQQI9Ci/2gSaiCVjGAmIyNM8BZMOyPD//8M2CxixCYIlwAIIJBFIBrDV+gA2UOMKL6VVMaqkAFDw/O7eBUy4LKBhQE/gGlQBwggbKGGDj4xIYcJDsDHhB54KKBzP4a7QAohVtdtYGDg5mdgKHdkQA5gZPAfV+AyYIs3QuHFSIwivCkBq0JCisAKAQKI6ORDDMCdxIgF0IjBnwzRQcc+BgYuXkxDoBFIUlJlqHBiYPj2mYEhrQ/DEHigYUkR2ABRYcpEZMgQFaZMJAY3XkOZyEwFMEM1qGEYDNxENhQggEAR8AxUcFFo6DpgUgmGxSZVDIR5UwqIn1NoWBBymJFuoGcaEKfijADsBnJwYzcIBLbPxhubmAbq2jMwZE7GYtAsFGW4agcplEg5vY2B4eV9BoaaNQwMZ3dhNYhQOkN14SNg1pyQwsDw9zdWg4jN6EQnG2JyANGxTGx2IspAUvImQQNJzeh4DSSn1MBpILlFEFYDKSnPMAyktHBEMZBSw1AMpIZhcAMBAgy5rbGPCqUtNcAHILZAbrdIQavD5wPsMAEgPoOtDURfB3oAS8ja9eiiPPjaU7R1IKgSATXwGIFOaA4kOZOT5sDGLQwMsU0MDKzshB0EayxSUJegNx7xZxINcwaGmEZgEn7JwDC3jIHh/UuEgxwiGRgOLMfpGEocRrwDRWQYGJK7GBj4RRkYmFmIdhClDiPegRR2c8gFNMsk1Cqtqe5AJirHANUcyMRAG0CxA2nlMIodSGuHke1AejmMZAfS22HoDtSgdoOYWuAmLgcOtMNwOpCFYXABmAPVAfhUqFRE4wkzAAAAAElFTkSuQmCC)
    no-repeat;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.order-charge-item.checked .meal-title {
  color: #333;
  overflow: hidden;
  white-space: nowrap;
}
.order-charge-item .meal-box {
  position: relative;
  margin: 0 auto;
  padding: 2px;
  width: 130px;
  height: 130px;
  background: url(https://res.mall.10010.cn/mall/wow/static/images/broadband/broadband-fusion-new/images/bg.png?974931d…)
    no-repeat;
  background-size: 100%;
  background-color: #f4f4f4;
  cursor: pointer;
}
.order-charge-item.order-400-charge-item .meal-box {
  width: 150px;
  height: 150px;
}
.order-charge-item .meal-box .tag {
  float: left;
  font-family: HYk2gj;
  width: 100%;
  text-align: center;
  color: #904a23;
  white-space: nowrap;
}
.order-charge-item .meal-box .tag.tag-traffic {
  margin-top: 10px;
  line-height: 30px;
  height: 30px;
  font-size: 20px;
  font-weight: 700;
}
.order-charge-item .meal-box .tag.tag-plus {
  line-height: 10px;
  font-size: 20px;
}
.order-charge-item .meal-box .tag.tag-voice {
  line-height: 30px;
  height: 30px;
  font-size: 18px;
  font-weight: 700;
}
.order-charge-item.order-400-charge-item .meal-box .tag.tag-voice {
  margin-top: 15px;
  font-size: 20px;
}
.order-charge-item.order-400-charge-item .meal-box .tag.tag-func {
  line-height: 30px;
  height: 30px;
  font-size: 18px;
  font-weight: 700;
}
.order-charge-item .meal-box .price-text {
  position: absolute;
  bottom: 10px;
  background-color: #efc384;
  line-height: 28px;
  height: 28px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  font-size: 12px;
  border-radius: 12px;
  font-weight: 700;
}
.order-charge-item.order-400-charge-item .meal-box .price-text {
  background-color: #f19716;
  color: #fff;
  font-size: 14px;
  bottom: 15px;
}
.order-charge-item .meal-title {
  margin-top: 5px;
  padding: 0 5px;
  font-size: 12px;
  color: #777;
}
.order-charge-detail {
  margin-top: 12px;
}
.order-charge-detail table {
  line-height: 20px;
  margin: 0 auto;
  font-size: 14px;
}
.order-charge-detail td,
.order-charge-detail th {
  border: 1px solid #ccc;
  padding: 3px;
  text-align: center;
  font-weight: 400;
}
.order-charge-detail th {
  background: #f4f4f4;
}
.order-charge-detail th.ttop {
  background: #ddd;
}
.order-charge-selected,
.order-delivery-selected {
  margin: 20px 10px;
  font-size: 16px;
}
.order-charge-selected strong,
.order-delivery-selected strong {
  font-weight: 700;
  color: #ff5000;
}
.order-delivery-item.checked {
  border: 1px solid #ff8200;
  color: #ff8200;
}
.order-delivery-item:hover {
  color: #ff8200;
}
.order-delivery-item {
  position: relative;
  float: left;
  min-width: 150px;
  height: 40px;
  border: 1px solid #ccc;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  margin: 0 0 10px 20px;
  color: #777;
  cursor: pointer;
}
.delivery-selected-line {
  padding-top: 10px;
  border-bottom: 1px solid #ff8201;
  position: relative;
  overflow: hidden;
}
.delivery-selected-line .selected-tag {
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: #ff8201;
  transition: all 0.2s ease;
  top: 4px;
  left: 90px;
  transform: rotate(45deg);
}
.delivery-selected-desc li {
  margin: 10px 20px;
}
.delivery-selected-desc li span {
  float: left;
  width: 100px;
  height: 34px;
  line-height: 34px;
  font-weight: 700;
}
.delivery-selected-desc li div {
  line-height: 34px;
}
.citylist .w {
  margin: 0 auto 40px;
  padding: 10px 20px 20px;
  width: 1160px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background: #fff;
  min-height: 800px;
}
.citylist .search-cities,
.citylist .select-cities {
  display: inline-block;
  vertical-align: middle;
}
.citylist .hot-cities,
.citylist .op-area,
.citylist .recent-cities {
  padding: 25px 0 15px;
  min-height: 40px;
  border-bottom: 1px solid #e5e5e5;
}
.citylist .op-area .cities,
.citylist .op-area .provinces {
  display: none;
  position: absolute;
  cursor: default;
  top: 45px;
  left: 0;
  min-width: 152px;
  height: 325px;
  padding: 20px 0 20px 15px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.citylist .op-area .provinces-bd {
  display: table-row;
  min-width: 264px;
}
.citylist .op-area .cities-bd {
  display: table-row;
  min-width: 108px;
}
.citylist .op-area p {
  font-size: 16px;
  color: #ccc;
  margin-bottom: 11px;
}
.citylist .op-area .iconfont {
  float: right;
  font-size: 12px;
}
.citylist .op-area .col {
  display: table-cell;
}
.citylist .op-area .col a,
.citylist .op-area .col span {
  display: block;
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  color: #666;
  display: table;
  box-sizing: border-box;
  min-width: 40px;
  height: 20px;
  padding: 1px 8px;
  margin: 6px 38px 6px 0;
  white-space: nowrap;
}
.citylist .op-area .col a.active,
.citylist .op-area .col span.active {
  background: #df3033;
  border-radius: 10px;
  color: #fff;
}
.citylist .select-city,
.citylist .select-province {
  position: relative;
  display: inline-block;
  width: 130px;
  height: 38px;
  font-size: 14px;
  line-height: 38px;
  color: #666;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  margin: 0 10px 0 20px;
  padding: 0 10px;
}
.citylist .select-city {
  cursor: not-allowed;
}
.citylist .search-cities {
  margin-left: 40px;
}
.citylist .search-cities .input-wrapper {
  position: relative;
  float: left;
  margin: 0 10px 0 20px;
}
.citylist .search-cities .cities {
  padding: 0;
  height: auto;
}
.citylist .search-cities .rmd-city-wrapper {
  overflow-y: scroll;
  min-width: 210px;
  max-height: 298px;
  padding: 10px 0 15px 20px;
}
.citylist .search-cities a {
  display: block;
  font-size: 12px;
  min-width: 40px;
  line-height: 25px;
  white-space: nowrap;
}
.citylist .search-cities .no-match-city {
  font-size: 12px;
  color: #666;
  padding: 10px 20px 10px 15px;
}
.citylist .search-text {
  padding-left: 10px;
  width: 220px;
  height: 38px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  font-size: 14px;
  line-height: 38px;
  color: #666;
}
.citylist .city-area {
  padding: 13px 30px 13px 10px;
  border-radius: 10px;
  transition: background-color 0.5s;
}
.citylist .city-area:hover {
  background: #f8f8f8;
}
.citylist .city-area .city-label {
  box-sizing: border-box;
  vertical-align: top;
  display: inline-block;
  text-align: center;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  color: #fff;
  background: #df3033;
  box-shadow: 0 4px 5px 0 rgba(243, 2, 19, 0.22);
  white-space: nowrap;
}
.citylist .city-area .cities {
  display: inline-block;
  max-width: 1060px;
}
.citylist .city-area .city {
  margin: 10px 20px;
  display: inline-block;
  font-size: 14px;
}
.citylist .tit {
  float: left;
  font-size: 16px;
  line-height: 40px;
}
.citylist .info {
  max-width: 1090px;
  font-size: 14px;
  line-height: 40px;
  display: inline-block;
}
.citylist .city {
  display: inline-block;
  margin: 0 20px;
}
.numbers .nums {
  margin-top: -1px;
}
.numbers .no-more-result {
  clear: both;
  margin: 0 auto;
  width: 200px;
  text-align: center;
  padding: 50px;
  color: #666;
}
.package-list {
  margin-top: -1px;
  border: 1px solid #e8e8e8;
  padding: 20px;
  background: #fff;
}
.package-list .item {
  border-bottom: 1px solid #e8e8e8;
  margin: 10px 0 20px;
}
.package-list .left-area {
  float: left;
  width: 200px;
}
.package-list .pic-box {
  width: 180px;
}
.package-list .pic-box img {
  width: 100%;
  max-height: 180px;
  cursor: pointer;
}
.package-list .pic-box img:hover {
  opacity: 0.9;
}
.package-list .right-area {
  position: relative;
  overflow: hidden;
}
.package-list .detail {
  margin-right: 150px;
}
.package-list .detail .title {
  font-weight: 700;
  font-size: 18px;
  line-height: 40px;
}
.package-list .detail .title a {
  color: #333;
}
.package-list .detail .title a:hover {
  opacity: 0.9;
}
.package-list .detail .desc {
  color: #666;
}
.package-list .detail .feature {
  margin: 10px 0 7px;
}
.package-list .detail .tip {
  float: left;
  margin: 0 5px 3px 0;
  line-height: 24px;
  height: 24px;
  padding: 0 10px;
  background: #7be;
  color: #fff;
}
.package-list .brief {
  position: absolute;
  top: 0;
  right: 10px;
  text-align: right;
}
.package-list .brief .price {
  color: #df3033;
}
.package-list .brief em {
  font-size: 24px;
  font-weight: 600;
}
.package-list .brief .count {
  color: #13c2c2;
  font-size: 12px;
  cursor: pointer;
}
.package-list .sub-list {
  position: relative;
  margin-top: 20px;
  overflow: hidden;
  max-height: 153px;
  transition: height 0.5s linear;
}
.package-list .sub-list .prompt {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 30px;
  background: linear-gradient(-180deg, hsla(0, 0%, 100%, 0.2), #fff 63%);
}
.package-list .sub-list .prompt > span {
  width: 80px;
  margin: 8px auto;
  text-align: center;
  font-size: 14px;
  color: #7a8f9a;
  line-height: 14px;
  cursor: pointer;
}
.package-list .sub-list .prompt .iconfont {
  color: #7be;
  vertical-align: text-bottom;
}
.package-list .sub-list .prompt.show-expend .collapse {
  display: none;
}
.package-list .sub-list .prompt.show-expend .expand {
  display: block;
}
.package-list .sub-list .prompt.show-collapse .expand {
  display: none;
}
.package-list .sub-list .prompt.show-collapse .collapse {
  display: block;
}
.package-list .sub-list .sub-item {
  position: relative;
  border-top: 1px solid #e8e8e8;
}
.package-list .sub-list .sub-item-cont {
  margin-right: 200px;
  height: 50px;
  overflow: hidden;
}
.package-list .sub-list .sub-item:hover .link {
  display: block;
}
.package-list .sub-list .link {
  display: none;
  position: absolute;
  right: 0;
  top: 10px;
  padding: 5px 20px;
  border-radius: 20px;
  background: #d0d0d5;
  color: #fff;
}
.package-list .sub-list .link:hover {
  background: #df3033;
  border-color: #df3033;
}
.package-list .sub-list .name {
  position: relative;
  color: #df3033;
  width: 70px;
  font-size: 16px;
  margin-right: 20px;
}
.package-list .sub-list .name em {
  font-size: 12px;
}
.package-list .sub-list .name .old-name {
  position: absolute;
  bottom: 1px;
  left: 5px;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  color: #666;
}
.package-list .sub-list .name del {
  text-decoration: line-through;
}
.package-list .sub-list .remark {
  padding-left: 23px;
  width: 177px;
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/package_gift.png)
    0 no-repeat;
  color: #777;
}
.package-list .sub-list .call {
  padding-left: 20px;
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/package_call.png)
    0 no-repeat;
  color: #777;
  width: 70px;
}
.package-list .sub-list .flow {
  padding-left: 20px;
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/package_flow.png)
    0 no-repeat;
  color: #777;
  width: 220px;
}
.package-list .sub-list .sales {
  float: left;
  color: #777;
  line-height: 50px;
}
.package-list .sub-list .call,
.package-list .sub-list .flow,
.package-list .sub-list .name,
.package-list .sub-list .remark {
  float: left;
  line-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product {
  margin-top: 10px;
}
.product .w {
  background: #fff;
}
.product .preview {
  float: left;
  padding: 20px 0 80px 20px;
  width: 350px;
  min-height: 400px;
}
.product .pimg {
  position: relative;
  width: 350px;
  height: 350px;
  line-height: 350px;
  text-align: center;
}
.product .pimg img {
  width: 340px;
  height: auto;
  max-height: 340px;
  vertical-align: middle;
}
.product .pimg-list {
  position: relative;
  margin-bottom: 18px;
}
.product .pimg-list i {
  position: relative;
  left: -8px;
  font-size: 40px;
  line-height: 32px;
  font-weight: 700;
}
.product .pimg-backward,
.product .pimg-forward {
  display: block;
  width: 22px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  top: 50%;
  margin-top: -16px;
}
.product .pimg-forward {
  left: 0;
}
.product .pimg-backward {
  right: 0;
}
.product .pimg-items {
  position: relative;
  width: 290px;
  height: 54px;
  margin: 0 auto;
  overflow: hidden;
}
.product .pimg-items ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 2000px;
  transition: all 0.3s;
}
.product .pimg-items li {
  float: left;
  margin: 0 2px;
  width: 54px;
  height: 54px;
  cursor: pointer;
}
.product .pimg-items li.img-hover img,
.product .pimg-items li:hover img {
  border-color: #df3033;
}
.product .pimg-items img {
  border: 2px solid transparent;
  width: 50px;
  height: 50px;
}
.product .details {
  width: 800px;
  float: right;
}
.product .details-hd {
  margin: 10px 10px 15px;
}
.product .title {
  font-weight: 700;
  font-size: 18px;
  line-height: 40px;
}
.product .news {
  color: #ff5000;
  font-size: 12px;
}
.product .meta {
  position: relative;
  margin-right: 10px;
  padding: 10px;
  background-color: #fff2e8;
}
.product .meta .price-wrapper {
  margin-right: 158px;
  overflow: hidden;
}
.product .meta .price-wrapper .dt {
  margin-top: 13px;
}
.product .meta .rmb-num {
  font-size: 30px;
  color: #ff0036;
  font-weight: bolder;
  font-family: Arial;
}
.product .meta .rmb {
  color: #ff0036;
  font-size: 24px;
  font-family: Arial;
}
.product .meta .count-wrapper {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 12px;
  color: #6c6c6c;
}
.product .meta .count-wrapper strong {
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}
.product .meta .count-wrapper a {
  display: block;
  color: #6c6c6c;
}
.product .meta .rate-counter,
.product .meta .sell-counter {
  float: left;
  text-align: center;
}
.product .meta .rate-counter {
  padding: 0 9px;
}
.product .meta .sell-counter {
  border-left: 1px solid #ffe4d0;
  padding-left: 9px;
}
.product .meta .discount {
  background: #fff9f5;
  margin: 10px -10px -10px;
  padding: 10px;
}
.product .sale-prop {
  margin: 10px 10px 0;
}
.product .sale-prop .dt {
  margin-top: 7px;
}
.product .sale-prop .item {
  float: left;
  position: relative;
  margin: 0 5px 5px 0;
  vertical-align: middle;
  line-height: 20px;
  background: #fff;
}
.product .sale-prop .link {
  border: 1px solid #ccc;
  padding: 1px 5px;
  height: 32px;
  line-height: 32px;
  display: block;
  white-space: nowrap;
  color: #3c3c3c;
}
.product .sale-prop .link:hover,
.product .sale-prop .selected {
  padding: 0 4px;
  border: 2px solid #f40;
  background: #fff;
}
.product .sale-prop .selected {
  color: #f40;
}
.product .choose-btns {
  margin: 10px 10px 20px 0;
  padding: 10px;
  border-top: 1px dotted #dfdfdf;
}
.product .choose-btns button {
  width: 180px;
  font-size: 16px;
}
.product .dt {
  float: left;
  width: 60px;
  color: #999;
  font-size: 12px;
  line-height: 21px;
}
.product .dd {
  margin-left: 60px;
}
.product table {
  width: 100%;
}
.product th {
  background: #fff2e8;
}
.product td,
.product th {
  height: 40px;
  line-height: 25px;
  text-align: center;
  border: 1px solid #e0e0e0;
}
.product-tab {
  background: #fff;
}
.product-tab > .tab-tit {
  position: relative;
  background: #f7f7f7;
  border: 1px solid #eee;
  border-bottom: 1px solid #e4393c;
}
.product-tab > .tab-tit li {
  float: left;
  padding: 10px 25px;
  font-size: 14px;
  cursor: pointer;
}
.product-tab > .tab-tit li strong {
  padding-left: 3px;
  color: #df3033;
}
.product-tab > .tab-tit li.current {
  background: #df3033;
  color: #fff;
  cursor: default;
}
.product-tab > .tab-tit li.current strong {
  color: #fff;
}
.product-tab > .tab-tit li:not(.current):hover {
  color: #df3033;
}
.product-tab > .tab-cont {
  padding: 0 10px;
}
.product-tab > .tab-cont .item {
  margin-top: 10px;
}
.comment .mt {
  background: #f7f7f7;
  border: 1px solid #eee;
  padding: 10px;
  font-weight: 700;
}
.comment-info {
  overflow: hidden;
  zoom: 1;
  padding: 25px 0;
}
.comment-percent {
  width: 90px;
  padding: 15px 0 0 40px;
  float: left;
}
.comment .percent-tit {
  font-size: 12px;
  color: #666;
  font-weight: 400;
}
.comment .percent-cont {
  font-size: 45px;
  color: #df3033;
  font-family: arial;
}
.comment-list {
  min-height: 90px;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.comment-list > .tab-tit {
  border: 1px solid #f5f5f5;
  background-color: #fafafa;
  padding-left: 10px;
  overflow: hidden;
}
.comment-list > .tab-tit li {
  float: left;
  padding: 5px 10px;
  cursor: pointer;
}
.comment-list > .tab-tit li:hover {
  color: #df3033;
}
.comment-list > .tab-tit li.current {
  cursor: default;
  color: #df3033;
}
.comment-item {
  padding: 15px;
  border-bottom: 1px solid #ddd;
}
.comment .user-info {
  width: 140px;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.comment .user-info img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 5px;
  border: 0;
  vertical-align: middle;
}
.comment .cm-detail {
  margin-left: 150px;
}
.comment .comment-cont {
  font-size: 14px;
  padding: 10px 0;
  line-height: 180%;
  color: #333;
}
.comment .comment-message {
  overflow: hidden;
}
.comment .order-info {
  float: left;
  color: #999;
}
.comment .order-info span {
  margin-right: 20px;
}
.comment .comment-op {
  float: right;
}
.comment .comment-op button {
  border: 0 none;
  background: transparent;
  display: inline-block;
  margin-left: 25px;
  color: #666;
}
.comment .comment-op button:hover {
  color: #df3033;
}
.comment-star {
  width: 78px;
  height: 14px;
  background: url(//static.360buyimg.com/item/unite/1.0.78/components/default/comment/i/star.png)
    no-repeat;
}
.comment .star5 {
  background-position: 0 0;
}
.comment .star4 {
  background-position: -16px 0;
}
.comment .star3 {
  background-position: -32px 0;
}
.comment .star2 {
  background-position: -48px 0;
}
.comment .star1 {
  background-position: -64px 0;
}
.comment-goods {
  margin: 10px 0;
  border: 1px solid #f5f5f5;
}
.comment .goods-info {
  float: left;
  width: 120px;
  padding: 15px;
  font-size: 12px;
}
.comment .p-img {
  width: 100%;
  height: 100px;
  text-align: center;
}
.comment .p-img img {
  width: 100px;
  height: 100px;
}
.comment .p-name {
  margin: 5px 0;
  color: #777;
}
.comment .p-name,
.comment .p-price {
  width: 100%;
  line-height: 20px;
  text-align: center;
}
.comment .p-price strong {
  color: #666;
  font-family: verdana;
  font-weight: 700;
}
.comment .goods-operate {
  position: relative;
  margin-left: 150px;
  padding: 25px 10px 0;
  border-left: 1px solid #f5f5f5;
  background: #f7f7f7;
}
.comment .goods-item {
  position: absolute;
  left: 15px;
  right: 10px;
  bottom: 0;
}
.comment .goods-commstar {
  float: left;
}
.comment .goods-label {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  overflow: hidden;
  font-size: 12px;
  color: #666;
}
.comment .commstar {
  position: relative;
  display: inline-block;
  z-index: 1;
  width: 80px;
  height: 16px;
  vertical-align: top;
  margin-right: 30px;
  background: url(//misc.360buyimg.com/user/myjd/comment/1.0.0/css/i/commstar.png)
    0 0 repeat-x;
}
.comment .commstar .star {
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 16px;
  cursor: pointer;
}
.comment .commstar .star.active,
.comment .commstar .star:hover {
  background: url(//misc.360buyimg.com/user/myjd/comment/1.0.0/css/i/commstar.png)
    0 -16px repeat-x;
}
.comment .commstar .star1 {
  width: 20%;
  z-index: 6;
}
.comment .commstar .star2 {
  width: 40%;
  z-index: 5;
}
.comment .commstar .star3 {
  width: 60%;
  z-index: 4;
}
.comment .commstar .star4 {
  width: 80%;
  z-index: 3;
}
.comment .commstar .star5 {
  width: 100%;
  z-index: 2;
}
.comment .commstar .star-info {
  position: absolute;
  right: -30px;
  top: 0;
  width: 30px;
  height: 16px;
  line-height: 16px;
  text-align: right;
  color: #999;
}
.comment .goods-main {
  display: inline-block;
  position: relative;
  line-height: 30px;
  top: -2px;
}
.comment .operate-box {
  float: right;
}
.comment .btn-submit {
  padding: 5px 28px;
  border-radius: 2px;
}
.comment .f-textarea {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 25px;
  bottom: 50px;
  background: #fff;
  border: 1px solid #e0e0e0;
  overflow: hidden;
}
.comment .f-textarea textarea {
  position: absolute;
  top: 10px;
  padding: 0 10px;
  bottom: 30px;
  line-height: 18px;
  width: 100%;
  border: 0 none;
  color: #333;
  resize: none;
  font-size: 12px;
  box-sizing: border-box;
}
.comment .f-textarea .textarea-ext {
  position: absolute;
  right: 10px;
  bottom: 0;
  height: 30px;
  line-height: 30px;
  text-align: right;
  color: #999;
}
.comment .f-checkbox {
  display: inline-block;
  height: 30px;
  padding-left: 16px;
  margin-right: 15px;
  margin-top: 3px;
  vertical-align: baseline;
}
.comment .f-checkbox .i-check {
  width: 15px;
  height: 15px;
  border: 1px solid #bfbfbf;
  margin-right: 5px;
  vertical-align: text-bottom;
}
.comment .f-checkbox label {
  display: inline-block;
  height: 30px;
  color: #666;
}
.comment .f-checkbox label:hover {
  color: #666;
}
.comment .c-tip {
  display: none;
  position: absolute;
  top: 5px;
  left: 20px;
  height: 20px;
  color: #df3033;
  font-size: 12px;
  line-height: 18px;
}
.comment .c-tip .tip-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  font-size: 10px;
  font-weight: 700;
  border: 2px solid #df3033;
  border-radius: 50%;
  vertical-align: bottom;
}
.comment .pager-footer {
  text-align: center;
  padding-top: 15px;
}
.comment .pager-footer .btn-more {
  padding: 4px 28px;
  border: 1px solid #df3033;
  border-radius: 2px;
  background: #ffeded;
}
.reply {
  margin-top: 5px;
}
.reply-textarea {
  overflow: hidden;
  padding: 10px 10px 5px;
  border: 1px solid #eee;
  background-color: #f7f7f7;
  font-size: 12px;
}
.reply textarea {
  display: block;
  width: 100%;
  height: 60px;
  border: none;
  line-height: 20px;
  font-size: 12px;
  resize: none;
  padding: 4px;
  box-sizing: border-box;
}
.reply textarea:focus {
  outline: 2px solid #add8e6;
}
.reply .operate-box {
  margin-top: 5px;
  text-align: right;
}
.reply .txt-countdown {
  margin-right: 10px;
  color: #999;
  display: inline-block;
}
.reply-list {
  padding-top: 5px;
}
.reply-item {
  line-height: 26px;
  margin-top: 15px;
  padding-bottom: 8px;
  padding-left: 18px;
  text-align: left;
  border-bottom: 1px solid #f0f0f0;
  font-size: 12px;
}
.reply .r-tit {
  line-height: 15px;
  color: #666;
}
.reply .r-name {
  color: #005ea7;
}
.reply .r-at {
  font-weight: 700;
  margin: 0 1px;
}
.reply .time {
  float: left;
  color: #999;
}
.reply .btn-reply {
  float: right;
  border: 0 none;
  background: transparent;
  margin-right: 25px;
  font-size: 12px;
}
.reply .btn-reply:hover {
  color: #df3033;
}
.qa .mt {
  background: #f7f7f7;
  border: 1px solid #eee;
  padding: 10px;
  font-weight: 700;
}
.qa .mc {
  padding-bottom: 30px;
}
.qa-item {
  padding-top: 18px;
  border-bottom: 1px solid #ddd;
}
.qa .question .c-icon {
  background: #f91;
}
.qa .question-cont {
  line-height: 180%;
  margin-left: 25px;
  font-weight: 700;
}
.qa .answer {
  padding: 10px 0;
}
.qa .answer .c-icon {
  background: #9b1;
}
.qa .answer-cont {
  line-height: 180%;
  margin-left: 25px;
}
.qa .item-info {
  float: right;
  color: #999;
}
.qa .c-icon {
  float: left;
  font-size: 10px;
  color: #fff;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 50%;
  text-align: center;
  margin: 3px 0 0 3px;
}
.rich-text img {
  width: 100%;
  height: auto;
}
.birth-banner {
  height: 340px;
  background-color: hsla(21, 62%, 73%, 0.1);
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/birth/banner.png)
    50% no-repeat;
  background-size: cover;
}
.birth-main {
  position: relative;
  overflow: hidden;
  min-height: 990px;
  background-color: #fff;
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/birth/bg.png)
    top repeat-y;
  background-size: 100% auto;
}
.birth-search {
  width: 1200px;
  height: 87px;
  background-color: #ef420a;
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/birth/input-bg.png);
  margin: 25px 0 10px;
  overflow: hidden;
}
.birth-search-wrap {
  position: relative;
  margin: 13px 26px;
  width: 1148px;
  height: 62px;
  border-radius: 5px;
  background: #fff;
}
.birth-search-wrap .search-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 62px;
  height: 62px;
  text-align: center;
  line-height: 62px;
  font-size: 28px;
  color: #d4d4d4;
}
.birth-search-wrap .search-input-container {
  position: absolute;
  top: 0;
  left: 62px;
  right: 156px;
  height: 62px;
}
.birth-search-wrap .search-input-container .search-input {
  width: 100%;
  height: 100%;
  font: 200 22px/62px impact;
  letter-spacing: 1px;
  border: 0 none;
  outline: 0;
  text-align: center;
}
.birth-search-wrap .search-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 156px;
  height: 62px;
  color: #fff;
  background: #ff8c21;
  font-size: 26px;
  font-weight: 200;
  border: 0 none;
}
.birth-search-wrap .search-btn:hover {
  opacity: 0.9;
}
.birth-search-wrap .search-btn:active {
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
}
.birth-ad {
  width: 1200px;
  height: 113px;
  margin: 10px 0;
}
.birth-type {
  margin: 30px 7px 40px;
}
.birth-type-item {
  position: relative;
  width: 286px;
  height: 230px;
  border: 1px solid transparent;
  background-color: #fdf7fb;
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.3s;
}
.birth-type-item:hover {
  box-shadow: 0 0 3px 3px rgba(243, 13, 0, 0.1);
}
.birth-type-item:hover .item-btn {
  background-color: #f30d00;
  color: #fff;
}
.birth-type-item .item-hd {
  position: absolute;
  top: 20px;
  right: 14px;
  width: 120px;
  height: 125px;
}
.birth-type-item .item-hd .title {
  color: #f30d00;
  font-size: 28px;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
}
.birth-type-item .item-hd .desc {
  height: 60px;
  font-size: 18px;
  line-height: 30px;
  overflow: hidden;
  color: #000;
}
.birth-type-item .item-bd {
  position: absolute;
  top: 27px;
  left: 32px;
  width: 100px;
  height: 106px;
}
.birth-type-item .item-bd img {
  width: 100%;
  height: 100%;
}
.birth-type-item .item-btn {
  position: absolute;
  top: 147px;
  width: 235px;
  height: 50px;
  left: 50%;
  transform: translateX(-50%);
  border: 2px solid #f30d00;
  border-radius: 26px;
  background: transparent;
  font-size: 24px;
  color: #f30d00;
  letter-spacing: 1px;
}
.birth-list {
  padding: 10px 0 90px;
}
.birth-item {
  margin: 30px 0 80px;
}
.birth-item .item-hd {
  margin: 0 30px 20px;
  text-align: center;
}
.birth-item .item-hd .title {
  display: inline-block;
  padding: 0 100px;
  height: 40px;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/birth/1.png)
      no-repeat 0,
    url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/birth/2.png)
      no-repeat 100%;
  background-size: auto 20px;
}
.birth-item.birth-item-2 .item-hd .title {
  background-image: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/birth/3.png),
    url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/birth/4.png);
}
.birth-item.birth-item-3 .item-hd .title {
  background-image: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/birth/5.png),
    url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/birth/6.png);
}
.birth-item.birth-item-4 .item-hd .title {
  background-image: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/birth/7.png),
    url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/birth/8.png);
}
.birth-item .item-hd .desc {
  font-size: 20px;
  line-height: 50px;
  color: #999;
}
.birth-item .birth-side {
  position: relative;
  width: 310px;
  height: 790px;
  float: left;
  background-color: #d6fff9;
}
.birth-item.birth-item-2 .birth-side {
  background-color: #fee8eb;
}
.birth-item.birth-item-3 .birth-side {
  background-color: #dcecfb;
}
.birth-item.birth-item-4 .birth-side {
  background-color: #eee7d7;
}
.birth-side img {
  width: 100%;
  height: 100%;
}
.birth-side .title {
  position: absolute;
  top: 40px;
  left: 30px;
  width: 195px;
  height: 35px;
}
.birth-side .main {
  position: relative;
  z-index: 1;
  padding: 140px 24px;
  line-height: 40px;
  font-size: 20px;
}
.birth-side .bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 310px;
  height: 254px;
}
.birth-item.birth-item-2 .birth-side .bottom {
  height: 320px;
}
.birth-item.birth-item-3 .birth-side .bottom {
  height: 292px;
}
.birth-item.birth-item-4 .birth-side .bottom {
  height: 579px;
}
.birth-side .more {
  position: absolute;
  z-index: 1;
  top: 360px;
  left: 30px;
  font-size: 24px;
}
.birth-side .more .iconfont {
  font-size: 20px;
  margin-left: 5px;
}
.birth-item .birth-content {
  position: relative;
  width: 870px;
  margin-left: 330px;
  height: 790px;
}
.birth-content .year-tab {
  height: 85px;
  width: 100%;
  overflow: hidden;
}
.birth-content .year-tab .tab-item {
  float: left;
  width: 174px;
  margin-top: 12px;
  height: 73px;
  background: #24b5ba;
  transition: all 0.2s ease;
  font-size: 28px;
  line-height: 73px;
  color: #fff;
  text-align: center;
}
.birth-item-2 .birth-content .year-tab .tab-item {
  background: #e73535;
}
.birth-item-3 .birth-content .year-tab .tab-item {
  background: #579ae9;
}
.birth-item-4 .birth-content .year-tab .tab-item {
  background: #8c715e;
}
.birth-content .year-tab .tab-item.active {
  margin-top: 0;
  padding-top: 12px;
  background: #d6fff9;
  color: #333;
}
.birth-item-2 .birth-content .year-tab .tab-item.active {
  background: #fcf4f2;
}
.birth-item-3 .birth-content .year-tab .tab-item.active {
  background: #f0f5fb;
}
.birth-item-4 .birth-content .year-tab .tab-item.active {
  background: #f1ebdf;
}
.birth-content .year-tab .tab-item:not(.active):hover {
  opacity: 0.9;
}
.birth-content .birth-number {
  position: relative;
  width: 858px;
  padding: 22px 0 0 12px;
  height: 615px;
  background: #d6fff9;
}
.birth-item-2 .birth-content .birth-number {
  background: #fcf4f2;
}
.birth-item-3 .birth-content .birth-number {
  background: #f0f5fb;
}
.birth-item-4 .birth-content .birth-number {
  background: #f1ebdf;
}
.birth-content .year-promo {
  position: absolute;
  height: 90px;
  bottom: 0;
  right: 0;
  left: 0;
  background: #24b5ba;
}
.birth-item-2 .birth-content .year-promo {
  background: #e73535;
}
.birth-item-3 .birth-content .year-promo {
  background: #579ae9;
}
.birth-item-4 .birth-content .year-promo {
  background: #8c715e;
}
.birth-content .year-promo-wrap {
  padding: 0 16px;
  line-height: 90px;
  font-size: 22px;
  color: #fff;
}
.birth-content .year-tag {
  display: inline-block;
  width: 118px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  border-radius: 20px;
  background: #d6fff9;
  vertical-align: middle;
  color: #24b5ba;
  margin-right: 12px;
}
.birth-item-2 .birth-content .year-tag {
  color: #e73535;
  background: #fee8eb;
}
.birth-item-3 .birth-content .year-tag {
  color: #579ae9;
  background: #dcecfb;
}
.birth-item-4 .birth-content .year-tag {
  color: #8c715e;
  background: #eee7d7;
}
.birth-content .year-tag:hover {
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
  opacity: 0.9;
}
.birth-result {
  position: relative;
  width: 1146px;
  margin: 0 auto 60px;
  border: 1px solid #eee;
  border-radius: 5px;
  min-height: 400px;
  margin-bottom: 60px;
}
.birth-result .birth-number {
  position: relative;
  padding: 50px 0 50px 23px;
  min-height: 400px;
}
.birth-pagination,
.birth-result .birth-number {
  background: rgba(254, 232, 235, 0.5);
}
.birth-pagination .pagination {
  margin: 0 50px 30px;
}
.e400-banner {
  height: 547px;
  background-color: hsla(21, 62%, 73%, 0.1);
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/400/banner.png)
    50% no-repeat;
}
.e400-main {
  overflow: hidden;
  min-height: 990px;
}
.e400-nav {
  height: 100px;
  margin-top: 20px;
}
.e400-nav-item {
  padding: 15px 0;
}
.e400-nav .span5:first-child .e400-nav-item {
  margin-left: -10px;
}
.e400-nav .span5:nth-child(2) .e400-nav-item {
  padding-left: 30px;
}
.e400-nav .span5:nth-child(3) .e400-nav-item {
  padding-left: 50px;
}
.e400-nav .span5:nth-child(4) .e400-nav-item {
  padding-left: 80px;
}
.e400-nav-item .item-img {
  float: left;
  width: 70px;
  height: 70px;
}
.e400-nav-item .item-img img {
  width: 100%;
  height: 100%;
}
.e400-nav-item .item-main {
  margin: 5px 0 0 80px;
  white-space: nowrap;
}
.e400-nav-item .item-main .tit {
  font-size: 24px;
}
.e400-nav-item .item-main .sub-tit {
  font-size: 16px;
  color: #4b4b4b;
}
.floor.e400-floor {
  margin-top: 15px;
}
.floor.e400-floor .floor-hd {
  margin-bottom: 10px;
}
.floor.e400-floor .floor-hd .title {
  margin: 0;
}
.e400-floor img {
  width: 100%;
  height: 100%;
}
.e400-promo-tab {
  width: 1200px;
  height: 65px;
  overflow: hidden;
}
.e400-promo-tab .tab-item {
  position: relative;
  float: left;
  width: 240px;
  margin-top: 11px;
  height: 54px;
  background: #f30213;
  transition: all 0.2s ease;
  font-size: 18px;
  line-height: 54px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.e400-promo-tab .tab-item:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 15px;
  background: #fff;
  bottom: 19px;
  left: -2px;
}
.e400-promo-tab .tab-item:first-child {
  border-top-left-radius: 10px;
}
.e400-promo-tab .tab-item:last-child {
  border-top-right-radius: 10px;
}
.e400-promo-tab .tab-item.active {
  margin-top: 0;
  padding-top: 11px;
  background: #fff;
  font-size: 19px;
  color: #333;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.e400-promo-tab .tab-item:not(.active):hover {
  background: #c81623;
}
.e400-zifei {
  height: 788px;
}
.e400-zifei-container {
  margin-left: -16px;
}
.e400-zifei-item {
  float: left;
  width: 288px;
  height: 388px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #f0f0f0;
  margin: 0 0 12px 16px;
}
.e400-zifei-item .img {
  position: relative;
  left: -1px;
  top: -1px;
  width: 288px;
  height: 280px;
}
.e400-zifei-item .content {
  padding: 5px 15px 0;
}
.e400-zifei-item .content .title {
  font-size: 22px;
  color: #4b4b4b;
}
.e400-zifei-item .content .funcs {
  height: 24px;
  line-height: 24px;
  margin: 3px 0;
}
.e400-zifei-item .content .funcs .tag {
  font-size: 14px;
  border: 1px solid #f30d00;
  margin-right: 12px;
  padding: 2px 4px;
  color: #f30d00;
}
.e400-zifei-item .content .attr {
  font-size: 14px;
  color: #888;
  margin-top: 3px;
}
.e400-zifei-item .content .attr .money {
  display: inline-block;
  width: 126px;
  white-space: nowrap;
  margin-right: 5px;
}
.e400-zifei-item .content .attr .money .emphasis {
  font-size: 22px;
  color: #e92624;
  margin-right: 6px;
}
.e400-selected-type {
  float: left;
  width: 225px;
  background: #f4f4f4;
  border: 1px solid #f4f4f4;
  height: 722px;
  border-radius: 10px 0 0 10px;
  overflow: hidden;
}
.e400-selected-type .type-item {
  position: relative;
  background: #fff;
  width: 225px;
  height: 240px;
  margin-bottom: 1px;
  cursor: pointer;
}
.e400-selected-type .type-item.active {
  color: #fff;
  background-color: #f30213;
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/400/type-bg.png)
    0 100% no-repeat;
  background-size: cover;
}
.e400-selected-type .type-item .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 150px;
}
.e400-selected-type .type-item .icon {
  width: 72px;
  height: 78px;
  margin: 15px auto 20px;
}
.e400-selected-type .type-item .title {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.e400-selected-container {
  margin-left: 250px;
  width: 950px;
  height: 722px;
}
.e400-ad {
  width: 1200px;
  height: 130px;
  margin: 50px 0 20px;
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/400/ad.png)
    50% no-repeat;
  background-size: cover;
  overflow: hidden;
}
.e400-ad-list {
  padding: 26px 24px;
  margin-right: -60px;
}
.e400-ad .ad-item {
  margin-right: 60px;
  height: 75px;
  float: left;
}
.e400-ad .ad-item .img {
  width: 75px;
  height: 75px;
  float: left;
}
.e400-ad .ad-item .desc {
  margin-left: 90px;
  padding: 12px 0;
  line-height: 25px;
  font-size: 18px;
  color: #fff;
}
.e400-ad .ad-item .desc .span-sp {
  color: #ffd401;
}
.e400-functions {
  padding: 34px 0 24px 24px;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);
  background: #fff;
  border-radius: 10px;
}
.e400-functions .func {
  position: relative;
  float: left;
  width: 270px;
  padding: 32px;
  height: 320px;
  background: #f7f7f7;
  border-radius: 10px;
  margin: 0 24px 18px 0;
  box-sizing: border-box;
}
.e400-functions .func .title {
  font-size: 20px;
  margin-bottom: 10px;
  color: #ff4500;
}
.e400-functions .func .desc {
  font-size: 17px;
  color: #4b4b4b;
  line-height: 1.7;
}
.e400-functions .func .func-btn {
  position: absolute;
  bottom: 40px;
  width: 185px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 1px;
  font-weight: 700;
}
.e400-process {
  width: 1270px;
  padding: 10px 0;
  margin-left: -56px;
  margin-bottom: 60px;
  overflow: hidden;
}
.e400-process .step {
  position: relative;
  float: left;
  width: 200px;
  height: 270px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);
  margin-left: 52px;
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/400/bg-step.png)
    100% 100% no-repeat;
  background-size: contain;
}
.e400-process .step:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: -40px;
  width: 27px;
  height: 16px;
  background: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/400/next.png)
    50% no-repeat;
  background-size: cover;
}
.e400-process .step .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  width: 60px;
}
.reg-container .main {
  margin: 90px auto 186px;
  width: 400px;
}
.reg-form-item {
  position: relative;
  border: 1px solid #ddd;
  width: 398px;
  height: 52px;
}
.reg-form-item label {
  float: left;
  width: 87px;
  height: 52px;
  line-height: 52px;
  padding-left: 20px;
}
.reg-form-item i {
  position: absolute;
  display: none;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  top: 15px;
  right: 20px;
  cursor: pointer;
}
.reg-form-item i.i-ok {
  font-weight: 700;
  color: #20ac4f;
}
.reg-form-item .input-wrapper {
  float: left;
  position: relative;
  width: 291px;
  height: 100%;
}
.reg-form-item .input-wrapper input {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #333;
  border: 0;
  background: 0;
}
.reg-form-item.verification-code .input-wrapper {
  width: 142px;
}
.reg-form-item .send-msg {
  line-height: 52px;
  text-align: center;
  background: #f5f5f5;
  text-decoration: none;
}
.reg-form-item .send-msg,
.reg-form-item .send-pic {
  float: right;
  width: 148px;
  height: 100%;
  border: 1px solid #ddd;
  font-size: 14px;
  margin: -1px -1px 0 0;
}
.reg-form-item .send-pic img {
  float: left;
  width: 75px;
  height: 30px;
  margin: 11px 7px;
}
.reg-form-item .send-pic a {
  float: left;
  width: 58px;
  line-height: 52px;
  text-align: center;
  color: #2272c8;
}
.reg-form-item .send-pic a:hover {
  color: #f30213;
}
.reg-form-item:hover,
.reg-form-item:hover .send-msg,
.reg-form-item:hover .send-pic {
  border-color: #999;
}
.reg-input-tip {
  height: 27px;
  font-size: 12px;
  padding-top: 5px;
  color: #999;
}
.reg-input-tip em {
  color: #f30213;
}
.error-msg {
  color: #f30213 !important;
}
.error-msg a {
  color: #666;
}
.btn-register {
  width: 100%;
  height: 54px;
  line-height: 54px;
  text-align: center;
  color: #fff;
  background: #e2231a;
  border: 0;
  font-size: 16px;
  font-family: Microsoft YaHei, Hiragino Sans GB;
  cursor: pointer;
}
.btn-register:hover {
  background: #b1191a;
}
.page-login .w {
  width: 970px;
}
.login-header {
  height: 100px;
}
.login-header .logo {
  width: 210px;
  height: 66px;
  float: left;
  margin-top: 15px;
}
.login-header .logo-title {
  float: left;
  height: 34px;
  line-height: 34px;
  font-size: 24px;
  color: #666;
  margin-top: 34px;
}
.login-container {
  position: relative;
  height: 570px;
  background-color: #e82205;
}
.login-form {
  position: relative;
  z-index: 2;
  top: 50px;
  float: right;
  width: 360px;
  background: #fff;
  box-shadow: 0 0 2px #ececec;
}
.login-tab {
  height: 54px;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}
.login-tab .tab-item {
  position: relative;
  float: left;
  width: 50%;
}
.login-tab .tab-item.checked,
.login-tab .tab-item:hover {
  font-weight: 700;
  color: #e4393c;
}
.login-tab .tab-item span {
  display: block;
  border-right: 1px solid #eee;
  margin-top: 15px;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  text-align: center;
}
.login-tab .tab-item.checked i {
  display: block;
}
.login-tab .tab-item i {
  display: none;
  position: absolute;
  width: 70px;
  height: 4px;
  background: #e4393c;
  bottom: -20px;
  left: 50%;
  margin-left: -35px;
}
.pc-login {
  padding: 10px 24px 30px;
}
.login-form .form-item {
  position: relative;
  height: 40px;
  width: 310px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
}
.login-form .pic-code-field .form-item,
.login-form .sms-code-field .form-item {
  width: 208px;
}
.login-form .pic-code-field .form-item input,
.login-form .sms-code-field .form-item input {
  width: 116px;
}
.login-form .pic-code-field .send-pic,
.login-form .sms-code-field .send-sms {
  position: relative;
  z-index: 1;
  float: right;
  width: 101px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #eee;
  border: 1px solid #ddd;
  border-left: 0 none;
  font-size: 14px;
}
.login-form .pic-code-field .send-pic img {
  float: left;
  width: 75px;
  height: 30px;
  margin: 5px 2px;
  line-height: 30px;
}
.login-form .form-item.input-focus {
  border-color: #bbb;
}
.login-form .form-item.input-focus label {
  background-color: #eaeaea;
  border-color: #bbb;
}
.login-form .form-item.item-error {
  border-color: #e4393c;
}
.login-form .form-item.item-error label {
  background: #ffebeb;
  border-color: #e4393c;
  color: #e58486;
}
.login-form .form-item label {
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 40px;
  border-right: 1px solid #ddd;
  background-color: #fafafa;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  font-weight: 700;
  color: #bbb;
}
.login-form .form-item input {
  box-sizing: content-box;
  display: block;
  width: 228px;
  height: 40px;
  line-height: 40px;
  padding: 0 32px 0 50px;
  border: 0;
  font-size: 14px;
}
.login-form .form-item .i-clear,
.login-form .form-item .i-ok {
  display: none;
  width: 32px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  color: #999;
}
.login-form .form-item .i-ok {
  color: #20ac4f !important;
}
.login-form .login-help {
  padding-top: 10px;
  line-height: 35px;
  height: 35px;
  margin-bottom: 10px;
}
.login-help .login-switch {
  float: left;
  color: #333;
  font-size: 12px;
}
.login-help .login-switch:hover {
  color: #b61d1d;
}
.login-help .forget-password {
  float: right;
  color: #333;
  font-size: 12px;
}
.login-help .forget-password:hover {
  color: #b61d1d;
  text-decoration: underline;
}
.login-form .login-submit {
  display: block;
  width: 310px;
  line-height: 40px;
  margin: 0 auto;
  background: #e4393c;
  border-radius: 2px;
  font-size: 20px;
  text-align: center;
  color: #fff;
}
.login-form .msg-wrap {
  position: relative;
  min-height: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.login-form .error-msg {
  background: #ffebeb;
  color: #e4393c;
  border: 1px solid #faccc6;
  padding: 3px 10px 3px 40px;
  line-height: 15px;
  font-size: 12px;
}
.login-form .error-msg i {
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  overflow: hidden;
}
.login-form .error-msg i:after {
  font-family: iconfont;
  content: '\e61f';
}
.scan-login {
  padding: 20px;
  text-align: center;
  position: relative;
}
.scan-login .scan-box {
  height: 156px;
  padding: 20px 34px 0;
  position: relative;
  margin-bottom: 17px;
}
.scan-login .scan-box .qrcode {
  width: 141px;
  height: 141px;
  margin: 0 auto;
  line-height: 141px;
  border: 1px dashed #eee;
  background-color: #f4f4f4;
  color: #999;
}
.scan-login .open-app {
  margin-bottom: 7px;
  text-align: center;
}
.scan-login .open-app i {
  color: #999;
  margin-right: 5px;
  font-size: 14px;
}
.scan-login .open-app em {
  margin: 0 5px;
  color: #e4393c;
}
.bind-login {
  padding-left: 20px;
  padding-right: 20px;
  line-height: 50px;
  border-top: 1px solid #f4f4f4;
  height: auto;
  background-color: #fcfcfc;
}
.bind-login .register-link {
  float: right;
  color: #b61d1d;
  font-size: 14px;
}
.bind-login .register-link a {
  color: #b61d1d;
}
.bind-login .register-link i {
  font-size: 12px;
}
.login-banner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.copyright.login-copyright .w {
  border: 0 none;
  margin-top: 5px;
}
.test-main {
  margin-bottom: 20px;
}
.test-header {
  padding: 50px 220px;
  border: 1px solid #f60;
  background-color: #fffbf0;
}
.test-header h2 {
  font-size: 24px;
  font-weight: 700;
  color: #f30;
  text-align: center;
}
.test-header .search {
  margin-top: 45px;
}
.test-header .search-wrap {
  position: relative;
  border: 2px solid #f40;
  height: 58px;
}
.test-header .search-wrap input {
  box-sizing: content-box;
  display: block;
  width: 540px;
  height: 58px;
  line-height: 58px;
  padding: 0 58px 0 20px;
  border: 0;
  font-size: 16px;
}
.test-header .search-wrap .i-clear {
  position: absolute;
  display: none;
  right: 150px;
  top: 14px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  font-size: 24px;
}
.test-header .search-wrap .submit-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  height: 58px;
  line-height: 58px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  border: 0 none;
  background: #f40;
}
.test-header .search-tip {
  line-height: 30px;
  margin-top: 10px;
  color: #666;
}
.test-tab {
  height: 52px;
  overflow: hidden;
}
.test-tab .tab-item {
  float: left;
  min-width: 155px;
  padding: 0 10px;
  height: 50px;
  border: 1px solid #e0e0e0;
  font-size: 18px;
  line-height: 50px;
  color: #666;
  font-weight: 700;
  background-color: #f1f1f1;
  text-align: center;
  margin-right: -1px;
}
.test-tab .tab-item.curr {
  color: #f60;
  background: #fff;
  border-bottom: 0 none;
  padding-bottom: 1px;
  cursor: default;
}
.test-content {
  border-radius: 0 3px 3px;
  min-height: 130px;
  margin-top: 3px !important;
  margin-left: -3px;
  margin-bottom: 30px;
}
.test-content .test-result {
  margin: 10px 15px 25px;
}
.test-result .result-line {
  padding: 15px 0;
  border-top: 1px dashed #e0e0e0;
}
.test-result .result-line:first-child {
  border: 0 none;
}
.test-result .result-line .result-key {
  float: left;
  width: 80px;
  margin-left: 10px;
  text-align: center;
}
.test-result .result-line .result-val {
  margin-left: 100px;
}
.test-result table {
  width: 100%;
  font-size: 14px;
}
.test-result table tr {
  border-top: 1px dashed #e0e0e0;
}
.test-result table tr:first-child {
  border: 0 none;
}
.test-result table td,
.test-result table th {
  height: 52px;
  text-align: center;
}
.test-result .hl-r {
  color: #f60;
  font-size: 18px;
  font-weight: bolder;
}
.test-result .hl-b {
  color: #007cc3;
  font-size: 18px;
  font-weight: bolder;
}
.test-result .md {
  font-size: 12px;
  color: #000;
}
.test-result .sm {
  font-size: 12px;
  color: #666;
}
.test-result tbody {
  color: #777;
}
.test-result tbody tr:hover {
  background-color: #f4f4f4;
}
.test-result .card-container {
  margin-right: -10px;
}
.card-container li {
  width: 149px;
  height: 70px;
  text-align: center;
  float: left;
  margin: 0 5px 5px 0;
  background: #f0f0f0;
  border: 1px solid #e6e6e6;
}
.card-container li:hover {
  background: rgba(255, 68, 0, 0.25);
  border: 1px solid #ffd5a1;
}
.card-container li h2 {
  padding: 0;
  margin: 0;
  display: block;
  font-size: 21px;
  font-weight: 700;
  color: #6d6d6d;
  background: none;
}
.test-result .jx-tab {
  height: 60px;
  padding: 10px 0;
}
.jx-tab .tab-item {
  float: left;
  width: 100px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  margin-right: 20px;
  background-color: #f1f1f1;
  text-align: center;
  color: #333;
  cursor: pointer;
}
.jx-tab .tab-item.curr {
  background-color: #f40;
  color: #fff;
  cursor: default;
}
.jx-container {
  margin-right: -15px;
}
.jx-container .jx-card {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 221px;
  height: 135px;
  background-color: #f8f8f8;
  margin: 0 15px 15px 0;
  padding: 15px;
}
.jx-card .title {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  letter-spacing: 2px;
}
.jx-card .desc {
  font-size: 12px;
  color: #666;
}
.jx-card .followers {
  margin-top: 30px;
  color: #555;
}
.jx-card .followers em {
  color: #f30;
  margin-right: 5px;
}
.jx-card .icon {
  position: absolute;
  right: 15px;
  bottom: 5px;
  width: 51px;
  height: 52px;
}
.jx-card .icon.icon-j {
  background-image: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/others/tel_j.png);
}
.jx-card .icon.icon-x {
  background-image: url(https://haoma-zui.obs.cn-north-1.myhuaweicloud.com/pc/images/others/tel_x.png);
}
.about-container {
  background-color: #f5f5f5;
}
.about-container .about-wrap {
  padding-bottom: 60px;
}
.about-wrap .w {
  padding: 30px;
  width: 1140px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  background: #fff;
}
.about-wrap .about-hd {
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
}
.about-wrap .about-hd h2 {
  font-size: 24px;
  color: #666;
}
.about-wrap .about-hd span {
  float: right;
  font-size: 18px;
  color: #e2e2e2;
}
.about-wrap .about-bd {
  padding-top: 25px;
}
.about-bd .about-index {
  float: left;
  width: 195px;
}
.about-bd .about-index a {
  display: block;
  width: 175px;
  height: 45px;
  overflow: hidden;
  padding-left: 20px;
  line-height: 45px;
  border-bottom: 1px solid #ececec;
  font-size: 16px;
  color: #666;
}
.about-bd .about-index a.on,
.about-bd .about-index a:hover {
  background: #df3033;
  color: #fff;
}
.about-bd .about-index a i {
  padding-right: 15px;
  font-size: 14px;
  font-family: 宋体;
  font-weight: 700;
}
.about-bd .about-main {
  margin-left: 230px;
  width: 900px;
}
.about-main .about-item .item-hd {
  margin-bottom: 3px;
  padding-bottom: 2px;
  border-bottom: 1px dashed #999;
}
.about-main .about-item .item-hd h5 {
  font-size: 16px;
  line-height: 45px;
  font-weight: 700;
  color: #f30;
}
.about-main .about-item .item-bd {
  padding-bottom: 20px;
}
.about-main .about-item .item-bd p {
  padding: 2px 0;
  line-height: 24px;
}
.form-order.joinus-order {
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  margin: 20px 0;
  padding: 10px 20px 20px;
}
.joinus-order .btn-default {
  margin-left: 20px;
}
.question-form {
  font-size: 14px;
  line-height: 28px;
  color: #404040;
}
.question-foreword {
  width: 900px;
  margin: 0 auto;
}
.question-content {
  width: 900px;
  margin: 10px auto 20px;
  background: #fdfbf4;
  border: 3px solid #e8d4be;
}
.form-question {
  padding: 10px 30px 50px;
}
.form-question .form-label {
  font-size: 14px;
  padding: 24px 0 0;
}
.form-question .form-index {
  width: 20px;
  display: inline-block;
}
.form-question .form-content {
  padding: 10px 20px;
}
.form-question input[type='radio'] {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.form-question .form-content label {
  margin-right: 30px;
}
.form-question input[name='staffInfo'] {
  width: 465px;
}
.form-question textarea {
  width: 540px;
  height: 100px;
  max-height: 300px;
  max-width: 800px;
  min-width: 465px;
  min-height: 80px;
}
.question-btns {
  text-align: center;
}
.question-btns .btn-submit {
  padding: 9px 40px;
  margin-right: 20px;
}