/* @font-face {
	font-family: Brush Script MT;
	src: url('./src/BRUSHSCI.TTF');
} */
@media only screen and (min-width:767px) {
	html::-webkit-scrollbar-track-piece {
		background: #eee
	}

	html::-webkit-scrollbar {
		width: 6px;
		height: 6px
	}

	html::-webkit-scrollbar-thumb {
		height: 40px;
		border-radius: 4px;
		background-color: #A5A5A5
	}

	html::-webkit-scrollbar-thumb:hover {
		background-color: #bbb
	}
}

html {
	overflow-x: hidden;
}

body {
	font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 14px;
	word-break: break-all;
	word-wrap: break-word;
	padding-top: 50px;
}

ul {
	list-style: circle;
}

.notice-top {
	margin: 15px 15px 10px 15px;
	padding: 10px;
	line-height: 1.5;
	border: solid 1px whitesmoke;
	border-radius: 5px;
	text-align: justify;
}

.header {
	width: 100%;
	height: 50px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: white;
	border-bottom: solid 1px whitesmoke;
}

.header-title {
	margin: 0 15px;
	font-family: Brush Script MT;
	font-weight: normal;
	font-size: 36px;
	line-height: 50px;
	text-align: center;
}

.header-title a:hover {
	text-decoration: none;
}

.header-logo {
	max-height: 35px;
}

.header-post-back {
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 8px;
	left: 12px;
	font-size: 30px;
	text-align: center;
	color: gray;
	opacity: .5;
	transform: scale(-1, 1);
}

.navbar-default {
	background-color: white;
}

.navbar-brand {
	font-family: Brush Script MT;
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
}

.nav-logo {
	max-height: 25px;
}
.navbar-form {
	position: relative;
}
.input-search {
	appearance: none;
	width:100%;
	height:34px;
	font-size:14px;
	text-indent: 5px;
	border: 1px solid #E9E9E9;
	border-radius: 5px;
	padding:0 50px 0 10px;
	box-shadow: none;
	background-color: #fff;
	transition: background-color 1s;
}
.input-search:hover, .input-search:focus {
	border-color: PaleVioletRed;
}

.button-search {
	display: block;
	position: absolute;
	right: 16px;
	top: 11px;
	width:32px;
	height:32px;
	fill: PaleVioletRed;
	border:none;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: #fff;
}
@media (min-width: 768px) {
	.navbar-left {
		float: right!important;
	}
	.button-search {
		top: 1px!important;
	}
}
.button-search svg {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-11px;
	margin-left:-11px;
	width: 22px;
	height:22px;
}
.button-search.focus {
	background-color: PaleVioletRed;
	fill: #fff;
}
.navbar-toggle {
	color: gray;
	border: none;
	font-size: 21px;
	padding: 2px 0;
}

.navbar-toggle:hover {
	background-color: white !important;
	color: black;
}
.content {
	clear: both;
	width: 100%;
}

#masonry,
.archive-msg {
	margin: 10px 10px 10px 10px;
}

#masonry.archive {
	margin: 10px;
}
.archive-title  {
	padding: 0 15px;
	font-size: 16px;
}
.archive-title .keyword {
	margin:0 5px;
	color: PaleVioletRed;
}
.item {
	padding: 5px;
	height: 16vw;
	overflow: hidden;
}

.item-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.item-title {
	position: absolute;
	top: 5px;
	left: 5px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	background-color: rgba(7, 7, 7, .3);
	opacity: 0;
	transition: opacity .5s;
}

.item-title:hover {
	opacity: 1;
}

.item-link {
	display: block;
	width: 100%;
	height: 100%;
	color: white;
	font-size: 14px;
}

.item-link:hover {
	color: white;
}

.item-link-text {
	position: absolute;
	bottom: 0px;
	width: calc(100% - 20px);
	padding: 5px;
	margin: 10px;
	line-height: 1.2;
	text-align: center;
}

.item-num {
	position: absolute;
	top: 12px;
	right: 12px;
	color: white;
	line-height: 1;
}

.post-item {
	display: block;
	padding: 5px;
}

.post-item-img {
	width: 100%;
	transition: -webkit-filter .5s, filter .5s;
}

