@charset "UTF-8";
.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);
}
.cdk-list .price-info > span.price strong, .cdkbar-list .price-info > span.price strong {
  display: block;
  color: #ffcc6a;
  margin: .15rem 0;
}
.buy-now {
  display: inline-block;
  width: 130px;
  padding: .12rem 0;
  text-align: center;
  color: #ffffff;
  font-size: .16rem;
  border-radius: .04rem;
  background: linear-gradient(90deg, #eb3a28, #f78206);
}
.down-now {
  display: inline-block;
  width: 130px;
  padding: .12rem 0;
  text-align: center;
  color: #ffffff;
  font-size: .16rem;
  border-radius: .04rem;
  background: linear-gradient(90deg, #3c2367, #124182);
}
.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: 32%;
  min-width: 1.16rem;
  vertical-align: middle;
}
.cdkbar-list li > div .img > img {
  width: 100%;
  min-height: 64px;
  max-height: 164px;
}
.cdkbar-list li > div .info {
  display: inline-block;
  padding-left: .2rem;
  vertical-align: middle;
  width: 60%;
  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%);
}
}
.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;
}
.floors {
  margin: .2rem auto;
}
.floor {
  position: relative;
  margin: .35rem 0 .1rem;
  padding-bottom: .5rem;
  font-size: 0;
}
.floor .floor-head {
  position: static;
  margin-bottom: .25rem;
}
.floor .floor-head h2 {
  display: inline-block;
  font-size: .22rem;
  color: #ffffff;
}
.floor .floor-head h2 span {
  margin-left: .1rem;
  font-size: .14rem;
  color: #d3dbe5;
}
.floor .floor-head .more {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: .32rem;
  line-height: .32rem;
  padding: 0 .2rem;
  font-size: .12rem;
  color: #d3dbe5;
  border: solid 1px #64707f;
  border-radius: .02rem;
  text-align: center;
}
.floor .floor-head .categories {
  border: solid 1px #525d6e;
  font-size: 0;
  white-space: nowrap;
  border-radius: .04rem;
}
.floor .floor-head .categories li {
  display: inline-block;
  padding: 0 .2rem;
  vertical-align: top;
  line-height: .28rem;
  font-size: .12rem;
  color: rgba(211, 219, 229, 0.7);
  cursor: pointer;
}
.floor .floor-head .categories li:first-child {
  border-top-left-radius: .04rem;
  border-bottom-left-radius: .04rem;
}
.floor .floor-head .categories li:nth-of-type(2) {
  border-left: solid 1px #525d6e;
  border-right: solid 1px #525d6e;
}
.floor .floor-head .categories li:last-child {
  border-top-right-radius: .04rem;
  border-bottom-right-radius: .04rem;
}
.floor .floor-head .categories li:hover {
  color: #d3dbe5;
}
.floor .floor-head .categories li.curr {
  position: relative;
  background: #525d6e;
  color: #d3dbe5;
}
.floor .floor-head .categories li.curr:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: .08rem;
  height: .08rem;
  background: inherit;
  transform: translate(-50%, 50%) rotate(-45deg);
}
.floor .floor-list.small-device-swiper {
  white-space: nowrap;
  overflow: hidden;
}

