﻿/*  预设置   */
body,div,p,ul,li,h1,h2,h3,h4,h5 { margin: 0; padding: 0;}
body {font: 14px/1.5 arial,\5b8b\4f53,georgia,verdana,helvetica,sans-serif; background:#e1e1e1; color:#000; text-align:left;}
ul { list-style: none;}
a { text-decoration: none; color:#119ecc;}
img { outline:none; border:none;}

.w1000 {
	width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt50 { margin-top: 50px;}
.ml10 { margin-left:10px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}
.ml50 { margin-left:50px;}
.mr20 { margin-right:20px;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb100 { margin-bottom:100px;}
.pl20 { padding-left:20px;}
.pt20 { padding-top:20px;}
.pt40 { padding-top:40px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}

.fl { float:left;}
.fr { float:right;}

.c9 { color: #999;}
.fs12 { font-size:12px;}
.fs14 { font-size:14px;}
.fs16 { font-size:16px;}
.fs18 { font-size:18px;}
.fs24 { font-size:24px;}
.lh2 { line-height:2;}
.tl { text-align:left;}
.fwblod { font-weight:bold;}
.gray { color:#666;}
.black { color:#000;}
.red { color:#F00;}
.yahei { font-family:\5FAE\8F6F\96C5\9ED1; }

/* clear float */
.clearfix:before,
.clearfix:after{content:".";display:block;height:0;visibility:hidden;font-size:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}/* IE < 8 */

.top-link { font-size: 14px; color: #206c3e; margin-top: 64px;}
.logo { padding-top:22px; padding-bottom:6px;}

/*header*/
.header { background:#fff;}
.header a { display:block; font-family:\5FAE\8F6F\96C5\9ED1;}

/* login */
.login-info a { margin-left:5px; margin-right:5px; margin-top:0; margin-bottom:0;}

/* banner */
.banner { background:url(../images/banner.jpg) no-repeat center 0; height:760px; overflow:hidden; position:relative;}


/* 评论 */
.comment-wrap { width:1000px; margin:auto;}

/* foot */
.botbg{ border-top:1px solid #e6e6e6; margin:20px auto 0px;}
.bot{text-align:center; margin-top:20px; font-size:14px; margin:0 auto; color:#333;}
.bot p { line-height:2;}
.link{ color:#ccc; background:#f7f7f7; height:40px; line-height:40px; padding-top:4px;}
.bot a,.link a{font-size:12px; text-decoration:none; color:#333;}
.link a { padding:0px 20px; font-size:14px; color:#666;}
/*  预设置   */

/* #top ---------------*/
#top { background: #F1F1F1; border-bottom: 1px solid #D9D9D9; box-shadow: 0 1px 0 #F2F2F2; }
#top-inner{ height:34px; line-height:34px; font-size: 14px; width: 1000px; overflow: visible;}
#top-inner a { color: #373737;}
#top-inner a:hover { background-color: transparent; color:#c00;text-decoration:underline;}
.quick-menu{float:left;}
.quick-menu li{ float:left; margin-right: 10px;}
.dropdown-area { position: relative; }
.menu-hd a { display: inline-block; height: 34px; padding-left: 10px; padding-right: 20px; position: relative; }
#top .dropdown-area:hover .menu-hd a{ background-color: #666; color: #fff; text-decoration: none;}
.menu-hd i { position: absolute; top: 13px; right: 8px; border-style: solid; overflow: hidden;width: 0; height: 0; border-color: rgba(255,255,255,0); border-color: transparent\0;
*border-color: #F1F1F1; border-width: 6px 3px 0; border-top-color: #6c6c6c;}
#top .dropdown-area:hover i { border-color: #666; border-top-color: #fff; }

.dropdown-box { position: absolute; top: 34px; left: 0; border: 1px solid #E0E0E0; box-shadow: 1px 1px 3px #EDEDED; width: 85px; padding: 5px 15px; background-color: #fff; display: none; z-index: 10;}
#top .dropdown-area:hover .dropdown-box { display: block; }
.dropdown-box-next { overflow: hidden;}
.dropdown-box p { border-top: 1px dashed #F1F1F1; line-height: 30px; margin-top: -1px;}

.login-info{ float:right;margin: 0; line-height: 34px; height: 34px;}
.login{ float:right;}
.login li{ float:left;}
#userFace{float:left;width:16px;height:16px;margin:2px 5px 0 0;border:1px solid #d8d8d8;}
.mail-icon{float:left;margin-top:10px;margin-left:5px;}
.mail-num{color:#c00;}
.my-center, .my-stow{padding:0 10px 0 11px;}
#btn-login { margin-right: 20px;}

/*12.13top修改*/
.notice{ float:right; padding-left:24px; margin-right:20px; color:#fff;background:url(../images/notice.png) no-repeat 0 0;}
.my-info{ float:right; position:relative; z-index:100;}
.u-info{ float:left;}
.u-info img{ float:left; margin-right:8px; width:20px; height:20px;}
.drop-icon{ *float:left; *margin-top:4px; padding-right:16px; background:url(https://skin.elecfans.com/images/arrow.png) no-repeat 5px 1px;}
.top-dropdown:hover .drop-icon{ background-position:5px -43px;}
.top-dropdown-menu{ position:absolute; right:0; top:-9999px; width:130px; padding:9px 0; background:#333; z-index:100;
	box-shadow:2px 2px 3px #999;	}
#top .top-dropdown-menu a { font-size:14px; display: block; padding: 3px 20px; clear: both; font-weight: normal; 
	line-height: 20px; color: #ccc; white-space: nowrap;}
.top-dropdown-menu a:hover{ color:#fff; text-decoration:none; background:#999; }



.trend { padding-bottom:20px; position:relative;}
.trend p { width:290px; padding:60px 0 0 20px; line-height:2.4; overflow:hidden;}
.trend-rt { padding-top:44px;}

.c-main { }
.c-blk { margin-top:20px; background:#fff; }
.c-tit { position:relative; left:-10px; top:20px; width:314px; height:36px; line-height:36px; padding-left:26px; background:url(../images/t-bg1.jpg) no-repeat; }
.c-tit2 { position:relative; left:-10px; top:20px; width:260px; height:36px; line-height:36px; padding-left:26px; background:url(../images/t-bg2.jpg) no-repeat; }
.c-tit h2, .c-tit2 h2 { font-size:18px; color:#fff;}
.line { position:absolute; left:30px; top:80px; border-left:2px solid #e0e0e0; border-top:2px solid #e0e0e0; width:174px; height:174px;}
.c-chip { background:#fff; margin-top:20px; }
.c-comp {  width:300px; height:300px; margin:50px 0 30px 20px; position:relative; float:left;}
.c-comp img { width:300px; height:300px;}
.c-ctext { width:300px; height:auto; background:#000; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; position:absolute; left:0; bottom:0px;}
.imgtext { width:260px; height:270px; float:left; padding:0px 20px; color:#fff;}
.c-name { color:#fff; text-align:center; line-height:30px; height:30px; }

/* focus */
.wrapper{width:380px; margin-right:20px; margin-top:2px; margin-left:20px; padding-top:42px;}
#focus{width:380px; height:400px; overflow:hidden; position:relative;}
#focus ul{ position:absolute;}
#focus ul li{float:left; width:380px; height:400px; overflow:hidden; position:relative; }
#focus ul li div{position:absolute; overflow:hidden;}
#focus .btnBg{position:absolute; width:380px; height:50px; left:0; bottom:0;}
#focus .btns{position:absolute; width:380px; height:15px; padding:5px; right:0; bottom:0px; text-align:right;}
#focus .btns span{display:inline-block; _display:inline; _zoom:1; width:25px; height:15px; _font-size:0; margin-left:5px; cursor:pointer; background:#000; filter:alpha(opacity=100); opacity:1; }
#focus .btns span.on{background:#000;}
.ul-sty li span { display:block; position:absolute; height:30px; line-height:30px; top:340px; left:10px; color:#000; font-size:16px; font-weight:bold; z-index:20;}

/* images-list */
.c-cont { width:220px; margin-left:24px; margin-top:50px; text-align:center; float:left; position:relative;}
.c-cont h3 { display:block; position:absolute; left:1px; top:109px; width:100%; height:40px; line-height:40px; background:#000; filter:alpha(opacity=70); opacity:0.7; color:#fff; font-family:Microsoft yahei; }
.c-cont p { text-align:left; padding:10px 0; font-size:12px; line-height:2; }
.c-cont img { border:1px solid #ccc; width:220px; height:148px;}
.c-des { margin:10px 20px;}
.c-cont img { width:220px;}
.dianp { margin:10px 20px 20px; padding:35px 20px 25px; border:1px solid #ddd; float:left; word-break:break-all; word-wrap:break-word; position:relative; border-radius:4px; background:#eee;}
.dpt { position:absolute; left:9px; top:-7px; background:url(../images/dp-tit.jpg) no-repeat; width:78px; height:29px;}

/* marquee5 */
#marquee5{width:310px; height:150px; overflow:hidden; background:#efefef;}
#marquee5 ul li{ display:block; width:270px; height:20px; padding:5px 20px; line-height:20px; overflow:hidden;}
