@charset "utf-8";

html {
  font-size: 62.5%; /* 基准10px = 1rem */
  overflow-y: scroll; /* 统一现代浏览器 */
}

body {
  font: normal 1.4rem/1.5 Arial, sans-serif; /* 合并复合属性 */
  background: #eee;
  /* 移除所有重复的font-size定义 */
}

/* 全局重置优化 */
* {
  margin: 0;
  padding: 0;
  font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  font-weight: 500;
}

a {
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease;   /* 添加过渡效果 */
}

a:visited { color: #551a8b; }    /* 访问后状态 */

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

 /*a:active { color: #ff4d4d; }      /* 点击状态 */

img {
	border:none
}
ul li {
	text-align:center;
	list-style:none
}
@font-face {
	font-family:"iconfont";
	src:url('fonts/iconfont.woff2') format('woff2'),url('fonts/iconfont.woff')format('woff'),url('fonts/iconfont.ttf') format('truetype');
}
.iconfont {
	font-family:"iconfont" !important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.line {
	clear:both;
	display:block;
	margin:6px 0;
	height:4px;
	overflow:hidden
}
p a:hover,span a:hover {
	color:#F00
}
.kill {
	height:0px;
	overflow:hidden;
	display:block;
	clear:both
}
.sp04 {
	height:0px
}
.sp10 {
	height:9px
}
.sp11 {
	height:10px
}
.fleft {
	float:left
}
.fright {
	float:right
}
.twoline {
	border-width:0px 0 0px 0;
	border-color:#ddd;
	border-style:solid;
	height:0px;
	overflow:hidden
}
.twoline1 {
	width:1300px;
	margin:0 auto;
	border-bottom:0px solid #fff;
	height:0
}
.twoline2 {
	background:#fff
}
.twoline3 {
	margin:0 auto;
	border-bottom:0px solid #fff;
	height:0
}
#weather {
	width:560px;
	height:31px;
	overflow:hidden;
	background:none
}
#ly {
	margin:0 auto 15px;
	width:1300px;
	position:relative;
	z-index:2
}
#ly #tab {
	height:27px;
	position:absolute;
	top:-14px;
	right:80px;
	width:240px;
	z-index:10;
	border-right:1px solid #3382E1;
	overflow:hidden
}
#ly #tab b {
	border:1px solid #3382E1;
	border-right:none;
	background:#87B6EF;
	width:128px;
	height:25px;
	overflow:hidden;
	float:left;
	display:block;
	text-align:center
}
#ly #tab b.tabuser {
	width:110px
}
#ly #tab b a {
	font:normal 14px/25px arial;
	display:block;
	text-decoration:none
}
.moucuo-title,.moucuo-title h1 {
	font-size:15px;
	line-height:22px;
	text-indent:13px;
	margin:0 0 20px 0;
	font-weight:bold;
	color:#cdcdcd;
	font-weight:normal
}
.moucuo-title a {
	color:#ababab;
	font-weight:bold;
	text-decoration:none;
	padding:0 4px
}
/* 悬浮弹窗样式，不影响你原有布局 */
.hover-popup {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 6px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.15);
  padding: 10px 12px;
  z-index: 9999;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  display: none;
  border: 1px solid #eee;
}
#dateHoverWrap, #weatherHoverWrap {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
#dateHoverWrap:hover #calendarPopup,
#weatherHoverWrap:hover #weatherPopup {
  display: block;
}
/* 只作用于banner-wrapper，不影响其他div */
.moucuo-banner {border-bottom: 1px solid #aaaaaa4f;}
.moucuo-banner .banner-wrapper {
    width: 1300px;
    margin: 0 auto;
    height: 28px;
    position: relative;
    padding: 0;
}
.moucuo-banner-shadow {
	height:30px;
	width:1300px;
	background:url() no-repeat center -5px
}
.banleft#package {
	float:left;
	overflow:hidden;
	height:24px;
	line-height: 30px;
	padding:0px 0 0 20px;
	position:relative
}
.banleft#package span {
	
	height:28px;
	font:normal 14px/25px "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
	text-align:left
}
.banleft#package span#nongli {
	height:14px;
	line-height:14px;
	padding:0 0 0 5px
}
.banleft#package span#nongli b {
	font-weight:normal
}
.banleft#package span#nongli b b {
	font-weight:bold
}
.banleft#package span#nongli a {
	color:#454545
}
.banleft#package a:hover {
	text-decoration:none
}
.banleft#package span b {
	cursor:pointer;
	color:#454545
}
.banleft#package a#togicon {
	display:block;
	height:16px;
	width:16px;
	background:url(/images/moucuobg.gif) no-repeat -70px -64px;
	cursor:pointer;
	left:0;
	top:7px;
	position:absolute
}
.banleft#package a#togicon:hover {
	background-position:-70px -82px
}
.banright {
	float:right;
	color:#ddd;
	margin:2px
}
.banright a {
	padding:0 5px;
	cursor:pointer;
	color:#454545
}
.banright a:hover {
	text-decoration:none;
	color:#ff0000
}
.banright a#sethome {
	padding:0 7px 0 0
}
a#sethome:hover {
	color:#000
}
a#sethome span {
	visibility:hidden;
	font-family:'Microsoft YaHei'
}
a#sethome:hover span {
	visibility:visible;
	color:#ff0000
}
#style {
	background:#eee0;
	height:0px;
	overflow:hidden;
	border-bottom:1px solid #aaaaaa4f
}
#instyle {
	width:1300px;
	margin:0 auto;
	padding:20px 0 0 90px;
	font-size:14px
}
#instyle b {
	display:block;
	float:left;
	width:68px;
	height:50px;
	font:normal 15px/30px verdana
}
#instyle p {
	float:left;
	width:1120px;
	font:normal 15px/30px verdana
}
#instyle p a,#instyle p span {
	display:block;
	float:left;
	margin:0 0 0 35px;
	cursor:pointer;
}
#instyle.stycolor {
	height:20px
}
#instyle.stybg {
	height:40px
}
#instyle p.stybtn {
	padding:0 0 0 35%;
	width:500px;
	margin:16px 0 0 0
}
#instyle p.stybtn input {
	font:normal 14px/26px verdana;
	width:61px;
	display:block;
	margin:0px 30px;
	cursor:pointer;
	background:url(../images/userbtn.gif) no-repeat 0 0;
	border:none;
	float:left;
	height:26px
}

