.b-search {
    padding: .3rem;
}

.search-box {
    height: .8rem;
    background-color: rgba(255, 255, 255, .2);
    border-radius: .4rem;
}

.search-box input {
    height: 100%;
    background-color: transparent;
    outline: none;
    border: none;
    padding-left: .4rem;
    color: #fff;
    font-size: .24rem;
    letter-spacing: 2px;
    margin-right: .1rem;
}
.search-box button{
    background: transparent;
    outline: none;
}
.search-box input::-webkit-input-placeholder {
    color: #fff;
}

.search-box input::-moz-placeholder {
    color: #fff;
}

.search-box input::-ms-input-placeholder {
    color: #fff;
}

.search-box input::placeholder {
    color: #fff;
}


.b-search .search-icon {
    width: .28rem;
    margin: .2rem .2rem .2rem .2rem;

}


body {
    overflow: hidden;
}

.b-main {
    padding: .3rem .2rem 0;
    height: -webkit-calc(100vh - 1rem);
    height: calc(100vh - 1rem);
}

.row-1 {
    height: 100%;
    border-top: 1px solid rgba(153, 153, 153, .2);
}

.row-1 > div {
    overflow: auto;
}

.row-1 .b-left {
    width: 2.15rem;
    padding-bottom: 1.6rem;
    border-right: 1px solid rgba(153, 153, 153, .2);
}

.b-left .type-list li {
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: .28rem;
}

.b-left .type-list li.tj {
    font-weight: 800;
    color: #000;
}

.b-left .type-list li.active {
    background-color: rgba(32, 147, 69, 1);
    color: #fff;
    font-weight: 400;
}

.b-right {
    padding: .3rem 0 0 .3rem;
}

.b-right .top {
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    font-size: .28rem;
    border-radius: .1rem;
}

.b-right .top img {
    width: .2rem;
    margin-left: .2rem;
}

.curr-type {
    color: rgba(32, 147, 69, 1);
}

.product-list {
    margin-top: .3rem;
    display: none;
}

.product-list-active {
    display: block;
    margin-bottom: 2rem;
}

.product-item {
    margin-bottom: .23rem;
}

.product-item .product-img {
    width: 1.4rem;
    height: 1.4rem;
}

.product-item .cart-box {
    width: .5rem;
    height: .5rem;
    display: inline-block;
    border-radius: 50%;
    background: rgba(32, 147, 69, .2) url("../images/ico/maill-cart.png") no-repeat center center / .26rem;
}

.product-info {
    padding: .2rem 0 0 .2rem;
    width: -webkit-calc(100% - 1.4rem);
    width: calc(100% - 1.4rem);
}

.product-info h4 {
    margin-bottom: .28rem;
}

