.Button_button_3onsJ {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer
}
.Button_button_3onsJ:active {
	-webkit-transition: none;
	transition: none
}
.Button_button_3onsJ {
	cursor: not-allowed
}
.ADEvent_tag_S3mUa {
	cursor: pointer
}
.ADEvent_idea_qLWOy {
	display: block;
	width: 100%
}
.com-avatar-wrap {
	position: relative
}
.avatar-icon {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.avatar-icon img {
	display: block;
	width: 100%;
	height: 100%
}
.com-avatar {
	display: block;
	background: #d0d4d7;
	border-radius: 100%
}
.message-item-title-wrap .more:hover {
	transition: all .3s ease
}
.message-item-title-wrap .more:active:hover, .message-item-title-wrap .more:hover {
	color: #1458d4
}
.message-item-title-wrap .more:active:hover {
	transition: none
}
.message-item-title-wrap {
	display: flex
}
.message-item-title-wrap .message-item-title {
	font-weight: 400;
	color: #303030
}
.message-item-title-wrap .message-item-title .link {
	color: #303030
}
.message-item-title-wrap .message-item-title .link:hover {
	color: #387bf4
}
.message-item-title-wrap .message-item-title.header, .message-item-title-wrap .message-item-title.message-center {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.message-item-title-wrap .message-item-title.header {
	line-height: 21px
}
.message-item-title-wrap .message-item-title.header .link {
	color: #303030
}
.message-item-title-wrap .message-item-title.header.other-type {
	font-weight: 500
}
.message-item-title-wrap .more {
	margin-left: 15px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer
}
.message-item-title-wrap .more .iconfont {
	line-height: 1;
	font-size: 15px;
	font-weight: 500
}

@media screen and (max-width:768px) {
.message-item-title-wrap .message-item-title.message-center {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}
.message-item-title-wrap.update-notice-type {
	display: block
}
.message-item-title-wrap .more {
	margin-left: 0
}
}
.message-num {
	position: absolute;
	padding: 0 4px;
	background: #ff5a05;
	border: 2px solid #fff;
	border-radius: 16px;
	line-height: 14px;
	font-size: 12px;
	font-weight: 400;
	color: #fff
}
.message-num span {
	display: block;
	font-weight: 700;
	transform: scale(.85)
}
.main .list-wrap, .main .list-wrap li {
	transition: all .3s ease
}
/*.main {
	position: relative;
	width: 345px;
	background: #fff;
	border: 1px solid #eaeeef;
	border-radius: 4px;
	box-shadow: 0 3px 14px 0 rgba(199,209,215,.4);
	cursor: default
}*/
/*.main:after, .main:before {
	content: " ";
	display: block;
	position: absolute;
	left: 49%;
	width: 0;
	height: 0
}*/
.main:before {
	top: -9px;
	border-bottom: 8px solid #eaeeef
}
.main:after, .main:before {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent
}
.main:after {
	top: -8px;
	border-bottom: 8px solid #fff
}
.main .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 1;
	font-size: 16px;
	font-weight: 400;
	color: #303030;
	border-bottom: 1px solid #ebeeef
}
.main .title .title-tab-item {
	flex: 1;
	position: relative;
	padding-top: 20px;
	padding-bottom: 16px;
	text-align: center
}
.main .title .title-tab-item.active {
	color: #1458d4;
	font-weight: 500
}
.main .title .title-tab-item.active:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #1458d4
}
.main .title .title-tab-item .title-label {
	position: relative;
	display: inline-block;
	cursor: pointer
}
.main .title .title-tab-item .title-label .red-dot {
	left: 100%;
	top: -8px
}
.main .empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 300px
}
.main .empty img {
	display: block;
	margin-top: -8px;
	margin-bottom: 10px;
	width: 122px;
	height: 122px
}
.main .empty span {
	display: block;
	color: #828a92;
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
	opacity: .6
}
.main .list-wrap {
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	height: 300px
}
.main .list-wrap .list-wrap-loading {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}
.main .list-wrap li {
	position: relative;
	padding: 16px 24px 14px;
	font-size: 13px;
	font-weight: 400;
	line-height: 21px;
	border-bottom: 1px solid #ebeeef;
	cursor: pointer
}
.main .list-wrap li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: transparent
}
.main .list-wrap li:last-child {
	border-bottom: none
}
.main .list-wrap li:hover {
	background: #f6f7f8
}
.main .list-wrap li:hover .other-type {
	color: #1458d4
}
.main .bottom-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	border-top: 1px solid #ebeeef
}
.main .bottom-btn .ignore, .main .bottom-btn .more {
	padding: 13px 0;
	text-align: center;
	color: #828a92;
	line-height: 1;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer
}
.main .bottom-btn .ignore:hover, .main .bottom-btn .more:hover {
	color: #1458d4
}
.main .bottom-btn .more {
	display: flex;
	align-items: center
}
.main .bottom-btn .more .iconfont {
	display: inline-block;
	margin-top: -2px;
	margin-left: -3px;
	font-weight: 400;
	transform: rotate(180deg) scale(.6)
}
.account-popup-box li:not(.popup-avatar):hover a, .account-popup-box li:not(.popup-avatar):hover span, .account-popup-box li, .account-popup-box li a, .account-popup-box li span, .header-notice, .nav>ul>li, .nav>ul>li a, .nav>ul>li span, .nav {
	transition: all .3s ease
}
.account-popup-box li.popup-avatar h3 {
	overflow: hidden;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis
}
.line-notice-popup-box .notice-content, .logo, .nav>ul>li.more, .notice-content, .search-container .search-wrap {
	display: flex;
	align-items: center;
	justify-content: center
}
.account-popup-box li:not(.popup-avatar):hover a:active, .account-popup-box li:not(.popup-avatar):hover a:hover, .account-popup-box li:not(.popup-avatar):hover span:active, .account-popup-box li:not(.popup-avatar):hover span:hover, .account-popup-box li a:active, .account-popup-box li a:hover, .account-popup-box li span:active, .account-popup-box li span:hover, .nav>ul>li:active, .nav>ul>li:hover, .nav>ul>li a:active, .nav>ul>li a:hover, .nav>ul>li span:active, .nav>ul>li span:hover {
	color: #1458d4
}
.account-popup-box li:not(.popup-avatar):hover a:active, .account-popup-box li:not(.popup-avatar):hover span:active, .account-popup-box li a:active, .account-popup-box li span:active, .nav>ul>li:active, .nav>ul>li a:active, .nav>ul>li span:active {
	transition: none
}
.account-popup-box li:not(.popup-avatar):hover a, .account-popup-box li:not(.popup-avatar):hover span, .account-popup-box li a, .account-popup-box li span, .nav>ul>li, .nav>ul>li a, .nav>ul>li span {
	color: #303030
}

.notice-content {
	position: relative;
	height: 40px;
	justify-content: center!important;
	line-height: 20px;
	font-size: 12px;
	font-weight: 400;
	color: #fff
}
.notice-content a {
	margin-left: 15px;
	color: #fff
}
.notice-content .close {
	position: absolute;
	right: 0;
	cursor: pointer
}
.notice-content .close, .notice-content .iconfont {
	line-height: 1;
	font-size: 12px;
	font-weight: 400
}
.notice-content .iconfont.noc {
	position: relative;
	top: 2px;
	margin-right: 8px;
	font-size: 16px;
	font-weight: 400
}
.friendship-link-wrap {
	background: #222
}
.friendship-link-wrap .inner {
	justify-content: flex-end!important
}
.friendship-link-wrap .friendship-link {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 30px
}
.friendship-link-wrap .friendship-link li {
	margin-left: 36px
}
.friendship-link-wrap .friendship-link li a {
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	color: #fff
}
.friendship-link-wrap .friendship-link .static {
	position: relative
}
.friendship-link-wrap .friendship-link .static img {
	position: absolute;
	right: -20px;
	top: 2px
}

