@charset "UTF-8";

* {margin: 0;padding: 0;list-style: none;border-style: none;text-decoration: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
body {font-family: Arial,Helvetica,"Microsoft YaHei",sans-serif;background-color: #f5f5f5; color: #333;min-width: 320px;margin: 0 auto;}
ul, ol, li {list-style: none;}
a {text-decoration: none;color: #333;}
a:focus {outline:none;}
em, i {font-style: normal;}
img {border: 0;max-width: 100%;vertical-align: middle;}
del {text-decoration: line-through;}
input, button, textarea, select {border:none;outline: none;background: none;color: #333;font-family:Helvetica,sans-serif;-webkit-appearance: none;}
input:-webkit-autofill {box-shadow: 0px 0px 0px 1000px white inset;}
#_embed_v3_dc {display: none;display: none !important;}

.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {*zoom:1;}
.fl {float: left; }
.fr {float: right; }
.mt-15 {margin-top: 0.15rem;}

.bg {background-color: #fff;}

/*返回顶部*/
.suspension {position: fixed;bottom: 62px;right: 10px;z-index: 9;}
.suspension .default-transition {width:38px;height:38px;}
.suspension .default-transition img {display: block;width: 100%;height: 100%;}

/*****  加载更多  ******/
.load-btn-box {padding: 0px 0px;margin:3px 0px;}
.load-btn-box .load-btn,.load-btn-box .load-span {display: block;;text-align: center;font-size: 0.8rem;color: #999;padding:3px 0px;border-radius: 3px;}
.load-btn-box .load-btn {border: solid 1px #f1f1f1;background-color: #fff;}

.footerbottom {height: 60px;width: 100%;}

/* 底部 */
.footer{position: fixed;width: 100%;bottom: 0;left: 0;z-index: 69;background-color: #fff;box-shadow: 0 0 10px 0 rgba(155,143,143,0.3);}
.footer ul:before, .footer ul:after{content: " ";display: table;}
.footer ul:after{clear: both;}
.footer ul > li{float: left;width: 25%;background-color: #fff;text-align: center;}
.footer ul > li a{display: block;padding: 5px 0px;color: #555;position: relative;}
.footer ul > li a > em{display: block;position: absolute;left: 54%;top: 2px;min-width: 15px;height: 15px;text-align: center;line-height: 16px;color: #fff;font-size: 0.7rem;border-radius: 50%;border:1px solid #fff;background-color: #ff0000;overflow: hidden;}
.footer ul > li .icon-s{display: block;width: 24px;height: 24px;margin: 0 auto;}
.footer ul > li .txt-s{display: block;font-size: 0.8rem;line-height: 100%;margin-top: 4px;}
.footer ul > li .sy-icon{background-image: url(../images/icon-nav-home.png);background-repeat: no-repeat;background-size: 24px auto;background-position: center;}
.footer ul > li .fl-icon{background-image: url(../images/icon-nav-cat.png);background-repeat: no-repeat;background-size: 24px auto;background-position: center;}
.footer ul > li .fx-icon{background-image: url(../images/icon-nav-social.png);background-repeat: no-repeat;background-size: 24px auto;background-position: center;}
.footer ul > li .gwc-icon{background-image: url(../images/icon-nav-cart.png);background-repeat: no-repeat;background-size: 24px auto;background-position: center;}
.footer ul > li .wd-icon{background-image: url(../images/icon-nav-account.png);background-repeat: no-repeat;background-size: 24px auto;background-position: center;}
.footer ul > li.active a{color: #ff0000;}
.footer ul > li.active .sy-icon{background-image: url(../images/icon-nav-home-active.png);background-repeat: no-repeat;background-size: 24px auto;background-position: center;}
.footer ul > li.active .fl-icon{background-image: url(../images/icon-nav-cat-active.png);background-repeat: no-repeat;background-size: 24px auto;background-position: center;}
.footer ul > li.active .fx-icon{background-image: url(../images/icon-nav-social-active.png);background-repeat: no-repeat;background-size: 24px auto;background-position: center;}
.footer ul > li.active .gwc-icon{background-image: url(../images/icon-nav-cart-active.png);background-repeat: no-repeat;background-size: 24px auto;background-position: center;}
.footer ul > li.active .wd-icon{background-image: url(../images/icon-nav-account-active.png);background-repeat: no-repeat;background-size: 24px auto;background-position: center;}

/*搜索*/
#search {width:100%; background-color:#fff;padding:7px 0px;box-shadow: 1px 2px 10px #e5e5e5; position: fixed;left: 0px;top: 0px;z-index: 9;}
#search a.back {display: block;position: absolute;left: 2px;top: 0px;width: 40px;height: 45px;line-height: 45px;text-align: center;color: #888;font-size: 0.95rem;background: url(../images/back.png) no-repeat;background-size: 25px auto;background-position: center;}
#search .search-wrap {float: left;width:calc(100% - 90px);height:30px;margin-left: 45px;position: relative;}
#search .search-wrap .search {display:block; width: 100%;height:30px; background-color: #eee;color:#666; line-height:20px; border-radius:5px; font-size: 0.85rem;padding:5px 10px 5px 30px;box-sizing:border-box;}
#search .search-wrap:after{content: ""; float: left; width: 18px; height: 18px;position: absolute;left: 8px;top: 6px;background-image: url(../images/index_icons.png);background-repeat: no-repeat;background-position: 0px -27px;background-size: 220px 220px;}
#search .search_btn {display: block;position: absolute;right: 2px;top: 0px;width: 40px;height: 45px;line-height: 45px;text-align: center;color: #888;font-size: 0.95rem;}

.search_wrap {padding-top: 45px;}
.panel{margin:0px 0px 10px;background-color:#fff}
.panel .title{padding:10px;vertical-align:middle;color:#555;font-size: 0.95rem;}
.panel .title:before,.panel .title:after{content:" ";display:table}
.panel .title:after{clear:both}
.panel .title i {display: block;width: 20px;height: 20px;float: left;margin-right: 5px;background-image: url(../images/index_icons.png);background-repeat: no-repeat;background-size: 330px 330px;}
.panel .title i.hot {background-position: -264px -1px;}
.panel .title i.date {background-position: -297px 0px;}
.panel .title a{background-color:#fff;display: block;}
.panel .title img {height: 20px;vertical-align: middle;}
.panel .list{padding:5px 10px 0px;}
.panel .list .item{display:inline-block;float: none;width: auto;background-color:#f0f2f5;margin-bottom:10px;margin-right:0.2rem;padding:0px 15px;color: #555;font-size:0.75rem;height: 28px;line-height: 28px;border-radius:30px}

.nosearch {width: 100%;text-align: center;padding: 30px 0px;}
.nosearch .icon {width: 100px;height: 100px;margin: 0 auto 15px;border-radius: 50%;background-color: #dcdcdc;background-image: url(../images/index_icons.png);background-repeat: no-repeat;background-position: -240px -48px;background-size: 450px 450px;}
.nosearch p {color: #666;font-size: 0.8rem;}

/*分类*/
#header {position:fixed; left:0; top:0; width:100%; background-color:#fff; padding:7px 0px;border-bottom: 1px solid #ececec; z-index: 9;}
#header h4 {color: #555;font-size: 1rem;height: 30px;line-height: 30px;text-align: center; overflow: hidden;font-weight: 400;}
#header a.back {display: block;position: absolute;left: 0px;top: 0px;width: 35px;height: 45px;background:url(../images/back.png) no-repeat center;background-size: 22px 25px;}
#header .search-wrap {float: right;width:calc(100% - 50px);height:30px;margin-right: 10px;}
#header .search-wrap a {display:block; width: 100%;height:30px; background-color: #f1f2f3;color:#a7a3a1; line-height:30px; border-radius:5px; font-size: 0.85rem; }
#header .search-wrap a:after{content: ""; float: left; width: 18px; height: 18px; margin: 5px 10px 0 10px; background-image: url(../images/index_icons.png);background-repeat: no-repeat;background-position: 0px -27px;background-size: 220px 220px;}
#header .right {display: block;position: absolute;right: 0px;top: 0px;width: 80px;height: 45px;line-height: 45px;text-align: center;font-size: 1rem;}
#header .right a.set {display: block;float: right;width: 35px;height: 45px;background-image: url(../images/icon-set.png);background-repeat: no-repeat;background-position: center;background-size: 30px auto;}
#header .right a.cancel {display: block;width: 100%;height: 100%;line-height: 45px;text-align: center;color: #666;}
#header .right a.btm-cart {display: block;float: left;width: 35px;height: 45px;position: relative;}
#header .right a.btm-cart em.cart-ico {width: 25px; height: 25px; display: block; margin: 10px auto;background: url(../images/cart_sprits_all.png) no-repeat 0px -24px; background-size: 75px 75px;}
#header .right a.btm-cart .order-numbers {display: block; position: absolute; top: 5px; right: -5px;background-color: #ff0000;font-style: normal; border-radius: 8px;min-width: 4px;height: 15px;line-height: 15px;padding: 0 4px; font-size: 8px; color: #fff; }
#header .header_right {color: #ff0000;font-size: 1rem;display: block;position: absolute;right: 0px;top: 0px;width: 60px;height: 45px;line-height: 45px;text-align: center;}

.f_navdw_hide {display: none; position: absolute; top: 35px; right: 5px; z-index: 50; }
.f_navdw_hide dd {text-align: right; padding-right: 10px; overflow: hidden;height: 7px;}
.f_navdw_hide dd i {width: 10px; height: 10px; background: rgba(0,0,0,0.75); display: inline-block;margin-bottom: 2px;transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.f_navdw_hide dt {border-radius: 5px; background: rgba(0,0,0,0.75); text-align: left; overflow: hidden; padding: 0px 10px; }
.f_navdw_hide dt a {font-size: 0.9rem; color: #e5e5e5; border-bottom: 1px solid #666; display: block; width: 110px; height: 18px; line-height: 18px; padding: 10px 0px; }
.f_navdw_hide dt a i {float: left;display: block;width: 18px;height: 18px;background-repeat: no-repeat;background-size:18px 18px;background-position: center;margin-right: 8px;}
.f_navdw_hide dt a i.icon1 {background-image: url(../images/icon-nav-home-white.png)}
.f_navdw_hide dt a i.icon2 {background-image: url(../images/icon-nav-cat-white.png)}
.f_navdw_hide dt a i.icon3 {background-image: url(../images/icon-nav-cart-white.png)}
.f_navdw_hide dt a i.icon4 {background-image: url(../images/icon-nav-account-white.png)}


.category {padding: 45px 0px 0px;}
.category .pull-left{position:fixed;top:45px;left:0;z-index:19;overflow-y:auto;width:80px;height:100%;padding-bottom: 92px;background-color:#fff;box-sizing:border-box;}
.category .pull-left li{display:block;margin-bottom:1px;background-color:#fff;border-left:3px solid #fff;min-height: 20px;line-height: 20px;padding: 10px 5px 10px 7px;text-align:left;font-size:0.95rem;color:#333}
.category .pull-left li.active{background-color:#f5f5f5;border-left-color:#ff0000}

.category .pull-right{float: right;padding:10px 10px 58px;width:calc(100% - 80px);box-sizing:border-box;display: none;}
.category .pull-right .actpic {position: relative;}
.category .pull-right .actpic .more {width: 100%;height: 20px;padding: 0 10px;box-sizing: border-box;background: rgba(0,0,0,0.35);text-align: right;position: absolute;left: 0px;bottom: 0px;}
.category .pull-right .actpic .more span {color: #fff;font-size: 0.75rem;}
.category .pull-right .category-row {margin-top:10px;}
.category .pull-right .category-row h4 {display: block;color: #282828;font-size: 0.95rem;font-weight: 400;margin-bottom: 5px;}
.category .pull-right .category-row .category-list:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.category .pull-right .category-row .category-list {background-color: #fff;padding:5px 5px 0px;}
.category .pull-right .category-row .category-list li {width: 32.8%; float: left; text-align: center;}
.category .pull-right .category-row .category-list li a img {width: 55px; height: 55px; border: 0; }
.category .pull-right .category-row .category-list li a p {font-size: 13px; height: 36px; color: #686868; width: 100%; overflow: hidden; text-align: center; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-align: center; -webkit-box-pack: center; }

.products-list ul li {width: 50%;float: left;padding-bottom: 6px;box-sizing:border-box;}
.products-list ul li:nth-child(2n) {padding-left: 3px;padding-right: 6px;}
.products-list ul li:nth-child(2n+1) {padding-right: 3px;padding-left: 6px;}
.products-list ul li .pro-item {display: block;background-color: #fff;padding: 5px;}
.products-list ul li .name {height: 32px; font-size: 0.8rem; color: #555;padding: 0 4px; margin-top: 5px; line-height: 16px; margin-bottom: 3px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word;}
.products-list ul li .pro-info {padding:3px 4px;height: 25px;}
.products-list ul li .pro-info .price {float: left;color: #ff7101;font-size: 0.95rem;line-height: 25px;padding: 0px;}
.products-list ul li .pro-info .price em {font-size: 1rem;padding-left: 2px;}
.products-list ul li .pro-info a.cart_btn {display: block;float: right;width: 25px;height: 25px;background-color: #ff0000;background-image: url(../images/cart_ico.png);background-position: center;background-repeat: no-repeat;background-size: 15px auto;border-radius: 50px;}
.products-list ul li .price {color: #ff7101;font-size: 0.8rem;line-height: 22px;padding: 0px 5px;}
.products-list ul li .price em {font-size: 0.95rem;padding-left: 2px;}
.products-list ul li .pro-num {padding:3px 4px;}
.products-list ul li .pro-num .pro_btn {display: block;height: 25px;margin-top: 5px;}
.products-list ul li .pro-num .pro_btn a.cart_btn {display: block;float: right;width: 25px;height: 25px;background-color: #ff0000;background-image: url(../images/cart_ico.png);background-position: center;background-repeat: no-repeat;background-size: 15px auto;border-radius: 50px;}
.products-list ul li .pro-num .pro_btn .shop-arithmetic {float: left;border:1px #dcdcdc solid;width:82px;}
.products-list ul li .pro-num .pro_btn .shop-arithmetic a{display: block;width:22px;line-height: 23px;text-align:center;float: left;color: #ff0000;font-size:1.25rem;}
.products-list ul li .pro-num .pro_btn .shop-arithmetic .num{display: block;float: left;width:36px;line-height:23px;height:23px;color:#555;font-size: 0.95rem;float: left;text-align:center;border-left: 1px #dcdcdc solid;border-right: 1px #dcdcdc solid;}

.pro_warp.row .products-list ul li {width: 100%;}
.pro_warp.row .products-list ul li:nth-child(2n) {padding-left: 0px;padding-right: 0px;}
.pro_warp.row .products-list ul li:nth-child(2n+1) {padding-right: 0px;padding-left: 0px;}
.pro_warp.row .products-list ul li .pro-item {height: 100px;}
.pro_warp.row .products-list ul li .pro-item .pro-img {width: 100px;height: 100px;float: left;}
.pro_warp.row .products-list ul li .name,.pro_warp.row .products-list ul li .price {float: right;width: calc(100% - 115px);}
.pro_warp.row .products-list ul li .pro-num {float: right;width: calc(100% - 115px);}

/*产品*/
#layout_head {position:absolute; left:0; top:0; width:100%;height: 85px;z-index: 9;transform: translateY(0px);transition: 0.5s ease 0s;}
#layout_head.fixedTop {transform: translateY(-45px);}
.search_head {position: relative;background-color: #fff;height: 45px;box-shadow: 1px 2px 10px #e5e5e5;}
.search_head a.back {display: block;position: absolute;left: 0px;top: 0px;width: 35px;height: 45px;background:url(../images/back.png) no-repeat center;background-size: 22px 25px;}
.search_head a.index {display: block;position: absolute;right: 0px;top: 0px;width: 35px;height: 45px;background:url(../images/icon-nav-home.png) no-repeat 5px center;background-size: 22px 21px;}
.search_head .search-wrap {float: left;width:calc(100% - 80px);height:30px;margin-left: 40px;margin-top: 7px}
.search_head .search-wrap a {display:block; width: 100%;height:30px; background-color: #f1f2f3;color:#a7a3a1; line-height:30px; border-radius:5px; font-size: 0.85rem; }
.search_head .search-wrap a:after{content: ""; float: left; width: 18px; height: 18px; margin: 5px 10px 0 10px; background-image: url(../images/index_icons.png);background-repeat: no-repeat;background-position: 0px -27px;background-size: 220px 220px;}

.filters {display: block;background: #fff; width: 100%; }
.filters ul li {position: relative; width:25%; float: left;text-align: center;color: #666;}
.filters ul li.cur span{color: #ff0000;}
.filters ul li span {display: block;font-size: 0;height: 38px;line-height: 38px;}
.filters ul li span em {display: inline-block;vertical-align: middle;font-size: 0.95rem;}
.filters ul li span:after {content: ""; display: inline-block;vertical-align: middle;margin-left: 6px; background: url(../images/icon-search.png) no-repeat;}
.filters ul li.moreSort span:after {width:8px; height: 12px; background-size: 90px 30px; background-position: 0px -9px}
.filters ul li.moreSort.cur span:after {background-position: -8px -9px;}
.filters ul li.prcie span:after {width:8px; height: 12px; background-size: 90px 30px; background-position: -20px -9px;}
.filters ul li.arrow_up span:after {background-position: -28px -9px;}
.filters ul li.arrow_down span:after {background-position: -36px -9px;}
.filters ul li.morecate span:after {background: url(../images/index_icons.png) no-repeat; width: 20px; height: 20px; background-size: 320px 320px; background-position: -249px -45px;}
.filters ul li.morecate.row span:after {background-position: -272px -45px;}

html.hidden {overflow: hidden;}
.popCover.hide {display: none;}
.cover-pannel {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 250;overflow: hidden;font-size: 0px;}
.filtrate {height: 100%; width: 90%; background-color: #fff; overflow-y: auto; overflow-x: hidden; position: fixed; top: 0; left: 100%; z-index: 301;transition: 0.5s ease 0s;}
.filtrate.on {left: 10%;}
.filtrate_warp {width: 100%;height: 100%;}
.filtrate_warp .filtrateRoot {width: 200%;height: 100%;}
.filtrate_warp .filtrateRoot .filtrate-index {background-color: #fff; overflow: hidden; width: 50%; float: left; height: 100%;}
.filtrate_warp .filtrateRoot .filtrate-index .index_ofyauto {width: 100%;height: calc(100% - 44px);overflow-y: auto;overflow-x: hidden;background-color: #f8f8f8;padding: 0 0px;}
.index_ofyauto .sidebar-iteam {background-color: #fff;margin-bottom:7px;}
.index_ofyauto .sidebar-iteam .btns {padding-top: 10px; padding-left: 10px; padding-right: 10px; font-size: 15px; overflow: hidden; margin-bottom: 7px; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; }
.index_ofyauto .sidebar-iteam .btns span {display: inline;}
.index_ofyauto .sidebar-iteam .btns .selected {text-align: right; display: block; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; height: 17px; line-height: 17px; color: #f23030; margin-left: 10px; margin-top: 2px; }
.index_ofyauto .sidebar-iteam .btns i.arrow {display: block; width: 10px; height: 10px; border-top: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); margin-left: 8px; margin-right: 2px; margin-top: 2px; }
/*.index_ofyauto .sidebar-iteam .btns i.cur {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); margin-left: 8px; margin-right: 2px; margin-top: 8px; }*/
.index_ofyauto .sidebar-iteam .root {padding-bottom: 10px;margin-right: 10px;overflow: hidden;}
/*.index_ofyauto .sidebar-iteam.on .root {max-height: 100%;}*/
.index_ofyauto .sidebar-iteam .root a {margin-top: 10px; height: 29px; width: 33%; color: #333; font-size: 0.8rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 10px; float: left; display: block; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.index_ofyauto .sidebar-iteam .root a span {height: 28px; display: block; padding-left: 5px; padding-right: 5px; text-align: center; line-height: 29px; background-color: #f0f2f5; border-radius: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.index_ofyauto .sidebar-iteam .root a span.all-btns {color: #848689; text-align: right; background-color: #fff; }
.index_ofyauto .sidebar-iteam .root a span.all-btns i {display: inline-block; width: 8px; height: 8px; border-top: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); margin-left: 2px; margin-right: 3px; }
.index_ofyauto .sidebar-iteam .root a.cur span {color: #ff0000;border:1px solid #ff0000;background-color: #fff;}
.filtrate_warp .filtrateRoot .filtrate-index .indexbnts {height: 44px; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; padding-right: 0px; overflow: hidden; }
.filtrate_warp .filtrateRoot .filtrate-index .indexbnts a {background-color: #fff; color: #252525; font-size: 1rem; position: relative; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; -o-box-pack: center;}
.filtrate_warp .filtrateRoot .filtrate-index .indexbnts a.right {background-color: #ff0000;color: #fff;}
.filtrate_warp .filtrateRoot .filtrate-right {background-color: #fff; overflow: hidden; width: 50%; float: left; height: 100%; }

.fixedH {height: 90px;}
.fixedH.down {height: 45px;}

.my-pagination {display: block; text-align: center;width: calc(100% - 25px);height: 30px;}
.my-pagination li {display: inline-block;margin: 0 10px;height: 30px;line-height: 30px;}
.my-pagination li a{ display: inline-block;position: relative; color:#333;font-size: 0.95rem;}
.my-pagination li a:after { position: absolute; top: auto; right: auto; bottom: -7px; left: 0; z-index: 1; display: block; width: 100%; height: 1px; content: '';-webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(.5) }
.my-pagination li a.on {color: #ff0000}
.my-pagination li a.on:after { opacity: 1; background-color: #ff0000; height: 4px; }

.wrapper {padding: 45px 0px 60px;}
.swiper-container-horizontal.product-pic {background-color: #fff;border-bottom: 1px solid #f1f2f3;}


/*产品信息*/
.prod_wrap {padding: 45px 0px 60px;display: none;}
.prod-info .slider-wrap .swiper-container {margin-top: 0px;}
.prod-title {background-color: #fff;padding:10px;}
.prod-title .name {color: #232326;font-size: 1rem;line-height: 20px;margin-bottom: 3px;}
.prod-title p {color: #ff0000;font-size: 0.8rem;}
.prod-title .p-price {width: 100%;height: 20px;padding: 10px 0px 0px;}
.prod-title .p-price .price {float: left;color: #ff0000;font-size: 0.95rem;font-weight: 600;}
.prod-title .p-price .price em {font-size: 1.15rem;padding-left: 2px;}
.prod-title .p-price .soldout {float: right;color: #787878;font-size: 0.85rem;line-height: 20px;}
/*已选*/
.p-selected {height: 30px; line-height: 30px; background: #fff; padding: 5px 10px; color: #999; position: relative; margin-top: 7px;border-top: 1px solid #f1f2f3;border-bottom: 1px solid #f1f2f3;}
.p-selected span {color: #666; margin-right:5px; float: left; font-size: 0.90rem; }
.p-selected span:last-child {width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.p-selected:after {content: ''; display: block; position: absolute; width: 9px; height: 9px; border-top: 1px solid #bbb; border-right: 1px solid #bbb; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 0; bottom: 0; right: 10px; margin: auto; }

.prod-num {background: #fff;padding: 10px 10px 20px;height: 24px;}
.prod-num .label {float: left;color: #555;font-size: 0.95rem;}
.prod-num .quantity{float: left;border:1px #dcdcdc solid;width:92px;height: 22px;margin-left: 20px;}
.prod-num .quantity .quantity_btn{width:22px;line-height: 22px;text-align:center;float: left;color: #ff0000;font-size:1.25rem;}
.prod-num .quantity input{width:46px;line-height:22px;height:22px;color:#555;font-size: 0.95rem;float: left;text-align:center;border-left: 1px #dcdcdc solid;border-right: 1px #dcdcdc solid;}

/*留言*/
.comments {background-color: #fff;padding:0px 10px 15px;margin-top: 7px;}
.comments .title {display: block;height: 20px;line-height: 20px;padding:8px 0px;color: #787878;font-size: 0.9rem;}
.comments .title span {display: block;float: right;color: #555;}
.comments .title span font {color: #ff0000;}
.comments .title span i {content: ''; display: inline-block;;width: 8px; height: 8px; border-top: 1px solid #bbb; border-right: 1px solid #bbb; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);  margin: auto; }
.comments .btnall {display: block;margin:5px auto;width: 140px;height: 30px;line-height: 30px;text-align: center;color: #787878;font-size: 0.95rem;border:1px solid #d5d5d5;border-radius:30px;}

.comment-list .comment-list-item {min-height: 64px; overflow: hidden; position: relative;padding: 10px 0px;border-bottom: 1px solid #e5e5e5;}
.comment-list .comment-list-item::before {position: absolute; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); top: 0; left: 0; width: 100%; height: 1px; border-top: 1px solid #e2e2e2; z-index: 10; }
.comment-list .comment-list-item .avatar {width: 50px;height: 50px;float: left;border-radius: 50px;overflow: hidden;}

.comment-list-item .comment-item-content {width: calc(100% - 60px);float: right;overflow: hidden; vertical-align: middle;}
.comment-list-item .comment-item-content .content {font-size: 0.80rem;line-height: 18px; color: #555;text-align: justify;}
.comment-list-item .comment-item-info .comment-item-author {width: 100%;height: 25px;line-height: 25px;}
.comment-list-item .comment-item-info .comment-item-author .name {float: left;color: #555;font-size: 0.95rem;}
.comment-list-item .comment-item-info .comment-item-author .comment-item-date {font-size: 0.95rem; color: #888; float: right;}

.comment-item-info span.comment-item-author {margin:0px 5px;}
.comment-item-info span.product-item-star {display: inline-block; overflow: hidden;width: 75px; height: 11px;margin: 4px 0px 4px -2px;background: url(../images/comment-star.png) repeat-x 0 -11px; background-size: 15px 22px; }
.comment-item-info span.product-item-star .real-star {display: inline-block; height: 22px; background: url(../images/comment-star.png) repeat-x 0 0; background-size: 15px 22px; }
.comment-stars-width5 {width: 100%;}
.comment-stars-width4 {width: 80%;}
.comment-stars-width3 {width: 60%;}
.comment-stars-width2 {width: 40%;}
.comment-stars-width1 {width: 20%;}

/*产品底部*/
.cart-concern-btm-fixed {display: table; position: fixed; left: 0; bottom: 0; z-index: 10; text-align: center; width: 100%; height: 50px; overflow: hidden; }
.action-list a, .concern-cart a {display: inline-block; height: 100%; line-height: 51px; float: left; overflow: hidden; position: relative; }
.action-list, .concern-cart {float: left; height: 100%; overflow: hidden; }
.cart-concern-btm-fixed .concern-cart {width: 35%; background-color: rgba(255,255,255,.9); position: relative; }
.cart-concern-btm-fixed .concern-cart a {width: 50%; color: #232326; font-size: 9px;border-top: 1px solid #ececec;}
.cart-concern-btm-fixed .concern-cart a em {width: 23px; height: 23px; display: block; margin: 0 auto; background-color: #fff; margin-top: 8px; margin-bottom: 4px; background: url(../images/cart_sprits_all.png) no-repeat; background-size: 70px 70px; position: relative; }
.cart-concern-btm-fixed .concern-cart a em.btm-shop {background-position: -46px 0px;}
.cart-concern-btm-fixed .concern-cart a em.btm-coll {background-position: -23px 0px;}
.cart-concern-btm-fixed .concern-cart a em.btm-coll.cur {background-position: -23px -23px;}
.cart-concern-btm-fixed .concern-cart a em.btm-cart {background-position: 0px -23px;}
.cart-concern-btm-fixed .concern-cart a em .order-numbers {display: block; position: absolute; top: -5px; background-color: #fff;font-style: normal; border-radius: 8px;min-width: 4px;height: 14px;line-height: 14px;padding: 0 4px; font-size: 8px; color: #ff0000; right: -9px; border: 1px solid #ff0000; }
.cart-concern-btm-fixed .concern-cart a span {display: block; line-height: 9px; height: 15px; text-align: center; }

.cart-concern-btm-fixed .action-list {width: 65%; }
.cart-concern-btm-fixed .action-list a {width: 50%;color: #fff;font-size: 0.95rem;}
.yellow-color {background-color: #ff9c00;}
.red-color {background-color: #dd2726;}


/*商品弹窗*/
.wrap-pop {position: fixed;bottom: 0;width: 100%;left: 0;bottom: 0;z-index: 1000;height: 0px;opacity: 0;transition: all .5s}
.wrap-pop.show {height: 100%;opacity: 1;height: 100%;}
.mask-pop {position: fixed;width: 100%;left: 0;bottom: 0;height: 100%;background: rgba(0,0,0,.5);z-index: 19;display: none;transition: all .5s}
.wrap-pop.show .mask-pop {display:block;transition: all .5s;opacity: 1}
.wrap-pop.show .pop-content {bottom: 0;}
.wrap-pop .pop-content {position: fixed; bottom: -100%; width: 100%; background: #fff;padding:0 3%;transition: all .5s;box-sizing: border-box;z-index: 20;}
/*商品参数*/
.prod-doc-table {position: fixed; bottom: -100%; width: 100%; background: #fff;padding:5px 0 12px;transition: all .5s;box-sizing: border-box;z-index: 20;}
.prod-doc-table.show {bottom: 0px;}
.prod-doc-table .prod-close {width: 20px;height: 20px;margin-bottom: 4%;position: absolute;top: 5px;right: 3%;z-index: 21}
.prod-doc-table .prod-close:before {content: ''; background: url(../images/cart_sprits_all.png); width: 20px; height: 20px; background-size: 90px 90px; background-position: 0px -58px; display: inline-block; position: absolute; top: 50%; right: 0px; margin-top: -6px; }
.prod-doc-table .prod-title {position: relative;border-bottom: 1px solid #eee;}
.prod-doc-table .prod-title .img-box {position: absolute; width: 100px; height: 100px; top: -45%; left: 10px; background: #fff; border-radius: 5px; border: 1px solid #eee; }
.prod-doc-table .prod-title .prod {height: 58px;padding-left:120px;}
.prod-doc-table .prod-title .prod .name {padding:0 0.3rem;color: #333;font-size: 1rem;display: block; }
.prod-doc-table .prod-title .prod .price {color: #ff0000; font-size: 0.95rem; line-height: 1.6; }
.prod-doc-table .prod-title .prod .price em {font-size: 1.2rem;padding-left:2px;}
.prod-doc-table .prod-title .prod .spec-weight {color: #787878;font-size: 0.75rem;}
.prod-doc-table .sku-property-list {padding:5px 15px 50px; min-height: 240px;max-height: 240px; overflow-y: auto; }
.prod-doc-table .sku-property-list .property {margin-top: 15px; color: #666; }
.prod-doc-table .sku-property-list .property:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.prod-doc-table .sku-property-list .property span {font-size: 0.9rem; display: inline-block; vertical-align: middle;margin-right: 10px;height: 28px;line-height: 28px;}
.prod-doc-table .sku-property-list .property ul {font-size: 0; padding-top: 3px;}
.prod-doc-table .sku-property-list .property ul li {padding:0.2rem 0.5rem; color: #ddd; border: 1px solid #ddd; border-radius: 2px; display: inline-block; width: 22%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; color: #4a4a4a; font-size: 0.9rem; margin-right: 3%; margin-bottom: .6rem; box-sizing: border-box; }
.prod-doc-table .sku-property-list .property ul li.active {color: #ff0000; border: 1px solid #ff0000; }
.prod-doc-table .sku-property-list .property ul li.disabled {color: #999; border: 1px dotted #ddd; }
.prod-doc-table .btns {width: 100%; position: absolute; bottom: 0; height: 40px;transition: all .4s; }
.prod-doc-table .btns a {display: block;float: left; width: 50%; height: 40px;line-height: 40px;color: #fff;font-size: 1rem; text-align: center; box-sizing: border-box; }

.prod-doc-table .tr {line-height: 1.8; position: relative; font-size: 0.95rem; }
.prod-doc-table .tr .th {text-align: left; color: #888; }
.prod-doc-table .tr .td {position: absolute; right: 0; top: 0; text-align: right; color: #555; }


/*详情*/
.pro-details {width: 100%;background: #fff;padding: 10px;box-sizing: border-box;}
.pro-details .tab-lst {width: 100%;display: block;background: #fff;height: 35px;border-bottom: 1px solid #ddd;}
.pro-details .tab-lst ul li{float: left;width: 33.333333%;height: 35px;line-height: 35px;text-align: center;font-size: 0.9rem;color: #555;}
.pro-details .tab-lst ul li.on {color: #ff0000;}
.pro-details .tabs {padding: 15px;min-height: 100%;box-sizing:border-box;}
.pro-details .tabs .tabs-row p {color: #333;font-size: 1rem;text-align: justify;line-height: 1.8;}

.table-border {border-bottom: solid 1px #e7e7e7; border-left: solid 1px #e7e7e7; min-width: 100%; border-collapse: collapse; border-spacing: 0; word-wrap: break-word; word-break: break-all; }
.table-border td, .table-border th {border-top: solid 1px #e7e7e7; border-right: solid 1px #e7e7e7; padding: 10px; }
.table-border td {color: #787878; font-size:0.85rem; }
.table-border td:first-child {width: 72px; }
.pro-details .tabs .tabs-row .sale-service-content p {color: #787878;font-size: 0.85rem;line-height: 1.6;}

.comment-details {padding:0px 10px 10px;margin-top: 7px;background-color: #fff;}


/*购物车*/
.shopping_main {padding:45px 0px 96px;}
.shop-group-item {margin-bottom:10px;}
.shop-group-item ul li{border-bottom:1px solid #f5f5f5;}
.shop-group-item ul li:last-child{border-bottom:none;}

.shopping_main input[type="checkbox"]{-webkit-appearance:none;outline: none;}
.shopping_main input.check{background:url(../images/cart-check.png) no-repeat center left;background-size:20px 20px;display: inline-block;vertical-align: middle;width:20px;height:35px;}
.shopping_main input.check:checked{background:url(../images/cart-checkon.png) no-repeat center left;background-size:20px 20px;}
.shopping_main input.goodsCheck:checked{background:url(../images/cart-checkon.png) no-repeat center left;background-size:20px 20px;}
.shopping_main input.check:checked{background:url(../images/cart-checkon.png) no-repeat center left;background-size:20px 20px;}
.shopping_main .checked{background:url(../images/cart-checkon.png) no-repeat left center;background-size:20px 20px;position:absolute;top:50%;left:15px;margin-top:-18px;width:20px;height:35px;}

.shop-name{background:#fff;height:40px;line-height:40px;padding:0 15px;position:relative;border-bottom: 1px #f5f5f5 solid;display:-webkit-box;display: flex;}
.shop-name h4{-webkit-box-flex:1;flex:1;font-size:1.5rem;margin-left: 28px;background: url(../images/bg02.png) left center no-repeat;background-size:20px;padding-left:30px;}
.shop-name h4 a{display: block;}
.shop-name.shop-other h4{background: url(../images/bg03.png) left center no-repeat;background-size:20px;}
.shop-info{background:#fff;padding:15px 10px;position:relative;font-size: 0px;}
.shop-info .checkbox{background:url(../images/cart-check.png) no-repeat left center;background-size:20px 20px;position:absolute;top:50%;left:15px;margin-top:-60px;width:20px;height:120px;}
.shop-info .checkbox1{background:url(../images/cart-checkon.png) no-repeat left center;background-size:20px 20px;position:absolute;top:50%;left:15px;margin-top:-60px;width:20px;height:120px;}
.shop-info .shop-info-img{display: inline-block;vertical-align: middle;width:90px;height:90px;margin-left: 10px;}
.shop-info .shop-info-img img{width:100%;height:100%;}
.shop-info .shop-info-text{display: inline-block;vertical-align: middle;width: calc(100% - 130px);height: 90px;margin-left: 10px;position: relative;}
.shop-info .shop-info-text h4{color: #333;font-size:0.9rem;height:36px;line-height: 18px;font-weight: 400;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
.shop-info .shop-info-text .shop-pices {color:#ff0000;font-size:0.95rem;height: 20px;margin-top: 5px;}
.shop-info .shop-info-text .shop-price{width: 100%;height:24px;line-height:24px;position: absolute;left: 0px;bottom: 0px;}
.shop-info .shop-info-text .shop-arithmetic{float: left;width:84px;box-sizing:border-box;white-space:nowrap;height:100%;border:1px solid #e0e0e0;}
.shop-info .shop-info-text .shop-arithmetic a{display:inline-block;width:23px;height:22px;line-height:22px;text-align:center;background:#fff;font-size:16px;}
.shop-info .shop-info-text .shop-arithmetic .minus{border-right:1px solid #e0e0e0;}
.shop-info .shop-info-text .shop-arithmetic .failed{color:#d1d1d1;}
.shop-info .shop-info-text .shop-arithmetic .plus{border-left:1px solid #e0e0e0;}
.shop-info .shop-info-text .shop-arithmetic .num{width:34px;height:100%;font-size: 0.8rem;text-align:center;border:none;display: inline-block;box-sizing:border-box;vertical-align:top;}
.shop-info .shop-info-text .shop-price .setdel {display: block;float: right;width: 24px;height: 24px;background: url(../images/icon-del.png) no-repeat center / 21px 21px;}
.shopPrice{background:#fff;height:35px;line-height:35px;padding:0 15px;text-align:right;}
.shopPrice span{color:#f00;}

.pay-box {position:fixed;width:100%;left:0;bottom: 0px;background-color:#fff;overflow:hidden;z-index:59;}
.pay-box.cart-pay-box {bottom: 47px;}
.pay-box .pay-infor{float:left;width:calc(100% - 100px);height:45px;border-top:solid 1px #ddd;border-top:solid 1px #e1e1e1;overflow:hidden}
.pay-box .checkall-btn{display:block;width:22px;height:22px;float:left;margin:10px 0 0 10px;background-image:url(../images/cart-check.png);background-repeat:no-repeat;background-size:contain;background-position:center}
.pay-box .check_on{background-image:url(../images/cart-checkon.png);background-repeat:no-repeat;background-size:contain;background-position:center}
.pay-box .pay-text{;padding:10px;}
.pay-box .pay-text .pri-p{line-height:24px;height: 24px;font-size:0.95rem;}
.pay-box .pay-text .pri-span{color:#ff0000;font-size:0.95rem;font-weight:bold}
.pay-box .pay-text .pri-span em {font-size: 1.1rem;padding-left: 3px;}
.pay-box .pay-text .pri-span #orderGoodPri {padding-left: 3px;}
.pay-box .pay-btn{float:right;display:block;width:100px;height:46px;line-height:46px;color:#fff;font-size:0.95rem;text-align:center;background-color:#ff0000;}
.pay-box .shop-pay {display: block;width: 100%;height: 46px;line-height: 46px;background: #ff0000;color: #fff;font-size: 1rem;text-align: center;}

/*确认订单*/
.order-detail .addr {background: #fff url(../images/addr_border.png) repeat-x center bottom;background-size: auto 2px;}
/*订单状态*/
.order-detail .order-state-cancel {padding: 5px 0;border-bottom: 1px solid #ddd;background:#fff;}
.order-detail .order-state-cancel .status-text {padding:0 10px;height: 30px;line-height: 30px;}
.order-detail .order-state-cancel .status-text span {color: #333;font-size: 0.95rem;}
.order-detail .order-state-cancel .status-text h3{display: inline;color: #ff3a44;font-size: 0.95rem;font-weight: 700;}
/*未添加地址*/
#addr-edit {padding:20px 10px; line-height: 1.2; position: relative;text-align: center;}
#addr-edit a {display: inline-block;position: relative;background-color: #ff0000;padding: 2px 12px;border-radius: 3px;}
#addr-edit a span {display: inline-block;color: #fff;font-size:0.95rem;line-height: 30px;}

#addr-default {padding:10px 10px 20px; line-height: 1.2; position: relative; }
#addr-default:after {content: ''; position: absolute; width: 10px; height: 10px; border-top: 2px solid #c4c4c4; border-right: 2px solid #c4c4c4; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 0; bottom: 0; right: 12px; margin: auto; }
#addr-default.addr-default:after {visibility: hidden;}
#addr-default a {display: block;position: relative;padding:0px 20px 0px 25px;}
#addr-default a:before {content: ''; position: absolute; top: 1px; left: 0px; width: 18px; height: 20px; background-image: url(../images/cart_sprits_all.png); background-size: 70px 70px; background-position: -25px -48px; }
#addr-default .contact-name, #addr-default .contact-mobile, #addr-default .contact-addr {display: inline-block;  vertical-align: middle;color: #333; font-size: 0.95rem; line-height: 1.5; }
#addr-default .contact-addr {display: block; vertical-align: middle;color: #888;font-size: 0.8rem;margin-top: 5px;}
#addr-default .default-flag {background: #ff3a44; font-size: 0.6rem; color: #fff; height: 15px; line-height: 15px; display: inline-block; vertical-align: middle;padding: 1px 5px 1px; border-radius: 4px; }

/*订单信息*/
#prod-detail {margin-top: 10px;}
#prod-detail .h {padding: 6px 10px;background:#fff;border-bottom: 1px solid #e5e5e5;color: #555;}
#prod-detail .prod-info {padding: 10px;background:#fff;margin-bottom: 10px;}
#prod-detail .prod-info .row {padding: 5px 0px;}
#prod-detail .prod-info .row img {display: block;float: left;width: 80px;height: 80px;border:1px solid #e5e5e5;}
#prod-detail .prod-info .row .prod-desc {display: block;float: right;width: calc(100% - 92px);height: 80px;position: relative;}
#prod-detail .prod-info .row .prod-desc .name {color: #666; font-size: 0.90rem; display: block; width: 100%;height: 36px;line-height: 1.2; overflow: hidden; }
#prod-detail .prod-info .row .prod-desc .level {display: block;width: 100%;height: 21px;line-height: 21px;color: #888;position: absolute;left: 0px;bottom: 0px;}
#prod-detail .prod-info .row .prod-desc .price {color: #ff0000; font-size: 0.9rem;font-style: normal; font-weight: 700; }
#prod-detail .prod-info .row .prod-desc .price em {font-size: 1rem;padding-left: 2px;}
#prod-detail .prod-info .row .prod-desc .mun {float: right;color: #888;font-size: 0.9rem;}

.choose-operate {background: #fff;padding: 0px 10px;margin-bottom: 10px;}
.oItem{ position:relative; border-bottom:1px solid #e8e8e8;}
.oWrap .noBor{ border-bottom:none;}
.oItem a{ display:block; padding:8px 0;}
.oItem .itemName{ font-size:0.9rem; color:#666; position:absolute; left:0; top:8px; line-height:28px;}
.oItem .orderInvNumTit{ top:36px;}
.oItem .itemInfo{ line-height:28px; text-align:right;}
.pd .itemInfo{ margin-right:20px; }
.pd .itemInfo .two{ padding-left:60px; height:28px; line-height:28px;  font-size:0.8rem; color:#333;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.pd .itemInfo .two em{ font-size:14px; padding:0 1px;}
.pd .itemInfo .orderInvNum{ padding-left:90px;}
/*发票信息*/
#pageInvoice {width: 100%;height: 100%;background-color: #fff;}
.invoiceItems{ margin-top:8px; padding:0 10px 12px 10px; background:#fff;}
.invoiceHead{ height:38px; line-height:38px; color:#333; font-size:0.95rem;}
.invoiceTab{ width:100%; overflow:hidden;}
.invoiceTab li{ float:left; width:28%; height:24px; line-height:24px; color:#999; font-size:14px; text-align:center; margin-left:7%; border:1px solid #e0e0e0; border-radius:3px; position:relative; z-index:1;}
.invoiceTab li.t_1{ margin-left:0;}
.invoiceTab li.on{ border:1px solid #fd8686; color:#fc5a5a;}
.invoiceTab li.off{ border:1px solid #f4f4f4; color:#c3c3c3; background:#f4f4f4;}
.invoiceTab li i{ display:none; width:12px; height:12px; background-position:0 0; position:absolute; right:-1px; top:-1px; border-radius:3px;}
.invoiceTab li.on i{ display:block;}
.invoiceTab li a{ display:block;}
.invoiceCon{ padding-top:8px;}
.invoiceItems input[type="text"],.invoiceWrap input[type="tel"]{ width:100%; color:#252525; background:#fff; border:1px solid #dedede; border-radius:3px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.invoiceTitle{ position:relative;}
.invoiceTitle input,.identityNum input{ height:32px; line-height:32px; padding:0 28px 0 8px;}
.identityNum input{ padding:0 8px;}
.invoiceTitle .titDel{ display:block; width:18px; height:18px; background:rgba(0,0,0,0.57) url(../images/cart_sprits_all.png) no-repeat 2px -27px;background-size: 43px 43px; position:absolute; right:6px; top:7px;border-radius: 50%;overflow: hidden;}
.companyName,.identityNum{ position:relative; margin-top:12px;}
.identityNum{ position:relative;}
.invTitleList{ display:none; width:100%; max-height:160px; position:absolute; left:0; top:31px; z-index:10; background:#fff; border:1px solid #d9d9d9; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:3px;}
.invTitleList ul{ max-height:160px; overflow-x:hidden; overflow-y:auto; margin-bottom:-1px; padding:0 8px;}
.invTitleList li{ width:96%; height:32px; line-height:32px; color:#999; padding:0 2%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; border-bottom:1px solid #e8e8e8;}
.invoiceTitle .iiItems,.invoiceInfo .iiItems{ margin-right:35px;}
.iiItems span {color: #444;font-size: 0.9rem;vertical-align: middle;}
.invoicePhone input{ height:32px; line-height:32px; padding:0 8px 0;}
.disabled{	pointer-events:none;}
.iiItems i {display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-right: 6px;background: url(../images/cart-check.png) no-repeat center;background-size: 15px 15px;}
.iiItems.selected i.oIcon {background: url(../images/cart-checkon.png) no-repeat center;background-size: 15px 15px;}
.btnBox {padding: 25px 12px 50px; } 
.btnBox .invoiceSubmit {display: block; width: 100%; height: 40px; line-height: 40px; text-align: center;color: #fff; font-size: 1rem; border-radius: 3px; background: #ff0000;}

.payPro {padding: 10px 12px;} 
.payPro p {color: #666;font-size: 0.7rem;}
.oItem i.oArrow{position: absolute; width: 10px; height: 10px; border-top: 2px solid #c4c4c4; border-right: 2px solid #c4c4c4; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 0; bottom: 0; right: 0px; margin: auto; }
/*发票信息end*/
.orderMes {padding: 10px 0px;}
.orderMes textarea {width: 100%; display: block; padding: 5px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px #eee solid; height: 84px; resize: none; line-height: 20px; border-radius: 4px; }


.buy_section {background: #fff;padding:10px;}
.buy_section .buy_chart .buy_chart_item {display: -webkit-box; display: -webkit-flex; display: flex;line-height: 26px;}
.buy_section .buy_chart .buy_chart_item .text {-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #666;font-size: 0.9rem;}
.buy_section .buy_chart .buy_chart_item .price {color: #ff0000;font-size: 0.95rem;}
.buy_section .buy_chart .buy_chart_item .price em {padding-left: 3px;font-size: 1rem;}

.PayState {padding: 10px;color: #555;font-size: 0.85rem;}
.PayAmount {padding: 10px;color: #555;font-size: 0.95rem;height: 21px;line-height: 21px;background-color: #fff;}
.PayAmount .t {float: left;}
.PayAmount .amo {float: right;color: #ff0000;font-size: 1rem;}

.pay-list {background: #fff;padding:0px 10px;margin-top: 10px;}
.pay-list ul li {border-bottom: 1px solid #eee;}
.pay-list ul li a {display: block;position: relative;}
.pay-list ul li a span {display: inline-block;vertical-align: middle;margin-right: 10px;color: #555;font-size: 1rem;}
.pay-list ul li a .pay-icon {display: inline-block;vertical-align: middle;width: 30px;height: 30px;background: url(../images/index_icons.png) no-repeat;background-size: 300px 300px;}
.pay-list ul li a.wechat .pay-icon {background-position: 0px -93px;}
.pay-list ul li a.balance .pay-icon {background-position: -36px -93px;}
.pay-list ul li a.pay-links:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; margin: auto; right: 5px; width: 21px; height: 21px; background-image: url(../images/cart-check.png); background-size: 21px 21px; background-repeat: no-repeat; }
.pay-list ul li.on a.pay-links:before {background-image: url(../images/cart-checkon.png); }
.pay-list ul li a label {padding: 10px 0px;}
.pay-list ul li a label input {width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;}
.pay-list ul li a span.title-main em {display: block;font-size: 0.95rem}
.pay-list ul li a span.title-main i {display: block;font-size: 0.75rem;color: #999;}
.pay-list ul li a span.title-main i span,.pay-list ul li a span.title-main i b {font-size: 0.75rem;color: #999;font-weight: 400;}
.pay-list ul li .balancepass {color: #888;font-size: 0.9rem;margin-bottom: 10px;}
.pay-list ul li .balancepass a {display: inline-block;color: #ff0000;}

.balancePayBox {display: none;width: 100%;height: 100%;position: fixed;left: 0px;top: 0px;z-index: 89;}
.balancePayBox .balancePayBg {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);}
.balancePayBox .balancePayCon {width: 80%;height: 160px;position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;margin: auto;background-color: #fff;padding:15px;box-sizing: border-box;border-radius: 5px;}
.balancePayBox .balancePayCon .icon {width: 100%;text-align: center;color: #333;font-size: 1rem;}
.balancePayBox .balancePayCon .PayPassword {padding: 20px 0px;}
.balancePayBox .balancePayCon .PayPassword input {width: 100%; height: 36px; line-height: 34px; padding: 0 10px; color: #333;font-size: 1.2rem;border: 1px solid #ccc; outline: none; border-radius: 3px; overflow: hidden;box-sizing: border-box;text-align: center;}
.balancePayBox .balancePayCon .payBtn {height: 32px;width: 100%;}
.balancePayBox .balancePayCon .payBtn a.ui-button {display: block;float: right;width:100px;height:35px;line-height: 35px;text-align: center;border-radius: 5px;color:#fff;font-size: 0.9rem;background-color: #ff9000;}
.balancePayBox .balancePayCon .payBtn a.col{float: left;background-color: #ff3c3c}


/*支付成功*/
.pay-wrap {padding-top: 45px;}
.pay-info {padding:30px 10px;background:#ff0000;background-size: cover;text-align: center;}
.pay-info .pay-price {color: #fff;font-size: 1.25rem;}
.pay-info .pay-price em {font-size: 2rem;padding-left: 2px;}
.pay-info p {color: #fff;font-size: 0.95rem;margin: 5px 0px;}
.pay-wrap .pay-btns {width: 100%;text-align: center;padding: 30px 0px;}
.pay-wrap .pay-btns a {display: inline-block;vertical-align: middle;width: 118px;height: 34px;line-height: 34px;color: #ff0000;font-size: 0.95rem;border:1px solid #ff0000;text-align: center;border-radius: 3px;overflow: hidden;margin:0px 10px;}

/*个人中心*/
.account-main{position:relative;width:100%;background:url(../images/account-topbg.jpg) no-repeat center center;background-size:cover;color:#fff}
.account-main .icon-links {position: absolute;right: 0px;top: 10px;}
.account-main .icon-links:before,.account-main .icon-links:after{content:" ";display:table}
.account-main .icon-links:after{clear:both}
.account-main .icon-links .item{position:relative;display:inline-block;background-color:rgba(0,0,0,0.23);padding:3px 10px ;border-radius: 50px 0px 0px 50px;}
.account-main .icon-links .item img{width:25px;height:25px;}
.account-main .icon-links .item span {color: #fff;font-size: 0.9rem;display: inline-block;margin-left: 5px;}
.account-main .avatar-box{padding:25px 10px;}
.account-main .avatar-box:before,.account-main .avatar-box:after{content:" ";display:table}
.account-main .avatar-box:after{clear:both}
.account-main .avatar-box .uname{display: inline-block;vertical-align: middle;font-size:1rem;}
.account-main .avatar-box .uname span {font-size: 0.9rem;}
.account-main .avatar-box .avatar{display: inline-block;vertical-align: middle;margin-right:15px;width:70px;height:70px;}
.account-main .avatar-box .avatar img{width:70px;height:70px;border-radius:70px}

.user-nav {background-color: #fff;padding:10px 0px;}
.user-nav a {display: block;float: left;width: 33.3333333%;text-align: center;color: #555;}
.user-nav a span {display: block;font-size: 1rem;}
.user-nav a p {font-size: 0.95rem}

.block-wrap {margin: 10px 0px 0px;}
.block-wrap .block-list {height: 45px;line-height: 45px;border-bottom: 1px solid #e3e3e3;padding: 0 12px;background:#fff;box-sizing: border-box;position: relative;}
.block-wrap .block-list a {display: block;color: #555;font-size: 0.95rem;position: relative;padding-left: 32px;}
.block-wrap .block-list a i {display: block;width: 25px;height: 25px;position: absolute;left: 0px;top: 10px;background-image: url(../images/uesr_icons.png);background-repeat: no-repeat;background-size: 195px 50px;}
.block-wrap .block-list a:after {content: '';display: block;position: absolute;top: 0;bottom: 0;right: 0;margin: auto; width: 10px; height: 10px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.block-wrap .block-list a span {color: #666;font-size: 0.9rem;position: absolute;right: 20px;top: 0px;}
.block-wrap .block-list .btn-primary {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 1}

.block-wrap .block-list a i.icon1 {background-position: 0px 0px;}
.block-wrap .block-list a i.icon2 {background-position: -25px 0px;}
.block-wrap .block-list a i.icon3 {background-position: -50px 0px;}
.block-wrap .block-list a i.icon4 {background-position: -75px 0px;}
.block-wrap .block-list a i.icon5 {background-position: -100px 0px;}
.block-wrap .block-list a i.icon6 {background-position: -125px 0px;}
.block-wrap .block-list a i.icon7 {background-position: -150px 0px;}
.block-wrap .block-list a i.icon8 {background-position: 0px -25px;}
.block-wrap .block-list a i.icon9 {background-position: -25px -25px;}

.block-wrap .list-order{padding:20px 0 10px;border-bottom: 1px solid #e3e3e3;background-color:#fff;}
.block-wrap .list-order i{display:block;position:relative;}
.block-wrap .list-order i img{width:30px;}
.block-wrap .list-order i span{width:18px;height:18px;line-height:18px;background-color:#ff0000;color:#fff;position:absolute;left:52%;top:-5px;font-size:12px;-webkit-border-radius:50%;border-radius:50%;}
.block-wrap .list-order p{line-height:30px;font-size:14px;color:#666;}

.login {width: 100%;height: 45px;line-height: 45px;position: relative;}
.login h4 {text-align: center;color: #333;font-size: 1.2rem;font-weight: 400;}
.login a.back {display: block;position: absolute;left: 0px;top: 0px;width: 40px;height: 45px;line-height: 45px;text-align: center;background: url(../images/close.png) no-repeat center;background-size: 28px 28px;}

.login_body {width: 100%;box-sizing:border-box;}
.login_body .input_wrap {padding: 30px 15px 15px;overflow: hidden;}
.login_body .input_wrap .item{width: 100%;height: 48px;border-bottom: 1px solid #e5e5e5;background: #fff;position: relative;}
.login_body .input_wrap .item span {display: block;float: left;width: ;color: #555;font-size: 1rem;line-height: 48px;}
.login_body .input_wrap .item input {float: right;width: calc(100% - 42px);height: 48px;line-height: 28px;padding: 10px;color: #555;font-size: 0.95rem;background:transparent;box-sizing:border-box;}
.login_body .input_wrap .item input:-webkit-autofill {box-shadow: 0px 0px 0px 1000px white inset;}
.login_footer {padding:0px 15px;}
.login_body .login_footer .btn-submit {width: 100%;height: 42px;background-color: #ff0000;color: #fff;font-size: 1.2rem;text-align: center;border-radius:5px;margin-top: 40px;}
.login_body .login_footer .info a {display: block;float: right;margin-left: 30px;color: #787878;font-size: 0.95rem;}


/*我的订单*/
.order_warp {padding: 45px 0px 10px;}
.order-nav {width: 100%;background: #fff;display: -webkit-box;}
.order-nav a {display:block;font-size: 0.95rem;text-align: center;line-height: 34px;color: #333;-webkit-box-flex: 1.0;-moz-box-flex: 1.0;box-flex: 1.0;}
.order-nav a.cur {color: #ff0000;border-bottom: 1px solid #ff0000;}

.order-item {margin-top: 7px;background-color: #fff;}
.order-item .name {height: 35px; line-height: 35px; padding: 0 10px; border-bottom: 1px solid #eee;}
.order-item .left, .container .order-item .right {font-size: 0.90rem; display: inline-block; color: #999; vertical-align: middle;} 
.order-item .left {float: left;font-size: 0.85rem;}
.order-item .right {float: right; color: #ff0000;font-size: 0.85rem;}
.order-item .product {display: block; padding: 12px 10px; background-color: #fff;border-bottom: 1px solid #eee;}
.order-item .product .img {vertical-align: top; display: inline-block;}
.order-item .product .img img {width: 70px; height: 70px; }
.order-item .product .p_info {vertical-align: top; display: inline-block;width: calc(100% - 82px);margin-left: 5px;}
.order-item .product .p_info .p_name {font-size: 0.9rem; color: #333;height: 32px;line-height: 1.1;overflow: hidden;text-overflow: ellipsis;}
.order-item .product .p_info .p_desc {font-size: 0.8rem; color: #666; height: 20px; line-height: 20px; }
.order-item .product .p_info .p_price {height: 19px;line-height: 19px;}
.order-item .product .p_info .p_price .left {color: #ff0000;font-size: 0.75rem;}
.order-item .product .p_info .p_price .left em {font-size: 0.95rem;}
.order-item .product .p_info .p_price .right {color: #666}
.order-item .status .info {padding:0 10px;color: #333;font-size: 0.85rem;height: 32px;line-height: 32px;border-bottom: 1px solid #eee;text-align: right;} 
.order-item .status .info font {color:#ff0000;font-size: 0.9rem;}
.order-item .status .info font em {padding-left: 2px;font-size: 0.95rem;}
.order-item .status .btns {padding: 10px;text-align: right;}
.order-item .status .btns a {display: inline-block;vertical-align: middle;font-size: 0.8rem; padding: 5px 0px 4px; min-width: 70px; text-align: center; margin-left: 5px; height: 16px; line-height: 16px; border:1px solid #ccc;border-radius: 5px;}
.order-item .status .btns a.deliver {border-color: #ff0000; background-color: #ff0000; color: #fff; }

.order-dynamic {padding:25px 20px;background: linear-gradient(to top right, #ff6f1c 0%, #ff0000 100%);}
.order-dynamic .ico {width: 50px;height: 50px;display: inline-block;vertical-align: middle;background: url(../images/dynamic_ico.png) no-repeat;background-size: 50px 50px;}
.order-dynamic .txt {display: inline-block;vertical-align: middle;width: calc(100% - 60px);margin-left: 5px;}
.order-dynamic .txt p {color: #fff;font-size: 1rem;}
.order-dynamic .txt span {color: #fff;font-size: 0.85rem;}

.dynamic-info {background-color: #fff;}
.dynamic-info .status-info, .dynamic-info .address-info {padding:13px 10px;border-bottom: 1px solid #e5e5e5;}
.dynamic-info div i {display:inline-block;vertical-align: middle;width: 23px;height: 23px;margin-right: 7px;background:url(../images/index_icons.png) no-repeat;background-size: 340px 340px;}
.dynamic-info .status-info i {background-position: -198px -1px;}
.dynamic-info .address-info i {background-position: -231px 0px;}
.dynamic-info div .con {display: inline-block;vertical-align: middle;width: calc(100% - 35px);position: relative;}
.dynamic-info .status-info .con:after {content: ''; display: block; position: absolute; width: 10px; height: 10px; border-top: 1px solid #bbb; border-right: 1px solid #bbb; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 0; bottom: 0; right: 0px; margin: auto; }
.dynamic-info div .con p {color: #333;font-size: 0.9rem;}
.dynamic-info div .con span {color: #888;font-size: 0.85rem;}
.extra {padding:3px 10px;background-color: #fff;}
.extra p {color: #666;font-size: 0.9rem;line-height: 30px;}
.extra p.p-delivery {border-top: 1px solid #e5e5e5;line-height:35px;margin-top: 3px;}

.order-price {background-color: #fff;margin-top: 7px;padding: 6px 10px 0px;margin-bottom: 50px;}
.order-price dl {height: 25px;line-height: 25px;color: #666;font-size: 0.9rem;}
.order-price dl dt {float: left;}
.order-price dl dd {float: right;}
.order-price p {border-top: 1px solid #ececec;margin-top: 3px;line-height: 38px;text-align: right;color: #666;font-size: 0.9rem;}
.order-price p font {color: #ff0000;}
.order-price p font em {font-size:1rem;padding-left: 2px;}

.o-tab-btn {width: 100%;background-color: #fff;padding:10px;text-align: right;position: fixed;left: 0px;bottom: 0px;box-sizing:border-box;box-shadow: 1px 1px 10px #ccc;}
.o-tab-btn a {display: inline-block;vertical-align: middle;font-size: 0.8rem; padding: 5px 0px 4px; min-width: 70px; text-align: center; margin-left: 5px; height: 20px; line-height: 20px; border:1px solid #ccc;border-radius: 5px;}
.o-tab-btn a.deliver {border-color: #ff0000; background-color: #ff0000; color: #fff; }


#status-flow .flow_title {margin-top: 10px; padding: 10px 15px 0; background: #fff; }
#status-flow .flow_title .text {vertical-align: middle; display: inline-block; color: #242529; margin-left: 8px; }
#status-flow .flow_chart {padding: 15px 25px; background: #fff; }
#status-flow .flow_chart ul, #status-flow .flow_chart ul li {display: block; position: relative; }
#status-flow .flow_chart ul {border-left: 1px solid #ddd; }
#status-flow .flow_chart ul li {margin-top: 14px; padding-top: 14px; border-top: 1px solid #e6e6e6; margin-left: 20px; font-size: 0.95rem; color: #555; }
#status-flow .flow_chart ul li .value:before {border: none; background-color: #DCDADA; border-radius: 8px; content: ""; height: 8px; left: -24px; position: absolute; top: 18px; width: 8px; z-index: 11; }
#status-flow .flow_chart ul li .time {font-size: 0.9rem;}
#status-flow .flow_chart ul li.first .value:before {background-color: #dcdcdc;}
#status-flow .flow_chart ul li.cur {border: 0; padding-top: 0; margin-top: 0; color: #ff0000; }
#status-flow .flow_chart ul li.cur .value {position: relative; }
#status-flow .flow_chart ul li.cur .value:before {background-color: #ff0000; border: 3px solid #ff717c; border-radius: 11px; content: ""; width: 6px;height: 6px; left: -26px; position: absolute; top: 0; }


/*评价*/
.evaluation .head {border-bottom: 1px solid #e5e5e5;margin-top: 45px;padding: 10px;background-color: #fff;}
.evaluation .head .pic {width: 50px;height: 50px;float: left;border:1px solid #e5e5e5;}
.evaluation .head .store_rating {float: right;width: calc(100% - 60px);}
.evaluation .head #starttwo span {color: #555;font-size: 0.95rem;}
.store_rating .block{ width:100%;margin:10px 0;}
.store_rating .block .star_score{ float:left;}
.store_rating .block span{float: left;color: #555;font-size: 14px;margin-right: 10px;height: 20px;line-height: 24px;}
.store_rating .star_score { width:160px; height:20px;  position:relative; }
.store_rating .star_score a{ height:20px; display:block; text-indent:-999em; position:absolute;left:0;}
#starttwo .star_score,.star_score { background:url(../images/starky.png);}
#starttwo .star_score a:hover, .star_score a:hover{ background:url(../images/starsy.png);left:0;}
#starttwo .star_score a.clibg, .star_score a.clibg{ background:url(../images/starsy.png);left:0;}

.evaluation .textarea{padding:0 10px;background-color: #fff}
.evaluation .textarea textarea{width:100%;padding:10px 0;height:92px;resize: none;font-size: 0.9rem;}
.evaluation_file{background-color: #fff}
.evaluation_file p{padding: 0 10px; width: 100%;box-sizing: border-box;float: left;position: relative;}
.evaluation_file .file input{width: 22%;margin-right: 2%;margin: 10px 0;font-size: 0;position: absolute;left: 10px;top: 0px;height: 22vw;opacity: 0;}
.evaluation_file .file img {float: left;width: 23%;}
.anonymous {padding:10px;background-color: #fff;border-top: 1px solid #e5e5e5;}
.anonymous label {float: left;height: 22px;}
.anonymous label input {display: inline-block;vertical-align: middle;width: 18px;height: 18px;background-image:url(../images/cart-check.png);background-repeat: no-repeat;background-size:100%;}
.anonymous label input[type="checkbox"]:checked{background-image:url(../images/cart-checkon.png);}
.anonymous label span {display: inline-block;vertical-align: middle;color: #888;font-size: 0.9rem;}
.anonymous p {float: right;height: 22px;line-height: 22px;color: #888;font-size: 0.85rem;}

.evaluation_nav{display: -webkit-box;display: flex;background-color: #fff;}
.evaluation_nav a{-webkit-box-flex:1;flex: 1;display: block;text-align: center;height:24px;line-height:24px;font-size: 0.9rem;border:1px #ff0000 solid;margin:10px 5px;border-radius:10px;color:#ff0000;}
.evaluation_nav a.cur{background: #ff0000;color:#fff;}

/*图片点击放大*/
.comment-img-container {width: 100%;padding-top: 10px;}
.comment-img-container .img-container li {float:left;width: 60px;height: 60px;margin-right: 5px;}
.comment-img-container .img-container li img {width:100%;height: 100%;}
.baguetteBox-button {background-color: transparent !important;}


#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.95);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}


/*管理收货地址*/
#addresslist li {margin-top: 7px; background: #fff; padding: 10px 10px 0px;color: #555; }
#addresslist li>a {display: block;}
#addresslist li span {display: inline-block; margin-bottom: .6rem; }
#addresslist li .mobile {float: right; padding-right: .75rem; }
#addresslist li .detailed-addr {line-height: 1rem; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #f4f4f4;color: #666;font-size: 0.85rem;}
#addresslist li .operations {height: 2.2rem; line-height: 2.2rem; }
#addresslist li .operations a {color: #555; font-size: 0.9rem; display: inline-block; vertical-align: middle; }
#addresslist li .operations a label input {display: inline-block; vertical-align: middle; margin-right: .25rem; width: 18px; height: 18px;background: url(../images/cart-check.png) no-repeat; background-size: 18px 18px; margin-right: .4rem; }
#addresslist li .operations a label input[type="checkbox"]:checked,
#addresslist li .operations a label input[type="radio"]:checked {background: url(../images/cart-checkon.png) no-repeat;background-size: 18px 18px;}
#addresslist li .operations a label span {display: inline-block;vertical-align: middle;margin: 0px;}
#addresslist li .operations .btnEdit, #addresslist li .operations .btnDelete {float: right;margin: 0 10px 0 15px;}
#addresslist li .operations .btnEdit:before {content: "";display: inline-block;vertical-align: middle;margin-right: 0.5rem;margin-bottom: 0.1rem;background: url(../images/index_icons.png) no-repeat; width: 18px; height: 18px; background-size: 220px 220px; background-position: -40px -26px;}
#addresslist li .operations .btnDelete:before {content: "";display: inline-block;vertical-align: middle;margin-right: 0.5rem;margin-bottom: 0.1rem;background: url(../images/index_icons.png) no-repeat; width: 18px; height: 18px; background-size: 220px 220px; background-position: -80px -26px; }
#addresslist li .operations a span.Default {color: #fff;font-size: 0.8rem;margin: 0px;display: inline-block;line-height: 20px;background: #ff0000;border-radius: 5px;padding: 0px 5px;}
#btnAddNewAddr {height: 42px; line-height: 42px; background: #ff0000; border: none; position: fixed; bottom: 0; left: 0; width: 100%; color: #fff; font-size: 1rem; text-align: center; }

.goback {display: block;width: 120px;height: 32px;line-height: 32px;background: #ff0000;color: #fff;border-radius: 3px;margin: 20px auto;font-size: 0.9rem;text-align: center;}
/*新增地址*/
.address-form {margin-top: 7px; background: #fff; padding:0 10px; }
.address-form .form-group {border-bottom: 1px solid #f5f5f5; position: relative; height: 45px;}
.address-form .form-group label.name {width: 82px;height: 25px;line-height: 25px;margin:10px 0px;display: block; font-size: 0.95rem; color: #666;float: left;}
.address-form .form-group input, #address-pop .address-form .form-group select, .choosearea {display: block; float: right;width: calc(100% - 85px); height: 25px;line-height: 25px;margin:10px 0px; border: none;color: #666;font-size: 0.95rem;font-family: Helvetica,sans-serif;}
.address-form .detailed-addr textarea {display: block;float: right;width: calc(100% - 85px);height: 25px;line-height: 25px;margin:10px 0px;color: #666;font-size: 0.9rem;font-family: Helvetica,sans-serif;}
#btnSaveAddr {margin: 25px auto 0; width: 94%; height: 40px; border-radius: 5px; line-height:40px; outline: none; background: transparent; background: #ff0000; border: none; display: block; color: #fff; font-size: 0.95rem;text-align: center;}

/*我的余额*/
.mybalance {margin-top: 45px;padding: 50px 0px;position:relative;width:100%;background:url(../images/mybalance_bg.jpg) no-repeat center center;background-size:cover;color:#fff}
.mybalance .mybalance-box {text-align: center;}
.mybalance .mybalance-box p {font-size: 3rem;}
.mybalance .mybalance-box span {font-size: 0.9rem;}

.btn {display: block;width: 200px;height: 42px;line-height: 42px;text-align: center;background-color: #ff7100;margin: 30px auto;color: #fff;border-radius: 5px;}

.exchange {margin-top: 45px;}
.exchange .exchange-item {padding: 0px 10px;background: #fff;}
.exchange .exchange-item .item {height: 30px;border-bottom: 1px solid #eee;padding: 12px 0px;}
.exchange .exchange-item .item .ico {float: left;width: 30px;height: 30px;background: url(../images/index_icons.png) no-repeat -69px -74px;background-size: 240px 240px;}
.exchange .exchange-item .item .date {float: left;margin-left: 20px;}
.exchange .exchange-item .item .date p {color: #333;font-size: 0.95rem;height: 18px;line-height: 18px;}
.exchange .exchange-item .item .date span {color: #888;font-size: 0.75rem;display: block;height: 12px;line-height: 12px;}
.exchange .exchange-item .item .price {float: right;line-height: 30px;color: #666;}

.exchange .exchange-item .row {padding: 10px 0px;border-bottom: 1px solid #eee;}
.exchange .exchange-item .row .img {float: left;width: 80px;height: 80px;position: relative;}
.exchange .exchange-item .row .img span {position: absolute;left: 0px;bottom: 0px;width: 100%;background-color: rgba(0,0,0,0.5);color: #fff;font-size: 0.75rem;text-align: center;padding: 2px 0px;}
.exchange .exchange-item .row .txt {float: right;width: calc(100% - 90px);}
.exchange .exchange-item .row .txt h4 {color: #555;font-size: 1rem;font-weight: 400;margin-bottom: 0px;}
.exchange .exchange-item .row .txt p {color: #888;font-size: 0.8rem;}

.exchange .recharge-item {padding: 0px 10px;background: #fff;}
.exchange .recharge-item .item {height: 30px;border-bottom: 1px solid #eee;padding: 12px 0px;}
.exchange .recharge-item .item .ico {float: left;width: 30px;height: 30px;background: url(../images/index_icons.png) no-repeat -100px -74px;background-size: 240px 240px;}
.exchange .recharge-item .item .date {float: left;margin-left: 20px;}
.exchange .recharge-item .item .date p {color: #333;font-size: 0.95rem;height: 18px;line-height: 18px;}
.exchange .recharge-item .item .date span {color: #888;font-size: 0.75rem;display: block;height: 12px;line-height: 12px;}
.exchange .recharge-item .item .price {float: right;line-height: 30px;color: #666;}

/*充值*/
.recharge-box {margin-top: 45px;}
.recharge_login {padding: 20px 10px;}
.recharge_login .login_con {background-color: #ffa82f;padding: 10px 0px;border-radius: 5px;margin-bottom: 20px;}
.recharge_login .login_con .con {background-color: #fff;padding:15px;}
.recharge_login .login_con .con .item {width: 100%;height: 35px;padding: 10px 0px;}
.recharge_login .login_con .con .item .label {display: block;float: left;width: 50px;height: 35px;line-height: 30px;color: #333;font-size: 0.95rem;}
.recharge_login .login_con .con .item input {width: calc(100% - 50px);height: 35px;padding: 10px;border:1px solid #c9c9c9;color: #333;font-size: 0.9rem;border-radius: 3px;box-sizing: border-box;}
.recharge_login input.submit {width: 100%;height: 42px;margin-top: 20px;background-color: #ff7f2b;color: #fff;font-size: 1rem;border-radius: 5px;text-align: center;cursor: pointer;}
.recharge_login p {color: #666;font-size: 0.8rem;}

.card {padding: 15px;background-image: url(../images/shopping_card.jpg);background-size: cover;background-repeat: no-repeat;border-radius: 10px;overflow: hidden;}
.card .ico {float: left;width: 68px;height: 50px;background: url(../images/cardname.png) no-repeat;background-size: 68px 50px;}
.card .price {float: right;color: #fff;}
.card .price i {font-size: 1.6rem;vertical-align: top;line-height: 30px;}
.card .price span {font-size: 4rem;vertical-align: top;line-height: 50px;}
.card .note {width: 100%;color: #fff;font-size: 0.85rem;margin-top: 30px;}
.card .note p {color: #fff;font-size: 1rem;}

/*兑换*/
.exchange_list {display: block;padding: 10px;}
.exchange_list .item {width: 100%;background: #fff;margin: 0px 10px 20px 0px;box-shadow: 2px 3px 15px #ccc}
.exchange_list .item .h {width: 100%;height: 42px;line-height: 42px;color: #fff;font-size: 16px;background-color: #ff0000;background-repeat: no-repeat;background-position: right center;background-size:cover;padding: 0 20px;box-sizing: border-box;}
.exchange_list .item1 .h {background-image: url(../images/exchange_A.jpg);}
.exchange_list .item2 .h {background-image: url(../images/exchange_B.jpg);}
.exchange_list .item3 .h {background-image: url(../images/exchange_C.jpg);}
.exchange_list .item4 .h {background-image: url(../images/exchange_D.jpg);}
.exchange_list .item .con {padding: 10px;}
.exchange_list .item .con ul li {width: 23%;float: left;margin: 0px 1% 10px;}
.exchange_list .item .con ul li a {display: block;}
.exchange_list .item .con ul li a p {color: #555;font-size: 12px;line-height: 15px;height: 30px;overflow: hidden;}
.exchange_list .item .con .date {height: 20px;line-height: 20px;padding:10px 0px 5px;color: #888;font-size: 0.85rem;text-align: right;}
.exchange_list .item .con .addBtn {display: block;margin: 0 auto;width: 100%;height: 38px;line-height: 38px;text-align: center;margin: 10px 0px;background-color: #ff7f2b;color: #fff;font-size: 15px;border-radius: 5px;}

/*个人资料*/
.user_wrap {padding-top: 45px;}
.infor .infor_avatar {height: 60px;padding: 10px 12px;background: #fff;position: relative;border-bottom: 1px solid #e3e3e3;}
.infor .infor_avatar:after {content: '';display: block;position: absolute;top: 0;bottom: 0;right: 12px;margin: auto; width: 10px; height: 10px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.infor .infor_avatar label {display: inline-block;vertical-align: middle;color: #333;font-size: 0.95rem;line-height: 60px;}
.infor .infor_avatar #changeAvatar {display: inline-block;float: right;width: 60px;height: 60px;margin-right: 25px;border-radius: 50%;position: relative;}
.infor .infor_avatar #changeAvatar img {display: block;width: 100%;height: 100%;}
.infor .infor_avatar #img {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;opacity: 0;}
.infor .infor_avatar #photo {width: 100%;height: 100%;border-radius: 50%;overflow: hidden;}

.infor_list {padding-bottom: 45px;}
.infor_list ul li {height: 45px;line-height: 45px;border-bottom: 1px solid #e3e3e3;padding: 0 12px;display: block;color: #333;background:#fff;position: relative;box-sizing: border-box;}
.infor_list ul li label {display: block;float: left;width: 82px;color: #333;font-size: 0.95rem;overflow: hidden;}
.infor_list ul li .con:after {content: '';display: block;position: absolute;top: 0;bottom: 0;right:12px;margin: auto; width: 10px; height: 10px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.infor_list ul li .con {float: left;width: calc(100% - 103px);height: 29px;line-height: 29px;padding: 8px 0px;margin:0px 10px;color: #555;font-size: 0.95rem;text-align: right;}
.infor_list ul li .name {float: left;width: calc(100% - 103px);height: 29px;line-height: 29px;padding: 8px 0px;margin:0px 10px;color: #555;font-size: 0.95rem;text-align: right;}
.infor_list ul li .con select {direction: rtl;width: auto;height: 29px;line-height: 29px;color: #555;font-size: 0.95rem;padding: 0 10px;text-align: right;box-sizing: border-box;}
.infor_list ul li .con input {width: 100%;height: 29px;line-height: 29px;color: #555;font-size: 0.95rem;padding: 0 10px;text-align: right;box-sizing: border-box;}
.infor_list ul li.pw {margin-top: 15px;}
.infor_list ul li a {display: block;width: 100%;height: 45px;}
.user_con .btn {display: block;width: 88%;height: 42px;line-height: 42px;margin:0 auto;text-align: center;color: #fff;font-size: 1rem;background: #ff0000;border-radius: 3px;}

/*设置*/
.set_list {padding-bottom: 60px;}
.set_list #changeAvatar {background-color: #fff;padding: 15px 10px;position: relative;}
.set_list #changeAvatar:after {content: '';display: block;position: absolute;top: 0;bottom: 0;right: 12px;margin: auto; width: 10px; height: 10px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.set_list #changeAvatar a {display:block;}
.set_list #changeAvatar #photo {display: inline-block;vertical-align: middle;width: 70px;height: 70px;overflow: hidden;border-radius: 50%;}
.set_list #changeAvatar #photo img {display: block;width: 100%;height: 100%;}
.set_list #changeAvatar .txt {display: inline-block;vertical-align: middle;margin-left: 10px;}
.set_list #changeAvatar .txt p {color: #555;font-size: 1.1rem;}
.set_list #changeAvatar .txt span {color: #787878;font-size: 0.9rem;}
.set_list ul {background-color: #fff;margin-top: 10px;}
.set_list ul li {padding: 0 10px;height: 45px;line-height: 45px;border-bottom: 1px solid #e3e3e3;position: relative;}
.set_list ul li a {display: block;color: #666;font-size: 0.95rem;}
.set_list ul li:after {content: '';display: block;position: absolute;top: 0;bottom: 0;right: 12px;margin: auto; width: 10px; height: 10px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.set_list ul li a .value {color: #757575; margin-left: 20px; }
.set_list ul li a .operate {float: right; margin-right: 20px; color: #757575;}

/*手机验证*/
#verify-wrap .mobile {padding: 16px 0; text-align: center; color: #333; line-height: 24px; font-size: 24px; }
#verify-wrap .input-wrap {border: 1px solid #e6e6e6; height: 34px; background-color: #fff; padding: 10px; position: relative; margin:-1px auto 0; }
.input-wrap>input {display: block; padding-right: 90px; line-height: 34px; height: 34px; border: none; font-size: 0.9rem; width: 100%; box-sizing: border-box; }
.input-wrap>input.disabled {font-size: 1rem;}
.input-wrap .get-code {position: absolute; top: 10px; right: 10px; width: 90px; height: 35px; background-color: #ff0000; line-height: 35px; font-size: 0.82rem; text-align: center; color: #fff; border: none; border-radius: 4px; }
.bind-tips {font-size: 0.8rem; color: #757575; line-height: 24px; padding: 6px 1%; }
/*修改密码*/
.set-pwd-wrap {background-color: #fff; }
.set-pwd-wrap .input-wrap {height: 54px; border-bottom: 1px solid #f2f2f2; position: relative; padding: 0 15px; }
.set-pwd-wrap .input-wrap>input {box-sizing: border-box; height: 54px; line-height: 54px; width: 95%; border: none; color: #333; }
.submit-pwd {display: block; margin: 50px auto 0; height: 40px; line-height: 40px; color: #fff; font-size: 1rem; text-align: center; width: 94%; background-color: #ff0000; border: none; border-radius: 5px; }

.btn-verify-number {margin: 50px auto 0; height: 44px; line-height: 44px; background: #ff0000; color: #fff; text-align: center; display: block; width: 94%; border: none; font-size: 1.1rem; border-radius: 3px; }


/*关于我们*/
.about {position: absolute;left: 0px;top: 0px;width: 100%;min-height: 100%;background-color: #fff;padding-top: 38px;box-sizing: border-box;}
.about_con {padding: 15px 10px;}
.about_con p {color: #555;font-size:0.95rem;line-height: 1.4;margin-bottom: 5px;}
.about_con p strong {font-size: 1rem;color: #333;}

/*常见问题*/
.faq_warp {padding-top: 10px;}
.faq_warp .accordion {background: #fff;}
.faq_warp .accordion li {border-bottom: 1px solid #e3e3e3;position: relative;}
.faq_warp .accordion li:after {content: '';display: block;position: absolute;top: 0;bottom: 0;right:12px;margin: auto; width: 10px; height: 10px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.faq_warp .accordion li a {display: block;padding:10px;color: #555;font-size: 1rem;}
.faq_warp .text {padding: 15px 0px;text-align: center;}
.faq_warp .text p {color: #333;font-size: 0.95rem;}

.feedback_text {padding: 10px;background: #fff;}
.feedback_text textarea {width: 100%;height: 120px;font-size: 0.95rem;}
.feedback_tel {padding: 10px;background: #fff;margin-top: 10px;height: 25px;line-height: 25px;}
.feedback_tel label {display: block;width: 72px;color: #555;font-size: 0.95rem;border-right: 1px solid #ccc;float: left;}
.feedback_tel input {display: block;width: calc(100% - 98px);float: right;height: 25px;line-height: 25px;color: #555;font-size: 0.95rem;}
.feedback a.btn {display: block;width: 92%;margin: 50px auto 0px;background-color: #ff0000;background: -webkit-gradient(linear,left top,left bottom,from(#ed3131),to(#ff0000));color: #fff;font-size: 1rem;height: 45px;line-height: 45px;text-align: center;border-radius: 5px;}

/*动态匡*/
.modal-open {overflow: hidden; }
.modal {display: none; overflow: hidden; position: fixed;top:0;right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; }
.modal.fade .personal_gender,.gender.fade .personal_gender,.modal.fade .sign_out ,.modal.fade .video,.modal.fade .success{-webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.modal.in .personal_gender,.gender.in .personal_gender,.modal.in .sign_out,.modal.in .video,.modal.in .success{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal-open .modal,.modal-open .gender {overflow-x: hidden;overflow-y: auto;}
.modal-dialog {position: relative; width: auto;}
.modal-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; }
.modal-backdrop.fade {opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.in {opacity: 0.6; filter: alpha(opacity=60);}
.sign_out{position: relative;width: auto;margin:50% 30px 0;padding: 20px;background: #fff;text-align: center;border-radius: 5px;}
.sign_out .signout_content{padding:10px 0px 30px;}
.sign_out .signout_content h2{font-size: 1.6rem;font-weight: bold;line-height: 40px;}
.sign_out .signout_content p{font-size: 1rem;color:#333;}
.sign_out .signout_content p input{border:1px #ccc solid;width:100%;height:30px;line-height: 30px;font-size: 1.4rem;margin:10px 0;padding:0 10px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.sign_out .signout_footer {height: 30px;width: 220px;margin: 0 auto;}
.sign_out .signout_footer a {display: block;width:100px;height:30px;line-height: 30px;border-radius: 5px;color:#fff;font-size: 0.9rem;}
.sign_out .signout_footer .btn-default{float: right;background-color: #ff3c3c}
.sign_out .signout_footer a.quit{float: left;background-color: #ff9000;}

.sign_out .signout_content .addcart .ico {display: inline-block;vertical-align: middle;width: 30px;height: 30px;background: url(../images/cart_sprits_all.png) no-repeat -61px -61px;background-size: 92px 92px;}
.sign_out .signout_content .addcart .txt {display: inline-block;vertical-align: middle;text-align: left;margin-left: 5px;}
.sign_out .signout_content .addcart .txt p {font-size: 0.95rem;}

.payment-bar{clear:both;overflow:hidden;width:100%;height:50px;position:fixed;bottom:47px;background:#fff;}
.payment-bar .all-checkbox{float:left;line-height:50px;margin: 0px  10px;}
.payment-bar .all-checkbox input {margin-right: 10px;}
.payment-bar .all-checkbox span {display: inline-block;vertical-align: middle;font-size: 0.95rem;}
.payment-bar .shop-total{float:left;-webkit-box-flex:1.0;box-flex:1.0;width: calc(100% - 180px);text-align: right;}
.payment-bar .shop-total strong{display:block;color: #ff0000;font-size:0.95rem;line-height: 50px;font-weight: 400;}
.payment-bar .shop-total span{display:block;font-size:12px;}
.payment-bar a{display:block;float:right;width:90px;height:50px;line-height:50px;text-align:center;font-size:0.95rem;}
.payment-bar .noBtn{background: #ccc;color:#fff;}
.payment-bar .orderBtn{background:#ff0000;color:#fff;}

/*没有数据*/
.nodata {padding:30px 15px;}
.nodata>img{display:block;width:120px;height:120px;margin:0 auto}
.nodata .no-tips-black{margin-top:5px;line-height:25px;color:#555;font-size:0.9rem;text-align:center}
.nodata .no-tips-txt{color:#999;font-size:0.85rem;text-align:center}
.nodata .link-btn-box{margin-top:10px;}
.nodata .link-btn-box>a{display:block;margin:0 auto;width: 120px;line-height:28px;text-align:center;color:#ff0000;font-size:0.95rem;border:solid 1px #ff0000;border-radius:3px;}


/*注册*/
.reg-box {padding: 45px 15px;}
.reg_wrap {margin-top: 20px;}
.reg_wrap .form-item {width: 100%;position: relative;margin-bottom: 15px;}
.reg_wrap .form-item input {box-sizing: border-box; height: 40px; line-height: 30px;padding:5px 15px; width: 100%; border: none;background-color: #fff; color: #333; font-size: 0.9rem;box-sizing: border-box; }
.reg_wrap .form-item input.phonecode {width: 62%;}
.reg_wrap .form-item input.btn-phonecode {width: 35%;background: #ff0000;color: #fff;position: absolute;right: 0px;top: 0px;text-align: center;}
.reg-box #regBtn {display: block; box-sizing: border-box;height: 40px; line-height: 30px;padding:5px 15px; border: none; color: #fff; font-size: 1rem; background: #ff0000; text-align: center; margin-top: 25px; }