.page {
  width: 100vw;
  min-height: 100vh;
}

.goods-item {
  width: 6.9rem;
  height: 1.44rem;
  border-radius: 0.24rem;
  background-color: #fff;
  margin: 0 auto;
  padding: 0.16rem;
  display: flex;
  align-items: center;
}

.goods-item .img {
  display: block;
  flex-shrink: 0;
  width: 1.12rem;
  height: 1.12rem;
  position: relative;
}

.goods-item .img img {
  width: 100%;
  height: 100%;
}

.goods-item .img.is_act::after {
  content: '';
  display: block;
  width: 0.32rem;
  height: 0.3rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAADWElEQVRIie1WTSikcRj/vfPhq0HUGMoUacISSjlNkhwcpJQp5WDKQVKORpKTFBflI5fdxcFeZms2Fx8HJEW0u0wcHKQ2mlAO2oYx876zPc/7zmvGDDO0mz341b/e/9fz/J7n9/yfGeF3SUkQbwjNWzonvBP4vwgIFRUQ8vKevUD7Orsdmrq6hBzQ+aTR0Sft6sInKWNjENLScDc0BE1BATSlpbIRgwGCyQRNTg4Eo5HXAmtr8G1s8Hfy9DRgMEQYFtfXEZibg1BcDH1zMwJLSwh6PM9n4LaxEeLpKVJnZoCMDGgrK6EpKmLjmsJCSJeXuBsYgLe+Hr6enoQyEA8x+4C2pQWiyxWxlrq8DPHgAPcOR8LG6Q5llLIWvLpC0Ovl9bu+PgTdbv5WJSD9U6em4BsfZ+f6wUEI6emqMTJCGSE9QxB3dqKIhoMIC7m50BmNnFl2WFMDITsboahVAsQosL2NlJER+MxmaKuqWHuVQFoaoJAIQTo/54LUt7XFJECSUjbJ6X1/P9cDfYcjoggpvWy0thZ3ra1R6YwlAb+c/HzorFYm6V9dlQO6uZH3MzPlucfDBB5D93ghMDEBKaRPby+EjAxVAipIkoYNnp1xlVPm/G439Jub7JzWqYDJDt/Lz1e1j4UoApTSZIeDKz2po4OjChmgl0CDIB4eMgE1C6Tz1ha0Viv0VMROJ0etsVggKfrHQlQn1DU1QTw6Ut/s/cICvNXVEYOch0Pf3s5VLm1swD88zKR1nZ18QlteDnF/P+J88Pr6wd9jPbVlZfCFVXo8cGdsaGACyfPz7JBAWSA5iExgcVG2n5UlE1AkjiKQ1NXF6Q6lltNusai6q2smE6SLCzlCm01+ITQoY5OTEFdWkDI7y1IGdndVh4LZHBXOQx+gSOrr4VfYhkARkcOITFE7VghQsYX0Dod0csLn6PlRq6YCpjkRikmADNx2dyN4fKxu+l0uLixJ6fnqJbs9Yh6rx/udTh60J+7tQfJ41JcTEcz7X7J3Am9NIKoVJ4ifAJaU+00APryWwEteAfXPLwDoHX1/tFcGwKaMF5GJR0ACsKY4/QrAl4DNF5F5isAvxekn5fu1iEsmnABF9w3ARyVqiv5vIiYZIvADwGdF34ffyX8LmQxg+wOWo1rBMG0gGgAAAABJRU5ErkJggg==");
}

