﻿* {
    margin:0;
    padding:0;
}
.bigbox .qq {
    width: 600px;
    height: 400px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow:hidden;
}

    .bigbox .qq a {
        text-decoration: none;
        display: block;
        width: 600px;
        height: 324px;
    }

.relative {
    position: relative;
    height:300px;
}
.small_cloud {
    position: absolute;
    top:100px;
    left:-100px;
    animation: small_cloud 2s infinite;
    -webkit-animation: small_cloud 2s infinite;
    -moz-animation: small_cloud 2s infinite;
    -ms-animation: small_cloud 2s infinite;
}
@keyframes small_cloud {
   0%{
	    left:-100px
	}
    100% {
        left:700px;
    }
}
@-webkit-keyframes small_cloud {
   0%{
	    left:-100px
	}
    100% {
        left:700px;
    }
}
@-moz-keyframes small_cloud {
   0%{
	    left:-100px
	}
    100% {
        left:700px;
    }
}
@-ms-keyframes small_cloud {
   0%{
	    left:-100px
	}
    100% {
        left:600px;
    }
}


.big_cloud{
    position: absolute;
    top:230px;
    left:-200px;
    animation: big_cloud 4s infinite;
    -webkit-animation: big_cloud 4s infinite;
    -moz-animation: big_cloud 4s infinite;
    -ms-animation: big_cloud 4s infinite;
}
@keyframes big_cloud {
   0%,100%{
	    left:-200px
	}

    100%{
	    left:600px
	}
}
@-webkit-keyframes big_cloud {
   0%,100%{
	    left:-200px
	}

    100%{
	    left:600px
	}
}

@-ms-keyframes big_cloud {
   0%,100%{
	    left:-200px
	}

    100%{
	    left:600px
	}
}

@-moz-keyframes big_cloud {
   0%,100%{
	    left:-200px
	}

    100%{
	    left:600px
	}
}

.kefu {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    margin: auto;
    animation: kefu 1s infinite;
    -webkit-animation: kefu 1s infinite;
    -moz-animation: kefu 1s infinite;
    -ms-animation: kefu 1s infinite;
}
@keyframes kefu {
   0%,100%{
		transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
	}
    15% {
        transform: translate3d(-3px,2px,0);
        -webkit-transform: translate3d(-3px,2px,0);
        -moz-transform: translate3d(-3px,2px,0);
        -ms-transform: translate3d(-3px,2px,0);
    }
	30% {
		transform: translate3d(-6px,-3px,0);
        -webkit-transform: translate3d(-6px,-3px,0);
        -moz-transform: translate3d(-6px,-3px,0);
        -ms-transform: translate3d(-6px,-3px,0);
	}
    45% {
		transform: translate3d(-8px,-6px,0);
        -webkit-transform: translate3d(-8px,-6px,0);
        -moz-transform: translate3d(-8px,-6px,0);
        -ms-transform: translate3d(-8px,-6px,0);
	}
    60% {
		transform: translate3d(-6px,-3px,0);
        -webkit-transform: translate3d(-6px,-3px,0);
        -moz-transform: translate3d(-6px,-3px,0);
        -ms-transform: translate3d(-6px,-3px,0);
	}
    75% {
		transform: translate3d(-3px,0px,0);
        -webkit-transform: translate3d(-3px,0px,0);
        -moz-transform: translate3d(-3px,0px,0);
        -ms-transform: translate3d(-3px,0px,0);
	}
    90% {
		transform: translate3d(3px,-2px,0);
        -webkit-transform: translate3d(3px,-2px,0);
        -moz-transform: translate3d(3px,-2px,0);
        -ms-transform: translate3d(3px,-2px,0);
	}
}

