/*====================header内容====================*/
.header{
	width: 100%;
	overflow: hidden;
}
/* #top ---------------*/
#top{background-color:#2E2E2E; border-bottom: 1px solid #4B4B4B; box-shadow: 0 1px 0 #F2F2F2; color: #ddd; }
#top a{color:#fff;}
#top a:hover{ color:#C00B00;}
#top-inner{ margin:0  auto;height:34px; line-height:34px; font-size: 14px; overflow:visible; width:1000px;}
.quick-menu{float:left;}
.quick-menu li{ float:left;margin-right: 20px;}
.quick-menu a:hover {background: none;}
.dropdown-area { position: relative; }
#top .dropdown-box-next a { color: #666;}
.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 a:hover { text-decoration: none;}
.menu-hd i { position: absolute; top: 15px; right: 8px; display: inline-block; width: 0; height: 0; font-size: 0; line-height: 0; border-width: 6px 4px 0; border-style: dashed; border-color: transparent;
border-top-color: #666; border-top-style: solid; z-index: 1000;}

#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: 92px; padding: 5px 10px; background-color: #fff; display: none; z-index:20;}
#top .dropdown-area:hover .dropdown-box { display: block; }
.dropdown-box-next { overflow: hidden;}
.dropdown-box p { border-top: 1px dashed #F1F1F1; width: 92px; line-height: 30px; margin-top: -1px;}
.banner{
	width: 100%;
	height: 350px;
    background: #2c82c9 url(../images/banner.jpg?v=1.0) no-repeat center top;
}
/*====================header内容结束====================*/

/*====================content内容====================*/
.content{
	width: 1000px;
	margin: 15px auto;
}
.cont-hd{
	width: 100%;
	height: 51px;
	background: url(../images/hd_bg.png) repeat-x;
}
h3.title,h3.title1{
	height: 34px;	
}
h3.title{
	width: 74px;
}
h3.title1{
	width: 56px;
}
.download{
	width: 112px;
	height: 33px;
	font:14px/33px "微软雅黑";
	color: #fff;
	cursor: pointer;
	padding-left: 36px;
    padding-right: 12px;
    background: #f37934 url(../images/icons.png) no-repeat -130px -396px;
}
.infor,.infor2{
	overflow: hidden;
	border-bottom: 1px solid #eee;
}
.infor{
	width: 478px;
	padding: 0 20px 24px 0;
	border-right: 1px solid #eee;
}
.infor2{
	width: 480px;
	padding: 0 0 24px 20px;
}
.cont-bd .bor-none-bot{
	border-bottom:0;
}
.images{
	width: 140px;
	height: 128px;
	/*border: 1px solid #eee;*/
	text-align: center;
}
.images .inner_image{
	width: 95px;
	height: 128px;
	border-left: 1px solid #f6f2eb;
	border-right: 1px solid #f6f2eb;
}
p.infor_cont{
	width: 300px;
	height: 76px;
	overflow: hidden;
    text-overflow: ellipsis;
}
.infor_down {
	display: block;
	width: 90px;
	height: 30px;
	line-height: 30px;	
	text-align: center;	
	color: #fff;
	background: #2c82c9;
	cursor: pointer;
}
.infor_down:link,.infor_down:visited{
	background: #2c82c9;
}
.infor_down:hover{
	background: #2a6ca7;
}
h3.infor_title a{
	display: block;
	font:16px/16px "微软雅黑";
	color: #333;
	margin-bottom: 22px;
}
.show-more{
   display: block;
   width: 100%;
   height: 40px;
   line-height: 40px;
   margin-top: 35px; 
   margin-bottom: 18px; 
   text-align: center;
   background: #eee;
   color: #666;
   cursor: pointer;
}
.rules{
	padding: 16px 0 10px 0;
}
p.list{
	font:14px/28px "微软雅黑";
	color: #333;
}
.gifts{
	padding: 19px 30px 13px 100px; 
}
.gifts-list{
	margin-right: 70px;
	text-align: center;
}
.gifts-image{
	width: 217px;
	height: 218px;
	border: 1px solid #eee;
	border-radius: 8px;
	text-align: center;
	margin-bottom: 18px;
}
.gift-p{
	color: #333;
}
.gift-bor{
	border-top: 1px solid #f5f5f5;
}
.mouser-electronics .title{
	width: 273px;
}
.mouser-electronics p.about{
	font: 14px/24px "微软雅黑";
	color: #333;
	margin-top: 36px;
	text-indent: 2em;
}
.mouser-electronics p.about a{
	color: #2c82c9;
}
.mouser-electronics p.about a:link,.mouser-electronics p.about:visited{}
.mouser-electronics p.about a:hover{
	color: #2a6ca7;
}
.about-image{
	margin-top: 20px;
	width: 100%;
	height: 115px;
}
.hide{
	display: none;
}
/*====================content内容结束====================*/

/*====================footer内容====================*/
.footer{
	width: 100%;
	height: 212px;
	background: #eee;
	margin-top: 40px;
}
.contact{
	margin-top: 36px;
}
.contact-p{
	width: 153px;
	text-align: center;
}
.contact_logo{
	width: 153px;
	height: 50px;
}
.wechat{
	margin-top: 20px;
	width: 272px;
	margin-right: 28px;
}
.wechat_image{
	width: 118px;
	height: 118px;
	margin-right: 14px;
}
.footer p.foot_p{
	font-size: 12px;
}
.foot-link{
	width: 100%;
	height: 33px;
	margin-top:30px;
	border-top: 1px solid #ddd;
	padding-top: 10px;
}
.footer .ft_nav ul.foot_ul li{
	float: left;
	margin-right: 10px;	
}
.footer .ft_nav ul.foot_ul li a{
	display: block;
	font: 12px/13px "微软雅黑";
	border-right: 1px solid #666;
	padding-right: 10px;
}
.footer .ft_nav ul.foot_ul li.last a{
	border: none;
}
.footer .ft_nav ul.foot_ul li a:link,.footer .ft_nav ul.foot_ul li a:visited{
	color: #666;
}
/*====================footer内容结束====================*/

/*====================右边固定导航nav-right内容====================*/
.nav-right{
	width: 80px;
	position: fixed;
	_display: none;
	right: 30px;
	bottom:22%;
	padding-bottom: 30px;
}
.nav-right li a{
   display: block;
   width: 80px;
   height: 28px;
   margin-bottom: 2px;
   padding: 44px 0 8px 0;
   text-align: center;
   font: 14px/28px "微软雅黑";
}
.nav-right li a.no5{
/*	display: none;*/
}
.nav-right li a:link,.nav-right li a:visited{
	background: #e7f5ff url(../images/icons.png) no-repeat;
	color: #2c82c9;
}
.nav-right li a.no1:link,.nav-right li a.no1:visited{
	background-position: -2px -5px;
}
.nav-right li a.no2:link,.nav-right li a.no2:visited{
	background-position: -2px -90px;
}
.nav-right li a.no3:link,.nav-right li a.no3:visited{
	background-position: -2px -170px;
}
.nav-right li a.no4:link,.nav-right li a.no4:visited{
	background-position: -2px -256px;
}
.nav-right li a.no5:link,.nav-right li a.no5:visited{
	background-position: -2px -318px;
}
.nav-right li a:hover{
	background: #2c82c9 url(../images/icons.png) no-repeat;
	color: #fff;
}
.nav-right li a.no1:hover{
	background-position: -82px -5px;
}
.nav-right li a.no2:hover{
	background-position: -82px -90px;
}
.nav-right li a.no3:hover{
	background-position: -82px -170px;
}
.nav-right li a.no4:hover{
	background-position: -82px -256px;
}
.nav-right li a.no5:hover{
	background-position: -85px -318px;
}
/*====================右边固定导航nav-right内容结束====================*/

/*====================弹出框fill-infor内容====================*/
.fill-infor{
	display: none;
	width: 410px;
	margin: 30px;
	padding: 30px 20px 36px 74px;
	box-shadow: 0 0 50px #818181;
	position: fixed;
	_position: absolute;
	background: #fff;
	top:10%;
	right: 25%;
	z-index: 9999999;
}
.black{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left:0;
	z-index: 999999;
	background: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
}
#userfrm .red_bor {
	border:1px solid red;
}
.red{
	color: red;
}
.group{
	margin-bottom: 20px;
}
.tip{
	display: block;
	width: 67px;
}
#userfrm .bor {
	color: #000;
	border:1px solid #2b82c9;
}
.fill_input,.fill_input2,#city,#province{
	height: 24px;
	border: 1px solid #ccc;
	padding-left: 4px;
	font: 14px/24px "微软雅黑";
}
.fill_input,.fill_input2{
	/*color: #ccc;*/
}
 #city, #province {
 	color: #666;
 }
