﻿@charset "utf-8";
body{overflow-x:hidden;overflow-y:auto;color:#000;font-size:0.7rem;font-family:"\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;height:100%;background-color:#F8F8F8;margin:0rem;padding:0rem 0rem 2.2rem;}

/* 顶部返回 搜索等 */
.top{ position:fixed;width:100%;height:2.15rem;top:0px;left:0px;background-color:#FFF;border-bottom:solid 1px #EEE;display:flex;z-index:99;}
.top .goHome{width:1rem;height:1rem;margin:0.575rem 0.75rem;border-radius:100%;background-size:cover;box-shadow:1px 1px 2px rgb(0 0 0 / 40%);background-image: url(../images/home.jpg);}
.top .topHeadImg{width:1rem;height:1rem;line-height:1rem;margin:0.575rem 0.75rem;border-radius:100%;background-size:cover;font-size:0.7rem;color:#4d4d4d;font-family:icomoon!important;text-align:center;}
.top .topHeadImg::before{content:"\b0288";}
.top .topSearch{flex-grow:1;height:1.25rem;border-radius:1rem;background-color:#f0f1f3;margin-top:0.45rem;position:relative;}
.top .topSearch input{border:none;outline:0;width:100%;height:100%;border-radius:1rem;background:#f0f1f3;text-indent:0.4rem;}
.top .topSearch i{position:absolute;cursor:pointer;width:0.60rem;height:0.65rem;top:0.675rem;right:0.75rem;color:#868686;font-size:0.6rem;transform:translateY(-50%);font-family:icomoon!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;cursor:pointer;}
.top .topSearch i::before{content:"\b0290"}

/* 轮播 */
#banner{width:100%;height:7.5rem;margin-top:2.15rem;}

/* 栏目标题 */
.itemSubtitle{background-color:#FFF;display:flex;padding:0.55rem 0rem;margin-top:0.5rem;margin-bottom:1px;}
.itemSubtitle .dot{background-color:red;width:0.215rem;height:0.215rem;margin-left:0.74rem;margin-right:0.4rem;margin-top:0.34rem;border-radius:100%;}
.itemSubtitle .subText{font-size:0.7rem;color:red;}

/* 产品列表 */
.productList{width:100%;padding-top:0.6rem;padding-bottom:0.2rem;background-color:#FFF;}
.productList a{text-decoration:none;color:#333;}
.productList .productItem{height:4.757rem;margin-left:0.6rem;margin-right:0.6rem;margin-bottom:0.325rem;display:flex;}
.productList .productItem .productImg img{width:4.3rem;height:4.3rem;object-fit:cover;border:1px solid #f1f1f1;padding:2px;border-radius:2px;}
.productList .productInfo{margin-left:20px;border-bottom:1px solid #f0f0f0;position:relative;flex-grow:1;}
.productList .productInfo h3{font-size:0.6rem;line-height:1rem;text-overflow:ellipsis;overflow:hidden;word-break:break-all;word-wrap:break-word;margin-top:0.1rem;font-weight:400;}
.productList .productInfo .price{position:absolute;left:0px;bottom:0.5rem;color:red;font-size:0.6rem;}
.productList .productInfo .price del{color:#888;margin-left:10px;font-size:0.4rem;}
.productList .productInfo .btnBuy{position:absolute;right:0.2rem;bottom:0.3rem;background-color:red;font-size:0.5rem;color:#FFF;padding:0rem 0.3rem;line-height:1rem;border-radius:2px;}


/* 底部导航 */
.navigation{position:fixed;bottom:0px;left:0px;width:100%;height:2rem;display:flex;background-color:#FFF;font-size:0.43rem;}
.navigation a{position:relative;flex-grow:1;text-align:center;text-decoration:none;color:#000;padding-top:1.15rem;}
.navigation a i{transform:translateY(-50%);font-family:icomoon!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;position:absolute;top:0.65rem;font-size:0.74rem;justify-content:center;display:flex;width:100%;}
.navigation a:first-child i::before{content:'\a0840';}
.navigation a:nth-child(2) i::before{content:'\a0110';}
.navigation a:nth-child(3) i::before{content:'\b0292';}
.navigation a:nth-child(4) i::before{content:'\a0339';}

.navigation a.current{color:red;}

fieldset{width:300px;height:24px;border:1px solid transparent;border-top-color:#DDD;margin:30px auto;font-size:0.5rem;color:#999;}
legend{margin:auto;padding:0 10px;}
legend a{text-decoration:none;color:#333;}


/* 详情页 */
.cover{width:100%;position:relative;}
.cover img{width:100%;}
.cover span{width:1.2rem;height:1.2rem;line-height:1.1rem;font-size:0.7rem;font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;border-radius:100%;position:absolute;background-color:#000;color:#FFF;left:0.5rem;top:0.5rem;text-indent:0.15rem;cursor:pointer;}
.cover span::before{content:"\b0294";}

.detailPbSubtitlePrice{padding:0.7rem;background-color:#FFF;color:#333;font-size:0.7rem;line-height:0.95rem;font-weight:bold;margin-bottom:0.25rem;}
.detailPbSubtitlePrice h3{display:block;color:rgba(242,48,48,1);margin:0.2rem 0rem;font-size:0.6rem;}
.detailPbSubtitlePrice h3 span{font-size:1rem;}

/* 详情页Tab */
.tab{position:relative;width:100%;overflow:hidden;background-color:#FFF;color:#666;}
.tab-nav{height:30px;overflow:hidden;border-bottom:1px solid #f3f3f3;height:2rem;line-height:2rem;font-size:0.6rem;font-weight:bold;}
.tab-nav a{display:block;float:left;width:30%;height:calc(2rem - 2px);line-height:calc(2rem - 2px);text-align:center;text-decoration:none;color:#666;margin:0 10%;}
.tab-nav a.current{color:rgba(242,48,48,1);border-bottom:solid 2px rgba(242,48,48,1);}
.tab-con{position:relative;}
.tab-con-item{display:none;}

.pbDescription{margin:0.9rem;font-size:0.6rem;color:#999;line-height:1.2rem;}
.pbDescription table{width:100%;}
.pbDescription table tr td:first-child{width:30%;padding-left:1.5rem;}

/* 详情页底部导航 */
.detailNavigation{position:fixed;bottom:0px;left:0px;width:100%;height:2rem;display:flex;background-color:#FFF;font-size:0.43rem;}
.detailNavigation a{position:relative;flex-grow:1;text-align:center;text-decoration:none;color:#000;padding-top:1.15rem;}
.detailNavigation a i{transform:translateY(-50%);font-family:icomoon!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;position:absolute;top:0.65rem;font-size:0.74rem;justify-content:center;display:flex;width:100%;}
.detailNavigation a:first-child i::before{content:'\a0840';}
.detailNavigation a:nth-child(2) i::before{content:'\b0292';}
.detailNavigation a:nth-child(3){background-color:rgba(242,136,48,1);color:#FFF;font-size:0.55rem;line-height:2rem;padding-top:0rem;width:30%;}
.detailNavigation a:nth-child(4){background-color:rgba(242,48,48,1);color:#FFF;font-size:0.55rem;line-height:2rem;padding-top:0rem;width:30%;}


/* 通用顶部 */
.generalTop{display:flex;background-color:rgba(242,48,48,1);height:2rem;line-height:2rem;}
.generalTop span.goBack{font-size:0.65rem;font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing: antialiased;color:#FFF;margin-left:0.45rem;cursor:pointer;}
.generalTop span.goBack::before{content:'\b0294';}

.generalTop span.title{flex-grow:1;text-align:center;color:#FFF;font-size:0.75rem;}

.generalTop span.goHome{font-size:0.75rem;font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing: antialiased;color:#FFF;margin-right:0.45rem;cursor:pointer;}
.generalTop span.goHome::before{content:'\b0312';}

/* 购物车 */
.noProduct{height:0rem;margin:4.3rem auto 0.8rem auto;padding-top:5rem;background:url(../images/noProduct.png) no-repeat center center;background-size:contain;text-align:center;font-size:0.6rem;color:#666;}
.goShopping{font-size:0.65rem;height:1.5rem;line-height:1.5rem;border-radius:1rem;border:solid 0.05rem rgba(242,48,48,1);text-decoration:none;width:45%;display:block;text-align:center;margin:2.9rem auto;color:rgba(242,48,48,1);background-color:#FFF;}

.shoppingcartPdList{margin:0.5rem 0.5rem 3rem 0.5rem;padding:0.5rem 0.2rem;background-color:#FFF;border-radius:0.2rem;display:none;}
.shoppingcartPdList .shoppingcartPd{display:flex;padding:0.4rem 0rem;}
.shoppingcartPdList .shoppingcartPd span.chkBtn,.shoppingcartPdList .shoppingcartPd span.chkBtnOn{font-size:1rem;line-height:3.8rem;text-align:center;font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;}
.shoppingcartPdList .shoppingcartPd span.chkBtn::before{content:"\ea22";}
.shoppingcartPdList .shoppingcartPd span.chkBtnOn::before{content:'\ea80';color:rgba(242,48,48,1);}

.shoppingcartPdList .shoppingcartPd img{width:3.8rem;height:3.8rem;border-radius:0.25rem;margin:0 0.4rem 0 0.2rem;}
.shoppingcartPdList .shoppingcartPd .shoppingcartPdInfo{color:#666;font-size:0.6rem;position:relative;flex-grow:1;}
.shoppingcartPdList .shoppingcartPd .shoppingcartPdInfo h3{font-weight:normal;font-size:0.6rem;margin-top:0.1rem;}
.shoppingcartPdList .shoppingcartPd .shoppingcartPdInfo .shoppingcartPdPrice{position:absolute;bottom:0rem;padding:0rem;margin:0rem;color:rgba(242,48,48,1);font-size:0.5rem;}
.shoppingcartPdList .shoppingcartPd .shoppingcartPdInfo .shoppingcartPdPrice span{font-size:0.7rem;}
.shoppingcartPdList .shoppingcartPd .shoppingcartPdInfo .shoppingcartPdNunber{position:absolute;right:0rem;bottom:0rem;display:flex;}
.shoppingcartPdList .shoppingcartPd .shoppingcartPdInfo .btnMinus,.shoppingcartPdList .shoppingcartPd .shoppingcartPdInfo .btnAdd{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;text-decoration:none;width:1rem;height:1rem;line-height:0.9rem;border:1px solid rgba(221,221,221,1);display:block;vertical-align:middle;text-align:center;}
.shoppingcartPdList .shoppingcartPd .shoppingcartPdInfo .btnMinus{border-radius:5px 0px 0px 5px;}
.shoppingcartPdList .shoppingcartPd .shoppingcartPdInfo .btnAdd{border-radius:0px 5px 5px 0px;}
.shoppingcartPdList .shoppingcartPd .shoppingcartPdInfo .btnMinus::before{content:"\ead4";font-size:0.45rem;color:#949494;}
.shoppingcartPdList .shoppingcartPd .shoppingcartPdInfo .btnAdd::before{content:"\ead3";font-size:0.45rem;color:#949494;}
.shoppingcartPdList .shoppingcartPd .shoppingcartPdInfo #pdNumber{width:1.5rem;border-left:none;border-right:none;border-top:solid 1px rgba(221,221,221,1);border-bottom:solid 1px rgba(221,221,221,1);outline:none;text-align:center;font-size:0.45rem;}
.shoppingcartPdList .shoppingcartPd .shoppingcartPdInfo .btnDel{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;text-decoration:none;width:1rem;height:1rem;line-height:0.9rem;display:block;vertical-align:middle;text-align:center;}
.shoppingcartPdList .shoppingcartPd .shoppingcartPdInfo .btnDel::before{content:'\e9ac';}

.shoppingcartNavigation{position:fixed;bottom:0px;left:0px;width:100%;height:2rem;display:flex;background-color:#FFF;font-size:0.43rem;}
.shoppingcartNavigation a{position:relative;flex-grow:1;text-align:center;text-decoration:none;color:#666;}
.shoppingcartNavigation a i{transform:translateY(-50%);font-family:icomoon!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;position:absolute;top:0.65rem;font-size:0.74rem;justify-content:center;display:flex;width:100%;}
.shoppingcartNavigation a:first-child{line-height:2rem;padding-top:0rem;text-align:center;font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;color:#666;font-size:0.6rem;}
.shoppingcartNavigation a:first-child::before{content:"\ea22";font-size:0.7rem;margin-right:0.1rem;}
.shoppingcartNavigation a:first-child.on::before{content:"\ea80";font-size:0.7rem;margin-right:0.1rem;color:rgba(242,48,48,1);}
.shoppingcartNavigation a:nth-child(2){margin-top:0.2rem;}
.shoppingcartNavigation a:nth-child(2) h5{margin-top:0rem;font-size:0.8rem;color:rgba(242,48,48,1);}
.shoppingcartNavigation a:nth-child(3){background-color:rgba(242,136,48,1);color:#FFF;font-size:0.55rem;line-height:2rem;padding-top:0rem;}
.shoppingcartNavigation a:nth-child(4){background-color:rgba(242,48,48,1);color:#FFF;font-size:0.55rem;line-height:2rem;padding-top:0rem;width:30%;}

/* 订单确认页 选择收件地址 */
.orderAddressBox{background-color:rgba(242,48,48,1);padding:0.5rem;}
.orderAddress{padding:0rem;color:#666;margin-bottom:5px;}
.orderAddress textarea{font-size:0.65rem;color:#666;border:none;outline:none;padding:0.625rem;width:calc(100% - 1.25rem);border-radius:4px;line-height:0.8rem;}
.orderAddress input{font-size:0.65rem;color:#666;border:none;outline:none;padding:0.625rem;width:calc(100% - 1.25rem);border-radius:4px;}

.orderAddressNavigation{position:fixed;bottom:0px;left:0px;width:100%;height:2rem;display:flex;background-color:#FFF;font-size:0.43rem;}
.orderAddressNavigation a{position:relative;text-align:center;text-decoration:none;color:#666;}
.orderAddressNavigation a:nth-child(1){margin-top:0.2rem;flex-grow:1;}
.orderAddressNavigation a:nth-child(1) h5{margin-top:0rem;font-size:0.8rem;color:rgba(242,48,48,1);}
.orderAddressNavigation a:nth-child(2){background-color:rgba(242,48,48,1);color:#FFF;font-size:0.55rem;line-height:2rem;padding-top:0rem;width:30%;}

/* 创建订单成功 */
.orderSuccess{height:0rem;margin:1.3rem auto;padding-top:3rem;background:url(../images/success.png) no-repeat center center;text-align:center;font-size:0.6rem;color:#666;}
.paySucGreyLine{width:8.75rem;border-bottom:1px solid #eee;background:rgba(238,238,238,1);margin:0.625rem auto;}
#payCode{width:256px;height:256px;margin:0.5rem auto;position:relative;}
#payCode img{width:256px;height:256px;}
.btnFreshPayCode{color:rgba(242,48,48,1);border:solid 1px rgba(242,48,48,1);width:5rem;line-height:1.4rem;font-size:0.6rem;text-align:center;margin:0px auto;border-radius:0.1rem;}
.orderMoney{font-size:0.7rem;text-align:center;}

/* 个人中心 */
.orderAddressBox img{display:block;margin:0px auto;width:3.5rem;height:3.5rem;border-radius:50%;}
.orderAddressBox h2{font-size:0.6rem;text-align:center;color:#FFF;margin:0.5rem 0 0.2rem;}

.orderTab{position:relative;width:100%;overflow:hidden;color:#666;margin-top:0.3rem;}
.orderTab .tab-nav{overflow:hidden;border-bottom:1px solid #f3f3f3;height:2rem;line-height:2rem;font-size:0.5rem;background-color:#FFF;}
.orderTab .tab-nav a{display:block;float:left;height:calc(2rem - 2px);line-height:calc(2rem - 2px);text-align:center;text-decoration:none;color:#666;margin:0;width:16%;}
.orderTab .tab-nav a.current{font-weight:bold;border-bottom:solid 2px #666;}
.orderTab .tab-nav a:first-child{margin-left:2%;}
.orderTab .tab-con{position:relative;}
.orderTab .tab-con-item{display:none;}

.orderInfo{width:100%;margin:10px auto;background-color:#FFF;color:#666;font-size:0.5rem;}
.outTradeNo{height:2rem;line-height:2rem;display:flex;padding:0px 0.5rem;}
.outTradeNo span:first-child{font-weight:bold;}
.outTradeNo span:nth-child(2){text-align:center;flex-grow:1;}
.orderProuct{line-height:200%;padding:0 0.5rem 0.2rem;color:#333;display:flex;position:relative;}
.orderProuct img{width:1.6rem;height:1.6rem;border-radius:5px;}
.orderProuct span:nth-child(2){width:calc(100% - 85px - 2rem);margin-left:0.4rem;}
.orderProuct span:nth-child(3){font-size:0.6rem;text-align:right;position:absolute;top:calc(50% - 0.6rem);right:0.5rem;}
.orderButton{padding:0.5rem;text-align:right;}
.orderButton a{display:inline-block;text-align:center;text-decoration:none;margin:0px 2px;color:#333;line-height:1rem;border-radius:0.5rem;border:solid 1px #666;padding:0 0.5rem;}
.orderButton a.delete{color:red;border-color:Red;}
.orderButton a.pay{color:#FFF;background-color:green;border-color:green;}
.orderButton span{width:11.6rem;display:inline-block;text-align:left;color:green;}