.goods-item .img.is_gift::after {
  content: '';
  display: block;
  width: 0.32rem;
  height: 0.3rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkRGRDFFNkZDRDYwMTFFQUEyMjA4NDhEMjJDQjk0N0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkRGRDFFNzBDRDYwMTFFQUEyMjA4NDhEMjJDQjk0N0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGREZEMUU2RENENjAxMUVBQTIyMDg0OEQyMkNCOTQ3QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGREZEMUU2RUNENjAxMUVBQTIyMDg0OEQyMkNCOTQ3QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtabmNMAAAKzSURBVHja7FbPS9xAFP6SrJt1i4h4US+CKKxWRBEEPQh6Etyb9ODFg4iCNw+evHjxjxDapXoogkUqKr1V8aAgbgsiKgiCPSiIPxC6mm42Sd/MJnGTTfyxpHrZBx+bnTcz75t533uJ8CcWM/CGJuKNrUigSCBkPQgNDZAGBx1ObWMDUns7wkNDuGtr42ORtTUIpaW47+3N20waHobY2OgbLLOyAmNz05uAFI9DJgKGomQJRSJQq6qgLixAGB2FPDcHdXkZUl0d1PV1Ttg4PnZsVjIwwP2PmepHgBkLnp6fB8rKEO7rgxSLoWR2Njuxo4ODB+rpgVhbC6W/Py+AcXODu66uvPF3h4ePp8C+CVosRKPOVJycQD895YT0qytI9fXBa8DP2K2INTUPC5qb+Sn9TKioQHRrKzgCXDzb2wi1tgIkvsz+PsTKSs952sEBF6jnQc7PoXuk4UkCTIws57k3YKXFntPdzavFODuDSmDGUqYvLSE0MfEwr7yc/9dWV20B5xHIzb92dMTBBOe2XAFGpqchVlc7/DqdWLm8hEwVlFcJVEHp8XHvRiRSDg1aaJ+4s5OP2QTpir1KjekiRT2Awa2R+6kp2+fbCbVkEtreHhcR6BY0uiJtd/f1WjHrUPrFRXaQRCa1tEBLJLJOOrVg4r8RYG00TN0wTQJRxsb4mLy46ClKv/JjzYZByEkZ5z8zY/t8q0AeGUFmZwfq5CT/zzqicXsLica5qKgBWSKVXAGsfsHK1dKNo4xpXyOVsruo9cz3C+KTjL0XOAnXu8EqUfcLyOEvfhMWv4gKXPeL8N1cHyc0FSzgF4jwmvCF8JmQdPneEz6YaAqSgE74YQb9Svj7jD1fRMaPwG8z6CfzuVB7kkwuAXa6b4SP5qn1gPXmSYYR+Em/CTO/168kfpvMPwEGAF/E/BmfjmkpAAAAAElFTkSuQmCC");
}

.goods-item .right {
  width: calc(100% - 1.12rem);
  padding-left: 0.16rem;
}

.goods-item .right .title {
  display: block;
  width: 100%;
  height: 0.36rem;
  font-size: 0.28rem;
  line-height: 0.36rem;
}

.goods-item .right .title.over-line2 {
  display: -webkit-box;
 min-height:19px;
}

.goods-item .right .sku {
  display: block;
  width: 100%;
  height: 0.36rem;
  font-size: 0.28rem;
  line-height: 0.36rem;
  margin-top: 0.08rem;
}

.goods-item .right .bot {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.1rem;
}

.goods-item .right .bot .price {
  color: #f42828;
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.28rem;
}

.goods-item .right .bot .num {
  font-size: 0.28rem;
  color: #666;
}

