@charset "utf-8";

.quickMainEmbedControl{
    /*opacity:0;*/
    /*display:none;*/
    position: fixed;
    left:50px;
    bottom:-220px;
    z-index:998;
    animation: quickTimeset .7s 5s linear forwards;
}

@-webkit-keyframes quickTimeset {
    0% {bottom:-220px}
    100% {bottom:0}
}
@keyframes quickTimeset {
    0% {bottom:-220px}
    100% {bottom:0}
}
.quickMainEmbed{
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height:80px; 
    z-index:998;
    transition: .8s;
    background:url('../img/quickBottom/quickBottom.png') no-repeat center center;
    animation: quickTimeset2 .7s 5s linear forwards;
}
@-webkit-keyframes quickTimeset2 {
    0% {bottom:0}
    100% {bottom:-210px}
}
@keyframes quickTimeset2 {
    0% {bottom:0}
    100% {bottom:-210px}
}


.quickMainEmbedControl img{
    cursor: pointer;
}
.quickMainEmbedControl img#colose{
    display: block;
}
@-webkit-keyframes balloonAni1 {
    0% {transform: translateY(0px)}
    100% {transform: translateY(-20px)}
}
@keyframes balloonAni1 {
    0% {transform: translateY(0px)}
    100% {transform: translateY(-20px)}
}


.quickMainEmbed .quickMainEmbed_wrapper {position:relative;bottom:0;width: 1210px;margin: 0 auto; height:inherit;}

.quickCloseWrap {position: absolute;bottom: 140px;left: -30px;}
.quickCloseWrap img {cursor:pointer}

.quickImgWrap {position:absolute;left:0;bottom:0}
.quickImgWrap .quickBottomImg02 {position:absolute;left:175px;bottom:100px}
.quickImgWrap .quickBottomImg03 {position:absolute;left:175px;bottom:100px;animation:twinkle 1s .5s infinite ease alternate;}
@-webkit-keyframes twinkle {
    0% {opacity:1}
    50% {opacity:0}
    100% {opacity:1}
}
@keyframes twinkle {
    0% {opacity:1}
    50% {opacity:0}
    100% {opacity:1}
}

.quickMainEmbedControl .quickOpen01 {position:absolute;left:55px;bottom:0}
.quickMainEmbedControl .quickOpen02 {position:absolute;left:155px;bottom:90px;animation:balloonAni2 1.5s .5s infinite ease alternate;}
@-webkit-keyframes balloonAni2 {
    0%,100% {transform:translateY(0)}
    50% {transform:translateY(-10px)}
}
@keyframes balloonAni2 {
    0%,100% {transform:translateY(0)}
    50% {transform:translateY(-10px)}
}

.quickBottomlink {position:absolute;left:0;bottom:0;display:inline-block;width:1200px;height:80px}

.ft_wrap {background-color:#fff;height:155px;animation: quickTimeset3 .7s 5s linear forwards;}

@-webkit-keyframes quickTimeset3 {
    0% {height:155px}
    100% {height:0}
}
@keyframes quickTimeset3 {
    0% {height:155px}
    100% {height:0}
}


.quickMainEmbed .ad{
	position:relative;
    width: 974px;
    height: 97px;
}

#quickSlider {position:absolute;left:198px;bottom:18px;width:974px;height:97px}
#quickSlider .swiper-button-next, #quickSlider .swiper-button-prev {background:none;width:20px;height:20px;margin-top:0}
#quickSlider .swiper-button-next {right:5px}
#quickSlider .swiper-button-prev {left:5px}