/**
 * Swiper 5.3.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 29, 2020
 */

@font-face {
    font-family: swiper-icons;
    src: url("../fonts/a6b95ad3d2404d3a8e07b0c390bf13fd.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-left {
    top: 20px;
    left: 20px;
    text-align: left;
    border-radius: 4px;
}

.text-overlay {
    position: absolute;
    color: white;
    padding: 2px;
    transition: all 0.3s ease;
}

.text-overlay h3 {
    width: 80%;
    line-height: 1.3;
    font-size: 1.9rem;
    margin-bottom: 10px;
    font-weight: 400;
    color: #fff;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
	letter-spacing: 0.2rem;
}

.text-overlay p {
    font-size: 0.95rem;
    opacity: 0.9;
    margin-bottom: 0;
}

.swiper-left-bo {
   position: absolute;
   right: 20px;
   width: 100%;
   height: 100%;
   margin: -20px 0px;
   background-image: url('/static/images/swipercu.png');
   background-size: 110px 40px;
   background-position: right bottom;
   background-repeat: no-repeat;
}
		
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform,height
}

.swiper-container-3d {
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-next:after,.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none!important;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	left: 10px;
	right: auto
}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
	content: 'prev'
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	right: 10px;
	left: auto
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
	content: 'next'
}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
	--swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
	--swiper-navigation-color: #000000
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0,0,0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0px,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: .2s transform,.2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform,.2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color,var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white {
	--swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
	--swiper-pagination-color: #000000
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	animation: swiper-preloader-spin 1s infinite linear;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.placeholder {
	position: relative;
	margin: 1rem 0
}

.placeholder .plc-image {
	width: 31.2%;
	padding-bottom: 23.4%;
	position: relative;
	display: inline-block
}

.placeholder.no-img-plc a,.placeholder.one-img-plc a,.placeholder.three-img-plc a {
	display: block;
	-webkit-touch-callout: initial
}

body:not(.b-speedy) .placeholder {
	margin: 0
}

body:not(.b-speedy) .placeholder.no-img-plc a,body:not(.b-speedy) .placeholder.one-img-plc a {
	padding: .8rem 0
}

body:not(.b-speedy) .placeholder.three-img-plc a {
	padding: .5rem 0 1.2rem 0
}

body:not(.b-speedy) .placeholder.three-img-plc a .plc-footer {
	padding-bottom: 1.2rem
}

body:not(.b-speedy) .placeholder .plc-con {
	top: 1.5rem
}

.b-speedy .placeholder.one-img-plc a,.b-speedy .placeholder.no-img-plc a,.b-speedy .placeholder.three-img-plc a {
	display: initial
}

.placeholder .plc-image img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: .3rem;
	background: url("/static/images/block.png") no-repeat center #e7e7e7;
	background-size: 67%
}

.placeholder .plc-con {
	position: absolute;
	top: 0;
	right: 0;
	width: 66%
}

.placeholder.no-img-plc .plc-con {
	position: initial;
	width: initial
}

.placeholder .plc-con .plc-title {
	font-size: 1.6rem;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	position: relative;
	word-wrap: break-word;
	word-break: break-all;
	letter-spacing: .1rem
}

.placeholder a:visited .plc-title {
	text-decoration: initial;
	color: #888
}

.placeholder .plc-footer {
	color: #99a2aa;
	width: 100%;
	font-size: 1.2rem;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	line-height: 1.2rem
}

body:not(.b-speedy) .placeholder.no-img-plc .plc-footer {
	margin: .7rem 0 0 0
}

.placeholder .plc-footer span {
	margin-right: .7rem
}

.placeholder .tip {
	border-radius: .15rem;
	color: #fff;
	font-size: .8rem;
	padding: 0 .2rem;
	line-height: 1.26rem;
	height: 1.2rem;
	text-align: center;
	display: inline-block;
	order: 7
}

.placeholder .tip-gray {
	border: solid .05rem #b2b2b2;
	color: #b3b3b3;
	border-radius: .2rem
}

.placeholder .plc-footer span.tip-gray {
	margin-left: -.7rem
}

.placeholder .plc-footer span.tip-gray+span {
	display: none
}

.placeholder .tip-gr,.placeholder .tip-ye,.placeholder .tip-red,.placeholder .tip-orange,.placeholder .tip-blue,.placeholder .tip-topic,.placeholder .tip-green {
	color: #d22222;
	border-radius: .2rem;
	border: solid .05rem #d22222
}

.placeholder .plc-con .plc-footer .plc-footer-fr {
	position: relative
}

.placeholder .plc-con .plc-footer .hit-count {
	top: .12rem;
	right: 5.6rem;
	padding-left: .11rem
}

.plc-image .tip-suggest {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: .7rem;
	color: #fff;
	width: 2rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	vertical-align: middle;
	background: rgba(0,0,0,.3);
	border-bottom-right-radius: .37rem
}

.one-img-plc.placeholder .plc-image {
	width: 100%
}

.one-img-plc.placeholder .plc-image img {
	width: 31.2%
}

.one-img-plc.placeholder .plc-con {
	left: 0
}

.one-img-plc .plc-footer {
	margin: .7rem 0 0 0
}

.three-img-plc {
	padding-bottom: 1.5rem
}

