@charset "utf-8";
/* CSS Document */

/* ************************************
* 文件名称：base.css
* 编 写 者：Judy Wang
* 编写日期：2011-07-06
* 文件版本：V1.0
* 内容概要：公共页面制作样式库文件
* 最后修改日期：2011-09-01  修改左侧float
************************************ */

body{
	margin:0 auto;
	font-size:14px;
	color:#333;
	
	font-family:微软雅黑,宋体,黑体,Arial;
}
body,img,ul,ol,li,p,span,div,h1,h2,h3,h4,h5,font,a,textarea,dl,dt,dd{
	padding:0;
	margin:0;	
}

/* input */
input,select,textarea{
	 border:none;
	 vertical-align:middle;
	 font-family:微软雅黑,宋体,黑体;
	 font-size:12px;
}
.inputForm,textarea{
	 border:1px solid #666;
	 border-right:1px solid #CCC;
	 border-bottom:1px solid #CCC;
	 line-height:24px;
	 height:24px;
}
select, select.inputForm{
	 border:1px solid #666;
	 border-right:1px solid #CCC;
	 border-bottom:1px solid #CCC;
	 line-height:28px;
	 height:28px;
}
.commentForm{
	width:auto;
	height:auto;
	overflow:hidden;
}
.blankFrom{
	width:500px;
	height:75px;
	line-height:25px;
	border:none;
	overflow:hidden;
}
.clear{
    clear:both;
}

/* font */
h1{
	font-size:18px;
}
h2{
	font-size:15px;
}
h3{
	font-size:13px;
	width:98%;
	margin:0 auto;
	line-height:30px;
	height:30px;
	padding-bottom:2px;
	font-family:微软雅黑,宋体,黑体;
}
h4{
	font-size:12px;
}
h1,h2,h3,h4{
    text-align:left;
}
.fontB{
	font-size: 10px;
}
.fontRedB{
	color:#C00;
	font-weight:bold;
	padding:0 3px;
	*padding:0px; /* ie6,ie7 */
}
.font12{
	font-size:12px;
	font-weight:normal;
}
.font14{
	font-size:13px;
}
.font15{
	font-size:15px;
	font-family:微软雅黑,宋体,黑体;
}
.font16{
	font-size:16px;
}
.font20{
	font-size:20px;
}
.font2em{
	text-indent:1.5em;
}
/* color */
.red,a.red:link,a.red:visited{
	color:#C00;
}
.white,a.white:link,a.white:visited{
	color:#FFF;
}

.redf00{
	color:#F00;
}
.black{
	color:#333;
}
.black6{
	color:#666;
}
.black9{
	color:#888;
}
/*.white{
	color:#FFF;
}*/
.textLine{
	text-decoration:line-through;
}

/* list */
ul,ol{
	list-style:none;
}
ul li,ol li, dl dd,dl dt{
    text-align:left;
}
	
/* link */
a{
	text-decoration:none;
	color:#C00;
	cursor:pointer;
}
a.underline1{
	text-decoration:underline;
}
a.underline:hover,a.underline:active,a.underline1:hover,a.underline1:active{
	text-decoration:underline;
}
a.black:hover,a.black:active{
	color:#C00;
}
a.black9:hover,a.black9:active{
	color:#C00;
}
a.redLink:hover,a.redLink:active{
	color:#333;
}

/* img */
img{
	border:0;
}

.picBuzou{
	width:1020px;
	height:35px;
	margin-bottom:4px;
	border:none;
}

