/* CSS Document 公共部css分样式*/

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.btn-m { display: none; }

/*右侧公共客服组件样式begin*/
.fixed { position: fixed; bottom: 35%; right: 0px; width: 45px; display: none; z-index: 9999; }
.fixed .child { position: absolute; right: 0px; overflow: hidden; cursor: pointer; width: 45px; height: 45px; line-height: 45px; margin-top: 1px; background: rgba(110,210,0,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.fixed .child { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.fixed .child:hover { background: #139e0d; }
.fixed .child img { position: absolute; top: 0px; left: 0px; }
.fixed .child p { position: absolute; left: 45px; color: #fff; }
.fixed .fixedQQ:hover { width: 45px; }

.fixed .fixedQQ { bottom: 92px; }
.fixed .fixedQQ .kfQQ { position: fixed; bottom:45%; right: 50px; padding: 0 3px; border: 1px solid #ccc; background: #fff; z-index: 9999;  padding:10px; display:none; }
.fixed .fixedQQ .kfQQ p { position: relative; left: 0; font-size: 12px; color: #139e0d; line-height: 22px; }
.fixed .fixedQQ .kfQQ p a{ font-size: 12px; color: #139e0d; line-height: 22px; display:inline-block;}
.fixed .fixedQQ .kfQQ p a img{position:relative; display:inline-block;}
.fixed .fixedQQ .kfQQ p a  strong{ font-weight:200; display:inline-block;}
.fixed .fixedQQ .kfQQ img.fixedPointer {position: fixed; right: 45px !important; bottom: 46% !important; width:6px; height:8px; display:block; top:auto; left:auto;  }
.fixed .fixedCall { bottom: 46px; }
.fixed .fixedTop { border-top-left-radius: 10px; border-bottom-left-radius: 10px; position: absolute; right: 0px; bottom: -92px; color: #fff; background:rgba(110,210,0,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F6fd124,endcolorstr=#7F6fd124); cursor: pointer; text-align: center; width: 45px; height: 45px; line-height: 45px; font-size: 14px; font-family: "MICROSOFT YAHEI","Arial Narrow"; }
.fixed .fixedTop a { color: #fff; }
.fixed .fixedTop .fixedTopPointer { position: absolute; top: 0; left: 0; }
.fixed .fixedXX { bottom: 0; cursor: pointer; }
.fixed .fixedCode { position: absolute; bottom: -46px; cursor: pointer; width: 45px; height: 45px; background:rgba(110,210,0,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F6fd124,endcolorstr=#7F6fd124); line-height: 45px; margin-top: 1px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.fixedCodeInfo { display: none; position: fixed; bottom: 31%; right: 50px; padding: 0 3px; border: 1px solid #ccc; background: #fff; z-index: 9999; }
.fixedCodeInfo .fixedPointer { position: absolute; right: -6px; bottom: 12px; }
.fixed .fixedCall:hover { width: 185px; background: #139e0d; }
.fixed .fixedCall p { font-size: 14px; white-space: nowrap; }
.fixed .fixedCode:hover { background: #139e0d; }
/*右侧公共客服组件样式end*/


@media(max-width:1200px) {
    .fixed { right: 0; bottom: 120px; }
    .fixedCodeInfo { right: 50px; bottom: 80px; }
}

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