.post-item-img:hover {
	-webkit-filter: drop-shadow(0 0 5px gray);
	filter: drop-shadow(0 0 5px gray);
}

.post-next,
.post-prev {
	position: relative;
}

.post-next .icon,
.post-prev .icon {
	z-index: 10;
	display: block;
	position: absolute;
	padding: 5px 10px;
	top: 20px;
	left: 20px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.8);
}

.hidden-more {
	display: block;
	color: white;
	width: 100%;
	height: 100%;
	background-color: gray;
}

.hidden-more-text {
	display: block;
	width: 100%;
	position: absolute;
	top: calc(50% - 15px);
	left: 0;
	color: white;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	user-select: none;
}

.hidden-more img,
.hidden-more img:hover {
	-webkit-filter: opacity(5%);
	filter: opacity(5%);
}

.password input {
	margin: 5px auto;
}

.post-info,
.post-tags {
	text-align: left;
	line-height: 1.5;
}

.post-info {
	margin: 10px;
	padding: 10px 10px 0 10px;
}

.post-tags {
	margin: 0 10px 10px 10px;
	/* padding: 0 10px; */
}

.post-tags a {
	font-weight: 500;
	position: relative;
	display: inline-block;
	padding: 5px 10px;
	margin: 0 10px 10px 10px;
	font-size: 14px;
	line-height: 20px;
	color: #777;
	background: #DDD;
	-webkit-transition: none;
	transition: none;
	border-radius: 0 3px 3px 0;
}

.post-tags a::before {
	position: absolute;
	top: 5px;
	left: -9px;
	width: 0;
	height: 0;
	content: "";
	border-top: 9px solid transparent;
	border-right: 9px solid #DDD;
	border-bottom: 9px solid transparent;
}

.post-tags a::after {
	position: absolute;
	top: 11px;
	left: -2px;
	width: 5px;
	height: 5px;
	content: "";
	background-color: #FFF;
	border-radius: 50%;
}

.color-tags a {
	color: #FFF;
}

.color-tags a:nth-child(10n+1) {
	background: #3C3645;
}

.color-tags a:nth-child(10n+1)::before {
	border-right-color: #3C3645;
}

.color-tags a:nth-child(10n+2) {
	background: #72BAA7;
}

.color-tags a:nth-child(10n+2)::before {
	border-right-color: #72BAA7;
}

.color-tags a:nth-child(10n+3) {
	background: #892F1B;
}

.color-tags a:nth-child(10n+3)::before {
	border-right-color: #892F1B;
}

.color-tags a:nth-child(10n+4) {
	background: #E086EA;
}

.color-tags a:nth-child(10n+4)::before {
	border-right-color: #E086EA;
}

.color-tags a:nth-child(10n+5) {
	background: #33A3DC;
}

.color-tags a:nth-child(10n+5)::before {
	border-right-color: #33A3DC;
}

.color-tags a:nth-child(10n+6) {
	background: #FDB933;
}

.color-tags a:nth-child(10n+6)::before {
	border-right-color: #FDB933;
}

.color-tags a:nth-child(10n+7) {
	background: #00A6AC;
}

.color-tags a:nth-child(10n+7)::before {
	border-right-color: #00A6AC;
}

.color-tags a:nth-child(10n+8) {
	background: #DA765B;
}

.color-tags a:nth-child(10n+8)::before {
	border-right-color: #DA765B;
}

.color-tags a:nth-child(10n+9) {
	background: #4B0082;
}

.color-tags a:nth-child(10n+9)::before {
	border-right-color: #4B0082;
}

.color-tags a:nth-child(10n+0) {
	background: #DC143C;
}

.color-tags a:nth-child(10n+0)::before {
	border-right-color: #DC143C;
}

.post-info-title {
	margin: 0 0 0 5px;
}

.post-info-text {
	margin: 0 5px 0 0;
}

.post-info-box {
	margin: 0;
	padding: 0;
	display: inline-block;
}

.page-navigator {
	margin: 10px 10px 10px 10px;
	padding: 5px 10px;
	text-align: center;
	list-style: none;
}

