body{
    background-color: #f6f6f6;
}

.body a {
    color: #4d4d4d;
}

.header {
    margin-bottom: 10px;
    background-color: #b50606;
}

.admin-header {
    background-color: #0a62c1;
    text-align: center;
}

.admin-header h5 {
    color: #fff;
}

.admin-header .title {
    margin: 15px 0;
}

.admin-report {
    background-color: #0a62c1;
    min-height: 150px;
    border-top: 1px dotted #026ee2;
    color: #fff;
    padding: 10px 10px;
}

.admin-report .sec {
    padding: 5px 0;
}

.admin-report .right-line {
    border-right: 1px dashed #026ee2;
}
.admin-report .top-line {
    border-top: 1px dashed #026ee2;
}


.portrait{
    border-radius: 40px;
    width:80px;
    height:80px;
    margin: 15px 15px;
}

.nickname {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin: 25px 15px 15px;
}

.userid {
    font-size: 14px;
    color: #fff;
    margin: 15px 15px;
}

.merchant {
    font-size: 14px;
    font-weight: bold;
    color:#fff;
}

.block{
    background-color: #fff;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
}

.big-btn{
    float: left;

}

.big-btn .btn-icon {
    text-align: center;
    height: 50px;
}

.big-btn .btn-text {
    text-align: center;
    margin-bottom: 5px;
}

.big-btn i{
    margin-top: 5px;
    text-align: center;
    color: #4d4d4d;
}

.big-btn a{
    font-size: 13px;
    color: #4d4d4d;
    text-align: center;
}

.block-btn {
    float: left;
    margin: 10px;
    width: 27%;
}

.block-btn-icon{
    text-align: center;
}

.block-btn-text{
    text-align: center;

}

.list{
    min-height: 100px;
    padding: 20px 20px 30px;
}

.list-item{
    padding: 10px;
    margin-bottom: 5px;
    border-bottom: 1px #dadada solid;
}

