@charset 'utf-8';
/* 2017-06-12 */

.m-icon{display:inline-block; vertical-align:middle; margin-right:4px; }
.m-icon+span { vertical-align:middle; }

.m-icon-left,
.m-icon-right,
.m-icon-down,
.m-icon-up { background:url(../images/icon_09.png) no-repeat; }

.m-icon-left,
.m-icon-right { width:7px; height:11px; margin:0 10px; }
.m-icon-up,
.m-icon-down { width:11px; height:7px; margin:0 4px; }
.m-icon-right { background-position:-7px; }
.m-icon-up { background-position:-25px -2px; }
.m-icon-down { background-position:-14px -2px; }

.m-icon-close { width:18px; height:18px; background:url(../images/icon_10.png) no-repeat; margin:0 4px; }
.m-icon-arrow { width:7px; height:11px; background:url(../images/icon_11.png) no-repeat; }

.m-icon-star,
.m-icon-preview,
.m-icon-shopCart,
.m-icon-share,
.m-icon-heart,
.m-icon-scan { background:url(../images/icon_13.png) no-repeat; }
.m-icon-star { width:12px; height:12px; }
.m-icon-preview { width:16px; height:11px; background-position:-12px -1px; }
.m-icon-shopCart { width:15px; height:13px; background-position:-28px 0; }
.m-icon-share { width:15px; height:16px; background-position:0 -13px; }
.m-icon-heart { width:15px; height:16px; background-position:-15px -13px; }
.m-icon-scan { width:16px; height:16px; background-position:-30px -13px; }

.m-icon-line-down { width:51px; height:51px; background:url(../images/icon_18.png) no-repeat -157px 0; }

.m-icon-computer,
.m-icon-phone,
.m-icon-app,
.m-icon-wechat,
.m-icon-slash,
.m-icon-pad { background:url(../images/icon_18.png) no-repeat; }
.m-icon-computer { width:48px; height:50px; background-position:0 0; }
.m-icon-phone { width:25px; height:50px; background-position:-48px 0; }
.m-icon-app { width:25px; height:50px; background-position:-73px 0; }
.m-icon-wechat { width:25px; height:50px; background-position:-98px 0; }
.m-icon-pad { width:34px; height:50px; background-position:-123px 0; }
.m-icon-slash { width:14px; height:20px; background-position:-209px 0; }