.three-img-plc .title {
	color: #333;
	font-size: 1.6rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.three-img-plc a:visited .title {
	text-decoration: initial;
	color: #888
}

.three-img-plc .pic-space {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	padding: .3rem 0
}

.three-img-plc .pic-space .plc-image {
	flex: none
}

.three-img-plc a .plc-footer {
	position: absolute;
	bottom: -.3rem;
	left: 0
}

.three-img-plc .plc-footer .plc-footer-fr {
	float: right;
	position: relative
}

.three-img-plc .plc-footer .hit-count {
	top: .12rem;
	right: 5.6rem;
	padding-left: .11rem
}

.lapin-plc .plc-image {
	height: 0;
	width: 31.2%;
	padding-bottom: 31.2%;
	position: relative
}

.lapin-plc .plc-con .plc-con-box {
	position: relative;
	height: 100%
}

.lapin-plc .plc-con .plc-title {
	line-height: 1.9rem
}

.lapin-plc .plc-con .plc-title .os-tm {
	background: url('../images/tm_48.png') no-repeat
}

.lapin-plc .plc-con .plc-title .os-jd {
	background: url('../images/jd_48.png') no-repeat
}

.lapin-plc .plc-con .plc-title .os-tb {
	background: url('../images/tb_48.png') no-repeat
}

.lapin-plc .plc-con .plc-title .origin-store {
	display: inline-block;
	width: 1.6rem;
	height: 1.6rem;
	vertical-align: middle;
	background-position: center;
	background-size: 1.6rem 1.6rem;
	margin: -.3rem .3rem 0 0
}

.lapin-plc .plc-con .plc-title .os-other {
	margin: -.3rem .3rem 0 .3rem;
	border-radius: .15rem;
	color: #fff;
	font-size: 1rem;
	padding: .1rem .2rem;
	text-align: center;
	display: inline-block;
	line-height: initial;
	vertical-align: middle
}

.lapin-plc .plc-con .lapin-info {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

.lapin-plc .plc-con .lapin-info .promotion {
	font-size: 1.4rem;
	color: #e74737;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.lapin-plc .plc-con .lapin-info .rebate-sv {
	font-size: 1.2rem;
	color: #bbb;
	margin: 0 0 .1rem 0;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.lapin-plc .plc-con .lapin-info .rebate-sv .old-price {
	text-decoration: line-through
}

.lapin-plc .plc-con .lapin-info .rebate-sv .sell-volume {
	position: absolute;
	top: 0;
	right: 0
}

.lapin-plc .plc-con .lapin-info .sale-info {
	position: relative
}

.lapin-plc .plc-con .lapin-info .sale-info .sale-promotion {
	display: inline-block;
	font-size: 1.67rem;
	color: #e74737;
	width: calc(100% - 7.2rem);
	width: -moz-calc(100% - 7.2rem);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle
}

.lapin-plc .plc-con .lapin-info .sale-info .get-quan {
	border-radius: 1.42rem;
	border: solid .07rem #d55341
}

.lapin-plc .plc-con .lapin-info .sale-info .go-buy {
	border-radius: 1.42rem;
	border: solid .07rem #d55341
}

.lapin-plc .plc-con .lapin-info .sale-info .join-sale {
	position: absolute;
	right: 0;
	bottom: -.3rem;
	color: #d55341;
	text-align: center;
	width: 7.2rem;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 1.1rem;
	background-size: 7.2rem 2.5rem;
	background-position: center center
}

.fixed-btn {
	position: fixed;
	right: .7rem;
	bottom: 5rem;
	z-index: 378
}

.fixed-btn button {
	border: 0
}

.fixed-btn .go-top {
	width: 4.7rem;
	height: 3.7rem;
	background: url("data:image/svg+xml,%3Csvg height='73' viewBox='0 0 73 73' width='73' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='36.5' cy='36.5' opacity='.3' r='36.5'/%3E%3Cpath d='M21 23v-3h31v3zm15.5 3.15l.14-.15 15.35 15.84-2.08 2.15L38 31.69V55h-3V31.69l-11.91 12.3-2.08-2.15L36.36 26z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E") center center no-repeat;
	background-size: 3.7rem 3.7rem;
	margin-bottom: 1.2rem
}

.fixed-btn .open-app {
	width: 4.7rem;
	height: 5.6rem;
	background: url("data:image/svg+xml,%3Csvg height='184' viewBox='0 0 162 184' width='162' xmlns='http://www.w3.org/2000/svg'%3E%3Crect fill='%23d22222' height='120' rx='26.95' width='120' x='21'/%3E%3Crect fill='%23d22222' height='45' rx='22.5' width='150' x='5.5' y='127.5'/%3E%3Cg fill='%23fff'%3E%3Cpath d='M115 86h-15v11L85 86H47a5 5 0 0 1-5-4.93V37.92A5 5 0 0 1 47 33h68a5 5 0 0 1 5 4.93v43.15a5 5 0 0 1-5 4.92zM69 40H57v39h12zm39 0H78v11h9v28h12V51h9zM36.52 149.78c-1.4.59-2.83 1.12-4.27 1.62v8.32c0 1.57-.9 2.38-2.63 2.38H26.5l-.48-2c1 .06 2 .11 2.86.11s1.16-.36 1.16-1.06v-7.06c-1.55.45-3.07.9-4.62 1.29l-.54-1.9c1.73-.36 3.46-.78 5.16-1.29v-6.47h-4.68v-1.93H30v-5.07h2.21v5.07h3.88v1.93h-3.84v5.74c1.43-.53 2.86-1.12 4.27-1.74zM52 138.86v2h-4.8v18.62q0 2.6-2.69 2.6h-4.89l-.45-1.93c1.61.06 3.13.11 4.59.11a1.12 1.12 0 0 0 1.24-1.33v-18.11h-7.94v-2zM80.22 138.35v2h-5v7.42h6.53v1.93h-6.52v12.4h-2.17v-12.4h-8.62a21.63 21.63 0 0 1-1.73 7.17 11.73 11.73 0 0 1-5.64 5.46l-1.16-1.74a10.91 10.91 0 0 0 5.09-5.16 22.72 22.72 0 0 0 1.28-5.77h-6.91v-1.93h7v-7.44H57v-2zm-15.6 8.4v1h8.47v-7.42h-8.48zM94.68 139.56l8.38 20h-2.66L98.14 154h-9.79l-2.27 5.6h-2.62l8.38-20zM97.36 152l-4-10h-.12l-4.09 10zM117.52 147a8.06 8.06 0 0 1 1.76 5.35 8.15 8.15 0 0 1-1.73 5.29 6.33 6.33 0 0 1-5.16 2.3 5.63 5.63 0 0 1-5.1-3v8.18h-2.39v-20h2.24v2.38a5.55 5.55 0 0 1 5.13-2.77 6.41 6.41 0 0 1 5.25 2.27zm-9.16 1.23a6.38 6.38 0 0 0-1.16 4v.28a6 6 0 0 0 1.31 4.06 4.15 4.15 0 0 0 3.37 1.54 4.6 4.6 0 0 0 3.79-1.62 6.58 6.58 0 0 0 1.16-4.12 7 7 0 0 0-1.1-4.09 4.36 4.36 0 0 0-3.76-1.74 4.2 4.2 0 0 0-3.61 1.7zM135 147a8.06 8.06 0 0 1 1.76 5.35 8.15 8.15 0 0 1-1.73 5.29 6.33 6.33 0 0 1-5.16 2.3 5.63 5.63 0 0 1-5.1-3v8.18h-2.39v-20h2.24v2.38a5.55 5.55 0 0 1 5.13-2.77A6.41 6.41 0 0 1 135 147zm-9.16 1.23a6.38 6.38 0 0 0-1.16 4v.28a6 6 0 0 0 1.31 4.06 4.15 4.15 0 0 0 3.37 1.54 4.6 4.6 0 0 0 3.79-1.62 6.58 6.58 0 0 0 1.16-4.12 7 7 0 0 0-1.1-4.09 4.36 4.36 0 0 0-3.76-1.74 4.2 4.2 0 0 0-3.61 1.7z'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
	background-size: 4.7rem 5.34rem
}

.b-speedy .placeholder {
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative
}

.b-speedy .placeholder.three-img-plc {
	padding: 0 5.7rem 0 0;
	width: initial;
	position: relative;
	overflow: hidden
}

.b-speedy .placeholder.no-img-plc .plc-image,.b-speedy .placeholder.one-img-plc .plc-image {
	display: none
}

.b-speedy .placeholder.no-img-plc .plc-image img,.b-speedy .placeholder.one-img-plc .plc-image img {
	display: none
}

.b-speedy .placeholder.no-img-plc .plc-con,.b-speedy .placeholder.one-img-plc .plc-con {
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 5.7rem 0 0;
	position: relative;
	width: initial
}

.b-speedy .placeholder .plc-con .tip,.b-speedy .placeholder .plc-con .tip {
	margin: 0 .2rem
}

.b-speedy .placeholder.no-img-plc .plc-con:before,.b-speedy .placeholder.one-img-plc .plc-con:before {
	content: "● ";
	color: #99a2aa;
	display: inline-block;
	margin: .3rem .7rem .2rem 0
}

.b-speedy .rank .placeholder.one-img-plc .plc-con:before {
	content: "";
	color: #99a2aa
}

.b-speedy .lapin-plc .plc-con .lapin-info {
	margin-top: .3rem
}

.b-speedy .placeholder .plc-con .plc-title {
	font-size: 1.4rem;
	line-height: 2rem;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline
}

.b-speedy .placeholder.no-img-plc .plc-con .plc-footer .plc-footer-fr,.b-speedy .placeholder.one-img-plc .plc-con .plc-footer .plc-footer-fr {
	display: none
}

.b-speedy .placeholder.no-img-plc .plc-footer,.b-speedy .placeholder.one-img-plc .plc-footer {
	position: initial;
	width: initial;
	margin: initial;
	display: inline;
	line-height: 2rem
}

.b-speedy .placeholder.no-img-plc .plc-footer .post-time,.b-speedy .placeholder.one-img-plc .plc-footer .post-time {
	display: initial;
	font-size: 1.1rem;
	line-height: 2rem;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
	position: absolute;
	right: 0;
	top: 0;
	width: 5.7rem
}

.b-speedy .placeholder.no-img-plc .tip-suggest,.b-speedy .placeholder.no-img-plc .plc-footer .tip.tip-gray,.b-speedy .placeholder.one-img-plc .tip-suggest,.b-speedy .placeholder.one-img-plc .plc-footer .tip.tip-gray {
	display: initial;
	font-size: 1.1rem;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
	position: absolute;
	right: 0;
	top: 0;
	width: 5.7rem;
	background: initial;
	margin: initial;
	padding: initial;
	border-radius: initial;
	border: 0
}

.b-speedy .placeholder .plc-footer span {
	margin: 0
}

.b-speedy .placeholder.three-img-plc a:before {
	content: "● ";
	color: #99a2aa;
	display: inline-block;
	margin: .2rem
}

.b-speedy .placeholder.three-img-plc .title {
	font-size: 1.4rem;
	line-height: 2rem;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline
}

.b-speedy .placeholder.three-img-plc .pic-space {
	display: none
}

.b-speedy .placeholder.three-img-plc a .plc-footer {
	position: initial;
	width: initial
}

.b-speedy .placeholder.three-img-plc .plc-footer .plc-footer-fr {
	display: none
}

.b-speedy .placeholder.three-img-plc .plc-footer .post-time {
	display: initial;
	font-size: 1.1rem;
	line-height: 2rem;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
	position: absolute;
	right: 0;
	top: 0;
	width: 5.7rem
}

.b-speedy .lapin-plc .plc-con .lapin-info .sale-info .join-sale,.b-speedy .lapin-plc .plc-con .lapin-info .rebate-sv .old-price {
	display: none
}

.b-speedy .lapin-plc .plc-con .lapin-info .rebate-sv {
	position: absolute;
	bottom: 0;
	right: 0
}

.b-speedy .lapin-plc .plc-con .lapin-info .rebate-sv .sell-volume {
	position: initial
}

.b-speedy .rank .rank-box .placeholder.lapin-plc .plc-con .lapin-info {
	position: relative
}

.b-speedy .lapin-plc .plc-con .lapin-info .sale-info .sale-promotion {
	width: initial;
	display: inline;
	vertical-align: initial;
	font-size: 1.4rem
}

.b-speedy .lapin-plc .plc-con .lapin-info .sale-info .old-price {
	display: initial;
	font-size: 1.2rem;
	color: #bbb;
	white-space: nowrap;
	padding-left: .5rem
}

.b-speedy .lapin-plc .plc-con .plc-con-box {
	overflow: hidden;
	text-overflow: ellipsis
}

.b-speedy .placeholder .plc-con,.b-speedy .placeholder.three-img-plc a {
	display: flex
}

.b-speedy .placeholder .plc-con .plc-title,.b-speedy .placeholder.three-img-plc .title {
	order: 1
}

.b-speedy .placeholder .tip {
	margin: .2rem .3rem
}

.top-sep {
	background-color: #efefef
}

@media(prefers-color-scheme:dark) {
	html:not(.light) .three-img-plc .title,html:not(.light) .b-speedy .banner-swiper-container .swiper-slide a .slide-title,html:not(.light) .placeholder .plc-con .plc-title {
		color: #fff
	}

	html:not(.light) .b-speedy .banner-swiper-container .swiper-slide {
		color: #fff;
		background-color: #1c1c1e
	}

	html:not(.light) .placeholder .tip-gr,html:not(.light) .placeholder .tip-ye,html:not(.light) .placeholder .tip-red,html:not(.light) .placeholder .tip-orange,html:not(.light) .placeholder .tip-blue,html:not(.light) .placeholder .tip-topic,.placeholder .tip-green {
		color: #f95455;
		border: solid .05rem #f95455
	}

	html:not(.light) .placeholder a:visited .plc-title {
		text-decoration: initial;
		color: #888
	}

	html:not(.light) .top-sep {
		background-color: #242424
	}
}

html.dark:not(.light) .three-img-plc .title,html.dark:not(.light) .b-speedy .banner-swiper-container .swiper-slide a .slide-title,html.dark:not(.light) .placeholder .plc-con .plc-title {
	color: #fff
}

html.dark:not(.light) .b-speedy .banner-swiper-container .swiper-slide {
	color: #fff;
	background-color: #1c1c1e
}

html.dark:not(.light) .placeholder .tip-gr,html.dark:not(.light) .placeholder .tip-ye,html.dark:not(.light) .placeholder .tip-red,html.dark:not(.light) .placeholder .tip-orange,html.dark:not(.light) .placeholder .tip-blue,html.dark:not(.light) .placeholder .tip-topic,.placeholder .tip-green {
	color: #f95455;
	border: solid .05rem #f95455
}

html.dark:not(.light) .placeholder a:visited .plc-title {
	text-decoration: initial;
	color: #888
}

html.dark:not(.light) .top-sep {
	background-color: #242424
}

li .mobile a {
	font-size: 1.2rem;
	display: inline-block;
	background: url(../fonts/dev_icon.svg) left 0 no-repeat;
	height: 16px;
	line-height: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100% - 16px);
	max-width: -moz-calc(100% - 16px);
	vertical-align: middle
}

ul li .android a {
	padding-left: 18px;
	background-position: left 0;
	color: #6f9811
}

ul li .wp a {
	padding-left: 18px;
	background-position: left -16px;
	color: #bd3e9f
}

ul li .iphone a,ul li .itouch a {
	padding-left: 18px;
	background-position: left -32px;
	color: #496fcb
}

ul li .wap a {
	padding-left: 18px;
	background-position: left -48px;
	color: #4669b2
}

ul li .ipad a {
	padding-left: 18px;
	background-position: left -64px;
	color: #496fcb
}

ul li .windows8 a {
	padding-left: 18px;
	background-position: left -80px;
	color: #0281ed
}

ul li .win10 a {
	background-position: left -96px;
	color: #bd3e9f
}

ul li .qiyu a {
	padding-right: 5px;
	background-position: left -112px;
	color: #157dff
}

ul li .watch a {
	padding-left: 18px;
	color: #496fcb;
	background-position: left -128px
}

ul li .macbook a {
	padding-left: 18px;
	color: #496fcb;
	background-position: left -144px
}

ul li .imac a {
	padding-left: 18px;
	color: #496fcb;
	background-position: left -160px
}

ul li .iphonex a {
	padding-left: 18px;
	color: #496fcb;
	background-position: left -176px
}

ul li .xbox a {
	padding-left: 18px;
	color: #0f760f;
	background-position: left -192px
}

ul li .car a {
	padding-left: 18px;
	color: #7ba62c;
	background-position: left -208px
}

ul li .sf a {
	padding-left: 18px;
	color: #333;
	background-position: left -224px
}

ul li .awatch a {
	padding-left: 18px;
	color: #0f760f;
	background-position: left -240px
}

ul li .tv a {
	padding-left: 18px;
	color: #0f760f;
	background-position: left -256px
}

ul li .bbb a {
	padding-left: 18px;
	color: #333;
	background-position: left -272px
}

ul li .hololens a {
	padding-left: 18px;
	color: #333;
	background-position: left -288px
}

ul li .weixin a {
	padding-left: 18px;
	color: #44b549;
	background-position: left -304px
}

.comment {
	background: #fff
}

.comment .placeholder {
	position: relative;
	padding: .7rem 0;
	margin: 0
}

.user-mes.essence~.user-review,.jhc-head.essence~a .jhc-content {
	position: relative
}

.user-mes.essence~.user-review::before,.jhc-head.essence~a .jhc-content::before {
	content: "";
	margin: -.2rem 0 0 .3rem;
	display: inline-block;
	vertical-align: middle;
	width: 6rem;
	height: 6rem;
	position: absolute;
	top: -3.5rem;
	right: 2.7rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 131.39 134'%3E%3Cdefs%3E%3Cstyle%3E.cls-2%7Bfill:%23c30d23%7D%3C/style%3E%3C/defs%3E%3Cg id='_2' data-name='2'%3E%3Cg opacity='1' id='_1-2' data-name='1'%3E%3Cpath class='cls-2' d='M51.14 57.38c.84-.19 1.56-.34 2.11-.45-.23 1.41-.37 2.55-.64 3.66-.06.27-.52.49-.84.64-1.09.52-2.22 1-3.32 1.49-.5.24-1 .58-1.44.87l.54.26 4.71.65a4.53 4.53 0 0 1-.35 2.5c-.35.73-.82 1.14-3.06 3l-1.63 1.32a15.19 15.19 0 0 1-1.79-8.49c.06-.69.32-.85 1.24-1.49.21-.13.21-.59.28-.9a4.43 4.43 0 0 1 .93-1.89c.34-.41.72-.55 3.26-1.17zM64 56.38c-.9 1.85-1.85 3.68-2.83 5.61-1.31-.86-2.25-1.39-3.07-2.06a3.42 3.42 0 0 1-1.18-1.55c-.6-2.15-.26-2.72 1.85-3.48 1.46-.52 2.92-1.14 4.49-.29.74.39 1.11.95.74 1.77z'/%3E%3Cpath class='cls-2' d='M131 54a4.48 4.48 0 0 1-.6-3.58 4.58 4.58 0 0 0-.62-3.42 30.17 30.17 0 0 1-3.68-10.2 17.56 17.56 0 0 0-3.22-7.08 30.58 30.58 0 0 0-3.12-3.84c-2.81-2.73-5.63-5.49-8.66-8A109 109 0 0 0 94 6.65a19.1 19.1 0 0 0-6.09-2.16 1.6 1.6 0 0 0-1.67.51c-1 1.21-.86 2.4.6 3s3 .92 4.54 1.44a15.53 15.53 0 0 1 4.23 1.72 127.16 127.16 0 0 1 18.71 16.67c1.94 2.17 4 4.26 5.89 6.42a8.25 8.25 0 0 1 1.43 2.09c2 4.58 4 9.19 6 13.78.2.46.34.93.51 1.41-2.28.45-2.76.32-3.76-1.46a28.45 28.45 0 0 1-2.1-4.47 40.84 40.84 0 0 0-7.06-12.21c-2-2.48-4-4.94-6.22-7.25a59.72 59.72 0 0 0-19.8-14.31c-7-3-14.25-5.11-22-4.41a32 32 0 0 1-4.27 0 19.07 19.07 0 0 1-2.7-.38 4.13 4.13 0 0 1-.94-.47V6.2a22.46 22.46 0 0 1 3.12-.49c2.56 0 5.12.08 7.68.13 2.28 0 4.56.17 6.83.08a20.14 20.14 0 0 0 4.36-.71A2.73 2.73 0 0 0 83.52 3c-1.08-.23-2.12-.5-3.18-.65C75 1.62 69.73.93 64.42.28A12.41 12.41 0 0 0 60.54.1a91.52 91.52 0 0 0-16.48 5c-14.67 6-26.22 15.6-34.17 29.39a87.93 87.93 0 0 0-9 22.61 14.31 14.31 0 0 0-.44 3.68c.04 3.47.35 6.93-.32 10.38A11.67 11.67 0 0 0 0 73a40.81 40.81 0 0 0 5 20.89 116.84 116.84 0 0 0 19.45 25.85 28 28 0 0 0 7.55 5.48 2.41 2.41 0 0 0 2.44.29 14.92 14.92 0 0 0-1.31-1.74c-1.41-1.41-2.86-2.77-4.32-4.13-2.86-2.69-5.71-5.4-8.61-8a26.88 26.88 0 0 1-7-9.58 4.28 4.28 0 0 0-1.2-1.81 11 11 0 0 1-3.4-4.62c-.62-1.4-1.39-2.74-2-4.16S5.51 88.5 5.06 87c-.4-1.36-.62-2.77-1-4.14a15.54 15.54 0 0 1-.48-5.08 46.29 46.29 0 0 0-.35-9.7 19.05 19.05 0 0 1-.15-2.39 39.62 39.62 0 0 1 4.9-20 130.36 130.36 0 0 1 9.85-15.77C25.59 19.19 36 12.11 48.42 8a55.15 55.15 0 0 1 7.5-1.57 9.37 9.37 0 0 1 2.17.22c-.74 1.35-1.3 2.26-2.59 2.69-3.62 1.2-7.19 2.52-10.78 3.8a51.46 51.46 0 0 0-22.2 15.7C11.06 42.37 5.06 57.78 6.89 75.74A42.64 42.64 0 0 0 15 97.56c2.37 3.14 4.7 6.31 7.29 9.26a80.36 80.36 0 0 0 7.71 7.72c6.8 5.91 14.84 9.66 23.18 12.83a8.92 8.92 0 0 0 2.15.54 27.74 27.74 0 0 1 10.95 3 1.83 1.83 0 0 0 2.35-.34 3.13 3.13 0 0 1 2.49-.93c3.5.16 6.73-1 10-1.88a20.87 20.87 0 0 0 8.42-4.35 11.57 11.57 0 0 1 5.73-2.85 5.79 5.79 0 0 0 3-1.58c2.35-2.15 4.71-4.28 7.14-6.35 6-5.08 11.46-10.59 15.64-17.28a15.87 15.87 0 0 0 1.58-3.2 50.66 50.66 0 0 1 4.45-9.77 3.84 3.84 0 0 0 .49-3.4 1.93 1.93 0 0 1 .73-2.43 2.5 2.5 0 0 0 1.12-3.35c-.08-.27-.12-.55-.2-.83a5.85 5.85 0 0 1 .61-4.77 7.07 7.07 0 0 0 .46-1.45l-2.09-.56c0-2.95-.18-5.84 2.19-8.14A2.53 2.53 0 0 0 131 54zM29.7 45.71l3.1-.23c2 1 3.56 1.79 5.1 2.65.86.47 1.09 1.12.08 1.74-.54.33-1.22 1-1.61.89a14.4 14.4 0 0 1-3.44-1.61 2.43 2.43 0 0 1-.32-.24l-.32-.26c-.28-.23-.57-.47-.86-.73a23.24 23.24 0 0 1-1.86-1.85zm37 12.74a64.27 64.27 0 0 1-3.85 5.42l3 2.33c-1.32 3.2-4.18 3.31-6.48 4.23a3.34 3.34 0 0 0-2.49 3.24c-.34 5.34-.72 10.68-1.26 16a30.2 30.2 0 0 1-1.36 5h-.59c-.45-2.56-1.1-5.11-1.3-7.69-.28-3.81-.23-7.64-.34-11.45-.06-1.91-.63-2.2-2.32-1.4-.91.43-2.09 1.18-2.85.91a5.68 5.68 0 0 1-3.77-3.33 20.53 20.53 0 0 1-.89-12.49c-3.11 3.34-6.12 6.55-7 11.44-.71 4.1-.32 8.08-.21 12.12a3.06 3.06 0 0 1-.1 1.29c-.7 1.5-1.48 1.67-2.72.47a4.57 4.57 0 0 1-1.2-2.07 22.2 22.2 0 0 1-.55-3.9c-.09-1.29 0-2.59 0-3.89l-.38-.26a14 14 0 0 0-2.04 2.2c-.7.95-1 1.63-1.68 1.72a2 2 0 0 1-1.42-.54c-.94-.69-1.68-1.41-.84-2.64.69-1 1.45-2 2.11-3 1.63-2.49 3.27-5 4.82-7.53a19.73 19.73 0 0 0 1.16-2.78c-1.58-.42-2.44.46-3.34 1.19-1.38 1.14-2.59 2.68-4.17 3.32-1 .39-2.54-.46-3.74-1a2.32 2.32 0 0 1-1-1.61 2.21 2.21 0 0 1 .61-1.53c1-1.07 2-2 3.15-3.12-.11 1.17-.22 2.4-.36 4l2.44-1.22c1.3-.63 2.61-1.24 3.9-1.89a3.13 3.13 0 0 0 1-.74c1.26-1.55 3.1-1.66 4.84-1.92 1.55-.24 2.08 2.46 2.12 2.59a4.09 4.09 0 0 1 .14 1.25 67 67 0 0 0 4.81-4.88 1.76 1.76 0 0 1 2.38-.5c1.07.4.54 1.11.31 1.8a3 3 0 0 0 0 1.68C45.92 56 48.76 55.82 51 55c2.09-.71 2.48-1.09 2.58-3.26.16-3.64.38-7.28.58-11-.1 0-.34 0-.43-.12-.42-.52-.8-1.07-1.19-1.61a4.58 4.58 0 0 1 1.62-.62c2.25.08 3.5 1.89 3.29 4.12-.28 3-.34 6.12-.48 9.18a7 7 0 0 0 .19 1.31 13.61 13.61 0 0 1 6.46-.32 4.44 4.44 0 0 1 2.7 1.45 3.66 3.66 0 0 1 .68 1.34 4.4 4.4 0 0 1-.28 2.98zm39.1-15.22c-1.42.9-2.74 1.92-4.66 1.34a10.79 10.79 0 0 0-2.66 0l-2.33-3.77c3.46-1.99 8.05-.8 9.67 2.43zM85 72.61c-1.35 2.64-4 3-5.62.65A6.75 6.75 0 0 1 78 69v-4.59a2.77 2.77 0 0 0-.23-.63L76 64.89c-2.32 1.43-3.48.91-4.57-.82-1.65-2.63-1.68-2.61-.68-4.31.3.21.6.39.88.62 1.82 1.52 2.17 1.51 4.33.39a12.36 12.36 0 0 1 3.77-1.58c2.76-.39 4.33 1.44 3.91 4.19-.26 1.72-.49 3.45-.74 5.17l.64.23 2.34-5.46a5.43 5.43 0 0 1 .42 1.76c-.51 2.5-.08 5.14-1.3 7.53zm-1.26-21.35c-1 .35-1.95.67-2.93 1-.79.27-2.07-.83-1.73-1.66a3.46 3.46 0 0 0-.63-4.11 9.47 9.47 0 0 1 8.16 3.66c-1.06.42-1.96.78-2.87 1.11zm4 7.86c1.07-2.59 2-5.26 3-8a1.45 1.45 0 0 1 1.45 1.65c-.36 3.8-.86 7.59-1.31 11.38 0 .07-.11.14-.18.21a4 4 0 0 1-2.97-5.24zm23 4.86c-1.51.45-3 .82-4.57 1.21-.37.1-.75.17-1.1.3-3.12 1.13-3.06 1.14-3.28 4.45-.43 6.53-.88 13.06-1.44 19.59a7.62 7.62 0 0 1-2 5.14V69.45l-.48-.36c-1.75 1-3.51 2-5.24 3.11-2.44 1.51-3.12 1.17-3.43-1.7a3.92 3.92 0 0 1 1.2-3.5c2.57-2.56 5-5.26 7.38-8a4.81 4.81 0 0 0 .87-2.64c.22-3 .3-6 .46-9.3a7.74 7.74 0 0 1 2.23 1.58 2.74 2.74 0 0 0 3.22 1.18c2.23-.56 3.75.66 5.25 1.91 1.18 1 1.24 1.72.08 2.72-1.77 1.52-3.69 2.87-5.52 4.34-.78.62-1.48 1.35-2.22 2l.25.52a14.06 14.06 0 0 0 2.43 0c2.16-.39 4 .4 5.94 1.2.3.13.68.54.67.81s-.44.57-.74.68zM84.21 131c.53-.28 1.05-.58 1.59-.85 3-1.48 6-2.95 9-4.44a9.12 9.12 0 0 0 3.41-2.78 18.27 18.27 0 0 1 5.82-4.92c2.51-1.43 5-2.84 7.58-4.25.2-.11.4-.22.61-.31a1.08 1.08 0 0 1 1.47.46 1.77 1.77 0 0 1-.21 1.36 1.65 1.65 0 0 1-1 .64 6.87 6.87 0 0 0-3.08 2.32 24.71 24.71 0 0 1-3.27 3.2 63.43 63.43 0 0 1-13 8.11 20.51 20.51 0 0 1-7.2 1.95h-1.65l-.14-.49z'/%3E%3Cpath class='cls-2' d='M46.76 129.52c-3.15.17-6.31.49-9.43-.88.06-.94.12-1.82.19-2.85 3.52.39 6.24 2.35 9.24 3.73zM74.47 133c1-.72 2.17-.29 3.26-.49-.21 1-.79 1.41-2 1.51a1 1 0 0 1-1.25-1z'/%3E%3Cpath d='M32.93 49.15a6 6 0 0 1-.57-.42.27.27 0 0 1-.07-.08z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
	background-size: 6rem;
	opacity: .6
}

.comment .placeholder.main-floor ul .placeholder.deputy-floor {
	border-bottom: .03rem solid #eee
}

.comment .placeholder.main-floor ul .placeholder.deputy-floor:last-of-type {
	border-bottom: 0 solid #fff
}

.comment .placeholder.main-floor ul {
	margin: 0 0 .37rem 0
}

.comment .placeholder .user {
	position: absolute;
	left: 0;
	width: 3.5rem;
	text-align: center
}

.comment .placeholder .user .user-hd {
	width: 3rem;
	height: 3rem;
	margin: .7rem auto 1.3rem auto
}

.comment .placeholder .user .user-hd img {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background: url(../images/noavatar.png)no-repeat center;
	background-size: 3rem
}

.comment .placeholder .user .lv {
	padding: .3rem;
	color: #666;
	background-color: #f4f4f4;
	text-align: center;
	font-size: 1rem
}

.comment .placeholder .review-con {
	width: calc(100% - 4.5rem);
	width: -moz-calc(100% - 4.5rem);
	margin-left: 3.7rem;
	padding: .3rem;
	color: #333;
	border-bottom: solid .03rem #eee
}

.comment .deputy-floor .review-con {
	border-bottom: 0
}

.comment .placeholder .review-con ul {
	background-color: #f9f9f9;
	padding: 0 1rem 0 1rem
}

.comment .placeholder .review-con .user-mes .comment .placeholder .review-con .user-mes {
	line-height: 2rem;
	font-size: 1.4rem
}

.user-mes .impvipgreen .user-name {
	color: #6c0
}

.user-mes .impvipred .user-name {
	color: #d22222
}

.user-mes .impvipblue .user-name {
	color: #3264b4
}

.user-mes .impvip .user-name {
	color: #ea6415
}

.user-mes .im-official {
	width: 1.2rem;
	height: 1.2rem
}

.user-mes .impvipblue img,.user-mes .impvipgreen img,.user-mes .impvipred img,.user-mes .impvip img {
	margin-right: .3rem
}

.user-mes a .user-name {
	color: #222;
	padding-right: .3rem
}

.comment .placeholder .review-con .user-mes .user-floor {
	color: #999;
	position: relative;
	float: right;
	font-size: 1rem
}

.comment .placeholder .review-con .user-write-msg {
	color: #999;
	font-size: 1rem;
	margin: .3rem 0 1.2rem 0;
	vertical-align: middle
}

.comment .placeholder .review-con .user-write-msg .user-ip {
	line-height: 1rem;
	display: inline;
	vertical-align: middle
}

.comment .placeholder .review-con .user-write-msg .user-ip:after {
	content: "  "
}

.comment .placeholder .review-con .user-write-msg .user-write-time {
	display: inline;
	vertical-align: middle;
	line-height: 1rem
}

.comment .placeholder .review-con .user-review {
	font-size: 1.5rem;
	line-height: 2rem;
	letter-spacing: .03rem;
	word-wrap: break-word;
	word-break: break-all;
	cursor: pointer;
	white-space: pre-wrap
}

.comment .placeholder .review-con .user-review span a {
	color: #4780dd
}

.comment .placeholder .review-con .user-review a {
	color: #d22222
}

.comment .placeholder .review-footer {
	font-size: 1.1rem;
	margin: 1.2rem 0 1.6rem 0;
	height: 1.5rem;
	word-wrap: break-word
}

.comment .placeholder.main-floor ul .placeholder.deputy-floor .review-footer {
	margin: 1.2rem 0 0 0
}

.comment .placeholder .review-footer span {
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

.comment .placeholder .review-footer .collapse {
	cursor: pointer;
	display: inline-block
}

.review-footer .review-ft-fr {
	float: right
}

.review-footer .review-ft-fr span {
	margin-left: 1.6rem;
	cursor: pointer
}

.review-footer .review-ft-fr .stand-by {
	color: #6f8c38;
	display: inline-block
}

.review-footer .review-ft-fr .oppose {
	color: #b21d1d
}

.review-footer .review-ft-fr .reply {
	display: inline-block
}

.review-footer .review-ft-fr .comment-share {
	display: inline-block;
	height: 2.3rem
}

.comment-tig {
	margin: 1.2rem;
	text-align: center;
	color: #999;
	font-size: 1rem
}

.comment-tig .comment-more {
	cursor: pointer;
	background: #fff;
	padding: .7rem 1.5rem;
	border-radius: 3rem;
	font-size: 1.6rem
}

html.dark .comment-tig .comment-more {
	background-color: #303030;
	color: #f4f5f6
}

.comment-tig .tig-txt span {
	text-decoration: line-through
}

.footer {
	height: 4.7rem;
	background: #f2f3f6
}

.footer .footer-box {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 999
}

.footer .ft {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	height: 4.7rem;
	background: #fff;
	box-shadow: 0 .01rem .5rem 0 rgba(0,0,0,.2);
	padding: 0 1rem;
	max-width: 620px;
	margin: 0 auto
}

.footer .ft .ft-item:not(.open-app) {
	display: inline-block;
	margin: 0 auto;
	cursor: pointer
}

.footer .ft .ft-item.return-btn button {
	background: url("../images/return-btn.png") no-repeat;
	width: 3rem;
	background-size: 2.4rem 2.4rem;
	background-position: left center
}

.footer .ft .renovate-btn button {
	background: url("../images/renovate-btn.png") no-repeat
}

.footer .ft .top-btn button {
	background: url("../images/top-btn.png") no-repeat
}

.footer .ft .comment-num button {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M41.83 35.2A1.79 1.79 0 0 1 40 37h-5.2v4.7l-5-4-.8-.7H11.63a1.79 1.79 0 0 1-1.8-1.8V14.8a1.79 1.79 0 0 1 1.8-1.8h11.2v-3h-12a4 4 0 0 0-4 4v22a4 4 0 0 0 4 4h17.1l9.9 8v-8h3a4 4 0 0 0 4-4V24h-3z' fill='%23666'/%3E%3C/svg%3E") no-repeat
}

.footer .ft .news-collect-gray button {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M25.83 9.5l4 8.6v.1a4.88 4.88 0 0 0 3.8 2.7l9.1 1.5-6.3 5.3-.1.1-.1.1a5 5 0 0 0-1.5 4.5l1.5 8.5L28 36.6a4.71 4.71 0 0 0-4.6 0L15.33 41l1.8-8.7a5 5 0 0 0-1.5-4.5l-.1-.1-.1-.1-6.5-5 8.8-1.5a5 5 0 0 0 3.8-2.7zm0-4a2.2 2.2 0 0 0-2 1.2l-4.9 10.1a2.09 2.09 0 0 1-1.6 1.1l-10.6 1.8a2.29 2.29 0 0 0-1.8 1.5 2.22 2.22 0 0 0 .6 2.3l8.2 6.3a2 2 0 0 1 .6 1.8l-2.2 10.6a1.88 1.88 0 0 0 1.1 1.9 2.2 2.2 0 0 0 1.3.4 1.69 1.69 0 0 0 1-.3l9.4-5.2a1.64 1.64 0 0 1 1-.2 3 3 0 0 1 1 .2l9.8 5.2a1.8 1.8 0 0 0 1 .2A2 2 0 0 0 39 44a1.76 1.76 0 0 0 .7-1.9l-1.8-10.4a2 2 0 0 1 .6-1.8l7.7-6.5a2.44 2.44 0 0 0 .6-2.3 2.29 2.29 0 0 0-1.8-1.5l-10.8-1.8a2.09 2.09 0 0 1-1.6-1.1L27.93 6.6a2.41 2.41 0 0 0-1-1c-.4 0-.8-.1-1.1-.1z' fill='%23666'/%3E%3C/svg%3E")no-repeat
}

.footer .ft .news-collect-red button {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M45.63 24l-7.7 6.5a2 2 0 0 0-.6 1.8l1.8 10.4a1.76 1.76 0 0 1-.7 1.9 2 2 0 0 1-1.3.4 4.25 4.25 0 0 1-1.1-.2l-9.8-5.2a2.12 2.12 0 0 0-1.9 0l-9.4 5.2a2.31 2.31 0 0 1-2.4-.2 2 2 0 0 1-1.1-1.9l2.2-10.6a2 2 0 0 0-.6-1.8L4.93 24a2.44 2.44 0 0 1-.6-2.3 2.29 2.29 0 0 1 1.8-1.5l10.6-1.8a2.27 2.27 0 0 0 1.6-1.1l4.9-10.1a2.3 2.3 0 0 1 3.1-1 2.41 2.41 0 0 1 1 1L32 17.3a2.09 2.09 0 0 0 1.6 1.1l10.8 1.8a2.29 2.29 0 0 1 1.8 1.5 2.44 2.44 0 0 1-.6 2.3z' fill='%23d22222'/%3E%3C/svg%3E")no-repeat
}

.footer .ft .news-share button {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23666%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M37.83 17h-6v3h6a2.48 2.48 0 0 1 2.5 2.5v19a2.48 2.48 0 0 1-2.5 2.5h-25a2.48 2.48 0 0 1-2.5-2.5v-19a2.48 2.48 0 0 1 2.5-2.5h6v-3h-6a5.55 5.55 0 0 0-5.5 5.5v19a5.55 5.55 0 0 0 5.5 5.5h25a5.55 5.55 0 0 0 5.5-5.5v-19a5.55 5.55 0 0 0-5.5-5.5z'/%3E%3Cpath class='cls-1' d='M17.83 14.6l6-5.6v22.5h3V9l6 5.6a1.43 1.43 0 0 0 1 .4 1.61 1.61 0 0 0 1.1-.5 1.45 1.45 0 0 0-.1-2.1l-8.5-8a1.66 1.66 0 0 0-2.1 0l-8.5 8a1.55 1.55 0 0 0-.1 2.1 1.57 1.57 0 0 0 2.2.1z'/%3E%3C/svg%3E") no-repeat
}

.footer .ft .news-placard button {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M42.5,40.3h-2.5V7.1H11.8v35.8c0.1,0,0.1,0,0.2,0c10.1,0,20.3,0,30.4,0c0,0,0,0,0,0v2.6c-11.1,0-22.2,0-33.2,0V4.5c11.1,0,22.2,0,33.2,0V40.3z M42.5,40.3,M34.8,27.5H16.9V12.2h17.9V27.5z M19.4,25h12.8V14.8H19.4V25z M19.4,25' fill='%23666'/%3E%3Crect x='16.9' y='35.2' width='17.9' height='2.5' fill='%23666'/%3E%3Crect x='16.9' y='30.1' width='17.9' height='2.5' fill='%23666'/%3E%3C/svg%3E") no-repeat
}

.footer .ft .ft-item.open-app button {
	margin: .85rem 0 0 0;
	height: 3rem;
	width: 8rem;
	line-height: 2.7rem;
	color: #d22222;
	font-size: 1.3rem;
	border-radius: 1.5rem;
	border: solid .1rem #d22222;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-touch-callout: initial
}

.footer .ft .ft-item.open-app a {
	margin: .85rem 0 0 0;
	height: 3rem;
	width: 8rem;
	line-height: 3rem;
	color: #d22222;
	font-size: 1.3rem;
	border-radius: 1.5rem;
	border: solid .1rem #d22222;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	cursor: initial;
	text-decoration: initial;
	-webkit-touch-callout: initial
}

.footer .ft .comment-num {
	position: relative
}

.footer .ft .comment-num span {
	position: absolute;
	top: 1.07rem;
	left: 2.37rem;
	color: #d22222;
	text-align: center;
	min-width: .9rem
}

.footer .ft .ft-item.write-review {
	flex: auto;
	cursor: pointer;
	padding-left: 3rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23666%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M40.63 16a2.17 2.17 0 0 0 .1-3L36 8.1l-.1-.1a2.39 2.39 0 0 0-1.4-.5 1.8 1.8 0 0 0-1.5.7L15.73 25.7l-4.4 12.8 12.4-4.6zM38 14.4l-1.5 1.5-3.4-3.5 1.5-1.5zM16.23 33.5l2.1-6.1 12.6-12.8 3.5 3.6L22 31.4zM9.33 39h33v3h-33z'/%3E%3C/svg%3E") left center no-repeat;
	background-size: 2.4rem 2.4rem
}

.footer .ft .ft-item.write-review span {
	line-height: 4.7rem;
	font-size: 1.3rem
}

.footer .write-review input,.footer .write-review input:disabled,.footer .write-review input[disabled] {
	height: 3rem;
	border-radius: 4rem;
	background: #f4f5f6;
	padding: 0 1rem;
	cursor: pointer;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	margin: .78rem 0 .78rem 1rem;
	width: calc(100% - 3.7rem);
	width: -moz-calc(100% - 3.7rem)
}

.footer .ft .ft-item button {
	width: 4.7rem;
	height: 4.7rem;
	background-size: 2.4rem 2.4rem;
	display: inline-block;
	background-position: center center;
	cursor: pointer;
	text-align: right
}

.post-comment .post-comment-mask {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 640px;
	z-index: 100;
	background-color: rgba(0,0,0,.7);
	cursor: pointer
}

.post-comment-tig {
	position: fixed;
	left: 0;
	bottom: 15rem;
	width: 100%;
	text-align: center;
	color: #d22222;
	z-index: 200;
	font-size: 1.5rem
}

.post-comment .post-comment-fixed {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 640px;
	width: 100%;
	background: #fff;
	z-index: 1000;
	border-radius: .5rem .5rem 0 0;
	box-shadow: 0 0 .3rem 0 rgba(6,0,1,.1);
	-moz-box-shadow: 0 0 .3rem 0 rgba(6,0,1,.1);
	-webkit-box-shadow: 0 0 .3rem 0 rgba(6,0,1,.1)
}

.post-comment textarea {
	width: 100%;
	height: 7rem;
	border: 0
}

.post-comment .write-comment {
	padding: 1rem;
	font-size: 1.2rem
}

.post-comment .post-comment-footer {
	height: 4.35rem;
	font-size: 1.5rem;
	margin: 0 1rem;
	position: relative
}

.post-comment .post-comment-footer .comment-user-info {
	line-height: 3.3rem
}

.post-comment .post-comment-footer .post-comment-btn {
	position: absolute;
	top: 0;
	right: 0
}

.post-comment .post-comment-footer .post-comment-btn .pcb-cannel {
	width: 3.7rem;
	height: 3.3rem;
	line-height: 3.3rem;
	font-size: 1.5rem;
	display: inline-block;
	color: #333;
	text-align: center;
	cursor: pointer
}

.post-comment .post-comment-footer .post-comment-btn .pcb-post {
	width: 7.3rem;
	height: 3.3rem;
	display: inline-block;
	text-align: center;
	line-height: 3.3rem;
	background-color: #d22222;
	border-radius: 1.65rem;
	color: #fff;
	cursor: pointer
}

.placeholder .review-con .comment-news-info {
	background-color: #f4f5f6;
	font-size: 1.2rem;
	color: #666;
	padding: .5rem;
	position: relative;
	margin: 1.2rem 0 .7rem 0;
	line-height: 1.45rem
}

.placeholder .review-con .comment-news-info i {
	width: 0;
	height: 0;
	border-left: .57rem solid transparent;
	border-right: .57rem solid transparent;
	border-bottom: .57rem solid #f4f5f6;
	position: absolute;
	top: -.57rem;
	left: 1rem
}

.comment ul .placeholder .look-more {
	width: 100%;
	text-align: center;
	color: #4780dd;
	font-size: 1.5rem;
	display: inline-block;
	cursor: pointer
}

.comment-con-use .ccu-background {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	cursor: pointer
}

.comment-con-use .comment-con-use-fl {
	position: fixed;
	background: rgba(0,0,0,.8);
	color: #fff;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	z-index: 1000
}

.comment-con-use .ccu-item {
	display: inline-block;
	padding: .3rem 0;
	flex: auto;
	text-align: center;
	width: 4rem;
	cursor: pointer
}

.comment-con-use .share button {
	background: url('../images/share-white.png') no-repeat
}

.comment-con-use .collect button {
	background: url('../images/collect-white.png') no-repeat
}

.comment-con-use .del button {
	background: url('../images/del-white.png') no-repeat
}

.comment-con-use .copy button {
	background: url('../images/copy-white.png') no-repeat
}

.comment-con-use .complain button {
	background: url('../images/complain-white.png') no-repeat
}

.comment-con-use .ccu-item button {
	width: 2.4rem;
	height: 2.4rem;
	background-size: 2.4rem 2.4rem;
	background-position: center
}

.comment-con-use i {
	width: 0;
	height: 0;
	border-left: .5rem solid transparent;
	border-right: .5rem solid transparent;
	border-top: .78rem solid rgba(0,0,0,.75);
	position: absolute;
	bottom: -.67rem;
	left: calc(100%/2 - .5rem);
	left: -moz-calc(100%/2 - .5rem)
}

.comment-con-use .ccu-comment-input {
	width: .01rem;
	height: .01rem;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0
}

.fixed-btn .return-btn {
	width: 4.7rem;
	height: 3.7rem;
	background: url(../fonts/go-back.svg) center center no-repeat;
	background-size: 3.7rem 3.7rem;
	margin-bottom: 1.2rem
}

.pcb-emoji {
	width: 3.3rem;
	height: 3.3rem;
	line-height: 3.3rem;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	vertical-align: bottom;
	margin: 0 1rem
}

.emoji-keyboard-bar button {
	cursor: pointer
}

.emoji-keyboard-bar button.active,.post-comment .emoji-keyboard .emoji-keyboard-key {
	background-color: #f2f5f7
}

.pcb-emoji.change-keyboard {
	background: url("data:image/svg+xml,%3Csvg data-name='1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 74.83 61.43'%3E%3Cdefs%3E%3CclipPath id='a' transform='translate(-1.42 -8.91)'%3E%3Cpath fill='none' d='M1.42 8.86h74.83v61.57H1.42z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(#a)'%3E%3Cpath d='M63.66 0H11.17A11.2 11.2 0 0 0 0 11.17v39.09a11.19 11.19 0 0 0 11.17 11.17h52.49a11.2 11.2 0 0 0 11.17-11.17V11.17A11.21 11.21 0 0 0 63.66 0zm5.59 49.7a5.28 5.28 0 0 1-5.59 5.59H11.17a5.28 5.28 0 0 1-5.59-5.59V10.61a5.27 5.27 0 0 1 5.59-5.58h52.49a5.28 5.28 0 0 1 5.59 5.58V49.7zm0 0'/%3E%3C/g%3E%3Cpath d='M15.08 21.22h5.58a2.63 2.63 0 0 0 2.79-2.79 2.63 2.63 0 0 0-2.79-2.79h-5.58a2.64 2.64 0 0 0-2.8 2.79 2.64 2.64 0 0 0 2.8 2.79zm0 0M27.92 21.22h5.58a2.64 2.64 0 0 0 2.8-2.79 2.64 2.64 0 0 0-2.8-2.79h-5.58a2.63 2.63 0 0 0-2.79 2.79 3 3 0 0 0 2.79 2.79zm0 0M41.32 21.22h5.59a2.63 2.63 0 0 0 2.79-2.79 3 3 0 0 0-2.79-2.79h-5.59a2.63 2.63 0 0 0-2.74 2.79 2.63 2.63 0 0 0 2.79 2.79zm0 0M59.75 15.64h-5.58a2.64 2.64 0 0 0-2.8 2.79 2.64 2.64 0 0 0 2.8 2.79h5.58a2.63 2.63 0 0 0 2.83-2.79 2.63 2.63 0 0 0-2.79-2.79zm0 0M53.58 40.77H21.22a2.79 2.79 0 0 0 0 5.58h32.36a2.79 2.79 0 0 0 0-5.58zm0 0M23.45 30.72a2.64 2.64 0 0 0-2.79-2.8h-5.58a2.8 2.8 0 1 0 0 5.59h5.58a3 3 0 0 0 2.79-2.79zm0 0M27.92 33.51h5.58a2.8 2.8 0 1 0 0-5.59h-5.58a2.64 2.64 0 0 0-2.79 2.8 3.59 3.59 0 0 0 2.79 2.79zm0 0M41.32 33.51h5.59a2.8 2.8 0 0 0 0-5.59h-5.59a2.64 2.64 0 0 0-2.74 2.8 3 3 0 0 0 2.79 2.79zm0 0M59.75 27.92h-5.58a2.8 2.8 0 1 0 0 5.59h5.58a2.8 2.8 0 0 0 0-5.59zm0 0'/%3E%3C/svg%3E") no-repeat center;
	background-size: 2rem
}

.pcb-emoji,.pcb-emoji.change-enmoji {
	background: url("data:image/svg+xml,%3Csvg data-name='1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 78'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' d='M3.89 5.11H73V74.3H3.89z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(#a)'%3E%3Cpath d='M38.41 68.46A28.78 28.78 0 1 0 9.63 39.68a28.77 28.77 0 0 0 28.78 28.78zm0 5.75a34.53 34.53 0 1 1 34.53-34.53 34.53 34.53 0 0 1-34.53 34.53zm0 0'/%3E%3C/g%3E%3Cpath d='M25.46 25.3a4.32 4.32 0 1 0 4.32 4.31 4.31 4.31 0 0 0-4.32-4.31zm25.9 0a4.32 4.32 0 1 0 4.31 4.31 4.31 4.31 0 0 0-4.31-4.31zm-13 33.37A15.52 15.52 0 0 0 54 43.14H22.87a15.52 15.52 0 0 0 15.54 15.53zm0 0'/%3E%3C/svg%3E") no-repeat center;
	background-size: 2rem
}

.post-comment .emoji-keyboard .emoji-keyboard-key {
	max-height: 30rem;
	overflow: auto
}

.post-comment .emoji-keyboard .emoji-keyboard-key .item-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around
}

.post-comment .emoji-keyboard-key .item-group i {
	display: block;
	padding: 0 .8rem;
	width: 2rem
}

.post-comment .emoji-keyboard-key .item-group span,.post-comment .emoji-keyboard .emoji-keyboard-key .item-group img {
	padding: .8rem;
	width: 3rem;
	height: 3rem;
	cursor: pointer
}

.post-comment .emoji-keyboard-key .item-group span {
	cursor: pointer;
	display: block;
	font-size: 2.25rem;
	padding: .8rem;
	width: 3rem
}

.emoji-keyboard-bar {
	height: 4rem
}

.emoji-keyboard-bar button {
	width: 4rem;
	height: 4rem;
	display: inline-block
}

.emoji-keyboard-bar .ithom-emoji-btn {
	background: url("data:image/svg+xml,%3Csvg id='_1' data-name='1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E.cls-4%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath d='M36 52.5a43.26 43.26 0 0 1-6 .42A42.06 42.06 0 0 1 8.21 47l-.28-.16-.14-.29A38 38 0 0 1 6.68 15l.13-.32.29-.19A41.82 41.82 0 0 1 30 7.88a41.86 41.86 0 0 1 22.9 6.59l.29.19.13.32a38 38 0 0 1-1.11 31.59l-.14.28-.28.17a39.88 39.88 0 0 1-6.73 3.24l-4.47 6.83z' fill='%23ffcb55'/%3E%3Cpath d='M30 9a40.82 40.82 0 0 1 22.29 6.42 36.34 36.34 0 0 1 2.83 14.14 36.56 36.56 0 0 1-3.9 16.5 37.84 37.84 0 0 1-6.88 3.27l-3.92 6-4-4a42.29 42.29 0 0 1-6.42.47 41 41 0 0 1-21.2-5.74 36.8 36.8 0 0 1-1.08-30.64A40.75 40.75 0 0 1 30 9m0-2.25a42.85 42.85 0 0 0-23.5 6.78l-.58.38-.27.64a39.08 39.08 0 0 0 1.13 32.52l.3.58.55.34A43.26 43.26 0 0 0 30 54.05a43.76 43.76 0 0 0 5.63-.36l3.2 3.21 2 2 1.52-2.32 3.51-5.36A40 40 0 0 0 52.38 48l.55-.33.29-.58a39.08 39.08 0 0 0 1.14-32.52l-.27-.64-.58-.38A42.87 42.87 0 0 0 30 6.75z' fill='%231c1c1c'/%3E%3Cpath d='M55.11 29.56a36.56 36.56 0 0 1-3.9 16.5 38.52 38.52 0 0 1-6.88 3.27l-3.92 6-4-4a42.3 42.3 0 0 1-6.43.48 41 41 0 0 1-21.2-5.73c7.61 2 23.77 5.43 35.36-.54a15.39 15.39 0 0 0 3.46-2.33c8.82-7.91 5.59-23.76 4.67-27.78a36.39 36.39 0 0 1 2.84 14.13z' fill='%23ff9855'/%3E%3Ccircle cx='20.67' cy='25.92' r='7.72'/%3E%3Ccircle cx='40.16' cy='25.92' r='7.72'/%3E%3Ccircle class='cls-4' cx='41.88' cy='24.2' r='3.85'/%3E%3Ccircle class='cls-4' cx='22.39' cy='24.2' r='3.85'/%3E%3Cpath d='M50 36.7a9.4 9.4 0 0 1-1.69 6.36 11.19 11.19 0 0 1-2.39 2.47 12.89 12.89 0 0 1-3 1.61 36.85 36.85 0 0 1-26.11.28 10.92 10.92 0 0 1-5.32-4.28A9.94 9.94 0 0 1 10 36.7a10.82 10.82 0 0 0 2.3 5.8 10.41 10.41 0 0 0 5 3.26 42.94 42.94 0 0 0 12.49 1.66 42.86 42.86 0 0 0 12.46-1.93 12.16 12.16 0 0 0 2.81-1.18A10.17 10.17 0 0 0 50 36.7z'/%3E%3C/svg%3E")center no-repeat;
	background-size: 2rem
}

.emoji-keyboard-bar .default-emoji-btn {
	background: url("data:image/svg+xml,%3Csvg data-name='1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58.01 58.06'%3E%3Cpath d='M29.01.03a29 29 0 1 0 29 29 29 29 0 0 0-29-29z'/%3E%3Cpath d='M29.01 55.68a26.67 26.67 0 1 1 26.64-26.67 26.69 26.69 0 0 1-26.64 26.67z' fill='%23fc5'/%3E%3Cpath fill='none' d='M.01 0h58v58.06h-58z'/%3E%3Cpath d='M14.49 20.97a3.62 3.62 0 1 0 3.62-3.63 3.63 3.63 0 0 0-3.62 3.62zm0 0M36.22 20.97a3.63 3.63 0 1 0 3.63-3.63 3.63 3.63 0 0 0-3.63 3.62zm0 0M29.01 44.92c7.18 0 13-5.41 13-12.07h-26c0 6.66 5.82 12.07 13 12.07zm0 0'/%3E%3C/svg%3E")center no-repeat;
	background-size: 2rem
}

@media(prefers-color-scheme:dark) {
	html:not(.light) .comment,html:not(.light) .post-comment .post-comment-fixed,html:not(.light) .footer .ft {
		background: #000;
		box-shadow: 0 .01rem .5rem 0 rgba(255,255,255,.2)
	}

	html:not(.light) .footer,html:not(.light) .post-comment textarea {
		background: #000
	}

	html:not(.light) .post-comment textarea {
		background: #000;
		color: #fff
	}

	html:not(.light) .post-comment .post-comment-footer .post-comment-btn .pcb-cannel,html:not(.light) .user-mes a .user-name,html:not(.light) .review-footer .review-ft-fr .reply,html:not(.light) .comment .placeholder .review-con .user-review,html:not(.light) .comment .placeholder .review-footer .collapse {
		color: #fff
	}

	html:not(.light) .footer .ft .ft-item.open-app a {
		color: #f95455;
		border: solid .1rem #f95455
	}

	html:not(.light) .comment .placeholder .review-con ul,html:not(.light) .comment .placeholder .user .lv {
		background: #1c1c1e
	}

	html:not(.light) .placeholder .review-con .comment-news-info {
		background: #1c1c1e;
		color: #ccc
	}

	html:not(.light) .comment .placeholder .review-con {
		border-bottom: .03rem solid #1d1c1c
	}

	html:not(.light) .comment .placeholder.main-floor ul .placeholder.deputy-floor {
		border-bottom: .03rem solid #000
	}

	html:not(.light) .comment .deputy-floor .review-con {
		border-bottom: 0
	}

	html:not(.light) .emoji-keyboard-bar button.active,html:not(.light) .post-comment .emoji-keyboard .emoji-keyboard-key {
		background-color: #1a1a1a
	}

	html:not(.light) .pcb-emoji.change-keyboard {
		background: url("data:image/svg+xml,%3Csvg id='_1' data-name='1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 74.83 61.43'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M65.08 8.91H12.59A11.2 11.2 0 0 0 1.42 20.08v39.09a11.19 11.19 0 0 0 11.17 11.17h52.49a11.2 11.2 0 0 0 11.17-11.17V20.08A11.21 11.21 0 0 0 65.08 8.91zm5.59 49.7a5.28 5.28 0 0 1-5.59 5.59H12.59A5.28 5.28 0 0 1 7 58.61V19.52a5.27 5.27 0 0 1 5.59-5.58h52.49a5.28 5.28 0 0 1 5.59 5.58v39.09zm0 0' transform='translate(-1.42 -8.91)'/%3E%3Cpath class='cls-1' d='M16.5 30.13h5.58a2.63 2.63 0 0 0 2.79-2.79 2.63 2.63 0 0 0-2.79-2.79H16.5a2.64 2.64 0 0 0-2.8 2.79 2.64 2.64 0 0 0 2.8 2.79zm0 0M29.34 30.13h5.58a2.64 2.64 0 0 0 2.8-2.79 2.64 2.64 0 0 0-2.8-2.79h-5.58a2.63 2.63 0 0 0-2.79 2.79 3 3 0 0 0 2.79 2.79zm0 0M42.74 30.13h5.59a2.63 2.63 0 0 0 2.79-2.79 3 3 0 0 0-2.79-2.79h-5.59A2.63 2.63 0 0 0 40 27.34a2.63 2.63 0 0 0 2.79 2.79zm0 0M61.17 24.55h-5.58a2.64 2.64 0 0 0-2.8 2.79 2.64 2.64 0 0 0 2.8 2.79h5.58A2.63 2.63 0 0 0 64 27.34a2.63 2.63 0 0 0-2.79-2.79zm0 0M55 49.68H22.64a2.79 2.79 0 0 0 0 5.58H55a2.79 2.79 0 0 0 0-5.58zm0 0M24.87 39.63a2.64 2.64 0 0 0-2.79-2.8H16.5a2.8 2.8 0 1 0 0 5.59h5.58a3 3 0 0 0 2.79-2.79zm0 0M29.34 42.42h5.58a2.8 2.8 0 1 0 0-5.59h-5.58a2.64 2.64 0 0 0-2.79 2.8 3.59 3.59 0 0 0 2.79 2.79zm0 0M42.74 42.42h5.59a2.8 2.8 0 0 0 0-5.59h-5.59a2.64 2.64 0 0 0-2.74 2.8 3 3 0 0 0 2.79 2.79zm0 0M61.17 36.83h-5.58a2.8 2.8 0 1 0 0 5.59h5.58a2.8 2.8 0 0 0 0-5.59zm0 0' transform='translate(-1.42 -8.91)'/%3E%3C/svg%3E") no-repeat center;
		background-size: 2rem
	}

	html:not(.light) .pcb-emoji,html:not(.light) .pcb-emoji.change-enmoji {
		background: url("data:image/svg+xml,%3Csvg id='_1' data-name='1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 69.06 69.06'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M38.41 68.46A28.78 28.78 0 1 0 9.63 39.68a28.77 28.77 0 0 0 28.76 28.78zm0 5.75a34.53 34.53 0 1 1 34.53-34.53 34.53 34.53 0 0 1-34.53 34.53z' transform='translate(-3.88 -5.15)'/%3E%3Cpath class='cls-1' d='M25.46 25.3a4.32 4.32 0 1 0 4.32 4.32 4.31 4.31 0 0 0-4.31-4.31zm25.9 0a4.32 4.32 0 1 0 4.31 4.33 4.31 4.31 0 0 0-4.31-4.31zm-13 33.37A15.52 15.52 0 0 0 54 43.27v-.13H22.87a15.52 15.52 0 0 0 15.51 15.53z' transform='translate(-3.88 -5.15)'/%3E%3C/svg%3E") no-repeat center;
		background-size: 2rem
	}

	html:not(.light) .comment-tig .comment-more {
		background-color: #303030;
		color: #f4f5f6
	}
}

html.dark:not(.light) .comment,html.dark:not(.light) .post-comment .post-comment-fixed,html.dark:not(.light) .footer .ft {
	background: #000;
	box-shadow: 0 .01rem .5rem 0 rgba(255,255,255,.2)
}

html.dark:not(.light) .footer,html.dark:not(.light) .post-comment textarea {
	background: #000
}

html.dark:not(.light) .post-comment textarea {
	background: #000;
	color: #fff
}

html.dark:not(.light) .post-comment .post-comment-footer .post-comment-btn .pcb-cannel,html.dark:not(.light) .user-mes a .user-name,html.dark:not(.light) .review-footer .review-ft-fr .reply,html.dark:not(.light) .comment .placeholder .review-con .user-review,html.dark:not(.light) .comment .placeholder .review-footer .collapse {
	color: #fff
}

html.dark:not(.light) .footer .ft .ft-item.open-app a {
	color: #f95455;
	border: solid .1rem #f95455
}

html.dark:not(.light) .comment .placeholder .review-con ul,html.dark:not(.light) .comment .placeholder .user .lv {
	background: #1c1c1e
}

html.dark:not(.light) .placeholder .review-con .comment-news-info {
	background: #1c1c1e;
	color: #ccc
}

html.dark:not(.light) .placeholder .review-con .comment-news-info i {
	border-bottom: .57rem solid #1c1c1e
}

html.dark:not(.light) .comment .placeholder .review-con {
	border-bottom: .03rem solid #1d1c1c
}

html.dark:not(.light) .comment .placeholder.main-floor ul .placeholder.deputy-floor {
	border-bottom: .03rem solid #000
}

html.dark:not(.light) .comment .deputy-floor .review-con {
	border-bottom: 0
}

html.dark:not(.light) .emoji-keyboard-bar button.active,html.dark:not(.light) .post-comment .emoji-keyboard .emoji-keyboard-key {
	background-color: #1a1a1a
}

html.dark:not(.light) .pcb-emoji.change-keyboard {
	background: url("data:image/svg+xml,%3Csvg id='_1' data-name='1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 74.83 61.43'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M65.08 8.91H12.59A11.2 11.2 0 0 0 1.42 20.08v39.09a11.19 11.19 0 0 0 11.17 11.17h52.49a11.2 11.2 0 0 0 11.17-11.17V20.08A11.21 11.21 0 0 0 65.08 8.91zm5.59 49.7a5.28 5.28 0 0 1-5.59 5.59H12.59A5.28 5.28 0 0 1 7 58.61V19.52a5.27 5.27 0 0 1 5.59-5.58h52.49a5.28 5.28 0 0 1 5.59 5.58v39.09zm0 0' transform='translate(-1.42 -8.91)'/%3E%3Cpath class='cls-1' d='M16.5 30.13h5.58a2.63 2.63 0 0 0 2.79-2.79 2.63 2.63 0 0 0-2.79-2.79H16.5a2.64 2.64 0 0 0-2.8 2.79 2.64 2.64 0 0 0 2.8 2.79zm0 0M29.34 30.13h5.58a2.64 2.64 0 0 0 2.8-2.79 2.64 2.64 0 0 0-2.8-2.79h-5.58a2.63 2.63 0 0 0-2.79 2.79 3 3 0 0 0 2.79 2.79zm0 0M42.74 30.13h5.59a2.63 2.63 0 0 0 2.79-2.79 3 3 0 0 0-2.79-2.79h-5.59A2.63 2.63 0 0 0 40 27.34a2.63 2.63 0 0 0 2.79 2.79zm0 0M61.17 24.55h-5.58a2.64 2.64 0 0 0-2.8 2.79 2.64 2.64 0 0 0 2.8 2.79h5.58A2.63 2.63 0 0 0 64 27.34a2.63 2.63 0 0 0-2.79-2.79zm0 0M55 49.68H22.64a2.79 2.79 0 0 0 0 5.58H55a2.79 2.79 0 0 0 0-5.58zm0 0M24.87 39.63a2.64 2.64 0 0 0-2.79-2.8H16.5a2.8 2.8 0 1 0 0 5.59h5.58a3 3 0 0 0 2.79-2.79zm0 0M29.34 42.42h5.58a2.8 2.8 0 1 0 0-5.59h-5.58a2.64 2.64 0 0 0-2.79 2.8 3.59 3.59 0 0 0 2.79 2.79zm0 0M42.74 42.42h5.59a2.8 2.8 0 0 0 0-5.59h-5.59a2.64 2.64 0 0 0-2.74 2.8 3 3 0 0 0 2.79 2.79zm0 0M61.17 36.83h-5.58a2.8 2.8 0 1 0 0 5.59h5.58a2.8 2.8 0 0 0 0-5.59zm0 0' transform='translate(-1.42 -8.91)'/%3E%3C/svg%3E") no-repeat center;
	background-size: 2rem
}

html.dark:not(.light) .pcb-emoji,html.dark:not(.light) .pcb-emoji.change-enmoji {
	background: url("data:image/svg+xml,%3Csvg id='_1' data-name='1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 69.06 69.06'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M38.41 68.46A28.78 28.78 0 1 0 9.63 39.68a28.77 28.77 0 0 0 28.76 28.78zm0 5.75a34.53 34.53 0 1 1 34.53-34.53 34.53 34.53 0 0 1-34.53 34.53z' transform='translate(-3.88 -5.15)'/%3E%3Cpath class='cls-1' d='M25.46 25.3a4.32 4.32 0 1 0 4.32 4.32 4.31 4.31 0 0 0-4.31-4.31zm25.9 0a4.32 4.32 0 1 0 4.31 4.33 4.31 4.31 0 0 0-4.31-4.31zm-13 33.37A15.52 15.52 0 0 0 54 43.27v-.13H22.87a15.52 15.52 0 0 0 15.51 15.53z' transform='translate(-3.88 -5.15)'/%3E%3C/svg%3E") no-repeat center;
	background-size: 2rem
}

.user-menu {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	max-width: 640px;
	margin: 0 auto;
	overflow: hidden;
	z-index: 999
}

.user-menu .user-menu-sdk-mask {
	position: absolute;
	top: 0;
	width: 100%;
	height: 123%;
	background-color: rgba(0,0,0,.7);
	cursor: pointer;
	z-index: 78
}

.user-menu .user-menu-box {
	background: #fff;
	position: absolute;
	top: 0;
	right: -80%;
	width: 80%;
	height: 100%;
	z-index: 100;
	overflow: auto;
	display: flex!important;
	flex-direction: column
}

.user-menu .user-menu-box .um {
	padding: 1.5rem;
	z-index: 101
}

.user-menu .user-head {
	cursor: pointer
}

.user-menu .user-head .head-img {
	display: inline-block;
	margin: 0 1.5rem 1rem 0
}

.user-menu .user-head .head-img img {
	border-radius: 50%;
	width: 6.5rem;
	height: 6.5rem
}

.user-menu .user-head .user-info {
	border-radius: .3rem;
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 8rem);
	width: -moz-calc(100% - 8rem)
}

.user-menu .user-head .user-info .user-nick {
	font-size: 1.7rem;
	color: #333;
	line-height: 2.7rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.user-menu .user-head .user-info.gold-vip .user-nick {
	color: #d22222
}

.user-menu .user-head .user-info.gold-vip .user-nick:after {
	content: "";
	margin: -.07rem 0 0 .3rem;
	display: inline-block;
	vertical-align: middle;
	width: 1.5rem;
	height: 1.4rem;
	background: url("data:image/svg+xml,%3Csvg id='_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 115.1 120'%3E%3Cstyle%3E%3C/style%3E%3Cpath d='M54 87.3c.3.3.8.8 1.3 1-.5-.2-1.1-.5-1.3-1' fill='%23ffe27f'/%3E%3Cpath d='M2.5 18.1V53c.1-.9.3-1.8.9-2.6l20.2-29.8c1-1.6 2.9-2.4 4.4-2.4h59c1.8 0 3.4.8 4.5 2.4l20.2 29.6c1.6 2.4 1.3 5.2-.8 7.1l-49.5 48.4c-2.1 2.1-5.2 2.1-7.3 0L4.2 57.5c-1.1-1.1-1.7-2.6-1.7-4.1v54h110V18.1H2.5z' fill='none'/%3E%3Cpath d='M54 105.6c2.1 2.1 5.2 2.1 7.3 0l49.5-48.4c2.1-1.8 2.4-4.7.8-7.1L91.4 20.6c-1-1.6-2.6-2.4-4.5-2.4H28.1c-1.6 0-3.4.8-4.4 2.4L3.5 50.4c-.6.8-.9 1.7-.9 2.6v.3c0 1.5.6 3.1 1.7 4.1L54 105.6zM38.5 62.7c.8 0 1.8.3 2.6 1L57.6 80l17-16.2c.5-.5 1.6-1 2.6-1 3.4 0 5.2 4.5 2.6 6.8L61.6 87.3c-1 1-2.4 1.6-3.7 1.6h-1c-.3 0-.8-.3-1.3-.5-.5-.3-1-.8-1.3-1L35.9 69.5c-2.6-2.6-.8-6.8 2.6-6.8z' fill='%23d22222'/%3E%3C/svg%3E") center no-repeat;
	background-size: 1.5rem
}

.user-menu .user-head .user-info p {
	font-size: 1.2rem;
	color: #aaa
}

.user-menu .user-search {
	width: 100%;
	height: 3rem;
	border-radius: 3rem;
	background-color: #f3f4f5;
	text-align: center;
	cursor: pointer
}

.user-menu .user-search .user-search-tig {
	font-size: 1.4rem;
	color: #969696;
	line-height: 3rem;
	display: inline-block;
	padding-left: 2.7rem;
	height: 3rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M38.83 24.5a14 14 0 1 0-14 14 13.55 13.55 0 0 0 5.7-1.2l4.9 8.5L38 44.3l-4.9-8.5a14 14 0 0 0 5.73-11.3zm-25 0a11 11 0 1 1 11 11 11 11 0 0 1-11-11z' fill='%23666'/%3E%3C/svg%3E") left center no-repeat;
	background-size: 2.3rem 2.3rem
}

.user-menu .user-content .user-column {
	font-size: 1.6rem;
	color: #333;
	width: 100%;
	cursor: pointer
}

.user-menu .user-content .user-column.my-comment:before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M25.33 9.5A15.62 15.62 0 0 1 31 10.6a14.08 14.08 0 0 1 4.6 3 13.72 13.72 0 0 1 1.6 17.9c-.1.2-.2.3-.3.5-2.7 3.8-7 6.1-10.1 7.5-1 .4-1.9.8-2.9 1.1 0-.3-.1-.5-.1-.7a4 4 0 0 0-1.1-2 4.62 4.62 0 0 0-1.5-.9 14 14 0 0 1-4.1-1.9 15.2 15.2 0 0 1-3.2-3 13.68 13.68 0 0 1 1.4-18.3 14.08 14.08 0 0 1 4.6-3 10.54 10.54 0 0 1 5.4-1.3m0-3a17.87 17.87 0 0 0-6.8 1.3 17.63 17.63 0 0 0-5.6 3.7 16.82 16.82 0 0 0-1.6 22.3 17.14 17.14 0 0 0 3.9 3.7 17.53 17.53 0 0 0 5 2.3.71.71 0 0 1 .6.6 8.58 8.58 0 0 1 .2 2.3 11 11 0 0 1-.2 1.8 35.31 35.31 0 0 0 7.2-2.2c3.6-1.5 8.5-4.3 11.6-8.8a.35.35 0 0 1 .1-.2 16.77 16.77 0 0 0-2-21.8 17.63 17.63 0 0 0-5.6-3.7 17.87 17.87 0 0 0-6.77-1.3z' fill='%23666'/%3E%3C/svg%3E") no-repeat center
}

.user-menu .user-content .user-column.my-tie:before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23666%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M27.33 10v5.4a5.53 5.53 0 0 0 4.5 4.5h5.5v20.3a1.67 1.67 0 0 1-1.6 1.7H15a1.85 1.85 0 0 1-1.2-.5 1.66 1.66 0 0 1-.5-1.2V11.7a1.85 1.85 0 0 1 .5-1.2 1.61 1.61 0 0 1 1.1-.5zm4-3h-16.4a4.67 4.67 0 0 0-4.6 4.7v28.5a4.61 4.61 0 0 0 4.6 4.7h20.8a4.63 4.63 0 0 0 4.6-4.8V16zm1 10a2.57 2.57 0 0 1-2-2v-5l7 7z'/%3E%3Cpath class='cls-1' d='M18.33 24h14v3h-14zM18.33 32h14v3h-14z'/%3E%3C/svg%3E") no-repeat center
}

.user-menu .user-content .user-column.my-collect:before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M25.83 9.5l4 8.6v.1a4.88 4.88 0 0 0 3.8 2.7l9.1 1.5-6.3 5.3-.1.1-.1.1a5 5 0 0 0-1.5 4.5l1.5 8.5L28 36.6a4.71 4.71 0 0 0-4.6 0L15.33 41l1.8-8.7a5 5 0 0 0-1.5-4.5l-.1-.1-.1-.1-6.5-5 8.8-1.5a5 5 0 0 0 3.8-2.7zm0-4a2.2 2.2 0 0 0-2 1.2l-4.9 10.1a2.09 2.09 0 0 1-1.6 1.1l-10.6 1.8a2.29 2.29 0 0 0-1.8 1.5 2.22 2.22 0 0 0 .6 2.3l8.2 6.3a2 2 0 0 1 .6 1.8l-2.2 10.6a1.88 1.88 0 0 0 1.1 1.9 2.2 2.2 0 0 0 1.3.4 1.69 1.69 0 0 0 1-.3l9.4-5.2a1.64 1.64 0 0 1 1-.2 3 3 0 0 1 1 .2l9.8 5.2a1.8 1.8 0 0 0 1 .2A2 2 0 0 0 39 44a1.76 1.76 0 0 0 .7-1.9l-1.8-10.4a2 2 0 0 1 .6-1.8l7.7-6.5a2.44 2.44 0 0 0 .6-2.3 2.29 2.29 0 0 0-1.8-1.5l-10.8-1.8a2.09 2.09 0 0 1-1.6-1.1L27.93 6.6a2.41 2.41 0 0 0-1-1c-.4 0-.8-.1-1.1-.1z' fill='%23666'/%3E%3C/svg%3E") no-repeat center
}