.moucuo-top {
	height:144px;
	width:1300px;
	margin:0 auto
}
.moucuo-logo {
	float:left;
	height:103px;
	width:400px
}
.moucuo-logo a.limga {
	height:103px;
	display:block;
	width:403px;
	position:relative;
	cursor:pointer
}
.moucuo-logo a span {
	position:absolute;
	top:0;
	left:340px;
	width:47px;
	height:23px;
	display:block;
	opacity:0;
	background:url(/images/moucuobg.gif) no-repeat -585px 0;
	filter:alpha(opacity=0);
	z-index:999
}
.moucuo-logo a.lwba {
	position:relative;
	width:24px;
	height:20px;
	background:url(/images/moucuobg.gif) no-repeat -286px -36px;
	top:-46px;
	left:224px;
	display:none
}
.moucuo-logo a span {
	display:none
}
.moucuo-logo a:hover span {
	filter:alpha(opacity=100)
}
.moucuo-logo a:hover span {
	display:block
}
#search {
	width:576px;
	float:left;
	padding:11px 0 0 0;
	background:url(../images/searchshadow.png) no-repeat 0 71px
}
#search #sbimg {
	float:left;
	width:160px;
	height:90px;
	display:none
}
#search #sbmclass {
	height:26px;
	overflow:hidden;
	margin-bottom:-1px;
	position:relative;
	z-index:1001
}
#search #sbmclass ul {
	padding:0px 0px 0px 32px
}
#search #sbmclass li {
	float:left;
	width:61px
}
#search #sbmclass li a {
	font-size:14px;
	color:#101010;
	cursor:pointer;
	padding:2px 0 0 1px;
	display:block;
	height:22px;
	line-height:20px
}
#search #sbmclass li a.cur {
	text-decoration:none;
	height:23px;
	font:normal 16px/20px verdana;
	padding-top:1px;
	color:#000
}
#search #sbmain {
	position:relative;
	z-index:1990
}
#search #sbmain #sbse {
	padding:1px 0 0 1px;
	height:35px;
	width:524px;
	position:relative
}
#search #sbmain #sbse span {
	display:block;
	float:left;
	overflow:hidden
}
#search #sbmain #sbse span.sbsetext {
	height:32px;
	width:424px;
	position:relative
}
#search #sbmain #sbse span.sbsetext .se_text {
	position:absolute;
	width:416px;
	font-size:14px;
	letter-spacing:1px;
	outline:none;
	padding:1px 0 0 8px;
	height:32px;
	line-height:32px;
	color:#000;
	border:0;
	background:#fff
}
#search #sbmain #sbse span .se_button {
	width:96px;
	height:34px;
	line-height:34px;
	text-align:center;
	font-size:14px;
	color:#000;
	cursor:pointer;
	margin:1px 0 0 1px;
}

#search #sbmain #shtnews {
	position:absolute;
	left:391px;
	top:29px;
	width:34px;
	height:28px;
	cursor:pointer;
	background:#aaa;
	z-index:1002;
	background:url(/images/moucuobg.gif) no-repeat 4px -70px;
	_display:none
}
#search #sbmain #hotso {
	position:absolute;
	left:0;
	top:36px;
	border:1px solid #399957;
	padding:0;
	z-index:9999;
	width:523px;
	display:none;
	background:#fff
}
#search #sbmain #hotso ul li {
	text-align:left
}
#search #sbmain #hotso li:hover {
	color:#4e71f2;
	background:#F0F0F0
}
#search #sbmain #hotso .li1 {
	text-indent:6px;
	padding:3px;
	font-size:14px;
}
#search #sbmain #hotnews {
	position:absolute;
	left:0;
	top:61px;
	border:1px solid #666;
	padding:2px 2px 3px;
	z-index:9999;
	width:424px;
	display:none;
	background:#fff
}
#search #sbmain #hotnews ul li {
	text-align:left
}
#search #sbmain #hotnews ul li a {
	display:block;
	font:normal 14px/26px verdana;
	cursor:pointer;
	color:#000;
	height:26px;
	overflow:hidden;
	padding:0 0 0 34px
}
#search #sbmain #hotnews ul li a:hover {
	text-decoration:none;
	color:#e00
}
#search #sbmain #hotnews span {
	position:absolute;
	width:20px;
	height:260px;
	left:10px;
	top:7px;
	float:left;
	display:block;
	background:url(/images/moucuobg.gif) no-repeat -39px -170px
}
#search #sbmain #hotnews b {
	position:absolute;
	width:100px;
	height:27px;
	background:url(/images/moucuobg.gif) no-repeat -72px -420px;
	right:17px;
	top:156px
}
#search #sbmain #sbmkeys {
	padding:6px 0 0 35px;
	height:27px;
	line-height:20px
}
#search #sbmain #sbmkeys input {
	margin:3px 1px 0 0;
	position:relative;
	left:-10px;
	top:1px
}
#search #sbmain #sbmkeys label {
	padding:0 12px 0 0;
	font-size:14px
}
#shine {
	width:324px;
	height:30px;
	overflow:hidden;
	float:left;
	margin:41px 0 0 0
}
#shine ul li {
	height:30px;
	font:normal 14px/30px verdana;
	text-align:left
}
#shine ul li a {
	text-decoration:none
}
b.lico-tool {
	background-position:-88px -171px
}
b.lico-tv {
	background-position:-88px -200px
}
b.lico-music {
	background-position:-88px -288px
}
b.lico-game {
	background-position:-88px -353px
}
b.lico-live {
	background-position:-88px -414px
}
b.lico-mall {
	background-position:-88px -383px
}
#left {
	float:left;
	color:#ddd;
	margin:0 9px 0 0
}

/* 父容器设置为弹性布局 */
#left dl.mainclass {
  display: flex;
  justify-content: space-evenly;/* 元素均匀分布 */
  align-items: center; /* 垂直居中 */
  flex-wrap: wrap; /* 允许换行 */
  height: auto; /* 高度自适应 */
  margin: 13px -17px;
}

/* 调整链接间距 */
#left dl.mainclass > * {
  margin: 0 8px; /* 水平间距 */
  line-height: 1.8; /* 行高 */
}

/* 响应式调整 */
@media (max-width: 768px) {
  #left dl.mainclass {
    flex-direction: column;
    align-items: flex-start;
  }
}
#left dl.mainclass dt {
	}#left dl.mainclass dt b {
	background-image:url(/images/moucuobg.gif);
	background-repeat:no-repeat;
	display:inline-block;
	width:21px;
	height:16px;
	position:relative;
	top:4px
}
#left dl dt {
	float:left;
	font:normal 14px "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
	margin:0 60px 0 0
}
#left dl dt a {
	font-size:14px
}
#left dl dd {
	float:left;
	font:normal 14px "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
}
#left dl dd a {
	font-size:14px
}
#left dl dd a:hover {
	color:#f00;
}
#left p {
	height:28px;
	line-height:28px;
	font-size:14px;
	margin:0 0 0 25px
}
#left p a {
	padding:0 16px 0 5px
}
#left p a:hover {
	color:#FF0000
}
#left #inleft {
	width:339px;
	height:490px;
	padding:11px 0 0 0;
	overflow:hidden;
	position:relative;
	background:#fff
}
#right {
	float:left;
	position:relative;
	z-index:1
}
#right #andbg {
	width:100px;
	height:20px;
	position:absolute;
	top:-1px;
	right:0!important;
	right:-1px;
	display:none
}
#right #inright {
	width:940px;
	height:490px;
	overflow:hidden;
	padding:12px 0 0 0;
	background:#fff
}
#right #inter {
	height:500px;
	width:940px;
	padding:0px 0 0 10px;
	background:none
}
#right .moucuo-title {
	text-indent:29px;
	margin: 0 0 5px;
	line-height:23px
}
#right .line {
	margin:0;
	height:17px
}
#right span {
	display:block;
	float:left;
	width:126px;
	height:35px;
	font:normal 14px/30px verdana;
	padding:0 0 0 38px
}
#right span.listtopsite {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
	position:relative;
	z-index:99;
	font-family:"PingFang SC", "Microsoft YaHei", Arial, sans-serif;
	font-weight:500;
	color:#cdcdcd
}
#right span strong {
	padding:0 5px
}
#m1,#m2,#m3,#m4,#m5,#m6,#m7,#m8,#m9,#m11 {
	text-indent:20px;
	position:absolute;
	display:none;
	width:100px;
	top:27px;
	padding:6px 0 6px;
	left:8px;
	overflow:hidden
}
#m3 {
	padding:6px 0 7px
}
#m9 {
	padding:6px 0 14px
}
#m11 {
	padding:6px 0 4px
}
#m7 {
	padding:6px 0
}
#m7 ol {
	float:left;
	display:block;
	width:75px
}
#m7 iframe {
	float:right;
	width:320px
}
#right #sites {
	padding:0
}
#right #sites span div {
	background:#ffe;
	border:2px solid #F08455;
	box-shadow:1px 1px 3px #ccc;
	-moz-box-shadow:1px 1px 3px #ccc;
	-webkit-box-shadow:1px 1px 3px #EDD5CD
}
#right span.listtopsite div a {
	font-size:14px;
	display:block
}
#right span.listtopsite div#m7 a {
	font-size:14px
}
#right span.icon {
	position:relative
}
#right span.icon em {
	position: absolute;
    left: 4px;
    top: 4px;
    width: 22px;
    height: 22px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background-image: url(/images/ico/1.png);
    background-size: 217px;
}
#right span.icon:hover {transform:translateX(3px)}
.icon em.taobao {
	background-position:-152px 0
}
.icon em.jd {
	background-position:-131px 0
}
.icon em.iqy {
	background-position:-65px -22px
}
.icon em.youku {
	background-position:-109px -22px
}
.icon em.anjuke {
	background-position:-172px -196px
}
.icon em.baidu {
	background-position:-130px -44px
}
.icon em.sina {
	background-position:0px 0px
}
.icon em.renren {
	background-position:0 -64px
}
.icon em.maopu {
	background-position:-180px -110px
}
.icon em.wangyu163 {
	background-position:-153px -87px
}
.icon em.ifeng {
	background-position:-65px -0px
}
.icon em.qq {
	background-position:-44px 0
}
.icon em.dangdang {
	background-position:-44px -151px
}
.icon em.sohu {
	background-position:-131px -87px
}
.icon em.douban {
	background-position:-87px 0
}

