@charset "utf-8";
/* Qingdaonews.com auto Style Filebox
 * Design:mwq
 * Created: 2010-11-5
 * Update: 2010-11-5
 * Copyright:Qingdaonews.com
 */
/* general style  */
*{padding:0;margin:0;}
body,td{font-family:"SimSun",Arial, Helvetica, sans-serif;font-size:12px;margin:0px;line-height:23px;color:#000;}
ol, ul,li,h1,h2,h3{ list-style: none;}
hr{ border: 0; border-top: 1px solid #cacaca; height: 1px; }
img{ border: 0;}
em{ font-style:normal;}
pre{ white-space:normal;}
textarea, input, select{color: #000000;font-family: verdana, tahoma, sans-serif; font-size:12px;}
a{color:#000;text-decoration: none;}
a:hover { color: #ff6600; text-decoration: underline; }
.textinput{border:1px solid #e3e9ef;font-size:12px;padding:2px; background:#fff;}/* 普通INPUT样式 */
.force{word-break: break-all; word-wrap:break-word ; overflow:auto;white-space:normal;}/* 强制换行引用时候指定宽 */
.f_{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:baseline;}/* 超过宽度变为...所在容器需要指定宽 */
.right{float:right;}/* 右对 */
.left,.fll{ float:left;}
.cRed,body div a.cRed,body div a:hover.cRed{color:#F00;}/* 红色 */
.cBlue,a.cBlue,a:hover.cBlue{ color:#036;}/* 蓝色 */
.cGreen,a.cGreen,a:hover.cGreen{ color:#093;}
.cBlack,body div a.cBlack,body div a:hover.cBlack{color:#000;}
.cWhite,a.cWhite,a:hover.cWhite{color:#fff;}
.cGray,a.cGray,a:hover.cGray{color:#8f8c8c;}
.f_12{font-size:12px;}
.f_14{font-size:14px;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}
.pa10{padding:10px;}
:focus{outline:0;}
.li_2 li{ width:49.5%; float:left;}
.li_3 li{ width:33.3%; float:left;}
.li_4 li{ width:24.9%; float:left;}
ul li.li_all{ width:100%;}
.pointer{ cursor:pointer;}.hidden{display:none;} .cHelp{cursor:help; text-decoration:none;} .cMove{ cursor:move;}.not_allowed{ cursor:not-allowed;}
.font{overflow:hidden;white-space:nowrap;font-size:18px;font-family:"Microsoft YaHei","Microsoft JhengHei","Times New Roman",sans-serif;}

/* 清除溢出，浮动 */
.clear{clear:none; clear:both !important;}
.clear hr{display:none;}
/* 不需要额外增加元素的清理浮动的类 */
.wrapfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* IE7 hack */
*+ .wrapfix{display:inline-block;}
/* IE-mac, IE5, IE6 */
* html .wrapfix{height:1%;}
.wrapfix {display: block;}
/* 浮动 */
.left{float:left;}
.right{float:right;}
.mb5{ margin-bottom:5px;}
.mt10{ margin-top:10px;}
.mr10{ margin-right:10px;}
/* 字体属性 */
.fb{font-weight:bold;}
.fi{font-style:italic;}
.fl{text-align:left;}
.fr{text-align:right;}
.fc{text-align:center;}

/*图片排版*/
dl.img_tex{ font-size:1px;display:block; clear:both;overflow:hidden;}
dl.img_tex span a,dl.img_tex span a:visited{ color:#000000;}
dl.img_tex span a:hover{ color:#ff0000;}
dl.img_tex dd{float:left; margin-right:5px;margin-bottom:5px;_margin-right:1px;}
dl.img_tex dd p{display:block;padding:1px;border:#fff solid 1px; width:auto;}
dl.img_tex dd span{background:#f7f7f7 url(bg_x.gif) repeat-x left -309px;display:block;line-height:22px; font-weight:normal; font-size:12px; text-align:center;}

/* 图片轮播 */
.flashNews {position:relative;width:314px;overflow:hidden;text-align:left;}
.firstNews {position:relative;float:right;width:314px;margin-bottom:10px;overflow:hidden;border:1px solid #B6CAE3;}
.flashNews, .firstNews {}
.flashNews .bg {position:absolute;left:0;bottom:0;width:314px;height:40px;}
#SwitchTitle h3 { display:none}
#SwitchTitle {height:16px; text-align:center; line-height:22px; background:#ffffff; padding:0 10px; overflow:hidden; width:294px; display:none;}
#SwitchTitle a:link,#SwitchTitle a:visited { color:#000000; font-weight:bold;}
#SwitchTitle a:hover { color:#ff0000; text-decoration:none;}
.firstNews p a {font-size:12px;}
.flashNews ul {position:absolute;right:0;bottom:0;padding-left:47px;_padding-left:46px; z-index:2;}
.flashNews ul li {float:left;width:15px;height:18px;line-height:18px;text-align:center;margin-left:1px;background:#000000;}
.flashNews ul li a {display:block;width:15px;height:18px;font-size:10px;font-family:Tahoma;font-weight:bold;color:#FFFFFF;}
.flashNews ul li a:hover, .flashNews ul li a.sel {color:#F20000;}
.firstNews ul {width:314px;height:auto;overflow:hidden;_zoom:1;margin:0 0 0 12px;}
.firstNews ul li {position:relative;width:310px;height:22px;line-height:22px;overflow:hidden;text-indent:10px;font-size:14px;}
.flashNews ul li a:visited { color:#FFFFFF}
.flashNews ul li a.sel:link,.flashNews ul li a.sel:visited,.flashNews ul li a.sel:hover {color:#fff; background:#ff0000;}
/* 按钮 */
.btn_{ background:url(img.gif) -400px -320px no-repeat; width:62px; height:21px;cursor:pointer;color:#fff; display:inline-block;
		font-size:12px; text-align:center;_position:relative; border:none;}
a:hover.btn_{color:#fff; text-decoration:none;}

.border1px_b{ border-bottom:#d8d8d8 dotted 1px; margin:2px 0; }
.border1px_b span{ display:none;}
.margin_b_3px{margin-bottom:3px;}
.img{ background:url(img.gif) no-repeat;}

#btn_search{background-position:-172px -375px;width:44px; height:44px; overflow:hidden; text-indent:-999em;*line-height:22em; position:absolute;
	right:15px; top:20px;}
#btn_login{background-position:-172px -455px; width:49px; height:33px; overflow:hidden; text-indent:-999em;*line-height:22em;}
#btn_reg{background-position:-400px -390px; width:77px; height:77px; overflow:hidden; text-indent:-999em; *text-indent:0;*line-height:22em;}

#h2_shch{background-position:left -84px;}
#h2_pp{background-position:left -136px;}
#h2_jd{background-position:left -188px;}
#h2_qb{background-position:left -240px;}
/* 主体 */
.top,.con,.surround,#nav,.foot{ width:950px; margin:0 auto; clear:both;}
.con{}
.con h2.img{ color:#fff; text-align:right; background:url(img.gif) right -84px no-repeat; height:43px; line-height:43px;
	overflow:hidden; padding-right:16px; font-size:12px; font-weight:normal; margin-bottom:1px;}
.con h2 span.img{ float:left; width:210px; overflow:hidden; height:43px; background-position:left -84px; text-align:left;
	text-indent:-999em;}
.con h2 a{color:#FFF;}	

/* 头部 */
#commonHeader{ height:auto; margin-bottom:10px;}
#headerAd{height:220px;}
#headerAd .hAdLeft,#headerAd .hAdRight{width:100px;height:220px;margin-bottom:0;padding-bottom:0;}
#headerAd .hAdTop,#headerAd .hAdDown{width:730px;height:50px;margin-bottom:0;padding-bottom:0;}

#headerAd .hCenter{width:730px;height:220px;}
#headerAd .hAdBanner{width:auto;height:104px;padding-top:4px;margin:5px 0;border:#bad9f5 solid 1px;background:url(bg_x.gif) repeat-x left -356px;}
#headerAd .hAdBanner div ul,#headerAd .hAdhuanrao{line-height:20px;color:#999;}
#headerAd .hAdBanner div ul li a,#headerAd .hAdhuanrao a{color:#000082;}
#headerAd .hAdBanner div ul li a:hover,#headerAd .hAdhuanrao a:hover{color:#cc0000; text-decoration:underline;}
#headerAd .hAdhuanrao{width:465px;}

/* 菜单 */
#nav{background:url(img.gif) left top repeat-x;height:60px;  color:#fff; margin-bottom:10px;}
.menu ul{ float:left; padding-top:4px;}
.menu h1{float:left;overflow:hidden; margin:4px 20px 0 9px; width:175px;}
.menu h1 a{ width:144px; height:25px;display:block; padding:12px 15px;}
.menu ul{ float:left; padding:8px 0 0 50px;}
.menu a{color:#fff;display:inline-block;font-size:12px;padding:0 3px;}
.menu a:hover{color:#ff6;text-decoration:none;}


/* 三列内容区域 */
.main_A{ float:left; width:314px; border:8px solid #f3fafd; border-right:none;}
.main_A h3{ clear:both; color:#069;height:35px; line-height:35px; padding:0 15px; font-size:14px; }
.main_A h3 a{ float:right;font-size:12px; font-weight:normal;color:#003366;}
.main_A h3 a.left{ font-size:14px; float:left; font-weight:bold;}
.main_A h3.img{background-position:-400px -170px; margin-top:8px; line-height:30px; line-height:30px; padding:0 15px; font-size:14px;}

.main_B{ float:left; width:394px;border:8px solid #f3fafd;}
.main_B h1.fc{ padding-top:12px;}
.main_B a{color:#004499;}
.main_B h3.img{background-position:-400px -195px; margin:11px 0 10px 0; line-height:32px; height:32px; padding:0 15px;
	border-bottom:1px solid #d9d9d9; clear:both; text-align:right; font-size:12px; font-weight:normal;}
.main_B h3 a.font{color:#0099cc; font-size:16px; float:left;font-weight:bold;}
.main_B h3 a.font:hover{ text-decoration:none; color:#004499;}
.main_B .pa10{ padding:10px 25px; line-height:20px; color:#666; height:50px; overflow:hidden; margin-bottom:2px;}
.main_B ul{font-size:14px; margin:0 13px;}
.main_B ul li{color:#004499;}
.main_B ul li a{ text-decoration:underline; font-family:Verdana, Geneva, sans-serif; }
.main_B ul li a:hover{ color:#FF0000;}
.main_C{ float:right; width:210px;border:8px solid #f3fafd; border-left:none;}
.main_C h3{ line-height:30px; height:30px; padding:0 15px; font-size:12px; font-weight:normal; text-align:right;
	background:#f6f6f6;}
.main_C h3.tabNav{ padding:3px 5px 0 5px;border-top:1px solid #D9D9D9; height:30px;position:relative;}
.main_C h3.tabNav span{ padding:0 10px; float:left; height:28px; line-height:28px; position:relative; bottom:0;border-bottom:1px solid #D9D9D9;}
.main_C h3.tabNav span.hover{ background:#fff;border:1px solid #D9D9D9; border-bottom:none; line-height:29px; height:29px;}
.main_C h3.tabNav span a:hover{ text-decoration:none;}
.market .main_C h3.tabNav{ border-top:none;}
.main_C h3 a.left{ font-size:14px; color:#003366; font-weight:bold;}
.main_C ul{padding:0 10px; margin:8px 0;}
.main_C ul li{ line-height:24px; height:24px; overflow:hidden;}
.main_D{}
.p1{}
.p1 .main_B p.pa10{ line-height:20px; height:32px; overflow:hidden; padding:8px 25px;}
.p1 .main_B ul li{ line-height:24px; overflow:hidden; height:24px; text-align:right; color:#999; font-size:12px;}
.p1 .main_B ul li a{ float:left;font-size:14px; text-decoration:none;}
.p1 .main_B ul li a:hover{ text-decoration:underline;}
.p1 .main_B ul li em{ color:#F30; float:left;font-size:14px; padding-right:5px; font-family:Verdana,sans-serif;}
.p1 .main_B ul li a em{text-decoration:none;}
.p1 .main_B ul.newslist14px{ height:181px; overflow:hidden;}
.p1 .main_B ul.newslist14px li{ height:26px;*height:24px;}
.p1 .main_B ul.newslist14px li span{ float:right;}
.p1 .main_B ul.newslist14px li a em{ text-decoration:none;}
.p1 .main_B h3.img{ margin:10px 15px; padding:0;}
.p1 .main_B h3.hot_sq{  background:#f3fafd;margin-bottom:10px; border-bottom:1px solid #0099cc;}/*background:#f3*fafd;*/
.p1 .main_B h3.hot_sq a{ padding:0 15px; font-size:16px; font-family:"微软雅黑";color:#0099cc;float:left;font-weight:bold;}
.p1 .main_B h3.hot_sq a:hover{ text-decoration:none;}
.p1 .main_B h3.hot_sq a.hover{ background:#0099cc; color:#fff;}
.p1 .main_B table{margin:0 15px; width:360px;}
.p1 .main_B .border1px_b{margin:5px 15px;width:360px;}
.p1 .main_B table td{ line-height:25px; font-size:12px; height:25px; color:#666;}
.p1 .main_B .newsstyle,.p1 .main_B .newsclass{color:#FF3300;font-size:14px;}
.p1 .main_B .newsstyle a.newstit{color:#004499;font-size:14px;}
.p1 .main_B .pa10{margin-bottom:10px;}
.p1 .main_C{ border:none;border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; width:208px;}
.login{border-top:8px solid #f3fafd; padding:10px;}
.login p{ padding:6px 0;}
.login input{ width:85px;}
#btn_login{ margin:22px 8px 0 0;}
.search{ background:url(line-bg.gif) left bottom repeat-x; border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; padding:10px; position:relative;}
.search p{line-height:24px; height:24px; overflow:hidden; padding-top:5px;}
.search .textinput{ width:80px;}
.sq{background:url(line-bg.gif) left bottom repeat-x;border-bottom:1px solid #d9d9d9; padding-top:14px; overflow:hidden; width:208px;}
.sq ul{ padding:0 0 10px 0; margin:0; clear:both;zoom:1;}
.sq ul li{ width:85px; height:32px; border:1px solid #ccc;margin:0 0 0 10px; background:#FFF;
	line-height:32px; background:url(line-bg.gif) left bottom repeat-x; float:left; _display:inline;zoom:1;}
.sq ul li.hover{margin:0 0 -12px 10px; padding-bottom:12px; position:relative; border-bottom:none; background:#FFF; zoom:1;}
.sq ul li a.f_14{ display:block;text-align:center; font-weight:bold;height:32px; line-height:32px;color:#000066;}
.sq ul li a:hover.f_14{ background:#fff; text-decoration:none; color:#F30;}
.sq ol{ width:182px; margin:0 10px 10px 10px; border:1px solid #ccc;zoom:1;_display:inline;}
.sq ol li{width:100%;zoom:1;_display:inline;}

.market .main_A,.market .main_B,.market .main_C,.brand .main_A,.brand .main_B,.brand .main_C,.digi .main_A,.digi .main_B,.digi .main_C{
 height:405px; overflow:hidden;}
.market{}
.price h3{ padding:10px 0 0 15px; line-height:33px; height:33px; border-bottom:1px solid #d9d9d9; margin-bottom:8px;}
.price ul{ float:left; width:140px; margin-left:12px; _display:inline;}
.price h4.img{ background-position:left -318px; padding-left:32px; height:25px; font-size:12px;}
.price h4.img span{ float:left;width:120px;}
.price h4.img span.pr10{ padding-right:40px;}
.price li{ text-align:right;}
.price li a{ float:left;}
.tool{ clear:both; margin-top:15px;}
.tool h3{ text-align:right; padding:0 12px;height:34px;}
.tool h3 span.left{ background:#f6f6f6; line-height:34px; height:34px; padding:0 12px;}
.tool h3 .cRed{ font-size:12px; font-weight:normal;}
.tool p.pa10{ background:#f6f6f6; margin:0 12px 10px 12px;}
.qna{ padding:0 15px;}
.qna .textinput{ width:48px; height:16px; line-height:16px; padding:0 3px;}
.qna textarea.textinput{ width:170px; overflow:auto; height:36px; color:#CCCCCC;}
.qna p.pt10{ padding-top:5px;}
.main_B h3.img a.img{ float:right; width:65px; height:32px; text-indent:5px; overflow:hidden;}/*line-height:30em;text-indent:-999em; */
.market .main_B h3.img a.img{background-position:15px -370px;}
.brand .main_B h3.img a.img{background-position:15px -410px;}
.digi .main_B h3.img a.img{background-position:15px -450px;}

.brand{}
.brand .main_A h3{ line-height:46px; height:46px; padding:0 15px; clear:both;}
.brand .main_A ul{ text-align:center;_float:left;}
.brand .main_A ul span{opacity:0.8; filter:alpha(opacity=80); color:#FFF; position:absolute; bottom:0; left:0; right:0;
	line-height:20px; overflow:hidden;height:20px; display:block; _float:left; _width:100%;}
.brand .main_A ul.li_2 li{ width:138px; margin-left:12px; position:relative; height:168px; _display:inline;}
.brand .main_A ul.li_2 span{ background:#cd6e0f;}
.brand .main_A ul.li_3 li{ width:88px;margin-left:11px;position:relative;height:130px; _display:inline;}
.brand .main_A ul.li_3 span{background:#61a4c4;}
.brand_b{ border:1px solid #d9d9d9; padding:5px 10px; background:#fdfdf3; color:#666; margin:10px;}
.brand_b a{ color:#666; display:inline-block;}

.digi{}
.digi .main_A ul.pl10{ padding:0 15px;}
.digi .main_A ul.pl10 li{ clear:both; height:75px;}
.digi .main_A ul.pl10 li span{ float:left; color:#999999; width:190px; height:20px; overflow:hidden}
.digi .main_A ul.li_3{ clear:both;_float:left;}
.digi .main_A ul.li_3 li{ width:90px;margin-left:10px;position:relative;height:90px; clear:none; _display:inline;}
.digi .main_A ul.li_3 span{opacity:0.8; filter:alpha(opacity=80); color:#FFF; position:absolute; bottom:0; left:0; right:0;
	line-height:20px; overflow:hidden;height:20px;background:#61a4c4; text-align:center;display:block; _float:left; _width:100%;}
.digi .main_C ul{padding:0 15px;}

.msg{}
.msg_l{border:8px solid #f3fafd; width:716px; float:left;}
.msg_l table{width:700px; margin:8px auto;}
.msg_l table td,.msg_l table th{padding:3px 8px; border-bottom:1px solid #f6f6f6;}
.msg_l table thead th{ background:#edf6f9;border-bottom:none; color:#ff3300;}
.msg_r{ width:210px;border:8px solid #f3fafd; border-left:none;float:left;}
.msg_r h3{ font-size:12px; text-align:right;font-weight:normal; padding:5px 10px; line-height:30px; height:30px;}
.msg_r ul.img{ background-position:-890px -200px; height:120px; padding:0 10px 0 35px; clear:both;}
.msg_r ul.img li{ text-align:right; line-height:19px; overflow:hidden; height:19px; border-bottom:1px dotted #d6d6d6;}
.msg_r ul.img li a{ float:left;}
.msg_r ul.img li span{ float:right; background:#fff; padding-left:10px; color:#CC0000;}

.f_link{ background:#f3fafd;} /* 友情链接 */
.f_link h2{ border-top:1px solid #bfdbe9; border-bottom:1px solid #bfdbe9; line-height:35px; height:35px; font-weight:normal;
	padding:0 15px;}
.f_link strong.font{font-size:16px;}
.f_link p,.f_link a{ color:#333;}

.foot{ border-top:1px solid #efefef; padding-top:10px; margin-top:10px;}

/* 问答 */
.qnabox{border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; width:948px;}
.qnabox h2{ background:#fafafa;border-bottom:1px solid #e6e6e6; color:#ff3500; padding-left:15px; line-height:38px; height:38px;}
.qnabox .main_B{ float:left; width:694px;border:8px solid #f3fafd;}
.qnabox .main_B ul{ padding:10px 0;}
.qnabox .main_B ul li{ margin-bottom:15px; background:#fafafa; padding:10px 20px;}
.qnabox .main_B li .pt10{padding-left:35px;}
.qnapost input.font{ font-size:16px; padding:0 8px; color:#fff; background:#cc0000; border:1px solid #990000; font-weight:bold;
	cursor:pointer; line-height:30px; height:30px;}
.qna_tit{ color:#003366; padding-left:76px;}
.qna_date{ color:#666666; margin-left:-76px;}
.qnabox .main_C{ float:right; width:230px;border:8px solid #f3fafd; border-left:none;}
.qnabox .main_C ul li{ line-height:25px; height:25px; overflow:hidden;}