﻿.adFloat .hd {
    position: absolute;
    left: 10px;
    top: 3%;
    z-index: 99;
}
.adFloat .hd ul li {
    float: left;
    margin: 0 4px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
}
.adFloat .hd ul li.on {
    background: #f00;
    color: #f00;
}
.imgSliders {
    position: relative;
}
.imgSliders li img{
    width:100%;
}
.closeBtn {
    position: absolute;
    right: 6%;
    top: 0px;
    cursor:pointer
}
/*右上*/
.AdRightTop {
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 99;
}
.slideBoxTR {
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: relative;
}
/*左上*/
.AdLeftTop {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
}
.slideBoxTL {
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: relative;
}
/*左下*/
.AdLeftBottom {
    position: fixed;
    left: 0;
    bottom: 1%;
    z-index: 99;
}
.slideBoxBL {
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: relative;
}
/*中間*/
.floatMR {
    width: 125px;
    overflow: hidden;
    position: absolute;
    top: 150px;
    right: 5px;
    z-index: 99;
}
.floatML {
    width: 125px;
    overflow: hidden;
    position: absolute;
    top: 150px;
    left: 5px;
    z-index: 99;
}
.floatMR img, .floatML img {
    width: 125px;
    height: auto;
    vertical-align: top;
}
/*右下*/
.bbininfo-wrap {
    position: fixed;
    bottom: 1%;
    z-index: 99;
    right: -256px;
}
.btn-bbininfo {
    position: relative;
    right: 0;
}
@keyframes bbinactive
{
0%   {margin-bottom: 0;}
25%  {margin-bottom: 3px;}
50%  {margin-bottom: 0;}
75%  {margin-bottom: 3px;}
100% {margin-bottom: 0;}
}
@-moz-keyframes bbinactive /* Firefox */
{
0%   {margin-bottom: 0;}
25%  {margin-bottom: 3px;}
50%  {margin-bottom: 0;}
75%  {margin-bottom: 3px;}
100% {margin-bottom: 0;}
}
@-webkit-keyframes bbinactive /* Safari & Chrome */
{
0%   {margin-bottom: 0;}
25%  {margin-bottom: 3px;}
50%  {margin-bottom: 0;}
75%  {margin-bottom: 3px;}
100% {margin-bottom: 0;}
}
@-o-keyframes bbinactive /* Opera */
{
0%   {margin-bottom: 0;}
25%  {margin-bottom: 3px;}
50%  {margin-bottom: 0;}
75%  {margin-bottom: 3px;}
100% {margin-bottom: 0;}
}
.bbin-jump .bbininfo-slide-active {
    animation: bbinactive 1s;
    -moz-animation: bbinactive 1s; /* Firefox */
    -webkit-animation: bbinactive 1s;  /* Safari &#21644; Chrome */
    -o-animation: bbinactive 1s;   /* Opera */
}
.bbininfo-slide-active {
    display: block;
}
.bbin-toppic {
    display: none;
    width: 301px;
    height: 48px;
}
.bbininfo-slide-01 {
    background: url('../images/float/newubbrowser.png') 0 0 no-repeat;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    opacity: 0.528031;
}
.bbininfo-slide-02 {
    background: url('../images/float/BBIN_1.png') 0 0 no-repeat;
    position: static;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    display: none;
}
.bbininfo-slide-03 {
    background: url('../images/float/technicalsupport.png') 0 0 no-repeat;
    position: static;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    display: block;
    opacity: 0.471969;
}
@keyframes hoverEff{
    0%{transform: scale(1);}
    50%{transform: scale(1.2);}
    100%{transform: scale(1);}
}
@-webkit-keyframes hoverEff{
    0%{transform: scale(1);}
    50%{transform: scale(1.2);}
    100%{transform: scale(1);}
}
.bbininfo-close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 8px;
    right: 4px;
    z-index: 3;
    cursor: pointer;
    background: url('../images/float/icon01.png') 50% 50% no-repeat;
}
.bbininfo-close:hover {
    animation: hoverEff .8s linear;
    -webkit-animation: hoverEff .8s linear;
}