.icon em.suning {
	background-position:-196px 0px
}
.icon em.moucuo {
	background-position:-152px -152px
}
.icon em.tudou {
	background-position:-109px -66px
}

.icon em.tmall {
	background-position:-174px 0
}
.icon em.baixing {
	background-position:-109px -196px
}
.icon em.i58 {
	background-position:-152px -44px
}
.icon em.zhihu {
	background-position:-21px 0
}
.icon em.mgtv {
	background-position:-66px -65px
}
.icon em.weixin {
	background-position:-130px -152px
}
.icon em.xigua {
	background-position:-174px -44px
}
.icon em.tianyanca{
	background-position:-22px -110px
}
.icon em.yinhang{
	background-position:-87px -174px
}
.icon em.kugou{
	background-position:-65px -131px
}
.icon em.jiayuan{
	background-position:-1px -22px
}
.icon em.zhiyinmanke{
	background-position:-152px -196px
}
.icon em.xueqiu{
	background-position:-152px -109px
}
.icon em.toutiao{
	background-position:-0px -131px
}
.icon em.ximalaya{
	background-position:-152px -130px
}
.icon em.pangbai{
	background-position:-66px -88px
}
.icon em.cctv{
	background-position:-130px -65px
}
.icon em.xinhua{
	background-position:-44px -196px
}
.icon em.wangyuyinyue{
	background-position:-108px 0
}
.icon em.qqyinyue{
	background-position:-44px -130px
}
.icon em.qianqian{
	background-position:-174px -66px
}
.icon em.bilibili{
	background-position:-86px -23px
}
.icon em.douyin{
	background-position:-65px -196px
}
.icon em.qunaer{
	background-position:-22px -87px
}
.icon em.zhibo8{
	background-position:-195px -65px
}
.icon em.yy{
	background-position:-108px -87px
}
.icon em.douyutv{
	background-position:-152px -22px
}
.icon em.huya{
	background-position:-131px -22px
}
.icon em.AcFun{
	background-position:-86px -65px
}
.icon em.dmzj{
	background-position:-43px -43px
}
.icon em.txdm{
	background-position:-130px -196px
}
.icon em.fliggy{
	background-position:0 -44px
}
.icon em.lvyou{
	background-position:-151px -66px
}
.icon em.ctrip{
	background-position:-87px -43px
}
.icon em.tuniu{
	background-position:-43px -87px
}
.icon em.yiche{
	background-position:-195px -153px
}
.icon em.autohome{
	background-position:-195px -44px
}
.icon em.xcar{
	background-position:-43px -174px
}
.icon em.renrenche{
	background-position:-86px -87px
}
.icon em.guazi{
	background-position:-22px -174px
}
.icon em.jrj{
	background-position:-109px -109px
}
.icon em.pedaily{
	background-position:-130px -108px
}
.icon em.caixin{
	background-position:-86px -109px
}
.icon em.eastmoney{
	background-position:-0px -109px
}
.icon em.huanqiu{
	background-position:-174px -87px
}
.icon em.licancan{
	background-position:-174px -20px
}
#right span a {
	font-size:14px;
	font-style:normal
}
#right span a:hover {
	color:#FF0000
}
#right span a b {
	font-size:14px;
	font-weight:normal
}
#right span a:hover b {
	color:#FF0000
}
#right span.listitle {
	width:88px;
	padding:0 0 0 32px
}
#right span.listitle a {
	color:#9e5c5c;
	font-size:14px
}
#right span.listitle a b {
	padding:0 8px
}
#flink {
	padding:10px 0 0
}
#flink .inflink {
	font-size:14px;
	padding:5px 0;
	width:1300px;
	margin:0 auto
}
#flink .inflink .moucuo-title {
	padding:0 10px 0 0;
	text-indent:0;
	line-height:25px;
	height:25px;
	color:#000000;
	font-weight:normal;
	float:left
}
#flink .inflink .div {
	float:left
}
#flink .inflink span {
	line-height:25px;
	height:25px;
	display:block;
	overflow:hidden;
	color:#bbb
}
#flink .inflink span a {
	color:#3a3a3a;
	padding:0 4px 0 2px
}
#flink .inflink .twoline {
	height:0;
	border-bottom:none
}
#flink,#bottom {
	}#bottom .inbottom {
	width:1300px;
	height:10px;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto
}
#bottom p {
	text-align:center;
	font-size:14px;
	height:28px;
	line-height:28px;
	color:#ccc
}
#bottom p a {
	padding:0 0 0 8px;
	color:#ccc;
	transition:color .3s ease-in-out
}
#bottom p a.ico {
	background:url(/) no-repeat -288px 5px;
	padding:3px 0 3px 20px
}
#local {
	width:1300px;
	height:75px;
	margin:0 auto;
}
#apps {
	height:75px
}
#apps1 {
	float:left;
	height:75px;
	margin:0 10px 0 0;
	width:342px;
}
#apps2 {
	float:left;
	height:75px;
	width:944px;
}
#province ul p {
	float:left;
	width:24px;
	height:24px;
	background:url(/images/moucuobg.gif) no-repeat -199px -32px;
	position:relative
}
#province ul li {
	float:left;
	font:normal 15px/24px verdana;
	margin:0 5px 0 0
}
#province ul li.end {
	margin:0
}
#province ul li a {
	color:#333;
	position:relative
}
#province ul li a:hover {
	color:#f00
}
#province ul li a span {
	position:absolute;
	top:-36px;
	left:0;
	white-space:nowrap;
	border:1px solid #ccc;
	background:#f6f6f6;
	color:#454545;
	font:normal 14px/16px verdana;
	padding:4px 10px 6px!important;
	padding:4px 10px 2px;
	display:none;
	box-shadow:2px 2px 3px #eee;
	height:16px;
	z-index:3
}
#province ul li a:hover span {
	display:block
}
#pocket {
	position:relative;
	zoom:1
}
.inpocket {
	padding:20px 0 30px
}
.pocketinner {
	width:1300px;
	margin:0 auto;
	position:relative
}
.pocketboxes {
	width:710px;
	height:266px
}
.pocketbox {
	width:710px;
	height:266px;
	display:none
}
.inpocdiv {
	height:266px;
	overflow:hidden
}
.inpocdiv#funny {
	border-right:0px dashed #ddd
}
.inpocdiv h6 {
	height:35px;
	color:#ccc
}
.inpocdiv h6 em {
	display:inline-block;
	height:12px;
	width:1px;
	margin:0 12px;
	position:relative;
	top:2px
}
.inpocdiv h6 a {
	font-weight:normal;
	text-decoration:none;
	cursor:pointer;
	display:inline-block;
	background:#bbb;
	color:#fff;
	height:16px;
	line-height:16px;
	padding:4px 10px 4px;
	box-shadow:0 0 5px #999 inset;
	text-shadow:1px 1px 1px #888;
	border-radius:0px;
	margin:0 3px 0 0;
	font-size:14px;
	font-family:simsun
}
.inpocdiv ul {
	overflow:hidden;
	background:url(/images/moucuobg.gif) no-repeat -64px -163px
}
.inpocdiv ul li {
	height:29px;
	font:normal 14px/29px arial;
	overflow:hidden;
	margin:0 25px;
	text-align:left
}
.inpocdiv ul#newszone li {
	margin:0 10px 0 25px
}
.inpocdiv ul li a {
	color:#111111
}
.inpocdiv ul li a em {
	font-size:10px;
	position:relative;
	top:-3px;
	color:#dfdfdf
}
#news,#tour,#note {
	width:288px
}
#enter,#movie,#weibo {
	width:210px
}
#game,#app,#live {
	width:195px
}
#music {
	width:254px;
	height:66px;
	border:1px solid #bbb;
	position:absolute;
	right:0;
	top:0;
	overflow:hidden;
	z-index:6
}
#music p {
	width:254px;
	height:66px;
	overflow:hidden;
	background:#efefef;
	position:relative;
	z-index:8;
	cursor:pointer
}
#music p b {
	font:bold 12px/20px arial;
	padding:14px 0 0 110px;
	display:block
}
#music p span {
	padding:0 0 0 70px;
	font:normal 20px/22px Georgia;
	display:block;
	color:#9DD6C5
}
#music div {
	width:418px;
	height:186px;
	overflow:hidden;
	position:absolute;
	top:-45px;
	left:-158px;
	z-index:7;
	border:1px solid #ccc;
	border-width:1px 1px
}
.pocketinner.hovmc #music {
	width:418px;
	height:188px
}
.pocketinner.hovmc #music p {
	width:418px;
	height:188px;
	background:#eee url(../images/doubanmusic2.gif) no-repeat 36px 33px
}
.pocketinner.hovmc #music div {
	left:0;
	top:0
}
.pocketinner.hovmc #music p b {
	padding:60px 0 0 188px
}
.pocketinner.hovmc #music p span {
	padding:6px 0 0 186px
}
#adpic {
	position:absolute;
	right:0;
	top:86px;
	height:76px;
	width:256px;
	z-index:5
}
#adpic div {
	width:256px;
	height:76px;
	background:url(../images/adshadow.png) no-repeat left top;
	position:absolute
}
#adpic span {
	display:block;
	width:23px;
	height:39px;
	position:absolute;
	background:url(/images/moucuobg.gif) no-repeat 0 0;
	cursor:pointer;
	z-index:3;
	display:none
}
#adpic span.turnleft {
	left:0;
	top:19px;
	background-position:-234px -15px
}
#adpic span.turnright {
	right:0;
	top:19px;
	background-position:-256px -15px
}
#adpic a {
	display:block;
	width:256px;
	height:76px
}
#adpic a img {
	display:block;
	width:256px;
	height:76px;
	border:none
}
#temp {
	height:87px;
	overflow:hidden;
	width:256px;
	position:absolute;
	right:0;
	top:178px
}
#temp ul li {
	font:normal 14px/29px arial;
	text-align:left;
	margin:0 0 0 -4px
}
#temp ul li a {
	color:#2a2a2a
}
#flink span a:hover,#adver p a:hover,#temp ul li a:hover,.inpocdiv ul li a:hover,#bottom p a:hover {
	color:#e00;
	text-decoration:none
}
#pocbtn .inpocbtn {
	width:990px;
	height:10px;
	margin:-7px auto 0;
	position:relative
}
#pocbtn .inpocbtn p {
	position:absolute;
	left:235px;
	top:0
}
#pocbtn .inpocbtn p a {
	display:block;
	width:30px;
	margin:0 16px 0 0;
	background:#ddd;
	border:1px solid #bbb;
	height:8px;
	font-size:0;
	cursor:pointer;
	float:left;
	box-shadow:1px 1px 2px #ccc
}
#anniu {
	position:fixed;
	_position:absolute;
	right:6px;
	top:235px;
	z-index:999;
	width:36px
}
#anniu ul li {
	margin:0 0 5px 0;
	height:36px;
	width:35px;
	position:relative
}
#anniu ul li a.sico {
	display:block;
	height:34px;
	width:34px;
	cursor:pointer;
	background-image:url(/images/moucuobg.gif);
	overflow:hidden;
	border-width:1px
}
#anniu ul li.shuo a {
	background-position:-131px -64px
}
#anniu ul li a#totop {
	background-position:-208px -65px
}
#anniu ul li a#tomore {
	background-position:-169px -65px
}
#anniu ul li.jia {
	position:relative
}
#anniu ul li.jia a.sico {
	background-position:-93px -64px;
	float:right
}
#anniu ul li.jia div {
	position:absolute;
	left:-235px;
	top:-1px;
	float:left;
	display:none;
	width:202px;
	height:24px;
	background:#fff;
	border:1px solid #aaa;
	padding:5px 26px 7px 5px;
	overflow:hidden
}
#left dl.mainclass dd a.green {
	color:#284
}
#left dl.mainclass dd a.red {
	color:#ff7700
}
#left dl.mainclass dd a.blue {
	color:#347E9E
}
#pocket,#right,#left,#anniu ul li a {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=92)";
	filter:alpha(opacity=92);
	opacity:0.92
}
#left,#right,#ly #tab,#shine dl,#search #sbmain #hotnews {
	-moz-box-shadow:1px 1px 5px #ddd;
	-webkit-box-shadow:1px 1px 5px #ddd;
	box-shadow:1px 1px 5px #ccc
}
#apps ul li a span {
	background-image:url(/images/moucuobg.gif);
	background-repeat:no-repeat
}
.app01 {
	background-position:-580px -460px
}
.app02 {
	background-position:-581px -427px
}
.app03 {
	background-position:-348px -460px
}
.app04 {
	background-position:-210px -460px
}
.app05 {
	background-position:-69px -460px
}
.app06 {
	background-position:-547px -460px
}
.app07 {
	background-position:-546px -429px
}
.app08 {
	background-position:-313px -460px
}
.app09 {
	background-position:-282px -460px
}
.app10 {
	background-position:-509px -426px
}
.app11 {
	background-position:-97px -460px
}
.app12 {
	background-position:-472px -427px
}
.app13 {
	background-position:-248px -460px
}
.app14 {
	background-position:-170px -460px
}
.app15 {
	background-position:-389px -458px
}
.app16 {
	background-position:-475px -460px
}
.app17 {
	background-position:-430px -428px
}
#shareDiv {
	position:absolute;
	width:400px;
	height:80px;
	z-index:2002;
	top:120px;
	left:324px;
	display:none
}
#shareDiv p {
	font:bold 12px/20px verdana;
	padding:0 0 6px 4px;
	text-indent:0
}
.mallad {
	width:1300px;
	margin:0 auto;
	padding:5px 0
}

