.page-link-page-util {
    margin-top: 20px
}

.page-link-page-util .border-none {
    border: none
}

.page-link-page-util .bgccc {
    background-color: #ccc
}

.page-link-page-util .page-left {
    float: right
}

.page-link-page-util .page-left li {
    float: left;
    margin-right: 12px;
    height: 32px;
    line-height: 30px!important
}

.page-link-page-util .page-left li a,.page-link-page-util .page-left li span {
    padding: 0 8px;
    display: block;
    border: 1px solid #ccc
}

.page-link-page-util .page-left li a.active,.page-link-page-util .page-left li span.active {
    color: #fff;
    background: #0093e6;
    border: 1px solid #0093e6
}

.page-link-page-util .page-right {
    float: right;
    height: 22px;
    line-height: 22px;
    margin-top: 4px
}

.page-link-page-util .page-right input {
    width: 20px;
    height: 22px;
    padding: 0 5px;
    border: 1px solid #ccc
}

.page-link-page-util .page-right .confirm-page {
    margin-left: 8px;
    width: 54px;
    height: 24px;
    line-height: 22px;
    background: #f3f3f5;
    cursor: pointer
}

.page-link-page-util .page-right .confirm-page:hover {
    color: #0093e6
}

.page-link-page-util .page-right .page-input {
    width: 30px;
    line-height: normal;
    box-sizing: content-box
}
.page-coupon-list .lcsc_hyzxht_Myorder {
    width: 90%;
    margin-bottom: 8px;
    margin-top: 5px;
    height: 25px
}

.page-coupon-list #couponUseStatus {
    height: 25px;
    line-height: 25px
}

.page-coupon-list .lcsc_hyzxht_Myorder_right2 {
    background: url(/public/zqdz/assets/web/page/activity/couponList/images/hyzx_ht_27.gif) no-repeat;
    width: 48px;
    padding: 0;
    height: 26px;
    font-size: 12px;
    border: none
}

