.coupon{
        margin: 10px 20px 10px 0px;
        width: 320px;
        display: table;
    }
    .coupon span{
        float: left;
        font-size: 14px;
        line-height: 30px;
    }
    .coupon ul{
        list-style-type: none;
    }
    .coupon ul li{
        float: left;
        margin-left: 10px;
        padding: 5px;
        border: 1px dashed #e5004f;
        color: #e8531f;
    }
    .original-price{
        text-decoration:line-through;
    }
    .layer_notice{
        font-family:"Microsoft Yahei";
        font-size:1.2rem;
        color:#a1a1a1;
        background:#f5f5f5;
        position:relative;
        overflow-x:hidden;
        -webkit-overflow-scrolling:touch;
        height: auto;
    }

    .layer_notice h1,h2,h3,h4,h5,h6,p,ul,ol,li {
        margin:0;
        padding:0;
    }

    .layer_notice em,i {
        font-style:normal;
    }
    .coupon-wrapper {
        width:100%;
        height:auto;
        padding:2%;
    }
    .coupon-wrapper .coupon-item {
        width:48%;
        float: left;
        margin-left: 2%;
    }
    .coupon-wrapper h3 {
        height:3rem;
        line-height:1.8rem;
        font-size:1.4rem;
        color:#454545;
        padding:2% 0;
    }
    .coupon-item .nick {
        padding:.66% 0;
        color:#fff;
    }
    .coupon-item .coupon-money {
        width:100%;
        display:-webkit-box;
        display:-webkit-flex;
        display:flex;
        font-size:1.2rem;
        align-items:center;
    }
    .coupon-item .coupon-money em {
        font-size:2.5rem;
    }
    .coupon-item .coupon-money .lay:last-child {
        flex:1;
        padding:0 3%;
        line-height:1.66rem;
    }


    .style-three {
        width:100%;
        height:8rem;
        position:relative;
        margin:5% 0;
        display:-webkit-box;
        display:-webkit-flex;
        display:flex;
        align-items:center;
        justify-content:center;
        background-color:#fff;
        border:1px solid #E5004F;
    }
    .style-three .get-btn:after {
        content:"";
        width:1.2rem;
        position:absolute;
        top:0;
        bottom:0;
        right:23.9%;
        display:block;
        z-index:9;
        background-color:#fff;
        background-position:100% 35%;
        background-size:2rem .66rem;
        background-image:linear-gradient(-45deg,#e5004f 25%,transparent 25%,transparent),linear-gradient(-135deg,#e5004f 25%,transparent 25%,transparent),linear-gradient(-45deg,transparent 75%,#e5004f 75%),linear-gradient(-135deg,transparent 75%,#e5004f 75%);
    }
    .style-three .info-box{
        -webkit-box:1;
        -webkit-flex:1;
        flex:1;
        padding:0 3% 0 3%;
        position:relative;
    }

    .style-three .get-btn{
        display:-webkit-box;
        display:-webkit-flex;
        display:flex;
        align-items:center;
        justify-content:center;
        width:24%;
        height:8rem;
        text-align:center;
        color:#fff;
        font-size:1.5rem;
        line-height:1.35;
        background-color:#E5004F;
        position:relative;
    }


    .style-three .get-btn span{
        width:4rem;
        word-break:break-all;
    }
    .style-three {
        background-color:#e52c20;
        border:none;
        color:#fff;
    }
    .style-three:before {
        content:"";
        position:absolute;
        left:-.66rem;
        width:2.4rem;
        height:2.8rem;
        top:50%;
        -webkit-transform:translate(-30%,-50%);
        transform:translate(-30%,-50%);
        -webkit-box-shadow:3px 0 0 #aeadad;
        box-shadow:3px 0 0 #aeadad;
        -webkit-border-radius:80%;
        border-radius:80%;
        background-color:#f5f5f5;
    }
    .style-three .get-btn {
        width:24%;
        background-color:#fff;
    }
    .style-three .get-btn:after {
        left:0;
        background-image:linear-gradient(-45deg,#ffffff 25%,#e52c20 25%,#e52c20)
    }
    .style-six .get-btn,.style-seven .get-btn {
        width:28%;
        background-color:#fff;
    }
    .style-three .get-btn span,.style-six .get-btn span {
        color:#e52c20;
    }
    /* 已领取 */
    .style-three.have {
        background-color:#c1c1c1;
        border:none;
    }
    .style-three.have .get-btn span{
        width:1.6rem;
        padding:1.36rem 0;
        font-size:1.6rem;
    }
    .style-three.have .get-btn:after {
        background-image:linear-gradient(-45deg,#ffffff 25%,#c1c1c1 25%,#c1c1c1);
    }
    .style-three.have .get-btn span,.style-four.have .get-btn span,.style-six.have .get-btn span {
        color:#767676;
        font-size:1.6rem;
    }

    .coupon-wrapper-title{
        width: 100%;
        float:left;
    }
    .coupon-wrapper-title .span-left{
        width:45%;
        float:left;
        border-bottom: 1px solid #e6e6e6;
        padding-top: 10px;
    }
    .coupon-wrapper-title .span-right{
        width:45%;
        float:right;
        border-bottom: 1px solid #e6e6e6;
        padding-top: 10px;
    }
    .coupon-wrapper-title .span-wr{
        width:10%;
        text-align: center;
        font-size: 14px;
        color: #999;
        padding-left: 10px;
    }