@charset "UTF-8";
html { font-family: "Hiragino Sans GB", "Hiragino Sans GB W3", "微软雅黑", "宋体", Arial, Helvetica, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

article, aside, details, figcacption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; text-decoration: none; color: #666666; }

a:active, a:hover, a:focus { outline: 0; text-decoration: none; color: #2fa930; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; }

ton { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: p; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, a, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; box-sizing: border-box; text-align: justify; }

body { color: #666666; background: #fff; font: 8px; }

ul, li, ol { list-style: none; line-height: normal; }

i, address, cite, dfn, em, var { font-style: normal; }

.product-main, .procduct-details, .procduct-details-right .ljpj .part1, .my-page, .cf { *zoom: 1; }
.product-main:before, .procduct-details:before, .procduct-details-right .ljpj .part1:before, .my-page:before, .product-main:after, .procduct-details:after, .procduct-details-right .ljpj .part1:after, .my-page:after, .cf:before, .cf:after { content: ""; display: table; }
.product-main:after, .procduct-details:after, .procduct-details-right .ljpj .part1:after, .my-page:after, .cf:after { clear: both; }

.procduct-details-right .ljpj .part1 li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.left, .right { float: left; }

.show { display: block !important; }

.h50 { width: 100%; height: 0.98rem; }

.content, .crumb, .product-main, .procduct-details, .my-page { width: 1200px; margin-left: auto; margin-right: auto; }

input[type=text], input[type=password] { border: #e2e2e2 1px solid; height: 30px; padding: 0 5px; }

textarea { height: auto; min-height: 120px; border: #e2e2e2 1px solid; border-radius: 5px; padding: 5px; }

.prv-nxt { width: 100%; text-align: right; padding: 0 20px; margin-bottom: 20px; margin-top: 20px; font-size: 12px; }
.prv-nxt a { text-align: center; display: inline-block; margin: 0 5px; color: #005ea7; }
.prv-nxt b { color: #f62b00; font-weight: normal; margin: 0 2px; }

.crumb { margin-top: 10px; font-size: 12px; margin-bottom: 10px; }

.jia-jian { width: 86px; height: 22px; overflow: hidden; border: #e2e2e2 1px solid; display: inline-block; }
.jia-jian .jian, .jia-jian .jia { width: 21px; height: 20px; background: url("../images/num-jian.png") 0 0 no-repeat; background-size: 100% 100%; outline: none; float: left; cursor: pointer; border: none; }
.jia-jian .jia { background-image: url("../images/num-jia.png"); float: right; }
.jia-jian .num { width: 42px; height: 22px; text-align: center; float: left; border: none; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
/* 01产品详情页 */
.product-main { margin-bottom: 30px; }
.product-main .product-left { width: 550px; float: left; height: 470px; }
.product-main .product-right { width: 620px; float: right; }

.banner { width: 100%; height: 470px; overflow: hidden; position: relative; }
.banner .hd { width: 480px; height: 80px; overflow: hidden; position: absolute; left: 50%; margin-left: -240px; bottom: 5px; z-index: 1; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd li { float: left; margin: 2px; width: 116px; height: 80px; cursor: pointer; overflow: hidden; }
.banner .hd img { display: block; }
.banner .bd { position: relative; height: 100%; z-index: 0; height: 360px; }
.banner .bd li { zoom: 1; vertical-align: middle; }
.banner .bd img { width: 100%; height: 360px; display: block; }
.banner .prev, .banner .next { position: absolute; bottom: 5px; display: block; width: 23px; height: 77px; background: url(../images/arrow-l.png) center center no-repeat; background-size: 100% 100%; filter: alpha(opacity=80); opacity: .8; }
.banner .prev { left: 0; }
.banner .next { right: 0; background-image: url(../images/arrow-r.png); }
.banner .prev:hover, .banner .next:hover { filter: alpha(opacity=100); opacity: 1; }

.product-right h1 { font-size: 16px; color: #000; margin-bottom: 15px; }
.product-right .con1 { width: 100%; padding: 20px 2px; background-color: #e2e7e2; line-height: 24px; font-size: 12px; position: relative; }
.product-right .con1 del, .product-right .con1 span { margin-left: 20px; }
.product-right .con1 i { color: #f62b00; }
.product-right .con1 b { font-size: 24px; }
.product-right .con1 span { color: #8d8d8d; }
.product-right .con1 .favs { display: block; position: absolute; right: 30px; top: 25px; width: 60px; text-align: center; padding-top: 28px; background: url("../images/Favs.png") center top no-repeat; background-size: 25px 23px; }
.product-right .con1 .favs:hover { color: #f62b00; }
.product-right .con2 { width: 100%; font-size: 12px; margin-top: 10px; }
.product-right .con2 li { line-height: 24px; color: #403e3e; }
.product-right .con2 span { color: #777777; margin-right: 5px; }
.product-right .con2 .e05 { margin-right: .5em; }
.product-right .con2 .e2 { margin-right: 2em; }
.product-right .con3 { width: 100%; font-size: 12px; margin-top: 10px; }
.product-right .con3 li { line-height: 24px; color: #403e3e; margin-bottom: 10px; }
.product-right .con3 span { color: #777777; margin-right: 5px; }
.product-right .con3 i { display: inline-block; margin-right: 10px; border: #e2e2e2 1px solid; padding: 0 10px; color: #000; height: 28px; line-height: 28px; cursor: pointer; }
.product-right .con3 i.on { border-color: #bf0006; background: url("../images/choose.png") right bottom no-repeat; background-size: 10px 10px; }
.product-right .caozuo { width: 100%; margin-top: 20px; }
.product-right .caozuo .btn-buy, .product-right .caozuo .btn-add { height: 40px; line-height: 40px; display: inline-block; margin-right: 10px; text-align: center; padding: 0 35px; font-size: 16px; border-radius: 3px; }
.product-right .caozuo .btn-buy { background-color: #ffe4d0; color: #f62b00; border: #e2e2e2 1px solid; }
.product-right .caozuo .btn-add { background: url("../images/car.png") 35px center no-repeat #288e13; padding-left: 65px; color: #fff; }

.procduct-details { margin-bottom: 30px; }

.procduct-details-left { width: 200px; float: left; }
.procduct-details-left .item { font-size: 12px; line-height: 24px; margin-bottom: 10px; }
.procduct-details-left .item img { width: 200px; height: 200px; overflow: hidden; display: block; }
.procduct-details-left .item h3 { color: #000; }
.procduct-details-left .item p { color: #969090; width: 100%; }
.procduct-details-left .item span { color: #f62b00; font-weight: bold; float: right; }

.procduct-details-right { width: 980px; float: right; border: #e2e2e2 1px solid; }
.procduct-details-right .ljpj { width: 100%; }
.procduct-details-right .ljpj .part1 { margin-bottom: 20px; }
.procduct-details-right .ljpj .part1 li { width: 33%; float: left; line-height: 24px; }
.procduct-details-right .ljpj .part2 { width: 100%; }
.procduct-details-right .ljpj .part2 img { margin: 10px auto; }
.procduct-details-right .ljpj .part2 .center { width: 100%; text-align: center; }

.slideTxtBox { width: 100%; text-align: left; font-size: 12px; }
.slideTxtBox .hd { height: 39px; line-height: 39px; background: #f4f4f4; padding: 0 10px 0 20px; border-bottom: 1px solid #ddd; position: relative; }
.slideTxtBox .hd ul { float: left; position: absolute; left: 20px; top: -1px; height: 42px; }
.slideTxtBox .hd li { float: left; padding: 0 15px; cursor: pointer; line-height: 40px; }
.slideTxtBox .hd li.on { height: 40px; background: #fff; border: 1px solid #ddd; border-bottom: 2px solid #fff; }
.slideTxtBox .box { padding: 20px; }

/* 04-我的购物车 */
.page-shopping-car { width: 1000px; margin: 10px auto; margin-bottom: 40px; font-size: 12px; }
.page-shopping-car .shopping-car-product { width: 100%; font-size: 12px; margin-top: 60px; }
.page-shopping-car .tb1 { width: 100%; border-bottom: #a0a1a2 2px solid; margin-bottom: 40px; font-weight: bold; }
.page-shopping-car .tb1 th { height: 30px; line-height: 30px; text-align: center; }
.page-shopping-car .tb1 .td1 { width: 400px; text-align: left; padding-left: 20px; }
.page-shopping-car .tb1 .td2 { width: 250px; }
.page-shopping-car .tb1 .td3 { width: 100px; }
.page-shopping-car .tb1 .td4 { width: 170px; }
.page-shopping-car .tb1 .td5 { width: 90px; }
.page-shopping-car .tb2 { width: 100%; border: #e2e2e2 1px solid; margin-bottom: 40px; }
.page-shopping-car .tb2 td { text-align: center; height: 90px; border-bottom: #e2e2e2 1px solid; }
.page-shopping-car .tb2 a { margin: 0 5px; }
.page-shopping-car .tb2 .td1 { width: 400px; text-align: left; position: relative; }
.page-shopping-car .tb2 .td1 p { width: 100%; padding-left: 120px; }
.page-shopping-car .tb2 .img { position: absolute; top: 10px; left: 40px; width: 99px; height: 66px; display: inline-block; overflow: hidden; }
.page-shopping-car .tb2 .td2 { width: 250px; }
.page-shopping-car .tb2 .td3 { width: 100px; }
.page-shopping-car .tb2 .td4 { width: 170px; color: #f62b00; }
.page-shopping-car .tb2 .td5 { width: 90px; }
.page-shopping-car .tb2 .td5 a { display: inline-block; padding: 0 15px; border-radius: 5px; background: -webkit-linear-gradient(#fff 0%, #ebe6ec 100%); background: linear-gradient(#fff 0%, #ebe6ec 100%); height: 30px; line-height: 30px; }
.page-shopping-car .tb2 .td1 { background: url("../images/checkbox.png") 20px center no-repeat; background-size: 16px 16px; padding-left: 40px; text-align: left; }
.page-shopping-car .tb2 .on .td1 { background-image: url(../images/checkbox-on.png); }
.page-shopping-car .tb2 .on .td1 i { display: block; }
.page-shopping-car .resault { text-align: right; width: 100%; margin-top: 20px; }
.page-shopping-car .resault .p2 { text-align: right; }
.page-shopping-car .resault .p1 span { float: right; }
.page-shopping-car .resault p { width: 100%; line-height: 24px; margin-bottom: 10px; padding: 0 10px; font-size: 14px; font-weight: bold; }
.page-shopping-car .resault i { color: #f62b00; }
.page-shopping-car .resault .btn-submit { display: inline-block; padding: 0 30px; height: 36px; line-height: 36px; background-color: #f62b00; color: #fff; border-radius: 5px; font-weight: bold; font-size: 16px; }
.page-shopping-car .resault .btn-choose-all, .page-shopping-car .resault .btn-delete { background: url("../images/checkbox.png") 0px center no-repeat; background-size: 16px 16px; padding-left: 20px; text-align: left; margin-right: 10px; }
.page-shopping-car .resault .btn-choose-all.on { background-image: url(../images/checkbox-on.png); }
.page-shopping-car .resault .btn-delete { background-image: url(../images/delete.png); }
.page-shopping-car .resault .shoping-continue { display: inline-block; padding: 0 15px; border-radius: 5px; background: -webkit-linear-gradient(#fff 0%, #ebe6ec 100%); background: linear-gradient(#fff 0%, #ebe6ec 100%); height: 30px; line-height: 30px; }

/* 02-核对订单 */
.page-check-order { width: 1000px; margin: 10px auto; margin-bottom: 40px; }
.page-check-order .choose-addr { width: 100%; font-size: 12px; margin-top: 60px; }
.page-check-order .choose-addr h3 { width: 100%; }
.page-check-order .choose-addr .btn-add-addr { float: right; }
.page-check-order .tb1 { width: 100%; border: #e2e2e2 1px solid; margin-top: 5px; }
.page-check-order .tb1 th { background-color: #f9f9f9; height: 30px; line-height: 30px; text-align: center; }
.page-check-order .tb1 td { text-align: center; padding: 20px 0; border-bottom: #e2e2e2 1px solid; }
.page-check-order .tb1 a { margin: 0 5px; }
.page-check-order .tb1 .td1 { width: 110px; }
.page-check-order .tb1 .td1 i { display: none; }
.page-check-order .tb1 .td2 { width: 220px; }
.page-check-order .tb1 .td3 { width: 170px; }
.page-check-order .tb1 .td4 { width: 320px; }
.page-check-order .tb1 .td5 { width: 190px; }
.page-check-order .tb1 tbody .td1 { background: url("../images/checkbox.png") 20px center no-repeat; background-size: 16px 16px; padding-left: 40px; text-align: left; }
.page-check-order .tb1 .on .td1 { background-image: url(../images/checkbox-on.png); }
.page-check-order .tb1 .on .td1 i { display: block; }
.page-check-order .choose-pay { width: 100%; margin-top: 40px; font-size: 12px; margin-bottom: 40px; }
.page-check-order .choose-pay h3 { margin-bottom: 10px; }
.page-check-order .choose-pay li { line-height: 34px; padding-left: 2em; }
.page-check-order .choose-pay input[type=radio] { position: relative; margin-right: 5px; top: 3px; }
.page-check-order .check-product { width: 100%; font-size: 12px; margin-top: 40px; }
.page-check-order .tb2 { width: 100%; border: #e2e2e2 1px solid; margin-top: 5px; }
.page-check-order .tb2 th { background-color: #f9f9f9; height: 30px; line-height: 30px; text-align: center; }
.page-check-order .tb2 td { text-align: center; padding: 20px 0; border-bottom: #e2e2e2 1px solid; }
.page-check-order .tb2 a { margin: 0 5px; }
.page-check-order .tb2 .td1 { width: 120px; }
.page-check-order .tb2 .td2 { width: 230px; text-align: left; }
.page-check-order .tb2 .td3 { width: 280px; text-align: left; }
.page-check-order .tb2 .td4 { width: 220px; }
.page-check-order .tb2 .td5 { width: 250px; color: #f62b00; }
.page-check-order .resault { text-align: right; width: 100%; margin-top: 20px; }
.page-check-order .resault p { width: 100%; text-align: right; line-height: 24px; margin-bottom: 10px; padding-right: 10px; font-size: 14px; font-weight: bold; }
.page-check-order .resault i { color: #f62b00; }
.page-check-order .resault .btn-pay { display: inline-block; padding: 0 30px; height: 36px; line-height: 36px; background-color: #f62b00; color: #fff; border-radius: 5px; font-weight: bold; font-size: 16px; }

.check-order-head { width: 100%; height: 44px; margin: 20px 0; line-height: 44px; }
.check-order-head .right { float: right; padding-top: 8px; margin-top: 2px; }
.check-order-head .step1, .check-order-head .step2, .check-order-head .step3 { color: #fff; font-size: 12px; height: 30px; line-height: 30px; text-align: center; display: inline-block; margin-left: -12px; background: url("../images/step1.png") center center no-repeat; background-size: 100% 100%; }
.check-order-head .step1 { background-image: url(../images/step1.png); width: 205px; }
.check-order-head .step1.on { background-image: url(../images/step1-on.png); }
.check-order-head .step2 { background-image: url(../images/step2.png); width: 218px; }
.check-order-head .step2.on { background-image: url(../images/step2-on.png); }
.check-order-head .step3 { background-image: url(../images/step3.png); width: 206px; }
.check-order-head .step3.on { background-image: url(../images/step3-on.png); }

.my-page { margin-bottom: 30px; width: 1000px; margin-top: 10px; }
.my-page .my-page-main { width: 770px; float: right; }
.my-page .my-page-main h1 { font-size: 18px; height: 40px; line-height: 40px; }
.my-page .my-page-box { border: #e2e2e2 1px solid; border-top: #2fa930 4px solid; }

.my-left-nav { width: 195px; border: #e2e2e2 1px solid; float: left; }
.my-left-nav h2 { height: 40px; line-height: 40px; background-color: #2fa930; color: #fff; font-size: 16px; padding-left: 40px; }
.my-left-nav h3 { height: 40px; line-height: 40px; border-bottom: #e2e2e2 1px solid; background: url("../images/icon31.png") 10px center no-repeat #f3f3f3; background-size: 20px 20px; padding-left: 40px; font-size: 14px; color: #000; }
.my-left-nav .h32 { background-image: url(../images/icon32.png); }
.my-left-nav li { line-height: 40px; border-bottom: #e2e2e2 1px solid; padding-left: 40px; font-size: 12px; }

/* 03-我的订单 */
.my-order .search { width: 100%; height: 90px; padding: 30px 20px; font-size: 12px; }
.my-order .search input[type=text] { width: 340px; height: 30px; outline: none; margin-right: 10px; }
.my-order .search input[type=submit] { width: 80px; height: 30px; background-color: #2fa930; color: #fff; border: none; text-align: center; font-size: 14px; }
.my-order .list-title, .my-order .list-item-con { width: 100%; font-size: 12px; color: #000; }
.my-order .list-title td, .my-order .list-item-con td { text-align: center; }
.my-order .list-title .td1, .my-order .list-item-con .td1 { width: 250px; }
.my-order .list-title .td2, .my-order .list-item-con .td2 { width: 90px; }
.my-order .list-title .td3, .my-order .list-item-con .td3 { width: 100px; }
.my-order .list-title .td4, .my-order .list-item-con .td4 { width: 110px; }
.my-order .list-title .td5, .my-order .list-item-con .td5 { width: 100px; }
.my-order .list-title .td6, .my-order .list-item-con .td6 { width: 120px; }
.my-order .list-title { height: 30px; background-color: #e7e7e7; }
.my-order .list-item-con { line-height: 24px; border-bottom: #f3f3f3 1px solid; }
.my-order .list-item-con p { width: 100%; text-align: center; }
.my-order .list-item-con .td1, .my-order .list-item-con .td2, .my-order .list-item-con .td3, .my-order .list-item-con .td4, .my-order .list-item-con .td5 { border-right: #f3f3f3 1px solid; }
.my-order .list-item-con .tel, .my-order .list-item-con .td4, .my-order .list-item-con .td5 { color: #878484; }
.my-order .list-item-con td { padding: 5px 0; }
.my-order .list-item-con a { margin: 0 5px; color: #005ea7; }
.my-order .list-item-con .btn-agin, .my-order .list-item-con .btn-sure, .my-order .list-item-con .btn-pay { border-radius: 3px; display: inline-block; }
.my-order .list-item-con .btn-agin { width: 73px; height: 21px; line-height: 21px; border: #dddddd 1px solid; background: url("../images/icon33.png") 5px center no-repeat #f5f4f4; background-size: 17px 15px; padding-left: 25px; color: #999999; }
.my-order .list-item-con .btn-sure { width: 78px; height: 25px; border: #bfd6af 1px solid; line-height: 25px; background-color: #f1f9ea; color: #000; text-align: center; }
.my-order .list-item-con .btn-pay { width: 77px; height: 25px; line-height: 23px; border: #ae0833 1px solid; background-color: #2fa930; color: #fff; text-align: center; border-radius: 0px; }
.my-order .title { height: 30px; line-height: 30px; background-color: #f3f3f3; padding: 0 20px; font-size: 12px; color: #000; }
.my-order .title .sp1 { width: 136px; display: inline-block; overflow: hidden; height: 30px; float: left; }
.my-order .title .sp2 { height: 30px; line-height: 30px; display: inline-block; float: left; }
.my-order .title i { color: #005ea7; }

/*  05-我的收货地址 */
.my-addr { font-size: 12px; color: #615d5c; }
.my-addr table { width: 100%; }
.my-addr th, .my-addr td { text-align: center; }
.my-addr .td1 { width: 120px; }
.my-addr .td2 { width: 270px; }
.my-addr .td3 { width: 170px; }
.my-addr .td4 { width: 210px; }
.my-addr thead th { height: 30px; background-color: #e7e7e7; font-weight: bold; font-size: 14px; }
.my-addr tbody td { padding: 25px 0; border-bottom: #e7e7e7 1px solid; }
.my-addr .caozuo { width: 100%; padding: 25px 10px; text-align: right; }
.my-addr .btn-add-addr { height: 40px; line-height: 40px; border-radius: 5px; background-color: #2fa930; color: #fff; padding: 0 10px; display: inline-block; cursor: pointer; }