.nav-search-wrap {
	position: relative;
	display: flex;
	align-items: center;
	flex: 1
}
.nav-search-wrap.is-overflow {
	overflow: hidden
}
.nav-search-wrap.gradient-layer:after {
	display: block;
	content: "";
	position: absolute;
	z-index: 4;
	left: 0;
	right: 0;
	bottom: 0;
	height: 16px;
	background: linear-gradient(180deg, transparent, #fff 70%)
}
.nav {
	position: absolute;
	top: 0;
	left: 0;
	right: 180px;
	bottom: 0;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center
}
.nav>ul {
	display: flex;
	transition: all .2s ease-out
}
.nav>ul>li {
	height: 16px;
	margin: 0 18px;
	line-height: 1;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer
}
.nav>ul>li .selected {
	position: relative;
	font-weight: 500;
	color: #1458d4
}
.nav>ul>li .selected:after {
	content: " ";
	display: block;
	position: absolute;
	left: 50%;
	bottom: -10px;
	width: 33px;
	height: 2px;
	margin-left: -16px;
	background: #1458d4
}
.nav>ul>li.more {
	position: relative;
	width: 25px;
	text-align: center
}
.nav>ul>li.more em {
	position: absolute;
	right: -6px;
	top: 0;
	width: 6px;
	height: 6px;
	background: #ff5a05;
	border-radius: 6px
}
.nav>ul>li.more .dot, .nav>ul>li.more .dot:after, .nav>ul>li.more .dot:before {
	width: 3px;
	height: 3px;
	background: #141414;
	border-radius: 3px
}
.nav>ul>li.more .dot {
	display: block;
	position: relative
}
.nav>ul>li.more span:after, .nav>ul>li.more span:before {
	position: absolute;
	top: 0;
	content: " ";
	display: block
}
.nav>ul>li.more span:before {
	left: -7px
}
.nav>ul>li.more span:after {
	right: -7px
}
.nav>ul>li.landing {
	position: relative
}
.nav>ul>li.landing:after {
	content: "";
	position: absolute;
	right: -15px;
	top: -10px;
	width: 20px;
	height: 12px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAYCAYAAACIhL/AAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+LUNEtwAAA6xJREFUSInNl09oF0cUxz9v9rcBaUqj0ihFabT00ELV3JrqIbEgXnoxQsuPCIUeag+9mVMhB2k9FLzqz4N4FqMo2EOQSCok7aGSaqgU/JPgQcSSppWWQrK7r4eZ3Z3992ssKfTB/HZ35v3e+873zZt5I9oOaRAB3geOAEMoA0AfCqpOQ5v+6o2LZ01A7PdvCEvAd8AVYLrJmjQAHAFOA4M+EFUgcd+qoA1WS50i7sc4kMYDbWUeOAHcLJsype8Q6DjFwYLPxIFLQGNFI9AIWAN1LXuP8r5UT2OFRO3/k8qUBrEsdhyGTFreew8wCXxQZiMHp2gM2vsq5sg47N4Hz5fR2avorUto6vmlPsyxCcyBUejrRx/Oo53P0cXbECiC2OibAosAnwI7sMtqFYohPgN8VgGnOWvElg3z9S3kraGi6g83iE5+hPTvIDh1HenfWeTo2WPiT95AAkuLGIEgDX+F0U6KJQV4CJgqg8vZy0OqEbSurMCmXpLpi+iDuwTtE/DyZvT+Hdi6DdmyHf35NvH185g972EOjaHLT4jHXkdaZA0jOYtVkIeBKdF2KMCPwJ4Ke+U1twYaKaY9QfDxhNX760/0+a/IthJjqlnKEkdEX46hs5NIS5DQgQxs4tSEGuAusE+0HY5Qkz0kLrwOnHw1g7y9v6L2b0TvzaJfDFsWA7HzKKerlREDjFYt5E91od4ocOBsebYLPoty1ABDtUP/DxkywEClu7oe0J9mN8yr3purdtb4BHaJtsN6ctMNtZQg2QadgKoiaSL4meiFLtMxeBmcJwqBy+T6NVjYqOtn5D3ltTeRgb0WuHrOnU7y7SQAZvhoBtTXEQMs3YFfHtT7qIOh7XAZ2FIZUY9Bd2wFF59B7+ZGY6vDdr49M1Gzxz9WiD/stwyG5AzWg1wxwFKztZJ0Afcf2Vg02EO6u3QJQUXvRXT/WaYNcG1dltbreD0ilZcmuWaAOWBhQ/ymx9bGyAIwZ7Abwni9R9e6bAMFeVG97ktiHNB0m5kCzlIqtwTQtEwPQG9cgHeGvZq/qCyh9aZPH9UfXSKwMIN4ZVYDvo7DVKgHqwWrX9Ekrh5MgDgfz1io26jV08FOUkz6bKxkvsErWP2ArGILh3PlSVtDkp8Ebg+THu+9VWrddFJwVfrO+eDKAAHWgOPAQWC+cBMz2AIzEHtU+S3wnkGpr6SHDy5nfR57gzzug4PmWx3k185RlHeBXSivQP0SzNhexzjC78AiwvfAZbpcO/8GKYJo2b6w0aoAAAAASUVORK5CYII=) no-repeat;
	background-size: contain;
	pointer-events: none
}
.nav>ul>li.hot {
	position: relative
}
.nav>ul>li.hot img {
	position: absolute;
	left: 100%;
	top: -10px
}
.two-level-nav {
	right: 40px
}
.search-container {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 160px;
	margin-right: 20px;
	transition: all .5s ease
}
.search-container .search-wrap {
	box-sizing: border-box;
	position: relative;
	justify-content: flex-end;
	width: 100%;
	height: 36px;
	background: #f8f9fa;
	overflow: hidden;
	will-change: width;
	border: 1px solid #eaeeef;
	border-radius: 4px;
	transition: border .3s
}
.search-container .search-wrap .search-input {
	box-sizing: border-box;
	width: 100%;
	padding: 0 30px 0 6px;
	background: #f8f9fa;
	text-indent: 6px;
	border: none;
	line-height: 20px;
	font-size: 12px
}
.search-container .search-wrap .search.iconfont {
	position: absolute;
	z-index: 1;
	right: 9px;
	top: 3px;
	width: 30px;
	height: 30px;
	background: #f8f9fa;
	text-align: center;
	font-size: 17px;
	color: #828a92;
	cursor: pointer
}
.search-container .search-wrap.focus {
	border-color: #1458d4!important;
	background: #fff
}
.search-container .search-wrap.focus .search-input {
	background: #fff
}
.search-container .search-wrap.focus .search {
	color: #1458d4;
	background: #fff
}
.search-container.shrinkage {
	width: 30px
}
.search-container.shrinkage .search-wrap {
	border-color: transparent
}
.search-container.open {
	width: 154px
}
.search-container.open .search-wrap {
	border: 1px solid #eaeeef
}
.message {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 10px 0 0;
	margin-right: 10px
}
.message .bell-icon {
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.message .bell-icon .iconfont {
	color: #303030;
	font-size: 20px;
	font-weight: 400
}
.message .bell-icon .iconfont.active, .message .bell-icon .iconfont:hover {
	color: #1458d4
}
.message .bell-icon .red-dot {
	left: 50%;
	top: 0
}
.message .bell-icon .message-popup-box {
	position: absolute;
	left: -168px;
	top: 100%;
	z-index: 1;
	padding-top: 16px
}
.message .bell-icon .message-popup-box .box-mask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: transparent
}
.message .bell-icon .message-popup-box .main {
	position: relative;
	width: 336px;
	background: #fff;
	border: 1px solid #eaeeef;
	box-shadow: 0 3px 14px 0 rgba(199,209,215,.4);
	cursor: default
}
.message .bell-icon .message-popup-box .main:after, .message .bell-icon .message-popup-box .main:before {
	content: " ";
	display: block;
	position: absolute;
	left: 50%;
	width: 0;
	height: 0
}
.message .bell-icon .message-popup-box .main:before {
	top: -9px;
	border-bottom: 8px solid #eaeeef;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent
}
.message .bell-icon .message-popup-box .main:after {
	top: -8px;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent
}
.message .bell-icon .message-popup-box .main .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 24px 16px;
	line-height: 1;
	font-size: 17px;
	font-weight: 500;
	color: #303030;
	border-bottom: 1px solid #ebeeef
}
.message .bell-icon .message-popup-box .main .title span:last-child {
	color: #838a91;
	line-height: 1;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer
}
.message .bell-icon .message-popup-box .main ul {
	overflow-y: auto;
	max-height: 300px
}
.message .bell-icon .message-popup-box .main li {
	padding: 16px 24px;
	font-size: 13px;
	font-weight: 400;
	line-height: 21px;
	border-bottom: 1px solid #ebeeef
}
.message .bell-icon .message-popup-box .main li:last-child {
	border-bottom: none
}
.message .bell-icon .message-popup-box .main .more {
	padding: 20px 0;
	text-align: center;
	color: #838a91;
	line-height: 1;
	font-size: 16px;
	font-weight: 500;
	border-top: 1px solid #ebeeef;
	cursor: pointer
}
.write-btn {
	align-self: center;
	width: 96px;
	height: 36px;
	margin-right: 20px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 500
}
.write-btn .iconfont {
	position: relative;
	top: 1px;
	left: -2px;
	font-size: 14px
}
.write-btn-warp {
	position: relative;
	display: flex;
	align-items: center
}
.write-btn-warp .scene {
	box-sizing: border-box;
	position: absolute;
	top: 68px;
	left: -118px;
	width: 333px;
	height: 282px;
	border: 1px solid #ebeeef;
	background: #fff;
	box-shadow: 0 4px 15px rgba(201,209,214,.4);
	border-radius: 4px;
	text-align: left;
	z-index: 20
}
.write-btn-warp .scene:before {
	content: "";
	position: absolute;
	top: -6px;
	left: 48%;
	width: 9px;
	height: 9px;
	border: 1px solid #ebeeef;
	border-right: none;
	border-bottom: none;
	background-color: #fff;
	transform: rotate(45deg)
}
.write-btn-warp .scene .close {
	position: absolute;
	right: 22px;
	top: 23px;
	padding: 4px;
	color: #cdd0d3;
	line-height: 1;
	font-size: 12px;
	cursor: pointer
}
.write-btn-warp .scene .close i {
	font-size: inherit
}
.write-btn-warp .scene h4 {
	font-size: 18px;
	font-weight: 600;
	color: #303030;
	line-height: 36px;
	padding: 16px 0 1px 24px
}
.write-btn-warp .scene h4 i {
	position: relative;
	top: -2px;
	left: -1px;
	margin-right: 8px;
	font-size: 18px;
	color: #3db24b;
	vertical-align: middle;
	font-weight: 400;
	transform: translate(-1px, -1px)
}
.write-btn-warp .scene ul {
	padding-top: 4px
}
.write-btn-warp .scene li {
	position: relative;
	font-size: 14px;
	font-weight: 400;
	color: #303030;
	line-height: 24px;
	margin-bottom: 9px;
	padding: 0 25px 0 45px
}
.write-btn-warp .scene li:before {
	box-sizing: border-box;
	content: "";
	position: absolute;
	left: 28px;
	top: 8px;
	width: 7px;
	height: 7px;
	border: 2px solid #d9f0db;
	background: #3db24b
}
.account {
	position: relative;
	z-index: 10;
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 500
}
.account .search {
	color: #6e767f
}
.account .route, .account .search {
	font-weight: 400;
	cursor: pointer
}
.account .route:hover, .account .search:hover {
	color: #1458d4
}
.account .line {
	position: relative;
	top: 1px;
	margin: 0 4px;
	font-size: 16px
}
.user {
	position: relative;
	display: flex;
	cursor: pointer;
	border: 1px solid #eaeeef;
	border-radius: 50%
}
.user .nickname {
	margin: 0 15px 0 10px
}
.account-popup-box {
	position: absolute;
	right: -17px;
	top: 100%;
	z-index: 1;
	padding-top: 16px
}
.account-popup-box ul {
	position: relative;
	width: 171px;
	padding: 18px 0 0;
	background: #fff;
	border: 1px solid #eaeeef;
	box-shadow: 0 3px 14px 0 rgba(199,209,215,.4);
	cursor: default
}
.account-popup-box ul:after, .account-popup-box ul:before {
	content: " ";
	display: block;
	position: absolute;
	right: 20px;
	width: 0;
	height: 0
}
.account-popup-box ul:before {
	top: -9px;
	border-bottom: 8px solid #eaeeef;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent
}
.account-popup-box ul:after {
	top: -8px;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent
}
.account-popup-box li {
	text-align: center;
	line-height: 1;
	font-size: 14px;
	font-weight: 400
}
.account-popup-box li.popup-avatar {
	position: relative;
	margin-top: 4px;
	padding: 0
}
.account-popup-box li.popup-avatar:after {
	content: " ";
	display: block;
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
	height: 1px;
	background: #eaeeef
}
.account-popup-box li.popup-avatar .avatar-box .avatar {
	width: 48px;
	height: 48px;
	margin: 0 auto
}
.account-popup-box li.popup-avatar .avatar-box img {
	margin: 0 auto;
	border: 4px solid #eaeeef
}
.account-popup-box li.popup-avatar h3 {
	box-sizing: border-box;
	padding: 10px 22px 19px;
	line-height: 1;
	font-size: 18px;
	font-weight: 400;
	text-align: center
}
.account-popup-box li:not(.popup-avatar):hover {
	background: #f6f7f9
}
.account-popup-box li:not(.popup-avatar):hover a, .account-popup-box li:not(.popup-avatar):hover span {
	color: #1458d4
}
.account-popup-box li a, .account-popup-box li span {
	display: block;
	padding: 14px 0;
	cursor: pointer
}
.account-popup-box.more-menu ul {
	padding-top: 24px
}
.account-popup-box.more-menu li {
	padding: 0;
	line-height: 14px
}
.account-popup-box.more-menu li:last-child {
	position: relative
}
.account-popup-box.more-menu li:last-child:before {
	content: " ";
	display: block;
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	height: 1px;
	background: #eaeeef
}
.account-popup-box.more-menu li a, .account-popup-box.more-menu li span {
	display: block;
	width: 100%;
	height: 100%
}
.account-popup-box.more-menu li .selected:after {
	display: none
}
.line-notice-popup-box {
	display: flex;
	align-items: center;
	position: absolute;
	right: -85px;
	top: 100%;
	z-index: 1;
	padding-top: 16px
}
.line-notice-popup-box .notice-content {
	position: relative;
	width: 202px;
	height: 48px;
	background: #fff;
	border: 1px solid #eaeeef;
	border-radius: 4px;
	box-shadow: 0 3px 14px 0 rgba(199,209,215,.4);
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
	color: #303030
}
.line-notice-popup-box .notice-content img {
	width: 23px;
	height: 23px;
	margin-right: 9px
}
.line-notice-popup-box .notice-content:after, .line-notice-popup-box .notice-content:before {
	content: " ";
	display: block;
	position: absolute;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -8px
}
.line-notice-popup-box .notice-content:before {
	top: -9px;
	border-bottom: 8px solid #eaeeef;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent
}
.line-notice-popup-box .notice-content:after {
	top: -8px;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent
}
.common-header-pc.dark {
	background: #1c1c1c;
	border-bottom-color: #1c1c1c
}
.common-header-pc.dark .friendship-link-wrap {
	background: #0c0c0c
}
.common-header-pc.dark .friendship-link-wrap .friendship-link li a {
	color: #949494
}
.common-header-pc.dark .friendship-link-wrap .friendship-link li a:hover {
	color: #e1e1e1
}
.common-header-pc.dark .nav a {
	color: #e0e0e0
}
.common-header-pc.dark .search-container .search-wrap {
	background: #262626;
	border-color: #2b2b2b
}
.common-header-pc.dark .search-container .search-wrap.focus {
	border-color: #949494!important
}
.common-header-pc.dark .search-container .search-wrap.focus .search {
	color: #949494
}
.common-header-pc.dark .search-container .search-wrap .search-input, .common-header-pc.dark .search-container .search-wrap .search {
	background: #262626
}
.common-header-pc.dark .search-container .search-wrap .search-input {
	color: #e0e0e0
}
.common-header-pc.dark .write-btn {
	background: #15853b;
	border-color: #15853b
}
.common-header-pc.dark .account .line, .common-header-pc.dark .account .route, .common-header-pc.dark .message .bell-icon .iconfont {
	color: #949494
}
.common-header-pc.dark .account .route:hover {
	color: #e1e1e1
}
.slide-in-enter-active, .slide-in-leave-active {
	transition: all .3s ease
}
.slide-in-enter, .slide-in-leave-to {
	transform: translateY(-5px);
	opacity: 0
}
.fade-one-level-nav-up-enter-active, .fade-one-level-nav-up-leave-active {
	transition: all .5s ease
}
.fade-one-level-nav-up-enter, .fade-one-level-nav-up-leave-to {
	transform: translateY(-38px);
	opacity: 0
}
.fade-nav-up-enter-active, .fade-nav-up-leave-active {
	transition: all .5s ease
}
.fade-nav-up-enter, .fade-nav-up-leave-to {
	transform: translateY(28px);
	opacity: 0
}
.search-wrap .search-box .search-input, .search-wrap, .side-bar .side-drawer, .side-bar {
	transition: all .3s ease
}
.side-bar .side-drawer .nav .other-menu ul.sub-nav li, .side-bar .side-drawer .nav .other-menu ul.sub-nav li a {
	overflow: hidden;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis
}
.side-bar .side-drawer .user-info p {
	line-height: 20px;
	font-size: 12px;
	font-weight: 400
}
.header-mobile {
	width: 100%
}
.nav-bar {
	box-sizing: border-box;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 45px;
	padding: 0 20px;
	border-bottom: 1px solid #eaeeef
}
.nav-bar .menu-btn {
	line-height: 1;
	font-size: 18px;
	font-weight: 300;
	color: #1458d4
}
.nav-bar .logo {
	display: inline-block;
	width: 78px;
	height: 24px;
	background-size: 78px auto
}
.nav-bar .logo img {
	width: 100%;
	height: 100%
}
.nav-bar .search {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 1;
	font-size: 20px;
	font-weight: 400;
	color: #1458d4
}
.nav-bar .message-center-icon {
	position: absolute;
	right: 63px;
	top: 50%;
	color: #1458d4;
	line-height: 1;
	font-size: 21px;
	font-weight: 400;
	transform: translateY(-50%)
}
.nav-bar .message-center-icon .iconfont {
	line-height: 1;
	font-size: 21px;
	font-weight: 400
}
.nav-bar .message-center-icon .count {
	position: absolute;
	left: 50%;
	top: -7px;
	display: block;
	padding: 1px 4px;
	color: #fff;
	line-height: 1;
	font-size: 12px;
	font-weight: 600;
	background: #ff5a05;
	border: 2px solid #fff;
	border-radius: 16px
}
.nav-bar .message-center-icon .count.isIos {
	padding: 3px 4px 0
}
.side-bar {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	width: 100%;
	background: rgba(0,0,0,.6);
	transition-delay: .1s;
	opacity: 0;
	pointer-events: none
}
.side-bar.open {
	pointer-events: auto;
	opacity: 1;
	transition-delay: 0
}
.side-bar.open .side-drawer {
	left: 0;
	transition-delay: .1s
}
.side-bar .side-drawer {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 0;
	left: -100%;
	width: calc(100% - 94px);
	min-height: 100%;
	background: #fff;
	will-change: left
}
.side-bar .side-drawer .user-box {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding: 28px 20px
}
.side-bar .side-drawer .user-box .image {
	flex-shrink: 0;
	overflow: hidden;
	width: 46px;
	height: 46px;
	margin-right: 10px;
	border-radius: 50%;
	border: 1px solid #eaeeef
}
.side-bar .side-drawer .user-box .image img {
	width: 100%;
	height: 100%
}
.side-bar .side-drawer .login {
	line-height: 1;
	font-size: 18px;
	font-weight: 400
}
.side-bar .side-drawer .user-info {
	flex-grow: 1
}
.side-bar .side-drawer .user-info h6 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-height: 1;
	font-size: 18px;
	font-weight: 500;
	color: #303030;
	line-height: 22px;
	word-break: break-all
}
.side-bar .side-drawer .user-info p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-height: 14px
}
.side-bar .side-drawer .setting {
	margin-left: 10px
}
.side-bar .side-drawer .setting .iconfont {
	font-size: 19px;
	line-height: 19px;
	color: #303030
}
.side-bar .side-drawer .nav {
	flex: 1;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-direction: column
}
.side-bar .side-drawer .nav ul.main-nav {
	display: flex;
	flex-direction: column;
	flex: 1;
	width: 100%
}
.side-bar .side-drawer .nav li {
	position: relative;
	height: 43px;
	padding: 0 20px;
	background: #fff;
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
	line-height: 43px;
	cursor: pointer
}
.side-bar .side-drawer .nav li a, .side-bar .side-drawer .nav li span {
	display: block;
	color: #141414
}
.side-bar .side-drawer .nav li .iconfont {
	position: absolute;
	top: 50%;
	right: 20px;
	font-size: 10px;
	color: #828a92;
	opacity: .6;
	transform: translateY(-50%)
}
.side-bar .side-drawer .nav li img {
	position: relative;
	top: 1px;
	width: 20px;
	height: 12px
}
.side-bar .side-drawer .nav .other-menu {
	display: flex;
	flex-direction: column;
	padding: 19px 0 13px;
	border: 1px solid #eaeeef;
	border-right: none;
	border-left: none
}
.side-bar .side-drawer .nav .other-menu ul.sub-nav {
	display: flex;
	flex-wrap: wrap;
	padding: 0 20px
}
.side-bar .side-drawer .nav .other-menu ul.sub-nav li {
	box-sizing: border-box;
	flex: 1;
	min-width: 76px;
	height: 32px;
	padding: 0 4px;
	margin: 0 6px 6px 0;
	background: #f8f9fa;
	border: none;
	border-radius: 2px;
	text-align: center;
	line-height: 32px;
	font-size: 13px;
	font-weight: 400
}
.side-bar .side-drawer .nav .other-menu ul.sub-nav li a {
	color: #828a92
}
.side-bar .side-drawer .nav .other-menu ul.sub-nav li:nth-child(2n) {
	background: #e9ecf2
}
.side-bar .side-drawer .nav .other-menu ul.sub-nav li:nth-child(2n) a {
	color: #5d6788
}
.side-bar .side-drawer .nav .other-menu ul.sub-nav li:nth-child(3n) {
	margin-right: 0
}
.side-bar .side-drawer .logout {
	width: 100%;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 16px;
	font-weight: 400
}
.search-wrap {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	opacity: 0;
	pointer-events: none;
	transition-delay: .1s
}
.search-wrap.open {
	opacity: 1;
	pointer-events: auto
}
.search-wrap .cover {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.6)
}
.search-wrap .search-box {
	position: absolute;
	z-index: 200;
	top: 0;
	left: 0;
	width: 100%;
	height: 45px;
	background: #fff
}
.search-wrap .search-box .search-input {
	position: absolute;
	top: 50%;
	right: 48px;
	width: calc(100% - 68px);
	padding: 0 0 2px 10px;
	font-size: 14px;
	font-weight: 400;
	border: none;
	border-bottom: 1px solid #eaeeef;
	transform: translate(120%, -50%);
	transition-duration: .4s
}
.search-wrap .search-box .search-input.open {
	transform: translateY(-50%)
}
.search-wrap .search-box span {
	color: #828a92
}
.search-wrap .search-box .search-icon {
	position: absolute;
	top: 50%;
	right: 0;
	padding-right: 20px;
	height: 44px;
	background: #fff;
	font-size: 20px;
	font-weight: 400;
	color: #1458d4;
	line-height: 42px;
	transform: translateY(-50%)
}
.TooltipBox_tooltip-box_v3ViH {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	will-change: opacity, transform
}
.TooltipBox_tooltip-box_v3ViH[data-position=top] {
	-webkit-transform-origin: center bottom 0;
	transform-origin: center bottom 0
}
.TooltipBox_tooltip-box_v3ViH[data-position=top-start] {
	-webkit-transform-origin: left bottom 0;
	transform-origin: left bottom 0
}
.TooltipBox_tooltip-box_v3ViH[data-position=top-end] {
	-webkit-transform-origin: right bottom 0;
	transform-origin: right bottom 0
}
.TooltipBox_tooltip-box_v3ViH[data-position=bottom] {
	-webkit-transform-origin: center top 0;
	transform-origin: center top 0
}
.TooltipBox_tooltip-box_v3ViH[data-position=bottom-start] {
	-webkit-transform-origin: left top 0;
	transform-origin: left top 0
}
.TooltipBox_tooltip-box_v3ViH[data-position=bottom-end] {
	-webkit-transform-origin: right top 0;
	transform-origin: right top 0
}
.TooltipBox_tooltip-box_v3ViH[data-position=left] {
	-webkit-transform-origin: right center 0;
	transform-origin: right center 0
}
.TooltipBox_tooltip-box_v3ViH[data-position=left-start] {
	-webkit-transform-origin: right top 0;
	transform-origin: right top 0
}
.TooltipBox_tooltip-box_v3ViH[data-position=left-end] {
	-webkit-transform-origin: right bottom 0;
	transform-origin: right bottom 0
}
.TooltipBox_tooltip-box_v3ViH[data-position=right] {
	-webkit-transform-origin: left center 0;
	transform-origin: left center 0
}
.TooltipBox_tooltip-box_v3ViH[data-position=right-start] {
	-webkit-transform-origin: left top 0;
	transform-origin: left top 0
}
.TooltipBox_tooltip-box_v3ViH[data-position=right-end] {
	-webkit-transform-origin: left bottom 0;
	transform-origin: left bottom 0
}
.TooltipBox_tooltip-section_1d9xO {
	position: relative
}
.TooltipBox_tooltip-arrow_15M8G, .TooltipBox_tooltip-arrow_15M8G:after {
	display: block;
	position: absolute;
	z-index: 1;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent
}
.TooltipBox_tooltip-arrow_15M8G:after {
	content: ""
}
.popup-inner .author-info h6 {
	transition: all .3s ease
}
.popup-inner .author-info h6, .popup-inner .author-info p {
	overflow: hidden;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis
}
.loading-panel {
	display: flex;
	align-items: center;
	justify-content: center
}
.popup-inner .author-info h6:active, .popup-inner .author-info h6:hover {
	color: #1458d4
}
.popup-inner .author-info h6:active {
	transition: none
}
.loading-panel {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}
.follow-popup {
	cursor: default;
	will-change: transform, opacity
}
.popup-inner {
	position: relative;
	box-sizing: border-box;
	width: 100%
}
.popup-inner .author-profile {
	display: flex;
	width: 100%
}
.popup-inner .avatar-wrapper {
	width: 55px;
	height: 55px;
	margin-right: 12px;
	padding: 2px;
	border: 1px solid #1458d4;
	border-radius: 50%;
	cursor: pointer
}
.popup-inner .author-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-around
}
.popup-inner .author-info h6 {
	position: relative;
	top: 2px;
	width: 220px;
	font-size: 18px;
	font-weight: 500;
	text-align: left;
	white-space: nowrap;
	color: #303030
}
.popup-inner .author-info h6 span {
	cursor: pointer
}
.popup-inner .author-info p {
	position: relative;
	top: -3px;
	width: 223px;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	color: #303030
}
.popup-inner .author-summary {
	margin: 12px 0 15px;
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	color: #828a92
}
.popup-inner .follow-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 32px;
	padding-top: 12px;
	border-top: 1px solid #eaeeef
}
.popup-inner .follow-count {
	line-height: 1;
	font-size: 14px;
	font-weight: 500;
	color: #1458d4;
	text-align: left
}
.popup-inner .follow-count .iconfont {
	font-size: 14px
}
.popup-inner .geek-foll-btn {
	min-width: 75px;
	height: 32px;
	padding: 0 16px
}
.popup-inner .geek-foll-btn .iconfont {
	font-size: 14px;
	position: relative;
	top: 0;
	left: -2px
}
.loading-disabled {
	background: #f6f7f9;
	color: transparent!important
}
.slide-in-enter-active, .slide-in-leave-active {
	transition: all .3s ease-out
}
.slide-in-enter, .slide-in-leave-to {
	transform: translateY(5px);
	opacity: 0
}
.com-author-name {
	transition: all .3s ease
}
.com-author-name:active, .com-author-name:hover {
	color: #1458d4
}
.com-author-name:active {
	transition: none
}
.com-author-name {
	position: relative;
	cursor: pointer;
	color: #303030
}
.com-search-input {
	box-sizing: border-box;
	position: relative;
	display: flex;
	align-items: center;
	min-height: 40px;
	background: #f6f7fb;
	border-radius: 4px;
	transition: all .3s
}
.com-search-input.focus {
	border-color: #1458d4
}
.com-search-input input {
	width: calc(100% - 55px);
	padding: 0 12px;
	border: none;
	font-size: 14px;
	font-weight: 400;
	line-height: 25px;
	background: #f6f7fb;
	color: #303030;
	outline: none
}
.com-search-input input::-webkit-input-placeholder {
color:#828a92;
opacity:.6
}
.com-search-input .search-btn {
	flex: none;
	display: inline-block;
	width: 43px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	color: #b2b2b2;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media screen and (max-width:768px) {
.com-search-input input {
	padding-left: 17px
}
}
.nav-container ul.sub-nav li, .nav-container ul.sub-nav li a {
	overflow: hidden;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis
}
.nav-container .logout {
	display: flex;
	align-items: center;
	justify-content: center
}
.common-header-wap {
	width: 100%
}
.common-header-wap .shim {
	height: 105px
}
.common-header-wap .header-container {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9000;
	width: 100%;
	height: 105px
}
.common-header-wap.isHideAppDrainage .header-container, .common-header-wap.isHideAppDrainage .shim {
	height: 51px
}
.common-header-wap .app-drainage {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	width: 100%;
	height: 54px;
	padding: 0 15px 0 12px;
	background: #f8f9fa
}
.common-header-wap .app-drainage .time-logo {
	flex-shrink: 0;
	width: 49px;
	height: 49px;
	margin-right: 10px
}
.common-header-wap .app-drainage .time-logo img {
	width: 100%;
	height: 100%
}
.common-header-wap .app-drainage .notice-info {
	flex-grow: 1
}
.common-header-wap .app-drainage .info-title {
	line-height: 1;
	font-size: 15px;
	font-weight: 500;
	color: #303030
}
.common-header-wap .app-drainage .info-sub-title {
	margin-top: 5px;
	line-height: 1;
	font-size: 12px;
	font-weight: 400;
	color: #828a92
}
.common-header-wap .app-drainage [gk-button] {
	width: 80px;
	height: 30px;
	border-radius: 30px;
	font-size: 13px
}
.common-header-wap .header-main {
	box-sizing: border-box;
	display: flex;
	width: 100%;
	height: 51px;
	padding: 10px 15px;
	background: #fff
}
.common-header-wap .header-main.shadow {
	border-bottom: 2px solid #f8f8f8
}
.common-header-wap .logo {
	flex-shrink: 0;
	width: 80px;
	height: 24px;
	margin-top: 3px
}
.common-header-wap .logo img {
	width: 100%;
	height: 100%
}
.common-header-wap .search {
	margin-top: 3px;
	margin-left: 13px
}
.common-header-wap .search .iconfont {
	line-height: 1;
	font-size: 24px;
	font-weight: 400;
	color: #b2b2b2
}
.common-header-wap .placeholder {
	flex: 1
}
.common-header-wap .action {
	box-sizing: border-box;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	height: 28px;
	padding: 8px 0 7px 12px;
	margin: 0 0 0 -2px
}
.common-header-wap .action a {
	line-height: 1;
	font-size: 16px;
	font-weight: 400;
	color: #828a92
}
.common-header-wap .action i {
	margin: 0 4px;
	color: #1458d4
}
.common-header-wap .message-center-icon {
	position: relative;
	top: 21px;
	margin-left: 7px;
	color: #1458d4;
	line-height: 1;
	font-size: 21px;
	font-weight: 400;
	transform: translateY(-50%)
}
.common-header-wap .message-center-icon .iconfont {
	line-height: 1;
	font-size: 21px;
	font-weight: 400
}
.common-header-wap .message-center-icon.has-count {
	margin-right: 10px
}
.common-header-wap .message-center-icon.more-count {
	margin-right: 20px
}
.common-header-wap .message-center-icon .count {
	position: absolute;
	left: 50%;
	top: -7px;
	display: block;
	padding: 1px 4px;
	color: #fff;
	line-height: 1;
	font-size: 12px;
	font-weight: 600;
	background: #ff5a05;
	border: 2px solid #fff;
	border-radius: 16px
}
.common-header-wap .message-center-icon .count.isIOS {
	padding: 3px 4px 0
}
.header-draw {
	position: fixed;
	z-index: 9001;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	background: #fff
}
.draw-top {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	box-sizing: border-box;
	height: 142px;
	padding: 17px 15px 17px 16px
}
.draw-top .user {
	display: flex;
	align-items: center;
	margin-bottom: 16px
}
.draw-top .user-name {
	margin: 0 8px 0 10px;
	font-size: 20px;
	font-weight: 500;
	color: #303030;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
.draw-top .setting {
	flex-shrink: 0;
	position: relative;
	top: 0;
	width: 18px;
	height: 17px;
	margin-right: 34px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABECAMAAAARBFMzAAACkVBMVEUAAAD///9/f3+qqqp/f3+ZmZl/f3+SkpJ/f3+Ojo6AgICLi4uJiYmIiIiHh4eGhoaMjIyGhoaLi4uFhYWJiYmEhISJiYmIiIiMjIyHh4eLi4uKioqHh4eKioqGhoaGhoaJiYmIiIiFhYWIiIiLi4uIiIiKioqHh4eHh4eJiYmHh4eJiYmGhoaJiYmGhoaIiIiGhoaIiIiKioqKioqJiYmHh4eJiYmHh4eJiYmHh4eIiIiHh4eIiIiGhoaIiIiKioqIiIiJiYmJiYmHh4eJiYmHh4eIiIiHh4eIiIiHh4eJiYmJiYmIiIiHh4eJiYmJiYmHh4eHh4eHh4eIiIiIiIiIiIiJiYmIiIiJiYmHh4eIiIiIiIiHh4eIiIiIiIiIiIiJiYmIiIiJiYmIiIiHh4eIiIiHh4eHh4eHh4eIiIiJiYmIiIiJiYmIiIiJiYmIiIiIiIiIiIiIiIiHh4eIiIiHh4eIiIiHh4eIiIiJiYmIiIiJiYmIiIiJiYmIiIiIiIiIiIiIiIiHh4eIiIiHh4eIiIiHh4eIiIiJiYmIiIiJiYmIiIiIiIiIiIiIiIiIiIiIiIiHh4eIiIiHh4eIiIiJiYmIiIiJiYmIiIiIiIiIiIiIiIiIiIiIiIiIiIiHh4eIiIiHh4eIiIiJiYmIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiHh4eIiIiJiYmIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiHh4eIiIiJiYmIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIjq5Z7kAAAA2nRSTlMAAQIDBAUGBwgJCgsNDxETFBUWGRobHB4fICEjJCUmKCkrLC0uLzAxMzQ1Njc4OTo7PD0/QUJDREVGR0hJSktMTVBSU1RVVldYWVtdXmBhY2RmaGlrbW5vcHFydHV2eHp7fH1+gIGChIaHiImKi4yNjo+QkZKTlJWWl5iZmpucnZ6foKGio6Slpqeoqaqsra6wsbKztLW2t7i5u7y9vr/AwcLDxMXHyMnKy8zNzs/Q0dLT1NXY2drb3N3e3+Dh4uPk5ebn6Onq6+zt7u/w8fLz9PX29/j5+/z9/iqIb9oAAASySURBVBgZjcGLY011AAfw77n37rIRlTSPGy5as6SReYWZMNIySx6xVESyNK8Ipea1NtaMhpZdk8rEYrvLMtoYWp6z2bjfv6bf79xzb+fhbOfzgY3EnfVtTUXjYJJccLX18s4kOJdcxrB9PaET+xXDToyFM76DjKpLRJS/hlHH/OhazIcPqdO+UEFYZit1Oj7pji74ztDkyBAIviKaVA9Fp6a2UFO98hI15/bsqgwxrHFVNTUP09GJhDaGnZ+m4KkCWpT0hpL6B8M6RsNeOVX35rsgZT6gQftCBYJrXjNV52BrAFUV8dAMqaTOhZegefoAVQmwM4PSNg+i3AsuU3N1aQz+t4RSBuxkUBoBPdeENaWnK4+uneKB3jOUsmBnMqVUODCM0huwM4xSFhx4ndJI2OlFaTUcyKTUF7ZaKXwDB1ZQeOSGrVoKh+DAZgoNsFdJIQAH8ihUwV4dhWNwYDuFa7DVl9J2OLCckg92cijNgwPjKW2GjVEdFEJ94EC3+xQej8cTpd2ltB+OfE6pJR0WyqQyqjqGwZHn7lIVmKpAr3tmNTXLYTL8/fxAoPCDETDJoCY4PxYRMdk3GVHogsGEX6g5Ow1GmxnxT3YMVD0rGLXJDT3vDursjYOe8nGIEYEekPYzoi4NBt4faXAqDgYTqhmRD2E0NRfmeWGUR5MiBQaeuVXUJAHYRCl0MAVmqQy7Vnq4gWFvwizlMFU5AAIUGgbBQqmm1DRdAZQpVyhdcsPC30ihFEAthXxYJVNqiofq2XpKk2FVQKEKwG0KObBaTSkNmhRKX8Aql8INAJQ+gtUhClcVRAQpVMBqJYU7ACgthlUlhVJEfUehFlbLKAGgtBhWpykcQVQBhVpYLaMQAhCisAJWJRSuuxBxkcIJWK2kcAfALQrrYLWK0ixoJlHaAKsNFG4ACFLIh9VISjd9UD3fSGkirAopVAE4TqEpEVbnKDXP9QDumU2U6lywePE6hVIAuVQF0lwwmciwW4HjzQybCRNlahlVnwJIouavd2NhtJUme2HkzQpSkwBhNyMaZsEgpoQGP3WHwfR6RuyGFHeUUVtioOdeT53tXui5NzGqLA4q1/wrjDigwGDUcWpOjYWBspcR15a4EeFJ/42abJj4FuwsOfTtosEwWUZN1VteGCQXU9U+GI4MfkjV0RRYTWymtAuO5FG6m4YnSmqn0NELDvTqoPDoNdhYRSkdDsymtBF2+oQo5MCBdZRegK2LFArhwH4KN2DvDIViOFBMIQh7tRTy4MA+Ctdhr43CZ3Agl5IXdnpTWgIHllIaADvDKaXDgdmUxsDOZEqvwoExlObATgalgdDzpOaW1wRPbZsTBz0fpUWwM4PSWjeiPIsaqbm9pgeiPFsovQ07/akq7weN/yx1royFJr6CqqGwVU5Va7YX0jttNHi82gPBlXWPql9hz9/KsPoMD3oX0+LneLjSahjWPgKdGHebmr83NDLs8ckvtwYeMexWbpCalmnoVL+TNCnqD6HvHppU+tAF93st1HmQCc3s+9RpWx6DrsXvCzGixo+ogb8zqmggnEn4PkTVjljodFsfouqHl+HcoHXnm//c9QpMEr8O/luz0Y8n+Q8F9/anX7WDqwAAAABJRU5ErkJggg==) no-repeat 50%/18px 17px
}
.draw-top .placeholder {
	flex: 1
}
.draw-top .close {
	flex-shrink: 0;
	font-size: 14px;
	font-weight: 400;
	color: #b2b2b2;
	transform: translateY(2px)
}
.nav-container {
	display: flex;
	flex: 1;
	flex-direction: column;
	overflow-y: auto
}
.nav-container ul.main-nav {
	padding-left: 2px
}
.nav-container ul.main-nav li {
	position: relative;
	height: 54px;
	padding: 0 20px;
	background: #fff;
	border-bottom: .5px solid #eaeeef;
	line-height: 1;
	font-size: 16px;
	font-weight: 400;
	color: #353535;
	line-height: 54px;
	cursor: pointer
}
.nav-container ul.main-nav li:first-child {
	height: 53px;
	border-top: .5px solid #eaeeef
}
.nav-container ul.main-nav li a, .nav-container ul.main-nav li span {
	display: block;
	color: #353535
}
.nav-container ul.main-nav li .iconfont {
	position: absolute;
	top: 50%;
	right: 20px;
	font-size: 10px;
	color: #888;
	transform: translateY(-50%)
}
.nav-container ul.main-nav li img {
	position: relative;
	top: 1px;
	width: 20px;
	height: 12px
}
.nav-container .placeholder {
	flex-grow: 1
}
.nav-container .friend-link {
	margin-top: 20px;
	padding-bottom: 17px
}
.nav-container ul.sub-nav {
	display: flex;
	flex-wrap: wrap;
	padding: 0 15px
}
.nav-container ul.sub-nav li {
	box-sizing: border-box;
	width: calc(25% - 6px);
	height: 32px;
	padding: 0 4px;
	margin: 0 8px 10px 0;
	background: #f8f9fa;
	border: none;
	border-radius: 2px;
	text-align: center;
	line-height: 32px;
	font-size: 13px;
	font-weight: 400
}
.nav-container ul.sub-nav li a {
	color: #5e626f
}
.nav-container ul.sub-nav li:nth-child(4n) {
	margin-right: 0
}
.nav-container .logout {
	flex-shrink: 0;
	height: 60px;
	background: #f6f7fb;
	font-size: 16px;
	font-weight: 400;
	color: #353535
}
.copyright {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 20px;
	font-size: 12px;
	font-weight: 400
}

.theme {
	flex: 310px 0 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}
.theme .logo img {
	display: block;
	height: 28px;
	margin-left: 1px
}
.theme .logo p {
	padding-top: 15px;
	line-height: 1;
	font-size: 12px;
	font-weight: 400
}
.theme dl {
	padding-top: 25px
}
.theme dt {
	padding-bottom: 2px;
	font-size: 16px;
	font-weight: 400;
	color: #141414
}
.theme dd {
	line-height: 24px;
	font-size: 12px;
	font-weight: 400;
	color: #6b6e75
}
.theme ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px
}
.theme li {
	margin: 0 10px
}
.theme li a {
	color: #6b6e75;
	cursor: pointer
}
.theme li a:hover {
	text-decoration: underline;
	color: #1458d4
}
.footer-nav {
	padding-top: 9px
}
.footer-nav dt {
	margin-bottom: 11px;
	line-height: 1;
	font-size: 16px;
	font-weight: 400;
	color: #141414
}
.footer-nav dd {
	display: flex;
	line-height: 24px;
	font-size: 12px;
	font-weight: 400;
	color: #6b6e75
}
.footer-nav dd img {
	position: relative;
	top: 5px;
	display: block;
	height: 13px;
	margin: 0 4px 0 2px
}
.footer-nav dd a, .footer-nav dd span {
	color: #6b6e75
}
.footer-nav dd a:hover {
	text-decoration: underline;
	color: #1458d4
}
.copyright {
	width: 100%;
	height: 60px;
	background: #646d7d;
	text-align: center;
	color: #d1d6e1
}
.copyright img {
	margin-left: 15px;
	vertical-align: top
}
.copyright .icp {
	color: #d1d6e1
}
.copyright span {
	padding-left: 5px;
	color: #d1d6e1
}
.top {
	padding: 37px 0 40px;
	background: #fff;
	border-top: 1px solid #eaeeef
}
.top .logo {
	width: 100%;
	height: 27px;
	background: url(../../../../static/infoq/www/img/logo.3bdee6e4.png) no-repeat 50%;
	background-size: 92px 27px
}
.top p {
	padding-top: 7px;
	text-align: center;
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
	color: #888
}
.copyright {
	box-sizing: border-box;
	width: 100%;
	padding: 24px 20px;
	background: #646d7d;
	text-align: center;
	line-height: 1;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: #d1d6e1
}
.copyright .icp {
	color: #d1d6e1
}

@media screen and (max-width:414px) {
.copyright {
	padding: 24px 40px
}
}

@media screen and (max-width:375px) {
.copyright {
	padding: 24px 22px
}
}
.gk-modal .content, .gk-modal .modal-layer, .gk-modal {
	transition: all .3s ease
}
.gk-modal .content .main-body, .gk-modal .footer, .gk-modal {
	display: flex;
	align-items: center;
	justify-content: center
}
.gk-modal .content .close-btn {
	line-height: 20px;
	font-size: 12px;
	font-weight: 400
}
.gk-modal {
	position: fixed;
	z-index: 1000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	pointer-events: none
}
.gk-modal.open {
	pointer-events: auto;
	opacity: 1
}
.gk-modal.open .content {
	transform: scale(1)
}
.gk-modal.open .modal-layer {
	opacity: 1
}
.gk-modal .modal-layer {
	position: absolute;
	z-index: 1001;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.6);
	opacity: 0
}
.gk-modal .content {
	box-sizing: border-box;
	position: relative;
	top: -30px;
	z-index: 1002;
	background: #fff;
	border-radius: 4px;
	transform: scale(.6)
}
.gk-modal .content .title {
	line-height: 1;
	font-size: 24px;
	font-weight: 400;
	text-align: center
}
.gk-modal .content .close-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 20px;
	height: 20px;
	text-align: center;
	cursor: pointer
}
.Modal_gk-modal_3ly5T {
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	pointer-events: none
}
.Modal_cover_1ybrT {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10001;
	background: rgba(0,0,0,.6);
	pointer-events: all
}
.Modal_gk-modal-main_2eGmU {
	position: relative;
	z-index: 20000;
	background: #fff;
	border-radius: 4px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	pointer-events: all
}
.Modal_close_JZAgW {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 30px;
	height: 30px;
	cursor: pointer
}
.Modal_close_JZAgW:after, .Modal_close_JZAgW:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 2px;
	margin-left: -10px;
	background: #8a8a8a;
	border-radius: 2px;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
.Modal_close_JZAgW:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.Modal_gk-modal-ok-loading_1JgOU {
	margin-right: 10px
}
.Modal_footer_2kWLp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.layer {
	position: fixed;
	z-index: 90000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.6);
	overflow: auto
}
.layer-component {
	position: fixed;
	z-index: 90001;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none
}
.sub-modal [gk-modal-main] {
	text-align: center
}
.sub-modal [gk-modal-main] .title {
	margin-bottom: 18px;
	color: #303030;
	line-height: 30px;
	font-size: 18px;
	font-weight: 500
}
.sub-modal [gk-modal-main] .title .iconfont {
	margin-right: 6px;
	font-size: 19px;
	font-weight: 500;
	color: #1458d4
}
.sub-modal [gk-modal-main] .text {
	margin-bottom: 35px;
	line-height: 1;
	font-size: 16px;
	font-weight: 400
}
.sub-modal [gk-modal-main] .custom-footer-slot {
	margin: 0 auto;
	width: 98px;
	line-height: 1;
	font-size: 16px;
	font-weight: 400
}
.sub-modal [gk-modal-main] .custom-footer-slot [gkbtn-size=small] {
	border-radius: 4px
}

@media screen and (max-width:768px) {
.sub-modal [gk-modal-main] {
	box-sizing: border-box;
	padding: 40px 19px 20px;
	max-width: 100%;
	width: auto
}
.sub-modal [gk-modal-main] .title {
	margin-bottom: 14px;
	line-height: 1;
	font-size: 16px;
	font-weight: 400
}
.sub-modal [gk-modal-main] .title .iconfont {
	font-size: 17px;
	font-weight: 500
}
.sub-modal [gk-modal-main] .text {
	margin-bottom: 28px;
	color: #828a92;
	line-height: 1;
	font-size: 14px;
	font-weight: 400
}
.sub-modal [gk-modal-main] .custom-footer-slot {
	margin: 0 auto;
	width: 125px;
	line-height: 1;
	font-size: 16px;
	font-weight: 400
}
.sub-modal [gk-modal-main] .custom-footer-slot [gkbtn-size=small] {
	border-radius: 4px
}
}
.qrcode-wrap canvas[data-v-cfc1a498] {
	display: block
}
.subWechatTip .is-scroll {
	pointer-events: auto!important
}
.subWechatTip [gk-modal-close] {
	top: 14px;
	right: 14px
}
.subWechatTip [gk-modal-close]:after, .subWechatTip [gk-modal-close]:before {
	width: 20px
}
.subWechatTip [gk-modal-main] {
	box-sizing: border-box;
	border-radius: 8px;
	width: 500px;
	padding: 42px 28px 48px
}
.subWechatTip [gk-modal-main] .bind-title {
	margin: 0 0 26px;
	color: #303030;
	line-height: 30px;
	font-size: 20px;
	font-weight: 600;
	text-align: center
}
.subWechatTip [gk-modal-main] .bind-content {
	text-align: center
}
.subWechatTip [gk-modal-main] .bind-content .official-account {
	margin: 0 auto;
	width: 207px;
	height: 207px;
	display: flex;
	justify-content: center;
	align-items: center
}
.subWechatTip [gk-modal-main] .bind-content .official-account img {
	width: 100%
}
.subWechatTip [gk-modal-main] .bind-content .official-account #bqrcode {
	width: 100%;
	height: 100%
}
.subWechatTip [gk-modal-main] .bind-content .tip {
	margin-top: 26px
}
.subWechatTip [gk-modal-main] .bind-content .tip .tip-each:first-of-type {
	margin-bottom: 6px
}
.subWechatTip [gk-modal-main] .bind-content .tip .tip-each .time-line-dot {
	position: relative;
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 30px;
	background-color: rgba(216,229,254,.6);
	transform: translateY(3px)
}
.subWechatTip [gk-modal-main] .bind-content .tip .tip-each .time-line-dot:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	border-radius: 30px;
	background-color: rgba(60,127,250,.4)
}
.subWechatTip [gk-modal-main] .bind-content .tip .tip-each .tip-info {
	color: #666;
	margin-left: 10px
}