.page-navigator a {
	display: inline-block;
	margin: 1px;
	padding: 0 3px;
	line-height: 30px;
	min-width: 25px;
	height: 30px;
	border: solid 1px whitesmoke;
	border-radius: 25px;
}

.page-navigator a.current,
.page-navigator a:hover {
	background: whitesmoke;
}

.page-navigator li span {
	display: block;
	width: 100%;
	height: 100%;
	color: gray;
	line-height: 23px;
	font-size: 12px;
}

article.post,
#comments {
	padding: 10px;
	/* width: calc(100% - 20px); */
	/* max-width: 767px; */
	margin: 0 auto;
}

article.post {
	margin-top: 10px;
}

article.post h1 {
	font-size: 24px;
	text-align: center;
	margin: 10px 0 20px 0;
}

article.post h1::before {
	content: '「';
	padding-right: 5px;
}

article.post h1::after {
	content: '」';
	padding-left: 5px;
}

article.post h1::before,
article.post h1::after {
	color: gray;
	font-size: 24px;
}

article.post img {
	max-width: 100%;
}

.nocontent {
	display: block;
	width: 100%;
	max-width: 512px;
	margin: auto;
}

table {
	border-collapse: collapse;
	display: table;
	width: 100%;
	text-align: center;
	margin-bottom: 24px
}

tbody {
	border: 0
}

table tr:nth-child(2n) {
	background-color: #F7F7F7
}

table tr td,
table tr th {
	font-size: 14px;
	color: #4f4f4f;
	line-height: 22px;
	border: 1px solid #DDD;
	padding: 8px;
	text-align: left;
	word-wrap: break-word;
	word-break: normal;
	vertical-align: middle
}

table tr td code,
table tr th code {
	white-space: normal;
	word-break: break-all
}

table tr th {
	font-weight: 700;
	background-color: #eff3f5
}

#post-comments {
	position: fixed;
	top: 0;
	right: -380px;
	width: 380px;
	max-width: 100vw;
	height: 100vh;
	padding-top: 40px;
	border-left: solid 1px #e7e7e7;
	background-color: white;
	overflow-y: scroll;
	transition: right .5s;
}

.comment-open {
	right: 0 !important;
}

#side-button {
	position: fixed;
	bottom: 70px;
	right: 15px;
	width: 38px;
	transition: right .5s;
	opacity: .7;
}

#side-button:hover {
	opacity: 1;
}

#side-button ul {
	padding: 0;
}

#side-button li {
	display: block;
	list-style: none;
	width: 34px;
	height: 34px;
	margin: 2px;
	color: darkgray;
	text-align: center;
	line-height: 34px;
	background-color: white;
	border: solid 1px whitesmoke;
	border-radius: 20px;
	background-color: whitesmoke;
}

#side-button li:hover {
	color: gray;
	border: solid 1px #e7e7e7;
	background-color: #e7e7e7;
}

#comments h3 {
	font-size: 18px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea {
	padding: 5px 8px;
	border: 1px solid #E9E9E9;
	width: 100%;
	height: 44px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
}

.submit {
	border: 1px solid #E9E9E9;
	border-radius: 2px;
	padding: 5px 10px;
	;
	background: white;
}

.comment-list,
.comment-list ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment-list li {
	padding: 14px;
	margin-top: 10px;
	border: 1px solid #EEE;
}

.comment-list li.comment-level-odd {
	background: #F6F6F3;
}

.comment-list li.comment-level-even {
	background: #FFF;
}

.comment-list li.comment-by-author {
	background: #F9F9F9;
}

.comment-list li .comment-reply {
	text-align: right;
	font-size: .92857em;
}

.comment-meta a {
	color: #999;
	font-size: .92857em;
}

.comment-author {
	display: block;
	margin-bottom: 3px;
	color: #444;
}

.comment-author .avatar {
	float: left;
	margin-right: 10px;
	border-radius: 32px;
}

.comment-author cite {
	font-weight: bold;
	font-style: normal;
}

.comment-list .respond {
	margin-top: 15px;
	border-top: 1px solid #EEE;
}

.respond .cancel-comment-reply {
	float: right;
	margin-top: 15px;
	font-size: .92857em;
}

