@charset "utf-8";
/* CSS Document */
@font-face { font-family: "iconfont"; src: url('iconfont.eot?t=1505456595555'); src: url('iconfont.eot?t=1505456595555#iefix') format('embedded-opentype'), url('iconfont.woff?t=1505456595555') format('woff'), url('iconfont.ttf?t=1505456595555') format('truetype'), url('iconfont.svg?t=1505456595555#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: 20px; }
.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: #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, #panel_account td[data-type='Email'] .iconfont:before {
        content: "\e1010";
    }
.parts-floating li[data-type='Option'] {
    background-color: #EE6100;
    border-color: #EE6100;
    color: #EE6100;
}
    .parts-floating li[data-type='Option'] .iconfont:before, #panel_account td[data-type='Option'] .iconfont:before {
        content: "\e10010";
    }
.parts-floating li[data-type='Phone'] {background-color: #ed6347;border-color: #ed6347;color: #ed6347;}
    .parts-floating li[data-type='Phone'] .iconfont:before, #panel_account td[data-type='Phone'] .iconfont:before {
        content: "\e1018";
    }
.parts-floating li[data-type='Skype']{
    background-color: #007ace;
    border-color: #007ace;
    color: #007ace;
}
    .parts-floating li[data-type='Skype'] .iconfont:before, #panel_account td[data-type='Skype'] .iconfont:before {
        content: "\e1015";
    }
.parts-floating li[data-type='WhatsApp'] {
    background-color: #50b83c;
    border-color: #50b83c;
    color: #50b83c;
}
    .parts-floating li[data-type='WhatsApp'] .iconfont:before, #panel_account td[data-type='WhatsApp'] .iconfont:before {
        content: "\e1004";
    }
.parts-floating li[data-type='Viber']{
    background-color: #9c6ade;
    border-color: #9c6ade;
    color: #9c6ade;
}
    .parts-floating li[data-type='Viber'] .iconfont:before, #panel_account td[data-type='Viber'] .iconfont:before {
        content: "\e1002";
    }
.parts-floating li[data-type='Message']{
    background-color: #5E8E3E;
    border-color: #5E8E3E;
    color: #5E8E3E;
}
    .parts-floating li[data-type='Message'] .iconfont:before, #panel_account td[data-type='Message'] .iconfont:before {
        content: "\e1012";
    }
.parts-floating li[data-type='QRcode']{
    background-color: #B762FF;
    border-color: #B762FF;
    color: #B762FF;
}
    .parts-floating li[data-type='QRcode'] .iconfont:before, #panel_account td[data-type='QRcode'] .iconfont:before {
        content: "\e1007";
    }
.parts-floating li[data-type='Address']{
    background-color: #C35555;
    border-color: #C35555;
    color: #C35555;
}
    .parts-floating li[data-type='Address'] .iconfont:before, #panel_account td[data-type='Address'] .iconfont:before {
        content: "\e1020";
    }
.parts-floating li[data-type='QQ']{
    background-color: #0188FB;
    border-color: #0188FB;
    color: #0188FB;
}
    .parts-floating li[data-type='QQ'] .iconfont:before, #panel_account td[data-type='QQ'] .iconfont:before {
        content: "\e1001";
    }
.parts-floating li[data-type='Top']{
    background-color: #5c6ac4;
    border-color: #5c6ac4;
    color: #5c6ac4;
}
    .parts-floating li[data-type='Top'] .iconfont:before, #panel_account td[data-type='Top'] .iconfont:before {
        content: "\e1008";
    }
.parts-floating li[data-type='MobilePhone'] {
    background-color: #EE6100;
    border-color: #EE6100;
    color: #EE6100;
}
    .parts-floating li[data-type='MobilePhone'] .iconfont:before, #panel_account td[data-type='MobilePhone'] .iconfont:before {
        content: "\e1009";
    }
.parts-floating li[data-type='SMS']{
    background-color: #EE6100;
    border-color: #EE6100;
    color: #EE6100;
}
    .parts-floating li[data-type='SMS'] .iconfont:before, #panel_account td[data-type='SMS'] .iconfont:before {
        content: "\e1009";
    }

