@charset "utf-8";
/* CSS Document */
@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: -20px; }
.parts-floating[data-position*='bottom'] { bottom: 25px; }
.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='Viber'] { background-color: #ccc; border-color: #ccc; color: #ccc; }
.parts-floating li[data-type='Viber'] .iconfont:before { content: "\e636"; }
.parts-floating li[data-type='Message'] { background-color: #ccc; border-color: #ccc; color: #ccc; }
.parts-floating li[data-type='Message'] .iconfont:before { content: "\e7ec"; }
.parts-floating li[data-type='Top'] { background-color: #ccc; border-color: #ccc; color: #ccc; }
.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='Viber']:hover { background-color: rgba(221, 34, 51, 0.6); border-color: rgba(221, 34, 51, 0.6); color: rgba(221, 34, 51, 0.6); }
.parts-floating li[data-type='Message']:hover { background-color: rgba(221, 34, 51, 0.6); border-color: rgba(221, 34, 51, 0.6); color: rgba(221, 34, 51, 0.6); }
.parts-floating li[data-type='Top']:hover { background-color: rgba(221, 34, 51, 0.6); border-color: rgba(221, 34, 51, 0.6); color: rgba(221, 34, 51, 0.6); }
.parts-floating[data-theme*='Blacktheme'] li:hover { background-color: rgba(0, 0, 0, 0.6) !important; }