.moucuo-title a {
	padding:0 1px
}
#search #sbmain p {
	height:0px
}
.banright a#sethome {
	background-position:0 1.5px
}
.banright a#moucuocn {
	background:url(/images/moucuobg.gif) no-repeat -197px 0px
}
#search #sbmclass ul li a {
	padding:3px 0 0 1px
}
#search #sbmclass ul li a.cur,#anniu ul li a {
	padding:2px 0 0 1px
}
#search #sbmain #sbse {
	padding:0 0 1px 1px
}
#search #sbmain #sbse span.sbsetext .se_text {
	background-position:-1px -131px
}
#search #sbmain #sbse span.sbsetext {
	margin:1px 0 0 0
}
#search #sbmain #sbmkeys {
	padding:8px 0 0 44px
}
#search #sbmain #sbmkeys label {
	padding:0 35px 0 0
}
#search #sbmain #sbmkeys input {
	margin:3px -2px 0 0
}
#left p a {
	padding:0 6px 0 7px
}
#right .zdysite span a.addcon {
	line-height:19px;
	padding:2px 6px 0 22px;
	height:19px
}
.inpocdiv h6 a {
	padding:5px 10px 2px;
	height:17px;
	Filter:Dropshadow(color=#FF0000,offx=5px,offy=5px,Positive=0)
}
.mallad p {
	line-height:30px
}
#anniu ul li.jia div a {
	width:20px;
	height:20px;
	display:block;
	float:left
}
.count {
	overflow:hidden;
	margin-top:10px;
	height:50px;
	background:#fff;
	padding:10px
}
.count-title {
	float:left;
	width:100px;
	text-align:center;
	color:#605b5b;
	padding:5px
}
.layui-icon {
	font-family:layui-icon!important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.layui-icon-chart:before {
	content:"\e62c"
}
.tj-list {
	float:left;
	overflow:hidden
}
.noobt {
	width:61px;
	height:18px;
	line-height:18px;
	font-size:13px;
	text-align: center;
	padding:4px 0;
	color:#333;
	background:url(../images/userbtn.gif) no-repeat 0px 0px
}
* {
	padding:0;
	margin:0
}
li {
	list-style:none
}

.float_layer {
	width:300px;
	border:1px solid #aaaaaa;
	display:none;
	background:#fff
}
.float_layer h2 {
	height:25px;
	line-height:25px;
	padding-left:10px;
	font-size:14px;
	color:#333;
	background:url(../images/title_bg.gif) repeat-x;
	border-bottom:1px solid #aaaaaa;
	position:relative
}
.float_layer .min {
	width:21px;
	height:20px;
	background:url(../images/min.gif) no-repeat 0 bottom;
	position:absolute;
	top:2px;
	right:25px
}
.float_layer .min:hover {
	background:url(../images/min.gif) no-repeat 0 0
}
.float_layer .max {
	width:21px;
	height:20px;
	background:url(../images/max.gif) no-repeat 0 bottom;
	position:absolute;
	top:2px;
	right:25px
}
.float_layer .max:hover {
	background:url(../images/max.gif) no-repeat 0 0
}
.float_layer .close {
	width:21px;
	height:20px;
	background:url(../images/close.gif) no-repeat 0 bottom;
	position:absolute;
	top:2px;
	right:3px
}
.float_layer .close:hover {
	background:url(../images/close.gif) no-repeat 0 0
}
.float_layer .content {
	height:160px;
	overflow:hidden;
	font-size:14px;
	line-height:18px;
	color:#666;
	text-indent:0px
}
.float_layer .wrap {
	padding:0px
}
#hot {
  position: relative;
  display: inline-block;
  /* 移除padding-right，改用负边距控制空间 */
  margin-right: 0px; /* 抵消图标空间 */
}