.user-menu .user-content .user-column.share-to-fr:before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23666%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M16.83 20l4.6-8.7c.2-.3.6-.4.8-.1l.9.9a.52.52 0 0 1 .2.4v9.1h16.2c.1 0 .2.1.3.2l-2.5 15.4a3.13 3.13 0 0 1-.5 1 1.78 1.78 0 0 1-1 .4h-18.7a.32.32 0 0 1-.3-.3zm4.9-12.5h-.4a2.58 2.58 0 0 0-2 1.5l-5.4 10a.1.1 0 0 1-.1.1v19A3.24 3.24 0 0 0 17 41.4h18.7a4.48 4.48 0 0 0 4.4-3.9l2.5-15.7v-.2a3.24 3.24 0 0 0-3.2-3.3H26.33V12a2.88 2.88 0 0 0-.9-2.1l-1.9-1.8a3.22 3.22 0 0 0-1.8-.6zM9.33 18.5a1.54 1.54 0 0 1 1.5 1.5v20a1.5 1.5 0 0 1-3 0V20a1.54 1.54 0 0 1 1.5-1.5z'/%3E%3C/svg%3E") no-repeat center
}

.user-menu .user-content .user-column.light-dark-set i {
	margin: 0 .5rem;
	cursor: pointer;
	font-style: inherit
}

