/*
Melinsoft Common Styles
Copyright (c) 2010-2100, jojo. All rights reserved to God. ^_^
 
update: 2010-4-28
*/
/***********************************************
 * reset
 ***********************************************/
body,div,dl,dt,dd,ul,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img, select { padding: 0; margin: 0; font-size: 12px; }
html { overflow: auto; font-size: 12px; font-family: Arial, Tahoma, TimesNew; }
ul,li, dl, dt, dd { list-style: none; }
table { border-collapse: collapse }
a,img,input { outline: none; border: none; }
a,img,input[type="button"],input[type="submit"] { cursor: pointer}
a { text-decoration: none;  }
	a:hover { text-decoration: underline }
em { font-style:normal}
.hidden { display:none}
.floatL { float: left; display: inline; }
.floatR { float: right; display: inline; }
.line-through { text-decoration: line-through }
.clearfix { clear: both; z-index: 1; overflow: hidden }
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
* html .clearfix { height: 1%; }

.w980 { width:980px;margin: 0 auto }
.martop6 { margin-top: 6px; }
.martop8 { margin-top: 8px; }
.gray { color: #888 }
.red { color: #f00; }
.wrap { width:100%;background: url(images/bg.gif) repeat-x}
.noData { text-align: center; font-size: 14px;line-height:60px}


/***********************************************
 * header
 ***********************************************/
#header { margin: 0 auto; padding-left: 15px; width: 995px; height: 93px }
.logo { width:300px;float: left }
.login { padding:0 23px 0 30px; width: 640px; height: 32px; line-height: 32px; background: url(images/topLogin.png) no-repeat; color: #7b788d; text-align: center }
    .login label { float:left;height:21px;line-height:24px;font-family:'宋体'}
    .login #userName { float:none}
	.login input.text { float:left;padding:0 2px;margin-right:10px;border: 1px solid #c5c6ca; width: 94px; height: 18px; line-height:18px;color:#77788a }
	.login input.btn { float:left;width: 46px; height: 21px; line-height: 22px;margin-right:4px; background: url(images/button.png) no-repeat; border: none; color: #7b7b85; }
	.login a { padding: 0 8px 0 12px; color: #7f7d92; background: no-repeat left center }
.loginArea { float:left;width:408px;height:21px;line-height:21px;margin-top:5px;text-align:left;overflow:hidden}
a.member { background-image: url(images/member.png) }
a.help { background-image: url(images/help.png) }
a.about { background-image: url(images/about.png) }
.navip { float:right;width:220px;}
.hotline { float: right; padding: 8px 30px 0 0; height: 40px; color: #545569 }
    .hotline span { float:left;height:40px;line-height:60px}
	.hotline b { font-family: Arial Black; color: #d33a01; font-size: 30px; }
	.hotline a { margin-left: 10px;padding:0; width: 62px; height: 53px; }
.qqs { background: url(images/qqs.png) }
.bbs { background: url(images/bbs.png) }
.online { display: none; position: absolute;z-index:10; top: 0px; right: 10px; width: 73px; height: 177px; background: url(images/online.png) no-repeat; text-align: center }
		.online a:hover { color: #de0400 }
		.online a.close { width: 50px; height: 18px; display: block;}
		.contacts {  padding-top: 24px;} 
		.contacts a { display:block;width:73px;height: 30px; line-height: 30px; color: #666;}

/*  mainNav */
#mainNav { height: 34px; display: block; }
	#mainNav li { float: left; margin-right: 3px; }
		#mainNav li a { display: block; width: 86px; padding:12px 0 0;height:22px; text-align: center; background: url(images/mainLi.png) no-repeat center bottom; color: #797c85 }
			#mainNav li a.special { background-image:url(images/mainlis.png);color: #e16f00 }
			#mainNav li a.on, #mainNav li a:hover { background: #e14604; color: #fff; font-size: 14px; font-weight: bold ; background: url(images/mainLi_on.png) no-repeat center bottom;text-decoration:none }
            
/* search */
#search { background: url(images/s_bg.jpg) no-repeat }
.topSearch { overflow: hidden; padding: 0 11px; height: 40px; line-height: 40px; background: url(images/s_r_bg.jpg) no-repeat right top }
	.topSearch label { display: block; float: left; padding-left: 30px; height: 40px; line-height: 46px; color: #e1e3eb; font-weight: bold; background: url(images/search.jpg) no-repeat }
.search { float: left; height: 24px; line-height: 24px; margin-top: 8px; }
.topSearch input.text { float: left; padding: 0 5px; width: 385px; height: 23px; line-height: 23px; background: #b2b5bd; border: none; color: #545569 }
.topSearch input.btn { float: left; width: 68px; height: 23px; background: #757782 url(images/find.gif); text-indent: -9999px }
.bus { padding-left: 36px; margin-top: 7px; width: 267px; height: 26px; line-height: 26px; background: url(images/bus.gif); color: #e0e2ee }
	.bus a.btn { padding-left: 18px; color: #e0e2ee; background: url(images/line.gif) no-repeat 9px center }
	.bus a.nums{ font-weight:bold;padding: 0 7px; color: #e0e2ee }
.hotSearch { height: 28px;overflow:hidden }
	.hotSearch span.left { float: left; width: 7px; height: 28px; margin-right: -7px; background: url(images/hot_l.png) no-repeat }
	.hotSearch span.right { float: right; width: 7px; height: 28px; margin-left: -7px; background: url(images/hot_r.png) no-repeat }
	.hotSearch .hot { padding: 0 16px; margin: 0 7px; height: 28px; line-height: 28px; background: #bcbfc7; color: #545569 }
	.hot a {color: #545569 }

.sidebar { width: 200px; /*overflow: hidden */ }
.mainArea { width:772px;overflow: hidden }
.proArea { width: 564px }
h4.title { padding-left: 20px; height: 30px; line-height: 30px; color: #565469; background: url(images/h4_title.png) no-repeat }


.brand { width:181px; padding: 4px 0 15px 17px; border: 1px solid #d2d2d2; border-top: none }
	.brand ul li { float: left; padding: 2px; margin: 10px 17px 0 0; width: 69px; height: 37px; text-align: center; background: url(images/brand_bg.png) no-repeat }
	
.sortbrand { padding: 0 4px 10px; border: 1px solid #d2d2d2; border-top: none }
	.sortbrand ul li { float: left; padding-top: 9px; width: 190px; height: 60px; border-bottom: 1px solid #e6e6e6;  text-align: center;}
		.sortbrand ul li img { display: block; width: 100px; height: 35px }
		.sortbrand ul li a span { line-height:22px;color: #222 }

.limitPro { padding-top: 32px; width: 200px; height: 257px; background: url(images/limit_pro.png);  overflow:hidden;position:relative;z-index:2 }
	.limitPro dl { width: 200px; text-align: center;display:none;position:absolute;}
	.limitPro dt img { width:120px;height: 120px }
	.limitPro dd { line-height:22px;color: #787a89 }
		.limitPro dd.title a{ color:#325f80;font-weight: bold }
		.limitPro dd em { color: #d73a03; font-weight: bold; font-size: 14px;  }
		.limitPro dd.time { color: #232323; line-height: 30px; }
			.limitPro dd.time span { padding: 0 3px; color: #e21205; font-weight: bold; font-size: 16px }
input.btn_1 { width: 77px; height: 24px; line-height: 24px; background: url(images/btn_1.gif) ; color: #fff; text-align: center; border: none }
.comBar { height:32px;background: url(images/comBar.png) no-repeat right top }
	.comBar h4 { width: 114px; height: 32px; line-height: 32px; background: url(images/com_title.png) no-repeat; color: #fefeff; font-size: 14px; text-align: center }
.com {  border: 1px solid #d2d2d2; border-top: none; overflow: hidden }

.show { padding: 20px 0 0; }
	.show .leftarrow { float: left; width: 53px; height: 180px; background: url(images/leftarrow.png) no-repeat 14px center ; cursor: pointer }
	.show .rightarrow { float: left; width: 23px; height: 180px; background: url(images/rightarrow.png) no-repeat left center; cursor: pointer }
	.show .centerCase { float: left; width: 456px; height: 200px; overflow: hidden; }
.ulIndexCase { width: 456px }
	.ulIndexCase li { float: left; margin: 0 30px 0 0; width: 132px; color: #335e81; display: inline; }
		.ulIndexCase li img { width: 130px; height: 120px; border: 1px solid #ccc; }
.show h5 { line-height:22px;font-weight: normal }
.show h6 { line-height:20px;font-weight: normal }
	.show h6 em { color: #cc0202;  font-weight: bold; font-size: 14px }
	

/***********************************************
 * Product Lists
 ***********************************************/	
input.favious { width: 60px; height: 25px; background: url(images/favious.png); }
input.buynow { width: 60px; height: 25px; background: url(images/buynow.png); }
	.ProList dl { float: left; height:300px; }
	.ProList dt { overflow:hidden}
	.ProList dt a { position:relative;display:block;overflow:hidden}
	.ProList dt a img {  border: 1px solid #ccc; }
	.ProList dt a .buynow { position: absolute; left: 0; bottom: -9999px;  }
	.ProList dt a .favious { position: absolute; right: 0;bottom: -9999px;  }
	.ProList dt a:hover .buynow,.ProList dt a:hover .favious { bottom:0; }
	.ProList dd { line-height: 20px }
	.ProList dd a { color:#335e81;}
		.ProList dd.gray { color: #888 }
		.ProList dd em { color: #cc0202;  font-weight: bold; font-size: 14px }
		
.Pro3 { padding: 15px 0 0 28px; width: 742px; overflow: hidden; border: 1px solid #d2d2d2; border-top: none; }
.Pro3nb { padding: 15px 0 0 28px; width: 742px; overflow: hidden;  }
.x3 { width: 750px; }
     .x3 dl{ width: 214px; margin: 0 36px 0 0;}
     .x3 dt { width:214px;height:214px;}
     .x3 dt a { width:214px;height:214px;}
     .x3 dt a img { width: 212px; height: 212px;}
		
.Pro4 { margin: 0 auto; padding-left: 4px; width: 745px; background: url(images/r_bg.gif) #fff repeat-x left top; overflow: hidden; }
	.Pro4 h5 { padding: 0 10px; line-height: 40px; font-size: 14px; }
.x4 { width: 760px; }
	.x4 dl {  width: 170px; height: 220px; margin: 0 20px 0 0; }
	.x4 dt img { width: 168px; height: 158px;}
	
.x5 { padding:16px 0 16px 22px; }
	.x5 dl {  width: 170px; height: 220px; margin: 0 21px 0 0; }
	.x5 dt img { width: 168px; height: 158px;}	
		
.listRow { width: 100%; }
	.listRow td { padding: 15px 0; border-bottom: 1px dotted #d0d1d8; color: #666 }
		.listRow td img { width: 100px; height: 80px; border: 1px solid #ddd }
	.listRow a { color: #325e7f }
	.listRow td em { color:#ff6600; }
	.listRow input { margin-right: 12px; }
.fastLink { height:168px;clear: both }
	.fastLink span.left { float: left; width: 3px; height: 168px; margin-right: -3px; background: url(images/foot_l.png) no-repeat }
	.fastLink span.right { float: right; width: 3px; height: 168px; margin-left: -3px; background: url(images/foot_r.png) no-repeat }
.fastLinkList { height: 168px; margin: 0 3px; background: url(images/foot_m.png) }
	.fastLinkList dl { float: left; padding: 13px 0 0 29px; width: 163px; height: 155px; background: url(images/foot_line.jpg) no-repeat right top; color: #797886 }
		.fastLinkList dl.nobg { background: none }
	.fastLinkList dt { height: 35px; }
	.fastLinkList dd { padding-left: 36px; height: 20px; line-height: 20px; }
	.fastLinkList a { color: #797886 }
.footLink { margin: 5px auto 0; height: 42px; text-align: center; }
	.footLink ul { margin: 0 auto;text-align: center }
	.footLink li { display: inline; line-height: 42px; color: #545569; padding: 0 10px; }
		.footLink li a { color: #545569; text-align: center; padding-right: 10px; }
.copyright p { padding:6px 0; color: #79788a; text-align: center }
.copyright p a { color:#545569}

/*  tabs */
.tabs { width: 200px; /*height: 195px;*/ background: url(images/tabs.png) no-repeat left bottom }
	.tabs div { padding: 8px 15px;/*height:147px;*/overflow:hidden }
	.tabs h4 a { color: #335f7c;}
.selectTab,.unselectTab { width: 98px; height: 32px; line-height: 32px; border: 1px solid #d6d6d6; border-width: 0 1px;  background: url(images/select.png); text-align: center; cursor: pointer; float: left; }
.unselectTab { color: #888; font-weight: normal; background: url(images/unselect.gif) repeat-x }
.selectContent { clear: both; }
.unselectContent { display: none; }
.tabs ul li { padding-left: 10px; background: url(images/dot.gif) no-repeat left center; height: 24px; line-height: 24px }
	.tabs ul li a { color: #666 }
/* ads width text and nums*/
.slideBanner { position: relative; border: 1px solid #fff; height: 413px; }
	.slideBanner img { width: 550px }
	.slideBanner .img { position: relative }
		.slideBanner .img li { position: absolute; z-index: 100; top: 0; left: 0 }
	.slideBanner .panel { position: absolute; z-index: 200; width: 550px; background: #2c2c2c; height: 34px;  bottom: 0 }
	.slideBanner .title { position: absolute; z-index: 400; bottom: 10px; color: #fff; left: 10px; }
	.slideBanner .num { position: absolute; z-index: 301; bottom: 8px; right: 5px }
		.slideBanner .num li { border: 1px solid #787878; margin: 0 1px; display: inline; float: left }
			.slideBanner .num li .numVal { border: 1px solid #c4c4c4; text-align: center; width: 15px; display: block; font: bold 10px tahoma; background: url(images/imgPlayer.gif) repeat-x 50% top; height: 15px; color: #fff; cursor: pointer }
			.slideBanner .num li.over { border-color: #aa5000 }
				.slideBanner .num li.over .numVal { border-color: #fde59d; width: 22px; background: url(images/imgPlayer.gif) repeat-x 50% bottom; }
				
.indexAd { padding: 6px; height: 415px; background: #a5a5b1; }
.indexAd img { width:550px;height:413px;}
.proAd .slideBanner {  border: none;height: 226px; }
.proAd .slideBanner img { width: 564px;height: 226px;} 
.proAd .slideBanner .panel{ width: 564px;}

.adsr { overflow:hidden}
.df { height:196px;}
.ct { height:284px;}
a.ads{ display:block;clear:both;}
a.ads img {margin-top:6px;}

/* sort Menu */
.sortMenu { width: 200px; border-bottom: 1px solid #bebebe; }
	.sortMenu h1 { background: url(images/cat_h1.png); height: 35px; line-height: 35px; font-size: 14px; font-weight: bold; padding: 0 10px 0 15px; color: #fff; }
		.sortMenu h1 a { color: #e1e3eb; font-size: 12px; font-weight: normal }
			.sortMenu h1 a:hover { color:#e1e3eb; }
	.sortMenu .catList { width: 198px; border: 1px solid #bebebe; border-width: 0 1px ;background:#f7f8fb}
		.sortMenu .catList h2 { background: #f7f8fb url(images/h2_cat.png) repeat-x; }
			.sortMenu .catList h2 a { color: #545569; font-weight: bold; line-height: 30px; padding-left: 18px; background: url(images/h2_cat_a.png) no-repeat 8px center }
	.sortMenu .h2_cat { width: 198px; height: 28px; background: url(images/h3_cat_a.png) no-repeat 180px center; line-height: 28px; font-weight: normal; color: #333333; position: relative; }
	.sortMenu .h2_cat_1 { width: 198px; height: 28px; background: #fff; line-height: 24px; font-weight: normal; color: #333333; position: relative; }
	.sortMenu a { color: #787989; }
	.sortMenu h3 { height: 30px; font-weight: normal; display: block; padding-left: 18px; }
		.sortMenu h3 span { color: #999999; width: 145px; float: right; }
		.sortMenu h3 a { line-height: 30px; }
		.sortMenu h3 a:hover { text-decoration:none}
	.sortMenu .h3_cat { display: none; width:128px; position: absolute; left: 100px; margin-top: -30px; cursor: auto;  }
	.sortMenu .shadow { padding-top:4px; background:url(images/holder.gif) no-repeat left top; width: 128px;overflow:hidden }
	.sortMenu .shadow_border { width: 128px; height:10px;background:url(images/holder.gif) no-repeat left bottom }
		.sortMenu .shadow ul { margin: 0; padding: 0; margin-left: 15px }
			.sortMenu .shadow ul li { list-style: none; padding-left: 10px; background: url(images/h3_cat_a.png) no-repeat left center; display:block; width: 90px; height: 26px;white-space:nowrap; overflow: hidden; letter-spacing: 0px; }

	.sortMenu .active_cat { z-index: 999; background: url(images/cat_menubg.gif); cursor: pointer; }
		.sortMenu .active_cat h3 { font-weight: bold }
			.sortMenu .active_cat h3 span { display: none; }
		.sortMenu .active_cat div { display: block; }
.sortSec { padding: 5px 0 10px 0; width: 198px; background: #f7f8fc }
	.sortSec  a { float: left; display: block; padding-left: 20px; width: 76px; height: 25px; line-height: 25px; background: #f7f8fc; color: #7b7b83 }
/*  help center */
.helpNav { width: 188px; padding: 5px; border: 1px solid #c8cbd2 }
	.helpNav dl { width: 188px; display: block; background: #f7f8fb; overflow: hidden; font-size: 14px; }
		.helpNav dl dt { padding: 5px 10px; height: 28px; background: url(images/help_dt.jpg) repeat-x left center; color: #545569; font-weight: bold; line-height: 28px; }
			.helpNav dl dt a { color: #545569; width: 168px; height: 28px; display: block; background: url(images/help_dt_a.gif) no-repeat right center; }
		.helpNav dl dd { float: left; display: inline; }
			.helpNav dl dd span { padding: 0 2px }
			.helpNav dl dd a { padding-left: 25px; width: 163px; height: 25px; line-height: 25px; background: url(images/help_dd_a.gif) no-repeat 13px center; display: block; color: #787989; }
				.helpNav dl dd a:hover,.helpNav dl dd a.on { background-color:#eceef0;font-weight: bold }
/*  breadcrumb  */
ul.breadcrumb { clear: both; padding-left: 23px; height: 30px; line-height: 30px; background: url(images/bread.png) no-repeat 7px center }
	ul.breadcrumb li { float: left; padding: 0 0 0 6px; line-height: 30px; color: #b3b6be; font-weight: bold }
		ul.breadcrumb li a { display: block; padding-right: 10px; color: #545569; font-weight: normal; background: url(images/crumb.png) no-repeat right center }
			
.rightBg { padding:10px 0;background: #fff url(images/r_bg.gif) repeat-x left top }
.rightContent { padding: 0 10px; min-height: 500px; }
/* news */
.mainequal { width:980px;overflow:hidden}
.equal { padding-bottom:32767px;margin-bottom:-32767px}
.bor_lf .page { margin-bottom:10px;}
.bor_bot { background:#d2d2d2;width:486px;height:1px;overflow:hidden}
.half { width: 486px;overflow:hidden }
	.half h4 { padding-left: 30px; height: 34px; background: url(images/topBar.png) no-repeat }
		.half h4 b {  padding-left: 5px; display: block; height: 34px; line-height: 34px; background: #f3f3f3 url(images/topBar.png) no-repeat right top; color: #d83902; font-size: 14px }
.bor_lf { padding-top:10px;padding-left:12px;padding-right:12px;border: 1px solid #d2d2d2; border-top: none; }
h4.newsTitle { line-height: 40px; color: #565865; border-bottom: 1px dotted #c8c9cb; text-align: center; font-size: 14px; font-weight: normal }
p.subtitle { line-height: 40px; color: #979797; border-bottom: 1px dotted #c8c9cb; text-align: center; }
	p.subtitle span { padding: 0 5px; }
		p.subtitle span em { color: #f76802; font-weight: bold;  }
.news_content { padding:20px 10px;color: #696969 }
	.news_content p { padding: 15px 0; line-height: 25px; text-indent: 2em }
.searchArea { height: 50px; line-height: 50px; border-bottom: 1px dotted #acacac; text-align: center; color: #666; font-weight: bold }
	.searchArea input.text { width: 220px; height: 22px; line-height: 22px; border: 1px solid #d7d7d7 }
	.searchArea input.button { margin-left: 17px; width: 79px; height: 26px; line-height: 26px; background: url(images/btn_2.gif); color: #626264 }
.newsList li { height: 30px; line-height: 30px; }
	.newsList li span { padding-right: 8px; color: #9a9a9a; font-size: 11px }
    .newsList a { padding-left: 17px; background: url(images/dot.gif) no-repeat 8px center; color: #6a6a6a;white-space:nowrap }
    .newsList li.dot { padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px dotted #aeaeae }
 
.proNew { width:980px;margin-bottom:8px;}
.proNew .bor_lf { padding:0;width:978px;}
.proNewsList  { margin:0 auto 10px;width:960px;overflow:hidden}
.proNewsList li { float:left;width:480px;height: 30px; line-height: 30px;overflow:hidden }
	.proNewsList li span { padding-right: 8px; color: #9a9a9a; font-size: 11px }
    .proNewsList a { padding-left: 17px; background: url(images/dot.gif) no-repeat 8px center; color: #6a6a6a; }
    
/* page */
.page_bg { margin-top: 30px; padding: 22px 0 20px 0; background: url(images/page_bg.png) no-repeat center top }
.page { text-align: center }
	.page a ,.page span { padding: 7px 9px; margin: 0 3px; line-height: 25px; font-family: "宋体"; border: 1px solid #d0d0d0; color: #777684 }
	.page span,.page a:hover { background: #545569; border-color: #545569; color: #fbfcfe }
	.nobor a, .nobor span{ border:none}
/* register */
.regist { padding-left: 27px; height: 34px; line-height: 34px; color: #787989; font-weight: normal; background: url(images/topBar.png) no-repeat }
	.regist b { color: #d53b00; font-size: 14px; padding-right: 10px; }
.reg { height: 454px }
	.reg span.left { float: left; width: 4px; height: 454px; margin-right: -4px; background: url(images/reg_l.png) no-repeat }
	.reg span.right { float: right; width: 4px; height: 454px; margin-left: -4px; background: url(images/reg_r.png) no-repeat }
.reg_m { height: 414px; margin: 0 4px; padding:20px 0;background: url(images/reg_m.png) repeat-x }
	.reg_m table { margin:0 auto;width:500px;color: #999 }
	.reg_m td.label { color: #545569;text-align:right }
	.reg_m input.text { border: 1px solid #c3c6cd; width: 165px; height: 23px; line-height: 23px; }
	.reg_m td { padding: 10px 12px 0 0 }
	.reg_m td em { display:block;line-height:20px;}
		.reg_m td a { color:#ff6600; }
	.reg_m input.btn { width: 145px; height: 34px; background: url(images/btn_reg.png) no-repeat; color: #595b67; font-size: 14px; font-weight: bold }
.code { width: 100px; height: 29px; line-height: 29px; text-align: center; border: 1px solid #ccc; font-size: 14px }
.hid { display: none }
.showError { color: #fc4701; }
.noError { display: none }
/*  record */
.record { padding: 0 4px; border: 1px solid #d2d2d2; border-top: none; overflow: hidden }
	.record dl { padding: 13px 8px 0; height: 56px; border-bottom: 1px solid #e6e6e6 }
	.record dt { float: left; margin-right: 10px; }
		.record dt img { width: 42px; height: 42px; border: 1px solid #e4e4e6 }
	.record dd { overflow: hidden; padding-top: 5px; line-height: 18px }
		.record dd a { color: #656565 }
/*  acts  */
.acts h4 { padding-left: 23px; height: 30px; line-height: 32px; background: url(images/acts.png) no-repeat; color: #d33808 }
.acts h4 a { padding:0 10px;font-weight:normal;float:right;color:#c14343}
.actList { width:178px;height:160px;padding: 2px 10px 10px; border: 1px solid #d2d2d2; border-width: 0 1px 1px; }
    .actList .proAds {width:176px;height:60px;}
    .actList .ads img { width:176px;height:60px;}
    .actList ul { width:178px;margin-top:5px;}
	.actList ul li { padding-left: 10px; background: url(images/dot.gif) no-repeat left center;width:168px; height: 24px; line-height: 24px; }
		.actList ul li a { color: #666;display:block; white-space:nowrap; width:168px; height:24px; overflow: hidden;}

/*  sort  */
.sort { width:420px;padding: 0 15px; height: 32px; line-height: 32px; color: #595868 }
	.sort a { color: #787b82 }
.sortMethod ul { float: left; height: 32px; line-height: 32px; margin-right: 30px }
.sortMethod li { float: left; width: 90px; text-align: center; background: url(images/down.gif) no-repeat right center }
* HTML .sortMethod li { position:relative;z-index: 100 }
.sortMethod dd { display: none }
.sortMethod dl.dis { width: 100px; position: relative; z-index: 100; border: 1px solid #d3d3d3; background: #fff; overflow: hidden }
* HTML .sortMethod dl.dis { position: absolute; top: 0; left: 0 }
.sortMethod dl.dis dd { display: block; line-height: 20px; text-align: center; }
.sortMethod dd a { display: block }
	.sortMethod dd a:hover,.sortMethod dd a.on { background: #eff0f5 }
    .displayMethod label {display:block;float:left;line-height:20px;}
    .displayMethod { float:left;margin-top:6px;width:110px;height:18px;line-height: 18px }
	.methodlist a { margin-right: 5px; display: block; float:left;width: 18px; height: 18px;  }
		.methodlist a.pic { background: url(images/pic.png) no-repeat; }
		.methodlist a.list { background: url(images/list.png) no-repeat; }
		
.sortArea { padding: 10px 0 0 15px; height: 35px; background: url(images/searchArea.gif) repeat-x }
.sortArea input.text { margin: 0 5px; height: 18px;line-height:18px;padding:0 2px; border: 1px solid #d8d9de }
.sortArea a { color: #787b82}

.priceArea { float:left;margin-top:5px;}
		
/*   member  */
.memberArea { min-height: 790px; overflow: hidden; color: #666 }
.memArea { padding: 30px 20px; width: 776px; min-height: 730px; float: right; background: #fff; border-right: 1px solid #bec1c9 }
.memNav { float: left; border: 1px solid #b8bbc3; border-width: 0 1px; padding: 6px; width: 146px; height: 778px; background: url(images/mem_bg.png) repeat-y }
	.memNav a.dt { padding: 0 10px; margin-top: 4px; height: 26px; line-height: 26px; background: url(images/mem_dt.jpg) repeat-y; border: 1px solid #b9bcc4; display: block; width: 127px; height: 26px; color: #545569; }
		
	.memNav dl dt { padding: 0 10px; margin: 4px 0; height: 26px; line-height: 26px; background: url(images/mem_dt.jpg) repeat-y; border: 1px solid #b9bcc4; }
		.memNav dl dt a { display: block; width: 127px; height: 26px; color: #545569; background: url(images/mem_a.gif) no-repeat right center }
	.memNav a span { padding: 0 7px; font-family: '宋体'; font-size: 10px }
	.memNav dd a { padding-left: 24px; display: block; height: 24px; line-height: 24px; color: #787989 ; background: url(images/mem_dd.gif) no-repeat 10px center }
		.memNav dd a:hover,.memNav dd a.on { background-color: #e1e1e7 }
.memArea h2 { height: 40px; line-height: 40px; border-bottom: 1px solid #dde0e4; color: #666; font-size: 14px; }
.dotted  td { padding: 7px 15px; border-bottom: 1px dotted #e8e8e8 ; }
.tips { padding: 0 15px; height: 36px; line-height: 36px; background: #f7f8f9; border: 1px solid #dadce0 }
	.tips a { color: #ff6600; padding: 0 10px; font-weight: bold }
	.tips span { color: #0080a5 }
.vip caption { padding: 10px 0; color: #222; font-size: 14px; font-weight: bold; text-align: left }
.vip th { background:#f7f8fa;font-weight: normal }
.vip th,.vip td { padding: 8px 10px; border: 1px solid #dbdcde; }
.vip a { padding:0 5px;color:#0c9300;  }
.vip .label { background: #f7f8fa }
.vip input.text { margin: 0 10px 0 5px; height: 20px; line-height: 22px; border: 1px solid #c5c6c8 }
.vip input.button { width: 79px; height: 26px; line-height: 26px; background: url(images/btn_2.gif); color: #626264 }
.vip input.submit { margin: 0 6px; width: 105px; height: 34px; line-height: 34px; background: url(images/btn_3.png); color: #585a66; font-weight: bold; font-size: 14px }
.vip .page a,.vip .page span  { border:none;background:none}
.vip .page span { color:red}
.vip .page a:hover { font-weight:bold;color:red}
/*  all products */
.all { height: 57px; }
	.all span.left { float: left; width: 4px; height: 57px; margin-right: -4px; background: url(images/all_l.png) no-repeat }
	.all span.right { float: right; width: 4px; height: 57px; margin-left: -4px; background: url(images/all_r.png) no-repeat }
.allList { margin: 0 4px;padding-top:11px; height: 44px; background: #f3f4f7; border: 1px solid #d2d2d2; border-width: 1px 0 }
	.allList a { display:block;float:left; margin-left: 8px; width: 112px; height: 33px; line-height: 33px; background: url(images/btn_4.jpg) no-repeat; color: #545569; font-size: 14px; font-weight: bold; text-align: center }
.alltitle { margin-top: 8px; padding: 1px; height: 27px; background: #f6f6f8; border: 1px solid #d1d3d8 }
	.alltitle h4 { padding-left: 9px; height: 27px; line-height: 27px; background: url(images/alltitle.jpg) repeat-x; font-size: 14px; color: #000 }
.allCatList { border:1px solid #d1d3d8;border-top: none }
	.allCatList dl { padding:12px 10px;overflow: hidden }
		.allCatList dl.blue { background: #f4f4f6 }
		.allCatList dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
		.allCatList dl dt { line-height: 22px; font-size: 14px; font-weight: bold }
	.allCatList dt a { color: #325e7f; }
	.allCatList dl dd { float: left; line-height: 22px; padding-right: 15px; }
	.allCatList dd a { color: #666 }
.allbrandList { padding: 0 1px 15px; border: 1px solid #d1d3d8; border-top: none }
	.allbrandList dl { margin: 15px 0 0 26px; padding: 3px 7px 0; float: left; width: 150px; height: 85px; background: url(images/brand_l.png) no-repeat }
		.allbrandList dl dt { height: 53px; border-bottom: 1px solid #e7e9ec; }
			.allbrandList dl dt img { width: 150px; height: 53px; }
		.allbrandList dl dd a { display: block; line-height: 31px; color: #325e7f; text-align: center }
h4.dot { padding: 0 10px; height: 30px; line-height: 30px; border-bottom: 1px dotted #c7c8ca; color: #545361; font-size: 14px }
.select { margin: 5px 0; }
	.select dt { float: left; width: 84px; text-align: center }
		.select dt a { color: #7a7a86; line-height: 30px; }
	.select dd { float: left; width: 680px; overflow: hidden; }
		.select dd a { float: left; padding: 3px 6px; margin: 5px 20px 0 0; color: #007aa9 }
			.select dd a:hover,.select dd a.on { background:#0080a7;color: #fdfdfd }
.pro { width: 382px;overflow:hidden }
	.pro ul { padding: 8px 16px 0; width: 382px; height: 165px; background: url(images/prohalf.png) no-repeat }
		.pro ul li { height: 25px; line-height: 25px; }
	.pro a { display: block;float:left; color: #666; width: 280px; }
	.pro span.num { float:left; color: #0080a5; font-weight: bold; font-family: Tahoma }
	.pro span.price { float:left; color:#ff6600;font-family: Tahoma }
p.result { padding: 0 15px; line-height: 28px; border-bottom: 1px dotted #c7c8ca; color: #54546e; font-size: 14px; }
	p.result span { color:#fd6a02;font-weight: bold }



h2.dot { line-height: 44px; border-bottom: 1px dotted #c7c9cf; color: #dc0000; font-size: 14px; text-align: center }
.proDetail { padding:15px 0 10px 0;clear: both }
.proImg { width: 402px; }
.bigImg { width:402px;height: 372px }
.thums { padding: 22px 0; width: 402px; height: 60px; margin: 0 auto; text-align: center }
	.thums ul { margin:0 auto;text-align: center }
	.thums li { display: inline;margin:0 6px; width: 60px; height: 60px }
		.thums li a { display: block;float:left; width: 58px; height: 58px;padding:2px; border: 1px solid #e1e1e6 }
			.thums li a:hover,.thums li a.on { padding:0;border: 3px solid #787989 }
	.thums img { width: 58px; height: 58px; }
.proInfo { width: 325px ; color: #666; }
	.proInfo p { padding: 10px 11px; line-height: 18px; border: 1px solid #c3c6cd; background: #f8f9fa }
	.proInfo ul { margin-bottom: 10px; }
	.proInfo li { clear:both;width:325px; padding: 7px 0; border-bottom: 1px dotted #ddd; font-size: 14px;overflow:hidden }
		.proInfo li em { color: #df5c81; font-size: 18px; font-family: Georgia;  }
		.proInfo li b { color: #cf003c }
		.proInfo li label {float:left;padding-top:8px;width:50px;}
		.proInfo li .others { float:left;width:260px;overflow:hidden}
		.proInfo li a { display:block;float:left;margin:5px 0 0 10px;padding:4px 5px;background:#f8f9fa;border:1px solid #c3c6cd;font-size:11px;font-family:Tahoma;color:#666}
		.proInfo li a:hover,.proInfo li a.on { padding:3px 4px;text-decoration:none;border:2px solid #e8483c}
	.proInfo input.text { height: 21px; line-height: 21px; border: 1px solid #cccdcd }
	.proInfo input.buy { margin-left:63px; width: 117px; height: 37px; text-indent: -999px; background: url(images/buy.png) no-repeat }
	.proInfo input.fav { margin: 15px 16px 0 45px;width: 117px; height: 37px; text-indent: -999px; background: url(images/fav.png) no-repeat }
	.proInfo input.jifen {  width: 117px; height: 37px; text-indent: -999px; background: url(images/jifen.png) no-repeat }
	.proInfo input.jifenno {  width: 117px; height: 37px; text-indent: -999px; background: url(images/jifenno.gif) no-repeat }

.protab { margin-top:30px;width: 745px }
.goodmsg0 { width: 745px; height: 28px; border-bottom: 2px solid #787989; }
	.goodmsg0 li { display: block; float: left; width: 110px; height: 28px; text-align: center; cursor: pointer; background: url(images/tab.png) no-repeat; line-height: 28px; margin-right: 3px; color: #545569; }
		.goodmsg0 li.hover { background: url(images/tabon.png) no-repeat; color: #fff; font-weight: bold }
		
.main ul { display: none; }
	.main ul.block { display: block; padding: 10px 0; }
	.main ul li { color:#656565;padding:15px 0;}
/* msg  */
.msg dl { margin-bottom:10px;padding:0 0 15px 0; border-bottom: 1px dotted #e2e2e2 }
	.msg dl dt { color: #999; line-height: 22px; font-family: Tahoma }
		.msg dl dt b { padding-right: 15px; color: #fe6400; }
	.msg dl dd { padding:4px 0;color: #696969 }
		.msg dl dd span { color: #000 }
	.msg dl dt span { padding-right: 5px; color: #666; font-weight: bold }
.protab h5 { padding: 0 10px; margin-top: 8px; height: 28px; line-height: 28px; background: url(images/protitle.png) no-repeat; color: #57556d; font-size: 14px }
.submsg dl { padding: 15px 30px; display: block; border: none; }
	.submsg dl dd { padding: 9px 0; border-bottom: 1px dotted #e2e2e2; font-size: 14px }
		.submsg dl dd label { float: left; width: 70px; padding: 0 15px; }
.submsg input.text { border: 1px solid #d0cfd4; height: 22px; line-height: 22px; color: #a3a1ac }
.submsg textarea { display: block; margin-bottom: 5px; border: 1px solid #d0cfd4 }
.forminput { overflow: hidden }
	.forminput a { color:#636363; }
	.forminput input.submit { margin-left: 380px; width: 79px; height: 26px; line-height: 26px; background: url(images/btn_2.gif); color: #626264 }
/*  star */
.star { width:180px;}
.star dd { height:20px;line-height: 20px; }
	.star dd span { margin:4px 15px 0 0; float:left;display: block; width: 70px; height: 12px; background: url(images/star_bg.gif) repeat-x; color: #636363 }
.star em { display: block;float:left; background: url(images/star.gif) repeat-x; height: 12px; }
em.s5 { width: 70px }
em.s4 { width: 56px }
em.s3 { width: 42px }
em.s2 { width: 28px }
em.s1 { width: 14px }
.starmsg dl { padding:10px 0; border-top: 1px dotted #e2e2e2 }
	.starmsg dl dt { color: #797886; line-height: 22px; font-size: 14px }
	.starmsg dl dd { padding:4px 0;color: #696969 }
		.starmsg dl dd b { color:#fc6200;font-weight: normal }
.post th { line-height: 30px }
.post td { height: 28px; line-height: 28px; color: #099999; border-bottom: 1px dotted #bbb }
	.post td a { color: #099999 }
		
.round_t { height:5px;background: url(images/round_t.png);overflow:hidden }
.round_m { border: 1px solid #bfc0c2; border-width: 0 1px; background: #fff }
.round_b { height:5px;background: url(images/round_b.png) ;overflow:hidden}
.cart { padding: 18px 15px; }
	.cart h1 { border-bottom: 1px solid #c5c6c8 }
.carthead { width: 100%; margin-top: 14px; height: 27px; background: #e3e4e9 url(images/carthead.png) repeat-x ; border: 1px solid #ccccce }
	.carthead th { line-height: 27px; color: #585769; font-weight: normal; background: url(images/cartth.png) no-repeat right center }
.cartList { width: 100%; margin-top: 5px; height: 98px; border: 1px solid #e1e1e1; text-align: center }
	.cartList img { width:70px;height: 50px }
	.cartList td { color: #686868 }
		.cartList td em { color:#fd6600; }
		.cartList td a { color:#686868; }
			.cartList td a.del { display: block; margin:0 auto;width: 35px; height: 11px; background: url(images/del.png) no-repeat;  }
			.cartList td a:hover { font-weight: bold }
	.cartList input.text { width: 26px; height: 18px; border: 1px solid #7a768d; color: #7a768d; background: #f1f0f5 }
	.cartList input.button { width: 34px; height: 18px; background: #d6d9e0; color: #797b87; border-top: 1px solid #edeef0; border-left: 1px solid #edeef0; border-right: 1px solid #b5b8bd; border-bottom: 1px solid #b5b8bd }
.sum { margin-top: 5px; width: 100%; height: 34px; border: 1px solid #dadde2; background: #f3f2f7; color: #fd6502 }
.cart .btn td { padding: 20px 0 0; }
.order { padding: 4px 8px }
	.order input.text { height: 21px; line-height: 21px; border: 1px solid #c5c6c8 }
	.order .set { display:block;padding:2px 0;width:90px;height:20px;line-height:20px;text-align:center;background:#e8e9ee;color:#545569}
	.order h4 { padding: 0 10px; height: 29px; line-height: 29px; background: #eff1f3 url(images/ordertitle.gif) repeat-x; color: #333; border: 1px solid #d1d3d8 }
	.order td { padding: 0 10px; line-height: 30px; color: #545569 }
		.order td span { padding:0 3px;color: #b2b5bd }
		.order td em { padding: 0 3px; color: #dc0000;  }
.witbg { padding: 10px 0; border: 1px solid #d1d3d8; border-width: 0 1px }
.bluebg { padding: 10px 0; background: #fbfbfc; border: 1px solid #d1d3d8; border-width: 0 1px }
.total { padding-bottom: 20px; background: #fbfbfc; border: 1px solid #d1d3d8; border-width: 0 1px 1px }
	.total table { margin-bottom: 20px; background: #fff; width: 100%; }
	.total td { line-height:54px;font-size: 14px }
		.total td b { color: #ff6101 }
	.total input.submit { width: 145px; height: 38px; line-height: 38px; background: url(images/sumorder.png); color: #fe4300; font-size: 14px; font-weight: bold }
.orderList { margin: 0 auto; width: 938px; border: 1px solid #dde0e4 }
	.orderList th { padding: 0 10px; line-height: 32px; color: #545569; background: #f5f6f8 }
input.btn_6 { width: 139px; height: 29px; line-height: 29px; color: #fd6600; font-weight: bold; background: url(images/btn_6.png) }
.exchangeList { padding: 0 0 20px 0 }
	.exchangeList dl { float: left; margin: 20px 0 0 26px; width: 212px; }
		.exchangeList dl dt { height: 176px; }
			.exchangeList dl dt img { width: 210px; height: 170px; border: 1px solid #dcdcdc }
		.exchangeList dl dd { line-height:22px;text-align: center }
			.exchangeList dl dd a { color: #365d7c; font-size: 14px; font-weight: normal }
			.exchangeList dl dd span { color: #666 }
				.exchangeList dl dd span em { color: #f76903;  font-weight: bold; padding: 0 5px }
	.exchangeList input { width: 46px; height: 21px; line-height: 21px; background: url(images/button.png) no-repeat; border: none; color: #7b7b85 }
.recommend h4 { padding-left: 30px; height: 34px; background: url(images/topBar.png) no-repeat }
	.recommend h4 b { padding-left: 5px; display: block; height: 34px; line-height: 34px; background: #f3f3f3 url(images/topBar.png) no-repeat right top; color: #d83902; font-size: 14px }
 
 
 
.oktip { padding:40px 46px;text-align:center} 
.oktip img { padding-bottom:35px}
.oktip p{ color:#666;line-height:30px;font-size:14px}
.oktip p a { color:#dc0000;font-weight:bold;}
.oktip p span { color:#ff6600}
.oktip  a.back{ margin:45px auto 0;display:block;width: 105px; height: 34px; line-height: 34px; background: url(images/btn_3.png); color: #585a66; font-weight: bold; font-size: 14px}


#tip { display:none;padding:6px;position: absolute;right: 1px;bottom: 1px;width: 233px;border: 1px solid #c9e4ec;background:#f2f4f7 url(images/tipbg.gif) repeat-x;overflow:hidden;display:none;z-index:10;}
#tip h1{ padding-left:30px;background:url(images/tiptil.gif) no-repeat left bottom;height:21px;line-height:21px;font-size:14px;color:#2893b2}
#tip .btns { position:absolute;right:4px;top:4px}
#tip .btns label { float:left;margin-left:3px;width:15px;height:15px;display:block;cursor:pointer}
#tomin { background:url(images/tomin.gif)}
#tomax { background:url(images/tomax.gif)}
#toclose { background:url(images/toclose.gif)}
#tip ul { padding:0 3px;margin-top:15px;}
#tip ul li { line-height:24px}
#tip ul li span { color:#fe6600;padding:0 10px}
#tip ul li a { color:#dc0000;}


.conts { padding:20px;}