@charset "UTF-8";
html {
  font-size: 14px; }

html,
body, .wrap {
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  font-size: 18px; }

*, html * {
  box-sizing: border-box;
  font-family: "微软雅黑"; }

.wrap {
  height: auto;
  min-height: 100%; }

.ff {
  position: relative; }

i {
  font-style: normal; }

a {
  text-decoration: none; }

a:hover, a:focus {
  text-decoration: none; }

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
ul,
ol,
th,
td,
dt,
dd,
button,
figure,
input,
textarea,
form {
  margin: 0;
  padding: 0;
  font-family: "Microsoft Yahei"; }

input,
select,
textarea {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  outline: none; }

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

img,
input,
button,
textarea {
  border: none; }

input {
  text-align: inherit; }

textarea {
  resize: none; }

a,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
button,
option,
textarea,
optgroup {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  color: inherit;
  outline: none; }

body {
  font: 1rem 'Helvetica Neue', Arial, 'Hiragino Sans GB', STHeiti, 'STHeiti Light [STXihei]', 'Microsoft Yahei', sans-serif;
  position: relative;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

a {
  text-decoration: none;
  cursor: pointer; }

ol,
ul {
  list-style: none; }

button,
input[type='submit'],
input[type='button'] {
  cursor: pointer; }

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

/*取消部分浏览器`input[type='number']`的默认样式*/
input[type='number'] {
  -moz-appearance: textfield; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none; }

/*输入控件的`placeholder`颜色设置为`#CED0D2`（浅灰色）*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #CED0D2;
  font-size: 12px; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #CED0D2;
  font-size: 12px; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #CED0D2;
  font-size: 12px; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #CED0D2;
  font-size: 12px; }

/*由于部分浏览器`template`直接显示出来，所以要隐藏`template`元素*/
template {
  display: none; }

/**
 * 清楚浮动`c ==> clear`，原子类
 */
.c, .ff {
  zoom: 1; }

.c::after, .ff::after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '.'; }

/*position: fixed的缩写，原子类*/
.pf {
  position: fixed;
  /*chrome 内核 浏览器 position: fixed 防止抖动*/
  -webkit-transform: translateZ(0); }

/*利用绝对定位宽高拉升原理，中心居中元素，原子类*/
.middle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

/*利用相对定位于`CSS3`使元素垂直居中，原子类*/
.middle-v {
  position: relative;
  top: 50%;
  -webkit-transform: -webkit-translateY(-50%);
  -moz-transform: -moz-translateY(-50%);
  -o-transform: -o-translateY(-50%);
  transform: translateY(-50%); }

