﻿@charset "utf-8";

html {background:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0; padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
audio, canvas, video {display:inline-block; *display:inline; *zoom:1;}
body, button, input, select, textarea {font:12px/1.5 "Microsoft Yahei", "\5B8B\4F53", sans-serif, tahoma, arial;}
input, select, textarea {font-size:100%;}
table {border-collapse:collapse; border-spacing:0;}
th {text-align:inherit;}
fieldset, img {border:0;}
iframe {display:block;}
abbr, acronym {border:0; font-variant:normal;}
del {text-decoration:line-through;}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:500;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:500;}
q:before, q:after {content:'';}
sub, sup {font-size:75%; line-height:0;	position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
a {color:#333;}
a:hover {color:#ff7300; text-decoration:underline;}
ins, a {text-decoration:none;}
a:hover {text-decoration: none;}

.hide {display:none;}
.left, .right {display:inline;}
.l ,.left {float:left;}
.r ,.right {float:right;}
.oh {overflow: hidden;}
.clearfix {*zoom:1;}
.clearfix:before,.clearfix:after {display:table; content:""; line-height:0 }
.clearfix:after {clear:both;}


.opacity7 {opacity:.7;filter:alpha(opacity=70);}

.dddd {display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 320px;}


.adwrap{width:1200px;margin:0 auto;}

.joinCart ,
.selectNone {
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}


/* 从左往右缓冲显示 */
@-webkit-keyframes leftFadeIn{
	0%{-webkit-transform:translateX(-10px);}
	100%{-webkit-transform:translateY(0);}
}

@-moz-keyframes leftFadeIn{
	0%{-moz-transform:translateX(-10px);}
	100%{-moz-transform:translateY(0);}
}

@keyframes leftFadeIn{
	0%{transform:translateX(-10px);}
	100%{transform:translateY(0);}
}


 /*logo*/
        .logoBox {width: 1200px;height: 70px;margin:0 auto;clear:both;}
        .logoBox .logo {position: relative;width: 230px;height: 70px;}
        .logoBox .logo img {position: absolute;left:0;bottom:0;}
        .search {width:534px; height:42px; margin-top:25px; margin-left: 180px;}
        .search .sel{width: 458px; border:1px solid #ddd; border-right: none;}
        .search .sel .c-search-tp{position: relative;display: inline-block;line-height: 40px;  width: 75px; height: 40px; padding-left: 15px; background: #f5f5f5 url(../images/icon.png) right -85px no-repeat;z-index: 100;}
        .search .sel input {width: 350px;*width:346px; height: 20px; border: 0; font-size: 14px; color: #bababa;padding:10px 6px 10px 12px;}
        .search .submit {width:75px; height: 42px; background: #ffaa00; border:none; text-align: center; line-height: 42px; color: #fff; font-size: 16px;border-top-right-radius:4px;border-bottom-right-radius:4px;cursor: pointer;}
        .search .submit:hover {background:#E09A0E;}
        .search-type {position: absolute;left:-1px;top:40px;width: 89px;border: 1px solid #ddd;background: #f5f5f5;display: none;z-index: 100;}
        .search-type li {height: 26px;line-height: 26px;padding-left: 15px;cursor: pointer;}
        .search-type li.selected {background: #D8D8D8;}

        #cart {position: relative;margin: 15px 0 0 55px;width: 200px;height: 54px;z-index: 1000;-webkit-transition: height .3s;transition: height .3s;}
        #cart.hover-shadow {height: 70px;}
        #cart .topBg {position: absolute;top:65px;right:2px;height:14px;width:196px;background: #fff;z-index: 3;display: none;}
        #cart.hover .topBg {display: block;}
        #cart .hd {position: relative;height: 100%;background: #fff;border:1px solid transparent;-webkit-transition: border 0;transition: border 0;;z-index: 2;}
        #cart.hover .hd {border-color: #e6e6e6;;}
        #cart .hd .tb {position: relative;margin:20px 25px 0 20px;width: 33px;height: 30px;}
        #cart .hd .tb .cart-t {left:0;top:0;background-position: -14px -9px}
        #cart .hd .tb .cart-t.have {background-position: -11px -209px}
        #cart .hd .tb .cart-t.h {background-position: -72px -9px}
        #cart .hd .tb .cart-n {right:-24px;top:-15px;display: block;width: 25px;height: 23px;text-align: center; line-height: 22px;background-position: -18px -64px;font-style: normal;color: #fff;}
        #cart .hd .txt {margin-top: 25px;text-align: center;font-size: 14px;color: #666;padding-right:30px;background: url(../images/icon_list_03.png) right -15px no-repeat;}
        #cart .hd .tb i {position: absolute;display: inline-block;width: 33px;height: 30px;background: url(../images/icon_list_01.png);background-repeat:no-repeat;}

        #cart .bd {position: absolute;top:56px;right:-1px;width: 405px;background: #fff;border:1px solid #e6e6e6;opacity:0;-webkit-transition: all .3s;transition:all .3s;display: none;}
        #cart.hover-shadow .bd {top:70px;opacity:1;background: #fff;}
        #cart .bd .listbox {height: 323px;*height:325px;margin: 10px 4px;overflow-y:auto;}
        #cart .bd .product-list {padding-right: 15px;}
        #cart .bd .product-list li {height: 80px;border-bottom: 1px solid #e6e6e6;}
        #cart .bd .product-list li:last-child {border-bottom: none;}
        #cart .bd .product-list li ,#cart .bd .product-list li a {font-size: 14px;color: #5e5e5e;}
        #cart .bd .product-list .pic ,#cart .bd .product-list .pic a {display: block;}
        #cart .bd .product-list .pic a img {display: block;width: 60px;height: 60px;padding:10px;opacity:0.8;filter: alpha(opacity==80);}
        #cart .bd .product-list .pic a:hover img {opacity:1;filter: alpha(opacity:100;);}
        #cart .bd .product-list .name {width: 165px;margin-left: 10px;}
        #cart .bd .product-list p {line-height: 24px;}
        #cart .bd .product-list p.des {height: 48px;overflow: hidden;}
        #cart .bd .product-list .do {width: 110px;text-align: right;}
        #cart .bd .product-list .do .price {font-size: 14px;font-weight: bold;color: #e3101e;}
        #cart .bd .product-list .do .btn {color: #a5a5a5;}
        #cart .bd .product-list .do .btn:hover {color: #8B8A8A;}
        #cart .bd .product-list .name , #cart .bd .product-list .price {margin-top: 3px;}
        #cart.hover .bd {display: block;}
        #cart.hover-shadow .hd {box-shadow: 0 -2px 10px #A7A6A6;}
        #cart.hover-shadow .bd {box-shadow: 0 0 15px #A7A6A6;}
        #cart.hover .hd .txt {background-position: right -52px;}
        #cart .hd ,#cart .bd {-webkit-transition: all .3s;transition: all .3s;}
        #cart .bd .product-list li .bt a:hover {color: #ffaa00;}
        #cart .bd .product-list li .bt a {display: block; }

        #cart .bd .count {margin-top: 20px;height: 30px;line-height: 30px;text-align: right;padding-right: 15px;font-size: 14px;color: #5e5e5e;}
        #cart .bd .count .fcr {color: #e3101e;margin:0 5px;}
        #cart .bd .go-w  {margin-top: 10px;height: 34px;text-align: right;padding-right: 15px;padding-bottom: 20px;}
        #cart .bd .go-w a {display: inline-block;width: 110px;height: 34px;line-height: 34px;text-align: center;background: #ffaa00;color: #fff;border-radius:4px;}
        #cart .bd .go-w a:hover {background: #E09807;}
        #cart .bd .fadeIn {position: relative;top:-10px;opacity:0.4;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
        #cart .bd .fadeIn.in {opacity:1;top:0;}

        #cart #emptyCart p {padding: 50px 20px; text-align: center;font-size: 14px;color: #5e5e5e;}

        /*主导航*/
        .mainnavwrap {width: 100%;}
        .mainNav {width: 1200px;height: 42px;line-height: 40px;margin: 30px auto 0;}
        .mainNav .category {position: relative;width: 200px;z-index: 1000;}
        .mainNav .category .hd {height: 42px;font-size: 16px;text-align: center;background: #ffaa00;border-top-left-radius:10px;border-top-right-radius:10px;}
        .mainNav .category .hd a {color: #fff;padding-right: 30px; background-position: right -93px;}
        .mainNav .category .bd {position: absolute;top:42px;left:0;width: 100%;height: 450px;color: #fff;display: none;}
        .mainNav .category.hover .bd ,.mainNav .category:hover .bd {display: block;}
        .mainNav .category .bd ul {height:422px;padding:14px 0;background: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000000", endColorstr="#99000000")\9;}
        .mainNav .category .bd ul:hover {height: auto;min-height: 422px;}
        .mainNav .category .bd a {font-size: 14px;}
        .mainNav .category .bd li {height: 42px;line-height: 42px;vertical-align: top;}
        .mainNav .category .bd li .m_cate {display: block;padding:0 20px 0 40px;background-position: right -162px;-webkit-transition: all .15s;transition: all .15s;color: #fff;}
        .mainNav .category .bd  li:hover .m_cate {background-color: #ff6700;/*padding-left: 26px;*/background-position: 180px -162px;}
        .mainNav .category .bd li .sub_category {position: absolute;left:200px;top:0;width: 750px;min-height: 446px;display: none;}
        .mainNav .category .bd li .sub_category dl {margin: 0 10px;padding:10px 0;line-height: 28px;border-top: 1px solid #ccc;overflow: hidden;}
        .mainNav .category .bd li .sub_list a {display: block;padding:0 10px; float: left;color: #333;}
        .mainNav .category .bd li .m_cate ,
        .mainNav .category .hd a {background-image: url(../images/icon_list_03.png);background-repeat: no-repeat;}
        .mainNav .category .bd li .sub_category {background: #fff;z-index: -1;}
        .mainNav .category .bd li .sub_category {border: 2px solid #f20b39;margin-left: -2px;*box-shadow:-20px 0 30px #CC6600;*/}


        .m-navlist {display: block;width: 1000px;text-align: left;}
        .m-navlist li {position: relative;display: inline-block;*display:inline;}
        .m-navlist a {display: inline-block;color: #333;font-size: 16px;padding:0 20px;}
        .m-navlist li i {position: absolute;right:20px;top:-2px;display: inline-block;width: 14px;height: 14px;background: url(../images/icon_list_03.png) no-repeat;-webkit-transition: all .5s;transition: all .5s;}
        .m-navlist li i.hot {background-position: -8px -213px;}
        .m-navlist li i.new {background-position: -8px -241px;}
        .m-navlist a:hover {color: #ffaa00;}
        .m-navlist a:hover i {top:-15px;right:5px;-webkit-transform:rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}

        .sub_category dt {width: 75px;padding-right: 30px;text-align: right;}
        .sub_category dd {width: 620px;}
        .sub_category dd a {padding: 0 8px;border-left: 1px solid #ccc;}