.c-bg{
    position: relative;
}
.c-bg .c-bg-img{
    width: 100%;
}
.d-bg img{
    width: 100%;
}
.txt-tou{
    padding-left: 15px;
    padding-left: 15px;
}
.yt-bg{
    /*background: #dff2f3;*/
    background: -webkit-linear-gradient(#FFFFFF, #dff2f3); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#FFFFFF, #dff2f3); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #dff2f3); /* Firefox 3.6 - 15 */
    background: linear-gradient(#FFFFFF, #dff2f3); /* 标准的语法 */
}
.send-logo{
    position: absolute;
    z-index: 9999;
    -webkit-animation: ani_rotate1 2s linear infinite;
    -moz-animation: ani_rotate1 2s linear infinite;
    -o-animation: ani_rotate1 2s linear infinite;
    animation: ani_rotate1 2s linear infinite;

}
.coupon-logo{
    position: absolute;
    z-index: 9999;

    opacity: 0
}
.coupon-logo.float{
    -webkit-animation: ani_zoom 2s ease-in-out infinite;
    -moz-animation: ani_zoom 2s ease-in-out infinite;
    -o-animation: ani_zoom 2s ease-in-out infinite;
    animation: ani_zoom 2s ease-in-out infinite;
}
.container{
    padding-left: 0;
    padding-right: 0;
    opacity: 0;
}
.register-bannder{
    background: #5ABDBD;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 10px;
}
.s-form .container{
    padding-left: 0;
    padding-right: 0;
}
.bubble-move{
    min-height: 600px;
    background: #FFFFFF;
    position: relative;
}
.bubble-float1{
    -webkit-animation: bubbleFloat 10s ease-in-out infinite;
    animation: bubbleFloat 10s ease-in-out infinite;
}
.bubble-float2{
    -webkit-animation: bubbleFloat2 10s ease-in-out infinite;
    animation: bubbleFloat2 10s ease-in-out infinite;
}
.bubble-move .bubble-1{
    position: absolute;
    width: 18%;
    left: 14%;
    top: 0;

}

.bubble-move .bubble-2{
    position: absolute;
    width: 15%;
    left: 38%;
    top: 2%;
    -webkit-animation-duration: 9.6s;
    animation-duration: 9.6s;
}

.bubble-move .bubble-3{
    position: absolute;
    width: 18%;
    left: 68%;
    top: 10%;
    -webkit-animation-duration: 10.2s;
    animation-duration: 10.2s;
}

.bubble-move .bubble-4{
    position: absolute;
    width: 15%;
    left: 24%;
    top: 30%;

}
.bubble-move .bubble-5{
    position: absolute;
    width: 20%;
    left: 45%;
    top: 30%;
    -webkit-animation-duration: 9.8s;
    animation-duration: 9.8s;
}
.bubble-move .bubble-6{
    position: absolute;
    width: 14%;
    left: 35%;
    top: 63%;

}
.bubble-move .bubble-7{
    position: absolute;
    width: 15%;
    left: 65%;
    top: 50%;
}


.resp-container{
    margin: 0px auto 80px;
}




@media (max-width: 767px){
    .bubble-move{
        min-height: 323px;


    }
    .send-logo {
        left: 50%;
        width: 30px;
        top: 29%;
    }
    .coupon-logo{
        left: 60%;
        top: 39%;
        width: 130px;
    }
}
@media (max-width: 576px){
    .bubble-move{
        min-height: 250px;


    }
    .send-logo{
        left: 49%;
        width: 5%;
        top: 30%;
    }
    .coupon-logo{
        left: 60%;
        top: 39%;
        width: 80px;
    }
}
@media (min-width: 768px){
    .bubble-move{
        min-height: 400px;

    }
    #col-email-title{
        width: 1%;
    }
    .send-logo {
        left: 49%;
        width: 37px;
        top: 29%;
    }
    .coupon-logo{
        left: 60%;
        top: 39%;
        width: 150px;
    }
}
@media (min-width: 992px){

    .bubble-move{
        min-height: 500px;
    }
    #col-email-title{
        width: 1%;
    }
    .send-logo {
        left: 49%;
        width: 50px;
        top: 29%;
    }
    #col-email-input{
        width: 30%;
    }
    .coupon-logo{
        left: 60%;
        top: 39%;
        width: 200px;
    }
}
@media (min-width: 1200px){
    #col-email-title{
        width: 2%;
    }
    .bubble-move{
        min-height: 600px;
    }
    .send-logo{
        left: 50%;
        width: 50px;
        top: 29%;
    }
    #col-email-input{
        width: 35%;
    }
    .coupon-logo{
        left: 62%;
        top: 39%;
        width: 218px;
    }
}

@keyframes bubbleFloat {
    0%, 100% {
        opacity: 1;
        -webkit-transform: translate(0%,0%) rotate(0deg);
        transform: translate(0%,0%) rotate(0deg);
    }
    50% {
        opacity: 1;
        -webkit-transform: translate(0%,-20%) rotate(0deg);
        transform: translate(0%,-20%) rotate(0deg);
    }
}

@-webkit-keyframes bubbleFloat {
    0%, 100% {
        opacity: 1;
        -webkit-transform: translate(0%,0%) rotate(0deg);
        transform: translate(0%,0%) rotate(0deg);
    }
    50% {
        opacity: 1;
        -webkit-transform: translate(0%,-20%) rotate(0deg);
        transform: translate(0%,-20%) rotate(0deg);
    }
}


@keyframes bubbleFloat2 {
    0%, 100% {
        -webkit-transform: translate(0%,0%) rotate(0deg);
        transform: translate(0%,0%) rotate(0deg);
    }
    50% {
        -webkit-transform: translate(0%,-20%) rotate(0deg);
        transform: translate(0%,-20%) rotate(0deg);
    }
}

@-webkit-keyframes bubbleFloat2 {
    0%, 100% {
        -webkit-transform: translate(0%,0%) rotate(0deg);
        transform: translate(0%,0%) rotate(0deg);
    }
    50% {
        -webkit-transform: translate(0%,-20%) rotate(0deg);
        transform: translate(0%,-20%) rotate(0deg);
    }
}

@-webkit-keyframes ani_rotate1 {
    0%, 100% {
        -webkit-transform: scale(1) rotate(0deg);
    }

    50% {
        -webkit-transform: scale(1) rotate(15deg);
    }
}

@-webkit-keyframes ani_zoom {
    0%, 100% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.05);
    }
}