.font-bold, .tap-tabs-header__link.tap-slide--active {
	font-weight:700
}
.heading-m20-w22 {
	font-size:22px;
	line-height:30px;
}
.heading-m18-w20 {
	font-size:20px;
	line-height:28px;
}
.heading-m16-w18 {
	font-size:18px;
	line-height:26px;
}
.heading-m14-w16 {
	font-size:16px;
	line-height:24px;
}
.list-heading-m16-w18 {
	font-size:18px;
	line-height:22px;
}
.list-heading-m14-w16 {
	font-size:16px;
	line-height:20px;
}
.paragraph-m16-w16 {
	font-size:16px;
	line-height:24px;
}
.paragraph-m14-w14 {
	font-size:14px;
	line-height:22px;
}
.caption-m12-w14 {
	font-size:14px;
	line-height:22px;
}
.caption-m10-w12 {
	font-size:12px;
	line-height:18px;
}
.caption-m8-w12 {
	font-size:12px;
	line-height:18px;
}
.gray-08 {
	color:#1d2127;
}
.gray-06 {
	color:#868c92;
}
.gray-04 {
	color:#b9bec1;
}
.gray-03 {
	color:#d2d7d9;
}
.gray-02 {
	color:#ebeff0;
}
.gray-01 {
	color:#f5f7f8;
}
.primary-white {
	color:#fff;
}
.primary-black {
	color:#000;
}
.primary-red {
	color:#f64c4c;
}
.primary-tap-blue, .primary-tap-blue-light {
	color:#15c5ce;
}
.primary-tap-orange {
	color:#ff8156;
}
.primary-tap-orange-light {
	color:#fff5f1;
}
.primary-tap-blue-gradient {
	color:linear-gradient(180deg, #18d6e0, #14c2cb 67.19%, #17d6e1);
}
.extension-button-label-white {
	color:#fff;
}
.tap-tabs-header {
	position:relative;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	height:100%
}
.tap-tabs-header--sticky {
	position:-webkit-sticky;
	position:sticky
}
.tap-tabs-header__slide {
	width:100%
}
.tap-tabs-header__slide .swiper-slide {
	width:auto
}
.tap-tabs-header__slide .tap-slide__line {
	bottom:0
}
.tap-tabs-header__link--default {
	padding:8px;
	padding:var(--space-m6-w8);
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	cursor:pointer
}
.header-right-menu__item-icon {
	margin-right:12px;
	margin-right:var(--space-m8-w12)
}
.header-right-menus__item {
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start
}
.achievement-progress-bar {
	border-radius:100px;
	height:8px;
	width:100%;
	position:relative;
	overflow:hidden;
	background-color:#f5f7f8;
	background-color:var(--gray-01);
	z-index:1
}
.achievement-progress-bar__inner {
	background:-webkit-gradient(linear, left top, right top, from(#15c5ce), to(#00fff0));
	background:-webkit-gradient(linear, left top, right top, from(var(--primary-tap-blue)), to(#00fff0));
	background:linear-gradient(90deg, #15c5ce, #00fff0);
	background:linear-gradient(90deg, var(--primary-tap-blue), #00fff0);
	border-radius:100px;
	height:100%
}
.achievement-platinum {
	display:inline-block;
	width:22px;
	width:var(--space-m18-w22);
	height:22px;
	height:var(--space-m18-w22);
	margin-right:6px;
	margin-right:var(--space-m4-w6);
	-ms-flex-negative:0;
	flex-shrink:0
}
.achievement-app {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	padding:10px 20px;
	padding:var(--space-m8-w10) var(--space-m16-w20);
	position:relative
}
.achievement-app__platinum-bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:linear-gradient(274.4deg, rgba(235, 236, 255, .7), rgba(250, 241, 236, .7) 26.26%, rgba(236, 254, 243, .7) 53.9%, rgba(255, 254, 235, .7) 67.28%, rgba(241, 235, 255, .7) 85.42%, #eff7ff 95.61%)
}
.achievement-app__platinum-bg:after {
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:-webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, .8)), color-stop(34.38%, hsla(0, 0%, 100%, .1)));
	background:linear-gradient(0deg, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, .1) 34.38%)
}
.achievement-app__dark .achievement-app__platinum-bg {
	background:linear-gradient(274.4deg, rgba(55, 56, 89, .7), rgba(60, 40, 29, .7) 26.26%, rgba(32, 55, 42, .7) 53.9%, rgba(60, 59, 42, .7) 67.28%, rgba(65, 55, 85, .7) 85.42%, #24313e 95.61%)
}
.achievement-app__dark .achievement-app__platinum-bg:after {
	background:-webkit-gradient(linear, left bottom, left top, from(rgba(37, 39, 51, .8)), color-stop(34.38%, rgba(37, 39, 51, .1)));
	background:linear-gradient(0deg, rgba(37, 39, 51, .8), rgba(37, 39, 51, .1) 34.38%)
}
.achievement-app__content {
	margin-bottom:10px;
	margin-bottom:var(--space-m8-w10);
	z-index:1
}
.achievement-app__icon {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.achievement-app__content-detail {
	margin-left:10px;
	margin-left:var(--space-m8-w10)
}
.achievement-app-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.achievement-app-list__content {
	width:100%
}
.user-achievement-app-list {
	padding-top:20px;
	padding-top:var(--space-m16-w20)
}
.user-achievement-app-list__title {
	padding:20px 0 10px;
	padding:var(--space-m16-w20) 0 var(--space-m8-w10);
	margin:0 20px;
	margin:0 var(--space-m16-w20);
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	position:relative
}
.user-achievement-app-list__title:after {
	content:"";
	display:block;
	background:#ebeff0;
	background:var(--gray-02);
	height:1px;
	width:100%;
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	bottom:100%
}
.user-achievement-app-list__title-arrow {
	background-color:rgba(0, 0, 0, .06);
	background-color:var(--extension-overlay-black);
	border-radius:100px;
	cursor:pointer;
	padding:1px 6px
}
.user-detail__main-contents {
	position:relative
}
.user-detail__banner-box {
	position:relative;
	overflow:hidden
}
.user-detail__banner-figure {
	width:100%;
	padding-bottom:50%
}
.user-detail__fixed-header {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.user-detail__main-wrap--header-fixed .user-detail__right-icon {
	background:none
}
.user-detail__main-wrap--header-fixed .user-detail__right-icon .icon-ico-m28-w28-more, .user-detail__main-wrap--header-fixed .user-detail__right-icon .user-detail__right-share {
	fill:#868c92;
	fill:var(--gray-06)
}
.user-detail__main-wrap--header-fixed .taptap__main-header.taptap_main-header--fixed .taptap__main-header-title .back-button {
	background:none
}
.user-detail__main-wrap--header-fixed .taptap__main-header.taptap_main-header--fixed .taptap__main-header-title .back-button .svg-icon {
	fill:#868c92;
	fill:var(--gray-06)
}
@media only screen and (max-width:996px) {
.user-detail__main-wrap--header-fixed .taptap__main-header.taptap_main-header--fixed .top-operation__search-small {
background:none
}
.user-detail__main-wrap--header-fixed .taptap__main-header.taptap_main-header--fixed .top-operation__search-small .tap-search-box__trigger .tap-search-box__trigger-icon {
fill:#868c92;
fill:var(--gray-06)
}
.user-detail__main-wrap--header-fixed .taptap__main-header.taptap_main-header--fixed .van-sticky--fixed {
background:#fff;
background:var(--primary-white)
}
}
.user-detail__fixed-header-avatar {
	margin-right:16px;
	margin-right:var(--space-m12-w16);
	-ms-flex-negative:0;
	flex-shrink:0
}
.user-detail__fixed-header-cover {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1
}
.user-detail__banner-cover {
	background:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4)));
	background:-webkit-gradient(linear, left bottom, left top, from(var(--extension-components-black)), to(var(--extension-components-black)));
	background:linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
	background:linear-gradient(0deg, var(--extension-components-black), var(--extension-components-black))
}
.user-detail__banner-image {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.user-detail__banner-cover, .user-detail__banner-image img {
	position:absolute;
	left:0;
	top:0
}
.user-detail__banner-cover {
	height:100%;
	width:100%
}
.user-detail__banner-info {
	position:relative;
	z-index:1;/*! autoprefixer: off */
	padding-top:64px;
	padding-top:calc(64px + var(--safe-area-inset-top))
}
.standalone-layout .user-detail__banner-info {
	padding-top:calc(64px + max(20px, var(--safe-area-inset-top)))
}
.user-detail__intro-entre {
	position:absolute;
	right:20px;
	right:var(--space-m16-w20);
	bottom:12px;
	bottom:var(--space-m8-w12);
	width:100%
}
.user-detail__intro-text {
	margin-top:12px;
	margin-top:var(--space-m8-w12);
	width:calc(100% - 160px);
	text-align:right;
	float:right
}
@media only screen and (min-width:499px) {
.user-detail__intro-text {
width:calc(100% - 192px)
}
}
.user-detail__header-avatar {
	width:100px;
	height:100px;
	margin-top:-64px;
	margin-bottom:8px;
	margin-bottom:var(--space-m6-w8);
	border:4px solid #fff;
	border:4px solid var(--primary-white)
}
.user-detail__header-avatar:after {
	display:none
}
.user-detail__header-avatar .taptap-popover.user-avatar__verified {
	width:32px;
	height:32px;
	right:0
}
@media only screen and (min-width:499px) {
.user-detail__header-avatar.tap-avatar--wide-screen {
width:120px;
height:120px;
margin-top:-72px
}
.user-detail__header-avatar.tap-avatar--wide-screen .taptap-popover.user-avatar__verified {
width:37px;
height:37px
}
}
.user-detail__admin-action {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end
}
.user-detail__admin-button {
	margin-left:12px;
	margin-left:var(--space-m8-w12)
}
.user-detail__header-edit-button {
	float:right;
	margin-top:12px;
	margin-top:var(--space-m8-w12);
	margin-bottom:12px;
	margin-bottom:var(--space-m8-w12);
	border-radius:16px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color:#fff;
	color:var(--extension-button-label-white)
}
.user-detail__header-edit-button.tap-button--medium {
	min-width:104px
}
.user-detail__header-edit-button.tap-button--medium.tap-button--wide-screen {
	min-width:124px;
	border-radius:100px
}
.user-detail__header-follow-button {
	float:right;
	margin-top:12px;
	margin-top:var(--space-m8-w12);
	margin-bottom:12px;
	margin-bottom:var(--space-m8-w12);
	border-radius:16px
}
.user-detail__header-follow-button .tap-button--medium {
	min-width:104px
}
.user-detail__header-follow-button .tap-button--medium.tap-button--wide-screen {
	min-width:124px;
	border-radius:100px
}
.user-detail__header-follow-button:link, .user-detail__header-follow-button:visited {
	color:#fff;
	color:var(--primary-white)
}
.user-detail__name-gender {
	clear:both;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-top:0;
	margin-bottom:4px;
	margin-bottom:var(--space-m2-w4)
}
.user-detail__gender-icon {
	width:22px;
	width:var(--space-m18-w22);
	display:block;
	margin-left:6px;
	margin-left:var(--space-m4-w6)
}
.user-detail__verified-reason {
	margin-bottom:12px;
	margin-bottom:var(--space-m8-w12)
}
.user-detail__exam-id {
	margin-bottom:8px;
	margin-bottom:var(--space-m6-w8)
}
.user-detail__etiquette-status {
	margin-right:16px;
	margin-right:var(--space-m12-w16)
}
.user-detail__id-copy {
	cursor:pointer
}
.user-detail__active-data {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-bottom:6px;
	margin-bottom:var(--space-m4-w6)
}
.user-detail__active-data.user-detail__active-data-android {
	font-size:28px;
	-webkit-transform:scale(.5);
	transform:scale(.5);
	-webkit-transform-origin:left top;
	transform-origin:left top;
	margin-bottom:-16px
}
.user-detail__active-data.user-detail__active-data-android .user-detail__count-item {
	line-height:normal;
	min-height:22px;
	font-size:28px
}
.user-detail__active-data.user-detail__active-data-android .user-detail__count-item .rate-number-font {
	font-size:28px
}
.user-detail__count-item {
	color:#868c92;
	color:var(--gray-06);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:3px 0
}
.user-detail__count-item:not(:last-child) {
margin-right:22px
}
.user-detail__count-item:not(:last-child):after {
right:-12px
}
.user-detail__count-item:link, .user-detail__count-item:visited {
	color:#868c92;
	color:var(--gray-06)
}
.user-detail__count-item .rate-number-font {
	color:#15c5ce;
	color:var(--primary-tap-blue);
	font-size:16px;
	font-size:var(--heading-m14-w16-size);
	margin-right:6px;
	margin-right:var(--space-m4-w6)
}
.user-detail__tap-tabs {
	color:#868c92;
	color:var(--gray-06);
	font-size:18px;
	font-size:var(--heading-m16-w18-size);
	line-height:26px;
	line-height:var(--heading-m16-w18-line-height);
	margin:0 -20px;
	margin:0 calc(0px - var(--space-m16-w20))
}
.user-detail__tap-tabs.user-detail__tap-tabs-fixed {
	min-height:100vh
}
.user-detail__tap-tabs.user-detail__tap-tabs-fixed .tap-tabs-router-header__slide {
	position:relative
}
.user-detail__tap-tabs.user-detail__tap-tabs-fixed .tap-tabs-router-header__slide:after {
	content:"";
	display:block;
	position:absolute;
	width:200%;
	bottom:0;
	left:-50%;
	border-bottom:1px solid rgba(29, 33, 39, .12);
	border-bottom:1px solid var(--extension-divider-gray);
	-webkit-transform:scale(.5);
	transform:scale(.5);
	pointer-events:none
}
.user-detail__tap-tabs .tap-tabs-header__slide {
	padding-left:4px;
	background:#fff;
	background:var(--primary-white);
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.user-detail__tap-tabs .tap-tabs-header__link--default {
	padding:11px 16px;
	padding:11px var(--space-m12-w16);
	font-size:18px;
	font-size:var(--heading-m16-w18-size);
	line-height:26px;
	line-height:var(--heading-m16-w18-line-height)
}
.user-detail__tap-tabs .tap-slide--active {
	color:#1d2127;
	color:var(--gray-08)
}
@media only screen and (max-width:499px) {
.user-detail__main-wrap .taptap__main-header-title {
-webkit-box-flex:unset;
-ms-flex:unset;
flex:unset;
overflow:hidden
}
.user-detail__main-wrap .icon-ico-m28-w28-more, .user-detail__main-wrap .icon-ico-m28-w28-search, .user-detail__main-wrap .user-detail__right-share {
width:24px;
height:24px
}
}
.user-detail__right-icon {
	border-radius:20px;
	background:rgba(0, 0, 0, .4);
	background:var(--extension-components-black);
	width:40px;
	height:40px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-negative:0;
	flex-shrink:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-right:14px;
	cursor:pointer
}
.user-detail__right-icon .icon-ico-m28-w28-more, .user-detail__right-icon .user-detail__right-share {
	fill:#fff;
	fill:var(--extension-button-label-white)
}
@media only screen and (max-width:499px) {
.user-detail__right-icon {
margin-right:0;
width:28px;
height:28px
}
}
.user-detail__right-icon.user-detail__right-icon--no-sidebar {
	margin-right:0
}
.user-detail__right-icon .user-menu__popover {
	width:280px
}
.user-detail__main-header-router .tap-tabs-router-header__slide {
	padding:14px 20px;
	padding:var(--space-m10-w14) var(--space-m16-w20);
	background:#fff;
	background:var(--primary-white);
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
@media only screen and (max-width:499px) {
.user-detail__main-header-router .van-sticky--fixed {
height:auto
}
}
.user-detail__main-header-router .tap-tabs-router-header__link .user-detail__list-tab-item {
	background:#f5f7f8;
	background:var(--gray-01);
	padding:5px 14px;
	padding:5px var(--space-m10-w14);
	margin-right:12px;
	margin-right:var(--space-m8-w12);
	border-radius:4px;
	border-radius:var(--radius-m2-w4);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.user-detail__main-header-router .tap-tabs-router-header__link.tap-slide--active {
	-webkit-transform:scale(1);
	transform:scale(1)
}
.user-detail__main-header-router .tap-tabs-router-header__link.tap-slide--active .user-detail__list-tab-item {
	color:#fff;
	color:var(--primary-white);
	background:#15c5ce;
	background:var(--primary-tap-blue);
	font-weight:400
}
.user-detail__list-wrap {
	position:relative
}
@media only screen and (min-width:499px) {
.user-detail__list-wrap {
min-height:calc(100vh - 500px)
}
}
.user-detail__about-wrap {
	padding:20px 0;
	padding:var(--space-m16-w20) 0
}
.user-detail__taptap-days {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-bottom:12px;
	margin-bottom:var(--space-m8-w12);
	padding:0 20px;
	padding:0 var(--space-m16-w20)
}
.user-taptap-days__count .rate-number-font {
	font-size:32px;
	margin-right:6px;
	margin-right:var(--space-m4-w6);
	color:#15c5ce;
	color:var(--primary-tap-blue)
}
@media only screen and (max-width:499px) {
.user-taptap-days__count .rate-number-font {
font-size:30px
}
}
.user-detail__vote-count {
	margin-top:6px;
	margin-top:var(--space-m4-w6)
}
.user-detail__info-item {
	padding:20px;
	padding:var(--space-m16-w20);
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.user-detail__counts-title, .user-detail__info-item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.user-detail__data-count, .user-detail__title-icon {
	margin-right:12px;
	margin-right:var(--space-m8-w12)
}
.user-detail-avatar-light-box {
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	cursor:pointer
}
.user-home__sub-tab-total {
	margin-left:6px;
	margin-left:var(--space-m4-w6)
}