@charset "utf-8";

/** CSS基类 **/

html { border-width: 0px}
body { margin: 0px }
table { margin: 0px auto; padding: 0px; font: 12px Arial; border-width: 0px }
form { margin: 0px auto; padding: 0px; font: 12px Arial; border-width: 0px }
div { margin: 0px auto; padding: 0px; font: 12px Arial; border-width: 0px }
img { margin: 0px auto; padding: 0px; font: 12px Arial; border-width: 0px }
td { margin: 0px auto; padding: 0px; font: 12px Arial; border-width: 0px }
ul { margin: 0px; padding: 0px; font: 12px Arial; border-width: 0px }
li { margin: 0px auto; padding: 0px; font: 12px Arial; border-width: 0px }
dl { margin: 0px auto; padding: 0px; font: 12px Arial; border-width: 0px }
dt { margin: 0px auto; padding: 0px; font: 12px Arial; border-width: 0px }
dd { margin: 0px auto; padding: 0px; font: 12px Arial; border-width: 0px }
div { list-style-type: none }
td { list-style-type: none }
li { list-style-type: none }
h2 { list-style-type: none }
h3 { list-style-type: none }
h4 { list-style-type: none }
p { list-style-type: none }
a { list-style-type: none }
b { font-weight: bold }
strong { font-weight: bold }
a { text-decoration: none }
a:hover { text-decoration: underline }
hr { border-top: #999999 1px solid; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; height: 1px }
input.text {}
input.button { height:21px; width: auto; padding-top: 2px; color: #333333; background-color: #FEEDDA; border-top: #FEEDDA 1px solid; border-left: #FEEDDA 1px solid; border-right: #FFAD54 1px solid; border-bottom: #FFAD54 1px solid; font: 12px Arial }
input.checkbox { width: auto; height: auto; border: 0 }
textarea {}
select {}

/*公用属性*/
a { color: #005ED9}
a:hover { color: #005ED9}
h1, h2,h3 { border: 0; margin: 0; padding: 0;}
h1 {font-weight: bold; font-size: 25px; padding-bottom: 5px; overflow: hidden; white-space: nowrap; line-height: 100%; font-family: Arial}
h2 { font-weight: bold; font-size: 14px; float: left}
.b { font-weight: bold}

/*公共方法*/
.vtop { vertical-align: top; padding-top: 10px;}
.vtop2 {vertical-align: top; padding-top: 5px;}
.vtop3 { vertical-align: top; padding-top: 25px;}
.HtmlEditor { width: 520px; margin-top: 8px; float: left; border: #CCCCCC 1px solid; border-top:0;}
.selclass { width: 125px; margin-top: 5px; margin-bottom: 5px;}

/*通用tab*/
.tab {height: 23px; width: 100%; }
.tab a {color: #FB6104}
.tab a:hover {text-decoration: none}
.tab h2 a { float: left; width: 67px; height: 16px; padding: 5px 0px 2px 20px; margin-right: 5px; text-decoration: none; color: #FFFFFF; background: url(../Images/Web/icon.gif) no-repeat}
.tab h2 a.cn {padding: 5px 7px 2px 13px;}
.tab h2 a.on { background-position: -96px -144px;}
.tab h2 a.on:hover {color: #FFFFFF; }
.tab h2 a.out { color: #000000; background-position: -96px -224px;}
.tab h2 a.out:hover {background-position: -96px -254px;}
.tab div { float: right; padding-top: 5px;}

.tab ul { float: left; white-space: nowrap; margin-right: 5px}
.tab ul a { padding-left: 10px; padding-right: 10px; margin-right: 0; width: auto; background-image: none}
.tab li { float: left; height: 23px;}
.tab ul.on a:hover { color: #FFFFFF}
.tab .C {background: url(../Images/Web/bg.jpg)}
.tab .R, .tab .L {width: 5px; background: url(../Images/Web/icon.gif) no-repeat}
.tab .on .L { background-position: -96px -144px;}
.tab .on .C { background-position: 0 -248px}
.tab .on .R { background-position: -177px -144px;}
.tab .out a { color: #000000;}
.tab .out .L { background-position: -96px -224px;}
.tab .out .C { background-position: 0 -280px;}
.tab .out .R { background-position: -177px -224px;}
.tab .over .L { background-position: -96px -254px;}
.tab .over .C { background-position: 0 -312px;}
.tab .over .R { background-position: -177px -254px;}

.tis{ float:left; width:100%; clear:both; font-size:14px; font-weight:bold; padding:15px 0 15px 0}
.topad{ width:950px; padding-top:0px}

.cons{ width:950px; padding-top:20px}
.Lft{ width:626px; float:left;}
.Rgt{ width:300px; float:right; }

.Lft h2{ float:left; margin-bottom:10px;}
.Rgt h2{ float:left; margin-bottom:5px; margin-top:20px;}

.box{ float:left; width:100%; margin-bottom:10px; overflow:hidden}
.box li{ float:left; width:100%}
.box .c1{background: url(/Images/Web/boxbg.gif) no-repeat; height:15px;}
.box .c2{ width:298px; border-left:1px #D5D5D5 solid; border-right:1px #D5D5D5 solid}
.box .c3{background: url(/Images/Web/boxbg.gif) -300px 0 no-repeat; height:35px;}
.box .name { height:20px; font-size:14px; padding:10px 0 0 15px;}


.box2{ float:left; width:100%; margin-bottom:10px; overflow:hidden}
.box2 li{ float:left; width:100%}
.box2 .c1{background: url(/Images/Web/boxbg2.gif) no-repeat; height:30px;}
.box2 .c1 strong{ float:left; padding:10px 0 0 22px}
.box2 .c2{ width:594px; border-left:1px #D5D5D5 solid; border-right:1px #D5D5D5 solid; padding:15px;}
.box2 .c3{background: url(/Images/Web/boxbg2.gif) 0 -35px no-repeat; height:30px;}
.box2 .name { height:20px; font-size:14px; padding:10px 0 0 15px;}

.box3{ float:left; width:302px; margin-bottom:10px; overflow:hidden}
.box3 .c1{background: url(/Images/Web/boxbg3.gif) no-repeat; height:30px;}
.box3 .c2{ width:270px; border-left:1px #D5D5D5 solid; border-right:1px #D5D5D5 solid; padding:15px;}
.box3 .c3{background: url(/Images/Web/boxbg3.gif) 0 -35px no-repeat; height:30px;}
.m25{ margin-right:22px}

.buy div{ line-height:22px; clear:both; width:100%}
.buy span{ float:left}
.buy span.time{ float:right}
 /*ic索引*/
.stock{ float:left; width:100%}
.stock li{ width:80px;overflow:hidden; margin-right:15px; height:22px}
.stock a{ color:#535353; float:left; margin-right:5px; clear: left; white-space:nowrap}

.btnbox{ padding:6px 0 6px 0; float:left;  width:80%; padding-left:30px}
.btns {}
.btns1{ float:left; width:95px; height:19px; background: url(/Images/Web/bg2.gif) 0 -310px; font-size:14px; text-align:center; padding-top:4px; font-weight:bold; color:#FFFFFF}
.btns1:hover{ color:#FFFFFF}
.btns2{ float:left; width:95px; height:19px; background: url(/Images/Web/bg2.gif) 0 -337px; font-size:14px; text-align:center; padding-top:5px;  color:#BD3100}
.btns2:hover{ color:#BD3100}

/*最新刷新*/
.box .newCom{ padding-left:10px; width:288px; overflow:hidden; padding-top:10px}
.newCom a{ float:left; clear:both}
.newCom div{ width:100%; float:left; line-height:25px; overflow:hidden; white-space:nowrap}
.newCom span{ padding-right:5px;}
.newCom img { height: 15px; width:15px; padding:1px;}
.newCom .i{ border:1px solid #DADADA; padding:1px; float:left; margin-right:5px;}
.newCom .i:hover{border:1px solid #FF944D; }
.newCom .t{ margin-top:0px; clear: right}

.links{ width:963px; clear:both; float:none; border-top:0px #E4E4E4 solid; margin-top:15px; padding-top:8px;}
.links .c1{ float:left; width:60px; color:#333333}
.links .c2{ float: right; width:900px;}
.links .c2 a{ color:#666666}

/*版权*/
.cpy{width:963px; border-top:2px #CCCCCC solid; margin-top:10px; text-align: center; padding-top:10px; padding-bottom:40px}
.about { padding-bottom:10px}

/*会员管理*/
.url_title { clear: both; width: 964px; height: 30px; color: #333333; padding-top: 10px }
.url_title span { font-weight: bold; color: #666666 }

/*自定义两种颜色文本框*/
.input { width:82%; height: 15px; font-size:12px; font-family: 宋体; border: #B6B2A4 1px solid }
.border {border: 1px #373737 solid; border-bottom: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid;}
.text { float: left; border-left: 1px #999999 solid; border-top: 1px #999999 solid; border-bottom: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; margin-top: 10px; padding-top:1px}
.green { background-color: #F4FFEE; border: #81C91F 1px solid }
.red { background-color: #FFF9E8; border: #FFAFAF 1px solid }

/*通用分页*/
#pages a { color: #333;}
.Rlist {border: 1px solid #BDDAF7; margin-right: 3px; line-height:22px;padding:2px 5px 0 12px; background: url(../Images/Web/j.gif) no-repeat 5px; color: #008000; cursor: pointer}
.NtmmicPages{clear:both;margin-top:8px;text-align:left;}
.mmicPagesLeft{float: left;width:65%;line-height:24px;}
.mmicAllPages{border: 1px solid #BDDAF7; text-align: center;color:#188BCC;line-height:24px;padding:0 4px;}
.mmicAllPages strong{color:#4ab3e6;font-weight:normal;}
.mmicAllPages a{color: #333;padding:6px;}
.mmicAllPages a:hover{background:#BDDAF7; text-decoration: underline}
.mmicAllPages3{border-top: 1px solid #BDDAF7;border-right: 1px solid #BDDAF7;border-bottom: 1px solid #BDDAF7; text-align: center;color:#666;padding:0 4px;line-height:20px;}
.mmicAllPages3 input{height:14px;margin:0 5px 0 5px; width: 32px; border: #BDDAF7 1px solid}

/*数字分页*/
.pagenum { width: 100%; margin-top: 30px; padding-bottom: 30px; float: left; text-align: center; PADDING-TOP: 14px; HEIGHT: 28px}
.pagenum strong { FONT-WEIGHT: normal; FONT-SIZE: 16px; color: #0044DD; font-family: "宋体"}
.pagenum a { text-decoration: underline; margin: 0 1px 0 1px; font-weight:bold; }
.pagenum a:hover { color:#FF7300}
.pagenum span { padding: 2px 4px; font-weight:bold}
.pagenum b { padding: 0 5px 0 5px; font-family:Arial, Helvetica, sans-serif}
.pagenum .currentpage { background: #FF7300; color: #FFFFFF;}
.pagenum .nextpage {background: url(../Images/Web/icon.gif) no-repeat -40px -357px; padding-right: 20px}

/*数字分页*/
.pagebox {	CLEAR: both; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333; padding-bottom:10px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 28px;}
.pagebox A { PADDING-RIGHT: 5px; BORDER: #E9E9E9 1px solid; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 2px; MARGIN: 5px 2px 0px; LINE-HEIGHT: normal; PADDING-TOP: 2px; }
.pagebox A:hover { BORDER: #F8981D 1px solid; background:#FFFF8C; TEXT-DECORATION: none}
.pagebox SPAN {PADDING-RIGHT: 4px; MARGIN-TOP: 5px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FLOAT: left; PADDING-BOTTOM: 3px; LINE-HEIGHT: normal; PADDING-TOP: 3px}
.pagebox B {PADDING-RIGHT: 5px; MARGIN-TOP: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: normal; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif}
.pagebox .currentpage {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #FF6600; COLOR: #ffffff}
.pagebox .prepage {	PADDING-TOP: 3px; WHITE-SPACE: nowrap}
.pagebox .nextpage {PADDING-TOP: 3px; WHITE-SPACE: nowrap}
.pagebox STRONG {FONT-WEIGHT: 100}

#pop_Tab{position:absolute;}
.pop .con{ background: #FFFFFF; width:380px; border:#EB861A 1px solid}
.pop h2{ float: left; background:url(/Images/Web/popti.jpg) #F7AB1C; padding:5px 0 3px 10px; width:370px; color:#FFFFFF}
.p_border{ width:10px; height:10px; background:url(/Images/Web/pop_border.gif) #FFFFFF} 
.p_bg1{background:url(/Images/Web/pop_left.gif); width:10px;}
.p_bg2{background:url(/Images/Web/pop_right.gif); width:10px;}
.p_bg3{background:url(/Images/Web/pop_bottom_left.gif)}
.p_bg4{background:url(/Images/Web/pop_bottom_right.gif)}
.p_bg1,.p_bg2,.p_bg3,.p_border,.p_bg4{filter:blendtrans(duration=.2) revealTrans(duration=.1,transition=12) alpha(opacity=90,enabled=1);-moz-opacity:0.9;}
.pop .texts{ padding:20px 0 20px 10px; float:left; line-height:22px; width:370px;}

.pop .btns {margin-right:10px;}

.pop .tab{ width:60px; vertical-align:top; text-align:right; padding-right:10px; line-height:25px}
.pop .areas { width:280px; height:65px}
.feedbtn { padding-left:20px; height:30px; padding-right:20px}
.btns,.pop_btns { width:62px; height:24px;  background:url(/Images/Web/btn-bg.gif); border:0; color:#FFFFFF; cursor:pointer; margin-top:5px; float:left}
.btnsOut,.pop_btnsOut { height:24px; float:left; border-bottom:#848484 1px solid; border-right:1px #848484 solid; border-left:1px #CCCCCC solid; border-top:1px #CCCCCC solid; background:url(/Images/Web/btn-bg2.gif); color:#808080; margin-top:5px}
.btnscan { height:24px; border-bottom:#848484 1px solid; border-right:1px #848484 solid; border-left:1px #CCCCCC solid; border-top:1px #CCCCCC solid; background:url(/Images/Web/btn-bg2.gif); color: #333; margin-top:5px; cursor:pointer; margin-right:10px; padding-left:5px; padding-right:5px}
.pop_btns,.pop_btnsOut{ float:none; margin-right:10px;}
.pop p{ line-height:25px; margin:0;color:red}

#jfbox{ width:225px; height:75px;background:url(/Images/Web/ilayer.gif); position:absolute; z-index:1000}
#jfbox .l1{ margin-top:10px; padding-left:20px; float:left}
#jfbox .l2{ margin-top:10px; padding-left:20px; float:left; width:80%}
#jfbox .j{ font-size:14px; font-weight:bold; color:#FF3300}
#jfbox .f{ color:#FFFFFF; font-weight:bold; font-family:Arial; font-size:20px}

#TopAd{ width:964px; position:relative; height:0; overflow:hidden}
.close{ position:absolute; float:right; background:url(/Images/Web/close1.gif); width:17px; height:17px; z-index:1000; right:0; cursor:pointer}


/*底层*/
#winsbox{  height:25px; position:absolute; width:100%; left:0; z-index:1001;}
#wins{  height:25px; background:#E5E5E5; border-top: #B4B4B4 1px solid; width:964px; position:absolute; left:23px; z-index:1001;}
.wins{ height:24px; width:100%; position:relative;border:#B4B4B4 1px solid; border-bottom:0px; border-top:1px #FFFFFF solid }
.mymenu,.mymenu_on{border-right:#B4B4B4 1px solid; width:60px; height:25px; padding:6px 0 0 30px; float: left; position:absolute; background:url(/Images/Web/app-menu.png) no-repeat 5px 3px; cursor:pointer}
.mymenu_on{ background:url(/Images/Web/app-menu.png) no-repeat 5px 4px #fff; color:#000000; top:-1px; padding-top:7px}
#mymenu_con, #mymenu_con li{ background:#FFFFFF}
#mymenu_menu{ width:200px; height:170px; border:#999 1px solid; border-bottom:0; top: -172px; left:-1px; background:#fff; position:absolute}
#mymenu_menu .t{ background:url(/Images/Web/dj.gif) no-repeat 180px 7px #526EA6; border-bottom:1px #526EA6 solid; padding:6px 0 5px 10px; color:#fff; font-weight:bold; cursor:pointer}
#mymenu_menu ul{ margin:10px 0 0 0; float:left; width:100%}
#mymenu_menu li{ float:left; clear:both}
#mymenu_menu a{ float:left; line-height:25px; padding-left:30px; color:#000000}
#mymenu_menu a:hover{ color: #FF3300}
#mymenu_menu .stock{background:url(/Images/TreeImg3/m_icon_12.gif) 10px 2px no-repeat}
#mymenu_menu .pro{background:url(/Images/TreeImg3/m_icon_3.gif) 10px 2px no-repeat}
#mymenu_menu .com{background:url(/Images/TreeImg3/m_icon_9.gif) 10px 2px no-repeat}
#mymenu_menu .space{background:url(/Images/TreeImg3/m_icon_10.gif) 10px 2px no-repeat}
#mymenu_menu .bbss{background:url(/Images/TreeImg3/m_icon_4.gif) 10px 2px no-repeat}
.mymm { float:left; margin-left:90px; width:50px; height:18px; padding:5px 0 0 38px;background:url(/Images/web/vip_.gif) 6px 6px no-repeat; color:#333; font-family:Arial; border-right:1px #B4B4B4 solid}
.mymm:hover{ text-decoration:none;background:url(/Images/web/vip_.gif) 6px 6px no-repeat #fff; color:#000000}
.myref,.myup,.mypro,.icbuy {float:left; width:50px; height:18px; padding:6px 0 0 28px; background:url(/Images/TreeImg3/m_icon_6.gif) 10px 5px no-repeat; color:#333; font-family:Arial; border-right:1px #B4B4B4 solid}
.myref:hover{text-decoration:none;background:url(/Images/TreeImg3/m_icon_6.gif) 10px 5px no-repeat #fff; color:#000000;}
.myup:hover{text-decoration:none;background:url(/Images/TreeImg3/m_icon_5.gif) 10px 5px no-repeat #fff;color:#000000;}
.mypro:hover{text-decoration:none;background:url(/Images/web/ico_provide.gif) 6px 6px no-repeat #fff;color:#000000;}
.icbuy:hover{text-decoration:none;background:url(/Images/web/ico_need.gif) 8px 5px no-repeat #fff;color:#000000;}
.myup{background:url(/Images/TreeImg3/m_icon_5.gif) 10px 5px no-repeat;}
.mypro{background:url(/Images/web/ico_provide.gif) 6px 6px no-repeat; width:58px; height:15px; padding:8px 0 0 28px;}
.icbuy{background:url(/Images/web/ico_need.gif) 8px 5px no-repeat; width:52px; height:15px; padding:5px 0 0 32px;}
.flex{background:url(/Images/web/startbar.gif) 0 0 no-repeat; width:11px; height:30px; position:absolute; left:6px; top:3px; cursor:pointer}
.flex2{ background-position:0 -28px}

.myfred { float:right}
.myf,.myf_on{border-right:#87BCD8 1px solid; border-left:#87BCD8 1px solid; width:55px; height:25px; padding:6px 0 0 25px; float: right; right:-1px; position:absolute; background:url(/Images/Web/online.gif) no-repeat 10px 7px; cursor:pointer}
.myf_on{ background:url(/Images/Web/online.gif) no-repeat 10px 8px #F5FCFF; top:-1px; padding-top:7px}
#myfred_menu{ width:220px; height:260px; border:#87BCD8 1px solid; border-bottom:0; bottom:25px; right:-1px; background:#F5FCFF; position:absolute}
#myfred_menu .t{ background:url(/Images/Web/dj.gif) no-repeat 200px 7px #E1F2FA; border-bottom:1px #A9D5E9 solid; padding:6px 0 5px 10px; color:#006699; cursor:pointer}
#myfred_menu ul{ margin:10px 0 0 0; float:left; width:100%}
#myfred_menu li{ float:left; clear:both; width:200px; white-space: nowrap; overflow:hidden}
#myfred_menu a{ float:left; line-height:25px; padding-left:40px; color:#000000; white-space: nowrap;}
#myfred_menu a:hover{ color: #FF3300}
#myfred_menu li span{ float:left; color:#999999; padding:5px 0 0 5px; white-space: nowrap; clear: right}
#myfred_con{ height:250px; overflow-y:auto; overflow-x:hidden;}
#myfred_menu .loads{ padding:10px}


@charset "utf-8";
*{margin:0px;padding:0px;}
body	{color: #515151;background:#fff;font:12px/1.5em Verdana,Arial;height:100%;background:#fff;} 
td,th	{font-size:12px;}
img		{border:none;} 
ul,ol,li{margin:0;padding:0;}
button{border:0;cursor:pointer;}
.clear	{clear:both;overflow:hidden;font-size:1px;line-height:1px;font:0px/0px Arial;width:100%;}
.hidden	{display:block;overflow:hidden;text-indent:-2008px;} 
.line	{text-decoration:underline;}
.exp	{display:none;} 
a.line:link,a.line:visited,a.line:active{text-decoration:underline;} 
a.line:hover {text-decoration:none;}   

.red	{color:red}
a.red:link,a.red:visited,a.red:active {color:red;text-decoration:none;} 
a.red:hover {color:#D20000;text-decoration:underline;}  

.cred	{color:#BD0000;font-family:simsun;}
a.cred:link,a.cred:visited,a.cred:active {color:#BD0000;text-decoration:none;} 
a.cred:hover {color:#D20000;text-decoration:underline;}  
.in1,.in2,.in3{display:inline-block;width:1em;}
.in2{width:2em;}
.in3{width:3em;}


/* nav */
.header{
	width:950px;
	margin:0 auto;
	position:relative;
	z-index:90;
}
.header .head_info{color:#BD0000;height:112px;clear:both;}
.header .head_info a{color:#BD0000;text-decoration:underline;}
.header .head_info a:hover{color:#D20000;}
.header .head_info span{display:block;float:left;width:255px;height:75px;background:url(/images/web/logo.png) no-repeat 0 bottom;margin-top:15px;}
.header .head_info span a{display:block;width:100%;height:100%;}
.header .head_info .i_show{float:right;position:relative;width:600px;height:75px;text-align:right;}
.header .head_info .i_show p{padding-top:26px;font-family:simsun;}
.header .head_info .i_show p a{padding-bottom:2px;}

.header .head_nav{padding-left:4px;height:43px;clear:both;background:url(/images/web/head_nav.png);color:#fff;position:relative;z-index:0; text-align:center}
.header .head_nav .n_link{float:left;padding-top:4px;position:relative;z-index:98;}
.header .head_nav .n_link .n_link_nav a{display:block;position:relative;float:left;padding-left:2px;height:39px;line-height:39px;font-size:14px;font-weight:bold;color:#fff;font-family:simsun;text-decoration:none;}
.header .head_nav .n_link .n_link_nav a:hover{text-decoration:none;background:url(/images/web/head_nav.png) no-repeat 0 -53px;color:#D20000;text-decoration:underline;}
.header .head_nav .n_link .n_link_nav a:hover span{background:url(/images/web/head_nav.png) no-repeat right -53px;}

.header .head_nav .n_link .n_link_nav a span{display:block;height:39px;width:95px;cursor:pointer;}
.header .head_nav .n_link .n_link_nav a.on{color:#D20000;background:url(/images/web/head_nav.png) no-repeat left -53px;text-decoration:none;}
.header .head_nav .n_link .n_link_nav a.on:hover{text-decoration:underline;}
.header .head_nav .n_link .n_link_nav a.on span{background:url(/images/web/head_nav.png) no-repeat right -53px;}

.header .head_nav .n_link .n_link_nav .n_index{width:82px;}
.header .head_nav .n_link .n_link_nav .n_return{width:106px;position:relative;z-index:5;text-indent:-15px;}
.header .head_nav .n_link .n_link_nav .n_return em{display:block;width:14px;height:14px;background:url(/images/web/go_icon.png) no-repeat 0 -71px;position:absolute;top:12px;left:77px;cursor:pointer;}
.header .head_nav .n_link .n_link_nav .n_return em.arr_on{background-position:-15px -71px;}
.header .head_nav .n_link .n_link_nav .n_sale{width:90px;}
.header .head_nav .n_link .n_link_nav .n_vip{width:90px;}
.header .head_nav .n_link .n_link_nav .n_mall{width:90px;}
.header .head_nav .n_link .n_link_nav .n_book{width:90px;}
.header .head_nav .n_link .n_link_nav .n_help{width:81px;}
.header .head_nav .n_link .n_link_nav sup{display:block;position:absolute;width:22px;height:12px;font:0/0 simsun;overflow:hidden;text-indent:-2012px;background:url(/images/web/head_nav.png) no-repeat 0 -102px;right:4px;top:-2px;}

.header .head_nav .n_link .r_layer{background:url(/images/web/head_nav.png) #fff no-repeat 0 -143px;width:471px;position:absolute;left:84px;top:35px;z-index:99;} 
.header .head_nav .n_link .r_layer_zone{margin:0 0;border:1px solid #CD0000;border-top:none;padding-bottom:10px;}
.header .head_nav .n_link .r_open{zoom:1;padding-left:15px;overflow:hidden;clear:both;color:#000;}
.header .head_nav .n_link .r_open dl{width:150px;height:130px;line-height:21px;margin-top:10px;float:left;text-align:left;} 
.header .head_nav .n_link .r_open dt{font-weight:bold;} 
.header .head_nav .n_link .r_open dd{height:21px;overflow:hidden;white-space:normal;word-break:break-all;} 
.header .head_nav .n_link .r_percent{}
.header .head_nav .n_link .r_mark_hot{color:#ff6600;}
.header .head_nav .n_link a.link_more{color:#A90000;font-family:simsun;text-decoration:underline;}

.header .head_nav .n_tips{float:right;width:400px;height:43px;overflow:hidden;text-align:right;}
.header .head_nav .n_tips p{padding:13px 10px 0 0;}

/* Header -> on-off */  
.header .onoff{
	width:20px;
	height:13px;
	position:absolute;
	right:-21px; 
	bottom:-13px;
	z-index:99;
	font:0px/0px simsun;
	cursor:pointer;
	background:url(/images/web/go_icon.png) no-repeat -213px -71px;
}
.header .onoff.on{background:none;}

/*Step Banner*/
.stepbanner{width:950px;height:56px;position:relative;margin:10px auto 0 auto;background:url(/images/web/step_banner.png) no-repeat;}
.stepbanner a{display:block;width:100%;height:100%;}
.stepbanner button{position:absolute;background:url(/images/web/go_icon.png) no-repeat -213px -90px;width:13px;height:13px;top:4px;right:4px;}

/* public nav */
.g_toolbar{background:url(/images/web/bg_toolbar.png) repeat-x 0 -70px; height:24px; ; min-width:980px; z-index:98; position:relative;}
.g_toolbar_area{width:980px; height:20px; margin:0 auto;position:relative;padding-top:3px}
.g_toolbar_con{ line-height:18px; z-index:998; position:relative;}
.g_welcome{float:left;}
.g_welcome span{ display:inline-block; }
.g_control{ position:absolute; right:0px; height:20px; background:url(/images/web/bg_toolbar.png) no-repeat 0px -94px; padding-left:5px;}
.g_control li{float:left; padding:0 5px;}
.g_comments,
.g_cart,
.g_order{background:url(/images/web/bg_toolbar.png) no-repeat left -45px; margin-left:5px; line-height:22px;}
.g_control .g_comments{padding-left:10px}
.g_control .g_comments a{ line-height:22px; text-decoration:underline;}
.g_vip a{background:url(/images/web/bg_toolbar.png) no-repeat left -20px; padding-left:35px; margin-left:15px; line-height:20px	}
.g_cart a{background:url(/images/web/bg_toolbar.png) no-repeat left -110px; padding-left:17px; margin-left:5px;}
.g_order a{background:url(/images/web/bg_toolbar.png) no-repeat left -138px; padding-left:17px; margin-left:5px;}
.bt_vip_more{position:relative; z-index:2; display:block; background:url(/images/web/bg_toolbar.png) no-repeat right 6px; padding-right:10px; margin-right:5px; cursor:default; z-index:998}
.g_vip_all{position:absolute; top:1px; right:5px; background-color:#FFFFFF; border:1px solid #dddddd; padding-top:20px; z-index:997}
.g_vip_all ul{border-bottom:1px dashed #ccc; padding-bottom:5px; margin:0 5px 5px; line-height:18px; text-align:left; width:80px;}
.g_control .g_vip_all ul li{float:none; padding:0;}
.g_control .g_vip_all ul li a{ display:block; zoom:1;}
.g_control .g_vip_all ul li a:hover{background-color:#f8f8f8;text-decoration:none}
.g_toolbar_area .i_my{padding-left:22px;background:url(/images/web/go_icon.png) no-repeat 3px 0;}
#g_vip_life{border-bottom:none; margin-bottom:0;}
.loginbox{ position:absolute; right:218px; top:0; width:600px; text-align:right;}
.loginbox a{ margin:0 3px;}
.loginbox a:link,
.loginbox a:visited{ text-decoration:underline;}
.loginbox a:hover,
.loginbox a:active{ text-decoration:none;}
.g_toolbar ul,
.g_toolbar li{ list-style:none;}

/* search */
.search_main{width:493px;height:63px;position:absolute;right:0;top:12px;text-align:left;z-index:1;}
.searchbody{width:493px;height:42px;position:relative;margin-top:-2px;background:url(/images/web/seachbox.png) no-repeat 0 -60px;z-index:0; margin-top:20px}
.searchbody .keyword_null{position:absolute;left:52px;top:40px;height:27px;background:url(/images/web/book/book_repeat.png) #F7F7F7 repeat-x 0 -139px;}
.searchbody .keyword_null em{display:block;position:absolute;top:0;width:3px;height:27px;background:url(/images/web/book/book_repeat.png) no-repeat 0 -110px;overflow:hidden;}
.searchbody .keyword_null em.mark_start{left:0;}
.searchbody .keyword_null em.mark_end{right:0;background-position:-3px -110px;}
.searchbody .keyword_null em.mark_arr{width:12px;height:6px;background-position:0 -102px;top:-5px;left:20px;}
.searchbody .keyword_null p{line-height:27px;padding:0 10px;}
.search_hot{overflow:hidden;width:100%;height:30px;}
.search_hot strong{color:#666666;height:19px;display:inline-block;line-height:19px;}
.search_hot p{padding:6px 0 0 8px;color:#808080;}
.search_hot p a{display:inline-block;padding:0 4px;color:#808080;height:17px;}
.searchbody .mod_search{display:block;height:100%;border:0;}
.searchbody .mod_search legend,
.searchbody .mod_search label{display:none;}
.searchbody .mod_search p{position:absolute;left:8px;top:6px;width:377px;height:26px;border:1px solid #99A9B4;background:url(/images/web/seachbox.png) #FFFFFF no-repeat 5px -27px;}
.searchbody .mod_search p input{border:0;width:295px;margin:4px 0 0 10px;color:#000000;}
.searchbody .mod_search p input.auto{color:#DCDCDC;}
.searchbody .mod_search p .mod_search_bt{width:92px;height:28px;overflow:hidden;position:absolute;left:383px;top:-1px;background:url(/images/web/seachbox.png) no-repeat -380px -30px;}
.searchbody .mod_search p .mod_search_bt span{display:none;}
.searchbody .mod_maybe_keywords ul{width:378px;list-style:none;position:absolute;left:8px;top:33px;background:#FFFFFF;border-style:solid;border-width:1px 0;border-color:#FF8401;}
.searchbody .mod_maybe_keywords li{height:21px;line-height:21px;width:377px;overflow:hidden;margin:0;border-left:1px solid #FF8401;border-right:1px solid #FF8401;overflow:hidden;}
.searchbody .mod_maybe_keywords li button{display:block;width:100%;height:21px;font-size:12px;line-height:21px;text-align:left;background:#FFFFFF;position:relative;}
.searchbody .mod_maybe_keywords li button span{display:block;width:250px;line-height:21px;margin-left:7px;overflow:hidden;}
.searchbody .mod_maybe_keywords li button cite{position:absolute;display:block;width:90px;line-height:21px;overflow:hidden;text-align:right;right:5px;top:0;font-style:normal;color:#C4C4C4;background:none;}
.searchbody .mod_maybe_keywords li.on button{background:#0A246A;color:#FFFFFF;}

/* sidebar */
.sidebar{float:right;width:235px;}  
.sidebar .step_control{position:relative;width:235px;height:133px;background:url(/images/web/go_list.png) no-repeat;margin-bottom:10px;}
.sidebar .step_control a{display:block;position:absolute;width:26px;height:81px;background:url(/images/web/go_list.png) no-repeat -235px 0;left:233px;top:0;}

.info li{ line-height:22px; float:left; overflow:hidden}
.info a{ color:#535353; white-space:nowrap}
.vips { float:right; padding:8px 20px 0 0; color:#FF9; font-size:12px; font-weight:bold}
.vips:hover{color:#fff}

.vipbox{ float:left; width:100%; padding-bottom:20px}
.vipbox a{ float:left; width:150px; overflow:hidden}
.mr10{ margin-right:9px}