#hot::after {
  content: "";
  position: absolute;
  top: -0.8em; /* 精确控制垂直偏移 */
  right: -100%; /* 完全移出文档流 */
  width: 20px;
  height: 16px;
  background: url(../images/hot.gif) no-repeat;
  background-size: contain;
  z-index: 1; /* 确保图标层级 */
  pointer-events: none; /* 防止图标遮挡点击 */
}



/* ========== 用户头像下拉卡片样式 ========== */
/* 卡片内容居中 */
.user-card-content {
    text-align: center;
    padding: 16px;
}

.card-menu-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s;
    text-align: left;
}

.card-menu-item:hover {
    background: #f1f3f4;
}

.menu-icon {
    font-size: 18px;
    width: 24px;
}

.menu-text {
    font-size: 14px;
    color: #202124;
}

.logout-item .menu-text {
    color: #d93025;
}

.logout-item:hover {
    background: #fce8e6;
}
/* 头像容器 */
.user-avatar-container {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

/* 头像按钮 - 使用button标签 */
.user-avatar-wrapper {
    display: inline-block;
    cursor: pointer;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden;
    transition: all 0.2s ease;
    border: 2px solid #bbb;
    background: none;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.user-avatar-wrapper:hover {
    transform: scale(1.05);
    border-color: #3498db;
}

.user-avatar-wrapper:focus {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.3);
}

.user-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 下拉卡片 */
.user-card {
    position: absolute;
    top: 29px;
    right: -2px;
    width: 320px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    z-index: 10001;
    overflow: hidden;
    animation: cardFadeIn 0.2s ease;
}

@keyframes cardFadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* 未登录状态 */
.card-avatar {
    text-align: center;
    margin-bottom: 12px;
}

.card-avatar img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
}

.card-title {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 6px;
    color: #202124;
}

.card-desc {
    font-size: 12px;
    color: #5f6368;
    text-align: center;
    margin-bottom: 12px;
}

.card-links {
    text-align: center;
    margin-bottom: 12px;
}

.card-links a {
    font-size: 12px;
    color: #1a73e8;
    text-decoration: none;
}

.card-links a:hover {
    text-decoration: underline;
}

.account-option {
    display: inline-block;  /* 改为inline-block，不再撑满 */
    padding: 6px 16px;     /* 减小内边距，让按钮更小 */
    background: #1a73e8;   /* 改为更柔和的蓝色 */
    border-radius: 20px;   /* 圆角更大，更像胶囊按钮 */
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #fff;
    font-weight: 500;
    min-width: 80px;       /* 最小宽度，保持统一 */
}

.account-option:hover {
    background: #1557b0;
    transform: translateY(-1px);
}
/* 登录按钮容器居中 */
.card-accounts {
    display: flex;
    justify-content: center;  /* 居中 */
    gap: 12px;
    margin-bottom: 12px;
}
.card-divider {
    height: 1px;
    background: #1a75e8;
    margin: 12px 0;
}

.card-footer-links {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
}

.card-footer-links a {
    font-size: 13px;
    color: #5f6368;
    text-decoration: none;
    padding: 4px 0;
}

.card-footer-links a:hover {
    color: #1a73e8;
}

/* 已登录状态 */
.card-user-info {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.card-user-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}

.card-user-details {
    flex: 1;
}

.card-user-name {
    font-size: 15px;
    font-weight: 500;
    color: #202124;
    margin-bottom: 2px;
}

.card-user-email {
    font-size: 12px;
    color: #5f6368;
}

/* 菜单项 */
.card-menu {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.card-menu-item:hover {
    background: #f1f3f4;
}

.menu-icon {
    font-size: 18px;
    width: 24px;
}

.menu-text {
    font-size: 14px;
    color: #202124;
}

.logout-item .menu-text {
    color: #d93025;
}

.logout-item:hover {
    background: #fce8e6;
}

/* 遮罩层 */
.user-card-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: transparent;
}

/* ========== 轻量弹窗样式 ========== */
.light-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20000;
}

.light-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.light-modal-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 400px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    animation: modalSlideIn 0.2s ease;
}

.light-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid #e8eaed;
}

