@charset"utf-8";
@font-face {
    font-family:iconfont;
    src:url(ico/iconfont.eot?t=1505195647785);
    src:url(ico/iconfont.eot?t=1505195647785#iefix) format('embedded-opentype'), url(ico/iconfont.woff?t=1505195647785) format('woff'), url(ico/iconfont.ttf?t=1505195647785) format('truetype'), url(ico/iconfont.svg?t=1505195647785#iconfont) format('svg')
}
.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:60px
}
.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:#000;
    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;
    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:#5c6ac4;
    border-color:#5c6ac4;
    color:#5c6ac4
}
.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:rgba(92, 106, 196, .6);
    border-color:rgba(92, 106, 196, .6);
    color:rgba(92, 106, 196, .6)
}
.parts-floating[data-theme*=Blacktheme] li:hover {
    background-color:rgba(0, 0, 0, .6)!important
}