.fill_input{
	width: 258px;
}
.fill_input2{
	width: 258px;
}
#city,#province{
	float: left;
	display: block;
	height: 24px;
	margin-right: 2px;
	width: 131px;
}
.sub,.res{
   width: 60px;
   height: 33px;
   font: 14px/30px "微软雅黑";
   margin-right: 19px;
   border: 0;
   cursor: pointer;
}
.sub{
	color: #fff;
	background: #2c82c9;
}
.res{
	color: #666;
	background: #eee;
}
.close{
   position: absolute;
   top:5px;
   right: 15px;
   cursor: pointer;
   color: #999;
}
/*====================弹出框fill-infor内容结束====================*/

/*data_detail.html的内容*/

/*====================left_part内容====================*/
.left_part{
	width: 662px;
	margin-right: 34px;
}
.left_part h3.data_title,.left_part .sum h3{
    color: #2b82c9;    
}
.data{
	margin-top: 28px;
}
h3.data_title{
	font:18px/74px "微软雅黑";
}
.sum h3{
	font:16px/18px "微软雅黑";
	margin-bottom: 20px;
}
.textem{
	border-bottom: 1px solid #eee;
	padding-bottom: 28px;
}
.image{
	width: 297px;
	height: 385px;
	/*border: 1px solid #eee;*/
	padding: 5px;
	text-align: center;
	margin-right: 38px;
}
.sum{
	width: 314px;
}
/*====================right_part内容====================*/
.form_w1{
	width: 220px;
}
.form_sub{
  width: 272px;
  margin-top: 28px;
  padding: 14px 16px 30px 14px;
  background: #f7f7f7;
  border-radius: 12px;
}
.form_sub h2 {
    padding-bottom: 0px;
    border-bottom: 0px none;
    margin-bottom: 16px;
    font: 22px/24px "微软雅黑";
    color: #333;
}
.form_sub p.tipem {
    margin-bottom: 16px;
}
.form_sub p label, .form_sub p.tipem {
    color: #333;
    font: 12px/22px "微软雅黑";
}
em{
	color: red;
}
.form_sub .fill_input,.form_sub #city,.form_sub #province {
    font: 12px/24px "微软雅黑";
}
.form_sub #city, .form_sub #province {
    width: 96px;
    margin-right: 5px;
}
.form_sub #city{
	margin-right: 0;
}
.form_sub .fill_input {
    width: 208px;
}
.form_sub .tip{
  width: 58px;
  font: 12px/24px "微软雅黑";
  text-align: right;
}
p.agree{
	font: 12px/12px "微软雅黑";
	color: #999;
	margin-left: 60px;
}
p.agree .box{
	margin-top: 7px;
	width: 15px;
	height: 15px;
}
p.agree label{
	margin-left: 8px;
	/*width: 227px;*/
	color: #666;
	font: 12px/24px "微软雅黑";
}
.form_sub .sub,.form_sub .policy {   
    font: 16px/36px "微软雅黑";  
    cursor: pointer;
}
.form_sub .sub{
	width: 113px;
	border: 0px;
    height: 38px;
    margin-right: 0;
}
.form_sub .policy a{
	display: block;
	width: 111px;
    height: 36px;
    text-align: center;
    background: #eee; 
    border: 1px solid #ddd;
	margin-right: 20px;
}
.form_sub .policy a:link,.form_sub .policy a:visited{
	color: #666;
}


.elecfans-privacy {
	color:#aaa;
	text-decoration: none !important;
}