/*元素计算宽高德盒子模型以`border`为外界限，原子类*/
.bb {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*单行文本溢出显示省略号`to==>text-overflow`，原子类*/
.to {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

select {
  border: solid 1px #ddd;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff no-repeat scroll 89% center #fff; }

select::-ms-expand {
  display: none; }

.icon-save {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon_collection.png") !important;
  background-position: center;
  background-color: transparent;
  margin-right: 4px;
  vertical-align: middle; }

.icon-shop {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon_shopcart.png") !important;
  background-position: center;
  background-color: transparent;
  margin-right: 6px;
  vertical-align: middle; }

.icon-once {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon_clock_gray.png") !important;
  background-position: center;
  background-color: transparent;
  margin-right: 12px;
  vertical-align: middle; }

.icon-now {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon_activity_spike.png") !important;
  background-position: center;
  background-color: transparent;
  margin-right: 6px;
  vertical-align: middle; }

.icon-clock {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon_clock.png") !important;
  background-position: center;
  background-color: transparent;
  margin-right: 4px;
  margin-left: 27px;
  vertical-align: middle; }

.icon-Tleft {
  display: inline-block;
  width: 11px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon_left.png") !important;
  background-position: center;
  background-color: transparent;
  position: absolute;
  top: 30px;
  left: 15px;
  cursor: pointer; }

.icon-Tright {
  display: inline-block;
  width: 11px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon_right.png") !important;
  background-position: center;
  background-color: transparent;
  position: absolute;
  top: 30px;
  right: 15px;
  cursor: pointer; }

.fr {
  float: right; }

.clear {
  overflow: hidden;
  clear: both; }

/*共用商品列表样式*/
.rarity {
  margin-bottom: 50px; }
  .rarity .title {
    padding: 0;
    border-bottom: 3px solid #24B7AB;
    font-size: 18px; }
    .rarity .title span {
      background: #24B7AB;
      padding: 0 16px;
      color: #ffffff;
      font-size: 22px;
      line-height: 35px;
      display: inline-block; }
    .rarity .title strong {
      color: #eb281b;
      font-weight: normal;
      font-size: 22px; }
  .rarity ul {
    background: #ffffff; }
    .rarity ul li {
      float: left;
      width: 228px;
      border: 1px solid #ffffff;
      position: relative; }
      .rarity ul li .img {
        padding: 0 10px;
        height: 198px;
        width: 100%;
        overflow: hidden;
        line-height: 158px; }
        .rarity ul li .img img {
          width: 100%;
          max-height: 100%; }
      .rarity ul li .say {
        padding: 14px;
        color: #666666; }
        .rarity ul li .say h3, .rarity ul li .say .ml, .rarity ul li .say .local {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .rarity ul li .say h3 {
          font-size: 16px; }
        .rarity ul li .say .ml {
          font-size: 14px;
          margin-top: 10px; }
        .rarity ul li .say .local {
          font-size: 12px;
          color: #bdbdbd;
          margin: 12px 0 6px 0; }
          .rarity ul li .say .local .money {
            color: #eb281b;
            font-size: 16px;
            line-height: 16px; }
          .rarity ul li .say .local .old {
            float: right;
            line-height: 16px;
            display: inline-block;
            height: 16px;
            position: relative;
            padding: 0 4px;
            color: #666666; }
            .rarity ul li .say .local .old .icon-heng {
              display: block;
              height: 1px;
              width: 100%;
              position: absolute;
              top: 50%;
              left: 0;
              background: #666666; }
      .rarity ul li.select, .rarity ul li:hover {
        border: 1px solid #449b87;
        border-top: 1px solid transparent; }
        .rarity ul li.select .say, .rarity ul li:hover .say {
          background: #EFF7F5; }

.value ul li {
  border-right: 1px solid #efefef; }
  .value ul li:hover, .value ul li.select {
    border-right: 1px solid #449b87; }

.enough .pic {
  height: 120px;
  padding: 0; }
  .enough .pic img {
    height: 100%;
    width: 100%; }
.enough ul li:hover, .enough ul li.select {
  border-top: 1px solid #449b87; }

.icon-second {
  width: 20px;
  height: 58px;
  position: absolute;
  right: -1px;
  z-index: 9999;
  top: -1px; }
  .icon-second img {
    width: 100%;
    height: 100%; }

.index-page {
  background: #F9F9F9; }
  .index-page .picBtnTop {
    width: 100%;
    height: 386px;
    position: relative;
    overflow: hidden;
    zoom: 1; }
    .index-page .picBtnTop .slider_head {
      width: 1140px;
      height: 386px;
      margin: 0 auto;
      z-index: 100;
      position: relative;
      background: transparent; }
      .index-page .picBtnTop .slider_head .hdd {
        width: 253px;
        height: 386px;
        position: absolute;
        right: 5px;
        background: rgba(0, 0, 0, 0.2);
        padding: 0 10px; }
        .index-page .picBtnTop .slider_head .hdd ul li {
          width: 223px;
          text-align: center;
          padding: 0; }
          .index-page .picBtnTop .slider_head .hdd ul li img {
            width: 233px;
            height: 127px;
            border-top: 5px solid transparent;
            cursor: pointer;
            vertical-align: bottom; }
      .index-page .picBtnTop .slider_head .hd {
        width: 100%;
        height: 20px;
        position: absolute;
        padding: 0 10px;
        bottom: 15px;
        text-align: center; }
        .index-page .picBtnTop .slider_head .hd ul {
          display: inline-block;
          margin-right: 253px; }
          .index-page .picBtnTop .slider_head .hd ul li {
            width: 18px;
            height: 18px;
            border-radius: 50%;
            background: rgba(0, 0, 0, 0.2);
            text-align: center;
            padding: 0;
            margin-right: 10px;
            float: left;
            cursor: pointer;
            overflow: hidden;
            color: transparent; }
            .index-page .picBtnTop .slider_head .hd ul li.on {
              background: white;
              border: 1px solid #B0BCAB; }
          .index-page .picBtnTop .slider_head .hd ul.ulMargin {
            margin-right: 0; }
    .index-page .picBtnTop .bd {
      width: 100%;
      height: 386px;
      position: absolute;
      top: 0; }
      .index-page .picBtnTop .bd ul li {
        position: relative;
        zoom: 1;
        vertical-align: middle; }
        .index-page .picBtnTop .bd ul li .pic {
          position: relative;
          z-index: 0; }
          .index-page .picBtnTop .bd ul li .pic img {
            width: 100%;
            height: 386px;
            vertical-align: bottom; }
  .index-page .main {
    width: 1140px;
    margin: 0 auto;
    padding-top: 26px; }
    .index-page .main .send .send-main {
      /*中间小轮播*/ }
      .index-page .main .send .send-main .small-slider {
        height: 502px;
        width: 372px;
        float: left;
        margin-top: -1px;
        border: none; }
        .index-page .main .send .send-main .small-slider a img {
          width: 100%;
          height: 100%; }
      .index-page .main .send .send-main .list {
        width: 768px;
        float: left; }
        .index-page .main .send .send-main .list li {
          width: 192px;
          border-top: 1px solid #efefef; }
          .index-page .main .send .send-main .list li:hover, .index-page .main .send .send-main .list li.select {
            border-top: 1px solid #449b87; }
          .index-page .main .send .send-main .list li a .img {
            padding: 5px 12px;
            height: 163px; }
          .index-page .main .send .send-main .list li a .say {
            padding: 5px 12px; }
            .index-page .main .send .send-main .list li a .say h3 {
              font-size: 14px; }
            .index-page .main .send .send-main .list li a .say .local {
              margin-top: 6px; }
            .index-page .main .send .send-main .list li a .say .local-margin {
              margin-top: 12px; }
    .index-page .main .rarity-margin {
      margin-bottom: 20px; }
    .index-page .main .picScroll-left {
      position: relative;
      padding: 0;
      background: #ffffff;
      margin-bottom: 40px; }
      .index-page .main .picScroll-left .hd ul {
        display: none; }
      .index-page .main .picScroll-left .bd {
        width: 100%;
        height: 80px;
        overflow: hidden;
        padding: 0 40px; }
        .index-page .main .picScroll-left .bd ul {
          width: 1056px;
          height: 80px;
          overflow: hidden; }
          .index-page .main .picScroll-left .bd ul li {
            float: left;
            width: 176px;
            height: 80px;
            line-height: 70px;
            border-right: 1px solid #efefef;
            text-align: center;
            padding: 5px;
            vertical-align: middle; }
            .index-page .main .picScroll-left .bd ul li a img {
              height: 100%;
              max-width: 100%; }

.active-page .main-active {
  padding-top: 0; }
  .active-page .main-active .pic_bg {
    padding: 0;
    height: 370px;
    margin: 0; }
    .active-page .main-active .pic_bg img {
      width: 100%;
      height: 100%; }
  .active-page .main-active .rarity .titleC {
    text-align: center;
    line-height: 22px;
    height: 22px;
    font-size: 22px;
    color: #449b87;
    margin: 60px 0 20px 0; }
    .active-page .main-active .rarity .titleC .hengT {
      height: 1px;
      width: 205px;
      background: #dedede;
      display: inline-block;
      vertical-align: middle; }
    .active-page .main-active .rarity .titleC .word {
      padding: 0 18px; }
  .active-page .main-active .rarity .time {
    padding: 0;
    line-height: 60px;
    height: 60px;
    background: #ffffff;
    margin: 15px 0; }
    .active-page .main-active .rarity .time p {
      width: 50%;
      padding: 0 15px;
      cursor: pointer; }
      .active-page .main-active .rarity .time p.leftP {
        font-size: 18px;
        color: #59A796;
        float: left; }
        .active-page .main-active .rarity .time p.leftP .now {
          font-size: 22px;
          color: #27685A; }
        .active-page .main-active .rarity .time p.leftP span strong {
          display: inline-block;
          font-weight: normal;
          background: #3E8474;
          font-size: 22px;
          color: #ffffff;
          padding: 0 5px;
          height: 32px;
          line-height: 32px;
          border-radius: 2px;
          margin: 0 8px; }
      .active-page .main-active .rarity .time p.rightP {
        color: #999999;
        font-size: 22px;
        float: left;
        text-align: center; }
      .active-page .main-active .rarity .time p.bgColor {
        background: #A1D6CA; }
  .active-page .main-active .rarity ul li .btn-bottom span {
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 50px;
    height: 50px;
    text-align: center;
    color: #996CAD;
    border-top: 1px solid #efefef;
    cursor: pointer; }
  .active-page .main-active .rarity ul li .btn-bottom .save {
    width: 85px;
    border-right: 1px solid #efefef;
    color: #3c62a3; }
  .active-page .main-active .rarity ul li .btn-bottom .shop {
    width: 141px; }
  .active-page .main-active #states ul {
    display: none; }