.master-manage-shop-list {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.75);
    display: none;
    z-index: 999;
}

.master-manage-shop-list-content {
    background: #fff;
    width: 90%;
    margin-left: 5%;
    border-radius: 10px;
    opacity: 0;
    transform: scale(0.7);
    overflow: hidden;
}

.master-manage-shop-list.atc .master-manage-shop-list-content {
    opacity: 1;
    transform: scale(1);
}

.master-manage-shop-list-content .item {
    padding: 20px;
    border-bottom: 1px #ddd solid;
    background: #fff;
}

    .master-manage-shop-list-content .item .img,
    .master-manage-shop-list-content .item .img img {
        width: 160px;
        height: 120px;
    }

    .master-manage-shop-list-content .item .main {
        padding: 0 20px;
    }

    .master-manage-shop-list-content .item .ritbtn {
        position: relative;
        width: 40px;
        height: 40px;
        border: 2px #ddd solid;
        border-radius: 50%;
    }

        .master-manage-shop-list-content .item .ritbtn:before {
            position: absolute;
            content: "";
            top: 6px;
            bottom: 6px;
            left: 6px;
            right: 6px;
            background: var(--white);
            border-radius: 50%;
        }

    .master-manage-shop-list-content .item.on {
        background: var(--light)
    }

        .master-manage-shop-list-content .item.on .ritbtn {
            border-color: var(--orange-dark);
        }

            .master-manage-shop-list-content .item.on .ritbtn:before {
                background: var(--orange-dark);
            }

.master-manage-shop-list .czbtn {
    padding: 20px;
}




.master-UcLayout {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 300;
    display: none;
}

    .master-UcLayout .bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(0,0,0,0.75);
        opacity: 0;
    }

    .master-UcLayout.atc .bg {
        opacity: 1;
    }

    .master-UcLayout .content {
        margin: 0 40px;
        border-radius: 20px;
        z-index: 2;
        background: var(--white);
        opacity: 0;
        transform: scale(0.5);
        max-height: 95%;
    }

    .master-UcLayout.atc .content {
        opacity: 1;
        transform: scale(1);
    }

    .master-UcLayout .content .top {
        height: 72px;
        line-height: 72px;
        font-size: 28px;
        padding-left: 20px;
        color: #fff;
        border-radius: 20px 20px 0 0;
    }

        .master-UcLayout .content .top .btn-close {
            width: 72px;
            height: 72px;
            position: relative;
            font-size: 48px;
            text-align: center;
        }


.runat-foot-btn {
    padding: 30px 0;
}

#FormSaveBtn i:before {
    font-family: 'FontAwesome';
    font-style: normal;
    content: "\f1ce";
    margin-right: 5px;
    display: block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
}

#FormSaveBtn i {
    display: inline-block;
    font-family: 'FontAwesome';
    line-height: 1;
    margin-right: 5px;
    font-style: normal;
    font-size: inherit;
    text-rendering: auto;
    width: 28px;
    height: 28px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}




.list-quan {
    padding: 0px;
}

    .list-quan .item {
        background: #fff;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
        border: 2px solid #e9edf4;
    }

        .list-quan .item .no {
            color: #aaaaaa;
            font-size: 22px;
            padding-bottom: 20px;
        }

        .list-quan .item .brand {
            color: #000000;
            font-size: 30px;
            padding-bottom: 20px;
        }

        .list-quan .item .jine {
            color: #000000;
            font-size: 24px;
            padding-bottom: 20px;
        }

        .list-quan .item .time {
            color: #444;
            font-size: 24px;
        }


    .list-quan .item-status-green {
        border-left: 10px #4cd964 solid;
    }

        .list-quan .item-status-green .status-word {
            color: #4cd964;
            background: #e5f8e8;
            font-size: 20px;
            padding: 10px;
        }

        .list-quan .item-status-green .facevalue,
        .list-quan .item-status-green .usevalue {
            font-size: 30px;
            margin-right: 10px;
            font-weight: 500;
            color: #014baa;
        }


    .list-quan .item-status-gray {
        border-left: 10px #b4b4b4 solid;
    }

        .list-quan .item-status-gray .status-word {
            color: #b4b4b4;
            background: #f5f5f5;
            font-size: 20px;
            padding: 10px;
        }

        .list-quan .item-status-gray .brand,
        .list-quan .item-status-gray .jine,
        .list-quan .item-status-gray .time {
            color: #6d6d6d;
        }

        .list-quan .item-status-gray .facevalue,
        .list-quan .item-status-gray .usevalue {
            font-size: 30px;
            margin-right: 10px;
            font-weight: 500;
            color: #0099ff;
        }


    .list-quan .item-status-orange {
        border-left: 10px #fc726b solid;
    }

        .list-quan .item-status-orange .status-word {
            color: #fc726b;
            background: #fceeec;
            font-size: 20px;
            padding: 10px;
        }

        .list-quan .item-status-orange .brand,
        .list-quan .item-status-orange .jine {
            color: #6d6d6d;
        }

        .list-quan .item-status-orange .time {
            color: #fc7b74;
        }

        .list-quan .item-status-orange .facevalue,
        .list-quan .item-status-orange .usevalue {
            font-size: 30px;
            margin-right: 10px;
            font-weight: 500;
            color: #0099ff;
        }

.status-word-orange {
    color: #fc726b !important;
    background: #fceeec !important;
}