@media only screen and (min-width: 980px) {
.floor .floor-list.small-device-swiper {
  overflow: visible;
}
}
.floor.hot .floor-head {
  margin-bottom: 0;
}
.floor.hot .floor-list .swiper-container {
  position: relative;
  z-index: 0;
  left: -.12rem;
  width: calc(100% + .24rem);
}
.floor.hot .floor-list .swiper-container .swiper-wrapper {
  padding: .32rem .12rem .12rem;
}
.floor.hot .floor-list .swiper-container .swiper-wrapper .cdk-list {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.floor.hot .floor-list .swiper-container .swiper-wrapper .cdk-list:not(:first-child) {
  margin-left: .12rem;
}
.floor.hot .floor-list .swiper-container .swiper-wrapper .cdk-list div {
  box-shadow: none !important;
}
.floor.hot .floor-list .swiper-container .swiper-wrapper .cdk-list li:nth-of-type(6), .floor.hot .floor-list .swiper-container .swiper-wrapper .cdk-list li:nth-of-type(7), .floor.hot .floor-list .swiper-container .swiper-wrapper .cdk-list li:nth-of-type(8) {
  display: none;
}

@media only screen and (min-width: 414px) {
.floor.hot .floor-list .swiper-container .swiper-wrapper .cdk-list li:nth-of-type(6), .floor.hot .floor-list .swiper-container .swiper-wrapper .cdk-list li:nth-of-type(7), .floor.hot .floor-list .swiper-container .swiper-wrapper .cdk-list li:nth-of-type(8) {
  display: inline-block;
}
}
.floor.hot .floor-list .swiper-pagination {
  margin-top: .2rem;
  text-align: center;
}
.floor.hot .floor-list .swiper-pagination span {
  display: inline-block;
  width: .25rem;
  height: .04rem;
  margin: 0 .05rem;
  background: rgba(255, 255, 255, 0.2);
}
.floor.hot .floor-list .swiper-pagination span.swiper-pagination-bullet-active {
  background: #ffffff;
}
.floor.hot .floor-list .swiper-pagination span:only-child {
  display: none;
}

@media only screen and (min-width: 768px) {
.floor {
  padding-bottom: 0;
}
.floor .floor-head {
  position: relative;
}
.floor .floor-head .more {
  position: static;
  display: inline-block;
  float: right;
  width: auto;
}
.floor .floor-list.small-device-swiper {
  white-space: normal;
}
}
.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;
}
}
.main-nav {
  line-height: .3rem;
  margin-top: .15rem;
  margin-bottom: .2rem;
  font-size: .13rem;
}
.main-nav .result {
  margin-left: .05rem;
  line-height: .25rem;
  vertical-align: middle;
}
.main-nav > a, .main-nav .filter-tags > a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: .3rem;
  line-height: .25rem;
  font-size: .13rem;
}
.main-nav > a:before, .main-nav .filter-tags > a:before {
  content: '>';
  position: absolute;
  top: .04rem;
  left: -.25rem;
  display: block;
  text-align: center;
  width: .2rem;
  line-height: .17rem;
  color: #627381;
  font-size: .12rem;
  font-family: monospace;
}
.main-nav > a.else, .main-nav > a.back, .main-nav .filter-tags > a.else, .main-nav .filter-tags > a.back {
  margin-left: 0;
  line-height: normal;
}
.main-nav > a.else:before, .main-nav > a.back:before, .main-nav .filter-tags > a.else:before, .main-nav .filter-tags > a.back:before {
  content: '';
  width: 0;
}
.main-nav > a.back, .main-nav .filter-tags > a.back {
  float: right;
  height: .3rem;
  line-height: .28rem;
  padding: 0 .25rem;
  font-size: .12rem;
  color: #708aa3;
  background: #202c3a;
  border: solid 1px #2a394c;
  border-radius: .14rem;
}
.main-nav .filter-tags > a:not(:first-child) {
  margin-left: .1rem;
}
.main-nav .filter-tags > a:not(:first-child):before {
  content: '';
}
.main-nav .search-keyword, .main-nav .filter-keyword {
  padding: 0 .05rem;
  background: #529fc9;
  color: #cffaff;
  font-size: .13rem;
  border-radius: .02rem;
}
.main-nav .search-keyword span, .main-nav .filter-keyword span {
  vertical-align: middle;
  color: #ffffff;
}
.main-nav .search-keyword i, .main-nav .filter-keyword i {
  margin-left: .05rem;
  vertical-align: middle;
}
.sec-nav {
  position: relative;
  margin-top: .2rem;
  border-bottom: solid 1px #549ecb;
  font-size: 0;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
}
.sec-nav > li {
  position: relative;
  display: inline-block;
  height: 100%;
  min-width: .8rem;
  vertical-align: top;
  text-align: center;
  background: rgba(25, 36, 50, 0.9);
  border-right: solid 1px rgba(255, 255, 255, 0.05);
  font-size: .12rem;
  cursor: pointer;
}
.sec-nav > li a {
  display: block;
  width: 100%;
  height: 100%;
}
.sec-nav > li p {
  color: #8f98a0;
}
.sec-nav > li i {
  display: inline-block;
  margin-top: .04rem;
  width: .38rem;
  height: .38rem;
  opacity: .5;
}
.sec-nav > li:first-child {
  border-top-left-radius: 0.06rem;
}
.sec-nav > li:last-child {
  border: none;
  border-top-right-radius: 0.06rem;
}
.sec-nav > li ul {
  position: absolute;
  display: none;
  z-index: 2;
  top: 100%;
  left: auto;
  right: 0;
  width: 3rem;
  padding: .1rem .15rem;
  margin-top: 1px;
  background: #101a26;
  white-space: normal;
  text-align: left;
}
.sec-nav > li ul li {
  display: inline-block;
  width: 1.2rem;
  height: .35rem;
  line-height: .36rem;
  margin: 0 .06rem .05rem;
  text-align: center;
  color: #8f98a0;
  border-top: solid 1px #192532;
}
.sec-nav > li ul li:nth-of-type(1), .sec-nav > li ul li:nth-of-type(2) {
  border: none;
}
.sec-nav > li ul li.curr {
  color: #67c1f5;
}
.sec-nav > li:nth-of-type(1) ul, .sec-nav > li:nth-of-type(2) ul {
  left: 0;
  right: auto;
}
.sec-nav > li:hover {
  background: #101a26;
}
.sec-nav > li:hover:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: transparent;
}
.sec-nav > li:hover ul {
  display: block;
}
.sec-nav > li.curr {
  background: #549ecb;
}
.sec-nav > li.curr p {
  color: #ffffff;
}
.sec-nav > li.curr i {
  opacity: 1;
}
.sec-nav > li.others {
  position: static;
}
.filter-nav {
  padding: .08rem;
  background: rgba(25, 36, 50, 0.9);
  border-bottom: solid 1px #222d3b;
  border-radius: 0.06rem;
}
.filter-nav > li {
  display: inline-block;
  margin: .02rem .04rem;
  vertical-align: middle;
}
.filter-nav > li.dropmenu {
  max-width: 1rem;
  height: 0.32rem;
  color: #a3d6f3;
}
 .filter-nav > li.dropmenu .drop-title input, .filter-nav > li.dropmenu .drop-title input::-webkit-input-placeholder {
 color: #a3d6f3;
}
.filter-nav > li.dropmenu .drop-title .edge {
  display: inline-block;
  width: 0;
  height: 0;
  border: 0.05rem solid transparent;
  overflow: hidden;
  margin-top: -0.025rem;
  border-top-color: #a3d6f3;
}
.filter-nav > li.dropmenu .drop-menu dd {
  line-height: 0.32rem;
}
.filter-nav > li.dropmenu.active .drop-title .edge {
  margin-top: -0.075rem;
}
.filter-nav > li.dropmenu .drop-title {
  background-color: #2d3b4c;
}
.filter-nav > li.check-box {
  display: inline-block;
  height: .36rem;
  line-height: .36rem;
  margin-left: .02rem;
  margin-right: .1rem;
  font-size: .12rem;
  color: #a3d6f3;
  vertical-align: middle;
}
.filter-nav > li.check-box span, .filter-nav > li.check-box label {
  vertical-align: middle;
  line-height: normal;
  cursor: pointer;
}
.filter-nav > li.search {
  position: relative;
  width: 2rem;
  line-height: .3rem;
  border: solid 1px #2d3b4c;
  background: #17212d;
  white-space: nowrap;
}
.filter-nav > li.search input {
  width: 100%;
  padding: .05rem .1rem;
  color: #ffffff;
}
.filter-nav > li.search button {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 .05rem;
  background: #2d3b4c;
  line-height: 1;
}
.filter-nav > li.search button i {
  margin: 0 .05rem;
}
.filter-nav > li.explain {
  line-height: .32rem;
}
.filter-nav > li.explain > span {
  color: #67c1f5;
}