/* btn */
.pointer{
	cursor:pointer;
}
.btn{
	border:none;
	color:#FFF;
	cursor:pointer;
	font-size:11px;
}
.img0{
	width:16px;
	height:16px;
	margin-right:10px;
	margin-left:2px;
	background:none;
}
.btnBlack{
	width:47px;
	line-height:22px;
	*margin-top:4px;/*ie7*/
	_margin-top:6px;/*ie6*/	
	display:inline;
	padding-left:5px;
	background:url(../images/btn_bg_b2.gif) no-repeat;
}
.btnRed{
	width:70px;
	height:20px;
	line-height:20px;
	padding-left:15px;
	display:inline;
	background:url(../images/btn_bg_r.gif) no-repeat;
}
.btnRed2{
	width:75px;
	height:22px;
	line-height:15px;
	*line-height:19px;
	background:url(../images/btn_bgjobs.gif) no-repeat;
}
.btnRedL{
	width:89px;
	height:34px;
	line-height:31px;
	display:inline;
	font-size:12px;
	background:url(../images/btn_bgL.gif) no-repeat;
}
.btnRedL02{
	line-height:28px;
	background:url(../images/btn_bgL02.gif) no-repeat;
}
.btnRedLgray{
	line-height:28px;
	background:url(../images/btn_bgLgray.gif) no-repeat;
}
.btnRed3{
	width:138px;
	height:32px;
	line-height:27px;
	font-size:12px;
	background:url(../images/btn_bgpay.gif) no-repeat;
}
.btnRedM{
	width:49px;
	height:23px;
	margin-top:4px;
	line-height:18px!important;
	background:url(../images/btn_bgr.gif) no-repeat;
}
.btnBuynow{
	width:105px;
	height:23px;
	background:url(../images/btn_buynow.gif) center no-repeat;
}
.btnSer{
	background:#C00 url(../images/btn.gif) no-repeat;
	height:25px;
	line-height:25px;
	padding:0 15px;
	*padding:0 5px;
	color:#FFF;
	text-indent:8px;
	margin:0;
	cursor:pointer;
}
.btnSerC{
	color:#333;
	background:#CCC url(../images/btn_gray.gif) no-repeat;
}
.btnNo{
	background:none;
	border:none;
	color:#C00;
}
.btnBig{
	width:64px;
	height:37px;
	margin-right:6px;
	_margin-top:10px;
	cursor:pointer;
	background:url(../images/btn_search.gif) no-repeat;
}
.btnGood{
	background:url(../images/btn_good.gif) no-repeat;
}


/* float */
.left{
	float:left;
}
.right
{
	
	float:right;
}
.both{
	clear:both;
}
.tLeft{
	text-align:left;
}
.tRight{
	text-align:right;
}
.tCenter{
	text-align:center;
}
.middle{
	vertical-align:middle;
}

/* display */
.disI{
	display:inline;
}
.dis{
	display:block;
	font-size: 12px;
}
.undis{
	display:none;
}

/* border */
.borderCCC{
    border:1px solid #CCC;
}
.borderC00{
    border:1px solid #C00;
}
.borderC002{
    border:2px solid #C00;
}
.borderC002b{
    border-bottom:2px solid #C00;
}
.borderFFF,.borderFFF td{
    border-right:2px solid #FFF;
}
.borderB,.borderB td{
	border-bottom:2px solid #FFF;
}
.borderT{
	border-top:1px solid #CCC;
}
.borderB1{
	border-bottom:1px solid #CCC;
}
.borderNo{
    border:none;
}

/* title */
.title{
    border-bottom:1px solid #CCC;
	height:32px;
	line-height:32px;
	display:block;
	text-align:left;
}
.title02{
	height:32px;
	line-height:32px;
	width:100%;
	display:block;
	text-align:left;
	background:url(../images/bg_title02.gif) no-repeat #EFEFEF;
}
.title03{
	height:32px;
	line-height:32px;
	display:block;
	background:url(../images/bg_title03.gif) no-repeat;
	border-bottom:2px solid #C00;
}
.titleFont{
	font-size:14px;	
	font-family:微软雅黑,宋体,黑体;
	width:100px;
	background-color:#C00;
    color:#FFF;
    font-weight:bold;
	text-align:center;
	display:block;
}
.tabTitle{
    border-bottom:2px solid #C00;
	margin-top:7px;
	height:25px;
	line-height:25px;
	width:100%;
}
.tabTitle01{
	margin-top:7px;
	height:25px;
	line-height:25px;
	width:208px;
	float:right;
	margin-right:6px;
	display:inline;
}
.tabTitle02{
    border-bottom:2px solid #C00;
	height:25px;
	line-height:25px;
	width:96%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:4px;
}
.tabTitle li,.tabTitle01 li,.tabTitle02 li{
    font-size:14px;	
	font-family:微软雅黑,宋体,黑体;
	padding:0 15px;
	font-weight:bold;
	text-align:center;
	float:left;
	border-right:3px solid #FFF;
	cursor:pointer;
}
.titleFontRed{
	background-color:#C00;
    color:#FFF;
}
.titleFontGray{
	color:#333;
	background-color:#EFEFEF;
}


