body {
	background-color: #F7F7F7;
	max-width: 750px;
	margin: auto;
}


.box-list {
	padding-top: 12px;
}

.content-block-title {
	margin-top: 0.65rem;
	padding: 5px 0;
}

.tip-title {
	/*font-weight: bold;*/
	color: #db2a2a;
}

.content-block-title .let-close {
	color: #666;
	font-size: 0.75rem;
}

.access-top-bg {
	height: 7px;
	border: solid 1px #898F91;
	border-bottom: 0;
	border-radius: 10px;
	background: #858A8E;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #858A8E), color-stop(100%, #E3E1E1));
	background: -webkit-linear-gradient(top, #858A8E 0, #E3E1E1 100%);
	background: linear-gradient(to bottom, #858A8E 0, #E3E1E1 100%);
	padding: 0 2px;
	width: 100%
}

.access-box {
	padding: 5px 10px 5px;
	box-shadow: rgba(0, 0, 0, .2) 0 -3px 6px;
	-webkit-box-shadow: rgba(0, 0, 0, .2) 0 -3px 6px;
	background-color: rgba(255, 255, 255, .4);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAMAAADHVLbdAAAAeFBMVEXW1tbX19fd3d3c3NzY2NjR0dHQ0NDf39/s7Ozp6ena2trU1NTt7e3Nzc3Hx8fExMT+/v7g4OD5+fnLy8vx8fHu7u7z8/PJycnPz8/w8PDq6ur19fXFxcXk5OTe3t7r6+vKysrl5eX09PTv7+/y8vL29vb39/f///8PjQm0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6QkFFQzIwNDUyREQ5RTAxMTgxQ0NEMERGMTVBNjEwNzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTU5MTc3QzRBREE0MTFFMjgzMEZDN0M5QjgxNTREMjQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTU5MTc3QzNBREE0MTFFMjgzMEZDN0M5QjgxNTREMjQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNGMzg4RDFCMkYyMDY4MTE4MjJBQjU2RjVFODg4ODU2IiBzdFJlZjpkb2N1bWVudElEPSJ1dWlkOkJBRUMyMDQ1MkREOUUwMTE4MUNDRDBERjE1QTYxMDc1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xxldVQAAAGdJREFUCNddx4sOgjAQRNERWygoIPLwSQHB9v//0N0NEOEkk8yFJ1db5tmp5gvaeHuL5CLt0n5WSNs7C0OttfMwBuRAlFLtGUcSEMuiCK0YFojjJ+tmGFcPhmr61+CzeAl8t+C29v0DRg0XVPGtJuIAAAAASUVORK5CYII=);
	-webkit-background-size: 10px 10px;
	background-size: 10px 10px;
	background-repeat: repeat-x;
	background-position: 0 bottom;
	border-radius: 10px 10px 0 0;
	margin-top: -4px;
}

.box {
	margin: 0.5rem 0.75rem;
	color: #3e3e3e;
}

.name {
	padding: 0.5rem 0;
	/* font-weight: bold; */
	/* letter-spacing: 1px; */
}

.info {
	word-break: break-all;
}

.access-box p {
	margin: 0;
}

.ad-box {
	display: none;
	margin: 0.5rem 0.75rem;
}

.ad-box img {
	width: 100%;
}

.flex {
	padding: 0.25rem 0;
	display: flex;
}

.flex .name {
	flex: 1;
	padding: 0;
}

.show {
	width: 20%;
	text-align: center;
	line-height: 1.2;
}

.show img {
	display: inline-block;
	width: 1.2rem;
}

.show span {
	font-size: 0.6rem;
	color: #666;
	display: block;
}

.no-data {
	display: none;
	margin: 1rem auto;
	text-align: center;
	color: #bbb;
	font-size: 14px;
}

.no-data img {
	width: 70%;
	display: none;
}

.adinfo {
	margin: 0 .75rem 0;
}

.adinfo-bottom {
	margin: 0 .75rem 0;
}

.my-class {
	display: flex;
	justify-content: space-between;
}



.refresh {
	display: none;
}

.hide {
	display: none;
}

.tip-title i {
	color: blue;
	font-weight: bold;
}

.preloader-indicator-overlay,
.preloader-indicator-modal {
	position: fixed !important;
}


.btn {
	margin-left: 6px;
	color: #fff;
	background-color: #1769D8;
	padding: 2px 6px;
	line-height: 1.2 !important;
	font-size: 13px;
	border: 0;
	box-shadow: 0;
	border-radius: 22px;
	outline: none;
	-webkit-appearance: normal;
	appearance: normal;
}

.report.btn {
	background: #F59D00;
}

.box {
	position: relative;
	overflow: hidden;
}

.top {
	position: absolute;
	;
	z-index: 99;
	top: 0;
	right: 0;
	padding: 3px 4px;
	font-size: 14px;
	text-align: center;
	;
	line-height: 1;
	background-color: #E93F68;
	color: #fff;
}

.ctrl-box {
	margin-top: 3px;
	text-align: right;
	margin-right: -10px;
	padding-bottom: 6px;
}

.copy-right {
	margin: 20px 0.75rem;
	font-size: 13px;
	color: #666;
	text-align: center;
}

.hided {
	display: none !important;
}

.toast {
	position: fixed !important;
}

.js-buy {
	display: none;
	background-color: purple;
}

.js-buy2 {
	display: none;
	background-color: #d825be;
}

.js-buy3 {
	display: none;
	background-color: #ba57ec;
}

.js-buy4 {
	display: none;
	background-color: #08a04c;
}

#cnzz_stat_icon_1278522580 {
	display: none;
}

a[title="站长统计"] {
	display: none;
}

.page,
.page-group {
	background-color: #F7F7F7;
}

.dark {
	background-color: #242535;
	animation: all 1s;
}

.dark .access-box {
	background: #2F3045;
	margin-top: 0;
}

.dark .access-top-bg {
	height: 0;
	border: 0;
	/*border-top: 1px solid #d4c3a4;*/
	background: none;
}

.dark .box {
	color: #efefef;
}

.dark .copy-right {
	color: #FAFAFB;
}

.dark .content-block-title .let-close {
	color: #FAFAFB;
}

.dark .tip-title i {
	color: #FAFAFB;
}

.dark .show span {
	color: #FAFAFB;
}

.dark .adinfo {
	color: #FAFAFB;
}

.link {
	color: #0894ec;
}

.dark .link {
	color: #FAFAFB;
}

.line-box {
	border-bottom: 1px solid #db2a2a;
}

.dark .line-box {
	border-bottom: 1px solid #858A8E;
}

.imp {
	color: #db2a2a;
}

.dark .imp {
	color: #ecdb57;
}

.dark .tip-title {
	color: #ecdb57;
}

.info span,
.info p,
.info div {
	color: #3e3e3e !important;
}

.info a {
	color: #0894ec !important;
}

.dark .info span,
.dark .info p,
.dark .info div {
	color: #efefef !important;
}

.dark .info a {
	color: #0894ec !important;
}

.info .top {
	color: #fff !important;
}

.dark .info .top {
	color: #fff !important;
}

.content-block-title {
	font-size: 0.85rem;
}

body {
	font-size: 0.8rem;
}

.download {
	height: 1.2rem;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABrklEQVRYR+1X0U0CQRDd4YNvOoAOxA6gA6hArMAjYSb8ib8zJJ4VqBVoB9oBWoElCL9AGDObPXOYkzuOi4nJTUI4srtv3rzdG96COyGiKGrZ8jiOl2VhoOxCW4eIz/YtIoOyOKcSeA0EejWBWoFagVqBWoFagVqB/60AET2s1+soz9mYAQGAD2YeB0Oy5wcQMQaANjMP8xQhooiZY5hMJr1Go/Gy2+368/ncA2aF2a9ms/kZxm6YeYaI3wSsCOfchXNuxczeqv0W6ZyFCYSKRwBwb8+qeumcG9kzAJg1uw0Jh8zsrVrlBDJIeDMKAL5iIyUipsTBKK1AgkpEM+fc9Y8sY9vTvOQ2fjIBA0ntuf18ZGa/HUWiEgJhO3zFIhIVSZzMqYzAMUnTc/cIIGIXABZFD1DZpOl1RGQXmSdVPfcXEyJaqupCRPpVJMjDCOdnYP3CEwgd7OovVEBE30tU9c7OjicQupx1tTNVtff4LXzyiik8rqotABgAgL0t78zc9T0kQQgkIlU1hu3CyMdNXFmBm81mlvzvZF5Op9NpZ7vddo7DPjwbAJYiYsruxRfGOUIDB3wuOgAAAABJRU5ErkJggg==) no-repeat;
	background-size: auto 100%;
	background-position: center;
}

