body {
    background: #F0F0F0;
}
.check-label .check-input + i {
    padding-left: 0.625rem;
}
.check-label .check-input + i::before {
    width: 0.45rem;
    height: 0.45rem;
    line-height: 0.35rem;
    font-size: 0.3rem;
    border-radius: 0;
    padding: 1px;
    background: linear-gradient(135deg,#efefef,#ffffff);
    background-clip: content-box;
}
.classify {
    width: 100%;
    background: #ffffff;
    border-radius: 0.25rem;
    padding: 0.2rem 0.75rem;
    position: relative;
    box-sizing: border-box;
}
.classify .classify-one {
    line-height: 0.925rem;
    font-size: 0.35rem;
}
.classify .classify-one p {
    color: #A9A9A9;
    flex: 0 0 auto;
}
.classify .classify-one ul {
    width: 80%;
}
.classify .classify-one .classify-item {
    color: #616161;
    height: 0.625rem;
    line-height: 0.625rem;
    border-radius: 0.625rem;
    margin: 0.05rem 0.125rem;
    transition: all .3s;

}
.classify .classify-one .classify-item a{
    padding: 0 0.25rem;

}
.classify .classify-one .classify-item.active,.classify .classify-one .classify-item:hover {
    color: #ffffff;
}
.classify .del-setting {
    position: absolute;
    top: 0.2rem;
    right: 0.75rem;
    font-size: 0.35rem;
    color: #A7A7A7;
    line-height: 0.925rem;
    cursor: pointer;
}
.classify .del-setting i {
    font-size: 0.4rem;
    margin-right: 0.175rem;
}
.filtrate {
    width: 100%;
    padding: 0 0.75rem;
    height: 1.45rem;
    background: #ffffff;
    box-sizing: border-box;
    border-radius: 0.25rem;
    margin-top: 0.2rem;
}
.filtrate-left,.filtrate-right {
    font-size: 0.35rem;
    color: #A9A9A9;
    
}
.filtrate-right {
    margin-left: 0.55rem;

}
.filtrate-left .filtrate-item {
    color: #616161;
    margin-right: 0.55rem;
}

.filtrate-left .filtrate-item i {
    font-family: iconfont;
    transition: transform 0.3s;
    margin-left: 0.2rem;
}
.filtrate-right .expressage-icon{
    font-size: 0.6rem;
    color: #9e9e9e;
    margin-right: 0.25rem;
}
.filtrate-right .expressage-item {
    margin-left: 0.325rem;
    color: #616161;
    cursor: pointer;
}
.filtrate-right .expressage-select {
    width: 3.25rem;
}

.expressage-price {
    color: #7BC5E7;
    cursor: pointer;
    line-height: 0.925rem;
    display: block;
}
.expressage-price:hover {
    color: #7BC5E7 !important;
}
.filtrate-right .money-icon {
    font-size: 0.4rem;
    color: #7BC5E7;
    margin-right: 0.175rem;
    display: inline-block;
    vertical-align: top;
}
.list {

}
.list ul {
    margin-right: -0.175rem;
}
.list .list-item {
    margin-right: 0.225rem;
    width: 6.75rem;
    float: left;
    position: relative;
    margin-top: 0.55rem;
    height: 11rem;
}
.list .list-item .item-box {
    width: 6.75rem;
    border-radius: 0.25rem;
    position: absolute;
    background: #ffffff;
    padding-bottom: 0.6rem;
    transition: all 0.3s;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    border: 0.25rem #ffffff solid;
}
.list .list-item .item-box:hover {
    box-shadow: 1px 2px 0.45rem 0px rgba(0, 0, 0, 0.29);
    padding-bottom: 0.85rem;
}
.list .list-item .item-map {
    width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.list .list-item .item-mssage {
    padding: 0 0.25rem;
}
.list .list-item .item-map img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.list .list-item .title {
    width: 100%;
    height: 1.5rem;
    position: relative;
    display: block;
}
.list .list-item .title p{
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.4rem;
    color: #616161;
    text-align: center;
    line-height: 0.725rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list .list-item .price-box {
}
.list .list-item .price-box .price {
    font-size: 0.5rem;
    line-height: 0.5rem;
}
.list .list-item .price-box .weight {
    font-size: 0.35rem;
    color: #AAAAAA;
    line-height: 0.5rem;

}
.list .list-item .expressage-box {
    font-size: 0.35rem;
    color: #A9A9A9;
    margin-top: 0.25rem;
    line-height: 0.7rem;
}
.list .list-item .expressage-box p {
    flex: 0 0 auto;
}
.list .list-item .expressage-box ul {

}
.list .list-item .expressage-box ul .expressage-item {
    width: 0.7rem;
    height: 0.7rem;
    position: relative;
    margin-left: 0.225rem;
}
.list .list-item .expressage-box ul .expressage-item img {
    position: absolute;
    width: 0.575rem;
    height: 0.575rem;
    top: 0;
    left: 0;
}
.list .list-item .expressage-box ul .expressage-item i {
    font-size: 0.25rem;
    color: #FDA645;
    position: absolute;
    bottom: 0;
    right: 0;
}
.list .list-item .warehouse {
    font-size: 0.3rem;
    color: #A9A9A9;
    line-height: 0.975rem;
}
.list .list-item .warehouse p {
    float: left;
}
.list .list-item .warehouse label {
    width: 1.3rem;
    float: left;
    padding-right: 0.375rem;
    margin-right: 0.125rem;
}
.list .list-item .warehouse label .layui-form-select .layui-input {
    border-width: 0px;
    border-bottom-width: 1px;
    font-size: 0.3rem;
    color: #616161;
    padding: 0;
    border-radius: 0;
    height: 0.8rem;
    line-height: 0.775rem;
}
.list .list-item .warehouse label .layui-form-select .layui-edge {
    right: -0.375rem;
}

.list .list-item .warehouse-box .warehouse-right {
    font-size: 0.3rem;
    color: #A9A9A9;
    line-height: 0.775rem;
}
.list .list-item .warehouse-box .warehouse-right .input-number {
    float: left;
    margin-right: 0.075rem;
}
.add-shopping,.buy {
    width: 2.2rem;
    height: 2.2rem;
    background: #ffffff;
    position: absolute;
    right: 50%;
    bottom: -1.35rem;
    border-radius: 50%;
    padding: 0.25rem;
    box-sizing: border-box;
    z-index: 2;
    box-shadow:0px 0.425rem 0.45rem 0px rgba(0, 0, 0, 0.05);
    display: none;
}
.input-number .buy-num {
    border: none;
}
.input-number .buy-num .num-input {
    width: 0.75rem;
    border-bottom: 1px #e6e6e6 solid;
    height: 0.775rem;
    line-height: 0.775rem;
}
.input-number .buy-num .push {
    border: none;
} 
.input-number .buy-num .up-icon,.input-number .buy-num .down-icon {
   border: none; 
   line-height: 0.375rem;
   height: 0.375rem;
}
.list .list-item .item-box:hover .add-shopping,.list .list-item .item-box:hover .buy {
    display: block;
}
.buy {
    right: auto;
    left: 50%;
}
.buy i {
    font-size: 0.4rem;
    color: #ffffff;
    font-weight: bold;
    width: 1.7rem;
    height: 1.7rem;
    display: block;
    border-radius: 50%;
    text-align: center;
    background: #31CE4B;
    padding: 0.3rem;
    box-sizing: border-box;

}
.add-shopping i {
    font-size: 0.9rem;
    color: #ffffff;
    font-weight: bold;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    text-align: center;
    line-height: 1.7rem;
    display: block;
}