/* ==================小测试==================*/

/* #top ---------------*/
#top{ background-color: #3b3b3b; font-size: 13px; height: 30px; line-height: 30px;}
#top a{ display: inline-block; color: #fff; padding: 0 8px;}
#top a:hover{ color: #CCC; text-decoration: none; background-color: #6F6F6F;}
#top-inner{ padding: 0 15px;}
.quick-menu{float:left;}
.quick-menu li{ float:left;}
.quick-menu a:hover {background: none;}
.login-info{float:right; margin-right: 15px;}

.login-link{
    cursor: pointer;
}
.notice {
    float: right;
    padding-left: 24px;
    margin-right: 20px;
    color: #fff;
    background: url(https://skin.elecfans.com/images/notice.png) no-repeat 0 3px;
}
.my-info {
    float: right;
    position: relative;
    z-index: 100;
}
.u-info img {
    float: left;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    margin-top: 5px;
}
.top-dropdown-menu {
    position: absolute;
    right: 0;
    top: -9999px;
    width: 130px;
    padding: 9px 0;
    background: #111;
    z-index: 100;
    box-shadow: 2px 2px 3px #999;
}
#J_topLogout .umenu {
    cursor: pointer;
    color: #FFF;
}
#J_topLogout .umenu img {
    display: inline-block;
    /*margin-left: 20px;*/
    vertical-align: -7px;
    width: 24px;
    height: 24px;
    /*border-radius: 24px;*/
}

#J_topLogout .u-name{
	margin-left: 10px;
}

#J_topLogout a{
    color: #fff;
}


