@charset "UTF-8";
.section-tit {
  padding: .2rem 0;
  color: #ffffff;
  font-size: .18rem;
}
.related {
  display: none;
  width: 2.7rem;
  margin-left: .2rem;
}
.related > div {
  background: rgba(22, 32, 45, 0.8);
  border-radius: 0.06rem;
  overflow: hidden;
  margin-bottom: .2rem;
}
.related > div .list-tit {
  padding: .15rem .2rem;
  background: #192433;
  border-bottom: solid 1px #1d2b3c;
}
.related > div .list-tit h2 {
  padding-left: .15rem;
  line-height: .14rem;
  border-left: solid 0.03rem #5c7e10;
  color: #bcd5d6;
  font-size: .14rem;
  font-weight: bold;
}
.related > div .list-content {
  padding: 0 .15rem;
}
.related > div .list-content li {
  padding: .173rem 0;
  border-bottom: dotted 1px #252f3c;
}
.related > div .list-content li:last-child {
  border: none;
}
.related > div .list-content li > a {
  white-space: nowrap;
}
.related > div .list-content li .goods-img, .related > div .list-content li .sell-info {
  display: inline-block;
  vertical-align: middle;
}
.related > div .list-content li .goods-img {
  width: .68rem;
  height: .68rem;
  margin-right: .15rem;
  line-height: .68rem;
  text-align: center;
  border: solid 1px #1d293a;
  background: #182330;
}
.related > div .list-content li .goods-img img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.related > div .list-content li .sell-info {
  width: 65%;
}
.related > div .list-content li .sell-info .tit {
  margin-bottom: .08rem;
  font-size: .13rem;
  color: #c6d4df;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.related > div .list-content li .sell-info .sec-tit {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: .12rem;
  color: #627381;
}
.related > div .list-content li .sell-info .sec-tit a {
  color: #67c1f5;
}
.related > div .list-content li .sell-info .sec-tit strong {
  color: #fecd67;
}
.related > div .list-content li .sell-info .sec-tit span {
  color: #becfd8;
}
.container {
  font-size: 0;
  white-space: nowrap;
}
.container .main-content, .container .related {
  vertical-align: top;
  white-space: normal;
}
@media only screen and (min-width: 1200px) {
  .container .main-content, .container .related {
    display: inline-block;
  }
  .container .main-content {
    width: 9.1rem;
  }
}
body {
  color: #babec6;
  background-color: #101318;
}
.swiper-container {
  overflow: hidden;
  border-radius: 0.06rem;
}
.swiper-container .swiper-wrapper {
  white-space: nowrap;
  font-size: 0;
}
.container .related-menu-btn {
  position: fixed;
  right: 2%;
  top: .2rem;
  display: block;
}
.container .related {
  position: fixed;
  z-index: 2;
  right: -100%;
  top: 0;
  display: inline-block;
  width: 2.82rem;
  height: 100%;
  margin-left: .24rem;
  background: #15212d;
  overflow-y: auto;
  transition: all .3s;
}
.container .related .list-tit {
  padding: .18rem;
  line-height: .2rem;
  color: #babec6;
  font-size: .16rem;
  font-weight: bold;
  border: none;
}
.container .related .list-content {
  padding: 0 .18rem;
}
.container .related .list-content li {
  padding: 0;
  margin: .18rem 0;
  border-bottom: none;
  border-radius: .04rem;
  overflow: hidden;
}
.container .related .list-content li:first-child {
  margin-top: 0;
}
.container .related .list-content li .goods-img {
  width: 1.08rem;
  height: .5rem;
  margin-right: .1rem;
  border: none;
}
.container .related .list-content li .goods-img img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
  border-radius: .04rem;
}
.container .related .list-content li .sell-info {
  width: calc(100% - 1.2rem);
}
.container .related .list-content li .sell-info .tit {
  margin-bottom: .05rem;
  line-height: .14rem;
  white-space: normal;
  color: #e8f0f8;
}
.container .related .search-box {
  padding: .18rem;
}
.container .related .search-box .search {
  height: .28rem;
  margin-bottom: .2rem;
  background: #284c65;
  border: solid 1px #5e8dab;
  border-radius: .14rem;
  overflow: hidden;
  font-size: 0;
  white-space: nowrap;
}
.container .related .search-box .search input, .container .related .search-box .search button {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.container .related .search-box .search input {
  width: calc(100% - .4rem);
  padding: 0 .15rem;
  color: #ffffff;
}
.container .related .search-box .search input::-webkit-input-placeholder {
  color: #babec6;
}
.container .related .search-box .search button {
  width: .4rem;
  text-align: center;
  background: #549ecb;
}
.container .related .search-box .tags p {
  font-size: .14rem;
  font-weight: bold;
  color: #babec6;
}
.container .related .search-box .tags ul {
  font-size: 0;
}
.container .related .search-box .tags ul li {
  display: inline-block;
  margin: 0.1rem 0.1rem 0 0;
}
.container .related .search-box .tags ul li a {
  display: block;
  padding: .05rem;
  line-height: normal;
  font-size: .12rem;
  border: solid 1px #65717e;
  border-radius: .02rem;
  color: #babec6;
}
.container .related .search-box .tags ul li a:hover, .container .related .search-box .tags ul li a.on {
  color: #ffffff;
}
.container .related .search-box .tags ul li a.on {
  border-color: #44a1ef;
  background: #44a1ef;
}
.container .related.visible {
  right: 0;
}
@media only screen and (min-width: 1200px) {
  .container .related-menu-btn {
    display: none;
  }
  .container .main-content {
    width: 8.94rem;
  }
  .container .related {
    position: static;
    height: auto;
    background: transparent;
  }
}
.swiper-button-prev, .swiper-button-next {
  position: absolute;
  z-index: 1;
  display: none;
  top: 50%;
  transform: translateY(-50%);
  width: .5rem;
  line-height: .8rem;
  border-radius: 0.06rem;
  text-align: center;
  cursor: pointer;
  transition: all .2s;
}
.swiper-button-prev.swiper-button-prev, .swiper-button-next.swiper-button-prev {
  left: 2%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.08));
}
.swiper-button-prev.swiper-button-next, .swiper-button-next.swiper-button-next {
  right: 2%;
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.08));
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  cursor: default;
}
.swiper-button-prev.swiper-button-disabled i, .swiper-button-next.swiper-button-disabled i {
  opacity: .2;
}
@media only screen and (min-width: 980px) {
  .swiper-button-prev, .swiper-button-next {
    display: block;
  }
}
@media only screen and (min-width: 1200px) {
  .swiper-button-prev.swiper-button-prev, .swiper-button-next.swiper-button-prev {
    left: -.7rem;
  }
  .swiper-button-prev.swiper-button-next, .swiper-button-next.swiper-button-next {
    right: -.7rem;
  }
}
.banner {
  position: relative;
  z-index: 0;
  margin-top: .4rem;
}
.banner .small-banner {
  position: absolute;
  z-index: 1;
  display: none;
  height: 100%;
  left: calc(100% - 29.5%);
}
.banner .swiper-container .swiper-slide {
  position: relative;
  display: inline-block;
  width: 100%;
}
.banner .swiper-container .swiper-slide img {
  width: 100%;
}
.banner .swiper-container .swiper-slide p {
  position: absolute;
  width: 100%;
  bottom: -1px;
  left: 0;
  padding: 4% 0 2% 2%;
  color: #ffffff;
  font-size: .2rem;
  line-height: .2rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.banner .swiper-container .swiper-slide p strong {
  margin-left: .15rem;
  font-weight: bold;
  color: #ffcc6a;
  font-size: .16rem;
}
.banner .swiper-container .swiper-slide p strong span {
  font-size: .22rem;
}
.banner .swiper-pagination {
  position: absolute;
  width: 100%;
  bottom: 6.5%;
  padding-right: 5%;
  text-align: right;
  line-height: .04rem;
}
.banner .swiper-pagination span {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 .05rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
}
.banner .swiper-pagination span.swiper-pagination-bullet-active {
  background: white;
}
.banner .swiper-pagination span:only-child {
  display: none;
}
@media only screen and (min-width: 980px) {
  .banner .small-banner {
    display: block;
  }
  .banner .swiper-pagination {
    /**right: 30%;**/
  }
}
/**---------------------**/
.goods-list {
  display: block;
  width: 100%;
  vertical-align: top;
  font-size: 0;
  text-align: center;
}
.goods-list > li {
  position: relative;
  display: inline-block;
  width: 49%;
  margin-left: 2%;
  margin-bottom: 2%;
  vertical-align: top;
  border-radius: 0.06rem;
}
.goods-list > li:nth-child(2n+1) {
  margin-left: 0;
}
.goods-list > li:first-child {
  margin-left: 0 !important;
}
.goods-list > li a {
  display: block;
}
.goods-list > li .goods-bottom {
  width: 100%;
  height: .65rem;
  text-align: center;
  background: url("../images/goods_bottom_bg.jpg") no-repeat center/cover;
}
.goods-list > li .goods-bottom p {
  line-height: .65rem;
}
.goods-list > li .goods-bottom p span {
  display: inline-block;
  vertical-align: middle;
  max-width: 50%;
  width: .75rem;
  height: .3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: .3rem;
  font-size: .14rem;
}
.goods-list > li .goods-bottom p span:nth-child(1) {
  background: #4c6b22;
  color: #a4d007;
}
.goods-list > li .goods-bottom p span:nth-child(2) {
  font-size: .12rem;
  background: #0b2d3b;
  color: #acdbf5;
}
.goods-list > li .goods-bottom p span strong {
  margin-left: .05rem;
  font-size: .13rem;
}
.goods-list > li .goods-bottom p.seekbuy span:nth-child(1) {
  background: #823635;
  color: #ffbeaf;
}
.goods-list > li .goods-bottom .controls {
  line-height: .65rem;
}
.goods-list > li .goods-bottom .controls button, .goods-list > li .goods-bottom .controls a {
  display: inline-block;
  margin: 0 .05rem;
  padding: .08rem .15rem;
  line-height: normal;
  border-radius: .02rem;
  font-size: .12rem;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
}
.goods-list > li .goods-bottom .controls button.disabled, .goods-list > li .goods-bottom .controls a.disabled {
  background: #22262e;
  color: #444b50;
  pointer-events: none;
}
.goods-list > li .goods-bottom .controls button {
  padding: .07rem .15rem;
  color: #ffffff;
  border: solid 1px rgba(250, 250, 250, 0.2);
  background: none;
}
@media only screen and (min-width: 768px) {
  .goods-list > li .goods-bottom .controls button {
    padding: .07rem 0;
  }
}
@media only screen and (min-width: 980px) {
  .goods-list > li .goods-bottom .controls button {
    padding: .07rem .04rem;
  }
}
@media only screen and (min-width: 1200px) {
  .goods-list > li .goods-bottom .controls button {
    padding: .07rem .15rem;
  }
}
.goods-list > li .goods-bottom .controls button i {
  margin-right: .02rem;
  opacity: .6;
}
.goods-list > li .goods-bottom .controls button:hover {
  color: #ffffff;
  border-color: #db8d1e;
  background: #db8d1e;
}
.goods-list > li .goods-bottom .controls button:hover i {
  opacity: 1;
}
.goods-list > li .goods-bottom .controls button.disabled {
  pointer-events: none;
  color: #515d6d;
  background: #202c3a;
  border-color: #202c3a;
}
.goods-list > li .goods-bottom .controls button.disabled i {
  opacity: .2;
}
.goods-list > li .goods-bottom .controls a {
  padding: .09rem .25rem;
  color: #d2f86c;
  background: #5c7e10;
}
.goods-list > li .goods-bottom .controls a:hover {
  color: #d2f86c;
  background: #679030;
}
@media only screen and (min-width: 768px) {
  .goods-list {
    display: block;
    width: 100%;
    text-align: left;
  }
  .goods-list > li {
    width: 23.5%;
  }
  .goods-list > li:nth-child(2n+1) {
    margin-left: 2%;
  }
  .goods-list > li:nth-child(4n+1) {
    margin-left: 0;
  }
}
@media only screen and (min-width: 980px) {
  .goods-list {
    display: block;
    width: 9.8rem;
    margin: 0 auto;
  }
  .goods-list > li {
    width: 1.84rem;
    margin-left: .15rem;
    margin-bottom: .15rem;
  }
  .goods-list > li:nth-child(2n+1) {
    margin-left: .15rem;
  }
  .goods-list > li:nth-child(5n+1) {
    margin-left: 0;
  }
  .goods-list > li:not(.no-hover-anim):hover .goods-item .goods-img > img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@media only screen and (min-width: 1200px) {
  .goods-list {
    display: inline-block;
    width: auto;
  }
  .goods-list > li {
    width: 2.24rem;
    margin-left: .2rem;
    margin-bottom: .2rem;
  }
  .goods-list > li:nth-child(2n+1) {
    margin-left: .2rem;
  }
  .goods-list > li:nth-child(5n+1) {
    margin-left: 0;
  }
}
.goods-item {
  position: relative;
  display: inline-block;
  width: 100%;
  min-height: 2.32rem;
  text-align: center;
  background: #17222f;
}
.goods-item .goods-img {
  width: 85%;
  max-width: 1.88rem;
  height: 1.46rem;
  margin: 0 auto .1rem;
  line-height: 1.66rem;
  text-align: center;
}
.goods-item .goods-img > img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  transition: all .2s;
}
.goods-item .goods-img .special-icon {
  position: absolute;
  width: 100%;
  line-height: normal;
  overflow: hidden;
  top: .15rem;
  left: .15rem;
  text-align: left;
}
.goods-item .goods-img .special-icon img {
  display: inline-block;
}
.goods-item p {
  margin-bottom: .06rem;
}
.goods-item > .tit {
  color: #c6d4df;
  font-size: .14rem;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: .02rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.goods-item > .sec-tit {
  font-size: .12rem;
  color: #577180;
}
.goods-item > .sec-tit span {
  font-size: .13rem;
  color: #67c1f5;
}
.goods-item .special-tag {
  font-size: .12rem;
  color: #6c950f;
}
.goods-item > i {
  position: absolute;
  right: .1rem;
  top: .1rem;
  opacity: .45;
}
@media only screen and (min-width: 1200px) {
  .goods-item {
    min-height: auto;
  }
  .goods-item .goods-img {
    margin-top: .4rem;
  }
}
.section-tit {
  padding: .2rem 0;
  color: #ffffff;
  font-size: .18rem;
}
.cdk-list .price-info > span, .cdkbar-list .price-info > span {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}
.cdk-list .price-info > span.discount, .cdkbar-list .price-info > span.discount {
  margin-right: .05rem;
  padding: .05rem .1rem;
  font-size: .15rem;
  font-weight: bold;
  color: #fff;
  background: #44a1ef;
  border-radius: .02rem;
}
.cdk-list .price-info > span.price, .cdkbar-list .price-info > span.price {
  text-align: right;
}
.cdk-list .price-info > span.price del, .cdkbar-list .price-info > span.price del {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
}
.cdk-list .price-info > span.price strong, .cdkbar-list .price-info > span.price strong {
  display: block;
  color: #ffcc6a;
}
.cdk-list .price-info > span.price strong span, .cdkbar-list .price-info > span.price strong span {
  font-size: .18rem;
  font-weight: bold;
}
.cdk-list .special-tag, .cdkbar-list .special-tag {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  padding: .02rem .15rem;
  color: #ffffff;
  font-weight: bold;
  font-size: .13rem;
  border-bottom-right-radius: .1rem;
  background: linear-gradient(90deg, #eb3a28, #f78206);
}
.cdk-list {
  margin: -.12rem;
  font-size: 0;
}
.cdk-list li, .cdk-list .cdk-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-top: 0;
  padding: .12rem;
  transition: all .2s;
}
.cdk-list li > div, .cdk-list .cdk-item > div {
  font-size: .12rem;
  border-radius: 0.06rem;
  overflow: hidden;
}
.cdk-list li > div .tit, .cdk-list .cdk-item > div .tit {
  display: block;
  height: 0;
  line-height: .32rem;
  text-align: center;
  background: #455364;
  color: rgba(255, 255, 255, 0.5);
  transition: all .2s;
}
.cdk-list li > div .content, .cdk-list .cdk-item > div .content {
  position: relative;
}
.cdk-list li > div .content video, .cdk-list li > div .content img, .cdk-list .cdk-item > div .content video, .cdk-list .cdk-item > div .content img {
  display: block;
  width: 100%;
  max-height: 100%;
}
.cdk-list li > div .bottom, .cdk-list .cdk-item > div .bottom {
  padding: 0 .1rem;
  background: #455364;
  line-height: .54rem;
}
.cdk-list li > div .bottom .tag, .cdk-list .cdk-item > div .bottom .tag {
  padding: .05rem;
  line-height: normal;
  border: solid 1px #65717e;
  border-radius: .02rem;
  color: #babec6;
}
.cdk-list li > div .bottom .tag:hover, .cdk-list .cdk-item > div .bottom .tag:hover {
  border-color: #67c1f5;
  color: #67c1f5;
}
.cdk-list li.lg, .cdk-list .cdk-item.lg {
  width: 100%;
}
.cdk-list li.lg ~ ul, .cdk-list .cdk-item.lg ~ ul {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.cdk-list li.lg ~ ul li, .cdk-list .cdk-item.lg ~ ul li {
  width: 100%;
}
@media only screen and (min-width: 414px) {
  .cdk-list li, .cdk-list .cdk-item {
    width: 50%;
  }
  .cdk-list li.lg ~ ul li, .cdk-list .cdk-item.lg ~ ul li {
    width: 50%;
  }
}
@media only screen and (min-width: 980px) {
  .cdk-list li, .cdk-list .cdk-item {
    width: 25%;
  }
  .cdk-list li.lg, .cdk-list .cdk-item.lg {
    width: 50%;
  }
  .cdk-list li.lg ~ ul, .cdk-list .cdk-item.lg ~ ul {
    width: 50%;
  }
  .cdk-list li.lg ~ ul li, .cdk-list .cdk-item.lg ~ ul li {
    width: 50%;
  }
  .cdk-list li:not(.no-hover):hover, .cdk-list .cdk-item:not(.no-hover):hover {
    margin-top: -.32rem;
    padding: .12rem 0 0;
  }
  .cdk-list li:not(.no-hover):hover > div, .cdk-list .cdk-item:not(.no-hover):hover > div {
    box-shadow: 0 0 0.2rem 0.02rem rgba(0, 0, 0, 0.5);
  }
  .cdk-list li:not(.no-hover):hover > div .tit, .cdk-list .cdk-item:not(.no-hover):hover > div .tit {
    height: .32rem;
  }
}
.cdkbar-list li {
  max-height: 1.3rem;
  margin-bottom: .15rem;
  padding: .1rem;
  border-radius: 0.06rem;
  overflow: hidden;
  background: #182332;
}
.cdkbar-list li > div {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  font-size: 0;
}
.cdkbar-list li > div .img {
  position: relative;
  display: inline-block;
  width: 27%;
  min-width: 1.16rem;
  vertical-align: middle;
}
.cdkbar-list li > div .img > img {
  width: 100%;
  min-height: 64px;
  max-height: 1.1rem;
}
.cdkbar-list li > div .info {
  display: inline-block;
  padding-left: .2rem;
  vertical-align: middle;
  width: 73%;
  font-size: .12rem;
  color: #babec6;
}
.cdkbar-list li > div .info p {
  width: calc(100% - .2rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cdkbar-list li > div .info .tit {
  line-height: .2rem;
  color: #e8f0f8;
  font-size: .16rem;
  font-weight: bold;
}
.cdkbar-list li > div .info .tit span {
  display: inline-block;
  max-width: calc(100% - .4rem);
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cdkbar-list li > div .info .tit i {
  margin-left: .05rem;
}
.cdkbar-list li > div .info .desc {
  margin-top: .1rem;
}
.cdkbar-list li > div .info .tags {
  visibility: hidden;
  margin-top: .05rem;
}
.cdkbar-list li > div .info .tags a {
  display: inline-block;
  margin-right: .05rem;
  padding: .05rem;
  line-height: normal;
  color: rgba(255, 255, 255, 0.3);
  border: solid 1px rgba(255, 255, 255, 0.3);
  border-radius: .02rem;
}
.cdkbar-list li > div .info .tags a:hover {
  border-color: #67c1f5;
  color: #67c1f5;
}
.cdkbar-list li > div .price-info {
  position: absolute;
  right: .1rem;
  bottom: 0;
  font-size: .12rem;
}
.cdkbar-list li > div.no-stock .img:after {
  content: '暂无库存';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  line-height: .3rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  color: #babec6;
  font-size: .12rem;
}
.cdkbar-list li > div.no-stock .price-info .discount {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.5);
}
.cdkbar-list li > div.no-stock .price-info .price del {
  color: rgba(255, 255, 255, 0.3);
}
.cdkbar-list li > div.no-stock .price-info .price strong {
  color: rgba(255, 255, 255, 0.5);
}
.cdkbar-list li.more {
  margin-top: .3rem;
}
.cdkbar-list li.more a {
  display: block;
  text-align: center;
  font-size: .14rem;
  color: #babec6;
}
.cdkbar-list li:hover {
  background: #131c2a;
}
@media only screen and (min-width: 768px) {
  .cdkbar-list li > div .info .tags {
    visibility: visible;
  }
  .cdkbar-list li > div .price-info {
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
  }
}
.floors {
  margin: .2rem auto;
}
.floors .floor {
  position: relative;
  margin: .2rem 0;
  padding-bottom: .4rem;
  font-size: 0;
}
.floors .floor .floor-head {
  line-height: .34rem;
  margin-bottom: .28rem;
  position: static;
}
.floors .floor .floor-head h2 {
  display: inline-block;
  font-size: .22rem;
}
.floors .floor .floor-head h2 span {
  margin-left: .1rem;
  font-size: .14rem;
}
.floors .floor .floor-head .more {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: .32rem;
  line-height: .32rem;
  padding: 0 .2rem;
  font-size: .12rem;
  border: solid 1px rgba(118, 133, 145, 0.5);
  border-radius: .02rem;
  text-align: center;
}
.floors .floor .floor-head .categories {
  position: static;
  display: inline-block;
  float: right;
  white-space: normal;
  font-size: .12rem;
}
.floors .floor .floor-head .categories li {
  display: inline-block;
  height: .3rem;
  line-height: .3rem;
  color: #90a1b2;
  cursor: pointer;
}
.floors .floor .floor-head .categories li a {
  display: inline-block;
  padding: 0 .1rem;
  line-height: .16rem;
  vertical-align: middle;
}
.floors .floor .floor-head .categories li a i {
  margin: 0 .03rem 0 0;
}
.floors .floor .floor-head .categories li a span {
  line-height: normal;
  vertical-align: middle;
}
.floors .floor .floor-head .categories li a:hover, .floors .floor .floor-head .categories li a.on {
  color: #ffffff;
}
.floors .floor .floor-head .categories li:hover a, .floors .floor .floor-head .categories li.on a {
  color: #ffffff;
}
.floors .floor .floor-head .categories li.on {
  position: relative;
  background: #3a495a;
  border-radius: .02rem;
}
.floors .floor .floor-head .categories li.on:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: .08rem;
  height: .08rem;
  background: inherit;
  transform: translate(-50%, 50%) rotate(-45deg);
}
.floors .floor .floor-list {
  overflow: hidden;
}
.floors .floor .floor-list .floorhead-img {
  position: relative;
  display: none;
  width: 1.98rem;
  height: 2.97rem;
}
.floors .floor .floor-list .floorhead-img img {
  position: relative;
  left: -.08rem;
  height: 100%;
}
.floors .floor .floor-list .floorhead-img ul {
  position: absolute;
  width: 1.75rem;
  top: 2.45rem;
  left: .02rem;
  white-space: normal;
  text-align: center;
}
.floors .floor .floor-list .floorhead-img ul li {
  display: inline-block;
  margin: .01rem;
  padding: .02rem .08rem;
  background: #3a495a;
  color: #c6d4df;
  font-size: .12rem;
  border-radius: .01rem;
}
.floors .floor .floor-list .floorhead-img ul li:hover {
  background: #549ecb;
}
.floors .floor .floor-list .floorhead-img ul li:hover a {
  color: #ffffff;
}
.floors .floor .floor-list .goods-list, .floors .floor .floor-list .cdk-list {
  white-space: nowrap;
}
.floors .floor .floor-list .goods-list li, .floors .floor .floor-list .cdk-list li {
  overflow: hidden;
}
.floors .floor.cdk .cdk-list li {
  margin-bottom: .2rem;
}
.floors .floor.luxuries .goods-item .sec-tit span {
  color: #fbd07c;
}
.floors .floor.luxuries .goods-bottom p span:nth-child(1) {
  background: #ddc373;
  color: #624e22;
}
.floors .floor.luxuries .goods-bottom p span:nth-child(2) {
  color: #fbd07c;
}
@media only screen and (min-width: 768px) {
  .floors .floor {
    padding-bottom: 0;
  }
  .floors .floor .floor-head {
    position: relative;
  }
  .floors .floor .floor-head .more {
    position: static;
    display: inline-block;
    float: right;
    width: auto;
    border-color: #768591;
  }
  .floors .floor .floor-head .categories {
    position: absolute;
    top: 0;
    left: 2.44rem;
  }
  .floors .floor .floor-head .swiper-button-prev, .floors .floor .floor-head .swiper-button-next {
    display: none;
  }
  .floors .floor.trade-history .floor-list .goods-list, .floors .floor.trade-history .floor-list .cdk-list {
    white-space: normal;
  }
}
@media only screen and (min-width: 980px) {
  .floors .floor .floor-list .floorhead-img {
    display: inline-block;
  }
  .floors .floor .floor-list .floorhead-img ~ .goods-list {
    display: inline-block;
    width: auto;
  }
  .floors .floor .floor-list.small-device-swiper {
    overflow: visible;
  }
}
@media only screen and (min-width: 1200px) {
  .floors .floor .floor-list .floorhead-img {
    display: inline-block;
    width: 2.44rem;
    height: 3.4rem;
  }
  .floors .floor .floor-list .floorhead-img ul {
    left: .18rem;
  }
  .floors .floor .floor-list .goods-list li .goods-item {
    height: 2.74rem;
  }
}
.trade-history .main-content .floor-head {
  line-height: unset;
  margin-bottom: .3rem;
}
.trade-history .main-content .floor-head h2, .trade-history .main-content .floor-head span {
  line-height: 100%;
}
.trade-history .main-content .goods-list li {
  background: #172230;
}
.trade-history .main-content .goods-list li .goods-img {
  width: 100%;
  max-width: 100%;
  height: 1.35rem;
  line-height: 1.35rem;
  margin: 0;
  background: #111c29;
}
.trade-history .main-content .goods-list li .goods-img img {
  max-width: 1.35rem;
  vertical-align: middle;
}
.trade-history .main-content .goods-list li .goods-img i {
  transform: none;
}
.trade-history .main-content .goods-list li .tit {
  display: block;
  width: 100%;
  margin: 0;
  padding: .2rem;
  text-align: left;
  color: #becfd8;
  font-size: .15rem;
}
.trade-history .main-content .goods-list li .tit:hover {
  color: #67c1f5;
}
.trade-history .main-content .goods-list li .sec-tit {
  padding: 0 .2rem;
  text-align: left;
  white-space: nowrap;
  margin-bottom: .02rem;
  color: #577180;
}
.trade-history .main-content .goods-list li .sec-tit a {
  display: inline-block;
  color: #67c1f5;
}
.trade-history .main-content .goods-list li .sec-tit strong {
  color: #fecd67;
  font-size: .13rem;
}
.trade-history .main-content .cdk-list > li {
  padding: .1rem;
}
.trade-history .main-content .cdk-list > li .tit {
  background: #0A111A;
}
.trade-history .main-content .cdk-list > li .bottom {
  padding: .18rem .15rem;
  line-height: 100%;
  background: #172433;
  font-size: 0;
}
.trade-history .main-content .cdk-list > li .bottom .price-info {
  background: #0A111A;
}
.trade-history .main-content .cdk-list > li .bottom .price-info .discount {
  margin: 0;
  padding: .08rem .14rem;
  line-height: 100%;
  font-size: .14rem;
  font-weight: normal;
}
.trade-history .main-content .cdk-list > li .bottom .price-info .price {
  padding: 0 .08rem;
}
.trade-history .main-content .cdk-list > li .bottom .price-info .price del, .trade-history .main-content .cdk-list > li .bottom .price-info .price strong {
  display: inline-block;
  font-size: 12px;
  color: #577180;
}
.trade-history .main-content .cdk-list > li .bottom .price-info .price del {
  margin-right: .06rem;
}
.trade-history .main-content .cdk-list > li .bottom .price-info .price strong {
  line-height: .3rem;
  font-size: 12px;
  color: #ffcc6a;
}
.trade-history .main-content .cdk-list > li .bottom .price-info .price strong span {
  font-size: 13px;
}
.trade-history .main-content .cdk-list > li:hover > div {
  transform: scale(1.1);
  transition-duration: 0.5s;
}
@media only screen and (min-width: 1200px) {
  .trade-history .main-content {
    width: 9.56rem;
  }
  .trade-history .main-content .goods-list li {
    width: 2.24rem;
    margin-top: 0;
    margin-bottom: 0.2rem !important;
  }
  .trade-history .main-content .goods-list li .goods-item {
    height: 2.96rem !important;
  }
  .trade-history .main-content .goods-list li .goods-item .goods-img {
    height: 1.5rem;
    line-height: 1.5rem;
  }
  .trade-history .main-content .goods-list li:nth-child(4n+1) {
    margin-left: 0;
  }
  .trade-history .main-content .goods-list li:nth-child(5n+1) {
    margin-left: .2rem;
  }
}
.trade-history .related {
  width: 2.24rem;
  border-radius: 0.06rem;
  overflow: hidden;
}
.trade-history .related .list-tit {
  position: relative;
  padding: .15rem .2rem .15rem .35rem;
}
.trade-history .related .list-tit > span {
  font-size: .14rem;
  color: #BCD5D6;
}
.trade-history .related .list-tit .btns button {
  display: inline-block;
  padding: 0 .1rem;
  margin: .01rem;
  line-height: .18rem;
  border-radius: .1rem;
  color: #babec6;
  font-size: .12rem;
  font-weight: normal;
}
.trade-history .related .list-tit .btns button.on {
  color: #ffffff;
  font-weight: bold;
  background: #44a1ef;
}
.trade-history .related .list-tit:before {
  position: absolute;
  content: '';
  width: .03rem;
  height: .12rem;
  top: .19rem;
  left: .2rem;
  background: #5C7E10;
}
.trade-history .related .list-content {
  padding: 0 .2rem;
}
.trade-history .related .list-content.rank-cdk li {
  padding: 0;
  position: relative;
  margin: .23rem 0;
  border: none;
}
.trade-history .related .list-content.rank-cdk li .special-tag {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: .26rem;
  line-height: .16rem;
  padding-left: .08rem;
  color: #ffffff;
  font-size: .12rem;
  font-weight: bold;
  background: url("../images/ranking-top10.png") no-repeat center/contain;
}
.trade-history .related .list-content.rank-cdk li .goods-img {
  margin-right: .1rem;
  width: 1.08rem;
  height: .52rem;
  line-height: .52rem;
  border: none;
}
.trade-history .related .list-content.rank-cdk li .sell-info {
  width: calc(100% - 1.08rem - 0.1rem);
  vertical-align: top;
}
.trade-history .related .list-content.rank-cdk li .sell-info .tit {
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  line-height: 130%;
  margin-bottom: .03rem;
}
.trade-history .related .list-content.rank-cdk li .sell-info .sec-tit {
  white-space: normal;
}
.trade-history .related .list-content.rank-cdk li .sell-info .sec-tit strong {
  font-weight: bold;
}
.trade-history .related .list-content.rank-cdk li:nth-of-type(1) {
  margin-top: .17rem;
  margin-bottom: .3rem;
  white-space: normal;
}
.trade-history .related .list-content.rank-cdk li:nth-of-type(1) .special-tag {
  width: .37rem;
  height: .24rem;
  font-size: 0;
  background-image: url("../images/ranking-top1.png");
}
.trade-history .related .list-content.rank-cdk li:nth-of-type(1) .goods-img {
  width: 100%;
  height: auto;
  margin-right: 0;
}
.trade-history .related .list-content.rank-cdk li:nth-of-type(1) .sell-info {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: .08rem;
  text-align: right;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), black);
}
.trade-history .related .list-content.rank-cdk li:nth-of-type(1) .sell-info .tit {
  display: none;
}
.trade-history .related .list-content.rank-cdk li:nth-of-type(1) .sell-info .sec-tit .discount {
  margin-right: .04rem;
  padding: .04rem .03rem;
  background: #44A1EF;
  border-radius: .02rem;
}
.trade-history .related .list-content.rank-cdk li:nth-of-type(1) .sell-info .sec-tit del {
  margin-right: .05rem;
  color: rgba(255, 255, 255, 0.3);
}
.trade-history .related .list-content.rank-cdk li:nth-of-type(1) .sell-info .sec-tit strong {
  font-size: .14rem;
  font-weight: normal;
}
.trade-history .related .list-content.rank-cdk li:nth-of-type(2) .special-tag, .trade-history .related .list-content.rank-cdk li:nth-of-type(3) .special-tag {
  background-image: url("../images/ranking-top3.png");
}
.trade-history .related .list-content.rank-cdk li:last-child {
  margin-bottom: .22rem;
}
.trade-history .related .list-content.rank-accessories li {
  position: relative;
  margin: .22rem 0;
  padding: 0 0 .22rem 0;
}
.trade-history .related .list-content.rank-accessories li:first-child {
  margin-top: .27rem;
}
.trade-history .related .list-content.rank-accessories li:last-child {
  padding: 0;
  margin-bottom: .2rem;
}
.trade-history .related .list-content.rank-accessories li:nth-of-type(1) .special-tag {
  width: .37rem;
  height: .24rem;
  font-size: 0;
  background-image: url(../images/ranking-top1.png);
}
.trade-history .related .list-content.rank-accessories li:nth-of-type(2) .special-tag, .trade-history .related .list-content.rank-accessories li:nth-of-type(3) .special-tag {
  background-image: url(../images/ranking-top3.png);
}
.trade-history .related .list-content.rank-accessories li .special-tag {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: .26rem;
  line-height: .16rem;
  padding-left: .08rem;
  color: #ffffff;
  font-size: .12rem;
  font-weight: bold;
  background: url(../images/ranking-top10.png) no-repeat center/contain;
}
.trade-history .related .list-content.rank-accessories li .goods-img {
  width: .56rem;
  height: .56rem;
  line-height: .56rem;
}
.trade-history .related .list-content.rank-accessories li .sell-info {
  width: calc(100% - .56rem - .15rem);
}
.trade-history .related .list-content.rank-accessories li .sell-info .sec-tit > span {
  color: #627381;
}
.trade-history .related .list-content.rank-accessories li .sell-info .sec-tit > strong span {
  font-size: 13px;
  color: #FECD67;
}
.news .goods-list li {
  padding: .15rem;
  background: #172230;
}
.news .goods-list li .goods-item {
  height: auto !important;
}
.news .goods-list li .goods-img {
  width: 100%;
  max-width: 100%;
  max-height: 1.2rem;
  line-height: normal;
  padding: 0;
  margin: 0;
}
.news .goods-list li .goods-img img {
  width: 100%;
  height: 100%;
}
.news .goods-list li .tit {
  width: 100%;
  height: .64rem;
  margin: 0;
  padding: .12rem 0;
  border-bottom: solid 1px #252f3c;
  line-height: normal;
  white-space: normal;
  text-align: left;
  font-size: .14rem;
  color: #c6d4df;
}
.news .goods-list li .sec-tit {
  margin-bottom: .1rem;
  text-align: left;
}
.news .goods-list li .special-tag {
  margin-bottom: 0;
  text-align: left;
}
.news .goods-list li .special-tag span {
  display: inline-block;
  margin: .1rem 0;
  line-height: .2rem;
  padding: 0 .1rem;
  border-radius: .1rem;
  color: #ffffff;
}
.news .goods-list li .special-tag span.color-1dsghy4p0joo {
  background: #318abe;
}
.news .goods-list li .special-tag span.color-1dsgihcw8z6v {
  background: #be1132;
}
.news .goods-list li .special-tag span.color-1dsgj0ffdwiy {
  background: #c59912;
}
.news .goods-list li .special-tag span.color-1dsksbdfpuoj {
  background: #4c6b22;
}
.fix-bottom {
  display: none;
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url("../images/fixbottom-bg.png") no-repeat left center/cover;
}
.fix-bottom .w-response {
  position: relative;
  height: .91rem;
  line-height: .91rem;
  white-space: nowrap;
}
.fix-bottom .w-response > img {
  position: absolute;
  left: 0;
  bottom: 0;
  display: none;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.fix-bottom .w-response > div {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.fix-bottom .w-response > div p {
  line-height: .3rem;
}
.fix-bottom .w-response > div p.tit {
  font-size: .14rem;
  color: #ffffff;
}
.fix-bottom .w-response > div p a {
  margin-right: .2rem;
  font-size: .12rem;
  color: #67c1f5;
}
.fix-bottom .w-response > div p a span {
  vertical-align: middle;
  margin-left: .05rem;
}
.fix-bottom .w-response > div:nth-of-type(2) {
  display: none;
  margin-left: .4rem;
}
.fix-bottom .w-response > div:nth-of-type(3) {
  display: none;
  height: 100%;
  padding: .1rem 0;
}
.fix-bottom .w-response > div:nth-of-type(3) > div {
  display: inline-block;
  height: 100%;
}
.fix-bottom .w-response > div:nth-of-type(3) > div:first-child {
  padding-left: .6rem;
  margin-right: .3rem;
  border-left: dashed 1px rgba(255, 255, 255, 0.1);
}
.fix-bottom .w-response > div:nth-of-type(3) > div > img, .fix-bottom .w-response > div:nth-of-type(3) > div > div {
  display: inline-block;
  vertical-align: bottom;
}
.fix-bottom .w-response > div:nth-of-type(3) > div > img {
  height: 100%;
  margin-right: .05rem;
}
.fix-bottom .w-response > div:nth-of-type(3) > div > div p {
  line-height: normal;
}
.fix-bottom .w-response > div:nth-of-type(3) > div > div p:first-child {
  font-size: .16rem;
  color: #ffffff;
}
.fix-bottom .w-response > div:nth-of-type(3) > div > div p:last-child {
  font-size: .12rem;
  color: rgba(255, 255, 255, 0.5);
}
.fix-bottom .w-response > button {
  display: block;
  position: absolute;
  padding: 0;
  top: 50%;
  right: .6rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) {
  .container .newyear_footer {
    display: block;
  }
  .fix-bottom {
    display: block;
  }
  .fix-bottom .w-response > div:nth-of-type(2) {
    display: inline-block;
  }
}
@media only screen and (min-width: 980px) {
  .fix-bottom .w-response > div:nth-of-type(3) {
    display: inline-block;
  }
}
@media only screen and (min-width: 1200px) {
  .fix-bottom .w-response > img {
    display: block;
  }
  .fix-bottom .w-response > button {
    right: -.8rem;
  }
  .fix-bottom .w-response > div:nth-of-type(3) {
    float: right;
  }
}