@-webkit-keyframes kefu {
   0%,100%{
		transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
	}
    15% {
        transform: translate3d(-3px,2px,0);
        -webkit-transform: translate3d(-3px,2px,0);
        -moz-transform: translate3d(-3px,2px,0);
        -ms-transform: translate3d(-3px,2px,0);
    }
	30% {
		transform: translate3d(-6px,-3px,0);
        -webkit-transform: translate3d(-6px,-3px,0);
        -moz-transform: translate3d(-6px,-3px,0);
        -ms-transform: translate3d(-6px,-3px,0);
	}
    45% {
		transform: translate3d(-8px,-6px,0);
        -webkit-transform: translate3d(-8px,-6px,0);
        -moz-transform: translate3d(-8px,-6px,0);
        -ms-transform: translate3d(-8px,-6px,0);
	}
    60% {
		transform: translate3d(-6px,-3px,0);
        -webkit-transform: translate3d(-6px,-3px,0);
        -moz-transform: translate3d(-6px,-3px,0);
        -ms-transform: translate3d(-6px,-3px,0);
	}
    75% {
		transform: translate3d(-3px,0px,0);
        -webkit-transform: translate3d(-3px,0px,0);
        -moz-transform: translate3d(-3px,0px,0);
        -ms-transform: translate3d(-3px,0px,0);
	}
    90% {
		transform: translate3d(3px,-2px,0);
        -webkit-transform: translate3d(3px,-2px,0);
        -moz-transform: translate3d(3px,-2px,0);
        -ms-transform: translate3d(3px,-2px,0);
	}
}

@-moz-keyframes kefu {
   0%,100%{
		transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
	}
    15% {
        transform: translate3d(-3px,2px,0);
        -webkit-transform: translate3d(-3px,2px,0);
        -moz-transform: translate3d(-3px,2px,0);
        -ms-transform: translate3d(-3px,2px,0);
    }
	30% {
		transform: translate3d(-6px,-3px,0);
        -webkit-transform: translate3d(-6px,-3px,0);
        -moz-transform: translate3d(-6px,-3px,0);
        -ms-transform: translate3d(-6px,-3px,0);
	}
    45% {
		transform: translate3d(-8px,-6px,0);
        -webkit-transform: translate3d(-8px,-6px,0);
        -moz-transform: translate3d(-8px,-6px,0);
        -ms-transform: translate3d(-8px,-6px,0);
	}
    60% {
		transform: translate3d(-6px,-3px,0);
        -webkit-transform: translate3d(-6px,-3px,0);
        -moz-transform: translate3d(-6px,-3px,0);
        -ms-transform: translate3d(-6px,-3px,0);
	}
    75% {
		transform: translate3d(-3px,0px,0);
        -webkit-transform: translate3d(-3px,0px,0);
        -moz-transform: translate3d(-3px,0px,0);
        -ms-transform: translate3d(-3px,0px,0);
	}
    90% {
		transform: translate3d(3px,-2px,0);
        -webkit-transform: translate3d(3px,-2px,0);
        -moz-transform: translate3d(3px,-2px,0);
        -ms-transform: translate3d(3px,-2px,0);
	}
}

@-ms-keyframes kefu {
   0%,100%{
		transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
	}
    15% {
        transform: translate3d(-3px,2px,0);
        -webkit-transform: translate3d(-3px,2px,0);
        -moz-transform: translate3d(-3px,2px,0);
        -ms-transform: translate3d(-3px,2px,0);
    }
	30% {
		transform: translate3d(-6px,-3px,0);
        -webkit-transform: translate3d(-6px,-3px,0);
        -moz-transform: translate3d(-6px,-3px,0);
        -ms-transform: translate3d(-6px,-3px,0);
	}
    45% {
		transform: translate3d(-8px,-6px,0);
        -webkit-transform: translate3d(-8px,-6px,0);
        -moz-transform: translate3d(-8px,-6px,0);
        -ms-transform: translate3d(-8px,-6px,0);
	}
    60% {
		transform: translate3d(-6px,-3px,0);
        -webkit-transform: translate3d(-6px,-3px,0);
        -moz-transform: translate3d(-6px,-3px,0);
        -ms-transform: translate3d(-6px,-3px,0);
	}
    75% {
		transform: translate3d(-3px,0px,0);
        -webkit-transform: translate3d(-3px,0px,0);
        -moz-transform: translate3d(-3px,0px,0);
        -ms-transform: translate3d(-3px,0px,0);
	}
    90% {
		transform: translate3d(3px,-2px,0);
        -webkit-transform: translate3d(3px,-2px,0);
        -moz-transform: translate3d(3px,-2px,0);
        -ms-transform: translate3d(3px,-2px,0);
	}
}

.wait {
    display:block;
    text-align:center;
    font-size:14px;
    color:#666;
    height:40px;
    line-height:40px;
    font-family:'Microsoft Himalaya';
}

.zuoce {
    display: none;
}