.ad { margin:60px 40px; padding-bottom:90px; background:url(../images/img_15.jpg) no-repeat center bottom; }
.ad h2 { text-align:center; font-size:34px; color:#333; font-weight:500; }
@media screen and (max-width:630px) {
    .ad { background-size:100% auto; margin:30px; padding-bottom:75px;}
    .ad h2 { font-size:32px; }
}

.filter-head { margin-bottom:10px; }
.filter-head-l { float:left; }
.filter-head-r { float:right; }

.filter-content { clear:both; border:1px solid #e3e3e3; padding:0 26px; margin:10px 0 20px; }
.hide { display:none; }

.filter-box { width:100%; }
.filter-box tr { border-top:1px solid #efefef; }
.filter-box tr.sub { border-top:0; }
.filter-box tr.sub td { border-top:1px solid #efefef; }
.filter-box tr.sub td:first-child { border-top:0; }
.filter-box tr:first-child { border-top:0; }
.filter-box td { padding-top:10px; }
.filter-key,
.filter-btns { vertical-align:top; white-space:nowrap; }
.filter-key { width:6em; line-height:1.6; color:#aaa; }
.filter-box .filter-btns { padding-top:7px; font-size:12px; }

.filter-box .m-radio { margin:0 20px 10px 0; }
.filter-box .m-radio-img { margin-bottom:10px; }

.filter-brand { font-size:0; }
.filter-brand .filter-brand-item { width:126px; height:44px; margin-right:-1px; }
.filter-brand-img { width:100%; height:100%; border:1px solid transparent; }
.m-radio-img-input:checked+.filter-brand-img { border-color:#666; }

.toggle-checkbox-btn.active { background-color:#2196f3; color:#fff; }

.color { display:inline-block; width:14px; height:14px; }
.color-red { background-color:red; }
.color-black { background-color:black; }
.color-blue { background-color:blue; }
.color-green { background-color:green; }
.color-yellow { background-color:yellow; }
.color-orange { background-color:orange; }
.color-white { background-color:#f1f1f1; }

.main { padding:20px 0; background-color:#f8f8f8; }
.sort { background-color:#fff; padding:14px; }

/* 排序 */
.sort-btns { width:100%; font-size:0; }
.sort-btn { position:relative; display:inline-block; width:12%; border:1px solid #cdcdcd; font-size:14px; margin-right:-1px; }
.sort-btns i { margin:0 0 0 2px; display: inline-block; }
.sort-btn-bg { display:inline-block; width:100%; height:100%; padding:3px 0; text-align:center; }
.m-radio-img-input:checked+.sort-btn-bg { background-color:#fb5b5f; color:#fff; }
.m-radio-img-input:checked+.sort-btn-bg .m-icon-arrow { background-position:-7px; }

/* 地区 */
.addrBox { position:relative; display:inline-block; width:100%; padding:6px 0; margin:6px 0; border:1px solid #cdcdcd; cursor:pointer; }
.addrBox-text { margin:0 28px 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.addrBox-text i { position:absolute; right:6px; top:50%; margin-top:-3px; }
.addrBox-main { display:none; z-index:10; position:absolute; left:0; top:100%; width:100%; min-width:200px; background-color:#fff; box-shadow:0px 2px 6px rgba(0,0,0,.2); }
.addrBox-main.show { display:block; }
.addrBox-main ul { margin:0; padding:0; font-size:0; }
.addrBox-main li { display:inline-block; width:5em; margin:5px 0 5px 2em; padding:4px 0; font-size:12px; cursor:pointer; }
.addrBox-province>li.active { color:#2196f3; }
.addrBox-main .addrBox-sub { display:block; width:100%; margin:0; padding:0; background-color:#f1f1f1; }

/* 搜索 */
.search { position:relative; top:50%; float:right; width:100%; height:28px; border:1px solid #e6e7e9; background-color:#fff; border-radius:20px; overflow:hidden; }
.search input { display:inline-block; outline:0; vertical-align:top; }
.search [type="text"] { display:block; width:80%; height:28px; padding:0 16px; border:0; background:none; line-height:28px; }
.search [type="submit"] { position:absolute; right:0; width:47px; height:100%; border:0; background:#e6e7e9 url(../images/icon_12.png) no-repeat center center; }
.search [type="submit"]:hover{background-color:#d5d5d5;}

/* 分页 */
.pages { margin:53px 0; text-align:center; }
.pages-items { display:inline-block; border:1px solid #ddd; border-radius:6px; font-size:0; overflow:hidden; }
.pages-item { display:inline-block; height:38px; line-height:38px; padding:0 18px; text-align:center; background-color:#fff; border-left:1px solid #ddd; font-size:14px; vertical-align:middle; }
.pages-item:first-child { border:0; }
.pages-item.active { background-color:#00c9e2; color:#fff; }
@media screen and (max-width: 991px) {
    .sort-btn{width:18%;}
}
@media screen and (max-width:767px) {
    .sort-btn,
    .search { float:none; }
}
@media screen and (max-width:576px) {
    .sort-btns{margin-bottom:15px;}
    .sort-btn{width:25%;}
}

/* 商品列表 */
.goods-list { width:1160px; margin-left:-15px; margin-bottom:0; list-style:none; padding:0; }
.goods-list li { float:left; box-sizing:border-box; width:33.33%; padding: 30px 15px 0 15px; padding-bottom:0; }
.goods { width:100%; margin-bottom:30px; background-color:#fff; border-radius:2px; transition:box-shadow .4s ease-out; }
.goods:hover { box-shadow:0 0 16px rgba(0,0,0,.1); }
.goodsBody{padding:15px 15px;}
.goods-img { display:block; width:100%; height:218px; overflow:hidden; }
.goods-img img { width:100%; }
.goods-text { padding:0 30px 20px; }
.goods-price { font-size:16px; color:#f65850; line-height:1;}
.goods-price b{font-size:24px; line-height:1; font-family:"Arial";}
.goods-title { font-weight:bold; font-size:16px; margin-top:7px;}
.goods-info { font-size:12px; color:#9b9b9b; margin-top:5px;}
.goods-info span { padding-right:10px; }
.goods-btn { font-size:0; text-align:center; margin-top:10px;}
.goods-btn a { display:inline-block; width:45%; padding:6px 0; border:1px solid #f65850; font-size:14px; margin-right:-1px; text-align:center; border-radius:18px; margin-right:5%;}
.goods-btn a:hover{opacity:0.8;}
.goods-btn i { margin-right:8px; vertical-align:middle; }
.goods-btn span { vertical-align:middle; }
.goods-btn .goods-btn-master { width:50%; background-color:#f65850; color:#fff; margin-right:0;}
@media screen and (max-width: 1199px) {
    .goods-list { width:960px; }
    /*.goods { width:300px; }*/
}
@media screen and (max-width: 991px) {
    .goods-list { width:740px; }
    .goods-list li { width:50%; }
}
@media screen and (max-width: 767px) {
    .goods-list { width:100%; margin-left:-10px; }
    .goods-list li { width:50%; padding:10px; }
}
@media screen and (max-width: 630px) {
    .goods-list { width:100%; margin:0; }
    .goods-list li { width:100%; padding:0; margin-top:15px; }
}

/* 套餐 */
.package-list { width:1160px; margin:-10px; list-style:none; padding:0; }
.package-list li { float:left; box-sizing:border-box; width:50%; padding:10px; }

/* 套餐 item */
.package { position:relative; padding:10px 10px 30px; background-color:#fff; }
.package-top { padding:28px; background-color:#e7ebf8; }
.package-bottom { position:relative; }
.package-title { margin-left:260px; }
.package-img { float:left; width:260px; height:186px; margin-left:-260px; padding:4px; overflow:hidden; }
.package-img img { width:100%; }
.package-name { margin:16px 0 10px 20px; font-size:22px; color:#000; }
.package-text { margin:10px 0 10px 20px; color:#7d7d7d; }
.package-price { background:linear-gradient(to right, rgba(255,255,255,0), #fff, rgba(255,255,255,1)); padding:6px 8px; margin-bottom:20px; border-radius:0 36px 36px 0; white-space:nowrap; /*color:#f65850;*/ }
.package-price-original { text-decoration:line-through; }
/*.package-price-now { font-size:20px; }*/
.package-btns { margin-left:16px; font-size:0; white-space:nowrap; }
.package-btn { margin-right:6px; }
.package-btn i { margin-right:2px; }
.package-top .package-coupon { margin:20px 0; }
.package-coupon { margin-bottom:0; }
.package-coupon span { vertical-align:middle; }
.package-info {  border-left:1px solid #e7ebf8; border-right:1px solid #e7ebf8; }
.package-info-box { padding:20px 0 13px; margin:0 10px; border-bottom:1px dashed #ddd; }
.package-info h3 { margin:0; font-size:16px; }

.package-items { position:relative; font-size:0; height:182px; }
.package-items-box { z-index:1; position:absolute; top:0; left:-10px; width:100%; padding:0 10px 30px 10px; box-sizing:content-box; background-color:#fff; }
.package-items-main { overflow:hidden; white-space:nowrap; border:1px solid #e7ebf8; border-top:0; }
.package-items-main.open { white-space:normal; }
.package-item { display:inline-block; width:33.33%; max-width:180px; padding:16px; font-size:14px; text-align:center; }
.package-item-img { width:100%; }
.package-item-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.package-item-price { padding:0 6px; background-color:#e7ebf8; }
.package-moreBtn { z-index:2; position:absolute; right:10px; bottom:6px; background-color:#c1c1c1; padding:2px 12px; font-size:14px; border-radius:0 0 4px 4px; }

.package.package-row { display:table; border:10px solid #e7ebf8; padding:0; }
.package.package-row .package-top { display:table-cell; width:50%; }
.package.package-row .package-bottom { display:table-cell; width:50%; height:100%; border:0; vertical-align:bottom; }
.package.package-row .package-info,
.package.package-row .package-items { vertical-align:middle; }
.package.package-row .package-items-box { top:0; left:0; padding:0; }
.package.package-row .package-moreBtn { right:0; top:100%; bottom:auto; }

@media screen and (max-width:1199px) {
    .package-list { width:100%; }
    .package-title { margin-left:160px; }
    .package-img { width:160px; margin-left:-160px; }
}
@media screen and (max-width: 991px) {
    .package-list { width:100%; }
    .package-list li { width:100%; }
    .package-title { margin-left:260px; }
    .package-img { width:260px; margin-left:-260px; }
    .package.package-row { display:block; }
    .package.package-row .package-top { display:block; width:100%; }
    .package.package-row .package-bottom { display:block; width:100%; }
}

.angle-l,
.angle-r { display:inline-block; border-top:6px solid transparent; border-bottom:6px solid transparent; }
.angle-l { border-right:6px solid #666; }
.angle-r { border-left:6px solid #666; }
.pages-prev:hover>.angle-l { border-right:6px solid #00c1eb; }
.pages-next:hover>.angle-r { border-left:6px solid #00c1eb; }

/* 详情 */
.details-top,
.details-box,
.details-content { margin:30px 0; }

.details-box {}
.details-content {}

/* -- */
.banner { width:100%; height:100%; }
.banner-show { border:1px solid #e3e3e3; overflow:hidden; }
.banner-show img { display:none; max-width:100%; max-height:100%; margin:0 auto; }
.banner-show img.active { display:block; }
.banner-tabs { margin-top:18px; font-size:0; }
.banner-tab { position:relative; display:inline-block; width:54px; height:54px; margin-right:10px; border:2px solid transparent; }
.banner-tab.active { border-color: #f65850; }
.banner-tab.active:before { content:''; position:absolute; left:50%; bottom:100%; margin-left:-6px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #f65850; }

.details-id { margin-top:20px; }
.details-id a { padding-left:20px; }
.details-key { display:inline-block; color:#9d9d9d; min-width:4em; }
.details-value { display:inline-block; width:80%; vertical-align:top; }
.details-name { margin:16px 0 16px; font-size:22px; }
.details-items-name { height:32px; line-height:32px; padding:0 6px; margin:0; background:url(../images/img_16.jpg); color:#fff; }
.details-items { padding:1px 20px; background-color:#f3f3f3; }
.details-row { margin:15px 0; }
.details-items .details-original { margin-right:20px; text-decoration:line-through; }

.details-sales-tag { position:relative; display:inline-block; height:18px; line-height:18px; padding-left:4px; margin:0 10px; background:url(../images/icon_20.png) repeat-x 0 -18px; font-size:12px; }
.details-sales-tag:before,
.details-sales-tag:after { content:''; position:absolute; top:0; width:9px; height:18px; background:url(../images/icon_20.png) no-repeat; }
.details-sales-tag:before { left:-9px; }
.details-sales-tag:after { right:-9px; background-position:0 -36px; }

.details-sences { padding:10px 0; margin-top:16px; border-top:1px dashed #e6e6e6; border-bottom:1px dashed #e6e6e6; }
.details-sences span { border-right:1px solid #d7d7d7; padding:0 18px; display: inline-block;}
.details-moreBtn { float:right; margin:10px; }
.details-btns { clear:both; margin-top:25px;}
.details-btn { margin-right:12px; }
.details-tips { margin-top:22px; }
.details-tips span { margin-right:20px; font-size:12px; }

/* 标签 */
.tag { position:relative; display:inline-block; height:18px; line-height:18px; padding:0 6px; margin:0 6px; background:#ffdedf url(../images/icon_14.png) repeat-x 2px -18px; font-size:12px; vertical-align:middle; }
.tag:before { content:''; position:absolute; left:0; width:2px; height:18px; background:#ffdedf url(../images/icon_14.png) no-repeat; vertical-align:top; }
.tag:after { content:''; position:absolute; right:0; width:2px; height:18px; background:#ffdedf url(../images/icon_14.png) no-repeat 0 -36px; vertical-align:top; }

.tag-valid,
.tag-invalid { margin:0 46px 0 2px; background:url(../images/icon_21.png) repeat-x 0 -18px; color:#df3033; }
.tag-valid:hover { color:#df3033; }
.tag-valid:before,
.tag-valid:after,
.tag-invalid:before,
.tag-invalid:after { content:''; position:absolute; top:0; height:18px; background:url(../images/icon_21.png) no-repeat 0 0; color:#fff; }
.tag-valid:before,
.tag-invalid:before { left:-2px; width:2px; background-position:-34px 0; }
.tag-valid:after,
.tag-invalid:after { content:'领取'; right:-36px; width:36px; padding-left:4px; background-position:0 -36px; }

.tag-invalid { background-position:0 -72px; color:#919191; }
.tag-invalid:hover { color:#919191; }
.tag-invalid:before { background-position:-34px -54px; }
.tag-invalid:after { content:'已领'; background-position:0 -90px; }

/* 优惠卷 */
.coupon { position:absolute; top:50%; left:50%; width:366px; height:412px; margin-top:-176px; margin-left:-153px; padding:30px; background:rgba(0,0,0,.2) url(../images/img_15.png) no-repeat; background-origin:content-box; border-radius:14px; }
.coupon-title { margin-top:104px; font-size:20px; color:#fff; text-align:center; font-weight:bold; }
.coupon-text { width:246px; height:82px; margin:0 auto; background:url(../images/img_16.png) no-repeat; }
.coupon-text span { display:block; text-align:center; }
.coupon-text-top { font-size:16px; color:#fff; }
.coupon-text-top b { font-size:36px; }
.coupon-text-bottom { margin-top:8px; font-size:12px; color:#979797; }
.coupon-check { margin-top:18px; font-size:12px; color:#fb9b06; text-align:center; }
.coupon-check a { color:#fff30a; }
.coupon-btn { display:block; width:126px; height:42px; margin:20px auto; line-height:42px; text-align:center; color:#fff; border-radius:4em; background:linear-gradient(to bottom, #a700e2, #6a08bb); }
.coupon-close { position:absolute; right:6px; top:10px; width:28px; height:28px; background:url(../images/icon_19.png) no-repeat; background-size:100%; }

/* 详情 */
.details { outline:1px solid #eee; }
.details-bar { height:56px; border-bottom:3px solid #ff5938; background-color:#fff; }
.details-bar.fixed { position:fixed; top:0px; left:0; width:100%; }
.details-tabs { height:100%; line-height:56px; font-size:0; }
.details-tabs a { display:inline-block; width:132px; height:100%; border-right:1px solid #eee; text-align:center; font-size:18px; color:#545c6c; }
.details-tabs a.active { background-color:#ff5938; color:#fff; }
.details-scanBtn,
.details-createBtn { display:inline-block; margin-right:20px; vertical-align:middle; }
.details-scanBtn { position:relative; line-height:56px; color:#545c6c; }
.details-scanBtn .downCode { display:none; position:absolute; top:100%; right:0; width:130px; height:130px; border:1px solid #dedede; padding:5px; }
.details-scanBtn:hover .downCode { display:block; }
.details-scanBtn .downCode img{max-width:100%;}

/*.details-content { margin-top:56px; }*/
.details-content-item { display:none; min-height:300px; padding:0 30px 30px 30px; font-size:16px;}
.details-content-item.active { display:block; }
.details-content-item img{max-width:100%;}

.details-text { font-size:14px; color:#777; padding:46px 0; margin:0 50px; border-bottom:1px solid #eee; }
.details-about { width:60%; margin:50px auto 0; text-align:center; font-size:16px; color:#9b9b9b; }
.details-about h2 { font-size:30px; color:#00cbf7; }
.details-about-master { font-size:22px; color:#545c6c; }
.details-about h2+.details-about-master { margin-top:20px; }
.details-about-master+.details-about-text { margin-top:36px; }

.details-facility { margin-top:130px; }
.details-facility-items { text-align:center; }
.details-facility-items p { display:inline-block; width:68px; margin:0 25px; padding-top:72px; background:url(../images/icon_16.png) no-repeat; }
.details-facility-items .m-icon-links { background-position:-68px 0; }
.details-facility-items .m-icon-page { background-position:-136px 0; }
.details-facility-items .m-icon-msg { background-position:-204px 0; }
.details-facility-items .m-icon-map { background-position:-272px 0; }
.details-facility-items .m-icon-product { background-position:-340px 0; }
.details-facility-about { margin:80px auto; padding-bottom:270px; background:url(../images/icon_17.png) no-repeat center bottom; font-size:18px; color:#545c6c; }

.details-show-box { padding-top:66px; background:url(../images/img_18.jpg) no-repeat; background-size:100%; }
.details-show-box img { max-width:100%; }

@media screen and (max-width:767px) {
    .detailsBtn{display:none;}
}
/* -- */
.details-show-iframe { padding-top:120px; background:url(../images/img_17.jpg) no-repeat; background-size:100%; }
.iframe-tabs { text-align:center; }
.iframe-tabs .m-icon-slash { margin:0 30px; }
.iframe-tabs-item { position:relative; display:inline-block; text-align:center; color:#fff; vertical-align:middle; }
.iframe-tabs-item .m-icon { display:block; margin-bottom:6px; margin-right:0; }
.iframe-tabs-item:hover { color:#fff; }
.iframe-tabs-item.active:after { content:''; position:absolute; left:50%; top:100%; margin-left:-4px; border-top:6px solid #fff; border-left:6px solid transparent; border-right:6px solid transparent; }

.iframe-show { box-sizing:content-box; height:560px; border-radius:4px; padding:60px 60px 120px; background:url(../images/img_17.png) no-repeat; background-size:100%; }
/*.iframe-title { float:left; margin-left:-60px; margin-top:50px; font-size:20px; font-weight:bold; }*/
/*.iframe-title:after { content:''; display:inline-block; border-left:6px solid #fff; border-top:6px solid transparent; border-bottom:6px solid transparent; }*/
.iframe-main { height:100%; max-width:100%; margin:0 auto; }
.iframe-main iframe { width:100%; height:100%; }
/* end */

.showTitle { padding:16px 0; font-size:26px; color:#fff; text-align:center; }
.showTitle:after { content:''; display:block; height:1px; width:30px; margin:16px auto 0; background-color:#fff; }
.showTitle-black { color:#545c6c; }
.showTitle-black:after { background-color:#545c6c; }

.color-lines { display:block; margin-top:10px; font-size:0; }
.color-line { display:inline-block; width:88px; height:8px; }

.center-block { display:block; margin-left:auto; margin-right:auto; }

/* -- */
.group-title { margin:38px 0 22px; font-size:18px; color:#676767; }

.flag { display:table; width:100%; }
.flag-item { display:table-cell; vertical-align:top; }
.flag-middle { vertical-align:middle; }
.flag-bottom { vertical-align:bottom; }

.adBox { width:100%; margin-top:20px; padding:0 10px; }
.adBox img { width:100%; }

.group { padding:20px 0; border-top:1px solid #e6e6e6; }
.group-name { margin:0 0 22px 0; font-size:14px; color:#000; font-weight:bold; }
.group-sub { margin:26px; }
.group-sub-name { font-size:14px; color:#515151; font-weight:bold; }

.orderInfo-msg { color:#888; }

.orderInfo-attr { width:360px; padding:0 20px; }
.orderInfo-attr-img { width:126px; }
.orderInfo-attr-text { padding:0 10px; font-size:12px; color:#888; text-align:left; }

.orderInfo-discount { text-align:left; color:#888; }
.orderInfo-discount-item { padding:6px; }

.orderInfo-self { background-color:#fff1d7; padding:1px 0; }
.orderInfo-invoice { height:40px; border-top:1px dashed #e8dbc0; border-bottom:1px dashed #e8dbc0; }
.orderInfo-invoice span { line-height:40px; font-size:12px; color:#888; }

.orderInfo-addr-list { margin:0; padding:0; font-size:0; white-space:nowrap; overflow:hidden; }
.orderInfo-addr-list.more { white-space:normal; }
.orderInfo-addr-item { display:inline-block; width:250px; height:97px; padding:14px; margin:0 22px 22px 0; background:url(../images/icon_19.jpg) no-repeat 0 -97px; font-size:12px; white-space:normal; }
.orderInfo-addr-item p:first-child { padding-bottom:4px; font-size:14px; color:#404040; border-bottom:1px solid #e6e6e6; }
.orderInfo-addr-item.active { background-position:0 0; }
@media screen and (max-width:1199px) {
    .orderInfo-addr-list { width:816px; }
}
@media screen and (max-width:991px) {
    .adBox { float:left; width:50%; }
    .orderInfo-addr-list { width:544px; }
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:630px) {
    .orderInfo-addr-list { width:272px; }
}

.orderAmount { margin-bottom:50px; text-align:right; font-size:14px; color:#515151; }
.orderAmount-detail { margin:16px 0; }
.orderAmount-result { position:relative; padding:20px; border:3px solid #ff5938; }
.orderAmount-detail-key,
.orderAmount-detail-value,
.orderAmount-result-key,
.orderAmount-result-value { display:inline-block; }
.orderAmount-detail-key { width:14em; }
.orderAmount-detail-value { width:100px; }
.orderAmount-result-key { width:90px; font-weight:bold; }
.orderAmount-result-value { width:200px; }

/*.orderSubmit { position:absolute; top:100%; right:-3px; }*/
.highlight { color:#ff5938; }
.text-tip { font-size:12px; color:#888; }
.fwb { font-weight:bold; }
.form-site table { width:100%; }

/* -- */
.m-input { width:100%; height:38px; padding:4px 6px; border:1px solid #e5e5e5; background-color:#fff; outline:0;  }
.m-input-grey { background-color:#f6f6f6; }
.m-input-medium { width:70%; }
.m-input-small { width:50%; }
.m-input-Xsmall { width:25%; }
.m-input-tips { margin:8px 6px 16px; font-size:12px; color:#aeaeae; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.m-input-extension,
.m-input-key { font-size:16px; color:#777; line-height:38px; }
.m-input-extension { margin:0 6px; }

.m-radio { display:inline-block; font-weight:normal; cursor:pointer; }
.m-radio-icon,
.m-radio-label { vertical-align:middle; }
.m-radio-input { display:none; }
.m-radio-icon { display:inline-block; width:14px; height:14px; border:1px solid #c1c1c1; border-radius:50%; vertical-align:middle; margin-right:5px;}
.m-radio-block { display:block; }
.m-radio-border { display:inherit; padding:4px 10px; margin-bottom:4px; border:1px solid #f1f1f1; border-radius:4px; }
.m-radio-block .m-radio-border { padding:8px 10px; }
.m-radio-input[type="checkbox"]+.m-radio-icon,
.m-radio-input[type="checkbox"]+.m-radio-border .m-radio-icon { border-radius:2px; }
.m-radio-input:checked+.m-radio-icon:after,
.m-radio-input:checked+.m-radio-border .m-radio-icon:after { content:''; display:block; width:10px; height:10px; margin:1px 0 0 1px; background-color:#2196f3; border-radius:inherit; }
.m-radio-input:checked+.m-radio-border { border-color:red; }

.m-radio-img { display:inline-block; width:100%; height:100%; margin-bottom:0; cursor:pointer; font-weight:normal; }
.m-radio-img-input { display:none; }

.m-select { display:inline-block; position:relative; width:116px; height:26px; margin:0 4px; border:1px solid #ffbb38; background-color:#fff; font-size:12px; cursor:pointer; vertical-align:middle; }
.m-select-text { display:inline-block; width:80%; padding:0 14px; margin:0 16px 0 0; border-right:1px solid #ffbb38; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.m-select-icon { position:absolute; right:2px; top:50%; margin-top:-3px; }
.m-select input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.m-select-options { display:none; position:absolute; left:-1px; top:100%; min-width:100%; border:1px solid #ffbb38; background-color:inherit; }
.m-select input:focus+.m-select-options { display:block; }
.m-select-option { padding:4px 8px; }

.m-btn { display:inline-block; padding:6px 20px; background-color:#ff5938; color:#fff; font-size:14px; vertical-align:middle; }
.m-btn:hover{color:#fff; opacity:0.8;}
.m-btn-ellipse { border-radius:4em; }
.m-btn-border { border:1px solid #e3e3e3; background-color:#fff; color:#777; }
.m-btn-border:hover{background-color:#f7f7f7; color:#777; }
.m-btn-xsmall { padding:4px 10px; font-size:12px; }
.m-btn-small { padding:4px 10px; }
.m-btn-medium { padding:6px 20px; }
.m-btn-large { padding:10px 30px; font-size:16px; }
.m-btn-master { background:#ff5938 url(../images/icon_15.png) no-repeat 90%; padding-right:66px; }
.m-btn-master:hover{color:#fff; opacity:0.8;}

.m-table,
.m-table-form { width:100%; }
.m-table th { padding:0 2px; font-weight:normal; }
.m-table-bg { background-color:#fff9ed; }
.m-table-th { padding:10px 0; text-align:center; border-bottom:4px solid #ffbb38; margin-bottom:10px; }
.m-table-td { text-align:center; padding-top:30px; padding-bottom:30px; vertical-align:top; }
.m-table-form td { padding-right:2em; }
.m-table-form td:first-child { width:9em; padding-right:1em; vertical-align:top; text-align:justify; }

.m-hl { color:#ff5938; }
.m-hl-medium { font-size:26px; }
.m-hl-large { font-size:32px; }

.text-hidden { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.popup { position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; background-color:rgba(0,0,0,.6); z-index:30; visibility:hidden; opacity:0; transition:all .4s; }
.popup-top .popup-container { transform:translateY(-10%); }
.popup-right .popup-container { transform:translateX(100%);  }
.popup-left .popup-container { transform:translateX(-100%);  }
.popup-bottom .popup-container { transform:translateY(10%);  }
.popup-container { position:absolute; width:100%; height:100%; overflow:auto; transition:transform .6s; }
.popup-show.popup { visibility:visible; opacity:1; }
.popup-show .popup-container { transform:translate(0); }
.popup-transparent { background-color:transparent; }

/* 2017-07-07 */
.w_coupons{background-color:#ededed;}
.couponsBan{background:url(../images/img_19.jpg) no-repeat center bottom; text-align:center; padding:125px 0 55px 0;}
.couponsNav{background-color:#fff; margin-top:-22px;}
.couponsNav .liItem{float:left; height:44px; line-height:44px; position:relative; overflow:hidden;}
.couponsNav .liItem:before{content:""; display:block; width:1px; height:100px; background-color:#ededed; position:absolute; top:0; right:0;}
.couponsNav .liItem.active,.couponsNav .liItem:hover{border-bottom:3px solid #00aef5;}
.couponsNav .liItem a{display:block; padding:0 29px;}
.couponsNav .nav{float:right;}
.couponsNav .nav .dropdown-toggle{padding-top:0; padding-bottom:0; height:44px; line-height:44px;}
.couponsNav .nav .dropdown-menu{right:0; left:auto; border-color:#ededed; min-width:auto;}
.couponsNav .nav .dropdown-menu a{padding-top:8px; padding-bottom:8px;}
.couponsList{padding-top:40px;}
.couponsItem{border-radius:6px; overflow:hidden; margin-bottom:40px;}
.couponsItem .couponsTop{background-color:#00aef5; color:#fff; padding:15px; position:relative;}
.couponsItem .couponsTop:before{content:""; display:block; width:100%; border-bottom:6px dotted #fff; position:absolute; left:0; bottom:-3px;}
.couponsItem .couponsTop .price{font-size:28px; line-height:1; float:left; margin-right:15px;}
.couponsItem .couponsTop .price b{font-size:52px; line-height:1;}
.couponsItem .couponsTop .title{border:1px solid #fff; border-radius:2px; padding:2px 5px; margin-top:6px; position:relative; float:left; max-width:180px; min-height: 1em; line-height:1.4em;}
.couponsItem .couponsTop .title:before{content:""; display:block; position:absolute; top:50%; margin-top:-4px; left:-5px; width:8px; height:8px; background-color:#00aef5; border-left:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(45deg); z-index:2;}
.couponsItem .couponsTop .time{background:url(../images/icon_22.png) no-repeat center left; padding-left:22px; margin-top:15px;}
.couponsItem .couponsTopR{display:block; float:right; width:90px; position:relative;}
.couponsItem .couponsTopR .myChart{width:90px;height: 90px;}
.couponsItem .couponsTopR .couponsText{position:absolute; top:20px; left:0; width:100%; text-align:center;}
.couponsItem .couponsBot{background-color:#ffffff; padding:10px 20px; position:relative;}
.couponsItem .couponsBot:before{content:""; display:block; width:12px; height:12px; border-radius:50%; background-color:#ededed; position:absolute; top:-6px; left:-6px;}
.couponsItem .couponsBot:after{content:""; display:block; width:12px; height:12px; border-radius:50%; background-color:#ededed; position:absolute; top:-6px; right:-6px;}
.couponsItem .couponsBot .limit{line-height:28px;}
.couponsItem .couponsBot .linkBtn{background-color:#00aef5; color:#fff; padding:4px 15px; border-radius:15px; border:0;}
.couponsOk:hover .couponsTop{background-color:#f2325b;}
.couponsOk:hover .couponsTop .title:before{background-color:#f2325b;}
.couponsOk:hover .couponsBot .linkBtn{background-color:#f2325b;}
.couponsOver .couponsTop{background-color:#b2b2b2;}
.couponsOver .couponsTop .title:before{background-color:#b2b2b2;}
.couponsOver .couponsBot .linkBtn{background-color:#b2b2b2;}

/* 优惠卷领取成功 */
.successBg{background-color:rgba(0,0,0,0.3); position:fixed; top:0; left:0; width:100%; height:100%; z-index:100;}
.successCon{position:fixed; top:40%; left:50%; margin-left:-190px; z-index:101;}
.successItem{width:380px; background-color:#fff; text-align:center; border-radius:10px;}
.successItem .imgBox{position:relative; top:-160px;}
.successItem .titleBox{margin-top:-160px; padding:15px 0 30px 0;}
.successItem .titleBox .icon{width:90px; height:90px; border:1px solid #dadada; border-radius:50%; display:inline-block; background:url(../images/img_22.png) no-repeat center center;}
.successItem .titleBox .title{font-size:45px; color:#05b58e; background:url(../images/img_23.png) no-repeat 45px center; height:92px; line-height:92px; padding-left:100px;}
.successItem .successBot{background-color:#e43037; color:#fff; display:block; padding:13px 0; font-size:18px; border-radius:0  0 10px 10px;}
.successBox .CloseBtn{position:absolute; left:50%; bottom:-40px; margin-left:-15px; z-index:103; width:30px; height:30px; border:2px solid #e43037; border-radius:50%; display:block; cursor:pointer;}
.successBox .CloseBtn span{position:relative;}
.successBox .CloseBtn span:before{content:""; display:block; width:16px; height:2px; background-color:#e43037; position:absolute; left:5px; top:12px;
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.successBox .CloseBtn span:after{content:""; display:block; width:16px; height:2px; background-color:#e43037; position:absolute; left:5px; top:12px;
-webkit-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg);
}


/**
 * @date 2018-05-07
 * @author yuan
 * 商品列表筛选框调整
 */
.filter-main {
    padding: 10px 0;
    /*margin: 20px 0;*/
    font-size: 12px;
}
.filter-group {
    line-height: 36px;
    padding: 10px 0;
}
.filter-group+.filter-group {
    border-top: 1px solid #f1f1f1;
}
.filter-body {
    max-height: 36px;
    font-size: 0;
    color: #333;
    white-space: normal;
    overflow: hidden;
}
.filter-body.active {
    max-height: none;
}

.filter-title,
.filter-operate {
    color: #999;
    white-space: nowrap;
}
.filter-title {
    text-align: left;
}
.filter-operate {
    text-align: right;
}

.filter-radio {
    display: inline-block;
    margin-bottom: 0;
    height: 26px;
    line-height: 26px;
    margin-right: 20px;
    font-size: 12px;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
}
.filter-radio input {
    display: none;
}

.filter-tag {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    border-radius: 2px;
    cursor: pointer;
}
.filter-tag:hover {
    background-color: #f4f4f4;
}
.filter-tag.active {
    background-color: #f4f4f4;
}
.filter-radio input:checked~.filter-tag {
    background-color: #fb5b5f;
    color: #fff;
}

.filter-del {
    display: none;
    color: #999;
    margin-left: 5px;
}
.filter-del:hover {
    color: #fb5b5f;
}
.filter-radio input:checked~.filter-del {
    display: inline-block;
}

.filter-caret {
    font-size: 14px;
}
.filter-caret:before {
    content: '\f107';
}
.active>.filter-caret:before {
    content: '\f106';
}

.filter-bar {
    line-height: 50px;
    /*margin-top: 40px;*/
}

.filter-btns {
    display: inline-table;
    table-layout: fixed;
    /*width: 100%;*/
    height: 36px;
    line-height: 34px;
    border: 1px solid #efefef;
    border-radius: 3px;
    font-size: 0;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
}
.filter-btn {
    display: table-cell;
    height: 100%;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: normal;
    color: #555;
    cursor: pointer;
}
.filter-btn+.filter-btn {
    border-left: 1px solid #efefef;
}
.filter-btn input {
    display: none;
}
.filter-btn-label {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    text-align: center;
}
.filter-btn input:checked~.filter-btn-label {
    background-color: #fb5b5f;
    color: #fff;
}

.filter-search {
    display: inline-block;
    width: 100%;
    height: 36px;
    line-height: 34px;
    border: 1px solid #efefef;
    border-radius: 3px;
    vertical-align: middle;
    overflow: hidden;
}
.filter-search-body,
.filter-search-item {
    display: table-cell;
    vertical-align: middle;
    font-size: 0;
}
.filter-search-body {
    width: 100%;
}

.filter-search-input,
.filter-search-btn {
    display: block;
    height: 34px;
}
.filter-search-input {
    width: 100%;
    padding: 0 10px;
    border: 0;
    outline: 0;
    font-size: 12px;
}
.filter-search-btn {
    width: 60px;
    border: 0;
    background-color: #fb5b5f;
    color: #fff;
    font-size: 12px;
}

/* 商品列表 */
.card {
    margin-bottom: 30px;
    background-color: #fff;
    transition: all .4s;
}
.card:hover {
    box-shadow: 0px 10px 10px #dedede;
    transform: translateY(-5px);
}
.card-poster {
    display: block;
    height: 240px;
    line-height: 240px;
    padding: 10px;
    font-size: 0;
    text-align: center;
    overflow: hidden;
}
.card-poster img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.card-main {
    padding: 0 10px;
    text-align: center;
}
.card-title,
.card-price,
.card-info {
    margin-bottom: 0;
    margin-top: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.card-title {
    font-size: 18px;
    font-weight: bold;
}
.card-price {
    font-size: 16px;
    color: #FF6709;
}
.card-price-secondary {
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
}
.card-info {
    font-size: 12px;
    color: #999;
}
.card-info span {
    margin: 0 5px;
}
.card-btns {
    padding: 10px 0 20px;
}
.card-btn {
    display: inline-block;
    padding: 10px 40px;
    color: #fff;
    margin: 0 2%;
    font-size: 14px;
    background-color: rgb(111, 186, 44);
    border-radius: 5px;
    opacity: 0.8;
}
.card-btn:hover {
    color: #fff;
    opacity: 1;
}
.card-btn-primary {
    background-color: rgb(37, 128, 230);
}
.card-btn-secondary {
    background-color: rgb(111, 186, 44);
}

/**
 * 优惠券领取页面
 */
.filter-tabs {
    margin-top: -20px;
    background-color: #fff;
    font-size: 0;
}
.filter-tab {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.filter-tab input {
    display: none;
}

.filter-tab-label {
    display: inline-block;
    padding: 14px 30px;
    border-bottom: 3px solid transparent;
    font-size: 12px;
    color: #666;
}
.filter-tab input:checked~.filter-tab-label {
    border-color: #00aef5;
}

/**
 *面包屑导航
 */
.m-crumb {
    margin-top: 30px;
    font-size: 14px;
    color: #333;
}
.m-crumb-btn {
    color: #2f4c63;
}

@media screen and (max-width: 991px) {
    .filter-btns {
        width: 100%;
    }
    .filter-btn-label {
        padding: 0;
    }
}

@media screen and (max-width: 575px) {
    /*.filter-title {
        padding: 0 25px;
    }*/
    .filter-operate {
        text-align: right;
    }

    .filter-body {
        max-height: 0;
    }
}