.footer {
	width: 100%;
	background-color: white;
	border-top: solid 1px whitesmoke;
	padding: 20px 0;
	text-align: center;
}

.related {
	margin: 0 20px;
	font-size: 12px;
	line-height: 1.5;
	color: gray;
}

.related a {
	color: gray;
}

.related a:hover {
	color: black;
}

.anti-select {
	user-select: none;
}

.space-5 {
	display: inline-block;
	width: 5px;
}

/* mobile category */
.mobile-cate {
	display: none;
}

/* first visting page */
#firstVisitingPage {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: white;
	z-index: 2048;
}

/* qrcode */
#qrcode {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 2048;
}

#qrcode img {
	border-radius: 5px;
	position: fixed;
	top: calc(50vh - 100px);
	left: calc(50vw - 100px);
}

/* toast */
.toast-wrap {
	opacity: 0;
	position: fixed;
	bottom: 15%;
	color: #fff;
	width: 100%;
	text-align: center;
}

.toast-msg {
	display: block;
	width: 320px;
	max-width: 90%;
	margin: 0 auto;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 5px 10px;
	border-radius: 5px;
}

.toastAnimate {
	animation: toastKF 5s;
}

@keyframes toastKF {
	0% {
		opacity: 0;
	}

	15% {
		opacity: 1;
		z-index: 9999
	}

	50% {
		opacity: 1;
		z-index: 9999
	}

	85% {
		opacity: 1;
		z-index: 9999
	}

	100% {
		opacity: 0;
		z-index: 0
	}
}
.search-result {
	text-align: center;
}
.search-result svg {
	width:48px;
	height:48px;
	color: rgb(78, 89, 105);
}
.search-result .keyword {
	margin:0 5px;
	color: PaleVioletRed;
}
.search-result-error, .search-result-error svg {
	color:orange;
}
@media screen and (max-width: 1199px) {
	.item {
		height: 23vw;
	}
}

@media screen and (max-width: 991px) {
	.item {
		height: 32vw;
	}
}

@media screen and (max-width: 767px) {
	.item {
		height: 45vw;
	}

	/* mobile category */
	.mobile-cate {
		display: block;
		list-style: none;
		padding: 10px 15px 0 15px;
		margin-bottom: 0;
		width: 100%;
		white-space: nowrap;
		overflow-y: scroll;
	}

	.mobile-cate li {
		display: inline-block;
		padding: 4px 10px;
		margin: 2px;
		border-radius: 20px;
		border: solid 1px whitesmoke;
	}

	.mobile-cate li.active {
		background-color: whitesmoke;
	}

	.mobile-cate li a {
		color: black;
		text-decoration: none;
	}
}

/* fancybox 样式修复 */
.compensate-for-scrollbar {
	margin-right: 0 !important;
}

/* bootstrap 样式修复 */
.navbar-right #search {
	margin: 8px 0;
}

.navbar-fixed-top .navbar-collapse {
	max-height: fit-content;
}

