@charset "utf-8";
/* CSS Document */

.online_conversation{font-family:"Microsoft YaHei"; width:550px; height:213px; position:fixed; right:-235px; margin-right:0; bottom:50px; margin-bottom:0; background:url(//himg.china.ypshop.net/img/mainsite/kfbj.jpg) no-repeat; z-index:101; -webkit-box-shadow:rgba(0,0,0,0.28) 3px 0px 10px;-moz-box-shadow:rgba(0,0,0,0.28) 3px 0px 10px; box-shadow:rgba(0,0,0,0.28) 3px 0px 10px; webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease; -webkit-transform:scale(0.1);-moz-transform:scale(0.1);-ms-transform:scale(0.1);-o-transform:scale(0.1);transform:scale(0.1); border-radius:1000px; opacity:0}
.online_conversation.on{right:50%; margin-right:-275px; bottom:50%; margin-bottom:-100px; -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1); opacity:1; border-radius:0; z-index:999}
.online_conversation:after{content:""; position:absolute; width:245px; height:259px; background:url(//himg.china.ypshop.net/img/mainsite/kf.png) no-repeat; right:0; bottom:2px}
.online_conversation .pa{padding:30px 60px 0 60px}
.online_conversation .titlean{font-size:20px; color:#e60000; font-weight:bold}
.online_conversation .txt{font-size:15px; line-height:25px; padding:5px 0 10px 0}
.online_conversation .txt a{text-decoration:underline; color:#333}
.online_conversation .txt span{/*font-weight:bold;*/ font-size:18px}
.online_conversation .button{height:36px}
.online_conversation .buttona{display:block; width:110px; height:32px; float:left; border-radius:3px; overflow:hidden; text-align:center; line-height:32px; font-size:14px; background:#fff; border:1px solid #d3d3d3; margin-right:13px; color:#333; cursor:pointer}
.online_conversation .buttona.on{background:#e60000; border:1px solid #e60000; color:#fff; font-weight:bold}
.onlineOpen{position:fixed; width:140px; height:181px; background:url(//himg.china.ypshop.net/img/mainsite/kfx.png) no-repeat; right:0; bottom:50px; z-index:102; display:none; cursor:pointer}

.online_conversation .a{position:absolute; width:100%; height:100%; left:0; top:0; z-index:2}
.online_conversation .zindex{position:relative; z-index:22}

.onlineleft .buttona.on{position:absolute; left:190px}