.page-coupon-list .yhj {
    width: 100%;
    margin-bottom: 20px;
    background: -webkit-linear-gradient(352deg,#5ec1ff,#3a95ff);
    background: linear-gradient(98deg,#5ec1ff,#3a95ff);
    border-radius: 8px;
    color: #fff;
    position: relative;
    overflow: hidden;
    height: 240px
}

.page-coupon-list .yhj:before {
    left: -20px
}

.page-coupon-list .yhj:after,.page-coupon-list .yhj:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    bottom: 48px;
    background-color: #fff;
    border-radius: 50px;
    z-index: 1
}

.page-coupon-list .yhj:after {
    right: -20px
}

.page-coupon-list .yhj_sm {
    padding-top: 10px;
    margin-left: 15px
}

.page-coupon-list .yhj_smdwz {
    font-size: 50px;
    color: #fff;
    font-family: 微软雅黑;
    font-weight: 700;
    text-align: center
}

.page-coupon-list .yhj_discount {
    font-size: 30px;
    font-family: 微软雅黑;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.page-coupon-list .yhj_discount .small {
    font-size: 18px;
    font-weight: 400
}

.page-coupon-list .express-free {
    font-size: 25px;
    font-family: 微软雅黑;
    font-weight: 700;
    text-align: center
}

.page-coupon-list .yhjmingchen {
    display: inline-block;
    /* margin-top: 15px; */
    font-size: 14px;
    font-family: 微软雅黑;
    width: 200px;
    text-align: left
}

.page-coupon-list .yhj_xm_wrap {
    position: relative
}

.page-coupon-list .yhj_xm01 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #666
}

.page-coupon-list .yhj_xm01 b {
    color: #999;
    font-weight: 400
}

.page-coupon-list .yhj_xm02 {
    margin: 10px 0 0 15px;
    line-height: 20px;
    color: #fff;
    font-size: 12px
}

.page-coupon-list .canUse {
    color: #0056b7;
    background: #a0d6ff;
    width: -webkit-max-content;
    width: max-content;
    text-align: center;
    border-radius: 3px;
    padding: 0 8px;
    margin-left: 20px
}

.page-coupon-list .ruleText {
    margin-right: 20px;
    color: #c8ecff;
    cursor: pointer
}

.page-coupon-list .color-blue-light {
    color: #c8ecff;
    margin-top: 5px!important
}

.page-coupon-list .yhj_xm003 {
    position: absolute;
    bottom: -120px;
    right: 0;
    z-index: 0
}

.page-coupon-list .yhj_xm003 img {
    height: 150px;
    width: 150px
}

.page-coupon-list .yhj_xm03 {
    margin-top: 15px
}

.page-coupon-list .yhj_xm03 a {
    height: 32px;
    line-height: 32px;
    text-align: center;
    display: block;
    background: -webkit-linear-gradient(left,#f4e6d6,#ffd9a8);
    background: linear-gradient(90deg,#f4e6d6,#ffd9a8);
    color: #444;
    border-radius: 4px;
    width: 80%;
    margin: 15px auto;
    font-weight: 700;
    letter-spacing: .5px
}

.page-coupon-list .rule-link {
    float: right;
    font-size: 14px;
    font-weight: 400;
    color: #333
}

.page-coupon-list .rule-link:hover {
    color: #0093e6
}

.page-coupon-list .coupon-wrapper {
    float: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.page-coupon-list .exchangeCouponBtn,.page-coupon-list .toGiveCouponBtn,.page-coupon-list .toGiveRecord {
    width: 110px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    background: #199fe9;
    border-radius: 2px;
    cursor: pointer;
    font-weight: 700;
    margin-left: 8px
}

.page-coupon-list .box-cover {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.3);
    height: 100vh;
    width: 100vw;
    z-index: 88888888
}

.page-coupon-list .progress-tracking,.page-coupon-list .rule-box,.page-coupon-list .toGive-pop-wrapper,.page-coupon-list .toGive-record-pop-wrapper {
    display: none;
    position: relative
}

.page-coupon-list .progress-tracking .pop-box,.page-coupon-list .rule-box .pop-box,.page-coupon-list .toGive-pop-wrapper .pop-box,.page-coupon-list .toGive-record-pop-wrapper .pop-box {
    display: block!important;
    left: calc(50vw - 250px);
    padding: 0 14px;
    width: 500px;
    min-height: 250px;
    text-align: left;
    border-radius: 7px;
    border: none;
    box-shadow: none;
    position: fixed;
    top: 25vh;
    z-index: 99999999
}

.page-coupon-list .progress-tracking .pop-box.toGive-record-pop-box,.page-coupon-list .rule-box .pop-box.toGive-record-pop-box,.page-coupon-list .toGive-pop-wrapper .pop-box.toGive-record-pop-box,.page-coupon-list .toGive-record-pop-wrapper .pop-box.toGive-record-pop-box {
    width: 750px
}

.page-coupon-list .progress-tracking .pop-box .bigTitle,.page-coupon-list .rule-box .pop-box .bigTitle,.page-coupon-list .toGive-pop-wrapper .pop-box .bigTitle,.page-coupon-list .toGive-record-pop-wrapper .pop-box .bigTitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-weight: 700;
    font-size: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #f3f3f3;
    margin-left: -14px;
    padding: 15px 20px;
    width: calc(100% - 12px);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px
}

.page-coupon-list .progress-tracking .pop-box .bigTitle .close,.page-coupon-list .rule-box .pop-box .bigTitle .close,.page-coupon-list .toGive-pop-wrapper .pop-box .bigTitle .close,.page-coupon-list .toGive-record-pop-wrapper .pop-box .bigTitle .close {
    font-size: 26px;
    font-weight: 400;
    color: #b3b3b3;
    cursor: pointer
}

.page-coupon-list .progress-tracking .pop-box .innerBox,.page-coupon-list .rule-box .pop-box .innerBox,.page-coupon-list .toGive-pop-wrapper .pop-box .innerBox,.page-coupon-list .toGive-record-pop-wrapper .pop-box .innerBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 50px auto 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.page-coupon-list .progress-tracking .pop-box .innerBox .inputBox,.page-coupon-list .rule-box .pop-box .innerBox .inputBox,.page-coupon-list .toGive-pop-wrapper .pop-box .innerBox .inputBox,.page-coupon-list .toGive-record-pop-wrapper .pop-box .innerBox .inputBox {
    margin-left: -30px;
    position: relative
}

.page-coupon-list .progress-tracking .pop-box .innerBox .inputBox.toGive-inputBox,.page-coupon-list .rule-box .pop-box .innerBox .inputBox.toGive-inputBox,.page-coupon-list .toGive-pop-wrapper .pop-box .innerBox .inputBox.toGive-inputBox,.page-coupon-list .toGive-record-pop-wrapper .pop-box .innerBox .inputBox.toGive-inputBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: 20px
}

.page-coupon-list .progress-tracking .pop-box .innerBox .inputBox .toGive-label-box,.page-coupon-list .rule-box .pop-box .innerBox .inputBox .toGive-label-box,.page-coupon-list .toGive-pop-wrapper .pop-box .innerBox .inputBox .toGive-label-box,.page-coupon-list .toGive-record-pop-wrapper .pop-box .innerBox .inputBox .toGive-label-box {
    width: 234px;
    display: inline-block
}

.page-coupon-list .progress-tracking .pop-box .innerBox .inputBox .toGive-label-box .toGive-label,.page-coupon-list .rule-box .pop-box .innerBox .inputBox .toGive-label-box .toGive-label,.page-coupon-list .toGive-pop-wrapper .pop-box .innerBox .inputBox .toGive-label-box .toGive-label,.page-coupon-list .toGive-record-pop-wrapper .pop-box .innerBox .inputBox .toGive-label-box .toGive-label {
    display: block
}

.page-coupon-list .progress-tracking .pop-box .innerBox .inputBox input,.page-coupon-list .rule-box .pop-box .innerBox .inputBox input,.page-coupon-list .toGive-pop-wrapper .pop-box .innerBox .inputBox input,.page-coupon-list .toGive-record-pop-wrapper .pop-box .innerBox .inputBox input {
    height: 30px;
    line-height: 30px;
    width: 200px;
    padding: 0 10px
}

.page-coupon-list .progress-tracking .pop-box .innerBox .inputBox input.toGive-checkbox,.page-coupon-list .rule-box .pop-box .innerBox .inputBox input.toGive-checkbox,.page-coupon-list .toGive-pop-wrapper .pop-box .innerBox .inputBox input.toGive-checkbox,.page-coupon-list .toGive-record-pop-wrapper .pop-box .innerBox .inputBox input.toGive-checkbox {
    height: auto;
    line-height: normal;
    width: auto;
    vertical-align: text-bottom;
    margin-right: 4px
}

.page-coupon-list .progress-tracking .pop-box .innerBox .errprTips,.page-coupon-list .rule-box .pop-box .innerBox .errprTips,.page-coupon-list .toGive-pop-wrapper .pop-box .innerBox .errprTips,.page-coupon-list .toGive-record-pop-wrapper .pop-box .innerBox .errprTips {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 48px;
    color: #ff7f11;
    background-color: #fff2e9;
    text-align: center;
    height: 30px;
    line-height: 30px
}

.page-coupon-list .progress-tracking .pop-box .innerBox .contentText span,.page-coupon-list .rule-box .pop-box .innerBox .contentText span,.page-coupon-list .toGive-pop-wrapper .pop-box .innerBox .contentText span,.page-coupon-list .toGive-record-pop-wrapper .pop-box .innerBox .contentText span {
    display: block;
    line-height: 25px
}

.page-coupon-list .progress-tracking .pop-box .innerBox .contentText span span,.page-coupon-list .rule-box .pop-box .innerBox .contentText span span,.page-coupon-list .toGive-pop-wrapper .pop-box .innerBox .contentText span span,.page-coupon-list .toGive-record-pop-wrapper .pop-box .innerBox .contentText span span {
    display: inline
}

.page-coupon-list .progress-tracking .pop-box .innerBox .table-gray,.page-coupon-list .rule-box .pop-box .innerBox .table-gray,.page-coupon-list .toGive-pop-wrapper .pop-box .innerBox .table-gray,.page-coupon-list .toGive-record-pop-wrapper .pop-box .innerBox .table-gray {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
    text-align: center
}

.page-coupon-list .progress-tracking .pop-box .innerBox .table-gray td,.page-coupon-list .rule-box .pop-box .innerBox .table-gray td,.page-coupon-list .toGive-pop-wrapper .pop-box .innerBox .table-gray td,.page-coupon-list .toGive-record-pop-wrapper .pop-box .innerBox .table-gray td {
    padding: 10px 5px;
    border: 1px solid #e6e6e6;
    color: #666
}

.page-coupon-list .progress-tracking .pop-box .innerBox .table-gray th,.page-coupon-list .rule-box .pop-box .innerBox .table-gray th,.page-coupon-list .toGive-pop-wrapper .pop-box .innerBox .table-gray th,.page-coupon-list .toGive-record-pop-wrapper .pop-box .innerBox .table-gray th {
    padding: 10px 5px;
    border: 1px solid #e6e6e6;
    color: #444;
    background: #f7f7f7
}

.page-coupon-list .progress-tracking .pop-box .status-box,.page-coupon-list .rule-box .pop-box .status-box,.page-coupon-list .toGive-pop-wrapper .pop-box .status-box,.page-coupon-list .toGive-record-pop-wrapper .pop-box .status-box {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 25px 0;
    color: #666
}

.page-coupon-list .progress-tracking .pop-box .status-box img,.page-coupon-list .rule-box .pop-box .status-box img,.page-coupon-list .toGive-pop-wrapper .pop-box .status-box img,.page-coupon-list .toGive-record-pop-wrapper .pop-box .status-box img {
    width: 47px;
    height: 47px
}

.page-coupon-list .progress-tracking .pop-box .status-box h3,.page-coupon-list .rule-box .pop-box .status-box h3,.page-coupon-list .toGive-pop-wrapper .pop-box .status-box h3,.page-coupon-list .toGive-record-pop-wrapper .pop-box .status-box h3 {
    color: #e94848;
    margin-top: 12px;
    margin-bottom: 3px
}

.page-coupon-list .progress-tracking .pop-box .status-box .exchangeButton,.page-coupon-list .rule-box .pop-box .status-box .exchangeButton,.page-coupon-list .toGive-pop-wrapper .pop-box .status-box .exchangeButton,.page-coupon-list .toGive-record-pop-wrapper .pop-box .status-box .exchangeButton {
    margin-top: 10px;
    margin-right: 0
}

.page-coupon-list .progress-tracking .pop-box .success h3,.page-coupon-list .rule-box .pop-box .success h3,.page-coupon-list .toGive-pop-wrapper .pop-box .success h3,.page-coupon-list .toGive-record-pop-wrapper .pop-box .success h3 {
    color: #4aba7b
}

.page-coupon-list .progress-tracking .pop-box .success .exchangeButton,.page-coupon-list .rule-box .pop-box .success .exchangeButton,.page-coupon-list .toGive-pop-wrapper .pop-box .success .exchangeButton,.page-coupon-list .toGive-record-pop-wrapper .pop-box .success .exchangeButton {
    color: #444;
    background: #fff;
    border: 1px solid #dedede
}

.page-coupon-list .progress-tracking .pop-box .toGive-tip-box,.page-coupon-list .rule-box .pop-box .toGive-tip-box,.page-coupon-list .toGive-pop-wrapper .pop-box .toGive-tip-box,.page-coupon-list .toGive-record-pop-wrapper .pop-box .toGive-tip-box {
    margin-top: 20px;
    color: red
}

.page-coupon-list .progress-tracking .pop-box .toGive-box-btn,.page-coupon-list .rule-box .pop-box .toGive-box-btn,.page-coupon-list .toGive-pop-wrapper .pop-box .toGive-box-btn,.page-coupon-list .toGive-record-pop-wrapper .pop-box .toGive-box-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.page-coupon-list .progress-tracking .pop-box .exchangeButton,.page-coupon-list .progress-tracking .pop-box .toGive-cancel,.page-coupon-list .progress-tracking .pop-box .toGive-record-cancel,.page-coupon-list .rule-box .pop-box .exchangeButton,.page-coupon-list .rule-box .pop-box .toGive-cancel,.page-coupon-list .rule-box .pop-box .toGive-record-cancel,.page-coupon-list .toGive-pop-wrapper .pop-box .exchangeButton,.page-coupon-list .toGive-pop-wrapper .pop-box .toGive-cancel,.page-coupon-list .toGive-pop-wrapper .pop-box .toGive-record-cancel,.page-coupon-list .toGive-record-pop-wrapper .pop-box .exchangeButton,.page-coupon-list .toGive-record-pop-wrapper .pop-box .toGive-cancel,.page-coupon-list .toGive-record-pop-wrapper .pop-box .toGive-record-cancel {
    width: 100px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    background: #199fe9;
    border-radius: 3px;
    margin-right: 10px;
    cursor: pointer;
    margin-top: 40px
}

.page-coupon-list .progress-tracking .pop-box .exchangeButton.toGive-top,.page-coupon-list .progress-tracking .pop-box .toGive-cancel.toGive-top,.page-coupon-list .progress-tracking .pop-box .toGive-record-cancel.toGive-top,.page-coupon-list .rule-box .pop-box .exchangeButton.toGive-top,.page-coupon-list .rule-box .pop-box .toGive-cancel.toGive-top,.page-coupon-list .rule-box .pop-box .toGive-record-cancel.toGive-top,.page-coupon-list .toGive-pop-wrapper .pop-box .exchangeButton.toGive-top,.page-coupon-list .toGive-pop-wrapper .pop-box .toGive-cancel.toGive-top,.page-coupon-list .toGive-pop-wrapper .pop-box .toGive-record-cancel.toGive-top,.page-coupon-list .toGive-record-pop-wrapper .pop-box .exchangeButton.toGive-top,.page-coupon-list .toGive-record-pop-wrapper .pop-box .toGive-cancel.toGive-top,.page-coupon-list .toGive-record-pop-wrapper .pop-box .toGive-record-cancel.toGive-top {
    margin-top: 20px
}

.page-coupon-list .progress-tracking .pop-box .toGive-cancel,.page-coupon-list .progress-tracking .pop-box .toGive-record-cancel,.page-coupon-list .rule-box .pop-box .toGive-cancel,.page-coupon-list .rule-box .pop-box .toGive-record-cancel,.page-coupon-list .toGive-pop-wrapper .pop-box .toGive-cancel,.page-coupon-list .toGive-pop-wrapper .pop-box .toGive-record-cancel,.page-coupon-list .toGive-record-pop-wrapper .pop-box .toGive-cancel,.page-coupon-list .toGive-record-pop-wrapper .pop-box .toGive-record-cancel {
    width: 70px;
    color: #333;
    background: #fff;
    border: 1px solid #e4e4e4
}

.page-coupon-list .flex-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ffc278;
    margin-left: -5px
}