@media only screen and (min-width: 768px) {
.nav .sec-nav {
  overflow: visible !important;
}
.nav .sec-nav li.others {
  position: relative;
}
.filter-nav span {
  margin-left: .1rem;
}
}
.main-nav {
  margin-top: 0;
  padding: .08rem .25rem;
  border-radius: .06rem;
  background: #172534;
}
.main-nav .dropmenu {
  margin-left: .3rem;
  max-width: 1.15rem;
  height: 0.32rem;
  color: #e8f0f8;
}
 .main-nav .dropmenu .drop-title input, .main-nav .dropmenu .drop-title input::-webkit-input-placeholder {
 color: #e8f0f8;
}
.main-nav .dropmenu .drop-title .edge {
  display: inline-block;
  width: 0;
  height: 0;
  border: 0.05rem solid transparent;
  overflow: hidden;
  margin-top: -0.025rem;
  border-top-color: #e8f0f8;
}
.main-nav .dropmenu .drop-menu dd {
  line-height: 0.32rem;
}
.main-nav .dropmenu.active .drop-title .edge {
  margin-top: -0.075rem;
}
.main-nav .dropmenu .drop-title {
  background-color: #2d3b4c;
}
.main-nav .dropmenu:not(.fr):before {
  content: '>';
  position: absolute;
  top: .08rem;
  left: -.25rem;
  display: block;
  text-align: center;
  width: .2rem;
  line-height: .17rem;
  color: #627381;
  font-size: .12rem;
  font-family: monospace;
}
.main-nav .dropmenu.fr {
  display: none;
}

