/*首页*/
*{margin: 0;padding: 0;}
a{text-decoration: none;}
img{vertical-align: middle;border: 0;}
.user_center,.center{padding-bottom: 1.4rem;}


.header{background: #fff;overflow: hidden;height: 1rem;line-height: 1rem;}
.header div{float: left;}
.header div:nth-child(1){width: 10%;text-align: center;}
.header div:nth-child(1) img{width: 0.2rem;}
.header div:nth-child(1) a{display: block;}
.header div:nth-child(2){width: 80%;text-align: center;font-size: 0.32rem;color: #0d0d0d;}
.header div:nth-child(3){width: 10%;}
.header div:nth-child(3) img{width: 0.5rem;}
.header div:nth-child(3) a{display: block;}

/*购物车*/
.product{width: 100%;padding-bottom: 1rem;}
.product-sx a{display: block;margin-top: 0.3rem;}
.product .product-box{width: 100%;height: 2.2rem;position: relative}
.product-box .product-ckb{width: 1rem;text-align: center;z-index: 99;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.product-ckb em{width: 0.4rem;height: 0.4rem;border-radius: 50%;border:1px solid #B8B4B4;display:inline-block;cursor: pointer;
position: relative;}
.product-ckb em input{position: absolute;width: 0.4rem;left: 0;height: 0.4rem;top: 0;opacity: 0;}
.product-ckb .product-xz{background:url(../images/gouico.png) no-repeat 0 0;background-size: 0.4rem;border: 0;display:inline-block}
.product-sx{float:left;height: 2.2rem;border-bottom: 1px solid #f7f4f4;padding-left: 1rem;display: inline-block;
    width: 100%;box-sizing: border-box;position: absolute;top: 0;left: 0;}
.car_box1{overflow: hidden;margin-top: 0.3rem;position: relative;}
.car_box1_img{float: left;width: 26%;}
.car_box1_img img{width: 100%;}
.car_box1_box1{float: left;width: 62%;}
.product-sx .product-img{width: 1.5rem;height: 1.5rem;display: inline-block;}
.product-sx .product-name{font-size: 0.26rem;color: #000;overflow: hidden;text-overflow: ellipsis;line-height: 0.4rem;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 0.8rem;}
.product-sx .product-price{font-size: 0.34rem;color: #39B449;float: left;line-height: 26px;width: 45%;}
.product_gw{border: 1px solid #dbdbdb;width: 100%;line-height: 0.4rem;overflow: hidden;font-size: 0.3rem;}
.product_gw em{display:block;height: 25px;width: 20%;float: left;color:#7A7979;border-right:1px solid #dbdbdb;
    text-align:center;cursor:pointer;font-style: initial;font-weight: 100;font-size: 0.4rem;}
.product_gw .product-num{display:block;float:left;text-align:center;width: 56%;font-style:normal;font-size: 14px;line-height: 25px;border:0;pointer-events:none}
.product_gw em.product-add{float:right;border-right:0;border-left:1px solid #dbdbdb;
    font-style: initial;font-weight: 100;font-size: 0.4rem;}
.product-del{position: absolute;right: 0.2rem;top: 0.3rem;cursor: pointer;}
.product-del img{width: 0.30rem;height: 0.36rem;}
.product-js{width:100%;height: 1rem;display:inline-block;position: fixed;bottom: 0;border-top: 1px solid #f7f4f4;
    line-height: 1rem;background: #fff;z-index: 99;}
.product-al{display:inline-block;height: 1rem;width: 40%;float: left;}
.product-js .product-all{width: 1rem;float: left;text-align: center;line-height: 1.2rem;
    display: flex;
    align-items: center;
    height: 1rem;
    justify-content: center;}
.product-js .product-all em{position: relative;}
.product-js .product-all em input{position: absolute;left: 0;top: 0;width: 0.4rem;height: 0.4rem;opacity: 0;}
.product-js .product-all em{width: 0.4rem;height: 0.4rem;border-radius: 50%;border:1px solid #B8B4B4;
    display: inline-block;cursor: pointer}
.product-js .product-all .product-all-on{background:url(../images/gouico.png) no-repeat 0 0;background-size: 0.4rem;
    border: 0;display: inline-block}
.all-xz{cursor: pointer;font-size: 0.28rem;}
.product-all-qx{color: #797979}
.all-sl{color: #797979;display: inline-block;margin-left: 8px}
.product-all-sl{position: relative;top: 1px}
.all-product{text-align: right;float: left;margin-right: 0.3rem;font-size: 0.26rem;width: 25%;color: #39B449;}
.all-product .all-product-a span{font-size: 0.36rem;color: #39B449;display: inline-block;}
.product-sett{float: right;width: 28%;text-align: center;color: #fff;background: #39B449;font-size: 0.3rem;}
.product-sett-a{background: #b2b2b2;pointer-events: none}
.kon-cat{display: none}
.catkon{position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;
    text-align: center;background: #f4f4f4;display: table;z-index: 100;}
.kon-box{text-align: center;display: table-cell;vertical-align: middle;cursor: pointer}
.kon-hz{width: 50%;margin: 0 auto}
.kon-box .kon-wz{display: block;font-size: 0.3rem;color: #aaa;}
.product-box1{overflow: hidden;width: 100%;margin-top: 0.2rem;}
.product-amount{float: right;width: 50%;margin-right: 3%;}
.kon-box .kon-lj{display: inline-block;width: 100%;height: 0.8rem;line-height: 0.8rem;background: #39B449;
    color: #fff;margin-top: 0.4rem;border-radius: 5px;font-size: 0.3rem;}
.kon-hz img{width: 100%;}


input[type="checkbox"]{width:20px;height:20px;display: inline-block;text-align: center;vertical-align: middle; line-height: 18px;position: relative;}
input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;border: 1px solid #d9d9d9}
input[type="checkbox"]:checked::before{content: "\2713";background-color: #fff;position: absolute;top: 0;left: 0;width:100%;border: 1px solid #39B449;color:#39B449;font-size: 20px;font-weight: bold;}