.light-modal-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.light-modal-close {
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    font-size: 24px;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.light-modal-close:hover {
    background: #f1f3f4;
}

.light-modal-body {
    padding: 20px;
}

.modal-input {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #dadce0;
    border-radius: 8px;
    font-size: 14px;
    outline: none;
    transition: all 0.2s;
    box-sizing: border-box;
}

.modal-input:focus {
    border-color: #1a73e8;
    box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.1);
}

.modal-submit-btn {
    width: 100%;
    padding: 12px;
    background: #1a73e8;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.modal-submit-btn:hover {
    background: #1557b0;
}

.modal-code-btn {
    padding: 0 16px;
    background: #f1f3f4;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
}

.modal-code-btn:hover {
    background: #e8eaed;
}

.modal-footer-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 16px;
}

.modal-footer-links a {
    font-size: 13px;
    color: #1a73e8;
    text-decoration: none;
}

.modal-footer-links a:hover {
    text-decoration: underline;
}

@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.96);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

/* 响应式 */
@media (max-width: 768px) {
    .user-card {
        width: 300px;
        right: -10px;
    }
}
/* ========== 弹窗动画 ========== */

/* 关闭按钮动画 */
.animated-close {
    transition: all 0.3s ease;
}

.animated-close:hover {
    transform: rotate(90deg) scale(1.1);
    background: #e74c3c;
    color: #fff;
}

/* 大弹窗 */
.light-modal-large .light-modal-container {
    max-width: 700px;
    width: 90%;
}

/* 小弹窗 */
.light-modal-small .light-modal-container {
    max-width: 450px;
}

/* 收藏夹列表样式（弹窗内） */
.favorites-list-modal {
    max-height: 450px;
    overflow-y: auto;
}

.favorite-item-modal {
    display: flex;
    align-items: center;
    padding: 12px;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.2s;
    border-radius: 8px;
}

.favorite-item-modal:hover {
    background: #f8f9fa;
}

.favorite-icon-modal {
    width: 32px;
    height: 32px;
    margin-right: 12px;
    flex-shrink: 0;
}

.favorite-icon-modal img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.favorite-info-modal {
    flex: 1;
    cursor: pointer;
}

.favorite-name-modal {
    font-weight: 500;
    margin-bottom: 2px;
}

.favorite-url-modal {
    font-size: 11px;
    color: #999;
    word-break: break-all;
}

.delete-favorite-btn {
    color: #d93025;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 6px;
    transition: background 0.2s;
}

.delete-favorite-btn:hover {
    background: #fce8e6;
}

/* 记事本列表样式（弹窗内） */
.notes-list-modal {
    max-height: 450px;
    overflow-y: auto;
}

.note-item-modal {
    display: flex;
    align-items: flex-start;
    padding: 12px;
    border-radius: 12px;
    margin-bottom: 10px;
    transition: all 0.2s;
    cursor: pointer;
}

.note-item-modal:hover {
    transform: translateX(3px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.note-color-modal {
    width: 6px;
    height: 40px;
    border-radius: 3px;
    margin-right: 12px;
    flex-shrink: 0;
}

.note-info-modal {
    flex: 1;
}

.note-title-modal {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 4px;
}

.note-content-modal {
    font-size: 12px;
    color: #666;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.note-time-modal {
    font-size: 10px;
    color: #aaa;
    margin-top: 4px;
}

.note-actions-modal {
    display: flex;
    gap: 6px;
    opacity: 0;
    transition: opacity 0.2s;
}

.note-item-modal:hover .note-actions-modal {
    opacity: 1;
}

/* 头像上传（弹窗内） */
.avatar-upload-modal {
    text-align: center;
    margin-bottom: 20px;
}

.avatar-preview-modal {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
    border: 3px solid #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* 弹窗底部按钮 */
.modal-footer {
    padding: 12px 20px;
    border-top: 1px solid #e8eaed;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    background: #fafafa;
}



/* ========== 二级菜单 - 完整样式 ========== */

/* 二级菜单容器 - 完全模仿 p#tab */
.sub-menu {
    background-position: 180px bottom;
    text-indent: 0;
    clear: both;
    height: 33px;
    line-height: 33px;
    margin: 10px 10px 10px 10px;
    padding: 0 68px 0 68px;
    border-bottom: 1px solid #ccc;
    position: relative;
}

/* 二级菜单按钮 - 完全模仿 p#tab a */
.sub-menu-btn {
    display: block;
    float: left;
    height: 30px;
    width: 65px;
    line-height: 30px;
    padding: 2px 5px 0;
    text-align: center;
    border: 1px solid #ccc;
    background-color: #eee;
    background-image: linear-gradient(#b8d9b2, #f3f5f3, #ffffff);
    font-weight: 400;
    color: #222;
    margin: 0 0 0 -1px;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
    position: relative;
    box-sizing: content-box;
}

/* 第一个按钮左上角圆角 */
.sub-menu-btn:first-child {
    border-radius: 2px 0 0 0;
}

/* 最后一个按钮右上角圆角 */
.sub-menu-btn:last-child {
    border-radius: 0 2px 0 0;
}

/* 悬停效果 */
.sub-menu-btn:hover {
    background-image: linear-gradient(#f6f6f6, #eee);
    text-decoration: none;
}

/* ========== 激活状态 - 修复"几"型效果 ========== */
.sub-menu-btn.active {
    font-weight: 700;
    background: #fff;
    color: #50835a;
    border-bottom: 1px solid #fff;
    position: relative;
    z-index: 1;
    /* 关键修复：保持和普通按钮一样的高度和宽度 */
    height: 30px;
    padding: 2px 5px 0;
    margin: 0 0 0 -1px;
}

/* 清除浮动 */
.sub-menu::after {
    content: "";
    display: table;
    clear: both;
}
/* 网址网格 */
.sites-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 10px 10px;
}

.listtopsite {
    display: inline-block;
    margin: 0 8px 8px 0;
    position: relative;
}

/* 悬浮提示 */
.site-tip {
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 12px;
    color: #666;
    white-space: nowrap;
    z-index: 100;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    top: 100%;
    left: 0;
    margin-top: 5px;
}

.listtopsite:hover .site-tip {
    display: block !important;
}

/* 加载状态 */
.loading {
    text-align: center;
    padding: 60px;
    color: #999;
}

.empty-state {
    text-align: center;
    padding: 60px;
    color: #999;
}
/* 通知栏样式 */
.notification {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 12px 20px;
    background: #4caf50;
    color: white;
    border-radius: 8px;
    z-index: 99999;
    animation: slideIn 0.3s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.notification.error {
    background: #f44336;
}
.notification.info {
    background: #2196f3;
}
@keyframes slideIn {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
/* ========== 手机端样式 ========== */
.mobile-header {
    display: none;
    background: #fff;
    padding: 12px 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

@media (max-width: 768px) {
    .mobile-header {
        display: block;
    }
    .moucuo-banner,
    .moucuo-top {
        display: none;
    }
}

.mobile-top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.mobile-logo img {
    height: 50px;
}

.mobile-weather {
    display: flex;
    align-items: center;
    gap: 5px;
    background: #f5f5f5;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 13px;
}

.mobile-menu-btn {
    display: flex;
    flex-direction: column;
    gap: 4px;
    cursor: pointer;
    padding: 8px;
}

.mobile-menu-btn .dot {
    width: 4px;
    height: 4px;
    background: #666;
    border-radius: 50%;
}

.mobile-popup-menu {
    position: absolute;
    top: 55px;
    right: 15px;
    width: 260px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    z-index: 1001;
    animation: menuFadeIn 0.2s ease;
}

.popup-arrow {
    position: absolute;
    top: -8px;
    right: 20px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}

.popup-content {
    padding: 12px;
}

.popup-user {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px;
}

.popup-user img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.popup-user-name {
    font-weight: 600;
    font-size: 14px;
}

.popup-user-email {
    font-size: 11px;
    color: #999;
}

.popup-divider {
    height: 1px;
    background: #eee;
    margin: 8px 0;
}

.popup-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    cursor: pointer;
    border-radius: 8px;
    transition: background 0.2s;
}

.popup-item:hover {
    background: #f5f5f5;
}

.popup-item span {
    width: 24px;
}

.mobile-datetime {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    font-size: 12px;
    color: #666;
    flex-wrap: wrap;
}

#mobileDate {
    font-weight: 500;
    color: #333;
}

#mobileLunar {
    color: #999;
}

#mobileHistory {
    cursor: pointer;
    color: #3498db;
}




/* 百度、银行下拉、容器 */
.listtopsite.bigsite {
    position: relative;
    z-index: 100;
}

/* 悬浮子菜单 */
.hover-submenu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 8px 12px;
    min-width: 180px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    display: none;
    z-index: 1000;
    white-space: nowrap;
}

.listtopsite.bigsite:hover .hover-submenu {
    display: block;
}

.hover-submenu a {
    display: block;
    padding: 6px 10px;
    font-size: 13px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
}

.hover-submenu a:hover {
    background: #f0f0f0;
    color: #e74c3c;
}
/* 图标样式 */
.listtopsite em.baidu { background-position: -130px -44px; width: 20px; height: 20px; display: inline-block; background-image: url(/images/ico/1.png); background-size: 200px; }
.listtopsite em.qq { background-position: -44px 0; }
.listtopsite em.sina { background-position: 0px 0px; }
.listtopsite em.sohu { background-position: -131px -87px; }
/* ... 其他图标在这加 ... */
/* ========== 手机端底部样式 ========== */
.mobile-footer {
    background: #fff;
    padding: 15px 20px;
    text-align: center;
    border-top: 1px solid #eee;
    margin-top: 20px;
}

.mobile-footer p {
    font-size: 11px;
    color: #999;
    margin: 5px 0;
}

.mobile-footer a {
    color: #999;
    text-decoration: none;
    margin: 0 8px;
    font-size: 11px;
}

.mobile-footer a:hover {
    color: #3498db;
}
/* ========== 手机端样式 ========== */
@media (max-width: 768px) {
    /* 隐藏PC端元素 */
    #bottom .inbottom,#local,.kill,.moucuo-banner,.mallad,.moucuo-banner-shadow, .moucuo-top, #ly, #bottom .inbottom p:first-child {
        display: none;
    }
    
    body {
        background: #f5f7fa;  /* 整体背景色 */
        margin: 0;
        padding: 0;
    }
    
    /* ========== 手机端容器 ========== */
    .mobile-header {
        display: block;
        padding: 0;  /* 移除内边距 */
    }
    
    /* ========== 顶部栏（头部颜色铺满） ========== */
    .mobile-top-bar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 15px;
        background: #3498db;  /* 头部颜色，可自行修改 */
    }
    
    .mobile-logo-img {
        height: 32px;
        width: auto;
    }
    
    .mobile-logo-text {
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
    }
    
    .mobile-weather {
        font-size: 14px;
        color: #fff;
    }
    
    .mobile-menu-btn {
        display: flex;
        gap: 4px;
        cursor: pointer;
        padding: 8px;
    }
    
    .mobile-menu-btn .dot {
        width: 4px;
        height: 4px;
        background: #fff;
        border-radius: 50%;
    }
    
/* ========== 手机端搜索框（hao123风格） ========== */
.mobile-search {
    background: #3498db;
    padding: 8px 15px 15px 15px;
    position: sticky;
    top: 0;
    z-index: 99;
}

.search-wrapper {
    position: relative;
}

.search-box {
    background-color: #fff;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    padding: 6.5px 80px 6.5px 13px;
    transition: top .06s;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
}

.search-box .kw {
    display: block;
    width: 100%;
    height: 30px;
    padding-left: 0;
    line-height: 30px;
    font-size: 16px;
    color: #000;
    border: none;
    outline: none;
    background: transparent;
}

.search-box ::-webkit-input-placeholder {
    font-size: 16px;
    color: #999;
}

.search-box .btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    height: 100%;
    line-height: 43px;
    border-left: 1px solid #eee;
    background: #f2f2f2;
    text-align: center;
    font-size: 16px;
    color: #2C5FD0;
    overflow: hidden;
    cursor: pointer;
    border: none;
}

