@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{margin:0;padding:0;}
html{ background:#f5f5f5; max-width:800px !important; margin:0 auto !important; font-size:12px; }
body{ font-family:"微软雅黑",Arial;background:#f5f5f5;-webkit-text-size-adjust:100%;overflow-x:hidden; margin:0 auto;  }
a{text-decoration:none; font-family:"微软雅黑";}
a:hover{text-decoration:none;}
i{font-style:normal}
em{font-style:normal;font-family:"微软雅黑",Arial !important;}
li{list-style:none;}
input{font-family:"微软雅黑"; }
select{font-family:"微软雅黑";}
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;}


.van-empty .van-empty__description{ font-size:0.8rem !important;}

/* 首页开始 */
.index-title{ font-size:0.8rem; height:2rem; line-height:2rem; text-align: center;background: #f22127 !important;color: #fff !important;}
.index-class{ background:#fff; overflow:hidden;}
.index-class a{ color:#333; display: block;}
.index-class dl{ float:left; width:21%; margin:2%; text-align:center;}
.index-class dl dt{ width:60%; margin:0 auto; }
.index-class dl dt img{ width:100%;}
.index-class dl dd{ font-size:0.7rem;}
.index-swipe{ overflow:hidden; height:auto; font-size:x-small; position:relative;}
.index-swipe .van-swipe-item {background-color:#fff;}
.index-swipe .van-swipe-item img{ width:100%; height:auto;}
.index-search{ position:absolute; top:0.5rem; right:0.5rem; z-index:999; padding:0.25rem 0.55rem; text-align:center;  background-color: rgba(0,0,0,0.5); border-radius: 0.7rem 0.3rem 0.7rem 0.3rem; color:#fff; font-size:0.9rem; font-weight:bold;}
.index-search i{ float:left; top: 0.09rem; }
.index-search a{color:#fff;}
.index-search span{ font-size:0.7rem; float:right; line-height:1rem; padding:0 0 0 0.2rem;}

.index-recommend-title{ background:#fff; overflow:hidden; margin:0.5rem 0; font-size:0.85rem; padding:0.5rem;}
.index-recommend-title dt{ float:left; border-bottom:0.3rem solid #f5f5f5;}
.index-recommend-title dd{ float:right;}
.index-recommend-title dd a{ color:#888; font-size:0.7rem;}

.index-list{ margin:0 0.5rem;}
.index-list .index-list-left{ float:left; width:48.5%;}
.index-list .index-list-right{ float:right; width:48.5%;}
.index-list a{ color:#333;}
.index-list dl{ border-radius:0.3rem; overflow:hidden; background:#fff; margin:0 0 0.5rem 0;}
.index-list dl dt{ text-align:center;}
.index-list dl dt img{ width:100%; text-align:center;}
.index-list dl dd{ font-weight:550; font-size:0.75rem; padding:0.1rem 0.5rem;}
.index-list dl li{ line-height:1.5rem; padding:0 0.5rem; overflow: hidden;}
.index-list dl li span{ color:#999; text-decoration: line-through; font-size:0.7rem; float:left;}
.index-list dl li b{ color:#218ffd; font-size:0.9rem; float:right;}
.index-list dl ol{ background:#f22127; color:#fff; border-radius:1rem; width:auto; clear:both; text-align:center; font-size:0.8rem; padding:0.3rem 0; margin:0.2rem 0.5rem 0.5rem 0.5rem;}

.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;}
.copy{ clear:both; text-align:center; padding:0 0.5rem; line-height:0.8rem;}
.copy a{ color:#888; font-size:0.7rem; }

.index-bottom{ position:fixed; bottom:0; left:0; width:100%; background:#fff;}
.index-bottom dl{ float:left; width:33.3%; text-align:center; padding:0.2rem 0;}
.index-bottom a{ color:#666}
.index-bottom a:nth-child(2) dl{ background:#f22127; color:#fff;}
.index-bottom a:nth-child(2) dl dd{ color:#fff;}
.index-bottom dl dd{ font-size:0.7rem; color:#666;}

.column-content{ font-size:0.7rem; padding:0.5rem; background:#fff;} 

/* 首页结束 */


/* 分类开始 */
.list-search-bg{ background:#f22127; overflow:hidden; position: fixed; width: 100%; left:0px; z-index:1;}
.list-search-dl{ margin:0.5rem 0.5rem 0.2rem 0.5rem; background:#fff; padding:0 0 0 2%; overflow:hidden; height:1.8rem; line-height:1.8rem; border-radius:1rem; }  
.list-search-dl dt{ float:left; width:70%; background:#fff;}
.list-search-dl dt i{ font-size:1.2rem !important; color:#999 !important;}
.list-search-dl dt input{ line-height:1.8rem !important; font-size:0.8rem !important; }
.list-search-dl dt input::placeholder{ font-size:0.8rem !important; }
.list-search-dl dt .search-field{ width:100%;padding: 0; line-height: 1.8rem; height: 1.8rem}
.list-search-dl dd{ float:right; background:#f22127; color:#fff; border-radius:1rem; font-size:0.7rem; line-height: 1.4rem; width: 3rem;  margin: 0.19rem;  text-align: center;}

.list-search-class{ padding:0 0 0.3rem 0;}
.list-search-class span{ font-size:0.7rem !important;}
.list-search-class .van-tabs__wrap{ height:1.7rem !important;}
.list-search-class .van-tabs__line{ width: 2rem;height:0.2rem;border-radius: 0.2rem !important;}

/* 分类结束 */


/* 查询开始 */

.query-illustrate{ margin:0.5rem 0.5rem; background:#fff; border-radius:0.3rem; padding:0.2rem 0.5rem;}
.query-illustrate dl dt{ font-size:0.83rem; font-weight:bold; line-height:2rem;}
.query-illustrate dl dd{ font-size:0.7rem; color:#666; line-height:1rem; padding:0 0 0.5rem 0}

.query-input{ margin:0 0.5rem; }
.query-input dd{ border:1px solid #ccc; margin:0 0 0.5rem; border-radius:0.3rem;}
.query-input dd .van-field{ border-radius:0.3rem; line-height:1rem !important;}
.query-input dd .van-field input{line-height:1rem !important; font-size:0.7rem !important;}
.query-input dd .van-field input::placeholder{ font-size:0.7rem !important; }

.query-button{ background:#f22127 !important; font-size:0.85rem !important; margin:0.5rem; width: -moz-available; width: -webkit-fill-available; width: fill-available; padding:0.8rem 0 !important; }
.query-button span.van-loading__spinner{ width:1.1rem !important; height:1.1rem !important;}

/* 查询结束 */

/* 订单列表开始 */
.order-search{ margin:0.5rem 0.5rem 0.2rem 0.5rem; background:#fff; padding:0 0 0 2%; overflow:hidden; height:1.8rem; line-height:1.8rem; border-radius:1rem; }  
.order-search dt{ float:left; width:70%; background:#fff;}
.order-search dt i{ font-size:1.2rem !important; color:#999 !important;}
.order-search dt input{ line-height:1.8rem !important; font-size:0.8rem !important; }
.order-search dt input::placeholder{ font-size:0.8rem !important; }
.order-search dt .search-field{ width:100%;padding: 0; line-height: 1.8rem; height: 1.8rem}
.order-search dd{ float:right; background:#f22127; color:#fff; border-radius:1rem; font-size:0.7rem; line-height: 1.4rem; width: 3rem;  margin: 0.19rem;  text-align: center;}


.order-list{padding:0.1rem 0.5rem 0.3rem 0.5rem; margin:0.5rem; border-radius:0.3rem; overflow:hidden; background:#fff;  font-size:0.7rem;}
.order-list .order-list-number{ line-height:1.5rem;}
.order-list .order-list-number dt{ float:left;}
.order-list .order-list-number dd{ float:right; color:#1e9fff;}
.order-list .order-list-number dd.red{color:#f22127;}
.order-list .order-list-info{ line-height:1.3rem; padding:0.3rem 0; border-top:0.1rem solid #f5f5f5;}
.order-list .order-list-info dt{ float:left;}
.order-list .order-list-info dd{ float:right;}
.order-list .order-list-info dd:nth-child(2){ margin:0 0.3rem 0 0;}
.order-list .order-list-info dt{  color:#666; padding:0.1rem 0; margin:0 0.5rem  0 0;}
.order-list .order-list-info dt img{ width:1rem; float:left; margin:0.14rem 0.3rem 0 0;}
.order-list .order-list-info dd a{ color:#666; border-radius:0.2rem; border:1px solid #999; padding:0.1rem 0.4rem; display:block;}
.order-list .order-amount{font-size:0.8rem; line-height:1.3rem; }
.order-list .order-amount span:nth-child(1){ font-size:0.65rem; float:left; color:#777; }
.order-list .order-amount span:nth-child(2){ float:right;}
.order-list .order-amount i{font-size:0.5rem;}
.order-list dl{ border-top:0.1rem solid #f5f5f5;  padding:0.5rem 0; overflow:hidden;}
.order-list dl dt{ float:left; width:5rem; height:5rem; }
.order-list dl dt img{width:5rem; height:5rem; border-radius:0.2rem; overflow:hidden;}
.order-list dl dd{ margin:0 0 0 5.5rem; font-size:0.7rem;}
.order-list dl dd b{ color:#333; line-height: 0.8rem !important; display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.order-list dl dd p{ color:#999; line-height: 0.8rem !important; display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2; padding:0.3rem 0;}
.order-list dl dd li{ color:#f22127; font-size:0.8rem;}
.order-list dl dd li span{ float:right;}


/* 订单列表结束 */


/* 订单详情开始 */

.order-info-title{ font-size:0.8rem; height:2rem; line-height:2rem; background: #f22127 !important;color: #fff !important;}
.order-info-title a{ color:#fff;}
.order-info-title i{ float:left; font-size:1rem !important; position:absolute; z-index:1; height:2rem; line-height:2rem; width:1.5rem; text-align:center;}
.order-info-title span{ position:absolute; left:0; text-align:center; width:100%;}

.order-info-img img{ width:100% !important;}
.order-info-img .van-image{ display: block !important; }

.order-info-address{ padding:0.7rem 0.5rem; border-bottom:0.5rem solid #f5f5f5; background:#fff; overflow: hidden;}
.order-info-address dl dt{ float:left; width:3rem; height:3rem; line-height:3rem; text-align:center; background:#ffb800; border-radius:0.3rem;}
.order-info-address dl dt i{ color:#fff; font-size:1.8rem; line-height:3rem;}
.order-info-address dl dd{ margin:0 0 0 3.5rem; font-size:0.8rem; color:#444;}
.order-info-address dl dd p{ font-size:0.7rem; color:#888;}


.order-info-product{border-bottom:0.5rem solid #f5f5f5;padding:0.3rem 0.5rem; overflow:hidden;  background:#fff;}
.order-info-product dl{ border-bottom:0.1rem solid #f5f5f5; padding:0.5rem 0; overflow:hidden;}
.order-info-product dl dt{ float:left; width:5rem; height:5rem; }
.order-info-product dl dt img{width:5rem; height:5rem; border-radius:0.2rem; overflow:hidden;}
.order-info-product dl dd{ margin:0 0 0 5.5rem; font-size:0.7rem;}
.order-info-product dl dd b{ color:#333; line-height: 0.8rem !important; display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.order-info-product dl dd p{ color:#999; line-height: 0.8rem !important; display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2; padding:0.3rem 0;}
.order-info-product dl dd li{ color:#f22127; font-size:0.8rem;}
.order-info-product dl dd li span{ float:right;}
.order-info-product .order-info-amount{ text-align:right; font-size:0.7rem; line-height:1.8rem;}
.order-info-product .order-info-amount dd{ float:right; padding:0 0.3rem;}
.order-info-product .order-info-amount dt{ float:left; }
.order-info-product .order-info-amount dt img{ width:1.2rem; float:left; margin:0.3rem 0.2rem 0 0; }
.order-info-product .order-info-amount b{  color:#f22127;}
.order-info-product .order-info-amount span{ background:#ffb800; color:#fff; padding:0.1rem 0.2rem; border-radius:0.15rem;}


.order-info-info{ overflow:hidden;  background:#fff; padding:0 0 0.6rem 0;}
.order-info-info p{ font-size:0.8rem; margin:0 0 0.5rem 0; border-bottom:0.1rem solid #f5f5f5; color:#333; line-height:2rem;}
.order-info-info p b{ border-left:0.3rem solid #f22127; padding:0 0 0 0.5rem; margin:0 0 0 0.5rem;}
.order-info-info dl{ font-size:0.7rem; padding:0.2rem 0.5rem;}
.order-info-info dl dt{ float:left; width:3.6rem; text-align:right; color:#999;}
.order-info-info dl dd{ margin:0 0 0 4rem;}
.order-info-info dl dd span{ color:#f22127; font-weight:550;}
.order-info-info dl dd em{color:#1e9fff; float:right;}

.order-info-bottom{ position:fixed; left:0; bottom:0; width:100%; background:#fff; border-top:0.1rem solid #c1c1c1;}
.order-info-bottom a{ color:#fff; font-size:0.8rem; display: block;}
.order-info-bottom dl{ padding:0.5rem 0; overflow:hidden;} 
.order-info-bottom dl dt,.order-info-bottom dl dd,.order-info-bottom dl li,.order-info-bottom dl span{ float:right; border-radius:0.9rem; line-height:1.5rem; padding:0 0.8rem; margin:0 0.5rem 0 0;}
.order-info-bottom dl dt{ background:#1e9fff}
.order-info-bottom dl dd{ background:#ffb800}
.order-info-bottom dl li{ background:#16baaa}
.order-info-bottom dl span{ background:#f22127}

/* 订单详情结束 */


/* 物流信息开始 */

.express-info-status{ background:#f22127; padding:0 0 2rem 0; position:relative;border-radius: 0 0 1rem 1rem; font-size:0.9rem;}
.express-info-status p{ text-align:center; color:#fff; font-size:0.9rem; padding:1rem 0;}
.express-info-status p i{ width:1.6rem; font-size:1.6rem;}
.express-info-status p em{ position: relative; top: -0.18rem;}

.express-info-express{ background:#fff; border-radius:0.3rem; left:0.5rem; right:0.5rem; position:absolute; top:3.8rem;}
.express-info-express dl{ padding:0.7rem;}
.express-info-express dl dt{ float:left;}
.express-info-express dl dt img{width:2rem; height:2rem;}
.express-info-express dl dd{ margin-left:2.5rem;}
.express-info-express dl dd b{ font-weight:550; font-size:0.76rem;}
.express-info-express dl dd span{ font-size:0.65rem; display: block;}

.express-info-product{ margin:0 0.5rem 0.5rem 0.5rem; background:#fff; border-radius:0.3rem; overflow:hidden;}
.express-info-product dl{ padding:0.5rem; overflow:hidden;}
.express-info-product dl dt img{ width:3.3rem; height:3.3rem;}
.express-info-product dl dt{ float:left; width:3.3rem; height:3.3rem; border-radius:0.3rem; overflow:hidden;}
.express-info-product dl dd{ margin-left:3.8rem;}
.express-info-product dl dd p{ font-size:0.65rem; line-height:1.2rem; height:1.2rem; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.express-info-product dl dd ol{ color:#999; line-height:1rem; font-size:0.6rem; height:1rem; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.express-info-product dl dd li{ color:#f22127; font-size:0.7rem; line-height:0.9rem;}
.express-info-product dl dd li b{ font-size:0.7rem; font-weight:550;}
.express-info-product dl dd li span{ float:right; font-size:0.8rem; font-weight:550;}

.express-list-title{ font-size:0.76rem;padding:0.3rem 0.9rem; margin: 0 0 0.5rem 0;}
.express-list{ margin:0.2rem 0.5rem 1rem 0.5rem; padding:0.5rem 0 1rem 0; background:#fff; border-radius:0.3rem; overflow:hidden;}
.express-list dl{  margin:0 0.8rem; padding:0 0 0.8rem 0; line-height:0.6rem; position:relative}
.express-list dl:nth-child(2) dt{ background:#f22127;}
.express-list dl:nth-child(2) dd{ color:#f54d31;}
.express-list dl:nth-child(2) dd p{ font-weight:550;}
.express-list dl:nth-child(2) dd span{ color:#f22127;}
.express-list dl:last-child li{ display:none;}
.express-list dl dt{ width:0.6rem; height:0.6rem; background:#e1e1e1;  border-radius:50%; float:left; position:absolute; z-index:2;}
.express-list dl dd{ margin-left:1rem; font-size:0.76rem;}
.express-list dl dd p{ line-height:1.2rem; position: relative; top: -0.24rem;}
.express-list dl dd span{ line-height:1.3rem; font-size:0.65rem; color:#999;}
.express-list dl li{ position:absolute; height:100%; width:0.1rem; background:#e1e1e1; top:0px; left:0.26rem; z-index:1;}

.express-info-return{ position:fixed; bottom:0.5rem; left:0.5rem; right:0.5rem; background:#f22127; font-size:0.8rem; color:#fff; text-align:center; border-radius:1.5rem; padding:0.5rem 0; z-index:99;}
/* 物流信息结束 */


/* 订单售后开始 */
.service-dl{ font-size:0.75rem; background:#fff; padding:0.2rem 0.5rem;}
.service-dl dl{ margin:0.3rem 0;}
.service-dl dl dt{ font-weight:550; line-height: 1.8rem;}
.service-dl dl dd span{ font-size:0.7rem; border-radius:2rem; color:#333; border:1px solid #ccc; padding:0.3rem 0.6rem; display: inline-block; margin:0.3rem 0.2rem; }
.service-dl dl dd span.hover{ border:1px solid #f22127; color:#f22127; } 
.service-dl dl dd.textarea{ background:#f5f5f5; border-radius:0.2rem; overflow: hidden;}
.service-dl dl dd.textarea .van-cell{background:#f5f5f5;}
.service-dl dl dd.textarea .van-uploader{ margin:0.5rem; }
.service-dl dl dd.textarea .van-uploader__preview{ margin:0 0.25rem 0.3rem 0;}
.service-dl dl dd.textarea .van-uploader__preview-image{ width:4rem; height:4rem; }
.service-dl dl dd.textarea .van-uploader__upload{ background:#c1c1c1;  border-radius:0.2rem; width:4rem;  height:4rem;}
.service-dl dl dd.textarea .van-uploader__upload i{ font-size:2rem; color:#fff;}
.service-dl dl dd.textarea .van-cell,.service-dl dl dd.input .van-cell{ padding:0;}
.service-dl dl dd.textarea textarea{ font-size:0.75rem; line-height:1rem; background:none; padding:0.3rem; overflow: hidden;}
.service-dl dl dd.input input{ font-size:0.75rem; line-height:1rem; background:#f5f5f5; padding:0.5rem 0.3rem; border-radius:0.2rem;}
.service-button{ margin:1rem; } 
.service-button button{ font-size:0.8rem; line-height:2rem; height:2rem; }


/* 订单售后结束 */