@charset 'utf-8';
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,input,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; }
body,html{
    background-color: #f7f7f7;
    height: 100%;
}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
em,strong{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
table {border-spacing:0;}
q:before,q:after,blockquote:before,blockquote:after {content: "";}
a{text-decoration: none;}
:focus{outline:0;}
legend{display:none;}
body, button, input, select, textarea { font: 12px/1.5 \5b8b\4f53,arial; }
/* 清理浮动 */
.fn_clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.fn_clear { zoom:1; /*  for IE6 IE7 */ }
/* 正常链接 未访问 */
a{ color: #3e3e3e; }
/* 顶部黑色部分模块 */
.header_top {
    width: 100%;
    min-width: 1000px;
    height: 35px;
    margin: 0 auto;
    background-color: #000;
}
.header_top .top {
    width: 1000px;
    height: 35px;
    margin: 0 auto;
}

.header_top .quick-menu {
    float: left;
}
.header_top ul li {
    float: left;
    line-height: 35px;
}
.header_top .quick-menu li {
    margin-right: 20px;
}

.header_top ul li a {
    color: #fff;
}
.header_top ul li a:hover {
    text-decoration: underline;
}

.dropdown-area { position: relative; }
.header_top ul li .dropdown-box-next a { color: #666;}
.menu-hd a { display: inline-block; height: 34px; padding-left: 10px; padding-right: 20px; position: relative; }
.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;}
.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;}
.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;}

/* 头部logo模块 */
.header {
    width: 1000px;
    margin: 0 auto;
    padding: 13px 0 14px 0;
}
.header .logo {
    float: left;
}
.header .logo a {
    float: left;
    width: 235px;
    height: 103px;
    background: url(../images/logo.jpg);
}
.header .questionnaire {
    float: right;
}
.header .questionnaire dd {
    float: right;
    margin-left: 18px;
}
.header .questionnaire dd h1 {
    margin: 25px 0 15px 0;
    color: #007ac2;
    font-size: 14px;
    font-weight: bold;
}
.header .questionnaire dd a {
    color: #e60012;
}
.header .questionnaire dd a:hover {
    text-decoration: underline;
}
.header .questionnaire dt {
    float: right;
}
.header .questionnaire dt img {
    float: left;
}
/* 导航栏模块 */
.nav {
    width: 100%;
    min-width: 1000px;
    height: 37px;
    margin: 0 auto;
    background-color: #007ac3;
}
.nav ul {
    width: 1000px;
    margin: 0 auto;
}
.nav ul li {
    float: left;
}
.nav ul li a {
    float: left;
    height: 37px;
    line-height: 37px;
    padding: 0 20px;
    color: #fff;
    font-family:'Microsoft Yahei';
}
.nav ul li a:hover,.hover {
    background-color: #0193e9;
}
/* 主要内容模块 */
.content {
    width: 1000px;
    margin: 17px auto;
}
/* 主要内容左侧模块 */
.con_left {
    float: left;
    width: 660px;
}
    /* 标题共同模块 */
.content h2 {
    padding-bottom: 28px;
    border-bottom: 2px solid #e9edee;
}
.content h2 span {
    float: left;
    width: 80px;
    padding-bottom: 10px;
    border-bottom: 2px solid #007bc1;
    font-weight: bold;
}
.content h2 a {
    float: right;
    color: #8ea7a4;
}
.content h2 a:hover {
    text-decoration: underline;
}
    /* 代理品牌模块 */
.con_left .acting_brand .brand_list {
    height: 450px;
    margin-top: 30px;
    background: url(../images/brand_list.jpg);
}
/* 主要内容右侧模块 */
.con_right {
    float: right;
    width: 300px;
}
    /* 关于Heilind模块 */
.con_right .about p {
    margin-top: 13px;
    line-height: 24px;
    color: #6f6f6f;
}
.con_right .about p a {
    color: #007ac2;
}
.con_right .about p a:hover {
    text-decoration: underline;
}
    /* 最新视频模块 */