/* linkMore */
.linkMore{
	float:right;
}
/* length */
.wid150,.inputForm{
	width:150px;
}
.wid25{
    width:30px;
	height:15px;
	line-height:15px;
	text-align:center;
}
.wid35{
    width:35px;
}
.wid70{
    width:67px;
}
.wid95{
    width:95px;
}
.wid85{
    width:85px;
}
.wid100{
	width:100px;
}
.wid120{
	width:120px;
}
.wid137{
	width:155px;
}
.wid200{
	width:200px;
}
.wid300{
	width:300px;
}
.wid530{
	width:530px;
}
.wid400{
	width:390px;
}
.wid470{
	width:486px;
	_width:482px;
}
.wid632{
	width:632px;
}


.hei22{
	height:22px;
	line-height:22px;
}
.hei25{
	height:25px;
}
.hei30{
	height:30px;
	line-height:30px;
}
.hei-35{
	height:35px;
	line-height:35px;
}
.hei35{
	height:48px;
	line-height:48px;
}
.hei60{
	height:60px;
	line-height:60px;
}

.mar10{
	margin-left:10px;
}
.mar40{
	margin-left:40px;
}
/* 0823 edit */
.pad10{
	padding-left:5px;
}

/*  table  */
.tab{
	width:98%;
	text-align:center;
}
td,th{
	height:28px;
	line-height:28px;
}

.tab th,.tabFriend th,.bgRed{
	background:#C00;
	color:#FFF;
}
.tab .undis{
	width:100%;
}
.tab1{
	width:100%;
	text-align:right;
	background:#F9F9F9;
}
.tab2{
	padding-bottom:13px;
	background:#FFF;
}
.tab1 td{
	height:40px;
	line-height:40px;
}

/*  background  */
.bgEF{
	background:#EFEFEF;
}
.bgNo{
	background:none;
}


/********** container **********/
.container{
	width:100%;
	height:auto;
	margin:0 auto;
} 
/********** container end **********/

/********** header **********/
.header{
	width:100%;
	min-width:1020px;
	margin:0 auto;
	height:160px;
}

.header2{
	width:100%;
	min-width:1020px;
	margin:0 auto;
	height:100px;
}
.header .topNav
{
    max-width:1020px; /********** amy **********/
    width: 100%;  /********** amy **********/
	height:27px;
	line-height:27px;
}
.header .topNav ul{
	
}
.header ul li{
    float:left;
}
.header .topNav ul li a{
	margin-left:15px;
}
.header .logo
{
	  width: 100%;  /********** amy  **********/
   max-width:1020px;  /********** amy **********/
	height:88px;
	background:url(../images/pic_hotline.gif) top right no-repeat;
}
.header .logo img.left{
	width:469px;
	height:85px;
}
.header .logo img.right{
	cursor:pointer;
}
.header .menuList{
	width:100%;
	min-width:1020px;
	
	height:40px;
	line-height:40px;   
	font-size:13px;
	font-weight:bold;
	font-family:微软雅黑,黑体,宋体;
	background:url(../images/bg_header1.gif) repeat-x;
}
.header .menuList li{
	width:110px;
	height:40px;
	float:left;
	text-align:center;
}
.header .menuList .cur{
	color:#C00;
	background:url(../images/bg_menuCon.gif) no-repeat;
}

/* edit 20120202 */
.header .topNav .left span{
	width:auto;
	float:left;
}
.header .topNav ol{
	width:auto;
	float:left;
}
.header .topNav ol li{
	float:left;
    position:relative;
	cursor:pointer;
}
.header .topNav li.underline{
	width:50px;
	color:#C00;
	background:url(../images/bg_login.gif) no-repeat top right;
}
.header .topNav ul.loginBox{
	display:none;
}
.header .topNav .right .supplier{
	width: 80px;
	position: relative;
	color: #333;
	cursor: pointer;
}
.header .topNav li.sfhover ul.loginBox{
	display:block;
	position:absolute; 
    top:24px; 
    left:0; 
    width:105px;
	background:#FFF;
	border:1px solid #C00;
	padding-bottom:10px;
}
.header .topNav .right li.sfhover ul.loginBox{
    width:85px;
}
.header .topNav li.sfhover ul.loginBox li{
	width:100%;
	line-height:25px;
	height:25px;
	text-indent:15px;
	border-bottom:1px dotted #CCC;
}
.header .topNav li.sfhover ul.loginBox li a{
	margin-left:0;
	color:#333;
}
.header .topNav li.sfhover ul.loginBox li a:hover{
	background:#f5f5f5;
	display:block;
}
.header .menuList .shopCart{
	width:250px;
	line-height:32px;
	margin-top:5px;
	font-size:12px;
	font-weight:normal;
	background:url(../images/bg_shopcart.gif) no-repeat top right;
}
.header .menuList .shopCart .cart{
	width:125px;
	float:left;
	margin-top:1px;
	margin-left:65px;
	display:inline;
	text-align:left;
}
/********** header end **********/

