/* 头部 */
.header {padding: 20px 0;}
h1.logo {float: left; width: 205px; height: 49px; margin: 10px 0 0 5px;}
h1.logo a, h1.logo img {max-width: 205px;max-height: 55px;}

.header .kefu{font-size: 22px;font-weight: bold;margin-top: 4px;}
.header .kefu p{font-size: 16px;font-weight: lighter;}
.header .map{float: left;width: 85px;margin: 3px 0 0 70px;}
.header .map a{color: #333;display: block; margin: 0 auto;text-align: center;font-size: 16px;}


/* 搜索 */
.header .search {width:410px;height:40px;float: left;margin: 10px 0 0 80px;overflow: hidden;border: 2px solid #f8355b;border-radius: 4px;}
.w1200 .header .search {margin: 10px 0 0 150px;}
.header .txt_search {outline:none;border: 0;color: rgb(160, 160, 160); font-size: 14px; background-color: #fff; box-sizing:border-box;height:40px;line-height:40px;overflow: hidden; float: left; _line-height: 26px; padding-left:6px;text-indent: 5px;}
.w1200 .header .txt_search {width: 328px;}
.header .btn-s {float: left; color: #fff; cursor: pointer; background: linear-gradient(to right,#faa811,#ff2c5c); width: 82px; height: 40px; font-size: 20px; font-family: microsoft yahei; _line-height: 46px; border: none;}
.header .btn-s:hover {background-color: #e35700;}
.header .hot-s {height: 26px; overflow: hidden; line-height: 26px; clear: both;}
.header .hot-s a {float: left; margin-right: 15px; color: #666;}
.header .hot-s a:hover {color: #cd0001; text-decoration: underline;}

/*导航*/
.nav-box{width: 100%;height: 53px;background:linear-gradient(to right,#f9a60f,#f87420);margin-bottom: 15px;}
.nav li{float: left;position: relative;}
.nav .active{background-color: rgb(248, 206, 9);}
.nav .active s{display: block;position: absolute;bottom: 53px;height: 5px;width: 100%;background-color: rgb(248, 206, 9);}
.nav .active s:after{content:"";display: block;width: 0;height: 0;border-width: 5px 0px 0px 5px;border-color:transparent #e5c11a;border-style: solid;position: absolute;left: 100%;}
.nav .active s:before{content:"";display: block;width: 0;height: 0;border-width: 5px 5px 0px 0px;border-color:transparent #e5c11a;border-style: solid;position: absolute;left: -5px;}
.nav li a{display: block; padding: 13px 50px;color: #fff;font-size: 18px;font-weight: bold;}

/* 左侧浮动导航 */
.lnav{float: left;position: relative;}
.lnav .t-category{cursor: pointer; float:left;width: 190px;height:53px;text-align: center;background-color: #f86a24;margin-right: 15px;text-align: center;line-height: 53px;color: #fff;font-size: 18px;font-weight: bold;}
.lnav .category-popup {padding:8px 0;z-index:999;position: absolute; left: 0; right: 0; top: 53px; width:190px;background:linear-gradient(to top,#fab05a,#f8712f);border-top: none; font-family: 'microsoft yahei';}
.lnav .category-hover {border-right: 1px solid #ddd;}
.lnav .category-popup li {float: left; width: 100%; line-height: 24px;cursor: pointer;font-size: 14px;}
.lnav .category-popup .fix {position: relative; padding: 7px 8px 6px 45px; z-index: 41;zoom: 1;}
.lnav .category-popup li a {color: #fff;}
/*.lnav .category-popup li a:hover {color: #cd0001;}*/
.lnav .category-popup li .name {font-size: 16px;}
.lnav .category-popup li .item {color: #8c8c8c; margin-right: 7px; line-height: 20px;}
.lnav .category-popup li .arrow,.lnav .category-popup .more i{position: absolute; display: block; top: 50%; right: 10px; z-index: 200; width: 5px; margin-top: -5px; height: 10px; background: url('../images/sprite.png') -41px -25px;}

/* 鼠标经过 */
.lnav .category-popup li.active {background: #fb9050; -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.05); box-shadow: 3px 3px 3px rgba(0,0,0,0.05);}
.lnav .category-popup li.active .fix {margin-right: 0; background: #fb9050;}
.lnav .sub-category {position: absolute; display: none;left: 190px; top: 0; bottom: 0; min-width: 120px; border: 1px solid #e3e3e3; background-color: #fff; -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.05); box-shadow: 3px 3px 3px rgba(0,0,0,0.05); padding: 0 25px; z-index: 40; text-align: left;}

.lnav .sub-category dl {height: 100%;-webkit-animation:leftFadeIn .3s ease-out; -moz-animation:leftFadeIn .3s ease-out; animation:leftFadeIn .3s ease-out;}
.lnav .sub-category dt {border-bottom: 1px solid #e3e3e3; height: 36px; line-height: 36px; padding-top: 9px;}
.lnav .sub-category dt a {color: #8c8c8c; font-size: 16px;}
.lnav .sub-category dt a:hover {color: #dc0001;}
.lnav .sub-category dd {padding-top: 5px;}
.lnav .sub-category dd .subitem {float: left; width: 120px;}
.lnav .sub-category dd a {float: left; height: 32px; line-height: 32px; font-size: 14px; width: 120px; color: #282828;}
.lnav .category-popup .more{ line-height: 22px;cursor: pointer;font-size: 16px;color: #fff;padding: 7px 8px 6px 45px;position: relative;}


/* 购物车 */
.glocart {position: fixed; left: 10px; bottom: 0; _position: absolute; _top: expression(documentElement.scrollTop + documentElement.clientHeight-38); z-index: 500;}
.glocart .cartbtn {position: relative; z-index: 2; width: 270px; height: 25px; line-height: 22px; padding: 5px 0; background: #f87121; cursor: pointer;}

.glocart .cartpop {position: absolute; display: block; left: 0; top: 5px; right: 100px; bottom: 5px; color: #fff; border-right: 1px solid #fab0b0;}
.glocart .cartpop span {display: inline-block; vertical-align: middle; margin-left: 25px; padding-left: 5px;}
.glocart .cartpop span b {font-weight: 700; padding: 0 5px; font-size: 14px;}
.glocart .cartpop sub {position: absolute; left: 8px; top: 6px; width: 17px; height: 15px; background: url('../images/sprite.png') -47px -123px;}
.glocart .cartpop sup {display: inline-block; vertical-align: middle; height: 0; width: 0; margin: 13px 0 -5px 5px; border: 5px dashed transparent; border-top-color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform-origin: 50% 25%; -moz-transform-origin: 50% 25%; transform-origin: 50% 25%;}
.cart_on .cartbtn {background: #f87121;}
.cart_on .cartbtn sup {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

.glocart .cartlink {position: absolute; right: 0; top: 0; bottom: 0; width: 100px; text-align: center; color: #fff; font-size: 16px; line-height: 35px;}
.glocart .cartlink s {display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin: -3px 0 0 3px; background: url('../images/sprite.png') -48px -141px;}

.glocart .cartcontent {position: fixed; display: none; bottom: -10px; left: 0; _position: absolute; _top: -461px; width: 290px; height: 0; max-height: 500px; opacity: 0; filter: alpha(opacity=0); z-index: 1; overflow: hidden; padding: 10px 10px 40px; background: rgba(0,0,0,.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;}
.glocart .cartwrap {padding: 7px 0 10px; height: 100%; border: 1px solid #b5b5b5; background: #fff; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.15); -moz-box-shadow: 0 0 8px rgba(0,0,0,.15); box-shadow: 0 0 8px rgba(0,0,0,.15);}

/* 购物车列表 */
.glocart .cartlist {display: none; position: relative;}
.glocart .cartlist ul {max-height: 440px; overflow: hidden; overflow-y: auto;}
.glocart .cartlist li {height: 50px; padding: 12px 10px; border-bottom: 1px dashed #eee;}
.glocart .cartlist li:hover {background-color: #f9f9f9;}
.glocart .cartlist li .pic {float: left;}
.glocart .cartlist li .pic, .glocart .cartlist li .pic img {width: 70px; height: 50px;}
.glocart .cartlist li .info {position: relative; overflow: hidden; padding-left: 10px;}
.glocart .cartlist li .info h5 {height: 35px; overflow: hidden; font-size: 12px;}
.glocart .cartlist li .info span {float: left;}
.glocart .cartlist li .info strong {color: #f46060; font-weight: 500;}
.glocart .cartlist li .info .del {float: right; display: none;}

.glocart .cartlist .statics {height: 50px; line-height: 53px; text-align: center;}
.glocart .cartlist .statics span {color: #f46060;}
.glocart .cartlist .statics span strong {font-size: 16px;}

/* 空的购物车 */
.glocart .empty {display: none; padding: 50px 0; text-align: center; font-size: 14px;}

/* 加载中 */
.glocart .loading {padding: 50px 0; text-align: center; font-size: 14px;}