@media only screen and (min-width: 768px) {
.main-nav .dropmenu.fr {
  display: block;
}
}
.def-none {
  background: #172534;
  border-radius: 0.06rem;
}
.hot {
  display: none;
  margin-top: .08rem;
}

@media only screen and (min-width: 980px) {
.hot {
  display: block;
}
}
.container {
  margin-top: .28rem;
}
.container .related .filter-box .filter-content {
  padding: 0 .14rem .2rem .2rem;
  color: #babec6;
}
.container .related .filter-box .filter-content p {
  margin: .2rem 0 .05rem;
  font-size: .14rem;
  font-weight: bold;
}
.container .related .filter-box .filter-content .filters a {
  display: inline-block;
  width: calc(50% - .06rem);
  margin: .06rem .06rem 0 0;
  padding: .06rem .08rem;
  background: #2d3b4c;
  border-radius: .02rem;
  font-size: .12rem;
}
.container .related .filter-box .filter-content .filters a i {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  border: #969da6 1px solid;
  border-radius: 2px;
  background: transparent;
  vertical-align: middle;
}
.container .related .filter-box .filter-content .filters a i:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  display: table;
  width: 5px;
  height: 10px;
  color: transparent;
  border: solid 2px transparent;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container .related .filter-box .filter-content .filters a span {
  display: inline-block;
  margin-left: .05rem;
  vertical-align: middle;
}
.container .related .filter-box .filter-content .filters a.on {
  background: linear-gradient(90deg, #66bef2, #4187c9);
}
.container .related .filter-box .filter-content .filters a.on i {
  border-color: #ffffff;
}
.container .related .filter-box .filter-content .filters a.on i:after {
  border-color: #ffffff;
}
.container .related .filter-box .filter-content .filters a.on span {
  color: #ffffff;
}
.container .related .list-content .tit a {
  white-space: nowrap;
}



/*# sourceMappingURL=all.css.map */












.icon{display:inline-block;vertical-align:middle;}
.icon-app{width:11px;height:19px;background:url(../images/icon-1603175219336.png) -477px -98px;}
.icon-help{width:21px;height:21px;background:url(../images/icon-1603175219336.png) -420px -87px;}
.icon-share-qq{width:20px;height:18px;background:url(../images/icon-1603175219336.png) -122px -410px;}
.icon-share-weibo{width:20px;height:18px;background:url(../images/icon-1603175219336.png) -396px -390px;}
.icon-share-weixin{width:20px;height:18px;background:url(../images/icon-1603175219336.png) -62px -410px;}
.icon-share{width:18px;height:20px;background:url(../images/icon-1603175219336.png) -442px 0px;}
.icon-task{width:21px;height:21px;background:url(../images/icon-1603175219336.png) -420px -108px;}
.icon-verify{width:17px;height:19px;background:url(../images/icon-1603175219336.png) -460px 0px;}
.icon-zixun{width:20px;height:20px;background:url(../images/icon-1603175219336.png) -420px -230px;}
.icon-connect-qq {
    width: 16px;
    height: 19px;
    background: url(../img/icon-1574228025775.png) 0px -431px;
}
.share{font-size:.12rem;color:#627381;}
.share a{line-height:.14rem;}
.share a i{pointer-events:none;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);}
.comm-form > div{position:relative;margin-top:.2rem;}
.comm-form input{display:block;width:100%;height:.4rem;padding-left:.2rem;line-height:.38rem;background:#223e5b;border:solid 1px #305171;border-radius:.02rem;color:#dedfe0;}
.comm-form input::-webkit-input-placeholder{color:#828899;}
.comm-form .w-eight-two{text-align:left;}
.comm-form .w-eight-two .pull-left{display:inline-block;width:73%;}
.comm-form .w-eight-two .pull-right{display:inline-block;float:right;width:25%;height:.4rem;line-height:.38rem;border:solid 1px #3e3e3e;border-radius:.02rem;}
.comm-form .w-eight-two .pull-right.get-captcha{text-align:center;line-height:.38rem;background:#5c7e10;border-color:#5c7e10;color:#a1e24a;font-size:.12rem;}
.hover-pop{position:absolute;z-index:2;display:none;top:50%;padding:.15rem;}
.hover-pop:before{content:'';position:absolute;top:50%;width:.1rem;height:.1rem;}
.hover-pop.left{left:0;transform:translate(-100%, -50%);}
.hover-pop.left:before{right:0;transform:translate(-100%, -50%) rotate(45deg);}
.hover-pop.top{top:0;bottom:auto;left:50%;transform:translate(-50%, -100%);}
.hover-pop.top:before{top:auto;bottom:0;left:50%;transform:translate(-50%, -100%) rotate(45deg);}
.hover-pop .display-line{width:auto!important;min-height:0!important;white-space:nowrap!important;}
.aside-tools{display:none;position:fixed;z-index:3;top:2.3rem;right:0;width:.55rem;border-top-left-radius:.02rem;border-bottom-left-radius:.02rem;}
.aside-tools > li{position:relative;border-bottom:solid 1px #1e2834;font-size:.12rem;background:#121c29;text-align:center;cursor:pointer;}
.aside-tools > li > a{display:block;padding:.121rem .08rem;color:#888d94;}
.aside-tools > li > a i{display:block;margin:0 auto .05rem;opacity:.5;}
.aside-tools > li:first-child{border-top-left-radius:0.06rem;}
.aside-tools > li:last-child{border:none;border-bottom-left-radius:0.06rem;}
.aside-tools > li.score-task a{color:#68832a;}
.aside-tools > li.score-task a i{opacity:1;}
.aside-tools > li.score-task .register-task-pop{left:0;}
.aside-tools > li.score-task .register-task-pop::before{left:70%;background:#68832a;}
.aside-tools > li.score-task .register-task-pop > div{padding:.1rem .2rem;background:#68832a;color:#ccf282;border-radius:.15rem;}
.aside-tools > li.score-task .register-task-pop > div span{font-size:.14rem;}
.aside-tools > li.score-task .register-task-pop > div span strong{color:#ffffff;}
.aside-tools > li div.official-verification{width:5.1rem;}
.aside-tools > li div.official-verification::before{background-color:#1e2a37;}
.aside-tools > li div.official-verification .verify-content{height:2.95rem;padding:0;font-size:.12rem;}
.aside-tools > li div.official-verification .verify-content a{padding:0;background:none;color:#549ecb;}
.aside-tools > li div.official-verification .verify-content .verify-title{display:flex;align-items:center;justify-content:space-between;padding:.11rem .24rem;}
.aside-tools > li div.official-verification .verify-content .verify-title strong{font-size:.14rem;}
.aside-tools > li div.official-verification .verify-content .verify-body{height:2.45rem;padding:0 .24rem;background-color:#1e2a37;}
.aside-tools > li div.official-verification .verify-content .verify-body p{padding:.21rem 0;border-bottom:.01rem solid #293541;text-align:left;}
.aside-tools > li div.official-verification .verify-content .verify-body ul{padding:.3rem 0 .2rem 0;display:flex;justify-content:space-between;background:none;}
.aside-tools > li div.official-verification .verify-content .verify-body ul .verify-option{width:1.38rem;background-color:#293541;text-align:center;font-size:.14rem;}
.aside-tools > li div.official-verification .verify-content .verify-body ul .verify-option:hover{background-color:#549ecb;color:white;}
.aside-tools > li div.official-verification .verify-content .verify-body ul .verify-option-on{width:1.38rem;background-color:#549ecb;color:white;text-align:center;font-size:.14rem;}
.aside-tools > li div.official-verification .verify-content .verify-body form > div{margin:0;}
.aside-tools > li div.official-verification .verify-content .verify-body form > div input{background-color:#3b4a5d;color:white;}
.aside-tools > li div.official-verification .verify-content .verify-body form > div a{padding:0;border:none;background-color:#549ecb;color:white;font-size:.14rem;}
.aside-tools > li div.official-verification .verify-content .verify-body .verify-checkID{display:none;text-align:left;}
.aside-tools > li div.official-verification .verify-content .verify-body .verify-state{display:none;padding:.24rem 0 .3rem 0;text-align:left;}
.aside-tools > li div.official-verification .verify-content .verify-body .verify-state span{margin-left:.1rem;}
.aside-tools > li:not(.score-task):hover{background:#2d3b4c;}
.aside-tools > li:not(.score-task):hover > a{color:#ffffff;}
.aside-tools > li:not(.score-task):hover i{opacity:1;}
.aside-tools > li:not(.score-task):hover .hover-pop{display:block;}
.aside-tools > li .hover-pop:before{background-color:#121c29;}
.aside-tools > li .hover-pop ul{padding:.1rem;font-size:.12rem;border-radius:.02rem;background-color:#121c29;}
.aside-tools > li .hover-pop ul li{padding:.05rem;line-height:.22rem;white-space:nowrap;text-align:left;}
.aside-tools > li .hover-pop ul li a{line-height:.18rem;font-size:.12rem;color:#627381;}
.aside-tools > li .hover-pop ul li a i{margin-right:.08rem;}
.aside-tools > li .hover-pop ul li a:hover{color:#67c1f5;}
.aside-tools > li .hover-pop > div{padding:.15rem;text-align:center;font-size:.12rem;color:#c6d2de;background-color:#121c29;border-radius:0.06rem;}
.aside-tools > li .hover-pop > div img{width:1.35rem;margin:.05rem 0 .1rem;padding:.05rem;background:#ffffff;border-radius:.04rem;}
.aside-tools > li .hover-pop > div a{display:inline-block;padding:0 .25rem;line-height:.28rem;border-radius:.14rem;background:#549ecb;color:#ffffff;}
@media only screen and (min-width: 768px){
.aside-tools{display:block;}
}
.share{color:#627381;font-size:.12rem;}
.share i{-webkit-transform:scale(0.91);-moz-transform:scale(0.91);-ms-transform:scale(0.91);-o-transform:scale(0.91);transform:scale(0.91);}