/* .header ---------------*/
.header{ width: 100%; height: 84px; background: #f7f7f7; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px;}
.logo{ margin-top: 18px;width:248px}
.q_title{ margin-top: 34px; border-left: 2px solid #ccc; font: bold 18px/20px "微软雅黑"; color: #222222; padding-left: 15px; margin-left: 14px; }

/* .content ---------------*/
#banner{ position: relative; width: 660px; height: 180px; }
#images_show li{ position: absolute; top:0; left: 0; display: none; }
#images_show li.cur{ display: block; }
#dot{ position: absolute; bottom: 10px; right: 6px; width: 66px; height: 10px; }
#dot li{ float: left; width: 10px; height: 10px; background: url(../images/dot2.png) no-repeat; margin-right: 10px; cursor: pointer; }
#dot li.cur{ background: url(../images/dot1.png) no-repeat;}
.news{ width: 660px; padding-top: 24px; padding-bottom: 6px;}
.news_title{ font: 18px/24px "微软雅黑"; color: #333; height: 30px; border-bottom: 2px solid #d83c40;}
.hd{ height: 30px; border-bottom: 2px solid #eee; }
.news_list li{ width: 100%; padding: 20px 0; border-bottom: 1px solid #eee; }
.exam .news_list .metz_img,.metz_img { display: block; width: 158px; height: 98px; border: 1px solid #e6e6e8; margin-right: 9px; }
.metz_img img { width: 158px; height: 98px; }
.cont{ width: 270px; }
.list_p { font:12px/26px "微软雅黑"; color: #999; }
.red{ color: #d83c40; }
.tcen { width: 158px; text-align: center; }
.list_title{ font: bold 16px/24px "微软雅黑"; margin-bottom: 3px; color: #333; }
.blue { color: #225599; }
.join,.award_name,.detail{ display:block; width: 80px; height: 26px; color: #fff; border-radius: 3px; text-align: center; margin-top: 3px; }
.join{ background: #d83c40; }
.detail{ background: #999; }
.award_name{ background: #999; margin-left: 10px; }
.con_right { width: 300px;}
#roll1,#roll2,#roll3,#roll4,#roll5{margin-bottom: 10px;}
.col_info{ margin-bottom: 24px; }
.col_title { font:18px/20px "微软雅黑"; padding-left: 28px; background: url(../images/icons.png) no-repeat;}
.t1{ background-position: 0px -1px }
.bor,.col_box{ border: 1px solid #eee; margin-top: 12px; }
.wt106,.wt86{ width: 106px; text-align: center; }
.wt86 { width: 86px; }
.col_hd { background: #f7f7f7; font:14px/34px "微软雅黑"; }
.t2{ background-position: -2px -56px; }
.col_box{ padding: 10px; }
.meetting li{ margin-bottom: 18px; }
.meetting li:last-child{ margin-bottom:0; }
.col_images { width: 98px; height: 38px; border: 1px solid #e6e6e8; margin-right: 10px; }
.exam_name{ font:14px/20px "微软雅黑"; }
.t3{ background-position: -1px -110px; }
.datet,.dateb{ width: 36px; height: 18px; text-align: center; line-height: 18px; margin-right: 14px; }
.datet{ border-radius: 4px 4px 0 0; color: #fff; }
.dateb{ border-radius: 0 0 4px 4px; }
.bgr{ background: #cc0000; }
.bgg{ background: #eee; }
.bgb{ background: #225599; }
.c6{ color: #666; }
.col_link{ line-height: 20px; width: 201px;}
.col_link a{ color: #d83c40; }
.col_box p a{ color: #333; }
.t4 { background-position: 0 -160px; }
.t5 { background-position: 0 -204px; }

/* .footer---------------*/
.footer{ height:128px; border-top: 1px dashed #ccc; padding-top: 6px; }
.f_ul li{ float: left; }
.f_ul li a{ color: #333; }


/* ==================设计大赛==================*/

/* #top ---------------*/
.exam,.examTop { font-size: 13px; }
.examTop { background-color: #3b3b3b; font-size: 12px; height: 30px; line-height: 30px; font-family: "微软雅黑";}
.examTop a{ display: inline-block; color: #fff; padding: 0 8px; text-decoration: none;}
.examTop a:hover{ color: #CCC; text-decoration: none; background-color: #6F6F6F;}
.examTop #top-inner{ padding: 0 15px;}
.examTop .quick-menu{float:left;}
.examTop .quick-menu li{ float:left;}
.examTop .quick-menu a:hover {background: none;}
.examTop .collect{float:right;}

/* .centent ---------------*/
.exam .list_title {font: normal 16px/24px "微软雅黑"; } 
.exam .list_p {font: 14px/26px "微软雅黑"; color: #999; } 
.exam .col_box p a { font: 14px/28px "微软雅黑"; }
.exam a:link,.exam a:visited{ color: #333; }
.exam a:hover{ color: #259; }
.t6 { background-position: 0 -252px; }
.logo_list { width: 128px; height: 48px; display: block; border: 1px solid #eee; margin-top: 25px; }
.exam .news_list a { display: block; width: 130px; text-align: right; }
.exam .news_list h3 a{ display: inline; }
.exam .col_box .col_link a {line-height: 24px;} 
.exam .red:link, .exam .red:visited{color: #D83C40;} 
.exam .blue:link, .exam .blue:visited { color: #259; } 

/* ==================厂家专区==================*/

/* .centent ---------------*/
.zone_list { width: 520px;}
.zone_img{ width: 118px; height: 178px; border: 1px solid #eee; line-height: 178px; }
.exam .news_list .img_link { display: block; margin-right: 20px; width: 118px; }
.news_list li .title_list li{ display:inline-block; width: 92px; padding: 0px; border: 3px solid #fff; line-height:32px; border-bottom: none; float: left; text-align: center; color: #666; background: #f2f2f2; cursor: pointer; }
 .news_list li.special .title_list li, .news_list li.special .title_list li.cur { width: 79px; }
.news_list li .title_list li a:link,.news_list li .title_list li a:visited { color: #666; display: inline; }
.news_list li .title_list li a:hover{ color:#990000; }
.news_list li .title_list li.cur{ border: 1px solid #e3e3e3; border-bottom: none; background: #fff; width: 96px; line-height:34px; position: relative; top:1px; } 
.inner_list{ border-top: 1px solid #e3e3e3; padding-top: 12px; height: 130px;/* overflow: hidden;*/ line-height: 22px;}
.news_list li .zone_ul li{ padding: 0px; border: 0; float: none; position: relative; width: 100%; } 
.news_list li .zone_ul li a{ display: inline-block; width: 250px; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; text-align: left; }
.tip{ display: none; position: absolute; top:20px; z-index: 999; background: #fff; line-height: 20px; border: 1px solid #767676; padding: 0 8px; }
.left_tip { left: 40px; }
.right_tip { right: 0px; }