body, p { margin: 0; padding: 0;}

body {
  font: normal 14px/1.6 "Segoe UI", "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

img, input, label {
	vertical-align: middle;
}

a:link, a:visited {
	text-decoration: none;
	color: #111;
}

a:hover {
	text-decoration: underline;
	color: #F70000;
}

#main {
	width: 100%;
}

#container, .top, .center {
	width: 1190px;
	margin: 0 auto;
}

#header {
	margin-bottom: 3px;
}

#aside {
	float: left;
	width: 270px;
}

#content {
	width: 910px;
	float: right;
}

.top {
	height: 80px; 
}

.top-content {
	display: flex;
	align-items: center;
	height: 100%;
}

.top-left {
	width: 320px;
}

.top-center {
	width: 575px;
               text-align: right; 
}

.showtime {
   font-size: 13px;
    color: #666;
    display: inline-block;
}

.showtime:hover {
	text-decoration: underline;
}

/* 编辑按钮样式 */
.top-right {
    width: auto; /* 改为自动宽度 */
    text-align: right;
    margin-left: auto; /* 自动外边距使其靠右 */
    padding-right: 3px; /* 可选的右边距 */
    position: relative;
    display: inline-block;
    margin-left: 13px;
}

.top-right-edit {
    background-color: #fff;
    border: 1px solid #DADADA;
    border-radius: 4px;
    padding: 2px 12px;
    cursor: pointer;
    font-size: 13px;
    color: #666;
    transition: all 0.3s ease;
}

.top-right-edit:hover, .top-right-reset:hover {
         text-decoration: underline;
         color: #277C05;
}

.logo {
	width: 270px;
margin-right: 38px;
}

/* 邮箱登录按钮样式 */
.email-login-container {
    position: relative;
    display: inline-block;
    margin-left: 13px;
}

.email-login-container:hover  .email-dropdown {
    display: block;
}

.email-login-btn {
    background-color: #fff;
    border: 1px solid #DADADA;
    border-radius: 4px;
    padding: 3px 12px;
    cursor: pointer;
    font-size: 13px;
    color: #666;
    transition: all 0.3s ease;
}

.email-login-btn:hover {
	text-decoration: underline;
}

/* 邮箱下拉菜单样式 */
.email-dropdown {
    display: none; /* 默认隐藏 */
    position: absolute; /* 绝对定位相对于父元素 */
    background-color: #f9f9f9; /* 背景颜色 */
    min-width: 70px; /* 最小宽度，可根据需要调整 */
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); /* 阴影效果 */
    z-index: 1000; /* 确保下拉菜单在最上层 */
    padding: 0;
    margin: 0;
    list-style: none;
    top: 100%; /* 下拉菜单出现在父元素的下方 */
    left: 0;
    transition: all 0.3s ease;
    border-radius: 6px;
}

.email-dropdown li {
    margin: 0;
    padding: 0;
}

.email-dropdown li a {
    display: block;
    padding: 3px 15px;
    color: #333;
    text-decoration: none;
    font-size: 13px;
    white-space: nowrap;
    transition: background-color 0.2s;
}

.email-dropdown li a:hover {
    background-color: #f5f5f5;
    color: #F70000;
    text-decoration: none;
}

.box_outer {
	border: 1px solid #6EBE29;
                border-radius: 3px;
	padding: 2px;
	background-color: #E7F4D2;
	zoom: 1;
}

.box_inner {
	background-color: #F9FEF1;
	padding: 5px 0 14px 12px;
}
 

#content .box_outer {
	border: 2px solid #6BB929;
	background-color: #FCFCF7;
	padding: 0;
}

.middle {
	height: 19px;
	line-height: 19px;
	font-size: 12px;
}

.bg1 {
	background: #FCFCF7;
}

.bg2 {
	background: #F5FBEC;
}

.sort a {
	margin-left: 20px;
	zoom: 1;
}

.bottom {
	margin-top: 8px;
}