@media screen and (max-width:768px) {
.subWechatTip [gk-modal-main] {
	width: 80vw;
	padding: 37px 0;
	position: relative;
	top: 0;
	border-radius: 8px
}
.subWechatTip [gk-modal-main] .bind-title {
	margin-bottom: 10px;
	font-size: 18px
}
.subWechatTip [gk-modal-main] .bind-content .official-account {
	width: 170px;
	height: 170px
}
.subWechatTip [gk-modal-main] .bind-content .tip {
	margin-top: 15px;
	font-size: 14px
}
.subWechatTip [gk-modal-main] .bind-content .tip .tip-each:first-of-type {
	margin-bottom: 5px
}
.subWechatTip [gk-modal-main] .bind-content .tip .tip-each .time-line-dot {
	width: 12px;
	height: 12px;
	transform: translateY(1px)
}
.subWechatTip [gk-modal-main] .bind-content .tip .tip-each .time-line-dot:before {
	width: 4px;
	height: 4px
}
.subWechatTip [gk-modal-main] .close-extra {
	position: absolute;
	left: 50%;
	bottom: -70px;
	transform: translateX(-50%);
	color: #fff;
	background-color: rgba(0,0,0,.5);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center
}
.subWechatTip [gk-modal-main] .close-extra .iconfont {
	font-size: 14px;
	transform: translate(1px, 1px)
}
}
.live-list .item .item-content[data-v-0df4f832] {
	transition: all .3s ease
}
.live-fixed-bar[data-v-0df4f832] {
	box-sizing: border-box;
	position: fixed;
	top: 170px;
	right: 0;
	z-index: 1000;
	width: 180px;
	height: 44px;
	background: linear-gradient(90deg, #3875f6, #438eff);
	border-radius: 44px 0 0 44px
}
.live-bar[data-v-0df4f832] {
	position: relative;
	padding-left: 18px
}
.scroll-wrap[data-v-0df4f832] {
	overflow: hidden;
	transition: all .3s
}
.scroll-wrap.scroll[data-v-0df4f832] {
	margin-top: -44px
}
.on-live[data-v-0df4f832] {
	display: flex;
	align-items: center;
	padding-right: 5px;
	line-height: 44px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	cursor: pointer
}
.on-live img[data-v-0df4f832] {
	flex: none;
	position: relative;
	top: -2px;
	width: 16px;
	height: 16px;
	margin-right: 10px
}
.live-title[data-v-0df4f832] {
	display: flex;
	flex-grow: 1;
	overflow: hidden
}
.live-title .move-wrap[data-v-0df4f832] {
	flex: none;
	display: flex;
	align-items: center;
	-webkit-animation: move-data-v-0df4f832 7s linear .5s infinite;
	animation: move-data-v-0df4f832 7s linear .5s infinite
}
.live-title .scroll-title[data-v-0df4f832] {
	padding-right: 40px
}
.live-list[data-v-0df4f832] {
	box-sizing: border-box;
	position: absolute;
	top: -50%;
	right: 0;
	width: 271px;
	max-height: 232px;
	padding: 8px 22px 12px 20px;
	background: #fff;
	border-radius: 15px 0 0 15px;
	box-shadow: 0 2px 27px 0 rgba(197,205,213,.25);
	overflow: auto
}
.live-list .item[data-v-0df4f832] {
	position: relative;
	padding: 17px 0 20px
}
.live-list .item .item-content[data-v-0df4f832] {
	margin-bottom: 7px;
	max-height: 42px;
	line-height: 21px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 14px;
	font-weight: 400;
	color: #303030;
	cursor: pointer
}
.live-list .item .item-content[data-v-0df4f832]:hover {
	color: #1458d4
}
.live-list .item .item-content img[data-v-0df4f832] {
	position: relative;
	top: 1px;
	width: 14px;
	height: 14px
}
.live-list .item .time[data-v-0df4f832] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #828a92;
	line-height: 20px;
	font-size: 12px;
	font-weight: 400
}
.live-list .item .time[data-v-0df4f832] [gk-button] {
	width: 64px;
	height: 20px;
	line-height: 20px;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 400
}
.live-list .item[data-v-0df4f832]:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: -22px;
	border-bottom: 1px solid #f6f7f8
}
.live-list .item[data-v-0df4f832]:last-child:after {
	display: none
}
.mobile-live-list[data-v-0df4f832] {
	position: fixed;
	z-index: 1002;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none
}
.mobile-live-list .mask[data-v-0df4f832] {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.4);
	pointer-events: auto
}
.mobile-live-list .content[data-v-0df4f832] {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -100%;
	z-index: 101;
	padding: 20px;
	background: #fff;
	border-radius: 15px 15px 0 0;
	pointer-events: auto;
	opacity: 0;
	transition: all .3s ease
}
.mobile-live-list .content.show[data-v-0df4f832] {
	opacity: 1;
	bottom: 0
}
.mobile-live-list .content .title[data-v-0df4f832] {
	margin-bottom: 10px;
	text-align: center;
	line-height: 1;
	font-size: 17px;
	font-weight: 500;
	color: #303030
}
.mobile-live-list .content .close[data-v-0df4f832] {
	position: absolute;
	top: 18px;
	right: 20px;
	font-size: 12px;
	font-weight: 600;
	color: #828a92;
	opacity: .4
}
.mobile-live-list .content .live-list[data-v-0df4f832] {
	position: static;
	width: 100%;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
	-webkit-overflow-scrolling: touch
}
.mobile-live-list .content .live-list .item[data-v-0df4f832] {
	padding-left: 0;
	overflow: hidden
}
.mobile-live-list .content .live-list .item .item-content[data-v-0df4f832] {
	font-size: 15px
}
.mobile-live-list .content .live-list .item .item-content i[data-v-0df4f832] {
	position: relative;
	color: #1458d4
}
.mobile-live-list .content .live-list .item .item-content i[data-v-0df4f832]:after {
	content: "";
	position: relative;
	top: 2px;
	display: inline-block;
	height: 15px;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #303030
}
.mobile-live-list .content .live-list .item .time[data-v-0df4f832] [gk-button] {
	width: 85px;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	border-radius: 12px
}

@media screen and (max-width:768px) {
.live-fixed-bar[data-v-0df4f832] {
	bottom: 100px;
	top: auto;
	width: 126px;
	height: 36px;
	line-height: 36px
}
.live-bar[data-v-0df4f832] {
	padding-left: 16px
}
.on-live[data-v-0df4f832] {
	height: 36px;
	line-height: 36px
}
.on-live img[data-v-0df4f832] {
	top: -1px;
	margin-right: 7px
}
.live-title .move-wrap[data-v-0df4f832] {
	-webkit-animation: move-data-v-0df4f832 10s linear .5s infinite;
	animation: move-data-v-0df4f832 10s linear .5s infinite
}
.live-list .item[data-v-0df4f832] {
	padding-top: 11px;
	padding-bottom: 15px
}
.live-list .item .item-content[data-v-0df4f832] {
	line-height: 24px;
	max-height: 48px
}
.live-list .item .item-content img[data-v-0df4f832] {
	width: 15px;
	height: 15px
}
.live-list .item[data-v-0df4f832]:last-child:after {
	display: block
}
.mobile-live-list .content[data-v-0df4f832] {
	min-height: 200px
}
.mobile-live-list .content .close[data-v-0df4f832] {
	top: 8px
}
}
@-webkit-keyframes move-data-v-0df4f832 {
0% {
transform:translateX(0)
}
to {
transform:translateX(-50%)
}
}
@keyframes move-data-v-0df4f832 {
0% {
transform:translateX(0)
}
to {
transform:translateX(-50%)
}
}
.account-popup-box li:not(.popup-avatar):hover a[data-v-7ce95509], .account-popup-box li:not(.popup-avatar):hover span[data-v-7ce95509], .account-popup-box li[data-v-7ce95509], .account-popup-box li a[data-v-7ce95509], .account-popup-box li span[data-v-7ce95509], .topic-nav.nav>ul>li[data-v-7ce95509], .topic-nav.nav>ul>li a[data-v-7ce95509], .topic-nav.nav>ul>li span[data-v-7ce95509], .topic-nav.nav[data-v-7ce95509] {
	transition: all .3s ease
}
.account-popup-box li.popup-avatar h3[data-v-7ce95509] {
	overflow: hidden;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis
}
.topic-nav.nav>ul>li.more[data-v-7ce95509] {
	display: flex;
	align-items: center;
	justify-content: center
}
.account-popup-box li:not(.popup-avatar):hover a[data-v-7ce95509]:active, .account-popup-box li:not(.popup-avatar):hover a[data-v-7ce95509]:hover, .account-popup-box li:not(.popup-avatar):hover span[data-v-7ce95509]:active, .account-popup-box li:not(.popup-avatar):hover span[data-v-7ce95509]:hover, .account-popup-box li a[data-v-7ce95509]:active, .account-popup-box li a[data-v-7ce95509]:hover, .account-popup-box li span[data-v-7ce95509]:active, .account-popup-box li span[data-v-7ce95509]:hover, .topic-nav.nav>ul>li[data-v-7ce95509]:active, .topic-nav.nav>ul>li[data-v-7ce95509]:hover, .topic-nav.nav>ul>li a[data-v-7ce95509]:active, .topic-nav.nav>ul>li a[data-v-7ce95509]:hover, .topic-nav.nav>ul>li span[data-v-7ce95509]:active, .topic-nav.nav>ul>li span[data-v-7ce95509]:hover {
	color: #1458d4
}
.account-popup-box li:not(.popup-avatar):hover a[data-v-7ce95509]:active, .account-popup-box li:not(.popup-avatar):hover span[data-v-7ce95509]:active, .account-popup-box li a[data-v-7ce95509]:active, .account-popup-box li span[data-v-7ce95509]:active, .topic-nav.nav>ul>li[data-v-7ce95509]:active, .topic-nav.nav>ul>li a[data-v-7ce95509]:active, .topic-nav.nav>ul>li span[data-v-7ce95509]:active {
	transition: none
}
.account-popup-box li:not(.popup-avatar):hover a[data-v-7ce95509], .account-popup-box li:not(.popup-avatar):hover span[data-v-7ce95509], .account-popup-box li a[data-v-7ce95509], .account-popup-box li span[data-v-7ce95509], .topic-nav.nav>ul>li[data-v-7ce95509], .topic-nav.nav>ul>li a[data-v-7ce95509], .topic-nav.nav>ul>li span[data-v-7ce95509] {
	color: #303030
}
#layout[data-v-7ce95509] {
	width: 100%;
	min-height: 100vh;
	background: #fff
}
.in-app .inner-content[data-v-7ce95509] {
	padding-top: 0
}
.in-app .inner-content .sub-nav-wrap[data-v-7ce95509] {
	display: none
}
.layout-header[data-v-7ce95509] {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	background: #fff
}
.layout-header[data-v-7ce95509]:hover {
	z-index: 2000
}
.layout-header.immersion[data-v-7ce95509] {
	transition: top .6s ease-out;
	top: -107px
}
.layout-header.immersion.had-notice[data-v-7ce95509] {
	top: -147px
}
.sub-nav-wrap[data-v-7ce95509] {
	width: 100%;
	background: #f1f1f1;
	transition: all .4s ease-out .2s, height .4s ease-out
}

@media (min-width:1025px) {
.sub-nav-wrap[data-v-7ce95509] {
	height: 40px
}
}
.sub-nav-wrap.immersion[data-v-7ce95509] {
	height: 0;
	overflow: hidden;
	transform: translateY(-40px)
}
.topic-nav.nav[data-v-7ce95509] {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex: 40px 0 0;
	width: 1200px;
	height: 40px;
	margin: 0 auto;
	background: #f1f1f1
}
.topic-nav.nav>ul[data-v-7ce95509] {
	display: flex;
	transition: all .2s ease-out
}
.topic-nav.nav>ul>li[data-v-7ce95509] {
	height: 14px;
	margin: 0 18px;
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
	color: #303030;
	cursor: pointer
}
.topic-nav.nav>ul>li[data-v-7ce95509]:first-child {
	margin-left: 0
}
.topic-nav.nav>ul>li a[data-v-7ce95509], .topic-nav.nav>ul>li span[data-v-7ce95509] {
	color: #303030
}
.topic-nav.nav>ul>li .selected[data-v-7ce95509] {
	position: relative;
	font-weight: 400;
	color: #1458d4
}
.topic-nav.nav>ul>li.more[data-v-7ce95509] {
	position: relative;
	width: 25px;
	text-align: center
}
.topic-nav.nav>ul>li.more em[data-v-7ce95509] {
	position: absolute;
	right: -6px;
	top: 0;
	width: 6px;
	height: 6px;
	background: #ff5a05;
	border-radius: 6px
}
.topic-nav.nav>ul>li.more .dot[data-v-7ce95509], .topic-nav.nav>ul>li.more .dot[data-v-7ce95509]:after, .topic-nav.nav>ul>li.more .dot[data-v-7ce95509]:before {
	width: 3px;
	height: 3px;
	background: #141414;
	border-radius: 3px
}
.topic-nav.nav>ul>li.more .dot[data-v-7ce95509] {
	display: block;
	position: relative
}
.topic-nav.nav>ul>li.more span[data-v-7ce95509]:after, .topic-nav.nav>ul>li.more span[data-v-7ce95509]:before {
	position: absolute;
	top: 0;
	content: " ";
	display: block
}
.topic-nav.nav>ul>li.more span[data-v-7ce95509]:before {
	left: -7px
}
.topic-nav.nav>ul>li.more span[data-v-7ce95509]:after {
	right: -7px
}
.topic-nav.nav>ul>li.landing[data-v-7ce95509] {
	position: relative
}
.topic-nav.nav>ul>li.landing[data-v-7ce95509]:after {
	content: "";
	position: absolute;
	right: -15px;
	top: -10px;
	width: 20px;
	height: 12px;
	background-size: contain;
	pointer-events: none
}
.topic-nav.nav>ul>li.static[data-v-7ce95509] {
	position: relative
}
.topic-nav.nav>ul>li.static img[data-v-7ce95509] {
	position: absolute;
	left: 100%;
	top: -10px
}
.page-video.sub-nav-wrap[data-v-7ce95509], .page-video .topic-nav.nav[data-v-7ce95509] {
	background: #262626
}
.page-video .topic-nav.nav>ul.nav-list>li a[data-v-7ce95509], .page-video .topic-nav.nav>ul.nav-list>li span[data-v-7ce95509] {
	color: #949494
}
.page-video .topic-nav.nav>ul.nav-list>li a[data-v-7ce95509]:hover, .page-video .topic-nav.nav>ul.nav-list>li span[data-v-7ce95509]:hover {
	color: #e1e1e1
}
.page-video .topic-nav.nav>ul.nav-list>li.more .dot[data-v-7ce95509], .page-video .topic-nav.nav>ul.nav-list>li.more .dot[data-v-7ce95509]:after, .page-video .topic-nav.nav>ul.nav-list>li.more .dot[data-v-7ce95509]:before {
	background: hsla(0,0%,80%,.6)
}
.page-video .topic-nav.nav ul.more-nav li a[data-v-7ce95509], .page-video .topic-nav.nav ul.more-nav li span[data-v-7ce95509] {
	color: #4a4a4a
}
.account-popup-box[data-v-7ce95509] {
	position: absolute;
	right: -17px;
	top: 100%;
	z-index: 500;
	padding-top: 16px
}
.account-popup-box ul[data-v-7ce95509] {
	position: relative;
	width: 171px;
	padding: 18px 0 0;
	background: #fff;
	border: 1px solid #eaeeef;
	box-shadow: 0 3px 14px 0 rgba(199,209,215,.4);
	cursor: default
}
.account-popup-box ul[data-v-7ce95509]:after, .account-popup-box ul[data-v-7ce95509]:before {
	content: " ";
	display: block;
	position: absolute;
	right: 20px;
	width: 0;
	height: 0
}
.account-popup-box ul[data-v-7ce95509]:before {
	top: -9px;
	border-bottom: 8px solid #eaeeef;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent
}
.account-popup-box ul[data-v-7ce95509]:after {
	top: -8px;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent
}
.account-popup-box li[data-v-7ce95509] {
	text-align: center;
	line-height: 1;
	font-size: 14px;
	font-weight: 400
}
.account-popup-box li.popup-avatar[data-v-7ce95509] {
	position: relative;
	margin-top: 4px;
	padding: 0
}
.account-popup-box li.popup-avatar[data-v-7ce95509]:after {
	content: " ";
	display: block;
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
	height: 1px;
	background: #eaeeef
}
.account-popup-box li.popup-avatar .avatar-box img[data-v-7ce95509] {
	margin: 0 auto;
	border: 4px solid #eaeeef
}
.account-popup-box li.popup-avatar h3[data-v-7ce95509] {
	box-sizing: border-box;
	padding: 10px 22px 19px;
	line-height: 1;
	font-size: 18px;
	font-weight: 400;
	text-align: center
}
.account-popup-box li[data-v-7ce95509]:not(.popup-avatar):hover {
	background: #f6f7f9
}
.account-popup-box li:not(.popup-avatar):hover a[data-v-7ce95509], .account-popup-box li:not(.popup-avatar):hover span[data-v-7ce95509] {
	color: #1458d4
}
.account-popup-box li a[data-v-7ce95509], .account-popup-box li span[data-v-7ce95509] {
	display: block;
	padding: 14px 0;
	cursor: pointer
}
.account-popup-box.more-menu ul[data-v-7ce95509] {
	padding-top: 8px
}
.account-popup-box.more-menu li[data-v-7ce95509] {
	padding: 0;
	line-height: 14px
}
.account-popup-box.more-menu li[data-v-7ce95509]:last-child {
	position: relative
}
.account-popup-box.more-menu li[data-v-7ce95509]:last-child:before {
	content: " ";
	display: block;
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	height: 1px;
	background: #eaeeef
}
.account-popup-box.more-menu li a[data-v-7ce95509], .account-popup-box.more-menu li span[data-v-7ce95509] {
	display: block;
	width: 100%;
	height: 100%
}
.account-popup-box.more-menu li .selected[data-v-7ce95509]:after {
	display: none
}
.account-popup-box .more-nav[data-v-7ce95509] {
	box-shadow: none
}
.inner-content[data-v-7ce95509] {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding-top: 107px;
	transition: padding .6s ease-out
}
.inner-content.had-notice[data-v-7ce95509] {
	padding-top: 147px
}
.inner-content.hide-header[data-v-7ce95509] {
	padding-top: 0
}
.inner-content.hide-footer[data-v-7ce95509] {
	padding-bottom: 0
}
.inner-content.immersion[data-v-7ce95509] {
	padding-top: 0
}
.geo-banner[data-v-7ce95509] {
	position: relative;
	width: 100%;
	height: 115px;
	background-size: auto 115px
}
.geo-banner.show-corner-mark[data-v-7ce95509] {
	position: relative
}
.geo-banner.show-corner-mark[data-v-7ce95509]:before {
	content: attr(data-icon);
	overflow: hidden;
	display: block;
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 1;
	padding: 4px 5px 3px;
	background: rgba(0,0,0,.65);
	border-radius: 2px;
	text-align: center;
	line-height: 1;
	font-size: 12px;
	font-weight: 500;
	color: hsla(0,0%,100%,.8);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	left: 50%;
	margin-left: -535px
}
.geo-banner.fixed[data-v-7ce95509] {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 10000
}
.geo-banner .image[data-v-7ce95509] img {
	display: block;
	width: 1080px;
	height: 100%;
	margin: 0 auto
}
.geo-banner .close-geo[data-v-7ce95509] {
	position: absolute;
	left: 50%;
	top: 0;
	width: 40px;
	height: 52px;
	margin-left: 540px;
	cursor: pointer
}
.geo-banner .close-geo[data-v-7ce95509]:after, .geo-banner .close-geo[data-v-7ce95509]:before {
	content: " ";
	display: block;
	position: absolute;
	left: 9px;
	top: 25px;
	width: 21px;
	height: 1px;
	background: #fff;
	transform-origin: center
}
.geo-banner .close-geo[data-v-7ce95509]:before {
	transform: rotate(45deg)
}
.geo-banner .close-geo[data-v-7ce95509]:after {
	transform: rotate(-45deg)
}
.offline-modal[data-v-7ce95509] .content {
	padding: 44px
}
.offline-modal[data-v-7ce95509] .content .title {
	font-size: 24px;
	font-weight: 800
}
.offline-modal[data-v-7ce95509] .content .main-body {
	margin: 32px 0;
	font-size: 14px;
	text-align: center;
	color: #303030
}
.offline-modal[data-v-7ce95509] .content [gk-button] {
	width: 128px
}

@media screen and (max-width:768px) {
.inner-content[data-v-7ce95509] {
	padding: 0;
	background: #fff
}
.inner-content.hide-header[data-v-7ce95509], .inner-content.in-baidu-smart[data-v-7ce95509] {
	padding-top: 0
}
.inner-content.hide-footer[data-v-7ce95509] {
	padding-bottom: 0
}
.geo-banner[data-v-7ce95509] {
	height: 90px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}
.geo-banner .image[data-v-7ce95509] img {
	width: 100%;
	height: 100%
}
.geo-banner .close-geo[data-v-7ce95509] {
	position: absolute;
	left: auto;
	right: 0;
	width: 30px;
	height: 30px;
	margin-left: 0
}
.geo-banner .close-geo[data-v-7ce95509]:after, .geo-banner .close-geo[data-v-7ce95509]:before {
	position: absolute;
	left: 7px;
	top: 15px;
	width: 16px;
	height: 1px
}
.offline-modal[data-v-7ce95509] .content {
	padding: 35px 32px 25px
}
.offline-modal[data-v-7ce95509] .content .main-body {
	margin: 28px 0 35
}
}

@media screen and (max-width:360px) {
.geo-banner[data-v-7ce95509] {
	height: 86px
}
}