.redu-num-add {
  width: 2rem;
  height: 0.36rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.redu-num-add .btn {
  display: block;
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 0.12rem;
  background-color: #1f91f7;
  color: #fff;
  font-size: 0.3rem;
  font-weight: bold;
  text-align: center;
  line-height: 0.36rem;
  background-size: 0.15rem auto;
  background-repeat: no-repeat;
  background-position: center;
}

.redu-num-add .btn.redu {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAADCAYAAABMFFUxAAAALklEQVQImWP8//8/HwMDAy8D6eAzSPM0BgYGMzI0r2NhYGA4ycDA8IRkrQwMNwDyIAsObWx59wAAAABJRU5ErkJggg==);
}

.redu-num-add .btn.redu.disabled {
  background-color: #fff;
  border: 1px solid #1f91f7;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAADCAYAAABMFFUxAAAALklEQVQImWOUn/idj4GBgZeBdPCZhYGBoYOBgcGMDM3rQJpPMjAwPCFZKwPDDQCTvgawMgHxUgAAAABJRU5ErkJggg==);
}

.redu-num-add .btn.add {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAZ0lEQVQokWP8//8/Aw6gxMDA4MLAwLCHgYHhHjYlTLh0QjXOhNJYAT7NBMEQ1czCwMAgCMXoACYmCA15dPCe4f///7v/kwdmsuCJR0LxfBZkMy6cBnVPGi41IzGe8Wl+j0ajAgYGBgDdqneO+IdhOQAAAABJRU5ErkJggg==);
}

.redu-num-add .btn.actredu {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAADCAYAAABMFFUxAAAALklEQVQImWP8//8/HwMDAy8D6eAzSPM0BgYGMzI0r2NhYGA4ycDA8IRkrQwMNwDyIAsObWx59wAAAABJRU5ErkJggg==);
}

.redu-num-add .btn.actredu.disabled {
  background-color: #fff;
  border: 1px solid #1f91f7;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAADCAYAAABMFFUxAAAALklEQVQImWOUn/idj4GBgZeBdPCZhYGBoYOBgcGMDM3rQJpPMjAwPCFZKwPDDQCTvgawMgHxUgAAAABJRU5ErkJggg==);
}

.redu-num-add .btn.actadd {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAZ0lEQVQokWP8//8/Aw6gxMDA4MLAwLCHgYHhHjYlTLh0QjXOhNJYAT7NBMEQ1czCwMAgCMXoACYmCA15dPCe4f///7v/kwdmsuCJR0LxfBZkMy6cBnVPGi41IzGe8Wl+j0ajAgYGBgDdqneO+IdhOQAAAABJRU5ErkJggg==);
}

.redu-num-add input {
  width: 1rem;
  height: 0.36rem;
  text-align: center;
}

.tabbar {
  width: 100%;
  min-height: 0.98rem;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.tabbar .tab-bar-h {
  width: 100%;
  min-height: 0.98rem;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.tabbar .tab-bar {
  width: 100%;
  min-height: 0.98rem;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background-color: #fff;
  box-shadow: 0 0 10px #f8f8f8;
  display: flex;
  justify-content: center;
  padding-top: 0.14rem;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.tabbar .tab-bar .item {
  display: block;
  width: 25%;
  text-align: center;
  height: 100%;
}

.tabbar .tab-bar .item .img {
  width: 0.41rem;
  height: 0.41rem;
  margin: 0 auto;
}

.tabbar .tab-bar .item .img img {
  width: 100%;
  height: 100%;
}

.tabbar .tab-bar .item .img .off {
  display: block;
}

.tabbar .tab-bar .item .img .on {
  display: none;
}

.tabbar .tab-bar .item span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0.22rem;
  line-height: 0.22rem;
  height: 0.22rem;
  margin-top: 0.1rem;
  color: #9b9b9b;
}

.tabbar .tab-bar .item.active .img .off {
  display: none;
}

.tabbar .tab-bar .item.active .img .on {
  display: block;
}

.tabbar .tab-bar .item.active span {
  color: #2091f7;
}

.none {
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  font-size: 0.26rem;
  color: #888;
}

.color-gray {
  color: #999 !important;
}

.color-red {
  color: #f42828 !important;
}

.com-empty {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9;
    text-align: center;
    margin-top: 0.5rem;
}

.com-empty img {
  display: block;
  width: 2.5rem;
  margin: 0 auto;
}

.com-empty p {
  font-size: 0.26rem;
  color: #888;
  margin-top: 0.3rem;
}

input[type='radio'] + label {
  cursor: pointer;
}

input[type='radio'] + label::before {
  content: '';
  display: block;
  float: left;
  width: 0.32rem;
  height: 0.32rem;
  background-image: url("../img/28.png");
  background-size: 100% 100%;
}

input[type='radio'] + label span {
  display: block;
  float: left;
  height: 0.32rem;
  margin-left: 4px;
  line-height: 0.32rem;
  font-size: 0.28rem;
  user-select: none;
}

input[type='radio']:checked + label::before {
  background-image: url("../img/29.png");
}

input[type='checkbox'] + label {
  cursor: pointer;
}

input[type='checkbox'] + label::before {
  content: '';
  display: block;
  float: left;
  width: 0.32rem;
  height: 0.32rem;
  background-image: url("../img/28.png");
  background-size: 100% 100%;
}

input[type='checkbox'] + label span {
  display: block;
  float: left;
  height: 0.32rem;
  margin-left: 4px;
  line-height: 0.32rem;
  font-size: 0.28rem;
  user-select: none;
}

input[type='checkbox']:checked + label::before {
  background-image: url("../img/29.png");
}

input[type='radio'],
input[type='checkbox'] {
  display: none;
  opacity: 0;
}
.bind-cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index:100;
}

    .bind-cover .bind-popups {
        padding: 0.4rem 0.4rem 0.5rem;
        background-color: #fff;
        border-radius: 0.24rem;
        width: 6.3rem;
        position: absolute;
        top: 50%;
        left: 0.6rem;
        transform: translateY(-50%);
    }

        .bind-cover .bind-popups .title {
            font-size: 0.32rem;
            line-height: 0.32rem;
            margin-bottom: 0.2rem;
        }

        .bind-cover .bind-popups .items .item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 0.7rem;
            border-bottom: 1px solid #ddd;
        }

            .bind-cover .bind-popups .items .item .tt {
                width: 80%;
            }

            .bind-cover .bind-popups .items .item .checkLine {
                flex-shrink: 0;
            }

        .bind-cover .bind-popups .submit-btn {
            width: 3.2rem;
            height: 0.6rem;
            line-height: 0.6rem;
            text-align: center;
            color: #fff;
            font-size: 0.24rem;
            background-color: #005cac;
            border-radius: 0.3rem;
            margin: 0 auto;
            margin-top: 0.5rem;
        }

    .bind-cover .close {
        position: absolute;
        width: 0.36rem;
        height: 0.36rem;
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("/Content/img/001.png");
        top: 0.24rem;
        right: 0.24rem;
        cursor: pointer;
    }

.goods-item .right .note {
    border: 1px solid #ccc;
    border-radius: 40px;
    width: 80%;
    padding-left: 10px;
}