@charset "utf-8";
/*
 *客服style
 */
/*******浮动*******/
.fl {
  float: left;
  *display: inline;
}
.fr {
  float: right;
  *display: inline;
}
.moudle-kefu h1,.moudle-kefu h2,.moudle-kefu h3,.moudle-kefu h4,.moudle-kefu h5{ margin: 0; padding:0; font-size: normal}
.moudle-kefu input,.moudle-kefu textarea{ 
  margin: 0; padding:0;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#ccc;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input:focus,textarea:focus,button:focus,select:focus{outline:none;}
input::-ms-clear{display:none;}

.moudle-kefu{
  font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
  width:55px; 
  height:auto;
  background-color:#333;
  position:absolute;
  right:0;
  top:0;
  border-right:1px solid #3c3c3c;
  overflow:visible;
  -moz-box-sizing: content-box;  
  -webkit-box-sizing: content-box; 
  -o-box-sizing: content-box; 
  -ms-box-sizing: content-box; 
  box-sizing: content-box; 
}
.moudle-kefu ul, .moudle-kefu li{ 
  margin:0; 
  padding:0; 
  list-style:none;
  -moz-box-sizing: content-box;  
  -webkit-box-sizing: content-box; 
  -o-box-sizing: content-box; 
  -ms-box-sizing: content-box; 
  box-sizing: content-box; 
}
.moudle-kefu li{ padding:10px 3px; color:#fff; text-align:center; position:relative; border-top:1px solid #3c3c3c}
.moudle-kefu li:first-child{ border:none}
.icon-kefu{ display:inline-block;*display: inline;*zoom:1; width:31px; height: 31px; background: url(../images/icon-kefu.png) no-repeat; margin:0 auto;}
.icon-kefu.phone{background-position:0 0 ;}
.icon-kefu.qq{background-position:0 -55px ;}
.icon-kefu.feed{background-position:0 -111px ;}
.icon-kefu.gotop{background-position:0 -165px ;}

.moudle-kefu li:hover .icon-kefu.phone{background-position:-78px 0 ;}
.moudle-kefu li:hover .icon-kefu.qq{background-position:-78px -55px ;}
.moudle-kefu li:hover .icon-kefu.feed{background-position:-78px -111px ;}
.moudle-kefu li:hover .icon-kefu.gotop{background-position:-78px -165px ;}

.moudle-kefu li .kefu-con{
  position:absolute;
  left:-200px;
  top:0;
  z-index:99;
  box-sizing:content-box;
  visibility:hidden;
  width:100px;
  height:100%;
  background:#008cd6; 
  color:#ffffff;
  text-align:center;
  /*line-height:36px;*/
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;

  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;

  -moz--top-left-radius: 2px;
  -webkit-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-bottom-left-radius: 2px;
  -webkit-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  overflow: hidden;
  zoom:1;
/*  height: 56px;*/
}
.moudle-kefu li:hover{ background:#1854a5; cursor:pointer}
.moudle-kefu li.active .kefu-con{ 
  /*width:100px;*/
  visibility:visible;
  left:-100px; 
  color:#ffffff;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  background: #1854a5
}
.moudle-kefu li.qq .kefu-con{width:170px; height:auto; left:-190px;top:-75px; background:#1854a5; border:10px solid #1854a5; color:#333333; text-align:left;font-size: 14px;
}
/*.moudle-kefu li.qq:hover .kefu-con{ left:-170px;}*/
.moudle-kefu li.qq .kefu-con li{ height:30px; line-height: 30px; width:auto; background:none; color:#ccc; border:none; padding:0; margin:0; font-size: 12px; color: #999999; text-align: left;font-size: 14px;
}
.moudle-kefu li.qq .kefu-con > div{ background:#ffffff; padding:12px}
.moudle-kefu li.qq .kefu-con > div div{ height:20px; }
.moudle-kefu li.qq .kefu-con h2{width:auto;height: 30px; line-height: 30px; font-size:14px; font-weight: bold; color: #ffffff; text-align: center; padding-left: 50px;background-repeat:no-repeat; background-position:30% 0;background-image:url(/skin/images/qqb.png);
}
.moudle-kefu li.qq .kefu-con ul img{ vertical-align: middle; margin: 0 3px; display: inline-block;}
/*二维码*/
.moudle-kefu li.qr-code .kefu-con{}
.moudle-kefu li.qr-code .kefu-con .qr{ width:100px; height:100px; background:url(images/qr-code.png) no-repeat}
.moudle-kefu li.weixin .kefu-con{ background: none !important;}
.moudle-kefu li.weixin .kefu-con div{ font-size: 12px; color: #666;padding: 0 12px; line-height: 1.6em }
.moudle-kefu li.gotop {display: none;}
.moudle-kefu li.tel .kefu-con{ width: 170px; text-align: left; line-height: 20px;padding:10px 0;height: 37px;top:-1px;left: -170px;}
.moudle-kefu li.tel .kefu-con h5{ font-size: 12px; padding-left: 12px;}
.moudle-kefu li.tel .kefu-con > div{font-size: 20px; padding-left: 12px;font-family: Arial; font-weight: bold;}
/*意见反馈*/
.moudle-kefu li.feedback .kefu-con{width: 535px; height: auto; top: -157px; left: -535px; }
.moudle-kefu li.feedback .kefu-con  .con{ margin:0; height: auto; padding: 0 12px;color: #666666 !important;text-align: justify; display: }
.moudle-kefu li.feedback .kefu-con  ul{ width: auto; height: auto; line-height: normal; background: #f0f0f0; padding:20px; margin-bottom: 12px}
.moudle-kefu li.feedback .kefu-con  ul li{ width: auto; border:none;margin:0;padding:0;line-height: normal;text-align: left; color: #666666; padding: 3px 0;text-align: justify !important;}
.moudle-kefu li.feedback .kefu-con  ul li:first-child{height: 22px; line-height: 22px;}
.moudle-kefu li.feedback .kefu-con  ul li:hover{ background: transparent;}
.moudle-kefu li.feedback .kefu-con .input-radio{ margin-right: 5px;}
.moudle-kefu li.feedback .kefu-con span{ padding-left: 3px;padding-right: 10px; }
.moudle-kefu li.feedback  .h1{ text-align: justify; padding: 6px 12px; *height: 31px;}
.moudle-kefu li.feedback  .h1 .icon-kefu{ width:auto; line-height: 31px; padding-left: 38px; font-weight: 700; font-style: normal;letter-spacing: 1px;background-position:-78px -111px ;}
.moudle-kefu li.feedback  .h1{ font-size: 14px}
.moudle-kefu li.feedback .input-1{ width: 100%;padding: 6px 6px;border:1px solid #c5d1e1;}
.moudle-kefu li.feedback .input-2{ width: 60%;padding: 6px 6px;border:1px solid #c5d1e1;}
.moudle-kefu li.feedback .input-3{ width: 35%;padding: 6px 6px;border:1px solid #c5d1e1;}
.moudle-kefu li.feedback .input-txt{width: 100%; height: 65px; padding: 6px 6px;border:1px solid #c5d1e1; overflow: auto; text-align: left; line-height: 1.5em}
.moudle-kefu li.feedback .input-submit{ background: #ffffff; color: #666; border:none; font-size: 14px; padding: 6px 12px}

/*hover*/
.moudle-kefu li.active {}
/*skin*/
.moudle-kefu.blue {background-color:#fff;border:1px solid #1854a5;}
.moudle-kefu.blue li i{color: #1854a5}
.moudle-kefu.blue li:hover i{ color: #fff}
.moudle-kefu.blue .kefu-con{ background-color:#1854a5 }

.moudle-kefu.blue-light li .kefu-con{ background:#1754a5; border-color:#1754a5}
.moudle-kefu.blue-light li:hover{ background:#1754a5;}
.moudle-kefu.red li .kefu-con{ background:#d41313; border-color:#d41313}
.moudle-kefu.red li:hover{ background:#d41313;}
.moudle-kefu.yellow li .kefu-con{ background:#d41313; border-color:#d41313}
.moudle-kefu.yellow li:hover{ background:#d41313;}
.moudle-kefu.green li .kefu-con{ background:#d41313; border-color:#d41313}
.moudle-kefu.green li:hover{ background:#d41313;}