body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,figure,legend,input,button,textarea,p,blockquote,th,td,table,tbody,article,aside,dialog,footer,header,section,footer,nav,figure,menu{margin:0;padding:0}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
ul,ol,li{list-style-type:none}
img{border:0;margin:0;padding:0;}
input,button,select,textarea{outline:none;overflow:visible;}
textarea{resize:none}
.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}
.hide{display:none}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.fc{margin:0 auto;}
em{font-style:normal}
i{display:block;overflow:hidden}
a{blr:expression(this.onFocus=this.blur());outline:0;background: transparent;border: 0;font-size: 100%;margin: 0;padding: 0;vertical-align: baseline;}
a{text-decoration:none;color: #000;}
a:hover{color:#800000;text-decoration:none;}
/*解决ie6下闪动问题*/
*html{background-image:url(about:blank);background-attachment:fixed;}
body{color:#000;font:normal 13px/1.6 'Microsoft YaHei';background:#f8f8f8;min-width:1000px;}
.top {
margin-top:15px;
}
.wrap {
width: 1000px;
margin: 0 auto;
}
.head{
width:100%;height:150px;background:#fff;border-bottom:2px solid #808080;
}
.head .scroll{
width:520px;height:30px;float:left;line-height:30px;
}
.head .login{
float:left;width:480px;height:30px;line-height:30px;background:#ac0405;
}
.head .login img{
position:relative;top:-2px;
}
.head .login li{
float:left;text-align:center;padding:0 8px;
}
.head .login a{
color:#fff;
}
.head .logo{
float:left;width:235px;height:80px;margin-top:20px;
}
.head .logo img{
width:235px;height:80px;
}
.head .h-right{
float:left;width:765px;margin-top:15px;
}
.head .h-right .menu{
float:right;margin-bottom:10px;
}
.head .h-right .menu li{
float:left;font-size:14px;padding:0 10px;
}
.head .h-right .menu li.line{
border-right:1px solid #bfbfbf;
}
.head .h-right .menu i{
display:inline-block;width:10px;height:10px;border-radius:10px;margin:0 5px;
}
.head .h-right .menu .c-1{
border:2px solid #ac0405;
}
.head .h-right .menu .c-2{
border:2px solid #029a45;
}
.head .h-right .menu .c-3{
border:2px solid #bfbfbf;
}
.head .h-right .menu .c-4{
border:2px solid #fff202;
}
.head .h-right .menu .c-5{
border:2px solid #383838;
}
.head .search{
float:left;margin-left:60px;
}
.head .search li{
line-height:25px;
}
.head .search .search-key{
border:2px solid #ac0405;width:350px;height:35px;padding:2px;float:left;border-radius:4px;
}
.head .search .search-btn{
display:inline-block;width:60px;height:35px;background:#ac0405;text-align:center;line-height:35px;color:#fff;font-weight:bold;border-radius:4px;margin-left:-4px;
}
.head .h-cart{
border:1px solid #bfbfbf;width:195px;height:45px;border-radius:5px;float:right;
}
.head .h-cart li{
float:left;line-height:43px;font-weight:bold;
}
.head .h-cart li.line{
border-right:1px solid #bfbfbf;
}
.head .h-cart li a{
color:#bfbfbf;padding:0 3px;
}
.head .h-contact{
float:right;width:275px;
}
.index .banner{
height:380px;background:#fff;margin-top:15px;
}
.banner .box{
width:1000px;
height:380px;
margin:0 auto;
overflow:hidden;
}
.banner .box-list{
height:380px;
position:relative;
}
.banner .box-list a{
display:block;
width:1000px;
height:380px;
float:left;
}
.banner .box-tips{
position:absolute;
width:1000px;
margin-top:-25px;
}
.banner .box-tips a{
display:block;
width:15px;
height:15px;
background-color:#eee;
float:left;
margin:5px;
}
.banner .box-tips .current{
background-color:#FF8300;
}
.index .right{
width:780px;float:right;margin-top:15px;
}
.index .right .new-pro{
background:#fff;
}
.index .right .new-pro ul{
width:543px;height:150px;overflow-y:scroll;float:left;padding:10px;
}
.index .right .new-pro li{
border-bottom:1px dashed #bfbfbf;line-height:25px;height:26px;overflow:hidden;
}
.index .right .new-pro li span{
color:#1a2aa7;
}
.index .right .new-pro .pannel{
float:left;margin-top:-29px;width:237px;height:179px;overflow:hidden;
}
.sub-navi{
height:36px;background:url('/Content/Images/index_37.png');margin-top:15px;border-top:1px solid #dcdcdc;border-radius:4px;font-size:14px;font-weight:bold;line-height:30px;padding-left:15px;
}
.sub-navi {
}
.right .sub-title{
height:36px;background:url('/Content/Images/index_37.png');margin-top:15px;border-top:1px solid #dcdcdc;border-radius:4px;
}
.right .sub-title span{
font-size:14px;font-weight:bold;line-height:30px;margin-left:15px;
}
.right .sub-title a.more{
float:right;line-height:28px;margin-right:15px;font-size:12px;
}
.index .right .brand-list{
}
.index .right .brand-list .item{
float:left;width:190px;border:1px solid #dcdcdc;margin:5px 0 5px 4px;text-align:center;
}
.index .right .brand-list .item .box{ width:188px; height:100px; overflow:hidden; text-align:center;
display:table }
.index .right .brand-list .item .box-img{ display:table-cell; vertical-align:middle; *display:inline; *height:100%; *writing-mode:tb-rl; }
.index .right .brand-list .item .box-img img{ vertical-align:middle;margin:0 auto; width:188px; height:100px;}
.index .index-pannel{
background:#fff;margin-top:15px;padding:10px;
}
.index .right .brand-desc{
padding:5px;background:#fff;
}
.index .right .brand-desc .l{
width:382px;float:left;height:222px;
}
.index .right .brand-desc .r{
padding:10px;float:left;width:388px;
}
.index .right .brand-desc .h1{
font-size:28px;font-weight:bold;
}
.index .right .brand-type{
border:1px solid #dcdcdc;padding:10px;background:#fff;border-radius:3px;
}
.index .right .brand-type .item{
text-align:center;width:170px;float:left;margin:5px 0 5px 15px;border:2px solid #dcdcdc;
}
.index .right .brand-type .item p{
display:inline-block;width:166px;height:20px;overflow:hidden;
}
.index .right .brand-type .item .box{ width:166px; height:70px; overflow:hidden; text-align:center;
display:table }
.index .right .brand-type .item .box-img{ display:table-cell; vertical-align:middle; *display:inline; *height:100%; *writing-mode:tb-rl; }
.index .right .brand-type .item .box-img img{ vertical-align:middle;margin:0 auto; width:166px; height:70px;}
.right .select-btn span{
background:#ccc;padding:3px 15px;border-radius:5px;cursor:pointer;
}
.right .select-btn span.current{
background:#9a9a9a;padding:3px 15px;border-radius:5px;cursor:pointer;
}
.pro-list{
}
.pro-list .item{
width:190px;height:298px;border:1px solid #dcdcdc;background:#fff;text-align:center;margin:5px 0 5px 4px;float:left;
}
.pro-list .item em{
display:inline-block;color:#fff;height:23px;background:#035b45;width:188px;margin:1px 0;
}
.pro-list .item p{
display:inline-block;line-height:15px;border-bottom:1px solid #bfbfbf;padding:1px;height:48px;overflow:hidden;
}
.pro-list .item .price{
font-weight:bold;font-size:16px;
}
.pro-list .item span{
color:#ac0405;
}
.pro-list .item .box{ width:188px; height:188px; overflow:hidden; text-align:center;
display:table }
.pro-list .item .box-img{ display:table-cell; vertical-align:middle; *display:inline; *height:100%; *writing-mode:tb-rl; }
.pro-list .item .box-img img{ vertical-align:middle;margin:0 auto; width:188px; height:188px;}
.index .left{
width:200px;float:left;margin-top:15px;
}
.index .left .sub-title{
width:200px;
}
.index .left dl{
border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;
}
.index .left dt{
background:#e4e1e1;height:40px;line-height:40px;text-align:center;font-size:14px;
}
.index .left dd{
height:30px;line-height:30px;border-bottom:1px solid #dcdcdc;padding-left:20px;position:relative;
}
.index .left dd i{
width: 0; height: 0; border-top: 6px solid transparent; border-left: 7px solid #aea9a9; border-bottom: 6px solid transparent;display:inline-block;float:left;margin-top:9px;
}
.index .left dd a{
display:inline-block;width:160px;float:left;margin-left:10px;height:28px;
}
.index .left dd:hover{
background:#fff;
}
.index .left .class-2{
position:absolute;left:198px;background:#f8f8f8;border-top:1px solid #dcdcdc;display:none;
}
.index .left .class-2 a{
display:inline-block;width:160px;float:left;margin-left:10px;
}
.index .left .discription{
border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding:10px;background:#fff;
}
.index .left .history{
border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;background:#fff;
}
.index .left .history .item{
border-bottom:1px solid #bfbfbf;padding:4px 0;
}
.index .left .history img{
display:inline-block;float:left;margin:3px;
}
.index .left .history p{
display:inline-block;float:left;width:142px;height:25px;line-height:12px;padding-left:5px;overflow:hidden;margin-top:7px;font-size:12px;
}
.index .left .history span{
display:inline-block;float:left;color:#ac0405;font-weight:bold;padding-left:5px;font-size:12px;
}
.index .left .tit{
height:36px;background:url('/Content/Images/index_37.png');margin-top:15px;border-top:1px solid #dcdcdc;border-radius:4px;text-align:center;
}
.index .left .tit span{
line-height:30px;font-weight:bold;
}
.index .left .ems{
border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding-bottom:3px;
}
.index .left .ems li{
width:194px;height:20px;overflow:hidden;border-bottom:1px dashed #bfbfbf;font-size:12px;padding-left:5px;
}
.f-menu {
border:1px solid #bfbfbf;height:40px;margin-top:15px;background:#fff;box-shadow:2px 2px 3px #bfbfbf;border-radius:3px;
}
.f-menu a{
display:block;line-height:40px;float:left;padding:0 44px;
}
.f-menu span{
display:block;width:4px;height:28px;background:url('/Content/Images/index_64.png');float:left;margin-top:5px;
}
.jp-pager{
background:#fff;padding:8px;border:1px solid #dcdcdc;box-shadow:2px 2px 3px #dcdcdc;border-radius:3px;margin-top:10px;
}
.jp-pager span{
float:left;
}
.jp-pager .list{
float:right;
}
.jp-pager .list a{
display:inline-block;width:20px;text-align:center;
}
.jp-pager .list a.next{
width:60px;
}
.jp-pager .list a.current{
border-bottom:2px solid #ac0405;font-weight:bold;
}
.jp-pager .list a:hover{
font-weight:bold;
}
.pro-detail{
background:#fff;
}
.pro-detail .l{
float:left;width:448px;
}
.pro-detail .l .box{ width:340px; height:340px; overflow:hidden; text-align:center;
display:table;margin:10px 54px; }
.pro-detail .l .box-img{ display:table-cell; vertical-align:middle; *display:inline; *height:100%; *writing-mode:tb-rl; }
.pro-detail .l .box-img img{ vertical-align:middle;margin:0 auto; width:340px; height:340px;}
.pro-detail .l .txt{
padding:10px;
}
.pro-detail .r{
float:left;width:520px;margin-left:8px;
}
.pro-detail .r .h1{
font-size:18px;font-weight:bold;margin:15px 0;
}
.pro-detail .r .price{
background:#ac0405;color:#fff;border-radius:3px;font-size:26px;font-weight:bold;padding:10px;padding-left:50px;position:relative;
}
.pro-detail .r .price em{
font-size:18px;position:absolute;right:10px;bottom:10px;
}
.pro-detail .r .table{
border:1px solid #dcdcdc;margin-top:15px;box-shadow:2px 2px 3px #dcdcdc;
}
.pro-detail .r .table .tc{
text-align:center;
}
.pro-detail .r .txt{
padding:10px;background:#eeeeee;border-radius:3px;
}
.pro-detail .r .num{
margin:15px 0;
}
.pro-detail .r .buy-btn a{
display:inline-block;float:left;margin-right:50px;
}
.detail{
}
.detail .tab{
border-bottom:4px solid #bfbfbf;
}
.detail .tab span{
display:inline-block;width:124px;height:32px;float:left;line-height:35px;background:url('/Content/Images/pro_15.gif');text-align:center;font-weight:bold;margin-right:3px;cursor:pointer;color:#fff;
}
.detail .tab span.current{
color:#000;
}
.detail .tab-box{
border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;min-height:300px;background:#fff;padding:10px;display:none;
}
.detail .tab-box.current{
display:block;
}
.footer{
margin-top:15px;width:100%;background:#fff;padding:15px 0;
}
.footer .txt{
text-align:center;
}
.footer .code{
text-align:center;
}
/*购物车*/
.cart{
margin-top:15px;margin-bottom:15px;background:#fff;padding:10px;padding-bottom:50px;
}
.cart .w-70 {
width: 70px;
}
.cart .w-500 {
width: 500px;
}
.cart .l-height {
line-height: 50px !important;
}
.cart .cart-num {
padding: 0 5px;
}
.cart .cart-font {
font-weight: bold !important;
color: #b11414;
}
.cart .total-price{
display:inline-block;width:60px;
}
.user{
background:#fff;margin-top:15px;margin-bottom:15px;width:1000px;padding-top:15px;padding-bottom:15px;padding-left:0px;padding-right:0px;
}
.user .left{
width:200px;float:left;height:700px;border-right:1px solid #ccc;
}
.user .logo{
width:150px;height:150px;border-radius:80px;overflow:hidden;margin:25px;position:relative;
}
.user .logo img{
width:150px;height:150px;
}
.user .logo a{
display:block;width:150px;height:150px;position:absolute;top:0;
}
.user .logo a:hover{
background:#000;opacity:.3;
}
.user .left dl{
margin-top:15px;
}
.user .left dt{
line-height:30px;border-bottom:1px solid #ccc;padding:5px;
}
.user .left dt:hover{
background:#f8f8f8;
}
.user .left .navi{
background:#f8f8f8;text-align:center;font-weight:bold;
}
.user .right {
width:765px;margin-left:20px;float:left;
}
.user .right .msg{
line-height:30px;font-size:16px;margin-top:30px;
}
.user .right .msg .t{
font-size:14px;
}
.user .right .item{
width:120px;text-align:center;float:left;color:#000;font-size:20px;border-radius:5px;margin:10px;line-height:25px;border:1px solid #fccba3;background:#f8f8f8;
}
.user .right .navi{
background:#efefef;height:30px;margin-top:50px;line-height:30px;padding-left:15px;border-radius:4px;
}