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

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: #666; -webkit-tap-highlight-color: transparent; }

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

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

b, strong { font-weight: bold; }

dfn { font-style: italic; }

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

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; width: auto; max-width: 100%; width: 100%; -ms-interpolation-mode: bicubic; }

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: 0; }

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; empty-cells: show; font-size: inherit; }

body { font-size: 24px; }

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-family: inherit; box-sizing: border-box; text-align: justify; }

body { color: #666; background: #e9e8e8; margin: 0 auto; min-width: 320px; max-width: 640px; }

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

small { font-size: 0.875em; }

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

.slide-nav2, .bnav, .huodong, .huodong2, .product, .product2, .product-p2, .user .part2, .shopping-car .part3, .order-details .item, .festival .three, .cf { *zoom: 1; }
.slide-nav2:before, .bnav:before, .huodong:before, .huodong2:before, .product:before, .product2:before, .product-p2:before, .user .part2:before, .shopping-car .part3:before, .order-details .item:before, .festival .three:before, .slide-nav2:after, .bnav:after, .huodong:after, .huodong2:after, .product:after, .product2:after, .product-p2:after, .user .part2:after, .shopping-car .part3:after, .order-details .item:after, .festival .three:after, .cf:before, .cf:after { content: ""; display: table; }
.slide-nav2:after, .bnav:after, .huodong:after, .huodong2:after, .product:after, .product2:after, .product-p2:after, .user .part2:after, .shopping-car .part3:after, .order-details .item:after, .festival .three:after, .cf:after { clear: both; }

.tabBox .item h3, .tabBox13 .part2 h3, .product li h3, .product2 li h3, .product-p2 li h3, .procduct-details .part1 h1, .shopping-car .part2 .con h3, .order-details .item h3, .festival .list .item h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.left, .right { float: left; }

.show { display: block !important; }

.hide { display: none !important; }

.h50 { width: 100%; height: 98px; }

.h150 { width: 100%; height: 250px; }

.h70 { width: 100%; height: 140px; }

.bgf { background-color: #fff; }

input[type=text], input[type=password] { border: #c4c4c0 1px solid; height: 60px; border-radius: 10px; padding: 0 10px; }

textarea { height: auto; min-height: 240px; border: #c4c4c0 1px solid; border-radius: 10px; padding: 10px; }

.jia-jian { width: 130px; height: 41px; border-radius: 3px; border: #d6d6d6 1px solid; position: relative; }
.jia-jian .jian, .jia-jian .jia { width: 40px; height: 40px; background: url("../images/num-jian.png") 0 0 no-repeat; background-size: 100% 100%; outline: none; cursor: pointer; position: absolute; top: 0; border: none; }
.jia-jian .jian { left: 0; }
.jia-jian .jia { background-image: url("../images/num-jia.png"); right: 0; }
.jia-jian .num { width: 50px; height: 38px; text-align: center; border: none; position: absolute; top: 0; left: 40px; }
.jia-jian a { height: 40px; width: 40px; display: block; position: absolute; right: -40px; background: url("../images/arrow-r2.png") center center no-repeat; background-size: 16px 23px; top: 0; }

.overly { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); position: fixed; left: 0; top: 0; z-index: 99; display: none; }

.alert-xxx { position: fixed; top: 0; width: 80%; left: 10%; background-color: #f1f2f6; z-index: 999; display: none; }
.alert-xxx .alert-close { width: 80px; height: 80px; position: absolute; right: -40px; top: -40px; background: url(../images/close.png) center center no-repeat; background-size: 100% 100%; display: block; z-index: 1000; }

.banner { width: 100%; margin: 0 auto; overflow: hidden; position: relative; }
.banner .hd { width: 100%; height: 22px; position: absolute; z-index: 99; bottom: 20px; text-align: center; right: 20px; }
.banner .hd ul { font-size: 0; text-align: right; }
.banner .hd ul li { display: inline-block; width: 20px; height: 20px; border-radius: 20px; background: #fff; margin: 0 10px; vertical-align: top; overflow: hidden; float: right; }
.banner .hd ul .on { background: #1b85f5; }
.banner .bd { position: relative; z-index: 0; }
.banner .bd li img { width: 100%; background: url(images/loading.gif) center center no-repeat; display: block; }
.banner .bd li a { -webkit-tap-highlight-color: transparent; }

/* 产品详情页 */
.banner2 { width: 100%; margin: 0 auto; overflow: hidden; position: relative; border-bottom: #c4c4c0 1px solid; background-color: #fff; }
.banner2 .hd { width: 100%; height: 22px; position: absolute; z-index: 99; bottom: 20px; text-align: center; }
.banner2 .hd ul { font-size: 0; text-align: center; }
.banner2 .hd ul li { display: inline-block; width: 20px; height: 20px; border-radius: 20px; background: #bfbebe; margin: 0 10px; vertical-align: top; overflow: hidden; }
.banner2 .hd ul .on { background: #646464; }
.banner2 .bd { position: relative; z-index: 0; }
.banner2 .bd li img { width: 100%; background: url(images/loading.gif) center center no-repeat; display: block; }
.banner2 .bd li a { -webkit-tap-highlight-color: transparent; }

/* 多风格首页 */
.banner3 { width: 100%; margin: 0 auto; overflow: hidden; position: relative; border-bottom: #c4c4c0 1px solid; background-color: #fff; }
.banner3 .hd { width: 100%; height: 22px; position: absolute; z-index: 99; bottom: 20px; text-align: center; }
.banner3 .hd ul { font-size: 0; text-align: center; }
.banner3 .hd ul li { display: inline-block; width: 20px; height: 20px; border: #fff 1px solid; margin: 0 10px; vertical-align: top; overflow: hidden; }
.banner3 .hd ul .on { background: #fff; }
.banner3 .bd { position: relative; z-index: 0; }
.banner3 .bd li img { width: 100%; background: url(images/loading.gif) center center no-repeat; display: block; }
.banner3 .bd li a { -webkit-tap-highlight-color: transparent; }

.tabBox { font-weight: lighter; margin-top: 10px; font-size: 24px; border-top: #c4c4c0 1px solid; }
.tabBox .hd { padding: 10px; width: 100%; }
.tabBox .hd ul { width: 100%; height: 80px; line-height: 80px; font-size: 28px; overflow: hidden; border: #c4c4c0 1px solid; }
.tabBox .hd li { height: 80px; line-height: 80px; float: left; text-align: center; width: 50%; border-bottom: #0a5fce 8px solid; border-bottom-color: #fff; background-color: #fff; }
.tabBox .hd li a { color: #666; }
.tabBox .hd li.on { display: block; border-bottom: #0a5fce 8px solid; background-color: #e6e7e7; }
.tabBox .bd { width: 100%; }
.tabBox .con { padding-left: 25px; }
.tabBox .item { width: 270px; height: 330px; float: left; margin: 10px; background-color: #fff; border: #c4c4c0 1px solid; border-radius: 10px; overflow: hidden; position: relative; padding: 1px; }
.tabBox .item:first-child { margin-left: 10px; }
.tabBox .item img { width: 100%; height: 200px; display: block; bottom: 10px; position: relative; top: 2px; }
.tabBox .item h3 { width: 100%; font-size: 20px; padding: 0 10px; margin-top: 10px; }
.tabBox .item p { font-size: 16px; color: #aeaeae; padding: 100%; padding: 0 10px; }
.tabBox .item b { font-size: 24px; color: red; margin-right: 20px; }
.tabBox .hart { width: 40px; height: 40px; display: block; background: url("../images/hart1.png") center center no-repeat; background-size: 40px 40px; position: absolute; top: 10px; right: 10px; z-index: 99; }
.tabBox .hart.on { background-image: url(../images/hart2.png); }
.tabBox .jr { width: 66px; height: 66px; display: block; background: url("../images/cj-icon-5.png") center center no-repeat; background-size: 66px 66px; position: absolute; top: 0px; left: 0px; z-index: 99; display: none; }

.tabBox13 { font-weight: lighter; margin-top: 10px; font-size: 24px; }
.tabBox13 .hd { width: 100%; }
.tabBox13 .hd ul { width: 100%; height: 80px; line-height: 80px; font-size: 28px; overflow: hidden; border-bottom: #c4c4c0 1px solid; border-top: #c4c4c0 1px solid; background-color: #f7f7f7; }
.tabBox13 .hd li { height: 60px; line-height: 60px; float: left; text-align: center; width: 25%; margin-top: 10px; border-left: #c4c4c0 1px solid; }
.tabBox13 .hd li a { color: #666; }
.tabBox13 .bd { width: 100%; }
.tabBox13 .con { padding-top: 20px; }
.tabBox13 .item { margin-bottom: 10px; background-color: #f7f7f7; border-top: #c4c4c0 1px solid; border-bottom: #c4c4c0 1px solid; padding: 10px; }
.tabBox13 .part1 { width: 100%; padding: 0 30px; font-size: 18px; text-align: left; position: relative; }
.tabBox13 .btn-more { width: 50px; height: 50px; display: block; background: url("../images/btn-more.png") center center no-repeat; background-size: 100% 100%; position: absolute; right: 20px; top: 20px; }
.tabBox13 .btn-more.on { background-image: url(../images/btn-more2.png); }
.tabBox13 .part2 { display: none; border-top: #c4c4c0 1px solid; border-bottom: #c4c4c0 1px solid; position: relative; padding: 10px; padding-left: 170px; min-height: 190px; margin-top: 10px; }
.tabBox13 .part2 .img { width: 160px; height: 160px; border: #c4c4c0 1px solid; position: absolute; left: 0; top: 10px; background-color: #fff; }
.tabBox13 .part2 img { width: 100%; margin: auto 0; }
.tabBox13 .part2 h3 { font-size: 28px; }
.tabBox13 .part2 .price { font-size: 27px; margin-top: 40px; }
.tabBox13 .part2 b { font-size: 36px; color: red; margin-right: 10px; }
.tabBox13 .part2 p { font-size: 24px; color: #4a4a4a; }
.tabBox13 .part3 { display: none; padding: 10px 0; }
.tabBox13 .part3 p { width: 100%; text-align: right; }
.tabBox13 .part3 .total { font-size: 27px; }
.tabBox13 .part3 b { font-size: 36px; color: red; margin-right: 10px; }
.tabBox13 .part3 a { display: inline-block; padding: 0 20px; border-radius: 10px; border: #c4c4c0 1px solid; margin-left: 10px; height: 50px; line-height: 50px; margin-top: 10px; }

.top-nav { height: 98px; width: 640px; line-height: 98px; background-color: #1d1a21; position: fixed; top: 0; z-index: 100; overflow: hidden; }
.top-nav .top-left, .top-nav .top-right { position: absolute; z-index: 10; top: 23px; }
.top-nav a { color: #fff; }
.top-nav .top-left { height: 50px; padding-left: 40px; line-height: 50px; background: url(../images/back.png) 0 center no-repeat; background-size: 50px 50px; left: 0; font-size: 32px; }
.top-nav h3 { text-align: center; width: 100%; line-height: 98px; font-size: 32px; color: #fff; }
.top-nav .top-right { right: 20px; }
.top-nav .top-right img { width: 50px; height: 50px; display: block; }

.slide-nav { width: 236px; position: fixed; top: 98px; right: 0; display: none; z-index: 999; background-color: #666; font-size: 26px; }
.slide-nav li { width: 100%; height: 72px; line-height: 72px; text-align: center; margin-top: 1px; background-color: #eee; }
.slide-nav li a { font-size: 26px; color: #4e4e4e; width: 100%; height: 72px; line-height: 72px; }
.slide-nav li.on a, .slide-nav li:hover a { color: #1b85f5; }

.top-nav2 { height: 98px; width: 640px; line-height: 98px; background-color: #0a5fce; position: fixed; top: 0; z-index: 100; overflow: hidden; }
.top-nav2 h3 { text-align: center; width: 100%; line-height: 98px; font-size: 32px; color: #fff; }
.top-nav2 .back { display: block; position: absolute; z-index: 99; width: 88px; height: 88px; left: 0; top: 0; background: url("../images/back2.png") left top no-repeat; background-size: 100% 100%; }
.top-nav2 .btn-nav2 { display: block; position: absolute; z-index: 99; width: 88px; height: 88px; right: 0; top: 0; background: url("../images/btn-nav3.png") left top no-repeat; background-size: 100% 100%; }

.btn-nav-bar { width: 100%; height: 80px; line-height: 80px; background-color: #e5e5e5; position: relative; }
.btn-nav-bar .btn-nav2 { display: block; position: absolute; z-index: 99; width: 80px; height: 80px; left: 0; top: 0; background: url("../images/btn-nav2.png") left top no-repeat; background-size: 100% 100%; }

.slide-nav2 { width: 100%; max-width: 640px; background-color: #fff; position: fixed; top: 0; z-index: 100; overflow: hidden; top: 98px; display: none; }

.slide-nav-left { width: 140px; float: left; position: relative; z-index: 9; }
.slide-nav-left a { display: block; height: 88px; line-height: 88px; padding-left: 10px; background: url("../images/arrow-r2.png") 90% center no-repeat #d2d2d2; background-size: 16px 23px; border: #c4c4c0 1px solid; border-top-color: #fff; }
.slide-nav-left .on { background-color: #fff; border: none; width: 142px; }

.slide-nav-right { width: 500px; float: right; border: #c4c4c0 1px solid; padding-left: 10px; }
.slide-nav-right .item { width: 240px; overflow: hidden; float: left; text-align: center; height: 200px; overflow: hidden; }
.slide-nav-right .item img { display: block; margin: 0 auto; max-height: 150px; }
.slide-nav-right .item span { width: 100%; display: block; text-align: center; }

.bnav { width: 640px; position: fixed; bottom: 0; z-index: 100; height: 105px; background-color: #f0f0f0; border-top: #c6c6c6 1px solid; }
.bnav li { width: 18%; text-align: center; height: 100%; padding-top: 10px; font-weight: normal; font-size: 24px; position: absolute; }
.bnav li img { width: 50px; height: 50px; margin-left: auto; margin-right: auto; display: block; }
.bnav li.on a { color: #1b85f5; }
.bnav .li1 { left: 0; }
.bnav .li4 { right: 0; }
.bnav .li2 { left: 18%; }
.bnav .li3 { right: 18%; }
.bnav .li0 { left: 50%; width: 130px; margin-left: -65px; top: -55px; }
.bnav .li0 img { width: 130px; height: 118px; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.tips { width: 100%; height: 64px; line-height: 64px; background: url("../images/addr.png") 20px center no-repeat; background-size: 30px 34px; padding-left: 60px; color: #000; }
.tips span { float: right; margin-right: 20px; }

.tips2 { width: 100%; height: 60px; line-height: 60px; border-top: #c4c4c0 1px solid; border-bottom: #c4c4c0 1px solid; background: url("../images/icon2.png") 20px center no-repeat #fff; background-size: 34px 27px; padding-left: 60px; }
.tips2 i { display: inline-block; padding: 0px 5px; border: red 1px solid; color: red; border-radius: 10px; line-height: 30px; font-size: 20px; position: relative; top: -2px; margin: 0 5px; margin-right: 10px; }

.title { font-size: 24px; color: #1b85f5; margin-top: 20px; width: 100%; padding: 0 20px; }

.huodong { width: 100%; padding: 5px; }
.huodong a { width: 200px; height: 98px; display: block; float: left; margin: 5px; }

.cnav { width: 100%; padding: 0 10px; }
.cnav li { width: 144px; height: 144px; border-radius: 10px; background-color: #f0f0f0; overflow: hidden; border: #c4c4c0 1px solid; float: left; margin: 5px; }
.cnav img { width: 64px; height: 64px; display: block; margin: 0 auto; margin-top: 20px; }
.cnav span { display: block; width: 100%; text-align: center; font-size: 20px; }

.huodong2 { width: 100%; padding: 5px 10px; }
.huodong2 a { width: 297px; height: 148px; display: block; float: left; margin: 5px; }

.product { width: 100%; padding: 5px 20px; }
.product li { width: 190px; height: 250px; float: left; margin-left: 10px; background-color: #fff; border: #c4c4c0 1px solid; border-radius: 10px; overflow: hidden; position: relative; }
.product li:first-child { margin-left: 0; }
.product li img { width: 100%; height: 150px; display: block; bottom: 10px; }
.product li h3 { width: 100%; font-size: 20px; padding: 0 10px; margin-top: 10px; }
.product li p { font-size: 16px; color: #aeaeae; padding: 100%; padding: 0 10px; }
.product li b { font-size: 24px; color: red; margin-right: 20px; }
.product .hart { width: 25px; height: 25px; display: block; background: url("../images/hart1.png") center center no-repeat; background-size: 25px 25px; position: absolute; top: 10px; right: 10px; z-index: 99; }
.product .hart.on { background-image: url(../images/hart2.png); }

.ad { width: 100%; padding: 10px 20px; }

.product2 { width: 100%; padding: 5px 20px; }
.product2 li { width: 190px; height: 250px; float: left; margin-left: 10px; background-color: #fff; border: #c4c4c0 1px solid; border-radius: 10px; overflow: hidden; }
.product2 li:first-child { margin-left: 0; }
.product2 li img { width: 100%; height: 150px; display: block; bottom: 10px; }
.product2 li h3 { width: 100%; font-size: 20px; padding: 0 10px; margin-top: 10px; }
.product2 li p { font-size: 16px; color: #aeaeae; padding: 100%; padding: 0 10px; }
.product2 li b { font-size: 24px; color: red; margin-right: 20px; }

.tel { width: 100%; padding: 10px 20px; font-size: 20px; line-height: 30px; }
.tel a { display: block; float: left; width: 280px; height: 92px; border-radius: 10px; border: #c4c4c0 1px solid; overflow: hidden; padding-top: 16px; background: url("../images/tel.png") center center no-repeat #f0f0f0; background-size: 65px 61px; }
.tel span { display: block; width: 100%; text-align: center; }
.tel a:first-child { margin-right: 20px; }

/* 商品列表页 */
.product-p2 { width: 100%; padding: 5px 30px; margin-top: 20px; }
.product-p2 li { width: 270px; height: 330px; float: left; margin: 10px; background-color: #fff; border: #c4c4c0 1px solid; border-radius: 10px; overflow: hidden; position: relative; padding: 1px; }
.product-p2 li:first-child { margin-left: 10px; }
.product-p2 li img { width: 100%; height: 200px; display: block; bottom: 10px; position: relative; top: 2px; }
.product-p2 li h3 { width: 100%; font-size: 20px; padding: 0 10px; margin-top: 10px; }
.product-p2 li p { font-size: 16px; color: #aeaeae; padding: 100%; padding: 0 10px; }
.product-p2 li b { font-size: 24px; color: red; margin-right: 20px; }
.product-p2 .hart { width: 40px; height: 40px; display: block; background: url("../images/hart1.png") center center no-repeat; background-size: 40px 40px; position: absolute; top: 10px; right: 10px; z-index: 99; }
.product-p2 .hart.on { background-image: url(../images/hart2.png); }

/* 产品详情页 */
.procduct-details { width: 100%; }
.procduct-details .part1 { background-color: #f7f7f7; padding: 10px 20px; border-bottom: #c4c4c0 1px solid; }
.procduct-details .part1 h1 { width: 100%; font-size: 32px; padding: 0 10px; margin-top: 10px; color: #000; line-height: 60px; }
.procduct-details .part1 p { font-size: 16px; color: #333; padding: 100%; padding: 0 10px; line-height: 40px; }
.procduct-details .part1 b { font-size: 32px; color: red; margin-right: 20px; font-weight: normal; }
.procduct-details .part1 span { float: right; }
.procduct-details .part2 { width: 100%; }
.procduct-details .part2 h3 { height: 60px; line-height: 60px; background: url("../images/arrow-d2.png") 96% center no-repeat #f7f7f7; background-size: 18px 11px; margin: 20px 0; border-top: #c4c4c0 1px solid; border-bottom: #c4c4c0 1px solid; padding-left: 20px; color: #000; }
.procduct-details .part2 .con { width: 100%; padding: 0 20px; font-size: 20px; }
.procduct-details .part3 { height: 100px; width: 100%; background-color: #e5e5e5; border-top: #c4c4c0 1px solid; line-height: 100px; padding: 0 20px; }
.procduct-details .part3 b { font-size: 32px; color: red; margin-right: 20px; font-weight: normal; }
.procduct-details .part3 .btn-exchange { float: right; background-color: #0a5fce; padding: 0 20px; height: 60px; line-height: 60px; color: #fff; display: inline-block; border-radius: 10px; margin-top: 20px; }

/* 个人中心 */
.user { width: 100%; background-color: #fff; padding-bottom: 2px; }
.user .part1 { position: relative; padding: 20px; padding-left: 220px; min-height: 180px; }
.user .part1 h3 { margin-bottom: 20px; }
.user .part1 i { width: 32px; height: 32px; display: inline-block; background: url("../images/star1.png") left top no-repeat; background-size: 100% 100%; }
.user .face { width: 140px; height: 140px; border-radius: 140px; border: #c4c4c0 1px solid; background-color: #f7f7f7; position: absolute; left: 20px; top: 20px; }
.user .percent { width: 300px; background-color: #ebebeb; height: 20px; line-height: 20px; border-radius: 20px; overflow: hidden; position: relative; margin-top: 10px; }
.user .percent span { position: absolute; left: 0; top: 0; height: 20px; min-width: 20%; background: url("../images/percent.png") left top repeat-x; background-size: 6px 20px; border-radius: 20px; font-size: 18px; text-align: right; }
.user .part2 { width: 100%; background-color: #f7f7f7; }
.user .part2 li { width: 33.33%; float: left; margin-bottom: 10px; margin: 20px 0px; }
.user .part2 li:nth-child(1), .user .part2 li:nth-child(2) { border-right: #c4c4c0 1px solid; }
.user .part2 span, .user .part2 b { display: block; width: 100%; text-align: center; }

.user-operate { margin-top: 20px; background-color: #fff; padding: 0 4px; }
.user-operate a { display: block; width: 100%; height: 80px; line-height: 80px; padding: 0 20px; background: url("../images/arrow-r.png") 98% center no-repeat; background-size: 14px 22px; }
.user-operate li { padding-left: 70px; background: url("../images/user-icon1.png") 20px center no-repeat; background-size: 50px 50px; border-bottom: #c4c4c0 1px solid; }
.user-operate li:last-child { border: none; }
.user-operate .icon1 { background-image: url(../images/user-icon1.png); }
.user-operate .icon2 { background-image: url(../images/user-icon2.png); }
.user-operate .icon3 { background-image: url(../images/user-icon3.png); }
.user-operate .icon4 { background-image: url(../images/user-icon4.png); }
.user-operate .icon5 { background-image: url(../images/user-icon5.png); }

/* 购物车 */
.shopping-car { width: 100%; padding-bottom: 120px; }
.shopping-car .part1 { padding: 20px; width: 100%; }
.shopping-car .part1 span, .shopping-car .part1 b { float: right; }
.shopping-car .part1 b { color: red; }
.shopping-car .part2 { width: 100%; margin-top: 10px; }
.shopping-car .part2 h2 { background-image: -webkit-linear-gradient(bottom, #c8c8c8, #fcfcfc); background-image: linear-gradient(to top, #c8c8c8, #fcfcfc); width: 100%; height: 80px; border-top: #c4c4c0 1px solid; line-height: 80px; font-size: 24px; padding: 0 20px; margin-bottom: 1px; }
.shopping-car .part2 h2 a { float: right; color: #1b85f5; }
.shopping-car .part2 .item { width: 100%; }
.shopping-car .part2 .item label { margin-top: 10px; }
.shopping-car .part2 .con { width: 100%; height: 222px; border-bottom: #c4c4c0 1px solid; padding: 20px; padding-left: 200px; padding-top: 80px; position: relative; background-color: #f6f8f8; }
.shopping-car .part2 .con .img { width: 160px; height: 160px; border-radius: 3px; border: #c4c4c0 1px solid; background-color: #fff; position: absolute; left: 20px; top: 20px; }
.shopping-car .part2 .con .img img { width: 100%; height: 100%; }
.shopping-car .part2 .con h3 { width: 100%; font-size: 20px; padding: 0 10px; margin-top: 10px; }
.shopping-car .part2 .con p { font-size: 16px; color: #aeaeae; padding: 100%; padding: 0 10px; }
.shopping-car .part2 .con b { font-size: 24px; color: red; margin-right: 20px; }
.shopping-car .title { width: 100%; height: 60px; line-height: 60px; background-color: #ececec; padding: 0 20px; }
.shopping-car .title label { float: right; padding-left: 40px; background: url("../images/checkbox.png") left center no-repeat; background-size: 40px 40px; position: relative; height: 40px; }
.shopping-car .title label.on { background-image: url(../images/checkbox-on.png); }
.shopping-car .title label input[type=checkbox] { left: 15px; top: 15px; position: absolute; opacity: 0; }
.shopping-car .jia-jian { position: absolute; top: 20px; right: 60px; }
.shopping-car .part3 { width: 100%; max-width: 640px; position: fixed; bottom: 0; height: 100px; background-color: #e6e7e7; border-top: #c4c4c0 1px solid; padding: 10px 20px; }
.shopping-car .part3 label { float: left; padding-left: 40px; background: url("../images/checkbox.png") left center no-repeat; background-size: 40px 40px; margin-top: 20px; position: relative; height: 40px; }
.shopping-car .part3 label.on { background-image: url(../images/checkbox-on.png); }
.shopping-car .part3 label input[type=checkbox] { left: 15px; top: 15px; position: absolute; opacity: 0; }
.shopping-car .part3 .center { float: left; margin-left: 20px; max-width: 300px; margin-top: 5px; }
.shopping-car .part3 .center i { color: red; }
.shopping-car .part3 .btn-pay { float: right; background-color: #0a5fce; padding: 0 30px; height: 50px; line-height: 50px; color: #fff; display: inline-block; border-radius: 25px; margin-top: 15px; }

/* 订单详情 */
.order-details { width: 100%; padding: 20px 0; }
.order-details .part1 { width: 100%; border-top: #c4c4c0 1px solid; border-bottom: #c4c4c0 1px solid; padding: 20px 45px; padding-left: 90px; background: url("../images/addr2.png") 25px center no-repeat #f7f7f7; background-size: 31px 49px; }
.order-details .part2 { width: 100%; margin-top: 20px; border-top: #c4c4c0 1px solid; }
.order-details .item { width: 100%; border-bottom: #c4c4c0 1px solid; padding: 20px; padding-left: 200px; position: relative; background-color: #f6f8f8; }
.order-details .item .img { width: 160px; height: 160px; border-radius: 3px; border: #c4c4c0 1px solid; background-color: #fff; position: absolute; left: 20px; top: 20px; }
.order-details .item .img img { width: 100%; height: 100%; }
.order-details .item h3 { width: 100%; font-size: 20px; padding: 0 10px; margin-top: 10px; margin-bottom: 20px; }
.order-details .item p { font-size: 16px; padding: 100%; padding: 0 10px; }
.order-details .item b { font-size: 32px; color: red; margin-right: 20px; font-weight: normal; }
.order-details .btn-refundment { float: right; padding: 0 30px; border: #c4c4c0 1px solid; background-color: #fff; height: 40px; line-height: 40px; box-shadow: -1px -1px 1px 0px #666; }
.order-details .total { width: 100%; padding: 10px 45px; background-color: #fff; border-bottom: #c4c4c0 1px solid; }
.order-details .total p { width: 100%; }
.order-details .total b, .order-details .total span { float: right; }
.order-details .total b { color: red; font-weight: normal; }
.order-details .btm-operate { width: 100%; height: 70px; line-height: 70px; background-color: #f7f7f7; border-bottom: #c4c4c0 1px solid; }
.order-details .btm-operate a { display: block; float: left; width: 50%; height: 50px; line-height: 50px; margin-top: 10px; text-align: center; }
.order-details .btm-operate .a1 { border-right: #c4c4c0 1px solid; }
.order-details .btm-operate i { display: inline-block; width: 28px; height: 28px; background: url("../images/icon-tel.png") left top no-repeat; background-size: 100% 100%; position: relative; top: 5px; margin-right: 20px; }
.order-details .btm-operate .a2 i { background-image: url(../images/icon-tel2.png); }
.order-details .part3 { width: 100%; border-top: #c4c4c0 1px solid; border-bottom: #c4c4c0 1px solid; padding: 20px 45px; background-color: #f7f7f7; margin-top: 20px; }

/* 评价 */
.comment { width: 100%; }
.comment h3 { width: 100%; text-align: center; line-height: 80px; }
.comment li { height: 80px; line-height: 80px; padding: 0 45px; border-bottom: #c4c4c0 1px solid; background-color: #fff; }
.comment ul { border-top: #c4c4c0 1px solid; }
.comment i { width: 44px; height: 44px; display: inline-block; background: url("../images/star.png") left top no-repeat; background-size: 100% 100%; margin-top: 20px; }
.comment i.on { background-image: url(../images/star-on.png); }
.comment span { margin-right: 80px; line-height: 80px; float: left; }
.comment .txt { width: 100%; height: auto; }
.comment .txt textarea { width: 100%; height: 200px; margin: 0; border: none; }
.comment .tj { width: 100%; background: transparent; border: none; text-align: center; }
.comment input[type=submit] { background-color: #0a5fce; padding: 0 60px; height: 60px; line-height: 60px; color: #fff; display: inline-block; border-radius: 25px; margin-top: 15px; font-size: 32px; }

/* 通用 首页 */
.festival { width: 100%; margin-bottom: 550px; }
.festival .three { width: 100%; padding: 20px; }
.festival .three li { width: 33.33%; float: left; }
.festival .three i { display: block; margin: 10px auto; width: 55px; height: 55px; border-radius: 55px; background: url("../images/ty-icon-1.png") left top no-repeat; background-size: 100% 100%; }
.festival .three span { text-align: center; width: 100%; display: block; }
.festival .three b { color: red; font-weight: normal; }
.festival .three .icon1 { background-image: url(../images/ty-icon-1.png); }
.festival .three .icon2 { background-image: url(../images/ty-icon-2.png); }
.festival .three .icon3 { background-image: url(../images/ty-icon-3.png); }
.festival .search { width: 100%; height: 80px; line-height: 80px; position: relative; padding: 0 10px; }
.festival .search input[type=text] { width: 100%; height: 80px; border-radius: 0; border: none; background-color: #e6e7e7; outline: none; }
.festival .search input[type=submit] { width: 80px; height: 80px; display: block; border: none; background: url("../images/search.png") center center no-repeat #c4c5c5; background-size: 36px 36px; position: absolute; top: 0; right: 10px; }
.festival .title { width: 100%; height: 60px; line-height: 60px; padding: 0 20px; color: #666; padding-left: 60px; font-weight: bold; overflow: hidden; background: url("../images/ty-icon-4.png") 20px center no-repeat; background-size: 49px 49px; }
.festival .title .more { float: right; color: #1b85f5; font-weight: normal; }
.festival .title.ts { background-image: url(../images/ty-icon-6.png); }
.festival .list { width: 100%; padding: 20px 30px; }
.festival .list .item { width: 270px; height: 330px; float: left; margin: 10px; background-color: #fff; border: #c4c4c0 1px solid; border-radius: 10px; overflow: hidden; position: relative; padding: 1px; }
.festival .list .item:first-child { margin-left: 10px; }
.festival .list .item img { width: 100%; height: 200px; display: block; bottom: 10px; position: relative; top: 2px; }
.festival .list .item h3 { width: 100%; font-size: 20px; padding: 0 10px; margin-top: 10px; }
.festival .list .item p { font-size: 16px; color: #aeaeae; padding: 100%; padding: 0 10px; }
.festival .list .item b { font-size: 24px; color: red; margin-right: 20px; }
.festival .list .hart { width: 40px; height: 40px; display: block; background: url("../images/hart1.png") center center no-repeat; background-size: 40px 40px; position: absolute; top: 10px; right: 10px; z-index: 99; }
.festival .list .hart.on { background-image: url(../images/hart2.png); }
.festival .list .jr { width: 66px; height: 66px; display: block; background: url("../images/cj-icon-5.png") center center no-repeat; background-size: 66px 66px; position: absolute; top: 0px; left: 0px; z-index: 99; display: none; }
.festival.cj .three .icon1 { background-image: url(../images/cj-icon-1.png); }
.festival.cj .three .icon2 { background-image: url(../images/cj-icon-2.png); }
.festival.cj .three .icon3 { background-image: url(../images/cj-icon-3.png); }
.festival.cj .title { background-image: url("../images/cj-icon-4.png"); }
.festival.cj .tabBox .jr { background-image: url("../images/cj-icon-5.png"); display: block; }
.festival.cj .list .jr { background-image: url("../images/cj-icon-5.png"); display: block; }
.festival.hbj .three .icon1 { background-image: url(../images/hbj-icon-1.png); }
.festival.hbj .three .icon2 { background-image: url(../images/hbj-icon-2.png); }
.festival.hbj .three .icon3 { background-image: url(../images/hbj-icon-3.png); }
.festival.hbj .title { background-image: url("../images/hbj-icon-4.png"); }
.festival.hbj .tabBox .jr { background-image: url("../images/hbj-icon-5.png"); display: block; }
.festival.hbj .list .jr { background-image: url("../images/hbj-icon-5.png"); display: block; }
.festival.psj .three .icon1 { background-image: url(../images/psj-icon-1.png); }
.festival.psj .three .icon2 { background-image: url(../images/psj-icon-2.png); }
.festival.psj .three .icon3 { background-image: url(../images/psj-icon-3.png); }
.festival.psj .title { background-image: url("../images/psj-icon-4.png"); }
.festival.psj .tabBox .jr { background-image: url("../images/psj-icon-5.png"); display: block; }
.festival.psj .list .jr { background-image: url("../images/psj-icon-5.png"); display: block; }