@media screen and (max-width:320px) {
.geo-banner[data-v-7ce95509] {
	height: 75px
}
}
.slide-in-enter-active[data-v-7ce95509], .slide-in-leave-active[data-v-7ce95509] {
	transition: all .3s ease
}
.slide-in-enter[data-v-7ce95509], .slide-in-leave-to[data-v-7ce95509] {
	transform: translateY(-5px);
	opacity: 0
}
.vue-scrollbar-transition, .vue-scrollbar__scrollbar-horizontal, .vue-scrollbar__scrollbar-vertical {
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease
}
.vue-scrollbar-transition--scrollbar {
	transition: opacity .5s linear;
	-moz-transition: opacity .5s linear;
	-webkit-transition: opacity .5s linear;
	-o-transition: opacity .5s linear
}
.vue-scrollbar__wrapper {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	background: #fff
}
.vue-scrollbar__wrapper:hover .vue-scrollbar__scrollbar-horizontal, .vue-scrollbar__wrapper:hover .vue-scrollbar__scrollbar-vertical {
	opacity: 1
}
.vue-scrollbar__scrollbar-horizontal, .vue-scrollbar__scrollbar-vertical {
	opacity: .5;
	position: absolute;
	background: transparent
}
.vue-scrollbar__scrollbar-horizontal:hover, .vue-scrollbar__scrollbar-vertical:hover {
	background: rgba(0,0,0,.3)
}
.vue-scrollbar__scrollbar-horizontal .scrollbar, .vue-scrollbar__scrollbar-vertical .scrollbar {
	position: relative;
	background: rgba(0,0,0,.5);
	cursor: default
}
.vue-scrollbar__scrollbar-vertical {
	width: 10px;
	height: 100%;
	top: 0;
	right: 0
}
.vue-scrollbar__scrollbar-vertical .scrollbar {
	width: 10px
}
.vue-scrollbar__scrollbar-horizontal {
	height: 10px;
	width: 100%;
	bottom: 0;
	right: 0
}
.vue-scrollbar__scrollbar-horizontal .scrollbar {
	height: 10px
}
html {
	font-family: Avenir, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, Arial, sans-serif
}
article, aside, blockquote, body, button, code, dd, details, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
	margin: 0;
	padding: 0
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
	display: block
}
audio, canvas, video {
	display: inline-block
}
body, button, input, select, textarea {
	font: 400 1em/1.8 Avenir, Tahoma, Arial, PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
b, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400
}
fieldset, img {
	border: 0
}
blockquote {
	position: relative;
	color: #999;
	font-weight: 400;
	border-left: 1px solid #1abc9c;
	padding-left: 1em;
	margin: 1em 3em 1em 2em
}
abbr, acronym {
	border-bottom: 1px dotted;
	font-variant: normal
}
abbr {
	cursor: help
}
del {
	text-decoration: line-through
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: 400
}
ol, ul {
	list-style: none
}
caption, th {
	text-align: left
}
q:after, q:before {
	content: ""
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}
:root sub, :root sup {
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
a {
	transition: all .3s ease
}
a, a:hover, ins {
	text-decoration: none
}
.typo-u, u {
	text-decoration: underline
}
mark {
	background: #fffdd1;
	border-bottom: 1px solid #ffedce;
	padding: 2px;
	margin: 0 5px
}
code, pre, pre tt {
	font-family: Courier, Courier New, monospace
}
pre {
	display: block;
	-webkit-overflow-scrolling: touch
}
hr {
	border: none
}
.typo-small, figcaption, small {
	font-size: .9em;
	color: #888
}
b, strong {
	font-weight: 700
}
::-webkit-input-placeholder {
color:#a9a9a9
}
::-moz-placeholder {
color:#a9a9a9
}
:-ms-input-placeholder {
color:#a9a9a9
}
:-moz-placeholder {
color:#a9a9a9
}
[draggable] {
	cursor: move
}
.clearfix:after, .clearfix:before {
	content: "";
	display: table
}
.clearfix:after {
	clear: both
}
.clearfix {
	zoom: 1
}
:focus {
	outline: none
}
input::-ms-clear, input::-ms-reveal {
display:none
}
.gk-loading {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	word-wrap: break-word;
	text-align: center;
	color: #fff
}
.gk-loading .gk-loading-spinner {
	-webkit-animation: circle-rotator 1.4s linear infinite;
	animation: circle-rotator 1.4s linear infinite
}
.gk-loading .gk-loading-spinner * {
	line-height: 0;
	box-sizing: border-box
}
.gk-loading .gk-loading-path {
	stroke-dasharray: 187;
	stroke-dashoffset: 0;
	transform-origin: center;
	-webkit-animation: circle-dash 1.4s ease-in-out infinite;
	animation: circle-dash 1.4s ease-in-out infinite
}
.gk-loading .label {
	color: #353535;
	font-size: 16px;
	line-height: 3
}
.blue-loading {
	stroke: #1b5fa0
}
.orange-loading {
	stroke: #ff5a05
}
.white-loading {
	stroke: #fff
}
@-webkit-keyframes circle-rotator {
0% {
transform:rotate(0)
}
to {
transform:rotate(270deg)
}
}
@keyframes circle-rotator {
0% {
transform:rotate(0)
}
to {
transform:rotate(270deg)
}
}
@-webkit-keyframes circle-dash {
0% {
stroke-dashoffset:187
}
50% {
stroke-dashoffset:46.75;
transform:rotate(135deg)
}
to {
stroke-dashoffset:187;
transform:rotate(450deg)
}
}
@keyframes circle-dash {
0% {
stroke-dashoffset:187
}
50% {
stroke-dashoffset:46.75;
transform:rotate(135deg)
}
to {
stroke-dashoffset:187;
transform:rotate(450deg)
}
}
.blue-loading {
	stroke: #1458d4
}
[gk-button] {
	font-family: PingFangSC-Medium, sans-serif
}
[gkbtn-size=small] {
	height: 20px;
	padding: 0;
	font-size: 12px
}
[gkbtn-size=normal] {
	height: 26px;
	padding: 0
}
[gkbtn-size=big] {
	height: 30px;
	padding: 0;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 400
}
[gk-button][disabled], [gk-button][disabled]:active, [gk-button][disabled]:hover {
	background: #bcc1c6;
	border: none;
	box-shadow: none;
	color: #fff;
	cursor: not-allowed
}
[gkbtn-size=large] {
	min-width: 76px;
	height: 40px;
	padding: 0 20px
}
[gkbtn-size=default], [gkbtn-size=large] {
	border-radius: 4px;
	font-size: 16px;
	font-weight: 400
}
[gkbtn-size=default] {
	min-width: 68px;
	height: 36px;
	padding: 0 18px
}
[gkbtn-size=small] {
	min-width: 55px;
	height: 32px;
	padding: 0 12px
}
[gkbtn-size=mini], [gkbtn-size=small] {
	border-radius: 4px;
	font-size: 14px;
	font-weight: 400
}
[gkbtn-size=mini] {
	min-width: 48px;
	height: 24px;
	padding: 0 8px
}
[gkbtn-size=normal] {
	height: 36px;
	border-radius: 4px
}
[gkbtn-size=height24], [gkbtn-size=normal] {
	padding: 0 12px;
	font-size: 14px;
	font-weight: 400
}
[gkbtn-size=height24] {
	height: 24px;
	border-radius: 24px
}
[gkbtn-size=height27] {
	height: 27px;
	padding: 0 12px;
	border-radius: 27px;
	font-size: 14px;
	font-weight: 400
}
[gkbtn-size=height34] {
	height: 34px;
	padding: 0 12px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 500
}
[gkbtn-size=height40] {
	height: 40px;
	padding: 0;
	border-radius: 40px;
	font-size: 14px;
	font-weight: 400
}
[gkbtn-size=height45] {
	height: 45px;
	padding: 0;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 500;
	line-height: 45px
}
[gkbtn-color=blue] {
	background: #1458d4;
	border: 1px solid #1458d4;
	color: #fff
}
[gkbtn-color=blue]:hover {
	background: #3574e7;
	border-color: #3574e7
}
[gkbtn-color=blue]:active {
	background: #3574e7
}
[gkbtn-color=blue][gk-button][disabled=disabled] {
	background: #1458d4;
	opacity: .6
}
[gkbtn-color=blue-ghost] {
	background: transparent;
	border: 1px solid #1458d4;
	box-shadow: none;
	color: #1458d4
}
[gkbtn-color=blue-ghost]:hover {
	color: #387bf4
}
[gkbtn-color=unfollow] {
	border-radius: 3px
}
[gkbtn-color=follow] {
	border-radius: 3px;
	box-shadow: 0 0 0 1px #f0f1f3
}
[gkbtn-color=follow]:hover {
	box-shadow: 0 0 0 1px #e7e8ea
}
[gkbtn-color=more] {
	background: #fff;
	font-size: 14px;
	font-weight: 400
}
[gkbtn-color=icon] {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	font-size: 14px;
	font-weight: 400
}
[gkbtn-color=download] {
	background: #1458d4;
	border: 1px solid #1458d4;
	border-radius: 3px;
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
	color: #fff
}
[gkbtn-color=download]:hover {
	background: #387bf4;
	border: 1px solid #387bf4;
	color: #fff
}
[gkbtn-color=infoqGreen] {
	background: #4fbd85;
	color: #fff
}
[gkbtn-color=infoqGreen]:hover {
	background: #59d596
}
[gkbtn-color=dialogBlue] {
	width: 60px;
	background: #1b5fa0;
	color: #fff
}
[gkbtn-color=dialogBlue]:hover {
	background: #1f6bb5
}
[gkbtn-color=lightGreen] {
	width: 100%;
	background: #09aca8;
	color: #fff
}
[gkbtn-color=lightGreen]:hover {
	background: #25c2be
}
[gkbtn-color=lightBlue] {
	width: 100%;
	background: #f6f9ff;
	color: #1458d4
}
[gkbtn-color=lightBlue]:hover {
	color: #3574e7
}
[gkbtn-color=whiteGray] {
	background: #fff;
	border: 1px solid #e6e8e9;
	color: #828a92
}
[gkbtn-color=whiteGray]:hover {
	color: #303030
}
[gkbtn-color=lightGray] {
	box-sizing: border-box;
	background: #f8f9fa;
	box-shadow: none;
	color: #828a92
}
[gkbtn-color=lightGray]:hover {
	color: #828a92
}
[gkbtn-color=writeWhite] {
	background-color: #fff;
	color: #4bbe58
}
[gkbtn-color=writeGreen] {
	background-color: #41b14d;
	color: #fff
}
[gkbtn-color=writeGreen]:active, [gkbtn-color=writeGreen]:hover {
	background-color: #349740
}
[gkbtn-color=green] {
	background: #3db24b;
	border: 1px solid #3db24b;
	box-shadow: none;
	color: #fff
}
[gkbtn-color=green]:hover {
	background: #349740;
	border-color: #349740
}
[gkbtn-color=green]:active {
	background: #349740
}
[gkbtn-color=green][gk-button][disabled=disabled] {
	background: #3db24b;
	opacity: .6
}
[gkbtn-color=green-ghost] {
	background: transparent;
	border: 1px solid #3db24b;
	box-shadow: none;
	color: #3db24b
}
[gkbtn-color=green-ghost]:hover {
	color: #349740
}
[gkbtn-color=blue-gradient] {
	padding: 0 8px;
	background: linear-gradient(90deg, #3875f6, #438eff);
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	border: none
}
[gkbtn-color=orange] {
	background: #fa8919;
	color: #fff;
	border: none
}
.gkui-dialog {
	position: fixed;
	z-index: 99100;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none
}
.gkui-dialog.gkui-dialog-can-close .gkui-dialog-mask {
	pointer-events: all
}
.gkui-dialog.gkui-dialog-center {
	text-align: center
}
.gkui-dialog.gkui-dialog-center .gkui-dialog-container .gkui-dialog-footer {
	justify-content: center
}
.gkui-dialog .gkui-dialog-mask {
	position: fixed;
	z-index: 99101;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
.gkui-dialog.gkui-dialog-vertical-center {
	display: flex;
	align-items: center
}
.gkui-dialog.gkui-dialog-vertical-center .gkui-dialog-container {
	top: 0!important
}
.gkui-dialog.gkui-dialog-confirm .gkui-dialog-container .gkui-dialog-header {
	border-bottom: none
}
.gkui-dialog.gkui-dialog-confirm .gkui-dialog-container .gkui-dialog-footer {
	border-top: none
}
.gkui-dialog-container {
	position: relative;
	top: 100px;
	z-index: 99102;
	width: 520px;
	margin: 0 auto;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 1px 6px 0 rgba(0,0,0,.3);
	pointer-events: all
}
.gkui-dialog-container .gkui-dialog-close-wrap {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 20;
	display: flex;
	justify-content: center;
	align-content: center;
	width: 30px;
	height: 30px;
	cursor: pointer
}
.gkui-dialog-container .gkui-dialog-close {
	overflow: hidden;
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	color: #000
}
.gkui-dialog-container .gkui-dialog-close:after, .gkui-dialog-container .gkui-dialog-close:before {
	overflow: hidden;
	content: " ";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 1px;
	background: #888
}
.gkui-dialog-container .gkui-dialog-close:before {
	transform: translate(-50%, -50%) rotate(45deg)
}
.gkui-dialog-container .gkui-dialog-close:after {
	transform: translate(-50%, -50%) rotate(135deg)
}
.gkui-dialog-container .gkui-dialog-header {
	padding: 14px 16px;
	font-size: 14px;
	font-weight: 700;
	color: #17233d;
	border-bottom: 1px solid #eee
}
.gkui-dialog-container .gkui-dialog-body {
	padding: 16px;
	font-size: 12px;
	line-height: 1.5
}
.gkui-dialog-container .gkui-dialog-footer {
	display: flex;
	justify-content: flex-end;
	padding: 12px 18px;
	border-top: 1px solid #eee
}
.gkui-dialog-container .gkui-dialog-footer .gkui-dialog-loading {
	margin-right: 4px
}
.modal-zoom-out-enter-active, .modal-zoom-out-leave-active {
	transition: all .3s ease;
	will-change: opacity, transform
}
.modal-zoom-out-enter {
	opacity: 0;
	transform: scale(1.2)
}
.modal-zoom-out-leave-to {
	opacity: 0
}
.modal-zoom-in-enter-active, .modal-zoom-in-leave-active {
	transition: all .3s ease;
	will-change: opacity, transform
}
.modal-zoom-in-enter, .modal-zoom-in-leave-to {
	opacity: 0;
	transform: scale(.9)
}
.modal-fade-up-enter-active, .modal-fade-up-leave-active {
	transition: all .3s ease;
	will-change: opacity, transform
}
.modal-fade-up-enter, .modal-fade-up-leave-to {
	opacity: 0;
	transform: translateY(-50%)
}
#gkui-modal-controller .gkui-modal-layer {
	background: rgba(0,0,0,.6)
}
.reset-style.wap-desc-modal .gkui-dialog-container {
	border-radius: 8px
}
.reset-style.wap-desc-modal .gkui-dialog-container .gkui-dialog-footer, .reset-style.wap-desc-modal .gkui-dialog-container .gkui-dialog-header {
	padding: 0
}
.reset-style.wap-desc-modal .gkui-dialog-container .gkui-dialog-body {
	font-size: 16px
}
.reset-style.wap-desc-modal .gkui-dialog-container .gkui-dialog-header {
	border-bottom: none
}
.reset-style.wap-desc-modal .gkui-dialog-container .gkui-dialog-footer {
	border-top: none
}
.login-action-confirm .gkui-dialog-container {
	width: 280px!important;
	border-radius: 8px
}
.login-action-confirm .gkui-dialog-container .gkui-dialog-footer, .login-action-confirm .gkui-dialog-container .gkui-dialog-header {
	padding: 0
}
.login-action-confirm .gkui-dialog-container .gkui-dialog-header {
	border-bottom: none
}
.login-action-confirm .gkui-dialog-container .gkui-dialog-body {
	padding: 20px 0;
	color: #303030;
	font-size: 16px;
	font-weight: 500
}
.login-action-confirm .gkui-dialog-container .gkui-dialog-footer [gk-button] {
	flex: 1;
	height: 45px;
	border-radius: 0;
	color: #1458d4
}
.login-action-confirm .gkui-dialog-container .gkui-dialog-footer [gkbtn-color=blue] {
	background: transparent;
	border-color: transparent;
	color: #1458d4
}
.login-action-confirm .gkui-dialog-container .gkui-dialog-footer [gk-button]:first-child {
	border-right: 1px solid #eee
}
.del-comment-confirm .gkui-dialog-container {
	width: 297px!important;
	border-radius: 4px
}
.del-comment-confirm .gkui-dialog-container .gkui-dialog-header {
	padding: 40px 0 19px;
	border-bottom: none;
	line-height: 1;
	font-size: 18px;
	font-weight: 600;
	color: #4a4a4a
}
.del-comment-confirm .gkui-dialog-container .gkui-dialog-footer {
	padding: 24px 0 33px;
	border-top: none
}
.del-comment-confirm .gkui-dialog-container .gkui-dialog-body {
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	color: #828a92
}
.del-comment-confirm .gkui-dialog-container .gkui-dialog-footer [gk-button] {
	box-sizing: border-box;
	width: 74px;
	height: 36px;
	font-size: 16px
}
.del-comment-confirm .gkui-dialog-container .gkui-dialog-footer [gk-button]:first-child {
	margin-right: 10px
}
.wap-desc-modal .gkui-dialog-container {
	box-sizing: border-box;
	padding: 36px 27px 34px
}
.wap-desc-modal .gkui-dialog-container .gkui-dialog-body {
	padding: 13px 0 20px
}

@media screen and (max-width:768px) {
.del-comment-confirm .gkui-dialog-container .gkui-dialog-header {
	padding: 36px 0 13px
}
.del-comment-confirm .gkui-dialog-container .gkui-dialog-footer {
	padding: 30px 0 33px;
	border-top: none
}
.del-comment-confirm .gkui-dialog-container .gkui-dialog-footer [gk-button] {
	width: 74px;
	height: 36px;
	font-size: 16px
}
.del-comment-confirm .gkui-dialog-container .gkui-dialog-footer [gk-button]:first-child {
	margin-right: 10px
}
}
.gkui-popup, .gkui-popup-section {
	position: relative
}
.gkui-popup-inner {
	box-sizing: border-box;
	padding: 8px 12px;
	border-radius: 4px;
	white-space: nowrap;
	line-height: 1.5;
	font-size: 12px;
	font-weight: 400
}
.gkui-popup-box {
	box-sizing: border-box;
	position: absolute;
	will-change: opacity, transform
}
.gkui-popup-box .gkui-popup-label {
	padding: 0;
	margin: 0;
	white-space: nowrap;
	line-height: 1.5;
	font-size: 12px;
	font-weight: 400
}
.gkui-popup-box .gkui-popup-arrow, .gkui-popup-box .gkui-popup-arrow:after {
	position: absolute;
	z-index: 1;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent
}
.gkui-popup-box .gkui-popup-arrow:after {
	content: " "
}
.gkui-popup-box .gkui-popup-arrow {
	display: none
}
.gkui-popup-box[data-arrow] .gkui-popup-arrow {
	display: block
}
.gkui-popup-box[data-position^=top] {
	padding-bottom: 8px
}
.gkui-popup-box[data-position^=top] .gkui-popup-arrow {
	bottom: -5px;
	border-width: 5px 5px 0
}
.gkui-popup-box[data-position^=top] .gkui-popup-arrow:after {
	bottom: 1px;
	margin-left: -5px;
	border-width: inherit
}
.gkui-popup-box[data-position=top] {
	transform-origin: center bottom 0
}
.gkui-popup-box[data-position=top] .gkui-popup-arrow {
	left: 50%;
	margin-left: -5px
}
.gkui-popup-box[data-position=top-start] {
	transform-origin: left bottom 0
}
.gkui-popup-box[data-position=top-start] .gkui-popup-arrow {
	left: 16px
}
.gkui-popup-box[data-position=top-end] {
	transform-origin: right bottom 0
}
.gkui-popup-box[data-position=top-end] .gkui-popup-arrow {
	right: 16px
}
.gkui-popup-box[data-position^=bottom] {
	padding-top: 8px
}
.gkui-popup-box[data-position^=bottom] .gkui-popup-arrow {
	top: -5px;
	border-width: 0 5px 5px
}
.gkui-popup-box[data-position^=bottom] .gkui-popup-arrow:after {
	top: 1px;
	margin-left: -5px;
	border-width: inherit
}
.gkui-popup-box[data-position=bottom] {
	transform-origin: center top 0
}
.gkui-popup-box[data-position=bottom] .gkui-popup-arrow {
	left: 50%;
	margin-left: -5px
}
.gkui-popup-box[data-position=bottom-start] {
	transform-origin: left top 0
}
.gkui-popup-box[data-position=bottom-start] .gkui-popup-arrow {
	left: 16px
}
.gkui-popup-box[data-position=bottom-end] {
	transform-origin: right top 0
}
.gkui-popup-box[data-position=bottom-end] .gkui-popup-arrow {
	right: 16px
}
.gkui-popup-box[data-position^=left] {
	padding-right: 8px
}
.gkui-popup-box[data-position^=left] .gkui-popup-arrow {
	right: -5px;
	border-width: 5px 0 5px 5px
}
.gkui-popup-box[data-position^=left] .gkui-popup-arrow:after {
	right: 1px;
	margin-top: -5px;
	border-width: inherit
}
.gkui-popup-box[data-position=left] {
	transform-origin: right center 0
}
.gkui-popup-box[data-position=left] .gkui-popup-arrow {
	top: 50%;
	margin-top: -5px
}
.gkui-popup-box[data-position=left-start] {
	transform-origin: right top 0
}
.gkui-popup-box[data-position=left-start] .gkui-popup-arrow {
	top: 8px
}
.gkui-popup-box[data-position=left-end] {
	transform-origin: right bottom 0
}
.gkui-popup-box[data-position=left-end] .gkui-popup-arrow {
	bottom: 8px
}
.gkui-popup-box[data-position^=right] {
	padding-left: 8px
}
.gkui-popup-box[data-position^=right] .gkui-popup-arrow {
	left: -5px;
	border-width: 5px 5px 5px 0
}
.gkui-popup-box[data-position^=right] .gkui-popup-arrow:after {
	left: 1px;
	margin-top: -5px;
	border-width: inherit
}
.gkui-popup-box[data-position=right] {
	transform-origin: left center 0
}
.gkui-popup-box[data-position=right] .gkui-popup-arrow {
	top: 50%;
	margin-top: -5px
}
.gkui-popup-box[data-position=right-start] {
	transform-origin: left top 0
}
.gkui-popup-box[data-position=right-start] .gkui-popup-arrow {
	top: 8px
}
.gkui-popup-box[data-position=right-end] {
	transform-origin: left bottom 0
}
.gkui-popup-box[data-position=right-end] .gkui-popup-arrow {
	bottom: 8px
}
.gkui-popup-color-base .gkui-popup-inner {
	background: rgba(70,76,91,.9);
	color: #fff
}
.gkui-popup-color-base .gkui-popup-label {
	color: #fff
}
.gkui-popup-color-base .gkui-popup-arrow:after {
	content: none
}
.gkui-popup-color-base[data-position^=top] .gkui-popup-arrow, .gkui-popup-color-base[data-position^=top] .gkui-popup-arrow:after {
	border-top-color: rgba(70,76,91,.9)
}
.gkui-popup-color-base[data-position^=bottom] .gkui-popup-arrow, .gkui-popup-color-base[data-position^=bottom] .gkui-popup-arrow:after {
	border-bottom-color: rgba(70,76,91,.9)
}
.gkui-popup-color-base[data-position^=left] .gkui-popup-arrow, .gkui-popup-color-base[data-position^=left] .gkui-popup-arrow:after {
	border-left-color: rgba(70,76,91,.9)
}
.gkui-popup-color-base[data-position^=right] .gkui-popup-arrow, .gkui-popup-color-base[data-position^=right] .gkui-popup-arrow:after {
	border-right-color: rgba(70,76,91,.9)
}
.gkui-popup-color-white .gkui-popup-inner {
	background: #fff;
	border: 1px solid rgba(70,76,91,.9);
	color: #333
}
.gkui-popup-color-white .gkui-popup-label {
	color: #333
}
.gkui-popup-color-white[data-position^=top] .gkui-popup-arrow {
	border-top-color: rgba(70,76,91,.9)
}
.gkui-popup-color-white[data-position^=top] .gkui-popup-arrow:after {
	border-top-color: #fff
}
.gkui-popup-color-white[data-position^=bottom] .gkui-popup-arrow {
	border-bottom-color: rgba(70,76,91,.9)
}
.gkui-popup-color-white[data-position^=bottom] .gkui-popup-arrow:after {
	border-bottom-color: #fff
}
.gkui-popup-color-white[data-position^=left] .gkui-popup-arrow {
	border-left-color: rgba(70,76,91,.9)
}
.gkui-popup-color-white[data-position^=left] .gkui-popup-arrow:after {
	border-left-color: #fff
}
.gkui-popup-color-white[data-position^=right] .gkui-popup-arrow {
	border-right-color: rgba(70,76,91,.9)
}
.gkui-popup-color-white[data-position^=right] .gkui-popup-arrow:after {
	border-right-color: #fff
}
.scale-show-enter-active {
	-webkit-animation: scale-show .2s cubic-bezier(.23, 1, .32, 1);
	animation: scale-show .2s cubic-bezier(.23, 1, .32, 1)
}
.scale-show-leave-active {
	animation: scale-show .2s cubic-bezier(.23, 1, .32, 1) reverse
}
@-webkit-keyframes scale-show {
0% {
opacity:0;
transform:scale(.8) translateZ(0)
}
to {
opacity:1;
transform:scale(1) translateZ(0)
}
}
@keyframes scale-show {
0% {
opacity:0;
transform:scale(.8) translateZ(0)
}
to {
opacity:1;
transform:scale(1) translateZ(0)
}
}
.gkui-popup-color-weixin-qrcode .gkui-popup-inner {
	background: #fff;
	border: 1px solid #eaeeef;
	box-shadow: 0 3px 14px 0 rgba(199,209,215,.4);
	color: #353535
}
.gkui-popup-color-weixin-qrcode .gkui-popup-label {
	color: #353535
}
.gkui-popup-color-weixin-qrcode[data-position^=top] .gkui-popup-arrow {
	border-top-color: #eaeeef
}
.gkui-popup-color-weixin-qrcode[data-position^=top] .gkui-popup-arrow:after {
	border-top-color: #fff
}
.gkui-popup-color-weixin-qrcode[data-position^=bottom] .gkui-popup-arrow {
	border-bottom-color: #eaeeef
}
.gkui-popup-color-weixin-qrcode[data-position^=bottom] .gkui-popup-arrow:after {
	border-bottom-color: #fff
}
.gkui-popup-color-weixin-qrcode[data-position^=left] .gkui-popup-arrow {
	border-left-color: #eaeeef
}
.gkui-popup-color-weixin-qrcode[data-position^=left] .gkui-popup-arrow:after {
	border-left-color: #fff
}
.gkui-popup-color-weixin-qrcode[data-position^=right] .gkui-popup-arrow {
	border-right-color: #eaeeef
}
.gkui-popup-color-weixin-qrcode[data-position^=right] .gkui-popup-arrow:after {
	border-right-color: #fff
}
.gkui-popup-color-weixin-qrcode .gkui-popup-inner {
	padding: 10px;
	border-radius: 3px
}
.gkui-popup-color-weixin-qrcode[data-position^=top] .gkui-popup-arrow {
	bottom: -8px;
	border-width: 8px 8px 0
}
.gkui-popup-color-weixin-qrcode[data-position=top] .gkui-popup-arrow, .gkui-popup-color-weixin-qrcode[data-position^=top] .gkui-popup-arrow:after {
	margin-left: -8px
}
.gkui-popup-color-weixin-qrcode[data-position^=bottom] .gkui-popup-arrow {
	top: -8px;
	border-width: 0 8px 8px
}
.gkui-popup-color-weixin-qrcode[data-position=bottom] .gkui-popup-arrow, .gkui-popup-color-weixin-qrcode[data-position^=bottom] .gkui-popup-arrow:after {
	margin-left: -8px
}
.gkui-popup-color-weixin-qrcode[data-position^=left] .gkui-popup-arrow {
	right: -8px;
	border-width: 8px 0 8px 8px
}
.gkui-popup-color-weixin-qrcode[data-position=left] .gkui-popup-arrow, .gkui-popup-color-weixin-qrcode[data-position^=left] .gkui-popup-arrow:after {
	margin-top: -8px
}
.gkui-popup-color-weixin-qrcode[data-position^=right] .gkui-popup-arrow {
	left: -8px;
	border-width: 8px 8px 8px 0
}
.gkui-popup-color-weixin-qrcode[data-position=right] .gkui-popup-arrow, .gkui-popup-color-weixin-qrcode[data-position^=right] .gkui-popup-arrow:after {
	margin-top: -8px
}
.gkui-popup-color-popup-menu .gkui-popup-inner {
	background: #fff;
	border: 1px solid transparent;
	box-shadow: rgba(214,216,218,.59);
	color: #353535
}
.gkui-popup-color-popup-menu .gkui-popup-label {
	color: #353535
}
.gkui-popup-color-popup-menu[data-position^=top] .gkui-popup-arrow {
	border-top-color: transparent
}
.gkui-popup-color-popup-menu[data-position^=top] .gkui-popup-arrow:after {
	border-top-color: #fff
}
.gkui-popup-color-popup-menu[data-position^=bottom] .gkui-popup-arrow {
	border-bottom-color: transparent
}
.gkui-popup-color-popup-menu[data-position^=bottom] .gkui-popup-arrow:after {
	border-bottom-color: #fff
}
.gkui-popup-color-popup-menu[data-position^=left] .gkui-popup-arrow {
	border-left-color: transparent
}
.gkui-popup-color-popup-menu[data-position^=left] .gkui-popup-arrow:after {
	border-left-color: #fff
}
.gkui-popup-color-popup-menu[data-position^=right] .gkui-popup-arrow {
	border-right-color: transparent
}
.gkui-popup-color-popup-menu[data-position^=right] .gkui-popup-arrow:after {
	border-right-color: #fff
}
.gkui-popup-color-popup-menu .gkui-popup-inner {
	padding: 0;
	border-radius: 3px
}
.gkui-popup-color-popup-menu[data-position^=top] .gkui-popup-arrow {
	bottom: -8px;
	border-width: 8px 8px 0
}
.gkui-popup-color-popup-menu[data-position=top] .gkui-popup-arrow, .gkui-popup-color-popup-menu[data-position^=top] .gkui-popup-arrow:after {
	margin-left: -8px
}
.gkui-popup-color-popup-menu[data-position^=bottom] .gkui-popup-arrow {
	top: -8px;
	border-width: 0 8px 8px
}
.gkui-popup-color-popup-menu[data-position=bottom] .gkui-popup-arrow, .gkui-popup-color-popup-menu[data-position^=bottom] .gkui-popup-arrow:after {
	margin-left: -8px
}
.gkui-popup-color-popup-menu[data-position^=left] .gkui-popup-arrow {
	right: -8px;
	border-width: 8px 0 8px 8px
}
.gkui-popup-color-popup-menu[data-position=left] .gkui-popup-arrow, .gkui-popup-color-popup-menu[data-position^=left] .gkui-popup-arrow:after {
	margin-top: -8px
}
.gkui-popup-color-popup-menu[data-position^=right] .gkui-popup-arrow {
	left: -8px;
	border-width: 8px 8px 8px 0
}
.gkui-popup-color-popup-menu[data-position=right] .gkui-popup-arrow, .gkui-popup-color-popup-menu[data-position^=right] .gkui-popup-arrow:after {
	margin-top: -8px
}
.gkui-popup-color-popup-menu[data-position=bottom-end] .gkui-popup-inner {
	border: none;
	border-radius: 4px
}
.gkui-popup-color-gray .gkui-popup-inner {
	background: #efefef;
	border: 1px solid #afafaf;
	box-shadow: 0 3px 14px 0 rgba(199,209,215,.4);
	color: #303030
}
.gkui-popup-color-gray .gkui-popup-label {
	color: #303030
}
.gkui-popup-color-gray[data-position^=top] .gkui-popup-arrow {
	border-top-color: #afafaf
}
.gkui-popup-color-gray[data-position^=top] .gkui-popup-arrow:after {
	border-top-color: #efefef
}
.gkui-popup-color-gray[data-position^=bottom] .gkui-popup-arrow {
	border-bottom-color: #afafaf
}
.gkui-popup-color-gray[data-position^=bottom] .gkui-popup-arrow:after {
	border-bottom-color: #efefef
}
.gkui-popup-color-gray[data-position^=left] .gkui-popup-arrow {
	border-left-color: #afafaf
}
.gkui-popup-color-gray[data-position^=left] .gkui-popup-arrow:after {
	border-left-color: #efefef
}
.gkui-popup-color-gray[data-position^=right] .gkui-popup-arrow {
	border-right-color: #afafaf
}
.gkui-popup-color-gray[data-position^=right] .gkui-popup-arrow:after {
	border-right-color: #efefef
}
.gkui-popup-color-gray .gkui-popup-inner {
	padding: 6px 10px;
	border-radius: 4px
}
.gkui-popup-color-gray[data-position^=top] .gkui-popup-arrow {
	bottom: -6px;
	border-width: 6px 6px 0
}
.gkui-popup-color-gray[data-position=top] .gkui-popup-arrow, .gkui-popup-color-gray[data-position^=top] .gkui-popup-arrow:after {
	margin-left: -6px
}
.gkui-popup-color-gray[data-position^=bottom] .gkui-popup-arrow {
	top: -6px;
	border-width: 0 6px 6px
}
.gkui-popup-color-gray[data-position=bottom] .gkui-popup-arrow, .gkui-popup-color-gray[data-position^=bottom] .gkui-popup-arrow:after {
	margin-left: -6px
}
.gkui-popup-color-gray[data-position^=left] .gkui-popup-arrow {
	right: -6px;
	border-width: 6px 0 6px 6px
}
.gkui-popup-color-gray[data-position=left] .gkui-popup-arrow, .gkui-popup-color-gray[data-position^=left] .gkui-popup-arrow:after {
	margin-top: -6px
}
.gkui-popup-color-gray[data-position^=right] .gkui-popup-arrow {
	left: -6px;
	border-width: 6px 6px 6px 0
}
.gkui-popup-color-gray[data-position=right] .gkui-popup-arrow, .gkui-popup-color-gray[data-position^=right] .gkui-popup-arrow:after {
	margin-top: -6px
}
[gkpopupbox-color=white][data-position^=top] {
	padding-bottom: 8px
}
[gkpopupbox-color=white][data-position^=bottom] {
	padding-top: 8px
}
[gkpopupbox-color=white][data-position^=left] {
	padding-right: 8px
}
[gkpopupbox-color=white][data-position^=right] {
	padding-left: 8px
}
[gkpopupbox-color=white][data-position^=top] [gk-popupbox-arrow] {
	border-width: 8px 8px 0;
	border-top-color: #fff;
	bottom: -8px
}
[gkpopupbox-color=white][data-position=top] [gk-popupbox-arrow] {
	left: 50%;
	margin-left: -8px
}
[gkpopupbox-color=white][data-position=top-start] [gk-popupbox-arrow] {
	left: 18px
}
[gkpopupbox-color=white][data-position=top-end] [gk-popupbox-arrow] {
	right: 18px
}
[gkpopupbox-color=white][data-position^=bottom] [gk-popupbox-arrow] {
	border-width: 0 8px 8px;
	border-bottom-color: #fff;
	top: -8px
}
[gkpopupbox-color=white][data-position=bottom] [gk-popupbox-arrow] {
	left: 50%;
	margin-left: -8px
}
[gkpopupbox-color=white][data-position=bottom-start] [gk-popupbox-arrow] {
	left: 18px
}
[gkpopupbox-color=white][data-position=bottom-end] [gk-popupbox-arrow] {
	right: 18px
}
[gkpopupbox-color=white][data-position^=left] [gk-popupbox-arrow] {
	border-width: 8px 0 8px 8px;
	border-left-color: #fff;
	right: -8px
}
[gkpopupbox-color=white][data-position=left] [gk-popupbox-arrow] {
	top: 50%;
	margin-top: -8px
}
[gkpopupbox-color=white][data-position=left-start] [gk-popupbox-arrow] {
	top: 18px
}
[gkpopupbox-color=white][data-position=left-end] [gk-popupbox-arrow] {
	bottom: 18px
}
[gkpopupbox-color=white][data-position^=right] [gk-popupbox-arrow] {
	border-width: 8px 8px 8px 0;
	border-right-color: #fff;
	left: -8px
}
[gkpopupbox-color=white][data-position=right] [gk-popupbox-arrow] {
	top: 50%;
	margin-top: -8px
}
[gkpopupbox-color=white][data-position=right-start] [gk-popupbox-arrow] {
	top: 18px
}
[gkpopupbox-color=white][data-position=right-end] [gk-popupbox-arrow] {
	bottom: 18px
}
[gkpopupbox-color=white] [gk-popupbox-inner] {
	padding: 4px 8px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 15px rgba(228,229,231,.8);
	line-height: 24px;
	font-size: 12px;
	font-weight: 400
}
[gkpopupbox-color=white-author] {
	z-index: 9999!important
}
[gkpopupbox-color=white-author][data-position^=top] {
	padding-bottom: 8px
}
[gkpopupbox-color=white-author][data-position^=bottom] {
	padding-top: 8px
}
[gkpopupbox-color=white-author][data-position^=left] {
	padding-right: 8px
}
[gkpopupbox-color=white-author][data-position^=right] {
	padding-left: 8px
}
[gkpopupbox-color=white-author][data-position^=top] [gk-popupbox-arrow] {
	border-width: 8px 8px 0;
	border-top-color: #fff;
	bottom: -8px
}
[gkpopupbox-color=white-author][data-position=top] [gk-popupbox-arrow] {
	left: 50%;
	margin-left: -8px
}
[gkpopupbox-color=white-author][data-position=top-start] [gk-popupbox-arrow] {
	left: 18px
}
[gkpopupbox-color=white-author][data-position=top-end] [gk-popupbox-arrow] {
	right: 18px
}
[gkpopupbox-color=white-author][data-position^=bottom] [gk-popupbox-arrow] {
	border-width: 0 8px 8px;
	border-bottom-color: #fff;
	top: -8px
}
[gkpopupbox-color=white-author][data-position=bottom] [gk-popupbox-arrow] {
	left: 50%;
	margin-left: -8px
}
[gkpopupbox-color=white-author][data-position=bottom-start] [gk-popupbox-arrow] {
	left: 18px
}
[gkpopupbox-color=white-author][data-position=bottom-end] [gk-popupbox-arrow] {
	right: 18px
}
[gkpopupbox-color=white-author][data-position^=left] [gk-popupbox-arrow] {
	border-width: 8px 0 8px 8px;
	border-left-color: #fff;
	right: -8px
}
[gkpopupbox-color=white-author][data-position=left] [gk-popupbox-arrow] {
	top: 50%;
	margin-top: -8px
}
[gkpopupbox-color=white-author][data-position=left-start] [gk-popupbox-arrow] {
	top: 18px
}
[gkpopupbox-color=white-author][data-position=left-end] [gk-popupbox-arrow] {
	bottom: 18px
}
[gkpopupbox-color=white-author][data-position^=right] [gk-popupbox-arrow] {
	border-width: 8px 8px 8px 0;
	border-right-color: #fff;
	left: -8px
}
[gkpopupbox-color=white-author][data-position=right] [gk-popupbox-arrow] {
	top: 50%;
	margin-top: -8px
}
[gkpopupbox-color=white-author][data-position=right-start] [gk-popupbox-arrow] {
	top: 18px
}
[gkpopupbox-color=white-author][data-position=right-end] [gk-popupbox-arrow] {
	bottom: 18px
}
[gkpopupbox-color=white-author] [gk-popupbox-inner] {
	box-sizing: border-box;
	width: 324px;
	padding: 18px 20px 12px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 48px 0 rgba(210,218,227,.4);
	overflow: hidden
}
[gkpopupbox-color=dropdown] {
	z-index: 9999!important
}
[gkpopupbox-color=dropdown][data-position^=top] {
	padding-bottom: 8px
}
[gkpopupbox-color=dropdown][data-position^=bottom] {
	padding-top: 8px
}
[gkpopupbox-color=dropdown][data-position^=left] {
	padding-right: 8px
}
[gkpopupbox-color=dropdown][data-position^=right] {
	padding-left: 8px
}
[gkpopupbox-color=dropdown][data-position^=top] [gk-popupbox-arrow] {
	border-width: 8px 8px 0;
	border-top-color: #fff;
	bottom: -8px
}
[gkpopupbox-color=dropdown][data-position=top] [gk-popupbox-arrow] {
	left: 50%;
	margin-left: -8px
}
[gkpopupbox-color=dropdown][data-position=top-start] [gk-popupbox-arrow] {
	left: 18px
}
[gkpopupbox-color=dropdown][data-position=top-end] [gk-popupbox-arrow] {
	right: 18px
}
[gkpopupbox-color=dropdown][data-position^=bottom] [gk-popupbox-arrow] {
	border-width: 0 8px 8px;
	border-bottom-color: #fff
}
[gkpopupbox-color=dropdown][data-position=bottom] [gk-popupbox-arrow] {
	left: 50%;
	margin-left: -8px
}
[gkpopupbox-color=dropdown][data-position=bottom-start] [gk-popupbox-arrow] {
	left: 18px
}
[gkpopupbox-color=dropdown][data-position=bottom-end] [gk-popupbox-arrow] {
	right: 18px
}
[gkpopupbox-color=dropdown][data-position^=left] [gk-popupbox-arrow] {
	border-width: 8px 0 8px 8px;
	border-left-color: #fff;
	right: -8px
}
[gkpopupbox-color=dropdown][data-position=left] [gk-popupbox-arrow] {
	top: 50%;
	margin-top: -8px
}
[gkpopupbox-color=dropdown][data-position=left-start] [gk-popupbox-arrow] {
	top: 18px
}
[gkpopupbox-color=dropdown][data-position=left-end] [gk-popupbox-arrow] {
	bottom: 18px
}
[gkpopupbox-color=dropdown][data-position^=right] [gk-popupbox-arrow] {
	border-width: 8px 8px 8px 0;
	border-right-color: #fff;
	left: -8px
}
[gkpopupbox-color=dropdown][data-position=right] [gk-popupbox-arrow] {
	top: 50%;
	margin-top: -8px
}
[gkpopupbox-color=dropdown][data-position=right-start] [gk-popupbox-arrow] {
	top: 18px
}
[gkpopupbox-color=dropdown][data-position=right-end] [gk-popupbox-arrow] {
	bottom: 18px
}
[gkpopupbox-color=dropdown] [gk-popupbox-inner] {
	box-sizing: border-box;
	width: 178px;
	padding: 18px 20px 12px;
	background: #fff;
	border: 1px solid #eaeeef;
	border-radius: 4px;
	box-shadow: 0 0 48px 0 rgba(210,218,227,.4);
	overflow: hidden
}
[gkpopupbox-color=dropdown][data-position^=bottom] [gk-popupbox-arrow] {
	border-bottom-color: #eaeeef;
	top: -8px
}
[gkpopupbox-color=dropdown][data-position^=bottom] [gk-popupbox-arrow]:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	left: -8px;
	top: 1px;
	width: 0;
	height: 0;
	border-color: transparent transparent #fff;
	border-style: solid;
	border-width: 0 8px 8px
}
[gkpopupbox-color=tooltip][data-position^=top] {
	padding-bottom: 8px
}
[gkpopupbox-color=tooltip][data-position^=bottom] {
	padding-top: 8px
}
[gkpopupbox-color=tooltip][data-position^=left] {
	padding-right: 8px
}
[gkpopupbox-color=tooltip][data-position^=right] {
	padding-left: 8px
}
[gkpopupbox-color=tooltip][data-position^=top] [gk-popupbox-arrow] {
	border-width: 5px 5px 0;
	border-top-color: rgba(38,38,38,.9);
	bottom: -5px
}
[gkpopupbox-color=tooltip][data-position=top] [gk-popupbox-arrow] {
	left: 50%;
	margin-left: -5px
}
[gkpopupbox-color=tooltip][data-position=top-start] [gk-popupbox-arrow] {
	left: 8px
}
[gkpopupbox-color=tooltip][data-position=top-end] [gk-popupbox-arrow] {
	right: 8px
}
[gkpopupbox-color=tooltip][data-position^=bottom] [gk-popupbox-arrow] {
	border-width: 0 5px 5px;
	border-bottom-color: rgba(38,38,38,.9);
	top: -5px
}
[gkpopupbox-color=tooltip][data-position=bottom] [gk-popupbox-arrow] {
	left: 50%;
	margin-left: -5px
}
[gkpopupbox-color=tooltip][data-position=bottom-start] [gk-popupbox-arrow] {
	left: 8px
}
[gkpopupbox-color=tooltip][data-position=bottom-end] [gk-popupbox-arrow] {
	right: 8px
}
[gkpopupbox-color=tooltip][data-position^=left] [gk-popupbox-arrow] {
	border-width: 5px 0 5px 5px;
	border-left-color: rgba(38,38,38,.9);
	right: -5px
}
[gkpopupbox-color=tooltip][data-position=left] [gk-popupbox-arrow] {
	top: 50%;
	margin-top: -5px
}
[gkpopupbox-color=tooltip][data-position=left-start] [gk-popupbox-arrow] {
	top: 8px
}
[gkpopupbox-color=tooltip][data-position=left-end] [gk-popupbox-arrow] {
	bottom: 8px
}
[gkpopupbox-color=tooltip][data-position^=right] [gk-popupbox-arrow] {
	border-width: 5px 5px 5px 0;
	border-right-color: rgba(38,38,38,.9);
	left: -5px
}
[gkpopupbox-color=tooltip][data-position=right] [gk-popupbox-arrow] {
	top: 50%;
	margin-top: -5px
}
[gkpopupbox-color=tooltip][data-position=right-start] [gk-popupbox-arrow] {
	top: 8px
}
[gkpopupbox-color=tooltip][data-position=right-end] [gk-popupbox-arrow] {
	bottom: 8px
}
[gkpopupbox-color=tooltip] [gk-popupbox-inner] {
	max-width: 150px;
	padding: 16px 16px 13px;
	background: rgba(38,38,38,.9);
	border-radius: 5px;
	line-height: 18px;
	font-size: 12px;
	font-weight: 400;
	color: #fff
}
.gkui-form-element {
	position: relative;
	box-sizing: border-box;
	display: flex;
	transition: all .3s ease
}
.gkui-form-element .gkui-form-text, .gkui-form-element .gkui-form-textarea {
	color: inherit;
	font-size: inherit;
	font-weight: inherit
}
.gkui-form-error, .gkui-form-tips {
	position: absolute
}
[gk-form][disabled] {
	background: #bcc1c6!important;
	border: none!important;
	box-shadow: none!important;
	color: #fff!important
}
[gktext-size=small] {
	height: 30px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 400
}
[gktext-size=small] .gkui-form-text {
	padding: 0 8px;
	font-size: 12px;
	font-weight: 400
}
[gktext-size=normal] {
	height: 40px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 400
}
[gktext-size=normal] .gkui-form-text {
	padding: 0 16px;
	font-size: 14px;
	font-weight: 400
}
[gktext-size=big] {
	height: 50px;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 400
}
[gktext-size=big] .gkui-form-text {
	padding: 0 24px;
	font-size: 16px;
	font-weight: 400
}
[gktext-color=gray][invalid] {
	border-color: rgba(255,147,122,.5);
	box-shadow: 0 0 4px rgba(232,85,51,.5)
}
[gktext-color=service] {
	height: 40px;
	padding: 0 60px 0 20px;
	background: #fff;
	border: 1px solid #eff0f2;
	border-radius: 40px;
	font-size: 14px;
	font-weight: 400;
	color: #b2b2b2
}
[gktext-color=service] [text-operation] {
	position: absolute;
	right: 18px;
	top: 12px
}
[gktext-color=service] [operation-search], [gktext-color=service] [text-icon-datepicker] {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 14px;
	line-height: 1;
	font-size: 14px;
	cursor: pointer
}
[gktext-color=service] [operation-search] {
	transition: color .3s ease
}
[gktext-color=service] [operation-search]:hover {
	color: #5c86ff
}
[gktext-color=service] [operation-clear] {
	position: absolute;
	right: 27px;
	top: 1px;
	display: block;
	height: 12px;
	line-height: 1;
	font-size: 12px;
	cursor: pointer;
	transition: color .3s ease
}
[gktext-color=service] [operation-clear]:hover {
	color: #5c86ff
}
[gktext-color=service]:hover, [gktext-color=service][focused] {
	border-color: #5c86ff;
	font-weight: 500;
	color: #4c4c4c
}
[gktext-color=service]:hover [text-operation], [gktext-color=service][focused] [text-operation] {
	color: #b2b2b2
}
[gktext-color=service]:hover [text-icon-datepicker], [gktext-color=service][focused] [text-icon-datepicker] {
	color: #5c86ff
}
[gktext-color=service][invalid] {
	border-color: #f36749
}
[gktext-color=service][invalid] .gkui-form-error {
	position: absolute;
	left: 0;
	top: calc(100% + 7px);
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	font-weight: 400;
	color: #f36749
}
[gktext-color=service][invalid] [text-error-icon] {
	font-size: 12px
}
[gkcheck-color=checkbox] {
	position: relative;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	background: #fff;
	border: 1px solid #00f;
	border-radius: 3px
}
[gkcheck-color=checkbox] [gk-checked] {
	position: absolute;
	left: 4px;
	top: 5px;
	width: 8px;
	height: 3px;
	background: #fff;
	border-left: 1px solid #00f;
	border-bottom: 1px solid #00f;
	transform: rotate(-45deg)
}
[gkcheck-color=radio] {
	width: 16px;
	height: 16px;
	margin-right: 4px;
	border: 1px solid #00f
}
[gkcheck-color=radio] [gk-checked] {
	width: 8px;
	height: 8px;
	background: #00f;
	box-shadow: 0 1px 2px rgba(0,0,0,.2)
}
[gktext-color=gray], [gktext-color=green] {
	background: #fff;
	border: 1px solid #d9d9d9;
	box-shadow: none
}
[gktext-color=underline] {
	background: #fff;
	border: 1px solid #eaeeef;
	box-shadow: none
}
.gkui-form-element[data-color=gray] {
	min-height: 40px
}
.gkui-form-element[data-color=gray] .gkui-form-text {
	font-size: 18px
}
.gkui-form-element[data-color=gray] .gkui-form-error {
	left: 0;
	bottom: -55%;
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
	color: #ff5900
}
.gkui-form-element[data-color=gray][data-focused=true] {
	border-color: #1458d4!important
}
.gkui-form-element[data-color=gray][invalid] {
	box-shadow: none
}
.gkui-form-element[data-color=gray].gkui-form-element-textarea {
	display: flex;
	height: 130px
}
.gkui-form-element[data-color=gray].gkui-form-element-textarea /deep/ textarea {
box-sizing:border-box;
flex:1;
width:100%;
height:126px;
padding:10px;
outline:none;
border:none;
resize:none
}
.gkui-form-element[data-color=gray].gkui-form-element-textarea .gkui-form-error {
	bottom: -16%
}
[gk-form-custom-group] {
	position: relative
}
[gk-form-custom-group] .gkui-form-error {
	left: 0;
	bottom: -20px;
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
	color: #ff5900
}
.gkui-form-element[data-color=blue] {
	min-height: 40px;
	margin-bottom: 10px;
	background: #fff;
	border: 1px solid #eaeeef
}
.gkui-form-element[data-color=blue] .gkui-form-text {
	font-size: 14px;
	color: #4a4a4a
}
.gkui-form-element[data-color=blue] .gkui-form-text::-webkit-input-placeholder {
color:rgba(130,138,146,.6)
}
.gkui-form-element[data-color=blue][invalid] {
	margin-bottom: 28px
}
.gkui-form-element[data-color=blue] .gkui-form-error {
	left: 0;
	bottom: -20px;
	line-height: 1;
	font-size: 12px;
	font-weight: 400;
	color: #ff5900
}
.gkui-form-element[data-color=blue] .gkui-form-error:before {
	content: ""
}
.gkui-form-element[data-color=blue][data-focused] {
	background: #fff;
	border-color: #5079d2!important
}
.gkui-form-element[data-color=green] {
	min-height: 40px;
	margin-bottom: 10px;
	background: #f8f9fa
}
.gkui-form-element[data-color=green] .gkui-form-text {
	font-size: 14px;
	color: #4a4a4a
}
.gkui-form-element[data-color=green][invalid=true] {
	margin-bottom: 28px
}
.gkui-form-element[data-color=green] .gkui-form-error {
	left: 0;
	bottom: -20px;
	line-height: 1;
	font-size: 12px;
	font-weight: 400;
	color: #ff5900
}
.gkui-form-element[data-color=green] .gkui-form-error:before {
	content: ""
}
.gkui-form-element[data-color=green][data-focused=true] {
	background: #f0f9f8;
	border-color: #25c2be!important
}
.gkui-form-element[data-color=underline] {
	min-height: 40px;
	margin-bottom: 20px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 0
}
.gkui-form-element[data-color=underline] .gkui-form-text {
	padding: 0;
	font-size: 16px
}
.gkui-form-element[data-color=underline] .gkui-form-text::-webkit-input-placeholder {
color:#828a92;
opacity:.6
}

@media (max-width:768px) {
.gkui-form-element[data-color=underline] .gkui-form-text {
	font-size: 14px
}
}
.gkui-form-element[data-color=underline] .gkui-form-error {
	left: 0;
	bottom: -16px;
	line-height: 1;
	font-size: 12px;
	font-weight: 400;
	color: #ff3535
}
.gkui-form-element[data-color=underline][data-focused=true] {
	border-color: #1458d4!important
}
.gkui-form-element[data-color=underline].gkui-form-element-textarea {
	display: flex;
	height: 130px
}
.gkui-form-element[data-color=underline].gkui-form-element-textarea /deep/ textarea {
box-sizing:border-box;
flex:1;
width:100%;
height:126px;
padding:10px;
outline:none;
border:none;
resize:none
}
.gkui-form-element[data-color=underline].gkui-form-element-textarea .gkui-form-error {
	bottom: -16%
}
[gkcheck-color=radio] {
	position: relative;
	width: 21px;
	height: 21px;
	margin-right: 10px;
	border: 1px solid #dcdcdc;
	border-radius: 100%
}
[gkcheck-color=radio] [gk-checked] {
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 9px;
	height: 9px;
	background: #fff;
	border: 7px solid #1458d4;
	border-radius: 100%;
	transform: translate(-50%, -50%)
}
[gkcheck-color=radio]+span {
	line-height: 1;
	font-size: 18px;
	font-weight: 400;
	font-family: PingFangSC-Regular;
	color: #353535
}
[gkcheck-color=infoqCheckbox] {
	position: relative;
	width: 19px;
	height: 19px;
	margin-right: 10px;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 2px
}
[gkcheck-color=infoqCheckbox] [gk-checked] {
	position: absolute;
	left: 0;
	top: 0;
	width: 19px;
	height: 19px;
	background: #1458d4;
	border-color: #1458d4;
	border-radius: 2px;
	transform: rotate(0deg)
}
[gkcheck-color=infoqCheckbox] [gk-checked]:after {
	content: "";
	position: absolute;
	left: 4px;
	top: 4px;
	width: 8px;
	height: 4px;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: rotate(-45deg)
}
[gkcheck-color=infoqCheckbox]+span {
	line-height: 1;
	font-size: 18px;
	font-weight: 400;
	font-family: PingFangSC-Regular;
	color: #353535
}
[gkcheck-color=personalCheck] {
	position: relative;
	width: 15px;
	height: 15px;
	margin-right: 8px;
	background: #fff;
	border: 1px solid #cdd3d9;
	border-radius: 2px
}
[gkcheck-color=personalCheck][checked=checked] {
	border-color: #1458d4
}
[gkcheck-color=personalCheck]+span {
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
	font-family: PingFangSC-Regular;
	color: #828a92;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media screen and (max-width:768px) {
[gkcheck-color=personalCheck] {
	width: 13px;
	height: 13px
}
[gkcheck-color=personalCheck][checked=checked] .iconfont {
	transform: scale(.8) translateX(-1px)
}
}
[gkselect-color=gray] {
	background: #fff;
	border: 1px solid #eaeeef;
	font-size: 14px;
	font-weight: 400
}
[gkselect-color=gray] [gk-select-label] {
	color: #767676
}
[gkselect-color=gray] [gk-select-label][placeholder] {
	font-weight: 400;
	color: #f6f7f9
}
[gkselect-color=gray] [gk-select-icon-arrow] {
	color: silver
}
[gkselect-color=gray]:hover, [gkselect-color=gray][focused] {
	border-color: #1458d4;
	font-weight: 500;
	color: #4c4c4c
}
[gkselect-color=gray]:hover [gk-select-icon-arrow], [gkselect-color=gray][focused] [gk-select-icon-arrow] {
	color: #1458d4
}
[gkselect-color=gray][invalid] {
	border-color: #f92a0e
}
[gkselect-color=gray][invalid] [gk-select-icon-arrow] {
	color: #f92a0e
}
[gkselect-color=gray] .gkui-form-error, [gkselect-color=gray] .gkui-form-tips {
	left: 0;
	line-height: 1;
	word-break: keep-all;
	white-space: nowrap;
	font-weight: 400;
	pointer-events: none;
	color: #f92a0e
}
[gkselect-color=gray] [gk-scrollbar]>div {
	border-radius: 5px
}
[gkselect-color=gray] [gk-select-popup] {
	overflow: visible;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 5px 20px rgba(206,211,226,.4)
}
[gkselect-color=gray] [gk-select-options] {
	padding: 2px 0;
	border-radius: 5px
}
[gkselect-color=gray] [gk-select-option] {
	justify-content: flex-start;
	height: 36px;
	padding: 0 15px;
	font-size: 14px;
	font-weight: 400;
	color: #767676
}
[gkselect-color=gray] [gk-select-option]:first-child {
	border-radius: 3px 3px 0 0
}
[gkselect-color=gray] [gk-select-option]:last-child {
	border-radius: 0 0 3px 3px
}
[gkselect-color=gray] [gk-select-option][filter-option] span {
	color: #1458d4
}
[gkselect-color=gray] [gk-select-option]:hover {
	background: rgba(92,134,255,.06)
}
[gkselect-color=gray] [gk-select-option]:hover, [gkselect-color=gray] [gk-select-option][selected] {
	font-weight: 500;
	color: #1458d4
}

@media (max-width:768px) {
[gkselect-color=gray] {
	border: none
}
[gkselect-color=gray]:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: #ededed;
	border-radius: 1px;
	pointer-events: none
}
[gkselect-color=gray] [gk-select-label] {
	color: #404040
}
[gkselect-color=gray] [gk-select-label][placeholder] {
	font-weight: 400;
	color: #f6f7f9
}
[gkselect-color=gray]:hover, [gkselect-color=gray][focused] {
	font-weight: 400;
	color: #404040
}
[gkselect-color=gray]:hover:before, [gkselect-color=gray][focused]:before {
	background: #1458d4
}
[gkselect-color=gray][invalid]:before {
	background: #f92a0e
}
}

