@charset "utf-8";
/*
 *edit by sumei
 *2014-5-28
 */
/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,select,p,blockquote,th,td{margin:0;padding:0;}
body,button,input,select,textarea{color:#787878;font:14px/1.8 \5fae\8f6f\96c5\9ed1,\5b8b\4f53,arial;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
em{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
:focus{outline:0;}
legend{display:none;}
table { border-collapse: collapse; border-spacing: 0;}

/* base ---------------------------------------------------*/
/* postion */
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.vm{vertical-align:middle;}
.ov{overflow:hidden;}
.pr{position:relative;}
.pa{position:absolute;}
.ps{position:static;}
.zoom{*zoom:1;}
.none{display:none;}
.block{display:block;}
.in-block{display:inline-block;}

/* margin */
.g-1000 { width: 1000px; margin: 0 auto;}
.mt5 {margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb5 {margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.ml5 {margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mr5 {margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

/* padding */
.pt5 {padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pb5 {padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pl5 {padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pr5 {padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}

/* 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 */

/* color */
a{color:#787878;text-decoration:none;}
a:hover{color:#0079a0;text-decoration:none;}
a:active{outline:none;}
a.color-blue{color:#3167ff;}

/* font */
.fb{font-weight:bold;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f18{font-size:18px;}
.f26{font-size:26px;}
.lh180{line-height:1.8;}
.lh200{line-height:2.0;}

.yahei{ font-family:\5fae\8f6f\96c5\9ed1,\5b8b\4f53;}
.arial{ font-family:arial;}
.grey9 { color: #999;}
.black { color: #000;}

body { background-color: #F7F7F7;}
/* top：页面顶部 ---------------*/
#top { background-color: #000; height: 30px;}

/*顶部=============================================*/
#top{ background-color: #222; font-size: 13px; height: 30px; line-height: 30px; font-family: \5b8b\4f53;}
.top-nav { float: left; margin-left: 10px; overflow: hidden; height: 30px;}
.top-nav li { float: left;}
.top-nav li.on a { border-top: 3px solid #C00; font-weight: 700; color: #fff; line-height: 25px; height: 27px;}
.top-nav li a { display: inline-block; color: #ccc; padding: 0 8px;}
.login-info { float: right; margin-right: 40px;}
.login-info a { display: inline-block; color: #fff; padding: 0 8px;}
.top a:hover { color: #CCC; text-decoration: none; background-color: #6F6F6F;}

.notice{ float:right; padding-left:24px; margin-right:20px; color:#fff;background:url(http://skin.elecfans.com/images/notice.png) 0 3px no-repeat;}
.my-info{ float:right; position:relative; z-index:100;}
.u-info{ float:left;}
.u-info img{ float:left; margin-right:8px; margin-top: 5px; width:20px; height:20px;}
.drop-icon{ *float:left; *margin-top:4px; padding-right:16px; background:url(http://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-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; }

.banner { height: 334px; background: url(../images/banner.jpg) no-repeat center 0; }

.content { margin-top: 7px;}
.content-left { width: 700px; float: left;}
.content-right { width: 260px; float: left; margin-left: 40px;}

.ui-box { background-color: #fff;}
.ui-box-hd { height: 32px; line-height: 32px; border: 1px solid #EEE; background: url(../images/ui-box-bg.jpg) repeat-x;}
.ui-box-hd h2 { font-size: 16px; color: #000; margin-left: 15px;}
.box-content { padding: 15px;}

.select-wrap { border-bottom: 1px solid #EEE; padding-bottom: 10px;}
.select-wrap dl {padding: 6px 0;}
.select-wrap dt { float: left;}
.select-wrap dd { float: left; width: 625px;}
.select-wrap dd a { margin: 0 20px; color: #000; white-space: nowrap; display: inline-block;}
.select-wrap dd a:hover,.select-wrap dd a.cur { color: #0079a0;}

.ui-list { width: 700px; margin-top: 15px;}
.ui-list li { float: left; width: 150px; margin-right: 23px; text-align: center; margin-top: 8px;}
.ui-list li .animatic-img { display: inline-block; border:1px solid #BFBFBF; width: 150px; height: 90px; overflow: hidden;
}
.ui-list li .animatic-img:hover { border-color: #0079A0;}
.ui-list li .animatic-title,.ui-list-right li .animatic-title { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.blue-l-btn { display: inline-block; background: url(../images/btn-bg.png) no-repeat; width: 240px; height: 39px; 
	margin: 26px 10px; color: #fff; line-height: 38px; font-size: 16px; text-indent: 18px;}
.blue-l-btn:hover { color: #fff;}

.ui-list-right { width: 220px; margin-left: 20px;padding: 10px 0 20px; }
.ui-list-right li { text-align: center; margin-top: 10px;}
.ui-list-right li .animatic-img {display: block; height: 120px; width: 220px; overflow: hidden; border: 1px solid #fff;}
.ui-list-right li .animatic-img:hover { border-color: #0079A0;}
.ui-list-right li .animatic-title { margin-top: 5px;}
.help-wrap { margin-left: 40px; padding: 20px 0; }
.help-title { height: 40px; line-height: 40px; font-size: 18px; background: url(../images/help-t.png) no-repeat; 
	padding-left: 58px;}
.help-title1 { background-position:0 -74px;}

.footer { text-align: center; margin-top: 25px; border-top: 1px solid #EEE; padding: 30px 0; font-family: arial,\5b8b\4f53; color: #9D9D9D; line-height: 26px;}
.footer a { color: #9D9D9D;}
.foot-link a { margin: 0 20px; font-size: 12px;}


/*intel*/
.header { background: url(../images/header-bg.jpg) repeat-x #fff; overflow: hidden; padding-bottom: 30px; }
.logo-img img { border: 1px solid #BFBFBF; width: 148px; height: 98px;}
.header-info { padding-left: 180px;}
.header-info h2 { font-size: 18px; color: #0961a9; font-weight: 700; line-height: 18px; padding-bottom: 10px;}
.header-info p a { white-space: nowrap;}
.ui-list-intel { margin-top: 0;}
.ui-list-intel li { width: 214px; margin-right: 12px; }
.ui-list-intel li .animatic-img { width: 220px; height: 120px; margin-top: 0px;  }
/*详情*/
.detail-info { padding-left: 235px;}
.detail-info .article-title { font-size: 18px; color: #000; font-weight: 700;}
.pro-img { display: inline-block; overflow: hidden; width: 215px; height: 120px; border: 1px solid #BFBFBF; float: left;}
.pro-img img { max-width: 215px;}
.blue-btn-s { display: inline-block; padding: 5px 15px; border-radius: 5px; background-color: #0079A0; color: #fff; font-size: 16px;}
.blue-btn-s:hover { color: #fff;}

.article-hd { border-bottom: 1px solid #eee; margin-top: 20px;}
.article-hd h3 { font-size: 16px; color: #000;}
.article-content { padding: 20px 0;}



/*用户评论 --------------------------------------------*/
.comment-wrap{font: 14px/1.4 'microsoft yahei',tahoma,'Hiragino Sans GB',sans-serif; margin-top: 30px;}
.depth-0{border-bottom:1px dashed #D9D9D9; padding-bottom: 20px; margin-top: 20px;}
.c-avatar{ _display:inline;float:left;width:60px;height:60px;overflow:hidden; margin-top: 5px;}
.c-avatar img { width: 60px; height: 60px;}
.children .c-avatar { width: 48px; height: 60px; }
.children .c-avatar img { width: 48px; height: 48px; }
.c-content { padding-left: 80px;}
.children .c-content { padding-left: 68px;}
.c-time{ color:#999; margin-left: 20px;}
.c-content-ft a { color:#999; margin-right: 15px; background: url(http://www.elecfans.com/skin-2014/images/c-img.png) no-repeat; padding-left: 20px;}
.c-content-ft a.delete-reply{background: url(../images/delete-reply.png) no-repeat 0 2px}
.c-content-ft a.c-reply { background-position: 0 -94px;}
.c-content-ft a.c-reply-yes,.c-content-ft a.c-reply:hover { background-position: 0 -62px;}
.c-content-ft a.adjust { background-position: 0 -28px;}
.c-content-ft a.adjust-yes,.c-content-ft a.adjust:hover { background-position: 0 5px  }
.c-content-ft a.relay { background-position: 0 -158px  }
.c-content-ft a.relay-yes { background-position: 0 -129px  }
.c-username{color:#41B7DD;}
.depth-1 { margin-left: 90px;}
.children .comment { margin-top: 30px;}
.c-content-word { padding: 5px 0;}
.loading { display: none; float: left; position: relative; margin: 12px 0 0 -25px;}
/*回复*/
.replyForm-wrap { background: url(http://www.elecfans.com/skin-2014/images/c-img.png) no-repeat 96px -200px; padding-top: 6px; margin-top: 5px;}
.replyForm-wrap form { background-color: #F0F0F0; padding: 10px;}
.replyForm-wrap form .textarea {float: none; width: 549px;}
.children .replyForm-wrap form .textarea {float: none; width: 459px;}
.replyForm-wrap form .textarea .comment-msg { width: 545px;}
.children .replyForm-wrap form .textarea .comment-msg { width: 465px;}
.relay-textarea-wrap .comment-msg { width: 533px; border-color: #fff; height: 50px; }
/*评论表单----------------*/
.commentForm-area{padding-bottom:10px;}
.wbavatar { float: left; text-align: center; font-size: 16px; line-height: 20px;}
.login_pic img { width: 60px; height: 60px; }

.textarea { width: 540px; float: right;}
.msg-area{width:100%;height:100px;}
.msg-area-bor{height:100px;border:1px solid #d8d8d8;}
.comment-msg{ display:block; width: 524px; height: 84px; padding:6px; overflow:auto; border: 1px solid #D4D9DD;border-radius:1px;
	line-height: 20px; font: 12px/1.5 tahoma,'Hiragino Sans GB','microsoft yahei',sans-serif;}
.comment-btn-area{ margin-top:8px; margin-left: 118px;}

.comment-btn-area .btn-hasLoading-wrap{float:right;}
.red-btn-m { padding: 3px 20px; background-color: #C80C00; border: none; color: #fff; border-radius: 3px; font-family:\5fae\8f6f\96c5\9ed1,\5b8b\4f53; font-size: 14px; cursor: pointer;}
.loading { margin-left: -10px;}

.comment-hd { border-bottom: 2px solid #CCC; height: 32px;}
.comment-title { font-size: 18px; color: #2B2B2B; padding-bottom: 5px; float: left;}
.comment-nav { float: right; margin-top: 8px; position: relative;}
.comment-nav li { float: left; line-height: 24px;}
.comment-nav li a { color: #4A4849; font-size: 14px; padding: 0 10px;}
.comment-nav li a:hover { text-decoration: none; color: #c00;}
.comment-nav li.cur { border-bottom: 2px solid #c00; }
.comment-nav li.cur a { color: #c00;} 

/*转发评论*/
.comments-dialog { position: fixed; width: 430px; height: 280px; top: 50%; left: 50%; margin-top: -140px; box-shadow: 1px 1px 6px #666; 
    margin-left: -215px; z-index: 100; border:1px solid #D7D7D7; border-radius: 5px; background-color: #fff; font-family:'microsoft yahei';}
.dialog-wrap {padding: 15px 35px; position: relative;}
.c-dialog-hd h3 { font-size: 18px; color: #333;}
.c-dialog-bd { padding-top: 10px;}
.close-c-dialog { font-size: 24px; cursor: pointer; position: absolute; top: 18px; right: 35px; width: 22px; height: 22px; line-height: 22px; text-align: center;}
.relay-comments { padding: 5px; width: 350px; height: 36px; background-color: #F2F2F2; border:none;  font-family:'microsoft yahei';}
.relay-comments a { color: #09C;}
.relay-content { padding: 5px; border: 1px solid #AEAEAE; width: 348px; height: 70px;}
.dialog-wrap .weibo-area { float: left;}
.relay-submit { padding: 5px 25px; background-color: #FFA74E; border: none; color: #fff; border-radius: 3px;
font-family: \5fae\8f6f\96c5\9ed1,\5b8b\4f53; font-size: 16px;}
.dialog-wrap .check-sina input { margin-right: 35px;}
.dialog-wrap .check-tencent input { margin-right: 30px;}
.dialog-wrap .check-sina { background-position: 17px 0; padding-right: 0; font-size: 14px;}
.dialog-wrap .check-tencent { background-position: 17px -36px; font-size: 14px;}

/*新版分页*/
#new-comment-pagels { text-align: center; padding-top: 30px; padding-bottom: 30px; line-height: 18px; }
#new-comment-pagels a,#new-comment-pagels span { padding: 2px 9px; margin: 0 3px; border-radius: 2px;}
#new-comment-pagels a { border:1px solid #CFCBCC;}
#new-comment-pagels span.current { background-color: #FAA113; border: 1px solid #EA9715; color: #fff;}


/* 对话框样式 -----------------------------------------------*/
.dialog{width:100%;height:100%;overflow:hidden;background:#fff; font-family:\5fae\8f6f\96c5\9ed1;}
/*hd*/
.dialog-hd { height:50px; overflow:hidden; border-bottom:1px solid #F1F1F1; background:#F6F6F6;
    color:#555; font-size:20px; line-height:50px; text-indent:15px; }
.dialog-hd span{font-size:12px;color:#eee;font-family:arial;}
.dialog-hd a{color:#eee;}
/*bd*/
.dialog-bd{ padding:10px;}
.dialog-loading{width:140px;margin:0 auto;padding-top:25px;color:#666;}
.dialog-loading img{float:left;margin:2px 5px 0 0;}
/*close*/
.close-dialog{ position:absolute; top:10px; right:10px; width:28px; height:28px; color:#D0CECF; 
	text-align:center; cursor:pointer; font-size: 20px;}
.close-dialog:hover{ color:#444;}

/*对话框表单提交成功提示*/
.success-tip{padding:40px 30px 30px 130px;background:url(/skin-2014/images/tip-ok.jpg) no-repeat 50px 22px;}
.tip-title{margin-left:-3px;color:#000;font-size:26px;font-weight:bold;}
.tip-content{color:#666;font-size:12px;}

/*登录窗口 -----------------------------------------------*/
.other-login-link { display: block; width: 270px; margin: 15px auto; height: 36px; line-height: 36px; text-align: center; text-indent: 35px;
	font-size: 16px; border-radius: 3px; color: #fff; background: url(/skin-2014/images/other-login.png) no-repeat; }
.other-login-link:hover { color: #fff; text-decoration: none;}
.sina-login-link { background-color: #FA8C35; background-position: 45px 3px;}
.qq-login-link { background-color: #0C95D9; background-position: 45px -42px;}

/*表单*/
.login-form{ margin-left: 40px; border-top: 1px dotted #E5E5E5; width: 270px; position: relative; margin-top: 20px; padding-top: 5px;}
.login-line { position: absolute; left: 110px; top: -12px; background-color: #fff; display: inline-block; font-size: 14px; color: #ccc;}
.login-form-item{ margin-top: 15px;}
.login-input,.login-form-tip,.forgetPw { background: url(/skin-2014/images/login-ico.png) no-repeat;}
.login-input{ width:225px; height:18px; padding:8px 5px 8px 40px; border:1px solid #D0CECF; border-radius:3px;  font-family:\5fae\8f6f\96c5\9ed1; font-size: 16px; line-height: 17px;}
.login-input:focus{border-color:#4aabff;}
.login-input-username { background-position: 8px 5px;}
#password { background-position: 8px -33px;}
/*loading*/
.btn-area{ margin-top: 15px;}
.loading{display:none;float:left;position:relative;margin:7px 0 0 -25px;}
.loading img{display:block;width:16px;height:16px;}
.login-btn-area .btn-hasLoading-wrap{float:left;}
.login-submit,.lostpw-submit { padding: 5px 30px; font-size: 16px; margin: 0;}
.forgetPw { color: #1EA3E4; padding-right: 23px; background-position: right -103px; float: left; margin-top: 10px; margin-left: 20px; }
.forgetPw:hover {  text-decoration: none;}
/*表单提示*/
.login-form-tip { display:none; line-height: 24px; width: 243px; padding-left: 27px; background-position: 0 -73px; font-size: 14px; margin-top: 10px;}
.login-form-tip.tip-show{display:block;}

/*忘记密码*/
.lostpw-form { margin-left: 40px;margin-top: 10px; width: 270px;}
.login-input-email { background-position: 8px -124px;}
a#back-login-link { color: #666; text-decoration: none;}

.login-submit { padding: 3px 20px; background-color: #C80C00; border: none; color: #fff; border-radius: 3px; font-family:\5fae\8f6f\96c5\9ed1,\5b8b\4f53; font-size: 14px;}
.loading { margin-left: -10px;}

/* footer ------------*/
.footer{ position: relative; border-top:1px solid #c4c4c4;padding:10px 0; line-height:21px; text-align:center; margin-top:10px;font-family:arial;}
.foot-link{color:#ccc; margin-bottom:5px;line-height:26px;}
.foot-link a{display:inline-block;*zoom:1;height:25px;margin:0 8px;}
.foot-link img{vertical-align:middle;}
.small-wx { position: absolute; top: 5px; right: 0; }