.rides-cs {
  font-size:12px;
  position:fixed;
  top:250px;
  right:0;
  _position:absolute;
  z-index:1500;
  border-radius:0 6px 6px 0
}
.rides-cs .floatL {
  width:36px;
  float:left;
  position:relative;
  z-index:1;
  margin-top:50px;
  height:166px;
  background:#221e1f;
  border-radius:8px 0 0 8px
}
.rides-cs .floatL a {
  font-size:0;
  text-indent:-999em;
  display:block
}
.rides-cs .floatR {
  display:none;
  width:100px;
  float:left;
  background:#1867b4;
  border-radius:5px
}
.rides-cs .floatR a {
  display:block;
  cursor:pointer;
  width:100px;
  background:#cc141b;
  position:relative;
  color:#676767;
  padding:15px 0;
  text-align:center;
  box-sizing:border-box
}
.rides-cs .floatR a>img {
  height:35px
}
.rides-cs .floatR a span {
  font-size:16px;
  color:#fff;
  font-weight:300;
  display:block;
  margin:10px 0 0
}
.rides-cs .floatR a.whatsapp {
  border-radius:5px 5px 0 0
}
.rides-cs .floatR a.wx {
  border-top:1px solid rgba(255,255,255,.37)
}
.rides-cs .floatR a.wx .wx-box {
  width:152px;
  height:193px;
  position:absolute;
  right:108px;
  top:-30px;
  display:none;
  z-index:100
}
.rides-cs .floatR a.wx .wx-box .box {
  width:140px;
  padding:5px;
  border:1px solid #d6d7d7;
  text-align:center;
  background:#fff;
  overflow:hidden
}
.rides-cs .floatR a.wx .wx-box .box img {
  width:140px
}
.rides-cs .floatR a.wx .wx-box .box span {
  font-size:12px;
  color:#333;
  line-height:18px;
  letter-spacing:1px
}
.rides-cs .floatR a.wx .wx-box .arrowPanel {
  width:12px;
  height:20px;
  position:absolute;
  right:-10px;
  top:70px
}
.rides-cs .floatR a.wx .wx-box .arrowPanel .arrow01 {
  width:0;
  height:0;
  font-size:0;
  line-height:0;
  position:absolute;
  bottom:0;
  left:2px;
  top:0;
  border-top:10px dashed transparent;
  border-right:10px dashed transparent;
  border-bottom:10px dashed transparent;
  border-left:10px solid #ddd
}
.rides-cs .floatR a.wx .wx-box .arrowPanel .arrow02 {
  width:0;
  height:0;
  font-size:0;
  line-height:0;
  position:absolute;
  bottom:0;
  left:0;
  top:0;
  border-top:10px dashed transparent;
  border-right:10px dashed transparent;
  border-bottom:10px dashed transparent;
  border-left:10px solid #fff
}
.rides-cs .floatR a.wx:hover .wx-box {
  display:block
}
.rides-cs .floatR .gotop {
  border-radius:0 0 5px 5px;
  background:#cc141b;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-align-items:center;
  align-items:center
}
.rides-cs .floatR .gotop img {
  height:24px
}
.rides-cs .floatR .gotop span {
  font-size:24px;
  color:#fff;
  font-weight:600;
  margin:0 5px 0 0
}
.rides-cs .btnOpen,
.rides-cs .btnCtn {
  position:relative;
  z-index:9;
  top:15px;
  left:0;
  background-image:url(https://okki-shop.oss-cn-hangzhou.aliyuncs.com/1086/upload/about/b1268f106c49fc4fb68b6d945d110367b05bbf21bb15a0afd243631e00df97d2.png);
  background-repeat:no-repeat;
  display:block;
  height:136px;
  padding:8px;
  box-sizing:border-box
}
.rides-cs .btnOpen {
  background-position:-37px 0
}
.rides-cs .btnCtn {
  background-position:0 0
}

@media screen and (max-width:768px){
  .rides-cs {display: none;}
}