/* ----------------------------------
The ALL CSS by 时代锦橙
(C) Erange Studio.
josc（joscnie@vip.qq.com）
2023-06-30 12:34:56
/* ----------------------------------

/* 通用样式 */
html,body,div,iframe,p,ul,li { font:14px/1.5 arial,tahoma,\5b8b\4f53,georgia,verdana,helvetica,sans-serif; margin: 0; padding: 0; border: 0; outline: 0; list-style:none; }
a { color: #333; text-decoration: none; cursor: pointer; }
a:hover { color: #009b66; text-decoration: none; }
em { float: right; font-style: normal; }
img { max-width: 100%; height: auto; width: auto\9;}
.box { width:960px; margin:0 auto; clear:both; overflow:hidden; }
.adox { height:90px; margin-top:10px; overflow:hidden; }
.stox { margin-top:10px; border:1px solid #eee; }
.tanel{ margin-top:-1px; overflow:hidden; }
.tine { border-top:1px solid #eee; }
.oge { color:#f60; }

/* 头部导航 */
.tox { width:100%; height:30px; border-bottom:1px solid #eee; background:#fafafa; }
.teft { float:left; width:600px; }
.tight { float:right; width:360px; }
.teft li { float:left; line-height:30px; padding:0 10px; }
.tight li { float:right; line-height:30px; padding:0 10px; }
.teft li a,.tight li a { font:12px arial; text-align:center; }

.max { width:100%; height:60px; margin:10px 0; }
.logo { float:left; width:210px; height:60px; background: url(../images/logo.png) no-repeat; display: block; }
.sox { float:left; width:468px; height:60px; }
.sorm { float:left; width:98%; border:1px solid #eee; background:#fff; }
.baidu { float:left; width:64px; margin:8px 0 0 5px; }
.sut { float:left; width:300px; height:36px; padding-left:10px; font-size:16px; border:0; }
.stn { float: right; width:100px; height:36px; color:#009b66; font-size:16px; margin: 1px; background:#eee; border:0; }
.stn:hover { color:#fff; background:#009b66; border:0; }

.sad { float:left; width:468px; height:10px; margin: 5px; display: block; }
.sad li { float:left; width:18%; line-height:10px; overflow:hidden; }
.sad li a { font:12px arial; }
.sad em { color: #009b66; width:36px; font-size: 6px; line-height: 10px; padding: 0 5px; }

.ad { float:right; width:280px; height:58px; border:1px solid #eee; overflow: hidden; }
.ads { width: 100%; list-style-type: none; margin: 5px; overflow: hidden; }
.ads li { float: left; width: 50%; overflow: hidden; }
.ads li a{ font-size:12px; text-decoration: none; display: inline-block; }
.ads em { color: #009b66; font-size:6px; line-height: 12px; padding: 5px;}


/* 名站推荐 */
.mox { overflow:hidden; }
.mox li { float:left; width:12.5%; line-height:30px; text-align:center; overflow:hidden; }

.mast { float:left; width:610px; overflow:hidden; }
.mast li { float:left; width:20%; line-height:30px; text-align:center; overflow:hidden; }
.tiad { height:30px; line-height:30px; border-bottom:1px solid #eee; background:#fafafa; padding:0px 10px; overflow:hidden; }
.tiad em { color: #fff; width:56px; line-height:20px; text-align:center; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#009b66; }

.bd { position:relative; z-index:0; }
.bd li { position:relative; }
.hd { height:20px; line-height:20px; right:0; bottom:5px; position:absolute; z-index:1; }
.hd li { width:5px; height:5px; margin:0 5px; border-radius:5px; text-indent:1000px; background:#333;  -webkit-border-radius:5px; -moz-border-radius:5px; display:inline-block; overflow:hidden; }
.hd li.on { background:#009b66; }

/* 整站展示 */
.hox { width:100%; background:#fafafa; overflow:hidden; }
.tui { float:right; }
.dox li,.tui li { float:left; }
.dox li a { float:left; font:16px arial; line-height:42px; padding:0 20px; }
.tui li a { font:16px arial; font-weight:bold; color:#009b66; line-height:42px; padding:0 10px; }
.dox li a:hover { color:#009b66; border-bottom: 2px solid #009b66; }
.dox .current { color:#009b66; font-weight:bold; border-bottom: 2px solid #009b66; }

.dav { height:30px; margin-left:-1px; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fafafa; overflow:hidden; }
.dav a { float:left; margin-top:3px; padding:0 12px; color:#009b66; }
.dav a:hover { color:#f60; }
.dav em a { float: left; color: #999; margin-top: 5px; padding: 0 12px; }

.site { padding:0 8px; background:#fff; overflow:hidden; }
.site:hover { background:#eee; }
.same { float:left; width:88px; color:#009b66; line-height:30px; padding-left:4px; font-weight:normal; overflow:hidden; }
.list, .sipe { overflow:hidden; }
.list li { float:left; width:84px; height:30px; line-height:30px; text-align:center; overflow:hidden; }
.sipe li{ float:left; width:20%; height:30px; line-height:30px; text-align:center; overflow:hidden; }

/*文字广告*/
.tad { padding: 0px 4px; background: #fafafa; }
.tads { height: 30px; line-height: 30px; overflow: hidden; }
.tads em { color: #fff; font-size: 10px; line-height: 15px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: #009b66; padding: 0 2px; }

.hot li { width:338px; overflow:hidden; }
.hot li a { float:left; width:338px; text-align:center; margin:10px 0; }
.hot li span { float:left; margin:0 10px 10px 10px; }

/*右侧定义*/
.tips { height:30px; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fafafa; overflow:hidden; }
.tips em a { float:left; color:#999; margin-top:5px; padding:0 10px 0 0; }

.riad { float:left; width:328px; height:60px; margin:5px; overflow:hidden; }




.sdox { width: 90%; height: 40px; margin: 0 5% 10px 5%; border: 1px solid #009b66; background: #fff; overflow: hidden; }
.text { width: 64%; height: 30px; margin: 5px; vertical-align: middle; border: none; }
.submit { float: right; width: 30%; height: 40px; color: #fff; border: none; margin: 0 0 2px 2px; background: #009b66; vertical-align: middle; }
.submit:hover{ color: #009b66; background: #eee; }


.list, .sibe, .sipe { overflow:hidden; }
.list li { float:left; width:84px; height:30px; line-height:30px; text-align:center; overflow:hidden; }
.sipe li{ float:left; width:20%; height:30px; line-height:30px; text-align:center; overflow:hidden; }


/*底部定义*/
.footer { margin:10px 0; border-top:1px solid #eee; background:#fff; overflow:hidden; }
.link { width:100%; border-bottom:1px solid #eee; background:#fafafa; overflow:hidden; }
.jox li { float:left; font:12px arial; text-align:center; margin:5px; }
.lame { float:left; font:12px arial; font-weight:normal; width:100%; color:#28b858; margin:5px; }
.lame em { padding:0 5px; font-size:12px; }
.abink { float:left; width:100%; }
.abink li { float:left; line-height:30px; padding-right:10px; display:block; }
.abink em { padding:0 5px; font-size:12px; line-height:20px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#eee; }
.apink { float:left; line-height:20px; font-size:12px; color:#999; }

/*浮动导航*/
.dao { right:0px; bottom:50px; position:fixed; }
.dite,.daer { background:url(../data/images/toolbar.png) no-repeat; }
.dite { width:52px; height:52px; margin-top:1px; position:relative; -moz-transition:background-position 1s; -ms-transition:background-position 1s; -o-moz-transition:background-position 1s; -webkit-moz-transition:background-position 1s; transition:background-position 1s; display:block; }
.dite:hover .daer { opacity:1; filter:alpha(opacity=100); transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }
.daer { right:46px; bottom:-10px; width:172px; opacity:0; filter:alpha(opacity=0); transform-origin: 95% 95%; -moz-transform-origin: 95% 95%; -ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%; -webkit-transform-origin: 95% 95%; transform:scale(0.01); -moz-transform:scale(0.01); -ms-transform:scale(0.01); -o-transform:scale(0.01); -webkit-transform:scale(0.01); transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s; position:absolute; }
.gou { background-position:0 -550px; }
.gou:hover { background-position:0 -612px; }
.gou .daer { height:194px;background-position:0 -222px; }
.wap{ background-position:0 -426px; }
.wap:hover{ background-position:0 -488px; }
.wap .daer{ height:212px; background-position:0 0; }
.top { background-position:0 -674px; }
.top:hover { background-position:0 -736px; }