﻿@charset "utf-8";
/**------全局CSS定义-------**/
html{}
body{ margin:auto; padding:0; font-family: Verdana;background:#fff;}
form{margin:0;padding:0;}
img{border:0;}
ul,ol,li{ margin:0; padding:0;}
a{color:#004B91; text-decoration:underline;}
a:hover{color:#E47911; text-decoration:none;}
body,td,textarea{font-size:12px; color:#000000;}
h1{font-size:14px; font-weight:bold;margin:0;padding:0;line-height:160%;word-wrap:break-word;word-break:normal;}
h2{font-size:18px; line-height:40px;color:#000;padding-left:20px;margin:0;padding-bottom:10px}
h3{height:40px;margin:0;padding:0;font-size:12px;font-weight:normal;width:90%}
hr{color:#F4F1EE;height:5px}
input{vertical-align:middle}

.clear{clear:both;}
.float_left{float:left;text-align:center}
.float_right{float:right;text-align:center;width:150px}
.un{text-decoration:underline}
.focus{font-size:14px;font-weight:bold;color:#007CA8;}
.orange{color:#E47911;}
.yellow{color:#E47911;}
.bold{font-weight:bold}
.price{color:#BD0000}
.blue{color:#003399}
.red{color:#ff3300}
/**------常用样式定义-------**/
select{font-family:Verdana;vertical-align:middle;}
a.underline{text-decoration:none;}
a.underline:hover{ text-decoration:underline;}

.adside{margin-top:20px}
.proimg{width:110px;height:110px;}
.space{height:20px;margin:0;padding:0;}
.hspace{height:40px;margin:0;padding:0;clear:both}
#container{margin:auto;width:1223px;padding:0;}
.img-left {float: left;clear: both;margin-right: 16px;margin-bottom:10px}
.img-right {float: right;clear: both;margin-left: 16px;margin-bottom:10px}
.bigpic{width:350px}

.loginbar{width:200px}
.bold{font-weight:bold}
.f11{font-size:11px}
.f16{font-size:16px}
/**------头部样式定义-------**/
.r1{width:132px;float:left;   
     position:fixed !important; top/**/:500px;   
     position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);left:30px;}
.adtop{width:132px;height:31px;background:url(../imgs/adtop.gif) no-repeat;}
.adbg{width:132px;background:url(../imgs/adbg.gif) repeat-y;}
.adbg li{float:left;margin:0;width:112px;height:26px;line-height:26px;padding-left:20px;list-style:none}
.adbg li img{vertical-align:middle}
.adbot{width:132px;height:32px;background:url(../imgs/adbot.gif) no-repeat;}

#header{margin-left:10px;margin-right:10px;width:1203px}

.logo{margin:0;padding-right:10px;height:60px;background:url("../imgs/logo.gif") left no-repeat;}
.logo .reg{float:left;height:60px;line-height:60px;margin-left:250px;font-size:11px;}


.menu{margin:auto;padding:0;height:38px;background:url("../imgs/bg_menu.gif");width:1203px}
.menuleft{background:url("../imgs/menuleft.gif") no-repeat;width:9px;float:left;height:38px}
.cate{background:url("../imgs/cate.gif") no-repeat;width:172px;float:left;height:38px;line-height:38px;color:#fff;font-weight:bold;font-size:13px}
.menuright{background:url("../imgs/menuright.gif") no-repeat;width:9px;float:right;height:38px;}

.nav{margin-right:-190px;padding:0;float:left;height:38px;line-height:38px;margin-left:50px}
.navul{margin:auto;padding:0;text-align:center;}
.navul ul li{list-style:none;float:left;color:#ffffff;font-weight:bold;background:url("../imgs/arrowmenu.gif") left no-repeat;}
.navul ul li a{color:#fff;text-decoration:none;display:block;padding-left:20px;padding-right:20px;line-height:41px;}
.navul ul li a:hover{color:#fff;text-decoration:underline;display:block;padding-left:20px;padding-right:20px;line-height:41px;}


.menu0{margin-bottom:10px;padding:0;height:30px;background:url("../imgs/bg_menu0.gif");width:100%}
.menuleft0{background:url("../imgs/menuleft0.gif") no-repeat;width:10px;float:left;height:30px}
.menuright0{background:url("../imgs/menuright0.gif") no-repeat;width:10px;float:right;height:30px;}
.nav0{margin:0;padding:0;line-height:30px;}
.search{float:left;margin-left:250px;width:793px}
.search .searchbar{border:1px solid #7F9DB9;height:18px;margin:0;width:280px;}

/**------中间样式定义-------**/
#main{width:1203px;display:table;margin-left:10px;margin-right:10px;}
#center #left{float:left; width:180px;margin-top:-40px;margin-right:20px}

#left .leftnav{margin:0;padding:0;width:180px}
.leftnav li{float:left;list-style:none;height:24px;line-height:24px;padding-left:10px;width:170px;background:url("../imgs/bg_leftnav.gif");}
.leftnav li a{color:#000;text-decoration:none;display:block}
.leftnav li a:hover{color:#004B91;text-decoration:underline;display:block}
.leftnavbot{background:url("../imgs/leftnavbot.gif") no-repeat;width:180px;height:20px;margin-bottom:-18px;padding:0px;display:table}

#left .leftcol{float:left;  margin-top:36px; display:table}
.leftcoltop{background:url("../imgs/bg_leftcol.gif");width:170px;height:26px;margin-top:-16px;padding-left:10px;color:#000;font-weight:bold;line-height:26px}
.leftcolbot{background:url("../imgs/bg_leftcolbot.gif");width:180px;height:9px;padding:0;margin-bottom:-9px}

.service{text-align:left;padding-left:10px;padding-top:10px;line-height:22px;width:168px; border-left:1px solid #C9E1F4;border-right:1px solid #C9E1F4;}
.service a{color:#004B91; text-decoration:none;}
.service a:hover{color:#E47911; text-decoration:underline;}
.payment{text-align:center;padding-top:10px;line-height:26px;width:178px;border-left:1px solid #C9E1F4;border-right:1px solid #C9E1F4;}

#main #center{float:left;width:883px;margin:0px;display:table}
#center #content{margin:0px;width:683px;display:table;float:left}
#content p{line-height:160%}
.ad{margin-top:10px;margin-bottom:10px;text-align:center;width:683px;}
#content .list ul{margin:0;padding:0;width:100%;display:table}
.list li{float:left;list-style:none;line-height:19px;width:33%;text-align:center;margin-top:30px;word-wrap:break-word;word-break:normal;}
.list li a{color:#004B91; text-decoration:underline;}
.list li a:hover{color:#004B91; text-decoration:underline;}
.catetitle{padding-top:10px;height:30px;margin:0;color:#E47911;width:683px;}
.morepro{padding-top:20px;padding-bottom:30px;height:20px;width:683px;}
.morepro img{vertical-align:middle}
.morepro a{color:#004B91; text-decoration:underline;}
.morepro a:hover{color:#004B91; text-decoration:underline;}

#content .productlist ul{margin:0;padding:0;width:100%;display:table}
.productlist li{float:left;list-style:none;line-height:19px;width:33%;text-align:center;border-bottom:1px dashed #999;margin-top:30px;padding-bottom:20px;word-wrap:break-word;word-break:normal;}
.productlist li a{color:#004B91; text-decoration:underline;}
.productlist li a:hover{color:#004B91; text-decoration:underline;}

.page{text-align:right;height:50px;line-height:50px}


#main #right{float:right;margin:0;padding:0;width:300px;display:table;word-wrap: break-word; word-break: normal;}

#right .rightcol{margin-top:36px;}
.rightcoltop{background:url("../imgs/bg_rightcol.gif");width:290px;height:26px;line-height:26px;margin-top:-6px;padding-left:10px;color:#000;font-weight:bold;}
.rightcolbot{background:url("../imgs/bg_rightcolbot.gif") no-repeat;width:300px;height:20px;margin-bottom:-20px;padding:0;}

.cart{text-align:center;padding-top:10px;line-height:26px;width:298px; border-left:1px solid #C9E1F4;border-right:1px solid #C9E1F4;}

#right .rightcate{margin-top:30px;width:298px; border:1px solid #C9E1F4; display:table;}
.rightcate li{float:left;list-style:none;padding-bottom:10px;padding-top:10px;}
.rightcate li img{float:left;margin-left:10px;margin-right:10px;width:75px;height:75px;}
.rightcate li span{float:left;dispaly:block;width:188px;word-wrap:break-word;word-break:normal;}
.catename{color:#E47911;font-weight:bold;font-size:14px;padding-left:10px;padding-bottom:10px;padding-top:10px}
.more{background:url("../imgs/arroworange.gif") left 12px no-repeat;clear:both;padding-left:15px;margin-left:10px;padding-top:5px;padding-bottom:5px}
.more a{color:#004B91; text-decoration:underline;}
.more a:hover{color:#004B91; text-decoration:underline;}

/**------详细页样式定义-------**/
#content .productdisplay{margin-top:20px;width:100%;display:table;padding:0;}
.productdisplay .productimg{float:left;width:250px;}
.showpic{width:250px;height:250px;margin-bottom:10px}
.showpic img{width:250px;height:250px}
.overpic{width:100%}
.overpic li{margin-right:10px;float:left;list-style:none}
.overpic li img{width:40px;height:40px;padding:2px;border:1px solid #3596C7}
.productdisplay .productdetail{float:left;margin-left:20px;width:400px}
.productitle{margin:0;padding-bottom:10px;word-wrap:break-word;word-break:normal;color:#333;border-bottom:1px dashed #999999;}
.productprice{padding-top:20px;padding-bottom:20px;line-height:26px}
.pricedetail{margin-top:10px;padding:10px;line-height:26px;border:1px solid #C9E1F4;background:#EFF7FE;word-wrap:break-word;word-break:normal;}
.productcart{padding-top:20px;padding-bottom:20px}
.request{text-align:right;font-size:11px}
.request img{vertical-align:middle}
.description{width:670px;margin-top:20px;border-top:1px dashed #999999;padding-top:10px;line-height:160%;word-wrap:break-word;word-break:normal;display:table}

/**------注册登录页样式定义-------**/
.logintable{margin-top:10px;line-height:150%;width:100%;display:table}
.logintable span{float:left;font-weight:bold;width:200px;text-align:right;padding-right:10px}

/**------购物样式定义-------**/
.cartinfo{margin:0;line-height:150%;width:100%;border-bottom:1px solid #CCCCCC;color:#666666}
.cartinfo .cname0{float:left;margin:0;padding:0;;width:65%}
.cartinfo .cprice0{float:left;margin:0;padding:0;width:15%}
.cartinfo .cqty0{float:left;margin:0;padding:0;width:15%}
.cartinfo .cdel0{float:left;margin:0;padding:0;width:5%}
.cartinfo .cname{float:left;margin:0;padding-top:10px;padding-bottom:10px;width:65%;line-height:150%;}
.cname a{text-decoration:none;}
.cname a:hover{text-decoration:underline;}
.cartinfo .cprice{float:left;margin:0;padding-top:10px;padding-bottom:10px;width:15%;line-height:150%;}
.cartinfo .cqty{float:left;margin:0;padding-top:10px;padding-bottom:10px;width:15%;line-height:150%;}
.cartinfo .cdel{float:left;margin:0;padding:0;width:5%;line-height:150%;padding-top:10px;padding-bottom:10px;}
.update{text-align:center;padding-top:20px;padding-bottom:20px}
.update img{vertical-align:middle}

.check{border:1px solid #5C9EBF;margin:0;line-height:150%;padding:5px;background:#F0F6FE;}
.check .check0{display:table;padding:0;width:100%;line-height:200%}
.check0 .checkitem{margin-bottom:5px;float:left;font-weight:bold;width:30%;padding-left:20px}
.check0 .checkprice{margin-bottom:5px;float:left;font-weight:bold;width:65%;color:#BD0000}

.bluecol{background:url("../imgs/bg_bluecol.gif");line-height:31px;height:31px;padding-left:10px;font-weight:bold}
/**------底部样式定义-------**/
#helpdiv{margin-left:20px;margin-right:20px;height:100%}
#help{width:100%;display:table;height:100%;}
#help ul{padding:10px;border:1px solid #999999;height:60px}
#help ul li{width:33%;float:left;list-style:none;margin:0;padding:0;line-height:20px;}


#bottom{clear:both;padding:10px;text-align:center;line-height:18px;border-top: 1px solid #ccc;width:1183px;margin-top:20px;margin-left:10px;margin-right:10px;}
#bottom p{text-align:center;}
#bottom a{color:#004B91; text-decoration:underline;}
#bottom a:hover{color:#004B91; text-decoration:underline;}