.parts-floating li[data-type='Option_Email'] { background-color: #EE6100; border-color: #EE6100; color: #EE6100; }
.parts-floating li[data-type='Option_Email'] .iconfont:before { content: "\e1006"; }
.parts-floating li[data-type='Option_QRcode'] { background-color: #EE6100; border-color: #EE6100; color: #EE6100; }
.parts-floating li[data-type='Option_QRcode'] .iconfont:before { content: "\e1014"; }
.parts-floating li[data-type='Option_Top'] { background-color: #EE6100; border-color: #EE6100; color: #EE6100; }
.parts-floating li[data-type='Option_Top'] .iconfont:before { content: "\e1013"; }

.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, 0.6); border-color: rgba(238, 97, 0, 0.6); color: rgba(238, 97, 0, 0.6); }
.parts-floating li[data-type='Phone']:hover { background-color: rgba(237, 99, 71, 0.6); border-color: rgba(237, 99, 71, 0.6); color: rgba(237, 99, 71, 0.6); }
.parts-floating li[data-type='Skype']:hover { background-color: rgba(0, 122, 206, 0.6); border-color: rgba(0, 122, 206, 0.6); color: rgba(0, 122, 206, 0.6); }
.parts-floating li[data-type='WhatsApp']:hover { background-color: rgba(80, 184, 60, 0.6); border-color: rgba(80, 184, 60, 0.6); color: rgba(80, 184, 60, 0.6); }
.parts-floating li[data-type='Viber']:hover { background-color: rgba(156, 106, 222, 0.6); border-color: rgba(156, 106, 222, 0.6); color: rgba(156, 106, 222, 0.6); }
.parts-floating li[data-type='Message']:hover { background-color: rgba(94, 142, 62, 0.6); border-color: rgba(94, 142, 62, 0.6); color: rgba(94, 142, 62, 0.6); }
.parts-floating li[data-type='QRcode']:hover { background-color: rgba(183, 98, 255, 0.6); border-color: rgba(183, 98, 255, 0.6); color: rgba(183, 98, 255, 0.6); }
.parts-floating li[data-type='Address']:hover { background-color: rgba(195, 85, 85, 0.6); border-color: rgba(195, 85, 85, 0.6); color: rgba(195, 85, 85, 0.6); }
.parts-floating li[data-type='QQ']:hover { background-color: rgba(1, 136, 251, 0.6); border-color: rgba(1, 136, 251, 0.6); color: rgba(1, 136, 251, 0.6); }
.parts-floating li[data-type='Top']:hover { background-color: rgba(92, 106, 196, 0.6); border-color: rgba(92, 106, 196, 0.6); color: rgba(92, 106, 196, 0.6); }
.parts-floating li[data-type='Option']:hover { background-color: rgba(238, 97, 0, 0.6); border-color: rgba(238, 97, 0, 0.6); color: rgba(238, 97, 0, 0.6); }
.parts-floating[data-theme*='Blacktheme'] li:hover { background-color: rgba(0, 0, 0, 0.6) !important; }

.option_ul li{
    display:block;
    text-align:center;
    margin-left:10px;
    cursor:pointer;
}


/*.parts-floating-2 li[data-type='MobilePhone'] { background-color: #fff; border-color: #EE6100; color: #EE6100; }*/
.parts-floating-2 li[data-type='MobilePhone'] .iconfont:before { content: "\e1009"; }
/*.parts-floating-2 li[data-type='Option_Email'] { background-color: #EE6100; border-color: #EE6100; color: #EE6100; }*/
.parts-floating-2 li[data-type='Option_Email'] .iconfont:before { content: "\e1006"; }
/*.parts-floating-2 li[data-type='Option_QRcode'] { background-color: #EE6100; border-color: #EE6100; color: #EE6100; }*/
.parts-floating-2 li[data-type='Option_QRcode'] .iconfont:before { content: "\e1014"; }
/*.parts-floating-2 li[data-type='Option_Top'] { background-color: #EE6100; border-color: #EE6100; color: #EE6100; }*/
.parts-floating-2 li[data-type='Option_Top'] .iconfont:before { content: "\e1013"; }
.parts-floating-2 li[data-type='Email'] .iconfont:before { content: "\e1010"; }
.parts-floating-2 li[data-type='Option'] .iconfont:before { content: "\e1010"; }
.parts-floating-2 li[data-type='Phone'] .iconfont:before { content: "\e1018"; }
.parts-floating-2 li[data-type='Skype'] .iconfont:before { content: "\e1015"; }
.parts-floating-2 li[data-type='WhatsApp'] .iconfont:before { content: "\e1004"; }
.parts-floating-2 li[data-type='Viber'] .iconfont:before { content: "\e1002"; }
.parts-floating-2 li[data-type='Message'] .iconfont:before { content: "\e1012"; }
.parts-floating-2 li[data-type='QRcode'] .iconfont:before { content: "\e1007"; }
.parts-floating-2 li[data-type='Address'] .iconfont:before { content: "\e1020"; }
.parts-floating-2 li[data-type='QQ'] .iconfont:before { content: "\e1001"; }
.parts-floating-2 li[data-type='Top'] .iconfont:before { content: "\e1008"; }

 
 .option_ul li.active span{
 	border: 1px solid #000;
 	padding: 5px;
 	border-radius: 50%;
 }