.floating_ck
{
position: fixed;
right: 40px;
bottom: 10%;
z-index: 9999;
font-size: 1.5rem;
border-radius: 5px;
transition: all .5s;
}
.floating_ck dl dt
{
text-align: center;
}
.floating_ck dl dd
{
margin: 5px;
border-radius: 5px;
height: 40px;
line-height: 40px;
transition: all .3s;
position: relative;
width: 40px;
background-image: linear-gradient(-45deg,var(--base_color),var(--base_color));
text-align: center;
cursor: pointer;
}
.floating_ck dl dd:hover
{
background-image: linear-gradient(-45deg,var(--base_color),var(--base_color));
}
.floating_ck dl dd:hover .floating_left
{
display: block;
}
.btn_close
{
transition: all .3s;
position: relative;
width: 40px;
height: 40px!important;
line-height: 30px;
background-image: linear-gradient(-45deg,var(--base_color),var(--base_color));
text-align: center;
cursor: pointer;
}
.close_box
{
transform: translateX(149px);
}
.open
{
transition: all .5s;
cursor: pointer;
position: fixed;
z-index: 99999;
right: -40px;
bottom: calc(10% + 95px);
color: #fff;
width: 40px;
height: 40px;
border-radius: 5px;
text-align: center;
line-height: 40px;
}
.open_box
{
transform: translateX(-40px);
}
.return
{
transition: all .3s;
margin-bottom: 1px;
position: relative;
width: 40px;
height: 40px!important;
background-image: linear-gradient(-45deg,var(--base_color),var(--base_color));
text-align: center;
cursor: pointer;
}
.floating_ck dd span
{
color: #fff;
display: block;
font-size: 1.5rem;
}
.floating_ck dd:hover span
{
color: #fff;
}
.floating_left
{
position: absolute;
left: -160px;
top: 0;
width: 160px;
background-image: linear-gradient(-45deg,var(--base_color),var(--base_color));
display: none;
border-radius: 5px;
}
.floating_left a
{
color: #fff!important;
line-height: 40px;
}
.floating_ewm
{
height: 160px;
top: -50px;
}
.floating_ewm i
{
display: block;
width: 145px;
height: 145px;
margin: auto;
margin-top: 7px;
background: url(/static/index/zm3044/Image/wx_ewm145.jpg) center no-repeat;
}
.floating_ewm p
{
color: #fff;
margin-top: 5px;
}