.user-menu .user-content .user-column.light-dark-set i.active {
	color: #d22222
}

.user-menu .user-content .user-column.light-dark-set:before {
	background: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M512 832c-179.2 0-320-140.8-320-320s140.8-320 320-320 320 140.8 320 320-140.8 320-320 320m0 64c211.2 0 384-172.8 384-384S723.2 128 512 128 128 300.8 128 512s172.8 384 384 384zm288-384c0-160-128-288-288-288v576c160 0 288-128 288-288zm-320 96H243.2c6.4 12.8 12.8 32 19.2 44.8H480V608zm0-192v-44.8H262.4c-6.4 12.8-12.8 32-19.2 44.8H480zm0-115.2V256h-96c-25.6 12.8-44.8 25.6-64 44.8h160zM224 537.6h256v-44.8H224v44.8zm256 185.6H320c19.2 19.2 38.4 32 64 44.8h96v-44.8z' fill='%23666'/%3E%3C/svg%3E") no-repeat center;
	background-size: 2.4rem
}

.user-menu .user-content .user-column.user-set:before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M44.33 26v-3h-3.1a17.27 17.27 0 0 0-1.5-5.5l2.8-1.6L41 13.3l-2.8 1.6a18 18 0 0 0-3.9-3.9l1.6-2.8-2.6-1.5-1.6 2.8a14.39 14.39 0 0 0-5.4-1.4V5h-3v3.1a19.52 19.52 0 0 0-5.4 1.4l-1.6-2.8-2.6 1.5 1.6 2.8a16.05 16.05 0 0 0-3.9 3.9l-2.8-1.6-1.5 2.6 2.8 1.6A16.59 16.59 0 0 0 8.43 23h-3.1v3h3.1a16.69 16.69 0 0 0 1.5 5.4L7.13 33l1.5 2.6 2.7-1.6a18 18 0 0 0 3.9 3.9l-1.5 2.7 2.6 1.5 1.5-2.7a16.69 16.69 0 0 0 5.4 1.5V44h3v-3.1a16 16 0 0 0 5.4-1.5l1.5 2.7 2.6-1.5-1.5-2.7a18 18 0 0 0 3.9-3.9l2.7 1.6 1.5-2.6.1-.1-2.7-1.6a15.37 15.37 0 0 0 1.4-5.3zm-6-1.5a13.71 13.71 0 0 1-1.1 5.4l-8.9-5.1v-.3a3.56 3.56 0 0 0-2-3.2V11a13.7 13.7 0 0 1 12 13.5zm-27 0a13.53 13.53 0 0 1 12-13.4v10.3a3.56 3.56 0 0 0-2 3.2v.3l-8.9 5.1a14.59 14.59 0 0 1-1.1-5.5zM24.83 38A13.44 13.44 0 0 1 14 32.5l8.9-5.1a3.63 3.63 0 0 0 4 0l8.9 5.1A14.12 14.12 0 0 1 24.83 38z' fill='%23666'/%3E%3C/svg%3E") no-repeat center
}

