@charset "utf-8";
@font-face{
  font-family:iconfont;
  src: format('woff');
 }
.iconfont{
  font-family:iconfont!important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale}
.parts-floating{
  position:fixed;
  z-index:999}
.parts-floating[data-position]{
  margin:30px}
.parts-floating[data-movestate=false]{
  display:none}
@media(min-width:768px){
  .parts-floating[data-state=true]{
    display:block}
  .parts-floating[data-state=false]{
    display:none}
}
.parts-floating[data-position*=left]{
  left:0}
.parts-floating[data-position*=right]{
  right:0}
.parts-floating[data-position*=bottom]{
  bottom:0}
.parts-floating[data-position*=top]{
  top:0}
.parts-floating[data-position*=center]{
  top:50%;
  transform:translatey(-50%);
  -ms-transform:translatey(-50%);
  -moz-transform:translatey(-50%);
  -webkit-transform:translatey(-50%);
  -o-transform:translatey(-50%)}
.parts-floating ul{
  margin:0;
  padding:0;
  list-style:none}
.parts-floating li{
  position:relative;
  margin:3px 0;
  width:42px;
  padding-bottom:100%;
  background-color:#000;
  color:#fff;
  text-align:center;
  cursor:pointer;
  font-size:20px}
.parts-floating li .parts-li-tip{
  position:absolute;
  z-index:10;
  font-size:12px;
  font-style:normal;
  font-weight:400;
  line-height:1.42857143;
  text-shadow:none;
  text-transform:none;
  letter-spacing:normal;
  word-break:normal;
  word-spacing:normal;
  word-wrap:normal;
  white-space:normal;
  bottom:50%;
  padding:0 10px;
  margin-bottom:-16.5px;
  display:none;
  opacity:1;
  min-width:216px;
  text-align:right}
.parts-floating li .parts-li-tip .tooltip-inner{
  text-align:center;
  background-color: #e50012 !important;
  color:#fff;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  display:inline-block;
  text-align:left;
  max-width:216px;
  padding:8px;
  word-wrap:break-word;
  word-break:normal;
  }
.parts-floating li .parts-li-tip img{
  max-width:200px;
  max-height:100%;
  height:auto;
  width:auto}
.parts-floating li:hover .parts-li-tip{
  display:block}
.parts-floating li:hover .parts-li-tip:before{
  content:" "}
.parts-floating[data-position*=left] .parts-li-tip{
  left:100%;
  text-align:left}
.parts-floating[data-position*=right] .parts-li-tip{
  right:100%;
  text-align:right}
.parts-floating[data-size=lg] li{
  width:50px;
  font-size:22px}
.parts-floating[data-size=sm] li{
  width:35px;
  font-size:18px}
.parts-floating li a{
  color:inherit}
.parts-floating li .iconfont{
  position:absolute;
  height:auto;
  top:50%;
  left:0;
  right:0;
  transform:translatey(-50%);
  -ms-transform:translatey(-50%);
  -moz-transform:translatey(-50%);
  -webkit-transform:translatey(-50%);
  -o-transform:translatey(-50%);
  font-size:inherit;
  color:inherit}