@media screen and (max-width:768px) {
[gkcheck-color=radio] {
	width: 18px;
	height: 18px
}
[gkcheck-color=radio] [gk-checked] {
	width: 8px;
	height: 8px;
	border: 7px solid #1458d4
}
[gkcheck-color=radio]+span {
	line-height: 1;
	font-size: 16px;
	font-weight: 400
}
[gkcheck-color=infoqCheckbox] {
	width: 19px;
	height: 19px
}
[gkcheck-color=infoqCheckbox]+span {
	line-height: 1;
	font-size: 16px;
	font-weight: 400
}
}
.gkui-message-content-wrap {
	position: relative;
	text-align: center
}
.gkui-message-content-wrap .gkui-message-content {
	display: inline-block;
	overflow: hidden;
	padding: 10px 16px;
	margin-bottom: 6px;
	background: #fff;
	font-size: 14px;
	line-height: 14px;
	border-radius: 3px;
	box-shadow: 0 1px 6px rgba(0,0,0,.2);
	pointer-events: all
}
.gkui-message-content-wrap .gkui-message-loading-prefix {
	display: inline-block;
	margin-right: 4px;
	transform: translateY(2px)
}
.gkui-message-content-wrap .gkui-message-close {
	display: inline-block;
	margin-left: 4px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.gkui-message-content-wrap .gkui-message-close .defaultClose {
	display: inline-block;
	position: relative;
	width: 10px;
	height: 10px
}
.gkui-message-content-wrap .gkui-message-close .defaultClose:after, .gkui-message-content-wrap .gkui-message-close .defaultClose:before {
	position: absolute;
	top: 5px;
	right: 0;
	display: block;
	content: "";
	width: 12px;
	height: 1px;
	background: #828a92
}
.gkui-message-content-wrap .gkui-message-close .defaultClose:before {
	transform: rotate(45deg)
}
.gkui-message-content-wrap .gkui-message-close .defaultClose:after {
	transform: rotate(-45deg)
}
.gkui-message-content-wrap .gkui-message-close .defaultClose:hover:after, .gkui-message-content-wrap .gkui-message-close .defaultClose:hover:before {
	background: #333
}
.fade-up-enter-active, .fade-up-leave-active {
	transition: all .4s ease
}
.fade-up-enter, .fade-up-leave-to {
	opacity: 0;
	transform: translateY(-50%)
}
.fade-up-leave-to {
	height: 0
}
.fade-in-enter-active, .fade-in-leave-active {
	transition: all .3s ease-in-out
}
.fade-in-enter, .fade-in-leave-to {
	opacity: 0
}
.gkui-message-content-wrap .gkui-message-info {
	border: 1px solid #fff
}
.gkui-message-content-wrap .gkui-message-error, .gkui-message-content-wrap .gkui-message-success {
	border: 1px solid transparent;
	background-color: rgba(0,0,0,.6);
	color: #fff
}
.gkui-message-content-wrap .gkui-message-toast {
	padding: 17px;
	border: none;
	border-radius: 6px;
	background-color: rgba(0,0,0,.64);
	color: #fff
}
[gkpaging-color=def] li {
	min-width: 32px;
	height: 32px;
	margin: 0 0 0 5px;
	font-size: 14px
}
[gkpaging-color=def] li a {
	min-width: 32px;
	height: 32px;
	padding: 0 8px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	color: #717171
}
[gkpaging-color=def] li a:hover {
	border-color: #1458d4;
	color: #1458d4
}
[gkpaging-color=def] li.cur a {
	background: #1458d4;
	border: 1px solid #1458d4;
	color: #fff
}
[gkpaging-color=def] li.disabled-item a {
	color: #ccc
}
[gkscrollbar-color=base] [bar=x] {
	left: 0;
	right: 0;
	bottom: 0
}
[gkscrollbar-color=base] [bar=y] {
	right: 0;
	top: 5px;
	bottom: 5px
}
[gkscrollbar-color=base] [gk-scrollbar-thumb]:after {
	background: #c9c9c9
}
[gkscrollbar-color=base] [thumb=x] {
	left: 0;
	bottom: 0;
	height: 6px
}
[gkscrollbar-color=base] [thumb=x]:after {
	width: 100%;
	height: 6px;
	border-radius: 6px
}
[gkscrollbar-color=base] [thumb=y] {
	right: 0;
	top: 0;
	width: 10px
}
[gkscrollbar-color=base] [thumb=y]:after {
	width: 4px;
	height: 100%;
	margin: 0 auto;
	border-radius: 4px
}
[gkscrollbar-color=base] [gk-scrollbar-thumb]:after {
	background: hsla(0,0%,78.8%,.2);
	transition: all .3s
}
[gkscrollbar-color=base]:hover [gk-scrollbar-thumb]:after {
	background: hsla(0,0%,78.8%,.8)
}
[gkmodal-color=base] [gk-modal-mask] {
	background-color: rgba(0,0,0,.8)
}
[gkmodal-color=base] [gk-modal-main] {
	width: 480px;
	padding: 20px
}
[gkmodal-color=base] [gk-modal-title] {
	font-weight: 500
}
[gkmodal-color=base] [gk-modal-footer] {
	justify-content: flex-end
}
[gkmodal-color=base] [gk-modal-cancel] {
	margin-right: 12px
}
[gkmodal-color=confirm] [gk-modal-mask] {
	background-color: rgba(0,0,0,.7)
}
[gkmodal-color=confirm] [gk-modal-main] {
	top: -100px;
	width: 480px;
	padding: 20px
}
[gkmodal-color=confirm] [gk-confirm-title] {
	font-size: 18px;
	font-weight: 500
}
[gkmodal-color=confirm] [gk-confirm-content] {
	margin: 10px 0
}
[gkmodal-color=confirm] [gk-confirm-text] {
	margin-top: 4px;
	line-height: 24px;
	font-size: 16px;
	color: #141414
}
[gkmodal-color=confirm] [gk-modal-footer] {
	justify-content: flex-end
}
[gkmodal-color=confirm] [gk-modal-cancel] {
	margin-right: 12px
}
.gk-fade-up-enter, .gk-fade-up-leave-to {
	transform: translateY(20%)
}
[gkmodal-color=normal] [gk-modal-main] {
	border-radius: 10px
}
[gkmodal-color=normal] [gk-modal-close] {
	top: 9px;
	right: 11px
}
[gkmodal-color=normal] [gk-modal-close]:after, [gkmodal-color=normal] [gk-modal-close]:before {
	width: 15px;
	margin-left: -7px;
	background: #d0d2d4
}
[gkmodal-color=base] [gk-modal-close] {
	top: 9px;
	right: 11px
}
[gkmodal-color=base] [gk-modal-close]:after, [gkmodal-color=base] [gk-modal-close]:before {
	width: 15px;
	margin-left: -7px;
	background: #d0d2d4
}
[gkmodal-color=base] [gk-modal-main] {
	top: -50px;
	width: 380px;
	padding: 32px 28px 28px;
	border-radius: 10px
}
[gkmodal-color=base] [gk-modal-title] {
	line-height: 18px;
	font-size: 18px;
	font-weight: 600;
	color: #303030
}
[gkmodal-color=base] [gk-modal-content] {
	margin: 20px 0 30px
}
[gkmodal-color=base] [gk-modal-footer] {
	justify-content: center
}
[gkmodal-color=base] [gk-button] {
	min-width: 95px;
	height: 38px;
	padding: 0 16px;
	font-size: 16px;
	font-weight: 500
}
[gkmodal-color=base] [gk-modal-cancel] {
	margin-right: 15px
}
[gkmodal-color=common] [gk-modal-close] {
	top: 5px;
	right: 11px
}
[gkmodal-color=common] [gk-modal-close]:after, [gkmodal-color=common] [gk-modal-close]:before {
	width: 15px;
	margin-left: -7px;
	background: #d0d2d4
}
[gkmodal-color=common] [gk-modal-main] {
	top: -50px;
	width: 380px;
	padding: 32px 25px 28px;
	border-radius: 10px
}
[gkmodal-color=common] [gk-confirm-title], [gkmodal-color=common] [gk-modal-title] {
	text-align: center;
	line-height: 26px;
	font-size: 18px;
	font-weight: 600;
	color: #303030
}
[gkmodal-color=common] [gk-confirm-content] {
	margin: 20px 0 30px;
	text-align: center
}
[gkmodal-color=common] [gk-confirm-text] {
	line-height: 24px;
	font-size: 16px;
	color: #303030
}
[gkmodal-color=common] [gk-modal-footer] {
	justify-content: center
}
[gkmodal-color=common] [gk-button] {
	min-width: 95px;
	height: 38px;
	padding: 0 16px;
	font-size: 16px;
	font-weight: 500
}
[gkmodal-color=common] [gk-modal-cancel] {
	margin-right: 15px
}

@media screen and (max-width:768px) {
[gkmodal-color=common] [gk-modal-close] {
	top: 4px;
	right: 7px
}
[gkmodal-color=common] [gk-modal-main] {
	box-sizing: border-box;
	top: 0;
	width: 310px;
	padding: 38px 24px 20px;
	border-radius: 10px
}
[gkmodal-color=common] [gk-confirm-title] {
	text-align: center;
	line-height: 24px;
	font-size: 16px;
	font-weight: 500;
	color: #303030
}
[gkmodal-color=common] [gk-confirm-content] {
	margin: 5px 0 23px;
	text-align: center
}
[gkmodal-color=common] [gk-confirm-text] {
	font-size: 14px;
	color: #828a92
}
[gkmodal-color=common] [gk-button] {
	height: 36px
}
}
[gkmodal-color=subWechatTip] [gk-modal-main] {
	width: 536px;
	padding: 33px 50px 50px;
	text-align: center;
	border-radius: 10px
}
[gkmodal-color=subWechatTip] [gk-modal-close] {
	top: 14px;
	right: 14px
}

@media screen and (max-width:768px) {
[gkmodal-color=subWechatTip] [gk-modal-main] {
	width: auto;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 55px 18px 0 8px
}
[gkmodal-color=subWechatTip] [gk-modal-mask] {
	background-color: #fff
}
[gkmodal-color=subWechatTip] [gk-modal-close] {
	display: none
}
}
.gk-fade-up-enter-active, .gk-fade-up-leave-active {
	transition: all .3s
}
.gk-fade-up-enter, .gk-fade-up-leave-to {
	opacity: 0;
	transform: translateY(-40%)
}
.gkui-form-text, .gkui-form-textarea {
	box-sizing: border-box;
	flex: 1;
	width: 100%;
	background-color: transparent;
	border: 0;
	outline: none;
	-webkit-appearance: textfield
}
.gkui-form-text[disabled], .gkui-form-textarea[disabled] {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: not-allowed
}
[gkselect-color=service] {
	height: 40px;
	padding: 0 50px 0 20px;
	background: #fff;
	border: 1px solid #eff0f2;
	border-radius: 40px;
	font-size: 14px;
	font-weight: 400;
	color: #b2b2b2
}
[gkselect-color=service] [gk-select-icon-arrow] {
	position: absolute;
	right: 14px;
	top: 12px;
	display: block;
	height: 14px;
	line-height: 1;
	font-size: 12px;
	transform: scale(.5);
	transition: transform .3s ease
}
[gkselect-color=service] [gk-select-icon-datepicker], [gkselect-color=service] [gk-select-icon-search] {
	position: absolute;
	right: 18px;
	top: 12px;
	display: block;
	height: 14px;
	line-height: 1;
	font-size: 14px
}
[gkselect-color=service]:hover, [gkselect-color=service][focused] {
	border-color: #5c86ff;
	font-weight: 500;
	color: #4c4c4c
}
[gkselect-color=service]:hover [gk-select-icon-arrow], [gkselect-color=service]:hover [gk-select-icon-datepicker], [gkselect-color=service][focused] [gk-select-icon-arrow], [gkselect-color=service][focused] [gk-select-icon-datepicker] {
	color: #5c86ff
}
[gkselect-color=service][focused] [gk-select-icon-arrow] {
	transform: scale(.5) translateY(-4px) rotate(180deg)
}
[gkselect-color=service] [gk-select-popup] {
	background: #fff;
	box-shadow: 0 -2px 15px rgba(228,229,231,.6)
}
[gkselect-color=service][gk-select-datepicker] [gk-select-popup] {
	width: 609px;
	min-width: 609px
}
[gkselect-color=service] [gk-select-options] {
	padding: 6px 0
}
[gkselect-color=service] [gk-select-option] {
	justify-content: flex-start;
	height: 34px;
	padding: 0 20px;
	font-weight: 400
}
[gkselect-color=service] [gk-select-option][filter-option] span {
	color: #5c86ff
}
[gkselect-color=service] [gk-select-option]:hover {
	background: rgba(92,134,255,.06)
}
[gkselect-color=service] [gk-select-option][selected] {
	font-weight: 500;
	color: #5c86ff
}
[gkselect-color=base] {
	box-sizing: border-box;
	position: relative;
	height: 32px;
	padding: 0 20px 0 9px;
	background: #fff;
	border: 1px solid #eaeeef;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 400;
	color: #303030
}
[gkselect-color=base] [gk-select-icon-arrow] {
	position: absolute;
	right: 4px;
	top: 8px;
	display: block;
	height: 14px;
	line-height: 1;
	font-size: 14px;
	font-family: iconfont;
	transform: scale(.5);
	transform-origin: center;
	transition: transform .3s ease;
	color: #b4b9be
}
[gkselect-color=base] [gk-select-label] {
	line-height: 32px
}
[gkselect-color=base] [placeholder] {
	color: #b4b9be
}
[gkselect-color=base] [gk-select-icon-arrow] {
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
[gkselect-color=base]:hover, [gkselect-color=base][focused] {
	color: #303030
}
[gkselect-color=base]:hover [gk-select-icon-arrow], [gkselect-color=base][focused] [gk-select-icon-arrow] {
	color: #1458d4
}
[gkselect-color=base][focused] [gk-select-icon-arrow] {
	transform: scale(.5) translateY(-2px) rotate(180deg)
}
[gkselect-color=base] [gk-select-popup] {
	top: 36px!important;
	height: 128px;
	padding: 16px 0;
	background: #fff;
	border: 1px solid #eaeeef;
	border-radius: 4px;
	box-shadow: 0 3px 14px 0 rgba(214,216,218,.3)
}
[gkselect-color=base] [gkselect-scrollbar] {
	max-height: 128px
}
[gkselect-color=base] [gk-select-option] {
	justify-content: flex-start;
	min-height: 32px;
	padding: 0 24px;
	line-height: 24px;
	font-weight: 400
}
[gkselect-color=base] [gk-select-option][filter-option] span {
	color: #1458d4
}
[gkselect-color=base] [gk-select-option]:hover {
	background: #f6f7f8
}
[gkselect-color=base] [gk-select-option][selected] {
	position: relative;
	font-weight: 400
}
[gkselect-color=base] [gk-select-option][selected]:after {
	content: "\e664";
	display: block;
	position: absolute;
	right: 15px;
	top: 10px;
	line-height: 1;
	font-size: 22px;
	font-family: iconfont;
	color: #1458d4;
	transform: scale(.5);
	transform-origin: top right
}
[gkselect-color=base][invalid] .gkui-form-error {
	position: absolute;
	bottom: -18px;
	left: 0;
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
	color: #f92a0e
}
[gk-audio-color=base] [bar-played] {
	background: #1458d4
}
[gk-audio-color=base] [bar-loaded] {
	background: #d6dada
}
[gk-audio-color=base] [bar-wrap]:hover [bar-dot] {
	opacity: 1;
	width: 10px;
	height: 10px
}
[gk-audio-color=base] [bar-dot] {
	top: 1px;
	width: 10px;
	height: 10px;
	background: #1458d4;
	border-radius: 50%;
	box-shadow: 0 0 4px 0 #bdcdeb
}
[gk-audio-color=base] [volume-icon]:after {
	color: #1458d4
}
[gk-audio-color=base] [volume-bar-progress] {
	background: #1458d4
}
[gk-audio-color=base] [volume-dot] {
	width: 10px;
	height: 10px;
	background: #1458d4;
	border-radius: 50%;
	box-shadow: 0 0 4px 0 #bdcdeb
}
[gk-audio-color=base] [gk-audio-play] {
	width: 24px;
	height: 24px
}
[gk-audio-color=base] [gk-audio-play]:after {
	line-height: 1
}
[gk-audio-color=base] [gk-audio-paused] {
	width: 24px;
	height: 24px
}
[gk-audio-color=base] [gk-audio-paused]:after {
	line-height: 1
}
@font-face {
	font-family: iconfont;
	src: url(//at.alicdn.com/t/font_823612_7cz7sb6mqai.eot);
	src: url(//at.alicdn.com/t/font_823612_7cz7sb6mqai.eot#iefix) format("embedded-opentype"), url(//at.alicdn.com/t/font_823612_7cz7sb6mqai.woff2) format("woff2"), url(//at.alicdn.com/t/font_823612_7cz7sb6mqai.woff) format("woff"), url(//at.alicdn.com/t/font_823612_7cz7sb6mqai.ttf) format("truetype"), url(//at.alicdn.com/t/font_823612_7cz7sb6mqai.svg#iconfont) format("svg")
}
.iconfont {
	font-family: iconfont!important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}
.svg-icon {
	display: block;
	overflow: hidden;
	width: 1em;
	height: 1em;
	fill: currentColor
}
.layout-content {
	width: 1200px;
	margin: 0 auto
}

@media screen and (max-width:768px) {
.layout-content {
	width: 100%
}
}
.marked-dot {
	position: relative
}
.marked-dot:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 6px;
	height: 6px;
	background: #ff5a05;
	border-radius: 50%
}
.flashing {
	-webkit-animation: "flashing" 1s linear 3;
	animation: "flashing" 1s linear 3;
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}
@-webkit-keyframes flashing {
0% {
background:transparent
}
50% {
background:#bbd7fb
}
to {
background:transparent
}
}
@keyframes flashing {
0% {
background:transparent
}
50% {
background:#bbd7fb
}
to {
background:transparent
}
}
@-webkit-keyframes shakeX {
0%, to {
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
transform:translate3d(10px, 0, 0)
}
}
@keyframes shakeX {
0%, to {
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
transform:translate3d(10px, 0, 0)
}
}
.shakeX {
	-webkit-animation: "shakeX" 1s;
	animation: "shakeX" 1s
}
@-webkit-keyframes wave {
50% {
transform:scale(1.5);
opacity:1
}
to {
transform:scale(3);
opacity:0
}
}
@keyframes wave {
50% {
transform:scale(1.5);
opacity:1
}
to {
transform:scale(3);
opacity:0
}
}
.article-typo .tool .copy, .article-typo .tool .copy .tooltip, .gkui-message-content-wrap .gkui-message-close .defaultClose:after, .gkui-message-content-wrap .gkui-message-close .defaultClose:before, [gkbtn-color=follow], [gkbtn-color=more], [gkbtn-color=unfollow], [gkcheck-color=radio] {
	transition: all .3s ease
}
[gkcheck-color=personalCheck] {
	display: flex;
	align-items: center;
	justify-content: center
}
[gkbtn-color=follow] {
	background: #f1f1f1;
	color: #828a92
}
:active[gkbtn-color=follow], :hover[gkbtn-color=follow] {
	background: #e7e8ea;
	color: #141414
}
:active[gkbtn-color=follow] {
	transition: none
}
[gkbtn-color=icon] {
	background: #f6f7f9;
	color: #828a92
}
:active[gkbtn-color=icon], :hover[gkbtn-color=icon] {
	background: #fff;
	color: #1458d4;
	border: 1px solid #1458d4
}
:active[gkbtn-color=icon] {
	transition: none
}
:active[gkbtn-color=more], :active[gkbtn-color=unfollow], :hover[gkbtn-color=more], :hover[gkbtn-color=unfollow], [gkbtn-color=more], [gkbtn-color=unfollow] {
	box-shadow: 0 0 0 1px #1458d4;
	color: #1458d4
}
:active[gkbtn-color=more], :active[gkbtn-color=unfollow] {
	transition: none
}
.article-typo {
	line-height: 2.1;
	text-align: justify;
	font-weight: 400;
	color: #4a4a4a
}
.article-typo iframe {
	width: 100%;
	height: 427px
}
.article-typo-dl, .article-typo-form, .article-typo-hr, .article-typo-ol, .article-typo-p, .article-typo-pre, .article-typo-table, .article-typo-ul, .article-typo blockquote, .article-typo dl, .article-typo form, .article-typo hr, .article-typo ol, .article-typo p, .article-typo pre, .article-typo table, .article-typo ul {
	font-weight: 400;
	margin-bottom: 1.5rem
}
.article-typo h1, .article-typo h2, .article-typo h3, .article-typo h4, .article-typo h5, .article-typo h6 {
	line-height: 1.35;
	font-family: PingFang SC, Helvetica Neue, Verdana, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
	color: #141414
}
.article-typo-h1, .article-typo-h2, .article-typo-h3, .article-typo-h4, .article-typo-h5, .article-typo-h6, .article-typo h1, .article-typo h2, .article-typo h3, .article-typo h4, .article-typo h5, .article-typo h6 {
	margin-top: 1.2em;
	margin-bottom: .6em;
	line-height: 1.35;
	color: #353535;
	font-weight: 500
}
.article-typo-h1, .article-typo h1 {
	font-size: 26px
}
.article-typo-h2, .article-typo h2 {
	font-size: 22px
}
.article-typo-h3, .article-typo h3 {
	font-size: 18px
}
.article-typo-h4, .article-typo h4 {
	font-size: 16px
}
.article-typo-h5, .article-typo-h6, .article-typo h5, .article-typo h6 {
	font-size: 14px
}
.article-typo-ul, .article-typo ul {
	margin-left: 1.3em;
	list-style: disc
}
.article-typo-ol, .article-typo ol {
	list-style: decimal;
	margin-left: 1.9em
}
.article-typo-ol ol, .article-typo-ol ul, .article-typo-ul ol, .article-typo-ul ul, .article-typo li ol, .article-typo li ul {
	margin-bottom: .8em;
	margin-left: 2em
}
.article-typo-ol ul, .article-typo-ul ul, .article-typo li ul {
	list-style: circle
}
.article-typo-table td, .article-typo-table th, .article-typo table caption, .article-typo table td, .article-typo table th {
	border: 1px solid #ddd;
	padding: .5em 1em
}
.article-typo-table th, .article-typo table th {
	background: #fbfbfb
}
.article-typo-table thead th, .article-typo table thead th {
	background: hsla(0,0%,94.5%,.7)
}
.article-typo table caption {
	border-bottom: none
}
.article-typo-input, .article-typo-textarea {
	-webkit-appearance: none;
	border-radius: 0
}
.article-typo-em, .article-typo caption, .article-typo em, .article-typo legend {
	color: #000;
	font-weight: inherit
}
.article-typo-em {
	position: relative
}
.article-typo-em:after {
	position: absolute;
	top: .65em;
	left: 0;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	content: "・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・"
}
.article-typo img {
	max-width: 100%
}
.article-typo em {
	font-style: italic
}
.article-typo p {
	word-break: break-word
}
.article-typo video {
	width: 650px;
	border-radius: 5px
}
.article-typo audio, .article-typo img, .article-typo video {
	display: block;
	margin: 0 auto
}
.article-typo blockquote {
	position: relative;
	color: #999;
	font-weight: 400;
	border-left: 4px solid #e5e9f2;
	padding-left: 1em;
	margin: 1em 3em 1em 2em
}
.article-typo hr {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	border: none;
	border-top: 1px solid #f5f5f5;
	height: 1px;
	background: none
}
.article-typo table {
	width: 100%;
	line-height: 1.8
}
.article-typo .orange {
	color: #1458d4
}
.article-typo .reference {
	font-size: 1rem;
	color: #888
}
.article-typo .m-center {
	text-align: center
}
.article-typo .m-right {
	text-align: right
}
.article-typo .m-small {
	font-size: 14px
}
.article-typo .m-gray {
	color: #828a92
}
.article-typo pre {
	background: #f9fafc;
	border-radius: 5px;
	overflow: hidden
}
.article-typo pre table.hljs-ln {
	margin-bottom: 0;
	font-size: 13px;
	-webkit-text-size-adjust: none
}
.article-typo pre table.hljs-ln td {
	border: none
}
.article-typo pre table.hljs-ln td.hljs-ln-code, .article-typo pre table.hljs-ln td.hljs-ln-numbers {
	padding: 0
}
.article-typo pre table.hljs-ln td.hljs-ln-code .hljs-ln-line {
	padding-left: 10px
}
.article-typo pre code.hljs {
	font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace, serif;
	background: #f9fafc
}
.article-typo pre:hover .copy {
	opacity: 1
}
.article-typo pre code {
	position: relative;
	padding: 30px 25px 15px
}
.article-typo pre code .hljs-ln-line {
	white-space: pre
}
.article-typo .tool {
	position: relative
}
.article-typo .tool .copy {
	position: absolute;
	z-index: 10;
	top: 15px;
	right: 24px;
	line-height: 1;
	font-size: 12px;
	font-weight: 400;
	color: #828a92;
	opacity: 1;
	cursor: pointer
}
.article-typo .tool .copy span.iconfont {
	position: relative;
	top: 2px
}
.article-typo .tool .copy .tooltip {
	position: absolute;
	z-index: 11;
	top: -24px;
	left: 50%;
	width: 50px;
	padding: 4px 8px;
	background: rgba(0,0,0,.6);
	border-radius: 2px;
	line-height: 1;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	color: #fff;
	opacity: 0;
	transform: translateX(-50%) scale(.9)
}
.article-typo .tool .copy .tooltip.show {
	opacity: 1
}
.article-typo .tool .copy .tooltip:after {
	content: " ";
	position: absolute;
	bottom: -10px;
	left: 50%;
	z-index: 11;
	width: 0;
	height: 0;
	margin-left: -5px;
	border: 5px solid transparent;
	border-top-color: rgba(0,0,0,.6)
}

@media screen and (max-width:768px) {
.article-typo-dl, .article-typo-form, .article-typo-hr, .article-typo-ol, .article-typo-p, .article-typo-pre, .article-typo-table, .article-typo-ul, .article-typo blockquote, .article-typo dl, .article-typo form, .article-typo hr, .article-typo ol, .article-typo p, .article-typo pre, .article-typo table, .article-typo ul {
	margin-bottom: 1rem
}
.article-typo .tool .copy {
	opacity: 1;
	top: 10px;
	right: 10px
}
.article-typo audio, .article-typo video {
	width: 100%
}
.article-typo iframe {
	height: 50vw
}
}
.article-preview[data-type=doc] {
	color: #303030;
	font-family: Helvetica Neue, PingFang SC, Verdana, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(255,255,255,0)
}
.article-preview[data-type=doc] ::selection {
	background: #bbd7fb
}
.article-preview[data-type=doc] ::-moz-selection {
background:#bbd7fb
}
.article-preview .ProseMirror {
	outline: none
}
.article-preview p {
	line-height: 1.875;
	font-size: 16px;
	min-height: 30px;
	white-space: pre-wrap;
	word-break: break-all
}
.article-preview [deco-mark] {
	cursor: pointer;
	padding-bottom: 2px;
	border-bottom: 1px solid #4b78ca
}
.article-preview [data-indent-1] {
	margin-left: 24px
}
.article-preview [data-indent-2] {
	margin-left: 48px
}
.article-preview [data-indent-3] {
	margin-left: 72px
}
.article-preview [data-indent-4] {
	margin-left: 96px
}
.article-preview [data-indent-5] {
	margin-left: 120px
}
.article-preview [data-indent-6] {
	margin-left: 144px
}
.article-preview [data-indent-7] {
	margin-left: 168px
}
.article-preview [data-indent-8] {
	margin-left: 192px
}
.article-preview [data-align-right] {
	text-align: right
}
.article-preview [data-align-center] {
	text-align: center
}
.article-preview ul p {
	padding-left: 24px;
	position: relative
}
.article-preview ul p:before {
	content: "";
	display: inline-block;
	font-size: 6px;
	margin-left: -19px;
	margin-right: 13px;
	transform: translateY(-2px);
	height: 6px;
	width: 6px;
	background-color: #353535;
	border-radius: 50%
}
.article-preview ul p[data-indent-1]:before, .article-preview ul p[data-indent-5]:before {
	height: 4px;
	width: 4px;
	border: 1px solid #353535;
	background-color: transparent
}
.article-preview ul p[data-indent-2]:before, .article-preview ul p[data-indent-6]:before {
	border-radius: 0
}
.article-preview ul p[data-indent-3]:before, .article-preview ul p[data-indent-7]:before {
	height: 4px;
	width: 4px;
	border: 1px solid #353535;
	background-color: transparent;
	border-radius: 0
}
.article-preview ol p {
	padding-left: 24px;
	position: relative
}
.article-preview ol p:before {
	font-size: 16px;
	content: attr(data-number) ".";
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: right;
	line-height: 20px;
	box-sizing: border-box;
	min-width: 24px;
	margin-left: -24px;
	display: inline-block;
	padding-right: 8px;
	font-family: Open Sans, Helvetica Neue, sans-serif
}
.article-preview [data-type=heading] {
	font-weight: 700;
	color: #353535;
	white-space: pre-wrap
}
.article-preview h1 {
	line-height: 48px;
	font-size: 32px
}
.article-preview h2 {
	line-height: 44px;
	font-size: 28px
}
.article-preview h3 {
	line-height: 40px;
	font-size: 24px
}
.article-preview h4 {
	line-height: 36px;
	font-size: 20px
}
.article-preview h5 {
	line-height: 36px;
	font-size: 16px
}
.article-preview blockquote {
	border-left: 4px solid #e3e5e8;
	margin: 0;
	padding-right: 14px;
	padding-left: 14px;
	color: #828a92
}
.article-preview hr {
	padding-top: 30px;
	margin-bottom: 30px;
	border: 0;
	border-bottom: 2px solid #eaeeef
}
.article-preview [data-size="9"] {
	font-size: 12px
}
.article-preview [data-size="10"] {
	font-size: 14px
}
.article-preview [data-size="11"] {
	font-size: 16px
}
.article-preview [data-size="12"] {
	font-size: 18px
}
.article-preview [data-size="14"] {
	font-size: 20px
}
.article-preview [data-size="16"] {
	font-size: 22px
}
.article-preview [data-size="18"] {
	font-size: 24px
}
.article-preview [data-size="22"] {
	font-size: 26px
}
.article-preview [data-size="24"] {
	font-size: 28px
}
.article-preview [data-size="30"] {
	font-size: 30px
}
.article-preview [data-size="36"] {
	font-size: 32px
}
.article-preview a[data-type=link] {
	color: #1458d4
}
.article-preview a[data-type=link] span {
	color: #1458d4!important
}
.article-preview a[data-type=link]:before {
	content: "\e668";
	font-family: iconfont
}
.article-preview code {
	font-family: Source Code Pro, Courier;
	background: #f1f3f5;
	border: 1px solid #eee;
	border-radius: 3px
}
.article-preview i {
	font-style: italic
}
.article-preview u {
	text-decoration: underline
}
.article-preview strong {
	font-weight: 700
}
.article-preview s {
	text-decoration: line-through
}
.article-preview [data-type=codeblock] {
	position: relative;
	color: #666;
	border: 1px solid #e6e8eb;
	border-radius: 3px;
	background: #f1f3f5;
	padding-top: 33px;
	padding-bottom: 15px;
	margin-bottom: 12px
}
.article-preview [data-codeblock-codes] {
	position: relative;
	overflow: hidden;
	margin-left: 42px;
	margin-right: 26px
}
.article-preview [data-codeblock-copy] {
	font-size: 13px;
	color: #888;
	position: absolute;
	right: 1em;
	top: 6px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.article-preview [data-codeblock-copy]:before {
	font-size: 13px;
	font-family: iconfont;
	content: "\e683";
	margin-right: 3px
}
.article-preview [data-codeblock-index] {
	position: absolute;
	left: 2px;
	width: 30px;
	top: 33px
}
.article-preview [data-codeblock-number] {
	padding-right: 2px;
	height: 20px
}
.article-preview [data-codeblock-number]:before {
	content: attr(data-codeblock-number);
	font-weight: 400;
	font-family: Source Code Pro, Courier;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: right;
	max-width: 30px;
	background-color: transparent;
	color: #c1c7cd;
	display: block;
	font-size: 13px;
	line-height: 20px
}
.article-preview [data-type=codeline] {
	display: block;
	border: none;
	font-family: Menlo, Monaco, Source Code Pro, Courier New, monospace;
	line-height: 20px;
	height: 20px;
	font-size: 13px;
	white-space: pre
}
@-moz-document url-prefix() {
.article-preview [data-type=codeline] {
font-family:monospace!important
}
}
.article-preview [data-type=katexblock] .katex-display {
	margin-top: 0;
	margin-bottom: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.article-preview [data-type=image] {
	margin: 0 auto 19px;
	text-align: center
}
.article-preview [data-type=image] [data-content] {
	margin: 0 auto
}
.article-preview [data-type=image] img {
	vertical-align: top;
	max-width: 100%;
	height: auto
}
.article-preview [data-style-width="75%"] {
	width: 75%
}
.article-preview [data-style-width="50%"] {
	width: 50%
}
.article-preview [data-style-width="25%"] {
	width: 25%
}
.article-preview [data-style-bordertype=border] img {
	border: 2px solid #b4b5b6
}
.article-preview [data-style-bordertype=boxShadow] img {
	box-shadow: 0 5px 14px rgba(166,167,167,.6)
}
.article-preview [data-type=image] [data-title] {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 16px;
	font-weight: 500;
	color: #828a92;
	text-align: center;
	line-height: 30px;
	padding-top: 8px
}
.article-preview [data-type=video] {
	width: 90%;
	margin: 0 auto
}
.in-app .article-preview[data-type=doc], .skin-yellow .article-preview[data-type=doc] {
	color: #353535
}
.skin-dark .article-preview[data-type=doc] {
	color: silver
}
@font-face {
	font-family: BEBAS___;
	src: url(../../../../static/infoq/www/fonts/BEBAS___.c4cfdabf.woff2) format("woff2"), url(../../../../static/infoq/www/fonts/BEBAS___.915361ed.woff) format("woff"), url(../../../../static/infoq/www/fonts/BEBAS___.dbdeade5.ttf) format("truetype"), url(../../../../static/infoq/www/fonts/BEBAS___.441e9cc8.eot) format("embedded-opentype"), url(../../../../static/infoq/www/img/BEBAS___.963252ec.svg) format("svg");
	font-weight: 400;
	font-style: normal
}
html {
	min-height: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
body, html {
	background: #fff
}
body {
	min-height: 100vh
}
body.fixed {
	overflow: hidden;
	position: fixed;
	width: 100vw;
	height: 100vh
}
i {
	font-style: normal
}
a {
	word-wrap: break-word;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	color: #f96203;
}
.fade-enter-active, .fade-leave-active {
	transition: opacity .3s
}
.slide-in-right-enter-active, .slide-in-right-leave-active, .slide-in-top-enter-active, .slide-in-top-leave-active {
	transition: all .3s ease
}
.slide-in-top-enter, .slide-in-top-leave-to {
	transform: translateY(5px);
	opacity: 0
}
.fade-in-bottom-enter-active, .fade-in-bottom-leave-active {
	transition: all .3s ease-in
}
.fade-in-bottom-enter, .fade-in-bottom-leave-to {
	bottom: -100%
}
.slide-in-bottom-enter-active, .slide-in-bottom-leave-active {
	transition: all .3s ease
}
.slide-in-bottom-enter, .slide-in-bottom-leave-to {
	transform: translateY(-5px);
	opacity: 0
}
.fade-in-right-enter-active, .fade-in-right-leave-active {
	transition: all .3s
}
.fade-in-right-enter, .fade-in-right-leave-to {
	transform: translateX(100%)
}
.fade-in-left-enter-active, .fade-in-left-leave-active {
	transition: all .3s
}
.fade-in-left-enter, .fade-in-left-leave-to {
	transform: translateX(-100%)
}
.fade-in-up-down-enter-active, .fade-in-up-down-leave-active {
	opacity: 1;
	transition: all .5s ease-in-out
}
.fade-in-up-down-enter, .fade-in-up-down-leave-to {
	opacity: 0;
	transform: translateY(100%)
}
@-webkit-keyframes scale-boundce {
0% {
transform:scale(.9)
}
35% {
transform:scale(1)
}
65% {
transform:scale(1.1)
}
to {
transform:scale(1)
}
}
@keyframes scale-boundce {
0% {
transform:scale(.9)
}
35% {
transform:scale(1)
}
65% {
transform:scale(1.1)
}
to {
transform:scale(1)
}
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	touch-action: none;
	z-index: 1500;
	-webkit-text-size-adjust: 100%;
	-webkit-backface-visibility: hidden;
	outline: none
}
.pswp * {
	box-sizing: border-box
}
.pswp img {
	max-width: none
}
.pswp--animate_opacity {
	opacity: .001;
	will-change: opacity;
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--open {
	display: block
}
.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}
.pswp--zoomed-in .pswp__img {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab
}
.pswp--dragging .pswp__img {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing
}
.pswp__bg {
	background: #000;
	opacity: 0;
	transform: translateZ(0);
	-webkit-backface-visibility: hidden
}
.pswp__bg, .pswp__scroll-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.pswp__scroll-wrap {
	overflow: hidden
}
.pswp__container, .pswp__zoom-wrap {
	touch-action: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}
.pswp__container, .pswp__img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}
.pswp__zoom-wrap {
	position: absolute;
	width: 100%;
	transform-origin: left top;
	transition: transform 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp__bg {
	will-change: opacity;
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
	transition: none
}
.pswp__container, .pswp__zoom-wrap {
	-webkit-backface-visibility: hidden
}
.pswp__item {
	right: 0;
	bottom: 0;
	overflow: hidden
}
.pswp__img, .pswp__item {
	position: absolute;
	left: 0;
	top: 0
}
.pswp__img {
	width: auto;
	height: auto
}
.pswp__img--placeholder {
	-webkit-backface-visibility: hidden
}
.pswp__img--placeholder--blank {
	background: #222
}
.pswp--ie .pswp__img {
	width: 100%!important;
	height: auto!important;
	left: 0;
	top: 0
}
.pswp__error-msg {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	margin-top: -8px;
	color: #ccc
}
.pswp__error-msg a {
	color: #ccc;
	text-decoration: underline
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__button {
	width: 44px;
	height: 44px;
	position: relative;
	background: none;
	cursor: pointer;
	overflow: visible;
	-webkit-appearance: none;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	opacity: .75;
	transition: opacity .2s;
	box-shadow: none
}
.pswp__button:focus, .pswp__button:hover {
	opacity: 1
}
.pswp__button:active {
	outline: none;
	opacity: .9
}
.pswp__button::-moz-focus-inner {
padding:0;
border:0
}
.pswp__ui--over-close .pswp__button--close {
	opacity: 1
}
.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAABYCAQAAACjBqE3AAAB6klEQVR4Ae3bsWpUQRTG8YkkanwCa7GzVotsI/gEgk9h4Vu4ySLYmMYgbJrc3lrwZbJwC0FMt4j7F6Y4oIZrsXtgxvx/1c0ufEX4cnbmLCmSJEmSJEmSJEmSJP3XCBPvbJU+8doWmDFwyZpLBmYlNJebz0KwzykwsuSYJSNwykEJreV2BaBMaLIQZ2xYcFgqDlmw4ayE/FwL0dDk4Qh4W37DAjgqIT+3HRbigjH+iikVdxgZStgyN0Su2sXIeTwTT+esdpcbIlfNAuZ/TxresG4zV8kYWSZNiKUTokMMSWeIwTNEn4fK2TW3gRNgVkJLuVksROA9G+bEvoATNlBCa7nZXEwdxEZxzpKRKFh+bsv8LmPFmhX1OwfIz81jIRJQ5eeqG9B+riRJkiRJkiRJkiRJkiRJkiRJUkvA/8RQoEpKlJWINFkJ62AlrEP/mNBibnv2yz/A3t7Uq3LcpoxP8COjC1T5vxoAD5VdoEqdDrd5QuW1swtUSaueh3zkiuBiqgtA2OlkeMcP/uDqugsJdbjHF65VdPMKwS0+WQc/MgKvrIOHysB9vgPwk8+85hmPbnQdvHZyDMAFD7L3EOpgMcVdvnHFS0/vlatrXvCVx0U9gt3fxvnA0/hB4nmRJEmSJEmSJEmSJGmHfgFLaDPoMu5xWwAAAABJRU5ErkJggg==) 0 0 no-repeat;
	background-size: 264px 88px;
	width: 44px;
	height: 44px
}

@media (-webkit-min-device-pixel-ratio:1.1), (-webkit-min-device-pixel-ratio:1.09375), (min-resolution:1.1dppx), (min-resolution:105dpi) {
.pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
	background-image: url(../../../../static/infoq/www/img/default-skin.b257fa9c.svg)
}
.pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
	background: none
}
}
.pswp__button--close {
	background-position: 0 -44px
}
.pswp__button--share {
	background-position: -44px -44px
}
.pswp__button--fs {
	display: none
}
.pswp--supports-fs .pswp__button--fs {
	display: block
}
.pswp--fs .pswp__button--fs {
	background-position: -44px 0
}
.pswp__button--zoom {
	display: none;
	background-position: -88px 0
}
.pswp--zoom-allowed .pswp__button--zoom {
	display: block
}
.pswp--zoomed-in .pswp__button--zoom {
	background-position: -132px 0
}
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
	visibility: hidden
}
.pswp__button--arrow--left, .pswp__button--arrow--right {
	background: none;
	top: 50%;
	margin-top: -50px;
	width: 70px;
	height: 100px;
	position: absolute
}
.pswp__button--arrow--left {
	left: 0
}
.pswp__button--arrow--right {
	right: 0
}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
	content: "";
	top: 35px;
	background-color: rgba(0,0,0,.3);
	height: 30px;
	width: 32px;
	position: absolute
}
.pswp__button--arrow--left:before {
	left: 6px;
	background-position: -138px -44px
}
.pswp__button--arrow--right:before {
	right: 6px;
	background-position: -94px -44px
}
.pswp__counter, .pswp__share-modal {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.pswp__share-modal {
	display: block;
	background: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px;
	position: absolute;
	z-index: 1600;
	opacity: 0;
	transition: opacity .25s ease-out;
	-webkit-backface-visibility: hidden;
	will-change: opacity
}
.pswp__share-modal--hidden {
	display: none
}
.pswp__share-tooltip {
	z-index: 1620;
	position: absolute;
	background: #fff;
	top: 56px;
	border-radius: 2px;
	display: block;
	width: auto;
	right: 44px;
	box-shadow: 0 2px 5px rgba(0,0,0,.25);
	transform: translateY(6px);
	transition: transform .25s;
	-webkit-backface-visibility: hidden;
	will-change: transform
}
.pswp__share-tooltip a {
	display: block;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 18px
}
.pswp__share-tooltip a, .pswp__share-tooltip a:hover {
	color: #000;
	text-decoration: none
}
.pswp__share-tooltip a:first-child {
	border-radius: 2px 2px 0 0
}
.pswp__share-tooltip a:last-child {
	border-radius: 0 0 2px 2px
}
.pswp__share-modal--fade-in {
	opacity: 1
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
	transform: translateY(0)
}
.pswp--touch .pswp__share-tooltip a {
	padding: 16px 12px
}
a.pswp__share--facebook:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -12px;
	right: 15px;
	border: 6px solid transparent;
	border-bottom-color: #fff;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none
}
a.pswp__share--facebook:hover {
	background: #3e5c9a;
	color: #fff
}
a.pswp__share--facebook:hover:before {
	border-bottom-color: #3e5c9a
}
a.pswp__share--twitter:hover {
	background: #55acee;
	color: #fff
}
a.pswp__share--pinterest:hover {
	background: #ccc;
	color: #ce272d
}
a.pswp__share--download:hover {
	background: #ddd
}
.pswp__counter {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	font-size: 13px;
	line-height: 44px;
	color: #fff;
	opacity: .75;
	padding: 0 10px
}
.pswp__caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 44px
}
.pswp__caption small {
	font-size: 11px;
	color: #bbb
}
.pswp__caption__center {
	text-align: left;
	max-width: 420px;
	margin: 0 auto;
	font-size: 13px;
	padding: 10px;
	line-height: 20px;
	color: #ccc
}
.pswp__caption--empty {
	display: none
}
.pswp__caption--fake {
	visibility: hidden
}
.pswp__preloader {
	width: 44px;
	height: 44px;
	top: 0;
	margin-left: -22px;
	opacity: 0;
	transition: opacity .25s ease-out;
	will-change: opacity;
	direction: ltr
}
.pswp__preloader__icn {
	width: 20px;
	height: 20px;
	margin: 12px
}
.pswp__preloader--active {
	opacity: 1
}
.pswp__preloader--active .pswp__preloader__icn {
	background: url(data:image/gif;base64,R0lGODlhFAAUAPMIAIeHhz8/P1dXVycnJ8/Pz7e3t5+fn29vb////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAIACwAAAAAFAAUAEAEUxDJSatFxtwaggWAdIyHJAhXoRYSQUhDPGx0TbmujahbXGWZWqdDAYEsp5NupLPkdDwE7oXwWVasimzWrAE1tKFHErQRK8eL8mMUlRBJVI307uoiACH5BAUHAAgALAEAAQASABIAAAROEMkpS6E4W5upMdUmEQT2feFIltMJYivbvhnZ3R0A4NMwIDodz+cL7nDEn5CH8DGZh8MtEMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpjaE4W5spANUmFQX2feFIltMJYivbvhnZ3d1x4BNBIDodz+cL7nDEn5CH8DGZAsFtMMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmGQb2feFIltMJYivbvhnZ3Z0g4FNRIDodz+cL7nDEn5CH8DGZgcCNQMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpz6E4W5upENUmAQD2feFIltMJYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZg8GtUMBEoxkqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkphaA4W5tpCNUmHQf2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZBMLNYMBEoxkqlXKVIgoFibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpQ6A4W5vpGNUmCQL2feFIltMJYivbvhnZ3R1B4NNxIDodz+cL7nDEn5CH8DGZhcINAMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0IACH5BAUHAAcALAEAAQASABIAAANCeLo6wzA6FxkhbaoQ4L3ZxnXLh0EjWZ4RV71VUcCLIByyTNt2PsO8m452sBGJBsNxkUwuD03lAQBASqnUJ7aq5UYSADs=) 0 0 no-repeat
}
.pswp--css_animation .pswp__preloader--active {
	opacity: 1
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
	-webkit-animation: clockwise .5s linear infinite;
	animation: clockwise .5s linear infinite
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
	-webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
	animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}
.pswp--css_animation .pswp__preloader__icn {
	background: none;
	opacity: .75;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 15px;
	top: 15px;
	margin: 0
}
.pswp--css_animation .pswp__preloader__cut {
	position: relative;
	width: 7px;
	height: 14px;
	overflow: hidden
}
.pswp--css_animation .pswp__preloader__donut {
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border-color: #fff #fff transparent transparent;
	border-style: solid;
	border-width: 2px;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	margin: 0
}

@media screen and (max-width:1024px) {
.pswp__preloader {
	position: relative;
	left: auto;
	top: auto;
	margin: 0;
	float: right
}
}
@-webkit-keyframes clockwise {
0% {
transform:rotate(0deg)
}
to {
transform:rotate(1turn)
}
}
@keyframes clockwise {
0% {
transform:rotate(0deg)
}
to {
transform:rotate(1turn)
}
}
@-webkit-keyframes donut-rotate {
0% {
transform:rotate(0)
}
50% {
transform:rotate(-140deg)
}
to {
transform:rotate(0)
}
}
@keyframes donut-rotate {
0% {
transform:rotate(0)
}
50% {
transform:rotate(-140deg)
}
to {
transform:rotate(0)
}
}
.pswp__ui {
	-webkit-font-smoothing: auto;
	visibility: visible;
	opacity: 1;
	z-index: 1550
}
.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	width: 100%
}
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar {
	-webkit-backface-visibility: hidden;
	will-change: opacity;
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
	visibility: visible
}
.pswp__caption, .pswp__top-bar {
	background-color: rgba(0,0,0,.5)
}
.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
	background-color: rgba(0,0,0,.3)
}
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right, .pswp__ui--idle .pswp__top-bar {
	opacity: 0
}
.pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar {
	opacity: .001
}
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
	display: none
}
.pswp__element--disabled {
	display: none!important
}
.pswp--minimal--dark .pswp__top-bar {
	background: none
}
.pswp {
	z-index: 999999
}
.pswp__preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 20;
	margin: 0;
	transform: translate(-50%, -50%)
}