.con_right .latest_video {
    margin-top: 35px;
}
.con_right .latest_video .video_banner {
    position: relative;
    width: 300px;
    height: 172px;
    margin-top: 26px;
    background-color: #007ac2;
    overflow: hidden;
}
.con_right .latest_video .video_banner .scroll {
    position: absolute;
    width: 9999em;
}
.con_right .latest_video .video_banner .scroll li {
    float: left;
    height: 172px;
    overflow: hidden;
}
.con_right .latest_video .video_banner ul li img {
    width: 300px;
    height: 172px;
}
.con_right .latest_video .video_banner span {
    display: none;
    position: absolute;
    width: 20px;
    height: 44px;
    top: 64px;
    text-align: center;
    line-height: 44px;
    font-size: 24px;
    font-weight: bold;
    background-color: #000;
    color: #fff;
    opacity: 0.5;
    filter:alpha(opacity=50);
    cursor: pointer;
}
.con_right .latest_video .video_banner span:hover {
    background-color: #666;
}
.con_right .latest_video .video_banner .prev {
    left: 0;
}
.con_right .latest_video .video_banner .next {
    right: 0;
}
.con_right .latest_video .video_banner:hover span {
    display: block;
}
.con_right .latest_video .video_banner p {
    position: absolute;
    width: 100%;
    height: 25px;
    line-height: 25px;
/*  left: 0;
    bottom: 0;*/
    background-color: rgba(0, 0, 0, 0.5);
    margin-top:-30px;
}
.con_right .latest_video .video_banner p a {
    /*float: left;*/
    padding-left:15px;
    width: 14px;
    height: 14px;
    margin: 5px 10px 0;
    padding-bottom:5px;
    background: url(../images/video_play_btn.png) no-repeat;

}
.con_right .latest_video .video_banner p strong {
    /*float: left;*/
    color: #fff;
}
    /* Estore平台 */
.con_right .estore {
    margin-top: 40px;
}
.con_right .estore img {
    margin-top: 10px;
}
.con_right .estore p {
    line-height: 24px;
    color: #6f6f6f;
}
.con_right .estore p a {
    color: #007ac2;
}
.con_right .estore p a:hover {
    text-decoration: underline;
}
    /* 射击游戏 */
.con_right .shooting_game {
    margin-top: 40px;
}
.con_right .shooting_game strong {
    position: relative;
    display: block;
    height: 24px;
    padding-top: 148px;
    margin-top: 26px;
    background: url(../images/shooting_game.jpg);
}
.con_right .shooting_game strong a {
    position: absolute;
    display: none;
    float: left;
    width: 100%;
    left: 0;
    top: 0;
    height: 172px;
}
.con_right .shooting_game strong em {
    position: absolute;
    width: 107px;
    height: 107px;
    left: 97px;
    top: 21px;
    background: url(../images/shooting_game_hover.png);
    cursor: pointer;
}
.con_right .shooting_game strong span {
    display: block;
    height: 24px;
    line-height: 24px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
}
.con_right .shooting_game strong:hover a {
    display: block;
}
.con_right .share_self {
    margin-top: 40px;
}
/* 二维码 */
.two_dimensional_code {
    position: fixed;
    top: 200px;
    right: 15px;
}
.two_dimensional_code img {
    width: 120px;
    height: 110px;
}
/* 底部 */
.m_footer { height: 100px; text-align: center; background-color: #fff; padding-top: 30px; border-top: 1px solid #e3e3e3; }
.m_footer p,.m_footer p a { color: #666; font-size: 12px; text-align: center; line-height: 2.4; }

/* 弹出框 */
.black{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top:0;
    left:0;
    z-index: 9999;
    background: #000;
    opacity: 0.5;
    _filter:alpha(opacity=50);
}
.register {

    margin:auto;

    width: 465px;
    padding-bottom: 36px;
    box-shadow: 0 0 20px #818181;
    background-color: #fff;
    z-index:99999;
}
.register .close {
    float: right;
    width: 17px;
    height: 17px;
    background: url(../images/close.png) no-repeat;
    margin-right: 20px;
    margin-bottom:2px;
    cursor: pointer;
}
.content .register h2 {
    margin-left: 20px;
    padding: 28px 0;
}
.content h2 {
    padding-bottom: 28px;
    border-bottom: 2px solid #CCC;
}
.con_left .technical_data p {
    line-height: 24px;
    margin-top: 12px;
}
.register h2 span {
    float: left;
    width: 80px;
    padding-bottom: 7px;
    border-bottom: 2px solid #007bc1;
    font-size: 14px;
    font-weight: bold;
}

.register p.form_p {
    margin-bottom: 20px;
}
.register p label,.form_subp label{
    float: left;
    width: 100px;
    height: 16px;
    text-align: right;
}
.register p label{
    margin-right: 10px;
}
p label em {
    margin-right: 10px;
    color: red;
}
.register p input[type="text"] {
    height: 22px;
}
.back_color {
    background-color: #fbf66f;
}
#userfrm .bor,#frm .bor{
    color: #000;
    border:1px solid #2b82c9;
}
#userfrm .red_bor,#frm .red_bor{
    border:1px solid red;
}
.register p select {
    float: left;
    width: 126px;
    height: 22px;
}
.register div {
    padding-left: 110px;
    margin-top: 36px;
}
.register div input,.prize_questionnaire div input.frm_btn{
    width: 220px;
    height: 28px;
    background-color: #e98303;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
}
/*.prize_questionnaire div input.frm_btn{
    margin-left: 172px;
}*/
.register div input:hover,.prize_questionnaire div input.frm_btn:hover{
    background-color: #e98303;
}
#province,#city{
    width: 107px;

}
.inner_font,#residecitybox select{
    font: 12px/22px "微软雅黑";
    /*color: #B1AFAF;*/
    height: 22px;
    padding-left: 4px;
    border: 1px solid #abadb3;
}
.form_w{
    width: 258px;
}
.label1,.label2,.label3,.label4,.label5{
    display: none;
    padding-left: 108px;
}
.mar-t6{
    margin-top: 6px;
}
.mar-t15{
    margin-top: 15px;
}
.mar-t20{
    margin-top: 20px;
}
.mar-t28{
    margin-top: 28px;
}
.mar-t50{
    margin-top: 50px;
}
.mar-l58{
    margin-left: 58px;
}
.mar-l15{
    margin-left: 15px;
}
.mar-l35{
    margin-left: 35px;
}
.mar-r5{
    margin-right: 5px;
}
.textem{
    text-indent: 2em;
}
.mar-b50{
    margin-bottom: 50px;
}
.mar-b6{
    margin-bottom: 6px;
}
.cl{
    clear: both;
}
.oh{
    overflow: hidden;
}
.fl{
    float: left;
}
.fr{
    float: right;
}