.parts-floating li[data-type=email]{
  background-color:#ee6100;
  border-color:#ee6100;
  color:#ee6100}
.parts-floating li[data-type=email] .iconfont:before{
  content:"\e670"}
.parts-floating li[data-type=phone]{
  background-color:#ed6347;
  border-color:#ed6347;
  color:#ed6347}
.parts-floating li[data-type=phone] .iconfont:before{
  content:"\e600"}
.parts-floating li[data-type=skype]{
  background-color:#007ace;
  border-color:#007ace;
  color:#007ace}
.parts-floating li[data-type=skype] .iconfont:before{
  content:"\e718"}
.parts-floating li[data-type=whatsapp]{
  background-color:#50b83c;
  border-color:#50b83c;
  color:#50b83c}
.parts-floating li[data-type=whatsapp] .iconfont:before{
  content:"\e621"}
.parts-floating li[data-type=viber]{
  background-color:#9c6ade;
  border-color:#9c6ade;
  color:#9c6ade}
.parts-floating li[data-type=viber] .iconfont:before{
  content:"\e636"}
.parts-floating li[data-type=message]{
  background-color:#5e8e3e;
  border-color:#5e8e3e;
  color:#5e8e3e}
.parts-floating li[data-type=message] .iconfont:before{
  content:"\e7ec"}
.parts-floating li[data-type=qrcode]{
  background-color:#b762ff;
  border-color:#b762ff;
  color:#b762ff}
.parts-floating li[data-type=qrcode] .iconfont:before{
  content:"\e667"}
.parts-floating li[data-type=address]{
  background-color:#c35555;
  border-color:#c35555;
  color:#c35555}
.parts-floating li[data-type=address] .iconfont:before{
  content:"\e614"}
.parts-floating li[data-type=qq]{
  background-color:#0188fb;
  border-color:#0188fb;
  color:#0188fb}
.parts-floating li[data-type=qq] .iconfont:before{
  content:"\e602"}
.parts-floating li[data-type=top]{
  background-color: #e50012;
  border-color: #e50012;
  color:#ed2a3d;
  }
.parts-floating li[data-type=top] .iconfont:before{
  content:"\e678"}
.parts-floating[data-theme*=solid] li{
  color:#fff!important}
.parts-floating[data-theme*=round] li{
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%}
.parts-floating[data-theme*=fillet] li{
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px}
.parts-floating[data-theme*=hollow] li{
  border-style:solid;
  border-width:2px;
  background-color:#fff!important;
  padding-bottom:calc(100% - 4px)}
.parts-floating[data-theme*=blacktheme] li{
  background-color:#000!important;
  color:#fff!important}
.parts-floating li[data-type=email]:hover{
  background-color:rgba(238,97,0,.6);
  border-color:rgba(238,97,0,.6);
  color:rgba(238,97,0,.6)}
.parts-floating li[data-type=phone]:hover{
  background-color:rgba(237,99,71,.6);
  border-color:rgba(237,99,71,.6);
  color:rgba(237,99,71,.6)}
.parts-floating li[data-type=skype]:hover{
  background-color:rgba(0,122,206,.6);
  border-color:rgba(0,122,206,.6);
  color:rgba(0,122,206,.6)}
.parts-floating li[data-type=whatsapp]:hover{
  background-color:rgba(80,184,60,.6);
  border-color:rgba(80,184,60,.6);
  color:rgba(80,184,60,.6)}
.parts-floating li[data-type=viber]:hover{
  background-color:rgba(156,106,222,.6);
  border-color:rgba(156,106,222,.6);
  color:rgba(156,106,222,.6)}
.parts-floating li[data-type=message]:hover{
  background-color:rgba(94,142,62,.6);
  border-color:rgba(94,142,62,.6);
  color:rgba(94,142,62,.6)}
.parts-floating li[data-type=qrcode]:hover{
  background-color:rgba(183,98,255,.6);
  border-color:rgba(183,98,255,.6);
  color:rgba(183,98,255,.6)}
.parts-floating li[data-type=address]:hover{
  background-color:rgba(195,85,85,.6);
  border-color:rgba(195,85,85,.6);
  color:rgba(195,85,85,.6)}
.parts-floating li[data-type=qq]:hover{
  background-color:rgba(1,136,251,.6);
  border-color:rgba(1,136,251,.6);
  color:rgba(1,136,251,.6)}
.parts-floating li[data-type=top]:hover{
  background-color: #e50012;
  border-color: #e50012;
  color:#ed2a3d;
  }
.parts-floating[data-theme*=blacktheme] li:hover{
  background-color:rgba(0,0,0,.6)!important}