.user-menu .user-content .user-column.user-feed-back:before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23666%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M44.83 40h-38a1.5 1.5 0 1 1 0-3h38a1.5 1.5 0 0 1 0 3z'/%3E%3Cpath class='cls-1' d='M29.63 11.7l11 11-13.7 13.8h-9.7l-6.1-6.1zM7.53 31.1l8.4 8.4h12.2l16-16.1a1 1 0 0 0 0-1.4L30.33 8.2a1 1 0 0 0-1.4 0L7.53 29.7a1 1 0 0 0 0 1.4z'/%3E%3Cpath class='cls-1' d='M10.83 31a1.59 1.59 0 0 1-1.5-1.2 1.56 1.56 0 0 1 1.2-1.8l14.9-2.8 1.9-13.9a1.51 1.51 0 1 1 3 .4l-2 15a1.61 1.61 0 0 1-1.2 1.3l-16 3z'/%3E%3C/svg%3E") no-repeat center
}

.user-menu .user-content .user-column.user-logout:before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23666%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M24.33 44a18 18 0 0 1-.4-36h.9a19 19 0 0 1 8.7 2.2 1.48 1.48 0 0 1-1.4 2.6 15.86 15.86 0 0 0-7.4-1.8h-.8a15 15 0 0 0 .4 30h.4A15.18 15.18 0 0 0 32 39.2a1.48 1.48 0 0 1 1.4 2.6 17.75 17.75 0 0 1-8.7 2.1.6.6 0 0 1-.4.1z'/%3E%3Cpath class='cls-1' d='M43.83 26a1.61 1.61 0 0 0-.5-1.1L34 15.6l-2.1 2.1 6.7 6.7H23.83v3h14.8l-6.8 6.8L34 36.4l9.3-9.3.1-.1a1.53 1.53 0 0 0 .4-1z'/%3E%3C/svg%3E") no-repeat center
}

.user-menu .user-content .user-column:before {
	content: "";
	margin-right: 1.5rem;
	display: inline-block;
	width: 2.4rem;
	height: 2.4rem;
	line-height: 5.5rem;
	background-position: 2.4rem;
	vertical-align: middle
}

.user-menu .user-content .user-focus:focus {
	outline: -webkit-focus-ring-color auto 0;
	outline: 0
}

.user-menu .user-content .user-column span {
	display: inline-block;
	vertical-align: middle;
	height: 5.5rem;
	line-height: 5.5rem;
	border-bottom: .05rem solid #eee;
	width: -moz-calc(100% - 4.7rem);
	width: calc(100% - 4.7rem)
}

.user-menu .user-page-type {
	text-align: center;
	width: 100%;
	margin: 3rem 0
}

.user-menu .user-page-type .page-type-box {
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 8px 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: fit-content;
    max-width: 100%;}
}

