.cm-header {
    background-image: #fff;
    color: #000;
    left: 0;
    position: fixed;
    top: -1px;
    width: 100%;
    z-index: 30
}

.flex {
    align-items: center;
    display: flex
}

.flex-col {
    display: flex;
    flex-direction: column
}

body {
    margin: 0;
    background: linear-gradient(90deg,#0d60e3,#7370f5)
}
.home-channel-17 {
    width: 100%
}

.home-channel-17 .top-bg {
    height: 58.4vw;
    width: 100%
}

.home-channel-17 .right-position {
    align-items: center;
    background: #0006;
    border-radius: 2.4vw 0 0 2.4vw;
    display: flex;
    height: 20vw;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 4vw;
    width: 7.2vw;
    z-index: 10;
    text-decoration: none;
}

.home-channel-17 .right-position span {
    color: #fff;
    font-size: 3.4666666667vw;
    font-weight: 600;
    letter-spacing: .8vw;
    writing-mode: vertical-rl
}

.home-channel-17 .card {
    background-color: #fff;
    border-radius: 3.2vw;
    box-sizing: border-box;
    margin: 3.3333333333vw;
    width: 93.3333333333vw
}

.home-channel-17 .card.first {
    padding: 2.6666666667vw
}

.home-channel-17 .card.first input {
    background-color: #f1f1f1;
    border: none;
    border-radius: 6.6666666667vw;
    box-sizing: border-box;
    color: #333;
    font-size: 5.0666666667vw;
    font-weight: 700;
    height: 13.3333333333vw;
    padding: 0 5.3333333333vw;
    width: 100%
}

.home-channel-17 .card.first .payment-method {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin-top: 4vw;
    padding: 0 2vw
}

.home-channel-17 .card.first .payment-method .left {
    align-items: center;
    display: flex
}

.home-channel-17 .card.first .payment-method .left .zfb {
    height: 6.4vw;
    width: 6.4vw
}

.home-channel-17 .card.first .payment-method .left .name {
    color: #333;
    font-size: 3.7333333333vw;
    font-weight: 600;
    margin-left: 2.1333333333vw
}

.home-channel-17 .card.first .payment-method .left .sub {
    border: 1px solid #f32119;
    box-sizing: border-box;
    color: #f32119;
    font-size: 3.2vw;
    font-weight: 600;
    margin-left: 2.6666666667vw;
    padding: .6666666667vw
}

.home-channel-17 .card.first .payment-method .right {
    height: 4.2666666667vw;
    width: 4.2666666667vw
}

.home-channel-17 .card.first .payment-price {
    box-sizing: border-box;
    margin-top: 5.3333333333vw;
    padding: 0 2vw;
    text-align: left
}

.home-channel-17 .card.first .payment-price div {
    color: #333;
    font-size: 4.2666666667vw;
    font-weight: 600
}

.home-channel-17 .card.first .payment-price div span {
    color: #206efe;
    font-size: 4.8vw;
    font-weight: 700
}

.home-channel-17 .card.first .payment-price div:nth-child(2) {
    margin-top: 1.3333333333vw
}

.home-channel-17 .card.first .agreement {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 3.2vw;
    font-weight: 600;
    justify-content: center
}

.home-channel-17 .card.first .agreement img {
    height: 4.8vw;
    margin-right: 1.0666666667vw;
    width: 4.8vw
}

.home-channel-17 .card.first .agreement a {
    color: #206efe;
    text-decoration: none;
}

.home-channel-17 .card.first .sub-btn {
    align-items: center;
    animation: channel 1s infinite;
    background: linear-gradient(90deg,#07f,#1d94ff);
    border-radius: 8.2666666667vw;
    color: #fff;
    display: flex;
    font-size: 5.6vw;
    font-weight: 700;
    height: 16.6666666667vw;
    justify-content: center;
    margin: 5.3333333333vw 0;
    position: relative;
    width: 100%
}

.home-channel-17 .card.first .sub-btn .tag {
    background: red;
    border-radius: 5.8666666667vw 5.8666666667vw 5.8666666667vw 0;
    color: #fff;
    font-size: 3.7333333333vw;
    line-height: 1;
    padding: 1.0666666667vw 4vw;
    position: absolute;
    right: .2666666667vw;
    top: -2.6666666667vw
}

.home-channel-17 .card.first .title {
    box-sizing: border-box;
    color: #000;
    font-size: 4.2666666667vw;
    font-weight: 700;
    padding: 5.3333333333vw 2vw 0;
    text-align: center;
    text-align: left;
    width: 100%
}

.home-channel-17 .card .rules {
    box-sizing: border-box;
    padding: 2.6666666667vw
}

.home-channel-17 .card .rules h4 {
    font-size: 4.2666666667vw;
    margin: 1.3333333333vw 0
}

.home-channel-17 .card .rules p {
    color: #333;
    font-size: 3.7333333333vw
}

.home-channel-17 .card .coupon-list {
    background-color: #d8effe;
    border-radius: 3.2vw;
    box-sizing: border-box;
    margin-top: 8vw;
    padding-top: 13.3333333333vw;
    position: relative;
    width: 100%
}

.home-channel-17 .card .coupon-list .title {
    align-items: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAAoCAYAAABEm8fXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIyQUU3M0Q2MDJCMzExRUZCQTAzRkRGRDdBRjEzNTVGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIyQUU3M0Q3MDJCMzExRUZCQTAzRkRGRDdBRjEzNTVGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjJBRTczRDQwMkIzMTFFRkJBMDNGREZEN0FGMTM1NUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjJBRTczRDUwMkIzMTFFRkJBMDNGREZEN0FGMTM1NUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7UYbVOAAACWElEQVR42uzcsWpTYRQH8HshCI6Kb6Avoy/gYkcHF7duPoFOPoCTkw9QbUUwgpuDTlJEVwcHiyAEsbnX84WbNNfcNLE2zXfh94NTkvZ2+YY/5zSnXzn6+ORSURSPou5EXS0A8nIU9TRqd1DU9cN4cd+ZAJm60mTUaFAU1Y7zAHrg7qCs6yOjINCH0TBGwmrPSAj0wF4KrAOBBfQlsF7Hi1HUZecBZOpn1JsUWCmshlE3nQmQqVdRvwZlXaU3+wILyHkcTF+iwxpP3zx2JkCG6qjnTWBNOqwvTV13NkBm3kd9ne+wpl2WTwuBLMfBSWCVJ4FlvQHIO7CakTCx3gDk5lvUu5PAqmYd1qgJrVvOCMjEi6hqrsMaz//wQGABOY6Dk8Aq24FlvQHIxe+ol63AKqrj+ffWG4BcvI360Q6sdoc17bJ8WghkNQ52jYSJ9QYgz8D6ayRMrDcA25b+NHW4GFiLHZb1BiC77qrpsMZd37feAOQXWGV9vOxh6w3ANkwu6+vusLoDy3oDsC2Ty/r+ZSScdlk+LQSyGAdP67CSfYEFXLDZZX1LOqylgTUsrDcAF2t2WV9nYHUsjk5ZbwCyGQdXjYSJ9QagN4FlvQG4KK3L+roDqzo1sNJqw+eoG84S2LDWZX1n6bCS9Bd7nxYCWx0Hm8Aar3rGegOwaQuX9Z21wxoW1huAzVq4rK8zsMrVgWW9Adj6OLhuh5VYbwB6E1jWG4BNSf/sfHiegZXWG55F3Xa2wDlKAbS77sODohiv++xO1Keoe1HXnDPwn75HPYj6sO4v/BFgANYNuMTA/vyZAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #ea4d3e;
    display: flex;
    font-size: 5.3333333333vw;
    font-weight: 700;
    height: 14.1333333333vw;
    justify-content: center;
    left: 0;
    margin: 0 8vw 2.6666666667vw;
    position: absolute;
    top: -4vw;
    width: 72.8vw
}

.home-channel-17 .card .coupon-list .coupon {
    background-image: url(/static/brhf/coupon-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 3.2vw;
    display: flex;
    height: 25.6vw;
    margin: 3.3333333333vw 2vw;
    position: relative;
    width: 89.3333333333vw
}

.home-channel-17 .card .coupon-list .coupon .tag {
    align-items: center;
    background-color: #f8c98c;
    border-radius: 3.2vw 1.3333333333vw 1.3333333333vw 1.3333333333vw;
    color: #955f24;
    display: flex;
    font-size: 3.4666666667vw;
    height: 7.4666666667vw;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 29.3333333333vw
}

.home-channel-17 .card .coupon-list .coupon .left {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: center;
    padding-top: 4vw
}

.home-channel-17 .card .coupon-list .coupon .left strong {
    color: #fff;
    font-size: 6.1333333333vw
}

.home-channel-17 .card .coupon-list .coupon .left span {
    color: #fff;
    font-size: 4vw
}

.home-channel-17 .card .coupon-list .coupon .right {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 29.3333333333vw
}

.home-channel-17 .card .coupon-list .coupon .right .btn {
    align-items: center;
    background-color: #f67856;
    border-radius: 2.1333333333vw;
    color: #fff;
    display: flex;
    font-size: 5.3333333333vw;
    font-weight: 700;
    height: 17.6vw;
    justify-content: center;
    width: 22.6666666667vw
}

.home-channel-17 .tips {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 13.3333333333vw 0 8vw;
    width: 100%
}

.home-channel-17 .tips span {
    color: #666;
    font-size: 2.9333333333vw;
    letter-spacing: .2666666667vw;
    line-height: 5.0666666667vw
}

@keyframes channel {
    0% {
        transform: scale(.9)
    }

    50% {
        transform: scale(1)
    }

    to {
        transform: scale(.9)
    }
}