@charset "utf-8";
/*
*   本样式表为手机端页面公用样式表， 手机端页面均加载此表
*/
*{margin:0; padding:0;}
html{outline:none;height: 100%;}
body{ font-family:"微软雅黑",Arial, Helvetica, sans-serif;font-size:14px; color:#333;}
ul,li,dl,dt,dd{list-style:none;}
img{border:none; display:block; width:auto;}
div,p,span,dl,dt,dd,ul,li,input,select,textarea,table,th,td,a{box-sizing:border-box;}
input,select,textarea{border:1px solid #ccc;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
a{color:#333; text-decoration:none;}
a:hover{text-decoration:none;}
/*全局*/
.fl{float: left;}
.fr{float: right;}
.pd5{padding: 5px;}
.pd10{padding: 10px;}
.pb20 {padding-bottom: 20px;}
.inline-block {display:inline-block;}
/* 清理浮动 */
.clearfix:after,.main:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

/*字体*/

.font-x1, .font-x1.black-title {font-size:1.14em;} /*16px/14*/
.font-x2, .font-x2.black-title {font-size:1.29em;} /*18px/14*/
.font-x3, .font-x3.black-title {font-size:1.43em;} /*20px/14*/
.font-small, .font-small.black-title {font-size: 0.86em;} /*12px/14*/
.font-large, .font-large.black-title {font-size: 1.57em;} /*22px/14*/
.font-normal, .font-normal.black-title {font-size: 1em;}

/*布局*/
.cont{padding:5px;}
.cont2 {padding:10px;}
.cont3 {padding: 10px 0;}
.cont4 {padding: 20px 10px;}
.content{padding:10px 20px;}
.cont:after,.content:after{content:""; height:0; overflow:hidden; display:block; width:100%; clear:both;} 
.main{padding-bottom: 44px;padding-top: 44px;}
.btn.ablock{display:block;}
.ablock:hover{text-decoration:none;}

.col-2 li,.col-3 li,.col-4 li{padding: 2.5px;float: left;}
.col-2 li{width: 50%;}
.col-3 li{width: 33.3%;}
.col-4 li{width: 25%;}

.brd-box {box-sizing: border-box;}
.hide { display: none;}
.block,.show1 {display: block;}
.hand {cursor: pointer;}
.mt10 {margin-top:10px;}
.mt40 {margin-top:40px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mr20{margin-right: 20px;}
.mr10 {margin-right: 10px;}
.notice {padding: 20px 30px;color: #a0a0a0;background: #eee;font-size: 18px;}

.border-top{border-top:1px solid #ccc;}

.black-title {font-size: 14px;margin-bottom: 10px;font-weight: normal;}
.black-title em, .black-title i {font-style: normal;}
.black-title i {font-size: 16px;color:#a0a0a0;}

.relative{position: relative;}

.show-price0,.show-price00 {display: none;} 

/*按钮*/
.btn{display:inline-block;color:#fff;border:none;line-height: 100%;padding: 10px 15px; text-align:center; font-size:14px; border-radius:2px; margin-bottom:10px;cursor: pointer;}
.btn-yellow{background:#fbab4a;}
.btn-blue{background:#004e98;}
.btn-orange{background:#FF6D0A}
.btn-gray{background-color: #eee;color: #a9a9a9;}
.btn-block{ display:block; width:100%;}
.btn-large{padding: 10px 30px;}
.line {height: 0;width: 100%;border-bottom: 1px solid #ccc;font-size: 0;line-height: 0;margin-bottom: 20px;}
textarea {width: 100%;min-height: 100px;padding: 10px 12px;resize: none;font-family: "microsoft yahei",Arial, Helvetica, sans-serif;font-size: 14px;}
.sub-btn-con {text-align: center;width: 100%;margin-top: 40px;}
.sub-btn-con .btn {width: 45%;padding: 0;margin: 0;box-sizing: border-box;height: 38px;line-height: 38px;}
.btn2 {width: 45%;padding: 0;margin: 0;text-align:center;box-sizing: border-box;height: 38px;line-height: 38px;cursor: pointer;display: inline-block;color:#fff;font-size:1em; border-radius:2px;}

/*控制部分颜色*/
.price{color:#c00;} 
.imprt{color:#c40000;}
.status-on {color:#fbab4a !important;}
.status-fail {color:#c40000;}
.status-done, .status-done.black-title {color: #a0a0a0;}
.bkg-e {background: #eee;}
.bkg-f {background: #fff;}
/*文本*/
.center,.text-center {text-align: center;}
/*文本颜色*/
.txt-red,.text-red{color: #c30000;}
.text-link{color: #4abef9;}
.text-gray{color: #a0a0a0;}
/*文本超出隐藏*/
.txt-over{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/*头部*/
.main-header{z-index: 3;height: 44px;}
.header{position:fixed; z-index:999; left:0; top:0; width:100%; background:#004e98; color:#fff; line-height:60px;}
.header h1{text-align:center; font-size:18px; font-weight:normal; line-height:44px;height:44px;padding: 0 60px 0 45px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.hd-l,.hd-r{position:absolute; z-index:1;top:0;overflow:hidden; height:44px;}
.hd-l{left:10px;}
.hd-r{right:10px;}
.hd-l a,.hd-r a{color:#fff;font-size: 18px; line-height:44px;display:block;}
.hd-r a{margin-left: 10px;float:left;}
/*搜索*/
.search{padding:7px 10px;background-color: #eee;}
.search:after{content:""; height:0; overflow:hidden; width:100%; display:block; clear:both;}
.search .iconf-search{float:right; display:inline; margin-left:5px; height:46px;}
.search .searbox{overflow:hidden;}
.search .searbox input{height:38px; font-size:14px; width:100%; padding:0 5px;}
.search .btn{float:right; margin-left:5px;margin-bottom:0; height:38px;}
.search .btn i{font-size: 20px;}

/*分类*/
.list-block li{border-bottom:1px solid #ccc; position:relative;}
.list-block li > a{display:block;color:#333;overflow: hidden;font-size: 14px;padding: 7px 10px;position: relative;}
.list-block li a:hover{text-decoration:none;}
.list-block li a span{display: block;float: left;height:100%;/*width: 60px;*/text-align: center;margin-right: 20px;}
.list-block li img{max-width: 100%;max-height: 60px;text-align: center;}
.list-block li h3{line-height: 24px;font-weight: normal;padding-right:5px;font-size:14px; }
/**/
.list-block li h3.pr20 { padding-right:20px;}
.list-block li i{line-height: 34px;font-size: 18px;color: #cfcfcf;position: absolute;right: 5px;top: 0;}
.list-block li dl{display: none;background-color:#eee;border-top:1px solid #ccc;}
.list-block li dl dd{}
.list-block li dl dd a{width: 33%;text-align: center;height: 30px;line-height: 30px;border-right:1px solid #ccc;display:block;float: left;margin: 5px 0;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list-block li dl dd a:nth-child(3n) {border:none;}
/*列表*/
.gods-lim{padding:5px;}
.gods-lim li{ font-size:14px;padding: 10px 0;border-bottom:1px solid #dcdcdc;overflow: hidden;}
.gods-lim li.commodity{height:120px;}
.gods-lim li a{display:block; font-size:14px;}
.gods-lim li a:hover{text-decoration:none;}
.gods-lim li .ig{border-radius: 5px;width: 30%;overflow: hidden;}
.gods-lim li .ig img{width: 100%;}
.gods-lim li p,.gods-lim li h3,.gods-lim li h4{padding: 0 5px;line-height:25px;}
.gods-lim-title{/*width: 100%;margin-right: -130px;padding-right: 130px;height: 100px;*/width: 55%;padding-left: 10px;height: 100%;}
.gods-lim li .datxt{line-height: 20px;width: 100%;max-height: 40px;font-size: 14px;overflow: hidden;font-weight: normal;word-break:break-all;word-wrap : break-word ;}
.gods-lim li .save-price{color:#c00;line-height: 50px;font-size: 14px;}
.gods-lim li .specifications{font-size: 16px;}
.gods-lim li.relative .icon-trash{position: absolute;right: 5px;top: 15px;cursor: pointer;font-size: 25px;color: #ccc;}
.gods-lim li.relative .icon-trash:hover{color: #333;}

.remveList:nth-child(n+1) .ig>a:first-child {
    position:relative;
}

.gods-lim li .remveList:first-of-type .ig a:first-of-type::after {
    display:none;
}

.remveList:nth-child(n+1) .ig>a:first-child:after {
    position:absolute;
    background: #A90000;
    display:block;
    color:#fff;
    content: "赠";
    left: 3px;
    top: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    padding-left: 5px;
}

/*列表2*/

.list-items li {padding: 10px 0;border-bottom: 1px solid #ccc;}
.list-items li:last-child {border-bottom: none;}
.list-items li a {display: block;width: 100%;}
.list-items li i, .list-items li em {font-style: normal;}
.list-items li a:after {display: block;content: '';clear: both;}
.list-items li a img, .list-items li a span, .list-items li a span em {display: block;}
.list-items li a img {width: 29%;float: left;}
.list-items li a span {position: relative;width: 71%;padding: 0 10px;float: left;}
.list-items li a span em {position: absolute;font-size:16px;}
.list-items .item-title {max-height: 40px;line-height: 20px;overflow: hidden;width: 75%;left: 10px;top:0;}
.list-items .item-price {line-height: 30px;height: 30px;margin-top: -15px;top:50%;right: 10px;}
.list-items .item-intro {width: 75%;left: 10px;bottom: 0;}
.list-items .item-count {right: 10px;bottom: 0;}

/*遮罩层*/
.shadow{position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4);}
#diabox{position:fixed; z-index:20; left:0; top:0; width:100%; height:100%; display:table;}
.diacell{display:table-cell; vertical-align:middle; text-align:center;}
/*无数据*/
.no-data{padding-top: 50px;}
.no-data .icon-ok-circle,.no-data .icon-exclamation-sign{font-size: 45px;line-height: 50px;color: #079948;}
.no-data .icon-exclamation-sign{color: #fbab4a;}
.no-data p{font-size: 20px;line-height: 50px;margin-bottom: 50px;}
.no-data .btn{margin: 0 10px;}

/*回到顶部*/

.go-top-btn {width: 45px;height: 52.5px;position: fixed;right: 10px;bottom: 80px;background: url(/img/top.png) no-repeat center;display: none;background-size: 100%;}

/*点赞状态颜色*/
.praise{margin-right: 20px;display: block;}
.praised{color: #50B8E6;}

/*anm-element*/

.pos-a {
    position: absolute;
}

.pos-r {
    position: relative;
}

.pos-f {
    position: fixed;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}

.anm-container {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

.anm-block {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.anm-container a:hover {
    text-decoration: none !important;
}
.comment-btn{height: 30px;width: 60px;line-height: 10px; }
/*购物车赠品的标识别修改*/
.remveList:nth-child(n+1) .dif-gift>a:first-child:after{display: none ;}
/*收货地址*/
.dif-add-address-box {}
.dif-add-address-box span.title-name{display: inline-block;width: 70px;margin-right: 10px;white-space: nowrap;vertical-align: middle;}
.dif-add-address-box label input{padding: 5px;border:0;}
.dif-add-address-box .mess-item{padding: 10px;  border-bottom: 1px solid #ccc;}
.dif-add-address-box .mess-item span.info.error{margin:-4px 0 0 -5px}
.dif-add-address-box .mess-item label input:focus,
.dif-add-address-box .mess-item select:focus{border:0;box-shadow: none;outline: none;}
.dif-add-address-box .mess-item select{border:0;width: 200px;}
.dif-add-address-box label .dif-detail-address{width: 80%;}
.dif-add-address-box label input,
.dif-add-address-box select{font-size: 14px;font-family: "微软雅黑",Arial, Helvetica, sans-serif;}