/*
.navbar-nav>.open>a { background-color: white!important; }
.navbar-nav>.open>a:hover { background-color: #e7e7e7!important; }
*/
@keyframes lds-dual-ring {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
}
.btn-loading {
	pointer-events: none;
}
.btn-loading:after {
	content: " ";
	display: block;
	width: 20px;
	height: 20px;
	margin-left:14px;
	border-radius: 50%;
	border: 2px solid #fff;
	border-color: #fff transparent #fff transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}
.login-tip {
	clear: both;
	overflow: hidden;
	width: calc(100% - 20px);
	max-width: 500px;
	margin: 5px auto;
	padding: 20px;
	border: 2px solid PaleVioletRed;
	border-radius: 5px;
	font-size: 18px;
	font-weight: bold;
}

.login-tip .text {
	padding-top: 10px;
	text-align: center;
}

.login-tip .count {
	font-size: 20px;
	color: PaleVioletRed;
}

.login-tip .action {
	clear: both;
	overflow: hidden;
	padding: 15px 0 0 0;
	text-align: center;
}

.login-tip .action a {
	display: inline-block;
	margin-right: 20px;
	padding: 5px 15px;
	color: #fff;
	font-size: 14px;
	background-color: PaleVioletRed;
	border-radius: 5px;
	border: none;
	font-size: 16px;
	/* width: 80px; */
	height: 40px;
	text-decoration: none;
	line-height: 30px;
}

.auth-box {
	margin: 20px 15px 60px 15px;
	max-width: 360px;
}

.auth-box .title {
	overflow: hidden;
	padding-bottom: 5px;
	font-size: 14px;
}

.auth-box .title h2 {
	float: left;
	font-size: 20px;
}

.auth-box .title span {
	float: right;
	margin-top: 20px;
	font-size: 16px;
}

.auth-box .auth-item {
	margin-bottom: 10px;
}

.auth-box .tip,
.auth-box .error {
	padding-top: 5px;
	font-size: 14px;
}

.auth-box .error {
	margin: 0;
	color: #d41515;
}

.auth-box .action {
	overflow: hidden;
	padding: 10px 0 20px 0;
}

.auth-box .action button {
	float: left;
	display: inline-block;
	margin-right: 20px;
	padding: 5px 15px;
	color: #fff;
	font-size: 14px;
	background-color: PaleVioletRed;
	border-radius: 5px;
	border: none;
	font-size: 16px;
	width: 80px;
	height: 40px;
}

.auth-box .action .tip {
	font-size: 14px;
}

.auth-box .captcha input {
	float: left;
	width: 100px;
	margin-right: 10px;
}

.auth-box .captcha .captcha-code {
	display: inline-block;
	margin: 0;
	border-radius: 3px;
}
.pay {
	padding:0 15px;
	font-size:16px;
}
.pay .title {
	font-size:16px;
}
.pay .notice {
	padding:10px 0 15px 0;
	color:PaleVioletRed;
}
.pay .go-pay-help {
	position: relative;
	height:20px;
	margin:10px 0;
	padding-left:18px;
}
.pay .go-pay-help a {
	color:PaleVioletRed;
	font-weight: bold;
	text-decoration: underline;
}
.pay .go-pay-help svg {
	position: absolute;
	top: 3px;
	left:0;
	width:16px;
	height:16px;
	color:PaleVioletRed;
}
.pay .vip-list {
	overflow: hidden;
	margin-right: -10px;
}
.pay .vip-item {
	cursor: pointer;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:calc(50% - 10px);
	max-width: 200px;
	border:1px #e4e6eb solid;
	border-radius: 5px;
	font-size:16px;
	padding:10px;
}
.pay .vip-item dl {
	margin:0;
}
.pay .vip-item dt {
	padding-bottom:5px;
	font-size:18px;
	font-weight: bold;
}
.pay .vip-item dd {
	color:PaleVioletRed;
}
.pay .vip-item.selected {
	/* color:#fff; */
	border-color: PaleVioletRed;
	/* background-color: PaleVioletRed; */
	box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
}
.pay .vip-item.selected dd {
	/* color:#fff; */
}
.pay .method .vip-item dt, .pay .method .vip-item dd {
	float: left;
	height:48px;
	line-height: 48px;
}
.pay .method .vip-item dt svg {
	width:48px;
	color: #0ae;
}
.pay .method .wxpay dt svg {
	width:48px;
	color: #08bb08;
}
.pay .method .vip-item dd {
	font-size: 18px;
	margin-left:15px;
	font-weight: bold;
}
.pay .action {
	clear: both;
	overflow: hidden;
	padding:10px 0 25px 0;
}
.pay .action .action-tip {
	color: PaleVioletRed;
}
.pay .btn-pay, .pay .btn-check, .pay .btn-login {
	display: inline-block;
	margin-right: 20px;
	padding: 5px 15px;
	color: #fff;
	font-size: 14px;
	background-color: PaleVioletRed;
	border-radius: 5px;
	border: none;
	font-size: 16px;
	width: 80px;
	height: 40px;
}
.pay .btn-login {
	padding:0;
	text-align: center;
	line-height: 40px;
}
.pay .btn-pay.disabled {
	pointer-events: none;
	background-color: #eee;
	color:#fff;
}
.pay .btn-pay.loading {
	pointer-events: none;
	cursor: wait;
}
.pay .action-tip {
	display: inline-block;
}
.pay .tip {
	padding-bottom: 40px;
}
.fullscreen-box {
	z-index: 1050;
	position: fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.fullscreen-box .mask {
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color: rgba(29, 33, 41, .6);
}
.fullscreen-box .box-content {
	position: absolute;
	top:50%;
	right:0;
	bottom:0;
	left:50%;
	width:180px;
	height:116px;
	margin-top: -58px;
	margin-left:-90px;
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
}
.fullscreen-box .box-content .icon {
	margin:0;
	padding: 15px 0 0 0;
}
.fullscreen-box .box-content .glyphicon {
	padding-bottom: 15px;
	font-size: 24px;
	color: PaleVioletRed;
}
@keyframes loading-circle {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}
.fullscreen-box .box-content svg {
	width:32px;
	color: PaleVioletRed;
	animation:loading-circle 1s infinite cubic-bezier(0,0,1,1);
}
.fullscreen-box .box-content .text {
	padding:0 30px;
}
.user-home {
	padding:0 15px;
	font-size: 14px;
}
.user-home h2.username {
	padding-top: 10px;
	font-size:18px;
	color: PaleVioletRed;
}
.user-home .info .title, .fav-list .info .title {
	margin-bottom: 5px;
	font-size:16px;
	font-weight: bold;
}
.user-home .info .username {
	color: PaleVioletRed;
}
.user-home .info ul, .user-home .info li {
	margin:0;
	padding:0;
	list-style: none;
	font-size:16px;
}
.user-home .info .action, .fav-list .info .action  {
	padding:10px 0 20px 0;
}
.user-home .info li {
	margin-bottom: 5px;
}
.user-home .info .vip {
	padding:2px 4px;
	border-radius: 4px;
	color:#fff;
	background-color: PaleVioletRed;
}
.user-home .info .action a, .fav-list .info .action a {
	display: inline-block;
	padding: 5px 15px;
	color: #fff;
	font-size: 14px;
	background-color: PaleVioletRed;
	border-radius: 5px;
	border: none;
	font-size: 16px;
}
.pay-help {
	padding:0 15px 20px 15px;
	font-size:16px;
}
.pay-help .title {
	font-size:18px;
	color: PaleVioletRed;
}
.pay-help .text {
	margin: 0;
	padding:10px 0;
	text-indent: 2em;
}
.pay-help .image img {
 	width: 100%;
	max-width: 360px;
}
.pay-help p:nth-of-type(1) {
	color: PaleVioletRed;
	text-indent: 0;
	border-top: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
}
@keyframes mover {
	0% {transform: translateX(0);}
	100% {transform: translateX(10px);}
}
.go-pay {
	z-index: 10;
	position: fixed;
	top:50%;
	right:20px;
	width:80px;
	height:80px;
	margin-top:-40px;
	padding-top:10px;
	text-align: center;
	border:1px #E9E9E9  solid;
	border-radius: 5px;
	background: rgba(255, 255, 255, .7);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	animation: mover 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
}
.go-pay a {
	display: block;
	color:#000;
}
.go-pay a:hover {
	text-decoration: none;
}
.go-pay dt svg {
	width:32px;
	color: PaleVioletRed;
}
/* 密码相关 */
.require-code .tip, .reset-pwd .tip {
	margin-bottom: 10px;
}
.reset-pwd {
	display: none;
}
.add-fav {
	z-index: 10;
	position: fixed;
	bottom:160px;
	right: 10px;
	width:50px;
	height: 50px;
}
.add-fav .btn-fav {
	width:50px;
	height: 50px;
}
.add-fav .btn-fav svg {
	width:50px;
	height:50px;
}
.add-fav .fav-tip {
	display: none;
	position: absolute;
    top: -55px;
    right: 5px;
    width: 110px;
    height: 50px;
	padding:3px 5px;
	font-size:16px;
	border-radius: 5px;
	text-align: center;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
}
.fav-list .info {
	padding:0 15px;
}
.fav-list .item {
	position: relative;
}
.fav-list .item .btn-fav-remove {
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
    padding: 5px 10px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.8);
	color: #000;
	text-decoration: none;
}
.fav-list .item .btn-fav-remove span {
	vertical-align: middle;
	margin:-3px 5px 0 0;
}