.dark .download {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABdUlEQVRYR+1Xi00CQRSc6cAOsAO1A+kAKlAqECoQKxArUCvQDrQDtAJLECoYM5e3eEcIyx0XE5N9ySX32X1v3ry3e7PEESbpxNNJrrq6YdeJnifpNQCMuvo5FsB7ALgsAAoDhYHCQGGgMFAY+N8MSHoCMM0pmxAgXyRnIUgaekDSAsCA5DjHiCTHW1CSxcQbgCHJyuEuC/n1Hd/uSM4lbQBEElcA1iQrqbbH12/MQwFExtcAHsPxBICfbZZm93E/JllJtd4B7ACRxGjKeELS5dxrjaTbMJC8SpoDuN2KMnNNc8EjiW4lqDuv1dyvn0mmcmQxHM1AjYkqY5LTbNTagN4AtAm6xV6jBOcAlgAOaqCuQbcA+CDzAuCiOphIcjcvSQ77CJDzEf0z8n6RALiWN3/BgqS0lzy4dxIAr2PvamcAvI4/4sol0+a7Y5h6A/gk6dJjczaMrdbd7AGDNp5bjF1HgvP039l5OJV0CsBXn7YiaWYb9gP44Pf5E/YQXgAAAABJRU5ErkJggg==) no-repeat;
	background-size: auto 100%;
	background-position: center;
}

