* { margin:0; padding:0; box-sizing:border-box; }

body {
	font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
	background: #f5f6fa;
	color: #333;
	font-size: 14px;
	line-height: 1.5;
}

a { color: #333; text-decoration: none; }
a:hover { color: #4e6ef2; }
ul, li { list-style: none; }
img { border: 0; vertical-align: middle; }
input, button, select, textarea { font-family: inherit; font-size: inherit; outline: none; }

.tqwz-topinfo {
	background: #fff;
	border-bottom: 1px solid #eaeaea;
}
.tqwz-topinfo-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
	display: flex;
	align-items: center;
	height: 60px;
	gap: 20px;
}
.tqwz-topinfo-left { flex-shrink: 0; }
.tqwz-logo-link { display: block; text-decoration: none; }
.tqwz-logo-small {
	display: flex;
	align-items: center;
	gap: 6px;
}
.tqwz-logo-icon {
	font-size: 36px;
	line-height: 1;
}
.tqwz-logo-text {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}
.tqwz-logo-text strong {
	color: #f50;
	font-size: 20px;
}
.tqwz-logo-text em {
	color: #0066cc;
	font-style: normal;
	font-size: 16px;
}
.tqwz-logo-slogan {
	font-size: 12px;
	color: #999;
	margin-top: 2px;
}
.tqwz-topinfo-center {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
}
.tqwz-weather {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	color: #666;
	flex-shrink: 0;
}
.tqwz-area {
	color: #333;
	font-size: 14px;
}
.tqwz-area-switch {
	color: #999;
	font-size: 12px;
}
.tqwz-area-switch:hover { color: #4e6ef2; }
.tqwz-weather-today,
.tqwz-weather-tomorrow {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 0 8px;
	border-left: 1px solid #eee;
}
.tqwz-weather-icon {
	font-size: 24px;
	line-height: 1;
}
.tqwz-weather-info {
	display: flex;
	flex-direction: column;
	line-height: 1.3;
}
.tqwz-weather-day {
	color: #333;
	font-size: 13px;
}
.tqwz-weather-quality {
	color: #19be6b;
	font-size: 12px;
}
.tqwz-weather-temp {
	color: #f50;
	font-size: 12px;
}
.tqwz-weather-warn {
	display: flex;
	align-items: center;
	gap: 4px;
	color: #f50;
	font-size: 12px;
	padding: 0 8px;
	border-left: 1px solid #eee;
}
.tqwz-warn-icon { font-size: 14px; }
.tqwz-weather-15day {
	display: flex;
	align-items: center;
	gap: 4px;
	background: linear-gradient(135deg, #4a90e2, #63b3ed);
	color: #fff;
	padding: 4px 10px;
	border-radius: 4px;
	font-size: 12px;
	text-decoration: none;
}
.tqwz-weather-15day:hover { color: #fff; opacity: 0.9; }
.tqwz-15day-text { line-height: 1.2; }
.tqwz-15day-arrow { font-size: 14px; }
.tqwz-date {
	display: flex;
	flex-direction: column;
	font-size: 12px;
	color: #666;
	padding-left: 12px;
	border-left: 1px solid #eee;
	flex-shrink: 0;
}
.tqwz-date-top {
	display: flex;
	gap: 8px;
	margin-bottom: 2px;
}
.tqwz-date-m-d {
	color: #333;
	font-size: 13px;
	font-weight: 500;
}
.tqwz-date-week { color: #999; }
.tqwz-date-bottom {
	display: flex;
	gap: 8px;
}
.tqwz-date-lunar { color: #666; }
.tqwz-date-yi { color: #19be6b; }
.tqwz-topinfo-right {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 6px;
}
.tqwz-quick-links {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 12px;
}
.tqwz-quick-links a { color: #666; }
.tqwz-quick-links a:hover { color: #4e6ef2; }
.tqwz-dropdown {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	color: #666;
	cursor: pointer;
}
.tqwz-dropdown:hover { color: #4e6ef2; }
.tqwz-dropdown-arrow {
	font-size: 10px;
	color: #999;
}
.tqwz-user-bar {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 12px;
}
.tqwz-user-bar a { color: #666; }
.tqwz-user-bar a:hover { color: #4e6ef2; }
.tqwz-set-home {
	background: #fff;
	color: #f50 !important;
	border: 1px solid #f50;
	padding: 3px 12px;
	border-radius: 3px;
	font-size: 12px;
}
.tqwz-set-home:hover {
	background: #f50;
	color: #fff !important;
}

.tqwz-search-section {
	background: #fff;
	padding: 20px 0 16px;
}
.tqwz-search-section-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
	display: flex;
	align-items: flex-start;
	gap: 20px;
}
.tqwz-search-logo {
	flex-shrink: 0;
	padding-top: 8px;
}
.tqwz-search-logo a {
	font-size: 36px;
	font-weight: bold;
	text-decoration: none;
}
.tqwz-baidu-red { color: #2932e1; }
.tqwz-baidu-blue { color: #f50; }
.tqwz-search-main {
	flex: 1;
	min-width: 0;
}
.tqwz-bigsearch { width: 100%; }
.tqwz-bigsearch-box {
	display: flex;
	width: 100%;
	height: 42px;
	border: 2px solid #4e6ef2;
	border-radius: 8px 0 0 8px;
	overflow: hidden;
	background: #fff;
}
.tqwz-bigsearch-input {
	flex: 1;
	height: 100%;
	border: 0;
	padding: 0 16px;
	font-size: 16px;
	background: transparent;
}
.tqwz-hot-dropdown {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 0 12px;
	border-left: 1px solid #e5e5e5;
	cursor: pointer;
	color: #333;
	font-size: 14px;
	flex-shrink: 0;
}
.tqwz-hot-text {
	font-weight: bold;
}
.tqwz-hot-arrow {
	font-size: 10px;
	color: #999;
}
.tqwz-bigsearch-btn {
	height: 100%;
	border: 0;
	background: #4e6ef2;
	color: #fff;
	padding: 0 28px;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	border-radius: 0 6px 6px 0;
	flex-shrink: 0;
}
.tqwz-bigsearch-btn:hover { background: #3d5bdb; }
.tqwz-hotwords {
	margin-top: 10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 16px;
	font-size: 13px;
}
.tqwz-hotword-item {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #666;
	white-space: nowrap;
}
.tqwz-hotword-item:hover { color: #4e6ef2; }
.tqwz-hotword-icon {
	width: 18px;
	height: 18px;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	background: #f5f5f5;
}
.tqwz-hotword-ai { background: #e8f4ff; }
.tqwz-hotword-taobao { background: #fff1f0; }
.tqwz-hotword-jd { background: #fff5e6; }
.tqwz-hotword-red {
	background: #ed3f14;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}
.tqwz-hotword-hot { color: #ed3f14; }
.tqwz-hotword-more {
	color: #666;
}
.tqwz-hot-arrow {
	font-size: 10px;
	color: #999;
	margin-left: 2px;
}
.tqwz-search-right {
	width: 220px;
	flex-shrink: 0;
	padding-top: 8px;
}
.tqwz-right-news {
	font-size: 13px;
	color: #666;
}
.tqwz-right-news p {
	line-height: 1.8;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tqwz-news-dot {
	color: #ccc;
	margin-right: 6px;
	font-size: 10px;
}
.tqwz-right-news p:hover { color: #4e6ef2; cursor: pointer; }

.tqwz-nav {
	background: #fff;
	border-bottom: 1px solid #eaeaea;
}
.tqwz-nav-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
	display: flex;
	align-items: center;
	height: 40px;
	overflow-x: auto;
}
.tqwz-nav-group {
	display: flex;
	align-items: center;
	padding: 0 12px;
	white-space: nowrap;
}
.tqwz-nav-icon {
	font-size: 16px;
	margin-right: 6px;
}
.tqwz-nav-group a {
	color: #333;
	font-size: 14px;
	padding: 0 6px;
}
.tqwz-nav-group a:hover {
	color: #4e6ef2;
}
.tqwz-nav-sep {
	width: 1px;
	height: 16px;
	background: #eee;
	flex-shrink: 0;
}

.tqwz-recommend {
	background: #fff;
	padding: 16px 0;
	border-bottom: 1px solid #eaeaea;
}
.tqwz-recommend-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
}
.tqwz-recommend-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
}
.tqwz-recommend-item {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 12.5%;
	padding: 10px 12px;
	border-radius: 4px;
	transition: background 0.15s;
	text-decoration: none;
	box-sizing: border-box;
}
.tqwz-recommend-item:hover {
	background: #f5f8ff;
}
.tqwz-recommend-icon {
	width: 24px;
	height: 24px;
	border-radius: 4px;
	flex-shrink: 0;
	object-fit: cover;
}
.tqwz-recommend-name {
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1;
}
.tqwz-recommend-item:hover .tqwz-recommend-name {
	color: #4e6ef2;
}
.tqwz-recommend-add {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f5f5f5;
	border-radius: 50%;
	text-decoration: none;
	transition: all 0.15s;
}
.tqwz-recommend-add:hover {
	background: #4e6ef2;
}
.tqwz-recommend-add-icon {
	font-size: 20px;
	color: #999;
	font-weight: 300;
	line-height: 1;
}
.tqwz-recommend-add:hover .tqwz-recommend-add-icon {
	color: #fff;
}

.tqwz-logo-img {
	height: 48px;
	max-width: 200px;
	object-fit: contain;
}

.tqwz-feedback-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 9999;
}
.tqwz-feedback-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 460px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.2);
	z-index: 10000;
}
.tqwz-feedback-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	border-bottom: 1px solid #f0f0f0;
	background: #fafafa;
	border-radius: 8px 8px 0 0;
}
.tqwz-feedback-header h3 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin: 0;
}
.tqwz-feedback-close {
	font-size: 24px;
	color: #999;
	text-decoration: none;
	line-height: 1;
}
.tqwz-feedback-close:hover {
	color: #333;
}
.tqwz-feedback-body {
	padding: 20px;
}
.tqwz-feedback-item {
	margin-bottom: 16px;
}
.tqwz-feedback-item label {
	display: block;
	font-size: 14px;
	color: #333;
	margin-bottom: 8px;
	font-weight: 500;
}
.tqwz-feedback-select {
	width: 100%;
	height: 38px;
	padding: 0 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	background: #fff;
}
.tqwz-feedback-select:focus {
	border-color: #4e6ef2;
	outline: none;
}
.tqwz-feedback-textarea {
	width: 100%;
	min-height: 100px;
	padding: 10px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	resize: vertical;
	font-family: inherit;
}
.tqwz-feedback-textarea:focus {
	border-color: #4e6ef2;
	outline: none;
}
.tqwz-feedback-input {
	width: 100%;
	height: 38px;
	padding: 0 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
}
.tqwz-feedback-input:focus {
	border-color: #4e6ef2;
	outline: none;
}
.tqwz-feedback-submit {
	display: flex;
	gap: 12px;
	justify-content: flex-end;
	margin-top: 20px;
}
.tqwz-feedback-btn-submit {
	background: #4e6ef2;
	color: #fff;
	border: 0;
	padding: 8px 24px;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
}
.tqwz-feedback-btn-submit:hover {
	background: #3d5bdb;
}
.tqwz-feedback-btn-cancel {
	background: #f5f5f5;
	color: #666;
	border: 1px solid #ddd;
	padding: 8px 24px;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
}
.tqwz-feedback-btn-cancel:hover {
	background: #e8e8e8;
}

.tqwz-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
}

.tqwz-topbar {
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	color: #666;
}

.tqwz-topbar-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tqwz-topbar-left,
.tqwz-topbar-right {
	display: flex;
	align-items: center;
}

.tqwz-topbar-left a,
.tqwz-topbar-right a { color: #666; padding: 0 4px; }
.tqwz-topbar-left a:hover,
.tqwz-topbar-right a:hover { color: #4e6ef2; }

.tqwz-user { color: #333; }
.tqwz-user a { color: #4e6ef2; font-weight: bold; }
.tqwz-sep { color: #e5e5e5; margin: 0 4px; }
.tqwz-link { color: #666; }
.tqwz-pay { color: #f5a623; }
.tqwz-pay strong { color: #f5a623; }
.tqwz-pending { color: #f5a623; font-weight: bold; }
.tqwz-add { color: #4e6ef2; font-weight: bold; }

.tqwz-hotsites {
	background: #fff;
	border-radius: 8px;
	padding: 14px 20px;
	margin: 14px 0;
	box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
.tqwz-hotsites-inner {
	display: flex;
	flex-wrap: wrap;
}
.tqwz-hotsite-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 110px;
	padding: 10px 6px;
	border-radius: 8px;
	transition: background 0.15s;
}
.tqwz-hotsite-item:hover { background: #f5f8ff; }
.tqwz-hotsite-icon {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	margin-bottom: 6px;
}
.tqwz-hotsite-name {
	font-size: 14px;
	color: #333;
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tqwz-ad {
	margin: 14px 0;
	text-align: center;
	border-radius: 8px;
	overflow: hidden;
}

.tqwz-category {
	background: #fff;
	border-radius: 8px;
	margin: 14px 0;
	box-shadow: 0 1px 4px rgba(0,0,0,0.04);
	overflow: hidden;
}

.tqwz-category-tabs {
	display: flex;
	align-items: center;
	border-bottom: 2px solid #f0f0f0;
	padding: 0 16px;
	background: #fafbff;
	overflow-x: auto;
}
.tqwz-category-tabs .tqwz-tab {
	padding: 12px 24px;
	font-size: 15px;
	color: #333;
	cursor: pointer;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px;
	white-space: nowrap;
	font-weight: 500;
}
.tqwz-category-tabs .tqwz-tab:hover {
	color: #4e6ef2;
}
.tqwz-category-tabs .tqwz-tab.active {
	color: #4e6ef2;
	border-bottom-color: #4e6ef2;
	font-weight: bold;
	background: #fff;
}

.tqwz-tab-pane {
	display: none;
	padding: 16px 20px;
}
.tqwz-tab-pane.active {
	display: block;
}

.tqwz-main {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}
.tqwz-main-left,
.tqwz-main-right { flex: 1; min-width: 0; }

.tqwz-catblock {
	margin-bottom: 16px;
}
.tqwz-catblock:last-child { margin-bottom: 0; }

.tqwz-catblock-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 8px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f0f0f0;
}
.tqwz-catblock-title {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	display: flex;
	align-items: center;
}
.tqwz-cat-icon {
	width: 18px;
	height: 18px;
	margin-right: 6px;
	border-radius: 4px;
}
.tqwz-catblock-title a { color: #333; }
.tqwz-catblock-title a:hover { color: #4e6ef2; }
.tqwz-more {
	color: #999;
	font-size: 12px;
	font-weight: normal;
}
.tqwz-more:hover { color: #4e6ef2; }

.tqwz-sitelist {
	display: flex;
	flex-wrap: wrap;
}
.tqwz-siteitem {
	width: 25%;
	padding: 6px 8px;
	display: flex;
	align-items: center;
	border-radius: 4px;
	transition: background 0.15s;
}
.tqwz-siteitem:hover { background: #f5f8ff; }
.tqwz-siteitem .tqwz-favicon {
	width: 16px;
	height: 16px;
	margin-right: 6px;
	border-radius: 3px;
}
.tqwz-siteitem > a {
	color: #333;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1;
}
.tqwz-siteitem > a:hover { color: #4e6ef2; }
.tqwz-edit,
.tqwz-del {
	font-size: 12px;
	margin-left: 6px;
	padding: 0 4px;
}
.tqwz-edit { color: #4e6ef2; }
.tqwz-del { color: #ed3f14; }

.tqwz-favicon {
	width: 16px;
	height: 16px;
	border-radius: 3px;
}

.tqwz-morewrap {
	background: #fff;
	border-radius: 8px;
	padding: 20px;
	margin: 14px 0;
	box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
.tqwz-more-head {
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 12px;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.tqwz-page-title {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	display: flex;
	align-items: center;
}
.tqwz-page-title .tqwz-cat-icon {
	width: 22px;
	height: 22px;
	margin-right: 8px;
}
.tqwz-more-switch { margin-left: auto; }
.tqwz-switch-btn {
	display: inline-block;
	padding: 4px 14px;
	border: 1px solid #ddd;
	color: #666;
	font-size: 13px;
	background: #fff;
	cursor: pointer;
}
.tqwz-switch-btn:first-child { border-radius: 4px 0 0 4px; }
.tqwz-switch-btn:last-child { border-radius: 0 4px 4px 0; border-left: 0; }
.tqwz-switch-btn.active {
	background: #4e6ef2;
	border-color: #4e6ef2;
	color: #fff;
}
.tqwz-more-desc {
	color: #999;
	font-size: 13px;
	margin: -8px 0 12px;
}

.tqwz-logolist { margin-top: 10px; }
.tqwz-logo-grid {
	display: flex;
	flex-wrap: wrap;
}
.tqwz-logo-item {
	width: 110px;
	padding: 12px 6px;
	text-align: center;
	border-radius: 6px;
	transition: background 0.15s;
}
.tqwz-logo-item:hover { background: #f5f8ff; }
.tqwz-logo-img {
	width: 48px;
	height: 48px;
	border-radius: 10px;
	margin-bottom: 6px;
}
.tqwz-logo-name {
	display: block;
	font-size: 12px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tqwz-logo-op {
	margin-top: 4px;
	font-size: 12px;
}
.tqwz-logo-op a { margin: 0 2px; }
.tqwz-logo-page { margin-top: 15px; }

.tqwz-sitelist-big .tqwz-siteitem { width: 20%; }

.tqwz-formwrap {
	background: #fff;
	border-radius: 8px;
	padding: 20px 25px;
	margin: 14px 0;
	box-shadow: 0 1px 4px rgba(0,0,0,0.04);
	max-width: 720px;
}
.tqwz-form-title {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 2px solid #4e6ef2;
}
.tqwz-form { width: 100%; }
.tqwz-formtable { width: 100%; border-collapse: collapse; }
.tqwz-formtable th {
	text-align: right;
	width: 130px;
	padding: 10px 12px 10px 0;
	color: #555;
	font-weight: normal;
	vertical-align: middle;
}
.tqwz-formtable td {
	padding: 10px 0;
	vertical-align: middle;
}
.tqwz-input {
	height: 34px;
	width: 100%;
	padding: 6px 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	background: #fff;
}
.tqwz-input:focus { border-color: #4e6ef2; }
.tqwz-input-sm { width: 100px; }
.tqwz-color-input { width: 130px; }
.tqwz-select {
	height: 34px;
	padding: 6px 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	font-size: 14px;
}
.tqwz-select:focus { border-color: #4e6ef2; }
.tqwz-select-sm { width: auto; min-width: 100px; }
.tqwz-textarea {
	width: 100%;
	min-height: 80px;
	padding: 8px 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	resize: vertical;
	font-family: inherit;
}
.tqwz-textarea:focus { border-color: #4e6ef2; }
.tqwz-radio,
.tqwz-checkbox {
	display: inline-block;
	margin-right: 14px;
	cursor: pointer;
}
.tqwz-radio input,
.tqwz-checkbox input { margin-right: 4px; vertical-align: middle; }
.tqwz-file { font-size: 13px; }
.tqwz-color-picker {
	width: 36px;
	height: 34px;
	padding: 2px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	cursor: pointer;
	vertical-align: middle;
}
.tqwz-preview-box {
	display: inline-block;
	padding: 6px 18px;
	border: 1px dashed #ccc;
	border-radius: 4px;
	background: #fff;
	font-size: 14px;
}
.tqwz-logo-preview {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
.tqwz-icon-preview,
.tqwz-logo-preview img {
	width: 40px;
	height: 40px;
	border-radius: 6px;
	border: 1px solid #eee;
}

.tqwz-btn {
	display: inline-block;
	background: #4e6ef2;
	color: #fff;
	border: 0;
	border-radius: 4px;
	padding: 6px 18px;
	font-size: 14px;
	cursor: pointer;
	line-height: 1.5;
	text-align: center;
	vertical-align: middle;
	transition: background 0.15s;
}
.tqwz-btn:hover { background: #3d5bdb; color: #fff; }
.tqwz-btn-primary { background: #4e6ef2; }
.tqwz-btn-primary:hover { background: #3d5bdb; }
.tqwz-btn-success { background: #19be6b; }
.tqwz-btn-success:hover { background: #138a50; }
.tqwz-btn-warning { background: #ff9900; }
.tqwz-btn-warning:hover { background: #cc7a00; }
.tqwz-btn-danger { background: #ed3f14; }
.tqwz-btn-danger:hover { background: #c93010; }
.tqwz-btn-default {
	background: #f5f5f5;
	color: #333;
	border: 1px solid #ddd;
}
.tqwz-btn-default:hover { background: #e8e8e8; color: #333; }
.tqwz-btn[disabled] {
	background: #c5c8ce !important;
	color: #fff !important;
	cursor: not-allowed;
}
.tqwz-btn-sm {
	display: inline-block;
	padding: 3px 10px;
	font-size: 12px;
	border-radius: 3px;
	color: #fff;
}
.tqwz-btn-edit {
	background: #4e6ef2;
	color: #fff;
}
.tqwz-btn-edit:hover { background: #3d5bdb; color: #fff; }
.tqwz-btn-del {
	background: #ed3f14;
	color: #fff;
}
.tqwz-btn-del:hover { background: #c93010; color: #fff; }
.tqwz-btn-add { margin-left: auto; }

.tqwz-adminwrap {
	background: #fff;
	border-radius: 8px;
	padding: 20px;
	margin: 14px 0;
	box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
.tqwz-admin-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 12px;
	margin-bottom: 15px;
}
.tqwz-search-bar { display: flex; align-items: center; }
.tqwz-searchform {
	display: flex;
	gap: 8px;
	align-items: center;
}
.tqwz-input-search { width: 220px; height: 32px; }

.tqwz-tablewrap { overflow-x: auto; }
.tqwz-table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	font-size: 13px;
}
.tqwz-table th,
.tqwz-table td {
	padding: 10px 12px;
	border-bottom: 1px solid #eee;
	text-align: left;
}
.tqwz-table th {
	background: #f5f8ff;
	color: #333;
	font-weight: bold;
}
.tqwz-table tr:hover td { background: #fafcff; }
.tqwz-table .col-check { width: 40px; text-align: center; }
.tqwz-table .col-name { min-width: 140px; }
.tqwz-table .col-title { min-width: 160px; }
.tqwz-table .col-pos { width: 100px; }
.tqwz-table .col-order { width: 80px; }
.tqwz-table .col-op { width: 120px; }
.tqwz-mini-favicon {
	width: 16px;
	height: 16px;
	border-radius: 2px;
	margin-right: 5px;
	vertical-align: middle;
}
.tqwz-table-user .col-op { width: 140px; }

.tqwz-tag {
	display: inline-block;
	padding: 2px 8px;
	font-size: 12px;
	border-radius: 3px;
	background: #f5f5f5;
	color: #666;
}
.tqwz-tag-success { background: #e8f8f0; color: #19be6b; }
.tqwz-tag-warning { background: #fff7e6; color: #ff9900; }
.tqwz-tag-danger { background: #fdecea; color: #ed3f14; }
.tqwz-tag-info { background: #e6f0ff; color: #4e6ef2; }

.tqwz-empty {
	text-align: center;
	color: #999;
	padding: 30px 0 !important;
}

.tqwz-batchform { width: 100%; }
.tqwz-batch-bar {
	margin-top: 12px;
	padding: 10px;
	background: #f5f8ff;
	border-radius: 4px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}
.tqwz-batch-label { color: #555; font-size: 13px; margin-right: 6px; }

.tqwz-userwrap {
	background: #fff;
	border-radius: 8px;
	padding: 20px;
	margin: 14px 0;
	box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
.tqwz-user-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 12px;
	margin-bottom: 15px;
}
.tqwz-tabs {
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 15px;
}
.tqwz-tabs .tqwz-tab {
	display: inline-block;
	padding: 8px 18px;
	color: #666;
	font-size: 14px;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	cursor: pointer;
}
.tqwz-tabs .tqwz-tab:hover { color: #4e6ef2; }
.tqwz-tabs .tqwz-tab.active {
	color: #4e6ef2;
	border-bottom-color: #4e6ef2;
	font-weight: bold;
}

.tqwz-confirmwrap {
	background: #fff;
	border-radius: 8px;
	padding: 20px 25px;
	margin: 14px 0;
	box-shadow: 0 1px 4px rgba(0,0,0,0.04);
	max-width: 600px;
}
.tqwz-confirm-box {
	margin-top: 15px;
}
.tqwz-confirm-info {
	background: #f5f8ff;
	border-radius: 6px;
	padding: 15px 20px;
	margin-bottom: 15px;
}
.tqwz-confirm-row {
	display: flex;
	justify-content: space-between;
	padding: 6px 0;
	border-bottom: 1px dashed #e0e8f0;
}
.tqwz-confirm-row:last-child { border-bottom: 0; }
.tqwz-confirm-label { color: #666; }
.tqwz-confirm-value { color: #333; font-weight: bold; }
.tqwz-cost { color: #ed3f14; }
.tqwz-confirm-warn {
	color: #ed3f14;
	background: #fdecea;
	padding: 8px 12px;
	border-radius: 4px;
	margin-bottom: 12px;
	font-size: 13px;
}
.tqwz-confirm-form,
.tqwz-colorform { margin-top: 15px; }
.tqwz-colorform .tqwz-formtable th { width: 100px; }

.tqwz-pagination {
	text-align: center;
	padding: 15px 0;
	font-size: 13px;
}
.tqwz-pagination a,
.tqwz-pagination span {
	display: inline-block;
	min-width: 32px;
	height: 32px;
	line-height: 30px;
	padding: 0 10px;
	margin: 0 2px;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #333;
	background: #fff;
}
.tqwz-pagination a:hover {
	border-color: #4e6ef2;
	color: #4e6ef2;
}
.tqwz-pagination .current {
	background: #4e6ef2;
	color: #fff;
	border-color: #4e6ef2;
}

@media (max-width: 1024px) {
	.tqwz-siteitem { width: 33.33%; }
	.tqwz-sitelist-big .tqwz-siteitem { width: 25%; }
}

@media (max-width: 768px) {
	.tqwz-topbar-left .tqwz-link,
	.tqwz-topbar-left .tqwz-sep { display: none; }
	.tqwz-topbar-left .tqwz-add { display: inline; }
	.tqwz-header-inner { flex-direction: column; gap: 16px; }
	.tqwz-search-wrap { width: 100%; }
	.tqwz-main { flex-direction: column; }
	.tqwz-bigsearch-box { width: 100%; }
	.tqwz-siteitem,
	.tqwz-sitelist-big .tqwz-siteitem { width: 50%; }
	.tqwz-logo-item { width: 33.33%; }
	.tqwz-formtable th { width: 90px; font-size: 13px; }
	.tqwz-input-search { width: 140px; }
	.tqwz-hotsite-item { width: 33.33%; }
}