.page-coupon-list .uselessBox {
    background: -webkit-linear-gradient(352deg,#e1f4ff,#d7eaff);
    background: linear-gradient(98deg,#e1f4ff,#d7eaff);
    color: #2e74a1
}

.page-coupon-list .uselessBox .color-blue-light,.page-coupon-list .uselessBox .ruleText {
    color: #5a91af;
    z-index: 1
}

.page-coupon-list .uselessBox .canUse {
    background: #eef9ff;
    color: #6aa2c1
}

.page-coupon-list .uselessBox .flex-box {
    border-bottom: 1px dashed rgba(9,73,108,.35)
}

.page-coupon-list .rule-box .pop-box {
    left: calc(50vw - 300px);
    width: 600px;
    top: 15vh
}

.page-coupon-list .rule-box .pop-box .innerBox {
    margin: 20px auto 30px;
    color: #666
}

.page-coupon-list .rule-box .pop-box .innerBox .contentText {
    width: 95%
}

.page-coupon-list .toGive-pop-wrapper .pop-box {
    left: calc(50vw - 300px);
    width: 600px
}

.page-coupon-list .toGive-pop-wrapper .pop-box .innerBox {
    margin: 20px auto 30px;
    color: #666
}

.page-coupon-list .toGive-pop-wrapper .pop-box .innerBox .contentText {
    width: 95%
}

.member-content-right {
    float: left;
    margin-left: 1.1%;
    width: 81.5%
}

.member-content-right .member-content-right-title {
    padding-left: 20px;
    line-height: 45px;
    border: 1px solid #e5e5e5;
    color: #444;
    background: #efedee
}