.user-main .summary{display: flex;flex-wrap: wrap;margin-top: 30px;justify-content: space-between;}
.user-main .summary .promotion-number{display: flex;flex-wrap: wrap;background: #fff;box-shadow: 0 0 20px 0 #00000017;width: 32%;justify-content: space-between;padding: 20px;align-items: center;}
.user-main .summary .promotion-number p{display: grid;font-size: 20px;}
.user-main .summary .promotion-number p span{font-size: 30px;font-weight: 600;font-family: monospace;}
.user-main .summary .promotion-number p span strong{font-size: 14px;font-weight: 500;font-family: auto;padding-left: 5px;}
.user-main .list{margin-top: 60px;}
.user-main .list .table th{border-bottom: 1px solid #ddd;line-height: 40px;color: #999;font-weight: 500;}
.user-main .list .table td{border-bottom:1px solid #eee;border-top: none;line-height: 60px;}
.user-main .list .table tr:last-of-type td{border-bottom: none;}
.user-main .list .table tbody tr:hover td{border-bottom:none;}
.user-main .list .table tbody tr:hover{background: #F8F8F8;border-top:none;}
.user-main .list .table tbody tr .money{color: #AE1916;}
@media screen and (max-width:786px){
    .user-main {margin-top: 0; padding: 24px 20px; box-shadow: 0 0 10px 0 #f1f0f6; width: 100%;}
    .table-responsive{border: none;}
    .user-main .list .table td { font-size: 12px; }
}
@media screen and (width:320px){
    .user-main .summary .promotion-number p {font-size: 12px !important;}
    .user-main .summary .promotion-number p span {font-size: 18px !important;}
}
@media screen and (max-width:1024px){
    .user-main .summary .promotion-number { display: block;text-align: center;padding: 8px;}
    .user-main .summary .promotion-number p { font-size: 15px;font-weight: 600;padding-top: 8px;}
    .user-main .summary .promotion-number p span { font-size: 25px;padding-top: 10px;word-wrap: break-word; word-break: break-all;}
    .user-main .summary .promotion-number p span strong { padding-left: 0px; }
    .user-main .summary .promotion-number img{margin-top: 10px;}
}