.section-tit {
 padding: .2rem 0;
	color: #ffffff;
 font-size: .18rem;
}
.cdk-list .price-info > span, .cdkbar-list .price-info > span {
	display: inline-block;
	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;
}
.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;
	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%);
}
}
.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: .1rem;
 line-height: .2rem;
	border-left: solid 0.05rem #5c7e10;
	color: #bcd5d6;
 font-size: .2rem;
	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: #213145;
}
.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.on {
	position: relative;
	background: #525d6e;
	color: #d3dbe5;
}
.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);
}
.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;
}
 border-bottom: dotted 1px #252f3c;
.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.on {
	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.on {
	background: #549ecb;
}
.sec-nav > li.on p {
	color: #ffffff;
}
.sec-nav > li.on 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 {
	color: #d47e00;
	white-space: nowrap;
}
    .page-num-current {
	background: #2a4b63;
	border-color: #2a4b63;
	color: #bdc4ca;
}
.page-num {
 margin: 0 .02rem;
	color: #67c1f5;
	border: solid 1px #2a475e;
        /* display: block; */
        padding: .06rem .13rem;
}