﻿ body,div,p,ul,li,ol,b,span,a,strong,form,input,select,label,h1,h2,h3,h4,table,tr,td,th{margin:0;padding:0;}
 body{font-family:arial;}.clear{clear:both;}img{border:0;}ul,li{ list-style:none;}
.search_btn,.pro_list,.order_submit input,.pay_submit,.pro_checkout input,.cart_clear input,.btn_pay{border-radius:5px; box-shadow:0px 1px 1px #222;}
/*header and footer css*/
.header{margin:18px 0;}
.header_logo{float:left;width:49%;padding-left:1%;}
.header_right{float:right;width:49%;}
.header_cart{ float:right; position:relative;margin:0 4% 0 0;}
.cart_number{position:absolute;top:-14px; left:-8px; background:url(../images/cart_num.png) no-repeat;width:22px;height:20px; text-align:center; color:#fff;font:normal 14px/21px arial;}
.header_login{float:right;margin-right:6%;}
.header_login a{font: normal 17px/32px arial; color:#333; text-decoration:underline;margin:0 6%;}
.search_main{height:36px; background:#77b3e3; padding:4px 0;}
.search_text{width:75%; height:30px; float:left;padding:3px; margin-left:1%;display:inline-block; border:none;font:normal 18px/24px arial;}
.search_btn{width:20%; height:36px; float:right; margin:0 1% ;display:inline-block; background:url(../images/search_bg.png) -2px 0 repeat-x; border:none; font:normal 16px/36px arial;}

.footer{margin:20px 12px 15px 12px;font:normal 16px/22px arial;color:#444444;padding-top:8px;}
.footer_link{ text-align:center;padding:5px 0;font:normal 16px/22px arial;}
.footer_link a,.copyright a {font:normal 16px/22px arial;margin:20px 10px; text-decoration:none; color:#444; text-decoration:underline;}
.copyright a {color:#06F}
.copyright{text-align:center;line-height:24px;margin:6px;color:#555555}
/*header and footer css end*/

.back_to_top { text-align:right;}
.back_to_top a{ font:normal 19px/42px arial; text-decoration: underline; color:#06F;}

.pro_list,.category_tit{ text-align:center; width:100%;height:40px;font:normal 19px/40px arial; text-align:center; background:url(../images/pro_bg.png) repeat-x;}
.pro_list a{ text-decoration:none; color:#333333; display:block;}

.category_tit{ text-align:left;padding-left:12px;margin:15px 0 0 0;}
.category_list>li{ clear:both; margin-top:15px; overflow:hidden;font:normal 17px/36px arial;}
.category_list li ul{ display:none;}
.category_list>li div{border:1px solid #cae0ef; background:#dbeffd;font:normal 17px/36px arial;padding-left:5px;}
.category_list li ul li {width:92%; margin:15px 3% 0 3%;border:1px solid #c7c7c7; background:#ebeae8;font:normal 16px/36px arial;padding:0 3px;}

.path_top{padding:8px 6px;background:#eff3f5;margin-top:12px;font:bold 18px/22px arial;color:#333; }
.path_top a{font:bold 14px/22px arial;text-decoration:none; margin:0 6px;}
.path_top span{margin:0 6px;}
/*进度条 css start 进度条长度分别为 10% 40% 40% 10%*/
.load_main{background:#eff3f5;padding:30px 0 60px 0;margin-top:15px;}
.light_grey{width:98%;height:10px;margin:0 1% ; background:#dfdfdf; position:relative;}
.deep_grey1{width:10%;height:10px; background:#999; position:relative; z-index:3;}
.deep_grey2{width:50%;height:10px; background:#999; position:relative; z-index:3;}
.deep_grey3{width:100%;height:10px; background:#999; position:relative; z-index:3;}
.load_green{ position:absolute;left:10%;top:-8px; z-index:4;}
.load_middle_green{width:28px;height:32px;margin-left:-14px; background:url(../images/load_yes.png) no-repeat;}
.load_blue{ position:absolute;left:50%;top:-8px; z-index:4;}
.load_middle_blue{width:25px;height:32px;margin-left:-13px; background:
url(../images/load_current.png) no-repeat; text-align:center;font:bold 17px/28px arial; color:#fff;}
.load_grey{ position:absolute;left:90%;top:-8px;z-index:4;}
.load_middle_grey{width:28px;height:32px;margin-left:-14px; background:url(../images/load_no.png) no-repeat; text-align:center;font:bold 17px/28px arial;}

.load_text_green,.load_text_blue,.load_text_grey{position:absolute;top:35px;left:-35px;width:70px; text-align:center;font:normal 17px/20px arial; color:#34af26;}
.load_text_blue{ color:#000;}
.load_text_grey{ color:#777;}
/*进度条 css end*/



/*page up*/
.page{margin:20px auto; overflow:hidden;}
.page p{font:normal 16px/30px arial; text-align:center;}
.page_spandiv{width:315px; margin:10px auto; overflow:hidden;}
.page span{float:left;height:30px;font:normal 17px/30px arial;}
.page a{text-decoration:none;width:45px; display:block; text-align:center; color:#333;}
.page a.page_current{ text-decoration:underline;}
