﻿
.rightBar{width:50px;position:fixed;right:10px;bottom:150px;margin-top:-250px;z-index:300}
.rightBar .link{display:block;cursor:pointer;width:50px;height:50px;background:#222;margin:1px 0 0 0;position:relative;left:0;top:0;transition:all linear .2s}
.rightBar .link .img{display:block}
.rightBar .link .lChi{visibility:hidden;opacity:0;filter:alpha(opacity=0);height:50px;position:absolute;right:49px;top:0;padding:0 20px 0 0;overflow:hidden;transition:all linear .2s}
.rightBar .link .lChi .ar{display:block;position:absolute;right:10px;top:15px}
.rightBar .link .lChi .txt{display:block;height:50px;line-height:50px;font-size:14px;color:#fff;padding:0 20px;white-space:nowrap;border-radius:4px;background:url(../images/optBg.png) repeat}
.rightBar .link:hover{background:url(../images/hoverRtBarBg.jpg) repeat-y}
.rightBar .link:hover .lChi{visibility:visible;opacity:1;filter:alpha(opacity=100)}
.rightBar .link:hover .chis,.rightBar .link:hover .wxgzh{display:block}
.rightBar .first{cursor:default;border-top-left-radius:4px;border-top-right-radius:4px}
.rightBar .last{border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.rightBar .qqkf{display:none;position:absolute;top:-11px;left:-192px;width:188px;height:258px;background:url(../images/qqkf_code1.png) no-repeat 0 0}
.rightBar .link:hover .qqkf{display:block}
.rightBar .wxgzh{display:none;position:absolute;top:-11px;left:-192px;width:188px;height:258px;background:url(../images/gzhEwm.png) no-repeat 0 0}
.rightBar .chis{display:none;padding:0 25px 0 0;width:378px;position:absolute;left:-370px;top:-50px}
.rightBar .chis .ars{display:block;width:12px;height:22px;background:url(../images/arrIc.png) no-repeat 0 0;position:absolute;right:14px;top:70px;z-index:2}
.rightBar .cIns{border-radius:3px;overflow:hidden;background:#fff;box-shadow:0 0 16px #dcdbdb;padding:15px 0 2px 0}
.rightBar .csIn{width:322px;margin:0 auto;position:relative;left:0;top:0;background:url(../images/lines.jpg) repeat-y center 0}
.rightBar .csIn .tt{display:block;height:20px;line-height:20px;font-size:16px;color:#333;text-align:left;font-weight:700}
.rightBar .csIn .row{height:40px;border-bottom:1px dashed #eee;text-align:left;font-size:0}
.rightBar .csIn .row .lt{display:inline-block;zoom:1;line-height:48px;font-size:14px;color:#666;width:80px;text-align:left}
.rightBar .csIn .row .qq{cursor:pointer;display:inline-block;zoom:1;height:22px;width:22px;background:url(../images/qqOn.jpg) no-repeat;position:relative;left:0;top:6px}
.rightBar .csIn .row .qq:hover{background:url(../images/qqOn.jpg) no-repeat}
.rightBar .csIn .row .wx{display:inline-block;zoom:1;height:22px;width:22px;background:url(../images/wx.jpg) no-repeat;margin-left:8px;position:relative;left:0;top:6px}
.rightBar .csIn .row .wx:hover{background:url(../images/wxOn.jpg) no-repeat}
.rightBar .csIn .col{width:140px}
.rightBar .mgt{margin-top:8px}
.kfEwmR{display:none;position:fixed;left:0;top:0;z-index:400;width:129px;height:129px;padding:18px 16px 15px 19px;background:url(../images/ewmBgR.png) no-repeat 0 0}
.kfEwmR img{display:block;width:129px;height:129px}
.kfEwmL{display:none;position:fixed;left:0;top:0;z-index:101;width:129px;height:129px;padding:18px 19px 15px 16px;background:url(../images/ewmBgL.png) no-repeat 0 0}
.kfEwmL img{display:block;width:129px;height:129px}
.header .recharge{color:red}
.rEwm-left{width:132px;float:left}
.rEwm-right{width:132px;float:right}
.rEwm-text{height:25px;line-height:25px;text-align:center}
.rightBar .csIn{width:340px;background:0 0;margin-left: 45px; margin-bottom: 20px;}
.rightBar .csIn .col{width:340px}
.rightBar .csIn .row{width:170px;float:left}
.rightBar .csIn .austin{margin-top:20px}
.rightBar .csIn .row .qqoff{background:url(../images/qq-off.jpg) no-repeat}
.rightBar .csIn .row .wxoff{background:url(../images/wx-off.png) no-repeat}
.flt_l {
    float: left;
}
.flt_r {
    float: right;
}

/*新的*/
.rightBar .link:hover .bubble-wrap{display:block}
        .bubble-wrap{position: absolute;top:5px;right: 50px;line-height: 45px;text-align: left;overflow: hidden;padding-right: 15px;padding-bottom:15px;display: none}

        .bubble{background-color: #222222;padding:0 15px;white-space: nowrap;color:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);border-radius: 4px;overflow: hidden}

        .kf{z-index: 9999999999 !important;}

        .pop.kf {width: 770px;position: fixed;top:50%;left:50%;margin:-309px 0 0 -385px;z-index: 1000;background-color: #fff;border-radius: 4px;overflow: hidden}

        .bubble-wrap.kf {width: 770px;position: absolute;top: -210px;;z-index: 99;box-sizing: content-box;}

        .bubble-wrap.kf .bubble{background-color: #fff;padding:0;}

        .bubble-wrap:after, .kf:after{content:'';width: 0;height: 0;border-style: solid;border-width:5px;border-color:transparent transparent transparent #222;position: absolute;right: 5px;top:16px }

        .kf:after{border-color:transparent transparent transparent #fff !important;border-width: 10px !important;right: -5px !important;top:220px !important;}

        /*.fix-wrap>ul>li .bubble>a{background-color: #fff;padding:5px 10px;border-radius: 20px;color:#588df4}*/

        .bubble>a>i{position: relative;top:1px}
        /*客服弹窗*/

        .kf-header{background: -webkit-linear-gradient(to right, #7c7ee5,#4196fe);background: -o-linear-gradient(to right, #7c7ee5,#4196fe);background: -moz-linear-gradient(to right, #7c7ee5,#4196fe);background: linear-gradient(to right, #7c7ee5,#4196fe);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7c7ee5,endcolorstr=#4196fe,gradientType=1);height: 100px;padding:4px 50px 0 50px}

        .kf-header h3{font-size: 20px;color:#fff;line-height: 45px}

        .kf-header p{font-size: 14px;line-height: 20px;color:#fff}

        .kf-header .fl{padding:15px 0 0 0}

        .kf-header img{width: 222px}

        .kf-container{position: relative;padding:20px 35px}

        .mask{background-color: rgba(0,0,0,0.6);position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 99999;}

       

        /*.kf{padding:50px 70px;width: 930px;box-sizing: border-box;position: fixed;top:50%;left: 50%;transform: translate(-50%,-50%);background-color: #fff;z-index: 1000}*/

        .kf .phone{background-image: url(../images/icon.png);width: 24px;height: 24px;background-position: 88px -30px;position: relative;display: none}

        .tips-phone{background-color: rgba(29,43,54,0.8);color:#fff;border-radius: 2px;line-height: 35px !important;padding:0 10px;position:absolute;top:-40px;left:-8px;display: none !important;white-space: nowrap;}

        .tips-phone:after{content:'';display:block;width: 0;height: 0;border-style: solid;border-width: 5px;border-color: rgba(29,43,54,0.8) transparent transparent transparent;position: absolute;bottom: -10px;}

        .kf .phone:hover .tips-phone{display: block !important;}

        .kf .online,.kf .offline{display:inline-block;width: 24px;height: 24px;background-size: 100% 100%}

        .kf .online{background-image: url(../images/qq-online.png);}

        .kf .offline{background-image: url(../images/qq-offline.png);}

        .kf-title{font-weight: bold;font-size: 14px;color:#3b63ca;margin:10px 0;text-align: left;line-height: 25px}

        .kf-title:first-child{margin-top: 0}

        .kf-list li{margin:6px 0 6px -5px;float: left;height: 30px;padding-right: 15px;box-sizing: border-box;width: 115px;}

        .kf-list li *{vertical-align: top}

        .kf-list li span{display: inline-block;line-height: 26px;margin-left: 5px;color:#32363f}

        .kf-list li:hover a span{color:#598cf4}

        .kf-sq{width: 335px;}

        .kf-sq li{width: 33.33333%;text-align: left}

        .kf-other{width: 345px;}

        .kf-help{margin-top: 10px;}

        .kf-help li{float: left;margin-right: 15px;}

        .kf-help li:last-child{margin-right: 0}

        .kf-help li img{display: block;}
        .fr{float: right}
        .fl{float:left}
 