/********** content **********/
.content{
	width:1020px;
	height:auto;
	display:block;
}
.content .pagingBox{
	width:98%;
	height:60px;
	line-height:60px;
	margin:0 auto;
}
/*20110818edit*/
.content .btnBox{
	*width:20%;
	*float:left;
	*height:50px;
	*line-height:50px;
}
.content .btnBox .btnRed2{
	*margin-top:20px;
	_margin-top:0px;
}
.content .pagingBox span{
	line-height:60px;
	margin:5px 15px 5px 0;
	*height:56px;/*ie7*/
	_height:36px;/*ie6*/
	_padding-top:20px;/*ie6*/
}
.content .paging2{
	width:70%;
	float:right;
	text-align:right;
	display:inline;
	height:50px;
	line-height:50px;
	padding-right:10px;
}
.content .paging2 img{
	vertical-align:middle;
}
.hr{
	border-bottom:2px solid #777;
	width:98%;
	margin:0 auto;
	clear:both;
}
/********** content end **********/


/********** bottomLink **********/
.bottomLink{
	width:100%;
	max-width:1020px;
	height:145px;
	border-top:2px solid #C00;
	border-bottom:1px solid #CCC;
	clear:both;
}
.bottomLink .wid135{
	width:135px;
	float:left;
}
.bottomLink .footerList{
	width:125px;
	margin-left:10px;
}
.bottomLink .footerList img{
	margin:10px 0 5px 0;
}
.bottomLink ul ul li{
	padding-left:15px;
	height:25px;
	line-height:25PX;
	background:url(../images/icon_list.gif) no-repeat;
}
.bottomLink .hotLine{
	width:210px;
	height:145px;
	float:right;
	background:url(../images/pic_hotLine2.gif) #EFEFEF center no-repeat;
}
/********** bottomLink end **********/

/********** footer **********/
.footer{
	width:1020px;
	margin:0 auto;
	height:50px;
	padding:7px 0;
}
.footer li{
	width:100%;
	height:25px;
	line-height:25px;
	text-align:center;
}
/********** footer end **********/

/********** floatBar **********/
.floatTab{
	width:118px;
	height:150px;
	background:url(../images/float_bg.gif) no-repeat;
}
.floatTab ul{
	width:118px;
	height:90px;
	padding:40px 0 20px 0;
}
.floatTab ul li{
	height:30px;
	line-height:30px;
	text-align:center;
}
.floatTab ul li img{
	width:61px;
	height:16px;
	cursor:pointer;
	vertical-align:middle;
}

/** 修改 **/
.floatBar{
	z-index:99;
	width:118px;
	top:300px;
	left:0;
	position:absolute;
}
.floatBar .press{
	left:0;
	border:none;
	cursor:pointer;
	width:24px;
	height:138px;
	position:absolute;
}
.floatBar .Qlist .top{
	background:url(../images/float_top.gif) no-repeat;
	height:35px;
}
.floatBar .Qlist .bottom{
	background:url(../images/float_bottom.gif) no-repeat;
	height:15px;
}
.floatBar .Qlist{
	width:118px;
	height:138px;
	margin:0;
}
.floatBar .Qlist .con{
	background:url(../images/float_sidebar.gif) repeat-y;
	width:118px;
	margin:0;
}
.floatBar .Qlist .con li{
	padding:5px 5px 0px 15px;
	height:25px;
	line-height:25px;
}
/********** floatBar end **********/

/********** currentLocation **********/
.curLocation{
	width:100%;
	max-width:1020px;
	height:25px;
	line-height:25px;
	padding-top:15px;
	border-bottom:1px solid #C00;
	margin-bottom:4px;
	text-align:left;
	display:none;
}
/********** currentLocation end **********/

/********** leftBar end **********/
.content{
	padding-top:40px;
    }
.content .leftBar{
	width:250px;
	float:left;
}
.content .leftBar div{
	margin-bottom:5px;
}
/********** leftBar end **********/

/********** rightBody end **********/
.content .rightBody{
	width:765px;
	float:right;
}

/* comment star */
.content img.star{
	width:78px;
	height:16px;
	padding-bottom:4px;
    vertical-align:middle;
}
/********** rightBody end **********/