.footer{

    font-size: 10px;
    color: #bfbfbf;
    text-align: center;
    width: 95%;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.footer a{
    color: #bfbfbf;
}

.index-banner{
    min-height: 80px;
    margin: 10px 0;
}

.card-block{
    margin: 15px 0;
    border-radius: 6px;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
}

.card-block p {
    font-size: 12px;
    font-weight: bold;
}

.card-block h4 {
    font-weight: bold;
    font-size: 16px;
}

.card-img {
    margin-top: 15px;
    min-height: 60px;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
}

.card-img .card-no {
    position: absolute;
    bottom: 10px;
    left: 25px;
}

.card-no h3 {
    font-size: 12px;
    font-weight: bold;
    color: #fff;

}

.qrcode {
    text-align: center;

}


.icon-5x{
    font-size: 60px;
}

.icon-4x{
    font-size: 48px;
}

.icon-3x{
    font-size: 36px;
}

.icon-2x {
    font-size: 20px;
}

.icon {
    font-size: 16px;
}

.section{
    border: 1px #e7e7e7 solid;
    border-radius: 6px;
    margin: 10px 0 30px;
    padding: 10px;

}

.section h4{
    font-size: 20px;
    font-weight: 600;
}

.section h5{
    font-size: 16px;
    font-weight: 500;
}

.section p{
    font-size: 14px;
}

.section a{
    color: blue;
    font-weight: 600;
    font-size: 16px;
}

.sale-price {
    font-size: 26px;
    color: red;
    font-weight: 600;
}

.original-price {
    font-size: 18px;
    margin-left: 10px;
    text-decoration: line-through;
}

.tab-body{
    min-height: 200px;
}

.coupon-item {
    min-height: 50px;
    border-radius: 10px;
    box-shadow: 0 0 2px 2px rgb(0 0 0 / 5%);
    margin: 10px 0;

}

.coupon-item-disable {
    min-height: 50px;
    border-radius: 6px;
    box-shadow: 0 0 2px 2px rgb(0 0 0 / 5%);
    margin: 10px 0;

    color: #666;
}

.coupon-item-price{

    padding: 10px;
    text-align: center;
    background-color: #eb3f00;
    color: #fff;
    border-radius: 10px 0 0 10px;
    border-right: 3px #fff dotted;
}

.coupon-item-name{
    width: 30%;
    padding: 10px;
    border: 1px dotted #fff;
    float: left;
    text-align: center;
    background-color: #eb3f00;
    color: #fff;
    border-radius: 6px;
}

.coupon-item-ticket{
    min-height: 80px;

}

.coupon-item-price-disable {

    padding: 10px;

    float: left;
    text-align: center;
    background-color: #666;
    color: #fff;
    border-radius: 10px 0 0 10px;
    border-right: 3px #fff dotted;
}

.coupon-item-body{
    padding: 10px 5px;
    text-align: left;
}

.coupon-item-body h5{
    font-size: 14px;
    font-weight: bold;
}

.coupon-item-body h6{
    font-size: 12px;
    font-weight: bold;
}

.coupon-item-body p{
    font-size: 12px;
    color: #3f3f3f;
    margin-bottom: 5px;
}

.coupon-item-body a{
    font-size: 12px;
    color: #fff;
}

.coupon-name{
    font-size: 26px;
    color: #fff;
    font-weight: bold;

}

.footer-item{
    min-height: 69px;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    margin-left: -15px;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 0 0 5px 5px rgb(0 0 0 / 5%);
}

.order {
    margin: 10px 0;
    background-color: #fff;
    font-size: 14px;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 0 5px 5px rgb(0 0 0 / 5%);
}

.order-header {
    font-size: 14px;
    margin: 5px 0 5px;

}

.order-body {
    border-top: 1px solid #f6f6f6;
}

.order-footer {
    text-align: right;
}

.game-container {
    background-color: #b50606;
}

.game-container-blue {
    background-color: #0c498d;
}

.game-head{
    min-height: 150px;
}

.game-body{

    margin-top: 30px;
}

.game-foot {
    min-height: 300px;
    margin-top: 90px;
}

.game-foot .prize-content {
    border: 5px dotted #f6962a;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 10px;

}

.game-foot .prize-content p {
    font-size: 14px;
}

.footer-menu{

    background-color: #fff;
    box-shadow: 0 0 3px 1px rgb(0 0 0 / 5%);
    padding-bottom: 12px;
}

.footer-menu .button-icon{
    font-size: 28px;
}

.footer-menu .button-txt{
    margin-top: -3px;
    font-size: 12px;
}

.footer-menu .button-txt a{
    font-size: 12px;
}

.footer-menu .active  a{
    color: #0353a9;
}


.control-title {
    background-color: #007bff;
    border-top: 1px dotted #026ee2;
    padding: 5px 0;
}

.report-section{
    background-color: #FFFFFF;
    min-height: 150px;
    border-top: 1px dotted #026ee2;
    color: #0d47a1;
    padding: 10px 10px;
}

.report-section h5{
    margin-top: 10px;
}

.report-section p{
    color: #000;
    font-size: 14px;
}

.report-section .header{
    background-color: #0056b3;
}

.report-section .sec {
    padding: 5px 0;
}

.report-section .right-line {
    border-right: 1px dashed #eeeeee;
}

.report-section .top-line {
    border-top: 1px dashed #eeeeee;
}

.content {
    padding: 10px 0 70px 0;
    background-color: #ffffff;
}

.shop-area-table{
    float: left;
    width: 80px;
    height: 60px;
    border-radius: 5px;
    margin: 5px;
    background-color: #1ab83e;
}

.shop-area-table-working{
    background-color: #b90000;
    cursor: pointer;
}

.shop-area-table h4{
    margin: 5px;
    font-size: 14px;
    color: #fff;
}

.shop-area-table p{
    margin-left: 10px;
    font-size: 10px;
    color: #fff;
}

.shop-area-table .time {
    margin: 0 10px;
}

.shop-area-table .footer {
    font-size: 10px;
    color: #fff;
    padding: 5px;
}

.shop-area-table .footer .user {
    float: left;
}

.shop-area-table .footer .amount {
    float: right;
}

.sku-section {
    font-size: 12px;
}

.sku-section  p{
    font-size: 12px;
    margin: 3px;
}

.coupon-info {
    font-size: 12px;
}

.coupon-info h3{
    font-size: 18px;
    font-weight: bold;
}

.coupon-info h4{
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
}

.coupon-info h5{
    font-size: 14px;
}

.coupon-info h6{
    font-size: 12px;
}

.coupon-info .header {
    background-color: #eb3f00;
    color: #fff;
    min-height: 88px;
}

.coupon-info .header .type {
    padding: 40px 15px;
    border-right: 6px dotted #fff;
}

.coupon-info .header .title {
    padding: 20px 5px;
}

.ct-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 20px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.ct-btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.ct-btn-orange {
    color: #fff;
    background-color: #eb3f00;
    border-color: #eb3f00;
}

.ct-btn-yellow {
    color: #fff;
    background-color: #d39e00;
    border-color: #d39e00;
}

.coupon-detail {
    min-height: 50px;
    margin: 10px 0;
}

.coupon-detail h3{
    font-size: 24px;
    font-weight: bold;
}

.coupon-detail h4{
    font-size: 20px;
    font-weight: bold;
}

.coupon-detail h5{
    font-size: 18px;
    font-weight: bold;
}

.coupon-detail h6{
    font-size: 14px;
    font-weight: bold;
}

.coupon-detail .detail-header {
    background-color: #eb3f00;
    margin: 10px 0;
    min-height: 88px;
    padding: 10px;
    border-radius: 5px;
}

.coupon-detail .detail-header .title{
    color: #fff;
}

.coupon-detail .detail-header .subtitle{
    color: #fff;
    margin-top: 20px;
}

.coupon-detail .detail-body{
    padding: 10px 5px;
    text-align: left;
}

.coupon-detail .detail-body .alert-txt{
    color: #0d47a1;
}

.err-header{
    margin: 100px 15px 30px 15px;
    display: block;
}

.err-body {
    background-color: #fff;
    margin: 15px 0;
    border-radius: 5px;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
}

.err-body h4{
    font-size: 1.25rem;
}

.err-body h5{
    font-size: 1rem;
}

.color-blue{
    color: #007bff;
}

.color-green{
    color: #1c7430;
}

.color-orange {
    color: #fd7e14;
}

.color-red {
    color: #dc3545;
}

.color-yellow {
    color: #ffc107;
}

.color-white {
    color: #fff;
}

.bg-white {
    background-color: #fff;
}

.bg-gray {
    background-color: #ececec;
}

.account-card{
    padding: 10px;
    max-height: 205px;
    color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 15px;
    background: linear-gradient(45deg, #dc3545, #007bff);
}

.form-ipt-income{
    height: 55px;
    font-size: 26px;
    color: #eb3f00;
    border-radius: 0;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom: 3px solid #eb3f00;
}

.form-ipt-expense{
    height: 55px;
    font-size: 26px;
    color: #08a404;
    border-radius: 0;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom: 3px solid #08a404;
}

.account-item{
    border-bottom: 1px solid #edeaea;
    padding: 3px;
}

.account-item .income{
    color: red;
    font-size: 18px;
    font-weight: 500;
}

.account-item .income-sm{
    color: red;
    font-size: 15px;
    font-weight: 500;
}

.account-item .expense{
    color: #0d8050;
    font-size: 18px;
    font-weight: 500;
}

.account-item .expense-sm{
    color: #0d8050;
    font-size: 15px;
    font-weight: 500;
}

.account-item .date{
    font-size: 12px;
    margin: 3px 0 3px 0;
}

.account-item .title{
    font-size: 18px;
    font-weight: 500;
    margin: 3px 0 3px 0;
}

.account-item .subtitle {
    font-size: 12px;
    margin: 2px 0 2px 0;
}

.account-item p{
    margin-bottom: 0;
}

.account-item .control{
    padding-top: 5px;
    color: #b6b6b6;
}

.account-item .control a{
    color: #b6b6b6;
}

.admin-title {
    margin: 10px 0;
    text-align: center;
}

h6 {
    font-weight: 700;
}

.w-40 {
    width: 40%;
}

.w-30 {
    width: 30%;
}

.w-60 {
    width: 60%;
}