.product-info .price {
    font-size: .32rem;
    font-weight: bold;
    color: #DF261B;
}
.proa{
    width: 100%;
    color: #333;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL2Nzcy9jbGFzc2lmeS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxzQkFBc0I7QUFDMUI7O0FBRUE7SUFDSSxhQUFhO0lBQ2IseUNBQXlDO0lBQ3pDLG9CQUFvQjtBQUN4Qjs7QUFFQTtJQUNJLFlBQVk7SUFDWiw2QkFBNkI7SUFDN0IsYUFBYTtJQUNiLFlBQVk7SUFDWixtQkFBbUI7SUFDbkIsV0FBVztJQUNYLGlCQUFpQjtJQUNqQixtQkFBbUI7SUFDbkIsbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0ksV0FBVztBQUNmOztBQUZBO0lBQ0ksV0FBVztBQUNmOztBQUZBO0lBQ0ksV0FBVztBQUNmOztBQUZBO0lBQ0ksV0FBVztBQUNmOzs7QUFHQTtJQUNJLGFBQWE7SUFDYiwrQkFBK0I7O0FBRW5DOzs7QUFHQTtJQUNJLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLHNCQUFzQjtJQUN0QixvQ0FBNEI7SUFBNUIsNEJBQTRCO0FBQ2hDOztBQUVBO0lBQ0ksWUFBWTtJQUNaLDZDQUE2QztBQUNqRDs7QUFFQTtJQUNJLGNBQWM7QUFDbEI7O0FBRUE7SUFDSSxjQUFjO0lBQ2QsK0NBQStDO0FBQ25EOztBQUVBO0lBQ0ksWUFBWTtJQUNaLGlCQUFpQjtJQUNqQixrQkFBa0I7SUFDbEIsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksZ0JBQWdCO0lBQ2hCLFdBQVc7QUFDZjs7QUFFQTtJQUNJLHNDQUFzQztJQUN0QyxXQUFXO0lBQ1gsZ0JBQWdCO0FBQ3BCO0FBQ0E7SUFDSSx3QkFBd0I7QUFDNUI7QUFDQTtJQUNJLFlBQVk7SUFDWixrQkFBa0I7SUFDbEIsaUJBQWlCO0lBQ2pCLGlCQUFpQjtJQUNqQixvQkFBb0I7QUFDeEI7QUFDQTtJQUNJLFlBQVk7SUFDWixrQkFBa0I7QUFDdEI7QUFDQTtJQUNJLDJCQUEyQjtBQUMvQjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixhQUFhO0FBQ2pCO0FBQ0E7SUFDSSxjQUFjO0FBQ2xCO0FBQ0E7SUFDSSxxQkFBcUI7QUFDekI7QUFDQTtJQUNJLGFBQWE7SUFDYixjQUFjO0FBQ2xCO0FBQ0E7SUFDSSxZQUFZO0lBQ1osYUFBYTtJQUNiLHFCQUFxQjtJQUNyQixrQkFBa0I7SUFDbEIsc0dBQXNHO0FBQzFHO0FBQ0E7SUFDSSx3QkFBd0I7SUFDeEIsa0NBQTBCO0lBQTFCLDBCQUEwQjtBQUM5QjtBQUNBO0lBQ0kscUJBQXFCO0FBQ3pCO0FBQ0E7SUFDSSxpQkFBaUI7SUFDakIsaUJBQWlCO0lBQ2pCLGNBQWM7QUFDbEIiLCJmaWxlIjoiY2xhc3NpZnkuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmItc2VhcmNoIHtcclxuICAgIHBhZGRpbmc6IDAgLjNyZW0gLjNyZW07XHJcbn1cclxuXHJcbi5zZWFyY2gtYm94IHtcclxuICAgIGhlaWdodDogLjhyZW07XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIC4yKTtcclxuICAgIGJvcmRlci1yYWRpdXM6IC40cmVtO1xyXG59XHJcblxyXG4uc2VhcmNoLWJveCBpbnB1dCB7XHJcbiAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcclxuICAgIG91dGxpbmU6IG5vbmU7XHJcbiAgICBib3JkZXI6IG5vbmU7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IC40cmVtO1xyXG4gICAgY29sb3I6ICNmZmY7XHJcbiAgICBmb250LXNpemU6IC4yNHJlbTtcclxuICAgIGxldHRlci1zcGFjaW5nOiAycHg7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IC4xcmVtO1xyXG59XHJcblxyXG4uc2VhcmNoLWJveCBpbnB1dDo6cGxhY2Vob2xkZXIge1xyXG4gICAgY29sb3I6ICNmZmY7XHJcbn1cclxuXHJcblxyXG4uYi1zZWFyY2ggLnNlYXJjaC1pY29uIHtcclxuICAgIHdpZHRoOiAuMjhyZW07XHJcbiAgICBtYXJnaW46IC4ycmVtIC4ycmVtIC4ycmVtIC4ycmVtO1xyXG5cclxufVxyXG5cclxuXHJcbmJvZHkge1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxufVxyXG5cclxuLmItbWFpbiB7XHJcbiAgICBwYWRkaW5nOiAuM3JlbSAuM3JlbSAwO1xyXG4gICAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMy41cmVtKTtcclxufVxyXG5cclxuLnJvdy0xIHtcclxuICAgIGhlaWdodDogMTAwJTtcclxuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCByZ2JhKDE1MywgMTUzLCAxNTMsIC4yKTtcclxufVxyXG5cclxuLnJvdy0xID4gZGl2IHtcclxuICAgIG92ZXJmbG93OiBhdXRvO1xyXG59XHJcblxyXG4ucm93LTEgLmItbGVmdCB7XHJcbiAgICB3aWR0aDogMi4xNXJlbTtcclxuICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIHJnYmEoMTUzLCAxNTMsIDE1MywgLjIpO1xyXG59XHJcblxyXG4uYi1sZWZ0IC50eXBlLWxpc3QgbGkge1xyXG4gICAgaGVpZ2h0OiAxcmVtO1xyXG4gICAgbGluZS1oZWlnaHQ6IDFyZW07XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICBmb250LXNpemU6IC4yOHJlbTtcclxufVxyXG5cclxuLmItbGVmdCAudHlwZS1saXN0IGxpLnRqIHtcclxuICAgIGZvbnQtd2VpZ2h0OiA4MDA7XHJcbiAgICBjb2xvcjogIzAwMDtcclxufVxyXG5cclxuLmItbGVmdCAudHlwZS1saXN0IGxpLmFjdGl2ZSB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDMyLCAxNDcsIDY5LCAxKTtcclxuICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcclxufVxyXG4uYi1yaWdodHtcclxuICAgIHBhZGRpbmc6IC4zcmVtIDAgMCAuM3JlbTtcclxufVxyXG4uYi1yaWdodCAudG9we1xyXG4gICAgaGVpZ2h0OiAxcmVtO1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgbGluZS1oZWlnaHQ6IDFyZW07XHJcbiAgICBmb250LXNpemU6IC4yOHJlbTtcclxuICAgIGJvcmRlci1yYWRpdXM6IC4xcmVtO1xyXG59XHJcbi5iLXJpZ2h0IC50b3AgaW1ne1xyXG4gICAgd2lkdGg6IC4ycmVtO1xyXG4gICAgbWFyZ2luLWxlZnQ6IC4ycmVtO1xyXG59XHJcbi5jdXJyLXR5cGV7XHJcbiAgICBjb2xvcjogcmdiYSgzMiwgMTQ3LCA2OSwgMSk7XHJcbn1cclxuXHJcbi5wcm9kdWN0LWxpc3R7XHJcbiAgICBtYXJnaW4tdG9wOiAuM3JlbTtcclxuICAgIGRpc3BsYXk6IG5vbmU7XHJcbn1cclxuLnByb2R1Y3QtbGlzdC1hY3RpdmV7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxufVxyXG4ucHJvZHVjdC1pdGVte1xyXG4gICAgbWFyZ2luLWJvdHRvbTogLjIzcmVtO1xyXG59XHJcbi5wcm9kdWN0LWl0ZW0gLnByb2R1Y3QtaW1ne1xyXG4gICAgd2lkdGg6IDEuNHJlbTtcclxuICAgIGhlaWdodDogMS40cmVtO1xyXG59XHJcbi5wcm9kdWN0LWl0ZW0gLmNhcnQtYm94e1xyXG4gICAgd2lkdGg6IC41cmVtO1xyXG4gICAgaGVpZ2h0OiAuNXJlbTtcclxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgIGJhY2tncm91bmQ6IHJnYmEoMzIsIDE0NywgNjksIC4yKSB1cmwoXCIuLi9pbWFnZXMvaWNvL21haWxsLWNhcnQucG5nXCIpIG5vLXJlcGVhdCBjZW50ZXIgY2VudGVyIC8gLjI2cmVtO1xyXG59XHJcbi5wcm9kdWN0LWluZm97XHJcbiAgICBwYWRkaW5nOiAuMnJlbSAwIDAgLjJyZW07XHJcbiAgICB3aWR0aDogY2FsYygxMDAlIC0gMS40cmVtKTtcclxufVxyXG4ucHJvZHVjdC1pbmZvIGg0e1xyXG4gICAgbWFyZ2luLWJvdHRvbTogLjI4cmVtO1xyXG59XHJcbi5wcm9kdWN0LWluZm8gLnByaWNle1xyXG4gICAgZm9udC1zaXplOiAuMzJyZW07XHJcbiAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgIGNvbG9yOiAjREYyNjFCO1xyXG59XHJcbiJdfQ== */
