@charset "UTF-8";
#qiao-wrap{display:none;}
.fix:after { display: block; content: "$"; height: 0; clear: both; overflow: hidden; visibility: hidden; }
/**********弹出**********/
.popupWin2 { font-family: "Microsoft YaHei"; position: fixed;-webkit-transform: translateZ(0); width: 242px; left: 50%; top: 50%;margin-left: -121px; margin-top: -67px; z-index: 3; }
.popupWin2 a{ text-decoration:none; }
.popupWin2 p {margin:0;}
.popupWin2 .l{ float:left; }
.popupWin2 .r{ float:right; }
.popupWin2 i{ font-style:normal; }
.popupWin2>div{  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
.popupTitle2 { padding-left: 32px; margin:0; background: #F37B38; height: 30px; line-height: 30px; color: #fff; position: relative;font-size:16px; }
.popupTitle2 span{ font-size:12px; }
.popupTitle2 .titleMsg{display: inline-block;position:absolute;right:6px;top:2px;width: 32px; height: 100%; margin-left: 2px; background: url(centerimg/icon_popup.png) no-repeat; -webkit-background-size: 61px auto; background-size: 61px auto; }
.popupTitle2 .cancelBtn { position: absolute; top: 0; left: 0; display: block;cursor:pointer; width: 28px; height: 100%; background: url(centerimg/icon_popup.png) no-repeat -32px 2px #F37B38; -webkit-background-size: 61px auto; background-size: 61px auto; }
.popupInner2 { padding: 8px; background: #f2f2f2; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; }
.popupInner2 img { width: 56px; height: auto; }
.popupInner2 .dialogBtn { line-height: 1em; width: 150px; background: #fff; padding: 3px; font-size: 12px; color: #666; white-space: nowrap; position: relative; border: 1px solid #e9e9e9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.popupInner2 .dialogBtn i { display: block; color: #04807c; margin-top: 10px; text-decoration: underline; }
.popupInner2 .dialogBtn:before, .popupInner2 .dialogBtn:after { width: 0; height: 0; content: ""; position: absolute; right: 10px; border: 6px solid transparent; }
.popupInner2 .dialogBtn:before { border-top-color: #fff; bottom: -10px; z-index: 1; }
.popupInner2 .dialogBtn:after { border-top-color: #e9e9e9; bottom: -11px; z-index: 0; }



/* .popupInner2 .popB { margin: 10px 0 0 0; } */
 .popupInner2 .popB p { font-size: 14px; padding-top: 6px; color: #666; }
.popupInner2 .popB .flashNo { display: inline-block; width: 14px; height: 14px; vertical-align: middle; background: #04807c; text-align: center; color: #fff; line-height: 14px; font-family: arial; -webkit-animation: flash 1s infinite; animation: flash 1s infinite; }
.popupInner2 .replyQuickly {-webkit-animation:zooming 1s infinite; animation:zooming 1s infinite; display: inline-block; width: 72px; height: 26px; line-height: 24px; text-align: center; background:#F37B38; color: #fff; font-size: 14px; border-top-left-radius: 2px;border-top-right-radius: 2px;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-radius:2px; -webkit-box-shadow: inset 0 -2px 1px #F37B38; box-shadow: inset 0 -2px 1px #F37B38; }
.fix:after { display: block; content: "$"; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.fadeScale{opacity:0;-webkit-transform:scale(0.3,0.3);transform:scale(0.3,0.3);}
.fadeOut{opacity:0;}
.fadeUp{opacity:0;-webkit-transform:translate(0,-100px);transform:translate(0,-100px);}
.flipX{opacity:0; -webkit-transform: rotateX(90deg);transform: rotateX(90deg);}
.flipY{opacity:0; -webkit-transform: rotateY(90deg);transform: rotateY(90deg);}
@-webkit-keyframes flash { 0%,40%,100% { opacity: 1; }  50%,90% { opacity: 0; } }
@keyframes flash { 0%,40%,100% { opacity: 1; }  50%,90% { opacity: 0; } }
@-webkit-keyframes zooming{ 0%      {-webkit-transform: scale(.8);} 50%     {-webkit-transform: scale(1.05); text-shadow:0 0 5px white; } 100%    {-webkit-transform: scale(.8);}}
@keyframes zooming{0%      {-webkit-transform: scale(.8);} 50%     {-webkit-transform: scale(1.05); text-shadow:0 0 5px white;} 100%    {-webkit-transform: scale(.8);}}


/*右侧咨询*/
.online-right{
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #00aff0;
    position: fixed;
    right: 0;
    top: 60%;
    color: #fff;
    text-align: center;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.3)));
    background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
    background-image: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
    background-image: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    box-shadow: inset 0 0.3rem 0.2rem rgba(255, 255, 255, 0.2), inset 0 -0.3rem 0.2rem rgba(0, 0, 0, 0.2), 0 0.2rem 0.4rem rgba(0, 0, 0, 0.2);
    text-shadow: 0 0.03rem rgba(0, 0, 0, 0.8), 0 0.3rem 0.4rem rgba(0, 0, 0, 0.2), 0 -0.2rem 0.4rem rgba(255, 255, 255, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    font-weight: bold;
}
.online-right span{font-size: 14px;}
.online-right .rnum{
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #f00;
    border:1px solid #fff;
    border-radius: 50%;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: -9px;
    animation: bob 2s ease 0s normal none infinite running;
}

@keyframes bob{
    0%, 100% {
        transform: translateY(0);
    }
    10% {
        transform: translateY(8px);
    }
    20% {
        transform: translateY(-8px);
    }
    30% {
        transform: translateY(4px);
    }
    40% {
        transform: translateY(-4px);
    }
    50% {
        transform: translateY(0);
    }
}