.nodata-box {
	text-align: center;
	font-size: 14px;
	color: #ccc;
}

.nodata-box p {
	margin: 0;
}

.nodata {
	margin: 10px auto 0;
	width: 5rem;
	height: 5rem;
	background: url('../imgs/nodata.png') no-repeat;
	background-size: 100%;

}

#searchWrapper {
	box-sizing: border-box;
}

.search-input {
	display: flex;
	box-sizing: border-box;
	margin: 10px .75rem 8px;
}

.search-button {
	width: 30%;
	height: 44px;
	background-color: #08f;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 0 44px 44px 0;
	cursor: pointer;
	line-height: 46px;
	text-align: center;
	color: white;
	font-size: 0.85rem;
}

.input-wap {
	width: 70%;
}

.input {
	display: block;
	width: 100%;
	height: 44px;
	padding: 0 10px 0 10px;
	border-top: #ccc solid 1px;
	border-right: none;
	border-bottom: #ccc solid 1px;
	border-left: #ccc solid 1px;
	border-radius: 44px 0 0 44px;
	outline: none;
	color: #333;
	box-sizing: border-box;
}

.user-search {
	margin: 10px 0.75rem;
	/*font-size: 0.8rem;*/
	display: flex;
	align-items: center;
	font-size: 14px;
	padding-bottom: 6px;
	color: #666;
}

.dark .user-search {
	color: #999;
}

#curSearchVal {
	color: #1769D8;
	text-decoration: underline;
	padding: 0 5px;
}

.cur-tip {
	font-size: 13px;
	color: #999;
}

.no-ggreport .js-reportgg {
	display: none !important;
}

.feedback .js-feedback {
	display: inline-block !important;
}

.pwd-modal {
	position: fixed;
	background-color: #242535;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
}

.pwd-modal .pwd-content {
	position: absolute;
	background-color: #fff;
	width: 80%;
	left: 0;
	right: 0;
	top: 50%;
	box-sizing: border-box;
	border-radius: 12px;
	padding: 10px;
	margin: auto;
	transform: translate3d(0, -50%, 0);
}

.pwd-body {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.pwd-footer {
	display: flex;
	align-items: center;
}

.pwd-modal {
	position: fixed;
	background-color: #eee;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 99;
}

.pwd-modal .pwd-content {
	position: absolute;
	background-color: #fff;
	width: 80%;
	left: 0;
	right: 0;
	top: 50%;
	box-sizing: border-box;
	border-radius: 12px;
	padding: 20px;
	margin: auto;
	transform: translate3d(0, -50%, 0);
}

.pwd-body {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.pwd-footer {
	margin-top: 20px;
	display: flex;
	align-items: center;
}

.hot-wrap {
	margin: 1.75rem .75rem .5rem;
	color: #666;
	font-size: 14px;
}
#hotList {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.hot-item {
	padding: 0 8px;
	height: 30px;
	margin-bottom: 5px;
	line-height: 30px;
	border-radius: 100px;
	background-color: #eee;
	color: #f40;
	font-size: 14px;
	margin-right: 10px;;
}