.user-menu .user-page-type .active {
	color: #d22222
}

.user-menu .user-page-type .page-type-box span a {
	margin: 1rem;
	line-height: 3.5rem;
	font-size: 1.6rem;
	color: #333;
}

.user-menu .user-page-type span a {
	margin: .5rem .6rem;
	font-size: 1.6rem;
}

.user-menu .user-page-type .active {
	color: #d22222
}

.bs-switchs-tip-box {
	position: absolute;
	top: 0;
	width: 100%;
	height: 10rem;
	overflow: hidden;
	max-width: 640px;
	margin: 0 auto
}

.bs-switchs-tip-box .bs-switchs-tip-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 700;
	cursor: pointer;
	overflow: hidden
}

#bs-switchs-tip {
	width: 10rem;
	height: 10rem;
	position: absolute;
	top: -.2rem;
	right: 1rem;
	z-index: 703;
	cursor: pointer
}

@media(prefers-color-scheme:dark) {
	html:not(.light) .user-menu .user-menu-box {
		background: #000;
		color: #fff
	}

	html:not(.light) .user-menu .user-head .user-info .user-nick,html:not(.light) .user-menu .user-content .user-column {
		color: #fff
	}

	html:not(.light) .user-menu .user-content .user-column.light-dark-set i.active,html:not(.light) .user-menu .user-head .user-info.gold-vip .user-nick,html:not(.light) .user-menu .user-page-type .active {
		color: #f95455
	}

	html:not(.light) .user-menu .user-search {
		background: #1c1c1e
	}
	
	html:not(.light) .user-menu .user-content .user-column.my-comment:before {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M25.33 9.5A15.62 15.62 0 0 1 31 10.6a14.08 14.08 0 0 1 4.6 3 13.72 13.72 0 0 1 1.6 17.9c-.1.2-.2.3-.3.5-2.7 3.8-7 6.1-10.1 7.5-1 .4-1.9.8-2.9 1.1 0-.3-.1-.5-.1-.7a4 4 0 0 0-1.1-2 4.62 4.62 0 0 0-1.5-.9 14 14 0 0 1-4.1-1.9 15.2 15.2 0 0 1-3.2-3 13.68 13.68 0 0 1 1.4-18.3 14.08 14.08 0 0 1 4.6-3 10.54 10.54 0 0 1 5.4-1.3m0-3a17.87 17.87 0 0 0-6.8 1.3 17.63 17.63 0 0 0-5.6 3.7 16.82 16.82 0 0 0-1.6 22.3 17.14 17.14 0 0 0 3.9 3.7 17.53 17.53 0 0 0 5 2.3.71.71 0 0 1 .6.6 8.58 8.58 0 0 1 .2 2.3 11 11 0 0 1-.2 1.8 35.31 35.31 0 0 0 7.2-2.2c3.6-1.5 8.5-4.3 11.6-8.8a.35.35 0 0 1 .1-.2 16.77 16.77 0 0 0-2-21.8 17.63 17.63 0 0 0-5.6-3.7 17.87 17.87 0 0 0-6.77-1.3z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center
	}

	html:not(.light) .user-menu .user-content .user-column.my-tie:before {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M27.33 10v5.4a5.53 5.53 0 0 0 4.5 4.5h5.5v20.3a1.67 1.67 0 0 1-1.6 1.7H15a1.85 1.85 0 0 1-1.2-.5 1.66 1.66 0 0 1-.5-1.2V11.7a1.85 1.85 0 0 1 .5-1.2 1.61 1.61 0 0 1 1.1-.5zm4-3h-16.4a4.67 4.67 0 0 0-4.6 4.7v28.5a4.61 4.61 0 0 0 4.6 4.7h20.8a4.63 4.63 0 0 0 4.6-4.8V16zm1 10a2.57 2.57 0 0 1-2-2v-5l7 7z'/%3E%3Cpath class='cls-1' d='M18.33 24h14v3h-14zM18.33 32h14v3h-14z'/%3E%3C/svg%3E") no-repeat center
	}

	html:not(.light) .user-menu .user-content .user-column.my-collect:before {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M25.83 9.5l4 8.6v.1a4.88 4.88 0 0 0 3.8 2.7l9.1 1.5-6.3 5.3-.1.1-.1.1a5 5 0 0 0-1.5 4.5l1.5 8.5L28 36.6a4.71 4.71 0 0 0-4.6 0L15.33 41l1.8-8.7a5 5 0 0 0-1.5-4.5l-.1-.1-.1-.1-6.5-5 8.8-1.5a5 5 0 0 0 3.8-2.7zm0-4a2.2 2.2 0 0 0-2 1.2l-4.9 10.1a2.09 2.09 0 0 1-1.6 1.1l-10.6 1.8a2.29 2.29 0 0 0-1.8 1.5 2.22 2.22 0 0 0 .6 2.3l8.2 6.3a2 2 0 0 1 .6 1.8l-2.2 10.6a1.88 1.88 0 0 0 1.1 1.9 2.2 2.2 0 0 0 1.3.4 1.69 1.69 0 0 0 1-.3l9.4-5.2a1.64 1.64 0 0 1 1-.2 3 3 0 0 1 1 .2l9.8 5.2a1.8 1.8 0 0 0 1 .2A2 2 0 0 0 39 44a1.76 1.76 0 0 0 .7-1.9l-1.8-10.4a2 2 0 0 1 .6-1.8l7.7-6.5a2.44 2.44 0 0 0 .6-2.3 2.29 2.29 0 0 0-1.8-1.5l-10.8-1.8a2.09 2.09 0 0 1-1.6-1.1L27.93 6.6a2.41 2.41 0 0 0-1-1c-.4 0-.8-.1-1.1-.1z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center
	}

	html:not(.light) .user-menu .user-content .user-column.share-to-fr:before {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M16.83 20l4.6-8.7c.2-.3.6-.4.8-.1l.9.9a.52.52 0 0 1 .2.4v9.1h16.2c.1 0 .2.1.3.2l-2.5 15.4a3.13 3.13 0 0 1-.5 1 1.78 1.78 0 0 1-1 .4h-18.7a.32.32 0 0 1-.3-.3zm4.9-12.5h-.4a2.58 2.58 0 0 0-2 1.5l-5.4 10a.1.1 0 0 1-.1.1v19A3.24 3.24 0 0 0 17 41.4h18.7a4.48 4.48 0 0 0 4.4-3.9l2.5-15.7v-.2a3.24 3.24 0 0 0-3.2-3.3H26.33V12a2.88 2.88 0 0 0-.9-2.1l-1.9-1.8a3.22 3.22 0 0 0-1.8-.6zM9.33 18.5a1.54 1.54 0 0 1 1.5 1.5v20a1.5 1.5 0 0 1-3 0V20a1.54 1.54 0 0 1 1.5-1.5z'/%3E%3C/svg%3E") no-repeat center
	}

	html:not(.light) .user-menu .user-content .user-column.light-dark-set:before {
		background: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M512 832c-179.2 0-320-140.8-320-320s140.8-320 320-320 320 140.8 320 320-140.8 320-320 320m0 64c211.2 0 384-172.8 384-384S723.2 128 512 128 128 300.8 128 512s172.8 384 384 384zm288-384c0-160-128-288-288-288v576c160 0 288-128 288-288zm-320 96H243.2c6.4 12.8 12.8 32 19.2 44.8H480V608zm0-192v-44.8H262.4c-6.4 12.8-12.8 32-19.2 44.8H480zm0-115.2V256h-96c-25.6 12.8-44.8 25.6-64 44.8h160zM224 537.6h256v-44.8H224v44.8zm256 185.6H320c19.2 19.2 38.4 32 64 44.8h96v-44.8z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
		background-size: 2.4rem
	}

	html:not(.light) .user-menu .user-content .user-column.user-set:before {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M44.33 26v-3h-3.1a17.27 17.27 0 0 0-1.5-5.5l2.8-1.6L41 13.3l-2.8 1.6a18 18 0 0 0-3.9-3.9l1.6-2.8-2.6-1.5-1.6 2.8a14.39 14.39 0 0 0-5.4-1.4V5h-3v3.1a19.52 19.52 0 0 0-5.4 1.4l-1.6-2.8-2.6 1.5 1.6 2.8a16.05 16.05 0 0 0-3.9 3.9l-2.8-1.6-1.5 2.6 2.8 1.6A16.59 16.59 0 0 0 8.43 23h-3.1v3h3.1a16.69 16.69 0 0 0 1.5 5.4L7.13 33l1.5 2.6 2.7-1.6a18 18 0 0 0 3.9 3.9l-1.5 2.7 2.6 1.5 1.5-2.7a16.69 16.69 0 0 0 5.4 1.5V44h3v-3.1a16 16 0 0 0 5.4-1.5l1.5 2.7 2.6-1.5-1.5-2.7a18 18 0 0 0 3.9-3.9l2.7 1.6 1.5-2.6.1-.1-2.7-1.6a15.37 15.37 0 0 0 1.4-5.3zm-6-1.5a13.71 13.71 0 0 1-1.1 5.4l-8.9-5.1v-.3a3.56 3.56 0 0 0-2-3.2V11a13.7 13.7 0 0 1 12 13.5zm-27 0a13.53 13.53 0 0 1 12-13.4v10.3a3.56 3.56 0 0 0-2 3.2v.3l-8.9 5.1a14.59 14.59 0 0 1-1.1-5.5zM24.83 38A13.44 13.44 0 0 1 14 32.5l8.9-5.1a3.63 3.63 0 0 0 4 0l8.9 5.1A14.12 14.12 0 0 1 24.83 38z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center
	}

	html:not(.light) .user-menu .user-content .user-column.user-feed-back:before {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M44.83 40h-38a1.5 1.5 0 1 1 0-3h38a1.5 1.5 0 0 1 0 3z'/%3E%3Cpath class='cls-1' d='M29.63 11.7l11 11-13.7 13.8h-9.7l-6.1-6.1zM7.53 31.1l8.4 8.4h12.2l16-16.1a1 1 0 0 0 0-1.4L30.33 8.2a1 1 0 0 0-1.4 0L7.53 29.7a1 1 0 0 0 0 1.4z'/%3E%3Cpath class='cls-1' d='M10.83 31a1.59 1.59 0 0 1-1.5-1.2 1.56 1.56 0 0 1 1.2-1.8l14.9-2.8 1.9-13.9a1.51 1.51 0 1 1 3 .4l-2 15a1.61 1.61 0 0 1-1.2 1.3l-16 3z'/%3E%3C/svg%3E") no-repeat center
	}

	html:not(.light) .user-menu .user-content .user-column.user-logout:before {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M24.33 44a18 18 0 0 1-.4-36h.9a19 19 0 0 1 8.7 2.2 1.48 1.48 0 0 1-1.4 2.6 15.86 15.86 0 0 0-7.4-1.8h-.8a15 15 0 0 0 .4 30h.4A15.18 15.18 0 0 0 32 39.2a1.48 1.48 0 0 1 1.4 2.6 17.75 17.75 0 0 1-8.7 2.1.6.6 0 0 1-.4.1z'/%3E%3Cpath class='cls-1' d='M43.83 26a1.61 1.61 0 0 0-.5-1.1L34 15.6l-2.1 2.1 6.7 6.7H23.83v3h14.8l-6.8 6.8L34 36.4l9.3-9.3.1-.1a1.53 1.53 0 0 0 .4-1z'/%3E%3C/svg%3E") no-repeat center
	}

	html:not(.light) .user-menu .user-content .user-column:before {
		content: "";
		margin-right: 1.5rem;
		display: inline-block;
		width: 2.4rem;
		height: 2.4rem;
		line-height: 5.5rem;
		background-position: 2.4rem;
		vertical-align: middle
	}

	html:not(.light) .user-menu .user-page-type span {
		color: #969696
	}
	
	html:not(.light) .user-menu .user-page-type .page-type-box span a {
		margin:1rem;line-height:3.5rem;font-size:1.6rem;color:#fff
	}
}

html.dark:not(.light) .user-menu .user-menu-box {
	background: #000;
	color: #fff
}

html.dark:not(.light) .user-menu .user-head .user-info .user-nick,html.dark:not(.light) .user-menu .user-content .user-column {
	color: #fff
}

html.dark:not(.light) .user-menu .user-content .user-column.light-dark-set i.active,html.dark:not(.light) .user-menu .user-head .user-info.gold-vip .user-nick,html.dark:not(.light) .user-menu .user-page-type .active {
	color: #f95455
}

html.dark:not(.light) .user-menu .user-search {
	background: #1c1c1e
}

html.dark:not(.light) .user-menu .user-content .user-column.my-comment:before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M25.33 9.5A15.62 15.62 0 0 1 31 10.6a14.08 14.08 0 0 1 4.6 3 13.72 13.72 0 0 1 1.6 17.9c-.1.2-.2.3-.3.5-2.7 3.8-7 6.1-10.1 7.5-1 .4-1.9.8-2.9 1.1 0-.3-.1-.5-.1-.7a4 4 0 0 0-1.1-2 4.62 4.62 0 0 0-1.5-.9 14 14 0 0 1-4.1-1.9 15.2 15.2 0 0 1-3.2-3 13.68 13.68 0 0 1 1.4-18.3 14.08 14.08 0 0 1 4.6-3 10.54 10.54 0 0 1 5.4-1.3m0-3a17.87 17.87 0 0 0-6.8 1.3 17.63 17.63 0 0 0-5.6 3.7 16.82 16.82 0 0 0-1.6 22.3 17.14 17.14 0 0 0 3.9 3.7 17.53 17.53 0 0 0 5 2.3.71.71 0 0 1 .6.6 8.58 8.58 0 0 1 .2 2.3 11 11 0 0 1-.2 1.8 35.31 35.31 0 0 0 7.2-2.2c3.6-1.5 8.5-4.3 11.6-8.8a.35.35 0 0 1 .1-.2 16.77 16.77 0 0 0-2-21.8 17.63 17.63 0 0 0-5.6-3.7 17.87 17.87 0 0 0-6.77-1.3z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center
}

html.dark:not(.light) .user-menu .user-content .user-column.my-tie:before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M27.33 10v5.4a5.53 5.53 0 0 0 4.5 4.5h5.5v20.3a1.67 1.67 0 0 1-1.6 1.7H15a1.85 1.85 0 0 1-1.2-.5 1.66 1.66 0 0 1-.5-1.2V11.7a1.85 1.85 0 0 1 .5-1.2 1.61 1.61 0 0 1 1.1-.5zm4-3h-16.4a4.67 4.67 0 0 0-4.6 4.7v28.5a4.61 4.61 0 0 0 4.6 4.7h20.8a4.63 4.63 0 0 0 4.6-4.8V16zm1 10a2.57 2.57 0 0 1-2-2v-5l7 7z'/%3E%3Cpath class='cls-1' d='M18.33 24h14v3h-14zM18.33 32h14v3h-14z'/%3E%3C/svg%3E") no-repeat center
}

html.dark:not(.light) .user-menu .user-content .user-column.my-collect:before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M25.83 9.5l4 8.6v.1a4.88 4.88 0 0 0 3.8 2.7l9.1 1.5-6.3 5.3-.1.1-.1.1a5 5 0 0 0-1.5 4.5l1.5 8.5L28 36.6a4.71 4.71 0 0 0-4.6 0L15.33 41l1.8-8.7a5 5 0 0 0-1.5-4.5l-.1-.1-.1-.1-6.5-5 8.8-1.5a5 5 0 0 0 3.8-2.7zm0-4a2.2 2.2 0 0 0-2 1.2l-4.9 10.1a2.09 2.09 0 0 1-1.6 1.1l-10.6 1.8a2.29 2.29 0 0 0-1.8 1.5 2.22 2.22 0 0 0 .6 2.3l8.2 6.3a2 2 0 0 1 .6 1.8l-2.2 10.6a1.88 1.88 0 0 0 1.1 1.9 2.2 2.2 0 0 0 1.3.4 1.69 1.69 0 0 0 1-.3l9.4-5.2a1.64 1.64 0 0 1 1-.2 3 3 0 0 1 1 .2l9.8 5.2a1.8 1.8 0 0 0 1 .2A2 2 0 0 0 39 44a1.76 1.76 0 0 0 .7-1.9l-1.8-10.4a2 2 0 0 1 .6-1.8l7.7-6.5a2.44 2.44 0 0 0 .6-2.3 2.29 2.29 0 0 0-1.8-1.5l-10.8-1.8a2.09 2.09 0 0 1-1.6-1.1L27.93 6.6a2.41 2.41 0 0 0-1-1c-.4 0-.8-.1-1.1-.1z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center
}

html.dark:not(.light) .user-menu .user-content .user-column.share-to-fr:before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M16.83 20l4.6-8.7c.2-.3.6-.4.8-.1l.9.9a.52.52 0 0 1 .2.4v9.1h16.2c.1 0 .2.1.3.2l-2.5 15.4a3.13 3.13 0 0 1-.5 1 1.78 1.78 0 0 1-1 .4h-18.7a.32.32 0 0 1-.3-.3zm4.9-12.5h-.4a2.58 2.58 0 0 0-2 1.5l-5.4 10a.1.1 0 0 1-.1.1v19A3.24 3.24 0 0 0 17 41.4h18.7a4.48 4.48 0 0 0 4.4-3.9l2.5-15.7v-.2a3.24 3.24 0 0 0-3.2-3.3H26.33V12a2.88 2.88 0 0 0-.9-2.1l-1.9-1.8a3.22 3.22 0 0 0-1.8-.6zM9.33 18.5a1.54 1.54 0 0 1 1.5 1.5v20a1.5 1.5 0 0 1-3 0V20a1.54 1.54 0 0 1 1.5-1.5z'/%3E%3C/svg%3E") no-repeat center
}

