.header { height: 130px; }

.header .logo { float: left; }

.header .search-wrap { float: left; padding: 30px 0; margin: 0 100px; height: 130px; box-sizing: border-box; }

.search-module { margin: 0; padding: 0; }

.search-module .search-text { float: left; border: 1px solid #f8405a; width: 450px; height: 36px; padding: 0 10px; }

.search-module .search-btn { float: left; outline: none; border: 0; background-color: #f8405a; width: 100px; height: 36px; color: #fff; font-size: 16px; cursor: pointer; }

.search-module .search-sample { padding: 10px; }

.search-module .search-sample a,
.search-module .search-sample span { color: #666; }

.header .cart-wrap { position: relative; z-index: 1; float: left; height: 60px; background-color: #f8405a; color: #fff; margin: 20px 0; }

.header .shoppingcar { width: 146px; padding-left: 48px; position: absolute; top: 10px; height: 33px; border: 1px solid #efefef; line-height: 33px; font-size: 12px; }

.header .shoppingcar i { display: inline-block; background: url(../images/header.png) no-repeat -102px -235px; margin: 2px 0 0 0; width: 23px; height: 21px; left: 17px; position: absolute; top: 4px; }

.header .shoppingcar a strong { position: absolute; top: -1px; left: 154px; width: 40px; height: 34px; text-align: center; line-height: 34px; background-color: #f8405a; color: white; font-size: 16px; font-weight: 600; }


.header .shoppingcar .cart-outer { display: none; width: 460px; right: -1px; _right: -2px; -moz-box-shadow: 0 0 5px #efefef; -webkit-box-shadow: 0 0 5px #efefef; box-shadow: 0 0 5px #dadada; top: 34px;z-index:999; }

.header .shoppingcar.hover .cart-outer { display: block; position: absolute; border: 1px solid #efefef; background-color: white; }

.header .cart-outer .cart-inner { padding: 10px; width: 440px; font-size: 12px; font-weight: normal; line-height: 20px; }

.header .cart-outer .items { margin: 0px; padding: 0px; display: block; position: relative; max-height: 195px; _height: 201px; overflow: auto; }

.header .cart-outer .items li { margin: 0px; padding: 12px 0px 12px 0px; height: 40px; position: relative; border-bottom: 1px dashed #ccc; line-height: 18px; color: #565656; }

.header .cart-outer .items li .l { position: absolute; width: 45px; height: 45px; }

.header .cart-outer .items li .l img { width: 40px; height: 40px; vertical-align: middle; border: 1px solid #ccc; overflow: hidden; }

.header .cart-outer .items li .c { position: absolute; width: 200px; height: 36px; left: 48px; top: 14px; overflow: hidden; }

.header .cart-outer .items li .c a { color: #565656; text-decoration: none; height: 18px; overflow: hidden; display: block; }

.header .cart-outer .items li .r { position: absolute; text-align: right; width: 80px; height: 36px; right: 0px; }

.header .cart-outer .items li .r strong { color: #f05404; font-size: 14px; font-weight: bold; float: right; }

.header .cart-outer .items li .r span { clear: both; float: right; }

.header .cart-outer .items li .r a { clear: both; color: #999; float: right; }

.header .cart-outer .total { }

.header .cart-outer .total .left { float: left; width: 210px; }

.header .cart-outer .total .left strong { color: #ea5404; font-size: 14px; font-family: Helvetica, Arial, sans-serif; }

.header .cart-outer .total .right { float: right; width: 120px; text-align: right; }

.header .cart-outer .total .right strong { color: #ea5404; font-size: 18px; font-family: Helvetica, Arial, sans-serif; }

.header .cart-outer .total .right .checkout { margin: 10px 0 0 0; display: block; font-size: 14px; color: #fff; height: 28px; line-height: 28px; cursor: pointer; vertical-align: middle; vertical-align: baseline\9; text-decoration: none; width: 110px; text-align: center; background-color: #f8405a; border-radius: 4px; }