.search-box .search-icon {
    display: none;
    position: absolute;
    right: 80px;
    top: 0;
    width: 30px;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAFpg2qXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEE1NUJCMTYwRUNEMTFFNzg1NjJFMDg1ODJENTMzNUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEE1NUJCMTcwRUNEMTFFNzg1NjJFMDg1ODJENTMzNUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQzY0NjE3RjBFQzkxMUU3ODU2MkUwODU4MkQ1MzM1QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQzY0NjE4MDBFQzkxMUU3ODU2MkUwODU4MkQ1MzM1QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp4YGiEAAAPhSURBVFjDzVlbSJVBEP6PmnYjoezyEGglPYVQmYEVQpyHIOgh6KUopAIr6EZERURS0gVCIaSgkKyICCqiK1FB9SRdHroQcSJfNOqAdDe1tL9ZmY054+z/73/26PHhQ/135ttvd2dnZ1cvHo97iBZAle/7noJHGjR83dBCG6jHYlNDv7tE5XEP1Ug/ftYNnMIs0/gxl3xYa1SQ4gbYzqkAOXxw24Q+U8akjb+aDCXjAWNmWA8okQbiM5RKzP+nAvATcJ2vHDWeK0i5oRm5cTJAcw81DhqcQoe1MQ6wKorxBlsZ1VRGM2BUgLEvBf4kyRDQIG24GrZ6v/F7k3bwQvTqAfY7mIxahTjhOM3DQVpthfno8DFMGWIM6SRmIm61WBoTpqLvSk68zoFUz+s8KfC7AH0uxHqPAjZT4luuignxLCk4rzhMhfLvNkWFn4byaejzLCjcFGKAXhJ2ZQLZKiLiKW6IlG1ntZsASwC7MM+XB8xxSgdeuosmJWLaQZBTMeAM5mA1PQlALWBEEHHQVKwQ8kIf+/sPoCgKcTs6qp+FhpEsBPxFu3ob4m9ovMhyfs+hfVMQ8U19hEZcvBPoN0cizsPGw2lGxg+egDTxY5dcARiL/pWcWH287Jg2FUdCIi53JH4g5WPfdefh+ojEeY7E9SbipY7Er03EbzKweHc5caPjPFeg/3hp56mGl2kSK98u05bWp8LeiKRt6JcflISuodEdS9JOm0pIYx8xPiSQqVR6j9jM1L/bJHoV0+9DCsKzxD5HIrc53lV9u0fVZoDRhnAbQJ6xw5STZ/SUJuTJKCRq7tcAHpEzzxZJzCclYeVDGMJETiTFKMUvwFXARiyNJxCfAjw6lwGOAd4J/h1YZWRMcBXgOytP6kKubTZYAHjLxF9UDwvpClbXwg+ETG2/6a7xKCCG+YIK3xFVMC0EeyOUWS5QTzYPSb9P6ONLkODVxKldyjODBcwCu0n/r6TUTgUXk12vNtO4oRLL8mI9Ed0YJLiZGNYMpVgmOBdfCLWWySbBSWJUmC3BKPoU0VJtEkzDwcuy4ANE8E6T4AQxKsmy4EtEy3KT4DpidDSLMVxE7tOdUnWpBefjUalFV2RJMM3Hm8LycCkevz7GdOUQio4xsSdtT7opgC/8GXSQUcbuAvvTKX4a2Rl/BGch00LbWfU3w6VaU3F9gQlXs78FMDJNkbMB94VHKvp3g2s9rEvCF4bC/BPgtupILSc+IKoVOQ94Tl4vKXow3xaQS1aTrfCos6TI49hBm8VNoxs31FbDfzT4NShUuJeN0y3khTVQ+LATHCL84LAVzIQfx39C1v4DWKN9YHOc1RcAAAAASUVORK5CYII=) center no-repeat;
    background-size: 18px;
}