html.dark:not(.light) .user-menu .user-content .user-column.light-dark-set:before {
	background: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M512 832c-179.2 0-320-140.8-320-320s140.8-320 320-320 320 140.8 320 320-140.8 320-320 320m0 64c211.2 0 384-172.8 384-384S723.2 128 512 128 128 300.8 128 512s172.8 384 384 384zm288-384c0-160-128-288-288-288v576c160 0 288-128 288-288zm-320 96H243.2c6.4 12.8 12.8 32 19.2 44.8H480V608zm0-192v-44.8H262.4c-6.4 12.8-12.8 32-19.2 44.8H480zm0-115.2V256h-96c-25.6 12.8-44.8 25.6-64 44.8h160zM224 537.6h256v-44.8H224v44.8zm256 185.6H320c19.2 19.2 38.4 32 64 44.8h96v-44.8z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
	background-size: 2.4rem
}

html.dark:not(.light) .user-menu .user-content .user-column.user-set:before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M44.33 26v-3h-3.1a17.27 17.27 0 0 0-1.5-5.5l2.8-1.6L41 13.3l-2.8 1.6a18 18 0 0 0-3.9-3.9l1.6-2.8-2.6-1.5-1.6 2.8a14.39 14.39 0 0 0-5.4-1.4V5h-3v3.1a19.52 19.52 0 0 0-5.4 1.4l-1.6-2.8-2.6 1.5 1.6 2.8a16.05 16.05 0 0 0-3.9 3.9l-2.8-1.6-1.5 2.6 2.8 1.6A16.59 16.59 0 0 0 8.43 23h-3.1v3h3.1a16.69 16.69 0 0 0 1.5 5.4L7.13 33l1.5 2.6 2.7-1.6a18 18 0 0 0 3.9 3.9l-1.5 2.7 2.6 1.5 1.5-2.7a16.69 16.69 0 0 0 5.4 1.5V44h3v-3.1a16 16 0 0 0 5.4-1.5l1.5 2.7 2.6-1.5-1.5-2.7a18 18 0 0 0 3.9-3.9l2.7 1.6 1.5-2.6.1-.1-2.7-1.6a15.37 15.37 0 0 0 1.4-5.3zm-6-1.5a13.71 13.71 0 0 1-1.1 5.4l-8.9-5.1v-.3a3.56 3.56 0 0 0-2-3.2V11a13.7 13.7 0 0 1 12 13.5zm-27 0a13.53 13.53 0 0 1 12-13.4v10.3a3.56 3.56 0 0 0-2 3.2v.3l-8.9 5.1a14.59 14.59 0 0 1-1.1-5.5zM24.83 38A13.44 13.44 0 0 1 14 32.5l8.9-5.1a3.63 3.63 0 0 0 4 0l8.9 5.1A14.12 14.12 0 0 1 24.83 38z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center
}

html.dark:not(.light) .user-menu .user-content .user-column.user-feed-back:before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M44.83 40h-38a1.5 1.5 0 1 1 0-3h38a1.5 1.5 0 0 1 0 3z'/%3E%3Cpath class='cls-1' d='M29.63 11.7l11 11-13.7 13.8h-9.7l-6.1-6.1zM7.53 31.1l8.4 8.4h12.2l16-16.1a1 1 0 0 0 0-1.4L30.33 8.2a1 1 0 0 0-1.4 0L7.53 29.7a1 1 0 0 0 0 1.4z'/%3E%3Cpath class='cls-1' d='M10.83 31a1.59 1.59 0 0 1-1.5-1.2 1.56 1.56 0 0 1 1.2-1.8l14.9-2.8 1.9-13.9a1.51 1.51 0 1 1 3 .4l-2 15a1.61 1.61 0 0 1-1.2 1.3l-16 3z'/%3E%3C/svg%3E") no-repeat center
}

html.dark:not(.light) .user-menu .user-content .user-column.user-logout:before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M24.33 44a18 18 0 0 1-.4-36h.9a19 19 0 0 1 8.7 2.2 1.48 1.48 0 0 1-1.4 2.6 15.86 15.86 0 0 0-7.4-1.8h-.8a15 15 0 0 0 .4 30h.4A15.18 15.18 0 0 0 32 39.2a1.48 1.48 0 0 1 1.4 2.6 17.75 17.75 0 0 1-8.7 2.1.6.6 0 0 1-.4.1z'/%3E%3Cpath class='cls-1' d='M43.83 26a1.61 1.61 0 0 0-.5-1.1L34 15.6l-2.1 2.1 6.7 6.7H23.83v3h14.8l-6.8 6.8L34 36.4l9.3-9.3.1-.1a1.53 1.53 0 0 0 .4-1z'/%3E%3C/svg%3E") no-repeat center
}

html.dark:not(.light) .user-menu .user-content .user-column:before {
	content: "";
	margin-right: 1.5rem;
	display: inline-block;
	width: 2.4rem;
	height: 2.4rem;
	line-height: 5.5rem;
	background-position: 2.4rem;
	vertical-align: middle
}
	
.index-box {
    background: #fff
}

.head,.content {
    background: #fff
}

.head .hd {
    position: relative;
    height: 4rem;
    line-height: 4rem;
    text-align: center
}

.head .hd.shadow {
    box-shadow: 0 .3rem .4rem 0 rgba(0,0,0,.05)
}

.head .hd .brand-column {
    display: inline-block
}

.hd .brand-column {
    position: absolute;
    top: 0;
    right: 0
}

.head .hd .brand-column {
    height: 4.4rem;
    display: inline-block;
    line-height: 4.4rem
}

.head .hd .brand-column .brand-column-lapin {
    color: #333;
    padding-left: 4.4rem;
    margin-top: .15rem;
    margin-left: 1rem;
    background: url("https://img.zhijiancq.com/app/zuihuimai/logo.svg") left center no-repeat;
    background-size: 4.5rem 1.8rem!important
}

.head .hd .brand-column .brand-column-quan {
    color: #333;
    padding-left: 2.4rem;
    margin-left: 1rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M23 12.5h.4a12.21 12.21 0 0 1 11.8 11.7 10.75 10.75 0 0 1-.5 4 7.84 7.84 0 0 1-.9 2.1 6.84 6.84 0 0 0-.7 4l.1.6-.4-.1c-.3 0-.7-.1-1-.1a7.22 7.22 0 0 0-3.2.8l-2.1.9a13.45 13.45 0 0 1-3.5.5h-.6a12.27 12.27 0 0 1-11.6-11.8 12 12 0 0 1 3.3-8.7 12.22 12.22 0 0 1 8.5-3.8c.1-.1.2-.1.4-.1m0-3h-.5a15.21 15.21 0 0 0-.1 30.4h.7a13.08 13.08 0 0 0 4.4-.7 12 12 0 0 0 2.6-1.1 3.92 3.92 0 0 1 1.8-.4h.6l3.8.6h.1c.2 0 .3-.2.3-.4l-.4-4a3.66 3.66 0 0 1 .4-2.3 20.29 20.29 0 0 0 1.1-2.6 14 14 0 0 0 .6-5A15.31 15.31 0 0 0 23.73 9.5z'/%3E%3Cpath class='cls-1' d='M23 35.1a9.47 9.47 0 0 1-7.6-3.8 1.3 1.3 0 0 1 .4-1.8 1.21 1.21 0 0 1 1.5.3 7.25 7.25 0 0 0 9.2 1.9 7.94 7.94 0 0 0 2.2-1.9 1.12 1.12 0 0 1 1.5-.3 1.3 1.3 0 0 1 .4 1.8 9.47 9.47 0 0 1-7.6 3.8z'/%3E%3C/svg%3E")left center no-repeat
}

.head .hd .brand-column .brand-column-item {
    height: 4.4rem;
    line-height: 4.4rem;
    cursor: pointer;
    font-size: 1.45rem;
    vertical-align: middle;
    background-size: 2.4rem 2.4rem;
    display: inline-block
}

.head .hd .brand-column .brand-column-user-btn, .head .hd .brand-column .brand-column-user-btn-y {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M4.33 9v3h12.3a12.88 12.88 0 0 1 2.2-3zM4.33 24v3h11c-.3-1-.6-2-.8-3zM46.33 21a14 14 0 1 0-14 14A13.55 13.55 0 0 0 38 33.8l4.9 8.5 2.6-1.5-4.9-8.5A14 14 0 0 0 46.33 21zm-25 0a11 11 0 1 1 11 11 11 11 0 0 1-11-11z'/%3E%3Cpath class='cls-1' d='M4.33 38h31v3h-31z'/%3E%3C/svg%3E") no-repeat;
    width: 4.4rem;
    background-position: center center;
    background-size: 2.4rem 2.4rem;
    margin-right: .7rem
}

.head .hd .zhijiancq-logo {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: .5rem;
    width: 8.8rem;
    height: 4.4rem
}

.head .hd .zhijiancq-logo img {
    width: 5.8rem;
    height: 2.9rem
}

.tab,.tab .tab-box,.tab .tab-box .hd-tab,.tab .tab-box .hd-tab .swiper-container {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.head .tab .tab-box {
    z-index: 12;
    width: 100%
}

.head .tab .tab-box.shadow {
    box-shadow: 0 .3rem .4rem 0 rgba(0,0,0,.05)
}

.head .fixed {
    position: fixed;
    top: -.1rem;
    max-width: 640px;
    margin: 0 auto
}

.head .hd-tab {
    width: 100%;
    font-size: 1.5rem;
    text-align: center;
    position: relative;
    background-color: #fff;
    height: 3.7rem
}

.head .hd-tab .swiper-slide {
    position: relative;
    width: auto;
    padding: .7rem 0;
    margin: 0 .28rem 0 2rem;
    text-align: center;
    cursor: pointer
}

.head .hd-tab .swiper-slide span {
    vertical-align: middle
}

.head .hd-tab .swiper-slide.active:after {
    content: "";
    position: absolute;
    height: .3rem;
    border-radius: 3rem;
    background: #d22222;
    width: 1rem;
    bottom: .07rem;
    left: 0;
    right: 0;
    margin: 0 auto
}

.head .hd-tab .swiper-wrapper .active {
    color: #d22222;
    font-size: 1.6rem;
}

.head .hd-tab .arrow {
    width: 4.8rem;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 23;
    position: absolute;
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M25.43 35.6a2.1 2.1 0 0 1-1.1-.4l-15-15a1.48 1.48 0 1 1 2.1-2.1l14 13.9 14-14a1.48 1.48 0 1 1 2.1 2.1l-15 15a1.27 1.27 0 0 1-1.1.5z' fill='%23333'/%3E%3C/svg%3E") .7rem center no-repeat;
    background-size: 2.4rem 2.4rem;
    background-color: #fff
}

.head .tab-box .rank-tab {
    background-color: #fff;
    width: 100%;
    height: 4.5rem;
    display: flex;
    align-items: center
}

.head .tab-box .rank-tab .rank-swiper-container {
    vertical-align: middle;
    overflow: hidden
}

.head .tab-box .rank-tab .rank-swiper-container .swiper-wrapper .swiper-slide {
    width: auto;
    margin: 0 .85rem;
    text-align: center;
    cursor: pointer;
    width: 7rem;
    height: 3rem;
    line-height: 3rem;
    background: #f2f3f4;
    border-radius: 1.5rem;
    font-size: 1.4rem;
    color: #333
}

.head .tab-box .rank-tab .rank-swiper-container .swiper-wrapper .active {
    background-image: linear-gradient(135deg,#f56969 0%,#ea2727 100%);
    color: #fff
}

.head .edit-tab {
    font-size: 1.5rem;
    display: none;
    background-color: #fff
}

.head .edit-tab .my-hd .my-tag,.edit-tab .more-hd .more-tag {
    color: #999
}

.head .edit-tab .my-hd .my-hd-title,.edit-tab .more-hd .more-hd-title {
    padding-left: 1rem
}

.head .edit-tab .my-hd,.edit-tab .more-hd {
    position: relative;
	margin-top: 8px;
    line-height: 3rem
}

.head .edit-tab .my-hd .arrow {
    display: inline-block;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    width: 4.7rem;
    height: 3rem;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M25.43 35.6a2.1 2.1 0 0 1-1.1-.4l-15-15a1.48 1.48 0 1 1 2.1-2.1l14 13.9 14-14a1.48 1.48 0 1 1 2.1 2.1l-15 15a1.27 1.27 0 0 1-1.1.5z' fill='%23333'/%3E%3C/svg%3E") .7rem center no-repeat;
    background-size: 2.4rem 2.4rem;
    background-color: #fff
}

.head .edit-tab .my-hd .arrow img {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.head .edit-tab .my-tab-box {
    padding: .23rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start
}

.head .edit-tab .my-tab-box button {
    display: inline-block;
    line-height: 2.7rem;
    border: solid .1rem #ddd;
    border-radius: 3rem;
    cursor: pointer;
    font-size: 1.4rem;
	color: #333;
    text-align: center;
    margin: .6rem .9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: .2rem 1.1rem
}

.banner {
    overflow: hidden;
    position: relative;
    margin: .7rem 2rem
}

.banner-swiper-container .swiper-slide {
    cursor: pointer;
    border-radius: .37rem
}

.banner-swiper-container .swiper-slide a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 40%;
    overflow: hidden
}

.banner-swiper-container .swiper-slide a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .37rem
}

.banner .swiper-pagination {
    width: 100%;
    margin-top: -1.7rem
}

.banner .swiper-pagination .swiper-pagination-bullet {
    width: .5rem;
    height: .5rem;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    margin: 0 .3rem;
    opacity: .9
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
    width: 1rem;
    border-radius: .2rem
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #d22222
}

.banner-swiper-container .swiper-slide a .slide-title {
    display: none
}

.load-tig {
    width: 100%;
    text-align: center;
    padding-bottom: 1rem
}

.speedy .banner-swiper-container .swiper-slide {
    vertical-align: middle;
    text-align: center;
    height: 7rem;
    font-size: 1.5rem;
    margin: .3rem 0;
    box-shadow: 0 0 .5rem 0 rgba(0,0,0,.1)
}

.speedy .banner-swiper-container .swiper-slide .slide-title {
    padding: 0 2rem;
    top: 1.67rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    font-size: 1.6rem
}

.speedy .banner .swiper-pagination .swiper-pagination-bullet {
    background: #e4e4e4
}

.speedy .banner .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #d22222
}

.news-tc h1 {
    margin: 1.7rem 0 0 1.5rem;
    font-weight: 700;
    font-size: 1.7rem
}

.content {
    position: relative;
    padding: 0 2rem;
    margin-top: .6rem
}

.rank {
	padding: 0 2rem 2rem 2rem
}

.rank-name {
	margin-top: 3rem;
	padding: 0 0 0 2.4rem;
	height: 1.7rem;
	font-size: 1.7rem;
	line-height: 1.7rem;
	color: #333;
	background: url(../images/rank.png) left center no-repeat;
	background-size: 2.4rem 2.4rem
}

.rank-name a {font-size: 1.7rem; color: #333;}

.rank-box .placeholder {
	margin: 2rem 0
}

body:not(.b-speedy) .placeholder:not(.lapin-plc) .plc-title:before {
    content: ' ';
    display: inline-block;
    width: 0rem
}

.rank-box .placeholder .plc-image {
    position: relative
}

.rank-box .placeholder .rank-num {
    position: absolute;
    top: .7rem;
    left: .3rem;
    z-index: 1;
    font-size: 1.12rem;
    color: #fff;
    width: 1.8rem;
    height: 1.75rem;
    line-height: 1.75rem;
    display: inline-block;
    text-align: center;
	background: url(../images/rank-other.png) no-repeat;
	background-size: 1.8rem 1.75rem;
	vertical-align: bottom
}

.rank .rank-box .placeholder:nth-child(1) .rank-num {
	background: url(../images/rank-gold.png) no-repeat;
	background-size: 1.8rem 1.75rem
}

.rank .rank-box .placeholder:nth-child(2) .rank-num {
	background: url(../images/rank-silver.png) no-repeat;
	background-size: 1.8rem 1.75rem
}

.rank .rank-box .placeholder:nth-child(3) .rank-num {
	background: url(../images/rank-copper.png) no-repeat;
	background-size: 1.8rem 1.75rem
}

.speedy .rank .rank-box .placeholder .rank-num {
	position: unset
}

.join-hot-comment ul li {
	position: relative;
	margin: 1rem 0
}

.join-hot-comment ul li .jhc-fl {
	position: absolute;
	top: .8rem;
	left: 0;
	width: 4rem;
	text-align: center;
	font-size: 1.4rem;
	color: #999;
	height: 3rem;
	line-height: 3rem
}

.join-hot-comment ul li .jhc-fr {
	margin: 0 2rem 0 4rem;
	border-bottom: solid .1rem #eee
}

.join-hot-comment ul li .jhc-fr .jhc-head .head-img {
	width: 3rem;
	height: 3rem;
	display: inline-block;
	margin-right: .7rem
}

.join-hot-comment ul li .jhc-fr .jhc-head .head-img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: url(../images/noavatar.png)no-repeat center;
	background-size: 3rem
}

.join-hot-comment ul li .jhc-fr .jhc-head .user-mes {
	display: inline-block;
	position: relative;
	top: .9rem;
	line-height: 1.56rem
}

.join-hot-comment ul li .jhc-fr .jhc-head .user-mes .user-name {
	color: #333;
	font-size: 1.2rem;
	margin-right: .1rem
}

.join-hot-comment ul li .jhc-fr .jhc-head .user-mes .user-ip {
	font-size: 1rem;
	color: #999
}

.join-hot-comment ul li .jhc-fr>a {
	display: block
}

.join-hot-comment ul li .jhc-fr .jhc-content {
	font-size: 1.5rem;
	line-height: 2.25rem;
	letter-spacing: 0;
	color: #333;
	margin: 1.4rem 0;
	cursor: pointer;
	word-wrap: break-word;
	word-break: break-all;
	white-space: pre-wrap
}

.join-hot-comment ul li .jhc-fr .jhc-news {
	background-color: #f4f5f6;
	font-size: 1.2rem;
	color: #666;
	padding: .5rem;
	position: relative;
	line-height: 1.45rem
}

