body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
body { font:12px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#333;}
ul,ol{list-style:none;}
em{font-style:normal;}
.clearfix:after{content:"."; display: block; visibility: hidden; clear: both; height:0; font-size:0}
.clearfix{*zoom:1}
a{ color:#666; text-decoration:none;}
a:hover{ color:#c00;}
.fl{float: left;}
.fr{float: right;}
/* bg */
.user-about li,.user-about .cart a,.drop-down span{ background:url(http://icon.zol-img.com.cn/newshop/try/public-head.png) no-repeat;}
/* topbar */
.topbar{ background:#f6f6f6; border-bottom:1px solid #ededed; font:12px/29px "Arial";position:relative; zoom:1; z-index:1001;}
.site-about{ float:left; margin:0 0 0 -10px; color:#666;}
.site-about a{ display:inline-block; margin:0 10px;color:#666; }
.user-about{ float:right; margin:0 -10px 0 0;}
.user-about li{ float:left; margin:0 0 0 -1px; padding:0 10px; background-position:-144px -274px;}
.user-about a{ display:inline-block;}
.user-about .login{ background:none;}
.user-about em{ font-weight:bold; color:#c00;}
.user-about .cart a{ padding:0 0 0 18px;  background-position:-132px -322px;}
.drop-down span{ display:inline-block; padding:0 14px 0 0; color:#666; background-position:100% -122px; cursor:pointer;}
.user-about .drop-down-hover{ position:relative; zoom:1; padding:0; background:none; z-index:4;}
.drop-down-hover .drop-down-list{ display:block;}
.drop-down-list{ display:none; position:absolute; top:28px; left:0; width:80px; border:1px solid #e6e6e6; border-top:0 none; background:#fff;}
.drop-down-list a{ display:block; padding:0 10px;}
.drop-down-list a:hover{ background:#f6f6f6; color:#666; text-decoration:none;}
.drop-down-hover span{ padding:0 23px 0 9px; height:27px; line-height:27px; border:1px solid #e6e6e6; border-bottom:0 none; background-color:#fff; background-position:100% -93px;}


.my-order-btn i,.navbar .classify .hd i,.classify-list i{ background:url(../images/nav_bg.png) no-repeat;}
.footer-service i,.footer .logo,.footer .follow-us a{ background:url(../images/footer_bg.png) no-repeat;}

.wrapper{ width:1200px; margin:0 auto;}
.topbar{ background:#f6f6f6; border-bottom:1px solid #eee; font:12px/30px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#ccc;}
.quick-menu{ float:left; margin:0 0 0 -10px;}
.login-menu{ float:right; margin:0 -10px 0 0;}
.quick-menu a,.login-menu a{ margin:0 10px; color:#666;}
.quick-menu a:hover,.login-menu a:hover{ color:#c00;}
.login-menu em{ color:#f33;}


.header{ padding:25px 0;}
.header .logo{ float:left;}
.header .logo img{ display:block;}
.searchbox{ float:right; padding:9px 0 0;}
.my-order-btn{ float:right; position:relative; zoom:1; padding:0 0 0 20px; width:98px; height:34px; border:1px solid #fac7c3; font:14px/34px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; text-align:center; color:#ef4035;}
.my-order-btn i{ position:absolute; top:9px; left:22px; width:14px; height:16px; background-position:0 0; font:0/0 arial; overflow:hidden;}
.my-order-btn:hover{ background:#ef4035; border-color:#ef4035; color:#fff; text-decoration:none;}
.my-order-btn:hover i{ background-position:0 -17px;}
.searchbox .search{ float:right; position:relative; zoom:1; margin:0 20px 0 0; width:522px; height:32px; border:2px solid #ef4035;}
.searchbox .text{ display:block; padding:6px 10px; width:427px; height:20px; font:14px/20px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#999; border:0 none; outline:none;}
.searchbox .btn{ position:absolute; top:0; right:0; width:75px; height:32px; background:#ef4035; font:14px/32px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#fff; text-align:center; border:0 none; cursor:pointer;}


.navbar{ background:#ef4035;}
.navbar .classify{ float:left; position:relative; zoom:1; width:200px;z-index: 99;}
.navbar .classify .hd{ position:relative; zoom:1; padding:0 0 0 20px; font:16px/44px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#fff; cursor:pointer;}
.navbar .classify .hd i{ position:absolute; top:18px; right:18px; width:14px; height:8px; background-position:0 -35px; font:0/0 arial; overflow:hidden;}
.classify-list{ display:none; position:absolute; top:44px; left:0; padding:4px 0; width:198px; border:1px solid #ef4035; background:#fff;}
.classify-list li{ height:36px; font:14px/36px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.classify-list li a{ position:relative; zoom:1; display:block; padding:0 0 0 44px; color:#333;}
.classify-list li a:hover{ color:#ef4035; text-decoration:none;}
.classify-hover .classify-list{ display:block;}
.classify-list i{ position:absolute;}
.classify-list .phone{ top:9px; left:22px; width:9px; height:15px; background-position:0 -44px;}
.classify-list .pad{ top:10px; left:21px; width:11px; height:15px; background-position:0 -60px;}
.classify-list .nb{ top:13px; left:19px; width:15px; height:10px; background-position:0 -76px;}
.classify-list .geek{ top:8px; left:20px; width:12px; height:20px; background-position:0 -87px;}
.classify-list a:hover .phone{ background-position:0 -108px;}
.classify-list a:hover .pad{ background-position:0 -124px;}
.classify-list a:hover .nb{ background-position:0 -140px;}
.classify-list a:hover .geek{ background-position:0 -151px;}
.nav{ float:left;}
.nav li{ float:left; font:16px/44px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.nav li a{ display:block; padding:0 35px; color:#fff;}
.nav li a:hover{ background:#e04e43; color:#fff; text-decoration:none;}
.nav .current{ background:#e03528;}



.footer{ position:relative; zoom:1; margin:20px 0 0;background-color: #FFF;}
.footer .wrapper{ position:relative; zoom:1;}
.footer-service{ padding:30px 0; background:#444;}
.footer-service li.last { padding-right:0;}
.footer-service li{ float:left; position:relative; zoom:1; padding:0 180px 0 55px;}
.footer-service h3{ padding:3px 0 0; font:16px/22px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#fff;}
.footer-service p{ padding:0 0 1px; font:14px/20px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#999;}
.footer-service i{ position:absolute; top:0; left:0; width:46px; height:46px;}
.footer-service .ico1{ background-position:0 -37px;}
.footer-service .ico2{ background-position:-47px -37px;}
.footer-service .ico3{ background-position:-94px -37px;}
.footer-service .ico4{ background-position:-141px -37px;}
.footer .logo{ margin:20px 0 10px; width:217px; height:36px; background-position:0 0; font:0/0 arial; overflow:hidden;}
.footer-nav{font:16px/24px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.footer-nav li{width: 120px;float: left;margin-top: 10px;}
.footer-nav li span{font-size: 16px;font-weight: bold;color: #333;width: 100%;line-height: 40px;display: inline-block;}
.footer-nav li a{color:#666;font-size: 12px;display: block;text-decoration: none;}
.footer .tupian{margin:15px 0;}
.footer .tupian .pic{margin-right: 10px;}
.footer .tupian .pic p{text-align: center;color: #333;}
.footer .tupian .word .p1{font-weight: bold;font-size: 22px;color: #333;padding: 25px 0 10px;}

.footer .foot_bg{background-color: #f6f6f6;padding: 12px 0;}
.footer p{ padding:5px 0 0; font:12px/20px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#999;}
.footer .follow-us{ padding:5px 0 0; font:12px/20px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#999;}
.footer .follow-us a{ float:left; margin:2px 10px 0 0; width:16px; height:16px; font:0/0 arial; overflow:hidden;}
.footer .follow-us span{ float:left; }
.footer .follow-us .weibo{ background-position:0 -84px;}
.footer .follow-us .wechat{ background-position:-17px -84px;}

/*** fixed-bar ***/
.fixed-bar { position: fixed; z-index: 200; right:0px; bottom:140px; width:68px; margin:0 0 0 615px;}
.fixed-bar a { position: relative; display: block;}
.fixed-bar a i { position:absolute; background: url(../images/fixed-bar-icos.png) no-repeat;}
.fixed-bar .custom-service {height: 18px;padding:56px 0 13px;border:1px solid #e3e3e3;border-bottom-color:#d3d3d3;color: #ef4035;text-align: center;background-color: #fff;}
.fixed-bar .custom-service:hover { color: #ef4035;}
.fixed-bar .custom-service i { top:16px; left: 10px; width:44px; height: 32px; background-position:0 0;}
.fixed-bar .backtop {width:68px;height: 67px;text-indent: -99em;overflow: hidden;background-color: #d8d8d8;cursor: pointer;display: none;}
.fixed-bar .backtop:hover { background-color: #cdcdcd; border-color: #cfcfcf;}
.fixed-bar .backtop i {top:24px; left: 17px; width:35px; height: 19px; background-position: 0 -42px;}

.fiexd-box-v2 {position:fixed;right:30px;bottom:100px;z-index:1000;}
.fiexd-box-v2>a {width:82px;height:85px;padding-top:5px;display:block;background:#fff;border:1px solid #f6f6f6;transition:.5s;font-size:14px;color:#8d8d8d;}
.fiexd-box-v2>a .bgi {display:block;width:100%;height:47px;}
.fiexd-box-v2>a .bgtxt {color:#8d8d8d;text-align:center;}
.fiexd-box-v2>a:hover .bgtxt {color:#00ae61;}
.fiexd-box-v2>a .bgi.bgi1 {background:url(../images/ico_kefu.png) center no-repeat;}
.fiexd-box-v2>a .bgi.bgi2 {background:url(../images/ico_qq.png) center no-repeat;}
.fiexd-box-v2>a .bgi.bgi3 {background:url(../images/ico_top.png) center no-repeat;}