a.toolsbar {
	color: #296203;
	zoom: 1;
}

a.toolstext {
	color: #505050;
	zoom: 1;
}

.bottom .box_inner {
	padding: 8px 16px 8px 20px;
}

.bottom p {
	font-size: 13px;
	line-height: 30px;
}

.bottom .tool a {
	margin-left: 15px;
}

.bottom .pa1 b a, .bottom .pa2 b a, .bottom .pa3 b a {
	margin: 0;
}

#footer {
	width: 1190px;
	height: 25px;
	line-height: 25px;
	font-size: 13px;
	margin: 6px auto;
	color: #505050;
}

#footer .left {
	float: left;
	text-align: left;
}

#footer .right {
	text-align: right;
}

#footer a {
	color:#505050; 
	zoom:1;
}

#footer .split {
	margin-left: 5px;
	margin-right: 5px;
	color: #ddd;
}


a.f1:link {
	color: #111;
}

a.f2:link {
	color: #111;
}

a.f3:link {
	color: #6F330A;
}

.bottom a:hover, a.f1:hover, a.f2:hover, a.f3:hover {
	color: #F70000;
}
 
/* 新增的div布局样式 */
.usrbar-content {
	display: flex;
	align-items: center;
	height: 22px;
	line-height: 22px;
	position: relative;
}



/* 左侧布局样式 */
.category-section {
	margin-bottom: 13px;
}

.category-section:last-child {
	margin-bottom: 0;
}

.category-header {
	text-align: left;
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	font-weight: 600;
	position: relative;
}

.category-links {
	display: flex;
	flex-wrap: wrap;
}

.category-links .link-row {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
}

.link-item {
	flex: 0 0 calc(33.333% - 10px);
	min-width: calc(33.333% - 10px);
	height: 30px;
	line-height: 30px;
	text-align: left;
	margin-bottom: 5px; 
	margin-right: 10px;
	font-size: 14px;
	position: relative;
}

.link-item:nth-child(3n) {
	margin-right: 0;
}

/* 名站布局样式 background-color: #F9FEF1;*/
.hot-links {
	
	width: 100%;
	height: 100%;
	font-size: 15px;
	padding: 6px 0;
}

.hot-row {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	height: auto;
	line-height: 30px;
}

.hot-item {
	flex: 0 0 calc(16.666% - 10px);
	min-width: calc(16.666% - 10px);
	text-align: center;
	margin-bottom: 5px;
	margin-right: 10px;
	position: relative;
}

.hot-item:nth-child(6n) {
	margin-right: 0;
}

/* 分类布局样式 */
.sort-content {
	width: 100%;
	height: 100%;
	text-align: center;
    padding: 2px 0;
}

.sort-row {
	display: flex;
	flex-wrap: wrap;
	height: auto;
	min-height: 30px;
	line-height: 30px;
	font-size: 13px;
	position: relative;
}

.sort-header {
	width: 60px;
	text-align: center;
	align-self: flex-start;
	position: relative; 
}

.sort-links {
	flex: 1;
	text-align: left;
 	display: flex;
	flex-wrap: wrap;
}

.sort-links.s_widen {
	padding-left: 28px;
}

.sort-more {
	width: 60px;
	text-align: center;
	align-self: flex-start;
}

/* 固定每行显示7个位置 */
.sort-links-links {
	flex: 0 0 calc(14.2% - 20px);
	min-width: calc(14.2% - 20px);
	margin-left: 12px;
	margin-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}



/* 中间广告区域样式 */
.ads1 {
	margin-left: 15px; 
	margin-right: 15px;
}

/* 编辑模式下的容器偏移 */
#app.edit-mode-active {
	padding-top: 40px; /* 为编辑工具栏留出空间 */
}

/* 只有在编辑模式且工具栏显示时才添加margin-top */
body:not(.edit-toolbar-hidden) .edit-mode #container {
	margin-top: 10px;
}