.join-hot-comment ul li .jhc-fr .jhc-news i {
	width: 0;
	height: 0;
	border-left: .57rem solid transparent;
	border-right: .57rem solid transparent;
	border-bottom: .57rem solid #f4f5f6;
	position: absolute;
	top: -.57rem;
	left: 1rem
}

.join-hot-comment ul li .jhc-fr .review-footer {
	margin: 1.8rem 0;
	color: #999;
	font-size: 1.1rem
}

.open-app-banner {
	width: 100%;
	height: 4.7rem;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1
}

.open-app-banner .op {
	position: relative;
	height: 4.7rem;
	background: url('../images/open-app.png')center center no-repeat;
	background-size: 100% 100%;
	max-width: 640px;
	margin: 0 auto
}

.open-app-banner .op .open-app-tag {
	display: inline-block;
	width: 17rem;
	height: 4.7rem;
	background: url('../images/open-app-tag.png') no-repeat;
	background-position: center center;
	background-size: 14rem 3rem
}

.open-app-banner .op .open-btn {
	width: 8.8rem;
	height: 3rem;
	background-color: #fe4368;
	border-radius: 1.5rem;
	color: #fff;
	position: absolute;
	top: .85rem;
	right: 3.7rem
}

.open-app-banner .op .close-btn {
	width: 3.7rem;
	height: 4.7rem;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1.2rem;
	color: #fe3a62;
	line-height: 4.7rem
}

.b-speedy .banner-swiper-container .swiper-slide {
	vertical-align: middle;
	text-align: center;
	height: 7rem;
	font-size: 1.5rem;
	margin: .3rem 0;
	background: #f2f3f6;
	position: relative
}

.b-speedy .banner-swiper-container .swiper-slide img {
	display: none
}

.b-speedy .banner-swiper-container .swiper-slide a {
	padding: 0 2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	width: calc(100% - 4rem);
	width: -moz-calc(100% - 4rem);
	font-size: 1.6rem;
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-57%)
}

.b-speedy .banner-swiper-container .swiper-slide a .slide-title {
	display: initial;
	font-weight: 600;
	color: #333
}

.b-speedy .banner .swiper-pagination .swiper-pagination-bullet {
	background: #e4e4e4
}

.b-speedy .banner .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #d22222
}

.b-speedy .rank .rank-box .placeholder .rank-num-speedy {
	font-size: 1.12rem;
	text-align: center;
	color: #fff;
	width: 1.8rem;
	height: 1.75rem;
	line-height: 1.75rem;
	display: inline-block;
	text-align: center;
	background: url(../images/rank-other.png) no-repeat;
	background-size: 1.8rem 1.75rem;
	vertical-align: middle;
	margin: .05rem .3rem 0 0
}

.b-speedy .rank .rank-box .placeholder:nth-child(1) .rank-num-speedy {
	background: url(../images/rank-gold.png) no-repeat;
	background-size: 1.8rem 1.75rem
}

.b-speedy .rank .rank-box .placeholder:nth-child(2) .rank-num-speedy {
	background: url(../images/rank-silver.png) no-repeat;
	background-size: 1.8rem 1.75rem
}

.b-speedy .rank .rank-box .placeholder:nth-child(3) .rank-num-speedy {
	background: url(../images/rank-copper.png) no-repeat;
	background-size: 1.8rem 1.75rem
}

.b-speedy .rank .rank-box .placeholder.lapin-plc .plc-image {
	display: none
}

.b-speedy .rank .rank-box .placeholder.lapin-plc .plc-con {
	position: relative;
	width: 100%
}

.b-speedy .rank .rank-box .placeholder.lapin-plc {
	white-space: initial
}

@media(prefers-color-scheme:dark) {
	html:not(.light) .head,html:not(.light) .content,html:not(.light) .head .hd-tab .arrow,html:not(.light) .head .hd-tab,html:not(.light) .index-box {
		background-color: #000;
		color: #fff
	}

	html:not(.light) .head .edit-tab,html:not(.light) .head .tab-box .rank-tab {
		background-color: #000
	}

	html:not(.light) .rank-name a {color: #fff;},html:not(.light) .join-hot-comment ul li .jhc-fr .jhc-content,html:not(.light) .join-hot-comment ul li .jhc-fr .jhc-head .user-mes .user-name  {
		color: #fff
	}

	html:not(.light) .join-hot-comment ul li .jhc-fr .jhc-news {
		background: #1c1c1e;
		color: #ccc
	}

	html:not(.light) .join-hot-comment ul li .jhc-fr .jhc-news i {
		border-bottom: .57rem solid #1c1c1e
	}

	html:not(.light) .head .hd-tab .swiper-wrapper .active {
		color: #f95455
	}

	html:not(.light) .head .hd-tab .swiper-slide.active:after {
		background: #f95455
	}

	html:not(.light) .head .hd-tab .arrow {
		background: url("data:image/svg+xml,%3Csvg data-name='1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M25.43 35.6a2.1 2.1 0 0 1-1.1-.4l-15-15a1.48 1.48 0 1 1 2.1-2.1l14 13.9 14-14a1.48 1.48 0 1 1 2.1 2.1l-15 15a1.27 1.27 0 0 1-1.1.5z' fill='%23fff'/%3E%3C/svg%3E") .7rem center no-repeat;
		background-size: 2.4rem 2.4rem;
		background-color: #000
	}

	html:not(.light) .head .edit-tab .my-hd .arrow {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M25.43 35.6a2.1 2.1 0 0 1-1.1-.4l-15-15a1.48 1.48 0 1 1 2.1-2.1l14 13.9 14-14a1.48 1.48 0 1 1 2.1 2.1l-15 15a1.27 1.27 0 0 1-1.1.5z' fill='%23fff'/%3E%3C/svg%3E") .7rem center no-repeat;
		background-size: 2.4rem 2.4rem;
		background-color: #000
	}

	html:not(.light) .head .hd .brand-column .brand-column-lapin {
		color: #fff;
		background: url("../fonts/logo.white.svg") left center no-repeat
	}

	html:not(.light) .head .hd .brand-column .brand-column-quan {
		color: #fff;
		padding-left: 2.4rem;
		margin-left: 1rem;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M23 12.5h.4a12.21 12.21 0 0 1 11.8 11.7 10.75 10.75 0 0 1-.5 4 7.84 7.84 0 0 1-.9 2.1 6.84 6.84 0 0 0-.7 4l.1.6-.4-.1c-.3 0-.7-.1-1-.1a7.22 7.22 0 0 0-3.2.8l-2.1.9a13.45 13.45 0 0 1-3.5.5h-.6a12.27 12.27 0 0 1-11.6-11.8 12 12 0 0 1 3.3-8.7 12.22 12.22 0 0 1 8.5-3.8c.1-.1.2-.1.4-.1m0-3h-.5a15.21 15.21 0 0 0-.1 30.4h.7a13.08 13.08 0 0 0 4.4-.7 12 12 0 0 0 2.6-1.1 3.92 3.92 0 0 1 1.8-.4h.6l3.8.6h.1c.2 0 .3-.2.3-.4l-.4-4a3.66 3.66 0 0 1 .4-2.3 20.29 20.29 0 0 0 1.1-2.6 14 14 0 0 0 .6-5A15.31 15.31 0 0 0 23.73 9.5z'/%3E%3Cpath class='cls-1' d='M23 35.1a9.47 9.47 0 0 1-7.6-3.8 1.3 1.3 0 0 1 .4-1.8 1.21 1.21 0 0 1 1.5.3 7.25 7.25 0 0 0 9.2 1.9 7.94 7.94 0 0 0 2.2-1.9 1.12 1.12 0 0 1 1.5-.3 1.3 1.3 0 0 1 .4 1.8 9.47 9.47 0 0 1-7.6 3.8z'/%3E%3C/svg%3E")left center no-repeat
	}

	html:not(.light) .head .hd .brand-column .brand-column-user-btn {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M4.33 9v3h12.3a12.88 12.88 0 0 1 2.2-3zM4.33 24v3h11c-.3-1-.6-2-.8-3zM46.33 21a14 14 0 1 0-14 14A13.55 13.55 0 0 0 38 33.8l4.9 8.5 2.6-1.5-4.9-8.5A14 14 0 0 0 46.33 21zm-25 0a11 11 0 1 1 11 11 11 11 0 0 1-11-11z'/%3E%3Cpath class='cls-1' d='M4.33 38h31v3h-31z'/%3E%3C/svg%3E") no-repeat;
		width: 4.4rem;
		background-position: center center;
		background-size: 2.4rem 2.4rem;
		margin-right: .7rem
	}
	
	html:not(.light) .head .hd .brand-column .brand-column-user-btn-y {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M4.33 9v3h12.3a12.88 12.88 0 0 1 2.2-3zM4.33 24v3h11c-.3-1-.6-2-.8-3zM46.33 21a14 14 0 1 0-14 14A13.55 13.55 0 0 0 38 33.8l4.9 8.5 2.6-1.5-4.9-8.5A14 14 0 0 0 46.33 21zm-25 0a11 11 0 1 1 11 11 11 11 0 0 1-11-11z'/%3E%3Cpath class='cls-1' d='M4.33 38h31v3h-31z'/%3E%3C/svg%3E") no-repeat;
		width: 4.4rem;
		background-position: center center;
		background-size: 2.4rem 2.4rem;
		margin-right: .7rem
	}

	html:not(.light) .head .hd .brand-column .brand-column-item {
		height: 4.4rem;
		line-height: 4.4rem;
		cursor: pointer;
		font-size: 1.45rem;
		vertical-align: middle;
		background-size: 2.4rem 2.4rem;
		display: inline-block
	}

	html:not(.light) .join-hot-comment ul li .jhc-fr {
		border-bottom: solid .1rem #1d1c1c
	}
}

html.dark:not(.light) .head,html.dark:not(.light) .content,html.dark:not(.light) .head .hd-tab .arrow,html.dark:not(.light) .head .hd-tab,html.dark:not(.light) .index-box {
	background-color: #000;
	color: #fff
}

html.dark:not(.light) .head .edit-tab,html.dark:not(.light) .head .tab-box .rank-tab {
	background-color: #000
}

html.dark:not(.light) .rank-name a {color: #fff;},html.dark:not(.light) .join-hot-comment ul li .jhc-fr .jhc-content,html.dark:not(.light) .join-hot-comment ul li .jhc-fr .jhc-head .user-mes .user-name {
	color: #fff
}

html:not(.light) .head .edit-tab .my-tab-box button {
	color: #ccc
}

html.dark:not(.light) .join-hot-comment ul li .jhc-fr .jhc-news {
	background: #1c1c1e;
	color: #ccc
}

html.dark:not(.light) .join-hot-comment ul li .jhc-fr .jhc-news i {
	border-bottom: .57rem solid #1c1c1e
}

html.dark:not(.light) .head .hd-tab .swiper-wrapper .active {
	color: #f95455
}

html.dark:not(.light) .head .hd-tab .swiper-slide.active:after {
	background: #f95455
}

html.dark:not(.light) .head .hd-tab .arrow {
	background: url("data:image/svg+xml,%3Csvg data-name='1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M25.43 35.6a2.1 2.1 0 0 1-1.1-.4l-15-15a1.48 1.48 0 1 1 2.1-2.1l14 13.9 14-14a1.48 1.48 0 1 1 2.1 2.1l-15 15a1.27 1.27 0 0 1-1.1.5z' fill='%23fff'/%3E%3C/svg%3E") .7rem center no-repeat;
	background-size: 2.4rem 2.4rem;
	background-color: #000
}

html.dark:not(.light) .head .edit-tab .my-hd .arrow {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M25.43 35.6a2.1 2.1 0 0 1-1.1-.4l-15-15a1.48 1.48 0 1 1 2.1-2.1l14 13.9 14-14a1.48 1.48 0 1 1 2.1 2.1l-15 15a1.27 1.27 0 0 1-1.1.5z' fill='%23fff'/%3E%3C/svg%3E") .7rem center no-repeat;
	background-size: 2.4rem 2.4rem;
	background-color: #000
}

html.dark:not(.light) .head .hd .brand-column .brand-column-lapin {
	color: #fff;
	background: url("../fonts/logo.white.svg") left center no-repeat
}

html.dark:not(.light) .head .hd .brand-column .brand-column-quan {
	color: #fff;
	padding-left: 2.4rem;
	margin-left: 1rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M23 12.5h.4a12.21 12.21 0 0 1 11.8 11.7 10.75 10.75 0 0 1-.5 4 7.84 7.84 0 0 1-.9 2.1 6.84 6.84 0 0 0-.7 4l.1.6-.4-.1c-.3 0-.7-.1-1-.1a7.22 7.22 0 0 0-3.2.8l-2.1.9a13.45 13.45 0 0 1-3.5.5h-.6a12.27 12.27 0 0 1-11.6-11.8 12 12 0 0 1 3.3-8.7 12.22 12.22 0 0 1 8.5-3.8c.1-.1.2-.1.4-.1m0-3h-.5a15.21 15.21 0 0 0-.1 30.4h.7a13.08 13.08 0 0 0 4.4-.7 12 12 0 0 0 2.6-1.1 3.92 3.92 0 0 1 1.8-.4h.6l3.8.6h.1c.2 0 .3-.2.3-.4l-.4-4a3.66 3.66 0 0 1 .4-2.3 20.29 20.29 0 0 0 1.1-2.6 14 14 0 0 0 .6-5A15.31 15.31 0 0 0 23.73 9.5z'/%3E%3Cpath class='cls-1' d='M23 35.1a9.47 9.47 0 0 1-7.6-3.8 1.3 1.3 0 0 1 .4-1.8 1.21 1.21 0 0 1 1.5.3 7.25 7.25 0 0 0 9.2 1.9 7.94 7.94 0 0 0 2.2-1.9 1.12 1.12 0 0 1 1.5-.3 1.3 1.3 0 0 1 .4 1.8 9.47 9.47 0 0 1-7.6 3.8z'/%3E%3C/svg%3E")left center no-repeat
}

html.dark:not(.light) .head .hd .brand-column .brand-column-user-btn {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M4.33 9v3h12.3a12.88 12.88 0 0 1 2.2-3zM4.33 24v3h11c-.3-1-.6-2-.8-3zM46.33 21a14 14 0 1 0-14 14A13.55 13.55 0 0 0 38 33.8l4.9 8.5 2.6-1.5-4.9-8.5A14 14 0 0 0 46.33 21zm-25 0a11 11 0 1 1 11 11 11 11 0 0 1-11-11z'/%3E%3Cpath class='cls-1' d='M4.33 38h31v3h-31z'/%3E%3C/svg%3E") no-repeat;
	width: 4.4rem;
	background-position: center center;
	background-size: 2.4rem 2.4rem;
	margin-right: .7rem
}

html.dark:not(.light) .head .hd .brand-column .brand-column-user-btn-y {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M4.33 9v3h12.3a12.88 12.88 0 0 1 2.2-3zM4.33 24v3h11c-.3-1-.6-2-.8-3zM46.33 21a14 14 0 1 0-14 14A13.55 13.55 0 0 0 38 33.8l4.9 8.5 2.6-1.5-4.9-8.5A14 14 0 0 0 46.33 21zm-25 0a11 11 0 1 1 11 11 11 11 0 0 1-11-11z'/%3E%3Cpath class='cls-1' d='M4.33 38h31v3h-31z'/%3E%3C/svg%3E") no-repeat;
	width: 4.4rem;
	background-position: center center;
	background-size: 2.4rem 2.4rem;
	margin-right: .7rem
}

html.dark:not(.light) .head .hd .brand-column .brand-column-item {
	height: 4.4rem;
	line-height: 4.4rem;
	cursor: pointer;
	font-size: 1.45rem;
	vertical-align: middle;
	background-size: 2.4rem 2.4rem;
	display: inline-block
}

html.dark:not(.light) .join-hot-comment ul li .jhc-fr {
	border-bottom: solid .1rem #1d1c1c
}

.hot-app {
	padding: 0 2rem 2rem
}

.hot-app .title {
	font-size: 2rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.8
}

.hot-app .hot-app-box {
	margin: 2.4rem 0 2.6rem 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	text-align: center
}

.hot-app .hot-app-box p {
	font-size: 1.4rem;
	line-height: 2
}

.pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 30px 0;
}

.pagination .fa-chevron-left{
    width: 4.8rem;
    background: url(/static/images/left_white.png) .7rem center no-repeat;
    background-size: 2.0rem 2.0rem;
	filter: brightness(0);
}

.pagination .fa-chevron-right{
    width: 4.8rem;
    background: url(/static/images/right_white.png) .7rem center no-repeat;
    background-size: 2.0rem 2.0rem;
	filter: brightness(0);
}

.pagination span {
    align-items: center;
}

.page-link {
    display: flex;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background-color: #eee;
	border: 1px solid var(--border-color);
	font-size: 1.5rem;
	color: #555;
}

.zhijiancqcn-footer {
	font-size: 1.3rem;
	color: #999;
	background: #f2f3f6;
	height: 14rem;
	width: 100%;
	text-align: center;
	position: relative;
	flex-grow: 1;
	display: flex;
	align-items: flex-end;
	justify-content: center
}

.im-ft-box {
	text-align: center;
	padding: 2.05rem 0
}

.zhijiancqcn-footer p {
	line-height: 1.8
}

.zhijiancqcn-footer p a {
	color: #999
}

.zhijiancqcn-footer a span {
	color: #999
}

.zhijiancqcn-footer p .vertical-bar {
	margin: 0 1rem
}

/* 在小屏设备上隐藏 */
@media screen and (max-width: 768px) {
  .fixed-btn {
    display: none !important;
  }
}

@media(prefers-color-scheme:dark) {
	html:not(.light) .zhijiancqcn-footer {
		background: #1c1c1e
	}
}

html.dark:not(.light) .zhijiancqcn-footer {
	background: #1c1c1e
}