@charset "utf-8"; /* */ /* 产品对比 */ .zPK-mask {width: 100%; height: 150px; margin: 0 auto; position: fixed; bottom: 0; left: 0; background: #444851; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; z-index: 45;} .zPk-wrap {position: fixed; bottom: 9px; left: 50%; width: 1200px; margin-left: -600px; z-index: 46; background: #fff;} .zPK,.zPk-tit {width: 1200px; margin: 0 auto;} .zPk-tit {border-bottom: 1px solid #e6e6e6;} .zPk-tit strong {float: left; font-size: 14px; color: #333; line-height: 50px; padding-left: 14px;} .zPk-tit a {float: right; padding-right: 14px; line-height: 50px; color: #2780c2;} .zPk-tit a:hover {color: #92b830;} .zPk-listBox {float: left; width: 1000px; overflow: hidden; margin-left: 14px;} .zPK-list {float: left; width: 1104px;} .zPK-list li {float: left; padding: 15px 0; width: 221px; margin-right: 14px; border-right: 1px solid #e6e6e6; padding-right: 14px;} .zPK-list dl,.zPK-list dl dt,.zPK-list dl dt a,.zPK-list dl dd {float: left;} .zPK-list dl {width: 210px;} .zPK-list dl dt img {float: left; width: 50px; height: 50px;} .zPK-list dl dd {width: 150px; overflow: hidden; padding-left: 10px;} .zPK-list dl dd h3 a {color: #666; line-height: 20px;} .zPK-list dl dd h3 a:hover {color: #92b830;} .zPK-list dl dd .Shop-price {padding: 0; margin: 0; line-height: 30px; height: 30px; width: 150px;} .zPK-list dl dd .Shop-price em {font-size: 14px; line-height: 30px;} .zPK-list dl dd .Shop-price a {float: left; margin-left: 10px; color: #2780c2;} .zPK-but {float: right; width: 100px; text-align: center; margin-right: 14px; padding: 0 36px; padding-top: 15px;} .zPK-but a {float: left; text-align: center; width: 100px; color: #377f8f; line-height: 30px;} .zPK-but .butt-more {width: 100px; height: 30px; line-height: 30px; color: #fff; background: #ff5d21;} .zUinput {float:left; background:#fff; border:1px solid #dedede;} .zUinput input {float: left; border: none; background: none; height: 30px; line-height: 30px; padding: 0 10px; color: #111; outline: none;} /* 成交 */ .new-into-doc-tit { width: 100%; height: 40px; background-color: #2780c2; color: #fff; line-height: 40px; text-align:center; font-size:14px; } .new-into-doc-tit span{ float:right; padding-right:15px; } .video-zhibo-pic { position: absolute; right: 1px; top:40px; width: 210px; height: 310px; overflow: hidden; } .video-zhibo-pic li{ font-size: 12px; list-style: none; padding: 0px 10px; padding-bottom:10px; line-height: 24px; text-align:right; margin:10px 0px 5px 0px; border-bottom:#ccc 1px dotted; position:relative; } .video-zhibo-pic li img{ display:block; width:40px; height:40px; border-radius:21px; position:absolute; border:#e6e6e6 1px solid; } .video-zhibo-pic li span{ width:130px; padding-left:50px; display:block; line-height:20px; } .video-zhibo-pic li span font{ display:block; color:#666; } /* 成交结束 */ /* ----------==========********** 商城首页 **********==========---------- */ .zWeb-cont,.zCont-tit-wrap {width: 1200px; margin: 0px auto;} .zWeb-cont {margin-top: 20px;} .zCont-tit-wrap {margin-bottom: 20px;} .zWeb-tit {font-size: 24px; color: #666; font-weight: 300; position: relative; line-height: 38px; padding-bottom: 35px;} .zWeb-tit h2{height: 20px; border-bottom: #ddd 1px solid; position: relative; font-size: 24px; color: #666; font-weight: 300;} .zWeb-tit h2 em {background-color: #fff; display: block; font-style: normal; top: 0px; position: absolute; right: 0px; padding-left: 10px;} .zWeb-tit h2 em a{font-size: 14px; color: #3e96a9;} .zWeb-tit h2 em a:hover{color:#f56734;} .zWeb-tit h2 em a font {font-family: "黑体", "宋体";} .zWeb-tit span {position: absolute; height: 38px; top: 0px; left: 0px; display: block; padding-right: 10px; background-color: #FFF; font-weight: 500;} .main-category a {color: #fff;} .main-category:hover .znone {display:block;} .main-category h3 .shop-hov:hover {color:#fff;} .zCont-wrap {width: 100%; margin: 0 auto;} /* 正在购买 */ .shop-top-l ul li {width: 190px; height: 40px; float: left; margin:0; padding: 0; padding:10px;} .shop-top-l ul li a {float: left; width: 40px; height: 40px; border:#e6e6e6 1px solid;} .shop-top-l ul li img {width: 40px; height: 40px; border-radius: 0; border: none;} .shop-top-l ul li p {float: left; width: 145px;} .shop-top-l ul li p span,.shop-top-l ul li p span a,.shop-top-l ul li p i {float:left; width: 145px; height: 20px; line-height: 20px; text-align: right; padding: 0;} .shop-top-l ul li p span a {border: none; color: #666;} .shop-top-l ul li p span a:hover,.shop-top-l ul li p i {color: #ff5454;} /* ***** 产品分类 ***** */ /* 产品分类+品牌推荐 */ .y-zhou li:hover .shop-right-box {width: 1009px; left:190px; opacity: 1; border-bottom:#0962a4 1px solid;} .shop-ml {width: 810px; position: absolute; left: 0px;} .shop-ml dl {background-position: 1000px center; width: 750px; padding: 10px 30px; float:left;} .shop-ml dl dt {margin-bottom: 0; line-height: 24px; float: left; margin-right: 15px; width: 70px;} .shop-ml dl dd {margin-top: 0; line-height: 30px; overflow: hidden; float: left;} .shop-ml dl dd a {margin: 0; padding: 0; padding-right: 20px; line-height: 22px; color: #888; float: left; display: inline; white-space: nowrap; border: none;} .shop-mr {width: 199px; height: 349px; border-left: 1px solid #e6e6e6; position: absolute; right: 0px; overflow: hidden;} .shop-mr h3 {width: 199px; height: 40px; line-height: 40px; background: #2780c2; color: #fff; font-size: 14px; text-align: center; cursor: default;} .shop-mr div {padding: 10px; float: left; height: 279px; overflow: hidden;} .shop-mr div a {font-size: 12px; float: left; margin: 10px 0; color: #888; padding: 0 15px; height: 15px; line-height: 15px; border-right: 1px solid #e6e6e6; width: auto; max-width: 149px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;} .shop-mr div a:hover {color: #ff5454;} /* 首页分类修改 */ .zShop-df-w {height: auto; position: relative; z-index: 33;} .zShop-df-w .main-category h3 {z-index: 999;} .zShop-df-w .shop-menu-list {height: auto; margin-top: -3px;} .zShop-df-w .shop-menu-list li {height: 43px; line-height: 43px; padding: 0px 5px; width: 175px;} .zShop-df-w .shop-menu-list li span {padding-left: 20px; padding-top: 0;} .zShop-df-w .shop-menu-list li span font {font-size: 12px; line-height: 20px;} .zShop-df-w .right-box,.zShop-df-w .shop-mr {height: 350px;} .zShop-df-w .right-box {top:3px; height: 349px;} .zShop-df-w .fullSlide,.zShop-df-w .fullSlide .bd li,.zShop-df-w .fullSlide .bd li a {height: 495px;} /* 产品大类 */ .shop-menu-list {} .shop-menu-list li {height: 30px;} .shop-menu-list li h5 {line-height: 43px; margin-left: 18px; width: 175px;} .shop-menu-list li h5 font {font-size: 14px;} .shop-menu-list li h5 em {float: left; width: 16px; height: 16px; background: url(../images/shop/Inmenu_icon.png) no-repeat 61px 0; margin-top: 14px;} .shop-menu-list li h5 .zfw-icon {background-position: 0px 0px;} .shop-menu-list li h5 .zyy-icon {background-position: 0px -16px;} .shop-menu-list li h5 .zyd-icon {background-position: 0px -32px;} .shop-menu-list li h5 .zqx-icon {background-position: 0px -48px;} .shop-menu-list li h5 .zhl-icon {background-position: 0px -64px;} .shop-menu-list li h5 .zjj-icon {background-position: 0px -80px;} .shop-menu-list li h5 .zyis-icon {background-position: 0px -96px;} .shop-menu-list li h5 .zyuy-icon {background-position: 0px -112px;} .shop-menu-list li:hover .zfw-icon {background-position: -16px 0px;} .shop-menu-list li:hover .zyy-icon {background-position: -16px -16px;} .shop-menu-list li:hover .zyd-icon {background-position: -16px -32px;} .shop-menu-list li:hover .zqx-icon {background-position: -16px -48px;} .shop-menu-list li:hover .zhl-icon {background-position: -16px -64px;} .shop-menu-list li:hover .zjj-icon {background-position: -16px -80px;} .shop-menu-list li:hover .zyis-icon {background-position: -16px -96px;} .shop-menu-list li:hover .zyuy-icon {background-position: -16px -112px;} .shop-menu-list .no-line {border-bottom: none;} /* ***** 产品列表 ***** */ /* 您可能感兴趣 */ .Shop-pro-list li {height:159px; width: 222px; position: relative; overflow: hidden; border: 1px solid #e6e6e6;} .Shop-pro-list li:hover {border-color: #d2d2d2;} .Shop-ppic {width: 210px; height: 210px; text-align: center; background: url(../images/shop/product_bg.png) no-repeat center; padding: 5px; position: relative; border: 1px solid #fff; border-bottom-color: #e6e6e6;} .Shop-ppic i {position: absolute; right: 5px; top: 5px; width: 30px; height: 30px; background: #6aac34;} .Shop-pro-list .shop-grey {position: absolute; right: 2px; top: 2px; width: 43px; height: 43px; background: url(../images/shop/fit_icon.png) no-repeat right center;} .Shop-pro-list .shop-green {position: absolute; right: 2px; top: 2px; width: 43px; height: 43px; background: url(../images/shop/fit_icon.png) no-repeat left center;} .Shop-ppic a {display:table-cell; vertical-align:middle; width:210px;height:210px; border: none; background: #fff;} .Shop-ppic a img {margin:0 auto; max-width:210px; max-height:210px;} /* 缺货提示 */ .Shop-ppic p {position: absolute; bottom: 5px; left: 5px; background-color: #000; color: #fff; width: 210px; height: 30px; line-height: 30px; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000'); background: rgba(0,0,0,0.7);} .Shop-pro-info {width: 222px; height:40px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,0.9);} /* filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; _background:#fff; _filter:alpha(opacity=90); */ .Shop-pro-info h3 {font-size:14px; height:40px; line-height: 40px; padding: 0 10px; width: 202px; text-align:left; border-bottom: 1px solid #e6e6e6; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;} .Shop-pro-list .Shop-pro-info h3 a {color: #333;} .Shop-pro-info p {font-size:12px; height: 40px; line-height: 40px; padding: 0 10px; width: 202px; float: left;} .Shop-pro-info p em,.Shop-price em {float: left; color: #ff5454; font-size: 20px; max-width: 121px;} .Shop-pro-info p span,.Shop-price span {float: right; color: #999; text-decoration: line-through; padding-left: 5px; max-width: 75px;} .Shop-pro-info p a,.Shop-price a {float: right;} .Shop-pro-info p .butt-more {margin-top: 8px; width: auto; padding: 0 10px; font-size: 12px;} /* 商品列表 */ .Shop-list li {height: auto; font-size: 12px;} .Shop-ct {float: left; padding: 0 10px; width: 202px;} .Shop-name,.Shop-price,.Shop-mer,.Shop-com {width: 202px; float: left;} .Shop-name h3 {font-size: 14px; text-align: left; width: 202px; height: 40px; line-height: 20px; margin-top: 5px; font-size: 12px; white-space:inherit; overflow:hidden;} .Shop-name h3 a {color: #555;} .Shop-price {font-size: 12px; height: 32px; line-height: 32px; padding-top: 0; padding-bottom: 15px;} .Shop-price span {line-height: 31px;} .Shop-com {border-top: 1px solid #e6e6e6; padding: 10px 0; display: inline;} .Shop-com span {float: left; color: #999; max-width: 100px;} .Shop-com span a {color: #999;} .Shop-com em {float: right;} .Shop-com em a {float:left; width: 20px; height: 20px; margin-left: 10px; background: url(../images/shop/cat_icon.png) no-repeat left -41px; webkit-transition:0.25s; -moz-transition:0.25s; -ms-transition:0.25s; -o-transition:0.25s; transition:0.25s;} .Shop-com em .zSp-listIcon1 {background-position: -60px top;} .Shop-com em .zSp-listIcon2 {background-position: -20px top;} .Shop-com em .zSp-listIcon3 {background-position: -40px top;} .Shop-com em .zSp-listIcon1:hover {background-position: -60px -20px;} .Shop-com em .zSp-listIcon2:hover,.Shop-com em .zSp-listIcon2.zSp-onac {background-position: -20px -20px;} .Shop-com em .zSp-listIcon3:hover,.Shop-com em .zSp-listIcon3.zSp-onac {background-position: -40px -20px;} .Shop-mer {background: #f9f9f9; line-height: 30px; height: 30px;} .Shop-mer p a {color: #999;} /* 首页列表加载更多 */ .zCont-Shop-more {width: 1200px; margin: 0px auto; text-align: center; padding: 15px 0;} .zCont-Shop-more a {display: inline-block; width: 298px; height: 38px; line-height: 38px; border: 1px solid #f0f0f0; background: #f5f5f5; color: #999; text-align: center; font-size: 14px;} .zCont-Shop-more a:hover {background: #f0f0f0; color: #999; border-color:#f0f0f0;} /* 悬停 */ .Shop-pro-list li:hover .Shop-ct {background: #f4f4f4;} .Shop-pro-list li:hover .Shop-ct .Shop-name h3 a,.Shop-pro-list li:hover .Shop-price em,.Shop-pro-list li:hover .Shop-price span,.Shop-pro-list li:hover .Shop-com span,.Shop-pro-list li:hover .Shop-com em a,.Shop-pro-list li:hover .Shop-com span a {color: #999;} .Shop-pro-list li:hover .Shop-com {border-top-color: #e6e6e6;} .Shop-pro-list li:hover .Shop-ct .Shop-name h3 a {color: #333;} .Shop-pro-list li:hover .Shop-ct .Shop-name h3 a:hover {color: #ff5454;} .Shop-pro-list li:hover .Shop-price em {color: #ff5454;} /* 增加批采角标 */ .Shop-pro-list li .Bulk-Corner {position: absolute; right: 1px; top: 1px; width: 60px; height: 60px; z-index: 999; background: url(../images/shop/bulk_icon.png) no-repeat center;} /* 修改商城分类菜单行高 */ .zshop-menub dl {padding:0px 15px; margin-top:5px; padding-bottom:5px;} .zshop-menub dl dt {background:url(../images/shop/shop_dot.png) no-repeat right center; text-align:right; padding-right:15px; font-size:12px; font-weight:bold;} .zshop-menub dl dd {width:650px;} /* /////优惠券领取提示///// */ .zCoupWrap {width: 100%; margin: 0 auto;} .zCoupMask {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65; _background:#000; _filter:alpha(opacity=65); z-index: 99999;} .zCoupCont {width: 460px; padding: 40px 20px; background: #fff; position: absolute; left: 50%; top: 200px; z-index: 100000; margin-left: -250px;} .zCoupCont h4 {width: 460px; text-align: center; font-size: 16px; padding-top: 50px; position: relative;} .zCoupCont h4:before {content: ""; position: absolute; left: 50%; margin-left: -16px; top: 0px; width: 32px; height: 32px; background: url(../images/shop/CouDot_icon.png) no-repeat left center;} .zCoupCont h4 span {color: #ff5454; padding: 0 5px;} .zCoulink {width: 460px; margin: 0 auto; text-align: center; color: #999; height: 40px; line-height: 30px;} .zCoulink a {color: #999; padding: 0 5px;} .zCoulink a:hover {color: #14B464;} .zCouCm {width: 400px; margin: 0 auto; border-top: 1px dashed #f0f0f0; border-bottom: 1px dashed #f0f0f0; height: 30px; line-height: 30px; color: #666;} .zCouCm span {float: left; text-align: left;} .zCouCm b {float: right; text-align: right;} .zCoupTxt {width: 400px; margin: 0 auto; color: #999; padding-top: 10px; margin-bottom: 5px;} .zCoupTxt p {line-height: 22px;} .zCoupCont .zCouClose {width: 25px; height: 25px; position: absolute; right: 5px; top: 5px; background: #999;} .zCoupCont .zCouClose a {float: left; width: 25px; height: 25px; background: url(../images/shop/da_icon_del.png) no-repeat center;} /* ----------==========********** 商城列表页 **********==========---------- */ /* 16-2-3修改筛选 */ .zShop-Bread-Wrap {width: 1200px; margin: 0 auto;} .zShop-Bread-Wrap a {color: #666;} .zShop-Bread-Wrap a:hover {color: #ff5454;} .zShop-Bmenu-l {width: 1200px; margin: 0 auto; line-height: 24px;} .zShop-Bmenu-l h6 {margin-top: 10px;} .zShop-Bmenu-l h5 {float: left; position: relative; padding-right: 26px; line-height: 26px; font-weight: bold; color: #666; margin-top: 10px;} .zShop-Bmenu-l h5:after {content: ""; width: 26px; height: 26px; position: absolute; right: 0px; bottom: 0px; background: url(../images/shop/shop_bread.png) no-repeat center 0;} .zShop-Bmenu-box {float: left; margin-top: 10px;} .zShop-Bmenu {float: left;} .zShop-Bm-list {float: left; position: relative; z-index: 10;} .zShop-Bm-list strong {float: left; padding-right: 26px; position: relative;} .zShop-Bm-list strong:after {content: ""; width: 26px; height: 26px; position: absolute; right: 0px; bottom: 0px; background: url(../images/shop/shop_bread.png) no-repeat center 0;} .zShop-Bm-list strong a {float: left; height: 24px; line-height: 24px; border: 1px solid #ddd; position: relative; padding-right: 26px; padding-left: 5px;} .zShop-Bm-list strong:after {content: ""; width: 26px; height: 26px; position: absolute; right: 0px; bottom: 0px; background: url(../images/shop/shop_bread.png) no-repeat center 0;} .zShop-Bm-list strong a:after {content: ""; width: 26px; height: 26px; position: absolute; right: 0; bottom: -1px; background: url(../images/shop/shop_bread.png) no-repeat center -26px;} .zShop-Bm-list strong a:hover {color: #ff5454; border: 1px solid #ff5454; border-bottom-color: #fff;} .zShop-Bm-list strong a:hover:after {content: ""; width: 26px; height: 26px; position: absolute; right: 0; bottom: 0; background: url(../images/shop/shop_bread.png) no-repeat center -52px;} .zshopon {z-index: 12;} .zshopon strong a {border: 1px solid #ff5454; color: #ff5454; border-bottom-color: #fff; z-index: 8;} .zshopon strong a:after {content: ""; width: 26px; height: 26px; position: absolute; right: 0; bottom: 0px; background: url(../images/shop/shop_bread.png) no-repeat center -52px;} .zShop-Bm-list .zShop-Bm {float: left; position: absolute; background: #fff; top: 25px; border: 1px solid #ff5454; z-index: 7; padding: 5px; width: 300px; overflow: hidden;} .zShop-Bm-list .zShop-Bm ul {float: left; width: 315px;} .zShop-Bm-list .zShop-Bm li {float: left; width: 90px; margin-right: 15px; text-align: left; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;} .zShop-Bm-list .zShop-Bm li a {} /* 其他条件 */ .zShop-cond-list {float: left;} .zShop-cond-list a {float: left; border: 1px solid #ddd; color: #666; height: 24px; line-height: 24px; padding: 0 10px; background: #fff; margin-right: 10px; margin-top: 10px; white-space: nowrap; position: relative;} .zShop-cond-list a em {float: left; color: #666;} .zShop-cond-list a strong {float: left; color: #ff5454; max-width: 150px; _width: 150px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .zShop-cond-list a i {float: left; width: 8px; height: 8px; margin-top: 9px; margin-left: 15px;} .zShop-cond-list a:after {content: ""; width: 24px; height: 24px; position: absolute; right: 0px; bottom: 0px; background: #e6e6e6 url(../images/shop/del.png) no-repeat 8px -15px;} .zShop-cond-list a:hover {border-color: #ff5454; background: #fff;} .zShop-cond-list a:hover:after {background-color: #ff5454;} /* 查询结果 */ .zShop-Bread-OnSet {width: 1178px; margin: 0 auto; border: 1px solid #e6e6e6; background: #fafafa; padding: 10px; margin-top: 10px;} .zShop-Bread-OnSetL {float: left; line-height: 30px;} .zShop-Bread-OnSetL strong {color: #333; margin-right: 10px;} .zShop-Bread-OnSetL span {color: #666;} .zShop-Bread-OnSetL em {color: #666; padding: 0 10px;} .zShop-Bread-OnSetL em b {padding: 0 5px; color: #ff5454;} .zShop-Bread-OnSet a {float: right; width: 67px; position: relative; padding-left: 21px; height: 28px; line-height: 28px; text-align: center; color: #ff5454; border: 1px solid #fafafa;} .zShop-Bread-OnSet a:after {content: ""; width: 13px; height: 13px; position: absolute; left: 8px; bottom: 8px; background: url(../images/shop/shop_checkbox_icon.png) no-repeat -26px center;} .zShop-Bread-OnSet a:hover,.zShop-Bread-OnSet .zSon {color: #fff; border-color: #ff5454; background-color: #ff5454;} .zShop-Bread-OnSet a:hover:after {background-position: -26px center;} .zShop-Bread-OnSet .zSon:after {background-position: 0 center; background-color: #ff5454;} .zShop-Bcont {margin-top: 0;} /* 已选条件 */ .zShop-cond-w {width: 1178px; margin: 0 auto; border: 1px solid #e6e6e6; background: #fafafa; padding: 10px; padding-bottom: 0;} .zShop-cond-tit {float: left; width: 78px; line-height: 26px;} /* 筛选 */ .zShop-st {width: 1200px; margin: 0 auto; padding-bottom: 20px; height:30px; line-height: 30px; position: relative;} .zShop-st strong {font-size: 24px; color: #666; margin-right: 20px;} .zShop-st span,.zShop-st em {color: #999;} .zShop-st em {padding-left: 5px;} .zShop-st em b {padding: 0 5px; color: #666;} /* 商品分类 */ .zShop-menu {width: 1200px; margin: 0 auto; overflow: hidden;} .zShop-menu li {float: left; width: 1200px; padding:10px 0; border-bottom: 1px dotted #e6e6e6; position: relative;} .zShop-menu dl {float: left; width: 902px; padding-left: 98px; position: relative; overflow: hidden;} .zShop-menu dt {float: left; width: 90px; padding-left: 8px; position: absolute; left: 0px; top: 0px; line-height: 26px; text-align: left; font-weight: bold; color: #333; z-index: 5;} .zShop-menu dd {float: left; margin-right: 1px; display: inline;} .zShop-menu dd a {float: left; white-space: nowrap; height: 26px; line-height: 26px; padding: 0 15px; color: #666;} .zShop-menu dd a:hover,.zShop-menu .on a {color:#fff; background-color:#ff5454;} .select-no {color: #999;} .zShop-menu .res a {padding-right:20px; background:url("../images/shop/del.png") right 12px no-repeat; color: #ff5454; height: 28px; line-height: 28px; border: 1px solid #ff5454;} .zShop-menu .res a:hover {background-position:right -12px} .zShop-more {float: right; width: 60px; text-align: center;} .zShop-more a {float: left; width: 58px; height:24px; line-height: 24px; text-align: center; border: 1px solid #dedede; color: #377f8f;} .zShop-more a:hover {border: 1px solid #ff5454; color: #ff5454;} /* 品牌 */ .zShop-pp-wrap {width:1196px; position: relative; top: 0px; left: 0px; margin-top: -36px; border: 2px solid #f58057; background: #fff url(../images/shop/shop_more_line.png) repeat-y left top; z-index: 3; margin-bottom: -11px; float: left;} .zShop-pp {width: 1000px; margin: 0 auto; padding-bottom: 10px; margin-top: 10px;} .zShop-pp a {float: left; height: 24px; width: 24px; line-height: 24px; background: #fff; margin-right: 7px; border: 1px solid #e6e6e6; text-align: center; color: #999;} .zShop-pp a:hover,.zShop-pp .on {border-color: #ff5454; background: #ff5454; color: #fff;} .zShop-pp #more-all {width: 54px; height: 24px; line-height: 24px; padding: 0;} .zShop-pp-box {width: 1090px; margin-left: 98px; overflow: hidden;} .zShop-menu .zShop-pplist {height: 120px; width: 1090px; overflow-y: auto;} .zShop-menu .zShop-pplist li {float: left; width:120px; border-bottom: none; margin-right: 5px; padding: 5px 0;} .zShop-menu .zShop-pplist li a {float: left; width: 78px; height: 24px; line-height: 24px; padding: 0 20px; border:1px solid #fff; text-align:center; color: #666; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;} .zShop-menu .zShop-pplist li a:hover,.zShop-menu .zShop-pplist li .on {color:#fff; background-color:#ff5454;} /* 多选 */ .zShop-Mrw {position: absolute; right: 10px; top: 0; width: 100px; text-align: right; padding-top: 10px; z-index: 4;} .zShop-Mrw a {display: inline-block; text-align: center; border: 1px solid #dedede; width: 44px; margin-left: 2px; color: #666; background: #f8f8f8; height: 24px; line-height: 24px;} .zShop-Mrw a:hover {border-color: #ff5454; color: #ff5454;} .zShop-menu .zShop-pon {margin-top: 9px;} .zShop-menu .zShop-pon li a:hover,.zShop-menu .zShop-pon li .on {background: #fff; color: #ff5454; padding: 0 20px; border: 1px solid #ff5454; height: 24px; line-height: 24px; position: relative;} .zShop-menu .zShop-pon li .on:after {content: ""; width: 10px; height: 10px; position: absolute; right: 0px; bottom: 0px; background: url(../images/shop/selet_dot.png) no-repeat;} .zShop-acw {width: 1078px; margin: 0 auto; padding: 10px 0; margin-top: 10px; border-top: 1px solid #e6e6e6;} .zShop-menu .zShop-aclist {width: 932px; padding-left: 68px;} .zShop-aclist dt {float: left; width: 60px;} .zShop-aclist dd {float: left; width: 932px; margin: 0;} .zShop-aclist dd a {float: left; border: 1px solid #ddd; padding: 0 30px 0 10px; position: relative; height: 24px; line-height: 24px; background: #fff; color: #666; margin-right: 5px; margin-bottom: 5px;} .zShop-aclist dd a:hover {background: #fff; border-color: #ff5454; color: #ff5454;} .zShop-aclist dd a i {position: absolute; right: 8px; top: 9px; width: 8px; height: 8px; background: url(../images/shop/del.png) no-repeat left top;} .zShop-aclist dd a:hover:after {content: ""; width: 24px; height: 24px; position: absolute; right: 0px; bottom: 0px; background: #ff5454 url(../images/shop/del.png) no-repeat 8px -14px;} .zShop-acwBut {width: 1078px; margin: 0 auto; text-align: center; padding-bottom: 15px;} .zShop-acwBut a {display: inline-block; padding: 0 15px; margin: 0 2px; line-height: 24px; background: #ff5454; color: #fff;} .zShop-acwBut .onclear {background: #ddd; color: #666;} /* 分类更多筛选条件 */ .zShop-Smore {width: 1200px; margin: 0 auto; text-align: center; border-top: 1px solid #e6e6e6; margin-top: -1px; position: relative; z-index: 9;} .zShop-Smore a {color: #999; display: inline-block; padding: 0 40px 0 20px; height: 30px; line-height: 30px; border: 1px solid #e6e6e6; margin-top: -1px; border-top-color: #fff; position: relative;} .zShop-Smore a:hover {color: #ff5454;} .zShop-Smore a:after {content: ""; width: 20px; height: 20px; position: absolute; right: 20px; top: 5px; background: url("../images/shop/Smore_icon_m.png") no-repeat right 0;} .zShop-Smore a:hover:after {background-position: right -20px;} .zShop-Smore .zShop-Smop:after {background: url("../images/shop/Smore_icon_m.png") no-repeat -0px 0;} .zShop-Smore .zShop-Smop:hover:after {background-position: -0px -20px;} /* 更多选项 */ .zShop-menu .zShop-Factorl {width: 1198px; margin: 0 auto; position: static; padding: 0;} .zShop-menu .zShop-Factorl dt {position: static; width: 90px; position: relative; z-index: 4;} .zShop-menu .zShop-Factorl dd {float: left; width: 1000px;} .zShop-menu .zShop-Factorl dd a {float: left; height: 26px; line-height: 26px; padding: 0 20px; color: #666; margin-right: 1px; margin-bottom: 5px; white-space: nowrap;} .zShop-menu .zShop-Factorl dd a:hover,.zShop-menu .zShop-Factorl dd .on {color:#fff; background-color:#ff5454} .zShop-pp-otwr {top: -10px; margin-bottom: -21px;} .zShop-pp-otwr .zShop-acwBut {background: #fff; margin-top: 10px;} /* *****列表***** */ .zS-list-wrap {width: 1200px; margin: 0 auto;} /* 检索 */ .zLxbox {width:1178px; height:48px; margin:0 auto; background:#fff; border:1px solid #e8e8e8; border-bottom:5px solid #e8e8e8; padding:0 10px;} .zLx {float:left; line-height:48px; width:700px;} .zLx span {padding:0 15px; color:#dfdfdf;} .zLx a {color:#666;} .zLx a:hover,.zLx .zLxon {color:#dd514c;} .zLxSxa {float:left;} .zLxSxa a {float:left; margin-right:10px;} .zLxSxa .zLxOn {color:#ff5454;} .zLxSxa .zLxOn .zLxMo,.zLxSxa .zLxOn .zLxUp,.zLxSxa .zLxOn .zLxDown {background-position:0px -24px;} .zLxSxa .zLxOn .zLxUp {background-position:0px -0px;} .zLxSxa a i {float:right; width:13px; height:8px; background:url("../images/shop/updown.png") no-repeat -13px -8px; margin:21px 2px 19px 2px;} .zLxSxa .zLxUp,.zLxSxa .zLxDown,.zLxSxa .zLxMo {background-position:0px -8px;} .zLxJia,.zLxJt {float:left;} .zLxJia em {float: left; padding: 0 10px; height: 24px; line-height: 24px; border: 1px solid #e6e6e6; border-right: none; margin-top: 11px; color: #666;} .zLxJo {height:24px; margin-top:11px;} .zLxJo i {float:left; line-height:24px; text-align:center; padding-left:5px; color:#999;} .zLxJo input {margin-left:-5px; line-height:24px; height:24px; padding:0 5px; width:40px; font-size:12px; color:#000; outline:none; text-align: center;} .zLxJt span {float:left; width:12px; padding:0; margin:0; text-align:center;} .zLxJia a {float:left; padding:0 10px; height:26px; line-height:26px; margin-top:11px; margin-left:5px; background:#ff5454; color:#fff;} .zLxJia a:hover {color:#fff;} /* .zLxSxa a:hover .zLxUp,.zLxSxa a:hover .zLxDown,.zLxSxa a:hover .zLxMo {background-position:0px -24px;} */ .zLxSxa .zLxOn .zLxMo, .zLxSxa .zLxOn .zLxUp, .zLxSxa .zLxOn .zLxDown {background-position:0px -0px;} .zLxg {float:right; line-height:48px;} .zLxg p {color:#999;} .zLxg p span {padding:0 5px; color:#ff5454;} .zS-list-box {margin-top: 20px;} .zS-list-L {float: left;} .zS-list-Lwrap {width: 956px; margin-right: 20px; overflow: hidden;} .zS-list {width: 976px;} .zS-list li {margin-bottom: 20px; margin-right: 18px;} /* 加载更多 */ .zS-page {width: 956px; margin-left: 0; padding: 15px 0; text-align: center;} .zS-page p {color: #999; line-height: 30px;} .zS-page .zS-page-more a {display: inline-block; width: 298px; border: 1px solid #f0f0f0; background: #f5f5f5; height: 38px; line-height: 38px; font-size: 14px; color: #999;} .zS-page .zS-page-more a:hover {background: #f0f0f0; color: #999; border-color:#f0f0f0;} /* 16-05-23调整列表为5列 */ .zFv-lwarp,.zFv-pages {width: 1200px;} .zFour .zFv-listpages {width: 1200px; margin-right: 0; border: none;} .zFour .zFv-listpage {width: 1180px; float: left; margin: 0 auto; padding: 0 10px; height: 30px; line-height: 30px; background: #f9f9f9; color: #999;} .zFour .zFv-pagenub {float: left;} .zFour .zFv-pagenub i {padding: 0 3px;} .zFour .zFv-pagenub .zFv-pagenow {color: #ff5454; padding: 0 3px;} .zFour .zFv-pagetot {float: right;} .zFour .zFv-pagetot i {color: #666; padding: 0 3px;} .zFour .zFv-listpages .doc-page-more {margin: 0 auto; color: #999;} .zFour .zFv-listpages .doc-page-more i {padding: 0 3px;} /* 最近浏览 */ .zS-list-R {float: left; width: 224px; overflow: hidden;} .zS-ll-tit {background: #f9f9f9; color: #333; line-height: 40px; height: 40px; text-indent: 12px; border: 1px solid #e6e6e6; border-bottom: none;} .zS-ll-tit em {float: left;} .zS-ll-tit a {float: right; padding-right: 12px; color: #3e96a9;} .zS-ll-tit a:hover {color: #ff5454;} /* 列 */ .zS-bro {width: 222px; border: 1px solid #e6e6e6;} .zS-bro li {border-bottom: 10px solid #e6e6e6; float: left;} .zS-bro li h3,.zS-bro .Shop-price {padding: 0 16px; width: 190px;} .zS-bro li h3 {padding-top: 10px;} .zS-bro li h3 a {font-size: 14px; color: #333;} .zS-bro li .Shop-ppic {padding: 5px 16px; width: 190px;} .zS-bro li .Shop-ppic img {width: 190px; height: 143px;} .zS-bro li .Shop-price em {font-size: 14px; line-height: 30px; color: #ff5d21;} /* ----------==========********** 商品详情页 **********==========---------- */ .zCont-wrap .mbx {width: 100%; height: 40px; line-height: 40px; margin: 0 auto; background: #f3f6f7;} .zCont-wrap .mbx p {width: 1200px; margin: 0 auto; background: none; color: #666;} .zCont-wrap .mbx p a {color: #2780c2;} .zCont-wrap .mbx p a:hover {text-decoration: underline;} /* *****产品***** */ .zEs-wrapBox {width: 100%; margin: 0 auto; background: #f3f6f7; padding-bottom: 1px; position: relative; z-index: 22;} .zEs-zbg {width: 100%; margin: 0 auto; height: 10px; position: absolute; left: 0; bottom: 0px; background: #fff; z-index: 33; border-top: 1px solid #e6e6e6;} .zEs-zbgicon {width: 1200px; margin: 0 auto; position: relative;} .zEs-zbgicon:after {content: ""; width: 8px; height: 8px; position: absolute; left: -8px; top: 0px; background: url(../images/shop/show_bgicon.png) no-repeat left center;} .zEs-zbgicon:before {content: ""; width: 8px; height: 8px; position: absolute; right: -8px; top: 0px; background: url(../images/shop/show_bgicon.png) no-repeat right center;} .zEs-wrap {width: 1178px; padding: 0 10px 10px 10px; border: 1px solid #e6e6e6; background: #fff; margin: 0 auto; position: relative; z-index: 44; overflow: hidden;} /* 原产品展示图 .zEs-L {width:400px; float: left; overflow: hidden;} .tb-pic a {display:table-cell; text-align:center; vertical-align:middle;} .tb-pic a img {vertical-align:middle;} .tb-pic a {display:block; font-family:Arial; line-height:1;} .tb-thumb {margin:10px 0 0; width: 405px;} .tb-thumb li {float:left; height:60px; width: 60px; border: 2px solid #e6e6e6; padding: 6px; margin-right: 5px; background: #fff;} .tb-s310, .tb-s310 a {height:360px; width:360px; display: table-cell; vertical-align: middle;} .tb-s310, .tb-s310 img {max-height:358px; max-width:358px;} .tb-s40 a img {width: 60px; height: 60px;} .tb-booth {border:1px solid #e6e6e6; position:relative; z-index:1; width: 358px; height: 358px; padding: 20px; background: #fff;} .tb-thumb .tb-selected {height:60px; border-color: #ff5454;} .tb-thumb .tb-selected div {background-color:#FFFFFF;border:medium none;} div.zoomDiv {z-index:999; position:absolute; top:0px; left:0px; width:400px; margin-top: -21px; height:400px; background:#fff; border:1px solid #e6e6e6; display:none; text-align:center; overflow:hidden;} div.zoomMask {position:absolute; border:1px solid #aaa; background:url("../images/shop/mask.png") repeat scroll 0 0 transparent; cursor:move; z-index:1; opacity: 0.5;} */ /* 信息&购买 */ .zEs-R {width: 586px; float: left; padding: 10px 15px 0 16px; display: inline;} .zXjie {float:left; width:586px;} .zXjie h2 {line-height:30px; font-size:18px; color:#666; width: 566px; padding: 10px 0 10px 20px; font-weight: bold; display: inline-block;} .zXjie h2 span {margin-left: 10px; line-height: 30px; padding: 10px 0; display: inline-block;} /* 产品广告语 */ .zXjie .zXjie-ads {float: left; width: 546px; padding: 0 20px; padding-bottom: 15px; font-size: 14px; color: #ff5454; margin-top: -10px;} .zXjiage {width:546px; padding: 0 20px; border-bottom:1px solid #f5f5f5; background:#f9f9f9; border-top:1px solid #f5f5f5; line-height:30px; padding-bottom: 10px; float:left;} .zXjiageL {float:left; width:395px; height: 38px; line-height: 38px; padding: 10px 0;} .zXjiageL p {float:left; height: 38px; line-height: 38px;} .zXjiageL p strong {float:left; line-height: 38px; font-size:14px; color:#6e6e6e;} .zXjiageL p span {float:left; line-height: 38px; font-size:24px; color:#ff5454; font-weight: bold;} .zXjiageL i {float:right; margin-right:20px; line-height: 38px; color:#999;} .zXjiageL i strong {font-size:12px;} .zXjiageL i span {text-decoration:line-through;} .zXjiageR {float:left; width:150px; text-align:center; line-height: 36px; height: 36px; border-left:1px solid #dedede; margin: 11px 0;} .zXjiageR p {line-height: 18px; color: #666;} .zXjiageR a {color:#2780c2; font-weight: bold;} .zXjiageR a:hover {text-decoration: underline;} .zXjiage .zShop-spk {float: left; width: 546px; margin-top: -11px; margin-bottom: 5px;} .zXjiage .zShop-spk p {color: #ff5454; padding-left: 60px;} /* 优惠券 */ .zEs-Coupon {float: left; width: 546px;} .zEs-Coupon strong {float: left; width: 60px; line-height: 20px; color: #6e6e6e;} .zEs-Coupon ul {float: left; width: 486px;} .zEs-Coupon ul li {float: left; margin-right: 5px; margin-bottom: 5px;} .zEs-Coupon ul li a {float: left; padding: 0 10px; text-align: center; position: relative;} .zEs-Coupon ul li a span {float: left; padding: 0 5px; height: 20px; line-height: 20px; background: #ff5454; color: #fff;} .zEs-Coupon ul li a span i {float: left; height: 14px; margin-top: 3px; line-height: 14px; border-right: 1px solid #FFB4B4; padding-right: 5px; margin-right: 5px;} .zEs-Coupon ul li a:before {content: ""; width: 10px; height: 20px; position: absolute; left: 0; top: 0; background: url(../images/shop/Coupon_dot_icon.png) no-repeat left top;} .zEs-Coupon ul li a:after {content: ""; width: 10px; height: 20px; position: absolute; right: 0; top: 0; background: url(../images/shop/Coupon_dot_icon.png) no-repeat right top;} /* 促销 */ .zSale {float: left; width: 546px;} .zSale strong {float: left; width: 60px; line-height: 30px; color: #6e6e6e;} .zSale .zSalePic {float: left; width: 486px;} .zSale .zSalePic dl {float: left;} .zSale .zSalePic dl dt {float: left; border: 1px solid #ff5454; color: #ff5454; height: 22px; line-height: 22px; text-align: center; padding: 0 5px; margin-right: 5px; margin-top: 3px;} .zSale .zSalePic dl dd {float: left; max-width: 430px;} .zSale .zSalePic dl dd span {float: left; margin-right: 5px; margin-top: 3px;} .zSale .zSalePic dl dd span a {float: left; width: 20px; height: 20px; border: 1px solid #e6e6e6; background: #fff; padding: 1px;} .zSale .zSalePic dl dd span a img {width: 20px; height: 20px;} .zSale .zSalePic dl dd span i {float: left; position: relative; padding-left: 12px; line-height: 24px; color: #ff5454;} .zSale .zSalePic dl dd span i:before {content: "×"; position: absolute; left: 5px; top: 0;} .zSale .zSalePic dl dd .zSaleTxt {color: #999; line-height: 24px; text-align: center;} .zXpinBox {float: right;} .zXpinBox span {margin: 11px auto; float: left; line-height: 50px; color: #666;} .zXpinpai {float: right; max-width: 140px; height: 40px; margin: 11px auto; text-align: center; padding: 5px;} .zXpinpai a {display: table-cell; vertical-align: middle; max-width: 140px; height: 40px; border: none;} .zXpinpai a img {margin: 0 auto; max-width: 140px; max-height: 40px;} .zXnrBox {width:566px; margin:0 auto; padding:10px 0px 10px 20px; float: left;} .zXnr {width:566px; padding:5px 0; float:left;} .zXnr dt {float:left; color:#666; line-height:28px; width:60px;} .zXnr dd {float:left; width:506px; text-indent:5px; line-height:28px; color: #666; position: relative;} .zXnr dd a,.zXnr dd b {color:#2780c2; margin: 0 5px;} .zXnr dd a:hover {text-decoration: underline;} .zXnr dd img {margin-top:1px;} .zXnr .zD-paytype {width:506px; float:left;} .zXnr .zD-paytype li {float:left; margin-bottom:5px;} .zXnr .zD-paytype li a {float:left; padding:0 15px; border:1px solid #ccc; height:24px; text-align:left; line-height:24px; color:#333; font-size:12px; margin-right:15px; background:#fff url(../images/selet_dot.png) no-repeat right -50px; max-width: 150px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;} .zXnr .zD-paytype li a:hover,.zXnr .zD-paytype li .zG-now {border:1px solid #ff5454; color:#ff5454; background:#fff url(../images/selet_dot.png) no-repeat right 10px;} .zXnr .zD-paytype li .zG-now {background-position:right bottom;} .zXnr .zD-pay-mr li {margin-right: 5px;} .zXnr .zD-pay-mr li a {margin-right: 0px; text-decoration: none; margin: 0; text-align: center; text-indent: 0;} .zXnr .zD-pay-mr li a:hover {background:#fff url(../images/selet_dot.png) no-repeat right bottom;} .zXnr .zD-pay-mr li .zG-now {background-position:right bottom;} /* *****配送至***** */ .zX-Add-W {float: left; position: relative; z-index: 2;} .zX-Add-Wcy {float:left; height: 26px; line-height: 26px; border: 1px solid #e6e6e6; background: #fff; cursor: default;} .zX-Add-W .zAcier {border-bottom-color: #fff; position: relative; z-index: 3;} .zX-Add-Wcy em {float: left;} .zX-Add-Wcy i {float: left; width: 13px; height: 13px; margin: 7px 5px 6px 7px; background: url(../images/help_icon.png) no-repeat center top;} .zX-Add-Wdzb {position: absolute; left: 0; top: 27px; border: 1px solid #e6e6e6; width: 440px; padding: 5px 0 0 10px; background: #fff; z-index: 1; display: none; -moz-box-shadow: 0 0 5px #ddd; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; overflow: hidden;} /* 关闭 */ .zX-Add-clos {position: absolute; right: -1px; top: -1px; width: 20px; height: 20px; background: #999;} .zX-Add-clos a {float: left; width: 15px; height: 15px; background: url(../images/shop/del.png) no-repeat center -16px;} /* 常用地址 */ .zX-Add-Wcydz {float: left; width: 100%; border-bottom: 1px solid #f0f0f0; margin-bottom: 5px; display: none;} .zX-Add-Wtit {float: left; width: 100%; line-height: 24px; font-weight: bold; color: #666;} .zX-Add-Wcyb {float: left; width: 100%;} .zX-Add-Wcyb ul li a {text-decoration: none !important; margin: 0;} .zX-Add-Wcyb ul li a:hover {background: #2780c2; color: #fff; padding: 2px 5px;} /* 新地址 */ .zX-Add-Wnew {float: left; width: 100%;} .zX-Add-Wnewtab {float: left; width: 100%; border-bottom: 1px solid #2780c2; position: relative; z-index: 9; margin-top: 5px;} .zX-Add-Wnewtabls {float: left; width: 100%; position: relative; bottom: -1px; z-index: 2;} .zX-Add-Wnewtabls li {float: left; line-height: 24px; text-align: center; margin-left: -1px;} .zX-Add-Wnewtabls li a {float: left; padding: 0 20px; border: 1px solid #e6e6e6; border-bottom-color: #2780c2; margin-left: -1px; margin: 0; text-decoration: none !important; text-indent: 0; position: relative; z-index: 1; color: #666;} .zX-Add-Wnewtabls li a:hover {color: #2780c2; border-color: #2780c2; z-index: 3;} .zX-Add-Wnewtabls li .zone,.zX-Add-Wnewtabls li .zone:hover {color: #2780c2; border-color: #2780c2; border-bottom-color: #fff; position: relative; z-index: 3;} .zX-Add-Wcitrybox {float:left; width: 100%; height: 116px; overflow-y: auto;} .zX-Add-W-sf {float: left; width: 100%;} .zX-Add-W-sfls {float: left; width: 100%; padding: 5px 0;} .zX-Add-W-sfls li {float: left; width: 95px; padding: 0 10px 0 0;} .zX-Add-W-sfls li a {padding: 0 10px; display: inline-block; text-indent: 0; line-height: 24px; text-decoration: none !important;} .zX-Add-W-sfls li a:hover {background: #2780c2; color: #fff;} .zX-hy {float: left;} .zX-hy i {font-size: 14px; color: #333; font-weight: bold;} .zX-hy .zX-hy-no {color: #ff5454;} .zXnr .zX-hy b {color: #666;} .zXnr .zX-hy b font {color: #333; padding: 0 5px;} .zXbh {width:760px; float:left; padding:0px 0px 10px 20px; border-top: 1px solid #e6e6e6;} .zXbh em {float:left; margin-top:10px;} .zXbh em a {float:left; width:48px; height:20px; line-height:20px; text-align:center; color:#888; border:1px solid #e6e6e6; margin-left:5px;} .zXbh em a:hover {color:#ff5454; border:1px solid #ff5454;} .zXbuy {float:left; width:566px; height:30px; padding:10px 0 10px 20px; line-height:30px; font-size:14px; color:#6e6e6e; border-bottom:1px solid #f5f5f5; border-top:1px solid #f5f5f5;} .zXbuy-L {float: left;} .zXbuy-R {float: right;} .zXbuy-R em {float:left; font-size:12px; line-height: 30px; height: 30px; color: #999; padding-top: 3px;} .zXbuy-R em a {float:left; width:60px; height:22px; line-height:22px; text-align:center; color:#888; border:1px solid #fff; margin-left:5px; background: url(../images/shop/shop_evicon.png) no-repeat 5px 0; padding: 0 5px; text-indent: 22px;} .zXbuy-R .zXbuy-pk {background-position: 5px 0px;} .zXbuy-R .zXbuy-gz {background-position: 5px -22px;} .zXbuy-R .zXbuy-fx {background-position: 5px -44px;} .zXbuy-R em a:hover {color:#ff5454; border:1px solid #fff;} .zXbuy-R em .zXbuy-pk:hover,.zXbuy-R em .zXbuy-gzon {background-position: 5px -66px;} .zXbuy-R em .zXbuy-gz:hover,.zXbuy-R .zXbuy-gzon {background-position: 5px -88px; color: #ff5454;} .zXbuy-R em .zXbuy-fx:hover {background-position: 5px -110px;} .zXbuy em {float:left;} .zXbuy .zXbuyL {float:left; padding:0 10px; width:100px;} .zXIn {float:left; background:#f8f8f8; border:1px solid #e6e6e6;} .zXIn input {float:left; background:none; border:none; width:28px; height:28px; font-size:18px; line-height:28px; cursor:pointer; outline:none;} .zXmen {float:left; padding:0 10px; border-bottom:1px solid #e6e6e6; background: #fff; border-top:1px solid #e6e6e6; height:28px; line-height:28px; color:#222; font-size:12px; width:20px; text-align:center;} .zXmen input {float: left; width: 20px; text-align: center; line-height: 28px; border:none; background:none; outline: none;} .zXbuy i {float:left; line-height: 30px; color:#666; font-size: 12px;} .zXbuyBut {width:586px; margin:20px auto; float:left;} .zXbuyBut a {float:left; width:198px; text-align:center; height:48px; line-height:48px; font-size:24px; color:#fff;} .zXbuyBut i {display:inline-block; width: 24px; height: 20px; margin-top: 14px; margin-right: 10px; margin-left: -15px; background: url("../images/shop/buy_icon.png") no-repeat center 41px; overflow: hidden;} .zXbuyBut .zXbuyb {background:#2780c2; border: 1px solid #0962a4;} .zXbuyBut .zXbuyb i {background-position: center 0;} .zXbuyBut .zXbuyb:hover {background:#0962a4;} .zXbuyBut .zXbuyc {border: 1px solid #ff5454; background: #ff5454; margin-right:10px;} .zXbuyBut .zXbuyc i {background: url("../images/shop/buy_icon.png") no-repeat center -20px;} .zXbuyBut .zXbuyc:hover {background:#ff4646;} .zXbuy em {color: #999; font-size: 12px;} /* 不可购买 */ .zXbuyNotava .zXbuyb,.zXbuyNotava .zXbuyb:hover,.zXbuyNotava .zXbuyc,.zXbuyNotava .zXbuyc:hover {background: #fafafa; border-color: #f0f0f0; color: #ccc; cursor: default;} .zXbuyNotava .zXbuyb i {background-position: center -40px;} .zXbuyNotava .zXbuyc i {background-position: center -60px;} /* 服务地址 */ .zXnr-SerAdd {width: 506px;} .zXnr-SerAdd p {line-height: 20px; text-indent: 0; padding-top: 4px;} .zXnr-SerAdd p font {color: #666; padding-left: 10px;} /* 缺货 */ .zXofs {width: 544px; height: 350px; background: #fff url("../images/shop/ofs_pic.png") no-repeat center 56px; border: 1px solid #e6e6e6; position: absolute; left: 425px; bottom: 98px; text-align: center; overflow: hidden;} .zXofs p {line-height: 60px; margin-top: 206px; text-align: center; font-size: 16px; color: #333; font-weight: bold;} .zXofs a {display: inline-block; padding: 0 20px; height: 30px; line-height: 30px; font-size: 12px; background: #0962a4; color: #fff; text-align: center;} /* 店铺信息 */ .zES-Rcont {float: left; width: 200px; margin-bottom: -800px; padding-bottom: 800px; border-left: 1px solid #f5f5f5; background: #fff;} .zES-RcontLogo {width: 180px; margin: 0 5px 0 15px; padding: 15px 0 10px 0; background: #fff;} .zES-RcontLogo a {display: table-cell; vertical-align: middle; text-align: center; width: 180px; min-height: 60px; border: none; background: #fff;} .zES-RcontLogo a img {margin: 0 auto; max-width: 180px;} .zES-RcontName {width: 180px; margin: 0 5px 0 15px; text-align: center;} .zES-RcontName h4 {line-height: 30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .zES-RcontName h4 a {color: #2780c2;} .zES-RcontName h4 a:hover {text-decoration: underline;} .zES-RcontName i {display: inline-block; padding: 1px 3px; line-height: 16px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background: #ff5454; color: #fff;} .zES-RcontName .zES-RcontOt {background: #3994d8;} .zES-RcontTxt {width: 180px; margin: 10px 5px 10px 15px; padding: 10px 0; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; overflow: hidden;} .zES-RcontTxt dl {float: left; width: 180px; color: #999;} .zES-RcontTxt dl dt {float: left; width: 180px; line-height: 24px; padding: 2px 0;} .zES-RcontTxt dl dd {float: left; width: 184px; text-align: left; line-height: 24px; padding: 2px 0;} .zES-RcontTxt dl dd a {float: left; width: 88px; height: 24px; margin-right: 4px;} .zES-RcontTxt dl dd a i {float: left; width: 88px; height: 24px; background: url(../images/shop/kefu_icon.png) no-repeat 0 top;} .zES-RcontTxt dl dd a .zES-RconAsksj {background-position: left -0px;} .zES-RcontTxt dl dd a .zES-RconAsk {background-position: left -24px;} .zES-RcontTxt dl dd .zES-RconAskNo .zES-RconAsksj {background-position: left -48px;} .zES-RcontTxt dl dd .zES-RconAskNo .zES-RconAsk {background-position: left -72px;} .zES-RcontTxt dl dd em {color: #ff5454; font-size: 16px;} .zES-RcontTxt dl dd em i {font-size: 12px;} .zES-RcontBut {width: 180px; margin: 0 auto; text-align: center;} .zES-RcontBut a {display: inline-block; width: 98px; height: 28px; line-height: 28px; border: 1px solid #dedede; background: #f0f0f0; color: #666; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} /* ******商品介绍***** */ .zEs-Ep {width: 1200px; margin: 20px auto;} /* 左侧相关 */ .zEs-Epl {float: left; width: 230px;} .zEs-Eplbox {float: left; width: 228px; border: 1px solid #e6e6e6; margin-bottom: 20px; overflow: hidden;} .zEs-Eplist {float: left; width: 228px; margin-bottom: -1px;} .zEs-Eplist dt {background: #e6e6e6; width: 200px; height: 40px; line-height: 40px; color: #333; font-size: 14px; padding: 0 14px;} .zEs-Eplist dd {float: left; width: 200px; padding: 0 14px;} .zEs-Eplist .zEs-Eppic {float:left; width: 200px; height: 200px; margin-top: 14px; text-align: center;} .zEs-Eplist .zEs-Eppic a {display: table-cell; vertical-align: middle; width:200px; height: 200px;} .zEs-Eplist .zEs-Eppic a img {margin: 0 auto; max-width: 200px; max-height: 200px;} .zEs-Eplist h3 {float: left; width: 200px; padding: 5px 0;} .zEs-Eplist h3 a {color: #333; line-height: 20px; font-size: 12px;} .zEs-Eplist h3 a:hover {color: #ff5454;} .zEs-Eplist .zEs-Eppre {float: left; width: 200px; border-bottom: 1px dotted #e6e6e6; padding-bottom: 10px; text-align: center;} .zEs-Eplist .zEs-Eppre em {color: #ff5454; font-size: 14px; font-weight: bold;} /* 介绍选项卡 */ .zEs-indu-wrap {float: left; width: 950px; margin-left: 20px;} .zEs-indu-tabW {position: relative; width: 950px; margin: 0 auto; z-index: 6;} .zEs-indu-tab {width: 948px; margin: 0 auto; border: 1px solid #e6e6e6;} .zEs-indu-tab {border-bottom: 1px solid #ff5454; background: #f9f9f9;} .zEs-indu-tab li {float: left; width: 120px; height: 40px; line-height: 40px; text-align: center; position: relative; margin-right: 1px;} .zEs-indu-tab li a {float:left; position: absolute; left: 0px; bottom: 0px; width: 120px; height: 41px; line-height: 41px; border-bottom: none; color: #666; font-size: 16px; z-index: 999;} .zEs-indu-tab li a:hover,.zEs-indu-tab li .on {background: #ff5454; height: 41px; line-height: 41px; margin-bottom: 0px; color: #ff5454; color: #fff;} .zEs-indu-tabbuy {position: absolute; right: 5px; top: 0;} .zEs-indu-tabbuy a {display: inline-block; width: 110px; height: 30px; text-indent: 24px; line-height: 30px; text-align: center; color: #fff; background: #ff5454; margin-top: 5px; position: relative; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .zEs-indu-tabbuy a:after {content: ""; width: 20px; height: 16px; position: absolute; left: 7px; top: 7px; background: #ff5454 url(../images/shop/buy_icon.png) no-repeat left -17px; background-size: 20px 67px;} /* *****详情***** */ .zES-indu-main {width: 950px; margin: 0 auto; overflow: hidden;} .zEs-indu {width: 900px; border: 1px solid #fff; padding: 20px 24px; margin-top: -1px; margin-bottom: 20px;} .zEs-indu h4 {width: 900px; height: 40px; line-height: 40px; border-bottom: 1px solid #e6e6e6; font-size: 16px; color: #333; margin-top: 20px;} .zEs-indu h4 strong {float: left; border-bottom: 1px solid #ff5454; color: #333;} .zEs-indu h4 a {float: right; color: #fff; font-size: 12px; width: 80px; height: 22px; line-height: 22px; background: #ff5454; border: 1px solid #ff5454; text-align: center; margin: 8px 0;} .zEs-indu h4 a:hover {color: #fff; background: #ff5454;} .zEs-promain {width: 900px; margin: 0 auto; text-align: center;} .zEs-promain img {max-width: 800px;} /* *****参数***** */ .zEs-Table {width: 990px; margin: 0 auto;} .zEs-Table th {font-size:14px; line-height:40px; border:1px solid #e6e6e6; background:#f9f9f9; color:#333;} .zEs-Table td {line-height:30px; border:1px solid #e6e6e6; text-align: left; color: #333;} .zEs-Table .zProTabN {width:80px; text-align:right; padding-right:10px;} .zEs-Table .zProTabT {width:890px; padding-left:10px; color:#666;} /* 16-1-27修改参数 */ .zEs-Csl,.zEs-Cslot {width: 900px; margin: 0 auto; text-align: left; margin-bottom: 10px;} .zEs-Csl {padding-bottom: 10px; border-bottom: 1px solid #ebebeb;} .zEs-Csl dt {float: left; width: 900px; text-align: left; line-height: 30px; margin-bottom: 10px; border-bottom: 1px solid #ebebeb;} .zEs-Csl dd {float: left; width: 900px; text-align: left; line-height: 24px; color: #666;} .zEs-Csl dd label {float: left; width: 110px; text-align: right; padding-right: 10px;} .zEs-Csl dd p {float: left; width: 780px; text-align: left;} .zEs-Csl dd p span {line-height: 24px; margin-right: 15px;} .zEs-Cslot {padding-bottom: 10px; border-bottom: 1px solid #ebebeb;} .zEs-Cslot dt {float:left; padding-right: 10px; line-height: 24px; height: 24px; text-align: left; overflow: hidden;} .zEs-Cslot dd {float: left; text-align: left; max-width: 700px;} .zEs-Cslot dd span {line-height: 24px; color: #666; margin-right: 15px;} /* *****评价***** */ .zEs-induTit {width: 900px; margin: 0 auto; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; color: #333; border-bottom: 1px solid #e6e6e6; text-indent: 1em; background: #f9f9f9;} .zP-Pl-ment {width:870px; margin:0 auto; background:#fff; border:5px solid #fff; padding:10px; margin-bottom:20px;} .zP-Pl-ment-box {width:870px; margin:0 auto;} .zP-pl-l {float:left; width:235px; text-align:center; padding-top:30px;} .zP-pl-l p {text-align:center; color:#ff5454;} .zP-pl-l p strong {font-size:36px; font-weight:500; line-height:60px;} .zP-pl-l p span {font-size:14px;} .zP-pl-l em {color:#666;} .zP-pl-c {float:left; width:400px;} .zP-pl-c-list {float:left; width:200px; padding:0 100px;} .zP-pl-c-list li {float:left; width:200px;} .zP-pl-c-list li span {float:left; width:70px; height:14px; padding:5px 0; background:url(../images/shop/star_icon.png) no-repeat left center; margin-right:10px;} .zP-pl-c-list .zP-star5 {background-position:0px center;} .zP-pl-c-list .zP-star4 {background-position:-14px center;} .zP-pl-c-list .zP-star3 {background-position:-28px center;} .zP-pl-c-list .zP-star2 {background-position:-42px center;} .zP-pl-c-list .zP-star1 {background-position:-56px center;} .zP-pl-c-list .zP-star0 {background-position:-70px center;} .zP-pl-c-list li em {font-size:12px; line-height:24px; color:#666;} .zP-pl-r {float:left; width:235px; text-align:center; padding-top:40px;} .zP-pl-r p {line-height:30px; height:30px; color:#666; font-size:14px;} .zP-pl-r a {display:inline-block; width:148px; height:28px; line-height:28px; background:#ff5454; border:1px solid #ff4646; color:#fff;} .zP-pl-r a:hover {background:#ff5454;} /* 评价 */ .zP-tit {width: 898px; margin:0 auto; height:38px; line-height:38px; border:1px solid #e6e6e6; background:#fafafa;} .zP-tit li {float:left; padding:0 20px; margin-right:1px; font-size:12px;} .zP-tit li a {color: #666;} .zP-tit li a:hover {color:#ff5454;} .zP-tit .zP-ace {border-top:3px solid #ff5454; background:#fff; height:40px; border-right:1px solid #e6e6e6; margin-top:-3px;} .zP-tit .zP-ace a {color:#ff5454;} .zP-wrap {width: 900px; margin:0 auto; overflow: hidden;} .zP-list .zP-list {width:900px; margin:0 auto;} .zP-list li {float:left; border-bottom:1px dotted #e6e6e6; width: 900px; padding:30px 0;} .zP-list-u {float:left; width:100px; text-align:center;} .zP-list-u span {float:left; width:60px; height:60px; margin:0 20px; background:#fff url(../images/cp_show_user.png) no-repeat center bottom; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;} .zP-list-u span img {width:60px; height:60px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;} .zP-list-u em {float:left; width:90px; padding:0 5px; margin-top:10px; text-align:center; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; font-size:14px;} .zP-list-u i {float:left; width:90px; padding:0 5px; text-align:center; color:#999; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .zP-list-pbox {float:left; width:800px; color:#6c6c6c;} .zP-list-p {float:left; width:800px; height:40px; line-height:40px; color:#6c6c6c; border-bottom:1px solid #e6e6e6;} .zP-list-p span {float:left; width:70px; height:14px; padding:13px 0; background:url(../images/shop/star_icon.png) no-repeat left center; margin-right:10px;} .zP-list-p .zP-star5 {background-position:0px center;} .zP-list-p .zP-star4 {background-position:-14px center;} .zP-list-p .zP-star3 {background-position:-28px center;} .zP-list-p .zP-star2 {background-position:-42px center;} .zP-list-p .zP-star1 {background-position:-56px center;} .zP-list-p .zP-star0 {background-position:-70px center;} .zP-list-p em {float:left; line-height:40px; color: #999;} .zP-list-p i {float:right; color: #999;} .zP-list-t {float:left; width:800px; color:#333; line-height:24px; padding:15px 0; text-align: left;} .zP-list-d {float:left; color:#9C9A9C; width:800px;} .zP-list-da {float:left; line-height:24px; color: #999;} .zP-list-hf {float:right;} .zP-list-hf a {float:left; padding:0 10px; height:24px; line-height:24px; text-align:center; color:#999; background:#f4f4f4; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;} .zP-S-pic {float:left; width:800px; margin-top:20px; overflow:hidden;} .zP-S-picList {float:left; width:800px;} .zP-S-picList li {float:left; width:70px; height:70px; padding:5px; margin-right:10px; border:1px solid #ddd; text-align:center; overflow:hidden;} .zP-S-picList li a {float:left; width:70px; height:70px; text-align:center; overflow:hidden;} .zP-S-picList li img {height:70px;} /* 商家回复 */ .zP-S-word {float:left; width:778px; margin:0 auto; background:#f1fafe; border:1px solid #dbe8f4; padding:5px 10px; margin-top:10px; text-align: left;} .zP-S-word h3 {color:#377f8f; font-size:12px; line-height:28px; font-weight:bold; text-align: left;} .zP-S-word p {color:#377f8f; line-height:24px;} .zP-list-hfwrap {width:800px; margin:0 auto; padding-top:10px;} /* 回复编辑 */ .zP-list-wordbox {width:800px; margin:0 auto; float:left;} .zP-list-word {float:left; width:798px; margin:0 auto; padding:10px 0; border:1px solid #d4d9dd; -webkit-box-shadow:inset 0 3px 3px #ebebeb; box-shadow: inset 0 3px 3px #ebebeb;} .zP-list-word textarea {float:left; width:778px; padding:0 10px; height:44px;line-height:22px; font-size:12px; border:none; resize:vertical; outline: none; color:#666; font-family: Arial, Helvetica, "Microsoft YaHei", "微软雅黑", sans-serif;} .zP-list-word-but {float:left; width:790px; margin:0 auto; height:34px; line-height:34px; background:#f5f5f5; padding:0 5px;} .zP-list-word-but em {float:left; color:#999;} .zP-list-word-but em span {padding:0 5px; color:#666;} .zP-list-word-but a {float:right; background:#fff; width:78px; height:22px; border:1px solid #dcdcdc; line-height:22px; margin-top:5px; text-align:center;} .zP-list-word-but a:hover {color:#dd514c;} /* 添加好友入口 */ .zAdd-find {position:relative;} .zAdd-findBox {position:absolute; left:80px; top:0; width:160px; border:2px solid #e6e6e6; padding:20px; text-align:left; background:#fdfdfd; z-index:9111;} .zAdd-findBox strong {text-align:left; float:left; width:160px; color:#333; font-size:14px; font-weight:normal;} .zAdd-findBox i {float:left; width:160px; text-align:left; padding:0; color:#999; line-height:30px; font-style:normal; font-size:12px;} .zAdd-findBox em {float:left; width:160px; text-align:left; padding:0; font-size:12px;} .zAdd-findBox em a {margin-right:3px; float:left; padding:0 7px; text-align:center; background:#2780c2; height:24px; line-height:24px; color:#fff !important;} .lf40 {position:absolute !important; left:60px !important; top:-30px !important;} /* 咨询 */ .zX-Czx-tit {width:990px; height:40px; line-height:40px; margin:0 auto; border-bottom:1px solid #999; float:left;} .zX-Czx-tit strong {font-size:16px; color:#333; float:left;} .zX-Czx-tit a {float:right; width:60px; height:24px; background:#dd514c; color:#fff; line-height:24px; text-align:center; margin-top:8px;} .zX-Czx-list {width:900px; margin:0 auto; float:left;} .zX-Czx-list li {float:left; width:900px; border-bottom:1px dotted #e2e2e2; padding-bottom:20px; margin-top: 10px; text-align: left;} .zX-Czx-user {float:left; width:900px; height:24px; line-height:24px; color:#888;} .zX-Czx-user i {padding:0 30px;} .zX-Czx-user span {float:left; width:60px; text-align:right;} .zX-Czx-cont,.zX-Czx-hf {float:left; width:900px;} .zX-Czx-cont dt,.zX-Czx-hf dt {float:left; width:60px; text-align:right; color:#444; line-height:24px; height:24px;} .zX-Czx-cont dd,.zX-Czx-hf dd {float:left; width:840px;} .zX-Czx-cont dd p {line-height:24px;} .zX-Czx-cont dd p a {color:#444;} .zX-Czx-cont dd p a:hover {color:#ff5454; text-decoration:underline !important;} .zX-Czx-hf dt {color:#ff5454;} .zX-Czx-hf dd p {float:left; line-height:24px; width:700px; color:#ff5454;} .zX-Czx-hf dd i {float:right; line-height:24px; width:140px; text-align:right; color:#999;} .zX-Czx-more {width:900px; height:40px; line-height:40px; margin:0 auto; float:left;} .zX-Czx-more a {float:right; color:#2780c2;} .zX-Czx-more a:hover {color:#92b830;} .zX-areabox {width:900px; margin:0 auto; margin-top:20px; float:left;} .zX-areabox h6 {line-height:40px; font-size:16px; color:#333; border-bottom:1px solid #f1f1f1;} .zX-areabox p {line-height:24px; color:#999; padding:5px 45px;} /* 文本框 */ .zX-areaText {width:810px; background:#fff; padding:10px 45px;} .zX-areaText label {float:left; position:relative;} .zX-areaText label span {position:absolute; float:left; line-height:24px; left:10px; color:#bcbcbc; cursor:text;} .zX-areaText .input-txt {width:788px; height:80px; color:#333; padding: 0 10px; font-size: 12px; line-height: 24px; outline: none; border: 1px solid #e6e6e6; font-family:"微软雅黑";} .zX-AreaBut {float:left; width:810px; padding:15px 45px; margin-top: -10px;} .zX-AreaBut a {float:right; text-align:center; width:150px; height:38px; line-height:38px; border: 1px solid #ff5454; color:#fff; background:#ff5454; font-size:16px;} .zX-AreaBut a:hover {background:#ff5454;} /* 售后服务 */ .zEs-sh {width: 900px; margin: 0 auto; padding: 10px 0;} .zEs-sh p {line-height: 26px; color: #666;} /* 分页 */ .zPage {width:900px; margin:0 auto; text-align:right; margin-top:20px;} .zPage a {background:#fff; border:1px solid #e6e6e6; color:#999; padding:0 8px; height:28px; line-height:28px; display:inline-block;} .zPage a:hover {background:#ff5454; color:#fff; border:1px solid #ff5454;} /* 猜你喜欢 */ .zEs-tit {width: 1200px; margin: 0 auto; line-height: 40px; border-bottom: 1px solid #e6e6e6; position: relative;} .zEs-tit span {float: left; color: #333; font-size: 16px; border-bottom: 1px solid #ff5454; position: absolute; bottom: 0; margin-bottom: -1px;} .zEs-tit a {float: right; color: #2780c2;} .zEs-tit a:hover {color: #92b830;} .zEs-lk {width: 1200px; margin: 0 auto; padding: 15px 0;} .zEs-lk li {float: left; width: 150px; text-align: center; padding: 0 25px;} .zEs-lk li a {float: left; width: 150px;} .zEs-lk li a img {width: 150px; height: 150px;} .zEs-lk li h2 {line-height: 30px; height: 30px; width: 150px; padding-top: 10px;} .zEs-lk li h2 a {color: #333; font-size: 14px; float: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .zEs-lk li h2 a:hover {color: #ff5454;} .zEs-lk li p {width: 150px; color: #ff5454;} /* 无评价及咨询记录 */ .zP-NotextCont {width: 900px; margin: 0 auto; padding-top: 20px;} .zP-NotextCont p {text-align: center; color: #999;} .zP-NotextCont p a {color: #2780C2; padding: 0 3px;} .zP-NotextCont p a:hover {color: #87A92D;} /* ----------==========********** 产品PK **********==========---------- */ .zPKwrap {width:1200px; margin:0 auto; margin-top:20px; margin-bottom:100px;} .zPKtab {width:1200px; margin:0 auto; background:#fff;} .zPKtab th {background:#f5f5f3; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#333; border:1px solid #dedede;} .zPKtab td {border:1px solid #dedede; text-align:center; color:#555; line-height:30px;} .zPKtab .zPKtabName {vertical-align: top;} .zPKtab .zPKtabName img {margin-top: 10px; max-width: 70px; max-height: 70px;} .zPKtab .zPKtabName a {float: left; width: 70px; margin: 0 65px;} .zPKtab .zPKtabName h2 {font-size:12px; float:left; text-align: left; padding: 0 10px; padding-bottom: 5px;} .zPKtab .zPKtabName h2 a {float: none; color:#2780c2; line-height:22px; width: 180px; margin: 0;} .zPKtab .zPKtabName h2 a:hover {color: #92b830;} .zPKtab i {padding: 2px 10px; width: 90%; line-height: 22px; float: left; text-align: center; margin: 0;} .zPKtab td strong {color:#fd6763; font-weight:bold;} /* ----------==========********** 订单页 **********==========---------- */ .uEs-wbg {width: 100%; margin: 0 auto; background: #f9f9f9; padding: 10px 0 20px 0;} /* 头部流程 */ .hear-wrap,.zEs-Od-page,.zEs-Od-wrap {width: 1200px; margin: 0 auto;} .zEs-hear-L {float: left; height: 60px; padding: 15px 0;} .zEs-hear-L a {float: left; padding: 5px 0;} .zEs-hear-L em {float: left; font-size: 28px; line-height: 60px; color: #999; border-left: 1px solid #e6e6e6; padding-left: 20px; margin-left: 20px;} .zEs-hear-R {float: right; width: 450px; height: 60px; padding: 15px 0;} .zEs-lclist {float: left; width: 150px; border-top: 5px solid #e6e6e6; margin-top: 23px;} .zEs-lclist dt {float: left; width: 20px; text-align: center; padding: 0 65px;} .zEs-lclist dt i {float: left; width: 20px; height: 20px; background: url(../images/shop/lc_icon.png) no-repeat -40px 0px; margin-top: -13px;} .zEs-lclist dd {float: left; width: 150px; height: 30px; line-height: 30px; text-align: center; color: #999;} .lc-one {border-color: #90b722;} .lc-one dt i {background-position: -20px 0;} .lc-one dd {color: #90b722;} .lc-two {border-color: #c8dc96;} .lc-two dt i {background-position: 0px 0;} .lc-two dd {color: #c8dc96;} .zEs-Od-htit {line-height: 40px; height: 40px; font-size: 16px; color: #666; padding-bottom: 10px;} .zEs-Od-wrap {width: 1200px; margin: 0 auto; overflow: hidden;} .zEs-Od-w {width: 1160px; margin: 0 auto;} .zEs-Od-tit {font-size: 14px; color: #333; height: 50px; line-height: 50px; font-weight: bold;} .zEs-Od-tit em {font-size: 16px; color: #333; font-weight: bold; line-height: 50px; float: left; position: relative; text-indent: 30px;} .zEs-Od-tit em:after {content: ""; position: absolute; left: 0; top: 15px; width: 20px; height: 20px; background: url(../images/shop/order_title_icon.png) no-repeat left center;} .zEs-Od-tit .zEs-Od-titicon1:after {background-position: left center;} .zEs-Od-tit .zEs-Od-titicon2:after {background-position: -20px center;} .zEs-Od-tit .zEs-Od-titicon3:after {background-position: -40px center;} .zEs-Od-tit .zEs-Od-titicon4:after {background-position: -60px center;} .zEs-Od-tit .zEs-Od-titicon5:after {background-position: -80px center;} .zEs-Od-tit .zEs-Bk-Catr {float: right; color: #187FC4; font-weight: normal; font-size: 12px; margin-top: 10px; line-height: 30px; padding: 0 10px; text-align: center;} .zEs-Od-tit .zEs-Bk-Catr:hover {color: #ff5454;} .zEs-Od-cont {padding: 0; border: 1px solid #e6e6e6; width: 1158px; background: #fff;} .zEs-Od-bot {overflow: visible;} /* 地址 */ .zD-U-otAdd-list {width:1158px; margin:0 auto;} .zD-U-otAdd-list li {float: left; width: 1158px; line-height:40px; font-size:12px; color:#333; margin-bottom: 1px;} .zD-U-otAdd-list label {float:left; width:938px; cursor:default;} .zD-U-otinp {float:left; margin:12px 10px 0 10px;} .zD-U-otinp input {float:left; background:none; border:none; width:15px; height:15px;} .zD-U-otAddname {float:left; width:903px; height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #666;} .zD-U-otAddname strong {margin-right: 10px;} .zD-U-otAdd-butt {float:right; width:210px; text-align: right; display: none; padding-right: 10px;} .zD-U-otAdd-butt a {display:inline-block; margin-left:5px; padding: 0 10px; height:26px; line-height:26px; margin-top: 6px; border:1px solid #e6e6e6; color:#999; background:url(../images/shop/selet_dot.png) no-repeat right -50px;} .zD-U-otAdd-butt a:hover {border-color:#ff5454; color:#ff5454;} .zD-U-otAdd-butt .zG-now {border:1px solid #ff5454; background-position:right bottom; color:#ff5454;} .zD-U-otAdd-list li:hover,.zD-U-otAdd-list .on {background: #fffaf2;} .zD-U-otAdd-list .on .zD-U-otAddname strong,.zD-U-otAdd-list .on {font-weight: bold;} .zD-U-otAdd-list li:hover .zD-U-otAdd-butt {display: block;} .zD-U-otAdd-list li:hover .zD-U-otAddname strong {color: #333;} .zD-U-otAdd-list .on .zD-U-otAdd-butt {display: block;} /* 增加地址 */ .zG-Add-zjbox {width:1158px; margin:0 auto; background:#fff; margin-top: 41px;} .zD-U-list {width:1100px; float:left; padding:20px 48px 0 10px;} .zD-U-list li {float:left; width:550px; margin-bottom:15px; overflow:hidden;} .zD-U-list li:hover {background: none;} .zD-U-list li p {float:left; width:70px; line-height:28px; text-align:right; margin-right:10px; color:#666;} .zD-U-list li p i {color:#dd514c; font-weight:bold;} .zD-se-widthbox {width:470px; float:left; overflow:hidden;} .zD-se-box {float:left; width:480px;} .zD-in-width {float: left;} .zD-in-width input {width:448px; line-height:26px; height:26px; color:#666; font-size: 12px;} .zD-se-width {border:none; float:left; margin-right:10px;} .zD-se-width select {width:110px; line-height:28px; height:28px; float:left; outline:none; color:#666; border-color: #e6e6e6;} .zD-U-list-But {width:1018px; float:left; padding: 0 50px 15px 90px;} .zD-U-list-But a {display:inline-block; width:200px; height:40px; line-height:40px; background:#dd514c; color:#fff; font-size:18px; margin-right: 10px; text-align: center;} .zD-U-list-But .zsub {background: #fd7b4d;} .zD-U-list-But .zsub:hover {background: #ff5454;} .zD-U-list-But .zcl {background: #b7b7b7;} .zD-U-list-But .zcl:hover {background: #999;} /* 支付 */ .zEs-Od-w .zD-paytype {width:1098px; margin-bottom: 10px; padding: 0 30px; margin-top: 15px;} .zD-paytype li {float:left; margin-right:15px;} .zD-paytype li a {float:left; padding:0 25px; border:2px solid #e6e6e6; height:26px; line-height:26px; color:#666; font-size:12px; background:url(../images/shop/selet_dot.png) no-repeat right -50px;} .zD-paytype li a:hover {border:2px solid #ff5454; color:#ff5454; background-color:#fff;} .zD-paytype li .zG-now {border:2px solid #ff5454; background-color:#fff; background-position:right bottom; color:#ff5454;} .zD-paytype li span {float: left; line-height: 30px; color: #999; padding-left: 5px;} .zD-paytype li span i {color: #333; padding: 0 5px; font-weight: bold;} .zD-paytype li span a {float: none; border: none; background: none; padding: 0; color: #187FC4;} .zD-paytype li span a:hover {color: #ff5454; border: none; background: none;} .zD-paytype li .zG-over,.zD-paytype li .zG-over:hover {background: #fafafa; color: #ccc; border-color: #e6e6e6;} /* 订单信息 */ .zEs-Od-deta,.zEs-Od-tb {width: 1160px; margin: 0 auto;} .zEs-Od-detaTit {width: 1130px; padding: 0 14px;} .zEs-Od-detaTit strong {float: left; line-height: 34px; height: 34px; font-size: 12px; color: #666;} .zEs-Od-detaTit strong a {color: #2780c2; padding-left: 5px;} .zEs-Od-detaTit strong a:hover {color: #ff5454;} /* .zEs-Od-detaTit .zEs-Qset {float: right; margin-top: 5px;} .zEs-Od-detaTit .zEs-Qset em {float: left; line-height: 24px; padding-right: 10px; color: #666;} .zEs-Od-detaTit .zEs-Qset select {float: left; width: 130px; height: 24px; line-height: 24px; outline: none; color: #666; border-color: #d0d0d0;} */ .zEs-Od-tb {margin-top: 0px; width: 1158px;} .zEs-Od-tb th {line-height: 40px; height: 40px; color: #000; background: #f0f0f0;} .zEs-Od-tbbox {width: 1158px; margin: 0 auto;} .zEs-Od-tbbox li {background: #fafafa; border-bottom: 2px solid #e6e6e6; background: #fff;} .zEs-Od-tbdeta {border-top: 1px dashed #ebebeb; width: 1130px; margin: 0 auto; color: #333;} .zEs-Od-tbdeta td {text-align: center; padding: 10px 0; color: #666; border-bottom: 1px dashed #ebebeb;} .zEs-Od-tbdeta .zShop-YuWpind {padding: 0; width: 1130px;} .zEs-Od-tbdeta td b {float: left; width: 120px; padding-right: 70px; text-align: right;} .zEs-Od-tbdeta td .zEs-Od-dj {color: #ff5454; font-weight: bold;} .zEs-Od-tbdeta td em {float: left; width: 490px; padding-left: 10px;} .zEs-Od-tbdeta td em a,.zEs-Od-tbdeta td em a img {float: left;} .zEs-Od-tbdeta td em a {padding: 3px; border: 1px solid #e6e6e6;} .zEs-Od-tbdeta td em a img {width: 60px; height: 60px;} .zEs-Od-tbdeta .zEs-Od-sj {float: left; width: 410px; text-align: left; padding: 5% 0; margin-left: 10px;} .zEs-Od-tbdeta td em p {line-height: 24px; color: #999;} .zEs-Od-tbdeta td em h2 {float: left; width: 420px; text-align: left; overflow: hidden;} .zEs-Od-tbdeta td em h2 a {color: #333; border: none; float: none; padding: 0;} .zEs-Od-tbdeta td em h2 a:hover {color: #ff5454;} /* ++++++服务预约++++++ */ .zShop-YuWrap {width: 1128px; margin: 0 auto; background: #fffaf2; padding-bottom: 20px; border: 1px solid #ffd9a1;} .zShop-YuWrap h4 {font-size: 14px; color: #202430; text-align: left; padding: 10px; border-bottom: 2px solid #ffd9a1;} .zShop-YuWrap h4 b {float: right; font-size: 12px; color: #fd7b4d; padding: 0; width: auto;} .zShop-Yulist {width: 1110px; margin: 0 auto;} .zShop-Yulist dt {float: left; width: 1110px; text-align: left; height: 40px; line-height: 40px;} .zShop-Yulist dt strong {float: left; color: #333; font-weight: bold;} .zShop-Yulist dt a {float: left; padding: 0 10px; margin: 8px 15px; text-indent: 0; background: #fd7b4d; color: #fff; height: 24px; line-height: 24px; text-align: center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .zShop-Yulist dd,.zShop-YuInfoWrap {float: left; width: 1100px; overflow: hidden;} .zShop-YuInfo {width: 1150px; margin-top: 10px; margin-bottom: -10px;} .zShop-YuInfo li {float: left; width: 525px; margin-right: 50px; text-align: left; border: none; margin-bottom: 10px; position: relative; background: none;} .zShop-YuInfo li b {display: none;} .zShop-YuInfo li em {float: left; width: 80px; height: 30px; line-height: 30px; text-align: right; padding-right: 15px;} .zShop-YuInfo li .zShop-YuInt {float: left; width: 418px; background: #fff; border: 1px solid #e6e6e6;} .zShop-YuInfo li .zShop-YuInt input {float: left; width: 410px; padding: 0 4px; border: none; background: none; height: 28px; line-height: 28px; outline: none; color: #000;} .zShop-YuInfo li .zShop-YuInt select {float: left; width: 420px; border: none; background: none; height: 28px; line-height: 28px; outline: none; color: #000;} .zShop-Yu-but {width: 1100px; margin: 0 auto; border-top: 1px solid #efefef; height: 40px; line-height: 40px;} .zShop-Yu-but a {display: inline-block; height: 40px; line-height: 40px; background: #fd7b4d; color: #fff; padding: 0 50px; font-size: 14px;} /* 错误提示 */ .zShop-Yulist .zTime strong font {font-weight: normal; color: #fd7b4d;} .zShop-YuInfo .zerr em {color: #fd7b4d;} .zShop-YuInfo .zerr .zShop-YuInt {border-bottom-color: #fac8be;} .zShop-YuInfo .zerr b {color: #fd7b4d; border: 1px solid #fd7b4d; height: 28px; background: #fff; position: absolute; left: 105px; top: 0; line-height: 28px; width: 408px; padding: 0 5px; text-align: left; display: block;} /* 预约服务订单详情使用 */ .zShop-YuOrder {width: 1068px; margin: 0 auto; border: 1px solid #e0e8df; margin-top: -1px; padding: 25px; margin-bottom: 10px; padding-top: 0; background: #fff;} .zShop-YuOrder h4 {font-size: 14px; color: #202430; text-align: left; border-bottom: 2px solid #efefef;} .zUorder-list .zShop-Yuodlist {width: 1068px; margin: 0 auto;} .zUorder-list .zShop-Yuodlist dt {float: left; width: 1068px; text-align: left; height: 40px; line-height: 40px;} .zUorder-list .zShop-Yuodlist dt strong {float: left; color: #dd514d; font-weight: bold; font-size: 12px;} .zUorder-list .zShop-Yuodlist dd,.zShop-YuodInfoWrap {float: left; width: 1068px; overflow: hidden;} .zUorder-list .zShop-YuodInfo {width: 1150px; margin-top: 10px; margin-bottom: -10px;} .zUorder-list .zShop-YuodInfo li {float: left; width: 509px; margin-right: 50px; text-align: left; border: none; margin-bottom: 5px; position: relative;} .zUorder-list .zShop-YuodInfo li em {float: left; width: 90px; height: 30px; line-height: 30px; text-align: right; padding-right: 15px; color: #323232 !important;} .zUorder-list .zShop-YuodInfo li strong {color: #888; line-height: 30px;} /* 健康豆说明 */ .zEs-Od-tb-msm {position: relative; width: 200px; position: relative;} .zEs-Od-tb-msm p {width: 200px; height: 24px; line-height: 24px; text-align: center;} .zEs-Od-tb-msm p i {display: inline-block; width: 15px; height: 15px; cursor: pointer; background: none;} .zEs-Od-tb-mtxt {height: 50px; border: 1px solid #cbe4ea; position: absolute; top: 24px; right: 0; width: 180px; color: #666; background: #ecf5f7; padding: 10px; text-align: left;} .zEs-Od-tb-mtxt span {line-height: 24px;} .zEs-Od-tb-mtxt span a {color: #3e96a9;} .zEs-Od-tb-mtxt span a:hover {color: #ff5454;} /* 发票 */ .zD-fpwrap li em {float:left; color:#666; line-height:28px; width:80px; text-align:right; padding-right:10px;} .zD-fp-text {border-color:#e6e6e6;} .zD-fp-text input {width:308px;} .zD-fpwrap {width: 1160px; margin-bottom: 10px;} .zD-fpwrap li {float: left;} .zD-fpwrap .zD-fp-tab {float: left;} .zD-fpwrap .zD-fp-wbox {float: left; position: relative;} .zD-fpwrap .zD-fp-box {float: left; width: 298px; height: 150px; position: absolute; top: 28px; left: 0; padding: 10px; background: #fff; border: 1px solid #e6e6e6; border-top: none; overflow-y: auto; overflow-x: hidden;} .zD-fpwrap .zD-fp-list {float: left; width: 290px;} .zD-fpwrap .zD-fp-list li {float: left; width: 290px; position: relative;} .zD-fpwrap .zD-fp-list li em {float: left; text-align: left; font-size: 12px; padding:0 10px; width: 270px; height: 28px; overflow: hidden;} .zD-fpwrap .zD-fp-list li span {float: right; width: 80px; text-align: center; display: none; line-height: 28px; position: absolute; right: 0; top: 0; background: #f9f9f9;} .zD-fpwrap .zD-fp-list li:hover {background: #f9f9f9;} .zD-fpwrap .zD-fp-list li:hover span {display: block;} .zD-fpwrap .zD-fp-list li:hover span a {color: #ff7200; margin-left: 5px;} /* 修改发票信息 */ .zES-InVwrap {width: 1158px; margin: 0 auto;} .zES-InVbox {width: 1098px; margin: 0 auto; line-height: 24px; padding: 0 30px;} .zES-InVinput {float: left; margin: 0 auto;} .zES-InVinput label {float: left; margin-right: 10px; height: 40px; line-height: 40px; color: #333;} .zES-InVinput label input {float: left; width: 14px; height: 14px; margin-top: 13px; margin-right: 5px;} .zES-InVinput p {float: left; line-height: 40px; color: #999; padding-right: 10px;} .zES-InVinput p i {padding-left: 10px;} .zES-InVbox a {color: #187FC4; line-height: 40px;} .zES-InVbox a:hover {color: #ff5454;} .zD-inp {float:left; background:#fff; border:1px solid #e6e6e6;} .zD-inp input {float:left; background:none; border:none; padding:0 5px; outline:none; line-height:26px; height:26px; color:#666; font-size:12px;} .zD-inp select {float:left; height:28px; line-height:28px; outline:none;} .zD-inp-kdse {border:none;} .zD-inp-kdse select {width:200px; border-color: #e6e6e6; color: #666;} /* 支付信息 */ .zEs-pay-other {width: 1160px; margin: 0 auto;} .zEs-pay-other li {float:left; width: 1160px;} .zEs-other-tit {float: left; width: 1160px; height: 30px; line-height: 30px;} .zEs-other-tit label {float: left; width: 1160px;} .zEs-other-tit .zD-U-otinp {margin-top: 8px;} .zEs-other-tit em {float: left; line-height: 30px; color: #666;} .zAct-DP-accbutWrap {width: 1098px; padding-bottom: 10px; margin-left: 30px;} .zAct-DP-accbut {width: 1098px; margin: 0 auto;} .zAct-DP-accbut p {line-height: 30px; color: #666; padding-bottom: 5px;} .zAct-DP-accbut p i {padding: 0 5px; color: #ff5454; font-weight: bold;} .zAct-DP-accbut p strong {padding-left: 20px; color: #333;} .zAct-DP-accbut p strong a {color: #187FC4; padding: 0 2px;} .zAct-DP-accbut p strong a:hover {color: #ff5454;} .zAct-DP-accbut .zAct-DP-ye {color: #666;} .zAct-DP-acclist {width: 1098px; margin: 0 auto; padding: 15px 0px; border: 1px solid #cee2f8; background: #fbfcff; padding-bottom: 5px; margin-bottom: 5px;} .zAct-DP-acclist dt {float: left; color: #666; width: 80px; text-align: left; text-indent: 10px; line-height: 28px; margin-bottom: 10px;} .zAct-DP-acclist dd {float: left; width: 1018px; margin-bottom: 10px;} .zAct-DP-input {float: left; background: #fff; border: 1px solid #dee5f2;} .zAct-DP-input input {float: left; border: none; background: none; outline: none; color: #666; text-align: center; padding: 0 10px; height: 26px; line-height: 26px; width: 60px;} .zAct-DP-acclist dd span {float: left; line-height: 28px; color: #666; padding-left: 10px;} .zAct-DP-code {float: left; margin-left: 10px;} .zAct-DP-code a {float: left; line-height: 28px; width: 100px; text-align: center; background: #fd7b4d; color: #fff;} .zAct-DP-code i {padding-left: 10px; color: #50648c; line-height: 28px;} .zAct-DP-code i a {float: none; background: none; color: #187FC4; padding: 0 5px;} .zAct-DP-code i a:hover {color: #ff5454;} /* 订单赠品列表 */ .zEs-Od-tbdeta .zEs-Sales {width: 1110px; padding: 0px 10px; margin: 0 auto; background: #fff; border-top: 1px solid #fff; margin-top: -15px; position: relative;} .zEs-Od-tbdeta .zEs-Sales p {line-height: 22px; color: #999; text-align: left;} .zEs-Od-tbdeta .zEs-Sales p i {padding-left: 10px;} /* 订单备注 */ .zEs-Bz-wrap {width: 1130px; margin: 0 auto; padding: 8px 14px;} .zEs-Bz-L {float: left; width: 640px;} .zEs-Bz-L p {line-height: 34px; color: #666; float: left; text-align: left; width: 60px;} .zEs-Bztxt {float: left; width: 500px; padding: 0;} .zEs-Bztxt .input-txt {width: 478px; height: 56px;} .zEs-Bz-R {float: right; width: 400px;} .zES-Bz-yh {float: right; width: 400px; text-align: right; line-height: 28px; height: 28px;} .zES-Bz-yh span,.zES-Bz-yh em {color: #999;} .zD-inp-kd {border:none; float:right; background: none;} .zD-inp-kd span {float:left; line-height:34px; color:#666; padding-right:5px;} .zD-inp-kd select {width:120px; height:34px; line-height:28px; color:#666; font-size:12px; border-color: #e6e6e6;} .zD-inp-kd em {line-height:34px; padding-left:10px; color: #ff5454; text-align:right; float:left;} .zD-inp-kd em i {float:none; color:#999;} .zEs-Od-beiz label span {line-height: 34px;} .zEs-Od-beiz .input-txt {height: 34px; line-height: 34px; overflow: hidden; width: 560px; border-color: #f0f6fb; color: #000;} .zD-PS-txt {float: right; text-align: right; width: 400px; padding-right: 10px;} .zD-PS-txt p {color: #666;} .zD-PS-txt .zD-PS-SetList {float: right;} .zD-PS-txt .zD-PS-SetList li {float: left; border-bottom: none; background: none; margin: 1px 0; color: #666;} .zD-PS-txt .zD-PS-SetList li strong {float: left; width: 270px; height: 24px; line-height: 24px; text-align: right;} .zD-PS-txt .zD-PS-SetList .zD-PS-SetBox {float: right; width: 120px; padding-left: 10px;} .zD-PS-txt .zD-PS-SetList .zD-PS-SetBox select {float: left; width: 120px; height: 24px; line-height: 24px; outline: none; color: #666; border-color: #d0d0d0;} .zD-PS-txt .zD-PS-SetList li em {float: left; padding-left: 10px; width: 120px; height: 24px; line-height: 24px; text-align: right; color: #ff5454;} .zD-PS-txt .zD-PS-SetList li .zD-PS-kd {color: #999;} /* 提交 */ .zD-sbutbox {width:1160px; margin:0px auto; margin-top: 0;} .zD-total-l {float:left; width:1160px; padding:20px 0;} .zD-total-l li {float:left; width: 1160px; line-height:26px; font-size:14px; color:#333;} .zD-total-l li strong {float:left; width: 1050px; text-align:right; color: #666;} .zD-total-l li strong em {color:#ff5454; padding:0 5px; font-weight:bold;} .zD-total-l li span {float:left; width:100px; padding-left:10px; text-align:right; color: #666;} .zD-total {float:left; width:1160px; background:#f0f0f0; text-align:right;} .zD-total strong {float:left; text-align:right; width:940px; font-size:14px; color:#333; padding-right:20px; line-height: 60px; height: 60px;} .zD-total strong em {font-size:24px; font-weight:bold; color:#ff5454; float: right;} .zD-total span {float:right;} .zD-total span a {float:left; width:200px; text-align:center; height:60px; line-height:60px; font-size:24px; color:#fff; background:#ff5454;} .zD-total-add {float:left; width:1160px; text-align:right; padding-top: 15px;} .zD-total-add p {line-height:24px; color:#999; font-size:12px;} .zD-total-l li .zD-total-Quan {float: right;} .zD-total-l li .zD-total-Quan select {float: left; width: 100px; height: 24px; line-height: 24px; color: #666; border-color: #d0d0d0; outline: none;} /* //////优惠券使用////// */ /* 不可用 */ .zEs-VoucherWrap {width: 1098px; margin: 0 auto; max-height: 240px; padding: 20px 0; padding-right: 35px; margin-right: 0; overflow: hidden; overflow-y: auto;} .zEs-Voucher {width: 1098px; margin: 0 auto; overflow: hidden;} .zEs-VoucherList {width: 1117px; margin: 0 auto;} .zEs-VoucherList li {float: left; width: 250px; height: 136px; padding: 5px; margin-right: 19px; margin-bottom: 20px; background: url(../images/shop/Coupon_border_line.png) no-repeat center -584px;} .zEs-VoucherList .zEs-VouBg {padding: 10px; width: 230px; height: 116px; background: #ddd; cursor: not-allowed; position: relative;} .zEs-VoucherList .zEs-VouText {padding: 0 15px; border: 1px dashed #fff;} .zEs-VoucherList .zEs-VouMon {width: 100%; margin: 0 auto; margin-top: 4px;} .zEs-VoucherList .zEs-VouMon em {float: left; text-align: right; font-size: 36px; line-height: 70px; font-weight: bold; color: #fff;} .zEs-VoucherList .zEs-VouTit {float: left; text-align: left; padding: 15px 0; margin-left: 15px; color: #fff;} .zEs-VoucherList .zEs-VouTit strong {float: left; width: 100%; text-align: left; line-height: 20px;} .zEs-VoucherList .zEs-VouTime {width: 100%; margin: 0 auto; height: 40px; line-height: 40px; text-align: center; color: #fff;} .zEs-VoucherList .zEs-VouBg b {float: left; width: 32px; height: 32px; position: absolute; right: 10px; bottom: 10px; background: url(../images/shop/Coup_set.png) no-repeat center; display: none;} .zEs-VoucherList .active b {display: block;} /* 商家代金券 */ .zEs-VoucherList .zEs-Vou-SD {background-position: center -438px;} .zEs-VoucherList .zEs-Vou-SD .zEs-VouBg {background: #d2a475; cursor: pointer;} /* 商家满减券 */ .zEs-VoucherList .zEs-Vou-SM {background-position: center -292px;} .zEs-VoucherList .zEs-Vou-SM .zEs-VouBg {background: #9999cc; cursor: pointer;} /* 平台代金券 */ .zEs-VoucherList .zEs-Vou-PD {background-position: center -146px;} .zEs-VoucherList .zEs-Vou-PD .zEs-VouBg {background: #90b722; cursor: pointer;} /* 平台满减券 */ .zEs-VoucherList .zEs-Vou-PM {background-position: center -0;} .zEs-VoucherList .zEs-Vou-PM .zEs-VouBg {background: #187fc4; cursor: pointer;} /* ...... 修改优惠券使用的样式 ...... */ .zEs-VouList {width: 1122px; margin: 0 1px;} .zEs-VouList li {float: left; width: 200px; margin-right: 24px; margin-bottom: 15px;} .zEs-VouList a {width: 200px; float: left; cursor: not-allowed; position: relative;} .zEs-VouList .zEs-VouEd {width: 176px; border: 2px dashed #ddd; padding: 9px 10px; border-bottom: none; color: #c8c8c8;} .zEs-VouList .zEs-VouEd em {float: left; font-size: 24px; font-weight: bold; height: 40px; padding-left: 5px; line-height: 40px;} .zEs-VouList .zEs-VouEd p {float: left; padding: 4px 0px; margin-left: 10px;} .zEs-VouList .zEs-VouEd p span {display: block; height: 16px; line-height: 16px; width: 100%;} .zEs-VouList .zEs-VouDate {width: 200px; height: 40px; line-height: 40px; background: #ddd; text-align: center; color: #fff;} .zEs-VouList b {position: absolute; width: 32px; height: 32px; bottom: 0px; right: 0px; background: url(../images/shop/Coup_set.png) no-repeat center; display: none;} .zEs-VouList .active,.zEs-VouList .zEs-Vsd a,.zEs-VouList .zEs-Vsm a,.zEs-VouList .zEs-Vpd a,.zEs-VouList .zEs-Vpm a {cursor: pointer;} .zEs-VouList .active b {display: block;} /* 商家代金券 */ .zEs-VouList .zEs-Vsd .zEs-VouEd {border-color: #e3f0f8; color: #7896aa;} .zEs-VouList .zEs-Vsd .zEs-VouDate {background: #e3f0f8; color: #7896aa;} /* 商家满减券 */ .zEs-VouList .zEs-Vsm .zEs-VouEd {border-color: #f8e6da; color: #aa9682;} .zEs-VouList .zEs-Vsm .zEs-VouDate {background: #f8e6da; color: #aa9682;} /* 平台代金券 */ .zEs-VouList .zEs-Vpd .zEs-VouEd {border-color: #fff4c6; color: #dcaa1e;} .zEs-VouList .zEs-Vpd .zEs-VouDate {background: #fff4c6; color: #dcaa1e;} /* 平台满减券 */ .zEs-VouList .zEs-Vpm .zEs-VouEd {border-color: #e3dceb; color: #a082a0;} .zEs-VouList .zEs-Vpm .zEs-VouDate {background: #e3dceb; color: #a082a0;} .zEs-VouList .active .zEs-VouEd,.zEs-VouList .zEs-Vsd a:hover .zEs-VouEd,.zEs-VouList .zEs-Vsm a:hover .zEs-VouEd,.zEs-VouList .zEs-Vpd a:hover .zEs-VouEd,.zEs-VouList .zEs-Vpm a:hover .zEs-VouEd {border-style: solid; border-bottom: none;} /* ----------========== 用户订单查看详情 ==========---------- */ .zUorder-tit {width:1200px; margin:0 auto; padding:10px 0;} .zUorder-tit i {float:left; width:10px; height:30px; background:#dd514d; margin-right:10px;} .zUorder-tit strong {float:left; line-height:30px; font-size:22px; color:#333;} .zUorder-tit span {float:right;} .zUorder-tit span a {float:left; width:98px; height:28px; line-height:28px; text-align:center; border:1px solid #ff5454; background:#ff6464; font-size:12px; color:#fff; margin-left:5px; -webkit-transition:0.15s; -moz-transition:0.15s; -ms-transition:0.15s; -o-transition:0.15s; transition:0.15s;} .zUorder-tit span a:hover {background: #ff5454;} .zUorder-tit span .on {background:#1e82c8; border:1px solid #187FC4; color:#fff;} .zUorder-tit span .on:hover {background: #187FC4; } .zG-wrap {margin-top: 20px;} .zG-wrap h5 {text-align:left; height:30px; line-height:30px; font-size:14px; color:#333; width: 1198px; margin: 0 auto; background: url(../images/shop/uo_line.png) repeat-x left center;} .zG-wrap h5 em {display: inline-block; width: 100px; height: 30px; line-height: 30px; background: #dd514d; color: #fff; text-align: center;} .zUorder-oform {width:1158px; margin:0 auto; padding: 20px; border: 1px solid #ffe6c8; background: #fffcf3;} .zUorder-oform-l {width:1158px; margin:0 auto;} .zUorder-oform-l dt {float:left; width:1158px; border-bottom:1px solid #ffe6c8; height:40px; font-size:14px; color:#333;} .zUorder-oform-l dt strong {font-weight:bold; line-height:40px; } .zUorder-oform-l dt span {font-size:12px; color:#999; line-height:40px; padding-left:20px;} .zUorder-oform-l dd {float:left; width:1158px;} .zUorder-zt {float:left; width:1158px; height:50px; line-height:50px;} .zUorder-zt strong {float:left; font-size:14px; color:#333; font-weight:bold;} .zUorder-zt strong i {color:#fd760d;} .zUorder-zt a {float:left; width:80px; height:24px; line-height:24px; text-align:center; background:#46a33f; color:#fff; margin-top:13px; margin-left:20px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} .zUorder-oform-l dd p {font-size:12px; color:#666; line-height:20px; float:left; width:1200px;} /* 状态示意 */ .zUorder-ztlWrap {width: 1200px; margin: 0 auto; position: relative; overflow: hidden;} .zUorder-ztlBox {position: relative; left: 50%; float: left;} .zUorder-ztl {position: relative; float: left; left: -50%; margin-top:10px;} .zUorder-ztl li {float:left; width:198px; padding:30px 0;} .zUorder-ztl li span {float:left; width:198px; height:22px; background:url(../images/shop/userorder_dot.png) center -44px;} .zUorder-ztl li em {float:left; width:198px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#999;} .zUorder-ztl .zUorder-ztlnow span {background-position:center 22px;} .zUorder-ztl .zUorder-ztlnow em {color:#333;} .zUorder-ztl .zNoleft-line {position: relative;} .zUorder-ztl .zNoleft-line:after {content: ""; width: 88px; position: absolute; background: #fff; left: 0; top: 8px; height: 5px;} .zUorder-ztl .zNoright-line {position: relative;} .zUorder-ztl .zNoright-line:before {content: ""; width: 88px; position: absolute; background: #fff; right: 0; top: 8px; height: 5px;} /* 跟踪 */ .zUorder-ddgz {width:1200px; margin:0 auto; padding-bottom:20px;} .zUorder-ls {width:1200px; margin:0 auto;} .zUorder-ls li {float:left; width:300px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#333;} .zUorder-ls .zUorder-lscon {width:600px;} .zUorder-box {width:1198px; border:1px solid #e8e8e8; padding:5px 0 15px 0; background:#fff;} .zUorder-cont {width:1100px; margin:0 auto; padding-bottom:5px;} .zUorder-cont li {float:left; width:1100px; text-align:center; line-height:30px; height:30px; font-size:12px; color:#333;} .zUorder-cont .zUorder-data {float:left; width:200px;} .zUorder-cont .zUorder-chuli {float:left; width:670px; text-align:left; padding-left:30px;} .zUorder-cont .zUorder-guest {float:left; width:200px;} .zUorder-kd {width:1100px; margin:0 auto; border-top:1px solid #e8e8e8;} .zUorder-kd li {float:left; height:40px; line-height:40px; font-size:12px; color:#333; padding-left:40px;} .zUorder-kd li a {color:#dd514d;} .zUorder-kd li a:hover {text-decoration:underline !important; color:#dd514d;} .zUorder-kd li strong {font-weight:bold;} .zUorder-cha {width:1060px; margin:0 auto; text-align:left !important; padding-left:40px;} .zUorder-cha a {color:#333; font-size:12px; border:1px solid #d9d9d9; width:98px; line-height:28px; display:inline-block; text-align:center;} .zUorder-cha a:hover {color:#dd514d; border:1px solid #dd514d;} /* 订单信息 */ .zUorder-listbox {width:1128px; margin:20px auto; border:1px solid #e8e8e8; padding:0 35px 10px 35px; background:#fff;} .zUorder-list {width:1120px; margin:0 auto; margin-bottom:5px;} .zUorder-list dt {width:1120px; height:40px; line-height:40px; border-bottom:1px solid #e8e8e8; font-size:14px; font-weight:bold; color:#333; margin-bottom:5px;} .zUorder-list dd {width:1120px; line-height:22px; color:#333; font-size:12px;} .zUorder-list-table {width:1120px; margin:0 auto; margin-top:-5px;} .zUorder-list-table th {background:#f3f3f3; height:34px; line-height:34px; color:#333;} .zUorder-list-table td {text-align:center; color:#999; font-size:12px; line-height:40px; height:40px; border-top:1px solid #e8e8e8;} .zUorder-list-table td em {color:#dd514d;} .zUorder-list-table td a {color: #666;} .zUorder-list-table td a:hover {color:#dd514d !important; text-decoration:underline !important;} /* 总计 */ .zUorder-hzbox {width:1200px; margin:50px auto; text-align:right; background:#fff; border: 1px solid #dcdcdc; border-top:5px solid #dd514d;} .zUorder-hzlist {float:left; text-align:right; width:960px; padding:20px;} .zUorder-hzlist li {float:left; width:960px; font-size:14px; color:#333; line-height:24px;} .zUorder-hzlist li strong {float:left; text-align:right; width:860px; padding-right:10px;} .zUorder-hzlist li strong em {color:#dd514d; padding:0 5px;} .zUorder-hzlist li span {float:left; text-align:left; width:80px; padding-left:5px;} .zUorder-hzlist li span i {float:left; width:5px; height:24px; line-height:24px; font-size:14px; color:#dd514d;} .zUorder-Sum {float:right; width:199px; text-align:center; height:72px; border-left:1px solid #e8e8e8; margin:20px auto;} .zUorder-Sum p {line-height:30px; font-size:14px; color:#333;} .zUorder-Sum h3 {font-size:24px; font-weight:bold; color:#dd514d; line-height:30px;} /* ----------==========********** 订单支付页 **********==========---------- */ .zES-Pay-Mt {width: 1160px; margin: 0 auto; padding: 10px 0; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6;} .zES-Pay-Mt p {text-align: center; line-height: 30px; font-size: 18px; color: #333; padding-top: 15px;} .zES-Pay-Mt p em {color: #ff5454; padding: 0 10px;} .zEs-Pay-M {width: 1160px; margin: 0 auto; padding-top: 5px;} .zEs-Pay-O {width: 1160px; padding-top: 10px; margin: 0 auto; color: #666;} .zEs-Pay-O strong {float: left;} .zEs-Pay-O em {float: right;} .zEs-Pay-Add {width: 1160px; padding: 10px 0; margin: 0 auto; color: #666; border-bottom: 1px solid #e6e6e6; padding-bottom: 15px;} .zEs-Pay-Add span {margin-right: 20px;} .zEs-Pay-Tab .zEs-Pay-TabTit {width: 1160px; margin: 0 auto; padding: 10px 0; color: #666; margin-top: 10px;} .zEs-PayTab {width: 1160px; margin: 0 auto;} .zEs-PayTab th {border-top: 1px solid #e6e6e6; border-bottom: 1px dotted #e6e6e6; background: #f9f9f9; line-height: 34px; height: 34px; color: #333;} .zEs-PayTab td {line-height: 34px; height: 34px; color: #666; text-align: center; border-bottom: 1px solid #e6e6e6;} .zEs-Pay-bank {width: 1160px; margin: 0 auto; margin-top: 20px;} .zEs-Pay-bank .zEs-Pay-TabTit {font-weight: bold; font-size: 16px;} .zEs-Pay-banklist {width:1160px; margin-top: 10px; border-top: 1px solid #e6e6e6; padding-top: 10px;} .zEs-Pay-banklist li {float: left; float: left; width: 172px; margin-right: 20px; height: 42px; margin-bottom: 20px; position: relative; cursor: pointer; padding-top: 10px;} .zPay-bankselect {float: left; margin-top: 12px;} .zPay-banklogo {float: left; width: 172px; margin-left: 5px;} .zEs-Pay-banklist li i {position: absolute; display: inline-block; width: 10px; height: 10px; background: url(../images/selet_dot.png) no-repeat right 60px; right: -3px; bottom: 2px;} .zEs-Pay-banklist .zPayNow i {background-position: 0px 0px;} .zEs-Pay-banklist li:hover img {border:2px solid #dd514d;} .zPay-banklogo img {border: 2px solid #ccc; cursor: pointer;} .zEs-Pay-banklist .zPayNow img {border: 2px solid #dd514d;} /* 支付页商品列表 */ .zEs-Pay-ptablist {width: 1160px; margin: 0 auto; margin-top: 10px;} .zEs-Pay-ptablist li {float: left; width: 1160px;} .zEs-Pay-ptablist li p {height: 30px; line-height: 30px; text-align: left; color: #999; text-indent: 2em; position: relative;} .zEs-Pay-ptablist li p:after {content: ""; position: absolute; left: 0; top: 5px; width: 20px; height: 20px; background: url(../images/shop/shop_mer_homeicon.png) no-repeat;} .zEs-Pay-ptablist .zEs-Pay-ptab {width: 1160px; margin: 0 auto;} .zEs-Pay-ptablist .zEs-Pay-ptab td {border: 1px solid #f0f0f0; height: 30px; line-height: 30px; text-align: center; background: #fff; color: #333;} .zEs-Pay-ptablist .zEs-Pay-ptab .zEs-Pay-ptabLeft {text-align: left; text-indent: 2em;} .zEs-Pay-ptablist .zEs-Pay-ptab td b {float: left; width: 130px; padding-right: 70px; text-align: right;} /* ----------==========********** 购物车页 **********==========---------- */ .zG-slist {width:1198px; height:50px; line-height:50px; margin:0 auto; background:#fff; border: 1px solid #e6e6e6;} .zG-slist li {float:left; color:#666; font-size:14px; width:120px; text-align:center;} .zG-slist .zG-slist-w {width:598px; text-align:left; text-indent:8px;} .zG-slist .zG-slist-wall {text-align:left;} .zG-slist label {float:left; width:70px; padding:12px 25px; cursor:pointer; line-height:16px;} /* 修改购物车商户 */ .zG-UcartWrap {width: 1200px; margin: 0 auto;} .zG-UcartWrap dt {float: left; width: 1200px; height: 40px; line-height: 40px; border-bottom: 3px solid #dedede;} .zG-UcartWrap .zG-UcartTitle {float: left; width: 100%;} .zG-UcartWrap .zG-UcartInt {float: left; padding-left: 17px;} .zG-UcartWrap .zG-UcartInt input {float: left; width: 16px; height: 16px; margin-top: 12px; margin-right: 5px;} .zG-UcartWrap .zG-UcartInt a {color: #187FC4; font-weight: bold; line-height: 40px;} .zG-UcartWrap .zG-UcartInt a:hover {color: #ff5454;} .zG-UcartWrap .zG-UcartYf {float: right; padding-right: 10px;} .zG-UcartWrap .zG-UcartYf span {color: #666;} .zG-UcartWrap .zG-UcartYf em {color: #ff5454; padding-left: 10px;} .zG-UcartWrap .zG-UcartYf em i {font-weight: bold;} .zG-UcartWrap dd {float: left; width: 1198px; border: 1px solid #e6e6e6; border-bottom: none; border-top: none;} /* 增加优惠券领取 */ .zG-UaddVou {float: left; margin-left: 20px; position: relative;} .zG-UaddVouT {float: left;} .zG-UaddVouT a {float: left; height: 20px; line-height: 20px; position: relative; color: #ff5454; padding: 0 10px; margin-top: 10px;} .zG-UaddVouT a:before {content: ""; width: 10px; height: 20px; position: absolute; left: 0; top: 0; background: url(../images/shop/Coupon_dot_icon.png) no-repeat left -20px;} .zG-UaddVouT a:after {content: ""; width: 10px; height: 20px; position: absolute; right: 0; top: 0; background: url(../images/shop/Coupon_dot_icon.png) no-repeat right -20px;} .zG-UaddVouT a span {float: left; padding: 0 10px; height: 18px; line-height: 18px; text-align: center; background: #fff; border: 1px solid #ff5454; border-left: none; border-right: none;} .zG-UaddVouWrap {float: left; width: 360px; max-height: 260px; padding: 10px 20px 0px 15px; overflow: hidden; overflow-y: auto; background: #fff; border: 3px solid #e6e6e6; position: absolute; top: 40px; left: 0; z-index: 1001;} .zG-UaddVouWrap {width: 360px; margin: 0 auto;} .zG-UaddVouBo {width: 360px; margin: 0 auto;} .zG-UaddVouBo h4 {font-size: 12px; font-weight: bold; color: #333; height: 30px; line-height: 30px;} .zG-UaddVouList {width: 360px; margin: 0 auto; margin-bottom: 10px;} .zG-UaddVouList li {float: left; width: 360px; margin-top: 5px; position: relative;} .zG-UaddVouList li i {float: left; width: 40px; padding: 0 10px; margin-top: 6px; position: relative;} .zG-UaddVouList li i:before {content: ""; width: 10px; height: 20px; position: absolute; left: 0; top: 0; background: url(../images/shop/Coupon_dot_icon.png) no-repeat left -20px;} .zG-UaddVouList li i:after {content: ""; width: 10px; height: 20px; position: absolute; right: 0; top: 0; background: url(../images/shop/Coupon_dot_icon.png) no-repeat right -20px;} .zG-UaddVouList li i span {float: left; width: 40px; height: 18px; line-height: 18px; color: #ff5454; border: 1px solid #ff5454; border-left: none; border-right: none; text-align: center;} .zG-UaddVouList .zG-UaddVon {float: left; width: 285px; height: 32px; margin-left: 15px;} .zG-UaddVouList .zG-UaddVon p {float: left; width: 290px; line-height: 16px; height: 16px; color: #666;} .zG-UaddVouList .zG-UaddVon p em {padding-left: 10px;} .zG-UaddVouList .zG-UaddVon p a {float:left; color: #999; padding-right: 20px; position: relative;} .zG-UaddVouList .zG-UaddVon p a:after {content: ""; width: 16px; height: 16px; position: absolute; right: 0; top: 2px; background: url(../images/shop/CouDot_icon.png) no-repeat -32px 0px;} .zG-UaddVouList .zG-UaddVon p a:hover,.zG-UaddVouList .zG-UaddVon p .active {color: #ff5454;} .zG-UaddVouList .zG-UaddVon p a:hover:after {background-position: -48px 0px;} .zG-UaddVouList .zG-UaddVon p .active:after,.zG-UaddVouList .zG-UaddVon p .active:hover:after {background-position: -48px -16px;} .zG-UaddVouList .zG-UaddVbut {position: absolute; right: 0; top: 6px;} .zG-UaddVouList .zG-UaddVbut a {float: left; height: 24px; line-height: 24px; background: #ff5454; color: #fff; width: 70px; text-align: center;} .zG-UaddVouList .zG-UaddVpic {width: 360px; margin-top: 10px; float: left; overflow: hidden;} .zG-UaddVouList .zG-UaddVpic .zG-UaddVpicList {float: left; width: px;} .zG-UaddVouList .zG-UaddVpic .zG-UaddVpicList span {float: left; margin-right: 10px; margin-bottom: 10px; width: 40px; height: 40px; padding: 4px; background: #fff; border: 1px solid #f0f0f0; overflow: hidden;} .zG-UaddVouList .zG-UaddVpic .zG-UaddVpicList span a {float: left;} .zG-UaddVouList .zG-UaddVpic .zG-UaddVpicList span a img {width: 40px; height: 100%;} /* 领取 */ .zG-UaddVouList .Receive i:before {background: url(../images/shop/Coupon_dot_icon.png) no-repeat left -40px;} .zG-UaddVouList .Receive i:after {background: url(../images/shop/Coupon_dot_icon.png) no-repeat right -40px;} .zG-UaddVouList .Receive i span {border-color: #ddd; color: #b4b4b4;} .zG-UaddVouList .Receive .zG-UaddVbut a {background: #f5f5f5; color: #ccc;} /* ----- 可选赠品 ----- */ .zXnr .zPerr {background: #ffebeb;} .zXnr .zPin-Set {float: left; height: 24px; line-height: 24px; border: 1px solid #ccc; color: #333; margin: 0; text-indent: 0; padding: 0 10px;} .zXnr .zPin-Set:hover {text-decoration: none; color: #ff5454; border-color: #ff5454;} .zXnr .zPin-ProWrap {float: left; width: 506px;} .zXnr .zPin-ProWrap .zPin-Pro {float: left; margin-top: 2px;} .zXnr .zPin-ProWrap .zPin-Pro span {float: left;} .zXnr .zPin-ProWrap .zPin-Pro span a {float: left; width: 20px; height: 20px; padding: 1px; background: #fff; text-indent: 0; border: 1px solid #e6e6e6; margin-right: 5px;} .zXnr .zPin-ProWrap .zPin-Pro span a img {float: left; width: 20px; height: 20px;} .zXnr .zPin-ProWrap .zPin-Pro span i {float: left; padding-left: 12px; line-height: 24px; color: #ff5454; position: relative; margin-left: -10px;} .zXnr .zPin-ProWrap .zPin-Pro span i:before {content: "×"; position: absolute; left: 5px; top: 0;} .zXnr .zPin-ProWrap .zPin-ProEidt {float: left; color: #999; margin: 0; text-indent: 5px;} .zXnr .zPin-ProWrap .zPin-ProEidt:hover {color: #ff5454; text-decoration: none;} /* 可选赠品列表 */ .zXnr .zPin-Lwrap {position: absolute; left: 0; top: 0; width: 470px; background: #fff; border: 3px solid #e6e6e6; z-index: 999;} .zXnr .zPin-Lwrap .zPin-Tit {float: left; width: 450px; padding: 0 10px; height: 40px; line-height: 40px; color: #333; background: #fafafa; border-bottom: 1px solid #e6e6e6;} .zXnr .zPin-Lwrap .zPin-Tit em {float: left;} .zXnr .zPin-Lwrap .zPin-Tit a {float: right; width: 15px; height: 15px; margin-top: 7px; margin-right: -5px; background: url(../images/shop/del.png) no-repeat 0px 4px;} .zXnr .zPin-WList {float: left; width: 450px; padding: 0 10px; max-height: 185px; overflow: hidden; overflow-y: auto;} .zXnr .zPin-WList .zPin-List {float: left; width: 450px; padding: 0 10px;} .zXnr .zPin-WList .zPin-List li {float: left; width: 450px; padding: 5px 0; border-bottom: 1px dashed #e6e6e6;} .zXnr .zPin-WList .zPin-List li .zPin-Lck {float: left; margin-top: 18px;} .zXnr .zPin-WList .zPin-List li .zPin-Lck input {float: left; width: 14px; height: 14px; border: none; background: none;} .zXnr .zPin-WList .zPin-List li .zPin-Lpic {float: left; margin-left: 10px; width: 44px; height: 44px; border: 1px solid #e6e6e6; padding: 2px;} .zXnr .zPin-WList .zPin-List li .zPin-Lpic a {float: left; margin: 0; text-indent: 0;} .zXnr .zPin-WList .zPin-List li .zPin-Lpic a img {width: 44px; height: 44px; margin: 0;} .zXnr .zPin-WList .zPin-List li .zPin-Lname {float: left; width: 365px; padding-left: 5px; padding-top: 4px;} .zXnr .zPin-WList .zPin-List li .zPin-Lname p {float: left; width: 365px; height: 20px; line-height: 20px; color: #999; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;} .zXnr .zPin-WList .zPin-List li .zPin-Lname p a {margin: 0; text-indent: 0; color: #666;} .zXnr .zPin-WList .zPin-List li .zPin-Lname p a:hover {text-decoration: none; color: #ff5454;} .zXnr .zPin-But {float: left; width: 470px; margin-top: -1px; background: #fff; text-align: center; border-top: 1px solid #e6e6e6; padding: 10px 0;} .zXnr .zPin-But a {display: inline-block; margin: 0 3px; background: #fafafa; border: 1px solid #e6e6e6; text-indent: 0; padding: 0 20px; color: #999;} .zXnr .zPin-But a:hover {text-decoration: none;} .zXnr .zPin-But .zPin-Smit {border-color: #ff5454; color: #fff; background: #ff5454;} .zG-Ucart {width:1198px; margin:0px auto; background: #fff; margin-top: 0; border-top: none;} .zG-Ucart li {float:left; width:1198px; padding:15px 0; border-bottom:1px dotted #e6e6e6; position:relative; background:#fff;} .zG-Ucart .zG-Ucart-bg {background: #fffaf2;} .zG-cbox {float:left; width:1198px; overflow:hidden; display:inline;} .zG-inall {float:left; width:50px; text-align:right; overflow:hidden;} .zG-slist label {float:left; width:70px; padding:17px; cursor:pointer; line-height:16px;} .zG-slist .zG-qx,.zG-Ucart .zG-qx {border:none; margin-right:5px;} .zG-slist .zG-qx input,.zG-Ucart .zG-qx input {height:16px; width:16px;} .zG-Ucart .zG-qx {margin-top:26px; margin-left:17px; display:inline;} .zG-Ucart .no-botline {border-bottom: none;} .zG-cpic {float:left; width: 68px; height: 68px;} .zG-cpic a {padding: 3px; border: 1px solid #e6e6e6; float: left;} .zG-cpic img {width:60px; height:60px;} .zG-Name {float:left; width:590px; margin-left:10px;} .zG-Name h2 {float: left; width: 520px; height: 44px; line-height: 24px; padding: 10px 0; text-align: left; overflow: hidden;} .zG-Name h2 a {color: #333; border: none; float: none; padding: 0;} .zG-Name h2 a:hover {color:#ff5454;} .zG-Name p {width:430px; overflow:hidden; color: #999; font-size: 12px;} .zG-cinput {float:left; background:#f8f8f8; border:1px solid #e6e6e6;} .zG-cinput input {float:left; background:none; border:none; font-size:12px; width:22px; height:22px; line-height:12px; outline:none; color:#000; cursor:pointer;} .zG-cj,.zG-cs,.zG-ca {float:left;} .zG-cs {width:20px; height:22px; line-height:22px; padding:0 10px; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; color:#000; font-size:12px;} .zG-cjia,.zG-cd,.zG-cz,.zG-cdel {float:left; width:120px; padding:22px 0; line-height:24px; text-align:center; font-size:14px; color:#000;} .zG-cjia {padding:22px 16px; width:88px;} .zG-cd em {font-size: 12px; color: #666; float: left; width: 90px; padding-right: 30px; text-align: right;} .zG-cz strong {color:#666; font-weight: bold; float: left; width: 90px; padding-right: 30px; text-align: right;} .zG-cdel a {border:1px solid #fbd5d5; background:#fff; font-size:12px; color:#f88787; padding:3px 12px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} .zG-cdel a:hover {color: #ff5454; background: #fff8f8;} .zG-csNumber {border-left:none; border-right:none; background:#fff;} .zG-csNumber input {width:40px; line-height:22px; text-align:center;} /* 赠品列表 */ .zO-Sale {float: left; width: 1148px; padding-left: 50px; margin-top: 10px; position: relative;} .zO-Sale .zO-SaleP {float: left; line-height: 22px; width: 1148px; position: relative;} .zO-Sale .zO-SaleP span {float: left; color: #999; padding-right: 5px;} .zO-Sale .zO-SaleP a {float: left; color: #999; width: 300px; height: 22px; line-height: 22px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;} .zO-Sale .zO-SaleP a:hover {color: #ff5454;} .zO-Sale .zO-SaleP i {float: left; color: #999; padding-left: 25px; position: relative;} .zO-Sale .zO-SaleP i:before {content: "×"; position: absolute; left: 15px;} /* 修改赠品 */ .zO-Sale .zO-EideWrap {position: absolute; left: 440px; top: 0; width: 404px;} .zO-Sale .zO-EideWrap .zO-SaleEidt {float: left;} .zO-Sale .zO-EideWrap .zO-SaleEidt a {color: #ff5454; width: 70px; height: 18px; padding: 0 5px; line-height: 18px; text-align: center; border: 2px solid #ff5454;} .zO-Sale .zO-EideWrap .zO-SaleEidt .aEidt {border-bottom: none; padding: 0 5px; padding-bottom: 2px; background: #fff; position: relative; z-index: 1000;} .zO-Sale .zO-SaPicWrap {float: left; width: 400px; position: absolute; left: 0px; top: 17px; border: 2px solid #ff5454; background: #fff; z-index: 999;} .zO-Sale .zO-SaPicWrap ul {float: left; width: 380px; padding: 0 10px;} .zO-Sale .zO-SaPicWrap ul li {float: left; width: 380px; padding: 10px 0; border-bottom: 1px dashed #e6e6e6;} .zO-Sale .zO-SaPicWrap .zO-SaPicSet {float: left; margin-top: 18px;} .zO-Sale .zO-SaPicWrap .zO-SaPicSet input {float: left; width: 14px; height: 14px; border: none; background: none;} .zO-Sale .zO-SaPicWrap .zO-SaPicPic {float: left; width: 44px; height: 44px; border: 1px solid #e6e6e6; padding: 2px; margin-left: 10px;} .zO-Sale .zO-SaPicWrap .zO-SaPicBut {float: left; width: 300px; margin-left: 5px; padding-top: 3px;} .zO-Sale .zO-SaPicWrap .zO-SaPicBut p {float: left; width: 300px; height: 20px; line-height: 20px; color: #999; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;} .zO-Sale .zO-SaPicWrap .zO-SaPicBut p a {color: #666; float: none; width: auto;} .zO-Sale .zO-SaPicWrap .zO-SaPicBut p a:hover {color: #ff5454;} .zO-Sale .zO-SaPicSimt {float: left; width: 400px; text-align: center; padding: 5px 0; padding-top: 10px;} .zO-Sale .zO-SaPicSimt a {float: none; display: inline-block; margin: 0 3px; width: 70px; height: 26px; line-height: 26px; border: 1px solid #e6e6e6; background: #fafafa;} .zO-Sale .zO-SaPicSimt a:hover {color: #999;} .zO-Sale .zO-SaPicSimt .zO-SaMit {border-color: #ff5454; background: #ff5454; color: #fff;} /* 下单结算 */ .zG-buy-but {width:1198px; margin:0 auto; background: #fff; border: 1px solid #e6e6e6; position: relative; margin-top: 20px;} .zG-buy-t {float:left; width:960px; height:60px; line-height:60px; text-align:right; font-size:14px; color:#999;} .zG-buy-tall {float:left; width:350px; text-align:left;} .zG-buy-tall a {color: #999; margin-right: 15px;} .zG-buy-tall a:hover {color: #ff5454;} .zG-buy-tall label {float:left; cursor:pointer; margin-right: 15px; color: #666;} .zG-buy-tall .zG-qx {border:none; margin:21px 5px 0 17px; display:inline;} .zG-buy-tall .zG-qx input {height:16px; width:16px;} .zG-buy-text {float:left; text-align:right; height:60px; width:610px;} .zG-buy-t .zG-buy-text span {margin-right:30px;} .zG-buy-t .zG-buy-text span em {color:#fd7b4d; padding:0 10px; font-weight:bold;} .zG-buy-t .zG-buy-text span strong {color:#ff5454; padding:0 10px; font-weight:bold; font-size:16px;} .zG-buy {float:right; width:200px; position: absolute; right: -1px; top: -1px;} .zG-buy a {float:left; width:200px; height:62px; line-height:62px; color:#fff !important; text-align:center; font-size:24px !important; background:#ff5454;} /* 取消原因 */ .zOd-Celwrap {width: 500px; margin: 0 auto;} .zOd-Celwrap h4 {line-height: 40px; height: 40px; width: 500px; border-bottom: 1px solid #e6e6e6; font-size: 14px; color: #666;} .zOd-celist {width: 400px; margin: 0 auto; margin-top: 20px;} .zOd-celist li,.zOd-celist li label {float: left; width: 400px; margin-bottom: 1px; color: #999;} .zCelRad {border:none; background: none;} .zCelRad input {width: 14px; height: 14px; margin-top: 8px; font-size: 12px;} .zCelTxt {border-color: #e6e6e6;} .zCelTxt input {font-size: 12px; width: 358px;} .zOd-celist li span {float: left; line-height: 30px; padding-left: 6px; width: 380px;} .zOd-celist .zOd-zCelbz {float: left; width: 400px; padding-left: 20px; width: 380px;} .zOd-cel-but {width: 430px; margin: 20px auto; padding-left: 70px;} .zOd-cel-but a {float: left; margin-right: 5px; color: #fff; border: 1px solid #ff5454; background: #fd7b4d; height: 28px; line-height: 28px; padding: 0 25px;} .zOd-cel-but .zOd-qxbut {background: #adadad; border-color: #999;} /* ----------========== 商家页面 ==========---------- */ /* ----------========== 列表样式 ==========---------- */ .zLtop {width:1200px; margin:10px auto;} .zLM {float:left; width:210px; height:40px; background:#555; text-align:center; position:relative;} .zLM a {display:inline-block; width:210px; height:40px; line-height:40px;font-size:16px; color:#fff; background:url(../images/list_topdot.png) no-repeat 165px center;} .zLAll {width:208px; position:absolute; top:50px; left:0; background:#f5f5f5; border:1px solid #dcdcdc;} .zLAll li {border-bottom:1px solid #dcdcdc;} .zLAll .zlAllno {border-bottom:none;} .zLAll li a {background:none; font-size:14px; height:40px; line-height:40px; color:#666; display:inline-block; width:208px;} .zLAll li a:hover {color:#fd6663; background:#fff;} .zLMl {float:left; width:1200px; height:40px; line-height:40px; color:#333;} .zLMl dt {float:left; font-size:14px;} .zLMl dd {float:left;} .zLMl dd a {color:#333; font-size:14px;} .zLMl dd a:hover {color:#00a2ca;} .zLMl dd span {padding:0 5px;} .zLFt {width:1158px; margin:0 auto; margin-top:10px; padding:0 20px; background:#fff; border:1px solid #e0e0e0;} .zLFt h4 {width:1158px; border-bottom:1px solid #dfdfdf; color:#333; font-size:18px; height:50px; line-height:50px;} .zLsBox {width:1158px; margin:0 auto; position:relative; float:left;} /* 产品分类布局样式 */ .zLs-fl {width:1158px; margin:0 auto;} .zLs-fl dt {float:left; width:50px; line-height:50px; text-align:center; color:#333; font-weight:bold;} .zLs-fl dd {float:left; width:1000px; line-height:50px;} .zLs-fl dd ul {width:1048px; float:left;} .zLs-fl dd ul li {float:left; color:#333; font-size:12px; margin-right:1px;} .zLs-fl dd ul li a {padding:5px 20px; color:#666; font-size:12px; white-space:nowrap;} .zLs-fl dd ul li a:hover {color:#fff; background:#dd514c;} .zLs-fl dd ul li .zLon {color:#fff; background:#dd514c;} .zLs-fl-more dd {height: 50px; overflow: hidden;} .zLs-fl-more dd ul {width: 1000px;} .zLmore {position:absolute; right:0; top:13px; height:30px; font-size:12px;} .zLmore a {border:1px solid #e6e6e6; line-height:24px; padding:0 15px; display:inline-block; height:24px; color:#888;} .zLmore a:hover {border:1px solid #dd514c; color:#dd514c;} /* 更多品牌 */ .zLmoreBox {width:1026px; margin:0 auto; padding:10px; border:1px solid #f3f3f3; float:left; margin-top:-38px; margin-left:50px; _margin-left:25px; background:#fbfbfb; position:relative; overflow:hidden;} .zL-PP {width:1026px; border-bottom:1px solid #dfdfdf; padding-bottom:10px;} .zL-PP a {float:left; padding:5px 11px; background:#fff; margin-left:5px; border:1px solid #dcdcdc; text-align:center; color:#999;} .zL-PP a:hover,.zL-PP .zLppOn {background:#dd514c; border:1px solid #dd514c; color:#fff !important;} .zLp-listBox {width:1026px; margin:0 auto; padding:0 5px;} .zLp-list {width:1026px; margin-top:10px; overflow:hidden;} .zLp-list li {float:left; margin-left:1px; margin-bottom:5px;} .zLp-list li a {float:left; padding:5px 15px; text-align:center; color:#666; font-size:12px; white-space:nowrap;} .zLp-list li a:hover {background:#dd514c; color:#fff !important;} /* 商品列表 */ .zLlistWarp {width:1200px; margin:0 auto; margin-top:20px;} .zLxbox {width:1178px; height:48px; margin:0 auto; background:#fff; border:1px solid #e8e8e8; border-bottom:5px solid #e8e8e8; padding:0 10px;} /* 筛选条件 */ .zLx {float:left; line-height:48px; width:700px;} .zLx span {padding:0 15px; color:#dfdfdf;} .zLx a {color:#555;} .zLx a:hover,.zLx .zLxon {color:#dd514c;} .zLxSxa {float:left;} .zLxSxa a {float:left; margin-right:10px;} .zLxSxa .zLxOn {color:#ff5454;} .zLxSxa .zLxOn .zLxMo {background-position:0px -24px;} .zLxSxa .zLxOn .zLxUp {background-position:0px -24px;} .zLxSxa .zLxOn .zLxDown {background-position:0px -24px;} .zLxSxa .zLxOn .zLxUp {background-position:0px -0px;} .zLxSxa a i {float:right; width:13px; height:8px; background:url(../images/shop/updown.png) no-repeat -13px -8px; margin:21px 2px 19px 2px;} .zLxSxa .zLxUp {background-position:0px -8px;} .zLxSxa .zLxDown {background-position:0px -8px;} .zLxSxa .zLxMo {background-position:-0px -8px;} .zLxJia {float:left;} .zLxJt {float:left;} .zLxJo {float:left; border:1px solid #dedede; height:24px; margin-top:11px;} .zLxJo i {float:left; line-height:24px; text-align:center; padding-left:5px; color:#999;} .zLxJo input {float:left; border:none; background:none; margin-left:-5px; line-height:24px; height:24px; padding:0 5px; width:40px; font-size:12px; color:#000; outline:none;} .zLxJt span {float:left; width:12px; padding:0; margin:0; text-align:center;} .zLxJia a {float:left; padding:0 10px; height:26px; line-height:26px; margin-top:11px; margin-left:5px; background:#ff5454; color:#fff;} .zLxJia a:hover {color:#fff;} /* .zLxSxa a:hover .zLxUp {background-position:0px -24px;} .zLxSxa a:hover .zLxDown {background-position:0px -24px;} .zLxSxa a:hover .zLxMo {background-position:-0px -24px;} */ .zLxg {float:right; line-height:48px;} .zLxg p {color:#999;} .zLxg p span {padding:0 5px; color:#ff5454; font-size:14px;} /* 商品 */ .zLcpBox {width:1200px; margin:0 auto; float:left; margin-top:20px; margin-bottom:50px; overflow:hidden;} .zLcpB-L {float:left; width:976px; overflow:hidden;} .zLcplistPagebox {float:left; width:976px; overflow:hidden;} .zLcplistPagebox h4 {width:930px; height:34px; line-height:34px; padding:0 11px; color:#333; margin-bottom:10px; background:#fff; border:1px solid #e7e7e7;} .zLcplistPagebox h4 em {margin-right:20px;} .zLcplistPagebox h4 i { margin:0 5px; text-align:center;} .zLcplist {width:976px; margin:0 auto;} .zLcplist li {float:left; width:220px; margin-right:22px; border:1px solid #eee; position:relative; margin-bottom:30px; background:#fff;} .zLcplist li:hover {border:1px solid #d2d2d2;} .zLcpHo {float:left; width:220px;} .zLcpImg {width:220px; height:150px; margin:0 auto; text-align:center; margin-top:10px; overflow:hidden;} .zLcpImg a {float:left; width:220px; text-align:center;} .zLcpImg img {max-height:150px;} .zLcpName {width:200px; margin:0 auto; padding:0 10px;} .zLcpName h2 {font-size:14px; height:40px; line-height:40px; border-bottom:1px solid #f1f1f1; width:200px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .zLcpName h2 a {color:#000;} .zLcpName h2 a:hover {color:#dd514c;} .zLcpJia {width:200px; height:40px; line-height:40px; margin:0 auto; border-bottom:1px solid #f1f1f1;} .zLcpJia p {float:left; width:90px; font-size:20px; color:#dd514c;} .zLcpJia p span {font-size:14px;} .zLcpJia i {float:right; text-align:right; width:100px; text-decoration:line-through;} .zLcpPing {width:200px; margin:0 auto; margin-left:10px; height:38px; line-height:38px; margin-bottom:2px;} .zLcpPing em {float:left;} .zLcpPing em a {color:#888;} .zLcpPing strong {float:right; text-align:center; line-height:22px; margin-top:8px;} .zLcpPing strong a {float:left; width:48px; height:22px; border:1px solid #e6e6e6; margin-left:2px;} .zLcpPing strong a:hover {background:#dd514c; color:#fff; border:1px solid #dd514c;} .zLcpNew {position:absolute; top:6px; left:6px;} .zLcpQi {width:200px; margin:0 auto; height:40px; line-height:40px; background:#f9f9f9; border-top:1px solid #f0f0f0; padding:0 10px;} .zLcpQi a {color:#c7c7c7;} .zLcpQi a:hover {color:#666;} /* 分页 */ .zLoginPage {width:954px; float:left; margin-top:30px; padding-top:15px; padding-bottom:5px;} .zLoginPage p {text-align:center; line-height:30px; color:#999;} .zLoginPage p a {display:inline-block; width:300px; height:40px; line-height:40px; font-size:14px; color:#fff !important; background:#ff5454;} .zLcpPage {float:left; width:1200px; margin:0 auto; text-align:center; margin-top:20px;} .zLcpPage a {background:#fff; border:1px solid #dfdfdf; color:#888; padding:0 8px; height:28px; line-height:28px; display:inline-block;} .zLcpPage a:hover {background:#dd514c; color:#fff; border:1px solid #dd514c;} .zLcpPageRight {width:900px; text-align:right;} /* 商家 */ .zS-Wrap {width:1200px; margin:0 auto;} .zS-L {float:left; width:220px; margin-bottom:20px; background:#fff;} .zS-LPic {width:180px; margin:0 auto; padding:15px 20px; text-align:center; overflow:hidden; border-top:1px solid #e7e7e7;} .zS-LPic img {max-width:180px;} .zS-LMinfo {width:218px; margin:0 auto; border:1px solid #e7e7e7;} .zS-LMinfo h5 {width:218px; background:#e7e7e7; height:50px; line-height:50px; font-size:14px; color:#333; text-align:left; text-indent:20px;} .zS-LMinfo h3 {width:180px; margin:0 auto; height:60px; line-height:60px; text-align:center; color:#2780c2; font-size:14px; border-bottom:1px dotted #e7e7e7; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .zS-LGood {width:180px; margin:0 auto; padding:20px 0; border-bottom:1px dotted #e7e7e7;} .zS-LGood em {float:left; width:180px; font-size:24px; text-align:center; color:#dd514c; line-height:36px;} .zS-LGood em i {font-size:14px;} .zS-LGood strong {float:left; width:180px; text-align:center; color:#999;} .zS-LName {width:180px; margin:0 auto; padding:15px 0; border-bottom:1px dotted #e7e7e7;} .zS-LName dt,.zS-LName dd {color:#999; line-height:24px; word-wrap: break-word;} .zS-LName dd {color:#666; margin-bottom:10px;} .zS-LKf {width:180px; margin:0 auto; padding:15px 0;} .zS-R {float:left; width:950px; margin-right:30px; overflow:hidden;} .zS-Rabout {width:950px; margin:0 auto;} .zS-Rabout h5 {width:98px; height:39px; line-height:40px; border:1px solid #e7e7e7; border-bottom:none; font-size:14px; color:#333; border-top-color:#63a723; background:#fff; position:relative;} .zS-RabText {width:948px; margin:0 auto; margin-top:-1px; border:1px solid #e7e7e7; background:#fff;} .zS-RabText p {padding:20px; line-height:30px; font-size:12px; color:#999;} /* banner */ .index_banner{position:relative;margin-bottom:20px;height:300px;} .index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:950px;height:300px; background: #fff;} .index_banner li img {width: 950px; height: 500px;} .index_banner li.first {background:url(../images/shop/index_banner1.jpg) center top no-repeat; background-size: 100% 100%;} .index_banner li.second {background:url(../images/shop/index_banner2.jpg) center top no-repeat; background-size: 100% 100%;} .index_banner li.third {background:url(../images/shop/index_banner3.jpg) center top no-repeat; background-size: 100% 100%;} .index_banner li.fourth {background:url(../images/shop/index_banner4.jpg) center top no-repeat; background-size: 100% 100%;} .index_banner li.fifth {background:url(../images/shop/index_banner2.jpg) center top no-repeat; background-size: 100% 100%;} .index_banner li a{display:block;margin:0 auto;width:950px;height:350px;} .index_banner cite{position:absolute;bottom:10px;left:50%;z-index:999;display:block;margin-left:-100px;width:240px;height:15px;_display:none; text-align: center;} .index_banner cite span{float:left;display:block;margin:0 4px;width:40px;height:8px;background-color:#e5e5e5;text-indent:-999em;opacity:.8;cursor:pointer; display: inline-block !important; float: none;} .index_banner cite span:hover{background-color:#333;} .index_banner cite span.cur{background-color:#333;cursor:default;} /* 商家分类 */ .zMer-box,.zMer-box h4,.zMer-box .zLsBox,.zMer-box .zLs-fl {width: 908px;} .zMer-box .zLmoreBox,.zMer-box .zL-PP {width: 770px;} .zMer-box .zLs-fl dd ul {width: 850px;} /* 列表 */ .zMerWrap {width: 950px;} .zMerWrap .zLxbox {width: 928px;} .zMerPage {width: 950px; margin-bottom: 50px; padding: 0; margin-top: 0;} .zMerPage h4 {width: 926px;} .zMerCplist li {margin-right: 20px;} .zMerCplist li:hover .Shop-ct {background: #f4f4f4; width: 200px;} /* 调整轮播图高度 */ .mer_banimg,.mer_banimg li {height:300px !important;} .mer_banimg li a {height:350px !important;} /* ----------==========********** 商城板式调整2015-11-24 开始 **********==========---------- */ /* 用户展示 */ .zShop-foc-right {border:none; height: 400px; overflow: hidden; background: #fff; filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;} .zShop-foc-right .zShop-foc-wrap h4 {background: #2780c2; position: relative; width: 210px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px;} .zShop-foc-right .zShop-foc-wrap h4:after {content: ''; pointer-events: none; position: absolute; width: 23px; height: 12px; background: url(../images/shop/Fac_dot.png) no-repeat center 0px; left: 50%; margin-left: -11px; bottom: -10px; z-index: 2;} .zShop-foc-box {width: 210px; height: 300px; margin: 0 auto; margin-top: 10px; overflow: hidden;} .zShop-foc-list {width:210px; margin: 0 auto; margin-bottom: -1px;} .zShop-foc-list li {float: left; width: 210px; height: 74px; border-bottom: 1px dotted #e6e6e6;} .zShop-foc-list li .zShop-foc-left {float: left; width: 40px; height: 40px; margin: 17px 15px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .zShop-foc-list li .zShop-foc-left img {width: 40px; height: 40px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .zShop-foc-list li .zShop-foc-right {float: left; width: 120px; height: 40px; padding:17px 20px 17px 0;} .zShop-foc-list li .zShop-foc-right p {float: left; width: 120px; line-height: 20px; height: 20px; color: #333; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;} .zShop-foc-list li .zShop-foc-right p b {float: left; color: #999;} .zShop-foc-list li .zShop-foc-right p i {float: right; color: #999;} /* 风险及推荐列表 */ .zFac-wrap {width: 100%; margin: 0 auto;} .zFac-tit {width: 1200px; margin: 0 auto; height: 49px; padding-bottom: 40px; overflow: hidden; position: relative; text-align: center;} .zFac-tit p {border-bottom: 1px solid #efefef; height: 50px;} .zFac-tit p span {display: inline-block; padding: 0 40px; height: 80px; background-color: #fff;} .zFac-tit p span strong {font-size: 24px; display: block; padding-top: 30px; text-align: center; color: #333;} .zFac-tit p span em {color: #666; font-size: 14px;} .zFac-txt {color: #666; padding-top: 20px; font-size: 12px;} .zFac-ubox {width: 1200px; margin: 0 auto;} /* 未登录时的提示 */ .zFac-Nlogin {width: 1200px; margin: 0px auto; background: url(../images/shop/nlogin_pic.jpg) no-repeat center 80px; text-align: center; position: relative; padding: 40px 0; margin-bottom: 10px;} .zFac-Nlogin i {float: left; width: 50px; height: 50px; position: relative; left: 50%; margin-left: -25px; background: url(../images/shop/nlogin_icon.png) no-repeat center;} .zFac-Nlogin p {text-align: center; line-height: 50px; font-size: 18px; color: #ff6c47; float: left; width: 1200px;} .zFac-Nlogin h3,.zFac-Nlogin h4 {float: left; width: 1200px; text-align: center;} .zFac-Nlogin h4 {font-size: 14px; color: #666;} .zFac-Nlogin h3 {padding-top: 10px;} .zFac-Nlogin h3 a {display: inline-block; width: 200px; height: 40px; line-height: 40px; background: #ff6c47; color: #fff; font-size: 14px;} .zFac-NlgWp {width: 540px; margin: 0 auto; background: #f3f6f7; padding: 0 80px; margin: 30px auto; height: 100px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;} .zFac-NlgWp i {float: left; width: 50px; height: 50px; margin: 25px; background: url(../images/shop/nlogin_icon.png) no-repeat center;} .zFac-NlgWp .zFac-Nlgtxt {float: left; width: 440px; padding: 25px 0;} .zFac-NlgWp .zFac-Nlgtxt h5 {float: left; height: 30px; line-height: 26px; font-size: 14px; color: #333;} .zFac-NlgWp .zFac-Nlgtxt p {float: left; width: 440px; height: 20px; line-height: 20px; color: #999;} .zFac-NlgWp .zFac-Nlgtxt p em {float: left;} .zFac-NlgWp .zFac-Nlgtxt p a {float: left; margin-left: 20px; font-size: 12px; width: 80px; padding-right: 10px; text-align: center; background: #ff6c47; color: #fff; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; position: relative;} .zFac-NlgWp .zFac-Nlgtxt p a:after {content: ''; display: block; width: 10px; height: 9px; background: url(../images/shop/right_go.png) no-repeat center 0; position: absolute; right:10px; bottom: 5px;} .zFac-flist {width: 1200px; height: 170px; margin: 0 auto; margin-bottom: 10px; text-align: center; letter-spacing:normal; font-size: 0px; overflow: hidden;} .zFac-flist li {display: inline-block; width: 150px; margin-top: 50px; font-size: 12px; cursor: default;} .zFac-flist li i {float: left; width: 64px; height: 64px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin-left: 43px; margin-bottom: 10px; background: #ff5454 url(../images/shop/fac_n_icon.png) no-repeat 0px -65px; position: relative;} /* 转圈圈 */ .zFac-flist li:hover i:after {content: ''; pointer-events: none; position: absolute; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: -6px; left: -6px; width: 72px; height: 72px; padding: 0; z-index: 10; border: 2px dashed #ff5454; -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; -webkit-animation: spinAround 9s linear infinite; -moz-animation: spinAround 9s linear infinite; animation: spinAround 9s linear infinite; } @-webkit-keyframes spinAround { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spinAround { from { -moz-transform: rotate(0deg) } to { -moz-transform: rotate(360deg); } } @keyframes spinAround { from { transform: rotate(0deg) } to { transform: rotate(360deg); } } .zFac-flist li .Fac-icon-f1 {background-position: 0px 0px;} .zFac-flist li .Fac-icon-f2 {background-position: -64px 0px;} .zFac-flist li .Fac-icon-f3 {background-position: -128px 0px;} .zFac-flist li .Fac-icon-f4 {background-position: -192px 0px;} .zFac-flist li .Fac-icon-f5 {background-position: -256px 0px;} .zFac-flist li .Fac-icon-f6 {background-position: -320px 0px;} .zFac-flist li .Fac-icon-f7 {background-position: -384px 0px;} .zFac-flist li .Fac-icon-f8 {background-position: -448px 0px;} .zFac-flist li .Fac-icon-f9 {background-position: 0px -64px;} .zFac-flist li .Fac-icon-f10 {background-position: -64px -64px;} .zFac-flist li .Fac-icon-f11 {background-position: -128px -64px;} .zFac-flist li .Fac-icon-f12 {background-position: -192px -64px;} .zFac-flist li .Fac-icon-f13 {background-position: -256px -64px;} .zFac-flist li .Fac-icon-f14 {background-position: -320px -64px;} .zFac-flist li .Fac-icon-f15 {background-position: -384px -64px;} .zFac-flist li .Fac-icon-f16 {background-position: -448px -64px;} .zFac-flist li .Fac-icon-f17 {background-position: -0px -128px;} .zFac-flist li .Fac-icon-f18 {background-position: -64px -128px;} .zFac-flist li .Fac-icon-f19 {background-position: -128px -128px;} .zFac-flist li .Fac-icon-f20 {background-position: -192px -128px;} .zFac-flist li .Fac-icon-f21 {background-position: -256px -128px;} .zFac-flist li .Fac-icon-f22 {background-position: -320px -128px;} .zFac-flist li .Fac-icon-f23 {background-position: -384px -128px;} .zFac-flist li .Fac-icon-f24 {background-position: -448px -0px;} .zFac-flist li .Fac-icon-f25 {background-position: -0px -192px;} .zFac-flist li .Fac-icon-f26 {background-position: -64px -192px;} .zFac-flist li .Fac-icon-f27 {background-position: -128px -192px;} .zFac-flist li .Fac-icon-f28 {background-position: -192px -192px;} .zFac-flist li .Fac-icon-f29 {background-position: -256px -192px;} .zFac-flist li .Fac-icon-f30 {background-position: -320px -192px;} .zFac-flist li .Fac-icon-f31 {background-position: -384px -192px;} .zFac-flist li .Fac-icon-f32 {background-position: -448px -192px;} .zFac-flist li .Fac-icon-f33 {background-position: -0px -256px;} .zFac-flist li .Fac-icon-f34 {background-position: -64px -256px;} .zFac-flist li .Fac-icon-f35 {background-position: -128px -256px;} .zFac-flist li .Fac-icon-f36 {background-position: -192px -256px;} .zFac-flist li .Fac-icon-f37 {background-position: -256px -256px;} .zFac-flist li .Fac-icon-f38 {background-position: -320px -256px;} .zFac-flist li .Fac-icon-f39 {background-position: -384px -256px;} .zFac-flist li .Fac-icon-f40 {background-position: -448px -256px;} .zFac-flist li .Fac-icon-f41 {background-position: -0px -320px;} .zFac-flist li .Fac-icon-f42 {background-position: -64px -320px;} .zFac-flist li .Fac-icon-f43 {background-position: -128px -320px;} .zFac-flist li strong,.zFac-flist li em {float: left; width: 150px; height: 20px; line-height: 20px; color: #333; text-align: center; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;} .zFac-flist li em {color: #999;} .zFac-more {width: 1200px; margin: 0 auto; height: 50px; line-height: 50px; text-align: center;} .zFac-more a {color: #999; position: relative;} .zFac-more #show:after {content: ''; display: block; width: 18px; height: 18px; background: url(../images/shop/down_dot.png) no-repeat center 0; position: absolute; left:50%; bottom: -20px; margin-left: -9px;} .zFac-more #hidden:after {content: ''; display: block; width: 18px; height: 18px; background: url(../images/shop/down_dot.png) no-repeat center -18px; position: absolute; left:50%; bottom: -20px; margin-left: -9px;} /* 疾病控制 */ .zFac-kwrap {width: 100%; margin: 0 auto; margin-bottom: 30px;} .zFac-ktit {width: 100%; margin: 0 auto; background: #f1f1f1 url(../images/shop/zhe_dot.png) no-repeat center top; padding: 50px 0 60px 0;} .zFac-ktit h3 {width:1200px; margin:0 auto; font-size: 24px; text-align: center; color: #333;} .zFac-ktit p {width: 1200px; margin: 0 auto; color: #666; font-size: 12px; text-align: center; padding-top: 15px;} .zFac-l-wrap {width: 1200px; height: 60px; margin: 0 auto; background: #2780c2; margin-top: -30px;} .zFac-l-list {width: 1200px; margin: 0 auto; position: relative;} .zFac-l-list li,.zFac-l-list li a {float: left; width: 150px; height: 60px; webkit-transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; transition:1s;} .zFac-l-list li i {float: left; width: 30px; height: 30px; margin:15px 10px 5px 20px; background: url(../images/shop/fac_n_m_icon.png) no-repeat 0 center; background-size: 240px 60px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s;} .zFac-l-list li a:hover i {webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s;} .zFac-l-list li h3 {float:left; width: 70px; height: 30px; line-height: 30px; margin: 15px 20px 5px 0; font-size: 14px; text-align: center; color: #fff; webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;} .zFac-l-list li .zFac-l-icon1 {background-position: 0px 0px;} .zFac-l-list li .zFac-l-icon2 {background-position: -30px 0px;} .zFac-l-list li .zFac-l-icon3 {background-position: -61px 0px;} .zFac-l-list li .zFac-l-icon4 {background-position: -90px 0px;} .zFac-l-list li .zFac-l-icon5 {background-position: -120px 0px;} .zFac-l-list li .zFac-l-icon6 {background-position: -151px 0px;} .zFac-l-list li .zFac-l-icon7 {background-position: -180px 0px;} .zFac-l-list li .zFac-l-icon8 {background-position: -210px 0px;} .zFac-l-list .zFac-l-dot {position: absolute; width: 150px; height: 20px; left: 0; bottom: 0px; background: url(../images/shop/zhe_dot_s.png) no-repeat center bottom; z-index: 9;} .zFac-l-list li .Facon {background: #3994d8; height: 60px; position: relative; z-index: 8;} .zFac-l-list li .Facon i,.zFac-l-list li .Facon h3 {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} .zFac-l-list li a:hover h3,.zFac-l-list li .Facon h3 {color: #fff;} .zFac-l-list li a:hover .zFac-l-icon1,.zFac-l-list li .Facon .zFac-l-icon1 {background-position: 0px -30px;} .zFac-l-list li a:hover .zFac-l-icon2,.zFac-l-list li .Facon .zFac-l-icon2 {background-position: -30px -30px;} .zFac-l-list li a:hover .zFac-l-icon3,.zFac-l-list li .Facon .zFac-l-icon3 {background-position: -61px -30px;} .zFac-l-list li a:hover .zFac-l-icon4,.zFac-l-list li .Facon .zFac-l-icon4 {background-position: -90px -30px;} .zFac-l-list li a:hover .zFac-l-icon5,.zFac-l-list li .Facon .zFac-l-icon5 {background-position: -120px -30px;} .zFac-l-list li a:hover .zFac-l-icon6,.zFac-l-list li .Facon .zFac-l-icon6 {background-position: -151px -30px;} .zFac-l-list li a:hover .zFac-l-icon7,.zFac-l-list li .Facon .zFac-l-icon7 {background-position: -180px -30px;} .zFac-l-list li a:hover .zFac-l-icon8,.zFac-l-list li .Facon .zFac-l-icon8 {background-position: -210px -30px;} .zFac-two {padding-bottom: 30px;} .zFac-lt-wrap {width: 100%; height: 50px; margin: 0 auto; background: #46a1b4;} .zFac-lt-l {width: 1200px; margin: 0 auto; background: #96d2dc;} .zFac-lt-l li,.zFac-lt-l li a {float: left; width: 150px; line-height: 50px; webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;} .zFac-lt-l li i {float: left; width: 50px; height: 50px; margin-left: 18px; background: url(../images/shop/fac_n_m_icon_t.png) no-repeat 0 -50px;} .zFac-lt-l li h3 {color: #377f8f; font-size: 14px;} .zFac-lt-l li a:hover,.zFac-lt-l li .on {background: #377f8f;} .zFac-lt-l li a:hover h3,.zFac-lt-l li .on h3 {color: #fff;} .zFac-lt-l li .zFaclti1 {background-position: 0px -50px;} .zFac-lt-l li .zFaclti2 {background-position: -50px -50px;} .zFac-lt-l li .zFaclti3 {background-position: -100px -50px;} .zFac-lt-l li .zFaclti4 {background-position: -150px -50px;} .zFac-lt-l li .zFaclti5 {background-position: -200px -50px;} .zFac-lt-l li .zFaclti6 {background-position: -250px -50px;} .zFac-lt-l li .zFaclti7 {background-position: -300px -50px;} .zFac-lt-l li .zFaclti8 {background-position: -350px -50px;} .zFac-lt-l li a:hover .zFaclti1,.zFac-lt-l li .on .zFaclti1 {background-position: 0px 0px;} .zFac-lt-l li a:hover .zFaclti2,.zFac-lt-l li .on .zFaclti2 {background-position: -50px 0px;} .zFac-lt-l li a:hover .zFaclti3,.zFac-lt-l li .on .zFaclti3 {background-position: -100px 0px;} .zFac-lt-l li a:hover .zFaclti4,.zFac-lt-l li .on .zFaclti4 {background-position: -150px 0px;} .zFac-lt-l li a:hover .zFaclti5,.zFac-lt-l li .on .zFaclti5 {background-position: -200px 0px;} .zFac-lt-l li a:hover .zFaclti6,.zFac-lt-l li .on .zFaclti6 {background-position: -250px 0px;} .zFac-lt-l li a:hover .zFaclti7,.zFac-lt-l li .on .zFaclti7 {background-position: -300px 0px;} .zFac-lt-l li a:hover .zFaclti8,.zFac-lt-l li .on .zFaclti8 {background-position: -350px 0px;} /* 暂时用不到 .zFac-Mwrap {width: 100%; margin: 0 auto;} .zFac-Mwraptit {width: 100%; height: 50px; background: #46a1b4;} .zFac-Mwrap h3 {width: 1200px; margin: 0 auto; line-height: 50px; color: #fff; font-size: 16px; text-align: center; position: relative;} .zFac-Mwrap h3:after {content: ''; display: block; width: 23px; height: 12px; background: url(../images/shop/Fac_dot.png) no-repeat center bottom; position: absolute; left:50%; bottom: -12px; margin-left: -11px;} .zFac-Mbox {width: 100%; margin:0 auto; background: #eff5f5;} .zFac-Mlist {width: 1200px; margin: 0 auto; margin-bottom: 20px;} .zFac-Mlist li {float: left; width: 150px; position: relative;} .zFac-Mlist .zFac-on {background: ;} .zFac-Mlist .zFac-on a:hover strong {color: #fff;} .zFac-Mlist li a:hover strong {color: #333;} .zFac-Mlist li a {float: left; width: 150px; padding-top: 14px; padding-bottom: 10px;} .zFac-Mlist li a:hover {background: #fff;} .zFac-Mlist li .on,.zFac-Mlist li .on:hover {background: #fafafa;} .zFac-Mlist li .on:after {content: ''; display: block; width: 150px; height: 5px; background: #ff6c47; position: absolute; bottom: 0; left: 0;} .zFac-Mlist li i {float: left; width: 86px; height: 86px; margin-left: 30px; background: url(../images/shop/index_menu_icon.png) no-repeat left 190px; -webkit-transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; transition:0.2s;} .zFac-Mlist li a:hover i {-webkit-transition:0.1s; -moz-transition:0.1s; -ms-transition:0.1s; -o-transition:0.1s; transition:0.1s;} */ /* .zFac-Mlist li a:hover:after,.zFac-Mlist li .on:after {content: ''; display: block; width: 33px; height: 18px; background: url(../images/shop/ahover_dot.png) no-repeat center bottom; position: absolute; bottom: -23px; left: 50%; margin-left: -16px;} */ .zFac-Mlist .zM-nbor i {border-color: #eff5f5;} .zFac-Mlist .zM-nbor a:hover strong {color: #666;} /* .zFac-Mlist li i:before {content: ''; display: block; width: 90px; height: 90px; background: url(../images/shop/index_menu_icon.png) no-repeat left 190px; -webkit-font-smoothing: antialiased;} .zFac-Mlist li i:after {content: ''; display: block; width: 90px; height: 90px; background: url(../images/shop/index_menu_icon.png) no-repeat left 190px; pointer-events: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .zFac-Mlist li .menu-icon-a:before {background-position: 0px 0px;} .zFac-Mlist li .menu-icon-a:after {background-position: 0px -90px; position: absolute; top:0;} */ .zFac-Mlist li .menu-icon-a {background-position: 0px 0px;} .zFac-Mlist li .menu-icon-b {background-position: -90px 0px;} .zFac-Mlist li .menu-icon-c {background-position: -180px 0px;} .zFac-Mlist li .menu-icon-d {background-position: -270px 0px;} .zFac-Mlist li .menu-icon-e {background-position: -360px 0px;} .zFac-Mlist li .menu-icon-f {background-position: -450px 0px;} .zFac-Mlist li .menu-icon-g {background-position: -540px 0px;} .zFac-Mlist li .menu-icon-h {background-position: -630px 0px;} .zFac-Mlist li .on strong {color: #333;} .zFac-Mlist li a:hover .menu-icon-a,.zFac-Mlist li .on .menu-icon-a {background-position: 0px -0px;} .zFac-Mlist li a:hover .menu-icon-b,.zFac-Mlist li .on .menu-icon-b {background-position: -90px -0px;} .zFac-Mlist li a:hover .menu-icon-c,.zFac-Mlist li .on .menu-icon-c {background-position: -180px -0px;} .zFac-Mlist li a:hover .menu-icon-d,.zFac-Mlist li .on .menu-icon-d {background-position: -270px -0px;} .zFac-Mlist li a:hover .menu-icon-e,.zFac-Mlist li .on .menu-icon-e {background-position: -360px -0px;} .zFac-Mlist li a:hover .menu-icon-f,.zFac-Mlist li .on .menu-icon-f {background-position: -450px -0px;} .zFac-Mlist li a:hover .menu-icon-g,.zFac-Mlist li .on .menu-icon-g {background-position: -540px -0px;} .zFac-Mlist li a:hover .menu-icon-h {background-position: -630px -0px;} .zFac-Mlist li strong {float: left; width: 150px; text-align: center; height: 40px; line-height: 40px; color: #666;} /* 微信支付 */ .zEs-PayW {border: 1px solid #e6e6e6; width: 1198px; background: #fff;} .zEs-Od-htit a {float: right; height: 20px; line-height: 20px; text-align: center; color: #fff; font-size: 12px; padding: 5px 20px; border: 1px solid #5793ca; background: #5793ca;} .zEs-Od-htit a:hover {border-color: #187FC4; color: #fff; background: #187FC4;} .zEs-Od-htit p {text-indent: 30px; position: relative;} .zEs-Od-htit p:after {content: ""; width: 20px; height: 20px; position: absolute; left: 0; top: 10px; background: url(../images/shop/shop_cart_doticon.png) no-repeat center;} .zEs-Od-paytit {width: 1200px; margin: 0 auto; margin-top: 10px;} .zEs-Od-payPwx,.zEs-Od-payPadd {float: left; width: 1200px;} .zEs-Od-payPwx .zEs-Od-payPtxtbox {float: left; max-width: 1000px; padding-bottom: 10px;} .zEs-Od-payPwx .zEs-Od-payPtxtbox .zEs-Od-payPtxt {font-size: 14px; color: #666; line-height: 24px; font-weight: bold;} .zEs-Od-payPwx .zEs-Od-payPtxtbox .zEs-Od-payPtxt em {} .zEs-Od-payPwx .zEs-Od-payPprice {float: right;} .zEs-Od-payPwx .zEs-Od-payPprice strong {float: left; text-align: right; line-height: 40px;} .zEs-Od-payPwx .zEs-Od-payPprice strong span {float: left; color: #999; font-size: 16px;} .zEs-Od-payPwx .zEs-Od-payPprice strong b {float: left; font-weight: bold; color: #ff5454; font-size: 20px;} .zEs-Od-payPadd {border-top: 1px solid #e6e6e6; height: 30px; line-height: 30px; color: #666; padding-bottom: 20px; padding-top: 10px;} .zES-Pay-WxT {width: 1000px; margin: 0 auto; padding: 10px 0; height: 40px; line-height: 40px;} .zES-Pay-WxT p {float: left; padding: 0; width: 100%;} .zES-Pay-WxT p b {float: left; font-size: 14px; font-weight: bold; color: #333;} .zES-Pay-WxT p strong {float: right; font-size: 14px; color: #666;} .zES-Pay-WxT p strong font {color: #ff5454; font-weight: bold;} .zES-Pay-WxBox {width: 1000px; margin: 0 auto; background: #f4f4f4; margin-bottom: 30px;} .zES-Pay-WxWrap {width: 580px; margin: 0 auto; background: #fff; padding: 30px 210px 50px 210px;} .zES-Pay-WxWrap p {line-height: 40px; width: 100%; color: #666;} .zES-Pay-WxWrap p font {color: #ff5454; padding-left: 5px;} .zES-Pay-Wximg {width: 100%; margin: 0 auto;} .zES-Pay-WxCored {float: left; width: 300px;} .zES-Pay-WxCoredimg {float: left; width: 250px; height: 250px; padding: 24px; border: 1px solid #e6e6e6;} .zES-Pay-WxCoredimg img {width: 250px; height: 250px;} .zES-Pay-WxCoredtxt {float: left; width: 300px; height: 50px; line-height: 50px; text-align: center; background: #40C700; color: #fff; font-size: 14px;} .zES-Pay-WxMob {float: right; width: 220px; height: 360px; background: url(../images/shop/wechat_pic.png) no-repeat center;} .zES-Pay-WxBack {width: 100%; margin: 0 auto; text-align: right; padding-top: 20px;} .zES-Pay-WxBack a {display: inline-block; padding: 10px 30px; color: #fff; background: #ff5454; border: 1px solid #ff5454;} /* 支付反馈 */ .zS-Paybox {width: 100%; margin: 0 auto; height: 100%; position: absolute;} .zS-PayMask {width: 100%; height: 100%; margin: 0 auto; position: absolute; top: 0; left: 0; background: #000; filter:alpha(opacity=10); -moz-opacity:0.10; -khtml-opacity: 0.10; opacity: 0.10; _filter:alpha(opacity=10); z-index: 999999;} .zS-PayOn {width: 500px; margin: 0 auto; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -250px; margin-top: -110px; z-index: 1999999;} .zS-PayOn h4 {width: 500px; height: 40px; line-height: 40px; background: #2780c2; color: #fff; text-indent: 1em; font-size: 14px;} .zS-Paytext {width: 440px; padding: 15px 30px;} .zS-Paytext p {color: #999; line-height: 22px; text-align: center; padding: 5px 30px;} .zS-Paybut {text-align: center; padding: 10px 0;} .zS-Paybut a {display: inline-block; width: 100px; height: 30px; line-height: 30px; text-align: center; background: #ff5454; color: #fff; margin: 0 5px;} .zS-Paybut .zS-Payobut {background: #e7e7e7; color: #666;} .zS-PayOt {width: px; border-top: 1px solid #e6e6e6; margin-top: 10px; text-align: center; padding-top: 5px;} .zS-PayOt a {line-height: 30px; color: #999;} .zS-PayOt a:hover {color: #666;} /**预约弹窗**/ .doc-yuyue-window{ border: #e6e6e6 1px solid; width:960px; margin:0px auto; } .doc-fuwu-cell-tit{ border-bottom: #e6e6e6 1px solid; background-color: #f9f9f9; color: #000; font-size: 20px; padding:5px 20px; padding-left:0px; position:relative; } .doc-fuwu-cell-tit a{ margin:6px 0 0 2px; vertical-align: top; width: 19px; height: 19px; display:block; float:right; background-image:url(../../../easyui-1.4.1/themes/gray/images/new-panel-tool.png); background-repeat: no-repeat; background-position:0px 0px; } .doc-fuwu-cell-tit a:hover{ background-position:0px -19px; } .doc-fuwu-cell-tit h2{ border-left:#237fc2 4px solid; font-size:16px; font-weight:normal; text-indent: 17px; height:32px; line-height:32px; width:550px; } .doc-fuwu-cell-tit h2 img{ margin-right:15px; width:32px; height:32px; } .doc-fuwu-cell-tit h2 em{ font-style: normal; color: #ff7200; margin-left: 5px; font-family: Arial, Helvetica, sans-serif; } .doc-fuwu-cell-tit span{ /*float:right;*/ line-height:32px; color:#f56734; font-size:16px; } .doc-yuyue-window-con{ padding: 10px; } .doc-yuyue-week{ height:79px; width:100%; border-bottom:#237fc2 2px solid; position:relative; } .doc-yuyue-week p{ float:left; width:94px; text-align:center; font-size:16px; color:#808080; line-height:79px; font-weight:bold; } .doc-yuyue-week-con{ width:846px; float:right; } .yuyue-week-left-push{ float:left; width:20px; } .yuyue-week-right-push{ float:right; width:20px; } .yuyue-week-left-push,.yuyue-week-right-push{ padding-top:30px; } .yuyue-week-left-push a i,.yuyue-week-right-push a i{ font-size:20px; color:#237fc2; } .yuyue-week-left-push a:hover i,.yuyue-week-right-push a:hover i{ color:#ccc; } a.week-end i, a.week-end:hover i{ color:#eee!important; } .doc-yuyue-week-con ul{ width:798px; margin:0px auto; } .doc-yuyue-week-con ul li{ width:114px; float:left; margin:0px; padding:0px; } .week-one{ width:80px; height:53px; border:#f6f6f6 1px solid; background-color:#f9f9f9; margin:10px auto; border-radius:3px; text-align:center; font-size:16px; color:#333; cursor:pointer; } div.week-one:hover{ border:#e7f0d8 1px solid!important; background-color:#f5fce7!important; } div.week-one-over{ /* border:#e7f0d8 1px solid!important; background-color:#f5fce7!important; color:#333; */ border:#377f8f 1px solid; background-color:#237fc2; color:#fff; } div.week-one-over:hover{ border:#377f8f 1px solid!important; background-color:#237fc2!important; color:#fff; } div.week-one-over p{ /* color:#333!important; */ color:#fff; } .week-one p{ font-size:16px; color:#333; width:73px; float:none; line-height:28px; font-family:Arial, Helvetica, sans-serif; } /* .week-one-rest{ border:#377f8f 1px solid; background-color:#237fc2; color:#fff; } .week-one-rest p{ color:#fff; } div.week-one-rest:hover{ border:#81a51a 1px solid!important; background-color:#91b821!important; } */ .yuyue-week-fubiao{ position:absolute; width: 21px; height: 11px; bottom: -11px; left: 165px; } .doc-yuyue-time{ margin-top:20px; } .doc-yuyue-time{} .doc-yuyue-time li{ width:78px; margin-bottom:15px; float:left; } .yuyue-time-btn{ width:65px; height:53px; margin-left:auto; margin-right:auto; background-color:#e8f7fb;; border:#d9eef8 1px solid; border-radius:3px; text-align:center; color:#666; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; position:relative; } .yuyue-time-btn:hover{ cursor:pointer; background-color:#b9eaf8; border:#95cff2 1px solid; } .yuyue-time-btn-have-mask{ width:65px; height:53px; margin-left:auto; margin-right:auto; background-color:#98c152; border:#98c152 1px solid; border-radius:3px; text-align:center; position:absolute; top:-1px; left:-1px; filter: alpha(opacity=80); opacity: 0.80; -moz-opacity: 0.8; -khtml-opacity: 0.8; display:none; } .yuyue-time-btn-have{ display:block; width:31px; height:31px; margin-left:auto; margin-right:auto; color:#fff; position:absolute; top:11px; left:19px; z-index:20; font-size:30px; display:none; } .yuyue-time-btn p{ font-size:16px; line-height:24px; padding-top:5px; color:#237fc2; } .yuyue-time-btn:hover p{ color:#333; } .yuyue-time-none{ background-color:#f9f9f9; border:#eee 1px solid; color:#ccc; position:relative; width:65px; height:53px; margin-left:auto; margin-right:auto; border-radius:3px; text-align:center; font-size:16px; font-family:Arial, Helvetica, sans-serif; } .yuyue-time-none p{ color:#ccc; font-size:16px; line-height:24px; padding-top:5px; } .yuyue-enough{ position:absolute; width:50px; height:18px; text-align:center; color:#fff; background-color:#f56734; border-radius:8px; font-size:12px; line-height:18px; top: 5px; left: 6px; font-weight:normal; } .doc-yuyue-window-btn{ border-top:#e6e6e6 1px solid; height:80px; text-align:center; } .doc-yuyue-window-btn a{ display:block; margin:0px auto; margin-top:20px; text-align:center; height:40px; line-height:40px; background-color:#237FC2; color:#fff; font-size:16px; width:120px; } .doc-yuyue-window-btn a:hover{ background-color:#0962a4; } /**预约弹窗**/ /*姚总版商品图片放大展示*/ .show-pic-mooz{ width: 360px; float: left; padding-top: 10px; } #tsShopContainer li, #tsShopContainer img { vertical-align: top; } #tsShopContainer { width:360px; height:436px; margin:0px auto 0 auto; position: relative; /*border: 1px solid #CCC;*/ font-size: 12px; } #tsShopContainer #tsImgS { text-align: center; width:360px; position: relative; background-color:#fff; } #tsShopContainer #tsImgS a { display: block; text-align: center; margin: 0px auto; } #tsShopContainer #tsImgS img { border: 0px; } #tsShopContainer #tsPicContainer { width: 100%; height: 88px; position: relative; /*background: url(../images/scrollPicbg.gif) repeat-x 0px 0px; background-color: #eee;*/ } #tsShopContainer #tsPicContainer #tsImgSArrL { width: 17px; height: 100%; background: url(../images/picshopArr.gif) no-repeat left center; position: absolute; top: 0px; left: 8px; cursor: pointer; } #tsShopContainer #tsPicContainer #tsImgSArrR { width: 17px; height: 100%; background: url(../images/picshopArr.gif) no-repeat right center; position: absolute; top: 0px; right: 8px; cursor: pointer; } #tsShopContainer #tsPicContainer #tsImgSCon { position: absolute; top: 10px; left: 0px; width:360px; height: 80px; overflow: hidden; } #tsShopContainer #tsPicContainer #tsImgSCon ul { width: 405px; overflow: hidden; } #tsShopContainer #tsPicContainer #tsImgSCon li { width: 68px; float: left; cursor: pointer; text-align:center; margin-right:5px; } #tsShopContainer #tsPicContainer #tsImgSCon li span{ display:table-cell; width: 64px; height: 64px; vertical-align:middle; border:#e4e4e4 2px solid; text-align:center; background-color:#fff; } #tsShopContainer #tsPicContainer #tsImgSCon li img { padding: 2px; display:table-cell; max-height:60px; max-width:60px; vertical-align:middle; margin:0px auto; } #tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg span { border: 2px solid #ff5454; } /* CSS class for zoomed area */ .MagicZoomBigImageCont { background:#FFF; display:table-cell; vertical-align:middle; border: 1px solid #e6e6e6; } .MagicZoomBigImageCont div{ display: table-cell; vertical-align: middle; width: 358px; height: 358px; text-align: center; } .MagicZoomBigImageCont div img{ vertical-align: middle; } .MagicZoomBigImageCont img{ display:table-cell; margin:0px auto; vertical-align:middle; } .MagicZoomMain { text-align: center !important; width: 92px; } .MagicZoomMain div { padding: 0px !important; } /* Header look and feel CSS class */ /* header is shown if "title" attribute is present in the tag */ .MagicZoomHeader { font: 10px Tahoma, Verdana, Arial, sans-serif; color: #fff; background: #91b817; text-align: center !important; } /* CSS class for small looking glass square under mouse */ .MagicZoomPup { border: 0px solid #aaa; background: #000; } /* CSS style for loading animation box */ .MagicZoomLoading { text-align: center; background: #ffffff; color: #444; border: 1px solid #ccc; opacity: 0.8; padding: 3px 3px 3px 3px !important; display: none; /* do not edit this line please */ } /* CSS style for gif image in the loading animation box */ .MagicZoomLoading img { padding-top: 3px !important; } /*姚总版商品图片放大展示*/ /* ----------==========********** 商城板式调整2015-11-24 结束 **********==========---------- */ /* ----------==========********** 商城首页160526改版 **********==========---------- */ .zSP-wxbox {position: absolute; padding-bottom: 20px; top: -250px; left: 0; z-index: 8; background: #fff; box-shadow: 0 0 15px #ccc; webkit-transition:0.15s; -moz-transition:0.15s; -ms-transition:0.15s; -o-transition:0.15s; transition:0.15s;} /* ***HEAD右侧*** */ /* 未评估 */ .esp-rlog-w {width: 210px; height: 350px; background: #f0eeeb; overflow: hidden;} .esp-rlog-pg {background: #fff; height: 220px; position: relative; text-align: center;} .esp-rlog-pg i {float: left; width: 50px; height: 50px; margin: 40px 80px 20px; background: url(../images/shop/wx_out.png) no-repeat center;} .esp-rlog-pg h4 {font-size: 14px; color: #333; padding-bottom: 5px;} .esp-rlog-pg p {color: #666; padding-bottom: 20px; font-size: 12px;} .esp-rlog-pg a {display: inline-block; padding: 0 20px; height: 30px; line-height: 30px; text-align: center; background: #ff5454; color: #fff;} .esp-rlog-pg:after {content: ""; position: absolute; left: 0; bottom: -40px; width: 210px; height: 40px; background: url(../images/shop/login_bgdot.png) no-repeat center top;} .esp-rlog-txt {padding-top: 40px; text-align: center;} .esp-rlog-txt p {color: #333; padding: 25px 0; line-height: 20px;} /* 已评估 */ .esp-rlng-w {width: 210px; height: 400px; background: #fff; overflow: hidden;} .esp-rlng-ck {background: #f0eeeb url(../images/shop/login_iconimg.png) no-repeat center 40px; height: 185px; position: relative; text-align: center;} .esp-rlng-ck p {padding-top: 110px; line-height: 20px;} .esp-rlng-ck:after {content: ""; position: absolute; left: 0; bottom: -40px; width: 210px; height: 40px; background: url(../images/shop/logut_bg.png) no-repeat center top;} .esp-rlng-sz {padding-top: 50px; text-align: center;} .esp-rlng-sz .esp-rlng-icon {display: inline-block; width: 70px; height: 83px; line-height: 60px; background: url(../images/shop/wxz_icon.png) no-repeat center top; color: #fff; font-size: 18px; font-weight: bold;} .esp-rlng-sz p {padding-top: 15px; line-height: 20px; color: #000;} /* ***列表*** */ .esp-w {width: 100%; margin: 0 auto; padding: 20px 0;} .esp-floor {width: 1200px; margin: 0 auto;} .esp-f-tit {width: 1200px; height: 60px; line-height: 60px; margin: 0 auto;} .esp-f-tit em {float: left; font-size: 24px; color: #353535;} .esp-f-tit em i {color: #ff5454; font-family:Arial, Helvetica, "Microsoft YaHei", "微软雅黑"; padding-right: 10px;} .esp-f-tit strong {float: right; margin-top: 23px;} .esp-f-tit strong a {float: left; color: #999; height: 14px; line-height: 14px; border-left: 1px solid #e1e1e1; padding-left: 10px; margin-left: 10px;} .esp-f-tit strong a:hover,.esp-f-tit strong .espon {color: #ff5454;} /* 产品 */ .esp-f-pro {width: 1199px; margin: 0 auto; border: 1px solid #ebebeb; border-width: 1px 0 0 1px;} .esp-f-prolt {width: 1199px; float: left; margin: 0 auto;} .esp-f-prolt dt {float: left; width: 199px; background: #f9f9f9;} .esp-f-prolt .esp-f-plb {float: left; width: 199px; height: 541px; border-bottom: 1px solid #ebebeb; overflow: hidden;} .esp-f-prolt .esp-f-iconbox {float: left; width: 199px; height: 266px; background: #f9f9f9; margin: 0 auto;} .esp-f-prolt .esp-f-iconbox i {float: left; width: 30px; height: 30px; margin: 30px; background: url(../images/shop/sp_menu_icon.png) center top;} .esp-f-prolt .esp-f-iconbox .esp-f-icon1 {background-position: center 0;} .esp-f-prolt .esp-f-iconbox .esp-f-icon2 {background-position: center -30px;} .esp-f-prolt .esp-f-iconbox .esp-f-icon3 {background-position: center -60px;} .esp-f-prolt .esp-f-iconbox .esp-f-icon4 {background-position: center -90px;} .esp-f-prolt .esp-f-iconbox .esp-f-icon5 {background-position: center -120px;} .esp-f-prolt .esp-f-iconbox .esp-f-icon6 {background-position: center -150px;} .esp-f-prolt .esp-f-menu {float: left; width: 176px; padding: 0 15px; overflow: hidden; margin-top: 15px;} .esp-f-prolt .esp-f-menu ul {float: left; width: 187px;} .esp-f-prolt .esp-f-menu ul li {float: left; width: 75px; text-align: center; height: 40px; line-height: 40px;} .esp-f-prolt .esp-f-menu ul li a {color: #333;} .esp-f-prolt .esp-f-menu ul li a:hover {color: #ff5454;} .esp-f-mpic {float: left; width: 191px; height: 100%; margin-top: 20px;} .esp-f-prolt dd {float: left; width: 1000px;} .esp-f-prolt .esp-f-list {float: left; width: 1000px;} .esp-f-prolt .esp-f-list li {float: left; width: 199px; height: 270px; border: 1px solid #ebebeb; border-width: 0 1px 1px 0; position: relative;} .esp-f-prolt .esp-f-list li .esp-f-show {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; transition: left 0.4s, top 0.4s, width 0.4s, height 0.4s; -moz-transition: left 0.4s, top 0.4s, width 0.4s,height 0.4s; /* Firefox 4 */-webkit-transition: left 0.4s, top 0.4s, width 0.4s, height 0.4s; /* Safari and Chrome */ -o-transition: left 0.4s, top 0.4s, width 0.4s, height 0.4s; /* Opera */} .esp-f-prolt .esp-f-list li:hover .esp-f-show {left: -1%; top: -1%; width: 102%; height: 102%; z-index: 2; box-shadow: 0 0 6px #ccc; background: #fff; border: 1px solid #ebebeb;} .esp-f-prolt .esp-f-list .esp-f-cont {float: left; width: 199px; position: relative; z-index: 3;} .esp-f-prolt .esp-f-list .esp-f-cont em {float:left; padding: 20px; width: 159px; height: 159px; padding-bottom: 0; position: relative;} .esp-f-prolt .esp-f-list .esp-f-cont em .esp-nomask {position: absolute; bottom: 0px; left: 20px; width: 159px; text-align: center; height: 30px; line-height: 30px; z-index: 4;} .esp-f-prolt .esp-f-list .esp-f-cont em .esp-nomask .esp-nomaskbg {position: absolute; left: 0; top: 0; width: 100%; height: 30px; line-height: 30px; background: #000; opacity:0.65; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; z-index: 5;} .esp-f-prolt .esp-f-list .esp-f-cont em .esp-nomask p {background: none; color: #fff; position: absolute; left: 0; top: 0; line-height: 30px; width: 100%; margin: 0; text-align: center; padding: 0; z-index: 6;} .esp-f-prolt .esp-f-list .esp-f-cont em .esp-gray-img {-webkit-filter: grayscale(1); filter:gray; filter: grayscale(1);} .esp-f-prolt .esp-f-list .esp-f-cont em a {float: left; width: 159px; height: 159px; position: relative; display: table-cell; vertical-align: middle; overflow: hidden;} .esp-f-prolt .esp-f-list .esp-f-cont em a img {width: 159px; height: 159px; float: left; position: relative; left: 50%; top: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -moz-transition: width 0.3s,height 0.3s; -ms-transition: width 0.3s,height 0.3s; -o-transition: width 0.3s,height 0.3s; -webkit-transition: width 0.3s,height 0.3s; transition: width 0.3s,height 0.3s;} .esp-f-prolt .esp-f-list .esp-f-cont em a:hover img {width: 169px; height: 169px;} .esp-f-prolt .esp-f-list .esp-f-cont em i {position: absolute; right: 0px; top: 0px; width: 30px; height: 30px; background: url(../images/shop/fit_icon.png) no-repeat right top;} .esp-f-prolt .esp-f-list .esp-f-cont em .esp-my {background-position: 0px top;} .esp-f-prolt .esp-f-list .esp-f-cont h2,.esp-f-prolt .esp-f-list .esp-f-cont p {float: left; padding: 0 10px; width: 179px;} .esp-f-prolt .esp-f-list .esp-f-cont h2 {height: 40px; padding: 0 10px; margin: 10px auto 5px; overflow: hidden;} .esp-f-prolt .esp-f-list .esp-f-cont h2 a {color: #353535; line-height: 20px;} .esp-f-prolt .esp-f-list .esp-f-cont h2 a:hover {color: #ff5454;} .esp-f-prolt .esp-f-list .esp-f-cont p {line-height: 20px; padding-bottom: 10px; margin-top: 4px;} .esp-f-prolt .esp-f-list .esp-f-cont p span {float: left; font-size: 14px; color: #ff5454;} .esp-f-prolt .esp-f-list .esp-f-cont p strong {float: right;} .esp-f-prolt .esp-f-list .esp-f-cont p a {float: left; width: 20px; height: 20px; background: url(../images/shop/cat_icon.png) no-repeat -20px top; margin-left: 5px; margin-top: 1px; webkit-transition:0.25s; -moz-transition:0.25s; -ms-transition:0.25s; -o-transition:0.25s; transition:0.25s;} .esp-f-prolt .esp-f-list .esp-f-cont p a:hover,.esp-f-prolt .esp-f-list .esp-f-cont p .zespon {background-position: -20px -20px; webkit-transition:0.25s; -moz-transition:0.25s; -ms-transition:0.25s; -o-transition:0.25s; transition:0.25s;} .esp-f-prolt .esp-f-list .esp-f-cont p .esp-caticon {float: left; border: none; width: 20px; height: 20px; background-position: left top; position: relative; z-index: 9;} .esp-f-prolt .esp-f-list .esp-f-cont p .esp-caticon:hover {background-position: left -20px;} /* 推荐 */ .esp-tjbox,.esp-tj-drtit,.esp-tj-drbox {width: 1200px; margin: 0 auto;} .esp-tjbox {margin: 20px auto; width: 100%; margin-top: 60px; background: #fafafa; padding-bottom: 40px; border-top: 1px solid #ebebeb;} .esp-tj-drbox {overflow: hidden;} .esp-tj-drtit {height: 60px;} .esp-tj-drtit p {text-align: center; height: 30px;} .esp-tj-drtit p strong {display: inline-block; height: 48px; line-height: 48px; margin-top: -25px; background: #fff; border: 1px solid #ebebeb; padding: 0 40px; font-size: 24px; border-radius:24px; -moz-border-radius:24px; -webkit-border-radius:24px;} .esp-tj-drtit p strong a {color: #353535;} .esp-tj-drtit p strong a:hover {color: #ff5454;} .esp-tj-dr { margin-top: 10px;} .esp-tj-dr li {float: left; width: 200px; padding: 0 20px; color: #999; text-align: center;} .esp-tj-dr li a {color: #999;} .esp-tj-dr li span {float: left; width: 100px; height: 100px; margin: 0 50px; background: #f0f0f0; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; overflow: hidden;} .esp-tj-dr li span img {width: 100px; height: 100px;} .esp-tj-dr li strong {float: left; width: 200px; text-align: center; padding: 10px 0; margin-top: 5px; font-size: 14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .esp-tj-dr li strong a {color: #353535;} .esp-tj-dr li strong a:hover {color: #ff5454;} .esp-tj-dr li strong i {font-size: 12px; color: #999; margin-left: 5px;} .esp-tj-dr li p {float:left; width: 200px; line-height: 22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .esp-tj-dr li b {float: left; width: 200px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .esp-tj-dot {width: 1200px; margin: 0 auto; text-align: center; margin-top: 20px;} .esp-tj-dot a {display: inline-block; width: 30px; height: 8px; margin: 0 2px; background: #ebebeb;} .esp-tj-dot a:hover,.esp-tj-dot .acon {background: #ff5454;} .esp-tj-dr .esp-tj-name {padding: 0; padding-top: 5px; height: 30px; line-height: 30px;} .esp-tj-dr .esp-tj-jg {float: left; width: 200px; text-align: center; color: #ff5454; font-size: 18px;} .esp-tj-dr .esp-sj-but {float: left; width: 200px; padding-top: 10px;} .esp-tj-dr .esp-sj-but a {display: inline-block; width: 80px; height: 26px; line-height: 26px; text-align: center; background: #ff5454; color: #fff;} /* 商品列表无数据 */ .esp-no-protxt {width: 1200px; margin: 0 auto; border-bottom: 1px solid #ebebeb; text-align: center; padding: 80px 0;} .esp-no-protxt p {width: 500px; height: 64px; line-height: 64px; margin: 0 auto; text-align: left; text-indent: 230px; color: #999; background: url(../images/shop/no-proIcon.png) no-repeat 150px center;} /* ++++++++++调整头部-新商城列表2016-08-20++++++++++ */ /* 商城顶部 */ .M-SP-Twrap {float: left; width: 690px; margin-top: 30px;} .M-SP-T {float: left; width: 390px; height: 40px; padding-left: 140px;} .M-SP-T .M-SP-So {float: left; border: 2px solid #e6e6e6; background: #fff; width: 346px; height: 36px; line-height: 36px;} .M-SP-T .M-SP-So input {float: left; border: none; background: none; outline: none; width: 326px; padding: 0 10px; height: 36px; line-height: 36px;} .M-SP-T .M-SP-but {float: left; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #e6e6e6 url(../images/serch-icon-sp.png) no-repeat center; color: #fff; font-size: 16px;} .M-SP-Catwrap {float: left; margin: 0 10px; position: relative; margin-right: 0;} .M-SP-Cat {float: left;} .M-SP-Catwrap a {float: left; height: 38px; width: 138px; line-height: 38px; text-indent: 36px; background: #ff5454; border: 1px solid #ff5454; color: #fff; font-size: 12px; position: relative;} .M-SP-Catwrap a:hover {color: #fff; background: #ff5454; border-color: #ff5454;} .M-SP-Catwrap a:after {content: ""; width: 16px; height: 16px; position: absolute; left: 12px; top: 11px; background: url(../images/shop-cat-icon.png) no-repeat left top;} .M-SP-Catwrap a b {padding: 0 5px; font-weight: bold; font-family: Verdana, arial;} .M-SP-Catwrap i {position: absolute; right: 10px; top: -5px; padding: 0 5px; height: 16px; line-height: 16px; background: #ff5454; color: #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;} /* 分类标题及导航菜单 */ .M-SP-nav {width: 1200px; margin: 0 auto; height: 50px;} .M-SP-nav .M-SP-Tnav {float: left; width: 200px; height: 50px; line-height: 50px; background: #176ba9; color: #fff; font-size: 14px; text-align: center; position: relative;} .M-SP-nav .M-SP-Tnav:before {content: ""; position: absolute; left: 40px; top: 15px; width: 20px; height: 20px; background: url(../images/shop-menu-dot.png) no-repeat center;} .M-SP-nav .M-SP-Tnav a {color: #fff;} .M-SP-nav .M-SP-navbox {float: left; width: 1000px;} .M-SP-nav .M-SP-navbox .M-meun-nav {float: left; width: 980px; padding-left: 20px;} .M-SP-nav .M-SP-navbox .M-meun-nav ul {margin-top: 0; float: left;} .M-SP-nav .M-SP-navbox .M-meun-nav ul li a {color: #666;} .M-SP-nav .M-SP-navbox .M-meun-nav ul li .no-rightLine {border-right: none;} .M-SP-nav .M-SP-navbox .M-meun-nav ul li a:hover {color: #176ba9;} .M-SP-nav .M-SP-navbox .M-meun-nav .M-meun-back {float: right; width: 210px; text-indent: 65px; height: 50px; line-height: 50px; background: url(../images/HomePage-icon.png) no-repeat 40px center;} .M-SP-nav .M-SP-navbox .M-meun-nav .M-meun-back a {color: #333;} .M-SP-nav .M-SP-navbox .M-meun-nav .M-meun-back a:hover {color: #91b821;} /* 分类 */ .shop-menu-list li {height: auto;} .shop-menu-list li a {height: auto; line-height: 20px; padding: 13px 0;} .shop-menu-list li a strong {float: left;} .shop-menu-list li a i {margin: 0px 10px 0 41px; background: url(../images/shop/Inmenu_icon.png) no-repeat 61px 0; webkit-transition: all 0s linear 0s; -moz-transition: all 0s linear 0s; -ms-transition: all 0s linear 0s; -o-transition: all 0s linear 0s; transition: all 0s linear 0s;} .shop-menu-list li a .shop-icon1 {background-position: 0px 0px;} .shop-menu-list li a .shop-icon2 {background-position: 0px -20px;} .shop-menu-list li a .shop-icon3 {background-position: 0px -40px;} .shop-menu-list li a .shop-icon4 {background-position: 0px -60px;} .shop-menu-list li a .shop-icon5 {background-position: 0px -80px;} .shop-menu-list li a .shop-icon6 {background-position: 0px -100px;} .shop-menu-list li a .shop-icon7 {background-position: 0px -120px;} .shop-menu-list li a .shop-icon8 {background-position: 0px -140px;} .shop-menu-list li a .shop-icon9 {background-position: 0px -160px;} .shop-menu-list li a:hover {color: #2780c2; padding-right: 1px;} .shop-menu-list li a:hover .shop-icon1,.y-zhou li:hover a .shop-icon1 {background-position: -20px 0px;} .shop-menu-list li a:hover .shop-icon2,.y-zhou li:hover a .shop-icon2 {background-position: -20px -20px;} .shop-menu-list li a:hover .shop-icon3,.y-zhou li:hover a .shop-icon3 {background-position: -20px -40px;} .shop-menu-list li a:hover .shop-icon4,.y-zhou li:hover a .shop-icon4 {background-position: -20px -60px;} .shop-menu-list li a:hover .shop-icon5,.y-zhou li:hover a .shop-icon5 {background-position: -20px -80px;} .shop-menu-list li a:hover .shop-icon6,.y-zhou li:hover a .shop-icon6 {background-position: -20px -100px;} .shop-menu-list li a:hover .shop-icon7,.y-zhou li:hover a .shop-icon7 {background-position: -20px -120px;} .shop-menu-list li a:hover .shop-icon8,.y-zhou li:hover a .shop-icon8 {background-position: -20px -140px;} .shop-menu-list li a:hover .shop-icon9,.y-zhou li:hover a .shop-icon9 {background-position: -20px -160px;} .shop-menu-list li a em {line-height: 20px; font-size: 14px;} .shop-menu-list li .right-box .yj-keshi-top {position: relative; height: auto; min-height: 328px; background: none;} /* 商品分类 */ .shop-menu-list li .M-shop-cls-warp {float: left; width: 998px; min-height: 304px; padding: 12px 0;} .shop-menu-list li .M-shop-cls {width: 948px; float: left; padding: 0px 24px 0 24px;} .shop-menu-list li .M-shop-cls a {float:left; border: none; color: #888; width: auto; height: auto; line-height: auto; display: inline; white-space: nowrap; border: none;} .shop-menu-list li .M-shop-cls a:after {background: none;} .shop-menu-list li .M-shop-cls dt {float: left; width: 98px; background: url(../images/shop-menu-titicon.png) no-repeat 83px top; text-align: right;} .shop-menu-list li .M-shop-cls dt a {float: left; width: 70px; padding-right: 13px; line-height: 40px; color: #2780c2; text-align: right; padding: 0; font-weight: bold; font-size: 12px;} .shop-menu-list li .M-shop-cls dt a:hover {margin-right: -1px;} .shop-menu-list li .M-shop-cls dd {float: left; width: 830px; padding: 5px 0; border-bottom: 1px solid #f5f5f5;} .shop-menu-list li .M-shop-cls .no-line {border-bottom-color: #fff;} .shop-menu-list li .M-shop-cls dd a {float: left; margin: 8px 0; padding: 0 10px; height: 14px; line-height: 14px; color: #888; font-size: 12px; border-left: 1px solid #efefef;} .shop-menu-list li .M-shop-cls dd a:hover {color: #91b821;} .shop-menu-list li a span {float: left; font-size: 12px; width: 183px; padding-top: 6px; padding-left: 15px; display: none;} .shop-menu-list li a span b {float: left; padding: 0 10px; height: 14px; line-height: 14px; border-left: 1px solid #5793ca;} .shop-menu-list li a span .no-leftLine {border-left: none;} .shop-menu-list li a:hover span b {border-left-color: #efefef;} .shop-menu-list li a:after {background: none; width: 0; height: 0; display: none;} /* 企业服务导航 */ .shop-menu-list li .zBuss-go {background: #272536; border-color: #272536;} .shop-menu-list li .zBuss-go .shop-icon9 {background-position: 0px -160px;} .shop-menu-list li .zBuss-go:hover {background: #454354; border-color: #454354; color: #fff; padding-right: 0;} .shop-menu-list li .zBuss-go:hover .shop-icon9 {background-position: 0px -160px;} /* 品牌 */ .M-shop-pa {float: left; width: 200px;} .M-shop-pa h4 {float: left; width: 200px; height: 50px; line-height: 50px; background: #efefef; text-align: center; font-size: 14px; color: #333;} .M-shop-pa .M-shop-paname {float: left; width: 180px; padding: 10px 0 10px 20px;} .M-shop-pa .M-shop-paname a {float: left; width: 70px; padding: 0; padding-right: 16px !important; height: 30px; line-height: 30px; color: #999; border: none; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 12px;} .M-shop-pa .M-shop-paname a:hover {float: left; width: 70px; padding-right: 20px; color: #91b821;} .M-shop-pa .M-shop-paname a:after {background: none;} /* 商城登录样式 */ .P-ShopMask {filter:alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; _background:#fff; _filter:alpha(opacity=85);} /* .M-Sp-topline {border-top: 2px solid #91b821; height: 98px;} */ .M-Sp-topline {z-index: 1001;} .M-meun-spLog {width: 140px; position: relative; float: right;} .M-meun-spLog .M-meun-usernav {padding: 0 35px; height: 100px; position: relative;} /* .M-meun-spLog:after {content: ""; position: absolute; right: -8px; top: 0; width: 8px; height: 8px; background: url(../images/shop-after-dot.png) no-repeat right center;} .M-meun-spLog:before {content: ""; position: absolute; left: -8px; top: 0; width: 8px; height: 8px; background: url(../images/shop-after-dot.png) no-repeat left center;} */ .M-meun-spLog .M-meun-login {width: 210px; height: 40px; line-height: 40px; background: #91B821; margin-top: 30px; overflow: hidden;} .M-meun-spLog .M-meun-login ul {width: 171px; padding: 0 20px; margin-top: 10px;} .M-meun-spLog .M-meun-login ul li {width: 85px; text-align: center;} .M-meun-spLog .M-meun-login ul .M-u-licon {border-right-color: #a9c551;} .M-meun-spLog .M-meun-login ul li a {float: none; color: #fff;} .M-meun-spLog .M-meun-login ul li a:hover {color: #c8f05a;} .M-meun-spLog .M-meun-usernav .M-meun-UserCont {border-top: none;} /* 为调整商城菜单层级 */ .P-W-Headleft {width: 100%; margin: 0 auto; left: 0; z-index: 111;} .P-W-Headleft .P-W-Headmask {width: 100%; margin: 0 auto; height: 50px; background: #fff; position: absolute; left: 0; top: 0; z-index: 9; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; _background: #fff; _filter: alpha(opacity=85);} .P-W-Headleft .P-W-HeadMainWrap {width: 100%; position: absolute; left: 0; top: 0; z-index: 10;} .M-meun-spLog .M-menu-border .M-meun-UserCont {width: 198px; border: 1px solid #e6e6e6; right: 0px; top: 99px;} /* ++++++危险因素++++++ */ .M-Sw-right {background: none;} .M-Sw {width: 210px; margin: 0 auto; height: 330px; overflow: hidden;} /* 登录前 */ .M-Swlist {width: 210px; margin-top: -1px;} .M-Swlist li {float: left; width: 210px; height: 110px; margin-bottom: 1px; position: relative;} .M-Swlist li .M-Smask {width: 210px; height: 110px; position: absolute; left: 0; top: 0; background: #fff; filter:alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; _background: #fff; _filter:alpha(opacity=90); z-index: 99;} .M-Swlist li .M-Sw-box {width: 160px; height: 110px; padding: 0 25px; position: absolute; left: 0; top: 0; z-index: 100; display: table;} .M-Swlist li .M-Sw-tab {display: table-cell; vertical-align: middle;} .M-Swlist li .M-Sw-cont {float:left; width: 160px;} .M-Swlist li .M-Sw-cont i {float: left; width: 36px; height: 36px; margin: 0 62px; background: url(../images/shopys-icon.png) no-repeat left -73px;} .M-Swlist li .M-Sw-cont .M-SwIcon1 {background-position: 0px 0px;} .M-Swlist li .M-Sw-cont .M-SwIcon2 {background-position: -36px 0px;} .M-Swlist li .M-Sw-cont .M-SwIcon3 {background-position: -72px 0px;} .M-Swlist li .M-Sw-cont .M-SwIcon4 {background-position: -108px 0px;} .M-Swlist li .M-Sw-cont .M-SwIcon5 {background-position: -144px 0px;} .M-Swlist li .M-Sw-cont .M-SwIcon6 {background-position: -180px 0px;} .M-Swlist li:hover .M-Smask {background: #91b821; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; _background:#91b821; _filter:alpha(opacity=100);} .M-Swlist li:hover .M-Sw-cont .M-SwIcon1 {background-position: 0px -36px;} .M-Swlist li:hover .M-Sw-cont .M-SwIcon2 {background-position: -36px -36px;} .M-Swlist li:hover .M-Sw-cont .M-SwIcon3 {background-position: -72px -36px;} .M-Swlist li:hover .M-Sw-cont .M-SwIcon4 {background-position: -108px -36px;} .M-Swlist li:hover .M-Sw-cont .M-SwIcon5 {background-position: -144px -36px;} .M-Swlist li:hover .M-Sw-cont .M-SwIcon6 {background-position: -180px -36px;} .M-Swlist li .M-Sw-cont p {float:left; line-height: 20px; color: #333; text-align: center; margin-top: 5px;} .M-Swlist li .M-Sw-cont p .M-Smore {margin-left: 5px; padding-right: 15px; color: #999; position: relative;} .M-Swlist li .M-Sw-cont p .M-Smore:hover {color: #ff5454;} .M-Swlist li .M-Sw-cont p .M-Smore:after {content: ""; position: absolute; width: 13px; height: 13px; right: 0px; top: 2px; background: url(../images/more-dot.png) no-repeat center top;} .M-Swlist li .M-Sw-cont p .M-Smore:hover:after {background-position: center -13px;} .M-Swlist li:hover p {color: #fff;} .M-Swlist li:hover p .M-Smore {color: #dcff82;} .M-Swlist li:hover p .M-Smore:hover {color: #fff;} .M-Swlist li:hover p .M-Smore:after {background-position: center -26px;} .M-Swlist li:hover p .M-Smore:hover:after {background-position: center -39px;} /* 登录后 */ .M-Swlog li .M-Smask {background: #fff; _background: #fff;} .M-Swlog li .M-Sw-cont p {color: #333;} .M-Swlog li .M-Sw-cont p .M-Smore {color: #dcff82;} .M-Swlog li .M-Sw-cont p .M-Smore:hover {color: #fff;} .M-Swlog li .M-Sw-cont p .M-Smore:after {background-position: center -26px;} .M-Swlog li .M-Sw-cont p .M-Smore:hover:after {background-position: center -39px;} /* 登录危险因素列表 */ .M-Ys {position: absolute; top: 0; left: 0px; background: #fff; z-index: 110;} .M-Ys .M-Ys-close {position: absolute; right: 5px; top: 5px; width: 19px; height: 19px; background: url(../images/ys-close.png) no-repeat center top; z-index: 222;} .M-Ys .M-Ys-close:hover {background-position: center -19px;} .M-Ys .M-Ys-tit {width: 210px; margin: 0 auto; height: 60px; line-height: 60px; text-align: center; color: #999;} .M-Ys .M-Ys-tit b {padding: 0 5px; color: #ff5454; font-weight: bold;} .M-Ys .M-Ys-list {width: 170px; margin: 0 auto; border-top: 1px dotted #c8c8c8; border-bottom: 1px solid #c8c8c8; padding: 10px 0;} .M-Ys .M-Ys-list li {float: left; width: 170px; height: 30px; line-height: 30px;} .M-Ys .M-Ys-list li i {float: left; width: 18px; height: 18px; line-height: 18px; margin: 6px 8px 6px 0; text-align: center; background: #ff5454; color: #fff; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;} .M-Ys .M-Ys-list li p {float: left; width: 144px; height: 34px; line-height: 34px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;} .M-Ys .M-Ys-list li p em {color: #333;} .M-Ys .M-Ys-list li p span {color: #999; margin-left: 4px;} .M-Ys-but {width: 210px; margin: 10px auto; text-align: center;} .M-Ys-but a {display: inline-block; width: 21px; height: 21px; margin: 0 2px; border: 1px solid #e5e5e5; background: #f7f5f6 url(../images/ys-but-dot.png) no-repeat left center;} .M-Ys-but .M-Ys-butL {background-position: -21px center;} .M-Ys-but .M-Ys-butL:hover {background-color: #fff; background-position: -42px center;} .M-Ys-but .M-Ys-butR {background-position: -84px center;} .M-Ys-but .M-Ys-butR:hover {background-color: #fff; background-position: -105px center;} .M-Ys-but .M-YsDisL,.M-Ys-but .M-YsDisL:hover {background-position: 0 center; border-color: #e5e5e5; cursor: text; background-color: #f7f5f6;} .M-Ys-but .M-YsDisR,.M-Ys-but .M-YsDisR:hover {background-position: -63px center; border-color: #e5e5e5; cursor: text; background-color: #f7f5f6;} /* ++++++++++调整列表页头部-新商城列表2016-08-20++++++++++ */ .M-S-fbg {height: 150px;} .M-S-top {background: url(../images/banner-pic1.jpg) no-repeat center top;} .Mtop-con {width: 100%; margin: 0 auto; height: 150px; position: relative;} .M-S-mu {z-index: 1000; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 98;} .M-S-mu .index-menu-con {width: 1200px; margin: 0 auto; position: relative; margin-bottom: -3px;} .M-S-mu .menu-nav {float: left; width: 1000px; height: 50px; line-height: 50px; margin: 0;} .M-S-mu .main-category-box {float: left; width: 200px; height: 50px;} .M-S-mu .main-category h3 {height: 50px; line-height: 50px; width: 200px; position: relative; text-align: center;} .M-S-mu .main-category h3:after {content: ""; position: absolute; left: 40px; top: 15px; width: 20px; height: 20px; background: url(../images/shop-menu-dot.png) no-repeat center;} .M-S-mu .x-zhou {float: left; padding-left: 20px;} .M-S-mu .x-zhou li {padding: 0; margin: 0 7px; font-size: 12px;} .M-S-mu .x-zhou li a {color: #666; padding-right: 14px; border-right: 1px solid #e2ecec; font-size: 14px;} .M-S-mu .x-zhou li a:hover {color: #2780c2;} .M-S-mu .x-zhou li .no-rightLine {border-right: none;} .M-S-mu .M-meun-back {float: right; width: 210px; text-indent: 65px; height: 50px; line-height: 50px; background: url(../images/HomePage-icon.png) no-repeat 73px center; text-align: right;} .M-S-mu .M-meun-back a {color: #333;} .M-S-mu .M-meun-back a:hover {color: #92b821;} /* ++++++++++调整购物车及查看订单头部++++++++++ */ .zEs-TopLine {width: 100%; margin: 0 auto; border-bottom: 1px solid #ddd;} .zEs-UsLogWrap {float: right;} .zEs-UsLog-in {float: left; margin-left: 20px;} .zEs-UsLog-inBox {float: left; padding-top: 25px;} .zEs-UsLog-inBox ul {float: left; height: 40px; line-height: 40px; background: #91b821;} .zEs-UsLog-inBox li {float: left; width: 105px; text-align: center;} .zEs-UsLog-inBox li a {float: left; height: 20px; line-height: 20px; font-size: 14px; color: #fff; width: 105px; margin-top: 10px;} .zEs-UsLog-inBox li a:hover {color: #c8f05a;} .zEs-UsLog-inBox ul .zEs-UsLog-icon a {border-right: 1px solid #e2ecec; width: 80px; padding-left: 24px; text-align: center; background: url(../images/Index-User-icon2.png) no-repeat 25px top; webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s;} .zEs-UsLog-inBox ul .zEs-UsLog-icon a:hover {background-position: 25px -20px;} /* 登录后 */ .zEs-UsCent {float: left; width: 140px; height: 90px; position: relative; z-index: 9;} .zEs-UsCent .zEs-UsCentPic {float: left; position: absolute; left: 0; top: 0; z-index: 99;} .zEs-UsCent .zEs-UsCentPic a {float: left; width: 140px; padding: 20px 0;} .zEs-UsCent .zEs-UsCentPic a:hover,.zEs-UsCent .zEs-UsCentPic .active {width: 138px; border: 1px solid #ddd; border-top: none; border-bottom-color: #fff;} .zEs-UsCent .zEs-UsCentPic a span {float: left; width: 48px; height: 48px; position: relative; left: 50%; margin-left: -24px; border: 1px solid #dcdcdc; border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; overflow: hidden;} .zEs-UsCent .zEs-UsCentPic a span img {width: 48px; height: 48px;} .zEs-UsCent .zEs-UsCentBox {float: left; position: absolute; right: 0; top: 90px; width: 200px; background: #fff; border: 1px solid #ddd; padding: 20px; z-index: 98px;} .zEs-UsCent .zEs-UsCentBox h4 {border-bottom: 1px solid #ddd; padding-bottom: 15px; float: left;} .zEs-UsCent .zEs-UsCentBox h4 p {width: 200px; line-height: 24px; text-align: center; color: #999;} .zEs-UsCent .zEs-UsCentBox h4 p i {font-weight: bold; font-size: 14px; color: #404040;} .zEs-UsCent .zEs-UsCentBox h4 p font {font-weight: bold; font-size: 14px; color: #404040;} .zEs-UsCent .zEs-UsCentBox h4 p a {display: inline-block; padding: 0 10px 0 30px; line-height: 22px; height: 22px; text-align: center; border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #999; margin: 5px 3px 0 3px; position: relative;} .zEs-UsCent .zEs-UsCentBox h4 p .M-menu-Center {color: #fff; border-color: #1e8cdc; background: #1e8cdc;} .zEs-UsCent .zEs-UsCentBox h4 p .M-menu-Center:after {content: ""; position: absolute; left: 10px; top: 3px; width: 16px; height: 16px; background: url(../images/SignOut-Icon.png) no-repeat left top;} .zEs-UsCent .zEs-UsCentBox h4 p .M-menu-Center:hover {border-color: #1e8cdc; color: #1e8cdc; background: #fff;} .zEs-UsCent .zEs-UsCentBox h4 p .M-menu-Center:hover:after {background: url(../images/SignOut-Icon.png) no-repeat left -16px;} .zEs-UsCent .zEs-UsCentBox h4 p .M-menu-SignOut {border-color: #ff5454; background: #ff5454; color: #fff;} .zEs-UsCent .zEs-UsCentBox h4 p .M-menu-SignOut:after {content: ""; position: absolute; left: 10px; top: 3px; width: 16px; height: 16px; background: url(../images/SignOut-Icon.png) no-repeat -16px top;} .zEs-UsCent .zEs-UsCentBox h4 p .M-menu-SignOut:hover {border-color: #ff5454; color: #ff5454; background: #fff;} .zEs-UsCent .zEs-UsCentBox h4 p .M-menu-SignOut:hover:after {background: url(../images/SignOut-Icon.png) no-repeat -16px -16px;} .zEs-UsCent .zEs-UsCentBox .zEs-UsMenuList {width: 200px; overflow: hidden;} .zEs-UsCent .zEs-UsCentBox .zEs-UsMenuList ul {float: left; width: 200px; padding-top: 5px;} .zEs-UsCent .zEs-UsCentBox .zEs-UsMenuList ul li {float: left; width: 100px; text-align: left; height: 28px; line-height: 28px;} .zEs-UsCent .zEs-UsCentBox .zEs-UsMenuList ul li a {color: #888; line-height: 30px;} .zEs-UsCent .zEs-UsCentBox .zEs-UsMenuList ul li a:hover {color: #91b821;} .zEs-UsCent .zEs-UsCentBox .zEs-UsMenuList ul li a em {color: #ff5454; font-weight: bold; padding-left: 5px;} .zEs-UsCent .zEs-UsCentBox .M-meun-Works {float: left; width: 198px; height: 38px; line-height: 38px; margin-top: 10px; text-align: center; background: #1e8cdc; color: #fff; font-size: 14px; border: 1px solid #217fc4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} /* 调整商城首页登录宽度 */ .M-meun-spLog {width: auto;} .M-SP-Tso {float: right; width: auto; margin-top: 0;} .M-meun-spLog .M-menu-border {width: 140px;} .M-menu-border .M-menu-Usp {width: 140px;} .M-menu-border .M-menu-Usp a {padding: 25px 45px;} .M-menu-border .M-menu-Usp a:hover,.M-menu-border .M-menu-Usp .active {padding: 25px 44px; border-color: #e6e6e6;} /* ----------========== 支付反馈 ==========---------- */ .zPay-FankuiBox {width:600px; margin:0 auto; padding:80px 0;} .zPay-Fankui {float:left; width:600px; text-align:center;} .zPay-Fankui i {float:left; width:80px; height:80px; background:url(../images/shop/pay_icon.png) no-repeat -81px center; margin-left:260px;} .zPay-Fankui .zPay-FankuiIcon-a {background-position:center -80px;} .zPay-Fankui .zPay-FankuiIcon-b {background-position:center 0px;} .zPay-Fankui h3 {float:left; width:600px; text-align:center; line-height:60px; color:#7fbc23; font-size:30px; font-weight:bold; padding:10px 0;} .zPay-FKtext {float:left; width:600px;} .zPay-FKtext p {width:600px; text-align:center; line-height:28px; font-size:14px; color:#666;} .zPay-FKtext p a {padding:0 5px; color:#7fbc23;} .zPay-FKtext p a:hover {color:#333;} .zPay-FKtext p em {padding:0 10px; color:#ff0032; font-size:14px; font-weight:bold;} .zPay-FankuiBut {float:left; width:600px; text-align:center; margin-top:20px;} .zPay-FankuiBut a {display:inline-block; width:100px; height:30px; line-height:30px; margin:0 5px; background:#7fbc23; color:#fff; text-align:center;} .zPay-FankuiBut .zPay-FK-back {background:#dcdcdc; color:#333;} .zPay-Fankui .zPay-FankuiErr {color:#333;} /* 到付 */ .zPay-ToPay {width:984px; height:134px; margin:80px auto; padding:30px 0; border:3px solid #eff7e6; text-align:center;} .zPay-ToPay h4 {font-size:24px; color:#232323; line-height:50px;} .zPay-ToPay p {line-height:40px; font-size:14px; color:#666;} .zPay-ToPay p strong {padding:0 10px;} .zPay-ToPay p strong a,.zPay-ToPay p strong i {color:#63a722;} .zPay-ToPay p strong a:hover {text-decoration:underline !important;} .zPay-ToPay p em {padding:0 10px;} .zPay-ToPay p em i {color:#ff0032; font-weight:bold;} .zPay-ToBut {width:984px; margin:0 auto; padding:7px 0;} .zPay-ToBut a {display:inline-block; margin:0 5px; width:90px; height:30px; line-height:30px; background:#7fbc23; color:#fff;} /* 购物车无数据 */ .no-infoShop {width: 598px; margin: 60px auto; border: 1px solid #e6e6e6; background: #fff url(../images/404.png) no-repeat 280px center; height:150px; text-indent: 230px; padding: 50px 300px; font-size:30px; line-height:40px; color:#333; padding-top: 100px;} .no-infoShop p {font-size:12px; line-height:20px; color:#999; text-align: left; text-indent: 0; padding-left: 230px;} .no-infoShop p a {margin-left: 0; font-size: 14px; text-align: left; line-height: 30px; color:#187FC4;} .no-infoShop p a:hover {color: #ff5454;} .no-info {margin-top:80px; background-image:url(../images/404.png); background-repeat:no-repeat; height:180px; padding-left:300px; padding-right:120px; padding-top:60px; font-size:30px; line-height:40px; color:#333;} .no-info p {font-size:12px; line-height:20px; color:#999;} .no-info p a {margin-left: 0; font-size: 14px; text-align: left; line-height: 30px; color:#187FC4;} .no-info p a:hover {color: #ff5454;} /* 提交订单刷新页面的反馈 */ .zEs-Submit {width: 1200px; margin: 50px auto; height: 300px; text-align: center; background: url(../images/404.png) no-repeat center 30px;} .zEs-Submit p {padding-top: 250px; color: #666;} .zEs-Submit p a {color: #ff5454; padding: 0 5px;} .zEs-Submit p a:hover {color: #ff5454;} /* 发票弹窗 */ .zEs-IceWrap {width: 100%; height: 100%; margin: 0 auto;} .zEs-IceMask {width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #000; filter:alpha(opacity=35); -moz-opacity:0.35; -khtml-opacity: 0.35; opacity: 0.35; _background:#000; _filter:alpha(opacity=35); z-index: 100;} .zEs-IceCont {width: 500px; position: absolute; left: 50%; top: 20%; margin-left: -300px; background: #fff; border: 10px solid #ddd; padding: 0px 40px; z-index: 101;} .zEs-IceTit {width: 500px; margin: 0 auto; padding: 10px 0; padding-bottom: 0;} .zEs-IceTit em {float: left; width: 500px; height: 40px; line-height: 40px; color: #666; font-weight: bold;} .zEs-IceTit .zEs-IceTitSet {float: left;} .zEs-IceTit .zEs-IceTitSet a {float: left; padding: 0 15px; height: 26px; line-height: 26px; border: 2px solid #e6e6e6; margin-right: 10px; color: #666; background: url(../images/shop/selet_dot.png) no-repeat right -50px;} .zEs-IceTit .zEs-IceTitSet a:hover {border-color: #ff5454; color: #ff5454;} .zEs-IceTit .zEs-IceTitSet .active {border-color: #ff5454; color: #ff5454; background-position: right bottom;} .zEs-IceEitWrap {width: 500px; margin: 0 auto;} .zEs-IceAd {width: 500px; margin: 0 auto;} .zEs-IceAdtit {width: 500px; height: 40px; line-height: 40px; color: #666; font-weight: bold;} .zEs-IceAd .zEs-IceAdlist {width: 500px; margin: 0 auto; overflow: hidden; max-height: 120px; overflow-y: auto;} .zEs-IceAd .zEs-IceAdlist li {float: left; width: 500px; margin-bottom: 10px;} .zEs-IceAd .zEs-IceAdlist .zEs-IceAdInt {float: left; width: 390px; height: 28px; line-height: 28px; border: 1px solid #e6e6e6; background: #fff; position: relative;} .zEs-IceAd .zEs-IceAdlist .zEs-IceAdInt input {float: left; border: none; height: 28px; line-height: 28px; width: 380px; background: none; padding: 0 5px; color: #333; cursor: pointer; outline: none;} .zEs-IceAd .zEs-IceAdlist .zEs-IceAdInt b {position: absolute; right: 0; bottom: 0; width: 10px; height: 10px; background: url(../images/shop/selet_dot.png) no-repeat right -20px;} .zEs-IceAd .zEs-IceAdlist .zEs-IceAdbut {float: left; width: 80px; text-align: right;} .zEs-IceAd .zEs-IceAdlist .zEs-IceAdbut a {color: #999; display: inline-block; margin-left: 10px; line-height: 28px;} .zEs-IceAd .zEs-IceAdlist .zEs-IceAdbut a:hover {color: #ff5454;} .zEs-IceAd .zEs-IceAdsubmit {color: #187FC4; line-height: 20px;} .zEs-IceAd .zEs-IceAdsubmit:hover {color: #ff5454;} .zEs-IceAd .zEs-IceAdlist .active .zEs-IceAdInt {border: 2px solid #ff5454; width: 388px; height: 26px; line-height: 26px;} .zEs-IceAd .zEs-IceAdlist .active input {line-height: 26px; height: 26px;} .zEs-IceAd .zEs-IceAdlist .active .zEs-IceAdInt b {background-position: right bottom;} .zEs-IceSev {width: 500px; margin: 0 auto; border-top: 2px solid #e6e6e6; margin-top: 10px; padding: 20px 0; margin-bottom: 10px; text-align: center;} .zEs-IceSev a {display: inline-block; height: 28px; line-height: 28px; text-align: center; margin: 0 5px; padding: 0 30px; color: #666;} .zEs-IceSev .zEs-IceSevbut {border: 1px solid #ff5454; background: #ff6464; color: #fff;} .zEs-IceSev .zEs-IceSevbut:hover {background: #ff5454;} .zEs-IceSev .zEs-IceCenbut {border: 1px solid #e6e6e6; background: #fafafa; color: #666;} .zEs-IceSev .zEs-IceCenbut:hover {background: #f5f5f5;} /* 增值税 */ .zEs-EntadWrap {width: 500px; margin: 0 auto;} .zEs-EntadWrap .zEs-Enttxt {width: 478px; margin: 0 auto; padding: 5px 10px; border: 1px solid #fff0f0; background: #fffaf5; color: #ff9600; line-height: 20px;} .zEs-EntadList {width: 500px; margin: 0 auto; margin-top: 15px;} .zEs-EntadList li {float: left; width: 500px; margin-bottom: 10px;} .zEs-EntadList em {float: left; width: 100px; text-align: right; padding-right: 5px; line-height: 26px; color: #666;} .zEs-EntadList em i {font-weight: bold; color: #ff5454; padding-right: 3px;} .zEs-EntadList .zEs-EntadInt {float: left; width: 360px; height: 24px; line-height: 24px; border: 1px solid #e6e6e6;} .zEs-EntadList .zEs-EntadInt label {float: left;} .zEs-EntadList .zEs-EntadInt input {float: left; border: none; background: none; padding: 0 10px; width: 350px; height: 24px; line-height: 24px; color: #000; outline: none;} .zEs-EntadList .err .zEs-EntadInt {border-color: #ff5454;} /* ----------==========********** 领券中心 **********==========---------- */ /* 分类 */ .QuWrap {width: 100%; margin: 0 auto;} .QuNavW {width: 1200px; margin: 40px auto; position: relative; overflow: hidden;} .QuNav {position: relative; left: 50%; float: left;} .QuNavList {position: relative; left: -50%; float: left;} .QuNavList li {float: left; padding-top: 10px;} .QuNavList li a {float: left; width: 170px; color: #999;} .QuNavList li i {float: left; width: 30px; height: 30px; margin: 0 70px; background: url(../images/shop/Coup_nav_icon.png) no-repeat left -61px;} .QuNavList li em {float: left; width: 170px; height: 40px; line-height: 40px; text-align: center;} .QuNavList li .QuNavIcon1 {background-position: 0px 0px;} .QuNavList li .QuNavIcon2 {background-position: -30px 0px;} .QuNavList li .QuNavIcon3 {background-position: -60px 0px;} .QuNavList li .QuNavIcon4 {background-position: -90px 0px;} .QuNavList li .QuNavIcon5 {background-position: -120px 0px;} .QuNavList li .QuNavIcon6 {background-position: -150px 0px;} .QuNavList li .QuNavIcon7 {background-position: -180px 0px;} .QuNavList li a:hover,.QuNavList li .active {color: #0962a4;} .QuNavList li a:hover .QuNavIcon1,.QuNavList li .active .QuNavIcon1 {background-position: 0px -30px;} .QuNavList li a:hover .QuNavIcon2,.QuNavList li .active .QuNavIcon2 {background-position: -30px -30px;} .QuNavList li a:hover .QuNavIcon3,.QuNavList li .active .QuNavIcon3 {background-position: -60px -30px;} .QuNavList li a:hover .QuNavIcon4,.QuNavList li .active .QuNavIcon4 {background-position: -90px -30px;} .QuNavList li a:hover .QuNavIcon5,.QuNavList li .active .QuNavIcon5 {background-position: -120px -30px;} .QuNavList li a:hover .QuNavIcon6,.QuNavList li .active .QuNavIcon6 {background-position: -150px -30px;} .QuNavList li a:hover .QuNavIcon7,.QuNavList li .active .QuNavIcon7 {background-position: -180px -30px;} /* 筛选 */ .QuScrW {width: 1198px; margin: 0 auto; height: 48px; line-height: 48px; border: 1px solid #e6e6e6;} .Quscr {float: left;} .Quscr a {color: #999; padding-left: 15px;} .Quscr a:hover,.Quscr .active {color: #ff5454;} .QuScrSet {float: left; margin-left: 20px; padding-left: 20px; border-left: 1px solid #e6e6e6;} .QuScrSet a {float: left; color: #999; margin-right: 15px;} .QuScrSet a i {float: left; width: 13px; height: 13px; margin-top: 18px; background: url(../images/shop/shop_checkbox_icon.png) no-repeat -13px center;} .QuScrSet a span {padding-left: 5px;} .QuScrSet a:hover,.QuScrSet .active {color: #ff5454;} .QuScrSet a:hover i {background-position: -26px center;} .QuScrSet .active i,.QuScrSet .active:hover i {background-position: 0px center;} /* 券列表 */ .QuListW {width: 1200px; margin: 0px auto; margin-top: 20px; overflow: hidden;} .QuList {width: 1230px;} .QuList li {float: left; width: 380px; height: 170px; margin-bottom: 20px; margin-right: 30px; overflow: hidden; position: relative;} .QuList .Quan {float: left; width: 260px; border: 2px solid #e6e6e6; padding: 2px 20px; height: 162px; border-right: none; overflow: hidden;} .QuList .QuCoMz {float: left; width: 260px; color: #999; padding: 5px 0; border-bottom: 2px dashed #e6e6e6;} .QuList .QuCoMz em {float: left; position: relative; font-family: "Impact"; font-size: 48px; font-weight: bold; padding-left: 30px;} .QuList .QuCoMz em:before {content: "￥"; width: 30px; height: 30px; line-height: 30px; font-family: "Microsoft YaHei", "微软雅黑", sans-serif; font-size: 24px; position: absolute; left: 0; top: 15px;} .QuList .QuCoMz p {float: left; padding: 11px 0; margin-left: 10px;} .QuList .QuCoMz p span {display: block; line-height: 18px;} .QuList .QuCoSm {float: left; width: 260px; color: #999; padding-top: 10px;} .QuList .QuCoSm p {line-height: 18px; height: 18px; width: 260px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;} .QuList .QuTime {float: left; width: 260px; line-height: 18px; color: #999; padding-bottom: 10px;} .QuList .QuBt {float: left; width: 16px; height: 80px; background: #e6e6e6; padding: 45px 31px;} .QuList .QuBt a {color: #999; font-size: 14px;} .QuList .Quan-Dot {float: left; width: 80px; height: 64px; position: absolute; bottom: 10px; right: 83px;} .QuList .Quan-Dot b {float: left; width: 80px; height: 64px; background: url(../images/shop/quan_icon.png) no-repeat center 0px;} /* 商家代金券 */ .QuList .QuSd .Quan {border-color: #e3f0f8;} .QuList .QuSd .QuCoMz {color: #7896aa; border-bottom-color: #e3f0f8;} .QuList .QuSd .QuBt {background: #e3f0f8;} .QuList .QuSd .QuCoSm,.QuList .QuSd .QuTime {color: #7896aa;} .QuList .QuSd .QuBt a {color: #7896aa;} .QuList .QuSd .QuBt a:hover {color: #1e6482;} .QuList .QuSd .Quan-Dot b {display: none;} .QuList .QuSd .Quan-Dot .active {background-position: center -64px; display: block;} /* 商家满减券 */ .QuList .QuSm .Quan {border-color: #f8e6da;} .QuList .QuSm .QuCoMz {color: #aa9682; border-bottom-color: #f8e6da;} .QuList .QuSm .QuBt {background: #f8e6da;} .QuList .QuSm .QuCoSm,.QuList .QuSm .QuTime {color: #aa9682;} .QuList .QuSm .QuBt a {color: #aa9682;} .QuList .QuSm .QuBt a:hover {color: #966432;} .QuList .QuSm .Quan-Dot b {display: none;} .QuList .QuSm .Quan-Dot .active {background-position: center -128px; display: block;} /* 平台代金券 */ .QuList .QuPd .Quan {border-color: #fff4c6;} .QuList .QuPd .QuCoMz {color: #dcaa1e; border-bottom-color: #fff4c6;} .QuList .QuPd .QuBt {background: #fff4c6;} .QuList .QuPd .QuCoSm,.QuList .QuPd .QuTime {color: #dcaa1e;} .QuList .QuPd .QuBt a {color: #dcaa1e;} .QuList .QuPd .QuBt a:hover {color: #aa7800;} .QuList .QuPd .Quan-Dot b {display: none;} .QuList .QuPd .Quan-Dot .active {background-position: center -192px; display: block;} /* 平台满减券 */ .QuList .QuPm .Quan {border-color: #e3dceb;} .QuList .QuPm .QuCoMz {color: #a082a0; border-bottom-color: #e3dceb;} .QuList .QuPm .QuBt {background: #e3dceb;} .QuList .QuPm .QuCoSm,.QuList .QuPm .QuTime {color: #a082a0;} .QuList .QuPm .QuBt a {color: #a082a0;} .QuList .QuPm .QuBt a:hover {color: #821e82;} .QuList .QuPm .Quan-Dot b {display: none;} .QuList .QuPm .Quan-Dot .active {background-position: center -256px; display: block;} .Quan-pages {width: 1200px; margin: 0 auto; margin-bottom: 30px;} /* 即将过期 */ .QuList li .Quan-Over {float: left; width: 60px; height: 60px; position: absolute; left: 0; top: 0; background: url(../images/shop/over_icon.png) no-repeat left top;} /* ******************** * 接入京东商品介绍 * ******************** */ /* 商品介绍 */ #proInfo {width: 100%; margin: 0 auto; color: #666;} .content_tpl {width: 100%; margin: 0 auto;} .formwork {width: 100%; padding: 10px 0; border-bottom: 1px dashed #e6e6e6; line-height: 22px; text-align: left; font-size: 14px;} .formwork_titlecenter {line-height: 24px; text-align: center; font-size: 14px; font-weight: 700;} .formwork_text {width: 100%; text-indent: 2em;} .formwork_img {width: 100%; margin: 0 auto; text-align: center;} .formwork_bt_rb {width: 100%; margin: 0 auto; padding: 12px 0; border-bottom: 1px dashed #e6e6e6;} .formwork_bt_rb span {font-size: 18px; line-height: 24px; color: #ff5454; padding-top: 12px;} .formwork_bt_rb span.s2 {color: #666; padding-left: 10px; line-height: 24px; padding-top: 16px;} .formwork_titleleft {line-height: 24px; font-size: 14px; font-weight: bold; color: #666;} .formwork_titleleft2 {line-height: 24px; font-size: 14px; color: #666;} /* 规格参数 */ .Ptable {margin: 10px 0; background: #ccc; color: #666;} .Ptable th,.Ptable td {border: 1px solid #e6e6e6;} .Ptable th {background: #fafafa; padding: 8px 5px; text-align: right; font-weight: bold;} .Ptable th.tdTitle {width: 110px; text-align: center;} .Ptable td {padding: 5px; background: #fff; font-size: 12px;}