/*右侧公共客服组件样式begin*/
.fixed { position: fixed; bottom: 10%; right: 8%; width: 45px; z-index: 99; display: block; }
.fixed .child { position: relative; /*overflow: hidden;*/ width: 45px; text-align: center; padding: 10px 0; background: #0588ce; border-bottom: 1px solid #edecec; box-sizing: border-box; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.fixed .child i { display: block; font-size: 26px; color: #fff; line-height: 30px; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.fixed .child span { font-size: 12px; color: #999; line-height: 20px; display: block; }
.fixed .child .icon-gzwm { font-size: 30px; }
.fixed .child:hover { background: #fff; color: #0588ce; }
.fixed .child:hover i { color: #0588ce; }
.fixed .child:hover span { color: #0588ce; }
.fixed .child .icon-top1 { line-height: 20px; font-size: 20px; }
.fixed .fixedTop { padding: 5px 0; border-bottom: 0; border: 1px solid #0588ce; }

/*右侧公共客服组件样式end*/
.fixed .child div { position: absolute; right: 47px; top: 0; width: 100px; height: auto; padding: 10px; background: #fff; border: 1px solid #ccc; display: none; }
.fixed .child .kfQQ { top: -20px; }
.fixed .child .kfQQ p { font-size: 12px; line-height: 30px; height: 30px; }
.fixed .child .kfQQ a img { float: left; line-height: 30px; margin-top: 5px; }
.fixed .child .kfQQ strong { font-size: 12px; line-height: 30px; color: #666; font-weight: 100; }
.fixed .child .kfQQ p:hover strong { color: #dda246; }
.fixed .child .kfphone { display: block; width: 40px; background: #fff; top: 0px; right: 0; z-index: -1; transition: all 0.3s linear; opacity: 0; filter: alpha(opacity=0); }
.fixed .child .kfphone p { line-height: 30px; color: #333; }
.fixed .fixedCall:hover .kfphone { right: 47px; width: 200px; opacity: 1; filter: alpha(opacity=100); }

/*关注我们弹窗二维码begin*/
.bg-colCode { display: none; background-image: url('../image/bg-col.png'); position: fixed; z-index: 997; width: 100%; height: 100%; left: 0; top: 0; }
.fixedQcrod { display: none; position: fixed; width: 140px; height: 180px; left: 50%; top: 50%; margin-left: -70px; margin-top: -60px; z-index: 998; }
.fixedQcrod .Qcrod01 { position: absolute; left: -140px; width: 140px; opacity: 0.3; }
.fixedQcrod .Qcrod02 { position: absolute; right: -140px; width: 140px; opacity: 0.3; }
.fixedQcrod .pic { box-shadow: 0 0 15px #000; }
.fixedQcrod .pic img { margin: 0 auto; width: 100%; max-width: 100%; }
.fixedQcrod p { font-size: 16px; color: #fff; line-height: 50px; text-align: center; }
/*关注我们弹窗二维码end*/

/*电话弹窗组件样式begin*/
.tanchubox { display: none; }
#tc-tel .icon-close { width: 30px; height: 30px; position: absolute; top: 0px; right: 0px; font-size: 0; cursor: pointer; }
/*电话弹窗组件样式end*/

@media (max-width: 1800px) {
    .fixed { right: 9%; }
}

@media (max-width: 1700px) {
    .fixed { right: 6%; }
}

@media (max-width: 1600px) {
    .fixed { right: 3%; }
}

@media (max-width: 1500px) {
    .fixed { right: 10px; }
}

@media (max-width: 1300px) {
    .fixed { width: 40px; }
    .fixed .child { width: 40px; }
    .fixed .child span { display: none; }
    .fixed .child div { right: 40px; }
    .fixed .fixedCall:hover .kfphone { right: 40px; }
}

@media (max-width: 1024px) {
    .fixed { display: none; }
}