@charset "utf-8"; @font-face{ font-family:iconfont; src:url('/upload/font/iconfont.woff') 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:#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; 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:#025196; border-color:#025196; color:#025196} .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:#025196; border-color:#025196; color:#025196} .parts-floating[data-theme*=Blacktheme] li:hover{ background-color:rgba(0,0,0,.6)!important} #w_grid-1568171299490> div > .p_gridbox > .p_gridCell:before { background: rgba(2, 81, 150, 0.75)!important;}