@media screen and (max-width:1024px) {
.pswp__preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 20;
	margin: 0;
	transform: translate(-50%, -50%)
}
}
.gkui--modal-block-scroll {
	position: absolute;
	overflow: hidden;
	width: 100vw
}
#gkui-modal-controller {
	width: 100%
}
#gkui-modal-controller, .gkui-modal-layer {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 90000
}
.gkui-modal-layer {
	right: 0;
	bottom: 0;
	background-color: rgba(55,55,55,.3)
}
.fade-enter-active, .fade-leave-active {
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
.fade-enter, .fade-leave-to {
	opacity: 0
}
#gkui-message-list[data-v-3710ffdc] {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99000;
	width: 100%;
	pointer-events: none
}
.ScrollbarThumb_scrollbar-bar_LXPGk {
	position: absolute;
	z-index: 10
}
.ScrollbarThumb_scrollbar-thumb_3O_Df {
	position: absolute;
	opacity: .7;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.ScrollbarThumb_scrollbar-thumb_3O_Df:after {
	content: "";
	display: block;
	pointer-events: none
}
.ScrollbarThumb_scrollbar_2DQbP:hover .ScrollbarThumb_scrollbar-thumb_3O_Df {
	opacity: 1
}
.Scrollbar_scrollbar_3Czam {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%
}
.Scrollbar_scrollbar-outer_1o8Rs {
	overflow: hidden;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.Scrollbar_scrollbar-wrapper_2MEi- {
	overflow: scroll;
	width: 100%;
	height: 100%;
	scrollbar-width: none
}
.Scrollbar_scrollbar-wrapper_2MEi-::-webkit-scrollbar {
width:0;
height:0;
opacity:0
}
.Select_select_2LgFa {
	cursor: pointer
}
.Select_select_2LgFa[disabled] {
	cursor: not-allowed
}
.Select_select-label_3BiyK {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.Select_select-text_3R-uY {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.Select_select-popup_5FvrB {
	overflow-y: auto;
	position: absolute;
	left: 0;
	z-index: 1;
	min-width: 100%;
	margin: 0 -1px
}
.Select_select-options_1cvhd {
	background: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.Select_select-option_1LHGz {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1
}
.slide-bottom-enter-active {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation: pupup-slide-in-y-data-v-177b9348 .4s cubic-bezier(.23, 1, .32, 1);
	animation: pupup-slide-in-y-data-v-177b9348 .4s cubic-bezier(.23, 1, .32, 1)
}
.slide-bottom-leave-active {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation: popup-slide-out-y-data-v-177b9348 .6s cubic-bezier(.23, 1, .32, 1);
	animation: popup-slide-out-y-data-v-177b9348 .6s cubic-bezier(.23, 1, .32, 1)
}
.slide-top-enter-active {
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-animation: pupup-slide-in-y-data-v-177b9348 .4s cubic-bezier(.23, 1, .32, 1);
	animation: pupup-slide-in-y-data-v-177b9348 .4s cubic-bezier(.23, 1, .32, 1)
}
.slide-top-leave-active {
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-animation: popup-slide-out-y-data-v-177b9348 .6s cubic-bezier(.23, 1, .32, 1);
	animation: popup-slide-out-y-data-v-177b9348 .6s cubic-bezier(.23, 1, .32, 1)
}
@-webkit-keyframes pupup-slide-in-y-data-v-177b9348 {
0% {
opacity:0;
-webkit-transform:scaleY(.4);
transform:scaleY(.4)
}
to {
opacity:1;
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes pupup-slide-in-y-data-v-177b9348 {
0% {
opacity:0;
-webkit-transform:scaleY(.4);
transform:scaleY(.4)
}
to {
opacity:1;
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}
@-webkit-keyframes popup-slide-out-y-data-v-177b9348 {
0% {
opacity:1;
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
to {
opacity:0;
-webkit-transform:scaleY(.4);
transform:scaleY(.4)
}
}
@keyframes popup-slide-out-y-data-v-177b9348 {
0% {
opacity:1;
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
to {
opacity:0;
-webkit-transform:scaleY(.4);
transform:scaleY(.4)
}
}
.cellphone-text[data-v-6b6071c0] {
	height: 42px;
	margin-bottom: 32px
}

@media (max-width:768px) {
.cellphone-text[data-v-6b6071c0] {
	margin-bottom: 22px
}
}
.cellphone-text.gkui-form-element[gktext-color=underline][data-v-6b6071c0] .gkui-form-text {
	padding-left: 17px
}
.country-select[data-v-6b6071c0] {
	height: 100%;
	padding: 0;
	margin: 0 -4px 0 0;
	border: none
}

@media (max-width:768px) {
.country-select[data-v-6b6071c0] {
	height: auto;
	margin: 1px 8px 1px 0
}
.country-select[data-v-6b6071c0]:before {
	display: none
}
}
.country-select[data-v-6b6071c0]:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height: 13px;
	margin-top: -7px;
	background: #eff0f2
}

@media (max-width:768px) {
.country-select[data-v-6b6071c0]:after {
	background: #e5e5e5
}
}
.country-select[data-v-6b6071c0] [gk-select-popup] {
	top: 44px!important;
	width: 341px!important
}

@media (max-width:768px) {
.country-select[data-v-6b6071c0] [gk-select-popup] {
	width: 261px!important
}
}
.country-select[data-v-6b6071c0] [gk-select-label] {
	position: relative;
	padding-right: 34px;
	font-size: 16px;
	font-weight: 400;
	color: #828a92
}
.country-select[data-v-6b6071c0] [gk-select-label]:after, .country-select[data-v-6b6071c0] [gk-select-label]:before {
	content: "";
	position: absolute;
	right: 17px;
	width: 0;
	height: 0;
	border: 3px solid #fff
}
.country-select[data-v-6b6071c0] [gk-select-label]:before {
	top: 12px;
	border-bottom-color: #828a92
}
.country-select[data-v-6b6071c0] [gk-select-label]:after {
	bottom: 12px;
	border-top-color: #828a92
}
.country-select[data-v-6b6071c0] [gk-select-option] {
	display: flex;
	justify-content: space-between;
	padding: 0 15px
}
.country-select[data-v-6b6071c0] [gk-select-option][selected] {
	background: #f8f9fa
}
.country-select[data-v-6b6071c0] [gk-select-option][selected]:after {
	content: ""
}
.country-select[data-v-6b6071c0] [gkselect-scrollbar] {
	height: 182px
}
.country-select[data-v-6b6071c0] [gkselect-scrollbar]>div {
	border-radius: 5px
}
.select-arrow[data-v-6b6071c0] {
	position: absolute;
	right: 6px;
	top: 16px;
	display: block;
	line-height: 1;
	font-size: 12px;
	color: silver;
	transform: scale(.5);
	pointer-events: none
}
.select-arrow[focused][data-v-6b6071c0] {
	font-size: 12px;
	color: #1458d4;
	transform: scale(.5) translateY(0) rotate(180deg)
}

@media (max-width:768px) {
.select-arrow[data-v-6b6071c0] {
	top: 15px
}
}
.captcha-number li[data-v-498757a0] {
	display: flex;
	align-items: center;
	justify-content: center
}
.captcha-wrapper[data-v-498757a0] {
	position: relative
}
.captcha-text[data-v-498757a0] {
	height: 42px;
	margin-bottom: 32px
}

@media (max-width:768px) {
.captcha-text[data-v-498757a0] {
	margin-bottom: 22px
}
}
.captcha-text.gkui-form-element[gktext-color=underline][data-v-498757a0] [gk-form-element-tips] {
	top: -24px;
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
	color: #17b04b
}

@media (max-width:768px) {
.captcha-text.gkui-form-element[gktext-color=underline][data-v-498757a0] [gk-form-element-tips] {
	font-size: 12px
}
}
.text-tips[data-v-498757a0] {
	margin-bottom: 32px
}
.send-mobile[data-v-498757a0] {
	height: 43px;
	text-align: right;
	line-height: 43px;
	font-size: 14px;
	color: #ff5a05;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
[gk-button][data-v-498757a0] {
	padding: 0;
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
	color: #1458d4;
	justify-content: flex-end;
	font-family: PingFang SC, Helvetica Neue, Verdana, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif
}

@media (max-width:768px) {
[gk-button][data-v-498757a0] {
	padding: 0 2px;
	font-size: 14px
}
}
[gk-button][data-v-498757a0]:hover {
	color: #1458d4
}
[gk-button][disabled][data-v-498757a0], [gk-button][disabled][data-v-498757a0]:active, [gk-button][disabled][data-v-498757a0]:hover {
	background: transparent;
	opacity: .6
}
.captcha-number[data-v-498757a0] {
	position: absolute;
	left: 0;
	top: 4px;
	right: 0;
	display: flex;
	justify-content: space-between;
	height: 38px;
	pointer-events: none
}
.captcha-number li[data-v-498757a0] {
	position: relative;
	width: 50px;
	height: 100%;
	border-bottom: 1px solid #eaeeef;
	line-height: 1;
	font-size: 18px;
	font-weight: 600;
	color: #303030
}
.captcha-number li[data-v-498757a0]:after {
	content: "";
	display: none;
	position: absolute;
	right: 23px;
	top: 1s2px;
	width: 2px;
	height: 24px;
	background: #1458d4;
	border-radius: 2px;
	-webkit-animation: flicker-data-v-498757a0 1.2s infinite;
	animation: flicker-data-v-498757a0 1.2s infinite
}
.captcha-number li.filling[data-v-498757a0]:after {
	right: 12px
}
.captcha-number.focus li.on[data-v-498757a0] {
	border-bottom-color: #1458d4
}
.captcha-number.focus li.on[data-v-498757a0]:after {
	display: block
}
@-webkit-keyframes flicker-data-v-498757a0 {
0% {
opacity:0
}
50% {
opacity:1
}
to {
opacity:0
}
}
@keyframes flicker-data-v-498757a0 {
0% {
opacity:0
}
50% {
opacity:1
}
to {
opacity:0
}
}
.img-captcha-text[data-v-23380427] {
	height: 42px;
	margin-bottom: 32px
}

@media (max-width:768px) {
.img-captcha-text[data-v-23380427] {
	margin-bottom: 22px
}
}
img[data-v-23380427] {
	height: 100%;
	border-radius: 3px;
	cursor: pointer
}
.password-text[data-v-e3526ca4] {
	height: 42px
}
.action-icon[data-v-e3526ca4] {
	position: relative;
	width: 42px;
	color: silver;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.action-icon .iconfont[data-v-e3526ca4] {
	position: absolute;
	right: 14px;
	top: 16px;
	line-height: 1;
	font-size: 22px;
	transform: scale(.5);
	transform-origin: right top
}

@media (max-width:768px) {
.action-icon .iconfont[data-v-e3526ca4] {
	right: 2px;
	top: 17px
}
}
.action-icon .iconfont.show[data-v-e3526ca4] {
	right: 14px;
	top: 18px;
	font-size: 14px
}

@media (max-width:768px) {
.action-icon .iconfont.show[data-v-e3526ca4] {
	right: 2px;
	top: 19px
}
}
#MessageNVC[data-v-3c53b4a6] .errloading {
	box-sizing: border-box;
	width: 100%
}
.form-login[data-v-3c53b4a6] [gk-button][gkbtn-size=large] {
	height: 48px
}

@media (max-width:768px) {
.form-login[data-v-3c53b4a6] [gk-button][gkbtn-size=large] {
	height: 44px
}
}
.form-login[data-v-3c53b4a6] .gkui-form-element-text[gktext-color=underline] [gk-form-element-error] {
	bottom: -26px;
	font-size: 14px;
	color: #df4c34
}

@media (max-width:768px) {
.form-login[data-v-3c53b4a6] .gkui-form-element-text[gktext-color=underline] [gk-form-element-error] {
	bottom: -22px;
	font-size: 12px
}
}
.form-login .account-form[data-v-3c53b4a6] {
	margin-bottom: 14px
}
.form-login .btns[data-v-3c53b4a6] {
	position: relative;
	margin-top: 38px
}
.form-login .btns.hasNVC[data-v-3c53b4a6] {
	margin-top: 20px
}

@media (max-width:768px) {
.form-login .btns[data-v-3c53b4a6] {
	margin-top: 33px
}
}
.form-login .btns .forgot[data-v-3c53b4a6] {
	position: absolute;
	top: -32px;
	right: 0;
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
	color: #828a92;
	opacity: .6;
	cursor: pointer
}

@media (max-width:768px) {
.form-login .btns .forgot[data-v-3c53b4a6] {
	top: -28px;
	font-size: 14px
}
}
#third-login-container[data-v-bfb19e86] {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 190px
}
.tip[data-v-bfb19e86] {
	margin-bottom: 24px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: #303030
}
.tip .iconfont[data-v-bfb19e86] {
	position: relative;
	top: 1px;
	font-size: 20px;
	color: #45be1a
}
.refrish-code[data-v-d6c6042c] {
	display: flex;
	align-items: center;
	justify-content: center
}
.header-title[data-v-d6c6042c] {
	margin-top: 26px;
	margin-bottom: 50px;
	line-height: 1;
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	color: #303030
}
.tip[data-v-d6c6042c] {
	margin-top: 11px;
	margin-bottom: 30px;
	text-align: center;
	line-height: 1;
	font-size: 16px;
	font-weight: 400;
	color: #303030
}
.tip .key-word[data-v-d6c6042c] {
	font-weight: 600;
	line-height: 1
}
.tip .iconfont[data-v-d6c6042c] {
	font-size: 20px;
	color: #45be1a
}
.tip.reload[data-v-d6c6042c] {
	margin-top: 18px;
	text-align: center
}
.qrcode-container[data-v-d6c6042c] {
	position: relative;
	width: 189px;
	height: 189px;
	margin: 0 auto
}
.qrcode-container img[data-v-d6c6042c] {
	width: 100%;
	height: 100%;
	border: 1px solid #eaeeef
}
.refrish-code[data-v-d6c6042c] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: hsla(0,0%,100%,.8)
}
.refrish-code .reload[data-v-d6c6042c] {
	width: 67px;
	height: 67px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAACGCAMAAAAvpwKjAAABSlBMVEUAAADe3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7+/v7+/v79/f3w8PDs7Ozk5OTi4uL+/v77+/v19fX39/fp6eng4OD9/f37+/v29vbz8/Pm5ub19fX8/Pz6+vr4+Pjg4ODv7+/n5+fo6Ojf39/29vb///8wMDBMTExycnI2NjYyMjLR0dFUVFQ7Ozv4+PhBQUGIiIhcXFzKysq5ubnz8/Pw8PCQkJCCgoJiYmLr6+vo6Oi/v7+lpaVra2tHR0fl5eXX19fExMSysrKampqVlZV5eXmfn5/6+vq1tbXt7e2urq7qglBAAAAASHRSTlMAAgkEDRMQBxgbJCkdLyxWIhZmRDRJPDZTTT5daVpxeHQmQkY5YjEgbE9uYPb67qybhoH+48PMlHvz4Ma6i8Ds3dJ8pY+SfMfsETrQAAAJr0lEQVR42sTU61LaUBQF4NqitbUitDUCGhNCuAS5D+IdL9Nx8v5P1LX3OYdNCAlzGBzXH4k/zDdrL/yyTfZyY/WndvD+z9DsbZUPNnzLzIdJ1gq+U74mwr8Sy24lacLq+wuFVU2askNEglBQOTApHBQ4CcqOIBmGxfv3E1EcJEOyK4QQGFAulw+XgkfGCCUXYq8QgyEw4Afllw4/MMZQRLLRYY9QBH5/u12i/ET4Q7vNGkXZDWQdgntgAwT8+nr9aJF6nTmwsIQ7WQfZViEIYygpQLFYPF4KHhWmZCQCSTvsqxCEMRwxoPUXOdOhzy3CgKIlAkkVYq1IIoyhRe8PQ8dxajr4GIakaaEWliQh1o50FYLQBgjw/iD4Q2kg/CEIoIFFSwSSLsRGIVUIgg3oAILG6elpdSl4BCdALywRyLpCrBWoAsMUhOOghQYEUVSpVE4WwUMUVUFBK44jEIwVhVg6RIGDmCowTIVAETUYQCCA67rnyBVCP/FIGFAgwXU0BGM1heAw4rBQSBXcBBBsIAJe32z+plwg/KHZBAcUJTEQU4iNwyjkIKYKQnAR6MEFgV7f6XS7lzrdbqdDHFBcdMKVEMQUYg4jDgtF2VSBTVATkTaAAIDve0vxfWBA0ZKIGsFGTCHllMNOgSowilqgETCAAMH7zfD6dfrc68f93uB5+no9vHmHBRRINCSohWdUSKmd6chX6HHiIFQF7oFzaMSl792O5vf9OJX+/Xx06/mXGoLT4DJUCA6jh7rZIes0CsyCDkJVVCOF6AIxmvXizPRmI0C6ChJVqRA6DAZiHLLTHAUY6iJ6Fi2sgqtQCG/yOIg3ZPA48RSEC8FCWnog6i7y/yP/JLyLhQKrQBVXdA5v/IBbbE7/YezRaa5QCBaycPA+cs+yqjgkBc+ioarAJiZzQWyCXE+wEVVIgwdCjsNVR7YCDFGEfBD3HPfwveFdbJG7oefjMucuHyYUR2KmOWWo74hRRBUcBFU8vcSWeXlCIThMJTIO/b1NMLIV+6woKsUJK7xhL7ZOb+ix40Q5iuzYz3FohXxJeJ1K0bzo+G+zeKvM3vzORVM5eKf66yKO7DL4fycUDhQYJ2YxnsZbZjrGQDBUOBw46iU4MuswCpln8RjfEe4Cin+DeOsM/rNabj2JBEEUfuFps5sYExPRBNjEROWioih4QaOuSTWXQRQVULyxKprd//+61dU9KXqmewg7nETjm4c63znNL/RB98C+/JA+AngEj8GREJ7UVHJRzkMM5cvkg3pLmHIsgXMEI1F4Shc5dHGRh1jKX6CPnPShMDViCdvgSH4qPKmpmeo+xNR+NUO9JUyNWNiGeQwdiQZjGV0UNyC2NoroY1nhQbGY57AdQ0eCYEgXqUoJZqBSJSV9IB46Fts5zGNgS2QkhGcqfQgz0WE6RZhSLN/mzHMYmfAxsCUyktx8NnMOM9J5Jjufw1hkW/gcOhW2wcdAPmVLCIzqtCV5a3Qe7HWpEh6yLUgpn8O3wZnwMXA+VSRTv2YvQjw73jkVC44pn8NIJXQM5FO1ZBOmVU0I8QpWbaq2IKXGOYI2EongMbanX4we2vh0rMd28ByJBNvgTJgMOkY2vQuTtOM9XT93Wq3OqHc7ANQQbbTArt10ls7BdHAqZibGMYqFCR4e65diTK0PjKOFfwzBqkLROAenwjY0oKu0GVST7ITJaD9diZDq3jv+7jnHI0tloe1YJUgDNjgT3AxNRuQxbl+EVR38qe04zqHpwO3gVNiG3i581Og1wQGVNTkCt7p1ESUP7DqSZcEppZcFHzi1YGxDokGZ6LbmcDMinrRhTWjV+m/e4O7uwXvr19jGteuJw+3IUWd1KgQH2whlspbZAqduNJnNvvGxvX5TKF05UoGtzJo1FQMNnYkCdM/toiFIowEENBgJpRuwa09B6qfCcJANhYb8ooGjoTKp5J2JqFu8hP/V12O9GQ1HvqJSWdKpEBxkgwjVaGAmK6on7kzuFAP3f0L2rv0GNz4AJqSygqkQHJpREw3aLurJMTikOvLchoCehA/GexecOqau0IKZcIyhMYdoLGk0DsCuR3WLtuVRI7X+tiFCBxqOJYRj7nvQBhOq0TgrOLazRlx0wW7j/vcORKpwpuFgRk0b/mosrMsJLQMrdPqmjUCv1hgNYaLKGRzS9QV/Oew2NKHObxpfNOF9+H9tMqMhG1QUGi96XZFQxxt/K1CX3Rg2dpFRemVpwKgqhg2/KMlFSehpRE16EEOnktHFpF8Vmw36rqGKUrIDSvv5CjFUGtvRsA2zr6n0iX3GqQ0QRyfplNnYSBv2Kf8QqE+Io3ykDZ6NJL3yBXCi4UEcFeitT44PB9tIBG2AVS2BakMsTWXjH7PWrpswEASLFCnyC1EkuhR0LmjoALGHsWJsY/MwYCEeIST/3yYsMgnZO5ux48jTuln57mZ3ZlZPhu6JQamiMuShmO6Gw+N/RYcir6hpAgQeCnBF4QfLozdV8mAlfZn7vIsdirnTM4syfWWR+TOTub6Zu0RVkfm9aG1tMvLGgsqgLVtbRqPvkEmvq5DKoCMafdbY0yMdlrdPG1FMWvSexNgDD4GRI7SQHtZMqRUwBIIjcaK+sKRchKdygZEYFAjbGwmMdT0gEEC5NGJFtCEJeYd2ern0KOUSLh53LONlk5Uqwp1ki8cHIR4BKR15wjiQ8HlihaQ0aix8qFzuCFlRRYCxgNss1pzFcirnjb7DErJZcNNp4XEdxmu64SpmoOmEW3BjhwXkQcti1oq/BiPUgsMNyaNiJBq9sk7Osv69sCF5IdJ8e/bonN0U/1ffiKfDcxUL1J4tZlZvUg/ODi/sMAlTx2kewWZ1Qet+HagUA9uf7n37Ykc6ewux7ssFGdZhqLR4EWoKCTLwWCf2NYUMthYRFuuUDrkmq+CqBvc1tZzgkItRPPKLj34y8FzXC+zd+K1I5GcOQBs/A9A+/Qn63wHo1c+4q2ccXINwPHtVoNukkmh2TasCyOJEq+ziRCt7caJuayRyqabxf0s19Vsx+uzmDlIABIEoDG9dRCthjqAX6P5XKwYKdEp94MCzDpDvAP83JrhKXsFVqoMrxvyMJMYrZniniWYGGmoezqGmzVaDR7Ya6myVNeK1SXOYnTSHOmlmDrxfc/c0kLtfvXsvdwdWIPF/1ill/K8T8nj8z04h2jBEdMgYDNERAsAQgMlEiMlIbDKZFdAQC6GaCsq2L1C2Dq+DsKE8340N9z42XIte0kBUFpbLgpRpyDYLYAc4v77f5vzOxw10UPe4wV9OPdAcvjBLzCTmkyTQj0lOxJwEQti2JP+67wAAAABJRU5ErkJggg==) no-repeat;
	background-size: 67px 67px;
	cursor: pointer
}
.bind-mobile[data-v-57db08cc] {
	width: 100%
}
.login-head[data-v-57db08cc] {
	flex-shrink: 0;
	margin-top: 26px;
	min-height: 88px
}

@media (max-width:768px) {
.login-head[data-v-57db08cc] {
	height: 83px;
	margin: 0
}
}
.login-type[data-v-57db08cc] {
	line-height: 28px;
	font-size: 28px;
	font-weight: 500;
	color: #303030
}

@media (max-width:768px) {
.login-type[data-v-57db08cc] {
	font-size: 20px
}
}
.head-sub[data-v-57db08cc] {
	margin-top: 8px;
	line-height: 21px;
	font-size: 14px;
	font-weight: 400;
	color: #828a92
}
.head-sub a[data-v-57db08cc] {
	color: #1458d4
}

@media (max-width:768px) {
.head-sub[data-v-57db08cc] {
	margin-top: 3px;
	margin-right: -2px;
	line-height: 18px;
	font-size: 12px
}
}
.bind-tip[data-v-57db08cc] {
	margin-top: 16px;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	word-spacing: 1px;
	color: #303030
}
.form .field-label[data-v-57db08cc] {
	margin-top: 36px;
	margin-bottom: -2px;
	line-height: 1;
	font-size: 16px;
	font-weight: 400;
	color: #828a92
}
.form[data-v-57db08cc] .captcha-text {
	border-bottom: none
}
.form[data-v-57db08cc] .captcha-text [gk-button], .form[data-v-57db08cc] .captcha-text [gktext-input] {
	opacity: 0
}
.form[data-v-57db08cc] .captcha-text [gk-form-element-error] {
	bottom: -24px
}
.form .bind-btn[data-v-57db08cc] {
	height: 48px;
	margin-top: 38px;
	margin-bottom: 14px
}
.toggle-login[data-v-39f85ca0] {
	transition: all .3s ease
}
.modal-login[gkmodal-color=base][data-v-39f85ca0] [gk-modal-main] {
	box-sizing: border-box;
	top: 0;
	display: flex;
	flex-direction: column;
	width: 442px;
	min-height: 556px;
	padding: 32px 49px 26px
}

@media (max-width:768px) {
.modal-login[gkmodal-color=base][data-v-39f85ca0] [gk-modal-main] {
	top: 0;
	width: 310px;
	min-height: auto;
	padding: 34px 24px 23px
}
}
.login-head[data-v-39f85ca0] {
	flex-shrink: 0;
	min-height: 88px;
	margin: 25px 0 0
}

@media (max-width:768px) {
.login-head[data-v-39f85ca0] {
	height: 83px;
	margin: 0
}
}
.login-type[data-v-39f85ca0] {
	line-height: 28px;
	font-size: 28px;
	font-weight: 500;
	color: #303030
}

@media (max-width:768px) {
.login-type[data-v-39f85ca0] {
	font-size: 20px
}
}
.head-sub[data-v-39f85ca0] {
	margin-top: 4px;
	line-height: 21px;
	font-size: 14px;
	font-weight: 400;
	color: #828a92
}
.head-sub a[data-v-39f85ca0] {
	color: #1458d4
}

@media (max-width:768px) {
.head-sub[data-v-39f85ca0] {
	margin-top: 3px;
	margin-right: -2px;
	line-height: 18px;
	font-size: 12px
}
}
.modal-main-container[data-v-39f85ca0] {
	flex-grow: 1
}
.footer[data-v-39f85ca0] {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	height: 20px;
	margin-top: 58px;
	font-size: 14px;
	font-weight: 400;
	color: #828a92;
	transform: translateY(2px)
}
.footer.scan[data-v-39f85ca0] {
	margin-top: 48px
}

@media (max-width:768px) {
.footer[data-v-39f85ca0] {
	font-size: 12px
}
}
.other-login-method .iconfont[data-v-39f85ca0] {
	display: inline-block;
	margin-left: 8px;
	font-size: 18px;
	line-height: 18px;
	color: #828a92;
	opacity: .6;
	cursor: pointer;
	transform: translateY(4px)
}
.other-login-method .iconfont[data-v-39f85ca0]:hover {
	opacity: 1
}

@media (max-width:768px) {
.other-login-method .iconfont[data-v-39f85ca0] {
	margin-left: 4px
}
}
.other-login-method .weibo[data-v-39f85ca0] {
	font-size: 22px
}
.other-login-method .weibo[data-v-39f85ca0]:hover {
	color: #c92b2c
}

@media (max-width:768px) {
.other-login-method .weibo[data-v-39f85ca0] {
	font-size: 18px
}
}
.other-login-method .qq[data-v-39f85ca0] {
	font-size: 25px;
	position: relative;
	top: 1px;
	left: 4px
}
.other-login-method .qq[data-v-39f85ca0]:hover {
	color: #427fee
}

@media (max-width:768px) {
.other-login-method .qq[data-v-39f85ca0] {
	top: 0;
	font-size: 19px
}
}
.toggle-login[data-v-39f85ca0] {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media (min-width:1025px) {
.toggle-login[data-v-39f85ca0]:hover {
	color: #1458d4
}
}
.wechat-login p[data-v-39f85ca0] {
	margin: 0 0 13px;
	text-align: center;
	line-height: 1;
	font-size: 16px;
	font-weight: 400;
	color: #828a92
}
.wechat-login .wechat-btn[data-v-39f85ca0] {
	height: 48px;
	border: 1px solid #eaeeef;
	color: #303030;
	font-weight: 400
}
.wechat-login .wechat-btn .iconfont[data-v-39f85ca0] {
	display: inline-block;
	margin-right: 7px;
	font-size: 20px;
	color: #45be1a
}

@media (min-width:1025px) {
.wechat-login .wechat-btn[data-v-39f85ca0]:hover {
	background: #f8f9fa
}
}
.scan-login[data-v-39f85ca0] {
	min-height: 150px
}
.scan-login .header-title[data-v-39f85ca0] {
	margin-top: 25px;
	margin-bottom: 50px;
	text-align: center;
	line-height: 1;
	font-size: 28px;
	font-weight: 600;
	color: #303030
}
.info .label[data-v-5070518a], .info .title[data-v-5070518a], .topic-list .topic-item .topic-name[data-v-5070518a] {
	overflow: hidden;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis
}
.loading-pannel[data-v-5070518a], .topic-list .topic-item[data-v-5070518a] {
	display: flex;
	align-items: center;
	justify-content: center
}
.modal-guide[gkmodal-color=base][data-v-5070518a] [gk-modal-main] {
	box-sizing: border-box;
	width: 442px;
	min-height: 558px;
	padding: 32px 49px 26px
}

@media (max-width:768px) {
.modal-guide[gkmodal-color=base][data-v-5070518a] [gk-modal-main] {
	top: 0;
	width: 310px;
	min-height: auto;
	padding: 34px 24px 23px
}
}
.login-head[data-v-5070518a] {
	height: 88px;
	margin: 25px 0 15px
}

@media (max-width:768px) {
.login-head[data-v-5070518a] {
	height: 83px;
	margin: 0
}
}
.login-type[data-v-5070518a] {
	margin-bottom: 4px;
	line-height: 28px;
	font-size: 28px;
	font-weight: 500;
	color: #303030
}

@media (max-width:768px) {
.login-type[data-v-5070518a] {
	font-size: 20px
}
}
.head-sub[data-v-5070518a] {
	line-height: 21px;
	font-size: 14px;
	font-weight: 400;
	color: #828a92
}
.head-sub a[data-v-5070518a] {
	color: #1458d4
}

@media (max-width:768px) {
.head-sub[data-v-5070518a] {
	margin-right: -2px;
	line-height: 18px;
	font-size: 12px
}
}
.modal-content[data-v-5070518a] {
	display: flex
}
.loading-pannel[data-v-5070518a] {
	width: 100%;
	height: 290px
}
.topic-list[data-v-5070518a] {
	display: flex;
	flex-wrap: wrap;
	margin-top: 47px
}

@media (max-width:768px) {
.topic-list[data-v-5070518a] {
	margin-top: 41px
}
}
.topic-list .topic-item[data-v-5070518a] {
	box-sizing: border-box;
	position: relative;
	width: 104px;
	height: 36px;
	margin-right: 16px;
	margin-bottom: 16px;
	border: 1px solid #eaeeef;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 400;
	color: #303030;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.topic-list .topic-item[data-v-5070518a]:nth-child(3n) {
	margin-right: 0
}
.topic-list .topic-item .topic-name[data-v-5070518a] {
	width: 100%;
	text-align: center
}
.topic-list .topic-item.selected[data-v-5070518a] {
	background: #f8f9fa
}
.topic-list .topic-item.selected[data-v-5070518a]:before {
	content: "";
	position: absolute;
	top: -5px;
	right: -4px;
	width: 16px;
	height: 16px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAulBMVEUAAAAarBkarBkarBkarBkarBkarBkarBkarBkarBkarBkarBkarBkarBkarBkarBkarBkarBkarBkarBkarBkarBkarBkarBkarBkarBkarBkarBn///8brRoGpQUBowAVqxQLpwpNv0wSqREPqA76/vsksCPk9uS25bZ+0X3S79Kt4q2R15FdxVxVwlVBukAfrx8drRwAoAD2/Pb1/PXY8dnH6sfD6sPC6cG957yg3KCe3J1kx2Qtsy2k0ap6AAAAG3RSTlMA6O2ShQlYKvHC35z99dPMNzEiHxed3sPgVyijX38GAAABQklEQVQ4y4WT53aDMAyFjSEkkL3bWrYZAUqSJmm61/u/Vg2GmHm4fxDnk44uQkJKy3t9a2Nsb3VzieqaDzVykzacV3DPGJOSxkavyB+mpKZpX/GZRhqkzXK+kLyescj6T0iLJtKHQVplJLw/ak8YJUaHTYS6PH2uEVoNGrjDvZg6IhiskNlQ7vAniIifxCbS6wkuiyH6c9NYR1aNM/8b9iGj6YuF7vK2bhbw8BPeQi45sdEg4+GZ+VS0v3oRvFNRL4XzBH6EmLnU578BfFBZLxPszNjpBQ6XKzsCfDmyXrbITVLuBbD3fgAeffasHFvqM7n3CiD4jpGC9MKg+CkAOOxcUa9kFkYt5heIetVfjhqtCyM8X3YlTtaV380qfNTvXpjulete2u61T4y2H0736anjxQpjdbwFLU3d2mC8sUrn/w+qqla0WLgg4AAAAABJRU5ErkJggg==) no-repeat;
	background-size: cover;
	border-radius: 50%
}

@media (max-width:768px) {
.topic-list .topic-item[data-v-5070518a] {
	width: 78px;
	height: 32px;
	padding: 0 4px;
	margin: 0 14px 14px 0;
	font-size: 14px
}
}
.footer[data-v-5070518a] {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	margin-top: 73px;
	color: #828a92
}
.footer.select-column[data-v-5070518a] {
	margin-top: 0
}

@media (max-width:768px) {
.footer[data-v-5070518a] {
	margin-top: 46px
}
}
.next-btn[data-v-5070518a] {
	width: 143px;
	margin-left: 7px
}

@media (max-width:768px) {
.next-btn[data-v-5070518a] {
	width: 125px;
	margin-left: 0
}
}
.container .tab-list[data-v-5070518a] {
	display: flex;
	flex-wrap: wrap
}
.container .radio[data-v-5070518a] {
	background: #f8f9fa;
	padding: 5px 10px;
	margin: 0 10px 10px 0;
	border-radius: 4px;
	line-height: 1;
	font-size: 16px;
	font-weight: 400;
	color: #828a92;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.container .radio.on[data-v-5070518a] {
	background: #f2f6ff;
	font-weight: 500;
	color: #1458d4
}

@media (max-width:768px) {
.container .radio[data-v-5070518a] {
	font-size: 14px
}
}
.columns-list[data-v-5070518a] {
	margin-top: 14px;
	overflow-y: auto
}
.columns-list .scroll-bar[data-v-5070518a] [gk-scrollbar-inner] {
	padding-right: 10px
}
.column-item[data-v-5070518a] {
	display: flex;
	justify-content: space-between;
	max-width: 345px;
	margin-bottom: 15px;
	overflow: hidden
}

@media (max-width:768px) {
.column-item[data-v-5070518a] {
	max-width: 261px
}
}
.column-cover[data-v-5070518a] {
	flex-shrink: 0;
	width: 82px;
	height: 108px;
	margin-right: 16px;
	border-radius: 4px
}

@media (max-width:768px) {
.column-cover[data-v-5070518a] {
	margin-right: 10px
}
}
.column-cover img[data-v-5070518a] {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}
.info[data-v-5070518a] {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding-right: 4px
}
.info .title[data-v-5070518a] {
	width: 240px;
	margin-bottom: 5px;
	line-height: 27px;
	font-size: 18px;
	font-weight: 500;
	color: #4c4c4c;
	cursor: pointer
}

@media (max-width:768px) {
.info .title[data-v-5070518a] {
	width: 170px;
	margin-bottom: 2px;
	line-height: 25px;
	font-size: 16px
}
}
.info .author-detail[data-v-5070518a] {
	display: flex;
	display: inline-block;
	height: 17px
}

@media (max-width:768px) {
.info .author-detail[data-v-5070518a] {
	width: 170px
}
}
.info .column-detail[data-v-5070518a] {
	margin-top: 7px;
	line-height: 1;
	font-size: 12px;
	font-weight: 400;
	color: #9e9e9e
}
.info .label[data-v-5070518a] {
	display: inline-block;
	box-sizing: border-box;
	height: 17px;
	padding: 1px 3px;
	margin-right: 7px;
	background: #f1f1f1;
	border-radius: 2px;
	line-height: 1;
	font-size: 13px;
	font-weight: 400;
	line-height: 17px;
	color: #767676
}
.info .label.author[data-v-5070518a] {
	max-width: 70px
}

@media (max-width:768px) {
.info .label.author[data-v-5070518a] {
	max-width: 60px
}
}
.info .label.intro[data-v-5070518a] {
	max-width: 140px
}

@media (max-width:768px) {
.info .label.intro[data-v-5070518a] {
	max-width: 90px
}
}
.info .bottom[data-v-5070518a] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 12px
}

@media (max-width:768px) {
.info .bottom[data-v-5070518a] {
	margin-top: 17px
}
}
.info .bottom .price[data-v-5070518a] {
	position: relative;
	top: 2px;
	color: #fa8919;
	line-height: 1;
	font-size: 16px;
	font-weight: 500
}
.info .bottom .price .iconfont[data-v-5070518a] {
	margin-right: -4px
}

@media (max-width:768px) {
.info .bottom .price[data-v-5070518a] {
	font-size: 14px
}
.info .bottom .price .iconfont[data-v-5070518a] {
	font-size: 13px
}
}
.info .bottom .price[data-v-5070518a]:before {
	position: relative;
	top: -1px;
	content: "原价:";
	vertical-align: middle;
	line-height: 16px;
	line-height: 1;
	font-size: 12px;
	font-weight: 400;
	color: #4c4c4c
}
.info .bottom [gk-button][data-v-5070518a] {
	width: 86px;
	height: 27px;
	min-width: 86px;
	padding: 0;
	font-size: 15px
}

@media (max-width:768px) {
.info .bottom [gk-button][data-v-5070518a] {
	position: relative;
	left: -4px;
	width: 80px;
	height: 24px;
	min-width: 80px;
	font-size: 14px
}
}
.modal-receive-success[data-v-4e23a88d] [gk-modal-main] {
	box-sizing: border-box;
	width: 424px
}

@media (max-width:768px) {
.modal-receive-success[data-v-4e23a88d] [gk-modal-main] {
	top: 0;
	width: 310px;
	min-height: auto;
	padding: 34px 24px 23px
}
}
.modal-receive-success[data-v-4e23a88d] [gk-modal-title] {
	text-align: center
}
.content[data-v-4e23a88d] {
	margin-top: 23px
}
.text[data-v-4e23a88d] {
	text-align: center;
	line-height: 24px;
	font-size: 16px;
	font-weight: 400;
	color: #303030
}

@media (max-width:768px) {
.text[data-v-4e23a88d] {
	font-size: 14px
}
}
.qrcode[data-v-4e23a88d] {
	width: 132px;
	height: 132px;
	margin: 21px auto 22px
}
.qrcode img[data-v-4e23a88d] {
	width: 100%;
	height: 100%
}
.tip[data-v-4e23a88d] {
	text-align: center;
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
	color: #828a92
}
.modal-rebind[data-v-b3d76520] [gk-modal-main] {
	box-sizing: border-box;
	width: 442px;
	padding: 32px 50px 28px
}
.rebind-head[data-v-b3d76520] {
	margin-top: 25px;
	margin-bottom: 13px;
	line-height: 1;
	font-size: 28px;
	font-weight: 600;
	color: #303030
}
.bind-pic[data-v-b3d76520] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px
}
.bind-pic .bind-avatar[data-v-b3d76520] {
	flex-shrink: 0;
	max-width: 97px
}
.bind-pic .bind-avatar .info-wrap[data-v-b3d76520] {
	display: flex;
	flex-direction: column;
	align-items: center
}
.bind-pic .bind-avatar .user-info[data-v-b3d76520] {
	transform: translate(3px, -5px)
}
.bind-pic .bind-avatar .current-info[data-v-b3d76520] {
	margin-bottom: 34px
}
.bind-pic .bind-avatar img[data-v-b3d76520] {
	max-width: 70px;
	max-height: 70px;
	border-radius: 50%
}
.bind-pic .bind-avatar p[data-v-b3d76520] {
	max-height: 36px;
	margin-top: 6px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #303030
}
.bind-pic .right-wrap[data-v-b3d76520] {
	flex-shrink: 0;
	transform: translate(-26px, -6px)
}
.bind-pic .center-arrow[data-v-b3d76520] {
	flex-shrink: 0;
	margin-top: -31px;
	margin-left: -18px
}
.bind-pic .center-arrow img[data-v-b3d76520]:first-child {
	margin-bottom: 33px
}
.bind-pic .center-arrow img[data-v-b3d76520] {
	display: block;
	width: 124px;
	height: 29px
}
.bind-info[data-v-b3d76520] {
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #303030
}
.btns[data-v-b3d76520] {
	margin: 0 auto
}
.btns [gk-button][data-v-b3d76520] {
	height: 48px;
	margin-bottom: 16px;
	font-family: PingFangSC, sans-serif
}
.btns .back-btn[data-v-b3d76520] {
	border: 1px solid #eaeeef;
	font-size: 14px;
	color: #303030
}
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
	float: left
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
.swiper-container-multirow>.swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}
.swiper-slide-invisible-blank {
	visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto
}
.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	-o-transition-property: transform, height;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}
.swiper-container-3d {
	-webkit-perspective: 1200px;
	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 {
	-webkit-transform-style: preserve-3d;
	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: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(transparent));
	background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), transparent);
	background-image: -o-linear-gradient(right, rgba(0,0,0,.5), transparent);
	background-image: linear-gradient(270deg, rgba(0,0,0,.5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(transparent));
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), transparent);
	background-image: -o-linear-gradient(left, rgba(0,0,0,.5), transparent);
	background-image: linear-gradient(90deg, rgba(0,0,0,.5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(transparent));
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), transparent);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.5), transparent);
	background-image: linear-gradient(0deg, rgba(0,0,0,.5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(transparent));
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), transparent);
	background-image: -o-linear-gradient(top, rgba(0,0,0,.5), transparent);
	background-image: linear-gradient(180deg, rgba(0,0,0,.5), transparent)
}
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: 50%;
	background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
	left: 10px;
	right: auto
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
	right: 10px;
	left: auto
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}
.swiper-button-lock {
	display: none
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: opacity .3s;
	-o-transition: .3s opacity;
	transition: opacity .3s;
	-webkit-transform: translateZ(0);
	transform: translateZ(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 {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33);
	position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	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;
	-webkit-box-shadow: none;
	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: #007aff
}
.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -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%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: top .2s, -webkit-transform .2s;
	transition: top .2s, -webkit-transform .2s;
	-o-transition: .2s transform, .2s top;
	transition: transform .2s, top .2s;
	transition: transform .2s, top .2s, -webkit-transform .2s
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: left .2s, -webkit-transform .2s;
	transition: left .2s, -webkit-transform .2s;
	-o-transition: .2s transform, .2s left;
	transition: transform .2s, left .2s;
	transition: transform .2s, left .2s, -webkit-transform .2s
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: right .2s, -webkit-transform .2s;
	transition: right .2s, -webkit-transform .2s;
	-o-transition: .2s transform, .2s right;
	transition: transform .2s, right .2s;
	transition: transform .2s, right .2s, -webkit-transform .2s
}
.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	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-bullet-active {
	background: #fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
	background: hsla(0,0%,100%,.25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}
.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0,0,0,.25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000
}
.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: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: 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%;
	-o-object-fit: contain;
	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;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
	animation: swiper-preloader-spin 1s steps(12) infinite
}
.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
to {
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
@keyframes swiper-preloader-spin {
to {
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
.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 {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	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;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	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 {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	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: 0;
	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
}
.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}