@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,html,img{margin:0;padding:0;}
html{ background:#f5f5f5; max-width:800px !important; margin:0 auto !important; font-size:12px; }
body{ font-family:"微软雅黑",Arial,sans-serif;background:#f5f5f5;-webkit-text-size-adjust:100%;overflow-x:hidden; margin:0 auto;  }
a{text-decoration:none; font-family:"微软雅黑",sans-serif; transition:all 0.3s ease;}
a:hover{text-decoration:none;}
i{font-style:normal}
em{font-style:normal;font-family:"微软雅黑",Arial,sans-serif !important;}
li{list-style:none;}
input{font-family:"微软雅黑",sans-serif; }
select{font-family:"微软雅黑",sans-serif;}
p{word-wrap:break-word;}
.c{clear:both;}
.e{display:inline-block;display:inline;zoom:1;height:100%;width:1px;margin-left:-1px;vertical-align:middle;}
.fr{ float:right;}
.fl{ float:left;}
.hide{ display:none;}
.show{ display:block;}
*{box-sizing:border-box;}
body{line-height:1.5;color:#333;}
img{max-width:100%;height:auto;}

/* 全局样式优化 */
body{
    font-size:14px;
    color:#333;
    background-color:#f8f8f8;
}

/* 容器样式 */
.container{
    max-width:800px;
    margin:0 auto;
    padding:0 15px;
}

/* 通用按钮样式 */
.btn{
    display:inline-block;
    padding:0.5rem 1rem;
    border-radius:0.5rem;
    font-size:0.8rem;
    font-weight:500;
    text-align:center;
    cursor:pointer;
    transition:all 0.3s ease;
    border:none;
}

.btn-primary{
    background:linear-gradient(to right,#ff9500 0%,#ff6a00 100%);
    color:#fff;
}

.btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 4px 12px rgba(255,106,0,0.3);
}

/* 通用卡片样式 */
.card{
    background:#fff;
    border-radius:1rem;
    box-shadow:0 2px 8px rgba(0,0,0,0.08);
    margin:0.7rem 0;
    padding:0.7rem;
}

/* 通用标题样式 */
.section-title{
    font-size:0.8rem;
    font-weight:600;
    color:#333;
    margin:0 0 0.6rem 0;
    padding-left:0.5rem;
    border-left:0.25rem solid #ff6a00;
}


.item-title{ font-size:0.8rem; background:#fff; color:#333; text-align:left; padding:0.7rem; font-weight:600; margin: 0.7rem 3%; border-radius: 1rem; box-shadow: 0 2px 8px rgba(0,0,0,0.08);}
.item-title div{ margin:0.4rem 0 0 0;}
.item-title i{ font-size:1.8rem; top:0.4rem; padding:0 0.4rem 0 0; color: #FF6600;}
.item-title span{font-weight:500; font-size:0.65rem; color: rgb(252, 254, 0); background-color: rgb(0, 0, 0); padding: 0.2rem 0.4rem; border-radius: 0.2rem; margin: 0 0.3rem 0 0; transition:all 0.3s ease;}
.item-title span:hover{ transform:translateY(-2px); box-shadow:0 2px 8px rgba(0,0,0,0.2);}
.item-title span:nth-child(2){font-weight:500; font-size:0.65rem; color: #fff; background-color: #FF6600; }
.item-description{ font-size:0.7rem; background:#fff; color:#666; text-align:left;  padding:0 0.7rem 0.7rem 0.7rem; line-height:1.3rem; margin:0 3%; border-radius:0 0 1rem 1rem; box-shadow: 0 2px 8px rgba(0,0,0,0.08);}
.item-description span{ color: #FF6600;background: rgba(255,102,0,0.06);font-weight: bold; border-radius: 0.2rem; padding: 0.2rem 0.4rem;margin-right: 0.3rem;}
.item-swipe{ overflow:hidden; height:auto; font-size:0; position:relative; background:#44361C; border-radius:1rem; margin:0.7rem 3%; box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.item-swipe img{ width:100%; border-radius:1rem;}
.item-swipe-dl{ position:relative; text-align:center; width:100%;}
.item-swipe-dl dt{ position:absolute; left:50%; margin-left:-3rem; z-index:999; width:6rem; height:6rem; background-color: rgba(0, 0, 0, 0.6); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:all 0.3s ease;}
.item-swipe-dl dt:hover{ background-color: rgba(0, 0, 0, 0.8); transform:scale(1.05);}
.item-swipe-dl dt i{ font-size:6rem; color:#fff; opacity:1; }
.item-swipe-dl dd img{ width:100% !important; border-radius:1rem;}
video.video{ width:100%; padding:0px; height:auto;display:block; border-radius:1rem;}

.item-price{ background:#f8f8f8; overflow:hidden; margin:0.7rem 3%; border-radius:1rem; box-shadow:0 2px 8px rgba(0,0,0,0.08); overflow:hidden;}
.item-price dl.item-price-dl{background: linear-gradient(to right, #FF6600 , #ff9933); overflow:hidden; padding:0.7rem; border-radius:1rem 1rem 0 0;}
.item-price dl.item-price-dl .item-price-dl-fl{ color:#fff; margin:0;}
.item-price dl.item-price-dl .item-price-dl-fl dt{ font-size:0.75rem; margin:0 0 0.3rem 0; float:left;}
.item-price dl.item-price-dl .item-price-dl-fl dt b{ font-size:0.9rem; font-weight:600;}
.item-price dl.item-price-dl .item-price-dl-fl dt span{ background: #ffe0cc; color: #FF6600; font-weight: bold; border-radius: 0.2rem; padding:0.1rem 0.4rem; margin:0 0.5rem 0 0; font-size:0.65rem;}
.item-price dl.item-price-dl .item-price-dl-fl dt span i{ font-weight: bold;  padding:0 0.2rem 0 0;}
.item-price dl.item-price-dl .item-price-dl-fl dt p{ font-size:0.65rem; opacity:0.9;}
.item-price dl.item-price-dl .item-price-dl-fl dd{ float:right; }
.item-price dl.item-price-dl .item-price-dl-fl dd i{ font-size:0.75rem;}
.item-price dl.item-price-dl .item-price-dl-fl dd b{ font-size:1.3rem; font-weight:600;}
.item-price dl.item-price-dl .item-price-dl-fl dd span{ color:#fff; font-size:0.65rem; text-decoration: line-through; margin:0 0 0 0.5rem; opacity:0.8;}

.item-price dl.item-tequan{ padding:0.7rem; margin:0; background:#fff; border-radius:0;overflow: hidden; }
.item-price dl.item-tequan dt{color: rgb(171,137,111); font-size: 0.8rem; font-weight: 600; margin-bottom:0.5rem;}
.item-price dl.item-tequan dd li{ float:left; font-size:0.65rem; color: rgb(171, 137, 111); width:25%; line-height: 1.5rem; margin:5px 0 0 0; transition:all 0.3s ease;}
.item-price dl.item-tequan dd li:hover{ transform:translateY(-2px); color:#ff6a00;}
.item-price dl.item-tequan dd li span{width: 24px; height: 24px; border-radius: 50%; border: 1px solid rgb(171, 137, 111); color: rgb(171, 137, 111);    display: flex; justify-content: center; align-items: center; font-size: 12px; float: left; margin: 0 5px 0 0; transition:all 0.3s ease;}
.item-price dl.item-tequan dd li:hover span{ border-color:#ff6a00; color:#ff6a00; background:rgba(255,106,0,0.1);}

.item-price .liyou{ padding:0.7rem; margin:0; background:#fff; border-radius:0;overflow: hidden; border-top:1px solid #f1f1f1;}
.item-price .liyou dl dt{color: #ff6a00; font-size: 0.8rem; font-weight:600; margin-bottom:0.5rem;}
.item-price .liyou dl dd{color: #333; font-size: 0.7rem; line-height:1.3rem;}

.item-price .item-shijian{padding:0.7rem; margin:0; background:#fff; border-radius:0 0 1rem 1rem;overflow: hidden;  font-weight: bold; font-size:0.75rem; border-top:1px solid #f1f1f1; text-align:center;}
.item-price .item-shijian b{ color:#FF6600; font-size:1.2rem; font-weight:600;}
.item-price .item-shijian .van-count-down{ display: inline-block;   background:#FF6600; color:#fff; font-size:0.8rem; padding:0.3rem 0.5rem; border-radius:0.5rem; margin:0 0.3rem; font-weight:600;}


.item-price .butie{padding:0.7rem; margin:0.7rem 3%; background:#fff; border-radius:1rem;overflow: hidden; box-shadow:0 2px 8px rgba(0,0,0,0.08);}
.item-price .butie dl dt{  font-weight: 600;font-size: 0.8rem; line-height:1.5rem; margin-bottom:0.5rem; }
.item-price .butie dl dt b{ float:right; color: #FF6600; font-size:0.7rem; }

.item-price .butie li{ overflow: hidden; margin:0 0 0.6rem 0; padding:0.5rem; background:#f9f9f9; border-radius:0.5rem; transition:all 0.3s ease;}
.item-price .butie li:hover{ transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.item-price .butie li div.butie-li-1{ float:left; margin:0 12px 0 0;}
.item-price .butie li div.butie-li-2{ float:left; width:60%;}
.item-price .butie li div.butie-li-3{ float:right; margin:5px 0 0 0; background:linear-gradient(to right,#ff9500 0%,#ff6a00 100%); color:#fff; width: 80px; text-align: center; line-height: 30px; border-radius: 15px; transition:all 0.3s ease;}
.item-price .butie li div.butie-li-3:hover{ transform:scale(1.05); box-shadow:0 2px 8px rgba(255,106,0,0.3);}
.item-price .butie li div.butie-li-3 a{ display: block; color:#fff; font-size:0.7rem; font-weight:500;}
.item-price .butie li div.butie-li-1 img{ width:40px; border-radius:50%; border:2px solid #f0f0f0;}
.item-price .butie li div.butie-li-2 p{font-size:0.7rem; font-weight:500; color:#333; margin-bottom:0.3rem;}
.item-price .butie li div.butie-li-2 span{ font-size:0.65rem; color:#666; line-height:1.2rem; height:1.2rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }

#butie{ background:#fff; height:100px;}

.item-div-time{ padding:0.6rem 0 0.2rem 0; border-bottom:0.5rem solid #f5f5f5;}
.item-price dl.item-time{ padding:0.1rem 0; overflow:hidden; }
.item-price dl.item-time dt{ float:left; color: #fff; font-size:0.9rem;}
.item-price dl.item-time dd{ color: #000; font-size:0.75rem; padding:0.1rem 0 0 0; display:inline-block;}
.item-price dl.item-time dd span,.item-price dl.item-time dd div{ font-size:0.75rem; }
.item-price dl.item-time dd span{ text-align:right; display: block; color: #fff; line-height:1.4rem;}
.item-price dl.item-time dd div em{ display: inline-block;}
.item-price dl.item-time dd div em.block{ background:#ffcc99;color:#fff; min-width:1rem !important; padding:0.1rem 0.2rem; text-align:center; border-radius:0.2rem;}
.item-price dl.item-time dd div em.colon{ padding:0 0.1rem; font-size:0.65rem;}
.item-price dl.item-time dd div em.ms{ width:1.15rem !important;}
.item-price dl.item-time dd div{ color: #fff;  line-height: 1.1rem; font-size:0.75rem; }
.item-div-dl{ border-bottom:1px solid #f5f5f5; border-top:1px solid #f5f5f5; font-size:0.7rem; padding:0.6rem 0.5rem; position:relative;}
.item-div-dl dl{  position:relative; overflow:hidden; }
.item-div-dl dl:nth-child(1) dt{ width:6.5rem; color: #c05e31;}
.item-div-dl dl:nth-child(1) dt img{ width:6rem;}
.item-div-dl dl:nth-child(1) dd{ color: #c05e31; }
.item-div-dl dl dt{ float:left; width:2rem; color:#666;}
.item-div-dl dl dd ol{ float:left;}
.item-div-dl dl dd ol i{ color:#FF6600; padding:0 0.1rem 0 0;}
.item-div-dl dl dd ol:nth-child(2){ margin:0 0.5rem;}
.item-div-dl dl:nth-child(2){ margin:0.5rem 0;}
.item-div-dl dl li{ position:absolute; right:0; top:0;}
.item-div-dl dl li i{ color:#ccc;}

.item-price dl.item-buy{border-bottom:0.5rem solid #f5f5f5;}
.item-price dl.item-buy a{ background: #FF6600; color: #fff; font-size: 0.9rem; display: block; text-align:center; margin:0.5rem 0.8rem; border-radius:0.2rem; font-size:0.8rem; padding:0.5rem 0;}


.item-content{ padding:0.7rem !important; margin:0rem 3% !important; overflow: hidden; background:#fff; border-bottom-left-radius:1rem;border-bottom-right-radius:1rem; box-shadow:0 2px 8px rgba(0,0,0,0.08);}
.item-content img{ width:100% !important; padding:0rem 0 !important; margin:0 !important; display: block; border-radius:0rem;}
.item-content .van-image{ display: unset;}

.item-form-title{ background: #fff; color: #333; font-weight: 600; font-size:0.8rem; line-height:2rem; height:2rem; padding:0 0.7rem; margin:0.7rem 3% 0 3%; border-radius:1rem 1rem 0 0; box-shadow:0 2px 8px rgba(0,0,0,0.08); text-align:center;}
.item-selected-info{ box-shadow: 0 2px 8px rgba(0,0,0,0.08); border-radius: 0rem; background: #fff; margin:0 3%; overflow: hidden; padding:0.7rem;}
.item-selected-info .item-selected-info-title{ font-size:0.8rem; font-weight:600; color:#333; border-left:0.25rem solid #FF6600; margin:0 0 0.6rem 0; overflow:hidden; text-indent: 0.2rem;}
.item-selected-info dl{ margin:0 0 0.6rem 0; overflow:hidden; padding:0.5rem; background:#f9f9f9; border-radius:0.5rem;}
.item-selected-info dl:nth-child(2){ border:none; }
.item-selected-info dl dt{ width:5rem; height:5rem; float:left; overflow:hidden; border-radius:0.5rem;}
.item-selected-info dl dt .van-image{ width:100% !important; }
.item-selected-info dl dt img{ width:100%; border-radius:0.5rem;}
.item-selected-info dl dd{ margin:0 0 0 5.5rem; font-size:0.75rem; line-height:1rem;}
.item-selected-info dl dd b{ color:#333; white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; font-weight:500;}
.item-selected-info dl dd p{ color:#666; padding:0.3rem 0; white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; height:2.7rem; font-size:0.7rem;}
.item-selected-info dl dd span{ color:#FF6600; font-weight:600; font-size:0.7rem; }
.item-selected-info dl dd span i{ font-size:1rem; }
.item-selected-info dl dd em{ float:right; font-size:1rem; color:#999;}
.item-selected-info .postage-price{ font-size:0.75rem; margin:0.6rem 0 0 0; padding:0.5rem; background:#f9f9f9; border-radius:0.5rem; text-align:right;}
.item-selected-info .postage-price span{ color:#666;}
.item-selected-info .postage-price i{ font-weight:600; color: #FF6600; font-size:0.8rem; }

.item-form{ box-shadow: 0 2px 8px rgba(0,0,0,0.08); border-radius: 0 0 1rem 1rem; background: #fff; margin:0 3% 0.7rem 3%; overflow: hidden; padding:0.7rem;}
.item-form dl{ margin:0 0 0.7rem 0;}
.item-form dl.item-sku dt{ font-size:0.8rem; font-weight:600; color:#333; border-left:0.25rem solid #FF6600; margin:0 0 0.5rem 0; overflow:hidden; text-indent: 0.2rem;}
.item-form dl.item-sku dd{ margin:0.5rem 0;}
.item-form dl.item-sku dd li{ border:1px solid #e8e8e8; border-radius:0.5rem; padding:0.3rem 0.6rem; margin:0 0.3rem 0.4rem 0; background:#f9f9f9; font-size:0.75rem; line-height:1.4rem; display: inline-block; transition:all 0.3s ease;}
.item-form dl.item-sku dd li:hover{ transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.item-form dl.item-sku dd li img{ width:1.5rem; text-align:center; border-radius:0.35rem; float:left; margin:0 0.3rem 0 -0.4rem;}
.item-form dl.item-sku dd li.hover{ border:1px solid #FF6600; color:#FF6600; background:#fff9f4;}
.item-form dl.item-sku dd li span{ margin:0 0 0 0.5rem; color:#666;}

.item-form dl.item-sum{ font-size:0.75rem; margin:0 0 0.7rem 0; overflow:hidden;}
.item-form dl.item-sum dt{ float:left; width:3.5rem; text-align:right;line-height:1.7rem; font-weight:500;}
.item-form dl.item-sum dd{ float:right; }
.item-form dl.item-sum dd button{ width:1.7rem; height:1.7rem; border:1px solid #e8e8e8; background:#f9f9f9; border-radius:0.2rem; transition:all 0.3s ease;}
.item-form dl.item-sum dd button:hover{ border-color:#ff6a00; color:#ff6a00;}
.item-form dl.item-sum dd input{border:1px solid #e8e8e8; border-left:none; border-right:none; font-size:0.8rem; height:1.7rem; width:2rem; margin:0; background:#fff; text-align:center;}

.item-form dl.item-dl-price{ font-size:0.75rem; overflow:hidden; background:#f9f9f9; padding:0.6rem; border-radius:0.5rem;}
.item-form dl.item-dl-price dt{ float:left; width:3rem; text-align:right;line-height:1.7rem; font-weight:500;}
.item-form dl.item-dl-price dd{ float:right; color:#FF6600; font-size:0.75rem; font-weight:600;}
.item-form dl.item-dl-price dd b{font-size:1.1rem;}

.item-form dl.item-input{ font-size:0.75rem; clear:both;}
.item-form dl.item-input dt{ float:left; width:3rem; text-align:right;line-height:1.7rem; font-weight:500;}
.item-form dl.item-input dd{ margin:0 0 0 3.5rem; border:1px solid #e8e8e8; border-radius:0.5rem; transition:all 0.3s ease;}
.item-form dl.item-input dd:focus-within{ border-color:#ff6a00; box-shadow:0 0 0 2px rgba(255,106,0,0.1);}
.item-form dl.item-input dd .van-field{border-radius:0.5rem; padding:0.5rem 0.6rem !important; font-size:0.75rem; line-height:normal;}
.item-form dl.item-input dd .van-field input{ font-size:0.75rem; }
.item-form dl.item-picker dd{ border:none !important;}
.item-form dl.item-picker select{ width:32%;border:1px solid #e8e8e8; border-radius:0.5rem; line-height:1.7rem; height:1.7rem; font-size:0.75rem; transition:all 0.3s ease;}
.item-form dl.item-picker select:focus{ border-color:#ff6a00; box-shadow:0 0 0 2px rgba(255,106,0,0.1);}
.item-form dl.item-picker select:nth-child(2){ margin:0 2%;}

.item-form dl.item-pay{ font-size:0.75rem;}
.item-form dl.item-pay dt{ float:left; width:3rem; text-align:right;line-height:1.7rem; font-weight:500;}
.item-form dl.item-pay dd{ margin:0 0 0 3.5rem;}
.item-form dl.item-pay dd li{ float:left; border:1px solid #e8e8e8; border-radius:0.5rem; padding:0.3rem 0.4rem; margin:0 0.3rem 0.4rem 0; line-height:1.5rem; font-size:0.75rem; background:#f9f9f9; transition:all 0.3s ease;}
.item-form dl.item-pay dd li:hover{ transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.item-form dl.item-pay dd li img{ width:1.5rem; height:1.5rem; float:left; margin:0 0.3rem 0 0; border-radius:0.3rem;}
.item-form dl.item-pay dd li.hover{ border:1px solid #FF6600; color:#FF6600; background:#fff9f4}
.item-form dl.item-pay dd li b{color:#FF6600;}
.item-form dl.item-pay p{ clear:both; font-size:0.75rem; border:1px solid #FF6600; color:#FF6600; border-radius:0.5rem; padding:0.4rem; background:#fff9f4;}

.item-form .item-count{ background:#f9f9f9; padding:0.6rem; border-radius:0.5rem; margin:0 0 0.7rem 0;}
.item-form .item-count dl{ clear:both;  font-size:0.75rem; line-height:1.8rem; margin:0; border-bottom:1px solid #e8e8e8; overflow:hidden;}
.item-form .item-count dl:last-child{ border-bottom:none;}
.item-form .item-count dl dt{ float:left; color:#666;}
.item-form .item-count dl dd{float:right; color:#333;}
.item-form .item-count dl dd.red{ color:#ff6a00; font-weight:600;}

.addBuy{ width:95%; margin:0 auto 0.7rem auto; line-height:1.8rem; height:1.8rem; font-size:0.8rem; background:#f9f9f9 !important; color:#666 !important; border:1px solid #e8e8e8 !important; border-radius:0.5rem !important; transition:all 0.3s ease;}
.addBuy:hover{ border-color:#ff6a00 !important; color:#ff6a00 !important;}
.item-form .item-submit{ background:linear-gradient(to right,#ff9500 0%,#ff6a00 100%); border:none; margin:0; width: 100%; font-size:0.85rem; height:2.3rem; border-radius:0.5rem; font-weight:600; transition:all 0.3s ease;}
.item-form .item-submit:hover{ transform:translateY(-2px); box-shadow:0 4px 12px rgba(255,106,0,0.3);}

.item-like{ box-shadow: 0 1px 2px 2px #E4E4E4; border-radius: 0.15rem; background: #fff; margin:0.7rem 0.5rem 0.5rem 0.5rem; overflow: hidden; }
.item-like .item-like-title{ font-size:0.8rem; font-weight:550; color:#333; border-left:0.25rem solid #FF6600; margin:0.5rem 0 0.2rem 0.5rem; overflow:hidden; text-indent: 0.2rem; }
.item-like .item-like-dl{ margin:0.5rem 3.3%; padding:0 0 1.2rem 0; overflow:hidden;}
.item-like .item-like-dl dl{ width:31%; float:left;}
.item-like .item-like-dl a{ color:#333;}
.item-like .item-like-dl dl:nth-child(2){ margin:0 3.3%;}
.item-like .item-like-dl dt{ width:100%; }
.item-like .item-like-dl dt img{ width:100%; border-radius:0.2rem; }
.item-like .item-like-dl dd{ font-size:0.72rem; line-height:1rem; height:1rem; overflow:hidden;}
.item-like .item-like-dl li{ line-height:1.5rem; font-size:0.65rem;}
.item-like .item-like-dl li span{ color: #999;text-decoration: line-through;float: left;}
.item-like .item-like-dl li b{ float:right; color:#FF6600; }
.item-like .van-swipe__indicators{ background:#ccc; padding:0.3rem 0.4rem; border-radius:0.5rem;}
.item-like .van-swipe__indicators i{ background:#fff !important; width:0.4rem; height:0.4rem; opacity:1; }
.item-like .van-swipe__indicators i.van-swipe__indicator--active{ background:#FF6600 !important; }

.item-send-out{ box-shadow: 0 1px 2px 2px #E4E4E4; border-radius: 0.15rem; background: #fff; margin:0.7rem 0.5rem 0.5rem 0.5rem; overflow: hidden; }
.item-send-out .item-send-out-title{ font-size:0.8rem; font-weight:550; color:#333; border-left:0.25rem solid #FF6600; margin:0.5rem 0 0.2rem 0.5rem; overflow:hidden; text-indent: 0.2rem; }
.item-send-out .item-send-out-ul{ overflow:hidden; margin:0.5rem; border-radius:0.2rem; background:#f1f1f1; overflow:hidden;}
.item-send-out .item-send-out-ul ul{ height:14rem;overflow:hidden; color:#444;} 
.item-send-out .item-send-out-ul li{ font-size:0.72rem; line-height:1.8rem; padding:0 0.5rem;height:1.7rem; overflow: hidden;width: 96%;text-overflow: ellipsis;white-space: nowrap;}
.item-send-out .item-send-out-ul li:nth-child(2n){ background:#f9f9f9;}

/*liMarquee CSS*/
.str_wrap {	overflow:hidden; width:100%;  position:relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; white-space:nowrap;}
.str_move { white-space:nowrap;	position:absolute; 	top:0; 	left:0;	cursor:move;}
.str_move_clone { display:inline-block;	vertical-align:top;	position:absolute; 	left:100%;	top:0;}
.str_vertical .str_move_clone {	left:0;	top:100%;}
.str_down .str_move_clone {	left:0;	bottom:100%;}
.str_vertical .str_move,.str_down .str_move { white-space:normal; width:100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move{	cursor:inherit;}
/*liMarquee CSS*/

.item-window{ font-size:0.72rem; height:1.4rem; overflow:hidden; position:fixed; top:2.5rem; left:0.5rem; }
.item-window div{height:1.4rem; line-height:1.4rem;  overflow:hidden; text-overflow: ellipsis;white-space: nowrap; width:50vw;border-radius:0.3rem; }
.item-window li{ color:#fff; background-color: rgba(0, 0, 0, 0.5); }
.item-window li img{ width:1rem; height:1rem; float:left; margin:0.2rem 0.3rem; border-radius:50%;}

.nav{ position:fixed; bottom:0px; background:#fff;left:0px; right:0px; box-sizing: border-box; }
.nav a{ float:left; background:#FF6600; color:#fff; font-size:0.75rem; line-height:2.2rem; text-align:center; border-right:1px dashed #fff; box-sizing: border-box;}
.nav a:last-child{border:none;}
.nav a i{ font-size:1.1rem;}

.bottom-nav{ position:fixed; bottom:0px; background:#fff;left:0px; right:0px; box-sizing: border-box; width:100%; font-size:0.75rem; line-height:1rem; box-shadow:0 -2px 8px rgba(0,0,0,0.08); z-index:999999;}
.bottom-nav dl{ display:flex; align-items:center; justify-content:space-between; padding:0.5rem;}
.bottom-nav dl li{width:20%; float:left; text-align:center; margin: 0.2rem 0 0 0;}
.bottom-nav dl dt{ width:45%; float:left; background:#fff; color:#333; text-align:center; padding:0.6rem 0; border:1px solid #e8e8e8; border-radius:0.5rem; transition:all 0.3s ease;}
.bottom-nav dl dt:hover{ border-color:#ff6a00; color:#ff6a00;}
.bottom-nav dl dd{ width:45%; background:linear-gradient(to right,#ff9500 0%,#ff6a00 100%); color:#fff; float:right; text-align:center; padding:0.6rem 0; border-radius:0.5rem; transition:all 0.3s ease;}
.bottom-nav dl dd:hover{ transform:translateY(-2px); box-shadow:0 4px 12px rgba(255,106,0,0.3);}
.bottom-nav dl li a{ color:#ff6a00; font-weight:500;}
.bottom-nav dl dt a{ color:#333; font-weight:500; display:block;}
.bottom-nav dl dd a{ color:#fff; font-weight:600; display:block;}

.wx-html{ margin:0; padding:1rem;}
.wx-html b{ text-align:center; font-size:0.9rem; display: block; line-height:2.2rem;}
.wx-html p{ width:90%; margin:0px auto;}
.wx-html p img{ width:100%;}
.wx-html li{ font-size:0.75rem;}
.wx-html li span{ color:#FF6600; font-weight:bold;font-size:1rem;}
.wx-html a{ background:#2e8dec; color:#fff; width:6rem; height:2rem; line-height:2rem; text-align:center;margin: 1rem auto 0.3rem auto;display: block;border-radius: 0.2rem; }

.fw-html{padding:0 0 1rem 0;}
.fw-html h3{ background-color: #FF6600; font-weight: 500; font-size:0.9rem; width:100%; color:#fff; height:2.3rem; line-height:2.3rem; text-align:center; }
.fw-html dl{ padding:1rem; font-size:0.75rem; line-height:1.2rem;}
.fw-html dl span{ color:red;font-size:1rem;}
.fw-html a{background-color:#FF6600;width:60%;display: block; color:#fff; line-height:2rem; border-radius: 0.2rem;margin: 0.2rem auto; text-align:center;}

.smsVerify{ padding:0.7rem 2.2rem; font-size:0.75rem; overflow:hidden; }
.smsVerify-div{ padding:0.7rem 0;}
.smsVerify .smsVerify-title{ text-align:center; font-weight: 550;}
.smsVerify dl{ margin:0.2rem 0;}
.smsVerify dl dd{ margin:0 6.5rem 0 0;}
.smsVerify dl dd .sms-field{ padding: 0; line-height: 2rem; height: 2rem; border:1px solid #ccc; padding:0 0.3rem; font-size:0.75rem;}
.smsVerify dl li{ float:right; width:6rem;}
.smsVerify dl li img{ width:100%; height: 2rem;}
.smsVerify dl li .sms-button{ line-height: 2rem; height: 2rem; font-size:0.75rem; width:100%;}
.smsVerify .sms-submit{ width:100%; margin: 0 0 1rem 0; font-size:0.75rem; line-height: 2rem; height: 2rem;}

.item-postage{ font-size:0.75rem;}
.item-postage dt{ font-weight: 550;}
.item-postage dd{ color:#999; }
.item-postage .item-postage-icon{ color:#FF6600; font-weight: 600; }

.postage-province{ font-size:0.75rem; }
.postage-province dt{ text-align:center; line-height:1.5rem; font-weight: 550; }
.postage-province dd{ margin:0.6rem 0.3rem 1.5rem 0.3rem; color:#333;}

.item-order-query{ box-shadow: 0 1px 2px 2px #E4E4E4; border-radius: 0.15rem; background: #fff; margin:0.7rem 0.5rem 0.5rem 0.5rem; overflow: hidden; font-size:0.75rem; padding:0.3rem; }
.item-order-query dt{ float:right; width:3rem; text-align:center; background:#FF6600; color:#fff; line-height:1.8rem; height:1.8rem; border-radius:0.2rem;}
.item-order-query dd{ margin:0 3.3rem 0 0;}
.item-order-query dd .order-query-field{ border:1px solid #ccc; line-height:1.8rem; height:1.8rem; padding:0 0.5rem; font-size:0.75rem; border-radius:0.2rem;} 

.item-comment dl{ font-size:0.75rem; overflow:hidden; margin:0.5rem; background:#fff;border-radius:0.2rem; padding:0.5rem;}
.item-comment dl dt{clear: both; overflow:hidden;line-height:2rem; }
.item-comment dl dt .comment-image{ float:left; width:2rem;}
.item-comment dl dt b{ float:left; margin:0 0 0 0.5rem; font-weight: 550;font-size:0.8rem }
.item-comment dl dt b i{ color:#999; font-size:0.6rem; font-weight: 500; margin:0 0 0 0.3rem;}
.item-comment dl dt span{ float:right;color:#999; font-size:0.65rem;}
.item-comment dl dd{ line-height:1rem; height:1rem; overflow:hidden; margin:0.3rem 0;}
.item-comment dl dd i{ font-size:0.8rem;}
.item-comment dl dd .comment-rate{ float:left; margin: 0.1rem 0 0 0;}
.item-comment dl dd span{ color:#999; font-size:0.65rem; margin:0 0 0 0.3rem; border-left:1px solid #ccc; padding:0 0 0 0.3rem; }
.item-comment dl p{ margin:0.5rem 0 0 0; width:60%; }

.item-comment-page{ width:8rem; margin:0px auto 0.5rem auto;}
.item-comment-page .item-comment-page-button{ width:2rem; height:2rem; background: #FFB800; color:#fff; border: #FFB800; text-align:center; margin:0 1rem;}
.item-comment-page i{ font-size:1rem;}

.column{ clear:both; text-align: center;}
.column ul{  display:inline-table;}
.column ul li{ float:left;  font-size:0.7rem; padding:0 0.5rem;}
.column ul li a{ color:#666; text-decoration: underline;}

.copyright{ text-align:center; font-size:0.65rem; margin:1rem 2rem;}
.jubao{ float:right; font-size:0.7rem; margin:1rem;}
.tousu{position: absolute;float: right;margin-top: 2.3rem; top: 0px;padding: 0.3rem 0.4rem;background-color: rgba(0, 0, 0, 0.7);right: 0.7rem; font-size:0.65rem; border-radius: 0.2rem;}
.tousu a{ color:#fff;}