﻿@import url(BoHan_Public.css);
/*Public*/
body{margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333333;text-decoration: none;line-height:120%; background:#F7F8FA;}
td{font-size:12px;}
A:link,A:visited{text-decoration: none; color:#333333;}      
A:active,A:hover{text-decoration: underline; color:#333333;}     
table,div,ul,ol,li,dl,dt,dd,form{margin:0px;padding:0px;list-style-type:none;}
table,div,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{white-space:normal; word-break:break-all;}
p{margin:5px 0px}
img{border:none;}
h1{font-size:22px;margin:5px 0px;padding:0px;}
h2{font-size:20px;margin:5px 0px;padding:0px;}
h3{font-size:18px;margin:5px 0px;padding:0px;}
h4{font-size:16px;margin:5px 0px;padding:0px;}
h5{font-size:14px;margin:2px 0px;padding:0px;}
h6{font-size:12px;margin:2px 0px;padding:0px;}
hr{margin:5px 0px;}
input,textarea,select{margin:0px;}
.tright{float:right;}
.tleft {float:left;}
.margintop{margin-top:5px;}
.clear{display:inline-block;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.more{ float:right; padding-right:5px;}
.btn{width:52px;height:20px;line-height:20px;text-align:center; border:none;background:url(../Images/btn.gif) left top no-repeat;overflow:hidden;}
.btn1{ width:75px;height:20px;line-height:20px;text-align:center; border:none;background:url(../Images/btn1.gif) left top no-repeat;overflow:hidden;}
.btn2{ width:70px;height:24px;line-height:24px;text-align:center; border:none;background:url(../Images/btn2.gif) left top no-repeat;overflow:hidden;}
.inp{height:16px; line-height:16px; border:#AFB2B7 1px solid; color:#666666}
.title{height:23px;line-height:23px;color:#FFFFFF;text-indent:15px;background:url(../Images/nav.gif) 0px -107px repeat-x;}
.listtop2{height:27px;line-height:27px;color:#FFFFFF;background:url(../Images/nav.gif) 0px -254px repeat-x;}
.box01 .boxtop{height:5px;background:url(../Images/box.gif) 0px -7px repeat-x; overflow:hidden;}
.box01 .boxtop .tl{float:left;width:5px;height:5px;background:url(../Images/box.gif) 0px 0px no-repeat;overflow:hidden;}
.box01 .boxtop .tr{float:right;width:5px;height:5px;background:url(../Images/box.gif) 0px -14px no-repeat;overflow:hidden;}
.box01 .boxCent{clear:both;display:block;border-left:#E2E6E9 1px solid;border-right:#E2E6E9 1px solid;background:#FFFFFF;padding:0px 5px;}
.box01 .boxfoot{height:5px;overflow:hidden;background:url(../Images/box.gif) 0px -28px repeat-x;}
.box01 .boxfoot .fl{float:left;width:5px;height:5px;overflow:hidden;background:url(../Images/box.gif) 0px -35px no-repeat;}
.box01 .boxfoot .fr{float:right;width:5px;height:5px;overflow:hidden;background:url(../Images/box.gif) 0px -21px no-repeat;}
.box01 .bg{background:#FFFFFF url(../Images/listbg.jpg) top left repeat-x;}
.box02{}
.box02 .boxtop{height:26px;background:url(../Images/box.gif) 0px -71px repeat-x;overflow:hidden;line-height:26px;}
.box02 .boxtop .tl{float:left;width:5px;height:26px;background:url(../Images/box.gif) 0px -42px no-repeat;overflow:hidden;}
.box02 .boxtop .tl2{float:left;width:116px;height:26px;line-height:26px;color:#FFFFFF;background:url(../Images/hotnav.gif) 0px 0px no-repeat;overflow:hidden; text-align: center;}
.box02 .boxtop .tc{float:left;height:26px;line-height:26px; text-indent:10px;}
.box02 .boxtop .tr{float:right;width:5px;height:26px;background:url(../Images/box.gif) 0px -99px no-repeat;overflow:hidden;}
.box02 .boxCent{clear:both;display:block;border-left:#E2E6E9 1px solid;border-right:#E2E6E9 1px solid;background:#FDFDFF url(../Images/box2bg.jpg) bottom  left repeat-x;padding:0px 5px;}
.box02 .boxCent:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.box02 .boxfoot{height:5px;overflow:hidden;background:url(../Images/box.gif) 0px -134px repeat-x;}
.box02 .boxfoot .fl{float:left;width:5px;height:5px;overflow:hidden;background:url(../Images/box.gif) 0px -127px no-repeat;}
.box02 .boxfoot .fr{float:right;width:5px;height:5px;overflow:hidden;background:url(../Images/box.gif) 0px -141px no-repeat;}
.boxCent01{background:#FFFFFF;border-left:#E2E6E9 1px solid;border-right:#E2E6E9 1px solid;border-bottom:#E2E6E9 1px solid; padding:5px;}
.box03{}
.box03 .boxtop{height:28px;background:url(../Images/box3_t_bg.jpg) 0px 0px repeat-x;overflow:hidden;line-height:26px;}
.box03 .boxtop .tl{float:left;width:5px;height:28px;background:url(../Images/box3_t_l.jpg) 0px 0px no-repeat;overflow:hidden;}
.box03 .boxtop .tc{float:left;height:28px;line-height:28px; text-indent:10px;color:#FFFFFF;}
.box03 .boxtop .tr{float:right;width:110px;height:28px;background:url(../Images/box3_t_r.jpg) 0px 0px no-repeat;overflow:hidden;text-indent:10px;line-height:28px;}
.box03 .boxCent{clear:both;display:block;border-left:#E2E6E9 1px solid;border-right:#E2E6E9 1px solid;background:#FFFFFF;padding:0px 5px;}
.box03 .boxfoot{height:5px;overflow:hidden;background:url(../Images/box.gif) 0px -28px repeat-x;}
.box03 .boxfoot .fl{float:left;width:5px;height:5px;overflow:hidden;background:url(../Images/box.gif) 0px -35px no-repeat;}
.box03 .boxfoot .fr{float:right;width:5px;height:5px;overflow:hidden;background:url(../Images/box.gif) 0px -21px no-repeat;}
/*Login*/
.login{width:235px;}
.login .loginbar{width:100%;height:24px;background:url(../Images/login_bar.jpg) left top no-repeat;}

/*-----头部样式------*/
#webtop{margin:0px auto 5px auto;width:980px;}
#webtop #topbar{height:25px; line-height:25px;text-align:right;}
#webtop #topwrap{width:100%; margin:5px 0px;}
.topsearch{width:210px;height:24px; line-height:24px;border:none;background:url(../Images/Search_bg.gif) top left no-repeat; color:#999999;padding:0px; text-indent:5px;}
.topsearch_btn{width:41px;height:24px;border:none;background:url(../Images/Serach_btn.jpg) top left no-repeat; margin-left:-2px;}
#webtop #topnav{ clear:both; display:block; width:100%; height:33px;background:url(../Images/nav.gif) 0px -35px repeat-x;}
#topnav ul{float:left;height:33px;line-height:33px;}
#topnav .navl{width:5px;background:url(../Images/nav.gif) 0px 0px no-repeat;}
#topnav .navr{float:right;width:5px;background:url(../Images/nav.gif) 0px -70px no-repeat;}
#topnav a{ color:#FFFFFF; font-size:14px;margin:0px 20px;}
/*----正文部分-------*/
#webMain{margin:0px auto;width:980px;clear:both;display:block;}
.navbar{width:100%;height:26px; background:url(../Images/nav.gif) 0px -163px;line-height:26px;}
.navbar .barl{float:left;width:5px; height:26px;background:url(../Images/nav.gif) 0px -134px;}
.navbar .barc{float:left;height:26px;line-height:26px;text-indent:10px;}
.navbar .barr{float:right;width:5px; height:26px;background:url(../Images/nav.gif) 0px -193px;}
.prolist{width:100%;clear:both;display:block;}
.prolist ol{width:100%; clear:both;display:block; }
.prolist .probox{float:left; width:110px; margin:2px 3px;}
.prolist .probox .propic{width:110px; height:110px; border:#EAEAEA 1px solid; padding:1px; text-align:center;background:#FFFFFF}
.clslist{white-space:normal; word-break:break-all;}
.clslist a{ color:#666666; margin-right:5px;}
.hotplist{background:url(../Images/icon_02.gif) left top no-repeat; text-indent:15px;}
/*
.propic A{border:#FFFFFF 1px solid;padding:1px;}
.propic A:hover{border:#CCCCCC 1px solid;padding:1px;}
*/
.prolist .proname{width:100%; text-align:center;}
.prolist .martprice{width:100%;text-align:center;color:#666666;}
.prolist .proprice{width:100%;text-align:center;color:#FF6600;}
.sPic{border:#333333 1px solid;padding:2px;}
.time{ color:#666666}

.inpup{ width:15px; height:15px; border:none; background:url(../Images/inpup.gif) bottom left no-repeat; cursor:pointer;}
.inpdown{ width:15px; height:15px; border:none; background:url(../Images/inpdown.gif) top left no-repeat;cursor:pointer;}
/*页尾部分*/
#webfoot{margin:10px auto 0px auto;width:980px;clear:both;display:block;}
#webfoot #Helps{background:#FFFFFF;padding:5px 10px;}
#Helps h4{color:#999999;}
#Helps li{list-style:url(../Images/arrow04.gif) inside;margin-top:5px;}
#webfoot #Links{width:100%; margin-top:5px;}
#webfoot #footmemu{width:100%;margin-top:5px; height:27px; line-height:27px;background:url(../Images/nav.gif) 0px -223px repeat-x; color:#FFFFFF; font-size:13px; text-align:center}
#footmemu a{color:#FFFFFF;font-size:13px; margin:0px 10px;}
#webfoot #copyright{width:100%;margin-top:10px;line-height:20px;}