/* 激活状态（输入内容时） */
.search-box.search-act .search-icon {
    display: block;
}

.search-box.search-act .btn {
    background: #3385ff;
    color: #fff;
}

/* 搜索建议下拉框 */
.search-wrapper .sugwp {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1003;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.search-wrapper .sugwp .sug {
    padding: 10px 15px 0;
    overflow: hidden;
    max-height: 200px;
    overflow-y: auto;
}

.search-wrapper .sugwp .sug .text {
    position: relative;
    display: block;
    width: 100%;
    line-height: 44px;
    height: 44px;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
}

.search-wrapper .sugwp .sug .text:active {
    background: #f5f5f5;
}

.search-wrapper .sugwp .sug .text span {
    display: inline-block;
}

.search-wrapper .sugwp .sug .text .hoticon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcBAMAAACAI8KnAAAAMFBMVEUAAADudwDudwDudwDudwDudwDudwDudwDudwDudwDudwDudwDudwDabQD////icQC1y5aaAAAADHRSTlMA6T7cy8SKYvNIJyEYUbFCAAAA3ElEQVQY02WRLRLCMBCFd0AwgENXgEdwAI6ARmFxCK4BColEIrlCgVa9Ti9A2hMkJ2gH3iYtzNCXNd8k+/Ynoupto3g9lUaDJajHPtB4Ba/nzeMMjSZKQ3x1Il6BumQQj0RmFpah2bTFD7GXPnJTWI0KWMgcmQt6AXfZtbeKqWx8bhkwkQjIC2edx1hIxvlb9SLSymaNl0Teqg4YqxVT1ZuYsBBqZxy7JqYyJxrqbWh1Z5NQV32gTQ5Y1oajI8gqc2WDTx0/N1Vd6sGxuxw5t3QQ1ahd7KWz9r9P+QCQ9P7CP7vBJQAAAABJRU5ErkJggg==) center no-repeat;
    background-size: 14px;
    vertical-align: middle;
}
    
    /* ========== 名站区（白色背景，与头部区分） ========== */
    .mobile-sites-section {
        background: #fff;
        padding: 12px 15px;
        margin-bottom: 8px;
    }
    
    .mobile-sites-grid {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 12px;
    }
    
    .mobile-site-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        cursor: pointer;
        padding: 8px 0;
    }
    
    .mobile-site-item img {
        width: 44px;
        height: 44px;
        object-fit: contain;
        margin-bottom: 6px;
    }
    
    .mobile-site-item span {
        font-size: 11px;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
    }
    
    /* ========== 网址分类区域（白色背景） ========== */
    .mobile-categories-section {
        background: #fff;
        padding: 8px 0;
        margin-bottom: 8px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .mobile-categories-scroll {
        display: flex;
        gap: 0;
        padding: 0 15px;
        white-space: nowrap;
    }
    
    .mobile-cat-item {
        display: inline-block;
        padding: 10px 16px;
        background: #f0f2f5;
        font-size: 13px;
        color: #333;
        cursor: pointer;
        margin-right: 1px;
    }
    
    .mobile-cat-item.active {
        background: #3498db;
        color: #fff;
    }
    
/* ========== 手机端分类网址列表 ========== */
.mobile-sites-list {
    background: #fff;
    margin-bottom: 8px;
    padding: 12px;
}

/* 网格布局：一行显示3-4个 */
.mobile-sites-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);  /* 一行3个 */
    gap: 16px;
}

/* 手机端小屏一行显示3个 */
@media (max-width: 480px) {
    .mobile-sites-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }
}

/* 大屏手机一行显示4个 */
@media (min-width: 481px) and (max-width: 768px) {
    .mobile-sites-list {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* 网址卡片样式 */
.mobile-site-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px 5px;
    cursor: pointer;
    border-radius: 8px;
    transition: background 0.2s;
    border-bottom: none;  /* 去掉之前的下划线 */
}

.mobile-site-row:active {
    background: #f5f5f5;
}

.mobile-site-row img {
    width: 44px;
    height: 44px;
    object-fit: contain;
    margin-bottom: 6px;
}

.mobile-site-row .site-name {
    font-size: 12px;
    color: #333;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
    
    /* ========== 信息流区域 ========== */
    .mobile-news-section {
        background: #f5f7fa;
        padding: 0;
    }
    
    /* 信息流标签（横向滑动） */
    .news-tabs-scroll {
        display: flex;
        gap: 0;
        overflow-x: auto;
        background: #fff;
        padding: 0;
        margin-bottom: 8px;
        -webkit-overflow-scrolling: touch;
    }
    
    .news-tab {
        display: inline-block;
        padding: 12px 20px;
        background: #fff;
        font-size: 14px;
        color: #666;
        cursor: pointer;
        white-space: nowrap;
        border-bottom: 2px solid transparent;
    }
    
    .news-tab.active {
        color: #3498db;
        border-bottom-color: #3498db;
    }
    
    /* 信息流列表 */
    .news-feed {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    
    .news-item {
        display: flex;
        gap: 12px;
        padding: 12px 15px;
        background: #fff;
        border-bottom: 1px solid #eee;
        cursor: pointer;
    }
    
    .news-item:active {
        background: #fafafa;
    }
    
    .news-item-image {
        width: 120px;
        height: 80px;
        object-fit: cover;
        background: #f0f0f0;
        flex-shrink: 0;
    }
    
    /* 视频标识 */
    .news-item.video .news-item-image {
        position: relative;
    }
    
    .news-item.video .news-item-image::after {
        content: "▶";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(0,0,0,0.6);
        color: #fff;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }
    
    .news-item-content {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .news-item-title {
        font-size: 15px;
        font-weight: 500;
        color: #333;
        line-height: 1.4;
        margin-bottom: 8px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .news-item-meta {
        display: flex;
        gap: 12px;
        font-size: 11px;
        color: #999;
    }
    
    /* 无图模式 */
    .news-item.no-image .news-item-image {
        display: none;
    }
    
    /* 加载状态 */
    .news-loading, .load-more {
        text-align: center;
        padding: 20px;
        color: #999;
        font-size: 12px;
    }
    
    .loading, .empty-state {
        text-align: center;
        padding: 40px;
        color: #999;
    }
    
    /* 信息流标题区域（滚动时显示） */
    .news-header {
        position: sticky;
        top: 0;
        background: #f5f7fa;
        z-index: 98;
        display: none;
    }
    
    .news-header.visible {
        display: block;
    }
    
    /* 弹窗菜单 */
    .mobile-popup-menu {
        position: absolute;
        top: 60px;
        right: 15px;
        background: #fff;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        z-index: 1000;
        min-width: 200px;
    }
    
    .popup-arrow {
        position: absolute;
        top: -8px;
        right: 20px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff;
    }
    
    .popup-content {
        padding: 12px;
    }
    
    .popup-user {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 12px;
    }
    
    .popup-user img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }
    
    .popup-user-name {
        font-weight: 500;
    }
    
    .popup-user-email {
        font-size: 11px;
        color: #999;
    }
    
    .popup-divider {
        height: 1px;
        background: #eee;
        margin: 8px 0;
    }
    
    .popup-item {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 10px 0;
        cursor: pointer;
        font-size: 14px;
    }
}