.qq-bubble{position:absolute;right: 50px;top:50%;margin-top:-58px;text-align:left;display: none;padding-right: 20px;}
.qq-bubble-item{padding:15px 30px;box-shadow:0 3px 10px rgba(178,178,178,.13);background-color:#fff;border-radius:5px;white-space:nowrap}
.qq-bubble-item p{font-size:14px;color:#4b8af4;margin:10px 0;white-space:nowrap}
.qq-bubble-item:after{content:'';position:absolute;right: 0;top:50%;margin-top: -10px;display:block;width:0;height:0;border-width:10px;border-style:solid;border-color:transparent transparent transparent #fff;}
.qq-bubble-item h3{white-space:nowrap;color:#04304c;font-size:14px;font-weight:normal}
.qq-bubble-item p{font-size:14px;color:#4b8af4;margin:10px 0;white-space:nowrap}
.qq-bubble-item .btn{min-width: 108px;display:inline-block;line-height:30px;padding:0 12px;background-color:#4b8af4;color:#fff;border-radius:20px;font-size:12px}
.fix-qq>ul>li:hover>a,.fix-qq>ul>li.pop>a{color:#0096ff}
.fix-qq>ul>li:hover .qq-icon01,.fix-qq>ul>li.pop .qq-icon01{background-position:0 -24px}
.fix-qq>ul>li:hover .qq-icon02{background-position:-24px -24px}
.fix-qq>ul>li:hover .qq-icon03{background-position:-48px -24px}
.fix-qq>ul>li:hover .qq-icon04{background-position:-72px -24px}

.qq-bubble .bubble{position: fixed;width: 90%;margin-top: 20%;max-height: 60%;top: 0;left: 5%;}

.kf-header{padding: 15px 30px;background-image: url(../images/qqkf/customer_service_title_bg.png);background-repeat: no-repeat;background-position: right;}
.kf-header h1{font-size: 22px;font-weight: normal;margin-right: 15px;line-height: 45px;}
.kf-header > *{display: inline-block;color: #fff;}
.qq-bubble .kf-close{position: absolute;right: 15px;top: 15px;}
.kf-close i{font-size: 22px;color: #fff;}
.kf-container{position: relative;padding: 20px 30px 30px;height: calc(60vh - 95px);overflow-y:auto}
.kf-sq,.kf-other{width: 100%}
.kf-sq{margin-bottom: 20px}
.kf-sq:after{display: none}
.kf-sq li{width: 50%;text-align: left;}
.kf-sq li:nth-child(2n){padding-left: 20px;}
.kf-sq li:hover:before{display: none}
.kf-title {font-weight: bold;font-size: 14px;color: #2a2a36;margin: 18px 0 0;text-align: left;line-height: 25px;}
.kf-title:first-child{margin-top: 0;}
.kf-list li{min-width: 33.33333%;margin: 4px 0;float: left;height: 30px;box-sizing: border-box;position: relative;}
.kf-list li a{line-height: 30px;}
.kf-wrapper{width: 100%;background-color: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.kf-wrapper .online, .kf-wrapper .offline{display: inline-block;width: 20px;height: 20px;background-size: 100% 100%;vertical-align: middle;z-index: 2;position: relative;}
.kf-wrapper .online{background-image: url(../images/qqkf/qq-online.png);}
.kf-wrapper .offline{background-image: url(../images/qqkf/qq-offline.png);}
.kf-sq li span{position: relative;display: inline-block;line-height: 20px;font-size: 12px;color: #5f6069;margin-left: 0;z-index: 2;}
.kf-phone{font-size: 16px;color: #1a80ff;line-height: 1.6em;}
.kf-wx{display: none;background-color: #edeef2;position: absolute;left: -8px;top: 100%;z-index: 9;padding: 10px;visibility: hidden;white-space: nowrap;}

.fix-contact{position: fixed;bottom: -100%;left: 0;width: 100%;background-color: rgba(0,0,0,0.9);z-index: 2000000000;padding: 35px 0;box-sizing: border-box;}
.fix-contact .close{color: #fff;font-size: 0;position: absolute;z-index: 99;right: 15px;top: 15px;}
.fix-contact p{color: #fff;font-size: 15px;margin-bottom: 18px;}
.fix-contact li{position: relative;float: left;color: #fff;width: calc(50% - 8px);margin-left: 16px;font-size: 12px;line-height: 30px;margin-bottom: 15px;}
.fix-contact li:first-child{margin-left: 0;}
.fix-contact li:last-child{margin-bottom: 0;}
.fix-contact li input{width: 100%;height: 40px;border: 0;padding: 0 10px;box-sizing: border-box;color: #04304b;outline: none;}
.fix-contact .full-width{width: 100%;margin-left: 0;}
.fix-contact .code-input{padding-right: 100px;}
.fix-contact .code-btn{position: absolute;top: 0;right: 0;display: block;width: 100px;line-height: 40px;text-align: center;background-color: #fff;color: #1389ff;}
.fix-contact .appoint-btn{display: block;width: 100%;line-height: 40px;text-align: center;background-color: #1389ff;color: #fff;}
.fix-contact .tips{position: fixed;bottom: 120px;left: 50%;-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);background-color: #fff;line-height: 30px;padding: 10px 50px;border-radius: 4px;z-index: 99999999999;font-size: 16px;white-space: nowrap;}
.fix-contact .mask{z-index: 99;top: 0;bottom: 0;top: auto;display: block;background-color: rgba(0,0,0,0.5);position: absolute;left: 0;width: 100%;}
.fix-contact .select-skin{position: relative;width: 90px;border:1px solid #fff;cursor: pointer;background-color: transparent;}
.fix-contact .select-title input{width: 100%;height: 28px;font-size: 12px;text-align: left;padding: 0 20px 0 8px;background-color: transparent;color:#b8bdcb;padding-right: 20px;box-sizing: border-box;border:0;cursor: pointer;}
.fix-contact .select-title input::placeholder{color:#b8bdcb}
.fix-contact .select-title:after{content:'';display: block;width: 0;height: 0;border-width: 6px 5px 0;border-style: solid;border-color: #fff transparent transparent transparent;position: absolute;right: 8px;top: 11px;}
.fix-contact .pre_server_select-list dd{color:#b8bdcb;font-size: 12px;line-height: 28px;padding:0 8px}
.fix-contact .pre_server_select-list dd:hover{background-color: rgba(75,137,243,.1);}
.fix-contact .pre_server_select-list dl{margin: 0px}
.fix-contact .select-skin:hover{background-color: rgba(75,137,243,.1);border:1px solid #1389ff}
.fix-contact .select-skin{position: absolute;left: 15px;top: 45px;z-index: 9}

/* 等保二维码弹窗 */
.qrcode-dialog .mask{display: block;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
.qrcode-dialog .dialog-content{position: fixed;background-color: #fff;width: 90%;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 999999999999}
.qrcode-dialog .dialog-header{height: 94px;background-image: url('/static/new_website/images/dengbao-qrcode-header.jpg');background-repeat: no-repeat;background-size: 100%;}
.qrcode-dialog .dialog-header h1{line-height: 94px;text-align: center;font-size: 18px;color: #fff;}
.qrcode-dialog .dialog-close{position: absolute;top: 15px;right: 15px;}
.qrcode-dialog .dialog-main{padding: 30px 0;text-align: center;}
.qrcode-dialog .dengbao-qrcode{margin-bottom: 30px;}
.qrcode-dialog .dengbao-qrcode img {width: 200px;height: 200px;}
.qrcode-dialog .dengbao-qrcode img:first-child {margin-right: 10px;}
.qrcode-dialog .dialog-main p{color: #4c4c4c;}

@font-face {
  font-family: "iconfont";
  src: url('../../new_website/fonts/iconfont.eot?t=1622550551412'); /* IE9 */
  src: url('../../new_website/fonts/iconfont.eot?t=1622550551412#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../new_website/fonts/iconfont.woff2?t=1622550551412') format('woff2'),
       url('../../new_website/fonts/iconfont.woff?t=1622550551412') format('woff'),
       url('../../new_website/fonts/iconfont.ttf?t=1622550551412') format('truetype'),
       url('../../new_website/fonts/iconfont.svg?t=1622550551412#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconqq1:before {
  content: "\e60b";
}

.iconwechat:before {
  content: "\e60a";
}