/*问卷调查*/
.sub-wrap-blank { width: 1000px; margin: 40px auto; }
.q-banner { height: 160px; background: url(../images/tti-q-banner.jpg) no-repeat center top; }
.que-left-blank { width: 660px; float: left; box-sizing: border-box; border: 1px solid #e3e3e3; padding: 40px 0; background-color: #fff; }
.que-right-blank { width: 310px; float: left; box-sizing: border-box; margin-left: 30px; }
#fn_techinfo li { float: left; width: 25%; }
#fn_techinfo li input { height: auto; line-height: 1; padding: 0; margin-right: 10px; width: auto; }
.right-side-wrap h3 { color: #333; font-size: 14px; font-weight: bold; }
.right-side-wrap { border: 1px solid #e3e3e3; padding: 20px 14px; background-color: #fff; }
.rule-lists li { color: #666; line-height: 2; font-size: 13px; }
.qpri-lists li { border: 1px solid #e3e3e3; margin-bottom: 25px; padding: 16px 0 20px; text-align: center; }
.qpri-title { color: #666; }
.qpri-title i { color: #a72525; font-style: normal; }
#fn_hangye li { float: left; width: 25%; }
#fn_hangye li input { height: auto; line-height: 1; padding: 0; margin-right: 10px; width: auto; }

/* 有奖问卷 */
.header1 {
    width: 1000px;
    margin: 0px auto;
}
p.prize_t{
    font-size: 16px;
    margin-left: 20px;
}
span.title{
    font:16px/20px "微软雅黑";
    font-weight: bold;
    color: #333;
}
span.title_tip{
   font:14px/16px "微软雅黑";
   color: #999;
}
.prize_questionnaire {
	position: relative;
}
.prize_questionnaire .questionnaire {
	margin: 25px auto;
	width: 620px;
}
.prize_questionnaire .questionnaire p {
	margin-bottom: 8px;
	margin-top: 15px;
	padding-left: 0;
          padding-right: 10px;
	line-height: 26px;
          text-align: justify;
}
.prize_questionnaire .questionnaire p strong {
          font-size: 12px;
	font-weight: bold;
}
.prize_questionnaire .questionnaire p em {
	color: red;
}
.prize_questionnaire .questionnaire p span {
	color: #969696;
}
.get_color {
	background-color: #fbf66f;
}
.prize_questionnaire .questionnaire ul li {
	float: left;
	width: 155px;
	margin: 10px 0;
}
.prize_questionnaire .questionnaire ul li.halfline {
    width: 50%;
}
.prize_questionnaire .questionnaire .check_box li {
	width: 130px;
}
.prize_questionnaire .questionnaire ul li input {
	margin-right: 10px;
	font: 16px/18px "宋体";
}
.prize_questionnaire .questionnaire div {
	text-align: center;
	margin-bottom: 135px;
}
.prize_questionnaire .questionnaire div input:hover {
	background-color: #0193e9;
}
.prize_questionnaire .txt-suggest {
    resize: none;
    width: 656px;
    border: 1px solid #ccc;
    margin-bottom: 40px !important;
}
/* 弹出框 */
.prize_questionnaire .register{
	display: block;
	width: 98%;
	padding-bottom: 0;
	box-shadow: none;
	margin: 0;
	background-color: #FFF;
          overflow: hidden;
}
.prize_questionnaire .register p label{
	width: 55px;
}
.register .close {
	float: right;
	margin-right: 20px;
	cursor: pointer;
}
.register h1 {
	margin: 20px 0;
	text-align: center;
	color: red;
}
.register h2 {
	padding: 28px 0;
	margin-bottom: 30px;
	border-bottom: 2px solid #e9edee;
}
.register h2 span {
	float: left;
	width: 80px;
	padding-bottom: 7px;
	border-bottom: 2px solid #007bc1;
	font-size: 14px;
	font-weight: bold;
}

.register p {
	margin-bottom: 20px;
}
.register p.form_p label {
	height: 16px;
	margin-right: 10px;
	text-align: right;
}
.register p label em {
	margin-right: 10px;
	color: red;
}
.register p input[type="text"] {
	height: 20px;
	border: 1px solid #7e7e7e;
}
.back_color {
	background-color: #fbf66f;
}
.prize_questionnaire .register p select {
	float: left;
	width: 126px;
	height: 22px;
}
.register div {
    margin-top: 18px;
}
.register div.sub{
    padding-left: 0px;
}
.register div input:hover {
	background-color: #0193e9;
}
.form_p .label1, .form_p .label2, .form_p .label3, .form_p .label4, .form_p .label5 {
    display: none;
    padding-left: 64px;
}
p.red{
	color: red;
	margin: 30px 0 30px 20px;
}
/* 确认框 */
.layer{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background:#000000;
    filter:alpha(opacity=50);
      -moz-opacity:0.5;
      -khtml-opacity: 0.5;
      opacity: 0.5;
}
.confirm {
	display: none;
	position: fixed;
	width: 271px;
	height: 156px;
	left: 50%;
	top: 50%;
	margin-left: -136px;
	margin-top: -78px;
	border: 2px solid #007ac2;
	background-color: #fff;
	z-index: 100;
}
.confirm h1 {
	padding: 50px 0 35px 0;
	text-align: center;
	color: #6f6f6f;
	font-size: 14px;
}
.confirm input {
	width: 92px;
	height: 33px;
	margin-left: 97px;
	background-color: #007ac3;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}
/* 问卷奖品 */
.questionnaire_award div {
	width: 272px;
	overflow: hidden;
	padding: 26px 14px 0 14px;
	color: #fff;
}
.questionnaire_award div.rule{
	height: 206px;
	margin-top: 26px;
	background: url(../images/rule_bg.jpg) no-repeat;
}
.questionnaire_award h3{
	margin-bottom:15px;
	font:14px/14px "宋体";
}
.questionnaire_award p {
	line-height: 24px;
}
.questionnaire_award p.top{
   width: 300px;
   height: 10px;
   margin-top:5px;
   background: url(../images/award_bg.jpg) no-repeat;
}
.questionnaire_award div.award{
	background: #a2b1b0;
}
.questionnaire_award div.award .act_image{
	width: 272px;
	height: 145px;
	margin-bottom: 14px;
}
.form-item { margin-left: 20px; }
.form-item li { margin-top: 8px; }
.form-item li label { min-width: 80px; display: inline-block; text-align: left; font-weight: bold;}
.form-item li input,.form-item li select { border: 1px solid #bbb; font-family:\5b8b\4f53; line-height: 20px; }
.form-item li input { width: 210px; padding:0 4px; line-height: 14px;height: 20px; }
.form-item li select { width: 220px; height: 22px;vertical-align: top;}
.form-item li input.input-s { width: 160px;}
.form-item li input.input-m { width: 290px;}
.form-item li input.input-l { width: 450px;}
.form-item li label .no-null { color: #f00; margin-right: 3px; font-style: normal; font-family:\5b8b\4f53;}
.error { font-family:\5b8b\4f53; color: #f00; font-size: 12px;}
/* 对话框样式 -----------------------------------------------*/
.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(../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(https://www.elecfans.com/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,#back-login-link { background: url(https://www.elecfans.com/skin-2012/images/login-ico1.png) no-repeat;}
.login-input{ width:225px; height:20px; padding:7px 5px 7px 40px; border:1px solid #D0CECF; border-radius:3px;  font-family:\5fae\8f6f\96c5\9ed1; font-size: 16px; line-height: 20px;}
.li .red-bor { border: 1px solid red;}
.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: 48px; 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; padding-left: 52px; background-position: 0 -231px;}

.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;}

.close-dialog{
    display: none;
}